@charset "euc-kr";
/* CSS Document */
header{ width:100%; height:150px; border-bottom:1px solid #ccc; position:fixed; top:0; left:0; background:#FFF;  z-index:5000; }

#header_in{ width:980px; margin:0 auto; position:relative;}
#header_in .logo{ padding-top:20px; text-align:center;}
#header_in .topMenu{ position:absolute; top:20px; right:0;}
#header_in .topMenu h2{ display:none;}
#header_in .topMenu li{ float:left; line-height:12px;}
#header_in .topMenu li.t2{ border-left:1px solid #999; margin-left:10px; padding-left:10px;}
#header_in .topMenu li a{ color:#888;}

.gnb{width:100%; height:35px; top:55px; left:0;  position:relative;}
.gnb h2{display:none;}
.gnb li{ float:left; margin-left:75px; }
.gnb li.gnb1 > a{ width:93px; background:url(../image/menu1.png) no-repeat;}
.gnb li.gnb2 > a{ width:77px; background:url(../image/menu2.png) no-repeat;}
.gnb li.gnb3 > a{ width:47px; background:url(../image/menu3.png) no-repeat;}
.gnb li.gnb4 > a{ width:110px; background:url(../image/menu4.png) no-repeat;}
.gnb li.gnb5 > a{ width:61px; background:url(../image/menu5.png)  no-repeat;}
.gnb li.gnb6 > a{ width:78px; background:url(../image/menu6.png)  no-repeat;}

.gnb li a:hover{ background-position:0 -40px;}
.subBg{width:2000px; height:0px; position:absolute; top:40px; z-index:999;
background:url(../image/bg_gnb_line.png) ; left:50%; margin-left:-1000px;}
.gnb:hover .subBg{height:40px;}

.gnb .gnbIn{width:980px; margin:0 auto; height:35px; }
.gnb .gnbIn li{float:left; position:relative;}  
.gnb .gnbIn li.first{background:none;}

/*.sub menu*/
.gnb .gnbIn li .sub{position:absolute; top:35px; z-index:1000; display:none; width:500px;}
.gnb .gnbIn li:hover .sub{display:block; font-size:14px;}
.gnb .gnbIn li:hover .sub li{background:none; height:12px; margin:0 5px; padding:14px 5px; }
.gnb .gnbIn li:hover .sub a{color:#FFF;}

.gnbIn li.first { background:no-repeat; }
.gnb1 > a,.gnb2 > a,.gnb3 > a,.gnb4 > a,.gnb5 > a,.gnb6 > a{display:block; width:150px; height:36px; overflow:hidden;}
.gnb .gnbIn li .sub{position:absolute; top:35px; z-index:1000; display:none; width:500px;}
.gnb .gnbIn li:hover .sub{display:block;}
.gnb .gnbIn li:hover .sub li{background:none; float:left; height:12px; margin:0 5px; padding:14px 5px;}


.mainvisual{width:100%; height:460px; overflow:hidden; margin:0px auto 0px auto; }
.sect04_visual{width:2000px; height:460px; position:relative; overflow:visible !important; margin:0 auto; left:50%; margin-left:-1000px;}

.sect04_visual .slidesjs-navigation{display:block; width:30px; height:30px; text-indent:-9999px; position:absolute; top:0; left:0; z-index:1001;}
.sect04_visual .slidesjs-pagination{list-style:none; padding:0; position:absolute; top:430px; left:50%; z-index:100; margin-left:-30px;}
.sect04_visual .slidesjs-pagination li{float:left; margin:0 2px;}
.sect04_visual .slidesjs-pagination li a{display:block; width:20px; height:20px; background:url(../image/pagi_off.png) no-repeat; text-indent:-9999px;}
.sect04_visual .slidesjs-pagination li a.active{background:url(../image/pagi_on.png) no-repeat;}

/*.sect04_visual .slidesjs-previous{width:100px; height:100px; background:url(../image/btn_prev.png) no-repeat; position:absolute; top:40%; left:20%; z-index:1001;}
.sect04_visual .slidesjs-next{width:100px; height:100px; background:url(../image/btn_next.png) no-repeat;  position:absolute; top:40%; left:78%; z-index:1001;} 
*/

.content{ width:980px; margin:30px auto 30px auto; }
.content .bn p{ float:left;  position:relative;}
.content .bn p.a1{ margin-left:0;}
.content .bn p .over{ position:absolute; top:0; left:0; opacity:0; transition:opacity 0.1s ease;}
.content .bn  p:hover .over{ opacity:1;}

/*********footer********/

footer{width:100%; height:80px; border-bottom:1px solid #ccc; background:url(../image/bg.jpg);}
.footer_in{width:980px; margin:0 auto;}
.footer_in > div{float:left;}
.f_logo{width:96px; }
.f_logo .f_logo_img{margin-top:30px;}

.f_copy{margin-top:10px; margin-left:50px; font-size:12px;}
.f_copy li{float:left; margin-left:10px; border-right:1px solid #ccc; padding-right:10px;}
.f_copy li:last-child{border:none;}