@charset "UTF-8";

.header {position: absolute;left:0;right:0;top:0;margin:auto;max-width: 375px;}
.img-logo {width: 83px;height:14px;position:absolute;right:30px;top:35px;background:url(https://og.kakaobank.io/view/59330375-d065-415c-aced-9e124bd01a71);background-size:83px 14px;}
.header.mobile .img-logo {display:none;right:auto; left:30px;}
.img-app {width: 80px;height:28px;position:absolute;top:24px;right:20px;color:#666; border:1px solid #666; font-size:13px; text-align: center; line-height: 28px; border-radius: 28px;}



.section-top {position:relative;background:#EFF2F7;padding:67px 0 49px;overflow:hidden;}
.section-top .inner {position:relative}
.title-box .sub-tit {transition:all 0.8s;transition-delay: 0.2s;width:138px; height:52px; background:url(https://og.kakaobank.io/view/ebb5d7c7-a093-4a60-84f0-340518db7196) no-repeat center / 138px 52px;}
.title-box .title {transition:all 0.8s;transition-delay: 0.5s;margin:19px 0 30px;width:199px; height:179px; background:url(https://og.kakaobank.io/view/9f74ca63-a58f-42ff-a613-e6a81e881d69) no-repeat center / 199px 179px;}
.title-box .period {transition:all 0.8s;transition-delay: 0.8s;margin-left: 4px;width:143px; height:19px; background:url(https://og.kakaobank.io/view/94d33dba-323d-4cf1-9cd6-584cc1ba36ad) no-repeat center / 143px 19px;}
.show-down {text-align:center;}
.moa {/*width:164px;*/width:100%; height:17px; background:url(https://og.kakaobank.io/view/03052f57-2cae-4f79-bd00-3209f91f695f) no-repeat center / 164px 17px;}
.arrow {margin-top:21px;}
.card {text-align: right;margin-top:5px;margin-bottom:32px;}
.card .wrap-card {position:relative;margin-right:-19px;display: inline-block;width: 164px;border-radius: 10px;overflow: hidden;
    transition: opacity 0.8s, transform 0.8s;
    transition-delay: 1.5s;
    transform-origin: bottom center;
}
.title-box .sub-tit, .title-box .title, .title-box .period, .card .wrap-card, .card .coin1, .coin2 {opacity:0;transform: translateY(30px);}
.title-box .sub-tit.is-active, .title-box .title.is-active, .title-box .period.is-active, .card .wrap-card.is-active, .card .coin1.is-active, .coin2.is-active {opacity: 1; transform:translateY(0)}

.card .coin1 {position: absolute;bottom:90px;left: 16px;width: 227.5px;/*height: 217px;*/vertical-align: bottom;
    transition:all 0.8s;transition-delay: 1.1s;animation: coin1 2s 1.9s infinite ease-in-out;}
.card .ryan {width:164px; height:259px;vertical-align: bottom;}
.coin2 {position: absolute;top: 180px;left: 50%;margin-left:70px;display: inline-block;width:183px; height:176px; background:url(https://og.kakaobank.io/view/d63c6c68-49f4-4e32-a35e-d097e0f7b493)no-repeat center / 183px 100%;
    transition:all 0.8s;transition-delay: 1.1s;animation: coin2 2.6s 1.9s infinite ease-in-out;}
@-webkit-keyframes coin1 {
    0%, 100% {transform: translateY(0);}
    50% {transform: translateY(10px);}
}
@keyframes coin1 {
    0%, 100% {transform: translateY(0);}
    50% {transform: translateY(10px);}
}
@-webkit-keyframes coin2 {
    0%, 100% {transform: translateY(0);}
    50% {transform: translateY(-10px);}
}
@keyframes coin2 {
    0%, 100% {transform: translateY(0);}
    50% {transform: translateY(-10px);}
}

.section-head {background:#2F3141;text-align: center;padding: 35px 0 30px;}
.section-head .tit {width:224px;}
.section-head .desc {width:282px; height:15px; background:url(https://og.kakaobank.io/view/bd406943-d1e0-47c0-ad9b-841c988801e3)no-repeat center / 282px 14px;margin:6px auto 0 auto;}
.section-head .note {width:178px; height:15px; background:url(https://og.kakaobank.io/view/e17de8c0-4ed4-443b-bcaf-0a6c2a6e3047)no-repeat center / 178px 13px;margin:22px auto 0 auto;}

.wrap-block {padding:0 35px;}
.section-block {padding:40px 0px;box-sizing: border-box;max-width: 500px;margin:auto;color: #222;}
.section-head+.section-block,.section-block+.section-block {border-top: 1px solid #ddd;}
.section-block+.arcodion-block {border-top: none;padding:0;}
.section-block:last-of-type {padding-bottom:0;}
.block-title {display: inline-block;padding: 0 14px;height:30px;line-height:32px;border-radius: 15px;background: #f7f7f7;font-size:13px;font-weight: bold;margin: 0px 0px 40px -6px;box-sizing: border-box;}
.block-items {margin-bottom: 40px;position: relative;}
.block-items dt span {margin:0;}
.block-items .logo-txt-sub {display:block;font-size:11px;line-height: 18px; }
.block-items .logo-txt-sub.en {font-size:13px;}
.logo-txt {font-size: 18px;line-height: 55px; font-weight: bold;}
.logo-txt.sub {line-height: 28px;}
.logo-txt-sub {display: block;font-size: 13px;line-height: 18px;font-weight: bold;}
.block-items dd {text-align: right;position:absolute; top:0; right:0;}
.block-items > dd > p {position:relative;font-size: 24px;line-height: 34px;}
.block-items > dd > small {color:#005a96;font-size:13px;line-height: 18px;font-weight:600;}
.block-items .txt-highlight::before {position: absolute;content:"";bottom:4px;width: 100%;height: 15px;background-color: #DCEDFF;}
.block-items .txt-highlight b {position:relative;}
.block-items .txt-highlight span {position:relative;font-size: 24px;line-height: 34px;}
.block-items:last-of-type {min-height: 55px;margin-bottom:50px;}
.block-desc {color:#888;font-size: 13px;}
.block-desc+.block-desc {padding-top:16px;}
.block-desc>a:visited,.block-desc>a:active,.block-desc>a {color:#888;text-decoration: underline;}
.block-desc+.desc-alert {margin-top: 24px;}
.block-desc b.blue {color: #005a96;}
.desc-alert {margin-top: -14px;font-weight: bold;}
.desc-alert>a {text-decoration: none;}
.btn-info {font-size: 13px;font-weight: bold;border: none;background: none;}

.section-block ul {margin-top:16px;}
.section-block ul li {position:relative;color: #888; font-size: 13px;padding-left:14px;}
.section-block ul li.notice::before {position:absolute;display: inline-block;content:"※";top: 0;left: 0;margin-bottom:16px;}
.section-block ul li.notice {line-height: 18px;margin-bottom:16px;}
.section-block ul li span {position:relative;display:inline-block;line-height:18px;margin-bottom:12px;}
.section-block ul li span.indent-txt::before {position:absolute;display: inline-block;content:"·";top: 0;left: 0;}
.section-block ul li span.indent-txt {padding-left:9px;}

.img-logo-bmin {width:92px;height:52px;background:url(https://og.kakaobank.io/view/69f09de8-5d09-4e96-8588-b678dfcb819e);background-size:92px 52px;}
.img-logo-gs25 {width:67px;height:52px;background:url(https://og.kakaobank.io/view/61837da1-a6ef-4832-9051-99be42bf4be2);background-size:67px 52px;}
.img-logo-daiso {width:77px;height:52px;background:url(https://og.kakaobank.io/view/8fb215cb-c708-426b-98fc-22a47e113322);background-size:77px 52px;}
.img-logo-coupang {width:159px;height:52px;background:url(https://og.kakaobank.io/view/0692945e-11fa-4b99-8916-a87584b7e4c5);background-size:159px 52px;}
.img-logo-ably {width:84px;height:52px;background:url(https://og.kakaobank.io/view/d1843df2-702f-4829-945d-df1a72ea9923);background-size:84px 52px;}
.img-logo-gs {width:159px;height:52px;background:url(https://og.kakaobank.io/view/0633dc8f-eb4f-4604-92d7-ad89e33c0091);background-size:159px 52px;}

.theme-default #share {background:none;}
.theme-default #share .share-btn {background: #2F3141;color:#fff;}
.theme-default #share .share-btn svg {stroke:#fff;}
#btnApply {bottom: -90px; transition:bottom 0.5s;}
#btnApply.on {bottom:23px;}
#btnApply .apply-btn {background:#7DB4F0;color:#fff;}
#btnApply .apply-btn img {width:208px;vertical-align: middle;}

.theme-default #eventInfo a.link {color: #005a96;font-weight: bold;text-decoration: underline;text-decoration-color: #005a96;}
#eventInfo{ padding: 0 35px;}
#eventInfo .inner{max-width : 500px; padding: 0}
#eventInfo .info-head {margin-bottom:20px;}
#eventInfo .info-list li .more {margin-top:30px;}
#eventInfo .accordion-block:nth-of-type(2) {border-top:none;}

.popups .copy {font-size:20px;}
.popups .okay-btn .btn-ok {background:#8EBAEA;padding: 18px 0;}


@media screen and (max-width:414px) {
    .card .wrap-card {margin-right:0;}
}
@media screen and (max-width:360px) {
    .card {margin-top:12px;}
    .inner , .wrap-block {padding:40px 18px;}
}