@media screen and (min-width:1680px) {
    body {
        max-width: 1920px;
    }
}

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

    body,
    html {
        font-size: 53% !important;
        height: 100%;
    }
    section {
        height: 100%;
    }

    /*common*/
    .boundary-1258.boundary.inner,
    .boundary-1524.boundary.inner {
        width: 100%;
    }
    .boundary.inner {
        padding-top: 8rem;
        padding-bottom: 4rem;
    }

    /*modal*/
    .modal-wrap {
        margin: 0 2rem;
    }

    /*overview*/
    .overview .ceo-t-i .ceo-img {
        max-width: 28rem;
    }

}

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

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

    /*history*/
    .history .tab-item > div {
        gap: 4rem;
    }

    /*overseas*/
    .world-map .position-box .point .overseas-logo img {
        max-height: 6.5rem;
        width: auto;
    }

    .world-map .position-box .point .overseas-logo.r {
        right: -19rem;
    }

    /*location*/
    .location .left .info.email .wrap {
        flex-direction: column;
        gap: 0;
    }

}

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

    .intro .content {
        justify-content: center;
        padding: 2rem 4rem;
    }

    /* header {display: none;} */
    body,
    html {
        font-size: 50% !important;
    }

    /*domestic*/
    .domestic .right .region .list .item {
        width: calc(25% - 0.8rem);
    }

}

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

    body,
    html {
        font-size: 50% !important;
        height: 100%;
    }

    /*header*/
    header {
        height: 0;
        background: none;
        padding: 0;
    }
    header .logo-wrap a {
        margin: 0 auto;
    }
    header > ul > li.menu-wrap > ul > li.flex i {
        display: none;
    }
    .global_menu {
        display: none;
    }
    header .hamberger-wrap {
        position: fixed;
        display: block;
    }
    .menu-wrap-mobile {
        height: calc(100vh - 81px);
        margin: 0;
        display: flex;
    }
    #menu-011 {
        padding-bottom: 3rem;
    }
    header > ul > li.menu-wrap {
        margin-left: 2rem;
    }
    header .menu-wrap-mobile > ul > li i,
    header > ul > li.menu-wrap > ul > li i {
        padding-right: 5px;
    }

    /*common*/
    .container {
        width: 100%;
        margin: 0;
        padding: 0 2rem;
    }
    .sub_inner {
        padding-left: 0;
    }
    /*SWIPER*/
    .navigation-bar {
        width: 100%;
    }

}

@media screen and (max-width:967px) {
    body {
        height: 100vh;
    }

    .modal {
        padding-left: 0;
    }

    /*common*/
    .boundary-1258,
    .boundary-1524 {
        padding: 0 2rem;
    }
    .boundary.inner {
        padding-top: 8rem;
        padding-bottom: 12rem;
    }

    /*header*/
    header > ul > li.contact-list-wrap {
        display: none;
    }

    header > ul > li.hamberger-wrap {
        display: block;
    }

    .fixed-logo {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        z-index: 0;
    }

    /*intro*/
    .section#section-00 {
        height: 100%;
        scroll-margin-bottom: 0;
    }

    /*overview*/
    .overview .ceo-t-i > div {
        padding: 4rem 2rem;
    }

    .overview .ceo-t-i .ceo-img {
        max-width: 24rem;
    }

    /*location*/
    .location .sub-title-wrap {
        padding: 2rem;
        margin-bottom: 6rem;
    }

    .location .c-box {
        gap: 4rem;
        flex-direction: column-reverse;
    }

    .location .c-box > div {
        width: 100%;
    }

    .location .left .info.email .wrap {
        flex-direction: row;
    }

}

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

    /*common*/
    .boundary.inner {
        padding-top: 6rem;
    }

    .container {
        padding: 0;
    }

    .intro.boundary.inner {
        margin-top: 0;
        border-radius: 0;
        height: 100%;
    }

    /*SWIPER*/
    .button_right {
        top: 85%;
        right: 40%;
        width: 6rem;
        height: 6rem;
    }

    .button_left {
        top: 85%;
        left: 40%;
        width: 6rem;
        height: 6rem;
    }

    .navigation-bar {
        width: 94%;
        left: 50%;
        transform: translateX(-50%);
    }

    /*intro*/
    .intro .content {
        align-items: center;
        padding: 2rem;
        transform: translateY(-2%);
    }

    .intro .content .intro-slogan .tit {
        font-size: 2rem;
    }

    .intro .content {
        align-items: center;
        padding: 2rem 4rem;
    }

    .intro .content .intro-slogan,
    .intro .content .intro-text {
        text-align: center;
    }

    /*overview*/
    .overview .f-box {
        gap: 0;
        flex-direction: column;
    }

    .overview .f-box > div {
        width: 100%;
    }

    .overview .ceo-t-i .ceo-img {
        right: 2%;
        max-width: 20rem;
        display: none;
    }

    /*history*/
    .history .tab-item > div {
        gap: 0;
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .history .tab-item > div > div {
        width: 100%;
    }

    /*domestic*/
    .domestic .content {
        gap: 0;
        flex-direction: column;
    }

    .domestic .content .left {
        width: 100%;
    }

    .domestic .content .right {
        width: 100%;
    }

    .domestic .content .left .map {
        margin: 0 16rem;
    }

    /*overseas*/
    .world.logo {
        display: block;
    }

    .world-map .position-box .point .overseas-logo {
        opacity: 0;
        visibility: hidden;
    }

    .overseas .map-wrap {
        overflow-x: auto;
        margin-bottom: 4rem;
    }

    .overseas .world-map {
        margin: 0 2rem;
        min-width: 72rem;
    }

    .world-map-img {
        margin-bottom: 2rem;
    }

    /*certificate*/
    .certificate .c-box .list {
        gap: 2rem;
    }

    .certificate .c-box .list .item {
        width: calc((100% - 8rem) / 5);
    }

    /*product*/
    .products .pd-box {
        flex-direction: column;
        gap: 0;
        margin-top: 0;
    }
    .products .pd-box .left,
    .products .pd-box .right {
        width: 100%;
    }

    .products .left .img-box {
        padding: 7rem 10rem;
    }

    /*pd-list*/
    .pd-list .list {
        flex-wrap: wrap;
        gap: 4rem;
    }
    .pd-list .list .item {
        width: calc(50% - 2rem);
    }

    /*location*/
    .location .c-box > div {
        width: 100%;
    }

    .location .left .info.email .wrap {
        flex-direction: column;
    }

    .location .left .info.email .wrap .list {
        width: 100%;
    }

    .location .boundary-1258 {
        padding: 0;
    }

    /*table*/
    .table th {
        font-size: 1.8rem;
        font-weight: 600;
    }

}

@media screen and (max-width:600px) {
    /*domestic*/
    .domestic .content .left .map {
        margin: 0 4rem;
    }

}

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

    /*header*/
    .menu-wrap {
        display: none;
        margin: 0;
    }

    .navBtn5 {
        width: 20px;
    }

    .navBtn5 .bar:nth-child(1) {
        border: 1px;
        top: 5px;
    }

    .navBtn5 .bar:nth-child(2) {
        border: 1px;
        top: 13px;
    }

    .navBtn5 .bar:nth-child(3) {
        border: 1px;
        top: 13px;
    }

    .navBtn5 .bar:nth-child(4) {
        border: 1px;
        top: 21px;
    }

    /* header {height: 12rem;} */
    header > ul > li.logo-wrap {
        width: 80px;
        height: 95px;
    }

    header > ul > li.menu-wrap {
        margin: 0;
    }

    header > ul > li.menu-wrap > ul header > ul > li.menu-wrap > ul > li {
        line-height: 1;
    }

    header > ul > li.menu-wrap > ul > li > p {
        font-size: 1.2rem;
    }

    .menu-wrap-mobile li {
        padding: 5px 0;
    }

    .menu-wrap-mobile .logo-wrap {
        width: 40%;
        padding: 0;
    }

    /*common*/
    .container {
        height: 100%;
    }

    /*SWIPER*/
    .button_right {
        top: 85%;
        right: 40%;
        width: 6rem;
        height: 6rem;
    }

    .button_left {
        top: 85%;
        left: 40%;
        width: 6rem;
        height: 6rem;
    }

    .button_right {
        top: 85%;
        right: 35%;
        width: 6rem;
        height: 6rem;
    }

    .button_left {
        top: 85%;
        left: 35%;
        width: 6rem;
        height: 6rem;
    }

    .arrow_left,
    .arrow_right {
        height: 60px;
    }

    .button button {
        width: 60px;
        height: 60px;
    }

    /*tab*/
    .tab-titles li {
        font-size: 1.6rem;
    }

    /*intro*/
    .intro .content .intro-text {
        font-size: 1.6rem;
    }

    /*domestic*/
    .domestic .region .list {
        gap: 1rem;
    }
    .domestic .right .region .list .item {
        width: calc(50% - 0.5rem);
    }

    /*overseas*/
    .overseas .region .list {
        gap: 2rem;
    }
    .overseas .region .list .item {
        width: calc(50% - 1rem);
    }

    /*certificate*/
    .certificate .c-box .list {
        gap: 2rem;
    }

    .certificate .c-box .list .item {
        width: calc(50% - 1rem);
    }

    /*product*/
    .products .left .img-box {
        padding: 4rem;
    }

    /*pd-list*/
    .pd-list .list {
        gap: 2rem;
    }

    .pd-list .list .item {
        width: calc(50% - 1rem);
    }

}

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