@charset "utf-8"; 
@font-face{font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2') format('woff2'); font-weight: 100; font-display: swap;}
@font-face{font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2') format('woff2'); font-weight: 200; font-display: swap;}
@font-face{font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2') format('woff2'); font-weight: 300; font-display: swap;}
@font-face{font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2') format('woff2'); font-weight: 400; font-display: swap;}
@font-face{font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2') format('woff2'); font-weight: 500; font-display: swap;}
@font-face{font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2') format('woff2'); font-weight: 600; font-display: swap;}
@font-face{font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2') format('woff2'); font-weight: 700; font-display: swap;}
@font-face{font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2') format('woff2'); font-weight: 800; font-display: swap;}
@font-face{font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2') format('woff2'); font-weight: 900; font-display: swap;}

.evt_wrp{font-family: "Pretendard", sans-serif;}
.floating_menu{display: none;}

.evt_wrp{position: relative; width: 100%; overflow: hidden; cursor: default; letter-spacing: -0.5px;} 
.evt_wrp img{vertical-align: top; max-width: unset;} 
.evt_wrp strong{font-weight: 900;}
.evt_wrp .ttl,
.evt_wrp .list_horiz.data,
.evt_wrp .inner{position: relative; width: fit-content; margin: 0 auto; max-width: unset;} 
.evt_wrp .ttl{padding-bottom: 35px; font-size: 45px; font-weight: 700; text-align: center; letter-spacing: -1px; line-height: 1.2;}
.evt_wrp .ttl p{font-size: 28px; font-weight: 400; padding-bottom: 15px;}
.evt_wrp .red{color: #ff3c4e;}

.mo{display: none;}

.evt_wrp .btm_btn{position: fixed; left: 0; bottom: 10px; z-index: 9; width: 100%;}
.evt_wrp .btm_btn a{border: 1px solid rgba(0,0,0,0.6); box-shadow: 0 0 15px 2px rgba(0,0,0,0.35); display: inline-block; background: #bc14ff; color: #fff; font-weight: 500; font-size: 25px; padding: 18px 32px 20px; width: 340px; text-align: center; border-radius: 5px;}
.evt_wrp .btm_btn a:last-child{margin-left: 20px;}
.evt_wrp .btm_btn a:first-child{background: #696af7; color: rgba(255,255,255,0.95);}

.evt_wrp .visual.pc{background: #000 url('https://img.megastudyacademy.co.kr/campusdev/mbc/event/2026/0527_col_info_sess/bg_visual.png') no-repeat center 0; display:flex; align-items:flex-end; justify-content:center; height: 820px;}
.evt_wrp .visual .inner{padding-bottom: 150px;}

.evt_wrp .visual .typo{font-family: 'GmarketSansMedium'; font-size: 42px; color: #ff5755;}
.evt_wrp .visual .typo strong{font-family: 'GmarketSansBold'; font-size: 150px; letter-spacing: -10px; padding-top: 30px; color: #fff;}
.evt_wrp .visual .typo em{font-size: 50px; margin-bottom: 30px; padding-bottom: 25px; border-bottom: 1px solid rgba(255,255,255,0.3); color: #f8e6e9;}
.evt_wrp .visual .typo span{font-family: 'Pretendard'; font-size: 30px; color: #fff;}

.evt_wrp .btn{position: relative; z-index: 9; width: 100%; margin-top: 35px; transform: translateY(0);}
.evt_wrp .btn.hide{transform: translateY(100px);}
.evt_wrp .btn.fixed{position: fixed; left: 0; bottom: 10px;}
.evt_wrp .btn.fixed a{border: 1px solid #dc0300; box-shadow: 0 0 15px 2px rgba(0,0,0,0.35);}
.evt_wrp .btn a{display: inline-block; background: #ff5755; color: #fff; font-weight: 500; font-size: 25px; padding: 18px 32px 20px; width: 340px; text-align: center; border-radius: 5px;}
.evt_wrp .btn a:last-child{margin-left: 20px;}

.evt_wrp .list_horiz{overflow: hidden; text-align: center;}
.evt_wrp .list_horiz li{display: inline-block; margin: 0 0 10px 0;}
.evt_wrp .list_horiz li img{width: 100%;}

.evt_wrp .list_horiz.data{padding: 10px 0;}
.evt_wrp .list_horiz.data li{margin: 0 5px; border-radius: 10px; box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);}
.evt_wrp .list_horiz.data img{border-radius: 10px;}

.evt_wrp .pr li{position: relative; background: #ecf1f4; margin: 0 0 20px; padding: 40px 150px 35px 70px;}
.evt_wrp .pr li:last-child{margin-bottom: 0;}
.evt_wrp .tch{position: absolute; right: 5%; bottom: 0; width: 38%;}

.evt_wrp .apply_list{display: flex;}
.evt_wrp .apply_list ul{background: #eff4f6; width: 48%; margin-right: 1px; text-align: center;}
.evt_wrp .apply_list li:first-child{color: #fff; padding: 10px; font-size: 18px; font-weight: 700;}
.evt_wrp .apply_list li:last-child{padding: 25px 10px; margin-right: 0; text-align: left;}
.evt_wrp .apply_list li div{position: relative; display: inline-block; background: #fff; width: 49%; margin-bottom: 10px; border-radius: 5px; border: 1px solid; font-size: 17px; font-weight: 800; padding: 20px 15px 15px; text-align: center;}
.evt_wrp .apply_list li div:nth-child(odd){margin-right: 5px;}
.evt_wrp .apply_list li div em{border-radius: 50px; color: #fff; display: block; font-size: 14px; width: fit-content; margin: 0 auto 12px; padding: 3px 12px;}
.evt_wrp .apply_list li div strong{display: block; font-size: 19px; padding: 5px 0 10px;}
.evt_wrp .apply_list li div a{display: block; width: 100%; margin: 6px auto 8px; font-size: 16px; font-weight: 500; border-radius: 3px;}
.evt_wrp .apply_list li div .btn1{border: 1px solid #000; padding: 7px 0;}
.evt_wrp .apply_list li div .btn2{background: #222; color: #fff; padding: 8px 0;}
.evt_wrp .new{position: absolute; top: 10px; left: 10px; font-size: 12px; text-align: left; font-weight: 600;}

.evt_wrp .apply_list ul:first-child li:first-child,
.evt_wrp .apply_list ul:first-child li div em{background: #bc14ff;}
.evt_wrp .apply_list ul:last-child li:first-child,
.evt_wrp .apply_list ul:last-child li div em{background: #696af7;}
.evt_wrp .apply_list ul:first-child li div strong{color: #bc14ff;}
.evt_wrp .apply_list ul:last-child li div strong{color: #696af7;}

* [class^="bg_"]{padding: 100px 0;} 

.evt_wrp .ttl br{display: none;}

.evt_wrp .bg_01{background: #fff;} 
.evt_wrp .bg_02{background: #ecf1f4;}
.evt_wrp .bg_03{background: #ff3c4e} 
.evt_wrp .evt{background: #222; padding: 30px 0;}

.evt_wrp .evt .inner{border-radius: 10px; border: 1px solid #fff; padding: 30px 330px 30px 30px;}
.evt_wrp .star{position: absolute; top: 90px; left: 120px;}
.evt_wrp .card{position: absolute; right: 30px; top: -20px;}
.evt_wrp .ttl_leaf{position: absolute; left: -93px; top: -20px;}

.evt_wrp .bg_03 .ttl{color: #fff;}
.evt_wrp .list .ttl{padding-bottom: 5px;}
.evt_wrp .ttl sup{font-size: 20px; margin-top: -50px;}

.evt_wrp .small{color: #777; font-size: 12px; line-height: 1.2; text-align: center;}

.evt_wrp .pass_wrp{width: fit-content; margin: 50px auto 0; height: 380px; overflow-y: hidden; -webkit-mask-image: linear-gradient(to bottom, transparent 0%, /* transparent 100%, */ black 20%, black 80%); mask-image: linear-gradient(to bottom,  transparent 0%, /* transparent 100%, */ black 20%, black 80%);}
.evt_wrp .flow_banner{overflow: hidden; position: relative; width: 100%;}
.evt_wrp .flow_banner p{margin: 0;}

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


.evt_wrp .dungdung{animation: updown 1s both infinite alternate;} 
.evt_wrp .blink{animation: blink 1.5s infinite;} 
.evt_wrp .delay{animation-delay: 0.5s;} 
.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);}} 

.floating_menu.mo{display: none;} 

.evt_wrp .pop_wrp .div_pop{width: 40%; height: 50%; max-height: 88%;}

@media screen and (min-width: 1200px){    
.evt_wrp .apply_list,
.evt_wrp .list_horiz.vod{width: 1200px; margin: 0 auto;}
.evt_wrp .con1{width: fit-content; margin: 0 auto;}
}

@media screen and (max-width: 1024px){ 
    .evt_wrp .visual.pc,
    .evt_wrp .ttl_leaf{display: none;}
    .evt_wrp .visual.mo,
    .evt_wrp .ttl br,
    .evt_wrp .ttl br{display: block;}    
    .evt_wrp .evt{padding: 5% 3%;}
    .evt_wrp .evt .inner{padding: 5% 7%; text-align: left;}
    .evt_wrp .evt .inner img{width: 70%;}
    .evt_wrp .evt .inner img.card{width: 26%; right: 4%;}
    .evt_wrp .apply_list{display: unset;}
    .evt_wrp .apply_list ul{width: 95%; margin: 3% auto 0;}
    .evt_wrp .apply_list li div{width: 48%; font-size: 15px;}
    .evt_wrp .list_horiz li{width: 48%;}
    .evt_wrp .btm_btn a:last-child{margin-left: 10px;}
    .evt_wrp .inner{width: 95%; margin: 0 auto; text-align: center;}
    .evt_wrp .bg_03{padding: 10% 0;}
    .evt_wrp .star{top: 20px; left: 0;}
    .evt_wrp .pass_wrp{width: 95%; margin: 20px auto 0; height: 53vw;}
    .evt_wrp .list_horiz.data li{width: 45%;}
    .evt_wrp .pop_wrp .div_pop{width: 90%; height: 38%;}
    .pop_wrp .pop_ttl{font-size: 23px !important;}
    .pop_wrp .applyForm .apply_conts li:last-child{padding-left: 0 !important;}
    .evt_wrp img{max-width: 100%;}  
    .evt_wrp .con1 img{padding: 0 5%; width: 150%;}
    .flow_banner img{margin: 0 auto;}
}

@media screen and (max-width: 760px){
    .evt_wrp .ttl{font-size: 25px; line-height: 1.2; padding-bottom: 20px;}
    .evt_wrp .ttl p{font-size: 18px; padding-bottom: 5px;}
    * [class^="bg_"]{padding: 15% 0;}
    .evt_wrp .btm_btn a{width: 45%; font-size: 20px; padding: 5%;}
    .evt_wrp .apply_list li div{padding: 20px 9px 12px;}
    .evt_wrp .apply_list li div strong{letter-spacing: -1px;}
    .evt_wrp .new{top: 7px; left: 7px;}
    .evt_wrp .evt .inner img {width: 80%;}
} 

@media screen and (max-width: 768px){
    .flow_banner .mo{display: block;}
    .flow_banner .pc{display: none;}
    .evt_wrp .con1{overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; scrollbar-width: none;}
}

@media screen and (max-width: 820px){  
    .evt_wrp .list_horiz.data,
    .evt_wrp .con1{overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; scrollbar-width: none;}
    .evt_wrp .con1 img{max-width: unset;}
    .evt_wrp .pr li{padding: 5%; margin: 0 0 5px;}
}

@media screen and (min-width: 761px) and (max-width: 1024px){
    .evt_wrp .btm_btn a{font-size: 33px; padding: 3% 0;}
    .evt_wrp .list_horiz.data{padding: 10px 30px;}
    .evt_wrp .card {top: -25px; width: 27%;}
}

@media screen and (min-width: 820px){ 
    .flow_banner .mo{display: none;}
    .flow_banner .pc{display: block;}
}

@media screen and (min-width: 1024px){ 
}

@media screen and (min-width: 821px){ 
}
    

.pop_wrp{position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.85); display: none; align-items: center; justify-content: center; font-size: 15px; z-index: 1000; overflow: hidden;}
.pop_wrp .popup{position: relative; width: 25%;}
.pop_wrp .popup img{border-radius: 10px;}

.evt_wrp .pop_wrp .div_pop{position: relative; background: #000;}
.evt_wrp .pop_wrp .closeX{position: absolute; top: -55px; color: #fff; font-size: 6rem; right: 0; cursor: pointer;}
.evt_wrp .pop_wrp .div_pop,
.evt_wrp .pop_wrp .div_pop iframe{border-radius: 20px; border: 1px solid #000}

.pop_wrp .applyForm .apply_conts li:last-child{justify-content: unset !important; background: unset !important; color: unset !important; border-bottom: 1px solid #eee !important;}
.pop_wrp label{display: block !important; margin: 2px 5px 2px 0 !important;}

.evt_wrp .dungdung{animation: updown 1s both infinite alternate;} 
.evt_wrp .blink{animation: blink 1.5s infinite;} 
.evt_wrp .delay{animation-delay: 0.5s;} 
.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);}}