﻿@charset "utf-8";


/* 테이블 및 게시물옵션  ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 스크롤 */
.tableScroll {overflow:auto !important;}

/* 테이블라인 */
.lineTop {border-top:1px solid #e4e4e4 !important;}
.lineBtm {border-bottom:1px solid #e4e4e4 !important;}
.lineLeft {border-left:1px solid #e4e4e4 !important;}
.lineRight {border-right:1px solid #e4e4e4 !important;}

/* 검색테이블 - 기본형 */
.searchTable {width:100%; margin-bottom:20px; overflow:hidden;}
.searchTable table {width:100%; table-layout:fixed; border-left:#ddd 2px solid; border-top:#ddd 2px solid; border-right:#ddd 2px solid; border-bottom:#ddd 1px solid; background:#f7f8fc;}
.searchTable table th {padding:7px 10px 8px 38px; text-align:left; font-size:18px; font-weight:500; color:#333; border-bottom:#ddd 1px solid; background:url('../images/btnIcn/icn_search.png') 15px center no-repeat;}
.searchTable table th.stBtn {padding:7px 10px 8px 10px; text-align:center; border-left:#ddd 1px solid; background:none;}
.searchTable table td {padding:12px 10px 12px 15px; border-bottom:#ddd 1px solid; background:#fff;}

/* 검색테이블 - 검색목록이 많을때 */
.searchTableLot {width:100%; margin-bottom:20px; overflow:hidden;}
.searchTableLot table {width:100%; table-layout:fixed; border-left:#ddd 2px solid; border-top:#ddd 2px solid; border-right:#ddd 2px solid; border-bottom:#ddd 1px solid;}
.searchTableLot table th {padding:15px; text-align:left; font-size:20px; font-weight:500; color:#333; border-bottom:#ddd 1px solid; background:url('../images/btnIcn/icn_search.png') 15px center no-repeat;}
.searchTableLot table th.stBtn {padding:7px 10px 8px 10px; text-align:center; border-left:#ddd 1px solid; background:none;}
.searchTableLot table td {padding:12px 10px 12px 15px; border-bottom:#ddd 1px solid;}

/* 리스트형태 - 목록[스크롤시] */
.tableListTitle {overflow:hidden;}
.tableListTitle table {width:100%; table-layout:fixed; border-top:#838383 1px solid; border-left:#e4e4e4 1px solid;}
.tableListTitle table th {padding:10px 0 10px 0; font-weight:500; color:#0b2e47; letter-spacing:-1px; text-align:center; background:#f1f1f6; border-right:#e4e4e4 1px solid; border-bottom:#e4e4e4 1px solid;}

/* 리스트형태 - 내용[스크롤시] */
.tableListCtn {height:300px; overflow:auto;}
.tableListCtn table {width:100%; table-layout:fixed; border-left:#e4e4e4 1px solid;}
.tableListCtn table td {padding:5px 5px; text-align:center; border-right:#e4e4e4 1px solid; border-bottom:#e4e4e4 1px solid;} 
.tableListCtn table th {padding:5px 5px 5px 15px; text-align:left; border-right:#e4e4e4 1px solid; border-bottom:#e4e4e4 1px solid;}
.tableListCtn table tbody a {color:#0f21a6;}

/* 리스트형태 - 기본형 */
.tableList {overflow:hidden;}
.tableList table {width:100%; table-layout:fixed; border-top:#231f20 1px solid; background:#f7f8fc;}
.tableList table thead th {padding:15px 8px; font-weight:500; color:#333; text-align:center; border-bottom:#ddd 1px solid; background:url('../images/btnIcn/bg_bbsLine.gif') left center no-repeat;}
.tableList table thead th:first-child {background:none;}
.tableList table tbody td {min-height:5px; padding:5px 5px;  text-align:center; border-bottom:#e4e4e4 1px solid; background:#fff;} 
.tableList table tbody th {min-height:5px; padding:5px 10px 5px 15px;  text-align:left; border-bottom:#e4e4e4 1px solid; background:#fff;}
.tableList table tbody th h1 {font-size:16px; font-weight:500;}
.tableList table tbody th h1 a {color:#333;}
.tableList table tbody th h1 a:hover {color:#b52026;}
.tableList table tbody th h2 {margin-top:7px; font-size:13px; color:#999;}
.tableList table tbody a {color:#0f21a6;}

.tableListScroll {overflow:auto;}
.tableListScroll table {width:790px; table-layout:fixed; border-top:#838383 1px solid; border-left:#e4e4e4 1px solid;}
.tableListScroll table thead th {padding:10px 0 10px 0; font-weight:500; color:#0b2e47; letter-spacing:-1px; text-align:center; background:#f1f1f6; border-right:#e4e4e4 1px solid; border-bottom:#e4e4e4 1px solid;}
.tableListScroll table tbody td {padding:8px 5px; text-align:center; border-right:#e4e4e4 1px solid; border-bottom:#e4e4e4 1px solid;} 
.tableListScroll table tbody th {padding:8px 5px 8px 15px; text-align:left;border-right:#e4e4e4 1px solid; border-bottom:#e4e4e4 1px solid;}
.tableListScroll table tbody td li{background:url('../images/btnIcn/icn_dot1.gif') 0 10px no-repeat; padding-left:10px;}
.tableListScroll table tbody .tbodyTitle {padding:8px; font-weight:500; color:#0b2e47; letter-spacing:-1px; text-align:center; background:#f1f1f6; border-right:#e4e4e4 1px solid; border-bottom:#e4e4e4 1px solid;} 
.tableListScroll table tfoot td {padding:10px 0 10px 0; font-size:16px; font-weight:500; color:#0b2e47; letter-spacing:-1px; text-align:center; background:#f1f1f6; border-right:#e4e4e4 1px solid; border-bottom:#838383 1px solid; border-top:#838383 1px solid;}

.tableListScrollSmall {overflow:auto;}
.tableListScrollSmall table {width:100%; table-layout:fixed; border-top:#838383 1px solid; border-left:#e4e4e4 1px solid;}
.tableListScrollSmall table thead th {font-size:12px;padding:10px 0 10px 0; font-weight:500; color:#0b2e47; letter-spacing:-1px; text-align:center; background:#f1f1f6; border-right:#e4e4e4 1px solid; border-bottom:#e4e4e4 1px solid;}
.tableListScrollSmall table tbody td {font-size:12px;padding:8px 5px; text-align:center; border-right:#e4e4e4 1px solid; border-bottom:#e4e4e4 1px solid;} 
.tableListScrollSmall table tbody th {font-size:12px;padding:8px 5px 8px 15px; text-align:left;border-right:#e4e4e4 1px solid; border-bottom:#e4e4e4 1px solid;}
.tableListScrollSmall table tbody td li{font-size:12px;background:url('../images/btnIcn/icn_dot1.gif') 0 10px no-repeat; padding-left:10px;}
.tableListScrollSmall table tbody .tbodyTitle {padding:8px; font-weight:500; color:#0b2e47; letter-spacing:-1px; text-align:center; background:#f1f1f6; border-right:#e4e4e4 1px solid; border-bottom:#e4e4e4 1px solid;} 
.tableListScrollSmall table tfoot td {padding:10px 0 10px 0; font-size:16px; font-weight:500; color:#0b2e47; letter-spacing:-1px; text-align:center; background:#f1f1f6; border-right:#e4e4e4 1px solid; border-bottom:#838383 1px solid; border-top:#838383 1px solid;}

/* 리스트형태 - 박스형[라인] */
.tableListBox {overflow:hidden;}
.tableListBox table {width:100%; table-layout:fixed; border-top:#231f20 1px solid; border-right:#e4e4e4 1px solid; background:#f7f8fc;}
.tableListBox table thead th {padding:15px 8px; font-weight:500; color:#333; text-align:center; border-bottom:#ddd 1px solid; border-left:#e4e4e4 1px solid;}
.tableListBox table tbody td {min-height:5px; padding:8px; text-align:center; border-bottom:#e4e4e4 1px solid; border-left:#e4e4e4 1px solid; background:#fff;} 
.tableListBox table tbody th {min-height:5px; padding:8px 10px; text-align:left; border-bottom:#e4e4e4 1px solid; border-left:#e4e4e4 1px solid; background:#fff;}
.tableListBox table tfoot td {min-height:5px; padding:8px; text-align:center; font-weight:500; color:#333; border-bottom:#e4e4e4 1px solid; border-left:#e4e4e4 1px solid; background:#f1fefe;} 

/* 리스트형태 - 박스형[목록-긴라인 / 내용-라인있음] */
.tableListBoxLine {overflow:hidden;}
.tableListBoxLine table {width:100%; table-layout:fixed; border-top:#585858 2px solid; border-right:#e4e4e4 1px solid; background:#f7f8fc;}
.tableListBoxLine table thead th {padding:12px 8px; font-weight:500; color:#333; letter-spacing:-1px; text-align:center; border-bottom:#ccc 1px solid; border-left:#e4e4e4 1px solid;} 
.tableListBoxLine table tbody td {min-height:20px; padding:8px; text-align:center; border-bottom:#e4e4e4 1px solid; border-left:#e4e4e4 1px solid; background:#fff;} 
.tableListBoxLine table tbody th {min-height:20px; padding:8px 8px 8px 15px; text-align:left; border-bottom:#e4e4e4 1px solid; border-left:#e4e4e4 1px solid; background:#fff;}
.tableListBoxLine table tfoot td {padding:15px 8px; text-align:center; color:#fff; font-size:16px; border-bottom:#666 1px solid; border-left:#666 1px solid; background:#333;} 
.tableListBoxLine table tfoot td:first-child {border-left:none;}

.tableListBoxLine1 {overflow:hidden;}
.tableListBoxLine1 table {width:100%; table-layout:fixed; border-top:#585858 2px solid; border-right:#e4e4e4 1px solid; background:#f7f8fc;}
.tableListBoxLine1 table thead th {font-weight:500; font-size:12px; color:#333; letter-spacing:-1px; text-align:center; border-bottom:#585858 1px solid; border-left:#e4e4e4 1px solid;} 
.tableListBoxLine1 table tbody td {min-height:5px; padding:4px; font-size:12px; text-align:center; border-bottom:#e4e4e4 1px solid; border-left:#e4e4e4 1px solid; background:#fff;} 
.tableListBoxLine1 table tbody th {min-height:5px; padding:4px; font-size:12px; text-align:left; border-bottom:#e4e4e4 1px solid; border-left:#e4e4e4 1px solid; background:#fff;}
.tableListBoxLine1 table tfoot td {text-align:center; color:#fff; font-size:12px; border-bottom:#666 1px solid; border-left:#666 1px solid; background:#333;} 
.tableListBoxLine1 table tfoot td:first-child {border-left:none;}

/* 리스트형태 - 박스형[라인-목록타이틀포함] */
.tableListLine {overflow:hidden;}
.tableListLine table {width:100%; table-layout:fixed; border-top:#231f20 1px solid; background:#f7f8fc; border-collapse: collapse;}
.tableListLine table thead th {padding:15px 8px; font-weight:500; color:#333; text-align:center; border-bottom:#ddd 1px solid; background:url('../images/btnIcn/bg_bbsLine.gif') left center no-repeat;}
.tableListLine table thead th:first-child {background:none;} 
.tableListLine table tbody td {min-height:5px; padding:5px; text-align:center; border-bottom:#e4e4e4 1px solid; border-left:#e4e4e4 1px solid; background:#fff;} 
.tableListLine table tbody th {min-height:5px; padding:5px 8px 5px 15px; text-align:left; border-bottom:#e4e4e4 1px solid; border-left:#e4e4e4 1px solid; background:#fff;}
.tableListLine table tbody a {color:#0f21a6;}

/* 리스트 - 갤러리형식 */
.galleryList {border-top:#dcdcdc 1px solid; border-bottom:#dcdcdc 1px solid; padding:25px 0 10px 0; overflow:hidden;}
.galleryList ul {width:100%; cursor:pointer; overflow:hidden;}
.galleryList ul li {float:left; width:23%; margin:0 1%;}
/* .galleryList ul li div {height:125px; padding-top:45px; text-align:center; border-radius:3px; border:#e5e5e5 1px solid; background-size:cover !important; background-repeat:no-repeat !important;} */
.galleryList ul li div {height:125px; padding:20px; text-align:center; border-radius:3px; border:#e5e5e5 1px solid; background-size:cover !important; background-repeat:no-repeat !important;}
.galleryList ul li p {margin:10px 0 20px 0; text-align:center; font-size:16px; font-weight:500; color:#333;}
.galleryList ul li:hover p {color:#187aba;}

@media all and (max-width: 1199px){
	.galleryList ul li {width:31.3333%; margin:15px 1% 0 1%;}
	.galleryList ul li:nth-child(1), .galleryList ul li:nth-child(2), .galleryList ul li:nth-child(3) {margin-top:0;}
}

@media all and (max-width: 989px){
}

@media all and (max-width: 767px){
	.galleryList ul li {width:48%;}
	.galleryList ul li:nth-child(3) {margin-top:15px;}
}

@media all and (max-width: 479px){
	.galleryList ul li {float:none; width:85%; margin:15px auto 0 auto;}
	.galleryList ul li:nth-child(2) {margin-top:15px;}
}


/* 페이징 */
.listPaging {width:100%; text-align:center;}
.listPaging a {display:inline-block; width:30px; height:30px; margin:0 1px; overflow:hidden;}
.listPaging a span {display:inline-block; width:30px; height:30px; line-height:28px; box-sizing:border-box; padding:0 3px; text-align:center; border:1px solid #ddd; background:#fff;}
.listPaging a span:hover {color:#fff; border:1px solid #5a5a5a; background:#333;}
.listPaging a .on {height:30px; line-height:30px; box-sizing:border-box; padding:0 5px; text-align:center; border:#5a5a5a 1px solid; color:#fff; background:#333;}

/* 세부내용 및 등록형태 - 기본형 */
.tableView {overflow:hidden;}
.tableView table {width:100%; table-layout:fixed; border-top:#231f20 1px solid; border-left:#e4e4e4 1px solid; border-spacing:0; border-collapse: collapse;}
.tableView table th {padding:8px; color:#555; font-weight:500; text-align:center; background:#f7f8fc; border-right:#e4e4e4 1px solid; border-bottom:1px solid #e4e4e4;}
.tableView table th em {font-size:16px; font-weight:500; font-style:normal; color:#de1819;}
.tableView table td {padding:5px 8px; background:#fff; border-right:#e4e4e4 1px solid; border-bottom:1px solid #e4e4e4;}
.tableView table td span {color:#000;}
.tableView table td table {width:100%; table-layout:fixed; border-top:#e4e4e4 1px solid; border-left:#e4e4e4 1px solid;}
.tableView table td table thead th {padding:10px 0; font-weight:500; color:#0b2e47; letter-spacing:-1px; text-align:center; background:#f1f1f6; border-right:#e4e4e4 1px solid; border-bottom:#e4e4e4 1px solid;}
.tableView table td table tbody td {padding:8px; text-align:center; border-right:#e4e4e4 1px solid; border-bottom:#e4e4e4 1px solid;} 

/* 세부내용 및 등록형태 - 박스형 */
.tableViewBox {overflow:hidden;}
.tableViewBox > table {width:100%; table-layout:fixed; border-top:#231f20 1px solid; border-left:#e4e4e4 1px solid;}
.tableViewBox > table > tbody > tr > th {min-height:5px; padding:5px 10px 5px 15px; color:#333; font-weight:500; text-align:center; letter-spacing:-1px; background:#f7f8fc; border-right:#e4e4e4 1px solid; border-bottom:1px solid #e4e4e4;}
.tableViewBox > table > tbody > tr > th em {font-size:16px; font-weight:500; font-style:normal; color:#de1819;}
.tableViewBox > table > tbody > tr > td {min-height:5px; padding:5px 10px 5px 10px; background:#fff; border-bottom:1px solid #e4e4e4; border-right:#e4e4e4 1px solid;}

/* 상세 */
.viewArea {width:100%;}
.viewArea .bvInfo {padding:25px; border:#e3e3e3 1px solid; background:#f7f8fc;}
.viewArea .bvInfo .infoTitle {width:100%; margin-bottom:20px; padding-bottom:20px; border-bottom:#e4e4e4 1px solid; overflow:hidden;}
.viewArea .bvInfo .infoTitle dt {float:left; width:90%; font-size:18px; font-weight:500; color:#333;}
.viewArea .bvInfo .infoTitle dd {float:right; width:10%; text-align:right;}
.viewArea .bvInfo .infoArea {width:100%; margin:5px 0; font-size:14px; color:#333; overflow:hidden;}
.viewArea .bvInfo .infoArea dt {float:left;}
.viewArea .bvInfo .infoArea span {position:relative; margin:0 10px; padding-left:10px;}
.viewArea .bvInfo .infoArea span:after {content:""; display:inline-block; position:absolute; left:0; top:6px; width:1px; height:10px; background:#727272;}
.viewArea .bvInfo .infoArea span:first-child {margin:0 10px 0 0; padding:0;}
.viewArea .bvInfo .infoArea span:first-child:after {display:none;}
.viewArea .bvInfo .infoArea dd {float:right; margin-right:2px;}
.viewArea .bvInfo .infoArea span {color:#878787;}
.viewArea .bvCtn {width:100%; padding:25px 20px; box-sizing:border-box; border-left:#e4e4e4 1px solid; border-right:#e4e4e4 1px solid; border-bottom:#e4e4e4 1px solid; overflow:hidden;}
.viewArea .bvCtn img {position:relative; left:50%; transform:translateX(-50%); width:auto; max-width:945px; height:auto; margin:0 auto; text-align:center;}
.viewArea .bvBtn {margin:15px 0 30px 0; overflow:hidden;}
.viewArea .bvBtn dt {float:left;}
.viewArea .bvBtn dd {float:right;}

@media all and (max-width: 1199px){
	.viewArea iframe {height:400px !important;}
	
	.viewArea .bvCtn img {max-width:715px;}
}

@media all and (max-width: 989px){
	.viewArea .bvCtn img {max-width:100%; height:auto !important;}
	.viewArea .bvCtn table {width:100%; min-width:280px; overflow:hidden;}
	.viewArea .bvCtn table td, .viewArea .bvCtn table th {width:auto !important; min-width:auto !important;}
}

@media all and (max-width: 767px){
	.viewArea iframe {height:300px !important;}
}

@media all and (max-width: 479px){
	.viewArea iframe {height:auto !important;}
	.viewArea .bvInfo .infoArea dt {float:none; width:100%;}
	.viewArea .bvInfo .infoArea dd {float:none; width:100%; margin-top:5px;}
}


/* 상세 - 이전글다음글 */
.viewPN {overflow:hidden;}
.viewPN table {width:100%; table-layout:fixed; border-top:#e4e4e4 1px solid; border-left:#e4e4e4 1px solid;}
.viewPN table th {padding:8px 10px 8px 15px; background:#f7f8fc; color:#333; font-weight:500; border-right:#e4e4e4 1px solid; border-bottom:1px solid #e4e4e4; text-align:left;}
.viewPN table td {padding:8px 10px 8px 10px; background:#fff; border-right:#e4e4e4 1px solid; border-bottom:1px solid #e4e4e4;}
.viewPN table td span {font-weight:500; color:#a14d56;}

/* 덧글 - 덧글갯수 */
.replyCnt {margin-top:15px; padding:12px 15px 12px 15px; font-size:14px; color:#333; font-weight:500; border:#e4e4e4 1px solid; background:#f9f9f9;}
.replyCnt span {color:#e74c00;}

/* 덧글 - 리스트 */
.replyList {margin:10px 10px 15px 10px;}
.replyList div {margin-top:15px; border-bottom:#e4e4e4 1px solid;}
.replyList div dl {width:100%; overflow:hidden;}
.replyList div dl dt {float:left;}
.replyList div dl dt h1 {padding-left:16px; font-size:14px; color:#333; font-weight:500; background:url('../images/btnIcn/icn_cmt.gif') 0 3px no-repeat;}
.replyList div dl dt h2 {font-size:11px; color:#999;}
.replyList div dl dd {float:right;}
.replyList div p {padding:10px 0 15px 0;}

/* 덧글 - 등록 */
.replyAdd {margin:25px 0 15px 0;}
.replyAdd dl {width:100%; overflow:hidden;}
.replyAdd dl dt {float:left; width:665px;}
.replyAdd dl dt textarea {width:100%; height:78px; border:#e1e1e1 2px solid;}
.replyAdd dl dd {float:right; width:100px;}
.replyAdd dl dd input {width:100%; height:84px; color:#fff; font-size:12px; font-weight:500; text-align:center; border:#777d8c 1px solid; border-radius:2px; background:#525a6e;}
.replyAdd dl dd input:hover {color:#f7f8fc; border:#fff 1px dashed; background:#2a5b80;}

/* 달력 */
.calendar {overflow:hidden;}
.calendar .calDate {height:59px; background:url('../images/img/cal_dateBg.gif') no-repeat; background-size:100%; border-radius:2px 2px 0 0; overflow:hidden;}
.calendar .calDate dl {width:280px; margin:0 auto; overflow:hidden;}
.calendar .calDate dl dt {float:left; width:40px; padding-top:16px; text-align:center;}
.calendar .calDate dl dd {float:left; width:200px; padding-top:12px; text-align:center; font-size:28px; line-height:30px; font-weight:500; color:#fff;}
.calendar .calDate a {color:#fff; letter-spacing:-1px;}
.calendar .calDate a:hover {color:#8bbcfe;}
.calendar .calYM {width:100%; height:60px; background:#034a72; border-radius:4px 4px 0 0; overflow:hidden;}
.calendar .calYM > dt {float:left; width:150px; display:none;}
.calendar .calYM > dd {float:left; width:100%; text-align:center; color:#fff; font-size:24px; line-height:60px;}

.calendar table {width:100%; table-layout:fixed; font-size:13px; border-left:#e4e4e4 1px solid;}
.calendar table thead th {padding:10px 0 10px 0; font-weight:500; color:#0b2e47; letter-spacing:-1px; text-align:center; background:#f7f8fc; border-right:#e4e4e4 1px solid; border-bottom:#e4e4e4 1px solid;}
.calendar table tbody td {height:100px; padding:8px; vertical-align:top; border-right:#e4e4e4 1px solid; border-bottom:#e4e4e4 1px solid;}
.calendar table tbody td:hover {background:#f7f8fc;}
.calendar table tbody td p {margin-bottom:10px; padding-bottom:8px; font-weight:500; border-bottom:#ddd 1px dashed;}
.calendar table tbody td p span {font-size:11px; color:#ccc; font-weight:normal;}
.calendar table tbody td p img {margin-top:-3px;}
.calendar table tbody td dl {display:none; margin-top:5px; overflow:hidden;}
.calendar table tbody td dl dt {padding:3px 0 3px 0; text-align:center; border:#f87509 1px solid; background:#fff6e7;}
.calendar table tbody td dl dt a {display:block; padding:1px 0; color:#f87509;}
.calendar table tbody td dl dt a:hover {color:#b6580b;}
.calendar table tbody td dl dd {padding-bottom:2px; text-align:center; font-size:11px; background:#f87509; cursor:pointer;}
.calendar table tbody td dl dd a {display:block; color:#fff;}
.calendar table tbody td ul {overflow:hidden;}
.calendar table tbody td ul li {padding:3px 0 3px 15px; background:url('../images/btnIcn/icn_dot1.gif') 5px 12px no-repeat; cursor:pointer;}
.calendar table tbody td ul li:hover {color:#b42329;}

@media all and (max-width: 1199px){
}

@media all and (max-width: 989px){
}

@media all and (max-width: 767px){
	.calendar .calWrap {overflow-x:scroll;}
	.calendar .calWrap table colgroup col {width:100px;}
}

@media all and (max-width: 479px){
}


/* 달력-주간 */
.calWeek {overflow:hidden;}
.calWeek .calDate {height:59px; background:url('../images/img/cal_dateBg.gif') no-repeat; background-size:100%; overflow:hidden;}
.calWeek .calDate dl {width:460px; margin:0 auto; overflow:hidden;}
.calWeek .calDate dl dt {float:left; width:40px; padding-top:18px; text-align:center;}
.calWeek .calDate dl dd {float:left; width:380px; padding-top:10px; text-align:center; font-size:22px; line-height:34px; font-weight:500; color:#fff;}
.calWeek table {width:100%; table-layout:fixed; border-top:#838383 1px solid; border-left:#e4e4e4 1px solid;}
.calWeek table thead th {padding:15px 0; font-weight:500; color:#0b2e47; letter-spacing:-1px; text-align:center; background:#f1f1f6; border-right:#e4e4e4 1px solid; border-bottom:#e4e4e4 1px solid;}
.calWeek table tbody td {padding:15px 5px; text-align:center; border-right:#e4e4e4 1px solid; border-bottom:#e4e4e4 1px solid;}
.calWeek table tbody td.bgCol1 {font-weight:500; background:#e7f1ff;}
.calWeek table tbody td.bgCol1 a {color:#333;}
.calWeek table tbody td.bgCol2 {font-weight:500; background:#ffe7ec;}
.calWeek table tbody td.bgCol2 a {color:#333;}
.calWeek table tbody td.bgCol3 {color:#333; font-weight:500; background:#e7ffef;}
.calWeek table tbody td.bgCol3 a {color:#333;}


/* 통계 - 박스형[라인] */
.tableListBoxStat {overflow:hidden;}
.tableListBoxStat table {width:100%; table-layout:fixed; border-top:#231f20 1px solid; border-right:#e4e4e4 1px solid; /* background:#f7f8fc; */}
.tableListBoxStat table thead th {padding:15px 8px; font-weight:500; color:#333; text-align:center; border-bottom:#ddd 1px solid; border-left:#e4e4e4 1px solid; background:#f7f8fc;}
.tableListBoxStat table tbody td {min-height:35px; padding:8px; /* text-align:center; */ border-bottom:#e4e4e4 1px solid; border-left:#e4e4e4 1px solid; /* background:#fff; */ overflow:hidden;} 
.tableListBoxStat table tbody th {min-height:35px; padding:8px 8px 8px 15px; text-align:left; border-bottom:#e4e4e4 1px solid; border-left:#e4e4e4 1px solid; /* background:#fff; */}
.tableListBoxStat table tfoot td {min-height:35px; padding:8px; text-align:center; font-weight:500; color:#333; border-bottom:#e4e4e4 1px solid; border-left:#e4e4e4 1px solid; background:#f1fefe;} 
.sum{ background-color: #E0F0FF; }
.totSum{ background-color: #f1fefe;}


.ellipsis { /*table 사용 시 table-layout:fixed; 설정 되어 있어야 함*/
	white-space:nowrap;
	overflow:hidden;			/* "overflow" value must be different from "visible" */
	text-overflow:ellipsis;		/* IE, Safari */
	-o-text-overflow:ellipsis;	/* Opera under 10.7 */
	-ms-text-overflow:ellipsis;
	/* -moz-binding: url('ellipsis.xml#ellipsis'); */
}
.strCut {
	float: left;
	max-width: -moz-calc(100% - 20px);
	max-width: -webkit-calc(100% - 20x);
	max-width: calc(100% - 20px);
}

/* 리스트형태 - 기본형[목록-짧은라인 / 내용-라인있음] */
.tableListSLine {overflow:hidden;}
.tableListSLine table {width:100%; table-layout:fixed; border-top:#585858 2px solid; background:#f7f8fc;}
.tableListSLine table thead th {padding:12px 8px; font-weight:500; color:#333; letter-spacing:-1px; text-align:center; border-bottom:#e4e4e4 1px solid; background:url('../images/btnIcn/bg_bbsLine.gif') left center no-repeat;} 
.tableListSLine table thead th:first-child {background:none;} 
.tableListSLine table tbody td {min-height:20px; padding:8px; text-align:center; border-bottom:#e4e4e4 1px solid; border-left:#e4e4e4 1px solid; background:#fff;} 
.tableListSLine table tbody td:first-child {border-left:none;} 
.tableListSLine table tbody th {min-height:20px; padding:8px 8px 8px 15px; text-align:left; border-bottom:#e4e4e4 1px solid; border-left:#e4e4e4 1px solid; background:#fff;}
.tableListSLine table tbody th:first-child {border-left:none;} 
.tableListSLine table tfoot td {padding:15px 8px; text-align:center; color:#fff; font-size:16px; border-bottom:#666 1px solid; border-left:#666 1px solid; background:#333;} 
.tableListSLine table tfoot td:first-child {border-left:none;}


/* 리스트형태 - video형 */
.videoListAdm {border-top:#dcdcdc 1px solid; padding-top:25px; overflow:hidden;}
.videoListAdm ul li {float:left; width:23%; margin:15px 1% 0 1%; box-sizing:border-box; padding-bottom:10px; border-bottom:#e5e5e5 1px solid; cursor:pointer;}
.videoListAdm ul li:nth-child(1), .videoListAdm ul li:nth-child(2), .videoListAdm ul li:nth-child(3), .videoListAdm ul li:nth-child(4) {margin-top:0;}
.videoListAdm ul li div {height:170px; text-align:center; border:#e5e5e5 1px solid; background-size:cover !important; background-repeat:no-repeat !important;}
.videoListAdm ul li h5 {margin-top:10px; font-size:15px; line-height:18px; font-weight:500; color:#333; overflow:hidden;}
.videoListAdm ul li span {display:block; text-align:right; font-size:13px; letter-spacing:0;}

@media all and (max-width: 1199px){
	.videoListAdm ul li {width:31.3333%;}
}

@media all and (max-width: 989px){
}

@media all and (max-width: 767px){
	.videoListAdm ul li {width:48%;}
	.videoListAdm ul li:nth-child(3), .videoListAdm ul li:nth-child(4) {margin-top:15px;}
}

@media all and (max-width: 479px){
	.videoListAdm ul li {float:none; width:85%; margin:15px auto 0 auto;}
	.videoListAdm ul li:nth-child(2) {margin-top:0;}
}


.roomBg0001 {background-color: #FFD8D8 !important;}
.roomBg0002 {background-color: #FAECC5 !important;}
.roomBg0003 {background-color: #FAF4C0 !important;}
.roomBg0004 {background-color: #CEFBC9 !important;}
.roomBg0005 {background-color: #D9E5FF !important;}
.roomBg0006 {background-color: #E8D9FF !important;}
.roomBg0007 {background-color: #FFD9FA !important;}
.roomBg0008 {background-color: #EAEAEA !important;}









/* 반응형 테이블New /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 테이블 상세보기 */
.bbsView {width:100%; border-top:1px solid #231f20; overflow:hidden;}
.bbsView table {width:100%; table-layout:fixed; border-spacing:0; border-collapse:collapse;}
.bbsView table th {padding:8px 10px; color:#555; font-weight:500; text-align:center; background:#f7f8fc; border-right:#e4e4e4 1px solid; border-bottom:1px solid #e4e4e4;}
.bbsView table tbody th {color:#555; font-weight:500; text-align:center; word-break:keep-all; padding:10px 5px; box-sizing:border-box; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; background:#f7f8fc;}
.bbsView table tbody td {text-align:left; padding:10px 8px; box-sizing:border-box; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; background:#fff;}
.bbsView table tbody th em {font-size:16px; font-weight:500; font-style:normal; color:#de1819;}
.bbsView table tbody td:last-child {border-right:none;}
.bbsView table tbody td label {display:inline-block; margin-right:5px;}
.bbsView table tbody td .tbv_line_form {display:inline-block; margin-left:10px;}
.bbsView table tbody td .ext-prog-info img {position:relative; left:50%; transform:translateX(-50%); width:auto; max-width:945px; height:auto; margin:0 auto; text-align:center;}
.bbsView table .hide-area {display:none;}

.bbsView table tbody td ul.select_divd {overflow:hidden;}
.bbsView table tbody td ul.select_divd > li:nth-child(odd) {float:left; width:49.5%; margin-right:1%;}
.bbsView table tbody td ul.select_divd > li:nth-child(even) {float:right; width:49.5%;}

/* 리스트형-내용많을경우 */
.bbsListLot {overflow:hidden;}
.bbsListLot table {width:100%; table-layout:fixed; border-spacing:0; border-collapse:collapse; border-top:#878ea1 1px solid; background:#f7f8fc;}
.bbsListLot table thead th {padding:15px 8px; font-weight:500; color:#333; text-align:center; border-bottom:1px solid #e4e4e4; background:url('../images/btnIcn/bg_bbsLine.gif') left center no-repeat;}
.bbsListLot table thead th:first-child {background:none;}
.bbsListLot table tbody td {min-height:10px; padding:8px 5px; text-align:center; border-bottom:#e4e4e4 1px solid; background:#fff;} 
.bbsListLot table tbody th {min-height:10px; padding:5px 10px; text-align:left; border-bottom:#e4e4e4 1px solid; background:#fff;}
.bbsListLot table tbody td > strong.hideTb {display:none;}
.bbsListLot table tbody th > strong.hideTb {display:none;}

.bbsListLot table tbody .tbNumPt span {display:block; margin-top:3px;}
.bbsListLot table tbody .tbNumPt span:first-child {margin-top:0;}
.bbsListLot table tbody .btntb a span {display:none;} /* 버튼영역 */

/* 리스트형-공지사항/커뮤니티 테이블 */
.bbsList {overflow:hidden;}
.bbsList table {width:100%; table-layout:fixed; border-spacing:0; border-collapse:collapse; border-top:#231f20 1px solid; background:#f7f8fc;}
.bbsList table thead th {padding:18px 8px; font-weight:500; color:#333; text-align:center; border-bottom:1px solid #e4e4e4; background:url('../images/btnIcn/bg_bbsLine.gif') left center no-repeat;}
.bbsList table thead th:first-child {background:none;}
.bbsList table tbody td {min-height:10px; padding:12px 10px; text-align:center; border-bottom:#e2e2e2 1px solid; background:#fff;} 
.bbsList table tbody th {min-height:10px; padding:12px 10px; text-align:left; border-bottom:#e2e2e2 1px solid; background:#fff;}

/* 리스트형-폼작성리스트(이력서/자기소개서) */
.bbsListInput {overflow:hidden;}
.bbsListInput table {width:100%; table-layout:fixed; border-spacing:0; border-collapse:collapse; border-top:#231f20 1px solid; background:#f7f8fc;}
.bbsListInput table thead th {padding:18px 8px; font-weight:500; color:#333; text-align:center; border-bottom:1px solid #e4e4e4; background:url('../images/btnIcn/bg_bbsLine.gif') left center no-repeat;}
.bbsListInput table thead th:first-child {background:none;}
.bbsListInput table tbody td {min-height:10px; padding:12px 5px; text-align:center; border-bottom:#e2e2e2 1px solid; background:#fff;} 
.bbsListInput table tbody th {min-height:10px; padding:12px 5px; text-align:left; border-bottom:#e2e2e2 1px solid; background:#fff;}
.bbsListInput table tbody a {color:#0f21a6;}
.bbsListInput table tbody strong.tb_hide {display:none;}
.bbsListInput table tbody span.bbs_span {display:block;}

/* 리스트형-폼작성리스트[박스형] */
.bbsListInputBox {overflow:hidden;}
.bbsListInputBox table {width:100%; table-layout:fixed; border-spacing:0; border-collapse:collapse; border-top:#231f20 1px solid; background:#f7f8fc;}
.bbsListInputBox table thead th {padding:18px 8px; font-weight:500; color:#333; text-align:center; border-bottom:1px solid #e4e4e4; border-right:1px solid #e4e4e4;}
.bbsListInputBox table thead th:first-child {border-left:1px solid #e4e4e4;}
.bbsListInputBox table tbody td {min-height:10px; padding:8px 10px; text-align:center; border-bottom:#e2e2e2 1px solid; border-right:1px solid #e4e4e4; background:#fff;} 
.bbsListInputBox table tbody th {min-height:10px; padding:8px 10px; text-align:left; border-bottom:#e2e2e2 1px solid; border-right:1px solid #e4e4e4; background:#fff;}
.bbsListInputBox table tbody td:first-child {border-left:1px solid #e4e4e4;}
.bbsListInputBox table tbody a {color:#0f21a6;}
.bbsListInputBox table tbody strong.tb_hide {display:none;}
.bbsListInputBox table tbody span.bbs_span {display:block;}

/* 리스트형-박스형 */
.bbsListBox {overflow:hidden;}
.bbsListBox table {width:100%; table-layout:fixed; border-spacing:0; border-collapse:collapse; border-top:#231f20 1px solid; border-right:#e4e4e4 1px solid; background:#f7f8fc;}
.bbsListBox table thead th {padding:12px 8px; font-weight:500; color:#333; letter-spacing:-1px; text-align:center; border-bottom:#e4e4e4 1px solid; border-left:#e4e4e4 1px solid;} 
.bbsListBox table tbody td {min-height:20px; padding:8px; text-align:center; border-bottom:#e4e4e4 1px solid; border-left:#e4e4e4 1px solid; background:#fff;} 
.bbsListBox table tbody th {min-height:20px; padding:8px; text-align:left; border-bottom:#e4e4e4 1px solid; border-left:#e4e4e4 1px solid; background:#fff;}
.bbsListBox table tbody td.sum {font-size:15px; text-align:right; color:#fff; border-left:1px solid rgba(255,255,255,0.2); background:#3b4354;}

/* 박스형-내용많을경우-스크롤(글자작게) */
.bbsScrollSm {overflow-x:auto;}
.bbsScrollSm table {width:100%; table-layout:fixed; border-spacing:0; border-collapse:collapse; border-top:#878ea1 1px solid; border-left:#e4e4e4 1px solid;}
.bbsScrollSm table thead th {font-size:13px; padding:10px 0; font-weight:500; color:#333; letter-spacing:-1px; text-align:center; background:#f7f8fc; border-right:#e4e4e4 1px solid; border-bottom:#e4e4e4 1px solid;}
.bbsScrollSm table tbody td {font-size:13px; padding:8px; text-align:center; border-right:#e4e4e4 1px solid; border-bottom:#e4e4e4 1px solid;} 
.bbsScrollSm table tbody th {font-size:13px; padding:8px; text-align:left; border-right:#e4e4e4 1px solid; border-bottom:#e4e4e4 1px solid;}
.bbsScrollSm table tbody td:last-child, .bbsScrollSm table tbody th:last-child {border-right:#e4e4e4 1px solid;}
.bbsScrollSm table tbody td label {display:inline-block; margin-right:5px;}

/* 박스형-스크롤 */
.bbsScroll {overflow-x:auto;}
.bbsScroll table {width:100%; table-layout:fixed; border-spacing:0; border-collapse:collapse; border-top:#878ea1 1px solid; border-left:#e4e4e4 1px solid;}
.bbsScroll table thead th {font-size:14px; padding:10px 5px; font-weight:500; color:#333; letter-spacing:-1px; text-align:center; background:#f7f8fc; border-right:#e4e4e4 1px solid; border-bottom:#e4e4e4 1px solid;}
.bbsScroll table tbody td {font-size:14px; padding:8px 5px; text-align:center; border-right:#e4e4e4 1px solid; border-bottom:#e4e4e4 1px solid;} 
.bbsScroll table tbody th {font-size:14px; padding:8px 5px; text-align:left; border-right:#e4e4e4 1px solid; border-bottom:#e4e4e4 1px solid;}
.bbsScroll table tbody td:last-child, .bbsScroll table tbody th:last-child {border-right:#e4e4e4 1px solid;}
.bbsScroll .tooltiptext {width:150px;}

@media all and (max-width:1199px) {
	.bbsView table tbody td.total.ext-prog-info img {max-width:715px;}
}

@media all and (max-width:989px) {
	.bbsView table tbody td.total.ext-prog-info img {max-width:100%; height:auto !important;}
}

@media all and (max-width:767px) {
	/* 리스트형-내용많을경우 */
 	.bbsListLot table {background:none; border-bottom:1px solid #e4e4e4;}
	.bbsListLot table colgroup {display:none;}
	.bbsListLot table thead {display:none;}
	.bbsListLot table tbody tr {position:relative; display:inline-block; width:100%; padding:5px 0; box-sizing:border-box; border-bottom:1px solid #e4e4e4;}
	.bbsListLot table tbody tr:last-child {border-bottom:none;}
	.bbsListLot table tbody td {display:block; text-align:left; border:none; padding:4px 5px; min-height:20px;}
	.bbsListLot table tbody th {display:block; text-align:left; border:none; padding:4px 5px; font-weight:500; min-height:20px;}
	.bbsListLot table tbody td.num {display:none;}
	.bbsListLot table tbody td.hits {display:none;}
	.bbsListLot table tbody td br.br_hide {display:none;}
	.bbsListLot table tbody td.no-list {text-align:center; padding:8px 5px;}
	.bbsListLot table tbody td > strong.hideTb {float:left; position:relative; display:inline-block; font-weight:500; color:#333; padding-right:10px; margin-right:8px;}
	.bbsListLot table tbody td > strong.hideTb:after {content:""; display:inline-block; position:absolute; right:0; top:5px; width:1px; height:12px; border-right:1px dashed #999;}
	.bbsListLot table tbody th > strong.hideTb {float:left; position:relative; display:inline-block; font-weight:500; color:#333; padding-right:10px; margin-right:8px;}
	.bbsListLot table tbody th > strong.hideTb:after {content:""; display:inline-block; position:absolute; right:0; top:5px; width:1px; height:12px; border-right:1px dashed #999;}
	
	.bbsListLot table tbody .tbNumPt {margin:5px 0 0 0;}
	.bbsListLot table tbody .tbNumPt span {display:inline-block; margin:0;}
	.bbsListLot table tbody .tbPt {display:inline-block; margin:5px 0 0 0; font-size:12px; line-height:16px; color:#187aba; box-sizing:border-box; padding:3px 8px; border-radius:5px; border:1px solid #eee; background:#f7f8fc;}
	.bbsListLot table tbody .tbPt strong.hideTb:after {top:3px;}
	.bbsListLot table tbody .tbtit {display:block; font-size:16px !important; line-height:1.4; font-weight:500; margin:5px 0; color:#454f63;} /* 제목영역 */
	.bbsListLot table tbody .tbtit a {color:#187aba !important; word-break:keep-all;}
	.bbsListLot table tbody .btntb a {display:block !important; width:100% !important; margin-bottom:5px;} /* 버튼영역 */
	.bbsListLot table tbody .btntb a:last-child {margin:0;}
	.bbsListLot table tbody .btntb a span {display:inline-block;}
	.bbsListLot table tbody .suv_del_area {margin-top:10px; padding-top:10px; border-top:1px dashed #ddd;}
	
	/* 리스트형-공지사항/커뮤니티 테이블 */
	.bbsList table {table-layout:auto; border-top:#231f20 1px solid; border-bottom:1px solid #ccc; background:none;}
	.bbsList table colgroup {display:none;}
	.bbsList table col[data-table="num"] {width:70px;}
	.bbsList table col[data-table="title"] {}
	.bbsList table col[data-table="svtitle"] {}
	.bbsList table col[data-table="writer"] {width:90px;}
	.bbsList table col[data-table="wDate"] {width:100px;}
	.bbsList table col[data-table="wDateC"] {width:100px;}
	.bbsList table col[data-table="state"] {width:70px;}
	.bbsList table col[data-table="hits"] {width:70px;}
	.bbsList table col[data-table="dwl"] {width:100px;}
	.bbsList table thead {display:none;}
	.bbsList table tbody tr {display:block; position:relative; border-top:1px solid #dadada; box-sizing:border-box; padding:0 5px;}
	.bbsList table tbody tr:first-child {margin-top:0; border-top:none;}
	.bbsList table tbody th {min-height:10px; text-align:left; padding:12px 5px; border-bottom:1px dashed #ddd;}
	.bbsList table tbody td {display:block; min-height:10px; padding:12px 5px; text-align:center; border-bottom:none; background:#fff;}
	.bbsList table tbody td[data-table="num"] {display:none;}
	.bbsList table tbody th[data-table="title"], td[data-table="title"] {display:block; text-align:left; white-space:inherit;}
	.bbsList table tbody th[data-table="title"] a, td[data-table="title"] a {color:#187aba;}
	.bbsList table tbody th[data-table="title"] a:hover, td[data-table="title"] a:hover {text-decoration:underline;}
	.bbsList table tbody th[data-table="svtitle"] {display:block; text-align:left; white-space:inherit;}
	.bbsList table tbody td[data-table="writer"] {padding-right:110px; text-align:left;}
	.bbsList table tbody td[data-table="wDateC"] {position:absolute; right:0; bottom:0; width:70px; letter-spacing:-0.5px; color:#959dad;}
	.bbsList table tbody td[data-table="wDate"] {padding-left:110px; text-align:right;}
	.bbsList table tbody td[data-table="dwl"] {position:absolute; bottom:0; left:50px; padding:6px 5px;}
	.bbsList table tbody td[data-table="hits"], td[data-table="number"] {display:none;}
	.bbsList table tbody td.no-list {padding:15px 5px;}
	
	/* 리스트형-폼작성리스트(이력서/자기소개서) */
	.bbsListInput table {table-layout:auto;}
	.bbsListInput table colgroup {display:none;}
	.bbsListInput table thead {display:none;}
	.bbsListInput table tbody tr {position:relative; display:inline-block; width:100%;}
	.bbsListInput table tbody tr:nth-child(odd) {background:#fff;}
	.bbsListInput table tbody tr:nth-child(even) {background:#f9fbff;}
	.bbsListInput table tbody th {display:block; text-align:left; box-sizing:border-box; border-bottom:1px solid #e4e4e4; padding:5px; font-weight:500; background:none; overflow:hidden;}
	.bbsListInput table tbody td {display:block; text-align:left; box-sizing:border-box; border-bottom:1px solid #e4e4e4; padding:5px; background:none; overflow:hidden;}
	.bbsListInput table tbody td.num {display:none;}
	.bbsListInput table tbody td.add-delete {padding:10px 5px; box-sizing:border-box; text-align:center; background:#fff;}
	.bbsListInput table tbody td.noList {width:100%; box-sizing:border-box; padding:15px 5px; text-align:center; font-size:14px; line-height:14px; background:#fff;}
	.bbsListInput table tbody input[type="text"] {width:100% !important;}
	.bbsListInput table tbody select {width:100% !important;}
	.bbsListInput table tbody input.input_date[type="text"] {width:calc(100% - 25px) !important; width:-webkit-calc(100% - 25px) !important;}
	.bbsListInput table tbody select.select_date {width:calc(100% - 25px) !important; width:-webkit-calc(100% - 25px) !important; margin-bottom:5px;}
	.bbsListInput table tbody select.select_date:last-child {margin-bottom:0;}
	.bbsListInput table tbody span.date_span {display:block;}
	.bbsListInput table tbody span.bbs_span {display:inline-block;}
	.bbsListInput table tbody strong.tb_hide {float:left; display:table-cell; vertical-align:middle; width:30%; font-size:13px; line-height:18px; font-weight:500; color:#333; text-align:center; box-sizing:border-box; padding:12px 5px;}
	.bbsListInput table tbody strong.total {clear:both !important; width:100% !important; border-bottom:1px solid #e4e4e4;}
	.bbsListInput table tbody div.form {float:right; display:table-cell; vertical-align:middle; width:70%; font-size:13px; line-height:18px; box-sizing:border-box; padding:12px 8px;}
	.bbsListInput table tbody div.total {clear:both !important; width:100% !important;}
	
	/* 리스트형-폼작성리스트-박스형 */
	.bbsListInputBox table {table-layout:auto; background:#fff;}
	.bbsListInputBox table colgroup {display:none;}
	.bbsListInputBox table thead {display:none;}
	.bbsListInputBox table tbody tr {position:relative; display:inline-block; width:100%;}
	.bbsListInputBox table tbody th {display:block; text-align:left; box-sizing:border-box; border-bottom:1px solid #e4e4e4; border-left:1px solid #e4e4e4; padding:15px; font-weight:500; overflow:hidden;}
	.bbsListInputBox table tbody td {display:block; text-align:left; box-sizing:border-box; border-bottom:1px solid #e4e4e4; border-left:1px solid #e4e4e4; padding:5px; overflow:hidden;}
	.bbsListInputBox table tbody td.num {display:none;}
	.bbsListInputBox table tbody td.add-delete {padding:10px 5px; box-sizing:border-box; text-align:center; background:#fff;}
	.bbsListInputBox table tbody td.noList {width:100%; box-sizing:border-box; padding:15px 5px; text-align:center; font-size:14px; line-height:14px; background:#fff;}
	.bbsListInputBox table tbody input[type="text"] {width:100% !important;}
	.bbsListInputBox table tbody select {width:100% !important;}
	.bbsListInputBox table tbody strong.tb_hide {float:left; display:table-cell; vertical-align:middle; width:30%; font-size:13px; line-height:18px; font-weight:500; color:#333; text-align:center; box-sizing:border-box; padding:12px 5px;}
	.bbsListInputBox table tbody strong.total {clear:both !important; width:100% !important; border-bottom:1px solid #e4e4e4;}
	.bbsListInputBox table tbody div.form {float:right; display:table-cell; vertical-align:middle; width:70%; font-size:13px; line-height:18px; box-sizing:border-box; padding:12px 8px;}
	.bbsListInputBox table tbody div.total {clear:both !important; width:100% !important;}
	
	/* 리스트형-박스형 */
	.bbsListBox table {table-layout:auto;}
	.bbsListBox table thead th {padding:10px 5px; font-size:13px;} 
	.bbsListBox table tbody td {padding:8px 5px; font-size:13px;} 
	.bbsListBox table tbody th {padding:8px 5px; font-size:13px;}
	
	/* 테이블 상세보기 */
	.bbsView {width:100%; overflow:hidden;}
	.bbsView > table {position:relative; display:block; table-layout:auto; empty-cells:show; border-collapse:separate; border-bottom:1px solid #ddd;}
	.bbsView > table > colgroup {display:none;}
	.bbsView > table > thead {display:block;}
	.bbsView > table > thead > tr {display:block; width:100%; overflow:hidden;}
	.bbsView > table > thead > tr > th {background:#f7f8fc;}
	.bbsView > table > thead > tr > th:nth-child(1) {display:block; width:30%; float:left; box-sizing:border-box; text-align:center; color:#333; font-weight:500; border-right:1px solid #e4e4e4;}
	.bbsView > table > thead > tr > th:nth-child(2) {display:block; width:70%; float:right; box-sizing:border-box; text-align:center; color:#333; font-weight:500;}
	.bbsView > table > tbody {display:block;}
	.bbsView > table > tbody > tr {display:block; width:100%; overflow:hidden;}
	.bbsView > table > tbody > tr > th {display:block; vertical-align:middle; width:30%; float:left; clear:left; font-size:13px; line-height:18px; padding:12px 5px; color:#333; border-right:none; border-bottom:none; border-top:1px solid #e4e4e4; background:none;}
	.bbsView > table > tbody > tr > td {display:block; vertical-align:middle; width:70%; min-height:42px; float:left; text-align:left; font-size:13px; line-height:18px; padding:12px 8px; border-right:none !important; border-bottom:none; border-top:1px solid #e4e4e4; background:none;}
	.bbsView > table > tbody > tr > th em {font-size:16px; font-weight:500; font-style:normal; color:#de1819;}
	.bbsView > table > tbody > tr > td > span {display:inline-block; padding-top:5px;}
	.bbsView > table > tbody > tr > th.total {width:100%;}
	.bbsView > table > tbody > tr > td.total {width:100%; background:#fff;}
	.bbsView > table > tbody > tr > th.bgGray {background:rgba(247,248,252,0.7);}
	.bbsView > table > tbody > tr > td.bgGray {background:rgba(247,248,252,0.7);}
	.bbsView table br.hide-br {display:none;}
	
	.bbsView > table > tbody > tr > td.total.ext-prog-info > table {table-layout:auto !important;}
	
	/* 박스형-스크롤 */
	.bbsScroll table {width:100%; min-width:400px;}
	.bbsScroll table thead th {font-size:13px;}
	.bbsScroll table tbody td {font-size:13px;} 
	.bbsScroll table tbody th {font-size:13px;}
	
	/* 박스형-스크롤 */
	.bbsScrollSm table {width:100%; min-width:400px;}
}

@media all and (max-width:479px) {
}