@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 {position:relative; margin-top:120px;}
#board_box .inner {padding: 0;}

#board_box .info-box {display:none; 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:1rem; position:relative; margin-bottom:3rem;}
.board-search .total {position:relative; margin-right:auto; line-height:1.4;}
.board-search .total .count{color:var(--color-mint); font-weight: 700;}
.board-search .search {display:flex; align-items:center; justify-content:flex-end; gap:0.5rem;}
.board-search .search .select_box {position: relative; max-width: 20rem; height: 4.8rem; padding: 0 3.5rem 0 2rem; border: 1px solid #ddd; background:#fff url(../img/default/icon_selectbox_drop_arrow.svg) right 1.5rem center no-repeat;  border-radius: 0.5rem;}
.board-search .search .srcInput {display:flex; align-items:center; position:relative; width:100%;}
.board-search .search .srcInput input[type=text] {position: relative; width: calc(100% - 4.8rem); height: 4.8rem; padding: 0 2rem; border: 1px solid #ddd; border-radius: 0.5rem 0 0 0.5rem;}
.board-search .search .srcInput button {display: flex; align-items: center; justify-content: center; position: relative; min-width: 4.8rem; height: 4.8rem; background: var(--color-mint) url(../img/default/icon_search.svg) no-repeat center center; border-radius:0 0.5rem 0.5rem 0;}


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


/* board_write */
.tbl-form.board_write .nec { position:relative; padding-right:1rem; line-height:1.4;}
.tbl-form.board_write .nec:before {content: ""; display: block; width: 0.5rem; height: 0.5rem; border-radius: 50%;  position: absolute;  top: -2px;  right: 0; line-height: 1.4; background: var(--color-blue);}
.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: 20rem; padding: 1rem 1.5rem; background: #fff; font-weight: 700; line-height: 1.4; letter-spacing: -0.06em; text-align: left;}
.tbl-form.board_write tbody tr td {width:calc(100% - 2rem); padding:1rem 1.5rem; font-weight:400; line-height:1.4; letter-spacing:-0.06em;}
.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.board_write td input[type="number"] {    position: relative; height: 4.8rem; padding: 0 1.5rem;  border: 1px solid #ddd; border-radius: 0.5rem; letter-spacing: -0.06em;}
.tbl-form.board_write td select {position: relative; height: 4.8rem; padding: 0 3.5rem 0 2rem; border: 1px solid #ddd; background: #fff url(../img/default/icon_selectbox_drop_arrow.svg) right 1.5rem center no-repeat; border-radius: 0.5rem;}
.tbl-form.board_write .textarea {width: 100%; resize: none; border-radius: 0.5rem; padding:1.5rem; border: 1px solid #ddd; min-height: 30rem;}

.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:0.5rem;}
.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{ display: flex;  align-items: center; gap: 0.5rem; margin:0.5rem 0;}
.tbl-form.board_write .inputFile .fileNm {display: inline-flex; width: calc(100% - 26rem); max-width: 40rem; height:4.4rem; background: #fafafa; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.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; font-size:1.5rem; width: 8rem; max-width: 100%; height: 4.4rem; padding: 0 1.5rem; border: 1px solid #000; background: #000; color: #ffffff; text-align: center; border-radius: 0.5rem;}
.tbl-form.board_write .file-label .a11y {width:auto;height:auto;overflow:visible;position:static;text-indent:0;font-size: 1.5rem!important;line-height:normal !important;}
.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:8rem; max-width:100%; height:4.4rem; padding:0 1rem; border:1px solid #888; background:#ffffff;font-weight:700; color:#888; text-align:center; border-radius:0.5rem;}
.tbl-form.board_write .icoBtn.del:before {content:"삭제"; font-size:1.5rem; font-weight:700; color:#888;}
.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 .file_list li{display: flex; align-items: center; flex-wrap: wrap; gap: 1rem;}
.tbl-form.board_write .file_list li + li{margin-top:0.5rem;}

/* 리캡쳐(확인용) */
.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:aboslute; 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: 2rem; width: 100%; font-size: 2.2rem; font-weight: 700; line-height: 1.5;}
.board_view.board_view_type02 .post-meta {display:flex; justify-content:center; gap:1rem 3rem; flex-wrap:wrap;}
.board_view.board_view_type02 .post-meta .meta-item {display:flex; align-items:center; gap:1rem; position:relative;}
.board_view.board_view_type02 .post-meta .meta-item .label { line-height:1.4; color:#888;}
.board_view.board_view_type02 .post-meta .meta-item .content {line-height:1.4; color:#000;}
.board_view.board_view_type02 .post-meta .meta-item:after{content: ""; display: block; width: 1px; height: 1.2rem; background: #ddd; position: absolute; top: 50%;  right: -1.5rem; margin-top: -7px;}
.board_view.board_view_type02 .post-meta .meta-item:last-child:after {display:none;}
.board_view.board_view_type02 .attachment {display: flex; align-items: center; gap: 4rem; position: relative; padding: 2rem; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.board_view.board_view_type02 .attachment .list-title {font-weight: 400; line-height: 1.4;}
.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:0.5rem; flex-wrap: wrap; position:relative;}
.board_view.board_view_type02 .attachment .list-box .file_list .file_item {display: flex; align-items: center; gap: 1rem; position: relative; padding: 1rem 4.5rem; background: #fafafa; transition: all 0.3s ease; font-size: 1.5rem; font-weight: 400; line-height: 1.4; color: #555;}
.board_view.board_view_type02 .attachment .list-box .file_list .file_item:before {content:""; display:block; position:absolute; top:50%; transform:translateY(-50%); left:1.5rem; width:2rem; height:2rem; background:url('../img/board/icon_file.svg') no-repeat center center;}
.board_view.board_view_type02 .attachment .list-box .file_list .file_item:after {content:""; display:block; position:absolute; top:50%; transform:translateY(-50%); right:2rem; width:1.4rem; height:1.4rem; background:url('../img/board/ico_file_down.svg') no-repeat center center;}
.board_view.board_view_type02 .attachment .list-box .file_list .file_item:hover {color:#000; 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: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:2.5rem 1rem; min-height:7rem; font-size:1.8rem; font-weight:700; letter-spacing:-0.08em; 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: 2.5rem 1rem; min-height: 7rem; font-weight: 400; line-height: 1.4; letter-spacing: -0.08em; 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% - 1rem); 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/icon_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;}
.tbl01.board_type01 tbody tr td.file .wcon_file{display:none;}
.tbl01.board_type01 tbody tr td.title .txtlabel{background: var(--color-mint); color: #fff; padding: 0.5rem 0.7rem; border-radius: 0.5rem; display: inline-block; margin-right: 0.5rem; font-size: 1.4rem;}

/* type02 (thumbnail) */
.tbl01.board_type02 .tbl-panel .select_ex {display:none;}
/* .board_type02 {container: board_type02 / inline-size} */
.board_type02 {border:0; padding:0;}
.board_type02 > ul{max-width:100%; gap:5rem;}
.board_type02 .panel-item {width: calc(100% / 4 - 3.75rem);}
.board_type02 .itembox .thumbnail{border-radius:1rem;}
.board_type02 .itembox .desc .date-wrap{justify-content: space-between; gap: 1rem;}
.board_type02 .itembox .desc .title{font-size:2rem; margin-bottom: 1.5rem;}
.board_type02 .itembox .desc .date { font-size: 1.6rem; color: #888;}
.board_type02 .itembox .desc .view {font-weight: 400; line-height: 1.4; white-space: nowrap; font-size: 1.6rem; color: #888;}

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

/* checkbox & radiobox */
input[type="checkbox"] {appearance:checkbox;}
.chkBox {display:inline-block; position:relative; min-height:20px; padding-left:20px; }
.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:1.9rem; height:1.9rem; cursor:pointer; background:url('../img/board/icon_checkbox.svg')no-repeat left center; font-size:0;}
.chkBox .labelTxt {display:inline-block; padding:0px 0.5rem 0; cursor:pointer; transition:color 0.2s; font-size:1.5rem; line-height:1.2; letter-spacing:-0.05em; vertical-align:top;}
.chkBox input:checked ~ .box {background-position:-1.9rem center;}
.chkBox input:disabled ~ .box {background-position:-5.7rem center;}
.chkBox input:checked:disabled ~ .box {background-position:right center;}
.chkBox input:focus ~ .box {background-position:-3.8rem center;}
.chkBox input:focus:checked ~ .box {background-position:-1.9rem center;}

input[type="radio"] {appearance:radio;}
.radioBox {display:inline-block; position:relative; min-height:20px; padding-left:20px;}
.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:1.9rem; height:1.9rem; cursor:pointer; background: url('../img/board/icon_radio.svg') no-repeat left center; font-size:0;}
.radioBox .labelTxt {display:inline-block; padding:0px 0.5rem 0; cursor:pointer; transition:color 0.2s; font-size:1.5rem; line-height:1.2; letter-spacing:-0.05em; vertical-align:top;}
.radioBox input:checked ~ .box {background-position:-1.9rem center;}
.radioBox input:disabled ~ .box {background-position:-5.7rem center;}
.radioBox input:checked:disabled ~ .box {background-position:right center;}
.radioBox input:focus ~ .box {background-position:-3.8rem center;}
.radioBox input:focus:checked ~ .box {background-position:-1.9rem 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:2rem;}
.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:60px; padding:10px 15px; background:#0067db; transition:all 0.3s ease; vertical-align:middle; font-size:20px; font-weight:700; letter-spacing:-0.05em; color:#ffffff; box-sizing:border-box;}
.board-btn .btn:hover, .board_btn .btn:focus {background:#003399;}
.board-btn .btn span {font-size:20px; font-weight:700; letter-spacing:-0.05em; color:#ffffff;}
.board-btn .btn.list {background:#0067db;}
.board-btn .btn.point {background:#003399;}
.board-btn .btn.del,
.board-btn .btn.black {background:#222222;border-radius: 1rem; padding: 1rem 2.5rem; min-height: 5rem;min-width: auto;}
.board-btn .btn.black span{font-size: 16px; letter-spacing: -0.02em;}
.board-btn .btn.blue {background:var(--color-blue);border-radius: 1rem; padding: 1rem 2.5rem; min-height: 5rem;min-width: auto;}
.board-btn .btn.blue span{font-size: 16px; letter-spacing: -0.02em;}
.board-btn .btn.blueL {background:#888;border-radius: 1rem; padding: 1rem 2.5rem; min-height: 5rem;min-width: auto; background: #fff; border: 1px solid var(--color-blue);}
.board-btn .btn.blueL span{font-size: 16px; letter-spacing: -0.02em; color:var(--color-blue);}
.board-btn .btn.grayL {border:1px solid #ddd;background:#fff;}
.board-btn .btn.grayL span {color:#222;}
.board-btn .btn.del:hover, .board_btn .btn.del:focus {background:#000000;}


/* pager */
.board-page {position:relative;}
.paging-wrap {display:flex; align-items:center; justify-content:center; gap:0.5rem; position:relative; margin-top:4rem;}
.paging-wrap .page {display:flex; align-items:center; justify-content:center; gap:0.5rem; position:relative;}
.paging-wrap .page a {display:flex; align-items:center; justify-content:center; position:relative; width:3.6rem; height:3.6rem; border:1px solid rgba(221, 221, 221, 0); border-radius:150px; background:#ffffff; font-size:1.5rem; font-weight:400; transition:all 0.3s; }
.paging-wrap .page a:hover, .paging-wrap .page a:focus {transform:translateY(2px); border-color:var(--color-mint); color:var(--color-mint); box-shadow:0 7px 12px rgba(0, 103, 209, 0.10);}
.paging-wrap .page a.active {border-color:var(--color-mint); background:var(--color-mint); 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: 3.6rem; height: 3.6rem; border: 1px solid rgba(221, 221, 221, 0); border-radius: 50%; background: #ffffff; font-size: 1.5rem; font-weight: 400; transition: all 0.3s;}
.paging-wrap a:hover, .paging-wrap a:focus {transform:translateY(2px); border-color:var(--color-mint); box-shadow:0 7px 12px rgba(0, 103, 209, 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;}



/* 커뮤니티 FAQ */
.faq_list_wrap {position:relative; width:100%; border-top:2px solid #000000; box-sizing:border-box;}
.faq_list_wrap .faq_list_item {position:relative; border-bottom:1px solid #dddddd; box-sizing:border-box;}
.faq_list_wrap .faq_list_item .faq_head_box {display:flex; align-items:stretch; position:relative; padding:2.5rem 4.8rem 2.5rem 0;}
.faq_list_wrap .faq_list_item .faq_head_box .category {display:block; width:100px; padding:0 10px; font-size:15px; font-weight:500; line-height:1.4; color:#444444; text-align:center; box-sizing:border-box;}
.faq_list_wrap .faq_list_item .faq_head_box .faq_title {display:block; position:relative; width:calc(100% - 1rem); padding-left:2.5rem;}
.faq_list_wrap .faq_list_item .faq_head_box .faq_title .title {font-size:1.8rem; font-weight:700; line-height:1.4; word-break:break-all;}
.faq_list_wrap .faq_list_item .faq_head_box .ico.fold {display:block; position:absolute; top:50%; right:2rem; transform:translateY(-50%); width:1.8rem; height:1.8rem; background:url('../img/board/ico_fold_arrow_b.svg') no-repeat center center / 1.8rem; transition:transform .3s ease;}
.faq_list_wrap .faq_list_item .faq_head_box.empty {align-items:center; justify-content:center; padding:20px 20px; box-sizing:border-box;}
.faq_list_wrap .faq_list_item .faq_head_box.empty .faq_title {width:100%; padding:0; font-weight:500; line-height:1.4; letter-spacing:-0.08em; color:#888888; text-align:center;}
.faq_list_wrap .faq_list_item .faq_cont_box {display:none; position:relative; padding:2rem; border-top:1px dashed #eeeeee; background:#fafafa;}
.faq_list_wrap .faq_list_item .faq_cont_box .cont,
.faq_list_wrap .faq_list_item .faq_cont_box .cont * {font-size:14px; font-weight:400; line-height:1.6; letter-spacing:-0.08em; color:#222222; word-break:break-all;}
.faq_list_wrap .faq_list_item.active .faq_head_box .ico.fold {transform:translateY(-50%) rotate(180deg);}

/* board 게시판 관리자단 숨김처리 */
.wcon_use{display:none;}

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

	.board_type02 .panel-item{width: calc(100% / 3 - 3.35rem);}
	.tbl-form.board_write td select{height:4.2rem;}
	.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.board_write td input[type="number"]{height:4.2rem;}
}

@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: 4.2rem; font-size: 1.5rem;}
	.board-search .search .srcInput {width:100%; max-width:100%;}
	.board-search .search .srcInput input[type=text] {height: 4.2rem; font-size:1.5rem;}
	.board-search .search .srcInput button {height: 4.2rem;}
	.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 td .inputemailbox input[type="text"] {width:100%; max-width:calc(50% - 12px); margin-bottom:0.5rem;}
	.tbl-form.board_write td .inputemailbox select{width:100%;}
	
	.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 {font-size:1.9rem;}
	.board_view.board_view_type02 .post-meta {gap:1rem 1.5rem;}
	.board_view.board_view_type02 .post-meta .meta-item {gap:6px;}
	.board_view.board_view_type02 .post-meta .meta-item:after {right: -0.8rem;}
	.board_view.board_view_type02 .post-meta .meta-item .label {font-size:1.4rem;}
	.board_view.board_view_type02 .post-meta .meta-item .content {font-size:1.4rem;}
	.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;}
	

	
	
	
	/* board_pass */
	.board-password .btxt {font-size:20px;}
	.board-password .btnbox button {height:50px;}
	
	/* type01 (list) */
	.tbl01.board_type01 thead tr th { padding: 1.8rem 1rem; min-height: 5rem; font-size:1.6rem;}
	.tbl01.board_type01 tbody tr td { padding: 1.8rem 1rem; min-height: 5rem; font-size:1.5rem;}
	
	/* 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;}
	.board_type02 .panel-item{ width: calc(100% / 2 - 2.5rem);}
	.board_type02 .itembox .desc .title{font-size:1.8rem;}
	
	/* 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:10remx;}
	.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 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;}

	/*faq*/
	.faq_list_wrap .faq_list_item .faq_head_box .category {display:none;}
	.faq_list_wrap .faq_list_item .faq_head_box .faq_title {width:100%; padding-left:10px;}
	
}

@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;}
	.board_type02 .panel-item{ width: 100%;}
	
	.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%;}

	/* faq*/
	.faq_list_wrap .faq_list_item .faq_head_box {padding:15px 48px 15px 0;}
	.faq_list_wrap .faq_list_item .faq_head_box .faq_title .title {font-size:13px;}
	.faq_list_wrap .faq_list_item .faq_head_box .ico.fold {right:8px;}
	.faq_list_wrap .faq_list_item .faq_head_box.empty {padding:15px 10px;}
	.faq_list_wrap .faq_list_item .faq_cont_box {padding:15px 10px;}
	.faq_list_wrap .faq_list_item .faq_cont_box .cont,
	.faq_list_wrap .faq_list_item .faq_cont_box .cont * {font-size:13px;}
	
	
	
}

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