@CHARSET "UTF-8";

#layer_pop_wrap{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4);z-index:10;}

#layer_pop{overflow:hidden;position:relative;width:400px;padding-bottom:50px;background:#fff;border-radius:10px;}
#layer_pop .popup_btm{display:flex;align-items:center;height:70px;padding:20px;background:#f5f5f5;box-sizing:border-box;}
#layer_pop .popup_btm .btn_chk{display:flex;height:20px;align-items:center;font-size:12px;color:#000;}
#layer_pop .popup_btm .btn_chk label{margin-right:15px;}
#layer_pop .popup_btm .btn_cls{margin-left:auto;width:25px;height:25px;border:0;background:url(/nanum/site/builder/skin/common/img/btn_pop_cls.png) no-repeat;background-size:cover;cursor:pointer;text-indent:-9999px;}

#layer_pop .popup_con{height:500px;}
#layer_pop .popup_con .swiper-slide img{width:400px;height:500px;object-fit:fill;}
#layer_pop .popup_con .swiper-pagination{position:absolute;bottom:20px;left:0;font-size:0;}
#layer_pop .popup_con .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;margin:0 3px;opacity:1;cursor:pointer;border:1px solid #000;background:transparent;box-sizing:border-box;padding:0;}
#layer_pop .popup_con .swiper-pagination .swiper-pagination-bullet-active{background:#000;}


/*슬라이드팝업*/
#d_shadow{position:fixed;display:none;width:100%;height:100%;top:0;right:0;bottom:0;left:0;background:#000;opacity: .7;z-index:98;}
.jsLayerPop{position: fixed;top: 0;left: 0;top: 50%;left:50%;z-index:999;display:none;transform: translate(-50%, -50%);}
.jsLayerPop .txtbox{display:flex;gap: 10px;margin:0 auto;box-sizing:border-box;}
.jsLayerPop .txtbox .txt{display: inline-block;height:450px;border: 1px solid #fff;box-sizing: border-box;line-height: 0;}
.jsLayerPop .txtbox .txt p{height:100%;}
.jsLayerPop .txtbox .txt img{width:100%;height: 100%;}
.jsLayerPop .txtbox .txt .popup .popup_btm{display:none;}
.popup_all_close{position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;justify-content: center;align-items: center;gap: 15px;color: #fff;margin:50px auto auto;}
.popup_all_close > span{border-radius: 50px;padding: 10px 20px;background: #2d459d;}
.popup_all_close > span strong{color: #fffc65;}
.popup_all_close > a{display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;padding: 10px 20px;color: #fff;text-align: center;border-radius: 50px;background: #34a999;}
.popup_all_close > a + a{background: #42a3d3;}
.popup_all_close > a span{background:url(/nanum/site/img/common/all_pop_close.png) no-repeat right 50%;}
.popup_all_close .control{position: relative;height:45px;}
.popup_all_close .control a{position:absolute;top:0;left:0;display: block;width: 45px;height: 45px;text-indent:-9999px;font-size:0;border:2px solid #fff;border-radius:100%;box-sizing: border-box;}
.popup_all_close .control a.play{display:none;}
.popup_all_close .control a:before{content:"";position:absolute;left:50%;top:50%;width:9px;height:10px;transform: translate(-50%, -50%);background-size: cover;}
.popup_all_close .control a.stop:before{background-image:url(/nanum/site/builder/skin/common/img/icon_stop.png);}
.popup_all_close .control a.play:before{background-image:url(/nanum/site/builder/skin/common/img/icon_play.png);}
.popup_all_close .control_page{display:none;}

.pop_wrap .slick-list{width:1280px;}
.pop_wrap .slick-track{display:flex;gap:20px;}
.pop_wrap .slick-track .txt figure.image{margin:0;height:100%;}

/********************태블릿********************/
@media all and (max-width:1280px){

/*슬라이드팝업*/
.jsLayerPop .txtbox .txt{width: 330px;height: 374px;}

.pop_wrap .slick-list{width:100%;}
	
}

/********************태블릿********************/
@media all and (max-width:1024px){

#wrapper{overflow:hidden;}	
	
/*슬라이드팝업*/
.pop_wrap{position: relative;padding-top:70px;}

.jsLayerPop{position: absolute;top: 30px;transform: translateX(-50%);width: 100%;padding: 0 20px;box-sizing: border-box;margin-top:50px;}
.jsLayerPop .txtbox{flex-wrap:wrap;justify-content: center;}
.jsLayerPop .txtbox .txt{width: calc(33.333% - 7px);height:270px;}

.popup_all_close{position: static;justify-content:center;margin-top:30px;}
.popup_all_close > span{position: absolute;top: 0;left:0;}
.popup_all_close .control_page{display:block;position: absolute;right: 55px;top: 0;display: flex;gap: 10px;}
.popup_all_close .control_page a{position:relative;display: block;width: 45px;height: 45px;font-size: 0;text-indent: -9999px;border: 2px solid #fff;border-radius: 100%;box-sizing: border-box;}
.popup_all_close .control_page a:before{content:"";position:absolute;left:50%;top:50%;width:9px;height:10px;transform: translate(-50%, -50%);background-size: cover;}
.popup_all_close .control_page a.next:before{background-image:url(/nanum/site/builder/skin/common/img/icon_next.png);}
.popup_all_close .control_page a.prev:before{background-image:url(/nanum/site/builder/skin/common/img/icon_prev.png);}
.popup_all_close .control{position: absolute;right: 0;top: 0;}
.popup_all_close .control a{right:0;left: auto;}



}

/********************모바일********************/
@media all and (max-width:767px){

html{font-size:50%;}
body.sub{padding-bottom: 50px;}

/*슬라이드팝업*/
.jsLayerPop .txtbox .txt{width:100%;height:250px;}

/*레이어팝업 */
.mmimg_in{width:100% !important;height:auto !important;}



}



/********************모바일********************/
@media all and (max-width:480px){
	
/*슬라이드팝업*/		
.pop_wrap{padding-top: 60px;}
	
.jsLayerPop .txtbox .txt .popup .popup_btm{display: flex;flex-direction: row-reverse;align-items: center;justify-content: space-between;height: 45px;padding:0;color: #fff;font-size: 1.8rem;background:#fff;}
.jsLayerPop .txtbox .txt .popup .popup_btm .btn_chk{flex-grow:1;line-height: 45px;text-align: center;background:#42a3d3;}
.jsLayerPop .txtbox .txt .popup .popup_btm	input[type=button]{flex-shrink:0;width:30%;height:45px;border: 0;font-size: 1.8rem;color: #fff;background:#34a999;}

/* .popup_all_close > a{display:none;} */

.pop_wrap .slick-track{gap:10px;}
.jsLayerPop .txtbox .txt{height:290px;padding-bottom:45px;}


}