@charset "utf-8";
/* unityboard.css - skin:basic
@latest 2022.05.24 YHY
@latest 2022.06.09 YHY
@latest 2022.07.14 OSY
*/
.subCon p {/*width:auto; */ /* float:left; */}
/*상단 머리말부분 설정*/
.allbox #bbs_area {margin-bottom:50px;}
.allbox #bbs_area > div.mb30 { margin-bottom:10px;}
.allbox #bbs_area > div.mb30 ul {list-style:disc; padding-left:30px;}
.allbox #bbs_area > div.mb30 ul li {list-style:disc;}
.allbox #bbs_area > div.mb30 ol {list-style:decimal; padding-left:30px;}
.allbox #bbs_area > div.mb30 ol li {list-style:decimal;}
/* 말머리 부분(목록형/탭형) */
#bbs_area .main-menu-bar {margin-bottom:1px;}
#bbs_area .main-menu-bar select {margin-bottom:10px;}
#bbs_area .main-menu-bar + .mb10 {float:right; margin-bottom:0; line-height:30px;}
.bbs_tab {padding:8px 35px; border:1px solid #e1e1e1;}
ul.tabMenu {width:100%; float:left; margin-bottom:20px; list-style:none !important; padding-left:0 !important;}
ul.tabMenu li {display:inline-block; height:33px; line-height:33px; margin-right:2px; list-style:none !important;}
ul.tabMenu li:first-child > a {background:#4b6067; color:#fff;}
ul.tabMenu li+br {display:none;}
ul.tabMenu li a {background:linear-gradient(#fdfdfd, #f8f8f8);}
@media (max-width:990px) {
ul.tabMenu li {width:19.8%; margin-right:0.2%; height:auto;}
ul.tabMenu li > a {width:100%; display:block; box-sizing:border-box; text-align:center; padding:0;}
}
.selectBbsSubospec .main-menu-bar {/* width:100%; */ padding:0 !important;}
.board.wztab .wztab-list .wztab-item.active {border-top-color:#333;}
@media (min-width:600px) {
.selectBbsSubospec .main-menu-bar + div {right:0; margin-top:0;}
}
@media (max-width:599px) {
.board.wztab {z-index:1 !important;}
.selectBbsSubospec {border-bottom:1px solid #d9d9d9;height:46px;box-sizing: border-box;position: relative;}
.selectBbsSubospec .main-menu-bar {width:80%; overflow:visible !important;}
.selectBbsSubospec .main-menu-bar + div {width: 20%;/* margin-right: 10px; */box-sizing: border-box;float: none !important;position: absolute;right: 0;}
#listCount {margin-top:0;margin-bottom: 0;/* margin-right: 10px; *//* width: 100% !important; */}
#listCount + .wzbtn-table {padding: 9px 9px;font-size: 15px;}
}
/* list 및 기본테이블 세팅. */
.basic-table01 {width:100%;border-top:2px solid #333;border-bottom:1px solid #ccc;/* border-collapse:collapse; */margin:10px 0 50px;}
.basic-table01 thead tr th, .basic-table01 tbody tr td {text-align:center; padding:20px 0; position:relative;}
.basic-table01 thead tr th,
.basic-table01 thead tr th a {font-weight:700; font-size:18px; color:#333;}
.basic-table01 thead tr th a:focus {}
.basic-table01 thead tr th a:focus span {display:block !important; position:absolute; top: 1px; padding: 19px 0; width:100%; text-align:center; outline-style:solid; box-sizing: border-box;}
.basic-table01 thead tr th a:first-child:focus + a {opacity:0;}
.basic-table01 thead tr th {border-bottom:1px solid rgba(0,0,0,0.3);}
.basic-table01 tbody tr th {font-weight:700; font-size:13px; color:#626b7c; background:#fcfcfc; text-align:center;}
.basic-table01 thead tr td {border-bottom:1px solid #ddd;}
.basic-table01 tbody tr td {background:#fff; color:#333; font-size:17.5px; padding:25px 0; border-bottom:1px solid #ececec;}
.basic-table01 tbody tr td a {color:#333; padding:3px 10px;}
.basic-table01 tbody tr td.txt-l a {padding:0;}
.basic-table01 tbody tr td.txt-l a:hover {text-decoration:underline;}
.basic-table01 tbody tr td.txt-l a + span.colorRed {font-weight:600; color:#333;}
.basic-table01 tbody tr td a.btn-s {color:#fff;}
.basic-table01 tbody tr td .circle_badge {font-size:14px; padding:7px 5px; text-align:center; margin:0 3px; color:#333; cursor:default; border-radius:0;
background:linear-gradient(#f8f8f8, #ececec); border:1px solid #ccc; line-height:normal; width:77px; box-sizing:border-box;}
.basic-table01 tbody tr td .circle_badge.bg-red-strong {color:white; background:linear-gradient(#a0a0a0, #8c8c8c) !important; border:1px solid #8c8c8c;}
.board001 .conBottom > div.ctr-box {margin:10px 0 0 0;}
@media (max-width:799px) {
.basic-table01 thead tr th, .basic-table01 thead tr th a {font-size:15px; word-break:keep-all;}
.basic-table01 thead tr th:nth-child(5) a, .basic-table01 thead tr th:nth-child(6) a,.basic-table01 thead tr th:nth-child(7) a {font-size:13px;}
.basic-table01 tbody tr td {font-size:14px; padding:20px 3px;}
.basic-table01 tbody tr td .circle_badge {width:auto; word-break:keep-all; padding:7px 0; font-size:13px; font-weight:600;}
}
/* 목록-검색 search area */
#nttSearch {margin-top:50px; text-align:center;}
#nttSearc select, select#searchCondition {border:none; font-size:16px; margin-right:10px; /*border-right:1px solid #ddd; */}
#nttSearch select:focus, select#searchCondition:focus {outline-style:dotted;}
#nttSearch input[type="text"],
select#searchCondition + input[type="text"] {width:40%; max-width:300px; height:45px; font-size:16px; border:none; border-bottom:2px solid #ccc;}
#nttSearch input[type="text"]:focus,
select#searchCondition + input[type="text"]:focus {outline-style:dotted;}
#bbs_area .btn-srch {width:40px; height:45px; font-size:1px; border:none; padding:0; text-indent: -9999px;
background:url(/images/wzwg/cmm/icon_set.png) no-repeat center; background-position:-173px 13px;}
#bbs_area .btn-srch:before {display:none;}
#bbs_area .btn-srch:hover,
#bbs_area .btn-srch:focus {background-color:#ececec;}
/* 페이징 paging btn */
ul.num {display:table; margin:0 auto; float:none !important; padding-left:0;}
ul.num li {float:left; width:auto !important; padding:0 !important; list-style:none; line-height:normal !important; margin:0 2px;}
ul.num li:last-child {margin-right:0;}
ul.num li a {width:40px; height:40px; line-height:40px; display:inline-block; font-size:13px; color:#333; box-sizing:border-box;}
ul.num li a.on {background:#272d3d; color:#fff; border:1px solid #000; font-weight:600; box-sizing:border-box;}
ul.num li a.pd3 {padding:3px 9px 3px 0;}
ul.num li a:hover,
ul.num li a:focus {font-weight:600; border:1px solid #ddd;}
ul.num li a > img {width:20px; height:20px;}
@media (max-width:799px) {
ul.num li a {width:25px; height:25px; line-height:25px;}
}
/* btn box */
.ctr-box {margin-bottom:30px; clear:both; text-align:center; width:100%;}
.rt-box {width:100%;text-align:right;box-sizing: border-box;} .conBottom + .rt-box {margin-top:30px;}
.rt-box .btn-del {float:left;} .rt-box .fl + .btn-del {margin-left:5px;}
/* view (상세페이지) */
.basic-table01 ~ .board001 {margin-top:50px;}
.board001 ~ .board001 {margin-top:30px;}
.board001 {overflow:hidden; clear:both;}
.board001 .list_tit {width:100%; overflow:hidden; border-top:2px solid #333;}
.board001 .list_tit h3, .board001 .list_tit h5 {display: inline-block; padding:20px 5px 20px 20px; box-sizing:border-box; word-break:keep-all; font-size: 15px; font-weight:normal; line-height: 150%;}
.board001 .list_tit h3 span.mg_r10,
.board001 .list_tit h5 span.mg_r10 {font-size:0.7em !important; font-weight:400; display:inline-block; vertical-align:middle;}
.board001 .list_tit h3 > img,
.board001 .list_tit h5 > img {vertical-align:-10px; margin-right:5px;}
.board001 .list_tit h3 > span.sub_title,
.board001 .list_tit h5 > span.sub_title {font-size:12px; border-left:1px solid #c1c1c1; padding-left:7px; vertical-align:1px; line-height:18px; height:18px;
display:inline-block; margin-left:5px; font-weight:400; display:none;}
.board001 .list_tit h3 > span.qna,
.board001 .list_tit h5 > span.qna {background:url("/images/wzwg/site/mngr/q.png")no-repeat; padding:7px 5px 7px 34px;}
.board001 .list_tit h3 span.btm,
.board001 .list_tit h5 span.bt {color:#fff; background:#d9d9d9; font-weight:400; font-size:11px; padding:3px 5px; line-height:15px; vertical-align:2px; display:inline-block;}
.board001 .list_tit p.list_date {width:100%; float:left; box-sizing:border-box; font-size:15px; line-height:150%; border-bottom:1px solid rgba(51,51,51,0.1);}
.board001 .list_tit p.list_date strong {display:inline-block; font-weight:600; color:#333; font-size:16px; border-bottom:none;background: #f5f5f5; padding:20px 15px 20px 30px; width:15%; box-sizing:border-box; margin-right:15px;}
.board001 .list_tit p.list_date span {padding:20px 5px;}
.board001 .list_tit p.list_date span.com_bar {float:right; padding:20px 15px;}
.board001 .list_tit p.list_date span.com_bar > a {font-size:14px; color:#333; margin:0 3px;}
.board001 .list_tit p.list_date span.com_bar > a:last-of-type {font-size:14px; border-left:1px solid #c1c1c1; padding-left:10px; color:#333;}
.board001 .list_content {clear:both; position:relative;}
.board001 .list_content .conTop {overflow:hidden; position:relative;}
.board001 .list_content .conTop h4,
.board001 .list_content .conTop>p {display:inline-block; font-weight:400; width:100%; box-sizing:border-box; font-size:15px; line-height:150%;border-bottom: 1px solid rgba(51,51,51,0.1);}
.board001 .list_content .conTop h4 strong,
.board001 .list_content .conTop>p strong {display:inline-block; font-weight:600; color:#333; font-size:16px; border-bottom:none;background: #f5f5f5; padding:20px 15px 20px 30px; width:15%; box-sizing:border-box; margin-right:15px;}
.board001 .list_content .conTop h4 span,
.board001 .list_content .conTop>p span {padding:20px 5px;}
.board001 .list_content .conTop p:not(.writer) {float:right; line-height:25px; width:30%; text-align:right; padding:15px 10px; box-sizing:border-box; border-bottom:1px solid #f6f6f6;}
.board001 .list_content .conTop p a {padding:6px 10px; font-size:12px; background:#ccc; border-radius:2px;}
.board001 .list_content .conTop div.fileBox {margin-top:10px; float:right; width:100%;}
.board001 .list_content .conTop>ul {clear:both; padding-left:0; float:left; display:inline-block; font-weight:600; color:#333; font-size:16px;
border-bottom:none; padding:20px 15px; text-align:right; width:15%; box-sizing:border-box;}
.board001 .list_content .conTop ul li {background:url("/images/wzwg/site/mngr/download.png")no-repeat; background-position:right 7px;}
.board001 .list_content .conTop>ul>li> a {padding-right:15px; font-weight:600;}
.board001 .list_content .conTop ul li a span {font-weight:900; color:#fa5058; padding:0 2px; font-size:0.9em;}
.board001 .list_content .conTop ul + div,
.board001 .list_content .conTop #atchFile_div {width:85%; float:left; display:inline !important;}
.board001 .list_content .conTop #atchFile_div ul {padding:20px 5px 20px 20px;}
.board001 .list_content .conTop #atchFile_div ul li {line-height:20px; padding:5px 0 0 !important;}
.board001 .list_content .conTop #atchFile_div ul li:hover {text-decoration:underline;}
.board001 .list_content .conTop #atchFile_div ul li>span {font-size:15px !important;}
.board001 .list_content .conTop #atchFile_div ul li>a {font-size:14.5px; color:#777; text-decoration:underline; margin-left:10px;}
.board001 .list_content .conMiddle {width:100%; border-top: 2px solid #333; float:left;}
.board001 .conMiddle {clear:both; padding-top:30px;}
.board001 .conMiddle div.conM_ytb {width:100%; ; height:auto; margin:0;}
.board001 .conMiddle div.conM_ytb iframe {width:100%; height:350px; vertical-align:top;}
.board001 .conMiddle div.conM_ytxt {border-radius:30px; margin-top:10px; padding:10px;}
.board001 .conMiddle div.conM_ytxt > span {display:block; padding:10px 0; font-size:16px; font-weight:bold;}
.board001 .conMiddle div.conM_ytxt > div {height:80px; display:block; margin:0 auto; background:#f9f9f9; padding:10px; overflow-y:scroll;}
.board001 .conMiddle div.conM_txt {width:100%; float:left; padding:20px 15px; font-size:15px; line-height:180%; margin-bottom:50px; word-break:keep-all; box-sizing:border-box;}
.board001 .conMiddle div.conM_txt p {word-break:keep-all;}
.board001 .conMiddle div.conM_txt ul {list-style:disc; padding-left:30px;}
.board001 .conMiddle div.conM_txt ul li {list-style:disc; float:none;}
.board001 .conMiddle div.conM_txt ol {list-style:decimal; padding-left:30px;}
.board001 .conMiddle div.conM_txt ol li {list-style:decimal;}
.board001 .conMiddle div.conM_txt img {max-width:100%;}
.board001 .conBottom {clear:both;}
@media (max-width:1299px) {
.board001 .conMiddle div.conM_txt table {width:100% !important;}
}
@media (max-width:699px) {
.board001 .list_tit p.list_date strong, .board001 .list_content .conTop h4 strong, .board001 .list_content .conTop>ul, .board001 .list_content .conTop>p strong, .board001 .list_tit .list_head strong {width:25%;}
.board001 .list_content .conTop ul + div, .board001 .list_content .conTop #atchFile_div {width:75%;}
.board001 .list_content .conTop ul li {background:none;} .board001 .list_content .conTop>ul>li> a {padding-right:0;}
}
@media (max-width:599px) {
.board001 .list_tit p.list_date {display:block; float:left; text-align:left;}
}
/* 댓글,등록일,조회수 리스트 */
.board001 .conMiddle div.conM_txt + div ul,
.board001 .conBottom>div>ul {list-style:none !important; padding-left:0px; float:left; width:100%; padding:15px; box-sizing:border-box; background: #fcfcfc; margin-bottom:20px;}
.board001 .conMiddle div.conM_txt + div ul li,
.board001 .conBottom>div>ul li {list-style:none !important; float:left;}
.board001 .conMiddle div.conM_txt + div ul li a,
.board001 .conBottom>div>ul li a {font-size:16px; margin-right:15px; border-right:1px solid #ececec; padding-right:15px;}
.board001 .conMiddle div.conM_txt + div ul li:last-child a,
.board001 .conBottom>div>ul li:last-child a {border-right:none;}
/* 묻고답하기(?) / 댓글 */
.answer {width:100%; float:left; border:1px solid #ececec; padding:5px 15px 20px; box-sizing:border-box; margin-bottom:20px;}
.answer table {width:100%;}
.answer ul {width:100%;height:auto;line-height: normal;padding:0;float:left;padding-left: 0 !important;}
.answer ul li {width:100%; float:left; border-bottom:1px solid #ececec; padding:10px 0 15px 0; position:relative;font-size:15.5px;box-sizing: border-box; margin-left:0 !important;}
.answer ul li:last-child {border-bottom:none;}
.answer ul li p.comm_cont {padding:5px 2px;}
.answer ul li ul {position:absolute; top:0; right:0px; width:auto;}
.answer ul li ul li {float:left;border:none;width:auto;padding-left: 0;}
.answer ul li ul li a {display:inline-block;border-left: 1px solid #ececec; color:#666; font-size:15px; padding-left: 10px;margin-left: 10px;}
.answer ul li ul li:first-child a {border-left:none;}
.answer ul li ul li a > img {vertical-align:2px; margin-right:4px; position:absolute; top:10px; left:-10px; display:none;}
.answer ul li ul li:last-child a {border-right:0;}
.answer ul li p.comm_cont + div {padding-right: 150px;box-sizing: border-box; font-size:14px;}
.answer ul + table thead td {padding:15px 0; font-weight:bold; font-size:15px; color:#252525;}
.answer ul + table tbody tr > td {line-height:12px;}
.answer ul + table tbody tr td div.txtBox {width:100%; border:1px solid #e5e5e5; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-size:15px; color:#333;}
.answer ul + table tbody tr td > div {margin-top:10px;}
.answer ul + table tbody tr td textarea.txtBox {height:70px; width:99.5%; border: 1px solid #bbb; padding:15px; line-height:150%;
box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.answer ul + table tbody tr td input.txtBtn {height:70px; width:100%; font-size:15px; font-weight:600; border:1px solid #e5e5e5; background:#fff; cursor:pointer; min-width:50px; text-align:center;}
.answer .com_cont {font-weight:600;}
.answer .com_cont span.gray {font-weight:400; font-size:13px; margin-left:5px;}
.answer ul li .reply_write_form {background: #f9f9f9; padding: 15px; box-sizing: border-box;}
.answer ul li .reply_write_form table {}
.answer ul li .reply_write_form table thead td {font-size: 15px; font-weight: 600;}
.answer ul li .reply_write_form table textarea {width: 100%; height: 70px; margin-top: 10px; padding: 10px; box-sizing: border-box; font-size: 14px;}
.answer ul li .reply_write_form table #reply_regist_btn {width: 95%; margin-left: 5%; height: 70px; margin-top: 10px; font-size: 15px; font-weight: 600;}
.answer ul li .reply_write_form {}
.answer ul li .reply_write_form table {}
.answer ul li .reply_write_form table thead td {}
.answer ul li .reply_write_form table textarea {}
.answer ul li .reply_write_form table #reply_regist_btn {}
@media (max-width:699px) {
.answer ul li p.comm_cont + div {padding-right:0;margin-top: 10px;font-size: 15px;}
}
/*댓글수정*/
.answer ul li div table {}
.answer ul li div table thead td {font-weight:600;font-size:15px;color:#838383;padding-bottom: 5px;}
.answer ul li div table tbody td:first-child {}
.answer ul li div table textarea#modifyInputAnswer {padding:5px;box-sizing:border-box;line-height:150%;font-size: 15.5px;width: 100%;}
.answer ul li div table .txtBtn {margin-left: 5%; width: 95%; height: 60px; font-size: 16px; font-weight: 600;}
/** SNS 공유 추가 */
/* share popup/QR code */
.board001 .list_content .conTop p:not(.writer) {display:none;} /*주소복사 버튼*/
.board001 .conMiddle div.midListbt {width:100%; float:left; margin-top:80px;}
ul.snsListul {display:none; float:left;padding:20px 15px !important;clear:both;padding-left:0;list-style:none;background:#fcfcfc;width:100%; box-sizing:border-box;text-align: right;}
ul.snsListul a {float:left; margin-right:0; padding-right:0; border-right:0;}
ul.snsListul a img {vertical-align:top; float:left;}
ul.snsListul + div ul {line-height:24px;}
ul.snsListul + div ul li a {padding-right:8px; margin-right:8px; border-right:1px solid #c9c9c9; display:inline-block; line-height:10px;}
ul.snsListul + div ul li:last-child a {border-right:none;}
ul.snsListul li {list-style:none; display:inline-block;}
ul.snsListul li a {border-right: 1px solid #ececec;line-height:10px;display:inline-block;padding-right:10px;margin-right:10px;font-size:16px;}
ul.snsListul li:last-child a {border-right:none;margin-right: 0;padding-right: 0;}
ul.snsListul li span {margin-left:2px; font-size:15px;}
#cnrs_btn {float:right;/* width:30%; */margin: 15px 10px;box-sizing:border-box;text-align:right;line-height: 25px;position:absolute;top:0;right:0;}
#cnrs_btn>img {opacity:0.5;-webkit-transition:opacity 1s;transition:opacity 1s;margin-top: 5px;}
#cnrs_btn>img:hover {opacity:1;}
/* 좋아요 목록 */
.like #like_list_div {border: 1px solid #ececec; width: 100%; padding: 5px 15px 20px; box-sizing: border-box; float: left; margin-bottom: 30px;}
.like #like_list_div>div>p {font-size: 15px; font-weight: 600; padding: 15px 0; color: #252525; border-bottom: 1px solid #ececec; margin-bottom: 20px;}
.like #like_list_div ul {padding-left: 0;}
.like #like_list_div ul li {width: 32.666%; float: left; margin-right: 1%;}
.like #like_list_div ul li:nth-child(3n) {margin-right:0;}
.like #like_list_div ul li:nth-child(3n+1) {clear:both;}
.like #like_list_div ul li p {background: #f9f9f9; width: 100%; padding: 10px; box-sizing: border-box; margin-bottom: 10px; font-size: 15px; float:left;}
.like #like_list_div ul li p:hover {font-weight:600;}
.like #like_list_div ul li p:before {content:"\f007"; font-family:'FontAwesome'; display: inline-block; vertical-align: middle; font-weight:400;}
.like #like_list_div ul li img {display: none;}
.like #like_list_div ul li span {float: right; font-size: 13px;}
@media (max-width:599px) {
.like #like_list_div ul li {width:100%; margin-right:0;}
}
/* write page (글작성) */
.register-box {margin:10px 0 40px;}
.register-box table {width:100%; border-collapse:collapse; text-align:left;}
.register-box table td {width:44%; padding:15px 0px !important; font-size:15px;}
.register-box table td select,
.register-box table td input[type="text"] {font-size:15px; height:40px; min-width:300px !important;}
.register-box table td textarea {padding:30px; box-sizing:border-box; line-height:150%; font-size:15px;}
.register-box table tr th, .register-box table tr td {border-bottom:1px solid #ececec;}
.register-box table tr:first-child {border-top:2px solid #333;}
.register-box table td .jectBoard {width:150px;}
.register-box div.subject table .subTit {font-weight:600; color:#333 ; text-align:center; font-size:16px; border-bottom:none; background:#fff; padding:0;}
.register-box div.subject table td ul.setlist {padding:0; margin:0;}
.register-box div.subject table td ul.setlist li {float:left; list-style:none; margin-right:5px; font-size:15px;}
.register-box div.subject table td ul.setlist li > span {margin:0 2px;}
.register-box div.subject table td ul.fileplus {list-style:none; padding:0; margin:0;}
.register-box div.subject table td ul.fileplus li {width:100%; height:auto; float:left; margin-bottom:3px;}
.register-box div.subject table td ul.fileplus li span {float:left; line-height:40px; margin-right:5px; font-size:15px;}
.register-box div.subject table td ul.fileplus #atch_file_div {width:100%; float:left;}
.register-box div.subject table td ul.fileplus #atch_file_div > div {width:100%; clear:both;}
.register-box div.ftBtn {display:table; margin-left:auto; margin-right:auto; padding:30px 0;}
.register-box div.ftBtn a {background:#656a77; border:1px solid #575f6a; padding:6px 10px; border-radius:3px; color:#fff; text-decoration:none; margin:0 2px;}
.register-box div.ftBtn a.two {background:#fbfbfb; border:1px solid #ccc; padding:6px 10px; border-radius:3px; color:#555; text-decoration:none;}
.register-box a.save {padding-left:5px; color:#333; text-decoration:none; font-size:12px;}
.register-box a.save:hover {text-decoration:underline;}
.register-box span.red {color:#ff0000; font-weight:bold; padding-left:3px;}
.register-box input.serchBtn01 {width:80px; height:20px; margin-left:6px; border:1px solid #d4d9de;}
.register-box input.serchBtn02 {height:20px; margin-left:6px;}
.register-box input.uploadTit {width:100%; float:left; border:1px solid #c2c2c2; margin-right:5px;}
.register-box input.uploadTit:focus {border:2px solid #333;}
.register-box input.uploadTit + a {height:40px; padding:0 20px; line-height:40px; margin-left:5px;}
.register-box div.tool {width:100%; border:1px solid #ccc; height:500px; font-size:12px;}
.register-box select.headId {width:150px; height:40px; border:1px solid #dfdfdf; border-radius:3px;}
.register-box table td div {border-radius:3px; min-height:30px; float:left;}
.register-box table td div + div {float:left !important; border:none !important; padding:0 !important;}
.register-box table td#codeAnswerView div {border:none !important;}
.register-box table td#codeAnswerView div .btn-c {height:27px !important; border-radius:3px; font-size:11px !important;}
.register-box table #answerPermAt + tr td {text-align:center; padding:20px 0 !important;}
.attatch_file_box .attatchfile ~ a {height:40px; padding:0 10px; line-height:40px; margin-top:0;}
@media (max-width:990px) {
.register-box {margin:0;}
.register-box div.subject table .subTit {width:20%; padding-right:20px;}
.register-box input.uploadTit {width:40% !important;}
#smart_editor2 {min-width:100% !important;}
}
@media (max-width:599px) {
.register-box table td select,
.register-box table td input[type="text"] {width:100% !important;float:left;margin-right:0;min-width:auto !important;}
.register-box div.subject table .subTit {width:25% !important;}
.register-box table td input.uploadTit {width:50% !important; margin-right:3px;}
.register-box div.subject table td ul.fileplus span.red {width:100%; float:left; font-size:14px;}
}
/***** 가이드 예시화면(0129 add) *****/
.register-box div.subject table td ul.fileplus li span > .menu_help {float:none; clear:both; border:none !important; line-height:21px; margin-right:5px; font-size:12px;}
.register-box div.subject table td ul.fileplus li span > .menu_help {margin-bottom:-4px; cursor:pointer; display:inline; position:relative;}
.register-box div.subject table td ul.fileplus li span > .menu_help > img {vertical-align:middle; width:16px; height:16px}
.register-box div.subject table td ul.fileplus li span > .menu_help > .help_pop {display:none; position:absolute; width:250px; top:0px; left:25px; line-height:18px; z-index:2;
background:#f5f5f5; color:black; border:1px solid #dedede; font-size:12px; padding:10px;}
.register-box div.subject table td ul.fileplus li span > .menu_help:hover > .help_pop {display:block;}
.register-box div.subject table td ul.fileplus li span > .menu_help:hover > .help_pop > img {max-width:800px;}
@media (max-width:1520px) { .register-box div.subject table td ul.fileplus li span > .menu_help > .help_pop {top:25px; left:0; margin-left:-125px;}}
@media (max-width:1150px) {.register-box div.subject table td ul.fileplus li span > .menu_help > .help_pop {top:25px; left:0; margin-left:-180px;}}
@media (max-width:990px) {.register-box div.subject table td ul.fileplus li span > .menu_help > .help_pop {top:25px; left:0; margin-left:-125px;}}
@media (max-width:580px) {.register-box div.subject table td ul.fileplus li span > .menu_help > .help_pop {top:25px; left:0; margin-left:-170px;}}
@media (max-width:479px) {.register-box div.subject table td ul.fileplus li span > .menu_help > .help_pop {top:25px; left:auto; margin-left:-150px; width:200px;}}
@media (max-width:360px) {.register-box div.subject table td ul.fileplus li span > .menu_help > .help_pop {top:25px; left:0; margin-left:-200px;}}
/* 웹진형 webzine */
.basic-table01 ~ .webzine {margin-top:50px;}
.webzine {padding:10px 0;}
.webzine > ul {list-style:none; padding:0; margin:0; padding-left:0 !important;}
.webzine .list_box {width:100%;float:left;border-top: 2px solid #333;margin-bottom:70px;box-sizing:border-box;}
.webzine .list_tit {width:100%; float:left; box-sizing:border-box;margin-right: 0;}
.webzine .list_tit h3 {float:left;width: 100%;text-align: center;padding: 21px 10px;border-bottom: 1px solid #ccc;font-size: 22px; line-height: 150%;box-sizing: border-box;}
.webzine .list_tit h3 > span.tit_bar {border-left:1px solid #ccc; padding-left:5px; margin-left:5px;}
.webzine .list_tit h3 a:hover {text-decoration:underline;}
.webzine p.list_date {display:inline-block; line-height: 180%;}
.webzine .list_content {clear:both;position:relative;padding-top: 100px;width:100%;float:left;}
.webzine .list_content .conTop {width: 100%;position:absolute;top:0;left:0;padding:5px;clear:both; text-align: right;background: #fcfcfc;border-bottom: 1px solid #eaeaea;
padding: 20px 15px;box-sizing: border-box;}
.webzine .list_content .conTop h4 {font-size: 16px;color:#666666;float:left;line-height: 150%;}
.webzine .list_content .conTop h4 img {margin-right:5px; vertical-align:-3px;}
.webzine .list_content .conTop h4 a {display:inline-block;}
.webzine .list_content .conTop h4 a img {vertical-align:middle; margin-bottom:4px; margin-right:0;}
.webzine .list_content .conTop ul {float:right;}
.webzine .list_content .conTop ul li {float:left; margin-right:5px;}
.webzine .list_content .conTop ul li span {font-weight:600; margin-left:2px;}
.webzine .list_content .conTop a.lineRight {position:absolute; top:40px; right:3px; text-decoration:none; color:#333;}
.webzine .list_content .conTop a.lineRight:hover {text-decoration:underline;}
.webzine .list_content .conTop a.lineRight img {vertical-align:middle; margin:0 0 3px 3px;}
.webzine .conMiddle {clear:both;}
.webzine .conMiddle p.conM_txt {padding:15px 5px 40px; line-height:150%; font-size:13px; color:#666; width:100%; float:left;}
.webzine .conMiddle ul {margin-bottom:10px; padding-right:3px;}
.webzine .conMiddle ul li {float:left; margin-right:2px; clear:both;}
@media (max-width:599px) {
.webzine .list_tit h3 {font-size:18px; padding:12px 10px;}
.webzine .list_content .conTop {padding:15px;}
}
/* event */
.basic-table01 ~ .event-box {}
.event-box {width:100%; border-bottom:1px solid #e4e4e4; border-top:2px solid #333; margin:10px 0 30px;
float:left; box-sizing:border-box; list-style:none !important; padding-left:0 !important;}
.event-box>li {width:100%; float:left; border-bottom:1px solid #e2e2e2; padding:20px 15px; box-sizing:border-box; list-style:none !important;}
.event-box li:last-child {border-bottom:none;}
.event-box>li:nth-child(even) {background:rgba(247,247,247,0.5);}
.event-box .event-ipt {/*display:table-cell; */ vertical-align:middle; width:5%; float:left;}
.event-box .event-ipt > input {margin:0 auto; display:block;}
.event-box .event-img {width:20%; /*display:table-cell; */vertical-align:middle; text-align:center; background:#f7f7f7; vertical-align:middle; display:inline-block;}
.event-box .event-img .imgbox {float:left; width:100%; height:150px; line-height:150px; overflow:hidden; box-sizing:border-box;}
.event-box .event-img .imgbox > a:focus {border: 2px solid #333; float: left; width: 100%; height: 150px; box-sizing: border-box; overflow: hidden;}
.event-box .event-img .imgbox > a:focus img {float: left;}
.event-box .event-img .imgbox > a img {width:100%; vertical-align:middle; transition:transform 1s; transition:transform 1s; min-height:100%;}
.event-box .event-txt {width:70%; height:135px; /* float:left; */padding:5px 20px; box-sizing:border-box; position:relative; vertical-align:middle; display:inline-block;}
.event-box .event-txt h3 {font-size:19px; font-weight:500; width:100%; padding-bottom:15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.event-box .event-txt h3 + p {color:#838383; position:absolute; left:20px; bottom:0; font-size:14px;}
.event-box .event-txt h3 a {color:#333;}
.event-box .event-txt h3 a span {font-size:0.8em;}
.event-box .event-txt p br {display:none;}
.event-box .event-txt div.comM_txt {width:100%;overflow:hidden;max-height: 59px;word-break: keep-all;}
.event-box .event-txt img {display:none;}
.event-box .event-txt div.comM_txt p {
width:100%;
height:60px;
display:-webkit-box;
margin-top:0;
overflow:hidden;
vertical-align:top;
font-size:15px;
line-height: 140% !important;
color:#777;
text-overflow:ellipsis;
word-break:keep-all;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
}
.event-box .event-txt div.comM_txt * {font-family: 'NanumSquareR' !important;color:#777 !important;font-weight: 400 !important;font-size: 15px !important;margin-top: 0 !important;}
.event-box .event-txt div.comM_txt ol, .event-box .event-txt div.comM_txt ul {}
.event-box .event-txt div.comM_txt li,
.event-box .event-txt div.comM_txt li b,
.event-box .event-txt div.comM_txt li span {font-family:'NanumSquareR' !important; font-size:15px !important; font-weight:400; color:#777; line-height:140%;}
.event-box .event-txt div.comM_txt a {width:100%;float: left;}
.event-box .event-txt div.comM_txt a:focus {
border: 1px dashed #ccc;
box-sizing: border-box;
height: 100%;
max-height: 57px;
float: left;
overflow: hidden;
background: #f9f9f9;
}
.event-box .event-txt div.comM_txt a p:empty {display:none;}
.event-box .event-txt div.comM_txt a br {display:none;}
.event-box .event-txt div.comM_txt ol, .event-box .event-txt div.comM_txt ul {padding-left:0;}
.event-box li:hover .event-txt h3 {font-weight:600;}
.event-box li:hover .event-txt div.comM_txt p {text-decoration:underline;}
.event-box li:hover .imgbox > a img {transform:scale(1.1);}
@media (max-width:799px) {
.event-box .event-img {width:28%;}
.event-box .event-txt {width:65%;}
.event-box .event-txt h3 {font-size:15px; font-weight:600;}
.event-box .event-txt div.comM_txt li,
.event-box .event-txt div.comM_txt li b,
.event-box .event-txt div.comM_txt li span,
.event-box .event-txt div.comM_txt p {font-size:14px !important;height:57px;}
}
@media (max-width:599px) {
.event-box .event-txt h3 + p {left:20px;}
.event-box .event-img .imgbox {max-height:130px; line-height:130px;}
}
/* album */
.basic-table01 ~ ul.album {}
ul.album ~ ul.album {margin-top:30px;}
ul.album ~ ul.album + .ctr-box {margin-top:50px; float:left; width:100%;}
ul.album{float:left; width:100%; margin-bottom:30px; list-style:none; margin:0; padding:0; padding-left:0 !important;}
ul.album > li {float:left; width:23.5%; height:285px; margin-right:2%; margin-bottom:30px;
box-sizing:border-box; position:relative; vertical-align:middle; box-shadow:0 0 1px rgba(0, 0, 0, 0); overflow:hidden;}
ul.album > li:before {content:""; position:absolute; z-index:-1; left:0; right:0; top:0; bottom:0;
border-color:#212121; border-style:solid; border-width:0;
-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
ul.album > li:nth-child(4n) {margin-right:0;}
ul.album > li div.alBox {float:left; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:0; margin:0;}
ul.album > li div.alBox > a {float:left; width:100%;}
ul.album > li div.alBox > a:focus {border:1px solid #000; box-sizing:border-box;}
ul.album > li div.alBox > a + div{float:left; width:100%; background:#fff;}
ul.album > li div.alBox > a + div > ul{float:left; padding:5px 0; width:auto; box-sizing:border-box;}
ul.album > li div.alBox > a + div > ul li{float:left;}
ul.album > li div.alBox > a + div > ul li:first-child{padding:0 2px 0 5px; box-sizing:border-box;}
ul.album > li div.alBox > a + div > ul li:last-child > img{padding-left:5px; vertical-align:top; box-sizing:border-box; text-align:center; display:block; margin:0 auto;}
ul.album > li div.alBox > a + div > ul + a{padding:5px 0 5px 5px; float:left; vertical-align:top; text-overflow:ellipsis;
overflow:hidden; white-space:nowrap; width:80%; box-sizing:border-box; line-height:16px; font-size:14px; color:#5c5c5c;}
ul.album > li div.alBox > p {width:100%;float:left;padding-top:15px;text-align:center;-webkit-transition:padding-top 1.5s;transition:padding-top 1.5s;}
ul.album > li div.alBox > p input[type="checkbox"] {position:absolute; left:7px; top:8px; line-height:0;}
ul.album > li div.alBox > p a {font-size:18px; width:85%; text-align:center; line-height:150%; word-break:keep-all; white-space:nowrap;
overflow:hidden; text-overflow:ellipsis; display:inline-block; vertical-align:middle; display:inline-block;}
ul.album > li div.alBox > p a + a {width:auto;}
ul.album > li div.alBox > p a:hover {text-decoration:underline; font-weight:600;}
ul.album > li div.alBox span.imgBox {width:100%; height:200px; line-height:160px; overflow:hidden; background:#f7f7f7; display:inline-block; box-sizing:border-box;
-moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align:center; overflow:hidden; position:relative;
-webkit-transition:margin-top 1.5s; transition:margin-top 1.5s;}
ul.album > li div.alBox span.imgBox > img {max-width: 170%; height:auto; display:inline-block; vertical-align:middle; margin:auto;
transition:transform 1.5s; -webkit-transition:opacity 1.5s; transition:opacity 1.5s; min-height: 100%; min-width: 100%;
position:absolute; top:-999px; bottom:-999px; right:-999px; left:-999px;}
ul.album > li div.alBox div.inquiry{float:left;padding-top:15px;width:100%;box-sizing:border-box;color: #757575;}
ul.album > li div.alBox div.inquiry ul {width:100%; float:left; list-style:none; padding:0; text-align:right;}
ul.album > li div.alBox div.inquiry ul li {font-size:16px; line-height:150%; text-align:center;}
ul.album > li div.alBox div.inquiry ul li:first-child {display:none; border-right:1px solid #ccc; line-height:13px; padding-right:5px; margin-right:5px;
font-size:13px; vertical-align:middle;}
ul.album > li div.alBox div.inquiry span {display:none; float:right; font-size:13px; line-height:13px;}
ul.album > li:hover {background: #f9f9f9;}
ul.album > li:hover div.alBox span.imgBox {margin-top:-200px;background:transparent;}
ul.album > li:hover div.alBox span.imgBox > img {transform:scale(1.1); opacity:0;}
ul.album > li:hover div.alBox > p {padding-top:120px;margin-top: -40px;}
ul.album > li:hover div.alBox > p a {-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-inline-box;white-space:normal;font-weight: 600;}
ul.album > li:hover div.alBox div.inquiry {padding-bottom:100px;background: #f9f9f9;}
ul.album > li:hover div.alBox > p a + a {display:none;}
.album_read_viewport {width:50% !important;margin-top:20px !important;margin-bottom: 20px !important;}
.album_read_viewport .bx-wrapper, .album_read_viewport .bx-viewport {width:100% !important;max-width: 100% !important;text-align: center;}
.album_read_viewport ul li > span {border:none !important;}
.album_read_viewport ul li > span.thumbnail {line-height:65px;}
.album_read_viewport ul li > span.thumbnail img {width: auto !important; height: auto !important; max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle;}
.album_read_viewport ul li > a {padding:5px 10px;border-radius:2px;border:1px solid #ddd;font-size: 14px;}
.album_read_viewport .bx-viewport ul {padding-left:30px;text-align:center;/* width: 100% !important; */}
.album_read_viewport .bx-viewport ul li {float:none !important;display: inline-block;}
#zoom_img>div>img {width:auto !important; max-width:100%;}
#zoom_img + .conMiddle {border-top:none;}
.album_read_viewport a.disabled {background:transparent !important;}
.album_read_viewport .bx-prev.disabled {background:url(/images/wzwg/cmm/btn_album_read_prev.gif) no-repeat 0 0 !important;}
.album_read_viewport .bx-next.disabled {background:url(/images/wzwg/cmm/btn_album_read_next.gif) no-repeat 0 0 !important;}
@media (min-width:700px) and (max-width:990px){
ul.album > li div.alBox span.imgBox {height:120px;}
}
@media (max-width:699px){
ul.album > li {width:49%; min-height:220px;}
ul.album > li:nth-child(2n) {margin-right:0;}
ul.album > li:nth-child(odd) {clear:both;}
ul.album > li div.alBox > a + div > ul{width:auto;}
ul.album > li div.alBox > a + div > ul + a {width:80%;}
ul.album > li div.alBox span.imgBox {height:150px;}
ul.album > li div.alBox > p a {font-size:16px; font-weight:600;}
ul.album > li div.alBox div.inquiry {font-size:15px;}
}
.step1 {width:100%; float:left;}
.step1 .tapMenu {padding:20px 20px 10px; float:left; width:100%;}
.step1 .tapMenu li {font-size:16px; float:left; margin-right:20px;}
.step1 .tapMenu li a {font-weight:600;}
.step1 .tapMenu li a span {}
.step1 .tapMenu li a span.ico_on {}
.step1 .tapMenu li a span.ico_off {}
.step1 .tapMenu li a span#ntt_reply_cnt_txt {margin-left:5px; font-size:0.9em;}
#ntt_reply_div .board001 .list_tit h3, #ntt_reply_div .board001 .list_tit h5 {display:none;}
/* 2020.12.22 namo editor SSJ */
.register-box table td div#editor_nttCn {width:100%;}
.register-box table td div.ce-resize-bar {margin-top:0;}
.register-box table td div.ce-resize-bar, .register-box table td div.ce-resize-bar div {min-height:auto;}
/* 2020.12.22 file uploader SSJ */
.register-box * {min-height:auto !important;}
.register-box table td div#uploaderContainer {width: 100%;}
.register-box table td div#uploaderContainer > div {width: 100% !important;/* height: 150px !important; */float: left;clear: both;position: relative;}
.register-box table td div#uploaderContainer > div > div {width:100% !important;margin-left: 0 !important;margin: 10px 0;}
/*파일선택부분*/
.register-box table td div#uploaderContainer > div > div:first-child {height:auto !important;margin-bottom: 0;}
.register-box table td div#uploaderContainer > div > div:first-child input[type="button"] {height: 30px !important;font-size: 15px !important;padding: 0 15px !important;width: auto !important;line-height: 30px !important;margin-top: 0 !important;margin-left: 20px !important;}
.register-box table td div#uploaderContainer > div > div:first-child input[type="button"]:hover {background:#4072CB !important; color:#fff; cursor:pointer;}
/* 로딩바 부분*/
.register-box table td div#uploaderContainer > div > div:nth-child(2) {min-height:1px;}
/*업로드부분*/
.register-box table td div#uploaderContainer > div > div:nth-child(3) {padding: 10px 15px;box-sizing: border-box;margin: 0 !important;height: auto !important;}
.register-box table td div#uploaderContainer .slick-header-columns {left: auto !important; width: 100% !important;}
.register-box table td div#uploaderContainer .slick-header-column {left:auto !important;}
.register-box table td div#uploaderContainer .slick-header-column:nth-child(2) {width: 60% !important;height: 24px;}
.register-box table td div#uploaderContainer .slick-header-column:nth-child(3) {width: 15% !important;height: 24px;}
.register-box table td div#uploaderContainer .slick-header-column:nth-child(4) {width: 15% !important;height: 24px;}
.register-box table td div#uploaderContainer .grid-canvas {width:100% !important;}
.register-box table td div#uploaderContainer .r0,
.register-box table td div#uploaderContainer .r1,
.register-box table td div#uploaderContainer .r2,
.register-box table td div#uploaderContainer .r3 {left: auto !important;}
.register-box table td div#uploaderContainer .l0,
.register-box table td div#uploaderContainer .l1,
.register-box table td div#uploaderContainer .l2,
.register-box table td div#uploaderContainer .l3 {right: auto !important;}
.register-box table td div#uploaderContainer .slick-viewport .slick-cell {position: relative !important;}
.register-box table td div#uploaderContainer .slick-viewport .slick-cell:first-child {width: 21px; text-align: center;}
.register-box table td div#uploaderContainer .slick-viewport .slick-cell:nth-child(2) {width: 60%;}
.register-box table td div#uploaderContainer .slick-viewport .slick-cell:nth-child(3) {width: 15%; }
.register-box table td div#uploaderContainer .slick-viewport .slick-cell:nth-child(4) {width: 15% !important;}
/*삭제버튼 부분*/
.register-box table td div#uploaderContainer > div > div:last-child {margin:0 !important;}
.register-box table td div#uploaderContainer > div > div:last-child input[type="button"] {line-height:20px;}
.slick-viewport {height: 160px !important;}
/* 220524 게시판 디자인 개편 */
.list_tit .list_head {display: table; width: 100%; border-bottom: 1px solid rgba(51,51,51,0.1); line-height: 150%;}
.list_tit .list_head strong {display: table-cell;padding: 20px 15px 20px 30px;width: 15%;box-sizing: border-box;color: #333;font-size: 16px;background: #f5f5f5;vertical-align: middle;}
@media (max-width:599px) {
.list_tit .list_head strong, .board001 .list_tit p.list_date strong, .board001 .list_content .conTop h4 strong, .board001 .list_content .conTop>p strong {padding:20px 15px;}
}