/*****¸ÞÀÎ·Ñ¸µÁß¾ÓÀÌ¹ÌÁö*****/
#mainWrap{width:100%; margin-top:80px;} 
#mainWrap .mainCont{width:100%;overflow:hidden;position:relative;background:#000;}
#main_banner {position:relative;width:100%;height:500px; min-width:1000px;}
#main_banner .bannerWrap{width:1000px; margin:0 auto;}
#main_banner .bannerCont{width:1920px;margin-left:-468px;}
 
.flexslider_event .slides {width:100%;}
.flexslider_event .slides > li {display:none; -webkit-backface-visibility: hidden;} 
.flexslider_event .slides img {display: block;  }
.flexslider_event .flex-direction-nav {z-index:999;}
.flexslider_event .flex-direction-nav li {width:28px;z-index:999;}
.flexslider_event .flex-direction-nav a {background:url(../../img/slideBtn.png);width:47px; height:64px; display: block; z-index: 10; cursor: pointer; text-indent: -9999px;}
.flexslider_event .flex-direction-nav{display:none;}
.flexslider_event .flex-direction-nav .flex-next {background-position:right 0;position:absolute;top:210px;right:30px;}
.flexslider_event .flex-direction-nav .flex-prev {background-position:left 0;position:absolute;top:210px;left:30px;}
.flexslider_event .flex-control-nav {position: absolute;right:50%; margin:0 -42px 0 0; bottom:30px;}
.flexslider_event .flex-control-nav li {float:left; margin-right:11px;display: inline-block; zoom: 1; *display: inline; }
.flexslider_event .flex-control-paging {bottom:110px;}
.flexslider_event .flex-control-paging li a {width:14px;height:15px;display: block; background:url(../../img/slide_navy.png);background-position:left top;cursor: pointer; text-indent: -9999px;}
.flexslider_event .flex-control-paging li a:hover,.flexslider_event .flex-control-paging li a.flex-active {background-position:15px top; cursor: pointer; }
@media screen and (max-width:1000px){
#mainWrap{margin-top:0px;} 
}
@media screen and (max-width:1000px){
#main_banner {position:relative; width:100%;height:250px; min-width:320px;}
#main_banner .bannerWrap{width:320px; margin:0 auto;}
#main_banner .bannerCont{width:1000px;margin-left:-340px;}
.flexslider_event .flex-control-paging {bottom:15px;}
.flexslider_event {height:250px;}
.flexslider_event .flex-direction-nav .flex-next { top:105px;right:10px;}
.flexslider_event .flex-direction-nav .flex-prev { top:105px;left:10px;}
.flexslider_event .flex-direction-nav a {background-size:50px;  width:25px; height:32px;}
.flexslider_event .flex-control-paging li a {width:11px;height:11px; ; background-size:30px;;   }
.flexslider_event .flex-control-paging li a:hover,.flexslider_event .flex-control-paging li a.flex-active {background-position:11px top; }
}

 
 
.motion1 {top:0px; right:0px; height:270px;width:270px; position:absolute; margin:0 auto; z-index:10000;}
.divpop {width:270px; height:300px; position:absolute; right:70px;  top:120px; z-index:1000000; visibility:hidden;}
 
.close  img {width:20px; padding-left:3px;}
.close span { color:#fff;}
@media screen and (max-width:768px){
.motion1 {height:150px;width:150px;} 
.divpop {width:150px; height:170px;  right:10px;  top:60px;   }
.close span { font-size:10px;}
}

/*¸ÞÀÎ4´Ü¹è³Ê ¸Þ´º*/
#sectionWrap_mo {display:none;}
#sectionWrap{width:1200px;  position:absolute;right:50%; margin:0 -600px 0 0; top:480px; }
#sectionWrap .section01{height:80px;width:1200px;margin:0 auto; padding:0;}
#sectionWrap .section01 .cont{width:220px;height:80px;overflow:hidden;float:left;position:relative; }
#sectionWrap .section01 .cont.on{width:540px; }
#sectionWrap .section01 .cont.on .layer{display:none;}
#sectionWrap .section01 .cont .title_off, #sectionWrap .section01 .cont .title_on{position:relative;display:block;width:220px; text-align:center;z-index:9999;}
#sectionWrap .section01 .cont .title_on{width:540px;display:none; text-align:right; padding-top:0px;}
#sectionWrap .section01 .cont.on .title_off{display:none;}
#sectionWrap .section01 .cont.on .title_on{display:block;}
#sectionWrap .section01 .cont .layer{display:block;width:540px;height:80px;position:absolute;left:0;top:0;z-index:1;background:black;filter:alpha(opacity=60);opacity:0.6;}
@media screen and (max-width:1260px){
#sectionWrap {display:none;}
#sectionWrap_mo {display:block; width:900px;  position: absolute;right:50%; margin:0 -450px 0 0; top:480px; }
#sectionWrap_mo:after {content:"";display:block;clear:both;}
#sectionWrap_mo ul li {float:left; width:25%;}
#sectionWrap_mo ul li img {width:100%;}
}
@media screen and (max-width:1000px){
#sectionWrap_mo {top:460px; }
}
@media screen and (max-width:900px){
#sectionWrap_mo { width:600px; margin:0 auto; padding-bottom:20px;position:relative; top:0; right:0;}
}
@media screen and (max-width:640px){
#sectionWrap_mo { width:300px; padding-bottom:20px;}
#sectionWrap_mo ul li {width:50%;}
}

.mcom {background:#496CA4;   padding:30px 0;}
.banner_wrap {margin:0 auto;display:block;width:1200px;background:#C6BFBD;height: 264px;overflow:hidden;}
.item {float:left;}
.item a div.img {z-index:100000;width: 201px;}
.item a div.ov { display:none; position:absolute;} 
.item a:hover div.ov { display:block; position:absolute;} 
.contents {margin:20px auto 0 auto; max-width:1200px;  }
.contents:after {content:"";display:block;clear:both;}
.mboard {float:left; width:600px; height:189px; border-bottom:1px solid #D5D5D5; background:#fff;}
.mboard_title {width:540px; height:30px; padding:20px 30px 10px; 30px;}
.mboard_con {width:540px; height:110px; padding:0 30px; }
.mb_img2 {float:left;}
@media screen and (max-width:1260px){
.banner_wrap { width:900px;  height:328px;} 
.item a div.img {   width:225px;}
.contents {  max-width:900px;  }
.mb_img2 {float:none;}
}
@media screen and (max-width:960px){
.banner_wrap { width:600px; height:219px;} 
.item a div.img {   width:150px; }
.item a div.ov img {width:150px;}
.contents { max-width:600px;  }
#slide_banner li{    width:150px; }
#slide_banner2 li{    width:150px; }
#customer-section .cs-left ul li{width:48%;padding:5px;float:left;}
}
@media screen and (max-width:640px){
.banner_wrap { width:300px; } 
.contents { max-width:300px;  }
 .mboard { width:100%; height:189px;}
.mboard_title {width:94%; height:30px; padding:20px 3% 10px 3%;}
.mboard_title img {width:40px;}
.mboard_con {width:94%; height:110px; padding:0 3%; }
.mb_img2 div{width:50%;}
.mb_img2 div img{width:100%;}
 }