.td_hidden {display:;}
.board_btn_wrap {text-align:right;margin-top:20px;}
.board_btn_wrap a.board_btn001 {margin-left:10px;display:inline-block;width:auto;padding:3px 10px;font:13px/32px "Nanum Barun Gothic";color:#fff;background-color:#38a13d;border-radius:5px;}

/*리스트*/
.board_wrap {width:100%;margin:0px auto 0 auto;max-width:1200px;height:auto;}
.board_tb {width:100%;border-top:1px solid #262626;}
.board_tb tr th {text-align:center;background-color:#262626;border-bottom:2px solid #262626;height:40px;font:14px/40px "Nanum Barun Gothic";color:#262626;}
.board_tb tr td {height:35px;font:12px/35px "Nanum Barun Gothic Light";color:#262626;}
.board_tb tr td a {display:block;width:350px;height:35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:13px/35px "Nanum Barun Gothic";color:#262626;}
.board_tb tr td a:hover {color:#262626;}

.board_mv {width:100%;border-top:1px solid #262626;}
.board_mv tr th {text-align:center;background-color:#262626;border-bottom:2px solid #262626;height:40px;font:14px/40px "Nanum Barun Gothic";color:#fff;}
.board_mv tr td {text-align:left;height:40px;font:12px/35px "Nanum Barun Gothic Light";color:#262626;}
.board_mv tr td a {overflow:hidden;text-overflow:ellipsis;font:13px/35px "Nanum Barun Gothic";color:#262626;}
.board_mv tr td a:hover {color:#FF0000;}
.board_mv tr:hover {background-color:#eeeeee;}

.td_num {width:7%;text-align:center;}
.td_type {width:15;text-align:center;}
.td_subject {width:45%;text-align:left;vertical-align:text-middle;}
.td_name {width:10%;text-align:center;}
.td_date {width:10%;text-align:center;}
.td_file {width:6%;text-align:center;}
.td_hit {width:7%;text-align:center;}

.td_img_mv {width:20%;padding-left:10px;padding-right:10px;padding-top:10px;}
.td_img_mv img { width:120px; height:92px; }
.td_subject_mv {width:45%;text-align:left;}
.td_time_mv {width:12%;text-align:center;}
.td_date_mv {width:12%;text-align:center;}
.td_hit_mv {width:11%;text-align:center;}

.board_empty {width:100%;height:60px;text-align:center;font:13px/60px "Nanum Barun Gothic";color:#bbb;}

.board_td_line {border-bottom:1px solid #cccccc;}
.board_notice_img {vertical-align:text-middle;margin-right:10px;}

.board_paging {vertical-align:text-top;display:inline-block;width:100%;height:20px;text-align:center;line-height:16px;margin-top:30px;vertical-align:text-top;color:#cccccc;}
.board_paging > span.on {padding:5px 9px;font:12px/12px "Nanum Barun Gothic Bold";color:#ffffff;font-weight:bold;background-color:#262626;margin-right:5px;margin-left:5px;}
.board_paging > span a {padding:5px 9px;font:12px/12px "Nanum Barun Gothic Bold";color:#262626;old;background-color:#cccccc;margin-right:5px;margin-left:5px;}
.board_paging > img {width:27px;height:27px;margin-right:5px;margin-left:5px;vertical-align:middle;} 
.board_paging > a img {width:27px;height:27px;margin-right:5px;margin-left:5px;vertical-align:middle;} 
.board_paging > span.off a:hover {background-color:#FF0000;color:#ffffff;}

.board_content { width:100%; border-top:1px solid #262626; text-align:left;}
.board_content tr.title { background-color:#262626;}
.board_content tr th { padding:11px 20px 7px 20px; text-align:left; color:#ffffff; vertical-align:middle; padding-left:20px;}
.board_content tr th.right { font-weight:normal; color:#666666; text-align:right;}

.board_content td { font-size:12px;padding:9px 20px 5px 20px; color:#333; text-align:left;border-bottom:1px solid #f0f0f0; vertical-align: top;}
.board_content td.dbcontent { padding-left:0px; padding-right:0px; }
.board_content td img { vertical-align:middle;}
.board_content td strong { color:#666666;}
.board_content td.right { text-align:right; color:#666666; font-size:12px;}
.board_content td span.font { font-family:tahoma; background:url('/img/common/blet_bar01.gif') no-repeat left 3px; padding-left:10px; margin-left:10px;}
.board_content td span.font1 { font-family:tahoma; background:url('/img/common/blet_bar01.gif') no-repeat right 3px; padding-right:10px; margin-right:10px;}
.board_content th span {font-weight: normal;}

.board_quest { width:100%; border-top:1px solid #dbdbdb; text-align:left;}
.board_quest tr th {font-size:12px;  padding:11px 20px 7px 20px; text-align:center; color:#333; vertical-align:middle; border-bottom:1px solid #f0f0f0;background-color:#f6f5f5;}
.board_quest td {font-size:12px; padding:9px 20px 5px 20px; color:#333; text-align:left;border-bottom:1px solid #f0f0f0; vertical-align: top;}
.board_quest td img { vertical-align:middle; margin-left:5px;}
.board_quest td strong { color:#666666;}
.board_quest td.right { text-align:right; color:#666666;}
.board_quest th span {color:#ff3399;}

input.textType {border:1px solid #e0e0e0;padding: 3px 3px 1px 3px;background-color: #fff;	color:#6b6d70;font-family:Dotum; font-size:11px;}
textarea {border:1px solid #e0e0e0;padding: 3px 3px 1px 3px;background-color: #fff;	color:#6b6d70;font-family:Dotum; font-size:11px;}
select {border:1px solid #e0e0e0;padding: 3px 3px 1px 3px;background-color: #fff;	color:#6b6d70;font-family:Dotum; font-size:11px;}

/* 이전글 다음글 목록 */
div.tableListArea { overflow:hidden; border:1px solid #e0e0e0; padding:4px 15px; margin-top:15px;}
.tableList { width:100%; text-align:left;}
.tableList td { font-size:12px;
	padding:9px 0px 5px 0px; color:#777777; text-align:left;
	/*border-bottom:1px solid #f0f0f0;*/
}
.tableList td a { color:#777777;}
.tableList td img { vertical-align:middle; margin-right:10px; padding-bottom:3px;}
.tableList td.right { text-align:right; color:#999999;}
.tableList td span.font { background:url('/img/common/blet_bar01.gif') no-repeat left 3px; padding-left:10px; margin-left:10px;}
.tableList td span.font1 { background:url('/img/common/blet_bar01.gif') no-repeat right 3px; padding-right:10px; margin-right:10px;}
.tableList tr.end {border-bottom:1px solid #e0e0e0;}

.tableList td.active {border-left:1px solid #262626;border-right:1px solid #262626;border-bottom:1px solid #262626;border-top:1px solid #262626;font-weight:bold;background-color:#FF0000;}
.tableList td.active a {font:12px/55px "Nanum Barun Gothic";color:#ffffff;font-weight:bold;}
.tableList td a:hover {background-color:#cccccc;}

/** btnList style **/
div.btnList { width:100%; overflow:hidden; margin-top:15px;}
div.btnList .leftBtn { float:left; margin-right:5px;}
div.btnList .rightBtn { float:right;}
div.btnList .centerBtn { text-align:center;}
div.btnListTop { margin:0 0 10px 0; }


.board_search {width:100%;text-align:center;margin-top:30px;}
.search_select {vertical-align:middle;font:13px/32px "Nanum Barun Gothic";color:#444;height:32px;border:1px solid #ddd;}
.search_input {vertical-align:middle;border:1px solid #ccc;height:32px;width:150px;background:#efefef}
.search_submit {vertical-align:middle;font:13px/13px "Nanum Barun Gothic";color:#fff;background:#3b4c54;color:#fff;border:1px solid #3b4c54; border-radius:5px; padding:9px 15px;}

/*게시판글보기*/
.read_header {width:100%;border-bottom:1px solid #ddd;height:50px;}
.read_header h1 {text-align:left;display:inline-block;width:90%;height:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:27px/50px "Nanum Barun Gothic";color:#444;}
.read_info {text-align:left;width:100%;border-bottom:1px solid #ddd;height:40px;font:16px/40px "Nanum Barun Gothic Light";color:#666;}
.read_info span{text-align:left;color:#222;font:16px/40px "Nanum Barun Gothic";margin-right:20px;}
.read_info span a {color:#38a13d;}
.read_contents {width:100%;height:auto;min-height:250px;border-bottom:1px solid #ddd;padding:15px 0;text-align:left;font:13px/30px "Nanum Barun Gothic Light";color:#666;}

/*게시글쓰기*/
.board_write {width:100%;border-top:2px solid #444;}
.board_write dt {float:left;width:25%;border-bottom:1px solid #ddd;border-right:1px solid #ddd;background-color:#efefef;font:14px/30px "Nanum Barun Gothic";color:#444;padding:10px 0 10px 5%;}
.board_write dt.contents_tit {height:300px;}
.board_write dd {float:left;width:65%;border-bottom:1px solid #ddd;padding:10px 0 10px 4%;}
.board_write dd .subject {width:90%;height:28px;border:1px solid #ddd;background-color:#f5f5f5;font:12px/30px "Nanum Barun Gothic Light";color:#444;}
.board_write dd .contents {width:90%;height:298px;border:1px solid #ddd;background-color:#f5f5f5;font:12px/30px "Nanum Barun Gothic Light";color:#444;}


.board_write dd input[type=text]:placeholder {color:#999;}
.board_write dd input[type=text]:-ms-input-placeholder{color:#999}
.board_write dd input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0;
}

.board_write dd label {
  display: inline-block;
  padding: 7px;
  color: #999;
  font-size: 12px;
  line-height: 12px;
  font-family: "NanumGothic";
  vertical-align: middle;
  text-align:center;
  background-color: #fdfdfd;
  cursor: pointer;
  border: 1px solid #ebebeb;
  border-bottom-color: #e2e2e2;
}
.board_write dd .upload-name {
  display: inline-block;
  padding: 7px;  
  font-size: 12px;
  font-family: "NanumGothic";
  line-height: 12px;
  vertical-align: middle;
  background-color: #f5f5f5;
  border: 1px solid #ebebeb;
  border-bottom-color: #e2e2e2;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media screen and (max-width:1200px){

}

@media screen and (max-width:1024px){

}

@media screen and (max-width:768px){

.td_hidden {display:none;}
.board_tb tr td a {width:100%;}

.td_num {width:20%;text-align:center;}
.td_type {width:0;}
.td_subject {width:50%;text-align:left;}
.td_name {width:0;}
.td_date {width:30%;text-align:center;}
.td_file {width:0%;}
.td_hit {width:0;}
.td_img_mv {width:20%;padding-left:10px;padding-top:10px;}
.td_img_mv img {width:90px;text-align:left;padding-right:10px;}
.td_subject_mv {width:80%;text-align:left;}
.td_time_mv {width:0;}
.td_date_mv {width:0;}
.td_hit_mv {width:0;}
}


@media screen and (max-width:640px){
.read_header h1 {font:20px/50px "Nanum Barun Gothic";}
.read_info {height:auto;font:14px/30px "Nanum Barun Gothic Light"}
.read_info span {font:14px/30px "Nanum Barun Gothic"}
.read_contents {font:12px/30px "Nanum Barun Gothic Light";}

.td_hidden {display:none;}

.board_mv {width:100%;border-top:1px solid #262626;}
.board_mv tr th {text-align:center;background-color:#262626;border-bottom:2px solid #262626;height:25px;font:12px/40px "Nanum Barun Gothic";color:#fff;}
.board_mv tr td {height:25px;}

.board_mv tr td a {font:13px/35px "Nanum Barun Gothic";color:#262626;}


.td_img_mv {width:70px;padding-left:5px;padding-right:0px;padding-top:10px;}
.td_img_mv img { width:70px; height:70px; }
.td_subject_mv {text-align:left;}

.board_content th { font-size:12px;}

}
@media screen and (max-width:560px){
.td_hidden {display:none;}

.board_mv {width:100%;border-top:1px solid #262626;}
.board_mv tr th {text-align:center;background-color:#262626;border-bottom:2px solid #262626;height:25px;font:12px/40px "Nanum Barun Gothic";color:#fff;}
.board_mv tr td {height:25px;}

.board_mv tr td a {text-align:left;font:12px/35px "Nanum Barun Gothic";color:#262626;}

.td_img_mv {width:50px;padding-left:5px;padding-right:0px;padding-top:10px;}
.td_img_mv img { width:50px; height:50px; }
.td_subject_mv {text-align:left;}


.board_content th { font-size:12px;}

}