/* BASIC css start */
/* page-body */
#productPlan .page-body .visual { margin-top:30px }
#productPlan .page-body .pick { margin-top:30px; text-align:center }
#productPlan .page-body .pick select { width:588px; height:38px; font-size:15px; color:#555; text-align:center }
#productPlan .page-body .clst { zoom: 1; overflow: hidden; margin-top: 10px; padding: 10px 7px 7px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
#productPlan .page-body .clst li { float: left; margin-right: 15px; padding-left: 10px; background: url(/images/d3/modern_simple/common/bull_h2_sqr_gray.gif) no-repeat 0 45%; }
#productPlan .page-body .clst li a { display: block; white-space: nowrap; }
#productPlan .page-body .p-hd { position: relative; margin-top: 70px; 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; }

/* 상품 3개 그룹을 감싸는 wrap */
#productPlan .item-wrap {
    display: block;
    width: 100%;
}

/* 상품 3개가 들어가는 한 줄(row) */
#productPlan .item-wrap .item-cont {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

/* 개별 상품 카드 */
#productPlan .item-wrap .item-cont .item-list {
    width: 32%;           /* 3개 * 32% + 여백으로 한 줄 채움 */
    box-sizing: border-box;
}

/* 상품 이미지가 카드 너비에 맞게 나오도록 */
#productPlan .item-wrap .item-cont .item-list .thumb img {
    width: 100%;
    height: auto;
}

/* 썸네일 이미지를 상품명/가격 영역과 같은 너비로 맞춤 */
#productPlan .item-list .thumb img {
    width: 100%;
    height: auto;
    display: block;
}

/* 가격 영역 전체 여백 및 기본 크기 */
#productPlan .item-list .prd-price {
    margin-top: 8px;
    font-size: 15px;
}

/* 할인 전 원가 (취소선) - 작고 연하게 */
#productPlan .item-list .prd-price strike {
    font-size: 13px;
    color: #999;
    margin-right: 6px;
}

/* 실제 판매가/할인가 - 크고 굵게 강조 */
#productPlan .item-list .prd-price .price {
    font-size: 19px;
    font-weight: 700;
    color: #000;
}

/* 상품명도 살짝 키워서 가독성 개선 (선택사항) */
#productPlan .item-list .prd-name {
    font-size: 13px;
    margin-top: 6px;
    line-height: 1.4;
}

/* 썸네일 링크와 감싸는 div가 컬럼 전체 너비를 갖도록 지정 */
#productPlan .item-wrap .item-cont .item-list .thumb > a {
    display: block;
    width: 100%;
}

#productPlan .item-wrap .item-cont .item-list .main_icons {
    width: 100%;
}

#productPlan .prd-price {
    display: flex;
    align-items: baseline;
    gap: 6px;
    flex-wrap: wrap;
}

/* 할인율 - 붉은색 볼드 */
#productPlan .prd-price .discount-rate {
    color: #ff3b30;
    font-weight: 700;
    font-size: 18px;
}

/* 정상판매가 - 취소선, 숫자는 좀 더 크게 */
#productPlan .prd-price strike {
    font-size: 15px;
    color: #999;
    font-weight: 400;
}

/* 세일가 - 검은색 볼드, 강조 */
#productPlan .prd-price .price {
    color: #000;
    font-weight: 700;
    font-size: 19px;
}
/* BASIC css end */