@charset "utf-8";
/*main_layout*/
#main_wrap{}

/*ÀÌÇϸÞÀοä¼Ò*/
#main_container{position:relative;margin-left:440px;top:120px;}
#main_visual {position:absolute;overflow:hidden;}
#banner_content {position:relative;width:456px;height:456px;overflow:hidden;}
#banner_content p {font-size:40px;position:absolute;top:50px;left:40px;}

#banner_content span {font-size:12px;position:absolute;top:90px;left:45px;color:#151515;width:400px;display:block;}
#banner_content>div {position:absolute;top:0;left:0;width:100%;}
#banner_content>div a{display:block; width:100%;height:100%;}

#btn_prev_banner{position:absolute;width:40px;height:40px;top:456px;left:0px;text-indent:-9999px;overflow:hidden;background:url(../img/images/arrow_01.jpg) no-repeat 0 0;cursor:pointer;z-index:1;opacity:0.8}
#btn_prev_banner:hover{background-position:0 0px;opacity:1}

#btn_next_banner{position:absolute;width:40px;height:40px;top:456px;left:40px;text-indent:-9999px;overflow:hidden;background:url(../img/images/arrow_02.jpg) no-repeat 0 0;cursor:pointer;z-index:1;opacity:0.8}
#btn_next_banner:hover{background-position:0 0px;opacity:1}
#main_banner{position:relative;width:1140px;height:760px;}

/*¾Öµå¿÷½º¼Ò°³*/
#main_banner .line{width:25px;border-bottom:1px solid rgba(255,255,255,0.5);}
#main_banner .ban1{position:absolute;background:#fff url(../img/images/01_box.png) no-repeat 20px center;width:228px;height:228px;background-size:190px 190px;top:0px;left:456px;0px;opacity:0.9;-ms-filter: alpha(opacity=90);filter: alpha(opacity=90);}
#main_banner .ban1 p{position:absolute;bottom:20px;color:#fff;color:rgba(255,255,255,0.8);}

/*»ç¾÷¿µ¿ª*/
#main_banner .ban2{position:absolute;background:#f1f1f1 url(../img/images/03_box.png) no-repeat 20px center;width:228px;height:228px;background-size:190px 190px;top:0px;left:684px;0px;opacity:0.9;-ms-filter: alpha(opacity=90);filter: alpha(opacity=90);}
#main_banner .ban2 p{position:absolute;bottom:20px;color:#fff;color:rgba(255,255,255,0.8);}

/*[¼­¿ï] ±¹Àüºôµù*/
#main_banner .ban3{position:absolute;background:#86b6ea url(../img/images/02_box.png) no-repeat 20px center;width:228px;height:228px;background-size:190px 190px;top:0px;right:0px;opacity:0.9;-ms-filter: alpha(opacity=90);filter: alpha(opacity=90);}
#main_banner .ban3 .txt{position:absolute;width:100%;padding:22px 20px;}

/*ã¾Æ¿À½Ã´Â±æ*/
#main_banner .ban4{position:absolute;background:#3d3d3d url(../img/images/06_box1.png) no-repeat 20px center;width:228px;height:228px;top:228px;left:684px;background-size:190px 190px;opacity:0.9;-ms-filter: alpha(opacity=90);filter: alpha(opacity=90);}
#main_banner .ban4 p{position:absolute;bottom:20px;color:#fff;color:rgba(255,255,255,0.8);}

/*¹®ÀÇÇϱâ*/
#main_banner .ban5{position:absolute;background:#729dcd url(../img/images/wlogo.png) no-repeat 20px center;width:228px;height:228px;background-size:190px 190px;top:228px;left:456px;opacity:0.9;-ms-filter: alpha(opacity=90);filter: alpha(opacity=90);}

#main_banner .ban6{position:absolute;background:#f1f1f1 url(../img/images/08_box.png) no-repeat 20px center;width:228px;height:228px;background-size:190px 190px;top:456px;right:0px;}
#main_banner .ban6 .txt{position:absolute;width:100%;padding:22px 20px;}

/*notice*/
#main_banner .ban7{position:absolute;background:#fff; /* background:rgba(250,250,250,0.8); */width:456px;height:228px;top:456px;left:456px;opacity:0.9;-ms-filter: alpha(opacity=90);filter: alpha(opacity=90);}
#main_banner .ban7 .txt{position:absolute;padding:22px 20px;}
#main_banner .ban7 .notice{margin-top:60px;}
#main_banner .ban7 .notice ul{padding:0px 30px 0 20px;}
#main_banner .ban7 .notice ul li{float:none;font-size:13px;color: #646464;letter-spacing: -1px;line-height:23px;}
#main_banner .ban7 .notice ul li span{font-size: 11px;color: #aaa;float:right;line-height:23px;}

#main_banner .ban{overflow:hidden;}
#main_banner .ban p{font-size:17px;padding-left:20px;}
#main_banner .ban .con_hover{position:absolute;top:228px;left:0;width:100%;height:228px;background-color:#000;opacity:0.8;-ms-filter: alpha(opacity=80);filter: alpha(opacity=80);}
#main_banner .ban .con_hover .hover_wrap{padding:60px 10px 0;text-align:center;}
#main_banner .ban .con_hover .hover_wrap h5{font-size:19px;line-height:24px;font-weight:600;color:#94c7ff;letter-spacing:-1px;}
#main_banner .ban .con_hover .hover_wrap div{padding-top:5px;letter-spacing:-1px;font-size:12px;line-height:16px;color:#ccc;}


/*¹Ìµð¾îÄõ¸® start*/
@media screen and (max-width:1600px){
 #main_container {margin-left:200px;}
}
@media screen and (max-width:1360px){
 #main_container {top:0px;margin-left:200px;width:auto;}
 #main_banner{width:912px;}
 #main_banner .ban1{right:0px;}
 #main_banner .ban2{top:228px;right:0px;}
 #main_banner .ban3{right:0;}
 #main_banner .ban4{top:228px;left:456px;}
 #main_banner .ban5{display:none;}
 #main_banner .ban6{right:456px;}
 #main_banner .ban7{right:0px;}
}
@media screen and (max-width:1170px){
 #main_banner{width:684px;}
 #main_banner .ban1{top:0px;right:0px;}
 #main_banner .ban2{display:none;}
 #main_banner .ban3{top:456px;left:0px;}
 #main_banner .ban5{display:none;}
 #main_banner .ban6{display:none;}
 #main_banner .ban7{left:228px;}
 #btn_navi {position:absolute;top:-40px;}
}
@media screen and (max-width:950px){
 #main_container {top:0px;margin-left:0px;}
}
@media screen and (max-width:768px){
 /*Æ˾÷â À̹ÌÁö »çÀÌÁî Àç¼³Á¤ - Çʼö*/
.drag_pop{left:0 !important;top:0 !important;max-width:310px !important;height:auto !important;}
 #main_visual {width:100%;position: relative;}
 #main_container {top:0px;margin-left:0px;width:auto;}
 #banner_content {width:100%;position:relative;overflow: hidden;height: 100%;}
 #banner_content:before{content:"";display:block;padding-top:100%;}
  
 #main_banner {width:100%;height: auto;position: relative;overflow: hidden;}
 #main_banner .ban1,#main_banner .ban2,#main_banner .ban3,#main_banner .ban4,#main_banner .ban5,#main_banner .ban6,#main_banner .ban7{left:0;top:0;position: relative;float: left;}
 #main_banner .ban1{width:50%;background-position:center top;}
 
 #main_banner .ban2{display:none;;width:50%;background:url(../img/main/main_ban02_m.jpg) no-repeat 0 0;}

 #main_banner .ban3{width:50%;background-position:center top;}
 #main_banner .ban3 .txt{padding:22px 10px;}
 
 #main_banner .ban4{width:50%;background:#3d3d3d url(../img/images/06_box1.png) no-repeat center top;background-size:190px 190px;}
 
 #main_banner .ban5{width:50%;}
 #main_banner .ban5{background:#fff url(../img/images/logo.png) no-repeat center 50%;background-size:150px 46px;}
 
 #main_banner .ban6 .txt{padding:22px 10px;}
 #main_banner .ban7{width:100%;}
 
 #main_banner .ban p{font-size:15px;padding-left:10px;}
 #btn_prev_banner{position:absolute;width:40px;height:40px;top:40px;right:0px !important;text-indent:-9999px;overflow:hidden;background:url(../img/images/arrow_01.jpg) no-repeat 0 0;cursor:pointer;z-index:1;opacity:0.8}
 #btn_prev_banner:hover{background-position:0 0px;opacity:1}
 #btn_next_banner{position:absolute;width:40px;height:40px;top:40px;right:40px !important;text-indent:-9999px;overflow:hidden;background:url(../img/images/arrow_02.jpg) no-repeat 0 0;cursor:pointer;z-index:1;opacity:0.8}
 #btn_next_banner:hover{background-position:0 0px;opacity:1}
 #btn_navi {position:absolute;right:0px;width:80px;height:40px;}
}
@media screen and (max-width:520px){
 /*#btn_prev_banner,#btn_next_banner {background-size:50%;}
 #btn_next_banner{right:-5px;}*/
 #banner_content p {font-size:30px;position:absolute;top:30px;left:20px;}
 #banner_content span {font-size:10px;position:absolute;top:60px;left:25px;color:#FFFFFF;width:300px;display:block;}
}