@charset "utf-8";

/*============================================== STANDARD ==============================================*/	
* {	margin: 0;	padding: 0; text-align: left;}

BODY {
		font-size: 12px;
		font-family: Gulim,Verdana;
		color: #444444;
		}
		
IMG { border:0 none; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.center {text-align:center; }

scrollbar	{scrollbar-3dlight-color:#B4B4B4;
	scrollbar-arrow-color:#333333;
	scrollbar-base-color:#FCFCFC;
	scrollbar-darkshadow-color:#FFFFFF;
	scrollbar-face-color:#EDEDED;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#B4B4B4;}
	
select {font-size:12px;}

textarea {
		font-size:12px; border:1px solid #cccccc; background-color:#fdfdfd;
		scroll:auto;
		padding:5px;
		scrollbar-3dlight-color:#B4B4B4;
		scrollbar-arrow-color:#333333;
		scrollbar-base-color:#FCFCFC;
		scrollbar-darkshadow-color:#FFFFFF;
		scrollbar-face-color:#EDEDED;
		scrollbar-highlight-color:#FFFFFF;
		scrollbar-shadow-color:#B4B4B4;}

input { height:16px;
		border:1px solid #cccccc;
		background-color:#fdfdfd;
		font-size:12px;
		font-color:#444444;
		padding:5px 0 0 5px;}
/*============================================== //STANDARD ==============================================*/	
	



/*============================================== GNB ==============================================*/	
#GNB { background: url(../../images/dashboard/common/gnb_bg.gif); height: 68px; }
#GNB .width { width: 864px;/*blur increase 4px*/  margin: 0 auto;/*FF - align center*/ }
#GNB .width_tutorial { width: 960px;/*blur increase 4px*/  margin: 0 auto;/*FF - align center*/ }
#GNB .logo { width: 190px; }
.gnb_sub { font-size:12px; color:#ccc; font-family:Gulim, Verdana;
				letter-spacing:-1px; padding: 3px 0 3px 0;text-decoration:none; padding:3px 0 1px 10px;}
		a.gnb_sub:link, a.gnb_sub:visited, a.gnb_sub:active 
			{ font-size:12px; color:#ccc; font-family:Gulim, Verdana;
				letter-spacing:-1px; display: block;padding: 3px 0 3px 0;text-decoration:none; padding:3px 0 1px 10px;}
		a.gnb_sub:hover
			{ font-size:12px; color:#000; font-family:Gulim, Verdana; background:#b4b4b4;
				letter-spacing:-1px; padding: 3px 0 3px 0;text-decoration:none; padding:3px 0 1px 10px;}
								
.unb_mytp { font-size:12px; color:#444; font-family:Gulim, Verdana;
				letter-spacing:-1px; padding: 3px 0 3px 0;text-decoration:none; padding:6px 0 4px 5px;}
		a.unb_mytp:link, a.unb_mytp:visited, a.unb_mytp:active 
			{ font-size:12px; color:#444; font-family:Gulim, Verdana;
				letter-spacing:-1px; display: block;padding: 3px 0 3px 0;text-decoration:none; padding:6px 0 4px 5px;}
		a.unb_mytp:hover
			{ font-size:12px; color:#efefef; font-family:Gulim, Verdana; background:#3c3c3c;
				letter-spacing:-1px; padding: 3px 0 3px 0;text-decoration:none; padding:6px 0 4px 5px;}
/*============================================== GNB ==============================================*/	



/*============================================== CONTAINER ==============================================*/

#container { margin: 0 auto;  margin-top: 25px; width: 860px; }

/* dashboard main - Main Contents */
#mainContent { width: 630px; float: left; }
#mainTitle { width: 630px; height: 28px; background: url(../../images/dashboard/common/line_dot.gif) 0 26px repeat-x; }



/* dashboard main - Secondary Contents */
#secondaryContent { width: 200px; margin-left:30px; float:left;}

/* Tutorial */
#container_tutorial { margin: 0 auto;  margin-top: 25px; width: 960px; }
#secondaryContent_tutorial { width: 256px; float:left;}
#mainContent_tutorial { width: 704px; float: left; line-height:18px }
#Title_tutorial { width: 216px; height: 28px; background: url(../../images/dashboard/common/line_dot.gif) 0 26px repeat-x; }

/* subpage - Contents */
#content { width: 860px;}
#title { width: 860px; height: 28px; background: url(../../images/dashboard/common/line_dot.gif) 0 26px repeat-x; }

/*============================================== //CONTAINER ==============================================*/



/*============================================== BUTTON ==============================================*/

/* GNB */
#menu {
	width: 90px; height: 35px;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: -1px;
	font-family: µ¸¿ò,Dotum;
	}
	
#menu a:link, #menu a:visited {
	color: #FFF;
	display: block;
	background: url(../../images/dashboard/button/btn_gnb.gif);
	padding: 10px 0 10px 0;
	text-align: center;
	font-family: µ¸¿ò,Dotum;
	text-decoration: none;
	}
	
#menu a:hover {
	color: #FFF;
	background: url(../../images/dashboard/button/btn_gnb.gif) 0 -36px;
	padding: 10px 0 10px 0;
	font-family: µ¸¿ò,Dotum;
	}
	
#menu a:active {
	color: #FFF;
	background: url(../../images/dashboard/button/btn_gnb.gif) 0 -72px;
	padding: 10px 0 10px 0;
	font-family: µ¸¿ò,Dotum;
	}
	
/* SNB-login */
#btn_snb_login { width: 49px; height: 17px; }
#btn_snb_login a:link, #btn_snb_login a:visited { display: block;
	background: url(../../images/dashboard/button/btn_snb_login.gif); }
#btn_snb_login a:hover { background: url(../../images/dashboard/button/btn_snb_login.gif) 0 -17px; }
#btn_snb_login a:active { background: url(../../images/dashboard/button/btn_snb_login.gif) 0 -34px; }

/* SNB-logout */
#btn_snb_logout { width: 49px; height: 17px; }
#btn_snb_logout a:link, #btn_snb_logout a:visited {	display: block;
	background: url(../../images/dashboard/button/btn_snb_logout.gif); }
#btn_snb_logout a:hover { background: url(../../images/dashboard/button/btn_snb_logout.gif) 0 -17px; }
#btn_snb_logout a:active { background: url(../../images/dashboard/button/btn_snb_logout.gif) 0 -34px; }

/* title-page-info */
#btn_page_info { width: 24px; height: 24px; }
#btn_page_info a:link, #btn_page_info a:visited { display: block;
	background: url(../../images/dashboard/button/btn_page_info.gif); }
#btn_page_info a:hover { background: url(../../images/dashboard/button/btn_page_info.gif) 0 -24px; }
#btn_page_info a:active { background: url(../../images/dashboard/button/btn_page_info.gif) 0 -48px; }

/* Main-invite */
#btn_main_invite { width: 93px; height: 34px; }
#btn_main_invitet a:link, #btn_main_invite a:visited { display: block; 
	background: url(../../images/dashboard/button/btn_main_invite.gif); }
#btn_main_invite a:hover { background: url(../../images/dashboard/button/btn_main_invite.gif) 0 -34px; }
#btn_main_invite a:active { background: url(../../images/dashboard/button/btn_main_invite.gif) 0 -68px; }

/* Main-make */
#btn_main_make { width: 200px; height: 54px; }
#btn_main_make a:link, #btn_main_make a:visited { display: block;
	background: url(../../images/dashboard/button/btn_main_make.gif); }
#btn_main_make a:hover { background: url(../../images/dashboard/button/btn_main_make.gif) 0 -54px; }
#btn_main_make a:active { background: url(../../images/dashboard/button/btn_main_make.gif) 0 -108px; }


#gBtn1 a{display:block; background:url(../../images/dashboard/button/1.gif) left 0; float:left; font:12px ±¼¸²; color:#555; padding-left:6px; text-decoration:none; height:27px; cursor:pointer; margin-right:3px; overflow:hidden}
#gBtn1 a:hover{background:url(../../images/dashboard/button/1.gif) left -27px}
#gBtn1 a span{display:block; float:left; background:url(../../images/dashboard/button/1.gif) right 0; line-height:240%; padding-right:6px; height:27px; overflow:hidden}
#gBtn1 a:hover span{background:url(../../images/dashboard/button/1.gif) right -27px; color:#0A82A7}
/*============================================== //BUTTON ==============================================*/


			
/*============================================== FOOTER ==============================================*/			
#FOOTER { background: #F6F6F6; padding:15px 0 15px 0;}
#FOOTER .width { width: 864px;/*blur increase 4px*/  margin: 0 auto;/*FF - align center*/ }
#FOOTER .logo { width: 180px; }
/*============================================== //FOOTER ==============================================*/



/************************************************ COMMON AREA******************************************************** 2008.03 joori/

/*============================================== COMMON GNB ==============================================*/
#C_GNB { background: url(../../images/dashboard/common/common_bg.gif); height: 101px; }
#C_GNB .width { width: 860px;/*blur increase 4px*/  margin: 0px auto;/*FF - align center*/ }
#C_GNB .logo { width: 200px; margin-top:19px; }
/*============================================== //COMMON GNB ==============================================*/

/*============================================== COMMON BUTTON ==============================================*/

/* C_GNB */
#c_menu01_on  { width:153px; height:53px; margin-top:19px;
				background:url('../../images/dashboard/common/comm_menu01_on.gif') no-repeat;}			   
#c_menu01_off { width:153px; height:53px; margin-top:19px;
				background:url('../../images/dashboard/common/comm_menu01_off.gif') no-repeat;}

#c_menu02_on  { width:161px; height:52px; margin-top:19px; 
                background:url('../../images/dashboard/common/comm_menu02_on.gif') no-repeat;}			   
#c_menu02_off { width:161px; height:52px; margin-top:19px; 
                background:url('../../images/dashboard/common/comm_menu02_off.gif') no-repeat;}		
			   
#c_menu03_on  { width:160px; height:52px; margin-top:19px; 
                background:url('../../images/dashboard/common/comm_menu03_on.gif') no-repeat;}			   
#c_menu03_off { width:160px; height:52px; margin-top:19px; 
                background:url('../../images/dashboard/common/comm_menu03_off.gif') no-repeat;}	

#c_menu04_on  { width:153px; height:53px; margin-top:19px;
				background:url('../../images/dashboard/common/comm_menu04_on.gif') no-repeat;}			   
#c_menu04_off { width:153px; height:53px; margin-top:19px;
				background:url('../../images/dashboard/common/comm_menu04_off.gif') no-repeat;}

#c_menu05_on  { width:161px; height:52px; margin-top:19px; 
                background:url('../../images/dashboard/common/comm_menu05_on.gif') no-repeat;}			   
#c_menu05_off { width:161px; height:52px; margin-top:19px; 
                background:url('../../images/dashboard/common/comm_menu05_off.gif') no-repeat;}		
			   
#c_menu06_on  { width:158px; height:52px; margin-top:19px; 
                background:url('../../images/dashboard/common/comm_menu06_on.gif') no-repeat;}			   
#c_menu06_off { width:158px; height:52px; margin-top:19px; 
                background:url('../../images/dashboard/common/comm_menu06_off.gif') no-repeat;}	
			   
/*============================================== COMMON BUTTON ==============================================*/
			   
			   
/*============================================== COMMON CONTAINER ==============================================*/

#c_container { margin: 0 auto; margin-top: 25px; width: 680px; }
#c_container_860px { margin: 0 auto; margin-top: 25px; width: 860px; }

/* subpage_common - Contents */
#c_content { width: 680px;}
#c_content_860px { width:860px;}
#c_title { width: 680px; height: 28px; background: url(../../images/dashboard/common/line_dot.gif) 0 26px repeat-x; }
#c_title_400px { width: 400px; height: 28px; background: url(../../images/dashboard/common/line_dot.gif) 0 26px repeat-x; }
#c_title_350px { width: 350px; height: 28px; background: url(../../images/dashboard/common/line_dot.gif) 0 26px repeat-x; }
#c_title_860px { width: 860px; height: 28px; background: url(../../images/dashboard/common/line_dot.gif) 0 26px repeat-x; }


.common_textarea {
		font-size:12px; color:#666; border:1px solid #cccccc; background-color:#fdfdfd;
		overflow-x:hidden;
		overflow:auto;
		width:380px;
		height:100px;
		scrollbar-3dlight-color:#B4B4B4;
		scrollbar-arrow-color:#333333;
		scrollbar-base-color:#FCFCFC;
		scrollbar-darkshadow-color:#FFFFFF;
		scrollbar-face-color:#EDEDED;
		scrollbar-highlight-color:#FFFFFF;
		scrollbar-shadow-color:#B4B4B4;}
		
		


/*============================================== //COMMON CONTAINER ==============================================*/


.waiting {
	background-image:url('/js/protoload/waiting.gif');
	background-repeat:no-repeat;
	background-position:center center;
	background-color:white;
}

.bigWaiting {
	background-image:url('/js/protoload/bigWaiting.gif');
	background-repeat:no-repeat;
	background-position:center 20%;
	background-color:white;
}

.blackWaiting {
	background-image:url('/js/protoload/blackWaiting.gif');
	background-repeat:no-repeat;
	background-position:center center;
	background-color:black;
}

.bigBlackWaiting {
	background-image:url('/js/protoload/bigBlackWaiting.gif');
	background-repeat:no-repeat;
	background-position:center center;
	background-color:black;
}