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

*/
@font-face {
    font-family: 'yg-jalnan';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SBAggroB';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
#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:1059px; 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:30px; font-family: 'yg-jalnan';}
#bottom_layer_layout h3 span { margin-left:11px; background: #00F898;
background: linear-gradient(93deg,rgba(0, 248, 152, 1) 0%, rgba(0, 254, 241, 1) 50%, rgba(229, 112, 255, 1) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent; text-transform:uppercase; }

#bottom_layer_layout h3::after { content:""; display:inline-block; width:82px; height:84px; background:url(./img/pop_deco.png) left top no-repeat; margin:0px 0px 0 3px; position:relative; top:-13px; right:5px;}

#bottom_pop_slick { width:100%; max-width:1059px; 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:321px; display:inline-block; height:334px; overflow:hidden;  margin:0 32px 0 0;  }
#bottom_pop_slick .slick-slide div { }
#bottom_pop_slick .slick-slide img { width:100%; height:334px; }


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

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

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

#bottom_popup_box .close_style1 { margin:0 25px; font-weight:bold; }
#bottom_popup_box .close_style1 a { transition:background 0.4s; display:block; border-radius:150px; height:50px;  width:90px; font-size:18px; background:#e75383; }
#bottom_popup_box .close_style1 a:hover { background:#e6306b; }

.blayer_ck_close {  }
.blayer_ck_close a { display:block; border-radius:150px; background:#8d65ff; font-size:18px; padding:0 30px 0 30px; position:relative; transition:background 0.4s; font-weight:bold;}
.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:#7241fc; }

@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:97%; position:absolute; left:3%; top:50%; transform:translateY(-50%); }

	.bottom_pbtnbox li.bp_bt01 { left:-26px; }
.bottom_pbtnbox li.bp_bt03 { right:5px; }

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

#bottom_layer_layout h3::after { display:none; }



}

@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); max-width:1179px; margin:0 auto 15px;}
#bottom_pop_slick .slick-slide { margin:0 0px 0 0;  max-height:313px; overflow:hidden; border-radius:0px; width:100%; height:auto; }
#bottom_pop_slick .slick-slide img { width:100%; height:auto; max-height:313px; 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; }

}