@charset "utf-8";

/* event common */
.eventImg {width: 100vw; background-color: #fff}
.eventImg ul li {width: 100%;}
.eventImg ul li a {display: block; width: 100%;}
.eventImg ul li img {width: 100%; height: auto;}
/* 2021-12-01 issues/35 */
.eventImg .swiper-pagination {bottom: 1.94444vw; left: 4.1666vw; text-align:left; line-height:100%;}
.eventImg .swiper-pagination span:first-of-type {margin-left:0;}
.eventImg .swiper-pagination .swiper-pagination-bullet {background: #eee; opacity: 1; transition: .3s; width: 2.2222vw; height: 2.2222vw; margin: 0 1.1111vw; border-radius: 50%}
.eventImg .swiper-pagination .swiper-pagination-bullet-active {background: #576db1;}

.event .tab{z-index:10;position:sticky;left:0;top:0;margin-left:0;background:#fff;}
.event .coupon{position:relative;width:91.1111vw;height:37.7778vw;padding:5.5556vw 8.8889vw 4.4444vw 8.8889vw;background:url('../img/event/img_coupon.png') center center no-repeat;background-size:91.1111vw 37.7778vw;}
.event .coupon:after{content:'';position:absolute;top:2.2222vw;right:3.3333vw;width:18.0556vw;height:2.7778vw;background:url('../img/event/img_couponlogo.png') 0 0 no-repeat;background-size:18.0556vw 2.7778vw;}
.event .coupon strong{display: block; font-weight:600; color:#3259D8;}
.event .coupon.going strong{font-weight:600; color:#00C7CF;}
.event .coupon p.point{margin:1.1111vw 0 2.2222vw 0;font-size:5.0000vw;font-weight:600;display: inline-flex;align-items: center;}
.event .coupon p.point:after{content:'';display:inline-block;width:6.6667vw;height:6.6667vw;vertical-align:middle;background: url('../img/common/icon_gomatch.png') 0 0 no-repeat;background-size:6.6667vw 6.6667vw;}
.event .coupon p.point span{margin-right:1.1111vw;font-size:9.4444vw;font-weight: 600;letter-spacing: -0.5667vw;vertical-align:middle;flex: 1;}
.event .coupon span.eventDate{display:block;padding-top:3.3333vw;border-top:0.2778vw solid #eee;color:#888;}
.event .coupon span.eventDate em{margin-left:2.2222vw;}
.couponDetail .preCaution .cautionsList li:nth-child(16) {font-weight:bold}
.couponDetail .preCaution .cautionsList li:nth-child(17) {font-weight:bold}
.couponDetail .preCaution .cautionsList li:nth-child(18) {font-weight:bold}
/* eventList  */
#container.eventList {width:100vw;height:100vh; overflow:auto; padding: calc(13.3333vw + env(safe-area-inset-top)) 0 calc(46.6667vw + env(safe-area-inset-bottom)); background: #F8F8F8;}

.eventList .couponWrap{width:91.1111vw; margin:0 4.4444vw;}
.eventList .couponWrap .couponCategory{padding-top:6.6667vw;}
.eventList .couponWrap > .couponCategory > p{display: inline-block; position:relative;font-size: 4.4444vw;font-weight: 600;line-height: 6.6667vw;}
.eventList .couponWrap > .couponCategory > p em{margin-left: 2.2222vw;color:#E8441A; font-weight: 600;}
/*21.08*/
.eventList .couponWrap > .couponCategory .lookup {position: relative; display: inline-block; float: right; font-size: 3.3333vw; padding-right: 3.3333vw; color: #222; height: 6.6667vw; line-height: 6.6667vw; font-weight: 600;}
.eventList .couponWrap > .couponCategory .lookup:after {content: '';position: absolute;right: 0;top: 1.6667vw;width: 1.5278vw;height: 2.5000vw;background: url(../img/common/icon_detail.png) 0 0 no-repeat; background-size: 1.5278vw 2.5000vw;}
.eventList .couponWrap a{display:block;}
.eventList .couponCategory > ul.couponList{padding:2.2222vw 0 3.3333vw 0;}
.eventList .couponCategory > ul.couponList >  li + li{margin-top:2.2222vw;}
.eventList .couponWrap > .couponCategory .lookup + .Tdesc{margin-top:1.6667vw;}
/*//21.08*/
.eventList .couponCategory > ul.couponList .couponImg a {display: block; position: relative;}
/*
.eventList .couponCategory.issue > ul.couponList .couponImg {position: relative;}
.eventList .couponCategory.issue > ul.couponList .couponImg:before {content: '';position: absolute;left: -3.8889vw;top: -2.5000vw;width: 98.8889vw;height: 46.1111vw;background: url(../img/event/img_coupon_shadow.png) 0 0 no-repeat; background-size: 98.8889vw 46.1111vw; z-index: 0;}
*/
.eventList .couponCategory > ul.couponList .couponImg a img{position: relative; width: 100%; height: auto; z-index: 1;}


/* couponDetail */

.couponDetail .couponBox{width: 100vw; margin-left:-4.4444vw; padding:6.6667vw 0;background:#F8F8F8;}
.couponDetail .couponBox .detailImg {position: relative; width: 91.1111vw;; margin: 0 auto;}
.couponDetail .couponBox .detailImg img {width: 100%; height: auto; filter: drop-shadow(0px 6px 10px rgba(0, 0, 0, 0.16));
}

.couponDetail .coupon{margin:0 auto;}
.couponDetail .couponNum{margin:8.8889vw 0 4.571vw;overflow:hidden;} /*2022-06-02 */
.couponDetail .couponNum .couponNumTxt{float:left;max-width:75.0000vw;overflow:hidden;}
.couponDetail .couponNum .couponCopy, .couponPaste, .couponUse{float:right;padding:2.7778vw 4.1667vw 2.5000vw 4.1667vw;border-radius:5.0000vw;font-weight:600;text-align:center;color:#3259D8;background:#F8F8F8;margin-top: 1.9444vw;}
.couponDetail .couponNum .couponNumTxt p.numTxt{margin-bottom:1.3889vw;font-size:5.0000vw;font-weight:600;}
.couponDetail .couponNum .couponNumTxt p.num{font-size:4.4444vw;color:#888;}
.couponDetail .preCaution{margin-top:8.8889vw;}
/* [D] : 관리자등록 유의사항 list-style circle li.dot */
.couponDetail .preCaution .cautionsList li.dot {position:relative;font-weight:300; color:#888; padding-left:2.2222vw; line-height:6.1111vw}
.couponDetail .preCaution .cautionsList li.dot::before {content:'';display:block;position:absolute;left:0;top:2.5000vw;width:0.5556vw; height:0.5556vw;border-radius:50%;background-color:#888}
/* [D] : 관리자등록 유의사항 list-style circle display:none;처리; */
.couponDetail .preCaution .cautionsList li {padding-left: 0;}
.couponDetail .preCaution .cautionsList li:before {display: none;}

.couponDetail .couponView {float:right;padding:2.7778vw 4.1667vw 2.5000vw 4.1667vw;border-radius:5.0000vw;font-weight:600;text-align:center;color:#3259D8;background:#F8F8F8;margin-top: 1.9444vw;} /*2022-06-02*/
.couponDetail .couponPasteEx, .couponDetail .couponUseEx {background: #F8F8F8; color: #888888; font-weight: 600;}

.couponDetail .couponNumTxt .num {display: none;}
.couponDetail .couponNumTxt .num.issue{display: block;}
.couponDetail .couponCopy, .couponPaste, .couponPasteEx, .couponUse, .couponUseEx {display: none;}
.couponDetail .couponCopy.issue, .couponPaste.issue, .couponPasteEx.issue, .couponUse.issue, .couponUseEx.issue {display: block;}
.couponDetail .couponNotice {display: none;}
.couponDetail .couponNotice.issue {display: block;}

#couponDetail .btnArea a {display: none;}
#couponDetail .btnArea a.issue {display: block;}

/* .couponDetail .couponView{display: block;font-size: 4.4444vw;font-weight: 600;color: #3259D8;line-height: 13.3333vw;height: 13.3333vw;text-align: center;background-color: #F8F8F8;border-radius: 2.2222vw;} */

/* eventListEvent */
.event .bannerWrap{width:91.1111vw;margin:6.6667vw 4.4444vw 0 4.4444vw;}
.event .bannerWrap .bannerCon{width:100%;}
.event .bannerWrap .bannerCon.end a{position:relative;}
.event .bannerWrap .bannerCon.end a:before{content:'';position:absolute;width:100%;height:100%;border-radius:2.7778vw;background:rgba(0,0,0,.5);}
.event .bannerWrap a{display:block;}
.event .bannerWrap .bannerCon + .bannerCon{margin-top:2.2222vw;}
.event .bannerWrap .bannerCon img{width:100%;height:auto;border-radius:2.7778vw;}

/* eventDetail */
#container.eventDetail{width:100vw;height:100vh; overflow:auto; padding: calc(13.3333vw + env(safe-area-inset-top)) 0 calc(46.6667vw + env(safe-area-inset-bottom)); background: #fff;}

.eventDetail .eventTit{position:sticky;top:0;left:0;width:100%;padding:8.8889vw 4.4444vw;background:#fff; z-index:10;} /* 2022-01-28 */
.eventDetail .eventTit strong{display:block;font-size:5.0000vw;font-weight:600;line-height:7.2222vw;word-break: keep-all;}
.eventDetail .eventTit span{margin-top:2.2222vw;color:#888;}
.eventDetail .eventImgCon{width:100vw;padding:0;}
.eventDetail .eventImgCon .eventCon{width:100%;}
.eventDetail .eventImgCon .eventCon img{width:100%;height:100%;}

/* eventListTestDrive */
.event .bannerWrap.testDrive .bannerCon + .bannerCon{margin-top:6.9444vw;}

/* 신규혜택 newTag추가 */
.eventList .bannerCon.newTag a:after{top:6.3889vw;right:4.7222vw;}
.couponList .couponImg.newTag a:after{bottom:8.8889vw;right:9.4444vw;}

/* 에디터 CSS  2022-01-28*/
.eventDetail .note-editable {padding:0 !important;}
.eventDetail .note-editor b span {font-weight: 600;}
.eventDetail .note-editor p, .note-editor span, .note-editor font, .note-editor b {font-family: 'Apple SD Gothic Neo', sans-serif !important;}
.eventDetail .note-editor.note-airframe, .note-editor.note-frame { border:0 !important; }
.eventDetail .note-editor.note-airframe .note-editing-area .note-editable[contenteditable=false], .note-editor.note-frame .note-editing-area .note-editable[contenteditable=false] {background-color: #f8f8f8 !important;}
.eventDetail .note-editor.note-airframe .note-statusbar, .note-editor.note-frame .note-statusbar {display: none !important;}


/* couponTab_nomember 2022-06-02  */
.couponImg img {filter: drop-shadow(0px 6px 10px rgba(0, 0, 0, 0.16));}
.couponTitle {padding: 2.286vw 3.429vw; color: #fff; background: #00C7CF; border-radius: 1.143vw; margin-top: 2.857vw;}

/* couponDetail_new 2022-06-02 */
.couponNoticeWrap {width: 100%;display: inline-block; margin-top: 4.571vw;}
.couponNotice {color: #888; font-size: 4vw;}