@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css");

.contEditor ul{list-style-type:none !important}

/* 레이어 */
#eventDimLayer,
#eventDimLayer2{display:none;position:fixed;top:0;left:0;z-index:9;width:100%;height:100%;background-color:rgba(46, 30, 30, 0.6);-webkit-tap-highlight-color:rgba(0,0,0,0)}
.eventLayer{display:none;position:fixed;top:50%;left:0;z-index:18;width:100%}
.eventLayer .inner{position:relative;width:84%;max-width:630px;margin:0 auto;background-color:#fff}
.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}

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

/* 레이어: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}
.eventLayer .eventRound .close{top:7.5vw}

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

/* 이벤트 공통 */
.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 .evtVisual,
.oyEvent_wrap .evtCont{position:relative;width:100%}
.oyEvent_wrap a{display:block;height:100%}
.oyEvent_wrap div[class*="ProductItem_product-item"]  a{height:auto}
.oyEvent_wrap img{display:block;max-width: 100%;}

.slideBox{position:relative}
.OYSlide{position:relative;overflow:hidden}
.swiper-container-horizontal{touch-action:pan-y}
/* Swiper */
.oyEvent_wrap .swiper-wrapper{display:flex}
.oyEvent_wrap .swiper-slide{position:relative;flex:0 0 auto}

/* 상품템플릿 flag */
.oyEvent_wrap .item_box .list_items .item .info .price em{font-style:normal;font-weight:bold;color:#ec635a !important}
.oyEvent_wrap .item_box .list_items .item .thum .flag{display:block;position:absolute;overflow:hidden;width:12vw;height:12vw;background:transparent url('//image.oliveyoung.co.kr/mc-static-root/image/renew/common/bg_flag_discount.png?SF=webp&QT=100') no-repeat;background-size:100% auto}
.oyEvent_wrap .item_box .list_items .item .thum .flag{top:0 !important;left:0 !important;background-color:transparent !important;border-radius:0 !important}
.oyEvent_wrap .item_box .list_items .item .thum .flag>em{font-size:5.333vw;font-style:normal;font-weight:700;line-height:6vw;color:#fff}

/* 상품템플릿 재선언 */
.oyEvent_wrap .list_item_box .item_box{overflow:hidden;border-radius:0 0 3px 3px !important}
.oyEvent_wrap .item_box.two{overflow:hidden;padding:2vw 3vw !important}
.oyEvent_wrap .item_box.two .list_items{border:0 !important}
.oyEvent_wrap .item_box.two .list_items .item .thum{width:40.66vw !important;height:40.66vw !important}
.oyEvent_wrap .item_box.two .list_items .item .thum img{max-width:40.66vw !important;height:40.66vw !important}
.oyEvent_wrap .event_temp_wrap{padding:0}
.oyEvent_wrap .event_temp_wrap .good .thumb i{display:none}

/* 상품 템플릿 ios 대응 */
.oyEvent_wrap .event_temp_wrap .good .info>p u,
.oyEvent_wrap .event_temp_wrap .goods_list .good .info>p span{display:inline!important}
.oyEvent_wrap .evtBtn{position:absolute;bottom:10vw;left:50%;width:74%;transform:translateX(-50%)}
.oyEvent_wrap .btnNotice{bottom:9vw;width:50vw;height:12vw}
.oyEvent_wrap .OYOffline .btnNotice{bottom:18vw}

.oyEvent_wrap .event_temp_wrap .planshop-detail-product-item:empty{height:53.3333vw}

/* 맨즈에딧 배너 */
.oyEvent_wrap .btnTopBanner{position:static;width:100%;transform:translateX(0)}
.oyEvent_wrap .btnHDBanner{position:static;width:100%;transform:translateX(0)}

/* kv */
.oyEvent_wrap .OYVisual{height:141.6vw;position:relative;overflow:hidden;background:#000;}
.oyEvent_wrap .OYVisual .videoBox{font-size:0}
.oyEvent_wrap .OYVisual .videoBox video{position:absolute;top:0;left:0;height:100%;width:auto}


/* 픽스네비 */
.fixedTabWrap{height:13.333vw}
.fixedTabWrap .fixedTab{position:relative;z-index:2;overflow-x:auto;overflow-y:hidden;background-color:#000}
.fixedTabWrap .fixedTab.fixed{position:fixed;top:0;left:0;width:100%;transition:transform .2s ease-out .2s}
.fixedTabWrap .fixedTab.off{opacity:0;pointer-events:none}
.fixedTabWrap .fixedTab::-webkit-scrollbar{display:none}
.fixedTabWrap .fixedTab .inner{position:relative;width:fit-content;padding:0 4vw;font-size:0;line-height:normal;white-space:nowrap}
.fixedTabWrap .fixedTab .inner:before{position:absolute;right:0;bottom:0;left:0;height:0.1333vw;background-color:#000;content:''}
.fixedTabWrap .fixedTab .tab{display:inline-block;padding:0 4vw;height:13.333vw;background:transparent;font-family:'Pretendard';font-size:4vw;font-weight:500;color:#fff;opacity:.6;appearance:none}
.fixedTabWrap .fixedTab .tab + .tab{margin-left:5.333vw}
.fixedTabWrap .fixedTab .tab.active{position:relative;font-weight:700;opacity:1}
.fixedTabWrap .fixedTab .tab.active:after{position:absolute;right:0;bottom:0;left:0;height:0.4vw;background-color:#fff;content:''}

header.on ~ main .fixedTabWrap .fixedTab{transform:translateY(0)}
header.on ~ main .fixedTabWrap .fixedTab.fixed{transform:translateY(48px);transition:transform .2s ease-out .2s}

/* 쿠폰 */
.oyEvent_wrap .OYCoupon .btnCoupon{position:absolute;top:40.1333vw;left:50%;width:86.6667vw;transform:translateX(-50%);width:86.6667vw;height:29.333vw;background:url("//image.oliveyoung.co.kr/uploads/contents/202609/14allMansWeek/2609_14allMansWeek_mc_coupon01.png?SF=webp&QT=100") no-repeat top/100%}
.oyEvent_wrap .OYCoupon .btnCoupon.down{background:url("//image.oliveyoung.co.kr/uploads/contents/202609/14allMansWeek/2609_14allMansWeek_mc_coupon01_down.png?SF=webp&QT=100") no-repeat top/100%}
.oyEvent_wrap .OYCoupon .btnCoupon.soldout:after{position:absolute;top:0;left:0;width:86.6667vw;height:29.333vw;background:url("//image.oliveyoung.co.kr/uploads/contents/202609/14allMansWeek/2609_14allMansWeek_mc_coupon_soldout.png?SF=webp&QT=100") no-repeat top/100%;content:''}
.oyEvent_wrap .OYCoupon .btnCouponItem{position:absolute;bottom:20.9533vw;height:12vw}
.oyEvent_wrap .OYCoupon .btnNotice{bottom:7vw}

/* men's edit 추가혜택 */
.oyEvent_wrap .OYPlusBenefit .btnMansEvent{bottom:13.9533vw;width:73.334vw;height:12vw}


/* 맨즈 특가 */
.oyEvent_wrap .OYProduct .btnCoupon{position:absolute;top:44vw;left:50%;width:86.6667vw;transform:translateX(-50%);width:86.6667vw;height:29.333vw;background:url("//image.oliveyoung.co.kr/uploads/contents/202609/14allMansWeek/2609_14allMansWeek_mc_coupon02.png?SF=webp&QT=100") no-repeat top/100%}
.oyEvent_wrap .OYProduct .btnCoupon.down{background:url("//image.oliveyoung.co.kr/uploads/contents/202609/14allMansWeek/2609_14allMansWeek_mc_coupon02_down.png?SF=webp&QT=100") no-repeat top/100%}
.oyEvent_wrap .OYProduct .btnCoupon.soldout:after{position:absolute;top:0;left:0;width:86.6667vw;height:29.333vw;background:url("//image.oliveyoung.co.kr/uploads/contents/202609/14allMansWeek/2609_14allMansWeek_mc_coupon_soldout.png?SF=webp&QT=100") no-repeat top/100%;content:''}
.oyEvent_wrap .OYProduct .btnMore {position:absolute;bottom:13.3333vw;height:12vw;width : 45.3333vw;transform: translateX(0);}
.oyEvent_wrap .OYProduct .btnMore.typeMakeup{left: 3vw;}
.oyEvent_wrap .OYProduct .btnMore.typeHair{left: auto;right: 3vw;}


/* 9월의 브랜드 */
.oyEvent_wrap .OYBrand .OYTabList{display:flex;overflow:hidden;height:10.6667vw;position:absolute;top:40.1333vw;left:8vw;width:84vw}
.oyEvent_wrap .OYBrand .OYTabItem{width:50%}
.oyEvent_wrap .OYBrand .OYTabContList{overflow:hidden}
.oyEvent_wrap .OYBrand .OYTabContItem{display:none}
.oyEvent_wrap .OYBrand .event_temp_wrap {overflow: hidden;padding:5.6vw 4vw;background-color: #fff; min-height: 260px;}

/* 맨즈 필수템 */
.oyEvent_wrap .OYEssential{padding-bottom:16vw;background:#287CD9}
.oyEvent_wrap .OYEssential .swiper-slide{position:relative;width:100%;padding:0 4vw}
.oyEvent_wrap .OYEssential .chipSlide{position:relative;overflow:hidden;height:auto;background-color:#287CD9}
.oyEvent_wrap .OYEssential .swiper-pagination-wrap{overflow:auto;white-space:nowrap;margin-bottom:9.3333vw}
.oyEvent_wrap .OYEssential .swiper-pagination-wrap::-webkit-scrollbar{display:none}
.oyEvent_wrap .OYEssential .swiper-pagination{display:flex;justify-content:center;align-items:center;position:static;width:100%;margin:0 4vw;font-size:0;transform:none;transition:none}
.oyEvent_wrap .OYEssential .swiper-pagination-bullet{display:inline-block;width:auto;max-width:18.2667vw;height:auto;padding:1.8vw 4.2667vw;border:0.1333vw solid transparent;background:transparent;background-color:rgba(255, 255, 255, 0.14);font-family:'Pretendard';font-size:3.7333vw;line-height:4.8vw;color:rgba(255, 255, 255, 0.6);vertical-align:top;opacity:1;border-radius:4.667vw;text-align:center;box-sizing:border-box}
.oyEvent_wrap .OYEssential .swiper-pagination-bullet + .swiper-pagination-bullet{margin-left:2.1333vw}
.oyEvent_wrap .OYEssential .swiper-pagination-bullet-active{border-color:#fff;background-color:#fff;font-weight:700;color:#000}
.oyEvent_wrap .OYEssential .OYTabContList{overflow:hidden;background:transparent;border-radius:0 0 2.6667vw 2.6667vw}
.oyEvent_wrap .OYEssential .OYTabContItem{display:none}
.oyEvent_wrap .OYEssential .essentialBanner{margin-bottom:4vw}
.oyEvent_wrap .OYEssential .event_temp_wrap{overflow:hidden;padding:5.8667vw 0 6.6667vw;background-color:#fff;border-radius:2vw}
.oyEvent_wrap .OYEssential .btnMoveSec{position:static;width:73.3333vw;margin:4vw auto 0;transform:translate(0)}

.oyEvent_wrap .OYEssential .event_temp_wrap.carouselType01{margin-bottom:4vw}
.oyEvent_wrap .OYEssential .event_temp_wrap div[class*="ProductList_product-list"]{padding:0;margin:0 2vw}
.oyEvent_wrap .OYEssential .event_temp_wrap div[class*="ProductItem_product-item"]{margin-left:0}


/* 맨즈 추천템 */
.oyEvent_wrap .OYRecommend {padding-bottom:16vw ;}
.oyEvent_wrap .recoList li + li{margin-bottom:9.3333vw}
.oyEvent_wrap .recoList li:last-child{margin-bottom:0}
.oyEvent_wrap .btnTitle{position:static;width:92vw;margin:0 auto;transform:translateX(0)}
.oyEvent_wrap .OYRecommend .event_temp_wrap {overflow: hidden;padding:5.6vw calc(4vw - 15px) 4vw;background-color: #fff;}


/* 영상 */
.oyEvent_wrap .OYVideo .videoBox{font-size:0;position:relative}
.oyEvent_wrap .OYVideo .videoBox video{position:absolute;top:33.6vw;left:4vw;width:92vw;height:110.4vw;border-radius:1.3333vw;overflow:hidden;box-shadow:1.0667vw 1.0667vw 1.3333vw 0 rgba(0, 0, 0, 0.30)}
.oyEvent_wrap .OYVideo .btnMore{position:absolute;bottom:25.3333vw;height:12vw}

/* 럭키드로우 */
.oyEvent_wrap .OYLuckydraw .btnKakao{bottom:43vw;width:73.334vw;height:12vw}
.oyEvent_wrap .OYLuckydraw .btnApply{bottom:28.6427vw;width:73.334vw;height:12vw}
.oyEvent_wrap .OYLuckydraw .btnNotice{bottom:12vw}

/* 팝업 공통부분 재선언 */
.eventLayer .inner.eventRound{width:85.33%;max-width:640px}
.eventLayer .eventList .listItem.noteType01:before{content:'*'}
.eventLayer .eventList .listItem.noteType02{padding-left:15px}
.eventLayer .eventList .listItem.noteType02:before{content:'※'}
.eventLayer .eventList .listItem.last{margin-top:5px;padding-left:15px}
.eventLayer .eventList .listItem.last:before{content:'※'}
.eventLayer .eventNotice2 ul,
.eventLayer .eventList{margin-top:10px}
.eventLayer .eventTitle + .eventList{margin-top:5px}
.eventLayer .eventList .listItem.red{font-weight:700;color:#f00}
.eventLayer .eventList .listItem.bold{font-weight:700}

.eventLayer .eventList .listItem.blue{color:#229bc1}
.eventLayer .eventList .listItem .red{color:#f00}

.dim,
.dims{z-index:19 !important}
.scroll_lock{overflow:hidden;overscroll-behavior:contain}


/* 이미지 팝업 */
.eventLayer .inner.non_bg{width:85.333vw;background: transparent;}
.eventLayer .inner.non_bg .close.eventHideLayer{top:0;right:0;width:14.667vw;height:14.667vw;opacity:0}

.eventLayer .inner.non_bg .eventConts{max-height:initial}
.eventLayer .inner.non_bg .eventConts > .evtBtn{position:absolute;bottom:0;left:0;width:100%;height:15.867vw}
.eventLayer .inner.non_bg .eventConts > .btnCopy{position:absolute;bottom:26.9333vw;left:50%;width:74.6667vw;height:8vw;border: 1px solid rgba(0, 0, 0, 0.20); transform:translateX(-50%);border-radius:.6667vw}
.eventLayer .inner.non_bg .eventConts > .btnCopy a{display:flex;justify-content:center;align-items:center;width:100%;height:100% ;box-sizing:border-box}
.eventLayer .inner.non_bg .eventConts > .btnCopy .urlText{display:block;overflow:hidden;width:100%;font-size:3.7333vw;line-height:8vw;white-space:nowrap;color:#999;text-overflow:ellipsis;padding: 0 2.6667vw;}
.eventLayer .inner.non_bg .buttonBox{display:flex;gap:2.667vw;position:absolute;bottom:8vw;left:6vw;width:73.333vw;height:14.667vw}

.eventLayer .inner.non_bg .buttonBox .evtBtn{flex:1 1 auto;height: 14.6667vw; position: static; transform: translate(0);}
.eventLayer .inner.non_bg .evtBtn a{display:block;height:100%}


/* 비디오 모듈 여백 대응 */
div[class^="ArticleTemplate_eventWrap"] div[class^="ArticleTemplate_blockWrap"] div[class^="ArticleTemplate_mediaBlock"]{margin:0}
div[class^="ArticleTemplate_eventWrap"] div[class^="ArticleTemplate_blockWrap"] div[class^="ArticleTemplate_mediaBlock"] div[class^="ArticleTemplate_videoWrap"] div[class^="ArticleTemplate_soundButton"]{display:none}

@media screen and (min-width: 750px) {
  .oyEvent_wrap .btnNotice{bottom:67.5px;width:375px;height:90px}
  
	/* 상품 템플릿 ios 대응 */
	.oyEvent_wrap .event_temp_wrap .planshop-detail-product-item:empty{height:400px}

	/* kv */
	.oyEvent_wrap .OYVisual{height:1062px}
	.fixedTabWrap{height:100px}
  .fixedTabWrap .fixedTab.fixed {width: 750px;left: 50%;margin-left: -375px;}
	.fixedTabWrap .fixedTab .inner{padding:0 30px}
	.fixedTabWrap .fixedTab .inner:before{height:1px}
	.fixedTabWrap .fixedTab .tab{padding:0 30px;height:100px;font-size:30px}
	.fixedTabWrap .fixedTab .tab + .tab{margin-left:40px}
	.fixedTabWrap .fixedTab .tab.active:after{height:3px}
	header.on ~ main .fixedTabWrap .fixedTab.fixed{transform:translateY(48px)}
  

	/* 쿠폰 */
	.oyEvent_wrap .OYCoupon .btnCoupon{top:301px;width:650px;height:220px}
	.oyEvent_wrap .OYCoupon .btnCoupon.soldout:after{width:650px;height:220px}
	.oyEvent_wrap .OYCoupon .btnCouponItem{bottom:157px;height:90px}
	.oyEvent_wrap .OYCoupon .btnNotice{bottom:53px}

	/* men's edit 추가혜택 */
	.oyEvent_wrap .OYPlusBenefit .btnMansEvent{bottom:105px;width:550px;height:90px}
	.oyEvent_wrap .OYProduct .btnCoupon{top:330px;width:650px;height:220px}
	.oyEvent_wrap .OYProduct .btnCoupon.soldout:after{width:650px;height:220px}
  .oyEvent_wrap .OYProduct .btnMore {bottom:100px;height:90px;width:340px;}
  .oyEvent_wrap .OYProduct .btnMore.typeMakeup{left: 22.5px;}
  .oyEvent_wrap .OYProduct .btnMore.typeHair{right: 22.5px;}

	/* 8월맨즈특가 */
	.oyEvent_wrap .OYMansPrice{padding:301px 0 120px}
	.oyEvent_wrap .OYMansPriceCont .mansPriceBox{width:690px;border-radius:20px}
	.oyEvent_wrap .OYMansPrice .event_temp_wrap{padding:30px 26px;border-radius:0 0 20px 20px}

	/* 9월의 브랜드 */
	.oyEvent_wrap .OYBrand .OYTabList{height:80px;top:301px;left:60px;width:630px}
  .oyEvent_wrap .OYBrand .event_temp_wrap {padding:42px 30px;}
  
  
	/* 맨즈 필수템 */
	.oyEvent_wrap .OYEssential{padding-bottom:120px}
	.oyEvent_wrap .OYEssential .swiper-slide{padding:0 30px}
	.oyEvent_wrap .OYEssential .swiper-pagination-wrap{margin-bottom:70px}
	.oyEvent_wrap .OYEssential .swiper-pagination{margin:0 30px}
	.oyEvent_wrap .OYEssential .swiper-pagination-bullet{max-width:137px;padding:14px 32px;border:1px solid transparent;font-size:28px;line-height:36px;border-radius:35px}
	.oyEvent_wrap .OYEssential .swiper-pagination-bullet + .swiper-pagination-bullet{margin-left:16px}
	.oyEvent_wrap .OYEssential .OYTabContList{border-radius:0 0 20px 20px}
	.oyEvent_wrap .OYEssential .essentialBanner{margin-bottom:30px}
	.oyEvent_wrap .OYEssential .event_temp_wrap{padding:44px 0 50px;border-radius:15px}
	.oyEvent_wrap .OYEssential .btnMoveSec{width:550px;margin:30px auto 0}
	.oyEvent_wrap .OYEssential .event_temp_wrap.carouselType01{margin-bottom:30px}
	.oyEvent_wrap .OYEssential .event_temp_wrap div[class*="ProductList_product-list"]{margin:0 15px}

	/* 맨즈 추천템 */
  .oyEvent_wrap .OYRecommend {padding-bottom:120px ;}
	.oyEvent_wrap .recoList li + li{margin-bottom:70px}
	.oyEvent_wrap .btnTitle{width:690px}
  .oyEvent_wrap .OYRecommend .event_temp_wrap {padding:42px calc(30px - 15px) 30px;}
    
	/* 영상 */
	.oyEvent_wrap .OYVideo .videoBox video{top:252px;left:30px;width:690px;height:828px;border-radius:10px;box-shadow:8px 8px 10px 0 rgba(0, 0, 0, 0.30)}
	.oyEvent_wrap .OYVideo .btnMore{bottom:190px;height:90px}

	/* 럭키드로우 */
	.oyEvent_wrap .OYLuckydraw .btnKakao{bottom:323px;width:550px;height:90px}
	.oyEvent_wrap .OYLuckydraw .btnApply{bottom:215px;width:550px;height:90px}
	.oyEvent_wrap .OYLuckydraw .btnNotice{bottom:90px}
  
  /* 팝업 */
  .eventLayer .inner.non_bg{width:640px}
	.eventLayer .inner.non_bg .close.eventHideLayer{width:110px;height:110px}
	.eventLayer .inner.non_bg .eventConts > .evtBtn{height:119px}
	.eventLayer .inner.non_bg .eventConts > .btnCopy{bottom:202px;width:560px;height:60px;border-radius:5px}
	.eventLayer .inner.non_bg .eventConts > .btnCopy .urlText{font-size:28px;line-height:60px;padding:0 20px}
	.eventLayer .inner.non_bg .buttonBox{gap:20px;bottom:60px;left:45px;width:550px;height:110px}
	.eventLayer .inner.non_bg .buttonBox .evtBtn{height:110px}
}