@charset "utf-8";
@font-face{font-family:"NanumGothic";src:url('./font/NanumGothic.eot');src:local('?'), url('./font/NanumGothic.woff') format('woff'), url('./font/NanumGothic.ttf') format('truetype'), url('NanumGothic.otf') format('opentype');font-weight:normal;font-style:normal}
@font-face{font-family:"NanumGothicBold";src:url('./font/NanumGothicBold.eot');src:local('?'), url('./font/NanumGothicBold.woff') format('woff'), url('./font/NanumGothicBold.ttf') format('truetype'), url('NanumGothicBold.otf') format('opentype');font-weight:normal;font-style:normal}
@font-face{font-family:"ProximaNovaWebBold";src:url('./font/ProximaNovaBold.eot');src:local('?'), url('./font/ProximaNovaBold.woff') format('woff'), url('./font/ProximaNovaBold.ttf') format('truetype'), url('ProximaNovaBold.otf') format('opentype');font-weight:bold;font-style:normal}
@font-face{font-family:"ProximaNovaWebBold1";src:url('./font/proximanova-semibold-webfont.eot');src:local('?'), url('./font/proximanova-semibold-webfont.woff') format('woff'), url('./font/proximanova-semibold-webfont.ttf') format('truetype'), url('proximanova-semibold-webfont.otf') format('opentype');font-weight:normal;font-style:normal}
@font-face{font-family:"ProximaNovaWeb";src:url('./font/proximanova-regular-webfont.eot');src:local('?'), url('./font/proximanova-regular-webfont.woff') format('woff'), url('./font/proximanova-regular-webfont.ttf') format('truetype'), url('proximanova-regular-webfont.otf') format('opentype');font-weight:100;font-style:normal}
@font-face{font-family:'NanumGothic02';src:url('./font/NanumGothic.eot')}
@font-face{font-family:'NanumGothicBold02';src:url('./font/NanumGothicBold.eot')}

.history_div * {margin:0;padding:0;color:#000;font-size:1em;font-family:malgun gothic, dotum, apple gothic}

.history_div ul,
.history_div ol,
.history_div li,
.history_div h1,
.history_div h2,
.history_div h3,
.history_div h4{list-style:none;padding:0;margin:0;}
.history_div img {vertical-align:middle}
.history_div input[type="checkbox"] {vertical-align:middle;margin:0;}
.history_div .mt5{margin-top:5px}
.history_div .mt10{margin-top:10px}
.history_div .mt15{margin-top:15px}
.history_div .mt20{margin-top:20px}
.history_div .mt25{margin-top:25px}
.history_div .mt30{margin-top:30px}
.history_div .mt35{margin-top:35px}
.history_div .mt40{margin-top:40px}
.history_div .mt45{margin-top:45px}
.history_div .mt50{margin-top:50px}
.history_div .mt55{margin-top:55px}
.history_div .mt60{margin-top:60px}


.history_div .btn_b01,
.history_div .btn_b02,
.history_div .btn_admin {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 12px/100% Arial, Helvetica, sans-serif;
	padding: .35em .8em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .3em; 
	-moz-border-radius: .3em;
	border-radius: .3em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.history_div .btn_b01:hover,
.history_div .btn_b02:hover,
.history_div .btn_admin:hover{
	text-decoration: none;
}
.history_div .btn_b01:focus,
.history_div .btn_b02:focus,
.history_div .btn_admin:focus{
	position: relative;
	top: 1px;
}

.history_div .btn_b01 {
	color: #606060 !important;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.history_div .btn_b01:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.history_div .btn_b01:focus {
	color: #999 !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}


.history_div .btn_b02 {
	color: #e9e9e9 !important;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.history_div .btn_b02:hover {
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.history_div .btn_b02:focus {
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

.history_div .btn_admin {
	color: #fef4e9 !important;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.history_div .btn_admin:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.history_div .btn_admin:focus {
	color: #fcd3a5 !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}


#container_title {font-size:12px;color:#333;text-align:right;height:auto;margin:10px 0;}



/* 게시판 목록 */
	.history_div.list .p_box{width:100%;overflow:hidden}
	.history_div.list .sub_txt{margin-top:10px;padding-top:35px;border-top:1px solid #e7e7e7;letter-spacing:-0.5px}

	.history_div.list p{padding:0;}
	.history_div.list {background:url('./img/history_line.gif') repeat-y 88px 0}
	.history_div.list .history_img{width:156px;position:relative;float:left;margin-right:54px;padding-left:10px;text-align:center;}
	.history_div.list .history_img .year_body {width:156px;height:80px;background:#999 url('./img/bg_pattern.png') repeat;
		-webkit-border-top-left-radius: 20px;
		-moz-border-top-left-radius: 20px;
		border-top-left-radius: 20px;
		-webkit-border-bottom-right-radius: 20px;
		-moz-border-bottom-right-radius: 20px;
		border-bottom-right-radius: 20px;
	}
	.history_div.list .history_img .year_body.first {background-color:#0455a4;}
	.history_div.list .history_img span{position:absolute;top:18px;left:10px;right:0;display:block;text-align:center;color:#fff;font-size:3em;font-family:"ProximaNovaWebBold"}

	.history_div.list .history_txt{width:;float:left;margin-top:12px}
	.history_div.list .history_txt .tit{position:relative;font-size:17px;color:#444;padding-top:8px}
	.history_div.list .history_txt .tit .bar{position:absolute;top:0;left:0;width:15px;height:1px;background:#555}
	.history_div.list .history_txt p{font-size:13px;color:#888;line-height:18px;text-align:justify;}
	.history_div.list .history_icon{width:130px;float:right;}
	.history_div.list .history_icon .icon_div{height:112px;padding:17px 0 0 0;border-top:1px solid #e7e7e7}
	.history_div.list .history_icon .icon_div strong{color:#e13137}
	.history_div.list .history_icon .icon_div .tit{margin-top:2px;font-size:10px;color:#888}



/* 게시판 목록 공통 */
	.btn_bo_user {float:right;margin:0;padding:0;list-style:none}
	.btn_bo_user li {float:left;margin-left:5px}
	.btn_bo_adm {float:left}
	.btn_bo_adm li {float:left;margin-right:5px}


/* 게시판 쓰기 */
	#wrapper_title {margin-bottom:20px;font-size:1.4em;font-family: 'Arial', 'Malgun gothic', sans-serif;}

	.history_div.write .frm_tbl {margin-bottom:20px;width:100%;border-collapse:collapse;border-spacing:0}
	.history_div.write .frm_tbl caption {padding:10px 0;font-weight:bold;text-align:left}
	.history_div.write .frm_tbl th {width:100px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f7f7f7;text-align:left}
	.history_div.write .frm_tbl td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff}
	.history_div.write .frm_tbl textarea, .frm_input {padding:2px 2px 3px;margin-top:5px;border:1px solid #b8c9c2;background:#f7f7f7;color:#000;vertical-align:middle}

	.history_div.write .no-style-table td {padding:4px 0;border-bottom:0;border-top:0;background:#fff}
	.history_div.write .no-style-table td input.ed{height:auto}

	.history_div.write .frm_tbl select,
	.history_div.write .frm_tbl input[type="text"],
	.history_div.write .frm_tbl input[type="password"]
	{
		padding: 6px 5px;
		margin:0;
		font-weight:bold;
		color: #333 !important;
		line-height:20px;
		background-color:#f7f7f7;
		border:1px solid #cccccc;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
		box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
		-webkit-transition:border linear .2s, box-shadow linear .2s;-moz-transition:border linear .2s, box-shadow linear .2s;-o-transition:border linear .2s, box-shadow linear .2s;
		transition:border linear .2s, box-shadow linear .2s;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
	}

	.history_div.write .frm_tbl select {
		padding: 7px 5px;
	}

	.history_div.write .frm_tbl select:focus,
	.history_div.write .frm_tbl input[type="text"]:focus,
	.history_div.write .frm_tbl input[type="password"]:focus{
		border-color:rgba(82, 168, 236, 0.8);outline:0;outline:thin dotted \9;
		-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.4);
		-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.4);
		box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.4);
	}

	.history_div.write .btn_confirm {padding-bottom:10px;text-align:center;background:#fff;}
	.history_div.write .frm_tbl td.td_not_input {padding:13px 10px;}
	.history_div.write .frm_tbl td [type="checkbox"] {margin-right:3px;}
	.history_div.write .frm_tbl td input[name="secret"] {margin-left:10px;}
	.history_div.write .btn_confirm p {padding-bottom:10px !important}