@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:"※"}

/* 이벤트 공통 */
.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{overflow:hidden;width:638px;margin:0 auto !important;}
.oyEvent_wrap .evtCont{position:relative;width:100%;text-align:center;font-size:0}
.oyEvent_wrap .imgBox {position: relative;}
.oyEvent_wrap img{width:100%; display: block;}
.oyEvent_wrap [class^=videoBox]{font-size:0}
.oyEvent_wrap [class^=videoBox] video {width: 100%; height: 100%;object-fit: cover; display: block; border: 0;}
.oyEvent_wrap .evtBtn {position: absolute; font-size: 0;}
.oyEvent_wrap a{display:block;height:100%}



/** 뷰파인더 **/
.oyEvent_wrap .evtCont .evtBtn {width: 100%; height: 100%; bottom: 0; left: 0;}
.oyEvent_wrap .evtCont .btn_cart {width: 16%; height: 100%; position: absolute; bottom: 0; right: 0;}