/******************************************************************************
	ÆÄÀÏ¸í : common.css - °øÅë Cascade Style Sheet
	ÀÛ¼ºÀÚ : PortfolioAD
	ÀÛ¼ºÀÏ : 2006-07-13
******************************************************************************/


/******************************************************************************
								°øÅë ½ºÅ¸ÀÏ
******************************************************************************/

html {
	height: 100%;
	margin: 0;
	padding: 0;

	scrollbar-face-color:#ffffff;
	scrollbar-highlight-color:#f7f7f7;
	scrollbar-shadow-color:#e7e7e7;
	scrollbar-3dlight-color:#e7e7e7;
	scrollbar-arrow-color:#e7e7e7;
	scrollbar-track-color:#f7f7f7;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-base-color:#f7f7f7;
}

body {
	font-size: 12px; 
	font-family: µ¸¿ò, arial,curier,seoul; 
	color: #666666; 
	line-height: 15px;
	margin:0 auto;
	text-align:center;
	
	scrollbar-face-color:#ffffff;
	scrollbar-highlight-color:#f7f7f7;
	scrollbar-shadow-color:#e7e7e7;
	scrollbar-3dlight-color:#e7e7e7;
	scrollbar-arrow-color:#e7e7e7;
	scrollbar-track-color:#f7f7f7;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-base-color:#f7f7f7;
}
div, ul, li, p, tr, td {margin:0;padding:0;font-family: µ¸¿ò, arial,curier,seoul;font-size:12px; }

ul, li {list-style:none;}

table {
	border-collapse:collapse;
	border-spacing:0;
	font-family: µ¸¿ò, arial,curier,seoul; 
	font-size:12px;
	color: #7d7d7d;
}

td {
	line-height:18px;
}

img { 
	border:0;
	vertical-align:baseline;
}
.png24 {_tmp:expression(setPng24(this));}


input {
	font-size:12px; height:14px ;  color:#7d7d7d; padding-top:2px;
	border: expression( (this.type=='checkbox'||this.type=='radio'||this.type=='button'||this.type=='image')?'':'1px solid #DEDEDE' );
}

input.in1 {
	font-size:12px; height:14px ; color:#7d7d7d; padding-top:2px;
	border: expression( (this.type=='checkbox'||this.type=='radio'||this.type=='button'||this.type=='image')?'':'1px solid #d1d1d1' );
}

input.in2 {
	font-size:12px; height:14px ; color:#7d7d7d; padding-top:2px;
	border: expression( (this.type=='checkbox'||this.type=='radio'||this.type=='button'||this.type=='image')?'':'1px solid #FD7007' );
}

select {
	behavior: url('/include/selectbox.htc');
	font-size:12px; color:#666666;
}

.ra01 { height:13px; width:13px;}

textarea {
	font-size: 12px; font-family: µ¸¿ò, arial,curier,seoul; 
	color: #7d7d7d; line-height: 15px; 
	border:1px solid #d1d1d1;
	scrollbar-face-color:#ffffff;
	scrollbar-highlight-color:#f7f7f7;
	scrollbar-shadow-color:#e7e7e7;
	scrollbar-3dlight-color:#e7e7e7;
	scrollbar-arrow-color:#e7e7e7;
	scrollbar-track-color:#f7f7f7;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-base-color:#f7f7f7;
}

textarea.in {
	font-size: 12px; font-family: µ¸¿ò, arial,curier,seoul; 
	color: #FDC7BB; line-height: 15px; padding:10px 5px;
	border:1px solid #FDC7BB;
	scrollbar-face-color:#ffffff;
	scrollbar-highlight-color:#f7f7f7;
	scrollbar-shadow-color:#e7e7e7;
	scrollbar-3dlight-color:#e7e7e7;
	scrollbar-arrow-color:#e7e7e7;
	scrollbar-track-color:#f7f7f7;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-base-color:#f7f7f7;
}

form {
	margin:0;
}

a {
	color:#1c2404; text-decoration: none; font-size:11px; 
	selector-dummy: expression(this.hideFocus=true);
	cursor:hand;
}



/* Layout*/
#outline {
	width:1040px;
	margin:0 auto;
	min-height:100%;
	text-align:center;
}
#topMenu {
	width:995px;
	height:123px;
	text-align:left;
}
#leftMenu {
	float:left;
	width:332px;
	text-align:left;
}

#content {
	float:left;
	width:663px;
	text-align:left;
}
	#contline {
		position:relative;
		margin:47px 0 45px;
		padding:30px 0 30px 36px;
		width:611px;
		background-color:#FFFFFF;
	}
	#contline01 {
	position:relative;
	margin:47px 0 45px;
	padding:30px 0 30px 0px;
	width:647px;
	background-color:#FFFFFF;
	}
	#topquick {
		position:absolute;
		right:-16px;
		top:-31px;
		width:100px;
		height:80px;
		z-index:10;
	}
	#subContent {
		width:628px;
		text-align:left;
	}
#footer_quick01 {
	clear:both;
	margin:0 auto;
	width:100%;
	height:90px;
	text-align:center;
	background:#5f9219 url('') repeat-x left top;
}
#footer_quick02 {
	clear:both;
	margin:0 auto;
	width:100%;
	height:90px;
	text-align:center;
	background:#1a7496 url('') repeat-x left top;
}
#footer_quick03 {
	clear:both;
	margin:0 auto;
	width:100%;
	height:90px;
	text-align:center;
	background:#35569b url('') repeat-x left top;
}
#footer_quick04 {
	clear:both;
	margin:0 auto;
	width:100%;
	height:90px;
	text-align:center;
	background:#4b5ebc url('') repeat-x left top;
}
#footer_quick05 {
	clear:both;
	margin:0 auto;
	width:100%;
	height:90px;
	text-align:center;
	background:#6b519b url('') repeat-x left top;
}
#footer_quick06 {
	clear:both;
	margin:0 auto;
	width:100%;
	height:90px;
	text-align:center;
	background:#7e7e7e url('') repeat-x left top;
}
#footer_family {
	clear:both;
	margin:0 auto;
	width:100%;
	height:56px;
	text-align:center;
	z-index:99;
	background-color:#FFFFFF;
}

/*Family */

#family_plus img {vertical-align:baseline;}


/* light gray */
.96 {color:#969696}

.11px {font-size:11px; }

.11px1 {font-size:11px; letter-spacing:-1; color:#969696;}

/* white */
.white {color:#ffffff;}

.ls-1{letter-spacing:-1;}

	a:link{color: #666666; text-decoration: none; font-size:12px; }
	a:visited{color: #666666; text-decoration: none; font-size:12px; }
	a:active{color: #666666; text-decoration: none; font-size:12px; }
	a:hover{color: #FF6C4E; text-decoration: none; font-size:12px;}

	a.11a:link{color: #666666; text-decoration: none; font-size:11px; }
	a.11a:visited{color: #666666; text-decoration: none; font-size:11px; }
	a.11a:active{color: #666666; text-decoration: none; font-size:11px; }
	a.11a:hover{color: #FF6C4E; text-decoration: none; font-size:11px;}
	
	a.pyong:link{color: #FFFFFF; text-decoration: none; font-size:11px; }
	a.pyong:visited{color: #FFFFFF; text-decoration: none; font-size:11px; }
	a.pyong:active{color: #FFFFFF; text-decoration: none; font-size:11px; }
	a.pyong:hover{color: #FFFFFF; text-decoration: none; font-size:11px;}

	a.pyongx:link{color: #666666; text-decoration: none; font-size:11px; }
	a.pyongx:visited{color: #666666; text-decoration: none; font-size:11px; }
	a.pyongx:active{color: #666666; text-decoration: none; font-size:11px; }
	a.pyongx:hover{color: #666666; text-decoration: none; font-size:11px;}

/* light blue */
.lblue {color:#0090E9;}

.lb_11b { color:#0090E9 ; font-size:11pt ; font-weight:bold ; letter-spacing:-1 }

	a.lb8:link{color: #969696; text-decoration: none; font-size:11px; }
	a.lb8:visited{color: #969696; text-decoration: none; font-size:11px; }
	a.lb8:active{color: #969696; text-decoration: none; font-size:11px; }
	a.lb8:hover{color: #0090E9; text-decoration: none; font-size:11px}
		
/* dark blue */
.dblue {color:#2369E3}

	a.db8:link{color: #666666; text-decoration: none; font-size:11px; }
	a.db8:visited{color: #666666; text-decoration: none; font-size:11px; }
	a.db8:active{color: #666666; text-decoration: none; font-size:11px; }
	a.db8:hover{color: #2369E3; text-decoration: none; font-size:11px}
	
	
	
	
	a.theme:link{color: #969696; text-decoration: none; font-size:12px; }
	a.theme:visited{color: #969696; text-decoration: none; font-size:12px; }
	a.theme:active{color: #969696; text-decoration: none; font-size:12px; }
	a.theme:hover{color: #C238A8; text-decoration: none; font-size:12px}
/* °Ô½ÃÆÇ */	
	a.board:link , a.board:visited, a.board:active{color: #666666; text-decoration: none; font-size:12px; }
	a.board:hover{color: #0090E9; text-decoration: none; font-size:12px}
	
	a.board11:link , a.board11:visited, a.board11:active{color: #666666; text-decoration: none; font-size:11px; }
	a.board11:hover{color: #0090E9; text-decoration: none; font-size:11px}
	 
	
.btext1 { height:29px; text-align:center; font-size:12px; color:#969696; }
.btext2 { height:29px; text-align:left; padding-left:15px; }
.btext3 { height:29px; text-align:right; font-size:11px; color:#969696; padding-right:3px;}
.btext4 { height:29px; text-align:center; font-size:11px; color:#969696; }

.bline1 { height:1px; background-color:#e8e8e8; }
.bline2 { height:1px; background-color:#FECDA5; }


.text_org { color:#fe8733; }	


/* ÆäÀÌÁö ¸®½ºÆ® */	

	/* ¿À·»Áö»ö */	
	a.plo:link, a.plo:visited, a.plo:active { font-size:11px; color:#969696; text-decoration:none; }
	a.plo:hover { font-size:11px; color:#FF6C4E; text-decoration:none; }
	.pl_o {color: #FF6C4E; text-decoration: none; font-size:11px ; font-weight:bold}
	
	/* º¸¶ó»ö */	
	a.plp:link, a.plp:visited, a.plp:active { font-size:11px; color:#969696; text-decoration:none; }
	a.plp:hover { font-size:11px; color:#6F76CB; text-decoration:none; }
	.pl_p {color: #6F76CB; text-decoration: none; font-size:11px ; font-weight:bold}
	
	/* ÆÄ¶û»ö */	
	a.plb:link, a.plb:visited, a.plb:active { font-size:11px; color:#969696; text-decoration:none; }
	a.plb:hover { font-size:11px; color:#0090E9; text-decoration:none; }
	.pl_b {color: #0090E9; text-decoration: none; font-size:11px ; font-weight:bold}
	
	/* ÀÚÁÖ»ö */	
	a.plt:link, a.plt:visited, a.plt:active { font-size:11px; color:#969696; text-decoration:none; }
	a.plt:hover { font-size:11px; color:#C238A8; text-decoration:none; }
	.pl_t {color: #C238A8; text-decoration: none; font-size:11px ; font-weight:bold}
	
	/* ÁøÆÄ¶û»ö */	
	a.pldb:link, a.pldb:visited, a.pldb:active { font-size:11px; color:#969696; text-decoration:none; }
	a.pldb:hover { font-size:11px; color:#2369E3; text-decoration:none; }
	.pl_db {color: #2369E3; text-decoration: none; font-size:11px ; font-weight:bold}
	
/* ÆäÀÌÁö ·ÎÄÉÀÌ¼Ç */	
	a.loc:link{color: #969696; text-decoration: none; font-size:11px; }
	a.loc:visited{color: #969696; text-decoration: none; font-size:11px; }
	a.loc:active{color: #969696; text-decoration: none; font-size:11px; }
	a.loc:hover{color: #F97600; text-decoration: none; font-size:11px}
	
	
.loc_t {color: #969696; text-decoration: none; font-size:11px }




.bd_bot_gr {border-bottom: 1px solid #DDDDDD;}
.bd_bot_gr2 {border-bottom: 2px solid #DDDDDD;}
.bd_bot_or {border-bottom: 1px solid #FE7900;}
.bd_top_or {border-top: 1px solid #FE7900;}
.bd_top_or2 {border-top: 2px solid #FE7900;}
.bd_bot_or2 {border-bottom: 2px solid #FE7900;}

/* Áßµµ±Ý */
div.sub_tab {border-bottom:1px solid #e8e8e8;height:22px;margin:0 0 26px;}
div.sub4-1 {width:574px;padding:0 0 30px 0;}
div.sub4-1 .pdb {padding:0 0 10px;}
div.sub4-2 {width:574px;}
div.sub4-2 .pdb {padding:0 0 10px;}
div.clear {clear:both;}
div.sub5 {width:574px;}
div.sub5 .pdb {padding:0 0 10px;}
.spcol {color:#fd7102;}




/* ¼­ºêÀÎµ¦½º Áö¿ª¼±ÅÃ/´ÜÁö¼±ÅÃ */
#act_reply {position:absolute;top:0;left:0;visibility:hidden;z-index:70;}
#ect_reply0 {position:absolute;top:0;left:0;visibility:hidden;z-index:10;}
#ect_reply1 {position:absolute;top:0;left:0;visibility:hidden;z-index:20;}
#ect_reply2 {position:absolute;top:0;left:0;visibility:hidden;z-index:30;}
#ect_reply3 {position:absolute;top:0;left:0;visibility:hidden;z-index:40;}
#ect_reply4 {position:absolute;top:0;left:0;visibility:hidden;z-index:50;}
#ect_reply5 {position:absolute;top:0;left:0;visibility:hidden;z-index:60;}

div.scroll_green {
	scrollbar-face-color:#68943a;
	scrollbar-highlight-color:#407111;
	scrollbar-shadow-color:#407111;
	scrollbar-3dlight-color:#407111;
	scrollbar-arrow-color:#4c8015;
	scrollbar-track-color:#407111;
	scrollbar-darkshadow-color:#407111;
	scrollbar-base-color:#407111;
}
div.scroll_nblue {
	scrollbar-face-color:#2b8eae;
	scrollbar-highlight-color:#136280;
	scrollbar-shadow-color:#136280;
	scrollbar-3dlight-color:#136280;
	scrollbar-arrow-color:#3d6bac;
	scrollbar-track-color:#136280;
	scrollbar-darkshadow-color:#136280;
	scrollbar-base-color:#136280;
}
div.scroll_dblue {
	scrollbar-face-color:#4c77b3;
	scrollbar-highlight-color:#1c3974;
	scrollbar-shadow-color:#1c3974;
	scrollbar-3dlight-color:#1c3974;
	scrollbar-arrow-color:#284671;
	scrollbar-track-color:#1c3974;
	scrollbar-darkshadow-color:#1c3974;
	scrollbar-base-color:#1c3974;
}
div.scroll_nviolet {
	scrollbar-face-color:#7284d1;
	scrollbar-highlight-color:#2d3e96;
	scrollbar-shadow-color:#2d3e96;
	scrollbar-3dlight-color:#2d3e96;
	scrollbar-arrow-color:#435087;
	scrollbar-track-color:#2d3e96;
	scrollbar-darkshadow-color:#2d3e96;
	scrollbar-base-color:#2d3e96;
}
div.scroll_violet {
	scrollbar-face-color:#826bac;
	scrollbar-highlight-color:#4e337f;
	scrollbar-shadow-color:#4e337f;
	scrollbar-3dlight-color:#4e337f;
	scrollbar-arrow-color:#463567;
	scrollbar-track-color:#4e337f;
	scrollbar-darkshadow-color:#4e337f;
	scrollbar-base-color:#4e337f;
}
div.scroll_gray {
	scrollbar-face-color:#979797;
	scrollbar-highlight-color:#676767;
	scrollbar-shadow-color:#676767;
	scrollbar-3dlight-color:#676767;
	scrollbar-arrow-color:#848484;
	scrollbar-track-color:#676767;
	scrollbar-darkshadow-color:#676767;
	scrollbar-base-color:#676767;
}
.selectOut {
	background:none;
}
.green_over {
	background:#9fd010 url('/images/common/green_over.gif') no-repeat left top;
	color:#44790c;
}
.nblue_over {
	background:#4bb2cd url('/images/common/nblue_over.gif') no-repeat left top;
	color:#136280;
}
.dblue_over {
	background:#6ba9db url('/images/common/dblue_over.gif') no-repeat left top;
	color:#35569b;
}
.nviolet_over {
	background:#8ba1de url('/images/common/nviolet_over.gif') no-repeat left top;
	color:#2d3e96;
}
.violet_over {
	background:#b4a0df url('/images/common/violet_over.gif') no-repeat left top;
	color:#5a3f8b;
}
.gray_over {
	background:#d6d6d6 url('/images/common/gray_over.gif') no-repeat left top;
	color:#636363;
}



