@charset "UTF-8";
/* detail v2 - ship to country / 현지 정보 (.localInfo, _ship-to.jsp).
   마크업은 v1과 공유하는 Vue 컴포넌트(resources/js/item/detail/noticeToCountry.js, shipToCountry.js)에서 나오므로
   CSS로만 처리. 모든 선택자는 .dv2 .dv2-col--right 하위로 한정. */

/* ---------- 카드: .left(공지)와 .right(가이드)를 세로로 쌓음 ---------- */
.dv2 .dv2-col--right .localInfo {
    display: flex;
    margin: 0;
    flex-wrap: wrap;
    align-items: center;
}

.dv2 .dv2-col--right .localInfo .left,
.dv2 .dv2-col--right .localInfo .right {
    width: auto;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
}

.dv2 .dv2-col--right .localInfo .left + .right {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid var(--dv2-border);
    margin: 0;
    padding: 0;
    border: 0;
}

/* ---------- 제목 ---------- */
.dv2 .dv2-col--right .localInfo .tit2 {
    position: relative;
    margin: 0 0 12px;
    font-size: 17px;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 0;
    color: var(--dv2-text);
    word-break: break-word;
}

.dv2 .dv2-col--right .localInfo .right .tit2 {
    padding-right: 24px;
    order: 2;
    flex: 1 1 0;
    min-width: 0;
    font-size: 20px;
}

.dv2 .dv2-col--right .localInfo .btnMore {
    top: 50%;
    padding-right: 12px;
    font-size: 0;
    color: var(--dv2-text-mute);
    background-size: 8px auto;
    right: 0;
    width: 16px;
    height: 16px;
    padding: 0;
    background: none;
    transform: translateY(-50%);
}

/* ---------- 공지 본문 ---------- */
.dv2 .dv2-col--right .localInfo .noticeByCountry {
    min-height: 0;
    background: none;
    border-radius: 0;
}

.dv2 .dv2-col--right .localInfo .noticeByCountry dt {
    margin-bottom: 6px;
    font-size: 12px;
    font-weight: bold;
    color: var(--dv2-text);
}

.dv2 .dv2-col--right .localInfo .noticeByCountry dd {
    font-size: 12px;
    line-height: 1.6;
    color: var(--dv2-text-sub);
}

.dv2 .dv2-col--right .localInfo .noticeByCountry:not(.on) {
    min-height: 120px;
    background: var(--dv2-bg-soft);
    border-radius: 6px;
}

/* ---------- 정의 목록 (port / transit / regulation) ---------- */
.dv2 .dv2-col--right .localInfo .info {
    display: block;
}

.dv2 .dv2-col--right .localInfo .basic,
.dv2 .dv2-col--right .localInfo .import {
    width: auto;
    padding: 0;
    border: 0;
}

.dv2 .dv2-col--right .localInfo .basic dl {
    margin: 0;
}

.dv2 .dv2-col--right .localInfo .basic dl + dl {
    margin-top: 10px;
}

.dv2 .dv2-col--right .localInfo .basic dt {
    position: relative;
    padding-left: 10px;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.5;
    color: #303030;
}

.dv2 .dv2-col--right .localInfo .basic dt::before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 4px;
    height: 4px;
    background: var(--dv2-text);
    border-radius: 50%;
}

.dv2 .dv2-col--right .localInfo .basic dd {
    margin-top: 2px;
    padding-left: 10px;
    font-size: 15px;
    line-height: 1.6;
    color: #505050;
    word-break: break-word;
}

/* ---------- 수입 규정 항목 ---------- */
.dv2 .dv2-col--right .localInfo .import {
    margin-top: 24px;
}

.dv2 .dv2-col--right .localInfo .import .tit3 {
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4;
    color: var(--dv2-text);
}

.dv2 .dv2-col--right .localInfo .import div {
    margin: 6px 0 0;
    padding: 10px 10px 10px 38px;
    font-size: 13px;
    line-height: 1.5;
    color: var(--dv2-text-sub);
    background: var(--dv2-bg-soft);
    border-radius: 6px;
    word-break: break-word;
}

.dv2 .dv2-col--right .localInfo .import div::before {
    top: 10px;
    left: 10px;
    width: 16px;
    height: 16px;
    font-size: 16px;
    line-height: 16px;
    border-width: 1.5px;
}

/* ---------- 디자인: "Ship to <Country>" 카드 하나 (국기 + 제목 + 셰브론, 공지 본문, 정보 순) ----------
   공지(.left)와 ship-to(.right) Vue 컴포넌트는 v1과 공유하므로 순서를 CSS로 재구성:
   .left/.right를 display:contents로 만들고 하위 요소를 줄바꿈 flex 행 안에서 재정렬. */
.dv2 .dv2-col--right .localInfo .left,
.dv2 .dv2-col--right .localInfo .right,
.dv2 .dv2-col--right .localInfo .left .tit2 {
    display: contents;
}

/* 1행: 국기 (공지 제목에서) + "Ship to <Country>" + 셰브론 */
.dv2 .dv2-col--right .localInfo .left .tit2 img {
    order: 1;
    flex: 0 0 auto;
    width: 32px;
    height: 18px;
    margin: 0 8px 16px 0;
    object-fit: cover;
}

.dv2 .dv2-col--right .localInfo .left .tit2 .noticeToCountryName {
    display: none;
}

.dv2 .dv2-col--right .localInfo .btnMore::after {
    content: '';
    position: absolute;
    top: 4px;
    left: 2px;
    width: 7px;
    height: 7px;
    border-top: 2px solid var(--dv2-text);
    border-right: 2px solid var(--dv2-text);
    transform: rotate(45deg);
}

/* 2행: 국가 공지 본문 (자체 제목 없음) */
.dv2 .dv2-col--right .localInfo .left .noticeByCountry {
    order: 3;
    flex: 0 0 100%;
}

.dv2 .dv2-col--right .localInfo .left .noticeByCountry dt {
    display: none;
}

.dv2 .dv2-col--right .localInfo .left .noticeByCountry dd {
    font-size: 15px;
    line-height: 1.6;
    color: #505050;
}

/* 공지 데이터 없음: 회색 플레이스홀더 박스 제거 (ship-to 정보는 계속 표시) */
.dv2 .dv2-col--right .localInfo .left .noticeByCountry:not(.on) {
    display: none;
}

/* 3행: destination / transit / regulation + 수입 규정 목록 */
.dv2 .dv2-col--right .localInfo .right .info,
.dv2 .dv2-col--right .localInfo .right > .noticeByCountry {
    order: 4;
    flex: 0 0 100%;
    margin-top: 16px;
}

/* ---------- Figma 2216:2162 세부 수치 (Ship to 카드) ---------- */
.dv2 .dv2-col--right .localInfo.dv2-card {
    padding: 24px 32px;
    border-color: #ddd;
}

/* 헤더: 국기 28x20 + 8px + 24px Bold #101010, 24px 셰브론 (Figma 에셋) — 국기 img는 위 1행 규칙에 통합 */
.dv2 .dv2-col--right .localInfo .right .tit2 {
    margin-bottom: 16px;
    padding-right: 32px;
    font-size: 24px;
    line-height: normal;
    color: #101010;
}

.dv2 .dv2-col--right .localInfo .btnMore {
    width: 24px;
    height: 24px;
    background: url("https://image.autowini.com/IMG/common/new/ic_chevron_right_24.svg") no-repeat 0 0 / 24px 24px;
}

.dv2 .dv2-col--right .localInfo .btnMore::after {
    content: none;
}

/* 공지 본문: 15px / 1.5 #505050, 간격 16px */
.dv2 .dv2-col--right .localInfo .left .noticeByCountry {
    margin-bottom: 16px;
}

.dv2 .dv2-col--right .localInfo .left .noticeByCountry dd {
    line-height: 1.5;
}

/* destination / transit / regulation: 15px Medium #303030 + disc 불릿 (22px 들여쓰기), 값 15px / 1.4 #606060, 간격 4 / 12 */
.dv2 .dv2-col--right .localInfo .basic dl + dl {
    margin-top: 12px;
}

.dv2 .dv2-col--right .localInfo .basic dt {
    padding-left: 22px;
    font-weight: 500;
    line-height: normal;
}

.dv2 .dv2-col--right .localInfo .basic dt::before {
    top: 7px;
    left: 9px;
    width: 4px;
    height: 4px;
    background: #303030;
}

.dv2 .dv2-col--right .localInfo .basic dd {
    margin-top: 4px;
    padding-left: 22px;
    line-height: 1.4;
    color: #606060;
}

/* 수입 규정: 18px Medium 제목, 항목 간격 8px, 17.5px 컬러 아이콘이 있는 #f7f9fa 박스 */
.dv2 .dv2-col--right .localInfo .import {
    margin-top: 16px;
}

.dv2 .dv2-col--right .localInfo .import .tit3 {
    margin-bottom: 12px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    color: #0c0d0e;
}

.dv2 .dv2-col--right .localInfo .import div {
    position: relative;
    margin: 8px 0 0;
    padding: 10px 10px 10px 35.5px;
    font-size: 13px;
    line-height: 1.4;
    color: #303030;
    background: #f7f9fa;
    border-radius: 4px;
}

.dv2 .dv2-col--right .localInfo .import .tit3 + div {
    margin-top: 0;
}

.dv2 .dv2-col--right .localInfo .import div::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 17.5px;
    height: 17.5px;
    margin-top: -8.75px;
    border: 0;
    border-radius: 0;
    font-size: 0;
    background: url("https://image.autowini.com/IMG/common/new/ic_reg_low.svg") no-repeat 0 0 / 100% 100%;
}

.dv2 .dv2-col--right .localInfo .import div.high::before {
    background-image: url("https://image.autowini.com/IMG/common/new/ic_reg_high.svg");
}

.dv2 .dv2-col--right .localInfo .import div.mid::before {
    background-image: url("https://image.autowini.com/IMG/common/new/ic_reg_medium.svg");
}