:root {
    --filer-white : brightness(0) invert(1);
    --font-out : 'Outfit';
    --font-pre : 'pretendard';
    --font-nun: "MinSans", serif;
    --font-min: "MinSansVF", 'MinSans', serif;
    --font-interop: "Interop", serif;
    --color1 : #2D6CEA;
}

/* 공통 */
p, dd{word-break:keep-all;}
.pc{display:block !important;}
.mob{display:none !important;}
body * {font-family: var(--font-min); color: #242424; letter-spacing: -.5px;}

.inner01 {max-width:1680px; margin:0 auto; width: 100%;}
.inner1600 {max-width:1600px; margin:0 auto; width: 100%;}
.inner1440 {max-width:1440px; margin:0 auto; width: 100%;}
.inner1400 {max-width:1400px; margin:0 auto; width: 100%;}
.inner1200 {max-width:1200px; margin:0 auto; width: 100%;}
.bd_inner {margin: 87px auto 153px;}

.ta-c {text-align: center;}
.ta-l{text-align: left;}
.flex {display: flex; align-items: center;}
.flex-jc {display: flex; align-items: center; justify-content: center;}
.flex-jb {display: flex; align-items: center; justify-content: space-between;}

/* HEADER */
.header{position:fixed; top:0; height: 121px; z-index:1500; width:100%; transition: all .6s cubic-bezier(0.4, 0, 0.2, 1);}
.header .hd_top {display: flex; align-items: center; justify-content: space-between; height: 100%;}
.header h1 a img{width: 210px; display: block;}
.header .gnb_wrap {height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.header .gnb{display:flex; height: 100%;}
.header .gnb > li{position:relative; height: 100%; display: flex; align-items: center;}
.header .gnb > li > a{font-size: 18px; font-weight: 500; line-height: 121px; color: #fff; position: relative; display: block; text-align: center; width: 120px;}
.header .gnb_2depth{position:absolute; top:calc(100% - 20px); left: 50%; transform:translateX(-50%); width: 154px; height: 0; padding: 20px; z-index: 1000; overflow: hidden; visibility: hidden; background: var(--color1);}
.header .gnb_2depth li + li{margin-top:15px;}
.header .gnb_2depth li a{font-size: 15px; letter-spacing: -0.4px; color: #ffffff; opacity: .5;  display: block; line-height: 1.2;}
.header .gnb_2depth li a:hover{font-weight: 700; opacity: 1;}
.header.on,
.header.fixed,
.header:hover {background: #000;}
.header .gnb > li:hover > a{color: var(--color1);}
.header .gnb > li:hover > a::after {opacity: 1;}
.header .gnb > li:hover > .gnb_2depth{height: auto; overflow: visible; visibility: inherit;}
.header .applyBtn {display: flex; align-items: center; justify-content: center; width: 180px; height: 58px; border-radius: 8px; background: var(--color1); font-size: 18px; font-weight: 700; color: #fff; letter-spacing: -.5px; cursor: pointer;} 
.header.ani {transform: translateY(0);}
.header.hidden {transform: translateY(-100%);}
/* .header.hidden {visibility: hidden;}
.header.hidden:hover {visibility: visible;} */

/* quick btn */
.quick{position: absolute; right: 84px; bottom: 185px; z-index: 100;}
.quick .top_btn{display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 2px; background: var(--color1); width: 72px; height: 72px;}
.quick .top_btn img {width: 24.786px;}
.quick .top_btn p {font-size: 16px; font-weight: 600; color: #fff;}

/* footer */
.footer {background: #131516; padding: 48px 0 68px; margin-top: 120px; position: relative;}
.footer .inner01 {display: flex; gap: 160px;}
.footer .logo {width: 272.896px;}
.footer .use {display: flex; align-items: center; gap: 10px;}
.footer .use .line {display: block; width: 1px; height: 15px; background: #939393;}
.footer .use a {font-size: 20px; font-weight: 400; color: #fff; letter-spacing: -.5px;}
.footer .use a strong {font-weight: 500; font-family: var(--font-interop); color: #fff;}
.footer .info {margin-top: 20px;}
.footer .info p {font-size: 15px; font-weight: 600; color: #939393; letter-spacing: -0.5px; line-height: 1.6;}
.footer .copy {font-weight: 400;}



/********* main *********/
/* intro */
.intro {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 10000;}
.intro .bg {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.intro .text {position: absolute; left: 60px; bottom: 80px;}
.intro .text span {transform: translateY(100%); animation: move-text01 3s cubic-bezier(0.4, 0, 0.2, 1) forwards;}
.intro .desc,
.intro .tit p {overflow: hidden;}
.intro .desc span {animation-delay: .5s; font-size: 28px; font-weight: 700; color: #fff; letter-spacing: -.5px; font-family: var(--font-min); display: block; line-height: 1;}
.intro .tit {margin-top: 36px;} 
.intro .tit p span {animation: move-text02 3.4s cubic-bezier(0.4, 0, 0.2, 1) forwards;}
.intro .tit p:first-child span {animation-delay: .5s;}
.intro .tit p:last-child span {animation-delay: .6s;}
.intro .tit span {font-size: 150px; font-weight: 700; color: #fff; letter-spacing: -.5px; display: block; line-height: 1.2; font-family: var(--font-interop);}
@keyframes move-text01 {
    0% { 
        transform: translateY(100%); 
    } 
    25% { 
        transform: translateY(0); 
    }
    85% { 
        transform: translateY(0); 
    }
    100% { 
        transform: translateY(-100%); 
    }
}
@keyframes move-text02 {
    0% { 
        transform: translateY(100%); 
    } 
    30% { 
        transform: translateY(0); 
    }
    78% { 
        transform: translateY(0); 
    }
    100% { 
        transform: translateY(-100%); 
    }
}


/* common */
#main .sec_tit {margin-bottom: 72px; text-align: center;}
#main .sec_tit h2 {font-family: var(--font-interop); font-size: 56px; font-weight: 800; letter-spacing: -0.5px; line-height: 1;}
#main .sec_tit p {margin-top: 16px; font-size: 24px; font-weight: 500; line-height: 1.5;}

/* quick */
.main_quick {position: fixed; right: 120px; bottom: 50px; width: 138.204px; height: 137.257px; border-radius: 125px 125px 0px 125px; background: var(--color1); z-index: 100; padding: 45px 0 0 28px; filter: drop-shadow(0px 10px 15px rgba(55, 124, 208, 0.30)); display: none;}
.main_quick img {width: 51.25px; position: absolute; top: 28px; right: 20px;}
.main_quick span {font-size: 17.5px; font-weight: 700; color: #fff; letter-spacing: -.35px; font-family: var(--font-interop); line-height: 1.25;}

/* visual */
.visual {width:100%; height:1110px; position:relative;}
.visual > a {overflow:hidden; position:relative; width:100%; height:100%; display: block;}
.visual .bg,
.visual .bg > div {width: 100%; height: 100%;}
.visual .bg img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.visual .txtwrap {position: absolute; left: 50%; transform: translateX(-50%); bottom: 77px;}
.visual .tit {overflow: hidden;}
.visual .tit div {display: flex; align-items: center; gap: 16px; transform: translateY(100%); transition: all .7s cubic-bezier(0.4, 0, 0.2, 1);}
.visual .tit p {font-size: 24px; font-weight: 600; letter-spacing: -.5px; color: #fff;}
.visual .tit .line {display: block; width: 385px; height: 1px; background: #fff;}
.visual .desc {margin-top: 40px; font-size: 105px; font-weight: 400; color: #fff; letter-spacing: -.5px; line-height: 1.15;}
.visual .desc p {overflow: hidden;}
.visual .desc p span {display: block; transform: translateY(100%); transition: all .7s cubic-bezier(0.4, 0, 0.2, 1);}
.visual .scrollDown {display: flex; align-items: center; gap: 2px; margin-top: 93px; font-size: 24px; font-weight: 600; color: #fff; font-family: var(--font-interop);}
.visual .scrollDown img {width: 24px;}
.visual.ani .tit div {transform: translateY(0); transition-delay: .3s;}
.visual.ani .desc p span {transform: translateY(0); color: #fff;}
.visual.ani .desc p:first-child span {transition-delay: .38s;}
.visual.ani .desc p:last-child span {transition-delay: .41s;}
/* sec01 */
#main .sec01 {position: relative;}
#main .sec01 img {width: 100%;}
#main .sec01 .inner01 {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
#main .sec01 p {font-size: 32px; font-weight: 700; letter-spacing: -.5px; line-height: 1;}
#main .sec01 h3 {margin-top: 16px; font-size: 56px; font-weight: 800; letter-spacing: -.5px; line-height: 1;}
/* sec02 */
#main .sec02 {position: relative;}
#main .sec02 img {width: 100%;}
#main .sec02 .inner01 {position: absolute; left: 50%; top: 134px; transform: translateX(-50%);}
#main .sec02 h3 {font-size: 56px; font-weight: 800; letter-spacing: -.5px; line-height: 1.3;}
#main .sec02 .right .txt {margin-top: 110px; margin-left: 742px;}
#main .sec02 strong {font-size: 128px; font-weight: 800; color: #fff; letter-spacing: -.5px; line-height: 1; position: relative; font-family: var(--font-interop);}
#main .sec02 strong::after {content: ""; width: 24px; height: 24px; border-radius: 100%; background: #fff; position: absolute; top: 28px; right: -24px;}
#main .sec02 p {margin-top: 36px; font-size: 32px; font-weight: 500; letter-spacing: -.5px;}
/* sec03 */
#main .sec03 {background: url('/img/main/sec03_bg.jpg') no-repeat center/cover; padding: 120px 0;}
#main .sec03 ul {display: flex; justify-content: center; gap: 120px; text-align: center;}
#main .sec03 ul .num {font-size: 36px; font-weight: 600; font-family: var(--font-interop); letter-spacing: -.5px; line-height: 1;}
#main .sec03 ul .num strong {font-size: 64px; font-weight: 700; display: inline-block; line-height: 1;}
#main .sec03 ul .desc {margin-top: 16px; font-size: 28px; font-weight: 700; letter-spacing: -.5px; color: var(--color1); line-height: 1;}
#main .sec03 .num01 {min-width: 185px;}
#main .sec03 .num02 {min-width: 200px;}
#main .sec03 .num03 {min-width: 146px;}
#main .sec03 .num04 {min-width: 179px;}
/* sec04 */
#main .sec04 {padding: 120px 0;}
#main .sec04 .swiper-wrapper {display: grid; gap: 20px; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 1fr);}
#main .sec04 .swiper-slide img {width: 100%;}
/* sec05 */
#main .sec05 {padding: 120px 0 116px;}
#main .sec05 .mySwiper {box-shadow: 0px 12px 24px 0px rgba(155, 165, 190, 0.20); overflow: hidden;}
#main .sec05 .swiper-slide {width: calc(100%/4 - 20px); margin: 0 10px; box-shadow: 0px 12px 24px 0px rgba(155, 165, 190, 0.20); border-radius: 20px; background: #fff; padding: 36px 28px; letter-spacing: -.5px;}
#main .sec05 .swiper-slide .tit {font-size: 15px; font-weight: 700; color: var(--color1); line-height: 1;}
#main .sec05 .swiper-slide .info {margin-top: 15px; display: flex; align-items: center; gap: 16px;}
#main .sec05 .swiper-slide .info .img img {width: 56px;}
#main .sec05 .swiper-slide .info strong {display: block; font-size: 16px; font-weight: 700; line-height: 1.6;}
#main .sec05 .swiper-slide .info p {margin-top: 1px; font-size: 15px; font-weight: 400; line-height: 1.6; color: #81848E;}
#main .sec05 .swiper-slide .desc {margin-top: 16px; min-height: 72px; font-size: 15px; font-weight: 400; color: #81848E; line-height: 1.6;}
#main .sec05 .swiper-slide .date {margin-top: 23px; display: inline-flex; align-items: center; justify-content: center; height: 41px; background: var(--color1); border-radius: 100px; color: #fff; font-size: 15px; font-weight: 700; padding: 0 16px;}
#main .sec05 .arrowBox {margin-top: 24px;}
#main .sec05 .arrow {display: flex; align-items: center; font-size: 20px; font-weight: 600; letter-spacing: -.5px; position: relative; top: auto; right: auto; bottom: auto; left: auto; margin: 0; width: auto; color: #242424; height: auto;}
#main .sec05 .arrow::after {display: none;}
#main .sec05 .arrow img {width: 32px;}
/* sec06 */
#main .sec06 {padding: 120px 0; background: url('/img/main/sec06_bg.jpg') no-repeat center/cover;}
#main .sec06 ul {gap: 20px; display: flex; justify-content: center;}
#main .sec06 li {width: 414px; background: #fff; border-radius: 12px; padding: 40px 32px;}
#main .sec06 li a {display: block; width: 100%; height: 100%; letter-spacing: -.5px;}
#main .sec06 li .icon img {width: 56px;}
#main .sec06 li h4 {margin-top: 16px; font-size: 32px; font-weight: 700; line-height: 1;}
#main .sec06 li p {margin-top: 12px; font-size: 18px; font-weight: 400; line-height: 1.6;}
#main .sec06 li span {margin-top: 16px; display: flex; align-items: center; font-size: 20px; font-weight: 600;}
#main .sec06 li span img {width: 32px;}
/* sec07 */
#main .sec07 {padding: 120px 0;}
#main .sec07 .swiper {margin-top: 81px;}
#main .sec07 .swiper-wrapper {display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 1fr); gap: 20px 16px;}
#main .sec07 .swiper-slide {background: #fff; border-radius: 12px; box-shadow: 0px 12px 24px 0px rgba(155, 165, 190, 0.20); padding: 40px; letter-spacing: -.5px; transition: all .3s;}
#main .sec07 .num {margin-top: 0; font-size: 24px; font-weight: 700; font-family: var(--font-interop); color: #D4D4D4; line-height: 1;}
#main .sec07 h4 {margin-top: 12px; font-size: 28px; font-weight: 700;}
#main .sec07 p {margin-top: 12px; font-size: 18px; font-weight: 400; line-height: 1.6;}
#main .sec07 .swiper-slide:hover {background: var(--color1);}
#main .sec07 .swiper-slide:hover * {color: #fff;}
/* sec08 */
#main .sec08 {padding: 80px 0;}
#main .sec08 .inner1600 {background: url('/img/main/sec08_img.jpg') no-repeat center/cover; border-radius: 28px; padding: 0 240px 0 120px; height: 580px;}
#main .sec08 .inner1600 .flex-jb {width: 100%; align-items: flex-start;}
#main .sec08 .inner1600 * {letter-spacing: -.5px; color: #fff;}
#main .sec08 h3 {font-size: 60px; font-weight: 800; line-height: 1.4;}
#main .sec08 p {font-size: 24px; font-weight: 700; letter-spacing: -.48px; line-height: 1.6;}
#main .sec08 span {margin-top: 32px; display: flex; align-items: center; justify-content: center; width: 277px; height: 82px; border-radius: 8px; background: var(--color1); font-size: 28px; font-weight: 700; letter-spacing: -.48px; cursor: pointer;}


@media screen and (max-width:1700px){

    body * {letter-spacing: -0.02vw;}

    /* 공통 */
    .inner01 {max-width:95.29vw;}
    .inner1600 {max-width:94.12vw;}
    .inner1440 {max-width:84.71vw;}
    .inner1400 {max-width:82.35vw;}
    .inner1200 {max-width:70.59vw;}
    
    /* HEADER */
    .header{ height: 7.12vw;}
    .header h1 a img{width: 12.35vw;}
    .header .gnb > li > a {font-size: 1.06vw; line-height: 7.12vw; width: 7.06vw;}
    .header .gnb_2depth{ top:calc(100% - 1.18vw); width: 9.06vw; padding: 1.18vw;}
    .header .gnb_2depth li + li{margin-top:0.88vw;}
    .header .gnb_2depth li a{font-size: 0.88vw; letter-spacing: -0.02vw;}
    .header .applyBtn {width: 10.76vw; height: 3.41vw; border-radius: 0.47vw; font-size: 1.06vw; letter-spacing: -0.03vw;} 
    
    /* quick btn */
    .quick {right: 4.94vw; bottom: 10.88vw;}
    .quick .top_btn{ gap: 0.12vw; width: 4.24vw; height: 4.24vw;}
    .quick .top_btn img {width: 1.46vw;}
    .quick .top_btn p {font-size: 0.94vw;}
    
    /* footer */
    .footer {padding: 2.82vw 0 4.00vw; margin-top: 7.06vw;}
    .footer .inner01 {gap: 9.41vw;}
    .footer .logo {width: 16.05vw;}
    .footer .use {gap: 0.59vw;}
    .footer .use .line {height: 0.88vw;}
    .footer .use a {font-size: 1.18vw; letter-spacing: -0.03vw;}
    .footer .info {margin-top: 1.18vw;}
    .footer .info p {font-size: 0.88vw; letter-spacing: -0.03vw;}
    
    
    /********* main *********/
    /* intro */
    .intro .text {left: 3.53vw; bottom: 4.71vw;}
    .intro .desc span {font-size: 1.65vw; letter-spacing: -0.03vw;}
    .intro .tit {margin-top: 2.12vw;} 
    .intro .tit span {font-size: 8.82vw; letter-spacing: -0.03vw;}
    
    /* common */
    #main .sec_tit {margin-bottom: 4.24vw;}
    #main .sec_tit h2 {font-size: 3.29vw; letter-spacing: -0.03vw;}
    #main .sec_tit p {margin-top: 0.94vw; font-size: 1.41vw;}
    
    /* quick */
    .main_quick {right: 7.06vw; bottom: 2.94vw; width: 8.13vw; height: 8.07vw; border-radius: 7.35vw 7.35vw 0.00vw 7.35vw; padding: 2.65vw 0 0 1.65vw; filter: drop-shadow(0.00vw 0.59vw 0.88vw rgba(55, 124, 208, 0.30));}
    .main_quick img {width: 3.01vw; top: 1.65vw; right: 1.18vw;}
    .main_quick span {font-size: 1.03vw; letter-spacing: -0.02vw;}
    
    /* visual */
    .visual {height:65.29vw;}
    .visual .txtwrap {bottom: 4.53vw;}
    .visual .tit div {gap: 0.94vw;}
    .visual .tit p {font-size: 1.41vw; letter-spacing: -0.03vw;}
    .visual .tit .line {width: 22.65vw; height: 0.06vw;}
    .visual .desc {margin-top: 2.35vw; font-size: 6.18vw; letter-spacing: -0.03vw;}
    .visual .scrollDown {gap: 0.12vw; margin-top: 5.47vw; font-size: 1.41vw;}
    .visual .scrollDown img {width: 1.41vw;}
    /* sec01 */
    #main .sec01 p {font-size: 1.88vw; letter-spacing: -0.03vw;}
    #main .sec01 h3 {margin-top: 0.94vw; font-size: 3.29vw; letter-spacing: -0.03vw;}
    /* sec02 */
    #main .sec02 .inner01 {top: 6vw;}
    #main .sec02 h3 {font-size: 3.29vw; letter-spacing: -0.03vw;}
    #main .sec02 .right .txt {margin-top: 6.47vw; margin-left: 43.65vw;}
    #main .sec02 strong {font-size: 7.53vw; letter-spacing: -0.03vw;}
    #main .sec02 strong::after {width: 1.41vw; height: 1.41vw; border-radius: 100%; top: 1.65vw; right: -1.41vw;}
    #main .sec02 p {margin-top: 2.12vw; font-size: 1.88vw; letter-spacing: -0.03vw;}
    /* sec03 */
    #main .sec03 {padding: 7.06vw 0;}
    #main .sec03 ul {gap: 7.06vw;}
    #main .sec03 ul .num {font-size: 2.12vw; letter-spacing: -0.03vw;}
    #main .sec03 ul .num strong {font-size: 3.76vw;}
    #main .sec03 ul .desc {margin-top: 0.94vw; font-size: 1.65vw; letter-spacing: -0.03vw;}
    #main .sec03 .num01 {min-width: 10.88vw;}
    #main .sec03 .num02 {min-width: 11.76vw;}
    #main .sec03 .num03 {min-width: 8.59vw;}
    #main .sec03 .num04 {min-width: 10.53vw;}
    /* sec04 */
    #main .sec04 {padding: 7.06vw 0;}
    #main .sec04 .swiper-wrapper {gap: 1.18vw;}
    /* sec05 */
    #main .sec05 {padding: 7.06vw 0 6.82vw;}
    #main .sec05 .mySwiper {box-shadow: 0.00vw 0.71vw 1.41vw 0.00vw rgba(155, 165, 190, 0.20);}
    #main .sec05 .swiper-slide {width: calc(100%/4 - 1.18vw); margin: 0 0.59vw; box-shadow: 0.00vw 0.71vw 1.41vw 0.00vw rgba(155, 165, 190, 0.20); border-radius: 1.18vw; padding: 2.12vw 1.65vw; letter-spacing: -0.03vw;}
    #main .sec05 .swiper-slide .tit {font-size: 0.88vw;}
    #main .sec05 .swiper-slide .info {margin-top: 0.88vw; gap: 0.94vw;}
    #main .sec05 .swiper-slide .info .img img {width: 3.29vw;}
    #main .sec05 .swiper-slide .info strong {font-size: 0.94vw;}
    #main .sec05 .swiper-slide .info p {margin-top: 0.06vw; font-size: 0.88vw;}
    #main .sec05 .swiper-slide .desc {margin-top: 0.94vw; min-height: 4.24vw; font-size: 0.88vw;}
    #main .sec05 .swiper-slide .date {margin-top: 1.35vw; height: 2.41vw; border-radius: 5.88vw; font-size: 0.88vw; padding: 0 0.94vw;}
    #main .sec05 .arrowBox {margin-top: 1.41vw;}
    #main .sec05 .arrow {font-size: 1.18vw; letter-spacing: -0.03vw;}
    #main .sec05 .arrow img {width: 1.88vw;}
    /* sec06 */
    #main .sec06 {padding: 7.06vw 0;}
    #main .sec06 ul {gap: 1.18vw;}
    #main .sec06 li {width: 24.35vw; border-radius: 0.71vw; padding: 2.35vw 1.88vw;}
    #main .sec06 li a {letter-spacing: -0.03vw;}
    #main .sec06 li .icon img {width: 3.29vw;}
    #main .sec06 li h4 {margin-top: 0.94vw; font-size: 1.88vw;}
    #main .sec06 li p {margin-top: 0.71vw; font-size: 1.06vw;}
    #main .sec06 li span {margin-top: 0.94vw; font-size: 1.18vw;}
    #main .sec06 li span img {width: 1.88vw;}
    /* sec07 */
    #main .sec07 {padding: 7.06vw 0;}
    #main .sec07 .swiper {margin-top: 4.76vw;}
    #main .sec07 .swiper-wrapper {gap: 1.18vw 0.94vw;}
    #main .sec07 .swiper-slide {border-radius: 0.71vw; box-shadow: 0.00vw 0.71vw 1.41vw 0.00vw rgba(155, 165, 190, 0.20); padding: 2.35vw; letter-spacing: -0.03vw;}
    #main .sec07 .num {font-size: 1.41vw;}
    #main .sec07 h4 {margin-top: 0.71vw; font-size: 1.65vw;}
    #main .sec07 p {margin-top: 0.71vw; font-size: 1.06vw;}
    /* sec08 */
    #main .sec08 {padding: 4.71vw 0;}
    #main .sec08 .inner1600 {border-radius: 1.65vw; padding: 0 14.12vw 0 7.06vw; height: 34.12vw;}
    #main .sec08 .inner1600 * {letter-spacing: -0.03vw;}
    #main .sec08 h3 {font-size: 3.53vw;}
    #main .sec08 p {font-size: 1.41vw; letter-spacing: -0.03vw;}
    #main .sec08 span {margin-top: 1.88vw; width: 16.29vw; height: 4.82vw; border-radius: 0.47vw; font-size: 1.65vw; letter-spacing: -0.03vw;}

}

@media screen and (max-width:1280px){
    

    body * {letter-spacing: -0.04vw;}

    /* 공통 */
    .inner01 {max-width:95.31vw;}
    .inner1600 {max-width:95.31vw;}
    .inner1440 {max-width:84.69vw;}
    .inner1400 {max-width:82.34vw;}
    .inner1200 {max-width:73.34vw;}
    
    /* HEADER */
    .header{ height: 7.11vw;}
    .header h1 a img{width: 12.34vw;}
    .header .gnb > li > a {font-size: 1.09vw; line-height: 7.11vw; width: 7.03vw;}
    .header .gnb_2depth{ top:calc(100% - 1.17vw); width: 9.06vw; padding: 1.17vw;}
    .header .gnb_2depth li + li{margin-top:0.86vw;}
    .header .gnb_2depth li a{font-size: 0.86vw; letter-spacing: -0.00vw;}
    .header .applyBtn {width: 11vw; height: 3.44vw; border-radius: 0.47vw; font-size: 1.09vw; letter-spacing: -0.00vw;} 
    
    /* quick btn */
    .quick {right: 4.92vw; bottom: 10.86vw;}
    .quick .top_btn{ gap: 0.16vw; width: 4.22vw; height: 4.22vw;}
    .quick .top_btn img {width: 1.48vw;}
    .quick .top_btn p {font-size: 0.94vw;}
    
    /* footer */
    .footer {padding: 2.81vw 0 3.98vw; margin-top: 7.03vw;}
    .footer .inner01 {gap: 9.38vw;}
    .footer .logo {width: 16.02vw;}
    .footer .use {gap: 0.63vw;}
    .footer .use .line {height: 0.86vw;}
    .footer .use a {font-size: 1.17vw; letter-spacing: -0.00vw;}
    .footer .info {margin-top: 1.17vw;}
    .footer .info p {font-size: 0.86vw; letter-spacing: -0.00vw;}
    
    
    /********* main *********/
    /* intro */
    .intro .text {left: 3.52vw; bottom: 4.69vw;}
    .intro .desc span {font-size: 1.64vw; letter-spacing: -0.00vw;}
    .intro .tit {margin-top: 2.11vw;} 
    .intro .tit span {font-size: 8.83vw; letter-spacing: -0.00vw;}
    
    /* common */
    #main .sec_tit {margin-bottom: 4.22vw;}
    #main .sec_tit h2 {font-size: 3.28vw; letter-spacing: -0.00vw;}
    #main .sec_tit p {margin-top: 0.94vw; font-size: 1.41vw;}
    
    /* quick */
    .main_quick {right: 7.03vw; bottom: 2.97vw; width: 8.13vw; height: 8.05vw; border-radius: 7.34vw 7.34vw 0.00vw 7.34vw; padding: 2.66vw 0 0 1.64vw; filter: drop-shadow(0.00vw 0.63vw 0.86vw rgba(55, 124, 208, 0.30));}
    .main_quick img {width: 3.05vw; top: 1.64vw; right: 1.17vw;}
    .main_quick span {font-size: 1.02vw; letter-spacing: -0.00vw;}
    
    /* visual */
    .visual {height:65.31vw;}
    .visual .txtwrap {bottom: 4.53vw;}
    .visual .tit div {gap: 0.94vw;}
    .visual .tit p {font-size: 1.41vw; letter-spacing: -0.00vw;}
    .visual .tit .line {width: 22.66vw; height: 0.08vw;}
    .visual .desc {margin-top: 2.34vw; font-size: 6.17vw; letter-spacing: -0.00vw;}
    .visual .scrollDown {gap: 0.16vw; margin-top: 5.47vw; font-size: 1.41vw;}
    .visual .scrollDown img {width: 1.41vw;}
    /* sec01 */
    #main .sec01 p {font-size: 1.88vw; letter-spacing: -0.00vw;}
    #main .sec01 h3 {margin-top: 0.94vw; font-size: 3.28vw; letter-spacing: -0.00vw;}
    /* sec02 */
    #main .sec02 .inner01 {top: 6.02vw;}
    #main .sec02 h3 {font-size: 3.28vw; letter-spacing: -0.00vw;}
    #main .sec02 .right .txt {margin-top: 6.48vw; margin-left: 43.67vw;}
    #main .sec02 strong {font-size: 7.50vw; letter-spacing: -0.00vw;}
    #main .sec02 strong::after {width: 1.41vw; height: 1.41vw; border-radius: 100%; top: 1.64vw; right: -1.41vw;}
    #main .sec02 p {margin-top: 2.11vw; font-size: 1.88vw; letter-spacing: -0.00vw;}
    /* sec03 */
    #main .sec03 {padding: 7.03vw 0;}
    #main .sec03 ul {gap: 7.03vw;}
    #main .sec03 ul .num {font-size: 2.11vw; letter-spacing: -0.00vw;}
    #main .sec03 ul .num strong {font-size: 3.75vw;}
    #main .sec03 ul .desc {margin-top: 0.94vw; font-size: 1.64vw; letter-spacing: -0.00vw;}
    #main .sec03 .num01 {min-width: 10.86vw;}
    #main .sec03 .num02 {min-width: 11.80vw;}
    #main .sec03 .num03 {min-width: 8.59vw;}
    #main .sec03 .num04 {min-width: 10.55vw;}
    /* sec04 */
    #main .sec04 {padding: 7.03vw 0;}
    #main .sec04 .swiper-wrapper {gap: 1.17vw;}
    /* sec05 */
    #main .sec05 {padding: 7.03vw 0 6.80vw;}
    #main .sec05 .mySwiper {box-shadow: 0.00vw 0.70vw 1.41vw 0.00vw rgba(155, 165, 190, 0.20);}
    #main .sec05 .swiper-slide {width: calc(100%/4 - 1.17vw); margin: 0 0.63vw; box-shadow: 0.00vw 0.70vw 1.41vw 0.00vw rgba(155, 165, 190, 0.20); border-radius: 1.17vw; padding: 2.11vw 1.64vw; letter-spacing: -0.00vw;}
    #main .sec05 .swiper-slide .tit {font-size: 0.86vw;}
    #main .sec05 .swiper-slide .info {margin-top: 0.86vw; gap: 0.94vw;}
    #main .sec05 .swiper-slide .info .img img {width: 3.28vw;}
    #main .sec05 .swiper-slide .info strong {font-size: 0.94vw;}
    #main .sec05 .swiper-slide .info p {margin-top: 0.08vw; font-size: 0.86vw;}
    #main .sec05 .swiper-slide .desc {margin-top: 0.94vw; min-height: 4.22vw; font-size: 0.86vw;}
    #main .sec05 .swiper-slide .date {margin-top: 1.33vw; height: 2.42vw; border-radius: 5.86vw; font-size: 0.86vw; padding: 0 0.94vw;}
    #main .sec05 .arrowBox {margin-top: 1.41vw;}
    #main .sec05 .arrow {font-size: 1.17vw; letter-spacing: -0.00vw;}
    #main .sec05 .arrow img {width: 1.88vw;}
    /* sec06 */
    #main .sec06 {padding: 7.03vw 0;}
    #main .sec06 ul {gap: 1.17vw;}
    #main .sec06 li {width: 24.38vw; border-radius: 0.70vw; padding: 2.34vw 1.88vw;}
    #main .sec06 li a {letter-spacing: -0.00vw;}
    #main .sec06 li .icon img {width: 3.28vw;}
    #main .sec06 li h4 {margin-top: 0.94vw; font-size: 1.88vw;}
    #main .sec06 li p {margin-top: 0.70vw; font-size: 1.09vw;}
    #main .sec06 li span {margin-top: 0.94vw; font-size: 1.17vw;}
    #main .sec06 li span img {width: 1.88vw;}
    /* sec07 */
    #main .sec07 {padding: 7.03vw 0;}
    #main .sec07 .swiper {margin-top: 4.77vw;}
    #main .sec07 .swiper-wrapper {gap: 1.17vw 0.94vw;}
    #main .sec07 .swiper-slide {border-radius: 0.70vw; box-shadow: 0.00vw 0.70vw 1.41vw 0.00vw rgba(155, 165, 190, 0.20); padding: 2.34vw; letter-spacing: -0.00vw;}
    #main .sec07 .num {font-size: 1.41vw;}
    #main .sec07 h4 {margin-top: 0.70vw; font-size: 1.64vw;}
    #main .sec07 p {margin-top: 0.70vw; font-size: 1.09vw;}
    /* sec08 */
    #main .sec08 {padding: 4.69vw 0;}
    #main .sec08 .inner1600 {border-radius: 1.64vw; padding: 0 14.14vw 0 7.03vw; height: 34.14vw;}
    #main .sec08 .inner1600 * {letter-spacing: -0.00vw;}
    #main .sec08 h3 {font-size: 3.52vw;}
    #main .sec08 p {font-size: 1.41vw; letter-spacing: -0.00vw;}
    #main .sec08 span {margin-top: 1.88vw; width: 16.33vw; height: 4.84vw; border-radius: 0.47vw; font-size: 1.64vw; letter-spacing: -0.00vw;}

}

@media screen and (max-width:768px){
    
    body * {letter-spacing: -0.13vw;}

	/* 공통 */
	.pc{display: none !important;}
	.mob{display: block !important;}
    .inner01,
    .inner1200,
    .inner1440,
    .inner1400,
    .inner1600 {max-width: 100%; padding-left: 4.27vw; padding-right: 4.27vw;}
    
    /* HEADER */
    .header{ height: 17.07vw;}
    .header h1 a img{width: 32.17vw;}
    .header .gnb,
    .header .applyBtn {display: none;}
    .header .allMenu_btn img {width: 7.47vw;}
    
    /* sideMenu */
    .head_bg {display: none !important; position: fixed; right: 0; top: 0; z-index: 10000; background: rgba(0, 0, 0, 0.6); width: 100%; height: 100vh; text-align: right;}
    .head_bg.on{display: block !important;}
    .head_bg .head_bg_inner {position: relative; background: #fff; width: 100%; height: 100%; display: inline-block; text-align: left;}
    .head_bg .top {padding: 4.80vw 5.33vw;}
    .head_bg .head_bg_close img {width: 7.47vw;}
    .head_bg .head_bg_logo a{display: block;}
    .head_bg .head_bg_logo img {width:32.54vw;}
    .head_bg .accordion {height: calc(100svh - 17.07vw - 19.73vw); overflow: hidden; overflow-y: scroll;}
    .head_bg .accordion .link a {font-size: 4.27vw; font-weight: 700; letter-spacing: -0.13vw; padding: 4.27vw; border-bottom: 0.27vw solid #EDEEF5; display: block;}
    .head_bg .accordion li.on .link a {color: var(--color1); border-color: var(--color1);}
    .head_bg .accordion ul {display: none; padding: 1.07vw 0; border-bottom: 0.27vw solid #EDEEF5;}
    .head_bg .accordion ul a {display: block; font-size: 3.73vw; font-weight: 600; letter-spacing: -0.13vw; padding: 3.20vw 4.27vw;}
    .head_bg .applyBtn {display: flex; align-items: center; justify-content: center; height: 19.73vw; background: var(--color1); color: #fff; font-size: 4.80vw; font-weight: 700; letter-spacing: -0.13vw;}
    
    /* quick btn */
    .quick {right: 4.27vw; bottom: 61.07vw;}
    .quick .top_btn{ gap: 0.53vw; width: 14.93vw; height: 14.93vw;}
    .quick .top_btn img {width: 4.80vw;}
    .quick .top_btn p {font-size: 3.20vw;}
    
    /* footer */
    .footer {padding: 12.80vw 0; margin-top: 14.93vw;}
    .footer .inner01 {gap: 7.47vw; flex-direction: column; justify-content: flex-start;}
    .footer .logo {width: 48.51vw; padding: 1.73vw 2.40vw;}
    .footer .use {gap: 2.67vw;}
    .footer .use .line {height: 2.67vw;}
    .footer .use a {font-size: 3.73vw; letter-spacing: -0.13vw;}
    .footer .info {margin-top: 5.33vw;}
    .footer .info p {font-size: 3.20vw; letter-spacing: -0.13vw;}
    
    
    /********* main *********/
    /* intro */
    .intro .text {left: 4.27vw; bottom: 21.33vw;}
    .intro .desc span {font-size: 4.27vw; letter-spacing: -0.13vw;}
    .intro .tit {margin-top: 6.40vw;} 
    .intro .tit span {font-size: 14.93vw; letter-spacing: -0.13vw;}
    
    /* common */
    #main .sec_tit {margin-bottom: 10.67vw;}
    #main .sec_tit h2 {font-size: 7.47vw; letter-spacing: -0.13vw;}
    #main .sec_tit p {margin-top: 2.13vw; font-size: 4.00vw;}
    
    /* quick */
    .main_quick {right: 4.27vw; bottom: 10.93vw; width: 23.59vw; height: 23.59vw; border-radius: 21.33vw 21.33vw 0.00vw 21.33vw; padding: 6.93vw 0 0 5.33vw; filter: drop-shadow(0.00vw 1.71vw 2.56vw rgba(55, 124, 208, 0.30));}
    .main_quick img {width: 7.68vw; top: 5.07vw; right: 4.00vw;}
    .main_quick span {font-size: 3.20vw; letter-spacing: -0.06vw;}
    
    /* visual */
    .visual {height:216.53vw;}
    .visual .txtwrap {bottom: 14.93vw;}
    .visual .tit div {gap: 0;}
    .visual .tit p {font-size: 4.27vw; letter-spacing: -0.13vw;}
    .visual .tit .line {display: none;}
    .visual .desc {margin-top: 6.40vw; font-size: 14.93vw; letter-spacing: -0.13vw;}
    .visual .scrollDown {gap: 0.53vw; margin-top: 36.53vw; font-size: 4.27vw;}
    .visual .scrollDown img {width: 4.27vw;}
    /* sec01 */
    #main .sec01 .inner01 {top: 10.67vw; transform: translateX(-50%);}
    #main .sec01 p {font-size: 4.00vw; letter-spacing: -0.13vw;}
    #main .sec01 h3 {margin-top: 3.20vw; font-size: 7.47vw; letter-spacing: -0.13vw;}
    /* sec02 */
    #main .sec02 .inner01 {top: 10.67vw;}
    #main .sec02 h3 {font-size: 7.47vw; letter-spacing: -0.13vw;}
    #main .sec02 .right {top: auto; bottom: 17.07vw; left: 0; transform: none;}
    #main .sec02 .right .txt {margin-top: 10.67vw; margin-left: 0;}
    #main .sec02 strong {font-size: 17.07vw; letter-spacing: -0.07vw; text-align: right; display: block; padding-right: 3.73vw;}
    #main .sec02 strong::after {width: 3.20vw; height: 3.20vw; top: 0; right: 0;}
    #main .sec02 p {margin-top: 10.67vw; font-size: 4.80vw; letter-spacing: -0.13vw;}
    /* sec03 */
    #main .sec03 {padding: 14.93vw 0; background: url('/img/main/m_sec03_bg.jpg') no-repeat center/cover;}
    #main .sec03 ul {gap: 7.47vw 0; flex-wrap: wrap;}
    #main .sec03 ul li {width: 34.40vw;}
    #main .sec03 ul .num {font-size: 5.33vw; letter-spacing: -0.13vw;}
    #main .sec03 ul .num strong {font-size: 8.53vw; margin-right: 0.53vw;}
    #main .sec03 ul .desc {margin-top: 3.20vw; font-size: 3.20vw; letter-spacing: -0.13vw;}
    #main .sec03 .num01 {min-width: 100%;}
    #main .sec03 .num02 {min-width: 100%;}
    #main .sec03 .num03 {min-width: 100%;}
    #main .sec03 .num04 {min-width: 100%;}
    /* sec04 */
    #main .sec04 {padding: 21.60vw 0;}
    #main .sec04 .swiper {width: calc(100% + 4.27vw); overflow: hidden;}
    #main .sec04 .swiper-wrapper {gap: 0; display: flex;}
    #main .sec04 .swiper-slide {width: 64.00vw; margin-right: 2.13vw; border-radius: 4.27vw; overflow: hidden;}
    #main .sec04 .swiper-pagination {position: relative; top: auto; right: auto; bottom: auto; left: auto; margin: 8.53vw 0 0; width: calc(100% - 4.27vw); height: 0.53vw; background: #EDEEF5;}
    #main .sec04 .swiper-pagination-progressbar-fill {background: var(--color1);}
    /* sec05 */
    #main .sec05 {padding: 14.93vw 0 16.00vw;}
    #main .sec05 #main .sec_tit {margin-bottom: 0 !important;}
    #main .sec05 .mySwiper {box-shadow: none;}
    #main .sec05 .swiper-wrapper {padding: 10.67vw 0 8.53vw;}
    #main .sec05 .swiper-slide {width: 77.33vw; margin: 0 4.27vw 0 0; box-shadow: 0.00vw 2.40vw 4.80vw 0.00vw rgba(155, 165, 190, 0.20); border-radius: 4.00vw; padding: 7.20vw 5.60vw; letter-spacing: -0.13vw;}
    #main .sec05 .swiper-slide .tit {font-size: 3.20vw;}
    #main .sec05 .swiper-slide .info {margin-top: 2.93vw; gap: 3.20vw;}
    #main .sec05 .swiper-slide .info .img img {width: 11.20vw;}
    #main .sec05 .swiper-slide .info strong {font-size: 3.73vw;}
    #main .sec05 .swiper-slide .info p {margin-top: 0.27vw; font-size: 3.20vw;}
    #main .sec05 .swiper-slide .desc {margin-top: 3.20vw; min-height: 15.20vw; font-size: 3.20vw;}
    #main .sec05 .swiper-slide .date {margin-top: 3.20vw; height: 8.53vw; border-radius: 20.00vw; font-size: 3.20vw; padding: 0 3.20vw;}
    #main .sec05 .arrowBox {margin-top: 0;}
    #main .sec05 .arrow {font-size: 4.27vw; letter-spacing: -0.13vw;}
    #main .sec05 .arrow img {width: 5.33vw;}
    /* sec06 */
    #main .sec06 {padding: 14.93vw 0; background: url('/img/main/m_sec06_bg.jpg') no-repeat center/cover;}
    #main .sec06 ul {gap: 4.27vw; flex-direction: column; justify-content: flex-start; padding: 0 4.27vw;}
    #main .sec06 li {width: 100%; border-radius: 3.20vw; padding: 8.53vw 7.47vw;}
    #main .sec06 li a {letter-spacing: -0.13vw;}
    #main .sec06 li .icon img {width: 8.53vw;}
    #main .sec06 li h4 {margin-top: 2.13vw; font-size: 5.33vw;}
    #main .sec06 li p {margin-top: 3.20vw; font-size: 3.47vw;}
    #main .sec06 li span {margin-top: 4.27vw; font-size: 4.27vw;}
    #main .sec06 li span img {width: 5.33vw;}
    /* sec07 */
    #main .sec07 {padding: 14.93vw 0;}
    #main .sec07 .swiper {margin-top: 8.53vw;}
    #main .sec07 .swiper-wrapper {gap: 0; display: flex;}
    #main .sec07 .swiper-slide {margin-right: 4vw; width: 74.67vw; height: 62.13vw; border-radius: 3.20vw; box-shadow: 0.00vw 3.20vw 6.40vw 0.00vw rgba(155, 165, 190, 0.20); padding: 8.53vw 6.40vw; letter-spacing: -0.13vw;}
    #main .sec07 .num {font-size: 5.33vw;}
    #main .sec07 h4 {margin-top: 2.13vw; font-size: 5.33vw;}
    #main .sec07 p {margin-top: 4.27vw; font-size: 3.47vw;}
    #main .sec07 .swiper-pagination {position: relative; top: auto; right: auto; bottom: auto; left: auto; margin: 8.53vw auto 0; height: 0.53vw; background: #EDEEF5;}
    #main .sec07 .swiper-pagination-progressbar-fill {background: var(--color1);}
    /* sec08 */
    #main .sec08 {padding: 14.93vw 0 5.33vw;}
    #main .sec08 .inner1600 {border-radius: 4.27vw; padding: 14.93vw 5.33vw; height: 111.47vw; width: calc(100% - 8.53vw);}
    #main .sec08 .inner1600 * {letter-spacing: -0.13vw;}
    #main .sec08 .inner1600 .flex-jb {flex-direction: column; justify-content: flex-start; gap: 5.33vw;}
    #main .sec08 h3 {font-size: 8.53vw;}
    #main .sec08 p {font-size: 4.27vw; letter-spacing: -0.13vw;}
    #main .sec08 span {margin-top: 6.40vw; width: 44.53vw; height: 14.93vw; border-radius: 2.13vw; font-size: 4.27vw; letter-spacing: -0.13vw;}

}