@charset "utf-8";

   /* ========================================
   base
   ======================================== */
   html {
   font-size: 62.5%;
   }

   :root {
   /* ========================================
      color
   ======================================== */
   --color-line-gray: #EBEFF6;
   --color-line-dark: #585667;
   --color-light-blue: #E0E7F4;
   --color-purple: #5D5A88;
   --color-txt-purple: #5F5C7F;
   --color-primary: #16306B;
   --color-primary-50: rgba(22, 48, 107, 0.5);
   --color-bg: #F4F6FB;
   --color-light-purple: #B4B2CD;
   --color-skeleton: #F6F5FC;
   --color-gray: #ACACAC;
   --color-dark: #585667;
   --color-red: #CC1800;
   --color-point: #4568FF;

   /* KTX, KTX-산천(A-type), KTX-산천(B-type). KTX-이음, KTX-청룡 */
   --bg-ktx: #EDF1FF;
   --c-ktx: #3573FF;

   /* ITX-새마을, ITX-청춘, ITX-마음 */
   --bg-itx: #EEFEF0;
   --c-itx: #08A205;

   /* 무궁화호, SRT */
   --bg-mg: #FFFCDD;
   --c-mg: #A98E22;

   /* 통근열차, AREX직통 */
   --bg-cm: #EFEEFB;
   --c-cm: #737090;

   /* 누리로, 새마을호 */
   --bg-nr: #DFF0F3;
   --c-nr: #1B8396;

/* ========================================
   font-size
   - 12px 이하 토큰은 고정값
   - --fs-13의 최소값을 12px 기준으로 잡고 비율 확장
   - PC 기준 최대값은 기존 값 유지
======================================== */
--fs-11: 11px;
--fs-11-8: 11.8px;

--fs-13: clamp(12px, calc(11.545px + 0.121vw), 13px);
--fs-14: clamp(12.9px, calc(12.400px + 0.133vw), 14px);
--fs-14-4: clamp(13.3px, calc(12.800px + 0.133vw), 14.4px);
--fs-14-5: clamp(13.4px, calc(12.900px + 0.133vw), 14.5px);
--fs-14-8: clamp(13.7px, calc(13.200px + 0.133vw), 14.8px);
--fs-15: clamp(13.8px, calc(13.255px + 0.145vw), 15px);
--fs-15-8: clamp(14.6px, calc(14.055px + 0.145vw), 15.8px);
--fs-16: clamp(14.8px, calc(14.255px + 0.145vw), 16px);
--fs-16-8: clamp(15.5px, calc(14.909px + 0.158vw), 16.8px);
--fs-17: clamp(15.5px, calc(14.818px + 0.182vw), 17px);
--fs-18: clamp(15px, calc(13.636px + 0.364vw), 18px);
--fs-18-8: clamp(15px, calc(13.273px + 0.461vw), 18.8px);
--fs-19: clamp(15px, calc(13.182px + 0.485vw), 19px);
--fs-19-8: clamp(16px, calc(14.273px + 0.461vw), 19.8px);
--fs-20: clamp(16px, calc(14.182px + 0.485vw), 20px);
--fs-21: clamp(16px, calc(13.727px + 0.606vw), 21px);
--fs-21-3: clamp(16.5px, calc(14.318px + 0.582vw), 21.3px);
--fs-22: clamp(17px, calc(14.727px + 0.606vw), 22px);
--fs-22-8: clamp(17px, calc(14.364px + 0.703vw), 22.8px);
--fs-23-1: clamp(17.5px, calc(14.955px + 0.679vw), 23.1px);
--fs-24: clamp(18.2px, calc(15.564px + 0.703vw), 24px);
--fs-25: clamp(18.1px, calc(14.964px + 0.836vw), 25px);
--fs-27: clamp(19.9px, calc(16.673px + 0.861vw), 27px);
--fs-28: clamp(19.8px, calc(16.073px + 0.994vw), 28px);
--fs-30: clamp(20.7px, calc(16.473px + 1.127vw), 30px);
--fs-35: clamp(22.3px, calc(16.527px + 1.539vw), 35px);
--fs-38: clamp(25.1px, calc(19.236px + 1.564vw), 38px);
--fs-45: clamp(31.5px, calc(25.364px + 1.636vw), 45px);

/* ========================================
   spacing
======================================== */
--space-5: 10px;
--space-6: 10px;
--space-7-6: 10px;
--space-9: 10px;
--space-10: 10px;
--space-12: clamp(10px, calc(9.091px + 0.242vw), 12px);
--space-12-5: clamp(10px, calc(8.864px + 0.303vw), 12.5px);
--space-13: clamp(10px, calc(8.636px + 0.364vw), 13px);
--space-14: clamp(10px, calc(8.182px + 0.485vw), 14px);
--space-15: clamp(10.5px, calc(8.455px + 0.545vw), 15px);
--space-16: clamp(11.2px, calc(9.018px + 0.582vw), 16px);
--space-18: clamp(12.6px, calc(10.145px + 0.655vw), 18px);
--space-20: clamp(14px, calc(11.273px + 0.727vw), 20px);
--space-21: clamp(14.7px, calc(11.836px + 0.764vw), 21px);
--space-22: clamp(15.4px, calc(12.4px + 0.8vw), 22px);
--space-25: clamp(17.5px, calc(14.091px + 0.909vw), 25px);
--space-30: clamp(21px, calc(16.909px + 1.091vw), 30px);
--space-32: clamp(22.4px, calc(18.036px + 1.164vw), 32px);
--space-33: clamp(23.1px, calc(18.6px + 1.2vw), 33px);
--space-34: clamp(23.8px, calc(19.164px + 1.236vw), 34px);
--space-36: clamp(25.2px, calc(20.291px + 1.309vw), 36px);
--space-37: clamp(25.9px, calc(20.855px + 1.345vw), 37px);
--space-40: clamp(28px, calc(22.545px + 1.455vw), 40px);
--space-44: clamp(30.8px, calc(24.8px + 1.6vw), 44px);
--space-50: clamp(35px, calc(28.182px + 1.818vw), 50px);
--space-61: clamp(42.7px, calc(34.382px + 2.218vw), 61px);
--space-64: clamp(44.8px, calc(36.073px + 2.327vw), 64px);
--space-72: clamp(50.4px, calc(40.582px + 2.618vw), 72px);
--space-100: clamp(70px, calc(56.364px + 3.636vw), 100px);

/* ========================================
   effect
======================================== */
--shadow-card: 0px clamp(10px, calc(8.182px + 0.485vw), 14px) clamp(28px, calc(21.636px + 1.697vw), 42px) 0px #14142B1A;
--radius-card: clamp(18px, calc(14.818px + 0.848vw), 25px);
   /* ========================================
      effect
   ======================================== */
   --shadow-card: 0px 14px 42px 0px #14142B1A;
   --radius-card: 25px;

   /* ========================================
      layout (common.css 참조)
   ======================================== */
   --layout-max-width: 120rem;

   --container-padding-x: 2.4rem;
   --container-padding-x-tablet: 1.6rem;
   --container-padding-x-mobile: 1.2rem;

   /* ========================================
      fluid scale
   ======================================== */
   --fluid-space-2xs: clamp(0.6rem, 0.371rem + 0.357vw, 0.8rem);
   --fluid-space-xs: clamp(0.8rem, 0.571rem + 0.357vw, 1rem);
   --fluid-space-sm: clamp(1rem, 0.543rem + 0.714vw, 1.4rem);
   --fluid-space-md: clamp(1.4rem, 0.943rem + 0.714vw, 1.8rem);
   --fluid-space-lg: clamp(1.8rem, 1.114rem + 1.071vw, 2.4rem);
   --fluid-space-xl: clamp(2.4rem, 1.486rem + 1.429vw, 3.2rem);
   --fluid-space-2xl: clamp(2.8rem, 0.971rem + 2.857vw, 4.4rem);
   --fluid-card-pad: clamp(2.4rem, 0.571rem + 2.857vw, 4rem);
   --fluid-radius-md: clamp(1.2rem, 0.514rem + 1.071vw, 1.8rem);
   --fluid-radius-lg: clamp(1.6rem, 0.686rem + 1.429vw, 2.4rem);
   --fluid-icon-sm: clamp(2.6rem, 1.914rem + 1.071vw, 3.2rem);
   --fluid-icon-md: clamp(5.6rem, 4.229rem + 2.143vw, 6.8rem);
   --fluid-control-height: clamp(3.8rem, 3.114rem + 1.071vw, 4.4rem);

   --font-dm: 'DM Sans', sans-serif;
}