@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');


.m_evt{position: relative; width: 100%; height: 100%; overflow-x: hidden;}
.m_evt *{font-family: 'Montserrat', 'Pretendard', 'Noto Sans KR', 'Malgun Gothic', sans-serif !important; margin: 0; padding: 0;}

.dday{width: 100%; background: #333; text-align: center; color: #fff; font-weight: 700; padding: 0.5em 0; font-size: 4.2vw;}
.dday span{display: inline-block;}
.dday span:first-child{padding-right: 3vw;}
.dday.fix{position: fixed; top:0; left: 0; z-index: 100;}
.dday #TDAY{width: 7vw; text-align: right;}
.dday #THH,
.dday #TMM,
.dday #TSS{width: 5vw;}
.mint{color: #00ffe4;}

.visual{position: relative; background: #e7d8ff url('https://cdn.ibstudy.co.kr/mobile/event/2025/manage_0219/bg_visual.png') no-repeat center content-box; background-size: 100%; background-attachment: fixed; image-rendering: -moz-crisp-edges; /* firefox */ image-rendering: -o-crisp-edges; /* opera */ image-rendering: -webkit-optimize-contrast; /* chrome */ image-rendering: crisp-edges; transform: translateZ(0); backface-visibility: hidden;}
.sub_btn{padding: 3vw 0 9vw;}
.sub_btn img{border-radius: 0.8vw;}
.btn{margin-top: 3vw !important; border-radius: 0.8vw; width: 92%; margin: 0 auto;}

/*
.sub p,
[class^="con"] p{width: 92%; margin: 0 auto;}
*/

.tit{padding-bottom: 3vw;}
.no{width: 6vw; height: 6vw; margin: 0 auto 3vw; background: #5f0ddd; display: none; align-items: center; border-radius: 50%; color: #fff; font-size: 3.5vw; font-weight: 900; text-align: center;}
.btn{background: #5f0ddd;}

[class^="con"]{padding: 9vw 0;}
.sub{background: #e7d8ff;}
.con1{background: #fff;}
.con2{background: #fff; position: relative;}
.con3{background: #5018a7; padding: 5vw 0 !important;}
.con3_1{background: url(https://cdn.ibstudy.co.kr/mobile/event/2025/manage_0219/con3_1_bg.png) no-repeat center;}
.con3_2{background: #fff; display: none;}
.con3_3{background: #f4edff;}
.con3_4{background: #fff;}
.con4{background: #404040;}
.con5{background: #353437;}

.buy_wp{background: #efefef; padding: 9vw 0;}
.buy_wp div{width: 92%; margin: 2vw auto;}
.buy_wp div:last-child{margin-bottom: 0;}
.pack{border-radius: 2vw 2vw 0 0; border: 1px solid #000; border-bottom: 0;}
.buy_btn{background: #5f0ddd; border-radius: 0 0 2vw 2vw; border: 1px solid #000; border-top: 0;}
.buy_wp div:nth-child(3) .buy_btn{background: #2c1df7;}

.small{font-size: 2.5vw; width: 92%; margin: 2vw auto 7vw;}

.con2 .link_wrap { position: absolute; top: 70vw; left: 5%; width: 90%; height: 25vw;}
.con2 .link_wrap ul {overflow: hidden; list-style-type: none; margin:0; display: flex; flex-direction: row; flex-wrap: wrap;justify-content: space-between;}
.con2 .link_wrap ul li { width: 32%; height: 13vw; margin: 0.2vw;}
.con2 .link_wrap ul li a {display: block; width: 100%; height: 100%; color: transparent; font-size: 0;}
.con2 .link_wrap ul li:nth-child(n+7):nth-child(-n+9) { margin-top: 16vw;}
.con2 .link_wrap ul li:nth-child(n+10):nth-child(-n+12) { margin-top: 16vw;}

/* slide */
.swiper-container {padding-top: 0;}
.slider-wp{width: 98%; margin: 0 auto;}
.swiper-container { width:  100%; height:  100%; padding-bottom: 1em;}
.swiper-slide { width: 355px !important; margin-right: 5px; text-align:  center; font-size:  18px; /* Center slide text vertically */ display:  -webkit-box; display:  -ms-flexbox;  display:  -webkit-flex; display:  flex; -webkit-box-pack:  center; -ms-flex-pack:  center; -webkit-justify-content:  center; justify-content:  center; -webkit-box-align:  center; -ms-flex-align:  center; -webkit-align-items:  center; align-items:  center; }

/* swiper */
.slider-conts{width: 82%; margin: -19vw auto 0; overflow: hidden;}
.slider-conts .slider-container{height: 17%;}
.slider-conts .swiper-slide{width: 50% !important;}
.slider-conts p{width: 100%;}


/* popup */
.popup-wrapper{position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.5); display: inline-flex; align-items: center; z-index: 3; word-spacing: 0; overflow-x: hidden;}
.closeX{position: absolute; top: 0.3em; right: -0.2em; width: 1em; line-height: 0.8rem; font-size: 4em; text-align: center; cursor: pointer; color: #000; text-decoration: none;}
.pop_wrap{position: relative; background: #fff; width: 80%; margin: 0 auto; padding: 1em; border-radius: 0.3em; border: 0.15em solid #000;}

.pop_conts{overflow-y: auto; margin-bottom: 30%;}
.popup-wrapper .pop_tit{text-align: center; font-size: 0.9em;}
.popup-wrapper .tit{font-weight: 800; font-size: 1.5em; border-bottom: 0.01em solid #000; margin: 0 0 0.5em; padding-bottom: 0.2em; color: #000 !important}

.pop_conts table{table-layout: fixed; word-break: break-all; width: 92%; margin: 1em auto 0;}
.pop_conts table th,
.pop_conts table td{text-align: left; font-size: 1em; color: #555; font-weight: 500;}
.pop_conts table tr:nth-child(4) td{padding-top: 6%;}
.pop_conts table img{ width: 23px; vertical-align: middle;}
.pop_conts table span{margin:0 5px;}

.pop_wrap .btn{position: absolute; bottom: 0; left: 0; width: 100%; margin: 0 auto; background: #e41545; text-align: center; padding: 0.7em 0; color:#fff; font-weight: 900; font-size: 1.5em;}
.pop_conts a{color: #fff; text-decoration: none;}
.btn_view{background: #333; text-align: center; border-radius: 0.2em; padding: 0.8em 1.2em; font-size: 0.7em; position: absolute;}

.popup-wrapper input{width: 90%; border: 0; border-bottom: 0.1em solid #aaa; padding: 0; font-size: 1em; color: #000; font-weight: 600; height: 2.5em; border-radius: 0; margin-bottom: 0.5em;}
.popup-wrapper select{font-size: 1em;}

.popup-wrapper input[type='text'].data{width:35%;}
.popup-wrapper select{padding: 1em; border:1px solid #ccc; }
.popup-wrapper select option{font-size: 0.5em;}
.popup-wrapper button{border:0; cursor: pointer; padding: 0; margin-right: 15px;}

.popup-wrapper textarea,
.popup-wrapper select{border-radius: 0.5em; width: 19em; padding: 0.7em; color: #000; font-size: 0.7em; height: 3em}
.popup-wrapper label{cursor: pointer; font-size: 1em; padding: 0; letter-spacing: -0.1em;}
.popup-wrapper input[type='checkbox']{width: 20px; height: 20px; vertical-align: middle; accent-color: #e41545; margin-right: 5px;}

.popup-wrapper button{background: none;}

.popup-wrapper input:focus,
.popup-wrapper textarea:focus,
.popup-wrapper select:focus{outline: none;}
.popup-wrapper textarea::placeholder{font-size: 13px; color: #ccc;}

/* layer */
.layer-pop{position:fixed; top:0; left:0; display: inline-flex; align-items: center; background:rgba(0,0,0,0.2); width:100%; height:100%; z-index:2;}
.layer-pop .tit{font-size: 1.3em; text-align: center;}
.pop_layer{background: #fff; width: 75%; position: relative; margin: 0 auto; padding: 1em; box-shadow: 0px 0.1em 0.5em 0.3em rgb(0 0 0 / 0.2); border-radius: 0.3em; text-align: left;}
.layer_conts{position: relative; width: 95%; font-size: 1em; overflow-y: auto; line-height: 1.5; height: 18em; margin: 0 auto; padding: 0 2.5%;}
.layer_conts strong{padding-top: 0.5em; display: block; font-weight: 500;}
.layer-pop a{position: absolute; top: 0.5em; right: 0; width: 1em; line-height: 0.8rem; font-size: 3em; text-align: center; cursor: pointer; color: #000; text-decoration: none;}
.noti_txt{font-size: 12px;}
.red{color:#e41545;}
.bg_gray{ background: #efefef; margin: 0.5em 0; padding: 1em; text-align: left; font-size: 0.8em; width: 92%;}