@charset "utf-8";

/* common */
.review{overflow:hidden;min-width:320px;background:#fff}
.review *{box-sizing:border-box}
.review img{display:block;width:100%}
.review button, .renewal a{cursor:pointer}
.review button{border:none;padding:0;margin:0}
.review .navWrap{height: clamp(64.5px, 17.917vw, 129px);position: relative;z-index: 10;}
.review .nav {position: absolute;top: 0;left: 0;width: 100%;height: clamp(64.5px, 17.917vw, 129px);}
.review .nav .inner{display:flex;width:100%;}

.review .nav.fixed .inner{position:fixed;top:0;left:50%;z-index:100;width:100%;max-width:45rem;padding-bottom:0;transform:translate(-50%)}
.review .nav .navItem{overflow:hidden;height: clamp(73px, 20.278vw, 146px);width:50%;position: relative;font-size: 0;z-index: 2;}
.review .nav .navItem:nth-child(1){background:url(//cdndata.milkt.co.kr/i/m/images/event/250115_review/tab_1_off.png)no-repeat left center / cover}
.review .nav .navItem:nth-child(2){background:url(//cdndata.milkt.co.kr/i/m/images/event/250115_review/tab_2_off.png)no-repeat left center / cover}
.review .nav .navItem:nth-child(1).active{background:url(//cdndata.milkt.co.kr/i/m/images/event/250115_review/tab_1_on.png)no-repeat left center / cover}
.review .nav .navItem:nth-child(2).active{background:url(//cdndata.milkt.co.kr/i/m/images/event/250115_review/tab_2_on.png)no-repeat left center / cover}


.review .evtList{position:relative}

/* visual clamp(px, vw, px) */
.review .visual{position: relative;}
.review .visual .info{background-color: #fff;border-radius: clamp(15px, 4.167vw, 30px);padding: clamp(15px, 4.167vw, 30px) clamp(20px, 5.556vw, 40px);width: clamp(320px, 88.889vw, 640px);position: absolute;bottom: clamp(20px, 5.556vw, 40px);left: clamp(20px, 5.556vw, 40px);}
.review .visual .info ul{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.review .visual .info ul li:first-child{-ms-flex-negative: 0;flex-shrink: 0;width: 100%;margin-bottom: clamp(8px, 2.222vw, 16px);}
.review .visual .info ul li{display: -webkit-box;display: -ms-flexbox;display: flex;font-size: clamp(12px, 3.333vw, 24px);line-height: clamp(22px, 6.111vw, 44px);letter-spacing: -0.05em;}
.review .visual .info ul li strong{font-weight: 900;color: #fff;background-color: #a42dff;margin-right: clamp(7px, 1.944vw, 14px);min-width: clamp(54px, 15vw, 108px);padding: 0 clamp(10px, 2.778vw, 20px);border-radius: clamp(11px, 3.056vw, 22px);}
.review .visual .info ul li span{color: #202020;}

/* evt1 */
.review [class*='evt'] .descTxt{margin: clamp(15px, 4.167vw, 30px) -3% 0;font-size: clamp(8px, 2.222vw, 16px);line-height: clamp(12px, 3.333vw, 24px);color: rgba(32, 32, 32, .7);letter-spacing: -0.05em;}
.review .evt1{padding-bottom:clamp(40px, 5.556vw, 80px);background:#ebceff}
.review .evt1 .box{background-color: #f9f0ff ;border-radius: clamp(24px, 6.667vw, 48px);padding: clamp(16px, 4.444vw, 32px) clamp(25px, 6.944vw, 50px);margin: 0 clamp(20px, 5.556vw, 40px);margin-top: clamp(-4px, -1.111vw, -8px);z-index: 1;position: relative;}
.review .evt1 .box .tit{width: clamp(100px, 27.778vw, 200px);margin: 0 auto;margin-bottom: clamp(9px, 2.5vw, 18px);}
.review .evt1 .infoTxt{font-size: clamp(12px, 3.333vw, 24px);line-height: clamp(16px, 4.444vw, 32px);color: #202020;letter-spacing: -0.08em; text-align: left;}
.review .evt1 .infoTxt li{position: relative;padding-left: clamp(11px, 3.056vw, 22px);}
.review .evt1 .infoTxt li::before{display: block;content: 'ㆍ';position: absolute;top: 0;left: 0;}
.review .evt1 .infoTxt li strong{font-weight: 900;}
.review .evt1 .btnArea{margin-top: clamp(14px, 3.889vw, 28px);}

/* evt2 */
.review .evt2{padding-bottom:clamp(40px, 5.556vw, 80px);background:#ffe5ff}
.review .evt2 .box{position: relative;}
.review .evt2 .box .hashArea {position: absolute;top: clamp(210px, 58.333vw, 420px);left: 50%;transform: translateX(-50%);width: clamp(280px, 77.778vw, 560px);-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;display: flex;}
.review .evt2 .box .hashArea ul{width: clamp(194px, 53.889vw, 388px);display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;gap: clamp(6px, 1.667vw, 12px);-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.review .evt2 .box .hashArea ul li{font-size: clamp(14px, 3.889vw, 28px);font-weight: 600;color: #000;letter-spacing: -0.05em;white-space: nowrap;background-color: #fdd8ff;padding: 0 clamp(4px, 1.111vw, 8px);}
.review .evt2 .box .hashArea ul li em{color: #f834f8;}
.review .evt2 .box .hashArea a{width: clamp(89px, 24.722vw, 178px);}
.review .evt2 .btnArea{margin:clamp(20px, 5.556vw, 40px) clamp(45px, 12.5vw, 90px) 0;}

/* 댓글 */
.review [class*="replyArea"]{padding-bottom:clamp(30px, 8.333vw, 60px);}
.review [class*="replyArea"] .tit a {width: clamp(160px, 44.444vw, 320px);margin: 0 auto;}
.review [class*="replyArea"] .replyList{margin: clamp(28px, 7.778vw, 56px) clamp(20px, 5.556vw, 40px) 0;}
.review [class*="replyArea"] .replyList li{height: clamp(160px, 44.444vw, 320px); background-color: #fff;border-radius: clamp(15px, 4.167vw, 30px);display: -webkit-box;display: -ms-flexbox;display: flex;padding: clamp(10px, 2.778vw, 20px) clamp(10px, 2.778vw, 20px) clamp(20px, 5.556vw, 40px);position: relative;}
.review [class*="replyArea"] .replyList li+li{margin-top: clamp(20px, 5.556vw, 40px);}
.review [class*="replyArea"] .replyList li .imgWrap{width: clamp(135px, 37.5vw, 270px);height: clamp(130px, 36.111vw, 260px);overflow: hidden;-ms-flex-negative: 0;flex-shrink: 0;}
.review [class*="replyArea"] .replyList li .imgWrap img{max-width: 100%;}
.review [class*="replyArea"] .replyList li .textWrap {margin-left: clamp(18px, 5vw, 36px);text-align: left;font-size: clamp(9px, 2.5vw, 18px);line-height: clamp(15px, 4.167vw, 30px);}
.review [class*="replyArea"] .replyList li .textWrap .tit{font-size: clamp(14px, 3.889vw, 28px);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height: clamp(20px, 5.556vw, 40px);color: #202020;font-weight: 900;}
.review [class*="replyArea"] .replyList li .textWrap .text{color: rgba(32, 32, 32, 0.7);margin-top: clamp(2px, 0.556vw, 4px);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;}
.review [class*="replyArea"] .replyList li .textWrap .writer{color: #202020;position: absolute;bottom: clamp(18px, 3.611vw, 26px);left: clamp(162px, 45vw, 324px);}
.review [class*="replyArea"] .replyList li .textWrap .btnMore{position: absolute;bottom: 0;right: 0;display: block;width: clamp(41px, 11.389vw, 82px);height: clamp(31px, 8.611vw, 62px);font-size: 0;}
.review [class*="replyArea"] .replyList li.badge::after{display: block;content: '';background:url(//cdndata.milkt.co.kr/i/m/images/event/250115_review/reply_badge.png)no-repeat left center / contain;width: clamp(55px, 15.278vw, 110px);height: clamp(65px, 18.056vw, 130px);position: absolute;top: clamp(-16px, -4.444vw, -32px);left: clamp(-10px, -2.778vw, -20px);}
.review [class*="replyArea"] .paging{display:flex;align-items:center;width: clamp(280px, 77.778vw, 560px);margin:clamp(28px, 7.778vw, 56px) auto 0;text-align:center;}
.review [class*="replyArea"] .paging span{display:inline-block;margin:0 clamp(5px, 1.39vw, 10px);width:clamp(35px, 9.72vw, 70px);height:clamp(35px, 9.72vw, 70px);border-radius:50%;color:#777;line-height:clamp(35px, 9.72vw, 70px);background-color:#fff;font-size:clamp(14px, 3.89vw, 28px);font-weight:600;cursor:pointer}
.review [class*="replyArea"] .paging span.active{background-color:#0060ff;color:#fff}
.review [class*="replyArea"] .paging [class^="btn"]{display:inline-block;width:clamp(10.5px, 2.92vw, 21px);height:clamp(19px, 5.28vw, 38px);border-radius:0;background:url(//cdndata.milkt.co.kr/i/m/images/event/241120_tvc/ico_paging.png) no-repeat left center / contain;font-size:0}
.review [class*="replyArea"] .paging .btnPrev{margin-left:0;margin-right:auto}
.review [class*="replyArea"] .paging .btnNext{margin-left:auto;margin-right:0;transform:rotate(180deg)}
.review [class*="replyArea"] .noData{background-color: #fffee8;border-radius: clamp(23px, 6.389vw, 46px);height: clamp(160px, 44.444vw, 320px);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin: clamp(28px, 7.778vw, 56px) clamp(20px, 5.556vw, 40px) 0 ;}
.review [class*="replyArea"] .noData p{font-size: clamp(14px, 3.889vw, 28px);color: #202020;}
.review .replyArea1{background:#ddf2ff url(//cdndata.milkt.co.kr/i/m/images/event/250115_review/reply_bg1.jpg) no-repeat top center / cover}
.review .replyArea2{background:#fdfccf url(//cdndata.milkt.co.kr/i/m/images/event/250115_review/reply_bg2.jpg) no-repeat top center / cover}
.review .replyArea1 .replyList li .textWrap .btnMore{background:url(//cdndata.milkt.co.kr/i/m/images/event/250115_review/btnMore1.png)no-repeat left center / contain}
.review .replyArea2 .replyList li .textWrap .btnMore{background:url(//cdndata.milkt.co.kr/i/m/images/event/250115_review/btnMore2.png)no-repeat left center / contain}
.review .replyArea2 .paging span.active{background-color: #ff6000;}

/* noti */
.review .noti {background:#f8f8f8;text-align:left;padding: clamp(20px, 5.556vw, 40px) clamp(20px, 5.556vw, 40px) clamp(80px, 22.222vw, 160px);}
.review .noti .tit{font-size: clamp(19px, 5.278vw, 38px);font-weight: 900;}
.review .noti dl{margin-top:clamp(15px, 4.167vw, 30px)}
.review .noti dl{font-size: clamp(14px, 3.889vw, 28px);line-height: clamp(22px, 6.111vw, 44px);letter-spacing: -0.08rem;}
.review .noti dl dt{font-weight: 900;}
.review .noti dl dd strong{font-weight: 900;}

/* popup clamp(px, vw, px) */
.lpopReply{position:absolute;top:0;left:0;z-index:100;text-align:center;}
.lpopReply *{box-sizing:border-box}
.lpopReply img{width:100%}
.lpopReply button{border:none;padding:0;margin:0}
.lpopReply .dim{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.7}
.lpopReply .popCont{position:fixed;top:50%;left:50%;width:clamp(320px, 88.889vw, 640px);height: calc(100% - clamp(80px, 22.222vw, 160px));margin-top: clamp(20px, 5.556vw, 40px);max-height: 460px;transform:translate(-50%, -50%);background-color:#fff;border-radius:clamp(20px, 5.56vw, 40px);}
.lpopReply .popCont::before{position:absolute;top:-39px;left:50%;transform: translateX(-50%);display:block;width:214px;height:40px;background:url(//cdndata.milkt.co.kr/i/m/Images/event/240923_early/pop_characters.png) no-repeat center bottom / contain;content:''}
.lpopReply .popCont .scrollArea{overflow-y:scroll;width:100%;height:100%;padding:clamp(60px, 16.667vw, 120px) clamp(20px, 5.556vw, 40px) clamp(15px, 4.17vw, 30px);}
.lpopReply .popCont .scrollArea::-webkit-scrollbar{display:none}
.lpopReply .popCont .btnClose{position:absolute;top:clamp(15px, 4.17vw, 30px);right:clamp(15px, 4.17vw, 30px);z-index:10;display:inline-block;width:clamp(19.5px, 5.42vw, 39px);height:clamp(19.5px, 5.42vw, 39px);background:url(//cdndata.milkt.co.kr/i/m/images/event/241120_tvc/pop_btn_close.png) no-repeat center / cover;font-size:0}
.lpopReply .popCont .popHeadTit{text-align:center;height: clamp(60px, 16.667vw, 120px);padding-top: clamp(15px, 4.17vw, 30px);position: absolute;top: 0;left: 0;width: 100%;background-color: #fff;z-index: 20;border-radius: clamp(20px, 5.56vw, 40px);}
.lpopReply[class*="lpopReview"] .popCont .popHeadTit{height: clamp(45px, 12.5vw, 90px);}
.lpopReply[class*="lpopReview"] .popCont .scrollArea{padding-top: clamp(45px, 12.5vw, 90px);}
.lpopReply .req{content:'';display:inline-block;margin-left:clamp(3px, 0.833vw, 6px);margin-top:clamp(-10px, -2.778vw, -20px);width:clamp(6px, 1.667vw, 12px);height:clamp(6px, 1.667vw, 12px);background:url(//cdndata.milkt.co.kr/i/m/images/event/250115_review/ico_req.png) no-repeat 0 0 / contain;vertical-align:middle;font-size:0;text-indent:-9999px;}
.lpopReply .titGroup{margin:clamp(15px, 4.167vw, 30px) 0 clamp(7px, 1.944vw, 14px);display:-webkit-box;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack:justify;justify-content:space-between;}
.lpopReply .titGroup:first-child{margin-top: clamp(5px, 1.389vw, 10px);}
.lpopReply .titGroup .popTit{font-size:clamp(16px, 4.444vw, 32px);font-weight:900;color:#000;text-align: left;letter-spacing: -0.05em;}
.lpopReply .titGroup .popTit .btn{display: inline-block;vertical-align: top;margin: clamp(3px, 0.833vw, 6px) 0 0 clamp(3px, 0.833vw, 6px);}
.lpopReply .titGroup .popTit .btn img{width: clamp(61px, 14.167vw, 102px);}
.lpopReply .txtLength{font-size:clamp(10px, 2.778vw, 20px);color:#777;white-space: nowrap;letter-spacing: -0.05em;}
.lpopReply .btnLarge img{width: clamp(161px, 44.722vw, 322px);vertical-align: top;}
.lpopReply .picList{overflow-x: auto;text-align: left;white-space: nowrap;font-size: 0;}
.lpopReply .picList li{display: inline-block;vertical-align: top; width: clamp(67px, 18.611vw, 134px);height: clamp(62px, 17.222vw, 124px);overflow: hidden;border: solid clamp(1px, 0.278vw, 2px) #ebceff;position: relative;}
.lpopReply .picList li+li{margin-left: clamp(8px, 2.222vw, 16px);}
.lpopReply .picList li img{max-width: 100%;}
.lpopReply .picList li .btnFileDel{display: block;width: clamp(17px, 4.722vw, 34px);height: clamp(17px, 4.722vw, 34px);position: absolute;top: 0;right: 0;background: url(//cdndata.milkt.co.kr/i/m/images/event/250115_review/pop_btnFileDel.png) no-repeat center bottom / contain;font-size: 0}
.lpopReply .textarea,
.lpopReply .input {padding:clamp(5px, 1.389vw, 10px) clamp(10px, 2.778vw, 20px);width:100%;background-color:#fff;border:clamp(1px, 0.278vw, 2px) solid #ebceff;font-size:clamp(12px, 3.333vw, 24px);resize:none;line-height: 1.5;letter-spacing: -0.08em;}
.lpopReply .textarea::placeholder,
.lpopReply .input::placeholder{color:#777;}
.lpopReply .textarea{height:clamp(40px, 11.111vw, 80px);}
.lpopReply .input{height:clamp(35px, 10.972vw, 70px);}
.lpopReply .certifyBox{overflow-y:scroll;padding:clamp(7px, 1.944vw, 14px) clamp(10px, 2.778vw, 20px);width:100%;height:clamp(70px, 19.444vw, 140px);background-color:#ebebeb;border:clamp(1px, 0.278vw, 2px) solid #ebceff;text-align: left;font-size:clamp(10px, 2.778vw, 20px);line-height:1.3;color:#777}
.lpopReply .chkBox{margin-top:clamp(8px, 2.222vw, 16px);text-align:left;}
.lpopReply .chkInput{position:relative;display:block;margin:0;font-size:0}
.lpopReply .chkInput input[type="checkbox"]{display:none;position:absolute;top:0;left:0;z-index:-1;}
.lpopReply .chkInput input[type="checkbox"] + label{box-sizing:border-box;position:relative;z-index:1;float:none;display:inline-block;width:100%;height:clamp(18px, 4.167vw, 36px);line-height:clamp(18px, 4.167vw, 36px);padding-left:clamp(25px, 6.944vw, 50px);border:none;color:#777;font-size:clamp(11px, 3.056vw, 22px);cursor:pointer;letter-spacing: -0.05em;}
.lpopReply .chkInput input[type="checkbox"] + label:after{content:"";display:block;clear:both;position:absolute;top:0;left:0;width:clamp(18px, 4.167vw, 36px);height:clamp(18px, 4.167vw, 36px);box-sizing:border-box;border:clamp(1px, 0.278vw, 2px) solid #ebceff;}
.lpopReply .chkInput input[type="checkbox"]:checked + label:after{background:url(//cdndata.milkt.co.kr/i/m/Images/event/250115_review/btn_checked.png) no-repeat center/contain;border:none}                           
.lpopReply .note{margin-top:clamp(9px, 2.5vw, 18px);text-align: left;}
.lpopReply .note > li{font-size:clamp(11px, 3.056vw, 22px);color:#777;line-height:1.5;letter-spacing:-0.05em;}
.lpopReply .btnGroup{margin-top:clamp(18px, 5vw, 36px);text-align:center;}
.lpopReply .btnGroup img {width: clamp(130px, 36.111vw, 260px);}
.lpopReply [class*="lengthGroup"] {position: relative;border: solid clamp(1px, 0.278vw, 2px) #ebceff;}
.lpopReply [class*="lengthGroup"] .input,
.lpopReply [class*="lengthGroup"] .textarea{border: none;width: 100%;}
.lpopReply [class*="lengthGroup"] .input{height: clamp(33px, 9.167vw, 66px);}
.lpopReply [class*="lengthGroup"] .txtLength{z-index: 1;}
.lpopReply [class*="lengthGroup"]+[class*="lengthGroup"]{margin-top: clamp(10px, 2.778vw, 20px);}
.lpopReply .lengthGroupInput {padding-right: clamp(100px, 27.778vw, 200px); }
.lpopReply .lengthGroupInput .txtLength{position: absolute;top: 50%;right: clamp(10px, 2.778vw, 20px);transform: translateY(-50%);}
.lpopReply .lengthGroupText .txtLength{padding: clamp(8px, 2.222vw, 16px) clamp(10px, 2.778vw, 20px) clamp(8px, 2.222vw, 16px) 0;text-align: right;display: block;}
.lpopReply1 .popCont .popHeadTit img {width: clamp(191px, 53.056vw, 382px);}
.lpopReply2 .popCont .popHeadTit img {width: clamp(159px, 44.167vw, 318px);}
.lpopReply2 .popCont .scrollArea::-webkit-scrollbar-thumb{ background:#fdd8ff;}
.lpopReply2 .input,
.lpopReply2 .certifyBox,
.lpopReply2 .chkInput input[type="checkbox"] + label:after{border-color: #fdd8ff;}
.lpopReply2 .chkInput input[type="checkbox"]:checked + label:after{background-image: url(//cdndata.milkt.co.kr/i/m/images/event/250115_review/btn_checked2.png);}
[class*="lpopReview"] .popCont .scrollArea::-webkit-scrollbar-thumb{ background:#f5f5f5;}
[class*="lpopReview"] .btnReviewDel{position: absolute;top: clamp(14px, 3.889vw, 28px);left: clamp(15px, 4.167vw, 30px);}
[class*="lpopReview"] .btnReviewDel img{width: clamp(51px, 14.167vw, 102px);}
[class*="lpopReview"] .imgSlider {text-align: center;position: relative;}
[class*="lpopReview"] .imgSlider img {max-width: 100%;}
[class*="lpopReview"] .imgSlider .swiper {width: clamp(260px, 72.222vw, 520px);height: clamp(160px, 44.444vw, 320px);overflow: hidden;margin: 0 auto;background-color: #f5f5f5;border-radius: clamp(13px, 45.278vw, 26px);}
[class*="lpopReview"] .imgSlider .swiper-button-next, 
[class*="lpopReview"] .imgSlider .swiper-button-prev{width: 11px;height: 50%;transform: translateY(-50%); margin-top: 0;background-size: 11px 20px;}
[class*="lpopReview"] .imgSlider .swiper-button-next{background-image: url(//cdndata.milkt.co.kr/i/m/images/event/250115_review/pop_review_right.png);right: -12px;}
[class*="lpopReview"] .imgSlider .swiper-button-prev{background-image: url(//cdndata.milkt.co.kr/i/m/images/event/250115_review/pop_review_left.png);left: -12px;}
[class*="lpopReview"] .writer{text-align: center;font-size: clamp(12px, 3.333vw, 24px);color: #202020;font-weight: 900;margin-bottom: clamp(15px, 4.167vw, 30px);position: relative;}
[class*="lpopReview"] .textWrap .tit{font-size: clamp(14px, 3.889vw, 28px);line-height: 1.4;color: #0078ff;font-weight: 900;margin: clamp(4px, 1.111vw, 8px) 0;text-align: center;}
[class*="lpopReview"] .textWrap .text{font-size: clamp(12px, 3.333vw, 24px);line-height: 1.4;color: #202020;}
.lpopReview1 .popCont:before{background: url(//cdndata.milkt.co.kr/i/m/images/event/250115_review/pop_characters2.png) no-repeat center bottom / contain;width: 83px;height: 52px;top: -52px;}
.lpopReview2 .popCont:before{background: url(//cdndata.milkt.co.kr/i/m/images/event/250115_review/pop_characters3.png) no-repeat center bottom / contain;width: 83px;height: 52px;top: -52px;}
.lpopReview2  .textWrap .tit{color: #202020;}