@charset "utf-8";
/*¸ÞÀη¹À̾ƿô*/
#main_wrap{}

/*¸ÞÀÎÀ̹ÌÁö·Ñ¸µ*/
#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(../../img/images/main_visual1.jpg) no-repeat center top;background-size:cover;}
#banner_content .banner2 {height:456px;background:url(../../img/images/main_visual2.jpg) no-repeat center top;background-size:cover;}
#banner_content .banner3 {height:456px;background:url(../../img/images/main_visual3.jpg) 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(../../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:rgba(255,255,255,0.8) url(../../img/images/01_box.png) no-repeat 20px center;width:228px;height:228px;background-size:190px 190px;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(../../img/images/03_box.png) no-repeat 20px center;width:228px;height:228px;background-size:190px 190px;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(134,184,234,0.8) 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:rgba(61,61,61,0.8) url(../../img/images/06_box1.png) no-repeat 20px center;width:228px;height:228px;top:228px;left:684px;background-size:190px 190px;}
#main_banner .ban4 p{position:absolute;bottom:20px;color:#fff;color:rgba(255,255,255,0.8);}
#main_banner .ban5{position:absolute;background:rgba(114,157,205,0.8) url(../../img/images/wlogo.png) no-repeat 45px 85px;width:228px;height:228px;background-size:150px 46px;top:228px;left:456px;}
#main_banner .ban6{position:absolute;background:rgba(255,255,255,0.8) 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;}
#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:2.5;}
#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 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:#86b8ea;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;}
}

@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;}
#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 .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 60% 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 {width:50%;background-position:center top;display:block;}
#main_banner .ban6 .txt{padding:22px 10px;}
#main_banner .ban7{width:100%;}
#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;}
}
/*¹Ìµð¾îÄõ¸®*/