/* =========================
   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(6, minmax(0, 1fr)) !important; }
   .navBtn { width: 100%; padding: 20px 14px; background: #2d2d2d; color: #fff; box-shadow: none; border:none; border-left:1px solid #fff; font-size:20px; font-weight:400; }
   .navBtn:first-child, .navBtn:nth-child(3) { border-left:none; }
   .navBtn:nth-child(-n+2) { border-bottom:1px solid #fff; }
   .navBtn:nth-child(1),
   .navBtn:nth-child(2) { grid-column: span 3; }
   .navBtn:nth-child(3),
   .navBtn:nth-child(4),
   .navBtn:nth-child(5) { grid-column: span 2; }
   .navBtn:hover { /*background: #053b72;*/ color: #e4e4e4; 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; }
   }