@charset "utf-8";
/* CSS Document */

@import url(/css/default.css);



th, td {word-break:keep-all;}
.bbs_point {color:#ff0000;}
.bbs_txt_right {text-align:right;}

.board_input {border:1px solid #000; font:400 12px 'Malgun Gothic' , sans-serif; padding:7px 0 9px 0; color:#8d8d8d; vertical-align:middle; }
.board_select {border:1px solid #000; font:400 12px 'Malgun Gothic' , sans-serif; padding:6px 0 8px 0; vertical-align:middle;}

/* btns */
a.bbs_gray_btn {display:inline-block; padding:6px 20px 10px 20px;  text-align:center;  font:bold 10pt "Malgun Gothic", sans-serif; letter-spacing:-0.5px; color:#fff; background-color:#707580;  vertical-align:middle; }
a.bbs_gray_btn:hover {background-color:#000000; text-decoration:none; }
a.bbs_color_btn {display:inline-block; padding:6px 20px 10px 20px; text-align:center; font:bold 10pt "Malgun Gothic", sans-serif;  letter-spacing:-0.5px; color:#fff; background-color:#333333;  vertical-align:middle; }
a.bbs_color_btn:hover {background-color:#000000; text-decoration:none; }  /* 컬러 변경하여 사용 */
a.order_color_btn {display:inline-block; padding:15px 30px 20px 30px; text-align:center; font:normal 14pt "Malgun Gothic", sans-serif;  letter-spacing:-0.5px; color:#fff; background-color:#333333;  vertical-align:middle; }
a.order_color_btn:hover {background-color:#000000; text-decoration:none; }  /* 컬러 변경하여 사용 */
a.order_gray_btn {display:inline-block; padding:15px 30px 20px 30px; text-align:center; font:normal 14pt "Malgun Gothic", sans-serif;  letter-spacing:-0.5px; color:#fff; background-color:#707580;  vertical-align:middle; }
a.order_gray_btn:hover {background-color:#000000; text-decoration:none; }  /* 컬러 변경하여 사용 */
a.write_color_btn {display:inline-block; padding:15px 30px 20px 30px; text-align:center; font:normal 14pt "Malgun Gothic", sans-serif;  letter-spacing:-0.5px; color:#fff; background-color:#333333;  vertical-align:middle; }
a.write_color_btn:hover {background-color:#000000; text-decoration:none; }  /* 컬러 변경하여 사용 */
a.write_gray_btn {display:inline-block; padding:15px 30px 20px 30px; text-align:center; font:normal 14pt "Malgun Gothic", sans-serif;  letter-spacing:-0.5px; color:#fff; background-color:#707580;  vertical-align:middle; }
a.write_gray_btn:hover {background-color:#000000; text-decoration:none; }  /* 컬러 변경하여 사용 */
a.post_btn {display:inline-block; padding:6px 20px 10px 20px;  text-align:center;  font:bold 10pt "Malgun Gothic", sans-serif; letter-spacing:-0.5px; color:#fff; background-color:#707580;  vertical-align:middle; margin:0 0 5px 0;}
a.post_btn:hover {background-color:#000000; text-decoration:none; }

.resps_btns {clear:both; width:100%; padding-top:10px; overflow:hidden; }
.resps_btns ul li {float:left; width:auto; }
.resps_btns ul li+li {float:right; width:auto; }

#resps_bbs_search {width:99.8%; border:1px solid #ddd; background-color:#f8f9fa; text-align:center; padding:15px 0 15px 0; overflow:hidden; margin:50px 0 0 0; }

#resps_page {width:100%; text-align:center; margin-top:20px;}
#resps_page a{ display:inline-block; height:21px;  width:35px; padding:6px 0 8px; margin:0 1px; border:1px solid #ececec; text-align:center; font:normal 11pt tahoma, sans-serif; background-color:#fff; color:#333;}
#resps_page a:hover{ display:inline-block; text-decoration:none; background-color:#e6e6e6;}
#resps_page img {vertical-align:top;}

/* bbs_list */
.resps_bbslist {border-top:2px solid #333; border-bottom:1px solid #ececec; background-color:#fff; width:100%;} /* bbs top 컬러 변경 */
.resps_bbslist th{ font:bold 11pt "Malgun Gothic", sans-serif; text-align:center; color:#6e6e6e; background-color:#fff; padding:10px 0; border-bottom:1px solid #000; }
.resps_bbslist td{font:normal 11pt "Malgun Gothic", sans-serif;   text-align:center; color:#8d8d8d; padding:10px 0; border-bottom:1px dashed #dadada; word-break:break-all;}
.resps_bbslist td a {font:normal 11pt "Malgun Gothic", sans-serif;  color:#5f5f5f; }
.resps_bbslist td a:hover {color:#000; text-decoration:underline; }
.resps_bbslist td.subject{text-align: left; padding:10px 0 10px 5px; }
.resps_bbslist td img{vertical-align:-1px; margin:0 3px; }
.resps_bbslist_m {display:none;}

/* bbs_view */
.resps_bbsview {border-top:2px solid #333;  border-bottom:1px solid #ececec; background-color:#fff; width:100%;} /* bbs top 컬러 변경 */
.resps_bbsview thead td.subject {padding:15px 0  20px 10px;  font:bold 13pt "Malgun Gothic", sans-serif; word-break:break-all;}
.resps_bbsview th{ font:bold 11pt "Malgun Gothic", sans-serif; text-align:center; color:#6e6e6e; background-color:#f5f5f5; padding:10px 0  10px 0;  border-bottom:1px dashed #ececec;}
.resps_bbsview td{ font:normal 11pt "Malgun Gothic", sans-serif; border-bottom:1px dashed #dadada;  text-align:left; padding:10px 0  10px 5px;  color:#232323;  }
.resps_bbsview td a {font:normal 11pt "Malgun Gothic", sans-serif;  color:#5f5f5f;}
.resps_bbsview td a:hover {color:#000; text-decoration:underline;}
.resps_bbsview td.subject{text-align: left; font-weight:normal; padding-left:5px;}
.resps_bbsview td.bbs_contents {padding:20px ; line-height:150%; word-break:break-all;}
.resps_bbsview td img{vertical-align:-1px; margin:0 3px; }
.resps_bbsview_m {display:none;}

/* bbs_write*/
.resps_bbs_write_box {display:block;}
.resps_bbs_write_m_box {display:none;}
.resps_bbs_write {border-top:2px solid #333;  border-bottom:1px solid #ececec; background-color:#fff; width:100%;} /* bbs top 컬러 변경 */
.resps_bbs_write th{ font:bold 11pt "Malgun Gothic", sans-serif; text-align:center; color:#6e6e6e; background-color:#f5f5f5; padding:15px 0  15px 0;  border-bottom:1px dashed #ececec;}
.resps_bbs_write td{ font:normal 11pt "Malgun Gothic", sans-serif; border-bottom:1px dashed #dadada;  text-align:left; padding:15px 0  20px 10px; color:#232323;  }
.resps_bbs_write td a {font:normal 11pt "Malgun Gothic", sans-serif;  color:#5f5f5f;}
.resps_bbs_write td a:hover {color:#000; text-decoration:underline;}
.resps_bbs_write td input {border:1px solid #999; font:400 12px 'Malgun Gothic' , sans-serif; padding:7px 0 9px 0; color:#8d8d8d; vertical-align:middle;}
.resps_bbs_write td input.non_bor {border:0;}
.resps_bbs_write td input.file_input {border:1px solid #999; font:400 12px 'Malgun Gothic' , sans-serif; padding:0 0 0 0; color:#8d8d8d; vertical-align:middle; height:30px;}
.resps_bbs_write td select {border:1px solid #999; font:400 12px 'Malgun Gothic' , sans-serif; padding:7px 0 9px 0; color:#8d8d8d; vertical-align:middle;}
.resps_bbs_write td textarea {border:1px solid #999; font:400 12px 'Malgun Gothic' , sans-serif; padding:7px 0 9px 0; color:#8d8d8d; vertical-align:middle;}
.resps_bbs_write td.subject{text-align: left; font-weight:normal; padding-left:5px;}
.resps_bbs_write td.bbs_contents {padding:20px ; line-height:150%;}
.resps_bbs_write td img{vertical-align:-1px; margin:0 3px; }
.resps_bbs_write_m {display:none;}

.resps_bbs_delete_box {display:block;}
.resps_bbs_delete_m_box {display:none;}
.resps_bbs_delete {border-top:2px solid #333;  border-bottom:1px solid #ececec; background-color:#fff;  width:40%; margin:0 auto;} /* bbs top 컬러 변경 */
.resps_bbs_delete th{ font:bold 11pt "Malgun Gothic", sans-serif; text-align:center; color:#6e6e6e; background-color:#f5f5f5; padding:10px 0  10px 0;  border-bottom:1px dashed #ececec;}
.resps_bbs_delete td{ font:normal 11pt "Malgun Gothic", sans-serif; border-bottom:1px dashed #dadada;  text-align:left; padding:10px 0  15px 10px; color:#232323;  }
.resps_bbs_delete td a {font:normal 11pt "Malgun Gothic", sans-serif;  color:#5f5f5f;}
.resps_bbs_delete td a:hover {color:#000; text-decoration:underline;}
.resps_bbs_delete td input {border:1px solid #999; font:400 12px 'Malgun Gothic' , sans-serif; padding:7px 0 9px 0; color:#8d8d8d; vertical-align:middle;}
.resps_bbs_delete td input.file_input {border:1px solid #999; font:400 12px 'Malgun Gothic' , sans-serif; padding:0 0 0 0; color:#8d8d8d; vertical-align:middle; height:30px;}
.resps_bbs_delete td select {border:1px solid #999; font:400 12px 'Malgun Gothic' , sans-serif; padding:7px 0 9px 0; color:#8d8d8d; vertical-align:middle;}
.resps_bbs_delete td textarea {border:1px solid #999; font:400 12px 'Malgun Gothic' , sans-serif; padding:7px 0 9px 0; color:#8d8d8d; vertical-align:middle;}
.resps_bbs_delete td.subject{text-align: left; font-weight:normal; padding-left:5px;}
.resps_bbs_delete td.bbs_contents {padding:20px ; line-height:150%;}
.resps_bbs_delete td img{vertical-align:-1px; margin:0 3px; }


.resps_gallery_list {width: 100%; overflow:hidden; border-top:2px solid #333; border-bottom:1px solid #ececec; padding:1.5% 0 0% 0;}
.resps_gallery_list ul {box-sizing: border-box; display: table;  table-layout: fixed; padding: 0 0;; text-align: left; width: 101.4%; font-size:0; line-height:0; margin:0;}
.resps_gallery_list ul li {display: inline-block; text-align: left; vertical-align: top; width: 23.5%;  border:1px solid #ccc; font-size:0; line-height:0; margin:0 1% 1.5% 0;}
.resps_gallery_list ul li a {display:inline-block; padding:0 0 0 0; font-size:0; line-height:0; margin:0; text-align:center; width:100%;}
.resps_gallery_list ul li a img.listPic {width: 100%; height:50%; height:160px;}
.resps_gallery_list ul li a ol {margin:0 auto; overflow:hidden;  width:90%; position:relative;}
.resps_gallery_list ul li a ol li { width:100%; padding:0.25em 0 0.25em 0; margin:0 0 0.5em 0; text-align:left; border:0;  font:bold 11pt 'Malgun Gothic' , sans-serif; color:#000;  text-indent:0; }
.resps_gallery_list ul li a ol li+li {position:absolute; bottom:0; right:0; width:auto; border:0; border-bottom:0px; font:normal 9pt 'Malgun Gothic' , sans-serif; color:#999;  text-indent:0;}

/* -------------------------------------------------------------------------------------------------------------------------------- */


/* pc */
@media screen and (min-width:1117px) {


}


/* -------------------------------------------------------------------------------------------------------------------------------- */


/* 태블릿 */
@media all and (max-width:768px) {

	.resps_gallery_list {width: 100%; overflow:hidden; border-top:2px solid #333; border-bottom:1px solid #ececec; padding:1.5% 0 0% 0;}
	.resps_gallery_list ul {box-sizing: border-box; display: table;  table-layout: fixed; padding: 0 0;; text-align: left; width: 101.4%; font-size:0; line-height:0; margin:0;}
	.resps_gallery_list ul li {display: inline-block; text-align: left; vertical-align: top; width: 31.9%;  border:1px solid #ccc; font-size:0; line-height:0; margin:0 1% 1.5% 0;}
	.resps_gallery_list ul li a {display:inline-block; padding:0 0 0 0; font-size:0; line-height:0; margin:0; text-align:center; width:100%;}
	.resps_gallery_list ul li a img.listPic {width: 100%; max-height:130px;}
	.resps_gallery_list ul li a ol {margin:0 auto; overflow:hidden;  width:90%; position:relative;}
	.resps_gallery_list ul li a ol li { width:100%; padding:0.25em 0 0.25em 0; margin:0 0 0.5em 0; text-align:left; border:0;  font:bold 11pt 'Malgun Gothic' , sans-serif; color:#000;  text-indent:0; }
	.resps_gallery_list ul li a ol li+li {position:absolute; bottom:0; right:0; width:auto; border:0; border-bottom:0px; font:normal 9pt 'Malgun Gothic' , sans-serif; color:#999;  text-indent:0;}
		
}


/* -------------------------------------------------------------------------------------------------------------------------------- */


/* 모바일 */
@media all and (max-width:480px) {

	/* bbs_list */
	.resps_bbslist {display:none;}
	.resps_bbslist_m {border-top:2px solid #333; border-bottom:1px solid #ececec; background-color:#fff; display:table; width:100%;} /* bbs top 컬러 변경 */
	.resps_bbslist_m th{ font:bold 1.05em "Malgun Gothic", sans-serif; text-align:center; color:#6e6e6e; background-color:#fff; padding:10px 0; border-bottom:1px solid #000; }
	.resps_bbslist_m td{font:normal 1.05em "Malgun Gothic", sans-serif; text-align:center;  color:#8d8d8d; padding:10px 0; border-bottom:1px dashed #dadada; word-break:break-all;}
	.resps_bbslist_m td a {font:normal 0.98em "Malgun Gothic", sans-serif;  color:#5f5f5f; }
	.resps_bbslist_m td a:hover {color:#000; text-decoration:underline; }
	.resps_bbslist_m td.subject{text-align: left; padding:10px 0 10px 5px;}
	.resps_bbslist_m td img{vertical-align:-1px; margin:0 3px; }

	/* bbs_view */
	.resps_bbsview {display:none;}
	.resps_bbsview_m {border-top:2px solid #333;  border-bottom:1px solid #;background-color:#fff; width:100%;  display:table-row; display:table; } /* bbs top 컬러 변경 */
	.resps_bbsview_m thead td.subject {padding:15px 0  15px 0;  font:bold 11pt "Malgun Gothic", sans-serif; word-break:break-all;}
	.resps_bbsview_m th{ font:bold 11pt "Malgun Gothic", sans-serif; text-align:center; color:#6e6e6e; background-color:#f5f5f5; padding:10px 0  10px 0;  border-bottom:1px dashed #ececec;}
	.resps_bbsview_m td{ font:normal 11pt "Malgun Gothic", sans-serif; border-bottom:1px dashed #dadada;  text-align:left; padding:10px 0  10px 5px;  color:#232323;  }
	.resps_bbsview_m td a {font:normal 11pt "Malgun Gothic", sans-serif;  color:#5f5f5f;}
	.resps_bbsview_m td a:hover {color:#000; text-decoration:underline;}
	.resps_bbsview_m td.subject{text-align: left; font-weight:normal; padding-left:5px;}
	.resps_bbsview_m td.bbs_contents {padding:20px ; line-height:150%; word-break:break-all;}
	.resps_bbsview_m td img{vertical-align:-1px; margin:0 3px; }

	/* bbs_write*/
	.resps_bbs_write_m_box {display:block;}
	.resps_bbs_write_box {display:none;}
	.resps_bbs_write_m {border-top:2px solid #333;  border-bottom:1px solid #ececec; background-color:#fff; width:100%; display:block;} /* bbs top 컬러 변경 */
	.resps_bbs_write_m th{ font:bold 11pt "Malgun Gothic", sans-serif; text-align:center; color:#6e6e6e; background-color:#f5f5f5; padding:10px 0  10px 0;  border-bottom:1px dashed #ececec;}
	.resps_bbs_write_m td{ font:normal 11pt "Malgun Gothic", sans-serif; border-bottom:1px dashed #dadada;  text-align:left; padding:10px 0  15px 10px; color:#232323;  }
	.resps_bbs_write_m td a {font:normal 11pt "Malgun Gothic", sans-serif;  color:#5f5f5f;}
	.resps_bbs_write_m td a:hover {color:#000; text-decoration:underline;}
	.resps_bbs_write_m td input {border:1px solid #999; font:400 12px 'Malgun Gothic' , sans-serif; padding:7px 0 9px 0; color:#8d8d8d; vertical-align:middle;}
	.resps_bbs_write_m td input.file_input {border:1px solid #999; font:400 12px 'Malgun Gothic' , sans-serif; padding:0 0 0 0; color:#8d8d8d; vertical-align:middle; height:30px;}
	.resps_bbs_write_m td select {border:1px solid #999; font:400 12px 'Malgun Gothic' , sans-serif; padding:7px 0 9px 0; color:#8d8d8d; vertical-align:middle;}
	.resps_bbs_write_m td textarea {border:1px solid #999; font:400 12px 'Malgun Gothic' , sans-serif; padding:7px 0 9px 0; color:#8d8d8d; vertical-align:middle;}
	.resps_bbs_write_m td.subject{text-align: left; font-weight:normal; padding-left:5px;}
	.resps_bbs_write_m td.bbs_contents { line-height:150%;}
	.resps_bbs_write_m td img{vertical-align:-1px; margin:0 3px; }
	.resps_bbs_write {display:none;}

	.resps_bbs_delete_box {display:none;}
	.resps_bbs_delete_m_box {display:block;}
	.resps_bbs_delete {border-top:2px solid #333;  border-bottom:1px solid #ececec; background-color:#fff; width:100%; } /* bbs top 컬러 변경 */

	/* btns */
	a.bbs_gray_btn {display:inline-block; padding:6px 10px 10px 10px;  text-align:center;  font:bold 10pt "Malgun Gothic", sans-serif; letter-spacing:-0.5px; color:#fff; background-color:#707580;  vertical-align:middle; }
	a.bbs_gray_btn:hover {background-color:#000000; text-decoration:none; }
	a.bbs_color_btn {display:inline-block; padding:6px 10px 10px 10px; text-align:center; font:bold 10pt "Malgun Gothic", sans-serif;  letter-spacing:-0.5px; color:#fff; background-color:#000;  vertical-align:middle; }
	a.bbs_color_btn:hover {background-color:#000000; text-decoration:none; }  /* 컬러 변경하여 사용 */
	a.order_color_btn {display:inline-block; padding:10px 25px 14px 25px; text-align:center; font:normal 0.95em "Malgun Gothic", sans-serif;  letter-spacing:-0.5px; color:#fff; background-color:#000;  vertical-align:middle; }
	a.order_color_btn:hover {background-color:#000000; text-decoration:none; }  /* 컬러 변경하여 사용 */
	a.order_gray_btn {display:inline-block; padding:10px 25px 14px 25px; text-align:center; font:normal 0.95em "Malgun Gothic", sans-serif;  letter-spacing:-0.5px; color:#fff; background-color:#707580;  vertical-align:middle; }
	a.order_gray_btn:hover {background-color:#000000; text-decoration:none; }  /* 컬러 변경하여 사용 */a.order_color_btn {display:inline-block; padding:10px 25px 14px 25px; text-align:center; font:normal 0.95em "Malgun Gothic", sans-serif;  letter-spacing:-0.5px; color:#fff; background-color:#000;  vertical-align:middle; }
	a.write_color_btn {display:inline-block; padding:10px 25px 14px 25px; text-align:center; font:normal 0.95em "Malgun Gothic", sans-serif;  letter-spacing:-0.5px; color:#fff; background-color:#000;  vertical-align:middle; }
	a.write_color_btn:hover {background-color:#000000; text-decoration:none; }  /* 컬러 변경하여 사용 */
	a.write_gray_btn {display:inline-block; padding:10px 25px 14px 25px; text-align:center; font:normal 0.95em "Malgun Gothic", sans-serif;  letter-spacing:-0.5px; color:#fff; background-color:#707580;  vertical-align:middle; }
	a.write_gray_btn:hover {background-color:#000000; text-decoration:none; }  /* 컬러 변경하여 사용 */
		

	.resps_gallery_list {width: 100%; overflow:hidden; border-top:2px solid #333; border-bottom:1px solid #ececec; padding:1.5% 0 0% 0;}
	.resps_gallery_list ul {box-sizing: border-box; display: table;  table-layout: fixed; padding: 0 0;; text-align: left; width: 101.4%; font-size:0; line-height:0; margin:0;}
	.resps_gallery_list ul li {display: inline-block; text-align: left; vertical-align: top; width: 48.3%;  border:1px solid #ccc; font-size:0; line-height:0; margin:0 1% 1.5% 0;}
	.resps_gallery_list ul li a {display:inline-block; padding:0 0 0 0; font-size:0; line-height:0; margin:0; text-align:center; width:100%;}
	.resps_gallery_list ul li a img.listPic {width: 100%; max-height:130px;}
	.resps_gallery_list ul li a ol {margin:0 auto; overflow:hidden;  width:90%; position:relative;}
	.resps_gallery_list ul li a ol li { width:100%; padding:0.25em 0 0.25em 0; margin:0 0 0.5em 0; text-align:left; border:0;  font:bold 11pt 'Malgun Gothic' , sans-serif; color:#000;  text-indent:0; }
	.resps_gallery_list ul li a ol li+li {position:absolute; bottom:0; right:0; width:auto; border:0; border-bottom:0px; font:normal 9pt 'Malgun Gothic' , sans-serif; color:#999;  text-indent:0;}
		
	

}