@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1680px){	
body{ font-size:15px;}

}

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

}

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

}

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

[data-aos^=fade][data-aos^=fade]{ opacity:1 !important; transform:translateZ(0) !important;}

.moAc{ text-align:center !important;}
.moAl{ text-align:left !important;}
.moBr br{ display:block !important;}

#header .menu_wrap,
.goTop{ display:none;}

.main_sect01{ border-radius: 0px 0px 0px 0px;}
.main_sect01 > .box1{ padding-top: 5em; flex-direction: column;}
.main_sect01 .bg_wp .sticky{ padding: 0px;}
.main_sect01 .scroll_wp,
.main_sect01 .bg_wp{ width: 100%;}

.page_tit1 .tit-g{ font-size: 35px; line-height: normal;}

/*sub*/

/*연혁*/
.history-con .history-inner {flex-direction: column;}
.history-con .history-left .img-wrap{margin-left: 0; margin-right: 0; width: 100%; top: 0;}
.history-con .history-left .img-wrap .imgfix {height: 30vh;}
.history-con .history-inner .history-right {padding-left: 1em; padding-top: 5em;}
.history-con .history-inner .history-right .item {margin-bottom: 7em; display: flex; gap: 7em;}
.history-con .history-inner .history-right .item:last-child {margin-bottom: 0;}
.history-con .history-inner .history-right .item .years-title {flex: 0 0 20vw;}
.history-con .history-inner .history-right .item .info-text {margin-top: 1em;}

/*조직도*/
.motto_list{ flex-direction: column;}
.motto_list .bg .bgT{ margin: 2rem;}
.motto_list .txt{ padding: 3.25rem;}

/*ci*/
.logo_intro::after{ display: none;}
#vision{ padding: 0em;}
#vision .inner_wrapper>div ul{ flex-wrap: wrap;}
#vision .inner_wrapper>div ul li{ width: calc( (100% - 4em) / 3);}

/*제품*/
.dp1_product #contents .sub_page_con .con_menu .gnb .dp3 > li,
.prd_cate .gnb .dp2 > li{ width: calc(100% / 4);}
.prd_cate .gnb .dp2 > li > a .tt{ font-size: 1.1em;}

.dp1_product #contents .sub_page_con .con_menu .gnb .dp3 > li > a .tt{ font-size: 1.05em;}
.list_prod_wrap .list_prod .prod{ width: calc((100% - 3em) / 3);}

.prodView_intro{ flex-direction: column;}
.prodView_intro .prodView_info{ padding-left: 0em;}
.prodView_intro .prodView_img{ width: 100%;}

.board_pg,
.board_search{ flex-wrap: wrap;}

/*견적문의*/
.estimate-table{ font-size: .9em;}
.w_form_tit{ width: 9em;}
select.input_st{ min-width: 8em;}

/*as안내*/
.as_page .tabList_wrap .tabList > li{ flex: 1 1 25%; max-width: 25%;}
.intro-service-list{ flex-wrap: wrap; gap: 0em;}
.intro-service-list > li{ flex: 1 1 50%;}
.prodView_spec .spec_wrap .spec_con.bg.as .inner{ padding: 2em;}
.prodView_spec .spec_wrap .spec_con.bg.as .inner.scroll{ width: 800px;}
.prodView_spec .spec_wrap .spec_con.as{ padding: 2em 2.5em; overflow-x: scroll;}

.asOrg_wrap .dp2_wrap{ flex-direction: column;}
.asOrg_wrap .dp2{ width: 100%;}
.asOrg_wrap .dp2:not(:last-child)::after{ display: none;}
.asOrg_wrap .dp2:nth-child(2)::before{ height: 1em; top: -1em;}
.asOrg_wrap .dp2:nth-child(1)::before{ height: 2em; top: -2em;}
}

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

#header .top_wrap .search_wrap{ min-width: 12em; left: 60%;}

.mainVisual_control{ top: 54%;}
.visualSlide .el .slideTxt > .box1{ padding-right: 0%;}

.visual_banner .bannerLink_list > li{ width: calc( ( 100% - 1em) / 2); margin-top: 1em;}
.visual_banner .bannerLink_list > li > a .icon{ width: 50px; height: 50px;}
.visualSlide .el .slideTxt{ top: 15%;}
.visualSlide .el .btn_wrap{ margin-top: 0em;}

.main_sect01 .scroll_wp .scroll_ul > li:not(:first-child){ margin-top: 5em;}
.main_sect01 .bg_wp .big_ttl{ font-size: 2.35em;}
.prdListWrap .Wrap_tit .t1{ font-size: 2.2em;}

.main_company .list_wrap .list > li{ flex: 1 1 100%;}
.main_company .list_wrap .list > li .wrap_in .img .resize{ padding-bottom: 50%;}

.main_notice .cs_wrap{ flex-direction: column-reverse;}
.main_notice .cs_wrap .faq_btn{ height: auto; width: calc(100%);}
.main_notice .cs_wrap .notice_wrap{ width: 100%;}
.main_notice .cs_wrap .faq_btn > a{ padding: 6em 1.5em 1.5em 3em;}
.main_notice .cs_wrap .faq_btn > a .more{ bottom: unset; top: 0; font-size: 1em; width: 150px; height: 40px; }

#footer .copy_wrap{ flex-direction: column-reverse; align-items: baseline;}

/*sub*/
#contents .sub_page_tit .wrap_tit .sub_tit .tt{ font-size: 3em;}
#contents .sub_page_menu .gnb .dp2 > li > a .tt{ font-size: 1.1em;}

.page_tit1 .tit-g{ font-size: 28px;}

.sub_section .page_bg{ display: none}
.sub_section .page_txt{ width: 100%; margin-right: 0em;}
.sub_section .page_txt .ceo_sig{ padding-right: 0em;}

/*제품*/
.dp1_product #contents .sub_page_con .con_menu .gnb .dp3 > li,
.prd_cate .gnb .dp2 > li{ width: calc(100% / 3);}
.prd_cate .gnb .dp2 > li > a .tt{ font-size: 1em;}

.dp1_product #contents .sub_page_con .con_menu .gnb .dp3 > li > a .tt{ font-size: .95em;}
.prodView_spec .spec_wrap .spec_con.bg .inner{ overflow-x: scroll;}
.prodView_spec .spec_wrap .spec_con.bg .inner .prodSpectable{ width: 600px;}


}

@media screen and (max-width:600px){
	
/*조직도*/
.motto_list .txt{ text-align: right;}
.motto_list .bg .bgT{ margin: 3rem 1.5rem; font-size: 3.5em; width: 1.5em; height: 1.6em; line-height: 1.6;}
.motto_wrap{ padding: 0em;}

/*ci*/
.logo_intro{ flex-direction: column;}
.logo_intro .logo{ width: 100%;}

#vision .inner_wrapper>div ul li{ width: calc( (100% - 2em) / 2);}
.symbol > li{ padding: 2em;}
.symbol > li img{ width: 100%;}

/*제품*/
.dp1_product #contents .sub_page_con .con_menu .gnb .dp3 > li,
.prd_cate .gnb .dp2 > li{ width: calc(100% / 2);}
.prd_cate .gnb .dp2 > li > a .tt{ font-size: .9em;}
.dp1_product #contents .sub_page_con .con_menu .gnb .dp3 > li > a .tt{ font-size: .85em;}
.list_prod_wrap .list_prod .prod{ width: calc((100% - 2em) / 2);}

/*견적문의*/
.w_form_tit{ width: 6em;}
.estimate-table{ font-size: .8em;}

/*as안내*/
.as_page .tabList_wrap .tabList > li{ flex: 1 1 33.33%; max-width: 33.33%;}

.intro-service-list > li{ flex: 1 1 100%;}
.asOrg_wrap{ font-size: .9em;}
.dot_list .dot:before{ top: 6px;}

/*etc*/
.w_hit,
.w_no{ display: none;}
.board_search .search .inp{ width: 9em;}


}

@media screen and (max-width:460px){
	
/*as안내*/
.as_page .tabList_wrap .tabList > li{ flex: 1 1 50%; max-width: 50%;}

}

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

}

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

}

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

}

@media all and (max-width:1024px) and (orientation:landscape){

}

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

}