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

@charset "utf-8";

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


@media (max-width: 1750px) {
/**********************************************************************************************************************/
/* to_top_bot */
/**********************************************************************************************************************/
.wp_wrap .to_top_bot {
    right: 15px;
}
.wp_wrap .to_top_bot>button .icon_box {
    width: 40px;
    height: 40px;
}
.wp_wrap .to_top_bot>button .icon_box i {
    font-size: 18px;
}
/**********************************************************************************************************************/




/**********************************************************************************************************************/
/* kakao_fix */
/**********************************************************************************************************************/
.wp_wrap .kakao_fix {
    right: 15px;
}
.wp_wrap .kakao_fix>a {
    gap: 3px;
    width: 80px;
    height: 80px;
}
.wp_wrap .kakao_fix>a .icon_box i {
    font-size: 40px;
}
.wp_wrap .kakao_fix>a p {
    font-size: 14px;
}
/**********************************************************************************************************************/

}    


@media (max-width: 1520px) {
/**********************************************************************************************************************/
/* 헤더 */
/**********************************************************************************************************************/
.wp_wrap header .h_main .h_bot .hb_sub_mnu{
    left: 10px;
    width: calc(100% - 20px);
}
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* 서브 */
/**********************************************************************************************************************/
.wp_wrap .s_cm_intro .intro_top .mnu_area .mnu {
    border-radius: 80px;
    padding: 12px;
}
.wp_wrap .s_cm_intro .intro_top .mnu_area .mnu>li {
    flex: 1;
}
.wp_wrap .s_cm_intro .intro_top .mnu_area .mnu>li>a{
    width: 100%;
}




.wp_wrap .s_ci1 .stit_box2 {
    margin-bottom: 60px;
}

.wp_wrap .s_ci1 .cont_box .ci_box .ci_area .top_box {

    gap: 50px;
}
.wp_wrap .s_ci1 .cont_box .ci_box .ci_area .top_box .txt_box {
    padding: 90px 30px;
}
.wp_wrap .s_ci1 .cont_box .ci_box .ci_area .bot_box .itms {
    gap: 20px;
}
.wp_wrap .s_ci1 .cont_box .ci_box .ci_area .bot_box .itms>li {
    gap: 20px;
    padding: 20px 15px;
}
.wp_wrap .s_ci1 .cont_box .ci_box .ci_area .bot_box .itms>li .color {
    width: 125px;
    height: 130px;
}
.wp_wrap .s_ci1 .cont_box .ci_box .ci_area .bot_box .itms>li .desc .txt2 span {
    min-width: 60px;
}
.wp_wrap .s_ci1 .cont_box .ci_box .ci_area .bot_box .itms>li .desc .txt1 {
    font-size: 25px;
    margin-bottom: 5px;
}
/**********************************************************************************************************************/
}






@media (max-width: 1500px) {
    /**********************************************************************************************************************/
    /* 메인 */
    /**********************************************************************************************************************/
    .wp_wrap .ms_visual .slide_area .m_slider .m_slide .img_box {
        min-width: unset;
        width: 100%;
    }
    .wp_wrap .ms_visual .slide_area .ms_arr.ms_prev {
        left: 10px;
    }
    .wp_wrap .ms_visual .slide_area .ms_arr.ms_next {
        right: 10px;
    }
    .wp_wrap .ms_visual .slide_area .m_slider .m_slide .txt_box {
        padding: 0 80px;
    }
    /**********************************************************************************************************************/
    
}













@media (max-width: 1200px) {
/**********************************************************************************************************************/
/* 공통 */
/**********************************************************************************************************************/
.wp_wrap #s_page {
    /* margin-top: 95px; */
}
.wp_wrap .cm_sec02 {
    padding: 60px 0;
}
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* 헤더 */
/**********************************************************************************************************************/
.wp_wrap header .h_main .h_bot .hb_inner .hb_lt .all_cate {
    width: 200px;
    gap: 20px;
} 
.wp_wrap header .h_main .h_bot .hb_inner .hb_lt nav .gnb {
    gap: 30px;
}
.wp_wrap header .h_main .h_bot .hb_inner .hb_lt {
    gap: 40px;
}
.wp_wrap header .h_main .h_bot .hb_inner .hb_lt nav .gnb li>a {
    font-size: 17px;
}
.wp_wrap header .h_main .h_bot .hb_inner .hb_rt>ul>li>a {
    font-size: 15px;
}
.wp_wrap header .h_main .h_bot .hb_inner .hb_lt .all_cate>p {
    font-size: 18px;
}

.wp_wrap header .h_main .h_bot .hb_sub_mnu {
    padding: 30px 15px 40px;
}
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* 메인 */
/**********************************************************************************************************************/
.wp_wrap .ms_visual .slide_area .m_slider .m_slide .img_box {
    height: 600px;
}


.wp_wrap .ms_exhibition .cont_box .txt_itms .txt_li {
    /* padding: 20px; */
}
.wp_wrap .ms_exhibition .cont_box .txt_itms .txt_li a .li_in{
    padding: 5px 20px;
}
.wp_wrap .ms_exhibition .cont_box .txt_itms .txt_li a .li_in .txt_box .tit {
    font-size: 22px;
    margin-bottom: 10px;
}
.wp_wrap .ms_exhibition .cont_box .txt_itms .txt_li a .li_in .txt_box .desc>p {
    font-size: 18px;
}
.wp_wrap .ms_exhibition .cont_box .txt_itms .txt_li a .li_in .icon_box img{
    min-width: 18px;
    width: 18px;
}
/**********************************************************************************************************************/




/**********************************************************************************************************************/
/* 서브 */
/**********************************************************************************************************************/
/* prd_liId */
.wp_wrap .prd_liId .subpage_mnu>ul {
    grid-template-columns: repeat(4, 1fr);
}
/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* 서브2 */
/**********************************************************************************************************************/
/* s_process1 ------------------------------------------------------------------------------------------------------ */
.wp_wrap .s_process1 .cont_box .process_box .top_step .itms>li {
    width: calc((100% - 120px) / 5);
}
.wp_wrap .s_process1 .cont_box .process_box .top_step .itms>li:nth-child(6){
    margin-left: 30px;
}


/* s_location1 ------------------------------------------------------------------------------------------------------ */
.wp_wrap .s_location1 .cont_box .location_box .map_area .map_box {
    height: 400px;
}



/* s_ci1 ------------------------------------------------------------------------------------------------------ */
.wp_wrap .s_ci1 .cont_box .ci_box .ci_area .bot_box .itms>li {
    align-items: flex-start;
    flex-direction: column;
}
/**********************************************************************************************************************/
}





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

.wp_wrap header .h_main .h_bot .hb_sub_mnu {
    top: calc(100% - 15px);
}
.wp_wrap header .h_main .h_bot .hb_inner {
    height: auto;
    padding: 10px 0 20px 0;
}
.wp_wrap header .h_main .h_bot .hb_inner .hb_lt {
    gap: 15px;
    flex-direction: column;
    align-items: flex-start;
}
.wp_wrap header .h_main .h_top .ht_inner .ht_ct {
    position: relative;
    top: auto;
    left: auto;
    transform: translate(0, 0);
}
.wp_wrap header .h_main .h_bot .hb_inner .hb_rt>ul {
    gap: 20px;
}
.wp_wrap header .h_main .h_bot .hb_inner .hb_lt nav {
    display: none;
}
.wp_wrap header .h_main .h_top .ht_inner .ht_ct .form_in .h_sch_box {
    min-width: 400px;
}
.wp_wrap header .h_main .h_top .ht_inner .ht_ct .form_in .h_sch_box input[type=text] {
    font-size: 15px;
}
.wp_wrap header .h_main .h_bot .hb_sub_mnu .sub_mnu_itms {
    grid-template-columns: repeat(5, 1fr);
}
/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* 푸터 */
/**********************************************************************************************************************/
.wp_wrap footer .f_top .ft_inner ul li {
    margin-right: 10px;
    padding-right: 10px;
}
.wp_wrap footer .f_top .ft_inner ul li a,
.wp_wrap footer .f_top .ft_inner ul li button {
    font-size: 15px;
}
.wp_wrap footer .f_bot {
    padding: 30px 0;
}
.wp_wrap footer .f_bot .fb_inner .f_lt .f_info .info li,
.wp_wrap footer .f_bot .fb_inner .f_lt .f_info .info li a,
.wp_wrap footer .f_bot .fb_inner .f_lt .copyright {
    font-size: 15px;
}
.wp_wrap footer .f_bot .fb_inner .f_lt .f_info .info {
    align-items: flex-start;
    flex-direction: column;
    gap: 5px;
}
.wp_wrap footer .f_bot .fb_inner .f_lt .f_info .info li {
    margin-right: 0;
    padding-right: 0;
}
.wp_wrap footer .f_bot .fb_inner .f_lt .f_info .info li::after{
    display: none;
}
.wp_wrap .ms_mbanner .inner_box .img_bg_wrap .img_bg_box {
    height: 290px;
}
.wp_wrap .ms_mbanner .inner_box .img_bg_wrap .shdow p {
    font-size: 35px;
}
/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* 메인 */
/**********************************************************************************************************************/
.wp_wrap .ms_mbanner .inner_box .img_bg_wrap .shdow {
    padding: 0 10px;
}
/**********************************************************************************************************************/

    
/**********************************************************************************************************************/
/* 서브 */
/**********************************************************************************************************************/
.wp_wrap #s_page {
    /* margin-top: 90px; */
}


.wp_wrap .s_wtcomeId .inner_box .content .map_box {
    height: 350px;
}
.wp_wrap .s_wtcomeId .inner_box .content .com_info .tit {
    font-size: 33px;
}
/**********************************************************************************************************************/





/**********************************************************************************************************************/
/* 서브2 */
/**********************************************************************************************************************/
.wp_wrap .stit_box2 .tit {
    font-size: 45px;
}

/* s_cm_intro ------------------------------------------------------------------------------------------------------ */
.wp_wrap .s_cm_intro .intro_top .img_area .img_box {
    height: 250px;
}
.wp_wrap .s_cm_intro .intro_top .mnu_area .mnu {
    padding: 8px;
    gap: 0px;
}
.wp_wrap .s_cm_intro .intro_top .mnu_area .mnu>li>a {
    font-size: 18px;
    height: 45px;
}

/* s_intro ------------------------------------------------------------------------------------------------------ */
.wp_wrap .s_intro1 .cont_box .txt_box .txt1 p {
    font-size: 50px;
}
.wp_wrap .s_intro1 .cont_box .txt_box .txt2 p {
    font-size: 25px;
}
.wp_wrap .s_intro1 .cont_box .txt_box .txt3 p {
    font-size: 22px;
}


/* s_process1 ------------------------------------------------------------------------------------------------------ */
.wp_wrap .s_process1 .cont_box .process_box .top_step .itms>li {
    width: calc((100% - 90px) / 4);
}
.wp_wrap .s_process1 .cont_box .process_box .top_step .itms>li:nth-child(5){
    margin-left: 30px;
}
.wp_wrap .s_process1 .cont_box .process_box .top_step .itms>li:nth-child(6){
    margin-left: 0;
}
.wp_wrap .s_process1 .cont_box .process_box .bot_step .itms>li {
    font-size: 18px;
    padding: 25px 30px;
}


/* s_rt_terms1 ------------------------------------------------------------------------------------------------------ */
.wp_wrap .s_rt_terms1 .cont_box .terms_box .terms_area .top_txt {
    margin-bottom: 30px;
}
.wp_wrap .s_rt_terms1 .cont_box .terms_box .terms_area .top_txt .txt1 {
    font-size: 25px;
}
.wp_wrap .s_rt_terms1 .cont_box .terms_box .terms_area .top_txt .txt2 {
    font-size: 18px;
}
.wp_wrap .s_rt_terms1 .cont_box .terms_box .terms_area .bot_txt .dum .tit_box {
    padding: 20px 25px;
}
.wp_wrap .s_rt_terms1 .cont_box .terms_box .terms_area .bot_txt .dum .tit_box>p {
    font-size: 18px;
}
.wp_wrap .s_rt_terms1 .cont_box .terms_box .terms_area .bot_txt .dum .desc_box {
    padding: 25px;
}
.wp_wrap .s_rt_terms1 .cont_box .terms_box .terms_area .bot_txt .dum .desc_box>p {
    font-size: 17px;
}

/* s_location1 ------------------------------------------------------------------------------------------------------ */
.wp_wrap .s_location1 .cont_box .location_box .map_area .map_box {
    height: 350px;
}
.wp_wrap .s_location1 .cont_box .location_box .map_area .info_box .lt_box .adrs {
    font-size: 25px;
}
.wp_wrap .s_location1 .cont_box .location_box .map_area .info_box .rt_box .direction>a .icon_box img {
    width: 45px;
}
.wp_wrap .s_location1 .cont_box .location_box .map_area .info_box .rt_box .direction>a {
    width: 105px;
    height: 105px;
}

/* s_ci1 ------------------------------------------------------------------------------------------------------ */
.wp_wrap .s_ci1 .cont_box .ci_box .ci_area .top_box {
    flex-direction: column;
}
.wp_wrap .s_ci1 .cont_box .ci_box .ci_area .top_box .txt_box {
    width: 100%;
}
.wp_wrap .s_ci1 .cont_box .ci_box .ci_area .top_box .txt_box {
    padding: 60px 30px;
}
.wp_wrap .s_ci1 .cont_box .ci_box .ci_area .top_box {
    margin-bottom: 60px;
}
/**********************************************************************************************************************/
}






@media (max-width: 768px) {
/**********************************************************************************************************************/
/* 공통 */
/**********************************************************************************************************************/
.wp_wrap .cm_sec {
    padding: 60px 0;
}
.wp_wrap .mtit_box .tit {
    font-size: 30px;
}
.wp_wrap .mtit_box {
    margin-bottom: 25px;
}



.wp_wrap #s_page {
    /* margin-top: 85px; */
}

.wp_wrap .ms_bot .m_prd_itms {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 20px;
}
/**********************************************************************************************************************/




/**********************************************************************************************************************/
/* 헤더*/
/**********************************************************************************************************************/
.wp_wrap header .h_main .h_bot .hb_inner .hb_rt,
.wp_wrap header .h_main .h_top .ht_inner .ht_rt {
    display: none;
}
.wp_wrap header .h_main .h_bot .hb_inner .hb_lt,
.wp_wrap header .h_main .h_bot .hb_inner .hb_lt nav {
    width: 100%;
}
.wp_wrap header .h_main .h_bot .hb_inner .hb_lt nav .gnb li {
    text-align: center;
    flex: 1;
}
.wp_wrap header .h_main .h_top .ht_inner .ht_lt .h_logo {
    min-width: unset;
    width: 110px;
}
.wp_wrap header .h_customer .hcst_inner ul {
    padding: 10px 0;
}
.wp_wrap header .h_customer .hcst_inner ul li {
    padding-right: 13px;
    margin-right: 13px;
}
.wp_wrap header .h_customer .hcst_inner ul li a {
    font-size: 13px;
}
.wp_wrap header .h_main .h_top .ht_inner {
    height: auto;
    flex-direction: column;
    gap: 15px;
    padding: 10px 0;
}
.wp_wrap header .h_main .h_top .ht_inner .ht_ct {
    width: 100%;
}
.wp_wrap header .h_main .h_top .ht_inner .ht_ct .form_in .h_sch_box {
    min-width: unset;
    padding: 10px 15px;
}
.wp_wrap header .h_main .h_bot .hb_inner,
.wp_wrap header .h_main .h_bot .hb_sub_mnu {
    display: none !important;
}
/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* 푸터 */
/**********************************************************************************************************************/
.wp_wrap footer .f_bot{
    padding: 30px 0 110px 0;
}

.wp_wrap .mo_fix_mnu{
    display: block;
}
.wp_wrap .mo_mnu{}
/**********************************************************************************************************************/




/**********************************************************************************************************************/
/* kakao_fix */
/**********************************************************************************************************************/
.wp_wrap .kakao_fix {
    bottom: 90px;
    right: 5px;
}
.wp_wrap .kakao_fix>a {
    width: 60px;
    height: 60px;
}
.wp_wrap .kakao_fix>a .icon_box i {
    font-size: 30px;
    color: #2e1111;
}
.wp_wrap .kakao_fix>a p {
    font-size: 12px;
}

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




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

.wp_wrap .ms_visual .slide_area .m_slider .m_slide .img_box {
    height: 470px;
}
.wp_wrap .ms_visual .slide_area .m_slider .m_slide .txt_box {
    padding: 0px 45px;
}
.wp_wrap .ms_visual .slide_area .ms_arr img{
    width: 20px;
}
.wp_wrap .ms_visual .slide_area .m_slider .m_slide .txt_box .txt1 {
    font-size: 23px;
}
.wp_wrap .ms_visual .slide_area .m_slider .m_slide .txt_box .txt2 {
    font-size: 50px;
}
.wp_wrap .ms_visual .slide_area .m_slider .m_slide .txt_box .txt3 {
    font-size: 17px;
}

.wp_wrap .ms_bot .ms_bot_inner {
    gap: 60px;
}

.wp_wrap .ms_bestPrd .top {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 10px;
}
.wp_wrap .ms_bestPrd .top .sld_option_box {
    justify-content: flex-end;
    width: 100%;
    gap: 10px;
}
.wp_wrap .ms_bestPrd .top .sld_option_box .bestPrd_num p {
    font-size: 27px;
}
.wp_wrap .ms_bestPrd .top .sld_option_box .bestPrd_num p span {
    font-size: 17px;
}

.wp_wrap .ms_exhibition .cont_box {
    flex-direction: column;
}

.wp_wrap .ms_exhibition .cont_box .img_itms,
.wp_wrap .ms_exhibition .cont_box .txt_itms{
    width: 100%;
}
.wp_wrap .ms_exhibition .cont_box .txt_itms{
    border-bottom: 1px solid #ddd;
}
.wp_wrap .ms_exhibition .cont_box .img_itms {
    order: 2;
    height: unset;
}
.wp_wrap .ms_exhibition .cont_box .img_itms .img_li .img_box{
    /* aspect-ratio: auto 0/0.64; */
    height: 400px;
    border-right: none;
}


.wp_wrap .m_prd_itms li a .li_in .img_area .shop_icon .icons {
    transform: translateY(0);
    opacity: 1;
}
/**********************************************************************************************************************/



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

/* prd_liId */
.wp_wrap .prd_liId .subpage_mnu>ul {
    grid-template-columns: repeat(3, 1fr);
    gap: 5px 6px;
}




/* s_greetingId */
.wp_wrap .s_greetingId .inner_box .content .img_box, 
.wp_wrap .s_historyId .inner_box .content .img_box {
    height: 300px;
    margin-bottom: 40px;
}
.wp_wrap .s_greetingId .inner_box .content .txt_box .top_txt .cate, 
.wp_wrap .s_historyId .inner_box .content .txt_box .top_txt .cate {
    font-size: 18px;
}
.wp_wrap .s_greetingId .inner_box .content .txt_box .top_txt .tit, 
.wp_wrap .s_historyId .inner_box .content .txt_box .top_txt .tit {
    font-size: 27px;
}
.wp_wrap .s_greetingId .inner_box .content .txt_box .top_txt, 
.wp_wrap .s_historyId .inner_box .content .txt_box .top_txt {
    margin-bottom: 25px;
}
.wp_wrap .s_greetingId .inner_box .content .txt_box .bot_txt p {
    margin-bottom: 20px;
}
.wp_wrap .s_greetingId .inner_box .content .txt_box .bot_txt p br{
    display: none;
}

/* s_wtcomeId */
.wp_wrap .s_wtcomeId .inner_box .content .map_box {
    height: 280px;
    border-radius: 15px;
    margin-bottom: 20px;
}
.wp_wrap .s_wtcomeId .inner_box .content .com_info .tit {
    font-size: 29px;
    margin-bottom: 10px;
}
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* 검색페이지 */
/**********************************************************************************************************************/
.wp_wrap .s_searchId .content {
    padding: 30px 0 200px 0;
}
.wp_wrap .s_searchId .search_outer>input {
    font-size: 22px;
}
.wp_wrap .s_searchId .search_outer button>i {
    font-size: 20px;
}
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* 서브2 */
/**********************************************************************************************************************/
.wp_wrap .stit_box2 .tit {
    font-size: 40px;
}
.wp_wrap .s_process1 .stit_box2 {
    margin-bottom: 35px;
}



/* cm_sub_sec ------------------------------------------------------------------------------------------------------ */
.wp_wrap .cm_sub_sec {
    padding: 30px 0 60px;
}

/* s_cm_intro ------------------------------------------------------------------------------------------------------ */
.wp_wrap .s_cm_intro .intro_top .mnu_area .mnu {
    flex-wrap: wrap;
    border-radius: 20px;
}
.wp_wrap .s_cm_intro .intro_top .mnu_area .mnu>li {
    flex: unset;
    width: 50%;
}
.wp_wrap .s_cm_intro .intro_top .mnu_area {
    margin-bottom: 40px;
}
.wp_wrap .s_cm_intro .intro_top .img_area .img_box {
    height: 200px;
}


/* s_intro1 ------------------------------------------------------------------------------------------------------ */
.wp_wrap .s_intro1 .cont_box .txt_box .txt1 p {
    font-size: 45px;
}
.wp_wrap .s_intro1 .cont_box .txt_box .txt2 {
    margin-bottom: 40px;
}
.wp_wrap .s_intro1 .cont_box .txt_box .txt2 p {
    font-size: 23px;
    line-height: 1.5;
}
.wp_wrap .s_intro1 .cont_box .txt_box .txt3 {
    gap: 30px;
}
.wp_wrap .s_intro1 .cont_box .txt_box .txt3 p {
    font-size: 20px;
}
.wp_wrap .s_intro1 .cont_box .txt_box .txt2 p .rspnone,
.wp_wrap .s_intro1 .cont_box .txt_box .txt3 p .rspnone{
    display: none;
}


/* s_location1 ------------------------------------------------------------------------------------------------------ */
.wp_wrap .s_location1 .cont_box .location_box .map_area .info_box {
    align-items: flex-start;
    flex-direction: column;
    gap: 30px;
}
.wp_wrap .s_location1 .cont_box .location_box .map_area .info_box .rt_box {
    width: 100%;
}
.wp_wrap .s_location1 .cont_box .location_box .map_area .info_box .lt_box .call>a, 
.wp_wrap .s_location1 .cont_box .location_box .map_area .info_box .lt_box .email>a {
    font-size: 18px;
}
.wp_wrap .s_location1 .cont_box .location_box .map_area .info_box .rt_box .direction>a {
    width: 100%;
    height: 85px;
    border-radius: 15px;
}
.wp_wrap .s_location1 .cont_box .location_box .map_area .info_box .rt_box .direction>a .icon_box img {
    width: 40px;
}
.wp_wrap .s_location1 .cont_box .location_box .map_area .info_box .rt_box .direction>a>p {
    font-size: 16px;
}

/* s_ci1 ------------------------------------------------------------------------------------------------------ */
.wp_wrap .s_ci1 .cont_box .ci_box .ci_area .top_box .txt_box > p {
    font-size: 18px;
}
.wp_wrap .s_ci1 .cont_box .ci_box .ci_area .top_box .txt_box {
    padding: 30px 20px;
    border-radius: 15px;
}
.wp_wrap .s_ci1 .cont_box .ci_box .ci_area .bot_box .itms {
    gap: 15px;
}
.wp_wrap .s_ci1 .cont_box .ci_box .ci_area .bot_box .itms>li {
    padding: 15px 10px;
}
.wp_wrap .s_ci1 .cont_box .ci_box .ci_area .bot_box .itms>li .color {
    width: 100%;
    height: unset;
    aspect-ratio: auto 1 / 1;
}
.wp_wrap .s_ci1 .cont_box .ci_box .ci_area .bot_box .itms>li .desc .txt2 {
    font-size: 16px;
}
.wp_wrap .s_ci1 .cont_box .ci_box .ci_area .bot_box .itms>li .desc .txt2 span {
    min-width: 54px;
}
/**********************************************************************************************************************/

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

}




@media (max-width: 576px) {
/**********************************************************************************************************************/
/* 헤더 */
/**********************************************************************************************************************/
.wp_wrap header .h_main .h_bot {
    display: none;
}
/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* 푸터 */
/**********************************************************************************************************************/
.wp_wrap footer .f_bot .fb_inner {
    flex-direction: column;
    gap: 20px;
}
.wp_wrap footer .f_bot .fb_inner .f_rt {
    padding-top: 0;
}
.wp_wrap footer .f_bot .fb_inner .f_lt .f_info {
    margin-bottom: 10px;
}
/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* 메인 */
/**********************************************************************************************************************/
.wp_wrap .m_prd_itms li a .li_in .txt_area .name {
    font-size: 17px;
}
.wp_wrap .m_prd_itms li a .li_in .img_area .shop_icon .icons .mprd_btn_icon {
    width: 22px;
    height: 22px;
}
.wp_wrap .m_prd_itms li a .li_in .img_area .shop_icon .icons .mprd_btn_icon i {
    font-size: 14px;
}



.wp_wrap .ms_visual .slide_area .m_slider .m_slide .txt_box .txt1 {
    font-size: 17px;
    text-align: center;
}
.wp_wrap .ms_visual .slide_area .m_slider .m_slide .txt_box .txt2 {
    font-size: 40px;
    text-align: center;
}
.wp_wrap .ms_visual .slide_area .m_slider .m_slide .txt_box .txt3 {
    font-size: 15px;
    text-align: center;
}
.wp_wrap .ms_mbanner .inner_box .img_bg_wrap .shdow p {
    font-size: 30px;
    width: 100%;
}

.wp_wrap .ms_exhibition .cont_box .txt_itms .txt_li a .li_in {
    min-height: 130px;
}
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* 서브 */
/**********************************************************************************************************************/
/* prd_liId */
.wp_wrap .prd_liId .subpage_mnu>ul>li {
    height: 30px;
    border-radius: 3px;
}
.wp_wrap .prd_liId .subpage_mnu>ul>li>a {
    padding: 0;
    font-size: 13px;
    height: 100%;
}

.wp_wrap .s_greetingId .inner_box .content .img_box, 
.wp_wrap .s_historyId .inner_box .content .img_box {
    height: 230px;
    margin-bottom: 35px;
}
.wp_wrap .s_greetingId .inner_box .content .txt_box .top_txt .cate, 
.wp_wrap .s_historyId .inner_box .content .txt_box .top_txt .cate {
    font-size: 16px;
}
.wp_wrap .s_greetingId .inner_box .content .txt_box .top_txt .tit, 
.wp_wrap .s_historyId .inner_box .content .txt_box .top_txt .tit {
    font-size: 24px;
}
.wp_wrap .s_greetingId .inner_box .content .txt_box .bot_txt p {
    font-size: 15px;
    margin-bottom: 15px;
    line-height: 25px;
}
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* 서브2 */
/**********************************************************************************************************************/
.wp_wrap .stit_box .tit {
    font-size: 28px;
}
.wp_wrap .stit_box2 .tit {
    font-size: 35px;
}

/* s_process1 ------------------------------------------------------------------------------------------------------ */
.wp_wrap .s_process1 .cont_box .process_box .top_step .itms {
    gap: 20px;
}
.wp_wrap .s_process1 .cont_box .process_box .top_step .itms>li {
    width: calc((100% - 40px) / 3);
    border-radius: 15px;
}
.wp_wrap .s_process1 .cont_box .process_box .top_step .itms>li::after {
    left: -21px;
    font-size: 20px;
}
.wp_wrap .s_process1 .cont_box .process_box .top_step .itms>li .icon_box img {
    width: 60px;
}

.wp_wrap .s_process1 .cont_box .process_box .top_step .itms>li:nth-child(5) {
    margin-left: 0;
}
.wp_wrap .s_process1 .cont_box .process_box .top_step .itms>li:nth-child(1){
    order: 1;
}
.wp_wrap .s_process1 .cont_box .process_box .top_step .itms>li:nth-child(2){
    order: 2;
}
.wp_wrap .s_process1 .cont_box .process_box .top_step .itms>li:nth-child(3){
    order: 3;
}
.wp_wrap .s_process1 .cont_box .process_box .top_step .itms>li:nth-child(4){
    order: 6;
}
.wp_wrap .s_process1 .cont_box .process_box .top_step .itms>li:nth-child(5){
    order: 5;
}
.wp_wrap .s_process1 .cont_box .process_box .top_step .itms>li:nth-child(6){
    order: 4;
}
.wp_wrap .s_process1 .cont_box .process_box .top_step .itms>li:nth-child(7){
    order: 7;
}
.wp_wrap .s_process1 .cont_box .process_box .top_step .itms>li:nth-child(3)::before {
    content: "\e907";
    font-family: 'xeicon';
    position: absolute;
    top: unset;
    bottom: -21px;
    transform: translate(-50%, 0) rotate(90deg);
    left: 50%;
    color: #AEAEAE;
    font-size: 20px;
    font-weight: 900;
}
.wp_wrap .s_process1 .cont_box .process_box .top_step .itms>li:nth-child(4)::after,
.wp_wrap .s_process1 .cont_box .process_box .top_step .itms>li:nth-child(5)::after{
    transform: translateY(-50%) rotate(180deg);

}
.wp_wrap .s_process1 .cont_box .process_box .top_step .itms>li:nth-child(6)::after {
    top: unset;
    bottom: -21px;
    transform: translate(-50%, 0) rotate(90deg);
    left: 50%;
}
.wp_wrap .s_process1 .cont_box .process_box .top_step .itms>li:nth-child(7)::after {
    display: none;
}
.wp_wrap .s_process1 .cont_box .process_box .bot_step .itms>li {
    font-size: 16px;
    padding: 25px 30px;
}
.wp_wrap .s_process1 .cont_box .process_box .bot_step .itms>li .stname {
    min-width: 110px;
}
.wp_wrap .s_process1 .cont_box .process_box .bot_step .itms>li {
    font-size: 17px;
    padding: 20px 20px;
    border-radius: 10px;
}



/* s_rt_terms1 ------------------------------------------------------------------------------------------------------ */
.wp_wrap .s_rt_terms1 .stit_box2 {
    margin-bottom: 35px;
}


/* s_ci1 ------------------------------------------------------------------------------------------------------ */
.wp_wrap .s_ci1 .cont_box .ci_box .ci_area .top_box .logo_box {
    width: 60%;
}
.wp_wrap .s_ci1 .cont_box .ci_box .ci_area .bot_box .itms {
    flex-direction: column;
}
.wp_wrap .s_ci1 .cont_box .ci_box .ci_area .bot_box .itms>li {
    flex-direction: row;
}
.wp_wrap .s_ci1 .cont_box .ci_box .ci_area .bot_box .itms>li .color {
    width: 140px;
    height: 140px;
}
.wp_wrap .s_ci1 .cont_box .ci_box .ci_area .top_box .txt_box > p {
    font-size: 17px;
}
/**********************************************************************************************************************/

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


@media (max-width: 430px) {
/**********************************************************************************************************************/
/* 공통 */
/**********************************************************************************************************************/
.wp_wrap .mtit_box .tit {
    font-size: 27px;
}



.wp_wrap .stit_box2 .tit {
    /* font-size: 26px; */
    font-size: 30px;
}
.wp_wrap #s_page {
    /* margin-top: 20px; */
}
/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* 헤더 */
/**********************************************************************************************************************/
.wp_wrap header .h_main .h_bot .hb_inner .hb_lt nav .gnb {
    gap: 10px;
}
.wp_wrap header .h_main .h_bot .hb_inner .hb_lt nav .gnb li>a {
    font-size: 14px;
}

.wp_wrap .mo_fix_mnu ul li .li_in {
    padding: 5px;
    gap: 5px;
}
.wp_wrap .mo_fix_mnu ul li .li_in .icon_box i {
    font-size: 22px;
}
.wp_wrap .mo_fix_mnu ul li .li_in .txt_box p {
    font-size: 13px;
}
.wp_wrap .mo_fix_mnu ul li {
    flex: 1;
    height: 60px;
}
.wp_wrap .mo_mnu {
    height: calc(100dvh - 60px);
}
/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* 푸터 */
/**********************************************************************************************************************/
.wp_wrap .to_top_bot {
    bottom: 155px;
}
.wp_wrap footer .f_bot{
    padding: 30px 0 90px 0;
}
.wp_wrap footer .f_top .ft_inner ul li a,
.wp_wrap footer .f_top .ft_inner ul li button {
    font-size: 14px;
}
.wp_wrap footer .f_top .ft_inner ul li::after{
    display: none;
}
.wp_wrap footer .f_top .ft_inner ul {
    width: 100%;
    gap: 15px;
}
.wp_wrap footer .f_top .ft_inner ul li {
    margin-right: 0;
    padding-right: 0;
}
/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* kakao_fix */
/**********************************************************************************************************************/
.wp_wrap .kakao_fix {
    bottom: 75px;
}
/**********************************************************************************************************************/




/**********************************************************************************************************************/
/* 메인 */
/**********************************************************************************************************************/
.wp_wrap .m_prd_itms li a .li_in .txt_area .name {
    font-size: 15px;
}
.wp_wrap .ms_bot .m_prd_itms {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 15px;
}


.wp_wrap .ms_visual .slide_area .m_slider .m_slide .img_box {
    height: 410px;
}
.wp_wrap .ms_visual .slide_area .ms_arr img {
    width: 15px;
}
.wp_wrap .ms_visual .slide_area .m_slider .m_slide .txt_box {
    padding: 0px 30px;
}
.wp_wrap .ms_visual .slide_area .m_slider .m_slide .txt_box .txt2 {
    font-size: 35px;
}
.wp_wrap .ms_visual .slide_area .m_slider .m_slide .txt_box .txt3 br{
    display: none;
}
.wp_wrap .ms_mbanner .inner_box .img_bg_wrap .img_bg_box {
    height: 180px;
}
.wp_wrap .ms_mbanner .inner_box .img_bg_wrap .shdow p {
    font-size: 21px;
}

.wp_wrap .ms_exhibition .cont_box .txt_itms .txt_li {
    /* padding: 20px 15px; */
}
.wp_wrap .ms_exhibition .cont_box .txt_itms .txt_li a .li_in{
    padding: 5px 15px;

}
.wp_wrap .ms_exhibition .cont_box .txt_itms .txt_li a .li_in .icon_box {
    display: none;
}
.wp_wrap .ms_exhibition .cont_box .txt_itms .txt_li a .li_in .txt_box {
    width: 100%
}
.wp_wrap .ms_exhibition .cont_box .txt_itms .txt_li a .li_in .txt_box .tit {
    font-size: 18px;
}
.wp_wrap .ms_exhibition .cont_box .txt_itms .txt_li a .li_in .txt_box .desc>p {
    font-size: 16px;
}
.wp_wrap .ms_exhibition .cont_box .img_itms .img_li .img_box{
    height: 230px;
}
.wp_wrap .ms_exhibition .cont_box .txt_itms .txt_li a .li_in {
    min-height: 110px;
}
/**********************************************************************************************************************/


/**********************************************************************************************************************/
/* 서브 */
/**********************************************************************************************************************/
/* prd_liId */
.wp_wrap .prd_liId .subpage_mnu>ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 3px;
}



/* s_greetingId */
.wp_wrap .s_greetingId .inner_box .content .img_box, 
.wp_wrap .s_historyId .inner_box .content .img_box {
    height: 200px;
}
.wp_wrap .s_greetingId .inner_box .content .txt_box .bot_txt p {
    line-height: 23px;
}
.wp_wrap .s_greetingId .inner_box .content .txt_box .top_txt,
.wp_wrap .s_historyId .inner_box .content .txt_box .top_txt {
    margin-bottom: 20px;
}
.wp_wrap .s_greetingId .inner_box .content .txt_box .top_txt .tit, 
.wp_wrap .s_historyId .inner_box .content .txt_box .top_txt .tit {
    font-size: 22px;
}



/* s_wtcomeId */
.wp_wrap .s_wtcomeId .inner_box .content .map_box {
    height: 230px;
}
.wp_wrap .s_wtcomeId .inner_box .content .com_info {
    margin-left: 10px;
}
.wp_wrap .s_wtcomeId .inner_box .content .com_info .tit span {
    font-size: 17px;
}
.wp_wrap .s_wtcomeId .inner_box .content .com_info .tit {
    font-size: 27px;
}
.wp_wrap .s_wtcomeId .inner_box .content .com_info .adrs {
    font-size: 17px;
}
.wp_wrap .s_wtcomeId .inner_box .content .com_info ul {
    align-items: flex-start;
    flex-direction: column;
    gap: 5px;
}
/**********************************************************************************************************************/

/**********************************************************************************************************************/
/* 검색페이지 */
/**********************************************************************************************************************/
.wp_wrap .s_searchId .content {
    padding: 30px 0 150px 0;
}
.wp_wrap .s_searchId .search_outer {
    max-width: 220px;
}
.wp_wrap .s_searchId .search_outer>input {
    font-size: 18px;
}
.wp_wrap .s_searchId .search_outer button>i {
    font-size: 18px;
}
/**********************************************************************************************************************/



/**********************************************************************************************************************/
/* 서브2 */
/**********************************************************************************************************************/
.wp_wrap .stit_box .tit {
    font-size: 26px;
}
.wp_wrap .s_process1 .stit_box2 {
    margin-bottom: 25px;
}

/* s_cm_intro ------------------------------------------------------------------------------------------------------ */
.wp_wrap .s_cm_intro .intro_top .img_area {
    margin-bottom: 20px;
}
.wp_wrap .s_cm_intro .intro_top .img_area .img_box {
    height: 150px;
    border-radius: 15px;
}
.wp_wrap .s_cm_intro .intro_top .mnu_area .mnu {
    border-radius: 15px;
}
.wp_wrap .s_cm_intro .intro_top .mnu_area .mnu>li>a {
    height: 40px;
    font-size: 16px;
}

/* s_intro1 ------------------------------------------------------------------------------------------------------ */
.wp_wrap .s_intro1 .cont_box .txt_box .txt1 {
    margin-bottom: 30px;
}
.wp_wrap .s_intro1 .cont_box .txt_box .txt1 p {
    font-size: 30px;
}
.wp_wrap .s_intro1 .cont_box .txt_box .txt2 {
    margin-bottom: 30px;
}
.wp_wrap .s_intro1 .cont_box .txt_box .txt2 p {
    font-size: 18px;
}
.wp_wrap .s_intro1 .cont_box .txt_box .txt3 p {
    font-size: 16px;
}


/* s_process1 ------------------------------------------------------------------------------------------------------ */
.wp_wrap .s_process1 .cont_box .process_box .top_step .itms>li::after {
    left: -16px;
    font-size: 15px;
}
.wp_wrap .s_process1 .cont_box .process_box .top_step .itms>li {
    width: calc((100% - 30px) / 3);
    border-radius: 15px;
    aspect-ratio: auto 1 / 1.25;
}
.wp_wrap .s_process1 .cont_box .process_box .top_step .itms {
    gap: 15px;
}
.wp_wrap .s_process1 .cont_box .process_box .top_step .itms>li .icon_box img {
    width: 50px;
}
.wp_wrap .s_process1 .cont_box .process_box .top_step .itms>li .num,
.wp_wrap .s_process1 .cont_box .process_box .top_step .itms>li .txt{
    font-size: 14px;
}
.wp_wrap .s_process1 .cont_box .process_box .top_step .itms>li:nth-child(6)::after {
    bottom: -17px;
}
.wp_wrap .s_process1 .cont_box .process_box .top_step .itms>li:nth-child(3)::before {
    bottom: -17px;
    font-size: 15px;
}
.wp_wrap .s_process1 .cont_box .process_box .bot_step .itms>li {
    flex-direction: column;
    gap: 10px;
    font-size: 16px;
    padding: 15px 10px;
}



/* s_rt_terms1 ------------------------------------------------------------------------------------------------------ */
.wp_wrap .s_rt_terms1 .stit_box2 {
    margin-bottom: 30px;
}
.wp_wrap .s_rt_terms1 .cont_box .terms_box .terms_area .top_txt .txt1 {
    font-size: 23px;
}
.wp_wrap .s_rt_terms1 .cont_box .terms_box .terms_area .top_txt .txt2 {
    font-size: 17px;
}
.wp_wrap .s_rt_terms1 .cont_box .terms_box .terms_area .bot_txt .dum .tit_box {
    padding: 15px 10px;
    border-radius: 15px;
}
.wp_wrap .s_rt_terms1 .cont_box .terms_box .terms_area .bot_txt .dum .tit_box>p {
    font-size: 17px;
}
.wp_wrap .s_rt_terms1 .cont_box .terms_box .terms_area .bot_txt .dum .desc_box {
    padding: 20px 10px;
}
.wp_wrap .s_rt_terms1 .cont_box .terms_box .terms_area .bot_txt .dum .desc_box>p {
    font-size: 16px;
}



/* s_rt_terms1 ------------------------------------------------------------------------------------------------------ */
.wp_wrap .s_location1 .cont_box .location_box .map_area .map_box {
    height: 270px;
    margin-bottom: 20px;
}
.wp_wrap .s_location1 .cont_box .location_box .map_area .info_box .lt_box .adrs {
    font-size: 20px;
}
.wp_wrap .s_location1 .cont_box .location_box .map_area .info_box .lt_box .call>a, 
.wp_wrap .s_location1 .cont_box .location_box .map_area .info_box .lt_box .email>a {
    font-size: 17px;
}

/* s_ci1 ------------------------------------------------------------------------------------------------------ */
.wp_wrap .s_ci1 .cont_box .ci_box .ci_area .top_box {
    gap: 30px;
}
.wp_wrap .s_ci1 .cont_box .ci_box .ci_area .top_box .logo_box {
    width: 80%;
}
.wp_wrap .s_ci1 .cont_box .ci_box .ci_area .top_box .txt_box > p {
    font-size: 16px;
}
.wp_wrap .s_ci1 .cont_box .ci_box .ci_area .top_box .txt_box > p .rspnone{
    display: none;
}
.wp_wrap .s_ci1 .cont_box .ci_box .ci_area .bot_box .itms>li .color {
    width: 100px;
    height: 100px;
}

.wp_wrap .s_ci1 .cont_box .ci_box .ci_area .bot_box .itms>li .desc .txt1 {
    font-size: 20px;
}
.wp_wrap .s_ci1 .cont_box .ci_box .ci_area .bot_box .itms>li .desc .txt2 {
    font-size: 15px;
}
.wp_wrap .s_ci1 .cont_box .ci_box .ci_area .bot_box .itms>li .desc {
    gap: 5px;
}
/**********************************************************************************************************************/
}





@media (max-width: 375px) {    
.wp_wrap .stit_box .tit {
    font-size: 24px;
}
}





@media (max-width: 320px) {}