@charset "utf-8";


/* 테그별 기본 설정 */
html{overflow-y:scroll;}

body {
	color: #666;
	margin:0;
	padding:0;
	font-family:Dotum, "돋움", sans-serif;
	font-size:75%;
	line-height: 1.5em;
	background:url(../images/bg.gif) repeat-x left top;
}



div, p, span, td, th {
	/* 텍스트들의 css 정의 */

}

form {
	margin:0;
	padding:0;
}

ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

li {
	margin:0;
	padding:0;
}

hr {
	display:none;
}

table {
	border-collapse: collapse;
	padding:0;
	margin:0;
}

img, input.type-image {
	border: 0 none;
}

a:link, a:visited {
	color: #666;
	text-decoration: none;
}
a:active, a:hover {
	color: #000;
	text-decoration: none;
}

select {
	padding:0;
	margin:0;
}

input.type-text, textarea {
	border: 1px solid #ddd;
	background: #fff;
	padding: 1px;
}

input.type-text:hover, input.type-text:focus, textarea:hover, textarea:focus {
	background-color: #ffd;
}
select:hover, select:active {
	/*error background: #ffd; */
}

input, select, textarea {
	vertical-align: middle;
	font-size: 1em;
	color: #333;
}

/*
span.button, img.button, a.button {
	cursor: pointer;
	vertical-align: middle;
}
*/



a.board_n:link    {font-family:돋움; font-size: 11px; color:#666666;text-decoration:none;}
a.board_n:visited {font-family:돋움; font-size: 11px; color:#666666;text-decoration:none;}
a.board_n:active  {font-family:돋움; font-size: 11px; color:#2579c2;text-decoration:none;}
a.board_n:hover   {font-family:돋움; font-size: 11px; color:#666666;text-decoration:none;}	


a.po_f:link    {font-family:돋움; font-size: 11px; color:#336699;text-decoration:none;font-weight:bold;}
a.po_f:visited {font-family:돋움; font-size: 11px; color:#336699;text-decoration:none;font-weight:bold;}
a.po_f:active  {font-family:돋움; font-size: 11px; color:#2579c2;text-decoration:none;font-weight:bold;}
a.po_f:hover   {font-family:돋움; font-size: 11px; color:#333333;text-decoration:none;font-weight:bold;}	


/* float */
.float_left  { float:left; }
.float_right { float:right; }
.float_clear { clear:both; margin:0;padding:0;border:none;}



/* position */
.justify	 { text-align:justify; }
.center		 { text-align:center; }
.left		 { text-align:left; }
.right		 { text-align:right; }
.top		 { vertical-align:top; }
.middle		 { vertical-align:middle; }
.bottom		 { vertical-align:bottom; }


	
/* 폰트 Class 정의 */
.b_font		 { font-weight:bold;}		
.s_font		 { font-size: 11px;}
.t_font		 { font-size: 14px; font-family:돋움, verdana;}

.font_red  { color: #cc3333}
.font_blue  { color: #000066}

/* width */
.w_100        {width:100%;}
.w_none       {width:0; height:0;}



/* padding, margin  */
.pd_01		 {padding:1px;}
.pd_b01		 {padding-bottom:1px;}
.pd_l01		 {padding-left:1px;}
.pd_r01		 {padding-right:1px;}
.pd_t01		 {padding-top:1px;}
.pd_05		 {padding:5px;}
.pd_b05		 {padding-bottom:5px;}
.pd_l05		 {padding-left:5px;}
.pd_r05		 {padding-right:5px;}
.pd_t05		 {padding-top:5px;}
.pd_10		 {padding:10px;}
.pd_b10		 {padding-bottom:10px;}
.pd_l10		 {padding-left:10px;}
.pd_r10		 {padding-right:10px;}
.pd_t10		 {padding-top:10px;}
.pd_15		 {padding:15px;}
.pd_b15		 {padding-bottom:15px;}
.pd_l15		 {padding-left:15px;}
.pd_r15		 {padding-right:15px;}
.pd_t15		 {padding-top:15px;}
.pd_20		 {padding:20px;}
.pd_b20		 {padding-bottom:20px;}
.pd_l20		 {padding-left:20px;}
.pd_r20		 {padding-right:20px;}
.pd_t20		 {padding-top:20px;}
.pd_30		 {padding:30px;}
.pd_b30		 {padding-bottom:30px;}
.pd_l30		 {padding-left:30px;}
.pd_r30		 {padding-right:30px;}
.pd_t30		 {padding-top:30px;}
.pd_100		 {padding:100px;}
.pd_b100	 {padding-bottom:100px;}
.pd_l100	 {padding-left:100px;}
.pd_r100	 {padding-right:100px;}
.pd_t100	 {padding-top:100px;}


.mg_01		 {margin:1px;}
.mg_b01		 {margin-bottom:1px;}
.mg_l01		 {margin-left:1px;}
.mg_r01		 {margin-right:1px;}
.mg_t01		 {margin-top:1px;}
.mg_05		 {margin:5px;}
.mg_b05		 {margin-bottom:5px;}
.mg_l05		 {margin-left:5px;}
.mg_r05		 {margin-right:5px;}
.mg_t05		 {margin-top:5px;}
.mg_10		 {margin:10px;}
.mg_b10		 {margin-bottom:10px;}
.mg_l10		 {margin-left:10px;}
.mg_r10		 {margin-right:10px;}
.mg_t10		 {margin-top:10px;}
.mg_20		 {margin:20px;}
.mg_b20		 {margin-bottom:20px;}
.mg_l20		 {margin-left:20px;}
.mg_r20		 {margin-right:20px;}
.mg_t20		 {margin-top:20px;}
.mg_30		 {margin:30px;}
.mg_b30		 {margin-bottom:30px;}
.mg_l30		 {margin-left:30px;}
.mg_r30		 {margin-right:30px;}
.mg_t30		 {margin-top:30px;}

	

/* visible, display */
.visible_visible  {visibility:visible;}
.visible_hidden   {visibility:hidden;}
.display_none     {display:none;}
.display_block    {display:block;}
.display_inline   {display:inline;}




.debug{border:1px solid red;}
.dot_line{ background:url(../images/dot_line.gif) repeat-x ;}