@charset "utf-8"; 
.evt_wrp{position: relative; width: 100%; overflow: hidden; cursor: default; letter-spacing: -0.5px;}
.evt_wrp .inner{position: relative; width: fit-content; margin: 0 auto;}
.evt_wrp .small{font-size: 16px; font-weight: 400; line-height: 1.5;} 

.evt_wrp .quick{position: fixed; right: 5px; top: 300px; z-index: 99;}
.evt_wrp .quick a{display: block; margin-top: -38px;}
.evt_wrp .visual_wrp{background: #2684ff; height: 1256px;}
.evt_wrp .visual_wrp .visual.inner{animation:slide-in-elliptic-bottom-fwd .7s cubic-bezier(.25,.46,.45,.94) both; height: fit-content;}
.evt_wrp .visual_wrp .inner{animation:slide-in-fwd-bottom .4s .6s cubic-bezier(.25,.46,.45,.94) both}

@keyframes slide-in-elliptic-bottom-fwd{0%{transform: translateY(600px) rotateX(30deg) scale(0);transform-origin: 50% 100%; opacity: 0;} 100%{transform: translateY(0) rotateX(0) scale(1);transform-origin: 50% -1400px; opacity: 1;}}
@keyframes slide-in-fwd-bottom{0%{transform: translateZ(-1400px) translateY(800px); opacity: 0;} 100%{transform: translateZ(0) translateY(0); opacity: 1;}}

/*
.evt_wrp .visual_wrp .inner{animation: bounce-in-fwd 1.1s .7s both}

@keyframes bounce-in-fwd{0%{transform:scale(0);animation-timing-function:ease-in;opacity:0}38%{transform:scale(1);animation-timing-function:ease-out;opacity:1}55%{transform:scale(.7);animation-timing-function:ease-in}72%{transform:scale(1);animation-timing-function:ease-out}81%{transform:scale(.84);animation-timing-function:ease-in}89%{transform:scale(1);animation-timing-function:ease-out}95%{transform:scale(.95);animation-timing-function:ease-in}100%{transform:scale(1);animation-timing-function:ease-out}}
*/

/* 합격자리뷰 */
.winner-slide{width:60%;margin:0 auto !important;}

/* 간단히 만든다 롤링 */
.roll_box {padding-bottom: 70px; width:100%;}
.roll-wrapper {display:flex; position: relative; margin:0 auto; }
.roll-title { display:flex; gap:10px; width: 100%;height:100%; position: relative;
    z-index: 2;background-color:#fff;padding:0  20px;}
.roll-title img:last-child {position: absolute; top: -57px; left: 50%; transform: translateX(-50%);}
.roll-wrapper ul {
    display:flex; 
    gap:10px; 
    animation: roll 40s linear infinite;
    will-change: transform;
}


/* slide */
.evt_wrp .slide_box{position: relative; width: 100%; height: auto; margin: 0 auto 60px; overflow: hidden;}
.evt_wrp .slide_box .swiper-container{width: 100%; padding-top: 0 !important;}
.evt_wrp .slide_box .swiper-wrapper{transition-timing-function: linear !important; /* 부드러운 롤링 */}
.evt_wrp .slide_box .swiper-slide{width: auto !important;}
.evt_wrp .slide_box img{width: 100%; height: auto; display: block;}

.evt_wrp .bg_01{background: #17181a;}
.evt_wrp .bg_02{background: #ffd800;}
.evt_wrp .bg_03{background: #fff5b2; padding-bottom: 100px;}
.evt_wrp .bg_04{background: #fff; padding-bottom: 100px;}
.evt_wrp .bg_05{background: #2684ff; padding-bottom: 100px;}
.evt_wrp .bg_06{background: #00d979; padding-bottom: 100px;}
.evt_wrp .bg_07{background: #e9ebf1;}

.evt_wrp .bg_01 .small{color: #fff;text-align: center; opacity: 0.5; padding-bottom: 100px;}
.evt_wrp .bg_03 .small{width: 1200px; margin: 0 auto; padding: 20px 0 60px;}
.evt_wrp .bg_04 .small{padding-top: 20px;}

.evt_wrp .btn1{position: absolute; left: 111px; bottom: 41px;}
.evt_wrp .btn2{position: absolute; left: 522px; bottom: 41px;}
.evt_wrp .btn3{position: absolute; right: 111px; bottom: 41px;}

.evt_wrp .btn_info1{position: absolute; right: 506px; bottom: 278px;}
.evt_wrp .btn_info2{position: absolute; right: 500px; bottom: 222px;}

.evt_wrp .lec{margin: 100px auto 30px !important;}
.evt_wrp .lec_btn{position: absolute; top: 39px; right: 37px;}

.evt_wrp .object{position: absolute; top: 330px; right: 40px;}
.evt_wrp .object_01{position: absolute; top: 120px; left: 50px;}
.evt_wrp .object_02{position: absolute; top: 310px; right: -280px;}
.evt_wrp .object_03{position: absolute; top: 0; right: 230px;}
.evt_wrp .con5_txt{position: absolute; right: 38px; bottom: 346px;text-align: center;font-weight: 900;;}

.evt_wrp .dungdung{animation: updown 1s both infinite alternate;}
.evt_wrp .blink{animation: blink 1s infinite;}
.evt_wrp .up-on-scroll{transition: transform .7s, opacity 1.7s;}

@keyframes blink{0%{opacity: 1} 50%{opacity:.2} 100%{opacity:1}}
@keyframes updown{ 0%{transform: translateY(-5px);} 100%{transform: translateY(5px);}}



.winner-slide p{font-weight: 600; color:#eee;}

/************** MO **************/
body,
.m_evt *{margin: 0; padding: 0;}
.m_evt{position: relative; width: 100%; overflow: hidden;}
.m_evt img{width: 100%; vertical-align: top;}

.m_evt .barbnr{position: fixed; bottom: 0; left: 0; width: 100%; text-align: center; z-index: 99; display: flex;}
.m_evt p{position: relative;}
.m_evt .small{width: 90%; margin: 0 auto; font-size: 0.8rem;}
.m_evt .small span{padding: 3px 0 3px 14px; display: block;}
.m_evt .small span::before{content:' \002A'; margin: 0 5px 0 -12px;}

.m_evt .btn_wrp a{display: block; width: 83%; margin: 0 auto; position: sticky; z-index: 2;}
.m_evt .lec{width: 90%; margin: 0 auto;}
.m_evt .lec p{position: relative;}
.m_evt .lec p:first-child{margin: 2.5rem 0 1rem;}
.m_evt .lec_btn{width: 84%; position: absolute; left: 8%; bottom: 13%;}

/*
.m_evt .btn_info1{position: absolute; left: 8%; bottom: 23.8%; width: 25%;}
.m_evt .btn_info2{position: absolute; left: 8%; bottom: 14.8%; width: 25%;}
*/

.m_evt .btn_info1{position: absolute; left: 8%; bottom: 25.5%; width: 25%;}
.m_evt .btn_info2{position: absolute; left: 8%; bottom: 14.5%; width: 25%;}


.m_evt .con1{background: #17181a; padding-bottom: 12%;}
.m_evt .con1_img{    padding-bottom: 21px;}
.m_evt .con1 .small{color: #fff; padding-top: 21px;}
.m_evt .con3{background: #ffd800; padding-bottom: 12%;}
.m_evt .con3_btn{position: absolute; width: 44%; bottom: 15%; left: 28%;}
.m_evt .con4 .small{font-size: 0.6rem; padding-bottom: 5%;}
.m_evt .con5{margin-top: 28px; position: relative;}
.m_evt .con5_btn_a{position: absolute; top: 200px; left: 50%; transform: translateX(-50%); width: 243px; height: 138px;}
.m_evt .con5 .btn_wrp{background: #2684ff; padding-bottom: 5%;}
.m_evt .con6{background: #00d979; padding-bottom: 12%;}
.m_evt .con7{background: #e9ebf1; padding-bottom: 12%;}

/* 합격자명단 */

/* slide */
.m_evt .slide_box2 .swiper-slide {width: 70%; transition: transform 0.3s;}
.m_evt .slide_box2{position: relative; margin: 0 auto 7%;}
.m_evt .slide_box2 .swiper-button-prev{left: 20px;}
.m_evt .slide_box2 .swiper-button-next{right: 20px;}   

.m_evt .slide_box2 .swiper-button-prev:after{content: ''; width: 28px; height: 23px; border-top: 3px solid; border-right: 3px solid; border-color: #000; transform: rotate(225deg);}
.m_evt .slide_box2 .swiper-button-next:after{content: ''; width: 28px; height: 23px; border-top: 3px solid; border-right: 3px solid; border-color: #000; transform: rotate(45deg);}

/* 팝업 */
.pop_tabWrap{overflow: hidden; text-align: center; padding: 40px 0 0;}
.pop_tab{background: #eee; display: inline-block; width: 45%; padding: 20px 0; font-size: 18px; color: #8e8e8e; cursor: pointer; border-radius: 3px; font-weight: 700;}
.pop_tab.active,
.pop_tab:hover{background: #333; color :#fff; font-weight: 900;}

.pop_wp{display: flex; background: rgba(0,0,0,0.7); height: 100%; width: 100%; align-items: center; position: fixed; top: 0; left: 0; z-index: 99999999; justify-content: center;}
.div_pop{width: 29%; background: #fff; height: auto; position: relative;}
.div_pop *{font-size: 15px;} 
.div_pop .pop_conts{height: 80%; padding: 0 0.5rem 1rem; scroll-behavior: smooth; overflow-y: auto;}
.pop-tab-conts .pop_conts{height: 25vw;}
.div_pop .pop_conts .sub-txt{line-height: 1.3; text-align: center;}
.div_pop .pop_conts .sub-txt strong{display: block; font-size: 17px;}
.div_pop .tit{font-size: 20px; margin: 1.5rem auto 0; font-weight: 900; text-align: center;}
.div_pop .txt-box p{margin: 0.2rem 0 0.5rem; padding-left: 12px; line-height: 1.3;}
.txt-box p::before{content: '·'; margin-left: -10px; padding-right: 5px;}
.div_pop .txt-box.noti{margin-top: 1rem; background: #efefef; padding: 20px;}
.div_pop .txt-box li{list-style: normal; margin-left: 16px; padding: 5px 0;}
.btn-close{padding: 20px 0; text-align: center; background: #fff;}
.btn-close a{display: inline-grid; align-items: center; text-align: center; border-radius: 4px; height: 45px; font-size: 16px; font-weight: 500; padding: 0 38px; color: #fff; border: 1px solid rgb(69, 38, 246); color: rgb(38, 86, 246); font-weight: 900;}

.div_pop .point{color: #ff2241;}
.div_pop em{font-weight: 600;}
.div_pop .btn_line{border: 1px solid; border-radius: 3px; font-size: 11px; padding: 2px 10px; margin-left: 5px;}

.div_pop .pop_conts::-webkit-scrollbar{width: 10px;}
.div_pop .pop_conts::-webkit-scrollbar-track-piece{background-color: #f7f7f7;}
.div_pop .pop_conts::-webkit-scrollbar-thumb{border-radius: 8px; background-color: #ccc;}
.div_pop .pop_conts::-webkit-scrollbar-button:start{background-color: #efefef;}
.div_pop .pop_conts::-webkit-scrollbar-button:end{background-color: #efefef;}

.closeX{position: absolute; top: -2vw; right: 2vw;}
.closeX a{font-size: 3rem;}


 @media screen and (min-width: 845px){
    .m_evt{display: none;}  
    .div_pop{width: 92%; height: auto; padding: 2rem 0.5rem;}
    .div_pop .pop_conts{padding: 0 0.5rem 1rem; scroll-behavior: smooth; overflow-y: auto; max-height: 100vw; height: fit-content;}
    .pop_tabWrap{padding: 20px 0;}
    .div_pop .tit{margin: 0 0 10px;}
    .pop_tab{padding: 15px 0;}
    .div_pop .btn_line{font-size: 13px !important; display: block; width: fit-content; margin: 5px 0 0 0 !important;}
    } 
@media screen and (max-width: 845px) {
    .evt_wrp{display: none;}  
    .m_evt{display: block;}  
    .div_pop{width: 90%; max-height: 88% !important; overflow-y: auto;}
    .applyForm .evt-tit strong{font-size: 1.5rem !important;}    
    .m_evt .swiper-container{padding-top: 0 !important;}
    .applyForm .select_box{font-size: 0.8rem;}
    .applyForm .file-button{padding: 11px 15px !important;}
    .applyForm input[type='text'] {width: 60%;}
    .applyForm .gr{background: unset !important;}
    .applyForm .txt.gr{padding: 3% 2% 2%; background: #efefef !important;}
}