@charset "utf-8";
@import url("basic.css");
@import url("layout.css");


/*header*/
#headerWrap #logo {position:absolute;top:40px;left:0;background:#fff}
#headerWrap #topMenu {width:100%; height:29px; margin:0 auto; position:relative;text-align:center;}
#headerWrap #topMenu div {width:1000px;margin:0 auto;}
#headerWrap #topMenu div ul {text-align:right;float:right;}
#headerWrap #topMenu div ul li {padding:0px ; float:left;line-height:40px;}


#headerWrap #gnbArea { margin:11px 0 0 230px;z-index:1100;padding:0;background:#fff;}
#headerWrap #gnbArea .gnbDepth1 {padding:0px 0 0 0px; height:62px; margin:0 auto;}
#headerWrap #gnbArea .gnbDepth1 li {height:70px; float:left; display:inline; position:relative;}
#headerWrap #gnbArea .gnbDepth1 li:first-child {background:none;}
#headerWrap #gnbArea .gnbDepth1 li a {padding:0px;}
#headerWrap #gnbArea .gnbDepth1 li ul {display:block; position:absolute; top:61px; left:0; height:36px !important;line-height:36px !important;}
#headerWrap #gnbArea .gnbDepth1 li ul li {float:left;padding:0px 0px !important;height:36px;background:none}
#headerWrap #gnbArea .gnbDepth1 li ul li a {display:block;padding:0px !important;line-height:36px;}
#headerWrap #gnbArea .gnbDepth1 li ul.gnbDepth2{display:none !important;height:36px;}
#headerWrap #gnbArea .gnbDepth1 li.on ul.gnbDepth2{display:block !important;height:36px;}


.headerOn{height:192px !important; background:url('../images/bg_gnb.png') center top repeat-x !important;}
.headerOn #gnbArea .gnbDepth1 li ul{display:block !important;}



#slideshow {clear:both; width:1180px; height:416px;margin:auto;position:absolute;top:0px;z-index:1;}
#slideshow {content:" "; display:block; clear:both;}
#slides {position:relative; width:1180px; height:416px; overflow:auto;margin:auto;}
#slides li {width:1180px; height:416px;}

.pagination {position:relative;width:60px;list-style:none;height:416px; z-index:1000;padding:380px 0 0 0;margin:0 auto;}
.pagination li {float:left; cursor:pointer; width:18px;height:16px;font-size:0;background:url('../images/main_paging.png') no-repeat;margin:0;}
.pagination li:hover {background:url('../images/main_paging_over.png') no-repeat;width:18px;height:16px;}
.pagination {content:" "; display:block; clear:both;}
li.current {background:url('../images/main_paging_over.png') no-repeat;width:18px;height:16px;}



.lnbWrap h4 {padding:0px;}
.lnbWrap ul {}
.lnbWrap li {padding:0;}




#contactsWrap .navi {text-align:left !important;font-family:dotum;padding:83px 0 0 0}
#contactsWrap .navi h3 {padding:19px 0 0 0px}
#contactsWrap .navi:after {content:" "; display:block; clear:both;}
#contactsWrap .nav {color:#959494;margin:0px;font-family:dotum;letter-spacing:-1px;}
#contactsWrap .nav img {margin-top:0px;}
#contactsWrap .nav .on {font-family:dotum;color:#444444;}


#footer .footerlogo {clear:both;margin:0;padding:0;position:absolute;top:80px;left:112px;}
#footer .footerinfo {padding:0;position:absolute;left:255px;top:80px;}
#footer .tel {position:absolute;left:0px;top:0px;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;}

.history {width:100%;background:url(../images/company02.png) no-repeat right top;min-height:480px; }
.history ul {width:400px;}
.history li {padding:6px 0;border-bottom:1px solid #e7e7e7;}

.bodywrap {clear:both;width:100%; min-width:1000px; margin:0 auto; left:0;position:absolute;text-align:center;}

.sitemap {clear:both;margin:20px 0 0px 0;padding:0 0 360px 0}
.sitemap li {float:left;margin-left:10px;}
.sitemap li ul li {float:none;padding:10px 0;text-align:center;border-bottom:1px solid #e3e3e3;}