/* =========================
   Base (PC/Desktop default)
   ========================= */
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; letter-spacing: -0.1em; }
html { scroll-behavior: smooth; }
img { max-width: 100%; height: auto; display: block; }
body{
  font-family: "Pretendard Variable", Pretendard, -apple-system, system-ui,
               "Segoe UI", Roboto, "Noto Sans KR", Arial, "Apple SD Gothic Neo",
               "Malgun Gothic", "맑은 고딕", sans-serif;
  color:#111; background:#fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

}
button, input, select, textarea { font-family: inherit; }

/* Layout */
.wrap { max-width: 980px; margin: 0 auto; }

/* Section */
.section { padding: 0; }
.section img { width: 100%; }

/* Navigation */
.navWrap { border-bottom:none; position:sticky; top:0; z-index: index 50;}
.navWrap::after { content:""; position:absolute; left:0; right:0; bottom:-25px; height:25px; pointer-events:none; background:linear-gradient(to bottom, rgba(0,0,0,.12), rgba(0,0,0,0)); }
.navWrap .navInner {  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
.navBtn { width: 100%; padding: 20px 14px; background: #713ebe; color: #fff; box-shadow: none; border:none; border-left:1px solid #fff; font-size:20px; font-weight:400; }
.navBtn:first-child, .navBtn:nth-child(5) { border-left:none; }
.navBtn:nth-child(-n+4) { border-bottom:1px solid #fff; }
.navBtn:hover { /*background: #053b72;*/ color: #e2beff; font-weight: 800; }

/* Anchor */
.anchor { position: relative; display: block; height: 0; scroll-margin-top: var(--nav-h, 0px); }

/* BnA */
.sectionSwiper .swiper { width:100%; overflow:hidden; }
.sectionSwiper .swiper-slide img { width:100%; display:block; padding: 0 50px; }

/* Btn */
.btn {position:fixed; bottom:0; width:50%; max-width:490px; height:80px; line-height:80px; font-size:22px; font-weight:700; color:#fff; text-align:center; vertical-align:middle; z-index:9999; }
.kakao {left:50%; margin-left:-490px; color:#101010; background-color:#ffe50e;}
.Tel {margin-left:490px; background-color:#213c37;}

.footerSpace { height: 80px; }


/* ======================================
   Breakpoints (하단 일괄 관리)
   ====================================== */

/* ≤ 1024px : 태블릿 가로/작은 랩탑 */
@media (max-width: 1024px) {
  .wrap { max-width: 900px; }
  .navBtn { padding: 17px 10px; font-size: 16px; }
  .btn { height:60px; line-height:60px; font-size:18px; }
	.kakao { left:0; margin-left:0; }
	.Tel { right:0; }
  .footerSpace { height:60px; }
}

/* ≤ 768px : 모바일 기준(주요 전환점) */
@media (max-width: 768px) {
  .wrap { max-width: 100%; }
  .sectionBlock .wrap { padding-bottom: 16px; }
  /*.navBtn { padding: 20px 15px; font-size: 13px; }*/
  .sectionSwiper .swiper-slide img{ padding: 0 20px; }
}