@charset "utf-8";

.container {box-sizing: border-box;}

@media (min-width:768px) {
	.container {max-width: 820px;}
}
/* ----------------------------------------------------------------
					visual
-----------------------------------------------------------------*/
.visual { text-align: center; color: #fff; position: relative; background-color: #1A70DD;}
.visual .container {padding: 102px 0 65px; background: url(https://img.enuri.info/images/event/2025/saving-manual/feb/bg-m.png) #1A70DD 0 0 / 282px no-repeat;}
.visual .container::before {content: ""; display: block; width: 32px; height: 36px; background: url(https://img.enuri.info/images/event/2025/saving-manual/feb/visua-coin1-m.png) 0 0 / 100%; position: absolute; left: 0; bottom: 92px;}
.visual__main-title {padding-top:42px; background: url(https://img.enuri.info/images/event/2025/saving-manual/feb/visual-emoney-m.png) calc(50% + 20px) 0 /209px no-repeat; font-size: 56px; line-height: 75px; font-weight: 900; animation: visual-txt 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;}
.visual__sub-title {font-size: 18px; line-height: 28px; margin-top: 12px;animation: visual-txt 0.85s cubic-bezier(0.215, 0.610, 0.355, 1.000) both; animation-delay: 0.3s;}

@keyframes visual-txt {
	0% {letter-spacing: -0.5em;opacity: 0;}
	40% {opacity: 0.6;}
	100% {opacity: 1;}
}

@media (min-width:768px) {
	.visual .container {padding: 90px 0;background: url(https://img.enuri.info/images/event/2025/saving-manual/feb/bg.png) #1A70DD 0 0 / 430px no-repeat; max-width: 900px;}
	.visual .container::before {width: 68px; height: 60px; background: url(https://img.enuri.info/images/event/2025/saving-manual/feb/visua-coin1.png) 0 0 / 100%; bottom: 132px;}
	.visual__main-title{font-size: 88px; padding-top: 98px; background: url(https://img.enuri.info/images/event/2025/saving-manual/feb/visual-emoney.png) calc(50% + 45px) 0 /345px no-repeat;}
	.visual__sub-title {font-size: 28px; line-height: 37px; margin-top: 30px;}

}

/* ----------------------------------------------------------------
					공통
-----------------------------------------------------------------*/
.main-title {font-size: 22px; line-height: 32px; color: #222; font-weight: 700; text-align: center; } 
.move-title {opacity: 0;}
.move-title.scrolled {animation: txt 0.5s forwards ease;}
.sub-title {display: block; text-align: center; font-size: 13px; color: #999; line-height: 16px; margin-top: 5px;}
.ico-emoney {display: inline-block; font-size: 0; text-indent: -9999em; width: 96px; height: 25px; background: url(https://img.enuri.info/images/event/2025/saving-manual/feb/ico-emoney-m.png) 0 0 / 100%; margin-right: 4px; vertical-align: middle;}

@media (min-width:768px) {
	.main-title {font-size: 40px; line-height: 60px;}
	.sub-title {font-size: 26px; line-height: 32px; margin-top: 12px;}
	.ico-emoney {width: 192px; height: 50px; margin-right: 6px;}
}

/* ----------------------------------------------------------------
					emoney-intro
-----------------------------------------------------------------*/
.emoney-intro {background: #fff; position: relative; padding: 35px 0 40px;}
.emoney-intro .container {padding: 0;}
.emoney-intro .container::before {content: ""; display: block; width: 90px; height: 50px; background: url(https://img.enuri.info/images/event/2025/saving-manual/feb/visua-coin2-m.png) 0 0 / 100%; position: absolute; right: 26px; top: -65px;}
.emoney-intro__content {margin-top: 24px; overflow-x: hidden;}
.emoney-intro__content .swiper-wrapper {margin-left: 18px; padding-bottom: 2px;}
.emoney-intro__content .swiper-slide {height: 170px; border: 1px solid #000; border-radius: 12px; box-sizing: border-box;box-shadow: 1px 2px 1px 0px #000000; padding: 12px 0; text-align: center;}
.emoney-intro__title {font-size: 18px; line-height: 26px; font-weight: 800; padding-bottom: 92px;}
.shopping__title {color: #6920E7; background: url(https://img.enuri.info/images/event/2025/saving-manual/feb/shopping__tit-m.png) 50% 26px / 140px no-repeat; }
.event__title {color: #DF6B05 ;background: url(https://img.enuri.info/images/event/2025/saving-manual/feb/event__tit-m.png) 50% 26px / 140px no-repeat}
.mission__title {color: #21B25C; background: url(https://img.enuri.info/images/event/2025/saving-manual/feb/mission__tit-m.png) 50% 26px / 140px no-repeat}
.emoney-intro__explain {font-size: 14px; line-height: 20px; color: #222; position: relative; padding-top: 8px;}
.emoney-intro__explain::before {content: ""; width: calc(100% - 40px); height: 1px; background: #eee; position: absolute; top: 0; left: 20px;}

@media (min-width:768px) {
	.emoney-intro {padding: 80px 0 70px;}
	.emoney-intro .container  {padding: 0 10px;}
	.emoney-intro .container::before {width: 180px; height: 100px; top: -130px;}
	.emoney-intro__content {margin-top: 52px;}
	.emoney-intro__content .swiper-wrapper {margin-left: 0; gap: 0 20px;}
	.emoney-intro__content .swiper-slide {width: calc(100% / 3 - 14px); height: 340px; padding: 35px 0 28px;}
	.emoney-intro__content .swiper-slide:nth-child(n+4) {display: none;}
	.emoney-intro__title {font-size: 30px; line-height: 22px; padding-bottom: 175px; background-size: 280px; background-position-y: 24px;}
	.emoney-intro__explain {font-size: 26px; line-height: 32px; padding-top: 20px;}
}
/* ----------------------------------------------------------------
					emoney-exchange
-----------------------------------------------------------------*/
.emoney-exchange { padding-bottom: 40px;}
.emoney-exchange .container {border-top: 1px solid #ddd; padding-top: 35px;}
.emoney-exchange__content { margin-top: 24px; background: url(https://img.enuri.info/images/event/2025/saving-manual/feb/emoney-exchange__content-m.png) 50% 0 / 290px no-repeat; padding: 88px 0;}


@keyframes txt {
	0%{transform: translateY(100%);}
	100%{transform:  translateY(0); opacity: 1;}
}

@media (min-width:768px) {
	.emoney-exchange {padding-bottom: 90px;}
	.emoney-exchange .container {padding-top: 70px;}
	.emoney-exchange__content {background-size: 580px; padding: 163px 0; margin-top: 32px;}
}

/* ----------------------------------------------------------------
					member-count
-----------------------------------------------------------------*/
.member-count {background: #E0EEFF; padding: 74px 0; text-align: center; position: relative;}
.member-count .container {position: relative;}
.member-count .container::before  {content: ""; display: block; width: 78px; height: 151px; background: url(https://img.enuri.info/images/event/2025/saving-manual/feb/coin1-m.png) 0 0 / 100%; position: absolute; bottom: -60px; animation: coinmove ease-in-out 1.2s infinite alternate; left: 0;}
.member-count .container::after {content: ""; display: block; width: 24px; height: 22px; background: url(https://img.enuri.info/images/event/2025/saving-manual/feb/coin4.png) 0 0 / 100%; position: absolute; top: -7px; right: 5px; animation: coinmove ease-in-out 2s infinite alternate;}
.member-count__text {font-size: 24px; color: #222; font-weight: 800; line-height: 40px; position: relative;}
.member-count__text::before  {content: ""; display: block; width: 43px; height: 27px; background: url(https://img.enuri.info/images/event/2025/saving-manual/feb/coin3.png) 0 0 / 100%; position: absolute; bottom: -40px; right: 26px; animation: coinmove ease-in-out 1s infinite alternate;}
.member-count__text::after{content: ""; display: block; width: 25px; height: 21px; background: url(https://img.enuri.info/images/event/2025/saving-manual/feb/coin6-m.png) 0 0 / 100%; position: absolute; top: -55px; left: 56px; animation: coinmove ease-in-out 1.9s infinite alternate;}
.member-count__text em {color: #1A70DD; font-size: 36px;}
.member-count__text .ico-emoney {width: 95px; height: 24px; background: url(https://img.enuri.info/images/event/2025/saving-manual/feb/ico-emoney2-m.png) 0 0 / 100%; vertical-align: middle; position: relative;}
.member-count__text .ico-emoney::before {content: ""; display: block; width: 31px; height: 40px; background: url(https://img.enuri.info/images/event/2025/saving-manual/feb/coin5-m.png) 0 0 / 100%; position: absolute; top: -106px; right: -95px; animation: coinmove ease-in-out 1.2s infinite alternate;}
.member-count__text .ico-emoney::after {content: ""; display: block; width: 59px; height: 51px; background: url(https://img.enuri.info/images/event/2025/saving-manual/feb/coin2-m.png?=v3) 0 0 / 100%; position: absolute; bottom: -100px; left: 64px;animation: coinmove ease-in-out 0.9s infinite alternate;}

@keyframes coinmove {
	0% {transform: translateY(-5px);}
	100% {transform: translateY(0);}
}
@media (min-width:768px) {
	.member-count {padding: 150px 0;}
	.member-count .container::before {width: 116px; height: 116px; background: url(https://img.enuri.info/images/event/2025/saving-manual/feb/coin1.png) 0 0 / 100%; bottom: -30px;}
	.member-count .container::after {width: 48px; height: 44px;}
	.member-count__text {font-size: 48px; line-height: 76px;}
	.member-count__text::before {width: 86px; height: 54px;}
	.member-count__text::after {width: 50px; height: 42px; left: 190px; top: -90px;}
	.member-count__text em {font-size: 72px;}
	.member-count__text .ico-emoney {width: 190px; height: 48px;}
	.member-count__text .ico-emoney::before {width: 62px; height: 80px; background: url(https://img.enuri.info/images/event/2025/saving-manual/feb/coin3-pc.png); top: -200px; right: -180px;}
	.member-count__text .ico-emoney::after {width: 118px; height: 102px; bottom: -185px;}

}
/* ----------------------------------------------------------------
					emoney-saving
-----------------------------------------------------------------*/
.emoney-saving {background: #fff;padding: 36px 0;}
.emoney-saving__content {margin-top: 24px;}
.saving-tab {display: flex; border-radius: 12px 12px 0 0; overflow: hidden;}
.tab-button {width: calc(100% / 3);; font-size: 16px; line-height: 22px; color: #fff; font-weight: 800;  padding: 13px 0; background: #000; border-right: 1px solid #fff;}
.tab-button:last-child {border-right: none;}
.tab-button.active {background: #1A70DD;}
.tab-content { box-sizing: border-box; display: none; border: 1px solid#1A70DD; border-top: none; border-radius: 0 0 8px 8px; padding: 20px 16px 28px; overflow: hidden; position: relative;}
.tab-content.active {display: block;}
.tab-title {text-align: center; font-size: 16px; color: #333; line-height: 20px; font-weight: 600;}
.tab-title em {color: #1A70DD;}
.tab-title span {display: inline-block; font-size: 0; text-indent: -9999em; width: 80px; background: url(https://img.enuri.info/images/event/2025/saving-manual/feb/tabtitlle-emoney.png) 0 0 / 80px;vertical-align: top;}
.tab-content h4 {font-size: 15px; color: #222; font-weight: 700; line-height: 17px;} 
.event-noti {margin-top: 16px;}
.event-noti span {display: block; font-size: 12px; line-height: 18px; color: #777; letter-spacing: -0.5px; word-break: keep-all;}
.move-link {display: block; width: calc(100% - 80px);background: url(https://img.enuri.info/images/event/2025/saving-manual/feb/move-link.png) calc(100% - 12px) 12px / 7px no-repeat #08203E ; color: #fff; border-radius: 5px; font-size: 13px; line-height: 18px; padding: 9px 0; text-align: center; margin: 12px auto 0;}
.move-link em {font-weight: 800;}


@media (min-width:768px) {
	.emoney-saving {padding: 80px 0;}
	.emoney-saving__content {margin-top: 52px;}
	.saving-tab__list {border-radius: 24px 24px 0 0;}
	.tab-button {font-size: 32px; line-height: 44px; padding: 26px 0;}
	.tab-content {padding: 60px 50px;}
	.tab-title {font-size: 36px; line-height: 48px;}
	.tab-title span {width: 160px; background-size: 160px; height: 40px;}
	.tab-content h4 {font-size: 32px; line-height: 42px;}
	.move-link {margin-top: 28px; font-size: 26px; line-height: 36px; padding: 20px 0; border-radius: 15px; background: url(https://img.enuri.info/images/event/2025/saving-manual/feb/move-link.png) calc(100% - 50px) 27px / 14px no-repeat #08203E ;}
	.event-noti {margin-top: 54px; text-align: center;}
	.event-noti span {font-size: 24px; line-height: 36px;}
}

/* shopping-tab */
.logo-slide {padding: 8px 0 16px 0;}
.saving-tab__contents .swiper-wrapper{transition-timing-function: linear;}
.saving-tab__contents .swiper-slide {width: auto !important;}
.saving-tab__contents .swiper-slide img {height: 30px;}
.saving-category {padding: 20px 0 8px; text-align: center; border-top: 1px solid #ddd;}
.saving-category__list {display: flex;flex-wrap: wrap; margin-top: 12px; gap: 12px 8px;}
.saving-category__item {width: calc(100% / 3 - 8px); border-radius: 15px;  padding-top: 72px; border-bottom: none; position: relative;}
.saving-category__item::before {content: "";border: 1px solid rgba(0, 0, 0, 0.1); position: absolute; left: 0; top: 0; width: 100%; height: 102px; border-radius: 15px; border-bottom: none; box-sizing: border-box;}
.cate-child {background: url(https://img.enuri.info/images/event/2025/saving-manual/feb/cate-child.png) 50% 10px / 46px no-repeat;}
.cate-food {background: url(https://img.enuri.info/images/event/2025/saving-manual/feb/cate-food.png?=v2) 50% 10px / 28px no-repeat;}
.cate-sport {background: url(https://img.enuri.info/images/event/2025/saving-manual/feb/cate-sport.png) 50% 18px / 41px no-repeat;}
.cate-car {background: url(https://img.enuri.info/images/event/2025/saving-manual/feb/cate-car.png) 50% 18px / 55px no-repeat;}
.cate-beauty {background: url(https://img.enuri.info/images/event/2025/saving-manual/feb/cate-beauty.png) 50% 15px / 48px no-repeat;}
.cate-computer {background: url(https://img.enuri.info/images/event/2025/saving-manual/feb/cate-computer.png) 50% 20px / 60px no-repeat;}
.cate-digital {background: url(https://img.enuri.info/images/event/2025/saving-manual/feb/cate-digital.png) 50% 8px / 29px no-repeat;}
.cate-fashion {background: url(https://img.enuri.info/images/event/2025/saving-manual/feb/cate-fashion.png) 50% 20px / 58px no-repeat;}
.cate-furniture {background: url(https://img.enuri.info/images/event/2025/saving-manual/feb/cate-furniture.png) 50% 22px / 59px no-repeat;}
.cate-life {background: url(https://img.enuri.info/images/event/2025/saving-manual/feb/cate-life.png) 50% 25px / 63px no-repeat;}
.cate-pet {background: url(https://img.enuri.info/images/event/2025/saving-manual/feb/cate-pet.png) 50% 8px / 42px no-repeat;}
.category-name {background: #F4F4F4; border: 1px solid #ddd; border-radius: 15px; padding: 5px 0; font-size: 12px; line-height: 18px; font-weight: 600;}
.saving-rate {font-size: 14px; color: #1A70DD; margin-top: 6px; font-weight: 700; line-height: 17px; letter-spacing: -0.5px;}

@media (min-width:768px) {
	.logo-slide {padding: 16px 0 52px 0;}
	.saving-tab__contents .swiper-slide img {height: 60px;}
	.saving-category {padding: 56px 0 18px;}
	.saving-category__list {margin-top: 28px; gap: 24px 20px;}
	.saving-category__item {width: calc(25% - 15px); border-radius: 30px; padding-top: 152px;}
	.saving-category__item::before {height: 212px; border-radius: 30px;}
	.category-name {font-size: 24px; line-height: 28px; padding: 15px 0; border-radius: 30px; letter-spacing: -1px;}
	.cate-child {background-size: 92px; background-position-y: 15px;}
	.cate-food {background-size: 56px; background-position-y: 20px;}
	.cate-sport {background-size: 82px; background-position-y: 42px;}
	.cate-car {background-size: 110px; background-position-y: 42px;}
	.cate-beauty {background-size: 96px; background-position-y: 35px;}
	.cate-computer {background-size: 120px; background-position-y: 42px;}
	.cate-digital {background-size: 58px; background-position-y: 20px;}
	.cate-fashion {background-size: 116px; background-position-y: 30px;}
	.cate-furniture {background-size: 118px; background-position-y: 45px;}
	.cate-life {background-size: 126px; background-position-y: 50px;}
	.cate-pet {background-size: 84px; background-position-y: 20px;}
	.saving-rate {font-size: 28px; line-height: 34px; margin-top: 12px;}
}

/* event-tab */
.event-collection {margin-top: 20px;}
.event-collction__item {position: relative;}
.event-collction__item::after {content: ""; display: block; width: 20px; height: 20px; background: url(https://img.enuri.info/images/event/2025/saving-manual/feb/i-event-collection.png?=v2) 0 0 / 20px; position: absolute; right: 10px; top: 40px;}
.event-collction__item:not(:first-child) {margin-top: 12px;}
.event-collction__item a {display: block; padding: 20px 0; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 12px;}
.event-text { width: 162px; position: relative; left: 50%; transform: translateX(-50%); top: 0; padding-left: 80px;}
.pedometer {background: url(https://img.enuri.info/images/event/2025/saving-manual/jun/pedometer.png) calc(20% - 25px) 50% / 58px no-repeat;}
.new-user {background: url(https://img.enuri.info/images/event/2025/saving-manual/mar/new-user-m.png) calc(20% - 25px) 50% / 72px no-repeat;}
.first-buy {background: url(https://img.enuri.info/images/event/2025/saving-manual/mar/first-buy-m.png) calc(20% - 25px) 50% / 72px no-repeat;}
.buying {background: url(https://img.enuri.info/images/event/2025/saving-manual/mar/payback_m.png) calc(20% - 25px) 50% / 59px no-repeat;}
.event-sub-text {font-size: 12px; line-height: 16px; font-weight: 500; color: #666; margin-top: 3px; word-break: keep-all; letter-spacing: -0.5px;}
.event-emoney {display: inline-block;font-size: 14px; line-height: 20px; font-weight: 700; color: #1a70dd; margin-top: 10px; padding-left: 24px;background: url(https://img.enuri.info/images/event/2025/saving-manual/feb/event-emoney.png) 0 50% / 20px no-repeat;}

@media (min-width:768px) {
	.event-collection {margin-top: 38px;}
	.event-collction__item::after {width: 40px; height: 40px; background-size: 40px; top: 100px; right: 40px;}
	.event-collction__item a {padding: 48px 0;}
	.event-text {width: 310px; padding-left: 220px;}
	.pedometer {background: url(https://img.enuri.info/images/event/2025/saving-manual/jun/pedometer_pc.png) 80px 50% / 180px no-repeat;}
	.new-user {background: url(https://img.enuri.info/images/event/2025/saving-manual/mar/new-user.png?=v2) 80px 50%/ 180px no-repeat;}
	.first-buy {background: url(https://img.enuri.info/images/event/2025/saving-manual/mar/first-buy.png) 80px 50%/ 180px no-repeat;}
	.buying {background: url(https://img.enuri.info/images/event/2025/saving-manual/mar/buying_pc.png) 80px 50%/ 132px no-repeat;}
	.event-sub-text {font-size: 26px; line-height: 34px; margin-top: 10px;}
	.event-emoney {font-size: 36px; line-height: 40px; margin-top: 20px;padding-left: 44px;background-size: 40px;}
}

/* mission-tab */
.mission__cont {margin-top: 20px; text-align: center;}