/**
 * 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;
    overflow: hidden;
    }

    .wp_wrap .cm_inner02 {
    padding: 0 15px;
    overflow: hidden;
    }

    .wp_wrap .cm_inner03 {
    padding: 0 15px;
    overflow: hidden;
    }
}


@media (max-width: 1200px) {
/* 헤더 */
/**********************************************************************************************************************/
.wp_wrap header .h_inner {
    justify-content: space-between;
}
.wp_wrap header .h_inner nav .gnb .m_list {
    width: 170px;
}
.wp_wrap header .h_inner nav .gnb .m_list>a {
    font-size: 18px;
    padding: 39.5px 0;
}
/**********************************************************************************************************************/

/* 푸터 */
/**********************************************************************************************************************/
.wp_wrap footer .f_inner .f_left {
    flex-direction: column;
    gap: 30px;
}
.wp_wrap footer .f_inner .rt .bot_area .f_info_box {
    flex-direction: column;
    gap: 5px;
}
.wp_wrap footer .f_inner .rt .bot_area .f_info_box .f_info {
    margin-bottom: 0;
}
.wp_wrap footer .f_inner .rt .bot_area .copyright {
    margin-top: 30px;
}
/**********************************************************************************************************************/

/* 메인 */
/**********************************************************************************************************************/
/* visual */
.wp_wrap .m_visual .control_box {
    left: calc(50% - 581px);
}
.wp_wrap .m_visual .control_box {
    top: 60%;
}

/* product */
.wp_wrap #product .gray_inner {
    padding: 60px 0;
}
.wp_wrap #product .gray_inner .bot_list {
    height: 365px;
}
.wp_wrap #product .gray_inner .bot_list .prd_list {
    gap: 30px;
}






/* new_main */
.wp_wrap #full_visual .control_box {
    top: 60%;
    left: calc(50% - 584px);
}

.wp_wrap #full_product .gray_inner .bot_list {
    height: 365px;
}
.wp_wrap #full_product .gray_inner .bot_list .prd_list {
    gap: 30px;
}
/**********************************************************************************************************************/

/* 서브 */
/**********************************************************************************************************************/
/* sub_main */
.wp_wrap .sub_top {
    height: 350px;
}
.wp_wrap .sub_top .inner_box {
    padding-top: 270px;
}
.wp_wrap .sub_top .sub_tit_area>p {
    font-size: 35px;
}


/* greeting */
.wp_wrap #greeting .flex_inner {
    gap: 50px;
}
.wp_wrap #greeting .flex_inner .img_box>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wp_wrap #greeting .flex_inner .txt_box .tit_box .tit {
    font-size: 30px;
}
.wp_wrap #greeting .flex_inner .txt_box .tit_box {
    margin-bottom: 30px;
}

/* map */
.wp_wrap #map .map_list>li .map_box .info_box {
    gap: 30px;
}
.wp_wrap #map .map_list>li .map_box {
    padding: 40px 20px;
}
.wp_wrap #map .map_list>li:last-child .map_box {
    padding-bottom: 67px;
}
.wp_wrap #map .net_box {
    padding: 40px 20px;
    padding-bottom: 122px;
}


/* certi */
.wp_wrap #certi .certi_list>li .certi_box .img_list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}


/* production */
.wp_wrap #production .pro_list>li .pro_box .process>li .process_in .l_box .txt_box .ex>br {
    display: none;
}
.wp_wrap #production .pro_list>li .pro_box .table_box table tbody tr td {
    font-size: 13px;
}
/**********************************************************************************************************************/

}

@media (max-width: 1089px) {
    .wp_wrap #greeting .flex_inner {
        flex-direction: column;
    }
    .wp_wrap #greeting .flex_inner .img_box {
        height: 500px;
    }
    .wp_wrap #greeting .flex_inner .img_box>img {
        object-position: 0px -350px;
    }
    .wp_wrap #greeting .flex_inner .txt_box .ex_box .ex>br {
        display: none;
    }
    .wp_wrap #greeting .flex_inner .txt_box .ex_box {
        gap: 0;
    }
    .wp_wrap #greeting .flex_inner .txt_box .ex_box .name {
        margin-top: 20px;
    }
}


@media screen and (max-width: 993px) {
    .wp_wrap #full_visual {
        height: 80vh !important;
    }

    .animate-fade-up,
    .animate-fade-left,
    .animate-fade-right {
        opacity: 1 !important;
        transform: translate(0, 0) !important;
        transition: none !important;
    }


    body.fp-responsive .section,
    body.fp-responsive .fp-tableCell,
    body.fp-responsive .fp-scrollable {
        height: auto !important;
        min-height: auto !important;
    }


    .wp_wrap #full_about .sticky_box {
        height: 65vh;
    }
    .wp_wrap #full_about .sticky_box .contents_box .sub_tit {
        opacity: 1;
    }
    .wp_wrap #full_about .sticky_box .contents_box .af_txt1 {
        opacity: 1;
    }
    .wp_wrap #full_about .sticky_box .contents_box .af_txt2 {
        opacity: 1;
    }
    .wp_wrap #full_about .sticky_box .contents_box .view {
        opacity: 1;
    }
    .wp_wrap #full_about .sticky_box .pin_box {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
    }
}


@media (max-width: 992px) {
/* 헤더 */
/**********************************************************************************************************************/
.wp_wrap header .h_inner .inq {
    display: none;
}
.wp_wrap header .h_inner {
    justify-content: space-between;
}
.wp_wrap header .h_inner .mlogo {
    min-width: unset;
    width: 160px;
}
.wp_wrap header .h_inner nav .gnb{
    display: none;
}
.wp_wrap .ful_mnu{
    display: none;
}
.wp_wrap header .mo_mnu{
    display: block;
    position: fixed;
    top: 0;
    right: -100%;
    width: calc(100% - 65px);
    height: 100vh;
    background: #fff;        
    padding: 90px 0 0 0;
    transition: 0.5s;
    border-left: 1px solid #ddd;
    margin-right: auto;
    z-index: 1000;
}
.wp_wrap header .mo_mnu.on{
    right: 0;
}
/* 모바일메뉴 닫기버튼 */
.wp_wrap header .mo_mnu .close_icon .icon_box{
    position: absolute;
    top: 30px;
    right: 30px;
    background: #fff;
    border: none;
    outline: none;
}
.wp_wrap header .mo_mnu .close_icon .icon_box i{
    font-size: 20px;
    padding: 5px;
    border: 1px solid rgb(81,81,81);
    font-weight: 700;
    color: rgb(81,81,81);;
}
/* 모바일메뉴 */
.wp_wrap header .h_inner .momnu_icon {
    padding: 32px 0;
    display: block;
}
.wp_wrap header .mo_mnu .mo_gnb {
    display: flex;
    flex-direction: column;
    width: 100%;
}    
.wp_wrap header .mo_mnu .mo_gnb>li{
    text-align: center;
    position: relative;
    flex: 1;
    border-bottom: 1px solid #ddd;
}
.wp_wrap header .mo_mnu .mo_gnb>li:first-child{
    border-top: 1px solid #ddd;
}
.wp_wrap header .mo_mnu .mo_gnb>li>a{
    display: block;
    width: 100%;
    padding: 18px 0;
    color: #333;
    position: relative;
    top: 0;
    background: #fff;
    font-size: 18px;
    font-family: var(--font-pre500);
}
.wp_wrap header .mo_mnu .mo_gnb .mo_sub_mnu{        
    position: relative;
    top: 0;
    padding: 0;
    background: #f8f8f8;
    display: none;
}
.wp_wrap header .mo_mnu .mo_gnb .mo_sub_mnu>li{
    text-align: center;
    background: #f8f8f8;
}
.wp_wrap header .mo_mnu .mo_gnb .mo_sub_mnu>li:last-child{
    border-bottom: none;
}
.wp_wrap header .mo_mnu .mo_gnb .mo_sub_mnu>li>a{
    display: inline-block;
    padding: 15px 0;
    font-size: 17px;
}

.wp_wrap header .mnu_bg {
    height: 90px;
}
.wp_wrap header .h_inner .momnu_icon {
    padding: 32px 0;
}
/**********************************************************************************************************************/

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

/* 메인 */
/**********************************************************************************************************************/
/* visual */
.wp_wrap .m_visual .control_box {
    left: calc(50% - 477px);
}

/* about */
.wp_wrap #about .sticky_box>p {
    font-size: 30px;
}
.wp_wrap #about .sticky_box .txt2 {
    height: 65vh;
}
.wp_wrap #about .sticky_box .contents_box .sub_tit {
    font-size: 18px;
    margin-bottom: 5px;
}
.wp_wrap #about .sticky_box .contents_box .af_txt1 p {
    font-size: 30px;
}
.wp_wrap #about .sticky_box .contents_box .af_txt2 p {
    font-size: 18px;
}

/* product */
.wp_wrap #product .gray_inner .top_box .tit_box .s_tit {
    font-size: 18px;
    margin-bottom: 5px;
}
.wp_wrap #product .gray_inner .top_box .tit_box .tit {
    font-size: 30px;
}
.wp_wrap #product .gray_inner .bot_list .prd_list>li>a .prd_box .txt_box .name {
    font-size: 20px;
}
.wp_wrap #product .gray_inner .bot_list .prd_list>li>a .prd_box {
    padding: 20px;
}
.wp_wrap #product .gray_inner .bot_list .prd_list>li>a .prd_box .txt_box {
    padding-top: 15px;
}
.wp_wrap #product .gray_inner .bot_list .prd_list>li>a .prd_box .txt_box .name {
    font-size: 20px;
}
.wp_wrap #product .gray_inner .bot_list {
    height: 290px;
}
.wp_wrap #product .gray_inner .bot_list .prd_list>li>a .prd_box .txt_box .circle {
    width: 30px;
    height: 30px;
}
.wp_wrap #product .gray_inner .bot_list .prd_list>li>a .prd_box .txt_box .circle>i {
    font-size: 20px;
    margin-left: 3px;
}


/* inq */
.wp_wrap #inq .flex_inner {
    flex-direction: column;
    gap: 50px;
}
.wp_wrap #inq .flex_inner .txt_box {
    width: 100%;
}
.wp_wrap #inq .flex_inner .form_box {
    width: 100%;
}
.wp_wrap #inq .flex_inner .txt_box .info_box .info_list>li .info_in>p>br {
    display: none;
}
.wp_wrap #inq .flex_inner .txt_box .info_box .tel>p {
    font-size: 25px;
}
.wp_wrap #inq .flex_inner .txt_box .info_box .tel>a {
    font-size: 30px;
}
.wp_wrap #inq .flex_inner .txt_box .tit_box {
    margin-bottom: 30px;
}




/* new_main */
.wp_wrap #full_visual .control_box {
    left: calc(50%);
    transform: translateX(-50%);
    top: 59%;
}
.wp_wrap #full_visual .m_slider .mv_slide .txt_box_out .txt_box .mv_txt {
    font-size: 40px;
}
.wp_wrap #full_visual .m_slider .mv_slide .txt_box_out .txt_box .tit {
    font-size: 20px;
}
.wp_wrap #full_visual .m_slider .mv_slide .txt_box_out .txt_box {
    text-align: center;
}

.wp_wrap #full_about {
    height: 100%;
    padding: 100px 0;
    background: url(../img/main/about.jpg) no-repeat center center / cover;
}
.wp_wrap #full_about .sticky_box .img_bg {
    display: none;
}
.wp_wrap #full_about .sticky_box .contents_box .af_txt1 p {
    font-size: 30px;
}

.wp_wrap #full_product .gray_inner {
    padding: 100px 0;
}
.wp_wrap #full_product .gray_inner .top_box .tit_box .tit {
    font-size: 30px;
}
.wp_wrap #full_product .gray_inner .bot_list {
    height: 295px;
}
.wp_wrap #full_product .gray_inner .bot_list .prd_list>li>a .prd_box .txt_box .name {
    font-size: 18px;
}
.wp_wrap #full_product .gray_inner .bot_list .prd_list>li>a .prd_box .txt_box {
    padding-top: 20px;
}


.wp_wrap #full_inq {
    padding: 100px 0;
    margin-top: 0;
}
.wp_wrap #full_inq .flex_inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 50px;
}
.wp_wrap #full_inq .flex_inner .txt_box {
    width: 100%;
}
.wp_wrap #full_inq .flex_inner .txt_box .tit_box {
    margin-bottom: 40px;
}
.wp_wrap #full_inq .flex_inner .txt_box .tit_box .tit {
    font-size: 35px;
}
.wp_wrap #full_inq .flex_inner .txt_box .tit_box .tit:after {
    width: 140px;
}
.wp_wrap #full_inq .flex_inner .txt_box .info_box .tel>p {
    font-size: 25px;
}
.wp_wrap #full_inq .flex_inner .txt_box .info_box .tel>a {
    font-size: 30px;
}
.wp_wrap #full_inq .flex_inner .txt_box .info_box .info_list>li .info_in>p>br {
    display: none;
}
.wp_wrap #full_inq .flex_inner .form_box {
    width: 100%;
}
/**********************************************************************************************************************/

/* 서브 */
/**********************************************************************************************************************/
/* greeting */
.wp_wrap #greeting .flex_inner .img_box {
    height: 400px;
}

/* history */
.wp_wrap #history .his_inner .his_list>li .his_box.right {
    padding-left: 20px;
}
.wp_wrap #history .his_inner .his_list>li .his_box.right::before {
    width: 10px;
}
.wp_wrap #history .his_inner .his_list>li .his_box.left {
    padding-right: 20px;
}
.wp_wrap #history .his_inner .his_list>li .his_box.left::before {
    width: 10px;
}
.wp_wrap #history .his_inner .his_list>li .his_box.right .info_list {
    padding-left: 10px;
    padding-right: 0;
}
.wp_wrap #history .his_inner .his_list>li .his_box.left .info_list {
    padding-right: 10px;
    padding-left: 0;
}

/* map */
.wp_wrap #map .map_list>li .map_box .img_box {
    right: 2%;
}
.wp_wrap #map .map_list>li .map_box .info_box .txt_box .name_box .name {
    font-size: 25px;
}
.wp_wrap #map .map_list>li .map_box .info_box .txt_box .name_box {
    margin-bottom: 30px;
}
.wp_wrap #map .net_box .img_box {
    width: 50%;
}
.wp_wrap #map .map_list>li:last-child .map_box {
    padding-bottom: 70px;
}
.wp_wrap #map .net_box .txt_box .kr {
    font-size: 25px;
    margin-bottom: 30px;
}

/* certi */
.wp_wrap #certi .certi_list>li .certi_box .img_list {
    grid-template-columns: repeat(3, 1fr);
}



/* esg */
.wp_wrap #esg .txt_box .tit_box .tit {
    font-size: 30px;
}
.wp_wrap #esg .txt_box .ex {
    font-size: 18px;
}
.wp_wrap #esg .txt_box .bold {
    font-size: 18px;
}
.wp_wrap #esg .esg_list>li .esg_box .info_box {
    padding-left: 0;
}
.wp_wrap #esg .esg_list>li .esg_box .info_box .tit {
    font-size: 16px;
}
.wp_wrap #esg .esg_list>li .esg_box .info_box .txt_box .name {
    font-size: 25px;
}
.wp_wrap #esg .esg_list>li .esg_box .info_box .txt_box .ex {
    font-size: 18px;
}


/* production */
.wp_wrap #production .pro_list>li .pro_box .sys_list {
    gap: 20px;
}
.wp_wrap #production .pro_list>li .pro_box .info_box .info_list>li .info_in {
    padding: 20px;
}
.wp_wrap #production .pro_list>li .pro_box .info_box .info_list>li .info_in .ex_box .prd {
    font-size: 18px;
    margin-bottom: 15px;
}
.wp_wrap #production .pro_list>li .pro_box .info_box .info_list>li .info_in .ex_box .num {
    font-size: 30px;
    margin-bottom: 15px;
}
.wp_wrap #production .pro_list>li .pro_box .info_box .info_list>li .info_in .img_box>img {
    width: 80%;
}
.wp_wrap #production .pro_list>li .pro_box .gray_box .img_box>p {
    font-size: 20px;
}
.wp_wrap #production .pro_list>li .pro_box .process_list>li .process_box .inner_box .blue {
    font-size: 23px;
}
.wp_wrap #production .pro_list>li .pro_box .process_list>li .process_box .inner_box .ex {
    font-size: 18px;
}
.wp_wrap #production .pro_list>li .pro_box .slo_box .slo_in .bold {
    font-size: 20px;
    margin-bottom: 5px;
}
.wp_wrap #production .pro_list>li .pro_box .slo_box .slo_in .reg {
    font-size: 18px;
}
.wp_wrap #production .pro_list>li .pro_box .process_list>li .process_box {
    gap: 20px;
}
.wp_wrap #production .pro_list>li .pro_box .tit_box .tit {
    font-size: 30px;
}


.wp_wrap #production .pro_list>li .pro_box .process>li .process_in {
    flex-direction: column;
    gap: 30px;
    align-items: flex-start;
}
.wp_wrap #production .pro_list>li .pro_box .process>li:nth-child(2) .process_in {
    flex-direction: column-reverse;
}
.wp_wrap #production .pro_list>li .pro_box .process>li .process_in .img_list {
    width: 100%;
}
.wp_wrap #production .pro_list>li .pro_box .process>li .process_in .l_box {
    width: 100%;
}
.wp_wrap #production .pro_list>li .pro_box .process>li .process_in .l_box .txt_box .ex>br {
    display: none;
}
.wp_wrap #production .pro_list>li .pro_box .table_box {
    flex-direction: column;
}
.wp_wrap #production .pro_list>li .pro_box .process>li .process_in .l_box .txt_box .name {
    font-size: 23px;
    margin-bottom: 10px;
}
.wp_wrap #production .pro_list>li .pro_box .process>li .process_in .l_box .num {
    margin-bottom: 15px;
}
.wp_wrap #production .pro_list>li .pro_box .strength_box .str_list>li .str_box {
    padding: 30px 0;
}


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

}

@media (max-width: 842px) {
    /* esg */
    .wp_wrap #esg .esg_list {
        flex-direction: column;
    }
    .wp_wrap #esg .esg_list>li .esg_box .img_box01 {
        height: 300px;
    }
    .wp_wrap #esg .esg_list>li .esg_box .img_box01>img {
        object-position: center;
        height: 100%;
    }
}


@media (max-width: 792px) {
    .wp_wrap #history .his_inner .his_list>li .his_box.right .info_list>li {
        flex-direction: column;
        gap: 5px;
        align-items: flex-start;
    }
    .wp_wrap #history .his_inner .his_list>li .his_box.left .info_list>li {
        flex-direction: column-reverse;
        gap: 5px;
        align-items: flex-start;
    }
}


@media (max-width: 768px) {
/* 헤더 */
/**********************************************************************************************************************/
.wp_wrap header .h_inner .mlogo {
    width: 130px;
}
/**********************************************************************************************************************/

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

/* 메인 */
/**********************************************************************************************************************/
/* visual */
.wp_wrap .m_visual {
    height: 80vh;
}
.wp_wrap .m_visual .m_slider {
    height: 100%;
}
.slick-slider .slick-list {
    height: 100%;
}
.slick-slider .slick-track {
    height: 100%;
}
.wp_wrap .m_visual .m_slider .mv_slide {
    height: 80vh;
}
.wp_wrap .m_visual .control_box {
    left: calc(50% - 368px);
}
.wp_wrap .m_visual .m_slider .mv_slide .txt_box_out .txt_box .mv_txt {
    font-size: 40px;
}
.wp_wrap .m_visual .m_slider .mv_slide .txt_box_out .txt_box .tit {
    font-size: 20px;
}
.wp_wrap .m_visual .control_box {
    top: 62%;
}

/* about */
.wp_wrap #about {
    position: relative;
    height: unset;
}
.wp_wrap #about .sticky_box {
    position: relative;
    height: unset;
    padding: 120px 0;
}
.wp_wrap #about .sticky_box>p {
    display: none;
}
.wp_wrap #about .sticky_box .img_bg img {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0px;
}
.wp_wrap #about .sticky_box .contents_box {
    position: relative;
    margin-right: unset;
    margin-left: unset;
    padding-top: 0;
    width: 100%;
    height: unset;
    padding: 0 15px;
}
.wp_wrap #about .sticky_box .contents_box .af_txt2 {
    max-width: 100%;
}
.wp_wrap #about .sticky_box .contents_box .af_txt1 p {
    font-size: 25px;
    margin-bottom: 25px;
}
.wp_wrap #about .sticky_box .contents_box .sub_tit {
    font-size: 16px;
}
.wp_wrap #about .sticky_box .contents_box .af_txt2 p {
    font-size: 16px;
}

/* product */
.wp_wrap #product {
    padding: 60px 0;
}
.wp_wrap #product .gray_inner .top_box .tit_box .s_tit {
    font-size: 16px;
}
.wp_wrap #product .gray_inner .top_box .tit_box .tit {
    font-size: 25px;
}
.wp_wrap #product .gray_inner .top_box .view>a:after {
    display: none;
}
.wp_wrap #product .gray_inner .top_box .view>a>i {
    color: #000;
}
.wp_wrap #product .gray_inner .top_box .view>a:hover {
    color: #000;
}
.wp_wrap #product .gray_inner .bot_list .prd_list {
    flex-direction: column;
}
.wp_wrap #product .gray_inner .bot_list {
    height: 100%;
}
.wp_wrap #product .gray_inner .bot_list .prd_list>li>a .prd_box .img_box {
    height: 200px;
}
.wp_wrap #product .gray_inner .bot_list .prd_list>li>a .prd_box .img_box>img {
    height: 100%;
}


/* inq */
.wp_wrap #inq {
    padding-bottom: 60px;
}
.wp_wrap #inq .flex_inner .txt_box .tit_box .tit {
    font-size: 35px;
    margin-bottom: 20px;
}
.wp_wrap #inq .flex_inner .txt_box .tit_box .tit:after {
    width: 135px;
    height: 15px;
}
.wp_wrap #inq .flex_inner .txt_box .tit_box .ex {
    font-size: 18px;
}
.wp_wrap #inq .flex_inner .txt_box .info_box .tel>p {
    font-size: 20px;
}
.wp_wrap #inq .flex_inner .txt_box .info_box .tel>a {
    font-size: 25px;
}
.wp_wrap #inq .flex_inner .txt_box .info_box .info_list>li .info_in>p {
    font-size: 18px;
}
.wp_wrap #inq .flex_inner .txt_box .info_box .info_list {
    gap: 10px;
}
.wp_wrap #inq .flex_inner .txt_box .info_box .tel {
    margin-bottom: 15px;
}
.wp_wrap #inq .flex_inner .form_box {
    padding: 20px 25px;
}



/* new_main */
.wp_wrap #full_about .sticky_box .contents_box .af_txt1 p {
    font-size: 25px;
    margin-bottom: 30px;
}
.wp_wrap #full_about .sticky_box .contents_box .af_txt2 p {
    font-size: 18px;
}
.wp_wrap #full_about .sticky_box .contents_box .sub_tit {
    font-size: 18px;
    margin-bottom: 10px;
}

.wp_wrap #full_product .gray_inner .top_box .tit_box .s_tit {
    font-size: 18px;
}
.wp_wrap #full_product .gray_inner .top_box .tit_box .tit {
    font-size: 25px;
}
.wp_wrap #full_product .gray_inner .top_box {
    margin-bottom: 30px;
}
.wp_wrap #full_product .gray_inner .bot_list .prd_list {
    flex-direction: column;
}
.wp_wrap #full_product .gray_inner .bot_list {
    height: auto;
}

.wp_wrap #full_inq .flex_inner .txt_box .tit_box .tit {
    font-size: 30px;
}
.wp_wrap #full_inq .flex_inner .txt_box .tit_box .tit:after {
    width: 120px;
    height: 15px;
}
.wp_wrap #full_inq .flex_inner .txt_box .tit_box .ex {
    font-size: 18px;
}
.wp_wrap #full_inq .flex_inner .txt_box .info_box .tel>p {
    font-size: 23px;
}
.wp_wrap #full_inq .flex_inner .txt_box .info_box .tel>a {
    font-size: 25px;
}
.wp_wrap #full_inq .flex_inner .txt_box .info_box .info_list>li .info_in>p {
    font-size: 18px;
}
.wp_wrap #full_inq .flex_inner .form_box .form_wrap .form_line.flex {
    flex-direction: column;
    gap: 15px;
}
.wp_wrap #full_inq .flex_inner .form_box {
    padding: 15px;
}
/**********************************************************************************************************************/

/* 서브 */
/**********************************************************************************************************************/
/* sub_top */
.wp_wrap .sub_top {
    height: 300px;
}
.wp_wrap .sub_top .sub_tit_area>p {
    font-size: 30px;
}
.wp_wrap .sub_top .inner_box {
    padding-top: 235px;
}


/* greeting */
.wp_wrap #greeting {
    padding: 60px 0;
}
.wp_wrap #greeting .flex_inner .txt_box .tit_box .tit {
    font-size: 25px;
}
.wp_wrap #greeting .flex_inner .txt_box .tit_box .s_tit {
    font-size: 18px;
    margin-bottom: 5px;
}
.wp_wrap #greeting .flex_inner .img_box {
    height: 300px;
}
.wp_wrap #greeting .flex_inner .img_box>img {
    object-position: 0px -300px;
}


/* history */
.wp_wrap #history {
    padding: 60px 0;
}
.wp_wrap #history .tit_box {
    text-align: start;
}
.wp_wrap #history .tit_box .tit {
    font-size: 25px;
    margin-bottom: 10px;
}
.wp_wrap #history .tit_box .s_tit {
    font-size: 18px;
    margin-bottom: 5px;
}
.wp_wrap #history .his_inner {
    align-items: flex-start;
    gap: 30px;
}
.wp_wrap #history .his_inner .his_list>li .his_box.right {
    margin-left: 0;
    width: 100%;
    padding-left: 0;
}
.wp_wrap #history .his_inner .his_list>li .his_box.right::before {
    display: none;
}
.wp_wrap #history .his_inner .his_list>li .his_box.right:after {
    display: none;
}
.wp_wrap #history .his_inner:after {
    display: none;
}
.wp_wrap #history .his_inner .his_list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.wp_wrap #history .his_inner .his_list>li .his_box.left {
    align-items: flex-start;
    padding-right: 0;
    width: 100%;
}
.wp_wrap #history .his_inner .his_list>li .his_box.left .info_list {
    border-right: 3px solid #0066AF;
    border-left: none;
    padding-left: 10px;
}
.wp_wrap #history .his_inner .his_list>li .his_box.left::before {
    display: none;
}
.wp_wrap #history .his_inner .his_list>li .his_box.left:after {
    display: none;
}


/* map */
.wp_wrap #map {
    padding: 60px 0;
}
.wp_wrap #map .tit_box .s_tit {
    font-size: 18px;
    margin-bottom: 5px;
}
.wp_wrap #map .tit_box .tit {
    font-size: 25px;
    margin-bottom: 10px;
}
.wp_wrap #map .map_list>li .map_box .info_box>i {
    display: none;
}
.wp_wrap #map .map_list>li .map_box .img_box {
    width: 20%;
}
.wp_wrap #map .tit_box {
    margin-bottom: 30px;
}
.wp_wrap #map .map_list>li .map_box {
    padding: 20px;
}
.wp_wrap #map .map_list>li .map_box .info_box .txt_box .name_box .small {
    font-size: 18px;
    margin-bottom: 5px;
}
.wp_wrap #map .map_list>li .map_box .info_box .txt_box .name_box .name {
    font-size: 23px;
}
.wp_wrap #map .map_list>li .map_box .info_box .txt_box .name_box {
    margin-bottom: 20px;
}
.wp_wrap #map .map_list>li .map_box .info_box .txt_box .info_list>li {
    gap: 20px;
}
.wp_wrap #map .map_list>li .map_box .info_box .txt_box .info_list>li .bold {
    font-size: 16px;
}
.wp_wrap #map .map_list>li .map_box .info_box .txt_box .info_list>li .info {
    font-size: 16px;
}
.wp_wrap #map .map_list>li:last-child .map_box {
    padding-bottom: 20px;
}
.wp_wrap #map .map_list>li .map_box .info_box .txt_box .info_list {
    gap: 10px;
}
.wp_wrap #map .net_box {
    overflow: hidden;
    padding-bottom: 0;
    padding: 20px;
}
.wp_wrap #map .net_box .txt_box .small {
    font-size: 18px;
    margin-bottom: 5px;
}
.wp_wrap #map .net_box .txt_box .kr {
    font-size: 23px;
    margin-bottom: 20px;
}
.wp_wrap #map .net_box .txt_box .ex {
    font-size: 16px;
}


/* esg */
.wp_wrap #esg {
    padding: 60px 0;
}
.wp_wrap #esg .txt_box .tit_box .s_tit {
    font-size: 18px;
    margin-bottom: 5px;
}
.wp_wrap #esg .txt_box .tit_box .tit {
    font-size: 25px;
}
.wp_wrap #esg .txt_box .tit_box {
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.wp_wrap #esg .txt_box .ex>br {
    display: none;
}


/* certi */
.wp_wrap #certi {
    padding: 60px 0;
}
.wp_wrap #certi .certi_list>li .certi_box .tit_box .s_tit {
    margin-bottom: 5px;
    font-size: 18px;
}
.wp_wrap #certi .certi_list>li .certi_box .tit_box .tit {
    font-size: 25px;
}
.wp_wrap #certi .certi_list>li .certi_box .tit_box {
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.wp_wrap #certi .certi_list>li .certi_box .img_list>li .img_box {
    padding: 10px 15px;
}
.wp_wrap #certi .certi_list>li .certi_box .img_list>li .img_box .name_box .blue {
    font-size: 16px;
}
.wp_wrap #certi .certi_list>li .certi_box .img_list>li .img_box .name_box .name {
    font-size: 14px;
}
.wp_wrap #certi .certi_list {
    gap: 50px;
}


/* production */
.wp_wrap #production {
    padding: 60px 0;
}
.wp_wrap #production .pro_list>li .pro_box .tit_box .s_tit {
    font-size: 18px;
    margin-bottom: 5px;
}
.wp_wrap #production .pro_list>li .pro_box .tit_box .tit {
    font-size: 25px;
    margin-bottom: 10px;
}
.wp_wrap #production .pro_list>li .pro_box .sys_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.wp_wrap #production .pro_list>li .pro_box .tit_box {
    margin-bottom: 30px;
}
.wp_wrap #production .pro_list {
    gap: 50px;
}
.wp_wrap #production .pro_list>li .pro_box .info_box .info_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.wp_wrap #production .pro_list>li .pro_box .info_box .info_list>li:first-child {
    border-bottom: 1px solid #E8E8E8;
}
.wp_wrap #production .pro_list>li .pro_box .info_box .info_list>li:nth-child(2) {
    border-right: none;
    border-bottom: 1px solid #E8E8E8;
}
.wp_wrap #production .pro_list>li .pro_box .process_list>li .process_box .num {
    width: 70px;
    height: 70px;
    font-size: 30px;
}
.wp_wrap #production .pro_list>li .pro_box .process_list>li .process_box .inner_box {
    padding: 20px 15px;
}
.wp_wrap #production .pro_list>li .pro_box .process_list>li .process_box .inner_box .blue {
    font-size: 20px;
    margin-bottom: 10px;
}
.wp_wrap #production .pro_list>li .pro_box .process_list>li .process_box .inner_box .ex {
    font-size: 16px;
}
.wp_wrap #production .pro_list>li .pro_box .process_list>li .process_box .num:after {
    bottom: -50px;
}



.wp_wrap #production .pro_list>li .pro_box .process>li .process_in .l_box .txt_box .name {
    font-size: 20px;
}
.wp_wrap #production .pro_list>li .pro_box .process>li .process_in .l_box .txt_box .ex {
    font-size: 16px;
}
.wp_wrap #production .pro_list>li .pro_box .process>li .process_in .img_list {
    height: 350px;
}
.wp_wrap #production .pro_list>li .pro_box .process>li .process_in .img_list .slick-slide img {
    height: 100%;
}
.wp_wrap #production .pro_list>li .pro_box .strength_box .str_list {
    flex-direction: column;
    padding: 0;
}
.wp_wrap #production .pro_list>li .pro_box .strength_box .str_list>li {
    border-right: none;
    border-bottom: 1px solid #e8e8e8;
}
.wp_wrap #production .pro_list>li .pro_box .strength_box .str_list>li .str_box .txt_box .ex>br {
    display: none;
}
.wp_wrap #production .pro_list>li .pro_box .slo_box>p {
    font-size: 18px;
}


/* product */
.wp_wrap #product .tit_box .s_tit {
    font-size: 18px;
    margin-bottom: 5px;
}
.wp_wrap #product .tit_box .tit {
    font-size: 25px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.wp_wrap #product .ex_box .b_txt {
    font-size: 18px;
}
.wp_wrap #product .ex_box .ex {
    font-size: 16px;
}
.wp_wrap #product .ex_box .ex>br {
    display: none;
}


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


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


/* 모달 */
/**********************************************************************************************************************/
.wp_wrap .pv_md .md_outer .width_inner .md_inner p {
    font-size: 28px;
}

}

@media (max-width: 652px) {
    /* greeting */
    .wp_wrap #greeting .flex_inner .img_box>img {
        object-position: 0px -235px;
    }

    /* map */
    .wp_wrap #map .map_list>li .map_box .info_box .txt_box .info_list>li {
        flex-direction: column;
        gap: 5px;
        align-items: flex-start;
    }
}


@media (max-width: 576px) {
/* 헤더 */
/**********************************************************************************************************************/
.wp_wrap header .h_inner .mlogo {
    width: 85px;
}
/**********************************************************************************************************************/

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

/* 메인 */
/**********************************************************************************************************************/
/* visual */
.wp_wrap .m_visual .control_box {
    left: calc(50% - 270px);
}
.wp_wrap .m_visual .m_slider .mv_slide .txt_box_out .txt_box .mv_txt {
    font-size: 35px;
}

/* product */
.wp_wrap #product .gray_inner .bot_list .prd_list>li>a .prd_box .img_box {
    height: 160px;
}

/* inq */
.wp_wrap #inq .flex_inner .form_box .form_wrap .form_line.flex {
    flex-direction: column;
    gap: 10px;
}



/* new_main */
.wp_wrap #full_visual .m_slider .mv_slide .txt_box_out .txt_box .mv_txt {
    font-size: 35px;
}
.wp_wrap #full_visual .m_slider .mv_slide .txt_box_out .txt_box .tit {
    font-size: 18px;
}
.wp_wrap #full_visual .m_slider .mv_slide .txt_box_out .txt_box .s_tit {
    font-size: 16px;
}
.wp_wrap #full_visual .control_box .progress01 {
    width: 280px;
}

.wp_wrap #full_about .sticky_box .contents_box .af_txt2 p {
    font-size: 16px;
}

.wp_wrap #full_product .gray_inner .bot_list .prd_list>li>a .prd_box .img_box>img {
    width: 70%;
}
/**********************************************************************************************************************/

/* 서브 */
/**********************************************************************************************************************/
/* sub_top */
.wp_wrap .sub_top {
    height: 250px;
}
.wp_wrap .sub_top .inner_box {
    padding-top: 50px;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.wp_wrap .sub_top .sub_crt_lct {
    width: 100%;
    display: flex;
    justify-content: center;
}
.wp_wrap .sub_top .sub_crt_lct .sub_mnu_area .mnu_box>div:last-child {
    padding-right: 0;
}

/* greeting */
.wp_wrap #greeting .flex_inner .txt_box .ex_box .ex {
    font-size: 16px;
}
.wp_wrap #greeting .flex_inner .img_box {
    height: 250px;
}
.wp_wrap #greeting .flex_inner .img_box>img {
    object-position: 0px -210px;
}
.wp_wrap #greeting .flex_inner .txt_box .ex_box .name {
    margin-top: 10px;
    font-size: 18px;
}


/* history */
.wp_wrap #history .tit_box .tit>br {
    display: none;
}
.wp_wrap #history .tit_box .ex {
    font-size: 16px;
}

/* map */
.wp_wrap #map .map_list>li .map_box .info_box .txt_box .name_box .small {
    font-size: 16px;
}
.wp_wrap #map .map_list>li .map_box .info_box .txt_box .name_box .name {
    font-size: 20px;
}
.wp_wrap #map .net_box .txt_box .small {
    font-size: 16px;
}
.wp_wrap #map .net_box .txt_box .kr {
    font-size: 20px;
}
.wp_wrap #map .map_list {
    gap: 30px;
    margin-bottom: 30px;
}
.wp_wrap #map .tit_box .ex {
    font-size: 16px;
}

/* esg */
.wp_wrap #esg .txt_box .ex {
    font-size: 16px;
}
.wp_wrap #esg .txt_box .bold {
    font-size: 16px;
}

/* certi */
.wp_wrap #certi .certi_list>li .certi_box .img_list {
    grid-template-columns: repeat(2, 1fr);
}

/* production */
.wp_wrap #production .pro_list>li .pro_box .tit_box .ex {
    font-size: 16px;
}
.wp_wrap #production .pro_list>li .pro_box .gray_box .img_box {
    flex-direction: column;
    gap: 5px;
}
.wp_wrap #production .pro_list>li .pro_box .gray_box .img_box>p {
    font-size: 18px;
    text-align: center;
}
.wp_wrap #production .pro_list>li .pro_box .gray_box {
    padding: 15px 0;
}
.wp_wrap #production .pro_list>li .pro_box .process_list>li .process_box .num {
    width: 10%;
    border-radius: 10px;
}
.wp_wrap #production .pro_list>li .pro_box .process_list>li .process_box {
    gap: 10px;
}
.wp_wrap #production .pro_list>li .pro_box .process_list>li .process_box .num {
    font-size: 25px;
}
.wp_wrap #production .pro_list>li .pro_box .slo_box {
    flex-direction: column;
    gap: 5px;
    padding: 15px 0;
}
.wp_wrap #production .pro_list>li .pro_box .slo_box .slo_in .bold {
    text-align: center;
    font-size: 18px;
}
.wp_wrap #production .pro_list>li .pro_box .slo_box .slo_in .reg {
    text-align: center;
    font-size: 16px;
}
/**********************************************************************************************************************/


/* 모달 */
/**********************************************************************************************************************/
.wp_wrap .pv_md .md_outer .width_inner {
    padding: 25px 15px 35px 15px;
}
.wp_wrap .pv_md .md_outer .width_inner .icon_box {
    top: 13px;
    right: 13px;
}
.wp_wrap .pv_md .md_outer .width_inner .icon_box i {
    padding: 5px;
    font-size: 17px;
}
.wp_wrap .pv_md .md_outer .width_inner .md_inner {
    gap: 10px;
}
.wp_wrap .pv_md .md_outer .width_inner .md_inner p {
    font-size: 23px;
}
.wp_wrap .pv_md .md_outer .width_inner .md_inner .txt_box {
    padding: 10px;
}
.wp_wrap .pv_md .md_outer .width_inner .md_inner .txt_box .txt_body pre {
    font-size: 15px;
}

}


@media (max-width: 543px) {
    .wp_wrap #full_product .gray_inner .top_box {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
    .wp_wrap #full_product .gray_inner .top_box .view {
        display: flex;
        justify-content: flex-end;
        margin-left: auto;
    }
}

@media (max-width: 505px) {
    /* greeting */
    .wp_wrap #greeting .flex_inner .img_box>img {
        object-position: 0px -160px;
    }
}

@media (max-width: 498px) {
    /* esg */
    .wp_wrap #esg .txt_box .tit_box .tit>br {
        display: none;
    }
}

@media (max-width: 463px) {
    .wp_wrap #full_about .sticky_box .contents_box .af_txt2 p>br {
        display: none;
    }
}

@media (max-width: 453px) {
    /* greeting */
    .wp_wrap #greeting .flex_inner .img_box {
        height: 200px;
    }
}

@media (max-width: 439px) {
    .wp_wrap #history .tit_box .ex>br {
        display: none;
    }
}


@media (max-width: 430px) {
/* 헤더 */
/**********************************************************************************************************************/
.wp_wrap header .h_inner .mlogo {
    margin-right: 0;
    width: 70px;
}
.wp_wrap header .h_inner .momnu_icon {
    padding: 25px 0;
}
/**********************************************************************************************************************/

/* 푸터 */
/**********************************************************************************************************************/
.wp_wrap footer .f_inner .lt .f_logo {
    width: 70px;
}
/**********************************************************************************************************************/

/* 메인 */
/**********************************************************************************************************************/
/* visual */
.wp_wrap .m_visual {
    height: 65vh;
}
.wp_wrap .m_visual .m_slider .mv_slide {
    height: 65vh;
}
.wp_wrap .m_visual .control_box {
    left: calc(50% - 197px);
}
.wp_wrap .m_visual .control_box .progress01 {
    width: 300px;
}
.wp_wrap .m_visual .control_box {
    top: 63%;
}
.wp_wrap .m_visual .m_slider .mv_slide .txt_box_out .txt_box .mv_txt {
    font-size: 30px;
}
.wp_wrap .m_visual .m_slider .mv_slide .txt_box_out .txt_box .tit {
    font-size: 18px;
}
.wp_wrap .m_visual .m_slider .mv_slide .txt_box_out .txt_box .s_tit {
    font-size: 16px;
}


/* about */
.wp_wrap #about .sticky_box {
    padding: 100px 0;
}
.wp_wrap #about .sticky_box .contents_box .af_txt1 p {
    font-size: 20px;
    margin-bottom: 40px;
}
.wp_wrap #about .sticky_box .contents_box .af_txt2 p {
    font-size: 13px;
}
.wp_wrap #about .sticky_box .contents_box .af_txt2 p>br {
    display: none;
}
.wp_wrap #about .sticky_box .contents_box .view>a {
    padding-left: 0;
}

/* product */
.wp_wrap #product .gray_inner .top_box {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}
.wp_wrap #product .gray_inner .top_box .tit_box .tit {
    font-size: 20px;
}
.wp_wrap #product .gray_inner .top_box .view>a {
    padding-left: 0;
    justify-content: flex-end;
}
.wp_wrap #product .gray_inner .top_box .view {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
.wp_wrap #product .gray_inner .top_box {
    margin-bottom: 30px;
}

/* inq */
.wp_wrap #inq .flex_inner .txt_box .tit_box .tit {
    font-size: 30px;
}
.wp_wrap #inq .flex_inner .txt_box .tit_box .tit:after {
    width: 115px;
}
.wp_wrap #inq .flex_inner .txt_box .tit_box .ex {
    font-size: 16px;
}
.wp_wrap #inq .flex_inner .txt_box .info_box .info_list>li .info_in>p {
    font-size: 16px;
}
.wp_wrap #inq .flex_inner .form_box .form_wrap .form_line .input_box input[type="text"] {
    font-size: 16px;
    padding: 15px;
}
.wp_wrap #inq .flex_inner .form_box .form_wrap .form_line .input_box.text {
    height: 60px;
}
.wp_wrap #inq .flex_inner .form_box .form_wrap .form_last .line_rt button {
    font-size: 18px;
}
.wp_wrap #inq .flex_inner .form_box .form_wrap .form_last .line_rt {
    width: 150px;
    height: 50px;
}


/* new_main */
.wp_wrap .cm_inner02 {
    padding: 0;
}
.wp_wrap #full_visual {
    height: 70vh !important;
}
.wp_wrap #full_visual .m_slider .mv_slide .txt_box_out .txt_box .mv_txt {
    font-size: 30px;
}

.wp_wrap #full_about .sticky_box .contents_box {
    padding: 0 15px;
}
.wp_wrap #full_about .sticky_box .contents_box .af_txt1 p {
    font-size: 22px;
}

.wp_wrap #full_product .gray_inner .top_box .tit_box .tit {
    font-size: 22px;
}

.wp_wrap #full_inq .flex_inner .form_box .form_wrap .form_last .line_rt {
    width: 160px;
}
.wp_wrap #full_inq .flex_inner .form_box .form_wrap .form_last .line_rt button {
    font-size: 16px;
}
/**********************************************************************************************************************/

/* 서브 */
/**********************************************************************************************************************/
/* sub_top */
.wp_wrap .sub_top .sub_tit_area>p {
    font-size: 25px;
}
.wp_wrap .sub_top .sub_mnu_area .mnu_box .mnu_area .cur_lct span {
    font-size: 14px;
}
.wp_wrap .sub_top .sub_mnu_area .mnu_box .mnu_area.mnu_area2 .cur_lct {
    width: 160px;
}

/* greeting */
.wp_wrap #greeting .flex_inner .txt_box .tit_box .tit {
    font-size: 22px;
}
.wp_wrap #greeting .flex_inner .img_box>img {
    object-position: 0px -135px;
}


/* history */
.wp_wrap #history .tit_box .tit {
    font-size: 22px;
}


/* map */
.wp_wrap #map .tit_box .tit {
    font-size: 22px;
}
.wp_wrap #map .map_list>li .map_box .info_box .txt_box .info_list>li .info {
    font-size: 14px;
}

/* esg */
.wp_wrap #esg .esg_list>li .esg_box .img_box01 {
    height: 200px;
}
.wp_wrap #esg .esg_list>li .esg_box .info_box .img_box>img {
    width: 80px;
}
.wp_wrap #esg .txt_box .tit_box .tit {
    font-size: 22px;
}
.wp_wrap #esg .esg_list>li .esg_box .info_box .txt_box .ex {
    font-size: 16px;
}


/* certi */
.wp_wrap #certi .certi_list>li .certi_box .tit_box .tit {
    font-size: 22px;
}


/* production */
.wp_wrap #production .pro_list>li .pro_box .tit_box .tit {
    font-size: 22px;
}
.wp_wrap #production .pro_list>li .pro_box .sys_list>li .sys_box .txt_box .name {
    font-size: 18px;
}
.wp_wrap #production .pro_list>li .pro_box .sys_list>li .sys_box .txt_box .ex {
    font-size: 15px;
}
.wp_wrap #production .pro_list>li .pro_box .sys_list>li .sys_box {
    padding: 30px 0;
}
.wp_wrap #production .pro_list>li .pro_box .gray_box {
    border-radius: 0;
}
.wp_wrap #production .pro_list>li .pro_box .info_box .info_list>li .info_in .img_box:after {
    width: 120px;
}
.wp_wrap #production .pro_list>li .pro_box .info_box {
    padding: 30px 0;
}
.wp_wrap #production .pro_list>li .pro_box .info_box .info_list>li .info_in .ex_box .prd {
    font-size: 16px;
}
.wp_wrap #production .pro_list>li .pro_box .info_box .info_list>li .info_in .ex_box .num {
    font-size: 25px;
}
.wp_wrap #production .pro_list>li .pro_box .info_box .info_list>li .info_in .ex_box .ex_list>li>p {
    font-size: 13px;
}
.wp_wrap #production .pro_list>li .pro_box .info_box .info_list>li .info_in .img_box>img {
    width: 75%;
}
.wp_wrap #production .pro_list>li .pro_box .info_box .info_list>li .info_in .img_box {
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.wp_wrap #production .pro_list>li .pro_box .gray_box .img_box>p {
    font-size: 16px;
}
.wp_wrap #production .pro_list>li .pro_box .process_list>li .process_box .inner_box .blue {
    font-size: 18px;
}
.wp_wrap #production .pro_list>li .pro_box .process_list>li .process_box .inner_box .ex {
    font-size: 15px;
}
.wp_wrap #production .pro_list>li .pro_box .slo_box {
    text-align: center;
}
.wp_wrap #production .pro_list>li .pro_box .slo_box .slo_in .bold {
    font-size: 16px;
}
.wp_wrap #production .pro_list>li .pro_box .slo_box .slo_in .reg {
    font-size: 13px;
}


.wp_wrap #production .pro_list>li .pro_box .process>li .process_in .img_list {
    height: 270px;
}
.wp_wrap #production .pro_list>li .pro_box .table_box table thead tr th {
    font-size: 13px;
}
.wp_wrap #production .pro_list>li .pro_box .table_box table tbody tr td {
    font-size: 12px;
}
.wp_wrap #production .pro_list>li .pro_box .process>li .process_in .l_box .num {
    margin: 0 auto;
    margin-bottom: 15px;
}
.wp_wrap #production .pro_list>li .pro_box .slo_box>p {
    font-size: 16px;
    text-align: center;
}
.wp_wrap #production .pro_list>li .pro_box .process>li .process_in .l_box .txt_box .name {
    font-size: 18px;
    text-align: center;
}
.wp_wrap #production .pro_list>li .pro_box .process>li .process_in .l_box .txt_box .ex {
    font-size: 13px;
    text-align: center;
}
.wp_wrap #production .pro_list>li .pro_box .process>li .process_in {
    padding: 20px;
}


/* product */
.wp_wrap #product .tit_box .tit {
    font-size: 22px;
}
/**********************************************************************************************************************/

}

@media (max-width: 375px) {
    /* sub_top */
    .wp_wrap .sub_top .sub_crt_lct .sub_mnu_area .mnu_box>div {
        padding-right: 10px;
        margin-right: 10px;
    }

    /* greeting */
    .wp_wrap #greeting .flex_inner .img_box {
        height: 150px;
    }
    .wp_wrap #greeting .flex_inner .img_box>img {
        object-position: 0px -125px;
    }

    /* certi */
    .wp_wrap #certi .certi_list>li .certi_box .img_list {
        grid-template-columns: repeat(1, 1fr);
    }
    .wp_wrap #certi .certi_list>li .certi_box .img_list>li .img_box>img {
        margin: 0 auto;
        margin-bottom: 10px;
    }

    

    /* new_main */
    .wp_wrap #full_visual .control_box .progress01 {
        width: 200px;
    }

    .wp_wrap #full_inq .flex_inner .txt_box .tit_box .ex {
        font-size: 16px;
    }
    .wp_wrap #full_inq .flex_inner .txt_box .info_box .info_list>li .info_in>p {
        font-size: 16px;
    }
    .wp_wrap #full_inq .flex_inner .txt_box .info_box .tel>p {
        font-size: 20px;
        margin-bottom: 5px;
    }
    .wp_wrap #full_inq .flex_inner .txt_box .info_box .tel>a {
        font-size: 22px;
    }
}

@media (max-width: 328px) {
    /* production */
    .wp_wrap #production .pro_list>li .pro_box .sys_list>li .sys_box .txt_box .ex {
        font-size: 13px;
    }
}

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

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

/* 메인 */
/**********************************************************************************************************************/
.wp_wrap .m_visual .control_box .progress01 {
    width: 230px;
}
.wp_wrap .m_visual .control_box {
    left: calc(50% - 145px);
}

/* product */
.wp_wrap #product .gray_inner .bot_list .prd_list>li>a .prd_box .txt_box .name {
    font-size: 18px;
}
/**********************************************************************************************************************/

/* 서브 */
/**********************************************************************************************************************/
/* sub_top */
.wp_wrap .sub_top .sub_mnu_area .mnu_box .mnu_area .cur_lct span {
    font-size: 12px;
}
.wp_wrap .sub_top .sub_mnu_area .mnu_box .mnu_area.mnu_area2 .cur_lct {
    width: 140px;
}
/**********************************************************************************************************************/

}