/* MAIN */
#main {padding:0 !important;}
#main .fusion-row {width:100%;max-width:unset !important;margin:0;}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {font-family:"Pretendard",sans-serif;}

/* HERO */
#hero-section {position:relative;width:100%;height:100dvh;background-color:#000;overflow:hidden;}
#hero-section .hero-wrapper {width:100%;height:100%;}
#hero-section .hero-swiper {width:100%;height:100%;}
#hero-section .hero-swiper .swiper-wrapper {height:100%;}
#hero-section .hero-swiper .swiper-wrapper .swiper-slide {position:relative;height:100%;background-color:#000;}
#hero-section .hero-swiper .swiper-wrapper .swiper-slide .slide-media {width:100%;height:100%;}
#hero-section .hero-swiper .swiper-wrapper .swiper-slide .slide-media img,
#hero-section .hero-swiper .swiper-wrapper .swiper-slide .slide-media video {display:block;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0.65;transform:scale(1.15);transform-origin:center;transition:2s;}
#hero-section .hero-swiper .swiper-wrapper .swiper-slide.swiper-slide-active .slide-media img,
#hero-section .hero-swiper .swiper-wrapper .swiper-slide.swiper-slide-active .slide-media video {transform:scale(1);}
#hero-section .hero-swiper .swiper-wrapper .swiper-slide .inner {position:absolute;top:0;left:0;justify-content:flex-end;gap:4rem;width:100%;height:100%;padding:5rem calc((100% - 1400px) / 2) 10rem;box-sizing:border-box;}
#hero-section .hero-swiper .swiper-wrapper .swiper-slide .inner .slide-caption {transform:translateY(20px);opacity:0;transition:0.75s 0.5s;}
#hero-section .hero-swiper .swiper-wrapper .swiper-slide .inner .slide-caption .project-logo {display:block;background:no-repeat left center / contain;}
#hero-section .hero-swiper .swiper-wrapper .swiper-slide .inner .slide-caption .project-title {display:block;color:#fff;font-size:5rem;font-weight:700;font-family:"Outfit" ,"Pretendard", sans-serif;line-height:1.2;margin:1.5rem 0 2rem;}
#hero-section .hero-swiper .swiper-wrapper .swiper-slide .inner .slide-caption .project-desc {display:block;color:#fff;font-size:1.5rem;font-weight:500;font-family:"Outfit", "Pretendard", sans-serif;line-height:1.2;}
#hero-section .hero-swiper .swiper-wrapper .swiper-slide .inner .slide-caption .project-role {display:block;color:#fff;font-size:1.25rem;font-family:"Outfit", sans-serif;line-height:1.2;margin-top:0.75rem;opacity:0.75;}
#hero-section .hero-swiper .swiper-wrapper .swiper-slide .inner .button-wrapper {transform:translateY(20px);opacity:0;transition:0.75s 1s;}
#hero-section .hero-swiper .swiper-wrapper .swiper-slide .inner .button-wrapper .button > * {font-family:"Outfit", sans-serif;}
#hero-section .hero-swiper .swiper-wrapper .swiper-slide .inner .button-wrapper .button > * .icon {background-image:url(/wp-content/themes/Avada/assets/custom/image/icon-plus-wh.svg);}
#hero-section .hero-swiper .swiper-wrapper .swiper-slide-active .inner .slide-caption {transform:translateY(0);opacity:1;}
#hero-section .hero-swiper .swiper-wrapper .swiper-slide-active .inner .button-wrapper {transform:translateY(0);opacity:1;}

#hero-section .hero-swiper > .button-wrapper {position:absolute;bottom:4rem;left:0;justify-content:center;width:100%;z-index:2;}

#hero-section .hero-swiper .hero-controller {position:absolute;bottom:1rem;left:0;justify-content:center;align-items:center;width:100%;z-index:2;}
#hero-section .hero-swiper .hero-controller .hero-prev {order:1;border-radius:0.5rem 0 0 0.5rem;}
#hero-section .hero-swiper .hero-controller .hero-next {order:3;border-radius:0 0.5rem 0.5rem 0;}
#hero-section .hero-swiper .hero-controller .hero-prev,
#hero-section .hero-swiper .hero-controller .hero-next {position:relative;width:2rem;aspect-ratio:1 / 1;background-color:#ffffff1a;backdrop-filter:blur(20px);overflow:hidden;cursor:pointer;}
#hero-section .hero-swiper .hero-controller .hero-prev::before,
#hero-section .hero-swiper .hero-controller .hero-next::before {content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:url(/wp-content/themes/Avada/assets/custom/image/icon-dropdown-wh.svg) no-repeat center center / 0.5rem;}
#hero-section .hero-swiper .hero-controller .hero-prev::before {transform:rotate(180deg);}
#hero-section .hero-swiper .hero-controller .hero-prev::after,
#hero-section .hero-swiper .hero-controller .hero-next::after {content:"";position:absolute;bottom:0;left:0;display:block;width:100%;height:0;background-color:#ffffff26;transition:0.3s;}
#hero-section .hero-swiper .hero-controller .hero-prev:hover::after,
#hero-section .hero-swiper .hero-controller .hero-next:hover::after {height:100%;}
#hero-section .hero-swiper .hero-controller .hero-pagination {order:2;display:inline-flex;justify-content:space-between;align-items:center;gap:0.5rem;width:auto;height:2rem;padding:0 1rem;background-color:#ffffff1a;backdrop-filter:blur(20px);}
#hero-section .hero-swiper .hero-controller .hero-pagination .swiper-pagination-bullet {width:0.5rem;height:0.5rem;padding:0;margin:0;border-radius:5rem;background-color:#fff;opacity:0.6;transition:0.3s;}
#hero-section .hero-swiper .hero-controller .hero-pagination .swiper-pagination-bullet-active {width:2.5rem;opacity:1;}

#hero-section .hero-swiper .swiper-wrapper .swiper-slide .inner .slide-caption .project-logo.epart {height:36px;aspect-ratio:4 / 1;background-image:url(/wp-content/themes/Avada/assets/custom/image/logo-wh.svg);}
#hero-section .hero-swiper .swiper-wrapper .swiper-slide .inner .slide-caption .project-logo.yp {height:36px;aspect-ratio:658 / 104;background-image:url(/wp-content/themes/Avada/assets/custom/image/logo-youngpoong.svg);}
#hero-section .hero-swiper .swiper-wrapper .swiper-slide .inner .slide-caption .project-logo.mk {height:26px;aspect-ratio:225 / 33;background-image:url(/wp-content/themes/Avada/assets/custom/image/logo-masterk.png);}
#hero-section .hero-swiper .swiper-wrapper .swiper-slide .inner .slide-caption .project-logo.nl {height:20px;aspect-ratio:750 / 83;background-image:url(/wp-content/themes/Avada/assets/custom/image/logo-netlox.svg);}
#hero-section .hero-swiper .swiper-wrapper .swiper-slide .inner .slide-caption .project-logo.am {height:44px;aspect-ratio:323 / 122;background-image:url(/wp-content/themes/Avada/assets/custom/image/logo-amnesty.svg);}
#hero-section .hero-swiper .swiper-wrapper .swiper-slide .inner .slide-caption .project-logo.zw {height:20px;aspect-ratio:447 / 62;background-image:url(/wp-content/themes/Avada/assets/custom/image/logo-zwiling.svg);}
#hero-section .hero-swiper .swiper-wrapper .swiper-slide .inner .slide-caption .project-logo.ob {height:46px;aspect-ratio:264 / 83;background-image:url(/wp-content/themes/Avada/assets/custom/image/logo-ontheborder.svg);}
#hero-section .hero-swiper .swiper-wrapper .swiper-slide .inner .slide-caption .project-logo.ok {height:36px;aspect-ratio:1837 / 359;background-image:url(/wp-content/themes/Avada/assets/custom/image/logo-okestro.svg);}


/* MAIN CONTENT */
.content .title-wrap {position:relative;width:100%;margin-bottom:5rem;}
.content .title-wrap .title {color:var(--mono1);font-size:3rem;font-weight:800;font-family:"Outfit", sans-serif;text-align:center;}
.content .title-wrap .title .point {color:var(--color2);}
.content .title-wrap .desc {color:var(--mono1);font-size:1.25rem;font-weight:500;text-align:center;padding:1rem 0;}
.content .title-wrap .back-text {position:absolute;top:100%;width:100%;color:var(--mono10);font-size:7.5rem;font-weight:900;font-family:"Outfit", sans-serif;text-align:center;line-height:1;letter-spacing:0.025em;margin:0;}

.content-wrapper {padding:7.5rem 0;}

/* WORKS */
.content.works .counter-list {position:relative;justify-content:flex-start;gap:1.25rem;width:100%;margin-bottom:2rem;z-index:1;}
.content.works .counter-list .item {width:calc(25% - 1.25rem * 3 / 4);}
.content.works .counter-list .item .inner {justify-content:space-between;align-items:center;gap:2rem;padding:2rem;border-radius:2rem;background-color:var(--mono10);box-sizing:border-box;}
.content.works .counter-list .item .inner .label {color:var(--color2);font-size:1.25rem;font-weight:700;text-align:center;}
.content.works .counter-list .item .inner .counter {justify-content:center;align-items:center;gap:0.75rem;width:100%;}
.content.works .counter-list .item .inner .counter .number {display:block;color:var(--mono1);font-size:3.5rem;font-weight:700;}
.content.works .counter-list .item .inner .counter #count2::after,
.content.works .counter-list .item .inner .counter #count3::after{content:"+";}
.content.works .counter-list .item .inner .counter .unit {display:block;color:var(--mono1);font-size:1.75rem;font-weight:700;}
.content.works .counter-list .item .inner .text {color:var(--mono5);font-size:1rem;font-weight:500;text-align:center;}

.content.works .portfolio-list-wrap .fusion-grid-posts-cards {justify-content:flex-start;gap:2rem;width:100%;}
.content.works .portfolio-list-wrap .portfolio-item {position:relative;width:calc((100% / 3) - 2rem * 2 / 3);border:0;border-radius:2rem;overflow:hidden;}
.content.works .portfolio-list-wrap .portfolio-item > .fusion-column-wrapper {z-index:1;}
.content.works .portfolio-list-wrap .portfolio-item > .fusion-column-wrapper::before {content:"";position:absolute;bottom:0;left:0;display:block;width:100%;height:50%;background:linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);opacity:0.5;pointer-events:none;transition:0.3s;z-index:2;}
.content.works .portfolio-list-wrap .portfolio-item:hover > .fusion-column-wrapper::before {height:75%;opacity:0.75;}
.content.works .portfolio-list-wrap .portfolio-item .portfolio-caption {position:absolute;bottom:0;left:0;width:100%;padding:2rem;box-sizing:border-box;pointer-events:none;z-index:3;}
.content.works .portfolio-list-wrap .portfolio-item .portfolio-caption .portfolio-title {width:calc(100% - 3.75rem);max-width:unset !important;min-width:unset !important;}
.content.works .portfolio-list-wrap .portfolio-item .portfolio-caption .portfolio-title p {color:#fff !important;font-size:2rem !important;font-weight:700;line-height:1.2 !important;margin:0 !important;}
.content.works .portfolio-list-wrap .portfolio-item .portfolio-caption .portfolio-desc {display:-webkit-box;width:calc(100% - 3.75rem);max-width:unset !important;min-width:unset !important;height:auto;margin-top:0;opacity:0;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;transition:0.3s;}
.content.works .portfolio-list-wrap .portfolio-item .portfolio-caption .portfolio-desc p {color:#fff !important;font-size:1.125rem !important;font-weight:400;line-height:1.4 !important;margin:0 !important;}
.content.works .portfolio-list-wrap .portfolio-item:hover .portfolio-caption .portfolio-desc {margin-top:1rem;opacity:1;}
.content.works .portfolio-list-wrap .portfolio-item .portfolio-caption .view-more {position:absolute;bottom:0;right:0;justify-content:center;align-items:center;width:3.5rem;aspect-ratio:1 / 1;border-radius:5rem;background-color:#ffffff1a;backdrop-filter:blur(20px);transition:0.3s;}
.content.works .portfolio-list-wrap .portfolio-item .portfolio-caption .view-more span {display:block;color:#fff;font-size:1.25rem;font-weight:700;text-align:center;transition:0.3s;}
.content.works .portfolio-list-wrap .portfolio-item:hover .portfolio-caption .view-more {background-color:#ffffff40;}

.content.works .button-wrapper {justify-content:center;margin-top:5rem;}
.content.works .button > * {font-family:"Outfit", sans-serif;}
.content.works .button > * .icon {background-image:url(/wp-content/themes/Avada/assets/custom/image/icon-plus-bk.svg);}

/* SERVICE */
.content.our-service {position:relative;background-color:#000;}
.content.our-service::before {content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:url(/wp-content/uploads/2026/05/sub-background-image-3.jpg) no-repeat center center / cover;opacity:0.5;}
.content.service .pos {position:relative;z-index:1;}

.content.our-service .title-wrap .title {color:#fff;}
.content.our-service .title-wrap .desc {color:#ffffffbf;}
.content.our-service .title-wrap .back-text {color:var(--mono1);}

.content.our-service .service-list {position:relative;justify-content:flex-start;gap:1.25rem;width:100%;z-index:1;}
.content.our-service .service-list .item {width:calc((100% / 3) - 1.25rem * 2 / 3);height:25rem;}
.content.our-service .service-list .item .inner {justify-content:space-between;align-items:flex-start;width:100%;height:100%;padding:2rem;border-radius:2rem;background-color:#ffffff26;backdrop-filter:blur(20px);box-sizing:border-box;}
.content.our-service .service-list .item .inner .number {display:block;color:var(--color2);font-size:2rem;font-weight:900;font-family:"Outfit",sans-serif;}
.content.our-service .service-list .item .inner .cont {width:100%;}
.content.our-service .service-list .item .inner .cont .subject {color:#fff;font-size:1.75rem;font-weight:700;font-family:"Outfit",sans-serif;margin-bottom:1rem;}
.content.our-service .service-list .item .inner .cont .text {color:#ffffffbf;font-size:1rem;font-weight:500;}
.content.our-service .service-list .item .inner .cont .tag-list {justify-content:flex-start;align-items:center;gap:0.75rem;width:100%;padding-top:1.5rem;margin-top:1.5rem;border-top:1px solid #ffffff80;}
.content.our-service .service-list .item .inner .cont .tag-list .tag-item {justify-content:center;align-items:center;height:2.25rem;padding:0 1rem;border-radius:50rem;background-color:#ffffff05;backdrop-filter:blur(20px);}
.content.our-service .service-list .item .inner .cont .tag-list .tag-item .text {display:block;color:#fff;font-size:0.875rem;font-weight:700;line-height:1;}

.content.our-service .button-wrapper {justify-content:center;margin-top:5rem;}
.content.our-service .button > * {font-family:"Outfit", sans-serif;}
.content.our-service .button > * .icon {background-image:url(/wp-content/themes/Avada/assets/custom/image/icon-plus-wh.svg);}

/* BLOG */
.content.blog {background-color:var(--mono10);}
.content.blog .title-wrap .back-text {color:var(--mono9);}

.content.blog .blog-list-wrap .fusion-grid-posts-cards {justify-content:flex-start;gap:2rem;width:100%;}
.content.blog .blog-list-wrap .blog-item {position:relative;width:calc((100% / 3) - 2rem * 2 / 3);padding:0;border:1px solid transparent;border-radius:2rem;background-color:#fff;transition:0.3s;overflow:hidden;}
.content.blog .blog-list-wrap .blog-item:hover {border-color:var(--mono5);}
.content.blog .blog-list-wrap .blog-item > .fusion-column-wrapper {display:block;padding:2rem;box-sizing:border-box;}
.content.blog .blog-list-wrap .blog-item .blog-category {height:auto !important;padding:0;border:0;}
.content.blog .blog-list-wrap .blog-item .blog-category a {display:block;color:var(--color2);font-size:0.875rem;font-weight:700;line-height:1.2;}
.content.blog .blog-list-wrap .blog-item .blog-title {margin:5rem 0 1rem;}
.content.blog .blog-list-wrap .blog-item .blog-title p {display:-webkit-box;max-height:2.8em;color:var(--mono1) !important;font-size:1.75rem !important;font-weight:700;line-height:1.4 !important;margin:0 !important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;}
.content.blog .blog-list-wrap .blog-item .blog-date {height:auto !important;padding:0;border:0;}
.content.blog .blog-list-wrap .blog-item .blog-date span {display:block;color:var(--mono6);font-size:1rem;font-weight:400;line-height:1.2;}
.content.blog .blog-list-wrap .blog-item .bottom-wrap {justify-content:flex-end;width:100%;margin-top:1.5rem;}
.content.blog .blog-list-wrap .blog-item .bottom-wrap .view-more {justify-content:center;align-items:center;width:3.5rem;aspect-ratio:1 / 1;border-radius:5rem;background-color:var(--mono9);transition:0.3s;}
.content.blog .blog-list-wrap .blog-item .bottom-wrap .view-more span {display:block;color:var(--mono2);font-size:1.25rem;font-weight:700;text-align:center;transition:0.3s;}
.content.blog .blog-list-wrap .blog-item:hover .bottom-wrap .view-more {background-color:var(--mono8);}
.content.blog .blog-list-wrap .blog-item:hover .bottom-wrap .view-more span {color:var(--mono1);}

.content.blog .button-wrapper {justify-content:center;margin-top:5rem;}
.content.blog .button > * {font-family:"Outfit", sans-serif;}
.content.blog .button > * .icon {background-image:url(/wp-content/themes/Avada/assets/custom/image/icon-plus-bk.svg);}
.content.blog .button > *:hover .icon {background-image:url(/wp-content/themes/Avada/assets/custom/image/icon-plus-color2.svg);}

/* CONTACT */
.content.contact {position:relative;background-color:#000;}
.content.contact::before {content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:url(/wp-content/uploads/2026/02/img-contact-us-bg-260223-2.jpg) no-repeat center center / cover;}
.content.contact .title-wrap {z-index:1;}
.content.contact .title-wrap .title {color:#fff;text-align:left;}
.content.contact .title-wrap .main {color:#fff;font-size:4rem;font-weight:800;font-family:"Outfit",sans-serif;margin-top:2rem;}
.content.contact .title-wrap .sub {color:#fff;font-size:1.5rem;font-weight:500;margin-top:1.5rem;}
.content.contact .button-wrapper {position:relative;z-index:1;}