﻿div.space
{
	padding-bottom: 5px;
}

div.space em
{
	color: #cf3e4a;
}

table.common
{
	width: 100%;
	border-top: 1px solid #414d76;
}

table.common caption
{
	padding-bottom: 5px;
	text-align: left;
}

table.common th
{
	position: relative;
	padding: 10px 5px;
	border-bottom: 1px solid #cecece;	
	color: #414d76;
	font-size: 13px;
}

table.common th:after	{ content: ""; position: absolute; top: 11px; right: 0; width: 1px; height: 14px; background: #cecece; }
table.common th:last-child:after	{ background: none; }

table.common td
{
	padding: 10px 5px;
	border-bottom: 1px solid #e9e9e9;
	background-color: #FFF;
	line-height: 130%;
	word-break: break-all;
	font-size: 13px;
}

table.common td.item
{
	background-color: #f0f2f8;
	text-align: right;
	font-weight: bold;
}

table.common td.item em
{
	color: #cf3e4a;
}

table.common td.align_center
{
	text-align: center;
}

table.common td.align_right
{
	text-align: right;
}

table.common td.content 
{
	padding-top: 25px;
	padding-bottom: 25px;
}

table.common td.content img
{
	max-width: 100%;
	margin: 5px 0;
}

table.common td.attach
{
	line-height: 180%;
}

table.common td.attach img
{
	vertical-align: middle;
}

table.common td input
{
	padding: 5px 10px;
	border: 1px solid rgba(125,125,125,0.25);
	background-color: #fffdf9;
	font-family: "NanumBarunGothic", "NanumGothic", "맑은 고딕", "Malgun Gothic", "돋움", Dotum, "굴림", Gulim, Helvetica, sans-serif;
}

table.common td textarea.textarea
{
	width: 98%;
	height: 500px;
	padding: 5px 5px;
	border: 1px solid rgba(125,125,125,0.25);
	background-color: #fffdf9;
	font-family: "NanumBarunGothic", "NanumGothic", "맑은 고딕", "Malgun Gothic", "돋움", Dotum, "굴림", Gulim, Helvetica, sans-serif;
}

table.common td video,
table.common td audio
{
	width: 100%;
}

table.common td input.checkbox
{
	padding: 5px 5px;
	border: 1px solid #333;
	background-color: #FFF;
	font-family: "NanumBarunGothic", "NanumGothic", "맑은 고딕", "Malgun Gothic", "돋움", Dotum, "굴림", Gulim, Helvetica, sans-serif;
	color: red;
}

table.common td img.thumb
{
	max-width: 100px;
}

table.common td img.attach
{
}

table.common td input.length05
{
	width: 5%;
}

table.common td input.length10
{
	width: 10%;
}

table.common td input.length20
{
	width: 20%;
}

table.common td input.length30
{
	width: 30%;
}

table.common td input.length40
{
	width: 40%;
}

table.common td input.length50
{
	width: 50%;
}

table.common td input.length60
{
	width: 60%;
}

table.common td input.length70
{
	width: 70%;
}

table.common td input.length80
{
	width: 80%;
}

table.common td input.length90
{
	width: 90%;
}

table.common td input.length95
{
	width: 95%;
}

div#board-paging
{
	padding-top: 20px;
	text-align: center;
}

div#board-paging span
{
	display: inline-block;
	padding: 0 10px;
	line-height: 28px;
	border: 1px solid #dbdbdb;
}

div#board-paging strong
{
	display: inline-block;
	padding: 0 10px;
	border: 1px solid #d03c22;
	font-weight: bold;
	line-height: 28px;
	color: #d03c22;
}

form.search
{
	overflow: hidden;
}

div.search
{
	float: left;
	padding-top: 20px;
}

div.search select
{
	padding: 4px 25px;
	border: 1px solid rgba(65,77,118,0.3);
	background-color: #d9ddeb;
	color: #414d76;
	font-family: "NanumBarunGothic", "NanumGothic", "맑은 고딕", "Malgun Gothic", "돋움", Dotum, "굴림", Gulim, Helvetica, sans-serif;
}

div.search input.input
{
	padding: 5px 10px;
	border: 1px solid rgba(65,77,118,0.3);
	background-color: #f0f2f8;
	font-family: "NanumBarunGothic", "NanumGothic", "맑은 고딕", "Malgun Gothic", "돋움", Dotum, "굴림", Gulim, Helvetica, sans-serif;
}

div.search input.submit
{
	margin-left: 3px;
	padding: 6px 15px 9px;
	border: none;
	background-color: #595959;
	color: #FFF;
	line-height: 14px;
	vertical-align: top;
	cursor: pointer;
	font-family: "NanumBarunGothic", "NanumGothic", "맑은 고딕", "Malgun Gothic", "돋움", Dotum, "굴림", Gulim, Helvetica, sans-serif;
}

div.command
{
	float: right;
	padding-top: 20px;
}

div.command a,
div.command input
{
	display: inline-block;
	border: none;
	padding: 5px 20px;
	font-size: 13px;
	line-height: 20px;
	background-color: #414d76;
	color: #FFF;
	font-weight: bold;
	cursor: pointer;
	font-family: "NanumBarunGothic", "NanumGothic", "맑은 고딕", "Malgun Gothic", "돋움", Dotum, "굴림", Gulim, Helvetica, sans-serif;
}

span.blue
{
	color: blue;
}

span.red
{
	color: red;
}

span.green
{
	color: #647e20;
}

/* 행사앨범 */
div.board_gallery
{
	overflow: hidden;
}

div.board_gallery_list
{
	float: left;
	width: 23%;
	padding: 0 1% 30px 1%;
	margin-top: 15px;
}

div.board_gallery_thum
{
	height: 100px;
	overflow-y: hidden;
	overflow-x:hidden
}

div.board_gallery_thum a.imgbox			{ position: relative; }
div.board_gallery_thum a.imgbox:after	{ content: ""; position: absolute; top: 0px; left: 0; width: 99%; height: 98px; border: 1px solid rgba(65,77,118,0.4); }

div.board_gallery_thum img
{
	width: 100%;
	height:100%
}

div.gall_text
{
	text-align: center;
	margin: 10px 0;
}

div.gall_text p
{
	font-weight: bold;
	line-height: 25px;
}

div.gall_text span
{
}


@media(max-width:1023px) {
	div.board_gallery_list {width:48%;}
	div.board_gallery_thum {height:270px}
}

@media(max-width:800px) {
	div.board_gallery_thum {height:200px}
}

@media(max-width:700px) {
	div.board_gallery_thum {height:160px}
}

@media(max-width:600px) {
	div.board_gallery_thum {height:130px}
}

@media(max-width:500px) {
	div.board_gallery_list {width:98%;}
	div.board_gallery_thum {height:270px}
}

@media(max-width:430px) {
	div.board_gallery_thum {height:170px}
}




@media(max-width:770px) {	

	table.common th, table.common td { 	padding: 10px 2px; }

	
}

@media(max-width:660px) {	
	table.common th:nth-child(5), table.common th:last-child, table.common td:nth-child(5), table.common td:last-child { display: none; }

	table.common th:first-child	{ width: 10% }
	table.common th:nth-child(4):after	{ background: none; }

	div.search input.input {width: 40%;}
}