@charset "utf-8";
/*
File Name : board.css
Description : 게시판css
Author : emozzi (master@dmax.kr)
Date : 2013-01-17
 */


/* 기본형 게시판 list */

.basic_board {width:100%; text-align:center; border-top:2px solid #333;}
.basic_board th,.basic_board td {padding:.5em .5em; }
.basic_board th {border-bottom:1px solid #555555; background:#fff;}
.basic_board td {border-bottom:1px solid #ccc;}
.basic_board tr:hover {background:#f9f9f9;}
.basic_board td.left {text-align:left; padding-left:.8em}
.basic_board tfoot td {background:#f8f8f8;}

.basic_board td a.b_tit_link {color:#555555; display:block;}
.basic_board td a.b_tit_link:hover {color:#d6003c;}
.basic_board td a.b_tit_link img {vertical-align:middle; padding-left:2px;}

.basic_board_view {width:100%; text-align:center; border-top:2px solid #333;}
.basic_board_view th,.basic_board_view td {padding:.5em .5em; }
.basic_board_view th {border-bottom:1px solid #555555; background:#f9f9f9;}
.basic_board_view td {border-bottom:1px solid #ccc;}
.basic_board_view td.left {text-align:left; padding-left:.8em}
.basic_board_view td.cont_view {text-align:left; padding:1.5em .8em}
.basic_board_view td.cont_view_photo {text-align:left; padding:1.5em .8em}
.basic_board_view td.cont_view_photo img {}
.basic_board_view td.cont_view a {text-decoration:underline; color:#d6003c;}
.basic_board_view tfoot td {background:#f8f8f8;}

.file_tit {padding-right:1em;}
.file_link {color:#5e5e5e; text-decoration:underline;}


.basic_board_write {width:100%;  border-top:2px solid #333;}
.basic_board_write th,.basic_board_write td {text-align:left; padding:.5em .5em .5em 1em;  }
.basic_board_write th {border-bottom:1px solid #9d9d9d; }
.basic_board_write th.bw_tit {border-bottom:1px solid #555555; background:#f9f9f9; text-align:center; padding:.5em .5em;}
.basic_board_write td {border-bottom:1px solid #ccc;}
.basic_board_write td.center {text-align:center; padding:.5em .5em; }

.basic_board_write td input{ border:1px solid #cccccc; width:20em; height:1.8em;}
.basic_board_write td textarea { border:1px solid #cccccc;}


/* FAQ Answer */

.basic_board td.bbs_answer_line {text-align:left; padding:.5em 1em; background:#f8f8f8;}

span.bbs_question {color:#d6003c; font:normal 1.8em NanumMyeongjoWeb;}
span.bbs_answer {color:#000000; font:normal 1.8em NanumMyeongjoWeb; padding-right:1em;}







/* 게시판 검색 */
.bbs_search_area {text-align:center;  font:normal .9em 'Open Sans';}
.bbs_search_area select {border:1px solid #cccccc; padding:.2em; margin-bottom:.5em;  }

.bbs_search_area input { border:1px solid #cccccc; width:20em; height:1.7em; padding:0 .5em; margin-bottom:.5em;}

.bbs_search_area .bbs_bt_search {display:inline-block; height:1.3em; text-align:center; padding:.2em .8em .3em .8em; background:#ededed; border:1px solid #9d9d9d; color:#333333; }
.bbs_search_area .bbs_bt_search_reset {display:inline-block; height:1.3em; text-align:center; padding:.2em .8em .3em .8em; background:#5a5a5a; border:1px solid #333333; color:#ffffff; }







/* 페이징 */
.bbs_paging {font:normal .9em 'Open Sans'; text-align:center;}
.bbs_paging span.bp_now {font:bold 1em NanumGothicWeb; color:#d6003c; padding:0 .2em;}
.bbs_paging .bp_bt {display:inline-block; font:bold .'Open Sans'; padding:.2em .5em; border:1px solid #ccc; color:#5a5a5a;}



/* 게시판 버튼 영역 */

.bbs_button {text-align:right; font-size:.85em; font:bold .9em 'Open Sans';}

/* 흰버튼 */
.board_bt_st1 {
	color:#707070;
	display:inline-block;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #9d9d9d;
	padding:.2em 1em;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffffff), color-stop(100%, #f5f5f5) );
	background:-moz-linear-gradient( center top, #ffffff 5%, #f5f5f5 100% );
	background:-ms-linear-gradient( top, #ffffff 5%, #f5f5f5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5');
	background-color:#ffffff;
	text-shadow:1px 1px 0px #ffffff;
 	-webkit-box-shadow:inset -1px -1px 0px 0px #e6e6e6;
 	-moz-box-shadow:inset -1px -1px 0px 0px #e6e6e6;
 	box-shadow:inset -1px -1px 0px 0px #e6e6e6;
}.board_bt_st1:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f5f5f5), color-stop(100%, #ffffff) );
	background:-moz-linear-gradient( center top, #f5f5f5 5%, #ffffff 100% );
	background:-ms-linear-gradient( top, #f5f5f5 5%, #ffffff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#ffffff');
	background-color:#f5f5f5;
}.board_bt_st1:active {
	position:relative;
	top:1px;
}




/* 레드 */
.board_bt_st2 {
	color:#880000;
	display:inline-block;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #9c2b2b;
	padding:.2em 1em;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffffff), color-stop(100%, #f5f5f5) );
	background:-moz-linear-gradient( center top, #ffffff 5%, #f5f5f5 100% );
	background:-ms-linear-gradient( top, #ffffff 5%, #f5f5f5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5');
	background-color:#ffffff;
	text-shadow:1px 1px 0px #ffffff;
 	-webkit-box-shadow:inset -1px -1px 0px 0px #e6e6e6;
 	-moz-box-shadow:inset -1px -1px 0px 0px #e6e6e6;
 	box-shadow:inset -1px -1px 0px 0px #e6e6e6;
}.board_bt_st2:hover {
	color:#880000;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f5f5f5), color-stop(100%, #ffffff) );
	background:-moz-linear-gradient( center top, #f5f5f5 5%, #ffffff 100% );
	background:-ms-linear-gradient( top, #f5f5f5 5%, #ffffff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#ffffff');
	background-color:#f5f5f5;
}.board_bt_st2:active {
	position:relative;
	top:1px;
}

/* 블랙 */
.board_bt_st3 {
	color:#333333;
	display:inline-block;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #333333;
	padding:.2em 1em;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffffff), color-stop(100%, #f5f5f5) );
	background:-moz-linear-gradient( center top, #ffffff 5%, #f5f5f5 100% );
	background:-ms-linear-gradient( top, #ffffff 5%, #f5f5f5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5');
	background-color:#ffffff;
	text-shadow:1px 1px 0px #ffffff;
 	-webkit-box-shadow:inset -1px -1px 0px 0px #e6e6e6;
 	-moz-box-shadow:inset -1px -1px 0px 0px #e6e6e6;
 	box-shadow:inset -1px -1px 0px 0px #e6e6e6;
}.board_bt_st3:hover {

	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f5f5f5), color-stop(100%, #ffffff) );
	background:-moz-linear-gradient( center top, #f5f5f5 5%, #ffffff 100% );
	background:-ms-linear-gradient( top, #f5f5f5 5%, #ffffff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#ffffff');
	background-color:#f5f5f5;
}.board_bt_st3:active {
	position:relative;
	top:1px;
}


/* 갤러리 */

.bbs_gallery_list {}
.bbs_gallery_list li {width:22.2%; float:left; margin-right:1.5em; margin-bottom:2.5em; border:1px solid #ededed; }
.bbs_gallery_list li img {width:100%; height:139px;}

.bbs_gallery_list span {display:block; padding:.8em .5em; height:4em; background:#f8f8f8; line-height:120%;}
.bbs_gallery_list span a {font-weight:bold; display:inline-block; height:2.3em; overflow:hidden;}


/* 로그인 */

.member_wrap {text-align:center;}
.member_wrap h2{display:inline-block; font:normal 2em NanumMyeongjoWeb; color:#c51920;  width:50%; padding:.2em 0;  border-top:2px solid #333333; border-bottom:1px solid #555555;}
.lo_bt {display:inline-block; width:50%; padding:.5em 0;  border-top:1px solid #555555;}
.lo_bt a{
	color:#ffffff;
	background:#db7702;
	display:inline-block;
	font:bold 1em NanumGothicWeb;
	padding:.5em 1.5em;
	border:1px solid #b86300;
	}

.login_list {display:inline-block; padding:.5em 0; width:50%; background:#f8f8f8; text-align:left;}
.login_list li .login_tit {display:inline-block; width:6em; padding-left:2em; background:url('/images/sub/bullet05.png') no-repeat 1em .3em;}
.login_list li input {border:1px solid #cccccc; height:1.5em; width:65%;}