.board{}
.board .required{color:red; font-weight:bold;}

/* 게시판 정보 */
.board .board_info{height:100%;}
.board .board_info:after{content:""; display:block; float:none; clear:both;}
.board .board_search input.textbox{margin:0; height:23px; border:1px solid #c1c1c1;}

/* 카테고리 */
.board .board_category{margin:0 0 30px 0;}
.board .board_category ul{height:100%;}
.board .board_category ul:after{content:""; display:block; float:none; clear:both;}
.board .board_category ul li{float:left; width:25%; text-align:center;}
.board .board_category ul li.selected a{border:1px solid #3cb798; background:#41c6a4; color:#fff; font-weight:bold;}
.board .board_category ul li span{display:block; margin:0 1px 0 0;}
.board .board_category ul li a{display:block; line-height:30px; border:1px solid #d7d7d7; color:#888; text-decoration:none;}

/* 목록형 */
.board .board_list{width:100%; margin:10px 0 0 0;}
.board .board_list thead tr{}
.board .board_list thead th{padding:10px 0; border-top:1px solid #aaa; border-bottom:1px solid #d7d7d7; color:#454545; font-weight:normal;}
.board .board_list tbody{margin:10px 0 0 0;}
.board .board_list tbody tr.notice td.subject{font-weight:bold;}
.board .board_list tbody th,
.board .board_list tbody td{padding:10px 0; border-bottom:1px solid #e4e4e4; text-align:center; color:#777;}
.board .board_list tbody th{font-weight:normal;}
.board .board_list tbody td.num{font:11px verdana;}
.board .board_list tbody td.subject{text-align:left;}
.board .board_list tbody td.subject img{vertical-align:middle;}
.board .board_list tbody td a{color:#777;}
.board .board_list tbody td a:hover{color:#333;}
.board .board_list tbody td span.comment{font:11px tahoma; color:#999;}

/* 갤러리형 */
.board .gallery_list{margin:10px 0 0 0; border-top:2px solid #333; border-bottom:1px solid #969696;}
.board .gallery_list dl.notice{padding:10px; background:#f4f4f4; border-bottom:1px solid #ddd;}
.board .gallery_list dl.notice dt{float:left; width:70px;}
.board .gallery_list dl.notice dd{margin:0 0 0 70px; line-height:16px;}
.board .gallery_list ul{height:100%;}
.board .gallery_list ul:after{content:""; display:block; float:none; clear:both;}
.board .gallery_list ul li{float:left; width:25%; margin:15px 0; text-align:center;}
.board .gallery_list ul li div.photo{border:1px solid #b7b7b7; width:96%; height:150px; margin:0 2%; text-align:center;}
.board .gallery_list ul li div.photo img{width:100%; height:150px;}
.board .gallery_list ul li div.txt{margin:7px 0 0 0;}
.board .gallery_list ul li div.txt span.title{display:block;}
.board .gallery_list ul li div.txt span.title a{font-weight:bold;}
.board .gallery_list ul li div.txt span.sub_title{display:inline-block; margin:5px 0 0 0; font-size:11px; color:#777;}
.board .gallery_list ul li div.txt span.sub_title span.name{display:inline-block; margin-right:5px; padding-right:5px; color:#00ad68; border-right:1px dotted #000;}
.board .gallery_list ul li.none{float:none; width:100%; margin:0 auto; padding:50px 0; color:#777; text-align:center;}

@media only screen and (max-width: 870px){
	.board .gallery_list ul li{width:33.333333333%;}
}
@media only screen and (max-width: 750px){
	.board_content img{width: 100% !important; height:100% !important;}
}
@media only screen and (max-width: 650px){
	.board .gallery_list ul li{width:50%;}
	.total_count{display:none;}
	
}

/* 웹진형 */
.board .webzine_list{margin:10px 0 0 0; border-top:2px solid #333; border-bottom:1px solid #969696;}
.board .webzine_list dl.notice{padding:10px; background:#f4f4f4; border-bottom:1px solid #ddd;}
.board .webzine_list dl.notice dt{float:left; width:70px;}
.board .webzine_list dl.notice dd{margin:0 0 0 70px; line-height:16px;}
.board .webzine_list ul{height:100%;}
.board .webzine_list ul:after{content:""; display:block; float:none; clear:both;}
.board .webzine_list ul li{height:100%; padding:15px 0; border-bottom:1px solid #e1e1e1;}
.board .webzine_list ul li:after{content:""; display:block; float:none; clear:both;}
.board .webzine_list ul li div.photo{float:left; width:136px; height:95px; border:1px solid #b7b7b7;}
.board .webzine_list ul li div.photo img{width:134px; height:93px; margin:1px 0 0 1px;}
.board .webzine_list ul li dl{position:relative; margin:0 0 0 155px;}
.board .webzine_list ul li dl dt{padding:5px 0; font-weight:bold; color:#262626; font-size:14px; line-height:16px;}
.board .webzine_list ul li dl dt a{color:#262626;}
.board .webzine_list ul li dl dd{color:#3b3b3b; line-height:16px;}
.board .webzine_list ul li dl dd.write_info{position:absolute; right:0; top:0; text-align:right;}
.board .webzine_list ul li dl dd.write_info span.date{display:block; font-size:11px; color:#777;}
.board .webzine_list ul li dl dd.write_info span.name{display:block; margin:3px 0 0 0; font-weight:bold; color:#444;}
.board .webzine_list ul li dl dd.write_info span.hit{display:inline-block; width:50px; height:50px; margin:5px 0 0 0; text-align:center; line-height:50px; background:#efefef; border:1px solid #d1d1d1; font-weight:bold;}
.board .webzine_list ul li.none{float:none; width:100%; margin:0 auto; padding:50px 0; color:#777; text-align:center;}

/* FAQ형 */
.board .faq_list{margin:10px 0 0 0;}
.board .faq_list ul{border-top:2px solid #333;}
.board .faq_list ul li{line-height:16px; border-bottom:1px solid #ccc;}
.board .faq_list ul li dl{padding:5px 0 0 0;}
.board .faq_list ul li dl dt{padding:10px 10px 10px 40px; background:url('/assets/images/board/i_question.gif') 7px 5px no-repeat;}
.board .faq_list ul li dl dt a{text-decoration:none;}
.board .faq_list ul li dl dd{padding:15px 10px 15px 40px; background:#f4f4f4; border-top:1px dotted #ccc; background:url('/assets/images/board/i_answer.gif') 7px 10px no-repeat; line-height:22px;}
.board .faq_list ul li.none{float:none; width:100%; margin:0 auto; padding:50px 0; color:#777; text-align:center;}

/* 게시글 상세 */
.board .board_view{}
.board .board_view h4.title{}
.board .board_view .head{border-top:1px solid #aaaaaa;}
.board .board_view .head .title{padding:10px 20px; font-weight:bold; color:#777;}
.board .board_view .head .info{height:100%; padding:10px 20px; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;}
.board .board_view .head .info:after{content:""; display:block; float:none; clear:both;}
.board .board_view .head .info dt{display:inline; float:left; padding-right:10px; color:#454545; background:url('/assets/images/board/line_type1.gif') right center no-repeat;}
.board .board_view .head .info dd{display:inline; float:left; margin:0 15px 0 10px; color:#777;}
.board .board_view .body{margin:10px 0 0 0; padding:30px 20px; line-height:18px; color:#666; border-bottom:1px solid #d2d2d2;}
.board .board_view .upload_files{height:100%; margin:20px 0 0 0;}
.board .board_view .upload_files:after{content:""; display:block; float:none; clear:both;}
.board .board_view .upload_files dt{width:100px; float:left;}
.board .board_view .upload_files dd{margin:0 0 0 100px;}
.board .board_view .tail{}
.board .board_view .tail .prev_next{height:100%;}
.board .board_view .tail .prev_next:after{content:""; display:block; float:none; clear:both;}
.board .board_view .tail .prev_next dt{float:left; width:150px; text-align:center; padding:12px 0; color:#454545; border-bottom:1px solid #d2d2d2; line-height:14px;}
.board .board_view .tail .prev_next dd{margin:0 0 0 150px; padding:12px 0; color:#777; border-bottom:1px solid #d2d2d2; line-height:14px;}
.board .board_view .tail .prev_next dd span.comment{border:0;}

/* 코멘트 */
.board .board_view .comment{margin:30px 0 0 0; padding:15px; border:1px dotted #999;}
.board .board_view .comment .title{margin:0; font-size:12px; font-weight:bold;}
.board .board_view .comment .comment_list{margin:10px 0 0 0;}
.board .board_view .comment .comment_list ul li{padding:10px 0 15px 0; border-top:1px solid #efefef;}
.board .board_view .comment .comment_list ul li.first{border-top:none;}
.board .board_view .comment .comment_list ul li dl{position:relative;}
.board .board_view .comment .comment_list ul li dl.reply_bg{background:url('/assets/images/board/i_comment_reply.gif') no-repeat;}
.board .board_view .comment .comment_list ul li dl dt{float:left; width:88px; color:#333; font-weight:bold; text-align:center;}
.board .board_view .comment .comment_list ul li dl dt span.user_id{display:block; color:#ff8282; font:11px tahoma;}
.board .board_view .comment .comment_list ul li dl dt span.date{position:absolute; right:100px; top:0; color:#999; font:11px tahoma;}
.board .board_view .comment .comment_list ul li dl dd{margin:5px 0 0 88px; padding-right:140px; line-height:16px;}
.board .board_view .comment .comment_list ul li dl dd.btn{margin:0; padding:0; position:absolute; right:0; top:0;}

.board .board_view .comment .comment_write_form{margin:10px 0 0 0;}
.board .board_view .comment .comment_write_form form{display:block;}
.board .board_view .comment .comment_write_form form fieldset{display:block;}
.board .board_view .comment .comment_write_form .item{padding:5px 0; }
.board .board_view .comment .comment_write_form .item.textarea{padding:0; position:relative; padding-right:107px;}
.board .board_view .comment .comment_write_form .item textarea{width:100%; height:69px; margin:0; padding:0; border:1px solid #c1c1c1; background:#f8f8f8;}
.board .board_view .comment .comment_write_form .item input.comment_write_btn{position:absolute; right:0; top:0;}
.board .board_view .comment .comment_reply{padding-left:20px;}

/* 글쓰기 */
.board .board_write{border-top:1px solid #aaa;}
.board .board_write form{display:block;}
.board .board_write form fieldset{display:block;}
.board .board_write .item{padding:10px 0; border-bottom:1px solid #ccc;}
.board .board_write .head{display:inline-block; width:100px; float:left; font-weight:bold; text-indent:5px; color:#454545;}
.board .board_write .body{display:block; margin-left:100px; color:#777;}

/* 비밀번호 확인 */
.board .board_password{width:350px; margin:0 auto; padding:40px 0; text-align:center; border:1px solid #c5c5c5;}
.board .board_password .item{margin:20px 0 0 0;}
.board .board_password input.textbox{margin:0; height:23px; border:1px solid #c1c1c1; float:left;}

/* 네비게이션 */
.board .navi{height:100%; margin:20px 0 0 0;}
.board .navi:after{content:""; display:block; float:none; clear:both;}
.board .navi img{vertical-align:middle;}
.board .pagination{margin:3px; padding:7px; text-align:center;}
.board .pagination a{margin:2px; padding:5px 8px; border:1px solid #ededed; color:#777; text-decoration: none; font:11px verdana;}
.board .pagination strong{margin:2px; padding:5px 8px; border:1px solid #41c6a4; background:#41c6a4; font-weight:bold; color:#fff; font:11px verdana;}
.board .pagination span a{border:1px solid #f2f2f2; background:#f2f2f2;}
.board .pagination span.prev{display:inline-block; margin:0 5px 0 0;}
.board .pagination span.next{display:inline-block; margin:0 0 0 5px;}

/* 게시글 관리 */
.board .board_manager{padding:10px;}
.board .board_manager form{}
.board .board_manager form fieldset{display:block;}
.board .board_manager .item{padding:20px 0; border-top:1px dotted #444;}
.board .board_manager .item.first{border-top:0;}
.board .board_manager .head{display:block; font-weight:bold;}

/* 셀렉트박스 */
.board .board_selectbox{font-size:12px; color:#7c7c7c; margin-top:2px; padding:5px 7px; border:1px solid #c1c1c1; vertical-align:top;}
.board .board_selectbox.customSelectFocus{background-color: #f4f4f4;}
.board .customSelectInner {background:url('/assets/images/board/customSelect-arrow.gif') no-repeat center right;}