@charset "utf-8";
@import url('default.css');

#wrap{position:relative; margin:0 auto; width:100%; min-width:1200px; }

/*header*/
#header_wrap {position:absolute; left:0; top:0; z-index:10; width:100%; height:199px; background:#fff url(../images/top_bg.gif) repeat-x;}
#header_wrap #header {width:1200px; margin:0 auto; position:relative;}

#header #header_top {width:100%; height:99px; position:relative;}

/*tel*/
#header_top #tel {position:absolute; left:0; top:26px; width:210px; height:50px; background:url(../images/top_tel.gif) no-repeat; text-indent:-1000px; overflow:hidden;}

/*logo*/
#header_top #logo {width:202px; height:82px; margin:auto; padding-top:17px;}
#logo h1 {width:100%; height:68px; background:url(../images/logo.gif) no-repeat left center;}
#logo h1 a {display:block; width:100%; height:100%; text-indent:-1000px; overflow:hidden; }

/*member btns*/
#header_top #btn_members {position:absolute; right:0; top:14px; height:11px;}
#btn_members li {float:left; height:11px; border-left:solid 1px #ccc;}
#btn_members li:first-child {border-left:0;}
#btn_members li a {display:inline-block; height:11px; padding:0 6px; overflow:hidden; font-size:0; background-repeat:no-repeat; background-position:center center;}
#btn_members li .home {width:32px; background-image:url(../images/btn_home.gif);} 
#btn_members li .login {width:32px; background-image:url(../images/btn_login.gif);}
#btn_members li .join {width:24px; background-image:url(../images/btn_join.gif);}
#btn_members li .logout {width:44px; background-image:url(../images/btn_logout.gif);}
#btn_members li .modify {width:43px; background-image:url(../images/btn_modify.gif);}

/*khu logo*/
#header_top #khu {position:absolute; top:51px; right:0; width:141px; height:34px; font-size:0; background:url(../images/khu_logo.gif) no-repeat;}

/*menu*/
#header #gnb {clear:both; position:relative; width:1200px; height:99px; border-top:solid 1px #d9d9d9; background-color:#fff; }
#gnb > ul > li {float:left; width:12.5%; height:99px;}
/*#gnb > ul > li:first-child {width:14.2%;}*/
#gnb > ul > li > a{display:block; height:99px; font-size:0; border-right:solid 1px #d9d9d9; background-position:center center; background-repeat:no-repeat;}
#gnb > ul > li:first-child > a {border-left:solid 1px #d9d9d9;}
#gnb > ul > li > a:hover, #gnb > ul > li > a:focus, #gnb > ul > li > a.on { background-color:#fffcf7;}

#gnb #nav1 > a {background-image:url(../images/mn01.png);}
#gnb #nav2 > a {background-image:url(../images/mn02.png);}
#gnb #nav3 > a {background-image:url(../images/mn03.png);}
#gnb #nav4 > a {background-image:url(../images/mn04.png);}
#gnb #nav5 > a {background-image:url(../images/mn05.png);}
#gnb #nav6 > a {background-image:url(../images/mn06.png);}
#gnb #nav7 > a {background-image:url(../images/mn07.png);}
#gnb #nav8 > a {background-image:url(../images/mn08.png);}

.lnb_wrap {
	position:absolute; left:0; top:99px; z-index:100; width:1198px; height:0; *zoom:1; overflow:hidden; border:solid 1px #e6e6e6; border-top:none; background:#fff url(../images/sub_menu_bg.png) repeat-x;
}
.lnb_wrap:after {clear:both; display:block; content:"";}

.lnb_wrap .lnb {float:left; margin:22px 0 0 19px; overflow:hidden; *zoom:1;}
.lnb_wrap .lnb:after {clear:both; display:block; content:"";}
.lnb_wrap .lnb li {width:150px; height:25px;}
.lnb_wrap .lnb li a {display:block; padding-left:10px; height:25px; line-height:25px; font-size:14px; color:#666;}
.lnb_wrap .lnb li a:hover, .lnb_wrap .lnb li a:focus, .lnb_wrap .lnb li a.on {color:#333; background:#f6f6f6;}

#nav2 .lnb, #nav3 .lnb, #nav5 .lnb {width:280px;}
#nav2 .lnb li, #nav3 .lnb li, #nav5 .lnb li {float:left; width:130px; margin-right:10px;}

.lnb_wrap .lnb_right {float:right; margin:23px 23px 0 19px; width:850px; overflow:hidden; font-size:0; line-height:0; }
.lnb_wrap .lnb_right > div {display:inline-block; height:174px; vertical-align:middle; font-size:0; line-height:0; }
.lnb_wrap .lnb_tit {width:194px; text-align:center; font-size:20px !important; line-height:174px !important; color:#fff; background:#99918a;}
.lnb_wrap .bnr_img {width:318px; margin-left:10px; background:#f6f6f6;}
.lnb_wrap .bnr_img a {display:block; width:318px; height:174px; font-size:0; line-height:0;}

#nav1 .bnr01 {background-image:url(../images/mn01_bnr01.gif);}
#nav1 .bnr02 {background-image:url(../images/mn01_bnr02.gif);}

#nav2 .bnr01 {background-image:url(../images/mn02_bnr01.jpg);}
#nav2 .bnr02 {background-image:url(../images/mn02_bnr02.jpg);}

#nav3 .bnr01 {background-image:url(../images/mn03_bnr01.jpg);}
#nav3 .bnr02 {background-image:url(../images/mn03_bnr02.jpg);}

#nav4 .bnr01 {background-image:url(../images/mn04_bnr01.jpg);}
#nav4 .bnr02 {background-image:url(../images/mn04_bnr02.jpg);}

#nav5 .bnr01 {background-image:url(../images/mn05_bnr01.jpg);}
#nav5 .bnr02 {background-image:url(../images/mn05_bnr02.jpg);}

#nav6 .bnr01 {background-image:url(../images/mn06_bnr01.jpg);}
#nav6 .bnr02 {background-image:url(../images/mn06_bnr02.jpg);}

#nav7 .bnr01 {background-image:url(../images/mn07_bnr01.jpg);}
#nav7 .bnr02 {background-image:url(../images/mn07_bnr02.jpg);}

#nav8 .bnr01 {background-image:url(../images/mn08_bnr01.jpg);}
#nav8 .bnr02 {background-image:url(../images/mn08_bnr02.jpg);}


/*contents*/
#content_wrap {position:relative; width:100%; padding-top:199px;}

/*footer*/
#footer_wrap {clear:both; width:100%; height:100px; background:#262626;}
#footer_wrap #footer {margin:auto; width:1200px; height:100%;}
#footer:after {clear:both; display:block; content:"";}
#footer .btm_logo {float:left; width:177px; height:100%; font-size:0; background:url(../images/btm_logo.gif) no-repeat left center;} 
#footer .addr {float:left; width:1023px; margin:auto; padding:30px 0;}
#footer address {font-weight:normal; font-style:normal; color:#999999; font-size:12px; line-height:20px;}
#footer address .line {padding:0 4px; font-size:12px; color:#666; line-height:20px; vertical-align:middle; }
#footer .copyright {color:#808080; text-transform:uppercase; font-size:12px;}