@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 */
#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 {order:2;position:relative; margin-left:auto;}
.board-search .total,
.board-search .total * {font-size:var(--font-ms);line-height:140%;}
.board-search .total .tit {margin-right:10px;}
.board-search .total .count {font-weight:600;}
.board-search .search {order:1;display:flex; align-items:center; justify-content:flex-end; gap:5px;}
.board-search .search .select_box {position:relative; max-width:150px; height:4rem; padding:0 3.5rem 0 1.5rem; background:url('../img/Default/select_drop.svg') right 10px center no-repeat;font-size:var(--font-ms);}
.board-search .search .srcInput {display:flex;align-items:center;gap:2rem;position:relative; width:100%; max-width:400px;height:4rem;padding:0 1.5rem;border:1px solid var(--border-gray);border-radius:5px;}
.board-search .search .srcInput input[type=text] {flex:1;min-width:0;font-size:var(--font-ms);border:none;padding:0;background:none;}
.board-search .search .srcInput input[type=text]::placeholder {color:var(--black);}
.board-search .search .srcInput button {flex:none;margin-left:auto;display:block;width:2rem;height:2rem;background:url(../img/board/board-search_srcbtn.svg) no-repeat center center;}

.board-search .search .srcInput:has(input[type=text]:focus) {outline:auto;outline-offset: -1px;}
.board-search .search .srcInput input[type=text]:focus {outline:none;}

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


/* board_write */
.tbl-form.board_write .nec {width:auto;height:auto;/* display:inline-block; */ position:relative; padding-right:10px; line-height:1.4;background:none;border-radius:0;}
.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:160px; padding:20px 10px 20px; background:#f8f9fa; font-size:16px; font-weight:700; 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 10px 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/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;}

.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:4rem; padding:0 1rem; border:1px solid #0067db; background:#0067db; vertical-align:middle;font-weight:700; line-height:4rem; color:#ffffff; text-align:center;}
.tbl-form.board_write .file-label .a11y {width:auto;height:auto;overflow:visible;position:static;text-indent:0;font-size:initial !important;line-height:normal !important; color:#fff;}
.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:4rem; padding:0 10px; border:1px solid #707070; background:#ffffff; vertical-align:middle; font-weight:700; line-height:4rem; color:#707070; text-align:center;border-radius:5px;}
.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;}


.board_write-box {background:var(--bg-lgray);border-radius:10px;padding:5rem;container:board_write-box / inline-size;}
.board_write-box .tbl-form {table-layout:fixed;background:none;border:none;}
.board_write-box .tbl-form:before {display:none;}
.board_write-box .tbl-form th,
.board_write-box .tbl-form td {border:none;background:none;line-height:160%;}
.board_write-box .tbl-form th {width:12rem;text-align:left;vertical-align:top;padding-top:0.7em;padding-bottom:1rem;}
.board_write-box .tbl-form th,
.board_write-box .tbl-form th * {color:#555;font-size:1.4rem;}
.board_write-box .tbl-form td {padding-bottom:2rem;}
.board_write-box .tbl-form .nec {width:auto;height:auto;border-radius:0;background:none;}
.board_write-box .tbl-form .nec:after {content:"";display:inline-block;width:5px;height:5px;background:var(--gradient);border-radius:50%;vertical-align:top;margin-left:0.5rem;}
.board_write-box .inputFile {display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap;max-width:100%;min-width:0;container:inputFile / inline-size;}
.board_write-box .inputFile input[type="file"] {width:1px;height:1px;overflow:hidden;position:absolute;top:-9999em;left:-9999em;display:block;text-indent:-9999em;font-size:0px;line-height:0;opacity:0;}
.board_write-box .inputFile .fileNm {flex:1;min-width:0;background:#fff !important;}
.board_write-box .inputFile .btn {height:4rem;background:#000;padding:0 2rem;}
.board_write-box .inputFile .btn span {color:#fff;font-size:1.5rem;}
.board_write-box .input-file + .input-file {margin-top:1rem;}
.board_write-box .resp-width-control {display:flex;align-items:center;max-width:40rem;}
.board_write-box .resp-width-control #width-slider {flex:1;max-width:100%;}

.board_write-box .inputFile .file-label:before {content:"파일 선택";color:#fff;}
.board_write-box .inputFile .del {background:#000 !important;display:block;border-radius:5px;width:auto !important;height:4rem;padding:0 2rem;}
.board_write-box .inputFile .del:before {content:"삭제";color:#fff;}

.board-view-fileLst .icoBtn{display:inline-block;width:32px;height:32px;background-repeat:no-repeat;background-position:center center;border-radius:5px;}
.board-view-fileLst .icoBtn.add{background-color:#222;background-image:url(/share/boss/img/Default/icoBtn_add.svg);background-size:1.4rem 1.4rem;}
.board-view-fileLst .icoBtn.del{background-color:#222;background-image:url(/share/boss/img/Default/del-ico.svg);background-size:1.4rem 1.4rem;}

.board-view-fileLst + .board-view-fileLst {margin-top:1rem;}

	@container board_write-box (width < 800px) {
		.board_write-box .tbl-form colgroup {display:none;}
		.board_write-box .tbl-form,
		.board_write-box .tbl-form tbody,
		.board_write-box .tbl-form tr,
		.board_write-box .tbl-form th,
		.board_write-box .tbl-form td {display:block;width:100%;}
	}
	
	@container inputFile (width < 400px) {
		.board_write-box .inputFile .fileNm {flex:none;width:100%;}
		.board_write-box .inputFile .btn {flex:1;}
		.board_write-box .inputFile .del {flex:1;width:100% !important}
		.board_write-box .inputFile .file-label {top:2rem !important;right:1rem !important;}
	}
	
	@media screen and (max-width:800px) {
		.board_write-box {padding:3rem;}
	}
	
	@media screen and (max-width:400px) {
		.board_write-box {padding:2rem;}
	}
	
	
/* 리캡쳐(확인용) */


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


/* board_pass */
.board-password {position:relative; width:100%; max-width:540px; margin:80px auto; text-align:center;}
.board-password .btxt {font-size:var(--font-m); font-weight:700; line-height:140%;}
.board-password .inputbox {position:relative; margin-top:2rem;}
.board-password .inputbox input {position:relative; width:100%; height:6rem; padding:0 2rem;}
.board-password .inputbox .info-ex {margin-top:1rem;}
.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:5rem; padding:10px 15px; background:#fff;border:1px solid var(--border-gray); transition:all 0.3s ease; vertical-align:middle;border-radius:5px;}
.board-password .btnbox button span { font-size:var(--font-ms); font-weight:700;}
.board-password .btnbox button.sdp-btn {background:var(--black);}
.board-password .btnbox button.sdp-btn span {color:#ffffff;}
.board-password .btnbox button.sw-btn {}


/* 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: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;}
.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 .tbl-panel .select_ex {display:none;}
.board_type02 {container: board_type02 / inline-size}
.board_type02 .itembox .desc .category {padding:0;}
.board_type02 .itembox .desc .text {padding-top:1rem;}

	@container board_type02 (max-width:900px) {
		.board_type02 > ul {gap:2rem 2rem;}
		.board_type02 .panel-item {width:calc(50% - 1rem);}
	}
	
	@container board_type02 (max-width:500px) {
		.board_type02 .panel-item {width:100%;}
	}
	

/* type03 (blog) */
.board_type03 .select_ex,
.board_type03 .num,
.board_type03 .file,
.board_type03 .visit,
.board_type03 .stat {display:none;}
.board_type03 .answr {font-size:1.4rem;}


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


/* type07 (list-ul) */
.board_type07 .reple-icon {top:0;}
.board_type07 .category {font-size:1.4rem;display: inline-block;min-width: 60px;height: 26px;display:inline-flex;align-items:center;justify-content:center;background-color: #EFF5FF;border-radius: 5px;color: #416FE9;font-weight: 500;text-align: center;padding:0 5px;margin-right: 1rem;line-height:100%;}
.board_type07 .bottom .answr {padding:0.6rem 1rem;}


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


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

.view-answer {background:var(--bg-lgray);border-radius:10px;padding:3rem;}
.view-answer.no-bg {background:none;padding:0;}
.view-answer .title span {background:var(--gradient);-webkit-background-clip: text;color: transparent;line-height:160%;font-weight:600;}
.view-answer .stxt {margin-bottom:2rem;display:flex;flex-wrap:wrap;gap:1rem 2rem;}
.view-answer .stxt li,
.view-answer .stxt li * {color:var(--font-bgray);font-size:var(--font-s);line-height:160%;} 
.view-answer textarea {width:100%;height:20rem;margin-top:1rem;}
.view-answer + .view-answer  {margin-top:2rem;}
.view-answer.no-bg + .view-answer  {margin-top:4rem;}

	@media screen and (max-width:600px) {
		.view-answer {padding:2rem;}
		.view-answer .stxt {margin-bottom:1rem;}
	}

/* 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 {display:flex;flex-wrap:wrap;align-items:center;gap:2rem;margin-top:4rem;}
.board-btn .fl,
.board-btn .fr {float:none;display:flex;flex-wrap:wrap;gap:1rem;}
.board-btn .fr {margin-left:auto;}
.board-btn .btn {height:5rem;min-width:8rem;box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.15);}
.view-answer + .board-btn {border-top:1px solid var(--border-gray);padding-top:3rem;margin-top:4rem;}


/* pager */
.board-page {position:relative;}
.paging-wrap {display:flex; align-items:center; justify-content:center; gap:2rem 3rem;flex-wrap:wrap; position:relative; margin-top:70px;}
.paging-wrap .page {display:flex; align-items:center; justify-content:center; 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:var(--font-s);font-weight:600; transition:all 0.3s; box-sizing:border-box;}
.paging-wrap .page a:hover, .paging-wrap .page a:focus {transform:translateY(2px); border-color:#0067db; color:#0067db; box-shadow:0 7px 12px rgba(0, 103, 209, 0.10);}
.paging-wrap .page a.active {background:var(--gradient); color:#ffffff;}
.paging-wrap a {display:flex; align-items:center; justify-content:center; position:relative; border:1px solid rgba(221, 221, 221, 0); border-radius:150px; background:#ffffff; font-size:var(--font-ms); transition:all 0.3s; box-sizing:border-box;}
.paging-wrap a.first {display:block;white-space:nowrap;}
.paging-wrap a.prev {display:block;white-space:nowrap;}
.paging-wrap a.next {display:block;white-space:nowrap;}
.paging-wrap a.last {display:block;white-space:nowrap;}
.paging-wrap .atv-btns {display:flex; align-items:center;gap:1rem;}


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


@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%;}
	.board-search .search .srcInput {width:100%; max-width:100%;}
	.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;}
	.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.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%;}
	
	
	
	/* 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 {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 {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;}
	

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


	/* 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:80px; height:44px; font-size:15px;}
	.board-btn .btn span {font-size:15px;}
	
	
	/* pager */
	.paging-wrap {margin-top:50px;}
	.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){
	
	.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%;}
	
	
	
}

@media screen and (max-width:360px){
	
	
}

.board_bjob-notice .bt-item:not(.visited) .tit {display:none;}