@charset "utf-8";
* {box-sizing:border-box;}

/* 테이블 및 게시물옵션  ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 스크롤 */
.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:#f2f3f8;}
.searchTable table th {padding:7px 10px 8px 38px; 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;}
.searchTable table th.stBtn {padding:7px 10px 8px 10px; text-align:center; boRrder-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 {border-top:1px solid #231f20; overflow:hidden;}
.tableListTitle table {width:100%; table-layout:fixed; border-left:1px solid #e4e4e4;}
.tableListTitle table th {padding:12px 5px; font-weight:500; color:#333; text-align:center; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; background:#f7f8fc;}

/* 리스트형태 - 내용[스크롤시] */
.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 {border-top:1px solid #231f20; overflow:hidden;}
.tableList table {width:100%; table-layout:fixed; background:#f7f8fc;}
.tableList table thead th {padding:15px 8px; font-weight:500; color:#333; text-align:center; border-left:1px solid #e4e4e4; border-bottom:1px solid #ccc;}
.tableList table thead th:first-child {border-left:none;}
.tableList table tbody td {min-height:5px; padding:12px 8px; text-align:center; border-left:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; background:#fff;} 
.tableList table tbody th {min-height:5px; padding:12px 8px; text-align:left; font-weight:400; border-left:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; background:#fff;}
.tableList table tbody td:first-child, .tableList table tbody th:first-child {border-left:none;}
.tableList table tfoot td {min-height:5px; padding:12px 8px; color:#fff; text-align:center; font-weight:500; border-left:1px solid rgba(255,255,255,0.5); border-bottom:1px solid rgba(255,255,255,0.5); background:#454e79;} 
.tableList table tfoot th {min-height:5px; padding:12px 8px; color:#fff; text-align:left; font-weight:500; border-left:1px solid rgba(255,255,255,0.5); border-bottom:1px solid rgba(255,255,255,0.5); background:#454e79;}

.tableListScroll {border-top:1px solid #231f20; overflow:auto;}
.tableListScroll table {width:100%; table-layout:fixed; border-left:1px solid #e4e4e4;}
.tableListScroll table thead th {padding:12px 8px; font-weight:500; color:#333; text-align:center; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; background:#f7f8fc;}
.tableListScroll table tbody td {padding:12px 8px; text-align:center; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;} 
.tableListScroll table tbody th {padding:12px 8px; font-weight:500; color:#333; text-align:center;border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; background:#f7f8fc;}
.tableListScroll table tfoot td {padding:12px 8px; font-weight:500; color:#0b2e47; text-align:center; border-right:1px solid #e4e4e4; border-top:1px solid #838383; border-bottom:1px solid #838383; background:#f2f3f8;}
.tableListScroll table .sum {padding:12px 8px; color:#fff; text-align:center; font-weight:500; border-right:none; border-left:1px solid rgba(255,255,255,0.3); border-bottom:1px solid rgba(255,255,255,0.3); background:#3a6fb4;}

.tableListScrollSmall {border-top:1px solid #231f20; overflow:auto;}
.tableListScrollSmall table {width:100%; table-layout:fixed; border-left:1px solid #e4e4e4; background:#fff;}
.tableListScrollSmall table thead th {font-size:13px; padding:12px 5px; font-weight:500; color:#333; text-align:center; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; background:#f7f8fc;}
.tableListScrollSmall table tbody td {font-size:13px; padding:10px 5px; text-align:center; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;} 
.tableListScrollSmall table tbody th {font-size:13px; padding:10px 5px; text-align:left; font-weight:400; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
.tableListScrollSmall table tfoot td {font-size:14px; padding:10px 5px; font-weight:500; color:#0b2e47; text-align:center; border-right:1px solid #e4e4e4; border-bottom:1px solid #838383; border-top:1px solid #838383; background:#f1f1f6;}
.tableListScrollSmall table tfoot .sum td {min-height:5px; padding:12px 8px; color:#fff; text-align:center; font-weight:500; border-right:none; border-left:1px solid rgba(255,255,255,0.5); border-bottom:1px solid rgba(255,255,255,0.5); background:#3a6fb4;}



/* 리스트형태 - 박스형[라인] */
.tableListBox {overflow:hidden;}
.tableListBox table {width:100%; table-layout:fixed; border-top:#231f20 1px solid; border-right:#e4e4e4 1px solid; background:#f2f3f8;}
.tableListBox table thead th {padding:15px 6px; font-weight:500; color:#333; text-align:center; border-bottom:#ccc 1px solid; border-left:#e4e4e4 1px solid;}
.tableListBox table tbody td {min-height:5px; padding:8px 5px; text-align:center; border-bottom:#e4e4e4 1px solid; border-left:#e4e4e4 1px solid; background:#fff;} 
.tableListBox table tbody th {min-height:5px; padding:5px 8px; text-align:left; border-bottom:#e4e4e4 1px solid; border-left:#e4e4e4 1px solid;}
.tableListBox table tfoot td {min-height:5px; padding:5px; text-align:center; font-weight:500; color:#333; border-bottom:#e4e4e4 1px solid; border-left:#e4e4e4 1px solid; background:#f1fefe;} 

/* 리스트형태 - 박스형[라인-목록타이틀포함] */
.tableListLine {overflow:hidden;}
.tableListLine table {width:100%; table-layout:fixed; border-top:#231f20 1px solid; background:#f2f3f8;}
.tableListLine table thead th {padding:15px 8px; font-weight:500; color:#333; text-align:center; border-bottom:#ccc 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:22%; margin:0 1.5%;}
.galleryList ul li div {height:105px; padding-top:35px; text-align:center; border:#e5e5e5 1px solid; background-size:contain !important; background-repeat:no-repeat !important;}
.galleryList ul li p {margin:10px 0 20px 0; text-align:center;}

/* 전공진로가이드 */
.boardNL {border-top:1px solid #333; border-bottom:1px solid #ddd; overflow:hidden;}
.boardNL > ul {overflow:hidden;}
.boardNL > ul:after {content:""; display:block; clear:both;}
.boardNL > ul > li {float:left; width:50%; box-sizing:border-box; padding:30px 20px; border-bottom:1px solid #ddd; overflow:hidden;}
.boardNL > ul > li:after {content:""; display:block; clear:both;}
.boardNL > ul > li > div.imgNL {float:left; width:158px; height:218px; margin-right:30px; border:1px solid #e5e5e5; cursor:pointer; overflow:hidden;}
.boardNL > ul > li > div.infoNL {position:relative; float:right; height:220px; box-sizing:border-box; padding:10px 0; width:calc(100% - 190px); width:-webkit-calc(100% - 190px);}
.boardNL > ul > li > div.infoNL > h4 {margin-bottom:15px;}
.boardNL > ul > li > div.infoNL > h4 > a {display:block; color:#333; font-size:18px; font-weight:500; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.boardNL > ul > li > div.infoNL > h4 > a:hover {color:#005596;}
.boardNL > ul > li > div.infoNL > p {display:block; display:-webkit-box; height:120px; line-height:20px; white-space:normal; text-overflow:ellipsis; word-break:keep-all; -webkit-line-clamp:6; -webkit-box-orient:vertical; margin-bottom:15px; overflow:hidden;}
.boardNL > ul > li > div.infoNL > a {position:absolute; right:0; bottom:0; display:inline-block; font-size:15px; color:#333; padding:6px 12px; border:1px solid #e5e5e5; border-radius:3px;}
.boardNL > ul > li > div.infoNL > a:hover {border:1px solid #c70102;}
.boardNL > ul > li > div.infoNL > a span {color:#c70102;}


/* 페이징 */
.listPaging {width:100%; margin-top:20px; text-align:center;}
.listPaging a {display:inline-block; margin:0 2px; overflow:hidden;}
.listPaging a span {display:block; width:35px; height:35px; text-align:center; font-size:12px; line-height:14px; border-radius:50%; box-sizing:border-box; padding:10px 0; border:1px solid #ddd;}
.listPaging a span:hover {border:#252525 1px solid; color:#fff; background:#252525;}
.listPaging a span.on {text-align:center; border:#252525 1px solid; color:#fff; background:#252525;}


/* 세부내용 및 등록형태 - 기본형 */
.tableView {border-top:1px solid #231f20; overflow:hidden;}
.tableView table {width:100%; table-layout:fixed; border-left:1px solid #e4e4e4;}
.tableView table th {padding:12px 8px; color:#555; font-weight:500; text-align:center; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; background:#f7f8fc;}
.tableView table th em {font-size:16px; font-size:15px; font-weight:500; font-style:normal; color:#de1819;}
.tableView table td {padding:12px 8px; font-size:15px; background:#fff; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
.tableView table td.tvArea {padding:20px;}
.tableView table td.tvArea li {padding:3px 0;}
.tableView table td.tvArea li label {display: inline-block; margin-top: 5px; padding: 0; }
.tableView table td.tvArea li:first-child label{margin-top:0;}
.tableView table td table {width:100%; table-layout:fixed; border-top:1px solid #e4e4e4; border-left:1px solid #e4e4e4;}
.tableView table td table thead th {padding:12px 8px; font-size:15px; font-weight:500; color:#333; text-align:center; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; background:#f7f8fc;}
.tableView table td table tbody td {padding:12px 8px; font-size:15px; text-align:center; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
.tableView table .bgBox {color:#333; text-align:center; background:rgba(244,248,251,0.5);}


/* 세부내용 및 등록형태 - 박스형 */
.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:#f2f3f8; 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:#f2f3f8;}
.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 dd {float:right;}
.viewArea .bvInfo .infoArea span {color:#878787;}
.viewArea .bvCtn {padding:25px 20px; border-left:#e4e4e4 1px solid; border-right:#e4e4e4 1px solid; border-bottom:#e4e4e4 1px solid;}
.viewArea .bvBtn {margin:15px 0 30px 0; overflow:hidden;}
.viewArea .bvBtn dt {float:left;}
.viewArea .bvBtn dd {float:right;}

/* 상세 - 이전글다음글 */
.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:#f2f3f8; 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:#f5f5f5; 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;}
.calendar .calYM > dd {float:left; width:100%; text-align:center; color:#fff; font-size:24px;}

.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:#f2f3f8; 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 {padding:6px; border:#b9373c 2px solid; 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:#005596 1px solid; background:#f9fbff;}
.calendar table tbody td dl dt a {display:block; padding:1px 0; color:#999;}
.calendar table tbody td dl dt a:hover {color:#005596;}
.calendar table tbody td dl dd {padding-bottom:2px; text-align:center; font-size:11px; background:#005596; 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;}

/* 달력-주간 */
.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:#f2f3f8; 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;}

.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;}


/* 리스트 - video 형식 */
.videoListAdm {border-top:#dcdcdc 1px solid; border-bottom:#dcdcdc 1px solid; padding:25px 0 10px 0; overflow:hidden;}
.videoListAdm ul {width:100%; cursor:pointer; overflow:hidden;}
.videoListAdm ul li {float:left; width:23%; margin:0 1%;}
.videoListAdm ul li div {height:125px; padding-top:45px; text-align:center; border:#e5e5e5 1px solid; background-size:cover !important; background-repeat:no-repeat !important;}
.videoListAdm ul li h5 {height:45px; margin: 0 0 5px 0; font-weight:bold; color:#333;}
.videoListAdm ul li p {margin-top: 0px; text-align:right; font-size:12px; }
.videoListAdm ul li p span {text-align:right; font-size:12px;}









/* 사용자 반응형 테이블  ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 커뮤니티 상세보기 */
.noticeView {width:100%; border-top:1px solid #231f20; border-bottom:1px solid #aaa;}
.noticeView > .nvInfo > .info-nv-tit {width:100%; font-size:18px; font-weight:500; text-align:center; color:#252525; box-sizing:border-box; padding:18px 15px; background:#f7f8fc;}
.noticeView > .nvInfo > .info-nv-area {width:100%; box-sizing:border-box; padding:20px 15px; text-align:center; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff; overflow:hidden;}
.noticeView > .nvInfo > .info-nv-area > li {display:inline-block; font-size:1.5rem; margin-right:20px;}
.noticeView > .nvInfo > .info-nv-area > li > strong {position:relative; display:inline-block; color:#252525; font-weight:500;}
.noticeView > .nvInfo > .info-nv-area > li > strong:after {content:""; display:block; position:absolute; top:4px; right:-10px; width:1px; height:12px; background:#ddd;}
.noticeView > .nvInfo > .info-nv-area > li > span {display:inline-block; margin-left:20px;}
.noticeView > .nvInfo > .info-nv-file {width:100%; border-bottom:1px solid #ddd; overflow:hidden;}
.noticeView > .nvInfo > .info-nv-file > dt {float:left; width:100px; font-size:1.5rem; color:#252525; font-weight:500; box-sizing:border-box; padding:15px; border-right:1px solid #ddd; background:#f7f8fc;}
.noticeView > .nvInfo > .info-nv-file > dd {float:right; width:calc(100% - 100px); min-height:48px; font-size:15px; box-sizing:border-box; padding:10px;}
.noticeView > .nvTextArea {width:100%; font-size:1.5rem; box-sizing:border-box; padding:25px 15px; border-bottom:1px solid #ddd;}
.noticeView >.info-nv-file {width:100%; box-sizing:border-box; padding:12px 15px; overflow:hidden;}
.noticeView >.info-nv-file > dt {float:left; width:100px;}
.noticeView >.info-nv-file > dt span {display:inline-block; color:#252525; font-weight:500;}
.noticeView >.info-nv-file > dd {float:right; text-align:left; width:calc(100% - 100px);}

@media all and (max-width: 1200px){
	.noticeView > .nvTextArea.videoFrame iframe {height:450px !important;}
}

@media all and (max-width: 991px){
}

@media all and (max-width: 769px){
	.noticeView > .nvInfo > .info-nv-area > li {display:block; font-size:14px; margin:0 0 8px 0;}
	.noticeView > .nvInfo > .info-nv-area > li:last-child {margin:0;}
	.noticeView > .nvTextArea.videoFrame iframe {height:380px !important;}
}

@media all and (max-width: 551px){
	.noticeView > .nvTextArea.videoFrame iframe {height:300px !important;}
}



/* 커뮤니티_이전글/다음글 */
.prev-next {width:100%; border-bottom:1px solid #aaa;}
.prev-next > li {min-height:10px; padding:12px 10px; box-sizing:border-box; border-top:1px solid #ddd; overflow:hidden;}
.prev-next > li > span {position:relative; display:inline-block; float:left; width:125px; font-size:1.5rem; box-sizing:border-box; padding-left:20px;}
.prev-next > li.prev-list > span:before {content:"\f077"; display:block; position:absolute; left:0; top:0; font-family:"Font Awesome 5 Free"; font-weight:900; color:#212e4e;}
.prev-next > li.next-list > span:before {content:"\f078"; display:block; position:absolute; left:0; top:0; font-family:"Font Awesome 5 Free"; font-weight:900; color:#212e4e;}
.prev-next > li > div {float:right; width:calc(100% - 125px); text-align:left; font-size:15px;}
.prev-next > li > div > a {display:block;}

@media all and (max-width: 1200px){
}

@media all and (max-width: 991px){
}

@media all and (max-width: 769px){
	.prev-next > li > span {font-size:14px; width:80px;}
	.prev-next > li > div {font-size:14px; width:calc(100% - 80px);}	
}

@media all and (max-width: 481px){
}


/* 테이블 상세보기 */
.bbsView {border-top:1px solid #231f20; overflow:hidden;}
.bbsView table {width:100%; table-layout:fixed; border-left:1px solid #e4e4e4;}
.bbsView table thead th {color:#555; font-size:1.5rem; font-weight:500; text-align:center; padding:12px 5px; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; background:#f7f8fc;}
.bbsView table tbody th {color:#555; font-size:1.5rem; font-weight:500; text-align:center; word-break:keep-all; padding:12px 5px; box-sizing:border-box; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; background:#f7f8fc;}
.bbsView table tbody th em {font-size:1.6rem; font-weight:500; font-style:normal; color:#de1819;}
.bbsView table tbody td {text-align:left; font-size:1.5rem; box-sizing:border-box; padding:12px 8px; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; background:#fff;}
.bbsView table tbody td label {display:inline-block; margin-right:5px;}
.bbsView table tbody td .title-btn {overflow:hidden;}
.bbsView table tbody td .title-btn dt {float:left; width:calc(100% - 220px); line-height:2.5rem;}
.bbsView table tbody td .title-btn dd {float:right;}
.bbsView table tbody td .title-btn.form dd {line-height:3.5rem;}
.bbsView table tbody td .dateBr {display:none;}
.bbsView .mobonly { display: none; }

.bbsView .bgBlue {background:#f1f6fc !important;}
.bbsView .form-list li {display:inline-block; margin:5px 5px 5px 0; overflow:hidden;}
.bbsView .form-list li.wave {line-height:45px; margin:0 5px 0 0; vertical-align:top;}
.bbsView .form-list li:last-child {margin-left:0;}

@media all and (max-width: 1200px){
}

@media all and (max-width: 991px){
	.bbsView table tbody th {font-size:1.4rem;}
	.bbsView table tbody td {font-size:1.4rem;}
}

@media all and (max-width: 769px){
	.bbsView {width:100%; overflow:hidden;}
	.bbsView > table {position:relative; display:block; table-layout:auto; empty-cells:show; border-collapse:separate; border-left:none; 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 {display:block; width:30%; float:left; box-sizing:border-box; text-align:center; color:#333; font-weight:500; border-right:1px solid #e4e4e4; background:#f7f8fc;}
	.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; 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; padding:12px 5px; 
		border-right:none !important; border-bottom:none; border-top:1px solid #e4e4e4; background:none;
	}
	.bbsView table tbody td .title-btn dt {float:none; width:100%; line-height:1.2;}
	.bbsView table tbody td .title-btn dd {float:none; width:100%; margin-top:5px;}
	
	.bbsView .full {width:100%; background:#fff;}
	.bbsView .bgGray {background:rgba(247,248,252,0.7);}
	.bbsView .mobonly { display: block; }
	.bbsView .deskonly { display: none; }
	
	.bbsView .form-list li {display:block; margin:0 0 5px 0;}
	.bbsView .form-list li.wave {line-height:1.4; margin:0;}
	.bbsView .form-list li:last-child {margin:0;}
	.bbsView .form-list li > select, .bbsView .form-list li > input[type="text"] {width:100% !important;}
	.bbsView .form-list li > input[type="text"].cal-date {width:calc(100% - 25px) !important;}
}

@media all and (max-width: 481px){
	.bbsView table tbody td .dateBr {display:inline-block;}
	
}


/* 리스트형-공지사항/커뮤니티 테이블 */
.bbsList * {font-size:1.5rem !important;}
.bbsList {border-top:1px solid #231f20; overflow:hidden;}
.bbsList table {width:100%; table-layout:fixed; border:1px solid #e5e5e5; border-top:none; background:#fff;}
.bbsList table thead th {min-height:30px; font-size:1.6rem; vertical-align:middle; font-weight:500; text-align:center; color:#333; padding:12px 8px; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:#f7f8fc;}
.bbsList table thead th:last-child {border-right:none;}
.bbsList table tbody th {min-height:30px; font-size:1.6rem; vertical-align:middle; text-align:center; font-weight:normal; padding:12px 8px; border-right:1px solid #e5e5e5; border-top:1px solid #e5e5e5; background:#fff;}
.bbsList table tbody td {min-height:30px; font-size:1.6rem; vertical-align:middle; text-align:center; padding:12px 8px; border-right:1px solid #e5e5e5; border-top:1px solid #e5e5e5; background:#fff;}
.bbsList table tbody td:last-child {border-right:none;}
.bbsList table tbody .mth {display:none;}
.bbsList table tbody .mtd {word-break:break-word;}
.bbsList table .bgw {background:#fff !important;}
.bbsList table .bgG {color:#1a8d5f !important; background:#e8f3ef !important;}
.bbsList table .bgB {color:#454f63 !important; background:#f1f6fc !important;}

@media all and (max-width: 1200px){
}

@media all and (max-width: 991px){
	.bbsList * {font-size:1.4rem !important;}
}

@media all and (max-width: 769px){
  .bbsList table {display:block; border:none;}
  .bbsList table colgroup col {width:auto !important;}
  .bbsList table tr {display:flex; flex-wrap:wrap; margin-top:10px; border:1px solid #e5e5e5; border-top:none;}
  .bbsList table tr:first-child {margin-top:0;}
  .bbsList table thead {display:none;}
  .bbsList table tbody {display:block;}
  .bbsList table tbody th {display:block; width:100%; min-height:45px; border-right:none;}
  .bbsList table tbody td {display:flex; width:100%; min-height:45px; padding:0; border-right:none;}
  .bbsList table tbody td.noData {flex-direction:column; justify-content:center; align-items:center;}
  .bbsList table tbody .num, .bbsList table tbody .hits {display:none;}
  .bbsList table tbody .mth {display:flex; width:10rem; justify-content:center; align-items:center; color:#555; font-weight:500; word-break:keep-all; box-sizing:border-box; border-right:1px solid #e5e5e5; background:#f7f8fc;}
  .bbsList table tbody .mtd {display:flex; width:calc(100% - 10rem); box-sizing:border-box; padding:12px 8px; align-items:center; text-align:left; word-break:break-word;}
  .bbsList table tbody .mtd a {word-break:break-all;}
  .bbsList table .line {border-top:1px solid #555;}
}

@media all and (max-width: 481px){
}


/* 리스트형-내용많을경우 */
.bbsListLot * {font-size:1.5rem;}
.bbsListLot {border-top:1px solid #231f20; overflow:hidden;}
.bbsListLot table {width:100%; table-layout:fixed; background:#f7f8fc;}
.bbsListLot table thead th {padding:15px 5px; font-weight:500; color:#333; text-align:center; border-left:1px solid #e4e4e4; border-bottom:1px solid #ccc;}
.bbsListLot table thead th:first-child {border-left:none;}
.bbsListLot table tbody td {min-height:10px; padding:12px 5px; text-align:center; border-bottom:1px solid #e4e4e4; background:#fff;} 
.bbsListLot table tbody th {min-height:10px; font-weight:400; padding:12px 5px; text-align:left; border-bottom:1px solid #e4e4e4; background:#fff;}
.bbsListLot table tbody td > strong.hide-th, .bbsListLot table tbody th > strong.hide-th {display:none;}
.bbsListLot table tbody .tb-btn a {margin-top:5px;}
.bbsListLot table tbody .tb-btn a:first-child {margin:0;}
.bbsListLot table tbody .tb-btn a span {display:none;}

@media all and (max-width: 1200px){
}

@media all and (max-width: 991px){
	.bbsListLot * {font-size:1.4rem;}
}

@media all and (max-width: 769px){
 	.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; min-height:25px; line-height:2.5rem; text-align:left; border:none; padding:2px 5px;}
	.bbsListLot table tbody th {display:block; min-height:25px; line-height:2.5rem; text-align:left; border:none; padding:2px 5px; font-weight:500;}
	.bbsListLot table tbody td.noData {text-align:center; padding:10px;}
	.bbsListLot table tbody td.num, .bbsListLot table tbody td.hits {display:none;}
	.bbsListLot table tbody td > strong.hide-th {float:left; position:relative; display:inline-block; line-height:2.5rem; font-weight:500; color:#555; padding-right:10px; margin-right:8px;}
	.bbsListLot table tbody td > strong.hide-th: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.hide-th {float:left; position:relative; display:inline-block; line-height:2.5rem; font-weight:500; color:#555; padding-right:10px; margin-right:8px;}
	.bbsListLot table tbody th > strong.hide-th:after {content:""; display:inline-block; position:absolute; right:0; top:5px; width:1px; height:12px; border-right:1px dashed #999;}
	.bbsListLot table tbody br {display:none;}
	
	.bbsListLot table tbody .tb-tit {display:block; font-size:1.6rem; line-height:1.4; font-weight:500; margin:5px 0; color:#333;} /* 제목영역 */
	.bbsListLot table tbody .tb-tit a {font-size:1.6rem; color:#333; word-break:keep-all;}
	.bbsListLot table tbody .tb-btn {margin-top:5px;}
	.bbsListLot table tbody .tb-btn a {display:block !important; width:100% !important; font-size:1.4rem !important; height:36px; line-height:36px;} /* 버튼영역 */
	.bbsListLot table tbody .tb-btn a span {display:inline-block;}
	.bbsListLot table tbody .tb-point {display:inline-block; margin:5px 5px 0 0; font-size:1.3rem; color:#187aba; box-sizing:border-box; padding:3px 8px; border-radius:5px; border:1px solid #eee; background:#f7f8fc;} /* 포인트영역 */
	.bbsListLot table tbody .tb-chk {text-align:center; box-sizing:border-box; padding:3px 5px 5px 5px; margin-bottom:5px; border:1px solid #eee; background:#f7f8fc;}
	.bbsListLot table tbody .sm-btn {display:inline-block; margin:0 0 0 5px !important;}
}

@media all and (max-width: 481px){
}


/* 리스트형-폼작성리스트(이력서/자기소개서) */
.bbsListInput * {font-size:1.5rem;}
.bbsListInput {border-top:1px solid #231f20; overflow:hidden;}
.bbsListInput table {width:100%; table-layout:fixed; background:#f7f8fc;}
.bbsListInput table thead th {padding:18px 8px; font-weight:500; color:#333; text-align:center; border-left:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
.bbsListInput table thead th:first-child {border-left:none;}
.bbsListInput table tbody td {min-height:10px; padding:12px 5px; text-align:center; border-left:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; background:#fff;}
.bbsListInput table tbody th {min-height:10px; padding:12px 5px; text-align:left; border-left:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; background:#fff;}
.bbsListInput table tbody th:first-child, .bbsListInput table tbody td:first-child {border-left:none;}
.bbsListInput table tbody strong.hide-th {display:none;}

@media all and (max-width: 1200px){
}

@media all and (max-width: 991px){
	.bbsListInput * {font-size:1.4rem;}
}

@media all and (max-width: 769px){
	.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-left:none; 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-left:none; border-bottom:1px solid #e4e4e4; padding:5px; background:none; overflow:hidden;}
	.bbsListInput table tbody td.num {display:none;}
	.bbsListInput table tbody td.add-del {padding:10px 5px; box-sizing:border-box; text-align:center; background:#fff;}
	.bbsListInput table tbody input[type="text"] {width:100% !important;}
	.bbsListInput table tbody select {width:100% !important;}
	.bbsListInput table tbody input.cal-date {width:calc(100% - 25px) !important; width:-webkit-calc(100% - 25px) !important;}
	.bbsListInput table tbody select.cal-selc {width:calc(100% - 25px) !important; width:-webkit-calc(100% - 25px) !important; margin-bottom:5px;}
	.bbsListInput table tbody select.cal-selc:last-child {margin-bottom:0;}
	.bbsListInput table tbody span.wave {display:block; text-align:left;}
	.bbsListInput table tbody strong.hide-th {float:left; display:table-cell; vertical-align:middle; width:30%; font-size:1.3rem; line-height:1.3; 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:1.3rem; line-height:1.3; box-sizing:border-box; padding:12px 8px;}
	.bbsListInput table tbody div.total {clear:both !important; width:100% !important;}
}

@media all and (max-width: 481px){
}


/* 리스트형-폼작성리스트[박스형] */
.bbsListInputBox * {font-size:1.5rem;}
.bbsListInputBox {border-top:1px solid #231f20; overflow:hidden;}
.bbsListInputBox table {width:100%; table-layout:fixed; 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:1px solid #e2e2e2; border-right:1px solid #e4e4e4; background:#fff;} 
.bbsListInputBox table tbody th {min-height:10px; padding:8px 10px; text-align:left; border-bottom:1px solid #e2e2e2; border-right:1px solid #e4e4e4; background:#fff;}
.bbsListInputBox table tbody td:first-child {border-left:1px solid #e4e4e4;}
.bbsListInputBox table tbody strong.hide-th {display:none;}

@media all and (max-width: 1200px){
}

@media all and (max-width: 991px){
	.bbsListInputBox * {font-size:1.4rem;}
}

@media all and (max-width: 769px){
	.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:1.4rem; background:#fff;}
	.bbsListInputBox table tbody input[type="text"] {width:100% !important;}
	.bbsListInputBox table tbody select {width:100% !important;}
	.bbsListInputBox table tbody strong.hide-th {float:left; display:table-cell; vertical-align:middle; width:30%; font-size:1.3rem; line-height:1.3; 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:1.3rem; line-height:1.3; box-sizing:border-box; padding:12px 8px;}
	.bbsListInputBox table tbody div.total {clear:both !important; width:100% !important;}
}

@media all and (max-width: 481px){
}


/* 박스형-스크롤 */
.bbsScroll {border-top:1px solid #231f20; overflow-x:auto;}
.bbsScroll table {width:100%; table-layout:fixed; border-left:#e4e4e4 1px solid;}
.bbsScroll table thead th {font-size:1.5rem; padding:15px 8px; font-weight:500; color:#333; text-align:center; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; background:#f7f8fc;}
.bbsScroll table tbody td {font-size:1.5rem; padding:12px 8px; text-align:center; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;} 
.bbsScroll table tbody th {font-size:1.5rem; padding:12px 8px; text-align:left; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
.bbsScroll table tbody td:last-child, .bbsScroll table tbody th:last-child {border-right:1px solid #e4e4e4;}
.bbsScroll table tbody .bgBox {color:#333; text-align:center; background:rgba(244,248,251,0.5);}


@media all and (max-width: 1200px){
}

@media all and (max-width: 991px){
}

@media all and (max-width: 769px){
	.bbsScroll * {font-size:1.4rem !important;}
	.bbsScroll table {width:100%; min-width:400px;}
	.bbsScroll table thead th {font-size:1.4rem;}
	.bbsScroll table tbody td {font-size:1.4rem;} 
	.bbsScroll table tbody th {font-size:1.4rem;}
}

@media all and (max-width: 481px){
}


/* 박스형-내용많을경우-스크롤(글자작게) */
.bbsScrollSm {border-top:1px solid #231f20; overflow-x:auto;}
.bbsScrollSm table {width:100%; table-layout:fixed; border-left:1px solid #e4e4e4;}
.bbsScrollSm table thead th {font-size:1.3rem; padding:12px 5px; font-weight:500; color:#333; text-align:center; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; background:#f7f8fc;}
.bbsScrollSm table tbody td {font-size:1.3rem; padding:10px 5px; text-align:center; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;} 
.bbsScrollSm table tbody th {font-size:1.3rem; padding:10px 5px; text-align:left; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
.bbsScrollSm table tbody td:last-child, .bbsScrollSm table tbody th:last-child {border-right:1px solid #e4e4e4;}
.bbsScrollSm table tbody .bgBox {color:#333; text-align:center; background:rgba(244,248,251,0.5);}

@media all and (max-width: 1200px){
}

@media all and (max-width: 991px){
}

@media all and (max-width: 769px){
	.bbsScrollSm table {width:100%; min-width:400px;}
}

@media all and (max-width: 481px){
}