@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{width:auto;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}
.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{display:none;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{overflow:hidden;width:638px;margin:0 auto !important}
.oyEvent_wrap button{border:0 none;background:transparent}
.oyEvent_wrap a{display:block;height:100%}
.oyEvent_wrap img{width:100%;display:block;}
.oyEvent_wrap .imgBox {position: relative;}
.oyEvent_wrap .evtCont{position:relative;width:100%;text-align:center}
.oyEvent_wrap .evtBtn{position:absolute;left:50%;transform:translateX(-50%);z-index:5;}
.oyEvent_wrap [class^=videoBox]{font-size:0}
.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 .slideBox {box-sizing: border-box;}
.oyEvent_wrap .swiper-wrapper{display:-webkit-box}
.oyEvent_wrap .swiper-slide{position:relative}
.oyEvent_wrap .swiper-slide img {height: 100%; object-fit: cover;}
.oyEvent_wrap .evtAos, .oyEvent_wrap .fixedItem {position: absolute; z-index: 3;}


/* 올리브영쇼핑큐레이터 */
.eventNotice2 ul li.red {color: #d33737;}
.oyEvent_wrap .evtCont2 .slideBox {position: absolute; top: 425px; left: 0; width: 100%;}
.oyEvent_wrap .evtCont2 .slideBox .stepSlide {padding: 0 26px; box-sizing: border-box;}
.oyEvent_wrap .evtCont2 .slideBox .stepSlide .swiper-slide {width: 403px; margin: 0 13px; position: relative; overflow: hidden; border-radius: 17px;}
.oyEvent_wrap .evtCont2 .slideBox .stepSlide .swiper-slide > img {width: 100%; height: auto; position: absolute; bottom: 0; z-index: 1;}
.oyEvent_wrap .evtCont2 .slideBox .stepSlide .swiper-pagination {display: flex; justify-content: center; margin-top: 51px;}
.oyEvent_wrap .evtCont2 .slideBox .stepSlide .swiper-pagination .swiper-pagination-bullet {width: 10px; height: 10px; background: #666; opacity: 1; border-radius: 5px; display: block; margin: 0 4px;}
.oyEvent_wrap .evtCont2 .slideBox .stepSlide .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #fff; width: 27px;}

.oyEvent_wrap .evtCont4 .buttonBox .popNotice {bottom: 77px; left: 50%; width: 50%; height: 70px; transform: translateX(-50%);}
.oyEvent_wrap .evtCont4 .buttonBox a {display: block; height: 100%; font-size: 0;}

.oyEvent_wrap .evtCont5 {padding-bottom: 85px; background-color: #fff;}
.oyEvent_wrap .evtCont5 .slideBox {position: absolute; top: 510px; left: 74px; width: 490px; border-radius: 68px 68px 0 0; overflow: hidden;}
.oyEvent_wrap .evtCont5 .slideBox .stepSlide2 .swiper-slide {background: pink; overflow: hidden; width: 490px; height: 956px;}
.oyEvent_wrap .evtCont5 .slideBox .stepSlide2 .swiper-slide img {height: auto;}
.oyEvent_wrap .evtCont5 .slideBox .stepSlide2 .swiper-pagination {display: flex; justify-content: center; margin-top: 160px;}
.oyEvent_wrap .evtCont5 .slideBox .stepSlide2 .swiper-pagination .swiper-pagination-bullet {width: 10px; height: 10px; background: #ccc; opacity: 1; border-radius: 5px; display: block; margin: 0 4px;}
.oyEvent_wrap .evtCont5 .slideBox .stepSlide2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #000; width: 27px;}