@charset "utf-8";

#prompt	{left: 50%; top: 50%; transform: translate(-50%, -50%);}
.neon_board	{background-color: #FFF;}

/* header */
.board_hd	{position: relative; padding: 15px 15px 15px 70px; min-height: 40px; border-bottom: 1px dotted #DDD; line-height: 1.4em; color: #888;}
.board_hd .bd_img	{position: absolute; left: 15px; top: 15px; width: 40px; height: 40px; background-color: #EEE; border-radius: 5px; overflow: hidden; text-align: center;}
.board_hd .bd_img i	{line-height: 40px; font-size: 20px;}
.board_hd img	{width: auto; height: 40px;}

/* list category */
.list_category	{display: none; position: fixed; left: 0; top: 50px; width: 100%; z-index: 90;}
.list_category::after	{content: ''; position: absolute; top: 0; left: 0; height: 1px; width: 100%; background-color: #000; opacity: 0.1;}
.list_category>ul	{padding: 15px 5px 10px; text-align: center;}
.list_category li	{display: inline-block; margin-bottom: 5px;}
.list_category a	{display: inline-block; padding: 0 10px; color: #FFF;}
.list_category li.active a	{text-decoration: underline;}
.list_category li i	{font-size: 0.6em;}

.list_category_2dpeth	{display: inline-block; opacity: 0.6; color: #FFF;}
.list_category_2dpeth ul	{display: inline-block;}

/* list header */
.list_hd	{position: relative; height: 40px; line-height: 40px; border-bottom: 1px solid #e5e5e5;}

.list_tab li	{display: inline-block;}
.list_tab li a	{color: #888;}
.list_tab li.active a	{font-weight: bold; color: #333;}
.list_tab a	{display: inline-block; padding: 0 15px;}

.list_bt_write	{position: absolute; right: 5px; top: 5px; height: 30px; line-height: 30px; padding: 0 10px; background-color: #FFF; border: 1px solid #e5e5e5;}
.list_bt_write i	{margin-right: 2px;}

/* page unit */
.list_page	{height: 0; overflow: hidden;}

/* cookie notice */
.cookie_notice li	{display: none; position: relative; margin-top: -1px; padding: 10px 30px 10px 15px; border: 1px solid #efefbf; background-color: #ffffd1; line-height: 1.4em; z-index: 1;}
.cookie_notice .bt_close	{position: absolute; right: 0; top: 0; width: 50px; height: 100%; font-size: 1.2em; color: #b2b292;}

/* list basic */
.list_d>ul>li	{position: relative; padding: 13px 15px 14px; border-bottom: 1px solid #eee;}
.list_d>ul>li:last-child	{border-bottom: none;}
.list_d .list_link	{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2;}
.list_d .has_cmt	{padding-right: 60px;}
.list_d .list_ctg	{display: inline-block; margin-right: 5px; color: #616baf;}
.list_d .list_title	{line-height: 1.2em; font-size: 1.05em; font-weight: 500;}
.list_d .list_thumb	{position: absolute; top: 50%; left: 10px; width: 50px; height: 50px; transform: translateY(-50%); z-index: 1;}
.list_d .list_thumb::after	{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #000; box-sizing: border-box; opacity: 0.2;}
.list_d .list_thumb img	{width: 50px; height: 50px;}
.list_d .has_thumb	{min-height: 43px; padding-left: 70px;}
.list_d .list_info	{margin-top: 5px; font-size: 0.8em; color: #999;}
.list_d .list_info:empty	{display: none;}
.list_d .list_info>div	{display: inline-block; margin-right: 10px;}
.list_d .list_info i	{color: #DDD;}
.list_d .list_cmt	{display: inline-block; position: absolute; right: 15px; top: 50%; width: 35px; height: 35px; line-height: 37px; background-color: #FFF; border: 1px solid #e5e5e5; border-radius: 3px; transform: translateY(-50%); text-align: center; font-size: 0.85em; z-index: 3;}
.list_d .list_cmt + img	{display: inline-block; position: absolute; right: 36px; top: 50%; transform: translateY(-28px) scale(0.5); z-index: 4;}
.list_d .notice_text	{display: none;}
.list_d .list_summary	{margin-top: 10px; line-height: 1.4em; font-size: 0.85em; color: #888;}

/* list notice */
.list_n	{position: relative; background-color: #f7f7f7; z-index: 2;}
.list_n>ul>li	{padding: 13px 15px 13px 55px;}
.list_n>ul>li:last-child	{border-bottom: 1px solid #e5e5e5;}
.list_n .notice_text	{display: inline-block; position: absolute; left: 13px; top: 50%; transform: translateY(-50%); padding: 4px 6px; font-size: 0.8em; color: #FFF;}
.list_n .list_title	{font-size: 1.0em; font-weight: normal;}
.list_n .list_cmt	{height: 25px; line-height: 27px;}
.list_n .list_cmt + img	{transform: translateY(-23px) scale(0.5);}

/* list gallery */
.ldg	{padding: 15px; overflow: hidden;}
.ldg>ul>li	{display: inline-block; padding: 0; border-bottom: none; vertical-align: top;}
.ldg_thumb img	{display: block; width: 100%; height: auto;}
.ldg .list_ctg	{margin: 10px 0 -5px; font-size: 0.85em;}
.ldg .list_title	{margin-top: 10px; font-size: 0.85em; font-weight: normal;}
.ldg_info	{position: relative; min-height: 12px; margin-top: 10px; font-size: 0.8em; color: #AAA;}
.ldg_info:empty	{display: none;}
.ldg_info>div	{margin-top: 3px;}
.ldg_cmt	{display: inline-block; position: absolute; right: 0; bottom: 0;}
.ldg_cmt img	{width: 14px; height: 12px; margin-right: 3px; opacity: 0.3; vertical-align: middle;}
.ldg .no_thumb	{position: relative; border: 1px solid #EEE;}
.ldg .no_thumb span	{display: inline-block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; color: #BBB;}
.ldg .no_thumb i	{color: #DDD;}

/* list blog */
.ldb	{background-color: #EEE;}
.ldb>ul	{padding: 15px;}
.ldb>ul>li	{margin-bottom: 15px; background-color: #FFF; border: 1px solid #e5e5e5;}
.ldb>ul>li:last-child	{margin-bottom: 0; border-bottom: 1px solid #e5e5e5;}
.ldb_thumb	{margin: -13px -15px 15px; padding-bottom: 70%; background-size: cover;}
.ldb .list_ctg	{margin-bottom: 5px; font-size: 0.85em;}
.ldb .list_info	{position: relative; margin-top: 10px; padding-top: 15px;}
.ldb .list_info::after	{content: ''; position: absolute; left: -15px; top: 0; width: calc(100% + 30px); height: 1px; background-color: #EEE;}

@media screen and (min-width: 768px){
	.ldb>ul>li	{height: 260px; padding-right: 365px; padding-bottom: 45px; box-sizing: border-box;}
	.ldb>ul>li.no_thumb	{height: auto; padding-right: 15px;}
	.ldb_thumb	{position: absolute; right: 0; top: 0; width: 350px; height: 258px; margin: 0; padding: 0;}
	.ldb .list_info	{position: absolute; left: 15px; bottom: 15px; width: calc(100% - 380px); box-sizing: border-box;}
	.ldb .no_thumb .list_info	{width: calc(100% - 30px);}
}

/* list profile */
.ldp>ul>li	{position: relative; margin-bottom: 15px; padding: 0 0 0 55px; background: none; border: none;}
.ldp>ul>li:last-child	{margin-bottom: 0; border-bottom: none;}
.ldp .pf	{position: absolute; left: 0; top: 0;}
.ldp_body	{position: relative; padding: 15px; background-color: #FFF; border: 1px solid #e5e5e5;}
.ldp_body::before	{content: ''; position: absolute; right: 100%; top: 10px; border-right: 10px solid #DDD; border-bottom: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid transparent;}
.ldp_body::after	{content: ''; position: absolute; right: 100%; top: 11px; border-right: 9px solid #FFF; border-bottom: 9px solid transparent; border-left: 9px solid transparent; border-top: 9px solid transparent;}
.ldp .list_summary	{margin-bottom: 15px;}
.ldp .ldb_thumb	{margin: 0 -15px;}
.ldp .list_info	{margin-top: -1px;}

@media screen and (min-width: 768px){
	.ldp>ul>li.no_thumb	{padding-right: 0;}
	.ldp_body	{height: 260px; padding-right: 365px; padding-bottom: 45px; box-sizing: border-box;}
	.no_thumb .ldp_body	{height: auto; padding-right: 15px;}
	.ldp .ldb_thumb	{margin: 0;}
}

/* list icon */
.list_title span	{vertical-align: middle;}
.list_icon	{display: inline-block; width: 14px; height: 14px; border-radius: 50%; font-size: 9px; line-height: 14px; background-color: #f13a3a; text-align: center; color: #FFF;}
.list_icon,
.list_icon2	{margin-left: 5px; vertical-align: middle;}
.list_icon2	{color: #CCC;}
.list_icon2.image	{color: #76b26e;}

/* list admin */
.list_admin	{position: relative; height: 40px; background-color: #f7f7f7; border-top: 1px solid #e5e5e5; font-size: 0.9em;}
.list_admin a	{line-height: 40px; padding: 0 10px; border-right: 1px solid #e5e5e5; background-color: #FFF; color: #AAA;}
.list_admin .srl	{margin-left: 10px; color: #AAA;}

.bt_check_mode	{position: absolute; right: 0; top: 0; width: 50px; height: 40px; padding-top: 2px; background-color: #FFF; border-left: 1px solid #e5e5e5; font-size: 0.9em; color: #AAA;}
.bt_check_mode .text	{font-size: 0.65em;}
.bt_check_mode .on	{display: none;}
.bt_check_mode.active	{margin: -1px 0; height: 42px; border-left: none; color: #FFF;}
.bt_check_mode.active .on	{display: inline;}
.bt_check_mode.active .off	{display: none;}

.list_check	{display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5;}
.list_check .checked	{display: none; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 2.3em;}
.list_check input	{position: absolute; left: -50px; opacity: 0;}
.list_check input + span	{width: 100%; height: 100%; z-index: -1;}
.list_check input:checked + span	{background-color: #FFF; opacity: 0.7;}
.list_check input:checked ~ span	{display: inline-block;}

.check_mode .list_link	{display: none;}
.check_mode .list_check	{display: block;}

/* pagination */
.pagination	{position: relative; height: 40px; padding: 0 50px; border-top: 1px solid #e5e5e5; text-align: center; line-height: 40px; overflow: hidden;}
.pagination .bt	{position: absolute; top: 0; width: 50px;}
.pagination .page_prev	{left: 0; border-right: 1px solid #e5e5e5;}
.pagination .page_next	{right: 0; border-left: 1px solid #e5e5e5;}
.pagination .second	{margin-left: -10px;}

.pagination_num	{padding-bottom: 50px; margin-bottom: -50px; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch;}
.pagination_num a	{display: inline-block; padding: 0 15px; box-sizing: border-box; color: #AAA;}
.pagination_num a.active	{color: #333;}

/* list search */
.list_srch	{padding-bottom: 5px; border-top: 1px solid #e5e5e5; background-color: #f7f7f7; text-align: right;}
.list_srch .custom_select	{width: 90px; line-height: 24px; text-align: left;}
.list_srch .ip_bs	{width: 150px;}
.list_srch .bt_bs2	{line-height: 26px; padding: 0 9px 0 10px; font-size: 0.9em;}

.list_srch .custom_select,
.list_srch .ip_bs,
.list_srch .bt_bs2	{height: 26px; margin-right: 5px; margin-top: 5px; vertical-align: middle;}

/* read article */
.atc_has_list	{background-color: #EEE;}
.atc_has_list a	{display: block; width: 100%; padding: 8px 0; text-align: center; text-transform: uppercase; font-size: 0.9em; color: #888;}
.atc_hd	{position: relative; padding: 15px; border-bottom: 1px solid #EEE;}
.atc_hd h1	{font-size: 1.2em; line-height: 1.2em;}
.atc_ctg	{margin-right: 3px; color: #616baf;}
.atc_ctg a	{color: #616baf;}

.atc_info	{position: relative; margin-top: 15px; padding: 3px 0 0 50px;}
.no_profile .atc_info	{padding-left: 0;}
.atc_info .pf	{position: absolute; left: 0; top: 0;}
.atc_info .ip	{margin-left: 10px; font-size: 0.85em; color: #888;}
.atc_info ul	{margin-top: 5px; font-size: 0.85em; color: #888;}
.atc_info li	{display: inline-block; margin-right: 10px;}
.atc_info li button	{color: #888;}
.atc_info li i	{color: #CCC;}

.atc_info .bt_member_info	{display: inline-block; vertical-align: middle;}
.atc_info .bt_send_msg	{margin-left: 5px; line-height: 16px; font-size: 0.85em; vertical-align: middle; color: #616baf;}
.atc_info .bt_send_msg i	{display: inline-block ;font-size: 16px; vertical-align: middle;}
.atc_info .bt_send_msg span	{display: inline-block; margin-left: 3px; vertical-align: middle;}

.bt_atc_ctrl	{position: absolute; right: 0; bottom: 0; line-height: 40px; padding: 0 15px; font-size: 18px;}
.atc_ctrl	{display: none; position: absolute; top: 100%; left: 0; width: 100%; padding: 15px 5px; box-sizing: border-box; background-color: #FFF; border-top: 1px solid #EEE; border-bottom: 1px solid #e5e5e5; text-align: right; z-index: 2;}
.atc_ctrl li	{display: inline-block; padding: 0 10px;}

.atc_ex table	{width: 100%; border-collapse: collapse; font-size: 0.85em; line-height: 1.2em;}
.atc_ex tr	{border-bottom: 1px solid #EEE;}
.atc_ex th	{width: 80px; background-color: #f7f7f7; border-right: 1px solid #EEE; text-align: left; font-weight: normal;}
.atc_ex th,
.atc_ex td	{padding: 10px 15px;}
.atc_ex td	{color: #888; word-break: break-all;}

.atc_secret_ctn	{padding: 30px 0; text-align: center; color: #AAA;}
.atc_secret_ctn i	{margin-bottom: 12px; color: #CCC;}
.atc_secret_ctn a	{margin-top: 15px;}
.atc_ex a,
.atc .xe_content a 	{text-decoration: underline; color: #326fba;}

.atc_file	{padding: 15px 15px 0; text-align: right;}
.atc_file .bt_file i	{font-size: 18px; vertical-align: middle;}
.atc_file_list ul	{text-align: left;}
.atc_file_list li	{position: relative; padding: 15px 15px 15px 35px; border-bottom: 1px solid #EEE;}
.atc_file_list li a	{display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.atc_file_list .key	{display: inline-block; position: absolute; left: 15px; top: 15px;}
.atc_file_list .a_link	{text-decoration: underline;}
.atc_file_info	{margin-top: 5px; font-size: 0.85em; color: #AAA;}

.atc_body .xe_content	{padding: 15px; font-size: 1.1em; word-break: break-all;}

.atc_tags	{margin: 0 15px 10px;}
.atc_tags a	{display: inline-block; margin: 0 10px 5px 0; font-size: 0.85em; text-decoration: underline;}

.atc_bts2	{text-align: center;}
.atc_bts2 ul	{margin-bottom: 20px;}
.atc_bts2 ul:empty	{display: none;}
.atc_bts2 li	{display: inline-block; margin: 0 5px;}
.atc_bts2 .bt_wrap	{display: inline-block; line-height: 24px; padding: 0 8px; border: 1px solid #e5e5e5; background-color: #f7f7f7; color: #666;}
.atc_bts2 .bt_wrap i	{color: #AAA;}
.atc_bts2 .num	{display: inline-block; position: relative; line-height: 26px; margin-left: 5px; padding: 0 8px; color: #FFF;}
.atc_bts2 .num::after	{content: ''; position: absolute; right: 100%; top: 50%; margin-top: -4px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid transparent;}
.bt_atc_vote .num	{background-color: #FA7470;}
.bt_atc_blame .num	{background-color: #6696C8;}
.bt_atc_vote .num::after	{border-right: 4px solid #FA7470}
.bt_atc_blame .num::after	{border-right: 4px solid #6696C8}

.atc_bts2_warn	{display: none; position: fixed; left: 0; bottom: 0; width: 100%; padding: 15px 0; text-align: center; color: #FFF; z-index: 201;}
.atc_bts2_warn::after	{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.4; z-index: -1;}

.atc_sign	{margin: 0 15px 15px; padding: 15px; background-color: #EEE;}
.atc_sign_hd	{position: relative; padding-bottom: 10px; border-bottom: 1px solid #DDD;}
.atc_sign .level,
.atc_sign .point_per	{margin-left: 5px; font-size: 0.85em; color: #888;}
.atc_sign .point_per	{position: absolute; right: 0; top: 0;}
.atc_sign .point_bar	{position: absolute; left: 0; top: calc(100% - 2px); width: 100%; height: 5px; background-color: #DDD;}
.atc_sign .point_bar_current	{height: 5px; background-color: #AAA;}
.atc_sign_body	{padding-top: 15px; font-size: 0.85em; line-height: 1.4em;}

.atc_prevnext	{font-size: 0.9em;}
.atc_prevnext li	{border-top: 1px solid #EEE;}
.atc_prevnext a	{display: block; padding: 10px 15px;}
.atc_prevnext .text	{margin-right: 10px;}
.atc_prevnext i	{margin-right: 3px; color: #AAA;}

.atc_bottoms	{position: relative; height: 40px; overflow: hidden; z-index: 2;}
.atc_bottoms i	{font-size: 1.2em; vertical-align: middle;}
.atc_bottom	{position: absolute; right: 0; top: 0; width: 100%; height: 40px; line-height: 40px; padding-left: 15px; box-sizing: border-box; background-color: #EEE;}
.atc_bts	{position: absolute; right: 0; top: 0; font-size: 0.9em;}
.atc_bts .bt	{line-height: 40px; padding: 0 5px; color: #FFF;}
.atc_bts .num	{margin-left: 3px;}
.atc_bts button:first-child	{padding-left: 15px;}
.atc_bts button:last-child	{padding-right: 15px;}

.vote_who	{position: absolute; left: 100%; top: 0; width: 100%; height: 100%; font-size: 0.8em;}
.vote_who ul	{padding: 0 50px 50px 15px; margin-bottom: -50px; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch;}
.vote_who li	{display: inline-block; vertical-align: top;}
.vote_who li a	{display: inline-block; padding: 5px 10px 5px 0;}
.vote_who .bt_close	{position: absolute; right: 0; top: 0; line-height: 40px; padding: 0 15px 0 10px; color: #FFF; z-index: 1;}
.vote_who .pf	{border-radius: 3px;}
.vote_who .pf,
.vote_who .pf_img	{width: 30px; height: 30px;}
.vote_who .title	{margin-right: 10px; line-height: 40px; color: #FFF;}
.vote_who .nickname	{display: inline-block; height: 30px; line-height: 30px; vertical-align: top; color: #FFF;}

.popup_etc	{display: none; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 238px; z-index: 101;}
.atc_share	{background-color: #FFF;}
.atc_sns_list	{padding: 15px 0 15px 15px; font-size: 0.8em;}
.atc_sns_list a	{display: inline-block; width: 50px; margin-bottom: 10px; text-align: center;}
.atc_sns_list img	{width: 40px; height: 40px;}
.atc_sns_list span	{width: 40px; height: 40px; margin-bottom: 4px;}
.atc_sns_list i	{font-size: 24px; line-height: 40px;}
.atc_share .bt_bs2	{width: 196px; padding: 5px; text-align: left;}

.popup_mb_info .mb_tab,
.popup_mb_info .bt_leave	{display: none;}
.mb_pf	{position: relative; min-height: 80px; padding: 15px 15px 15px 110px; border-bottom: 1px solid #e5e5e5;}
.mb_pf .pf	{position: absolute; left: 15px; top: 15px; border-radius: 10px;}
.mb_pf .pf,
.mb_pf img	{width: 80px; height: 80px;}
.mb_pf .nickname	{display: block; margin: 5px 0 13px; font-size: 1.2em;}
.mb_pf .level	{color: #AAA;}
.mb_pf ul	{margin-top: 13px;}
.mb_pf li	{display: inline-block; margin-right: 10px;}
.mb_pf a	{color: #326fba;}
.mb_pf .new_window	{display: none;}

.mb_info	{padding: 15px;}
.mb_table	{border: 1px solid #e5e5e5; overflow: hidden;}
.mb_table table	{width: 100%; border-collapse: collapse;}
.mb_table caption	{display: none;}
.mb_table tr	{border-bottom: 1px solid #e5e5e5;}
.mb_table tr:last-child	{border-bottom: none;}
.mb_table th,
.mb_table td	{padding: 10px; line-height: 1.2em; font-size: 0.85em;}
.mb_table th	{min-width: 110px; border-right: 1px solid #e5e5e5; background-color: #f7f7f7; text-align: left;}
.mb_table em,
.mb_modify em	{font: 1.2em/0.8em "Verdana"; vertical-align: middle; color: #E20F00 !important;}

.send_msg	{padding: 15px;}
.send_msg .nickname	{margin-bottom: 15px;}
.send_msg li	{margin-bottom: 15px;}
.send_msg input	{width: 100%; box-sizing: border-box; line-height: 40px;}
.send_msg textarea	{width: 100%; height: 200px; padding: 10px; line-height: 1.4em; box-sizing: border-box;}
.send_msg .bt_area	{position: relative; text-align: right;}
.send_msg .bt_area .i_switch	{position: absolute; left: 0; top: 7px;} 
.send_msg .bt_area button	{padding: 10px 15px;}
.send_msg .new_window	{display: none;}

.add_friend	{padding: 15px;}
.add_friend .target	{position: relative; min-height: 38px; padding: 2px 0 15px 55px;}
.add_friend .pf	{position: absolute; left: 0; top: 0;}
.add_friend .target .text	{display: block; margin-top: 5px;}
.add_friend .custom_select	{width: 100%; height: 36px; line-height: 36px;}
.add_friend .custom_select select	{width: calc(100% - 70px); margin-left: 10px; font-size: 1.0em;}
.add_friend .bt_area	{position: relative; margin-top: 15px; text-align: right;}
.add_friend .bt_group	{position: absolute; left: 0; bottom: 0;}
.add_friend button	{padding: 10px 15px;}

.add_group	{margin-top: 30px;}
.add_group .ip_bs	{display: block; margin-top: 10px; width: 100%; height: 36px;}

.atc_success	{padding-top: 30px; line-height: 1.6em; text-align: center; color: #AAA;}
.atc_success i	{margin-bottom: 15px; color: #DDD;}
.atc_success .bt	{margin: 15px 3px 0; line-height: 1.0em;}

/* rating */
.rating	{display: inline-block; position: relative; font-size: 15px; letter-spacing: 2px;}
.rating>span	{display: inline-block; position: absolute; left: 0; top: 0; z-index: 1; white-space: nowrap; overflow: hidden;}
.rating::after	{content: '★★★★★'; color: #DDD;}
.rating>span::after	{content: '★★★★★'; color: #ffd803;}

/* comment list */
.cmt	{}
.prev_cmt	{display: none; position: relative; padding: 10px; border-bottom: 1px solid #EEE; text-align: center; z-index: 2;}
.bt_prev_cmt	{padding: 8px 10px; background-color: #EEE; color: #888;}
.cmt_line	{height: 2px; width: 100%; border-bottom: 1px solid #EEE;}

.cmt_list	{}
.cmt_unit	{position: relative; padding: 65px 15px 15px 55px; margin-top: -50px; border-bottom: 1px solid #EEE;}
.cmt_unit.no_profile	{padding-left: 15px;}
.cmt_unit .pf_wrap	{position: absolute; left: 15px; top: 65px;}
.cmt_unit .pf,
.cmt_unit .pf_img	{position: relative; width: 30px; height: 30px; z-index: 1;}
.cmt_unit .pf_wrap .writer	{position: absolute; left: -2px; top: 25px;}
.cmt_unit .writer	{display: inline-block; width: 34px; border-radius: 3px; text-align: center; font-size: 0.6em; color: #FFF; z-index: 2;}

.cmt_rank	{display: inline-block; padding: 1px 3px; border-radius: 3px; text-align: center; font-size: 0.8em; color: #FFF;}
.cmt_unit .cmt_rank1	{background-color: #D4AF37;}
.cmt_unit .cmt_rank2	{background-color: #A9A9A9;}
.cmt_unit .cmt_rank3	{background-color: #B08D55;}

.cmt_crown	{display: inline-block; position: absolute; left: -3px; top: -3px; width: 36px; height: 36px; border-radius: 50%;}

.cmt_unit.my_cmt	{}
.cmt_unit.my_cmt::before	{content: ''; position: absolute; left: 0; top: 50px; width: 100%; height: calc(100% - 50px);}
.reply	{padding-left: 75px;}
.reply.no_profile	{padding-left: 35px;}
.cmt_unit.reply .pf_wrap	{left: 35px;}
.icon_reply	{position: absolute; left: 15px; top: 67px; color: #AAA;}
.cmt_to	{margin-top: 5px; font-size: 0.8em; color: #888;}
.cmt_to i	{color: #CCC;}

	

.cmt_hd	{margin-bottom: 5px;}
.cmt_hd span	{vertical-align: middle;}
.cmt_hd .nickname	{font-size: 0.9em;}
.cmt_hd .date	{margin-left: 5px; font-size: 0.8em; color: #AAA;}
.cmt_hd .best_cmt	{display: inline-block; padding: 1px 4px; margin-right: 2px; background-color: #E20F00; text-transform: uppercase; font-size: 0.7em; color: #FFF;}

.cmt_secret_ctn	{color: #AAA;}
.cmt_unit .xe_content	{font-size: 1.0em; line-height: 1.4em; word-break: break-all;}
.cmt_unit .xe_content a,
.cmt_unit .xe_content img,	
.cmt_unit .xe_content iframe	{position: relative; z-index: 11;}

.cmt_vote	{position: absolute; right: 10px; top: 60px; border: 1px solid #e5e5e5; background-color: #FFF; font-size: 0.8em; color: #AAA;}
.cmt_vote span	{display: inline-block; padding: 2px 4px;}
.cmt_vote_down	{border-left: 1px solid #e5e5e5;}
.cmt_vote .best_cmt	{color: #E20F00;}

.bt_cmt_ctrl	{position: absolute; left: 0; top: 50px; width: 100%; height: calc(100% - 50px); z-index: 10;}
.cmt_ctrl	{display: none; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 238px; z-index: 101;}
.cmt_info	{height: 40px; overflow: hidden;}
.cmt_info .nickname	{display: inline-block; position: relative; line-height: 40px; padding-right: 10px; z-index: 1;}
.cmt_info .nickname::after	{content: ''; position: absolute; top: 0; left: 20px; width: calc(100% - 20px); height: 40px; border-radius: 0 20px 20px 0; background-color: #FFF; z-index: -1;}
.cmt_info .pf	{margin-right: 5px; vertical-align: top;}
.cmt_ctrl ul	{margin-top: 15px; background-color: #FFF;}
.cmt_ctrl li	{border-bottom: 1px solid #EEE;}
.cmt_ctrl li:last-child	{border-bottom: none;}
.cmt_ctrl li span	{display: inline-block; width: 40px; height: 40px; margin-bottom: -1px; text-align: center; vertical-align: top;}
.cmt_ctrl li span.bg_col	{border-bottom: 1px solid #5e86d1;}
.cmt_ctrl li:last-child span	{border-bottom: none !important;}
.cmt_ctrl li i	{line-height: 40px; font-size: 20px; color: #FFF;}
.cmt_ctrl li a	{display: inline-block; width: calc(100% - 51px); line-height: 40px; padding-left: 10px; vertical-align: top;}

.bt_cmt_vote	{margin-top: 15px; background-color: #FFF;}
.bt_cmt_vote button	{width: 50%; box-sizing: border-box; line-height: 40px;}
.bt_cmt_vote button.vote_only	{width: 100%;}
.bt_cmt_vote .cmt_vote_up i	{color: #FA7470;}
.bt_cmt_vote .cmt_vote_down i	{color: #6696C8;}

.cmt_ctrl .bt_close	{margin-top: 15px; width: 100%; line-height: 40px; background-color: #FFF;}

.cmt_copy	{padding: 15px; background-color: #FFF;}
.cmt_copy textarea	{height: 130px; width: 100%; padding: 10px; overflow: auto; line-height: 1.4em;}
.cmt_copy .desc	{margin-top: 5px; font-size: 0.9em; color: #AAA;}

.unable_cmt	{padding: 15px 0; text-align: center; color: #AAA;}

/* comment write */
.cmt_write	{padding: 65px 15px 15px; margin-top: -50px;}
.cmt_write .bt_bs2	{position: relative; width: 100%; text-align: left; cursor: text;}
.cmt_write .bt_bs2 i	{margin-right: 5px; color: #CCC;}
.cmt_write .bt_bs2 span	{position: absolute; right: -1px; top: -1px; padding: 11px 15px; z-index: 1;}
.cmt_form	{display: none;}
.cmt_write textarea,
.cmt_write .rx_editor_wrapper .rx_editor_textarea	{width: 100%; padding: 10px; height: 100px; line-height: 1.4em; border: 1px solid #e5e5e5; background-color: #FFF;}
.cmt_write_info	{margin-top: 10px;}
.cmt_write_info .ip_bs	{line-height: 32px; height: 32px; width: calc(50% - 5px);}
.cmt_write_info .ip_bs:first-child	{margin-right: 10px;}
.cmt_write_options	{margin-top: 10px;}
.cmt_write_options:empty	{display: none;}
.cmt_write_options .i_switch	{margin-right: 5px;}
.cmt_write .bt_area	{margin-top: 10px; text-align: right;}

.write_option	{margin-left: 10px;}
.write_option:empty	{display: none;}
.write_option input[type=checkbox]	{vertical-align: middle;}

/* article write */
.pt_star	{font: 1.2em/0.8em "Verdana"; vertical-align: middle;}
.atc_write	{padding: 15px; background-color: #f7f7f7;}
.atc_write .write_unit	{margin-bottom: 10px;}
.atc_write .custom_select	{width: 100%; line-height: 36px;}
.atc_write .custom_select select	{width: calc(100% - 50px); margin-left: 10px; font-size: 1.0em;}
.atc_write .ip_bs	{line-height: 36px;}
.atc_write .ip_full	{width: 100%;}

.editor_wrap	{margin-bottom: 10px;}
.editor_wrap textarea	{width: 100%; padding: 10px; height: 300px; line-height: 1.4em; border: 1px solid #e5e5e5; background-color: #FFF;}

.xefu-dropzone-message	{display: none !important;}
.upload_info	{display: inline-block !important; margin: 0 0 0 3px !important; vertical-align: top !important; font-size: 0.8em !important;}

.atc_write_ex	{border: 1px solid #DDD; background-color: #EEE; border-radius: 5px;}
.atc_write_ex h3	{height: 30px; border-bottom: 1px solid #DDD; text-align: center; font-size: 0.8em; font-weight: normal; line-height: 30px;}
.atc_write_ex>ul>li	{padding: 10px; border-bottom: 1px solid #DDD;}
.atc_write_ex>ul>li:last-child	{border-bottom: none;}
.atc_write_ex .lb	{display: block; margin-bottom: 10px;}
.atc_write_ex input[type=text],
.atc_write_ex input[type=email],
.atc_write_ex input[type=url],
.atc_write_ex input[type=file],
.atc_write_ex textarea	{width: 100%; padding: 6px 10px; box-sizing: border-box; background-color: #FFF; border: 1px solid #e5e5e5;}
.atc_write_ex textarea	{height: 100px; line-height: 1.4em;}
.atc_write_ex input.tel	{width: 60px;}
.atc_write_ex p	{margin-top: 10px; padding: 5px; border: 1px dotted #DDD; font-size: 0.85em; line-height: 1.4em; color: #888;}
.atc_write_ex>ul>li>ul	{margin-bottom: -5px;}
.atc_write_ex>ul>li>ul>li	{display: inline-block; margin: 0 5px 5px 0;}
.atc_write_ex>ul>li>ul>li:last-child	{margin-right: 0;}

.atc_write_ex .krZip .krzip-detailAddress, 
.atc_write_ex .krZip .krzip-extraAddress, 
.atc_write_ex .krZip .krzip-jibunAddress,
.atc_write_ex .krZip .krzip-postcode,
.atc_write_ex .krZip .krzip-roadAddress	{height: auto; padding: 6px 10px; box-sizing: border-box; border: 1px solid #e5e5e5;}
.krzip-postcode-wrap,
.krzip-address-wrap,
.krzip-detailAddress-wrap	{position: relative; margin-bottom: 10px; padding-left: 60px;}
.krzip-detailAddress-wrap	{margin-bottom: 0;}
.krZip>div>label	{display: inline-block; position: absolute; left: 0; top: 10px; width: 50px; font-size: 0.85em;}
.krzip-postcode-wrap .krzip-postcode	{width: calc(100% - 51px) !important;}

.atc_write_ex .hasDatepicker	{width: calc(100% - 51px) !important;}

.atc_write_info .ip_bs	{width: calc(50% - 5px);}
.atc_write_info .ip_bs:first-child	{margin-right: 10px;}
.atc_write_options	{padding: 10px; border: 1px solid #DDD; background-color: #EEE; border-radius: 5px;}
.atc_write_options label	{margin-right: 10px;}
.atc_write_options .ip_bs	{width: 140px; line-height: 28px;}
.atc_write_options>div	{margin: 10px -10px -10px; padding: 10px; border-top: 1px solid #DDD;}
.atc_write_options>div:empty	{display: none;}
.bt_title_color	{margin-left: 5px; vertical-align: middle; font-size: 18px; color: #AAA;}

.desc_title_color	{display: none; font-size: 0.85em; line-height: 1.4em; color: #888;}
.desc_title_color ul	{margin: 10px 0 -10px; font-size: 0; line-height: 1.0em;}
.desc_title_color li	{display: inline-block; width: calc(20% - 8px); height: 50px; margin: 0 10px 10px 0; box-sizing: border-box; text-align: center;}
.desc_title_color li i	{font-size: 32px; line-height: 50px; color: transparent;}
.desc_title_color li:nth-child(5n)	{margin-right: 0;}

.atc_write .bt_area	{position: relative; text-align: right;}
.atc_write .bt_left	{position: absolute; left: 0; top: 0;}

/* ask password */
.ask_pass .ip_bs	{margin-top: 15px; line-height: 34px;}
.ask_pass .bt_area	{margin-top: 15px;}

.popup_mb_info .atc_secret_ctn .ip_bs	{margin-top: 15px; line-height: 34px;}
.popup_mb_info .atc_secret_ctn .bt_area	{margin-top: 15px;}

/* ad code */
.header_text	{border-bottom: 1px solid #e5e5e5; background-color: #f7f7f7;}
.footer_text	{border-top: 1px solid #e5e5e5; background-color: #f7f7f7;}
.ad_read_top	{border-bottom: 1px solid #EEE;}
.ad_read_middle	{border-top: 1px solid #EEE;}
.ad_read_bottom	{border-top: 1px solid #EEE;}
.ad_list_middle	{background-color: #f7f7f7;}

/* custom select */
.custom_select	{position: relative; display: inline-block; padding-left: 10px; border: 1px solid #e5e5e5; background-color: #FFF; box-sizing: border-box; text-align: left;}
.custom_select::after	{content: '\25BE'; position: absolute; right: 8px; top: 50%; transform: translateY(-50%); font-size: 0.7em; color: #AAA;}
.custom_select select	{width: 100%; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; outline: 0 box-shadow: none; border: 0 !important; background: none; background-image: none; padding: 0; margin: 0; color: #AAA;}