@charset "UTF-8";

/* Original file: modules/board/skins/paper_board/css/board_pc.css */

.best_article	{position: relative;}
.best_article .xe-widget-wrapper	{display: inline-block; width: 50%; vertical-align: top;}
.best_article .xe-widget-wrapper:first-of-type	{margin-right: -1px; width: calc(50% + 1px);}

/* basic */
.pp_transition	{transition-timing-function: ease-in;}
.txt_en	{font-family: 'Lato', 'Noto Sans CJK KR', 'Noto Sans KR', 'apple sd gothic neo'; line-height: 100%;}
.txt_wide	{letter-spacing: 0.15em;}
.pp_bd h3	{font-size: 14px;}
.pp_bd button, .pp_bd input, .pp_bd table	{font-family: 'Noto Sans CJK KR', 'Noto Sans KR', 'apple sd gothic neo', sans-serif; line-height: 100%;}
.pp_bd svg	{font-size: 14px;}

.pp_bd .ppbt	{padding: 0 12px; line-height: 28px;}
.pp_bd .ppbt,
.pp_bd .ppip,
.pp_bd .ppbt svg	{font-size: 12px;}
.pp_bd .pp_link:hover	{text-decoration: underline;}
.pp_bd .pp_link2:hover	{text-decoration: none;}
.pp_bd .xe_content a	{border-bottom: 1px solid #4BB089;}
.pp_bd .xe_content a:hover	{border-bottom: none !important;}

.msover_date	{display: inline-block; position: relative;}
.msover_date .pp_date,
.msover_date .pp_time	{transition-property: opacity; transition-duration: 0.2s; transition-timing-function: ease-in;}
.msover_date .pp_time	{position: absolute; left: 0; top: 0; width: 100%; opacity: 0;}
.msover_date:hover .pp_date	{opacity: 0;}
.msover_date:hover .pp_time	{opacity: 1;}

/* extra code */
.cd_bdtop_pc	{margin-bottom: 20px;}
.cd_bdbtt_pc,
.cd_atcbtt_pc,
.cd_cmtbtt_pc	{margin-top: 20px;}
.cd_listtop_pc:hover,
.cd_listmd_pc:hover	{background-color: transparent !important;}
.ln .cd_listtop_pc td,
.ln .cd_listmd_pc td	{text-align: left; padding: 0 !important;}
.ln .cd_listtop_pc td,
.ln .cd_listmd_pc td	{text-align: left; padding: 0 !important;}
.ld .cd_listtop_pc,
.ld .cd_listmd_pc	{padding: 0;}

/* board start */
.pp_bd	{padding-right: 40px; font-family: 'Noto Sans CJK KR', 'Noto Sans KR', 'apple sd gothic neo', sans-serif; font-size: 14px; line-height: 100%;}
.pp_bd .full_size	{margin-right: -40px;}
.bd_header	{margin-bottom: 20px;}
.bd_header .bd_title	{font-size: 18px; font-weight: normal;}
.bd_header .bd_title .srl_num	{font-size: 15px; color: #AAA;}
.bd_header .bd_desc	{margin-top: 10px; line-height: 150%;}

/* list header */
.list_category	{margin-bottom: 20px; font-size: 13px;}
.list_category>ul	{display: inline-block; border-radius: 1px;}
.list_category>ul>li	{display: inline-block; position: relative; padding: 8px 12px; margin-right: 5px; margin-bottom: 5px; border-radius: 1px; background-color: #FFF; transition-property: box-shadow; transition-duration: 0.3s; z-index: 10;}
.list_category>ul>li:hover	{box-shadow: 0 0 10px rgba(0,0,0, 0.15); z-index: 11;}
.list_category .fa-check	{color: #BBB;}
.list_category>ul>li>ul	{display: none; position: absolute; top: 100%; left: -1px; min-width: 100%; background-color: #FFF; white-space: nowrap;}
.list_category>ul>li>ul>li:last-child	{border-bottom: none;}
.list_category>ul>li>ul>li a	{display: block; padding: 10px; transition-property: background-color; transition-duration: 0.3s;}
.list_category .fa-angle-down	{margin-left: 5px; color: #BBB;}
.list_category .ctg_num	{margin-left: 3px; font-size: 12px;}

.list_dropdown	{position: relative; text-align: right; z-index: 2;}
.list_category + .list_dropdown,
.bd_header + .list_dropdown	{margin-top: -19px; height: 20px;}
.list_dropdown:empty	{display: none;}
.list_dropdown .bt	{display: inline-block; padding-bottom: 5px; margin-left: 5px; font-size: 11px;}
.list_dropdown .bt i,
.list_dropdown .bt svg	{margin-left: 3px; color: #999;}
.list_dropdown .pp_dropdown	{margin-left: 5px;}
.list_dropdown .pp_dropdown>ul	{left: auto; right: 0; padding: 13px 15px 7px; min-width: 100%; box-sizing: border-box; background-color: #FFF; font-size: 12px;}
.list_dropdown .pp_dropdown>ul>li	{margin-bottom: 7px; white-space: nowrap;}

.list_category2 ul li i,
.list_category2 ul li svg	{margin-left: 3px; font-size: 8px;}

/* list footer */
.list_search .sbSelector	{width: 100px;}
.list_search .ppip	{width: calc(100% - 110px); margin-left: 10px;}

.navy_pop .list_search .sbSelector	{border: 1px solid #727B8A; background: none; color: #FFF;}
.navy_pop .list_search .sbSelector::after	{content: '▼'; position: absolute; right: 8px; top: 10px; font: 8px 'Lato', sans-serif; color: #B4B9C1;}
.navy_pop .list_search .sbToggleOpen + .sbSelector::after	{content: '▲';}

/* list */
.list_wrap	{position: relative;}
.ppno_document	{margin: 25px 0 50px;}
.pplist_buttons	{position: absolute; right: -40px; top: 0; width: 30px; z-index: 10;}
.pplist_buttons>div	{position: fixed; width: 30px; text-align: center;}
.pplist_buttons ul	{border-bottom: none !important; background-color: #FFF; border-radius: 1px; margin-bottom: 10px;}
.pplist_buttons ul>li	{position: relative;}
.pplist_buttons ul>li>span	{display: none; position: absolute; right: calc(100% + 5px); top: 50%; margin-top: -8px; padding: 3px 4px; font-size: 11px; border-radius: 1px; color: #FFF; white-space: nowrap;}
.pplist_buttons .bt	{display: inline-block; height: 28px; line-height: 28px; transition-property: color; transition-duration: 0.2s; transition-timing-function: ease-in;}
.pplist_buttons .bt:hover	{color: #333;}
.pplist_buttons .bt:hover+span	{display: block;}
.pplist_buttons .ppbt_top	{display: none;}

/* list */
.list_search_key	{font-size: 16px;}
.list_search_key .ppbt_area	{top: 15px;}

.box_list .list_search_key	{border-bottom: none; background-color: #FFF;}

.pp_list .list_cmt	{display: inline-block; padding: 8px 15px 8px 5px; border-radius: 1px 1px 1px 1px; opacity: 0.5; font-size: 12px; transition-property: background-color; transition-duration: 0.2s; transition-timing-function: ease-in;}
.pp_list .list_cmt.new_cmt	{opacity: 1;}
.pp_list .list_cmt>span	{padding-left: 10px;}

.pp_bd .list_icon	{color: #FFF; text-align: center; line-height: 15px;}
.pp_bd .list_icon,
.pp_bd .list_icon,
.pp_bd .list_icon2	{display: inline-block; width: 13px; height: 13px; line-height: 13px; margin-left: 3px; margin-bottom: 2px; vertical-align: middle;}
.pp_bd .list_icon	{width: 11px; height: 11px; border-radius: 2px;}
.pp_bd .list_wrap .list_icon img,
.pp_bd .ppatc .list_icon img	{display: inline-block; margin-top: -2px; margin-left: -1px; width: 13px; height: auto;}
.pp_bd .list_icon2 img	{zoom: 0.5; -moz-transform: scale(0.5, 0.5); -moz-transform-origin: left top;}
.pp_bd .list_icon2.secret	{margin-left: 0; margin-right: 2px; padding-bottom: 3px; background-color: transparent;}
.pp_bd .list_icon2.secret svg	{width: 15px; height: auto;}

.list_wrap .list_icon2.image	{background-color: #4BB089;}
.list_wrap .list_icon2.file	{background-color: #596476;}
.list_wrap .list_icon2.youtube	{background-color: #E25E5E;}

/* list */
.list_wrap .cmt_num	{margin-left: 3px; font-size: 12px;}
.list_title	{line-height: 140%;}
.list_wrap .list_ctg:hover,
.list_wrap .list_ctg a:hover	{text-decoration: underline;}
.list_wrap .link_board_edit	{display: inline-block; margin-left: 5px; padding: 3px 5px; border-radius: 1px; font-size: 10px; line-height: 100%;}

.extra_table,
.extra_table tr	{transition-property: border-color; transition-duration: 0.3s;}
.extra_table th	{width: 100px; transition-property: background-color, border-color; transition-duration: 0.3s;}
.extra_table th,
.extra_table td	{padding: 8px 10px; line-height: 160%;}

/* list notice */
.notice_list>ul>li	{padding: 10px 80px 10px 52px; line-height: 140%;}
.notice_list .notice_txt	{left: 12px; top: 10px; font-size: 12px;}
.notice_txt,
.notice_txt:hover	{text-decoration: none !important;}
.notice_list .list_date	{position: absolute; right: 12px; top: 13px; opacity: 0.5; font-size: 12px;}
.notice_list .list_date .pp_time	{text-align: right;}
.notice_list li.notice_toggle	{padding: 8px 0;}
.notice_list li.notice_toggle button	{font-size: 12px;}

.notice_list.notice_color-yellow	{border-color: #E8E8D3; background-color: #FFFFE9;}
.notice_list.notice_color-yellow>ul>li	{border-bottom-color: #E8E8D3;}
.box_list .notice_list.notice_color-yellow	{border: 1px solid #E8E8D3;}

.notice_list.notice_color-cyan	{border-color: #E4F4F1; background-color: #F4FCFA;}
.notice_list.notice_color-cyan>ul>li	{border-bottom-color: #E4F4F1;}
.box_list .notice_list.notice_color-cyan	{border: 1px solid #E4F4F1;}

.notice_list.notice_color-lavender	{border-color: #EAE5F5; background-color: #FAF8FF;}
.notice_list.notice_color-lavender>ul>li	{border-bottom-color: #EAE5F5;}
.box_list .notice_list.notice_color-lavender	{border: 1px solid #EAE5F5;}

.box_list .notice_list>ul>li	{padding-left: 57px;}
.box_list .notice_list .notice_txt	{left: 15px;}

@media screen and (max-width: 500px){
	.notice_list>ul>li	{padding-right: 12px;}
	.notice_list .list_date	{display: none;}
}

/* list default */
.ld>ul>li	{padding: 15px 12px; transition-property: background-color; transition-duration: 0.2s; transition-timing-function: ease-in;}

.ld .pp_check,
.ld .pppf,
.ld .list_thumb,
.ld .list_body_wrap	{display: inline-block; vertical-align: top;}

.ld .pp_check	{margin-right: 5px;}
.ld .pppf	{margin-right: 12px;}
.ld .list_thumb	{margin-right: 12px;}
.ld .has_cmt .list_body	{position: relative; padding-right: 170px; box-sizing: border-box;}
.ld .list_ctg	{margin-right: 5px;}
.ld .list_info,
.ld .list_info a	{color: #AAA;}
.ld .list_info>ul	{margin-top: 5px; font-size: 12px;}
.ld .list_info>ul:empty	{display: none;}
.ld .list_info>ul>li	{display: inline-block; position: relative; padding-right: 20px;}
.ld .list_info>ul>li::after	{content: ''; position: absolute; right: 10px; top: 3px; width: 1px; height: 8px;}
.ld .list_info>ul>li:last-child	{padding-right: 0;}
.ld .list_info>ul>li:last-child::after	{content: none;}
.ld .list_vote i,
.ld .list_vote svg	{font-size:  9px; vertical-align: middle; margin-bottom: 3px;}
.ld .list_cmt	{position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.ld .list_summary	{margin-top: 8px; padding-top: 7px;  font-size: 12px; line-height: 160%; color: #888;}
.ld .extra_table + .list_summary	{border-top: none;}

.ld .youtube_thumb_wrap	{display: inline-block; position: relative; width: 100%; height: 0px;}

.pp_bd .ld .list_icon	{width: 13px; height: 13px; border-radius: 0;}
.pp_bd .ld .list_icon img	{display: inline-block; margin-top: 0; margin-left: 0;}

.box_list .ld>ul	{background-color: #FFF;}
.box_list .ld>ul>li	{padding: 15px;}
.box_list .ld>ul>li:last-child	{border-bottom: none;}
.box_list .ld>ul>li.now_reading::after	{left: -1px; z-index: 1;}

@media screen and (max-width: 620px){
	.ld .has_cmt .list_body	{padding-right: 12px}
	.ld .list_cmt	{display: none;}
	.ld .list_thumb	{max-width: 100px; height: auto !important; overflow: hidden;}
	.ld .list_thumb::after	{height: calc(100% - 1px) !important;}
	.ld .list_thumb img	{width: 100%; height: auto;}
	.ld .large_thumb.has_profile_has_thumb .list_body_wrap	{width: calc(100% - 164px);}
	.ld .large_thumb.has_profile_manager_has_thumb .list_body_wrap	{width: calc(100% - 205px);}
	.ld .large_thumb.manager_has_thumb .list_body_wrap	{width: calc(100% - 143px);}
	.ld .large_thumb.has_thumb .list_body_wrap	{width: calc(100% - 115px);}
}

/* list normal */
.ln table	{width: 100%; border-collapse: collapse; font-size: 13px;}
.ln tr	{transition-property: background-color; transition-duration: 0.2s; transition-timing-function: ease-in;}

.ln.notice_color-yellow tr.notice	{background-color: #FFFFE9; border-bottom: 1px solid #E8E8D3;}
.ln.notice_color-yellow tr.notice .pppf	{background-color: #FFFFE9;}
.ln.notice_color-yellow tr.notice .list_cmt	{background-color: #E8E8D3;}

.ln.notice_color-yellow tr.notice	{background-color: #FFFFE9; border-bottom: 1px solid #E8E8D3;}
.ln.notice_color-yellow tr.notice .pppf	{background-color: #FFFFE9;}
.ln.notice_color-yellow tr.notice .list_cmt	{background-color: #E8E8D3;}

.ln.notice_color-cyan tr.notice	{background-color: #F4FCFA; border-bottom: 1px solid #E4F4F1;}
.ln.notice_color-cyan tr.notice .pppf	{background-color: #F4FCFA;}
.ln.notice_color-cyan tr.notice .list_cmt	{background-color: #E4F4F1;}

.ln.notice_color-lavender tr.notice	{background-color: #FAF8FF; border-bottom: 1px solid #EAE5F5;}
.ln.notice_color-lavender tr.notice .pppf	{background-color: #FAF8FF;}
.ln.notice_color-lavender tr.notice .list_cmt	{background-color: #EAE5F5;}

.ln tr.hided_notice	{display: none;}
.ln tr.closed .notice_close,
.ln tr.opened .notice_open	{display: none;}
.ln tr.opened .notice_close,
.ln tr.closed .notice_open	{display: inline-block;}
.ln tr.notice_toggle button	{font-size: 12px;}

.ln .reading_box	{position: relative; margin: -10px 0 -10px 0;}
.ln .reading_box::after	{content: ''; position: absolute; left: -15px; top: -1px; width: 3px; height: calc(100% + 2px); background-color: #E25E5E;}
.box_list .ln .reading_box::after	{left: -16px;}

.ln th	{padding: 15px 10px; font-size: 11px; white-space: nowrap;}
.ln td	{padding: 10px 10px; width: 1%; text-align: center; white-space: nowrap;}
.ln th:first-child,
.ln td:first-child	{padding-left: 15px;}
.ln th:last-child,
.ln td:last-child	{padding-right: 15px;}
.ln td.list_left	{text-align: left;}
.ln td.list_right	{text-align: right;}
.ln td.list_title	{width: auto; white-space: normal; word-break: break-all; width: auto;}
.ln .article_type	{display: inline-block; margin-right: 5px; vertical-align: middle;}
.ln .title_area	{display: inline-block; width: calc(100% - 25px); vertical-align: middle;}
.ln td.list_author	{width: 80px; font-size: 12px;}
.ln td.has_profile	{padding-top: 5px; padding-bottom: 5px; line-height: 20px;}
.ln td.check	{padding-right: 0;}
.ln td.txt_en	{font-size: 11px;}
.ln .list_update	{padding: 5px 10px; padding-right: 10px !important; text-align: right !important;}
.ln .pppf	{width: 20px; height: 20px; margin-right: 3px; vertical-align: middle;}
.ln .best_count>span	{display: inline-block; padding: 3px 5px; border-radius: 1px; background-color: #FFF4F4; border: 1px solid #F5E1E1;}
.ln .msover_date .pp_time	{text-align: center;}

.box_list .ln tbody tr	{background-color: #FFF;}
.box_list .ln tr.notice.color	{background-color: #FFFFE9; border-bottom: 1px solid #E8E8D3;}

@media screen and (max-width: 780px){
	.ln th,
	.ln td	{padding-left: 7.5px; padding-right: 7.5px;}
	.ln .no	{display: none;}
}
@media screen and (max-width: 620px){
	.ln .extra_col	{display: none;}
}
@media screen and (max-width: 500px){
	.ln .date,
	.ln .ctg_col	{display: none;}
	.ln td.list_author	{width: 1%;}
}

/* list gallery */
.pp_gallery .list_thumb	{transition-property: box-shadow; transition-duration: 0.2s; transition-timing-function: ease-in;}
.pp_gallery .list_thumb .no_image>i,
.pp_gallery .list_thumb .no_image>svg	{font-size: 38px;}
.pp_gallery .list_unit:hover .list_thumb	{box-shadow: 0 0 20px rgba(0,0,0, 0.2);}
.pp_gallery .list_info2	{padding: 5px 5px 5px 10px; border-radius: 1px; font-size: 11px;}
.pp_gallery .list_info2 svg	{font-size: 11px;}
.pp_gallery .list_ctg	{font-size: 12px;}
.pp_gallery .list_summary	{font-size: 12px; line-height: 160%;}
.pp_gallery .list_info	{font-size: 12px;}
.pp_gallery .list_info .pp_rating	{font-size: 12px;}

@media screen and (max-width: 500px){
	.lg .list_unit	{margin-right: 15px !important; margin-right: 15px !important; width: calc(50% - 7.5px) !important;}
	.lg .list_unit:nth-child(2n)	{margin-right: 0 !important;}
}

/* list gallery1 */
.box_list .lg.normal_info .list_info li:last-child:not(:first-child)	{position: absolute; right: 10px; top: 50%; transform: translateY(-50%);}
.box_list .lg.normal_info .list_info li:last-child:not(:first-child) .pp_time	{text-align: right;}

.hided_info .list_body	{position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 15px; box-sizing: border-box; background-color: rgba(255,255,255,0.7); opacity: 0; transition-property: opacity; transition-duration: 0.3s; z-index: 2;}
.hided_info .list_unit:hover .list_body	{opacity: 1;}
.hided_info .list_link	{z-index: 3;}
.hided_info .list_ctg a	{position: relative; z-index: 4;}
.hided_info .list_summary	{color: #333; opacity: 0.5; border-top: 1px dotted #666; border-bottom: 1px dotted #666;}
.hided_info .list_info,
.hided_info .list_info a,
.hided_info .pp_rating::after	{color: #333;}
.hided_info .list_info li:not(.list_rating2)	{opacity: 0.5;}
.hided_info .pp_rating::after	{opacity: 0.3;}

/* list gallery2 */
.lg2 .list_ctg	{margin-bottom: 5px;}

/* list faq */
.lf header::before	{width: 55px;}
.lf header::after	{left: 55px;}
.lf header h1	{width: calc(100% - 55px); padding: 10px 45px 10px 15px; font-size: 15px;}
.lf header h1.has_check	{padding-left: 45px;}
.lf .faq_txt	{width: 55px; font-size: 28px; line-height: 50px;}
.lf header i,
.lf header svg	{right: 15px;}
.lf .pp_check	{left: 70px;}
.lf_notice .notice_txt	{font-size: 13px;}
.lf .list_body .xe_content	{font: 14px/180% 'Noto Sans CJK KR', 'Noto Sans KR', 'apple sd gothic neo', sans-serif;}

/* atc */
.ppatc	{position: relative;}
.ppatc.has_list	{margin-bottom: 25px;}
.ppatc.no_cmt	{padding-bottom: 20px;}
.ppatc_header	{position: relative; background-color: #FFF; border-radius: 1px;}
.ppatc_header h1	{padding: 15px; font-size: 15px; line-height: 140%;}
.ppatc_header.auth h1	{padding-right: 35px;}
.ppatc_header h1 svg	{width: 16px; vertical-align: middle; fill: #888;}
.ppatc_header .ppatc_ctg	{margin-right: 10px;}
.ppatc_header .ppatc_ctg:hover	{text-decoration: underline;}
.ppatc_info	{position: relative; padding: 15px; border-radius: 0 0 1px 1px; text-align: right; font-size: 12px;}
.ppatc_info,
.ppatc_info a	{color: #AAA;}
.ppatc_info>ul>li	{display: inline-block; margin-left: 10px;}
.ppatc_info i,
.ppatc_info svg	{font-size: 12px;}
.ppatc_info .ppbt_comment	{cursor: pointer;}
.ppatc_nickname	{position: absolute; left: 15px; top: 50%; transform: translateY(-50%); margin-left: 0 !important;}
.ppatc_nickname,
.ppatc_nickname a	{color: #888;}
.ppatc_nickname .pppf	{vertical-align: middle; margin-right: 5px;}
.ppbt_send_msg	{margin-left: 5px; padding: 2px 4px; border-radius: 2px;font-size: 11px;}
.ppbt_send_msg i,
.ppbt_send_msg svg	{margin-right: 3px; vertical-align: middle;}
.pp_message.send_msg .inner	{padding-top: 25px;}
.ppatc_ctrl_wrap	{right: 5px; top: 11px;}
.ppatc_ctrl_wrap .bt_ctrl	{padding: 0 10px; font-size: 16px;}
.ppatc_ctrl	{font-size: 12px;}
.ppatc_ctrl>div	{padding: 6px 10px 6px 5px;}
.ppatc_ctrl a	{margin-left: 5px; opacity: 0.5; transition-property: opacity;}
.ppatc_ctrl a:hover	{opacity: 1;}
.ppatc_ctrl_wrap:hover .ppatc_ctrl	{width: 77px;}
.ppatc_ctrl_wrap:hover .bt_ctrl	{color: #333;}

.ppatc_body	{position: relative; padding: 30px 0 0;}
.ppatc_rightTop	{position: absolute; right: 0; top: 10px; font-size: 11px;}
.ppatc_bt_file	{margin-left: 5px; cursor: pointer;}
.ppatc_ip,
.ppatc_ip a	{color: #AAA;}
.ppatc_ip a:hover	{text-decoration: underline;}
.ppatc_secret	{padding-bottom: 10px;}
.ppatc_secret form	{margin-top: 10px;}
.ppatc_secret .desc	{display: inline-block; margin-top: 5px; color: #888;}
.box_type .ppatc_body.ppatc_secret	{padding-bottom: 30px;}

.ppatc_file	{position: relative; margin-bottom: 20px; background-color: #FFF; font-size: 12px; z-index: 1;}
.ppatc_file::after	{content: ''; position: absolute; left: 0; top: 0; width: 169px; height: 100%; z-index: -1;}
.ppatc_file h3	{display: inline-block; vertical-align: top; width: 150px; padding: 10px; font-size: 12px;}
.ppatc_file ol	{display: inline-block; vertical-align: top; width: calc(100% - 170px); padding: 10px; box-sizing: border-box; list-style: inside decimal;}
.ppatc_file li	{margin-bottom: 5px;}
.ppatc_file li:last-child	{margin-bottom: 0;}

.ppatc_ex	{width: 100%; margin-bottom: 20px; border-collapse: collapse; background-color: #FFF;}
.ppatc_ex:empty	{display: none;}
.ppatc_ex th,
.ppatc_ex td	{padding: 10px; font-size: 12px;}
.ppatc_ex th	{width: 150px; font-weight: normal; text-align: left; white-space: nowrap;}

.ppatc_body .xe_content	{font: 16px/180% 'Noto Sans CJK KR', 'Noto Sans KR', 'apple sd gothic neo', sans-serif;}
.ppatc_tags	{font-size: 12px;}
.ppatc_buttons button	{font-size: 13px;}
.ppatc_buttons .bt_vote i,
.ppatc_buttons .voted_count,
.ppatc_buttons .declared_count	{font-size: 12px;}
.ppatc_buttons .bt_vote:hover	{background-color: #E25E5E; color: #FFF;}
.ppatc_buttons .bt_blame:hover	{background-color: #666; color: #FFF;}

.ppatc_buttons.big_button button	{padding: 10px 15px; line-height: 15px; min-height: 59px;}
.ppatc_buttons.big_button button i,
.ppatc_buttons.big_button button svg	{font-size: 15px;}
.ppatc_buttons.big_button .voted_count,
.ppatc_buttons.big_button .declared_count	{margin-top: 8px; font-size: 14px;}

.ppatc_box	{position: relative; margin-top: 20px; z-index: 1;}
.ppatc_box::after	{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 30px; z-index: -1;}
.ppatc_box h3	{height: 30px;}
.ppatc_box2::after	{height: 40px;}
.ppatc_box2 h3	{position: relative; height: 40px;}

.ppatc_who .inner	{height: 88px;}
.ppatc_who ul	{padding: 15px 15px 0; font-size: 11px; line-height: 140%;}

.ppatc_sign .point_bar	{font-size: 10px; letter-spacing: 0.15em;}
.ppatc_sign .sign_body	{padding: 12px 15px; line-height: 160%; font-size: 13px;}

.ppatc .show_author_document ul	{padding: 15px 15px 10px;}
.ppatc .show_author_document ul li a .mark	{font-size: 11px;}
.ppatc .show_author_document .part	{font-size: 12px;}

.has_showContent::before	{top: -10px; height: calc(100% + 25px);}
.has_showContent .show_author_document h2	{height: 40px; padding: 8px 0 0 15px;}

.box_type .ppatc	{background-color: #FFF; border-radius: 1px 1px 0 0;}
.box_type .ppatc_header	{border: none; border-radius: 0; background-color: transparent;}
.box_type .ppatc_body	{padding: 30px 20px 0;}
.box_type .ppatc_rightTop	{right: 15px}
.box_type .ppatc_ip	{right: 15px;}

@media screen and (max-width: 535px){
	.ppatc_file::after	{width: 119px;}
	.ppatc_file h3,
	.ppatc_ex th	{width: 100px;}
	.ppatc_file ol	{width: calc(100% - 120px);}
}

/* comment */
.ppcmt_member_only	{padding: 15px 0; margin-top: 20px;}
.ppcmt_member_only p	{margin-bottom: 10px;}
.ppcmt .ppcmt_title_buttons li button	{padding: 13px 10px; font-size: 13px;}
.ppcmt .ppcmt_title_buttons li button:hover	{color: #E25E5E;}
.ppcmt .ppbt_cmt_write	{font-size: 14px;}
.ppcmt_notice	{font-size: 13px;}
.ppcmt_header	{font-size: 11px;}
.ppcmt_header .nickname	{font-size: 12px;}
.ppcmt_header .writer	{padding: 0 6px; border-radius: 1px; font-size: 10px;}
.ppcmt_header .ppcmt_edit	{position: absolute; right: 10px; top: 8px;}
.ppcmt_header .ppcmt_edit a	{margin-left: 8px; opacity: 0.3; transition-property: opacity; transition-duration: 0.2s; transition-timing-function: ease-in;}
.ppcmt_unit:hover .ppcmt_header .ppcmt_edit a	{opacity: 1;}

.ppcmt_body .parent	{font-size: 11px;}
.ppcmt_body .parent svg	{margin-right: 2px; font-size: 11px;}
.ppcmt_body .xe_content	{font: 13px/160% 'Noto Sans CJK KR', 'Noto Sans KR', 'apple sd gothic neo', sans-serif;}
.ppcmt_body .xe_content a[href*=sticker]	{border-bottom: none;}
.ppcmt .best_cmt_txt	{padding: 2px 4px 3px; font-size: 10px; line-height: 100%;}
.ppcmt_buttons .bt_mono,
.ppcmt_buttons .bt_mono svg	{font-size: 11px;}
.ppcmt_guest_tr	{border-bottom: 1px solid #666;}

.box_type .ppcmt	{padding: 0 20px 20px;}
.box_type .ppcmt_title	{margin: 0 -20px;}
.box_type .ppcmt_line	{padding: 0 15px 15px;}
.box_type .ppcmt_line .ppcmt_title	{margin: 0 -15px;}

/* comment bubble */
.ppcmt_bubble .ppcmt_header	.ppcmt_edit	{right: 15px; top: 11px;}

/* comment line */
.ppcmt_line .ppcmt_header .nickname	{font-size: 12px;}
.ppcmt_line .ppcmt_secret	{font-size: 12px;}
.ppcmt_line .ppcmt_buttons	{margin-left: 8px;}

/* comment basic */
.ppcmt_basic .ppcmt_prev	{padding-bottom: 20px;}
.ppcmt_basic .ppcmt_unit.reply	{padding: 0 0 15px 70px;}
.ppcmt_basic .reply .pppf	{left: 86px;}
.ppcmt_basic .ppcmt_body	{padding: 15px 15px 0 70px;}
.ppcmt_basic .no_profile .ppcmt_body	{padding-left: 15px;}
.ppcmt_basic .ppcmt_header .ppcmt_edit	{top: 0; right: 0;}
.ppcmt_basic .ppcmt_body .parent	{padding: 10px 0 0; margin-bottom: -3px;}
.ppcmt_basic .ppcmt_body .xe_content	{padding: 10px 0 12px;}
.ppcmt_basic .ppcmt_body .ppcmt_secret	{padding: 12px 0 15px;}
.ppcmt_basic .paging,
.ppcmt_basic .ppcmt_reload	{padding-top: 20px; margin-top: 0;}
.ppcmt_basic .paging + .ppcmt_reload	{border-top: none;}

.box_type .ppcmt_basic .ppcmt_notice + .cmt_wrap	{margin-top: 20px;}
.box_type .ppcmt_basic .ppcmt_list	{margin: 0 -20px;}
.box_type .ppcmt_basic .ppcmt_body	{padding: 15px 20px 0 75px;}
.box_type .ppcmt_basic .pppf	{left: 20px;}
.box_type .ppcmt_basic .ppcmt_unit.reply	{padding-left: 70x; padding-right: 20px;}
.box_type .ppcmt_basic .reply .pppf	{left: 86px;}
.box_type .ppcmt_basic .reply .ppcmt_body	{padding: 15px 15px 0 70px;}
.box_type .ppcmt_basic .paging,
.box_type .ppcmt_basic .ppcmt_reload	{padding-top: 20px; border-top: none;}

.ppcmt_header .bt_ppcmt_edit,
.ppcmt_header .bt_ppcmt_edit2,
.cmt_ctrl_dummy	{display: none;}
@media screen and (max-width: 535px){
	.ppcmt_unit .pppf	{width: 30px; height: 30px;}
	.ppcmt_bubble .ppcmt_unit	{padding-left: 40px;}
	.ppcmt_bubble .ppcmt_unit.reply	{margin-left: 40px;}
	
	.ppcmt_header	{position: relative;}
	.ppcmt_header .bt_ppcmt_edit,
	.ppcmt_header .bt_ppcmt_edit2	{display: inline-block; position: absolute; right: 0; top: 50%; margin-top: -15px; line-height: 30px; height: 30px; padding: 0 10px; opacity: 0.3;}
	.ppcmt_header .ppcmt_edit	{position: absolute; right: -9999px !important; top: 100% !important; padding: 6px 10px 6px 5px; border: 1px solid #e5e5e5; border-top-width: 0; background-color: #f7f7f7; border-radius:  0 0 1px 1px; transition-property: opacity; transition-duration: 0.3s; opacity: 0;}
	.my_cmt .ppcmt_header .ppcmt_edit	{background-color: #FFFFE9; border-color: #E8E8D3;}
	.ppcmt_header .ppcmt_edit a	{opacity: 1.0;}
	
	.ppcmt_basic .ppcmt_unit.reply	{padding: 0 0 15px 55px;}
	.ppcmt_basic .reply .pppf	{left: 70px;}
	.ppcmt_basic .ppcmt_body	{padding: 15px 15px 0 55px;}
	.ppcmt_basic .ppcmt_header .bt_ppcmt_edit,
	.ppcmt_basic .ppcmt_header .bt_ppcmt_edit2	{right: -10px;}
	.ppcmt_basic .ppcmt_header .ppcmt_edit	{top: 23px !important; border-radius: 1px; border-top-width: 1px;}
	
	.ctrl_on .ppcmt_header .bt_ppcmt_edit	{display: none;}
	.ctrl_on .ppcmt_header .bt_ppcmt_edit2	{display: inline-block;}
	.ctrl_on .pppf	{z-index: 102 !important;}
	.ctrl_on .ppcmt_header	{z-index: 101;}
	.ctrl_on .ppcmt_header .ppcmt_edit	{right: -1px !important; opacity: 1;}
	.ppcmt_unit .cmt_ctrl_dummy	{display: block; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #FFF; opacity: 0.7; z-index: 100;}
	
	.no_ctrl .ppcmt_header .bt_ppcmt_edit,
	.no_ctrl .ppcmt_header .bt_ppcmt_edit2	{display: none !important;}
}

/* comment write */
.ppcmt_write h3	{font-size: 13px;}
.ppcmt_editor_buttons .pp_radio	{font-size: 13px;}
.ppcmt_write textarea	{line-height: 160%;}
.ppcmt_write_ex	{font-size: 13px;}

.box_type .ppcmt_bubble:not(.ppcmt_write_sp) .ppip	{background-color: #FFF;}
.box_type.normal_color .ppcmt_bubble:not(.ppcmt_write_sp) .ppcmt_write_unit .bt_color	{background-color: #FFF;}

.box_type .ppcmt_write_sp	{padding: 20px; background-color: #FFF !important;}

.ppcmt_basic .ppcmt_write_re	{margin: 0 0 15px 70px;}
.ppcmt_basic .reply .ppcmt_write_re	{margin: 15px 0 0 0;}
.box_type .ppcmt_basic .ppcmt_unit:not(.reply) .ppcmt_write_re	{margin-right: 20px;}

.box_type .ppcmt_write_sp.ppcmt_basic .ppcmt_unit	{border-top: none;}
.box_type .ppcmt_write_sp.ppcmt_basic .ppcmt_body	{padding-top: 0;}
.box_type .ppcmt_write_sp.ppcmt_basic .pppf	{top: 0;}

@media screen and (max-width: 735px){
	.ppcmt_user_info	{display: block; padding-bottom: 10px;}
}
@media screen and (max-width: 535px){
	.ppcmt_user_info	{width: calc(100% - 150px);}
	.ppcmt_user_info .ppip	{width: calc(50% - 5px);}
	.ppcmt_write_re .ppcmt_user_info	{width: calc(100% - 128px);}
}

/* sticker */
.sticker_pack i,
.sticker_pack svg	{transition-property: color; font-size: 18px;}
.sticker_pack a:hover i,
.sticker_pack a:hover svg	{color: #333;}

.stk_body>ul	{margin: 25px 0 0 25px;}
.stk_body>ul>li	{margin: 0 25px 25px 0;}
.stk_body>ul>li a	{width: 100px; height: 100px;}

@media screen and (max-width: 500px){
	.stk_body>ul	{margin: 15px 15px 0 15px;}
	.stk_body>ul>li	{width: calc(33.33% - 10px); margin: 0 15px 15px 0;}
	.stk_body>ul>li:nth-child(3n)	{margin-right: 0;}
	.stk_body>ul>li a	{width: 100%; height: auto; padding-bottom: 100%;}
}
/* write */
.ppbd_write	{ background-color: #FFF;}
.ppwrite_header	{position: relative; padding: 22px 15px;}
.ppwrite_header h1	{font-size: 16px;}
.ppwrite_header .ppbt_area	{position: absolute; right: 15px; top: 15px;}
.ppwrite_body	{padding: 15px;}
.ppwrite_body .ppwrite_ctg	{display: inline-block; vertical-align: middle;}
.ppwrite_body .sbSelector	{width: 150px; border-radius: 2px;}
.ppwrite_title	{display: inline-block; width: 100%; vertical-align: middle;}
.ppwrite_title.use_ctg	{width: calc(100% - 155px); margin-left: 5px;}
.ppwrite_title .ppip	{width: 100%;}
.ppwrite_editor	{margin-top: 15px;}

.ppwrite_ex	{position: relative; margin-top: 15px; font-size: 0; z-index: 1;}
.ppwrite_ex::after	{content: ''; position: absolute; left: 1px; top: 0; width: 150px; height: 100%; z-index: -1;}
.ppwrite_ex>ul	{border-radius: 2px; overflow: hidden;}
.ppwrite_ex>ul>li	{position: relative;}
.ppwrite_ex>ul>li::after	{content: ''; position: absolute; left: 150px; top: 0; width: 1px; height: 100%;}
.ppwrite_ex>ul>li:last-child	{border-bottom: none;}
.ppwrite_ex .pplb	{display: inline-block; width: 150px; box-sizing: border-box; padding: 0 10px; height: 32px; line-height: 30px; vertical-align: top; font-size: 12px;}
.ppwrite_ex>ul>li>input	{width: calc(100% - 150px); box-sizing: border-box; padding: 0 10px; height: 32px; line-height: 30px; border: none; background: none;}
.ppwrite_ex>ul>li>input:focus	{background-color: #ffffe9;}
.ppwrite_ex .pplb + textarea	{width: calc(100% - 150px); box-sizing: border-box; padding: 10px; border: none; background: none; line-height: 160%;}
.ppwrite_ex .pplb + textarea:focus	{background-color: #ffffe9;}
.ppwrite_ex .pplb + ul	{display: inline-block; line-height: 30px; font-size: 12px;}
.ppwrite_ex .pplb + ul>li	{display: inline-block; margin-left: 10px;}
.ppwrite_ex .pplb + select	{margin: 6px 0 0 10px;}
.ppwrite_ex>ul>li p	{margin-left: 151px; font-size: 11px; background-color: #FFF; padding: 10px; color: #AAA;}
.ppwrite_ex .krZip	{display: inline-block; padding: 10px; font-size: 12px;}
.ppwrite_ex .krZip .btn	{box-shadow: none !important; border-radius: 2px;}
.ppwrite_ex .krZip .btn:hover	{background-color: transparent;}
.ppwrite_ex .krZip label	{display: inline-block; width: 60px;}
.ppwrite_ex .krZip input[type=text]	{padding: 0 10px; border-radius: 2px;}
.ppwrite_ex .krZip input[type=text]:focus	{background-color: #ffffe9; border: 1px solid #ebebd7;}
.ppwrite_ex .krzip-postcode-wrap,
.ppwrite_ex .krzip-address-wrap	{margin-bottom: 10px;}
.ppwrite_ex .hasDatepicker	{width: calc(100% - 200px);}
.ppwrite_ex .hasDatepicker + .btn	{display: inline-block; width: 50px; height: 32px !important; line-height: 30px !important; box-shadow: none !important;}
.ppwrite_ex input,
.ppwrite_ex textarea	{font-size: 12px;}

.ppwrite_options	{margin-top: 15px;}
.ppwrite_option1	{display: inline-block;}
.ppwrite_option1 .write_option_color	{display: inline-block; margin-right: 5px;}
.ppwrite_option1 .ppip	{vertical-align: middle; margin-right: 3px;}
.ppwrite_option1 .jPicker	{display: inline-block; vertical-align: middle; height: 24px;}
.ppwrite_option1 .pp_check	{margin-right: 5px;}
.ppwrite_tags	{margin-top: 15px;}
.ppwrite_tags.not_logged	{display: inline-block; width: calc(100% - 310px);}
.ppwrite_tags .ppip	{width: 100%;}
.ppwrite_user	{display: inline-block;}
.ppwrite_user .ppip	{width: 150px; margin-left: 5px;}
.ppbd_write form>.ppbt_area	{position: relative; padding: 15px; text-align: right;}
.ppbd_write .ppbt_left	{position: absolute; left: 15px; top: 15px; margin-left: 0;}

/* timeline */
.list_bd	{display: inline-block; padding: 2px 5px 1px; font-size: 12px; margin-right: 5px;}
.list_bd:hover	{text-decoration: none;}
.ppatc_bd	{display: inline-block; padding: 2px 8px 1px; font-size: 14px; margin-right: 5px;}
.list_bd:hover	{text-decoration: none;}
.timeline_mono	{background-color: #EEE; border-bottom: 1px solid #EEE;}
.timeline_mono:hover	{border-bottom: 1px solid #CCC;}

.ln .list_bd	{margin: -2px 5px -2px 0;}
.ld .list_bd	{vertical-align: middle; margin-bottom: 3px;}
.lf .list_bd	{position: relative; z-index: 12;}

.ppwrite_body .ppwrite_timeline_ctg	{display: none; margin-left: 5px;}
.ppwrite_title.has_ctg	{width: calc(100% - 310px);}


@media screen and (max-width: 800px){
	.ppwrite_ex .krzip-address-wrap	{white-space: nowrap;}
	.ppwrite_ex .krzip-address-wrap input[type=text]	{width: 65px;}
}
@media screen and (max-width: 600px){
	.ppwrite_option1 .ppip	{width: 100px;}
	.ppwrite_ex .krZip label	{display: block; padding-bottom: 5px; width: 50px; min-width: auto;}
}
@media screen and (max-width: 545px){
	.ppwrite_option1	{display: block; margin-top: 10px;}
	.ppwrite_ex .pplb,
	.ppwrite_ex::after	{width: 100px;}
	.ppwrite_ex>ul>li::after	{left: 100px;}
	.ppwrite_ex>ul>li>input,
	.ppwrite_ex .pplb + textarea	{width: calc(100% - 100px);}
	.ppwrite_ex>ul>li p	{margin-left: 101px;}
	.ppwrite_ex .krZip	{width: calc(100% - 122px); overflow: hidden;}
	.ppwrite_ex .krzip-address-wrap input[type=text]	{display: block; margin-bottom: 5px; width: auto;}
	.ppwrite_ex .krZip input[type=text]	{width: calc(100% - 18px);}
	.ppwrite_ex .krzip-postcode-wrap input[type=text]	{width: calc(100% - 73px);}
	
	.ppwrite_body .ppwrite_ctg	{display: block !important; margin-bottom: 10px;}
	.ppwrite_body .ppwrite_timeline_ctg	{margin-left: 0;}
	.ppwrite_body .sbHolder,
	.ppwrite_body .sbSelector,
	.ppwrite_title.use_ctg	{width: 100%; margin-left: 0;}
}


/* bd message */
.ppbd_message	{width: 350px; margin-top: 50px;}
.ppbd_message h3	{font-size: 16px;}

/* pp message */
.pp_message	{position: fixed; left: -9999px; top: 50%; width: 370px; margin-left: -185px; background-color: #FFF; box-shadow: 0 0 10px rgba(0,0,0,0.2); border-radius: 1px; opacity: 0; z-index: -10;}
.pp_message.small	{width: 350px; margin-left: -175px;}
.pp_message h3	{padding: 20px 25px 16px; font-size: 16px; line-height: 100%;}
.pp_message h3 .ppbt	{position: absolute; right: 25px; top: 14px; font-size: 11px; color: #AAA;}
.pp_message .inner	{padding: 50px 25px;}
.pp_message .message_text	{padding: 0 0 25px; font-size: 16px; text-align: center;}
.pp_message .message_target	{margin-bottom: 10px; font-size: 16px; text-align: center;}
.pp_message .ppbt_area	{padding-top: 25px; text-align: center;}

.navy_pop .pp_message h3 .ppbt	{right: 20px; border: none; background: none; font-size: 13px; color: #FFF;}
.navy_pop .pp_message .inner p,
.navy_pop .pp_message .inner span,
.navy_pop .pp_message .ppbt_area .ppbt	{font-weight: 100;}
.navy_pop .pp_message .ppbt_area .ppbt:hover	{border: 1px solid #B4B9C1;}

/* sk ctt */
.sk_ctn	.sk_ctn_inner>div	{width: 500px; margin: 0 auto;}
.sk_ctn section	{margin-bottom: 60px;}

/* custom_select */
.sbHolder	{position: relative; display: inline-block; text-align: left; font-size: 12px;}
.sbSelector	{display: inline-block; position: relative; height: 32px; line-height: 30px; padding: 0 30px 0 10px; box-sizing: border-box; border-radius: 2px; background: url("../../../../modules/board/skins/paper_board/images/arrow_select3.png") no-repeat right 10px top 12px; background-size: 13px 52px; font-size: 12px; vertical-align: middle;}
.sbToggleOpen + .sbSelector	{background-position: right 10px top -34px;}
.pp_bd .sbOptions	{position: absolute; left: 0; top: 100% !important; min-width: 100%; padding: 15px 15px 8px; margin: 0; box-sizing: border-box; border-radius: 10px; overflow: auto; z-index: 104; background-color: #FFF; box-shadow: 0 0 10px rgba(0,0,0,0.2); font-size: 13px;}
.pp_bd .sbOptions li	{margin-bottom: 7px; padding: 0; white-space: nowrap;}
.sbOptions a	{color: #999;}
.sbOptions a:hover	{color: #333;}

/* forest green */
.forest_green .bt_color:hover	{border: 1px solid #418469; background-color: #4E9D7D;}

.forest_green .list_wrap .list_icon2.youtube,
.forest_green .ln .reading_box::after,
.forest_green .ppatc_buttons .bt_vote:hover	{background-color: #f189a9;}
.forest_green .ppatc_buttons .bt_blame:hover	{background-color: #666;}

/* ginger blue */
.sweet_ginger .pp_bd .xe_content a	{border-bottom: 1px solid #a8d7c6;}
.sweet_ginger .bt_color:hover	{border: 1px solid #5973B1; background-color: #6A81B7;}

/*************** SCROLLBAR BASE CSS ***************/
.scroll-wrapper	{overflow: hidden !important; padding: 0 !important; position: relative;}
.scroll-wrapper > .scroll-content	{border: none !important; box-sizing: content-box !important; height: auto; left: 0; margin: 0; max-height: none; max-width: none !important; overflow: scroll !important; padding: 0; position: relative !important; top: 0; width: auto !important;}
.scroll-wrapper > .scroll-content::-webkit-scrollbar	{height: 0; width: 0;}
.scroll-element	{display: none;}
.scroll-element, .scroll-element div	{box-sizing: content-box;}
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible	{display: block;} 
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow	{cursor: default;} 
.scrollbar-macosx > .scroll-element .scroll-bar {
  background-color: #DDD;
}
 
/*************** SCROLLBAR MAC OS X ***************/
.scrollbar-macosx	{height: 100%;}
.scrollbar-macosx > .scroll-element,
.scrollbar-macosx > .scroll-element div	{background: none; border: none; margin: 0; padding: 0; position: absolute; z-index: 10;}
.scrollbar-macosx > .scroll-element div	{display: block; height: 100%; left: 0; top: 0; width: 100%;}
.scrollbar-macosx > .scroll-element .scroll-element_track	{display: none;}
.scrollbar-macosx > .scroll-element .scroll-bar	{display: block; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; transition: opacity 0.2s linear;}
.scrollbar-macosx:hover > .scroll-element .scroll-bar,
.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar	{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7;}
.scrollbar-macosx > .scroll-element.scroll-x	{bottom: 0px; height: 0px; left: 0; min-width: 100%; overflow: visible; width: 100%;}
.scrollbar-macosx > .scroll-element.scroll-y	{height: 100%; min-height: 100%; right: 0px; top: 0; width: 0px;}
 
/* scrollbar height/width & offset from container borders */
.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar { height: 5px; min-width: 10px; top: -5px; }
.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar { left: -5px; min-height: 10px; width: 5px; }
 
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer { left: 2px; }
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size { left: -4px; }
 
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer { top: 2px; }
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size { top: -4px; }
 
/* update scrollbar offset if both scrolls are visible */
.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; }
.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; }

/* Original file: modules/board/skins/paper_board/css/b_grey_pc.css */

/* basic */
.bt_mono:hover	{border: 1px solid #CCC;}
.bt_color:hover	{border: 1px solid #CCC; background-color: #EEE;}

/* board start */
.list_category>ul>li	{border: 1px solid #e5e5e5;}
.list_category>ul>li:last-child		{border-right: 1px solid #e5e5e5 !important;}
.list_category>ul>li>ul	{border: 1px solid #e5e5e5;}
.list_category>ul>li>ul>li	{border-bottom: 1px dotted #e5e5e5;}
.list_category>ul>li>ul>li a:hover	{background-color: #f7f7f7;}
.list_dropdown .pp_dropdown>ul	{border: 1px solid #e5e5e5;}
.list_search .sbSelector	{border: 1px solid #e5e5e5;}
.pplist_buttons ul	{border: 1px solid #e5e5e5;}
.pplist_buttons ul.admin	{background-color: #f7f7f7;}
.pplist_buttons ul>li	{border-bottom: 1px solid #e5e5e5;}
.pplist_buttons ul>li>span	{background-color: #666;}
.pplist_buttons .bt	{color: #888;}
.list_search_key	{border-top: 1px solid #EEE;}
.box_list .list_search_key	{border: 1px solid #e5e5e5;}
.pp_list .list_cmt	{background-color: #EEE;}
.pp_bd .list_icon2	{background-color: #CCC;}
.list_wrap .link_board_edit	{border: 1px solid #e5e5e5; background-color: #f7f7f7;}

.ld>ul>li:hover .extra_table,
.ld>ul>li.now_reading .extra_table	{border-color: #e5e5e5;}
.ld>ul>li:hover .extra_table tr,
.ld>ul>li.now_reading .extra_table tr	{border-color: #DDD;}
.ld>ul>li:hover .extra_table th,
.ld>ul>li.now_reading .extra_table th	{background-color: #f3f3f3;}

/* list notice */
.box_list .notice_list	{border: 1px solid #e5e5e5;}

/* list default */
.ld>ul	{border-top: 1px solid #EEE;}
.ld>ul>li	{border-bottom: 1px solid #EEE;}
.ld>ul>li:hover	{background-color: #f9f9f9;}
.ld .list_info>ul>li::after	{background-color: #e5e5e5;}
.ld .list_summary	{border-top: 1px dotted #e5e5e5;}
.box_list .ld>ul	{border: 1px solid #e5e5e5;}

/* list normal */
.ln table	{border-top: 1px solid #e5e5e5;}
.ln tr	{border-bottom: 1px solid #EEE;}
.ln tr:last-child	{border-bottom: 1px solid #e5e5e5;}
.ln tbody tr:hover	{background-color: #f7f7f7;}
.ln.notice_color-mono tr.notice	{background-color: #f7f7f7; border-bottom: 1px solid #e5e5e5;}
.ln.notice_color-mono tr.notice .pppf	{background-color: #f7f7f7;}
.ln.notice_color-mono tr.notice .list_cmt	{background-color: #e5e5e5;}
.ln tr.now_reading:not(.notice)	{background-color: #f9f9f9;}
.ln .fa-arrow-right	{color: #AAA;}
.box_list .ln	{border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;}
.box_list .ln tbody tr:hover	{background-color: #f7f7f7;}

/* list gallery */
.box_list .pp_gallery .list_thumb	{background-color: #EEE;}

/* atc */
.ppatc_header	{border: 1px solid #e5e5e5;}
.ppatc_info	{border-top: 1px solid #e5e5e5; background-color: #f7f7f7;}
.ppatc_info i,
.ppatc_info svg	{color: #CCC;}
.ppatc_file	{border: 1px solid #EEE;}
.ppatc_file::after	{background-color: #f7f7f7; border-right: 1px solid #EEE;}
.ppatc_ex th,
.ppatc_ex td	{border: 1px solid #EEE;}
.ppatc_ex th	{background-color: #f7f7f7;}
.ppatc_buttons .bt:hover	{border: 1px solid #CCC; background-color: #EEE;}
.ppatc_box	{border: 15px solid #f7f7f7;}
.ppatc_box::after	{background-color: #f7f7f7;}
.ppatc_box2	{border-top: 10px solid #f7f7f7;}
.box_type .ppatc	{border: 1px solid #e5e5e5;}
.box_type .ppatc_header	{border-bottom: 1px solid #e5e5e5;}
.box_type .ppcmt_title	{border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.box_type .ppcmt_bubble	{background-color: #f9f9f9;}
.box_type .ppcmt_bubble .ppcmt_notice	{border: 1px solid #e5e5e5;}

/* comment */
.ppcmt_member_only	{border: 15px solid #f7f7f7;}
.ppcmt_basic .ppcmt_reload	{border-top: 1px solid #EEE;}
.box_type .ppcmt_basic .ppcmt_list	{border-bottom: 1px solid #EEE;}

/* comment write */
.box_type .ppcmt_bubble:not(.ppcmt_write_sp) .ppcmt_write_unit .ppbt_mono	{background-color: #f7f7f7;}
.box_type .ppcmt_write_sp	{border: 1px solid #e5e5e5;}

/* write */
.ppbd_write	{border: 1px solid #e5e5e5;}
.ppwrite_header	{border-bottom: 1px solid #EEE;}
.ppwrite_body .sbSelector	{border: 1px solid #e5e5e5;}
.ppwrite_ex::after	{background-color: #f7f7f7;}
.ppwrite_ex>ul	{border: 1px solid #e5e5e5;}
.ppwrite_ex>ul>li	{border-bottom: 1px solid #e5e5e5;}
.ppwrite_ex>ul>li::after	{background-color: #e5e5e5;}
.ppwrite_ex>ul>li p	{border-top: 1px dotted #e5e5e5;}
.ppwrite_ex .krZip .btn	{border: 1px solid #e5e5e5;}
.ppwrite_ex .krZip input[type=text]	{border: 1px solid #e5e5e5;}
.ppbd_write form>.ppbt_area	{border-top: 1px solid #EEE;}

/* pp message */
.pp_message h3	{border-bottom: 1px solid #EEE;}

/* Original file: widgets/login_info/skins/kee/css/default.css */

.login_PlayoutA{margin:0;padding:0;position:relative;;display:block;font-size:14px;color:#222;; position:relative;padding:20px;padding-bottom:20px;}
.logon{padding:19px 20px 19px 20px;}
.login_PlayoutA fieldset{position:relative;border:0;padding:0;margin:0}
.logon fieldset{padding:0;margin:0}
.login_PlayoutA fieldset .idpwWrap{overflow:hidden;clear:both;position:relative;height:74px;}
.login_PlayoutA fieldset .idpw{float:left;}
.login_PlayoutA fieldset .idpw input{border:1px solid #bcbcbc;outline:none;color:#666;width:110px;background:#f9f9f9;padding:6px 5px 6px 5px;margin:0;margin-bottom:10px;line-height:18px;height:18px;}
.login_PlayoutA fieldset .idpw input:focus{color:#222;}
.login_PlayoutA fieldset .login{position:absolute;right:0;background: #27a2eb;color: #fff;font-weight:600;font-size:16px;width:74px;height:74px;margin:0;padding:0;border:0;cursor:pointer;-webkit-transition:all .4s;transition:all .4s;-moz-transition:all .4s;}
.login_PlayoutA fieldset .login:hover{background:#1a87c8;}
.login_PlayoutA fieldset p.securitySignIn{clear:both;padding:0 0 0 18px;margin:4px 0 0 0}
.login_PlayoutA fieldset p.noneSSL{background:url("../../../../widgets/login_info/skins/kee/images/none_ssl.png") no-repeat left top}
.login_PlayoutA fieldset p.SSL{background:url("../../../../widgets/login_info/skins/kee/images/ssl.png") no-repeat left top}
.login_PlayoutA fieldset p.noneSSL a{color:#BF6801;text-decoration:none}
.login_PlayoutA fieldset p.SSL a{color:#9CAC74;text-decoration:none}
.login_PlayoutA fieldset p.keep{margin:8px 0;clear:both;padding:0}
.login_PlayoutA fieldset p.keep input{vertical-align:middle;width:13px;height:13px;margin:0;border:0;padding:0;}
.login_PlayoutA fieldset p.keep label{font:.9em;color:#666}
.login_PlayoutA fieldset p.keep_msg{color:#666}
.login_PlayoutA fieldset ul.help{margin:0;overflow:hidden;padding:11px 0 0 0;margin-top:10px;border-top:1px solid #444; white-space:nowrap;list-style:none;height:20px;}
.login_PlayoutA fieldset ul.help li{list-style:none;float:left;display:block;padding-left:10px;}
.login_PlayoutA fieldset ul.help li.help_li{padding:0  0  0 10px;background:url("../../../../widgets/login_info/skins/kee/images/help_li.gif") no-repeat left 50%;margin-right:25px; font-weight:bold;}
.login_PlayoutA fieldset ul.help li.help_last_li{float:right}
.login_PlayoutA fieldset ul.help li a{color:#222;white-space:nowrap;text-decoration:none;display:inline-block;padding-top:1px;line-height:18px;font-weight: 400;}
.login_PlayoutA fieldset ul.help li a:hover{text-decoration:underline}
.login_PlayoutA fieldset ul.help li.first-child a{color:#cbcbcb}
.login_PlayoutA fieldset ul.help li *{vertical-align:bottom;line-height:18px;display:inline-block;}
.login_PlayoutA fieldset .userName strong{color:#cbcbcb;padding:4px 0 0 2px;font:bold .9em Tahoma}

.login_PlayoutA fieldset .userName img{border:none;vertical-align:top;}
.login_PlayoutA fieldset li.userLogout{position:absolute;top:0;right:0;}
.login_PlayoutA fieldset li.userLogout a{width:68px;height:25px;text-align:center;background:url("../../../../widgets/login_info/skins/kee/images/logout.png") no-repeat;display:table-cell;line-height:25px;}
.login_PlayoutA fieldset ul.userMenu{margin:0;position:relative;padding:0;overflow:hidden;margin-top:6px}
.login_PlayoutA fieldset ul.userMenu li{list-style:none;color:#cbcbcb;list-style:none;margin-bottom:5px;}
.login_PlayoutA fieldset ul.userMenu li.userMenu_admin{padding:0 0 0 22px;background:url("../../../../widgets/login_info/skins/kee/images/black/help_li.gif") no-repeat 10px 4px;}
.login_PlayoutA fieldset ul.userMenu li a{color:#777;text-decoration:none}
.login_PlayoutA fieldset ul.userMenu li a:hover{text-decoration:underline}

.wrap_signed label{cursor:pointer;position:relative;padding-left:25px;margin-top: 15px;padding-bottom: 5px;height:20px;display:block;line-height:20px;color:#222;}
input#keep_signed {
    position: absolute;
    opacity: 0;right:0;
    cursor: pointer;
}
.checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 13px;
    width: 13px;
    border: 1px solid #444;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.wrap_signed label input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.wrap_signed label .checkmark:after {
  left: 4px;
    top: -3px;
  width: 5px;
  height: 10px;
  border: solid #8e7b6f;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* On mouse-over, add a grey background color */
input#keep_signed:hover input ~ .checkmark {
   
}
input#keep_signed:checked ~ .checkmark {
   
}
.wrap_profile{position:relative;*zoom:1;padding:10px 0}
.wrap_profile:after{content:"";display:block;clear:both;}
.in_profile{width:67px;height:67px;float:left;}
.in_profile img{vertical-align:middle;width:100%}
.wrap_userName{padding:0 0 0 10px;float:left;margin-top:-2px;}

.userName{margin:0;position:relative;overflow:hidden;padding:0;height:20px;}
.userName a{position:relative;text-decoration:none;line-height:20px;display:inline-block;}
.userName a.userLogout{position:absolute;top:1px;right:0;}
.wrap_Messages{padding:3px 0 2px 0;margin:0;}
.wrap_Messages p{padding:3px 0 0 0;margin:0;}
.userPoint{margin:0;padding:3px 0 0 0;list-style:none;position:relative;}
.userPoint:after{content:"";display:block;clear:both;}
.userPoint li{padding:1px 0;line-height:20px;}
.userPoint li span{font-weight:600;;display:inline-block;color:#8e7b6f}


/* 메세지 */
.wrap_member{position:relative;z-index:2;}
.wrap_dispMember{margin:0;padding:0;list-style:none;height:30px;width:100%}
.wrap_dispMember li{float:left;width:48%;text-align:center;position:relative;}
.wrap_dispMember li.Messag2 {padding-right:2%;}
.wrap_dispMember li.Messag3{padding-left:2%;}
.wrap_dispMember li a{display:block;border:1px solid #877468;font-weight:600;line-height:18px;padding:4px 0;color:#fff;background:#8e7b6f;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;transition:all 400ms;-webkit-transition:all 400ms;-moz-transition:all 400ms;-o-transition:all 400ms;-ms-transition:all 400ms;}
.wrap_dispMember li a:hover{background:#c39b82;border:1px solid #8e7b6f;}


.wrap_Messages li i{font-size:18px;}
.wrap_Messages li span{position:absolute;left:52px;top:4px;background:#00a7ec;color:#fff;border-radius:10px;padding:2px 5px;font-size:10px;font-family:Arial,sans-serif;line-height:14px;}
.login_PlayoutA fieldset p.latestLogin{margin:0;padding:0;}
.login_PlayoutA fieldset p.latestLogin span{font:1em Tahoma}
.wrap_profile a{text-decoration:none;}
.login_management{position:absolute;right:13px;top:15px;}
.login_management a{color:#222;}
.xe-widget-wrapper{overflow:visible;}
.wrap_userMenu{width:100%;background:#fff;border:1px solid #ddd;border-top:1px solid #e6e6e6;display:none;position:absolute;z-index:1;left:-1px;}
.wrap_userMenu ul{padding:5px 10px !important;}
.wrap_userMenu ul li{line-height:18px;}

.top_user{border-bottom:1px dotted #c7b8ae;;position:relative;height:30px;padding-bottom:10px;line-height:30px;}
.member_nic{color:#7f6c5f;text-decoration:underline;font-weight:600;position:relative;top:2px;}
.top_user_logout{line-height:18px;padding:5px 10px;position:absolute;display:inline-block;right:0;top:0;border:1px solid #877468;color:#fff;background:#8e7b6f;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;transition:all 400ms;-webkit-transition:all 400ms;-moz-transition:all 400ms;-o-transition:all 400ms;-ms-transition:all 400ms;}
.top_user_logout:hover{background:#c39b82;border:1px solid #97887e;}