@charset "utf-8";

/* 공통 */
* { padding:0; margin:0; }
html,body {height:100%; margin:0; padding:0; font-family:dotum, Vedana, arial, sans-serif; font-size:12px; color:#6d6e71;line-height:16px}
ol,ul ,li {list-style:none; }
a:link{text-decoration:none; color:#6d6e71;}
a:visited{text-decoration:none; color:#6d6e71;}
a:active{text-decoration:none; color:#6d6e71;}
a:hover{text-decoration:none; color:#0a0afb; }
img{border:0;}

body{background:url(../img/main/mainbg.jpg) repeat-x;}
#wrap{width:980px; margin:0 auto; }
#header{height:108px;}
.head{height:27px;}
.head ul{display:inline-block; float:right; line-height:0; font-size:0; width:317px;}
.head ul li{display:inline-block; float:left;}

.logo{padding-top:15px; width:150px; float:left;}
/*메뉴스타일*/
.topmenu-dropdown{width:605px; float:right; display:block; position:relative; padding-top:30px;}
.topmenu-dropdown a {padding-left:85px; text-decoration:none; color:#dcdefe;}
.topmenu-dropdown li {float:left; padding:0;}
/*sub nav*/
.topmenu-dropdown ul {position:absolute; margin:0; top:48px; left: 0; padding-left:10px; overflow:hidden;}
.topmenu-dropdown ul li { padding:0 0 0 0; float:left; display:none; height:27px;}
.topmenu-dropdown ul li a {background:url(../img/comm/menubg.jpg) repeat-x bottom; height:27px; position:relative; top:0; left:0; padding:0;  float:left; padding:0 13px;}
.topmenu-dropdown ul li a:hover { background:url(../img/comm/menubg.jpg) repeat-x bottom;  height:27px;}

.visual01{width:980px; height:464px; background:url(../img/main/visual_bg.png) no-repeat;}
.visual01_img{float:left; width:359px;}
.visual01_title{width:379px; float:left;}
.visual01_title img{float:right; padding-top:118px;}
.visual01_butten{padding-top:134px;}
.visual01_butten ul li{margin-bottom:10px;}
.visual02{width:980px; height:464px; background:url(../img/main/visual_bg.png) no-repeat;  display:none;}
.visual03{width:980px; height:464px; background:url(../img/main/visual_bg.png) no-repeat;  display:none;}

#content{padding:44px 15px 43px 22px;}
.introtitle{padding-bottom:21px;}
.introimg{width:144px; float:left;}
.introp{width:130px; float:left; margin-right:55px; height:173px;}
.introp2{width:130px; float:left;}
.intro01{font-size:13px; font-weight:bold; padding-bottom:10px; display:block; height:32px;word-wrap:break-word;}
.intro02{display:block; padding-top:5px; height:16px;}
.intro03{height:90px;word-wrap:break-word;}

#contensbotop{padding-top:52px; clear:both;}
.cont02{ width:340px; float:left; margin-right:27px;}
.inquiry{line-height:0; font-size:0;}
.inquiry li{display:inline-block; line-height:0; font-size:0; float:left;}
.inquiry01{padding-right:14px;} 
.customer{clear:both; padding-top:23px;}

.notice{width:288px; float:left; margin-right:28px;}
.noticetitle{width:288px; height:15px; margin-bottom:6px;}
.title02{float:right; display:block; width:36px;}
.title01{float:left; display:block; width:252px;}
.noticeul{width:288px; height:72px; position:relative;}
.noticeul li{line-height:20px; display:block;}
.noticeul li a{color:#a8a8a8;}
.noticeul li a:hover{color:#0a0afb; }
.data{position:absolute; right:0; color:#a8a8a8;}
.location{margin-top:25px; background:url(../img/main/location.jpg) no-repeat; width:288px; height:107px; float:left; position:relative;}
.location img{position:absolute; right:9px; bottom:9px;}

.manual{background:url(../img/main/manual.jpg) no-repeat; width:242px; height:228px; float:left; position:relative;}
.manual img{position:absolute; left:9px; bottom:12px;}
.clear{clear:both;}

#footer{height:94px; width:100%;}
.qu{border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; height:31px; }
.qu ul{float:right;}
.qu ul li{display:block; float:left;}
.top{padding:0 8px 0 12px;}
.address{width:100%; text-align:center;}