@charset "utf-8";

.evtRenew *{box-sizing:border-box;padding:0;margin:0}
.evtRenew {position:relative;text-align:center}
.evtRenew button{background-color:transparent;border:none}
.evtRenew .inner{width:1140px;margin:0 auto;position:relative}
.evtRenew .motion i{position:absolute;display:block}
.evtRenew img {vertical-align: top;}

/* 상단비주얼 */
.evtRenew .visual{position:relative;overflow:hidden;height:1016px;background: url(//cdndata.milkt.co.kr/i/www/Images/event/250115_review/visual_bg.jpg) no-repeat 50% 0 / cover;}
.evtRenew .visual .inner{padding-top: 40px;}
.evtRenew .visual h2{animation:fadeInUp_100 1s 0.5s backwards}
.evtRenew .visual .txt{margin-top: 31px;animation:fadeInUp_100 1s 0.8s backwards}
.evtRenew .visual .cont{margin-top: 20px;}

.evtRenew .visual .info{background-color: rgba(255, 255, 255, .6);border-radius: 28px;padding: 32px 40px;}
.evtRenew .visual .info ul{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.evtRenew .visual .info ul li{display: -webkit-box;display: -ms-flexbox;display: flex;font-size: 20px;line-height: 40px;letter-spacing: -1px;}
.evtRenew .visual .info ul li strong{font-weight: 600;color: #fff;background-color: #a42dff;margin-right: 12px;min-width: 90px;padding: 0 24px;border-radius: 20px;}
.evtRenew .visual .info ul li span{color: #202020;}
.evtRenew .visual .info .tip{margin-top: 40px;}
.evtRenew .visual .obj1{top: 345px;left: -102px;animation: shakeUp_10 3.8s ease-in-out infinite;}
.evtRenew .visual .obj2{top: 835px;left: -214px;animation: rotateR_5 5s ease-in-out infinite;transform-origin: 100% 100%;}
.evtRenew .visual .obj3{top: 352px;right: -70px;animation: jumpjump_5 3s ease-in-out infinite;}

/* tab */
.evtRenew .cnt01 {height: 90px;position: relative;}
.evtRenew .nav{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;background:#2c2c2c;z-index: 4;}
.evtRenew .nav .inner{display:-webkit-box;display:-ms-flexbox;display:flex}
.evtRenew .nav .navItem{overflow:hidden;width:570px;height:90px}
.evtRenew .nav .navItem.active img{margin-top:-90px}
.evtRenew .nav.fixed{position:fixed;top:0;left:50%;width:100%}

/* evt */
.evtRenew [class*='evt'] .descTxt{margin-top: 27px;font-size: 16px;line-height: 24px;color: rgba(32, 32, 32, .7);}

.evtRenew .evt1{padding-bottom:100px;background:#ebceff url(//cdndata.milkt.co.kr/i/www/Images/event/250115_review/event1_bg.jpg) no-repeat top center}
.evtRenew .evt1 .box{background-color: #f9f0ff ;border-radius: 48px;padding: 52px 0 28px;}
.evtRenew .evt1 .infoTxt{font-size: 22px;line-height: 28px;color: #202020;text-align: left;margin-left: 206px;padding-left: 184px;position: relative;}
.evtRenew .evt1 .infoTxt::before{display: block;content: '';width: 132px;height: 120px;background: url(//cdndata.milkt.co.kr/i/www/Images/event/250115_review/event1_icoGuide.png) no-repeat top center;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.evtRenew .evt1 .infoTxt li{position: relative;}
.evtRenew .evt1 .infoTxt li::before{display: block;content: 'ㆍ';position: absolute;top: 0px;left: -28px;}
.evtRenew .evt1 .infoTxt li strong{font-weight: 600;}
.evtRenew .evt1 .btnArea{margin-top: 50px;}
.evtRenew .evt1 .obj1{top: 593px;left: 657px;animation: shakeUp_10 3.8s ease-in-out infinite;}

.evtRenew .evt2{padding-bottom:75px;background:#ffe5ff url(//cdndata.milkt.co.kr/i/www/Images/event/250115_review/event2_bg.jpg) no-repeat top center}
.evtRenew .evt2 .box{position: relative;}
.evtRenew .evt2 .box .hashArea {padding: 35px 235px 35px 80px;background-color: #fdd8ff;border-radius: 28px;position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%);}
.evtRenew .evt2 .box .hashArea ul{display: -webkit-box;display: -ms-flexbox;display: flex;}
.evtRenew .evt2 .box .hashArea ul li+li{margin-left: 70px;}
.evtRenew .evt2 .box .hashArea ul li{font-size: 20px;font-weight: 600;color: #000;white-space: nowrap;}
.evtRenew .evt2 .box .hashArea ul li em{color: #f834f8;}
.evtRenew .evt2 .box .hashArea a {position: absolute;top: 50%;right: 16px;transform: translateY(-50%);}
.evtRenew .evt2 .btnArea{margin-top: 32px;}

/* 댓글 */
.evtRenew [class*="replyArea"]{padding: 100px 0 80px;}
.evtRenew [class*="replyArea"] .tit a {position: absolute;top: -14px;right: 0;}
.evtRenew [class*="replyArea"] .replyList{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;gap: 50px 40px;margin-top: 78px;}
.evtRenew [class*="replyArea"] .replyList li{width: calc(50% - 20px);height: 326px; background-color: #fff;border-radius: 30px;display: -webkit-box;display: -ms-flexbox;display: flex;padding: 24px 20px;position: relative;}
.evtRenew [class*="replyArea"] .replyList li .imgWrap{width: 226px;height: 278px;overflow: hidden;-ms-flex-negative: 0;flex-shrink: 0;}
.evtRenew [class*="replyArea"] .replyList li .imgWrap img{max-width: 100%;}
.evtRenew [class*="replyArea"] .replyList li .textWrap {margin-left: 28px;text-align: left;font-size: 16px;line-height: 24px;}
.evtRenew [class*="replyArea"] .replyList li .textWrap .tit{font-size: 24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height: 36px;color: #202020;font-weight: 600;}
.evtRenew [class*="replyArea"] .replyList li .textWrap .text{color: rgba(32, 32, 32, 0.7);margin-top: 12px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;}
.evtRenew [class*="replyArea"] .replyList li .textWrap .writer{color: #202020;position: absolute;bottom: 35px;left: 270px;}
.evtRenew [class*="replyArea"] .replyList li .textWrap .btnMore{position: absolute;bottom: 0;right: 0;display: block;width: 82px;height: 62px;font-size: 0;}
.evtRenew [class*="replyArea"] .replyList li.badge::after{display: block;content: '';background:url(//cdndata.milkt.co.kr/i/www/Images/event/250115_review/reply_badge.png)no-repeat left center;width: 110px;height: 130px;position: absolute;top: -32px;left: -20px;}
.evtRenew [class*="replyArea"] .paging{overflow:hidden;margin-top:50px;text-align:center;font-weight:400}
.evtRenew [class*="replyArea"] .paging span{display:inline-block;width:30px;height:30px;margin:0 5px;border-radius:50%;color:#797470;line-height:29px;cursor:pointer}
.evtRenew [class*="replyArea"] .paging span.active{background-color:#0078ff;color:#fff}
.evtRenew [class*="replyArea"] .paging [class^="btn"]{display:inline-block;width:25px;height:30px;margin:0;border-radius:0;background:url(//cdndata.milkt.co.kr/i/www/Images/event/240923_early/ico_paging.png)no-repeat left center/10px 16px;text-indent:-999em}
.evtRenew [class*="replyArea"] .paging .btnNext{transform:rotate(180deg)}
.evtRenew [class*="replyArea"] .noData{background-color: #fffee8;border-radius: 45px;height: 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: 310px 0 230px;}
.evtRenew [class*="replyArea"] .noData p{font-size: 28px;color: #202020;font-weight: 600;}
.evtRenew .replyArea1{background:#ddf2ff url(//cdndata.milkt.co.kr/i/www/Images/event/250115_review/reply_bg1.jpg) no-repeat top center / cover}
.evtRenew .replyArea2{background:#fdfccf url(//cdndata.milkt.co.kr/i/www/Images/event/250115_review/reply_bg2.jpg) no-repeat top center / cover}
.evtRenew .replyArea1 .replyList li .textWrap .btnMore{background:url(//cdndata.milkt.co.kr/i/www/Images/event/250115_review/btnMore1.png)no-repeat left center}
.evtRenew .replyArea2 .replyList li .textWrap .btnMore{background:url(//cdndata.milkt.co.kr/i/www/Images/event/250115_review/btnMore2.png)no-repeat left center}
.evtRenew .replyArea2 .paging span.active{background-color: #ff6000;}

/* noti */
.evtRenew .noti {background:#f8f8f8;text-align:left}
.evtRenew .noti .inner{padding:70px 0 90px;}
.evtRenew .noti .tit{font-size: 24px;font-weight: 600;}
.evtRenew .noti dl{margin-top:31px}
.evtRenew .noti dl{font-size: 16px;line-height: 26px;}
.evtRenew .noti dl dt{font-weight: 600;}
.evtRenew .noti dl dd strong{font-weight: 600;}

/* popup */
[class^="lpop"] .dim{z-index:20;position:fixed;top:0;left:0;z-index:105;width:100%;height:100%;background:#000;opacity:0.7}
.lpopReply *{box-sizing:border-box;padding:0;margin:0;letter-spacing:-0.05em;line-height:1;font-size:16px;}
.lpopReply .popCont{position:fixed;top:15%;left:50%;z-index:106;transform:translate(-50%, 0);background-color:#fff;border-radius:50px;height: 700px;}
.lpopReply .popCont:before{position:absolute;top:-85px;left:50%;transform: translateX(-50%); display:block;width:458px;height:85px;background:url(//cdndata.milkt.co.kr/i/www/Images/event/250115_review/pop_characters.png) no-repeat center bottom / contain;content:''}
.lpopReply .btnClose{position:absolute;top:30px;right:30px;z-index:10;display:inline-block;width:24px;height:24px;margin-left:276px;background:url(//cdndata.milkt.co.kr/i/www/Images/event/250115_review/btn_close.png)no-repeat center/contain;font-size:0}
.lpopReply .popCont .popHeadTit{text-align:center;height: 126px;padding-top: 40px;}
.lpopReply .popCont .scrollArea{min-width:800px;height:574px;overflow-y:scroll;padding:0 30px 40px 50px;}
.lpopReply .popCont .scrollArea::-webkit-scrollbar{width:20px}
.lpopReply .popCont .scrollArea::-webkit-scrollbar-thumb{ background:#ebceff;border:7px solid #fff;width:5px;border-radius:20px}
.lpopReply .popCont .scrollArea::-webkit-scrollbar-track{padding:2px}
.lpopReply .popCont .scrollArea::-webkit-scrollbar-button:vertical:start:decrement{display:block;height:95px}
.lpopReply .popCont .scrollArea::-webkit-scrollbar-button:vertical:end:decrement{display:block;height:150px}
.lpopReply[class*="lpopReview"] .popCont .popHeadTit {height: 82px;padding-top: 34px;}
.lpopReview1 .popCont:before{background: url(//cdndata.milkt.co.kr/i/www/Images/event/250115_review/pop_characters2.png) no-repeat center bottom / contain;width: 166px;height: 98px;top: -98px;}
.lpopReview2 .popCont:before{background: url(//cdndata.milkt.co.kr/i/www/Images/event/250115_review/pop_characters3.png) no-repeat center bottom / contain;width: 166px;height: 98px;top: -98px;}
.lpopReply[class*="lpopReview"] .popCont .scrollArea{height: 618px;}
.lpopReply[class*="lpopReview"] .popCont .scrollArea::-webkit-scrollbar-thumb{ background:#f5f5f5;}

/* 후기 등록하기 팝업 */

.lpopReply .req{content:'';display:inline-block;margin-left:3px;margin-top:-15px;width:8px;height:8px;background:url(//cdndata.milkt.co.kr/i/www/Images/event/241120_tvc/ico_req.png) no-repeat;vertical-align:middle;font-size:0;text-indent:-9999px;}
.lpopReply .titGroup{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;margin:30px 0 13px}
.lpopReply .titGroup:first-child{margin-top: 10px;}
.lpopReply .titGroup .popTit{font-size:22px;font-weight:600;color:#202020;}
.lpopReply .titGroup .popTit .btn{display: inline-block;vertical-align: top;margin: -8px 0 0 24px;}
.lpopReply .txtLength{font-size:14px;color:#777}
.lpopReply .textarea{padding:9px 20px;width:100%;height:67px;background-color:#fff;border:2px solid #ebceff;font-size:16px;resize:none;line-height: 1.5;}
.lpopReply .textarea::placeholder{font-size:16px;color:#777;line-height:1.5;}
.lpopReply .input{padding:15px 20px;width: 100%;height:60px;background-color:#fff;border:2px solid #ebceff;font-size:16px;}
.lpopReply .input::placeholder{font-size:16px;color:#777;line-height:1.5;}
.lpopReply .certifyBox{overflow-y:scroll;padding:15px;width:100%;height:146px;background-color:#ebebeb;border:2px solid #ebceff;}
.lpopReply .certifyBox > p{margin-bottom:15px;font-size:12px;color:#777}
.lpopReply .certifyBox > ul > li{font-size:12px;line-height:1.5;color:#777}
.lpopReply .flexList{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between;}
.lpopReply .flexList li:nth-child(1) .input{width:180px;}
.lpopReply .flexList li:nth-child(2) .input{width:300px;}
.lpopReply .flexList .label{margin-right:15px;font-size:18px;font-weight:600;color:#000;line-height:50px;}
.lpopReply .chkBox{margin-top:14px;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:24px;line-height:24px;padding-left:30px;border:none;color:#777;font-size:16px;cursor:pointer;}
.lpopReply .chkInput input[type="checkbox"] + label:after{content:"";display:block;clear:both;position:absolute;top:0;left:0;width:24px;height:24px;box-sizing:border-box;border:2px solid #ebceff;}
.lpopReply .chkInput input[type="checkbox"]:checked + label:after{background:url(//cdndata.milkt.co.kr/i/www/Images/event/250115_review/btn_checked.png) no-repeat center/cover;border:none}
.lpopReply .note{margin-top:20px;}
.lpopReply .note > li{font-size:16px;color:#777;line-height:1.5;letter-spacing:-0.05em;}
.lpopReply .btnGroup{margin-top:40px;text-align:center;}
.lpopReply .picList{display: -webkit-box;display: -ms-flexbox;display: flex;}
.lpopReply .picList li{width: 134px;height: 124px;overflow: hidden;border: solid 2px #ebceff;position: relative;}
.lpopReply .picList li+li{margin-left: 12px;}
.lpopReply .picList li img{max-width: 100%;}
.lpopReply .picList li .btnFileDel{display: block;width: 34px;height: 34px;position: absolute;top: 0;right: 0;background: url(//cdndata.milkt.co.kr/i/www/Images/event/250115_review/pop_btnFileDel.png) no-repeat center bottom / contain;font-size: 0}
.lpopReply [class*="lengthGroup"] {position: relative;border: solid 2px #ebceff;}
.lpopReply [class*="lengthGroup"] .input,
.lpopReply [class*="lengthGroup"] .textarea{border: none;width: 100%;}
.lpopReply [class*="lengthGroup"] .input{height: 56px;}
.lpopReply [class*="lengthGroup"] .txtLength{z-index: 1;}
.lpopReply [class*="lengthGroup"]+[class*="lengthGroup"]{margin-top: 12px;}
.lpopReply .lengthGroupInput {padding-right: 200px; }
.lpopReply .lengthGroupInput .txtLength{position: absolute;top: 50%;right: 20px;transform: translateY(-50%);}
.lpopReply .lengthGroupText .txtLength{padding: 17px 20px 17px 0;text-align: right;display: block;}
.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/www/Images/event/250115_review/btn_checked2.png);}
[class*="lpopReview"] .btnReviewDel{position: absolute;top: 20px;right: 92px;}
[class*="lpopReview"] .imgSlider {text-align: center;position: relative;}
[class*="lpopReview"] .imgSlider img {max-width: 100%;}
[class*="lpopReview"] .imgSlider .swiper {width: 660px;height: 320px;overflow: hidden;margin: 0 auto;background-color: #f5f5f5;border-radius: 26px;}
[class*="lpopReview"] .imgSlider .swiper-button-next, 
[class*="lpopReview"] .imgSlider .swiper-button-prev{width: 22px;height: 40px;margin-top: -20px;background-size: 22px 40px;}
[class*="lpopReview"] .imgSlider .swiper-button-next{background-image: url(//cdndata.milkt.co.kr/i/www/Images/event/250115_review/pop_review_right.png);right: -24px;}
[class*="lpopReview"] .imgSlider .swiper-button-prev{background-image: url(//cdndata.milkt.co.kr/i/www/Images/event/250115_review/pop_review_left.png);left: -24px;}
[class*="lpopReview"] .writer{text-align: center;font-size: 18px;color: #202020;font-weight: 600;margin-bottom: 30px;position: relative;}
[class*="lpopReview"] .textWrap .tit{font-size: 24px;line-height: 36px;color: #0078ff;font-weight: 600;margin: 25px 0 13px;text-align: center;}
[class*="lpopReview"] .textWrap .text{font-size: 18px;line-height: 24px;color: #202020;}
.lpopReview2  .textWrap .tit{color: #202020;}