@charset "euc-kr";
@import url('base.css');



/*layOut*/
.utilWrap {width:1000px; height:85px; margin:0 auto;}
.utilWrap .logo {width:400px; float:left; padding-top:25px; }
.utilWrap .util {width:600px; float:left; margin-top:15px;}
.utilWrap .util ul {float:right;}
.utilWrap .util ul li {float:left;}
.utilWrap .util ul li a {font-size:13.5px;}
.utilWrap .util ul li a img {padding-left:4px;} 
.utilWrap .util ul li span {display:inline-block; padding:0 10px; color:#ccc;}
.utilWrap .util p {clear:both; text-align:right; }
.utilWrap .util p img {margin-top:12px;}

.headerWrap {height:35px; background:#384abe; position:relative;}
.headerWrap .header {width:1000px; margin:0 auto;}
.headerWrap .header ul>li {width:250px; height:35px; float:left; text-align:center;}
.headerWrap .header ul>li.h_select{width:250px; height:35px; background:#bf0000;}
.headerWrap .header ul>li.h_select:hover{width:250px; height:35px; background:#d50d0d;}
.headerWrap .header ul>li:hover {background:#2637a3;}
.headerWrap .header ul>li>a {display:block; height:14px; padding-top:11px; padding-bottom:10px;}
.rightBanner {position:fixed; left:50%; margin-left:500px; width:155px; margin-top:40px;}
.rightBanner h2 {position:absolute; z-index:999; margin-left:0px;}

.visualWrap { height:160px;}


.main_ani { overflow:hidden; position:relative; width:100%; height: 160px; z-index:-1;}
.slider_panel { width:100%; height:160px; position:relative;}
.slider_image { position: absolute; left:0; top:0; width: 100%; height:160px; opacity:0;}
.slider_panel .img1 {background:url('../images/v1new.jpg') top center no-repeat; }
.slider_panel .img2 {background:url('../images/v3.jpg') top center no-repeat; }
.slider_panel .img3 {background:url('../images/v2new.jpg') top center no-repeat; }

.slider_text_panel { position:absolute; top:0px; left: 0px; width: 100%; height: 160px; }

.slider_text_panel .txt1 .text11 { position: absolute; left: 50%; margin-left:-500px; top: 40px; opacity: 0; filter: alpha(opacity=0); }
.slider_text_panel .txt1 .text12 { position: absolute; left: 50%; margin-left:-500px; top: 75px; opacity: 0; filter: alpha(opacity=0); }
.slider_text_panel .txt2 .text21 { position: absolute; left: 50%; margin-left:-500px; top: 40px; opacity: 0; filter: alpha(opacity=0); }
.slider_text_panel .txt2 .text22 { position: absolute; left: 50%; margin-left:-500px; top: 75px; opacity: 0;  filter: alpha(opacity=0); }
.slider_text_panel .txt3 .text31 { position: absolute; left: 50%; margin-left:-500px; top: 40px; opacity: 0; filter: alpha(opacity=0); }
.slider_text_panel .txt3 .text32 { position: absolute; left: 50%; margin-left:-500px; top: 75px; opacity: 0; filter: alpha(opacity=0); }

.control_panel { position:absolute; overflow:hidden; z-index:10; left:50%; margin-left:-500px; margin-top:-35px;}
.control_panel .control_button {width:16px; height:16px; position:relative; float:left; cursor:pointer; display:inline-block; margin-right:4px; background:#0f2656; }
.control_panel .control_button.active {width:12px; height:12px; background:#ffffff; border:2px solid #0f2656;}

.contentsWrap .contents {width:1000px; margin:0 auto; padding-top:40px;}
.contentsWrap .contents .lnbWrap {width:170px; float:left;}
.lnbWrap ul {margin-top:15px;}
.lnbWrap ul li a {display:block; height:40px; line-height:40px; font-size:15px; padding-left:15px; letter-spacing:-0.04em; }
.lnbWrap ul li.on a {color:#fff; font-weight:400; background:url('../images/lnb_on2.png') left 3px no-repeat; border-bottom:none !important}
.lnbWrap ul li.all {background:#efefef; background:url('../images/lnb_all.png') left top no-repeat;}

.contentsWrap .contents .lnbWrap .callWrap {margin-top:50px; padding-bottom:30px; border:2px solid #ddd; padding-top:25px; padding-left:15px;}
.contentsWrap .contents .lnbWrap .callWrap>p {font-size:24px; font-weight:bold; color:#000099; letter-spacing:-0.04em; padding-top:16px;}
.contentsWrap .contents .lnbWrap .callWrap>ul>li {font-size:14px; line-height:15px; padding-top:6px; color:#333; font-family:'Nanum Gothic';   font-weight: 700;}

.contentsWrap .contents .subcontents {width:800px; float:left; margin-left:30px; padding-bottom:80px; }
.contentsWrap .contents .subcontents ul.mainPrd li {float:left; text-align:center; width:162px; height:220px;}
.contentsWrap .contents .subcontents ul.mainPrd li>a.prdname {font-size:13px; display:inline-block;  line-height:180%; letter-spacing:-0.04em;} 
.contentsWrap .contents .subcontents ul.mainPrd li>span.price {font-size:13px; font-weight:bold; color:#223877;}

.footerWrap {clear:both; height:85px; padding:25px 0px; border-top:1px solid #dbdbdb; background:#f6f6f6;}
.footerWrap .footer {width:1000px; margin:0 auto;}
.footerWrap .footer .logo {float:left; width:200px; }
.footerWrap .footer .address {float:left; width:740px; padding-left:60px;}
.footerWrap .footer .address p {clear:both; font-size:12.5px; line-height:23px;}
.footerWrap .footer .address p a {color:#f6f6f6;}
.footerWrap .footer .address p a.link {font-size:12.5px; color:#666; vertical-align:baseline;}
.footerWrap .footer .address p > span {display:inline-block; padding:0 10px; color:#ccc;}

.subcontents .titleW {width:810px; margin-top:30px; height:40px; border-bottom:1px solid #ddd; margin-bottom:30px;}
.subcontents .titleW h2 {float:left; width:300px; font-size:33px; letter-spacing:-0.06em; color:#444;}
.subcontents .titleW p {float:left; width:510px; text-align:right; letter-spacing:-0.06em;  padding-top:10px; font-size:14px; color:#444;}

ul.listSpec li {display:inline-block; float:left; margin:7px; border:1px solid #efefef; text-align:center; padding:3px; width:140px; height:30px; line-height:30px; font-size:12px;}


table.basic1 {border-top:1px solid #ccc;}
table.basic1 th {background:#efefef; border-bottom:1px solid #ddd; font-weight:bold;}
table.basic1 td {padding:10px; border-bottom:1px solid #ddd;}