/* ── RESET & TOKENS ── */
*{box-sizing:border-box;margin:0;padding:0}

html,body{width:100%;font-family:'Noto Sans KR',sans-serif;background:var(--white);color:var(--ink);font-size:13px;line-height:1.5}

/* ── LAYOUT ── */
.ci-body{max-width:1320px;margin:0 auto;padding:20px 20px}
.ci-double-sec{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:52px}

/* ── SECTION HEADER ── */
.sec-hdr{display:flex;align-items:baseline;gap:12px;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--ink)}
.sec-title{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:2px;color:var(--ink)}
.sec-sub{font-size:12px;color:var(--mid)}
.sec-more{margin-left:auto;font-size:12px;color:var(--mid);cursor:pointer;border-bottom:1px solid var(--line);padding-bottom:1px;text-decoration:none}
.sec-more:hover{color:var(--ink);border-bottom-color:var(--ink)}

/* ── BANNER SLIDER ── */
.banner-slider{position:relative;overflow:hidden;border-radius:15px;margin-bottom:48px}
.slider-container{position:relative;width:100%;height:400px}
.banner-slider .slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .6s ease-in-out;pointer-events:none}
.banner-slider .slide.active{opacity:1;pointer-events:auto}
.banner-slider .slide-link{display:block;width:100%;height:100%;position:relative;text-decoration:none;color:inherit}
.banner-slider .slide-image{width:100%;height:100%}
.banner-slider .slide-image img{width:100%;height:100%;object-fit:cover}
.banner-slider .slide-content{position:absolute;bottom:0;left:0;right:0;padding:40px 100px;color:#fff}
.banner-slider .slide-content h2{font-size:28px;font-weight:800;margin:0 0 12px;text-shadow:0 2px 4px rgba(0,0,0,.5)}
.banner-slider .slide-content p{font-size:14px;margin:0 0 20px;opacity:.95;text-shadow:0 1px 3px rgba(0,0,0,.5)}
.banner-slider .slide-btn{display:inline-block;padding:12px 28px;background:#63cdff;color:#fff;border-radius:20px;font-size:14px;font-weight:700}
.banner-slider .slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background:transparent;border:none;cursor:pointer;z-index:10;padding:0}
.banner-slider .slider-arrow::before{content:'';position:absolute;width:16px;height:16px;border-top:4px solid rgba(255,255,255,.9);border-right:4px solid rgba(255,255,255,.9)}
.banner-slider .slider-arrow.prev{left:20px}
.banner-slider .slider-arrow.prev::before{left:50%;top:50%;transform:translate(-40%,-50%) rotate(-135deg)}
.banner-slider .slider-arrow.next{right:20px}
.banner-slider .slider-arrow.next::before{left:50%;top:50%;transform:translate(-60%,-50%) rotate(45deg)}
.banner-slider .slider-indicators{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:10}
.banner-slider .indicator{width:12px;height:12px;background:rgba(255,255,255,.5);border-radius:50%;cursor:pointer;transition:all .3s}
.banner-slider .indicator.active{background:#fff;width:32px;border-radius:6px}

/* ── CLOSING SOON ── */
.closing-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:52px}
.cl-card{border:1.5px solid var(--line);border-radius:4px;overflow:hidden;cursor:pointer;transition:border-color .15s,box-shadow .15s;background:var(--white);display:flex;flex-direction:column}
.cl-card:hover{border-color:var(--ink);box-shadow:0 2px 12px rgba(66,133,244,.1)}
.cl-thumb{position:relative;aspect-ratio:1/1;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--gray)}
.cl-thumb-inner{width:48px;height:48px;border-radius:50%;background:var(--gray2)}
.cl-dday{position:absolute;top:8px;left:8px;background:var(--red);color:var(--white);font-size:10px;font-weight:700;padding:2px 8px;border-radius:2px}
.cl-event{position:absolute;bottom:0;left:0;right:0;background:rgba(10,14,26,.55);color:rgba(255,255,255,.85);font-size:9px;padding:5px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cl-body{padding:10px 12px;flex:1;display:flex;flex-direction:column;gap:6px}
.cl-title{font-size:12px;font-weight:700;color:var(--logo);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cl-meta{display:flex;align-items:center;justify-content:space-between}
.cl-creator{font-size:10px;color:var(--mid)}
.cl-views{font-size:10px;color:var(--mid)}
.cl-tags{display:flex;gap:4px;flex-wrap:wrap}
.cl-tag{font-size:9px;padding:1px 6px;background:var(--blue-pale);color:var(--ink);border-radius:2px}

/* ── DOUBLE SECTION INNER ── */
.dsec-inner {
    min-width: 0; 
}

/* ── CARD LIST (선입금/일반 공통) ── */
.card-list{display:flex;flex-direction:column;gap:10px}
.clist-item{display:flex;gap:14px;padding:12px;border:1.5px solid var(--line);border-radius:4px;cursor:pointer;transition:border-color .15s;background:var(--white)}
.clist-item:hover{border-color:var(--ink)}
.clist-thumb{width:60px;height:60px;border-radius:6px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:20px;background:var(--gray);overflow:hidden}
.clist-thumb img{width:100%;height:100%;object-fit:cover}
.clist-thumb i{font-size:20px;color:var(--line)}
a.clist-item{text-decoration:none}
.clist-info{flex:1;min-width:0}
.clist-type{font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:2px}
.clist-type.pre{color:var(--blue)}.clist-type.gen{color:var(--green)}
.clist-name{font-size:12px;font-weight:700;color:var(--ink);margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.clist-creator{font-size:10px;color:var(--mid);margin-bottom:5px}
.clist-tags{display:flex;gap:3px}
.ctag{font-size:9px;padding:1px 5px;background:var(--gray);color:var(--mid);border-radius:2px}
.clist-right{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;flex-shrink:0}
.clist-price{font-size:14px;font-weight:700;color:var(--ink)}
.clist-dday{font-size:9px;font-weight:700;padding:2px 8px;border-radius:2px;background:var(--red-pale);color:var(--red)}
.clist-stock{font-size:9px;font-weight:700;padding:2px 8px;border-radius:2px;background:var(--green-pale);color:var(--green)}
.clist-btn{padding:5px 14px;color:var(--white);font-size:10px;font-weight:700;border:none;border-radius:2px;cursor:pointer;font-family:'Noto Sans KR',sans-serif}
.clist-btn.pre{background:var(--ink)}.clist-btn.gen{background:var(--green)}

/* ── 추천 상품 ── */
.ci-recommend-sec { margin-bottom: 52px; }
.rec-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; }
.rec-card { display: flex; flex-direction: column; background: var(--white); border: 1.5px solid var(--line); border-radius: 4px; overflow: hidden; text-decoration: none; color: inherit; cursor: pointer; transition: border-color .15s, box-shadow .15s; }
.rec-card:hover { border-color: var(--ink); box-shadow: 0 2px 12px rgba(66,133,244,.1); }
.rec-thumb { position: relative; width: 100%; aspect-ratio: 1 / 1; overflow: hidden; background: var(--gray); display: flex; align-items: center; justify-content: center; }
.rec-thumb img { width: 100%; height: 100%; object-fit: cover; }
.rec-thumb-no-img { font-size: 32px; color: var(--line); }
.rec-deadline { position: absolute; top: 8px; left: 8px; font-size: 9px; font-weight: 700; letter-spacing: .5px; padding: 2px 8px; border-radius: 2px; background: var(--red-pale); color: var(--red); }
.rec-deadline--urgent { background: var(--red); color: var(--white); }
.rec-info { padding: 8px 10px 12px; }
.rec-creator { font-size: 9px; color: var(--mid); margin: 0 0 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rec-title { font-size: 11px; font-weight: 700; color: #000; line-height: 1.4; margin: 0 0 5px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.rec-tags { display: flex; flex-wrap: wrap; gap: 3px; margin-bottom: 7px; }
.rec-footer { display: flex; align-items: center; justify-content: space-between; margin-top: auto; }
.rec-price { font-size: 12px; font-weight: 700; color: #000; }
.rec-like { font-size: 9px; color: var(--mid); display: flex; align-items: center; gap: 2px; }

/* ── 반응형 ── */
@media (max-width: 1200px) { .rec-grid { grid-template-columns: repeat(5, 1fr); } }
@media (max-width: 1024px) { .rec-grid { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 768px) { .ci-recommend-sec { padding: 0 16px; margin-bottom: 32px; } .ci-recommend-sec .sec-hdr { padding-left: 0; padding-right: 0; margin-bottom: 14px; } .rec-grid { grid-template-columns: repeat(3, 1fr); gap: 10px; } }
@media (max-width: 600px) { .rec-grid { display: flex; flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; gap: 10px; padding-bottom: 2px; } .rec-grid::-webkit-scrollbar { display: none; } .rec-card { flex: 0 0 140px; scroll-snap-align: start; } }
@media (max-width: 480px) { .rec-card { flex: 0 0 128px; } .rec-title { font-size: 10px; } .rec-price { font-size: 11px; } }

/* ── EVENTS ── */
.event-grid-wrap{margin-bottom:52px}
.event-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ev-card{border:1.5px solid var(--line);border-radius:4px;padding:20px;cursor:pointer;transition:all .15s;display:flex;flex-direction:column;gap:10px;background:var(--white)}
.ev-card:hover{border-color:var(--ink);background:var(--gray)}
.ev-card.active{background:var(--ink);border-color:var(--ink)}
.ev-card-badge{font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:2px 8px;border-radius:2px;align-self:flex-start}
.ev-badge-pre{background:var(--blue-pale);color:var(--blue)}
.ev-badge-gen{background:var(--green-pale);color:var(--green)}
.ev-card.active .ev-card-badge{background:rgba(255,255,255,0.15);color:rgba(255,255,255,0.7)}
.ev-card-name{font-size:14px;font-weight:700;color:var(--ink)}
.ev-card.active .ev-card-name{color:var(--white)}
.ev-card-date{font-size:11px;color:var(--mid)}
.ev-card.active .ev-card-date{color:rgba(255,255,255,0.5)}
.ev-card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:4px}
.ev-card-cnt{font-size:11px;color:var(--mid)}
.ev-card.active .ev-card-cnt{color:rgba(255,255,255,0.6)}
.ev-dday{font-size:10px;font-weight:700;padding:2px 8px;border-radius:2px;background:var(--red-pale);color:var(--red)}
.ev-card.active .ev-dday{background:rgba(232,50,26,0.3);color:#FF8070}
.ev-dday.closed{background:var(--gray);color:var(--mid)}

/* ── CREATORS ── */
.creator-strip-wrap { margin-bottom: 52px; }
.creator-strip { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
.cr-card { border: 1.5px solid var(--line); border-radius: 4px; padding: 18px 14px; text-align: center; cursor: pointer; transition: all .15s; background: var(--white); 
  display: flex; flex-direction: column; align-items: center; min-width: 0; width: 100%; }
.cr-card:hover { border-color: var(--ink); }
.cr-avatar { width: 52px; height: 52px; border-radius: 50%; background: var(--gray); border: 2px solid var(--line); flex-shrink: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; margin-bottom: 10px; }
.cr-avatar img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.cr-avatar-initial { font-size: 20px; font-weight: 700; color: var(--mid); line-height: 1; }
.cr-name { font-size: 12px; font-weight: 700; color: var(--ink); height: 18px; line-height: 18px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 2px; }
.cr-genre { font-size: 10px; color: var(--mid); height: 16px; line-height: 16px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 4px; }
.cr-item-cnt { font-size: 9px; color: var(--mid); height: 14px; line-height: 14px; margin-bottom: 6px; }
.cr-badge { display: inline-block; font-size: 9px; font-weight: 700; padding: 2px 8px; border-radius: 2px; height: 18px; line-height: 14px; }
.cr-badge.pre { background: var(--blue-pale); color: var(--blue); }
.cr-badge.hot { background: var(--red-pale); color: var(--red); }
.cr-badge.gen { background: var(--green-pale); color: var(--green); }


/* ── NOTICE ── */
.notice-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:52px}
.notice-panel{border:1.5px solid var(--line);border-radius:4px;overflow:hidden}
.notice-hdr{background:var(--gray);border-bottom:1.5px solid var(--line);padding:12px 18px;display:flex;align-items:center;justify-content:space-between}
.notice-hdr-title{font-size:11px;font-weight:700;color:var(--ink);letter-spacing:1px;text-transform:uppercase}
.notice-more{font-size:11px;color:var(--mid);cursor:pointer;text-decoration:none}
.notice-item{display:flex;align-items:center;gap:10px;padding:11px 18px;border-bottom:1px solid var(--line);cursor:pointer}
.notice-item:last-child{border-bottom:none}
.notice-item:hover{background:var(--gray)}
.nb{font-size:9px;font-weight:700;padding:1px 6px;border-radius:2px;flex-shrink:0}
.nb-notice{background:var(--red-pale);color:var(--red)}
.nb-update{background:var(--blue-pale);color:var(--blue)}
.nb-event{background:var(--yellow);color:var(--ink)}
.notice-txt{font-size:12px;color:var(--ink);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.notice-date{font-size:10px;color:var(--mid);flex-shrink:0}

.community-panel { border: 1.5px solid var(--line); border-radius: 4px; overflow: hidden; display: flex; flex-direction: column; }
.community-hdr { background: var(--gray); border-bottom: 1.5px solid var(--line); padding: 12px 18px; display: flex; align-items: center; justify-content: space-between; }
.community-placeholder { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 24px 16px; text-align: center; gap: 8px; }
.community-icon { font-size: 28px; color: var(--line); margin-bottom: 4px; }
.community-ttl { font-family: 'Bebas Neue', sans-serif; font-size: 18px; letter-spacing: 1px; color: var(--ink); }
.community-desc { font-size: 11px; color: var(--mid); line-height: 1.6; }
.community-tags { display: flex; flex-wrap: wrap; gap: 5px; justify-content: center; margin-top: 4px; }
.community-tag { font-size: 9px; padding: 2px 8px; border-radius: 2px; background: var(--gray); color: var(--mid); border: 1.5px solid var(--line); }
.community-coming { font-size: 10px; font-weight: 700; color: var(--mid); margin-top: 4px; }


/* ════════════════════════════════════════════
   RESPONSIVE BREAKPOINTS
   1200px  맥북 13" / 소형 노트북
   1024px  아이패드 가로
    768px  아이패드 세로
    600px  대형 폰
    480px  일반 폰
════════════════════════════════════════════ */

/* ── 1200px ── */
@media(max-width:1200px){
  .ci-body{padding:16px}
  .banner-slider{margin-bottom:40px}
  .slider-container{height:360px}
  .banner-slider .slide-content{padding:32px 60px}
  .closing-grid{grid-template-columns:repeat(5,1fr);margin-bottom:44px}
  .ci-double-sec{gap:24px;margin-bottom:44px}
  .ev-card{padding:16px}
  .event-grid-wrap{margin-bottom:44px}
  .creator-strip{grid-template-columns:repeat(5,1fr)}
  .creator-strip-wrap{margin-bottom:44px}
  .notice-grid{margin-bottom:44px}
}

/* ── 1024px: 아이패드 가로 ── */
@media(max-width:1024px){
  .ci-body{padding:14px}
  .slider-container{height:320px}
  .banner-slider .slide-content{padding:28px 48px}
  .banner-slider .slide-content h2{font-size:22px}
  .banner-slider .slide-content p{font-size:13px}
  .closing-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:40px}
  .sec-title{font-size:20px}
  .ci-double-sec{grid-template-columns:1fr;gap:0;margin-bottom:40px}
  .ci-double-sec > *+* .sec-hdr{margin-top:32px}
  .event-grid{grid-template-columns:repeat(3,1fr)}
  .ev-card{padding:14px;gap:8px}
  .ev-card-name{font-size:13px}
  .creator-strip{grid-template-columns:repeat(4,1fr)}
  .cr-avatar{width:46px;height:46px}
  .notice-grid{grid-template-columns:3fr 2fr}
}

/* ════════════════════════
   768px: 아이패드 세로
   · ci-body 패딩 = 0
   · 배너 full-bleed
   · 각 섹션이 자기 패딩 담당 (0 16px)
   · ci-body 직속 .sec-hdr → padding 0 16px
   · 래퍼 내부 .sec-hdr → 래퍼가 패딩 제공하므로 0 처리
════════════════════════ */
@media(max-width:768px){

  /* ── body ── */
  .ci-body{padding:0}

  /* ── 공통 섹션 헤더 폰트 축소 ── */
  .sec-title{font-size:18px;letter-spacing:1px}
  .sec-sub{font-size:11px}
  .sec-more{font-size:11px}

  /* ── 배너: full-bleed ── */
  .banner-slider{border-radius:0;margin-bottom:28px}
  .slider-container{height:280px}
  .banner-slider .slide-content{display:none!important}
  .banner-slider .slider-arrow{display:none}
  .banner-slider .slider-indicators{bottom:12px}

  /* ── CLOSING SOON ──
     sec-hdr가 ci-body 직속 → 직접 패딩
     closing-grid도 직속 → 직접 패딩
  ── */
  .ci-body > .sec-hdr{
    padding:0 16px 12px;
    margin-bottom:14px
  }
  .closing-grid{
    grid-template-columns:repeat(3,1fr);
    gap:10px;
    padding:0 16px;
    margin-bottom:32px;
    margin-left: 16px;
  }

  /* ── CI-DOUBLE-SEC (선입금 / 일반판매) ──
     래퍼가 패딩 담당
     내부 sec-hdr는 패딩 0 (래퍼가 이미 줌)
  ── */
  .ci-double-sec{
    grid-template-columns:1fr;
    gap:0;
    padding:0;           /* 래퍼는 0 */
    margin-bottom:32px;
  }
  .dsec-inner{           /* 내부가 자기 패딩 담당 */
    padding:0 16px;
    min-width:0;
  }
  .dsec-inner .sec-hdr{ /* dsec-inner가 이미 패딩 줬으니 0 */
    padding-left:0;
    padding-right:0;
    margin-bottom:14px;
  }
  .ci-double-sec > .dsec-inner + .dsec-inner{
    margin-top:0px;
  }
  .clist-item{padding:10px;gap:10px}
  .clist-thumb{width:52px;height:52px}

  /* ── EVENTS ──
     event-grid-wrap이 래퍼 → 래퍼가 패딩 담당
     내부 sec-hdr는 패딩 0
  ── */
  .event-grid-wrap{
    padding:0 16px;
    margin-bottom:32px
  }
  .event-grid-wrap .sec-hdr{
    padding-left:0;
    padding-right:0;
    margin-bottom:14px
  }
  .event-grid{
    grid-template-columns:repeat(2,1fr);
    gap:10px
  }
  .ev-card{padding:14px;gap:8px}
  .ev-card-name{font-size:13px}

  /* ── CREATORS ──
     creator-strip-wrap이 래퍼 → 래퍼가 패딩 담당
  ── */
  .creator-strip-wrap{
    padding:0 16px;
    margin-bottom:32px
  }
  .creator-strip-wrap .sec-hdr{
    padding-left:0;
    padding-right:0;
    margin-bottom:14px
  }
  .creator-strip{
    grid-template-columns:repeat(3,1fr);
    gap:10px
  }
  .cr-card{padding:14px 10px}
  .cr-avatar{width:42px;height:42px;font-size:18px}

  /* ── NOTICE ──
     notice-grid 직속 → 직접 패딩
     notice 섹션도 sec-hdr가 직속일 경우 위 .ci-body>.sec-hdr 규칙 적용됨
  ── */
  .notice-grid{
    grid-template-columns:1fr;
    padding:0 16px;
    margin-bottom:36px;
    gap:12px
  }
  .banner-panel{min-height:140px;padding:20px}
}

/* ── 600px: 대형 폰 ── */
@media(max-width:600px){
  .slider-container{height:220px}

  /* 마감임박 → 가로 스크롤 */
  .closing-grid{
    display:flex;
    flex-wrap:nowrap;
    overflow-x:auto;
    scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;
    gap:10px;
    padding:0 16px;
    margin-bottom:28px
  }
  .closing-grid::-webkit-scrollbar{display:none}
  .cl-card{flex:0 0 150px;scroll-snap-align:start}
  .cl-card:last-child{padding-right:16px;box-sizing:content-box}

  /* 이벤트 → 가로 스크롤 */
  .event-grid{
    display:flex;
    flex-wrap:nowrap;
    overflow-x:auto;
    scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;
    gap:10px;
    padding-bottom:2px
  }
  .event-grid::-webkit-scrollbar{display:none}
  .ev-card{flex:0 0 190px;scroll-snap-align:start}
  .ev-card:last-child{padding-right:0;margin-right:0}

  /* 크리에이터 → 가로 스크롤 */
  .creator-strip{
    display:flex;
    flex-wrap:nowrap;
    overflow-x:auto;
    scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;
    gap:10px;
    padding-bottom:2px
  }
  .creator-strip::-webkit-scrollbar{display:none}
  .cr-card{flex:0 0 115px;scroll-snap-align:start}
  .cr-card:last-child{padding-right:0;margin-right:0}

  /* 선입금/일반: 세로 스택 유지, 패딩만 */
  .ci-double-sec > *+*{margin-top:24px}
}

/* ── 480px: 일반 폰 ── */
@media(max-width:480px){
  .slider-container{height:180px}
  .banner-slider .slider-indicators{bottom:8px;gap:6px}
  .banner-slider .indicator{width:8px;height:8px}
  .banner-slider .indicator.active{width:22px}

  /* 마감임박 카드 */
  .cl-card{flex:0 0 138px}
  .cl-body{padding:8px 10px}
  .cl-title{font-size:11px}
  .cl-creator,.cl-views{font-size:9px}

  /* 이벤트 카드 */
  .ev-card{flex:0 0 168px;padding:12px;gap:7px}
  .ev-card-name{font-size:12px}
  .ev-card-date{font-size:10px}

  /* 크리에이터 카드 */
  .cr-card{flex:0 0 140px;padding:12px 8px}
  .cr-avatar{width:36px;height:36px;font-size:15px;margin-bottom:8px}
  .cr-name{font-size:11px}
  .cr-genre{font-size:9px;margin-bottom:4px}

  /* 선입금/일반 리스트 */
  .clist-thumb{width:46px;height:46px}
  .clist-name{font-size:11px}
  .clist-price{font-size:13px}
  .clist-btn{padding:4px 10px;font-size:9px}

  /* 공지 */
  .notice-item{padding:10px 14px;gap:8px}
  .notice-txt{font-size:11px}
  .notice-date{font-size:9px}
  .banner-panel{padding:16px;min-height:120px}
  .banner-ttl{font-size:18px}
}