#hero-section {position:relative;width:100%;aspect-ratio:1920 / 960;padding-top:144px;box-sizing:border-box;}
#hero-section video {display:block;width:100%;height:100%;object-fit:cover;object-position:center center;}
#hero-section .play-btn {position:absolute;top:0;left:0;display:none;width:100%;height:100%;cursor:pointer;}
#hero-section .play-btn::after {content:"";position:absolute;top:calc(50% + 144px / 2);left:50%;display:block;width:100px;aspect-ratio:1 / 1;background:url(../images/main/icon-play-btn.png) no-repeat center center / contain;transform:translate(-50%,-50%);transform-origin:center;transition:0.2s;}
#hero-section .play-btn:hover::after {transform:translate(-50%,-50%) scale(1.1);}
#hero-section .banner-btn-wrap {position:absolute;bottom:60px;right:calc((100% - 1400px) / 2);gap:1.25rem;}
#hero-section .banner-btn-wrap .banner-btn a {justify-content:center;align-items:center;gap:0.75rem;color:#fff;font-size:1rem;font-weight:400;padding:1.25rem;border:2px solid #fff;border-radius:20px;transition:0.2s;}
#hero-section .banner-btn-wrap .banner-btn a:hover {border-color:var(--color1);background-color:var(--color1);}
#hero-section .banner-btn-wrap .banner-btn a .text-wrap {text-align:center;}
#hero-section .banner-btn-wrap .banner-btn a .name {display:block;font-size:1.25rem;font-weight:700;}
#hero-section .banner-btn-wrap .banner-btn a .text {display:block;}

#container {position:relative;width:100%;}
.contents {width:100%;padding-bottom:7.5rem;overflow:hidden;}
.contents .title-wrap {justify-content:space-between;align-items:center;width:100%;margin-bottom:3.75rem;}
.contents .title-wrap .title {color:var(--mono1);font-size:3.5rem;font-weight:700;}
.contents .title-wrap .title .text {position:relative;}
.contents .title-wrap .title .text::after {content:"";position:absolute;bottom:0.75rem;right:-50px;display:block;width:40px;aspect-ratio:2 / 1;background:url(../images/main/symbol.png) no-repeat center bottom / contain;}
.contents .title-wrap .desc {color:var(--mono1);font-size:1.25rem;font-weight:300;margin-top:1.25rem;}
.contents .title-wrap .desc strong {font-weight:600;}

/* 구 버전 250424
.news .news-wrap {width:100%;padding-left:calc((100% - 1400px) / 2);box-sizing:border-box;}
.news .news-wrap .now-swiper {position:relative;width:100%;padding-left:calc(550px + 20px);padding-bottom:calc(3.75rem + 10px);box-sizing:border-box;}
.news .news-wrap .now-swiper .swiper-wrapper .swiper-slide {width:550px;aspect-ratio:1 / 1;border-radius:20px;overflow:hidden;}
.news .news-wrap .now-swiper .swiper-wrapper .swiper-slide .inner {width:100%;height:100%;background-color:#fff;}
.news .news-wrap .now-swiper .swiper-wrapper .swiper-slide .inner img {display:block;width:100%;height:100%;object-fit:cover;object-position:center center;opacity:0.5;}
.news .news-wrap .now-swiper .fixed-wrap {position:absolute;top:0;left:0;justify-content:flex-start;gap:1.25rem;background-color:#fff;z-index:2;pointer-events:none;}
.news .news-wrap .now-swiper .fixed-wrap .img-wrap {position:relative;width:550px;aspect-ratio:1 / 1;border-radius:20px;overflow:hidden;}
.news .news-wrap .now-swiper .fixed-wrap .img-wrap .box {position:absolute;top:0;left:0;width:100%;height:100%;}
.news .news-wrap .now-swiper .fixed-wrap .img-wrap .box.on {z-index:2;}
.news .news-wrap .now-swiper .fixed-wrap .img-wrap .box img {display:block;width:100%;height:100%;object-fit:cover;object-position:center center;}
.news .news-wrap .now-swiper .fixed-wrap .text-wrap {position:relative;width:550px;aspect-ratio:1 / 1;overflow:hidden;}
.news .news-wrap .now-swiper .fixed-wrap .text-wrap .box {position:absolute;top:0;left:0;flex-flow:column nowrap;justify-content:center;width:100%;height:100%;padding:0 2rem;background-color:#fff;box-sizing:border-box;opacity:0;transition:0.5s;}
.news .news-wrap .now-swiper .fixed-wrap .text-wrap .box.on {opacity:1;}
.news .news-wrap .now-swiper .fixed-wrap .text-wrap .box.on .button {pointer-events:initial;}
.news .news-wrap .now-swiper .fixed-wrap .text-wrap .box .number {display:block;color:var(--color2);font-size:2.25rem;font-weight:700;line-height:1;margin-bottom:0.5rem;}
.news .news-wrap .now-swiper .fixed-wrap .text-wrap .box .subject {display:block;color:var(--mono1);font-size:2.25rem;font-weight:700;margin-bottom:1.25rem;}
.news .news-wrap .now-swiper .fixed-wrap .text-wrap .box .desc {display:block;color:var(--mono2);font-size:1.125rem;font-weight:300;margin-bottom:2.5rem;}
.news .news-wrap .now-swiper .now-navigation {position:absolute;top:calc(50% - 30px);right:calc(100% - 1400px);justify-content:center;width:56px;height:56px;color:var(--mono1);font-size:1.25rem;font-weight:700;text-align:center;border:1px solid var(--mono7);border-radius:50px;background-color:#fff;box-sizing:border-box;transform:translateY(-50%);transition:0.2s;z-index:2;cursor:pointer;}
.news .news-wrap .now-swiper .now-navigation:hover {background-color:var(--mono8);}
.news .news-wrap .now-swiper .now-pagination {position:absolute;top:auto;bottom:0;left:0;width:1400px;height:10px;border-radius:50px;background-color:var(--mono7);overflow:hidden;}
.news .news-wrap .now-swiper .now-pagination .swiper-pagination-progressbar-fill {background-color:var(--color8);} */
.news .news-wrap {width:100%;overflow:hidden;}
.news .news-wrap .now-swiper {position:relative;width:100%;}
.news .news-wrap .now-swiper .swiper-wrapper {margin-bottom:1.25rem;}
.news .news-wrap .now-swiper .swiper-wrapper .swiper-slide {width:100%;}
.news .news-wrap .now-swiper .swiper-wrapper .swiper-slide .inner {justify-content:space-between;align-items:center;width:100%;}
.news .news-wrap .now-swiper .swiper-wrapper .swiper-slide .inner .img-wrap {width:350px;aspect-ratio:1 / 1;border-radius:20px;overflow:hidden;}
.news .news-wrap .now-swiper .swiper-wrapper .swiper-slide .inner .img-wrap img {display:block;width:100%;height:100%;object-fit:cover;object-position:center;}
.news .news-wrap .now-swiper .swiper-wrapper .swiper-slide .inner .text-wrap {justify-content:center;width:calc(100% - 350px);padding-left:3.75rem;box-sizing:border-box;}
.news .news-wrap .now-swiper .swiper-wrapper .swiper-slide .inner .text-wrap .number {display:block;color:var(--color2);font-size:2.25rem;font-weight:700;line-height:1;margin-bottom:0.5rem;}
.news .news-wrap .now-swiper .swiper-wrapper .swiper-slide .inner .text-wrap .subject {display:block;color:var(--mono1);font-size:2.25rem;font-weight:700;margin-bottom:1.25rem;}
.news .news-wrap .now-swiper .swiper-wrapper .swiper-slide .inner .text-wrap .desc {display:block;color:var(--mono2);font-size:1.125rem;font-weight:300;}
.news .news-wrap .now-swiper .swiper-wrapper .swiper-slide .inner .text-wrap .desc a {display:inline;color:var(--color1);text-decoration:underline;}
.news .news-wrap .now-swiper .swiper-wrapper .swiper-slide .inner .text-wrap .button {margin-top:2.5rem;}
.news .news-wrap .now-swiper .now-navigation {justify-content:flex-end;align-items:center;gap:0.75rem;margin-bottom:2.5rem;}
.news .news-wrap .now-swiper .now-navigation .now-prev,
.news .news-wrap .now-swiper .now-navigation .now-next {justify-content:center;align-items:center;width:56px;aspect-ratio:1 / 1;color:var(--mono1);font-size:1.25rem;font-weight:700;text-align:center;border:1px solid var(--mono7);border-radius:50px;background-color:#fff;box-sizing:border-box;transition:0.2s;cursor:pointer;}
.news .news-wrap .now-swiper .now-navigation .now-prev:hover,
.news .news-wrap .now-swiper .now-navigation .now-next:hover {background-color:var(--mono8);}
.news .news-wrap .now-swiper .now-pagination {position:relative;width:100%;height:10px;border-radius:50px;background-color:var(--mono7);overflow:hidden;}
.news .news-wrap .now-swiper .now-pagination .swiper-pagination-progressbar-fill {background-color:var(--color8);}

.brand {padding-top:7.5rem;}
.brand .bg-wrap {position:relative;width:100%;height:500px;border-radius:20px;overflow:hidden;}
.brand .bg-wrap::before {content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:url(../images/main/img-main-brand-bg.jpg) no-repeat center center / cover;}
.brand .bg-wrap .text-wrap {position:absolute;top:0;left:0;justify-content:center;gap:1rem;width:100%;height:100%;padding:1.25rem;box-sizing:border-box;}
.brand .bg-wrap .text-wrap .since {display:block;color:#fff;font-size:1.75rem;font-weight:700;font-family:"MaruBuri",sans-serif;text-align:center;}
.brand .bg-wrap .text-wrap .catchphrase {color:#fff;font-size:2.25rem;font-weight:500;text-align:center;}
.brand .button {text-align:center;margin-top:5rem;}

.intro {padding:7.5rem 0;background-color:var(--mono9);}
.intro .intro-list {flex-flow:row nowrap;justify-content:space-between;gap:1.25rem;width:100%;}
.intro .intro-list li {width:calc(25% - 1.25rem * 3 / 4);height:auto;transition:0.5s;}
.intro .intro-list li.on {width:calc(40% - 1.25rem * 3 / 4);}
.intro .intro-list li.not {width:calc((60% / 3)  - 1.25rem * 3 / 4);}
.intro .intro-list li a {display:block;width:100%;height:100%;border-radius:20px;background:no-repeat center center / cover;overflow:hidden;}
.intro .intro-list li:nth-child(1) a {background-image:url(../images/main/img-main-intro-1.jpg);}
.intro .intro-list li:nth-child(2) a {background-image:url(../images/main/img-main-intro-2-1.jpg);}
.intro .intro-list li:nth-child(3) a {background-image:url(../images/main/img-main-intro-3.jpg);}
.intro .intro-list li:nth-child(4) a {background-image:url(../images/main/img-main-intro-4.jpg);}
.intro .intro-list li a .inner {justify-content:flex-end;width:100%;height:100%;padding:2.5rem;background-color:#01010280;box-sizing:border-box;transition:0.2s;}
.intro .intro-list li a .inner .text-wrap {width:100%;padding:17.5rem 0 0;box-sizing:border-box;transform:translateY(calc(56px + 0.75rem));transition:0.5s;}
.intro .intro-list li a .inner .text-wrap .sub {display:block;color:#fff;font-size:1rem;font-weight:500;margin-bottom:0.25rem;}
.intro .intro-list li a .inner .text-wrap .name {display:block;color:#fff;font-size:2rem;font-weight:700;}
.intro .intro-list li a .inner .text-wrap .desc {display:block;color:#fff;font-size:1.25rem;font-weight:300;padding-top:0.75rem;white-space:nowrap;opacity:0;transition:0.5s;}
.intro .intro-list li:nth-child(1) a:hover .inner {background-color:#499457;}
.intro .intro-list li:nth-child(2) a:hover .inner {background-color:#046a38;}
.intro .intro-list li:nth-child(3) a:hover .inner {background-color:#26a460;}
.intro .intro-list li:nth-child(4) a:hover .inner {background-color:#499457;}
.intro .intro-list li a:hover .inner .text-wrap {padding:8.75rem 0;transform:translateY(0);}
.intro .intro-list li a:hover .inner .text-wrap .desc {opacity:1;}

/* responsive */
@media screen and (max-width:1450px){
    #hero-section .banner-btn-wrap {right:50px;}

    /* .news .news-wrap {padding-left:50px;}
    .news .news-wrap .now-swiper .now-navigation {right:50px;}
    .news .news-wrap .now-swiper .now-pagination {width:calc(100% - 50px);} */

    .intro .intro-list li a .inner {padding:1.75rem;}
}

@media screen and (max-width:1280px){
    #hero-section {aspect-ratio:8 / 5;}
    #hero-section .banner-btn-wrap .banner-btn a {border-radius:16px;}

    .contents .title-wrap .title {font-size:3rem;}

    /* .news .news-wrap {padding:0 50px;}
    .news .news-wrap .now-swiper {padding-left:0;overflow:hidden;}
    .news .news-wrap .now-swiper .swiper-wrapper .swiper-slide {width:calc(50% - 20px / 2);}
    .news .news-wrap .now-swiper .swiper-wrapper .swiper-slide .inner img {opacity:1;}
    .news .news-wrap .now-swiper .fixed-wrap {gap:20px;width:100%;background-color:transparent;}
    .news .news-wrap .now-swiper .fixed-wrap .img-wrap {width:calc(50% - 20px / 2);opacity:0;}
    .news .news-wrap .now-swiper .fixed-wrap .text-wrap {width:calc(50% - 20px / 2);background-color:#fff;}
    .news .news-wrap .now-swiper .fixed-wrap .text-wrap .box .number {font-size:2rem;}
    .news .news-wrap .now-swiper .fixed-wrap .text-wrap .box .subject {font-size:2rem;}
    .news .news-wrap .now-swiper .fixed-wrap .text-wrap .box .desc {font-size:1rem;}
    .news .news-wrap .now-swiper .now-navigation {top:auto;bottom:calc(3.75rem + 10px);right:0;transform:translateY(0);}
    .news .news-wrap .now-swiper .now-pagination {width:100%;} */
    .news .news-wrap .now-swiper .swiper-wrapper .swiper-slide .inner .text-wrap .number {font-size:1.75rem;}
    .news .news-wrap .now-swiper .swiper-wrapper .swiper-slide .inner .text-wrap .subject {font-size:2rem;}
    .news .news-wrap .now-swiper .swiper-wrapper .swiper-slide .inner .text-wrap .desc {font-size:1rem;}

    .brand .bg-wrap {height:425px;}

    .intro .intro-list li a .inner .text-wrap {padding:12.5rem 0 0;}
    .intro .intro-list li a:hover .inner .text-wrap {padding:6.25rem 0;}
}

@media screen and (max-width:1024px){
    #hero-section {aspect-ratio:4 / 3;padding-top:64px;}
    #hero-section .play-btn::after {top:calc(50% + 64px / 2);}
    #hero-section .banner-btn-wrap {bottom:16px;right:16px;}
    #hero-section .banner-btn-wrap .banner-btn a {padding:1rem;}

    .contents {padding-bottom:5rem;}
    .contents .title-wrap {margin-bottom:2.5rem;}
    .contents .title-wrap .title {font-size:2.5rem;}
    .contents .title-wrap .title .text::after {bottom:0.5rem;right:-40px;width:30px;}

    /* .news .news-wrap {padding:0 16px;}
    .news .news-wrap .now-swiper {padding-bottom:calc(2.5rem + 10px);}
    .news .news-wrap .now-swiper .fixed-wrap {position:static;gap:0;}
    .news .news-wrap .now-swiper .fixed-wrap .img-wrap {height:0;overflow:hidden;}
    .news .news-wrap .now-swiper .fixed-wrap .text-wrap {width:100%;height:300px;aspect-ratio:unset;}
    .news .news-wrap .now-swiper .fixed-wrap .text-wrap .box {justify-content:flex-start;padding:1rem 1.25rem;}
    .news .news-wrap .now-swiper .fixed-wrap .text-wrap .box .number {font-size:1.25rem;margin-bottom:0;}
    .news .news-wrap .now-swiper .fixed-wrap .text-wrap .box .subject {font-size:1.75rem;margin-bottom:0.75rem;}
    .news .news-wrap .now-swiper .fixed-wrap .text-wrap .box .desc {font-size:0.875rem;margin-bottom:1.75rem;}
    .news .news-wrap .now-swiper .now-navigation {bottom:calc(2.5rem + 10px);} */
    .news .news-wrap .now-swiper .swiper-wrapper .swiper-slide .inner .img-wrap {width:280px;}
    .news .news-wrap .now-swiper .swiper-wrapper .swiper-slide .inner .text-wrap {width:calc(100% - 280px);padding-left:2rem;}
    .news .news-wrap .now-swiper .swiper-wrapper .swiper-slide .inner .text-wrap .number {font-size:1.25rem;margin-bottom:0.25rem;}
    .news .news-wrap .now-swiper .swiper-wrapper .swiper-slide .inner .text-wrap .subject {font-size:1.5rem;margin-bottom:0.75rem;}
    .news .news-wrap .now-swiper .swiper-wrapper .swiper-slide .inner .text-wrap .desc {font-size:0.875rem;}
    .news .news-wrap .now-swiper .swiper-wrapper .swiper-slide .inner .text-wrap .desc br.responsive {display:none;}
    .news .news-wrap .now-swiper .swiper-wrapper .swiper-slide .inner .text-wrap .button {margin-top:1.75rem;}

    .brand {padding-top:5rem;}
    .brand .bg-wrap {height:375px;}
    .brand .bg-wrap .text-wrap .since {font-size:1.25rem;}
    .brand .bg-wrap .text-wrap .catchphrase {font-size:2rem;}
    .brand .button {margin-top:2.5rem;}

    .intro {padding:5rem 0;}
    .intro .intro-list {flex-flow:row wrap;}
    .intro .intro-list li {width:calc(50% - 1.25rem / 2);}
    .intro .intro-list li.on {width:calc(50% - 1.25rem / 2);}
    .intro .intro-list li.not {width:calc(50% - 1.25rem / 2);}
    .intro .intro-list li a .inner .text-wrap {padding:7.5rem 0 0;transform:translateY(calc(45px + 0.5rem));}
    .intro .intro-list li a .inner .text-wrap .sub {font-size:0.875rem;margin-bottom:0;}
    .intro .intro-list li a .inner .text-wrap .name {font-size:1.5rem;}
    .intro .intro-list li a .inner .text-wrap .desc {font-size:1rem;padding-top:0.5rem;}
    .intro .intro-list li a:hover .inner .text-wrap {padding:3.75rem 0;}
}

@media screen and (max-width:768px){
    #hero-section {aspect-ratio:1 / 1;}
    #hero-section .play-btn::after {width:68px;}
    #hero-section .banner-btn-wrap {gap:0.75rem;}
    #hero-section .banner-btn-wrap .banner-btn a .name {font-size:1rem;}

    .contents .title-wrap {justify-content:flex-start;gap:1rem;margin-bottom:2rem;}
    .contents .title-wrap .title {width:100%;}

    /* .news .news-wrap .now-swiper {padding-bottom:calc(2.5rem + 8px);}
    .news .news-wrap .now-swiper .swiper-wrapper .swiper-slide {border-radius:16px;}
    .news .news-wrap .now-swiper .fixed-wrap .text-wrap .box {padding:1.25rem 0.5rem 0;}
    .news .news-wrap .now-swiper .now-navigation {bottom:calc(1.5rem + 8px);}
    .news .news-wrap .now-swiper .now-pagination {height:8px;} */
    .news .news-wrap .now-swiper .swiper-wrapper .swiper-slide .inner .img-wrap {width:100%;margin-bottom:2rem;}
    .news .news-wrap .now-swiper .swiper-wrapper .swiper-slide .inner .text-wrap {width:100%;padding:0 0.5rem;}
    .news .news-wrap .now-swiper .now-navigation {gap:0.5rem;margin-bottom:1.25rem;}
    .news .news-wrap .now-swiper .now-navigation .now-prev,
    .news .news-wrap .now-swiper .now-navigation .now-next {width:44px;font-size:1rem;}
    .news .news-wrap .now-swiper .now-pagination {height:8px;}

    .brand .bg-wrap {height:auto;aspect-ratio:4 / 3;border-radius:16px;}
    .brand .bg-wrap .text-wrap {gap:0.75rem;padding:0.75rem;}
    .brand .bg-wrap .text-wrap .since {font-size:3.5vw;}
    .brand .bg-wrap .text-wrap .catchphrase {font-size:4.5vw;}

    .intro .intro-list li a {border-radius:16px;}
    .intro .intro-list li a .inner .text-wrap {transform:translateY(calc(40px + 0.5rem));}
}

@media screen and (max-width:480px){
    #hero-section {aspect-ratio:3 / 5;}

    .contents .title-wrap .title {font-size:2rem;}

    /* .news .news-wrap .now-swiper .fixed-wrap .text-wrap {height:350px;} */

    .intro .intro-list li {width:100%;}
    .intro .intro-list li.on {width:100%;}
    .intro .intro-list li.not {width:100%;}
    .intro .intro-list li a .inner .text-wrap {padding:5rem 0 0;}
    .intro .intro-list li a:hover .inner .text-wrap {padding:2.5rem 0;}
}