@charset "utf-8";

/* board */
#board_box {position:relative; margin-top:20px;}
#board_box .inner {display:block; max-width:1320px;}


/* board-tab */
.board_tab_list {display:flex; align-items:center;  flex-wrap:wrap; gap:4px; position:relative; margin-bottom:32px;}
.board_tab_list .tab_item {width:calc(100% / 6 - 4px);}


.board_tab_list .tab_item .tab_link {display:flex; align-items:center; justify-content:center; position:relative; width:100%; height:70px; padding:20px 0px; border:1px solid #dddddd; font-size:1.9rem; font-weight:500; 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:#ff6400; background:#ff6400; 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:18px; font-weight:400; line-height:1.4; letter-spacing:-0.05em; color:#000000;}
.board-search .total .tit {margin-right:10px; font-size:18px; font-weight:400; line-height:1.4; letter-spacing:-0.05em; color:#707070;}
.board-search .search {display:flex; align-items:center; justify-content:flex-end; gap:5px;}
.board-search .search .select_box {position:relative; max-width:150px; height:55px; padding:0 35px 0 20px; border:1px solid #dddddd; background:url('../img/common/ico_select_arrow.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;}
.board-search .search .srcInput {display:flex; align-items:center; position:relative; width:100%; max-width:400px;}
.board-search .search .srcInput input[type=text] {position:relative; width:calc(100% - 100px); height:55px; padding:0 20px; border:1px solid #dddddd; vertical-align:middle; font-size:16px; letter-spacing:-0.05em; color:#000000; box-sizing:border-box;}
.board-search .search .srcInput button {display:flex; align-items:center; justify-content:center; position:relative; min-width:100px; height:55px; padding:0 10px; background:#362965; vertical-align:middle; font-size:16px; letter-spacing:-0.05em; color:#ffffff; box-sizing:border-box;}
.board-search .search .srcInput button:after {content:"검색"; font-size:16px; letter-spacing:-0.05em; color:#ffffff;}


/* board_type */
.tbl-form {position:relative; width:100%;}


/* board_write */
.tbl-form.board_write .nec {/* display:inline-block; */ position:relative; padding-right:10px; line-height:1.4;}
.tbl-form.board_write .nec:before {content:"*"; display:block; position:absolute; top:-2px; right:0; font-size:15px; font-weight:700; line-height:1.4; letter-spacing:-0.08em; color:#ff4600;}
.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:250px; padding:20px 10px 20px; background:#f8f9fa; font-size:16px; font-weight:700; line-height:1.4;  color:#444444; box-sizing:border-box;}
.tbl-form.board_write tbody tr td {width:calc(100% - 250px); padding:20px 20px 20px; font-size:16px; font-weight:400; line-height:1.4; color:#707070; box-sizing:border-box;}
.tbl-form.board_write td input[type="text"] {position:relative; height:40px; padding:0 15px; border:1px solid #dddddd; vertical-align:middle;  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/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;}
.tbl-form.board_write td textarea{position:relative; padding:10px; border:1px solid #dddddd; vertical-align:middle;  color:#000000; box-sizing:border-box; }
.tbl-form.board_write td input[type="text"]:focus {border:1px solid #ff6400;  transition:all 0.6s ease; }
.tbl-form.board_write td textarea:focus{border:1px solid #ff6400;  transition:all 0.6s ease; }

.tbl-form.board_write .inputFile input[type="file"] {  position: absolute;   width: 0;   height: 0;   padding: 0;   overflow: hidden;    border: none;}
.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 .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 #0067db; background:#0067db; 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 .board-view-fileLst + .board-view-fileLst {    margin-top: 10px;}

/* 리캡쳐(확인용) */
.wrap_captcha {position:relative; padding-top:20px;  text-align: center;}


/* board_view */

.board_view {position:relative; table-layout:fixed; width:100%; border-top:2px solid #000000; word-break:break-all; border-collapse:collapse;}


/* 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:50px 0; text-align:center;}
.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:24px; font-weight:700; line-height:1.6; letter-spacing:-0.02em; color:#000000;}
.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, .board_view.board_view_type02 .post-meta .meta-item.date .label {display:none;}
.board_view.board_view_type02 .post-meta .meta-item .label {font-size:17px; font-weight:400; line-height:1.4; letter-spacing:-0.02em; color:#707070;}
.board_view.board_view_type02 .post-meta .meta-item .content {font-size:17px; font-weight:700; line-height:1.4; letter-spacing:-0.02em; color:#444444;}
.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; background:#f8f9fa; box-sizing:border-box;}
.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 45px 10px 40px; border-radius:10px; 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:16px; height:14px; background:url('../img/board/ico_file.svg')center center no-repeat; background-size:16px 14px;}
.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:#0067db; color:#0067db; 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;}
.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 {margin-top:70px;}
.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 {display:flex; align-items:center; justify-content:center; flex:0 0 160px; gap:15px; position:relative; width:160px; height:70px; padding:0 40px 0 60px; font-size:16px; font-weight:400; line-height:1.4; letter-spacing:-0.02em; color:#707070;}
.board_view.board_view_type02 .board_control .row.prev .head:before {content:""; display:block; position:absolute; top:50%; transform:translateY(-50%); left:40px; width:15px; height:9px; background:url('../img/common/ico_row_arrow_up.svg')center center no-repeat; background-size:15px 9px;}
.board_view.board_view_type02 .board_control .row.next .head:before {content:""; display:block; position:absolute; top:50%; transform:translateY(-50%); left:40px; width:15px; height:9px; background:url('../img/common/ico_row_arrow_down.svg')center center no-repeat; background-size:15px 9px;}
.board_view.board_view_type02 .board_control .row .title {display:flex; align-items:center; flex:1; min-width:0; padding:0 10px; box-sizing:border-box;}
.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;}



/* 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:26px 10px 25px; min-height:70px; font-size:18px; font-weight:700; letter-spacing:-0.08em; color:#000000; text-align:center;}
.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:26px 10px 25px; min-height:70px; font-size:1.8rem; font-weight:400; line-height:1.4; letter-spacing:-0.06em;  text-align:center;}
.tbl01.board_type01 tbody tr td.title {text-align:left;}
.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_notice.svg')center center no-repeat; background-size:20px 20px; 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;}
.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:70px 40px; 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% / 3 - 26.6666px);}
.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:70%; margin-bottom:30px; border:1px solid #eeeeee; border-radius:20px; 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;  font-size:2.3rem; font-weight:700; line-height:1.4; letter-spacing:-0.08em; color:#000000; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; word-break:break-all;height:60px}
.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:20px; font-size:16px; font-weight:400; line-height:1.4; letter-spacing:-0.08em; color:#707070;}
.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;}

/* 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/ico_checkbox.svg')no-repeat left center; font-size:0;}
.chkBox .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;}
.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;margin-bottom:10px;}
.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/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_btn */
.board-btn {position:relative; margin-top:40px;}
.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:120px; height:50px; padding:10px 15px; background:#362965; transition:all 0.3s ease; vertical-align:middle; font-size:16px; font-weight:600; letter-spacing:-0.05em; color:#ffffff; box-sizing:border-box;}
.board-btn .btn:hover, .board-btn .btn.list:hover, .board-btn .btn:focus {background:#003399;}
.board-btn .btn span {font-size:18px; font-weight:600; letter-spacing:-0.05em; color:#ffffff;}
.board-btn .btn.list {background:#333333;}
.board-btn .btn.point {background:#ff6400;}
.board-btn .btn.point:hover {box-shadow:0 7px 12px rgba(255, 100, 0, 0.5);  }
.board-btn .btn.del {background:#222222;}
.board-btn .btn.del:hover, .board-btn .btn.del:focus {background:#000000;}
.board-btn .btn.big {min-width:200px; height:70px; padding:10px 15px;}


/* 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 {transform:translateY(2px); border-color:#362965; color:#362965; box-shadow:0 7px 12px rgba(0, 103, 209, 0.10);}
.paging-wrap .page a.active {border-color:#362965; background:#362965; color:#ffffff; box-shadow:0 7px 12px rgba(0, 103, 209, 0.10);}
.paging-wrap 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 a:hover, .paging-wrap a:focus {transform:translateY(2px); border-color:#362965; box-shadow:0 7px 12px rgba(0, 103, 209, 0.10);} 
.paging-wrap a.first {display:block; text-indent:-9999px; background:url('../img/ico_pager-first.svg')center center no-repeat; background-size:14px 14px;}
.paging-wrap a.prev {display:block; text-indent:-9999px; background:url('../img/ico_pager-prev.svg')center center no-repeat; background-size:7px 14px;}
.paging-wrap a.next {display:block; text-indent:-9999px; background:url('../img/ico_pager-next.svg')center center no-repeat; background-size:7px 14px;}
.paging-wrap a.last {display:block; text-indent:-9999px; background:url('../img/ico_pager-last.svg')center center no-repeat; background-size:14px 14px;}




@media screen and (max-width:1024px){
	
	
	#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 */
	.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; text-align: center;}
	.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 td select[name="type1"],
	.tbl-form.board_write td select[name="type2"] {width:100%;}
	.tbl-form.board_write .nec br {display:none;}

	.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%;}
	
	/* board list(default) */
	.tbl01.board_type01 colgroup {display:none;}
	.tbl01.board_type01 thead {display:none;}
	.tbl01.board_type01 tbody, .tbl01.board_type01 tbody tr {display:block; width:100%;}
	.tbl01.board_type01 tbody tr td {display:block; width:100%; padding:15px; text-align:left;}
	.tbl01.board_type01 tbody tr td.title {position:relative; padding:0;}
	.tbl01.board_type01 tbody tr td.title a {display:inline-block; max-width:100%; font-size:1.6rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:20px;}
	.tbl01.board_type01 tbody tr td.date {position:absolute; right:15px; top:50%; transform:translateY(-50%); width:auto; font-size:14px; color:#666;}
	.tbl01.board_type01 .mbnone {display:none !important;}
	.tbl01.board_type01 tbody tr {border-bottom:1px solid #dddddd;}
	.tbl01.board_type01 tbody tr:hover {background-color:transparent;}
	.tbl01.board_type01 tbody tr td.date {position:relative; right:auto; top:auto; transform:none; width:auto; padding-left:15px;}


	/* 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;}
	.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 {marign-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 {margin-top:50px;}
	.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 0 20px; 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 0 0;}
	.board_view.board_view_type02 .board_control .row .title a {font-size:14px;}
	

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


	

	/* board_btn */
	.board-btn {margin-top:30px;}
	.board-btn .btn { height:44px; 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;}

}

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

@media screen and (max-width:640px){
	.board_tab_list .tab_item .tab_link {height:60px; padding:15px 0px;  font-size:1.8rem;;}

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



@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%;}
	
	
	
}


.hashtagdiv{text-align: center;}
.hashtagdiv p{font-size: 2.5rem; font-weight:800; font-family: 'nanumsquare neo' ; color:#362965}

.hashtag{margin-top:20px;}
.hashtag > a {display: inline-block; padding: 10px 19px; background: #fff; border: 1px solid #ddd; border-radius: 50px; margin: 0 2px 5px 0; font-size: 16px; transition: all ease .2s;color:#000;}
.hashtag > a:hover{background:#ff6400; color:#fff; border-color:#ff6400;}

.alertMessage{color:#ff0064;padding-top:5px;padding-left:5px;}

.ask-agree { border: 1px solid #dedee1; font-size: 14px; line-height: 1.4; padding: 10px; box-sizing: border-box; height: 120px; overflow-y: auto; text-align: left;}