@import url('https://cdn.jsdelivr.net/gh/leetaewook/gmarket-sans-dynamic-subset/GmarketSans.css');

* {margin:0; padding: 0;}
li {list-style: none}
a { text-decoration: none; } 
a:hover { text-decoration: none; }
em { font-style: normal; }
body { color: #232323; font-family: 'Gmarket Sans'; width: 100%; font-size: 16px; letter-spacing: -0.3em; }
.hidden { display: none; }
.clearfix::after {content:""; display:table; clear:both;}
nav.pc_navi { display: none; }
div#wrap { width: 100%; overflow: hidden; }
.inner { max-width: 800px; margin: 0 auto; width: 100%; padding: 6.9% 0; }


@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}



header { position: fixed; width: 100%; height: auto; z-index: 999; }
header #menu { background: #3e3e3e; width: 100%; letter-spacing: -0.03em; }
header #menu a { color: #fff; display: block; width: 100%; height: 100%; padding: 2% 0; font-size: 1.2em; }

header #menu ul { display: flex; justify-content: space-between; }
header #menu ul li { border-right: 1px solid #646464; width: 25%; text-align: center; transition: 0.3s; }
header #menu ul li:hover { background: #1f1f1f; transition: 0.3s; }
header #menu ul li:last-child { border-right: none; }


header .suga { letter-spacing: -0.03em; font-weight: bold; background: #f6f5f5; font-size: 2em; text-align: center; padding: 10px 0; }
header .suga span { color: #d22c2c; }
header .suga em { color: #d22c2c; font-size: 1.4em; }

header .suga .mo_br { display: none; }
header .suga .bar { color: #232323; }



@media screen and (max-width: 1600px){
    header #menu a { font-size: 1.1em; padding: 14px 0; }
}
@media screen and (max-width: 1080px){
    header .suga { font-size: 3.2vw; }
    header .suga .mo_br { display: block; }
    header .suga .bar { display: none; }
}
@media screen and (max-width: 860px){
    header .suga { font-size: 4vw; }
}
@media screen and (max-width: 680px){
    header #menu a { font-size: 2.8vw; padding: 14px 0; }
}
@media screen and (max-width: 480px){
    header #menu a { font-size: 2.8vw; padding: 14px 0; }
    header .suga { font-size: 4.3vw; }
}
@media screen and (max-width: 400px){
    header #menu a { font-size: 2.8vw; padding: 14px 0; }
}





.m_visual { width: 100%; height: 100vh; background: url('../images/visu_bg.jpg') no-repeat center center; background-size: cover; display: flex; justify-content: center; align-items: center; }
.m_visual img { display: block; width: 200px; height: auto; margin: 0 auto; }

.visu_tit { font-size : 5.3em; font-weight: 300; text-align: center; margin-top: 4%; }
.visu_tit span { font-weight: bold; color: #213e7f; letter-spacing: -0.03em; }

.visu_txt { font-size: 1.5em; letter-spacing: -0.06em; text-align: center; margin-top: 3%;  line-height: 1.3; font-family: 'Pretendard-Regular'; }

@media screen and (max-width: 1280px){
    .visu_tit { font-size : 4.6em; }
    .visu_txt { font-size: 1.4em; }
}
@media screen and (max-width: 980px){
    .m_visual img { width: 170px; }
    .visu_tit { font-size : 4.2em; }
    .visu_txt { font-size: 1.43em; }
}
@media screen and (max-width: 860px){
    .m_visual { background: url('../images/visu_bg.png') no-repeat 17% center; background-size: cover; }
    .m_visual img { width: 22vw; }
    .visu_tit { font-size : 7.5vw; }
    .visu_txt { font-size: 2.5vw; }
}
@media screen and (max-width: 480px){
    .m_visual img { width: 25vw; }
    .visu_tit { font-size : 8vw; letter-spacing: -0.04em; }
    .visu_txt { font-size: 3.1vw; }
}





#sec1 { background: #0b1862; height: auto; padding: 50px 0; overflow-x: hidden !important; }
#sec1 .inner { position: relative; }
.sec1_typo1 { width: 489px; position: absolute; top: 260px; left: -160px; }
.sec1_typo2 { width: 550px; position: absolute; bottom: 200px; right: -260px; z-index: 1; }


@media screen and (max-width: 1400px){
    .sec1_person > img { display: block; width: 80%; margin: 0 auto; }

    .sec1_typo1 { width: 30vw; position: absolute; top: 200px; left: -7%; }
    .sec1_typo2 { width: 30vw; position: absolute; bottom: 150px; right: -7%; z-index: 1; }
    
    .sec1_typo1 img { width: 100%; }
    .sec1_typo2 img { width: 100%; }
}

@media screen and (max-width: 1080px){
    .sec1_person > img { display: block; width: 80%; margin: 0 auto; }
    
    .sec1_typo1 { width: 35vw; position: absolute; top: 200px; left: -4%; }
    .sec1_typo2 { width: 35vw; position: absolute; bottom: 150px; right: -5%; z-index: 1; }
}

@media screen and (max-width: 980px){
    .sec1_person > img { display: block; width: 70%; margin: 0 auto; }
    
    .sec1_typo1 { width: 30vw; position: absolute; top: 20%; left: 2%; }
    .sec1_typo2 { width: 30vw; position: absolute; bottom: 15%; right: 2%; z-index: 1; }
}
@media screen and (max-width:860px){
    .sec1_person > img { display: block; width: 65%; margin: 0 auto; }
    
    .sec1_typo1 { width: 32vw; position: absolute; left: 6%; }
    .sec1_typo2 { width: 32vw; position: absolute; right: 6%; z-index: 1; }
}
@media screen and (max-width:640px){
    #sec1 { padding: 10vw 0; }
    .sec1_person > img { display: block; width: 65%; margin: 0 auto; }
    
    .sec1_typo1 { width: 32vw; position: absolute; top: 20%; left: 8%; }
    .sec1_typo2 { width: 32vw; position: absolute; bottom: 15%; right: 8%; z-index: 1; }
}






#sec2 { background: url('../images/sec2_bg.jpg') no-repeat center center; background-size: cover; overflow-x: hidden !important; padding-top: 5%; }
#sec2 .inner { width: 90%; max-width: 1400px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
#sec2 .sec2_left { width: 48%; }
#sec2 .sec2_left img { display: block; width: 100%; margin-top: 7%; }
#sec2 .sec2_left p { display: inline-block; font-size: 5.2em; font-weight: bold; line-height: 1; margin-bottom: 3%; }
#sec2 .sec2_left p:first-child { color: #15226c; }
#sec2 .sec2_left p::after { content: ""; display: block; width: 0; height: 7px; background: #15226c; transition: width 1s; }
#sec2 .sec2_left.active p::after { width: 100%; transition: width 1s; }

#sec2 .sec2_right { width: 44%; }
#sec2 .sec2_right img { display: block; width: 100%; }

@media screen and (max-width:1600px){
    #sec2 { padding-top: 8%; }
    #sec2 .sec2_left p { font-size: 5.2vw; }
    #sec2 .sec2_left img { display: block; width: 100%; margin-top: 4%; }
}
@media screen and (max-width:1280px){
    #sec2 .sec2_left p::after { height: 5px; }
}
@media screen and (max-width:1080px){
    #sec2 { padding-top: 11vw; }
    #sec2 .inner { width: 70%; max-width: 800px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 15% 0 10%;}
    
    #sec2 .sec2_left { width: 90%; margin: 0 auto; }
    #sec2 .sec2_right { width: 100%; }
    
    #sec2 .sec2_left p { font-size: 7.7vw; }
}

@media screen and (max-width:640px){
    #sec2 { padding-top: 17vw; }
    #sec2 .sec2_left p { font-size: 7.9vw; }
}






#sec3 { background: url('../images/sec3_bg.jpg') no-repeat center center; background-size: cover; }
#sec3 .inner { width: 70%; margin: 0 auto; }

#sec3 .inner > img:first-child { display: block; width: 68%; }

.sec3_slide { position: relative; margin-top: 18px; }
.sec3_slide img { display: block; width: 100%; }

/* 슬라이드 arrow style */
#sec3 .slick-arrow { display: block !important; position: absolute; width: 70px; height: 70px; text-indent: -9999px; border: none !important; }
#sec3 .slick-arrow.slick-prev { background: url('../images/sec3_arrow_prev.png') no-repeat center center; background-size: 100%; left: -100px; top: 290px !important; }
#sec3 .slick-arrow.slick-next { background: url('../images/sec3_arrow_next.png') no-repeat center center; background-size: 100%; right: -100px; top: 320px !important; }

#sec3 p { font-size: 1.8em; letter-spacing: -0.05em; color: #fff; text-align: right; margin-top: 18px; }
#sec3 p span { font-size: 1.3em; }


@media screen and (max-width:1400px){
    #sec3 .inner { padding: 10vw 0; }
}
@media screen and (max-width:980px){
    #sec3 .slick-arrow { width: 50px; height: 50px; }
    #sec3 .slick-arrow.slick-prev { left: -70px; top: 26vw !important; }
    #sec3 .slick-arrow.slick-next { right: -70px; top: 30vw !important; }
}
@media screen and (max-width:680px){
    #sec3 .slick-arrow { width: 40px; height: 40px; }
    #sec3 .slick-arrow.slick-prev { left: -50px; top: 26vw !important; }
    #sec3 .slick-arrow.slick-next { right: -50px; top: 30vw !important; }
    
    #sec3 p { font-size: 3.6vw; letter-spacing: -0.05em; color: #fff; text-align: right; margin-top: 18px; }
}
@media screen and (max-width:480px){
    #sec3 .slick-arrow { width: 30px; height: 30px; }
    #sec3 .slick-arrow.slick-prev { left: -36px; top: 26vw !important; }
    #sec3 .slick-arrow.slick-next { right: -36px; top: 30vw !important; }
}
@media screen and (max-width:400px){
    #sec3 .slick-arrow { width: 24px; height: 24px; }
    #sec3 .slick-arrow.slick-prev { left: -24px; top: 26vw !important; }
    #sec3 .slick-arrow.slick-next { right: -24px; top: 30vw !important; }
}





#sec4 { background: url('../images/sec4_bg.jpg') no-repeat center center; background-size: cover; letter-spacing: -0.07em; text-align: center; }
#sec4 .inner { width: 80%; max-width: 1400px; margin: 0 auto; }

#sec4 .small { color: #fff; font-size: 2.5em; }
#sec4 .tit { font-size: 5.5em; font-weight: bold; background: linear-gradient(to right, #3fe2ff, #265eff); color: transparent; -webkit-background-clip: text; }

#sec4 img.case { display: block; width: 100%; margin: 3% auto 0; }
#sec4 img.deco { display: block; width: 70%; max-width: 857px; margin: 5% auto 0; }

@media screen and (max-width:1400px){
    #sec4 .inner { padding: 12vw 0; }
}
@media screen and (max-width:1280px){
    #sec4 .small { font-size: 4vw; }
    #sec4 .tit { font-size: 8vw; }
}






#sec5 { background: #0b1862; height: auto; letter-spacing: -0.03em; }
#sec5 .inner { width: 80%; max-width: 894px; margin: 0 auto; }
#sec5 img { display: block; width: 100%; margin-top: 2%;}

#sec5 .inner > p:first-child { font-weight: bold; font-size: 2.3em; color: #fff; text-align: center; }
#sec5 .inner > p:nth-child(2) { font-weight: bold; font-size: 3.8em; color: #fff; text-align: center; }
#sec5 .inner > p:nth-child(3) { font-weight: 300; font-size: 1.4em; color: #fff; text-align: center; padding-top : 2%; }


.price { position: relative; }
.price_form { position: absolute; bottom: 12%; left: 5%; text-align: center; width: 90%; }
.price_form p { font-size: 3.2em; letter-spacing: -0.06em; margin-bottom: 24px; }
.price_form p span { font-weight: bold; color: #d22c2c; }

.eventDate_form {position: absolute; top: 6.5%; left: 23%; text-align: center; width: 50%; border: 3px solid; font-size: 2rem; padding: 2%; border-radius: 50px; height: 2rem; line-height: 1.2; }

.name_input { padding: 14px 10px; min-width: 250px; }
.num_input { padding: 14px 10px; min-width: 250px; }

.btn_submit { background: #d22c2c; color: #fff; font-size: 2.5em; font-weight: bold; font-family: 'GmarketSans'; border: none; line-height: 1; padding: 16px 50px 10px; cursor: pointer; margin-top: 34px; animation-name: colorChange; animation-duration: 1s; animation-iteration-count: infinite; }

@keyframes colorChange {
    0% {
	background-color:#d22c2c;
      }
      50%{
        color: #f3ff37;
        background-color:#000;
    }
}


/* sec5 상담신청 폼 */
.agree {margin-top: 3%;}
.agree a {border-bottom:1px solid #aaa;}
.agree .css-checkbox {width: 16px; height: 16px;  margin-right: 3px;  vertical-align: middle;}


@media screen and (max-width:1400px){
    #sec5 .inner { padding: 12vw 0; }
}

@media all and (max-width: 980px){
    .price_form { bottom: 11vw; }
    .price_form p { font-size: 5vw; }

    .eventDate_form { font-size: 3vw; height: 3vw;}
    
    .name_input { padding: 14px 10px; min-width: 25vw; }
    .num_input { padding: 14px 10px; min-width: 25vw; }
    
    .btn_submit { font-size: 4vw; }
}
@media screen and (max-width:860px){
    #sec5 .inner > p:first-child { font-weight: bold; font-size: 4vw; color: #fff; text-align: center; }
    #sec5 .inner > p:nth-child(2) { font-weight: bold; font-size: 7vw; color: #fff; text-align: center; }
    #sec5 .inner > p:nth-child(3) { font-weight: 300; font-size: 2.5vw; color: #fff; text-align: center; padding-top : 2%; }
    
    .price { margin-top: 4vw; }

    .eventDate_form { font-size: 3vw; height: 3vw;}
}
@media all and (max-width: 767px){
    .price_form { bottom: 11vw; }
    .price_form p { font-size: 5vw; margin-bottom: 2vw;  }

    .eventDate_form { border: 2px solid;}
    
    .name_input { padding: 2% 1%; min-width: 25vw; }
    .num_input { padding: 2% 1%; min-width: 25vw; }
    
    .btn_submit { font-size: 4vw; padding: 3% 7% 1.9%; margin-top: 3.5vw; }
    
	.agree { font-size: 2vw; }
	.agree a { font-size: 2vw;}
}

@media all and (max-width: 500px){
    .price_form { bottom: 6vw; }
    .name_input { padding: 2% 1%; min-width: 0; width: 80%; margin-bottom: 1vw; }
    .num_input { padding: 2% 1%; min-width: 0; width: 80%; }
    
	.agree .css-checkbox {width: 12px; height: 12px; margin-right: 1px;}
	.agree {margin-top: 4%; font-size: 2.5vw; }
	.agree a {font-size: 2.5vw; }
}
@media all and (max-width: 400px){
    .price_form { bottom: 5vw; }

    .eventDate_form { border: 1px solid;}
    .eventDate_form { font-size: 3.5vw; height: 3.5vw;}
}



.layer{ font-family: 'Pretendard-Regular'; position:fixed; display:none; left:0;top:180px; z-index:9999; width:100%;}
.layer .close_btn{position:absolute; overflow: hidden; right:0; top:0;background:#111;  border-radius:0 10px 0 10px; color: #fff;}
.layer .close_btn a{display: block;color: #fff;padding:14px 18px; font-size:20px; font-weight:bold;}
.layer .layer_wrap{position:relative;width:100%; max-width:700px; top:0px; margin:0 auto; border-radius:10px; background: #fff; text-align:left; letter-spacing:-0.5px; box-shadow:0 0 50px rgba(0,0,0,0.6);}
.layer .layer_wrap .DB_info_detail{width:100%;  margin:18px auto; padding-bottom:16px; line-height:18px; color: #333;font-size:12px;}
.layer .layer_wrap .DB_info_detail h2{padding:28px 20px;border-bottom:1px solid #eee; font-size:21px; font-weight:500;  font-family: 'GongGothic'; }
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap p{padding:8px;margin-bottom:12px; font-size:13px;}
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap{width:98%; height:360px; padding:8px 16px; overflow:auto; box-sizing:border-box;}
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap dl dt{display:block; background: #eee;border-radius:3px; padding:7px 10px; font-weight: bold;}
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap dl dd{margin-bottom:16px; padding:4px 12px; box-sizing:border-box;}







#sec6 { background: url('../images/sec6_bg.jpg') no-repeat center center; background-size: cover; letter-spacing: -0.07em;}
#sec6 .inner { width: 80%; max-width: 894px; margin: 0 auto; }
#sec6 img { display: block; width: 100%; margin-top: 2%;}

#sec6 .inner > p:first-child { font-weight: bold; font-size: 2.3em; color: #fff; text-align: center; }
#sec6 .inner > p:nth-child(2) { font-weight: bold; font-size: 3.8em; color: #fff; text-align: center; }


@media screen and (max-width:1400px){
    #sec6 .inner { padding: 12vw 0; }
}

@media screen and (max-width:860px){
    #sec6 .inner > p:first-child { font-weight: bold; font-size: 4vw; color: #fff; text-align: center; }
    #sec6 .inner > p:nth-child(2) { font-weight: bold; font-size: 7vw; color: #fff; text-align: center; }
}





#sec7 { background: url('../images/sec7_bg.jpg') no-repeat center center; background-size: cover; letter-spacing: -0.05em; line-height: 1.2; }
#sec7 .inner { width: 80%; max-width: 894px; margin: 0 auto; }
#sec7 img { display: block; width: 100%; margin-top: 5%;}

#sec7 .inner > p:first-child { font-weight: bold; font-size: 2.3em; color: #0b1862; text-align: center; }
#sec7 .inner > p:nth-child(2) { font-weight: bold; font-size: 3.8em; color: #0b1862; text-align: center; }
#sec7 .inner > p:nth-child(3) { font-weight: 500; font-size: 1.4em; color: #0b1862; text-align: center; padding-top : 2%; }

#sec7 .inner > p:nth-child(5) { font-size: 1.4em; color: #0b1862; text-align: center; font-weight: 500; padding-top: 5%; padding-bottom: 3%; font-family: 'Pretendard-Regular'; line-height: 1.3; }
#sec7 .inner > p:nth-child(5) span { font-size: 1.2em; font-weight: bold; }

.sec7_process { display: flex; flex-wrap: wrap; }
.sec7_process img { width: 50% !important; display: block; }




@media screen and (max-width:1400px){
    #sec7 .inner { padding: 12vw 0; }
}

@media screen and (max-width:860px){
    #sec7 .inner > p:first-child { font-weight: bold; font-size: 4vw; color: #0b1862; text-align: center; }
    #sec7 .inner > p:nth-child(2) { font-weight: bold; font-size: 7vw; color: #0b1862; text-align: center; }
    #sec7 .inner > p:nth-child(3) { font-weight: 300; font-size: 2.5vw; color: #0b1862; text-align: center; padding-top : 2%; }
    
    #sec7 .inner > p:nth-child(5) { font-size: 2.5vw; color: #0b1862; text-align: center; font-weight: 500; padding-top: 5%; font-family: 'Pretendard-Regular'; line-height: 1.3; }
}

@media screen and (max-width:480px){
    .sec7_process img { width: 100% !important; display: block; }
    .sec7_process img:last-child {  margin-top: 0 !important; }
}







#sec8 { background: url('../images/sec8_bg.jpg') no-repeat center center; background-size: cover; letter-spacing: -0.05em; line-height: 1.2; }
#sec8 .inner { width: 80%; max-width: 1280px; margin: 0 auto; }

#sec8 .inner > p:first-child { font-weight: bold; font-size: 2.3em; color: #fff; text-align: center; }
#sec8 .inner > p:nth-child(2) { font-weight: bold; font-size: 3.8em; color: #fff; text-align: center; }
#sec8 .inner > p:nth-child(3) { font-weight: 500; font-size: 1.4em; color: #fff; text-align: center; padding-top : 2%; }

#sec8 .inner > p:nth-child(2) span { color: #00beed; }


#sec8 .sec8_list { display: flex; justify-content: space-between; flex-wrap: wrap;  text-align: center; word-break: keep-all; margin-top: 4%; }

#sec8 .sec8_list li { width: 24%; background: rgba(0,190,237,0.75); padding: 5%; box-sizing: border-box; border-top-left-radius: 50px; border-bottom-right-radius: 50px; display: flex; flex-direction: column; justify-content: center; align-items: center; }

#sec8 .sec8_list .num { color: #fff; font-size: 1em; margin-bottom: 6%; }
#sec8 .sec8_list .txt { color: #fff; font-size: 1.3em; font-family: 'Pretendard-Regular'; line-height: 1.3; }


@media screen and (max-width:1400px){
    #sec8 .inner { padding: 13vw 0; }
}

@media screen and (max-width:1280px){
    #sec8 .sec8_list li { width: 49%; margin-bottom: 2%; border-top-left-radius: 30px; border-bottom-right-radius: 0; }
}

@media screen and (max-width:860px){
    #sec8 .inner > p:first-child { font-weight: bold; font-size: 4vw; color: #fff; text-align: center; }
    #sec8 .inner > p:nth-child(2) { font-weight: bold; font-size: 7vw; color: #fff; text-align: center; }
    #sec8 .inner > p:nth-child(3) { font-weight: 300; font-size: 2.5vw; color: #fff; text-align: center; padding-top : 2%; }
}

@media screen and (max-width:767px){
    #sec8 .sec8_list li { width: 49%; margin-bottom: 2%; border-top-left-radius: 20px; border-bottom-right-radius: 0; padding:7% 5%; }
    
    #sec8 .sec8_list .num { font-size: 2vw; }
    #sec8 .sec8_list .txt { font-size: 2.5vw; }
}





 /* 메인 하단 로케이션 */
#location { width: 100%; height: 740px; position: relative;  letter-spacing: -0.04em; font-family: 'Pretendard-Regular'; }

#location .kakao_map { width: 100%; height: 100%; position: relative; z-index: 5; }
#location .kakao_map .root_daum_roughmap { width: 100%; height: 740px; }
#location .kakao_map .wrap_map { height: 740px !important; }

.loca_info { background: #0c3d64; position: absolute; bottom: 0; right: 0; z-index: 10;}
.loca_info { padding: 60px; width: 796px; }

.loca_info .sm_p { color: #47789f; font-family: 'GmarketSans'; font-weight: 600; font-size: 0.9em; margin-bottom: 0.5em; }
.loca_info .tel { color: #fff; font-family: 'GmarketSans'; font-weight:700; font-size: 3em; padding-bottom: 20px; }
.loca_info .add { color: #fff; font-weight: bold; font-size: 1.8em; margin-bottom: 30px;   }

.loca_info_top { border-bottom: 1px solid #47789f; margin-bottom: 30px; }

.hours li { display: flex; color: #fff; font-size: 1.2em; margin-bottom: 4px; }
.hours li .day { text-align: justify; width: 100px; }
.hours li .time { font-weight: thin; }


@media (max-width: 1600px){
    .loca_info { padding: 50px; width: 600px; }
    #location .kakao_map { width: 100%; height: 100%; position: relative; z-index: 5; }
    #location .kakao_map .root_daum_roughmap { width: 100%; height: 580px; }
    #location .kakao_map .wrap_map { height: 580px !important; }

    .loca_info .sm_p { font-size: 0.9vw; margin-bottom: 0.5em; }
    .loca_info .tel { font-size: 2.7vw; padding-bottom: 20px; }
    .loca_info .add { font-size: 1.7vw; margin-bottom: 30px;  }

    .loca_info_top { margin-bottom: 30px; }

    .hours li { display: flex; color: #fff; font-size: 1.2vw; }
    .hours li .day { text-align: justify; width: 100px; font-weight: 700; }
}

@media (max-width: 1600px){
    .loca_info { padding: 50px; width: 600px; }
    #location .kakao_map { width: 100%; height: 100%; position: relative; z-index: 5; }
    #location .kakao_map .root_daum_roughmap { width: 100%; height: 580px; }
    #location .kakao_map .wrap_map { height: 580px !important; }

    .loca_info .sm_p { font-size: 1vw; margin-bottom: 0.5em; }
    .loca_info .tel { font-size: 3.1vw; padding-bottom: 20px; }
    .loca_info .add { font-size: 1.8vw; margin-bottom: 30px;  }

    .loca_info_top { margin-bottom: 30px; }

    .hours li { display: flex; color: #fff; font-size: 1.4vw; }
    .hours li .day { text-align: justify; width: 100px; font-weight: 700; }
}

@media (max-width: 1080px){
    #location { width: 100%; height: 580px; }
    
    .loca_info { padding: 44px; width: 500px; }

    .loca_info_top { margin-bottom: 26px; }
    .loca_info .tel { font-size: 3.5vw; padding-bottom: 20px; }
    .loca_info .add { font-size: 2vw; margin-bottom: 30px;  }
    .hours li { display: flex; color: #fff; font-size: 1.6vw; }

}


@media (max-width: 860px){
    #location { width: 100%; height: auto; }
    
    #location .kakao_map { width: 100%; height: 100%; position: relative; z-index: 5; }
    #location .kakao_map .root_daum_roughmap { width: 100%; height: 380px; }
    #location .kakao_map .wrap_map { height: 380px !important; }
    .loca_info { position: relative; padding: 44px; width: 100%; height: auto; box-sizing: border-box;}
    
    
    .loca_info .sm_p { font-size: 1.6vw; margin-bottom: 0.5em; }
    .loca_info .tel { font-size: 5vw; padding-bottom: 20px; }
    .loca_info .add { font-size: 3.2vw; margin-bottom: 30px;  }
    .hours li { display: flex; color: #fff; font-size: 2.3vw; }

}

@media (max-width: 680px){
    #location { width: 100%; height: auto; }
    
    #location .kakao_map { width: 100%; height: 100%; position: relative; z-index: 5; }
    #location .kakao_map .root_daum_roughmap { width: 100%; height: 380px; }
    #location .kakao_map .wrap_map { height: 380px !important; }
    .loca_info { position: relative; padding: 44px; width: 100%; height: auto; }
    
    
    .loca_info .sm_p { font-size: 1.8vw; margin-bottom: 0.5em; }
    .loca_info .tel { font-size:6.6vw; padding-bottom: 20px; }
    .loca_info .add { font-size: 3.4vw; margin-bottom: 30px;  }
    .hours li { display: flex; color: #fff; font-size: 2.8vw; }

}

@media (max-width: 480px){
    #location .kakao_map { width: 100%; height: 100%; position: relative; z-index: 5; }
    #location .kakao_map .root_daum_roughmap { width: 100%; height: 300px; }
    #location .kakao_map .wrap_map { height: 300px !important; }
    
    .loca_info { padding: 38px; width: 100%; box-sizing: border-box; }

    .loca_info .sm_p { margin-bottom: 0.5em; }
    .loca_info .tel { padding-bottom: 12px; }
    .loca_info .add { margin-bottom: 16px;  }

    .loca_info_top { margin-bottom: 18px; }

    .hours li { display: flex; color: #fff; margin-bottom: 2px; }
    .hours li:last-child { margin-bottom: 0; }
    .hours li .day { text-align: justify; width: 80px; font-weight: 700; }
    
    
    
    
    .main_con1_box2>ul>li>a>p { font-size: 14px; }
    .main_con1_box1 .mc1b1_decotxt { font-size: 10px !important; }
}

@media (max-width: 400px){
    #location .kakao_map { width: 100%; height: 100%; position: relative; z-index: 5; }
    #location .kakao_map .root_daum_roughmap { width: 100%; height: 280px; }
    #location .kakao_map .wrap_map { height: 300px !important; }
    
    .loca_info { padding: 8%; width: 100%; }

    .loca_info .sm_p { margin-bottom: 0.8em; }
    .loca_info .tel { padding-bottom: 12px; }
    .loca_info .add { margin-bottom: 16px;  }

    .loca_info_top { margin-bottom: 18px; }

    .hours li { display: flex; color: #fff; margin-bottom: 2px; }
    .hours li:last-child { margin-bottom: 0; }
    .hours li .day { text-align: justify; width: 70px; font-weight: 700; }
    
    
    .main_con1_box2>ul>li>a>p { font-size: 12px; }
    .main_con1_box1 .mc1b1_decotxt { font-size: 8px !important; }
}





footer { background: #0f0e13; padding: 72px 0; width: 100%; height: auto; letter-spacing: -0.03em; font-family: 'Pretendard-Regular'; }
footer .inner { width: 90%; max-width: 1600px; margin: 0 auto; padding: 0; }
footer img { width: 200px; height: auto; display: block; margin-bottom: 2%; }

footer .f_menu { display: flex; margin-bottom: 10px; }
footer .f_menu li { margin-right: 16px; }
footer .f_menu li:last-child { margin-right: 0; }
footer .f_menu a { color: #fff; font-weight: 500; font-size: 1.1em; }

footer .f_add { color: #898989; font-size: 1em; display: flex; flex-wrap: wrap; margin-bottom: 10px; }
footer .f_add li { margin-right: 16px; font-weight: 300; }

footer .copy { color: rgba(163,163,163,0.3);  font-weight: 600; letter-spacing: -0.01em; font-size: 0.9em; }


@media all and (max-width: 980px) {
    footer { padding: 50px 0; }
    footer .f_menu a { color: #fff; font-weight: 500; font-size: 0.9em; }
    footer .f_add { color: #898989; font-size: 0.85em; display: flex; flex-wrap: wrap; margin-bottom: 10px; }
}
@media all and (max-width: 767px) {
    footer img { margin: 0 auto; width: 24vw; }
    footer .s-inner { flex-direction: column; align-items: center; }
    footer .f_menu { justify-content: center; margin-top: 3%; }
    footer .f_menu li { font-size: 2.4vw;  margin: 0 6px; }
    footer .f_add { justify-content: center; font-size: 2.1vw; }
    footer .f_add li { margin-right: 0; margin: 0 6px;  }
    footer .copy { text-align: center; margin-top: 3%; }
}

@media all and (max-width: 680px) {
    footer .f_add li { height: 20px; }
    footer .copy { text-align: center; margin-top: 1%; font-size: 2vw; }
}

@media all and (max-width: 480px) {
    footer { padding: 40px 0; }
    footer img { margin: 0 auto; width: 29vw; }
    footer .f_menu li { font-size: 2.8vw;  margin: 0 6px; }
    footer .f_add { justify-content: center; font-size: 2.5vw; }
    footer .copy { text-align: center; font-size: 0.65em; }
    footer .f_add li { height: 14px; }
}
@media all and (max-width: 400px) {
    footer .f_menu li { font-size: 2.8vw;  margin: 0 4px; }
    footer .f_add li { height: 12px; }
}







/*sec9*/
#sec9 { background: #0b1862; height: auto; width: 100%; letter-spacing: -0.05em; }
#sec9 .inner { width: 85%; max-width: 1242px; margin: 0 auto; }
#sec9 img { display: block; margin: 2% auto 0; width: 100%; }
#sec9 img:first-child { max-width: 613px; }
#sec9 img:nth-child(2) { max-width: 1242px; }
#sec9 img.sec9_dr.drmo { display: none; }

.sec9_txt { color: #fff; }
.sec9_tit { font-size: 5.4em; font-weight: bold; text-align: center; line-height: 0.9;  margin-top: 2%;}
.sec9_tit span { color: #ffd800; }
.sec9_tit em { font-size: 0.6em; }
.sec9_txt ul { margin-top: 3%; }
.sec9_txt ul li { font-family: 'Pretendard-Regular'; font-size: 1.4em; font-weight: 300; margin-bottom: 1.5%; }



@media screen and (max-width:1400px){
    #sec9 .inner { padding: 13vw 0; }
}

@media all and (max-width: 980px) {
    .sec9_tit { font-size: 8.5vw; }
    .sec9_txt ul { margin-top: 3%; }
    .sec9_txt ul li { font-size: 3vw; margin-bottom: 1.5%; }
}
@media all and (max-width: 680px) {
    #sec9 .inner { width: 81%; max-width: 613px; margin: 0 auto; }
    #sec9 img.sec9_dr.drmo { display: block; }
    #sec9 img:nth-child(2) { display: none; }
    .sec9_tit { font-size: 10.1vw; margin-top: 3vw; }
    
}






/*sec10*/
#sec10 { background: url('../images/sec10_bg.jpg') no-repeat center center; background-size: cover; height: auto; width: 100%; letter-spacing: -0.05em; }
#sec10 .inner { width: 80%; max-width: 1280px; margin: 0 auto; }

#sec10 { color: #fff; }
#sec10 .inner > p:first-child { font-weight: bold; font-size: 2.5em; }

.count { margin-top: 100px; }
.count .sm { font-size: 1.8em; font-weight: bold; }
.count .num { font-size: 6em; font-weight: bold; margin-top: 1%; }
.count .date { font-size: 1.4em; font-weight: 300;  }


@media screen and (max-width:1400px){
    #sec10 .inner { padding: 13vw 0; }
}
@media all and (max-width: 980px) {
    #sec10 .inner > p:first-child { font-weight: bold; font-size: 4vw; }
    .count .sm { font-size: 3vw; font-weight: bold; }
    .count .num { font-size: 10vw; font-weight: bold; margin-top: 1%; }
    .count .date { font-size: 2vw; font-weight: 300;  }
}
@media all and (max-width: 640px) {
    .count { margin-top: 10vw; }
    #sec10 .inner > p:first-child { font-weight: bold; font-size: 5vw; }
    .count .sm { font-size: 3.6vw; font-weight: bold; }
    .count .num { font-size: 12vw; font-weight: bold; margin-top: 1%; }
    .count .date { font-size: 2.6vw; font-weight: 300;  }
}






#sec11 { background: url('../images/sec11_bg.jpg') no-repeat center center; background-size: cover; height: auto; letter-spacing: -0.03em;  overflow-x: hidden;}
#sec11 .inner { width: 80%; max-width: 894px; margin: 0 auto; }

#sec11 .inner > img:first-child { display: block; width: 70%; max-width: 316px; margin: 0 auto 3%; }

#sec11 .inner > p:nth-child(2) { font-weight: bold; font-size: 2.3em; color: #fff; text-align: center; }
#sec11 .inner > p:nth-child(3) { font-weight: bold; font-size: 3.8em; background: linear-gradient(to right, #3fe2ff, #265eff); color: transparent; -webkit-background-clip: text; text-align: center; }
#sec11 .inner > p:nth-child(4) { font-weight: 300; font-size: 1.4em; color: #fff; text-align: center; padding-top : 2%; }


.sec11_checkbox { display: flex; justify-content: space-between; margin-top: 5%; }
.sec11_checkbox img { width: 32%; }

.sec11_talk { width: 100%; margin-top: 10%; }
.sec11_talk img { width: 100%; display: block; }

#sec11 .last-img { width: 40%; max-width: 267px; margin: 7% auto 0; display: block; }
#sec11 .inner > p:last-child { color: #fff; font-size: 3.5em; text-align: center; font-weight: bold; margin-top: 3%; }



@media screen and (max-width:1400px){
    #sec11 .inner { padding: 12vw 0; }
}
@media screen and (max-width:860px){
    #sec11 .inner > p:nth-child(2) { font-weight: bold; font-size: 4vw; color: #fff; text-align: center; }
    #sec11 .inner > p:nth-child(3) { font-weight: bold; font-size: 7vw; background: linear-gradient(to right, #3fe2ff, #265eff); color: transparent; -webkit-background-clip: text; text-align: center; }
    #sec11 .inner > p:nth-child(4) { font-weight: 300; font-size: 2.5vw; color: #fff; text-align: center; padding-top : 2%; }
    
    #sec11 .inner > p:last-child { color: #fff; font-size: 7vw; text-align: center; font-weight: bold; margin-top: 3%; }
}
@media screen and (max-width:480px){
    #sec11 .inner > p:nth-child(2) { font-weight: bold; font-size: 4vw; color: #fff; text-align: center; }
    #sec11 .inner > p:nth-child(3) { font-weight: bold; font-size: 7vw; background: linear-gradient(to right, #3fe2ff, #265eff); color: transparent; -webkit-background-clip: text; text-align: center; }
    #sec11 .inner > p:nth-child(4) { font-weight: 300; font-size: 2.5vw; color: #fff; text-align: center; padding-top : 2%; }
}




/* 팝업 */
#popup_layer {position:fixed;top:0;left:0;z-index: 10000; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4);} 
        /*팝업 박스*/
        .popup_box{position: relative;top:50%;left:50%; width:85%; max-width: 500px; transform:translate(-50%, -50%);z-index:1002;box-sizing:border-box;background:#fff;box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);-webkit-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);-moz-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);  }
        /*컨텐츠 영역*/
        .popup_box .popup_cont {padding:3%;line-height:1.4rem;font-size:14px;word-break: break-word; width: 100%; box-sizing: border-box; }
        .popup_box .popup_cont img { display: block; width: 100%; }
        .popup_box .popup_cont h2 {padding:15px 0;color:#333;margin:0;}
        .popup_box .popup_cont p{ border-top: 1px solid #666;padding-top: 30px;}
        /*버튼영역*/
        .popup_box .popup_btn {display:table;table-layout: fixed;width:100%;height:70px;background:#5d5d5d;word-break: break-word;}
        .popup_box .popup_btn a {position: relative; display: table-cell; height:70px; color:#fff; font-size:17px;text-align:center;vertical-align:middle;text-decoration:none; background:#102c5c; letter-spacing: -0.01em;}
        .popup_box .popup_btn a:before{content:'';display:block;position:absolute;top:26px;right:29px;width:1px;height:21px;background:#fff;-moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
        .popup_box .popup_btn a:after{content:'';display:block;position:absolute;top:26px;right:29px;width:1px;height:21px;background:#fff;-moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
        .popup_box .popup_btn a.close_day {background:#5d5d5d;}
        .popup_box .popup_btn a.close_day:before, .popup_box .popup_btn a.close_day:after{display:none;}



@media screen and (max-width:640px){
    .popup_box .popup_btn { height: 50px; }
    .popup_box .popup_btn a { height:50px; font-size: 2.5vw; }
    
    .popup_box .popup_btn a:before{top:14px;}
        .popup_box .popup_btn a:after{top:14px;}
}
@media screen and (max-width:480px){
    .popup_box .popup_btn { height: 50px; }
    .popup_box .popup_btn a { height:50px; font-size: 3.2vw; }
    
    .popup_box .popup_btn a:before{top:14px;}
        .popup_box .popup_btn a:after{top:14px;}
}






#secnew1 { background: url('/html/landing/new/images/new1_bg.png') no-repeat center center; background-size: cover; }
#secnew1 .inner > p:first-child { font-weight: bold; font-size: 2.3em; color: #0b1862; text-align: center; }
#secnew1 .inner > p:nth-child(2) { font-weight: bold; font-size: 3.8em; color: #0b1862; text-align: center; }
#secnew1 .inner > p:nth-child(3) { font-weight: 300; font-size: 1.4em; color: #0b1862; text-align: center; padding-top : 2%; letter-spacing: -0.01em; margin-bottom: 4%; }


#secnew1 .mtimg { margin: 6% auto !important; }


@media screen and (max-width:1400px){
    #secnew1 .inner { padding : 12vw 0; }
}

@media screen and (max-width:860px){
    #secnew1 .inner > p:first-child { font-weight: bold; font-size: 4vw; color: #0b1862; text-align: center; }
    #secnew1 .inner > p:nth-child(2) { font-weight: bold; font-size: 7vw; color: #0b1862; text-align: center; }
    #secnew1 .inner > p:nth-child(3) { font-weight: 300; font-size: 2.5vw; color: #0b1862; text-align: center; padding-top : 2%; letter-spacing: -0.01em; margin-bottom: 4%; }
}







#secnew2 { background: url('/html/landing/new/images/new2_bg.jpg') no-repeat center center; background-size: cover; }
#secnew2 .inner { max-width: 1355px; padding-bottom: 0; }
#secnew2 .inner > p:first-child { font-weight: bold; font-size: 2.3em; color: #0b1862; text-align: center;letter-spacing: -0.03em;  }
#secnew2 .inner > p:nth-child(2) { font-weight: bold; font-size: 3.8em; color: #0b1862; text-align: center; }
#secnew2 .inner > p:nth-child(3) { font-weight: 300; font-size: 1.4em; color: #0b1862; text-align: center; padding-top : 2%; letter-spacing: -0.01em; margin-bottom: 4%; }

#secnew2 .imgbox { position: relative; width: 90%; display: block; margin: 0 auto; }
#secnew2 .imgbox img:nth-child(2) { position: absolute; width: 100%; display: block; top: 0; left: 0; }
#secnew2 .imgbox img:nth-child(3) { position: absolute; width: 100%; display: block; top: 0; left: 0; }


@media screen and (max-width:1400px){
    #secnew2 .inner { padding : 12vw 0 0; }
}

@media screen and (max-width:860px){
    #secnew2 .inner > p:first-child { font-weight: bold; font-size: 4vw; color: #0b1862; text-align: center; }
    #secnew2 .inner > p:nth-child(2) { font-weight: bold; font-size: 7vw; color: #0b1862; text-align: center; letter-spacing: -0.03em; }
    #secnew2 .inner > p:nth-child(3) { font-weight: 300; font-size: 2.5vw; color: #0b1862; text-align: center; padding-top : 2%; letter-spacing: -0.01em; margin-bottom: 4%; }
}





#nonpay { background: #fff; background-size: cover; }
#nonpay .inner { max-width: 1355px; }
#nonpay .inner > p:first-child { font-weight: bold; font-size: 2.3em; color: #0b1862; text-align: center;letter-spacing: -0.03em;  }
#nonpay .inner > p:nth-child(2) { font-weight: bold; font-size: 3.8em; color: #0b1862; text-align: center; }
#nonpay .inner > p:nth-child(3) { font-weight: 300; font-size: 1.4em; color: #0b1862; text-align: center; padding-top : 2%; letter-spacing: -0.01em; margin-bottom: 4%; }

#nonpay .imgbox { position: relative; width: 90%; display: block; margin: 0 auto; }


@media screen and (max-width:1400px){
    #nonpay .inner { padding : 12vw 0; }
}

@media screen and (max-width:860px){
    #nonpay .inner > p:first-child { font-weight: bold; font-size: 4vw; color: #0b1862; text-align: center; }
    #nonpay .inner > p:nth-child(2) { font-weight: bold; font-size: 7vw; color: #0b1862; text-align: center; letter-spacing: -0.03em; }
    #nonpay .inner > p:nth-child(3) { font-weight: 300; font-size: 2.5vw; color: #0b1862; text-align: center; padding-top : 2%; letter-spacing: -0.01em; margin-bottom: 4%; }
}