/*
	HICOMP INC
	========================================================================
	BAE SANG HOON
	DEVELOPMENT Dept. Assistant Manager
	E-Mail : shbae@hicomp.net
	========================================================================
*/
@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* CSS Document */
html{overflow: -moz-scrollbars-vertical; overflow-y: scroll;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;}
BODY,TD,SELECT,input,DIV,form,TEXTAREA,center,option,pre,blockquote {font-size:12px; line-height:150%; color:#444444; font-family:NanumGothic, "나눔고딕", "Nanum Gothic", "맑은 고딕", "Malgun Gothic", Dotum, "돋움", Verdana, Arial, "Trebuchet MS";}
article, aside, hgroup, header, footer, figure, figcaption, nav, section,time, mark, canvas, video, audio, details, summary {display:block;}

table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
img,input.type-image {border: 0 none;}

ul,ol,li{list-style:none}

fieldset,img{border:0;}
del,ins{text-decoration:none;}


A {color: #444444}
A:link {font-size: 12px; color: #444444; text-decoration:none}
A:visited {font-size: 12px; color: #444444; text-decoration:none}
A:active {font-size: 12px; color: #444444; text-decoration:none}
A:hover {font-size: 12px; color: #444444; text-decoration:none}

.input{border:1px solid #cccccc; background-color:#FFF;height:20px; vertical-align:middle;font-size:13px}
.input_select{border:1px solid #cccccc; background-color:#FFF;height:20px; vertical-align:middle;font-size:13px}
.input_select{border:1px solid #cccccc; background-color:#FFF;height:20px; vertical-align:middle;font-size:13px}
.input_text{border:1px solid #cccccc; background-color:#FFF; vertical-align:middle;font-size:13px;height:18px; }
.input_text_field{border:1px solid #cccccc; background-color:#FFF; vertical-align:middle;font-size:13px;height:200px;}

.text_left {font-size:12px; color:#444444; text-align:left;}
.text_center {font-size:12px; color:#444444; text-align:center;}
.text_right {font-size:12px; color:#444444; text-align:right;}

.insert_page_text {padding-left:20px;}
.insert_page_text_b {padding-left:20px;font-weight:bold}

#wrap {width:100%;}
#default_size {width:720px;}

/* 회원가입 */

.m_title 
{

 font-size: 18px; 
 color:#414141;
 font-weight:bold;
 padding-bottom:8px;
}

.m_txt
{

 font-size: 12px; 
 color:#5d5d5d;
 font-weight:bold;
 padding:0px 0px 15px 3px;
 
}

.top_line 
{
 border-top:2px solid #0064b0;
}
.mid_line
{
 border-top:1px solid #e1e1e1;
}
.bot_line
{
 border-top:2px solid #cbcdc9;
}

.mid_bg 
{
 background-color:#f1f1f1; 
 text-align:left;
 padding:5px 10px 5px 10px;
 height:26px;
 font-size: 12px; font-weight:bold;
 color:#0064b0;
 letter-spacing:0.1em;
}
.mid_bg1 
{
 background-color:#FFFFFF; 
 text-align:left;
 padding:5px 10px 5px 10px;
}
.input_m
{
border:1px solid #cccccc;
background-color:#FFFFFF;
height:20px;
vertical-align:middle;
font-size:12px;
padding:0px 5px 2px 5px;
}
.textarea_m
{
text-align:left;
border:1px solid #cccccc;
background-color:#FFFFFF;
font-size:12px;
padding:10px 10px 10px 10px;
width:92%;

}

.txt_m 
{

 font-size: 11px; 
 letter-spacing:0.1em;
 color:#8c8c8c;
}
/* 회원가입 */

/* 로그인*/
.login_txt
{

 font-size: 12px; 
 letter-spacing:0.1em;
 color:#4c4c4c;
 font-weight:bold;
}

/* 게시판 */
#board_list {
	width:100%;
	margin:0px 0px 30px 0px;
	} #board_list thead {
		height:38px;
		vertical-align:top;
		background:url(../../images/common/board_bg.jpg) repeat left;
		border-top:2px solid #0064b0;
		}#board_list thead tr {
		height:38px;
		} #board_list thead th {
			background:url(../../images/common/board_partition.jpg) right center no-repeat;
			padding-top:8px;
		} 
		#board_list tbody tr {
			border-bottom:1px solid #cbcdc9;
			}#board_list tbody td {
				padding:5px 0px 5px 0px;
			}

#board_write {
	width:100%;
	border-bottom:2px solid #cbcdc9;
	margin:0px 0px 30px 0px;
	} #board_write thead tr {
			border-bottom:1px solid #e1e1e1;
			} #board_write thead {
				border-top:2px solid #0064b0;
				} #board_write thead th {
						width:120px;
						background-color:#f1f1f1;
						text-align:center;
						padding:5px 10px 5px 10px;
						color:#0064b0;
					} #board_write thead td {
						padding:5px 10px 5px 10px;
					}
			#board_write tfoot {
				border-top:1px solid #e1e1e1;
				padding:0px 0px 0px 0px;
				}
			 #board_write tfoot th {
					width:120px;
					background-color:#f1f1f1;
					text-align:center;
					padding:5px 10px 5px 10px;
					color:#0064b0;
				} #board_write tfoot td {
						padding:3px 10px 0px 10px;
					}
#board_view {
	width:100%;
	margin:0px 0px 30px 0px;
	border-bottom:2px solid #cbcdc9;
	} #board_view thead {
		border-top:2px solid #0064b0;
		} #board_view thead tr {
			border-bottom:1px solid #e1e1e1;
				} #board_view thead th {
					width:120px;
					background-color:#f1f1f1;
					text-align:left;
					padding:5px 10px 5px 10px;
					color:#0064b0;
				} #board_view thead td {
						padding:5px 10px 5px 10px;
					}
		#board_view tbody td {
						padding:10px 10px 30px 10px;
					}

#board_view_bottom {
	width:100%;
	margin:0px 0px 30px 0px;
	border-top:1px solid #cbcdc9;
	border-bottom:2px solid #cbcdc9;
	} #board_view_bottom tr {
			border-bottom:1px solid #cbcdc9;
			} #board_view_bottom th {
				width:120px;
				background-color:#f1f1f1;
				text-align:left;
				padding:10px 0px 10px 10px;
				color:#0064b0;
				} #board_view_bottom td {
						padding:5px 0px 5px 10px;
					}

#check_text dt {
	background:url(../../images/common/chk_text_bg.jpg) no-repeat;
	width:100px;
	height:30px;
	text-align:center;
	padding:10px 10px 0px 0px;
	float:left;
	} #check_text dd {
		padding:8px 0px 0px 10px;
	}

#gallery_list {
	width:100%;
	margin:0px 0px 30px 0px;
	border-bottom:2px solid #cbcdc9;
	} #gallery_list thead tr {
		height:38px;
		}#gallery_list thead {
		height:38px;
		vertical-align:top;
		background:url(../../images/common/board_bg.jpg) repeat left;
		border-top:2px solid #0064b0;
		}
#photo_thumb {
	text-align:center;
	} #photo_thumb dt a {
		font-weight:bold;
		color:#0064b0;
		}

#staff_list {
	width:100%;
	margin:0px 0px 30px 0px;
	} /*#board_list thead {
		height:38px;
		vertical-align:top;
		background:url(../images/common/board_bg.jpg) repeat left;
		border-top:2px solid #0064b0;
		} #board_list thead th {
			background:url(../images/common/board_partition.jpg) right center no-repeat;
			padding-top:8px;
		} 
		#board_list tbody tr {
			border-bottom:1px solid #cbcdc9;
			}#board_list tbody td {
				padding:5px 0px 5px 0px;
			}*/


.b_top_line 
{border-top:2px solid #0064b0; width:100%;}

.b_mid_line
{border-top:1px solid #e1e1e1; width:100%;}

.b_bot_line
{
 background:url(../images/common/board_line.jpg) repeat left;
 width:100%;
 height:3px;
}

.b_mid_bg
{
 background:url(../images/common/board_bg.jpg) repeat left;
 width:100%;
 height:34px;
 font-size: 11px; 
 letter-spacing:0.1em;
 color:#4c4c4c;
 font-weight:bold;
}
/* hoon temp*/
.b_mid_bg
{
text-align: center
}
.b_center
{
text-align: center
}
.b_center2
{
text-align: center
}
/* hoon temp*/

.b_txt 
{

 font-size: 11px; 
 letter-spacing:0.1em;
 height:30px;
}
.b_line 
{
 font-size: 8px; 
 text-align:center;
vertical-align:middle;
color:#aeaeae;
}
.b_subject
{


 letter-spacing:0.1em;
 padding:7px 10px 7px 10px;
}

.b_search
{

 background-color:#f1f1f1; 
 text-align:center;
 height:60px;
}
.b_select
{border:1px solid #cccccc; 

background-color:#FFFFFF;
height:24px; 
vertical-align:middle;
font-size:12px;
padding:1px 1px 1px 0px;
}

.b_num
{

background-color:#FFFFFF;
vertical-align:middle;
font-size:12px;
font-weight:bold;
width:20px;
 text-align:center;
padding:1px 1px 1px 0px;
}

.b_num_ov
{

background-color:#9f9f9f;
vertical-align:middle;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
width:20px;
 text-align:center;
padding:0px 2px 1px 2px;
}
/* 게시판 */

/* 포토게시판 */
.photo_select
{


font-size:12px;
vertical-align:middle;
text-align:center;
font-weight:bold;
padding:10px 5px 0px 5px;
}

.photo_day_select
{


font-size:11px;
vertical-align:middle;
text-align:center;

}

/* 버튼 */
#btn {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background-color:#f9f9f9;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#666666;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	padding:3px 10px 0px 10px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
	cursor:pointer;
}
#btn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) );
	background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
	background-color:#e9e9e9;
	color:#0064b0;
}#btn:active {
	position:relative;
}
/*hoon temp*/
.bu_login_bg{
	background:#7f7f7f; padding:2px 8px 2px 8px; color:#fff; font-weight:600;
}
.bu_login_bg:hover {
	background-color:#e9e9e9;
	color:#0064b0;
}
.bu_search_bg{
	background:#7f7f7f; padding:2px 8px 2px 8px; color:#fff; font-weight:600; margin-left:10px;
}
/*hoon temp*/
#btn_login {
	background-color:#0064b0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	padding:5px 5px 5px 5px;
	vertical-align:baseline;
	width:55px;
	height:55px;
	text-align:center;
	text-shadow:1px 1px 0px #717171;
	cursor:pointer;
}
#btn_login:hover {
	background-color:#e9e9e9;
	color:#0064b0;
}
#btn_login_m {
	background: #dbbac5; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZGJiYWM1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTUlIiBzdG9wLWNvbG9yPSIjODYxYTNjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzg2MWEzYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(-45deg,  #dbbac5 0%, #861a3c 55%, #861a3c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#dbbac5), color-stop(55%,#861a3c), color-stop(100%,#861a3c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #dbbac5 0%,#861a3c 55%,#861a3c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #dbbac5 0%,#861a3c 55%,#861a3c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #dbbac5 0%,#861a3c 55%,#861a3c 100%); /* IE10+ */
background: linear-gradient(135deg,  #dbbac5 0%,#861a3c 55%,#861a3c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbbac5', endColorstr='#861a3c',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

	border:1px solid #cbcdcc;
	display:inline-block;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	padding:12px 13px 12px 13px;
	text-align:center;
	text-shadow:1px 1px 0px #717171;
	cursor:pointer;
}
#btn_login_m:hover {
	color:#0064b0;
}


/* 버튼 */