@charset "euc-kr";
/* CSS Document */
@media screen and (max-width:1680px){	

}

@media screen and (max-width:1550px){
#header .gnb_wrap .gnb > li .dp1 {padding:0 1.5em;}
#header .etc_wrap .contact {display:none;}
#header .gnb_wrap .gnb > li.m_product .dp2 > li > a {padding:0 1em;}

}

@media screen and (max-width:1400px){
#header .etc_wrap .cs{ position:fixed; right:1em; top:7em; transform:translateY(2em); display:block; text-align:center; border-radius:1em; padding:1em; height:auto} 
#header .etc_wrap .cs .t2 {font-size:2em;}
#header .etc_wrap .cs .btn.st2 i {font-size:1.3em;}
.root_daum_roughmap {width: 100% !important;}
} 

@media screen and (max-width:1360px){
.main_con_wrap .main_gal .r_btn {width:40px; height:40px; right:-3.5em; top:7em;}
.main_con_wrap .main_gal .l_btn {width:40px; height:40px; left:-3.5em; top:7em;}
}

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

}

@media screen and (max-width:1200px){
.main_con_wrap .main_gal .r_btn {display:none;}
.main_con_wrap .main_gal .l_btn {display:none;}
.greeting_Wrap .imgw {margin-left:3em;}
.w_btn2 {width:7em;}
}

@media screen and (max-width:1024px){
	
html.hidden,
.popOpen,
.popOpen #header{ margin-right:0 !important;}

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

/**/
.goTop{ display:none;}

#header .logo > a img {height:49px;}
.main_inquiry_wrap {width:42%;}
}

@media screen and (max-width:900px){
.pc_hide{ display:block !important;}
#header .gnb_wrap .gnb {display:none;}
.l-nav .gnb {flex-wrap:wrap;}
#contents .sub_tab .gnb > li .dp2 > li {max-width:17%;}
.board_gallery.cert > li {width:33%;}
.board_gallery.cert.color > li {width:33.33%;}
}

@media screen and (max-width:768px){
body{ font-size:13px;}
body.sub #header .etc_wrap .cs {display:none;}
.headerH {height:6.5em;}
.headerT {padding-top:6.5em;}
#header .logo > a img {height:43px;}
.main_inquiry_wrap {display:none;}
.visualSlider_wrap .slogan {bottom:40%;}
.visualSlider_wrap .slogan .t1 {font-size:3em;}
.visualSlider_wrap .slogan .t2 {font-size:1.5em;}
.visualSlider_wrap .swiper_control {top:75%;}
.main_con_wrap .main_bot_wrap {flex-wrap : wrap;}
.main_con_wrap .main_bot_wrap .main_bot_box {width:100%; max-width:50%;}
.main_con_wrap .main_bot_wrap .main_bot_box:last-child {width:100%; max-width:100%;}
#footer .menu_wrap {flex-direction:column;}
#footer .menu_wrap .logo img {height:43px;}
.main_con_wrap .main_prd .main_ctt_wrap .main_prd_lm {display:none;}
.main_con_wrap .main_prd .main_ctt_wrap .main_prd_content {width:100%;}
#footer .info_wrap {flex-direction:column-reverse; align-content:flex-start; align-items:flex-start;}
#footer .info_wrap .sns_wrap {margin-bottom:1em;}
#footer .menu_wrap .menu > li > a {padding:1em;}
/**/
.greeting_Wrap .inner {flex-direction:column;}
.greeting_Wrap .imgw {margin:0 auto;}
#contents .sub_tab .gnb > li .dp2 > li > a {font-size:1em;}
.prod_wrap > li {width:50%;}
.board_st.gallery2 .list > li{ flex: 1 1 50%; max-width: 50%;}


}

@media screen and (max-width:600px){
.table_notice{display:block;}
.table_wrap{overflow-x:auto;}
.table_wrap table{min-width:600px;}
}

@media screen and (max-width:500px){
.nav_logo img {width:60%;}
.main_con_wrap .main_prd .main_ctt_wrap .main_prd_content .main_prd_box {width:100%;}
.main_con_wrap .main_prd .main_ctt_wrap .main_prd_content .main_prd_box:nth-of-type(n+3) {margin-bottom:30px;}
.board_gallery.cert > li {width:50%;}

#contents .sub_tab .gnb > li .dp2 > li > a {font-size:.875em;}
#contents .sub_tab .gnb > li .dp2 > li > a .va {padding:0;}
.w_qna {display:none;}
.prod_search_con .search_head {width:80px;}
.prod_search_con .search_body {width: calc(100% - 80px);}
.board_gallery.cert.color > li {width:50%;}
.sub_TiT {font-size: 1.1em; padding-left:1.8em; margin-top:2em; background: url(../images/inc/main_tit_icon.png) no-repeat center left -2px; }

.main_con_wrap .main_bot_wrap .main_bot_box{max-width:100%;}
}

@media screen and (max-width:460px){
.visualSlider_wrap .slogan .t1 {font-size:2.5em;}
.visualSlider_wrap .slogan .t2 {font-size:1.2em;}
.input_st.s1 {padding:.5em;}
}
@media screen and (max-width:400px){
#footer .menu_wrap .menu li:first-child {display:none;}
#footer .menu_wrap .menu li:last-child {display:none;}
.prod_wrap > li {width:100%;} 
.board_st.gallery2 .list > li{ flex: 1 1 100%; max-width: 100%;}
.right .input_st[type=text] {width:11em;}

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

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

}