@charset "utf-8";

a.btn	{border-radius:1px;}
.btn	{display: inline-block; *display: inline; *zoom:1; 
	color: #fff !important;font-size: 14px;line-height: 1.2;padding:8px 25px 0 25px;margin:1px;height:25px;border-radius:1px;text-align: center;	vertical-align: middle;border:2px solid #DA2127;background: #DA2127;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;}
.btn:hover,
.btn:focus			{background: #fff;color:#DA2127 !important;}
.btn.btn_small	{height:20px;font-size:14px;padding:5px 18px 0 18px;}
.btn.btn_xsmall {height:16px;font-size:13px;padding:2px 18px 0 18px;}

.btn.btn_board				{border:2px solid #DA2127;background: #DA2127;}
.btn.btn_board:hover,
.btn.btn_board:focus		{background: #fff;color:#DA2127 !important;}

.btn.btn_board_gray			{border:2px solid #6D6E71;background: #6D6E71;}
.btn.btn_board_gray:hover,
.btn.btn_board_gray:focus	{background: #fff;color:#6D6E71 !important;}

.btn.btn_gray				{border:2px solid #6D6E71;background: #6D6E71;}
.btn.btn_gray:hover,
.btn.btn_gray:focus			{background: #fff;color:#6D6E71 !important;}

.btn.btn_wgray				{border:1px solid #DCDCDC;background: #ECECEC;color:#666 !important;}
.btn.btn_wgray:hover,
.btn.btn_wgray:focus		{border:1px solid #6D6E71;background: #6D6E71;color:#fff !important;}

.btn.btn_wh					{border:1px solid #ddd;background: #fff;color:#666 !important;}
.btn.btn_wh:hover,
.btn.btn_wh:focus			{border:1px solid #6D6E71;background: #6D6E71;color:#fff !important;}

button.btn,
input[type="submit"].btn,
button.btn.btn_gray,
input[type="submit"].btn.btn_gray	{cursor: pointer;height: 38px;	padding: 0 25px;}
button[type="button"].btn			{height: 32px!important;}

button.btn.btn_small,
button.btn.btn_gray,
input[type="submit"].btn.btn_small	 {height: 32px;	padding: 0 18px 2px;}
button[type="button"].btn_small		{height: 22px!important;}

.board_info			{margin:10px 0;}
.board_info	em		{color:#C48B3A}

.board_search			{border:1px solid #eaeaea;background:#f4f4f4;padding:10px;margin:20px 0;text-align:center;line-height:1.2}
.board_search legend	{position:absolute;width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}
.board_search select	{border:1px solid #ccc;padding:0 5px;font-weight:normal; color:#727272;display:inline-block; vertical-align:middle; line-height:1.2;}

.board_list							{border-top:2px solid #DA2127;border-bottom:1px solid #555;}
.board_list table					{display:table;}
.board_list table thead th			{padding:8px 5px;border-bottom:1px solid #aaa;background:#f6f6f6;color:#222;font-weight:normal;text-align:center;} 
.board_list table thead tr,
.board_list table tbody tr			{display:table-row; width:100%; padding:0;}
.board_list table tbody tr			{border-top:1px solid #ddd;}
.board_list table tbody tr:first-child{border-top:none;}
.board_list table tbody tr:hover,
.board_list table tbody tr:focus 	{background:#f6f6f6;}
.board_list table tbody tr:hover td.subject a,
.board_list table tbody tr:focus td.subject a {color:#DA2127;}
.board_list table tbody th, 
.board_list table tbody td			{display:table-cell;float:none;width:auto;padding:8px 5px;text-align:center;}
.board_list table tbody td.subject	{position:static; width:auto !important;text-align:left;}
.board_list table tbody td.subject a{color:#333;text-decoration:none;}
.board_list table tbody td.num		{font-size:14px;}
.board_list table tbody td.num,
.board_list table tbody td.file,
.board_list table tbody td.writer,
.board_list table tbody td.date,
.board_list table tbody td.hit		{position:static;}
.board_list table .notice			{color:#DA2127;}
.board_list table .m_file			{display:none;}
.board_list table img				{vertical-align:middle;margin-left:10px;}
.board_list thead .subject	{width:auto;}
.board_list thead .num		{width:8%;}
.board_list thead .file,
.board_list thead .hit		{width:8%;}
.board_list thead .writer	{width:15%;}
.board_list thead .date		{width:15%;}

.board_view		{border-top:2px solid #DA2127;border-bottom:1px solid #555;}
.board_view	h2	{padding:15px 0;margin:0;background:none;}
.board_view	.board_info		{padding:0 0 10px 0;margin:0;font-size:14px;}
.board_view	.board_info	dl	{clear:both;padding:0;margin:0;}
.board_view	.board_info	dt	{float:left;padding:0;margin:0 10px 0 0;color:#757575;}
.board_view	.board_info	dd	{float:left;padding:0;margin:0 10px 0 0;}
.board_view .board_cont		{clear:both;padding:20px 0;margin:0;border-top:1px solid #555;}
.board_view .board_cont img {max-width:100%; height:auto;}
.board_view	.attach			{clear:both;padding:8px 10px;margin:0;border-top:1px solid #ccc;background:#f4f4f4;}
/* .board_view	.attach	li		{padding-left:20px;background:url('/wbbs/img/ico_file.gif') no-repeat 0 0.5em} [2015.10.26 접근성수정]*/
.board_view	.attach	img		{padding:5px 5px 0 0;}

.board_write				{border-top:2px solid #555;border-bottom:1px solid #555;}
.board_write th,
.board_write td				{padding:8px 0 8px 10px;border-top:1px solid #dadada;color:#222;font-weight:normal;text-align:left;}
.board_write th				{width:120px;background:#f6f6f6;}
.board_write td				{background:#ffffff;}
.board_write textarea		{width:90%;min-height:200px;}
.board_write li			{margin:0 0 2px 0;}

.event_list				{border-top:2px solid #DA2127;}
.event_list	li			{clear:both;padding:12px 0;border-bottom:1px solid #ddd;}
.event_list	li li		{border-bottom:none;padding:0 0 0 20px;;margin:0;}
.event_list	li li.when	{background:url(/wbbs/img/ico_event.png) no-repeat 0 5px}
.event_list	li li.where	{background:url(/wbbs/img/ico_event.png) no-repeat 0 -15px}
.event_list	p			{margin:0 0 8px 0;color:#888}
.event_list	.date		{float:left;width:80px;color:#DA2127;font-family:Georgia;font-size:34px;font-style:italic;text-align:center;}
.event_list	.date span	{display:block;font-size:12px;}
.event_list	.subject	{float:left;}
.event_list	.subject a	{font-size:14px;}
.event_list	.writer		{display:none;}
.event_list li:hover,
.event_list li:focus	{background:#f6f6f6;}
.event_list	li:hover a,
.event_list	li:focus a{color:#DA2127}
.event_list img.thumb	{float:right;width:200px;margin-left:40px;}

/* paging */
.paging			{text-align:center;line-height: 1.2;margin:20px 0;}
.paging a,
.paging strong	{font-size:14px;padding:8px 6px 0;height:24px;min-width:20px;margin: 0 1px;display:inline-block;text-decoration:none;font-weight: normal;vertical-align: middle;}
.paging a		{color:#777;border:1px solid #ccc;background:#fff;}
.paging strong	{color:#fff;background:#DA2127;border:1px solid #DA2127;}
.paging a.first, .paging a.last, .paging a.prev, .paging a.next {width:30px;height:32px;padding:0;border:1px solid #ccc;background:#fff url(/wbbs/img/btn_paging.gif) no-repeat;}
.paging a.first { background-position:-2px 0; }
.paging a.prev { background-position: -36px 0; }
.paging a.next { background-position: -69px 0; }
.paging a.last { background-position: -103px 0; }
.paging a:hover,
.paging a:focus {background-color: #f5f5f5;}
.paging a span {font-size:0;text-indent:-200%;}

#loginwrap			{margin:0 auto 80px;}
#loginwrap h2		{padding:15px 0;margin:0;border-top:2px solid #DA2127;background:none;color:#DA2127}
#loginwrap p			{margin:0 0 10px 0;line-height:1;}
#loginwrap .bx		{position:relative;margin:0 auto;}
#loginwrap input.text	{margin:0 0 5px 0;height:33px;line-height:33px;border-radius:3px;}
#loginwrap a.btn_login	{display:block;background:#DA2127;border:1px solid #C31D23;text-align:center;color:#fff;border-radius:3px;}
#loginwrap a.btn		{border-radius:3px;}
#loginwrap .txt			{padding:10px 0;margin:0 0 10px 0;font-size:11px;border-bottom:1px solid #ddd;}

.findidpw		{background:#f4f4f4;}
.findidpw h3	{}
.findidpw h3	{}


/*갤러리 게시판*/

.gallery_list{overflow: hidden;}
.gallery_list ul{overflow: hidden;}
.gallery_list ul li{float:left; width: calc(100% / 4 - 30px); margin:15px; cursor: pointer;}

.gallery_list ul li:HOVER p.gallery_img_view{border:2px solid #da2127;}
.gallery_list ul li p.gallery_img_view{width:100%; text-align: center; border:2px solid #fff;  box-sizing: border-box;}
.gallery_list ul li p.gallery_img_view img{width:100%; height: 195px;}

.gallery_list ul li:HOVER dl dt a{color:#da2127; text-decoration: none;}
.gallery_list ul li dl dt{font-size:1.071em; color:#333; overflow: hidden; font-weight:bold; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
.gallery_list ul li dl dt a span{margin-left:5px;}
.gallery_list ul li dl dt img{vertical-align: middle;}
.gallery_list ul li dl dd.gallery_txt_view{height: 60px; line-height:160%; font-size:0.857em;  color:#666; text-overflow:ellipsis; overflow: hidden;}
.gallery_list ul li dl dd.gallery_day_view{font-size:0.857em; color:#666; text-align: right;}


@media all and (min-width:768px) {
	#loginwrap .bx			{width:400px;}
	#loginwrap input.text	{width:298px;}
	#loginwrap a.btn_login	{position:absolute;top:0px;right:0px;height:73px;line-height:73px;width:90px;}
}