@charset "utf-8";

.eventWrap .inner{width:1360px; text-align: center; z-index:1;}
/*.contents{position:relative;padding-top:130px;}*/
.section{margin-top:0;}
/* evtTitWrap*/
.eventWrap.evtFullType.event260223Mid{min-width:1360px;overflow:initial;}
.eventWrap.evtFullType .evtTitWrap .logo{padding:35px 56px 0;}
.eventWrap.evtFullType .evtTitWrap .logo.logo_fr {padding:0;height:30px;top:25px;width: 1076px; left: 50%; transform: translateX(-50%);}
.eventWrap.evtFullType .evtTitWrap .logo.logo_fr .fr_inner{right:0;z-index:100;}
.eventWrap.evtFullType .evtTitWrap .logo.logo_fr .logoVivasam {display:block;width:114px;height:20px;}
.eventWrap .evtTitWrap {position:relative;background:#1382FF url('/resources/images/newSemester/newSemester260212mid/evt_top_bg.png') no-repeat center center;overflow:hidden;}
.obj01{position:absolute;right:50%;top:228px;margin-right:734px;width:537px;height:249px;background:url(/resources/images/newSemester/newSemester260212mid/move_1.png) no-repeat center center;animation:float 1400ms infinite ease-in; z-index:100;}
.obj02{position:absolute;left:50%;top:367px;margin-left:678px;width:545px;height:235px;background:url(/resources/images/newSemester/newSemester260212mid/move_2.png) no-repeat center top;animation:float 1600ms ease-in infinite;animation-delay:200ms;z-index:100;}
.obj03{position:absolute;right:50%;top:660px;margin-right:590px;width:301px;height:268px;background:url(/resources/images/newSemester/newSemester260212mid/move_3.png) no-repeat center top;animation:float 1800ms ease-in infinite;animation-delay:300ms;z-index:100;}
.obj04{position:absolute;left:50%;margin-left:900px;top:665px;width:381px;height:317px;background:url(/resources/images/newSemester/newSemester260212mid/move_4.png) no-repeat center top;animation:float 2000ms  ease-in infinite;animation-delay:400ms;z-index:100;}



.quikMenu{position:fixed;left:50%;top:100px;margin-left:620px;padding:10px;width:214px;background:rgba(0, 0, 0, 0.5);z-index:110;border-radius:20px;border:1px solid rgba(255, 255, 255, 0.5);backdrop-filter: blur(4px);box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);}
.quikMenu li a{display:block;padding:9px 0;height:50px;font-size:20px;font-weight:500;color:#fff;line-height:1.5;text-align:center;letter-spacing:-0.05em;font-family:'Paperlogy','Pretendard',sans-serif;}
.quikMenu li.on a,.quikMenu li a:hover{font-weight:800;background:rgba(115, 251, 208, 0.6);border:1px solid rgba(115, 251, 208, 0.6);border-radius:10px;box-shadow: 2px 4px 1px 0px rgba(255, 255, 255, 0.15) inset;box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);}
.eventWrap .evtTitWrap  .inner{padding:110px 0 60px; width:1360px;height:982px;}
.eventWrap .evtTitWrap .evtTit{position:relative; margin:0 auto; width:1190px;}
.eventWrap .evtTitWrap .mouse-wheel {position: absolute;bottom: 50px;left: 50%;width:52px;height:71px;margin-left: -26px;z-index: 10; cursor: default;background:url(/resources/images/newSemester/newSemester260212mid/mouse.png) no-repeat top center;}
.eventWrap .evtTitWrap .mouse-wheel .scroll-text {position:absolute;top:78px;left:50%;transform:translateX(-50%);white-space:nowrap;color:rgba(255,255,255,0.9);font-size:13px;font-weight:500;letter-spacing:-0.02em;font-family:'Pretendard',sans-serif;animation:scrollTextPulse 1.8s ease-in-out infinite;}
@keyframes scrollTextPulse {0%,100%{opacity:0.6;transform:translateX(-50%) translateY(0);}50%{opacity:1;transform:translateX(-50%) translateY(-3px);}}
.eventWrap .evtTitWrap .btn_start{display:block;position:relative;margin:34px auto 0;padding:140px 0 0 406px;width:740px;height:252px;background:url(/resources/images/newSemester/newSemester260212mid/btn_start.png) no-repeat center center;transition:transform 200ms ease-out;}
.eventWrap .evtTitWrap .btn_start:after{content:'';position:absolute;right:-120px;top:0;width:166px;height:70px;background:url(/resources/images/newSemester/newSemester260212mid/txt_follow.png) no-repeat center center;}
.eventWrap .evtTitWrap .btn_start em{position:relative;display:block;width:63px;height:63px;overflow:hidden;}
.eventWrap .evtTitWrap .btn_start em:before{content:'';position:absolute;left:0;top:0;width:63px;height:63px;background:url(/resources/images/newSemester/newSemester260212mid/arr_link.png) no-repeat right center;transition:left 0.6s linear;}
.eventWrap .evtTitWrap .btn_start em:after{content:'';position:absolute;left:-100%;top:0;width:63px;height:63px;background:url(/resources/images/newSemester/newSemester260212mid/arr_link.png) no-repeat right center;transition:left 0.6s linear;}
.eventWrap .evtTitWrap .btn_start:hover em:before{left:100%;}
.eventWrap .evtTitWrap .btn_start:hover em:after{left:0;}
.eventWrap .evtTitWrap .btn_start:hover{transform:translateY(-4px);transition:all 200ms ease-out;}
@keyframes textAni{
	0%{transform:translateY(35px); opacity:0;}
	100%{transform:translateY(0); opacity:1;}
}
@keyframes imgAni{
	0%{transform:translateY(25%); opacity:0;}
	100%{transform:translateY(0); opacity:1;}
}


@keyframes updown{
	0%{transform:translateY(0);}
	100%{transform:translateY(-20%);}
}


.evt_tab_menu{position:relative;margin:-68px auto 0;display:flex;flex-wrap:nowrap;gap:0;justify-content: center;}
.eventWrap .evtTitWrap .evt_tab_menu li{position:relative;width:407px;height:120px;}
.eventWrap .evtTitWrap .evt_tab_menu li a{position:relative;display:block;width:407px;height:120px;background-repeat:no-repeat;background-position:center top; }
.eventWrap .evtTitWrap .evt_tab_menu li.on a,.eventWrap .evtTitWrap .evt_tab_menu li:hover a{background-position:center bottom;cursor: pointer}

.eventWrap .evtTitWrap .evt_tab_menu li:first-child a{background-image:url('/resources/images/newSemester/newSemester250813/tab_ele.png');}
.eventWrap .evtTitWrap .evt_tab_menu li:nth-child(2) a{background-image:url('/resources/images/newSemester/newSemester250813/tab_mid.png');}



.quick_menu_wrap.fixed {position:fixed;}
.quick_menu_wrap{position:sticky;left:0;top:0;right:0;z-index:1000;padding:23px 0;background:#231F57;}
.quick_menu_wrap .quick_menu {position: relative; display: flex; justify-content:center; gap: 0;}
.quick_menu_wrap .quick_menu li {position:relative;flex:none; width:200px; height:84px;}
.quick_menu_wrap .quick_menu li + li:before{content:'';position:absolute;left:-3px;top:50%;transform:translateY(-50%);width:1px;height:30px;background:rgba(63, 93, 204, 1);z-index:0;}
.quick_menu_wrap .quick_menu li a {display:block; width: 100%; height: 100%; }
.quick_menu_wrap .quick_menu li a span{position:relative;}
.quick_menu_wrap .quick_menu li a span:before{content:'';position:absolute;left:0;top:2px;z-index:10;}
.quick_menu_wrap .quick_menu li a .txt_tab01:before {display:block;left:2px;width:200px;height:80px;background:url('/resources/images/newSemester/newSemester250813/ele/tab_ele_01.png') no-repeat center top;}
.quick_menu_wrap .quick_menu li a .txt_tab02:before {display:block;width:200px;height:80px;background:url('/resources/images/newSemester/newSemester250813/ele/tab_ele_02.png') no-repeat center top;}
.quick_menu_wrap .quick_menu li a .txt_tab03:before {left:-12px;display:block;width:212px;height:80px;background:url('/resources/images/newSemester/newSemester250813/ele/tab_ele_03.png') no-repeat center top;}
.quick_menu_wrap .quick_menu li a .txt_tab04:before {display:block;width:200px;height:80px;background:url('/resources/images/newSemester/newSemester250813/ele/tab_ele_04.png') no-repeat center top;}
.quick_menu_wrap .quick_menu li a .txt_tab05:before {left:-10px;top:0;display:block;width:210px;height:84px;background:url('/resources/images/newSemester/newSemester250813/ele/tab_ele_05.png') no-repeat center top;}
.quick_menu_wrap .quick_menu li.on a span:before,.quick_menu_wrap .quick_menu li:hover a span:before{background-position:center bottom;}
.quick_menu_wrap .quick_menu li.on:before,.quick_menu_wrap .quick_menu li:hover:before{background:transparent;}


.evt_swiper_wrap{position:relative; margin:30px auto 0; max-width:1220px;}
.evt_swiper_wrap .thumb{margin:0 auto;position:relative;width:100%;min-height:584px;}
.evt_swiper_wrap .thumb .obj_cursor{position:absolute;width:103px;height:104px;background:url('/resources/images/newSemester/newSemester250813/ele/obj_cursor.png') no-repeat center center;z-index:10;animation: show 2400ms ease-out infinite;}
.evt_swiper_wrap .thumb .obj_cursor.lo01{left:465px;top:206px;}
.evt_swiper_wrap .thumb .obj_cursor.lo02{left:297px;top:101px;}
.evt_swiper_wrap .thumb .obj_cursor.lo03{left:552px;top:94px;}
.evt_swiper_wrap .thumb .bedge{position:absolute;left:20px;top:20px;z-index:10;height:70px;}
.evt_swiper_wrap .thumb .bedge.t1{width:280px;background:url('/resources/images/newSemester/newSemester250813/ele/bedge_txt01.png') no-repeat center center;}
.evt_swiper_wrap .thumb .bedge.t2{width:142px;background:url('/resources/images/newSemester/newSemester250813/ele/bedge_txt02.png') no-repeat center center;}
.evt_swiper_wrap .thumb .bedge.t3{width:214px;background:url('/resources/images/newSemester/newSemester250813/ele/bedge_txt03.png') no-repeat center center;}
.evt_swiper_wrap .txt_box{margin-top:40px;text-align:center;}
.evt_swiper_wrap .swiper-pagination{bottom:32px; display:flex; justify-content:center; gap:10px;}
.evt_swiper_wrap .swiper-pagination .swiper-pagination-bullet{margin:0;border-radius:8px; width:16px; height:16px; background:rgba(0,0,0,0.2); opacity:1;}
.evt_swiper_wrap .swiper-pagination .swiper-pagination-bullet-active{width:32px;background:#00B2FF;}
.evt_swiper_wrap .swiper-btn-wrap .swiper-btn{position:absolute; top:22px; width:48px; height:48px; background-repeat:no-repeat; background-position:center; cursor:pointer;z-index:100;}
.evt_swiper_wrap .swiper-btn-wrap .swiper-prev{right:94px; background-image:url('/resources/images/newSemester/newSemester250813/ele/btn_swiper_prev.png');}
.evt_swiper_wrap .swiper-btn-wrap .swiper-next{right:30px; background-image:url('/resources/images/newSemester/newSemester250813/ele/btn_swiper_next.png');}



.evtContsWrap {position: relative;}

.eventCont{position: relative; padding:0;background:#ecf7ff;}



.eventCont1{}
.eventCont1 h1{text-align:center;}
.eventCont1 [class^="smart"],.eventCont4 [class^="data"]{width:100%;padding:100px 0;}
.eventCont1 [class^="smart"] .imgBox,.eventCont4 [class^="data"] .imgBox{margin:32px auto 0;}
.eventCont1 .smart01{background:#FFFFDB;}
.eventCont1 .smart03{padding:100px 0 0;background:#FFFFDB;}
.btn_smartbank{margin:135px auto 0;display:block;width:527px;height:120px;background:url(/resources/images/newSemester/newSemester260212mid/btn_smartBank.png) no-repeat center center;}
.btn_smartbank:hover{transform:translateY(-4px);transition:all 200ms ease-out;}

.imgBox{position:relative;}
.imgBox .layerShow{position:absolute;opacity:0;}
.ani_img.active .layerShow{animation: show 800ms ease-out forwards;animation-delay: 200ms}
.imgBox .layerShow .layerEx{position:relative;padding:16px;background: rgba(216, 243, 255, 0.6);z-index:0;
	backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);
	background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 60%);border: 1px solid #00B9FF;box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.3), 0 8px 32px rgba(0, 0, 0, 0.1);border-radius:20px;}
.imgBox .layerShow .layerEx p{font-family: Pretendard;font-weight: 400;font-size: 16px;line-height: 1.5;letter-spacing: -0.05em;text-align: center;color:rgba(17, 17, 17, 1);text-shadow: 0 0 10px #fff;}
.eventCont4 .imgBox .layerShow .layerEx{position:relative;padding:16px;background: rgba(255, 153, 0, 0.6);z-index:0;
	backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);
	background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.6) 60%);border: 1px solid #FF9900;box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.3), 0 8px 32px rgba(0, 0, 0, 0.1);border-radius:20px;}

.layerShow.smartppt{right:50%;margin-right:320px;top:-44px;}
.layerShow.qrclick{left:50%;margin-left:215px;top:62px;z-index:10;}
.layerShow.qrclick:after{content:'';position:absolute;top:-129px;right:0;width:191px;height:136px;background:url(/resources/images/newSemester/newSemester260212mid/viva_visual0.png) no-repeat center center;z-index:-1;}
.layerShow.data{right:50%;margin-right:385px;top:327px;}
.layerShow.tool{left:50%;margin-left:220px;bottom:24px;}

.layerShow.ppt01{right:50%;margin-right:375px;top:132px;}
.layerShow.ppt02{left:50%;margin-left:312px;top:78px;}
.layerShow.ppt03{right:50%;margin-right:352px;bottom:95px;}
.layerShow.ppt04{left:50%;margin-left:328px;bottom:-45px;}

.layerShow.sd01{right:50%;margin-right:416px;top:45px;}
.layerShow.sd02{left:50%;margin-left:316px;top:204px;}

.layerShow.sbank01{right:50%;margin-right:347px;top:76px;}
.layerShow.sbank02{left:50%;margin-left:320px;top:90px;}
.layerShow.sbank03{left:50%;margin-left:-40px;top:308px;}

.layerShow.mybook01{right:50%;margin-right:312px;top:-81px;}
.layerShow.mybook02{left:50%;margin-left:210px;top:286px;}
.layerShow.mybook03{right:50%;margin-right:360px;bottom:110px;}
.layerShow.mybook04{left:50%;margin-left:350px;bottom:206px;}

.ani_tit{transform:translateY(35px); opacity:0;animation-timing-function: ease-out;-webkit-backface-visibility: hidden;
	backface-visibility: hidden;}
.ani_tit img{image-rendering: -webkit-optimize-contrast;}
.ani_tit.active{animation:textAni 800ms forwards;}
.ani_img{transform:translateY(25%); opacity:0;animation-timing-function: ease-out;-webkit-backface-visibility: hidden;
	backface-visibility: hidden;}
.ani_img img{ image-rendering: -webkit-optimize-contrast;}
.ani_img.active{animation:imgAni 800ms forwards;}

.eventCont2{padding:100px 0;background: #F1F8FF;}
.eventCont2 h1{text-align:center;}
.eventCont2 .evt_swiper_wrap:after{content:'';position:absolute;right:87px;top:-162px;width:159px;height:171px;background:url(/resources/images/newSemester/newSemester260212mid/viva_visual.png) no-repeat center center;z-index:100;}
.btn_sambd{margin:50px auto 0;display:block;width:527px;height:120px;background:url(/resources/images/newSemester/newSemester260212mid/btn_samBoard.png) no-repeat center center; }
.btn_sambd:hover{transform:translateY(-4px);transition:transform 200ms ease-out;}
.btn_vivaclass{margin:50px auto 0;display:block;width:451px;height:120px;background:url(/resources/images/newSemester/newSemester260212mid/btn_vivaclass.png) no-repeat center center; }
.btn_vivaclass:hover{transform:translateY(-4px);transition:transform 200ms ease-out;}
.btn_yearbook{margin:50px auto 0;display:block;width:500px;height:120px;background:url(/resources/images/newSemester/newSemester260212mid/btn_yearbook.png) no-repeat center center; }
.btn_yearbook:hover{transform:translateY(-4px);transition:transform 200ms ease-out;}

.btn_learning{margin:50px auto 0;display:block;width:553px;height:120px;background:url(/resources/images/newSemester/newSemester260212mid/btn_learning.png) no-repeat center center; }
.btn_learning:hover{transform:translateY(-4px);transition:transform 200ms ease-out;}
.eventCont3{padding:100px 0;}
.eventCont3 h1{text-align:center;}

.btnservice{margin:40px auto 0;text-align:center;}

.eventCont4{}
.eventCont4 .data01{position:relative;background:#FFF8EB}
.eventCont4 .data01:after{content:'';position:absolute;right:50%;margin-right:367px;bottom:0;width:232px;height:240px;background:url(/resources/images/newSemester/newSemester260212mid/viva_visual2.png) no-repeat center top / 232px auto;}
.btn_mytxtbook{margin:50px auto 0;display:block;width:583px;height:120px;background:url(/resources/images/newSemester/newSemester260212mid/btn_mytxtbook.png) no-repeat center center; }
.btn_mytxtbook:hover{transform:translateY(-4px);transition:transform 200ms ease-out;}
.eventCont5{padding:100px 0;position:relative;background:#EEFDFF;}
.eventCont5 .evt_swiper_wrap .swiper-pagination .swiper-pagination-bullet-active{background:#00A3B5;}

.eventCont6{padding:100px 0;position:relative;background:#1382FF;}
.eventCont6 .inner{width:100%;}
.tab_slide{position:relative;max-width:1580px;padding:222px 190px 0;margin:-182px auto;}
.tab_slide .swiper-slide{overflow:hidden;}
.tab_slide .TitTextbook {position:relative;padding:0 127px;width:100%;height:92px;bottom:0;display:flex;flex-direction:column;flex-wrap:wrap;gap:0 17px;justify-content: flex-start;z-index:10;}
.tab_slide .TitTextbook:before{content:'';position:absolute;left:-189px;top:-222px;width:370px;height:370px;background:url(/resources/images/newSemester/newSemester260212mid/viva_visual3.png) no-repeat center center;}
.tab_slide .TitTextbook:after{content:'';position:absolute;right:0;top:-4px;width:110px;height:89px;background:url(/resources/images/newSemester/newSemester260212mid/viva_visual4.png) no-repeat center center;}
.tab_slide .TitTextbook .swiper-pagination-bullet{margin:0;height:85px;background-repeat:no-repeat;background-position:0 0;opacity:1;border-radius:0;background-color:transparent;}
.tab_slide .TitTextbook .swiper-pagination-bullet span{font-size:0;text-indent:-9999px;}
.tab_slide .swiper-slide .thumb{position:relative;}
.tab_slide .TitTextbook .swiper-pagination-bullet:first-child{width:322px;background-image:url('/resources/images/newSemester/newSemester260212mid/btn_tab01.png');}
.tab_slide .swiper-slide:first-child .thumb .btn_link{position:absolute;right:132px;bottom:142px;display:block;width:173px;height:50px;z-index:101;}
.tab_slide .swiper-slide:nth-child(2) .thumb .btn_link{position:absolute;right:109px;bottom:140px;display:block;width:173px;height:50px;z-index:101;}
.tab_slide .swiper-slide:nth-child(3) .thumb .btn_link{position:absolute;right:109px;bottom:140px;display:block;width:173px;height:50px;z-index:101;}
.tab_slide .TitTextbook .swiper-pagination-bullet:nth-child(2){width:254px;background-image:url('/resources/images/newSemester/newSemester260212mid/btn_tab02.png');}
.tab_slide .TitTextbook .swiper-pagination-bullet:nth-child(3){width:363px;background-image:url('/resources/images/newSemester/newSemester260212mid/btn_tab03.png');}
.tab_slide .TitTextbook .swiper-pagination-bullet-active,.tab_slide .TitTextbook .swiper-pagination-bullet:hover{background-position:0 -85px;}
.tab_slide .TitTextbook .swiper-pagination-bullet:first-child.swiper-pagination-bullet-active,.tab_slide .TitTextbook .swiper-pagination-bullet:first-child:hover{width:310px;}
.tab_slide .TitTextbook .swiper-pagination-bullet:nth-child(2).swiper-pagination-bullet-active,.tab_slide .TitTextbook .swiper-pagination-bullet:nth-child(2):hover{width:242px;}
.tab_slide .TitTextbook .swiper-pagination-bullet:nth-child(3).swiper-pagination-bullet-active,.tab_slide .TitTextbook .swiper-pagination-bullet:nth-child(3):hover{width:351px;}
.tab_slide .TitTextbook .swiper-pagination-bullet-active span{color:#fff;}
.tab_slide .evt_swiper_wrap .swiper-btn-wrap .swiper-prev{background-image:url(/resources/images/newSemester/newSemester250813/ele/btn_swiper_prev_p.png);}
.tab_slide .evt_swiper_wrap .swiper-btn-wrap .swiper-next{background-image:url(/resources/images/newSemester/newSemester250813/ele/btn_swiper_next_p.png);}
.tab_slide .item_box{position:relative; display:flex; transition:.3s;}
.tab_slide .item_box .item{flex:0 0 100%;}
.tab_slide .item_box.next{transform: translate3d(-100%, 0, 0);}
.tab_slide .item_btn{position:absolute;bottom:35%;width:69px;height:69px;background-repeat:no-repeat;background-size:contain;background-position:center center;z-index:100;}
.tab_slide .item_btn.prev-btn{left:0; background-image:url('../image/web/main2024/arr_left.png');}
.tab_slide .item_btn.next-btn{right:0; background-image:url('../image/web/main2024/arr_right.png');}


.txtcomt{margin-top:280px;}


@keyframes show{
	0%{opacity:0;}
	50%{opacity:0;}
	100%{opacity:1;}
}

@keyframes float{
	0%{transform:translateY(0);}
	50%{transform:translateY(5%);}
	100%{transform:translateY(0);}
}

/* 스냅 스크롤 */
html {scroll-snap-type: y proximity;}


.floatBnr{position:absolute !important; top:100px; left:50%; transform:translateX(-50%); width:1100px; z-index:101;}
.floatBnr a{position:absolute; left:-290px;}