@charset "utf-8";

/* common */
.kids{overflow:hidden;min-width:320px;background:#fff}
.kids *{box-sizing:border-box}
.kids img{display:block;width:100%}
.kids button, .renewal a{cursor:pointer}
.kids button{border:none;padding:0;margin:0}
.kids .swiper-wrapper{list-style:none;padding:0;margin:0}

.kids .navWrap{height:clamp(60px, 16.67vw, 120px);position:relative;z-index:10}
.kids .nav {position:absolute;top:0;left:0;width:100%;height:clamp(60px, 16.67vw, 120px)}
.kids .nav .inner{display:flex;width:100%}
.kids .nav.fixed .inner{position:fixed;top:0;left:50%;z-index:100;width:100%;max-width:45rem;padding-bottom:0;transform:translate(-50%);background:#8B8b8b}
.kids .nav .navItem{height:clamp(60px, 16.67vw, 120px);width:50%;position:relative;z-index:2;font-size:0;color:transparent;background-size:contain;background-position:center}
.kids .nav .navItem:nth-child(1){background-image:url(//cdndata.milkt.co.kr/i/m/images/kids/tab1.png)}
.kids .nav .navItem:nth-child(1).on{background-image:url(//cdndata.milkt.co.kr/i/m/images/kids/tab1_on.png)}
.kids .nav .navItem:nth-child(2){background-image:url(//cdndata.milkt.co.kr/i/m/images/kids/tab2.png)}
.kids .nav .navItem:nth-child(2).on{background-image:url(//cdndata.milkt.co.kr/i/m/images/kids/tab2_on.png)}

/* cont2 */
.kids .cont2{background-color:#7d2dff}
.kids .cont2 .cont2Swiper{padding:0 clamp(20px, 5.556vw, 40px)}
.kids .cont2 .cont2Swiper .swiperPg{display:flex}
.kids .cont2 .cont2Swiper .pgItem .imgOn{display:none}
.kids .cont2 .cont2Swiper .pgItem.on .imgOn{display:block}
.kids .cont2 .cont2Swiper .pgItem.on .imgOff{display:none}

/* cont3 */
.kids .cont3{background-color:#c4e869;padding-bottom:clamp(40px, 11.111vw, 80px)}
.kids .cont3 .reviewList{width:100%}
.kids .cont3 .reviewList .reviewCard{width:100%;padding:0 clamp(20px, 5.556vw, 40px) clamp(20px, 5.556vw, 40px)}
.kids .cont3 .rolling{height:110px;background:url(//cdndata.milkt.co.kr/i/m/images/kids/cont3_rolling.png) repeat-x 0 0 / 638px 110px;animation:cont3Rolling 14s linear infinite}
@keyframes cont3Rolling{from{background-position-x:0}to{background-position-x:-638px}}

/* cont4 */
.kids .cont4{background-color:#f5edff;padding-bottom:clamp(40px, 11.111vw, 80px)}
.kids .cont4 h3{position:relative}
.kids .cont4 .inner{display:flex;flex-direction:column;align-items:center;gap:clamp(30px, 8.333vw, 60px);padding:clamp(30px, 8.333vw, 60px) 0 0}
.kids .cont4 .cont4Card{position:relative;background:#fff;border-radius:clamp(20px, 5.556vw, 40px);width:clamp(320px, 88.889vw, 640px);padding:clamp(40px, 11.111vw, 80px) 0 clamp(30px, 8.333vw, 60px);text-align:center}
.kids .cont4 .numBadge{position:absolute;top:clamp(-40px, -5.556vw, -20px);left:50%;transform:translateX(-50%);width:clamp(40px, 11.111vw, 80px)}
.kids .cont4 .itemImg{margin-top:clamp(10px, 2.778vw, 20px)}
.kids .cont4 .cont4Swiper{overflow:hidden}
.kids .cont4 .swiperPg{display:flex;flex-direction:column;align-items:center;gap:clamp(6px, 1.667vw, 12px);margin:clamp(20px, 5.556vw, 40px) 0}
.kids .cont4 .swiperPg .pgItem{background:none;font-weight:700;font-size:clamp(18px, 5vw, 36px);color:#000;letter-spacing:-0.5px;line-height:clamp(20px, 5.556vw, 40px)}
.kids .cont4 .swiperPg .pgItem.on{color:#d323ff}
.kids .cont4 .swiperPg .pgArrow{display:block;width:clamp(20px, 5.556vw, 40px);height:clamp(13px, 3.611vw, 26px);background:url(//cdndata.milkt.co.kr/i/m/images/kids/cont4_arrow.png) no-repeat center / contain}
.kids .cont4 .cont4Arrow{width:clamp(20px, 5.556vw, 40px);flex-shrink:0}
.kids .cont4 .note{width:clamp(320px, 88.889vw, 640px);font-size:clamp(8px, 2.222vw, 16px);color:rgba(0,0,0,.2);text-align:center;line-height:1.5;letter-spacing:-0.5px;word-break:keep-all}

/* cont5 */
.kids .cont5 {background:#FFF4C3;padding-bottom:clamp(40px, 11.111vw, 80px)}
.kids .cont5 .swiperWrap{overflow:hidden;width:clamp(320px, 88.889vw, 640px);margin:0 auto;position:relative}
.kids .cont5 .swiperPg{display:flex}
.kids .cont5 .swiperPg .pgItem{flex:1;height:clamp(50px, 13.889vw, 100px);font-size:0;color:transparent;background-size:cover;background-position:center;background-repeat:no-repeat}
.kids .cont5 .slideContent{background:#fff;border-radius:0 0 clamp(20px, 5.556vw, 40px) clamp(20px, 5.556vw, 40px);padding:clamp(30px, 8.333vw, 60px);display:flex;flex-direction:column;align-items:center;gap:clamp(14px, 3.889vw, 28px)}
.kids .cont5 .slideTit{font-weight:700;font-size:clamp(18px, 5vw, 36px);color:#000;text-align:center;letter-spacing:-1px;line-height:clamp(24px, 6.667vw, 48px)}
.kids .cont5 .slideImg{width:clamp(260px, 72.222vw, 520px);border-radius:clamp(20px, 5.556vw, 40px);overflow:hidden}
.kids .cont5 .slideList{width:clamp(260px, 72.222vw, 520px);display:flex;flex-direction:column;gap:clamp(6px, 1.667vw, 12px)}
.kids .cont5 .slideList li{padding:clamp(10px, 2.778vw, 20px) clamp(20px, 5.556vw, 40px);border-radius:999px;font-size:clamp(15px, 4.167vw, 30px);text-align:center;letter-spacing:-1px;font-weight:600;color:#000}
.kids .cont5 .slideList li.on{font-weight:700;color:#fff}
.kids .cont5 .box1 .pgItem:nth-child(1){background-image:url(//cdndata.milkt.co.kr/i/m/images/kids/cont5_swiper1_pg1.png)}
.kids .cont5 .box1 .pgItem:nth-child(1).on{background-image:url(//cdndata.milkt.co.kr/i/m/images/kids/cont5_swiper1_pg1_on.png)}
.kids .cont5 .box1 .pgItem:nth-child(2){background-image:url(//cdndata.milkt.co.kr/i/m/images/kids/cont5_swiper1_pg2.png)}
.kids .cont5 .box1 .pgItem:nth-child(2).on{background-image:url(//cdndata.milkt.co.kr/i/m/images/kids/cont5_swiper1_pg2_on.png)}
.kids .cont5 .box1 .pgItem:nth-child(3){background-image:url(//cdndata.milkt.co.kr/i/m/images/kids/cont5_swiper1_pg3.png)}
.kids .cont5 .box1 .pgItem:nth-child(3).on{background-image:url(//cdndata.milkt.co.kr/i/m/images/kids/cont5_swiper1_pg3_on.png)}
.kids .cont5 .box1 .slideList.type1 li{background:#e5f5ef}
.kids .cont5 .box1 .slideList.type1 li.on{background:#00a062}
.kids .cont5 .box1 .slideList.type2 li{background:#e5edfa}
.kids .cont5 .box1 .slideList.type2 li.on{background:#044bcc}
.kids .cont5 .box1 .slideList.type3 li{background:#fef2e6}
.kids .cont5 .box1 .slideList.type3 li.on{background:#f3820a}
.kids .cont5 .box2 .pgItem:nth-child(1){background-image:url(//cdndata.milkt.co.kr/i/m/images/kids/cont5_swiper2_pg1.png)}
.kids .cont5 .box2 .pgItem:nth-child(1).on{background-image:url(//cdndata.milkt.co.kr/i/m/images/kids/cont5_swiper2_pg1_on.png)}
.kids .cont5 .box2 .pgItem:nth-child(2){background-image:url(//cdndata.milkt.co.kr/i/m/images/kids/cont5_swiper2_pg2.png)}
.kids .cont5 .box2 .pgItem:nth-child(2).on{background-image:url(//cdndata.milkt.co.kr/i/m/images/kids/cont5_swiper2_pg2_on.png)}
.kids .cont5 .box2 .pgItem:nth-child(3){background-image:url(//cdndata.milkt.co.kr/i/m/images/kids/cont5_swiper2_pg3.png)}
.kids .cont5 .box2 .pgItem:nth-child(3).on{background-image:url(//cdndata.milkt.co.kr/i/m/images/kids/cont5_swiper2_pg3_on.png)}
.kids .cont5 .box2 .slideContent{gap:clamp(20px, 5.556vw, 40px)}
.kids .cont5 .box2 .thumb.main{position:relative;width:clamp(260px, 72.222vw, 520px)}
.kids .cont5 .box2 .thumb.main img{border-radius:clamp(20px, 5.556vw, 40px)}
.kids .cont5 .box2 .thumb.main .badge{position:absolute;top:clamp(-20px, -2.778vw, -10px);right:clamp(-20px, -2.778vw, -10px);width:clamp(60px, 16.667vw, 120px);z-index:1}
.kids .cont5 .box2 .thumb.main .text{margin-top:clamp(10px, 2.778vw, 20px);font-weight:600;letter-spacing:-1px}
.kids .cont5 .box2 .sub{display:flex;gap:clamp(10px, 2.778vw, 20px);width:clamp(260px, 72.222vw, 520px)}
.kids .cont5 .box2 .subItem{flex:1;text-align:center}
.kids .cont5 .box2 .subItem .thumb{display:block;border-radius:clamp(12px, 3.333vw, 24px);overflow:hidden}
.kids .cont5 .box2 .subItem .text{margin-top:clamp(8px, 2.222vw, 16px);font-size:clamp(13px, 3.611vw, 26px);font-weight:600;color:#000;letter-spacing:-1px;line-height:clamp(18px, 5vw, 36px)}
.kids .cont5 .box2 .subItem .text b{font-weight:700}
.kids .cont5 .box3 .rollingSwiper .swiper-wrapper{transition-timing-function:linear;margin-top:clamp(20px, 5.556vw, 40px)}
.kids .cont5 .box3 .rollingSwiper .swiper-slide{width:clamp(116px, 32.222vw, 232px)}
.kids .cont5 .box4 .pgItem:nth-child(1){background-image:url(//cdndata.milkt.co.kr/i/m/images/kids/cont5_swiper4_pg1.png)}
.kids .cont5 .box4 .pgItem:nth-child(1).on{background-image:url(//cdndata.milkt.co.kr/i/m/images/kids/cont5_swiper4_pg1_on.png)}
.kids .cont5 .box4 .pgItem:nth-child(2){background-image:url(//cdndata.milkt.co.kr/i/m/images/kids/cont5_swiper4_pg2.png)}
.kids .cont5 .box4 .pgItem:nth-child(2).on{background-image:url(//cdndata.milkt.co.kr/i/m/images/kids/cont5_swiper4_pg2_on.png)}
.kids .cont5 .box4 .pgItem:nth-child(3){background-image:url(//cdndata.milkt.co.kr/i/m/images/kids/cont5_swiper4_pg3.png)}
.kids .cont5 .box4 .pgItem:nth-child(3).on{background-image:url(//cdndata.milkt.co.kr/i/m/images/kids/cont5_swiper4_pg3_on.png)}
.kids .cont5 .box5 .swiperWrap{background:#fff;border-radius:clamp(20px, 5.556vw, 40px);width:clamp(320px, 88.889vw, 640px);margin:0 auto;overflow:hidden}
.kids .cont5 .box5 .slideContent{padding-bottom:0;display:flex;flex-direction:column;align-items:center;gap:clamp(20px, 5.556vw, 40px)}
.kids .cont5 .box5 .slideImg{width:clamp(260px, 72.222vw, 520px);border-radius:clamp(20px, 5.556vw, 40px);overflow:hidden}
.kids .cont5 .box5 .slideTxt{text-align:center;letter-spacing:-1px}
.kids .cont5 .box5 .slideTit{font-weight:700;font-size:clamp(18px, 5vw, 36px);color:#000;line-height:clamp(20px, 5.556vw, 40px)}
.kids .cont5 .box5 .slideDesc{margin-top:clamp(6px, 1.667vw, 12px);font-weight:600;font-size:clamp(16px, 4.444vw, 32px);color:#686868;line-height:clamp(20px, 5.556vw, 40px)}
.kids .cont5 .box5 .swiper-pagination{padding:clamp(20px, 5.556vw, 40px) 0 clamp(30px, 8.333vw, 60px);text-align:center;position:static}
.kids .cont5 .box5 .swiper-pagination .swiper-pagination-bullet{width:clamp(10px, 2.778vw, 20px);height:clamp(10px, 2.778vw, 20px);background:#d9d9d9;opacity:1;margin:0 clamp(4px, 1.111vw, 8px)}
.kids .cont5 .box5 .swiper-pagination .swiper-pagination-bullet-active{background:#7d2dff}

/* cont11 정학습생 신청 */
.kids .cont11{background:url(//cdndata.milkt.co.kr/i/m/images/kids/cont11_bg.jpg) no-repeat center top / 100% auto;background-color:#0784ee;padding:0 0 clamp(40px, 11.111vw, 80px);display:flex;flex-direction:column;align-items:center;font-family:'Paperlogy',sans-serif}
.kids .cont11 .paidItem,
.kids .cont11 .footnote,
.kids .cont11 .btnApply{width:clamp(320px, 88.889vw, 640px)}
.kids .cont11 .paidList{display:flex;flex-direction:column;gap:clamp(10px, 2.778vw, 20px)}
.kids .cont11 .paidItem{background:#fff;border-radius:clamp(20px, 5.556vw, 40px);padding:clamp(30px, 8.333vw, 60px) clamp(20px, 5.556vw, 40px);display:flex;flex-direction:column;align-items:center;gap:clamp(10px, 2.778vw, 20px);cursor:pointer}
.kids .cont11 .item24{--accent:#0072ff;--accent-bg:#daeeff;--border:#96cfff}
.kids .cont11 .item12{--accent:#8b23ff;--accent-bg:#efe0ff;--border:#dfc1ff}
.kids .cont11 .itemTit{text-align:center}
.kids .cont11 .itemTit .sub{font-weight:500;font-size:clamp(22px, 6.111vw, 44px);color:#000}
.kids .cont11 .itemTit .month{font-weight:900;font-size:clamp(38px, 10.556vw, 76px);line-height:1;color:var(--accent)}
.kids .cont11 .priceBox{display:flex;gap:clamp(20px, 5.556vw, 40px);align-items:center;justify-content:center;width:100%;padding:clamp(10px, 2.778vw, 20px) clamp(40px, 11.111vw, 80px);border-radius:clamp(20px, 5.556vw, 40px);background:var(--accent-bg);cursor:pointer}
.kids .cont11 .priceBox input[type="radio"]{position:absolute;opacity:0;pointer-events:none}
.kids .cont11 .radio{display:flex;align-items:center;justify-content:center;width:clamp(24px, 6.667vw, 48px);height:clamp(24px, 6.667vw, 48px);border-radius:50%;border:2px solid var(--border);background:#fff;flex-shrink:0}
.kids .cont11 .radio::after{content:'';display:none;width:clamp(12px, 3.333vw, 24px);height:clamp(12px, 3.333vw, 24px);border-radius:50%;background:var(--accent)}
.kids .cont11 .priceBox input[type="radio"]:checked ~ .radio::after{display:block}
.kids .cont11 .priceTxt,
.kids .cont11 .discPrice{display:flex;align-items:center;gap:clamp(4px, 1.111vw, 8px)}
.kids .cont11 .badge{display:flex;align-items:center;justify-content:center;width:clamp(26px, 7.222vw, 52px);height:clamp(26px, 7.222vw, 52px);border-radius:clamp(10px, 2.778vw, 20px);color:#fff;font-weight:700;font-size:clamp(16px, 4.444vw, 32px);background:var(--accent)}
.kids .cont11 .priceTxt .price{font-weight:800;font-size:clamp(22px, 6.111vw, 44px);color:var(--accent)}
.kids .cont11 .cardDiscount{display:flex;gap:clamp(10px, 2.778vw, 20px);align-items:center;justify-content:center;width:100%;height:clamp(28px, 7.778vw, 56px)}
.kids .cont11 .cardTxt{display:flex;align-items:center;gap:clamp(4px, 1.111vw, 8px);font-family:'Noto Sans KR',sans-serif;font-size:clamp(14px, 3.889vw, 28px);color:#000;letter-spacing:-1px}
.kids .cont11 .cardTxt b{font-weight:700}
.kids .cont11 .cardIco{width:clamp(19px, 5.278vw, 38px) !important;height:auto}
.kids .cont11 .discPrice .badge{width:clamp(18px, 5vw, 36px);height:clamp(18px, 5vw, 36px);border-radius:clamp(6px, 1.667vw, 12px);font-size:clamp(12px, 3.333vw, 24px)}
.kids .cont11 .discPrice .price{font-weight:800;font-size:clamp(15px, 4.167vw, 30px);color:var(--accent)}
.kids .cont11 .footnote{margin-top:clamp(10px, 2.778vw, 20px);font-family:'Noto Sans KR',sans-serif;font-size:clamp(10px, 2.778vw, 20px);color:rgba(255,255,255,0.6);text-align:center;line-height:1.4;letter-spacing:-0.5px;word-break:keep-all}
.kids .cont11 .btnApply{display:block;margin-top:clamp(20px, 5.556vw, 40px)}

/* cont12 제휴카드 */
.kids .cont12{padding-bottom:clamp(40px, 11.111vw, 80px);background:#D8EDFF}
.kids .cont12 .cardWrap{width:88.89%;margin:0 auto;word-break:keep-all}
.kids .cont12 .cardBox{list-style:none;padding:0;margin:0}
.kids .cont12 .item{background:#fff;border-radius:4.6875%;overflow:hidden;padding-bottom:clamp(25px, 6.944vw, 50px);margin-bottom:clamp(25px, 6.944vw, 50px);position:relative;font-size:clamp(12px, 3.333vw, 24px)}
.kids .cont12 .item:last-child{margin-bottom:0}
.kids .cont12 .item strong{color:#8b23ff;font-weight:900}
.kids .cont12 .item span{color:#a1a1a1;font-size:clamp(9px, 2.5vw, 18px)}
.kids .cont12 .item .btnWrap{display:flex;justify-content:center}
.kids .cont12 .item .btnWrap .btn02{position:relative;display:block;width:100%;margin:0 clamp(30px, 8.33vw, 60px)}

/* 유의사항 open/close */
.secInfo .infoBtn {background-color:#000}
.secInfo .infoBtn a {display:block;width:100%;max-width:720px;margin:0 auto;font-size:clamp(13px, 3.61vw, 26px);color:#fff;font-weight:400;line-height:1;padding:14px 0;text-align:center}
.secInfo .infoBtn a span {position:relative;display:inline-block;padding-right:30px;line-height:1}
.secInfo .infoBtn a span:before {content:'';display:block;width:18px;height:13px;background:url(//cdndata.milkt.co.kr/ele/www/Images/partner/241115_freetrial/secEvent_arrow.png) no-repeat 50% 0;position:absolute;top:50%;right:0;transform:translateY(-50%) rotate(-180deg);transition:all .3s}
.secInfo .infoTxt {background-color:#151517}
.secInfo .infoTxt .box {margin:0 auto;padding:30px 40px;text-align:left}
.secInfo .infoTxt .box h3,.secInfo .infoTxt .box p{font-size:clamp(10px, 2.78vw, 20px);font-weight:600;color:#fff;line-height:clamp(12px, 3.33vw, 24px);margin-bottom:clamp(9px, 2.5vw, 18px)}
.secInfo .infoTxt .box p{margin-bottom:clamp(20px, 5.56vw, 40px)}
.secInfo .infoTxt .box dl * {font-size:clamp(10px, 2.78vw, 20px);line-height:clamp(18px, 5vw, 36px)}
.secInfo .infoTxt .box dl + dl {margin-top:clamp(20px, 5.56vw, 40px)}
.secInfo .infoTxt .box dl dt {font-weight:600;color:#fff}
.secInfo .infoTxt .box dl dd {color:#c5c5c5;position:relative}
.secInfo .infoTxt .box dl dd.white {color:#fff;font-weight:400}
.secInfo .infoTxt {display:none}
.secInfo.on .infoBtn a span:before {transform:translateY(-50%) rotate(0)}
.secInfo.on .infoTxt {display:block}

/* cont3 스크롤 팝업 */
.cont3Pop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:200;display:flex;align-items:center;justify-content:center}
.cont3Pop .dim{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5)}
.cont3Pop .popInner{position:relative;z-index:1;width:clamp(320px, 88.89vw, 640px)}
.cont3Pop .popInner img{display:block;width:100%;border-radius:20px}
.cont3Pop .lpopBtn{position:absolute;bottom:clamp(30px, 8.33vw, 60px);left:50%;transform:translateX(-50%);width:clamp(217px, 60.28vw, 434px);height:clamp(50px, 13.89vw, 100px);font-size:0;color:transparent;cursor:pointer}
.cont3Pop .btnClose{position:absolute;top:clamp(11px, 2.92vw, 21px);right:clamp(11px, 2.92vw, 21px);width:clamp(24px, 6.67vw, 48px);height:clamp(24px, 6.67vw, 48px);font-size:0;color:transparent;cursor:pointer}

/* 영상 레이어 팝업 */
.layerPop.lpop_mov_child {top:50% !important;left:50%;right:auto;bottom:auto;width:90% !important;height:300px !important;min-height:auto !important;margin:-195px 0 0 -42%}
.layerPop.lpop_mov_child .dim {left:0;right:0;bottom:0;position:fixed;width:100%;height:100%;background:#000;opacity:0.7}
.layerPop.lpop_mov_child .lpop_mov_close {position:absolute;padding:15px 0 15px 45px;width:15px;height:15px;background-size:15px auto}
.layerPop.lpop_mov_child .popContent {background:none;padding:0}
.layerPop.lpop_mov_child .popContentWrap {background:transparent;position:relative}
.lpop_mov_child {position:fixed !important;left:0;right:0;bottom:0;top:0;/*width:100%;min-height:100%;*/z-index:200}
.lpop_mov_child .popContent {position:absolute;top:45px;bottom:0;width:100%;max-height:100%;box-sizing:border-box;-webkit-box-sizing:border-box}
.lpop_mov_child .lpop_mov_close {display:block;position:fixed;z-index:10;top:0;right:0;padding:15px;width:13px;height:13px;background:url(http://cdndata.milkt.co.kr/mid/m/Images/common/btn_pop_close.png) no-repeat 15px 15px;text-indent:-999em;background-size:13px}
.lpop_mov_child .vodArea1 iframe{position:absolute;top:0.5%;left:50%;margin-left:-53%;width:100% !important;height:200px !important;background:#000;padding:0;border:0}
.lpop_mov_child .cont.p_video a {display:block;width:40%;height:20%;position:absolute;left:29%;top:70%;font-size:0;text-indent:-9999px;outline:none}
.lpop_mov_child .sectionReview01.none {padding-bottom:0;background:none}
.lpop_mov_child .milk-t-box {margin-top:127%}