/* 񃧯 */
body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: µ¸¿ò,verdana, arial, helvetica, sans-serif;
	color: #666666;
	font:12px;
	height: 100%;
	font:12px;
	scrollbar-face-color: #F3F3F3;
  scrollbar-shadow-color: #666666;
  scrollbar-highlight-color: #FAFAFA;
  scrollbar-3dlight-color: #D3D3D3;
  scrollbar-darkshadow-color: #F3F3F3;
  scrollbar-track-color: #F3F3F3;
  scrollbar-arrow-color: #666666;
  
}

ul { 
		list-style:none;
		margin:0px;
		padding:0px;
 }
 
li { 
		display:inline-block; 
		font-size:11px;
		letter-spacing:-0.05em;
		line-height:15px;
		margin:0px;
		padding:0px;
}
p {margin:0;padding:0}
a {	text-decoration: none;	color:  #444444;}
a:visited {	color:  #444444;text-decoration: none;	}
a:active {	color:  #444444;text-decoration: none;	}
a:hover {	color: #57a000;	text-decoration: none;	}

img { vertical-align:top; // or bottom }
td { font-size:12px;text-align:left; }

input { border:1px solid #dddddd }

/* ·¹À̾ƿô */
#wrap { width:100%; }

#top {  
		width:100%;
		position:fixed;
		background:#323232;
		height:50px;
		border-bottom:5px solid #323232;
}

#top #topArea { width:980px; margin:0 auto; }
#top .logo{ display:inline-block; width:250px;padding-top:12px;cursor:pointer;}
#top .menuArea { display:inline-block;width:720px;vertical-align:top;padding-top:6px;}
#top .menuArea .menuArea1 { float:right;vertical-align:top; }
#top .menuArea .menuArea2 { text-align:left; }
#top .topmenu{ display:inline-block;font-size:12px;color:#dddddd;float:right;padding-right:10px;text-align:center;cursor:pointer;}
#top .menu{ display:inline-block;width:100px;font-size:14px;font-weight:bold;color:#d6d6d6;border-right:1px solid #aaaaaa;text-align:center;cursor:pointer;}
#top .menuOn { display:inline-block;width:100px;font-size:14px;font-weight:bold;color:#ff712b;border-right:1px solid #aaaaaa;text-align:center;cursor:pointer;}
#top .menuEnd { display:inline-block;width:100px;font-size:14px;font-weight:bold;color:#d6d6d6;text-align:center;}
#top .menuEndOn { display:inline-block;width:100px;font-size:14px;font-weight:bold;color:#ff712b;text-align:center;cursor:pointer;}



#visual {  
		clear:both;
		padding-top:60px;
		background:#ff8a37;
		border-bottom:1px solid #e53f1b;
		text-align:Center;
}

#visual1 {  
		clear:both;
		padding-top:60px;
		background:#61abe8;
		border-bottom:1px solid #0f324e;
		text-align:Center;
}

#visual2 {  
		clear:both;
		padding-top:60px;
		background:#7a38cc;
		border-bottom:1px solid #0f324e;
		text-align:Center;
}

#visual3 {  
		clear:both;
		padding-top:60px;
		background:#fff600;
		border-bottom:1px solid #0f324e;
		text-align:Center;
}

#visual4 {  
		clear:both;
		padding-top:60px;
		background:#dddddd;
		border-bottom:1px solid #aaaaaa;
		text-align:Center;
}

#visual5 {  
		clear:both;
		padding-top:60px;
		background:url('/HANARO/images/mainVisual5_bg.png');
		border-bottom:1px solid #aaaaaa;
		text-align:Center;
}


#main1 { width:100%;background:url('/HANARO/images/bg_body.png');text-align:center; }
#main2 { width:100%;background:#ffffff;text-align:center; }

#sub { width:100%;text-align:center;padding-bottom:30px; }
#realSub { width:980px;margin:0 auto;}

#footer { width:100%;background:#323232;color:#aaaaaa; }
#realFooter { width:980px;text-align:center;margin:0 auto;text-align:left;font-size:12px;padding:10px;line-height:17px; }


/* ·Î±×ÀÎ */
#wrapLogin { width:100%;text-align:center; }
#wrapLogin #login { width:830px;padding:35px;border:1px solid #dddddd;margin:30px auto;text-align:left;}
#wrapLogin .tit { margin-top:10px;margin-bottom:10px;color:#215db5 }
#wrapLogin .field { width:60px;padding-top:10px;font-size:14px;font-weight:bold;vertical-align:top; }
#wrapLogin .link { margin-left:70px;margin-top:15px;margin-bottom:15px; }
#wrapLogin .value { width:120px;height:28px;font-size:16px; }


/* °øÅë»ç¿ë */
.bar { font-size:9px;color:#888888;padding-left:5px;padding-right:5px; } 
.clear { clear:both; }
.round  { border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius:20px; }
.left { float:left; }
.right { float:right; }
.paddingLeft5 { padding-left:5px; }
.paddingLeft20 { padding-left:20px; }
.margin5 { margin:5px }
.top { vertical-align:top; }
.paddingTop7 {padding-top:7px; }
.clear { clear:both }
.color1 { color:#215db5;font-size:12px; }
.width65 { width:70px; }
.loading { margin:0 auto;width:66px;padding-top:150px; }
.leftMenuTitle { font-size:13px;font-weight:bold;text-align:left;padding-left:18px;margin-top:20px;margin-bottom:5px; }
.innerSearchBox { font-size:12px;padding:5px;width:100%;background:url('/NEW/images/main/search_txt.png') no-repeat;border:1px solid #fa5f25;background-position:center center }
.innerSearchBoxFocus { font-size:12px;padding:5px;width:100%;border:1px solid #fa5f25;background-position:center center }
.loginTxt { font-size:11px;color:orange; }

.cMenuOn { float:left;font-size:14px;border-left:1px solid #dddddd;border-top:1px solid #dddddd;height:35px;width:120px;background:#3d71b0;color:white;font-weight:bold;cursor:pointer; }
.cMenuOff { float:left;font-size:14px;border-left:1px solid #dddddd;border-top:1px solid #dddddd;height:35px;width:120px;background:#eeeeee;cursor:pointer; }

.cMenuOn2 { float:left;font-size:14px;border-left:1px solid #dddddd;border-top:1px solid #dddddd;height:35px;width:120px;border-right:1px solid #dddddd;background:#3d71b0;color:white;font-weight:bold;cursor:pointer; }
.cMenuOff2 { float:left;font-size:14px;border-left:1px solid #dddddd;border-top:1px solid #dddddd;height:35px;width:120px;border-right:1px solid #dddddd;background:#eeeeee;cursor:pointer; }

.tableTit { font-size:12px;background:#f7f7f7;color:#4c8ccb;text-align:center;border-top:2px solid #4990d8;border-bottom:1px solid #b6d3ef;height:25px;text-align:center; }
.table11 { font-size:12px;line-height:17px;border-bottom:1px solid #b6d3ef;text-align:center; }

.inputBtnSmall { font-size:11px;border:0px;background:#666666;cursor:hand;color:white;padding-top:3px;}
.inputBtnSmallRed { font-size:11px;border:0px;background:#de5128;cursor:hand;color:white;padding-top:3px;}
.inputBtnSmallBlack { font-size:11px;border:0px;background:#000000;cursor:hand;color:white;padding-top:3px;}
.noData { background:#ffffff;text-align:center; height:200px;border-bottom:1px solid #dddddd}