@charset "UTF-8";
* {font-family:'Pretendard','Apple SD Gothic Neo', 'Malgun Gothic', '맑은 고딕', system-ui, sans-serif;}
body {background:#ffffff;}
section, .section {position:relative; z-index:2;background:#fff;box-sizing: border-box;overflow: hidden;}


body {position: relative;}

.ir{ text-indent: -999em; overflow: hidden;}
.main-visual{width: 100%; height:749px; overflow: hidden;background-color: #4BB2C3;}
.main-visual .title-wrapper{background: url(https://og.kakaobank.io/view/d3bdd605-5ed7-433a-9e90-95c76284937c) no-repeat top center / 100% auto;width:100%;max-width: 275px; height:265px;display: block;margin: 70px auto 0;}
.main-visual::after{ content:'';position: absolute; left:50%; bottom:72px; margin-left:-243.5px; background: url(https://og.kakaobank.io/view/18cbb223-ecd5-48fb-a273-1abaa02d4027);background-size: contain ;width: 487px ; height:366px;}
.section-info .title-wrapper{background: url(https://og.kakaobank.io/view/069f198a-8eed-4a67-a8f3-ce5cab6e4fe5)no-repeat center / contain;background-size: contain ;width: 251px ; height:269px;display: block;margin: 70px auto 0;}
.section-info .content-wrapper{width:100%; max-width: 305px; height:572px;display: block;background: #FFE564;box-sizing: border-box;border-radius: 35px;padding:60px 0 50px;margin:40px auto 80px}
.section-info .content{background: url(https://og.kakaobank.io/view/e5b547ed-721d-467f-ab41-772b670d77cc) no-repeat;background-size: contain ;width: 233px ; height:462px;display: block;margin:0 auto;}

.dev-wrapper .cumulative-cash {position:relative;padding:23px 24px 22px;max-width:305px;background:#333333;border-radius: 20px;margin:45px auto 45px;}
.dev-wrapper .cumulative-cash .text {width:72px;height:17px;background:url(https://og.kakaobank.io/view/5e4bb78d-6b75-4ca2-805b-104ad4cf9e67)no-repeat center / 72px 17px;}
.dev-wrapper .cumulative-cash .cash-wrap {position: absolute;top: 16px;right: 24px;font-size:19px;font-weight:800;color:#ffe564;}
.dev-wrapper .cumulative-cash .cash-wrap .cash {font-family:'Pretendard','Apple SD Gothic Neo', 'Malgun Gothic', '맑은 고딕', system-ui, sans-serif;}
.dev-wrapper .check-cash-slider.swiper-container {max-width:243px;margin:0 auto;}
.dev-wrapper .check-cash-slider .swiper-wrapper .swiper-slide {width:243px;text-align: center;padding-bottom:38px;}
.dev-wrapper .check-cash-slider .swiper-wrapper .swiper-slide img {vertical-align: middle;}
.dev-wrapper .check-cash-month {position:relative;}
.dev-wrapper .check-cash-month .swiper-pagination-bullets.swiper-pagination-horizontal {bottom:0;line-height:0;}
.dev-wrapper .check-cash-month .swiper-pagination-bullet {opacity:1; background:#d9d9d9; transition: all .5s;}
.dev-wrapper .check-cash-month .swiper-pagination-bullet-active {width:16px;border-radius:100px;background:#333;transition: all .5s;}
.dev-wrapper .check-cash-month .btn-card {display: inline-block;position: absolute;top: 210px;left: 71px;width: 102px;height: 38px;}
.dev-wrapper .check-cash-month .this-month-cash {position:absolute;top:257px;left:0;width:100%;text-align: center;font-size:35px;font-weight:800;color:#FFEB83;line-height: 1;font-family:'Pretendard','Apple SD Gothic Neo', 'Malgun Gothic', '맑은 고딕', system-ui, sans-serif;}

.section-coffee {padding: 100px 35px 45px; background: #4BB2C3;}
.section-coffee .title-wrapper{display:block; margin:0 auto;background: url(https://og.kakaobank.io/view/ada7022b-bf49-4046-9b15-ab9aa328188e) no-repeat;background-size: contain ;max-width: 254px ; height:139px;display: block;}
.section-coffee .content-wrapper{display:block; box-sizing: border-box; margin:45px auto;width:100%; max-width: 305px;; height:305px; padding:46px 0 41px;background: #FFFFFF;border-radius: 35px;}
.section-coffee .content-wrapper::before{content:'';background: url(https://og.kakaobank.io/view/90fcba2b-431b-440c-b675-0962580704d3) no-repeat;display:block;width: 100px; margin: auto; height:172px;background-size: contain;transform: translateX(-6px);}
.section-coffee .content-wrapper .text{margin-top:20px; font-weight: 700; font-size: 14px; line-height:22px; text-align: center; letter-spacing: -0.004em; color: #727272;  }
.section-coffee .content-wrapper .text .sub {color:#AEAEAE; font-size:14px;}


.section-slide {padding: 100px 0 60px; background: #6DCAD9;}
.section-slide .title-wrapper{display:block; margin:0 auto;background: url(https://og.kakaobank.io/view/80f101e1-2852-4c53-bd8c-4773b6a3b583) no-repeat;background-size: contain ;width: 275px ; height:84px;display: block;}

.section-slide .slide {position:relative; padding-bottom:38px;margin:48px auto 60px;}
.section-slide .my-credit-slider.swiper-container {max-width:275px;margin:0 auto;}
.section-slide .my-credit-slider .swiper-pagination2 {position:absolute;bottom:0;text-align: center;transition: .3s opacity;transform: translate3d(0,0,0);z-index: 10;line-height:0;}
.section-slide .my-credit-slider .swiper-pagination-bullet {opacity:1; background:#95DEEA; transition: all .5s;}
.section-slide .my-credit-slider .swiper-pagination-bullet-active {width:16px;border-radius:100px;background:#ffffff;transition: all .5s;}

.theme-default #share {background:#6DCAD9;}

/*  button */
#btnApply {bottom:-90px;padding : 0 25px ;box-sizing: border-box;transition:bottom 0.5s;}
#btnApply.on {bottom:23px;}
#btnApply a.apply-btn {background:#FFD70E;width:100%;max-width:325px;}
#btnApply span.apply-btn {background:#B8BBBF;color:#fff;width:100%;max-width:325px;}
.theme-default #eventInfo #btnStop {color:#005A96; text-decoration: underline;}


/* Popup */
.popups .title .sub {color:#4BB2C3}