/* mall_fix.css — 프론트 UI 잔버그 fix (원본 mall_01.css / text.css 는 무변경)
 * 로드 순서: mall_01.css → gnb.css → NotoSansKr.css → text.css → mall_fix.css (마지막)
 *
 * 2026-08-12: input[type=image] vs img 태그 차이로 확인/취소 이미지 버튼 사이즈 어긋남 fix
 *  - <input type="image"> 는 브라우저 기본 padding/vertical-align:baseline 이 있어
 *    옆의 <img> 와 나란히 두면 위치·크기 어긋남.
 *  - 두 요소 모두 아래 규칙으로 padding/margin/border 0 + vertical-align:middle 통일.
 */

input[type="image"] {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    vertical-align: middle !important;
    cursor: pointer;
}

/* 이미지 버튼 페어에서 img 도 동일 baseline 통일 */
a > img[src*="/button/but_"],
img[src*="/button/but_"] {
    vertical-align: middle;
    border: 0;
}

/* ─────────────────────────────────────────────
   2026-08-12: 상품 상세페이지 (goods_view.php) 상세설명 안 img·table·iframe 이
   원본 폭 (예: 800px+) 그대로 렌더되어 컨테이너(781px) 초과하는 문제 fix.
   운영 ASP 시절 CKEditor 로 삽입된 대형 이미지 (악보 미리보기 등) 대상.
   ───────────────────────────────────────────── */
.goods-desc-body {
    max-width: 100%;
    overflow-x: auto;
    word-wrap: break-word;
    overflow-wrap: break-word;
}
.goods-desc-body img,
.goods-desc-body video,
.goods-desc-body iframe {
    max-width: 100% !important;
    height: auto !important;
    display: inline-block;
}
.goods-desc-body table {
    max-width: 100% !important;
    /* 인라인 style width="800" 등이 있어도 강제로 100% 이내로 */
    width: auto !important;
}
.goods-desc-body table img {
    max-width: 100% !important;
    height: auto !important;
}

/* 안전망: 게시글 view(bbs_view.php) 도 동일 wrapper 사용 시 대응 */
.bbs-view-body img,
.bbs-view-body video,
.bbs-view-body iframe {
    max-width: 100% !important;
    height: auto !important;
}

/* 우측 퀵바: 칸 밖으로 넘치지 않게 폭만 제한.
   overflow:hidden 은 position:absolute 메뉴를 잘라 바가 안 보이므로 쓰지 않는다. */
#quicktable {
    position: relative;
    width: 72px;
}
#quick_menu_div {
    position: absolute !important;
    left: 0 !important;
    width: 63px;
    max-width: 63px;
    z-index: 20;
}
#quick_menu_div img {
    max-width: 63px !important;
    height: auto !important;
    display: block;
}

/* 주문서: 표가 781px를 넘기면 퀵바와 겹침 → 폭 고정 + 바는 우측 여백으로 */
body.page-order #quick_menu_div {
    left: 80px !important;
}
body.page-order .order-sheet {
    width: 700px !important;
    max-width: 700px !important;
    table-layout: fixed;
}
body.page-order .order-sheet table {
    max-width: 100%;
    table-layout: fixed;
}

/* 회원탈퇴 안내문 겹침 방지 */
.secession-notice,
.secession-notice li {
    float: none !important;
    position: static !important;
    display: list-item !important;
    line-height: 1.85 !important;
    height: auto !important;
    overflow: visible !important;
}