@charset "utf-8";

/* 2020-05-23 */
.bd_tb_lst .author span span { display:inline; }
.bd_tl{ margin-bottom:4px; *padding-bottom:4px; }
.c_content .elkhazisik span,
.ELKHA_HIT { position:relative; padding:3px 3px 2px; background-color:#08b; color:#fff; font-weight:bold; font-size:11px; z-index:1; }
.ELKHA_HOT { background-color:#d50; }
@media screen and (max-width:533px){
	.ELKHA_QNA_BEFORE:before,
	.ELKHA_HIT_BEFORE:before { content:"POP"; position:relative; padding:3px 3px 2px; margin-right:2px; /*border:1px solid #2671D6; border-left:0; border-right:0; */background-color:#08b; color:#fff; font-size:11px; font-weight:bold; z-index:1; }
	.ELKHA_HOT_BEFORE:before { content:"HOT"; position:relative; padding:3px 3px 2px; margin-right:2px; /*border:1px solid #2671D6; border-left:0; border-right:0; */background-color:#d50; color:#fff; font-size:11px; font-weight:bold; z-index:1; }
	.ELKHA_QNA_BEFORE:before { content:"채택"; }
	.ELKHA_NAN_BEFORE:before { content:"나눔"; }
}
	.ELKHA_QNA_BEFORE_NO_NO,
	.ELKHA_HIT_BEFORE_NO_NO,
	.ELKHA_HOT_BEFORE_NO_NO,
	.ELKHA_NAN_BEFORE_NO_NO { padding-left:0 !important; }
	.ELKHA_QNA_BEFORE_NO_NO:before,
	.ELKHA_HIT_BEFORE_NO_NO:before { content:"POP"; position:relative; padding:3px 3px 2px; margin-right:2px; /*border:1px solid #2671D6; border-left:0; border-right:0; */background-color:#08b; color:#fff; font-size:11px; font-weight:bold; z-index:1; }
	.ELKHA_HOT_BEFORE_NO_NO:before { content:"HOT"; position:relative; padding:3px 3px 2px; margin-right:2px; /*border:1px solid #2671D6; border-left:0; border-right:0; */background-color:#d50; color:#fff; font-size:11px; font-weight:bold; z-index:1; }
	.ELKHA_QNA_BEFORE_NO_NO:before { content:"채택"; }
	.ELKHA_NAN_BEFORE_NO_NO:before { content:"나눔"; }

	.title_no_break.ELKHA_QNA_BEFORE_NO_NO:before,
	.title_no_break.ELKHA_NAN_BEFORE_NO_NO:before,
	.title_no_break.ELKHA_HOT_BEFORE_NO_NO:before,
	.title_no_break.ELKHA_HIT_BEFORE_NO_NO:before { margin-left:12px; }


.PP .pp_list_common table tr.notice:has(.ELKHA_HOT_BEFORE, .ELKHA_HOT_BEFORE_NO_NO) { border-left:1px solid #d50; border-right:1px solid #d50; }
.PP .pp_list_common table tr.notice:has(.ELKHA_HOT_BEFORE, .ELKHA_HOT_BEFORE_NO_NO) td { border-top-color:rgba(221, 85, 0, .25); background-color:#faede4; }
.PP .pp_list_common table tr:not(tr.notice:has(.ELKHA_HOT_BEFORE, .ELKHA_HOT_BEFORE_NO_NO)) + tr.notice:has(.ELKHA_HOT_BEFORE, .ELKHA_HOT_BEFORE_NO_NO) td,
.PP .pp_list_common table tr.notice:has(.ELKHA_HOT_BEFORE, .ELKHA_HOT_BEFORE_NO_NO) + tr:not(tr.notice:has(.ELKHA_HOT_BEFORE, .ELKHA_HOT_BEFORE_NO_NO)) td { border-top-color:#d50; }
.PP .pp_list_common table tr.notice:has(.ELKHA_HOT_BEFORE, .ELKHA_HOT_BEFORE_NO_NO):last-child { border-bottom:1px solid #d50; }

.PP .pp_list_common table tr.notice:has(.ELKHA_HIT_BEFORE, .ELKHA_HIT_BEFORE_NO_NO) { border-left:1px solid #08b; border-right:1px solid #08b; }
.PP .pp_list_common table tr.notice:has(.ELKHA_HIT_BEFORE, .ELKHA_HIT_BEFORE_NO_NO) td { border-top-color:rgba(0, 136, 187, .25); background-color:#e7eff8; }
.PP .pp_list_common table tr:not(tr.notice:has(.ELKHA_HIT_BEFORE, .ELKHA_HIT_BEFORE_NO_NO)) + tr.notice:has(.ELKHA_HIT_BEFORE, .ELKHA_HIT_BEFORE_NO_NO) td,
.PP .pp_list_common table tr.notice:has(.ELKHA_HIT_BEFORE, .ELKHA_HIT_BEFORE_NO_NO) + tr:not(tr.notice:has(.ELKHA_HIT_BEFORE, .ELKHA_HIT_BEFORE_NO_NO)) td { border-top-color:#08b; }
.PP .pp_list_common table tr.notice:has(.ELKHA_HIT_BEFORE, .ELKHA_HIT_BEFORE_NO_NO):last-child { border-bottom:1px solid #08b; }

.bd_pg { padding:10px 0; } /* 광고 */
.fdb_lst_wrp { margin-bottom:0; }
/*.g-recaptcha { display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6); color:#343434; font-weight:bold; z-index:1001; }
.g-recaptcha_children { position:absolute; top:50%; right:50%; margin:-82px -72px 0 0; }*/
.resize_video { position:relative; padding-bottom:56.25% !important; height:0; overflow:hidden; }
.resize_video iframe, .resize_video object, .resize_video embed { position:absolute; top:0; left:0; width:100%; height:100%; }

.c_content .elkhazisik { float:left; margin-right:5px; }
.c_content .elkhazisik span { color:#fff; font-size:12px; font-weight:bold; vertical-align:middle; }

.bd_tb_lst td.title { position:relative; }
.bd_tb_lst td.title .tooltip { display:none; position:absolute; left:10px; bottom:100%; max-width:80%; margin:0 0 -10px; text-overflow:ellipsis; overflow:hidden; padding:4px 5px 2px; white-space:nowrap; background:#fdf6cb; border: 1px solid #cd932d; color:#784f31; z-index:30; }
.bd_tb_lst td.title:hover .tooltip { display:block; }
/*.bd_tb_lst td.title:not(tr.notice:has(.search-comment.highlight)):after { display:inline-block; content:" "; }*/
@media screen and (max-width: 400px) {
	.bd_tb_lst .author span { display:block; max-width:80px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
}
.bd_tb_lst .title_no_break a { vertical-align:middle; }
.bd_tb_lst .title_no_break .browser_title,
.bd_tb_lst .cate .browser_title { display:inline-block; overflow:hidden; text-overflow:ellipsis; vertical-align:middle; max-width:80px; font-size:11px; color:#aaa; }


.PP { position:relative; }
.PP:after { display:block; clear:both; content:""; }
.PP .search_keyword_bg_yellow { font-weight:bold; color:#f20; }
.PP.viewer { max-width:742px; margin:15px auto; padding:15px; border:1px solid #ccc; background:#fff; box-shadow:0 4px 48px rgb(150 150 150 / 50%); }
.PP .read_use_k { color:#f20; }
.PP .xe_content a { text-decoration:none; }
.PP .xe_content a:hover,
.PP .xe_content a:focus { text-decoration:underline; }
.PP .xe_content a:hover *,
.PP .xe_content a:focus * { text-decoration:inherit; }
.PP .btn_elkha { opacity:.85; font-size:12px; line-height:14px; display:inline-block; vertical-align:middle; padding:3px 6px; border:1px solid #aaa; color:#666; border-top-color:#bbb; border-bottom-color:#888; border-radius:3px; cursor:pointer; box-shadow:0 1px 1px rgba(0,0,0,.1); text-decoration:none;
background-color: #FFFFFF;
background-image: linear-gradient(to bottom, #FFFFFF, #f6f6f6);
}
.PP .btn_elkha.on { opacity:1; font-weight:bold; }
.PP .btn_elkha.icon:before,
.PP .btn_elkha.check:before { content:""; display:inline-block; width:12px; height:12px; margin-right:4px; vertical-align:middle; background:url(img/check.png) no-repeat 50% 50%; background-size:100% 100%; }
.PP .btn_elkha.pen:before { background-image:url(img/pen.png); }
.PP .btn_elkha.search:before { background-image:url(img/search_0.png); }
.PP .btn_elkha.list:before { background-image:url(img/list-ordered.png); }
.PP .btn_elkha.cancel:before { background-image:url(img/cancel.png); }
.PP .btn_elkha.vote:before { background-image:url(img/star.png); }
.PP .btn_elkha.refresh:before { background-image:url(img/3D-Z-Axis-Rotation.png); }
.PP .btn_elkha.dice:before { background-image:url(img/dice_3.png); }
.PP .btn_elkha.bookmark:before { background-image:url(img/bookmark.png); }
.PP .btn_elkha:hover,
.PP .btn_elkha:focus { opacity:1; color:#444; box-shadow:0 0 2px #aaa; }
.PP .btn_elkha[disabled] { opacity:.7; }
.PP .pp_header { position:relative; margin-top:15px; }
.PP .pp_header-top { margin-top:0; padding-top:0; }
.PP.m .pp_header-top { padding-top:10px; }
.PP .pp_header .board_title { position:relative; margin:0; padding:0; border-bottom:2px solid #444; }
.PP .pp_header .board_title .hx { float:left; margin:0; padding:2px 0 0 5px; height:22px; font-size:14px; }
.PP.m .pp_header .board_title .hx { padding-left:0; }
.PP .pp_header-list .board_title { margin:0 0 10px; border-bottom-color:#eee; }
.PP .pp_header .board_title .a { position:relative; float:left; }
.PP .pp_header-list .board_title .a:before { position:absolute; left:-5px; bottom:-6px; width:100%; padding:0 5px; height:2px; content:""; }
.PP .pp_header .board_title:after { display:block; clear:both; content:""; }
.PP .pp_header .board_title a { text-decoration:none; }
.PP .pp_header .board_title a:hover,
.PP .pp_header .board_title a:focus { text-decoration:underline; color:#f20; }
.PP .pp_header .board_title .a:hover,
.PP .pp_header .board_title .a:focus { text-decoration:none; }
.PP .pp_header .board_title .a:hover:before,
.PP .pp_header .board_title .a:focus:before { background-color:#f20; }
.PP .pp_header .board_title .sub { position:absolute; left:100%; bottom:0; padding-left:3px; font-size:12px; }
.PP .pp_header .board_title .category { margin:0; padding:0; vertical-align:middle; font-size:12px; }

.PP .pp_header .pp_config { position:relative; float:left; padding:0 0 0 5px; height:24px; color:#111; }
.PP .pp_header .pp_config .a { display:inline-block; margin-right:3px; }
.PP .pp_header .pp_config a { color:#666; text-decoration:none; }
.PP .pp_header .pp_config a:hover,
.PP .pp_header .pp_config a:focus { text-decoration:underline; }
.PP .pp_header .pp_config .on { font-weight:bold; color:#f20; }
.PP .pp_header .pp_config .config-btn-wrap { float:left; position:relative; }
.PP .pp_header .pp_config .config-btn { float:left; position:relative; width:24px; height:24px; overflow:hidden; background-repeat:no-repeat; background-position:50% 50%; background-size:16px 16px; opacity:.5; }
.PP .pp_header .pp_config .config-btn.dark_mode { background-image:url(img/moon.png); }
.PP .pp_header .pp_config .config-btn.scrap { background-image:url(img/scrap.png); }
.PP .pp_header .pp_config .config-btn.settings { background-image:url(img/settings.png); }
.PP .pp_header .pp_config .config-on,
.PP .pp_header .pp_config .config-btn:hover { opacity:.9;}
.PP .pp_header .pp_config .config-btn button { position:absolute; margin:0; padding:0; width:100%; height:100%; border:0; background:none; text-align:left; font-size:0; line-height:0; text-indent:-200px; }
.PP .pp_header .pp_config .config-btn:has([disabled]) { opacity:.25; }
.PP .pp_header .pp_config .config-layer { display:none; position:absolute; left:50%; top:100%; background:#fff; border:1px solid #ccc; z-index:50; text-align:left; }
.PP .pp_header .pp_config .config-layer * { margin:0; padding:0; white-space:nowrap; vertical-align:middle; }
.PP .pp_header .pp_config .config-layer .div { display:block; margin:10px; }
.PP .pp_header .pp_config .config-btn-wrap:hover .config-layer,
.PP .pp_header .pp_config .config-btn-wrap:focus-within .config-layer,
.PP .pp_header .pp_config .config-btn-wrap:has(:focus) .config-layer { display:block; }

.PP .pp_header .intro { margin:15px; padding:0 15px; border:1px solid #ddd; background:#fafafa url(img/intro.gif) no-repeat 100% 100%; font-size:12px; color:#666; line-height:130%; }
.PP .pp_header .intro p { margin:10px 0; }
.PP .pp_header .intro a { color:#444; }
.PP .pp_header .intro a:hover,
.PP .pp_header .intro a:focus { text-decoration:none; color:#f20; }
.PP .pp_header .intro form { margin:10px 0; }
.PP .pp_header .intro form * { vertical-align:middle; }
.PP .pp_header .intro .iText { margin:0; width:180px; padding:2px 3px; border:1px solid #aaa; color:#666; border-top-color:#888; border-bottom-color:#bbb; }
.PP .pp_header .intro select:hover,
.PP .pp_header .intro select:focus,
.PP .pp_header .intro .iText:hover,
.PP .pp_header .intro .iText:focus { color:#444; outline:1px solid #888; }

.PP .pp_category { margin-top:-5px; }
.PP .pp_category .ul1 { margin:5px; padding:0; }
.PP .pp_category .li1 { position:relative; display:inline-block; margin:5px 0; padding:0 10px; list-style:none; white-space:nowrap; }
.PP .pp_category .li1:before { position:absolute; left:0; top:30%; vertical-align:middle; content:""; width:1px; height:60%; background:#777; }
.PP .pp_category a { position:relative; z-index:30; display:inline-block; vertical-align:middle; color:#777; text-decoration:none; font-size:12px; white-space:nowrap; }
.PP .pp_category a:hover,
.PP .pp_category a:focus,
.PP .pp_category a:hover span,
.PP .pp_category a:focus span { text-decoration:underline; color:#f20; }
.PP .pp_category .all { padding-left:0; }
.PP .pp_category .all:before { display:none; }
.PP .pp_category span { position:relative; display:inline-block; }
.PP .pp_category .li1:has(ul) .a1 span:before { }
.PP .pp_category .li1:has(ul) .a1 span:after { display:inline-block; margin:0 0 0 5px; width:0; height:0; overflow:hidden; content:""; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid; vertical-align:middle; }

.PP .pp_category li ul { display:none; }
.PP .pp_category li:hover ul { display:block; }

.PP .pp_category .li1:hover:has(ul):after,
.PP .pp_category .ul2 { position:absolute; left:0; min-width:100%; border:1px solid #777; background:#fff; z-index:10; }
.PP .pp_category .ul2 { top:100%; margin:5px 0 0; padding:0; list-style:none; z-index:20; }
.PP .pp_category .li1:hover:has(ul):after { content:""; height:100%; top:-5px; padding:5px 0; border-bottom:0; }
.PP .pp_category .ul2 li { margin:0 10px; padding:5px 0 7px; list-style:none; border-bottom:1px dashed #ddd; }
.PP .pp_category .ul2 li:last-child { border:0; }

.PP .pp_category li.on1 .a1,
.PP .pp_category li.on2 .a2 { font-weight:bold; font-size:12px; }

.PP .pp_left { position:relative; }
.PP .pp_list { margin:0 0 10px; color:#666; }
.PP .pp_list a { /* color:#444; */text-decoration:none; }
.PP .pp_list .select a.hx,
.PP .pp_list a:hover,
.PP .pp_list a:focus { color:#f20; text-decoration:underline; }
.PP .pp_list .select a.hx *,
.PP .pp_list a:hover *,
.PP .pp_list a:focus * { text-decoration:inherit; }
.PP .pp_list .replyNum { display:inline-block; font:bold 11px Tahoma; }
.PP .pp_list input.iCheck { margin:0; vertical-align:middle; }
.PP .pp_list .search-comment { }
.PP .pp_list .search-comment:before { content:"- "; }
.PP .no_documents { margin:15px; text-align:center; }
.PP .pp_list_common table { width:100%; border-top:2px solid #444; border-bottom:1px solid #ddd; border-collapse:collapse; white-space:nowrap; }
.PP .pp_list_common table thead th { padding:8px 7px; border-bottom:1px solid #888; text-align:center; }
.PP .pp_list_common table thead th.on a:after { display:inline-block; border:4px solid transparent; vertical-align:middle; margin:2px 0 0 3px; content:""; }
.PP .pp_list_common table thead th.on.asc a:after { margin-top:-5px; border-top-color:transparent !important; content:""; }
.PP .pp_list_common table tbody td { position:relative; padding:10px 7px; border-top:1px solid #ddd; }
/*.PP .pp_list_common table tbody td:before { position:absolute; left:0; top:0; bottom:0; right:0; z-index:-30; content:""; }*/
.PP .pp_list_common table tbody td.author { overflow:hidden; max-width:100px; text-overflow:ellipsis; }
.PP .pp_list_common table tbody tr /*td:before*/ { background-color:rgba(127,127,127, .07); }
.PP .pp_list_common table tbody tr:nth-child(odd) /*td:before*/ { background-color:transparent; }
.PP .pp_list_common table tbody tr.notice /*td:before*/ { background-color:rgba(127,127,127, .1); }
.PP .pp_list_common table .title { width:100%; white-space:normal; }
.PP .pp_list_common table .title_no_break { max-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.PP .pp_list_common table.no_no tr.select .title .hx:before { content:"> "; }
.PP .pp_list_common table tbody tr:hover /*td:before*/ { background-color:rgba(127,127,127, .1); }
.PP .pp_list_common table tbody tr:hover td { /*border-top:1px solid #ccc; border-bottom:1px solid #ccc; */}
.PP .pp_list_common table tbody tr.select /*td:before*/ { background-color:rgba(127,127,127, .14); }
.PP .pp_list_common table tbody tr.select td { /*border-top:1px solid #bbb; border-bottom:1px solid #bbb; */}
.PP .pp_list_common table tbody tr.select:hover /*td:before*/ { background-color:rgba(127,127,127, .18); }
.PP .pp_list_common table .no,
.PP .pp_list_common table .cate,
.PP .pp_list_common table .time,
.PP .pp_list_common table .m_no { vertical-align:middle; text-align:center; }
.PP .pp_list_common table td.no,
.PP .pp_list_common table td.cate,
.PP .pp_list_common table td.time,
.PP .pp_list_common table td.m_no { font-size:11px; }
.PP .pp_list_common table .search-comment { margin-top:5px; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.PP .pp_list_common table .search-comment .highlight { }
.PP .pp_list .title { font-size:13px; }
.PP .pp_list .extraimages img { vertical-align:middle; }
.PP .pp_list .attached_image{display:inline-block;width:12px;height:11px;background:url(../../../document/tpl/icons/image.gif);vertical-align:middle;*display:inline;*zoom:1}
.PP .pp_rd_end hr { display:none; }

.PP .pp_mobile { border-top:2px solid #444; padding:0; list-style:none; }
.PP .pp_list_mobile li.li-doc { padding:10px 15px; border-bottom:1px solid #ddd; }
.PP .pp_list_mobile li.li-doc.notice { background:url(img/e7e7e7.gif); }
.PP .pp_mobile li.select { background:rgba(127,127,127,.085); }
.PP .pp_list_mobile li.li-doc h3 { margin:0 0 5px; padding:2px; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.PP.webzine .pp_list_mobile li.li-doc h3 { white-space:normal; }
.PP .pp_list_mobile li.li-doc.notice h3:before { display:inline-block; vertical-align:middle; width:14px; height:14px; overflow:hidden; content:""; background:url(img/pin.png) no-repeat 50% 50%; background-size:100% 100%; opacity:.7; }
.PP.list .pp_list_mobile li.li-doc h3 { font-weight:normal; }
.PP .pp_mobile li.li-doc.select h3.hx { font-weight:bold; }
.PP .pp_mobile li.li-doc.select h3.hx:before { content:"> "; }
.PP .pp_mobile li.li-doc .info { color:#999; font-size:11px; }
.PP.blog .pp_mobile li.li-doc .info .blog-content { color:#555; padding:10px 0; max-height:300px; overflow:hidden; }
.PP.blog .pp_mobile li.li-doc .info .blog-content .xe_content:after { display:block; clear:both; content:""; }
.PP.blog .pp_mobile li.li-doc .info .xe_content * { margin:revert; padding:revert; }
.PP.blog .pp_mobile li.li-doc .info .xe_content > :first-child,
.PP.blog .pp_mobile li.li-doc .info .xe_content > :first-child :first-child { margin-top:0; padding-top:0; }
.PP.blog .pp_mobile li.li-doc .info .xe_content > :last-child,
.PP.blog .pp_mobile li.li-doc .info .xe_content > :last-child :last-child { margin-bottom:0; padding-bottom:0; }
.PP .pp_mobile a { color:#444; }
.PP .pp_mobile li.li-doc .summary { margin:5px 0; }
.PP .pp_mobile li.li-doc .summary p { margin:0; }
.PP .pp_gallery_mobile { text-align:center; }
.PP .pp_gallery_mobile li.li-doc { position:relative; display:inline-block; padding:10px; vertical-align:top; }
.PP .pp_gallery_mobile li.li-doc.select { padding:8px; border:1px solid rgba(165,165,165,.7); }
.PP .pp_gallery_mobile li.li-doc .rt_area { position:relative; }
.PP .pp_mobile li.li-doc .tmb_wrp { display:block; }
.PP .pp_mobile li.li-doc .tmb_wrp .img { display:block; background-repeat:no-repeat; background-position:50% 50%; }
/*.PP .pp_mobile li.li-doc.select .rt_area .tmb_wrp .img,
.PP .pp_mobile li.li-doc .rt_area:hover .tmb_wrp .img { border-color:#bbb; }*/
.PP .pp_mobile li.li-doc .tmb_wrp span { position:relative; }
.PP .pp_list li.li-doc .tmb_wrp span.q:after { position:absolute; left:0; top:0; width:100%; height:100%; content:""; background:url(img/help.png) no-repeat 50% 50%; background-size:50px 50px; opacity:.3; }
.PP .pp_list li.notice .tmb_wrp span.q:after { background-image:url(img/notice.png); }
.PP .pp_gallery_mobile li.li-doc h3.hx { margin:3px auto 0; padding:0; word-break:break-all; text-align:center; font-size:13px; }
.PP .pp_gallery_mobile li.li-doc h3.hx .hx:before { position:absolute; top:0; left:0; width:100%; content:""; }
.PP .pp_gallery_mobile li.li-doc .extraimages { }

.PP.pc.blog .pp_list_mobile { display:flex; flex-wrap:wrap; border-bottom:1px solid #ddd; }
/*.PP.pc.blog .pp_list_mobile li.notice { clear:both; border-top:1px solid #ddd; border-bottom:0; }*/
.PP.pc.blog .pp_list_mobile li.li-doc { display:flex; box-sizing:border-box; width:50%; border-top:1px solid #ddd; border-bottom:0; text-overflow:ellipsis; }
.PP.pc.blog .pp_list_mobile li.li-doc > * { flex-grow:1; }
.PP.pc.blog .pp_list_mobile li.li-doc h3 { white-space:normal; }
.PP.blog .pp_list_mobile li.li-doc .tmb_wrp,
.PP.webzine .pp_list_mobile li.li-doc .tmb_wrp { float:left; display:inline; margin:0 10px 0 0; }
.PP.blog .pp_list_mobile li.li-doc:after,
.PP.webzine .pp_list_mobile li.li-doc:after { display:block; clear:both; content:""; }

.PP .pp_mobile li.li-doc .tmb_wrp { padding:1px; border:1px solid rgba(127,127,127,.25); }
.PP.blog .pp_mobile li.li-doc .tmb_wrp:has(.img:hover),
.PP:not(.blog) .pp_mobile li.li-doc:has(.hx:hover, .tmb_wrp a:hover) .tmb_wrp { border-color:rgba(127,127,127,.75); }
.PP:not(.blog) .pp_mobile li.li-doc:has(.hx:hover, .tmb_wrp a:hover) .tmb_wrp span { background-color:rgba(127,127,127,.1); }

.PP .pp_mobile .info > * { vertical-align:middle; }
.PP .pp_mobile .info * * { vertical-align:unset; }
.PP .pp_mobile .info .label { display:none; }
.PP .pp_mobile .info .icon { position:relative; display:inline-block; vertical-align:middle; }
.PP .pp_mobile .info .icon:before { display:inline-block; width:14px; height:14px; margin:0 2px 0 0; overflow:hidden; background:url(img/time.png) no-repeat 50% 50%; background-size:14px 14px; opacity:.5; content:""; vertical-align:middle; }
.PP .pp_mobile .info .cate:before { background-image:url(img/list-ordered.png); }
.PP .pp_mobile .info .writer:before { background-image:url(img/pen.png); }
.PP .pp_mobile .info .comments:before { background-image:url(img/chat-alt-2.png); }
.PP .pp_mobile .info .view:before { background-image:url(img/view.png); }
.PP .pp_mobile .info .voted:before { background-image:url(img/star.png); }
.PP .pp_mobile .info .icon strong { font-weight:normal; }
.PP .pp_mobile .info .icon:hover .label,
.PP .pp_mobile .info .icon:focus .label { position:absolute; display:block; left:0; top:100%; padding:4px 5px 2px; white-space:nowrap; background:#fdf6cb; border:1px solid #cd932d; color:#784f31; z-index:30;  }
.PP .pp_mobile .info .icon:hover .label,
.PP .pp_mobile .info .icon:focus .label { text-decoration:none; }

/* 글 목록에서 제목 옆 아이콘 | 2022-04-27 */
.PP .pp_mobile li .title_prepend,
.PP .pp_list_common table .title .title_prepend { display:inline-block; position:relative; vertical-align:middle; padding:3px 5px; background:#888; color:#fff; font-weight:bold; font-size:11px; font-family:inherit; border-radius:10px; }
.PP .pp_mobile li .title_prepend .title_prepend-label,
.PP .pp_list_common table .title .title_prepend .title_prepend-label { display:none; position:absolute; top:-2px; left:100%; padding:4px 5px 2px; white-space:nowrap; background:#fdf6cb; border:1px solid #cd932d; color:#784f31; font-weight:normal; z-index:30; }
.PP .pp_mobile li .title_prepend:hover .title_prepend-label,
.PP .pp_list_common table .title .title_prepend:hover .title_prepend-label { display:block; }

.PP .exForm table { margin:15px 0; width:100%; border-collapse:collapse; }
.PP .exForm table caption { text-align:right; }
.PP .exForm table th { white-space:nowrap; padding:10px; border:1px solid #ccc; border-right:0; background-color:#f3f3f3; }
.PP .exForm table td { width:100%; padding:10px; border:1px solid #ccc; border-left:0; }
.PP .exForm table td .rx_ev_radio,
.PP .exForm table td .rx_ev_radio li { display:inline; margin:0; padding:0; list-style:none; }
.PP .exForm table td .rx_ev_radio li * { margin-top:0; margin-bottom:0; margin-left:0; vertical-align:middle; }
.PP .exForm table td p { margin:5px 0; }
.PP .exForm table td input[type=text],
.PP .exForm table td textarea { box-sizing:border-box; width:100%; }

/* .page-navi */
.PP .pp_footer { position:relative; margin:10px 0; }
.PP .pp_footer:after { display:block; clear:both; content:""; }
.PP .pp_footer .btn_elkha { position:relative; }
.PP .pp_footer .btn_elkha span { display:none; }
.PP .pp_footer .point_info_wrap { display:inline-block; position:relative; vertical-align:middle; }
.PP .pp_footer .point_info_wrap .point_info { display:none; position:absolute; left:auto; right:0; top:auto; bottom:100%; z-index:50; margin:0; padding:10px 5px 2px 10px; white-space:nowrap; border:1px solid #cd932d; background:#fdf6cb; color:#784f31; text-align:left; text-shadow:none; font-weight:bold; }
.PP .pp_footer .point_info_wrap:hover .point_info,
.PP .pp_footer .point_info_wrap:has(:focus) .point_info { display:block; }
.PP .pp_footer .point_info_wrap .point_info ul { margin:0; padding:5px 10px 5px 25px; font-weight:normal; }
.PP .pp_footer .point_info_wrap .point_info ul a { color:#784f31; }
.PP .pp_footer .dispBoardWrite { float:right; margin:0 0 10px; }
.PP .pp_footer .search-form { float:left; margin:0 0 10px; }
.PP .search-form * { vertical-align:middle; }
/*.PP .pp_footer .btn_elkha.pen:hover:after,
.PP .pp_footer .btn_elkha.pen:focus:after,*/
/*.PP .pp_footer .btn_elkha.list:hover:after,
.PP .pp_footer .btn_elkha.list:focus:after,
.PP .pp_footer .btn_elkha.search:hover:after,
.PP .pp_footer .btn_elkha.search:focus:after { position:absolute; left:0; bottom:100%; content:"검색"; padding:4px 5px 2px; white-space:nowrap; background:#fdf6cb; border:1px solid #cd932d; color:#784f31; }
.PP .pp_footer .btn_elkha.list:hover:after,
.PP .pp_footer .btn_elkha.list:focus:after { content:"목록"; }*/
/*.PP .pp_footer .btn_elkha.pen:hover:after,
.PP .pp_footer .btn_elkha.pen:focus:after { left:auto; right:0; content:"글쓰기"; }*/

.PP .pp_footer .search-form .layer { display:none; position:absolute; padding:10px; left:0; bottom:100%; background:#fff; border:1px solid #ddd; z-index:30; }
.PP .pp_footer .search-form .layer * { vertical-align:middle; font-size:12px; }
.PP .pp_footer .search-form .iText { margin-bottom:5px; width:180px; padding:2px 3px; border:1px solid #aaa; color:#666; border-top-color:#888; border-bottom-color:#bbb; }
.PP .pp_footer .search-form select:hover,
.PP .pp_footer .search-form select:focus,
.PP .pp_footer .search-form .iText:hover,
.PP .pp_footer .search-form .iText:focus { color:#444; outline:1px solid #888; }
.PP .pp_footer .search-form select { padding:3px 6px; }
.PP .pp_footer .search-form .layer .btns { float:right; }
.PP .page-navi { clear:both; margin:10px 0; text-align:center; font-size:0; }
.PP .page-navi * { display:inline-block; padding:2px 8px; border-left:1px solid #ddd; color:#444; text-decoration:none; font:11px Verdana; }
.PP .page-navi a:hover,
.PP .page-navi a:focus { text-decoration:underline; }
.PP .page-navi strong { color:#f60 !important; font-weight:bold; }
.PP .page-navi .prevEnd { padding-left:13px; background:url(img/pagination.gif) no-repeat 0 60%; border:0; }
.PP .page-navi .nextEnd { padding-right:13px; background:url(img/pagination.gif) no-repeat 100% 57%; }

.PP .pp_body { }
.PP .pp_body .doc_info { padding:10px 5px 7px; border-bottom:1px solid #888; }
.PP .pp_body .doc_info * { }
.PP .pp_body .doc_info .np_18px { display:inline-block; margin:0; max-width:100%; font-size:14px; }
.PP .pp_body .doc_info .np_18px a { display:inline-block; max-width:100%; margin-bottom:-2px; padding-bottom:2px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.PP .pp_body .doc_info .tooltip { display:none; position:absolute; right:0; top:100%; padding:4px 5px 2px; white-space:nowrap; background:#fdf6cb; border:1px solid #cd932d; color:#784f31; z-index:30; }
.PP .pp_body .doc_info *:hover > .tooltip { display:block; }
.PP .pp_body .doc_info a { color:#444; text-decoration:none; }
.PP .pp_body .doc_info a:hover,
.PP .pp_body .doc_info a:focus,
.PP .pp_body .doc_info a:hover *,
.PP .pp_body .doc_info a:focus * { color:#f20; text-decoration:underline; }
.PP .pp_body .doc_info .category { vertical-align:bottom; color:#666; }
.PP .pp_body .doc_info .category:before { display:inline-block; margin:0 7px; width:1px; height:10px; background:#aaa; content:""; }
.PP .pp_body .doc_info .right { float:right; /*position:absolute; right:0; bottom:10px; */}
.PP .pp_body .doc_info .icon { position:relative; display:inline-block; margin-left:7px; padding-left:18px; background:url(img/view.png) no-repeat 0 50%; background-size:14px 14px; color:#888; }
.PP .pp_body .doc_info .icon.filter { background-image:url(img/list-ordered.png); }
.PP .pp_body .doc_info .icon.vote { background-image:url(img/star.png); }
.PP .pp_body .doc_info .icon.time { background-image:url(img/time.png); }
.PP .pp_body .doc_info .icon .count { vertical-align:top; }
.PP .pp_body .doc_info .count { font-weight:normal; }
.PP .pp_body .doc_info:after { display:block; clear:both; content:""; }
.PP .pp_body .doc_info2 { border-bottom-color:#ddd; }
.PP .pp_body .doc_info2 .nick { }
.PP .pp_body .doc_info2 .addr { display:inline; float:right; }
.PP .pp_body .doc_info2 .addr a { vertical-align:middle; font-size:11px; }
.PP .pp_body .doc_info2 .addr-copy { display:inline-block; position:relative; width:18px; height:18px; background:url(img/copy.png) no-repeat 50% 50%; background-size:16px 16px; opacity:.7; vertical-align:middle; }
.PP .pp_body .doc_info2 .addr-copy:hover { opacity:.95; }
.PP .pp_body .doc_info2 .addr-copy button { position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; background:none; border:0; text-align:left; text-indent:-200px; font-size:0; line-height:0; cursor:pointer; }
.PP .pp_body .doc_info2 .addr-copy .tooltip:before { content:attr(data-content); }
.PP .pp_body .doc_info2 .ip { font-size:11px; color:#aaa; }
.PP .pp_body .doc_info3 { border:0; padding:0; }
.PP .pp_body .doc_info3 .et_vars { margin:-1px 0 0; border-collapse:collapse; }
.PP .pp_body .doc_info3 .et_vars caption { position:absolute; width:0; height:0; overflow:hidden; margin:0; padding:0; font-size:0; line-height:0; }
.PP .pp_body .doc_info3 .et_vars th,
.PP .pp_body .doc_info3 .et_vars td { padding:10px 15px; border:0; border-bottom:1px solid #ddd; border-top:1px solid #ddd; }
.PP .pp_body .doc_info3 .et_vars th { white-space:nowrap; background-color:#f6f6f6; }
.PP .pp_body .doc_info3 .et_vars td { width:100%; }
.PP .pp_body .doc_content { position:relative; margin:15px; }
.PP .pp_body .doc_content.secret { text-align:center; }
.PP .pp_body .doc_content .xe_content:after { display:block; clear:both; content:""; }
.PP.m .pp_body .doc_content .xe_content { max-width:100%; overflow-x:scroll; }
.PP .pp_body .doc_content .fixed_navi { position:absolute; right:-15px; bottom:0; width:0; margin:0; z-index:10; }
.PP .pp_body .doc_content .fixed_navi .sticky-on { position:fixed; bottom:10px; }
.PP.m .pp_body .doc_content .fixed_navi { right:-10px; }
.PP.m .pp_body .doc_content .fixed_navi .sticky { position:fixed; bottom:calc(50% - 53px); }
.PP .pp_body .doc_content .fixed_navi .absolute { position:absolute; right:0; bottom:0; white-space:nowrap; text-align:right; }
.PP .pp_body .doc_content .fixed_navi .absolute button { position:relative; display:block; margin:10px 0 0; padding:5px; }
.PP .pp_body .doc_content .fixed_navi .absolute button:has(.tooltip):before { display:block; content:""; width:10px; height:10px; overflow:hidden; }
.PP .pp_body .doc_content .fixed_navi .absolute button .tooltip { display:none; }
.PP .pp_body .doc_content .fixed_navi .absolute button.cmd_move_up:before { background:url(img/cmd_move_up.png) no-repeat 50% 50%; background-size:14px 14px; }
.PP .pp_body .doc_content .fixed_navi .absolute button.cmd_move_down:before { background:url(img/cmd_move_down.png) no-repeat 50% 50%; background-size:14px 14px; }
.PP .pp_body .doc_content .fixed_navi .absolute button.comment:before { background:url(img/chat-alt-1.png) no-repeat 50% 50%; background-size:12px 12px; }
/*.PP .pp_body .doc_content .fixed_navi .absolute button:has(.tooltip):hover .tooltip { display:block; position:absolute; right:0; top:100%; padding:4px 5px 2px; white-space:nowrap; background:#fdf6cb; border:1px solid #cd932d; text-decoration:none; color:#784f31; }*/

.PP .doc_votes { margin:10px 0; color:#444; text-align:center; }
.PP .doc_votes .count { vertical-align:middle; }
.PP .doc_votes .label { vertical-align:middle; }
.PP .doc_votes .btn_elkha { margin:0 5px; }
.PP .doc_votes .btn_elkha:before { vertical-align:middle; margin-right:0; width:16px; height:16px; }
.PP .doc_votes .btn_elkha.vote2:before { opacity:.25; }
.PP .rd_btns { position:relative; margin:10px 0; text-align:center; }
.PP .rd_btns .left { float:left; }
.PP .rd_btns .right { float:right; }
.PP .rd_btns1 .left { position:absolute; left:0; top:0; width:20%; }
.PP .rd_btns1 .right { position:absolute; right:0; top:0; width:20%; }
.PP .rd_btns1 .list { width:30%; max-width:200px; }
.PP .rd_btns1 .left .prev { float:left; width:100%; max-width:75px; }
.PP .rd_btns1 .right .next { float:right; width:100%; max-width:75px; }
.PP .rd_btns .prev:before { content:"< "; }
.PP .rd_btns .next:after { content:" >"; }
.PP .rd_btns:after { display:block; clear:both; content:""; }
.PP #voteLog { display:none; margin:10px 0; padding:10px 0; border-top:1px dashed #ddd; border-bottom:1px dashed #ddd; }
.PP #voteLog * { vertical-align:top; }
.PP #voteLog a { color:#444; text-decoration:none; }
.PP #voteLog a:hover,
.PP #voteLog a:focus { color:#f20; text-decoration:underline; }
.PP #voteLog a .fa-heart { display:inline-block; width:16px; height:16px; background:url(img/star.png) no-repeat; background-size:100% 100%; }

.PP .rd_sign { margin:15px 0 10px; padding:10px; border:1px solid #ddd; }
.PP .rd_sign .pi { float:left; margin-right:10px; padding-right:10px; border-right:1px dashed #ddd; }
.PP .rd_sign .img.fl { display:block; width:75px; height:75px; }
.PP .rd_sign span.img.fl { width:73px; height:73px; opacity:.15; background:#bbb url(img/help.png) no-repeat; background-size:100% 100%; border:1px solid #000; }
.PP .rd_sign .get_sign.thumb { color:#444; word-break:break-all; }
.PP .rd_sign .signature_default { font-style:italic; }
.PP .rd_sign:after { display:block; clear:both; content:""; }

.PP .rd_footer { }

.PP #cmtPosition { }
.PP .fdb_tag { position:relative; }
.PP .fdb_tag * { vertical-align:bottom; }
.PP .fdb_tag:before { display:inline-block; width:24px; height:24px; vertical-align:bottom; background:url(img/chat-alt-2.png) no-repeat; background-size:24px 24px; content:""; opacity:.75; }
.PP .rd_file { margin:-1px 0 10px; padding:10px 5px 5px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; color:#444; }
.PP .rd_file:after { display:block; clear:both; content:""; }
.PP .rd_file .fdb_tag { float:left; margin:0; padding:0; border:0; }
.PP .rd_file .fdb_tag:before{ background-image:url(img/attachment.png); }
.PP .fdb_tag a,
.PP .rd_file a { color:#444; text-decoration:none; }
.PP .rd_file a:hover,
.PP .rd_file a:focus,
.PP .fdb_tag a:hover,
.PP .fdb_tag a:focus { text-decoration:underline; }
.PP .fdb_tag .label { font-weight:bold; margin-right:7px; }
.PP .fdb_tag .count { color:#888; }
.PP .fdb_tag .count:before { display:inline-block; margin-right:7px; width:1px; height:12px; vertical-align:middle; content:""; background:#ddd; }
.PP .rd_file .fdb_tag { margin-bottom:10px; margin-right:10px; }
.PP .rd_file .fdb_tag:before { width:14px; height:14px; background-size:14px 14px; }
.PP .rd_file ul { display:inline; margin:0; padding:0; list-style:none; }
.PP .rd_file li { display:inline-block; margin-bottom:5px; }
.PP .rd_file li .comma { margin-right:10px; }
.PP .rd_file .open-all { margin-left:5px; vertical-align:middle; font-size:12px; }

.PP #cmtPosition .fdb_lst_ul { list-style:none; margin:10px 0; padding:0; border-bottom:1px dashed #ddd; }
.PP #cmtPosition .fdb_itm { clear:both; position:relative; margin:0 0 10px; padding:10px 0 0; border-top:1px dashed #ddd; }
.PP .fdb_lst .profile { float:left; padding:3px; margin:0 10px 0 0; border:1px solid #ddd; }
.PP .fdb_lst .profile * { display:block; }
.PP .fdb_lst .profile span { margin:-1px; border:1px solid #666; opacity:.2; background:#000 url(img/help-r.png) no-repeat; background-size:100% 100%; }
.PP #cmtPosition .fdb_itm:after { display:block; clear:both; content:""; }
.PP #cmtPosition .fdb_itm .meta { display:inline-block; margin-bottom:7px; padding-bottom:7px; border-bottom:1px solid #ddd; }
.PP #cmtPosition .fdb_itm .meta a { color:#444; text-decoration:none; }
.PP #cmtPosition .fdb_itm .meta a:hover,
.PP #cmtPosition .fdb_itm .meta a:focus { color:#f20; text-decoration:underline; }
.PP #cmtPosition .fdb_itm .meta .date { margin-left:5px; color:#888; }
.PP #cmtPosition .fdb_itm .meta .ip { font-size:11px; }
.PP #cmtPosition .fdb_itm.access0 .meta { border-bottom:0; padding-bottom:0; }
.PP #cmtPosition .fdb_itm .xe_content { color:#444; }
.PP #cmtPosition .fdb_itm.author .xe_content { color:#f20; }
.PP #cmtPosition .fdb_itm .s_content .xe_content { display:inline; vertical-align:middle; }
.PP #cmtPosition .fdb_itm .fdb_nav { /*position:absolute; right:0; top:10px; */float:right; }
.PP #cmtPosition .fdb_itm .fdb_nav a { position:relative; display:inline-block; color:#444; text-decoration:none; }
.PP #cmtPosition .fdb_itm .fdb_nav a span { vertical-align:middle; }
.PP #cmtPosition .fdb_itm .fdb_nav a:before { display:inline-block; opacity:.65; width:14px; height:14px; margin-right:2px; background:url(img/chat-alt-1.png) no-repeat; background-size:14px 14px; content:""; vertical-align:middle; }
.PP #cmtPosition .fdb_itm .fdb_nav a:hover span,
.PP #cmtPosition .fdb_itm .fdb_nav a:focus span { text-decoration:underline; }
.PP #cmtPosition .fdb_itm .fdb_nav a:hover:before,
.PP #cmtPosition .fdb_itm .fdb_nav a:focus:before { opacity:.95; }
.PP #cmtPosition .fdb_itm .fdb_nav .updateComment:before { background-image:url(img/pen.png); }
.PP #cmtPosition .fdb_itm .fdb_nav .deleteComment:before { background-image:url(img/cancel.png); }
.PP #cmtPosition .fdb_itm .fdb_nav .voteComment:before { background-image:url(img/star.png); }
.PP #cmtPosition .fdb_itm .fdb_nav .blameComment:before { opacity:.25 !important; }
.PP #cmtPosition .fdb_itm .fdb_nav .lock_comment:before { background-image:url(img/padlock-closed.png); }
.PP #cmtPosition .fdb_itm .fdb_nav .voteComment .tooltip { display:none; }
.PP #cmtPosition .fdb_itm .fdb_nav .voteComment:hover .tooltip { display:block; position:absolute; right:0; bottom:100%; content:"추천"; padding:4px 5px 2px; white-space:nowrap; background:#fdf6cb; border:1px solid #cd932d; text-decoration:none; color:#784f31; z-index:30; }
.PP #cmtPosition .fdb_itm .fdb_nav .voteComment .voted-count,
.PP #cmtPosition .fdb_itm .fdb_nav .voteComment .blamed-count { vertical-align:middle; font:12px Georgia; }
.PP #cmtPosition .fdb_itm .fdb_nav .voteComment .blamed-count { color:#000; opacity:.6; }
.PP #cmtPosition .fdb_itm .s_content,
.PP .msg_is_secret { display:inline-block; padding:7px 10px; background-color:#eee; margin:0; max-width:100%; box-sizing:border-box; border-radius:10px; color:#666; }
.PP form .msg_is_secret { padding:10px; }
.PP .msg_is_secret .label { vertical-align:middle; }
.PP #cmtPosition .fdb_itm .c_content { display:block; clear:right; }
.PP #cmtPosition .fdb_itm .s_content:before,
.PP .msg_is_secret:before { display:inline-block; width:16px; height:16px; background:url(img/locked2.png) no-repeat; background-size:16px 16px; content:""; vertical-align:middle; }
.PP #cmtPosition .fdb_itm .findParent { float:left; color:#aaa; font-size:12px; margin-right:5px; text-decoration:none; }
.PP #cmtPosition .fdb_itm .findParent:not(tr.notice:has(*)):hover,
.PP #cmtPosition .fdb_itm .findParent:not(tr.notice:has(*)):focus,
.PP #cmtPosition .fdb_itm .findParent *:hover,
.PP #cmtPosition .fdb_itm .findParent:focus * { text-decoration:underline; }

.PP #cmtPosition .fdb_itm-re .fdb_itm-re-in:before,
.PP #cmtPosition .fdb_itm.re:before { float:left; }
.PP #cmtPosition .fdb_itm.re:before,
.PP #cmtPosition .fdb_itm-re .fdb_itm-re-in:before /*,
.PP #cmtPosition .fdb_itm .findParent:before */{ display:inline-block; opacity:.5; width:14px; height:14px; content:""; background:url(img/enter-r.png); background-size:14px 14px; vertical-align:top; }
/*.PP #cmtPosition .fdb_itm .findParent:hover:before { opacity:.6; }*/
.PP #cmtPosition .fdb_itm.re-re:before/*,
.PP #cmtPosition .fdb_itm-re .fdb_itm-re-in:before */{ width:28px; }

.PP .cmt_wrt { position:relative; clear:both; }
.PP .exForm .text,
.PP .cmt_wrt .iText,
.PP .cmt_wrt .text textarea,
.PP .secretMessage .iText,
.PP .cmt_wrt .text .cmt_disable { vertical-align:middle; padding:2px 3px; border:1px solid #aaa; color:#666; border-top-color:#888; border-bottom-color:#bbb; /*border-radius:3px; */line-height:160%; }
.PP .secretMessage .iText { width:120px; }
.PP .cmt_wrt .iText:focus,
.PP .cmt_wrt .iText:hover,
.PP .cmt_wrt .text textarea:hover,
.PP .cmt_wrt .text textarea:focus,
.PP .secretMessage .iText:hover,
.PP .secretMessage .iText:focus { color:#444; outline:1px solid #888; }
.PP .cmt_wrt .iText-100 { box-sizing:border-box; width:100%; margin:0; }

.PP .cmt_editor { position:relative; margin:10px 0 15px; }
.PP .cmt_editor:after { display:block; clear:both; content:""; }
.PP .cmt_editor textarea { overflow-y:hidden; }
.PP .cmt_wrt .profile { }
.PP .cmt_wrt .text { position:relative; padding-right:70px; }
.PP .cmt_wrt .text textarea { min-height:64px; width:100%; box-sizing:border-box; resize:vertical; }
.PP .cmt_wrt .text  .cmt_disable { display:block; padding:5px; height:60px; text-decoration:none; }
.PP .cmt_wrt .text a.cmt_disable:hover,
.PP .cmt_wrt .text a.cmt_disable:focus { text-decoration:underline; }
.PP .cmt_wrt .bd_btn { position:absolute; right:0; top:0; width:60px; height:60px; }

.PP .cmt_wrt .opt_chk { display:none; }
.PP .cmt_wrt .opt_chk .iText { width:100px; margin-top:5px; }
.PP .cmt_wrt .opt_chk * { vertical-align:middle; }
.PP .cmt_wrt .guest_input { margin-top:5px; }

.PP .doc_wrt { margin:10px 0; padding-bottom:10px; border-bottom:1px solid #ccc; }
.PP .doc_wrt * { margin-top:0; margin-bottom:0; vertical-align:middle; }

.PP.form { margin-bottom:15px; }
.PP .doc_wrt,
.PP .exForm,
.PP .write_editor { padding-left:15px; padding-right:15px; }
.PP .write_footer .btn_area { text-align:right; }

.PP #penpen_comment_ajax_editor { margin-top:10px; padding-top:10px; border-top:1px dashed #ddd; }
.PP .re #penpen_comment_ajax_editor { /* padding-left:18px;  */}
.PP #penpen_comment_ajax_editor .bd_btn { top:10px; }

.PP #cmtPosition .fdb_itm-re { clear:both; padding-top:10px; }
.PP #cmtPosition .fdb_itm-re .fdb_itm-re-in { margin:0 0 0 2%; padding-top:10px; border-top:1px dashed #ddd; }
.PP #cmtPosition .fdb_itm-re .text { padding-left:18px; }

.PP .comment-refresh { display:block; margin:0 0 10px; padding:5px 0; text-align:center; color:#fff; font-weight:bold; border-radius:5px; }
.PP .comment-loading .comment-refresh { display:none; }

/* mobile margin, padding */
.PP.m .rd_sign,
.PP.m .rd_btns,
.PP.m .fdb_tag,
.PP.m .cmt_editor,
.PP.m #cmtPosition .fdb_lst_ul,
.PP.m .pp_category .ul1 { margin-left:15px; margin-right:15px; }
.PP.m .pp_header .board_title,
.PP.m .pp_body .doc_info,
.PP.m .pp_footer,
.PP.m .rd_file { padding-left:15px; padding-right:15px; }
.PP.m .pp_body .doc_info3 .et_vars { margin-left:-15px; margin-right:-15px; }

/**
 * .color_scheme_dark
 **/
.color_scheme_dark .PP .pp_header .pp_config .on,
.color_scheme_dark .PP .search_keyword_bg_yellow,
.color_scheme_dark .PP .read_use_k,
.color_scheme_dark .PP #cmtPosition .fdb_itm .findParent { color:#f60; }
.color_scheme_dark .PP.viewer { border:1px solid #333; background:#111; box-shadow:0 4px 48px rgb(0 0 0 / 50%); }
.color_scheme_dark .PP,
.color_scheme_dark .PP .rd_file,
.color_scheme_dark .PP .pp_body .doc_info2 a,
.color_scheme_dark .PP .pp_header .intro a,
.color_scheme_dark .PP .pp_header .pp_config { color:#ccc; }
.color_scheme_dark .PP #voteLog a { color:#aaa; }
.color_scheme_dark .PP #voteLog a:hover,
.color_scheme_dark .PP #voteLog a:focus,
.color_scheme_dark .PP .pp_body .doc_info2 a:hover,
.color_scheme_dark .PP .pp_body .doc_info2 a:focus { color:red; }
.color_scheme_dark .PP.m,
.color_scheme_dark .PP .pp_category .li1:hover:has(ul):after,
.color_scheme_dark .PP .pp_category .ul2 { background-color:#000; }
.color_scheme_dark .PP .btn_elkha { border-color:#555; border-top-color:#666; border-bottom-color:#444; box-shadow:1px 1px 0 0 #000; background-color:#333; background:linear-gradient(to bottom,#555,#333); color:#c3c3c3; }
.color_scheme_dark .PP .pp_list,
.color_scheme_dark .PP #cmtPosition .fdb_itm .xe_content,
.color_scheme_dark .PP .rd_sign .get_sign.thumb,
.color_scheme_dark .PP .pp_header .intro,
.color_scheme_dark .PP.blog .pp_mobile li.li-doc .info .xe_content,
.color_scheme_dark .PP .pp_category a { color:#aaa; }
.color_scheme_dark .PP .page-navi *,
.color_scheme_dark .PP #cmtPosition .fdb_itm .meta a,
.color_scheme_dark .PP #cmtPosition .fdb_itm .fdb_nav a,
.color_scheme_dark .PP #cmtPosition .fdb_itm .fdb_nav .blamed-count,
.color_scheme_dark .PP .fdb_tag a,
.color_scheme_dark .PP .rd_file a,
.color_scheme_dark .PP .pp_list a,
.color_scheme_dark .PP .pp_header .pp_config a { color:#ddd; }
.color_scheme_dark .PP .pp_header-list .board_title,
.color_scheme_dark .PP #cmtPosition .fdb_itm,
.color_scheme_dark .PP #cmtPosition .fdb_itm .meta,
.color_scheme_dark .PP .page-navi *,
.color_scheme_dark .PP .rd_file,
.color_scheme_dark .PP .fdb_lst .profile,
.color_scheme_dark .PP .pp_body .doc_info,
.color_scheme_dark .PP #cmtPosition .fdb_lst_ul,
.color_scheme_dark .PP .rd_sign,
.color_scheme_dark .PP .pp_list_common table tbody td,
.color_scheme_dark .PP .pp_mobile li,
.color_scheme_dark .PP .pp_mobile li .tmb_wrp .img,
.color_scheme_dark .PP #penpen_comment_ajax_editor,
.color_scheme_dark .PP .rd_file ul,
/*.color_scheme_dark .PP.pc.blog .pp_list_mobile li.li-doc:not(.notice),*/
.color_scheme_dark .PP.pc.blog .pp_list_mobile/*,
.color_scheme_dark .PP.pc.blog .pp_list_mobile li.notice*/ { border-color:#333; }
.color_scheme_dark .PP .fdb_tag .count:before,
.color_scheme_dark .PP .pp_body .doc_info .category:before,
.color_scheme_dark .PP .pp_body .doc_info3 .et_vars th { background-color:#333; }
.color_scheme_dark .PP .pp_header .intro,
.color_scheme_dark .PP .pp_body .doc_info2,
.color_scheme_dark .PP .pp_body .doc_info3 .et_vars th,
.color_scheme_dark .PP .pp_body .doc_info3 .et_vars td,
.color_scheme_dark .PP .rd_sign .pi/*,
.color_scheme_dark .PP .pp_list_common table tbody tr:hover td*/,
.color_scheme_dark .PP .doc_wrt,
.color_scheme_dark .PP .exForm table th,
.color_scheme_dark .PP .exForm table td,
.color_scheme_dark .PP #voteLog,
.color_scheme_dark .PP .pp_category .ul2,
.color_scheme_dark .PP .pp_category .ul2 li,
.color_scheme_dark .PP .pp_category .li1:hover:has(ul):after { border-color:#555; }
.color_scheme_dark .PP .pp_list_common table thead th,
.color_scheme_dark .PP .pp_list_common table,
.color_scheme_dark .PP .pp_mobile li.select .rt_area .tmb_wrp span /*,
.color_scheme_dark .PP .pp_list_common table tbody tr.select td*/ { border-color:#888; }
.color_scheme_dark .PP .pp_mobile li.select,
.color_scheme_dark .PP .pp_mobile li.notice,
.color_scheme_dark .PP .exForm table th,
.color_scheme_dark .PP .pp_header .intro { background:#222; }
.color_scheme_dark .PP .pp_header .board_title a:hover,
.color_scheme_dark .PP .pp_header .board_title a:focus { text-decoration:underline; }
.color_scheme_dark .PP .btn_elkha.check:before { background-image:url(dark/check.png); }
.color_scheme_dark .PP .btn_elkha.pen:before { background-image:url(dark/pen.png); }
.color_scheme_dark .PP .btn_elkha.search:before { background-image:url(dark/search_0.png); }
.color_scheme_dark .PP .btn_elkha.list:before { background-image:url(dark/list-ordered.png); }
.color_scheme_dark .PP .btn_elkha.cancel:before { background-image:url(dark/cancel.png); }
.color_scheme_dark .PP .btn_elkha.vote:before { background-image:url(dark/star.png); }
.color_scheme_dark .PP .btn_elkha.refresh:before { background-image:url(dark/3D-Z-Axis-Rotation.png); }
.color_scheme_dark .PP .btn_elkha.dice:before { background-image:url(dark/dice_3.png); }
.color_scheme_dark .PP .btn_elkha.bookmark:before { background-image:url(dark/bookmark.png); }
.color_scheme_dark .PP .pp_body .doc_info .icon.filter { background-image:url(dark/list-ordered.png); }
.color_scheme_dark .PP .pp_body .doc_info .icon.view { background-image:url(dark/view.png); }
.color_scheme_dark .PP .pp_body .doc_info .icon.vote { background-image:url(dark/star.png); }
.color_scheme_dark .PP .pp_body .doc_info .icon.time { background-image:url(dark/time.png); }
.color_scheme_dark .PP #cmtPosition .fdb_itm .fdb_nav a:before { background-image:url(dark/chat-alt-1.png); }
.color_scheme_dark .PP #cmtPosition .fdb_itm .fdb_nav .updateComment:before { background-image:url(dark/pen.png); }
.color_scheme_dark .PP #cmtPosition .fdb_itm .fdb_nav .deleteComment:before { background-image:url(dark/cancel.png); }
.color_scheme_dark .PP #cmtPosition .fdb_itm .fdb_nav .voteComment:before { background-image:url(dark/star.png); }
.color_scheme_dark .PP #cmtPosition .fdb_itm .fdb_nav .lock_comment:before { background-image:url(dark/padlock-closed.png); }
.color_scheme_dark .PP .msg_is_secret { background-color:#222; color:#999; }
.color_scheme_dark .PP .page-navi .prevEnd,
.color_scheme_dark .PP .page-navi .nextEnd { background-image:url(dark/pagination.gif); }
.color_scheme_dark .PP .fdb_tag:before { background-image:url(dark/chat-alt-2.png); }
.color_scheme_dark .PP .search-form .iText,
.color_scheme_dark .PP .cmt_wrt .iText,
.color_scheme_dark .PP .cmt_wrt .text textarea,
.color_scheme_dark .PP .secretMessage .iText,
.color_scheme_dark .PP .exForm .text,
.color_scheme_dark .PP .cmt_wrt .text .cmt_disable,
.color_scheme_dark .PP .exForm table td textarea,
.color_scheme_dark .PP .exForm table td input[type=text] { outline:none; color:#999; border-color:#555; background:#111; }
.color_scheme_dark .PP .cmt_wrt .iText:focus,
.color_scheme_dark .PP .cmt_wrt .iText:hover,
.color_scheme_dark .PP .cmt_wrt .text textarea:hover,
.color_scheme_dark .PP .cmt_wrt .text textarea:focus,
.color_scheme_dark .PP .secretMessage .iText:hover,
.color_scheme_dark .PP .secretMessage .iText:focus,
.color_scheme_dark .PP .search-form .iText:hover,
.color_scheme_dark .PP .search-form .iText:focus,
.color_scheme_dark .PP #cmtPosition .fdb_itm .s_content,
.color_scheme_dark .PP .pp_header .pp_config .config-layer,
.color_scheme_dark .PP .exForm table td textarea:hover,
.color_scheme_dark .PP .exForm table td textarea:focus,
.color_scheme_dark .PP .exForm table td input[type=text]:hover,
.color_scheme_dark .PP .exForm table td input[type=text]:focus { color:#ccc; border-color:#333; background:#000; }
.color_scheme_dark .PP #cmtPosition .fdb_itm .s_content { border:1px solid #333; }

.color_scheme_dark .PP .pp_list_mobile li.li-doc.notice h3:before { filter:invert(1); }
.color_scheme_dark .PP .pp_list_mobile li.li-doc.notice { background:url(dark/333.gif); }
.color_scheme_dark .PP .pp_mobile .info .icon:before { background-image:url(dark/time.png); }
.color_scheme_dark .PP .pp_mobile .info .cate:before { background-image:url(dark/list-ordered.png); }
.color_scheme_dark .PP .pp_mobile .info .writer:before { background-image:url(dark/pen.png); }
.color_scheme_dark .PP .pp_mobile .info .comments:before { background-image:url(dark/chat-alt-2.png); }
.color_scheme_dark .PP .pp_mobile .info .view:before { background-image:url(dark/view.png); }
.color_scheme_dark .PP .pp_mobile .info .voted:before { background-image:url(dark/star.png); }
.color_scheme_dark .PP .rd_file .fdb_tag:before { background-image:url(dark/attachment.png); }
.color_scheme_dark .PP .pp_header .pp_config .config-btn.dark_mode { background-image:url(dark/moon.png); }
.color_scheme_dark .PP .pp_header .pp_config .config-btn.scrap { background-image:url(dark/scrap.png); }
.color_scheme_dark .PP .pp_header .pp_config .config-btn.settings { background-image:url(dark/settings.png); }
.color_scheme_dark .PP #cmtPosition .fdb_itm.re:before,
.color_scheme_dark .PP #cmtPosition .fdb_itm-re .fdb_itm-re-in:before /*,
.color_scheme_dark .PP #cmtPosition .fdb_itm .findParent:before */ { background-image:url(dark/enter-r.png); }
.color_scheme_dark .PP .pp_list li .tmb_wrp span.q:after { background-image:url(dark/help.png); }
.color_scheme_dark .PP .pp_list li.notice .tmb_wrp span.q:after { background-image:url(dark/notice.png); }
.color_scheme_dark .PP #voteLog a .fa-heart { background-image:url(dark/star.png); }
.color_scheme_dark .PP .comment-refresh { color:#222; }
.color_scheme_dark .PP .pp_mobile li .title_prepend,
.color_scheme_dark .PP .pp_list_common table .title .title_prepend { background-color:#ddd; }
.color_scheme_dark .PP .pp_body .doc_info2 .addr-copy { background-image:url(dark/copy.png); }
.color_scheme_dark .PP .pp_footer .search-form .layer { background-color:#222; border-color:#555; }
.color_scheme_dark .PP .pp_list_common table tbody tr.notice /*td:before*/ { background-color:#000; }


.color_scheme_dark .PP .pp_list_common table tr.notice:has(.ELKHA_HOT_BEFORE, .ELKHA_HOT_BEFORE_NO_NO) { border-left-color:#d50; border-right-color:#d50; }
.color_scheme_dark .PP .pp_list_common table tr.notice:has(.ELKHA_HOT_BEFORE, .ELKHA_HOT_BEFORE_NO_NO) td { background-color:#210; }
.color_scheme_dark .PP .pp_list_common table tr:not(tr.notice:has(.ELKHA_HOT_BEFORE, .ELKHA_HOT_BEFORE_NO_NO)) + tr.notice:has(.ELKHA_HOT_BEFORE, .ELKHA_HOT_BEFORE_NO_NO) td,
.color_scheme_dark .PP .pp_list_common table tr.notice:has(.ELKHA_HOT_BEFORE, .ELKHA_HOT_BEFORE_NO_NO) + tr:not(tr.notice:has(.ELKHA_HOT_BEFORE, .ELKHA_HOT_BEFORE_NO_NO)) td { border-top-color:#d50; }
.PP .pp_list_common table tr.notice:has(.ELKHA_HOT_BEFORE, .ELKHA_HOT_BEFORE_NO_NO):last-child { border-bottom-color:#d50; }

.color_scheme_dark .PP .pp_list_common table tr.notice:has(.ELKHA_HIT_BEFORE, .ELKHA_HIT_BEFORE_NO_NO) { border-left-color:#08b; border-right-color:#08b; }
.color_scheme_dark .PP .pp_list_common table tr.notice:has(.ELKHA_HIT_BEFORE, .ELKHA_HIT_BEFORE_NO_NO) td { background-color:#012; }
.color_scheme_dark .PP .pp_list_common table tr:not(tr.notice:has(.ELKHA_HIT_BEFORE, .ELKHA_HIT_BEFORE_NO_NO)) + tr.notice:has(.ELKHA_HIT_BEFORE, .ELKHA_HIT_BEFORE_NO_NO) td,
.color_scheme_dark .PP .pp_list_common table tr.notice:has(.ELKHA_HIT_BEFORE, .ELKHA_HIT_BEFORE_NO_NO) + tr:not(tr.notice:has(.ELKHA_HIT_BEFORE, .ELKHA_HIT_BEFORE_NO_NO)) td { border-top-color:#08b; }
.PP .pp_list_common table tr.notice:has(.ELKHA_HIT_BEFORE, .ELKHA_HIT_BEFORE_NO_NO):last-child { border-bottom-color:#08b; }


.color_scheme_dark .PP .rd_sign span.img.fl { border-color:#fff; }

.color_scheme_dark .PP .pp_body .doc_content .fixed_navi .absolute button.cmd_move_up:before { background-image:url(dark/cmd_move_up.png); }
.color_scheme_dark .PP .pp_body .doc_content .fixed_navi .absolute button.cmd_move_down:before { background-image:url(dark/cmd_move_down.png); }
.color_scheme_dark .PP .pp_body .doc_content .fixed_navi .absolute button.comment:before { background-image:url(dark/chat-alt-1.png); }

.color_scheme_dark .PP .xe_content .no-ft-color,
.color_scheme_dark .PP .xe_content .no-ft-color *,
.color_scheme_dark .PP .xe_content .no-bg-color { background-color:transparent !important; }
.color_scheme_dark .PP .xe_content .no-ft-color { color:unset !important; }
.color_scheme_dark .PP .xe_content a.no-ft-color * { color:inherit; }
.color_scheme_dark .PP .xe_content .color-inherit { color:inherit !important; }
.color_scheme_dark .PP .xe_content .color-d9ce87 { color:#d9ce87 !important; }