/* 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 }
/* ±âȹÀü »óÇ° ¸ñ·Ï: 3°³¸¶´Ù ÁÙ¹Ù²Þ ÇØÁ¦ */
#productPlan .page-body .item-wrap {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 40px 20px;
    width: 100%;
    box-sizing: border-box;
}

#productPlan .item-wrap > .item-cont {
    display: contents;
}

#productPlan .item-wrap > .item-cont::before,
#productPlan .item-wrap > .item-cont::after {
    display: none;
}

#productPlan .item-wrap > .item-cont > .item-list {
    float: none;
    width: auto;
    min-width: 0;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

#productPlan .item-wrap .item-cont .item-list .thumb {
    width: 100%;
    height: auto;
}

#productPlan .item-wrap .item-cont .item-list .thumb img {
    display: block;
    width: 100%;
    height: auto;
}

#productPlan .item-wrap .item-cont .item-list .prd-info {
    padding: 18px 0 0;
}
/* ±Û·¯ºê ´ÙÀ½¿¡ ³ª¿À´Â ¹èÆ®´Â »õ ÁÙ¿¡¼­ ½ÃÀÛ */
#productPlan .item-wrap
> .item-cont:has(a[href*="xcode=017"])
+ .item-cont:has(a[href*="xcode=003"])
> .item-list:first-child {
    grid-column-start: 1;
}
/* BASIC css end */