/* include 공통 CSS */

/************************* 공통 시작*************************/
.inner {position: relative; margin: 0 auto; max-width:1560px; width: 100%;}
.inner--flex {display: flex; flex-flow:row wrap;}
.inner--center {align-items: center;}
@media(max-width:1600px){
	.inner {padding: 0 4%;}
}
.inner-1400 {position: relative; margin: 0 auto; max-width:1400px; width: 100%;}
@media(max-width:1440px){
	.inner-1400 {padding-right: 4%; padding-left: 4%;}
}

.sub-container {padding-bottom: 1.6rem; min-height:5rem; overflow: hidden;}
/************************* 공통 끝 *************************/

/************************* header_inc 시작*************************/
#header{position: fixed; padding:0; z-index: 1000; left:0; top:0; width:100%; border-bottom: 1px solid transparent; font-size: 0.2rem; transition:.3s ease all;}
#header:before {position: absolute; content:""; top: 5em; width: 0; height: 1px; opacity: 0; background-color: var(--line-gray--thin); transition:.3s ease all;}
#header:has(.header-all){height:100%; max-height:5em;}
#header:has(.ham-open){background-color: #fff;}
#header.all-drop {max-height:max(420px, 45vh);}
#header.all-drop:before {width: 100%; opacity: 1;}
@media(max-width:1560px){
	#header {font-size: 0.18rem;}
}
@media(max-width:1440px){
	#header {font-size: 0.17rem;}
}
@media(max-width:1080px){
	#header {font-size: 0.16rem;}
}


.header {display:flex; justify-content:space-between; align-items:center;}

@media(max-width:1080px){
	.header {height: 5em;}
	#header:has(.header-all) {max-height:none; height: auto;}
}
.header-logo__link {display: block;}
.header-logo__img {width: 11em; filter:brightness(0) invert(1)}

.header-all__mainmenu {display: flex;}
.header-all__mainlist {margin: 0 2em;position: relative;}
.header-all__mainlink {position: relative; padding:0 0.2rem; display: flex; justify-content:center; align-items: center; height: 5em; font-weight: 500; text-align: center; transition:.3s ease all;}
.header-all__mainlink,
.header-all__mainlink:link,
.header-all__mainlink:visited {color: #fff;}
.header-all__mainlink:before {position: absolute; content:""; display: block; bottom: 0; left: 0; width: 0; height: 2px; background-color: var(--main-color); opacity: 0; visibility:hidden; transition:.3s ease all;}
.header-all__submenu {position: absolute; padding:0.9em 0.2rem;  top: 100%; left: 0; width: 100%; opacity: 0; visibility:hidden; transition:.3s ease all;}
.header-all__sublink {margin:0.5em 0; padding:0.5em 0; display: block; font-size: 0.85em; white-space: nowrap; transition:.3s ease all;}
#header.all-drop .header-all__submenu {opacity: 1; visibility:visible; transition:.5s ease all;}
@media(max-width:1080px){
	.header-all {display: none;}
}

@media(hover:hover){
	.header-all__mainlink:hover {color: var(--main-color);}
	.header-all__mainlink:hover:before {width: 100%; opacity: 1; visibility: visible;}
	.header-all__sublink:hover {color: var(--main-color);}
	
}


.hamburger {position: relative; margin-left: 2.8em; width: 2.3em; height: 0.9em;}
.hamburger__bar {position: absolute; width: 78.28%; height: 2px; background-color: #fff; transition:.5s ease all;}
.hamburger__bar--top {top: 0; right: 0;}
.hamburger__bar--middle {top: 50%; transform:translateY(-50%)}
.hamburger__bar--bottom {bottom: 0; right: 0;}
.hamburger--active .hamburger__bar {background-color: #71717A;}
.hamburger--active .hamburger__bar--top {top: 50%; left: 50%; transform:translate(-50%, -50%) rotate(45deg)}
.hamburger--active .hamburger__bar--middle {opacity: 0;}
.hamburger--active .hamburger__bar--bottom {bottom: 50%; left: 50%; transform:translate(-50%, 50%) rotate(-45deg)}
.ham-open {background-color: #fff; border-bottom:transparent;}
.ham-open .hamburger .hamburger__bar {background-color: var(--main-black);}
.ham-open .hamburger--active .hamburger__bar {background-color: #71717a;}


.hamburger-navi {position: fixed; top: 1rem; right: 0; bottom: 0; left: 0; opacity: 0; visibility:hidden; background-color: #fff; transition:.3s ease-in-out all; overflow: auto; font-size: 0.24rem; letter-spacing:-0.04em;}
.hamburger-navi--active {opacity: 1; visibility: visible;}
.hamburger-navi__inner {position: relative; margin-top: 6.25em; display: flex; flex-flow:row wrap; z-index: 0;}
.hamburger-navi__logo {position: absolute; top: 68%; left: 54.5%; transform:translate(-50%, -50%); width: 100%; z-index: -1;}
.hamburger-navi__intro {transform:translateY(50px); opacity: 0; visibility: hidden; transition:.3s ease all;}
.hamburger-navi__category {margin-bottom: 1.2em; display: block; font-size: inherit; font-weight: 600; color: var(--main-gray--dark);}
.hamburger-navi__title {font-size: 2em; line-height: 1.29; font-weight: 700; color: var(--main-color);}
.hamburger-navi__mainmenu {padding: 0.3em 3.85em; flex:1; display: flex; justify-content: space-between; flex-flow:row wrap; font-size: 1.0834em;}
.hamburger-navi__mainlist {font-weight: 600; transform:translateY(50px); opacity: 0; visibility: hidden; transition:.3s ease all;}
.hamburger-navi__mainlink {margin-bottom: 1.25em; display: inline-block; transition:.3s ease all;}
.hamburger-navi__mainlink--active,
.hamburger-navi__mainlink--active:link,
.hamburger-navi__mainlink--active:visited {color: var(--main-color);}
.hamburger-navi__submenu {font-size: 0.6924em;}
.hamburger-navi__sublist {margin-bottom: 0.85em; font-weight: 600; transform:translateY(50px); opacity: 0; visibility: hidden; transition:.3s ease all;}
.hamburger-navi__sublist:last-child {margin-bottom: 0;}
.hamburger-navi__sublink {display: inline-block; transition:.3s ease all;}
.hamburger-navi__sublink,
.hamburger-navi__sublink:link,
.hamburger-navi__sublink:visited {color: var(--main-gray--deep);}	

.hamburger-navi--active .hamburger-navi__intro {transform:translateY(0); opacity: 1; visibility: visible;}
.hamburger-navi--active .hamburger-navi__mainlist {transform:translateY(0); opacity: 1; visibility: visible;}
.hamburger-navi--active .hamburger-navi__sublist {transform:translateY(0); opacity: 1; visibility: visible;}

@media(max-width:1600px){
	.hamburger-navi {font-size: 0.22rem;}
	.hamburger-navi__logo {top: 50%; left: 50%; width: 92%;}
	.hamburger-navi__mainmenu {padding-right: 4%; padding-left: 4%;}
}
@media(max-width:1440px){
	.hamburger-navi {font-size: 0.21rem;}
}
@media(max-width:1080px){
	.hamburger-navi {top: 0.8rem;}
	.hamburger-navi {font-size: 0.20rem;}
	.hamburger-navi__inner {margin-top: 1em;}
	.hamburger-navi__intro {width: 100%;}
	.hamburger-navi__mainmenu {margin-top: 1em; width: 100%; padding-right: 0; padding-left: 0;}

}
@media(max-width:768px){
	.hamburger-navi {font-size: 0.18rem;}
}
@media(max-width:500px){
	.hamburger-navi {font-size: 0.16rem;}
	.hamburger-navi__logo {display: none;}
	.hamburger-navi__intro {margin-bottom: 1.25em; padding-bottom: 1.875em; border-bottom:1px solid var(--line-gray--light)}
	.hamburger-navi__category  {font-size: 0.875em;}
	.hamburger-navi__mainmenu {margin-top: 0; padding-top: 0; font-size: 1.625em;}
	.hamburger-navi__mainlist {padding:0.5312em 0; width: 100%;}
	.hamburger-navi__mainlist:last-child {margin-bottom: 0;}
	.hamburger-navi__mainlink {position: relative; margin-bottom: 0; display: block;}
	.hamburger-navi__mainlink:after {position: absolute; content:""; display: block; top: 50%; right: 0; transform:translateY(-50%); width: 0.5385em; height: 0.3076em; background:url('./img/ham_arrow.png') no-repeat center / cover; transition:.5s ease all;}
	.hamburger-navi__mainlink--no-sub:after {display: none;}
	.hamburger-navi__mainlink--active:after {transform:translateY(-50%) rotate(180deg);}
	.hamburger-navi__submenu {max-height:0; overflow: hidden; transition:.3s ease-in-out all;}
	.hamburger-navi__mainlink--active + .hamburger-navi__submenu {max-height:100%;}
	.hamburger-navi__sublist {margin-bottom: 0; margin-right: 1.25em;}
	.hamburger-navi__sublist:last-child {margin-bottom: 0;}
	.hamburger-navi__sublink {padding:0.412em 0.25em;}
}
@media(hover:hover){
	.hamburger-navi__mainlink:hover,
	.hamburger-navi__sublink:hover {color: var(--main-color);}
}
body:before {position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: block; content:""; background-color: #000; opacity: 0; visibility:hidden; z-index: 50; transition:.3s ease opacity;}
body:has(.all-drop):before {opacity: 0.5; visibility:visible;}




#header.fix-header,
#header.header-enter, 
#header.header:has(.hamburger--active) {background-color: #fff;}
.fix-header .header-logo__img,
.header-enter .header-logo__img, 
.header:has(.hamburger--active) .header-logo__img {filter: brightness(1) invert(0)}
.fix-header .header-all__mainlink,
.fix-header .header-all__mainlink:link,
.fix-header .header-all__mainlink:visited,
.header-enter .header-all__mainlink,
.header-enter .header-all__mainlink:link,
.header-enter .header-all__mainlink:visited {color: var(--main-black);}
.header:has(.hamburger--active) .header-all__mainlink,
.header:has(.hamburger--active) .header-all__mainlink:visited,
.header:has(.hamburger--active) .header-all__mainlink:link {color: var(--main-black); opacity: 0; visibility: hidden;}

.fix-header .hamburger__bar,
.header-enter .hamburger__bar {background-color: var(--main-black);}

@media(hover:hover){
	.fix-header .header-all__mainlink{color: var(--main-black);}
	.fix-header .header-all__mainlink:hover,
	.fix-header .header-all__mainlink:link:hover,
	.fix-header .header-all__mainlink:visited:hover,
	.header-enter .header-all__mainlink:hover,
	.header-enter .header-all__mainlink:link:hover,
	.header-enter .header-all__mainlink:visited:hover {color: var(--main-color);}
}

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


.circle-title {position: relative; font-size: 2.6667em; font-weight: 700; line-height: 1.29; letter-spacing: -0.025em; z-index: 0;}
.circle-title:before {position: absolute; top: -1.48em; left: -1.86em; content:""; display: block; width: 4.1667em; height: 4.1667em; border-radius:50%; z-index: -1; background-color: var(--main-color); opacity: var(--opa, 0); transform:translateY(var(--y,0))}
.circle-title--small {font-size: 1.778em;}
.circle-title--small:before {width: 3.125em; height: 3.125em; top: -1.38em; left: -1.38em;}
.circle-title span {display: inline-block;}
.circle-title--on:before {animation: circleAni 5s infinite linear;}

@keyframes circleAni {
    0% {transform:translateY(0)}
		25% {transform:translateY(-15px); opacity:0.3;}
		50% {transform:translateY(0)}
		75% {transform:translateY(15px); opacity:0.3;}
		50% {transform:translateY(0)}
}

.welfare-business {font-size: 0.18rem;}
.welfare-business__section {margin-bottom: 4.445em; }
.welfare-business__section:first-of-type {padding-top: 8.02em;}
.welfare-business__section:last-of-type {margin-bottom: 0;}
.welfare-business__list {margin-top: 4.15em; border-top:1px solid var(--sub-color01)}
.welfare-business__item {padding: 2.05em 2.75em; display: flex; flex-flow:row wrap; align-items: center; border-bottom:1px solid var(--line-gray);}
.welfare-business__category {width: 14.5em; font-size: 1.334em; font-weight: 600;}
.welfare-business__category span {margin-top: 0.6em; display: block; font-size: 0.667em; font-weight: 300; color: var(--main-gray--deep); letter-spacing: 0.15em;}
.welfare-business__desc {flex:1; line-height: 1.42; color: var(--main-gray);}
.welfare-business__support {display: flex; flex-flow: row wrap;}
.welfare-business__sponsor {margin-right: 2.857%; width: 48.5715%; display: flex; flex-direction: column;; border:1px solid var(--line-gray--light); border-radius: 0 0 0.8334em 0.8334em; overflow: hidden;}
.welfare-business__sponsor:last-child {margin-right: 0;}
.welfare-business__pasture {margin-bottom: 0.65em; font-size: 1.3334em; font-weight: 500;}
.welfare-business__logo {padding:0 16%; height:6.25em; display: flex; justify-content: center; align-items: center; border-top:1px solid var(--sub-color02); text-align: center; background-color: #fff;}
.welfare-business__logo img {max-height:100%;}
.welfare-business__explain {padding:1.8em 3.5em 1.7em; background-color: var(--bg-color); border-top:1px solid var(--line-gray--light); flex:1;}
.welfare-business__detatil {line-height: 1.42;}
@media(max-width:1440px){
	.welfare-business {font-size: 0.17rem;}
}
@media(max-width:1080px){
	.welfare-business {font-size: 0.16rem;}
}
@media(max-width:768px){
	.welfare-business {font-size: 0.15rem;}
	.welfare-business__explain {padding-right: 1em; padding-left: 1em;}
}
@media(max-width:500px){
	.welfare-business {font-size: 0.14rem;}
	.welfare-business__desc {margin-top: 1em; flex:none; width: 100%;}
	
}
/************************* sub-dropdown 시작 *************************/

.dropmenu {position: relative; padding:0.45em 0 1.65em; display: flex; align-items: center; z-index: 10;}
.dropmenu__home {padding:0.301em 0;}
.dropmenu__home img {width: 1.3334em;}
.dropmenu__menu {position: relative; margin-left: 0.9em;}
.dropmenu__btn {position: relative; padding:0.301em 0; width: 14.4445em; display: flex; align-items: center;}
.dropmenu__btn,
.dropmenu__btn:visited,
.dropmenu__btn:link {color: inherit;}
.dropmenu__btn:before {margin-right:0.9em; content:""; display: inline-block; width: 1px; height: 0.875em; background-color: #fff; vertical-align: middle; opacity: 0.6;}
.dropmenu__menulist {position: absolute; display: none;  top: 100%; width: 100%; left: 0; padding: 1.065em 0; background-color: #fff; border:1px solid var(--line-gray--thin); font-size: 0.8889em; background-color: #fff; z-index: 10;}
.dropmenu__menulink {padding: 0.8em 1.875em; display: block; font-weight: 500;}
.dropmenu__menulink span {border-bottom:1px solid transparent; transition:.3s ease all;}
.dropmenu__arrow {margin-left: auto; transition:.3s ease all;}
.dropmenu__btn--active .dropmenu__arrow {transform:rotate(90deg)}
@media(hover:hover){
	.dropmenu__menulink:hover span {color: var(--main-color); border-color: var(--main-color);}
}
@media(max-width:768px){
	.dropmenu {display: none;}
}


/************************* sub-dropdown 끝 *************************/
/************************* sub-tabmenu 시작 *************************/
.sub-tabmenu {border-bottom: 1px solid var(--main-gray);}
.sub-tabmenu__list {margin: 0 auto; max-width:1600px; display: flex;}
.sub-tabmenu__item {flex:1 auto;}
.sub-tabmenu__link {display: inline-flex; justify-content:center; align-items:center; width: 100%; height: 0.6rem; font-size: 0.15rem; font-weight: 600; color: var(--main-black); border-bottom:2px solid transparent; transition:.5s ease all;}
.sub-tabmenu__link--active,
.sub-tabmenu__link:active,
.sub-tabmenu__link:focus-visible {color: var(--main-color); border-color: var(--main-color);}
.sub-tabmenu__link:visited,
.sub-tabmenu__link:link {color: var(--black-04);}
.sub-tabmenu__link--active:visited {color: var(--main-color);}
@media(hover:hover){
	.sub-tabmenu__link:hover {color: var(--main-color); border-color:2px solid var(--main-color);}
}
/************************* sub-tabmenu 끝 *************************/

/************************* sub-depth3 시작 *************************/
.sub-depth3 {position: relative; margin-top: 3.75em; font-size: 0.16rem; z-index: 0;} 
.sub-depth3__list {margin: 0 auto; max-width:1400px; display: flex; flex-flow: row wrap;}
.sub-depth3__item {margin-right: 0.8928%; flex:1;}
.sub-depth3__item:last-child {margin-right: 0;}
.sub-depth3__link {padding:0.8em 0.5em; display: flex; justify-content:center; align-items: center; width: 100%; height: 100%; text-align: center; background-color: var(--bg-color--light); font-weight: 500; border-radius:3.125em; border:1px solid var(--line-gray); transition:.5s ease all;}
.sub-depth3__link--active,
.sub-depth3__link:active,
.sub-depth3__link:focus-visible {background-color: var(--main-black);}

.sub-depth3__link--active,
.sub-depth3__link--active:link,
.sub-depth3__link--active:visited {color: #fff;}

.sub-intro + .sub-depth3 {margin-top: 7.5em;}

@media(hover:hover){
	.sub-depth3__link:hover {background-color: var(--main-black); color: #fff;}
}
@media(max-width:1440px){
	.sub-depth3__list {padding: 0 4%;}
}
@media(max-width:1080px){
	.sub-depth3 {font-size: 0.15rem;}
}
@media(max-width:768px){
	.sub-depth3 {font-size: 0.14rem;}
	.sub-depth3__list {justify-content:center;}
	.sub-depth3__item {margin-top: 1.7856%; flex-basis:49.1072%}
	.sub-depth3__item:nth-child(-n + 2) {margin-top: 0;}
	.sub-depth3__item:nth-child(2n) {margin-right: 0;}
	.sub-depth3__link br {display: none;}
}
@media(max-width:500px){
	.sub-depth3 {font-size: 0.13rem;}
}


/************************* sub-depth3 끝 *************************/
.guide-page {font-size: 0.16rem; line-height: 1.5;}
.guide-page__title {padding-top: 3em; font-size: 2em; font-weight: 600; text-align: center;}
.guide-page__rule {margin-top: 4.95em; text-align:right; line-height: 1.6}
.guide-page__enactment {font-weight: 500;}
.guide-page__desc {margin-top: 5em; color: var(--main-gray--deep);}
.guide-page__content {margin-top: 5em;}
@media(max-width:1080px){
	.guide-page {font-size: 0.15rem;}
}
@media(max-width:768px){
	.guide-page {font-size: 0.14rem;}
}
@media(max-width:500px){
	.guide-page {font-size: 0.13rem;}
}
/************************* footer_inc 시작 *************************/
.footer {padding:2.6em 0 4.489em; font-size: 0.14rem;}
.footer__top {display: flex; flex-flow:row wrap; align-items: center;}
.footer__home {display: block;}
.footer__logo {width: 14.2858em;}
.footer__navi {margin: 0 auto 0 2.7em; font-size: 1.0715em;}
.footer__terms {margin-right: 1.5em; transition:.3s ease all;}
.footer__terms,
.footer__terms:link,
.footer__terms:visited {color: var(--main-gray--deep);}
.footer__terms:last-of-type {margin-right: 0;}
.footer__terms b {color: var(--main-color); transition:.3s ease all;}
.footer__info {margin:1.55em 0 0.75em; display: flex; flex-flow:row wrap;}
.footer__item--bold {font-weight: 700;}
.footer__item:after {margin:0 0.75em; content:""; display: inline-block; width: 1px; height: 0.75em; background-color: var(--line-gray); vertical-align: middle;}
.footer__item--bold:after {margin:0 0.5em; background-color: transparent; width: 0; height: 0;}
.footer__item:last-child {margin-right: 0;}
.footer__item:last-child:after {display: none;}
.footer__admin {display: flex; align-items: center; font-size: 1.0715em;}
.footer__link {margin-left: 0.5em; transition:.3s ease all;}
@media(hover:hover){
	.footer__terms:hover,
	.footer__terms:link:hover,
	.footer__terms:visited:hover {color: var(--sub-color01);}
	.footer__terms:hover b,
	.footer__terms:link:hover b,
	.footer__terms:visited:hover b {color: var(--sub-color01);}
	.footer__link:hover,
	.footer__link:link:hover, 
	.footer__link:visited:hover {color: var(--main-color);}
}
@media(max-width:768px){
	.footer {font-size: 0.13rem;}
}
@media(max-width:500px){
	.footer {font-size: 0.12rem;}
	.footer__navi {margin-left: auto; margin-right: 0;}
}



#wrap-sub + #wrap-footer #footer {background-color: var(--sub-color02); color: #fff;}
#wrap-sub + #wrap-footer .inner {max-width:1400px;}

#wrap-sub + #wrap-footer .footer__info {margin-top: 1.2em;}

#wrap-sub + #wrap-footer .footer__logo-text {fill:#fff}
#wrap-sub + #wrap-footer .footer-info__link,
#wrap-sub + #wrap-footer .footer-info__link:link,
#wrap-sub + #wrap-footer .footer-info__link:visited {color: #fff;}

#wrap-sub + #wrap-footer .footer__terms,
#wrap-sub + #wrap-footer .footer__terms:link,
#wrap-sub + #wrap-footer .footer__terms:visited {color: #fff;}

#wrap-sub + #wrap-footer .footer__link,
#wrap-sub + #wrap-footer .footer__link:link,
#wrap-sub + #wrap-footer .footer__link:visited {color: #fff;}



/************************* 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;}