@charset "utf-8";

/* 게시판 : 공통 : 아웃라인 */
#bbs_outer { display:block; font-size:100%; overflow:hidden; }

/* 게시판 : 공통 : 정의 */
.board_status { display:block; margin-bottom:10px; padding:10px; font-size:75%; text-align:right; background:#f4f4f4; }

/* 게시판 : 공통 : 버튼 영역 */
.btn_area { display:block; margin:10px 0; text-align:center; overflow:hidden; }
.btn_area:after { display:block; content:""; clear:both; }
.btn_area .btn_area_left { display:block; float:left; }
.btn_area .btn_area_right { display:block; float:right; }
.btn_area .btn_normal {
	position:relative; display:inline-block; height:30px; margin:0 1px; min-width:66px; padding-left:10px; padding-right:10px; font-size:75%; color:#666; font-weight:700; text-align:center; vertical-align:middle; cursor:pointer;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
	border:1px solid #c4c4c4; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
	background: #fff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #fdfdfd 28%, #e7e7e7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(28%,#fdfdfd), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#fdfdfd 28%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#fdfdfd 28%,#e7e7e7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#fdfdfd 28%,#e7e7e7 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#fdfdfd 28%,#e7e7e7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
}
.btn_area .btn_normal span { position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:1em; margin:auto; }

/* 게시판 : 공통 : 페이징 영역 */
.page_area { display:block; margin:20px 0; text-align:center; overflow:hidden; }
.page_area a { display:inline-block; width:30px; height:30px; border:1px solid #ddd; border-radius:0.3em; vertical-align:middle; overflow:hidden; }
.page_area a .out_t { display:table; width:100%; height:100%; }
.page_area a .out_t .in_t { display:table-cell; width:100%; height:15px; font-size:75%; color:#000; font-weight:600; vertical-align:middle; overflow:hidden; }
.page_area strong { display:inline-block; width:30px; height:30px; line-height:30px; font-size:75%; color:#fff; font-weight:600; background:#92570b; border:0; border-radius:0.3em; vertical-align:middle; overflow:hidden; }
.page_area strong .out_t { display:table; width:100%; height:100%; }
.page_area strong .out_t .in_t { display:table-cell; width:100%; height:15px; font-size:75%; color:#fff; font-weight:600; vertical-align:middle; overflow:hidden; }

/* 게시판 : 공통 : 검색 영역 */
.search_area { display:block; padding:10px; background:#f4f4f4; border:1px solid #ddd; border-radius:0.5em; overflow:hidden; }
.search_area .outer { display:table; width:100%; }
.search_area .inner { display:table-cell; }
.search_area .inner1 { width:auto; }
.search_area .inner2 { width:75px; text-align:right; }

.search_area select { height:28px; text-indent:5px; border:1px solid #ddd; vertical-align:middle; }
.search_area input[type=text] { width:100%; height:30px; text-indent:5px; border:1px solid #d6d6d6; vertical-align:middle; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.search_area .btn_normal {
	position:relative; display:inline-block; height:30px; margin:0 1px; min-width:66px; padding-left:10px; padding-right:10px; font-size:75%; color:#666; font-weight:700; text-align:center; vertical-align:middle; cursor:pointer;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
	border:1px solid #c4c4c4; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
	background: #fff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #fdfdfd 28%, #e7e7e7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(28%,#fdfdfd), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#fdfdfd 28%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#fdfdfd 28%,#e7e7e7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#fdfdfd 28%,#e7e7e7 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#fdfdfd 28%,#e7e7e7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
}

/* 게시판 : 공통 : 리스트 - 일반 */
.basic_list { display:block; list-style:none; margin:0; padding:0; border-top:1px solid #555; overflow:hidden; }
.basic_list li { display:block; border-bottom:1px solid #ddd; }
.basic_list li a { display:block; padding:10px 0; overflow:hidden; }
.basic_list li a span { display:inline-block; margin-right:5px; vertical-align:top; }
.basic_list li a .subject { margin-bottom:10px; font-size:90%; color:#333; font-weight:700; letter-spacing:-0.1em; overflow:hidden; }
.basic_list li a .txt { font-size:75%; color:#999; font-weight:400; }

/* 게시판 : 공통 : 리스트 - 갤러리 */
.gallery { display:block; list-style:none; margin:0; padding:0; overflow:hidden; }
.gallery:after { display:block; content:""; clear:both; }
.gallery li { display:block; float:left; width:49%; margin:2% 0.5%; }
.gallery li .gallery_thum { display:block; height:75px; overflow:hidden; }
.gallery li .gallery_thum img { max-width:100%; }
.gallery li .subject { padding:10px 4px; text-align:center; }

/* 게시판 : 공통 : 글보기 */
.h3_title { padding:10px; font-size:81%; background:#f4f4f4; }
.bbs_spec { padding:10px 0; font-size:75%; }
.bbs_cnt { min-height:200px; padding:10px; line-height:1.7; border:1px dashed #ccc; }

/* 게시판 : 공통 : 약관 동의 */
.agree_box { display:block; margin:16px 0; padding:10px 10px; font-size:81%; background:#f4f4f4; border:1px solid #ddd; border-radius:0.5em; overflow:hidden; }
.agree_box .h4_label { margin-bottom:10px; }
.agree_box textarea { height:100px; margin-bottom:10px; border:1px solid #ccc; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; resize:none; }
.agree_box .btn_box { display:block; text-align:center; }
.agree_box .btn_box input[type=radio] { display:inline-block; vertical-align:middle; }
.agree_box .btn_box label { display:inline-block; vertical-align:middle; }

/* 게시판 : 공통 : 글쓰기 */
.wrt_form { display:block; margin:16px 0; padding:10px 10px; font-size:81%; background:#f4f4f4; border:1px solid #ddd; border-radius:0.5em; overflow:hidden; }
.wrt_form label { display:block; margin-bottom:10px; color:#333; font-weight:600; }
.wrt_form span { display:inline-block; margin-right:20px; vertical-align:middle; }
.wrt_form input[type=text] { height:25px; line-height:1; padding:5px 0; text-indent:10px; border:1px solid #ccc; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.wrt_form input[type=password] { height:25px; line-height:1; padding:10px 0; text-indent:10px; border:1px solid #ccc; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.wrt_form input[type=checkbox] { display:inline-block; margin-right:5px; vertical-align:middle; }
.wrt_form input[type=input] { height:25px; text-indent:10px; border:1px solid #ccc; }
.wrt_form select { height:25px; border:1px solid #ccc; }
.wrt_form textarea { height:100px; border:1px solid #ccc; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; resize:none; }
.wrt_form .wd50 { width:50px !important; }
.wrt_form .help-block { vertical-align:middle; }
.wrt_form .head_group { display:block; overflow:hidden; }
.wrt_form .head_group label { display:inline-block !important; margin-right:20px; vertical-align:top; }
.wrt_form .head_group a { display:inline-block; width:15px; height:15px; line-height:15px; color:#fff; font-weight:600; text-align:center; background:#666; border-radius:3px; vertical-align:top; }