@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/ab27fc12-3558-4c56-8eec-fa1aad2d025c);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/abb596d5-259a-464c-936f-f23066e4ec46) 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/aa74b16d-08d2-47ce-b0bc-1df1509fa656) no-repeat center / 199px 179px;}
.title-box .period {transition:all 0.8s;transition-delay: 0.8s;margin-left: 4px;width:149px; height:16px; background:url(https://og.kakaobank.io/view/7953553b-0cd4-4836-8c07-15f116a0a302) no-repeat center / 149px 16px;}
.show-down {text-align:center;}
.moa {/*width:164px;*/width:100%; height:17px; background:url(https://og.kakaobank.io/view/29af032c-65c5-4a42-b061-ae2f57198f9d) 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/1e5d6b7e-58c6-4582-82bd-cfa9bcd88567)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/7d13075a-2035-43cb-9507-89cf1dcecc2f)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/1b3813d1-c8cc-4316-80d7-4b031ce51607);background-size:159px 52px;}
.img-logo-olive {width:159px;height:52px;background:url(https://og.kakaobank.io/view/2441f41c-dfe4-48db-87b5-cbcc72aaa93e);background-size:159px 52px;}
.img-logo-star {width:159px;height:52px;background:url(https://og.kakaobank.io/view/1d0694e1-6feb-49d1-9869-56c7748e800a);background-size:159px 52px;}
.img-logo-bmin {width:159px;height:52px;background:url(https://og.kakaobank.io/view/63ecb2da-d2ae-4c19-977d-5433e518d035);background-size:159px 52px;}
.img-logo-gs {width:159px;height:52px;background:url(https://og.kakaobank.io/view/87a7103c-a754-4fad-a0db-1cf004621183);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/8a296082-cade-42e8-8f9f-7dd18d2caa49);background-size:159px 52px;}
.img-logo-mega {width:159px;height:52px;background:url(https://og.kakaobank.io/view/973cef2f-c14c-445d-ad34-d001e5962206);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/b4228e0e-3ef8-480d-ab4a-9d5b197a2b03);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;}
}