/* Main */
#cursor {position:absolute;width:1.5rem;aspect-ratio:1 / 1;border:2px solid transparent;border-radius:100px;background-color:var(--color1);transition:width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;transform:translate(-50%,-50%);transform-origin:center;pointer-events:none;z-index:10001;overflow:hidden;}
#cursor .inner {justify-content:center;align-items:center;width:100%;height:100%;}
#cursor .inner .text {display:block;color:#fff;font-size:1.25rem;font-weight:700;opacity:0;transition:0.3s;}
#cursor.on {width:7.5rem;border-color:var(--color1);background-color:transparent;}
/* #cursor.on .inner .text {opacity:1;} */

/* hero section */
#hero-section {position:relative;width:100%;height:100vh;background-color:#000;overflow:hidden;}
#hero-section .media-wrap {width:100%;height:100%;}
#hero-section .media-wrap video {display:block;width:100%;height:100%;object-fit:cover;object-position:center;}
#hero-section .inner {position:absolute;top:0;left:0;justify-content:center;width:100%;height:100%;}
#hero-section .text-wrap {color:#fff;text-align:center;padding:0 100px;box-sizing:border-box;text-shadow:0 0 20px rgba(9 9 9 / 50%);}
#hero-section .text-wrap .en-text {font-size:2.25rem;font-weight:500;font-family:'Montserrat', sans-serif;margin-bottom:0.5rem;}
#hero-section .text-wrap .ko-text {font-size:2.25rem;font-weight:300;margin-bottom:2.5rem;}
#hero-section .text-wrap .hero-title {font-size:5rem;font-weight:700;}
#hero-section .text-wrap .hero-title span {display:block;}

/* container */
.content {padding:7.5rem 0;}
.content .title-wrap {width:100%;margin-bottom:5rem;}
.content .title-wrap .category {color:var(--color1);font-size:1.5rem;font-weight:700;line-height:1.2;margin-bottom:1.25rem;}
.content .title-wrap .category.ko {font-family:'Pretendard', sans-serif;}
.content .title-wrap .category.en {font-family:'Montserrat', sans-serif;}
.content .title-wrap .title {color:var(--mono1);font-size:3.25rem;font-weight:400;}
.content .title-wrap .title span {display:block;font-weight:300;}
.content .title-wrap .title strong {display:block;font-weight:700;}

/* product */
.product .title-wrap {text-align:center;}
.product .product-list {justify-content:center;align-items:flex-start;gap:2.5rem;width:100%;}
.product .product-list .item {width:calc((100% / 3) - 2.5rem * 2 / 3);}
.product .product-list .item:nth-child(2) {transition-delay:0.5s !important;}
.product .product-list .item:nth-child(3) {transition-delay:0.65s !important;}
.product .product-list .item a {display:block;width:100%;}
.product .product-list .item a .img-wrap {width:100%;margin-bottom:1.25rem;overflow:hidden;}
.product .product-list .item a .img-wrap img {display:block;width:100%;transform-origin:center;transition:0.3s;}
.product .product-list .item a .text-wrap {justify-content:space-between;align-items:center;width:100%;}
.product .product-list .item a .text-wrap .text {width:calc(100% - 60px);}
.product .product-list .item a .text-wrap .text .tag {display:block;color:var(--color1);font-size:1.25rem;font-weight:700;font-family:'Montserrat', sans-serif;}
.product .product-list .item a .text-wrap .text .name {display:block;color:var(--mono1);font-size:2.5rem;font-weight:700;}
.product .product-list .item a .text-wrap .more {justify-content:center;align-items:center;width:56px;aspect-ratio:1 / 1;color:var(--mono1);font-size:1.25rem;font-weight:700;border:1px solid var(--mono1);border-radius:50px;box-sizing:border-box;transition:0.3s;}
.product .product-list .item a:hover .img-wrap img {transform:scale(1.05);}
.product .product-list .item a:hover .text-wrap .more {color:#fff;border-color:var(--color1);background-color:var(--color1);}

/* business */
.business {position:relative;}
.business::before {content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:url(/wp-content/uploads/2025/08/img-main-business-bg.jpg) no-repeat center center / cover;opacity:0.8;}
.business .center {position:relative;z-index:1;}
.business .title-wrap {text-align:center;}
.business .business-list {justify-content:center;gap:1.25rem;width:100%;}
.business .business-list .item {width:calc(25% - 1.25rem * 3 / 4);aspect-ratio:10 / 11;}
.business .business-list .item:nth-child(2) {transition-delay:0.5s !important;}
.business .business-list .item:nth-child(3) {transition-delay:0.65s !important;}
.business .business-list .item:nth-child(4) {transition-delay:0.8s !important;}
.business .business-list .item a {position:relative;display:block;width:100%;height:100%;padding:5rem 2.5rem 2.5rem;background-color:#ffffff99;box-sizing:border-box;backdrop-filter:blur(6px);transition:0.3s;}
.business .business-list .item a .text-wrap .tag {display:block;color:var(--color1);font-size:1rem;font-weight:700;font-family:'Montserrat', sans-serif;margin-bottom:0.25rem;}
.business .business-list .item a .text-wrap .name {display:block;color:var(--mono1);font-size:2rem;font-weight:700;}
.business .business-list .item a .icon {position:absolute;bottom:2.5rem;left:2.5rem;width:60px;aspect-ratio:1 / 1;background:no-repeat center center / contain;}
.business .business-list .item:nth-child(1) a .icon {background-image:url(/wp-content/uploads/2025/07/icon-main-business-1.svg);}
.business .business-list .item:nth-child(2) a .icon {background-image:url(/wp-content/uploads/2025/07/icon-main-business-2.svg);}
.business .business-list .item:nth-child(3) a .icon {background-image:url(/wp-content/uploads/2025/07/icon-main-business-3.svg);}
.business .business-list .item:nth-child(4) a .icon {background-image:url(/wp-content/uploads/2025/07/icon-main-business-4.svg);}
.business .business-list .item a .more {position:absolute;bottom:1.25rem;right:1.25rem;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);box-sizing:border-box;transition:0.3s;}
.business .business-list .item a:hover {background-color:#fff;transform:translateY(-0.75rem);}
.business .business-list .item a:hover .more {background-color:var(--color2);}

/* about us */
.about-us .horizontal-title {justify-content:space-between;align-items:flex-end;width:100%;margin-bottom:5rem;}
.about-us .horizontal-title .title-wrap {width:calc(100% - 200px);margin-bottom:0;}
.about-us .visual-wrap {position:relative;justify-content:center;gap:1.25rem;width:100%;height:500px;}
.about-us .visual-wrap::before {content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:url(/wp-content/uploads/2025/07/img-main-about-bg.jpg) no-repeat center center / cover;opacity:0.9;}
.about-us .visual-wrap .sub,
.about-us .visual-wrap .main {position:relative;color:#fff;text-align:center;text-shadow:2px 2px 0 rgba(9 9 9 / 100%);z-index:1;}
.about-us .visual-wrap .sub {font-size:2rem;font-weight:700;}
.about-us .visual-wrap .main {font-size:3rem;}
.about-us .visual-wrap .main span {display:block;font-weight:300;}
.about-us .visual-wrap .main strong {display:block;font-weight:700;}

/* media */
.media {background-color:var(--mono9);}
.media .inner {justify-content:space-between;align-items:flex-start;gap:5rem;}
.media .inner .vertical-title {width:calc(50% - 5rem);}
.media .inner .vertical-title .title-wrap {margin-bottom:3.75rem;}
.media .inner .board-wrap {width:50%;padding-top:calc(1.75rem + 1.25rem);}
.media .inner .board-wrap .board-tab-list {justify-content:flex-start;align-items:center;gap:1.25rem;width:100%;margin-bottom:1.75rem;}
.media .inner .board-wrap .board-tab-list .item a,
.media .inner .board-wrap .board-tab-list .space span {display:block;color:var(--mono5);font-size:1.75rem;font-weight:700;transition:0.3s;}
.media .inner .board-wrap .board-tab-list .item:not(.on) a:hover {color:var(--mono4);}
.media .inner .board-wrap .board-tab-list .item.on a {color:var(--mono1);}
.media .inner .board-wrap .board-list {width:100%;border-top:2px solid var(--mono1);}
.media .inner .board-wrap .board-list .board-item {width:100%;border-bottom:1px solid var(--mono1);}
.media .inner .board-wrap .board-list .board-item a {justify-content:space-between;align-items:center;width:100%;padding:2.5rem 1rem;box-sizing:border-box;}
.media .inner .board-wrap .board-list .board-item a .title {display:block;width:calc(100% - 120px);color:var(--mono1);font-size:1.25rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.media .inner .board-wrap .board-list .board-item a .date {display:block;color:var(--mono4);font-size:1rem;font-weight:300;}
.media .inner .board-wrap .board-list .board-item a:hover .title {text-decoration:underline;}

/* contact us */
.contact-us {position:relative;}
.contact-us::before {content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:url(/wp-content/uploads/2025/07/img-main-contact-bg.jpg) no-repeat center center / cover;opacity:0.9;}
.contact-us .center {position:relative;z-index:1;}
.contact-us .inner {justify-content:space-between;align-items:center;width:100%;}
.contact-us .inner .banner-title-wrap {width:calc(100% - 240px);text-shadow:0 0 20px rgba(9 9 9 / 50%);}
.contact-us .inner .banner-title-wrap .title {align-items:center;gap:1rem;color:#fff;font-size:4rem;font-weight:800;text-shadow:0 0 20px rgba(9 9 9 / 45%);}
.contact-us .inner .banner-title-wrap .title .name {font-family:'Montserrat', sans-serif;}
.contact-us .inner .banner-title-wrap .desc {color:#fff;font-size:1.25rem;font-weight:300;text-shadow:0 0 20px rgba(9 9 9 / 90%);}

/* responsive */
@media screen and (max-width:1450px){
    #hero-section .text-wrap {padding:0 50px;}
    #hero-section .text-wrap .en-text {font-size:1.75rem;}
    #hero-section .text-wrap .ko-text {font-size:1.75rem;margin-bottom:1.5rem;}
    #hero-section .text-wrap .hero-title {font-size:3.75rem;}

    .business .business-list .item a {padding:2.5rem;}
}

@media screen and (max-width:1280px){
    .content .title-wrap .title {font-size:2.75rem;}

    .product .product-list {gap:2.5rem 1.25rem;}
    .product .product-list .item {width:calc((100% / 3) - 1.25rem * 2 / 3);}
    .product .product-list .item a .text-wrap .text .tag {font-size:1rem;margin-bottom:0.25rem;}
    .product .product-list .item a .text-wrap .text .name {font-size:2rem;}

    .business .business-list .item {height:300px;aspect-ratio:unset;}
    .business .business-list .item a {padding:1.75rem;}
    .business .business-list .item a .icon {bottom:1.75rem;left:1.75rem;}

    .media .inner .board-wrap .board-tab-list {margin-bottom:1.5rem;}
    .media .inner .board-wrap .board-tab-list .item a,
    .media .inner .board-wrap .board-tab-list .space span {font-size:1.5rem;}
    .media .inner .board-wrap .board-list .board-item a {padding:2rem 1rem;}

    .contact-us .inner .banner-title-wrap .title {font-size:3.75rem;}
}

@media screen and (max-width:1024px){
    #hero-section .text-wrap {padding:0 16px;}
    #hero-section .text-wrap .en-text {font-size:1.25rem;}
    #hero-section .text-wrap .ko-text {font-size:1.25rem;margin-bottom:1.25rem;}
    #hero-section .text-wrap .hero-title {font-size:2.5rem;}

    .content {padding:5rem 0;}
    .content .title-wrap {margin-bottom:3.75rem;}
    .content .title-wrap .category {font-size:1.25rem;margin-bottom:0.75rem;}
    .content .title-wrap .title {font-size:2.25rem;}

    .product .product-list .item a .text-wrap .text .tag {font-size:0.875rem;}
    .product .product-list .item a .text-wrap .text .name {font-size:1.5rem;}
    .product .product-list .item a .text-wrap .more {width:48px;font-size:1rem;}

    .business .business-list .item {width:calc(50% - 1.25rem / 2);}
    .business .business-list .item:nth-child(3) {transition-delay:0.35s !important;}
    .business .business-list .item:nth-child(4) {transition-delay:0.5s !important;}
    .business .business-list .item a .text-wrap .tag {font-size:0.875rem;}
    .business .business-list .item a .text-wrap .name {font-size:1.5rem;}
    .business .business-list .item a .more {width:48px;font-size:1rem;}

    .about-us .horizontal-title {margin-bottom:3.75rem;}
    .about-us .horizontal-title .title-wrap {width:calc(100% - 160px);}
    .about-us .visual-wrap {gap:0.75rem;height:auto;padding:7.5rem 0;}
    .about-us .visual-wrap .sub {font-size:1.5rem;}
    .about-us .visual-wrap .main {font-size:2.25rem;}

    .media .inner {gap:0;}
    .media .inner .vertical-title {justify-content:space-between;align-items:flex-end;width:100%;margin-bottom:3.75rem;}
    .media .inner .vertical-title .title-wrap {width:calc(100% - 160px);margin-bottom:0;}
    .media .inner .board-wrap {width:100%;padding-top:0;}
    .media .inner .board-wrap .board-tab-list {margin-bottom:1.25rem;}
    .media .inner .board-wrap .board-list .board-item a {padding:1.75rem 0.75rem;}
    .media .inner .board-wrap .board-list .board-item a .title {font-size:1.125rem;}
    .media .inner .board-wrap .board-list .board-item a .date {font-size:0.875rem;}

    .contact-us .inner {justify-content:center;gap:1.75rem;}
    .contact-us .inner .banner-title-wrap {width:100%;}
    .contact-us .inner .banner-title-wrap .title {justify-content:center;font-size:2.5rem;}
    .contact-us .inner .banner-title-wrap .desc {font-size:1rem;text-align:center;}
}

@media screen and (max-width:768px){
    #hero-section {heighT:66vh;}

    .content .title-wrap .category {font-size:1rem;}
    .content .title-wrap .title {font-size:1.75rem;}

    .product .product-list .item {width:100%;}
    .product .product-list .item:nth-child(2) {transition-delay:0.35s !important;}
    .product .product-list .item:nth-child(3) {transition-delay:0.35s !important;}
    .product .product-list .item a .img-wrap {aspect-ratio:3 / 2;}
    .product .product-list .item a .img-wrap img {height:100%;object-fit:cover;object-position:center;}

    .about-us .horizontal-title {justify-content:flex-end;gap:1.25rem;margin-bottom:1.75rem;}
    .about-us .horizontal-title .title-wrap {width:100%;}
    .about-us .visual-wrap .sub {font-size:1rem;}
    .about-us .visual-wrap .main {font-size:1.5rem;}

    .media .inner .vertical-title {justify-content:flex-end;gap:1.25rem;margin-bottom:1.75rem;}
    .media .inner .vertical-title .title-wrap {width:100%;}
    .media .inner .board-wrap .board-tab-list .item a,
    .media .inner .board-wrap .board-tab-list .space span {font-size:1.25rem;}

    .contact-us .inner .banner-title-wrap .title {font-size:2rem;}
}

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

    .product .product-list .item a .text-wrap .more {width:40px;}
    
    .business .business-list .item {width:100%;height:250px;}
    .business .business-list .item:nth-child(2) {transition-delay:0.35s !important;}
    .business .business-list .item:nth-child(4) {transition-delay:0.35s !important;}
    .business .business-list .item a .icon {width:48px;}
    .business .business-list .item a .more {width:40px;}
}