/*대형 데스크탑 및 대형 스크린*/
@media screen and (max-width: 1520px) {
    /* html {
        font-size: 0.6510vw;
    } */

    .txt,
    h4 {
        font-size: clamp(14px, 1.6rem, 20px) !important;
    }

    .mobile-dropdown-toggle,
    .mobile-wrap .mobile-inner .right .m-menu .m-nav > li .m-submenu > li > a,
    .sub-nav ul li a {
        font-size: clamp(14px, 1.6rem, 20px) !important;
    }

    #footer .content .location-wrap dl dd,
    #footer .content .location-wrap dl dt {
        font-size: clamp(14px, 1.6rem, 20px) !important;
    }

    .header .header-langs .dropbox .drop-content a,
    .header-lang .header-langs .dropbox .dropbtn {
        font-size: clamp(14px, 1.6rem, 20px) !important;
    }

    .btn-box a em,
    .count-wrap .count,
    .notice .board-box a .date,
    .pagelist .page-wrap .pagination .page-item > a .main_p,
    .search-wrap #searchInput,
    .txt-of-01 {
        font-size: clamp(14px, 1.6rem, 20px) !important;
    }

    .network .map-wrap .p-dot .item.company-site .company-text .company-name,
    .network .nation-box .nation {
        font-size: clamp(14px, 1.6rem, 20px) !important;
    }

    .product .pd-tab .tab-inner .tab a,
    .table-box table tr th {
        font-size: clamp(14px, 1.6rem, 20px) !important;
    }

    .app-wrap .app-list .list a {
        font-size: clamp(14px, 1.6rem, 20px) !important;
    }

    .gallery .g-box .info .tit,
    .notice .board-box a .title {
        font-size: clamp(18px, 1.6rem, 20px) !important;
    }

    .table-box table tr td {
        font-size: clamp(12px, 1.6rem, 20px) !important;
    }

    #footer .content .location-wrap .tit {
        font-size: clamp(16px, 1.6rem, 20px) !important;
    }

    /* .tit {
        font-size: clamp(28px, 1.6rem, 60px) !important;
    }

    .sub-visual .info .info-wrap .tit {
        font-size: clamp(24px, 1.6rem, 60px) !important;
    }  */

    .area-box-1500 {
        width: 100%;
        max-width: 100%;
        padding: 0 20px;
    }

    .area-box-1400 {
        width: 100%;
        max-width: 100%;
        padding: 0 20px;
    }

}

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

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

    /*network*/
    .network .map-wrap .p-dot .item img {
        width: 60%;
    }
    .network .text-image-box {
        max-width: 26rem;
    }
    .network .company-image .img-box img {
        width: 100%;
    }
    .network .con-box {
        padding-bottom: 8rem;
    }
    .network .company-image {
        bottom: -8rem;
    }
    .network .company-image > .f-box {
        align-items: flex-end;
    }

}

/*태블릿(가로모드) 및 작은 노트북*/
@media screen and (max-width: 1024px) {
    /*sub-visual*/
    .sub-nav .f-box {
        height: 10rem;
    }
    /*sub-visual//*/

    /*certificate*/
    .certi .c-list {
        gap: 4rem;
    }
    .certi .c-list > li {
        width: calc((100% - 8rem) / 3);
    }

    /*location*/
    .location .location-item dl dt .icon {
        max-width: 2.8rem;
    }
    .location .location-item dl dt .icon img {
        width: 100%;
    }

    /*product*/
    .product .pd-tab .tab-wrap {
        flex-direction: column;
    }
    .product .pd-tab .tab-list {
        width: 100%;
    }
    .product .pd-tab .tab-inner {
        display: flex;
        flex-wrap: wrap;
        gap: 1rem;
    }
    .product .pd-tab .tab-inner .tab {
        width: calc((100% - 2rem) / 3);
    }

    .product .pd-tab .tab-inner .tab a {
        /* background-color: #ebebeb; */
        border-radius: 0.5rem;
    }
    .product .pd-tab .tab-content-wrap {
        width: 100%;
    }

    /*application*/
    .app-toggle-btn {
        display: block;
    }
    .app-wrap .con-box {
        flex-direction: column;
        position: relative;
    }
    .app-wrap .app-list {
        width: 100%;
        position: absolute;
        top: 48px;
        left: 0;
        z-index: 9;
    }
    .app-wrap .app-info-wrap {
        width: 100%;
    }

}

/*태블릿(세로모드)*/
@media screen and (max-width: 768px) {
    html {
        font-size: 1vw;
    }

    .sub-content {
        padding: 10rem 0 13rem;
    }

    /*common*/
    .br-none {
        display: none;
    }
    .sec-box {
        margin-bottom: 10rem;
    }

    /*sub-visual*/
    .sub-visual {
        overflow: unset !important;
    }
    .sub-visual .bg {
        animation: none;
    }
    .sub-visual .bg {
        background-image: url("../img/company_bg_m.jpg");
        transform: unset;
    }
    .sub-visual .info .info-wrap .tit {
        font-size: 5.6rem;
    }
    .sub-visual::before {
        display: none;
        content: none;
    }
    .sub-visual .sub-nav-wrap {
        padding-right: 0;
    }
    .sub-visual .sub-nav-wrap .sub-nav .menu {
        gap: 0;
        padding: 0;
        border-radius: 0;
        background: #ffffff;
    }
    .sub-top {
        height: 70rem;
    }

    .mobile-dropdown-toggle {
        display: block;
    }

    .sub-nav {
        position: relative;
        /* background: #fff; */
        border-radius: 0 0 1rem 2rem;
    }

    .sub-nav .f-box {
        height: auto;
    }

    .sub-nav .menu {
        display: none;
        flex-direction: column;
        background: #fff;
        padding: 10px;
        border-radius: 4px;
        position: absolute;
        top: 100%;
        /* 토글 버튼 바로 아래 */
        left: 0;
        width: 100%;
        z-index: 50;
    }

    .sub-nav .menu.show {
        display: flex !important;
    }

    .sub-nav .menu li a {
        display: block;
        color: #6c6c6c;
        padding: 0 16px;
    }

    .sub-nav .menu li.on a {
        color: var(--main-color);
        font-weight: 600;
    }

    .sub-visual .sub-nav-wrap .sub-nav .menu li.on::before {
        display: none;
    }

    .sub-visual .sub-nav-wrap .sub-nav .menu li {
        border-bottom: 1px solid #f5f5f5;
        padding: 1.4rem 0;
        width: 100%;
    }

    .sub-visual .info {
        bottom: 16rem;
    }

    /*sub-common*/
    .ral-box {
        flex-direction: column;
        gap: 2rem;
    }
    .ral-box .sub-tit-box {
        width: 100%;
    }
    .ral-box .sub-con-box {
        width: 100%;
    }
    .sub-tit {
        font-size: 3.2rem;
    }
    /*faith*/
    .faith .text-wrap .tit {
        font-size: 5.2rem;
    }
    .faith .logo-point-bg img {
        margin-top: 10rem;
    }

    /*greeting*/
    .greeting .info-wrap {
        flex-direction: column;
        gap: 3rem;
    }
    .greeting .info-wrap .image-box {
        width: 100%;
    }
    .greeting .info-wrap .text-box {
        width: 100%;
    }
    .greeting .info-wrap:has(.i-p) {
        flex-direction: column-reverse;
    }
    .greeting .info-wrap .text-box .tit {
        margin-bottom: 1rem;
    }
    .greeting .info-wrap .text-box .txt {
        padding-right: 0;
    }
    .greeting .info-wrap:has(.h-o) {
        margin-bottom: 10rem;
    }

    /*history*/
    .history_bg {
        height: 34rem;
    }
    .history_bg_pc {
        display: none;
    }
    .history_bg_m {
        display: block;
    }
    .history-item-wrap {
        padding: 80px 0 0;
    }
    .history .tit {
        font-size: 3.2rem;
    }

    .history-line {
        width: 2px;
    }

    .history-indicator,
    .history-line {
        left: 25px;
    }

    .history-indicator {
        width: 3rem;
        height: 3rem;
    }

    .history-indicator::before {
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 6px solid #fff;
    }

    .history-item {
        flex-direction: column !important;
        margin-bottom: 100px;
    }

    .history-item:last-child {
        margin-bottom: 0;
    }

    .item-side {
        width: 100%;
    }

    .history-item .year {
        text-align: left;
        padding-left: 8rem;
        padding-right: 0;
        font-size: 6rem;
        margin-bottom: 2.5rem;
    }

    .history-item.right .content li {
        flex-direction: row-reverse;
    }

    .history-item.right .content li .txt.dot::before {
        left: 0;
        right: auto;
    }

    .history-item.right .content li .txt.dot {
        padding-left: 2rem;
        padding-right: 0;
    }

    .history-item.right .content li .num {
        order: 1;
        margin-left: 0;
    }

    .history-item.right .content li .txt {
        order: 2;
        text-align: left;
    }

    .history-item.right .year {
        padding-left: 8rem;
    }

    .history-item.right .content {
        padding-left: 8rem;
        padding-right: 20px;
    }

    .history-item.left .content {
        padding-right: 2rem;
    }

    .history-item.right .year {
        order: 1;
    }

    .history-item.right .content {
        order: 2;
    }

    .history-item .content li {
        font-size: 1.8rem;
    }

    /*network*/
    .network .map-wrap .p-dot .item img {
        width: 60%;
    }
    .network .con-box {
        padding-bottom: 10rem;
    }

    /*certificate*/
    .certi .c-list {
        gap: 2rem;
    }
    .certi .c-list > li {
        width: calc((100% - 2rem) / 2);
    }

    /*location*/
    .location .location-info-box {
        flex-direction: column;
        gap: 3rem;
    }
    .location .img-wrap,
    .location .info-wrap {
        width: 100%;
    }
    .location .img-wrap img {
        width: 100%;
    }
    .location .map iframe {
        height: 300px;
    }

    /*product*/
    .product .swiper-slide {
        padding-top: 32%;
    }
    .product .pd-top-wrap .pd-img {
        height: 55rem;
    }
    .product .tab-content .pd-img-list .list {
        gap: 2rem;
    }
    .product .tab-content .pd-img-list .list .item {
        width: calc((100% - 2rem) / 2);
    }

    /*bbs*/
    .bbs-write-tbl,
    .bbs-write-tbl tbody,
    .bbs-write-tbl td,
    .bbs-write-tbl th,
    .bbs-write-tbl tr {
        display: block;
        width: 100%;
        height: 100%;
    }

    .bbs-write-tbl td,
    .bbs-write-tbl th {
        padding: 10px 0;
    }

    .bbs-write-tbl tr {
        margin-bottom: 2rem;
        border-bottom: 0;
    }

    .bbs-write-tbl th {
        font-weight: bold;
        margin-bottom: 0.5rem;
        padding-bottom: 1rem !important;
    }

    .bbs-write-tbl td {
        margin-bottom: 1rem;
        padding: 0;
    }

    .bbs-write-tbl colgroup {
        display: none;
    }

    /*notice*/
    .notice .board-box .tit-info {
        flex-direction: column;
        gap: 1rem;
        width: calc(100% - 14.5rem);
    }
    .notice .board-box a {
        line-height: 1.6;
        height: 16rem;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 1rem;
    }
    .bbs-more-btn {
        display: none;
    }
    .notice .board-box .tit-info {
        width: 100%;
    }
    .notice .board-box a .title {
        padding-left: 0;
        width: 100%;
    }
    .notice .board-box a .title {
        font-size: 2.4rem;
    }

    /*gallery*/
    .gallery .con-box {
        gap: 2rem;
    }

    .gallery .g-box {
        width: calc((100% - 2rem) / 2);
    }

    /*inquiry*/
    .inquiry .content-wrap .form-box.w-50 {
        width: 100%;
    }

}

/*소형 장치 (스마트폰 가로모드)*/
@media screen and (max-width: 500px) {
    html {
        font-size: 1.4vw;
    }

    /*header*/
    .header .header-inner {
        padding: 0 3rem;
    }

    /*sub-visual*/
    .sub-visual .sub-nav-wrap .sub-nav .menu li {
        font-size: 1.8rem;
    }

    .sub-visual .sub-nav-wrap .sub-nav .menu li.on::before {
        height: 2px;
    }

    .certification_con > div {
        width: calc(100%);
    }

    .partner_con > div {
        width: calc(100%);
        padding: 0;
    }

    .top-center {
        flex-direction: column;
        gap: 15px;
    }

    .search-wrap {
        max-width: 100%;
    }

    .search-wrap .search-list {
        width: auto;
    }

    /*network*/
    .network .map-wrap .p-dot .item img {
        width: 40%;
    }
    .network .company-image {
        bottom: -12rem;
    }
    .network .text-image-box {
        max-width: 32rem;
    }
    .network .map-wrap .p-dot .item.company-site .company-text {
        display: none;
    }
    .sub-content:has(.network) {
        padding: 10rem 0 20rem;
    }

    .network .nation-box .nation {
        font-size: clamp(12px, 1.6rem, 20px) !important;
    }

    /*location*/
    .location .location-item dl {
        gap: 1rem;
        flex-direction: column;
        margin-bottom: 3rem;
    }

    /*product*/
    .product .swiper-slide {
        padding-top: 66%;
    }
    .product .pd-tab .tab-inner .tab {
        width: calc((100% - 1rem) / 2);
    }

    /*gallery*/
    .gallery .con-box {
        gap: 4rem;
    }

    .gallery .g-box {
        width: 100%;
    }

}

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