/* 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;
}