@charset "euc-kr";
/* CSS Document */

body {
	height: 100%;
	width:100%;
	margin: 0;
	padding: 0;
	font-size: 0.75em;
	line-height: 150%;
	font-family: µ¸¿ò, Dotum, AppleGothic, sans-serif;
	color:#575757;
}

form, p, blockquote, dl, dd, dt {margin:0;padding: 0;}
ul, li, ol {list-style:none;margin:0px;padding:0px;}
fieldset{margin:0; padding:0; border:0}
img, input.type-image {border: 0 none; vertical-align:middle;}
img {vertical-align:middle;}
caption{visibility:hidden;position:absolute;top:0;left:0;width:0px;height:0px;font-size:0;line-height:0}


/*LINK*/
a:link, a:visited {color: #666; text-decoration: none}
a:hover, a:active {color: #000; text-decoration: none;}
a, area {blr:expression(this.onFocus=this.blur())}
:focus {-moz-outline-style:none;}

/* skip ¼û±è¿µ¿ª */
#accessibility, .skip, hr {
	position:absolute;
	width:1px;
	height:1px;
	font-size:0;
	line-height:0;
	overflow:hidden;
	visibility:hidden;
	z-index:-1;
}

/*´ëÃ¼ÅØ½ºÆ®¿ë*/
.comment{
	position:absolute;
	left:-10000px;
	width:1px;
	height:1px;
	overflow:hidden;
}

/*Layout*/
* {margin:0;}
html{}


#wrap{width:100%; height:900px; border:0px solid #000; background:url(../images/main/bg.jpg) no-repeat top center;}
#header{width:100%;}
#topArea {width:998px; margin:0 auto; height:130px; position:relative; background:url(../images/common/bg_subTop.gif) repeat-x top; }
#topArea p.logo {position:absolute;left:10px; top:40px;}
#topArea ul.util { position:absolute; top:30px; right:10px; border:0px solid #000}
#topArea ul.util li {float:left; padding:0 8px 0 8px; text-align:right;  }
#topArea ul.util li.line {background:url(../images/common/util_line.gif) no-repeat 0px 2px ;}
#topArea ul.util li img, input {vertical-align:middle;}


/* gnb */
#naviGroup .menu{ position:absolute; top:63px; left:345px; }
#naviGroup .menu ul{position:relative;  width:720px; *zoom:1; border:0px solid #000;}
#naviGroup .menu ul:after{content:""; clear:both; display:block;}
#naviGroup .menu ul li{float:left; height:53px; margin:0 18px 0 18px;}
#naviGroup .menu ul li a{display:block; padding:9px 0; height:14px;}
#naviGroup .menu ul .smenu{position:absolute; top:43px; left:0;}
#naviGroup .menu ul .smenu li{margin-right:0px;}
#naviGroup .menu ul .smenu li a{display:block; padding:11px 0; height:16px;}
#naviGroup .menu ul #smenu_01{margin-left:0px;}
#naviGroup .menu ul #smenu_02{margin-left:50px;}
#naviGroup .menu ul #smenu_03{margin-left:180px;}
#naviGroup .menu ul #smenu_04{margin-left:300px; width:500px;}
#naviGroup .menu ul #smenu_05{margin-left:0px;}
#naviGroup .menu ul #smenu_06{margin-left:380px; width:500px;}
#naviGroup .menu ul #smenu_07{margin-left:560px; width:300px;}

#sidemenu li ul {display:none;}




/* input style */
.txtBox {
/*
background-color:#f6f6f6; border:1px solid #d8d8d8; height:18px; color:#000;
font-family: µ¸¿ò, Dotum, AppleGothic, sans-serif;
font-size:12px;
*/
}

input, textarea, select  { font-size:12px; color:#000;}
.txtBox { border:1px solid #c0c0c0; height:18px; color:#000;}
.txtBoxW {background-color:#fff; border:1px solid #d8d8d8; height:18px; color:#000;}
.txtSelect {  padding: 1px 1px 1px 1px; }



#container{width:998px; height:675px; margin:0 auto; border:0px solid #fff;  }
#container:after{display:block;clear:both;content:''}


#content {float:right; width:520px; position:relative; border:0px solid #fff; margin-top:60px;}

#content h1 {padding:10px 0 10px 10px; border-bottom:3px solid #cccbd7; margin-bottom:40px;}
.title_txt {padding:15px 0 0 0; text-align:left;}

.bbsArea {width:100%; margin:50px 0 0 10px;}
.bbsArea .notiArea {width:241px; margin-right:23px; position:relative; background:url(../images/main/bg_bbs.png) no-repeat top left; float:left;}
.bbsArea .notiArea .not_t {height:36px; padding:7px 0 0 10px;  }
.bbsArea .notiArea ul {margin-top:5px;}
.bbsArea .notiArea ul li {background:url(../images/main/icon_dot.png) no-repeat 0 8px; padding:3px 0 3px 15px; color:#c6c6c6;}
.bbsArea .notiArea ul li a {color:#c6c6c6;}
.bbsArea .notiArea p { position:absolute; top:6px; right:15px;}

.bbsArea .counArea {width:241px;  position:relative; background:url(../images/main/bg_bbs.png) no-repeat top left; float:left;}
.bbsArea .counArea .coun_t {height:36px; padding:7px 0 0 10px;  }
.bbsArea .counArea ul {margin-top:5px;}
.bbsArea .counArea ul li {background:url(../images/main/icon_dot.png) no-repeat 0 8px; padding:3px 0 3px 15px; color:#c6c6c6;}
.bbsArea .counArea ul li a {color:#c6c6c6;}
.bbsArea .counArea p { position:absolute; top:6px; right:15px;}

.mquick {height:120px; margin-left:10px;}
.mquick p {float:left; margin-top:40px;}





#footer {width:100%; height:90px; }
#footer:after{display:block;clear:both;content:''}
#footArea{width:998px; margin:0 auto; position:relative; padding:0px 0 0 0;}
#footArea ul.privacy {margin:25px 0 0 0; overflow:hidden; clear:both;}
#footArea ul.privacy li {float:left; margin-right:10px;}
#footArea ul.privacy li.pri_line {background:url(../images/common/util_line.gif) no-repeat 0px 3px ; padding:0 0 0 10px;}
#footArea address {padding:10px 0 0 0;}



