@charset "utf-8";
/* ==========================================================================
   mirror-tweak.css  —  정적 미러 여백 조정 (딱 한 곳만 건드림)
   --------------------------------------------------------------------------
   대상: .sub_ttl_row
     하위메뉴 바 아래에 JS 가 자동 생성하는 제목 칸.
       <div class="sub_ttl_row">
         <h2 class="ttl">언론보도</h2>
         <p class="ttg">SONGDO CENTRAL INTERNAL MEDICINE</p>
       </div>

   원본 여백:  padding: 18rem 0 8rem;   (위 180px + 아래 80px = 260px)
   조정 후  :  padding: 6rem 0 3.5rem;  (위  60px + 아래 35px =  95px)
              → 약 165px 절약

   ※ 상단 GNB · 서브비주얼 배너 · 하위메뉴 바(#snb) 는 일절 건드리지 않는다.
   ※ 되돌리려면 각 페이지 <head> 의 이 파일 <link> 한 줄만 지우면 원본 그대로.
   ========================================================================== */

:root {
    --ttl-pad-top: 6rem;      /* 원본 18rem — 숫자만 바꾸면 즉시 반영 */
    --ttl-pad-bottom: 3.5rem; /* 원본 8rem */
}

.sub_ttl_row {
    padding: var(--ttl-pad-top) 0 var(--ttl-pad-bottom);
}

/* ── 모바일 (원본 padding: 15.56vw 0 13.75vw) ────────────────────────── */
@media screen and (max-width: 768px) {
    .sub_ttl_row {
        padding: 7vw 0 5vw;
    }
}

/* ── 게시판 본문 이미지 선명/반응형 스타일 ────────────────────────── */
#bo_v_con img, .view_cont img, .board_view img {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 15px auto !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* ── 모바일 전역 우측 상단 전체메뉴 버튼(햄버거 버튼) 시인성 및 클릭 보장 ────────────────────────── */
@media screen and (max-width: 1024px) {
    #hd .right {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        z-index: 9999 !important;
        position: relative !important;
    }

    #hd .right button {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 32px !important;
        height: 32px !important;
        background-image: url('../../../img/mobile/common/ham_btn_bk.png') !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        border: none !important;
        background-color: transparent !important;
        cursor: pointer !important;
        text-indent: -9999px !important;
        overflow: hidden !important;
    }

    /* 서브페이지 헤더가 어두운 배경일 경우 대비 */
    #hd:not(.wh):not(.fix) .right button {
        background-image: url('../../../img/mobile/common/ham_btn_bk.png') !important;
    }
}

