/*********************************************
* GLOBAL
*********************************************/
* {
   padding:0;
   margin:0;
   font-family: Doutm,Gulim,tahoma;
	}



body {
	text-align: center;
	margin: 0 0 0 0;
	color: black;
	font-size:12px;
	font-family:����,����,taohma;	
	text-align: left; 
	/*min-height:1000px;*/
}

b{letter-spacing:-1px}
a{text-decoration:none}
a:hover{text-decoration:none}
img{border:0 none}

.png24 { /* png ����̹���*/ tmp:expression(setPng24(this)); }

li{
	
	list-style-type: none;


}
.menu_li{

	margin:0 0 8px 0px;
	padding:0;
}
.floatLeft {float:left}
.floatRight {float:right}
.clearBoth {clear:both}
/*********************************************
* GLOBAL : LINKS
*********************************************/
A.bold {font-weight:bold;text-decoration:none}

/*********************************************
* GLOBAL : TEXT STYLE
*********************************************/
.underline {text-decoration:underline}
.bold {font-weight:bold}
.just {text-align:justify}
.wordwrap {word-break:break-all}


/*********************************************
* GLOBAL : TEXT SIZE
*********************************************/
.d8 {font-size:8pt}
.d9 {font-size:9pt}
.d10 {font-size:10pt}
.d11 {font-size:11pt}
.d12 {font-size:12pt}
.d8b {font-size:9pt;font-weight:bold}
.d9b {font-size:9pt;font-weight:bold}
.d10b {font-size:10pt;font-weight:bold}
.d10b {font-size:11pt;font-weight:bold}
.d12b {font-size:12pt;font-weight:bold}


/*********************************************
* GLOBAL : FONTS
*********************************************/
/* dotum  by point */
.dou7 {font-family:Doutm,Gulim,tahoma;font-size:7pt}
.dou8 {font-family:Doutm,Gulim,tahoma;font-size:8pt}
.dou9 {font-family:Doutm,Gulim,tahoma;font-size:9pt}
.dou11 {font-family:Doutm,Gulim,tahoma;font-size:11pt}
.dou12 {font-family:Doutm,Gulim,tahoma;font-size:12pt;}
.dou13 {font-family:Doutm,Gulim,tahoma;font-size:13pt}
.dou14 {font-family:Doutm,Gulim,tahoma;font-size:14pt}
.dou18 {font-family:Doutm,Gulim,tahoma;font-size:14pt;letter-spacing:-2px}

/* tahoma  by point */
.tah7 {font-family:Tahoma,Doutm;font-size:7pt}
.tah8 {font-family:Tahoma,Doutm;font-size:8pt}
.tah9 {font-family:Tahoma,Doutm;font-size:9pt}
.tah12 {font-family:Tahoma,Doutm;font-size:12pt}
.tah13 {font-family:Tahoma,Doutm;font-size:13pt}
.tah14 {font-family:Tahoma,Doutm;font-size:14pt}

.ari7 {font-family:arial,Doutm;font-size:7pt}
.ari8 {font-family:arial,Doutm;font-size:8pt}
.ari9 {font-family:arial,Doutm;font-size:9pt}
.ari12 {font-family:arial,Doutm;font-size:12pt}
.ari3 {font-family:arial,Doutm;font-size:13pt}
.ari4 {font-family:arial,Doutm;font-size:14pt}

/* tahoma by pixel */
.tah9px {font-family:Tahoma,Verdana,Arial;font-size:9px}
.tah10px {font-family:Tahoma,Verdana,Arial;font-size:10px}
.tah11px {font-family:Tahoma,Verdana,Arial;font-size:11px}

/* verdana by point */
.ver7 {font-family:Verdada,Tahoma,Arial;font-size:7pt}
.ver8 {font-family:Verdana,Tahoma,Arial;font-size:8pt}
.ver9 {font-family:Verdana,Tahoma,Arial;font-size:9pt}
.ver12 {font-family:Verdana,Tahoma,Arial;font-size:12pt}
.ver13 {font-family:Verdana,Tahoma,Arial;font-size:13pt}
.ver14 {font-family:Verdana,Tahoma,Arial;font-size:14pt}

/* verdana by pixel */
.ver8px {font-family:Verdana;font-size:8px}
.ver9px {font-family:Verdana;font-size:9px}
.ver10px {font-family:Verdana;font-size:10px}
.ver10px1 {font-family:Verdana;font-size:10px;letter-spacing:-1px}
.ver10pxCapital {font-family:Verdana;font-size:10px;letter-spacing:-1px}
.ver11px {font-family:Verdana;font-size:11px;letter-spacing:-1px}
.ver12px {font-family:Verdana;font-size:12px;letter-spacing:-1px}
.ver13px {font-family:Verdana;font-size:13px;letter-spacing:-1px}
.ver14px {font-family:Verdana;font-size:14px;letter-spacing:-1px}
.ver15px {font-family:Verdana;font-size:15px;letter-spacing:-1px}
.ver16px {font-family:Verdana;font-size:16px;letter-spacing:-1px}
.ver17px {font-family:Verdana;font-size:18px;letter-spacing:-1px} /* anti-aliased */
.ver18px {font-family:Verdana;font-size:18px;letter-spacing:-1px}

/*********************************************
* GLOBAL : COLORS : NAMED
*********************************************/


.white {color:white}
.red {color:red}
.gray {color:gray}
.silver {color:silver}
.firebrick {color:firebrick}
.hotpink {color:hotpink}
.orangered {color:orangered}
.orange {color:orange}
.blue {color:blue}
.royalblue {color:royalblue}
.steelblue {color:steelblue}
.skyblue {color:skyblue}
.green {color:green}
.yellowgreen {color:yellowgreen}
.slategray {color:slategray}
.tan {color:tan}
.palevioletred {color:palevioletred}
.mistyrose {color:mistyrose}
.rowblue{color:#C0C5E0}

/*********************************************
* GLOBAL : COLORS : PERSONALIZED
*********************************************/
.cGray {color:#636363}
.cDarkGray {color:#333333}
.cRed {color:#C60000}
.cOrange {color:#FFCC00}
.cOrange2 {color:#EF5900}
.cOrange3 {color:#EB7979}
.cYellow {color:#CACC08}
.cGreen {color:#78A806}
.cBlue {color:#004AC4}
.cBlack {color:#292929}


/*********************************************
* GLOBAL : FORMS
*********************************************/
/* input */
.bd {border:1px solid #cdcdcd;background-color:#f7f5f7;height:16px;font-size:9pt;color:#393939;padding:5px 0 0 5px;}


.bt  {background-color:#FFFFFF;border-color:solid 1px gray;color:gray;font-family:Verdana,Tahoma; font-size:9pt}


/* textarea */
.ta {border:1px solid #cdcdcd;background-color:#f7f5f7;color:#393939;font-size:9pt;font-family:Verdana,Tahoma���� }


/*********************************************
* GLOBAL : MISC.
*********************************************/
.w100 {width:100%}
.h100 {height:100%}


/****************************************************************
*				Harooya Layout Css								*
*****************************************************************/
div#mainWrap
{
	width:1280px;
    margin-top: 5px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
}

div#topMenuBar { 
	
	width:1000px;
    margin-left: auto;
    margin-right: auto;
  	height:23px;
	}

div#topMenuBar #logo { 
	
	float:left;
	
	}

div#topMenuBar #right { 
	
	float:right;
	padding:8px 0 0 0;
	
	}

div#header {

	width:830px;
	height:140px;
    margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 15px 0 0 170px;
	position:relative;

}

div#header #profile{

	line-height:150%;

}


div#header #profile_img{

	border:solid 2px #FFFFFF;
	width:140px;
	height:140px;
	position:absolute;
	top:7px;
	left:8px;
	z-index:10;

}

div#menuBar {

	width:830px;
	height:23px;
	top:122px;
	left:0px;
    padding: 10px 0 0 170px;
	position:absolute;

}

div#menuBar #left{

	float:left;

}

div#menuBar #right{

	float:right;
	padding:0 10px 0 0;
}


div#harooDate{

	height:22px;
	width:1000px;
	margin-left: auto;
	margin-right: auto;
	margin-top:8px;
}

div#harooDate #left{
	float:left;
	width:100px;
}


div#harooDate #center{
	float:left;
	text-align:center;
	width:800px;
}


div#harooDate #right{
	float:right;
	text-align:right;
	width:100px;
}

div#haroo_wrap{

	width:1280px;
	height:391px;
	margin-left: auto;
	margin-right: auto;
	position:relative;


}

div#haroo_wrap #haroo{

	width:1280px;
	height:370px;
	background-repeat: none;
	background-attachment : scroll;
	background-position : center;
	left:-140px;
	z-index:1;

		
}

div#haroo_wrap #haroo #add_post{

	width:118px;
	z-index:1;
	background-color:#FFFFFF;
	position:absolute;
	padding:3px;
	display:none;
}


div#haroo_wrap #haroo #bt_alarm{

	width:230px;
	left:140px;
	top:330px;
	height:18px;
	z-index:1;
	position:absolute;
	padding:10px 3px 3px 3px;

}

div#haroo_wrap #haroo #haroo_post_pic{

	width:300px;
	left:400px;
	top:50px;
	height:25px;
	z-index:1;
	background-color:#FFFFFF;
	position:absolute;
	padding:3px 3px 3px 3px;
}


div#haroo_wrap #haroo #haroo_post_text{

	width:300px;
	left:440px;
	top:90px;
	height:25px;
	z-index:1;
	background-color:#FFFFFF;
	position:absolute;
	padding:3px 3px 3px 3px;
}


div#haroo_wrap #haroo #haroo_post_movie{

	width:300px;
	left:480px;
	top:130px;
	height:25px;
	z-index:1;
	background-color:#FFFFFF;
	position:absolute;
	padding:3px 3px 3px 3px;
}




div#haroo_wrap #haroo #title{

	padding:7px 0 0 5px;

}

div#haroo_wrap #haroo #haroo_win{

	width:550px;
	left:400px;
	top:86px;
	height:550px;
	z-index:2;
	background-color:#FFFFFF;
	position:absolute;
	padding:8px 3px 3px 3px;
	display:none;
}

div#haroo_wrap #haroo #haroo_post_win{

	width:550px;
	left:350px;
	top:50px;
	height:200px;
	z-index:3;
	background-color:#FFFFFF;
	position:absolute;
	padding:8px 3px 3px 3px;
	display:none;
}



#haroo_upload{

	top:10px;
	left:220px;
	z-index:10;
	position:absolute;
	display:none;
}

/* div#timeLine{  */
div#haroo_wrap #haroo #timeLine{

	height:18px;
	width:1280px;
	left:0px;
	top:370px;
	position:absolute;
	padding:3px 0 0 0;

}

div#contents{

	width:1000px;
    margin-top: 10px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 0;

}

div#contents #left{

	float:left;
	
}


div#contents #left #leftMenu{

	width:160px;
	height:200px;
	text-align:left;
	padding:10px 6px 0 6px;
	line-height:150%;
}

div#contents #add_haroo{

	width:192px;
	text-align:center;
	padding:4px;
	margin:6px 0 0 0;
	
}

div#contents #main{

	margin:0 0 0 8px;
	width:792px;
	float:left;
	
}



div#contents #main #friends_win{

	top:200px;
	left:280px;
	z-index:3;
	position:absolute;
	display:none;
}


div#contents #profileContents{

	margin:0 0 0 0px;
	width:782px;
	min-height:560px;
	float:right;
	background-color:#FFFFFF;
	padding:15px 20px 15px 20px;
}

div#contents #mocabangContents{

	margin:0 0 0 8px;
	width:820px;
	min-height:360px;
	float:left;
		
}


div#contents #mocabangContents #recent{

	padding:15px 0 0 15px;
	width:520px;
	height:120px;
}



div#contents #mocabangContents #friends{

	padding:10px 0 0 10px;
	float:left;
	text-align:center;
	width:180px;
	/*position:relative;*/
	z-index:0;
}




div#contents #mocabangContents #comment{

	padding:15px 0 0 15px;
	width:270px;
	height:120px;
	float:left;
}


div#contents #mocabangContents #visitor{

	padding:15px 0 0 15px;
	width:230px;
	height:184px;
	float:left;
}


div#contents #mocabangContents #tag{

	padding:15px 0 0 15px;
	width:230px;
	height:184px;
	float:left;
}


div#mocabang{

	width:1000px;
	height:391px;
	margin-top: 0;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
	position:relative;

}

div#post_wrap{

	padding:6px;

}


div#tool_box{

	padding:5px;
	border:solid 1px #cccccc;
	background-color:#ececec;

}

textarea#ta_post{

	width:430px;
	height:30px;
	padding:5px;
}

div#post_button_set{

	width:528px;
	padding:10px 0 0 0;
	border-top:solid 1px #cccccc;
	text-align:right;

}



div#view_title{

	width:100%;
	padding:7px 0 7px 0;
	margin:0 0 7px 0;
	background-color:#e1e1e1;
	border-top:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
	text-align:center;
	font-weight:bold;

}


div#view_contents{

	width:508px;
	min-height:200px;
	padding:10px 0 10px 0;
}

div#moca_photo_wrap{

	width:752px;
	height:521px;
	background-color:#f7f7f7;
	border:solid 1px #c1c1c1;
	padding:0px;
}
/*
div#haroo_upload #wrap #title{

	padding:10px;
		
}
*/
div#moca_photo_wrap #mainBody{

	background-color:#d9d9d9;
	width:730px;
	height:480px;
	padding:10px;
	border:solid 1px #d0d0d0;	
	margin:5px 0 0 0;
}


div#moca_photo_wrap #mainBody2{

	background-color:#f5f5f5;
	width:705px;
	height:420px;
	padding:10px;
	border:solid 1px #d0d0d0;	
}

div#moca_photo_wrap #mainBody2 #picBoxLeft{

	background-color:#ffffff;
	width:325px;
	height:320px;
	padding:10px;
	border:solid 2px #d0d0d0;	
}

div#moca_photo_wrap #mainBody2 #picBoxRight{

	background-color:#ffffff;
	width:320px;
	height:395px;
	padding:10px;
	border:solid 2px #d0d0d0;	
}

div#friends_left{

	width:380px;

}

div#friends_right{

	width:380px;

}

div#visitorMain{

	margin:0 0 0 8px;
	float:left;
	width:600px;
	min-height:500px;
	padding:10px;

}


div#visitorMain #writeBox{

	height:115px;
	padding:10px;
	border:dotted 1px; 

}


div#visitorRight{

	margin:0 0 0 8px;
	float:right;
	width:180px;
	min-height:200px;
	padding:10px;
	

}



div#visitorBox{

	margin:10px 0 0 0px;
		
}


div#visitorBox #title{

	height:21px;
	padding:5px 0 0 10px;

}

div#visitorBox #left{

	padding:10px 0 10px 0px;
	width:80px;
}


div#visitorBox #right{

	padding:10px;
	width:390px;

}


div#visitorRe{

	clear:both;

}

div#moca_visual #arrowLeft{

	height:34px;
	width:19px;
	padding:30px 0 0 0;
	
}

div#moca_visual #thumbnail{

	padding:0 7px 0 7px;
	text-align:center;
	
}


div#moca_visual #arrowRight{

	height:34px;
	width:19px;
	padding:30px 0 0 0;

	
}

div#mocaAlbum{

	/*min-height:500px;*/
	width:950px;
	padding:10px 22px 22px 22px;
    margin-left: auto;
    margin-right: auto;
	text-align:center;
}


/*--------------------------------------------------------*/
/* ---------------  2009.06.04 bhahn add ---------------- */
/*--------------------------------------------------------*/
div#moca_photo_wrap{

	width:752px;
	height:521px;
	background-color:#f7f7f7;
	border:solid 1px #c1c1c1;
	padding:10px;
}

div#moca_photo_wrap #title{

	padding:10px;
		
}

div#moca_photo_wrap #mainBody{

	background-color:#d9d9d9;
	width:730px;
	height:480px;
	padding:10px;
	border:solid 1px #d0d0d0;	
	margin:5px 0 0 0;
}


div#moca_photo_wrap #mainBody2{

	background-color:#f5f5f5;
	width:715px;
	height:420px;
	padding:10px;
	border:solid 1px #d0d0d0;	
}

div#moca_photo_wrap #mainBody2 #picBoxLeft{

	overflow:scroll;/* 2009.06.23 bhahn add */
	background-color:#ffffff;
	width:330px;
	height:320px;
	padding:10px;
	border:solid 2px #d0d0d0;	
}

div#moca_photo_wrap #mainBody2 #picBoxRight{

	overflow:scroll;/* 2009.06.23 bhahn add */
	background-color:#ffffff;
	width:330px;
	height:395px;
	padding:10px;
	border:solid 2px #d0d0d0;	
}

/* 2009.06.23 bhahn add */
.moca_photo_thumb
{
	float:left; 
	width:90px;
	height:70px;
	margin:4px 4px;
	border:solid 2px #d0d0d0;	
	background-color:#ffffff;
}
/*--------------------------------------------------------*/
/* ---------------  2009.06.04 bhahn add ---------------- */
/*--------------------------------------------------------*/