@charset "utf-8";
.main .con {
    padding: 160px 0;
}
/* mv */
.main .mv { height: 100svh; padding: unset;}
.main .mv .swiper, .main .mv .swiper-wrapper, .main .mv .swiper-slide { width: 100%; height: 100%; }
.main .mv .bg { overflow: hidden; position: absolute; width: 100%; height: 100%; }
.main .mv .swiper-slide .bg > img { width: 100%; height: 100%; object-fit: cover; user-drag: none; -webkit-user-drag: none; }
.main .mv .mv-ctrl { position: absolute; left: 50%; bottom: 65px; transform: translateX(-50%); display: flex; align-items: center; gap: 15px; color: #fff; z-index: 8; line-height: 1;}
.main .mv .mv-ctrl .prev svg, .main .mv .mv-ctrl .next svg { width: 13px; height: 11px; color: #fff; }
.main .mv .mv-ctrl .prev svg { transform: rotate(180deg); }
.main .mv .mv-ctrl .prev, .main .mv .mv-ctrl .next, .main .mv .mv-ctrl .toggle { border: 0; background: transparent; padding: 0; cursor: pointer; display: grid; place-items: center; }
.main .mv .mv-ctrl .bar { position: relative; width: 200px; height: 2px; background: rgba(255, 255, 255, .2); overflow: hidden; }
.main .mv .mv-ctrl .bar .fill { position: absolute; left: 0; top: 0; bottom: 0; width: 0%; background: #fff; border-radius: 2px; transition: width .1s linear; }
.main .mv .mv-ctrl .toggle img:nth-child(1) { display: block; }
.main .mv .mv-ctrl .toggle img:nth-child(2) { display: none; }
.main .mv .mv-ctrl .toggle[aria-pressed="true"] img:nth-child(1) { display: none; }
.main .mv .mv-ctrl .toggle[aria-pressed="true"] img:nth-child(2) { display: block; }
.main .mv .mv-ctrl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background-color: #fff; transition-duration: unset !important; transform: unset !important; }
.main .mv .flex-box02 { display: flex; align-items: center; justify-content: space-between; height: 100%; max-width: 1600px; margin: 0 auto; position: relative; z-index: 2; gap: 30px;}
.main .mv .three .img{margin-right:-60px;}
.main .mv .m {display: none;}
.main .mv .swiper-slide.two .img,
.main .mv .swiper-slide.three .img {
    box-shadow: 0 10px 20px rgba(0, 40, 86, 0.3);
}
@media all and (max-width: 1599px) {    
    .main .mv .flex-box02 { width: 93.75%; }
    .main .con { padding: 100px 0; }

    .main .mv {padding: unset;}
}

@media all and (max-width: 1719px) {
	.main .mv .three .img{margin-right:0px;}
}


@media all and (max-width: 900px) {
    .main .mv .flex-box02 { flex-direction: column; justify-content: center; }
    .main .mv .one .flex-box02 .txt, .main .mv .one .flex-box02 .img { max-width:480px; }
    .main .mv .pc {display: none;}
    .main .mv .m {display: block;}
    .main .mv .mv-ctrl { bottom: 40px; }

    .main .mv {padding: unset;}
}
/* 태블릿 가로 */
@media (max-aspect-ratio: 17/10)  {
    .main .mv .one .txt { width: 53vw; }
	.main .mv .one .img{width:38vw;}
	.main .mv .two .txt { width: 30vw; }
	.main .mv .two .img{width:54vw;}
	.main .mv .three .txt { width: 34vw; }
	.main .mv .three .img{width:54vw;}
    .main .mv .flex-box02 .txt img, .main .mv .flex-box02 .img img {width: 100%;}
           
    .tablet-only {display: none;}
}
@media all and (max-width: 900px) {
	.main .mv .one .txt { width: 65vw; }
	.main .mv .one .img{width:50vw;}
	.main .mv .two .txt { width: 42vw; margin-left: -28vw;margin-bottom:8vw;}
	.main .mv .two .img{width:70vw;}
	.main .mv .three .txt { width: 50vw; margin-left: -20vw;margin-bottom:8vw;}
	.main .mv .three .img{width:70vw;}
}
@media (max-aspect-ratio: 17/10) and (min-height: 1100px) {
    .main .mv .one .flex-box02 .txt, .main .mv .one .flex-box02 .img {
        max-width: 476px;
    }
}
/* END 태블릿 가로 */



@media all and (max-width: 700px) {
    .main .mv .one .flex-box02 .txt, .main .mv .one .flex-box02 .img { max-width: 330px; width: 100%;}
    .main .mv .flex-box02 .txt, .main .mv .flex-box02 .img {width: 100%;}
	.main .mv .two .txt,
	.main .mv .three .txt{margin-left:0;} 
}
@media all and (max-width: 620px) {
    /* .main .mv .flex-box02 .txt { margin-right: auto; }
*/
}
/* 태블릿 세로 */
@media all and (max-aspect-ratio: 1/1){
    
}
/* END 태블릿 세로 */
@media (orientation: portrait) and (max-height: 750px) {
    .main .mv .one .flex-box02 .txt, .main .mv .one .flex-box02 .img { max-width: 290px; }
}
@media (orientation: portrait) and (max-height: 700px) {
    .main .mv .one .flex-box02 .txt, .main .mv .one .flex-box02 .img { max-width: 255px; }
}
/* END mv */

/* con02 */
.main .con02 .inner { max-width: 1600px; }
[class^="flex-box"], [class*=" flex-box"] { display: flex; }
.flex-box01 { flex-wrap: wrap; }
.flex-box01 > div { width: 50%; }
.flex-box01 > div.main-txt-box {
        margin-top: 6vw;
    }
.main-label01{ font-size: clamp(20px, 1.25vw, 24px); font-weight: 600; letter-spacing: 0; color:#002856; }
[class^="main-tit"], [class*=" main-tit"]{ font-family:'HancomMalangMalang'; }
.main-tit01{ font-size: clamp(66px, 6.25vw, 120px); font-weight:700; letter-spacing:0; color:#09aad2; line-height:1.2em; }
.main-txt-box .main-tit01{ margin: 0 0 clamp(20px, 2.083vw, 40px); }
.main-alt01{ font-size: clamp(18px, 1.25vw, 24px); line-height:1.6em; letter-spacing:0; color:#002856; word-break: keep-all;}
.main-con02-map-box{ position:relative; display:flex; align-items:center; justify-content:center; }
.main-con02-map-box > .img{ position:relative; }
.main-con02-map-box .map-btn{ position:absolute; display:flex; flex-direction:column; align-items:center; font-family:'HancomMalangMalang'; font-weight:700; color:#002856; letter-spacing:0; gap:10px; z-index:1; transition:all .3s ease-in-out; }
.main-con02-map-box .map-btn:hover{ z-index:2; transform:translateY(-5px); }
.main-con02-map-box .map-btn span{ padding: clamp(6px, 0.521vw, 10px); border-radius:8px; white-space:nowrap; background:#fff; position:relative; box-shadow:0 3px 1px 0 rgba(0,0,0,.15); font-family:'HancomMalangMalang'; }
.main-con02-map-box .map-btn img {width: 16px; height: 20px; }

.main-con02-map-box .map-btn span::after{ content:''; position:absolute; border-style:solid; border-width:8px 8px 0; border-color:#fff transparent; display:block; width:0; z-index:1; top:calc(100% - 1px); left:50%; transform:translateX(-50%); }
.main-con02-map-box .map-btn01{ left:22%; top:13%; }
.main-con02-map-box .map-btn02{ left:13%; top:15.5%; }
.main-con02-map-box .map-btn03{ left:35%; top:20%; }
.main-con02-map-box .map-btn04{ left:64%; top:15%; }
.main-con02-map-box .map-btn05{ left:74%; top:20%; }
.main-con02-map-box .map-btn06{ left:45%; top:28%; }
.main-con02-map-box .map-btn07{ left:72%; top:37%; }
.main-con02-map-box .map-btn08{ left:29%; top:41%; }
.main-con02-map-box .map-btn09{ left:81%; top:53%; }
.main-con02-map-box .map-btn10{ left:34%; top:52%; }
.main-con02-map-box .map-btn11{ left:10%; top:65%; }
.main-con02-map-box .map-btn12{ left:41%; top:68%; }
.main-con02-map-box .map-btn13{ left:70%; top:64%; }
.main-con02-map-box .map-btn14{ left:77%; top:68%; }
.main-con02-map-box .map-btn15{ left:24%; top:74%; }
.main-con02-map-box .map-btn16{ left:6%;  top:88%; }
.main-con02-map-box .map-btn.active{ z-index:2; }

/* popup */
.main-con02-popup { position: fixed; left: 50%; top: 50%; max-width: 1200px; width: 100%; transform: translate(-50%, -50%); padding: clamp(12px, 1.12vw, 21.5px) 0; border: 1px solid #e1e1e1; background: #fff; box-shadow: 0 10px 10px #0000001a; z-index: 1000; text-align: center; height: 780px; max-height: 80%; display: none; }
.main-con02-popup .tit{ font-size: clamp(16px, 1.25vw, 24px); font-weight:700; letter-spacing:-0.05em; color:#002856; padding: 0 clamp(24px, 3.125vw, 60px); line-height:1; position: relative;}
.main-con02-popup .tit-box {position: relative;}
.main-con02-popup .popCloseBtn { width: 20px; height: 20px; position: absolute; right: 30px; top: 50%; transform: translateY(-50%); }
.main-con02-popup .popCloseBtn span { width: 18px; height: 2px; background: #002856; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); position: absolute; }
.main-con02-popup .popCloseBtn span:nth-child(2) { transform: translate(-50%, -50%) rotate(-45deg); }
.main-con02-popup .img-box{ padding: 0 clamp(16px, 1.563vw, 30px); margin: clamp(12px, 1.302vw, 25px) 0 clamp(12px, 1.302vw, 25px); position:relative; display:flex; align-items:center; justify-content:center; height:100%; max-height:87%; }
.main-con02-popup .img-box .swiper{ width:100%; height:100%; }
.main-con02-popup .img-box .swiper img{ width:100%; height:100%; object-fit:cover; }
.main-con02-popup .slide-arw{ z-index:5; position:absolute; top:50%; transform:translateY(-50%); width:60px; height:60px; background:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; }
.main-con02-popup .slide-arw img{ width:16px; height:14px; }
.main-con02-popup .slide-arw.prev{ left:50px; }
.main-con02-popup .slide-arw.next{ right:50px; }
.main-con02-popup .page-count{ display:flex; align-items:center; justify-content:center; gap:5px; font-size: clamp(14px, 0.833vw, 16px); letter-spacing:0; font-weight:400; color:#002856; }
.main-con02-popup .page-count .slide-arw { display: none; }

@media all and (max-width: 1199px) {    
    .main-con02-popup { max-width: 93.75%; max-height: 60%; }
    .flex-box01 > div.main-txt-box { margin-top: 10vw; }
}
@media all and (max-width: 900px) {
    .flex-box01 > div.main-txt-box { margin-top: unset; }
    .main .con02 .inner { flex-direction: column; gap: 40px; }
    .flex-box01 > div { width: 100%; }
    .main-con02-map-box { margin: 0 auto; }
    .main-con02-popup { max-height: 60%; aspect-ratio: 1/0.77; height: auto;}
    .main-con02-popup .img-box { max-height: 85%; }
    .main-con02-popup .popCloseBtn { right: 2%; }
    .main-con02-popup .slide-arw { border-radius: unset; background-color: transparent; width: auto; height: auto; }
    .main-con02-popup .page-count { position: relative; }
    .main-con02-popup .img-box { position: unset; }
    .main-con02-popup .slide-arw.prev { left: 16px; }
    .main-con02-popup .slide-arw.next { right: 16px; }
    .main-con02-popup .img-box .slide-arw { display: none; }
    .main-con02-popup .page-count .slide-arw { display: block; }
    .main-con02-popup .page-count .slide-arw.prev svg { transform: rotate(180deg); }
    .main-con02-popup .page-count .slide-arw svg { width: 16px; height: 14px; color: #002856; }
    .main-con02-map-box > .img img { max-height: 650px; }
}
@media all and (max-aspect-ratio: 17/10){
    .main-con02-map-box > .img img { max-height: 650px; }
}

@media all and (max-width: 700px) {
    .main-con02-popup .popCloseBtn { right: 5%; }
    .main-tit01 {font-size: 48px;}
    .main-label01 {font-size: 14px;}
    .main-alt01 {font-size: 13px;}
}
/* END con02 */

/* con03 */
.inner.w1840{ max-width:1840px; }
.main .con03{ max-width:1840px; margin:0 auto; border-bottom:1px solid #9ddded; }
.main .con03 .img-box{ position:relative; padding: clamp(56px, 6.146vw, 118px) 0 clamp(64px, 7.292vw, 140px); }
.main .con03 .img-box::after{ content:''; position:absolute; inset:0; background: linear-gradient(90deg,#09aad2 0 38%,#09aad200 52%); }
.main .con03 .img-box .img img{ position:absolute; right:0; top:0; height:100%; transition:all .6s ease-in-out; opacity:0; }
.main .con03 .img-box .img img.active{ opacity:1; }
.main .con03 .main-txt-box{ position:relative; z-index:2; max-width:1600px; margin:0 auto; }
.main-tit02{ font-size: clamp(36px, 2.604vw, 50px); font-weight:700; color:#fff; margin: clamp(16px, 1.563vw, 30px) 0 clamp(32px, 3.125vw, 60px); }
.main-alt02{ font-size: clamp(18px, 1.042vw, 20px); font-weight:400; letter-spacing:0; line-height:1.8em; color:#fff; word-break: keep-all;}
.main-alt02 p + p{ margin-top: clamp(16px, 1.563vw, 30px); }
.main-con03-menu-box{ display:flex; flex-wrap:wrap; margin-top: clamp(40px, 5.208vw, 100px); }
.main-con03-menu-box li{ width:25%; position:relative; }
.main-con03-menu-box li > a{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap: clamp(16px, 1.563vw, 30px); font-size: clamp(18px, 1.146vw, 22px); font-weight:700; letter-spacing:0; color:#002856; text-align:center; }
.main-con03-menu-box li > a .img{  display:flex; align-items:center; justify-content:center; transition:all .3s ease-in-out; height: 90px;}
.main-con03-menu-box li:nth-child(1) > a .img img { width: 74px; height: 80px; }
.main-con03-menu-box li:nth-child(2) > a .img img { width: 80px; height: 75px; }
.main-con03-menu-box li:nth-child(3) > a .img img { width: 90px; height: 80px; }
.main-con03-menu-box li:nth-child(4) > a .img img { width: 80px; height: 80px; }
.main-con03-menu-box li > a:hover .img{ transform: translateY(-10px); }
.main-con03-menu-box li + li::after{ content:''; position:absolute; left:0; top:0; height: clamp(80px, 7.292vw, 140px); width:1px; background:#9ddded; }

@media all and (max-width: 1840px) {
    .main .con03 { max-width: 93.75%; }
    .main .con03 .inner { padding: unset; width: 100%; }
}
@media all and (max-width: 1719px) {
    .main .con03 .img-box { padding: clamp(56px, 6.146vw, 118px) 3.125% clamp(64px, 7.292vw, 140px); }
}

@media all and (max-width: 900px) {
    .main .con03 .img-box { flex-direction: column; padding: 0; }
    .main .con03 .img-box::after { background: linear-gradient(to bottom, #09aad2 0 55%, #09aad200 80%); }
    .main .con03 .img-box .main-txt-box { padding: clamp(56px, 6.146vw, 118px) 25px clamp(60px, 4.292vw, 140px); }
    .main .con03 .img-box .img { aspect-ratio: 1/0.6; width: 100%; position: relative; }
    .main-con03-menu-box li { width: 50%;  }
    .main-con03-menu-box li > a {padding: 30px 0;}
    .main-con03-menu-box li + li::after { height: 100%; }
    .main-con03-menu-box li + li:nth-child(3)::after { display: none; }
    .main-con03-menu-box li + li:nth-child(3)::before, .main-con03-menu-box li + li:nth-child(4)::before { content: ''; position: absolute; left: 0; top: 0; height: 1px; width: 100%; background: #9ddded; }
}
@media all and (max-width: 700px) {
    .main .con03 .img-box::after { background: linear-gradient(to bottom, #09aad2 0 70%, #09aad200 88%); }
    .main .con03 { max-width: 100%; width: calc(100% - 40px); margin: 0 20px; }
    .main .con03 .inner { padding: unset; }
    .main .con03 .img-box .main-txt-box { padding: clamp(56px, 6.146vw, 118px) 15px clamp(60px, 4.292vw, 140px); }
    .main-tit02 {font-size: 28px;}
    .main-alt02{font-size: 14px;}
    .main-con03-menu-box li > a {font-size: 16px;}
}
/* END con03 */

/* con04 */
.main .con04 .flex-box02{ justify-content:space-between; align-items:flex-end; }
.main-con04-flex-box{ margin-top: clamp(40px, 5.208vw, 100px); display:flex; gap: clamp(12px, 1.563vw, 30px); height:740px; }
.main-con04-flex-box .box{ width: 240px; flex: 0 0 240px; transition:flex .4s ease-in-out; color:#fff; position:relative; z-index:1; max-width: 100%;}
.main-con04-flex-box .box.active{ flex: 1 1 auto; width: auto; }
.main-con04-flex-box .num{ font-size: clamp(18px, 1.25vw, 24px); font-family:'HancomMalangMalang'; font-weight:700; letter-spacing:0; opacity:0; }
.main-con04-flex-box .tit{ font-size: clamp(18px, 1.25vw, 24px); font-weight:500; letter-spacing:0; position:absolute; left:50%; bottom:53px; transform:translateX(-50%); width:100%; text-align:center; }
.main-con04-flex-box .alt-box{ display:flex; align-items:flex-end; justify-content:space-between; gap: clamp(8px, 0.521vw, 10px); letter-spacing:0; font-weight:400; font-size: clamp(18px, 1.25vw, 24px); line-height:1.3em; opacity:0; }
.main-con04-flex-box .alt-box .link{ display:flex; align-items:center; gap: clamp(8px, 0.521vw, 10px); font-size: clamp(18px, 1.042vw, 20px); font-weight:700; }
.main-con04-flex-box .box .bg{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:-1; }
.main-con04-flex-box .box.active{ padding: clamp(20px, 2.604vw, 50px); }
@property --s1 { syntax:'<percentage>'; inherits:false; initial-value:100%; }
@property --s2 { syntax:'<percentage>'; inherits:false; initial-value:100%; }
.main-con04-flex-box .box .bg::after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; mix-blend-mode:screen; --s1:100%; --s2:100%; background:linear-gradient(to top,#09aad2 0 100%,#09aad200 100%); transition:--s1 .5s ease-in-out, --s2 .5s ease-in-out; }
.main-con04-flex-box .box.active .bg::after{ background:unset; }
.main-con04-flex-box .box::after{ content:""; position:absolute; inset:0; transition:--s1 .5s ease-in-out, --s2 .5s ease-in-out; --s1:0%; --s2:0%; background:linear-gradient(to top,#09aad2 0 var(--s1),#09aad200 var(--s2)); }
.main-con04-flex-box .box.active::after{ --s1:10%; --s2:40%; background:linear-gradient(to top,#09aad2 0 var(--s1),#09aad200 var(--s2)); }
.main-con04-flex-box .box.active .txt-box{ height:100%; display:flex; flex-direction:column; justify-content:flex-end; position:relative; z-index:2; }
.main-con04-flex-box .box.active .tit{ opacity:0; visibility:hidden; }
.main-con04-flex-box .box .tit02{ font-size: clamp(32px, 3.125vw, 60px); font-weight:700; margin: clamp(16px, 1.563vw, 30px) 0; opacity:0; }
.main-con04-flex-box .box.active .tit02, .main-con04-flex-box .box.active .num, .main-con04-flex-box .box.active .alt-box{ opacity:1; transition:all .9s ease-in-out; }
.main-con04-flex-box .box:nth-child(1) .bg{ background:url('../images/main-con04-img01-before.jpg?ver=2') no-repeat center/cover; }
.main-con04-flex-box .box.active:nth-child(1) .bg{ background:url('../images/main-con04-img01.jpg?ver=2') no-repeat center/cover; }
.main-con04-flex-box .box:nth-child(2) .bg{ background:url('../images/main-con04-img02-before.jpg?ver=2') no-repeat center/cover; }
.main-con04-flex-box .box.active:nth-child(2) .bg{ background:url('../images/main-con04-img02.jpg?ver=2') no-repeat center/cover; }
.main-con04-flex-box .box:nth-child(3) .bg{ background:url('../images/main-con04-img04-before.jpg') no-repeat center/cover; }
.main-con04-flex-box .box.active:nth-child(3) .bg{ background:url('../images/main-con04-img04.jpg?ver=1') no-repeat center/cover; }
.main-con04-flex-box .box:nth-child(4) .bg{ background:url('../images/main-con04-img05-before.jpg') no-repeat center/cover; }
.main-con04-flex-box .box.active:nth-child(4) .bg{ background:url('../images/main-con04-img05.jpg?ver=1') no-repeat center/cover; }

@media all and (max-width: 1600px) {
    .main-con04-flex-box .tit {
        bottom: 5%;
    }
}
@media all and (max-width: 1400px) {
    
}
@media (min-width: 1025px) and (max-width: 1400px) {
    .main-con04-flex-box .box {
        width: auto;
        flex: 0 0 1;
    }
    .main-con04-flex-box .alt-box {
        display: none;
    }
    .main-con04-flex-box .box.active, .main-con04-flex-box .box { flex: 1; padding: 15px; }
    .main-con04-flex-box .box .bg::after { background: unset; }
    .main-con04-flex-box .box::after { --s1: 10%; --s2: 40%; background: linear-gradient(to top, #09aad2 0 var(--s1), #09aad200 var(--s2)); }
    .main-con04-flex-box .tit, .main-con04-flex-box .box .alt-box { display: none; }
    .main-con04-flex-box .box .txt-box { height: 100%; display: flex; flex-direction: column; justify-content: flex-end; position: relative; z-index: 2; }
    .main-con04-flex-box .box .tit02 { font-size: 2.35vw; margin-bottom: unset; }
    .main-con04-flex-box .box:not(:last-child,:nth-child(2)) .tit02 { margin-bottom: 4.5vw; }
    .main-con04-flex-box .box:last-child .tit02, .main-con04-flex-box .box:nth-child(2) .tit02 {
        margin-bottom: 1.8vw;
    }
    .main-con04-flex-box .box .tit02, .main-con04-flex-box .box .num { opacity: 1; }
    .main-con04-flex-box .box:nth-child(1) .bg{ background:url('../images/main-con04-img01.jpg?ver=2') no-repeat center/cover; }
    .main-con04-flex-box .box.active:nth-child(1) .bg{ background:url('../images/main-con04-img01.jpg?ver=2') no-repeat center/cover; }
    .main-con04-flex-box .box:nth-child(2) .bg{ background:url('../images/main-con04-img02.jpg?ver=2') no-repeat center right /cover; }
    .main-con04-flex-box .box.active:nth-child(2) .bg{ background:url('../images/main-con04-img02.jpg?ver=2') no-repeat center right /cover; }
    .main-con04-flex-box .box:nth-child(3) .bg{ background:url('../images/main-con04-img03.jpg') no-repeat left -210px center/cover; }
    .main-con04-flex-box .box.active:nth-child(3) .bg{ background:url('../images/main-con04-img03.jpg') no-repeat left -210px center/cover; }
    .main-con04-flex-box .box:nth-child(4) .bg{ background:url('../images/main-con04-img04.jpg') no-repeat right center/cover; }
    .main-con04-flex-box .box.active:nth-child(4) .bg{ background:url('../images/main-con04-img04.jpg') no-repeat right center/cover; }
    .main-con04-flex-box .box:nth-child(5) .bg{ background:url('../images/main-con04-img05.jpg') no-repeat right -95px center/cover; }
    .main-con04-flex-box .box.active:nth-child(5) .bg{ background:url('../images/main-con04-img05.jpg') no-repeat right -95px center/cover; }    
}
@media all and (max-width: 1024px) {
    
    .main-con04-flex-box { height: unset; }
    .main-con04-flex-box { flex-direction: column; }
    .main-con04-flex-box .box { aspect-ratio: 1/0.4125; flex: unset; padding: 0 3.125%; width: 100%;}
    .main-con04-flex-box .box .bg::after{ background:unset; }
    .main-con04-flex-box .box::after { --s1: 5%; --s2: 50%; background: linear-gradient(to right, #09aad2 0 var(--s1), #09aad200 var(--s2)); }
    .main-con04-flex-box .box .txt-box { position: relative; z-index: 2; display: flex; flex-direction: column; padding-top: 4%; height: 100%; }
    .main-con04-flex-box .tit, .main-con04-flex-box .alt-box  { display: none; }
    .main-con04-flex-box .box .num, .main-con04-flex-box .box .tit02 { opacity: 1; }
    .main-con04-flex-box .box .num { font-size: clamp(18px, 3.111vw, 28px); }
    .main-con04-flex-box .box .tit02 { margin-top: clamp(16px, 3.889vw, 35px); margin-bottom: unset; font-size: clamp(24px, 4.444vw, 40px); }
    .main-con04-flex-box .box:nth-child(1) .bg{ background:url('../images/main-con04-img01.jpg?ver=2') no-repeat center/cover; }
    .main-con04-flex-box .box:nth-child(2) .bg{ background:url('../images/main-con04-img02.jpg?ver=2') no-repeat center/cover; }
    .main-con04-flex-box .box:nth-child(3) .bg{ background:url('../images/m-main-con04-img03.jpg') no-repeat center/cover; }
    .main-con04-flex-box .box:nth-child(4) .bg{ background:url('../images/m-main-con04-img04.jpg') no-repeat center/cover; }
    .main-con04-flex-box .box:nth-child(5) .bg{ background:url('../images/m-main-con04-img05.jpg') no-repeat center/cover; }
    .main-con04-flex-box .box {max-height: 250px;}
    .main .con04 .flex-box02 { flex-direction: column; gap: 40px; align-items: flex-start; }
  
}
@media all and (max-width: 700px) {
    .main-con04-flex-box .num {
        font-size: 14px;
    }
}
/* END con04 */

/* con05 */
.main .con05{background:linear-gradient(to bottom,#e2f3f9 0 25%,#09aad200 40%); overflow: hidden;}
.main-con05-slide-box{max-width:1840px;margin:0 auto;margin-top:clamp(32px,3.906vw,75px); }
.main-con05-slide-box .swiper{width:100%; word-break: keep-all;}
.main-tit03{font-size:clamp(53px,5.208vw,100px);font-weight:700;color:#09aad2;letter-spacing:0;}
.main .con05 .swiper-button-lock{display:block;}
.main .con05 .flex-box03{justify-content:space-between;align-items:flex-end;}
.main .con05 .slideArwBox{display:flex;align-items:center;gap:50px;}
.main .con05 .slideArwBox .slideArw{display:block;position:relative;}
.main .con05 .slideArwBox .slideArw + .slideArw::after{ content:'';position:absolute;left:-25px;top:50%;transform:translateY(-50%); width:1px;height:30px;background-color:#83d3e8; }
.main-con05-slide-box .swiper .swiper-slide{position:relative;}
.main-con05-slide-box .swiper .swiper-slide .img{ position:relative;color:#fff;aspect-ratio:1/0.4;width:100%; padding:clamp(20px,2.865vw,55px) clamp(20px,2.083vw,40px) clamp(12px,1.042vw,20px); display:flex;z-index:1; }
.main-con05-slide-box .swiper .swiper-slide .img img{ position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;z-index:-1; }
.main-con05-slide-box .swiper .swiper-slide .img .date{ font-size:clamp(20px,0.938vw,18px);font-weight:400;letter-spacing:0; }
.main-con05-slide-box .swiper .swiper-slide .img .tit{ margin-top:clamp(12px,1.302vw,25px); font-size:clamp(30px,1.875vw,36px);font-weight:700;letter-spacing:0;line-height:1.27em; }
.main-con05-slide-box .swiper .swiper-slide .img .state{ position:absolute;bottom:clamp(10px,1.563vw,30px);right:clamp(10px,1.563vw,30px); font-size:clamp(14px,1.042vw,20px);font-weight:700; }
.main-con05-slide-box .swiper .swiper-slide .img::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;}
.main-con05-slide-box .swiper .swiper-slide.ing .img::after{background:linear-gradient(to left,#11add3 0 10%,#09aad200 40%);z-index:-1;}
.main-con05-slide-box .swiper .swiper-slide.wait .img::after{background:linear-gradient(to left,#0fa681 0 10%,#09aad200 40%);z-index:-1;}
.main-con05-slide-box .swiper .swiper-slide.ing-end .img::after{background:linear-gradient(to left,#5a4fb6 0 10%,#09aad200 40%);z-index:-1;}
.main-con05-slide-box .swiper .swiper-slide.end .img::after{background:linear-gradient(to left,#904eb6 0 10%,#09aad200 40%);z-index:-1;}
.main-con05-slide-box .swiper-slide .alt-box .box{ position:relative;display:flex;align-items:flex-start; padding:clamp(14px,1.198vw,23px) clamp(20px,2.083vw,40px); font-size:clamp(20px,1.042vw,20px);letter-spacing:0;color:#002856; }
.main-con05-slide-box .swiper-slide .alt-box .box .tit{min-width:70px;font-weight:700;line-height:1.45em;}
.main-con05-slide-box .swiper-slide .alt-box .box .alt{min-width:0;font-weight:400;line-height:1.538em;}
.main-con05-slide-box .swiper-slide .alt-box .box + .box{border-top:1px solid #9ddded;}
.com-btn-box-wrap{display:flex;margin-top:clamp(48px,5.729vw,110px);}
.com-btn-box-wrap.center{justify-content:center;}
.com-btn01{ height:55px;background-color:#09aad2;min-width:240px;padding:10px; font-size:clamp(16px,0.938vw,18px);font-weight:700;display:flex;align-items:center;justify-content:center; color:#fff;transition:all .3s ease-in-out;border:1px solid transparent; }
.button--bubble__container{ position:relative; display:inline-block; }
.com-btn01.button--bubble{ position:relative; z-index:2; background:none; color:#fff; }
.com-btn01.button--bubble:hover{ background:none; }
.button--bubble__container .effect-button{ position:absolute; width:50%; height:25%; top:50%; left:25%; transform:translateY(-50%); z-index:1; background:#09aad2; transition:background .1s ease-out; }
.button--bubble__effect-container{ position:absolute; width:200%; height:400%; top:-150%; left:-50%; -webkit-filter:url("#goo"); filter:url("#goo"); pointer-events:none; transition:all .1s ease-out; }
.button--bubble__effect-container .circle{ position:absolute; width:25px; height:25px; border-radius:15px; background:#09aad2; transition:background .1s ease-out; }
.button--bubble__effect-container .circle.top-left{ top:40%; left:27%; }
.button--bubble__effect-container .circle.bottom-right{ bottom:40%; right:27%; }
.button--bubble:hover + .button--bubble__effect-container .circle, .button--bubble:hover + .button--bubble__effect-container .effect-button{ background:#09aad2; }
.demo-wrap{ display:flex; align-items:center; justify-content:center; }
.goo{ position:absolute; visibility:hidden; width:1px; height:1px; }
@media (prefers-reduced-motion: reduce){ .button--bubble__effect-container{ filter:none; -webkit-filter:none; }
}
.mb-only {display: none;}

@media all and (max-width: 1839px) {
    .main-con05-slide-box { width: 100%; padding: 0 3.125%; word-break: keep-all; overflow: hidden; }
    .main-con05-slide-box .swiper { overflow: visible; }
    .main-con05-slide-box .swiper-slide .alt-box .box .tit { min-width: 70px; }
}
@media all and (max-width: 1200px) {
    .main-con05-slide-box .swiper .swiper-slide .img { padding: 50px 20px; }
    .main-con05-slide-box .swiper .swiper-slide .img .state { font-size: 20px; }
}
@media all and (max-width: 1024px) {
    
}
@media all and (max-width: 700px) {    
    .main-tit03{font-size: 36px;}
    .main-con05-slide-box .swiper .swiper-slide .img .date, .main-con05-slide-box .swiper-slide .alt-box .box { font-size: 13px; }
    .main-con05-slide-box .swiper .swiper-slide .img .tit { font-size: 18px; }
    .main-con05-slide-box .swiper .swiper-slide .img { padding: clamp(20px, 2.865vw, 55px) clamp(20px, 2.083vw, 40px) clamp(12px, 1.042vw, 20px); }
    .main-con05-slide-box .swiper .swiper-slide .img .state { font-size: 14px; }
}
/* END con05 */

/* con06 */
.main .con06{max-width:1840px;margin:0 auto;}
.main .con06 .flex-box03{justify-content:space-between;align-items:flex-end;}
.main .con06 .board-tab-box{display:flex;}
.main .con06 .board-tab-con-box .flex-box {display: none;}
.main .con06 .board-tab-con-box .flex-box.active {display: flex;}
.main .con06 .board-tab-box a{ display:block;color:#002856;font-weight:500; font-size:clamp(20px,1.25vw,24px);letter-spacing:0; }
.main .con06 .board-tab-box li + li a{ padding-left:clamp(12px,1.563vw,30px); margin-left:clamp(12px,1.563vw,30px); position:relative; }
.main .con06 .board-tab-box li + li a::after{ content:'';position:absolute;left:0;top:50%;transform:translateY(-50%); height:clamp(12px,1.042vw,20px);width:1px;background:#9ddded; }
.main .con06 .board-tab-box li.active a{ text-decoration:underline;text-underline-position:under; }
.main .con06 .flex-box{ padding-left:clamp(16px,3.125vw,60px); justify-content:space-between; gap:clamp(24px,4.688vw,90px); margin-top:clamp(32px,4.427vw,85px); }
.board-box-list-wrap{width:calc(100% - 684px);}
@property --c { syntax:'<percentage>'; inherits:false; initial-value:0%; }
@property --t { syntax:'<percentage>'; inherits:false; initial-value:0%; }
.board-box-list-wrap li{ position:relative; width: 100%;}
.board-box-list-wrap li a::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; opacity: 0; height: 100%; --c:-1%; --t:-1%; background:linear-gradient(to left,#16aed4 0 var(--c),#09aad200 var(--t)); transition:--c .3s ease-in-out, --t .3s ease-in-out; }
.board-box-list-wrap li:hover a::before{--c:5%; --t:30%; opacity: 1;}
.board-box-list-wrap li:hover::after{ content:'';position:absolute;width:34px;height:30px;top:50%;right:clamp(20px,3.125vw,60px); transform:translateY(-50%);background:url('../images/main-con06-arw.png') no-repeat center/cover; }
.board-box-list-wrap li a{ height:clamp(90px,7.813vw,150px); display:flex;align-items:center;justify-content:space-between;gap:20px; font-size:clamp(20px,1.25vw,24px);font-weight:400;letter-spacing:0;color:#002856; }
.board-box-list-wrap li + li{border-top:1px solid #9ddded;}
.board-box-list-wrap li a .date{ text-align:right;flex-shrink:0;font-size:clamp(13px,0.833vw,16px);color:#00b0db; }

@media all and (max-width: 1840px) {
    .main .con06 {
        max-width: 93.75%;
    }
    .main .con06 .inner {
        width: 100%;
    }
}

@media all and (max-width: 1719px) {
    .main .con06 .flex-box {
        padding-left: unset;
    }
}
@media all and (max-width: 1399px) {      
    .board-box-list-wrap {
        width: 50%;
    }
}
@media all and (max-width: 700px) {
    .board-box-list-wrap { width: 100%; }
    .main .con06 .flex-box { flex-direction: column; }
    .main .con06 { max-width: 100%; width: calc(100% - 40px); margin: 0 20px; }
    .main .con06 .inner { width: 100%; padding: unset; }
    .main .con06 .flex-box03 { flex-direction: column; align-items: flex-start; }
    .main .con06 .board-tab-box { margin-top: clamp(42px, 4.427vw, 85px); }
    .board-box-list-wrap li a { flex-direction: column; justify-content: center; align-items: flex-start; gap: 10px; }
    .board-box-list-wrap li a .date { text-align: left; }
    .board-box-list-wrap li a> div { width: 100%; }
    .main .con06 .board-tab-box, .main .con06 .board-tab-box li { width: 100%; }
    .main .con06 .board-tab-box li + li a { padding-left: unset; margin-left: unset; text-align: center; }
    .main .con06 .board-tab-box a { font-size: 16px; }
    .board-box-list-wrap li a { font-size: 16px; }
    .board-box-list-wrap li:hover::after,.board-box-list-wrap li a::before {display: none;}
}
/* END con06 */

/* 모바일 수정 */
.main .con05 .slideArwBox .slideArw.prev svg {
    transform: rotate(180deg);
}
.main .con05 .slideArwBox .slideArw svg {
    width: 34px; 
    height: 30px;
    color: #09aad2;
}
@media all and (max-width: 700px) {
    .main-con02-map-box .map-btn01{ left:22%; top:12%; }
    .main-con02-map-box .map-btn02{ left:13%; top:13.5%; }
    .main-con02-map-box .map-btn03{ left:35%; top:19%; }
    .main-con02-map-box .map-btn04{ left:64%; top:14%; }
    .main-con02-map-box .map-btn05{ left:74%; top:19%; }
    .main-con02-map-box .map-btn06{ left:45%; top:27%; }
    .main-con02-map-box .map-btn07{ left:72%; top:36%; }
    .main-con02-map-box .map-btn08{ left:29%; top:40%; }
    .main-con02-map-box .map-btn09{ left:81%; top:52%; }
    .main-con02-map-box .map-btn10{ left:34%; top:51%; }
    .main-con02-map-box .map-btn11{ left:10%; top:64%; }
    .main-con02-map-box .map-btn12{ left:41%; top:67%; }
    .main-con02-map-box .map-btn13{ left:70%; top:63%; }
    .main-con02-map-box .map-btn14{ left:77%; top:66%; }
    .main-con02-map-box .map-btn15{ left:24%; top:72%; }
    .main-con02-map-box .map-btn16{ left:6%;  top:87%; }    
    .inner {width: 100%; padding: 0 20px;}
    .main .mv .flex-box02 { width: 100%; padding: 0 20px;}
    .main-con02-popup { max-width: calc(100% - 40px); }
    #footer .f-right-box .tit, #footer .f-right-box .alt { font-size: 12px; }
    #footer .f-copy { font-size: 11px !important; }
    .main-txt-box .main-tit01 { margin: 10px 0 25px; }
    .main-alt01 { font-size: 14px; }
    .main-con04-flex-box .box .num { font-size: 14px; }
    .main-con04-flex-box .box .tit02 { font-size: 20px; }
    .main .con05 .slideArwBox .slideArw svg { width: 20px; height: 18px; }
    .main .con05 .slideArwBox { gap: 30px; margin-bottom: 10px; }
    .main .con05 .slideArwBox .slideArw + .slideArw::after { left: -15px; height: 18px; }
    .main-tit03 { margin-top: 10px; }
    .com-btn-box-wrap { padding: 0 20px; }
    .main .con05 .com-btn01 { width: 100%; }
    .main-con05-slide-box { padding: 0 20px; }
    .main-con04-flex-box .box { padding: 0 15px; }
    .main .con { padding: 80px 0; }
    .main .mv { padding: unset; }
    .main-con04-flex-box .box .tit02 { margin-top: 12px; }
    .main-con05-slide-box .swiper-slide .alt-box .box .tit { min-width: 50px; }
    #siteMap .siteMap-inner .gnb .depth02 > li > a { font-weight: 400; }
    #siteMap .siteMap-inner .gnb .depth01.open { padding-bottom: 11px; }
    .main-con03-menu-box li > a .img {height: 55px;}
    .main-con03-menu-box li:nth-child(1) > a .img img { width:50px; height:54px; }
    .main-con03-menu-box li:nth-child(2) > a .img img { width:54px; height:50.6px; }
    .main-con03-menu-box li:nth-child(3) > a .img img { width:61px; height:54px; }
    .main-con03-menu-box li:nth-child(4) > a .img img { width:54px; height:54px; }

}

@media all and (max-width: 400px) {
    .main-con02-map-box .map-btn01{ left:20%; top:10%; }
    .main-con02-map-box .map-btn02{ left:11%; top:11.5%; }
    .main-con02-map-box .map-btn03{ left:35%; top:17%; }
    .main-con02-map-box .map-btn04{ left:64%; top:12%; }
    .main-con02-map-box .map-btn05{ left:74%; top:17%; }
    .main-con02-map-box .map-btn06{ left:45%; top:25%; }
    .main-con02-map-box .map-btn07{ left:72%; top:34%; }
    .main-con02-map-box .map-btn08{ left:29%; top:38%; }
    .main-con02-map-box .map-btn09{ left:81%; top:50%; }
    .main-con02-map-box .map-btn10{ left:34%; top:49%; }
    .main-con02-map-box .map-btn11{ left:10%; top:62%; }
    .main-con02-map-box .map-btn12{ left:41%; top:65%; }
    .main-con02-map-box .map-btn13{ left:70%; top:61%; }
    .main-con02-map-box .map-btn14{ left:77%; top:64%; }
    .main-con02-map-box .map-btn15{ left:24%; top:70%; }
    .main-con02-map-box .map-btn16{ left:6%;  top:85%; }
}
@media (max-aspect-ratio: 17/10) and (min-height: 1100px) {     
    .main .con05 .slideArwBox .slideArw svg {
        width: 30px;
        height: 26px;
    }
}
@media (max-aspect-ratio: 16/10) and (max-height: 800px) and (min-width: 700px) {
    .main-con02-popup { max-height: 70%; max-width: 70.75%; }
    .main-con02-popup .img-box .swiper img {object-fit: contain;}
    .main-con04-flex-box .box.active, .main-con04-flex-box .box { flex: 1; padding: 15px; }
    .main-con04-flex-box .box .bg::after { background: unset; }
    .main-con04-flex-box .box::after { --s1: 10%; --s2: 40%; background: linear-gradient(to top, #09aad2 0 var(--s1), #09aad200 var(--s2)); }
    .main-con04-flex-box .tit, .main-con04-flex-box .box .alt-box { display: none; }
    .main-con04-flex-box .box .txt-box { height: 100%; display: flex; flex-direction: column; justify-content: flex-end; position: relative; z-index: 2; }
    .main-con04-flex-box .box .tit02 { font-size: 1.85vw; margin-bottom: unset; }
    .main-con04-flex-box .box:not(:last-child) .tit02 { margin-bottom: 1.8vw; }
    .main-con04-flex-box .box .tit02, .main-con04-flex-box .box .num { opacity: 1; }
    .main-con04-flex-box .box:nth-child(1) .bg{ background:url('../images/main-con04-img01.jpg') no-repeat center/cover; }
    .main-con04-flex-box .box.active:nth-child(1) .bg{ background:url('../images/main-con04-img01.jpg') no-repeat center/cover; }
    .main-con04-flex-box .box:nth-child(2) .bg{ background:url('../images/main-con04-img02.jpg') no-repeat center right /cover; }
    .main-con04-flex-box .box.active:nth-child(2) .bg{ background:url('../images/main-con04-img02.jpg') no-repeat center right /cover; }
    /* .main-con04-flex-box .box:nth-child(3) .bg{ background:url('../images/main-con04-img03.jpg') no-repeat left -210px center/cover; } */
    .main-con04-flex-box .box.active:nth-child(3) .bg{ background:url('../images/main-con04-img03.jpg') no-repeat left -210px center/cover; }
    .main-con04-flex-box .box:nth-child(4) .bg{ background:url('../images/main-con04-img04.jpg') no-repeat right center/cover; }
    .main-con04-flex-box .box.active:nth-child(4) .bg{ background:url('../images/main-con04-img04.jpg') no-repeat right center/cover; }
    .main-con04-flex-box .box:nth-child(5) .bg{ background:url('../images/main-con04-img05.jpg') no-repeat right -95px center/cover; }
    .main-con04-flex-box .box.active:nth-child(5) .bg{ background:url('../images/main-con04-img05.jpg') no-repeat right -95px center/cover; }
    
}
/* END 모바일 수정 */