@charset "utf-8";

@import url("/css/fonts.css"); 


.wrapper{font-size:12px;line-height:1.5;color:#222;}
.inner{width:1024px; margin:0 auto; position:relative;}

/*header*/

.header{height:150px; width:100%; background:url('/img/h_bg.jpg') repeat-x 0 0; border-top:4px solid #DADADA;}
.header h1{position:absolute; left:0; top:22px;}
.header .top_cs{position:absolute; right:200px; top:25px;}
.header .qna_btn{position:absolute; right:0px; top:41px;}
.header .top_text{position:absolute; font-size:11px; line-height:1.1;left:1px; top:60px;font-family:"NotoSans", "Nanum Gothic", "³ª´® °íµñ", "µ¸¿ò", dotum, sans-serif; font-weight:700;}
.header .info_menu{position:absolute; right:0; top:5px; font-family:"NotoSans", "Nanum Gothic", "³ª´® °íµñ", "µ¸¿ò", dotum, sans-serif; font-weight:700;}
.header .info_menu span{vertical-align:1px;font-size:9px; color:gray; font-weight:400; padding:0 10px;}


.header .nav{padding-top:108px; font-family:"NotoSans", "Nanum Gothic", "³ª´® °íµñ", "µ¸¿ò", dotum, sans-serif; font-weight:900;z-index:100;}
.header .nav > li{position:relative;float:left; font-size:18px;width:256px;text-align:center;}
.header .nav > li a{display:inline-block;color:#fff;line-height:40px;}
.header .nav > li:hover ul{display:block;}
.header .nav ul{z-index:100;display:none;position:absolute; left:50%; top:35px; margin-left:-65px;  border:1px solid #0F2185;}
.header .nav ul > li {font-size:13px;text-align:center;}
.header .nav ul > li a{ font-weight:700;width:130px;display:block;line-height:2.5;background-color: rgba( 255, 255, 255, 0.9 );color:#222;}
.header .nav ul > li a:hover{color:#fff; background-color: rgba( 15, 33, 133, 0.9 );}




/*content*/
.content{margin-top:20px; overflow:hidden;}
.content h2{margin-bottom:10px;}
.notice{width:354px; float:left;}
.product{width:620px; float:right;}
.product a{display:block;}
.product .product01{width:197px;height:197px;  background:url('/img/product01_off.png') no-repeat 0 0;}
.product .product02{width:197px;height:197px;  background:url('/img/product02_off.png') no-repeat 0 0;}
.product .product03{width:197px;height:197px;  background:url('/img/product03_off.png') no-repeat 0 0;}
.product .product01:hover{background:url('/img/product01_on.png') no-repeat 0 0;}
.product .product02:hover{background:url('/img/product02_on.png') no-repeat 0 0;}
.product .product03:hover{background:url('/img/product03_on.png') no-repeat 0 0;}
.product p{float:left;margin-left:14px;}
.product p.first{margin-left:0;}




/*main_visual*/



/* visual */
.visual {width:100%; margin-top:0; text-align:center;z-index:0;}
.visual.main {clear:both;}

.visual .narrow_hide {display:block;}
.visual .narrow_show {display:none;}
.visual div img {margin-top:-2px \0/IE8+9;}


/* visual slide */
.rslides {position:relative; overflow:hidden; width:100% !important; padding:0; margin:0 auto;}
.rslides li {position:absolute; display:none; width:100%; left:0; top:0; width:100%; -webkit-backface-visibility: hidden; }
.rslides li:first-child {position:relative; display:block; float:left;}
/*.rslides img {display:block; height:auto; width:100%; border:0; margin:0 auto; max-width:2000px; max-height:500px;}*/
.rslides li div{height:500px;background:url('/img/main01.jpg') no-repeat 50% top;}
.rslides li + li div{height:500px;background:url('/img/main02.jpg') no-repeat 50% top;}
.rslides li + li + li div{height:500px;background:url('/img/main03.jpg') no-repeat 50% top;}


.rslides_tabs li {display:inline; float:none; margin-right:1px; position:relative;}
.rslides_tabs a {width:auto; padding:9px 20px; height:auto; background:transparent; display:inline;}
#slider-pager {margin-top:-30px; padding-bottom:10px; z-index:999; position:relative;}
#slider-pager a {width:20px; height:20px; padding:0; margin:0; background-image:url('/img/visual_btn.png'); background-repeat:no-repeat; background-position:left top; text-indent:-9999em; display:inline-block; margin:0 5px;}
#slider-pager .rslides_here a {background-position:left bottom;}



/*sub*/
.sub_top{height:200px;width:100%; background:url('/img/sub_top.jpg')no-repeat 50% 0;}
.sub_content_box{margin-top:30px;overflow:hidden;}
.sub_menu{width:224px; float:left; font-family:"NotoSans", "Nanum Gothic", "³ª´® °íµñ", "µ¸¿ò", dotum, sans-serif; font-weight:700;}
.sub_content{width:770px; float:right;}
.sub_menu h2{font-size:18px;background:#0E2285;color:#fff; font-weight:900;padding-left:20px;line-height:2;margin-bottom:5px;}
.menu li a{font-size:14px;background:#EAEAEA url('/img/sub_bullet_off.png') no-repeat 90% 50%; display:block;line-height:2;border-bottom:1px solid #dbdbdb; padding-left:20px; }
.menu li a:hover{color:#fff; background:gray url('/img/sub_bullet_on.png') no-repeat 90% 50%; }
.sub_cs{margin-top:20px;}
.sub_banner{margin-top:5px;}
.sub_title{border-bottom:2px solid #0E2285; padding-bottom:10px; margin-bottom:20px; font-size:22px;font-family:"NotoSans", "Nanum Gothic", "³ª´® °íµñ", "µ¸¿ò", dotum, sans-serif; font-weight:900;padding-left:40px; background:url('/img/sub_title_bg.jpg') no-repeat 0 5px;}

/*footer*/

.footer{background:#eaeaea;overflow:hidden;padding:30px 0;font-family:"NotoSans", "Nanum Gothic", "³ª´® °íµñ", "µ¸¿ò", dotum, sans-serif; font-weight:700; border-top:1px solid #dbdbdb; margin-top:30px;}
.footer h2{float:left;margin-left:80px;margin-top:10px; }
.footer address{float:left; width:620px; margin-left:80px;}
.footer .copy{clear:left; color:gray;font-weight:400;}