@charset "utf-8";


/* 게시판 목록 */
#bo_list { position:relative; }

#bo_list .list-head { display:flex; flex-wrap:wrap; align-items:center; gap:15px; margin-bottom:30px; }
#bo_list .list-head .category-box { display:flex; flex-wrap:wrap; gap:6px; }
#bo_list .list-head .category-box a { display:block; padding:8px 15px; border:1px solid var(--color-tone-300); color:var(--color-tone-700); }
#bo_list .list-head .category-box .active a,
#bo_list .list-head .category-box a:hover { border-color:var(--color-orange); background:var(--color-orange); color:#fff; }
#bo_list .search-box { display:flex; align-items:stretch; margin-left:auto; }
#bo_list .search-box .form-tag { width:260px; height:48px; padding:0 15px; border:1px solid var(--color-tone-300); background:#fff; color:var(--color-tone-700); }
#bo_list .search-box button { width:48px; height:48px; border:1px solid var(--color-tone-900); background:var(--color-tone-900); color:#fff; }
#bo_list .search-box button:hover { background:var(--color-orange); border-color:var(--color-orange); }
#bo_list .list-total { width:100%; color:var(--color-tone-600); font-size:.938rem; }
#bo_list .list-total b { color:var(--color-orange); }


#bo_list .list-box { overflow:hidden; border-top:2px solid var(--color-tone-900); border-radius:2px; box-shadow:0 10px 28px rgba(24,31,39,.05); }
#bo_list .list-box li { position:relative; display:flex; justify-content:space-between; border-bottom:1px solid var(--color-tone-200); background:#fff; }
#bo_list .list-box li.head { background:#f5f6f7; color:var(--color-tone-700); font-size:.875rem; font-weight:700; }
#bo_list .list-box li.empty_table { justify-content:center; align-items:center; min-height:260px; height:30vh; }
#bo_list .list-box li:before { content:""; position:absolute; left:0; right:0; bottom:-1px; width:0; height:1px; background:#666; transition-duration:400ms; }
#bo_list .list-box li:not(.head):hover { background:#fffbf7; }
#bo_list .list-box li:not(.head):hover:before { width:100%; }

#bo_list .list-box li div { padding:20px 5px; transition-duration:400ms; }
#bo_list .list-box li.head div { padding-top:25px; padding-bottom:25px; }
#bo_list .list-box li div:not(.li_subject) { text-align:center; white-space:nowrap; overflow:hidden; }

#bo_list .list-box li.head a { position:relative; }
#bo_list .list-box li.head a i { position:absolute; top:calc(50% - 5px); left:calc(100% + 5px); height:10px; font-size:.625rem; color:#ccc; }
#bo_list .list-box li.head a[href*="asc"] i { transform:rotate(-180deg); }

#bo_list .list-box .li_ck { width:40px; display:flex; justify-content:center; align-items:center; }
#bo_list .list-box .li_ck input { margin:0; }
#bo_list .list-box .li_num { width:100px; padding-top:0; padding-bottom:0; display:flex; justify-content:center; align-items:center; }
#bo_list .list-box .li_ca { width:200px; }
#bo_list .list-box .li_subject { flex:1; padding-left:30px; padding-right:30px; }
#bo_list .list-box li:not(.head) .li_subject { font-weight:700; color:var(--color-tone-900); }
#bo_list .list-box .li_subject a { display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
#bo_list .list-box .li_subject .li-icon { display:inline-block; vertical-align:middle; margin-top:-3px; }
#bo_list .list-box .li_name { width:150px; }
#bo_list .list-box .li_date,
#bo_list .list-box .li_etc { width:200px; }

#bo_list .list-box .state { display:inline-flex; align-items:center; justify-content:center; min-width:70px; min-height:30px; box-sizing:border-box; padding:0 10px; border:1px solid #dce1e5; border-radius:99px; background:#f7f8f9; color:#68727c; font-size:.813rem; }
#bo_list .list-box .state.progress { border-color:#f2ca9f; background:#fff7eb; color:#b06619; font-weight:700; }
#bo_list .list-box .state.complete { border-color:#b9ddc7; background:#f1faf4; color:#267744; font-weight:700; }
#bo_list .list-box .inquiry-status-select { min-width:112px; height:34px; padding:0 28px 0 11px; border:1px solid #dce1e5; border-radius:4px; background-color:#fff; color:#68727c; font:inherit; font-size:.813rem; cursor:pointer; }
#bo_list .list-box .inquiry-status-select.is-progress { border-color:#f2ca9f; background-color:#fff7eb; color:#b06619; font-weight:700; }
#bo_list .list-box .inquiry-status-select.is-complete { border-color:#b9ddc7; background-color:#f1faf4; color:#267744; font-weight:700; }
#bo_list .list-box .inquiry-status-select:disabled { cursor:wait; opacity:.65; }
#bo_list .list-box .inquiry-status-message { display:block; min-height:16px; margin-top:4px; color:#74808b; font-size:.688rem; line-height:1.2; }
#bo_list .list-box .inquiry-status-message.is-success { color:#267744; }
#bo_list .list-box .inquiry-status-message.is-error { color:#c22d2d; }

#bo_list .list-btn-box { display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px; margin-top:30px; padding-top:30px; border-top:1px solid var(--color-tone-300); }
#bo_list .list-btn-box .adm-btn,
#bo_list .list-btn-box .user-btn { display:flex; flex-wrap:wrap; gap:8px; }
#bo_list .list-btn-box .user-btn { margin-left:auto; }
#bo_list .list-btn-box .btn { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 20px; border:1px solid var(--color-tone-700); background:#fff; color:var(--color-tone-700); font-size:1rem; line-height:1; }
#bo_list .list-btn-box .btn:hover { border-color:var(--color-orange); background:var(--color-orange); color:#fff; }
#bo_list .list-btn-box .btn_write { border-color:var(--color-tone-900); background:var(--color-tone-900); color:#fff; }

#bo_list .list-page { display:flex; justify-content:center; margin-top:34px; }
#bo_list .list-page ul { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:6px; margin:0; padding:0; }
#bo_list .list-page li { list-style:none; }
#bo_list .list-page .pg_page,
#bo_list .list-page .pg_current,
#bo_list .list-page .pg-start > a,
#bo_list .list-page .pg-start > span,
#bo_list .list-page .pg-prev > a,
#bo_list .list-page .pg-prev > span,
#bo_list .list-page .pg-next > a,
#bo_list .list-page .pg-next > span,
#bo_list .list-page .pg-end > a,
#bo_list .list-page .pg-end > span { display:flex; align-items:center; justify-content:center; box-sizing:border-box; width:42px; min-width:42px; height:42px; padding:0; border:1px solid var(--color-tone-300); border-radius:0; background:#fff; color:var(--color-tone-700); font-size:.938rem; line-height:1; text-decoration:none; }
#bo_list .list-page a:hover { border-color:var(--color-tone-900); background:var(--color-tone-900); color:#fff; }
#bo_list .list-page .pg_current { border-color:var(--color-orange); background:var(--color-orange); color:#fff; font-weight:700; }
#bo_list .list-page .pg-start > span,
#bo_list .list-page .pg-prev > span,
#bo_list .list-page .pg-next > span,
#bo_list .list-page .pg-end > span { border-color:var(--color-tone-200); background:var(--color-tone-100); color:var(--color-tone-400); }

@media (max-width: 767px) {
    #bo_list .list-head { gap:10px; margin-bottom:20px; }
    #bo_list .search-box { order:2; width:100%; margin-left:0; }
    #bo_list .search-box .form-tag { width:calc(100% - 48px); }
    #bo_list .list-total { order:3; }
    #bo_list .list-box li.empty_table { min-height:180px; height:180px; }
    #bo_list .list-btn-box { margin-top:20px; padding-top:20px; }
    #bo_list .list-btn-box .adm-btn,
    #bo_list .list-btn-box .user-btn { width:100%; }
    #bo_list .list-btn-box .btn { flex:1; min-width:0; padding:0 10px; }
    #bo_list .list-page { margin-top:25px; }
    #bo_list .list-page ul { gap:4px; }
    #bo_list .list-page .pg_page,
    #bo_list .list-page .pg_current,
    #bo_list .list-page .pg-start > a,
    #bo_list .list-page .pg-start > span,
    #bo_list .list-page .pg-prev > a,
    #bo_list .list-page .pg-prev > span,
    #bo_list .list-page .pg-next > a,
    #bo_list .list-page .pg-next > span,
    #bo_list .list-page .pg-end > a,
    #bo_list .list-page .pg-end > span { width:38px; min-width:38px; height:38px; }
}



@media (max-width: 1400px) {
    #bo_list .list-box .li_ca { width:160px; }
    #bo_list .list-box .li_name { width:120px; }
	#bo_list .list-box .li_name { width:150px; }
    #bo_list .list-box .li_date,
    #bo_list .list-box .li_etc { width:180px; }
}


@media (max-width: 1024px) {
    #bo_list .list-box li.head { display:none; }
	#bo_list .list-box li { flex-wrap:wrap; justify-content:flex-start; align-items:center; padding:15px 5px; }

	#bo_list .list-box li div:not(.li_subject) { text-align:left; }

	#bo_list .list-box li div { padding:0; }


	#bo_list .list-box .li_ck { width:auto; justify-content:flex-start; margin-right:10px; }
	#bo_list .list-box .li_num { width:auto; text-align:left; margin-right:5px; }
	#bo_list .list-box .li_ca { width:auto; border-radius:99px; border:1px solid #666; padding:3px 10px !important; font-size:.875rem; margin-left:5px; }
	#bo_list .list-box .li_subject { flex:none; width:100%; padding:7px 0 3px; font-size:1.125rem; font-weight:600; }


	#bo_list .list-box .li_name,
	#bo_list .list-box .li_tel,
    #bo_list .list-box .li_email,
	#bo_list .list-box .li_date,
	#bo_list .list-box .li_etc { width:auto; margin-right:20px; }
	#bo_list .list-box .inquiry-status-message { display:inline; margin:0 0 0 6px; }

}

@media (max-width: 767px) {
    #bo_list .list-box .li_name,
	#bo_list .list-box .li_tel,
    #bo_list .list-box .li_email,
	#bo_list .list-box .li_date,
	#bo_list .list-box .li_etc { margin-right:15px; }
	#bo_list .list-box .inquiry-status-select { min-width:106px; }
}


/* 게시판 쓰기 */
#bo_w { border-top:1px solid #666; }
#bo_w .write-box { border-bottom:1px solid #ddd; margin-bottom:30px; }
#bo_w .write-box > ul { display:flex; flex-wrap:wrap; justify-content:space-between; padding:15px 0; }
#bo_w .write-box > ul > li { padding:15px 0; width:calc(50% - 20px); }
#bo_w .write-box > ul > li.noflex { display:block; }
#bo_w .write-box > ul > li.full { width:100%; padding-left:0; padding-right:0; }

#bo_w .write-box .form-tag { position:relative; box-sizing:border-box; min-height:60px; background-color:#f8f8f8 !important; background-position:calc(100% - 20px) center !important; padding:17px 20px; border:1px solid transparent; border-radius:10px; width:100% !important; color:var(--color-tone-800); }
#bo_w .write-box .form-tag:focus { border-color:var(--color-orange); background-color:#fff !important; }
#bo_w .write-box label.form-tag { display: block; /* 필수: inline 요소를 block으로 변경 */
  width: 100%;    /* 폭 100% 적용 */
  box-sizing: border-box; /* 패딩/테두리를 포함한 폭 계산 */}
#bo_w .write-box > ul > li > span { position:relative; display:block; margin-bottom:5px; padding:5px 0; color:#000; height:30px; }
#bo_w .write-box > ul > li > span:nth-of-type(2) { margin-top:20px; }
#bo_w .write-box > ul > li > span.required:after { content:"*"; color:#f50000; display:inline-block; margin-left:5px; }

#bo_w .write-box label ~ label { margin-left:10px; }

#bo_w .write-box .w_file { position:relative; }
#bo_w .write-box .w_file ~ .w_file { margin-top:5px; }
#bo_w .write-box .w_file input[type="file"] { display:none; }
#bo_w .write-box textarea { min-height:220px; resize:none; height:calc(100% - 35px); }

#bo_w .write-box > ul > li .btn { position:absolute; padding:0px 20px; border:1px solid #666; top:50%; transform:translateY(-50%); right:20px; margin:0; border-radius:99px; font-size:.875rem; cursor:pointer; }
#bo_w .write-box > ul > li .btn:hover { background:#333; color:#fff; }

#bo_w .write-box i { font-size:1.25rem; }
#bo_w .write-box #cb-agreement { border:1px solid #ddd; margin-top:-3px; }

#bo_w .captcha-box #captcha_info { display:block; margin-top:5px; }

#bo_w .write-btn-box { display:flex; justify-content:flex-end; margin-top:40px; padding-top:30px; border-top:1px solid var(--color-tone-300); }
#bo_w .write-btn-box .user-btn { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
#bo_w .write-btn-box .btn { display:inline-flex; align-items:center; justify-content:center; min-width:140px; min-height:52px; padding:0 24px; border:1px solid var(--color-tone-700); background:#fff; color:var(--color-tone-700); font-size:1rem; line-height:1; cursor:pointer; }
#bo_w .write-btn-box .btn:hover { border-color:var(--color-orange); background:var(--color-orange); color:#fff; }
#bo_w .write-btn-box .btn_write { border-color:var(--color-tone-900); background:var(--color-tone-900); color:#fff; }
#bo_w .ajax-write-status { margin:15px 0 0; text-align:right; font-size:.95rem; }
#bo_w .ajax-write-status.is-saving { color:var(--color-tone-700); }
#bo_w .ajax-write-status.is-success { color:#16733b; }
#bo_w .ajax-write-status.is-error { color:#c22d2d; }

/* 온라인문의 입력 레이아웃 */
#bo_w { border-top:2px solid var(--color-tone-900); }
#bo_w .write-box { margin-bottom:0; padding:30px; border:1px solid var(--color-tone-200); border-top:0; background:#fff; box-shadow:0 10px 28px rgba(24,31,39,.05); }
#bo_w .write-box > ul { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:22px 28px; padding:0; }
#bo_w .write-box > ul > li,
#bo_w .write-box > ul > li.full { width:auto; padding:0; }
#bo_w .write-box > ul > li.full { grid-column:1 / -1; }
#bo_w .write-box > ul > li > span { height:auto; margin:0 0 8px; padding:0; color:var(--color-tone-800); font-size:.938rem; font-weight:700; }
#bo_w .write-box .form-tag { min-height:58px; padding:16px 18px; border:1px solid #edf0f2; border-radius:5px; background-color:#fafbfc !important; transition:border-color .2s ease, background-color .2s ease, box-shadow .2s ease; }
#bo_w .write-box .form-tag:focus { border-color:var(--color-orange); background-color:#fff !important; box-shadow:0 0 0 3px rgba(246,139,31,.12); outline:0; }
#bo_w .write-box .field-content textarea { min-height:210px; line-height:1.7; }
#bo_w .write-box .field-file .w_file { min-height:58px; }
#bo_w .write-box .agreement-control { display:flex; align-items:center; justify-content:space-between; gap:12px; }
#bo_w .write-box .agreement-control label { display:flex; align-items:center; min-width:0; color:var(--color-tone-700); font-size:.875rem; cursor:pointer; }
#bo_w .write-box #cb-agreement { margin:0 7px 0 0; }
#bo_w .write-box .privacy-detail-button { flex:0 0 auto; min-height:34px; padding:0 12px; border:1px solid var(--color-tone-500); border-radius:3px; background:#fff; color:var(--color-tone-700); font-size:.813rem; cursor:pointer; }
#bo_w .write-box .privacy-detail-button:hover,
#bo_w .write-box .privacy-detail-button:focus { border-color:var(--color-orange); color:#a84f18; }

.privacy-detail-modal[hidden] { display:none; }
.privacy-detail-modal { position:fixed; z-index:10000; inset:0; display:flex; align-items:center; justify-content:center; padding:20px; box-sizing:border-box; background:rgba(18,24,31,.6); }
.privacy-detail-dialog { display:flex; flex-direction:column; width:min(680px, 100%); max-height:calc(100vh - 40px); border-radius:8px; background:#fff; box-shadow:0 20px 60px rgba(0,0,0,.25); }
.privacy-detail-head { padding:22px 26px 16px; border-bottom:1px solid var(--color-tone-200); }
.privacy-detail-head h3 { margin:0; color:var(--color-tone-900); font-size:1.25rem; }
.privacy-detail-content { overflow-y:auto; padding:24px 26px; color:var(--color-tone-700); font-size:.938rem; line-height:1.75; }
.privacy-detail-content h4 { margin:0 0 12px; color:var(--color-tone-900); font-size:1.063rem; }
.privacy-detail-content h5 { margin:22px 0 5px; color:#9b6a4e; font-size:.938rem; }
.privacy-detail-content p { margin:0; }
.privacy-detail-actions { display:flex; justify-content:flex-end; padding:14px 26px 20px; border-top:1px solid var(--color-tone-200); }
.privacy-detail-actions .btn { min-width:96px; min-height:42px; border:0; border-radius:3px; background:var(--color-tone-900); color:#fff; cursor:pointer; }
body.privacy-modal-open { overflow:hidden; }


@media (max-width: 767px) {
    #bo_w .write-box { padding:22px 16px; }
    #bo_w .write-box > ul { grid-template-columns:1fr; gap:18px; }
    #bo_w .write-box > ul > li.full { grid-column:auto; }
    #bo_w .write-box .agreement-control { align-items:flex-start; flex-direction:column; }
    #bo_w .write-box .privacy-detail-button { width:100%; }
    #bo_w .write-box > ul > li { padding:10px 0; width:100%; }
    #bo_w .write-box .form-tag { min-height:54px; padding:14px 15px; }
    #bo_w .write-box textarea { min-height:180px; }
    #bo_w .write-btn-box { margin-top:25px; padding-top:20px; }
    #bo_w .write-btn-box .user-btn { width:100%; }
    #bo_w .write-btn-box .btn { flex:1; min-width:0; min-height:50px; padding:0 12px; }
    #bo_w .ajax-write-status { text-align:center; }
    .privacy-detail-modal { padding:12px; }
    .privacy-detail-dialog { max-height:calc(100vh - 24px); }
    .privacy-detail-head,
    .privacy-detail-content { padding-left:18px; padding-right:18px; }
    .privacy-detail-actions { padding:12px 18px 16px; }
    .privacy-detail-actions .btn { width:100%; }
}



/* 댓글 */
/*#bo_comment .pf_img { display:none; }*/


/* 게시판 읽기 */
#bo_v { --view-row-padding:34px; --view-col-padding:14px; overflow:hidden; border-radius:2px; background:#fff; box-shadow:0 10px 28px rgba(24,31,39,.05); }
#bo_v .view-head { border-top:2px solid var(--color-tone-900); border-bottom:1px solid var(--color-tone-200); padding:var(--view-row-padding); background:linear-gradient(135deg,#fff 0%,#fffaf6 100%); }
#bo_v .view-head .ctg { display:inline-flex; align-items:center; min-height:28px; box-sizing:border-box; border-radius:99px; padding:5px 14px; border:1px solid var(--color-orange); background:#fff; color:#a84f18; font-size:.813rem; font-weight:700; margin-bottom:12px; }
#bo_v .view-head .subject { color:var(--color-tone-900); font-size:2rem; font-weight:700; letter-spacing:-.035em; line-height:1.35; }
#bo_v .view-head .desc { display:flex; flex-wrap:wrap; gap:8px; margin:24px 0 0; padding:0; }
#bo_v .view-head .desc li { display:flex; align-items:center; min-height:34px; box-sizing:border-box; padding:6px 11px; border:1px solid #eee4dc; border-radius:4px; background:rgba(255,255,255,.78); color:var(--color-tone-700); font-size:.875rem; list-style:none; }
#bo_v .view-head .desc li:not(:last-child) { margin-right:0; }
#bo_v .view-head .desc li b { margin-right:7px; color:#9b6a4e; font-weight:700; }


#bo_v .view-file { margin:0; padding:var(--view-col-padding) var(--view-row-padding); background:#fafafa; border-bottom:1px solid var(--color-tone-200); }
#bo_v .view-file li { padding:8px 0; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; list-style:none; }
#bo_v .view-file li b { display:flex; align-items:center; }
#bo_v .view-file li img { width:20px; margin-right:5px; }
#bo_v .view-file li .small { margin-left:5px; color:#888; font-weight:400; }
#bo_v .view-file li .btn { display:inline-flex; align-items:center; gap:4px; border-radius:99px; padding:7px 13px; border:1px solid var(--color-tone-600); margin-left:auto; font-size:.813rem; }
#bo_v .view-file li .btn:hover { border-color:var(--color-tone-900); background:var(--color-tone-900); color:#fff; }
#bo_v .view-file li .btn i { font-size:.875rem; }

#bo_v .view-link { padding:var(--view-col-padding) var(--view-row-padding); display:flex; flex-wrap:wrap; align-items:center; margin:0 -5px; }
#bo_v .view-link li { margin:5px; }
#bo_v .view-link li a { display:inline-block; padding:10px 30px; border:1px solid #ddd; border-radius:99px; }
#bo_v .view-link li a:hover { box-shadow:2px 2px 3px rgba(0,0,0,.1); }
#bo_v .view-link li a i { font-size:.875rem; }


#bo_v .view-box { min-height:220px; padding:var(--view-row-padding) var(--view-row-padding) calc(var(--view-row-padding) + 10px); }
#bo_v .view-box .view-editor { margin-top:0; color:#38414a; font-size:1rem; line-height:1.9; word-break:break-word; }


#bo_v .view-another { margin:0; padding:0 var(--view-row-padding); border-top:1px solid var(--color-tone-200); }
#bo_v .view-another li { display:flex; align-items:center; gap:18px; min-height:58px; border-bottom:1px solid var(--color-tone-200); list-style:none; }
#bo_v .view-another li:last-child { border-bottom:0; }
#bo_v .view-another .prev-tit,
#bo_v .view-another .next-tit { flex:0 0 54px; color:#9b6a4e; font-size:.813rem; font-weight:700; }
#bo_v .view-another a,
#bo_v .view-another .none { overflow:hidden; color:var(--color-tone-700); text-overflow:ellipsis; white-space:nowrap; }
#bo_v .view-another a:hover { color:var(--color-orange); }

#bo_v .view-btn-box { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; margin:0; padding:28px var(--view-row-padding); border-top:1px solid var(--color-tone-200); background:#fbfbfb; }
#bo_v .view-another ~ .view-btn-box { border-top:1px solid var(--color-tone-200); padding-top:28px; }
#bo_v .view-btn-box .adm-btn,
#bo_v .view-btn-box .user-btn { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:0; padding:0; }
#bo_v .view-btn-box .user-btn { margin-left:auto; }
#bo_v .view-btn-box li { list-style:none; }
#bo_v .view-btn-box .btn { display:inline-flex; align-items:center; justify-content:center; min-width:92px; min-height:44px; box-sizing:border-box; padding:0 16px; border:1px solid var(--color-tone-500); background:#fff; color:var(--color-tone-700); font-size:.938rem; font-weight:600; line-height:1; transition:all .2s ease; }
#bo_v .view-btn-box .btn:hover { border-color:var(--color-tone-900); background:var(--color-tone-900); color:#fff; transform:translateY(-1px); }
#bo_v .view-btn-box .btn_write { border-color:var(--color-orange); background:var(--color-orange); color:#fff; }
#bo_v .view-btn-box .btn_write:hover { border-color:#a84f18; background:#a84f18; }


@media (max-width: 1024px) {
	#bo_v { --view-row-padding:20px; }
	#bo_v .view-head .subject { font-size:1.5rem; }
	#bo_v .view-box { min-height:180px; }
}


@media (max-width: 767px) {
	#bo_v { --view-row-padding:15px; --view-col-padding:5px; }
	#bo_v .view-head .ctg { padding:5px 12px; margin-bottom:8px; }
	#bo_v .view-head .subject { font-size:1.25rem; }
	#bo_v .view-head .desc { gap:5px; margin-top:16px; }
	#bo_v .view-head .desc li { min-height:30px; padding:5px 8px; font-size:.75rem; }

	#bo_v .view-link li { margin:2.5px; }
	#bo_v .view-link li a { padding:5px 15px; }
	#bo_v .view-file li b { max-width:100%; margin-bottom:8px; font-size:.813rem; }
	#bo_v .view-file li .btn { margin-left:0; }
	#bo_v .view-box { min-height:150px; padding-bottom:25px; }
	#bo_v .view-box .view-editor { font-size:.938rem; line-height:1.8; }
	#bo_v .view-another { padding:0 var(--view-row-padding); }
	#bo_v .view-another li { gap:10px; min-height:52px; font-size:.875rem; }
	#bo_v .view-another .prev-tit,
	#bo_v .view-another .next-tit { flex-basis:44px; font-size:.75rem; }
	#bo_v .view-btn-box { padding:20px var(--view-row-padding); }
	#bo_v .view-btn-box .adm-btn,
	#bo_v .view-btn-box .user-btn { width:100%; }
	#bo_v .view-btn-box .user-btn { margin-left:0; }
	#bo_v .view-btn-box .btn { flex:1; min-width:0; min-height:46px; padding:0 10px; }
}

/* 버튼 효과 */
#bo_w .btn[class*="btn-effect"] { position:relative; overflow:hidden; z-index:1; transition-duration:var(--effect-speed, 200ms); }
#bo_w .btn-effect1 { --effect-size:250px; --effect-color:var(--main-color2, #888); --effect-speed:200ms; }
#bo_w .btn-effect1:before { content:""; position:absolute; left:0; top:0; width:0; height:0; transform:translate(-50%, -50%); border-radius:100%; background:var(--effect-color); transition-duration:500ms; z-index:-1; }
#bo_w .btn-effect1:hover { color:#fff !important; border-color:var(--effect-color) !important; }
#bo_w .btn-effect1:hover:before { width:var(--effect-size); height:var(--effect-size); }
#bo_w .btn-effect2 { --effect-size:-5px; --effect-speed:300ms; }
#bo_w .btn-effect2:hover { transform:translateY(var(--effect-size)); }
#bo_w .btn-effect3 { --effect-size1:150px; --effect-size2:200px; --effect-position1:10%; --effect-position2:20%; --effect-color1:var(--main-color2-rgb); --effect-color2:var(--main-color2-rgb); --effect-speed:200ms; --effect-speed1:3s; --effect-speed2:5s; }
#bo_w .btn-effect3:hover { color:#fff !important; border-color:rgba(var(--effect-color1), 1) !important; }
#bo_w .btn-effect3:hover:before,
#bo_w .btn-effect3:hover:after { content:""; position:absolute; }
#bo_w .btn-effect3:hover:before { width: var(--effect-size1); height: var(--effect-size1); bottom:var(--effect-position1); left: calc(50% - calc(var(--effect-size1)/2)); border-radius: 45%; background: rgba(var(--effect-color1), 0.5); animation: btn_wave var(--effect-speed1) infinite linear; z-index:-1;  }
#bo_w .btn-effect3:hover:after { width: var(--effect-size2); height: var(--effect-size2); bottom: var(--effect-position2); left: calc(50% - calc(var(--effect-size2)/2)); border-radius: 40%; background: rgba(var(--effect-color2), 0.7); border: 6px solid rgba(255,255,255,0.5); animation: btn_wave var(--effect-speed2) infinite linear reverse; z-index:-2; }

@keyframes btn_wave {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


#bo_w .btn-effect4 { --effect-speed:400ms; --effect-color:var(--main-color1, #333); }
#bo_w .btn-effect4:before { content:""; position:absolute; left:0; top:0; bottom:0; width:100%; transform:scaleX(0); transform-origin:right center; transition:transform var(--effect-speed); background:var(--effect-color); z-index:-1; }
#bo_w .btn-effect4:hover:before { transform:scaleX(1); transform-origin:left center; }