@charset "utf-8";
.gnb-wrap .gnb .dl .secs .sub-gnb {background-image: none !important;}
.gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav {justify-content: center;}
.gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .bunch5 {justify-content: center;}
.gnb-wrap .gnb .dl .secs:nth-child(2) .sub-gnb .sub-gnb-wrap .nav .bunch5 {margin-left: -18.5%;}



.subWrap {padding-top: 200px; background: url('/images/layout/reserTopBg.png') top 148px center no-repeat; background-size: contain;}
.sub-container .subContentWrap .subCnt_top {justify-content: center; position: relative; text-align: center;}
.sub-container .subContentWrap .subCnt_top .sct_left h3 {font-family: 'Gmarket Sans'; font-size: 40px; color: #625f9c; margin-bottom: 20px; letter-spacing: -0.05em;}
.sub-container .subContentWrap .subCnt_top .sct_left p {font-family: 'SBAggroL';  font-size: 15px; color: #545455; line-height: 180%; letter-spacing: -0.02em; word-break: keep-all;}
.sub-container .subContentWrap .subCnt_top .sct_right {position: absolute; right: 0;}
.sub-container .subContentWrap .subCnt_top .sct_right > div > a {border: none;}

.sub-container .subContentWrap {max-width: 100%; margin-left: 0;}
.sub-container .subNavWrap .subNav_tit {background-color: #615eaa;}

.gnb-box-flex h1.logo a.side  {width: auto !important;}
.gnb-box-flex h1.logo a.side, header.active .gnb-box-flex h1.logo a.side {color:#544fdc !important; background: none;}


.sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level2-1 span {white-space: nowrap;}

@media screen and (max-width: 1200px) {
      .gnb-wrap .gnb .dl .secs .sub-gnb{height: auto;} 
}     

@media screen and (max-width: 1024px) {
    .subWrap {padding-top: 175px;}
    .sub-container .subContentWrap .subCnt_top {background: #e9eefa !important;}
    .sub-container .subContentWrap .subCnt_top .sct_left h3 {padding-left: 0; font-size: 36px;}
    .sub-container .subContentWrap .subCnt_top .sct_right {top: 0;}
}

@media screen and (max-width: 1000px) {
    .subWrap {padding-top: 80px;}
}

@media screen and (max-width: 640px) {
    .sub-container .subContentWrap .subCnt_top .sct_left h3 {font-size: 32px; margin-bottom: 15px;}
}

@media screen and (max-width: 480px) {
    .subWrap {padding-top: 55px;}
    .subWrap .sub-container .subContentWrap .subCnt_top {padding-bottom: 20px;}
    .sub-container .subContentWrap .subCnt_top .sct_right {margin-top: 10px;}
    .sub-container .subContentWrap .subCnt_top .sct_left h3 {font-size: 30px;}
    .sub-container .subContentWrap .subCnt_top .sct_left p {font-size: 14px;}
    .sub-container .subContentWrap .subCnt_top .sct_left p>br {display: none;}
}     

header .gnb-box-flex h1.logo a::before {background: url('/images/Potal/images/main/snow_on.png') no-repeat; background-size: 100%;}
header .gnb-box-flex h1.logo::before {background: url('/images/Potal/images/main/snowMan_on.png') no-repeat; background-size: 100%;}     




/*popup*/
 .in_layer_pop {position: fixed;top:0;right:0;bottom:0;left:0;background: rgba(0, 0, 0, .5);backdrop-filter: blur(2px);z-index: 99999;height: 100vh;} 
 .in_layer_pop>div {position:absolute;top: 0;left:50%;width: 100%;transform:translate(-50%, 0)} 
 .in_layer_pop .con img,
 .in_layer_pop .con iframe { width:100% } 
 .in_layer_pop .con{padding-top:30px}
 .in_layer_pop>div>p {background: #000;overflow:hidden;position: absolute;width: 100%;top: 0;} 
 .in_layer_pop p a {float:left;width:50%;padding:10px 0;color: #fff;font-size:15px;text-align:center;position:relative} 
 .in_layer_pop p a:first-child:after { content:""; display:block; position:absolute; top:0; right:0; bottom:0; width:1px; background:rgba(255, 255, 255, .2) } 
 .in_layer_pop p a:hover,.in_layer_pop p a:focus { background:var(--color7) } 

 .in_layer_pop .txt-box{background:#fff;border-radius:0;border:none;}
 .in_layer_pop .txt-box h4{text-align:center;background: #2285cd;padding: 10px;color: #fff;position: relative;font-size: 21px;word-break: auto-phrase;}
 .in_layer_pop .txt-box h4:before{display: block;content:'';background: #fff url("/images/common/box-con-icon01.png") no-repeat 62% 11px;width: 57px;height: 57px;margin: 0 auto 10px auto;border-radius: 50%;vertical-align: middle; display:none;}
 .in_layer_pop .txt-box .cont-list.step01 li{margin-bottom: 0;}

@media all and (min-width:768px){
.in_layer_pop{position:fixed;}
.in_layer_pop>div {top:50%;transform:translate(-50%, -50%);width: 90%;} 
.in_layer_pop .con iframe{ width:600px; height:400px } 
.in_layer_pop .con img { width:auto } 
     
.in_layer_pop .txt-box{padding:30px}
.in_layer_pop .txt-box h4{font-size: 30px;line-height: 1.2;}
 .in_layer_pop .txt-box h4:before{display:block;}
.in_layer_pop .txt-box li{font-size: 16px;margin-bottom: 5px;letter-spacing: -.5px;}
.in_layer_pop .txt-box .cont-list.step01>li{margin-bottom: 8px;}
 }
 
 @media all and (min-width:1023px){
.in_layer_pop .con iframe { width:950px; height:530px } 
.in_layer_pop>div{max-width: 810px;}

.in_layer_pop .txt-box h4:before{display:inline-block;margin: 0 10px 0 0;}
 }