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

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

#contents .sub_tab .gnb > li .dp2 > li{max-width: 14%;}

}

@media screen and (max-width:1280px){
body{font-size: 15px;}

}

@media screen and (max-width:1024px){
body{font-size: 13px;}
[data-aos^=fade][data-aos^=fade]{ opacity:1 !important; transform:translateZ(0) !important;}
.PC {display: none;}
.PHONE {display: block;}

#header .top_wrap .gnb_wrap{display: none;}

/* main */
.visualSlide_wrap .slogan .t1 br{display: none;}

.main_customer .custmer_wrap .customer_btm{flex-direction: column;}
.main_customer .custmer_wrap .customer_btm .link_long,
.main_customer .custmer_wrap .customer_btm .link_list{width: 100%;}

.main_product .product_con{flex-direction: column;}
.product_con .left{width: 100%; text-align: center;}
.product_con .right{width: 100%;}
.mainProdSlider_wrap .swiperControl{left: auto; right: 0; bottom: auto; top: -4em;}

.productBg{display: none;}

/* sub */
/* 공통 */
#contents .sub_tab{display: none;}


/* 인사말 */
.overview_wrap .txt_wrap{flex-direction: column;}
.overview_wrap .img_wrap,
.overview_wrap .txt_box{width: 100%;}

/* 제품소개 */
.sub_lnb{display: none;}
.mprod_list_wrap .prod_wrap{ width: calc((100% - 8.2em) / 4) !important;}
.prod_view_wrap .conRow,
.prod_view_wrap ul.flex{ flex-direction: column;}
.prod_view_wrap > ul > li{width: 100% !important; flex-direction: column !important;}
.prod_area .pord_bigpic{height: auto; max-height: none; max-width: none;}
.prod_area .pord_bigpic > img{max-height: none;}
.prod_view_wrap > ul > li .inner_box{width: 100%;}
.prod_area .pord_bigpic > img{object-fit: contain;}

/* 문의하기 */
.inquiry-con .form_wrap .form_chk {display: block;}
.inquiry-con .form_wrap .form_chk .btn .input_st {margin-top: 1em; width: 100%;}
.page_col > li.w1 { width: 35%;}


.page_tt.s12 {font-size: 3em;}
.inquiry-con .form_wrap .form > li:not(.w100) {width: 100%;}
.inquiry-con .form_wrap .form > li .inp_wrap .tit .tt {font-size: 1em;}


.page_col > .inTxt {display: none;}

}

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

/* main */
.visualSlide_wrap .slogan{width: 80%;}
.visualSlide_wrap .slogan .t1{font-size: 2.5em;}

#quick .quick_wrap{width: 170px;}
#quick.active{right: -170px;}

.main_customer .custmer_wrap .customer_top{flex-direction: column;}
.main_customer .custmer_wrap .customer_top .main_tit,
.main_customer .custmer_wrap .customer_top .link_con{width: 100%;}

.busi_list{grid-template-columns: 1fr; height: 45em;}
.busi_list:has(.li1:hover){ grid-template-columns: 1fr;}

/* sub */
/* 공통 */

/* 연혁 */
.overviewList > li{ flex: 1 1 50% !important; max-width: 50% !important;}
.history-layout{ flex-direction: column; gap: 3em;}
.history-layout .left{position: static;}
.history_wrap .history > li .year{padding-left: 1em;}
.history_wrap .history > li .list .wrap_in{ padding: 0 1em 0 2em;}
.history_wrap .history > li .year .tt{font-size: 2.5em;}

/* 찾아오시는 길 */
.map-Con .list > li{flex: 1 1 calc((100% - 1em) / 2);}
.mprod_list_wrap .prod_wrap { width: calc((100% - 3em) / 2) !important; }
}

@media screen and (max-width:500px){
/* header */
#header .top_wrap .etc_wrap > li.search .wrap_in{top: 175%; right: -13px;}

.visualSlide_wrap .slogan .t1{font-size: 2em;}

.main_customer .custmer_wrap .customer_btm .link_long .linkW_con, 
.main_customer .custmer_wrap .customer_btm .link_list{flex-direction: column;}
.main_customer .custmer_wrap .customer_btm .link_list .in{width: 100%;}
.main_customer .custmer_wrap .customer_btm .link_long .linkW_con{height: auto;}
.linkW_con .etc_link:nth-child(2) .tit_box{border-top: 1px solid #ddd;}

.main_inquiry .main_layout{flex-direction: column;}
.main_layout > li.w1{width: 100%;}

.main_inquiry .form_wrap .form_chk{flex-direction: column; gap: 2em; }

.mprod_list_wrap{gap: 1em !important;}
.mprod_list_wrap .prod_wrap{width: calc((100% - 1.4em) / 2) !important;}

/* footer */
#footer .logo_wrap{flex-direction: column; align-items: start; gap: 3em;}
#footer .menu_wrap{margin-left: 0;}

/* 인사말 */
.overview_wrap .img_wrap{height: 32em;}
.overview_wrap .txt_box .tit{margin-top: 0;}
.overview_wrap .txt_box .tit .page_tt.s9 span{font-size: 24px !important; display: inline;}
.overview_wrap .txt_box .tit .page_tt.s9 br{display: none;}
.overview_wrap .txt_box .txt .page_tt.s9 span{font-size: 13px !important;}

/* 연혁 */
.D_table .Dtab_con{padding: 1em;}
.D_table .Dtab_con .D_info li{ flex: 1 1 calc((100% - 5em) / 3); max-width: calc((100% - 5em) / 3);}
.D_table .Dtab_con .D_info li:nth-child(3n)::before{display: none;}

}

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

}

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

}