@charset "utf-8";

/*============================================== SPACE ==============================================*/
.padding5 { padding-top:5px; clear:both; }
.padding10 { padding-top:10px; clear:both; }
.padding15 { padding-top:15px; clear:both; }
.padding20 { padding-top:20px; clear:both; }
.padding25 { padding-top:25px; clear:both; }
.padding30 { padding-top:30px; clear:both; }
.padding40 { padding-top:40px; clear:both; }
.padding60 { padding-top:60px; clear:both; }


/*============================================== //SPACE ==============================================*/

/*================ MAIN ======================*/
.login_input { width:175px; height:16px;
		border:2px solid #555;
		background-color:#F6F6F6;
		font-size:12px;
		font-color:#444444;
		padding:5px 0 0 5px;}

/* btn-main-login */
#btn_main_login { width: 76px; height: 40px; }
#btn_main_login a:link, #btn_main_login a:visited { display: block;
	background: url(../../images/main/btn_login.gif); }
#btn_main_login a:hover { background: url(../../images/main/btn_login.gif) 0 -40px; }
#btn_main_login a:active { background: url(../../images/main/btn_login.gif) 0 -80px; }

.scroll_main_update { /*page info*/
	overflow-x:hidden;
	overflow:auto;
	width: 328px;
	height: 110px;
	border:none;
	background-color:#fff;
	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;
	padding:6px 10px 10px 10px;
	}
/*================ /MAIN ======================*/

/*================ FORM ======================*/
.list_search_input { width:100px; height:16px;
		border:1px solid #cccccc;
		background-color:#fdfdfd;
		font-size:12px;
		font-color:#444444;
		padding:5px 0 0 5px;}
		
/*================ FORM ======================*/

/*============================================== BOX ==============================================*/

/* bgcolor */
#box_text .rtop, .rbottom{display:block} 
#box_text .rtop *, .rbottom *{display: block; height: 1px; overflow: hidden; background:#EEEEEE} 
#box_text .r1{margin: 0 5px} 
#box_text .r2{margin: 0 3px} 
#box_text .r3{margin: 0 2px} 
#box_text .r4{margin: 0 1px; height: 2px}
#box_text .box { background:#EEEEEE; padding:5px 10px; font-size:12px; font-size:12px}

/* img roundbox (main- progress project) */
#box_main_progress {background-image:url(../../images/dashboard/content/box_main_progress_bg.gif); width:630px; float:left; }
#box_main_progress .top {background-image:url(../../images/dashboard/content/box_main_progress_top.gif); width:630px; height:7px;}
#box_main_progress .bottom {background-image:url(../../images/dashboard/content/box_main_progress_bottom.gif);width:630px; height:7px;}

/* mail view */
.view{}
#box_mail {background: #FBFBFB; border: 2px solid #ECECEC; margin:-9px 0 0 0;}
#box_mail .title {background: #F5F5F5; border-bottom: 1px solid #E6E6E6; padding:10px;}
#box_mail .date {background: #F5F5F5; border-bottom: 1px solid #E6E6E6; padding:7px 0 7px 10px;}
#box_mail .content {padding:15px;}
#box_mail .scroll {
	overflow:scroll;
	overflow-x:hidden;
	width:826px;
	height:200px;
	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;
	padding:15px;
	background:#fbfbfb;
	}

/* drop-down */
.drop_select {width:180px; border:1px solid #D3D3D3; padding:4px 10px 6px 10px; background-color:#F5F5F5;}

/* autokeyword */
.autocomplete {border:1px solid #D3D3D3; padding:0 0 0 0; background-color:#ffffff;
		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;
}
.autocomplete ul li.selected { background-color: #F5F5F5;}
.autocomplete ul {
 list-style:none; padding:5px 0; margin:0;}
.autocomplete li {
 list-style:none;
  font-size:12px; color:#444; font-family:Gulim, Verdana; margin:0px;
  padding:6px 0 6px 10px;
  }
/*============================================== //BOX ==============================================*/

/* =============== dot + text ====================*/
.main_tp_element {background:url('../../images/dashboard/bullet/dot_01.gif') no-repeat 0 4px; padding-left:7px;height:18px;}
.dot_element {background:url('../../images/dashboard/bullet/dot_02.gif') no-repeat 0 12px; padding-left:10px;}
/* =============== //dot + text ====================*/

/*============================================== THUMBNAIL ==============================================*/
.img_main_tp {float:left;width:91px;height:67px;border:2px solid #D1D1D1;}
.img_main_tp_end {float:left;width:33px;height:33px;border:2px solid #CFCFCF;}
.img_personal {float:left;width:74px;height:55px;border:1px solid #7c7c7c;}
.img_project {float:left;width:155px;height:116px;border:2px solid #CFCFCF;}
/*============================================== //THUMBNAIL ==============================================*/

/* =============== TAB ====================*/
.tab_ink_bg { background-image: url(../../images/dashboard/content/tab_ink_line.gif); height:26px;}
.tab_ink_off { background-image: url(../../images/dashboard/content/tab_ink_off_bg.gif); height:18px; padding:8px 20px 0 20px;}
/* =============== /TAB ====================*/

/* =============== LINE ====================*/
.line {border-bottom: 1px solid #E6E6E6;}
.line_01 {border-bottom: 1px solid #B8B8B8;}
.line_02 {border-bottom: 1px solid #E5E5E5;}
.line_dot {border-bottom: 1px dotted #B4B4B4;}
/* =============== /LINE ====================*/


/* =============== LIST ====================*/
/* list-mail */
.list_head_mail {background:url(../../images/dashboard/content/list_head_bg.gif) repeat; height:31px;}
#list_mail {border-bottom: 1px dotted #B4B4B4; height:23px; margin:8px 0 8px 0;}
#list_mail .icon { text-align:right; float:left; width:31px; }
#list_mail .user_send { text-align:center; float:left; padding-top:2px; width:80px;} 
#list_mail .user_receive { text-align:center; float:left; padding-top:2px; width:80px; }
#list_mail .title { float:left; padding:2px 0 0 20px; width:514px;; }
#list_mail .date { text-align:center; float:left; padding-top:2px; width:135px; }

/* list-live */
.list_head_live {background:url(../../images/dashboard/content/list_head_bg.gif) repeat; height:31px;}
#list_live {border-bottom: 1px dotted #B4B4B4; height:23px; margin:8px 0 8px 0;}
#list_live .icon { text-align:right; float:left; width:31px; }
#list_live .user_send { float:left; padding:1px 0 0 10px;} 
#list_live .user_receive { text-align:center; float:left; padding-top:2px;}
#list_live .title { float:left; padding:2px 0 0 0; text-align:center;}
#list_live  .date { text-align:center; float:left; padding-top:2px; }


/* list-sms */
#list_sms {border-bottom: 1px dotted #B4B4B4; height:23px; margin:8px 0 8px 0;}
#list_sms .icon { text-align:right; float:left; width:31px; }
#list_sms .user_send { text-align:center; float:left; padding-top:2px; width:80px;} 
#list_sms .user_receive { text-align:center; float:left; padding-top:2px; width:80px; }
#list_sms .title { float:left; padding:2px 0 0 20px; width:464px;; }
#list_sms .date { text-align:center; float:left; padding-top:2px; width:135px; }
#list_sms .btn_sms_reply { text-align:center; float:left; width:50px;}

/* list-address */
#list_address {border-bottom: 1px dotted #B4B4B4; height:23px; margin:8px 0 8px 0;}
#list_address .checkbox { text-align:right; float:left; width:32px; margin-top:-2px;}
#list_address .user { text-align:center; float:left; padding-top:2px; width:100px;} 
#list_address .group { text-align:center; float:left; padding-top:2px; width:200px; }
#list_address .email { text-align:left; float:left; padding:2px 0 0 60px; width:260px; }
#list_address .phone { text-align:left; float:left; padding-top:2px; width:150px; }
#list_address .btn { text-align:center; float:left; width:50px;}

/* list-adress-last */
.list_footer_address {border-bottom: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; background:#fafafa; height:31px;}
#list_address_last {height:23px; margin:8px 0 0 0;}
#list_address_last .checkbox { text-align:right; float:left; width:32px; margin-top:-2px;}
#list_address_last .user { text-align:center; float:left; padding-top:2px; width:100px;} 
#list_address_last .group { text-align:center; float:left; padding-top:2px; width:200px; }
#list_address_last .email { text-align:left; float:left; padding:2px 0 0 60px; width:260px; }
#list_address_last .phone { text-align:left; float:left; padding-top:2px; width:150px; }
#list_address_last .btn { text-align:center; float:left; width:50px;}

/* list-adress-add */
#list_address_add {border-bottom: 1px dotted #B4B4B4; height:36px; margin:10px 0 10px 0;}
#list_address_add .user { text-align:center; float:left; padding:1px 0 0 15px; width:117px;} 
#list_address_add .group { text-align:center; float:left; padding:2px 0 0 5px; width:200px; }
#list_address_add .email { text-align:left; float:left; padding:2px 0 0 52px; width:260px; }
#list_address_add .phone { text-align:left; float:left; padding-top:2px; width:120px; }
#list_address_add .btn { text-align:center; float:left; padding-top:4px; width:86px;}

/* list-adress-add-last */
#list_address_add_last {height:36px; margin:10px 0 0 0;}
#list_address_add_last .user { text-align:center; float:left; padding:1px 0 0 15px; width:117px;} 
#list_address_add_last .group { text-align:center; float:left; padding:2px 0 0 5px; width:200px; }
#list_address_add_last .email { text-align:left; float:left; padding:2px 0 0 52px; width:260px; }
#list_address_add_last .phone { text-align:left; float:left; padding-top:2px; width:120px; }
#list_address_add_last .btn { text-align:center; float:left; padding-top:4px; width:86px;}

/* list-ink */
#list_ink {border-bottom: 1px dotted #B4B4B4; height:22px; margin:11px 0 0 0;}
#list_ink .date { text-align:center; float:left; width:140px;} 
#list_ink .content { text-align:left; float:left; padding:0 20px 0 0; width:425px;} 
#list_ink .income { text-align:right; float:left; padding:0 20px 0 0; width:70px; }
#list_ink .expend { text-align:right; float:left; padding:0 20px 0 0; width:70px; }
#list_ink .total { text-align:right; float:left; padding:0 20px 0 0; width:70px; }

/* page number (FF align center error) */
#paging .paging_number
		{ font-size:11px; color:#444; font-family:Verdana; border:1px solid #e6e6e6;
			letter-spacing:-1px; padding:4px 5px; text-decoration:none; }
		a.paging_number:link, a.paging_number:visited, a.paging_number:active 
		{ font-size:11px; color:#fff; font-family:Verdana; border:1px solid #452635;
			letter-spacing:-1px; display: block;padding:4px 5px; background-color:#fff;text-decoration:none; }
		a.paging_number:hover
		{ font-size:11px; color:#fff; font-family:Verdana; border:1px solid #852336; background:#c3c3c3;
			letter-spacing:-1px; padding:4px 5px;background-color:#BBB; text-decoration:none; }

.list_select {width:180px; border:1px solid #D3D3D3; padding:4px 6px 3px 15px; background-color:#F5F5F5;}
.list_select_mail {width:180px; border:1px solid #D3D3D3; padding:4px 6px 3px 15px; background-color:#F5F5F5;}
.list_select_address {width:70px; border:1px solid #D3D3D3; padding:4px 6px 3px 15px; background-color:#F5F5F5;}
.list_select_group {width:181px; border:1px solid #D3D3D3; padding:2px 6px 1px 15px; background-color:#F5F5F5;}
/* =============== //LIST ====================*/

/* =============== content ====================*/
#tp_open_book {background-image:url(../../images/dashboard/content/tp_open_03.gif); width:311px; height:400px; float:left;}
#comm_pw {background:url('../../images/dashboard/common/comm_pw_bg.gif') no-repeat; width:153px; height:76px; padding-top:20px;}

/*--¸Þ¼¼Áö¸ÞÀÎ:¸ÞÀÏ--*/
.msg_mail { font-size:12px; color:#CCC; font-family:Verdana,Gulim; background:url(../../images/dashboard/content/msg_bg1_off.gif); 
				letter-spacing:-1px; padding: 160px 0 3px 0;text-decoration:none; }
		a.msg_mail:link, a.msg_mail:visited, a.msg_mail:active 
			{ font-size:12px; color:#CCC; font-family:Verdana,Gulim; background:url(../../images/dashboard/content/msg_bg1_off.gif);
				letter-spacing:-1px; display: block;padding: 160px 0 3px 0;text-decoration:none; }
		a.msg_mail:hover
			{ font-size:12px; color:#000; font-family:Verdana,Gulim; background:url(../../images/dashboard/content/msg_bg1.gif);
				letter-spacing:-1px; padding: 160px 0 3px 0;text-decoration:none; }

/*--¸Þ¼¼Áö¸ÞÀÎ:SMS--*/
.msg_sms { font-size:12px; color:#CCC; font-family:Verdana,Gulim; background:url(../../images/dashboard/content/msg_bg2_off.gif); 
				letter-spacing:-1px; padding: 160px 0 3px 0;text-decoration:none; }
		a.msg_sms:link, a.msg_sms:visited, a.msg_sms:active 
			{ font-size:12px; color:#CCC; font-family:Verdana,Gulim; background:url(../../images/dashboard/content/msg_bg2_off.gif);
				letter-spacing:-1px; display: block;padding: 160px 0 3px 0;text-decoration:none; }
		a.msg_sms:hover
			{ font-size:12px; color:#000; font-family:Verdana,Gulim; background:url(../../images/dashboard/content/msg_bg2.gif);
				letter-spacing:-1px; padding: 160px 0 3px 0;text-decoration:none; }
				
/*--¸Þ¼¼Áö¸ÞÀÎ:memo--*/
.msg_memo { font-size:12px; color:#CCC; font-family:Verdana,Gulim; background:url(../../images/dashboard/content/msg_bg3_off.gif); 
				letter-spacing:-1px; padding: 160px 0 3px 0;text-decoration:none; }
		a.msg_memo:link, a.msg_memo:visited, a.msg_memo:active 
			{ font-size:12px; color:#CCC; font-family:Verdana,Gulim; background:url(../../images/dashboard/content/msg_bg3_off.gif);
				letter-spacing:-1px; display: block;padding: 160px 0 3px 0;text-decoration:none; }
		a.msg_memo:hover
			{ font-size:12px; color:#000; font-family:Verdana,Gulim; background:url(../../images/dashboard/content/msg_bg3.gif);
				letter-spacing:-1px; padding: 160px 0 3px 0;text-decoration:none; }
				
/*--°èÁ¤¼³Á¤¸ÞÀÎ:°³ÀÎÁ¤º¸¼öÁ¤--*/
.account_info { font-size:12px; color:#CCC; font-family:Verdana,Gulim; background:url(../../images/dashboard/content/account_bg1_off.gif); 
				letter-spacing:-1px; padding: 160px 0 3px 0;text-decoration:none; }
		a.account_info:link, a.account_info:visited, a.account_info:active 
			{ font-size:12px; color:#CCC; font-family:Verdana,Gulim; background:url(../../images/dashboard/content/account_bg1_off.gif);
				letter-spacing:-1px; display: block;padding: 160px 0 3px 0;text-decoration:none; }
		a.account_info:hover
			{ font-size:12px; color:#000; font-family:Verdana,Gulim; background:url(../../images/dashboard/content/account_bg1.gif);
				letter-spacing:-1px; padding: 160px 0 3px 0;text-decoration:none; }

/*--°èÁ¤¼³Á¤¸ÞÀÎ:ºñ¹Ð¹øÈ£º¯°æ--*/
.account_pw { font-size:12px; color:#CCC; font-family:Verdana,Gulim; background:url(../../images/dashboard/content/account_bg2_off.gif); 
				letter-spacing:-1px; padding: 160px 0 3px 0;text-decoration:none; }
		a.account_pw:link, a.account_pw:visited, a.account_pw:active 
			{ font-size:12px; color:#CCC; font-family:Verdana,Gulim; background:url(../../images/dashboard/content/account_bg2_off.gif);
				letter-spacing:-1px; display: block;padding: 160px 0 3px 0;text-decoration:none; }
		a.account_pw:hover
			{ font-size:12px; color:#000; font-family:Verdana,Gulim; background:url(../../images/dashboard/content/account_bg2.gif);
				letter-spacing:-1px; padding: 160px 0 3px 0;text-decoration:none; }
				
/*--°èÁ¤¼³Á¤¸ÞÀÎ:ink--*/
.account_pay { font-size:12px; color:#CCC; font-family:Verdana,Gulim; background:url(../../images/dashboard/content/account_bg3_off.gif); 
				letter-spacing:-1px; padding: 160px 0 3px 0;text-decoration:none; }
		a.account_pay:link, a.account_pay:visited, a.account_pay:active 
			{ font-size:12px; color:#CCC; font-family:Verdana,Gulim; background:url(../../images/dashboard/content/account_bg3_off.gif);
				letter-spacing:-1px; display: block;padding: 160px 0 3px 0;text-decoration:none; }
		a.account_pay:hover
			{ font-size:12px; color:#000; font-family:Verdana,Gulim; background:url(../../images/dashboard/content/account_bg3.gif);
				letter-spacing:-1px; padding: 160px 0 3px 0;text-decoration:none; }
				
/*--°èÁ¤¼³Á¤¸ÞÀÎ:ȸ¿øÅ»Åð--*/
.account_leave { font-size:12px; color:#CCC; font-family:Verdana,Gulim; background:url(../../images/dashboard/content/account_bg4_off.gif); 
				letter-spacing:-1px; padding: 160px 0 3px 0;text-decoration:none; }
		a.account_leave, a.account_leave:visited, a.account_leave:active 
			{ font-size:12px; color:#CCC; font-family:Verdana,Gulim; background:url(../../images/dashboard/content/account_bg4_off.gif);
				letter-spacing:-1px; display: block;padding: 160px 0 3px 0;text-decoration:none; }
		a.account_leave:hover
			{ font-size:12px; color:#000; font-family:Verdana,Gulim; background:url(../../images/dashboard/content/account_bg4.gif);
				letter-spacing:-1px; padding: 160px 0 3px 0;text-decoration:none; }
				
/* ¶óÀ̺êÆú ±×·¡ÇÁ */
#poll {width:400px; height:8px;}
.poll_progress {background:url(../../images/dashboard/content/poll_graph.gif); height:8px; float:left;}


/* =============== /content ====================*/