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

/* CSS Document */

body {
	padding:0;
	margin:0;
	font:12px/1.5 dotum, sans-serif;
	
	scrollbar-face-color:#ffffff; 
 	scrollbar-shadow-color:#CCCCCC ;
 	scrollbar-highlight-color:#ffffff;
	scrollbar-3dlight-color:#CCCCCC;
	scrollbar-darkshadow-color:#DEDEDE;
 	scrollbar-track-color:#ffffff;
	scrollbar-arrow-color:#CCCCCC;
}
p,
ul,
li,
ol,
form {
	margin:0;
	padding:0;
}
h1,h2,h3{
padding:0;
margin:0;}
a { text-decoration:none; }
a:hover { }
a img { border:none; }

a {
	color:#7c7c7c;
	text-decoration:none;
}
a:hover {
	color:#1a818c;
	text-decoration:none;
}

/* 레이아웃 */
#wrap {
	width:100%;
	margin:0;
	padding:0;
	}

/* 메뉴를 건너 뛰고 페이지 본문으로 이동하기 */
#skipToContent { position:absolute;}
#skipToContent a { display:block; height:1px; width:1px; margin-bottom:-1px; overflow:hidden; text-align:center; color:#000; white-space:nowrap;}
#skipToContent a:focus,
#skipToContent a:active { height:auto; width:auto; padding:5px; margin-bottom:10px;}

/* Header */
#header {
	height:119px;
	position:relative;
	z-index:2;
	}
	
	/* logo */
	#header h1 .logo {position:absolute;
	left:385px;
	top:9px;
	margin:0;
	z-index:10;}
	
	/* gnb */
	#gnb{
	position:absolute;
	top:12px;
	left:30px;
	width:900px;
	z-index:9;
	}
	#gnbLeft{}
		#gnbLeft li {list-style:none; float:left;}
		#gnbLeft li a {
		display:block;
		height:11px;
		text-indent:-5000px;
		font-size:0;
		background:url(../images/main/gnb.gif) 0 0 no-repeat;
		}
		#gnbLeft li.gnbL1 a {background-position:0 0; width:66px;}
		#gnbLeft li.gnbL2 a {background-position:-66px 0; width:47px;}
		#gnbLeft li.gnbL3 a {background-position:-113px 0; width:50px;}
		#gnbLeft li.gnbL4 a {background-position:-163px 0; width:45px;}
		
		#gnbLeft li.gnbL1 a:hover {background-position:0 -25px; width:66px;}
		#gnbLeft li.gnbL2 a:hover {background-position:-66px -25px; width:47px;}
		#gnbLeft li.gnbL3 a:hover {background-position:-113px -25px; width:50px;}
		#gnbLeft li.gnbL4 a:hover {background-position:-163px -25px; width:45px;}
		
	#gnbRight{ float:right;}
		#gnbRight li {list-style:none; float:left;}
		#gnbRight li a {
		display:block;
		height:11px;
		text-indent:-5000px;
		font-size:0;
		background:url(../images/main/gnb.gif) 0 -30px no-repeat;
		}
		#gnbRight li.gnbR1 a {background-position:0 -50px; width:31px;}
		#gnbRight li.gnbR2 a {background-position:-31px -50px; width:48px;}
		#gnbRight li.gnbR3 a {background-position:-232px -50px; width:57px;}
		#gnbRight li.gnbR4 a {background-position:-79px -50px; width:57px;}
		#gnbRight li.gnbR5 a {background-position:-136px -50px; width:39px;}
		#gnbRight li.gnbR6 a {background-position:-175px -50px; width:57px;}
		#gnbRight li.gnbR7 a {background-position:-289px -50px; width:39px;}
		#gnbRight li.gnbR8 a {background-position:-328px -50px; width:54px;}
		
		
		#gnbRight li.gnbR1 a:hover {background-position:0 -75px; width:31px;}
		#gnbRight li.gnbR2 a:hover {background-position:-31px -75px; width:48px;}
		#gnbRight li.gnbR3 a:hover {background-position:-232px -75px; width:57px;}
		#gnbRight li.gnbR4 a:hover {background-position:-79px -75px; width:57px;}
		#gnbRight li.gnbR5 a:hover {background-position:-136px -75px; width:39px;}
		#gnbRight li.gnbR6 a:hover {background-position:-175px -75px; width:57px;}
		#gnbRight li.gnbR7 a:hover {background-position:-289px -75px; width:39px;}
		#gnbRight li.gnbR8 a:hover {background-position:-328px -75px; width:54px;}
		
	/* Main Menu */
	#nav{
		position:absolute;
		top:27px;
		background:url(../images/main/nav_bg.gif) 0 0 no-repeat; 
		width:930px;
		z-index:8;
		_top:21px;
		}
		#navLeft {padding:7px 0 0 30px;}
		#navLeft li {list-style:none; float:left;}
		#navLeft li a{
		display:block;
		height:47px;
		text-indent:-5000px;
		font-size:0;
		background:url(../images/main/nav.jpg) 0 0 no-repeat;
		}
		#navLeft li.navL1 a {background-position:0 0; width:83px;}
		#navLeft li.navL2 a {background-position:-83px 0; width:91px;}
		#navLeft li.navL3 a {background-position:-174px 0; width:103px;}
		
		#navLeft li.navL1 a:hover {background-position:0 -47px;}
		#navLeft li.navL2 a:hover {background-position:-83px -47px;;}
		#navLeft li.navL3 a:hover {background-position:-174px -47px;}
		
		#navLeft li.navL1 .on {background-position:0px -47px;}
		#navLeft li.navL2 .on {background-position:-83px -47px;}
		#navLeft li.navL3 .on {background-position:-174px -47px;}
		
		#navRight {float:right;}
		#navRight li {list-style:none; float:left;}
		#navRight li a{
		display:block;
		height:47px;
		text-indent:-5000px;
		font-size:0;
		background:url(../images/main/nav.gif) 0 0 no-repeat;
		}
		#navRight li.navR1 a {background-position:-608px 0; width:95px;}
		#navRight li.navR2 a {background-position:-703px 0; width:95px;}
		#navRight li.navR3 a {background-position:-798px 0; width:102px;}
		
		#navRight li.navR1 a:hover {background-position:-608px -47px; width:95px;}
		#navRight li.navR2 a:hover {background-position:-703px -47px; width:95px;}
		#navRight li.navR3 a:hover {background-position:-798px -47px; width:102px;}
		
		#navRight li.navR1 .on {background-position:-608px -47px; width:95px;}
		#navRight li.navR2 .on {background-position:-703px -47px; width:95px;}
		#navRight li.navR3 .on {background-position:-798px -47px; width:102px;}
		
	#navclass {
		position:absolute;
		top:27px;
		background:url(../images/main/nav_class.gif) 0 0 no-repeat; 
		width:930px;
		height:54px;
		z-index:8;
		}
		.navLeft {
			float:left;
			display:inline;	
			margin:25px 0 0 90px;
			width:270px;
			font:12px dotum, sans-serif;
			color:#FFF;
			font-weight:bold;
			}
		.navRight {
			float:right;
			display:inline;			
			margin:3px 0 0 0;			
			font:12px dotum, sans-serif;
			color:#888888;
			}
		
	/*color,search, 전체보기*/
	#headBar{
	position:absolute;
	width:900px;
	margin:90px 0 0 30px;
	z-index:3;
	}
	/*color*/
		.color {
		float:left;
		height:19px;
		width:425px;
		}
		.color ul li a {
		display:block;
		height:19px;
		text-indent:-5000px;
		font-size:0;
		}
		/*색상 및 글씨 크기 바꾸는 것 부분*/
		.color li.color01 a {background:url(../images/navi/btn_color1.gif) 0 0 no-repeat;width:19px;height:19px;margin-left:3px;}
		.color li.color02 a {background:url(../images/navi/btn_color2.gif) 0 0 no-repeat;width:18px;height:19px;}
		.color li.color03 a {background:url(../images/navi/btn_color3.gif) 0 0 no-repeat;width:18px;height:19px;}
		.color li.color04 a {background:url(../images/navi/btn_color4.gif) 0 0 no-repeat;width:18px;height:19px;}
		.color li.color05 a {background:url(../images/navi/btn_color5.gif) 0 0 no-repeat;width:18px;height:19px;}
		.color li.color06 a {background:url(../images/navi/btn_color6.gif) 0 0 no-repeat;width:18px;height:19px;}
		.color li.txt01 a {background:url(../images/navi/btn_tx1.gif) 0 0 no-repeat;width:19px;height:19px;margin-left:3px;}
		.color li.txt02 a {background:url(../images/navi/btn_tx2.gif) 0 0 no-repeat;width:17px;height:19px;}
		.color li.txt03 a {background:url(../images/navi/btn_tx3.gif) 0 0 no-repeat;width:19px;height:19px;}		
	/* search */
		.search {
		float:left;
		width:360px;
		height:19px;
		float:left;
		border-right:none;
		}
		.search .title_search {
		float:left;
		width:82px;
		margin-left:3px;
		height:19px;
		background-image:url(../images/main/searchStyle.gif);
		background-position:0 -9px;
		background-repeat:no-repeat;
		}
		.schbox {
		float:left;
		width:106px;

		}
		.search .list {
		width:96px;
		height:15px;
		padding:4px 5px 0 5px;
		font:11px dotum, sans-serif;
		color:#999;
		background-image:url(../images/main/searchStyle.gif);
		background-position:0 -50px;
		background-repeat:no-repeat;	
		}
		.search .list:hover {
			background-image:url(../images/main/searchStyle.gif);
			background-position:0 -88px;
			background-repeat:no-repeat;}		
		.search ol {
		position:relative;
		left:0;
		top:-20px;
		display:none;
		padding:0;
		margin:21px 0 0 0;
		font:11px dotum, sans-serif;
		width:106px;
		list-style:none;
		}
		.search ol li.img_top {
		width:106px;
		height:5px;
		padding:0;
		margin:0;
		background-image:url(../images/main/searchStyle2.gif);
		background-position: 0 0;
		background-repeat:no-repeat;
		}
		.search ol li.img_bottom {
		width:106px;
		height:15px;
		padding:0;
		margin:0;
		background-image:url(../images/main/searchStyle2.gif);
		background-position: 0 -266px;
		background-repeat:no-repeat;
		}
		.search ol li a {
		width:91px;
		height:15px;
		display:block;
		font:11px dotum, sans-serif;
		color:#767676;
		text-decoration:none;
		padding:4px 5px 0 10px;
		background-color:#fff;
		background-image:url(../images/main/searchStyle2.gif);
		background-position: 0 -5px;
		background-repeat:no-repeat;
		}
		.search ol li a.on {
			background-image:url(../images/main/searchStyle2.gif);
			background-position: 0 -281px;
			background-repeat:no-repeat;}
		.search ol li a:hover {			
			background-image:url(../images/main/searchStyle2.gif);
			background-position:0 -281px;
			background-repeat:no-repeat;}

	/* searchbox */
		.search ul {
		padding:0;
		margin:0;
		}
		.search ul,li {
		list-style:none;
		float:left;
		}
		.search ul li.searchbox {
		display:block;
		width:110px;
		height:19px;
		margin:0;
		background-image:url(../images/main/searchStyle.gif);
		background-position:5px -150px;
		background-repeat:no-repeat;}
		
		.search ul li.searchbox input.box {
		border:0;
		height:14px;
		width:95px;
		margin:1px 10px;
		padding:1px 0 1px 0; 
		font:12px dotum, sans-serif;
		color:#888;
		}
		
		.search ul li.btn_search a {
		text-indent:-5000px;
		font-size:0;
		display:block;
		height:19px;
		background-image:url(../images/main/searchStyle.gif);
		background-position:0 -180px;
		background-repeat:no-repeat;}
	
		.search ul li.btn_search a {background-position:0 -180px; width:50px;height:19px;}
		.search ul li.btn_search a:hover {background-position:-60px -180px; width:50px;height:19px;}
		
		/*전체보기*/
		#headBar .site_view{
		float:left;
		width:70px;
		height:19px;
		margin-left:5px;
		padding:0;}
		#headBar .site_view a {
		text-indent:-5000px;
		padding:0;
		font-size:0;
		display:block;
		width:70px;
		height:19px;
		background:url(../images/main/site_view.gif) 0 0 no-repeat;
		}
		#headBar .site_view.on a {background-position:0 -19px;height:19px;}
		#headBar .site_view a:hover {background-position:0 -19px;height:19px;}
		

/* CONTENTS */
#contents{
	width:910px;
	display:block;
	margin:30px 0 0 20px;
	clear:both;
	}
	/* CONTENTS LEFT */
	#left_con {
	float:left;
	display:inline;
	width:200px;
	}
		
	/*LOGIN*/
		#login{
		display:block;
		width:200px;
		padding-top:41px;
		background:url(../images/main/login_bg.gif) 0 0 no-repeat;
		}
		form * {vertical-align:middle; margin:0; padding:0px;}
		#login #idpwd { 
		float:left;
		display:block;
		width:134px;
		font:11px 돋움체,AppleGothic,sans-serif;
		letter-spacing:-2px;
		color:#fff;
		text-align:right;	  
		}
		#login #btn_login{
		float:right;
		height:43px;
		margin:0;
		padding:0;
		}
		#login #idpwd_bg{
		height:69px;
		padding:18px 10px 0 11px;
		}
		#login input.id,input.pwd  {
		width:83px;
		height:16px;
		border:1px solid #dadada;
		font:12px 돋움체,AppleGothic,sans-serif;;
		color:#999;
		margin:1px 2px 2px 4px;
		}	
		#login #idpwd input:focus{border:1px solid #5682bf;}	
		#login .member {margin:0;text-align:center; padding:0 0 2px 0px;}
   		#login .idsave {text-align:center; padding:0 0 5px 0; vertical-align:middle;} 	
		#login_bottom {
		widows:200px;
		height:15px;
		background:url(../images/main/login_bottom.gif) 0 0 no-repeat;
		}
	 
	/*LOGOUT*/
		#logout{
		display:block;
		width:200px;
		background:url(../images/main/logout_bg.gif) 0 0 no-repeat;
		}
		#logout_box {
		position:relative;
		top:11px;
		left:11px;
		height:120px;
		margin:0;
		padding:0;
		}
		.blue_text{ font-size:12px; padding:0 0 0 30px;}
		.blue_text strong {color:#0099CC;}
		.avatar{width:60px; height:75px; margin:4px 5px 0 10px;}
		.av_text ul{margin:-71px 0 0 82px; padding:0px; line-height:18px; width:100px;}
		.av_text li{margin:0; padding:0px; list-style:none;text-indent:22px; width:100px;}
		.av_text li.av1 { background:url(../images/icon/icon_message.gif) 0 0 no-repeat;}
		.av_text li.av2 { background:url(../images/icon/icon_avatar.gif) 0 0 no-repeat;}
		.av_text li.av3 { background:url(../images/icon/coins.gif) 0 0 no-repeat;}
		.av_text li.av4 { background:url(../images/icon/icon_myspace.gif) 0 0 no-repeat;}	
		
		.log_out {margin:0; text-align:center; padding:10px 0 5px 0px;}
		.log_out p.icon {margin-bottom:6px;}
		.logout_s {
		text-align:center;
		marign-bottom:1px;
		padding:1px 0 5px 0;
		background:url(../images/main/logout_bg2.gif) 0 0 no-repeat;}
		.logout_s select {
		width:178px;
		font-size:12px;
		font-family:돋움체,AppleGothic,sans-serif;
		color:#1b88c2;
		}
		#logout_bottom {
		widows:200px;
		height:15px;
		background:url(../images/main/login_bottom.gif) 0 0 no-repeat;
		}
		
	/* 서브 왼쪽메뉴 */
		#left_menu {
		width:200px;
		background:url(../images/main/leftbg_line.gif) 0 0 repeat-y;
		}
		#left_menu ul{
		margin:0;
		padding:0;
		}
		#left_menu li {
		margin:0;
		padding:0;
		width:200px;
		list-style:none;
		}
		#left_menu li *{vertical-align:middle;}
		#left_menu li.top {
		height:55px;
		width:180px;
		padding:35px 0 0 30px;
		color:#146297;
		font-weight:bold;
		background:url(../images/main/leftmenuStyle.gif) 0 0 no-repeat; 
		font-size:14px;
		margin:0;
		}
		#left_menu li.m1 a {
		display:block;
		background:url(../images/main/leftmenuStyle.gif) 0 -95px no-repeat;
		font-weight:bold;
		text-decoration:none;
		color:#706a6a;
		height:21px;
		padding:4px 0 0 17px;
		}
		#left_menu li.m1 a:hover {
		display:block;
		background:url(../images/main/leftmenuStyle.gif) 0 -95px no-repeat; 
		font-weight:bold;
		text-decoration:none;		
		color:#FF6600;
		}
		#left_menu li.m1 a.on {
		display:block;
		background:url(../images/main/leftmenuStyle.gif) 0 -95px no-repeat; 
		font-weight:bold;
		text-decoration:none;
		color:#FF6600;
		}
		#left_menu li.m2 a {
		display:block;
		background:url(../images/main/leftmenuStyle.gif) 0 -120px no-repeat;
		text-decoration:none;
		color:#575858;
		height:21px;
		padding:4px 0 0 47px;		
		}
		#left_menu li.m2 a:hover {
		background:url(../images/main/leftmenuStyle.gif) 0 -145px no-repeat;
		color:#357b95;
		text-decoration:none;
		}
		#left_menu li.m2 a.on {
		background:url(../images/main/leftmenuStyle.gif) 0 -145px no-repeat;
		text-decoration:none;
		color:#357b95;
		}
		#left_menu .bottom {
		background:url(../images/main/leftmenuStyle.gif) 0 -189px no-repeat;
		height:20px;
		}
	/* CONTENTS RIGHT */
	#right_con {
	float:right;
	width:690px;
	background-color:#FFFFFF;
	margin:0;
	}
		.flash_sub{
		width:690px;
		padding:0 0 15px 0;
		margin:0;
		}
		.con{}
			
/*FOOTER*/
#footer_wrap {
	position:relative;
	width:100%;
	margin-top:10px;
	background:url(../images/main/footer_bg.gif) 0 0 repeat-x;
	clear:both;
}
#footer {
	width:930px;
	height:100px;
	background:url(../images/main/footer_bg2.gif) 0 0 no-repeat;
	}
	#footer h1 .logo2 {
	position:absolute;
	left:402px;
	top:23px;
	margin:0;
	}
	#footer .text{
	margin:31px 0 0 30px;
	float:left;
	}
	#footer .text li {list-style:none; float:left; }
	#footer .text li a {
	display:block;
	height:12px;
	text-indent:-5000px;
	font-size:0;
	background:url(../images/main/footer_text.gif) 0 0 repeat-x;
	}
	#footer .text li.f1 a {background-position:0 0; width:55px;}
	#footer .text li.f2 a {background-position:-55px 0; width:80px;}
	#footer .text li.f3 a {background-position:-135px 0; width:73px;}
	#footer .text li.f4 a {background-position:-208px 0; width:72px;}
	/*COUNT*/
	.count {
		float:right;
		width:280px;
		height:35px;
		margin:26px 0 0 30px;
		background:url(../images/main/count_bg.gif) 0 0 no-repeat;
		color:#9c9c9c;
		font-weight:bold;
		} 
		.count ul {
		margin:6px 0 0 105px;
		padding:0;
			}
		.count li {
		list-style:none;
		font:11px dotum;
		font-weight:bold;
		float:left;
		display:inline;
		width:45px;
		}
		.count .total {
		float:right;
		margin:0 19px 0 0;
		width:70px;
	
		}
		.count .cou2 {padding:45px 0 0 20px;border:1px solid #f00;}