/* BASIC css start */
/* page-body */
#productPlan .page-body .visual { margin-top:1px; }
#productPlan .page-body .pick { margin-top:50px; text-align:left; }
#productPlan .page-body .pick select { width:300px; height:38px; font-size:20px; font-weight:700; color:#000; text-align:left; }
#productPlan .page-body .clst { zoom:1; overflow:hidden; margin-top:10px; padding:5px 7px; border-top:1px solid #000; font-weight:700; border-bottom:2px solid #000; }
#productPlan .page-body .clst li { float:left; margin-right:15px; padding:5px; background:url(/images/d3/modern_simple/common/bull_h2_sqr_gray.gif) no-repeat 0 45%; font-size:16px; }
#productPlan .page-body .clst li a { display:block; font-size:20px; white-space:nowrap; }
#productPlan .page-body .p-hd { position:relative; margin-top:30px; padding:0 10px 5px; border-bottom:2px solid #5c5c5c; }
#productPlan .page-body .p-hd.mt-35 { margin-top:35px; }
#productPlan .page-body .p-hd h3 { color:#5c5c5c; font-size:14px; font-weight:bold; letter-spacing:-1px; }
#productPlan .page-body .p-hd .top { position:absolute; top:0; right:5px; color:#5c5c5c; }
#productPlan .page-body .plst { zoom:1; overflow:hidden; margin:25px auto 0; }
#productPlan .page-body .item-wrap { padding-top:50px; }
#productPlan .page-body .item-wrap .main_icons { position:relative; }

.item-wrap .item-cont { display:flex; flex-wrap:wrap; }
.w25p:nth-child(5n) { margin-right:0; }
.w25p:nth-child(1n) { display:block; }
.w25p { width:18.7%; margin-right:1.5%; margin-bottom:25px; }
.item-wrap .s_title { margin:10px 0; padding:10px 20px; border-top:1px solid #d6bcb0; background-color:#ffefef; font-size:20px; font-weight:500; }

#productPlan .page-hd td { padding:10px 0 4px; }
#productPlan .page-hd .pick { margin:0; text-align:left; }
#productPlan .page-hd { border:0; padding:0; }

.plan-side-menu {
    box-sizing:border-box;
    width:280px;
    padding:12px 14px;
    border:1px solid #d9d9d9;
    background:#fff;
    font-size:14px;
    line-height:1.6;
}

.plan-side-menu .plan-side-title { margin-bottom:8px; color:#222; font-size:15px; font-weight:700; }
.plan-side-menu ul { margin:0; padding:0; list-style:none; }
.plan-side-menu ul li { margin:4px 0; padding:0; }
.plan-side-menu ul li a { color:#333; text-decoration:none; }
.plan-side-menu ul li a:hover { color:#005ad9; text-decoration:underline; }

.plan_total {
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin:15px 0;
    padding:12px 15px;
    border:1px solid #ddd;
    background:#f7f7f7;
    color:#333;
}

.total_cnt { font-size:20px; font-weight:500; }
#totalBrandCnt { color:#e60012; font-size:22px; font-weight:500; }
.plan_date { color:#333; font-size:18px; }
.plan_date .end { color:#f80; font-weight:500; }

.plan-list-btn {
    display:inline-block;
    float:right;
    margin-top:-20px;
    padding:10px 20px;
    border:1px solid #ccc;
    background:#ffeaea;
    color:#333;
    font-size:18px;
    font-weight:500;
    text-decoration:none;
}

.plan-list-btn a { font-size:18px !important; font-weight:500 !important; }
.plan-list-btn:hover { border-color:var(--main-color); background:var(--main-color); color:#fff; }

/* =========================================================
   기본 기획전 상품별 포토리뷰
   - 상품정보 바로 아래 독립 배치
   - 최대 3개, 3초마다 위로 전환
   ========================================================= */
#productPlan .dh-plan-review {
    display:none;
    box-sizing:border-box;
    width:100%;
    margin:12px 0 22px;
    padding:4px 0 0;
    border-top:1px solid #d5d5d5;
}

#productPlan .dh-plan-review.is-show { display:block; }

#productPlan .dh-plan-review__window {
    position:relative;
    width:100%;
    height:60px;
    overflow:hidden;
}

#productPlan .dh-plan-review__track {
    width:100%;
    transform:translateY(0);
    transition:transform .45s ease;
    will-change:transform;
}

#productPlan .dh-plan-review__line {
    display:grid;
    grid-template-columns:24px minmax(0, 1fr) 52px;
    align-items:start;
    column-gap:5px;
    box-sizing:border-box;
    width:100%;
    height:60px;
    padding:3px 0;
    overflow:hidden;
}

/* 사진이 없는 일반리뷰는 문구 영역을 넓게 사용 */
#productPlan .dh-plan-review__line.is-text-only {
    grid-template-columns:24px minmax(0, 1fr);
}

#productPlan .dh-plan-review__score {
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    align-self:start;
    justify-self:start;
    box-sizing:border-box;
    width:24px;
    height:52px;
    padding-top:1px;
    color:#ff5a5f;
    font-size:12px;
    line-height:14px;
    font-weight:700;
    text-align:center;
    white-space:normal !important;
}

#productPlan .dh-plan-review__score .star,
#productPlan .dh-plan-review__score .num { display:block !important; width:100%; }
#productPlan .dh-plan-review__score .star { font-size:12px; line-height:12px; }
#productPlan .dh-plan-review__score .num { margin-top:2px; font-size:12px; line-height:14px; }

#productPlan .dh-plan-review__text {
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    align-self:start;
    box-sizing:border-box;
    min-width:0;
    height:51px;
    max-height:51px;
    overflow:hidden;
    color:#555;
    font-size:13px;
    line-height:17px;
    font-weight:400;
    text-decoration:none;
    text-overflow:ellipsis;
    white-space:normal;
    word-break:keep-all;
    overflow-wrap:anywhere;
}

#productPlan .dh-plan-review__text:hover { color:#087be8; text-decoration:underline; }

#productPlan .dh-plan-review__thumb {
    display:block;
    align-self:start;
    justify-self:end;
    box-sizing:border-box;
    width:52px;
    height:52px;
    overflow:hidden;
    border:1px solid #ddd;
    border-radius:4px;
    background:#f7f7f7;
}

#productPlan .dh-plan-review__thumb img {
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transform:none !important;
}

@media (prefers-reduced-motion:reduce) {
    #productPlan .dh-plan-review__track { transition:none !important; }
}

/* BASIC css end */