@charset "utf-8";

/* ===== Fonts ===== */
@font-face {font-family:'GmarketSans'; font-weight:700; font-display:swap; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');}
/* SUIT */
@font-face {font-family: 'SUIT'; font-weight: 100; font-style: normal; src: url('/font/SUIT-Thin.woff2') format('woff2'); font-display: swap;}
@font-face {font-family: 'SUIT'; font-weight: 200; font-style: normal; src: url('/font/SUIT-ExtraLight.woff2') format('woff2'); font-display: swap;}
@font-face {font-family: 'SUIT'; font-weight: 300; font-style: normal; src: url('/font/SUIT-Light.woff2') format('woff2'); font-display: swap;}
@font-face {font-family: 'SUIT'; font-weight: 400; font-style: normal; src: url('/font/SUIT-Regular.woff2') format('woff2'); font-display: swap;}
@font-face {font-family: 'SUIT'; font-weight: 500; font-style: normal; src: url('/font/SUIT-Medium.woff2') format('woff2'); font-display: swap;}
@font-face {font-family: 'SUIT'; font-weight: 600; font-style: normal; src: url('/font/SUIT-SemiBold.woff2') format('woff2'); font-display: swap;}
@font-face {font-family: 'SUIT'; font-weight: 700; font-style: normal; src: url('/font/SUIT-Bold.woff2') format('woff2'); font-display: swap;}
@font-face {font-family: 'SUIT'; font-weight: 800; font-style: normal; src: url('/font/SUIT-ExtraBold.woff2') format('woff2'); font-display: swap;}
@font-face {font-family: 'SUIT'; font-weight: 900; font-style: normal; src: url('/font/SUIT-Heavy.woff2') format('woff2'); font-display: swap;}

/* ===== Variables ===== */
:root {
  --c-white:#fff;
  --c-black:#000;
  --c-navy:#232f4b;
  --c-navy-deep:#030919;
  --c-navy-900:#092050;
  --c-navy-form:#152544;
  --c-gold:#ffc363;
  --c-line:#c1c1c1;
  --c-sub:#7b7b7b;
  --c-text:#333;
  --c-naver:#03c759;
  --c-kakao:#fae000;
  --c-kakao-txt:#371c1d;

  --font-suit:'SUIT','Pretendard',sans-serif;
  --font-gd:'Sandoll GyeokdongG2','SUIT','Pretendard',sans-serif;
  --font-gmarket:'GmarketSans','SUIT',sans-serif;
  --font-noto:'Noto Sans KR','SUIT',sans-serif;

  --inner: calc(89.375rem + 2.5rem); /* 1430px */
  --transition:all .3s ease;
}

/* ===== Reset ===== */
* {margin:0; padding:0; box-sizing:border-box;}
html {font-size:16px; -webkit-text-size-adjust:100%;}
body {font-family:var(--font-suit); color:var(--c-black); line-height:1.5; word-break:keep-all; background:var(--c-white);}
img {display:block; width:100%; height:100%; object-fit:cover;}
a {color:inherit; text-decoration:none;}
button {font-family:inherit; cursor:pointer; border:0; background:none; color:inherit;}
input {font-family:inherit;}
ul,li {list-style:none;}
em {font-style:normal;}
.pc{display: block !important;}
.pc2{display: block !important;}
.mob{display: none !important;}
.mob2{display: none !important;}

/* ===== Root font scaling (Desktop First) =====
   >=1441px : 16px base, 1920 design
   1024~1440px : scale 1920 design down to fit
   <=1024px : mobile(384) design, fixed 16px base */
@media (max-width:1440px) {html {font-size:85%;}}
@media (max-width:1280px) {html {font-size:70%;}}

/* ===== Layout ===== */
#nobMain {overflow:hidden;}
.inner {width:var(--inner); max-width:100%; margin:0 auto; padding: 0 1.25rem;}

/* ===== Scroll reveal ===== */
.reveal {opacity:0; transform:translateY(2.5rem); transition:opacity .8s ease, transform .8s ease;}
.reveal.is-show {opacity:1; transform:none;}

/* =====================================================================
   VISUAL / HERO
===================================================================== */
.visual {position:relative; height:59.375rem; overflow:hidden; background:#2a1f12;}
.visual__bg {position:absolute; inset:0; z-index:0; background:#2a1f12 url(/img/main/visual_img.jpg) center/cover no-repeat;}

.visual__notice {position:absolute; top:0; left:0; width:100%; height:5.625rem; z-index:2; background:rgba(68,68,68,.7); display:flex; align-items:center;}
.visual__notice-inner {width:var(--inner); max-width:100%; margin:0 auto; display:flex; align-items:center; justify-content:center; gap:.5rem;}
.visual__notice-txt {font-weight:700; font-size:1.75rem; line-height:1.286; letter-spacing:-.035rem; color:var(--c-white);}
.visual__notice-txt em {color:var(--c-gold);}
.visual__notice-arrow {color:var(--c-white); display:inline-flex; width:2rem; height:2rem;}
.visual__notice-arrow svg {width:100%; height:100%;}

.visual__inner {position:relative; z-index:1; height:100%;}
.visual__txt {position:absolute; right:1.25rem; top:16.71875rem; width:41.75rem; text-align:right; color:var(--c-white);}
.visual__labelrow {display:flex; align-items:center; justify-content: flex-end; gap:1.3125rem;}
.visual__line {flex:1; height:2px; background:var(--c-white);}
.visual__label {font-family:var(--font-gd); font-weight:800; font-size:2.25rem; line-height:1.306; letter-spacing:-.045rem; white-space:nowrap;}
.visual__title {font-family:var(--font-gd); font-weight:800; font-size:3.75rem; line-height:1.3; letter-spacing:-.075rem; margin-top:.625rem;}
.visual__desc {font-weight:700; font-size:1.875rem; line-height:1.3; letter-spacing:-.0375rem; margin-top:2rem;}
.visual__btn {display:inline-flex; align-items:center; height: 3.5625rem; gap:.5rem; margin-top:3.0625rem; padding: 0 2rem; background:var(--c-white); border-radius:.5rem; color:var(--c-black); font-weight:700; font-size:1.75rem; line-height:1.286; letter-spacing:-.035rem; transition:var(--transition);}
.visual__btn svg {width:1.5rem; height:1.5rem;}
/* .visual__btn:hover {transform:translateY(-3px); box-shadow:0 .625rem 1.875rem rgba(0,0,0,.25);} */

/* =====================================================================
   SEC02 : 연구소 소개
===================================================================== */
.sec02 {background:#f5f7fa; padding:11.875rem 0 10.6875rem;}
.sec02__head {margin-bottom:4.25rem;}
.sec02__title {font-family:var(--font-gd); font-weight:800; font-size:3.75rem; line-height:1.3; letter-spacing:-.075rem; color:var(--c-navy);}
.sec02__line {display:block; width:100%; height:2px; background:var(--c-line); margin:1.0625rem 0;}
.sec02__sub {font-family:var(--font-gd); font-weight:400; font-size:2rem; line-height:1.313; letter-spacing:-.04rem; color:var(--c-black);}

.sec02__body {display:grid; grid-template-columns:713fr 704fr; grid-template-rows:auto 1fr; column-gap:.8125rem; row-gap:1.625rem;}
.sec02__img {overflow:hidden; background:#e8eaed;}
.sec02__img--main {grid-column:1; grid-row:1 / span 2; aspect-ratio:713 / 999;}
.sec02__txt {grid-column:2; grid-row:1; padding-left: 1rem;}
.sec02__grid {grid-column:2; grid-row:2; display:grid; grid-template-columns:1fr 1fr; gap:.75rem; align-content:end;}
.sec02__grid .sec02__img {aspect-ratio:346 / 290;}
.sec02__desc {font-weight:400; font-size:1.625rem; line-height:1.423; letter-spacing:-.0625rem; color:var(--c-text); margin-bottom:1.25rem;}
.sec02__desc--lead {font-weight:700; font-size:1.75rem; line-height:1.286; letter-spacing:-.035rem; margin-bottom:1.5rem;}
.sec02__desc:last-child {margin-bottom:0;}

/* =====================================================================
   SEC03 : 이렇게 준비합니다
===================================================================== */
.sec03 {position:relative; background:var(--c-navy-deep); padding:11.875rem 0 11.5rem; overflow:hidden;}
.sec03__bg {position:absolute; inset:0; z-index:0; background:var(--c-navy-900) url(/img/main/sec02_bg.jpg) center/cover no-repeat;}
.sec03 .inner {position:relative; z-index:1;}
.sec03__title {font-family:var(--font-gd); font-weight:800; font-size:3.75rem; line-height:1.3; letter-spacing:-.075rem; color:var(--c-gold); text-align:center; margin-bottom:5.5rem;}
.sec03__title span{color: #FFF;}
.sec03__card {display:flex; background:rgba(255,255,255,.04); border:1px solid #3a4050; border-radius:1.25rem; padding:5.375rem 0;}
.sec03__item {flex:1; display:flex; flex-direction:column; align-items:center; text-align:center; position:relative; padding:0 1.25rem;}
.sec03__item + .sec03__item::before {content:''; position:absolute; left:0; top: 50%; transform: translateY(-50%); width:2px; height:21.0625rem; background:rgba(255,255,255,.15);}
.sec03__ico {width:8.8125rem; height:8.75rem;}
.sec03__ico img {object-fit:contain;}
.sec03__item-title {font-weight:700; font-size:1.75rem; line-height:1.286; letter-spacing:-.035rem; color:var(--c-white); margin-top:1.125rem;}
.sec03__sl {display:block; width:1.5rem; height:4px; background:var(--c-white); margin:1rem 0 1.25rem;}
.sec03__item-desc {font-weight:500; font-size:1.75rem; line-height:1.429; letter-spacing:-.035rem; color:var(--c-white);}

/* =====================================================================
   SEC04 : 진행 대상업체
===================================================================== */
.sec04 {position:relative; background:#f2f3f5; padding:13.875rem 0 0; height: 70.1875rem; overflow:hidden;}
.sec04__bg {position:absolute; inset:0; z-index:0; background:#f2f3f5 url(/img/main/sec03_bg.jpg) center/cover no-repeat;}
.sec04__inner {position:relative; z-index:1; display:flex; justify-content:space-between; align-items:flex-start; gap:2rem;}
.sec04__txt {width:42.5625rem; flex-shrink:0;}
.sec04__sub {font-family:var(--font-gd); font-weight:400; font-size:2.25rem; line-height:1.306; letter-spacing:-.045rem; color:var(--c-black);}
.sec04__title {font-family:var(--font-gd); font-weight:800; font-size:3.75rem; line-height:1.3; letter-spacing:-.075rem; color:var(--c-navy); margin-top:.875rem;}
.sec04__logo {width:22.9375rem; height:3.875rem; margin-top:9.3825rem;}
.sec04__logo img {object-fit:contain; object-position:left;}
.sec04__news {margin-top:1.25rem; font-weight:400; font-size:2rem; line-height:1.313; letter-spacing:-.04rem;}
.sec04__news a {position:relative; display: inline-flex; flex-direction: column;}
.sec04__news .link_arrow,
.sec08 .link_arrow{width: 42.84375rem;}
.link_arrow{display: inline-block; position: relative; margin-top: -0.875rem; z-index: 1;}
.link_arrow img{width: 100%;}
.link_arrow::before{content: ''; display: block; width: 6.875rem; aspect-ratio: 1/1; border-radius: 50%; background: #A6ABB4; opacity: 0.6; position: absolute; right: -2.16rem; top: -2.19rem; z-index: -1;}
/* .sec04__news a:hover {background-size:100% 1px;} */
.sec04__img {width:38.0625rem; aspect-ratio:609 / 839; flex-shrink:0; overflow:hidden;}

/* =====================================================================
   SEC05 : 사업 내용
===================================================================== */
.sec05 {background:var(--c-white); padding:11.875rem 0;}
.sec05__head {margin-bottom:7.25rem;}
.sec05__title {font-family:var(--font-gd); font-weight:800; font-size:3.75rem; line-height:1.3; letter-spacing:-.075rem; color:var(--c-navy);}
.sec05__desc {font-weight:500; font-size:1.75rem; line-height:1.429; letter-spacing:-.035rem; color:var(--c-black); margin-top:1.625rem;}
.sec05__apply {margin-top:4.125rem; font-family:var(--font-gd); font-weight:400; font-size:2rem; line-height:1.313; letter-spacing:-.04rem;}
.sec05__apply a {position:relative; display: inline-flex; flex-direction: column;}
.sec05__apply a .link_arrow{width: 12.5rem;}

.sec05__cards {display:flex; flex-direction:column; gap:1rem;}
.sec05__card {position:relative; height:33rem; overflow:hidden;}
.sec05__card-bg {position:absolute; inset:0; z-index:0; background:#f2f3f5;}
.sec05__card-txt {position:relative; z-index:1; padding:11.9375rem 0 0 43.25rem;}
.sec05__card-title {font-family:var(--font-gd); font-weight:800; font-size:2rem; line-height:1.313; letter-spacing:-.04rem; color:var(--c-black);}
.sec05__card-line {display:block; width:36.1875rem; height:4px; background:var(--c-line); margin:.9375rem 0;}
.sec05__card-desc {font-weight:500; font-size:1.75rem; line-height:1.429; letter-spacing:-.035rem; color:var(--c-black);}
.sec05__card-note {font-weight:500; font-size:1.125rem; line-height:1.5; letter-spacing:-.0225rem; color:var(--c-sub); margin-top:.5rem;}
.sec05__card--02 .sec05__card-bg {background:#fbe9d6;}
.sec05__card--02 .sec05__card-txt {padding:10.625rem 46.1875rem 0 0; text-align:right;}
.sec05__card--02 .sec05__card-line {margin-left:auto;}
.sec05__card--03 .sec05__card-txt {padding-top:10.125rem;}

/* =====================================================================
   SEC06 : 왜 지금 대응이 필요한가
===================================================================== */
.sec06 {position:relative; background:#1a2235; padding:12.625rem 0; overflow:hidden;}
.sec06__bg {position:absolute; inset:0; z-index:0; background:#1a2235 url(/img/main/sec06_bg.jpg) center/cover no-repeat;}
.sec06 .inner {position:relative; z-index:1;}
.sec06__title {font-family:var(--font-gd); font-weight:800; font-size:3.75rem; line-height:1.3; letter-spacing:-.075rem; color: #FFF; text-align:center;}
.sec06__title-g {color:var(--c-gold);}
.sec06__cont {margin-top:3.8125rem; display:flex; flex-direction:column; gap:6.0625rem;}
.sec06__q{padding: 5.3425rem 3.3125rem; position: relative; z-index: 1;}
.sec06__q .bg img{width: 18.75rem; height: auto; position: absolute; z-index: -1;}
.sec06__q .bg img.top{top: 0;}
.sec06__q .bg img.bot{bottom: 0;}
.sec06__q .bg img.left{left: 0;}
.sec06__q .bg img.right{right: 0;}
.sec06__q-head {text-align:center; margin-bottom:2.0625rem;}
.sec06__q.q2 .sec06__q-head{margin-bottom: 4.625rem;}
.sec06__q-num {display:block; font-family:var(--font-gmarket); font-weight:700; font-size:3.75rem; line-height:1.133; letter-spacing:-.075rem; color:var(--c-white); opacity: 0.17;}
.sec06__q-subtitle {font-family:var(--font-gd); font-weight:800; font-size:2.125rem; line-height:1.294; letter-spacing:-.0425rem; color:var(--c-white); margin-top:.25rem;}
.sec06__q-body {display:flex; gap:2.0625rem; align-items:center;}
.sec06__q-img {width:37.75rem; aspect-ratio:604 / 409; flex-shrink:0; background:#2a3550; overflow:hidden;}
.sec06__q-text {font-weight:400; font-size:1.625rem; line-height:1.423; letter-spacing:-.0625rem; color:var(--c-white);}
.sec06__q-chart {margin-top:.5rem;}
.sec06__chart-grid {display:flex; gap:1.75rem; justify-content:center;}
.sec06__chart-item {width:31.5625rem; flex-shrink:0; position: relative;}
.sec06__chart-img {aspect-ratio:505 / 423; background:#2a3550; overflow:hidden; position: relative;}
.sec06__chart-cap {display:flex; align-items:center; justify-content: center; gap: 1.0625rem; background:rgba(0,0,0,.7); padding: 0.75rem 1.25rem; color:var(--c-white); font-weight:500; font-size:1.8125rem; line-height:1.31; letter-spacing:-.03625rem; position: absolute; left: 0; bottom: 0; width: 100%;}
.sec06__chart-tag {flex-shrink:0; background:var(--c-white); color:var(--c-black); font-weight:700; font-size:1.375rem; line-height:1.318; letter-spacing:-.0275rem; border-radius:.25rem; padding:.125rem .5rem;}
.sec06__source {text-align:right; font-weight:400; font-size:1.125rem; line-height:1.5; letter-spacing:-.0225rem; color:var(--c-white); margin-top:1rem;}
.sec06__point {margin:4rem auto 0; background:rgba(255,255,255,.2); padding:.75rem; max-width: 56.5rem;}
.sec06__point p {border:1px solid var(--c-white); padding:1.25rem; text-align:center; font-family:var(--font-gd); font-weight:400; font-size:1.75rem; line-height:1.321; letter-spacing:-.035rem; color:#FFF;}
.sec06__point p span{color:var(--c-gold);}

/* =====================================================================
   SEC07 : 지원금이 필요한 이유 (파이차트)
===================================================================== */
.sec07 {position:relative; background:#edeff2; padding:11.875rem 0; overflow:hidden;}
.sec07__bg {position:absolute; inset:0; z-index:0; background:#edeff2 url(/img/main/sec07_bg.jpg) center/cover no-repeat;}
.sec07 .inner {position:relative; z-index:1;}
.sec07__title {font-family:var(--font-gd); font-weight:800; font-size:3.75rem; line-height:1.3; letter-spacing:-.075rem; color:var(--c-navy); text-align:center; margin-bottom:3.5625rem;}
.sec07__cont {display:flex;}
.sec07__block {flex:1; display:flex; flex-direction:column; align-items:center; text-align:center; padding:0 2.5rem;}
.sec07__block:first-child {border-right:1px dashed var(--c-black);}
.sec07__q {font-family:var(--font-gd); font-weight:400; font-size:2rem; line-height:1.313; letter-spacing:-.04rem; color:var(--c-black);}
.sec07__q b{font-weight: 800;}
.sec07__pie {width:34.375rem; aspect-ratio:1; margin:1.5rem 0 2.5rem;}
.sec07__pie img {object-fit:contain;}
.sec07__legend {width:100%; max-width:34.375rem; display:flex; flex-direction:column; gap:.875rem;}
.sec07__legend li {display:flex; align-items:center; gap:.875rem; font-weight:500; font-size:1.75rem; line-height:1.429; letter-spacing:-.035rem; color:var(--c-black); text-align:left;}
.sec07__dot {flex-shrink:0; width:1.9375rem; height:2rem; border-radius:.25rem; background:var(--c);}

/* =====================================================================
   SEC08 : 프로세스
===================================================================== */
.sec08 {position:relative; background:#eaf0f7; padding:11.875rem 0; overflow:hidden;}
.sec08__bg {position:absolute; inset:0; z-index:0; background:#eaf0f7 url(/img/main/sec08_bg.jpg) center/cover no-repeat;}
.sec08__inner {position:relative; z-index:1;}
.sec08__txt {margin-bottom:4.6575rem;}
.sec08__title {font-family:var(--font-gd); font-weight:800; font-size:3.75rem; line-height:1.3; letter-spacing:-.075rem; color:var(--c-navy);}
.sec08__sub {font-family:var(--font-gd); font-weight:400; font-size:2rem; line-height:1.313; letter-spacing:-.04rem; color:var(--c-black); margin-top:1.5rem;}
.sec08__news {margin-top:3.75rem; font-weight:400; font-size:2rem; line-height:1.313; letter-spacing:-.04rem; color:var(--c-black);}
.sec08__news a{display: inline-flex; flex-direction: column;}
/* .sec08__news a {background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat; transition:background-size .3s;}
.sec08__news a:hover {background-size:100% 1px;} */
.sec08__img {width:80.8125rem; max-width:100%; margin:0 auto; aspect-ratio:1293 / 661;}
.sec08__img img {object-fit:contain;}

/* =====================================================================
   SEC09 : 신청서
===================================================================== */
.sec09 {position:relative; background:var(--c-navy-form); padding:11.875rem 0; overflow:hidden;}
.sec09__bg {position:absolute; inset:0; z-index:0; background:var(--c-navy-form) url(/img/main/sec09_bg.jpg) center/cover no-repeat;}
.sec09__inner {position:relative; z-index:1;}
.sec09__title {font-family:var(--font-gd); font-weight:800; font-size:3.75rem; line-height:1.3; letter-spacing:-.075rem; color:var(--c-white); text-align:center; margin-bottom:6.25rem;}
.sec09__title-g {color:var(--c-gold);}
.sec09__cont {display:flex; justify-content:space-between; gap:3.5625rem;}
.sec09__left {/* width:35.625rem; */ flex: 1; flex-shrink:0;}
.sec09__guide {font-weight:700; font-size:2rem; line-height:1.35; letter-spacing:-.02rem; color:var(--c-white);}
.sec09__left-img {width:100%; aspect-ratio:570 / 545; margin-top:1.25rem; overflow:hidden;}

.sec09__form {width:50.1875rem; flex-shrink:0;}
.form-row {display:flex; align-items:center; gap: 3.25rem;}
.form-row + .form-row {margin-top: 1.375rem;}
.form-label {flex-shrink:0; width:6.375rem; font-weight:500; font-size:1.75rem; line-height:1.429; letter-spacing:-.035rem; color:var(--c-white);}
.form-field {flex:1;}
.form-input {width:100%; height:3.3125rem; padding:0 1rem; background:rgba(255,255,255,.06); border:1px solid rgba(255, 255, 255, 0.15); color:var(--c-white); font-size:1.5rem; letter-spacing:-.03rem; outline: none !important; transition:var(--transition); appearance: none; font-family: var(--font-suit);}
.form-input::placeholder {color:var(--c-line);}
.form-input:focus{border-color: #FFF;}
select.form-input option {color:var(--c-black); background:#fff;}
.form-field--radio {display:flex; gap:3.375rem; align-items:center;}
.form-radio {display:inline-flex; align-items:center; gap:.625rem; font-weight:400; font-size:1.75rem; line-height:1.321; letter-spacing:-.035rem; color:var(--c-white); cursor:pointer;}
.form-radio input {display:none;}
.form-radio__dot {width:0.75rem; height:0.75rem; border-radius:50%; border:1px solid var(--c-white); flex-shrink:0; transition:var(--transition); background: #FFF;}
.form-radio input:checked + .form-radio__dot {background:#0076d7; box-shadow:inset 0 0 0 1px var(--c-white);}
.form-field--btn {position: relative;}
.form-auth {width:8.8125rem; height:2.5625rem; background:var(--c-gold); color:var(--c-black); font-weight:500; font-size:1.125rem; letter-spacing:-.0225rem; transition:var(--transition); position: absolute; top: 50%; transform: translateY(-50%); right: 1rem;}
.form-auth:hover {filter:brightness(.95);}
.form-agree {display:flex; align-items:center; justify-content: flex-end; gap:.5rem; margin-top:1.75rem; font-weight:400; font-size:1.375rem; line-height:1.5; letter-spacing:-.0275rem; color:var(--c-line); cursor:pointer;}
.form-agree input {display:none;}
.form-agree__box {width:1.5rem; height:1.5rem; border:1px solid var(--c-line); flex-shrink:0; position:relative; transition:var(--transition);}
.form-agree input:checked + .form-agree__box {background:var(--c-gold); border-color:var(--c-gold);}
.form-agree input:checked + .form-agree__box::after {content:''; position:absolute; left:.4375rem; top:.1875rem; width:.4375rem; height:.75rem; border:solid var(--c-black); border-width:0 2px 2px 0; transform:rotate(45deg);}

.form-cta {display:flex; gap:.5625rem; margin:3.6875rem auto 0; max-width:500px;}
.cta {display:flex; align-items:center; justify-content:center; gap:.5rem; height:3.5625rem; border-radius:.5rem; font-weight:700; font-size:1.375rem; line-height:1.318; letter-spacing:-.0275rem; transition:var(--transition);}
.cta:hover {filter:brightness(.95);}
.cta--naver {flex:1; background:var(--c-naver); color:var(--c-white);}
.cta--kakao {flex:1; background:var(--c-kakao); color:var(--c-kakao-txt);}
.cta--phone {width:12.5rem; flex-shrink:0; background:var(--c-white); color:var(--c-navy-deep);}
.cta__ico {width: 1.4375rem; height: auto;}

/* =====================================================================
   FOOTER
===================================================================== */
.footer {background:#161616; padding:6.3125rem 0 6.625rem;}
.footer__inner {display:flex; justify-content:space-between; align-items:flex-start; gap:2rem; color:var(--c-white);}
.footer__company {font-weight:900; font-size:1.5rem; line-height:1.292; letter-spacing:-.03rem;}
.footer__addr {margin-top:1.1875rem; font-weight:500; font-size:1.5rem; line-height:1.333; letter-spacing:-.03rem;}
.footer__addr p + p {margin-top:.1875rem;}
.footer__privacy a {color:inherit; text-decoration:underline; opacity:.85;}
.footer__tel {margin-left:4rem;}
.footer__contact {text-align:left;}
.footer__contact-label {font-weight:500; font-size:1.25rem; line-height:1.3; letter-spacing:-.025rem;}
.footer__contact-num {font-weight:900; font-size:2rem; line-height:1.281; letter-spacing:-.04rem; margin-top:.4375rem;}

/* =====================================================================
   ===============   MOBILE  (<=1024px : 384 디자인 적용)   ============
===================================================================== */
@media (max-width:1024px) {
  html {font-size:16px;}
  .inner {width:100%; padding:0 1.25rem;}
  .pc{display: none !important;}
  .mob{display: block !important;}

  /* ---------- VISUAL ---------- */
  .visual {height:39.375rem;}
  .visual__notice {height:auto; padding:1.6725rem 1.2rem; background:#3a3a3a; display: flex; align-items: center;}
  .visual__notice-inner {width: fit-content; display: block; text-align: center;}
  .visual__notice-txt {font-size:1rem; line-height:1.45; letter-spacing:-.005rem; text-align:center; display: inline;}
  .visual__notice-txt em {color:var(--c-gold);}
  .visual__notice-arrow {width:1rem; height:1rem; display: inline-block; vertical-align: middle; margin-bottom: 0.25rem;}
  .visual__inner {padding:0 1.5rem;}
  .visual__txt {position:absolute; right:1.25rem; top: 16.25rem; left:1.25rem;  width:auto;}
  .visual__labelrow {gap:.75rem;}
  .visual__line {flex:0 0 6.75rem; height:1.2px;}
  .visual__label {font-size:1.0625rem; line-height:1.5;}
  .visual__title {font-size:1.625rem; line-height:1.231; margin-top:.875rem;}
  .visual__desc {font-size:1.0625rem; line-height:1.5; margin-top:.875rem;}
  .visual__btn {margin-top:.875rem; height: 3.1825rem; padding:0 1.5rem 0 1.75rem; border-radius:.45rem; font-size:1rem; line-height:1.45; color:rgba(0,0,0,.8);}
  .visual__btn svg {width:1rem; height:1rem;}

  /* ---------- SEC02 ---------- */
  .sec02 {padding:3.75rem 0;}
  .sec02__head {margin-bottom:1.25rem;}
  .sec02__title {font-size:1.625rem; line-height:1.231;}
  .sec02__line {margin:.5rem 0;}
  .sec02__sub {font-size:1rem; line-height:1.45; letter-spacing:-.005rem;}
  .sec02__body {display:flex; flex-direction:column; gap: 0.375rem;}
  .sec02__img--main {aspect-ratio:344 / 420;}
  .sec02__grid {gap: 0.375rem;}
  .sec02__grid .sec02__img {aspect-ratio:169 / 142;}
  .sec02__txt {margin-top:.875rem; padding-left: 0;}
  .sec02__desc {font-size:.75rem; line-height:1.4; letter-spacing:-.00375rem; margin-bottom:.6875rem;}
  .sec02__desc--lead {font-size:.9375rem; line-height:1.4; letter-spacing:-.0046875rem; margin-bottom:.6875rem;}

  /* ---------- SEC03 ---------- */
  .sec03 {padding:4.95rem 0 4.5rem; background:var(--c-navy-900);}
  .sec03__bg {background:none;}
  .sec03__title {font-size:1.625rem; line-height:1.231; margin-bottom:1.8125rem;}
  .sec03__card {padding:1.25rem;}
  .sec03__item + .sec03__item::before { height:10rem;}
  .sec03__ico {width:5rem; height:4.965rem;}
  .sec03__item-title {font-size:1rem; line-height:1.45; letter-spacing:-.005rem; margin-top:0;}
  .sec03__sl {width:1.5rem; height:2px;}
  .sec03__item-desc {font-size:.75rem; line-height:1.4; letter-spacing:0;}

  /* ---------- SEC04 ---------- */
  .sec04 {padding:3.75rem 0; height: 40.68rem;}
  .sec04__inner {flex-direction:column; align-items:stretch; gap:2.5rem;}
  .sec04__txt {width:100%;}
  .sec04__sub {font-size:1.0625rem; line-height:1.5; color:rgba(0,0,0,.8);}
  .sec04__title {font-size:1.625rem; line-height:1.231; margin-top:.625rem;}
  .sec04__logo {width:10rem; height:1.689rem; margin-top:1.5rem;}
  .sec04__news {margin-top:.5rem; font-size:.875rem; line-height:1.5; letter-spacing:-.021875rem; color:rgba(0,0,0,.8);}
  .sec04__img {width:14.375rem; max-width:100%; margin:0 auto; aspect-ratio:230 / 305;}
  .sec04__news .link_arrow,
  .sec08 .link_arrow{width: 18.12106rem;}
  .link_arrow{margin-top: -0.5rem;}
  .link_arrow::before{width: 2.625rem; right: -0.875rem; top: -0.78rem;}

  /* ---------- SEC05 ---------- */
  .sec05 {padding:3.75rem 0;}
  .sec05__head {margin-bottom:3.25rem;}
  .sec05__title {font-size:1.625rem; line-height:1.231;}
  .sec05__desc {font-size:1rem; line-height:1.5; letter-spacing:-.005rem; color:rgba(0,0,0,.8); margin-top:.875rem;}
  .sec05__apply {font-size:.875rem; line-height:1.5; letter-spacing:-.021875rem; color:rgba(0,0,0,.8); margin-top:.875rem;}
  .sec05__cards {gap:.625rem; margin:0 -1.25rem; align-items: center;}
  .sec05__card {max-width: 24rem; width: 100%; height:auto; aspect-ratio: 64/29; display: block;}
  .sec05__card-txt {width:auto; padding:0; position:absolute; left:9.375rem; right:1.375rem; top:2.486rem;}
  .sec05__card-title {font-family:var(--font-suit); font-weight:400; font-size:.75rem; line-height:1.4; letter-spacing:-.00375rem;}
  .sec05__card-line {width:100%; height:1px; margin:.32rem 0; background:linear-gradient(90deg,#5b5b5b,rgba(193,193,193,0));}
  .sec05__card-desc {font-weight:700; font-size:.75rem; line-height:1.4; letter-spacing:0;}
  .sec05__card-note {font-family:var(--font-noto); font-size:.625rem; line-height:1.45; letter-spacing:0; margin-top:.3rem;}
  .sec05__card--02 .sec05__card-txt {left:.6875rem; right:auto; width:12.5rem; padding:0; margin:0; text-align:right;}
  .sec05__card--02 .sec05__card-line {background:linear-gradient(90deg,rgba(193,193,193,0),#5b5b5b);}
  .sec05__card--01 .sec05__card-desc,
  .sec05__card--03 .sec05__card-desc,
  .sec05__card-note{padding-left: 1.375rem;}
  .sec05__card--03 .sec05__card-txt{padding-top: 0;}
  .sec05__apply a .link_arrow{width: 5.24606rem;}

  /* ---------- SEC06 ---------- */
  .sec06 {padding:3.75rem 0;}
  /* .sec06 .inner {background:#262c4d; padding:3.75rem 1.25rem; overflow:hidden;} */
  .sec06__title {font-size:1.625rem; line-height:1.231; color:var(--c-white);}
  .sec06__cont {margin-top:1.75rem; gap:2.5rem;}
  .sec06__q{padding: 0;}
  .sec06__q-head {margin-bottom:0 !important;}
  .sec06__q-num {font-size:1.5rem; line-height:1.25; letter-spacing:0;}
  .sec06__q-subtitle {font-size:1.0625rem; line-height:1.5; letter-spacing:0; margin-top:.5rem;}
  .sec06__q-body {flex-direction:column; gap:1.0325rem; margin-top:2.0625rem;}
  .sec06__q-img {width:100%; aspect-ratio:344 / 233;}
  .sec06__q-text {font-size:.75rem; line-height:1.4; letter-spacing:-.00375rem; width: 100%;}
  .sec06__q-chart {margin-top:2.0625rem;}
  .sec06__chart-grid {gap:.25rem;}
  .sec06__chart-item {flex:1; width:auto;}
  .sec06__chart-img {aspect-ratio:168 / 136;}
  .sec06__chart-cap {gap:.35rem; padding:.5rem .4rem; font-size:.75rem; line-height:1.25;}
  .sec06__chart-tag {font-size:.75rem; padding:.0625rem .375rem; border-radius:.083rem;}
  .sec06__source {font-size:.75rem; line-height:1.4; letter-spacing:-.00375rem; margin-top:1rem;}
  .sec06__point {margin-top:1.375rem; padding:.5rem;}
  .sec06__point p {padding:1.25rem .625rem; font-size:.75rem; line-height:1.4; letter-spacing:-.00375rem;}

  /* ---------- SEC07 ---------- */
  .sec07 {padding:3.75rem 0;}
  .sec07__bg {background-image:url(/img/main/sec07_bg_m.jpg);}
  .sec07__title {font-size:1.625rem; line-height:1.231; margin-bottom:2.25rem;}
  .sec07__cont {flex-direction:column; gap:2.25rem;}
  .sec07__block {padding:0;}
  .sec07__block:first-child {border-right:0;}
  .sec07__q {font-size:1.05rem; line-height:1.4; color:rgba(0,0,0,.8);}
  .sec07__pie {width:18.75rem; max-width:100%; margin:1.35rem 0 1.5rem;}
  .sec07__legend {max-width:13.875rem; width:100%; gap:.75rem;}
  .sec07__legend li {font-weight:700; font-size:.75rem; line-height:1; letter-spacing:0; color:rgba(0,0,0,.8); gap:.6rem;}
  .sec07__dot {width:.9rem; height:.9rem; border-radius:.15rem;}

  /* ---------- SEC08 ---------- */
  .sec08 {padding:4.5rem 0;}
  .sec08__inner {padding:0 1.5rem;}
  .sec08__txt {margin-bottom:2.2875rem;}
  .sec08__title {font-size:1.625rem; line-height:1.231;}
  .sec08__sub {font-size:1rem; line-height:1.45; letter-spacing:-.005rem; color:rgba(0,0,0,.8); margin-top:.875rem;}
  .sec08__news {font-size:.875rem; line-height:1.5; letter-spacing:-.021875rem; color:rgba(0,0,0,.8); margin-top:.875rem;}
  .sec08__img {width:100%; aspect-ratio: initial; max-width: 30rem;}
  .sec08__img img{height: auto;}

  /* ---------- SEC09 ---------- */
  .sec09 {padding:3.75rem 0;}
  .sec09__bg {background-image:url(/img/main/sec09_bg_m.jpg);}
  .sec09__title {font-size:1.625rem; line-height:1.231; margin-bottom:1.1875rem; color:var(--c-white); text-align: left;}
  .sec09__cont {flex-direction:column; gap:1.1875rem;}
  .sec09__left {width:100%;}
  .sec09__guide {font-weight:500; font-size:1rem; line-height:1.5; letter-spacing:-.005rem;}
  .sec09__left-img {display:none;}
  .sec09__form {width:100%;}
  .form-row {gap:0;}
  .form-row + .form-row{margin-top: 0.5rem;}
  .form-label {width:5.375rem; font-weight:700; font-size:.8125rem; line-height:1.4; letter-spacing:-.0046875rem;}
  .form-input {height:2.125rem; padding:0 1rem; font-size:.8125rem;}
  .form-field--btn .form-input{height: 2.5rem;}
  .form-field--radio {gap:3.125rem;}
  .form-radio {font-weight:700; font-size:.8125rem; line-height:1.385; gap:.5625rem;}
  .form-radio__dot {width:.75rem; height:.75rem;}
  .form-radio input:checked + .form-radio__dot {box-shadow:inset 0 0 0 1.5px var(--c-white);}
  .form-auth {width:auto; height:auto; padding:.4375rem 1.25rem; font-weight:700; font-size:.75rem; right: 0.75rem;}
  .form-agree {margin-top:.75rem; font-size:.75rem; line-height:1.4; letter-spacing:-.00375rem; gap:.45rem;}
  .form-agree__box {width:.9rem; height:.9rem;}
  .form-agree input:checked + .form-agree__box::after {left:.25rem; top:.08rem; width:.28rem; height:.5rem;}
  .form-cta {gap:.5rem; margin-top:1.25rem;}
  .cta {height:auto; padding:.5rem; font-family:var(--font-noto); font-size:.8125rem; line-height:1.45; letter-spacing:0; gap:.25rem;}
  .cta--phone {width:5rem; padding:.5rem .25rem;}

  /* ---------- FOOTER ---------- */
  .footer {background:#151515; padding:5rem 0 3.75rem;}
  .footer__inner {flex-direction:column; align-items:flex-start; gap:1.25rem; padding:0 1.5rem;}
  .footer__company {font-weight:700; font-size:.9375rem; line-height:1.4; letter-spacing:-.0046875rem; margin-bottom: 0.75rem;}
  .footer__addr {margin-top:0; display:flex; flex-direction:column; gap:.3125rem; font-weight:700; font-size:.75rem; line-height:1.25; letter-spacing:0;}
  .footer__tel {display:block; margin-left:0; margin-top: .3125rem;}
  .footer__contact-label {font-size:.8125rem; line-height:1.25;}
  .footer__contact-num {font-weight:700; font-size:1.25rem; line-height:1.45; letter-spacing:-.00625rem; margin-top:.3125rem;}
}

@media (max-width:768px) {
  .pc2{display: none !important;}
  .mob2{display: block !important;}
  
  /* ---------- VISUAL ---------- */
  .visual__bg {background-image:url(/img/main/visual_img_m.jpg);}

  /* ---------- SEC03 ---------- */
  .sec03__card {flex-direction:column; width:12.5rem; max-width:100%; margin:0 auto; padding:1.25rem; gap:1.25rem; border-radius:1.25rem;}
  .sec03__item {padding:0; gap:.5rem;}
  .sec03__item + .sec03__item {padding-top:1.3125rem;}
  .sec03__item + .sec03__item::before {top:0; left:50%; transform:translateX(-50%); width:10rem; height:1px;}
  .sec03__sl {width:1.5rem; height:2px; margin:0;}

  /* ---------- SEC08 ---------- */
  .sec08__bg {background-image:url(/img/main/sec08_bg_m.jpg);}

}

@media (max-width:460px) {

  .sec04__bg {background-image:url(/img/main/sec03_bg_m.jpg);}
  .cta__ico{width: 1.25rem;}

}

/* fine-tune very small phones */
@media (max-width:380px) {
  .mob3{display: none;}
  .form-field--radio {gap:2rem;}
  .form-cta{flex-wrap: wrap;}
  .cta {font-size:.75rem;}
  .cta--phone {width:100%;}
}