html, body, ul, ol, li, form, fieldset, legend, input {
    margin: 0;
    padding: 0;
}

.board_base {
	font-size: 12px;
	line-height: 13px;
}

.board_base th,.board_base td {
	text-align: normal;
	vertical-align: middle;
}
/* a-style */
.board_base a:link{color:#707070; text-decoration: none;}
.board_base a:visited{color:#707070; text-decoration: none;}
.board_base a:active{color:#707070; text-decoration: none;}
.board_base a:hover{color:#ff0000;}

.comment_cnt {
	font-size: 10px; 
	color: #aaaaaa; 
}

.inputstyle {
	font-size: 12px; 
	color: #666666; 
	line-height: 14pt; 
	vertical-align:middle;
	height:22px;
	border:1px #cccccc solid;
	width: 100%;
}

.help {
	font-size: 12px; 
	color: #aaaaaa; 
}

.tr_title {
	background-color: #f8f8f8;
	text-align: center;
	height: 26px;
}

.tr_content {
	
}

.line_dot {
	background: url('/common/img/dot.gif');
	height: 1px;
}

.line_gray01 {
	background-color: #cccccc;
	height: 1px;
}

.line_gray02 {
	background-color: #cdcce6;
	height: 2px;
}

.line_gray03 {
	background-color: #bbbbbb;
	height: 2px;
}

.list_title01 {
	font-size: 12px; 
	color: #4f4f4f; 
	/*line-height: 35px;*/ 
	text-align: center;
	font-weight: bold;
	padding: 7px 0;
	/*padding-bottom: 7px;*/
}

.list_data01 {
	/*height: 25px;*/
	padding: 7px 0;
	font-size: 12px; 
	/*line-height: 14pt;*/
	text-align: center;
}

.list_data02 {
	font-size: 12px; 
	line-height: 14pt; 
	text-align: center;
}

.list_subject01 {
	/*height: 25px;*/
	padding: 7px 0;
	font-size: 12px; 
	/*line-height: 14pt;*/
	text-align: left;
/*	overflow: hidden;
	display: inline-block;
	text-overflow:ellipsis;
	white-space:nowrap;*/
}

.list_btn01 {
	text-align: left;
}
.list_btn02 {
	text-align: right;
}

.board_pageing td {
	font-size: 12px;
}
.board_pageing td.board_page_out a {
	display: inline-block;
	vertical-align: middle;
	height: 15px;
	line-height: 15px;
	/* width: 15px; */
	border: 1px solid #fff;
	text-align: center;
}
.board_pageing td.board_page_out a:hover, .board_pageing td.board_page_hover a {
	display: inline-block;
	height: 15px;
	line-height: 15px;
	/* width: 15px; */
	border: 1px solid #fff;
	text-align: center;
	font-weight: bold;
	color: red;
}



.board_tab {	
	/*background: url("./img/tab_bot_bg.gif") repeat 0px 0px;*/
	height:45px;
	border-bottom:1px solid #dedede;
	list-style: none;
	margin-bottom: 25px;
}

.board_tab li a {
	display: inline-block;
	width: 124px;
	height: 44px;
	border-top:1px solid #dedede;
	border-left:1px solid #dedede;
	border-right:1px solid #dedede;
	background-color:#eee;
	color: #666;
	line-height: 42px;
	text-align: center;
	font-size:15px;
	font-weight:bold;
	
	/*background: url("./img/tab_out.gif") no-repeat 0px 0px;*/
}
.board_tab li a:link{color:#666; text-decoration: none;}
.board_tab li a:visited{color:#666; text-decoration: none;}
.board_tab li a:active{color:#666; text-decoration: none;}
.board_tab li a:hover{
	color:#fff; 
	text-decoration: none;
}
.board_tab li a.bt:hover, .board_tab li a.bt.over {
	color: #fff;
	background-color:#4e4e4e;
}
.board_tab li a:hover, .board_tab li a.over {
	color: #fff;
	/*background: url("./img/tab_over.gif") no-repeat 0px 0px;*/
}
.board_tab li a.b1:hover, .board_tab li a.b1.over {
	background: url("./img/tab_over1.gif") no-repeat 0px 0px;
}
.board_tab li a.b2:hover, .board_tab li a.b2.over {
	background: url("./img/tab_over2.gif") no-repeat 0px 0px;
}
.board_tab li a.b3:hover, .board_tab li a.b3.over {
	background: url("./img/tab_over3.gif") no-repeat 0px 0px;
}
.board_tab li a.b4:hover, .board_tab li a.b4.over {
	background: url("./img/tab_over4.gif") no-repeat 0px 0px;
}
.board_tab li a.b5:hover, .board_tab li a.b5.over {
	background: url("./img/tab_over5.gif") no-repeat 0px 0px;
}
.board_tab li a.b6:hover, .board_tab li a.b6.over {
	background: url("./img/tab_over6.gif") no-repeat 0px 0px;
}
.board_tab li a.b7:hover, .board_tab li a.b7.over {
	background: url("./img/tab_over7.gif") no-repeat 0px 0px;
}

.board_tab li {
	padding-left:2px;
	font-size: 12px;
	height: 47px;
	float: left;
	margin: 0px;
}
#file_r {
	display: block;
}
#file_m {
	display: none;
}
/* 버튼 160112 */
.button {
	border-radius: 0.5em;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	cursor: pointer;
	display: inline-block;
	font: 14px/100% Arial,Helvetica,sans-serif;
	margin: 0 2px;
	outline: medium none;
	padding: 0.5em 2em 0.55em;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
	vertical-align: baseline;
	font-family: NanumGothic;
	height:24px;
}
.white { 
	background-color: #fff;
	border: 1px solid #b7b7b7;
	color: #606060;
}
.white:hover {
	background-color: #ededed;
	border: 1px solid #b7b7b7;
	color: #606060;
}
.gray {
	background-color: #888;
	border: 1px solid #555;
	color: #e9e9e9;
}
.gray:hover { 
	background-color:#757575;
	border: 1px solid #555;
	color: #e9e9e9;
}
.light_gray {
	background-color: #eaeaea;
	border: 1px solid #dcdcdc;
	color: #777;
}
.light_gray:hover {
	background-color: #dfdfdf;
	border: 1px solid #dcdcdc;
	color: #777;
}
.medium {
    font-size: 12px;
    padding: 0.4em 1.5em 0.42em;
}
.small {
	font-size: 11px;
	padding: 0.2em 1em 0.275em;
}


.btnTypeC {
	background: #808080 none repeat scroll 0 0;
	border-bottom: 1px solid #696969;
	color: #fff !important;
	font-weight: bold;
	height: 42px;
	line-height: 42px;
	text-align: center;
	text-decoration: none !important;
	width: 131px;
	display:inline-block;
	border: none;
}
.btnTypeO {
	background: #6b8413 none repeat scroll 0 0;
	border-bottom: 1px solid #696969;
	color: #fff !important;
	font-weight: bold;
	height: 42px;
	line-height: 42px;
	text-align: center;
	text-decoration: none !important;
	width: 131px;
	display:inline-block;
	border: none;
}


@media all and (max-width:768px) {
	#file_r {
		display: none;
	}
	#file_m {
		display: block;
	}
	.board_tab {
		border: none;
	}
	.board_tab li {
		margin-bottom: 0px;
	}
	.board_tab li a {
		border-bottom:1px solid #dedede;
	}
}
@media all and (max-width:320px) {
	.medium {
		font-size: 10px;
	}
	.list_title01 {
		font-size: 11px;
	}
}