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

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

}

@media screen and (max-width:1440px){
#header .headerWrap .menuWrap .logo{transform: translateY(-0.475em);}
}

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

}

@media screen and (max-width:1024px){
#header .top_bannerSlider .bannerSlider .el,
#header .top_bannerSlider .bannerSlider .el .bg{ height: 5em;}
#header .headerWrap .menuWrap{padding-top: 1.6em;}
body.sub #header .headerWrap .menuWrap{padding: 1.3em 0 0.8em;}
#header .headerWrap .topWrap{height: 3em;}
#header .headerWrap .topWrap .inner{height: 100%;}
body.sub #header .headerWrap .topWrap .layR{width: 100%; justify-content: space-between;}
}

@media screen and (max-width:768px){
body.main #header .headerWrap .topWrap .layR{width: 100%; justify-content: space-between;}
#header .headerWrap .menuWrap .gnb_wrap{display: none !important;}
#header .top_bannerSlider{display: none !important;}
.visualSlider2 .el{height: 23vh;}
.mainFav .box{flex: 1 1 50%;}
.main_bnList1.st1 > .list{flex-direction: column;}
.mainFav .box .btn a,
.mainFav .box p{font-size: 1em;}

.main_centerList .list > li{flex: 1 1 50%;}

.Rmenu_wrap {justify-content: center; margin: 1.5em 0;}
.searchFwrap li{ flex: 1 1 calc((100% - 3em) / 2) !important; max-width: calc((100% - 3em) / 2) !important;}
.page_total_search .search_top .search_con .tit_wrap{width: 40% !important;}
.visualSlider_wrap2 .visualCon{right: 1em; left: auto; bottom: .8em; transform: translate(0, 0);}
.visualSlider_wrap2 .visualCon .swiper_control{justify-content: end;}
.visualSlider_wrap2 .visualCon .box2{width: 100%;}

}

@media screen and (max-width:500px){
body.main #header .headerWrap .topWrap{ height: 3em;}
.mainFav .box{padding: 1.5em;}
.mainFav .box h2{font-size: 18px;}
.quick_layer #quickW .quick_btn{opacity: .6; padding: 1.1em 0.7em;}
#footer:not(.quick_close) .quick_layer #quickW .quick_btn{opacity: 1;}
.search_list_wrap .search_list > .wrap_in .link .img{margin-right: 1.3em; width: 8em;}
.searchFwrap{padding: 1em 1.5em !important;}

}

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

}

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

}