/* header 헤더 ----------------------- */
header > svgs {transition: opacity .3s ease-out;}
header .header-gnb-wrap {transition: all .5s ease-out;}

/* 메뉴 ----------------------- */
.menu-wrap .menu > span {transition: background-color .2s ease-out;}
.menu-wrap .menu > span::before,
.menu-wrap .menu > span::after {transition: all .2s ease-out;}

/* 메뉴 > 사용자화 */
.custom-wrap .cont {transition: all .5s cubic-bezier(0.2, 0.8, 0.4, 1);}
.custom-wrap.active .cont {transition: all .5s cubic-bezier(0.2, 0.8, 0.4, 1);}

/* 메뉴 > 전체 페이지 메뉴 */
.page-gnb-wrap .gnb-cont {transition: opacity 1s cubic-bezier(0.2, 0.8, 0.4, 1);}
.page-gnb-wrap .gnb-cont .header > svg {transition: opacity .3s ease-out;}

.page-gnb-wrap .background {transition: all 1s cubic-bezier(0.2, 0.8, 0.4, 1);}
.page-gnb-wrap .gnb-cont.active {transition: opacity 3s cubic-bezier(0.2, 0.8, 0.4, 1);}
.page-gnb-wrap .gnb-cont.active + .background {transition: all 2s cubic-bezier(0.2, 0.8, 0.4, 1);}
.page-gnb-wrap .gnb-cont.active .cont .menu::before,
.page-gnb-wrap .gnb-cont.active .cont .menu::after {transition: opacity 3s;}

/* main ----------------------- */
.main-swiper-wrap .main-swiper.swiper .img .info {transition: .5s;}
.main-swiper-wrap .main-swiper.swiper .swiper-slide-active .img .info {transition: .75s;}

/* 배움과 연구 ----------------------- */
/* 아카이브 */
@media screen and (max-width: 767px) {
    .archive-wrap .archive-depth {transition: left 0.3s ease-in-out;}
}

/* visit 방문안내 ----------------------- */
.sub-menu > li.active > a {transition: all .3s ease-in-out;}

/* membership 멤버십 ----------------------- */
.mem-list > li > a .more::before {transition: opacity .4s ease-in-out;}
.mem-list > li > a .more > p {transition: opacity .4s ease-in-out;}
.mem-list > li > a:focus-visible .more::before,
.mem-list > li > a:hover .more::before {transition: opacity .4s ease-in-out;}
.mem-list > li > a:focus-visible .more > p,
.mem-list > li > a:hover .more > p {transition: opacity .4s ease-in-out;}

/* 호암 > 희원 */
.heewon-pop {transition: .25s cubic-bezier(0.680, -0.550, 0.265, 1.550);}
.heewon-pop.active {transition: .8s cubic-bezier(0.680, -0.550, 0.265, 1.550);}