#site-content {padding-top:100px;}

/* hero section */
#hero-section {position:relative;width:100%;height:calc(100vh - 100px);background-color:#000;}
#hero-section .img-wrap {width:100%;height:100%;background:url(/wp-content/uploads/2025/07/img-hero-image-1.jpg) no-repeat center center / cover;opacity:0.75;}
#hero-section .img-wrap::after {content:"";position:absolute;top:0;left:0;display:block;width:100%;height:55%;background:linear-gradient(180deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);opacity:0.5;}
#hero-section .inner {position:absolute;top:0;left:0;justify-content:center;width:100%;height:100%;padding:0 100px;box-sizing:border-box;}
#hero-section .inner .hero-title {color:#fff;font-size:4.25rem;font-weight:700;text-align:center;}

/* container */
.content {padding:7.5rem 0;overflow:hidden;}
.content .title-wrap {width:100%;margin-bottom:5rem;}
.content .title-wrap .title {justify-content:center;align-items:center;color:var(--mono1);font-size:3rem;font-weight:700;}
.content .title-wrap .title span {position:relative;display:block;text-align:center;line-height:1;}
.content .title-wrap .title span::after {content:"";position:absolute;top:-1.75rem;right:-2.5rem;display:block;width:2.5rem;aspect-ratio:1 / 1;background:url(/wp-content/uploads/2025/07/icon-title-point-colored.svg) no-repeat center center / contain;}
.content .title-wrap .desc {color:var(--mono1);font-size:1.25rem;font-weight:400;text-align:center;margin-top:2.5rem;}

.activity .activity-swiper {position:relative;width:100%;padding:0 calc((100% - 1000px) / 2);box-sizing:border-box;}
.activity .activity-swiper .swiper-wrapper .swiper-slide {position:relative;border-radius:40px;overflow:hidden;transform:scale(0.85);opacity:0.4;transition:0.3s;}
.activity .activity-swiper .swiper-wrapper .swiper-slide.swiper-slide-active {transform:scale(1);opacity:1;}
.activity .activity-swiper .swiper-wrapper .swiper-slide .img-wrap {width:100%;}
.activity .activity-swiper .swiper-wrapper .swiper-slide .img-wrap::after {content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);opacity:0.5;}
.activity .activity-swiper .swiper-wrapper .swiper-slide .img-wrap img {display:block;width:100%;}
.activity .activity-swiper .swiper-wrapper .swiper-slide .text-wrap {position:absolute;bottom:0;left:0;width:100%;text-align:center;padding:2.5rem;box-sizing:border-box;}
.activity .activity-swiper .swiper-wrapper .swiper-slide .text-wrap strong {color:#fff;font-size:2rem;font-weight:700;}
.activity .activity-swiper .activity-prev,
.activity .activity-swiper .activity-next {position:absolute;top:50%;justify-content:center;align-items:center;width:56px;aspect-ratio:1 / 1;color:#fff;font-size:1.25rem;font-weight:700;border-radius:50px;background-color:var(--color1);transform:translateY(-50%);z-index:1;cursor:pointer;transition:0.3s;}
.activity .activity-swiper .activity-prev {left:0;}
.activity .activity-swiper .activity-next {right:0;}
.activity .activity-swiper .activity-prev .arrow,
.activity .activity-swiper .activity-next .arrow {font-family:'Pretendard', sans-serif;}
.activity .activity-swiper .activity-prev:hover,
.activity .activity-swiper .activity-next:hover {background-color:var(--color3);}
.activity .button-wrapper {justify-content:center;margin-top:3.75rem;}

.discover {background-color:var(--color2);}
.discover .discover-tab {justify-content:space-between;gap:2.5rem;width:100%;}
.discover .discover-tab .item {width:calc((100% / 3) - 2.5rem * 2 / 3);aspect-ratio:22 / 15;}
.discover .discover-tab .item a {position:relative;justify-content:flex-end;width:100%;height:100%;padding:2.5rem;border:1px solid transparent;border-radius:40px;background-color:#fff;box-sizing:border-box;transition:0.3s;}
.discover .discover-tab .item a:hover {border-color:var(--mono1);transform:translateY(-0.75rem);}
.discover .discover-tab .item a .icon {position:absolute;top:1rem;right:1rem;width:160px;aspect-ratio:1 / 1;background:no-repeat center center / contain;}
.discover .discover-tab .item:nth-child(1) a .icon {background-image:url(/wp-content/uploads/2025/07/icon-main-discover-1.png);}
.discover .discover-tab .item:nth-child(2) a .icon {background-image:url(/wp-content/uploads/2025/07/icon-main-discover-2.png);}
.discover .discover-tab .item:nth-child(3) a .icon {background-image:url(/wp-content/uploads/2025/07/icon-main-discover-3.png);}
.discover .discover-tab .item a .text {color:var(--mono1);font-size:2rem;font-weight:700;}
.discover .discover-tab .item a .text .point {color:var(--color1);}

.contact {background:url(/wp-content/uploads/2025/07/img-main-contact-bg.jpg) no-repeat right center / cover;}
.contact .inner {justify-content:space-between;align-items:center;width:100%;}
.contact .inner .title-wrap {width:calc(100% - 80px - 1.25rem);margin-bottom:0;}
.contact .inner .title-wrap .title {justify-content:flex-start;color:#fff;font-size:4.25rem;}
.contact .inner .title-wrap .title span::after {left:-2.5rem;right:auto;background-image:url(/wp-content/uploads/2025/07/icon-title-point-invert.svg);transform:scaleX(-1);}
.contact .inner .title-wrap .desc {color:#fff;font-size:1.5rem;text-align:left;}
.contact .inner .more a {justify-content:center;align-items:center;width:80px;aspect-ratio:1 / 1;color:var(--color1);font-size:2.25rem;font-weight:700;border-radius:100px;background-color:var(--color2);transition:0.3s;}
.contact .inner .more a:hover {color:#fff;background-color:var(--color4);}
.contact .inner .more a .arrow {font-family:'Pretendard', sans-serif;}

/* responsive */
@media screen and (max-width:1450px){
    #hero-section .inner .hero-title {font-size:3.75rem;}

    .contact .inner .title-wrap .title {font-size:3rem;}
    .contact .inner .title-wrap .desc {font-size:1.25rem;}
    .contact .inner .more a {width:56px;font-size:1.25rem;}
}

@media screen and (max-width:1280px){
    #hero-section .inner {padding:0 32px;}
    #hero-section .inner .hero-title {font-size:3rem;}

    .activity .activity-swiper {padding:0 28px;}

    .discover .discover-tab {gap:1.25rem;}
    .discover .discover-tab .item {width:calc((100% / 3) - 1.25rem * 2 / 3);}
    .discover .discover-tab .item a {padding:2rem;}
    .discover .discover-tab .item a .icon {width:140px;}
}

@media screen and (max-width:1024px){
    #site-content {padding-top:64px;}

    #hero-section .inner {padding:0 16px;}

    .content {padding:5rem 0;}
    .content .title-wrap {margin-bottom:3.75rem;}
    .content .title-wrap .title {font-size:2rem;}
    .content .title-wrap .title span::after {top:-1rem;right:-2rem;width:1.75rem;}
    .content .title-wrap .desc {font-size:1rem;margin-top:1.25rem;}

    .activity .activity-swiper {padding:0 24px;}
    .activity .activity-swiper .swiper-wrapper .swiper-slide {border-radius:20px;}
    .activity .activity-swiper .swiper-wrapper .swiper-slide .text-wrap {padding:2.5rem 1.25rem;}
    .activity .activity-swiper .swiper-wrapper .swiper-slide .text-wrap strong {font-size:1.5rem;}
    .activity .activity-swiper .activity-prev,
    .activity .activity-swiper .activity-next {width:48px;font-size:1rem;}
    .activity .button-wrapper {margin-top:2.5rem;}

    .discover .discover-tab .item a {padding:1.5rem;border-radius:20px;}
    .discover .discover-tab .item a .icon {top:0.25rem;right:0.25rem;width:120px;}
    .discover .discover-tab .item a .text {font-size:1.5rem;}

    .contact .inner .title-wrap .title {font-size:2rem;}
    .contact .inner .title-wrap .desc {font-size:1rem;}
    .contact .inner .title-wrap .title span::after {left:auto;right:-2rem;transform:unset;}
    .contact .inner .more a {width:48px;font-size:1rem;}
}

@media screen and (max-width:768px){
    #hero-section .inner .hero-title {font-size:2.5rem;}
    #hero-section .inner .hero-title br {display:none;}

    .content .title-wrap .title {font-size:1.75rem;}
    .content .title-wrap .title span::after {top:-1.75rem;left:50%;right:auto;width:1.25rem;transform:translateX(-50%) rotate(-45deg);}

    .discover .discover-tab .item {width:100%;height:200px;aspect-ratio:unset;}
    .discover .discover-tab .item a:hover {transform:translateY(0);}

    .activity .activity-swiper .swiper-wrapper .swiper-slide .text-wrap strong {font-size:1.25rem;}

    .contact .inner .title-wrap .title span::after {top:-1rem;right:-1.5rem;}
}

@media screen and (max-width:480px){
    #hero-section .inner .hero-title {font-size:2rem;}

    .content {padding:3.75rem 0;}
    .content .title-wrap {margin-bottom:2.5rem;}

    .activity .activity-swiper {padding:0 20px;}
    .activity .activity-swiper .swiper-wrapper .swiper-slide .text-wrap {padding:1rem 0.75rem;}
    .activity .activity-swiper .swiper-wrapper .swiper-slide .text-wrap strong {font-size:1rem;}
    .activity .activity-swiper .activity-prev,
    .activity .activity-swiper .activity-next {width:40px;font-size:0.875rem;}
    .activity .button-wrapper {margin-top:1.75rem;}

    .discover .discover-tab .item {height:180px;}
    .discover .discover-tab .item a .text {font-size:1.25rem;}

    .contact .inner {justify-content:flex-end;gap:1.75rem;}
    .contact .inner .title-wrap {width:100%;}
    .contact .inner .more a {width:40px;font-size:0.875rem;}
}