@charset "utf-8";
#layerPopupList p.layer_subject span { transition:all 0.4s; }
#layerPopupList p.layer_subject span:before { content:""; display:block; width:0px; height:0px; border-right:7px solid #f5ae05; border-top:3px solid transparent; border-bottom:3px solid transparent;  position:absolute; left:15px; top:1px; opacity:0; transition:all 0.4s; }
#layerPopupList p.layer_subject span:after { content:""; display:block; width:0px; height:0px; border-right:5px solid #8547b9; border-top:3px solid transparent; border-bottom:3px solid transparent;  position:absolute; left:13px; top:1px; opacity:0; transition:all 0.4s; }
#layerPopupList p.layer_subject a { position:relative; z-index:1; }
#layerPopupList p.layer_subject:hover span { border:2px solid #ff3a3a !important; }
#layerPopupList p.layer_subject:hover span:before { opacity:1; left:6px; }
#layerPopupList p.layer_subject:hover span:after { opacity:1; left:4px; }
#layerPopupList p.layer_subject a:hover { font-weight:500 !important; }


#bottom_popup_box #pop_scontent { width:calc(100% - 40px); margin:5px 20px 0; box-sizing:border-box; height:205px; overflow-y:auto; }
#bottom_popup_box #pop_scontent::-webkit-scrollbar {
    width: 4px; 
	
}

#bottom_popup_box #pop_scontent::-webkit-scrollbar-thumb {
    background:#bbbbbb; /* 스크롤바 색상 */
    border-radius: 10px; /* 스크롤바 둥근 테두리 */
}

#bottom_popup_box #pop_scontent::-webkit-scrollbar-track {
    background:#dddddd;  /*스크롤바 뒷 배경 색상*/
	border-radius:10px;
}

#bottom_popup_box p.layer_subject a { display:block; position:relative; box-sizing:border-box; padding:0 0 0 26px; height:41px; line-height:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:15px; color:#555; border-bottom:1px dashed #ddd; background:url(./img/pop_dot1.png) left 14px no-repeat; transition:all 0.4s; }
#bottom_popup_box p.layer_subject a img { display:none; }
#bottom_popup_box p.layer_subject a:hover { font-weight:600; background:url(./img/pop_dot2.png) left 14px no-repeat;}

#pic_def { width:380px; height:285px; position:absolute; right:-389px; top:0; border-radius:10px; box-sizing:border-box; padding:9px; border-radius:10px; border:1px solid #ddd; box-shadow:0px 0px 8px rgba(0,0,0,0.2); background:#fff; display:none; }
#pic_def .pic_popcontent { width:100%; height:265px; border-radius:10px; overflow:hidden; }
#pic_def .pic_popcontent img { display:block; width:100%; height:265px; margin:0 auto 0; }

#layerpop_btn span:nth-child(1) { width:70% !important;}
#layerpop_btn span:nth-child(2) { width:30% !important;}

#layerpop_btn.layer_btn_size1 span:nth-child(1) { width:50% !important;}
#layerpop_btn.layer_btn_size1 span:nth-child(2) { width:25% !important;}
#layerpop_btn.layer_btn_size1 span:nth-child(3) { width:25% !important; }
#layerpop_btn.layer_btn_size1 span:nth-child(3) a {display:block !important; }

.all_layer > div { left:inherit; top:inherit; position:inherit; }

#layerpop_btn span.FloatLeft { line-height:35px; text-align:center; height:35px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;  box-sizing:border-box; }
#layerpop_btn span.FloatLeft input { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; opacity:0; }
#layerpop_btn span.FloatLeft input + label { position:relative; cursor:pointer; padding:0 0 0 26px; }
#layerpop_btn span.FloatLeft input + label:before { content:""; display:block; width:18px; height:17px; background:url(./img/new_chk_off.png) center center no-repeat; position:absolute; left:0; top:2px; }
#layerpop_btn span.FloatLeft input:checked + label:before { background:url(./img/new_chk_on.png) center center no-repeat; }

#layerpop_btn { position:absolute; left:0; bottom:0; width:100%; border-top:1px solid #ddd; }
#layerpop_btn::after { content:""; display:block; clear:both; }
#layerpop_btn p { float:left; }
#layerpop_btn p a { display:block; width:100%; height:33px; line-height:33px; text-align:center; color:#555; }

#layerpop_btn p:nth-child(1) { width:60% !important;}
#layerpop_btn p:nth-child(1) a { background:#f9f9f9; }
#layerpop_btn p:nth-child(2) { width:40% !important; box-sizing:border-box; border-left:1px dashed #ddd; font-size: 1.0769em;}
#layerpop_btn p:nth-child(2) a { background:#efefef; }



@media all and (max-width:1024px) {
	.all_layer > div { width:94% !important; margin:0 3%; left:0 !important; top:100px !important;  height:auto !important; }
	.all_layer > div > div > div img { width:100% !important; height:auto !important; }

	#bottom_popup_box { width:94% !important; left:3% !important; top:150px !important; }
	#pic_def { display:none !important; }
	.pic_poplayer > div > div { height:auto !important; }
	.pic_poplayer > div > div > div { height:auto !important; }

}