@charset "utf-8";
/* BLDC (1006): technical image selectors in product add/edit screen. */
#bo_w .dimension_pick_wrap{margin-top:8px}
#bo_w .dimension_pick_grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#bo_w .dimension_pick_item{display:block;position:relative;min-width:0}
#bo_w .dimension_pick_item input[type="checkbox"]{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden}
#bo_w .dimension_pick_box{display:block;border:1px solid #d9e1ea;border-radius:10px;padding:8px;background:#fff;cursor:pointer;height:100%;box-sizing:border-box}
#bo_w .dimension_pick_item input:checked + .dimension_pick_box{border-color:#1262b3;box-shadow:0 0 0 2px rgba(18,98,179,.12)}
#bo_w .dimension_pick_item input:focus-visible + .dimension_pick_box{outline:2px solid #1262b3;outline-offset:2px}
#bo_w .dimension_pick_thumb{display:flex;align-items:center;justify-content:center;height:96px;border:1px solid #e5e5e5;border-radius:7px;overflow:hidden;background:#f8fafc}
#bo_w .dimension_pick_thumb img{display:block;width:100%;max-width:100%;height:100%;max-height:96px;object-fit:contain}
#bo_w .dimension_pick_title{display:block;margin-top:6px;font-size:13px;font-weight:700;color:#111;line-height:1.4;overflow-wrap:anywhere}
#bo_w .dimension_pick_series{display:block;margin-top:3px;font-size:11px;color:#6b7280;line-height:1.4;overflow-wrap:anywhere}
#bo_w .dimension_pick_empty{margin:8px 0 0;color:#6b7280;font-size:13px}
@media(max-width:740px){
  #bo_w .dimension_pick_grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  #bo_w .dimension_pick_box{padding:7px}
  #bo_w .dimension_pick_thumb{height:76px}
  #bo_w .dimension_pick_thumb img{max-height:76px}
  #bo_w .dimension_pick_title{font-size:12px}
}
/* Detail drawings: no duplicate title above the drawing; two-column Torque charts. */
#bo_v .dimension_view_list{display:flex;flex-direction:column;gap:28px}
#bo_v .dimension_view_item{min-width:0}
#bo_v .dimension_view_image{border:1px solid #e5e7eb;background:#fff;overflow:hidden}
#bo_v .dimension_view_image img{display:block;width:100%;height:auto;object-fit:contain}
#bo_v .torque_view_list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
#bo_v .torque_view_item .dimension_view_image{padding:10px}
@media(max-width:767px){#bo_v .torque_view_list{grid-template-columns:1fr}}

/* 1006 BLDC: 기존 HTML 사양표를 0101과 같은 표 디자인으로 표시.
   신규 편집기 사양표(.mtl-spec-table)는 공통 mtl-spec-editor.css 사용.
   상품 정보/이미지/그 외 영역의 스타일은 변경하지 않음. */
#bo_v_con.mtlk-1006-spec-content {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
#bo_v_con.mtlk-1006-spec-content table:not(.mtl-spec-table):not(.mtl-spec-edit-table) {
    width: 100% !important;
    min-width: 580px;
    table-layout: fixed;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    border: 1px solid #b9c2c9 !important;
    background: #fff !important;
    margin: 0 !important;
}
#bo_v_con.mtlk-1006-spec-content table:not(.mtl-spec-table):not(.mtl-spec-edit-table) th,
#bo_v_con.mtlk-1006-spec-content table:not(.mtl-spec-table):not(.mtl-spec-edit-table) td {
    height: auto !important;
    padding: 9px 8px !important;
    border: 1px solid #b9c2c9 !important;
    background: #fff !important;
    color: #171717 !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    text-align: center !important;
    vertical-align: middle !important;
    overflow-wrap: anywhere;
}
#bo_v_con.mtlk-1006-spec-content table:not(.mtl-spec-table):not(.mtl-spec-edit-table) :is(th,td) p {
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    text-align: inherit !important;
}
#bo_v_con.mtlk-1006-spec-content table:not(.mtl-spec-table):not(.mtl-spec-edit-table) :is(th,td) span {
    color: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    background: transparent !important;
}
#bo_v_con.mtlk-1006-spec-content table:not(.mtl-spec-table):not(.mtl-spec-edit-table) tr:first-child > :is(th,td) {
    background: #0074bd !important;
    color: #fff !important;
    font-weight: 600 !important;
}
#bo_v_con.mtlk-1006-spec-content table:not(.mtl-spec-table):not(.mtl-spec-edit-table) tbody tr:nth-child(even) > :is(th,td) {
    background: #f7f8fa !important;
}
@media (max-width: 600px) {
    #bo_v_con.mtlk-1006-spec-content table:not(.mtl-spec-table):not(.mtl-spec-edit-table) :is(th,td) {
        padding: 7px 5px !important;
        font-size: 12px !important;
    }
}