body{ background-color: #FCFCEF; font-family:"µ¸¿ò",Dotum,AppleGothic,sans-serif;text-align:center; margin:0; padding:0; line-height:18px;}
body, td, div {font-size:12px; color:#666666;}
form{margin:0; padding:0;}
img {border:0;}

a:link, a:visited, a:active{color:#666666; text-decoration:none}
a:hover{color:#438A00; text-decoration:none}

.al_c{text-align:center;}
.al_r{text-align:right;}
.vl_t {vertical-align:top;}
.vl_b {vertical-align:bottom;}
.bdw{width:694px;}
.bdln{background-color:#EBE0C8; height:1;}

/* TITLE */
#tit {background-color:#A1B710; height:30; text-align:center;}
#tit .ft{ font-family:"µ¸¿ò",Dotum,AppleGothic,sans-serif; font-size:12px; color:#ffffff;}
#vtit {height:54;}
#vtit .vft{ font-family:"µ¸¿ò",Dotum,AppleGothic,sans-serif; font-size:12px; color:#7D9F22; padding:0 0 0 90; font-weight:bold;}
#vtit .vft1{ font-family:"µ¸¿ò",Dotum,AppleGothic,sans-serif; font-size:12px; color:#96B14E;text-align:right; padding:0 15 0 0;}
#vtit .titbg {background:url(image/ptbg.gif) no-repeat; width:694; height:54;}
.titbg {background:url(image/titbg.gif) no-repeat; width:694; height:54;}
/* LIST */
#list .bg1{background-color:#FCFCEF; height:27;}
#list .bg2{background-color:#FAFAE6; height:27;}
#list .tx1{font-family:"tahoma"; font-size: 8pt; text-decoration: none; font-weight:normal; color:#96B14E; text-align:center;}
#list .tx2{font-family:"µ¸¿ò",Dotum,AppleGothic,sans-serif; font-size:12px;}
#list  a.tx2:link, a.tx2:visited, a.tx2:active{color:#7C7C76; text-decoration:none;}
#list  a.tx2:hover{color:#789403; text-decoration:underline;}
#list .tx3{font-family:"µ¸¿ò",Dotum,AppleGothic,sans-serif; font-size:12px; color:#97938C; text-align:center;}
#list .tx4{font-family:"tahoma"; font-size: 8pt; text-decoration: none; font-weight:normal; color:#96B14E; text-align:center;}

#list .ntx1{font-family:"µ¸¿ò",Dotum,AppleGothic,sans-serif; font-size:12px; color:#7D9F22; text-align:center; font-weight:bold;}
#list .ntx2{font-family:"µ¸¿ò",Dotum,AppleGothic,sans-serif; font-size:12px;}
#list  a.ntx2:link, a.ntx2:visited, a.ntx2:active{color:#789403; text-decoration:none; font-weight:bold;}
#list  a.ntx2:hover{color:#789403; text-decoration:none; font-weight:bold;}
#list .ntx3{font-family:"µ¸¿ò",Dotum,AppleGothic,sans-serif; font-size:12px; color:#97938C; text-align:center;}
#list .ntx4{font-family:"tahoma"; font-size: 8pt; text-decoration: none; font-weight:normal; color:#96B14E; text-align:center;}

/* VIEW */
#view .tx{font-family:"µ¸¿ò",Dotum,AppleGothic,sans-serif; font-size:12px; line-height:20px; padding:20 20 20 20; height:150;}
#view  a.vtxl:link, a.vtxl:visited, a.vtxl:active{color:#789403; text-decoration:underline; line-height:20px;}
#view  a.vtxl:hover{color:#789403; text-decoration:underline; line-height:20px;}
#view .data {font-family:"µ¸¿ò",Dotum,AppleGothic,sans-serif; font-size:12px; border-width:1; border-top-color:#EBE0C8; border-right-color:#EBE0C8; border-bottom-color:#EBE0C8; border-left-color:#EBE0C8; border-style:solid; padding:10 10 10 10;}

/* WRITE */
#write {border-width:1px 1px 1px 1px;border-style:solid;border-color:#EBE0C8;}
#write .lin{background-color:#EBE0C8; height:1;}
#write .ttx{text-align:center; font-weight:bold; color:#7D9F22;  width:120px; }
#write .wrtm{
	background-color:#fff; width:95%; height:200px; font:12px ±¼¸²; color:#333;
	border-top:1px solid #A6A6A6;
	border-right:1px solid #D8D8D8;
	border-bottom:1px solid #D8D8D8;
	border-left:1px solid #A6A6A6; padding:5px; overflow:auto;
}
#write .wtip {
	background-color:#FBFBFB; width:30%; height:22px; font:12px ±¼¸²; color:#333;
	border-top:1px solid #A6A6A6;
	border-right:1px solid #D8D8D8;
	border-bottom:1px solid #D8D8D8;
	border-left:1px solid #A6A6A6; padding:3px 0 0 3px; margin-right:2px;
	width:70%;
	margin-left:10px;
}
#write .wtip1 {
	background-color:#FBFBFB; width:30%; height:22px; font:12px ±¼¸²; color:#333;
	border-top:1px solid #A6A6A6;
	border-right:1px solid #D8D8D8;
	border-bottom:1px solid #D8D8D8;
	border-left:1px solid #A6A6A6; padding:3px 0 0 3px; margin-right:2px;
	width:90%;
	margin-left:10px;
}
#write .wtip2 {
	background-color:#FBFBFB; width:30%; height:22px; font:12px ±¼¸²; color:#333;
	border-top:1px solid #A6A6A6;
	border-right:1px solid #D8D8D8;
	border-bottom:1px solid #D8D8D8;
	border-left:1px solid #A6A6A6; padding:3px 0 0 3px; margin-right:2px;
	width:20%;
	margin-left:10px;
}

#cwrite .wtip2 {
	background-color:#FBFBFB; width:30%; height:22px; font:12px ±¼¸²; color:#333;
	border-top:1px solid #A6A6A6;
	border-right:1px solid #D8D8D8;
	border-bottom:1px solid #D8D8D8;
	border-left:1px solid #A6A6A6; padding:3px 0 0 3px; margin-right:2px;
	width:100;
	margin-left:10px;
}


/* COMMENT */
#comment .tit{font-family:"µ¸¿ò",Dotum,AppleGothic,sans-serif; font-size:12px; color:#7D9F22; font-weight:bold; border-width:1; border-top-color:#FCFCEF; border-right-color:FCFCEF; border-bottom-color:#EBE0C8; border-left-color:FCFCEF; border-style:solid;  padding:20 10 10 10; }
#comment .lst{font-family:"µ¸¿ò",Dotum,AppleGothic,sans-serif; font-size:12px; color:#7D9F22; padding:5 10 5 10;}
#comment .lstx1{font-family:"µ¸¿ò",Dotum,AppleGothic,sans-serif; font-size:12px; color:#4DA500;}
#comment .lstx2{font-family:"µ¸¿ò",Dotum,AppleGothic,sans-serif; font-size:12px; color:#7C7C76;}
#comment .lstx3{font-family:"tahoma"; font-size: 8pt; text-decoration: none; font-weight:normal; color:#96B14E; margin-left:10;}

#comment .wrt{font-family:"µ¸¿ò",Dotum,AppleGothic,sans-serif; font-size:12px; color:#7D9F22; font-weight:bold; border-width:1; border-top-color:#FCFCEF; border-right-color:FCFCEF; border-bottom-color:#EBE0C8; border-left-color:FCFCEF; border-style:solid;}
#comment .wrtm{width:100%; border-width:1; border-top-color:#EBE0C8; border-right-color:#EBE0C8; border-bottom-color:#EBE0C8; border-left-color:#EBE0C8; border-style:solid;}

/* PAGENUMBER */
.btph {margin:15 0 0 0;}
#pgnb {text-align:center; font-family:"µ¸¿ò",Dotum,AppleGothic,sans-serif; font-size:12px;}
#pgnb .pn_o, a.pn_o:link, a.pn_o:visited, a.pn_o:hover, a.pn_o:active{ font-weight:bold; color:#FF9900; margin:0 5 0 5;}
#pgnb .pn_of, a.pn_of:link, a.pn_of:visited, a.pn_of:hover, a.pn_of:active{ font-weight:bold; color:#97938C; margin:0 5 0 5;}
#pgnb .pn_bg {background-color:#EBE0C8; height:16; width:1;}
#pgnb .pntd_over { background: #F5F1DF; width:13;}
#pgnb .pntd_out  { background: #FCFCEF; width:13;}
#pgnb .txn{ cursor:hand; text-align:center;}


/* SEARCH */
.search {text-align:center; vertical-align:top; }
.searchIp{
	background-color:#FAFAE6; width:150px; height:22px; font-family:"µ¸¿ò",Dotum,AppleGothic,sans-serif; font-size:12px; color:#333;
	border-top:1px solid #EBE0C8;
	border-right:1px solid #EBE0C8;
	border-bottom:1px solid #EBE0C8;
	border-left:1px solid #EBE0C8; padding:3px 0 0 3px; margin-top:5px; margin-right:2px;	
}


/* BUTTONS */
a.button, span.button, del.button{
	display:-moz-inline-box;
	display:inline-block;
	cursor:pointer;
	border:none;
    font-size:0;
    line-height:0;
	background-position:0 0;
	background-repeat:no-repeat;
	height:30px;
	text-decoration:none;
	color:#2e523b;
	font-style:normal;
	margin:0 6px 0px 0;
	padding:0 10px 0 0;	
	vertical-align:middle;	
    padding-top:-2px;
	_position:relative;
	_width:10px;	
	_overflow-y:hidden;
}

a.button, span.button, del.button,
a.button span, span.button button, span.button input, del.button span{
    background-image:url('image/form_buttons.gif');
}

a.button span, span.button button, span.button input, del.button span{
	white-space:nowrap;
	cursor:pointer;
    color:#ffffff;
	display:-moz-inline-box;
	display:inline-block;
	line-height:1;
    letter-spacing:0 !important;
    font-family:"±¼¸²" !important;
    font-size:12px !important;
    font-weight:bold;
	font-style:normal;    
    background-color:transparent;
	background-position:100% 0;
	background-repeat:no-repeat;
	height:30px;
	padding:10px 20px 0 10px;
	margin:0 -16px 0 10px;
	border:none;
	vertical-align:text-top;
	zoom:1;
	_position:relative;
    _padding-left:0px;
	_padding-right:12px;
	_margin-right:-10px;	
	_display:block;
	_top:0;
	_right:-5px;
}
span.button button{    line-height:2.5;}
html.safari a.button span, html.safari del.button span{   line-height:1.3; }
html.safari span.button button{   line-height:2.6; }
html.safari a.button:focus, html.safari span.button button:focus{     outline:none; }
del.button{ background-position:0 -120px; 	}
del.button span{ 	cursor:default;     color:#aaa !important; 	background-position:100% -120px; }
span.button button, span.button input{ 	padding-top:0px; 	line-height:2.5;}
a.button:hover, span.button:hover, a.button:focus, 
a.dom-button-focus, span.button-behavior-hover{ 	background-position:0 -60px; 	color:#222; 	text-decoration:none; }
a.button:hover span, 
span.button:hover button, 
a.button:focus span, 
span.button-behavior-hover button, 
span.button-behavior-hover input{
	background-position:100% -60px;
}
a.button:active, a.button:focus span{ 	color:#444; }
del.button-behavior-hover, del.button:hover{ 	background-position:0 -180px;}
del.button-behavior-hover span, del.button:hover span{ 	background-position:100% -180px;}
span.button button, del.button span, span.button input{
	_behavior:expression(
		(function(el){

			if( typeof( behavior_onMouseEnter) == 'undefined'){

				
				behavior_onMouseEnter = function(el){
					
					var dEl = this.parentNode;					
					var sClass = dEl.className ;
					dEl.__defaultClassName = sClass ;
					dEl.className = sClass + ' button-behavior-hover';	
					this.setCapture();
				};

				behavior_onMouseLeave = function(el) {
					var dEl = this.parentNode;
					dEl.className = dEl.__defaultClassName ;
					dEl.__defaultClassName = undefined;
					this.releaseCapture();
				};


			};
			
			
			el.runtimeStyle.behavior = 'none';
			el.onmouseenter = behavior_onMouseEnter;
			el.onmouseleave = behavior_onMouseLeave;
			
			
		})(this));
}
