/* 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 }
 table {table-layout: inherit; width:inherit; }
 
/* 기획전에서 상단 띠배너 사라지지 않게 */
#topbanner {opacity: 1; visibility: visible; }


/* WD 기획전 더보기 버튼 */
        body {
            margin: 0;
            font-family: Arial, sans-serif;
        }
        .more-content {
            max-height: 800px;
            overflow: hidden;
            transition: max-height 0.5s ease;
            position: relative;
        }
        .more-content::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 200px; /* 그라데이션 높이 조정 */
            background: linear-gradient(to top, white, rgba(255, 255, 255, 0));
            pointer-events: none; /* 그라데이션을 클릭할 수 없도록 설정 */
        }
        .show-more-button {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 1200px;
            height: 100px;
            background-color: #fff;
            color: #000;
            border: 2px solid #000;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            cursor: pointer;
            margin: 20px auto;
            border-radius: 5px;
            font-size: 25px;
            position: relative;
        }
        .show-more-button:hover {
            background-color: #f8f8f8;
        }
/* BASIC css end */