/* ───────── style.css – Compact + Option A (컨트롤 겹치기) ───────── */
@import url('https://fonts.googleapis.com/css?family=Quicksand:400,500,700&display=swap');

/* RESET */
*,
*::before,
*::after { box-sizing:border-box; margin:0; padding:0; }
html      { overflow-x:hidden; }

/* 전체 콘텐츠 80 % 축소 → iframe 높이 감소 */
html{
  transform:scale(.8);
  transform-origin:top left;
}

body{
  font-family:'Quicksand',sans-serif;
  background:#f4f6f8;
  color:#222;
}

a{ text-decoration:none; color:inherit; }

/* ───────── 컨테이너 ───────── */
.wrapper{ padding:60px 0 0; }         /* 하단 패딩 0 (Option A) */

/* ───────── 슬라이더 ───────── */
.news-slider           { max-width:1180px; margin:0 auto; position:relative; }
.news-slider__wrp      { display:flex; }
.news-slider__item     { width:380px; flex-shrink:0; transition:transform .3s; }
@media(max-width:992px){ .news-slider__item{ width:320px; } }
@media(max-width:576px){ .news-slider__item{ width:92vw;  } }

/* ───────── 카드 ───────── */
.news__item{
  display:block;
  padding:36px 32px;
  border-radius:16px;
  background:rgba(255,255,255,.9);
  backdrop-filter:blur(8px);
  box-shadow:0 10px 30px rgba(0,0,0,.1);
  transition:box-shadow .3s, transform .3s;
}
.news__item:hover{
  box-shadow:0 14px 38px rgba(0,0,0,.14);
  transform:translateY(-4px);
}

/* 날짜 (한 줄) */
.news-date{
  font-size:18px;
  font-weight:700;
  color:#ff3366;
  margin-bottom:18px;
  display:block;
}

/* 두 번째(굵은) 날짜 제거 */
.news__title{ display:none!important; }

/* 본문 */
.news__txt{ font-size:15px; line-height:1.7; color:#444; }

/* 이미지가 필요 없다면 숨김 */
.news__img{ display:none; }

/* ───────── 슬라이드 투명도 : 가운데 3장만 선명 ───────── */
.swiper-slide             { opacity:.15; pointer-events:none; transition:opacity .3s; }
.swiper-slide-active,
.swiper-slide-prev,
.swiper-slide-next        { opacity:1;   pointer-events:auto; }

/* ───────── 네비게이션 화살표 ───────── */
.news-slider__arrow{
  position:absolute; top:50%;
  width:46px; height:46px;
  border:none; border-radius:50%;
  background:#fff; color:#222;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 4px 16px rgba(0,0,0,.12);
  transform:translateY(-50%);
  cursor:pointer;
}
.news-slider-prev{ left:-70px; }
.news-slider-next{ right:-70px; }
.news-slider__arrow svg{ width:20px; height:20px; }
@media(max-width:768px){ .news-slider__arrow{ display:none; } }

/* ───────── 페이징 (점) ───────── */
.news-slider__pagination{
  position:absolute;            /* Option A – 카드 내부로 */
  bottom:18px; left:50%;
  transform:translateX(-50%);
  margin:0; z-index:20;
}
.swiper-pagination-bullet{
  width:12px; height:12px; border-radius:50%;
  background:#bbb; opacity:.4; margin:0 6px; transition:all .3s;
}
.swiper-pagination-bullet-active{
  width:36px; border-radius:18px; background:#ff3366; opacity:1;
}
@media(max-width:576px){ .swiper-pagination-bullet-active{ width:28px; } }

/* ───────── Play / Pause 토글 ───────── */
.news-slider__autoplay{
  position:absolute; left:50%; bottom:18px;      /* Option A – 같은 라인 */
  transform:translateX(-50%);
  width:46px; height:46px; border:none; border-radius:50%;
  background:#ff3366; color:#fff;
  font-size:18px; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 4px 16px rgba(0,0,0,.12); z-index:21;
}
.news-slider__autoplay.paused{ background:#333; }
@media(max-width:768px){ .news-slider__autoplay{ bottom:18px; } }