/* include 공통 CSS */
.main-tit {font-size: 3.5em; font-weight: 800; font-family: 'NanumSquare Neo', sans-serif; line-height: 1.25;}
.main-tit--white {color: #fff;}

.main-apply {padding-top: 7.5em;}
.main-apply__link {display: inline-flex; justify-content: center; align-items: center; gap: 0.41667em; padding: 0.625em 1.6667em; border-radius: 3.75em; background-color: var(--main-color); font-size: 1.5em; font-weight: 600; color: #fff; line-height: 1.33; transition: all 0.3s ease;}
.main-apply__arrow {width: 0.541667em; transition: transform 0.3s ease;}
@media (hover:hover) {
	.main-apply__link:hover {transform: translateY(-5px); box-shadow: 0 6px 12px 0 rgba(0,0,0,0.2);}
	.main-apply__link:hover .main-apply__arrow {transform: rotate(45deg);}
}
@media (max-width:768px) {
	.main-apply{padding-top: 2em; text-align: right;}
}
/************************* 공통 시작*************************/

.inner {width: 100%; max-width:var(--inner); margin: 0 auto; }
.inner--fill {max-width:none; padding-right: calc((100% - var(--inner)) / 2); padding-left: calc((100% - var(--inner)) / 2);}
@media(max-width:1660px){
	.inner {padding: 0 4%;}
}

.main-content {font-size: var(--fz);}
.main-content__panel {min-height: 100svh;}

/************************* 공통 끝 *************************/

/************************* header_inc 시작*************************/
.header {font-size: var(--fz); --py : 2.875em}
.header--reduction {--py : 1.5em}
@media(max-width:1080px){
	.header {--py : 0; --height : 5em;}
}

.header-fix {position: fixed; left:0; top:0; z-index: 100; display: flex; justify-content: space-between; width:100%; padding: var(--py) 5.625em; transition: 0.3s ease-in-out all;}
@media (max-width:1780px) {
	.header-fix {padding: var(--py) 4%;}
}
@media (max-width:1080px) {
	.header-fix {align-items: center; height: var(--height);}
	.header-fix--toggle {background-color: #fff;}
}

.header-home__logo {width: 17.3088em; transition: 0.3s ease-in-out all;}

.header-fix--active .header-home__logo {filter:brightness(0)}
.header-fix--toggle .header-home__logo {filter:brightness(0)}
@media (max-width:1280px) {
	.header-home__logo {width: 14em;}
}
@media (max-width:768px) {
	.header-home__logo {width: 12em;}
}

.header-nav {position: absolute; top: var(--py); left: 50%; transform:translateX(-50%); transition:.3s ease inset}
.header-nav__list {display: flex; justify-content: center; align-items: center; gap:1.9em;}
.header-nav__btn {font-weight: 500; color: #fff; white-space:nowrap;}

.header-fix--active .header-nav__btn {color: #000;}
@media (max-width:1280px) {
	.header-nav {position: static; transform:none;}
}
@media (max-width:1080px) {
	.header-nav {position: fixed; z-index: -1; inset: 0 0 auto auto; width: 100%; height: 100svh; max-height: 100svh; padding-top: var(--height); transform:translateY(-2.5em); opacity: 0; visibility:hidden; transition:.3s ease all;}
	.header-nav--show {transform:translateY(0); opacity: 1; visibility:visible}
	.header-nav__list {flex-direction:column; justify-content: flex-start; align-items:flex-start; height: 100%; gap:0;}
	.header-nav__item {width: 100%; border-bottom:1px solid #ddd;}
	.header-nav__btn {display: block; width: 100%; font-size: 1.25em; padding:1em 4%; background-color: #fff; color: #000;}

	.header-fix--active .header-nav__btn {color: #000;}
}


.ham-btn {display: none; position: relative; width: 32px; height: 20px;}
.ham-btn__bar {position: absolute; left: 0; width: 100%; height: 2px; background-color: #fff; transition:.3s ease background-color}
.ham-btn__bar--top {top: 0;}
.ham-btn__bar--mid {top: 50%; transform:translateY(-50%)}
.ham-btn__bar--bot {bottom: 0;}

.header-fix--active .ham-btn__bar {background-color: #000;}
.header-fix--toggle .ham-btn__bar {background-color: #000;}

@media(max-width:1080px){
	.ham-btn {display: block;}
}

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


/************************* footer_inc 시작 *************************/

.footer {padding: 2.9375em 0 2.3125em; font-size: var(--fz); background-color: var(--main-black);}
.footer-sec {display: flex; align-items: center; gap: 1em;}
.footer-home__logo {width: 7.5em;}
.footer-info {flex: 1;}
.footer-info__item {display: flex; flex-wrap: wrap; padding-bottom: 0.625em; color: #ccc;}
.footer-info__item:last-child {padding-bottom: 0;}
.footer-info__info {position: relative; display: flex; gap: 0.5em; padding-right: 1.25em;}
.footer-info__info:last-child {padding-right: 0;}
.footer-info__info::after {content: ''; display: block; position: absolute; right: 0.5625em; top: 0.3em; width: 1px; height: 0.625em; background-color: #ccc;}
.footer-info__cate {font-weight: 500;}
/************************* 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;}