.uniallpassM * { font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; }
.uniallpassM { position: relative; width: 100%; overflow: hidden; font-size: 2.8vw; letter-spacing: -0.1vw; box-sizing: border-box; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; }
.uniallpassM img { width: 100%; }
.uniallpassM .abs { position: absolute; }
.uniallpassM .dungdung { animation: moveUpDown 0.6s infinite alternate; }
.uniallpassM .flash { animation: flash 1s infinite alternate; }
.uniallpassM .btn_white { width: 21vw; height: 6.32vw; border-radius: 0.53vw; font-size: 2.63vw; color: #222; background: #fff; border: solid 0.26vw #dcdcdf; display: inline-block; text-align: center; line-height: 6.32vw; font-weight: 600; }
.uniallpassM .btn_red { width: 84.21vw; height: 12.53vw; border-radius: 1.32vw; font-size: 5vw; color: #fff; background: #ee312e; display: inline-block; text-align: center; line-height: 12.53vw; font-weight: 700; }
.uniallpassM .btn_black { width: 84.21vw; height: 12.53vw; border-radius: 1.32vw; font-size: 5vw; color: #fff; background: #222; display: inline-block; text-align: center; line-height: 12.53vw; font-weight: 700; }

/* 상단 타이머  */
.uniallpassM .dday_wp {background: rgba(18,17,15,0.9); width: 100%; display: grid; padding: 2vw 0; text-align: center;}
.uniallpassM .dday_wp p {color: #fcff00; font-size: 4.8vw; letter-spacing: -0.3vw;}
.uniallpassM .dday{overflow: hidden; margin: 0 auto; text-align: center; height: 8vw; display: flex; align-items: center;}
.uniallpassM .dday li{position: relative; display: inline-block; width: 10vw; text-align: left; vertical-align: middle;}
.uniallpassM .dday li span{display: inline-block; color: #fcff00; font-size: 6.5vw; font-weight: 900; width: 4.5vw; text-align: center;}
.uniallpassM .dday .txt{color: #fff; font-size: 5.357vw; width: 3vw; margin-right: 5vw; font-weight: 600;}
.uniallpassM .dday .colon{color: #fff; font-size: 5.357vw; width: 2vw; margin-right: 0; display: inline-block; font-weight: 600;}
.uniallpassM .dday #gettime_s{margin-right: 0vw;}
.uniallpassM .dday #gettime_n{margin-right: 0;}

.uniallpassM .uniallpassM_buy {width: 100%; position: fixed;left: 0;bottom: 0;z-index: 100; opacity: 0; animation: opacity1 1s ease 2s 1 forwards;}
.uniallpassM .uniallpassM_buy a{display: block;width: 100%;}
.uniallpassM .uniallpassM_buy a img{display: block;width: 100%;}

.uniallpassM .visual .roll_txt {position: absolute; top: 57.5526vw; left: -7vw; animation: fade-in-blur 1s 1s cubic-bezier(0.230, 1.000, 0.320, 1.000) both; }
.uniallpassM .visual .roll_txt ul {overflow: hidden; position: absolute; top: 8.3vw; left: 12.262vw; width: 89.4737vw; height: 6.5789vw;}
.uniallpassM .visual .roll_txt ul li {display: none; position: absolute; left: 0; top: 0; width: 89.4737vw; height: 6.5789vw;}
.uniallpassM .visual .roll_txt ul li img{width: 89.4737vw; height: 6.5789vw;}

.uniallpassM .visual .box_txt { position: absolute; top: 85.6842vw; left: 3.2632vw; width: 89.4737vw; animation: fade-in-blur 1s 1.4s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;}
.uniallpassM .visual .box_txt ul li {position: relative; float: left; width: 46%; margin-left: 3.4211vw; margin-top: 3.4211vw; }
.uniallpassM .visual .box_txt ul li img {display: block;}
.uniallpassM .visual .box_txt ul li img:nth-child(2) {display: none; position: absolute; top: 0; left: 0;}
.uniallpassM .visual .box_txt ul li.on img:nth-child(2) {display: block;}

.uniallpassM .con02 {position: relative;}
.con02 .btn_red { position: absolute; top:156.7105vw; left: 8vw; }
.uniallpassM .con02 .total_num { position: absolute; top: 132.6579vw; left: 50.00vw; color: #fff; font-size: 10.5263vw;font-weight: 800; display: block; width: 25.7895vw}
.uniallpassM .con02 .con02_flobn {position: absolute; top: 3.2895vw; right:6.3158vw; }
.uniallpassM .con02 .con02_flobn img { width: 21.0526vw; height: 21.4474vw;}

.uniallpassM .con04 {position: relative;}
.uniallpassM .con04 .btn_red {position: absolute; bottom:44.4737vw; left: 9.7368vw; width: 45.3947vw; height: 7.8947vw; border-radius: 1.32vw; font-size: 4vw; color: #fff; background: #ee312e; display: inline-block; text-align: center; line-height: 7.8947vw; font-weight: 700;}
.uniallpassM .con05 {background: linear-gradient(#0a1441,#65d2ff,#fff); height: 175.7895vw; }
.uniallpassM .con06 { position: relative;}
.uniallpassM .con06 .con06_flobn {position: absolute; top: 51.5263vw; left: 8.3421vw; }
.uniallpassM .con06 .con06_flobn img { width: 19.7368vw; height: 19.7368vw;}
.uniallpassM .con06 .btn_white { position: absolute; top: 95.1316vw; right: 8.9474vw; }

.uniallpassM .con07 { background: #432bfd;  padding: 15.8vw 0 28vw; position: relative;}
.uniallpassM h1 { font-size: 7vw; font-weight: 900; line-height: 1.3; letter-spacing: -0.2vw;  position: relative; }
.uniallpassM h2 { font-size: 5.26vw; font-weight: 900; line-height: 1.3; letter-spacing: -0.2vw; margin-left: 2.63vw; }
.uniallpassM h3 { font-size: 4.74vw; line-height: 1.39; font-weight: 600; letter-spacing: -0.2vw;  position: relative; }
.uniallpassM h6 { font-size: 4vw; letter-spacing: -0.2vw; margin-top: 3vw; }
.uniallpassM .con07,.con08 h1, .uniallpassM .con07,.con08 h3, .uniallpassM .con07,.con08 h6 { color: #fff; margin-bottom: 0; text-align: center; }
.uniallpassM .con07 .btn_white { top: 52.63vw; right: 7.89vw; position: absolute;}
.uniallpassM .con07 div { margin: 12.26vw 0 5.26vw;}
.uniallpassM .con07 span { top: 52vw; left: 10vw; }
.uniallpassM .con07 span img { width: 19.74vw; height: 19.74vw; }
.uniallpassM .con07 .btn_black { position: absolute; bottom: 12.7895vw; left: 8vw;}

/* 수강신청 */
.uniallpassM .con08 {background: #2b2b2b; padding: 15.8vw 0;}
.uniallpassM .con08 .btn_wrap { display: flex; gap: 2.11vw; justify-content: center; margin: 7.89vw 0; }

.uniallpassM .pass_box { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 auto; width: 89.4737vw;}
.uniallpassM .pass_box .allbox {position: relative; margin-bottom: 3.571vw; width: 100%; background-color: #fff; background-image: url(//s3.unistudy.co.kr/images/mobile/event/allPass/pay_chk.png); background-repeat: no-repeat; background-size: 7.381vw 7.381vw; background-position: 3.095vw 3.095vw; border: 0.833vw solid #fff; border-radius: 3.571vw; cursor: pointer; }
.uniallpassM .pass_box .allbox.on {background-image: url(//s3.unistudy.co.kr/images/mobile/event/allPass/pay_chk_on.png); border-color: #ee312e;}

/* 공통 */
.uniallpassM .pass_box .allbox h3 {position: absolute; top: 12.2vw; left: 5.952vw; color: #000; font-size: 6.429vw; font-weight: 800; text-align: left;}
.uniallpassM .pass_box .allbox h3 span {color: #ee312e;}
.uniallpassM .pass_box .btn_lec { font-size: 2.6316vw; color: #fff; background-color: #535353; padding: 0.6579vw 1.3158vw;  }

.uniallpassM .pass_box .box_cont { width: 88.9474vw; height: 52.6842vw; padding:33vw 5vw 0;  }
.uniallpassM .pass_box .box_cont li {font-size: 3.6842vw; float: left; margin-top: 2.6316vw; }
.uniallpassM .pass_box .box_cont li:first-child {margin: 0;}
.uniallpassM .pass_box .box_cont li .mr25 {margin-left: 2.6316vw;}
.uniallpassM .pass_box .box_cont label {margin-left: 25px; }
input[type=radio]:checked { border: 5px solid #ee312e; accent-color:#ee312e}

.uniallpassM .pass_box .option { font-size: 2.3684vw; width: 78.9474vw; height: 9.5789vw; background-color: #ffc8c7; border-radius: 1.0526vw; display: flex; gap: 1.9737vw; align-items: center; padding: 0 2.8947vw; margin: 2.6316vw 0 0 3.9737vw; }
.uniallpassM .pass_box .option strong {font-size: 3.6842vw;}
.uniallpassM .pass_box .option span {font-size: 3.6842vw; }
#check {display: none;}
#check+label {background-repeat: no-repeat; background-image: url(//s3.unistudy.co.kr/images/mobile/event/allPass/option_chk.png); }
#check:checked+label {background-repeat: no-repeat; background-image: url(//s3.unistudy.co.kr/images/mobile/event/allPass/option_chk_on.png);}
.check {display: block; }

/* 가격 */
.uniallpassM .pass_box .box_price { position: relative; width: 78.9474vw; background-color: #e4e4e4; border-radius: 1.0526vw; margin: 3.6316vw; padding: 3.2895vw 4.6316vw; }
.uniallpassM .pass_box .box_price li { font-size: 18px; margin-top: 15px; text-align: left;}
.uniallpassM .pass_box .box_price .tx_R { position: absolute; right: 30px;}
.uniallpassM .pass_box .box_price span strong { color: #ee312e; font-size: 24px; }
.uniallpassM .pass_box .box_price .pass_pay {padding-top: 5vw; }
.uniallpassM .pass_box .box_price .pass_pay button { width: 69.6316vw; height: 13.1579vw; color: #fff; font-size: 5vw; font-weight: 800; border-radius: 2vw; background-color: #ee312e; }

.uniallpassM .layer_simple h2 { font-size:16px !important;  padding:10px 15px; margin: 0; }
.layer_simple .layer_content { margin:0;  }
.layer_simple .layer_content .bullet li { color:#000; }
.uniallpassM .layer_guide { left:4.44vw }
.layer_certification h1 {font-size: 18px !important;}
.layer_certification {left:4.44vw; margin-top: -290px;}

.uniallpassM .con06 .dayTx { position: absolute; top: 57vw; left: 9vw; font-size: 15px; color: #000; font-weight: 800; width: 70px; text-align: center; line-height: 20px;}

.uniallpassM .transfer_ev { background: #ff9000;  padding: 15.8vw 0 28vw; position: relative;}
.uniallpassM .transfer_ev h1, h3, h6 { color: #fff; margin-bottom: 0; text-align: center;}
.uniallpassM .transfer_ev .btn_white { top: 52.63vw; right: 7.89vw; position: absolute;}
.uniallpassM .transfer_ev div { margin: 12.26vw 0 5.26vw;}
.uniallpassM .transfer_ev span { top: 46vw; left: 10vw; }
.uniallpassM .transfer_ev span img { width: 19.74vw; height: 19.74vw; }
.uniallpassM .transfer_ev .btn_black { position: absolute; bottom: 12.7895vw; left: 8vw;}
.uniallpassM .layer_transferGuide { left:4.44vw }
.layer_transfer h1 {font-size: 18px !important;}
.layer_transfer {left:4.44vw; margin-top: -290px;}

@keyframes moveUpDown {
    0% { transform: translateY(0.5vw); }
    100% { transform: translateY(-0.5vw); }
}
@keyframes flash {
    0% { opacity: 0.3; }
    100% { opacity: 1; }
}
@keyframes fade-in-blur {
    0% {filter: blur(30px); opacity: 0;}
    100% {filter: blur(0); opacity: 1;}
}
@keyframes opacity1 {0%{opacity: 0;}100%{opacity: 1;}}

/* 250328수정 : 올패할인쿠폰  */
.layerPOP {position: relative; }
.layerPOP { position: absolute; top:25vw; left:8vw; }
.layerPOP img { width: 90%;}
.layerPOP .closeX{position: absolute; background: #000; border-radius: 50%; width: 28px; height: 28px; text-align: center; font-size: 20px;}
.closeX::after{content: ' \00D7'; color: #fff; font-size: 26px; line-height: 0.9; display:inline-block;}
.closeX:hover::after{color: #f0ff00;}
#modal_allpass .closeX{ top: 10vw; right: 11vw;}
#modal_allpass { position: fixed; z-index: 50;left: 0;top:0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.8);overflow-y: scroll;}
.layerPOP .noti_tx {color: #fff; font-size: 3.42vw; width: 68vw; height: 6.578vw; background: #3160be; position: absolute; top: 26vw; left: 50%; margin-left: -36vw; text-align: center;
    line-height: 6vw; border-radius: 30px; font-weight: 500; }
.layerPOP .fcW {color: #f0ff00; }
.layerPOP .fcR {color: #ee312e; }
.layerPOP .tx_wrap {position: absolute; top: 46vw; left: 50%; margin-left: -19vw; width: 33vw; text-align: center; height: 43.4211vw;  }
.layerPOP .tx_wrap .tx01, .fs20 {font-weight: 800; font-size: 5.95vw; color: #000; line-height: 1; }
.layerPOP .tx_wrap .tx02 {font-size: 3.1579vw; color: #888; padding-top: 4.2vw; }
.layerPOP .tx_wrap .tx03 {font-weight: 800; font-size: 36px; color: #3f9e5c; line-height: 24px; word-spacing: -5px;}
.layerPOP .tx_wrap .tx04 {font-weight: 800; font-size: 32px; color: #3f9e5c; line-height: 32px;}
.coupon_btn { width: 68vw; height: 11.84vw; background: #000; position: absolute; bottom: 4vw; left: 50%; margin-left: -36vw; font-size: 4.736vw; color: #fff; text-align: center; line-height:11vw; border-radius:5px; font-weight: 700; }

@keyframes fadeIn_up {
    0% {
        opacity:0;
        transform: translateY(20%);
    }
    100% {
        opacity:1;
        transform: translateY(0);
    }
}
.layerPOP .dayCheck { position:absolute; left:8vw; bottom: -10vw;  color:#eee; font-size:18px; font-family:dotum; text-align:right; padding-right:5px;box-sizing:border-box; }
.layerPOP .dayCheck span { vertical-align:2px; color:#fff; }
.layerPOP input { vertical-align:0px; }