@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: modules/z_editor/tpl/css/view.css */

.ce-block__content, .ce-toolbar__content {
    max-width: calc(100%) !important;
}

.ce-block__content {
    position: relative;
    max-width: 650px;
    margin: 0 auto;
    -webkit-transition: background-color .15s ease;
    transition: background-color .15s ease;
}

.cdx-checklist__item {
    display: flex;
    box-sizing: content-box;
}

.cdx-checklist__item--checked .cdx-checklist__item-checkbox {
    background: #388ae5;
    border-color: #388ae5;
}

.cdx-checklist__item-checkbox {
    display: inline-block;
    flex-shrink: 0;
    position: relative;
    width: 20px;
    height: 20px;
    margin: 5px;
    margin-left: 0;
    margin-right: 7px;
    border-radius: 50%;
    border: 1px solid #d0d0d0;
    background: #fff;
    user-select: none;
}

.cdx-checklist__item--checked .cdx-checklist__item-checkbox::after {
    opacity: 1;
}

.cdx-checklist__item-checkbox::after {
    position: absolute;
    top: 6px;
    left: 5px;
    width: 9px;
    height: 4px;
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    background: transparent;
    content: '';
    opacity: 0;
    transform: rotate(-45deg);
}

.cdx-checklist__item-text {
    outline: none;
    flex-grow: 1;
    padding: 5px 0;
}
.cdx-list--unordered {
    list-style: disc;
}

.cdx-list {
    margin: 0;
	padding-left: 40px !important;
    outline: none;
}
.cdx-block {
    max-width: 100% !important;
}

.cdx-block {
    padding:0;
}

.cdx-list__item {
    padding: 5.5px 0 5.5px 3px;
    line-height: 1.6em;
}

.ce-header {
    padding: 0.6em 0 3px;
    margin: 0;
    line-height: 1.25em;
    outline: none;
}

.ce-tune-alignment--center{
	text-align:center;
}

.ce-tune-alignment--right{
	text-align:right;
}

.cdx-list--ordered {
    list-style: decimal;
}

.editorxe-line{
	padding: 0.4em 0;
}

.cdx-marker{
	background: rgba(245,235,111,0.29);
    padding: 3px 0;
}

.bl-url-card{
	max-width: 100%;
    margin: 5px 0 5px;
	display: flex !important;
}

.xe_content .bl-url-card a{
	text-decoration: none;
}

.xe_content .bl-url-card a:hover{
	text-decoration: none;
}

.bl-box_shadow {
    box-shadow: 0 0 3px #bbb;
    box-shadow: 0 0 3px rgba(0,0,0,.2);
    background: #fff;
}

.bl-link{
	text-decoration: none;
	padding:0 !important;
}

.bl-link-image {
    width: 160px;
    height: 120px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-right: 1px solid #eee;
    box-sizing: border-box;
}

.bl-view-ct {
	/*
    width: calc(100% - 160px);
	*/
	padding: 0px 0 12px !important;
    text-align: left !important;
	float:left !important;
	display: flex;
    align-items: center;
}

.bl-link-title {
	text-decoration: none;
	width: calc(100% - 30px);
    padding: 0 15px;
    line-height: 20px;
    letter-spacing: -0.5px;
    -webkit-line-clamp: 1;
    overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
	font-weight: bold;
	font-size: 15.5px;
	display: block;
	text-align: left;
	word-break: break-all;
	text-size-adjust: auto;
}

.bl-link-url{
	width: calc(100% - 30px);
	padding: 0 15px;
	font-style: italic;
    font-family: "Trebuchet MS","Helvetica Neue",Helvetica,Arial,sans-serif;
    letter-spacing: 0;
	font-size: 11.5px;
	text-align: left;
	text-decoration: none;
    margin-bottom: 8px;
    line-height: 15px;
    margin-top: 4px;
    color: #bbb;
    outline: 0;
}

.bl-link-url span{
	font-size: 13.5px;
    letter-spacing: 0;
}

.bl-link-description {
    line-height: 22px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
	width: calc(100% - 30px);
    padding: 0 15px;
	letter-spacing: 0;
}

.bl-clear-both{
	clear: both;
}

@media screen and (max-width: 768px) {
	.bl-link-image {
		width: 100px;
		height: 100px;
	}

	.bl-view-ct {
		padding: 4px 0 4px !important;
		/*
		width: calc(100% - 100px);
		*/
	}

	.bl-link-description {
		width: 100%;
		padding: 0 5px;
	}

	.bl-link-url {
		width: 100%;
		padding: 0 5px;
	}

	.bl-link-title {
		width: 100%;
		padding: 0 5px;
	}

	.bl-view-ct {
		padding: 4px 0 4px !important;
		/*
		width: calc(100% - 100px);
		*/
	}
}

.ed-file-link{
	max-width:280px;
	position: relative;
	box-shadow: 0 0 3px #bbb;
    box-shadow: 0 0 3px rgba(0,0,0,.2);
	padding: 7px 25px 7px 7px;
	display: inline-block;
	min-width:200px;
	box-sizing: border-box;
}

.ed-file-ext{
	height:45px;
	width:45px;
	background-color:black;
	color:white;
	float:left;
	text-align:center;
	margin-right:7px;
	border-radius: 8px;
	line-height: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
}

.ed-file-ct{
	width: calc(100% - 57px);
    letter-spacing: 0;
	font-size: 11.5px;
	text-align: left;
	text-decoration: none;
    line-height: 15px !important;
    outline: 0;
	float:left;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	text-size-adjust: auto;
	margin: auto 0;
	flex-grow: 2;
	padding-top:5px;
	white-space:nowrap;
}

.ed-file-name{
	font-weight: bold;
	line-height: 15px!important;
}

.ed-file-size{
	color: #707684;
	line-height: 15px!important;
}

.ed-file-dn{
	position: absolute !important;
	right:5px;
	top:18px;
	width:24px;
	height:24px;
}

.filter-orange{
	filter: invert(46%) sepia(98%) saturate(493%) hue-rotate(333deg) brightness(94%) contrast(94%);
}

.filter-707684{
	filter:brightness(0) saturate(100%) invert(47%) sepia(18%) saturate(271%) hue-rotate(184deg) brightness(93%) contrast(89%);
}

.filter-black{
	filter: brightness(0) saturate(100%);
}

.ed-file-ext.doc,.ed-file-ext.docx,.ed-file-ext.odt{
background-color: #1483E9;
}
.ed-file-ext.doc,.ed-file-ext.docx,.ed-file-ext.odt{
	background-color: #1483E9;
}

.ed-file-ext.pdf{
	background-color: #DB2F2F;
}

.ed-file-ext.rtf{
	background-color: #744FDC;
}

.ed-file-ext.tex,.ed-file-ext.txt{
	background-color: #5a5a5b;
}

.ed-file-ext.pptx,.ed-file-ext.ppt{
	background-color: #E35200;
}
.ed-file-ext.mp3{
	background-color: #eab456;
}
.ed-file-ext.mp4{
	background-color: #f676a6;
}
.ed-file-ext.xls{
	background-color: #11AE3D;
}
.ed-file-ext.html,.ed-file-ext.htm,.ed-file-ext.js{
	background-color: #2988f0;
}
.ed-file-ext.zip,.ed-file-ext.rar{
	background-color: #4f566f;
}
.ed-file-ext.exe{
	background-color: #e26f6f;
}
.ed-file-ext.key{
	background-color: #00B2FF;
}
.ed-file-ext.sketch{
	background-color: #FFC700;
}
.ed-file-ext.ai{
	background-color: #FB601D;
}
.ed-file-ext.psd{
	background-color: #388ae5;
}
.ed-file-ext.dmg{
	background-color: #e26f6f;
}
.ed-file-ext.json,.ed-file-ext.log{
	background-color: #2988f0;
}
.ed-file-ext.csv{
	background-color: #11AE3D;
}

.youtube-div {
	position:relative;
	height:0;
	padding-bottom:56.25%;
	max-width: 100%;
}

.youtube-div iframe {
	border:0;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	max-width: 100%;
}

.youtube-div-shorts {
	position: relative;
	width:100%;
	padding-bottom: 0;
    height: 640px;
    overflow: hidden;
	max-width: 360px !important;
}

.youtube-div-shorts iframe{
	position: relative;
    max-width: 360px !important;
    border-radius: 12px;
	top: 0;
    left: 0;
    border: 0;
    width: 100%;
	height: 100%;
}

.trash-obj{
	display: none;
}

.bl-url-card span{
	display: block !important;
}


.cdx-checklist__item-text
{
	line-height: 1.4em !important;
}

.ed-sticker-image{
	width:140px;
	height:auto;
	vertical-align: baseline;
}

.cdx-checklist__item-checkbox{
	margin: auto !important;
	width: 16px !important;
    height: 16px !important;
}

.cdx-checklist__item-checkbox::after{
	top: 4px !important;
	left: 3px !important;
	width: 8px !important;
	}

.cdx-checklist__item-text{
	margin-left:5px;
	line-height: 1em !important;
}

.ed-chatgpt-wrap{
	max-width:100%;
	width:100%;
	box-sizing: content-box;
	display: block !important;
	overflow: overlay;
    padding: 20px 10px 20px 10px;
}

.ed-chatgpt-wrap-q{
	display: block;
	height:40px;
	box-sizing: content-box;
	position: relative;
}

.ed-chatgpt-q{
	display: block;
	float: right;
	padding:7px;
	background-color: #27424e;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-box-shadow: 0 4px 12px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 4px 12px 0 rgb(0 0 0 / 10%);
	color:white;
	max-width: 100%px !important;
}

.ed-chatgpt-a{
	display: block;
	float: left;
	padding:20px 7px 20px 7px;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-box-shadow: 0 4px 12px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 4px 12px 0 rgb(0 0 0 / 10%);
	max-width: 100%;
	z-index: 2;
	position: relative;
	margin-top: 5px;
}

.xe_content .ed-chatgpt-a p {
    margin: 0;
}

.ed-chatgpt-logo{
	display: block !important;
	position: absolute !important;
	top:0 !important;
	right:0 !important;
	width:18px !important;
	height:18px !important;
}

.ed-chatgpt-copy-button{
	display: block !important;
	position: absolute !important;
	bottom:1px !important;
	right:1px !important;
	width:17px !important;
	height:17px !important;
	cursor: pointer;
	fill:#797979;
}

.xe_content .editorxe-line{
padding:0;
}

.xe_content .bl-url-card a {
    border: 0 !important;
	display: inline !important;
	background: none !important;
	overflow: hidden;
}


.instagram-div {
    display: flex;
    width: calc(100% - 22px);
    box-sizing: content-box;
    position: relative;
    max-width: 540px;
}

.instagram-div iframe{
	background-color: #ffffff;
    border-radius: 3px;
    border: 1px solid rgb(219,219,219);
    box-shadow: none;
    display: block;
    margin: 0px 0px 12px;
    min-width: 326px;
    padding: 0px;
    max-width: 540px;
    width: calc(100% - 22px);
}

@media screen and (max-width: 365px) {
	.ed-chatgpt-a{
		max-width: 95%;
	}
}

@media screen and (max-width: 540px) {

	.instagram-div{
		width:100%;
		text-align: center;
		justify-content: center;
	}

	.instagram-div iframe{
		margin:auto;
	}

	.ed-twitter-div{
		width:100%;
		text-align: center;
		justify-content: center;
	}

	.ed-twitter-div div:first-child{
		max-width:328px !important;
		margin:auto;
	}

}

.bl-view-ct.no-bg{
	width:100% !important;
}

.ed-chatgpt-wrap div.ed-chatgpt-a:nth-child(even){
	margin-bottom: 20px;
}

.ed-chatgpt-wrap div.ed-chatgpt-a:nth-last-child(2){
	margin-bottom: 0;
}

.ed-nick-name{
	height:100%;
	line-height: 0 !important;
}

.ed-pf-image{
	height:20px;
}

.ed-pf-image img{
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    margin-right: 1px !important;
    object-fit: cover !important;
    border-radius: 50% !important;
}

.amNickParent {
	border: 2px solid #e8e8e8;
    display: inline-table !important;
    margin: 2px 1px 3px 0 !important;
    line-height: 1;
	padding: 2px !important;
    border-radius: 0.28571429rem !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
	position: relative;
	vertical-align: sub;
}

.amNickSpan {
    height:100%;
	display: flex;
	align-items: center;
}

.amNickOver{
	position: absolute;
	display: block;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-color:none !important;
	cursor: pointer;
}

.amNickOver:hover{
	background-color: rgba(145, 145, 145, 0.11);
}

.nick-qct{
	display: none;
	position: absolute;
	top:20px;
	left:20px;
	width: 110px;
	min-width: 110px;
	z-index: 100;
	-webkit-box-shadow: 0 4px 12px 0 rgb(0 0 0 / 10%);
	box-shadow: 0 4px 12px 0 rgb(0 0 0 / 10%);
	border: solid 1px #d7e0e9;
	line-height: 160%;

}

.nick-qct ul{
	list-style: none;
	padding:0;
	margin:0;
	margin-block-start:0em !important;
	margin-block-end: 0em !important;
	margin-inline-start: 0px !important;
	margin-inline-end: 0px !important;
	padding-inline-start: 0px !important;
}

.nick-qct li{
	height:24px;
	background-color: white;
	display: flex;
	align-items: center;
	padding:2px 6px 2px 4px;
	cursor: pointer;
	font-size:14px;
	white-space:nowrap;
	line-height: 160% !important;
}

.nick-qct li:not(:first-child){
	border-top:solid 1px #d0d0d0;
}

.nick-qct li:hover{
	background-color: #dddddd;
}

.ed-mem-icon{
	margin-right: 5px;
}

.color_scheme_dark .ed-file-link{
    box-shadow: 0 0 3px #bbb !important;
}

.ce-block__content, .ce-toolbar__content {
    max-width: calc(100%) !important;
}

.ce-block__content {
    position: relative;
    max-width: 650px;
    margin: 0 auto;
    -webkit-transition: background-color .15s ease;
    transition: background-color .15s ease;
}

.cdx-checklist__item {
    display: flex;
    box-sizing: content-box;
}

.cdx-checklist__item--checked .cdx-checklist__item-checkbox {
    background: #388ae5;
    border-color: #388ae5;
}

.cdx-checklist__item-checkbox {
    display: inline-block;
    flex-shrink: 0;
    position: relative;
    width: 20px;
    height: 20px;
    margin: 5px;
    margin-left: 0;
    margin-right: 7px;
    border-radius: 50%;
    border: 1px solid #d0d0d0;
    background: #fff;
    user-select: none;
}

.cdx-checklist__item--checked .cdx-checklist__item-checkbox::after {
    opacity: 1;
}

.cdx-checklist__item-checkbox::after {
    position: absolute;
    top: 6px;
    left: 5px;
    width: 9px;
    height: 4px;
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    background: transparent;
    content: '';
    opacity: 0;
    transform: rotate(-45deg);
}

.cdx-checklist__item-text {
    outline: none;
    flex-grow: 1;
    padding: 5px 0;
}
.cdx-list--unordered {
    list-style: disc;
}

.cdx-list {
    margin: 0;
	padding-left: 40px !important;
    outline: none;
}
.cdx-block {
    max-width: 100% !important;
}

.cdx-block {
    padding:0;
}

.cdx-list__item {
    padding: 5.5px 0 5.5px 3px;
    line-height: 1.6em;
}

.ce-header {
    padding: 0.6em 0 3px;
    margin: 0;
    line-height: 1.25em;
    outline: none;
}

.ce-tune-alignment--center{
	text-align:center;
}

.ce-tune-alignment--right{
	text-align:right;
}

.cdx-list--ordered {
    list-style: decimal;
}

.editorxe-line{
	padding: 0.4em 0;
}

.cdx-marker{
	background: rgba(245,235,111,0.29);
    padding: 3px 0;
}

.bl-url-card{
	max-width: 100%;
    margin: 5px 0 5px;
	display: flex !important;
}

.xe_content .bl-url-card a{
	text-decoration: none;
}

.xe_content .bl-url-card a:hover{
	text-decoration: none;
}

.bl-float-left{
	float: left;
}

.bl-view-ct .bl-float-left{
	width: 100%;
}

.bl-box_shadow {
    box-shadow: 0 0 3px #bbb;
    box-shadow: 0 0 3px rgba(0,0,0,.2);
    background: #fff;
}

.bl-link{
	text-decoration: none;
	padding:0 !important;
}

.bl-link-image {
    width: 160px;
    height: 120px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-right: 1px solid #eee;
    box-sizing: border-box;
}

.bl-view-ct {
	/*
    width: calc(100% - 160px);
	*/
    padding: 14px 0 12px !important;
    text-align: left !important;
	float:left !important;
}

.bl-link-title {
	text-decoration: none;
	width: calc(100% - 30px);
    padding: 0 15px;
    line-height: 20px;
    letter-spacing: -0.5px;
    -webkit-line-clamp: 1;
    overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
	font-weight: bold;
	font-size: 15.5px;
	display: block;
	text-align: left;
	word-break: break-all;
	text-size-adjust: auto;
}

.bl-link-url{
	width: calc(100% - 30px);
	padding: 0 15px;
	font-style: italic;
    font-family: "Trebuchet MS","Helvetica Neue",Helvetica,Arial,sans-serif;
    letter-spacing: 0;
	font-size: 11.5px;
	text-align: left;
	text-decoration: none;
    margin-bottom: 8px;
    line-height: 15px;
    margin-top: 4px;
    color: #bbb;
    outline: 0;
}

.bl-link-url span{
	font-size: 13.5px;
    letter-spacing: 0;
}

.bl-link-description {
    line-height: 22px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
	width: 100%;
    padding: 0 15px;
	letter-spacing: 0;
}

.bl-clear-both{
	clear: both;
}

@media screen and (max-width: 768px) {
	.bl-link-image {
		width: 100px;
		height: 100px;
	}

	.bl-view-ct {
		padding: 4px 0 4px !important;
		/*
		width: calc(100% - 100px);
		*/
	}

	.bl-link-description {
		width: 100%;
		padding: 0 5px;
	}

	.bl-link-url {
		width: 100%;
		padding: 0 5px;
	}

	.bl-link-title {
		width: 100%;
		padding: 0 5px;
	}
}

.ed-file-link{
	max-width:280px;
	position: relative;
	box-shadow: 0 0 3px #bbb;
    box-shadow: 0 0 3px rgba(0,0,0,.2);
	padding: 7px 25px 7px 7px;
	display: inline-block;
	min-width:200px;
}

.ed-file-ext{
	height:45px;
	width:45px;
	background-color:black;
	color:white;
	float:left;
	text-align:center;
	margin-right:7px;
	border-radius: 8px;
	line-height: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
}

.ed-file-ct{
	width: calc(100% - 57px);
    letter-spacing: 0;
	font-size: 11.5px;
	text-align: left;
	text-decoration: none;
    line-height: 15px !important;
    outline: 0;
	float:left;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	text-size-adjust: auto;
	margin: auto 0;
	flex-grow: 2;
	padding-top:5px;
}

.ed-file-name{
	font-weight: bold;
	line-height: 15px!important;
}

.ed-file-size{
	color: #707684;
	line-height: 15px!important;
}

.ed-file-dn{
	position: absolute !important;
	right:5px;
	top:18px;
	width:24px;
	height:24px;
}

.filter-orange{
	filter: invert(46%) sepia(98%) saturate(493%) hue-rotate(333deg) brightness(94%) contrast(94%);
}

.filter-707684{
	filter:brightness(0) saturate(100%) invert(47%) sepia(18%) saturate(271%) hue-rotate(184deg) brightness(93%) contrast(89%);
}

.filter-black{
	filter: brightness(0) saturate(100%);
}

.ed-file-ext.doc,.ed-file-ext.docx,.ed-file-ext.odt{
background-color: #1483E9;
}
.ed-file-ext.doc,.ed-file-ext.docx,.ed-file-ext.odt{
	background-color: #1483E9;
}

.ed-file-ext.pdf{
	background-color: #DB2F2F;
}

.ed-file-ext.rtf{
	background-color: #744FDC;
}

.ed-file-ext.tex,.ed-file-ext.txt{
	background-color: #5a5a5b;
}

.ed-file-ext.pptx,.ed-file-ext.ppt{
	background-color: #E35200;
}
.ed-file-ext.mp3{
	background-color: #eab456;
}
.ed-file-ext.mp4{
	background-color: #f676a6;
}
.ed-file-ext.xls{
	background-color: #11AE3D;
}
.ed-file-ext.html,.ed-file-ext.htm,.ed-file-ext.js{
	background-color: #2988f0;
}
.ed-file-ext.zip,.ed-file-ext.rar{
	background-color: #4f566f;
}
.ed-file-ext.exe{
	background-color: #e26f6f;
}
.ed-file-ext.key{
	background-color: #00B2FF;
}
.ed-file-ext.sketch{
	background-color: #FFC700;
}
.ed-file-ext.ai{
	background-color: #FB601D;
}
.ed-file-ext.psd{
	background-color: #388ae5;
}
.ed-file-ext.dmg{
	background-color: #e26f6f;
}
.ed-file-ext.json,.ed-file-ext.log{
	background-color: #2988f0;
}
.ed-file-ext.csv{
	background-color: #11AE3D;
}

.youtube-div {
	position:relative;
	height:0;
	padding-bottom:56.25%;
}

.youtube-div iframe {
	border:0;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.youtube-div-shorts {
	position: relative;
	width:100%;
	padding-bottom: 0;
    height: 640px;
    overflow: hidden;
	max-width: 360px !important;
}

.youtube-div-shorts iframe{
	position: relative;
    max-width: 360px !important;
    border-radius: 12px;
	top: 0;
    left: 0;
    border: 0;
    width: 100%;
	height: 100%;
}

.trash-obj{
	display: none;
}

.bl-url-card span{
	display: block !important;
}


.cdx-checklist__item-text
{
	line-height: 1.4em !important;
}

.ed-sticker-a,.ed-sticker-image{
	width:140px;
	height:auto;
	vertical-align: baseline;
}

.cdx-checklist__item-checkbox{
	margin: auto !important;
	width: 16px !important;
    height: 16px !important;
}

.cdx-checklist__item-checkbox::after{
	top: 4px !important;
	left: 3px !important;
	width: 8px !important;
	}

.cdx-checklist__item-text{
	margin-left:5px;
	line-height: 1em !important;
}

.ed-chatgpt-wrap-q{
	display: block;
	height:40px;
	box-sizing: content-box;
	position: relative;
}

.ed-chatgpt-q{
	display: block;
	float: right;
	padding:7px;
	background-color: #27424e;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-box-shadow: 0 4px 12px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 4px 12px 0 rgb(0 0 0 / 10%);
	color:white;
	max-width: 100% !important;
}

.ed-chatgpt-a{
	display: block;
	float: left;
	padding:20px 7px 20px 7px;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-box-shadow: 0 4px 12px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 4px 12px 0 rgb(0 0 0 / 10%);
	max-width: 100%;
	z-index: 2;
	position: relative;
	margin-top: 5px;
}

.xe_content .ed-chatgpt-a p {
    margin: 0;
}

.ed-chatgpt-logo{
	display: block !important;
	position: absolute !important;
	top:0 !important;
	right:0 !important;
	width:18px !important;
	height:18px !important;
}

.ed-chatgpt-copy-button{
	display: block !important;
	position: absolute !important;
	bottom:1px !important;
	right:1px !important;
	width:17px !important;
	height:17px !important;
	cursor: pointer;
	fill:#797979;
}

.xe_content .editorxe-line{
padding:0;
}

.xe_content .bl-url-card a {
    border: 0 !important;
	display: inline !important;
	background: none !important;
	overflow: hidden;
	width:100%;
}

.xe_content .bl-link-description{
	white-space: normal;
	font-size:15px;
	overflow: hidden;
	text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word;
	display: -webkit-box !important;
	max-width: calc(100% - 20px);
}

.ed-twitter-div{
	display: flex;
	width:328px;
	box-sizing: content-box;
	position: relative;
}

@media screen and (max-width: 365px) {
	.ed-chatgpt-a{
		max-width: 95%;
	}
}

@media screen and (max-width: 540px) {

	.instagram-div{
		width:100%;
		text-align: center;
		justify-content: center;
	}

	.instagram-div iframe{
		margin:auto;
	}

	.ed-twitter-div{
		width:100%;
		text-align: center;
		justify-content: center;
	}

	.ed-twitter-div div:first-child{
		max-width:328px !important;
		margin:auto;
	}

}

.bl-view-ct.no-bg{
	width:100% !important;
}

.ed-chatgpt-wrap div.ed-chatgpt-a:nth-child(even){
	margin-bottom: 20px;
}

.ed-chatgpt-wrap div.ed-chatgpt-a:nth-last-child(2){
	margin-bottom: 0;
}

.ed-nick-name{
	height:100%;
	line-height: 0 !important;
}

.ed-pf-image{
	height:20px;
}

.ed-pf-image img{
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    margin-right: 1px !important;
    object-fit: cover !important;
    border-radius: 50% !important;
}

.amNickParent {
	border: 2px solid #e8e8e8;
    display: inline-table !important;
    margin: 2px 1px 3px 0 !important;
    line-height: 1;
	padding: 2px !important;
    border-radius: 0.28571429rem !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
	position: relative;
	vertical-align: sub;
}

.amNickSpan {
    height:100%;
	display: flex;
	align-items: center;
}

.amNickOver{
	position: absolute;
	display: block;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-color:none !important;
	cursor: pointer;
}

.amNickOver:hover{
	background-color: rgba(145, 145, 145, 0.11);
}

.nick-qct{
	display: none;
	position: absolute;
	top:20px;
	left:20px;
	width: 110px;
	min-width: 110px;
	z-index: 100;
	-webkit-box-shadow: 0 4px 12px 0 rgb(0 0 0 / 10%);
	box-shadow: 0 4px 12px 0 rgb(0 0 0 / 10%);
	border: solid 1px #d7e0e9;
	line-height: 160%;

}

.nick-qct ul{
	list-style: none;
	padding:0;
	margin:0;
	margin-block-start:0em !important;
	margin-block-end: 0em !important;
	margin-inline-start: 0px !important;
	margin-inline-end: 0px !important;
	padding-inline-start: 0px !important;
}

.nick-qct li{
	height:24px;
	background-color: white;
	display: flex;
	align-items: center;
	padding:2px 6px 2px 4px;
	cursor: pointer;
	font-size:14px;
	white-space:nowrap;
	line-height: 160% !important;
}

.nick-qct li:not(:first-child){
	border-top:solid 1px #d0d0d0;
}

.nick-qct li:hover{
	background-color: #dddddd;
}

.ed-mem-icon{
	margin-right: 5px;
}

.color_scheme_dark .ed-file-link{
    box-shadow: 0 0 3px #bbb !important;
}

.xe_content ol,.xe_content ul,.xe_content dl{
    margin-top: 1em;
	margin-bottom: 1em;
}

.color_scheme_dark .bl-url-card{
	background-color: #282828;
	box-shadow: 0 0 3px #bbb !important;
}

.color_scheme_dark .bl-link-title{
	color:#959595;
}

.color_scheme_dark .bl-link-description{
	color:#959595;
}

.color_scheme_dark .bl-link-title:hover{
	color:#b7b7b7;
}

.color_scheme_dark .bl-link-description:hover{
	color:#b7b7b7;
}

.color_scheme_dark .bl-link-image{
	border-right: 1px #bbb !important;
}

.xe_content .tiktok-embed iframe{
	border:none;
}

.xe_content .tiktok-embed{
	margin: 0 !important;
	padding: 0 !important;
	margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
	border:none !important;
}

.xe_content details{
	cursor: pointer;
	border: 1px solid #aaa;
	border-radius: 4px;
	padding: 0.5em 0.5em 0;
}

.xe_content summary {
	margin: -0.5em -0.5em 0;
	padding: 0.5em;
}

.xe_content details[open] {
	padding: 0.5em;
}

.xe_content details[open] summary {
	border-bottom: 1px solid #aaa;
	margin-bottom: 0.5em;
}

.xe_content code{
	background: #e3e3e3;
	word-wrap: break-word;
	box-decoration-break: clone;
	padding: .1rem .3rem .2rem;
	border-radius: .2rem;
}

hgroup {
	text-align: right;
	padding-right: 16px;
	border-right: 10px solid #00c8d7;
}

.color_scheme_dark .nick-qct li{
	color:initial;
}

.copy-to-clipboard-button:focus:hover, .copy-to-clipboard-button.selected:focus {
    border-color: #51a7e8;
}

.copy-to-clipboard-button:active, .copy-to-clipboard-button.selected, .copy-to-clipboard-button.zeroclipboard-is-active {

	color:wheat !important;
}
.copy-to-clipboard-button:hover, .copy-to-clipboard-button:active, .copy-to-clipboard-button.zeroclipboard-is-hover, .copy-to-clipboard-button.zeroclipboard-is-active {

	color:wheat !important;
}
.copy-to-clipboard-button:focus {

	color:wheat !important;
}
div.code-toolbar>.toolbar>.toolbar-item>a, div.code-toolbar>.toolbar>.toolbar-item>button, div.code-toolbar>.toolbar>.toolbar-item>span{
	font-size: 0.9em !important;
}

.ed-twitter-div iframe{
	max-width: 100% !important;
}

.bl-link-image.readLb-mov-img{
	width:100px;
	height:150px;
}

.readLb-mov .bl-link-url{
	margin-top:10px;
}

.ed-twitter-div iframe{
	max-width: 100% !important;
	min-width: unset !important;
}

.readLb-mov .bl-view-ct{
	width:100%;
	max-width: calc(100% - 20px);
}

.readLb-mov .bl-link-description{
	max-height: 66px;
	-webkit-line-clamp: 3;
}

.copy-right-font-kopis{
	font-size:0.9em;
}

.code-toolbar code{
	padding:0 !important;
}

.edyoutube-div-drag{
	display: block;
	position: absolute;
	left:5;
	width:24px;
	height:24px;
	top:-30px;
	width:calc(100% - 40px);
	cursor:move;
}

.edyoutube-div-drag:active{
	cursor:grabbing;
}

.edyoutube-div-close{
	display: block;
	position: absolute;
	right:0;
	top:-34px;
	width:24px;
	height:24px;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-box-shadow: 0 4px 12px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 4px 12px 0 rgb(0 0 0 / 10%);
	cursor: pointer;
	box-sizing: content-box;
	background: gray;
}

.edyoutube-div-close img{
	filter: invert(100%) sepia(51%) saturate(6%) hue-rotate(158deg) brightness(114%) contrast(100%);
	width:24px;
	height:24px;
	vertical-align: baseline;
}

.edyoutube-div-close img:hover{
	filter: invert(69%) sepia(0%) saturate(1%) hue-rotate(291deg) brightness(91%) contrast(88%);
}

.filter-silver{
filter: invert(69%) sepia(0%) saturate(1%) hue-rotate(291deg) brightness(91%) contrast(88%);
}

.move-win-icon{
	filter:brightness(0) saturate(100%) invert(47%) sepia(18%) saturate(271%) hue-rotate(184deg) brightness(93%) contrast(89%);
}

.move-win-icon:hover{
	filter:none;
}

.youtube_duration{
	position: relative;
}

.youtube_duration_thumb{
	box-sizing: content-box;
	position: absolute;
	width:100px;
	height:auto;
	display: block;
	top:-60px;
	z-index: 10000;
	line-height: 1 !important;
}

.youtube_duration_thumb img{
	width:100px;
	height:auto;
	border-radius: 5px;
	border:1px solid #ccc;
}

.youtube_duration_thumb .show-time{
	position: absolute;
	bottom:0;
	right:0;
	background-color: rgba(0,0,0,0.5);
	color:rgb(255, 211, 15);
	padding: 2px 3px;
	border-radius: 0 5px 5px 0;
	line-height: 1 !important;
	box-sizing: content-box;
	font-size: 11px;
}



.reddit_div_wrapper {
    max-width: 640px;
}

.reddit_div_wrapper {
    margin: 0 auto;
    text-align: center;
}

.reddit-embed {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
}

.reddit_iframe.reddit-embed {
    display: inline-block;
    max-width: 640px;
    height: 360px;
    padding-bottom: 0;
}

.reddit_iframe.reddit-embed iframe {
    border: 1px solid #ccc;
    border-radius: 6px;
    box-sizing: border-box;
}

.reddit-embed > iframe, .reddit-embed > video {
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
    width: 100%;
    height: 100%;
}

.reddit_iframe.reddit-embed img {
    display: none;
    opacity: 0;
}

/* Original file: modules/z_editor/tpl/css/prism.css */

/* PrismJS 1.29.0
https://prismjs.com/download.html#themes=prism-okaidia&languages=markup+css+clike+javascript+apacheconf+aspnet+bash+c+csharp+cpp+css-extras+docker+git+ini+java+json+markup-templating+nginx+objectivec+php+powershell+python+sass+scss+sql+typescript+vim+yaml&plugins=line-highlight+line-numbers+file-highlight+jsonp-highlight+highlight-keywords+remove-initial-line-feed+inline-color+normalize-whitespace+toolbar+copy-to-clipboard */
code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:0 0;text-shadow:0 1px rgba(0,0,0,.3);font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#272822}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#8292a2}.token.punctuation{color:#f8f8f2}.token.namespace{opacity:.7}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#f92672}.token.boolean,.token.number{color:#ae81ff}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#a6e22e}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.class-name,.token.function{color:#e6db74}.token.keyword{color:#66d9ef}.token.important,.token.regex{color:#fd971f}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}
pre[data-line]{position:relative;padding:1em 0 1em 3em}.line-highlight{position:absolute;left:0;right:0;padding:inherit 0;margin-top:1em;background:hsla(24,20%,50%,.08);background:linear-gradient(to right,hsla(24, 100%, 88%, 0.407) 70%,hsla(24,20%,50%,0));pointer-events:none;line-height:inherit;white-space:pre}@media print{.line-highlight{-webkit-print-color-adjust:exact;color-adjust:exact}}.line-highlight:before,.line-highlight[data-end]:after{content:attr(data-start);position:absolute;top:.4em;left:.6em;min-width:1em;padding:0 .5em;background-color:hsla(24,20%,50%,.4);color:#f4f1ef;font:bold 65%/1.5 sans-serif;text-align:center;vertical-align:.3em;border-radius:999px;text-shadow:none;box-shadow:0 1px #fff}.line-highlight[data-end]:after{content:attr(data-end);top:auto;bottom:.4em}.line-numbers .line-highlight:after,.line-numbers .line-highlight:before{content:none}pre[id].linkable-line-numbers span.line-numbers-rows{pointer-events:all}pre[id].linkable-line-numbers span.line-numbers-rows>span:before{cursor:pointer}pre[id].linkable-line-numbers span.line-numbers-rows>span:hover:before{background-color:rgba(128,128,128,.2)}
pre[class*=language-].line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}pre[class*=language-].line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.line-numbers-rows>span{display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}
span.inline-color-wrapper{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyIDIiPjxwYXRoIGZpbGw9ImdyYXkiIGQ9Ik0wIDBoMnYySDB6Ii8+PHBhdGggZmlsbD0id2hpdGUiIGQ9Ik0wIDBoMXYxSDB6TTEgMWgxdjFIMXoiLz48L3N2Zz4=);background-position:center;background-size:110%;display:inline-block;height:1.333ch;width:1.333ch;margin:0 .333ch;box-sizing:border-box;border:1px solid #fff;outline:1px solid rgba(0,0,0,.5);overflow:hidden}span.inline-color{display:block;height:120%;width:120%}
div.code-toolbar{position:relative}div.code-toolbar>.toolbar{position:absolute;z-index:10;top:.3em;right:.2em;transition:opacity .3s ease-in-out;opacity:0}div.code-toolbar:hover>.toolbar{opacity:1}div.code-toolbar:focus-within>.toolbar{opacity:1}div.code-toolbar>.toolbar>.toolbar-item{display:inline-block}div.code-toolbar>.toolbar>.toolbar-item>a{cursor:pointer}div.code-toolbar>.toolbar>.toolbar-item>button{background:0 0;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}div.code-toolbar>.toolbar>.toolbar-item>a,div.code-toolbar>.toolbar>.toolbar-item>button,div.code-toolbar>.toolbar>.toolbar-item>span{color:#bbb;font-size:.8em;padding:0 .5em;background:#f5f2f0;background:rgba(224,224,224,.2);box-shadow:0 2px 0 0 rgba(0,0,0,.2);border-radius:.5em}div.code-toolbar>.toolbar>.toolbar-item>a:focus,div.code-toolbar>.toolbar>.toolbar-item>a:hover,div.code-toolbar>.toolbar>.toolbar-item>button:focus,div.code-toolbar>.toolbar>.toolbar-item>button:hover,div.code-toolbar>.toolbar>.toolbar-item>span:focus,div.code-toolbar>.toolbar>.toolbar-item>span:hover{color:inherit;text-decoration:none}

/* 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;}

/* Original file: widgets/advertise/skins/default/css/widget.css */

.ads {
    position: relative;
    background: inherit;
    margin-top: 0;
    margin-bottom: 0;
}

.ads.width_full {
    width: 100%;
    max-width: 100% !important;
}

.ads.auto_resize.image {
    width: 100%;
    max-width: 100% !important;
    height: auto !important;
}

.ads.auto_resize.image.big:after{
    content: "";
    display: block;
    padding-bottom: 12.36%;
}

.ads.auto_resize.image.small:after{
    content: "";
    display: block;
    padding-bottom: 31.25%;
}

.ads.margin {
    margin-top: 10px;
    margin-bottom: 10px;
}

.ads a {
    color: inherit;
    text-decoration: none;
}

.ads span {
    color: inherit;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 0;
    display: block;
    text-align: center;
}

.ads .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    padding: 0 !important;
}


.assign_ads {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 2px 10px;
    background: rgb(111, 98, 168);
    color: #fff !important;
    font-size: 11px;
    line-height: 1.4;
    text-decoration: none;
}

.text-base {
    position: relative;
    line-height: 1.6;
    padding: 10px 12px !important;
    width: 90%;
    background-color: #fff;
}

.text-base .title {
    font-size: 16px;
    font-weight: 700;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-base .contents {
    line-height: 1.5;
}

.text-base .thumb {
    float:left;
}
.text-base .text-section {
    float:left;
    width: 60%;
}
.text-base .contents {
    overflow: hidden;
    text-overflow: ellipsis;
}