/* responsive */
@media screen and (max-width:1450px) {
    /* main-visual */
    #main-visual {height:100vh;}
    #main-visual .player-wrap {width:auto;height:100%;}
    #main-visual .player-wrap #player {left:50%;width:auto;height:100%;transform:translate(-50%,-50%);}
    #main-visual .text-wrap .title {font-size:4.5rem;}
    #main-visual .text-wrap .desc {margin-top:1.25rem;}
    #main-visual .text-wrap .btn-wrap {margin-top:5rem;}

    .about-us .main-about-us-image .round-wrap {border-width:2vw;}
    .about-us .main-about-us-image .solution-list li .name {font-size:1.25vw;padding-bottom:0.25vw;}
    .about-us .swiper-wrapper .swiper-slide .slide-inner .img-wrap {width:50%;}
    .about-us .swiper-wrapper .swiper-slide .slide-inner .text-wrap {width:calc(50% - 2.5rem);}

    .edtech .edtech-animated-image {width:50%;}
    .edtech .edtech-animated-image .round {width:60%;}
    .edtech .edtech-animated-image .middle-wrap li {width:30%;}
    .edtech .edtech-animated-image .middle-wrap li:last-child {width:30%;}
    .edtech .edtech-animated-image .middle-wrap li .img-box {width:100%;height:auto;aspect-ratio:5 / 4;}
    .edtech .edtech-animated-image .middle-wrap li .img-box .text {font-size:1.125rem;}
    .edtech .edtech-animated-image .middle-wrap li .img-box .icon {width:40%;height:auto;aspect-ratio:1 / 1;}
    .edtech .edtech-animated-image .middle-wrap li .line-wrap {left:calc(100% - 4px);width:calc(100% / 6);}
    .edtech .edtech-animated-image .middle-wrap li .line-wrap .dot-line::before {width:6px;height:6px;}
    .edtech .edtech-animated-image .middle-wrap li .line-wrap .dot-line::after {width:12px;height:7px;}
    .edtech .text-wrap {width:calc(50% - 2.5rem);}

    .line-banner {background-image:url(../../../images/biz/img-line-banner-full.png);background-position:125% bottom;background-size:60%;}
}

@media screen and (max-width:1280px) {
    /* main-visual */
    #main-visual .text-wrap .title {font-size:3.5rem;}
    #main-visual .text-wrap .desc {font-size:1.75rem;}

    .about-us .about-us-tab {gap:1.25rem;}
    .about-us .about-us-tab .swiper-pagination-bullet {font-size:1.25rem;padding-bottom:0.75rem;}
    .about-us .swiper-wrapper .swiper-slide .slide-inner .text-wrap .title {font-size:1.75rem;}
    .about-us .swiper-wrapper .swiper-slide .slide-inner .text-wrap .desc {font-size:1.125rem;}

    .edtech .text-wrap .title {font-size:1.75rem;}
    .edtech .text-wrap .desc {font-size:1.125rem;}

    .line-banner .title {font-size:2rem;}

    .class-models .class-models-navigation {top:calc(-3.75rem - 56px);}

    .usage-case .usage-case-navigation {top:calc(-3.75rem - 56px);}
    .usage-case .swiper-wrapper .swiper-slide .inner {padding:2rem;}
    .usage-case .swiper-wrapper .swiper-slide .inner .text-wrap .logo {height:32px;}
    .usage-case .swiper-wrapper .swiper-slide .inner .text-wrap .title {font-size:1.75rem;}
    .usage-case .swiper-wrapper .swiper-slide .inner .text-wrap .desc {font-size:1.125rem;}

    .award-certificate .swiper-wrapper .swiper-slide .inner .name {font-size:1rem;}
    .award-certificate .aws-banner {position:relative;padding:2.5rem;}
    .award-certificate .aws-banner .text-wrap {width:100%;}
    .award-certificate .aws-banner .img-wrap {position:absolute;bottom:2.5rem;right:2.5rem;gap:1.25rem;display:inline-flex;width:auto;max-width:calc(100% - 3.75rem * 2);}
    .award-certificate .aws-banner .img-wrap li {width:60px;height:60px;}
    .award-certificate .aws-banner .img-wrap .logo {width:120px;}

    .apply-banner .title-wrap {width:100%;}
    .apply-banner .img-wrap {position:absolute;bottom:-40px;right:-20px;width:250px;z-index:-1;}

    .inquiry-banner {padding:5rem 0;}
    .inquiry-banner .title-wrap .btn-wrap {margin-top:2.5rem;}
}
@media screen and (max-width:1024px) {
    /* main-visual */
    #main-visual {padding-top:64px;}
    #main-visual .text-wrap {top:calc(50% + 64px / 2);}
    #main-visual .text-wrap .title br {display:block;}
    #main-visual .text-wrap .btn-wrap {margin-top:3.75rem;}

    .about-us .contWrap + .contWrap {padding-top:6.25rem;}
    .about-us .main-about-us-image {width:100%;padding:0;}
    .about-us .main-about-us-image .pos-box {width:100%;}
    .about-us .main-about-us-image .round-wrap {border-width:3.75vw;}
    .about-us .main-about-us-image .solution-list li .name {font-size:2vw;padding-bottom:0.5vw;}
    .about-us .tab-scroll-wrap {margin-bottom:calc(2.5rem + 56px);overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;transition:0.2s;}
    .about-us .about-us-tab {flex-flow:row nowrap;justify-content:center;width:auto;}
    .about-us .about-us-tab .swiper-pagination-bullet span {white-space:nowrap;}
    .about-us .about-us-navigation {bottom:calc(-56px - 2.5rem / 2);}
    .about-us .swiper-wrapper .swiper-slide .slide-inner .img-wrap {width:100%;margin-bottom:2.5rem;}
    .about-us .swiper-wrapper .swiper-slide .slide-inner .text-wrap {width:100%;}

    .edtech {padding:6.25rem 0;}
    .edtech .edtech-animated-image {width:100%;margin-bottom:2.5rem;}
    .edtech .text-wrap {position:relative;width:100%;text-align:center;z-index:1;}
    .edtech .text-rolling-wrap {height:6.25rem;}
    .edtech .text-rolling-wrap .rolling {gap:3.75rem;}
    .edtech .text-rolling-wrap .rolling p {font-size:7.5rem;}

    .line-banner {padding:3.75rem 0;}

    .class-models {padding-bottom:6.25rem;}
    .class-models .title-wrap {margin-bottom:1.25rem;}
    .class-models .title-wrap .desc {width:100%;}
    .class-models .main-class-models-swiper {padding-top:calc(56px + 1.25rem);}
    .class-models .class-models-pagination {display:flex;justify-content:center;}
    .class-models .class-models-navigation {top:0;}

    .usage-case {padding-bottom:6.25rem;}
    .usage-case .title-wrap .btn-wrap {text-align:left;}
    .usage-case .usage-case-pagination {display:flex;justify-content:center;}
    .usage-case .usage-case-navigation {top:calc(-3.75rem - (56px - 4px));}
    .usage-case .client-logo-wrap {height:2.5rem;margin-top:5rem;}
    .usage-case .client-logo-wrap .rolling {gap:3.75rem;}

    .award-certificate {padding-bottom:6.25rem;}

    .apply-banner .img-wrap {bottom:-50%;right:0;}

    @keyframes clientLogoRolling {
        0% {
            transform:translateX(0);
        }
        100% {
            transform:translateX(-3774px);
        }
    }

    /* popup */
    #main-popup-wrap {padding:0;}
    #main-popup-wrap .popup-content {width:calc(100% - 2rem);max-width:500px;}
    #main-popup-wrap .main-popup-swiper {width:100%;height:auto;aspect-ratio:10 / 11;}
    #main-popup-wrap .main-popup-swiper .main-popup-navigation li {width:48px;height:48px;}
    #main-popup-wrap .main-popup-swiper .main-popup-navigation li::after {width:20px;height:20px;}
    #main-popup-wrap .main-popup-bottom::after {height:20px;}
    #main-popup-wrap .main-popup-bottom li a {line-height:40px;font-size:1rem;}
}

@media screen and (max-width:768px) {
    /* main-visual */
    #main-visual {height:70vh;}
    #main-visual .text-wrap .title {font-size:3rem;}
    #main-visual .text-wrap .desc {font-size:1.5rem;}

    .about-us .intro .title-wrap {margin-bottom:2.5rem;}
    .about-us .main-about-us-image {border-radius:12px;}
    .about-us .main-about-us-image .solution-list li .name::after {height:0.375vw;}
    .about-us .tab-scroll-wrap {margin-bottom:calc(44px + 2.5rem);}
    .about-us .about-us-tab {justify-content:flex-start;}
    .about-us .about-us-tab .swiper-pagination-bullet {font-size:1.125rem;}
    .about-us .about-us-navigation {bottom:calc(-44px - 2.5rem / 2);gap:0.5rem;}
    .about-us .about-us-navigation li {width:44px;height:44px;}
    .about-us .about-us-navigation li::after {width:16px;height:16px;}
    .about-us .swiper-wrapper .swiper-slide .slide-inner .img-wrap {border-radius:12px;}
    .about-us .swiper-wrapper .swiper-slide .slide-inner .text-wrap .title {font-size:1.5rem;}
    .about-us .swiper-wrapper .swiper-slide .slide-inner .text-wrap .desc {font-size:1rem;margin-top:0.75rem;}

    .edtech .text-wrap .title {font-size:1.5rem;}
    .edtech .text-wrap .desc {font-size:1rem;margin-top:0.75rem;}

    .line-banner {padding:2.5rem 0 7.5rem;background-position:center bottom;background-size:350px;}
    .line-banner .title {text-align:center;}

    .class-models .main-class-models-swiper {padding-top:calc(44px + 1.25rem);}
    .class-models .class-models-navigation {gap:0.5rem;}
    .class-models .class-models-navigation li {width:44px;height:44px;}
    .class-models .class-models-navigation li::after {width:16px;height:16px;}
    .class-models .swiper-wrapper .swiper-slide .inner {border-radius:12px;}
    .class-models .swiper-wrapper .swiper-slide .inner .text-wrap .title {font-size:1.5rem;margin-bottom:0.75rem;}
    .class-models .swiper-wrapper .swiper-slide .inner .text-wrap .desc {font-size:1rem;}

    .usage-case .usage-case-navigation {top:calc(-2.5rem - 44px);gap:0.5rem;}
    .usage-case .usage-case-navigation li {width:44px;height:44px;}
    .usage-case .usage-case-navigation li::after {width:16px;height:16px;}
    .usage-case .swiper-wrapper .swiper-slide .inner {border-radius:12px;}
    .usage-case .swiper-wrapper .swiper-slide .inner .text-wrap .title {font-size:1.5rem;margin-bottom:0.75rem;}
    .usage-case .swiper-wrapper .swiper-slide .inner .text-wrap .desc {font-size:1rem;}

    .award-certificate .swiper-wrapper .swiper-slide .inner {border-radius:12px;}
    .award-certificate .aws-banner {border-radius:12px;}
    .award-certificate .aws-banner .text-wrap {text-align:center;}
    .award-certificate .aws-banner .img-wrap {position:static;justify-content:center;gap:0.75rem;width:100%;max-width:unset;margin-top:2.5rem;}
    .award-certificate .aws-banner .img-wrap li {width:40px;height:40px;}
    .award-certificate .aws-banner .img-wrap .logo {width:80px;}

    .apply-banner .img-wrap {width:150px;bottom:-30%;}

    @keyframes clientLogoRolling {
        0% {
            transform:translateX(0);
        }
        100% {
            transform:translateX(-3305px);
        }
    }

    /* popup */
    #main-popup-wrap .popup-content {top:100px;transform:translate(-50%,0);}
    #main-popup-wrap .main-popup-swiper {border-radius:12px 12px 0 0;}
    #main-popup-wrap .main-popup-bottom {border-radius:0 0 12px 12px;}
}

@media screen and (max-width:480px) {
    /* main-visual */
    #main-visual .text-wrap .title {font-size:2rem;}
    #main-visual .text-wrap .desc {font-size:1.125rem;}

    .about-us .tab-scroll-wrap {width:100%;margin-bottom:calc(44px + 2.5rem);}
    .about-us .swiper-wrapper .swiper-slide .slide-inner .text-wrap .title {font-size:1.25rem;padding-left:40px;}
    .about-us .swiper-wrapper .swiper-slide .slide-inner .text-wrap .title::before {width:32px;}

    .edtech .edtech-animated-image .middle-wrap li .img-box {aspect-ratio:1 / 1;}
    .edtech .edtech-animated-image .middle-wrap li .img-box .text {font-size:1rem;}
    .edtech .edtech-animated-image .middle-wrap li .line-wrap {width:calc(100% / 6 + 4px);}
    .edtech .edtech-animated-image .middle-wrap li .line-wrap .dot-line::after {width:6px;height:4px;}
    .edtech .text-wrap .title {font-size:1.25rem;}

    .line-banner .title {font-size:1.5rem;}

    .class-models .swiper-wrapper .swiper-slide .inner .text-wrap .title {font-size:1.25rem;}

    .usage-case .swiper-wrapper .swiper-slide .inner .text-wrap .title {font-size:1.25rem;}

    .award-certificate .swiper-wrapper .swiper-slide .inner {padding:1rem;}
    .award-certificate .swiper-wrapper .swiper-slide .inner .name {font-size:0.875rem;}
    .award-certificate .aws-banner .text-wrap .title {font-size:1.5rem;}

    .apply-banner .img-wrap {display:none;}
}