@charset "utf-8";

.read_top	{margin-bottom: 50px; text-align: center;}

/* reset */
.pp_bd input, .pp_bd button, .pp_bd textarea	{outline: none; margin: 0}
.pp_bd textarea	{resize: vertical;}
.pp_bd button, .pp_bd input[type=button]	{cursor: pointer; padding: 0; margin: 0;-webkit-font-smoothing: subpixel-antialiased !important;}
.pp_bd button	{background: none; border: none;}
.pp_bd h1, .pp_bd h2, .pp_bd h3, .pp_bd h4, .pp_bd h5	{padding: 0; margin: 0; font-weight: normal;}
.pp_bd p	{padding: 0; margin: 0;}
.pp_bd a	{text-decoration: none;}
.pp_bd ol, .pp_bd ul	{list-style: none; padding: 0; margin: 0;}

/* basic style */
.pp_align_center	{position: absolute; left: 50%; z-index: 300;}
.pp_dummy	{display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #333; opacity: 0.3; z-index: 199;}
.navy_pop .pp_dummy	{background-color: #FFF; opacity: 0.6;}
.pp_loading	{display: none; position: fixed; top: 50%; margin: -25px 0 0 -25px; width: 50px; height: 50px; border-radius: 5px; overflow: hidden; z-index: 200; text-align: center;}
.pp_loading::after	{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #FFF; opacity: 0.5; z-index: -1;}
.pp_loading svg	{margin-top: 10px; margin-left: 3px;}
.pp_done	{display: none; position: fixed; top: 50%; width: 50px; height: 50px; margin: -25px 0 0 -25px; background-color: rgba(0,0,0,0.5); border-radius: 5px; font-size: 26px; line-height: 50px; text-align: center; color: #FFF; z-index: 200;}
.pp_warn	{position: fixed; bottom: 10%; height: 32px; line-height: 32px; margin-top: -16px; background-color: rgba(0,0,0,0.5); color: #FFF; opacity: 0; white-space: nowrap;}

.pp_bd .ppbt	{display: inline-block; height: 32px; box-sizing: border-box; border-radius: 2px; text-align: center; letter-spacing: 0; vertical-align: middle;}
.pp_bd .ppbt2	{min-width: 80px;}
.pp_bd .ppbt.ppbt_mini	{height: 26px; line-height: 23px; padding: 0 8px;}
button.ppbt.ppbt_mini	{line-height: 100%;}
.pp_bd .bt_mono	{transition-property: background-color, border; transition-duration: 0.2s; transition-timing-function: ease-in; letter-spacing: 0;}
.pp_bd .bt_color	{transition-property: background-color, border; transition-duration: 0.2s; transition-timing-function: ease-in; letter-spacing: 0;}
.pp_bd .ppbt i,
.pp_bd .ppbt svg	{line-height: 100%;}
.pp_bd .ppbt i+span,
.pp_bd .ppbt svg+span	{margin-left: 5px;}
.pp_bd .ppbt_right .ppbt	{margin-left: 3px;}
.pp_bd .ppbt_left .ppbt	{margin-right: 3px;}
.pp_bd .ppbt_center .ppbt	{margin: 0 1.5px;}
.pp_bd .hide	{display: block; visibility: hidden; padding: 0; margin: 0; height: 0; width: 0; overflow: hidden;}

.ppip	{display: inline-block; height: 32px; line-height: 32px; padding: 0 10px; box-sizing: border-box; border-radius: 2px; transition-property: background-color, border; transition-duration: 0.2s; transition-timing-function: ease-in; vertical-align: middle;}
.ppip:focus	{background-color: #FFFFE9 !important; border: 1px solid #E8E8D3;}

.pppf	{display: inline-block; width: 40px; height: 40px; background: #FFF url(../images/profile.png) no-repeat center center; background-size: cover; overflow: hidden;}
.pppf.small	{width: 30px; height: 30px;}
.pppf.round	{border-radius: 50%;}
.pppf.lined	{position: relative;}
.pppf.lined::after	{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid rgba(0,0,0,0.1); z-index: 1;}
.pppf.round.lined::after	{border-radius: 50%;}
.pppf .pf_img	{width: 100%; height: auto;}

.pp_bd .pnt_col	{color: #E25E5E;}
.pp_bd .pnt_star	{font: 14px "Verdana"; vertical-align: middle;}
.pp_bd .pp_link	{color: #4BB089}
.pp_bd .pp_link2	{color: #4BB089; text-decoration: underline;}
.pp_bd .pp_transition	{transition-duration: 0.2s;}
.pp_bd textarea	{resize: vertical; box-sizing: border-box; font-size: 13px;}
.pp_bd .xe_content	{word-break: break-all;}
.pp_bd .xe_content a	{color: #4BB089;}
.pp_bd .closed .open	{display: inline-block;}
.pp_bd .closed .close	{display: none;}
.pp_bd .opened .open	{display: none;}
.pp_bd .opened .close	{display: inline-block;}

.pp_bd h1, .pp_bd h2, .pp_bd h3, .pp_bd h4	{font-weight: normal;}

/* board start */
.pp_bd	{position: relative; line-height: normal;}
.pp_bd,
.pp_bd a	{color: #333;}
.bd_header	{position: relative;}
.bd_header .bd_desc	{margin-top: 5px;}

/* pp dropdown */
.pp_dropdown	{display: inline-block; position: relative;}
.pp_dropdown>ul	{display: none; position: absolute; top: 100%; left: 0; min-width: 100%; box-sizing: border-box; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0, 0.15); text-align: left; font-size: 11px; z-index: 10;}
.pp_dropdown a	{color: #999; transition-property: color; transition-duration: 0.2s; transition-timing-function: ease-in;}
.pp_dropdown a:hover	{color: #333;}

/* list footer */
.list_footer	{margin-top: 15px;}
.list_footer .bt_write	{float: right; margin-right: 0;}

.list_footer .paging	{position: relative; margin-top: 15px; height: 48px; padding: 0 36px; box-sizing: border-box; background-color: #FFF; border-radius: 5px; text-align: center; font-size: 12px;}
.list_footer .paging .paging_wrap	{padding-top: 15px;}
.list_footer .paging .bt_last	{margin-left: 5px;}
.list_footer .paging .bt_first	{margin-right: 5px;}
.list_footer .paging .bt_prev	{display: inline-block; position: absolute; top: 0; left: 0; max-width: 16px; height: 48px; line-height: 48px; padding: 0 10px; text-align: center; cursor: default;}
.list_footer .paging .bt_next	{left: auto; right: 0; border-right: none !important;}
.list_footer .paging .bt_prev.active	{transition-property: color; transition-duration: 0.2s; transition-timing-function: ease-in; cursor: pointer;}
.list_footer .paging .bt_prev.active:hover	{color: #E25E5E;}
.paging .page_num	{display: inline-block; margin: 0 3px; padding: 3px 6px 2px; font-size: 11px; line-height: 100%;}
.paging .page_num.on	{border-radius: 2px; background-color: #FFF4F4; border: 1px solid #F5E1E1;}

.manage_article	{display: none;}

/* list */
.no_document	{text-align: center;}
.list_search_key	{position: relative; padding: 20px 15px; background-color: #FFF;}
.list_search_key .ppbt_area	{position: absolute; right: 15px; top: 15px;}

.list_wrap .list_ctg,
.list_wrap .list_ctg a	{color: #596476;}

.list_wrap .list_icon.new,
.ppatc .list_icon.new	{background-color: #E25E5E;}
.list_wrap .list_icon.updated,
.ppatc .list_icon.updated	{background-color: #4BB089;}

.list_wrap .list_thumb	{position: relative;}
.list_wrap .list_thumb::after	{content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid #000; opacity: 0.1;}
.list_wrap .list_link	{display: inline-block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-indent: -9999px; z-index: 10;}

/* atc2 */
.ppmemo_atc	{position: relative; padding-left: 55px;}
.ppmemo_atc header	{position: absolute; left: 0; top: 0;}
.ppmemo_atc .list_icon.new	{position: absolute; left: -5px; top: 0; width: 15px; height: 15px; border-radius: 50%; text-align: center; z-index: 2;}
.ppmemo_atc .list_icon.new img	{margin-top: 1px; margin-left: 1px;}
.ppmemo_nickname	{margin-top: 2px; margin-left: -5px; width: 50px; line-height: 160%; text-align: center;}
.ppmemo_atc .ppatc_ctrl>div	{border: none; background-color: transparent;}
.ppmemo_atc .cmt_auth	{padding: 10px; margin: 5px 0 8px; background-color: rgba(255,255,255,0.5);}
.ppmemo_atc .cmt_auth i,
.ppmemo_atc .cmt_auth svg	{margin-right: 3px; opacity: 0.5;}

.ppmemo_body	{position: relative; padding: 10px 15px; background-color: #FFF;}
.ppmemo_body::before	{content: ''; position: absolute; right: 100%; top: 12px; border: 7px solid transparent;}
.ppmemo_body::after	{content: ''; position: absolute; right: 100%; top: 13px; border: 6px solid transparent; border-right: 6px solid #FFF;}
.ppmemo_body .xe_content a	{position: relative; z-index: 2;}
.my_atc>.ppmemo_body	{border: 1px solid #E8E8D3; background-color: #FFFFE9;}
.my_atc>.ppmemo_body::before	{border-right: 7px solid #d2d2b9;}
.my_atc>.ppmemo_body::after	{border-right: 6px solid #FFFFE9;}
.ppmemo_bottom	{margin-top: 6px; margin-bottom: 4px;}
.ppmemo_bottom .ppmemo_date	{position: relative; opacity: 0.5; z-index: 2;}
.ppmemo_date .pp_date	{margin-left: 2px;}
.ppmemo_date .pp_time	{margin-left: 15px;}
.ppmemo_bottom .pp_check	{position: relative; z-index: 2;}

.ppmemo_atc .ppcmt_write	{display: none; margin-top: 1px;}
.ppmemo_atc .ppcmt_write .memo_comment	{height: 40px; line-height: 40px;}
.ppmemo_atc textarea.memo_content:focus	{background-color: #FFF;}
.ppmemo_atc .ppcmt_write_unit .bt_color	{}

/* comment2 */
.ppcmt_memo .ppcmt_unit:last-of-type	{margin-bottom: 0;}
.ppcmt_memo .ppcmt_unit .pppf	{position: relative;}
.ppcmt_memo .ppmemo_body	{display: inline-block;}
.ppcmt_memo .parent	{margin-bottom: 5px;}
.ppcmt_memo .parent>span:not(.ppcmt_new)	{opacity: 0.5;}
.ppcmt_memo .ppcmt_secret	{padding: 0;}

/* atc */
.ppatc_notice	{position: relative;}
.ppatc_notice .notice_icon	{position: absolute; left: 0; top: 0; background-image: none; text-align: center;}
.ppatc_notice .notice_icon svg	{height: 20px; margin-top: 10px;}
.ppatc_notice_body	{min-height: 40px;}
.ppatc_notice_body.notice_color-yellow	{background-color: #FFFFE9; border: 1px solid #E8E8D3;}
.ppatc_notice_body.notice_color-cyan	{background-color: #F4FCFA; border: 1px solid #E4F4F1;}
.ppatc_notice_body.notice_color-lavender	{background-color: #FAF8FF; border: 1px solid #EAE5F5;}
.ppatc_notice_ctrl	{padding: 0 20px 15px; font-size: 13px;}
.ppatc_notice_ctrl a	{margin-right: 5px;}

.ppatc	{position: relative;}
.ppatc_cmt_num	{display: inline-block; position: absolute; left: -3px; top: 0; padding: 3px 5px; border-radius: 9px; background-color: #E25E5E; color: #FFF; font-size: 10px; line-height: 100%; z-index: 1;}
.ppatc_cmt_num .txt_en	{font-size: 10px; color: #FFF;}
.ppatc_header	{height: 40px; line-height: 40px; background-color: #FFF; font-size: 13px;}
.my_atc .ppatc_header	{background-color: #FFFFE9; border: 1px solid #E8E8D3;}
.ppatc_header>svg	{width: 16px; height: 16px; vertical-align: middle; margin-right: 2px;}
.ppatc_header .ppatc_ctg	{display: inline-block; position: relative; padding-left: 13px; color: #596476;}
.ppatc_header .ppatc_ctg::before	{content: ''; position: absolute; left: 5px; top: 50%; width: 1px; height: 10px; margin-top: -5px; background-color: rgba(0,0,0,0.2);}
.ppatc_header .ppatc_date	{margin-left: 10px; font-size: 12px;}
.ppatc_ctrl_wrap	{position: absolute; line-height: 100%; z-index: 2;}
.ppatc_ctrl_wrap .bt_ctrl	{display: inline-block; opacity: 0.3; vertical-align: middle;}
.ppatc_ctrl	{display: inline-block; width: 0; overflow: hidden; transition-property: width; vertical-align: middle;}
.ppatc_ctrl>div	{background-color: #FFFFE9; border: 1px solid #E8E8D3; border-radius: 2px; white-space: nowrap;}
.my_atc .ppatc_ctrl>div	{background-color: #FFF;}

.ppatc_body	{background-color: #FFF;}
.ppatc_tags	{margin-top: 20px;}
.ppatc_tags li	{display: inline-block; margin-right: 5px;}
.ppatc_tags a	{display: inline-block; padding: 4px 10px; border-radius: 12px; transition-property: background-color; transition-duration: 0.2s; transition-timing-function: ease-in;}

.ppatc_buttons	{margin-top: 20px; text-align: center;}
.ppatc_buttons>ul	{display: inline-block;}
.ppatc_buttons>ul>li	{display: inline-block; margin: 0 2.5px;}
.ppatc_buttons button	{display: inline-block; height: 28px; line-height: 28px; padding: 0 10px; border-radius: 2px; transition-property: background-color, color, border-color; transition-duration: 0.2s; transition-timing-function: ease-in; vertical-align: middle;}
.ppatc_buttons .bt_vote	{border: 1px solid #E25E5E; background-color: #FFF; color: #E25E5E;}
.ppatc_buttons .bt_vote.submitted	{background-color: #E25E5E; color: #FFF !important;}
.ppatc_buttons .voted_count,
.ppatc_buttons .declared_count	{margin-left: 10px;}
.ppatc_buttons .bt_blame	{border: 1px solid #666; background-color: #FFF; color: #666;}
.ppatc_buttons .bt_blame.submitted	{background-color: #666; color: #FFF !important;}

.ppatc_buttons.big_button button	{min-width: 65px; height: auto; padding: 10px 15px; border-width: 2px; border-radius: 5px;}
.ppatc_buttons.big_button button:hover	{border-width: 2px;}
.ppatc_buttons.big_button .voted_count,
.ppatc_buttons.big_button .declared_count	{display: block; margin-left: 0; margin-top: 8px;}

.ppatc_share .link_text	{display: inline-block; width: 65px;}
.ppatc_share .ppip	{width: calc(100% - 65px);}
.ppatc_share2	{margin-bottom: 10px; text-align: center;}
.ppatc_share2 a	{display: inline-block; width: 40px; height: 40px; margin: 0 5px 10px; overflow: hidden;}
.ppatc_share2 img	{width: 40px; height: 40px;}

.ppatc_sign	{}
.ppatc_sign .pppf	{vertical-align: middle; margin-right: 3px;}
.ppatc_sign .point_bar	{position: absolute; left: auto; right: 0; top: 5px; height: 20px; width: calc(100% - 130px); padding-left: 10px; border-radius: 10px; line-height: 20px; overflow: hidden;}
.ppatc_sign .current_point	{position: absolute; left: 0; top: 0; height: 20px; background-color: #D3D8F4;}
.ppatc_sign .module	{position: relative; z-index: 1;}
.ppatc_sign .point	{position: absolute; right: 10px;}

.ppatc .show_author_document	{display: none; margin: 0; background-color: transparent;}
.ppatc .show_author_document h2	{padding: 0; background-color: transparent; color: #333;}
.ppatc .show_author_document h2 i,
.ppatc .show_author_document h2 svg	{display: none;}
.ppatc .show_author_document ul	{border: none;}
.ppatc .show_author_document ul li	{margin-bottom: 5px;}
.ppatc .show_author_document ul li a	{height: auto;}
.ppatc .show_author_document ul li a:hover .title,
.ppatc .show_author_document .mark.popular,
.ppatc .show_author_document .mark.newest	{color: #333;}
.ppatc .show_author_document .mark.popular	{background-color: #D3D8F4;}
.ppatc .show_author_document .part	{display: inline-block; padding-top: 5px;}

.has_showContent::before	{content: ''; position: absolute; left: 50%; width: 1px; height: calc(100% + 25px); z-index: 1;}
.has_showContent .ppatc_sign	{padding-right: 15px;}
.has_showContent .ppatc_sign,
.has_showContent .show_author_document	{display: inline-block; width: 50%; box-sizing: border-box; vertical-align: top;}
.has_showContent .show_author_document h2	{box-sizing: border-box;}

.bt_who	{width: 250px; margin: 15px auto 15px; text-align: center; cursor: pointer;}
.bt_who:empty	{display: none;}
.bt_who .pppf	{vertical-align: middle; margin-right: 3px;}

.bt_who + .ppatc_who	{margin-top: 0;}
.ppatc_who	{display: none;}
.ppatc_who.show	{display: block;}
.ppatc_who ul	{text-align: center; font-size: 11px; line-height: 140%;}
.ppatc_who li	{display: inline-block; width: 55px; margin-bottom: 13px; vertical-align: top; word-break: break-all;}

.ppatc_youtube	{position: relative; height: 0; padding-bottom: 56.25%; margin-bottom: 15px;}
.ppatc_youtube iframe	{position: absolute; width: 100%; height: 100%;}

/* send message */
.send_msg .msg_form	{display: none;}
.send_msg.on .msg_form	{display: block;}
.send_msg input.ppip	{width: 100%; margin-bottom: 10px;}
.send_msg textarea.ppip	{width: 100%; height: 150px; padding: 7px 10px; line-height: 160%; resize: none;}
.send_msg .send_success	{text-align: center;}
.send_msg .inner i,
.send_msg .inner svg	{margin-bottom: 20px; font-size: 42px; color: #CCC;}
.navy_pop .send_msg .inner i,
.navy_pop .send_msg .inner svg	{color: #B4B9C1;}

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

/* comment */
.ppcmt_member_only	{text-align: center;}
.ppcmt_member_only a	{margin: 0 5px;}

.ppcmt	{margin-top: -1px;}
.ppcmt_list	{padding: 1px 20px 20px; background-color: #FFF;}
.ppcmt_unit	{position: relative;}
.ppcmt_unit .pppf	{position: absolute; left: 0; top: 0; z-index: 1;}

.ppcmt_header	{box-sizing: border-box; height: 30px;}
.my_cmt .ppcmt_header	{background-color: #FFFFE9; border: 1px solid #E8E8D3;}
.best_cmt .ppcmt_header	{background-color: #FFF4F4; border: 1px solid #F5E1E1;}
.best_cmt .ppcmt_unit .writer	{border: 1px solid #F5E1E1;}
.ppcmt_header .secret_icon	{height: 13px;}
.ppcmt_header .secret_icon svg	{width: 16px; vertical-align: middle; fill: #888;}
.ppcmt_unit .writer	{background-color: #FFF; margin-left: 3px;}
.ppcmt_header .ppcmt_date	{margin-left: 5px; opacity: 0.5;}
.ppcmt_header .ppcmt_date .pp_time	{top: 1px;}
.ppcmt_header .ppcmt_ip 	{margin-left: 5px; opacity: 0.5;}
.ppcmt_header .ppcmt_ip a:hover	{text-decoration: underline;}
.ppcmt_rank	{display: inline-block; padding: 2px 4px; margin: -1px 3px 0 -2px; border-radius: 2px; color: #FFF; z-index: 5;}
.ppcmt_rank1	{background-color: #D4AF37;}
.ppcmt_rank2	{background-color: #A9A9A9;}
.ppcmt_rank3	{background-color: #B08D55;}
.ppcmt_new	{display: inline-block; margin-left: 1x; width: 4px; height: 4px; border-radius: 2px; background-color: #E25E5E; vertical-align: top;}

.ppcmt_body .parent	{padding: 15px 15px 0; margin-bottom: -5px; color: #888;}
.ppcmt_body .parent.to_me	{text-decoration: underline;}
.ppcmt_body .parent i,
.ppcmt_body .parent svg	{color: #CCC;}
.ppcmt_body .xe_content	{padding: 12px 15px;}
.ppcmt_secret	{padding: 15px;}
.ppcmt_secret .ppcmt_guest	{margin-top: 10px;}

.ppcmt .best_cmt_txt	{display: inline-block; margin-right: 3px; background-color: #E25E5E; border-radius: 2px; text-transform: uppercase; color: #FFF;}
.ppcmt_buttons .bt_mono	{display: inline-block; margin-right: -1px; padding: 0 6px; line-height: 20px;}
.ppcmt_buttons .bt_mono:hover	{position: relative; z-index: 1;}
.ppcmt_vote i,
.ppcmt_vote svg	{margin-right: 3px;}
.pp_bd .ppcmt_vote .ppbt_vote	{color: #E25E5E;}
.ppcmt_vote .ppbt_vote.submitted	{border: 1px solid #E25E5E; background-color: #E25E5E;}
.ppcmt_vote .ppbt_vote.submitted,
.ppcmt_vote .ppbt_blame.submitted	{position: relative; color: #FFF !important; z-index: 2;}

.ppcmt_bottom:empty	{display: none;}
.ppcmt_prev,
.ppcmt_reload,
.ppcmt .page_line	{margin-top: 20px;}
.cmt_delete .instant_delete,
.ppcmt_prev,
.ppcmt_reload	{text-align: center;}

.ppcmt .paging	{margin-top: 15px; margin-bottom: -5px; text-align: right; font-size: 12px;}
.ppcmt .paging a	{display: inline-block; opacity: 0.5;}
.ppcmt .paging a.on,
.ppcmt .paging a:hover	{opacity: 1.0;}
.ppcmt .paging .bt_prev	{margin-right: 5px; font-size: 13px;}
.ppcmt .paging .bt_next	{margin-right: 0; margin-left: 5px;}

.deleted_cmt .ppcmt_body,
.deleted_cmt .pppf	{opacity: 0.5;}

/* comment bubble */
.ppcmt_bubble .ppcmt_list	{background-color: #f9f9f9;}
.ppcmt_bubble .ppcmt_unit	{margin-top: 20px; padding-left: 55px;}
.ppcmt_bubble .ppcmt_unit.no_profile	{padding-left: 0;}
.ppcmt_bubble .ppcmt_unit.reply	{margin-left: 55px;}
.ppcmt_bubble .ppcmt_body	{position: relative; background-color: #FFF; border-radius: 5px;}
.ppcmt_bubble .ppcmt_body::before	{content:''; position: absolute; right: 100%; top: 12px; width: 0; height: 0; border: 6px solid transparent;}
.ppcmt_bubble .ppcmt_body::after	{content:''; position: absolute; right: 100%; top: 13px; width: 0; height: 0; border: 5px solid transparent;}
.ppcmt_bubble .no_profile .ppcmt_body::before,
.ppcmt_bubble .no_profile .ppcmt_body::after	{content: none;}
.ppcmt_bubble .ppcmt_header	{margin: -1px -1px 0; padding: 10px 15px; height: auto; border-radius: 5px 5px 0 0;}
.ppcmt_bubble .ppcmt_buttons	{position: relative; padding: 0 15px 15px;}
.ppcmt_bubble .ppcmt_vote	{position: absolute; right: 16px; top: 0;}

.ppcmt_bubble .my_cmt .ppcmt_body::before	{border-right: 6px solid #E0E0CC;}
.ppcmt_bubble .my_cmt .ppcmt_body::after	{border-right: 5px solid #FFFFE9;}
.ppcmt_bubble .best_cmt .ppcmt_body::before	{border-right: 6px solid #EACDCD;}
.ppcmt_bubble .best_cmt .ppcmt_body::after	{border-right: 5px solid #FFF4F4;}

/* comment line */
.ppcmt_line .ppcmt_notice	{margin-bottom: 20px;}
.ppcmt_line .ppcmt_unit	{margin-top: 15px;}
.ppcmt_line .ppcmt_unit.reply	{margin-left: 30px;}
.ppcmt_line .ppcmt_header	{padding: 7px 0 0 38px;}
.ppcmt_line .no_profile .ppcmt_header	{padding-left: 10px;}
.ppcmt_line .ppcmt_body .parent	{padding: 0 0 10px 0; margin-top: -5px;}
.ppcmt_line .ppcmt_body .xe_content	{padding: 12px 0 0;}
.ppcmt_line .ppcmt_secret	{padding: 15px 0 0;}
.ppcmt_line .ppcmt_buttons	{display: none; float: right; white-space: nowrap;}
.ppcmt_line .ppcmt_dot	{display: inline-block; width: 1px; height: 8px; background-color: #333; margin: 2px 0 0 7px; opacity: 0.1;}

.ppcmt_line .ppcmt_prev,
.ppcmt_line .ppcmt_reload,
.ppcmt_line .ppcmt .page_line	{margin-top: 15px;}

/* comment basic */
.ppcmt_basic .ppcmt_list	{padding: 0;}
.ppcmt_basic .page_line	{margin-top: 0; height: 15px;}
.ppcmt_basic .ppcmt_unit:first-of-type	{margin-top: -1px;}
.ppcmt_basic .ppcmt_unit.best_cmt	{background-color: #FFF4F4; border-top: 1px solid #F5E1E1;}
.ppcmt_basic .ppcmt_unit.reply	{border-top: none; margin-right: 15px;}
.ppcmt_basic .pppf	{top: 15px; left: 15px}
.ppcmt_basic .ppcmt_header	{position: relative; height: auto; border: none; background-color: transparent;}
.ppcmt_basic .ppcmt_buttons	{position: relative; padding: 0 0 15px;}
.ppcmt_basic .ppcmt_vote	{position: absolute; right: 0; top: 0;}

/* comment write */
.ppcmt_not_permitted	{padding: 15px; margin-top: -1px; text-align: center;}
.ppmemo_atc .ppcmt_not_permitted	{border: none;}
.ppcmt_not_permitted i,
.ppcmt_not_permitted svg	{font-size: 16px; vertical-align: middle; margin: 0 3px 2px 0; color: #888;}

.bt_ppcmt_write	{position: relative; height: 38px; background-color: #FFF;}
.bt_ppcmt_write .textarea_dummy	{height: 38px; line-height: 38px; padding: 0 15px; background-color: #FFF; color: #AAA; cursor: text;}
.bt_ppcmt_write .button_dummy	{position: absolute; right: 0; top: 0; z-index: 1;}
.bt_ppcmt_write .button_dummy a	{display: inline-block; line-height: 38px; background-color: #FFF; cursor: pointer;color: #888;}

.ppcmt_write	{position: relative;}
.ppatc .ppcmt_write	{display: none;}
.ppcmt_write>.pppf	{position: absolute; left: 0; top: 0;  border-right: none;}
.ppcmt_write_input	{background-color: #FFF;}
.ppcmt_write_input textarea	{display: block; padding: 9px 15px; border: none; resize: none; overflow: hidden;}
.ppcmt_write_ex	{position: relative; padding-top: 10px; min-height: 32px;}
.ppcmt_write_ex .ppbt_area	{position: absolute; right: 0; top: 10px;}
.ppcmt_user_info,
.ppcmt_write_option	{display: inline-block; vertical-align: middle;}
.ppcmt_write_option .pp_check	{margin-right: 5px;}
.ppcmt_user_info .ppip	{width: 150px; margin-right: 5px;}

.ppcmt_write_re	{display: none; position: relative; margin-top: 10px;}
.ppcmt_write_re .ppcmt_form	{height: 0; overflow: hidden;}
.ppcmt_write_re .go_editor	{margin-left: 10px; vertical-align: middle;}
.ppcmt_write_re .go_editor i,
.ppcmt_write_re .go_editor svg	{font-size: 12px;}

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

.ppcmt_write_sp .ppcmt_unit	{margin-top: 0; margin-bottom: 20px;}
.ppcmt_write_sp.ppcmt_line .ppcmt_unit	{margin-bottom: 15px;}
.ppcmt_write_sp .ppcmt_write	{margin-top: 0;}

.ppcmt_write h3	{padding: 10px 15px;}
.ppcmt_write h3 i,
.ppcmt_write h3 svg	{font-size: 13px;}
.ppcmt_write_input.editor_ver	{padding: 10px 10px 0;}

.ppcmt_write_sp.ppcmt_basic .ppcmt_unit	{margin-bottom: 0;}
.ppcmt_write_sp.ppcmt_basic .ppcmt_body	{padding: 15px 0 0 55px;}
.ppcmt_write_sp.ppcmt_basic .pppf	{left: 0;}

/* memo write */
.checked_input	{position: absolute; left: -9999px;}
.bt_ppmemo_write	{position: relative;}
.bt_ppmemo_write .pppf	{position: absolute; left: 0; top: 0;}
.bt_ppmemo_write .textarea_dummy	{display: inline-block; background-color: #FFF; cursor: text; width: 100%; padding: 0 15px; box-sizing: border-box; line-height: 38px; color: #888;}
.bt_ppmemo_write .bt_editor	{display: inline-block; position: absolute; right: 1px; top: 1px; line-height: 38px; background-color: #FFF; cursor: pointer; color: #888; z-index: 1;}
.memo_write_tags	{margin-top: 10px;}
.memo_write_tags .ppip	{width: 100%;}

.ppmemo_form	{display: none; position: relative;}
.ppmemo_write2 .ppmemo_form	{display: block;}
.ppmemo_form .pppf	{position: absolute; left: 0; top: 0;}
.ppmemo_form .ppcmt_write_input textarea	{padding: 9px 15px;}

/* memo write2 */
textarea.memo_content	{padding: 9px 15px; height: 40px; line-height: 160% !important; resize: none !important; background-color: #FFF; overflow: hidden;}
.ppbd_write textarea.memo_content	{height: 160px; overflow: auto;}
.ppcmt_write_re2 .ppcmt_write_input textarea	{height: 40px;}

/* write */
.ppwrite_ex .pp_check + label	{display: inline-block; vertical-align: middle;}

/* bd message */
.ppbd_message	{margin: 0 auto; padding: 25px 0; background-color: #FFF; text-align: center;}
.ppbd_message h3	{margin-bottom: 25px;}
.ppbd_message .ppip	{margin-bottom: 25px;}

/* pp message */
.pp_message .message_target	{color: #888;}

.navy_pop .pp_message	{background-color: #596476; color: #FFF;}
.navy_pop .pp_message h3	{border-bottom: 1px solid #636D7E;}
.navy_pop .pp_message .message_target	{color: #FFF; opacity: 0.7;}
.navy_pop .pp_message .ppbt_area .ppbt	{margin: 0 5px; background-color: #697383; border: 1px solid #88909C; color: #FFF;}
.navy_pop .pp_message .pp_check>span	{background-color: transparent; border: 1px solid #88909C;}
.navy_pop .pp_message .ppip	{background-color: transparent; border: 1px solid #727B8A; color: #FFF;}
.navy_pop .pp_message .ppip:focus	{background-color: #697383 !important; border: 1px solid #B4B9C1;}
.navy_pop .pp_message .ppip::placeholder	{color: #B4B9C1;}

/* pp check */
.pp_check	{display: inline-block; position: relative; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer; vertical-align: middle;}
.pp_check input	{position: absolute; opacity: 0; left: -9999px;}
.pp_check>span	{display: inline-block; width: 16px; height: 16px; line-height: 16px; margin-right: 5px; border-radius: 3px; background-color: #FFF; text-align: center; -webkit-transition-duration: .4s; -webkit-transition-property: background-color;}
.pp_check input + span>span	{opacity: 0;}
.pp_check input:checked	 + span	{background-color: #4BB089; border: 1px solid #4BB089;}
.pp_check input:checked + span>span	{opacity: 1; color: #FFF;}
.pp_radio span	{border-radius: 50% !important;}

/* sk ctn */
.sk_ctn	{display: none;}
.sk_ctn	.sk_ctn_inner {position: fixed; left: 0; top: 0; width: 100%; height: 100%; padding: 0 30px; box-sizing: border-box; background-color: rgba(0,0,0,0.9); z-index: 99; overflow: auto; -webkit-overflow-scrolling: touch; color: #FFF;}
.sk_ctn .message	{display: none;}
.sk_ctn section:first-of-type,
.sk_ctn h1	{display: none; margin: 0;}
.sk_ctn section:last-of-type	{}
.pp_bd .sk_ctn section h2	{margin-bottom: 30px; padding: 20px 0; border: 1px solid #555; font-weight: normal; text-align: center; font-size: 18px; letter-spacing: 0.15em; font-family: 'IropkeBatangM', 'IropkeBatangOTFM', 'NanumMyeongjo', 'Batang', serif; cursor: pointer;}
.sk_ctn .x_control-group	{display: none; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed rgba(255, 255, 255, 0.1)}
.sk_ctn .x_control-label	{letter-spacing: 0.15em;}
.sk_ctn .x_controls	{margin-top: 15px; overflow: hidden;}
.sk_ctn .x_controls label	{margin-right: 10px; line-height: 180%;}
.sk_ctn .pp_check>span	{background-color: rgba(255, 255, 255, 0.1); border: 1px solid #555;}
.sk_ctn .x_controls textarea,
.sk_ctn .x_controls input[type=text],
.sk_ctn .x_controls input[type=file]	{position: relative; display: block; width: 100%; padding: 10px; box-sizing: border-box; border: 1px solid rgba(255,255,255,0.3); background-color: rgba(255,255,255,0.1); line-height: 140%; color: #FFF; z-index: 1;}
.sk_ctn .x_controls textarea:focus,
.sk_ctn .x_controls input[type=text]:focus	{border: 1px solid rgba(255,255,255,1.0);}
.sk_ctn .x_icon-question-sign	{display: none;}
.sk_ctn .x_help-block	{display: block; margin-top: 10px; font-size: 12px; opacity: 0.5;}
.sk_ctn .bt_area	{padding-bottom: 60px; text-align: center;}
.sk_ctn .ppbt	{margin: 0 10px; width: 80px; background-color: transparent !important; border: 1px solid #555 !important;}
.sk_ctn .ppbt i,
.sk_ctn .ppbt svg	{color: #CCC}

.ac_mobile .x_control-group	{display: none;}

/* clearfix */
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
 
.clearfix:after {
    clear: both;
}

.sk_ctn	{display: none;}

/* forest green */
.forest_green .pp_bd .bt_color	{border: 1px solid #3f956b; background-color: #69b395; color: #FFF;}

.forest_green .pp_bd .pnt_col,
.forest_green .paging .bt_prev.active:hover,
.forest_green .ppatc_buttons .bt_vote,
.forest_green .pp_bd .ppcmt_vote .ppbt_vote	{color: #f189a9;}
.forest_green .list_wrap .list_icon.new,
.forest_green .ppatc .list_icon.new,
.forest_green .ld>ul>li.now_reading::after,
.forest_green .ppatc_buttons .bt_vote.submitted,
.forest_green .ppcmt_new,
.forest_green .ppcmt .best_cmt_txt,
.forest_green .ppcmt_vote .ppbt_vote.submitted	{background-color: #f189a9;}
.forest_green .ppatc_buttons .bt_vote,
.forest_green .ppcmt_vote .ppbt_vote.submitted	{border: 1px solid #f189a9;}

.forest_green .ppatc_buttons .bt_blame	{border: 1px solid #666; color: #666;}
.forest_green .ppatc_buttons .bt_blame.submitted	{background-color: #666;}

.forest_green .ppatc_sign .current_point	{background-color: #D0E0FF;}
.forest_green .ppatc .show_author_document .mark.popular	{background-color: #D0E0FF;}

/* ginger blue */
.sweet_ginger .pp_bd .bt_color	{border: 1px solid #7389bf; background-color: #8a9dca; color: #FFF;}

.ppatc_buttons .bt_blame	{border: 1px solid #666; color: #666;}
.ppatc_buttons .bt_blame.submitted	{background-color: #666;}

.sweet_ginger .ppatc_sign .current_point,
.sweet_ginger .ppatc .show_author_document ul li a .mark.popular	{background-color: #D0EFE4;}