@charset "utf-8";

@media (max-width: 1400px) {

    /**********************************************************************************************************************/
    /* 공통 스타일 */
    /**********************************************************************************************************************/
    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 이너사이즈 */


    /**********************************************************************************************************************/

    /**********************************************************************************************************************/
    /* 헤더영역 */
    /**********************************************************************************************************************/
    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 헤더 공통 */
    .wp_wrap header .hd_ir {
        padding-right: 50px;
        transition: 0.4s;
    }

    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 헤더 로고 */


    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 헤더 메뉴 */


    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 헤더 풀메뉴 버튼 */


    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 헤더 풀메뉴*/


    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 헤더 탑버튼*/


    /**********************************************************************************************************************/


    /**********************************************************************************************************************/
    /* 푸터영역 */
    /**********************************************************************************************************************/

    /**********************************************************************************************************************/


    /**********************************************************************************************************************/
    /* 메인영역 */
    /**********************************************************************************************************************/
    /*--------------------------------------------------------------------------------------------------------------------*/


    /**********************************************************************************************************************/


    /**********************************************************************************************************************/
    /* 서브영역 */
    /**********************************************************************************************************************/

    /**********************************************************************************************************************/

}




@media (max-width: 1300px) {

    /**********************************************************************************************************************/
    /* 공통 스타일 */
    /**********************************************************************************************************************/
    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 이너사이즈 */
    .wp_wrap .cm_inner {
        width: 100%;
        padding: 0 10px;
    }

    /**********************************************************************************************************************/

    /**********************************************************************************************************************/
    /* 헤더영역 */
    /**********************************************************************************************************************/
    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 헤더 공통 */

    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 헤더 로고 */


    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 헤더 메뉴 */


    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 헤더 풀메뉴 버튼 */
    .wp_wrap header .hd_wrap .fm_btn {
        width: 30px;
        height: 22px;
        right: 10px;
    }

    .wp_wrap header .hd_wrap .fm_btn .bar {
        height: 3px;
    }

    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 헤더 풀메뉴*/
    .wp_wrap #mdl_fm .mdl_ir .lt {
        max-width: 220px;
    }

    .wp_wrap #mdl_fm .mdl_ir .lt>.img_box>img {
        width: 80%;
    }

    .wp_wrap #mdl_fm .mdl_ir .rt {
        padding-left: 60px;
    }

    .wp_wrap #mdl_fm .mdl_ir .rt .fm_items .fm_item .fm_tit {
        font-size: 34px;
    }

    .wp_wrap #mdl_fm .mdl_ir .rt .fm_items .fm_item .fm_item_list>li>a {
        font-size: 20px;
    }

    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 헤더 탑버튼*/


    /**********************************************************************************************************************/


    /**********************************************************************************************************************/
    /* 푸터영역 */
    /**********************************************************************************************************************/

    /**********************************************************************************************************************/


    /**********************************************************************************************************************/
    /* 메인영역 */
    /**********************************************************************************************************************/
    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 메인 - 비주얼 */
    .wp_wrap #ms_visual .sec_ir .txt_box .vs_tit {
        font-size: 48px;
    }

    /**********************************************************************************************************************/


    /**********************************************************************************************************************/
    /* 서브영역 */
    /**********************************************************************************************************************/
    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 서브 - 연혁 */
    .wp_wrap #shp_hty .shp_ir .hty_cont .year_line {
        gap: 20px;
    }

    .wp_wrap #shp_hty .shp_ir .hty_cont .year_line>.lt .year_num {
        gap: 20px;
    }

    .wp_wrap #shp_hty .shp_ir .hty_cont .year_line>.lt .year_num::after {
        width: 100px;
    }

    .wp_wrap #shp_hty .shp_ir .hty_cont .year_line>.rt>li .year_cont {
        gap: 40px;
    }

    .wp_wrap #shp_hty .shp_ir .hty_cont .year_line>.rt>li .year_cont>dd .moth_fr {
        gap: 30px;
    }

    /**********************************************************************************************************************/

}



@media (max-width: 1200px) {

    /**********************************************************************************************************************/
    /* 공통 스타일 */
    /**********************************************************************************************************************/
    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 이너사이즈 */


    /**********************************************************************************************************************/

    /**********************************************************************************************************************/
    /* 헤더영역 */
    /**********************************************************************************************************************/
    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 헤더 공통 */
    .wp_wrap header .hd_ir {
        padding: 20px 0;
        justify-content: flex-start;
        transition: unset;
    }

    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 헤더 로고 */


    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 헤더 메뉴 */
    .wp_wrap header .hd_ir .main_mnu {
        display: none;
    }

    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 헤더 풀메뉴 버튼 */


    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 헤더 풀메뉴*/


    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 헤더 탑버튼*/


    /**********************************************************************************************************************/


    /**********************************************************************************************************************/
    /* 푸터영역 */
    /**********************************************************************************************************************/
    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 푸터 공통*/
    .wp_wrap footer .ft_ir {
        flex-direction: column;
        gap: 20px;
    }

    /**********************************************************************************************************************/


    /**********************************************************************************************************************/
    /* 메인영역 */
    /**********************************************************************************************************************/
    /*--------------------------------------------------------------------------------------------------------------------*/


    /**********************************************************************************************************************/


    /**********************************************************************************************************************/
    /* 서브영역 */
    /**********************************************************************************************************************/
    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 서브 - 공통 */


    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 서브 - 서브탑 */
    .wp_wrap #sub_top .sec_ir .top_tit {
        font-size: 38px;
    }

    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 서브 - 문의하기 */
    .wp_wrap #shp_iqy .sec_ir .rt .rt_ir .form_box {
        padding: 40px 30px;
        border-radius: 15px;
    }

    /**********************************************************************************************************************/

}


@media (max-width: 992px) {

    /**********************************************************************************************************************/
    /* 공통 스타일 */
    /**********************************************************************************************************************/
    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 이너사이즈 */


    /**********************************************************************************************************************/

    /**********************************************************************************************************************/
    /* 헤더영역 */
    /**********************************************************************************************************************/
    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 헤더 공통 */

    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 헤더 로고 */


    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 헤더 메뉴 */


    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 헤더 풀메뉴 버튼 */


    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 헤더 풀메뉴*/
    .wp_wrap #mdl_fm .mdl_ir .lt {
        display: none;
    }

    .wp_wrap #mdl_fm .mdl_ir .rt {
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 60px;
        padding: 0 10px;
    }

    .wp_wrap #mdl_fm .mdl_ir .rt .fm_items .fm_item .fm_item_list {
        padding: 0;
    }


    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 헤더 탑버튼*/


    /**********************************************************************************************************************/


    /**********************************************************************************************************************/
    /* 푸터영역 */
    /**********************************************************************************************************************/

    /**********************************************************************************************************************/


    /**********************************************************************************************************************/
    /* 메인영역 */
    /**********************************************************************************************************************/
    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 메인 - 비주얼 */
    .wp_wrap #ms_visual .sec_ir .txt_box .vs_tit {
        font-size: 42px;
    }


    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 메인 - 회사소개 */
    .wp_wrap #ms_ci .sec_ir .txt_cont .tit_box>.min_tit {
        font-size: 18px;
    }

    .wp_wrap #ms_ci .sec_ir .txt_cont .tit_box>.tit {
        font-size: 42px;
    }

    .wp_wrap #ms_ci .sec_ir .txt_cont .desc>.des {
        font-size: 18px;
        line-height: 24px;
    }


    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 메인 - 비즈니스소개 */
    .wp_wrap #ms_bi .sec_ir {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
    }

    .wp_wrap #ms_bi .bi_back {
        width: 100%;
    }

    .wp_wrap #ms_bi .sec_ir .lt .bi_sd_box {
        height: unset;
    }

    .wp_wrap #ms_bi .sec_ir .lt .bi_sd_box .bi_sd_items {
        max-width: unset;
    }

    .wp_wrap #ms_bi .sec_ir .rt {
        padding: 0;
    }

    .wp_wrap #ms_bi .sec_ir .rt .bi_dot_btn>li {
        min-width: 30px;
        width: 30px;
        height: 30px;
        color: #fff;
        font-size: 12px;
        background-color: #5a9fe4;
    }

    .wp_wrap #ms_bi .sec_ir .rt .bi_dot_btn>li:hover {
        color: #333;
        background-color: #fff;
    }

    .wp_wrap #ms_bi .sec_ir .rt .sd_txt_box .txt_box .tit {
        color: #fff;
        font-size: 42px;
    }

    .wp_wrap #ms_bi .sec_ir .rt .sd_txt_box .txt_box .des {
        color: #fff;
        font-size: 18px;
    }

    .wp_wrap #ms_bi .sec_ir .rt .sd_txt_box .txt_box .btn_box>.btn_more {
        max-width: 150px;
        width: 100%;
        height: 40px;
        gap: 5px;
        color: #00458C;
        font-size: 13px;
        font-family: var(--font-prem);
        background-color: #fff;
        transition: 0.4s;
    }

    .wp_wrap #ms_bi .sec_ir .rt .sd_txt_box .txt_box .btn_box>.btn_more:hover {
        background-color: #ddd;
    }

    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 메인 - 파트너스 */
    .wp_wrap #ms_pt .sec_ir .txt_cont {
        gap: 90px;
    }

    .wp_wrap #ms_pt .sec_ir .txt_cont>.tit_box .ctg_txt {
        font-size: 18px;
    }

    .wp_wrap #ms_pt .sec_ir .txt_cont>.tit_box .tit {
        font-size: 42px;
    }

    .wp_wrap #ms_pt .sec_ir .txt_cont>.ctt_items>.ctt_item .ctt_tit {
        font-size: 18px;
    }

    .wp_wrap #ms_pt .sec_ir .txt_cont>.ctt_items>.ctt_item .ctt_num {
        font-size: 62px;
    }

    /**********************************************************************************************************************/


    /**********************************************************************************************************************/
    /* 서브영역 */
    /**********************************************************************************************************************/
    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 서브 - 공통 */
    .wp_wrap #shp_grt .shp_ir,
    .wp_wrap #shp_hty .shp_ir,
    .wp_wrap #shp_ci .shp_ir,
    .wp_wrap #shp_bn01 .shp_ir,
    .wp_wrap #shp_pts .shp_ir,
    .wp_wrap .ms_contain .sec_ir {
        padding: 90px 0;
    }

    .wp_wrap #shp_ci .shp_ir .tit_box>.tit,
    .wp_wrap #shp_iqy .sec_ir .lt .txt_box .tit,
    .wp_wrap #shp_pts .shp_ir .tit_box>.tit,
    .wp_wrap #shp_grt .shp_ir .grt_top>.tit,
    .wp_wrap #shp_bn01 .shp_ir .tit_box>.tit,
    .wp_wrap #shp_hty .shp_ir .tit_box>.tit {
        font-size: 38px;
    }

    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 서브 - 서브탑 */
    .wp_wrap #sub_top .img_box {
        height: 400px;
    }

    .wp_wrap #sub_top .sec_ir {
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-start;
        gap: 20px;
        padding-bottom: 20px;
    }

    .wp_wrap #sub_top .sec_ir .util_mnu_box {
        width: 100%;
        flex-grow: unset;
    }


    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 서브 - 인사말 */
    .wp_wrap #shp_grt .shp_ir .grt_top .grt_cont>.img_box {
        height: 420px;
    }


    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 서브 - 연혁 */
    .wp_wrap #shp_hty .shp_ir .hty_cont {
        gap: 40px;
    }

    .wp_wrap #shp_hty .shp_ir .hty_cont .year_line {
        flex-direction: column;
    }

    .wp_wrap #shp_hty .shp_ir .hty_cont .year_line>.rt>li::before {
        display: none;
    }

    .wp_wrap #shp_hty .shp_ir .hty_cont .year_line>.lt .year_num::after {
        display: none;
    }

    .wp_wrap #shp_hty .shp_ir .hty_cont .year_line>.lt .year_num {
        font-size: 34px;
    }

    .wp_wrap #shp_hty .shp_ir .hty_cont .year_line>.rt>li .year_cont {
        gap: 20px;
    }

    .wp_wrap #shp_hty .shp_ir .hty_cont .year_line>.rt>li {
        padding: unset;
    }

    .wp_wrap #shp_hty .shp_ir .hty_cont .year_line>.rt>li .year_cont>dt .txt {
        font-size: 18px;
    }

    .wp_wrap #shp_hty .shp_ir .hty_cont .year_line>.rt>li .year_cont>dd .moth_fr {
        gap: 15px;
    }

    .wp_wrap #shp_hty .shp_ir .hty_cont .year_line>.rt>li .year_cont>dd .moth_fr .month_tit {
        font-size: 18px;
    }

    .wp_wrap #shp_hty .shp_ir .hty_cont .year_line>.rt>li .year_cont>dd .moth_fr .month_des {
        font-size: 18px;
    }

    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 서브 - 회사정보 */
    .wp_wrap #shp_ci .shp_ir .ci_cont .of_line .tit {
        font-size: 28px;
    }

    .wp_wrap #shp_ci .shp_ir .ci_cont .of_line .map_box .txt_box>.txt {
        font-size: 18px;
    }

    .wp_wrap #shp_ci .shp_ir .ci_cont .of_line .tel_list>li>.tel_num {
        font-size: 18px;
    }

    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 서브 - 비즈니스 */
    .wp_wrap #shp_bn01 .shp_ir .bn_cont .img_box {
        height: 350px;
    }

    .wp_wrap #shp_bn01 .shp_ir .bn_cont .txt_items .txt_item .txt_box .tit {
        font-size: 28px;
    }

    .wp_wrap #shp_bn01 .shp_ir .bn_cont .txt_items .txt_item .txt_box .des {
        font-size: 18px;
        line-height: 26px;
    }

    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 서브 - 파트너스 */
    .wp_wrap #shp_pts .shp_ir .pts_cont>.txt_list {
        column-gap: 20px;
        row-gap: 40px;
    }


    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 서브 - 문의하기 */
    .wp_wrap #shp_iqy .sec_ir .lt .iqy_info>li>a>.ico_box {
        width: 35px;
        height: 35px;
    }

    .wp_wrap #shp_iqy .sec_ir .lt .iqy_info>li>a>.ico_box>img {
        width: 16px;
        height: 16px;
    }

    .wp_wrap #shp_iqy .sec_ir .lt .txt_box .des {
        font-size: 18px;
    }

    .wp_wrap #shp_iqy .sec_ir .lt .iqy_info>li>a {
        font-size: 24px;
    }

    /**********************************************************************************************************************/

}


@media (max-width: 768px) {

    /**********************************************************************************************************************/
    /* 공통 스타일 */
    /**********************************************************************************************************************/
    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 이너사이즈 */



    /**********************************************************************************************************************/

    /**********************************************************************************************************************/
    /* 헤더영역 */
    /**********************************************************************************************************************/
    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 헤더 공통 */

    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 헤더 로고 */


    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 헤더 메뉴 */


    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 헤더 풀메뉴 버튼 */


    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 헤더 풀메뉴*/
    .wp_wrap #mdl_fm .mdl_ir .rt .fm_items .fm_item .fm_tit {
        font-size: 26px;
    }

    .wp_wrap #mdl_fm .mdl_ir .rt .fm_items .fm_item .fm_item_list>li>a {
        font-size: 18px;
    }

    .wp_wrap #mdl_fm .mdl_ir .rt .fm_items .fm_item .fm_item_list {
        gap: 40px;
    }

    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 헤더 탑버튼*/


    /**********************************************************************************************************************/


    /**********************************************************************************************************************/
    /* 푸터영역 */
    /**********************************************************************************************************************/
    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 푸터 공통*/
    .wp_wrap footer .ft_ir {
        padding: 30px 0;
    }

    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 푸터 로고*/
    .wp_wrap footer .ft_ir .lt .ft_logo {
        max-width: 180px;
    }

    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 푸터 정보*/
    .wp_wrap footer .ft_ir .rt .ft_info>li:first-child .info_list {
        flex-direction: column;
        align-items: flex-start;
    }

    .wp_wrap footer .ft_ir .rt .ft_info>li:first-child .info_list>li:after {
        display: none;
    }

    .wp_wrap footer .ft_ir .rt .ft_info>li .info_list>li>.txt {
        font-size: 13px;
    }


    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 푸터 카피라이트*/
    .wp_wrap footer .ft_ir .rt .copy>a,
    .wp_wrap footer .ft_ir .rt .copy {
        font-size: 13px;
    }

    /**********************************************************************************************************************/


    /**********************************************************************************************************************/
    /* 메인영역 */
    /**********************************************************************************************************************/
    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 메인 - 비주얼 */
    .wp_wrap #ms_visual .sec_ir .txt_box .vs_tit {
        font-size: 36px;
    }


    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 메인 - 비즈니스 */
    .wp_wrap #ms_bi .sec_ir .rt .sd_txt_box .txt_box .tit {
        font-size: 34px;
    }

    .wp_wrap #ms_bi .sec_ir .rt .sd_txt_box .txt_box .des {
        font-size: 16px;
    }


    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 메인 - 파트너스 */
    .wp_wrap #ms_pt .sec_ir .txt_cont {
        padding-top: 80px;
        gap: 60px;
    }

    .wp_wrap #ms_pt .sec_ir .txt_cont>.ctt_items>.ctt_item .ctt_tit {
        font-size: 16px;
    }

    .wp_wrap #ms_pt .sec_ir .txt_cont>.ctt_items>.ctt_item .ctt_num {
        font-size: 46px;
    }

    /**********************************************************************************************************************/


    /**********************************************************************************************************************/
    /* 서브영역 */
    /**********************************************************************************************************************/
    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 서브 - 공통 */
    .wp_wrap #shp_grt .shp_ir,
    .wp_wrap #shp_hty .shp_ir,
    .wp_wrap #shp_ci .shp_ir,
    .wp_wrap #shp_bn01 .shp_ir,
    .wp_wrap #shp_pts .shp_ir,
    .wp_wrap .ms_contain .sec_ir {
        padding: 60px 0;
    }

    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 서브 - 서브탑 */
    .wp_wrap #sub_top .img_box {
        height: 350px;
    }

    .wp_wrap #sub_top .sec_ir .top_tit {
        font-size: 32px;
    }


    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 서브 - 인사말 */
    .wp_wrap #shp_grt .shp_ir {
        gap: 40px;
    }

    .wp_wrap #shp_grt .shp_ir .grt_top .grt_cont>.img_box {
        height: 360px;
    }

    .wp_wrap #shp_grt .shp_ir .grt_top .grt_cont>.txt_box>.des {
        font-size: 18px;
        line-height: 24px;
    }

    .wp_wrap #shp_grt .shp_ir .grt_bot {
        gap: 20px;
    }

    .wp_wrap #shp_grt .shp_ir .grt_bot>.tit {
        font-size: 24px;
    }

    .wp_wrap #shp_grt .shp_ir .grt_bot>.grt_cont .img_list>li>.img_box {
        height: 250px;
    }

    .wp_wrap #shp_grt .shp_ir .grt_bot>.grt_cont .img_list>li>.txt_ovly>.txt {
        font-size: 18px;
    }

    .wp_wrap #shp_grt .shp_ir .grt_bot>.grt_cont .txt_box .desc {
        gap: 20px;
    }

    .wp_wrap #shp_grt .shp_ir .grt_bot>.grt_cont .txt_box .desc>.des {
        font-size: 18px;
        line-height: 24px;
    }

    .wp_wrap #shp_grt .shp_ir .grt_bot>.grt_cont .txt_box>.name_box>.sub_name {
        font-size: 18px;
    }

    .wp_wrap #shp_grt .shp_ir .grt_bot>.grt_cont .txt_box>.name_box>.main_name {
        font-size: 20px;
    }

    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 서브 - 회사정보 */
    .wp_wrap #shp_ci .shp_ir .ci_cont .of_line .tit {
        font-size: 22px;
    }

    .wp_wrap #shp_ci .shp_ir .ci_cont .of_line .map_box .txt_box>.txt {
        font-size: 16px;
    }

    .wp_wrap #shp_ci .shp_ir .ci_cont .of_line .tel_list {
        gap: 30px;
    }

    .wp_wrap #shp_ci .shp_ir .ci_cont .of_line .hour_box .hour_tit>.txt {
        font-size: 18px;
    }

    .wp_wrap #shp_ci .shp_ir .ci_cont .of_line .hour_box .hour_info>li>.txt {
        font-size: 16px;
    }

    .wp_wrap #shp_ci .shp_ir .ci_cont .of_line .map_box .img_box>iframe {
        height: 350px;
    }

    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 서브 - 비즈니스 */
    .wp_wrap #shp_bn01 .shp_ir .bn_cont {
        gap: 30px;
    }

    .wp_wrap #shp_bn01 .shp_ir .bn_cont .img_box {
        height: 300px;
    }

    .wp_wrap #shp_bn01 .shp_ir .bn_cont .txt_items .txt_item {
        gap: 15px;
    }

    .wp_wrap #shp_bn01 .shp_ir .bn_cont .txt_items .txt_item .ico_box>img {
        min-width: 40px;
        width: 40px;
        height: 40px;
    }

    .wp_wrap #shp_bn01 .shp_ir .bn_cont .txt_items .txt_item .ico_box::after {
        display: none;
    }

    .wp_wrap #shp_bn01 .shp_ir .bn_cont .txt_items .txt_item .txt_box {
        margin-bottom: 20px;
        align-items: center;
    }

    .wp_wrap #shp_bn01 .shp_ir .bn_cont .txt_items .txt_item .txt_box .tit {
        font-size: 22px;
        text-align: center;
    }

    .wp_wrap #shp_bn01 .shp_ir .bn_cont .txt_items .txt_item .txt_box .des {
        font-size: 14px;
        line-height: 22px;
        text-align: center;
    }

    .wp_wrap #shp_bn01 .shp_ir .bn_cont .txt_items .txt_item .txt_box .dot_list>li>.txt {
        gap: 5px;
        font-size: 16px;
        line-height: 22px;
    }


    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 서브 - 파트너스 */
    .wp_wrap #shp_pts .shp_ir .pts_cont>.txt_list {
        column-gap: 20px;
        row-gap: 40px;
    }

    .wp_wrap #shp_pts .shp_ir .pts_cont>.txt_list>li .list_tit {
        font-size: 18px;
    }

    .wp_wrap #shp_pts .shp_ir .pts_cont>.txt_list>li .sub_txt_list>li .txt {
        font-size: 16px;
    }



    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 서브 - 문의하기 */
    .wp_wrap #shp_iqy .sec_ir .lt {
        gap: 40px;
    }


    /**********************************************************************************************************************/

}


@media (max-width: 576px) {

    /**********************************************************************************************************************/
    /* 공통 스타일 */
    /**********************************************************************************************************************/
    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 이너사이즈 */


    /**********************************************************************************************************************/

    /**********************************************************************************************************************/
    /* 헤더영역 */
    /**********************************************************************************************************************/
    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 헤더 공통 */

    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 헤더 로고 */
    .wp_wrap header .hd_ir .logo>a>img {
        max-width: 165px;
    }

    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 헤더 메뉴 */


    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 헤더 풀메뉴 버튼 */


    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 헤더 풀메뉴*/
    .wp_wrap #mdl_fm .mdl_ir .rt .fm_items {
        gap: 30px;
    }

    .wp_wrap #mdl_fm .mdl_ir .rt .fm_items .fm_item .fm_tit {
        font-size: 22px;
    }

    .wp_wrap #mdl_fm .mdl_ir .rt .fm_items .fm_item .fm_item_list {
        gap: 25px;
        row-gap: 10px;
    }

    .wp_wrap #mdl_fm .mdl_ir .rt .fm_items .fm_item .fm_item_list>li>a {
        font-size: 16px;
    }

    .wp_wrap #mdl_fm .mdl_ir .rt .fm_items .fm_item .fm_item_list {
        gap: 25px;
    }

    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 헤더 탑버튼*/


    /**********************************************************************************************************************/


    /**********************************************************************************************************************/
    /* 푸터영역 */
    /**********************************************************************************************************************/
    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 푸터 공통*/
    .wp_wrap footer .ft_ir {
        justify-content: center;
        align-items: center;
    }

    .wp_wrap footer .ft_ir .rt {
        align-items: center;
    }

    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 푸터 로고*/
    .wp_wrap footer .ft_ir .lt .ft_logo {
        max-width: 180px;
    }

    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 푸터 정보*/
    .wp_wrap footer .ft_ir .rt .ft_info>li:first-child .info_list {
        align-items: center;
        text-align: center;
    }

    .wp_wrap footer .ft_ir .rt .ft_info>li .info_list {
        justify-content: center;
        align-items: center;
    }

    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 푸터 카피라이트*/
    .wp_wrap footer .ft_ir .rt .copy>a,
    .wp_wrap footer .ft_ir .rt .copy {
        justify-content: center;
        text-align: center;
    }

    /**********************************************************************************************************************/


    /**********************************************************************************************************************/
    /* 메인영역 */
    /**********************************************************************************************************************/
    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 메인 - 비주얼 */
    .wp_wrap #ms_visual .img_box {
        height: 70vh;
    }

    .wp_wrap #ms_visual .sec_ir .txt_box .vs_tit {
        font-size: 32px;
    }


    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 메인 - 회사소개 */
    .wp_wrap #ms_ci .sec_ir .txt_cont {
        gap: 20px;
    }

    .wp_wrap #ms_ci .sec_ir .txt_cont .tit_box>.min_tit {
        font-size: 14px;
    }

    .wp_wrap #ms_ci .sec_ir .txt_cont .tit_box>.tit {
        font-size: 26px;
    }

    .wp_wrap #ms_ci .sec_ir .txt_cont .desc>.des {
        font-size: 16px;
        line-height: 22px;
    }

    .wp_wrap #ms_ci .sec_ir .txt_cont .desc>.des>br {
        display: none;
    }

    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 메인 - 비즈니스 */
    .wp_wrap #ms_bi .sec_ir .lt .bi_sd_box .bi_sd_items .bi_sd_item {
        height: 250px;
    }

    .wp_wrap #ms_bi .sec_ir .rt .sd_txt_box .txt_box .tit {
        font-size: 22px;
    }

    .wp_wrap #ms_bi .sec_ir .rt .sd_txt_box .txt_box .des {
        font-size: 14px;
    }

    .wp_wrap #ms_bi .sec_ir .rt .sd_txt_box .txt_box .des>br {
        display: none;
    }

    /**********************************************************************************************************************/


    /**********************************************************************************************************************/
    /* 서브영역 */
    /**********************************************************************************************************************/
    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 서브 - 공통 */
    .wp_wrap #shp_hty .shp_ir .tit_box>.tit,
    .wp_wrap #shp_ci .shp_ir .tit_box>.tit,
    .wp_wrap #shp_iqy .sec_ir .lt .txt_box .tit,
    .wp_wrap #shp_pts .shp_ir .tit_box>.tit,
    .wp_wrap #shp_bn01 .shp_ir .tit_box>.tit,
    .wp_wrap #shp_grt .shp_ir .grt_top>.tit {
        font-size: 28px;
    }

    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 서브 - 서브탑 */
    .wp_wrap #sub_top .img_box {
        height: 280px;
    }

    .wp_wrap #sub_top .sec_ir .top_tit {
        font-size: 26px;
    }



    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 서브 - 인사말 */
    .wp_wrap #shp_grt .shp_ir {
        gap: 30px;
    }

    .wp_wrap #shp_grt .shp_ir .grt_top .grt_cont>.img_box {
        height: 260px;
    }

    .wp_wrap #shp_grt .shp_ir .grt_top .grt_cont>.img_box>img.flag_tit {
        max-width: 140px;
        bottom: 10px;
        right: 10px;
    }

    .wp_wrap #shp_grt .shp_ir .grt_top .grt_cont>.txt_box>.des {
        font-size: 16px;
        line-height: 22px;
    }

    .wp_wrap #shp_grt .shp_ir .grt_bot>.tit {
        font-size: 22px;
    }

    .wp_wrap #shp_grt .shp_ir .grt_bot>.grt_cont .img_list>li>.img_box {
        height: 200px;
    }

    .wp_wrap #shp_grt .shp_ir .grt_bot>.grt_cont .img_list>li>.txt_ovly>.txt {
        font-size: 16px;
    }

    .wp_wrap #shp_grt .shp_ir .grt_bot>.grt_cont .txt_box .desc {
        gap: 15px;
    }

    .wp_wrap #shp_grt .shp_ir .grt_bot>.grt_cont .txt_box .desc>.des {
        font-size: 16px;
        line-height: 22px;
    }

    .wp_wrap #shp_grt .shp_ir .grt_bot>.grt_cont .txt_box>.name_box>.sub_name {
        font-size: 16px;
    }

    .wp_wrap #shp_grt .shp_ir .grt_bot>.grt_cont .txt_box>.name_box>.main_name {
        font-size: 18px;
    }


    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 서브 - 연혁 */
    .wp_wrap #shp_hty .shp_ir .hty_cont .year_line>.rt>li .year_cont {
        flex-direction: column;
    }


    .wp_wrap #shp_hty .shp_ir .hty_cont .year_line>.lt .year_num {
        font-size: 24px;
    }
    .wp_wrap #shp_hty .shp_ir .hty_cont .year_line >.rt>li .year_cont>dt .txt{
        font-size: 16px;
        gap:10px;
    }
    .wp_wrap #shp_hty .shp_ir .hty_cont .year_line>.rt>li .year_cont>dd {
        padding-left: 15px;
    }
    .wp_wrap #shp_hty .shp_ir .hty_cont .year_line>.rt>li .year_cont>dd .moth_fr{
        gap:10px;
    }
    .wp_wrap #shp_hty .shp_ir .hty_cont .year_line>.rt>li .year_cont>dd .moth_fr .month_tit{
        font-size: 16px;
    }

    .wp_wrap #shp_hty .shp_ir .hty_cont .year_line>.rt>li .year_cont>dd .moth_fr .month_des {
        font-size: 14px;
        line-height: 20px;
    }

    .wp_wrap #shp_hty .shp_ir .hty_cont .year_line>.rt>li .year_cont>dd .moth_fr .month_des>br {
        display: none;
    }


    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 서브 - 회사정보 */
    .wp_wrap #shp_ci .shp_ir .ci_cont .of_line .tel_list {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .wp_wrap #shp_ci .shp_ir .ci_cont .of_line {
        padding: 20px 0;
    }

    .wp_wrap #shp_ci .shp_ir .ci_cont .of_line .tel_list>li {
        min-width: 140px;
    }

    .wp_wrap #shp_ci .shp_ir .ci_cont .of_line .tel_list>li>.tel_num {
        font-size: 16px;
    }

    .wp_wrap #shp_ci .shp_ir .ci_cont .of_line .hour_box .hour_info {
        padding: 0;
    }

    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 서브 - 비즈니스 */
    .wp_wrap #shp_bn01 .shp_ir {
        gap: 20px;
    }

    .wp_wrap #shp_bn01 .shp_ir .bn_cont .img_box {
        height: 260px;
    }

    .wp_wrap #shp_bn01 .shp_ir .bn_cont .txt_items .txt_item {
        flex-direction: column;
    }

    .wp_wrap #shp_bn01 .shp_ir .bn_cont .txt_items .txt_item .txt_box .dot_list>li>.txt {
        font-size: 13px;
    }

    .wp_wrap #shp_bn01 .shp_ir .bn_cont .txt_items .txt_item .txt_box .dot_list>li>.txt::before {
        min-width: 4px;
        width: 4px;
        height: 4px;
        margin-top: 10px;
    }

    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 서브 - 파트너스 */
    .wp_wrap #shp_pts .shp_ir .pts_cont>.txt_list {
        column-gap: 10px;
        row-gap: 30px;
    }

    .wp_wrap #shp_pts .shp_ir .pts_cont>.txt_list>li {
        gap: 10px;
    }

    .wp_wrap #shp_pts .shp_ir .pts_cont>.txt_list>li .sub_txt_list {
        gap: 2px;
    }

    .wp_wrap #shp_pts .shp_ir .pts_cont>.txt_list>li .list_tit {
        font-size: 15px;
    }

    .wp_wrap #shp_pts .shp_ir .pts_cont>.txt_list>li .sub_txt_list>li .txt {
        font-size: 14px;
    }

    .wp_wrap #ms_pt .sec_ir .txt_cont>.tit_box .tit {
        font-size: 28px;
    }

    .wp_wrap #ms_pt .sec_ir .pt_map {
        height: 50vh;
    }

    .wp_wrap #ms_pt .sec_ir .txt_cont {
        padding-top: 60px;
        gap: 30px
    }

    .wp_wrap #ms_pt .sec_ir .txt_cont>.ctt_items {
        flex-wrap: wrap;
    }

    .wp_wrap #ms_pt .sec_ir .txt_cont>.ctt_items>.ctt_item {
        width: 30%;
        gap: 10px
    }


    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 서브 - 문의하기 */
    .wp_wrap #shp_iqy .sec_ir .lt {
        gap: 40px;
    }

    .wp_wrap #shp_iqy .sec_ir .lt .txt_box .des {
        font-size: 16px;
    }

    .wp_wrap #shp_iqy .sec_ir .lt .iqy_info>li>a {
        font-size: 20px;
    }

    .wp_wrap #shp_iqy .sec_ir .lt .iqy_info>li>a>.ico_box {
        width: 30px;
        height: 30px;
    }

    .wp_wrap #shp_iqy .sec_ir .lt .iqy_info>li>a>.ico_box>img {
        width: 13px;
        height: 13px;
    }

    .wp_wrap #shp_iqy .sec_ir .rt .rt_ir .form_box {
        padding: 30px 20px;
        border-radius: 10px;
    }

    .wp_wrap #shp_iqy .sec_ir .rt .rt_ir .form_box .inp_line>dt>.txt {
        font-size: 14px;
    }

    .wp_wrap #shp_iqy .sec_ir .rt .rt_ir .form_box .inp_line>dd>.inp_box>input[type=text] {
        height: 40px;
    }

    .wp_wrap #shp_iqy .sec_ir .rt .rt_ir .form_box .agr_box>.agr_txt {
        font-size: 14px;
    }

    .wp_wrap #shp_iqy .sec_ir .rt .rt_ir .form_box .btn_box>.btn_smt {
        max-width: 160px;
        height: 45px;
        font-size: 16px;
    }

    .wp_wrap #mdl_agr .mdl_ir {
        gap: 15px;
    }

    .wp_wrap #mdl_agr .mdl_ir .agr_hd>.tit {
        font-size: 18px;
    }

    .wp_wrap #mdl_agr .mdl_ir .agr_bd .pvc_txt {
        padding: 10px;
        font-size: 14px;
    }

    .wp_wrap #mdl_agr .mdl_ir .agr_ft .agr_btn {
        height: 40px;
    }

    /**********************************************************************************************************************/

}

@media (max-width: 420px) {

    /**********************************************************************************************************************/
    /* 공통 스타일 */
    /**********************************************************************************************************************/
    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 이너사이즈 */


    /**********************************************************************************************************************/

    /**********************************************************************************************************************/
    /* 헤더영역 */
    /**********************************************************************************************************************/
    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 헤더 공통 */

    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 헤더 로고 */


    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 헤더 메뉴 */


    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 헤더 풀메뉴 버튼 */


    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 헤더 풀메뉴*/


    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 헤더 탑버튼*/


    /**********************************************************************************************************************/


    /**********************************************************************************************************************/
    /* 푸터영역 */
    /**********************************************************************************************************************/

    /**********************************************************************************************************************/


    /**********************************************************************************************************************/
    /* 메인영역 */
    /**********************************************************************************************************************/
    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 메인 - 비주얼 */
    .wp_wrap #ms_visual .sec_ir .txt_box .vs_tit {
        font-size: 24px;
    }

    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 메인 - 회사소개 */
    .wp_wrap #ms_ci .sec_ir .txt_cont .desc>.des {
        font-size: 14px;
        line-height: 20px;
    }

    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 메인 - 파트너스 */
    .wp_wrap #ms_pt .sec_ir .txt_cont>.ctt_items>.ctt_item {
        width: 44%;
    }

    /**********************************************************************************************************************/


    /**********************************************************************************************************************/
    /* 서브영역 */
    /**********************************************************************************************************************/
    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 서브 - 서브탑 */
    .wp_wrap #sub_top .sec_ir .util_mnu_box>.util_mnu .util_tit{
        font-size: 11px;
    }
    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 서브 - 회사정보 */
    .wp_wrap #shp_ci .shp_ir .ci_cont .of_line .map_box .img_box>iframe {
        height: 300px;
    }

    .wp_wrap #shp_ci .shp_ir .ci_cont .of_line .tit {
        font-size: 20px;
    }

    .wp_wrap #shp_ci .shp_ir .ci_cont .of_line .map_box .txt_box>.txt {
        font-size: 14px;
    }

    .wp_wrap #shp_ci .shp_ir .ci_cont .of_line .tel_list>li {
        min-width: 120px;
    }

    .wp_wrap #shp_ci .shp_ir .ci_cont .of_line .tel_list>li>.tel_num {
        font-size: 14px;
    }

    .wp_wrap #shp_ci .shp_ir .ci_cont .of_line .hour_box .hour_tit>.txt {
        font-size: 16px;
    }

    .wp_wrap #shp_ci .shp_ir .ci_cont .of_line .hour_box .hour_info>li>.txt {
        font-size: 14px;
    }


    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 서브 - 비즈니스 */

    /**********************************************************************************************************************/


}