@charset "utf-8";

/* KCCS archive board skin - list */
.kccs-board-skin {
    position:relative;
    margin-bottom:20px;
}

.kccs-board-skin a {
    text-decoration:none;
    color:inherit;
}

.kccs-board-skin .archive-intro{
    background:var(--paper);
    border:1px solid var(--line);
    border-radius:26px;
    padding:28px;
    margin-bottom:22px;
}

.kccs-board-skin .archive-intro h2{
    color:var(--ink);
    font-size:1.5rem;
    letter-spacing:-.04em;
    margin-bottom:8px;
}

.kccs-board-skin .archive-intro p{
    color:#625c52;
}

.kccs-board-skin .notice-line{
    margin-top:18px;
    padding:14px 16px;
    border-left:3px solid var(--primary);
    background:#f6f2e8;
    color:#5b554c;
    font-size:.92rem;
}

.kccs-board-category{
    margin:0 0 22px;
}

.kccs-board-category h2{
    position:absolute;
    font-size:0;
    line-height:0;
    overflow:hidden;
}

.kccs-board-category ul{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin:0;
    padding:0;
    list-style:none;
}

.kccs-board-category li{
    display:block;
    padding:0;
}

.kccs-board-category a{
    display:block;
    padding:8px 12px;
    border-radius:999px;
    border:1px solid var(--line);
    background:#fffdf7;
    color:#5c554b;
    font-size:.84rem;
    font-weight:700;
}

.kccs-board-category a:hover,
.kccs-board-category #bo_cate_on{
    background:var(--archive);
    color:#fff;
    border-color:var(--archive);
}

.kccs-board-skin .search-area{
    background:#fffdf7;
    border:1px solid var(--line);
    border-radius:24px;
    padding:22px;
    margin-bottom:22px;
}

.kccs-board-skin .search-grid{
    display:grid;
    grid-template-columns:160px 1fr 150px 96px;
    gap:10px;
}

.kccs-board-skin .search-grid input,
.kccs-board-skin .search-grid select{
    min-width:0;
    height:46px;
    border:1px solid #d7d0bf;
    border-radius:13px;
    background:#fff;
    padding:0 14px;
}

.kccs-board-skin .search-grid button{
    height:46px;
    border:0;
    border-radius:13px;
    background:var(--primary);
    color:#fff;
    font-weight:900;
    cursor:pointer;
}

.kccs-board-skin .filter-tags{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:14px;
}

.kccs-board-skin .filter-tags a{
    padding:7px 11px;
    border-radius:999px;
    background:var(--primary-soft);
    color:var(--primary-dark);
    font-size:.84rem;
    font-weight:700;
}

.kccs-board-skin .filter-tags a.active{
    background:var(--primary);
    color:#fff;
}

.kccs-board-skin .board-toolbar{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin:20px 0 12px;
}

.kccs-board-skin .board-count{
    color:#5e574d;
    font-size:.94rem;
}

.kccs-board-skin .board-count strong{
    color:var(--primary-dark);
}

.kccs-board-skin .board-actions{
    position:relative;
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:8px;
}

.kccs-board-skin .board-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:58px;
    height:36px;
    padding:0 12px;
    border:1px solid var(--line);
    border-radius:999px;
    background:#fffdf7;
    color:#5c554b;
    font-size:.84rem;
    font-weight:800;
    cursor:pointer;
}

.kccs-board-skin .board-btn.write{
    background:var(--primary);
    border-color:var(--primary);
    color:#fff;
}

.kccs-board-skin .board-btn.admin{
    background:var(--archive);
    border-color:var(--archive);
    color:#fff;
}

.kccs-board-skin .more_opt{
    display:none;
    position:absolute;
    top:42px;
    right:0;
    z-index:50;
    width:120px;
    margin:0;
    padding:8px;
    list-style:none;
    background:#fffdf7;
    border:1px solid var(--line);
    border-radius:14px;
    box-shadow:0 14px 36px rgba(60,50,35,.14);
}

.kccs-board-skin .more_opt li{
    margin:0;
    padding:0;
}

.kccs-board-skin .more_opt button{
    width:100%;
    border:0;
    background:none;
    padding:9px 8px;
    border-radius:9px;
    color:#4d4639;
    text-align:left;
    cursor:pointer;
}

.kccs-board-skin .more_opt button:hover{
    background:var(--primary-soft);
    color:var(--primary-dark);
}

.kccs-board-skin .kccs-check-all{
    margin:0 0 10px;
    color:#5e574d;
    font-size:.9rem;
}

.kccs-board-skin .board-list{
    background:var(--paper);
    border:1px solid var(--line);
    border-radius:14px;
    overflow:hidden;
}

.kccs-board-skin .board-item{
    position:relative;
    display:block;
    border-bottom:1px solid #e9dfcd;
    transition:.2s;
}

.kccs-board-skin .board-item:last-child{
    border-bottom:0;
}

.kccs-board-skin .board-item:hover{
    background:#faf7ef;
}

.kccs-board-skin .board-item.notice-post{
    background:#f3f7f5;
}

.kccs-board-skin .board-item.old-post{
    background:linear-gradient(rgba(255,250,240,.96),rgba(255,250,240,.96));
}

.kccs-board-skin .item-link{
    display:grid;
    grid-template-columns:64px 1fr 130px;
    gap:18px;
    align-items:center;
    padding:17px 22px;
}

.kccs-board-skin .item-check{
    position:absolute;
    top:50%;
    left:22px;
    transform:translateY(-50%);
    z-index:2;
}

.kccs-board-skin .item-check + .item-link{
    padding-left:22px;
}

.kccs-board-skin .item-no{
    color:#948a7b;
    font-weight:800;
    font-size:.88rem;
    padding-top:4px;
}

.kccs-board-skin .old-post .item-no{
    color:#8b6f3f;
}

.kccs-board-skin .item-main h3{
    color:var(--ink);
    font-size:1.01rem;
    line-height:1.45;
    margin:0 0 5px;
    letter-spacing:-.03em;
}

.kccs-board-skin .item-cate{
    display:inline-flex;
    margin-right:6px;
    padding:2px 7px;
    border-radius:999px;
    background:var(--primary-soft);
    color:var(--primary-dark);
    font-size:.72rem;
    font-weight:800;
    vertical-align:middle;
}

.kccs-board-skin .item-main p{
    color:#686156;
    font-size:.88rem;
    margin:0 0 8px;
}

.kccs-board-skin .item-tags{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
}

.kccs-board-skin .item-tags span{
    display:inline-flex;
    padding:2px 7px;
    border:1px solid #d8cfbd;
    border-radius:999px;
    background:#fff;
    color:#6d6559;
    font-size:.7rem;
}

.kccs-board-skin .item-tags .pdf{
    background:#f2fbf9;
    border-color:#bfe6df;
    color:var(--primary-dark);
    font-weight:800;
}

.kccs-board-skin .item-tags .comment{
    background:#f5f5f5;
    color:#666;
}

.kccs-board-skin .item-side{
    text-align:right;
    color:#8f8678;
    font-size:.8rem;
}

.kccs-board-skin .item-side strong{
    display:block;
    color:var(--primary-dark);
    margin-bottom:6px;
    font-size:.82rem;
}

.kccs-board-skin .item-side span{
    display:block;
    margin-bottom:3px;
}

.kccs-board-skin .board-empty{
    padding:70px 20px;
    color:#777;
    text-align:center;
}

.kccs-board-skin .kccs-board-pages{
    margin-top:28px;
}

.kccs-board-skin .pg_wrap{
    display:block;
    text-align:center;
}

.kccs-board-skin .pg{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:6px;
}

.kccs-board-skin .pg_page,
.kccs-board-skin .pg_current{
    min-width:38px;
    height:38px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid var(--line);
    border-radius:11px;
    background:#fffdf7;
    color:#5b554c;
    font-weight:700;
    padding:0 10px;
}

.kccs-board-skin .pg_current{
    background:var(--primary);
    color:#fff;
    border-color:var(--primary);
}

.kccs-board-skin .selec_chk{
    position:absolute;
    top:0;
    left:0;
    width:0;
    height:0;
    opacity:0;
    outline:0;
    z-index:-1;
    overflow:hidden;
}

.kccs-board-skin .chk_box{
    position:relative;
}

.kccs-board-skin .chk_box input[type="checkbox"] + label{
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:#676e70;
    cursor:pointer;
}

.kccs-board-skin .chk_box input[type="checkbox"] + label span{
    width:15px;
    height:15px;
    display:block;
    background:#fff;
    border:1px solid #d0d4df;
    border-radius:3px;
}

.kccs-board-skin .chk_box input[type="checkbox"]:checked + label{
    color:#000;
}

.kccs-board-skin .chk_box input[type="checkbox"]:checked + label span{
    background:#008f80;
    border-color:#008f80;
}

.kccs-board-skin img{
    max-width:100%;
    height:auto;
}

@media(max-width:980px){
    .kccs-board-skin .search-grid{
        grid-template-columns:1fr 1fr;
    }

    .kccs-board-skin .item-link{
        grid-template-columns:1fr;
        gap:10px;
    }

    .kccs-board-skin .item-no{
        padding-top:0;
    }

    .kccs-board-skin .item-side{
        text-align:left;
        display:flex;
        gap:12px;
        flex-wrap:wrap;
    }

    .kccs-board-skin .item-side strong,
    .kccs-board-skin .item-side span{
        display:inline;
        margin:0;
    }
}

@media(max-width:700px){
    .kccs-board-skin .archive-intro{
        padding:22px;
        border-radius:22px;
    }

    .kccs-board-skin .search-area{
        padding:18px;
    }

    .kccs-board-skin .search-grid{
        grid-template-columns:1fr;
    }

    .kccs-board-skin .board-toolbar{
        display:block;
    }

    .kccs-board-skin .board-actions{
        justify-content:flex-start;
        margin-top:12px;
    }

    .kccs-board-skin .board-btn{
        height:34px;
        font-size:.8rem;
    }

    .kccs-board-skin .item-link{
        padding:18px;
    }

    .kccs-board-skin .item-check + .item-link{
        padding-left:42px;
    }

    .kccs-board-skin .item-main h3{
        font-size:1rem;
    }

    .kccs-board-skin .item-main p{
        font-size:.86rem;
    }
}


/* KCCS board list conflict fix
   head.php/main latest CSS has stronger .board-list a rules.
   Keep this skin's item link as the sub-page design grid. */
.kccs-renewal .kccs-board-skin .board-list .board-item > a.item-link,
.kccs-board-skin .board-list .board-item > a.item-link{
    display:grid !important;
    grid-template-columns:64px minmax(0,1fr) 150px !important;
    gap:18px !important;
    align-items:center !important;
    width:100% !important;
    padding:17px 22px !important;
    color:inherit !important;
    background:transparent !important;
    box-sizing:border-box !important;
}

.kccs-renewal .kccs-board-skin .board-list .board-item .item-main{
    min-width:0;
}

.kccs-renewal .kccs-board-skin .board-list .board-item .item-main h3,
.kccs-renewal .kccs-board-skin .board-list .board-item .item-main p{
    overflow-wrap:break-word;
    word-break:keep-all;
}

.kccs-renewal .kccs-board-skin .board-list .board-item .item-no{
    text-align:left !important;
}

.kccs-renewal .kccs-board-skin .board-list .board-item .item-side{
    text-align:right !important;
}

/* 관리자 체크박스가 있을 때도 본문 grid는 깨지지 않게 좌측 여백만 추가 */
.kccs-renewal .kccs-board-skin .board-list .board-item .item-check + a.item-link{
    padding-left:52px !important;
}

@media(max-width:980px){
    .kccs-renewal .kccs-board-skin .board-list .board-item > a.item-link,
    .kccs-board-skin .board-list .board-item > a.item-link{
        grid-template-columns:1fr !important;
        gap:10px !important;
    }

    .kccs-renewal .kccs-board-skin .board-list .board-item .item-side{
        text-align:left !important;
        display:flex !important;
        gap:12px !important;
        flex-wrap:wrap !important;
    }
}

@media(max-width:700px){
    .kccs-renewal .kccs-board-skin .board-list .board-item > a.item-link,
    .kccs-board-skin .board-list .board-item > a.item-link{
        padding:18px !important;
    }

    .kccs-renewal .kccs-board-skin .board-list .board-item .item-check + a.item-link{
        padding-left:42px !important;
    }
}

/* KCCS board skin conflict guard
   head.php 안의 메인 latest용 .kccs-renewal .board-list a 규칙보다 우선 적용 */
.kccs-renewal .kccs-board-skin .board-list{
    display:block;
    padding:0;
    background:var(--paper);
    border:1px solid var(--line);
    border-radius:14px;
    overflow:hidden;
}

.kccs-renewal .kccs-board-skin .board-list .board-item{
    position:relative;
    display:block;
    width:100%;
    border-bottom:1px solid #e9dfcd;
    transition:.2s;
}

.kccs-renewal .kccs-board-skin .board-list .board-item:last-child{
    border-bottom:0;
}

.kccs-renewal .kccs-board-skin .board-list .board-item:hover{
    background:#faf7ef;
}

.kccs-renewal .kccs-board-skin .board-list .board-item.notice-post{
    background:#f3f7f5;
}

.kccs-renewal .kccs-board-skin .board-list .board-item.old-post{
    background:linear-gradient(rgba(255,250,240,.96),rgba(255,250,240,.96));
}

.kccs-renewal .kccs-board-skin .board-list .item-link{
    display:grid;
    grid-template-columns:64px minmax(0,1fr) 150px;
    gap:18px;
    align-items:center;
    width:100%;
    padding:17px 22px;
    border:0;
}

.kccs-renewal .kccs-board-skin .board-list .item-check{
    position:absolute;
    top:50%;
    left:18px;
    transform:translateY(-50%);
    z-index:2;
}

.kccs-renewal .kccs-board-skin .board-list .item-check + .item-link{
    padding-left:56px;
}

.kccs-renewal .kccs-board-skin .board-list .item-main{
    min-width:0;
}

.kccs-renewal .kccs-board-skin .board-list .item-main h3{
    display:block;
    white-space:normal;
    word-break:keep-all;
    overflow-wrap:break-word;
}

.kccs-renewal .kccs-board-skin .board-list .item-side{
    min-width:0;
    text-align:right;
}

@media(max-width:980px){
    .kccs-renewal .kccs-board-skin .board-list .item-link{
        grid-template-columns:1fr;
        gap:10px;
        padding:18px;
    }

    .kccs-renewal .kccs-board-skin .board-list .item-check + .item-link{
        padding-left:52px;
    }

    .kccs-renewal .kccs-board-skin .board-list .item-side{
        text-align:left;
        display:flex;
        gap:12px;
        flex-wrap:wrap;
    }
}


/* 관리자 선택 체크박스가 있어도 비회원 목록과 동일한 그리드 간격 유지 */
.kccs-board-skin .board-item.has-check .item-link{
    grid-template-columns:64px 1fr 130px;
    padding-left:22px;
}

.kccs-board-skin .board-item.has-check .item-check{
    left:22px;
}


/* KCCS archive board skin - write */
.kccs-write-skin{
    position:relative;
}

.kccs-write-skin .write-head{
    background:var(--paper);
    border:1px solid var(--line);
    border-radius:26px;
    padding:28px;
    margin-bottom:22px;
}

.kccs-write-skin .write-head h2{
    color:var(--ink);
    font-size:1.5rem;
    letter-spacing:-.04em;
    margin:0 0 8px;
    line-height:1.35;
}

.kccs-write-skin .write-head p{
    color:#625c52;
    margin:0;
    font-size:.94rem;
    line-height:1.65;
}

.kccs-write-skin form{
    margin:0;
    padding:0;
    width:100% !important;
}

.kccs-write-skin .write-card{
    background:#fffdf7;
    border:1px solid var(--line);
    border-radius:24px;
    overflow:hidden;
}

.kccs-write-skin .write-row{
    display:grid;
    grid-template-columns:150px 1fr;
    gap:20px;
    padding:20px 24px;
    border-bottom:1px solid #e7dfcf;
    align-items:start;
}

.kccs-write-skin .write-row:last-child{
    border-bottom:0;
}

.kccs-write-skin .write-label{
    display:block;
    padding-top:10px;
    color:#4a453d;
    font-size:.92rem;
    font-weight:900;
    line-height:1.45;
}

.kccs-write-skin .write-label strong{
    color:var(--primary-dark);
    font-size:.78rem;
    margin-left:4px;
}

.kccs-write-skin .write-field{
    min-width:0;
}

.kccs-write-skin .frm_input,
.kccs-write-skin select,
.kccs-write-skin textarea{
    width:100%;
    max-width:100%;
    border:1px solid #d7d0bf;
    border-radius:13px;
    background:#fff;
    color:#35332d;
    font-size:.94rem;
    outline:none;
    box-shadow:none;
    box-sizing:border-box;
}

.kccs-write-skin .frm_input,
.kccs-write-skin select{
    height:46px;
    padding:0 14px;
}

.kccs-write-skin textarea{
    min-height:260px;
    padding:14px;
    line-height:1.7;
}

.kccs-write-skin .frm_input:focus,
.kccs-write-skin select:focus,
.kccs-write-skin textarea:focus{
    border-color:var(--primary);
}

.kccs-write-skin .write-info-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:10px;
}

.kccs-write-skin .write-options{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin:0;
    padding:0;
    list-style:none;
}

.kccs-write-skin .write-options li{
    list-style:none;
    margin:0;
    padding:0;
}

.kccs-write-skin .chk_box{
    position:relative;
}

.kccs-write-skin .chk_box input[type="checkbox"]{
    position:absolute;
    left:0;
    top:0;
    opacity:0;
}

.kccs-write-skin .chk_box input[type="checkbox"] + label{
    display:inline-flex;
    align-items:center;
    gap:7px;
    min-height:34px;
    padding:7px 11px;
    border:1px solid #ded5c3;
    border-radius:999px;
    background:#fff;
    color:#6d6559;
    font-size:.82rem;
    cursor:pointer;
}

.kccs-write-skin .chk_box input[type="checkbox"] + label span{
    display:inline-block;
    width:14px;
    height:14px;
    border:1px solid #cfc7b6;
    border-radius:4px;
    background:#fff;
}

.kccs-write-skin .chk_box input[type="checkbox"]:checked + label{
    border-color:#bfe0da;
    background:var(--primary-soft);
    color:var(--primary-dark);
    font-weight:800;
}

.kccs-write-skin .chk_box input[type="checkbox"]:checked + label span{
    border-color:var(--primary);
    background:var(--primary);
    box-shadow:inset 0 0 0 3px #fff;
}

.kccs-write-skin .write-title-wrap{
    position:relative;
    display:flex;
    gap:8px;
    align-items:center;
}

.kccs-write-skin .write-title-wrap .full_input{
    flex:1;
    min-width:0;
}

.kccs-write-skin #btn_autosave,
.kccs-write-skin .btn_frmline{
    height:46px;
    border:1px solid var(--line);
    border-radius:13px;
    background:#fffdf7;
    color:#5e574d;
    padding:0 13px;
    font-size:.84rem;
    font-weight:800;
    white-space:nowrap;
    cursor:pointer;
}

.kccs-write-skin #autosave_pop{
    display:none;
    position:absolute !important;
    top:54px;
    right:0;
    z-index:50;
    width:360px;
    max-width:100%;
    border:1px solid #d7d0bf;
    border-radius:16px;
    background:#fffdf7;
    box-shadow:0 18px 46px rgba(60,50,35,.18);
    overflow:hidden;
}

.kccs-write-skin #autosave_pop strong{
    display:block;
    padding:14px 16px;
    border-bottom:1px solid #e7dfcf;
    color:var(--ink);
    font-size:.95rem;
}

.kccs-write-skin #autosave_pop ul{
    max-height:180px;
    overflow-y:auto;
    margin:0;
    padding:10px;
    list-style:none;
}

.kccs-write-skin #autosave_pop li{
    margin:0 0 6px;
    padding:9px;
    border-radius:10px;
    background:#f6f2e8;
}

.kccs-write-skin #autosave_pop a{
    color:#4a453d;
}

.kccs-write-skin .autosave_close{
    width:100%;
    height:38px;
    border:0;
    border-top:1px solid #e7dfcf;
    background:#fff;
    color:#5e574d;
    font-weight:800;
    cursor:pointer;
}

.kccs-write-skin .wr_content{
    width:100%;
    max-width:100%;
}

.kccs-write-skin .wr_content iframe,
.kccs-write-skin .wr_content table,
.kccs-write-skin .wr_content textarea{
    max-width:100% !important;
}

.kccs-write-skin #char_count_desc{
    margin:0 0 8px;
    color:#6a6358;
    font-size:.86rem;
}

.kccs-write-skin #char_count_wrap{
    margin-top:8px;
    text-align:right;
    color:#6a6358;
    font-size:.84rem;
}

.kccs-write-skin .file-box{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    align-items:center;
    padding:12px;
    border:1px dashed #d7d0bf;
    border-radius:14px;
    background:#fffaf0;
}

.kccs-write-skin .frm_file{
    max-width:100%;
}

.kccs-write-skin .file-box p{
    margin:0;
    color:#82796b;
    font-size:.8rem;
}

.kccs-write-skin .file-desc{
    margin-top:8px;
}

.kccs-write-skin .file-del{
    margin-top:9px;
    padding:10px 12px;
    border-radius:12px;
    background:#f6f2e8;
    color:#5e574d;
    font-size:.84rem;
}

.kccs-write-skin .file-del input{
    margin-right:5px;
}

.kccs-write-skin .write-btns{
    display:flex;
    justify-content:flex-end;
    gap:8px;
    margin-top:18px;
}

.kccs-write-skin .write-btns .btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:96px;
    height:44px;
    border-radius:999px;
    border:1px solid var(--line);
    padding:0 18px;
    font-size:.9rem;
    font-weight:900;
    cursor:pointer;
    text-decoration:none;
    box-sizing:border-box;
}

.kccs-write-skin .btn_cancel{
    background:#fffdf7;
    color:#5e574d;
}

.kccs-write-skin .btn_submit{
    border-color:var(--primary);
    background:var(--primary);
    color:#fff;
}

.kccs-write-skin .btn_submit:hover{
    background:var(--primary-dark);
}

.kccs-write-skin .captcha{
    max-width:100%;
}

.kccs-write-skin img{
    max-width:100%;
    height:auto;
}

@media(max-width:980px){
    .kccs-write-skin .write-row{
        grid-template-columns:1fr;
        gap:8px;
        padding:18px;
    }

    .kccs-write-skin .write-label{
        padding-top:0;
    }

    .kccs-write-skin .write-info-grid{
        grid-template-columns:1fr;
    }

    .kccs-write-skin .write-title-wrap{
        display:block;
    }

    .kccs-write-skin #btn_autosave{
        width:100%;
        margin-top:8px;
    }

    .kccs-write-skin #autosave_pop{
        left:0;
        right:auto;
        width:100%;
    }
}

@media(max-width:700px){
    .kccs-write-skin .write-head{
        padding:22px;
        border-radius:20px;
    }

    .kccs-write-skin .write-card{
        border-radius:18px;
    }

    .kccs-write-skin .write-btns{
        display:grid;
        grid-template-columns:1fr 1fr;
    }

    .kccs-write-skin .write-btns .btn{
        width:100%;
        min-width:0;
    }
}


/* KCCS archive board skin - view */
.kccs-view-wrap{
    background:#fffdf7;
    border:1px solid var(--line);
    border-radius:26px;
    overflow:hidden;
    box-shadow:0 14px 36px rgba(60,50,35,.06);
}

.kccs-view-head{
    padding:30px 32px 24px;
    border-bottom:1px solid #e8dfca;
    background:#fffaf0;
}

.kccs-view-cate{
    display:inline-flex;
    margin-bottom:12px;
    padding:5px 11px;
    border-radius:999px;
    background:var(--primary-soft);
    color:var(--primary-dark);
    font-size:.8rem;
    font-weight:900;
}

.kccs-view-title{
    margin:0 0 20px;
    color:var(--ink);
    font-size:clamp(1.45rem,2.4vw,2.2rem);
    line-height:1.35;
    letter-spacing:-.04em;
    word-break:keep-all;
}

.kccs-view-info{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:20px;
}

.kccs-view-info h2{
    position:absolute;
    font-size:0;
    line-height:0;
    overflow:hidden;
}

.kccs-view-profile{
    display:flex;
    align-items:center;
    gap:12px;
    min-width:0;
}

.kccs-view-profile-img{
    width:46px;
    height:46px;
    border-radius:50%;
    overflow:hidden;
    flex:0 0 46px;
    background:#f3eddf;
}

.kccs-view-profile-img img{
    width:46px !important;
    height:46px !important;
    object-fit:cover;
    display:block;
}

.kccs-view-profile-text{
    min-width:0;
}

.kccs-view-profile-text strong{
    display:block;
    color:#3f3930;
    font-size:.95rem;
    margin-bottom:4px;
}

.kccs-view-meta{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    color:#766f63;
    font-size:.82rem;
}

.kccs-view-meta span{
    display:inline-flex;
    align-items:center;
}

.kccs-view-btns{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:6px;
    margin:0;
    padding:0;
    list-style:none;
}

.kccs-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:8px 13px;
    border-radius:11px;
    font-size:.84rem;
    font-weight:800;
    line-height:1.2;
    border:1px solid var(--line);
    cursor:pointer;
}

.kccs-btn-light{
    background:#fffdf7;
    color:#5c554b;
}

.kccs-btn-dark{
    background:var(--archive);
    border-color:var(--archive);
    color:#fff;
}

.kccs-view-more-wrap{
    position:relative;
}

.kccs-view-more{
    display:none;
    position:absolute;
    right:0;
    top:44px;
    z-index:30;
    width:112px;
    margin:0;
    padding:8px;
    list-style:none;
    background:#fffdf7;
    border:1px solid #d9d0bb;
    border-radius:13px;
    box-shadow:0 16px 35px rgba(45,35,20,.14);
}

.kccs-view-more li{
    margin:0;
    padding:0;
}

.kccs-view-more a{
    display:block;
    padding:8px 10px;
    border-radius:9px;
    color:#4d4639;
    font-size:.83rem;
}

.kccs-view-more a:hover{
    background:var(--primary-soft);
    color:var(--primary-dark);
}

.kccs-view-body{
    min-height:220px;
    padding:30px 32px 34px;
    background:#fffdf7;
}

.kccs-view-body h2{
    position:absolute;
    font-size:0;
    line-height:0;
    overflow:hidden;
}

.kccs-view-share{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:7px;
    margin:0 0 20px;
}

.kccs-view-images{
    margin:0 0 24px;
    text-align:center;
}

.kccs-view-images a.view_image{
    display:inline-block;
    max-width:100%;
    margin:0 auto 14px;
}

.kccs-view-images img,
.kccs-view-content img{
    width:auto !important;
    max-width:100% !important;
    height:auto !important;
    display:inline-block !important;
}

@supports (max-width:min(100%, 100px)){
    .kccs-view-images img,
    .kccs-view-content img{
        max-width:min(100%, var(--kccs-board-img-width)) !important;
    }
}

.kccs-view-content{
    width:100%;
    min-height:180px;
    color:#3f3930;
    font-size:1rem;
    line-height:1.82;
    word-break:break-word;
    overflow:hidden;
}

.kccs-view-content a{
    color:var(--primary-dark);
    text-decoration:underline;
}

.kccs-view-content table{
    max-width:100%;
}

.kccs-view-content iframe,
.kccs-view-content video{
    max-width:100%;
}

.kccs-view-signature{
    margin-top:26px;
    padding-top:20px;
    border-top:1px solid #eee5d2;
    color:#6d665b;
}

.kccs-view-act{
    display:flex;
    justify-content:center;
    gap:8px;
    margin:34px 0 0;
    text-align:center;
}

.kccs-view-act a,
.kccs-view-act span.bo_v_good,
.kccs-view-act span.bo_v_nogood{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:82px;
    height:44px;
    border:1px solid #d9d0bb;
    border-radius:999px;
    background:#fff;
    color:#4d4639;
    font-weight:800;
}

.kccs-view-act b{
    display:none;
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    margin-top:50px;
    padding:8px 14px;
    border-radius:999px;
    background:var(--archive);
    color:#fff;
    font-size:.82rem;
    white-space:nowrap;
}

.kccs-view-file,
.kccs-view-link{
    margin:0;
    padding:26px 32px;
    border-top:1px solid #e8dfca;
    background:#fffdf7;
}

.kccs-view-file h2,
.kccs-view-link h2{
    position:static;
    margin:0 0 13px;
    color:var(--ink);
    font-size:1.08rem;
    line-height:1.4;
}

.kccs-view-file ul,
.kccs-view-link ul{
    margin:0;
    padding:0;
    list-style:none;
}

.kccs-view-file li,
.kccs-view-link li{
    margin:8px 0 0;
}

.kccs-view-file a,
.kccs-view-link a{
    display:block;
    padding:15px 16px;
    border:1px solid #e1d8c7;
    border-radius:14px;
    background:#fffaf0;
    color:#4d4639;
}

.kccs-view-file a:hover,
.kccs-view-link a:hover{
    border-color:var(--primary);
    background:#f7fbf9;
}

.kccs-view-file strong,
.kccs-view-link strong{
    display:block;
    color:var(--ink);
    font-size:.94rem;
    margin-bottom:4px;
}

.kccs-view-file span{
    display:block;
    color:#6d665b;
    font-size:.86rem;
    margin-bottom:4px;
}

.kccs-view-file em,
.kccs-view-link em{
    display:block;
    color:#8f8678;
    font-size:.78rem;
    font-style:normal;
}

.kccs-view-navi{
    margin:0;
    padding:0;
    list-style:none;
    border-top:1px solid #e8dfca;
    background:#fffdf7;
}

.kccs-view-navi li{
    display:grid;
    grid-template-columns:86px 1fr 92px;
    gap:12px;
    align-items:center;
    padding:15px 32px;
    border-bottom:1px solid #eee5d2;
}

.kccs-view-navi .nb_tit{
    color:#8f8678;
    font-size:.84rem;
    font-weight:800;
}

.kccs-view-navi a{
    min-width:0;
    color:#3f3930;
    font-size:.92rem;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.kccs-view-navi .nb_date{
    color:#8f8678;
    font-size:.8rem;
    text-align:right;
}

/* 기존 그누보드 댓글 영역 최소 보정 */
.kccs-view-wrap #bo_vc,
.kccs-view-wrap #bo_vc_w{
    padding:26px 32px;
    border-top:1px solid #e8dfca;
    background:#fffdf7;
}

.kccs-view-wrap .cmt_btn{
    width:100%;
    margin:0;
    padding:18px 32px;
    border:0;
    border-top:1px solid #e8dfca;
    background:#fffaf0;
    color:var(--ink);
    text-align:left;
    font-weight:900;
}

.kccs-view-wrap textarea{
    max-width:100%;
}

@media(max-width:760px){
    .kccs-view-wrap{
        border-radius:20px;
    }

    .kccs-view-head,
    .kccs-view-body,
    .kccs-view-file,
    .kccs-view-link{
        padding-left:20px;
        padding-right:20px;
    }

    .kccs-view-info{
        display:block;
    }

    .kccs-view-top{
        margin-top:16px;
    }

    .kccs-view-btns{
        justify-content:flex-start;
    }

    .kccs-view-navi li{
        grid-template-columns:1fr;
        gap:5px;
        padding:15px 20px;
    }

    .kccs-view-navi .nb_date{
        text-align:left;
    }

    .kccs-view-wrap #bo_vc,
    .kccs-view-wrap #bo_vc_w{
        padding-left:20px;
        padding-right:20px;
    }

    .kccs-view-wrap .cmt_btn{
        padding-left:20px;
        padding-right:20px;
    }
}


/* KCCS view detail correction */
.kccs-board-skin.kccs-view-wrap{
    overflow:visible;
}

.kccs-board-skin .kccs-view-head{
    padding:26px 30px 22px;
}

.kccs-board-skin .kccs-view-title{
    margin:0 0 16px !important;
    font-size:clamp(1.35rem,1.8vw,1.75rem) !important;
    line-height:1.38 !important;
    letter-spacing:-.035em;
}

.kccs-board-skin .kccs-view-info{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:18px !important;
}

.kccs-board-skin .kccs-view-profile{
    min-width:0;
    flex:1 1 auto;
}

.kccs-board-skin .kccs-view-top{
    flex:0 0 auto;
    margin-left:auto;
}

.kccs-board-skin .kccs-view-btns,
.kccs-board-skin .kccs-view-btns li{
    float:none !important;
    display:flex !important;
    align-items:center !important;
    width:auto !important;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
    background:transparent !important;
}

.kccs-board-skin .kccs-view-btns{
    flex-wrap:wrap !important;
    justify-content:flex-end !important;
    gap:7px !important;
}

.kccs-board-skin .kccs-btn,
.kccs-board-skin .kccs-view-btns a.kccs-btn,
.kccs-board-skin .kccs-view-btns button.kccs-btn{
    position:relative !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    min-width:46px !important;
    height:38px !important;
    min-height:38px !important;
    margin:0 !important;
    padding:0 13px !important;
    border-radius:999px !important;
    border:1px solid #d9d0bb !important;
    box-shadow:none !important;
    font-size:.84rem !important;
    font-weight:800 !important;
    line-height:1 !important;
    text-indent:0 !important;
    white-space:nowrap !important;
    text-align:center !important;
    vertical-align:top !important;
    overflow:visible !important;
}

.kccs-board-skin .kccs-btn-light{
    background:#fffdf7 !important;
    color:#5c554b !important;
}

.kccs-board-skin .kccs-btn-dark{
    background:var(--archive) !important;
    border-color:var(--archive) !important;
    color:#fff !important;
}

.kccs-board-skin .kccs-view-more-wrap{
    position:relative !important;
}

.kccs-board-skin .kccs-view-more-wrap .kccs-view-more{
    display:none;
    position:absolute !important;
    top:44px !important;
    right:0 !important;
    left:auto !important;
    z-index:1000 !important;
    width:118px !important;
    min-width:118px !important;
    margin:0 !important;
    padding:8px !important;
    background:#fffdf7 !important;
    border:1px solid #d9d0bb !important;
    border-radius:14px !important;
    box-shadow:0 16px 35px rgba(45,35,20,.14) !important;
    list-style:none !important;
}

.kccs-board-skin .kccs-view-more-wrap .kccs-view-more li{
    display:block !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
}

.kccs-board-skin .kccs-view-more-wrap .kccs-view-more a{
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    padding:9px 10px !important;
    border:0 !important;
    border-radius:9px !important;
    background:transparent !important;
    color:#4d4639 !important;
    font-size:.83rem !important;
    line-height:1.35 !important;
    text-align:left !important;
}

.kccs-board-skin .kccs-view-more-wrap .kccs-view-more a:hover{
    background:var(--primary-soft) !important;
    color:var(--primary-dark) !important;
}

.kccs-board-skin .kccs-view-body{
    padding:36px 38px 42px !important;
}

.kccs-board-skin .kccs-view-content{
    min-height:220px;
    font-size:1rem;
    line-height:1.85;
}

.kccs-board-skin .kccs-view-content > *:first-child{
    margin-top:0;
}

.kccs-board-skin .kccs-view-content p{
    margin:0 0 1em;
}

.kccs-board-skin .kccs-view-file,
.kccs-board-skin .kccs-view-link{
    padding:24px 38px !important;
}

.kccs-board-skin .kccs-view-navi li{
    padding-left:38px !important;
    padding-right:38px !important;
}

.kccs-board-skin #bo_vc,
.kccs-board-skin #bo_vc_w{
    padding-left:38px !important;
    padding-right:38px !important;
}

.kccs-board-skin .cmt_btn{
    padding-left:38px !important;
    padding-right:38px !important;
}

@media(max-width:760px){
    .kccs-board-skin .kccs-view-head{
        padding:22px 20px 20px;
    }

    .kccs-board-skin .kccs-view-title{
        font-size:1.28rem !important;
    }

    .kccs-board-skin .kccs-view-info{
        display:block !important;
    }

    .kccs-board-skin .kccs-view-top{
        margin:16px 0 0 !important;
    }

    .kccs-board-skin .kccs-view-btns{
        justify-content:flex-start !important;
    }

    .kccs-board-skin .kccs-view-body,
    .kccs-board-skin .kccs-view-file,
    .kccs-board-skin .kccs-view-link{
        padding-left:20px !important;
        padding-right:20px !important;
    }

    .kccs-board-skin .kccs-view-navi li,
    .kccs-board-skin #bo_vc,
    .kccs-board-skin #bo_vc_w,
    .kccs-board-skin .cmt_btn{
        padding-left:20px !important;
        padding-right:20px !important;
    }
}


/* KCCS archive board skin - comment */
.kccs-board-skin .cmt_btn,
.kccs-renewal .cmt_btn{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin:26px 0 0;
    padding:18px 22px;
    border:1px solid #ded5c2;
    border-radius:18px;
    background:#fffaf0;
    color:#1b1b18;
    font-weight:800;
    text-align:left;
    cursor:pointer;
}
.kccs-board-skin .cmt_btn .total,
.kccs-renewal .cmt_btn .total{
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:#1b1b18;
}
.kccs-board-skin .cmt_btn .total b,
.kccs-renewal .cmt_btn .total b{
    font-size:1rem;
}
.kccs-board-skin .cmt_btn .cmt_more,
.kccs-renewal .cmt_btn .cmt_more{
    width:26px;
    height:26px;
    border-radius:50%;
    background:#e7f6f3;
    position:relative;
}
.kccs-board-skin .cmt_btn .cmt_more:before,
.kccs-board-skin .cmt_btn .cmt_more:after,
.kccs-renewal .cmt_btn .cmt_more:before,
.kccs-renewal .cmt_btn .cmt_more:after{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:11px;
    height:2px;
    background:#006f64;
    transform:translate(-50%,-50%);
}
.kccs-board-skin .cmt_btn .cmt_more:after,
.kccs-renewal .cmt_btn .cmt_more:after{
    transform:translate(-50%,-50%) rotate(90deg);
}
.kccs-board-skin .cmt_btn_op .cmt_more:after,
.kccs-renewal .cmt_btn_op .cmt_more:after{
    display:none;
}

.kccs-board-skin #bo_vc,
.kccs-renewal #bo_vc{
    margin-top:14px;
    border:1px solid #ded5c2;
    border-radius:22px;
    background:#fffdf7;
    overflow:hidden;
}
.kccs-board-skin .kccs-comment-item,
.kccs-renewal .kccs-comment-item{
    position:relative;
    display:grid;
    grid-template-columns:46px 1fr auto;
    gap:14px;
    padding:22px;
    border-bottom:1px solid #eee5d2;
}
.kccs-board-skin .kccs-comment-item:last-child,
.kccs-renewal .kccs-comment-item:last-child{
    border-bottom:0;
}
.kccs-board-skin .kccs-comment-item.is-reply,
.kccs-renewal .kccs-comment-item.is-reply{
    background:#fbf7ee;
    border-left:3px solid #e7f6f3;
}
.kccs-board-skin .kccs-comment-profile,
.kccs-renewal .kccs-comment-profile{
    width:46px;
}
.kccs-board-skin .kccs-comment-profile img,
.kccs-renewal .kccs-comment-profile img{
    width:46px !important;
    height:46px !important;
    max-width:46px !important;
    border-radius:50%;
    object-fit:cover;
    display:block;
}
.kccs-board-skin .kccs-comment-body,
.kccs-renewal .kccs-comment-body{
    min-width:0;
}
.kccs-board-skin .kccs-comment-head,
.kccs-renewal .kccs-comment-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:10px;
}
.kccs-board-skin .kccs-comment-author,
.kccs-renewal .kccs-comment-author{
    display:flex;
    align-items:center;
    gap:8px;
    min-width:0;
    color:#1b1b18;
}
.kccs-board-skin .kccs-comment-author strong,
.kccs-renewal .kccs-comment-author strong{
    font-size:.95rem;
    font-weight:800;
}
.kccs-board-skin .kccs-reply-mark,
.kccs-renewal .kccs-reply-mark,
.kccs-board-skin .kccs-secret-label,
.kccs-renewal .kccs-secret-label{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:2px 7px;
    border-radius:999px;
    background:#e7f6f3;
    color:#006f64;
    font-size:.72rem;
    font-weight:800;
    line-height:1.4;
}
.kccs-board-skin .kccs-comment-ip,
.kccs-renewal .kccs-comment-ip{
    color:#8c8375;
    font-size:.78rem;
}
.kccs-board-skin .kccs-comment-date,
.kccs-renewal .kccs-comment-date{
    flex-shrink:0;
    color:#8c8375;
    font-size:.8rem;
}
.kccs-board-skin .kccs-comment-content,
.kccs-renewal .kccs-comment-content{
    color:#35332d;
    font-size:.94rem;
    line-height:1.8;
    word-break:break-all;
}
.kccs-board-skin .kccs-comment-content p,
.kccs-renewal .kccs-comment-content p{
    margin:0 0 8px;
}
.kccs-board-skin .kccs-comment-content img,
.kccs-renewal .kccs-comment-content img{
    max-width:100%;
    height:auto;
}
.kccs-board-skin .kccs-comment-option,
.kccs-renewal .kccs-comment-option{
    position:relative;
    align-self:start;
}
.kccs-board-skin .kccs-comment-option-btn,
.kccs-renewal .kccs-comment-option-btn{
    width:34px;
    height:34px;
    border:1px solid #ded5c2;
    border-radius:50%;
    background:#fffdf7;
    color:#767064;
    cursor:pointer;
}
.kccs-board-skin .kccs-comment-option-list,
.kccs-renewal .kccs-comment-option-list{
    display:none;
    position:absolute;
    top:40px;
    right:0;
    z-index:30;
    min-width:92px;
    padding:6px;
    margin:0;
    list-style:none;
    border:1px solid #ded5c2;
    border-radius:12px;
    background:#fffdf7;
    box-shadow:0 14px 36px rgba(60,50,35,.12);
}
.kccs-board-skin .kccs-comment-option-list li,
.kccs-renewal .kccs-comment-option-list li{
    margin:0;
    padding:0;
    list-style:none;
}
.kccs-board-skin .kccs-comment-option-list a,
.kccs-renewal .kccs-comment-option-list a{
    display:block;
    padding:8px 10px;
    border-radius:8px;
    color:#49443b;
    font-size:.82rem;
    text-align:center;
}
.kccs-board-skin .kccs-comment-option-list a:hover,
.kccs-renewal .kccs-comment-option-list a:hover{
    background:#e7f6f3;
    color:#006f64;
}
.kccs-board-skin .kccs-comment-empty,
.kccs-renewal .kccs-comment-empty{
    margin:0;
    padding:42px 20px;
    color:#8c8375;
    text-align:center;
}

.kccs-board-skin #bo_vc_w,
.kccs-renewal #bo_vc_w{
    margin-top:18px;
    padding:24px;
    border:1px solid #ded5c2;
    border-radius:22px;
    background:#fffdf7;
}
.kccs-board-skin #bo_vc_w h2,
.kccs-renewal #bo_vc_w h2{
    margin:0 0 14px;
    color:#1b1b18;
    font-size:1.05rem;
    font-weight:900;
}
.kccs-board-skin .kccs-comment-write-box,
.kccs-renewal .kccs-comment-write-box{
    position:relative;
}
.kccs-board-skin #char_cnt,
.kccs-renewal #char_cnt{
    position:absolute;
    right:14px;
    top:12px;
    color:#8c8375;
    font-size:.78rem;
    z-index:2;
}
.kccs-board-skin #wr_content,
.kccs-renewal #wr_content{
    width:100%;
    min-height:130px;
    padding:16px;
    border:1px solid #d7d0bf;
    border-radius:16px;
    background:#fff;
    color:#35332d;
    line-height:1.7;
    resize:vertical;
    box-sizing:border-box;
}
.kccs-board-skin #wr_content:focus,
.kccs-renewal #wr_content:focus{
    outline:none;
    border-color:#008f80;
}
.kccs-board-skin .kccs-comment-write-bottom,
.kccs-renewal .kccs-comment-write-bottom{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:14px;
    margin-top:12px;
}
.kccs-board-skin .kccs-comment-writer-info,
.kccs-renewal .kccs-comment-writer-info{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
    min-width:0;
}
.kccs-board-skin .kccs-comment-writer-info input[type="text"],
.kccs-board-skin .kccs-comment-writer-info input[type="password"],
.kccs-renewal .kccs-comment-writer-info input[type="text"],
.kccs-renewal .kccs-comment-writer-info input[type="password"]{
    width:160px;
    height:40px;
    padding:0 12px;
    border:1px solid #d7d0bf;
    border-radius:12px;
    background:#fff;
    box-sizing:border-box;
}
.kccs-board-skin .kccs-comment-submit-row,
.kccs-renewal .kccs-comment-submit-row{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
    flex-shrink:0;
}
.kccs-board-skin .secret_cm label,
.kccs-renewal .secret_cm label{
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:#5e574d;
    font-size:.84rem;
}
.kccs-board-skin .btn_submit,
.kccs-renewal .btn_submit{
    min-width:92px;
    height:42px;
    padding:0 18px;
    border:0;
    border-radius:999px;
    background:#008f80;
    color:#fff;
    font-weight:900;
    cursor:pointer;
}
.kccs-board-skin .btn_submit:hover,
.kccs-renewal .btn_submit:hover{
    background:#006f64;
}
.kccs-board-skin .kccs-comment-captcha,
.kccs-renewal .kccs-comment-captcha{
    width:100%;
    margin-top:8px;
}
.kccs-board-skin .kccs-comment-form-anchor,
.kccs-renewal .kccs-comment-form-anchor{
    display:block;
    height:auto;
    margin:18px 0 0;
    padding:0;
    border:0;
    overflow:visible;
    clear:both;
}

@media(max-width:760px){
    .kccs-board-skin .kccs-comment-item,
    .kccs-renewal .kccs-comment-item{
        grid-template-columns:38px 1fr;
        gap:10px;
        padding:18px;
    }
    .kccs-board-skin .kccs-comment-item.is-reply,
    .kccs-renewal .kccs-comment-item.is-reply{
        margin-left:0 !important;
    }
    .kccs-board-skin .kccs-comment-profile,
    .kccs-renewal .kccs-comment-profile,
    .kccs-board-skin .kccs-comment-profile img,
    .kccs-renewal .kccs-comment-profile img{
        width:38px !important;
        height:38px !important;
        max-width:38px !important;
    }
    .kccs-board-skin .kccs-comment-head,
    .kccs-renewal .kccs-comment-head{
        display:block;
    }
    .kccs-board-skin .kccs-comment-date,
    .kccs-renewal .kccs-comment-date{
        margin-top:4px;
    }
    .kccs-board-skin .kccs-comment-option,
    .kccs-renewal .kccs-comment-option{
        position:absolute;
        top:14px;
        right:14px;
    }
    .kccs-board-skin .kccs-comment-write-bottom,
    .kccs-renewal .kccs-comment-write-bottom{
        display:block;
    }
    .kccs-board-skin .kccs-comment-writer-info input[type="text"],
    .kccs-board-skin .kccs-comment-writer-info input[type="password"],
    .kccs-renewal .kccs-comment-writer-info input[type="text"],
    .kccs-renewal .kccs-comment-writer-info input[type="password"]{
        width:100%;
    }
    .kccs-board-skin .kccs-comment-submit-row,
    .kccs-renewal .kccs-comment-submit-row{
        margin-top:12px;
        justify-content:space-between;
    }
    .kccs-board-skin .btn_submit,
    .kccs-renewal .btn_submit{
        min-width:110px;
    }
}

/* KCCS comment spacing fix - do not style .bo_vc_w anchors */
.kccs-board-skin .cmt_btn,
.kccs-renewal .cmt_btn{
    margin-top:34px;
}

.kccs-board-skin #bo_vc,
.kccs-renewal #bo_vc{
    margin-top:20px;
}

.kccs-board-skin .kccs-comment-empty,
.kccs-renewal .kccs-comment-empty{
    padding:58px 20px;
}

.kccs-board-skin #bo_vc_w,
.kccs-renewal #bo_vc_w{
    margin-top:28px;
    padding:26px;
}

.kccs-board-skin #wr_content,
.kccs-renewal #wr_content{
    display:block;
    width:100%;
    min-height:130px;
    padding:16px;
    background:#fff;
    border:1px solid #d7d0bf;
    border-radius:16px;
    box-sizing:border-box;
}

.kccs-board-skin .kccs-comment-form-anchor,
.kccs-renewal .kccs-comment-form-anchor{
    display:block;
    height:auto;
    margin:18px 0 0;
    padding:0;
    border:0;
    overflow:visible;
    clear:both;
}

@media(max-width:760px){
    .kccs-board-skin #bo_vc_w,
    .kccs-renewal #bo_vc_w{
        padding:20px;
    }

    .kccs-board-skin .kccs-comment-empty,
    .kccs-renewal .kccs-comment-empty{
        padding:46px 16px;
    }
}

/* KCCS 댓글 관리 버튼 정리 */
.kccs-board-skin #bo_vc,
.kccs-renewal #bo_vc {
    overflow:visible;
}

.kccs-board-skin .kccs-comment-item,
.kccs-renewal .kccs-comment-item {
    overflow:visible;
}

.kccs-board-skin .kccs-comment-option,
.kccs-renewal .kccs-comment-option {
    position:relative;
    z-index:30;
}

.kccs-board-skin .kccs-comment-option.is-open,
.kccs-renewal .kccs-comment-option.is-open {
    z-index:1000;
}

.kccs-board-skin .kccs-comment-option-btn,
.kccs-renewal .kccs-comment-option-btn {
    display:flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    padding:0;
    border:1px solid #ded5c2;
    border-radius:50%;
    background:#fffdf7;
    color:#767064;
    line-height:1;
    cursor:pointer;
    box-shadow:none;
}

.kccs-board-skin .kccs-comment-option-btn:hover,
.kccs-renewal .kccs-comment-option-btn:hover,
.kccs-board-skin .kccs-comment-option.is-open .kccs-comment-option-btn,
.kccs-renewal .kccs-comment-option.is-open .kccs-comment-option-btn {
    background:#e7f6f3;
    border-color:#bfe6df;
    color:#006f64;
}

.kccs-board-skin .kccs-comment-option-list,
.kccs-renewal .kccs-comment-option-list {
    display:none;
    position:absolute;
    top:auto;
    bottom:42px;
    right:0;
    z-index:1001;
    min-width:92px;
    padding:6px;
    margin:0;
    list-style:none;
    border:1px solid #ded5c2;
    border-radius:12px;
    background:#fffdf7;
    box-shadow:0 16px 38px rgba(60,50,35,.18);
}

.kccs-board-skin .kccs-comment-option-list:after,
.kccs-renewal .kccs-comment-option-list:after {
    content:"";
    position:absolute;
    right:12px;
    bottom:-7px;
    width:12px;
    height:12px;
    background:#fffdf7;
    border-right:1px solid #ded5c2;
    border-bottom:1px solid #ded5c2;
    transform:rotate(45deg);
}

.kccs-board-skin .kccs-comment-option-list li,
.kccs-renewal .kccs-comment-option-list li {
    position:relative;
    z-index:2;
    margin:0;
    padding:0;
    list-style:none;
}

.kccs-board-skin .kccs-comment-option-list a,
.kccs-renewal .kccs-comment-option-list a {
    display:block;
    min-width:70px;
    padding:8px 10px;
    border-radius:8px;
    color:#49443b;
    font-size:.82rem;
    line-height:1.35;
    text-align:center;
    white-space:nowrap;
}

.kccs-board-skin .kccs-comment-option-list a:hover,
.kccs-renewal .kccs-comment-option-list a:hover {
    background:#e7f6f3;
    color:#006f64;
    font-weight:800;
}

@media(max-width:760px) {
    .kccs-board-skin .kccs-comment-option-list,
    .kccs-renewal .kccs-comment-option-list {
        right:-2px;
        bottom:40px;
    }
}

/* 댓글 답변/수정 폼 표시 보정 */
.kccs-board-skin .kccs-comment-form-anchor,
.kccs-renewal .kccs-comment-form-anchor{
    display:block;
    height:auto !important;
    min-height:0;
    margin:18px 0 0;
    padding:0;
    border:0;
    overflow:visible !important;
    clear:both;
}

.kccs-board-skin .kccs-comment-form-anchor #bo_vc_w,
.kccs-renewal .kccs-comment-form-anchor #bo_vc_w{
    margin-top:18px;
}

.kccs-board-skin .kccs-comment-option-list a,
.kccs-renewal .kccs-comment-option-list a{
    position:relative;
    z-index:3;
}

/* KCCS gallery list skin */
.kccs-board-skin.kccs-gallery-skin {
    position:relative;
}

.kccs-gallery-skin .kccs-gallery-list {
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:22px;
}

.kccs-gallery-skin .kccs-gallery-item {
    position:relative;
    min-width:0;
    background:#fffdf7;
    border:1px solid var(--line);
    border-radius:22px;
    overflow:hidden;
    box-shadow:0 12px 28px rgba(60,50,35,.06);
    transition:border-color .2s, transform .2s, box-shadow .2s;
}

.kccs-gallery-skin .kccs-gallery-item:hover {
    border-color:var(--primary);
    transform:translateY(-3px);
    box-shadow:0 18px 42px rgba(60,50,35,.1);
}

.kccs-gallery-skin .gallery-link {
    display:block;
    color:inherit;
    text-decoration:none;
}

.kccs-gallery-skin .gallery-thumb {
    position:relative;
    aspect-ratio:var(--kccs-gallery-ratio);
    overflow:hidden;
    background:#f1eadc;
    border-bottom:1px solid #e7dfcf;
}

.kccs-gallery-skin .gallery-thumb img {
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    display:block;
    object-fit:cover;
}

.kccs-gallery-skin .gallery-badge {
    position:absolute;
    left:12px;
    top:12px;
    z-index:2;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:26px;
    padding:4px 9px;
    border-radius:999px;
    font-size:.76rem;
    font-weight:800;
    line-height:1;
    color:#fff;
    background:rgba(16,32,29,.88);
}

.kccs-gallery-skin .gallery-badge.cate {
    left:auto;
    right:12px;
    background:rgba(0,143,128,.9);
}

.kccs-gallery-skin .gallery-content {
    padding:18px 18px 20px;
}

.kccs-gallery-skin .gallery-meta-top {
    display:flex;
    justify-content:space-between;
    gap:12px;
    margin-bottom:9px;
    color:#8b8274;
    font-size:.78rem;
    font-weight:700;
}

.kccs-gallery-skin .gallery-content h3 {
    min-height:3em;
    margin:0 0 8px;
    color:var(--ink);
    font-size:1.02rem;
    line-height:1.5;
    letter-spacing:-.03em;
    word-break:keep-all;
}

.kccs-gallery-skin .gallery-content p {
    min-height:3.2em;
    margin:0 0 13px;
    color:#696258;
    font-size:.88rem;
    line-height:1.6;
}

.kccs-gallery-skin .gallery-tags {
    display:flex;
    flex-wrap:wrap;
    gap:5px;
    min-height:25px;
    margin-bottom:12px;
}

.kccs-gallery-skin .gallery-tags span {
    display:inline-flex;
    align-items:center;
    min-height:22px;
    padding:3px 8px;
    border:1px solid #ded5c3;
    border-radius:999px;
    background:#fff;
    color:#777064;
    font-size:.7rem;
    line-height:1;
}

.kccs-gallery-skin .gallery-tags .pdf {
    border-color:#bfe0da;
    background:var(--primary-soft);
    color:var(--primary-dark);
    font-weight:800;
}

.kccs-gallery-skin .gallery-tags .comment {
    background:#f5f5f5;
    color:#666;
}

.kccs-gallery-skin .gallery-author {
    padding-top:12px;
    border-top:1px solid #eee5d2;
    color:#7d7568;
    font-size:.82rem;
}

.kccs-gallery-skin .gallery-author strong {
    color:#4a453d;
    font-weight:800;
}

.kccs-gallery-skin .gallery-check {
    position:absolute;
    left:12px;
    top:12px;
    z-index:10;
    width:24px;
    height:24px;
}

.kccs-gallery-skin .has-check .gallery-badge.notice {
    left:44px;
}

.kccs-gallery-skin .notice-post {
    background:#f6faf8;
}

.kccs-gallery-skin .old-post {
    background:#fffaf0;
}

.kccs-gallery-skin .board-empty {
    grid-column:1 / -1;
    padding:80px 20px;
    border:1px solid var(--line);
    border-radius:22px;
    background:#fffdf7;
    color:#8a8174;
    text-align:center;
}

@media(max-width:1180px) {
    .kccs-gallery-skin .kccs-gallery-list {
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
}

@media(max-width:700px) {
    .kccs-gallery-skin .kccs-gallery-list {
        grid-template-columns:1fr;
        gap:18px;
    }

    .kccs-gallery-skin .gallery-content {
        padding:17px;
    }

    .kccs-gallery-skin .gallery-content h3 {
        min-height:0;
    }

    .kccs-gallery-skin .gallery-content p {
        min-height:0;
    }
}
/* 게시판 제목 새글 아이콘 원본 크기 고정 */
.kccs-renewal .item-main h3 img.title_icon {
    width:26px !important;
    height:13px !important;
    max-width:none !important;
    display:inline-block !important;
    vertical-align:middle;
    margin-left:4px;
}