@charset "utf-8";

.contEditor ol, .contEditor ul, .contEditor dl{list-style-type:none !important;margin:0 !important;padding:0 !important}
.plan-visual{text-align:left !important}

/* 레이어 */
#eventDimLayer{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);z-index:998;display:none}
.eventLayer{position:fixed;top:50%;left:50%;display:none;z-index:999}
.eventLayer .inner{width:550px;background-color:#fff}
.eventHideLayer{cursor:pointer}
.eventLayer .inner .close{display:block;position:absolute;top:30px;right:30px;width:42px;height:42px;font-size:0}
.eventLayer .inner .close:before,.eventLayer .inner .close:after{content:'';position:absolute;width:40px;height:2px;left:50%;top:50%;background:#000}
.eventLayer .inner .close:before{transform:translate(-50%,-50%) rotate(-45deg)}
.eventLayer .inner .close:after{transform:translate(-50%,-50%) rotate(45deg)}
.eventLayer .non_bg{background:transparent}

/* 레이어 : close circle */
.eventLayer .inner.non_bg .close{top:-45px;right:-35px;width:100px;height:100px;background:#000;border-radius:50%}
.eventLayer .inner.non_bg .close:before,.eventLayer .inner.non_bg .close:after{width:50px;height:2px;background:#fff}

/* 레이어 :공지사항 */
.eventNotice2{padding:40px 30px 20px}
.eventNotice2 h6{border-bottom:2px solid #474747;color:#000;font-size:32px;line-height:60px}
.eventNotice2 ul{margin:0 0 5px 0!important;padding:10px 5px!important}
.eventNotice2 ul li{position:relative;padding:0 0 5px 15px;color:#676767;font-size:17px;line-height:30px}
.eventNotice2 ul li:before{content:'-';position:absolute;top:0;left:0}
.eventNotice2 ul li.red{color:#d33737}
.eventNotice2 ul li.point:before{content:'-';position:absolute;top:0}
.eventNotice2 .noti_tit{width:140px;height:34px}
.eventNotice2 .noti_tit img{width:100%;height:100%}
.eventNotice2 h6 + .noti_tit{margin-top:20px}

/* 팝업 */
.eventLayer .inner .conts_inner{overflow-y:auto;max-height:420px;padding-top:5px;word-break: keep-all;}
.eventNotice2 .info_tit{margin-top:25px;font-size:19px;color:#333;font-weight:666}
#eventNotice1 .eventNotice2 ul,
#eventNotice3 .eventNotice2 ul{padding:10px 5px 20px!important}
.eventLayer .info_tit{font-size:18px;font-weight:600}
.eventNotice1 ul li.txt_point:before{content:'※'}
.eventNotice2 ul li:before{content:'-'}
.eventNotice2 ul li li:before{content:'·'}
.eventNotice2 ul li ul{margin:0!important;padding:0!important}
#eventNotice3 .conts_inner{ font-size:18px;line-height:30px}
.eventNotice2 ul li.txt_point:before{content:"※"}

/* event 공통 */
.oyblind{overflow:hidden;position:absolute;top:0;left:0;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;padding:0;border:0}
.oyEvent_wrap{width:638px;margin:0 auto !important;background-color:#fff;}
.oyEvent_wrap .evtVisual {position: relative;}
.oyEvent_wrap .evtCont{position:relative;width:100%;text-align:center;overflow: hidden;}
.oyEvent_wrap .imgBox {position: relative; width: 100%;}
.oyEvent_wrap .evtBtn{display:block;position:absolute;z-index:10;}
.oyEvent_wrap button{border:0 none;background:transparent;cursor: pointer;}
.oyEvent_wrap a{display:block;height:100%;font-size:0;}
.oyEvent_wrap img{width:100%;display:block;}
.oyEvent_wrap [class^=videoBox]{font-size:0; overflow: hidden;}
.oyEvent_wrap [class^=videoBox] video {width: 100%; height: 100%;object-fit: cover; display: block; -webkit-mask-image: -webkit-radial-gradient(white, black); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; border: 0;}
.oyEvent_wrap .evtAos, .oyEvent_wrap .fixedItem {position: absolute;z-index:3;}
.oyEvent_wrap .evtCont [class~='OYCart']{position:absolute;top:0;left:auto;right:0;width:16%;height:100%;z-index:10;transform:none}
.oyEvent_wrap .evtSec {position: relative;width:100%;overflow: hidden;}


/* swiper */
.oyEvent_wrap .slideBox {position: relative;}
.oyEvent_wrap .swiper-container {position: relative; overflow: hidden;}
.oyEvent_wrap .swiper-wrapper {display: -webkit-box;}
.oyEvent_wrap .swiper-slide {width:100%; position: relative; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); font-size:0;}
.oyEvent_wrap .swiper-slide img {height:100%;object-fit: cover;}

/* fadeList */
.oyEvent_wrap .fadeList {overflow:hidden;position:relative;width:100%}
.oyEvent_wrap .fadeList li{position:absolute;top:0;left:0;width:100%;height:auto;}
.oyEvent_wrap .fadeList li:nth-child(1){z-index:2; animation:fadeAnim 6s ease-in-out infinite;}
.oyEvent_wrap .fadeList li:nth-child(2){z-index:1;}
@keyframes fadeAnim {
	35% {opacity:1}
	50% {opacity:0}
	85% {opacity:0}
	100% {opacity:1}
}

/* video */
.oyEvent_wrap .videoWrap {position: relative;}
.oyEvent_wrap .evtSoundBtn {position:absolute;bottom:35px;left:35px;width:54px;height:54px;border-radius:50%;background-color:rgba(0, 0, 0, .2);background-image:url("//image.oliveyoung.co.kr/uploads/contents/202411/18Brandweek/evt_soundBtn.png");background-repeat:no-repeat;background-size:cover;background-position:0 0;z-index:3;}
.oyEvent_wrap .is-active.evtSoundBtn {background-position:0 100%;}
.oyEvent_wrap .evtVideo .videoBox {height: 1027px;}



/* Brandweek+ */
.oyEvent_wrap .imgBox {overflow:hidden;}
.oyEvent_wrap .evtVisual .fadeList {height:914px;}

.oyEvent_wrap .evtCont1 .evtAos1 {width:100%;left:0;top:59.3%;}
.oyEvent_wrap .evtCont1 .evtAos2 {width:100%;left:0;top:71.6%;}

.oyEvent_wrap .evtBenefit .btnNotice {width: 50%; height: 11%; bottom: 0; left:50%; transform:translateX(-50%);}

.oyEvent_wrap .evtCont2 .imgBox1 .evtAos1 {top:0;left:0;width:100%;}
.oyEvent_wrap .evtCont2 .imgBox1 .evtAos1.aos-animate {animation:imgOut 1s 0.6s ease-in-out forwards;}
.oyEvent_wrap .evtCont2 .imgBox1 .evtAos2 {top:0;left:0;width:100%;transform:translateY(100%);}
.oyEvent_wrap .evtCont2 .imgBox1 .evtAos2.aos-animate {animation:imgUp 1s 0.6s ease-in-out forwards;}
@keyframes imgOut {
	0% { opacity:1; }
	100% { opacity:0; }
}
@keyframes imgUp {
	0% { transform:translateY(100%); }
	100% { transform:translateY(0); }
}

.oyEvent_wrap .evtCont2 .imgBox2 .evtAos1 {width:100%;left:0;top:0;}
.oyEvent_wrap .evtCont2 .imgBox2 .evtAos2 {width:100%;left:0;top:52%;}
.oyEvent_wrap .evtCont2 .imgBox3 .evtAos1 {width:71.2%;left:14.53%;top:0;}

.oyEvent_wrap .evtCont3 .imgBox1 .evtAos1 {width:100%;left:0;top:0;}
.oyEvent_wrap .evtCont3 .imgBox2 .evtAos1 {width:100%;left:0;top:11.6%;}
.oyEvent_wrap .evtCont3 .imgBox2 .evtShiny {position:absolute;width:25.6%;animation:shiny 1.8s ease-in-out infinite;}
.oyEvent_wrap .evtCont3 .imgBox2 .evtShiny.evtShiny1 {top:49.2%;left:59.6%;}
.oyEvent_wrap .evtCont3 .imgBox2 .evtShiny.evtShiny2 {top:44%;left:70.1%;animation-delay:0.9s;}
.oyEvent_wrap .evtCont3 .imgBox3 .evtAos1 {width:100%;left:0;top:0;}
.oyEvent_wrap .evtCont3 .imgBox3 .evtAos2 {width:87.3%;left:0;top:33.5%;}
.oyEvent_wrap .evtCont3 .imgBox4 .evtAos1 {width:100%;left:0;top:17.8%;}
.oyEvent_wrap .evtCont3 .imgBox4 .evtAos2 {width:100%;left:0;top:54.3%;}
.oyEvent_wrap .evtCont3 .imgBox5 .evtShiny {position:absolute;width:11.8%;animation:shiny 1.8s ease-in-out infinite;}
.oyEvent_wrap .evtCont3 .imgBox5 .evtShiny.evtShiny1 {top:2.56%;left:51.7%;}
.oyEvent_wrap .evtCont3 .imgBox5 .evtShiny.evtShiny2 {top:33.4%;left:60.1%;animation-delay:0.9s;}
.oyEvent_wrap .evtCont3 .imgBox6 .evtTextAni1 {position:absolute;width:23.6%;height:41.6%;top:3.6%;left:6.27%;}
.oyEvent_wrap .evtCont3 .imgBox6 .evtTextAni1 img {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;}
.oyEvent_wrap .evtCont3 .imgBox6 .evtTextAni1.aos-animate img {animation: textAni 0.3s cubic-bezier(0.42, 0, 0.58, 1) forwards;}
.oyEvent_wrap .evtCont3 .imgBox6 .evtTextAni1.aos-animate img.t2 {animation-delay: 0.1s;}
.oyEvent_wrap .evtCont3 .imgBox6 .evtTextAni1.aos-animate img.t3 {animation-delay: 0.2s;}
.oyEvent_wrap .evtCont3 .imgBox6 .evtTextAni1.aos-animate img.t4 {animation-delay: 0.3s;}
.oyEvent_wrap .evtCont3 .imgBox6 .evtTextAni1.aos-animate img.t5 {animation-delay: 0.4s;}
.oyEvent_wrap .evtCont3 .imgBox6 .evtTextAni1.aos-animate img.t6 {animation-delay: 0.5s;}
.oyEvent_wrap .evtCont3 .imgBox6 .evtTextAni1.aos-animate img.t7 {animation-delay: 0.6s;}
.oyEvent_wrap .evtCont3 .imgBox6 .evtTextAni1.aos-animate img.t8 {animation-delay: 0.7s;}
.oyEvent_wrap .evtCont3 .imgBox6 .evtTextAni2 {position:absolute;width:16.7%;height:33.21%;top:55.68%;right:2%;}
.oyEvent_wrap .evtCont3 .imgBox6 .evtTextAni2 img {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;}
.oyEvent_wrap .evtCont3 .imgBox6 .evtTextAni2.aos-animate img {animation: textAni 0.3s cubic-bezier(0.42, 0, 0.58, 1) forwards;}
.oyEvent_wrap .evtCont3 .imgBox6 .evtTextAni2.aos-animate img.t2 {animation-delay: 0.1s;}
.oyEvent_wrap .evtCont3 .imgBox6 .evtTextAni2.aos-animate img.t3 {animation-delay: 0.2s;}
.oyEvent_wrap .evtCont3 .imgBox6 .evtTextAni2.aos-animate img.t4 {animation-delay: 0.3s;}
.oyEvent_wrap .evtCont3 .imgBox6 .evtTextAni2.aos-animate img.t5 {animation-delay: 0.4s;}
.oyEvent_wrap .evtCont3 .imgBox6 .evtTextAni2.aos-animate img.t6 {animation-delay: 0.5s;}
.oyEvent_wrap .evtCont3 .imgBox6 .evtTextAni2.aos-animate img.t7 {animation-delay: 0.6s;}
.oyEvent_wrap .evtCont3 .imgBox6 .evtTextAni2.aos-animate img.t8 {animation-delay: 0.7s;}
.oyEvent_wrap .evtCont3 .imgBox6 .evtDeco1 {position:absolute;top:0;left:16.8%;width:25.8%;}
.oyEvent_wrap .evtCont3 .imgBox6 .evtDeco2 {position:absolute;top:68.5%;left:82%;width:25.8%;}
@keyframes textAni {
	0% {opacity:0}
	100% {opacity:1}
}

.oyEvent_wrap .evtCont4 .moveLink {width:60%;height:50%;top:0;left:0;}
.oyEvent_wrap .evtCont4 .cardLink {width:92%;height:20%;top:70%;left:50%;transform:translateX(-50%);}

.oyEvent_wrap .evtCont5 .imgBox1 .evtSec1,
.oyEvent_wrap .evtCont5 .imgBox1 .evtSec2,
.oyEvent_wrap .evtCont5 .imgBox1 .evtSec3 {position:relative;}
.oyEvent_wrap .evtCont5 .imgBox1 {background-color:#080c15;}
.oyEvent_wrap .evtCont5 .imgBox1 .evtSec1 .fadeList {position:absolute;top:24.4%;left:50%;transform:translateX(-50%);height:712px;width:89.33%;}
.oyEvent_wrap .evtCont5 .imgBox1 .evtSec2 .evtAniText {position:absolute;width:100%;top:-12%;left:0;}
.oyEvent_wrap .evtCont5 .imgBox1 .evtSec2 .evtAniText .zoomImage {transform:scale(0.4);transition:transform 0.1s;}
.oyEvent_wrap .evtCont5 .imgBox1 .evtSec3 .evtAos1 {width:76.1%;top:0;right:0;overflow:hidden;}
.oyEvent_wrap .evtCont5 .imgBox1 .evtSec3 .evtAos1 img {transform:scale(1);}
.oyEvent_wrap .evtCont5 .imgBox1 .evtSec3 .evtAos1.aos-animate img {animation:zoomImg 2s ease-in-out forwards;}
@keyframes zoomImg {
	0% {transform:scale(1);}
	50% {transform:scale(1.1);}
	60% {transform:scale(1.1);}
	100% {transform:scale(1);}
}
.oyEvent_wrap .evtCont5 .imgBox2 .evtAos1 {width:59.3%;top:21.3%;left:5.3%;}
.oyEvent_wrap .evtCont5 .imgBox2 .evtAos2 {width:59.3%;top:66.2%;right:5.3%;}
.oyEvent_wrap .evtCont5 .imgBox3 .evtTextAni1 {position:absolute;width:21%;height:35.1%;top:29.6%;left:8.93%;}
.oyEvent_wrap .evtCont5 .imgBox3 .evtTextAni1 img {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;}
.oyEvent_wrap .evtCont5 .imgBox3 .evtTextAni1.aos-animate img {animation: textAni 0.2s cubic-bezier(0.42, 0, 0.58, 1) forwards;}
.oyEvent_wrap .evtCont5 .imgBox3 .evtTextAni1.aos-animate img.t2 {animation-delay: 0.1s;}
.oyEvent_wrap .evtCont5 .imgBox3 .evtTextAni1.aos-animate img.t3 {animation-delay: 0.2s;}
.oyEvent_wrap .evtCont5 .imgBox3 .evtTextAni1.aos-animate img.t4 {animation-delay: 0.3s;}
.oyEvent_wrap .evtCont5 .imgBox3 .evtTextAni1.aos-animate img.t5 {animation-delay: 0.4s;}
.oyEvent_wrap .evtCont5 .imgBox3 .evtTextAni1.aos-animate img.t6 {animation-delay: 0.5s;}
.oyEvent_wrap .evtCont5 .imgBox3 .evtTextAni1.aos-animate img.t7 {animation-delay: 0.6s;}
.oyEvent_wrap .evtCont5 .imgBox3 .evtTextAni1.aos-animate img.t8 {animation-delay: 0.7s;}
.oyEvent_wrap .evtCont5 .imgBox3 .evtTextAni1.aos-animate img.t9 {animation-delay: 0.8s;}
.oyEvent_wrap .evtCont5 .imgBox3 .evtTextAni1.aos-animate img.t10 {animation-delay: 0.9s;}
.oyEvent_wrap .evtCont5 .imgBox3 .evtTextAni1.aos-animate img.t11 {animation-delay: 1s;}
.oyEvent_wrap .evtCont5 .imgBox3 .evtTextAni1.aos-animate img.t12 {animation-delay: 1.1s;}
.oyEvent_wrap .evtCont5 .imgBox3 .evtTextAni1.aos-animate img.t13 {animation-delay: 1.2s;}
.oyEvent_wrap .evtCont5 .imgBox3 .evtTextAni1.aos-animate img.t14 {animation-delay: 1.3s;}
.oyEvent_wrap .evtCont5 .imgBox3 .evtTextAni1.aos-animate img.t15 {animation-delay: 1.4s;}
.oyEvent_wrap .evtCont5 .imgBox3 .evtTextAni1.aos-animate img.t16 {animation-delay: 1.5s;}

.oyEvent_wrap .evtCont6 .moveLink {width:60%;height:50%;top:10%;left:0;}
.oyEvent_wrap .evtCont6 .cardLink {width:92%;height:18.1%;top:73.4%;left:50%;transform:translateX(-50%);}

.oyEvent_wrap .evtCont7 .imgBox1 .evtSliding {width:1432px !important; height:867px; }
.oyEvent_wrap .evtCont7 .imgBox1 .evtSliding.aos-animate {animation:evtSliding 7.5s ease infinite;}
.oyEvent_wrap .evtCont7 .imgBox2 .evtAos1 {width:100%;top:10%;left:0;}
.oyEvent_wrap .evtCont7 .imgBox2 .evtAos2 {width:100%;top:88.3%;left:0;}
.oyEvent_wrap .evtCont7 .imgBox3 .evtAos1 {width:100%;top:0;left:0;}
.oyEvent_wrap .evtCont7 .imgBox4 .moveLink1 {width:17%;height:15%;top:77%;left:48%;}
.oyEvent_wrap .evtCont7 .imgBox4 .moveLink2 {width:17%;height:15%;top:72%;left:28%;}
.oyEvent_wrap .evtCont7 .imgBox4 .moveLink3 {width:17%;height:15%;top:42%;left:17%;}
@keyframes evtSliding {
	0%,10% {transform: translateX(0);}
	50%,60% {transform: translateX(-55.5%);}
	100% {transform: translateX(0);}
}

.oyEvent_wrap .evtCont8 .cardLink1 {width:92%;height:26.1%;top:0;left:50%;transform:translateX(-50%);}
.oyEvent_wrap .evtCont8 .cardLink2 {width:92%;height:26.1%;top:30%;left:50%;transform:translateX(-50%);}
.oyEvent_wrap .evtCont8 .cardLink3 {width:92%;height:26.1%;top:59.4%;left:50%;transform:translateX(-50%);}

.oyEvent_wrap .evtBrand .slideBox {background-color:#4a5662;}
.oyEvent_wrap .evtBrand .slideBox::after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url('//image.oliveyoung.co.kr/uploads/contents/202412/23Brandweek/brand_cover.png') no-repeat center top / cover;z-index:2;pointer-events:none;}
.oyEvent_wrap .evtBrand .fadeList {height:1218px;}
.oyEvent_wrap .evtBrand .fadeList::after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url('//image.oliveyoung.co.kr/uploads/contents/202412/23Brandweek/brand_cover.png') no-repeat center top / cover;z-index:4;}
.oyEvent_wrap .evtBrand .moveBrand {width:72%;height:7.6%;left:50%;transform:translateX(-50%);bottom:9%;}



/* 팝업 공통부분 재선언 */
.eventNotice2  h6{color:#23324D;}


@keyframes shiny {
	0% { transform:scale(0); }
	50% { transform:scale(1); }
	100% { transform:scale(0); }
}