/* mh_center.css - 엠에이치테크 상세/탭 레이아웃 보정 */

/* 포인트/배송비 숨김 */
.mh_hide_mobile { display:none !important; }

/* 상세페이지 가운데 정렬 */
body #sit, body #sct { width:100% !important; max-width:100% !important; float:none !important; }
body #sit_ov_from {
    float:none !important; display:block !important;
    max-width:1100px !important; width:auto !important;
    margin-left:auto !important; margin-right:auto !important;
    padding:30px 20px !important; box-sizing:border-box !important;
}
body #sit_ov_wrap {
    display:flex !important; flex-direction:row !important;
    gap:40px !important; align-items:flex-start !important;
    width:100% !important; max-width:100% !important; float:none !important;
}

/* 탭 가운데 정렬 */
body #sit_info { width:100% !important; max-width:100% !important; float:none !important; }
#sit_tab .tab_tit { display:flex !important; border-bottom:2px solid #1a4fa0; overflow-x:auto; margin:0 !important; padding:0 !important; }
#sit_tab .tab_tit li { flex:1; min-width:0; list-style:none !important; }
#sit_tab .tab_tit button, #sit_tab .tab_tit a {
    display:block; width:100%; padding:12px 4px;
    font-size:13px; font-weight:600; background:#f5f7fb;
    border:none; border-right:1px solid #dde3ef;
    cursor:pointer; color:#555; white-space:nowrap; text-align:center; text-decoration:none;
}
#sit_tab .tab_tit button.selected,
#sit_tab .tab_tit li.on button { background:#1a4fa0 !important; color:#fff !important; }
#sit_tab .tab_tit li:last-child button,
#sit_tab .tab_tit li:last-child a { border-right:none; }

@media (max-width:768px) {
    body #sit_ov_wrap { flex-direction:column !important; }
    body #sit_pvi, body #sit_ov { width:100% !important; max-width:100% !important; float:none !important; min-width:0 !important; }
    #sit_tab .tab_tit button, #sit_tab .tab_tit a { font-size:12px; padding:10px 4px; }
}

/* 리스트 이미지 잘림 수정 */
.mh_prd_img_wrap {
    display:block !important;
    position:relative !important;
    width:100% !important;
    overflow:hidden !important;
    background:#f8f9fc !important;
}
.mh_prd_img_wrap::before {
    content:'' !important;
    display:block !important;
    padding-top:100% !important;
}
.mh_prd_img_wrap img {
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    transform:none !important;
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    max-width:none !important;
}