@charset "utf-8";

/* basic */
.pp_transition	{transition-timing-function: ease-in;}
.txt_en	{line-height: 100%;}
.txt_wide	{letter-spacing: 0.15em;}
.pp_bd h3	{font-size: 14px;}
.pp_bd button, .pp_bd input, .pp_bd table, .pp_bd textarea	{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-size: 14px; line-height: 100%;}
.pp_bd .full_size	{margin-right: -40px;}
.bd_header	{margin-bottom: 20px;}
.bd_header h2	{font-size: 22px; font-family: 'Noto Sans CJK KR', 'Noto Sans KR', 'apple sd gothic neo', sans-serif; font-weight: normal;}
.bd_header h2 .srl_num	{font-size: 15px; color: #AAA;}
.bd_header .bd_desc	{font-family: 'Noto Sans CJK KR', 'Noto Sans KR', 'apple sd gothic neo', sans-serif; margin-top: 10px; line-height: 150%;}

/* list header */
.list_category	{margin-bottom: 25px; font-size: 13px;}
.list_category>ul	{display: inline-block; border-radius: 2px;}
.list_category>ul>li	{display: inline-block; position: relative; padding: 10px 12px; margin-bottom: -1px; border-right: none !important; background-color: #FFF; transition-property: box-shadow; transition-duration: 0.2s; transition-timing-function: ease-in; z-index: 10;}
.list_category>ul>li:first-child		{border-radius: 2px 0 0 2px;}
.list_category>ul>li:last-child		{border-radius: 0 2px 2px 0;}
.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;}
.list_category .fa-angle-down	{margin-left: 5px; color: #BBB;}
.list_category .ctg_num	{margin-left: 3px; font-size: 12px;}

.list_dropdown	{text-align: right;}
.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;}
.no_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: 2px; 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: 2px; 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	{margin-bottom: 25px; 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: 10px 10px 10px 2px; 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_icon img	{display: inline-block; margin-top: -2px; margin-left: -1px; width: 13px; height: 13px;}
.pp_bd .list_icon2 img	{width: 13px; height: 13px;}
.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;}
.back_to_list	{text-align: center;}
.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: 2px; font-size: 10px; line-height: 100%;}

/* atc2 */
.ppmemo_atc	{margin-top: 40px;}
.ppmemo_nickname	{font-size: 11px;}
.ppmemo_atc .cmt_auth	{font-size: 12px;}
.ppmemo_atc .bt_reply	{display: inline-block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-indent: -9999px; z-index: 1;}
.ppmemo_body .xe_content	{font-size: 15px; line-height: 200%;}
.ppmemo_bottom	{font-size: 11px;}
.ppmemo_bottom .ppmemo_ctrl	{position: absolute; right: 10px; bottom: 10px; z-index: 2;}
.ppmemo_bottom .ppmemo_ctrl a	{display: inline-block; padding: 2px 5px; background-color: #FFF; border-radius: 2px; font-size: 10px;}
.ppmemo_atc .ppatc_secret	{padding: 10px 0;}

/* comment2 */
.ppcmt_memo .cmt_wrap	{padding: 20px;}
.ppmemo_atc .ppcmt_unit	{padding-left: 55px; margin-bottom: 20px; min-height: 60px;}
.ppcmt_memo .ppcmt_unit.reply	{margin-left: 55px;}
.ppcmt_unit .ppmemo_body	{margin-right: 70px;}
.ppcmt_memo .parent	{font-size: 11px;}
.ppcmt_memo_bottom	{position: absolute; left: 100%; bottom: 0; margin-left: 8px; white-space: nowrap; font-size: 11px; color: #AAA;}
.ppcmt_memo_edit	{position: absolute; left: 100%; top: 0; margin-left: 8px; white-space: nowrap; font-size: 10px;}
.ppcmt_memo_edit a	{display: inline-block; padding: 2px 5px; background-color: #FFF; border-radius: 2px;}
.ppcmt_memo .ppcmt_secret	{line-height: 180%;}
.ppcmt_memo .ppcmt_unit .writer	{display: inline-block; position: absolute; top: 27px; left: -4px; z-index: 2; border-radius: 0;}

/* comment2 write */
.ppmemo_atc .ppcmt_write	{padding: 20px 20px 20px 75px;}
.ppmemo_atc .ppcmt_write .pppf	{position: absolute; left: 20px; top: 20px;}

@media screen and (max-width: 535px){
	.ppmemo_atc	{padding-left: 40px;}
	.ppmemo_atc>header .pppf	{width: 30px; height: 30px;}
	.ppmemo_nickname	{width: 38px;}
	
	.ppcmt_memo .cmt_wrap	{padding: 15px;}
	.ppmemo_atc .ppcmt_unit	{padding-left: 40px; padding-top: 20px; min-height: auto;}
	.ppcmt_memo .ppcmt_unit.reply	{margin-left: 25px;}
	.ppmemo_atc .ppcmt_unit header	{top: 20px;}
	.ppcmt_unit .ppmemo_nickname	{position: absolute; left: 45px; top: -22px; margin-top: 0; width: auto; text-align: left; white-space: nowrap;}
	.ppcmt_memo .ppcmt_unit .writer	{white-space: nowrap; left: -9px;}
	
	.ppmemo_atc .ppcmt_write	{padding: 15px;}
	.ppmemo_atc .ppcmt_write .pppf	{display: none;}
	.ppcmt_write_re2	{margin-left: -40px;}
	.reply .ppcmt_write_re2	{margin-left: -65px;}
}


/* atc */
.lm ul.notice	{padding-bottom: 40px;}
.ppatc_notice	{padding-left: 55px; margin-top: 40px; min-height: 40px;}
.ppatc_notice_body .xe_content	{padding: 10px 20px; font-size: 15px; line-height: 200%;}

.ppatc	{padding-left: 55px; margin-top: 40px;}
.ppatc>.pppf	{position: absolute; left: 0; top: 0;}
.ppatc_header	{padding: 0 20px;}
.ppbt_send_msg	{margin-left: 5px; padding: 1px 4px; border-radius: 2px; font-size: 11px; line-height: 100%; color: #888 !important;}
.ppbt_send_msg i,
.ppbt_send_msg svg	{margin-right: 3px; margin-bottom: 3px; vertical-align: middle; color: #AAA;}
.pp_message.send_msg .inner	{padding-top: 25px;}
.ppatc_ip	{font-size: 11px; margin-left: 5px;}
.ppatc_ip,
.ppatc_ip a	{color: #888; }
.ppatc_ip a:hover	{text-decoration: underline;}
.ppatc_ctrl_wrap	{right: 5px; top: 7px;}
.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;}

.warn_protect_content	{margin: 0 0 15px; padding: 10px; border: 1px solid #ebebd7; background-color: #ffffe9;}

.ppatc_body	{position: relative; padding: 20px;}
.ppatc_ctg	{font-size: 12px; margin-bottom: 5px;}
.ppatc_rightTop	{position: absolute; right: 15px; top: 10px; font-size: 11px;}
.ppatc_bt_file	{margin-left: 5px; cursor: pointer; font-size: 11px; color: #888;}
.ppatc_bt_file .icon_file	{display: inline-block; width: 11px; height: 11px; line-height: 11px; background-color: rgba(0,0,0,0.4); border-radius: 2px; vertical-align: middle; margin-bottom: 2px;}
.ppatc_bt_file .icon_file img	{display: inline-block; margin-top: -2px; margin-left: -1px; width: 13px; height: 13px;}
.ppatc_secret	{padding: 20px;}
.ppatc_secret form	{margin-top: 10px;}
.ppatc_secret .desc	{display: inline-block; margin-top: 5px; color: #888;}

.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-size: 15px; line-height: 200%;}
.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	{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	{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;}

@media screen and (max-width: 535px){
	.lm ul.notice	{padding-bottom: 30px;}
	.ppatc_notice	{padding-left: 0; margin-top: 30px; min-height: 30px;}
	.ppatc_notice .notice_icon	{left: 3px; width: 40px; background-color: transparent;}
	.ppatc_notice .notice_icon::after	{content: none;}
	.ppatc_notice .notice_icon svg	{margin-top: 12px;}
	.ppatc_notice_body	{padding-left: 25px;}
	.ppatc	{padding-left: 0; margin-top: 30px;}
	.ppatc>.pppf	{border-radius: 5px 0 0 0;}
	.ppatc>.pppf.lined::after	{border-radius: 5px 0 0 0;}
	.ppatc_cmt_num	{left: 32px; top: -5px;}
	.ppatc_header	{padding-left: 50px; height: 38px; line-height: 38px; border-radius: 5px 0 0 0;}
	.ppatc_ip	{display: none;}
}

/* comment */
.ppcmt_member_only	{padding: 15px 0; margin-top: 20px;}
.ppcmt_member_only p	{margin-bottom: 10px;}
.ppcmt_header	{font-size: 11px;}
.ppcmt_header .nickname	{font-size: 12px;}
.ppcmt_unit .writer	{padding: 0 6px; border-radius: 10px; 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-size: 15px; line-height: 200%;}
.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;}

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

.ppcmt_header .bt_ppcmt_edit,
.ppcmt_header .bt_ppcmt_edit2,
.cmt_ctrl_dummy	{display: none;}
@media screen and (max-width: 535px){
	.ppcmt_list	{padding: 1px 15px 15px;}
	.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 10px 10px; 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: 10px; 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 */
.bt_ppcmt_write .textarea_dummy	{font-size: 13px;}
.bt_ppcmt_write .button_dummy a	{padding: 0 15px;font-size: 12px;}

.ppcmt_write_input 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);}
}

/* memo write */
.bt_ppmemo_write	{padding-left: 55px; font-size: 13px;}
.bt_ppmemo_write .bt_editor	{padding: 0 15px; font-size: 12px;}
.ppmemo_form	{padding-left: 55px;}
.write_ctg	{display: inline-block; margin-right: 5px;}
.write_ctg .sbSelector	{min-width: 120px;}

@media screen and (max-width: 500px){
	.bt_ppmemo_write .pppf,
	.ppmemo_form .pppf	{display: none;}
	.bt_ppmemo_write,
	.ppmemo_form	{padding-left: 0;}
}

/* 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; width: calc(100% - 150px); 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;}

@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; margin-bottom: 10px;}
	.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: 10px; 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(../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;}