/********************************************************
■ 팝업
********************************************************/
.layer { position:absolute; z-index:9; background-color: white; max-width:100%; }
.layer  img{max-width:100%;}
.layer_button { overflow:hidden; background:#222; vertical-align: bottom; padding:0 15px; border-top:1px solid #EFEFEF; }
.layer_button p {line-height:40px; color:#fff;}
.layer_button .left{float:left; cursor:pointer;  font-size:0.8rem;}
.layer_button .left input[type="checkbox"]{/*display: none;*/ width:18px; height:18px;}
.layer_button .left input[type="checkbox"] + label{position: relative; padding-left: 5px; padding-right:0; cursor:pointer;}
/* .layer_button .left input[type="checkbox"] + label:before{content:''; position:absolute; left:0px; top:-2px; width:20px; height:20px; border:2px solid #ddd; background:#fff; border-radius:50%;} */
/* .layer_button .left input[type="checkbox"]:checked + label:after{content:'\e929'; position:absolute; left:2px; top:0px; width:20px; height:20px; line-height:20px; text-align:center; color:#ddd; font-size:20px; font-family: 'xeicon';} */
.layer_button .right{float:right;  font-size:24px;}
/* .layer_button .left input[type="checkbox"]:checked + label:before{border-color:#1E8DDE; background:#1E8DDE;} */
/* .layer_button .left input[type="checkbox"]:checked + label:after{color:#fff;} */
.layer_button .right{float:right;  font-size:24px;}
span.close { cursor:pointer; font-size:16px;}
span.close i{font-size:24px;     vertical-align: middle; margin-bottom: 3px; }
.layer span:focus-visible{outline-color:#E84033 !important;}
.layer input[type="checkbox"]:focus-visible{outline-color:#E84033 !important;  outline-offset: 3px ;}

.clearfix { width:100%; }
.back01 {width:100%; height:120px; padding-bottom:2px; margin-top:8px;  background-color:#fbf5fa;}
.back01 p.title_s {margin-bottom:16px; padding-left:21px; font-size:16px; line-height:20px; font-weight:700; color:#333333; padding-top:10px; }
.back01 .btns {position:relative; bottom:40px; left:68px;}
.banners { position: relative; bottom: 35px; left:0px; }
div.banners div.bx-wrapper div.bx-viewport { height:75px; }

@media (max-width:767px){
	.layer{width:100% !important; left:0 !important; top:4rem !important; height:auto !important;}
	.layer div{min-height:auto !important;}
	.layer  img{width:100%;}
}

.popup_web{display:block; }
.popup_mob{display:none;}
.layerPopup{position: absolute;  top: 0;  left: 0; z-index:99999;  }
.chkvsb{display:flex; justify-content: space-between; background: #191919; color:#fff; padding:.5rem .5rem;}
.chkvsb p{cursor:pointer; font-size:.7rem;}
.popup_web img{width:100%; height:100%;}

.chkvsb p i{vertical-align:middle;}

@media (max-width:1300px){
}
@media (max-width:1030px){
	.layerPopup{ height:100%; width: 100%;}
	.popup_web{display:none;}
	.popup_mob{display:block;}
	.popup_mob .popup{position:absolute; left:50%; top:5rem; width:500px; transform:translate(-50%); z-index:99999; box-shadow:0 0 20px rgba(0,0,0,0.4);background-color: #fff;}
	.popup_mob .popup .swiper-pagination{bottom:3rem;}
	.popup_mob .popup .swiper-pagination-bullet{width:.5rem; height:.5rem; border-radius:.25rem;}
	.popup_mob .popup .swiper-pagination-bullet-active{width:1.5rem; background:#000;}
	.popup_mob .popup .swiper-slide img{max-width:100%; height:auto;}
	.chkvsb{padding:.75rem;}
	.chkvsb p{ font-size:.85rem;}
}
@media (max-width:767px){
	.popup_mob .popup{width:80%;}
}
.swiper-container-pointer-events{height:auto !important;}