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

/*대형 데스크탑 및 대형 스크린*/
@media screen and (max-width: 1700px) {
    .area-box-1609 {
        max-width: 100%;
        padding: 0 15px;
    }

    .vertical-line {
        display: none;
    }
}

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

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

/*태블릿(가로모드) 및 작은 노트북*/
@media screen and (max-width: 1024px) {}

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

/*태블릿(세로모드)*/
@media screen and (max-width: 768px) {
    /*main-visual*/
    #main-visual .swiper-slide .main-visual-txt .content .tit {
        font-size: 7rem;
    }

    /*main-about*/
    #main-about .content .info-wrap .text-box .tit {
        font-size: 6.4rem;
    }

    /*main-product*/
    #main-business .item-list .text-box::after,
    #main-business .item-list .text-box::before {
        display: none;
    }
    #main-business .item-list .info-wrap .text-box {
        height: 100%;
    }
    #main-business .item-list.con-02 .info-wrap .text-box {
        bottom: 0;
    }
    #main-business .item-list-wrap {
        flex-direction: column;
    }
    #main-business .item-list {
        width: 100%;
    }
    #main-business .item-list .info-wrap {
        padding-top: 40%;
    }
    #main-business .item-list .text-box .gr-box {
        opacity: 0;
    }

    #main-business .item-list.con-01 .line {
        width: 100%;
        height: 1px;
        bottom: 0;
        left: 0;
        right: auto;
        top: auto;
    }
    #main-business .item-list.con-03 .line {
        width: 100%;
        height: 1px;
        bottom: auto;
        left: 0;
        right: auto;
        top: 0;
    }
    #main-business .item-list-wrap .bg-wrap .bg::after {
        display: block;
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: #000000;
        left: 0;
        top: 0;
        opacity: 0.2;
    }
    #main-business .item-list .info-wrap .text-box .tit {
        font-size: 4rem;
    }

    /*main-philosophy*/
    #main-philosophy .info-wrap {
        flex-direction: column;
        padding: 14rem 0;
    }

    #main-philosophy .info-wrap > div {
        width: 100%;
    }

    #main-philosophy .info-box {
        border-top: 1px solid #ffffff40;
        border-bottom: 1px solid #ffffff40;
        border-left: 0;
    }

    #main-philosophy .title {
        margin-bottom: 6rem;
    }

    #main-philosophy .info-box .list .item {
        padding: 6rem 2rem;
    }

}

/*소형 장치 (스마트폰 가로모드)*/
@media screen and (max-width: 500px) {
  /*main-common*/
  .main-title .tit {
    font-size: 4.4rem;
}
    /*main-visual*/
    #main-visual .swiper-slide .main-visual-txt .content .tit {
        font-size: 5rem;
    }

    /*main-about*/
    #main-about .content .info-wrap .text-box .tit {
        font-size: 4.8rem;
    }
    #main-about .content .info-wrap .text-box .txt {
        padding: 0 4rem;
    }

    /*main-product*/
        #main-business .item-list .info-wrap .text-box .tit {
        font-size: 3rem;
    }
}

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