@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 1600px) {
.page_search_wrap .wrap_in{flex-direction: column-reverse; gap: 1rem;}
}

@media screen and (max-width: 1440px) {
/* header */
#header .top_wrap .gnb_wrap .gnb > li .dp1{ min-width: 7em;}

/* main */
#sec_product .productSlide_wrap{ margin-top: 7rem;}

/* sub */
.dp2_greeting #contents{overflow: hidden;}
.greet_wrap .greet-con .img_wrap .img{ border-radius: 10rem 0 10rem 0;}
#contents .sub_top_wrap:before{height: 130px; border-radius: 100px 100px 0 0;}
#contents .sub_top_wrap{ height: 75vh;}
#contents .sub_top_wrap .subTit{ top: 44%;}

/* 구성원 */
.popWrap.committee{max-width: 65vw !important; width: 65vw !important;}

/* 온라인문의 */
#inquiryForm .formCon{padding: 2rem 1rem;}
#inquiryForm .formCon > .formTit{width: 25%;}
#inquiryForm .formCon > .formWrap{width: 75%;}
.formWrap .form > li .inp_wrap .tit{width: 7rem;}

/* board */
.tt_state,
.flex_table .input_st{white-space: nowrap}


}

@media screen and (max-width: 1280px) {


/* sub */

/* 구성원 */
.visualSlide_wrap .visualControl{ bottom: 23rem;}
.member_wrapper .member_list .member_item{width: 100%;}
.member_wrapper .member_list .member_item .member_img{height: 20em;}

/* 제품소개 */
.mall_view_top .prod_info .op_wrap > li .wrap_in{ align-items: flex-start; gap: .5rem;}
.mall_view_top .prod_info .op_wrap > li .wrap_in,
.mall_view_top .prod_info .op_wrap > li .wrap_in .wrap2{flex-direction: column;}
.mall_view_top .prod_info .op_wrap > li .wrap_in .wrap2{align-items: flex-start; gap: 2rem;}


}



@media screen and (max-width: 1024px) {
html{ font-size: 15px}

/* header */
#header .top_wrap .gnb_wrap{display: none;}
#header .top_wrap .logo > a img{margin-top: 1rem;}
#sec_news .newsLayout{ display: flex; flex-direction: column; height: auto;}

.PHONE{display: block;}
.PC{display: none;}

/* ====== all ====== */
/* .main_box{ padding: 7rem 0;} */
.main_tit{margin-bottom: var(--space-5);}

/* main */
.visualSlide {}
.visualSlide_wrap .visualControl{ bottom: 20rem; width: var(--container-ultra-xxxl); margin: 0 auto; max-width: 92%;}
#sec_about .aboutContainer{flex-direction: column;}
#sec_about .aboutContainer .txtCon,
#sec_about .aboutContainer .titCon{width: 100%;}
#sec_about .aboutContainer .titCon .main_tit{margin-bottom: 0;}
#sec_about .aboutLink_wrapper .divLink > .inner .infoBox{padding: 0 2rem; bottom: 2rem;}

#sec_news .newsLayout .LayCon > .item > .inner{display: flex; gap: var(--gap-lg); padding: 1rem; align-items: center;}
#sec_news .newsLayout .LayCon > .item > .inner > .imgCon{width: 27%; height: auto; aspect-ratio: 4 / 4; flex-shrink: 0;border-radius: var(--radius-md);}
#sec_news .newsLayout .LayCon > .item > .inner > .info{flex: 1; min-width: 0; margin-top: 0;}
#sec_news .newsLayout .rightItem.LayCon > .item > .inner > .arrowCon{display: none;}
#sec_news .newsLayout .LayCon > .item > .inner > .info > .tit{font-size: var(--font-size-md-1); margin: .5rem 0;}
#sec_about .aboutLink_wrapper .inner .infoBox{bottom: 3rem; padding: 0 2rem;}
#sec_about .aboutLink_wrapper .inner .roundArrow{top: 2rem; right: 2rem;}
#sec_news .newsLayout .LayCon > .item > .inner > .info > .txt{font-size: var(--font-size-sm);}
#sec_news .newsLayout .LayCon > .item > .inner > .info > .dateCon{font-size: var(--font-size-xs); margin-top: var(--space-2);}


/* footer */
#sec_inquiry .inquiryBox_container .info_container{flex-direction: column;}
#sec_inquiry .inquiryBox_container .leftItem,
#sec_inquiry .inquiryBox_container .rightItem{width: 100%;}
#sec_inquiry .inquiryBox_container .inquiry_bg{padding: 2.5rem;}
#sec_inquiry .inquiryBox_container .leftItem > .main_tit{margin-bottom: var(--space-4);}
#sec_inquiry .inquiryBox_container .info_container{gap: 3.5rem;}

#footer .footerWrapper .footerMid{flex-direction: column;}
#footer .footerWrapper .footerMid .rightInfo{width: 100%;}
#footer .footerWrapper .footerMid .leftInfo{width: 100%;}


/* sub */
#contents .doc{padding: .2rem 0 7rem 0;}
#contents .sub_top_wrap{ height: 55vh;}
#contents .sub_top_wrap:before{height: 90px; border-radius: 70px 70px 0 0;}

.bg_tit .t1{font-size: var(--font-size-xxl);}


/* 인사말 */
.greet_wrap .greet-con{flex-direction: column-reverse;}
.greet_wrap .greet-con .img_wrap{display: none;}
.greet_wrap .greet-top{margin-bottom: 0;}

/* 연혁 */
.history-layout{gap: 3rem; flex-direction: column;}
.history-layout .left,
.history-layout .right{width: 100%;}

/* 구성원 */
.popWrap.committee{max-width: 80vw !important; width: 80vw !important;}

/* 찾아오시는 길 */
.map_list {flex-wrap: wrap;}
.map_list > li {flex: 1 47%; border: 1px solid #ddd;}
.map_list > li .in {padding: 1em 0em;}
.map_list > li + li .in {padding-left: unset; border-left: unset;}
.map_list > li .in .page_txt .tit {margin-bottom: 10px !important;}
.map_list > li .in .page_txt .txt { margin-top: unset !important; width: 80%; margin: 0 auto;}

.mapInfo_list {flex-wrap: wrap;}
.mapInfo_list li {padding: 0 1em 1.5em; border-bottom: 1px solid #ddd; border-right: unset; width: 100%;}
.mapInfo_list li:last-child {border-bottom: unset;}

.location_info{flex-direction: column; gap: 1em;}
.location_info .page_tt{width: 100%;}
.location_info .page_tt br{display: none;}
.map_info3{width: 100%;}
.location_info .img_wrap{width: 54%;}
.mapCon .imgList li{width: calc((100% - 2em) / 2);}

.greet_wrap .greet_txt .tx.t4 br{display: none;}
.greet_wrap .greet_txt .page_txt{padding: 4em;}

/* 제품소개 */
.prosearchCon .find_WrapCon{ width: 65svw;}

.buy_btn_wrap {flex-wrap: wrap;}
.mall_view_top .prod_info .buy_btn_wrap > li.btnWish{margin-left: 0;}
.zoomThumbWrap{overflow-x: auto;}
.zoomThumbWrap > li{width: calc((100% - 1.5em) / 4); flex-shrink: 0;} 

/* 1:1 문의 */
.dp1_mypage.dp2_inquiry .board_st .w_cate.w10{width: 15% !important;}
.dp1_mypage.dp2_inquiry .board_st .w_date.w10{width: 20% !important;}
.dp1_mypage.dp2_inquiry .board_st tr td:nth-child(4){white-space: nowrap;}
.dp1_mypage.dp2_inquiry .board_st tr td:nth-child(1),
.dp1_mypage.dp2_inquiry .board_st tr th:nth-child(1),
.dp1_mypage.dp2_inquiry .board_st colgroup col:nth-child(1){display: none;}
/* .dp1_mypage.dp2_inquiry .board_st tr:first-child { display: none; }
.dp1_mypage.dp2_inquiry .board_st, .board_st tbody, .board_st tr, .board_st td { display: block; width: 100%; }
.dp1_mypage.dp2_inquiry .board_st tr { border: 1px solid #e5e5e5; border-radius: 0.75rem; margin-bottom: 1rem; padding: 1rem; display: flex;flex-wrap: wrap;}
.dp1_mypage.dp2_inquiry .board_st td { display: flex; justify-content: flex-start; padding: 0.3rem 0; text-align: left;}
.dp1_mypage.dp2_inquiry .board_st tr td:nth-child(1),
.dp1_mypage.dp2_inquiry .board_st tr th:nth-child(1),
.dp1_mypage.dp2_inquiry .board_st colgroup col:nth-child(1){display: none;}
.dp1_mypage.dp2_inquiry .board_st tr td:nth-child(2){order:1;}
.dp1_mypage.dp2_inquiry .board_st tr td:nth-child(3){order:3; width: 100%;}
.dp1_mypage.dp2_inquiry .board_st tr td:nth-child(4){order:2; }
.dp1_mypage.dp2_inquiry .board_st tr td{width: auto; gap: 1rem 1.5rem;}
.dp1_mypage.dp2_inquiry .board_st td::before { content: attr(data-label); font-weight: 600; color: #666; } */

/* 기사자료 */
.news_table > li > .inner > .imgCon{height: 19svh;}



}

@media screen and (max-width: 950px) {
.order_notice { display:block; margin-bottom:unset;} 
}

@media screen and (max-width: 768px) {
html{ font-size: 14px}

/* header */
.allOn #header .top_wrap .all_btn {top: 2.5em; right: 4vw;}
.allOn #header .top_wrap .all_btn .in{width: 2.6rem;}
#header .top_wrap .logo > a img{margin-top: 0;}

/* ====== all ====== */
.main_box{ padding: 5rem 0;}

/* main */
#sec_product{padding-top: 5rem !important;}
.visualSlide_wrap .visualControl{ bottom: 6rem;}
.visualSlide .slogan_wrap{margin-bottom: 5rem;}

/* #sec_about .aboutContainer{flex-direction: column; text-align: center;} */
#sec_about .aboutContainer .titCon .main_tit .t1{font-size: var(--font-size-xxl);}
#sec_about .aboutContainer .titCon .main_tit .t1 .el{display: inline;}
#sec_about .aboutLink_wrapper{flex-direction: column;}
#sec_about .aboutLink_wrapper .wideLink,
#sec_about .aboutLink_wrapper .divLink{width: 100%;}
#sec_about .aboutLink_wrapper .wideLink > .inner,
#sec_about .aboutLink_wrapper .divLink > .inner{height: 35vh;}
#sec_about .aboutLink_wrapper .divLink{gap: var(--gap-md);}
#sec_about .aboutLink_wrapper .inner .infoBox{bottom: 2rem;}
#sec_about .aboutLink_wrapper .inner .infoBox > .tit{font-size: var(--font-size-xl);}
#sec_about .aboutLink_wrapper .inner .roundArrow{width: 4rem; height: 4rem;}

#sec_inquiry .inquiryBox_container .leftItem > .main_tit > .t2{font-size: var(--font-size-xl);}


/* footer */
#sec_inquiry .inquiryBox_container .info_container{gap: 2.8rem;}
#footer .footerWrapper .footerMid .rightInfo > .gnb{gap: 2rem;}
#footer .footerWrapper .footerMid .rightInfo > .gnb > li > a{margin-bottom: 0.5rem;}

/* sub */
#contents .sub_top_wrap{height: 52vh;}
.dp1_mypage #contents .sub_top_wrap{height: 58vh;}
#contents .sub_top_wrap .subTit{top: 52%;}
#contents .sub_top_wrap:before{ height: 60px; border-radius: 40px 40px 0 0;}
.dp2_view #contents .sub_top_wrap{height: 35vh;}
.dp2_view #contents .sub_top_wrap:before{height: 34px;}
.dp2_view #contents .sub_top_wrap .subTit{top: 54%;}
#contents .nav{margin-bottom: 1rem;}
#contents .sub_top_wrap .subTit .t1{font-size: var(--font-size-xxl);}
#contents .sub_page_menu{margin-top: var(--space-3);}
#contents .sub_page_menu .gnb .dp2 > li > a{height: 34px; line-height: 28px; padding: 0 18px;}
#contents .sub_page_menu .gnb{border-radius: 20px;}
#contents .sub_page_menu .gnb .dp2{flex-wrap: wrap;}
#contents .sub_page_menu .gnb .dp2 > li{flex: 1 1 50%;}

.page_tit > .t1{font-size: var(--font-size-xxl);}

/* 연혁 */
.history_wrap .history > li{gap: 0;}
.history_wrap .history > li .list .month{flex: 0 0 1.8em;}
.history_wrap .history > li .list .detail .tt::before{top: 9px;}

/* 구성원 */
.popWrap.committee{max-width: 90vw !important; width: 90vw !important;}
.popWrap.committee .his_container{gap: 2rem; flex-direction: column;}
.popWrap.committee .his_container .profile{width: 100%;}
.popWrap.committee .his_container .profile > img{width: 16em; border-radius: .5rem;}
.popWrap.committee .his_container .right_info{width: 100%; gap: 1.5rem;}
.popWrap.committee .his_container .right_info .rightBtm .callContainer{flex-direction: column; gap: 0.5em;}
.popWrap.committee .his_container .right_info .rightMid > .lineList > li .date,
.popWrap.committee .his_container .right_info .rightBtm .callContainer > .item > .tt{font-size: var(--font-size-base);}
.popWrap.committee .his_container .right_info .rightMid > .lineList > li > .txt{font-size: var(--font-size-md);}
.popWrap.committee .infoContainer .infoItem > .dotTxt > li{font-size: var(--font-size-base);}

.pageDiv_desc{ margin-top: 2rem; padding-bottom: 2rem; gap: 1.5rem;}
.pageDiv_desc .tit{ flex: 0 0 calc((100% - 1.5rem) * 0.16);}
.pageDiv_desc .txt{flex: 0 0 calc((100% - 1.5rem) * 0.84);}
.pageDiv_img{flex-direction: column;}
.pageDiv_img .img_wrap img{width: 62%;}

/* 비즈니스 */
.pageDivCon{margin-top: 2.5rem;}
.pageDivCon + .pageDivCon{margin-top: 4rem;}
.prosearchCon .find_WrapCon{width: 100%;}

#findPro .input_st{height: 3.7rem;}
#findPro .sech{width: 3.1rem; height: 3.1rem;}
.prosearchCon{ padding: 3rem;}
.prosearchCon .tag_wrap{ padding-top: var(--space-2);}

/* 제품소개 */
.proCateBox{flex-direction: column; gap: 1rem; padding: 2rem;}
.proCateBox .cateTit{height: 2rem;}
.proCateBox .cateTit:before{display: none;}

.productSubList .subProList{width: calc((100% - 1.2rem) / 2);}
.productContainer .proBtm{margin-top: var(--space-1);}
.board_search_wrap{margin-bottom: var(--space-2);}

.cartIcon{right: 1rem; top: 1rem;}
.mall_view_top{flex-direction: column;}
.mall_view_top .prod_img,
.mall_view_top .prod_info{width: 100%;}
.mall_view_top .prod_info{margin-top: 0;}
.mall_view_top .prod_img .imgBig img{height: 32svh;}
.zoomThumbWrap > li{width: 16%;}
.zoomThumbWrap > li .in{height: 5rem;}

.buy_btn_wrap li{ flex: 1 1 50% !important; max-width: 50%;}

.mall_view_top{padding: 0 0 3em 0;}
.mall_view_top .prod_info .prod_price{margin-top: var(--space-3);}
.mall_view_top .prod_info .op_wrap > li .wrap_in{padding: .5em 1.5em;}
.mall_view_top .prod_info .op_wrap > li .wrap_in .wrap2{gap: 1.5rem;}
.mall_view_top .prod_info .info_wrap .list > li{padding: .4em 0;}
.mall_view_top .prod_info .info_wrap{ margin: 1em 0 1.2em 0;}
.mall_view_top .prod_info .total_price{ margin: 0 0 1.5em;}
.mall_view_top .prod_info .buy_btn_wrap li:nth-child(2) .btn{border-left: none;}
.mall_view_top .prod_info .buy_btn_wrap .btn{height: 3rem; font-size: var(--font-size-base);}

.proViewinfo{}
.proViewinfo .infoCon{padding-bottom: 3rem;}
/* .proViewinfo .infoCon colgroup col:not(:nth-child(3)){width: 5em !important;} */
.proViewinfo .infoCon .board_st.write th{padding: 0.55em 0.6em;}
.proViewinfo .infoCon .board_st.write td{padding: 0.55em 1em;}

.proViewinfo .infoCon .board_tit.mb{position: relative;}
.proViewinfo .infoCon .board_tit.mb::before{position: absolute; content: '\e90e Please scroll left and right to check the content.'; left: 0; top: -1.5em; color: var(--color-point); font-family: xeicon!important; font-weight: 600;}
.proViewinfo .infoCon .table_scroll {overflow-x: scroll; width: 100%;}
.proViewinfo .infoCon .table_scroll table{min-width: 800px;}

/* board */
.board_viewM{ padding: 1.5rem; font-size: 16px !important;}
.board_viewF{ padding: 1.5rem;}
.board_viewF .wrap_con .list{flex-direction: column;}
.postNavi .post_st .form_lab .lab_tit{width: 14svw;}

.board_search_wrap{align-items: center;}
.board_search_wrap .search_inner{height: 5.4svh;}
.board_search_wrap .search_inner .input_search .search{height: 31px; width: 31px; right: 4px;} 
.board_search_wrap .total{font-size: 1.25rem;}

.boardList_Wrap .boardList > li > .inner{padding: 1.3rem 0;}
.boardList_Wrap .boardList > li > .inner > .listN{width: 1.5rem;}
.boardList_Wrap .boardList > li > .inner .etc{}
.boardList_Wrap .boardList > li > .inner .view{display: none;}

.board_st.write .w_form_tit{width: 5rem;}

.board_faq > li .faqTit .wrap_in{padding: 0 3em 0 0; gap: 0 1em;}
.board_faq > li .wrap_in .ico,
.board_faq > li .wrap_in .tit{width: 3em;}
.board_faq > li .wrap_in .ico .arrow{font-size: 1.5em;}



/* mall_order */
.mall_order_con .board_st.response,
.mall_order_con .board_st.response caption,
.mall_order_con .board_st.response thead,
.mall_order_con .board_st.response tbody,
.mall_order_con .board_st.response tfoot,
.mall_order_con .board_st.response th,
.mall_order_con .board_st.response td,
.mall_order_con .board_st.response tr,
.mall_order_con .board_st.response .in_Table,
.mall_order_con .board_st.response .in_Table .tr,
.mall_order_con .board_st.response .in_Table .th,
.mall_order_con .board_st.response .in_Table .td {display:block;box-sizing:border-box;height:auto;} 
.mall_order_con .board_st.response .in_Table .th,
.mall_order_con .board_st.response .in_Table .td { width:auto; } 
.mall_order_con .board_st.response { font-size:1em !important; } 
.mall_order_con .board_st.response thead { display:none; } 
.mall_order_con .board_st.response th,
.mall_order_con .board_st.response td,
.mall_order_con .board_st.response th[class^="w_"],
.mall_order_con .board_st.response td[class^="w_"] {width:auto;} 
.mall_order_con .board_st.response th,
.mall_order_con .board_st.response td {border-color:#999;border:1px solid #999;} 
.mall_order_con .board_st.response th { margin-top:.5em; background:#f2f2f2; border-bottom-color:#ccc; color:#000; text-align:left; } 
.mall_order_con .board_st.response td { border-width:0 1px 1px 1px; } 

.input_hp .w10,
.input_tel .w10{width: 20% !important;}
.input_name .w30,
.input_name .w20,
.input_email .w20,
.input_email .w30{width: 50% !important;}
.input_add .w20{width: 30% !important;}

.board_inquiry{padding: 3rem 1.5rem;}
.board_inquiry .formCon{margin-bottom: var(--space-6);}


/* 주문내역 조회 */
/* .page_search_wrap .input_wrap{flex-wrap: nowrap;} */
.page_search_wrap .wrap_in .tit{flex: 1 1 100%;}
.dp1_mypage .page_search_wrap .wrap_in > div .input_wrap { flex-wrap:nowrap; } 
.dp1_mypage .page_search_wrap .wrap_in > div .input_wrap .label_st .con { min-width:auto; } 
.dp1_mypage .page_search_wrap .wrap_in > div:last-of-type .input_wrap { flex-wrap:wrap; } 
.dp1_mypage .page_search_wrap .wrap_in > div:last-of-type .input_wrap .input_sec:nth-of-type(1) { flex:1 1 75%; } 
.dp1_mypage .page_search_wrap .wrap_in { padding:1em; align-items: start;} 
.dp1_mypage .page_search_wrap .wrap_in > div:last-of-type .input_wrap label .input_st.w4 { width:10em; } 

.label_st:not(.cssbrowser) .con{height: 2rem; font-size: var(--font-size-sm); padding: 1rem .7rem;}

.input_sec{width: 1em;}
.input_sec.w1 { width: .3em; }


/* 부모 클래스 수정? */
.flex_table > li > .tr { flex-wrap:wrap; padding-bottom:0; padding-top:0; } 
.flex_table > li > .tr > .td{padding: .6em;}
.flex_table > li > .tr > .td.wCheck { border-bottom:2px dashed #dedede; } 
.flex_table > li > .tr > .td.wCon { width:100%; flex:auto; border-bottom:1px dashed #dedede; } 
.flex_table > li > .tr > .td.wVol2{ flex:1 1 33.33%; padding-left: 0;} 
.flex_table > li > .tr > .td.wPrice2 { flex:1 1 33.33%; } 
.flex_table > li > .tr > .td.wBtn2 { flex:1 2 33.33%; padding-right: 0;} 
.flex_table.reviewSt > li > .tr > .td.wVol,
.flex_table.reviewSt > li > .tr > .td.wPrice{padding-top: 1rem; width: 10em;}

.flex_table > li > .tr > .td.wCheck { width: 100%; }
.flex_table > li > .tr > .td.wCheck label{margin-left: auto;}
.tt_price{font-size: var(--font-size-md-1) !important;}

.dp2_orderList .flex_table.line.reviewSt.page_sec05 > li { overflow-x:scroll; } 
.dp2_orderList .flex_table.line.reviewSt.page_sec05 > li > div.flex { width:950px; } 
.dp2_orderList .flex_table > li > .tr > .td.wBtn { width:10em; } 
.dp2_orderList .flex_table > li > .tr > .td.wState { } 
.dp2_orderList .flex_table > li > .tr > .td.wDate2 { align-items: flex-start;} 
.dp2_orderList .flex_table > li > .tr > .td.wCon { } 
.dp2_orderList .flex_table > li > .tr > .td.wPrice2 { } 
.dp2_orderList_ori .flex_table.line.reviewSt.page_sec05 > li { overflow-x:scroll; } 
.dp2_orderList_ori .flex_table.line.reviewSt.page_sec05 > li > div.flex { width:950px; } 
.dp2_orderList_ori .flex_table > li > .tr > .td.wBtn { width:10em; } 
.dp2_orderList_ori .flex_table > li > .tr > .td.wState { } 
.dp2_orderList_ori .flex_table > li > .tr > .td.wDate2 { } 
.dp2_orderList_ori .flex_table > li > .tr > .td.wCon { } 
.dp2_orderList_ori .flex_table > li > .tr > .td.wPrice2 { } 

.order_notice { display:block; margin-bottom:unset;} 

.dp1_mypage.dp2_orderList .flex_table > li > .tr { flex-wrap:nowrap; padding-bottom:0; padding-top:0; } 
.dp1_mypage.dp2_orderList .flex_table > li > .tr > .td.wCheck { border-bottom:none; } 
.dp1_mypage.dp2_orderList .flex_table > li > .tr > .td.wCon { width:calc(100% - 56em); border-bottom:none; flex:1 1 100%; padding: .5rem;} 
.dp1_mypage.dp2_orderList .flex_table > li > .tr > .td.wVol2 { flex:auto; } 
.dp1_mypage.dp2_orderList .flex_table > li > .tr > .td.wPrice2 { flex:auto; } 
.dp1_mypage.dp2_orderList .flex_table > li > .tr > .td.wBtn2 { flex:auto; } 

.dp1_mypage .board_st .w_form_tit{width: 8rem;}

/* 온라인 문의 */
#inquiryForm .formCon{flex-direction: column; gap: var(--gap-md);}
#inquiryForm .formCon > .formTit{width: 100%;}
#inquiryForm .formCon > .formTit > .tt{font-size: var(--font-size-lg);}
.formWrap .form > li .inp_wrap{flex-direction: column; gap: 0;}
.formWrap .form > li .inp_wrap .tit{width: 100%;}
.formWrap .form > li .inp_wrap .tit,
.formWrap .form > li .inp_wrap .input_st:not(textarea){height: 2.8rem;}

.guideBox .guide_inner.scroll{height: 28svh;}
.guideBox .guide_inner{padding: 2rem;}

/* 기사자료 */
.news_table > li > .inner{gap: var(--gap-md);}
.news_table > li > .inner > .infoCon,
.news_table > li > .inner > .infoCon > .txt{min-width: 0;}

.news_table > li > .inner > .infoCon > .tit{font-size: var(--font-size-md);}


}

@media screen and (max-width: 500px) {
/* header */
#header .etc_wrap .menu_wrap{display: none;}
.allOn #header .all_wrap .all_layer .all_inner{width: 80%;}
#header .all_wrap .all_layer .all_inner > .wrap_in{padding: 4rem 2rem 0 2rem;}

/* all */
.dp1_product .box1{max-width: 95%;}

.IconBtn .btn{padding: 13px 20px;}
.IconBtn .btn .iconimg > img{height: 17px;}


/* main */
.visualSlide .slogan_wrap .slogan .title > .t1{font-size: var(--font-size-xxxl);}
.visualSlide .slogan_wrap .slogan .title > .t1 br{display: none;}
.main_tit .t1.en{font-size: var(--font-size-xl);}
/* .main_tit .t5{ line-height: var(--line-height-normal);} */
.productContainer .proBtm{ padding: 1.5rem;}

#sec_about .aboutContainer .txtCon .main_tit .t4 .el,
#sec_about .aboutContainer .txtCon .main_tit .t4 .el i{display: inline;}

#sec_about .aboutLink_wrapper .divLink > .inner .roundArrow,
#sec_about .aboutLink_wrapper .inner .roundArrow{width: 3rem; height: 3rem; top: 1.5rem; right: 1.5rem;}
#sec_about .aboutLink_wrapper .inner:before{background: linear-gradient(180deg, rgba(0, 0, 0, 16%) 33%, rgb(0 0 0 / 61%) 100%);}
#sec_about .aboutLink_wrapper .inner .infoBox{ padding: 0 1.5rem !important;}
#sec_about .aboutLink_wrapper .inner .infoBox > .txt{font-size: var(--font-size-base);}
#sec_about .aboutLink_wrapper .inner .infoBox > .tit{font-size: var(--font-size-lg-2) !important;}
#sec_about .aboutLink_wrapper .wideLink > .inner,
#sec_about .aboutLink_wrapper .divLink > .inner{height: 33vh;}
#sec_about .aboutContainer .titCon .main_tit .t1{font-size: var(--font-size-xl);}

#sec_news .newsLayout .LayCon > .item > .inner{ gap: var(--gap-md) !important;}

/* footer */
#sec_inquiry .inquiryBox_container .inquiry_bg{padding: 2rem;}
#sec_inquiry .inquiryBox_container .leftItem > .main_tit > .t2{font-size: var(--font-size-lg);}

#footer .footerWrapper .footerTop > .logo > img{height: 56px;}
#footer .footerWrapper .footerMid .rightInfo{gap: 2.5em;}
#footer .footerWrapper .footerMid .rightInfo > .gnb{gap: 1rem; /* flex-direction: column; */ flex-wrap: wrap;}
#footer .footerWrapper .footerMid .rightInfo > .gnb .dp2{flex-direction: row; flex-wrap: wrap;}
#footer .footerWrapper .footerMid .rightInfo > .gnb > li{width: calc((100% - 2rem) / 2);}
#footer .footerWrapper .footerBtm{ margin-top: var(--space-4);}

#footer .footerWrapper .footerMid .leftInfo > .menu{flex-wrap: wrap; gap: .5rem 2rem;}

/* sub */
#contents .nav{margin-bottom: 0.5rem;}
#contents .sub_top_wrap .subTit .t1{font-size: var(--font-size-xl-1);}

.bg_tit .t1{font-size: var(--font-size-xl);}
.bg_tit .t2{ margin: .6rem 1.5rem;}

.sub_topBg{height: 13rem;}

.page_tit > .t1{font-size: var(--font-size-xl);}
.page_sec{margin-top: 2.8em !important;}
.page_sec2{margin-top: 1em !important;}



/* 인사말 */
.greet_wrap > .box1{margin: 0; max-width: 100%;}
.greet_wrap .greet-top .t1{font-size: var(--font-size-lg-2);}
.greet_wrap .greet-con .txt_wrap p.ceo{padding-right: 0;}
.greet_wrap .greet-con .txt_wrap p.ceo strong{font-size: 1.2em;}
.greet_wrap .greet-con .txt_wrap p.ceo .sign > img{height: 40px;}

/* 연혁 */
.history-layout{gap: 2rem;}
.history_wrap .history > li{margin-top: 3rem;}
.history_wrap .history > li .year{padding-left: 1rem;}
.history_wrap .history > li .list .wrap_in{ padding: 0 2rem 0 1.6rem;}
.history_wrap .history > li .list > li{margin-top: 0.5rem;}
.history_wrap .history > li .list .detail .tt::before{top: 8px;}

/* 구성원 */
.member_wrapper .member_list .member_item .member_img{height: 14em;}
.popWrap.committee .his_container .profile{ height: 15.5em;}
.popWrap.committee .his_container .profile > img{width: 12em;}
.member_wrapper .member_list .member_item .info_wrap{margin-top: 1.4rem;}
.member_wrapper .member_list .member_item .info_wrap .name{margin-bottom: 0.2rem;}
.member_wrapper .member_list .member_item .info_wrap .record{margin-top: 0.5rem;}
.member_wrapper .member_list .member_item .info_wrap .record .icon:last-child{margin-top: -.2rem;}

.popWrap.committee .pop_Container .popIn{padding: 2rem 1.3rem;}

/* 비즈니스 */
.pageDiv_desc{flex-direction: column; gap: 0.7rem; padding: 0 0.7rem; padding-bottom: 1.5rem; margin-top: 1.5rem;}
.pageDiv_desc .tit{font-size: var(--font-size-md);}
.pageDiv_desc .tit,
.pageDiv_desc .txt{width: 100%;}
.pageDiv_desc .txt .t1{line-height: var(--line-height-normal); font-size: var(--font-size-base);}
.pageDiv_img .img_wrap{padding: 1.5rem;}
.pageDiv_img .img_wrap img{width: 75%;}
.pageDiv_img .product_name{right: 1rem; top: 1rem;}
.pageDiv_tit .tit{ font-size: var(--font-size-lg-1);}
.pageDiv_tit .tit.dot{ padding-left: 0.8rem;}
.pageDiv_tit .tit.dot::before{width: 4px; height: 4px; top: 9px;}

/* 제품소개 */
.prosearchCon{ padding: 3rem 1.5rem;}
.prosearchCon .tag_wrap{flex-direction: column; gap: var(--gap-md);}
.prosearchCon .tag_wrap .tag_list{gap: 0.7rem var(--gap-md);}
.page_tit > .t2{font-size: var(--font-size-lg);}

.proCateBox{padding: 1.5rem;}
.proCateBox .proCateList > li > .inner{height: 2.5rem; padding: 0 1.5rem;}
/* .productSubList .subProList{width: 100%;} */
.mall_view_top{gap: 1.8em;}
.mall_view_top .prod_img .imgBig{padding: 2rem;}
/* .mall_view_top .prod_img .imgBig img{height: 27svh;} */
.mall_view_top .prod_info .tit_wrap .t1{font-size: var(--font-size-sm);}
.mall_view_top .prod_info .tit_wrap .tit,
.tt_price.st1 .tn{font-size: var(--font-size-md);}

/* .proViewinfo .infoCon colgroup col:not(:nth-child(3)){width: 3.8em !important;} */
.productContainer .proTop{padding: 1rem;}
.productContainer .proBtm > .con > .price > .saleP > .tt{font-size: var(--font-size-md-1);}
.productContainer .proBtm > .con > .price .cost > .tt{font-size: var(--font-size-xs);}
.productContainer .proBtm > .con.bd{margin-top: var(--space-2); padding-top: var(--space-2);}
.cartIcon .heartIcon{width: 2.7rem; height: 2.7rem;}
.cartIcon .heartIcon > img{height: 16px;}

.productSubList{gap: 3rem .8rem;}
.productSubList .productContainer .proBtm{padding: 0.75rem 0 0 0;}
.productSubList .productContainer .proTop .proImgBox{margin: 2.5rem 0;}
.productSubList .productContainer .proTop .proImgBox > img{height: 15svh;}

.tooltipWrap .tooltip{min-width: 16em; right: 0;}
.tooltipWrap .tooltip:after{left: 11.5em;}



/* board */
.flex_table > li > .tr{padding: 0;}

.input_name .w30,
.input_name .w20,
.input_email .w20,
.input_email .w30{width: 65% !important;}
.mall_order_wrap .label_st.s2{align-items: flex-start;}
.mall_order_wrap .board_btn_wrap .label_st span{text-align: left;}
.tt_price.s2{font-size: var(--font-size-base);}
.tt_price .ml{margin-left: 0.8rem;}
.tt_price .mr{margin-right: 0.5em;}
.mall_total_wrap{gap: 1rem 0;}

.board_st.write th,
.board_st.write td{padding: .75em 0.8em;}
/* .board_st.write.hAuto .w_form_tit:nth-child(2){width: 5em;} */

.mall_order_con .board_st.response th,
.mall_order_con .board_st.response td{padding: .75em 1em;}

.board_inquiry .formCon .formTit > .tt{font-size: var(--font-size-lg);}

.postNavi .post_st .form_lab .lab_tit{width: 24svw;}

.news_table > li > .inner{padding: 1.2rem 0;}
.news_table > li > .inner > .imgCon{height: 10svh; border-radius: var(--radius-md);}
.news_table > li > .inner > .infoCon > .tit{white-space: nowrap;}
.news_table > li > .inner > .infoCon > .date{margin-top: var(--space-1);}
.news_table > li > .inner > .infoCon > .txt{margin-top: var(--space-1);}

.board_viewT .vTit{font-size: var(--font-size-lg-2);}



/* 부모 클래스 수정? */
.dp2_order2 .flex_table > li > .tr > .td.wCon { width:100%; } 

.dp1_mypage.dp2_orderReturn .flex_table > li > .tr > .td.wCheck { border-bottom:none; } 
.dp1_mypage.dp2_orderReturn .flex_table > li > .tr > .td.wCon { border-bottom:none; } 
.dp1_mypage.dp2_review .flex_table > li > .tr > .td.wCon { border-bottom:none; } 
.dp1_customer.dp2_review .flex_table > li > .tr > .td.wCon { border-bottom:none; } 

.dp1_mypage.dp2_review .imgCon .wrap_img.w1 { width:5em; } 

.dp1_mypage.dp2_review .flex_table > li > .tr > .td.wCon { width:100%; } 
.dp1_customer.dp2_review .flex_table > li > .tr > .td.wCon { width:100%; } 

.dp2_cart .board_btn_wrap button { width:8em !important; padding:.5em 1em; } 

.dp2_order .flex_table > li > .tr > .td.wVol { margin-left:auto; } 
.dp2_order2 .flex_table > li > .tr > .td.wVol { margin-left:auto; } 
.dp2_order_fin .flex_table > li > .tr > .td.wVol { margin-left:auto; } 

.dp1_mypage.dp2_orderReturn .flex_table > li > .tr > .td.wCon { flex:1 1 100%; } 

.dp1_mypage.dp2_orderReturn .flex_table.line.reviewSt.page_sec05 > li { overflow-x:scroll; } 
.dp1_mypage.dp2_orderReturn .flex_table.line.reviewSt.page_sec05 > li > div.flex { width:670px; flex-wrap:nowrap; } 

.dp2_order .w_form_tit { width:8em; } 
.dp2_order table.board_st.write th,
.dp2_order table.board_st.write td {padding:.6em 1em !important;} 

.imgCon .wrap_con .pro_name{font-size: var(--font-size-md);}
.imgCon .wrap_img,
.imgCon .wrap_img.w2{margin-right: 1em; width: 5em;}
.vol_st .btn, .vol_st .inp { width:2em; height:2em; line-height:2em; } 

.dp1_mypage .page_search_wrap .wrap_in > div:last-of-type .input_wrap label .input_st.w4 { width:8em; } 

#re_post.input_st{width: 40% !important;}


/* 주문완료 */
.fin_wrap{padding: 1rem;}
.fin_wrap .fin_icon{font-size: 3em;}
.fin_wrap .fin_tit{font-size: var(--font-size-lg);}
.fin_wrap .fin_tit:after{ margin: 0.45em auto;}

/* 1:1 문의 */
.dp1_mypage.dp2_inquiry .board_st .w_cate.w10{width: 20% !important;}
.dp1_mypage.dp2_inquiry .board_st .w_date.w10{width: 25% !important;}

#inquiryForm .formCon > .formWrap{width: 100%;}
.input_st.s1.wide{width: 34svw;}

/* faq */
.board_faq > li .faqTit .wrap_in{flex-wrap: wrap;}
.board_faq > li .wrap_in .modify{width: 100%; padding-bottom: 1rem; }
.board_faq > li .wrap_in .modify .page_btn{text-align: right;}
.board_faq > li.on .faqCon .wrap_in{ padding-top: 1em; padding-bottom: 1em;}

}

@media screen and (max-width: 425px) {
#header .top_wrap .logo{ width: 25vw;}
#header .top_wrap .all{margin-left: .7rem;}
#header .top_wrap .all_btn .in{ width: 1.9rem;}

/* main */
#sec_product .productSlide_wrap{ margin-top: 6rem;}
.buyBtn > .in{height: 46px;}
.buyBtn > .in > .roundB{ height: 36px; width: 36px;}
.Btn_wrapper .IconBtn .btn{padding: 10px 26px ;}

.productContainer .proTop .proImgBox{margin: 1rem 0;}
#sec_news .newsTit .t1{font-size: var(--font-size-lg-2);}
#sec_news .titleLine{margin: 1.2rem 0;}

}

@media screen and (max-width: 380px) {
html{ font-size: 13px}

/* 구성원 */
.member_wrapper .member_list .member_item{gap: 1.2rem;}
.member_wrapper .member_list .member_item .member_img{height: 12em;}
.member_wrapper .member_list .member_item .info_wrap .view_btn{padding: 0.4rem 1.5rem;}

.guideBox .guide_inner.scroll{height: 22svh;}

}

@media screen and (max-width: 320px) {
html{ font-size: 12px}

}