@charset "utf-8";

/* common : 게시판에서 공통적으로 쓰이는 요소들 */
.nec-text {display:block; position:relative; padding-left:5px; margin-bottom:30px; font-size:18px; font-weight:400; line-height:1.4; letter-spacing:-0.02em; color:#000000;}
.nec-text:before {content:"*"; font-size:18px; font-weight:400; line-height:1.4; letter-spacing:-0.02em; color:#ff4600;}
.nec-text.right {text-align:right;}
#board_box .title:before {display:none;}


/* board */
#board_box {position:relative; margin-top:60px;}
#board_box .inner {display:block; max-width:1480px;padding: 0;}

#board_box .info-box {position:relative; width:100%; padding:30px; margin-bottom:30px; border-radius:10px; background:#f8f9fa; box-sizing:border-box;}
#board_box .info-box .info-box-inwrap {font-size:15px; line-height:1.6;}
#board_box .info-box .info-tit {position:relative; padding-left:26px; margin-bottom:10px; font-size:15px; font-weight:700; line-height:1.4; letter-spacing:-0.08em; color:#000000; font-family:'OnemobileT', sans-serif;}
#board_box .info-box .info-tit:before {content:""; display:block; position:absolute; top:50%; transform:translateY(-50%); left:0; width:16px; height:16px; background:url('../img/board/ico_info.svg')center center no-repeat;}

#board_box.board_pop {margin:50px 0;}


/* board-tab */
.board_tab_list {display:flex; align-items:center; justify-content:flex-start; flex-wrap:wrap; gap:4px; position:relative; margin-bottom:32px;}
.board_tab_list .tab_item {width:calc(100% / 8 - 4px);}
.board_tab_list .tab_item .tab_link {display:flex; align-items:center; justify-content:center; position:relative; width:100%; height:50px; padding:0 5px; border:1px solid #dddddd; font-size:14px; font-weight:400; letter-spacing:-0.06em; color:#707070; text-align:center; transition:all 0.2s ease; box-sizing:border-box;}
.board_tab_list .tab_item .tab_link:hover, .board_tab_list .tab_item .tab_link.active {border-color:#0067db; background:#0067db; color:#ffffff;}


/* search-bar */
.board-search {display:flex; align-items:center; justify-content:flex-end; gap:10px; position:relative; margin-top:30px; margin-bottom:30px;}
.board-search .total {position:relative; margin-right:auto; font-size:17px; font-weight:500; line-height:1.4; letter-spacing:-0.05em; color:#000000;    font-family: 'NanumSquareNeo', 'Pretendard', sans-serif, -apple-system, BlinkMacSystemFont;}
.board-search .total .tit {margin-right:5px; font-size:17px; font-weight:500; line-height:1.4; letter-spacing:-0.05em; color:#666666;}
.board-search .search {display:flex; align-items:flex-end; justify-content:flex-end; gap:5px;}
.board-search .search .select_box {position:relative; max-width:150px; height:50px; padding:0 35px 0 20px; border:1px solid #dddddd; background:url('../img/default/ico_select_btn.svg')right 10px center no-repeat; background-size:15px 8px; background-color:#ffffff; vertical-align:middle; font-size:16px; letter-spacing:-0.05em; color:#000000; box-sizing:border-box;border-radius: 5px;}
.board-search .search .srcInput {display:flex; gap: 5px;align-items:center; position:relative; width:100%; max-width:400px;}
.board-search .search .srcInput input[type=text] {position:relative; width:calc(100% - 100px); height:50px; padding:0 20px; border:1px solid #dddddd; vertical-align:middle; font-size:16px; letter-spacing:-0.05em; color:#000000; box-sizing:border-box;border-radius: 5px;}
.board-search .search .srcInput button {display:flex; align-items:center; justify-content:center; position:relative; min-width:90px; height:50px; padding:0 10px; background:#4C4C4E; vertical-align:middle; font-size:16px; letter-spacing:-0.05em; color:#ffffff; box-sizing:border-box;border-radius: 5px;}
.board-search .search .srcInput button:after {content:"검색"; font-size:16px; letter-spacing:-0.05em; color:#ffffff;}

.board-search .select2 {border: 1px solid #ddd;border-radius: 5px;overflow: auto;width: 190px !important;}
.board-search .select2-container--default .select2-selection--single {height: 5rem !important;border: none !important;}
.board-search .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 5rem !important;color: #000;font-size: 1.6rem;padding: 0 50px 0 20px !important;}
.board-search .select2-container--default .select2-selection--single .select2-selection__arrow {height: 5rem !important;background:url('/share/portal/img/default/ico_select_btn.svg')right 10px center no-repeat !important; background-size:15px 8px !important; background-color:#ffffff !important; }

.board_write .select2-container--default .select2-selection--single .select2-selection__rendered {color: #000;line-height: 40px;}
.board_write .select2-container--default .select2-selection--single .select2-selection__arrow {height: 40px;width: 50px;background:url('/share/portal/img/default/ico_select_btn.svg')right 10px center no-repeat !important; background-size:15px 8px !important;}
.board_write .select2-container--default .select2-selection--single .select2-selection__arrow b {display: none;}
.board_write .select2-container {height: 40px; border-radius: 5px;}
.board_write .select2-container--default .select2-selection--single {height: 40px;border: 1px solid #ddd;}
.board_write .select2-container--default .select2-selection--single .select2-selection__rendered {color: #000;line-height: 40px;font-size: 1.4rem;padding: 0 50px 0 15px;}
.board_write .select2-container--default.select2-container--disabled .select2-selection--single {background-color: #fafafa;}

/* board_type */
.tbl-form {position:relative; width:100%;}
.tbl-form .form_txt {font-size: 15px; color: #767676; margin-top: 10px;}
.tbl-form .form_select_box {display:inline-block;}
.tbl-form .form-joiner {padding: 0 10px;}
.form-btn-box .btn.list {margin-left: 10px;}

/* board_write */
.tbl-form.board_write .nec {/* display:inline-block; */ position:relative; padding-right:10px; line-height:1.4;}
.tbl-form.board_write .nec:after {content:"*"; display:block; position:absolute; top:-4px; right:2px; font-size:14px; font-weight:700; line-height:1.4; letter-spacing:-0.08em; color:#FF7792;}
.tbl-form.board_write {position:relative; table-layout:fixed; width:100%; border-top:2px solid #000000; word-break:break-all; border-collapse:collapse;}
.tbl-form.board_write tbody tr {position:relative; border-bottom:1px solid #eeeeee; box-sizing:border-box;}
.tbl-form.board_write tbody tr th {width:160px; padding:20px 10px 20px; background:#f8f9fa; font-size:16px; font-weight:600; line-height:1.4; letter-spacing:-0.08em; color:#444444; box-sizing:border-box;}
.tbl-form.board_write tbody tr td {width:calc(100% - 160px); padding:20px 30px 20px; font-size:16px; font-weight:400; line-height:1.4; letter-spacing:-0.08em; color:#707070; box-sizing:border-box;}
.tbl-form.board_write td input[type="text"],
.tbl-form.board_write td input[type="num"],
.tbl-form.board_write td input[type="tel"],
.tbl-form.board_write td input[type="password"] {position:relative; height:40px; padding:0 15px; border:1px solid #dddddd; vertical-align:middle; font-size:14px; letter-spacing:-0.08em; color:#000000; box-sizing:border-box;}
.tbl-form.board_write td select {position:relative; max-width:100%; height:40px; padding:0 35px 0 15px; border:1px solid #dddddd; background:url('../img/default/ico_select_btn.svg')right 10px center no-repeat; background-size:15px 8px; background-color:#ffffff; vertical-align:middle; font-size:14px; letter-spacing:-0.08em; color:#000000; box-sizing:border-box;}

.tbl-form.board_write .inputMailbox {display:flex; align-items:center; gap:4px; position:relative;}
.tbl-form.board_write .inputMailbox input[type="text"] {max-width:130px;}
.tbl-form.board_write .inputTelbox {display:flex; align-items:center; gap:4px; position:relative;}
.tbl-form.board_write .inputTelbox input[type="text"] {max-width:130px;}
.tbl-form.board_write .inputAddrbox {display:flex; align-items:center; gap:4px; position:relative;}
.tbl-form.board_write .btn.check {display:inline-flex; align-items:center; justify-content:center; cursor:pointer; width:120px; max-width:100%; height:40px; padding:0 10px; border:1px solid #0067db; background:#0067db; vertical-align:middle; font-size:16px; font-weight:700; line-height:40px; color:#ffffff; text-align:center;}

.tbl-form.board_write .board-view-fileLst + .board-view-fileLst {margin-top:10px;}
.tbl-form.board_write .board-view-fileLst .vm {font-size:15px; font-weight:400; letter-spacing:-0.08em; color:#222222; transition:color 0.3s ease;}
.tbl-form.board_write .board-view-fileLst .vm:hover, .tbl-form.board_write .board-view-fileLst .vm:focus {color:#0067db;}
.tbl-form.board_write .board-view-fileLst .vm + .icoBtn.del {margin-left:5px; height:34px;}
.tbl-form.board_write .inputFile .fileNm {display:inline-flex; width:calc(100% - 260px); max-width:400px; height:40px; padding:0 15px; border:1px solid #dddddd; border-radius:2px; background:#fafafa; vertical-align:middle; font-size:14px; letter-spacing:-0.08em; color:#000000; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; box-sizing:border-box;}
.tbl-form.board_write .inputFile input[type="file"] {position:absolute; width:0; height:0; padding:0; overflow:hidden; border:none;}
.tbl-form.board_write .file-label {display:inline-flex; align-items:center; justify-content:center; cursor:pointer; width:120px; max-width:100%; height:40px; padding:0 10px; border:1px solid #4C4C4E; background:#4C4C4E; vertical-align:middle; font-size:16px; font-weight:700; line-height:40px; color:#ffffff; text-align:center;}
.tbl-form.board_write .inputFile input[type="file"]:disabled ~ .file-label {background:#f8f9fa; cursor:default; border-color:#dddddd;}
.tbl-form.board_write .inputFile input[type="file"]:disabled ~ .file-label span {color:#707070;}
.tbl-form.board_write .icoBtn.del {display:inline-flex; align-items:center; justify-content:center; cursor:pointer; width:120px; max-width:100%; height:40px; padding:0 10px; border:1px solid #707070; background:#ffffff; vertical-align:middle; font-size:16px; font-weight:700; line-height:40px; color:#707070; text-align:center;}
.tbl-form.board_write .icoBtn.del:before {content:"삭제"; font-size:16px; font-weight:700; line-height:40px; color:#707070;}
.tbl-form.board_write .comment {display:block; font-size:15px; font-weight:400; line-height:1.4; letter-spacing:-0.08em; color:#707070;}

/* 리캡쳐(확인용) */


.tbl-form.board_write .wrap_captcha {position:relative; padding-top:25.65%;}
.tbl-form.board_write .inner_captcha {position:absolute; top:0; left:0; width:100%;}
.tbl-form.board_write .screen_out {position:absolute; width:0; height:0; font-size:1px; color:transparent; line-height:0; text-indent:0; overflow:hidden;}


/* board_view */
/* view_type01 (table) */
.board_view {position:relative; table-layout:fixed; width:100%; border-top:2px solid #000000; word-break:break-all; border-collapse:collapse;}
.board_view .tbl-form_th1 {width:160px;}
.board_view .tbl-form_th1td {width:calc(100% - 160px);}
.board_view .tbl-form_th2 {width:160px;}
.board_view .tbl-form_th2td {width:calc(50% - 160px);}
.board_view tbody tr {position:relative; border-bottom:1px solid #dddddd; box-sizing:border-box;}
.board_view tbody tr th {padding:20px 10px 20px; background:#f8f9fa; font-size:16px; font-weight:700; line-height:1.4; letter-spacing:-0.08em; color:#000000; box-sizing:border-box;}
.board_view tbody tr td {padding:20px 10px 20px; font-size:16px; font-weight:400; line-height:1.4; letter-spacing:-0.08em; color:#707070; box-sizing:border-box;}
.board_view .board-ctit {font-size:24px; font-weight:700; line-height:1.4; letter-spacing:-0.08em; color:#000000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; text-align:center;}
.board_view .board-ctxt  {min-height:24vh;padding:80px 40px;vertical-align:top;}
.board_view .board-ctxt p {min-height:auto;line-height:1.4;}

.board_view .board_recruit tbody tr {border-bottom:0;}
.ck-content.board_recruit .table table td {border:0;}
.ck-content.board_recruit .table table {border:0;}
.ck-content.board_recruit .table table td, .ck-content.board_recruit .table table th {border:0;}


/* view_type02 (default) */
.board_view.board_view_type02 {position:relative; table-layout:fixed; width:100%; border-top:2px solid #000000; word-break:break-all; border-collapse:collapse;}
.board_view.board_view_type02 .title_box {position:relative; padding:32px 0; text-align:center;background: #F9F9F9;}
.board_view.board_view_type02 .title_box .category {margin-bottom:15px; font-size:18px; font-weight:700; line-height:1.4; letter-spacing:-0.02em; color:#0067db;}
.board_view.board_view_type02 .title_box .title {margin-bottom:20px; width:100%; font-size:22px; font-weight:600; line-height:1.6; letter-spacing:-0.02em; color:#222;white-space: normal;padding: 0 20px;}
.board_view.board_view_type02 .post-meta {display:flex; justify-content:center; gap:10px 30px; flex-wrap:wrap;}
.board_view.board_view_type02 .post-meta .meta-item {display:flex; align-items:center; gap:10px; position:relative;}
.board_view.board_view_type02 .post-meta .meta-item:after {content:""; display:block; position:absolute; top:50%; transform:translateY(-50%); right:-18px; width:5px; height:5px; border-radius:150px; background:#efefef;}
.board_view.board_view_type02 .post-meta .meta-item:last-child:after {display:none;}
/* .board_view.board_view_type02 .post-meta .meta-item.writer .label {display:none;} */
.board_view.board_view_type02 .post-meta .meta-item .label {font-size:16px; font-weight:600; line-height:1.4; letter-spacing:-0.02em; color:#222;}
.board_view.board_view_type02 .post-meta .meta-item .content {color:#666;}
.board_view.board_view_type02 .post-meta .meta-item.date .content {font-weight:400; color:#707070;}
.board_view.board_view_type02 .attachment {display:flex; align-items:center; gap:40px; position:relative; padding:18px 40px; border-radius:10px; box-sizing:border-box;border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd;}
.board_view.board_view_type02 .attachment .list-title {font-size:17px; font-weight:400; line-height:1.4; letter-spacing:-0.02em; color:#444444;}
.board_view.board_view_type02 .attachment .list-box {width:calc(100% - 180px);}
.board_view.board_view_type02 .attachment .list-box .file_list {display:flex; align-items:center; gap:4px; position:relative;}
.board_view.board_view_type02 .attachment .list-box .file_list .file_item {display:flex; align-items:center; gap:10px; position:relative; padding:10px 20px 10px 40px; border-radius:5px; border:1px solid #dddddd; background:#ffffff; transition:all 0.3s ease; font-size:15px; font-weight:400; line-height:1.4; letter-spacing:-0.05em; color:#707070; box-sizing:border-box;}
.board_view.board_view_type02 .attachment .list-box .file_list .file_item:before {content:""; display:block; position:absolute; top:50%; transform:translateY(-50%); left:15px; width:17px; height:17px; background:url('../img/Contents/ico_file.svg')center center no-repeat; background-size:17px 17px;}
/* .board_view.board_view_type02 .attachment .list-box .file_list .file_item:after {content:""; display:block; position:absolute; top:50%; transform:translateY(-50%); right:20px; width:14px; height:14px; background:url('../img/board/ico_file_down.svg')center center no-repeat; background-size:14px 14px;} */
.board_view.board_view_type02 .attachment .list-box .file_list .file_item:hover {border-color:#676767; color:#444; box-shadow:0 7px 12px rgba(0, 0, 0, 0.06);}
.board_view.board_view_type02 .attachment + .board_content {border-top:0;}
.board_view.board_view_type02 .board_content {position:relative; width:100%; padding:50px 20px; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; background:#ffffff; line-height:1.6; color:#444444; word-break:keep-all; box-sizing:border-box;}
.board_view.board_view_type02 .board_content .content_box {min-height:36vh;}
.board_view.board_view_type02 .board_content .content_box * {line-height:1.4; width: 100%;}
.board_view.board_view_type02 .board_content .content_box > img {max-width:100%;}
.board_view.board_view_type02 .like-btn-wrapper {display:flex; justify-content:center; margin-top:60px;}
.board_view.board_view_type02 .like-btn-wrapper .like_btn {display:inline-flex; align-items:center; position:relative; width:auto; min-width:130px; height:60px; padding:0 24px; border:1px solid #dddddd; border-radius:150px; background:#ffffff; cursor:pointer; transition:all 0.3s ease; font-size:16px; font-weight:700; letter-spacing:-0.08em; color:#000000; box-sizing:border-box; box-shadow:0 7px 12px rgba(0, 0, 0, 0.06);}
.board_view.board_view_type02 .like-btn-wrapper .like_btn:hover {border-color:#ff6464;}
.board_view.board_view_type02 .like-btn-wrapper .like_btn .ico {display:block; width:14px; height:12px; margin-right:8px; background:url('../img/board/ico_like.svg')center center no-repeat; background-size:14px 12px;}
.board_view.board_view_type02 .like-btn-wrapper .like_btn span {font-size:16px; font-weight:700; letter-spacing:-0.08em; color:#000000;}
.board_view.board_view_type02 .like-btn-wrapper .like_btn span.txt {margin-right:14px;}
.board_view.board_view_type02 .like-btn-wrapper .like_btn.on, .board_view.board_view_type02 .like-btn-wrapper .like_btn.active {border-color:#ff6464;}
.board_view.board_view_type02 .like-btn-wrapper .like_btn.on span.count, .board_view.board_view_type02 .like-btn-wrapper .like_btn.active span.count {color:#ff6464;}
.board_view.board_view_type02 .cmm-btn-wrapper {display:flex; justify-content:center; gap:10px; margin-top:70px;}
.board_view.board_view_type02 .cmm-btn-wrapper .cmm_btn {display:inline-flex; align-items:center; position:relative; width:auto; min-width:130px; height:60px; padding:0 25px; border:1px solid #0067db; background:#0067db; cursor:pointer; font-size:20px; font-weight:700; line-height:1.4; letter-spacing:-0.05em; color:#ffffff; box-sizing:border-box;}
.board_view.board_view_type02 .cmm-btn-wrapper .cmm_btn > img {}
.board_view.board_view_type02 .cmm-btn-wrapper .cmm_btn.list {border:1px solid #0067db; background:#0067db; color:#ffffff;}
.board_view.board_view_type02 .cmm-btn-wrapper .cmm_btn.list:before {content:""; display:block; position:absolute; top:50%; transform:translateY(-50%); right:25px; width:16px; height:16px; background:url('../img/Contents/btn_cr_arrow.svg')center center no-repeat; background-size:16px 16px;}
.board_view.board_view_type02 .board_control .row {display:flex; height:70px; border-top:1px solid #dddddd; box-sizing:border-box;}
.board_view.board_view_type02 .board_control .row:last-child {border-bottom:1px solid #dddddd;}
.board_view.board_view_type02 .board_control .row .head {background: #F9F9F9;display:flex; align-items:center; justify-content:center; flex:0 0 150px; gap:15px; position:relative; width:150px; height:70px; padding:0 30px; font-size:16px; font-weight:400; line-height:1.4; letter-spacing:-0.02em; color:#707070;z-index: -1;}
.board_view.board_view_type02 .board_control .row.prev {border: none;}
.board_view.board_view_type02 .board_control .row .title {display: flex;align-items: center;white-space: normal;flex: 1; min-width: 0;padding: 0 30px;box-sizing: border-box;font-size: 16px;font-weight: 500;font-family: 'Pretendard', sans-serif, -apple-system, BlinkMacSystemFont;margin: 0;}
.board_view.board_view_type02 .board_control .row .title a {display:inline-block; min-width:0; font-size:18px; font-weight:700; line-height:1.4; letter-spacing:-0.02em; color:#444444; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:middle;}
.board_view.board_view_type02 .board_control .row .title a span {display:inline-block; min-width:0; font-size:16px; font-weight:700; line-height:1.4; letter-spacing:-0.02em; color:#444444; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:middle;}
.board_view.board_view_type02 .board_control .row .title a:hover,
.board_view.board_view_type02 .board_control .row .title a:hover span {text-decoration:underline;}


/* board_pass */
.board-password {position:relative; width:100%; max-width:540px; margin:80px auto; text-align:center;}
.board-password .btxt {font-size:24px; font-weight:700; line-height:1.4; letter-spacing:-0.02em; color:#000000;}
.board-password .inputbox {position:relative; margin-top:30px;}
.board-password .inputbox input {position:relative; width:100%; height:50px; padding:0 15px; border:1px solid #dddddd; vertical-align:middle; font-size:14px; letter-spacing:-0.08em; color:#000000; box-sizing:border-box;}
.board-password .btnbox {display:flex; align-items:center; justify-content:center; gap:5px; position:relative; margin-top:30px;}
.board-password .btnbox button {display:inline-flex; align-items:center; justify-content:center; position:relative; min-width:120px; height:60px; padding:10px 15px; background:#0067db; transition:all 0.3s ease; vertical-align:middle; font-size:16px; font-weight:700; letter-spacing:-0.05em; color:#ffffff; box-sizing:border-box;}
.board-password .btnbox button.sdp-btn {background:#0067db;}
.board-password .btnbox button.sw-btn {background:#222222;}
.board-password .btnbox button span {font-size:16px; font-weight:700; letter-spacing:-0.05em; color:#ffffff;}


/* type01 (list) */
.tbl01.board_type01 {position:relative; table-layout:fixed; width:100%; border-top:2px solid #000000; word-break:break-all; border-collapse:collapse;}
.tbl01.board_type01 thead tr {position:relative; border-bottom:1px solid #dddddd; box-sizing:border-box;}
.tbl01.board_type01 thead tr th {padding:24px 10px 23px; min-height:70px; font-size:16px; font-weight:700; letter-spacing:-0.08em; color:#000000; text-align:center;background: #F9F9F9;}
.tbl01.board_type01 tbody tr {position:relative; border-bottom:1px solid #dddddd; box-sizing:border-box;}
.tbl01.board_type01 tbody tr:hover {background-color:#f8f9fa;}
.tbl01.board_type01 tbody tr td {padding:24px 10px 23px; min-height:70px; font-size:16px; font-weight:400; line-height:1.4; letter-spacing:-0.08em; color:#444444; text-align:center;}
.tbl01.board_type01 tbody tr td.title {text-align:left;font-family: 'Pretendard', sans-serif, -apple-system, BlinkMacSystemFont;white-space: normal;margin-bottom: 0;}
.tbl01.board_type01 tbody tr td.title:before {display:none;}
.tbl01.board_type01 tbody tr td.title a {display:inline-block; min-width:0; max-width:calc(100% - 44px); white-space:nowrap; text-overflow:ellipsis; overflow:hidden; vertical-align:middle;}
.tbl01.board_type01 tbody tr td.title a:hover, .tbl01.board_type01 tbody tr td.title a:focus {text-decoration:underline;}
.tbl01.board_type01 .select_ex, .tbl01.board_type01 .select_all {display:none;}
.tbl01.board_type01 .tbl_noticeIcon {display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; background:url('../img/board/ico_bell.svg')center center no-repeat; background-size:16px 16px; text-align:center; vertical-align:middle;}
.tbl01.board_type01 .tbl_fileIcon {display:inline-flex; align-items:center; justify-content:center; width:20px; height:18px; background:url('../img/board/ico_file.svg')center center no-repeat; background-size:20px 18px; text-align:center; vertical-align:middle;}
.tbl01.board_type01 input.checkedIdx {appearance:none; width:20px; height:20px; cursor:pointer; background:url('../img/board/ico_checkbox.svg')left center no-repeat; vertical-align:middle;background-size: auto 100%}
.tbl01.board_type01 input.checkedIdx:checked {background-position:-21px center;}
.tbl01.board_type01 input.checkedIdx:disabled {background-position:-63px center;}
.tbl01.board_type01 input.checkedIdx:checked:disabled {background-position:right center;}
.tbl01.board_type01 input.checkedIdx:focus {background-position:-42px center;}
.tbl01.board_type01 input.checkedIdx:focus:checked {background-position:-21px center;}

/* type02 (thumbnail) */
.tbl01.board_type02 {position:relative; table-layout:fixed; width:100%; border-top:2px solid #000000; word-break:break-all; border-collapse:collapse;}
.tbl01.board_type02 .tbl-panel {display:flex; align-items:stretch; justify-content:flex-start; flex-wrap:wrap; gap:60px 30px; position:relative; padding:50px 0; border-bottom:1px solid #dddddd; box-sizing:border-box;}
.tbl01.board_type02 .tbl-panel .panel-item {position:relative; width:calc(100% / 4 - 30px);}
.tbl01.board_type02 .tbl-panel .select_ex {display:none;}
.tbl01.board_type02 .tbl-panel .itembox {display:block; position:relative; transition:all 0.3s ease; overflow:hidden;}
.tbl01.board_type02 .tbl-panel .itembox .thumbnail {display:block; position:relative; padding-bottom:100%; margin-bottom:20px; border:1px solid #eee; border-radius:5px; overflow:hidden;}
.tbl01.board_type02 .tbl-panel .itembox .thumbnail > img {display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; object-fit:cover; transition:all 0.2s ease;}
.tbl01.board_type02 .tbl-panel .itembox:hover .thumbnail > img {transform:scale(1.02);}
.tbl01.board_type02 .tbl-panel .itembox .desc {position:relative;}
.tbl01.board_type02 .tbl-panel .itembox .desc .category {display:block; margin-bottom:20px; font-size:18px; font-weight:400; line-height:1.4; letter-spacing:-0.03em; color:#0067db;}
.tbl01.board_type02 .tbl-panel .itembox .desc .title {display:block; display:-webkit-box; min-height:50px;white-space: normal; font-size:18px; font-weight:500; line-height:1.4; letter-spacing:-0.08em; color:#000000; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; word-break:break-all;}
.tbl01.board_type02 .tbl-panel .itembox .desc .title + .text {margin-top:20px;}
.tbl01.board_type02 .tbl-panel .itembox .desc .text {display:block; width:100%; max-width:100%; font-size:18px; font-weight:400; line-height:1.4; letter-spacing:-0.08em; color:#444444; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.tbl01.board_type02 .tbl-panel .itembox .desc .text .image,
.tbl01.board_type02 .tbl-panel .itembox .desc .text > img {display:none;}
.tbl01.board_type02 .tbl-panel .itembox .desc .date {margin-top:15px; font-size:15px; font-weight:400; line-height:1.4; letter-spacing:-0.08em; color:#707070;}
.tbl01.board_type02 .tbl-panel .itembox .desc .date > span {color: #222; font-weight: 600;margin-right: 10px;}
.tbl01.board_type02 .tbl-panel .panel-item.nodata {text-align:center;}

/* type03 (blog) */
.tbl01.board_type03 {position:relative; table-layout:fixed; width:100%; border-top:2px solid #000000; word-break:break-all; border-collapse:collapse;}
.tbl01.board_type03 colgroup, .tbl01.board_type03 thead {display:none;}
.tbl01.board_type03 tbody tr {display:block; position:relative; border-bottom:1px solid #dddddd; min-height:300px; padding:50px 0 50px 375px; cursor:pointer; box-sizing:border-box;}
.tbl01.board_type03 tbody tr td {position:relative;}
.tbl01.board_type03 tbody tr td.select_ex,
.tbl01.board_type03 tbody tr td.num,
.tbl01.board_type03 tbody tr td.file,
.tbl01.board_type03 tbody tr td.visit,
.tbl01.board_type03 tbody tr td.stat,
.tbl01.board_type03 tbody tr td.answr {display:none;}
.tbl01.board_type03 tbody tr td.category {display:block; font-size:18px; font-weight:700; line-height:1.4; letter-spacing:-0.02em; color:#0067db;}
.tbl01.board_type03 tbody tr td.category + .title {margin-top:14px;}
.tbl01.board_type03 tbody tr td.title {display:block; position:relative; width:100%; margin-bottom:38px; font-size:20px; font-weight:400; line-height:1.4; letter-spacing:-0.02em; color:#444444;}
.tbl01.board_type03 tbody tr td.title a {display:inline-block; min-width:0; max-width:calc(100% - 44px); font-size:24px; font-weight:700; line-height:1.4; letter-spacing:-0.02em; color:#000000; transition:all 0.3s ease; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; vertical-align:middle;}
.tbl01.board_type03 tbody tr td.title a + .text {margin-top:20px;}
.tbl01.board_type03 tbody tr td.title img + .text {margin-top:20px;}
.tbl01.board_type03 tbody tr:hover td.title a,
.tbl01.board_type03 tbody tr:focus td.title a {text-decoration:underline;}
.tbl01.board_type03 tbody tr td.title .text {display:inline-block; width:100%; max-width:100%; font-size:20px; font-weight:400; line-height:1.4; letter-spacing:-0.02em; color:#444444; vertical-align:middle; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.tbl01.board_type03 tbody tr td.thumbnail {position:absolute; top:50px; left:0;}
.tbl01.board_type03 tbody tr td.thumbnail .thumb {display:block; position:relative; width:315px; height:200px; border-radius:20px; border:1px solid #dddddd; overflow:hidden;}
.tbl01.board_type03 tbody tr td.thumbnail .thumb img {display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; object-fit:cover; transition:all 0.3s ease;}
.tbl01.board_type03 tbody tr:hover td.thumbnail .thumb img,
.tbl01.board_type03 tbody tr:focus td.thumbnail .thumb img {transform:scale(1.02);}
.tbl01.board_type03 tbody tr td.date {display:inline-block; font-size:17px; font-weight:400; line-height:1.4; letter-spacing:-0.08em; color:#707070; vertical-align:middle;}
.tbl01.board_type03 tbody tr td.writer,
.tbl01.board_type03 tbody tr td.view,
.tbl01.board_type03 tbody tr td.like {display:inline-block; padding-left:22px; font-size:17px; font-weight:400; line-height:1.4; letter-spacing:-0.08em; color:#707070; vertical-align:middle;}
.tbl01.board_type03 tbody tr td .mo-label {display:none;}
.tbl01.board_type03 tbody tr.nodata {padding:50px 0; min-height:auto;}
.tbl01.board_type03 tbody tr.nodata td {display:block; text-align:center;}

/* type04 (list) */
.tbl01.board_type04 {position:relative; table-layout:fixed; width:100%; border-top:1px solid #000000; word-break:break-all; border-collapse:collapse;}
.tbl01.board_type04 thead tr {position:relative; border-bottom:1px solid #dddddd; box-sizing:border-box;}
.tbl01.board_type04 thead tr th {padding:20px 10px 20px; min-height:60px; font-size:15px; font-weight:700; line-height:1.4; letter-spacing:-0.08em; color:#444444; text-align:center;}
.tbl01.board_type04 tbody tr {position:relative; border-bottom:1px solid #dddddd; box-sizing:border-box;}
.tbl01.board_type04 tbody tr:hover {background-color:#f8f9fa;}
.tbl01.board_type04 tbody tr td {padding:20px 10px 20px; min-height:60px; font-size:15px; font-weight:400; line-height:1.4; letter-spacing:-0.08em; color:#000000; text-align:center;}
.tbl01.board_type04 tbody tr td.title {text-align:left;}
.tbl01.board_type04 tbody tr td.title a {display:block; font-weight:700; width:100%; max-width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.tbl01.board_type04 tbody tr td.title a:hover, .tbl01.board_type01 tbody tr td.title a:focus {text-decoration:underline;}
.tbl01.board_type04 .select_ex {display:none;}
.tbl01.board_type04 .tbl_noticeIcon {display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; background:url('../img/board/ico_notice.svg')center center no-repeat; background-size:20px 20px; text-align:center; vertical-align:middle;}
.tbl01.board_type04 .tbl_fileIcon {display:inline-flex; align-items:center; justify-content:center; width:20px; height:18px; background:url('../img/board/ico_file.svg')center center no-repeat; background-size:20px 18px; text-align:center; vertical-align:middle;}

/* type05 (faq) */
.tbl01.board_type05 {position:relative; table-layout:fixed; width:100%; border-top:1px solid #000000; word-break:break-all; border-collapse:collapse;}
.tbl01.board_type05 thead tr {position:relative; border-bottom:1px solid #dddddd; box-sizing:border-box;}
.tbl01.board_type05 thead tr th {padding:20px 10px 20px; min-height:60px; font-size:15px; font-weight:700; line-height:1.4; letter-spacing:-0.08em; color:#444444; text-align:center;}
.tbl01.board_type05 tbody tr {position:relative; border-bottom:1px solid #dddddd; box-sizing:border-box;}
.tbl01.board_type05 tbody tr:hover {background-color:#f8f9fa;}
.tbl01.board_type05 tbody tr td {padding:20px 10px 20px; min-height:60px; font-size:15px; font-weight:400; line-height:1.4; letter-spacing:-0.08em; color:#000000; text-align:center;}
.tbl01.board_type05 tbody tr td.title {text-align:left;}
.tbl01.board_type05 tbody tr td.title a {display:block; font-weight:700; width:100%; max-width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.tbl01.board_type05 tbody tr td.title a:hover, .tbl01.board_type01 tbody tr td.title a:focus {text-decoration:underline;}
.tbl01.board_type05 .select_ex {display:none;}
.tbl01.board_type05 .tbl_noticeIcon {display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; background:url('../img/board/ico_notice.svg')center center no-repeat; background-size:20px 20px; text-align:center; vertical-align:middle;}
.tbl01.board_type05 .tbl_fileIcon {display:inline-flex; align-items:center; justify-content:center; width:20px; height:18px; background:url('../img/board/ico_file.svg')center center no-repeat; background-size:20px 18px; text-align:center; vertical-align:middle;}

/* report_tbl */
.tbl01.report_tbl {position:relative; table-layout:fixed; width:100%; border-top:2px solid #000000; word-break:break-all; border-collapse:collapse;}
.tbl01.report_tbl .report_box {padding: 30px 40px;border-bottom: 1px solid #ddd;}
.tbl01.report_tbl .report_flex {display:flex; justify-content: space-between;align-items: center;gap: 50px;}
.tbl01.report_tbl .report_left {display:flex; align-items: center; gap: 30px;}
.tbl01.report_tbl .report_img {max-width: 140px;width: 100%;}
.tbl01.report_tbl .report_img img {max-width: 140px;}
.tbl01.report_tbl .report_contbox .tit_a {transition: all .3s;}
.tbl01.report_tbl .report_contbox .tit {font-size: 2.2rem;font-weight: 600;margin-bottom: 5rem;line-height: 1.3;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;word-break: break-all;transition: all .3s;}
.tbl01.report_tbl .report_contbox .tit_a:hover .tit, .tbl01.report_tbl .report_contbox .tit_a:focus .tit {text-decoration: underline;}
.tbl01.report_tbl .report_cont div {display: flex;gap: 25px;}
.tbl01.report_tbl .report_cont p {color: #666}
.tbl01.report_tbl .report_cont p > span {color:#222; font-weight: 600;margin-right: 10px;}
.tbl01.report_tbl .report_cont .writer {margin-bottom:10px;}
.tbl01.report_tbl tbody tr.nodata {padding:50px 0; min-height:auto;border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.tbl01.report_tbl tbody tr.nodata td {display:block; text-align:center;padding: 50px 0;}

.report_view_btn {display: flex;gap: 10px;justify-content: center;margin-top: 40px;}
.report_view_btn .btn03 {margin:0;}

/* 공지사항 체크 항목 추가 */
.title_notice {color:var(--point-c);}

/* checkbox & radiobox */
input[type="checkbox"] {appearance:checkbox;}
.chkBox {display:inline-block; position:relative; min-height:20px; padding-left:20px; color:#444444;}
.chkBox > label {font-size:0 !important;}
.chkBox input {display:inline; -webkit-appearance:none; -moz-appearance:none; appearance:none; font-family:inherit; color:inherit; -webkit-border-radius:0; outline-style:none; margin:0; padding:0; border:0; width:1px; height:1px; overflow:hidden; font-size:0 !important; line-height:0;}
.chkBox .box {display:block; position:absolute; top:0; left:0; width:20px; height:20px; cursor:pointer; background:url('../img/board/ico_checkbox.svg')no-repeat left center; background-size: auto 100%;font-size:0;}
.chkBox .labelTxt {display:inline-block; padding:0px 10px 0; cursor:pointer; transition:color 0.2s; font-size:15px; line-height:1.4; letter-spacing:-0.05em; vertical-align:top;}
.chkBox input:checked ~ .box {background-position:-21px center;}
.chkBox input:disabled ~ .box {background-position:-63px center;}
.chkBox input:checked:disabled ~ .box {background-position:right center;}
.chkBox input:focus ~ .box {background-position:-42px center;}
.chkBox input:focus:checked ~ .box {background-position:-21px center;}

input[type="radio"] {appearance:radio;}
.radioBox {display:inline-block; position:relative; min-height:20px; padding-left:20px; color:#444444;}
.radioBox > label {font-size:0 !important;}
.radioBox input {display:inline; -webkit-appearance:none; -moz-appearance:none; appearance:none; font-family:inherit; color:inherit; -webkit-border-radius:0; outline-style:none; margin:0; padding:0; border:0; width:1px; height:1px; overflow:hidden; font-size:0 !important; line-height:0;}
.radioBox .box {display:block; position:absolute; top:0; left:0; width:20px; height:20px; cursor:pointer; background: url('../img/board/ico_radio.svg') no-repeat left center; font-size:0;}
.radioBox .labelTxt {display:inline-block; padding:0px 5px 0; cursor:pointer; transition:color 0.2s; font-size:15px; line-height:1.4; letter-spacing:-0.05em; vertical-align:top;}
.radioBox input:checked ~ .box {background-position:-21px center;}
.radioBox input:disabled ~ .box {background-position:-63px center;}
.radioBox input:checked:disabled ~ .box {background-position:right center;}
.radioBox input:focus ~ .box {background-position:-42px center;}
.radioBox input:focus:checked ~ .box {background-position:-21px center;}

/* board_reply (답변) */
.tbl-form.board_reply {position:relative; table-layout:fixed; width:100%; margin-top:120px; border-top:2px solid #000000; word-break:break-all; border-collapse:collapse;}
.tbl-form.board_reply .tbl-form_th2 {width:160px;}
.tbl-form.board_reply .tbl-form_th2td {width:calc(50% - 160px);}
.tbl-form.board_reply tbody tr {position:relative; border-bottom:1px solid #dddddd; box-sizing:border-box;}
.tbl-form.board_reply tbody tr th {padding:20px 10px 20px; background:#f8f9fa; font-size:18px; font-weight:700; line-height:1.4; letter-spacing:-0.08em; color:#000000; box-sizing:border-box;}
.tbl-form.board_reply tbody tr td {padding:20px 10px 20px; font-size:15px; font-weight:400; line-height:1.4; letter-spacing:-0.08em; color:#707070; box-sizing:border-box;}
.tbl-form.board_reply .board-ctit {font-size:24px; font-weight:700; line-height:1.4; letter-spacing:-0.08em; color:#000000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; text-align:center;}
.tbl-form.board_reply .board-ctxt {line-height:1.4; vertical-align:top;}

/* reply-wrapper, footer (댓글, 대댓글) */
.reply-wrapper {position:relative; margin:70px 0 0; border-top:2px solid #000000;}
.reply-wrapper .empty {background:none; border-bottom:1px solid #dddddd;}
.reply-wrapper .reply-header {padding-bottom:24px; border-bottom:1px solid #000000; margin-bottom:10px;}
.reply-wrapper .reply-header .title {font-size:20px; font-weight:700;}
.reply-wrapper .reply-item {display:flex; flex-wrap:wrap; position:relative; padding:20px; border-bottom:1px solid #eeeeee;}
.reply-wrapper .reply-item .item-content {flex:1; position:relative; padding-right:10px; min-width:0; font-size:15px; line-height:1.4; letter-spacing:-0.05em; color:#000000;}
.reply-wrapper .reply-item .item-meta {display:flex; align-items:center; position:relative; margin-bottom:20px;}
.reply-wrapper .reply-item .item-meta .name {font-size:15px; font-weight:700; line-height:1.4; letter-spacing:-0.05em; color:#000000;}
.reply-wrapper .reply-item .item-meta .cp {font-size:15px; font-weight:400; line-height:1.4; letter-spacing:-0.05em; color:#0067db; padding-left:0.6rem;}
.reply-wrapper .reply-item .item-meta .date {position:relative; padding-left:10px; margin-left:10px; font-size:15px; font-weight:400; line-height:1.4; letter-spacing:-0.05em; color:#707070;}
.reply-wrapper .reply-item .item-meta .date:after {content:""; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:12px; background:#dddddd;}
.reply-wrapper .reply-item .item-control {display:flex; gap:0 4px; position:relative;}
.reply-wrapper .reply-item .item-control > a {display:flex; align-items:center; justify-content:center; position:relative; min-width:60px; height:34px; border:1px solid #dddddd; background:#ffffff; font-size:14px; font-weight:400; letter-spacing:-0.08em; color:#222222; white-space:nowrap;}
.reply-wrapper .reply-item .item-control > a:hover {background:#f8f9fa;}
.reply-wrapper .reply-list .reply-list .reply-item {background:#f8f9fa; padding-left:50px;}
.reply-wrapper .reply-list .reply-list .reply-item .item-meta:before {content:""; display:block; position:absolute; left:-28px; top:3px; width:14px; height:14px; background:url('../img/board/ico_reply.svg')center center no-repeat; background-size:14px 14px;}
.reply-wrapper .reply-list .reply-list .reply-list .reply-item {padding-left:10.4rem;}
.reply-wrapper .reply-list .reply-list .reply-list .reply-list .reply-item {padding-left:14.4rem;}
.reply-wrapper .reply-list .reply-list .reply-list .reply-list .reply-list .reply-item {padding-left:18.4rem;}
.reply-wrapper .reply-list .reply-list .reply-list .reply-list .reply-list .reply-list .reply-item {padding-left:22.4rem;}
.reply-wrapper .reply-list .reply-list .reply-list .reply-list .reply-list .reply-list .reply-list .reply-item {padding-left:26.4rem;}
.reply-wrapper .reply-list .reply-item.on:before {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #0067db; pointer-events:none;}
.reply-wrapper .reply-list .reply-item.on .reply-btn {background:#0067db; border-color:#0067db; color:#ffffff;}
.reply-wrapper .reply-list .reply-item.on ~ .reply-form:before {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #0067db; pointer-events:none;}
.reply-wrapper .reply-list .reply-item.on-modify:before {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #0067db; pointer-events:none;}
.reply-wrapper .reply-list .reply-item.on-modify ~ .reply-form:before {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #0067db; pointer-events:none;}

.reply-form {position:relative; width:100%; padding:30px 20px; background:#f8f9fa; border-bottom:1px solid #eeeeee;; margin-top:-2px;}
.reply-form .form-item + .form-item {margin-top:15px;}
.reply-form .item-content {flex:1;}
.reply-form .form-item {display:flex;}
.reply-form .name input {width:100%; max-width:240px; padding:10px; border:1px solid #dddddd; font-size:15px; box-sizing:border-box;}
.reply-form .content textarea {width:100%; height:80px; padding:10px; border:1px solid #dddddd; font-size:15px; box-sizing:border-box; resize:none;}
.reply-form [class*="form-item"] .item-label {min-width:70px; font-size:15px; font-weight:700; line-height:1.4; letter-spacing:-0.05em;}
.reply-form .btns-wrapper {display:flex; align-items:flex-end; gap:4px; position:relative;}
.reply-form .btns-wrapper.right {justify-content:flex-end;}
.reply-form .btns-wrapper a {display:flex; align-items:center; justify-content:center; position:relative; min-width:60px; height:34px; border:1px solid #dddddd; background:#ffffff; font-size:14px; font-weight:400; letter-spacing:-0.08em; color:#222222; white-space:nowrap;}
.reply-form .btns-wrapper a:hover {background:#f8f9fa;}
.reply-form .btns-wrapper a.cancel-btn {border-color:#222222; background:#222222; color:#ffffff;}

.reply-footer {position:relative; margin:70px 0 0; border-top:2px solid #000000; border-bottom:1px solid #eeeeee;}
.reply-footer .footer-top {display:flex; align-items:center; height:55px; padding:0 20px; border-bottom:1px solid #eeeeee; background:#f8f9fa; font-size:16px; font-weight:700; letter-spacing:-0.05em;}
.reply-footer .reply-form {background:none; border:none;}
.reply-footer + .reply-wrapper {margin:0;}

/* board_btn */
.board-btn {position:relative; margin-top:70px;}
.board-btn-center {display: flex;justify-content: center;}
.board-btn:after {content:""; display:block; clear:both;}
.board-btn .center {text-align:center;}
.board-btn .right {text-align:right;}
.board-btn .btn {display:inline-flex; align-items:center; justify-content:center; position:relative; min-width:150px; height:55px; padding:10px 15px; background:#F36074; transition:all 0.3s ease; vertical-align:middle; font-size:16px; font-weight:600; letter-spacing:-0.05em; color:#ffffff; box-sizing:border-box;border-radius: 5px;}
.board-btn .btn:hover, .board_btn .btn:focus {box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2);}
.board-btn .btn span {font-size:16px; font-weight:600; letter-spacing:-0.05em; color:#ffffff;}
.board-btn .btn.list {background:#4C4C4E;}
.board-btn .btn.point {background:#F36074;}
.board-btn .btn.del {background:#4C4C4E;}
.board-btn .btn.not {background:#F2F2F2;cursor: not-allowed;}
.board-btn .btn.not span {color: #888;}
.board-btn .btn.not:hover, .board-btn .btn.not:focus {box-shadow:none;}

/* pager */
.board-page {position:relative;}
.paging-wrap {display:flex; align-items:center; justify-content:center; gap:5px; position:relative; margin-top:70px;}
.paging-wrap .page {display:flex; align-items:center; justify-content:center; gap:5px; position:relative;}
.paging-wrap .page a {display:flex; align-items:center; justify-content:center; position:relative; width:40px; height:40px; border:1px solid rgba(221, 221, 221, 0); border-radius:150px; background:#ffffff; font-size:15px; font-weight:400; letter-spacing:-0.05em; color:#000000; transition:all 0.3s; box-sizing:border-box;}
.paging-wrap .page a:hover, .paging-wrap .page a:focus {border-color:#F37060; color:#F37060; background: #fff; box-shadow: 0 7px 12px rgb(209 50 0 / 10%);}
.paging-wrap .page a.active {border-color:#F37060; background:#F37060; color:#ffffff; box-shadow:0 7px 12px rgb(209 50 0 / 10%);}
.paging-wrap a {display:flex; align-items:center; justify-content:center; position:relative; width:40px; height:40px; border:1px solid rgb(209 50 0 / 10%); border-radius:150px; background:#ffffff; font-size:15px; font-weight:400; letter-spacing:-0.05em; color:#000000; transition:all 0.3s; box-sizing:border-box;}
.paging-wrap a:hover, .paging-wrap a:focus {border-color:#F37060; color:#F37060; background: #fff; box-shadow: 0 7px 12px rgb(209 50 0 / 10%);} 
.paging-wrap a.first {display:block; text-indent:-9999px; background:url('../img/board/ico_pager_first.svg')center center no-repeat; background-size:14px 14px;}
.paging-wrap a.prev {display:block; text-indent:-9999px; background:url('../img/board/ico_pager_prev.svg')center center no-repeat; background-size:7px 14px;}
.paging-wrap a.next {display:block; text-indent:-9999px; background:url('../img/board/ico_pager_next.svg')center center no-repeat; background-size:7px 14px;}
.paging-wrap a.last {display:block; text-indent:-9999px; background:url('../img/board/ico_pager_last.svg')center center no-repeat; background-size:14px 14px;}

/* board popup - 관리자와 연동되는 팝업 */
#popcontainer .cont-top {display:flex; align-items:center; position:relative; padding:0 20px; background:#f8f9fa;}
#popcontainer .cont-top .cont-tit {font-size:18px; font-weight:700; line-height:1.4; letter-spacing:-0.06em; color:#000000;}
#popcontainer .cont-inner {padding:20px 20px; background:#ffffff; box-sizing:border-box;}
#popcontainer input[type="text"],
#popcontainer input[type="num"],
#popcontainer input[type="tel"],
#popcontainer input[type="password"] {position:relative; height:40px; padding:0 15px; border:1px solid #dddddd; border-radius:10px; vertical-align:middle; font-size:14px; letter-spacing:-0.08em; color:#000000; box-sizing:border-box;}
#popcontainer select {position:relative; max-width:100%; height:40px; padding:0 35px 0 15px; border:1px solid #dddddd; border-radius:10px; background:url('../img/board/ico_select_arrow.svg')right 10px center no-repeat; background-size:15px 8px; background-color:#ffffff; vertical-align:middle; font-size:14px; letter-spacing:-0.08em; color:#000000; box-sizing:border-box;}
#popcontainer .gray-box {position:relative; padding:30px; margin-bottom:30px; border-radius:10px; background:#f8f9fa; box-sizing:border-box;}
#popcontainer .gray-box .info-ex {font-size:16px; font-weight:400; line-height:1.4; letter-spacing:-0.06em; color:#000000;}

/* pdf 다운로드 - 조사항목 */
.agree_box h5 {font-size: 1.8rem; font-weight: 600; margin-bottom: 10px;}
.agree_terms_box {border: 1px solid #ddd; padding: 30px; border-radius: 5px; margin-bottom: 20px;}
.agree_terms_box .item + .item {margin-top: 20px;}
.agree_terms_box h3 {font-size: 15px;margin-bottom: 5px;}
.agree_terms_box p {font-size: 15px; color:#666;line-height: 1.3;}
.agree_radio_box .labelTxt {color:#222;}
.info_select_box {margin-top: 50px;}
.info_select_box p {color: #666; margin-bottom: 10px;}
.tbl-form.info_table tbody tr th {width: 200px;}
.tbl-form.info_table td select {width: 260px;height: 45px;font-size: 15px;}

/* 교육·학술 */
.edu_board .state span {display: inline-block;background:#F2F2F2; color: #888;font-size: 15px; font-weight: 500; text-align: center;border-radius: 5px;padding: 10px 20px; width: 76px; font-family: 'NanumSquareNeo', 'Pretendard', sans-serif, -apple-system, BlinkMacSystemFont;}
.edu_board .state.ing span {background:#7590FE; color: #fff;}
.edu_board .m_date {display: none;margin-top: 5px;color: #666;}
.password_re_txt {font-size: 15px; color: #767676; margin-bottom: 50px;line-height: 1.3;}
.password_re_txt span {font-weight: 500; color: #7590FE;line-height: 1.4;}

.edu_view_box {display: flex;border-bottom: 1px solid #ddd;height: 76px;}
.edu_view_box:last-child {border-bottom: 0;}
.edu_view_box .edu_title_box {display:flex;width: 100%;}
.edu_view_box .edu_title_box.half {width: 50%;}
.edu_view_box .tit {width: 200px; background: #f9f9f9;text-align: center;padding: 15px 30px;align-content: center;}
.edu_view_box .txt {padding: 15px 30px;width: calc(100% - 200px);line-height: 1.2;align-content: center;}
.edu_view_box .txt .state {display: inline-block; background: #F2F2F2;color: #888;font-size: 15px;font-weight: 500;border-radius: 5px;text-align: center;padding: 10px 20px;width: 80px;font-family: 'NanumSquareNeo', 'Pretendard', sans-serif, -apple-system, BlinkMacSystemFont;}
.edu_view_box .txt .state.ing {background:#8DAFFF; color: #fff;}

@media screen and (max-width:1024px){
	
	.mbnone {display:none;}
	.nec-text {font-size:15px; margin-bottom:20px;}
	
	#board_box {margin-top:50px;}
	#board_box .info-box {padding:20px;}
	
	#board_box.board_pop {margin:30px 0;}
	
	.board-search {flex-wrap:wrap;}
	.board-search .total {font-size:16px;}
	.board-search .total .tit {font-size:16px;}
	.board-search .search {width:100%; gap:5px; flex-wrap:wrap;}
	.board-search .search .select_box {width:100%; max-width:100%; height:40px; padding:0 35px 0 15px; font-size:15px;}
	.board-search .search .srcInput {width:100%; max-width:100%;}
	.board-search .search .srcInput input[type=text] {width:calc(100% - 80px); height:40px;}
	.board-search .search .srcInput button {min-width:80px; height:40px;}
	.board-search .search .srcInput button.only {width:100%;}

	.board_write .select2-container {width: 100% !important;}

	/* board_write */
	.tbl-form.board_write colgroup {display:none;}
	.tbl-form.board_write tbody tr {display:block;}
	.tbl-form.board_write tbody tr th {display:block; width:100%; padding:10px 0; border-bottom:1px solid #eeeeee; font-size:15px;}
	.tbl-form.board_write tbody tr td {display:block; width:100%; padding:10px 0;}
	.tbl-form.board_write .inputFile .fileNm {width:calc(100% - 170px); max-width:100%;}
	.tbl-form.board_write .file-label {width:80px; font-size:15px;}
	.tbl-form.board_write .icoBtn.del {width:80px; font-size:15px;}
	.tbl-form.board_write td select.biz {width:100%;}
	.tbl-form.board_write td .inputTelbox {flex-wrap:wrap;}
	.tbl-form.board_write td .inputTelbox input[type="text"] {width:100%; max-width:calc(33.3334% - 12px);}
	.tbl-form.board_write .inputMailbox {justify-content:center;}
	
	.tbl-form.board_write tbody tr td {text-align:center;}
	.tbl-form.board_write td select[name="type1"],
	.tbl-form.board_write td select[name="type2"] {width:100%;}
	.tbl-form.board_write .nec br {display:none;}
	.tbl-form.info_table td select[name="type3"], .tbl-form.info_table td select[name="type4"] {width:100%;}

	.tbl-form.board_write .inputMailbox input[type="text"] {max-width:inherit;width:40%;}
	.tbl-form.board_write td input[type="text"][class="zipcode"] {width:30%;}
	.tbl-form.board_write td input[type="text"][class="addr"] {width:calc(100% - 30% - 4px);}
	.tbl-form.board_write td input[type="text"][name="name"] {width:100%;}
	
	.tbl-form.board_write td input[type="text"], .tbl-form.board_write td input[type="num"], .tbl-form.board_write td input[type="tel"], .tbl-form.board_write td input[type="password"], .tbl-form .form_select_box, .tbl-form.board_write td select {width:100%;}
	
	/* view_type01 (table) */
	.board_view {margin-top:50px;}
	.board_view colgroup {display:none;}
	.board_view tbody tr th {display:block; position:relative; width:100%; padding:10px; border-bottom:1px solid #eeeeee;}
	.board_view tbody tr td {display:block; position:relative; width:100%; padding:10px;}
	.board_view .board-ctit {font-size:16px;}
	
	/* view_type02 (default) */
	.board_view.board_view_type02 .title_box {padding:25px 0;}
	.board_view.board_view_type02 .title_box .category {margin-bottom:10px; font-size:15px;}
	.board_view.board_view_type02 .title_box .title {margin-bottom:14px; font-size:18px;}
	.board_view.board_view_type02 .post-meta {gap:10px 15px;}
	.board_view.board_view_type02 .post-meta .meta-item {gap:6px;}
	.board_view.board_view_type02 .post-meta .meta-item:after {right:-10px; width:3px; height:3px;}
	.board_view.board_view_type02 .post-meta .meta-item .label {font-size:14px;}
	.board_view.board_view_type02 .post-meta .meta-item .content {font-size:14px;}
	.board_view.board_view_type02 .attachment {gap:20px; padding:14px 20px; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd;}
	.board_view.board_view_type02 .attachment .list-title {font-size:15px; font-weight:700;}
	.board_view.board_view_type02 .attachment .list-box {width:calc(100% - 80px);}
	.board_view.board_view_type02 .attachment .list-box .file_list {flex-wrap:wrap;}
	.board_view.board_view_type02 .attachment .list-box .file_list .file_item {padding:8px 35px; font-size:14px;}
	.board_view.board_view_type02 .attachment .list-box .file_list .file_item:after {right:15px;}
	.board_view.board_view_type02 .board_content {padding:20px 0;}
	.board_view.board_view_type02 .board_content .content_box {min-height:24vh;}
	.board_view.board_view_type02 .like-btn-wrapper {margin-top:30px;}
	.board_view.board_view_type02 .like-btn-wrapper .like_btn {min-width:100px; height:40px; padding:0 20px; font-size:14px;}
	.board_view.board_view_type02 .like-btn-wrapper .like_btn span {font-size:14px;}
	.board_view.board_view_type02 .like-btn-wrapper .like_btn span.txt {margin-right:10px;}
	.board_view.board_view_type02 .cmm-btn-wrapper {margin-top:50px;}
	.board_view.board_view_type02 .cmm-btn-wrapper .cmm_btn {justify-content:center; min-width:100px; height:50px; font-size:16px;}
	.board_view.board_view_type02 .cmm-btn-wrapper .cmm_btn.list:before {display:none;}
	.board_view.board_view_type02 .board_control .row {height:50px;}
	.board_view.board_view_type02 .board_control .row .head {flex:0 0 100px; width:100px; padding:0 10px; height:50px; font-size:14px;}
	.board_view.board_view_type02 .board_control .row.prev .head:before {left:5px;}
	.board_view.board_view_type02 .board_control .row.next .head:before {left:5px;}
	.board_view.board_view_type02 .board_control .row .title {padding:0 10px;}
	.board_view.board_view_type02 .board_control .row .title a {font-size:14px;}

	
	/* board_pass */
	.board-password .btxt {font-size:20px;}
	.board-password .btnbox button {height:50px;}
	
	/* type01 (list) */
	.tbl01.board_type01 thead tr th {padding:16px 10px 15px; font-size:15px;}
	.tbl01.board_type01 tbody tr td {padding:16px 10px 15px; min-height:50px; font-size:14px;}
	.tbl01.board_type01 colgroup col.title {width: 80% !important;}
	.tbl01.board_type01 colgroup col.date {width: 20% !important;}
	
	/* type02 (thumbnail) */
	.tbl01.board_type02 .tbl-panel {padding:30px 0; gap:40px 24px;}
	.tbl01.board_type02 .tbl-panel .panel-item {width:calc(100% / 3 - 16px);}
	.tbl01.board_type02 .tbl-panel .itembox .thumbnail {margin-bottom:20px;}
	.tbl01.board_type02 .tbl-panel .itembox .desc .category {margin-bottom:10px; font-size:15px;}
	.tbl01.board_type02 .tbl-panel .itembox .desc .title {font-size:16px; min-height: 42px;}
	.tbl01.board_type02 .tbl-panel .itembox .desc .text {font-size:14px;}
	.tbl01.board_type02 .tbl-panel .itembox .desc .date {margin-top:10px; font-size:14px;}
	
	/* type03 (blog) */
	.tbl01.board_type03 tbody tr {min-height:200px; padding:25px 0 25px 220px;}
	.tbl01.board_type03 tbody tr td.category {font-size:14px;}
	.tbl01.board_type03 tbody tr td.category + .title {margin-top:10px;}
	.tbl01.board_type03 tbody tr td.title {font-size:16px;}
	.tbl01.board_type03 tbody tr td.title a {font-size:16px;}
	.tbl01.board_type03 tbody tr td.title .text {font-size:14px;}
	.tbl01.board_type03 tbody tr td.thumbnail {top:25px;}
	.tbl01.board_type03 tbody tr td.thumbnail .thumb {width:200px; height:126px;}
	.tbl01.board_type03 tbody tr td.date {font-size:14px;}
	.tbl01.board_type03 tbody tr td.writer {font-size:14px;}
	.tbl01.board_type03 tbody tr td.view {font-size:14px;}

	
	/* board_reply */
	.tbl-form.board_reply {margin-top:50px;}
	.tbl-form.board_reply colgroup {display:none;}
	.tbl-form.board_reply tbody tr {display:block;}
	.tbl-form.board_reply tbody tr th {display:block; width:100%; padding:10px; font-size:16px;}
	.tbl-form.board_reply tbody tr td {display:block; width:100%; padding:10px;}
	.tbl-form.board_reply .board-ctit {font-size:16px;}


	/* reply-wrapper */
	.reply-wrapper .reply-item {flex-direction:column; gap:20px; padding:18px;}
	.reply-wrapper .reply-item .item-content {width:100%; flex:auto; padding-right:0;}
	.reply-wrapper .reply-item .item-meta {margin-bottom:10px;}
	.reply-wrapper .reply-list .reply-list .reply-item {padding-left:40px;}
	.reply-wrapper .reply-list .reply-list .reply-list .reply-item {padding-left:7.4rem;}
	.reply-wrapper .reply-list .reply-list .reply-list .reply-list .reply-item {padding-left:10rem;}
	.reply-wrapper .reply-list .reply-list .reply-list .reply-list .reply-list .reply-item {padding-left:14rem;}
	.reply-wrapper .reply-list .reply-list .reply-list .reply-list .reply-list .reply-list .reply-item {padding-left:18rem;}
	.reply-wrapper .reply-list .reply-list .reply-list .reply-list .reply-list .reply-list .reply-list .reply-item {padding-left:22rem;}
	.reply-footer {margin:50px 0 0;}
	.reply-footer .footer-top {padding:0 12px; font-size:15px;}
	.reply-footer .reply-form {padding:15px 12px;}


	/* board_btn */
	.board-btn {margin-top:30px;}
	.board-btn .btn {min-width:100px; height:50px; font-size:15px;}
	.board-btn .btn span {font-size:15px;}
	
	
	/* pager */
	.paging-wrap {margin-top:50px;}
	.paging-wrap a {width:32px; height:32px;}
	.paging-wrap .page a {width:32px; height:32px;}
	
	/* 교육·학술 */
	.edu_board .m_date {display: block;}
	.tbl01.edu_board colgroup col.state {width: 20% !important;}
	.edu_view_box {height: auto;border-bottom:0;flex-direction: column;}
	.edu_view_box .edu_title_box.half {width: 100%;}
	.edu_view_box .tit {padding: 25px 30px;}
	.edu_view_box .edu_title_box {border-bottom: 1px solid #ddd;}
	.edu_view_box:last-child .edu_title_box:last-child {border-bottom: 0;}
}

@media screen and (max-width:768px){
	
	.board_tab_list .tab_item {width:calc(100% / 4 - 3px);}
	
	.radioBox .labelTxt {font-size:14px;}
	
	.tbl01.board_type02 .tbl-panel {gap:40px 20px;}
	.tbl01.board_type02 .tbl-panel .panel-item {width:calc(100% / 2 - 10px);}
	
	.tbl-form.board_write .inputAddrbox {display:block;}
	.tbl-form.board_write td input[type="text"][class="zipcode"] {width:40%;}
	.tbl-form.board_write td input[type="text"][class="addr"] {width:59.4%;}
	.tbl-form.board_write .btn.check {display:flex;width:100%;margin-top:5px;}
	
	.board_view .board_recruit {overflow-x:scroll;}
	
	
	.tbl01.report_tbl .report_flex {align-items: flex-start;gap: 30px;flex-direction: column;} 
	.report_btn {display:flex;gap: 10px;width: 100%;}
	.report_btn a {width: 100%;}
	.tbl01.report_tbl .report_contbox .tit {font-size:1.8rem;}
	
	.edu_board .state span {width: 56px;padding: 10px 5px;}
	.edu_view_box .tit {padding: 25px 20px; width: 95px;}
	.edu_view_box .txt {width: calc(100% - 95px);}
	
}

@media screen and (max-width:640px){
	
	.tbl01.board_type03 tbody tr {padding:52.5% 0 20px;}
	.tbl01.board_type03 tbody tr td.thumbnail {top:20px; width:100%;}
	.tbl01.board_type03 tbody tr td.thumbnail .thumb {width:100%; height:0; padding-bottom:calc(50% - 22px);}
	
	.paging-wrap .page {flex-wrap:wrap;}
	
}
@media screen and (max-width:599px){
	.tbl-form.board_write td input[type="text"][class="zipcode"] {width:100%;}
	.tbl-form.board_write td input[type="text"][class="addr"] {width:100%;margin-top:5px;}
	
	.tbl01.report_tbl .report_cont div {gap: 10px;flex-direction: column;}
}



@media screen and (max-width:480px){
	
	.board_tab_list .tab_item {width:calc(100% / 2 - 3px);}
	
	.tbl-form.board_write .inputFile {display:flex; flex-wrap:wrap; gap:4px;}
	.tbl-form.board_write .inputFile .fileNm {width:100%;}
	.tbl-form.board_write .file-label {width:calc(100% / 2 - 2px);}
	.tbl-form.board_write .icoBtn.del {width:calc(100% / 2 - 2px);}
	
	.tbl01.board_type02 .tbl-panel .panel-item {width:100%;}
	.tbl01.board_type02 .tbl-panel .itembox .desc .title {min-height:auto;}
	
	.tbl01.board_type03 tbody tr td.title {margin-bottom:20px;}
	
	.board_view.board_view_type02 .attachment  {display:block;gap:0;}
	.board_view.board_view_type02 .attachment .list-title {margin-bottom:5px;}
	.board_view.board_view_type02 .attachment .list-box {width:100%;}
	
	.tbl01.report_tbl .report_left { flex-direction: column;align-items: flex-start;}
	.report_view_btn {flex-direction: column; padding: 0 20px;}	
	.report_view_btn a {width: 100%;}
	
	.tbl01.edu_board colgroup col.title {width: 70% !important;}
	.tbl01.edu_board colgroup col.state {width: 30% !important;}
	
	.tbl01.report_tbl .report_contbox .tit {margin-bottom: 3rem;}
	
	.edu_view_box .edu_title_box {flex-direction: column;}
	.edu_view_box .tit {padding: 15px 20px; border-bottom: 1px solid #ddd;width: 100%;}
	.edu_view_box .txt {padding: 15px 20px;width: 100%; text-align: center;}
}

@media screen and (max-width:360px){
	    .report_btn {gap: 0;flex-direction: column;}
	
}