@charset "euc-kr";
/******************** Base-style ***************************/
body,th,td,div,input,select,textarea,iframe { 
	margin:0; 
	font-family:µ¸¿ò; 
	font-size:12px; 
	line-height:16px; 
	color:#363636;
	}

body,textarea {/*scroll*/
	scrollbar-face-color: #ffffff;
	scrollbar-shadow-color:#C0C0C0; 
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #C0C0C0; 
	scrollbar-darkshadow-color: white;      
	scrollbar-track-color: #F9F9F9;
	scrollbar-arrow-color: #777777;
}
img { border:0 }
img,input,select { vertical-align: middle;}

/*form*/
form { margin:0; padding:0; }
input.txt {
	border:1px solid #D0D0D0;
	margin:0;
	height:18px;
    color:#363636;
	}
input.txt_dark {
	border:1px solid #DFDFDF;
	background: #F6F6F6;
	margin:0;
	height:18px;
    color:#363636;
	}
textarea {
    border:1px #E2E2E2 solid;
    background-color:#FFFFFF;
	overflow-y:scroll;
	padding:10px 15px;
	}
textarea.dark {
    border:1px #E2E2E2 solid;
    background-color:#FBFBFB;
	}
select { margin-bottom:-1px; }

.radio_txt {
	margin:0;
	padding:2px 10px 0 2px;
	}

a { color:#363636; text-decoration:none }
ul,li {margin: 0; padding: 0; list-style: none;}
/******************** Base-style ***************************/


/******************** layout ***************************/
table.layout {width:984px; height:100%;}
td.top,
td.body,
td.footer { padding: 0 0 0 7px; vertical-align: top;}

td.subArea { padding: 0 10px 0 0; vertical-align: top;}
td.contentArea { width: 770px; vertical-align: top;}
/******************** layout ***************************/


/******************** top ***************************/
td.top {
	height: 238px;
	border-top: 5px solid #e6e6e6;
	}
td.top img { vertical-align: top; }

.topmenuArea { 
	height: 64px;
	padding: 4px 0 0 10px; 
	background: url(/img/common/top/topmenuBg.gif) 0 0 no-repeat;
}
#topmenu {
	position: absolute;
	left: 159px;
	top: 37px;
	width: 832px;
}
#topmenu li {
	float: left;	
}
#topmenu li ul {
	display: none;
	position: absolute;
	top: 41px;
	left: 0;
}
#topmenu li ul li {
	float: left;
	background: url(/img/common/top/top_bu.gif) 0 4px no-repeat;
	padding: 0 12px 0 7px;
}
#topmenu li ul li.subon { background: url(/img/common/top/top_buon.gif) 0 4px no-repeat;}
#topmenu li ul li img {
	vertical-align: top;
}
#topmenu li.menu-1 ul { left: 5px; width: 500px;}
#topmenu li.menu-2 ul { left: 5px; width: 730px;}
#topmenu li.menu-3 ul { left: 105px; width: 730px;}
#topmenu li.menu-4 ul { left: 105px; width: 650px;}
#topmenu li.menu-5 ul { left: 110px; width: 730px;}
#topmenu li.menu-6 ul { left: 570px; width: 300px;}
#topmenu li.menu-7 ul { left: 600px; width: 300px;}
/******************** top ***************************/


/******************** login ***************************/
.loginArea,
.logoutArea { width: 135px; height: 135px; padding: 15px 0 15px 7px; vertical-align: top;} /*login¿µ¿ª °øÅë*/
.loginform { width: 127px; margin: 4px 0 7px 0; background:url('/img/common/dot01.gif') left bottom repeat-x;} /*login form table °øÅë*/
.loginform td span { margin: 0 3px 0 -1px; color: #FF5400;} /*login text-bar °øÅë*/

/* login Àü */
.loginArea { background:url('/img/common/top/login_bg.gif') no-repeat;}
.loginArea a { display: block; margin-left: 24px;}
.loginArea .loginform td { padding: 3px 0 0; font-size: 11px; letter-spacing: -0.1em; color: #898989;} /*font-style*/
.loginArea .loginform input { margin: -3px 0 0;}
.loginArea .loginform input.txt { width: 62px; height: 18px; font-size: 11px; margin: -3px 3px 0 4px; border: 1px solid #D0D0D0;} /*input-style*/
.loginArea .loginform td.login_check { padding:6px 0 4px 24px;}/*checkbox ¿µ¿ª*/

/* login ÈÄ */
.logoutArea { background:url('/img/common/top/logout_bg.gif') no-repeat;}
.logoutArea .loginform td { padding: 0 0 7px 0;}
.logoutArea .loginform { margin: 4px 0 9px 0;}
/******************** login ***************************/


/******************** sub ***************************/
table.sub {
	width: 135px;
	height: 100%;
	background: url('/img/common/sub/bg_bot.gif') left bottom #F4F3EE no-repeat;
}
td.sub_title {
	height: 56px;
	vertical-align: top;
	background: #fff;
}
td.sub_searchArea {
	height: 55px;
	vertical-align: top;
	background: url('/img/common/sub/bg_top.gif') left bottom #fff no-repeat;
}
td.submenuArea {
	vertical-align: top;
	padding: 5px 8px 40px 8px;
}
/*QuickSearch*/
.quickSearch {
	width: 135px;
	height: 48px;
	background: url('/img/common/sub/quick_search_bg.gif') left top #fff no-repeat;
}
.quickSearch td {
	padding: 8px 0 0 8px;
	vertical-align: top;
}
.quickSearch p { margin: 0;}
.quickSearch input.txt { width: 99px;}


/* submenu */
table.submenu {
	width: 100%;
}
table.submenu td {
	height: 27px;
	vertical-align: top;
	background: url('/img/common/sub/line01.gif') left bottom repeat-x;
}
table.submenu td a {
	display: block;
	padding: 5px 0 0 11px;
	background: url('/img/common/sub/bullet01.gif') 0 9px no-repeat;
}
table.submenu td a.subon {
	background: url('/img/common/sub/reg/bullet01_on.gif') 0 9px no-repeat;
}

/* submenu-Layer */
div.subLayer {
	width: 100%;
	margin: 7px 0 5px 0;
	padding: 0 0 0 12px;
	background: url('/img/common/sub/line01.gif') left top repeat-x;
}
div.subLayer td {
	height: 19px;
	background: none;
}
div.subLayer td a {
	padding: 5px 0 0 8px;
	background: url('/img/common/sub/bullet02.gif') 0 9px no-repeat;
}
div.subLayer td a.subon {
	padding: 5px 0 0 8px;
	background: url('/img/common/sub/reg/bullet02_on.gif') 0 9px no-repeat;
}
/******************** sub ***************************/

/*³×ºñ°ÔÀ̼Ç*/
#location {
	position: absolute;
	top: 243px;
	left: 147px;
	width: 850px;
	height: 15px;
	font-size:11px;
	text-align:right;
	padding: 5px 15px 0 0;
}
#location a { color: #707171;}
#location a.home {
	padding: 0 0 0 15px;
	background: url('/img/common/location_bu.gif') left top no-repeat;
}
#location a.currant { color: #8C6238;}



/******************** contents ***************************/
table.content-wrapper {
	width: 832px;
	height: 100%;
	vertical-align: top;
}

td.contents {
	vertical-align: top;
	padding: 22px 8px 40px 8px;
}

/* page-title */
h1.title {
	position: absolute;
	top: 258px;
	left: 161px;
	margin: 0;
	font-size: 12px;
	padding: 0 8 0 13px;
	background: url('/img/common/bullet/bullet01_reg.gif') 0 0 #fff no-repeat;
}
h1.title img {
	vertical-align: top;
}
/******************** contents ***************************/


/******************** footer ***************************/
td.footer { 
	height: 156px;
	background: url('/img/common/footer/bg.gif') 7px 0 no-repeat;
	padding: 80px 0 0 34px;
}
/******************** footer ***************************/



/******************** quickmenu&topbutton ***************************/
#quickmenu {
	position: absolute;
	top: 300px;
	left: 944px;
	z-index: 1;
}
#topButton {
	position:absolute;
	left: 0;
	z-index:1;
	visibility:hidden;
}
#topButton img {
	vertical-align: top;
}

/******************** quickmenu&topbutton ***************************/



/*body-background*/
body { background:url('/img/common/top/bg.gif') left top repeat-x;}
td.top { background: url('/img/common/top/white_bg.gif') left top no-repeat;}
td.body { background: url('/img/common/body_bg.gif') right repeat-y;}
td.contentArea { background: url('/img/common/body_bg.gif') bottom repeat-x;}
table.content-wrapper {background: url('/img/common/body_bg_top.gif') top repeat-x;}
td.contents {background: url('/img/common/body_bg.gif') left repeat-y;}

td.body_lt {background: url('/img/common/body_lt.gif') left bottom no-repeat; height: 35px; }
td.body_rt {background: url('/img/common/body_rt.gif') right bottom no-repeat; height: 35px;}
td.body_lb {background: url('/img/common/body_lb.gif') left bottom no-repeat; height: 10px;}
td.body_rb {background: url('/img/common/body_rb.gif') right bottom no-repeat; height: 10px;}



/* ÇÁ¸°Æ® CSS */
@media print {
	body { background: transparent;}
	table.layout {width:690px; height:100%; background: #fff;}
	td.top {
		height: 0;
		border: 0;
		}
	td.subArea { padding: 0; width: 0;}

	#topArea {display: none;}

	table.sub {
		display: none;
	}
	/*QuickSearch*/
	.quickSearch {
		display: none;
	}
	td.footer { 
		height: 0;
		padding: 0;
		background: transparent;
	}
	td.footer table { 
		display: none;
	}
	h1.title {
		position: absolute;
		top: 10px;
		left: 10px;
	}
	#quickmenu {
		display: none;
	}
	#topButton {
		display: none;
	}
}


/* 2009.06.10 ±èÈ£°â À¥Á¢±Ù¼º Àû¿ë Ãß°¡.
   - ·Î±×ÀÎÆû <div> Àû¿ë 
*/
/* °øÅë */
.inputComm {width:55px;border:1px solid #d0d0d0;color:#898989;padding:2px 0 1px 5px;}
legend {position:absolute;width:0;height:0;overflow:hidden;font:0/0 sans-serif;visibility:hidden;}

p,dl,dt,dd,ul,ol,li  {margin:0px;padding:0px;}
fieldset    {border:none;margin:0;padding:0;}

/* ·Î±×Àοµ¿ª */
#login {width: 135px; height: 135px; padding: 15px 0 15px 7px; vertical-align: top;font-size:0.92em;background:url('/img/common/top/login_bg.gif') no-repeat;}
#login h2 {position:absolute;width:0;height:0;overflow:hidden;font:0/0 sans-serif;visibility:hidden;}
#login dl {width:85px;float:left;height:48px;overflow:hidden;}
#login dt {clear:left;float:left;width:28px;height:22px;_margin-right:-3px;}
#login dd {height:22px;}
#login dt label {border-left:1px solid #ff5400;padding-left:4px;color:#898989;line-height:200%;padding-top:1px;letter-spacing:-0.05em;}
#login .idSave {color:#898989;clear:both;margin:5px 0 0 25px;letter-spacing:-0.05em;}
#login .loginSubmit {float:right;}
#login .certLogin {clear:both;margin-top:5px;text-align:left;}
#login .certLogin img {vertical-align:middle;margin-right:3px;}

/* ·Î±×ÀÎÈÄ */
#login .logOut strong {font-weight:normal;border-left:1px solid #ff5400;padding-left:4px;color:#898989;line-height:200%;padding-top:1px;}
/* 2009.06.10 ±èÈ£°â À¥Á¢±Ù¼º Àû¿ë Ãß°¡. */