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

}

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

.swiperBtn.ab_l,
.swiperBtn.ab_r{ position: relative;}

.swiperBtn.ab_l{ left: 0;}
.swiperBtn.ab_r{ right: 0;}

}

@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;}

.goTop{ display:none;}

.gnb_wrap{ display: none;}
.main_txt .nw{ text-wrap: wrap;}
.main_txt .t9{ font-size: 5.5em;}

.main_txt .t5{ font-size: 1.675em;}
.main_txt .t7{ font-size: 2.25em;}
.main_txt .t8{ font-size: 5em;}

.page_tt.s7{ font-size: 2em;}
.page_tt.s3{ font-size: 1.15em;}

.page_tt.s6{ font-size: 1.675em;}
.page_tt.s5{ font-size: 1.525em;}
.page_tt .tt{ font-size: .9em;}

.page_tt.s11{ font-size: 5.5em;}
.page_tt.s9{ font-size: 2.8em;}

.main_con{ padding: 10vh 0;}

.main_about .inLayout .lay_txt{ padding-right: 0%;}


.main_contact > .inner .main_txt{ flex-direction: column;}
.main_txt > .contact_m{ margin-bottom: 2em !important;}
.main_txt.st1 .txt:first-child{ border-left: none; padding: 0 1.5em 0 0;}

.vodfix > .vod{ position: relative;}
.page_greetings .page_col .mov_wrap{ margin-top: -12em;}
.page_col > li .wrap_img.w1{ width: 85%;}
.page_col > li .svg_circle{ left: 30px; }

.partner_wrap{ gap: 1em;}

.swiperBtn.btn{ width: 0em; height: 0em; padding: 1.3em;}

.sub-tab-list-style2 ul .selected{ width: 14%; min-width: 14%;}

.w_product{ width: 15em;}

.table_wrap.table_s{ overflow-x: scroll; padding-bottom: 1em;}
.table_wrap.table_s .scroll{ width: 800px; overflow: hidden;}

#header .all_wrap .all_layer .all_inner > .wrap_bg{ width: 100%;}
#header .all_wrap .all_layer .wrap_bg .slogan{  padding: 6em 2em 11vh;}
#header .all_wrap .all_layer .all_inner > .wrap_in{ padding: 7vh 5em 3em;}

.page_location .list > li:nth-child(2) + li .in{ border-left: none;}
.page_location .list > li{ flex: 1 1 48%;}

.board_st.gallery .list > li{ width: 33.33%;}
.page_location .list > li .in{}

}

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

.main_txt .t9{ font-size: 4.5em;}
.main_product .list > li{ flex: 1 1 100%;}
.main_product .lay_con{ height: auto;}

.page_greetings .page_con .page_col{ flex-direction: column;}
.page_greetings .page_con .page_col.col_n{  flex-direction: column-reverse;}
.inImg .resize .vodfix{ position: relative; height: auto; text-align: center;}
.vodfix > .vod{ width: 85%;}
.page_txt .line.w{ margin: 1.75em auto;}
.inImg .resize{ padding-bottom: 50% !important;}
.inTxt .wrap_con .wel_txt{ text-align: center;}

.page_col > li .wrap_img{ height: 20em;}

.page_map{ height: 20em;}
.main_contact .wrap_bg{ height: 30%;}
.partner_wrap{ justify-content: space-between; flex-direction: column;}

.partner_wrap .partner_left{width: 100%; text-align:center;}
.partner_wrap .partner_right{ width: 100%;}
.main_pslide .wrap_prod .maininstallSlide .el .install .img .prod{ height: 14em;}
.partner_wrap .partner_left{ margin-top: 2em;}

.page_list > .list > li{ flex: 1 1 100%;}
.page_list.st1 > .list > li .wrap_con{ padding: 4em 1em;}
#contents .sub_tit_wrap .sub_tit{ margin-bottom: 2em;}
#contents .sub_tit_wrap .sub_tit .t2{ font-size: 3em;}

.main_slogan > .inner .slogan_wrap{ margin-bottom: 5em;}

.w_form_tit{ width: 9em;}
.board_search_wrap .inp{ width: 8em;}

#header .all_wrap .all_layer .wrap_bg .slogan .tit .t1{ font-size: 2.2em;}
#header .all_wrap .all_layer .wrap_bg .slogan .tit .t2{ font-size: 1.3em;}
#header .all_wrap .all_layer .wrap_bg .slogan .tit{ margin-top: 2.5em;}

}


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

.main_about .inLayout .lay_img{ width: 80%; height: 60vw;}

.main_contact > .inner .main_txt .map_info_wrap{ flex-direction: column;}
.main_txt.st1 .txt{ border-left: none; padding: 0; margin: 1em 0;}
.main_txt.st1 .txt:first-child{ border-bottom: 1px solid #ddd; padding-bottom: 2em;}

.main_txt .t9{ font-size: 3em;}
.main_txt .t2{ font-size: 1.05em;}
	
.main_txt .t5{ font-size: 1.475em;}
.main_txt .t7{ font-size: 2em;}
.main_txt .t8{ font-size: 3.5em;}

.page_tt.s7{ font-size: 1.85em;}
.page_tt.s3{ font-size: 1em;}

.page_tt.s11{ font-size: 3.5em;}
.page_con{ padding: 3em 0;}
.page_txt .tit.icon{ left: 10px;}

.page_tt.s9{ font-size: 2em;}


.page_col > li .wrap_img.w1{ width: 100%;}
.page_col > li .svg_circle{ left: 50px; }


.sub-tab-list-style2 ul .selected{ width: 24.5%; min-width: 24.5%;}
.product_box_wrap .p_table_con{ padding: 2.5em;}


.board_st.gallery .list > li{ width: 50%;}
.board_search_wrap .total_wrap{ margin-bottom: 1.5em;}

#header .all_wrap .all_layer .wrap_bg .slogan .tit .t1{ font-size: 1.8em;}
#header .all_wrap .all_layer .wrap_bg .slogan .tit .t2{ font-size: 1.15em;}

}

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

.sub-tab-list-style2 ul .selected{ width: 32.8%; min-width: 32.8%;}

.board_st.gallery .list > li{ width: 100%;}

}

@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){

}