@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css");
.oyEvent_wrap ul{list-style-type:none !important}

/* 레이어 */
#eventDimLayer,
#eventDimLayer2{display:none;position:fixed;top:0;left:0;z-index:998;width:100%;height:100%;background-color:rgba(0,0,0,0.6);-webkit-tap-highlight-color:rgba(0,0,0,0)}
.eventLayer{display:none;position:fixed;top:50%;left:0;z-index:999;width:100%}
.eventLayer .inner{position:relative;width:84%;max-width:630px;margin:0 auto;background-color:#fff}
.eventLayer .inner.nonBg{background:none}
.eventLayer .inner .close{display:block;position:absolute;top:25px;right:20px;z-index:1;width:15px;height:15px;font-size:0;cursor:pointer}
.eventLayer .inner .close:before,.eventLayer .inner .close:after{position:absolute;top:50%;left:50%;width:20px;height:10%;background:#000;content:'';border-radius:4px}
.eventLayer .inner .close:before{transform:translate(-50%,-50%) rotate(-45deg)}
.eventLayer .inner .close:after{transform:translate(-50%,-50%) rotate(45deg)}
.eventLayer .inner .contsInner{overflow-y:auto;height:auto;max-height:400px}

/* 레이어 :close circle */
.oyEvent_wrap .eventLayer .inner.nonBg .close{z-index:10;background:none}
.oyEvent_wrap .eventLayer .inner.nonBg .close:before,.eventLayer .inner.nonBg .close:after{background:none}

/* 레이어:공지사항 */
.oyEvent_wrap .eventLayer .eventNotice2{padding:20px}
.oyEvent_wrap .eventLayer .conts_inner,
.oyEvent_wrap .eventLayer .eventConts{overflow-y:auto;height:auto;max-height:440px}
.oyEvent_wrap .eventLayer .eventNotice2 h6,
.oyEvent_wrap .eventLayer .eventNotice2 .eventHeader{padding:0 0 5px 5px;border-bottom:1px solid #474747;font-size:16px;line-height:30px;color:#000}
.oyEvent_wrap .eventLayer .eventNotice2 .info_tit,
.oyEvent_wrap .eventLayer .eventTitle{margin-top:15px;font-size:13px;font-weight:bold;color:#1e1e1e}
.oyEvent_wrap .eventLayer .eventNotice2 ul,
.oyEvent_wrap .eventLayer .eventList{margin-top:5px}
.oyEvent_wrap .eventLayer .eventNotice2 ul li,
.oyEvent_wrap .eventLayer .eventList .listItem{position:relative;padding:0 0 2px 10px;font-size:12px;line-height:18px;color:#555}
.oyEvent_wrap .eventLayer .eventNotice2 ul li:before,
.oyEvent_wrap .eventLayer .eventList .listItem:before{position:absolute;top:0;left:0;content:'-'}
.oyEvent_wrap .eventLayer .eventList .listItem.last:before{position:absolute;top:0;left:0;content:'※'}
.oyEvent_wrap .eventLayer .eventList .listItem.last{margin-top:10px;padding:0 0 2px 15px}
.oyEvent_wrap .eventLayer .eventList .listItem .textRed{color:#f00}

/* 레이어:round style */
.eventLayer .eventRound{border-radius:10px}
.eventLayer .eventRound .eventHeader{width:100%;height:15.73vw;margin:auto;border-bottom:1px solid #ccc;font-size:4.26vw;line-height:18vw;color:#333;text-align:center}
.eventLayer .eventRound .eventConts{max-height:560px;padding:45px 28px 42px;color:#191919}
.eventLayer .eventRound .eventTitle{margin:0;padding-bottom:4.4vw;font-size:4.8vw;line-height:7.46vw;text-align:center}
.eventLayer .eventRound .eventTitle .bold{font-weight:bold}
.eventLayer .eventRound .contsInner{max-height:fit-content}
.oyEvent_wrap .eventLayer .eventRound .close{top:7.5vw}

/* 팝업닫기 공통 */
@media screen and (max-width:320px){
	.oyEvent_wrap .eventLayer .eventConts{max-height:300px}
}

/* 팝업 재선언 */
.oyEvent_wrap .eventLayer .nonBg .eventConts{max-height:none}
.oyEvent_wrap .eventLayer .nonBg{width:91.73%;max-width:none}
.oyEvent_wrap .eventLayer.popupBg .inner .close{top:5.467vw;right:5.467vw;width:4vw;height:4vw;padding:1.2vw;box-sizing:content-box}

/* 상품 템플릿 (flag 제거, ios 대응) */
.oyEvent_wrap .event_temp_wrap .good .thumb i{display:none}
.oyEvent_wrap .event_temp_wrap .good .info>p u,
.oyEvent_wrap .event_temp_wrap .goods_list.type4 .good .info>p span{display:inline!important}
.oyEvent_wrap .event_temp_wrap{padding:0}

/* 유입유도 프로모션 */
.oyEvent_wrap{outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none !important}
.oyEvent_wrap{position:relative}
.oyEvent_wrap .evtCont{position:relative;width:100%}
.oyEvent_wrap a{display:block;height:100%}
.oyEvent_wrap img{display:block;width:100%}
.oyEvent_wrap .evtBtn{display:block;position:absolute;left:50%;width:73.33%;transform:translateX(-50%)}
.oyEvent_wrap .videoBox{font-size:0}
.oyEvent_wrap .videoBox video{width:100%}

/* fixed navi */
.oyEvent_wrap .evtFixedTab{position:relative;z-index:10;height:12.8vw;background-color:#e3f8ff}
.oyEvent_wrap .evtFixedTab .innerPos{position:absolute;top:0px;left:0px;width:100%;height:13vw}
.oyEvent_wrap .evtFixedTab .innerPos.on{position:fixed;top:0;left:0}
.oyEvent_wrap .evtFixedTab .list{display:-webkit-flex;display:flex;position:absolute;top:0;left:0;width:100%;height:100%;margin:0 !important}
.oyEvent_wrap .evtFixedTab .list:after {display:block;clear:both;content:""}
.oyEvent_wrap .evtFixedTab .list li{flex-grow:1;-webkit-flex-grow:1;height:100%;box-sizing:border-box}
.oyEvent_wrap .evtFixedTab .list li:first-child{flex-grow:0;;-webkit-flex-grow:0}
.oyEvent_wrap .evtFixedTab .innerPos ul{background-color:transparent;background-image:url('//image.oliveyoung.co.kr/uploads/contents/202606/01InfluxPromotion/2606_01InfluxPromotion_mc_tab0.png?SF=webp&QT=100');background-repeat:no-repeat;background-position:top;background-size:100%}
.oyEvent_wrap .evtFixedTab .innerPos#tab01 ul{background-image:url('//image.oliveyoung.co.kr/uploads/contents/202606/01InfluxPromotion/2606_01InfluxPromotion_mc_tab0.png?SF=webp&QT=100')}
.oyEvent_wrap .evtFixedTab .innerPos#tab02 ul{background-image:url('//image.oliveyoung.co.kr/uploads/contents/202606/01InfluxPromotion/2606_01InfluxPromotion_mc_tab1.png?SF=webp&QT=100')}
.oyEvent_wrap .evtFixedTab .innerPos#tab03 ul{background-image:url('//image.oliveyoung.co.kr/uploads/contents/202606/01InfluxPromotion/2606_01InfluxPromotion_mc_tab2.png?SF=webp&QT=100')}
.oyEvent_wrap .evtFixedTab .innerPos#tab04 ul{background-image:url('//image.oliveyoung.co.kr/uploads/contents/202606/01InfluxPromotion/2606_01InfluxPromotion_mc_tab3.png?SF=webp&QT=100')}
.oyEvent_wrap .evtFixedTab .list li a,
.oyEvent_wrap .evtFixedTab .list li span{display:block;position:relative;overflow:hidden;height:100%;text-indent:-99999px}
.oyEvent_wrap .evtCont .tab_bg{display:block;position:absolute;bottom:0;left:0;z-index:-1;width:100%;height:12.8vw}
#mHeader.sHeader.fixed.on ~ #mContainer .oyEvent_wrap .evtFixedTab .innerPos.on{transform:translateY(44px);transition:transform 0.23s ease-out 0.2s}
#mHeader.sHeader.fixed.off ~ #mContainer .oyEvent_wrap .evtFixedTab .innerPos.on{transform:translateY(0);transition:transform 0.18s ease-out 0.2s}
#mHeader.sHeader.new.fixed.on ~ #mContainer .oyEvent_wrap .evtFixedTab .innerPos.on{transform:translateY(48px);transition:transform 0.23s ease-out 0.2s}


/* slide */
.oyEvent_wrap .OYSlide{overflow:hidden}

/* 알림 설정 */
.OYIntro .btnNotification{bottom:27.6vw;width:92vw;height:21vw}

/* 퀴즈 */
.OYQuiz{background:#fff}
.OYQuiz.thursday1,.OYQuiz.thursday2,.OYQuiz.thursday3,
.OYQuiz.week1,.OYQuiz.week2,.OYQuiz.week3{background:#f7f7f7}
.OYQuiz .quizImage{width:100%;height:130.4vw;border-top:0.667vw solid #000;background:url('//image.oliveyoung.co.kr/uploads/contents/202606/01InfluxPromotion/2606_01InfluxPromotion_mc_cont2_quiz0.jpg?SF=webp') no-repeat top / 100%}
.OYQuiz.thursday1 .quizImage{background-image:url('//image.oliveyoung.co.kr/uploads/contents/202606/01InfluxPromotion/2606_01InfluxPromotion_mc_cont2_quiz1.jpg?SF=webp')}
.OYQuiz.thursday2 .quizImage{background-image:url('//image.oliveyoung.co.kr/uploads/contents/202606/01InfluxPromotion/2606_01InfluxPromotion_mc_cont2_quiz2.jpg?SF=webp')}
.OYQuiz.thursday3 .quizImage{background-image:url('//image.oliveyoung.co.kr/uploads/contents/202606/01InfluxPromotion/2606_01InfluxPromotion_mc_cont2_quiz3.jpg?SF=webp')}
.OYQuiz.week1 .quizImage{background-image:url('//image.oliveyoung.co.kr/uploads/contents/202606/01InfluxPromotion/2606_01InfluxPromotion_mc_cont2_quiz1_correct.jpg?SF=webp')}
.OYQuiz.week2 .quizImage{background-image:url('//image.oliveyoung.co.kr/uploads/contents/202606/01InfluxPromotion/2606_01InfluxPromotion_mc_cont2_quiz2_correct.jpg?SF=webp')}
.OYQuiz.week3 .quizImage{background-image:url('//image.oliveyoung.co.kr/uploads/contents/202606/01InfluxPromotion/2606_01InfluxPromotion_mc_cont2_quiz3_correct.jpg?SF=webp')}
.OYQuiz[class*=thursday] .quizImage,.OYQuiz[class*=week] .quizImage{height:132.935vw}
.OYQuiz[class*=week1] .quizImage{height:132.935vw}
.OYQuiz .btnHint{width:36.93vw;height:8.8vw;margin:0 auto;background:url('//image.oliveyoung.co.kr/uploads/contents/202606/01InfluxPromotion/2606_01InfluxPromotion_mc_cont2_hint.jpg?SF=webp') no-repeat top / 100%}
.OYQuiz .inputBox{position:relative;width:92.53vw;height:14.53vw;margin:5.467vw auto 0;background:url('//image.oliveyoung.co.kr/uploads/contents/202606/01InfluxPromotion/2606_01InfluxPromotion_mc_form_input_off.jpg?SF=webp') no-repeat top / 100%}
.OYQuiz.thursday1 .inputBox,.OYQuiz.thursday2 .inputBox,.OYQuiz.thursday3 .inputBox{background-image:url('//image.oliveyoung.co.kr/uploads/contents/202606/01InfluxPromotion/2606_01InfluxPromotion_mc_form_input.png?SF=webp&QT=100')}
.OYQuiz .inputBox .formInput{width:100%;height:100%;padding:0vw 23.86vw 0vw 6vw;border:none;outline:none;background-color:transparent;font-family:'Pretendard';font-size:4.26vw;font-weight:600;color:#a3a3a3}
.OYQuiz .inputBox .btnConfirm{position:absolute;top:2.93vw;right:4.8vw;width:13.73vw;height:8.66vw}
.OYQuiz .buttonBox{padding-bottom:14.8vw}
.OYQuiz.off .buttonBox{display:none}


/* 경품 응모 */
.OYRaffle{position:relative}
.OYRaffle .applyBox{position:absolute;left:50%;transform:translateX(-50%)}
.OYRaffle .applyBox .imageBox{width:92.53vw;height:42vw;background-repeat:no-repeat;background-position:top;background-size:100%}
.OYRaffle .applyBox .btnResult{width:86.66vw;height:14.67vw;margin:4vw auto 0;background-repeat:no-repeat;background-position:top;background-size:100%}
.OYRaffle .applyBox.coupon{top:52.4vw}
.OYRaffle .applyBox.coupon .imageBox{background-image:url('//image.oliveyoung.co.kr/uploads/contents/202606/01InfluxPromotion/2606_01InfluxPromotion_mc_cont3_raffle1.png?SF=webp&QT=100')}
.OYRaffle .applyBox.coupon .btnResult{background-image:url('//image.oliveyoung.co.kr/uploads/contents/202606/01InfluxPromotion/2606_01InfluxPromotion_mc_btn1.png?SF=webp&QT=100')}
.OYRaffle .applyBox.raffle{top:126.4vw}
.OYRaffle .applyBox.raffle .btnResult{background-image:url('//image.oliveyoung.co.kr/uploads/contents/202606/01InfluxPromotion/2606_01InfluxPromotion_mc_btn2.png?SF=webp&QT=100')}
.OYRaffle .applyBox .btnResult.off{background-image:url('//image.oliveyoung.co.kr/uploads/contents/202606/01InfluxPromotion/2606_01InfluxPromotion_mc_btn3.png?SF=webp&QT=100')}
.OYRaffle .applyBox.raffle .imageBox{background-image:url('//image.oliveyoung.co.kr/uploads/contents/202606/01InfluxPromotion/2606_01InfluxPromotion_mc_cont3_raffle2.png?SF=webp&QT=100')}
.OYRaffle.week1 .applyBox.raffle .imageBox{background-image:url('//image.oliveyoung.co.kr/uploads/contents/202606/01InfluxPromotion/2606_01InfluxPromotion_mc_cont3_raffle2.png?SF=webp&QT=100')}
.OYRaffle.week2 .applyBox.raffle .imageBox{background-image:url('//image.oliveyoung.co.kr/uploads/contents/202606/01InfluxPromotion/2606_01InfluxPromotion_mc_cont3_raffle3.png?SF=webp&QT=100')}
.OYRaffle.week3 .applyBox.raffle .imageBox{background-image:url('//image.oliveyoung.co.kr/uploads/contents/202606/01InfluxPromotion/2606_01InfluxPromotion_mc_cont3_raffle4.png?SF=webp&QT=100')}
.OYRaffle .btnNotice{bottom:10vw;width:50vw;height:14.67vw}

/* 상품 영역 */
.OYItem{position:relative;background-color:#e3f8ff}
.OYItem .slideBox{margin-left:3.8vw;border-left:0.66vw solid #000}
.OYItem .moveLink{bottom:26.4vw;width: 86.66vw;height: 14.7vw}
.OYItem .btnNotice{bottom:9vw;width:50vw;height:14.67vw}

/* 신BO 대응 */
/* fixed Navi 위치 */
header[class*="NavigationBar_navigation-bar"].fixed.off~#content .oyEvent_wrap .evtFixedTab .innerPos.on{transform:translateY(0);transition:transform .18s ease-out .2s}
header[class*="NavigationBar_navigation-bar"].on~#content .oyEvent_wrap .evtFixedTab .innerPos.on{transform:translateY(48px);transition:transform .23s ease-out .2s}
/* Footer */
#fixBtn{bottom:calc(env(safe-area-inset-bottom) + 15px)}
#fixBtn[class*="Floating_on"]{transform:translateY(-50px)}
#fixBtn[class*="Floating_on"][class*="Floating_live"]{transform:translateY(-94px)}
ul[class^="Footer_mlist4v-menu"] li a{display:inline-block;margin-top:1px;line-height:15px;vertical-align:top}
.OYItem .planshop-detail-product-item:empty{height:300px;background-color:#fff}
.OYItem .planshop-detail-product-item{padding:28px 4px;background-color:#fff}
.oyEvent_wrap .eventLayer .eventTitle{line-height:19px}

@media screen and (min-width: 750px) {
	/* Fixed Navi */
    .oyEvent_wrap .evtFixedTab{height:97px !important}
	.oyEvent_wrap .evtFixedTab .innerPos{height:97px}
    .oyEvent_wrap .evtFixedTab .innerPos.on{right:auto;left:auto;width:100%;max-width:750px;height:97px !important}
    .oyEvent_wrap .evtCont .tab_bg{height:97px}
	.OYIntro .btnNotification{width:690px;height:160px;bottom:206px}
	.OYQuiz .quizImage{height:978px}
	.OYQuiz[class*=thursday] .quizImage, .OYQuiz[class*=week] .quizImage{height:997px}
	.OYQuiz .inputBox{width:694px;height:109px}
	.OYQuiz .inputBox .btnConfirm{width:103px;height:65px;top:22px;right:36px}
	.OYQuiz .buttonBox{padding-bottom:106px}
	.OYRaffle .applyBox .imageBox{width:694px;height:315px}
	.OYRaffle .applyBox.coupon{top:393px}
	.OYRaffle .applyBox .btnResult{width:650px;height:110px}
	.OYRaffle .applyBox.coupon .btnResult{width:650px;height:110px}
	.OYRaffle .applyBox.raffle{top:948px}
	.OYRaffle .btnNotice{width:350px;height:90px;bottom:90px}
	.OYItem .moveLink{width:650px;height:115px;bottom:183px}
	.OYItem .btnNotice{width:350px;height:80px;bottom:82px}
}