@charset "utf-8";
/* @import url(/assets/fonts/Montaga/style.css); */

.college-video {}

.college-video .main-video {position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.college-video .main-video:before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0,0, 0.45);}
.college-video .main-video video {width: 100%;height: auto;}

.college-video .event-header {padding-top: 25px;position: absolute;left: 0;top: 0;width: 100%;z-index: 1;}
.college-video .event-header .event-logo {width: 218px;height: 40px;background-repeat: no-repeat;background-position: center;display: block;margin: 0 auto;background-image: url(/assets/images/scsbjt/main/logo.png);}

.college-video .event-con {display: flex;width: 100%;height: 100%;justify-content: center;position: relative;}
.college-video .event-con .text-wrap {margin-top: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;margin-top: -200px;}
.college-video .event-con .ec-sub-title {font-size: 0;width: 282px;height: 73px;display: block;background-repeat: no-repeat;background-position: center;background-image: url(/assets/images/scsbjt/main/sub-title.png);margin-bottom: 49px;}
.college-video .event-con .ec-main-title {display: block;background-repeat: no-repeat;background-position: center;font-size: 0;}
.college-video .event-con .ec-main-title.emt1 {background-image: url(/assets/images/scsbjt/main/main-title-1.png);width: 577px;height: 50px;margin-bottom: 24px;}
.college-video .event-con .ec-main-title.emt2 {background-image: url(/assets/images/scsbjt/main/main-title-2.png);width: 780px;height: 37px;}

.college-video .event-btn-wrap {display: flex;align-items: center;justify-content: center;position: absolute;left: 50%;bottom: 80px;transform: translateX(-50%);}
.college-video .event-btn-wrap li {margin: 0 10px;}
.college-video .event-btn-wrap .event-btn {display: flex;width: 265px;height: 45px;align-items: center;justify-content: center;border-radius: 6px;transition: all 0.3s;}
.college-video .event-btn-wrap .event-btn.eb1 {background-color: rgba(255, 255, 255, 0.80);backdrop-filter: blur(4px);color: #101010;}
.college-video .event-btn-wrap .event-btn.eb1:focus,
.college-video .event-btn-wrap .event-btn.eb1:hover {background-color: #fff;backdrop-filter: none;}
.college-video .event-btn-wrap .event-btn.eb2 {background-color: rgba(34, 34, 34, 0.65);backdrop-filter: blur(4px);color: #fff;}
.college-video .event-btn-wrap .event-btn.eb2:focus,
.college-video .event-btn-wrap .event-btn.eb2:hover {background-color: #222;backdrop-filter: none;}
.college-video .event-btn-wrap .event-btn .tit {}
.college-video .event-btn-wrap .event-btn.eb1 .tit {}
.college-video .event-btn-wrap .event-btn.eb2 .tit {}

.college-video .scroll-down {display: block;position: absolute;left: 50%;margin-left: -15px;bottom: 30px;}
.college-video .scroll-down .s-arrow {background-image: url("data:image/svg+xml,%3Csvg width='30' height='12' viewBox='0 0 30 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29 1L15 11L1 1' stroke='white' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");display: block;width: 30px;height: 12px;background-repeat: no-repeat;background-position: center;transition: all 0.3s ease-out;animation-name: scroll;animation-duration: 1.8s;animation-timing-function: cubic-bezier(.15,.41,.69,.94);animation-iteration-count: infinite;}

@keyframes scroll {
    0% {opacity: 0;}
    10% {transform: translateY(0);opacity: 1;}
    100% {transform: translateY(20px);opacity: 0;}
}

.college-video .event-header {animation: fade 1s .1s ease-in-out both;}
.college-video .ec-sub-title {animation: fade 1.2s .1s ease-in-out both;}
.college-video .ec-main-title {animation: fade 1s .5s ease-in-out both;}
.college-video .event-btn-wrap {animation: fade 1s .7s ease-in-out both;}
.college-video .scroll-down {animation: fade 1s .9s ease-in-out forwards;}

.section2 #header {background-color: transparent;}
.section2 #header::before {content: '';background-color: #701E20;height: 100%;position: absolute;left: 0;top: 0;width: 0%;transition: all 1s;}
.section2.on #header::before {width: 100%;}

@keyframes fade {
    0% {opacity: 0;}
    100% {opacity: 1;}
}


/* 반응형 */
@media (max-width: 2500px) {
    .college-video .main-video video {height: 100%;width: auto;}
}

@media (max-width:890px) {
    .college-video .event-con .ec-main-title.emt1 {background-image: url(/assets/images/scsbjt/main/main-title-1-767.png);width: 450px;height: 40px;margin-bottom: 17px;}
    .college-video .event-con .ec-main-title.emt2 {background-image: url(/assets/images/scsbjt/main/main-title-2-767.png);width: 609px;height: 29px;}
    .college-video .event-con .ec-sub-title {margin-bottom: 59px;}
}

@media (max-width:690px) {
    .college-video .event-header {padding-top:17px;}
    .college-video .event-header .event-logo {background-image: url(/assets/images/scsbjt/main/logo-500.png);width: 192px;height: 36px;}
    .college-video .event-con .ec-main-title.emt1 {background-image: url(/assets/images/scsbjt/main/main-title-1-500.png);width: 268px;height: 23px;margin-bottom: 10px;}
    .college-video .event-con .ec-main-title.emt2 {background-image: url(/assets/images/scsbjt/main/main-title-2-500.png);width: 362px;height: 18px;}
    .college-video .event-con .ec-sub-title {background-image: url(/assets/images/scsbjt/main/sub-title-500.png);width: 212px;height: 60px;margin-bottom: 17px;}
    .college-video .event-btn-wrap {flex-direction: column;bottom: 90px;}
    .college-video .event-btn-wrap li {margin: 10px 0;}
}

@media (max-width:420px) {
    .college-video .event-header {padding-top:13px;}
    .college-video .event-header .event-logo {background-image: url(/assets/images/scsbjt/main/logo-300.png);width: 130px;height: 24px;}
    .college-video .event-con .ec-main-title.emt1 {background-image: url(/assets/images/scsbjt/main/main-title-1-300.png);width: 171px;height: 15px;margin-bottom: 6px;}
    .college-video .event-con .ec-main-title.emt2 {background-image: url(/assets/images/scsbjt/main/main-title-2-300.png);width: 231px;height: 11px;}
    .college-video .event-con .ec-sub-title {background-image: url(/assets/images/scsbjt/main/sub-title-300.png);width: 165px;height: 51px;margin-bottom: 39px;}
    .college-video .event-btn-wrap .event-btn {width: 220px;}
}





#main .tab-select.mobile-select .tab-select-title > span,
#main .tab-select.fe-custom .tab-ul .tab-li .tab-text {font-size: 15px; line-height: 110%;}
#main .tab-select.fe-custom .tab-ul .tab-li .link {padding: 20px 5px;}
#main .tab-select.fe-custom.mobile-select .tab-ul .tab-li .link {padding: 10px;}

#main #container:before {display: none;}

@media (max-width: 768px) {
    /* #main .tab-select.mobile-select .tab-select-title > span,
    #main .tab-select.fe-custom .tab-ul .tab-li .tab-text {font-size: 15px;} */
}