/* include 공통 CSS */

/************************* 공통 시작*************************/
.inner {width:100%; max-width:1520px; margin:0 auto;}
.inner--fill {max-width:none; padding-right:calc((100% - 1520px) / 2); padding-left:calc((100% - 1520px) / 2);}
@media(max-width:1560px){.inner {padding:0 4%;}}
.inner-1184 {width:100%; max-width:1184px; margin:0 auto;}
@media(max-width:1224px){.inner-1184 {padding:0 4%;}}

/* 시안 줄맞춤 <br>은 트랙1 첫 BP부터 숨김 (내용 구분 줄은 .br-keep 부모로 예외) */
@media(max-width:1560px){#wrap :not(.br-keep) > br {display:none;}}

.sub-container {padding-top: 5em; padding-bottom: 10em; min-height:5rem;}
/************************* 공통 끝 *************************/

/************************* header_inc 시작*************************/
.header {position:fixed; top:28px; left:0; z-index:100; width:100%;} /* K1: 화면 고정 헤더 */
.header__bar {display:flex; align-items:center; padding:16px 40px; border-radius:500px; background:var(--rgba01); backdrop-filter:blur(6px); transition:background-color .3s ease;}
.header-home {display:block; margin-right:200px;}
.header-home__logo {display:block; width:180px;}
.header-home__logo--color {display:none;}
.header-navi__list {display:flex; align-items:center;}
.header-navi__item {margin-right:48px;}
.header-navi__item:last-child {margin-right:0;}
.header-navi__link {display:block; font-size:18px; font-weight:600; line-height:1.4; letter-spacing:-0.5px; transition:color .2s ease;}
.header-navi__link, .header-navi__link:link, .header-navi__link:visited {color:var(--white);}
.header-quote {display:block; margin-left:auto; padding:12px 28px; border-radius:500px; background:var(--main-color); font-size:18px; font-weight:600; line-height:1.4; letter-spacing:-0.5px; transition:background-color .2s ease;}
.header-quote, .header-quote:link, .header-quote:visited {color:var(--white);}
@media(hover:hover){
	.header-navi__link:hover {color:var(--main-color);}
	.header-quote:hover {background:var(--gray-900);}
}

/* 라이트 상태 — Hero 영역을 벗어나면 .is-light (Figma 'header - 고정') */
.header.is-light .header__bar {background:var(--gray-50);}
.header.is-light .header-home__logo--white {display:none;}
.header.is-light .header-home__logo--color {display:block;}
.header.is-light .header-navi__link {color:var(--gray-800);}
@media(hover:hover){
	.header.is-light .header-navi__link:hover {color:var(--main-color);}
}

/* 모바일 메뉴 버튼 + 드로어 (1080 이하에서 노출, 열리면 .is-open + 라이트 상태) */
.header-toggle, .header-drawer {display:none;}
.header-toggle {padding:4px;}
.header-toggle__icon {display:block; width:24px;}
.header-toggle__icon--dark, .header-toggle__icon--close {display:none;}
.header.is-light .header-toggle__icon--white {display:none;}
.header.is-light .header-toggle__icon--dark {display:block;}
.header.is-open .header-toggle__icon--dark {display:none;}
.header.is-open .header-toggle__icon--close {display:block;}
.header-drawer__list {margin-top:8px; padding:8px 24px; border-radius:24px; background:var(--gray-50); box-shadow:var(--shadow-1);}
.header-drawer__item + .header-drawer__item {border-top:1px solid var(--gray-200);}
.header-drawer__link {display:block; padding:14px 0; font-size:17px; font-weight:600; line-height:1.4; letter-spacing:-0.5px;}
.header-drawer__link, .header-drawer__link:link, .header-drawer__link:visited {color:var(--gray-800);}
@media(hover:hover){
	.header-drawer__link:hover {color:var(--main-color);}
}

@media(max-width:1320px){
	.header-home {margin-right:auto;} /* 바 폭이 줄면 로고~버튼 사이 가운데에 메뉴 배치 (1081 부근 버튼과 붙음 방지) */
}
@media(max-width:1080px){
	.header-navi {display:none;}
	.header-home {margin-right:0;}
	.header-toggle {display:block; margin-left:16px;}
	.header.is-open .header-drawer {display:block;}
}
@media(max-width:768px){
	.header {top:16px;}
	.header__bar {padding:10px 12px 10px 24px;}
	.header-home__logo {width:140px;}
	.header-quote {padding:8px 18px; font-size:15px;}
	.header-toggle {margin-left:12px;}
}
@media(max-width:500px){
	.header {top:12px;}
	.header__bar {padding:8px 10px 8px 18px;}
	.header-home__logo {width:116px;}
	.header-quote {padding:7px 14px; font-size:14px;}
	.header-toggle {margin-left:8px;}
}

/************************* header_inc 끝*************************/

/************************* sub-dropdown 시작 *************************/
.drop-menu {border-bottom:1px solid var(--main-gray);}
.drop-menu__inner {display: flex; border-right:1px solid var(--main-gray); border-left:1px solid var(--main-gray);}
.drop-menu__home {display: inline-flex; min-width: 3em; min-height: 3em; height: inherit; justify-content: center; align-items: center;}
.drop-menu__icon {width: 1.75em;}
.drop-menu__wrap {position: relative; z-index: 0; border-left:1px solid var(--main-gray);}
.drop-menu__wrap:last-child {border-right:1px solid var(--main-gray); }
.drop-menu__btn {display: flex; justify-content: space-between; align-items: center; min-width:15em; height: 100%; padding:0 0.15rem; font-weight: 500; transition:.15s ease-in-out all;}
.drop-menu__tit {display: block; font-size: 1.125em;}
.drop-menu__arr {margin-left: 1.5em; width: 0.75em; transition:.15s ease-in-out all;}
.drop-menu__navi {position: absolute; top: 100%; left: -1px; z-index: 10; width:calc(100% + 2px);  height: 0; overflow: hidden;}
.drop-menu__list {background-color: #fff; border:1px solid var(--main-gray);}
.drop-menu__link {display: block; padding:0.5em 0.15rem; transition:.15s ease-in-out all;}
@media(hover:hover){
	.drop-menu__link:hover {background-color: var(--main-color); color: #fff;}
}

.drop-menu__btn.on {background-color: var(--main-color); color: #fff;}
.drop-menu__btn.on .drop-menu__arr {filter:brightness(0) invert(1); transform:rotate(180deg);}

/************************* dropdown 끝 *************************/
/************************* tabmenu 시작 *************************/
.tab-menu {border-bottom:1px solid var(--main-gray)}
.tab-menu__list {display: flex;}
.tab-menu__item {flex:1;}
.tab-menu__btn {padding:1.5em 0.75em; display: flex; justify-content: center; align-items: center; text-align: center; height: 100%; transition: .15s ease-in-out all;}
.tab-menu__btn--crt {background-color: var(--main-color);}
.tab-menu__btn--crt,
.tab-menu__btn--crt:link,
.tab-menu__btn--crt:visited {color: #fff;}
@media(hover:hover){
	.tab-menu__btn:hover {background-color: var(--main-color); color: #fff;}
}
/************************* sub-tabmenu 끝 *************************/

/************************* depth3 시작 *************************/
.depth3__list {display: flex; flex-flow: row wrap;}
.depth3__item {flex:1;}
.depth3__item:last-child {border:0;}
.depth3__btn {padding:1.5em 0.75em; width: 100%; height: 100%; display: flex; align-items: center;justify-content: center; border-bottom:2px solid var(--main-gray); transition:.15s ease all;}
.depth3__btn--crt {border-color:var(--main-color);}
@media(hover:hover){
	.depth3__btn:hover {border-color:var(--main-color);}
}
/************************* depth3 끝 *************************/


/************************* footer_inc 시작 *************************/
.footer {padding:60px 0; border-radius:40px 40px 0 0; background:var(--gray-50);}
.footer__top {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; row-gap:16px;}
.footer__logo {display:block; width:238px;}
.footer-navi {display:flex;}
.footer-navi__link {margin-right:24px; font-size:16px; font-weight:600; line-height:20px; letter-spacing:-0.5px; transition:color .2s ease;} /* 윗줄 높이를 로고(20)에 맞춤 — Figma 정보 줄은 로고 하단 + 40 */
.footer-navi__link:last-child {margin-right:0;}
.footer-navi__link, .footer-navi__link:link, .footer-navi__link:visited {color:var(--gray-700);}
.footer-info {margin-top:40px;}
.footer-info__row {display:flex; flex-wrap:wrap; row-gap:4px; margin-top:4px;}
.footer-info__row:first-child {margin-top:0;}
.footer-info__item {display:flex; margin-right:40px; font-size:16px; line-height:1.4; letter-spacing:-0.5px;}
.footer-info__item:last-child {margin-right:0;}
.footer-info__label {flex-shrink:0; margin-right:12px; font-weight:600; color:var(--gray-700);}
.footer-info__value {font-weight:500; color:var(--gray-500);}
.footer-info__value a, .footer-info__value a:link, .footer-info__value a:visited {color:inherit; transition:color .2s ease;}
.footer__copy {display:flex; flex-wrap:wrap; margin-top:60px; font-size:14px; font-weight:500; line-height:1.4; letter-spacing:-0.5px;}
.footer__copyright {margin-right:12px; color:var(--gray-500);}
.footer__credit {color:var(--gray-400);}
@media(hover:hover){
	.footer-navi__link:hover, .footer-info__value a:hover {color:var(--main-color);}
}
@media(max-width:768px){
	.footer {padding:48px 0; border-radius:24px 24px 0 0;}
	.footer__logo {width:180px;}
	.footer-navi__link {font-size:15px;}
	.footer-info {margin-top:32px;}
	.footer-info__item {margin-right:24px; font-size:15px;}
	.footer__copy {margin-top:40px; font-size:13px;}
}
@media(max-width:500px){
	.footer__top {flex-direction:column;}
	.footer__logo {width:150px;}
	.footer-info__row {flex-direction:column;}
	.footer-info__item {margin-right:0;}
}

/************************* footer_inc 끝 *************************/


/************************* split-text *************************/
.split-text__word {font-size: inherit;}
.split-text__letter {display: inline-block; font-size: inherit;}
.split-text--no-delay .split-text__letter {transition-delay:0s !important; animation-delay:0s !important;}