@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:760px;height:380px;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:#FFFFFF;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:20px;height:20px;top:10px;right:32px;text-indent:-9999px;overflow:hidden;background:url(/base/img/newmain/img/arrow_left.png) 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:20px;height:20px;top:10px;right:10px;text-indent:-9999px;overflow:hidden;background:url(/base/img/newmain/img/arrow_right.png) 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(/base/img/newmain/img/01_box.png) no-repeat top center;width:190px;height:190px;background-size:190px 190px;top:0px;right:0px;}
#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(/base/img/newmain/img/main_banner_new3.png) no-repeat top center;width:190px;height:190px;background-size:190px 190px;top:190px;right:0px;}
#main_banner .ban2 p{position:absolute;bottom:20px;color:#fff;color:rgba(255,255,255,0.8);}

#main_banner .ban3{position:absolute;background:#3dc0b9 url(/base/img/newmain/img/02_box.png) no-repeat top center;width:190px;height:190px;background-size:190px 190px;top:190px;right:190px;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(/base/img/newmain/img/main_banner_new1.png) no-repeat top center;;width:380px;height:190px;top:380px;right:190px;}
#main_banner .ban4 p{position:absolute;bottom:20px;color:#fff;color:rgba(255,255,255,0.8);}

#main_banner .ban5{position:absolute;background:#00999a url(/base/img/newmain/img/06_box.png) no-repeat;width:380px;height:190px;top:380px;left:0px;}
#main_banner .ban6{position:absolute;background:#fff url(/base/img/newmain/img/main_banner_new2.png) no-repeat top center;width:190px;height:190px;background-size:190px 190px;top:570px;left:380px;}
#main_banner .ban6 .txt{position:absolute;width:100%;padding:22px 20px;}
#main_banner .ban7{position:absolute;background:#fff;background:#fff;width:380px;height:190px;bottom:0px;right:0px;}
#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:190px;left:0;width:100%;height:190px;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:#0ab9df;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:950px;}
 #main_banner .ban1{right:0px;}
 #main_banner .ban2{top:380px;right:0px;}
 #main_banner .ban3{right:0;}
 #main_banner .ban4{left:380px;}
 #main_banner .ban7{right:0px;}
}
@media screen and (max-width:1170px){
 #main_banner{width:760px;}
 #main_banner .ban1{top:380px;left:0px;}
 #main_banner .ban2{top:570px;left:190px;display:none;}
 #main_banner .ban3{top:380px;left:190px;}
 #main_banner .ban5{top:570px;left:0px;}
 #main_banner .ban6{display:none;}
 #main_banner .ban7{left:380px;}
}
@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: auto}
 #banner_content:before{content:"";display:block;padding-top:50%;}
  
 #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%;}
 #main_banner .ban2{display:none;;width:50%;background:url(../img/main/main_ban02_m.jpg) no-repeat 0 0;}
 #main_banner .ban3{width:50%;}
 #main_banner .ban3 .txt{padding:22px 10px;}
 #main_banner .ban4{width:50%;background:#3d3d3d url(/base/img/newmain/img/06_box2.png) no-repeat 60% top;background-size:190px 190px;}
 #main_banner .ban5{width:50%;}
 #main_banner .ban5{width:50%;background:#115baf url(/base/img/newmain/img/06_box1.png) no-repeat 60% top;background-size:190px 190px;}
 #main_banner .ban6 .txt{padding:22px 10px;}
 #main_banner .ban7{width:100%;}
 
 #main_banner .ban p{font-size:15px;padding-left:10px;}
}
@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;}
}