@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/4afecdd8-3b6e-4347-bc03-e23eaf452857);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/538ea789-d106-4b95-897f-6aa589a66da5) 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/f17154fb-36c2-4525-9a3e-23d0c1b10907) no-repeat center / 199px 179px;}
.title-box .period {transition:all 0.8s;transition-delay: 0.8s;margin-left: 4px;width:113px; height:16px; background:url(https://og.kakaobank.io/view/bc68f2d0-68c6-4557-ba51-c47a979c1196) no-repeat center / 113px 16px;}
.show-down {text-align:center;}
.moa {/*width:164px;*/width:100%; height:17px; background:url(https://og.kakaobank.io/view/680febb0-1e6a-436d-80fd-52d4a3ed7a87) 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/ee2ceace-054a-489b-8ac1-857c925a4ced)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:178px; height:28px; background:url(https://og.kakaobank.io/view/4e270b20-409c-41d2-be53-5d33ea20efee)no-repeat center / 178px 28px;margin: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 {font-size: 24px;line-height: 34px;}
.block-items > dd > small {color:#005a96;font-size:13px;line-height: 18px;font-weight:600;}
.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;}
.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;}


.img-logo-coupang {width:159px;height:52px;background:url(https://og.kakaobank.io/view/8a28bcad-ac3c-4aa7-b6f9-516d7b4ed5f7);background-size:159px 52px;}
.img-logo-olive {width:159px;height:52px;background:url(https://og.kakaobank.io/view/dfa3ce1c-74dc-48ae-8ecd-80d1ae85ce75);background-size:159px 52px;}
.img-logo-star {width:159px;height:52px;background:url(https://og.kakaobank.io/view/e18601b9-2330-428c-a42c-8fe5c6dacb64);background-size:159px 52px;}
.img-logo-bmin {width:159px;height:52px;background:url(https://og.kakaobank.io/view/6ca03f48-a6b2-402f-84ce-73bc508c2e3f);background-size:159px 52px;}
.img-logo-gs {width:159px;height:52px;background:url(https://og.kakaobank.io/view/b7decc0d-ab10-42e8-9fad-e65847c0abe2);background-size:159px 52px;}
.img-logo-ygi {width:159px;height:52px;background:url(@@symbol-yugi@2x.png);background-size:159px 52px;}
.img-logo-lotte {width:159px;height:52px;background:url(https://og.kakaobank.io/view/a69b5bf1-bfbe-4ffa-8849-a4a2f617d43f);background-size:159px 52px;}
.img-logo-mega {width:159px;height:52px;background:url(https://og.kakaobank.io/view/84558c8a-a0d5-4c39-933b-65dbdef3e1f1);background-size:159px 52px;}
.img-logo-gift {width:159px;height:52px;background:url(@@symbol-gift@2x.png);background-size:159px 52px;}
.img-logo-ohouse {width:159px;height:52px;background:url(https://og.kakaobank.io/view/f03f7996-98e1-419b-b111-47634206f498);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;}
    #eventInfo {padding: 40px 18px;}
}