@charset "utf-8";

/* [S] Section1(visual) */
.main-visual-wrap .main-visual-text-box h1,
.main-visual-wrap .main-visual-text-box span{position: relative; top: -10rem; opacity: 0; visibility: hidden; transition: top .5s, opacity .5s, filter .5s; filter: blur(1rem);}
.main-visual-wrap .main-visual-text-box span{transition-delay: .2s;}
.main-visual-wrap .main-visual-text{transition-delay: 1s; transition: filter .5s; filter: blur(1rem);}

/* Section1 Event */
.main-visual-wrap .main-visual-inner.active .main-visual-text-box h1,
.main-visual-wrap .main-visual-inner.active .main-visual-text-box span{top: 0; visibility: visible; opacity: 1; filter: blur(0);}
.main-visual-wrap .main-visual-inner.active .main-visual-text{filter: blur(0);}
/* [E] Section1(visual) */

/* [S] Section2(student) */
.student-title,
.student-wrap .frame p{position: relative; left: -10rem; opacity: 0; visibility: hidden; transition: left .5s, opacity .5s, filter .5s; filter: blur(1rem);}
.student-wrap .frame p{transition-delay: .3s;}
.student-wrap .swiper-next-slider,
.student-wrap .swiper-prev-slider{opacity: 0; visibility: hidden; transition: opacity .5s; transition-delay: .5s}
.student-wrap .swiper-prev-slider{transition-delay: .7s;}
.student-wrap .student-text-swiper,
.student-wrap .student-image-swiper{opacity: 0; visibility: hidden; transition: opacity .5s; transition-delay: 1s}

/* Section2 Event */
.disable .student-wrap .student-title,
.disable .student-wrap .frame p,
.edit .student-wrap .student-title,
.edit .student-wrap .frame p,
.student-wrap.ani .student-title,
.student-wrap.ani .frame p{visibility: visible; opacity: 1; filter: blur(0); left:0 ;}

.disable .student-wrap .swiper-next-slider,
.disable .student-wrap .swiper-prev-slider,
.disable .student-wrap .student-text-swiper,
.disable .student-wrap .student-image-swiper,
.edit .student-wrap .swiper-next-slider,
.edit .student-wrap .swiper-prev-slider,
.edit .student-wrap .student-text-swiper,
.edit .student-wrap .student-image-swiper,
.student-wrap.ani .swiper-next-slider,
.student-wrap.ani .swiper-prev-slider,
.student-wrap.ani .student-text-swiper,
.student-wrap.ani .student-image-swiper{opacity: 1; visibility: visible;}

@media screen and (max-width: 1400px) {
    .student-title,
    .student-wrap .frame p{left: -10rem; opacity: 0; visibility: hidden; filter: blur(1rem);}

    .student-wrap .swiper-next-slider,
    .student-wrap .swiper-prev-slider,
    .student-wrap .student-text-swiper,
    .student-wrap .student-image-swiper{opacity: 0; visibility: hidden;}

    .student-wrap.ani .student-title,
    .student-wrap.ani .frame p{visibility: visible; opacity: 1; filter: blur(0); left:0 ;}

    .student-wrap.ani .swiper-next-slider,
    .student-wrap.ani .swiper-prev-slider,
    .student-wrap.ani .student-text-swiper,
    .student-wrap.ani .student-image-swiper{opacity: 1; visibility: visible;}
}
/* [E] Section2(student) */

/* [S] Section3(department) */
.department-wrap .department-left h1,
.department-wrap .department-left p,
.department-wrap .department-left .department-link{position: relative; left: -10rem; opacity: 0; visibility: hidden; transition: opacity .5s, filter .5s, left .5s; filter: blur(1rem);}
.department-wrap .department-left p{transition-delay: .3s}
.department-wrap .department-left .department-link{transition-delay: .6s}
.department-wrap .department-list > ul > li{opacity: 0; visibility: hidden; transition: opacity .5s, filter .5s, top .5s; filter: blur(1rem);}
.department-wrap .department-list > ul > li:nth-child(1){transition-delay: .5s;}
.department-wrap .department-list > ul > li:nth-child(2){transition-delay: .7s;}
.department-wrap .department-list > ul > li:nth-child(3){transition-delay: .9s;}
.department-wrap .department-list > ul > li:nth-child(4){transition-delay: 1.1s;}
.department-wrap .department-list > ul > li:nth-child(5){transition-delay: 1.3s;}
.department-wrap .department-list > ul > li:nth-child(6){transition-delay: 1.5s;}
.department-wrap .department-list > ul > li:nth-child(7){transition-delay: 1.7s;}
.department-wrap .department-list > ul > li:nth-child(8){transition-delay: 1.9s;}
.department-wrap .department-list > ul > li:nth-child(odd){top: 14rem;}
.department-wrap .department-list > ul > li:nth-child(even){top: 4rem;}

/* Section3 Event */
.disable .department-wrap .department-left h1,
.disable .department-wrap .department-left p,
.disable .department-wrap .department-left .department-link,
.edit .department-wrap .department-left h1,
.edit .department-wrap .department-left p,
.edit .department-wrap .department-left .department-link,
.department-wrap.ani .department-left h1,
.department-wrap.ani .department-left p,
.department-wrap.ani .department-left .department-link{visibility: visible; opacity: 1; filter: blur(0); left:0;}

.disable .department-wrap .department-list > ul > li:nth-child(odd),
.edit .department-wrap .department-list > ul > li:nth-child(odd),
.department-wrap.ani .department-list > ul > li:nth-child(odd){top: 4rem;}

.disable .department-wrap .department-list > ul > li:nth-child(even),
.edit .department-wrap .department-list > ul > li:nth-child(even),
.department-wrap.ani .department-list > ul > li:nth-child(even){top: 0;}

.disable .department-wrap .department-list > ul > li,
.edit .department-wrap .department-list > ul > li,
.department-wrap.ani .department-list > ul > li{opacity: 1; visibility: visible; filter: blur(0);}

@media screen and (max-width: 1400px) {
    .department-wrap .department-left h1,
    .department-wrap .department-left p,
    .department-wrap .department-left .department-link{left: -10rem; opacity: 0; visibility: hidden; filter: blur(1rem);}

    .department-wrap .department-list > ul > li{opacity: 0; visibility: hidden; filter: blur(1rem);}

    .department-wrap.ani .department-list > ul > li:nth-child(odd){top: 10rem;}

    .department-wrap.ani .department-list > ul > li:nth-child(even){top: 10rem;}

    .department-wrap.ani .department-left h1,
    .department-wrap.ani .department-left p,
    .department-wrap.ani .department-left .department-link{visibility: visible; opacity: 1; filter: blur(0); left:0;}

    .department-wrap.ani .department-list > ul > li{opacity: 1; visibility: visible; filter: blur(0);}

    .department-wrap.ani .department-list > ul > li:nth-child(even){top: 0;}
    .department-wrap.ani .department-list > ul > li:nth-child(odd){top: 0;}
}
/* [E] Section3(department) */

/* [S] Section4(news) */
.news-wrap .news-title,
.news-wrap .news-content .news-content-image{position: relative; left: -10rem; opacity: 0; visibility: hidden; transition: left .5s, opacity .5s, filter .5s; filter: blur(1rem);}
.news-wrap .news-more-box,
.news-wrap .news-content .news-content-text{position: relative; right: -10rem; opacity: 0; visibility: hidden; transition: right .5s, opacity .5s, filter .5s; filter: blur(1rem); transition-delay: .3s}
.news-wrap .news-content .news-content-image{transition-delay: .3s}
.news-wrap .news-content .news-content-text{transition-delay: .6s}
.news-wrap .news-content .news-content-info .news-content-pagination,
.news-wrap .news-content .news-content-thumbnail{position: relative; top: -10rem; opacity: 0; visibility: hidden; transition: top .5s, opacity .5s, filter .5s; filter: blur(1rem); transition-delay: 1s}

/* Section4 Event */
.disable .news-wrap .news-title,
.disable .news-wrap .news-content .news-content-image,
.edit .news-wrap .news-title,
.edit .news-wrap .news-content .news-content-image,
.news-wrap.ani .news-title,
.news-wrap.ani .news-content .news-content-image{left: 0; opacity: 1; visibility: visible; filter: blur(0);}

.disable .news-wrap .news-more-box,
.disable .news-wrap .news-content .news-content-text,
.edit .news-wrap .news-more-box,
.edit .news-wrap .news-content .news-content-text,
.news-wrap.ani .news-more-box,
.news-wrap.ani .news-content .news-content-text{right: 0; opacity: 1; visibility: visible; filter: blur(0);}

.disable .news-wrap .news-content .news-content-info .news-content-pagination,
.disable .news-wrap .news-content .news-content-thumbnail,
.edit .news-wrap .news-content .news-content-info .news-content-pagination,
.edit .news-wrap .news-content .news-content-thumbnail,
.news-wrap.ani .news-content .news-content-info .news-content-pagination,
.news-wrap.ani .news-content .news-content-thumbnail{top: 0; opacity: 1; visibility: visible; filter: blur(0);}

@media screen and (max-width: 1400px) {
    .news-wrap .news-title,
    .news-wrap .news-content .news-content-image{left: -10rem; opacity: 0; visibility: hidden; filter: blur(1rem);}

    .news-wrap .news-more-box,
    .news-wrap .news-content .news-content-text{right: -10rem; opacity: 0; visibility: hidden; filter: blur(1rem);}

    .news-wrap .news-content .news-content-info .news-content-pagination,
    .news-wrap .news-content .news-content-thumbnail{top: -10rem; opacity: 0; visibility: hidden; filter: blur(1rem);}

    .news-wrap.ani .news-title,
    .news-wrap.ani .news-content .news-content-image{left: 0; opacity: 1; visibility: visible; filter: blur(0);}
    .news-wrap.ani .news-more-box,
    .news-wrap.ani .news-content .news-content-text{right: 0; opacity: 1; visibility: visible; filter: blur(0);}
    .news-wrap.ani .news-content .news-content-info .news-content-pagination,
    .news-wrap.ani .news-content .news-content-thumbnail{top: 0; opacity: 1; visibility: visible; filter: blur(0);}

}
/* [E] Section4(news) */

/* [S] Section5(notice) */
.notice-wrap .notice-title{position: relative; left: -10rem; opacity: 0; visibility: hidden; transition: left .5s, opacity .5s, filter .5s; filter: blur(1rem);}
.notice-wrap .notice-category{position: relative; right: -10rem; opacity: 0; visibility: hidden; transition: right .5s, opacity .5s, filter .5s; filter: blur(1rem); transition-delay: .3s}
.notice-wrap .notice-content{position: relative; top: -10rem; opacity: 0; visibility: hidden; transition: top .5s, opacity .5s, filter .5s; filter: blur(1rem); transition-delay: .6s}

/* Section5 Event */
.disable .notice-wrap .notice-title,
.edit .notice-wrap .notice-title,
.notice-wrap.ani .notice-title{left: 0; opacity: 1; visibility: visible; filter: blur(0);}

.disable .notice-wrap .notice-category,
.edit .notice-wrap .notice-category,
.notice-wrap.ani .notice-category{right: 0; opacity: 1; visibility: visible; filter: blur(0);}

.disable .notice-wrap .notice-content,
.edit .notice-wrap .notice-content,
.notice-wrap.ani .notice-content{top: 0; opacity: 1; visibility: visible; filter: blur(0);}

@media screen and (max-width: 1400px) {
    .notice-wrap .notice-title{left: -10rem; opacity: 0; visibility: hidden; filter: blur(1rem);}

    .notice-wrap .notice-category{right: -10rem; opacity: 0; visibility: hidden; filter: blur(1rem);}

    .notice-wrap .notice-content{top: -10rem; opacity: 0; visibility: hidden; filter: blur(1rem);}

    .notice-wrap.ani .notice-title{left: 0; opacity: 1; visibility: visible; filter: blur(0);}
    .notice-wrap.ani .notice-category{right: 0; opacity: 1; visibility: visible; filter: blur(0);}
    .notice-wrap.ani .notice-content{top: 0; opacity: 1; visibility: visible; filter: blur(0);}
}
/* [E] Section5(notice) */

/* [S] Section6(smart) */
.smart-wrap .smart-header{position: relative; left: -10rem; opacity: 0; visibility: hidden; transition: left .5s, opacity .5s, filter .5s; filter: blur(1rem);}
.smart-wrap .smart-content > .smart-content-list{position: relative; bottom: -10rem; opacity: 0; visibility: hidden; transition: bottom .5s, opacity .5s, filter .5s; filter: blur(1rem); transition-delay: .5s}
/* Section6 Event */
.disable .smart-wrap .smart-header,
.edit .smart-wrap .smart-header,
.smart-wrap.ani .smart-header{left: 0; opacity: 1; visibility: visible; filter: blur(0);}

.disable .smart-wrap .smart-content > .smart-content-list,
.edit .smart-wrap .smart-content > .smart-content-list,
.smart-wrap.ani .smart-content > .smart-content-list{bottom: 0; opacity: 1; visibility: visible; filter: blur(0);}

@media screen and (max-width: 1400px) {
    .smart-wrap .smart-header{left: -10rem; opacity: 0; visibility: hidden; filter: blur(1rem);}

    .smart-wrap .smart-content > .smart-content-list{bottom: -10rem; opacity: 0; visibility: hidden; filter: blur(1rem);}

    .smart-wrap.ani .smart-header{left: 0; opacity: 1; visibility: visible; filter: blur(0);}

    .smart-wrap.ani .smart-content > .smart-content-list{bottom: 0; opacity: 1; visibility: visible; filter: blur(0);}    
}
/* [E] Section6(smart) */

/* [S] Section7(onair) */
.onair-header,
.onair-youtube{position: relative; left: -10rem; opacity: 0; visibility: hidden; transition: left .5s, opacity .5s, filter .5s; filter: blur(1rem);}
.onair-youtube{transition-delay: .3s;}
.onair-banner-box > div{opacity: 0; visibility: hidden; transition: opacity .5s, filter .5s; filter: blur(1rem); transition-delay: .7s;}
/* Section7 Event */
.disable .onair-header,
.disable .onair-youtube,
.edit .onair-header,
.edit .onair-youtube,
.onair-left.ani .onair-header,
.onair-left.ani .onair-youtube{left: 0; opacity: 1; visibility: visible; filter: blur(0);}

.disable .onair-banner-box > div,
.edit .onair-banner-box > div,
.onair-right.ani .onair-banner-box > div{opacity: 1; visibility: visible; filter: blur(0);}

@media screen and (max-width: 1400px) {
    .onair-header,
    .onair-youtube{left: -10rem; opacity: 0; visibility: hidden; filter: blur(1rem);}

    .onair-banner-box > div{opacity: 0; visibility: hidden; filter: blur(1rem);}

    .onair-left.ani .onair-header{left: -2rem; opacity: 1; visibility: visible; filter: blur(0);}
    .onair-left.ani .onair-youtube{left: 0; opacity: 1; visibility: visible; filter: blur(0);}

    .onair-right.ani .onair-banner-box > div{opacity: 1; visibility: visible; filter: blur(0);}
}
/* [E] Section7(onair) */

/* [S] Section8(story) */
.story-wrap .story-title{position: relative; left: -10rem; opacity: 0; visibility: hidden; transition: left .5s, opacity .5s, filter .5s; filter: blur(1rem);}
.story-wrap .story-link{position: relative; right: -10rem; opacity: 0; visibility: hidden; transition: right .5s, opacity .5s, filter .5s; filter: blur(1rem); transition-delay: .3s}
.story-content{position: relative; bottom: -10rem; opacity: 0; visibility: hidden; transition: bottom .5s, opacity .5s, filter .5s; filter: blur(1rem); transition-delay: .5s}

/* Section8 Event */
.disable .story-wrap .story-title,
.edit .story-wrap .story-title,
.ani .story-wrap .story-title{left: 0; opacity: 1; visibility: visible; filter: blur(0);}

.disable .story-wrap .story-link,
.edit .story-wrap .story-link,
.ani .story-wrap .story-link{right: 0; opacity: 1; visibility: visible; filter: blur(0);}

.disable .story-content,
.edit .story-content,
.ani .story-content{bottom: 0; opacity: 1; visibility: visible; filter: blur(0);}

@media screen and (max-width: 1400px) {
    .story-wrap .story-title{left: -10rem; opacity: 0; visibility: hidden; filter: blur(1rem);}

    .story-wrap .story-link{right: -10rem; opacity: 0; visibility: hidden; filter: blur(1rem);}

    .story-content{bottom: -10rem; opacity: 0; visibility: hidden; filter: blur(1rem);}    

    .ani .story-wrap .story-title{left: 0; opacity: 1; visibility: visible; filter: blur(0);}

    .ani .story-wrap .story-link{right: 0; opacity: 1; visibility: visible; filter: blur(0);}

    .ani .story-content{bottom: 0; opacity: 1; visibility: visible; filter: blur(0);}
}
/* [E] Section8(story) */