/* include 공통 CSS */

/************************* 공통 시작*************************/
.inner {margin: 0 auto; max-width:1400px; width: 100%;}
@media(max-width:1440px){
	.inner {padding-right: 4%; padding-left: 4%;}
}

.sub-container {padding-top: 150px; min-height:75vh;}
/************************* 공통 끝 *************************/

/************************* header_inc 시작*************************/
.header {position: relative; z-index: 50;}
.header__link {position: absolute; top: 2.4445em; left: 50%; transform:translateX(-50%); display: block;}
.header__logo {width: 15.445em;}


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




/************************* sub-dropdown 시작 *************************/
.dropmenu {border-bottom:1px solid var(--main-gray);}
.dropmenu__content {margin: 0 auto; max-width:1600px; display: flex; align-items:center;}
.dropmenu__home {display: inline-flex; width: 0.6rem; height: 0.6rem; justify-content:center; align-items:center; text-align: center; border-left:1px solid var(--main-gray); transition:.5s ease all;}
.dropmenu__home:active,
.dropmenu__home:focus-visible {background-color: var(--main-color);}
.dropmenu__homeicon {width: 0.2rem;}
.dropmenu__menuwrap {display: flex; width: calc(100% - 0.6rem);}
.dropmenu__menu {position: relative; width: 2.5rem;}
.dropmenu__menu--depth2 {margin-left: -1px;}
.dropmenu__btn {position: relative; width: 100%; height: 0.6rem; padding:0 0.16rem; display: flex; justify-content:space-between; align-items:center; font-size: 0.16rem; font-weight: 500; border-left:1px solid var(--main-gray); border-right:1px solid var(--main-gray); transition:.5s ease all;}
.dropmenu__btn--active,
.dropmenu__btn:active,
.dropmenu__btn:focus-visible {color: var(--main-color);}
.dropmenu__btn .dropmenu__arrow {transition:.5s ease all;}
.dropmenu__btn--active .dropmenu__arrow {transform:rotate(180deg);}
.dropmenu__menulist {position: absolute; display: none; padding:0.04rem 0; width: 100%; top: 100%; left: 0; background-color: #fff; border:1px solid var(--main-gray);}
.dropmenu__menulink {display: block; margin:0.04rem 0; padding:0.04rem 0.16rem; font-size: 0.15rem; transition:.5s ease all;}
.dropmenu__menulink:active,
.dropmenu__menulink:focus-visible {color: var(--main-color);}
@media(max-width:500px){
	.dropmenu .dropmenu__menu {width: 50%;}
}
@media(hover:hover){
	.dropmenu .dropmenu__home:hover {background-color: var(--main-color);}
	.dropmenu .dropmenu__btn:hover {color: var(--main-color);}
	.dropmenu .dropmenu__menulink:hover {color: var(--main-color);}
}

/************************* 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__list {margin: 0 auto; max-width:1600px; display: flex; flex-flow: row wrap;}
.sub-depth3__item {flex: 1 auto; height: 0.6rem; background: var(--main-gray); font-size: 0.15rem; font-weight: 500;}
.sub-depth3__item:last-child {border:0;}
.sub-depth3__link {width: 100%; height: 0.6rem; display: flex; align-items: center;justify-content: center; transition:.5s ease all;}
.sub-depth3__link,
.sub-depth3__link:link,
.sub-depth3__link:visited {color: #fff;}
.sub-depth3__link--active,
.sub-depth3__link:active,
.sub-depth3__link:focus-visible {background-color: var(--main-color); color: #fff;}
@media(hover:hover){
	.sub-depth3__link:hover {background-color: var(--main-color); color: #fff;}
}
/************************* sub-depth3 끝 *************************/


/************************* footer_inc 시작 *************************/
.footer {padding:4em 0 4.223em; background-color: #001526; color: #b0b0b0;}
.footer__inner {display: flex; flex-flow:row wrap; justify-content: space-between; align-items: center;}
.footer__info {flex:1; padding-right: 4%;}
.footer__home {width: 12.7143%; display: block;}
.footer__link,
.footer__link:visited,
.footer__link:link {color: inherit;}
.footer__link--adm {margin-right: 0.5em;}
.footer__link--adm:last-of-type {margin-right: 0;}
.footer__copyright {margin-right: 0.5em;}
.footer__list {margin-bottom: 0.8em; display: flex; flex-flow:row wrap; line-height: 1.5;}
.footer__list:last-child {margin-bottom: 0;}
.footer__item {margin-right: 1.5em;}
.footer__item span {margin-right: 0.5em; color: #fff; font-weight: 500;}
.footer__link b {color: #fff;}
@media(max-width:500px){
	.footer__inner {flex-direction:column-reverse; align-items: flex-start;} 
	.footer__home {margin-bottom: 6%; width: 25%;}
	.footer__info {padding-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;}