@charset "utf-8";

/* Layout */
body {background-color:#fff;}
.wrapper {position:relative; width:100%; height:100%; min-width:1100px; font-family: 'Nanum Gothic', sans-serif; word-break:normal;}

/* header */
#headerWrap {height:116px; width:100%;border-bottom: 1px solid #e8e8e9;background: url('/image/common/header_bg.jpg') 0 0 repeat-x;background-color:#fff; z-index:5;}
#skipNavi dl {position:absolute;}
#skipNavi dt {position:absolute; top:-10000px;}
#skipNavi dd a {position:absolute; display:block; width:200px; left:50%; text-align:center; top:-10000px; z-index:999; font-size:16px;}
#skipNavi dd a:hover,
#skipNavi dd a:focus,
#skipNavi dd a:active {position:absolute; top:5px; padding:15px 0; margin-left:-500px; font-weight:bold; color:#fff; text-decoration:underline; background:#336ea2;}

.header {position:relative; height:116px; width:1000px;margin:0 auto; z-index:5;}
.header:after {content:""; display:block; clear:both; visibility:hidden; height:0; font-size:0;}
.ie7 .header {display:inline-block; zoom:1;}
.header .logo {position:absolute; top:49px; left:0; width: 246px;height: 49px;}
.header #utilMenu {position:absolute; top:8px; right:20px; color:#757575;}
.header #utilMenu li {float:left; padding-left:8px; margin-left:7px; background:url('/image/common/header_bar.png') 0 50% no-repeat; font-size:11px; line-height:18px;}
.header #utilMenu li:first-child {padding-left:22px; margin-left:0; background:url('/image/common/ico_home02.png') 0 50% no-repeat;}
.header #utilMenu a {color:#fff;}

.gnbWrap {position:absolute; top:50px; right:20px; overflow:hidden; z-index:10;}
.gnbWrap > ul {float:right; height:79px;}
.gnbWrap > ul > li {position:relative; float:left;padding-left: 67px;background: url('/image/common/gnb_bar.png') 33px 50% no-repeat;}
/*
메뉴 5개 일 때 : margin-left:86px;
메뉴 6개 일 때 : margin-left:50px;
*/
.gnbWrap > ul > li:first-child {padding-left:0;background: none;}
.gnbWrap > ul > li > a {display:inline-block; padding:15px 0; color:#444; font-size:18px; line-height:20px; text-decoration:none;}
.gnbWrap > ul > li.on > a, 
.gnbWrap > ul > li > a:hover,
.gnbWrap > ul > li > a:focus {color:#8dba23;}

.gnbWrap > ul > li .subWrap {position:absolute; top:-9999px; left:0; width:688px; z-index:100;}
.gnbWrap > ul > li.on .subWrap {top:50px;}
.gnbWrap > ul > li .subWrap li {float:left; background-color:#9bd468;}
.gnbWrap > ul > li .subWrap li > a {display:inline-block; padding:6px 3px 12px; margin-right:9px; color:#fff; font-size:14px; line-height:16px; }
.gnbWrap > ul > li .subWrap li:first-child > a {margin-left:9px;}

/* footer */
#footerWrap {clear:both; width:100%; border-top:1px solid #e2e2e2; background-color:#fff;}
.footer {position:relative; width:727px; padding:16px 125px 16px 248px; margin:0 auto; color:#747474; font-size:11px; line-height:16px;}
.footer:after {content:""; display:block; clear:both; visibility:hidden; height:0; font-size:0;}
.ie7 .footer {display:inline-block; zoom:1;}
.footer .footerLogo {position:absolute; left:0; top:50%; margin-top:-20px;}
.footer .addressWrap {float:left; width:580px;}
.footer .addressWrap a {color:#757575;}
.footer .addressWrap ul li {float:left; margin-right:10px;}
.footer .addressWrap p {clear:both;}
.footer .links {float:right;}
.footer .links li {margin-top:2px;}
.footer .links li:first-child {margin-top:0;}
.footer .ssl {position:absolute; top:50%; right:0; margin-top:-30px;width: 100px;height: 60px;}

/* quick Button */
#quickTop {position:absolute; top:400px; left:50%; margin-left:560px; z-index:10;}
/*
     FILE ARCHIVED ON 03:03:10 Sep 24, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 07:53:43 Feb 28, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/