/**
 * Created by PhpStorm.
 * Date         :
 * Developer    :
 * Description  : wp_responsive.css
 * ⓒ 2021. WebPlanet Co. All Rights Reserved.
 */

@charset "utf-8";

/**********************************************************************************************************************/
/* 작성방법 */
/*
1. 모든 스타일은 클래스명 .wp_wrap 을 시작으로 작성한다.
2. 공통 스타일의 클래스명은 cm_ 접두어를 사용한다.
 */
/**********************************************************************************************************************/

@media (max-width: 1400px) {
    .wp_wrap .cm_inner {
        padding: 0 10px;
    }


    .wp_wrap header .h_inner nav {
        margin-left: 0;
    }
    .wp_wrap header .h_inner nav .gnb>li {
        width: 17%;
    }


    .wp_wrap footer .f_inner {
        display: block;
    }


    .fp-auto-height .fp-tableCell, .fp-completely, .fp-responsive .fp-auto-height-responsive.fp-section, .fp-section, .fp-table {
        height: auto !important;
    }

    .fp-tableCell {
        height: auto !important;
    }




    .wp_wrap #m_visual .mv_inner .mv_slider .mv_slide .txt_box .txt_inner .tit {
        font-size: 50px;
    }
    .wp_wrap #m_visual .mv_inner .mv_slider .mv_slide .txt_box .txt_inner .ex .desc {
        font-size: 23px;
    }


    .wp_wrap #m_about {
        padding: 120px 0;
    }
    .wp_wrap #m_about .info .flex_box {
        flex-direction: column;
        gap: 50px;
    }
    .wp_wrap #m_about .info .flex_box .txt_box {
        width: 100%;
    }
    .wp_wrap #m_about .info .flex_box .img_box {
        width: 100%;
    }
    .wp_wrap #m_about .g_txt {
        font-size: 120px;
        top: 20%;
        right: 0;
    }
    .wp_wrap #m_about .info .flex_box .img_box {
        height: 450px;
    }
    .wp_wrap #m_about .info .flex_box .img_box>img {
        width: 100%;
        object-fit: cover;
    }


    .wp_wrap #m_service .btn_list>li>a .btn_box .name_box {
        padding-right: 10px;
    }
    .wp_wrap #m_service .btn_list>li>a .btn_box .name_box .name {
        font-size: 18px;
    }


    .wp_wrap #m_map {
        padding: 120px 0;
    }
    .wp_wrap #m_map .flex_box .info_box .top_box .name_box .loca {
        font-size: 20px;
    }
    .wp_wrap #m_map .flex_box .info_box .top_box .name_box .loca>br {
        display: none;
    }
    .wp_wrap #m_map .flex_box .map_box {
        width: 80%;
    }
    .wp_wrap #m_map .flex_box .info_box {
        width: 20%;
        gap: 0;
        justify-content: space-between;
    }
    .wp_wrap #m_map .flex_box {
        justify-content: space-between;
    }
    .wp_wrap #m_map .flex_box .info_box .bot_box>a {
        gap: 0;
        justify-content: space-between;
    }
    .wp_wrap #m_map .flex_box .info_box .bot_box>a>img {
        max-width: 60px;
    }


    .wp_wrap .greeting .flex_inner {
        flex-direction: column;
        gap: 50px;
    }
    .wp_wrap .greeting .flex_inner .tit_box {
        width: 100%;
    }
    .wp_wrap .greeting .flex_inner .con_box {
        width: 100%;
    }


    .wp_wrap .organ .flex_inner {
        flex-direction: column;
        gap: 50px;
    }
    .wp_wrap .organ .flex_inner .tit_box {
        width: 100%;
    }
    .wp_wrap .organ .flex_inner .con_box {
        width: 100%;
    }
    .wp_wrap .organ .flex_inner .con_box .top_box .img_box>img {
        margin: 0 auto;
        width: 55%;
    }


    .wp_wrap .location .flex_inner {
        flex-direction: column;
        gap: 50px;
    }
    .wp_wrap .location .flex_inner .tit_box {
        width: 100%;
    }
    .wp_wrap .location .flex_inner .con_box {
        width: 100%;
    }
    .wp_wrap .location .flex_inner .con_box .l_box {
        width: 50%;
    }
    .wp_wrap .location .flex_inner .con_box .r_box {
        height: 550px;
    }
    .wp_wrap .location .flex_inner .con_box .r_box svg {
        width: 100%;
        height: 100%;
    }
    


    .wp_wrap .partner .con_box .bot_box {
        width: 100%;
    }
    .wp_wrap .partner .con_box .top_box {
        width: 100%;
        height: 100%;
    }
    .wp_wrap .partner .con_box .top_box svg {
        width: 100%;
        height: 100%;
    }
}


@media (max-width: 1200px) {
    /* 헤더 */
    /**********************************************************************************************************************/
    .wp_wrap header .h_inner {
        justify-content: space-between;
    }
    .wp_wrap header .h_inner nav {
        display: none;
    }
    .wp_wrap header .h_inner .convenient_box {}
    .wp_wrap header .h_inner .convenient_box .mopen {
        display: block;
    }
    .wp_wrap header .h_inner .convenient_box .lang_box {
        display: none;
    }
    .wp_wrap .mo_mnu {
        display: block;
        width: 50%;
    }
    .wp_wrap .mo_mnu .mo_lang_box>a {
        padding: 5px 10px;
        border: 1px solid #000;
        border-radius: 20px;
        font-size: 13px;
        font-family: 'Pretendard-Regular';
    }
    /**********************************************************************************************************************/

    /* 푸터 */
    /**********************************************************************************************************************/
    /**********************************************************************************************************************/

    /* 메인 */
    /**********************************************************************************************************************/
    .wp_wrap #m_visual .mv_inner .mv_slider .mv_slide .txt_box .txt_inner .tit {
        font-size: 45px;
    }
    .wp_wrap #m_visual .mv_inner .mv_slider .mv_slide .txt_box .txt_inner .ex .desc {
        font-size: 20px;
    }

    .wp_wrap #m_about .g_txt {
        top: 28%;
    }
    .wp_wrap #m_about .info .flex_box .img_box>img {
        object-position: center;
    }


    .wp_wrap #m_service .txt_box .tit {
        font-size: 25px;
    }
    .wp_wrap #m_service .txt_box .tit>br {
        display: none;
    }
    .wp_wrap #m_service .txt_box {
        margin-bottom: 40px;
    }
    .wp_wrap #m_service .btn_list>li>a .btn_box .name_box {
        padding: 10px;
        text-align: start;
    }
    .wp_wrap #m_service .btn_list>li>a .btn_box .name_box .name {
        text-align: start;
        font-size: 16px;
    }


    .wp_wrap #m_map .flex_box {
        flex-direction: column;
    }
    .wp_wrap #m_map .flex_box .map_box {
        width: 100%;
    }
    .wp_wrap #m_map .flex_box .info_box .top_box .name_box .loca {
        font-size: 18px;
    }
    .wp_wrap #m_map .flex_box .info_box .top_box {
        height: 200px;
    }
    .wp_wrap #m_map .flex_box .info_box {
        flex-direction: row;
        width: 100%;
        gap: 20px;
    }
    .wp_wrap #m_map .flex_box .map_box iframe {
        height: 300px;
    }
    .wp_wrap #m_map .flex_box .info_box .bot_box>a {
        gap: 20px;
    }
    /**********************************************************************************************************************/

    /* 서브 */
    /**********************************************************************************************************************/
    /* sub_main */
    .wp_wrap #sub_top .top_ovly .ovly_ir .tit_area .tit {
        font-size: 0;
        max-width: 300px;
    }
    .wp_wrap #sub_top .top_ovly .ovly_ir .tit_area .tit_ko {
        font-size: 25px;
    }


    /* greeting */
    .wp_wrap .greeting .flex_inner .tit_box .tit {
        font-size: 30px;
    }
    .wp_wrap .greeting .flex_inner .con_box .top_box .tit {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .wp_wrap .greeting .flex_inner .con_box .top_box .img_box {
        height: 300px;
        margin-bottom: 30px;
    }
    .wp_wrap .greeting .flex_inner .con_box .top_box .img_box>img {
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .wp_wrap .greeting .flex_inner .con_box .top_box .txt_box .ex {
        font-size: 20px;
    }
    .wp_wrap .greeting .flex_inner .con_box .bot_box .info_list>li {
        padding-left: 20px;
    }
    /* organ */
    .wp_wrap .organ .flex_inner .tit_box .tit {
        font-size: 30px;
    }
    /* location */
    .wp_wrap .location .flex_inner .tit_box .tit {
        font-size: 30px;
    }
    .wp_wrap .location .flex_inner .con_box .l_box {
        background: #fff;
    }


    /* contact */
    .wp_wrap .contact .flex_inner {
        flex-direction: column;
        gap: 50px;
    }
    .wp_wrap .contact .flex_inner .txt_box .tit_box .tit>br {
        display: none;
    }
    .wp_wrap .contact .flex_inner .txt_box {
        width: 100%;
    }
    .wp_wrap .contact .flex_inner .txt_box .tit_box {
        margin-bottom: 50px;
    }
    .wp_wrap .contact .flex_inner .txt_box .tit_box .tit {
        margin-bottom: 25px;
    }
    .wp_wrap .contact .flex_inner .form_box {
        width: 100%;
        padding: 35px 20px;
    }
    .wp_wrap .contact .flex_inner .txt_box .tit_box .s_tit {
        font-size: 18px;
        margin-bottom: 10px;
    }

    /**********************************************************************************************************************/
}


@media (max-width: 992px) {
    /* 헤더 */
    /**********************************************************************************************************************/
    /**********************************************************************************************************************/

    /* 푸터 */
    /**********************************************************************************************************************/
    .wp_wrap footer .f_inner .rt .bot .f_info {
        flex-direction: column;
        gap: 3px;
    }
    /**********************************************************************************************************************/

    /* 메인 */
    /**********************************************************************************************************************/
    .wp_wrap #m_about .info .flex_box .txt_box .tit_box {
        font-size: 45px;
        gap: 10px;
    }
    .wp_wrap #m_about .g_txt {
        top: 31%;
        font-size: 80px;
    }
    .wp_wrap #m_about .info .flex_box .img_box {
        height: 350px;
    }
    .wp_wrap #m_about .info .flex_box .img_box>img {
        height: 100%;
    }


    .wp_wrap #m_service .txt_box {
        margin-top: 100px;
    }
    .wp_wrap #m_service .txt_box .tit {
        font-size: 23px;
    }


    .wp_wrap #m_map .tit {
        font-size: 25px;
    }
    .wp_wrap #m_map .s_tit {
        font-size: 18px;
        margin-bottom: 10px;
    }
    /**********************************************************************************************************************/

    /* 서브 */
    /**********************************************************************************************************************/
    /* partner */
    .wp_wrap .partner .con_box .bot_box .coun_list>li .coun_box .t_coun .name {
        font-size: 20px;
    }
    .wp_wrap .partner .con_box .bot_box .coun_list>li .coun_box .t_coun {
        padding: 25px 15px;
    }
    .wp_wrap .partner .con_box .bot_box .coun_list>li .coun_box .b_coun .name {
        font-size: 20px;
    }
    .wp_wrap .partner .con_box .bot_box .coun_list>li .coun_box .b_coun {
        padding: 25px 15px;
    }
    .wp_wrap .partner .con_box .bot_box .coun_list>li .coun_box .coun_in .name {
        font-size: 20px;
    }
    .wp_wrap .partner .con_box .bot_box .coun_list>li .coun_box .coun_in {
        padding: 25px 15px;
    }


    /* service */
    /* air */
    .wp_wrap .air .flex_inner {
        flex-direction: column;
        gap: 50px;
    }
    .wp_wrap .air .flex_inner .air_slide_box {
        width: 100%;
    }
    .wp_wrap .air .flex_inner .air_slide_box .main_slider .slick-slide {
        width: 100%;
        height: 500px;
    }
    .wp_wrap .air .flex_inner .air_slide_box .main_slider .slick-slide img {
        height: 100%;
        object-position: center;
        object-fit: cover;
        width: 100%;
    }
    .wp_wrap .air .flex_inner .txt_box .tit_box .tit {
        font-size: 30px;
    }
    /* ocean */
    .wp_wrap .ocean .flex_inner {
        flex-direction: column-reverse;
        gap: 50px;
    }
    .wp_wrap .ocean .flex_inner .ocean_slide_box {
        width: 100%;
    }
    .wp_wrap .ocean .flex_inner .ocean_slide_box .main_slider .slick-slide {
        width: 100%;
        height: 500px;
    }
    .wp_wrap .ocean .flex_inner .ocean_slide_box .main_slider .slick-slide img {
        height: 100%;
        object-position: center;
        object-fit: cover;
        width: 100%;
    }
    .wp_wrap .ocean .flex_inner .txt_box .tit_box .tit {
        font-size: 30px;
    }
    /* one */
    .wp_wrap .one .flex_inner {
        flex-direction: column;
        gap: 50px;
    }
    .wp_wrap .one .flex_inner .one_slide_box {
        width: 100%;
    }
    .wp_wrap .one .flex_inner .one_slide_box .main_slider .slick-slide {
        width: 100%;
        height: 500px;
    }
    .wp_wrap .one .flex_inner .one_slide_box .main_slider .slick-slide img {
        height: 100%;
        object-position: center;
        object-fit: cover;
        width: 100%;
    }
    .wp_wrap .one .flex_inner .txt_box .tit_box .tit {
        font-size: 30px;
    }
    /* aog */
    .wp_wrap .aog .flex_inner {
        flex-direction: column-reverse;
        gap: 50px;
    }
    .wp_wrap .aog .flex_inner .aog_slide_box {
        width: 100%;
    }
    .wp_wrap .aog .flex_inner .aog_slide_box .main_slider .slick-slide {
        width: 100%;
        height: 500px;
    }
    .wp_wrap .aog .flex_inner .aog_slide_box .main_slider .slick-slide img {
        height: 100%;
        object-position: center;
        object-fit: cover;
        width: 100%;
    }
    .wp_wrap .aog .flex_inner .txt_box .tit_box .tit {
        font-size: 30px;
    }
    /* logis */
    .wp_wrap .logis .flex_inner {
        flex-direction: column;
        gap: 50px;
    }
    .wp_wrap .logis .flex_inner .logis_slide_box {
        width: 100%;
    }
    .wp_wrap .logis .flex_inner .logis_slide_box .main_slider .slick-slide {
        width: 100%;
        height: 500px;
    }
    .wp_wrap .logis .flex_inner .logis_slide_box .main_slider .slick-slide img {
        height: 100%;
        object-position: center;
        object-fit: cover;
        width: 100%;
    }
    .wp_wrap .logis .flex_inner .txt_box .tit_box .tit {
        font-size: 30px;
    }


    /* cargo */
    .wp_wrap .cargo .tit_box .tit {
        font-size: 30px;
    }


    /* contact */
    .wp_wrap .contact .flex_inner .txt_box .tit_box .tit {
        font-size: 25px;
        margin-bottom: 20px;
    }
    .wp_wrap .contact .flex_inner .txt_box .tit_box {
        margin-bottom: 40px;
    }
    .wp_wrap .contact .flex_inner .txt_box .tit_box .ex {
        font-size: 18px;
    }
    .wp_wrap .contact .flex_inner .txt_box .info_list>li .info_box>a>p {
        font-size: 18px;
    }
    .wp_wrap .contact .flex_inner .txt_box .info_list>li .info_box.flex p {
        font-size: 18px;
    }
    /**********************************************************************************************************************/
}


@media (max-width: 888px) {
    .wp_wrap .organ .flex_inner .con_box .bot_box table tbody tr .name {
        width: 15%;
    }
    .wp_wrap .organ .flex_inner .con_box .bot_box table tbody tr .last {
        width: 17%;
    }
    .wp_wrap .organ .flex_inner .con_box .bot_box table tbody tr .num {
        width: 20%;
    }
}


@media (max-width: 768px) {
    .wp_wrap .cm_sec {
        padding: 60px 0;
    }
    /* 헤더 */
    /**********************************************************************************************************************/
    .wp_wrap header .h_inner .logo {
        max-width: 250px;
        width: 100%;
    }
    .wp_wrap header .h_inner .logo>a {
        width: 100%;
    }
    .wp_wrap header .h_inner .convenient_box {
        height: 80px;
        margin-left: 0;
    }
    /**********************************************************************************************************************/

    /* 푸터 */
    /**********************************************************************************************************************/
    /**********************************************************************************************************************/

    /* 메인 */
    /**********************************************************************************************************************/
    .wp_wrap #m_visual .mv_inner .mv_slider .mv_slide .txt_box .txt_inner .tit {
        font-size: 35px;
    } 
    .wp_wrap #m_visual .mv_inner .mv_slider .mv_slide .txt_box .txt_inner .ex .desc {
        font-size: 18px;
    }


    .wp_wrap #m_about {
        padding: 60px 0;
    }
    .wp_wrap #m_about .info .flex_box .txt_box .tit_box {
        font-size: 40px;
    }
    .wp_wrap #m_about .g_txt {
        top: 34%;
    }



    .wp_wrap #m_service .btn_list>li>a .btn_box .name_box .name {
        font-size: 14px;
    }
    .wp_wrap #m_service .txt_box .s_tit {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .wp_wrap #m_service .txt_box .tit {
        font-size: 20px;
    }


    .wp_wrap #m_map {
        padding: 60px 0;
    }
    .wp_wrap #m_map .tit {
        font-size: 23px;
    }
    .wp_wrap #m_map .s_tit {
        font-size: 16px;
        margin-bottom: 5px;
    }
    .wp_wrap #m_map .flex_box .info_box .top_box .name_box .s_name {
        margin-bottom: 10px;
        font-size: 13px;
    }
    .wp_wrap #m_map .flex_box .info_box .top_box .name_box .loca {
        font-size: 16px;
    }
    /**********************************************************************************************************************/

    /* 서브 */
    /**********************************************************************************************************************/
    /* sub_main */
    .wp_wrap #sub_top .top_ovly .ovly_ir .tit_area .tit {
        max-width: 250px;
    }
    .wp_wrap #sub_top .img_box {
        height: 300px;
    }
    .wp_wrap #sub_top .top_ovly .ovly_ir .tit_area .tit_ko {
        font-size: 23px;
    }


    /* greeting */
    .wp_wrap .greeting .flex_inner .tit_box .tit {
        font-size: 25px;
    }
    .wp_wrap .greeting .flex_inner .con_box .top_box .tit {
        font-size: 18px;
    }
    .wp_wrap .greeting .flex_inner .con_box .top_box .txt_box .ex {
        font-size: 18px;
    }
    .wp_wrap .greeting .flex_inner .con_box .bot_box .info_list>li .info_box .txt {
        font-size: 16px;
    }
    .wp_wrap .greeting .flex_inner .con_box .bot_box .info_list>li .info_box .b_txt {
        font-size: 16px;
    }
    .wp_wrap .greeting .flex_inner .con_box .bot_box .info_list>li .info_box {
        padding: 20px 0;
    }
    .wp_wrap .greeting .flex_inner .con_box .top_box .img_box {
        height: 200px;
    }
    /* organ */
    .wp_wrap .organ .flex_inner .con_box .bot_box table tbody tr td {
        font-size: 14px;
        width: 25%;
    }
    .wp_wrap .organ .flex_inner .con_box .top_box .img_box>img {
        width: 80%;
    }
    .wp_wrap .organ .flex_inner .tit_box .tit {
        font-size: 25px;
    }
    /* location */
    .wp_wrap .location .flex_inner .tit_box .tit {
        font-size: 25px;
    }
    .wp_wrap .location .flex_inner .con_box {
        flex-direction: column;
        gap: 0;
    }
    .wp_wrap .location .flex_inner .con_box .r_box {
        margin: 0 auto;
    }
    .wp_wrap .location .flex_inner .con_box .l_box {
        width: 100%;
    }
    .wp_wrap .location .flex_inner .con_box .r_box {
        height: 500px;
        width: 60%;
    }
    .wp_wrap .location .flex_inner .con_box .r_box svg {
        height: 115%;
    }
    .wp_wrap .location .flex_inner .con_box .l_box {
        padding: 20px 15px;
    }
    .wp_wrap .location .flex_inner .con_box .l_box .txt_inner .loca {
        font-size: 18px;
        margin-bottom: 20px;
    }
    .wp_wrap .location .flex_inner .con_box .l_box .txt_inner .info_box .name {
        font-size: 16px;
        margin-bottom: 7px;
    }
    .wp_wrap .location .flex_inner .con_box .l_box .txt_inner .info_box .add {
        font-size: 14px;
    }
    .wp_wrap .location .flex_inner .con_box .l_box .txt_inner .info_box .tel {
        font-size: 14px;
    }
    .wp_wrap .location .flex_inner .con_box .l_box .txt_inner .info_box {
        margin-bottom: 20px;
    }
    /* partner */
    .wp_wrap .partner .tit_box .tit {
        font-size: 25px;
    }
    .wp_wrap .partner .con_box .bot_box .coun_list>li .coun_box .coun_in .name {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .wp_wrap .partner .con_box .bot_box .coun_list {
        gap: 10px;
    }
    .wp_wrap .partner .con_box .bot_box .coun_list>li .coun_box .t_coun {
        margin-bottom: 10px;
    }
    .wp_wrap .partner .con_box .bot_box .coun_list>li .coun_box .coun_in .name_list>li>p {
        font-size: 13px;
    }
    .wp_wrap .partner .con_box .bot_box .coun_list>li .coun_box .t_coun .name_list>li>p {
        font-size: 13px;
    }
    .wp_wrap .partner .con_box .bot_box .coun_list>li .coun_box .b_coun .name_list>li>p {
        font-size: 13px;
    }
    .wp_wrap .partner .con_box .bot_box .coun_list>li .coun_box .t_coun .name {
        font-size: 18px;
    }
    .wp_wrap .partner .con_box .bot_box .coun_list>li .coun_box .b_coun .name {
        font-size: 18px;
    }
    

    /* service */
    /* air */
    .wp_wrap .air .flex_inner .air_slide_box .main_slider .slick-slide {
        height: 360px;
    }
    /* ocean */
    .wp_wrap .ocean .flex_inner .ocean_slide_box .main_slider .slick-slide {
        height: 360px;
    }
    /* one */
    .wp_wrap .one .flex_inner .one_slide_box .main_slider .slick-slide {
        height: 360px;
    }
    /* aog */
    .wp_wrap .aog .flex_inner .aog_slide_box .main_slider .slick-slide {
        height: 360px;
    }
    /* logis */
    .wp_wrap .logis .flex_inner .logis_slide_box .main_slider .slick-slide {
        height: 360px;
    }
    /**********************************************************************************************************************/
}


@media (max-width: 640px) {
    .wp_wrap .location .flex_inner .con_box .r_box {
        width: 70%;
    }



    .wp_wrap .partner .con_box .bot_box .coun_list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .wp_wrap .partner .con_box .bot_box .coun_list>li {
        height: 100%;
    }
    .wp_wrap .partner .con_box .bot_box .coun_list>li .coun_box {
        height: 100%;
        margin-top: 0;
    }
    .wp_wrap .partner .con_box .bot_box .coun_list>li .coun_box .coun_in {
        height: 100%;
    }
    .wp_wrap .partner .con_box .bot_box .coun_list>li .coun_box .t_coun .name_list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .wp_wrap .partner .con_box .bot_box .coun_list>li .coun_box .coun_in .name_list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    .wp_wrap .partner .con_box .bot_box .coun_list>li .coun_box .b_coun .name_list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
}


@media (max-width: 596px) {
    .wp_wrap #m_visual .mv_inner .mv_slider .mv_slide .txt_box .txt_inner .ex {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .wp_wrap #m_visual .mv_inner .mv_slider .mv_slide .txt_box .txt_inner .tit {
        text-align: center;
        margin: 0 auto;
    }
    .wp_wrap #m_visual .mv_inner .mv_slider .mv_slide .txt_box .txt_inner {
        justify-content: center;
    }
    .wp_wrap #m_visual .mv_inner .mv_slider .mv_slide {
        height: 81vh;
    }


    .wp_wrap #m_service .btn_list {
        display: flex;
        flex-wrap: wrap; /* 자리가 모자라면 다음 줄로 넘기기 */
    }
    .wp_wrap #m_service .btn_list>li {
        flex: 1 1 calc((100% - 40px) / 3); 
        max-width: 100%; /* 혹시 모를 오버플로우 방지 */
        box-sizing: border-box;
        height: 300px;
    }
    .wp_wrap #m_service .btn_list>li>a {
        height: 100%;
        width: 100%;
        display: inline-block;
    }
    .wp_wrap #m_service .btn_list>li>a .btn_box {
        height: 100%;
        width: 100%;
    }
    .wp_wrap #m_service .btn_list>li>a .btn_box .img_box {
        height: 100%;
        width: 100%;
    }
    .wp_wrap #m_service .btn_list>li>a .btn_box .img_box>img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }


    .wp_wrap .organ .flex_inner .con_box .top_box .img_box>img {
        width: 100%;
    }
}


@media (max-width: 576px) {
    /* 헤더 */
    /**********************************************************************************************************************/
    /**********************************************************************************************************************/

    /* 푸터 */
    /**********************************************************************************************************************/
    /**********************************************************************************************************************/

    /* 메인 */
    /**********************************************************************************************************************/
    .wp_wrap #m_visual .mv_inner .mv_slider .mv_slide .txt_box .txt_inner .tit {
        font-size: 30px;
    }


    .wp_wrap #m_about .info .flex_box .txt_box .tit_box {
        font-size: 35px;
    }
    .wp_wrap #m_about .info .flex_box .img_box {
        height: 300px;
    }
        .wp_wrap #m_about .g_txt {
        font-size: 60px;
        top: 41%;
    }


    .wp_wrap #m_map .flex_box .info_box {
        flex-direction: column;
        gap: 10px;
    }
    .wp_wrap #m_map .tit {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .wp_wrap #m_map .flex_box .info_box .top_box {
        height: 150px;
        padding: 20px;
    }
    .wp_wrap #m_map .flex_box .info_box .top_box .name_box {
        margin-bottom: 20px;
    }
    .wp_wrap #m_map .flex_box .info_box .bot_box {
        padding: 20px 0;
    }
    
    /**********************************************************************************************************************/

    /* 서브 */
    /**********************************************************************************************************************/
    /* greeting */
    .wp_wrap .greeting .flex_inner .con_box .bot_box .info_list>li .info_box {
        gap: 30px;
    }
    .wp_wrap .greeting .flex_inner .con_box .bot_box .info_list>li {
        padding-left: 10px;
    }
    /* organ */
    .wp_wrap .organ .flex_inner .con_box .bot_box table tbody tr .num {
        padding-left: 7px;
    }
    .wp_wrap .organ .flex_inner .con_box .bot_box table tbody tr .email {
        padding-left: 7px;
    }
    .wp_wrap .organ .flex_inner .con_box .bot_box table tbody tr td {
        font-size: 11px;
    }
    .wp_wrap .organ .flex_inner .con_box .bot_box table tbody tr .name {
        font-size: 13px;
        width: 12%;
    }
    .wp_wrap .organ .flex_inner .con_box .bot_box {
        overflow-x: auto;
    }
    .wp_wrap .organ .flex_inner .con_box .bot_box .guide {
        display: block;
    }
    .wp_wrap .organ .flex_inner .con_box .bot_box .guide>p {
        font-size: 13px;
        font-family: 'Pretendard-Regular';
    }
    .wp_wrap .organ .flex_inner .con_box .bot_box table {
        width: 576px;
    }
    /* location */
    .wp_wrap .location .flex_inner .con_box .r_box {
        height: 450px;
    }
    .wp_wrap .location .flex_inner .con_box .r_box svg {
        height: 118%;
    }
    .wp_wrap .location .flex_inner .con_box .r_box {
        width: 100%;
    }
    /* partner */
    .wp_wrap .partner .con_box .bot_box .coun_list {
        grid-template-columns: repeat(1, 1fr);
    }



    /* service */
    /* air */
    .wp_wrap .air .flex_inner .txt_box .tit_box .tit {
        font-size: 25px;
    }
    .wp_wrap .air .flex_inner .txt_box .tit_box {
        margin-bottom: 20px;
    }
    .wp_wrap .air .flex_inner .txt_box .ex {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .wp_wrap .air .flex_inner .txt_box .txt_list>li>p {
        font-size: 14px;
    }
    .wp_wrap .air .flex_inner .air_slide_box .main_slider .slick-slide {
        height: 300px;
    }
    /* ocean */
    .wp_wrap .ocean .flex_inner .txt_box .tit_box .tit {
        font-size: 25px;
    }
    .wp_wrap .ocean .flex_inner .txt_box .tit_box {
        margin-bottom: 20px;
    }
    .wp_wrap .ocean .flex_inner .txt_box .ex {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .wp_wrap .ocean .flex_inner .txt_box .txt_list>li>p {
        font-size: 14px;
    }
    .wp_wrap .ocean .flex_inner .ocean_slide_box .main_slider .slick-slide {
        height: 300px;
    }
    /* one */
    .wp_wrap .one .flex_inner .txt_box .tit_box .tit {
        font-size: 25px;
    }
    .wp_wrap .one .flex_inner .txt_box .tit_box {
        margin-bottom: 20px;
    }
    .wp_wrap .one .flex_inner .txt_box .ex {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .wp_wrap .one .flex_inner .txt_box .txt_list>li>p {
        font-size: 14px;
    }
    .wp_wrap .one .flex_inner .one_slide_box .main_slider .slick-slide {
        height: 300px;
    }
    /* aog */
    .wp_wrap .aog .flex_inner .txt_box .tit_box .tit {
        font-size: 25px;
    }
    .wp_wrap .aog .flex_inner .txt_box .tit_box {
        margin-bottom: 20px;
    }
    .wp_wrap .aog .flex_inner .txt_box .ex {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .wp_wrap .aog .flex_inner .txt_box .txt_list>li>p {
        font-size: 14px;
    }
    .wp_wrap .aog .flex_inner .aog_slide_box .main_slider .slick-slide {
        height: 300px;
    }
    /* logis */
    .wp_wrap .logis .flex_inner .txt_box .tit_box .tit {
        font-size: 25px;
    }
    .wp_wrap .logis .flex_inner .txt_box .tit_box {
        margin-bottom: 20px;
    }
    .wp_wrap .logis .flex_inner .txt_box .ex {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .wp_wrap .logis .flex_inner .txt_box .txt_list>li>p {
        font-size: 14px;
    }
    .wp_wrap .logis .flex_inner .logis_slide_box .main_slider .slick-slide {
        height: 300px;
    }


    /* cargo */
    .wp_wrap .cargo .tit_box .tit {
        font-size: 25px;
    }


    /* contact */
    .wp_wrap .contact .flex_inner .form_box .form_wrap .form_flex {
        flex-direction: column;
    }
    .wp_wrap .contact .flex_inner .txt_box .tit_box .tit {
        font-size: 20px;
    }
    .wp_wrap .contact .flex_inner .txt_box .tit_box .ex {
        font-size: 16px;
    }
    .wp_wrap .contact .flex_inner .txt_box .info_list>li .info_box>a>p {
        font-size: 16px;
    }
    .wp_wrap .contact .flex_inner .txt_box .info_list>li .info_box.flex p {
        font-size: 16px;
    }
    .wp_wrap .contact .flex_inner .form_box .form_wrap .form_bottom {
        flex-direction: column;
        gap: 20px;
    }
    /**********************************************************************************************************************/
}

@media (max-width: 462px) {
    .wp_wrap .air .flex_inner .txt_box .txt_list>li .circle {
        width: 8px;
        height: 8px;
    }
    .wp_wrap .air .flex_inner .txt_box .txt_list>li {
        gap: 5px;
    }
    .wp_wrap .air .flex_inner .txt_box .txt_list>li>p {
        font-size: 13px;
    }
    .wp_wrap .ocean .flex_inner .txt_box .txt_list>li .circle {
        width: 8px;
        height: 8px;
    }
    .wp_wrap .ocean .flex_inner .txt_box .txt_list>li {
        gap: 5px;
    }
    .wp_wrap .ocean .flex_inner .txt_box .txt_list>li>p {
        font-size: 13px;
    }
    .wp_wrap .one .flex_inner .txt_box .txt_list>li .circle {
        width: 8px;
        height: 8px;
    }
    .wp_wrap .one .flex_inner .txt_box .txt_list>li {
        gap: 5px;
    }
    .wp_wrap .one .flex_inner .txt_box .txt_list>li>p {
        font-size: 13px;
    }
    .wp_wrap .aog .flex_inner .txt_box .txt_list>li .circle {
        width: 8px;
        height: 8px;
    }
    .wp_wrap .aog .flex_inner .txt_box .txt_list>li {
        gap: 5px;
    }
    .wp_wrap .aog .flex_inner .txt_box .txt_list>li>p {
        font-size: 13px;
    }
    .wp_wrap .logis .flex_inner .txt_box .txt_list>li .circle {
        width: 8px;
        height: 8px;
    }
    .wp_wrap .logis .flex_inner .txt_box .txt_list>li {
        gap: 5px;
    }
    .wp_wrap .logis .flex_inner .txt_box .txt_list>li>p {
        font-size: 13px;
    }
}


@media (max-width: 451px) {
    .wp_wrap #sub_top .top_ovly .ovly_ir {
        padding-bottom: 20px;
    }
}


@media (max-width: 430px) {
    /* 헤더 */
    /**********************************************************************************************************************/
    .wp_wrap header .h_inner .logo {
        max-width: 210px;
    }
    /**********************************************************************************************************************/

    /* 푸터 */
    /**********************************************************************************************************************/
    .wp_wrap footer .f_inner .rt .bot .f_info>li {
        font-size: 13px;
    }
    .wp_wrap footer .f_inner .rt .bot .copyright {
        font-size: 13px;
    }
    /**********************************************************************************************************************/

    /* 메인 */
    /**********************************************************************************************************************/
    .wp_wrap #m_visual .mv_inner .mv_slider .mv_slide {
        height: 550px;
    }
    .wp_wrap #m_visual .mv_inner .mv_slider .mv_slide .txt_box .txt_inner .tit {
        font-size: 23px;
    }
    .wp_wrap #m_visual .mv_inner .mv_slider .mv_slide .txt_box .txt_inner .ex .desc {
        font-size: 16px;
    }


    .wp_wrap #m_about .info .flex_box .txt_box .ex {
        font-size: 16px;
    }
    .wp_wrap #m_about .info .flex_box .txt_box .tit_box {
        font-size: 30px;
        margin-bottom: 10px;
    }
    .wp_wrap #m_about .info .flex_box .txt_box>a {
        font-size: 14px;
    }
    .wp_wrap #m_about .info .flex_box .img_box {
        height: 250px;
    }
    .wp_wrap #m_about .g_txt {
        font-size: 40px;
        top: 45%;
    }


    .wp_wrap #m_service .btn_list>li {
        height: 200px;
    }
    

    .wp_wrap #m_map .flex_box .info_box .top_box .name_box {
        margin-bottom: 10px;
    }
    /**********************************************************************************************************************/

    /* 서브 */
    /**********************************************************************************************************************/
    /* sub_main */
    .wp_wrap #sub_top .top_ovly .ovly_ir .tit_area .tit {
        max-width: 200px;
    }
    .wp_wrap #sub_top .top_ovly .ovly_ir .tit_area .tit_ko {
        font-size: 20px;
    }


    /* greeting */
    .wp_wrap .greeting .flex_inner .con_box .top_box .txt_box .ex {
        font-size: 16px;
    }
    .wp_wrap .greeting .flex_inner .con_box .bot_box .info_list>li .info_box {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }
    .wp_wrap .greeting .flex_inner .con_box .bot_box .info_list>li .info_box .txt {
        font-size: 14px;
    }
    /* location */
    .wp_wrap .location .flex_inner .con_box .r_box {
        height: 380px;
    }

    /* service */
    /* air */
    .wp_wrap .air .flex_inner .txt_box .txt_list>li .circle {
        display: none;
    }
    /* ocean */
    .wp_wrap .ocean .flex_inner .txt_box .txt_list>li .circle {
        display: none;
    }
    /* one */
    .wp_wrap .one .flex_inner .txt_box .txt_list>li .circle {
        display: none;
    }
    /* aog */
    .wp_wrap .aog .flex_inner .txt_box .txt_list>li .circle {
        display: none;
    }
    /* logis */
    .wp_wrap .logis .flex_inner .txt_box .txt_list>li .circle {
        display: none;
    }
    /**********************************************************************************************************************/
}

@media (max-width: 320px) {
    /* 헤더 */
    /**********************************************************************************************************************/
    /**********************************************************************************************************************/

    /* 푸터 */
    /**********************************************************************************************************************/
    /**********************************************************************************************************************/

    /* 메인 */
    /**********************************************************************************************************************/
    /**********************************************************************************************************************/

    /* 서브 */
    /**********************************************************************************************************************/
    /**********************************************************************************************************************/
}