@charset "utf-8";
@import url("/css/webfont.css");
@import url("/css/webfont.promotion.css");

.event_wrap {overflow: hidden;}
.event_wrap i {display: inline-block;}
.event_wrap .container {box-sizing: border-box; padding: 0 20px;}
.evt_notice_btn {color: #666666;font-size: 12px;margin: 0 auto; padding: 2px; border-bottom: 1px solid #666666;font-weight: 500;}
.evt_notice_btn i {width: 14px; height: 14px;background:url("//img.enuri.info/images/event/2023/attendance/oct/ico_noti_m.png");background-size: 100%; vertical-align: -3px; margin-right: 2px;}

/* ----------------------------------------------------------------
					비쥬얼
-----------------------------------------------------------------*/
.visual {position: relative; background: url("//img.enuri.info/images/event/2024/attendance/sep/bg-m.png?=v4") center no-repeat; background-size: cover;}
.visual::before{content: ""; display: block; width: 184px; height: 85px; background: url("//img.enuri.info/images/event/2024/attendance/sep/visual-deco1.png");position: absolute; left: 0; bottom: 0; background-size: 100%; animation: decomove 3s infinite ease-in-out; transform-origin: left bottom;}
.visual::after{content: ""; display: block; width: 184px; height: 85px; background: url("//img.enuri.info/images/event/2024/attendance/sep/visual-deco2.png");position: absolute; right: 0; bottom: 0; background-size: 100%; animation: decomove 3s infinite ease-in-out; transform-origin: right bottom;}
.visual .container {box-sizing: border-box; max-width: 800px;}
.visual_top {position: relative;}
.visual span {display: block;}
.btn_page_close {top: 28px; right: 28px;}
.btn_page_close::before,
.btn_page_close::after {background: #666;}
.visual_top .container {padding: 64px 0 34px;}
.visual_evt_date {background: #fff; color: #333333; font-weight: bold;text-align: center; position: absolute; left: 50%; transform: translateX(-50%); top: 66px; z-index: 5;font-size: 12px; display: flex;}
.date_txt {background: #783C07; color: #fff;padding: 9px 0;width: 77px;}
.date_num {padding: 9px 0;width: 122px;}
.visual_main_txt {width: 265px; height: 187px;background:url("//img.enuri.info/images/event/2024/attendance/sep/visual_main_txt_m.png");background-size: 100%;margin: 56px auto 0;}

/* visual_deco */
.visual-deco {position: absolute;z-index: 5; left: 50%; bottom: 30px; height: 130px; width: 223px; background: url("//img.enuri.info/images/event/2024/attendance/sep/visual-deco_m.png") 0 0 / 100%; transform: translateX(-50%)}
.visual_bot {position: relative;}
.visual_bot .container {padding: 214px 0;}

@keyframes decomove{
	0% {transform:  rotate(-2deg);}
	50%{transform: rotate(2deg);}
	100% {transform: rotate(-2deg);}
}
/* calendar */
.calendar {width: calc(100% - 40px);position: absolute;left: 50%;top: 0;z-index: 3; transform: translateX(-50%);}
.calendar_top {padding: 8px 0;background: #69492D;border-radius: 4px 4px 0 0; position: relative;}
.calendar_top span {font-size: 12px; color: #fff;width: 100%;text-align: center;letter-spacing: -0.6px;line-height: 18px;font-weight: 500;}
.calendar_top span em {padding-left: 66px; font-size: 16px; margin: 0 4px;font-weight: bold; vertical-align: -1px;  text-decoration-line: underline; text-underline-offset: 3px; background: url("//img.enuri.info/images/event/2024/attendance/sep/my-emoney.svg") 0 50% /63px no-repeat;}  
.calendar_bot {background: #69492D;padding: 0 12px 28px; border-radius: 0 0 4px 4px;}
.calendar_wrap {padding: 0 12px 16px;background: #fff;}
.calendar_bot table {text-align: center;}
.day_of_week th {padding: 18px 0 8px; color: rgba(0, 0, 0, 0.6); font-weight: 400;font-size: 11px;}
.day_of_week th.sun {color: #FF5858;}
.visual td {padding: 7px 0;}
.visual td span {width: 26px; height: 26px;border-radius: 50%;color: #989898;font-size: 14px;margin: 0 auto;line-height: 26px;position: relative;}
.visual td span.complete {background: #EF8324; color: #fff;}
.visual td span.double::after {content: ""; display: block; width: 20px; height: 15px;background: url("//img.enuri.info/images/event/2024/attendance/sep/x2.png");background-size: 100%;position: absolute; top: -10px;right: -8px; animation: icomove  2.2s infinite;}

/* 비쥬얼 애니메이션 */
@keyframes icomove  {
	0%, 20%, 40%, 60%, 80%, 100% {transform: translateY(0);}
	50%,70% {transform: translateY(-2px);}
} 

@media (min-width:768px){
	.visual { background: url("//img.enuri.info/images/event/2024/attendance/sep/visual-bg.png?=v2") center 0 no-repeat; background-size: cover;}
	.visual::before {width: 598px; height: 271px; background: url("//img.enuri.info/images/event/2024/attendance/sep/visual-deco1-pc.png");}
	.visual::after {width: 590px; height: 271px; background: url("//img.enuri.info/images/event/2024/attendance/sep/visual-deco2-pc.png");}
	.visual_top::before {content: ""; display: block; width: 44px; height: 107px; background: url("//img.enuri.info/images/event/2024/attendance/sep/visual-top-deco.png") 0 0 /100%;position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
	.visual_top .container {padding: 126px 0 54px;}
	.visual_evt_date {width: 264px;font-size: 16px;  margin: 0 auto; top: 126px;}
	.date_txt {width: 102px;}
	.date_num {width: 162px;}
	.visual_main_txt {width: 514px; height: 214px;background: url("//img.enuri.info/images/event/2024/attendance/sep/visual_main_txt.png");background-size: 100%;bottom: 54px;}
	.visual_bot .container {padding: 415px 0;}
	.visual-deco {bottom: 40px; height: 319px; width: 545px; background:  url("//img.enuri.info/images/event/2024/attendance/sep/visual-deco-pc.png");background-size: 100%;;}
	.calendar {width: 100%;}
	.visual td {padding: 12px 0;}
	.calendar_top {padding: 20px 0;border-radius: 10px 10px 0 0;}
	.calendar_top span {font-size: 24px; line-height: 35px;}
	.calendar_top span em {font-size: 30px; margin: 0 6px; vertical-align: -2px; padding-left: 132px; background-size: 126px; text-underline-offset: 5px;}
	.calendar_bot {padding: 0 30px 30px; border-radius: 0 0 10px 10px;}
	.calendar_wrap {padding: 0 36px 35px}
	.day_of_week th {font-size: 20px; padding: 50px 0 15px;}
	.visual td span {font-size: 16px;width: 54px; height: 54px;font-size: 30px; line-height: 54px;}
	.visual td span.double::after {width: 40px; height: 30px; top: -15px;right: -14px;}
}


/* ---------------------------------------------------------------
					더블데이
-----------------------------------------------------------------*/
.double-day {background: #F9F2E7; position: relative; padding: 30px 0;}
.double-day span {display: block;}
.double-day__tit {width: 272px; height: 85px;background: url("//img.enuri.info/images/event/2024/attendance/sep/benfit1_tit_m.png");background-size: 100%; margin: 0 auto 23px;}
.double-day__tit--sub{color: #333; font-weight: 500; text-align: center; line-height: 25px; font-size: 18px;}
.double_day_wrap {margin-top: 20px;}
.double-day__list {gap: 8px; display: flex; flex-wrap: wrap;}
.double-day__list li {box-sizing: border-box; width: calc(50% - 4px); flex: 0 0 auto;} 
.double-day__list li > a > div {background: #fff; border: 1px solid #69492D; border-radius: 4px; padding: 8px;position: relative;}
.day_date {background: #69492D; color: #fff;width: 60px; height: 20px; font-size: 12px; line-height: 20px; text-align: center; border-radius: 40px; margin: 0 auto 2px;font-weight: 600;}
.day_img {height: 95px; margin: 8px auto; text-align: center; line-height: 95px;}
.day_img img {vertical-align: middle;}
.day_img1 {width: 103px;}
.day_img2 {width: 90px;}
.day_img3 {width: 83px;}
.day_img4 {width: 96px;}
.day_img5 {width: 85px;}
.day_img6 {width: 97px;}
.double-day__list .day_txt {display: block;font-size: 10px; color: #444;text-align: center;font-weight: 700;letter-spacing: -0.3px;line-height: 13px;position: relative;}
.double-day__list .day_txt i {position: absolute; width: 7px; height: 10px;background: url("//img.enuri.info/images/event/2024/attendance/jan/double_day_i.png");background-size: 100%;position: absolute ;top: 50%; transform: translateY(-50%);right: 0;}
.double-day__noti {margin: 17px 0 26px; font-size: 14px; color: #444; text-align: center; }
.double-day__noti em {background: #783C07; color: #fff; margin-right: 4px;padding: 2px 7px; border-radius: 10px;} 
.btn_attendance {display: block; width: 220px; height: 48px; background: #69492D; font-size: 16px; color: #fff;border-radius: 100px; margin: 0 auto;position: relative;font-weight: 500; letter-spacing: -0.3px; text-align: left; padding: 0 46px;}
.btn_attendance i {width: 24px;height: 8px; background: url("//img.enuri.info/images/event/2023/attendance/oct/i_arrow_m.png");background-size: 100%; position: absolute; right: 45px;top: 50%;transform: translateY(-50%);}

@media (min-width:768px){
	.double-day {padding: 60px 0;}
	.double-day__tit {width: 588px; height: 83px;background: url("//img.enuri.info/images/event/2024/attendance/sep/benfit1_tit.png");background-size: 100%; margin: 0 auto 16px;}
	.double-day__tit--sub {font-size: 24px; line-height: 28px;}
	.double_day_wrap {margin-top: 60px;}
	.double-day__list {gap: 10px;}
	.double-day__list li {width: calc(33% - 5px);}
	.double-day__list li.end::after{border-radius: 10px; font-size: 30px; line-height: 376px;}
	.double-day__list li > a > div {padding: 24px 0 20px; border-radius: 10px;}
	.double-day__list li > a > div .day_img {transition: .25s;}
	.double-day__list li > a > div:hover .day_img{scale: 1.03;}
	.double-day__list .day_date {font-size: 16px; width: 77px; height: 26px; line-height: 26px;}
	.day_img {height: 250px; margin: 8px auto; text-align: center; line-height: 250px;}
	.day_img1 {width: 206px;}
	.day_img2 {width: 180px;}
	.day_img3 {width: 166px;}
	.day_img4 {width: 192px;}
	.day_img5 {width: 170px;}
	.day_img6 {width: 194px;}
	.double-day__list .day_txt {font-size: 16px; line-height: 19px;}
	.double-day__list .day_txt i{ width: 9px; height: 13px;;background-size: 100%;right: 20px;}
	.benefit1_noti {margin: 30px 0 46px; font-size: 20px;}
	.benefit1_noti em {margin-right: 6px; border-radius: 14px; padding: 2px 10px;}  
	.btn_attendance {width: 360px; height: 72px; font-size: 24px; padding: 0 87px;}
	.btn_attendance i {width: 38px; height: 8px; background: url(//img.enuri.info/images/event/2023/attendance/oct/i_arrow.png); background-size: 100%; right: 87px;}

}
@media (min-width:1025px){
	.double-day .container {width: 850px;}
}


/* ----------------------------------------------------------------
					entry
-----------------------------------------------------------------*/
.entry {padding: 44px 0; background: #F1E0C5;}
.entry span {display: block;}
.entry__tit {width: 280px; margin: 0 auto 10px;}
.benfit2_sub_tit {color: #333; text-align: center; line-height: 20px; font-size: 16px; font-weight: 500;}
.attendance_award_wrap {margin: 20px auto; max-width: 320px; display: flex; flex-wrap: wrap; gap: 7px 0;}
.attendance_award_wrap > div {width: 100%;}
.button_wrap {width: 100%; align-items: center; height: 66px; display: flex;}
.attendance_award_wrap button {display: block;text-align: center;margin: 0 auto;width: 100%;}
.btn_award_txt {font-size: 13px; font-weight: 700;display: block; color: #fff; background: #783C07; border-radius: 10px 0px 0px 10px; line-height: 17px; width: 66px; height:100%; padding: 16px 0; box-sizing: border-box;}
.btn_product_cont {background:#fff; border-radius: 0 10px 10px 0;display: flex; width: calc(100% - 66px); height: 100%; padding: 0 10px; box-sizing: border-box; align-items: center; justify-content: space-around}
.btn_award_img1 {width: 50px;}
.btn_award_img2 {width: 68px;}
.btn_award_img3 {width: 73px;}
.pro_txt {color: #333333; font-size: 12px; letter-spacing: -0.5px;line-height: 16px;}
.pro_txt > span {color: #888; display: block;}
.benefit2_noti {font-size: 12px; color: #505050; text-align: center; }
.benefit2_noti span {display: inline;}
.benefit2_noti em{font-weight: 700;}
.evt_notice_btn {margin-top: 24px;}

@media (min-width:768px){
	.entry {padding: 60px 0;}
	.entry__tit {width: 560px; margin-bottom: 23px;}
	.benfit2_sub_tit {font-size: 24px; line-height: 28px;}
	.attendance_award_wrap{margin: 40px auto 30px; max-width: 820px; gap: 0 15px;}
	.attendance_award_wrap > div {width: calc(33.333% - 10px)}
	.btn_award_txt {font-size: 18px; padding: 11px 0; border-radius: 10px 10px 0px 0px; line-height: 23px; width: 100%;}
	.btn_product_cont {height: 197px;border-radius: 0px 0px 10px 10px; width: 100%; flex-wrap: wrap;}
	.button_wrap {height: auto; flex-wrap: wrap;}
	.btn_award_img1 {width: 110px;}
	.btn_award_img2 {width: 110px;}
	.btn_award_img3 {width: 148px;}
	.btn_award_img {height: 148px;}
	.pro_txt {font-size: 16px;line-height: 21px; margin-top: 0; width: 100%;}
	.benefit2_noti {font-size: 18px;}
	.evt_notice_btn {margin-top: 48px;margin-top: 50px; font-size: 16px;}
	.evt_notice_btn i {width: 16px;height: 16px;background: url("//img.enuri.info/images/event/2023/attendance/oct/ico_noti.png");background-size: 100%;vertical-align: -3px;margin-right: 4px;}

}

/* ----------------------------------------------------------------
					sns_share
-----------------------------------------------------------------*/
.sns_share {background:#F9F2E7 ; padding: 40px 0;}
.sns_share span {display: block;}
.sns_share .sns_share_main_tit {width: 230px; height: 56px;background: url("//img.enuri.info/images/event/2024/attendance/sep/sns_share_main_tit_m.png");background-size: 100%; margin: 0 auto }
.sns_share .sns_button_wrap {width: 200px; margin: 30px auto 0; text-align: center;}
.sns_share .sns_button_wrap .col {padding : 0 10px; box-sizing: border-box;}
.sns_share .btn_img {width: 44px; height: 44px;}
.sns_share .btn_txt {font-size: 12px ; color: #444; font-weight: 500; line-height: 18px; margin-top: 6px;}
.sns_share .btn_kakao .btn_img{background: url("//img.enuri.info/images/event/2023/attendance/nov/btn_kakao_m.png");background-size: 100%;}
.sns_share .btn_share .btn_img {background: url("//img.enuri.info/images/event/2024/attendance/sep/btn_share.png");background-size: 100%;}
.sns_share .btn_copy .btn_img{background: url("//img.enuri.info/images/event/2024/attendance/sep/btn_copy.png");background-size: 100%;}

@media (min-width:768px){
	.sns_share {padding: 80px 0;}
	.sns_share .sns_share_main_tit {width: 571px; height: 42px;background: url("//img.enuri.info/images/event/2024/attendance/sep/sns_share_main_tit.png");background-size: 100%}
	.sns_share .sns_button_wrap {width: 410px; margin: 50px auto 0;}
	.sns_share .sns_button_wrap .col {padding : 0 30px;}
	.sns_share .btn_img {width: 88px; height: 88px;}
	.sns_share .btn_txt {font-size: 22px; line-height: 33px; margin-top: 10px;}
}

/* ----------------------------------------------------------------
					출석 적립완료 레이어
-----------------------------------------------------------------*/
#attendance_complete_layer .evt_com_layer_head{background: #F9F2E7; border-radius: 0; padding: 12px 0 14px;}
#attendance_complete_layer .evt_com_layer_head img {width: 39px; margin: 0 auto;}
#attendance_complete_layer .head_txt {font-weight: 700; color: #444; line-height: 19px; font-size: 16px; margin-top: 6px; padding-top: 40px; background: url("//img.enuri.info/images/event/2024/attendance/sep/head_txt.svg") 50% 0 no-repeat;}
.head_txt2 {background: url("//img.enuri.info/images/event/2024/attendance/sep/head-txt-i.svg") 0 50% / 62px no-repeat; padding-left: 66px;}
#attendance_complete_layer .evt_com_layer_head .btn_layer_close {padding: 22px;}
#attendance_complete_layer .evt_com_layer_cont {background: #fff;padding: 14px 0 36px 0; max-height: none;}
#attendance_complete_layer .swiper-container {overflow-x: hidden }
#attendance_complete_layer .swiper-container::-webkit-scrollbar {display: none;scrollbar-color: red;}
#attendance_complete_layer .swiper-slide {width: 110px !important; margin-right: 8px;}
#attendance_complete_layer .swiper-slide:first-child {margin-left: 8px;}
#attendance_complete_layer .item_img {width: 110px; height: 110px; border: 1px solid rgba(0, 0, 0, 0.03);background: rgba(0, 0, 0, 0.02);border-radius: 4px;}
#attendance_complete_layer .item_img img {width: 100%; height: 100%;}
#attendance_complete_layer .item_info {margin-top: 2px; width: 110px;font-weight: 500;}
#attendance_complete_layer .item_name {font-size: 12px; color: #222; height: 32px ; overflow: hidden; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;line-height: 16px;}
#attendance_complete_layer .enuri_lowest_price {display: block; color: #FA5A5A; font-size: 13px;margin-top: 3px;}
#attendance_complete_layer .item_price {font-size: 13px; color: #FA5A5A;}
#attendance_complete_layer .item_price em{font-weight: 700;font-size: 16px;}
#attendance_complete_layer .more_item {display: block; background-color: #69492D; color: #fff; width: 228px; height: 48px; border-radius: 100px; margin: 40px auto 0;font-size: 18px;line-height: 48px; text-align: center;position: relative}
#attendance_complete_layer .more_item span {font-weight: 600;}
#attendance_complete_layer .more_item i {position: absolute; font-size: 12px; color: #333333; width: 188px; height: 36px; background:url("//img.enuri.info/images/event/2024/attendance/sep/more_item_i.png") no-repeat;background-size: 100%;right: 18px; top: -18px;font-style: normal; line-height: 22px;animation: icomove 2s infinite;}

@media (min-width:768px){
	#attendance_complete_layer .lowest_price_list li{padding-right: 8px;}
	#attendance_complete_layer .lowest_price_list li:first-child {padding-left: 8px;}
}