/* board common */
.search-bar { position: relative; *zoom:1; margin-bottom: 10px; border-bottom: 1px solid #ccd0d7; vertical-align: middle; }
.search-wrap { display: block; padding: 8px 0 5px; }
.search-bar fieldset { padding: 10px 15px; border: 1px solid #364c7a; background: #4968a0; line-height: 1.1; }
.search-bar label { margin-right: 1em; color: #a4ccff; vertical-align: middle; }
.search-bar select { width: 12%; min-width: 10em; height: 30px; padding-left: 5px; }
.search-bar .text { width: 50%; min-width: 153px; height: 1.65em; padding: .3em 1em .4em; }
.search-bar .btn { vertical-align: top; }
table {width:100%; border-collapse:collapse; border-spacing:0; word-wrap:break-word; word-break:break-all;}
td { vertical-align: top; }
select {vertical-align:middle;}
input[type="text"],
input[type="email"],
input[type="file"],
input[type="password"],
input[type="search"],
input.text {
	-webkit-appearance:none;
	height: 1.7em;
	padding: 0 .8em;
	border:1px solid #ccd0d7;
	outline-color:#2a7aef;
	background: #f6f8fa;
	font-size: 16px;
	line-height: 1.3;
}
textarea { padding: .5em; border:1px solid #ccd0d7; outline-color:#2a7aef; background: #f6f8fa; min-height:150px; font-size: 16px; }
.input-text { display: block; border:1px solid #ccd0d7; padding: .3em .8em; background: #f6f8fa; }
.input-text input[type="text"],
.input-text input[type="email"],
.input-text input[type="file"],
.input-text input[type="password"],
.input-text input[type="search"] {
	width: 100%;
	padding: 0;
	border: 0 none;
	background: transparent;
}
select.input-text { float:left; height:25px; border:1px solid #ccd0d7; padding: 0 0 0 .5em; background: #f6f8fa; color: #767676; margin-right: .3em; }
/* board_button */

[class*=button] { display: inline-block; *display: inline; *zoom:1; line-height: 1.5; vertical-align: middle; cursor: pointer; }
[class*=button]:hover { text-decoration: none; }
.button { padding:.35em 1.4em .4em; border:2px solid #6e91c6; border-radius: 3px; box-shadow: 0 1px 1px #e5e5e5; background: #fff url(../images/a/bg_button.gif) 0 bottom repeat-x; color: #6e91c6; font-size: 14px; }
.button-em { padding:.35em 1.4em .4em; border:2px solid #6e91c6; border-radius: 3px; background: #6e91c6; color: #fff; font-size: 1em;}
.button-b { padding-top: .4em; padding-bottom: .5em; box-shadow: 0 1px 1px #e5e5e5; font-size: 1.25em; font-weight: bold; }

/* board_layer */

.alertify, .alertify-log { font-family: 'Nanum Gothic', '¸¼Àº °íµñ', 'Malgun Gothic', 'µ¸¿ò', dotum, sans-serif; }
.alertify {
	background: #FFF;
	border: 3px solid #6e91c6; 
	border-radius: 8px;
	box-shadow: 0 3px 3px rgba(65,65,65,.3);
	-webkit-background-clip: padding;     /* Safari 4? Chrome 6? */
	-moz-background-clip: padding;     /* Firefox 3.6 */
	background-clip: padding-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */
}
.alertify-text { border: 1px solid #CCC; padding: 10px; border-radius: 4px; }
.alertify-button { border-radius: 4px; color: #FFF; padding: 7px 41px; text-decoration: none; }
.alertify-button:hover, .alertify-button:focus { outline: none; }
.alertify-button:active { position: relative; box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); }
.alertify-button-cancel, .alertify-button-cancel:hover, .alertify-button-cancel:focus { background-color: #FE1A00; border: 1px solid #D83526; }
.alertify-button-ok, .alertify-button-ok:hover, .alertify-button-ok:focus { background-color: #6e91c6; }
.alertify-log { background: #1F1F1F; background: rgba(0,0,0,.9); padding: 15px; border-radius: 4px; color: #FFF; text-shadow: -1px -1px 0 rgba(0,0,0,.5); }
.alertify-log-error { background: #FE1A00; background: rgba(254,26,0,.9); }
.alertify-log-success { background: #5CB811; background: rgba(92,184,17,.9); }
.alertify-show, .alertify-log {
	-webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
	-webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-ms-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */
}
.alertify-hide {
	-webkit-transition: all 250ms cubic-bezier(0.600, 0, 0.735, 0.045); /* older webkit */
	-webkit-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	-moz-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	-ms-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	-o-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045); /* easeInBack */
}
.alertify-log-hide {
	-webkit-transition: all 500ms cubic-bezier(0.600, 0, 0.735, 0.045); /* older webkit */
	-webkit-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	-moz-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	-ms-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	-o-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045); /* easeInBack */
}
.alertify-cover { position: fixed; z-index: 99999; top: 0; right: 0; bottom: 0; left: 0; }
.alertify-cover-hidden { display: none; }
.alertify { position: fixed; z-index: 99999; top: 50%; left: 50%; width: 380px; margin-top: -150px; margin-left: -190px; opacity: 1; }
.alertify-hidden {
	-webkit-transform: translate(0,-150px);
	-moz-transform: translate(0,-150px);
	-ms-transform: translate(0,-150px);
	-o-transform: translate(0,-150px);
	transform: translate(0,-150px);
	opacity: 0;
	display: none;
}
/* overwrite display: none; for everything except IE6-8 */
:root *> .alertify-hidden { display: block; }
.alertify-logs { position: fixed; z-index: 5000; bottom: 10px; right: 10px; width: 300px; }
.alertify-logs-hidden { display: none; }
.alertify-log { display: block; margin-top: 10px; position: relative; right: -300px;opacity: 0; }
.alertify-log-show { right: 0; opacity: 1; }
.alertify-log-hide {
	-webkit-transform: translate(300px, 0);
	-moz-transform: translate(300px, 0);
	-ms-transform: translate(300px, 0);
	-o-transform: translate(300px, 0);
	transform: translate(300px, 0);
	opacity: 0;
}
.alertify-dialog { padding: 30px 50px; }
.alertify-resetFocus { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.alertify-inner { text-align: center; }
.alertify-text {
	margin-bottom: 15px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 100%;
}
.alertify-button,
.alertify-button:hover,
.alertify-button:active,
.alertify-button:visited {
	background: none;
	text-decoration: none;
	border: none;
	/* line-height and font-size for input button */
	line-height: 1.5;
	font-size: 15px;
	display: inline-block;
	cursor: pointer;
}

.alertify-isHidden { visibility: hidden; }

.alertify-message { color: #3f598c; font-size: 18px; }
.alertify-message span { display: block; }

@media only screen and (max-width: 680px)
{
	.alertify, .alertify-logs {
		width: 90%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.alertify { left: 5%; margin: 0; }
	.alertify-message span { display: inline; }
}


/* board-list */
.board-list { border-bottom: 1px solid #ccd0d7; }
.board-list thead { border-collapse: separate; display: none; }
.board-list thead th { padding: 9px 0; border: 1px solid #ccd0d7; background-color: #f1f3f6; color: #8b9bb0; font-family: 'µ¸¿ò', dotum, sans-serif; font-size: 12px; font-weight: normal; text-align: center; }
.board-list tbody td { padding: .7em 0; border-top: 1px solid #f1f3f6; text-align: center; font-size: 12px; color: #999; }
.board-list tbody tr:first-child td { background: url(../images/a/bg_td.gif) 0 0 repeat-x; }
.board-list tr:hover { background-color: #f6f8fa; }
.board-list .title { padding-left: .5em; text-align: left; font-size: 14px; }
.board-list a { display: inline-block; *display: inline; *zoom:1; overflow: hidden; text-overflow: ellipsis; max-width: 90%; color: #444; white-space: nowrap; }
.board-list img { margin-top: -2px; vertical-align: middle; }


/* pagination */
.pagination { clear: both; margin: 30px 0; font-size: 14px; line-height: 1; text-align: center; vertical-align: middle; }
.pagination a, .pagination b { display: inline-block; *display: inline; *zoom:1; margin: 0; padding:0 .5em 0 .8em; border-left: 1px solid #d2d2d2; color: #220c08; vertical-align: middle; }
.pagination b { color: #2a7aef; font-weight: bold; }
.pagination a:hover { text-decoration: none; }
.pagination .first { border-left: 0 none; }
.pagination .prev2, .pagination .prev, .pagination .next, .pagination .next2 { overflow: hidden; width: 20px; height: 20px; padding: 0; border: 0 none; background: url(/img/new/btn.gif) 0 0 no-repeat; line-height: 1; text-indent: -200%; }
.pagination .prev { margin-right: .5em; background-position: -25px 0; }
.pagination .next { margin-left: .5em; background-position: -50px 0; }
.pagination .next2 { background-position: -75px 0; }
.pagination .current { display: none; }
.pagination .total em { font-weight: bold; }
.func { overflow: hidden; margin-top: 30px; padding: 2px 0; text-align: center; }
.button-em { color:#fff; cursor:pointer; background-color:#6e91c6; padding:0.35em 1.4em; border:2px solid #6e91c6; border-radius: 3px; }


/* board-view */
.board-view { border-top: 3px solid #4968a0; border-bottom: 1px solid #ccd0d7; }
.article-header { position: relative; *zoom:1; padding: 1.2em 3.6363636% 1em; border-bottom: 1px solid #ccd0d7; background: #f1f3f6; }
.article-header h1 { line-height: 1.2; font-size: 1.4em; }
.article-header p { margin: 1em 0 0; color: #ccc; font-size: 1em; }
.article-header .date, .article-header .hit { font-size:1em; color: #999; }
.article-header .name, .article-header .teacher { font-size:1.2em; color: #767676; }
.article-header .date b, .article-header .teacher b { font-size:1em; color: #8b9bb0; }
.article-header .state { font-size:1.2em; margin-top: 0.8em; }
.article-header .state:before { content: '|'; margin-left: .5em; margin-right: .5em; }
.board-view .body-wrap { overflow: hidden; padding: 3.6363636% 0; border-bottom: 1px solid #f1f3f6; font-size: 1.2em; line-height: 1.7; }
.board-view .body-embed { margin: 0 auto 3% auto; height:600px; }
.board-view .body-text p { margin-top: 0; }
.board-view .body-text img { margin: 1em 0; max-width:100%; height:auto;}
.neighbor { clear: both; margin: 1em 0 2em; border-top: 3px solid #4968a0; }
.neighbor li { overflow: hidden; border-bottom: 1px solid #ccd0d7; padding: .5em; padding-left: 4.6em; text-indent: -4.6em; }
.neighbor a { color: #444; }
.neighbor b { padding: 0 .5em; }
.neighbor b:after { content: '/'; margin-left: .5em; }
.neighbor span { color: #999; }
.func { overflow: hidden; margin-top: 30px; padding: 2px 0; text-align: center; }

@media screen and (max-width: 767px) 
{
	.board-view .body-embed { height:480px; }
}//*mediaquery*/

@media screen and (max-width: 640px)
{
	.board-view .body-text img { display: block; margin-left: auto; margin-right: auto; float: none !important; }
}//*mediaquery*/

@media screen and (min-width: 641px)
{
	.article-header{ padding-top: 2em; padding-bottom: 2em; }
	.article-header h1 { padding-right: 20%; font-size: 1.6em; }
	.article-header .category { margin-top: -5px; font-size: 14px; }
	.article-header p { position: absolute; top: 1.8em; right: 3.6363636%; margin-top: 0; }
	.article-header .article-info i { margin: 0 .5em; }
	.article-header .hit b { margin-right: .5em; }
	.article-header .state { display: block; margin-top: .3em; font-size: 1.1em; text-align: right; }
	.article-header .state:before { display: none; }
	.board-view .body-text img { margin: 0; }
	.neighbor { margin: 30px 0 40px; }
	.neighbor li { padding: 0; text-indent: 0; }
	.neighbor a, .neighbor span { display: inline-block; *display: inline; *zoom:1; padding-top: 10px; }
	.neighbor b { float: left; width: 15%; min-width: 60px; margin-right: 2em; padding: 12px 0; background: #f1f3f6; font-family: 'µ¸¿ò', dotum, sans-serif; font-size: 12px; text-align: center; }
	.neighbor b:after { display: none; }
}/*/mediaquery*/


/* board write (form-table) */
.board-write .noti { font-size: 12px; color: #8b9bb0; font-family: 'µ¸¿ò', dotum, sans-serif; }
.form-table-wrap { border-top: 3px solid #4968a0; }
.form-table { font-size: 1.1em; }
.form-table th, .form-table td { padding: ; font-size: 12px; font-family: 'µ¸¿ò', dotum, sans-serif; border-bottom: 1px solid #ccd0d7; }
.form-table th { background: #f1f3f6; text-align: center; color: #3f598c; font-weight: normal; vertical-align: middle; }
.form-table td {}
.form-table .td-inner { padding: 8px 4px; }
.form-table .required-wrap { position: relative; }
.form-table .required { position: absolute; top: -1px; left: -1px; }
.form-table .td-inner .in-text { margin-top:10px; font-size:12px; color:#8b9bb0; }
.form-table .select-option { position: relative; background: #6a6a6a; padding: .75em 1em; color: #fff; }
.form-table .select-option .label { display: block; }
.form-table .select-option .toggle-trigger { top: .75em; right: .75em; }
.form-table .option-list { overflow: hidden; padding: .5em 0 0; }
.form-table .option-list li { padding: .5em 1.5em .5em 1.5em; text-indent: -1.5em; }
.form-table .option-list input { margin-right: .2em; vertical-align: middle; }
.form-table input.text { box-sizing: border-box; width: 100%; }
.form-table textarea { box-sizing: border-box; width: 100%; }
.form-table .placeholder-like { vertical-align:middle; }
.form-table .small-like { display:inline-block; }
.form-table .btn-date { display:inline-block; width: 35px; height: 35px; padding: 0; border: 0 none; background: transparent url(../images/a/button.gif) -320px -55px no-repeat; vertical-align:middle; }
.form-table select.text { min-width: 10em; height: 2.35em; vertical-align:middle; }
.func { overflow: hidden; margin-top: 30px; padding: 2px 0; text-align: center; }
.input-selection select{ background-color:f6f8fa; border:1px solid #ccd0d7; padding: 0.5em 0.8em; vertical-align:inherit; }
.button { color:#6e91c6; cursor:pointer; background-color:#ffffff; padding:1.0em 1.8em; border:4px solid #6e91c6; border-radius: 3px; }
.button-b { color:#fff; cursor:pointer; background-color:#6e91c6; padding:1.0em 1.8em; border:2px solid #6e91c6; border-radius: 3px; }
@media screen and (max-width: 640px)
{
	.form-table th { display: none; }
	.form-table td { display: block; }
	.form-table .option-list { overflow: hidden; padding: .5em 0 0; -webkit-column-count: 2; -webkit-column-gap: 0; -moz-column-count: 2; -moz-column-gap: 0; column-count: 2; column-gap: 0; }
	.search-bar select { display: block; }
}/*/mediaquery*/
@media screen and (min-width: 641px)
{
	.form-table th { width: 100px; }
	.form-table .td-inner { padding-left: 3.25%; padding-right: 3.25%; }
	.form-table .select-option { padding: 0; background: transparent; color: #676767; }
	.form-table .select-option .label { display: none; }
	.form-table .option-list { overflow: hidden; padding: 0 1px 1px 0; }
	.form-table .option-list li { float: left; width: 33.1%; padding: 0; margin: 0 -1px -1px 0; border: 1px solid #f1f3f6; text-indent: 0; }
	.form-table .option-list label { display: block; padding: .5em; }
	.board-list thead { display: table-header-group; }
	.board-list .col-num { width:50px; }\
	.board-list .col-writer { width: 100px; }
	.board-list .col-date { width: 100px; }
	.board-list .col-hit { width: 55px; }
	.search-bar { margin-bottom: 20px; text-align: center; }
	.search-wrap { display: inline; }
	.search-wrap.target-on { display: inline !important; padding: 8px 0 5px; }
	.search-bar fieldset { padding: 15px; }
	.search-bar label { display: inline; }
	.search-bar .text { width: 22%; margin: 0 .2em; padding: 1px 10px 2px; vertical-align: top; }
}/*/mediaquery*/
@media screen and (min-width: 960px)
{
	.form-table .option-list li { width: 24.8%; }
}/*/mediaquery*/

@media screen and (min-width: 1240px)
{
	.form-table .option-list li { width: 19.85%; }
	.search-bar select { height: 34px; }
	.search-bar .text { padding: 3px 10px 4px; }
}/*/mediaquery*/
@media screen and (max-width: 767px)
{
	.board-list .importance1 { display: none; }
}/*/mediaquery*/

@media screen and (max-width: 479px) 
{
	.board-list { display: block; overflow: hidden; border-top: 3px solid #4968a0; }
	.board-list tbody { display: block; }
	.board-list tbody tr { position: relative; display: block; padding: .6em .5em .5em; border-top: 1px solid #f1f3f6; }
	.board-list tbody tr:after { content: ''; position: absolute; top: 50%; right: 1em; width: 8px; height: 12px; margin-top: -6px; }
	.board-list tbody td { display: inline-block; padding: 0; border-top: 0 none; font-size: .85em; line-height: 1; }
	.board-list tbody tr:first-child td { background: none; }
	.board-list .title { display: block; margin-bottom: .2em; padding: .3em 2em .3em 0; color: #000; font-size: 1.05em; }
	.board-list .col-state { margin-left: .5em; padding-left: .6em; border-left: 1px solid #ddd; }
	.board-list .importance2 { display: none; }
	
	
}/*/mediaquery*/


@media screen and (min-width: 768px)
{
	.pagination { margin: 40px 0; }
	.pagination .total { display: none; }
	.pagination .current { display: inline; }
}/*/mediaquery*/

	.bd_cate {
		overflow: hidden;
		margin: 20px 0 10px;
		padding: 1em 1.8em;
		background: #61768e;
		border: 1px solid #545454;
	}
	.bd_cate .label {
		float: left;
		margin: .2em 0;
		margin-right: 1em;
		color: #ccc;
		line-height: 1;
	}
	.bd_cate ul {
		overflow: hidden;
	}
	.bd_cate li {
		float: left;
		margin: .2em 0;
	}
	.bd_cate a {
		display: block;
		padding: 0 .75em;
		border-left: 1px solid #545454;
		color: #ccc;
		line-height: 1;
		vertical-align: middle;
	}
	.bd_cate li:first-child a {
		border-left: 0 none;
	}
	.bd_cate a.bd_cate_on {
		color: #fff;
		font-weight: bold;
	}