.comment-area {font-size:1rem;margin-top:10px}
.view-comment {position:relative;margin-bottom:10px}
.view-comment h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.view-comment .view-comment-heading {font-size:1rem;border-bottom:2px solid #757575;padding:10px 0;margin-bottom:10px}
.view-comment .view-comment-item-wrap {position:relative}
.view-comment .view-comment-item-wrap:before {content:"";position:absolute;top:0;left:0;height:100%;width:1px;background-color:#eaeaea}
.view-comment .view-comment-item-wrap:last-child {border-bottom:1px solid #eaeaea}
.view-comment .view-comment-item-wrap.depth-w15 {background-color:rgba(89, 167, 255, 0.05)}
.view-comment .view-comment-item-wrap.depth-w15:before {background-color:rgba(89, 167, 255, 0.3)}
.view-comment .view-comment-item-wrap.depth-w30 {background-color:rgba(255, 138, 102, 0.05)}
.view-comment .view-comment-item-wrap.depth-w30:before {background-color:rgba(255, 138, 102, 0.3)}
.view-comment .view-comment-item-wrap.depth-w45 {background-color:rgba(77, 181, 171, 0.05)}
.view-comment .view-comment-item-wrap.depth-w45:before {background-color:rgba(77, 181, 171, 0.3)}
.view-comment .view-comment-item-wrap.depth-w60 {background-color:rgba(240, 97, 145, 0.05)}
.view-comment .view-comment-item-wrap.depth-w60:before {background-color:rgba(240, 97, 145, 0.4)}
.view-comment .view-comment-item-wrap.depth-w75 {background-color:rgba(255, 189, 95, 0.05)}
.view-comment .view-comment-item-wrap.depth-w75:before {background-color:rgba(255, 189, 95, 0.4)}
.view-comment .view-comment-item-wrap.depth-w90 {background-color:rgba(179, 216, 78, 0.05)}
.view-comment .view-comment-item-wrap.depth-w90:before {background-color:rgba(179, 216, 78, 0.3)}
.view-comment .view-comment-item {position:relative;padding:0 0 20px;background-color:#fff}
.view-comment .view-comment-item:before {content:"";position:absolute;top:0;left:0;height:100%;width:1px;background-color:#eaeaea}
.view-comment .view-comment-item.cmt-best {background-color:rgba(255, 243, 224, 0.4)}
.view-comment .view-comment-item .no-comment {text-align:center;padding:10px 0 20px}
.view-comment .view-comment-no-item {position:relative;padding:10px 0;border-top:0px solid #eaeaea;border-bottom:0px solid #eaeaea;text-align:center}
.view-comment .view-comment-no-item .no-comment {font-size:.875rem;color:#959595}
.view-comment .view-comment-item .view-cmtgo-btn {position:absolute;top:-12px;left:0;width:24px;height:24px;line-height:24px;text-align:center;background:#4b4b4d;color:#fff;font-size:.6875rem;cursor:pointer;z-index:1}
.view-comment .view-comment-item .view-cmtgo-btn:hover {background:#2b2b2e}
.view-comment .view-comment-item .view-comment-best-label {position:absolute;top:-12px;left:24px;width:80px;height:24px;line-height:24px;text-align:center;background:#3949ab;color:#fff;font-size:.75rem;cursor:pointer;z-index:1}
.view-comment .view-comment-depth {position:absolute;top:0;left:0;width:7px;height:83px;border-left:1px solid #757575;border-bottom:1px solid #757575}
.view-comment .view-comment-depth:after {content:"";width:0;height:0;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent #757575;position:absolute;bottom:-6px;right:-8px}
.view-comment .bl-photo img {width:22px;height:22px;border-radius:10%}
.view-comment .bl-photo.bl-photo-initial {width:22px;height:22px;border-radius:8px;background:#e8edf2;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}
.view-comment .bl-photo-initial-char {font-size:11px;font-weight:700;color:#7b8794;line-height:1}
.view-comment .view-comment-photo {position:absolute;top:10px;left:10px;z-index:1}
.view-comment .view-comment-photo img {width:45px;height:45px;border-radius:50%}
.view-comment .view-comment-photo .comment-photo-initial {width:45px;height:45px;border-radius:50%;background:#e8edf2;display:inline-flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#7b8794;line-height:1}
.view-comment .view-comment-photo .comment-user-icon {font-size:45px;line-height:1;color:#bdbdbd}
.view-comment .view-comment-item.cmt-best .view-comment-photo {top:15px}
.view-comment .view-comment-item.cmt-best .view-comment-depth {display:none}
.view-comment .comment-name .sv_wrap > a {font-weight:400}
.view-comment .comment-item-info {position:relative;padding:2px 20px 5px 70px;margin-bottom:15px;border:1px solid #eaeaea;background-color:#fafafa}
.view-comment .view-comment-item.cmt-best .comment-item-info {padding:10px 20px 5px 70px;border-color:#757575}
.view-comment .view-comment-item.cmt-best .comment-item-body-pn .comment-item-info {padding-left:10px}
.view-comment .comment-item-info > span {margin-right:5px}
.view-comment .comment-item-info.bg-author {border-color:#7ac1f3;background-color:#e3f2fd}
.view-comment .comment-ip {font-size:.875rem;color:#959595;margin-left:5px}
.view-comment .comment-time {font-size:.875rem;color:#959595}
.view-comment .comment-dropdown {position:absolute;top:15px;right:0px;display:inline-block}
.view-comment .comment-dropdown-btn {display:inline-block;width:22px;height:22px;line-height:22px;background:#bdbdbd;color:#fff;text-align:center;font-size:.6875rem;border-radius:50%}
.view-comment .comment-dropdown-btn:after {display:none}
.view-comment .comment-dropdown-btn:hover {background:#757575;color:#fff;cursor:pointer;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;transition:all 0.2s linear}
.view-comment .comment-dropdown .dropdown-menu {left:inherit !important;right:0 !important;background-color:#fff;padding:5px 0;border:1px solid rgba(0,0,0,0.7);box-shadow:none;border-radius:0;margin:0}
.view-comment .comment-dropdown .dropdown-menu a {display:block;padding:5px 10px;color:#151515}
.view-comment .comment-dropdown .dropdown-menu a small {font-size:.6875rem;color:#a5a5a5}
.view-comment .comment-dropdown .dropdown-menu a:hover {background-color:transparent;color:#E95A8B}
.view-comment .comment-dropdown:hover .dropdown-menu {display:block}
.view-comment .comment-item-content {position:relative;padding-left:20px}
.view-comment .comment-item-content .comment-file-item {font-size:.8125rem;position:relative;border:1px solid #d5d5d5;background:#fafafa;padding:10px;margin-bottom:15px}
.view-comment .comment-item-content .comment-file-item:after {content:"";display:block;clear:both}
.view-comment .comment-item-content .comment-file-item span {margin-left:5px}
.view-comment .comment-item-content .comment-file-item i {color:#959595;margin-right:3px}
.view-comment .comment-item-content .comment-cont-wrap.display-flex {display:flex}
.view-comment .comment-item-content .comment-cont-wrap:after {content:"";display:block;clear:both}
.view-comment .comment-item-content .comment-cont-img {position:relative;width:200px;margin-right:15px}
.view-comment .comment-item-content .comment-cont-txt {position:relative;margin-top:-5px}
.view-comment .comment-item-content .comment-image {display:block;width:200px;margin-bottom:15px}
.view-comment .comment-item-content .comment-yello-card {position:relative;padding:10px;margin-bottom:20px;background:#ffbeaa;border:1px solid #ff9b79;opacity:0.45}
.view-comment .comment-btn-wrap {position:relative;text-align:right;height:20px;margin-top:10px}
.view-comment .comment-btn-wrap .comment-btn-right {position:absolute;top:0;right:0}
.view-comment .comment-btn-wrap .comment-btn {position:relative;float:left;padding:0 15px;height:22px;line-height:22px;cursor:pointer;background:#4b4b4d;font-size:.75rem;color:#fff;margin-left:1px;border-radius:3px}
.view-comment .comment-btn-wrap .comment-btn:hover {background:#2b2b2e}
.view-comment .comment-item-body-pn .comment-item-info {padding-left:10px}
.view-comment-write {position:relative;margin-bottom:40px}
.comment-area .comment-write-heading {position:relative;font-size:1rem;border-bottom:2px solid #757575;padding:10px 0;margin-bottom:15px}
.comment-area .comment-write-heading .cmt-point-info-btn {position:absolute;top:9px;right:0}
.comment-area .comment-write-wrap {position:relative}
.comment-area .comment-write {margin-bottom:20px}
.comment-area .comment-write .comment-write-option {position:relative;background:#fafafa;border:1px solid #d5d5d5;border-bottom:0;border-radius:10px 10px 0 0}
.comment-area .comment-write .comment-write-option .option-btn-wrap {padding:15px}
.comment-area .comment-write .comment-write-option .comment-collapse-box {background:#fff;border-top:1px solid #d5d5d5;padding:15px}
.comment-area .comment-write .comment-write-option .comment-collapse-box label {margin-bottom:0}
.comment-area .comment-write .comment-write-option .comment-collapse-box .btn-e-input {padding:5px 16px}
.comment-area .comment-write .comment-write-footer {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    background: #fafafa;
    border: 1px solid #d5d5d5;
    border-top: 0;
    padding: 15px;
    color: #959595;
    font-size: .8125rem;
    border-radius: 0 0 10px 10px;
}
.comment-area .comment-write .comment-write-footer .comment-write-submit {margin-left:auto; flex-shrink:0;}
.comment-area #modal_comment_video_note .table-list-eb .table thead>tr>th {text-align:left}
.comment-area .view-comment-more {text-align:center;border-top:1px solid #e5e5e5;padding-top:30px;margin-bottom:40px}
.comment-area .eyoom-form .textarea {margin-bottom:0}
.comment-area .eyoom-form .textarea textarea {border:1px solid #d5d5d5}
#bo_vc_send_sns ul{padding:0;margin:-5px 0 20px;overflow:hidden}
#bo_vc_send_sns li{float:left;margin-right:10px;list-style:none}
#bo_vc_send_sns li input{margin:10px 25px 10px 5px}
#infscr-loading {text-align:center;z-index:100;position:absolute;left:50%;bottom:0;width:200px;margin-left:-100px;padding:10px;background:#000;opacity:0.6;color:#fff}
#map_canvas {width:1000px;height:400px;display:none}
@media (max-width:767px) {
    .comment-area {font-size:1rem;margin-top:10px}
    .view-comment .comment-item-content .comment-cont-wrap.display-flex {display:block}
    .view-comment .comment-item-content .comment-cont-img {position:relative;width:100%;margin-right:0}
    .view-comment .comment-item-content .comment-cont-txt {position:relative;width:100%}
    .view-comment .comment-item-content .comment-image {width:100%}
}
/* Target the buttons within the float-start div */
.float-start .comment-option-btn {
    margin-right: 3px;
}
.float-end .comment-option-btn {
    margin-left: 3px;
}

/* ============================================================
   Modern Comment Design 2025 — view_comment 전용 오버라이드
   ============================================================ */

/* 댓글 헤딩 */
.view-comment .view-comment-heading {
    font-size: .9375rem;
    font-weight: 700;
    border-bottom: none;
    border-top: 2px solid #ced4da;
    padding: 14px 0 10px;
    margin-bottom: 6px;
    color: #222;
    display: flex;
    align-items: center;
    gap: 6px;
}

/* 댓글 아이템 래퍼 */
.view-comment .view-comment-item-wrap {
    margin-bottom: 6px;
    border-radius: 10px;
    overflow: visible;
}
.view-comment .view-comment-item-wrap:before { display: none; }
.view-comment .view-comment-item-wrap:last-child { border-bottom: none; }

/* ── 대댓글 depth ── */
/* 원본 :before 라인 제거 */
.view-comment .view-comment-item-wrap:before { display: none; }

/* depth 클래스: 들여쓰기만, 라인 없음 */
.view-comment .view-comment-item-wrap[class*="depth-w"] {
    position: relative;
    margin-left: 20px;
    padding-left: 0;
    background: transparent;
    border-left: none;
}
.view-comment .view-comment-item-wrap.depth-w15,
.view-comment .view-comment-item-wrap.depth-w30,
.view-comment .view-comment-item-wrap.depth-w45,
.view-comment .view-comment-item-wrap.depth-w60,
.view-comment .view-comment-item-wrap.depth-w75,
.view-comment .view-comment-item-wrap.depth-w90 { border-left: none; }

/* depth 연결선 제거 */
.view-comment .view-comment-depth { display: none; }

/* 대댓글 연결 라인 없음 */

/* ── 댓글 아이템 — flex row (사진 | 본문) ── */
.view-comment .view-comment-item {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    padding: 12px 14px 10px;
    background: transparent;
    border-radius: 10px;
    border: 1px solid #ced4da;
    box-shadow: 0 1px 4px rgba(0,0,0,.04);
    margin-bottom: 0;
    position: relative;
}
.view-comment .view-comment-item:before { display: none; }
/* ── 베스트 댓글 카드 ── */
.view-comment .view-comment-item.cmt-best {
    flex-wrap: wrap;
    padding: 0;
    border: 1.5px solid #E95A8B;
    background: #fff;
    box-shadow: 0 2px 10px rgba(220,96,159,.15);
    gap: 0;
    overflow: hidden;
    border-radius: 10px;
}

/* 헤더 바: cmtgo-btn + label 한 줄 */
.view-comment .view-comment-item.cmt-best .view-cmtgo-btn {
    position: static;
    order: -2;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    line-height: normal;
    top: auto;
    left: auto;
    border-radius: 8px 0 0 0;
    background: #E95A8B;
    color: #fff;
    font-size: .7rem;
    cursor: pointer;
    z-index: 1;
}
.view-comment .view-comment-item.cmt-best .view-cmtgo-btn:hover { background: #c44d8a; }

.view-comment .view-comment-item.cmt-best .view-comment-best-label {
    position: static;
    order: -1;
    flex: 1;
    display: inline-flex;
    align-items: center;
    height: 28px;
    padding: 0 10px;
    border-radius: 0 8px 0 0;
    font-size: .75rem;
    font-weight: 700;
    background: #fff0f7;
    color: #E95A8B;
    width: auto;
    line-height: normal;
}

/* 베스트 댓글 body — 헤더 다음 줄에 배치 */
.view-comment .view-comment-item.cmt-best .comment-item-body,
.view-comment .view-comment-item.cmt-best .comment-item-body-pn {
    flex-basis: 100%;
    width: 100%;
    padding: 10px 14px 10px 10px;
}

/* cmtgo-btn + label 영역 하단 구분선 */
.view-comment .view-comment-item.cmt-best .view-cmtgo-btn,
.view-comment .view-comment-item.cmt-best .view-comment-best-label {
    border-bottom: 1px solid rgba(220,96,159,.2);
}

/* ── 프로필 사진 — position:absolute 완전 무효화 ── */
.view-comment .view-comment-photo,
.view-comment .view-comment-item.cmt-best .view-comment-photo {
    display: none !important;
}
.view-comment .view-comment-photo img {
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 50%;
    border: 1px solid #ced4da;
    object-fit: cover;
    display: block;
}
.view-comment .view-comment-photo .comment-photo-initial {
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 50%;
    background: #e8edf2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .5625rem;
    font-weight: 700;
    color: #7b8794;
    line-height: 1;
}
.view-comment .view-comment-photo .comment-user-icon {
    font-size: 1.125rem;
    color: #d0d0d0;
    line-height: 1;
    display: block;
}

/* 익명 댓글 — 닉네임 앞 프로필 아이콘 없음 */
.view-comment .view-comment-item.cmt-anonymous .view-comment-photo,
.view-comment .view-comment-item.cmt-anonymous .comment-name .bl-photo {
    display: none !important;
}

/* ── 본문 영역 (사진 오른쪽) ── */
.view-comment .comment-item-body,
.view-comment .comment-item-body-pn {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

/* ── 닉네임+시간 영역 — 기존 padding:70px 완전 무효화 ── */
.view-comment .comment-item-info,
.view-comment .view-comment-item.cmt-best .comment-item-info,
.view-comment .view-comment-item.cmt-best .comment-item-body-pn .comment-item-info {
    position: relative;
    display: flex !important;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0;
    padding: 0 28px 2px 0 !important; /* 우측 28px: ⋮ 메뉴 아이콘 공간 */
    margin-bottom: 2px !important;
    border: none !important;
    border-bottom: none !important;
    background: transparent !important;
}
.view-comment .view-comment-item.cmt-best .comment-item-info { border-bottom: none !important; }
.view-comment .comment-item-info.bg-author { border-bottom: none !important; }

/* m-t-5(닉네임), m-t-0(시간) → 같은 줄에 inline-flex */
.view-comment .comment-item-info .m-t-5,
.view-comment .comment-item-info .m-t-0 {
    display: inline-flex !important;
    align-items: center;
    gap: 4px;
    margin: 0 !important;
    flex-shrink: 0;
}
/* 구분점 · */
.view-comment .comment-item-info .m-t-5::after {
    content: '·';
    color: #d0d0d0;
    font-size: .8rem;
    margin: 0 4px;
}

.view-comment .comment-name { font-size: .9375rem; font-weight: 700; color: #222; margin-left: 0 !important; line-height: 1.25; }
.view-comment .cmt-my-label { display: inline-block; background:rgba(45, 170, 184, 0.2);color: #2DAAB8;font-size: 0.7rem; padding: 1px 5px; border-radius: 3px; margin-left: 0; vertical-align: middle; font-weight: bold; }
.view-comment .cmt-author-badge { display:inline-block; background:#fef0f6; color:#E95A8B; font-size:.85rem; font-weight:400; padding:1px 7px; border-radius:20px; vertical-align:middle; margin-left:0; }
.view-comment .comment-name .sv_wrap { margin-left: 0; }
.view-comment .comment-name .sv_wrap > a {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-weight: 700;
    margin-left: 0;
    padding-left: 0;
    line-height: 1.25;
}
.view-comment .comment-name .sv_wrap > a .bl-photo { flex-shrink: 0; }
/* 닉네임 앞 프로필 아이콘 — 닉네임 텍스트(.9375rem bold, line-height 1.25) 높이에 맞춤 */
.view-comment .bl-photo img,
.view-comment .bl-photo.bl-photo-initial,
.view-comment .comment-name .sv_wrap > a .bl-photo img,
.view-comment .comment-name .sv_wrap > a .bl-photo.bl-photo-initial {
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 6px;
}
.view-comment .bl-photo-initial-char {
    font-size: .5625rem;
    line-height: 1;
}

.view-comment .comment-time { font-size: .73rem; color:#9ca3af; }
.view-comment .comment-time i { display: none; }
.view-comment .comment-item-info .m-t-0 { margin-left: 0 !important; }

/* 드롭다운 신고 버튼 (⋮) */
.view-comment .comment-dropdown { top: calc(50% - 6px); transform: translateY(-50%); }
.view-comment .comment-dropdown-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 24px;
    min-height: 24px;
    padding: 1px;
    line-height: normal;
    background: transparent;
    color:#9ca3af;
    border-radius: 0;
    font-size: .875rem;
    cursor: pointer;
}
.view-comment .comment-dropdown-btn svg {
    width: 1.0625rem;
    height: 1.0625rem;
    stroke-width: 2;
}
.view-comment .comment-dropdown-btn:hover { background: transparent !important; color:#8390a0; border: none !important; box-shadow: none !important; }
.view-comment .comment-dropdown-btn,
.view-comment .comment-dropdown-btn:focus,
.view-comment .comment-dropdown-btn:active {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
}
.view-comment .comment-dropdown .dropdown-menu {
    border-radius: 8px;
    border: 1px solid #ced4da;
    box-shadow: 0 4px 12px rgba(0,0,0,.1);
    padding: 4px 0;
}
.view-comment .comment-dropdown .dropdown-menu a { border-radius: 4px; margin: 0; padding: 5px 10px; color:#9ca3af; }
.view-comment .comment-dropdown .dropdown-menu a:hover { background: #f4f4f6; color: #222; }
.view-comment .comment-dropdown .dropdown-menu a.disabled {
    pointer-events: none;
    opacity: .45;
    cursor: default;
}
.view-comment .comment-dropdown .dropdown-menu a.disabled:hover {
    background: transparent;
    color:#9ca3af;
}
.view-comment .comment-dropdown .dropdown-menu a.disabled i {
    color:#9ca3af;
}


/* ===== 댓글 점3개 드롭다운 클릭 보완 ===== */
.view-comment .view-comment-item-wrap,
.view-comment .view-comment-item,
.view-comment .comment-item-body,
.view-comment .comment-item-body-pn,
.view-comment .comment-item-info {
    overflow: visible !important;
}

.view-comment .comment-dropdown {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 200;
}

.view-comment .comment-dropdown .dropdown-menu {
    display: none !important;
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    left: auto;
    min-width: 150px;
    margin: 0;
    z-index: 300;
    pointer-events: auto;
}

.view-comment .comment-dropdown.open .dropdown-menu,
.view-comment .comment-dropdown .dropdown-menu.show {
    display: block !important;
}

.view-comment .comment-dropdown:hover .dropdown-menu {
    display: none !important;
}

.view-comment .comment-dropdown.open:hover .dropdown-menu {
    display: block !important;
}

/* 댓글 내용 */
.view-comment .comment-item-content { padding-left: 0; padding-top: 2px; }

/* 댓글 액션 버튼 (댓글쓰기, 수정, 삭제, 추천, 비추천) */
.view-comment .comment-btn-wrap { height: auto; margin-top: 8px; }
.view-comment .comment-btn-wrap .comment-btn-right {
    position: static;
    display: flex;
    justify-content: flex-end;
    gap: 4px;
}
.view-comment .comment-btn-wrap .comment-btn {
    float: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    height: 26px;
    padding: 0 10px;
    font-size: .75rem;
    font-weight: 600;
    background: transparent;
    color:#8390a0 !important;
    border: 1.5px solid #ddd;
    border-radius: 13px;
    cursor: pointer;
    text-decoration: none;
    transition: all .18s ease;
    margin-left: 0;
}
.view-comment .comment-btn-wrap .comment-btn:hover {
    background: #f4f4f6;
    border-color: #bbb;
    color:#9ca3af !important;
}
/* 댓글쓰기 버튼 — 티파니 그린 */
.view-comment .comment-btn-wrap a[onclick*="'c'"],
.view-comment .comment-btn-wrap a.goodcmt_button {
    border-color: #2DAAB8;
    color: #2DAAB8 !important;
}
.view-comment .comment-btn-wrap .board-cmt-act-good .text-amber {
    color: #2DAAB8 !important;
}
.view-comment .comment-btn-wrap a[onclick*="'c'"]:hover,
.view-comment .comment-btn-wrap a.goodcmt_button:hover {
    background: rgba(0,162,154,.07);
    border-color: #2DAAB8;
}
/* 삭제 버튼 */
.view-comment .comment-btn-wrap .comment_delete {
    border-color: #e0b0b0;
    color: #c0392b !important;
}
.view-comment .comment-btn-wrap .comment_delete:hover {
    background: #fff5f5;
    border-color: #c0392b;
    color: #c0392b !important;
}

/* 댓글 더보기 버튼 */
.comment-area .view-comment-more { border-top: 1px solid #eee; padding-top: 20px; margin-bottom: 30px; }
.comment-area .view-comment-more .btn-e.btn-e-deep-purple,
.comment-area .view-comment-more .btn-e.btn-e-lg {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 38px;
    padding: 0 24px;
    font-size: .875rem;
    font-weight: 600;
    border-radius: 19px;
    border: none;
    background: linear-gradient(135deg, #2DAAB8 0%, #007a73 100%);
    color: #fff !important;
    box-shadow: 0 2px 10px rgba(0,162,154,.25);
    transition: all .2s ease;
    text-decoration: none;
}
.comment-area .view-comment-more .btn-e.btn-e-deep-purple:hover { box-shadow: 0 3px 12px rgba(0,162,154,.4); transform: translateY(-1px); }

/* 댓글쓰기 헤딩 */
.comment-area .comment-write-heading {
    font-size: .9375rem;
    font-weight: 700;
    border-bottom: none;
    border-top: 1px solid #eee;
    padding: 14px 0 10px;
    margin-bottom: 12px;
    color: #222;
}

.comment-area .comment-write-heading {display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap;}
.comment-area .comment-write-heading .comment-write-heading-left {display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.comment-area .comment-write-heading .comment-inline-options {display:flex;align-items:center;gap:12px;}
.comment-area .comment-write-heading .comment-inline-options .checkbox {margin-bottom:0;}

/* 댓글 등록 버튼 */
.comment-area .comment-write-submit .btn-e.btn-deep-purple,
.comment-area .comment-write-submit .btn-e.btn-e-lg.btn-deep-purple {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    padding: 0 18px;
    font-size: .8125rem;
    font-weight: 600;
    border-radius: 20px;
    border: none;
    background: linear-gradient(135deg, #2DAAB8 0%, #007a73 100%);
    color: #fff !important;
    box-shadow: 0 2px 10px rgba(0,162,154,.3);
    transition: all .2s ease;
    cursor: pointer;
}
.comment-area .comment-write-submit .btn-e.btn-deep-purple:hover { box-shadow: 0 3px 10px rgba(0,162,154,.4); transform: translateY(-1px); }

.dark-mode .comment-area .comment-write-submit .btn-e.btn-deep-purple,
.dark-mode .comment-area .comment-write-submit .btn-e.btn-e-lg.btn-deep-purple {
    background: linear-gradient(135deg, #2DAAB8 0%, #007a73 100%) !important;
    border: none !important;
    border-radius: 20px !important;
    color: #fff !important;
    box-shadow: 0 2px 10px rgba(45,170,184,.25) !important;
}

.dark-mode .comment-area .comment-write-submit .btn-e.btn-deep-purple:hover,
.dark-mode .comment-area .comment-write-submit .btn-e.btn-e-lg.btn-deep-purple:hover {
    box-shadow: 0 3px 12px rgba(45,170,184,.35) !important;
    transform: translateY(-1px);
    color: #fff !important;
}

/* 옵션 버튼 (첨부파일, 동영상 등) */
.comment-area .comment-option-btn.btn-e.btn-gray {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    height: 30px;
    padding: 0 12px;
    font-size: .8125rem;
    font-weight: 500;
    border-radius: 15px;
    background: transparent;
    color:#8390a0 !important;
    border: 1.5px solid #d5d5d5;
    transition: all .18s ease;
    text-decoration: none;
}
.comment-area .comment-option-btn.btn-e.btn-gray:hover {
    background: #f4f4f6;
    border-color: #aaa;
    color:#9ca3af !important;
}

/* 포인트 안내 버튼 */
.comment-area .cmt-point-info-btn.btn-e.btn-gray {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    height: 26px;
    padding: 0 10px;
    font-size: .75rem;
    border-radius: 13px;
    background: transparent;
    color: #777 !important;
    border: 1.5px solid #ddd;
    transition: all .18s ease;
}
.comment-area .cmt-point-info-btn.btn-e.btn-gray:hover { background: #f4f4f6; border-color: #aaa; color:#8390a0 !important; }

/* 모바일 — PC Modern Comment Design 과 동일, 좁은 화면만 보조 조정 */
@media (max-width: 767px) {
    .view-comment .view-comment-item {
        padding: 10px 10px 2px;
    }
    .view-comment .view-comment-item.cmt-best .comment-item-body,
    .view-comment .view-comment-item.cmt-best .comment-item-body-pn {
        padding-bottom: 2px;
    }
    .view-comment .comment-btn-wrap {
        margin-bottom: 0;
    }
    .view-comment .view-comment-item-wrap[class*="depth-w"] {
        margin-left: 10px;
    }
    .view-comment .comment-btn-wrap .comment-btn {
        height: 24px;
        padding: 0 8px;
        font-size: .7rem;
    }

    /* 닉네임 앞 프로필 아이콘 — 좌측 10px 여백 */
    .view-comment .view-comment-item:not(.cmt-anonymous) .comment-item-body:has(.bl-photo),
    .view-comment .view-comment-item:not(.cmt-anonymous) .comment-item-body-pn:has(.bl-photo) {
        padding-left: 10px;
    }

    /* 일반 댓글 — 본문 좌측 5px 축소 (프로필 아이콘 있을 때만) */
    .view-comment .view-comment-item:not(.cmt-best):has(.bl-photo) .comment-item-content {
        margin-left: -5px;
    }

    /* 베스트 댓글 — 닉네임 라인 좌측 5px 추가 */
    .view-comment .view-comment-item.cmt-best .comment-item-info {
        padding-left: 5px !important;
    }

    /* 수정/답글 인라인 폼 — 좁은 화면 */
    .view-comment .view-comment-item .comment-item-body > span[id^="edit_"],
    .view-comment .view-comment-item .comment-item-body > span[id^="reply_"],
    .view-comment .view-comment-item .comment-item-body-pn > span[id^="edit_"],
    .view-comment .view-comment-item .comment-item-body-pn > span[id^="reply_"] {
        display: block;
        width: 100%;
        min-width: 0;
        margin-top: 8px;
    }
    .view-comment .view-comment-item [id^="edit_"] .view-comment-write,
    .view-comment .view-comment-item [id^="reply_"] .view-comment-write {
        margin-bottom: 0;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }
    .view-comment .view-comment-item [id^="edit_"] .comment-write-wrap,
    .view-comment .view-comment-item [id^="reply_"] .comment-write-wrap {
        min-width: 0;
        max-width: 100%;
    }
    .view-comment .view-comment-item [id^="edit_"] .comment-write-heading,
    .view-comment .view-comment-item [id^="reply_"] .comment-write-heading {
        flex-wrap: wrap;
        gap: 8px;
    }
    .view-comment .view-comment-item [id^="edit_"] .comment-write-heading .cmt-point-info-btn,
    .view-comment .view-comment-item [id^="reply_"] .comment-write-heading .cmt-point-info-btn {
        position: static;
    }
    .view-comment .view-comment-item [id^="edit_"] .comment-write .option-btn-wrap,
    .view-comment .view-comment-item [id^="reply_"] .comment-write .option-btn-wrap {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 4px;
    }
    .view-comment .view-comment-item [id^="edit_"] .comment-write .option-btn-wrap .float-start,
    .view-comment .view-comment-item [id^="reply_"] .comment-write .option-btn-wrap .float-start,
    .view-comment .view-comment-item [id^="edit_"] .comment-write .option-btn-wrap .float-end,
    .view-comment .view-comment-item [id^="reply_"] .comment-write .option-btn-wrap .float-end {
        float: none !important;
        display: flex;
        flex-wrap: wrap;
        gap: 4px;
    }
    .view-comment .view-comment-item [id^="edit_"] .comment-write-footer,
    .view-comment .view-comment-item [id^="reply_"] .comment-write-footer {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }
    .view-comment .view-comment-item [id^="edit_"] .comment-write-footer .comment-write-submit,
    .view-comment .view-comment-item [id^="reply_"] .comment-write-footer .comment-write-submit {
        margin-left: 0;
        text-align: right;
    }
}

/* 다크모드 */
/* 일반 댓글 버튼 (댓글쓰기, 수정, 추천, 비추천 등) */
.dark-mode .view-comment .comment-btn-wrap .comment-btn {
    border-color: #3a4350;
    color:#9ca3af !important;
}
.dark-mode .view-comment .comment-btn-wrap .comment-btn:hover {
    background: #252d38;
    border-color: #4a535e;
    color:#ced4da !important;
}
/* 댓글쓰기 / 추천 버튼 */
.dark-mode .view-comment .comment-btn-wrap a[onclick*="'c'"],
.dark-mode .view-comment .comment-btn-wrap a.goodcmt_button {
    border-color: #2a5a57;
    color: #2DAAB8 !important;
}
.dark-mode .view-comment .comment-btn-wrap .board-cmt-act-good .text-amber {
    color: #2DAAB8 !important;
}
.dark-mode .view-comment .comment-btn-wrap a[onclick*="'c'"]:hover,
.dark-mode .view-comment .comment-btn-wrap a.goodcmt_button:hover {
    background: rgba(0,162,154,.12);
    border-color: #2DAAB8;
}
/* 삭제 버튼 */
.dark-mode .view-comment .comment-btn-wrap .comment_delete {
    border-color: #5a2a2a;
    color: #e57373 !important;
}
.dark-mode .view-comment .comment-btn-wrap .comment_delete:hover {
    background: #2d1a1a;
    border-color: #e57373;
    color: #e57373 !important;
}
/* 댓글 더보기 버튼 — teal 계열이므로 다크모드 변경 없음 */
/* 댓글쓰기 헤딩 구분선 */
.dark-mode .comment-area .comment-write-heading {
    border-top-color: #30363d;
    color:#ced4da;
}
/* 옵션 버튼 (첨부파일, 동영상 등) */
.dark-mode .comment-area .comment-option-btn.btn-e.btn-gray {
    border-color: #3a4350;
    color:#9ca3af !important;
}
.dark-mode .comment-area .comment-option-btn.btn-e.btn-gray:hover {
    background: #252d38;
    border-color: #4a535e;
    color:#ced4da !important;
}
/* 포인트 안내 버튼 */
.dark-mode .comment-area .cmt-point-info-btn.btn-e.btn-gray {
    border-color: #3a4350;
    color:#9ca3af !important;
}
.dark-mode .comment-area .cmt-point-info-btn.btn-e.btn-gray:hover {
    background: #252d38;
    border-color: #4a535e;
    color:#9ca3af !important;
}
/* 댓글 더보기 구분선 */
.dark-mode .comment-area .view-comment-more { border-top-color: #30363d; }
/* 글쓴이 뱃지 다크모드 */
.dark-mode .view-comment .cmt-author-badge { background: rgba(233,90,139,.15); color: #f48fb1; }
.dark-mode .view-comment .comment-item-info.bg-author { border-color: #4a6a8a; background-color: #1a2a3a; }
/* 닉네임·댓글 이니셜 아이콘 */
.dark-mode .view-comment .bl-photo.bl-photo-initial {
    background: #3a3f48;
}
.dark-mode .view-comment .bl-photo-initial-char {
    color: #b8c0cc;
}
.dark-mode .view-comment .view-comment-photo .comment-photo-initial {
    background: #3a3f48;
    color: #b8c0cc;
}