.pop_bg {
    position:fixed; display:none; left:0; right:0; top:0; bottom:0; z-index:101110;
    background:rgba(0,0,0,0.4);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000,endColorstr=#70000000);
}
.layer_box {
    position:fixed; display:block; left:0; right:0; top:0; bottom:0; width:980px; max-width:980px; height:609px; max-height:609px; margin:auto auto; padding:30px; background:#fff; z-index:1001111;
    box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
}
.layer_email{width: 700px; height: 500px; }
.layer_box > h3 { margin-bottom:40px; font-size:30px; color:#111; font-weight:700; }
.layer_box .btn_close { position:absolute; display:block; width:60px; height:56px; right:-60px; top:0; background:url(/theme/kans/images/template/btn_close.jpg) no-repeat center center; overflow:hidden; font-size:0;line-height:0;}
.layer_box.layer_sitemap .btn_close {right:0; left: auto; width:140px; height:140px;  border: 1px solid rgba(255,255,255,0.15); background: #000;}
.layer_box.layer_sitemap .btn_close:after{position: absolute; content:''; left: 0; top: 0; width:140px; height:140px;  background:url(/theme/kans/images/template/btn_close.jpg) no-repeat center center;  transform:rotate(90deg);  transition:.8s; }
.layer_box.layer_sitemap .btn_close:hover:after{transform:rotate(360deg);}
.layer_box .div_outline { display:block; /*height:360px; overflow-y:auto;*/ border:1px solid #ddd; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.layer_box .div_outline:after { display:block; content:""; clear:both; }
.layer_box .div_outline_padding { display:block; height:360px; padding:20px; border:1px solid #ddd; overflow-y:auto; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.layer_box .div_outline_padding:after { display:block; content:""; clear:both; }

.layer_box textarea {
    width:100%; height:450px; padding:10px; border:0; overflow-y:auto; resize:none; outline:0;
    box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
}

.layer_box .email_area { display:table; width:100%; height:100%; border-collapse:collapse; border-spacing:0; margin:0; padding:0; overflow:hidden; }
.layer_box .email_box { display:table-cell; width:100%; height:350px; padding:50px; text-align:center; vertical-align:middle; box-sizing:border-box; overflow:hidden; }
.layer_box .email_area .email_box .big_txt { margin-bottom:20px; font-size:20px; color:#222; font-weight:700; }
.layer_box .email_area .email_box .normal_txt { margin:0; font-size:15px; color:#555; line-height:1.5; word-break:keep-all; }

.layer_box.layer_pat {top:auto;bottom:20px;width:600px;height:800px;max-height:800px;padding:30px 30px 0;}
.layer_box.layer_pat .pop_name {display:table;position:relative;width:93%;height:72px;margin:-36px auto 0;background:#49494b;border-radius:10px 10px 0 0;table-layout:fixed;}
.layer_box.layer_pat .pop_name > span {display:table-cell;padding:0 20px;font-size:17px;font-weight:400;color:#fff;line-height:27px;text-align:center;vertical-align:middle;}
.layer_box.layer_pat .div_outline {height:734px;border:none;text-align:center;}
.layer_box.layer_pat .div_outline img {width:auto;max-width:100%;height:100%;box-shadow:0 0 5px rgba(100,100,100,0.5);}
.layer_box.layer_sitemap {position:fixed;width:100%;max-width:100%;height:100%;max-height:100%;;background:rgba(0,0,0,0.4); box-sizing: border-box; padding-top: 14vh;}
.layer_box.layer_sitemap .div_outline_padding {position:absolute;top:19vh;lefT:0;right:0;bottom:0;margin:auto;width:1400px;max-width:1400px;height:700px;max-height:700px;border:0;padding:0;}
.layer_box.layer_sitemap h3{font-size: 45px; color: #fff; text-align: center;}

.layer_box .sitemap {border:0;height:auto;width:33.333%;margin:0;box-sizing:border-box; margin-bottom: 33px;}
.layer_box .sitemap:last-child {border-right:0;}
.layer_box .sitemap dt {padding:0;font-size:30px;font-weight:700;line-height:1;color:#fff;text-align:center;border-bottom:0;margin-bottom:30px;transition:0.4s;}
.layer_box .sitemap dt span{position: relative;}
.layer_box .sitemap dd {padding:0;}
.layer_box .sitemap dd .dep2{width: 100%;}
.layer_box .sitemap dd .dep2 > ul {height:250px !important;}
.layer_box .sitemap:nth-child(4) dd .dep2 > ul,
.layer_box .sitemap:nth-child(5) dd .dep2 > ul{height:150px;}
.layer_box .sitemap dd .dep2 > ul > li > a {padding:0;font-size:16px;line-height:36px;font-weight:350;color:#fff;text-align:center;border-bottom:0;transition:0.4s;}
.layer_box .sitemap dd .dep2 > ul > li > ul li a{padding:0;font-size:16px;line-height:36px;font-weight:350;color:rgba(255,255,255,0.8);text-align:center;border-bottom:0;transition:0.4s}
.layer_box .sitemap dd .dep2 > ul > li > ul li:hover a{color: #fff;}

.layer_box .sitemap dt{}
.layer_box .sitemap dt span{position: relative; color: #fff;}
.layer_box .sitemap dt span:before{position: absolute; content:''; width: 0%; height: 14px; background: #db2a2e ; left: 0; bottom: 0; z-index: -1; opacity: 0; transition:.3s;}
.layer_box .sitemap dt.current span:before,
.layer_box .sitemap:hover dt span:before{width: 100%; opacity: 1;}
.layer_box .sitemap:hover dd .dep2 > ul > li > a {color:#fff;}
.layer_box .sitemap dd .dep2 > ul > li:hover > a {color:#db2a2e;}

.layer_privacy { display:none; }
.layer_privacy2 { display:none; }
.layer_email { display:none; }
.layer_pat { display:none; }
.layer_regis { display:none; }
.layer_sitemap { display:none; }
.layer_video { display:none; width:1280px;max-width:1280px;height: 720px;max-height: 720px;padding: 0;}

@media(max-width:1400px){
    .layer_box.layer_sitemap .div_outline_padding {width: 100%;}

}

@media(max-width:1024px){
    .layer_box { width:auto; max-width:90%; height:auto; padding:10px; }
    .layer_box > h3 { margin-bottom:10px; padding:10px 0; font-size:1.4em; }
    .layer_box .btn_close { position:absolute; display:block; width:35px; height:35px; right:0; top:0; overflow:hidden; }
    .layer_box .div_outline { display:block; height:auto; border:1px solid #ddd; overflow-y:auto; }
    .layer_box .div_outline:after { display:block; content:""; clear:both; }
    .layer_box .email_area .email_box { padding:30px; }
    .layer_box .email_area .email_box .big_txt { font-size:1em; }
    .layer_email { max-height:300px; }
}

@media(max-width:800px){
    .layer_box.layer_sitemap .div_outline_padding{box-sizing: border-box; padding: 0 20px;}
    .layer_box .sitemap{width: 49%; margin-right: 2%; overflow: hidden; overflow-y: auto;}
    .layer_box .sitemap:nth-child(2n+2){margin-right:  0;}
}

@media(max-width:640px){
    .layer_box .email_box {height: auto;}

    .layer_box .sitemap { width:49%; }
    .layer_box .sitemap dd > ul > li > a { font-size:0.87em; }

    /* 사이트맵 */
    .layer_box.layer_sitemap .div_outline_padding {width:100%;height:80%;max-height:80%;}
    .layer_box .sitemap:nth-child(2n+2) {border-right:0;}
    .layer_box .sitemap dt {font-size:4vw;line-height:4vw;margin-bottom:4vw;}
    .layer_box .sitemap dd .dep2 > ul > li > a{font-size: 3.2vw; line-height: 1.7;}
    .layer_box .sitemap dd > ul {height:53vw;}
    .layer_box .sitemap dd > ul > li > a {line-height:2;}
    .layer_box .sitemap{margin-bottom: 6vw;}
}
@media(max-width:480px){
    .layer_box > h3{font-size: 5vw !important; font-weight: 500 !important;}
    .layer_box textarea{font-size: 3.2vw; line-height: 1.7;}
    .layer_box .email_area .email_box .normal_txt{font-size: 3.2vw; text-align: center; line-height: 1.7;}
    .layer_box .sitemap dd{overflow: hidden; overflow-y: scroll !important;}
    .layer_box .sitemap dd > ul{overflow: hidden; overflow-y: scroll !important;}
    .layer_box .sitemap dd > ul > li > a{line-height: 2;}
    .layer_box .sitemap{overflow: hidden; overflow-y: scroll !important;}
    .layer_box .sitemap dd{height: 45vw; overflow-y: scroll !important;}
    .layer_box .sitemap:nth-child(3) dd,
    .layer_box .sitemap:nth-child(4) dd{height: 33vw;}
    .layer_box.layer_sitemap .btn_close {width: 45px; height: 45px;}
    .layer_box.layer_sitemap .btn_close:after {width: 45px; height: 45px; background-size: 30px;}
    .layer_box.layer_sitemap {padding-top: 3vh;}
    .layer_box.layer_sitemap{overflow: hidden; overflow-y: auto;}
    .layer_box.layer_sitemap .div_outline_padding{overflow: hidden; overflow-y: auto; top: 2vh;}
    .layer_box .sitemap dd > ul > li > ul {display: none;}
    .layer_box .sitemap dd .dep2 > ul > li > ul li a{font-size: 3.2vw; line-height: 1.7;}
    .layer_box .sitemap dd .dep2 > ul {height:150px !important;}
}

.layer_cont{margin-top:35px;padding-top:30px;border-top:1px solid #ddd}
.layer_cont h3{font-size:36px;font-weight: 600;color: #000;}
.layer_cont p{font-size:18px;line-height: 30px;color: #555555;}

.layer_cont .layer_esti_btns{margin-top: 40px;}
.layer_cont .layer_esti_btns span{display:inline-block;width:180px;font-size:18px;line-height: 55px;color: #fff;text-align: center;cursor: pointer;transition:0.3s}
.layer_cont div .btn_pop_question{margin-right: 6px;background-color: #ff3000;}
.layer_cont div .btn_pop_cancel{background-color: #191919;}

.layer_cont div .btn_pop_question:hover{background-color: #d22700;}
.layer_cont div .btn_pop_cancel:hover{background-color: #000;}
/* s3_3 파트너스명 검색 팝업 */
.layer_box.layer_search_belong{display: none;width:613px;height:auto!important;max-height: 700px;;padding:85px 30px 95px;box-sizing:border-box;background: #fff url(../../images/template/layer_estimate_bg.jpg) no-repeat center;border-radius:30px;text-align: center;}
.layer_search_belong .stbl_wrap table tr th{padding:10px;border: 0; text-align:center;}
.layer_search_belong .stbl_wrap table tr td{padding:5px;  text-align:center; font-size: 15px;}
.layer_search_belong .pop_search{margin-bottom:20px;}
.layer_search_belong .pop_search input[type=text]{width:calc(100% - 100px)}
.layer_search_belong .pop_search .btn_search,
.layer_search_belong .btn_st2{width:90px;height: 35px!important;line-height: 35px!important;}

.layer_search_belong .pg_wrap{margin-top: 20px!important;}

/*=======================================================
	.layer-wrap.popup_new
=========================================================*/
.layer_box.popup_new {display: none;width:613px;height:auto!important;max-height: 664px;padding:85px 30px 95px;box-sizing:border-box;background: #fff;border-radius:30px;text-align: center;}
.layer_box.popup_new .stbl_wrap table tr th{padding:10px;border: 0; text-align:center;}
.layer_box.popup_new .stbl_wrap table tr td{padding:5px;  text-align:center; font-size: 15px;}
.layer_box.popup_new .stbl_wrap table tr td:nth-child(2) {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;}
.layer_box.popup_new#pay-complete {min-height: 700px;max-height: 770px;}
.layer_box.popup_new#pay-try select, .layer_box.popup_new#pay-try input {width: 60%;height: 30px;}
.layer_box.popup_new#pay-try select {text-align: center}
.layer_box.popup_new#pay-try input {text-align: left; padding: 0 10px;}

#course-change.layer_box.popup_new .pg_wrap{margin-top: 20px!important;}
#course-change.layer_box.popup_new .btn_st2{width:90px;height: 35px!important;line-height: 35px!important;}

/*=======================================================
	.layer-wrap.b-popup
=========================================================*/
.b-popup{position:fixed;min-width:360px;background:#f7f1eb;z-index:9129; border-radius:24px;max-width:720px; width:100%;left:-9999em;top:50%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
.b-popup.active{left:50%;}
.b-popup .close{position:Absolute;right:24px; top:24px; width:48px;height:48px; box-sizing:border-box; border:2px solid #535c66;background:url(/public/web/img/sub/layer-close.png) no-repeat center center; background-size:24px auto; border-radius:100%;}
.b-popup .is-con{padding:64px 80px;}
.b-popup .is-con .btxt{font-size:48px;font-weight:500; color:#4c5366; letter-spacing:-0.04em; line-height:68px}
.b-popup .is-con .stxt{margin-top:24px; font-size:24px; color:#535c66; font-weight:400; line-height:40px;letter-spacing:0em;}
.b-popup .is-con .xstxt{margin-top:24px; font-size:16px; color:#535c66; font-weight:400; line-height:20px;letter-spacing:0em;}
.b-popup .is-con .lower{margin-top:72px;}
.b-popup .is-con .lower a{display:inline-block;vertical-align:top;border-radius:40px; text-align:center; font-size:16px; font-weight:500;padding:0 16px;min-width: 120px;box-sizing: border-box;width: 120px;height: 40px;line-height: 37.5px;box-sizing: border-box;}
.b-popup .is-con .lower a:nth-child(n+2){margin-left:12px;}
.b-popup .enter-btn{color:#fff; background:#535c66;  border:1px solid #535c66}
.b-popup .renter-btn{color:#535c66; border:1px solid #535c66}
.b-popup .regist-btn{color:#fff; background:#535c66;  border:1px solid #535c66}

@media only screen and (max-width:999px){
    .b-popup{top:auto; bottom:0; width:100%; max-width:100%; border-bottom-left-radius:0;border-bottom-right-radius:0; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0);  -ms-transform: translate(0, 0);  -o-transform: translate(0, 0);  transform: translate(0, 0);}
    .b-popup.active{ left:0;}
    .b-popup .close{display:none;}
    .b-popup .is-con{padding:28px 24px;}
    .b-popup .is-con .btxt{font-size:32px; line-height:44px;}
    .b-popup .is-con .stxt{font-size:16px; margin-top:22px; line-height:24px;}

    .b-popup .is-con .lower{}
    .b-popup .is-con .lower a{display:block; line-height:46px;height:48px;}
    .b-popup .is-con .lower a:nth-child(n+2){margin-left:0;margin-top:12px}
    .b-popup .enter-btn{ width:auto;}
    .b-popup .renter-btn{width:auto; }
    .b-popup .regist-btn{width:auto;}
}
@media only screen and (max-width:680px){

}
@media only screen and (max-width:480px){
    /* .b-popup .is-con .btxt{font-size:28px} */
}

/*=======================================================
	.layer-wrap.popup_new#online-refresh
=========================================================*/
.layer_box.popup_new#online-refresh {
    height: 400px !important;
}
.layer_box.popup_new#online-refresh .layer_cont div span.disabled {
    position: relative;
    left: 0;
    top: 0;
    background-color: #cbcbcb;
}