/**
 * Created by PhpStorm.
 * Date         : 2021-11-12
 * Developer    : SeHwan Hwang
 * Description  : wp_responsive.css
 * ⓒ 2021. WebPlanet Co. All Rights Reserved.
 */

@charset "utf-8";

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

@media (max-width: 1600px) {
/**********************************************************************************************************************/
/* 메인 */
/**********************************************************************************************************************/
    /*메인 arrow*/
    .wp_wrap .main_visual .main_slider figure .slide_inner{
        left: 50%;
        text-align: center;
    }
    
    /* 메인 font */
    .wp_wrap .main_visual .main_slider figure .slide_inner .slide_sub{
        font-size: 20px;
    }
    .wp_wrap .main_visual .main_slider figure .slide_inner .slide_tit{
        font-size: 80px;
    }
    .wp_wrap .main_visual .main_slider figure .slide_inner span{
        font-size: 17px;
    }

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

}

@media (max-width: 1400px) {
/**********************************************************************************************************************/
/* 메인 */
/**********************************************************************************************************************/
    /* 메인 font */
    .wp_wrap .main_visual .main_slider figure .slide_inner .slide_sub{
        font-size: 18px;
    }
    .wp_wrap .main_visual .main_slider figure .slide_inner .slide_tit{
        font-size: 60px;
        margin-bottom: 25px;
    }
    .wp_wrap .main_visual .main_slider figure .slide_inner span{
        font-size: 25px;
    }

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

    

}


@media (max-width: 1200px) {
/**********************************************************************************************************************/
/* 메인 */
/**********************************************************************************************************************/

.wp_wrap .main_visual .main_slider figure .slide_inner .slide_tit {
    font-size: 50px;
}
.wp_wrap .sec02 .img_box {
    top: -70px;
}


    /*COMPANY INFO*/
    .wp_wrap .sec03 .cm_sec_title,
    .wp_wrap .sec03 .cm_sec_sub_title{
        text-align: left;
    }

    .wp_wrap .sec03 .cm_container .info_img .img_itm .shadow{
        bottom: 0;
    }

    .wp_wrap .sec03 .cm_container .info_img .img_itm .shadow .tit{
        font-size: 21px;
        font-weight: 700;
        margin-bottom: 17px;
    }
    .wp_wrap .sec03 .cm_container .info_img .img_itm .shadow .desc{
        font-size: 15px;
        margin-bottom: 30px;
    }
    .wp_wrap .sec03 .cm_container .info_img .img_itm .shadow a{
        border: 1px solid #fff;
        color: #fff;
        padding: 8px 30px;
        font-weight: 400;
        font-size: 13px;
    }

    .wp_wrap .sec02 .cm_container .info_img .img_itm>p {
        font-size: 18px;
    }

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

    /* 서브공통 */

    .wp_wrap .cm_sub_tit{
        font-size: 35px;
        margin-bottom: 40px;
    }
    .wp_wrap .cm_sub_tit::before{
        top: -20px;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 60px;
        height: 4px;
        background: #FD7623;
    }

    /* 서브01 */
    .wp_wrap .sub01_sec01 .sec01_left h4{
        font-size: 24px;
        margin-bottom: 30px;
    }
    .wp_wrap .sub01_sec01 .sec01_left p{
        font-size: 17px;
    }
    /* .wp_wrap .sub01_sec01 .sec01_left p span{
        font-size: 23px;
    } */

    /* 서브02 */
    
    .wp_wrap .sub02_sec01 figure .inner_txt .vision_tit{
        font-size: 40px;
        font-weight: 900;
        margin-bottom: 30px;
    }
    .wp_wrap .sub02_sec01 figure .inner_txt .vision_desc{
        font-size: 20px;
        line-height: 30px;
    }

    /* inquiry */
    .wp_wrap .sub03_sec01 .shp02_wrap {
        border-radius: 0;
    }


    .wp_wrap .sec02 .img_box {
        width: 90%;
        top: -82px;
    }

}


@media (max-width: 992px) {

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

.wp_wrap .mo_nav .mo_logo_box img{
        width: 250px;
    }

    .wp_wrap header .mo_nav{
        display: block;
        position: fixed;
        top: 0;
        left: -100%;
        width: calc(100% - 100px);
        height: 100vh;
        background: #fff;
        border-right: 1px solid #dadada;
        margin-right: auto;
        z-index: 9999;
        padding: 100px 0 0 0;
        transition: 0.5s;
        line-height: 20px;
    }

    .wp_wrap header .mo_nav.on { 
        left: 0;
    }

    .wp_wrap header .mo_nav .mo_gnb { 
        display: flex; 
        flex-direction: column; 
        width: auto; 
        margin: 0 auto; 
    } 

    .wp_wrap header .mo_nav .mo_gnb>li:first-child{
        border-top: 1px solid #ddd;
    }
    .wp_wrap header .mo_nav .mo_gnb>li{
        position: relative;
        flex: 1;
        border-bottom: 1px solid #ddd;
    }

    .wp_wrap header .mo_nav .mo_gnb>li>a{
        display: block;
        color: #333;
        padding: 20px;
    }

    .wp_wrap header .mo_gnb .mo_smenu {
        position: relative;
        top: 0;
        padding: 0;
        background: #f8f8f8;
        font-size: 15px;
        display: none;
    }
    .wp_wrap header .mo_gnb .mo_m_itm {
        position: relative;
        font-size: 18px;
        font-family: var(--font-pre600);
        text-align: center;
    }

    .wp_wrap header .mo_gnb .mo_smenu>li>a{
        display: inline-block;
        padding: 20px 0;
        font-size: 17px;
    }

    .wp_wrap .header .cm_container .gnb{
        display: none;
    }

    .wp_wrap .header .cm_container .m_open {
        display: block;
        padding: 5px;
        border-radius: 5px;
        font-size: 23px;
        z-index: 999;
    }

    .wp_wrap .header .cm_container .m_open i{
        padding: 5px;
        border-radius: 5px;
        background: #f1f1f1;
    }
/* 메인 */
/**********************************************************************************************************************/
.wp_wrap .main_visual .ar_left {
    display: none;
}
.wp_wrap .main_visual .ar_right {
    display: none;
}
.wp_wrap .sec02 .img_box {
    top: -69px;
}
.wp_wrap #shp_counsel01 .shp_ir {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 50px;
}
.wp_wrap #shp_counsel01 .shp_ir .lt {
    margin-top: 0;
}
/**********************************************************************************************************************/
/* 서브 */
/**********************************************************************************************************************/
    /* 서브메뉴 */
    .wp_wrap .sub_main {
        padding-top: 80px;
    }
    .wp_wrap .sub_main figure{
        height: 35vh;
    }

    .wp_wrap .sub_main figure .txt .tit {
        font-size: 40px;
    }
    .wp_wrap .sub_main figure .txt .min_tit {
        font-size: 18px;
    }

    .wp_wrap .sub_main02 {
        padding-top: 80px;
    }
    .wp_wrap .sub_main02 figure{
        height: 35vh;
    }

    .wp_wrap .sub_main02 figure .txt .tit {
        font-size: 40px;
    }
    .wp_wrap .sub_main02 figure .txt .min_tit {
        font-size: 18px;
    }

    .wp_wrap .sub_main03 {
        padding-top: 80px;
    }
    .wp_wrap .sub_main03 figure{
        height: 35vh;
    }

    .wp_wrap .sub_main03 figure .txt .tit {
        font-size: 40px;
    }
    .wp_wrap .sub_main03 figure .txt .min_tit {
        font-size: 18px;
    }

    .wp_wrap .sub_menu ul li {
        margin-top: 0;
        width: 100%;
    }

    .wp_wrap .sub01_sec01 .cm_container .sec01_left p {
        padding-left: 20px;
        font-size: 25px;
    }

    .wp_wrap .sub01_sec01 .cm_sub_tit {
        font-size: 40px;
    }

    .wp_wrap .sub01_sec02 .cm_sub_tit {
        font-size: 40px;
    }

    .wp_wrap .sub01_sec02 .cm_container .txt_box .txt {
        font-size: 25px;
        padding-left: 20px;
    }

    
     /* 서브03 */
    .wp_wrap .sub03_sec01 .cm_container .location_right{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .wp_wrap .sub03_sec01 .cm_container>div{
        width: 100%;
    }

    .wp_wrap .sub03_sec01 .location_left table tr td{
        padding-right: 20px;
    }

    .wp_wrap .sub02_sec02 .cm_sub_tit {
        font-size: 40px;
    }

    .wp_wrap .sub_menu ul li {
        height: 70px;
    }


    /* inquiry */
    .wp_wrap .sub03_sec01 .shp02_wrap .shp_ir {
        grid-template-columns: repeat(1, 1fr);
        display: grid;
    }
    .wp_wrap .sub03_sec01 .cm_sub_tit {
        font-size: 40px;
    }
    .wp_wrap .sub03_sec01 .shp02_wrap .lt {
        width: 100%;
    }


    



}


@media (max-width: 768px) {
/**********************************************************************************************************************/
/* 공통 */
/**********************************************************************************************************************/
    /* title */
    .wp_wrap .cm_sec_title{
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 15px;
    }

    .wp_wrap .cm_sec_title span{
        font-weight: 200;
    }

    .wp_wrap .cm_sec_sub_title{
        font-size: 15px;
        font-weight: 200;
        text-align: center;
        margin-bottom: 40px;
    }
    

    /* section padding */    
    .wp_wrap main section{
        padding: 60px 0;
    } 
    
/**********************************************************************************************************************/
/* 헤더 */
/**********************************************************************************************************************/
    /* 헤더 */
    .wp_wrap .header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 999999;
    }

    /* 탭메뉴 */
    .wp_wrap .header .cm_container {
        width: auto;
        margin: 0 auto;
    }
    
    .wp_wrap .mo_nav .mo_logo_box{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 25px;
    }

/**********************************************************************************************************************/
/* 메인 */
/**********************************************************************************************************************/
    .wp_wrap .main_visual .main_slider figure .slide_inner .slide_tit {
        font-size: 45px;
    }
    /*About us*/
    .wp_wrap .sec01 .cm_sec_title,
    .wp_wrap .sec01 .cm_sec_sub_title{
        text-align: left;
    }

    /* .wp_wrap .sec01 .sec01_inner{
        flex-direction: column;
    } */

    .wp_wrap .sec01 .sec01_inner{
        gap: 30px;
    }

    .wp_wrap .sec02 .img_box {
        top: -53px;
        width: 90%;
    }

    .wp_wrap .sec01 .sec01_inner .tit {
        font-size: 35px;
    }

    .wp_wrap .sec01 .sec01_inner .desc_tit{
        font-size: 25px;
        margin-bottom: 20px;
    }

    .wp_wrap .sec01 .sec01_inner .desc_content{
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 1px;
        margin-bottom: 20px;
    }

    .wp_wrap .sec01 .sec01_inner .more_btn{
        font-size: 11px;
    }

    .wp_wrap .sec01 .sec01_inner .more_btn a{
        padding: 10px 30px;
    }

    /* Business */
    .wp_wrap .sec02 .cm_container{
        flex-direction: column;
    }

    .wp_wrap .sec02 .sec02_left{
        position: relative;
    }

    .wp_wrap .sec02 .wp_flex{
        gap: 20px;
    }

    .wp_wrap .sec02 .sec02_left .business_arrow{
        position: absolute;
        top: 5px;
        right: 0;
    }

    /* NOTICE */
    .wp_wrap .sec04 .cm_container .sec04_bottom{    
        gap: 20px;
    }

    .wp_wrap .sec04 .cm_container .sec04_bottom .box.first {
        display: none;
    }

/**********************************************************************************************************************/
/* 서브 */
/**********************************************************************************************************************/
/* 서브메인 */
    .wp_wrap .sub_main figure {
        height: 30vh
    }
    .wp_wrap .sub_main02 figure {
        height: 30vh
    }
    .wp_wrap .sub_main03 figure {
        height: 30vh
    }

        .wp_wrap .sub01_sec01 .cm_sub_tit {
        font-size: 35px;
    }

    .wp_wrap .sub01_sec01 .cm_container .sec01_left p>br {
        display: none;
    }
        .wp_wrap .sub01_sec02 .cm_sub_tit {
        font-size: 35px;
    }
    .wp_wrap .sub01_sec02 .cm_container .txt_box .txt>br {
        display: none;
    }

/* 서브02 */
.wp_wrap .sub02_sec01 figure .inner_txt .vision_tit {
    font-size: 35px;
    margin-bottom: 18px;
}
.wp_wrap .sub02_sec01 figure .inner_txt .vision_desc{
    font-size: 18px;
    line-height: 24px;
}

    .wp_wrap .sub02_sec02 .cm_sub_tit {
        font-size: 35px;
    }
    .wp_wrap .sub_menu li a {
        font-size: 18px;
    }

    /* inquiry */
    .wp_wrap .sub03_sec01 .cm_sub_tit {
        font-size: 35px;
    }
    .wp_wrap .sub03_sec01 .shp02_wrap .lt .txt_wrap .tit_box {
        margin-bottom: 40px;
    }
    .wp_wrap .sub03_sec01 .shp02_wrap .lt {
        height: 345px;
        padding: 25px 0;
        padding-left: 25px;
    }

    /* location */
    .wp_wrap .sub03_sec01 .info_list>li .info_box .tit {
        width: 30%;
    }

}

@media (max-width: 576px) {
/**********************************************************************************************************************/
/* 메인 */
/**********************************************************************************************************************/
    /* 메인슬라이드 */

        .wp_wrap .main_visual .main_slider figure .slide_inner .slide_tit {
        font-size: 35px;
    }
    .wp_wrap  .main_visual .cm_arrow{
        display: none;
    }   

    .wp_wrap  .main_visual .slick-dots{
        position: absolute;
        display: flex;
        gap: 15px;
        bottom: 20px;
        left: 50%;
        transform: translate(-50%,-50%);
    }

    .wp_wrap  .main_visual .slick-dots li{        
        display: inline-block;
    }

    .wp_wrap  .main_visual .slick-dots button{
        outline: none;
        border:  none;
        width: 20px;
        height: 20px;
        background:#5b5b5b;
        font-size: 0;
        border-radius: 50%;
        
    }
    .wp_wrap  .main_visual .slick-dots li.slick-active button{
        background:#2E4574;
    }

    /* 메인 figure */

    .wp_wrap .main_visual .main_slider figure{
        position: relative;
        height: 60vh;
    }



    /* Compant info */
    .wp_wrap .sec01 .sec01_inner {
        flex-direction: column;
    }
    .wp_wrap .sec01 .cm_container .sec01_inner .img {
        width: 100%;
    }
    .wp_wrap .sec02 .img_box {
        top: -40px;
    }
    .wp_wrap .sec02 .cm_container .info_img {
        flex-direction: column;
    }
    .wp_wrap .sec02 .cm_container .info_img .img_itm .shadow {
        height: 95%;
    }
    .wp_wrap .sec03 .cm_container .info_img .img_itm .shadow .desc{
        display: none;
    }
    .wp_wrap .sec03 .cm_container .info_img .img_itm {
        width: 100%;
    }
    

    .wp_wrap .sec03 .cm_container .info_img{
        flex-wrap: wrap;
        gap: 20px;
    }

    
    /* Inquiry */

    .rt_ir .form_wrap .form_line:nth-child(4), .rt_ir .form_wrap .form_line:nth-child(5) {
        padding-left: 20px;
    }
    .rt_ir .form_wrap .form_line:nth-child(4) .form_tit, .rt_ir .form_wrap .form_line:nth-child(5) .form_tit {
        position: inherit;
        top: 0;
        left: 0;
        margin-bottom: 10px;
    }


    .wp_wrap .sec01 {
        padding-bottom: 120px;
    }
    .wp_wrap .sec02 {
        padding-top: 120px;
    }

/**********************************************************************************************************************/
/* 서브 */
/**********************************************************************************************************************/
    /* 서브01-01 */
    .wp_wrap .sub01_sec01 .cm_container .sec01_left h4 {
        font-size: 26px;
        margin-bottom: 30px;
    }

    .wp_wrap .sub01_sec01 .cm_container .sec01_left p {
        font-size: 20px;
        padding-left: 0;
    }
    .wp_wrap .sub01_sec02 .cm_container .txt_box .txt {
        font-size: 20px;
        padding-left: 0;
    }

    .wp_wrap .sub01_sec01 .cm_container .sec01_left .name span {
        font-size: 22px;
    }

    .wp_wrap .sub01_sec01 .cm_container .sec01_left .name {
        margin-top: 30px;
    }

    /* 서브01-02 */
    .wp_wrap .sub01_sec02 .cm_container table{
        font-size: 18px;
    }

    .wp_wrap .sub01_sec02 .cm_container table th{
        width: 170px;
        height: 50px;
    }

    .wp_wrap .sub01_sec02 .cm_container table td{
        padding: 10px;
    }

    .wp_wrap .sub01_sec02 .cm_container table th.h_2{
        height: 100px;
    }

        .wp_wrap .sub_main figure {
        height: 25vh;
    }
        .wp_wrap .sub_main02 figure {
        height: 25vh;
    }
        .wp_wrap .sub_main03 figure {
        height: 25vh;
    }

    .wp_wrap .sub01_sec02 .cm_container .img_list {
        grid-template-columns: repeat(3, 1fr);
    }
        .wp_wrap .sub_menu li a {
        font-size: 17px;
    }

    /* inquiry */
    .wp_wrap .sub03_sec01 .shp02_wrap .rt_ir .form_wrap .form_line:nth-child(4), .wp_wrap .sub03_sec01 .shp02_wrap .rt_ir .form_wrap .form_line:nth-child(5) {
        padding-left: 20px;
    }

    /* location */
    .wp_wrap .sub03_sec01 .info_list>li .info_box .tit {
        width: 40%;
        font-size: 18px;
    }
/**********************************************************************************************************************/
/* 푸터 */
/**********************************************************************************************************************/
    .wp_wrap footer {
        padding: 25px 0 5px 0;
    }
    
    .wp_wrap footer .cm_container{
        text-align: center;
    }
    
    .wp_wrap footer .logo {
        display: flex;
        align-items: center;
        margin-bottom: 10px;
    }

    .wp_wrap footer .menu {
        margin-bottom: 15px;
        font-size: 13px;
    }

    .wp_wrap footer .info {
        flex-direction: column;
        align-items: start;
        gap: 5px;
    }

    .wp_wrap footer .info .txt {
        font-size: 15px;
        margin-bottom: 3px;
    }

    .wp_wrap footer .copyright {
        font-size: 13px;
        padding: 10px 0;
    }

}


@media (max-width: 420px) {
/**********************************************************************************************************************/
/* 헤더 */
/**********************************************************************************************************************/
header .logo>a>img {
    width: 65%;
}
.wp_wrap .header {
    line-height: 70px;
}
/**********************************************************************************************************************/
/* 메인 */
/**********************************************************************************************************************/
.wp_wrap .main_visual .main_slider figure.on .slide_inner .slide_tit {
    line-height: 1.4;
}

.rt_ir .form_wrap .form_line:nth-child(4) .form_inp, .rt_ir .form_wrap .form_line:nth-child(5) .form_inp {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.rt_ir .form_wrap .form_last_line .file_box {
    width: 100%;
}

.rt_ir .form_wrap .form_last_line .line_rt {
    justify-content: center;
}

.wp_wrap .sec02 .img_box {
    top: -31px;
    width: 95%;
}

.wp_wrap .sec02 {
    padding-top: 130px;
}

.wp_wrap .sec01 .sec01_inner .tit {
    font-size: 30px;
}

.wp_wrap .sec01 .sec01_inner .desc_tit {
    font-size: 20px;
}

.wp_wrap .sec02 .cm_sec_title {
    font-size: 30px;
}

.wp_wrap .sec02 .cm_container .info_img .img_itm .shadow {
    height: 93%;
}

.wp_wrap #shp_counsel01 .shp_ir .lt .txt_wrap .tit_box .des {
    font-size: 18px;
}

.wp_wrap #shp_counsel01 .shp_ir .lt .txt_wrap .info_box>p {
    font-size: 18px;
}

.wp_wrap #shp_counsel01 .shp_ir .lt .txt_wrap .tit_box .tit {
    font-size: 40px
}

.wp_wrap #shp_counsel01 .shp_ir .lt .txt_wrap .info_box .tit {
    font-size: 25px;
}



/**********************************************************************************************************************/
/* 푸터 */
/**********************************************************************************************************************/
footer .logo>img {
    width: 45%;
}
/**********************************************************************************************************************/
/* 서브 */
/**********************************************************************************************************************/
    /* 서브메인 */
    .wp_wrap .sub_main figure .txt {
        width: 100%;
    }
    .wp_wrap .sub_main02 figure .txt {
        width: 100%;
    }
    .wp_wrap .sub_main03 figure .txt {
        width: 100%;
    }

    /* 서브메뉴 */
    .wp_wrap .sub_main figure{
        height: 25vh;
    }

    .wp_wrap .sub_main figure .txt .tit {
        font-size: 33px;
    }
    .wp_wrap .sub_main figure .txt .min_tit {
        font-size: 17px;
    }

    .wp_wrap .sub_main02 figure{
        height: 25vh;
    }

    .wp_wrap .sub_main02 figure .txt .tit {
        font-size: 33px;
    }
    .wp_wrap .sub_main02 figure .txt .min_tit {
        font-size: 17px;
    }

    .wp_wrap .sub_main03 figure{
        height: 25vh;
    }

    .wp_wrap .sub_main03 figure .txt .tit {
        font-size: 33px;
    }
    .wp_wrap .sub_main03 figure .txt .min_tit {
        font-size: 17px;
    }

    .wp_wrap .sub_menu ul li {
        height: 55px;
    }


    /* 서브02-01 */
    .wp_wrap .sub02_sec01 figure .inner_txt .vision_tit {
        font-size: 35px;
        margin-bottom: 18px;
    }
    .wp_wrap .sub02_sec01 figure .inner_txt .vision_desc{
        font-size: 15px;
        line-height: 20px;
    }
    
    /* 서브02-02 */
    .wp_wrap .sub02_sec02 .cm_container .value .icon{
        width: 150px;
        height: 150px;
    }

    .wp_wrap .sub02_sec02 .cm_container .value .value_item .value_name{
        font-size: 22px;
        margin-bottom: 15px;
    }

    .wp_wrap .sub02_sec02 .cm_container .value .value_item .value_txt{
        font-size: 13px;
    }
    
    /* 서브03 */
    .wp_wrap .sub03_sec01 .location_left table{
        font-size: 15px;
    }
    .wp_wrap .sub03_sec01 .location_left table tr td{
        padding-left: 10px;
    }

        .wp_wrap .sub01_sec01 .cm_sub_tit {
        font-size: 30px;
    }

    .wp_wrap .sub01_sec01 .cm_container .sec01_right {
        border-radius: 20px;
    }
    .wp_wrap .sub01_sec01 .cm_container .sec01_left p {
        font-size: 18px;
    }
        .wp_wrap .sub01_sec02 .cm_sub_tit {
        font-size: 30px;
    }
    .wp_wrap .sub01_sec02 .cm_container .img_box {
        border-radius: 20px;
    }
    .wp_wrap .sub01_sec02 .cm_container .txt_box .txt {
        font-size: 18px;
    }

    .wp_wrap .sub01_sec02 .cm_container .img_list {
        grid-template-columns: repeat(2, 1fr);
    }

    .wp_wrap .sub_menu li a>br {
      display: block;
}
    .wp_wrap .sub02_sec02 .cm_sub_tit {
        font-size: 30px;
    }

    /* inquiry */
    .wp_wrap .sub03_sec01 .shp02_wrap .lt .txt_wrap .info_box>p {
        font-size: 18px;
    }
    .wp_wrap .sub03_sec01 .shp02_wrap .lt .txt_wrap .tit_box .tit {
        margin-bottom: 20px;
    }
    .wp_wrap .sub03_sec01 .shp02_wrap .lt {
        height: 325px;
    }
    .wp_wrap .sub03_sec01 .cm_sub_tit {
        font-size: 30px;
    }

    /* location */
    .wp_wrap .sub03_sec01 .info_list>li {
        padding: 20px 0;
    }
    .wp_wrap .sub03_sec01 .info_list>li .info_box {
        flex-direction: column;
        align-items: start;
        gap: 15px;
    }
    .wp_wrap .sub03_sec01 .info_list>li .info_box .tit {
        width: 100%;
    }
    .wp_wrap .sub03_sec01 .info_list>li .info_box .name {
        padding-left: 35px;
    }
}

@media (max-width: 320px) {
/**********************************************************************************************************************/
/* 푸터 */
/**********************************************************************************************************************/
    footer .logo>img {
        width: 55%;
    }
/**********************************************************************************************************************/
/* 메인 */
/**********************************************************************************************************************/

    
    /* 메인 font */
    .wp_wrap .main_visual .main_slider figure .slide_inner .slide_sub{
        font-size: 20px;
    }
    .wp_wrap .main_visual .main_slider figure .slide_inner .slide_tit{
        font-size: 25px;
    }
    .wp_wrap .main_visual .main_slider figure .slide_inner span{
        font-size: 15px;
    }

    /* 메인 figure */

    .wp_wrap .main_visual .main_slider figure{
        position: relative;
        height: 60vh;
    }

    .wp_wrap .sec01 {
    padding-bottom: 80px;
}
    .wp_wrap .sec01 .sec01_inner .tit {
        font-size: 25px;
    }
        .wp_wrap .sec02 {
        padding-top: 80px;
    }
    .wp_wrap .sec02 .img_box {
        top: -24px;
    }
        .wp_wrap .sec02 .cm_sec_title {
        font-size: 25px;
    }
        .wp_wrap .sec02 .cm_container .info_img .img_itm>p {
        font-size: 16px;
    }
    .wp_wrap #shp_counsel01 .shp_ir {
    padding: 60px 0;
}
    .wp_wrap #shp_counsel01 .shp_ir .lt .txt_wrap .tit_box .tit {
        font-size: 35px;
    }
    .wp_wrap #shp_counsel01 .shp_ir .lt .txt_wrap .tit_box {
    margin-bottom: 70px;
}
    .wp_wrap #shp_counsel01 .shp_ir .lt .txt_wrap .info_box>p {
        font-size: 16px;
    }
        .wp_wrap #shp_counsel01 .shp_ir .lt .txt_wrap .tit_box .des {
        font-size: 16px;
    }
    input[type=text] {
        padding-left: 130px;
    }
        .rt_ir .form_wrap .form_last_line .file_box {
        width: 100%;
    }

/**********************************************************************************************************************/
/* 서브 */
/**********************************************************************************************************************/
    /* 서브메인 */
    .wp_wrap .sub_main figure .txt .tit {
        font-size: 30px;
        margin-bottom: 10px;
    }
    .wp_wrap .sub_main figure .txt .min_tit {
        font-size: 14px;
    }

    .wp_wrap .sub_main02 figure .txt .tit {
        font-size: 30px;
        margin-bottom: 10px;
    }
    .wp_wrap .sub_main02 figure .txt .min_tit {
        font-size: 14px;
    }

    .wp_wrap .sub_main03 figure .txt .tit {
        font-size: 30px;
        margin-bottom: 10px;
    }
    .wp_wrap .sub_main03 figure .txt .min_tit {
        font-size: 14px;
    }
    /* 서브01-02*/
    .wp_wrap .sub01_sec02 .cm_container table {
        font-size: 13px;
    }

    /* 서브02-01 */
    .wp_wrap .sub02_sec01 figure .inner_txt .vision_desc {
        font-size: 13px;
        line-height: 19px;
    }

    /* 서브02-02 */
    .wp_wrap .sub02_sec02 .cm_container .value .icon {
        width: 135px;
        height: 135px;
    }

    .wp_wrap .sub02_sec02 .cm_container .value .value_item .value_name {
        font-size: 19px;
        margin-bottom: 12px;
    }

    .wp_wrap .sub02_sec02 .cm_container .value .value_item .value_txt {
        font-size: 13px;
    }

        .wp_wrap .sub01_sec01 .cm_sub_tit {
        font-size: 25px;
    }
        .wp_wrap .sub01_sec01 .cm_container .sec01_left p {
        font-size: 15px;
    }
        .wp_wrap .sub01_sec02 .cm_sub_tit {
        font-size: 25px;
    }
        .wp_wrap .sub01_sec02 .cm_container .txt_box .txt {
        font-size: 15px;
    }
    .wp_wrap .sub01_sec01 .cm_container .sec01_right {
        margin-bottom: 30px;
    }
    .wp_wrap .sub01_sec02 .cm_container .img_box {
        margin-bottom: 30px;
    }
    .wp_wrap .sub01_sec02 .cm_container .img_list {
        column-gap: 20px;
    }

        .wp_wrap .sub_menu li a {
        font-size: 15px;
    }
        .wp_wrap .sub02_sec02 .cm_sub_tit {
        font-size: 25px;
    }

    /* inquiry */
    .wp_wrap .sub03_sec01 .shp02_wrap {
        padding: 25px 0;
    }
    .wp_wrap .sub03_sec01 .shp02_wrap .lt .txt_wrap .tit_box .des {
        font-size: 16px;
    }
        .wp_wrap .sub03_sec01 .shp02_wrap .lt .txt_wrap .info_box>p {
        font-size: 16px;
    }
        .wp_wrap .sub03_sec01 .cm_sub_tit {
        font-size: 25px;
    }
    .wp_wrap .sub03_sec01 .shp02_wrap .lt .txt_wrap .tit_box .tit {
        font-size: 30px;
        margin-bottom: 15px;
    }
    .wp_wrap .sub03_sec01 .shp02_wrap .lt .txt_wrap .info_box .tit {
        font-size: 25px;
        margin-bottom: 0;
    }
        .wp_wrap .sub03_sec01 .shp02_wrap .lt {
        height: 275px;
    }
    .wp_wrap .sub03_sec01 .shp02_wrap input[type=text] {
        padding-left: 130px;
    }

    .wp_wrap .sub03_sec01 .shp02_wrap #wp_1_6 {
        padding: 0 10px;
        padding-top: 40px;
    }

    /* location */
    .wp_wrap .sub03_sec01 .info_list>li .info_box .tit {
        font-size: 16px;
    }
    .wp_wrap .sub03_sec01 .info_list>li .info_box .name {
        font-size: 16px;
    }
    .wp_wrap .sub03_sec01 .info_list>li .info_box .tit>i {
        font-size: 20px;
    }
    .wp_wrap .sub03_sec01 .info_list>li .info_box {
        gap: 10px;
    }
    .wp_wrap .sub03_sec01 .info_list>li {
        padding: 15px 0;
    }

}