/**
 * 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 15px;
        width: 100%;
    }
    .wp_wrap .cm_inner02 {
        padding: 0 15px;
        width: 100%;
    }
    .wp_wrap .cm_inner03 {
        padding: 0 15px;
        width: 100%;
    }

    .wp_wrap header .h_inner .r_side {
        gap: 0;
    }

    .wp_wrap .visual .sld_area .mv_slider .sld .sld_in .txt_box {
        left: 0;
    }

}


@media (max-width: 1200px) {


    /* 헤더 */
    /*******************************************************************************************/
    .wp_wrap header .h_inner {
        height: 85px;
    }
    .wp_wrap header .h_inner {
        justify-content: space-between;
    }

    .wp_wrap header .h_inner nav {
        display: none;
    }

    .wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_b .mnu_line {
        flex-direction: column;
    }

    .wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_b .mnu_line > ul {
        width: 100%;
        display: flex;
        flex-direction: column;
        display: none;
    }

    .wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_b .mnu_line p {
        padding: 15px 0;
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #ddd;
    }

    .wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_b .mnu_line > ul li {
        width: 100%;
        border-bottom: 1px solid #ddd;
    }

    .wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_b .mnu_line > ul li:last-child {
        border-bottom: none;
    }

    .wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_b .mnu_line > ul li a {
        font-size: 17px;
        width: 100%;
        padding: 15px 0;
    }

    .wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_b .mnu_line02>ul{
        padding:0;
    }
    .wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_b .mnu_line02>ul li .mo_chd_mnu{
        width: 100%;
        display: flex !important;
        flex-direction: column;
        padding:5px 0;
    }
    .wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_b .mnu_line02>ul li .mo_chd_mnu>li{
        width: 100%;
        border-bottom: unset;
    }

    .wp_wrap .mo_mnu .info_box {
        display: none;
    }

    .wp_wrap .mo_mnu .mo_mnu_inner {
        height: 100%;
    }
    .wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_b {
        height: 100%;
    }
    /*******************************************************************************************/

    /* 메인 */
    /*******************************************************************************************/
    /* about */
    .wp_wrap .about {
        padding: 200px 0;
    }

    /* btn */
    .wp_wrap .btn .btn_inner {
        flex-direction: column;
    }
    .wp_wrap .btn .btn_inner .lt_box {
        width: 100%;
        height: auto;
        padding: 80px 50px;
    }
    .wp_wrap .btn .btn_inner .rt_box {
        width: 100%;
    }
    .wp_wrap .btn .btn_inner .rt_box .rt_in {
        width: 100%;
    }
    .wp_wrap .btn .btn_inner .lt_box .img_list {
        display: none;
    }

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

    /* 서브 */
    /*******************************************************************************************/
    /* sub_top */
    .wp_wrap #sub_top {
        height: 350px;
    }
    .wp_wrap #sub_top .st_ir .st_tit {
        font-size: 35px;
    }
    .wp_wrap #sub_top .st_wrap {
        padding-bottom: 40px;
    }



    /* greeting */
    .wp_wrap .greeting .flex_in {
        flex-direction: column;
        gap: 50px;
        align-items: flex-start;
    }
    .wp_wrap .greeting .flex_in .txt_box .ex {
        font-size: 23px;
    }
    .wp_wrap .greeting .flex_in .txt_box .ex>br {
        display: none;
    }
    .wp_wrap .greeting .flex_in .img_box {
        height: 400px;
        width: 100%;
    }
    .wp_wrap .greeting .flex_in .img_box>img {
        width: 100%;
        object-fit: cover;
    }


    /* vision */
    .wp_wrap .vision .img_inner .txt_box .tit_box .tit {
        font-size: 30px;
    }
    .wp_wrap .vision .img_inner .txt_box .ex {
        font-size: 20px;
    }
    .wp_wrap .vision .img_inner .txt_box .tit_box {
        margin-bottom: 80px;
    }
    .wp_wrap .vision .img_inner .txt_box .tit_box .s_tit {
        font-size: 23px;
        margin-bottom: 20px;
    }
    .wp_wrap .vision .img_inner .txt_box {
        height: 600px;
    }
    .wp_wrap .vision .value_box .value_list>li .v_box {
        padding: 80px 20px;
    }
    .wp_wrap .vision .value_box .value_list>li .v_box .txt_box .ex>br {
        display: none;
    }

    /* mechanical */
    .wp_wrap .mechanical .flex_in {
        flex-direction: column;
        align-items: flex-start;
        gap: 50px;
    }
    .wp_wrap .mechanical .flex_in .txt_box {
        width: 100%;
    }
    .wp_wrap .mechanical .flex_in .txt_box .ex>br {
        display: none;
    }
    .wp_wrap .mechanical .flex_in .img_box {
        width: 100%;
    }
    .wp_wrap .mechanical .flex_in .img_box>img {
        margin: 0 auto;
    }
    .wp_wrap .mechanical .flex_in.center {
        flex-direction: column-reverse;
    }

    /* battery */
    .wp_wrap .battery .info_box .flex_in {
        flex-direction: column-reverse;
        align-items: flex-start;
    }
    .wp_wrap .battery .info_box .flex_in .txt_box {
        width: 100%;
    }
    .wp_wrap .battery .info_box .flex_in .txt_box .ex>br {
        display: none;
    }
    .wp_wrap .battery .info_box .flex_in .img_box {
        width: 100%;
        height: 500px;
        overflow: hidden;
    }
    .wp_wrap .battery .info_box .flex_in .img_box>img {
        object-position: center;
        object-fit: cover;
        height: 100%;
    }
    .wp_wrap .battery .info_box .spec_box {
        flex-direction: column;
        gap: 50px;
    }
    .wp_wrap .battery .info_box .spec_box .spec_in .img_box>img {
        width: 100%;
        height: 515px;
        object-fit: cover;
    }
    .wp_wrap .battery .info_box .spec_box .spec_in .img_list>li .img_box {
        width: 50%;
    }
    .wp_wrap .battery .info_box .spec_box .spec_in .img_list>li .img_box>img {
        height: auto;
    }

    /* visionmate */
    .wp_wrap .visionmate .flex_in {
        flex-direction: column;
        align-items: flex-start;
        gap: 50px;
    }
    .wp_wrap .visionmate .flex_in .txt_box {
        width: 100%;
    }
    .wp_wrap .visionmate .flex_in .txt_box .ex>br {
        display: none;
    }
    .wp_wrap .visionmate .flex_in .img_box {
        width: 100%;
        margin: 0 auto;
    }

    /* inq */
    .wp_wrap .inq .form_box .form_wrap .form_line.flex {
        flex-direction: column;
    }

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


@media (max-width: 992px) {

    /* 헤더 */
    .wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_b {
        gap: 0;
    }
    .wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_b .mnu_line p {
        font-size: 23px;
        text-align: start;
    }
    .wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_b .mnu_line {
        gap: 10px;
    }
    .wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_b .mnu_line > ul {
        padding-left: 0;
    }
    .wp_wrap .mo_mnu .mo_mnu_inner {
        padding-right: 50px;
    }

    /* 푸터 */
    .wp_wrap footer .f_inner .lt {
        flex-direction: column;
        gap: 50px;
    }


    /* 메인 */
    /*******************************************************************************************/
    /* visual */
    .wp_wrap .visual {
        height: 90vh;
    }
    .wp_wrap .visual .sld_area {
        height: 100%;
    }
    .wp_wrap .visual .sld_area .mv_slider {
        height: 100%;
    }
    .slick-slider .slick-list {
        height: 100%;
    }
    .slick-track {
        height: 100%;
    }
    .wp_wrap .visual .sld_area .mv_slider .sld .sld_in {
        height: 100%;
    }
    .wp_wrap .visual .sld_area .mv_slider .sld .sld_in .img_box {
        height: 100%;
    }
    .wp_wrap .visual .sld_area .mv_slider .sld .sld_in .txt_box .ko_txt>span {
        font-size: 45px;
    }
    .wp_wrap .visual .sld_area .mv_slider .sld .sld_in .txt_box .ko_txt {
        font-size: 23px;
    }

    /* about */
    .wp_wrap .about .tit_box .tit {
        font-size: 35px;
    }
    .wp_wrap .about {
        padding: 150px 0;
    }
    .wp_wrap .about .txt_box>a {
        font-size: 18px;
    }

    /* btn */
    .wp_wrap .btn .btn_inner .lt_box .txt_box {
        width: 100%;
    }
    .wp_wrap .btn .btn_inner .lt_box .txt_box .btn_list {
        width: 100%;
    }
    .wp_wrap .btn .btn_inner .lt_box .txt_box .btn_list>li {
        width: 100%;
    }
    .wp_wrap .btn .btn_inner .lt_box .txt_box .btn_list>li>a {
        border-radius: 0;
        width: 100%;
    }
    .wp_wrap .btn .btn_inner .lt_box .txt_box .tit_box .ex>br {
        display: none;
    }
    .wp_wrap .btn .btn_inner .lt_box .txt_box .tit_box .tit {
        font-size: 35px;
        margin-bottom: 20px;
    }
    .wp_wrap .btn .btn_inner .lt_box .txt_box .tit_box {
        margin-bottom: 50px;
    }
    .wp_wrap .btn .btn_inner .lt_box {
        padding: 60px 30px;
    }
    .wp_wrap .btn .btn_inner .lt_box .txt_box .tit_box .ex {
        font-size: 18px;
    }
    .wp_wrap .btn .btn_inner .rt_box .rt_in .txt_box .ex>br {
        display: none;
    }
    .wp_wrap .btn .btn_inner .rt_box .rt_in .txt_box .tit {
        font-size: 35px;
    }
    .wp_wrap .btn .btn_inner .rt_box .rt_in .txt_box .ex {
        margin-bottom: 50px;
    }
    .wp_wrap .btn .btn_inner .rt_box .rt_in>a {
        padding: 15px 20px;
        border-radius: 0;
    }
    .wp_wrap .btn .btn_inner .rt_box .rt_in {
        height: auto;
        padding: 50px 30px;
    }

    .wp_wrap .btn .text_track span {
        font-size: 80px;
    }

    /* notice */
    .wp_wrap .notice .txt_box .tit {
        font-size: 35px;
    }
    
    /*******************************************************************************************/

    /* 서브 */
    /*******************************************************************************************/
    /* sub_top */
    .wp_wrap #sub_top {
        height: 300px;
    }
    .wp_wrap #sub_top .st_ir .st_tit {
        font-size: 30px;
    }

    /* greeting */
    .wp_wrap .greeting .flex_in .txt_box .ex {
        font-size: 20px;
    }

    /* vision */
    .wp_wrap .vision .img_inner {
        flex-direction: column;
    }
    .wp_wrap .vision .img_inner .txt_box {
        height: 400px;
    }
    .wp_wrap .vision .img_inner .txt_box .tit_box .s_tit {
        font-size: 20px;
    }
    .wp_wrap .vision .img_inner .txt_box .tit_box .tit {
        font-size: 27px;
    }
    .wp_wrap .vision .img_inner .txt_box .tit_box {
        margin-bottom: 40px;
    }
    .wp_wrap .vision .img_inner .txt_box .tit_box .s_tit {
        margin-bottom: 10px;
    }
    .wp_wrap .vision .img_inner .txt_box .ex {
        font-size: 18px;
    }
    .wp_wrap .vision .value_box .s_tit {
        font-size: 25px;
    }
    .wp_wrap .vision .value_box .value_list {
        flex-direction: column;
    }

    /* map */
    .wp_wrap .map .info_list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .wp_wrap .map .info_list>li .info_box .tit_box .tit {
        font-size: 23px;
    }

    /* rd */
    .wp_wrap .rd .certi_box .certi_list {
        grid-template-columns: repeat(3, 1fr);
    }

    /* battery */
    .wp_wrap .battery .info_box .tit_box .en {
        font-size: 35px;
    }
    .wp_wrap .battery .info_box .tit_box .kr {
        font-size: 23px;
    }
    .wp_wrap .battery .info_box .flex_in.last .info_list {
        grid-template-columns: repeat(1, 1fr);
    }
    .wp_wrap .battery .info_box .flex_in .txt_box .ex {
        font-size: 18px;
    }
    .wp_wrap .battery .info_box .spec_box .spec_in .spec_list {
        flex-direction: column;
    }

    /* visionmate */
    .wp_wrap .visionmate .flex_in .txt_box .tit_box .en {
        font-size: 35px;
    }
    .wp_wrap .visionmate .flex_in .txt_box .tit_box .kr {
        font-size: 23px;
    }
    .wp_wrap .visionmate .flex_in .txt_box .ex {
        font-size: 18px;
    }

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


@media (max-width: 768px) {
    .wp_wrap header .h_inner .convenient_box {
        margin-left: 10px;
        gap: 20px;
    }
    .wp_wrap header .h_inner .convenient_box .language .icon_box i {
        font-size: 25px;
    }


    /* 푸터 */
    .wp_wrap footer .f_inner .lt .out_box .f_info01 {
        flex-direction: column;
        gap: 5px;
    }
    .wp_wrap footer .f_inner .lt .out_box {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }
    .wp_wrap footer .f_inner .lt .out_box .f_info01 li {
        font-size: 16px;
    }
    .wp_wrap footer .f_inner .lt {
        gap: 30px;
    }


    /* 메인 */
    /*******************************************************************************************/
    /* visual */
    .wp_wrap .visual {
        height: 80vh;
    }
    .wp_wrap .visual .sld_area .mv_slider .sld .sld_in .txt_box .ko_txt>span {
        font-size: 40px;
    }
    .wp_wrap .visual .sld_area .mv_slider .sld .sld_in .txt_box .ko_txt {
        font-size: 20px;
    }
    .wp_wrap .visual .sld_area .mv_slider .sld .sld_in .txt_box .en_txt {
        font-size: 18px;
    }

    /* about */
    .wp_wrap .about {
        padding: 100px 0;
    }
    .wp_wrap .about .tit_box .tit {
        font-size: 30px;
    }
    .wp_wrap .about .txt_box .ex {
        font-size: 18px;
        margin-bottom: 20px;
    }
    .wp_wrap .about .txt_box>a {
        width: auto;
        display: inline-flex;
        padding: 20px 30px;
    }
    .wp_wrap .about .txt_box .ex.last {
        margin-bottom: 40px;
    }

    /* btn */
    .wp_wrap .btn .btn_inner .lt_box .txt_box .tit_box .tit {
        font-size: 30px;
        margin-bottom: 10px;
    }
    .wp_wrap .btn .btn_inner .rt_box .rt_in .txt_box .tit {
        font-size: 30px;
        margin-bottom: 10px;
    }

    /* notice */
    .wp_wrap .notice {
        padding: 60px 0;
    }
    .wp_wrap .notice .txt_box .tit {
        font-size: 30px;
    }
    
    /* battery */
    .wp_wrap .battery .info_box .flex_in .img_box {
        height: 450px;
    }
    .wp_wrap .battery .info_box .flex_in.last .img_box {
        flex-direction: column;
        height: 700px;
    }
    .wp_wrap .battery .info_box .spec_box .spec_in .img_box>img {
        height: 400px;
    }
    .wp_wrap .battery .info_box .spec_box .spec_in .img_box .img_spec {
        font-size: 18px;
    }

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

    /* 서브 */
    /*******************************************************************************************/
    /* greeting */
    .wp_wrap .greeting {
        padding: 60px 0;
    }

    /* vision */
    .wp_wrap .vision {
        padding: 60px 0;
    }

    .wp_wrap .history {
        padding: 60px 0;
    }

    /* map */
    .wp_wrap .map {
        padding: 60px 0;
    }
    .wp_wrap .map .info_list>li .info_box .info {
        font-size: 18px;
    }

    /* mechanical */
    .wp_wrap .mechanical {
        padding: 60px 0;
    }

    /* rd */
    .wp_wrap .rd {
        padding: 60px 0;
    }
    .wp_wrap .rd .certi_box .s_tit {
        font-size: 25px;
        margin-bottom: 30px;
    }
    .wp_wrap .rd .rd_box .table_box table thead tr th {
        font-size: 18px;
    }
    .wp_wrap .rd .rd_box .s_tit {
        font-size: 25px;
        margin-bottom: 30px;
    }
    .wp_wrap .rd .rd_box .table_box table tbody tr td {
        font-size: 16px;
    }
    .wp_wrap .rd .certi_box .certi_list>li>p {
        font-size: 16px;
    }
    .wp_wrap .rd .certi_box .certi_list>li .img_box {
        margin-bottom: 10px;
    }
    .wp_wrap .rd .certi_box {
        margin-bottom: 60px;
    }

    /* battery */
    .wp_wrap .battery {
        padding: 60px 0;
    }
    .wp_wrap .battery .info_box.last {
        margin-top: 60px;
    }

    /* visionmate */
    .wp_wrap .visionmate {
        padding: 60px 0;
    }
    .wp_wrap .visionmate .flex_in .img_box>img {
        width: 100%;
    }

    /* inq */
    .wp_wrap .inq {
        padding: 60px 0;
    }
    /*******************************************************************************************/

}


@media (max-width: 576px) {

    /* 헤더 */
    .wp_wrap .mo_mnu {
        width: 350px;
    }
    .wp_wrap .mo_mnu .mo_mnu_inner {
        padding-left: 20px;
        padding-right: 20px;
    }
    .wp_wrap .mo_mnu .mo_mnu_inner .mo_mnu_b .mnu_line p {
        font-size: 20px;
    }
    .wp_wrap .mo_mnu .icon_box {
        right: 20px;
    }


    /* 메인 */
    /*******************************************************************************************/
    /* btn */
    .wp_wrap .btn .btn_inner .rt_box .rt_in>img {
        display: none;
    }
    /*******************************************************************************************/

    /* 서브 */
    /*******************************************************************************************/
    /* sub_top */
    .wp_wrap #sub_top {
        height: 250px;
    }
    .wp_wrap #sub_top .st_ir .st_tit {
        font-size: 25px;
    }

    /* greeting */
    .wp_wrap .greeting .flex_in .txt_box .ex {
        font-size: 18px;
    }
    .wp_wrap .greeting .flex_in .txt_box .name {
        font-size: 18px;
    }
    .wp_wrap .greeting .flex_in .img_box {
        height: 290px;
    }

    /* vision */
    .wp_wrap .vision .img_inner .txt_box .tit_box .tit {
        font-size: 25px;
    }
    
    /* map */
    .wp_wrap .map .info_list>li .info_box .tit_box .tit {
        font-size: 18px;
    }
    .wp_wrap .map .info_list {
        grid-template-columns: repeat(1, 1fr);
    }
    .wp_wrap .map .info_list>li .info_box {
        height: 100%;
        padding: 30px 20px;
    }
    .wp_wrap .map .info_list>li .info_box .info>br {
        display: none;
    }
    .wp_wrap .map .map_box {
        height: 350px;
        overflow: hidden;
    }

    /* mechanical */
    .wp_wrap .mechanical .flex_in .txt_box .tit_box .en {
        font-size: 27px;
    }
    .wp_wrap .mechanical .flex_in .txt_box .tit_box .kr {
        font-size: 18px;
    }
    .wp_wrap .mechanical .flex_in .txt_box .ex {
        font-size: 16px;
    }

    /* rd */
    .wp_wrap .rd .rd_box .table_box {
        overflow-x: auto;
    }
    .wp_wrap .rd .rd_box .table_box table {
        width: 580px;
    }
    .wp_wrap .rd .certi_box .certi_list {
        grid-template-columns: repeat(2, 1fr);
    }


    /* battery */
    .wp_wrap .battery .info_box .tit_box .en {
        font-size: 30px;
    }
    .wp_wrap .battery .info_box .tit_box .kr {
        font-size: 20px;
    }
    .wp_wrap .battery .info_box .flex_in .txt_box .ex {
        font-size: 16px;
    }
    .wp_wrap .battery .info_box .flex_in .txt_box .info_list>li>p {
        font-size: 15px;
    }
    .wp_wrap .battery .info_box .flex_in .img_box {
        height: 400px;
    }
    .wp_wrap .battery .info_box .spec_box .spec_in .img_box>img {
        height: 350px;
    }
    .wp_wrap .battery .info_box .spec_box .spec_in .img_list>li {
        flex-direction: column;
        gap: 30px;
    }
    .wp_wrap .battery .info_box .spec_box .spec_in .img_list>li .img_box {
        width: 100%;
    }
    .wp_wrap .battery .info_box .spec_box .spec_in .img_box .img_spec {
        font-size: 16px;
    }

    /* visionmate */
    .wp_wrap .visionmate .flex_in .txt_box .tit_box .en {
        font-size: 30px;
    }
    .wp_wrap .visionmate .flex_in .txt_box .tit_box .kr {
        font-size: 20px;
    }
    .wp_wrap .visionmate .flex_in .txt_box .ex {
        font-size: 16px;
    }

    /* inq */
    .wp_wrap .inq .form_box .form_wrap .form_line.flex .form_in .tit_box .tit {
        font-size: 18px;
    }
    .wp_wrap .inq .form_box .form_wrap .form_line.flex .form_in .input_box>input {
        font-size: 18px;
    }
    .wp_wrap .inq .form_box .form_wrap .form_line .tit_box .tit {
        font-size: 18px;
    }
    .wp_wrap .inq .form_box .form_wrap .form_line .input_box>textarea {
        font-size: 18px;
    }
    .wp_wrap .inq .form_box .form_wrap .form_last .line_rt>button {
        font-size: 18px;
    }
    .wp_wrap .inq .form_box .warn {
        font-size: 16px;
        margin-bottom: 20px;
    }
    /*******************************************************************************************/

}

@media (max-width: 430px) {

    /* 헤더 */
    .wp_wrap header .h_inner .logo {
        max-width: 160px;
        min-width: 150px;
    }

    
    .wp_wrap header .h_inner .convenient_box {
        gap: 15px;
    }

    /* 푸터 */
    .wp_wrap footer .f_inner .lt .out_box .copyright {
        font-size: 13px;
    }


    /* 메인 */
    /*******************************************************************************************/
    /* visual */
    .wp_wrap .visual {
        height: 70vh;
    }
    .wp_wrap .visual .sld_area .mv_slider .sld .sld_in .txt_box .ko_txt>span {
        font-size: 35px;
    }
    .wp_wrap .visual .sld_area .mv_slider .sld .sld_in .txt_box .ko_txt {
        font-size: 18px;
    }

    /* about */
    .wp_wrap .about .txt_box .ex>br {
        display: none;
    }
    .wp_wrap .about .txt_box>a {
        border-radius: 0;
    }

    /* btn */
    .wp_wrap .btn .btn_inner .rt_box .rt_in {
        width: 100%;
        overflow: hidden;
    }
    .wp_wrap .btn .btn_inner .lt_box .txt_box .btn_list>li>a {
        justify-content: space-between;
    }
    .wp_wrap .btn .btn_inner .lt_box .txt_box .btn_list {
        flex-direction: column;
    }
    .wp_wrap .btn .btn_inner .rt_box .rt_in>a {
        width: 100%;
        display: inline-flex;
        box-sizing: border-box;
        justify-content: space-between;
    }
    /*******************************************************************************************/

    /* 서브 */
    /*******************************************************************************************/
    /* sub_top */
    .wp_wrap #sub_top .st_wrap {
        padding-bottom: 0;
    }
    .wp_wrap #sub_top .st_ir {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 10px;
    }

    /* greeting */
    .wp_wrap .greeting .flex_in .img_box {
        height: 200px;
    }

    /* vision */
    .wp_wrap .vision .img_inner .txt_box .tit_box .tit {
        font-size: 23px;
    }
    .wp_wrap .vision .img_inner .txt_box .ex>br {
        display: none;
    }
    .wp_wrap .vision .value_box .value_list>li .v_box {
        padding: 50px 20px;
    }
    .wp_wrap .vision .value_box .value_list>li .v_box .txt_box .name {
        font-size: 18px;
    }
    .wp_wrap .vision .value_box .value_list>li .v_box .txt_box .ex {
        font-size: 16px;
    }

    /* map */
    .wp_wrap .map .info_list>li .info_box .info {
        font-size: 16px;
    }

    /* mechanical */
    .wp_wrap .mechanical .flex_in .txt_box .tit_box .en {
        font-size: 25px;
    }
    .wp_wrap .mechanical .flex_in .txt_box .info_list>li>p {
        width: 370px;
    }

    /* battery */
    .wp_wrap .battery .info_box .flex_in .txt_box .info_list>li>p {
        width: 360px;
    }
    .wp_wrap .battery .info_box .tit_box .en {
        font-size: 25px;
    }
    .wp_wrap .battery .info_box .tit_box .kr {
        font-size: 18px;
    }
    .wp_wrap .battery .info_box .flex_in .img_box {
        height: 300px;
    }
    .wp_wrap .battery .info_box .flex_in.last .img_box {
        height: 600px;
    }
    .wp_wrap .battery .info_box .spec_box .spec_in .img_box>img {
        height: 300px;
    }
    

    .wp_wrap .inq .form_box .form_wrap .downld_box {
        margin: 0 0 10px;
    }
    .wp_wrap .inq .form_box .form_wrap .downld_box>a {
        width: 100%;
        font-size: 15px;
        height: 50px;
    }
    .wp_wrap .inq .form_box .form_wrap .downld_box .ct_txt {
        font-size: 14px;
        padding-top: 7px;
    }
    /*******************************************************************************************/

}

@media (max-width: 405px) {

    .wp_wrap footer .f_inner .lt .out_box .f_info01 li {
        font-size: 13px;
    }


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

    /* 서브 */
    /*******************************************************************************************/
    /* vision */
    .wp_wrap .vision .img_inner .txt_box {
        padding: 0 20px;
    }
    /*******************************************************************************************/

}

@media (max-width: 320px) {

    /* 헤더 */
    .wp_wrap .mo_mnu {
        width: 250px;
    }


    /* 메인 */
    /*******************************************************************************************/
    /* visual */
    .wp_wrap .visual .sld_area .mv_slider .sld .sld_in .txt_box .ko_txt>span {
        font-size: 30px
    }

    /* about */
    .wp_wrap .about .tit_box .tit {
        font-size: 25px;
    }
    .wp_wrap .about .txt_box .ex {
        font-size: 16px;
    }
    .wp_wrap .about .txt_box>a {
        font-size: 16px;
        padding: 15px 20px;
    }

    /* btn */
    .wp_wrap .btn .btn_inner .lt_box .txt_box .tit_box .tit {
        font-size: 25px;
    }
    .wp_wrap .btn .btn_inner .lt_box .txt_box .tit_box .ex {
        font-size: 16px;
    }
    .wp_wrap .btn .btn_inner .lt_box .txt_box .btn_list>li>a>p {
        font-size: 16px;
    }
    .wp_wrap .btn .btn_inner .rt_box .rt_in .txt_box .tit {
        font-size: 25px;
    }
    .wp_wrap .btn .btn_inner .rt_box .rt_in .txt_box .ex {
        font-size: 16px;
    }
    .wp_wrap .btn .btn_inner .rt_box .rt_in>a {
        font-size: 16px;
    }

    .wp_wrap .btn .text_track span {
        font-size: 50px;
    }

    /* notice */
    .wp_wrap .notice .txt_box .tit {
        font-size: 25px;
    }
    .slick-slide .notice_box .tit {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .slick-slide .notice_box .ex {
        font-size: 16px;
    }
    .wp_wrap .notice .notice_list li {
        width: 290px;
    }
    .slick-slide .notice_box {
        height: 300px;
    }
    /*******************************************************************************************/

    /* 서브 */
    /*******************************************************************************************/
    /* greeting */
    .wp_wrap .greeting .flex_in .img_box {
        height: 150px;
    }

    /* vision */
    .wp_wrap .vision .img_inner .txt_box .tit_box .tit {
        font-size: 20px;
    }
    .wp_wrap .vision .img_inner .txt_box .tit_box .s_tit {
        font-size: 18px;
    }
    .wp_wrap .vision .img_inner .txt_box .ex {
        font-size: 16px;
    }

    /* mechanical */
    .wp_wrap .mechanical .flex_in .txt_box .info_list>li>p {
        width: 260px;
    } 

    /* battery */
    .wp_wrap .battery .info_box .flex_in .txt_box .info_list>li>p {
        width: 270px;
    }
    .wp_wrap .battery .info_box .spec_box .spec_in .img_box>img {
        height: 170px;
    }
    /*******************************************************************************************/

}