@charset "utf-8";
/* ==========================================================================
   해날커뮤니케이션즈 - 수정작업실(maintenance) 게시판 스킨
   BLACK EDITION / Brand Red 기준
   n_maintenance_black/style.css
   ========================================================================== */

:root{
    /* 배경 */
    --hn-bg:        #F6F7F8;
    --hn-panel:     #FFFFFF;
    --hn-panel2:    #F6F7F8;
    --hn-panel3:    #EEF1F3;

    /* 라인 */
    --hn-line:      #EAEDEF;
    --hn-line2:     #DCE0E3;

    /* 텍스트 (명시성 기준: text 15:1 / sub 10:1 / muted 5.2:1) */
    --hn-text:      #15181B;
    --hn-sub:       #5B6369;
    --hn-muted:     #8B9298;

    /* 브랜드 */
    --hn-red:       #c5392b;
    --hn-red2:      #e14e3d;
    --hn-red-soft:  rgba(197,57,43,.08);
    --hn-red-line:  rgba(197,57,43,.42);
    --hn-gold:      #c9a24a;

    /* 상태 */
    --hn-recv:      #e0a13a;   /* 접수   */
    --hn-work:      #4b8ef0;   /* 작업중 */
    --hn-hold:      #6b7280;   /* 보류   */
    --hn-done:      #c5392b;   /* 완료 = 브랜드 레드 (그린 원하면 #35c48a 로 교체) */

    --hn-shadow:    0 6px 20px rgba(21,24,27,.07);
    --hn-radius:    16px;
}

.estimate_box{display:none;}

/* ==========================================================================
   기본
   ========================================================================== */
body{
    background:linear-gradient(180deg,#EAEDEF 0%, var(--hn-bg) 100%);
    color:var(--hn-text);
}
a{color:var(--hn-text);transition:all .18s ease;}
a:hover{color:#15181B;}
input,textarea,select,button{font-family:inherit;}

.hn-board *{box-sizing:border-box;}
.hn-board ul,.hn-board ol{list-style:none;margin:0;padding:0;}

.fl{float:left;}
.fr{float:right;}
.cb{clear:both;}
.mo_view{display:none !important;}
.mo_view2{display:none !important;}

input:-webkit-autofill{
    -webkit-box-shadow:0 0 0 1000px var(--hn-panel2) inset !important;
    -webkit-text-fill-color:#15181B !important;
}

/* 접속자 정보 */
.accessor{
    background:linear-gradient(180deg, rgba(197,57,43,.10), rgba(197,57,43,.03));
    border:1px solid var(--hn-red-line);
    color:var(--hn-sub);
    padding:20px 24px;
    margin-bottom:20px;
    line-height:1.5;
    display:block;
    font-size:110%;
    border-radius:20px;
    box-shadow:var(--hn-shadow);
}
.accessor .accessor_name{font-size:150%;font-weight:700;color:#c5392b;padding-right:0;}
@media(max-width:768px){ .accessor{padding:18px 20px;} }

/* ==========================================================================
   공통 부품 - 버튼 / 배지 / 게이지
   ========================================================================== */
.hn-btn{
    display:inline-flex;align-items:center;justify-content:center;gap:6px;
    height:42px;padding:0 18px;
    border:1px solid var(--hn-line);
    border-radius:12px;
    background:rgba(21,24,27,.04);
    color:var(--hn-sub);
    font-size:14px;font-weight:700;
    cursor:pointer;text-decoration:none;
    transition:all .18s ease;
}
.hn-btn:hover{background:rgba(21,24,27,.08);border-color:var(--hn-line2);color:#15181B;text-decoration:none;}
.hn-btn--primary{
    background:linear-gradient(180deg,var(--hn-red2),var(--hn-red));
    border-color:transparent;color:#fff;
    box-shadow:0 8px 22px rgba(197,57,43,.32);
}
.hn-btn--primary:hover{filter:brightness(1.08);color:#fff;}
.hn-btn--ghost{background:transparent;}
.hn-btn--sm{height:34px;padding:0 12px;font-size:13px;border-radius:10px;}

.hn-icobtn{
    display:inline-flex;align-items:center;justify-content:center;
    width:38px;height:38px;
    border:1px solid var(--hn-line);
    border-radius:11px;
    background:var(--hn-panel2);
    color:var(--hn-sub);
    cursor:pointer;text-decoration:none;
    transition:all .18s ease;
}
.hn-icobtn:hover{background:var(--hn-panel3);border-color:var(--hn-line2);color:#15181B;}
.hn-icobtn i{font-size:14px;}

/* 상태 배지 */
.hn-status{
    display:inline-flex;align-items:center;gap:6px;
    height:26px;padding:0 11px;
    border-radius:999px;
    font-size:12px;font-weight:800;letter-spacing:-.2px;
    white-space:nowrap;
    border:1px solid transparent;
}
.hn-status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;}
.hn-status--recv{color:#9A6410;background:rgba(224,161,58,.14);border-color:rgba(224,161,58,.38);}
.hn-status--work{color:#2A62B8;background:rgba(75,142,240,.14);border-color:rgba(75,142,240,.38);}
.hn-status--hold{color:#5B6369;background:rgba(107,114,128,.16);border-color:rgba(107,114,128,.42);}
.hn-status--done{color:#c5392b;background:var(--hn-red-soft);border-color:var(--hn-red-line);}

/* 진행 게이지 */
.hn-gauge{display:block;width:100%;}
.hn-gauge__top{
    display:flex;align-items:center;justify-content:space-between;
    gap:10px;margin-bottom:7px;
}
.hn-gauge__cap{font-size:12px;font-weight:700;color:var(--hn-muted);letter-spacing:.02em;}
.hn-gauge__val{font-size:13px;font-weight:800;letter-spacing:-.2px;}
.hn-gauge__track{
    position:relative;
    height:9px;
    background:rgba(21,24,27,.07);
    border:1px solid var(--hn-line);
    border-radius:999px;
    overflow:hidden;
}
.hn-gauge__fill{
    display:block;height:100%;
    border-radius:999px;
    transition:width .6s cubic-bezier(.22,.61,.36,1);
}
.hn-gauge__steps{
    display:flex;justify-content:space-between;
    margin-top:7px;font-size:11px;color:var(--hn-muted);
}
.hn-gauge__steps span.on{color:var(--hn-sub);font-weight:700;}

.hn-gauge--recv .hn-gauge__val{color:#9A6410;}
.hn-gauge--recv .hn-gauge__fill{background:linear-gradient(90deg,#E5B45C,var(--hn-recv));}
.hn-gauge--work .hn-gauge__val{color:#2A62B8;}
.hn-gauge--work .hn-gauge__fill{background:linear-gradient(90deg,#6BA0F0,var(--hn-work));}
.hn-gauge--hold .hn-gauge__val{color:#5B6369;}
.hn-gauge--hold .hn-gauge__fill{
    background:repeating-linear-gradient(45deg,#5B6369 0 7px,#4b5563 7px 14px);
}
.hn-gauge--done .hn-gauge__val{color:#c5392b;}
.hn-gauge--done .hn-gauge__fill{background:linear-gradient(90deg,var(--hn-red2),var(--hn-red));}

/* 답변 배지 */
.hn-reply-tag{
    display:inline-flex;align-items:center;gap:5px;
    height:24px;padding:0 10px;border-radius:999px;
    font-size:12px;font-weight:700;
    background:rgba(21,24,27,.05);
    border:1px solid var(--hn-line);
    color:var(--hn-muted);
}
.hn-reply-tag.on{
    background:var(--hn-red-soft);
    border-color:var(--hn-red-line);
    color:#c5392b;
}

/* ==========================================================================
   목록 (list.skin.php)
   ========================================================================== */
#bo_list{position:relative;padding:80px 0 60px;margin-bottom:20px;}
#bo_list:after{display:block;visibility:hidden;clear:both;content:"";}

.hn-list-head{
    display:flex;align-items:flex-end;justify-content:space-between;
    gap:16px;flex-wrap:wrap;
    padding-bottom:18px;margin-bottom:22px;
    border-bottom:1px solid var(--hn-line);
}
.hn-list-head h2{
    margin:0;font-size:24px;font-weight:900;letter-spacing:-.6px;color:#15181B;
}
.hn-list-head h2 em{font-style:normal;color:var(--hn-red2);}
.hn-list-head .hn-desc{margin:7px 0 0;font-size:13px;color:var(--hn-muted);}
.hn-list-tools{display:flex;align-items:center;gap:8px;position:relative;}

/* 카테고리 칩 */
#bo_cate{margin:0 0 18px;}
#bo_cate h2{position:absolute;font-size:0;line-height:0;overflow:hidden;}
#bo_cate ul:after{display:block;visibility:hidden;clear:both;content:"";}
#bo_cate li{display:inline-block;padding:2px;}
#bo_cate a{
    display:block;line-height:24px;padding:6px 16px;
    border-radius:999px;border:1px solid var(--hn-line);
    color:var(--hn-sub);font-size:13px;font-weight:700;
    background:rgba(21,24,27,.03);text-decoration:none;
}
#bo_cate a:hover,#bo_cate a:focus,#bo_cate a:active{
    background:var(--hn-red-soft);border-color:var(--hn-red-line);color:var(--hn-red);text-decoration:none;
}
#bo_cate #bo_cate_on{
    background:linear-gradient(180deg,var(--hn-red2),var(--hn-red));
    border-color:transparent;color:#fff;font-weight:800;
}
.bo_mo_cate{margin-bottom:14px;}
.bo_cate_sel{
    width:100%;padding:12px 14px;
    border:1px solid var(--hn-line);border-radius:12px;
    background:var(--hn-panel2) url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%235B6369' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 12px center;
    color:#15181B;font-size:14px;
    -webkit-appearance:none;-moz-appearance:none;appearance:none;
}

/* 카드 */
.hn-cards{display:block;}
.hn-card{
    position:relative;display:block;
    background:linear-gradient(180deg,rgba(21,24,27,.045),rgba(21,24,27,.015)) var(--hn-panel);
    border:1px solid var(--hn-line);
    border-radius:var(--hn-radius);
    box-shadow:var(--hn-shadow);
    padding:20px 22px;
    margin-bottom:14px;
    transition:border-color .18s ease, transform .18s ease;
}
.hn-card:hover{border-color:var(--hn-red-line);transform:translateY(-2px);}
.hn-card.is-notice{border-color:rgba(201,162,74,.42);background:rgba(201,162,74,.05);}

.hn-card__top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px;}
.hn-card__top .hn-card__spacer{flex:1 1 auto;}

.hn-card__tit{display:block;margin:0 0 10px;}
.hn-card__tit a{
    font-size:18px;font-weight:800;letter-spacing:-.4px;
    color:#15181B;text-decoration:none;line-height:1.45;
    word-break:break-all;
}
.hn-card__tit a:hover{color:#c5392b;text-decoration:none;}
.hn-card__tit .fa-lock,
.hn-card__tit .fa-bell{color:var(--hn-muted);font-size:15px;margin-right:5px;}
.hn-card__tit .fa-bell{color:var(--hn-gold);}
.hn-card__tit .hn-cmt{
    display:inline-block;margin-left:6px;
    font-size:13px;font-weight:800;color:#c5392b;
}
.hn-card__tit .new_icon{
    display:inline-block;margin-left:6px;
    font-size:11px;font-weight:900;color:#fff;
    background:var(--hn-red);border-radius:5px;
    padding:1px 6px;vertical-align:middle;
}

.hn-card__meta{
    display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap;
    font-size:13px;color:var(--hn-muted);margin-bottom:16px;
}
.hn-card__meta b{color:var(--hn-sub);font-weight:700;}
.hn-card__meta .sep{width:1px;height:11px;background:var(--hn-line2);display:inline-block;}
.hn-card__meta i{margin-right:4px;}

.hn-card__thumb{margin:0 0 14px;}
.hn-card__thumb img{width:100%;border-radius:12px;border:1px solid var(--hn-line);display:block;}

.hn-card__chk{position:absolute;top:16px;right:18px;}

.hn-empty{
    padding:80px 20px;text-align:center;
    color:var(--hn-muted);font-size:15px;
    border:1px dashed var(--hn-line2);border-radius:var(--hn-radius);
    background:rgba(21,24,27,.02);
}

/* 하단 버튼 */
.hn-list-bottom{display:flex;justify-content:center;gap:8px;margin-top:26px;}

/* ==========================================================================
   상단 유틸 버튼 / 옵션 드롭다운
   ========================================================================== */
.btn_bo_user{display:flex;gap:8px;align-items:center;margin:0;padding:0;list-style:none;}
.btn_bo_user > li{position:relative;}

.more_opt{
    display:none;position:absolute;top:46px;right:0;z-index:999;
    background:var(--hn-panel2);
    border:1px solid var(--hn-line2);
    border-radius:12px;
    box-shadow:var(--hn-shadow);
    overflow:hidden;min-width:132px;
}
.more_opt li{border-bottom:1px solid rgba(21,24,27,.06);}
.more_opt li:last-child{border-bottom:0;}
.more_opt li button,.more_opt li a{
    display:flex;align-items:center;justify-content:space-between;gap:10px;
    width:100%;padding:11px 14px;
    border:0;background:transparent;
    color:var(--hn-sub);font-size:13px;text-align:left;cursor:pointer;text-decoration:none;
}
.more_opt li:hover button,.more_opt li:hover a{background:rgba(21,24,27,.06);color:#15181B;}
.more_opt li i{font-size:12px;color:var(--hn-muted);}

/* 체크박스 */
.selec_chk{position:absolute;top:0;left:0;width:0;height:0;opacity:0;z-index:-1;overflow:hidden;}
.chk_box{position:relative;}
.chk_box input[type="checkbox"] + label{
    position:relative;display:inline-flex;align-items:center;gap:8px;
    color:var(--hn-sub);font-size:13px;cursor:pointer;
}
.chk_box input[type="checkbox"] + label span{
    display:inline-block;width:20px;height:20px;flex:0 0 20px;
    background:var(--hn-panel3);
    border:1px solid var(--hn-line2);
    border-radius:6px;position:relative;
}
.chk_box input[type="checkbox"] + label:hover span{border-color:var(--hn-line2);}
.chk_box input[type="checkbox"]:checked + label{color:#15181B;}
.chk_box input[type="checkbox"]:checked + label span{
    background:var(--hn-red);border-color:var(--hn-red);
}
.chk_box input[type="checkbox"]:checked + label span:after{
    content:"";position:absolute;left:6px;top:2px;
    width:5px;height:10px;
    border:solid #fff;border-width:0 2px 2px 0;
    transform:rotate(45deg);
}
.chk_box input[type="checkbox"]:focus + label span{box-shadow:0 0 0 3px rgba(197,57,43,.28);}

/* ==========================================================================
   페이징
   ========================================================================== */
.pg_wrap{margin-top:28px;text-align:center;clear:both;}
.pg{display:inline-flex;gap:6px;flex-wrap:wrap;justify-content:center;}
.pg_page,.pg_current{
    display:inline-flex;align-items:center;justify-content:center;
    min-width:38px;height:38px;padding:0 12px;
    border-radius:11px;font-size:14px;font-weight:700;text-decoration:none;
}
.pg_page{
    background:rgba(21,24,27,.04);
    border:1px solid var(--hn-line);
    color:var(--hn-sub);
}
.pg_page:hover{background:rgba(21,24,27,.08);color:#15181B;text-decoration:none;}
.pg_current{
    background:linear-gradient(180deg,var(--hn-red2),var(--hn-red));
    border:1px solid transparent;color:#fff;
}

/* ==========================================================================
   검색
   ========================================================================== */
.bo_sch_wrap{display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:9999;}
.bo_sch_bg{background:rgba(0,0,0,.7);width:100%;height:100%;}
.bo_sch{
    position:absolute;top:50%;left:50%;
    width:340px;max-width:calc(100% - 32px);
    transform:translate(-50%,-50%);
    background:var(--hn-panel);
    border:1px solid var(--hn-line2);
    border-radius:18px;
    box-shadow:var(--hn-shadow);
    text-align:left;
}
.bo_sch h3{
    margin:0;padding:16px 18px;
    border-bottom:1px solid var(--hn-line);
    color:#15181B;font-size:15px;font-weight:800;
}
.bo_sch form{padding:18px;display:block;}
.bo_sch select{
    width:100%;padding:12px 14px;
    border:1px solid var(--hn-line);border-radius:12px;
    background:var(--hn-panel2) url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%235B6369' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 12px center;
    color:#15181B;font-size:14px;
    -webkit-appearance:none;-moz-appearance:none;appearance:none;
}
.bo_sch .sch_bar{
    display:flex;align-items:center;margin-top:12px;
    border:1px solid var(--hn-line);border-radius:12px;
    background:var(--hn-panel2);overflow:hidden;
}
.bo_sch .sch_input{
    flex:1;height:44px;border:0;background:transparent;
    padding:0 14px;color:#15181B;font-size:14px;
}
.bo_sch .sch_input::placeholder{color:var(--hn-muted);}
.bo_sch .sch_btn{
    width:48px;height:44px;border:0;background:transparent;
    color:var(--hn-sub);font-size:15px;cursor:pointer;
}
.bo_sch .sch_btn:hover{color:#15181B;}
.bo_sch .bo_sch_cls{
    position:absolute;right:8px;top:10px;
    width:34px;height:34px;border:0;border-radius:10px;
    background:transparent;color:var(--hn-muted);font-size:16px;cursor:pointer;
}
.bo_sch .bo_sch_cls:hover{background:rgba(21,24,27,.06);color:#15181B;}

/* ==========================================================================
   읽기 (view.skin.php)
   ========================================================================== */
#bo_v{
    padding:80px 0 60px;
    margin-bottom:20px;
}
#bo_v_title{margin:0;}

.hn-view-head{
    background:linear-gradient(180deg,rgba(21,24,27,.05),rgba(21,24,27,.015)) var(--hn-panel);
    border:1px solid var(--hn-line);
    border-radius:var(--hn-radius);
    box-shadow:var(--hn-shadow);
    padding:26px 26px 24px;
    margin-bottom:16px;
}
.hn-view-head__top{
    display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px;
}
.hn-view-head__top .hn-view-spacer{flex:1 1 auto;}
.bo_v_tit{
    display:block;font-size:24px;font-weight:900;letter-spacing:-.6px;
    color:#15181B;line-height:1.4;word-break:break-all;margin:0 0 16px;
}
.hn-view-gauge{
    padding:16px 18px;
    background:var(--hn-panel2);
    border:1px solid var(--hn-line);
    border-radius:12px;
}

/* 요청 정보 */
.hn-info{
    background:var(--hn-panel);
    border:1px solid var(--hn-line);
    border-radius:var(--hn-radius);
    padding:22px 24px;margin-bottom:16px;
}
.hn-info h3{
    margin:0 0 16px;font-size:15px;font-weight:800;color:#15181B;
    display:flex;align-items:center;gap:8px;
}
.hn-info h3:before{content:"";width:3px;height:14px;background:var(--hn-red);border-radius:2px;}
.hn-info__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 24px;}
.hn-info__row{display:flex;gap:12px;align-items:flex-start;padding:9px 0;border-bottom:1px solid rgba(21,24,27,.05);}
.hn-info__k{flex:0 0 92px;font-size:13px;font-weight:700;color:var(--hn-muted);}
.hn-info__v{flex:1;font-size:14px;color:var(--hn-text);word-break:break-all;}
.hn-info__v a{color:#c5392b;text-decoration:underline;}

/* 본문 */
#bo_v_atc{
    background:var(--hn-panel);
    border:1px solid var(--hn-line);
    border-radius:var(--hn-radius);
    padding:26px 26px 20px;margin-bottom:16px;
}
#bo_v_atc_title{position:absolute;font-size:0;line-height:0;overflow:hidden;}
.hn-sec-tit{
    margin:0 0 16px;font-size:15px;font-weight:800;color:#15181B;
    display:flex;align-items:center;gap:8px;
}
.hn-sec-tit:before{content:"";width:3px;height:14px;background:var(--hn-red);border-radius:2px;}
#bo_v_con{
    width:100%;line-height:1.85;min-height:140px;
    color:var(--hn-sub);font-size:15px;
    word-break:break-all;overflow:hidden;margin:0 0 20px;
}
#bo_v_con a{color:#c5392b;text-decoration:underline;}
#bo_v_con img{max-width:100%;height:auto;border-radius:10px;}
#bo_v_img{width:100%;overflow:hidden;}
#bo_v_img:after{display:block;visibility:hidden;clear:both;content:"";}
#bo_v_img img{max-width:100%;margin:0 0 16px;border-radius:12px;border:1px solid var(--hn-line);}

/* 첨부파일 / 링크 */
#bo_v_file,#bo_v_link{
    background:var(--hn-panel);
    border:1px solid var(--hn-line);
    border-radius:var(--hn-radius);
    padding:22px 24px;margin-bottom:16px;
}
#bo_v_file ul,#bo_v_link ul{margin:0;padding:0;list-style:none;}
#bo_v_file li,#bo_v_link li{
    position:relative;display:flex;gap:14px;align-items:flex-start;
    padding:14px 16px;margin-bottom:10px;
    background:var(--hn-panel2);
    border:1px solid var(--hn-line);
    border-radius:12px;
}
#bo_v_file li:last-child,#bo_v_link li:last-child{margin-bottom:0;}
#bo_v_file li:hover,#bo_v_link li:hover{border-color:var(--hn-red-line);}
#bo_v_file li i,#bo_v_link li i{color:var(--hn-muted);font-size:17px;margin-top:3px;}
#bo_v_file li:hover i,#bo_v_link li:hover i{color:#c5392b;}
#bo_v_file a,#bo_v_link a{display:block;color:#15181B;text-decoration:none;word-break:break-all;}
#bo_v_file a strong,#bo_v_link a strong{font-weight:700;}
.bo_v_file_cnt,.bo_v_link_cnt{display:block;margin-top:5px;color:var(--hn-muted);font-size:12px;}

/* 이전/다음 */
.bo_v_nb{margin:20px 0 0;padding:0;list-style:none;
    border:1px solid var(--hn-line);border-radius:var(--hn-radius);overflow:hidden;background:var(--hn-panel);}
.bo_v_nb li{display:flex;align-items:center;gap:14px;padding:15px 20px;
    border-bottom:1px solid rgba(21,24,27,.05);color:var(--hn-sub);font-size:14px;}
.bo_v_nb li:last-child{border-bottom:0;}
.bo_v_nb li:hover{background:rgba(21,24,27,.03);}
.bo_v_nb .nb_tit{flex:0 0 80px;color:var(--hn-muted);font-size:13px;}
.bo_v_nb .nb_subj{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.bo_v_nb .nb_subj a{color:var(--hn-sub);text-decoration:none;}
.bo_v_nb .nb_subj a:hover{color:#15181B;}
.bo_v_nb .nb_date{flex:0 0 auto;color:var(--hn-muted);font-size:12px;}

.hn-view-bottom{display:flex;justify-content:center;gap:8px;margin:24px 0 0;}

/* ==========================================================================
   답변 (view_comment.skin.php)
   ========================================================================== */
#bo_vc{
    background:var(--hn-panel);
    border:1px solid var(--hn-line);
    border-radius:var(--hn-radius);
    padding:24px 26px;margin-top:16px;
}
#bo_vc > h2{position:absolute;font-size:0;line-height:0;overflow:hidden;}

.cmt_btn{
    display:flex;align-items:center;justify-content:space-between;
    width:100%;margin:24px 0 0;padding:16px 22px;
    background:var(--hn-panel2);
    border:1px solid var(--hn-line);
    border-radius:var(--hn-radius);
    color:#15181B;font-size:15px;font-weight:800;cursor:pointer;
    text-align:left;
}
.cmt_btn:hover{border-color:var(--hn-red-line);}
.cmt_btn .total{display:inline-flex;align-items:center;gap:8px;color:#15181B;}
.cmt_btn .total b{font-weight:900;}
.cmt_btn .total .cnt{
    display:inline-flex;align-items:center;justify-content:center;
    min-width:24px;height:24px;padding:0 8px;border-radius:999px;
    background:var(--hn-red);color:#fff;font-size:12px;font-weight:800;
}
.cmt_btn .cmt_more{
    display:inline-block;width:0;height:0;
    border-left:5px solid transparent;border-right:5px solid transparent;
    border-top:6px solid var(--hn-muted);
    transition:transform .2s ease;
}
.cmt_btn_op .cmt_more{transform:rotate(180deg);}

#bo_vc article{
    position:relative;
    margin:0 0 14px;padding:18px 20px;
    background:var(--hn-panel2);
    border:1px solid var(--hn-line);
    border-radius:14px;
}
#bo_vc article:after{display:block;visibility:hidden;clear:both;content:"";}
#bo_vc article.is-admin{
    background:linear-gradient(180deg,rgba(197,57,43,.09),rgba(197,57,43,.02)) var(--hn-panel2);
    border-color:var(--hn-red-line);
}
#bo_vc article > h2{position:absolute;font-size:0;line-height:0;overflow:hidden;}
#bo_vc .cm_wrap{width:100%;}
#bo_vc header{
    display:flex;align-items:center;gap:10px;flex-wrap:wrap;
    width:100%;margin-bottom:10px;padding-right:40px;
}
#bo_vc header .profile_img{display:none;}
#bo_vc .cmt_who{font-size:14px;font-weight:800;color:#15181B;}
#bo_vc .cmt_badge{
    display:inline-flex;align-items:center;height:22px;padding:0 9px;
    border-radius:999px;font-size:11px;font-weight:800;
    background:var(--hn-red);color:#fff;letter-spacing:-.2px;
}
#bo_vc .cmt_badge--user{background:rgba(21,24,27,.09);color:var(--hn-sub);}
.bo_vc_hdinfo{color:var(--hn-muted);font-size:12px;margin-left:auto;}
.bo_vc_hdinfo i{margin-right:4px;}
#bo_vc .cmt_contents{
    line-height:1.8;color:var(--hn-sub);font-size:14.5px;
    padding:0;margin:0;word-break:break-all;
}
#bo_vc .cmt_contents p{margin:0;}
#bo_vc .cmt_contents a{color:#c5392b;text-decoration:underline;}
#bo_vc_empty{
    margin:0;padding:60px 20px;text-align:center;
    color:var(--hn-muted);font-size:14px;
    border:1px dashed var(--hn-line2);border-radius:14px;
    background:rgba(21,24,27,.02);
}
.icon_reply{margin-right:5px;color:var(--hn-muted);}
#bo_vc .bo_vl_opt{position:absolute;top:14px;right:14px;}
.btn_cm_opt{
    width:30px;height:30px;border:1px solid var(--hn-line);
    border-radius:9px;background:rgba(21,24,27,.04);
    color:var(--hn-muted);cursor:pointer;
}
.btn_cm_opt:hover{color:#15181B;background:rgba(21,24,27,.08);}
.bo_vc_act{
    display:none;position:absolute;right:0;top:36px;z-index:999;
    min-width:92px;
    background:var(--hn-panel3);
    border:1px solid var(--hn-line2);
    border-radius:11px;
    box-shadow:var(--hn-shadow);overflow:hidden;
}
.bo_vc_act li{border-bottom:1px solid rgba(21,24,27,.06);}
.bo_vc_act li:last-child{border-bottom:0;}
.bo_vc_act li a{display:block;padding:10px 14px;color:var(--hn-sub);font-size:13px;text-decoration:none;}
.bo_vc_act li a:hover{background:rgba(21,24,27,.06);color:#15181B;}

/* 답변 쓰기 */
.bo_vc_w{position:relative;display:block;margin:18px 0 0;}
.bo_vc_w:after{display:block;visibility:hidden;clear:both;content:"";}
.bo_vc_w > h2{position:absolute;font-size:0;line-height:0;overflow:hidden;}
.hn-cw{
    background:var(--hn-panel2);
    border:1px solid var(--hn-line);
    border-radius:14px;padding:18px 20px;
}
.hn-cw__tit{
    display:flex;align-items:center;gap:8px;
    margin:0 0 12px;font-size:14px;font-weight:800;color:#15181B;
}
.hn-cw__tit:before{content:"";width:3px;height:13px;background:var(--hn-red);border-radius:2px;}
.bo_vc_w #char_cnt{display:block;margin:0 0 6px;color:var(--hn-muted);font-size:12px;}
.bo_vc_w textarea{
    width:100%;height:120px;padding:14px;
    border:1px solid var(--hn-line);border-radius:12px;
    background:#F6F7F8;color:#15181B;font-size:14px;line-height:1.7;
    resize:vertical;box-shadow:none;
}
.bo_vc_w textarea::placeholder{color:var(--hn-muted);}
.bo_vc_w textarea:focus{outline:0;border-color:var(--hn-red-line);background:#FFFFFF;}
.bo_vc_w_wr{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px;}
.bo_vc_w_info{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.bo_vc_w_info .frm_input{
    height:40px;padding:0 12px;
    background:#F6F7F8;border:1px solid var(--hn-line);border-radius:10px;
    color:#15181B;font-size:14px;
}
.bo_vc_w .btn_confirm{display:flex;align-items:center;gap:14px;margin-left:auto;}
.bo_vc_w .btn_submit{
    height:42px;padding:0 22px;border:0;border-radius:12px;
    background:linear-gradient(180deg,var(--hn-red2),var(--hn-red));
    color:#fff;font-size:14px;font-weight:800;cursor:pointer;
    box-shadow:0 8px 22px rgba(197,57,43,.32);
}
.bo_vc_w .btn_submit:hover{filter:brightness(1.08);}
.secret_cm{display:inline-flex;}
#bo_vc_send_sns{display:inline-block;}
#bo_vc_sns{display:flex;gap:6px;margin:0;padding:0;list-style:none;}

/* ==========================================================================
   글쓰기 (write.skin.php)
   ========================================================================== */
#bo_w{padding:80px 0 60px;}
#bo_w *{box-sizing:border-box;}

.hn-w-head{
    display:flex;align-items:flex-end;justify-content:space-between;
    gap:16px;flex-wrap:wrap;margin-bottom:18px;
}
.hn-w-head h2{margin:0;font-size:24px;font-weight:900;letter-spacing:-.6px;color:#15181B;}
.hn-w-head .hn-desc{margin:7px 0 0;font-size:13px;color:var(--hn-muted);}
.hn-w-head__tags{display:flex;gap:6px;flex-wrap:wrap;}
.hn-chip{
    display:inline-flex;align-items:center;height:26px;padding:0 11px;
    border-radius:999px;background:rgba(21,24,27,.05);
    border:1px solid var(--hn-line);
    color:var(--hn-sub);font-size:12px;font-weight:700;
}

.hn-hero{
    position:relative;overflow:hidden;
    background:
        radial-gradient(900px 240px at 8% -40%, rgba(197,57,43,.22), transparent 62%),
        radial-gradient(700px 200px at 96% 0%, rgba(201,162,74,.14), transparent 58%),
        var(--hn-panel);
    border:1px solid var(--hn-line);
    border-radius:var(--hn-radius);
    padding:24px 26px;margin-bottom:16px;
}
.hn-hero h3{margin:0 0 8px;font-size:18px;font-weight:800;color:#15181B;}
.hn-hero p{margin:0 0 14px;font-size:13.5px;color:var(--hn-sub);}
.hn-hero .hn-w-head__tags .hn-chip{background:rgba(21,24,27,.08);}

.hn-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:16px;}
.hn-panel{
    background:var(--hn-panel);
    border:1px solid var(--hn-line);
    border-radius:var(--hn-radius);
    overflow:hidden;
}
.hn-panel__hd{
    display:flex;align-items:center;justify-content:space-between;gap:10px;
    padding:16px 20px;border-bottom:1px solid var(--hn-line);
    background:rgba(21,24,27,.02);
}
.hn-panel__hd h4{
    margin:0;font-size:15px;font-weight:800;color:#15181B;
    display:flex;align-items:center;gap:8px;
}
.hn-panel__hd h4:before{content:"";width:3px;height:13px;background:var(--hn-red);border-radius:2px;}
.hn-panel__bd{padding:20px;}

/* 안내 리스트 */
.hn-guide{display:grid;row-gap:2px;}
.hn-guide__row{
    display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:start;
    padding:11px 0;border-bottom:1px solid rgba(21,24,27,.05);
}
.hn-guide__row:last-child{border-bottom:0;}
.hn-guide__k{
    display:inline-flex;align-items:center;justify-content:center;
    height:28px;border-radius:999px;
    background:var(--hn-red-soft);border:1px solid var(--hn-red-line);
    color:#c5392b;font-size:12.5px;font-weight:800;
}
.hn-guide__v{font-size:14px;color:var(--hn-sub);line-height:1.6;padding-top:4px;}
.hn-guide__v b{color:#15181B;font-weight:800;}

.hn-divider{border:0;border-top:1px dashed var(--hn-line2);margin:18px 0;}
.hn-note{font-size:13px;color:var(--hn-muted);}
.hn-note b{color:#15181B;}
.hn-warn{
    display:block;padding:12px 14px;border-radius:11px;
    background:rgba(224,161,58,.10);border:1px solid rgba(224,161,58,.35);
    color:#f3bb6a;font-size:13px;line-height:1.6;
}

/* 폼 */
.hn-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.hn-field{display:flex;flex-direction:column;gap:7px;}
.hn-field--full{grid-column:1/-1;}
.hn-field label{font-size:12.5px;font-weight:700;color:var(--hn-muted);}
.hn-field label .req{color:#c5392b;margin-left:3px;}
.hn-input,.hn-select,.hn-textarea{
    width:100%;padding:12px 14px;
    border:1px solid var(--hn-line);border-radius:12px;
    background:#F6F7F8;color:#15181B;font-size:14px;
}
.hn-input::placeholder,.hn-textarea::placeholder{color:#8B9298;}
.hn-input:focus,.hn-select:focus,.hn-textarea:focus{
    outline:0;border-color:var(--hn-red-line);background:#FFFFFF;
    box-shadow:0 0 0 3px rgba(197,57,43,.16);
}
.hn-input[readonly]{background:#EEF1F3;color:var(--hn-sub);cursor:default;}
.hn-select{
    -webkit-appearance:none;-moz-appearance:none;appearance:none;
    background:#F6F7F8 url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%235B6369' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 12px center;
    padding-right:40px;
}
.hn-select option{background:#F6F7F8;color:#15181B;}
.hn-help{font-size:12px;color:var(--hn-muted);line-height:1.5;}
.hn-pwwrap{position:relative;}
.hn-pwwrap .hn-input{padding-right:64px;}
.hn-pwtoggle{
    position:absolute;right:6px;top:6px;
    height:32px;padding:0 11px;
    border:1px solid var(--hn-line);border-radius:9px;
    background:rgba(21,24,27,.05);color:var(--hn-sub);
    font-size:12.5px;cursor:pointer;
}
.hn-pwtoggle:hover{color:#15181B;background:rgba(21,24,27,.09);}

/* 옵션 체크 */
#bo_w .bo_v_option{display:flex;gap:16px;flex-wrap:wrap;margin:0 0 16px;padding:0;list-style:none;}
#bo_w .bo_v_option li{display:inline-flex;}

/* 에디터 */
.hn-editor{margin-top:6px;}
#wr_content{
    width:100%;min-height:260px;padding:16px;
    border:1px solid var(--hn-line);border-radius:12px;
    background:#F6F7F8;color:#15181B;font-size:14.5px;line-height:1.8;
    box-shadow:none;resize:vertical;
}
#wr_content:focus{outline:0;border-color:var(--hn-red-line);background:#FFFFFF;}
#bo_w .wr_content.smarteditor2 iframe{background:#15181B;}
#char_count_wrap{margin-top:8px;font-size:12px;color:var(--hn-muted);}
#char_count_desc{font-size:12.5px;color:var(--hn-muted);margin:0 0 12px;}

/* 파일 */
.hn-files{display:flex;flex-direction:column;gap:10px;}
.hn-file-row{
    display:flex;gap:10px;align-items:center;flex-wrap:wrap;
    padding:12px 14px;background:var(--hn-panel2);
    border:1px solid var(--hn-line);border-radius:12px;
}
.hn-file-row .frm_file{flex:0 0 auto;max-width:100%;color:var(--hn-sub);font-size:13px;}
.hn-file-row .frm_file::-webkit-file-upload-button{
    margin-right:10px;padding:8px 12px;
    border:1px solid var(--hn-line2);border-radius:9px;
    background:rgba(21,24,27,.07);color:#15181B;
    font-size:12.5px;font-weight:700;cursor:pointer;
}
.hn-file-row .hn-input{flex:1;min-width:180px;}
.hn-file-del{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--hn-muted);white-space:nowrap;}
.hn-file-del input{accent-color:var(--hn-red);}
.hn-btn-mini{
    height:36px;padding:0 14px;
    border:1px dashed var(--hn-line2);border-radius:10px;
    background:transparent;color:var(--hn-sub);
    font-size:13px;font-weight:700;cursor:pointer;
}
.hn-btn-mini:hover{color:#15181B;border-color:var(--hn-red-line);background:var(--hn-red-soft);}

/* 제출바 */
.hn-submit-bar{
    position:sticky;bottom:12px;z-index:20;
    display:flex;gap:10px;justify-content:flex-end;align-items:center;
    margin-top:18px;padding:12px 14px;
    background:rgba(255,255,255,.92);
    -webkit-backdrop-filter:saturate(1.4) blur(10px);
    backdrop-filter:saturate(1.4) blur(10px);
    border:1px solid var(--hn-line2);
    border-radius:14px;
}
#captcha_info{color:var(--hn-muted);font-size:12px;}
#bo_w .btn_submit{background:linear-gradient(180deg,var(--hn-red2),var(--hn-red));color:#15181B;border:0;}
#bo_w .btn_cancel{background:rgba(21,24,27,.04);border:1px solid var(--hn-line);color:var(--hn-sub);}

/* jQuery UI datepicker */
.ui-datepicker{
    background:var(--hn-panel2);border:1px solid var(--hn-line2);
    border-radius:14px;padding:14px;width:320px;
    box-shadow:var(--hn-shadow);color:var(--hn-sub);
}
.ui-widget-header{border:0;background:transparent;color:#15181B;}
.ui-datepicker-title{font-weight:800;color:#15181B;}
.ui-state-default{border:0;background:transparent;color:var(--hn-sub);text-align:center;}
.ui-state-hover{background:rgba(21,24,27,.08);border-radius:50%;color:#15181B;}
.ui-state-highlight{background:var(--hn-red);border-radius:50%;color:#15181B;}

/* ==========================================================================
   반응형
   ========================================================================== */
@media all and (max-width:980px){
    .hn-grid{grid-template-columns:1fr;}
    .hn-info__grid{grid-template-columns:1fr;}
}

@media all and (max-width:768px){
    .pc_viewer{display:none !important;}
    .mo_view{display:block !important;}
    .mo_view2{display:contents !important;}

    #bo_list,#bo_v,#bo_w{padding:40px 0 40px;}

    .hn-list-head{align-items:flex-start;flex-direction:column;gap:14px;}
    .hn-list-head h2{font-size:20px;}
    .hn-list-tools{width:100%;justify-content:flex-end;}

    .hn-card{padding:18px 16px;}
    .hn-card__tit a{font-size:16px;}
    .hn-card__chk{top:14px;right:14px;}
    .hn-card__meta{font-size:12.5px;gap:6px 10px;}

    .hn-view-head{padding:20px 18px;}
    .bo_v_tit{font-size:20px;}
    #bo_v_atc,#bo_vc,.hn-info,#bo_v_file,#bo_v_link{padding:20px 18px;}

    .hn-form{grid-template-columns:1fr;}
    .hn-panel__bd{padding:18px 16px;}
    .hn-guide__row{grid-template-columns:84px 1fr;gap:10px;}
    .hn-hero{padding:20px 18px;}

    .bo_v_nb li{flex-wrap:wrap;gap:6px 12px;}
    .bo_v_nb .nb_subj{flex:1 1 100%;order:3;white-space:normal;}

    .bo_vc_w_wr{flex-direction:column;align-items:stretch;}
    .bo_vc_w .btn_confirm{margin-left:0;justify-content:space-between;}
    .bo_vc_w_info .frm_input{flex:1;min-width:0;}

    .hn-submit-bar{position:sticky;bottom:8px;}
    .hn-submit-bar .hn-btn{flex:1;}
}