@media screen and (max-width: 1900px) {}

/*대형 데스크탑 및 대형 스크린*/
@media screen and (max-width: 1600px) {}

/*대형 데스크탑 및 대형 스크린*/
@media screen and (max-width: 1440px) {}

/*노트북 및 데스크탑*/
@media screen and (max-width: 1280px) {}

/*태블릿(가로모드) 및 작은 노트북*/
@media screen and (max-width: 1024px) {
    /*main-visual*/
    #main-visual .video-progress-container {
        right: 10rem;
    }
    /*main-visual//*/
    /*main-business*/
    #main-business .inner .b-title {
        position: static;
        transform: translate(0, 0);
        margin-bottom: 4rem;
    }
    #main-business .inner .b-title .b-tit {
        font-size: 6rem;
        color: #ffffff;
        -webkit-text-stroke: 2px transparent;
        opacity: 1;
    }
    #main-business .inner {
        min-height: 100%;
        flex-direction: column;
        padding: 20rem 2rem;
    }
    #main-business .business-wrap .item-list {
        width: 100%;
        margin-left: 0;
        padding-right: 0;
        gap: 4rem;
        visibility: visible !important;
        flex-wrap: wrap;
    }

    #main-business .business-wrap .item-list .item {
        position: relative;
        width: 100%;
        height: 40rem;
        padding: 4rem;
    }
    /*main-business//*/
}

/*태블릿(세로모드)*/
@media screen and (max-width: 768px) {
    /*main-visual*/
    #main-visual .visual-wrap .text-wrap {
        bottom: 24%;
    }
    #main-visual .video-progress-container {
        left: 2rem;
        bottom: 10%;
    }
    #main-visual .visual-wrap {
        height: 100rem;
    }
    #main-visual .video-wrap video {
        height: 100%;
        min-height: 100%;
    }
    /*main-visual//*/
    /*main-common*/
    .main-tit {
        font-size: 4rem;
    }
    /*main-common//*/
    /*main-about*/
    #main-about {
        margin: 16rem 0;
    }
    #main-about .about-wrap .f-box {
        flex-direction: column;
    }
    #main-about .about-wrap .con-box > div {
        width: 100%;
    }
    #main-about .about-wrap .left .line-wrap {
        width: 80%;
    }
    #main-about .about-wrap .right .info-wrap {
        text-align: center;
    }
    #main-about .about-wrap .right .text-box .main-sub-tit {
        margin-bottom: 2rem;
    }
    #main-about .about-wrap .right .text-box .txt {
        font-size: 3.2rem;
        text-align: left;
    }
    /*main-about//*/

    /*main-business*/
    #main-business .business-wrap .item .text-box .info-box .tit {
        font-size: 3rem;
    }
    #main-business .business-wrap .item .text-box .num-box .num {
        font-size: 6rem;
    }
    #main-business .business-wrap .item .text-box .info-box .txt {
        font-size: 2rem;
    }
    /*main-business//*/

    /*main-process*/
    #main-process .item-list-wrap .item-box {
        width: 100%;
        min-height: 36rem;
    }
    #main-process .item-list-wrap .f-box {
        flex-wrap: wrap;
    }

    #main-process .item-list-wrap .item-box:before {
        width: 100%;
        height: 1px;
        bottom: 0;
        top: 100%;
        left: 0;
    }

    #main-process .item-list-wrap .bg-wrap .bg.bg-01 {
        background-image: url("../img/process-bg-01-mo.jpg");
    }
    #main-process .item-list-wrap .bg-wrap .bg.bg-02 {
        background-image: url("../img/process-bg-02-mo.jpg");
    }
    #main-process .item-list-wrap .bg-wrap .bg.bg-03 {
        background-image: url("../img/process-bg-03-mo.jpg");
    }
    #main-process .item-list-wrap .item-box .txt {
        bottom: 14%;
    }
    /*main-process//*/

}

/*소형 장치 (스마트폰 가로모드)*/
@media screen and (max-width: 500px) {
    #main-business .business-wrap .item .text-box .num-box .num {
        display: none;
    }

    #main-visual .visual-wrap .text-wrap .txt {
        font-size: 5.4rem;
    }
    #main-business .business-wrap .item .text-box .info-box .tit {
        font-size: 3.4rem;
    }

    /*main-process*/
    #main-process .item-list-wrap .item-box .txt {
        font-size: 2.8rem;
    }
}

/*초소형 장치 (스마트폰)*/
@media screen and (max-width: 320px) {}