html {font-size:.05208334vw;}

/* MAIN BIZ CSS start */
main .main-biz{height:850lvh;overflow:hidden;}
main .main-biz:has(.biz-img-area.show-up) .img-wrap{top:0;opacity:1}
main .main-biz:has(.biz-img-area.show-up) .img-wrap .img-list{
    -webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
main .main-biz:has(.biz-img-area.show-up) .img-wrap .img-list .inner-list{top:0}
main .main-biz:has(.biz-img-area.scatter) .img-wrap .img-list.distribution{left:0}
main .main-biz:has(.biz-img-area.scatter) .img-wrap .img-list.shipping{left:20%}
main .main-biz:has(.biz-img-area.scatter) .img-wrap .img-list.innovation{left:60%}
main .main-biz:has(.biz-img-area.scatter) .img-wrap .img-list.futrue-business{left:80%}
main .main-biz:has(.biz-img-area.scatter-more) .img-wrap .img-list.distribution{left:-48rem}
main .main-biz:has(.biz-img-area.scatter-more) .img-wrap .img-list.shipping{left:calc(20% - 24rem)}
main .main-biz:has(.biz-img-area.scatter-more) .img-wrap .img-list.innovation{left:calc(60% + 24rem)}
main .main-biz:has(.biz-img-area.scatter-more) .img-wrap .img-list.futrue-business{left:calc(80% + 48rem)}
main .main-biz:has(.biz-txt-area.biz-txt-pin-start) .img-wrap .img-list.logistics{left:0;top:0;
    transform:translateY(0);width:40%;height:100%;margin-left:0}
main .main-biz:has(.biz-txt-area.biz-txt-pin-start) .img-wrap .img-list:not(.logistics){opacity:0}
main .main-biz:has(.biz-txt-area.biz-txt-pin-start) .biz-txt-area{opacity:1;pointer-events:auto;}
main .main-biz:has(.biz-txt-area.biz-txt-pin-start) .biz-txt-area .accordion-wrap.main-biz .list{left:0;opacity:1}main .main-biz .biz-img-area{display:flex;justify-content:center;align-items:center;width:100%;height:100lvh}
main .main-biz .biz-img-area .img-wrap{position:relative;top:100rem;opacity:0;width:100%;height:100%;
    transition:opacity 1s cubic-bezier(.215,.61,.355,1),top 1s cubic-bezier(.215,.61,.355,1);overflow:hidden;}
main .main-biz .biz-img-area .img-wrap .img-list{position:absolute;left:40%;width:40%;height:100lvh;
    margin-left:-10%;transform:translateY(0) scale(.5);-webkit-clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);transition:opacity 1s cubic-bezier(.215,.61,.355,1),margin-left 1s cubic-bezier(.215,.61,.355,1),width 1s cubic-bezier(.215,.61,.355,1),height 1s cubic-bezier(.215,.61,.355,1),transform 1s cubic-bezier(.215,.61,.355,1),top 1s cubic-bezier(.215,.61,.355,1),left 1s cubic-bezier(.215,.61,.355,1),-webkit-clip-path .7s cubic-bezier(.215,.61,.355,1);transition:opacity 1s cubic-bezier(.215,.61,.355,1),margin-left 1s cubic-bezier(.215,.61,.355,1),width 1s cubic-bezier(.215,.61,.355,1),height 1s cubic-bezier(.215,.61,.355,1),transform 1s cubic-bezier(.215,.61,.355,1),top 1s cubic-bezier(.215,.61,.355,1),left 1s cubic-bezier(.215,.61,.355,1),clip-path .7s cubic-bezier(.215,.61,.355,1);transition:opacity 1s cubic-bezier(.215,.61,.355,1),margin-left 1s cubic-bezier(.215,.61,.355,1),width 1s cubic-bezier(.215,.61,.355,1),height 1s cubic-bezier(.215,.61,.355,1),transform 1s cubic-bezier(.215,.61,.355,1),top 1s cubic-bezier(.215,.61,.355,1),left 1s cubic-bezier(.215,.61,.355,1),clip-path .7s cubic-bezier(.215,.61,.355,1),-webkit-clip-path .7s cubic-bezier(.215,.61,.355,1);overflow:hidden}
main .main-biz .biz-img-area .img-wrap .img-list .inner-list{position:relative;top:80rem;height:100%;
    transition:top .5s cubic-bezier(.215,.61,.355,1)}
main .main-biz .biz-img-area .img-wrap .img-list .inner-list img{width:100%;height:100%;object-fit:cover}
main .main-biz .biz-img-area .img-wrap .img-list.logistics{z-index:2;top:0;width:40%;height:100lvh;
    margin-left:-10%;transform:translateY(0) scale(.5);transform-origin:center;overflow:hidden}
main .main-biz .biz-img-area .img-wrap .img-list.logistics .inner-list{opacity:0;transform:scale(1.2);
    transition:transform 1s cubic-bezier(.215,.61,.355,1),opacity 1s cubic-bezier(.215,.61,.355,1)}
main .main-biz .biz-img-area .img-wrap .img-list.logistics .inner-list:nth-child(n+2){position:absolute;left:0;
    top:0;width:100%;height:100%}
main .main-biz .biz-img-area .img-wrap .img-list.logistics .inner-list:first-child{z-index:5}
main .main-biz .biz-img-area .img-wrap .img-list.logistics .inner-list.img-active{transform:scale(1);opacity:1;
    z-index:5}
main .main-biz .biz-img-area .img-wrap .img-list.innovation,main .main-biz .biz-img-area .img-wrap .img-list.shipping{z-index:1}
main .main-biz .biz-txt-area{position:absolute;top:200lvh;right:0;padding:80rem 150rem;width:60%;height:100lvh;
    opacity:0;transition:opacity .3s cubic-bezier(.215,.61,.355,1);box-sizing:border-box;
    padding-right:90rem!important;pointer-events:none;}
main .main-biz .biz-txt-area .section-tit{color:#141415;margin-top:74rem;font-size:26rem;font-weight:700;
    line-height:120%;letter-spacing:-.2rem;font-family:'NanumGothic';}
main .main-biz .biz-txt-area .accordion-wrap{display:flex;flex-direction:column;row-gap:20rem;margin-top:34rem}
main .main-biz .biz-txt-area .accordion-wrap.main-biz .list{position:relative;left:100rem;opacity:0;
    transition:opacity .7s cubic-bezier(.215,.61,.355,1),left .7s cubic-bezier(.215,.61,.355,1)}
main .main-biz .biz-txt-area .accordion-wrap.main-biz .list.active .click-area .biz-name{color:#5C32CF}
main .main-biz .biz-txt-area .accordion-wrap.main-biz .list.active .expand-area{max-height:300rem}
main .main-biz .biz-txt-area .accordion-wrap.main-biz .list:nth-child(2){transition-delay:.25s}
main .main-biz .biz-txt-area .accordion-wrap.main-biz .list:nth-child(3){transition-delay:.375s}
main .main-biz .biz-txt-area .accordion-wrap.main-biz .list:nth-child(4){transition-delay:.5s}
main .main-biz .biz-txt-area .accordion-wrap.main-biz .list:nth-child(5){transition-delay:.625s}
main .main-biz .biz-txt-area .accordion-wrap.main-biz .list .click-area{width:100%;text-align:left;border:0;
    background:none;padding:0;cursor:pointer;}
main .main-biz .biz-txt-area .accordion-wrap.main-biz .list .click-area .biz-name{color:#717373;
    transition:color .7s cubic-bezier(.215,.61,.355,1);font-size:68rem;font-weight:500;line-height:100%;letter-spacing:0;}
main .main-biz .biz-txt-area .accordion-wrap.main-biz .list .expand-area{overflow:hidden;max-height:0;
    transition:max-height .5s}
main .main-biz .biz-txt-area .accordion-wrap.main-biz .list .expand-area .content{padding-top:20rem;
    padding-bottom:6lvh}
main .main-biz .biz-txt-area .accordion-wrap.main-biz .list .expand-area .content .biz-info-txt{color:#2f2f36;
    font-size:16rem;line-height:160%;letter-spacing:-.4rem;font-family:'NanumSquare';}
main .main-biz .biz-txt-area .accordion-wrap.main-biz .list .expand-area .content .btn-wrap{margin-top:24rem}
main .main-biz .biz-txt-area .accordion-wrap.main-biz .list .expand-area .content .mobile-img-area{display:none;
    margin-top:24rem;width:52%}
main .main-biz .biz-txt-area .accordion-wrap.main-biz .list .expand-area .content .mobile-img-area img{width:100%;
    height:auto}

@media (max-width:1023px) {
    html {font-size:.13vw;}
    main .main-biz{height:auto;}
    main .main-biz .biz-img-area{display:none}
    main .main-biz .biz-txt-area{position:relative;top:0;padding:80rem 40rem!important;width:100%;
        height:auto;opacity:1;pointer-events:auto;}
    main .main-biz .biz-txt-area .section-tit {margin:0;font-size:20rem;}
    main .main-biz .biz-txt-area .accordion-wrap.main-biz{margin-top:42rem}
    main .main-biz .biz-txt-area .accordion-wrap.main-biz .list{left:0;opacity:1}
    main .main-biz .biz-txt-area .accordion-wrap.main-biz .list.active .expand-area{max-height:none;}
    main .main-biz .biz-txt-area .accordion-wrap.main-biz .list:last-child .expand-area .content {padding-bottom:0;}
    main .main-biz .biz-txt-area .accordion-wrap.main-biz .list .expand-area .content {padding-bottom:3lvh;}
    main .main-biz .biz-txt-area .accordion-wrap.main-biz .list .expand-area .content .biz-info-txt{width:100%;
        font-size:14rem;}
    main .main-biz .biz-txt-area .accordion-wrap.main-biz .list .expand-area .content .mobile-img-area{
        display:block;height:400rem;}
    main .main-biz .biz-txt-area .accordion-wrap.main-biz .list .click-area .biz-name {font-size:40rem;}
    main .main-biz .biz-txt-area .accordion-wrap.main-biz .list .expand-area .content .mobile-img-area img {
        height:100%;object-fit:cover;}
}
@media (max-width:500px){
    main .main-biz .biz-txt-area{padding:80rem 24rem}
    main .main-biz .biz-txt-area .accordion-wrap.main-biz{margin-top:56rem}
    main .main-biz .biz-txt-area .accordion-wrap.main-biz .list .expand-area .content{padding-top:16rem}
    main .main-biz .biz-txt-area .accordion-wrap.main-biz .list .expand-area .content .btn-wrap{margin-top:16rem}
    main .main-biz .biz-txt-area .accordion-wrap.main-biz .list .expand-area .content .mobile-img-area{width:100%}
}
/* MAIN BIZ CSS end */

/* PRODUCT-SLIDER CSS end */
section.product-slider {cursor:grab;overflow:hidden;}
section.product-slider.grabbing {cursor:grabbing;}
section.product-slider img, section.product-slider a, section.product-slider button {
    -webkit-user-drag:none;user-select:none;}
section.product-slider .custom-cursor {position:absolute;top:0;left:0;width:120px;height:120px;
    pointer-events:none;opacity:0;transform:translate(-50%, -50%);z-index:9999;
    transition:opacity 0.25s ease, transform 0.05s linear;}
section.product-slider .custom-cursor * {pointer-events:none;}
section.product-slider:hover .custom-cursor {opacity:1;}
section.product-slider .custom-cursor .cursor-circle-wrapper {position:absolute;top:50%;left:50%;width:70px;
    height:70px;margin-top:-35px;margin-left:-35px;transition:transform .25s cubic-bezier(0.25, 1, 0.5, 1);}
section.product-slider .custom-cursor .cursor-circle-img {width:100%;height:100%;
    animation:rotateClockwise 8s linear infinite;}
section.product-slider .arrow {position:absolute;top:50%;width:0;height:0;border-style:solid;
    transition: transform 0.25s cubic-bezier(0.25, 1, 0.5, 1);}
section.product-slider .arrow-left {left:4px;border-width:6px 9px 6px 0;
    border-color:transparent #5e28d9 transparent transparent;transform:translateY(-50%) translateX(0);}
section.product-slider .arrow-right {right:4px;border-width:6px 0 6px 9px;
    border-color:transparent transparent transparent #5e28d9;transform:translateY(-50%) translateX(0);}
section.product-slider .custom-cursor.active .cursor-circle-wrapper {transform:scale(0.8);}
section.product-slider .custom-cursor.active .arrow-left {transform:translateY(-50%) translateX(-12px);}
section.product-slider .custom-cursor.active .arrow-right {transform:translateY(-50%) translateX(12px);}

@keyframes rotateClockwise {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@keyframes rotateCounterClockwise {
    from { transform: rotate(0deg); }
    to { transform: rotate(-360deg); }
}

.mp_swiper {background:#EFEEEE;}
.mp_swiper .swiper-slide {padding-top:24rem;}
.mp_swiper .swiper-slide img {display:block;width:100%;max-width:1600rem;margin:0 auto;
    opacity:.4;transition:opacity .3s ease;}
.mp_swiper .swiper-slide.swiper-slide-active img {opacity:1;}
section.product-slider .txt-wrap {position:absolute;top:65rem;left:105rem;z-index:1;pointer-events:none;}
section.product-slider .txt-box {position:absolute;opacity:0;transform:translateY(20rem);
    transition:all .3s ease;display:flex;flex-direction:column;gap:20rem;white-space:nowrap;}
section.product-slider .txt-box.move {transform:translateY(0rem);}
section.product-slider .txt-box.active {opacity:1;}
section.product-slider .txt-box h3 {font-size:80rem;font-weight:200;margin:0 0 13rem;display:flex;
    pointer-events:none;line-height:110%;}
section.product-slider .txt-box h3 span {font-size:40rem;}
section.product-slider .txt-box p {font-family:'NanumSquare';font-size:20rem;font-weight:400;
    pointer-events:none;line-height:140%;}
section.product-slider .txt-box a {font-size:20rem;font-weight:300;display:inline-flex;align-items:center;gap:4rem;
    pointer-events:auto;}
section.product-slider .txt-box a::after {content:'';display:block;width:17.7rem;height:17.7rem;
    background:url(../images/main/play-circle.png)no-repeat center/cover;}

@media (max-width:1023px) {
    section.product-slider .txt-wrap {top:20rem;left:50rem;}
    section.product-slider .txt-box {gap:10rem;}
    section.product-slider .txt-box h3 {font-size:24rem;margin:0 0 5rem;}
    section.product-slider .txt-box h3 br {display:none;}
    section.product-slider .txt-box p {font-size:14rem;}
    section.product-slider .txt-box a {font-size:14rem;}
    section.product-slider .txt-box a::after {width:14.7rem;height:14.7rem;}
}
/* PRODUCT-SLIDER CSS end */

/* FEATURE CSS start */
section.feature {margin:0;padding-top:80rem;background:none;position:relative;padding-bottom:350rem;}
section.feature .dir_right {width:1000rem;height:275rem;padding:0;}
section.feature h2 .bg_txt_gr:before {width:100%;height:100%;}
section.feature .right_box {width:calc(100% - 284rem);box-sizing:border-box;
    padding:78rem 82rem 63rem;background:linear-gradient(-90deg, #5c32cf 20%, #10c4a4 80%);
    position:absolute;right:0;transform:translateY(-35rem);}
section.feature .right_box::after {content:'';position:absolute;width:312rem;height:394rem;top:50%;
    right:118rem;transform:translateY(-50%);background:url(../images/main/feature_R_bg.png)no-repeat center/cover;}
section.feature .right_box p {font-size:38rem;font-weight:700;color:#fff;margin:0 0 21rem;
    font-family:'NanumSquare';word-break:auto-phrase;}
section.feature .right_box p br {display:none;}
section.feature .right_box span {font-size:30rem;font-weight:400;color:#fff;font-family:'NanumSquare';
    line-height:140%;margin:0 0 39rem;display:block;}
section.feature .right_box button {display:block;width:345rem;background:none;border:1px solid #fff;
    transition:background .3s ease, border .3s ease;height:62rem;box-sizing:border-box;}
section.feature .right_box button:hover {border:1px solid transparent;background:#10c4a4;   
     background:linear-gradient(-90deg, #10c4a4 20%, #5c32cf 80%);background-size:105% auto;}
section.feature .right_box button a {display:block;position:relative;color:#fff;font-size:16rem;
    padding-right:30rem;line-height:58rem;font-size:24rem;font-weight:600;}
section.feature .right_box button a::after {position:absolute;width:38rem;height:8rem;
    background:url(../images/main/arrow_big.png) no-repeat center/cover;content:"";top:23rem;right:10rem;
    opacity:0.5;display:block;transition:opacity .3s ease;}
section.feature .right_box button:hover a::after {opacity:1;}

@media (max-width:1023px) {
    section.feature {padding-bottom:300rem}
    section.feature .dir_right {width:680rem;height:186rem;}
    section.feature .right_box {width:100%;padding:40rem 60rem;transform:translateY(-20rem);}
    section.feature .right_box p {font-size:24rem;text-align:center;line-height:140%;}
    section.feature .right_box p br {display:block;}
    section.feature .right_box span {font-size:18rem;text-align:center;}
    section.feature .right_box button {margin:0 auto;}
    section.feature .right_box button a {font-size:20rem;}
}
/* FEATURE CSS end */

/* PRESS CSS end */
section.press {margin:85rem auto;}
/* PRESS CSS end */




















































































































/**/