@charset "utf-8";

@media (max-width: 1800px) {

    /**********************************************************************************************************************/
    /* 메인 스타일 */
    /**********************************************************************************************************************/
    .wp_wrap #ms_prd_thumn .sec_ir .prd_thumn {
        width: 100%;
    }
    /**********************************************************************************************************************/

}

@media (max-width: 1700px) {

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

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

    /**********************************************************************************************************************/
    /* 메인 스타일 */
    /**********************************************************************************************************************/
    .wp_wrap #ms_prd_cards .sec_ir .prd_card_bd .btn_card_lt {
        left: 15px;
    }

    .wp_wrap #ms_prd_cards .sec_ir .prd_card_bd .btn_card_rt {
        right: 15px;
    }

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


    /**********************************************************************************************************************/
    /* 서브 스타일 */
    /**********************************************************************************************************************/
    /**********************************************************************************************************************/

}



@media (max-width: 1500px) {
    /**********************************************************************************************************************/
    /* 공통 스타일 */
    /**********************************************************************************************************************/
    /* 이너사이즈 */
    .wp_wrap .cm_inner02 {
        width: 100%;
        padding: 0 15px;
    }
    /**********************************************************************************************************************/

}



@media (max-width: 1400px) {
    /**********************************************************************************************************************/
    /* 공통 스타일 */
    /**********************************************************************************************************************/
    /**********************************************************************************************************************/


    /**********************************************************************************************************************/
    /* 헤더 스타일 */
    /**********************************************************************************************************************/
    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 헤더 메뉴 */
    .wp_wrap header .h_gnb .h_mnu {
        max-width: 680px;
    }

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


    /**********************************************************************************************************************/
    /* 푸터 스타일 */
    /**********************************************************************************************************************/
    /**********************************************************************************************************************/


    /**********************************************************************************************************************/
    /* 메인 스타일 */
    /**********************************************************************************************************************/
    /**********************************************************************************************************************/


    /**********************************************************************************************************************/
    /* 서브 스타일 */
    /**********************************************************************************************************************/
    .wp_wrap .s_about01 .cont_box .itms .itm_li .li_box .txt_box .txt2 br{
        display: none;
    }
    .wp_wrap .s_vsvl01 .cont_box .vsvl_li .txt_box {
        padding: 30px 10px;
        gap: 5px;
    }
    .wp_wrap .s_vsvl01 .cont_box .vsvl_li:last-child .txt_box .text {
        font-size: 16px;
    }
    /**********************************************************************************************************************/

}


@media (max-width: 1200px) {
    /**********************************************************************************************************************/
    /* 공통 스타일 */
    /**********************************************************************************************************************/
    /**********************************************************************************************************************/


    /**********************************************************************************************************************/
    /* 헤더 스타일 */
    /**********************************************************************************************************************/
    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 헤더 공통 */
    .wp_wrap header .hd_ir {
        padding: 20px 0;
    }

    .wp_wrap header .btn_lang{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 60px;
    }

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

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

    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 헤더 정보메뉴 */
    .wp_wrap header .h_info {
        display: none;
    }

    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 헤더 모바일메뉴 오픈버튼 */
    .wp_wrap header .btn_mnu_opn {
        display: block;
    }

    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 헤더 메뉴 배경 */
    .wp_wrap header .hd_bg {
        display: none;
    }


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


    /**********************************************************************************************************************/
    /* 푸터 스타일 */
    /**********************************************************************************************************************/
    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 푸터 정보 */


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


    /**********************************************************************************************************************/
    /* 메인 스타일 */
    /**********************************************************************************************************************/


    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 메인 게시판 영역 */
    /**********************************************************************************************************************/


    /**********************************************************************************************************************/
    /* 서브 스타일 */
    /**********************************************************************************************************************/
    /* s_greeting01 */
    .wp_wrap .s_greeting01 .lt {
        padding-right: 30px;
    }   



    /* s_vsvl01 */
    .wp_wrap .s_vsvl01 .cont_box .vsvl_li .txt_box {
        max-height: 125px;
        padding: 20px 10px;
    }
    .wp_wrap .s_vsvl01 .cont_box .vsvl_li .txt_box .text .btxt {
        font-size: 35px;
    }
    .wp_wrap .s_vsvl01 .cont_box .vsvl_li .txt_box {
        align-items: flex-start;
    }
    .wp_wrap .s_vsvl01 .cont_box .vsvl_li .txt_box .text {
        align-items: flex-start;
        flex-direction: column;
    }

    /* s_contact01 */
    .wp_wrap .s_contact01 .cont_box .rt {
        max-width: 600px;
        width: 600px;
    }


    /* s_wtcome01 */
    .wp_wrap .s_wtcome01 .cont_box .rt {
        padding: 60px 40px;
    }
    /**********************************************************************************************************************/

}


@media (max-width: 992px) {
    /**********************************************************************************************************************/
    /* 공통 스타일 */
    /**********************************************************************************************************************/
    /**********************************************************************************************************************/


    /**********************************************************************************************************************/
    /* 헤더 스타일 */
    /**********************************************************************************************************************/
    /**********************************************************************************************************************/


    /**********************************************************************************************************************/
    /* 푸터 스타일 */
    /**********************************************************************************************************************/
    .wp_wrap footer .ft_ir .ft_top {
        flex-direction: column;
        gap: 15px;
    }
    .wp_wrap footer .ft_ir .ft_top .f_info_wrap .f_info>li, 
    .wp_wrap footer .ft_ir .ft_top .f_info_wrap .f_info>li>a,
    .wp_wrap footer .ft_ir .ft_bot .copy, 
    .wp_wrap footer .ft_ir .ft_bot .copy>a {
        font-size: 16px;
    }
    /**********************************************************************************************************************/


    /**********************************************************************************************************************/
    /* 메인 스타일 */
    /**********************************************************************************************************************/
    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 메인 비주얼영역 */
    .wp_wrap #ms_visual .vs_slide .sd_item .sec_ir .txt_box .hash_tag>li {
        font-size: 20px;
    }

    .wp_wrap #ms_visual .vs_slide .sd_item .sec_ir .txt_box .tit {
        font-size: 42px;
    }

    .wp_wrap #ms_visual .vs_slide .sd_item .sec_ir .txt_box .des {
        font-size: 22px;
    }



    .wp_wrap #ms_notice .sec_ir .noti_cont .lt {
        height: 500px;
        min-height: unset;
    }
    /**********************************************************************************************************************/


    /**********************************************************************************************************************/
    /* 서브 스타일 */
    /**********************************************************************************************************************/
    /* s_about01 */
    .wp_wrap .s_about01 .top_txt_box>img {
        width: 230px;
        margin-bottom: 30px;
    }
    .wp_wrap .s_about01 .top_txt_box .txt1 {
        font-size: 30px;
    }
    .wp_wrap .s_about01 .top_txt_box .txt2 {
        font-size: 45px;
    }
    .wp_wrap .s_about01 .top_txt_box .txt3 {
        font-size: 19px;
    }
    .wp_wrap .s_about01 .cont_box .itms .itm_li .li_box .img_box {
        height: 300px;
    }
    .wp_wrap .s_about01 .cont_box .itms .itm_li:nth-child(odd) .li_box {
        padding-left: 30px;
    }
    .wp_wrap .s_about01 .cont_box .itms .itm_li:nth-child(even) .li_box {
        padding-right: 30px;
    }
    .wp_wrap .s_about01 .cont_box .itms .itm_li .li_box {
        padding-top: 60px;
    }
    .wp_wrap .s_about01 .cont_box .itms .itm_li .li_box .txt_box .txt1 {
        font-size: 45px;
    }
    .wp_wrap .s_about01 .cont_box .itms .itm_li .li_box .txt_box .txt2{
        font-size: 19px;
    }


    /* s_history01 */
    .wp_wrap .s_history01 .tit_box .tit {
        font-size: 45px;
    }
    .wp_wrap .s_history01 .cont_box .hst_box .hst_itms .hst_li .year_box {
        padding-top: 40px;
    }
    .wp_wrap .s_history01 .cont_box .hst_box .hst_itms .hst_li:nth-child(even) .rt,
    .wp_wrap .s_history01 .cont_box .hst_box .hst_itms .hst_li:nth-child(odd) .year_box {
        padding-left: 30px;
    }    
    .wp_wrap .s_history01 .cont_box .hst_box .hst_itms .hst_li:nth-child(odd) .lt,
    .wp_wrap .s_history01 .cont_box .hst_box .hst_itms .hst_li:nth-child(even) .year_box{
        padding-right: 30px;
    }    
    .wp_wrap .s_history01 .cont_box .hst_box .hst_itms .hst_li .year_box>ul>li .mthNum,    
    .wp_wrap .s_history01 .cont_box .hst_box .hst_itms .hst_li .year_box>ul>li>ul .txt_li{ 
        font-size: 19px;
    }
    .wp_wrap .s_history01 .cont_box .hst_box .hst_itms .hst_li:nth-child(odd) .year_box .yearNum::after {
        left: -36px;
    }
    .wp_wrap .s_history01 .cont_box .hst_box .hst_itms .hst_li:nth-child(even) .year_box .yearNum::after {
        right: -36px;
    }
    .wp_wrap .s_history01 .cont_box .hst_box .hst_itms .hst_li .year_box .yearNum {
        font-size: 45px;
    }



    /* s_greeting01 */
    .wp_wrap .s_greeting01 .txt_box .desc_box>p {
        font-size: 19px;
    }
    .wp_wrap .s_greeting01 .cont_box {
        flex-direction: column;
        gap: 40px;
    }
    .wp_wrap .s_greeting01 .cont_box>div {
        width: 100%;
    }
    .wp_wrap .s_greeting01 .lt {
        padding-right: 0;
        order: 2;
    }
    .wp_wrap .s_greeting01 .img_box{
        height: 400px;
    }


    /* s_vsvl01 */
    .wp_wrap .s_vsvl01 .tit_box .tit {
        font-size: 45px;
    }
    .wp_wrap .s_vsvl01 .cont_box {
        flex-wrap: wrap;
    }
    .wp_wrap .s_vsvl01 .cont_box .vsvl_li,
    .wp_wrap .s_vsvl01 .cont_box .vsvl_li:hover {
        width: 100%;
    }
    .wp_wrap .s_vsvl01 .cont_box .vsvl_li .img_box img {
        filter: grayscale(0);
    }
    .wp_wrap .s_vsvl01 .cont_box .vsvl_li .plus_box {
        display: none;
    }
    .wp_wrap .s_vsvl01 .cont_box .vsvl_li .txt_box {
        opacity: 1;
        align-items: center;
    }
    .wp_wrap .s_vsvl01 .cont_box .vsvl_li .txt_box .text {
        align-items: flex-end;
        flex-direction: row;
    }
    .wp_wrap .s_vsvl01 .cont_box .vsvl_li .img_box {
        height: 400px;
    }
    .wp_wrap .s_vsvl01 .cont_box .vsvl_li:last-child .txt_box .text {
        font-size: 20px;
    }



    /* s_contact01 */
    .wp_wrap .s_contact01 .cont_box .lt .txt_box .tit {
        font-size: 45px;
    }
    .wp_wrap .s_contact01 .cont_box .lt .txt_box .desc {
        font-size: 19px;
    }
    .wp_wrap .s_contact01 .cont_box .rt .form_box .form_in {
        padding: 50px 30px;
        border-radius: 20px;
    }
    .wp_wrap .s_contact01 .cont_box .lt .info_box li, 
    .wp_wrap .s_contact01 .cont_box .lt .info_box li>a {
        font-size: 25px;
    }
    .wp_wrap .s_contact01 .cont_box .lt,
    .wp_wrap .s_contact01 .cont_box .rt {
        max-width: unset;
        width: 50%;
    }
    .wp_wrap .s_contact01 .cont_box .rt .form_box .form_in .form_bot {
        flex-direction: column;
        gap: 20px;
    }
    
    /* s_wtcome01 */
    .wp_wrap .s_wtcome01 .cont_box .rt .txt_box .com_info .line>li .ques,
    .wp_wrap .s_wtcome01 .cont_box .rt .txt_box .com_info .line>li .answ {
        font-size: 19px;
    }



    /* s_brand01 */
    .wp_wrap .s_brand01 .cont_box .prepare_wrap p, 
    .wp_wrap .s_mdcPrd01 .cont_box .prepare_wrap p {
        font-size: 55px;
    }
    /**********************************************************************************************************************/


    /**********************************************************************************************************************/
    /* 모달 */
    /**********************************************************************************************************************/
    /* 메인 상품 모달 */    
    .wp_wrap .prdViewMd .prd_info_wrap {
        padding: 0 15px;
    }
    .wp_wrap .prdViewMd .md_outer .width_inner {
        padding: 50px 10px;
    }
    .wp_wrap .prdViewMd .md_outer .width_inner .icon_box {
        width: 50px;
        height: 50px;
    }
    .wp_wrap .prdViewMd .md_outer .width_inner .icon_box i {
        font-size: 28px;
    }
    .wp_wrap .prdViewMd .prd_info_wrap .pImg_box {
        aspect-ratio: auto 1 / 0.57;
    }
    .wp_wrap .prdViewMd .prd_info_wrap .pName_box>p {
        font-size: 28px;
    }
    .wp_wrap .prdViewMd .prd_info_wrap .pName_box {
        padding: 25px 0;
    }
    /**********************************************************************************************************************/

}


@media (max-width: 768px) {
    /**********************************************************************************************************************/
    /* 공통 스타일 */
    /**********************************************************************************************************************/
    .wp_wrap .cm_sec {
        padding: 60px 0;
    }
    /**********************************************************************************************************************/


    /**********************************************************************************************************************/
    /* 헤더 스타일 */
    /**********************************************************************************************************************/
    /**********************************************************************************************************************/


    /**********************************************************************************************************************/
    /* 푸터 스타일 */
    /**********************************************************************************************************************/
    .wp_wrap footer .ft_ir {
        padding: 30px 0;
    }

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


    /**********************************************************************************************************************/
    /* 메인 스타일 */
    /**********************************************************************************************************************/
    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 메인 카드슬라이드 */
    .wp_wrap #ms_prd_cards .sec_ir {
        padding: 60px 0;
    }

    .wp_wrap #ms_prd_cards .sec_ir .prd_card_hd .rt>.btn_more {
        max-width: 85px;
        height: 35px;
        gap: 5px;
        font-size: 13px;
    }
    .wp_wrap #ms_notice .sec_ir {
        padding: 60px 0;
    }

    .wp_wrap #ms_visual .vs_slide .sd_item.sd_item01 .img_box::after{
        background: rgb(0 0 0 / 10%);
    }
    .wp_wrap #ms_visual .vs_slide .sd_item.sd_item02 .img_box::after{
        background: rgb(0 0 0 / 10%);
    }

    .wp_wrap #ms_visual .vs_slide .sd_item .sec_ir .txt_box .hash_tag>li,
    .wp_wrap #ms_visual .vs_slide .sd_item .sec_ir .txt_box .tit,
    .wp_wrap #ms_visual .vs_slide .sd_item .sec_ir .txt_box .des {
        color: #fff;
        /* text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); */
    }
    

    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 메인 게시판 영역 */

    .wp_wrap #ms_notice .sec_ir .noti_cont .lt{
        height: 300px;
    }

    .wp_wrap #ms_notice .sec_ir .noti_cont .lt .lt_ir .img_ovly .txt_box {
        padding: 15px;
    }

    .wp_wrap #ms_notice .sec_ir .noti_cont .lt .lt_ir .img_ovly .txt_box .tag_list>li {
        font-size: 13px;
    }

    .wp_wrap #ms_notice .sec_ir .noti_cont .lt .lt_ir .img_ovly .txt_box .tit_box>.tit {
        font-size: 18px;
    }

    .wp_wrap #ms_notice .sec_ir .noti_cont .lt .lt_ir .img_ovly .txt_box .tit_box>.des {
        font-size: 13px;
    }

    
    .wp_wrap #ms_notice .sec_ir .noti_cont .rt {
        gap: 20px;
    }
    .wp_wrap #ms_notice .sec_ir .noti_cont .rt .rt_item {
        padding: 0;
    }

    .wp_wrap #ms_notice .sec_ir .noti_cont .rt .rt_item .rt_item_ir>.txt_box {
        padding: 15px;
    }

    .wp_wrap #ms_notice .sec_ir .noti_cont .rt .rt_item .rt_item_ir>.img_box {
        min-width: 125px;
        width: 125px;
        height: 125px;
    }
    .wp_wrap #ms_notice .sec_ir .noti_cont .rt .rt_item .rt_item_ir>.txt_box .tit_box .hash_list>li {
        font-size: 13px;
    }

    .wp_wrap #ms_notice .sec_ir .noti_cont .rt .rt_item .rt_item_ir>.txt_box .tit_box .mid_txt>.tit {
        font-size: 18px;
    }

    .wp_wrap #ms_notice .sec_ir .noti_cont .rt .rt_item .rt_item_ir>.txt_box .tit_box .mid_txt>.des {
        font-size: 14px;
        min-height: 32px;
    }

    .wp_wrap #ms_notice .sec_ir .noti_cont .rt .rt_item .rt_item_ir>.txt_box>i {
        font-size: 18px;
        font-weight: bold;
    }

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


    /**********************************************************************************************************************/
    /* 서브 스타일 */
    /**********************************************************************************************************************/
    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 서브탑 */
    .wp_wrap #sub_top .img_ovly .ovly_ir .sub_top_tit {
        font-size: 42px;
    }

    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 서브 베이직섹션 */
    .wp_wrap #shp_basic .shp_ir {
        padding: 60px 0;
    }

    /* s_about01 */
    .wp_wrap .s_about01 .top_txt_box>img {
        width: 200px;
    }
    .wp_wrap .s_about01 .top_txt_box .txt1 {
        font-size: 25px;
    }
    .wp_wrap .s_about01 .top_txt_box .txt2 {
        font-size: 35px;
    }
    .wp_wrap .s_about01 .top_txt_box .txt3 br{
        display: none;
    }
    .wp_wrap .s_about01 .top_txt_box .txt3 {
        font-size: 18px;
    }
    .wp_wrap .s_about01 .cont_box::before, 
    .wp_wrap .s_about01 .cont_box::after, 
    .wp_wrap .s_about01 .cont_box .itms::after,
    .wp_wrap .s_about01 .cont_box .itms::before{
        left: 0;
    }
    .wp_wrap .s_about01 .cont_box .itms .itm_li:nth-child(odd) .li_box,
    .wp_wrap .s_about01 .cont_box .itms .itm_li:nth-child(even) .li_box{  
        margin: 0;
        padding-left: 15px;
    }
    .wp_wrap .s_about01 .cont_box .itms .itm_li:nth-child(even) .li_box{ 
        padding-right: 0;        
        padding-bottom: 60px;
    }
    .wp_wrap .s_about01 .cont_box .itms .itm_li .li_box{
        width: 100%;
    }
    .wp_wrap .s_about01 .cont_box .itms .itm_li .li_box .txt_box .txt1 {
        font-size: 40px;
    }
    .wp_wrap .s_about01 .cont_box .itms .itm_li .li_box .txt_box .txt2 {
        font-size: 18px;
    }
    .wp_wrap .s_about01 .cont_box .itms .itm_li:nth-child(even) .li_box .txt_box {
        text-align: left;
    }



    /* s_history01 */
    .wp_wrap .s_history01 .tit_box .tit {
        font-size: 35px;
    }
    .wp_wrap .s_history01 .cont_box .hst_box .hst_itms {
        gap: 20px;
    }
    .wp_wrap .s_history01 .cont_box .hst_box .hst_itms::after{
        left: 0;
    }
    .wp_wrap .s_history01 .cont_box .hst_box .hst_itms::before {
        left: 0;
        transform: translateX(0);
    }
    .wp_wrap .s_history01 .cont_box .hst_box .hst_itms .hst_li {
        flex-direction: column;       
        padding-top: 0;
        gap: 30px;
    }    
    .wp_wrap .s_history01 .cont_box .hst_box .hst_itms .hst_li>div {
        width: 100%;
    }
    .wp_wrap .s_history01 .cont_box .hst_box .hst_itms .hst_li:nth-child(odd) .lt{
        order: 2;
    }
    .wp_wrap .s_history01 .cont_box .hst_box .hst_itms .hst_li:nth-child(odd) .lt, 
    .wp_wrap .s_history01 .cont_box .hst_box .hst_itms .hst_li:nth-child(even) .year_box {
        padding-right: 0;
        padding-left: 15px;
        align-items: flex-start;
    }
    .wp_wrap .s_history01 .cont_box .hst_box .hst_itms .hst_li:nth-child(even) .rt, 
    .wp_wrap .s_history01 .cont_box .hst_box .hst_itms .hst_li:nth-child(odd) .year_box {
        padding-left: 15px;
    }
    .wp_wrap .s_history01 .cont_box .hst_box .hst_itms .hst_li .year_box>ul>li .mthNum,
    .wp_wrap .s_history01 .cont_box .hst_box .hst_itms .hst_li .year_box>ul>li>ul .txt_li {
        font-size: 18px;
    }
    .wp_wrap .s_history01 .cont_box .hst_box .hst_itms .hst_li .year_box .yearNum {
        font-size: 40px;
    }
    .wp_wrap .s_history01 .cont_box .hst_box .hst_itms .hst_li .year_box .yearNum::after {
        top: 18px;
    }
    .wp_wrap .s_history01 .cont_box .hst_box .hst_itms .hst_li:nth-child(odd) .year_box .yearNum::after,
    .wp_wrap .s_history01 .cont_box .hst_box .hst_itms .hst_li:nth-child(even) .year_box .yearNum::after {
        left: -20px;
    }
    .wp_wrap .s_history01 .cont_box .hst_box .hst_itms .hst_li:nth-child(even) .year_box .yearNum::after {
        right: auto;
    }
    .wp_wrap .s_history01 .cont_box .hst_box .hst_itms .hst_li:nth-child(even) .year_box>ul>li>ul {
        order: 2;
    }
    .wp_wrap .s_history01 .cont_box .hst_box .hst_itms .hst_li:nth-child(even) .year_box>ul>li .mthNum{
        text-align: left;
    }
    .wp_wrap .s_history01 .cont_box .hst_box .hst_itms .hst_li:nth-child(even) .year_box>ul>li {
        justify-content: flex-start;
    }



    /* s_greeting01 */
    .wp_wrap .s_greeting01 .txt_box .tit {
        font-size: 28px;
    }
    .wp_wrap .s_greeting01 .txt_box .desc_box {
        gap: 25px;
    }
    .wp_wrap .s_greeting01 .txt_box .desc_box>p {
        font-size: 18px;
    }
    .wp_wrap .s_greeting01 .img_box {
        height: 360px;
    }

    /* s_vsvl01 */
    .wp_wrap .s_vsvl01 .tit_box {
        margin-bottom: 40px;
    }
    .wp_wrap .s_vsvl01 .tit_box .tit {
        font-size: 35px;
    }
    .wp_wrap .s_vsvl01 .cont_box .vsvl_li .img_box {
        height: 300px;
    }
    .wp_wrap .s_vsvl01 .cont_box .vsvl_li .txt_box .text .btxt {
        font-size: 30px;
    }
    .wp_wrap .s_vsvl01 .cont_box .vsvl_li .txt_box .symbol {
        font-size: 30px;
    }
    .wp_wrap .s_vsvl01 .cont_box .vsvl_li .txt_box .text {
        font-size: 20px;        
    }
    .wp_wrap .s_vsvl01 .cont_box .vsvl_li .txt_box {
        padding: 15px 10px;
    }
    .wp_wrap .s_vsvl01 .cont_box .vsvl_li:last-child .txt_box .text {
        font-size: 16px;
    }


    /* s_contact01 */
    .wp_wrap .s_contact01 .inner_box .cont_box {
        flex-direction: column;
        gap: 40px;
    }
    .wp_wrap .s_contact01 .cont_box .lt, 
    .wp_wrap .s_contact01 .cont_box .rt {
        width: 100%;
    }
    .wp_wrap .s_contact01 .cont_box .lt .txt_box .tit {
        font-size: 35px;
    }
    .wp_wrap .s_contact01 .cont_box .lt .txt_box .desc {
        font-size: 18px;
    }
    .wp_wrap .s_contact01 .cont_box .lt .txt_box .desc br{
        display: none;
    }
    .wp_wrap .s_contact01 .cont_box .lt .txt_box {
        margin-bottom: 30px;
    }
    .wp_wrap .s_contact01 .cont_box .lt .info_box {
        gap: 15px;
    }
    .wp_wrap .s_contact01 .cont_box .lt .info_box li, 
    .wp_wrap .s_contact01 .cont_box .lt .info_box li>a {
        font-size: 20px;
    }
    .wp_wrap .s_contact01 .cont_box .lt .info_box li>i {
        width: 35px;
        min-width: 35px;
        height: 35px;
        font-size: 20px;
    }
    .wp_wrap .s_contact01 .cont_box .rt .form_box .form_in {
        padding: 30px 15px;
        border-radius: 15px;
    }

    .wp_wrap .s_contact01 .cont_box .rt .form_box .form_in .sbm_btn>button {
        height: 50px;
        font-size: 18px;
    }
    .wp_wrap .s_contact01 .cont_box .rt .form_box .form_in .ip_box .answ input[type='text'], 
    .wp_wrap .s_contact01 .cont_box .rt .form_box .form_in .ip_box .answ textarea {
        padding: 10px;
    }
    .wp_wrap .s_contact01 .cont_box .lt .info_box li, 
    .wp_wrap .s_contact01 .cont_box .lt .info_box li>a {
        font-size: 18px;
    }
    .wp_wrap .s_contact01 .cont_box .lt .info_box {
        gap: 10px;
    }

    /* s_wtcome01 */
    .wp_wrap .s_wtcome01 .cont_box .rt .txt_box .com_info .line {
        align-items: flex-start;
        gap: 20px;
        flex-direction: column;
    }
    .wp_wrap .s_wtcome01 .cont_box{
        flex-direction: column;
    }
    .wp_wrap .s_wtcome01 .cont_box .lt,
    .wp_wrap .s_wtcome01 .cont_box .rt {
        width: 100%;
    }
    .wp_wrap .s_wtcome01 .cont_box .lt .map_box {
        height: 350px;
    }    
    .wp_wrap .s_wtcome01 .cont_box .rt {
        padding: 40px 20px;
    }
    .wp_wrap .s_wtcome01 .cont_box .rt .txt_box .tit {
        margin-bottom: 30px;
    }
    .wp_wrap .s_wtcome01 .cont_box .rt .txt_box .com_info .line>li .ques, 
    .wp_wrap .s_wtcome01 .cont_box .rt .txt_box .com_info .line>li .answ {
        font-size: 18px;
    }




    /* s_brand01 */
    .wp_wrap .s_brand01 .cont_box .prepare_wrap p, 
    .wp_wrap .s_mdcPrd01 .cont_box .prepare_wrap p {
        font-size: 45px;
    }
    .wp_wrap .s_brand01 .cont_box .prepare_wrap, 
    .wp_wrap .s_mdcPrd01 .cont_box .prepare_wrap {
        height: 330px;
    }

    /**********************************************************************************************************************/
    
    
    /**********************************************************************************************************************/
    /* 모달 */
    /**********************************************************************************************************************/
    /* 개인정보 모달 */
    .wp_wrap #wp_md_pv .md_outer .width_inner .md_inner p {
        font-size: 28px;
    }
    /**********************************************************************************************************************/

}


@media (max-width: 576px) {
    /**********************************************************************************************************************/
    /* 공통 스타일 */
    /**********************************************************************************************************************/
    /**********************************************************************************************************************/


    /**********************************************************************************************************************/
    /* 헤더 스타일 */
    /**********************************************************************************************************************/
    /**********************************************************************************************************************/


    /**********************************************************************************************************************/
    /* 푸터 스타일 */
    /**********************************************************************************************************************/
    /**********************************************************************************************************************/


    /**********************************************************************************************************************/
    /* 메인 스타일 */
    /**********************************************************************************************************************/
    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 메인 비주얼영역 */
    .wp_wrap #ms_visual .vs_slide .sd_item .img_box{
        height: 500px;
    }
    .wp_wrap #ms_visual .vs_slide .sd_item .sec_ir .txt_box .hash_tag>li {
        font-size: 16px;
    }
    
    .wp_wrap #ms_visual .vs_slide .sd_item .sec_ir .txt_box .tit {
        font-size: 36px;
    }
    
    .wp_wrap #ms_visual .vs_slide .sd_item .sec_ir .txt_box .des {
        font-size: 18px;
    }


    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 메인 썸네일 */
    .wp_wrap #ms_prd_thumn .sec_ir .prd_thumn .thumn_item .item_ir .img_box{
        height: 350px;
    }
    .wp_wrap #ms_prd_thumn .sec_ir .prd_thumn .thumn_item .item_ir .img_ovly>.txt{
        font-size: 18px;
    }

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


    /**********************************************************************************************************************/
    /* 서브 스타일 */
    /**********************************************************************************************************************/
    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 서브탑 */
    .wp_wrap #sub_top .img_box {
        height: 280px;
    }
    .wp_wrap #sub_top .img_ovly .ovly_ir .sub_top_tit {
        font-size: 34px;
    }


    /* s_about01 */
    .wp_wrap .s_about01 .top_txt_box>img {
        width: 165px;
    }
    .wp_wrap .s_about01 .top_txt_box .txt1 {
        font-size: 23px;
    }
    .wp_wrap .s_about01 .top_txt_box .txt2 {
        font-size: 30px;
        margin-bottom: 15px;
    }
    .wp_wrap .s_about01 .top_txt_box .txt3 {
        font-size: 17px;
    }
    .wp_wrap .s_about01 .cont_box .itms .itm_li .li_box .txt_box .txt1 {
        font-size: 30px;
    }
    .wp_wrap .s_about01 .cont_box .itms .itm_li .li_box .img_box {
        height: 230px;
    }
    .wp_wrap .s_about01 .cont_box .itms .itm_li .li_box .txt_box .txt2 {
        font-size: 17px;
    }


    /* s_history01 */    
    .wp_wrap .s_history01 .tit_box .tit {
        font-size: 30px;
    }
    .wp_wrap .s_history01 .cont_box .hst_box .hst_itms .hst_li .year_box .yearNum {
        font-size: 30px;
    }
    .wp_wrap .s_history01 .cont_box .hst_box .hst_itms .hst_li .year_box>ul>li .mthNum, 
    .wp_wrap .s_history01 .cont_box .hst_box .hst_itms .hst_li .year_box>ul>li>ul .txt_li {
        font-size: 17px;
    }
    .wp_wrap .s_history01 .cont_box .hst_box .hst_itms .hst_li .year_box>ul>li .mthNum {
        min-width: 80px;
    }


    /* s_greeting01 */
    .wp_wrap .s_greeting01 .txt_box .desc_box>p {
        font-size: 17px;
    }
    .wp_wrap .s_greeting01 .img_box {
        height: 300px;
    }

    /* s_vsvl01 */    
    .wp_wrap .s_vsvl01 .tit_box {
        margin-bottom: 30px;
    }
    .wp_wrap .s_vsvl01 .tit_box .tit {
        font-size: 30px;
    }


    /* s_wtcome01 */
    .wp_wrap .s_wtcome01 .cont_box .rt .txt_box .com_info .line>li .ques, 
    .wp_wrap .s_wtcome01 .cont_box .rt .txt_box .com_info .line>li .answ {
        font-size: 17px;
    }

    .wp_wrap .s_wtcome01 .cont_box .rt {
        padding: 30px 15px;
    }
    .wp_wrap .s_wtcome01 .cont_box .lt .map_box {
        height: 280px;
    }
    .wp_wrap .s_wtcome01 .cont_box .rt .txt_box .tit img {
        min-width: unset;
        width: 200px;
    }
    .wp_wrap .s_wtcome01 .cont_box .rt .txt_box .com_info .line {
        gap: 15px;
    }
    .wp_wrap .s_wtcome01 .cont_box .rt .txt_box .com_info {
        gap: 15px;
    }
    /**********************************************************************************************************************/
    
    
    /**********************************************************************************************************************/
    /* 모달 */
    /**********************************************************************************************************************/
    /* 메인 상품 모달 */
    .wp_wrap .prdViewMd .prd_info_wrap .pName_box {
        padding: 20px 0;
    }
    .wp_wrap .prdViewMd .prd_info_wrap .pName_box>p {
        font-size: 25px;
    }
    .wp_wrap .prdViewMd .prd_info_wrap .pTable_box table td {
        font-size: 15px;
        padding: 12px 5px;
    }
    .wp_wrap .prdViewMd .prd_info_wrap .pFeatures_box .ftr_box {
        padding: 15px 10px;
    }
    .wp_wrap .prdViewMd .prd_info_wrap .pFeatures_box .ftr_box ul li {
        font-size: 15px;
    }
    .wp_wrap .prdViewMd .md_outer .width_inner {
        height: 90vh;
    }
    .wp_wrap .prdViewMd .prd_info_wrap .pReview_box .slide_area {
        padding: 20px 25px;
    }

    /* 개인정보 모달 */
    .wp_wrap #wp_md_pv .md_outer .width_inner {
        padding: 25px 15px 35px 15px;
    }
    .wp_wrap #wp_md_pv .md_outer .width_inner .icon_box {
        top: 13px;
        right: 13px;
    }
    .wp_wrap #wp_md_pv .md_outer .width_inner .icon_box i {
        padding: 5px;
        font-size: 17px;
    }
    .wp_wrap #wp_md_pv .md_outer .width_inner .md_inner {
        gap: 10px;
    }
    .wp_wrap #wp_md_pv .md_outer .width_inner .md_inner p {
        font-size: 23px;
    }
    .wp_wrap #wp_md_pv .md_outer .width_inner .md_inner .txt_box {
        padding: 10px;
    }
    .wp_wrap #wp_md_pv .md_outer .width_inner .md_inner .txt_box .txt_body pre {
        font-size: 15px;
    }
    .wp_wrap #wp_md_pv .md_outer .width_inner .md_inner .txt_box .txt_body pre .cicnum {
        top: -2px;
        font-size: 12px;
    }
    /**********************************************************************************************************************/

}

@media (max-width: 470px) {
    /**********************************************************************************************************************/
    /* 공통 스타일 */
    /**********************************************************************************************************************/
    /**********************************************************************************************************************/


    /**********************************************************************************************************************/
    /* 헤더 스타일 */
    /**********************************************************************************************************************/
    .wp_wrap header .h_logo>a>img {
        max-width: unset;
        width: 180px;
    }
    .wp_wrap header .btn_lang {
        font-size: 16px;
    }
    /**********************************************************************************************************************/


    /**********************************************************************************************************************/
    /* 푸터 스타일 */
    /**********************************************************************************************************************/
    .wp_wrap footer .ft_ir .ft_top {
        gap: 10px;
    }
    .wp_wrap footer .ft_ir .ft_top .f_info_wrap .f_info>li {
        margin-right: 0;
        padding-right: 0;
    }
    .wp_wrap footer .ft_ir .ft_top .f_info_wrap .f_info {
        align-items: flex-start;
        flex-direction: column;
        gap: 5px 0;
    }
    .wp_wrap footer .ft_ir .ft_top .f_info_wrap {
        gap: 5px;
    }
    .wp_wrap footer .ft_ir .ft_top {
        margin-bottom: 15px;
        padding-bottom: 15px;
    }
    .wp_wrap footer .ft_ir .ft_top .f_info_wrap .f_info>li, 
    .wp_wrap footer .ft_ir .ft_top .f_info_wrap .f_info>li>a, 
    .wp_wrap footer .ft_ir .ft_bot .copy, 
    .wp_wrap footer .ft_ir .ft_bot .copy>a {
        font-size: 15px;
    }
    /**********************************************************************************************************************/


    /**********************************************************************************************************************/
    /* 메인 스타일 */
    /**********************************************************************************************************************/
    /*--------------------------------------------------------------------------------------------------------------------*/
    /* 메인 비주얼영역 */
    .wp_wrap #ms_visual .vs_slide .sd_item .sec_ir .txt_box .hash_tag>li {
        font-size: 14px;
    }

    .wp_wrap #ms_visual .vs_slide .sd_item .sec_ir .txt_box .des {
        font-size: 15px;
    }


    .wp_wrap #ms_notice .sec_ir .noti_cont .rt .rt_item .rt_item_ir>.txt_box {
        padding: 10px;
    }

    .wp_wrap #ms_notice .sec_ir .noti_cont .rt .rt_item .rt_item_ir>.img_box {
        min-width: 110px;
        width: 110px;
        height: 110px;
    }
    /**********************************************************************************************************************/


    /**********************************************************************************************************************/
    /* 서브 스타일 */
    /**********************************************************************************************************************/
    .wp_wrap #lct_mnu>ul> {
        gap: 5px;
    }
    .wp_wrap #lct_mnu>ul>li {
        font-size: 14px;    
    }



    /* s_about01 */
    .wp_wrap .s_about01 .top_txt_box>img {
        width: 150px;
    }
    .wp_wrap .s_about01 .top_txt_box .txt1 {
        font-size: 21px;
    }
    .wp_wrap .s_about01 .top_txt_box .txt2 {
        font-size: 28px;
    }
    .wp_wrap .s_about01 .top_txt_box .txt3 {
        font-size: 16px;
    }
    .wp_wrap .s_history01 .cont_box .hst_box .hst_itms .hst_li {
        gap: 20px;
    }
    .wp_wrap .s_about01 .cont_box .itms .itm_li .li_box .txt_box .txt1 {
        font-size: 28px;
    }
    .wp_wrap .s_about01 .cont_box .itms .itm_li .li_box .txt_box .txt2 {
        font-size: 16px;
    }
    .wp_wrap .s_history01 .cont_box .hst_box .hst_itms .hst_li .img_box {
        height: 200px;
    }

    /* s_greeting01 */
    .wp_wrap .s_greeting01 .cont_box {
        gap: 30px;
    }
    .wp_wrap .s_greeting01 .txt_box .tit {
        font-size: 25px;
        margin-bottom: 25px;
    }
    .wp_wrap .s_greeting01 .txt_box .desc_box>p {
        font-size: 16px;
    }
    .wp_wrap .s_greeting01 .img_box {
        height: 230px;
    }


    /* s_vsvl01 */
    .wp_wrap .s_vsvl01 .tit_box .tit {
        font-size: 26px;
    }
    .wp_wrap .s_vsvl01 .cont_box .vsvl_li .txt_box .text .btxt {
        font-size: 25px;
    }
    .wp_wrap .s_vsvl01 .cont_box .vsvl_li .txt_box .text {
        font-size: 16px;
    }
    .wp_wrap .s_vsvl01 .cont_box .vsvl_li .txt_box {
        padding: 15px 5px;
    }
    .wp_wrap .s_vsvl01 .cont_box .vsvl_li:last-child .txt_box .text {
        align-items: flex-start;
    }


    /* s_wtcome01 */
    .wp_wrap .s_wtcome01 .cont_box .rt .txt_box .com_info .line>li .ques, 
    .wp_wrap .s_wtcome01 .cont_box .rt .txt_box .com_info .line>li .answ {
        font-size: 16px;
    }



    /* s_brand01 */
    .wp_wrap .s_brand01 .cont_box .prepare_wrap p, 
    .wp_wrap .s_mdcPrd01 .cont_box .prepare_wrap p {
        font-size: 40px;
    }
    
    .wp_wrap .s_brand01 .cont_box .prepare_wrap, 
    .wp_wrap .s_mdcPrd01 .cont_box .prepare_wrap {
        height: 290px;
    }
    /**********************************************************************************************************************/
    
    
    /**********************************************************************************************************************/
    /* 모달 */
    /**********************************************************************************************************************/
    /* 메인 상품 모달 */
    .wp_wrap .prdViewMd .md_outer .width_inner .icon_box {
        width: 40px;
        height: 40px;
    }
    .wp_wrap .prdViewMd .md_outer .width_inner .icon_box i {
        font-size: 23px;
    }
    
    .wp_wrap .prdViewMd .prd_info_wrap .pReview_box .slide_area .rvmd_arr {
        width: 30px;
        height: 55px;
    }
    .wp_wrap .prdViewMd .prd_info_wrap .pReview_box .slide_area .rvmd_arr i {
        font-size: 20px;
    }
    .wp_wrap .prdViewMd .md_outer .width_inner {
        padding: 40px 10px;
    }
    .wp_wrap .prdViewMd .prd_info_wrap {
        padding: 0 5px;
    }
    .wp_wrap .prdViewMd .prd_info_wrap .pName_box>p {
        font-size: 22px;
    }
    .wp_wrap .prdViewMd .prd_info_wrap .pTable_box table td.th {
        min-width: 80px;
        width: 80px;
    }
    .wp_wrap .prdViewMd .prd_info_wrap .pTable_box table td {
        padding: 10px 5px;
    }
    .wp_wrap .prdViewMd .prd_info_wrap .pFeatures_box,
    .wp_wrap .prdViewMd .prd_info_wrap .pReview_box {
        margin-top: 30px;
    }
    .wp_wrap .prdViewMd .prd_info_wrap .pReview_box .slide_area {
        padding: 10px;
    }
    
    
    .wp_wrap .prdViewMd .prd_info_wrap .md_ftBtns{
        gap: 10px;
        margin-top: 20px;
    }
    .wp_wrap .prdViewMd .prd_info_wrap .md_ftBtns>a {
        width: 50%;
        height: 40px;
        font-size: 15px;
    }
    /**********************************************************************************************************************/


}