@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; }

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

#layerPopupView {   }

/*레이어전체 팝업*/
#bottom_popup_box { display:none;  position:fixed; left:0; top:0; z-index:999; width:100%; color:#fff; background:rgba(0,0,0,0.7); height: 100vh; }

#bottom_popup_box a { color:#fff; }

#bottom_layer_layout { display:flex; flex-direction:column; width:100%; max-width:1200px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }

#bottom_layer_layout h3 { font-size:40px; line-height:30px; color:#fff; text-align:center; margin-bottom:50px; font-family: 'S-CoreDream-6Bold';}
#bottom_layer_layout h3 span { text-transform:uppercase; margin-left:10px; color:#79c4f2; position:relative; }
#bottom_layer_layout h3::before { content:""; display:inline-block; width:45px; height:40px; background:url(./img/pop_deco1.png) left top no-repeat; margin:0px 11px 0 0; position:relative; top:5px;}
#bottom_layer_layout h3::after { content:""; display:inline-block; width:46px; height:41px; background:url(./img/pop_deco2.png) left top no-repeat; margin:0px 0px 0 8px; position:relative; top:5px;}

#bottom_pop_slick { width:100%; max-width:1400px; margin:0 auto 30px; }
#bottom_pop_slick .slick-dots { display:none !important; }
#bottom_popup_box .slick-list {  }
#bottom_popup_box .slick-track { text-align:center; margin-left: auto;
  margin-right: auto; }

#bottom_pop_slick .slick-slide {  border:0 none;   float:none; text-align:center;  width:441px; display:inline-block; height:181px; overflow:hidden; border-radius:15px; margin:0 20px 0 0;  }
#bottom_pop_slick .slick-slide div { }
#bottom_pop_slick .slick-slide img { width:100%; height:181px; }


.bottom_pbtnbox { }
.bottom_pbtnbox li { position:absolute; top:calc(50% - 16px); }
.bottom_pbtnbox li.bp_bt01 { left:-13px; }
.bottom_pbtnbox li.bp_bt03 { right:5px; }
.bottom_pbtnbox li a { display:block; width:32px; height:32px; border-radius:50%; text-indent:-99999px; box-shadow:0px 0px 3px rgba(0,0,0,0.5); }
.bottom_pbtnbox li.bp_bt01 a { background:#fff url(./img/layer_bt1.png) no-repeat center center / 7px; }
.bottom_pbtnbox li.bp_bt03 a { background:#fff url(./img/layer_bt3.png) no-repeat center center / 7px; }

.bottom_pbtnbox li.slick-disabled { opacity:0.3; }

.blayer_allbox { text-align:center; display:flex; justify-content:center; align-items:center;  line-height:50px; font-family: 'S-CoreDream-6Bold';}
.btslick-counter { font-weight:700; line-height:50px; box-sizing:border-box; border-radius:10px; padding:0 20px; min-width:100px; font-size:18px; border:2px solid #fff; color:#fff;  }
.btslick-counter .btcurrent { color:#fae588; }

#bottom_popup_box .close_style1 { margin:0 25px; }
#bottom_popup_box .close_style1 a { transition:background 0.4s; display:block; border-radius:10px; height:50px;  width:90px; font-size:18px; background:#00aeff; }
#bottom_popup_box .close_style1 a:hover { background:#018fd1; }

.blayer_ck_close {  }
.blayer_ck_close a { display:block; border-radius:10px; background:#206ac5; font-size:18px; padding:0 30px 0 30px; position:relative; transition:background 0.4s;}
.blayer_ck_close a span { display:inline-block; vertical-align:top; margin:20px 0 0 15px; width:15px; height:15px; background:url(./img/layer_close.png) center center no-repeat; }
.blayer_ck_close a:hover { background:#19559e; }

@media (max-width:1269px)  {
/*레이어전체 팝업*/
#bottom_popup_box { position:fixed; left:0; top:0; z-index:999; width:100%; color:#fff; background:rgba(0,0,0,0.7); height: 100vh;}
#bottom_popup_box a { color:#fff; }

#bottom_layer_layout { display:flex; flex-direction:column; width:94%; max-width:1400px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }


}
@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; }

	#layerPopupList { width:94% !important; left:3% !important; top:100px !important; }
	
	.pic_poplayer > div > div { height:auto !important; }
	.pic_poplayer > div > div > div { height:auto !important; }

}

@media (max-width: 759px)  {
#bottom_layer_layout { display:flex; flex-direction:column; width:92%; position:absolute;  }

#bottom_layer_layout h3 { font-size:20px;  margin-bottom:20px; }

#bottom_pop_slick { width:calc(100% - 80px); margin:0 auto 15px;}
#bottom_pop_slick .slick-slide { margin:0 0px 0 0;  max-height:216px; overflow:hidden; border-radius:0px; width:100%;  }
#bottom_pop_slick .slick-slide img { width:100%; height:auto; max-height:216px; display:block; margin:0 auto 0; overflow:hidden; border-radius:15px;}

.bottom_pbtnbox { }
.bottom_pbtnbox li { position:absolute; top:calc(50% - 55px); }
.bottom_pbtnbox li.bp_bt01 { left:20px; }
.bottom_pbtnbox li.bp_bt03 { right:20px; }
.bottom_pbtnbox li a { display:block; width:40px; height:40px; background-size:8px !important; }

.blayer_allbox { text-align:center; display:flex; flex-wrap:wrap; line-height:40px;}
.btslick-counter { line-height:38px; min-width:100px; font-size:16px; border:2px solid #fff; color:#fff; }
.btslick-counter .btcurrent {  }

#bottom_popup_box .close_style1 { margin:0 0px 0 20px; }
#bottom_popup_box .close_style1 a {  height:40px;  width:90px; font-size:16px; }

.blayer_ck_close { width:calc(100% - 80px); margin:20px auto 0px; }
.blayer_ck_close a {  font-size:16px; padding:0 10px 0 10px; display:flex; justify-content:center; align-items:center;  }
.blayer_ck_close a span { margin:0px 0 0 15px; width:15px; height:15px; background:url(./img/layer_close.png) center center no-repeat; display:block; }
.blayer_ck_close a:hover { background:#073baa; }

}