@charset "utf-8";
/*메인레이아웃*/
#main_wrap{}

/*메인이미지롤링*/
#main_container{position:relative;margin-left:440px;top:120px;z-index:2;}
.bx-wrapper {position:absolute;width:456px !important;height:456px !important;z-index:9999;}
.slider {position:relative;}
.caption-box h2 {font-size:40px;position:absolute;top:30px;left:35px;line-height:1.75;color:#FFFFFF;}
.caption-box h3 {font-size:12px;position:absolute;top:100px;left:40px;color:#FFFFFF;width:300px;display:block;}
.caption-box {position:absolute;top:0;left:0;width:100%;height: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(../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(../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_container{position:relative;margin-left:440px;top:120px;z-index:2;}
#main_visual {position:absolute;overflow:hidden;}
#banner_content {position:relative;width:456px;height:456px;overflow:hidden;}
#banner_content .banner1 {height:456px;background:url(../images/main_img1.png) no-repeat center top;background-size:cover;}
#banner_content .banner2 {height:456px;background:url(../images/main_img2.png) no-repeat center top;background-size:cover;}
#banner_content .banner3 {height:456px;background:url(../images/main_img3.png) no-repeat center top;background-size:cover;}
#banner_content p {font-size:40px;position:absolute;top:50px;left:35px;line-height:1.75;}
#banner_content span {font-size:12px;position:absolute;top:120px;left:40px;color:#FFFFFF;width:300px;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(../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(../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:rgba(255,255,255,0.8) url(../images/01_box.png) no-repeat 10px center;width:228px;height:228px;background-size:200px 200px;top:0px;left:456px;}
#main_banner .ban1 p{position:absolute;bottom:20px;color:#fff;color:rgba(255,255,255,0.8);}
#main_banner .ban2{position:absolute;background:rgba(241,241,241,0.8) url(../images/03_box.png) no-repeat 10px center;width:228px;height:228px;background-size:200px 200px;top:0px;left:684px;}
#main_banner .ban2 p{position:absolute;bottom:20px;color:#fff;color:rgba(255,255,255,0.8);}
#main_banner .ban3{position:absolute;background:rgba(162,182,83,0.8) url(../images/02_box.png) no-repeat 10px center;width:228px;height:228px;background-size:200px 200px;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:rgba(61,61,61,0.8) url(../images/06_box1.png) no-repeat 10px center;width:228px;height:228px;top:228px;left:684px;background-size:200px 200px;}
#main_banner .ban4 p{position:absolute;bottom:20px;color:#fff;color:rgba(255,255,255,0.8);}
#main_banner .ban5{position:absolute;background:rgba(129,153,35,0.8) url(../images/15_box.png) no-repeat 10px center;width:228px;height:228px;background-size:200px 200px;top:228px;left:456px;}
#main_banner .ban6{position:absolute;background:rgba(255,255,255,0.8) url(../images/08_box.png) no-repeat 10px center;width:228px;height:228px;background-size:200px 200px;top:456px;right:0px;}
#main_banner .ban6 .txt{position:absolute;width:100%;padding:22px 20px;}
#main_banner .ban7{position:absolute;background:rgba(255,255,255,0.8);width:456px;height:228px;top:456px;left:456px;}
#main_banner .ban7 .txt{position:absolute;padding:22px 20px;}
#main_banner .ban7 .notice {margin:60px 0px 0px 20px;}
#main_banner .ban7 .notice a {line-height:1;}
#main_banner .ban7 .notice a:hover {text-decoration:none;}
#main_banner .ban7 .notice table {background:none;}
#main_banner .ban7 .notice ul{padding:0px 30px 0 0px;}
#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 .ban8{position:absolute;background:rgba(88,147,56,0.8) url(../images/09_box.png) no-repeat 10px center;width:228px;height:228px;background-size:200px 200px;top:456px;left:0px;}
#main_banner .ban9{position:absolute;background:rgba(61,61,61,0.8) url(../images/10_box.png) no-repeat 10px center;width:228px;height:228px;background-size:200px 200px;top:456px;left:228px;}

#main_banner .ban10 {position:absolute;background:rgba(241,145,73,0.8) url(../images/16_box1.png) no-repeat 10px center;width:228px;height:228px;background-size:200px 200px;top:228px;right:0px;}




#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:#8dad10;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;}
/*메인배너*/

/*미디어쿼리*/
@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;}
#main_banner .ban8{display:none;}
#main_banner .ban9{display:none;}
#main_banner .ban10{display:none;}
}

@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 {width:100%;position:absolute;top:-240px;border:solid 1px red;}
#btn_prev_banner {left:20px;}
#btn_next_banner {left:408px;}
}

@media screen and (max-width:950px){
#main_container {top:0px;margin-left:0px;}
}

@media screen and (max-width:768px){
/*#main_visual {width:100%;position:relative;}*/
.bx-wrapper {width:100% !important;height:100% !important;position:relative;}
.slider {width:100%;position:relative;overflow:hidden;height:100%}
.slider div img {width:100%;}
#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%;}
#banner_content .banner1 {height:100%;}
#banner_content .banner2 {height:100%;}
#banner_content .banner3 {height: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 .ban8,#main_banner .ban9,#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(../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(../images/06_box1.png) no-repeat 60% top;background-size:190px 190px;}
#main_banner .ban5{width:50%;}
#main_banner .ban5{background:#fff url(../images/logo.png) no-repeat center 50%;background-size:150px 46px;}
#main_banner .ban6 {width:50%;background-position:center top;display:block;}
#main_banner .ban6 .txt{padding:22px 10px;}
#main_banner .ban7{width:100%;}
#main_banner .ban8{display:block;width:50%;background-position:center top; }
#main_banner .ban9{display:block;width:50%;background-position:center top; }

#main_banner .ban p{font-size:15px;padding-left:10px;}

#btn_navi {display:none;}
}

@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:80px;left:25px;color:#FFFFFF;width:300px;display:block;}
}
/*미디어쿼리*/