@charset "UTF-8";

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,button{margin:0;padding:0}
fieldset,img{border:0 none}
dl,ul,ol,menu,li{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none}
input,select,textarea,button{vertical-align:middle;font-size:100%}
button{border:0 none;background-color:transparent;cursor:pointer}
table{border-collapse:collapse;border-spacing:0}
body{min-width:320px;background-color:#fff;-webkit-text-size-adjust:none}
input:checked[type='checkbox']{background-color:#666; -webkit-appearance:checkbox}
input[type='text'],input[type='password'],input[type='submit'],input[type='search'],input[type='tel'],input[type='email'],html input[type='button'],input[type='reset']{-webkit-appearance:none;border-radius:0}
input[type='search']::-webkit-search-cancel-button{-webkit-appearance:none}
body,th,td,input,select,textarea,button{font-size:14px;line-height:1.5;  font-family: 'Apple SD Gothic Neo', 'Malgun Gothic','맑은 고딕', system-ui, sans-serif;color:#000}
a{color:#005a96;text-decoration:none}
a:active, a:hover{text-decoration:none}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
hr {border: 0 none;}
img {width:100%;}
div:focus {outline: none;}
button:focus {outline: none;}

.ir {display:block; font-size:0; text-indent: -99999px; height:0;}
.is-app {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
}

section {position:relative; text-align: center; width:100%; overflow: hidden; color:#2a2a2b; background-color:#fff;}
section .inner {max-width:750px; width:100%; margin:0 auto;}

.sec-top {position:absolute; top:0; left:0; width:100%; z-index:9; overflow: visible; background-color:transparent;}
.sec-top .inner {max-width:1080px;}
.sec-top .img-logo {width: 83px;height:14px;margin:22px 0 0 23px;background:url("https://og.kakaobank.io/view/db0429b0-f2fe-469d-a1ae-e11bef44fd21");background-size:83px 14px;}

.sec-kv {position:fixed; top:0; left:0; width:100%; height:100%; box-sizing: border-box; display: table; }
.sec-kv .inner {display: table-cell; vertical-align: middle; max-width:100%;}
.sec-kv h3 {width:265px; height:155px; margin:0 auto 36px; background:url("https://og.kakaobank.io/view/ddfaa601-0f17-4196-bf4f-9072cb18993d") 0 0 / 100% no-repeat;}
.sec-kv .ani {position:relative; max-width:1280px; width:100%; height:160px; margin:0 auto 34px;}
.sec-kv .ani .video {position:absolute; top:0; left:50%; width:1280px; height:160px; margin-left:-640px;}
.sec-kv .ani .line {position:absolute; top:0; left:50%; width:1280px; height:160px; margin-left:-640px;}
.sec-kv .ani .line:before {content:""; position:absolute; top:-2px; left:0; width:100%; height:4px; background-color:#fff;}
.sec-kv .ani .line:after {content:""; position:absolute; bottom:-2px; left:0; width:100%; height:4px; background-color:#fff;}
.sec-kv .ani .gra {position:absolute; top:0; left:50%; width:1280px; height:160px; margin-left:-640px;}
.sec-kv .ani .gra:before {content:""; position:absolute; top:0; left:0; width:160px; height:160px; background:linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);}
.sec-kv .ani .gra:after {content:""; position:absolute; top:0; right:0; width:160px; height:160px; background:linear-gradient(-90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);}
.sec-kv .desc {width:265px; height:98px; margin:0 auto; background:url("https://og.kakaobank.io/view/a13d69f3-cf9c-4ed7-95b6-603f748a5617") 0 0 / 100% no-repeat;}

.sec-video {padding-top:100vh; background-color:transparent;}
.sec-video .inner {max-width:100%;}
.sec-video .mask {position:relative; width:100%; height:383px; overflow: hidden; margin:-95px auto 0;}
.sec-video .mask .dim {position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.3)}
.sec-video .mask .copy {position:absolute; bottom:50px; left:0; width:100%;}
.sec-video .mask .copy span {display: block; width:175px; height:80px; margin:0 auto 25px; background:url("https://og.kakaobank.io/view/d12d68d4-ba81-4e69-bf64-69044b7321cc") 0 0 / 100% no-repeat;}
.sec-video .mask .copy img {width:36px;}
.sec-video .mask .video {position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover; background-color:#000;}



.sec-howto {padding:94px 0 40px; font-size:0;}
.sec-howto .inner div {display: inline-block; width:50%; vertical-align: top; text-align: left;}
.sec-howto .copy {padding-left:30px; box-sizing: border-box;}
.sec-howto .copy span {display: block; opacity:0.2; transition:opacity 0.3s;}
.sec-howto .copy span.on {opacity:1;}
.sec-howto .copy .copy1 {font-size:0; width:210px; height:125px; margin-bottom:40px; background:url("https://og.kakaobank.io/view/df7de52d-e39a-48d3-9435-de17be70c59d") 0 0 / 100% no-repeat;}
.sec-howto .copy .copy2 {font-size:0; width:266px; height:84px; background:url("https://og.kakaobank.io/view/13adcac0-69de-47e0-9f1d-e42f3f618804") 0 0 / 100% no-repeat;}
.sec-howto .ani {position:relative; padding-left:70px; box-sizing: border-box;}
.sec-howto .ani img {width:100%;}
.sec-howto .ani ul {width:100%;}
.sec-howto .ani ul.step1 {position:absolute; top:0; left:0; padding-left:70px; box-sizing: border-box;}
.sec-howto .ani ul.step2 {opacity:0;}
.sec-howto .ani ul li {position:relative; opacity:0;}
.sec-howto .ani ul li.clear {clear:both;}
.sec-howto .ani ul li .loading {position:absolute; top:0; left:0; width:71px; height:58px; background-color:#f5f6f7; border-radius: 30px; text-align: center; line-height: 58px;}
.sec-howto .ani ul li .loading i {display: inline-block; width:6px; height:6px; background-color:rgba(0,0,0,0.3); border-radius: 50%; margin:0 3px;
    opacity:0;
    animation:loading-ani 0.6s infinite;
    -webkit-animation:loading-ani 0.6s infinite;
}
.sec-howto .ani ul li .loading i:nth-of-type(2) {animation-delay: 0.2s; -webkit-animation-delay: 0.2s;}
.sec-howto .ani ul li .loading i:nth-of-type(3) {animation-delay: 0.3s; -webkit-animation-delay: 0.3s;}
.sec-howto .ani .seq-1 {width:64px; margin-bottom:13px; opacity: 1;}
.sec-howto .ani .seq-2 {width:217px; margin-bottom:13px;}
.sec-howto .ani .seq-3 {width:256px; margin-bottom:13px;}
.sec-howto .ani .seq-4 {width:194px; float: right;}
.sec-howto .ani .seq-5 {width:64px; margin-bottom:13px;}
.sec-howto .ani .seq-6 {width:233px;margin-bottom:13px;}
.sec-howto .ani .seq-7 {width:256px;margin-bottom:13px;}
.sec-howto .ani .seq-8 {width:112px; float: right;}
.sec-howto .ani .seq-2 img {opacity:0;}
.sec-howto .ani .seq-6 img {opacity:0;}
.sec-howto .ani.play .seq-2 {opacity:1;}
.sec-howto .ani.play .seq-2 span {animation:play-show-ani 0.5s 0s forwards; -webkit-animation:play-show-ani 0.5s 0s forwards;}
.sec-howto .ani.play .seq-2 span {animation:play-hide-ani 0s 1s forwards; -webkit-animation:play-hide-ani 0s 1s forwards;}
.sec-howto .ani.play .seq-2 img {animation:play-show-move-ani 0.5s 1s forwards; -webkit-animation:play-show-move-ani 0.5s 1s forwards;}
.sec-howto .ani.play .seq-3 {animation:play-show-move-ani 0.5s 1.5s forwards; -webkit-animation:play-show-move-ani 0.5s 1.5s forwards;}
.sec-howto .ani.play .seq-4 {animation:play-show-move-ani 0.5s 2.5s forwards; -webkit-animation:play-show-move-ani 0.5s 2.5s forwards;}
.sec-howto .ani.play ul.step1 {animation:play-hide-ani 0s 4s forwards; -webkit-animation:play-hide-ani 0s 4s forwards;}
.sec-howto .ani.play ul.step2 {animation:play-show-ani 0s 4s forwards; -webkit-animation:play-show-ani 0s 4s forwards;}
.sec-howto .ani.play .seq-5 {animation:play-show-ani 0.3s 4s forwards; -webkit-animation:play-show-ani 0.3s 4s forwards;}
.sec-howto .ani.play .seq-6 {animation:play-show-ani 0.3s 4s forwards; -webkit-animation:play-show-ani 0.3s 4s forwards;}
.sec-howto .ani.play .seq-6 span {animation:play-show-ani 0.5s 4s forwards; -webkit-animation:play-show-ani 0.5s 4s forwards;}
.sec-howto .ani.play .seq-6 span {animation:play-hide-ani 0s 5s forwards; -webkit-animation:play-hide-ani 0s 5s forwards;}
.sec-howto .ani.play .seq-6 img {animation:play-show-move-ani 0.5s 5s forwards; -webkit-animation:play-show-move-ani 0.5s 5s forwards;}
.sec-howto .ani.play .seq-7 {animation:play-show-move-ani 0.5s 5.5s forwards; -webkit-animation:play-show-move-ani 0.5s 5.5s forwards;}
.sec-howto .ani.play .seq-8 {animation:play-show-move-ani 0.5s 6.5s forwards; -webkit-animation:play-show-move-ani 0.5s 6.5s forwards;}
.sec-howto .ani ul li.on span {animation:none !important; -webkit-animation:none !important; opacity:0;}
.sec-howto .ani ul li.on img,
.sec-howto .ani ul li.on {
    animation:none !important;
    -webkit-animation:none !important;
    opacity:1;
    transform:translate(0, 0);
    -webkit-transform:translate(0, 0);
    transition:opacity 0.3s;
    -webkit-transition:opacity 0.3s;
}


@-webkit-keyframes play-show-move-ani {
    0% {opacity:0; -webkit-transform:translate(0, 20px);}
    100% {opacity:1; -webkit-transform:translate(0, 0);}
}
@-webkit-keyframes play-show-ani {
    100% {opacity:1;}
}
@-webkit-keyframes play-hide-ani {
    100% {opacity:0;}
}
@-webkit-keyframes loading-ani {
    100% {opacity:1;}
}


@keyframes play-show-move-ani {
    0% {opacity:0; transform:translate(0, 20px);}
    100% {opacity:1; transform:translate(0, 0);}
}
@keyframes play-show-ani {
    100% {opacity:1;}
}
@keyframes play-hide-ani {
    100% {opacity:0;}
}
@keyframes loading-ani {
    100% {opacity:1;}
}


.sec-target {padding-bottom:60px;}
.sec-target .inner {font-size:0;}
.sec-target .inner .tit {display:block; margin-left:30px; margin-bottom:43px; width:222px; height:81px; background:url("https://og.kakaobank.io/view/9337dbd9-07ee-4420-8641-3d8004aa0829") 0 0 / 100% no-repeat;}
.sec-target .inner > div {display: inline-block; width:50%; box-sizing: border-box;}
.sec-target .inner .contents  {padding:60px 26px 40px; border-radius: 40px; text-align: left;}
.sec-target .inner .contents img {width:100%; margin-bottom:37px;}
.sec-target .inner .contents span {display: block; padding:0 14px; font-size:15px; line-height: 25px; font-weight: bold;}
.sec-target .inner .contents span b {color:#222222;}
.sec-target .target1 {padding-right:22px;}
.sec-target .target1 .contents { background-image: linear-gradient(144deg, #fff390 -9%, #ffe457 60%); }
.sec-target .target1 .contents span {color:#bdaa3d;}
.sec-target .target2 {padding-left:22px;}
.sec-target .target2 .contents { background-image: linear-gradient(144deg, #90ffdf -9%, #57e1ff 60%);}
.sec-target .target2 .contents span {color:#449eb2;}


.sec-share {padding-bottom:60px;}
.sec-share .inner {background-color:#f5f6f7; border-radius: 40px; padding:55px 0;}
.sec-share .tit {width:261px; height:184px; margin:0 auto 26px; background:url("https://og.kakaobank.io/view/a2a6ae01-0665-4cfc-8bca-2720fb7734ce") 0 0 / 100% no-repeat;}
.sec-share .coupon {width:193px; margin:0 auto 30px;}
.sec-share .btns button {display: block; width:239px; padding:21px 0; margin:0 auto; background-color:#111111; color:#fff; font-size:15px; font-weight: bold; border-radius: 40px;}
.sec-share .btns button:first-child {margin-bottom:13px;}
.sec-share .btns button .kt-img {width:19px; vertical-align: top; margin-right:3px;}


.sec-info {text-align: left; padding-bottom:40px;}
.sec-info .inner {padding:0 30px; box-sizing: border-box;}
.sec-info .tit {display: block; font-size:16px; line-height: 20px; color:#222222; font-weight: bold; margin-bottom:15px;}
.sec-info ul li {position:relative; font-size:15px; line-height: 26px; padding-left:12px; box-sizing: border-box;}
.sec-info ul li:before {content:"・"; position:absolute; top:0; left:0; font-size:15px; line-height: 26px;}

.sec-arcodion {position:relative; text-align: left; padding-bottom:40px;}
.sec-arcodion .inner {position:relative; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0;}
.sec-arcodion .btn-copy {display: block; padding:30px 0; width:100%; text-align: left;}
.sec-arcodion .tit {display: block; font-size:16px; line-height: 20px; padding:0 30px; font-weight: bold; color:#222222;}
.sec-arcodion .arrow {position:absolute; top:30px; right:31px; width:20px; font-size:0;}
.sec-arcodion .info {padding:0 30px; box-sizing: border-box; height:0; overflow: hidden;}
.sec-arcodion ul {padding:0 0 40px;}
.sec-arcodion ul li {position:relative; font-size:15px; line-height: 26px; padding-left:12px; box-sizing: border-box;}
.sec-arcodion ul li:before {content:"・"; position:absolute; top:0; left:0; font-size:15px; line-height: 26px;}
.sec-arcodion.on .info {height:auto;}
.sec-arcodion.on .arrow {transform:rotate(180deg); -webkit-transform:rotate(180deg);}

.serial {padding:40px 0 100px;}
.serial .inner {padding:0 30px; text-align: left; box-sizing: border-box;}
.serial .inner span {display: block; font-size:16px; line-height: 20px; color:#444444; font-weight: bold;}


.float-btn {display: none; z-index:99;}
.mob {display:none !important;}


.popup-complete {position:fixed; top:0; left:0; width:100%; height:100vh; display: none; z-index:100;}
.popup-complete .bg {position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.6);}
.popup-complete ul {position:absolute; bottom: 0; left:0; width:100%; padding:70px 32px 50px; background-color:#fff; border-top-left-radius: 45px; border-top-right-radius: 45px; box-sizing: border-box;}
.popup-complete ul .close {position:absolute; top:25px; right:25px; width:44px;}
.popup-complete ul .tit {font-size:28px; line-height: 35px; font-weight: bold; padding-left:6px; margin-bottom:13px;}
.popup-complete ul .desc {font-size:15px; line-height: 24px; font-weight: bold; padding-left:6px;}
.popup-complete ul .bell {float:right; width:75px; margin-right:6px; margin-bottom:40px;}
.popup-complete ul .clear {clear:both;}
.popup-complete ul .btn-go-share {position:relative; width:100%; padding:28px 24px; background-color:#28965f; border-radius: 26px; overflow: hidden; box-sizing: border-box;}
.popup-complete ul .btn-go-share:before {content:""; position:absolute; top:0; right:0; width:92px; height:105px; background:url("https://og.kakaobank.io/view/fdfacc29-1a31-48e4-b075-8c97c7c218a1") 0 0 / 100% no-repeat;}
.popup-complete ul .btn-go-share button {text-align: left;}
.popup-complete ul .btn-go-share span {position:relative; font-size:16px; line-height: 24px; color:#fff; font-weight: bold;}
.popup-complete.on {display: block;}
.popup-complete.on ul { animation: popup-complete-ani 0.4s forwards; -webkit-animation: popup-complete-ani 0.4s forwards;}


@-webkit-keyframes popup-complete-ani {
    0% {-webkit-transform:translate(0, 100%);}
    100% {-webkit-transform: translate(0,0);}
}

@keyframes popup-complete-ani {
    0% {transform:translate(0, 100%);}
    100% {transform: translate(0,0);}
}


/****** popups **************************/
.popups {position:fixed; top:0; left:0; width:100%; height:100%; z-index:999; display: table; text-align: center; visibility: hidden; opacity:0;}
.popups.on {visibility: visible; opacity:1;}
.popups .pop-inner {display: table-cell; vertical-align: middle;}
.popups .bg {position:absolute; top:0; left:0; width:100%; height:200%; background-color:rgba(0,0,0,0.4);}
.popups .pop-content {position:relative; max-width:330px; padding:0 20px; margin:0 auto;}
.popups .pop-content-inner {background-color:#fff; border-radius: 30px; font-size:0;}
.popups .copy {position:relative; display: block; padding:40px 0; text-align: center; font-size:20px; line-height: 26px; font-weight: bold;}
.popups .ok-btn {display: block; width:100%; padding:0 12px 12px; box-sizing: border-box;}
.popups .ok-btn button,
.popups .ok-btn a {display:block; width:100%; font-size:18px; background-color:#4a4cd8; color:#fff; text-align: center; padding:20px 0 18px; border-radius: 33px;}

.popup-low-version .pop-content-inner {border-radius: 0;}
.popup-low-version .pop-content-inner .desc {font-size:16px; line-height: 23px; color:#000;}
.popup-low-version .pop-content-inner .btns button {float:left; font-size:16px; height:54px; line-height: 54px; color:#000;}
.popup-low-version .pop-content-inner .btns .ok-btn {width:40%; background-color:#dddddd;}
.popup-low-version .pop-content-inner .btns .out-btn {width:60%; background-color:#ffe100;}
.popup-low-version .pop-content-inner .clear {clear:both;}



.popup-youtube {display: none; position:fixed;top:0;right:0;bottom:0;left:0;box-sizing:border-box;padding:20px 0;background:rgba(0, 0, 0, 1);}
.popup-youtube.on {display: block;}
.popup-youtube .modal-table {display:table;width:100%;height:100%;table-layout:fixed;}
.popup-youtube .modal-cell {display:table-cell;width:100%;height:100%;vertical-align:middle;text-align:center;}
.popup-youtube .iframe-wrap{display:inline-block;width:100%;height:80%;}
.popup-youtube .modal-open{display:block;z-index:1000;}
.popup-youtube .btn-close-modal{ position:fixed;top:22px;right:16px;color:#fff;width:36px;height:36px; background:url('https://og.kakaobank.io/view/d819c1bc-9dc6-4732-b7a2-f2393ade38d8') 4px 4px no-repeat;background-size:28px 28px;}



@media screen and (max-width: 675px) {
    .mob {display: block !important;}

    .sec-top .img-logo {margin:11px 0 0 10px;}

    .sec-kv .inner {display: block; padding-top:50px;}
    .sec-kv h3 {margin-bottom:12px;}
    .sec-kv .ani {height:200px; margin-bottom:12px;}
    .sec-kv .ani .video {height:200px;}

    .sec-video .mask {height:550px; margin-top:-42px;}
    .sec-video .mask .copy {bottom:52px;}
    .sec-video .mask .copy span {margin-bottom:25px;}

    .sec-howto {padding:100px 0 0 0;}
    .sec-howto .inner div {width:100%; padding-left:45px; box-sizing: border-box;}
    .sec-howto .ani {padding:0 45px;}
    .sec-howto .copy {font-size: 32px; line-height: 42px; margin-bottom:80px;}
    .sec-howto .copy .copy1 {margin-bottom:40px;}
    .sec-howto .ani ul.step1 {opacity:1; position:relative; margin-bottom:50px; padding-left:0;}
    .sec-howto .ani ul.step2 {opacity:1; margin-bottom:100px; padding-left:0;}
    .sec-howto .ani.play ul.step1 {animation:play-show-ani 0s 4s forwards;-webkit-animation:play-show-ani 0s 4s forwards;}

    .sec-target .inner > div {width:100%; padding:0 18px;}
    .sec-target .target1 {
        animation:target-rolling-ani 5s infinite;
        -webkit-animation:target-rolling-ani 5s infinite;
    }
    .sec-target .target2 {position:absolute; top:0; left:0; opacity:0;
        animation: target-rolling-ani 5s 2.5s infinite;
        -webkit-animation: target-rolling-ani 5s 2.5s infinite;
    }

    @-webkit-keyframes target-rolling-ani {
        0% {opacity:0;}
        10% {opacity:1;}
        50% {opacity:1;}
        60% {opacity:0;}
        100% {opacity:0;}
    }

    @keyframes target-rolling-ani {
        0% {opacity:0;}
        10% {opacity:1;}
        50% {opacity:1;}
        60% {opacity:0;}
        100% {opacity:0;}
    }


    .sec-target .inner .tit {position:absolute; top:60px; left:54px; z-index:1; width:194px; height: 70px; margin:0;}
    .sec-target .inner .contents {padding-top:130px;}
    .sec-target .inner .contents span {display: block; font-size:15px; line-height: 25px; padding:0 16px;}
    .sec-target .inner .contents span.first {margin-top:-20px;}
    .sec-target .inner .contents img {margin-bottom: 0;}

    .sec-share {padding:0 18px 70px; box-sizing: border-box;}
    .sec-share .inner {padding:60px 0 42px;}
    .sec-share .category {font-size:16px; margin-bottom:14px;}
    .sec-share .tit {font-size:29px; margin-bottom:36px;}
    .sec-share .desc {font-size:16px; line-height:26px; margin-bottom:20px;}
    .sec-share .date {font-size:16px; line-height:26px; margin-bottom:36px;}
    .sec-share .coupon {width:207px; margin-bottom:50px;}
    .sec-share .btns {padding:0 42px;}
    .sec-share .btns button {width:100%; font-size:16px;}
    .sec-share .btns button:first-child {margin-bottom:15px;}
    .sec-share .btns button .kt-img {width:21px; margin-right:5px;}

    .sec-info {padding:0 30px 40px; box-sizing: border-box;}
    .sec-info .inner {padding:0;}
    .sec-info .tit {font-size:18px; line-height: 32px; margin-bottom:16px;}
    .sec-info ul li {font-size:14px; line-height: 25px;}
    .sec-info ul li:before {font-size:14px; line-height: 25px;}

    .sec-arcodion {padding:0 30px; box-sizing: border-box;}
    .sec-arcodion .btn-copy {padding:26px 0;}
    .sec-arcodion .tit {font-size:18px; line-height: 32px; padding:0;}
    .sec-arcodion .arrow {top:26px; right:0; width:25px;}
    .sec-arcodion .info {padding:0;}
    .sec-arcodion ul {padding-bottom:26px;}
    .sec-arcodion ul li {font-size:14px; line-height: 25px;}

    .serial {padding:40px 0 153px;}
    .serial .inner span {font-size:14px; line-height: 25px;}


    .float-btn {display: none; position:fixed; bottom:33px; left:0; width:100%; padding:0 18px; box-sizing: border-box;}
    .float-btn .off {display:none;}
    .float-btn .off span {color:#222222; opacity: 0.2;}
    .float-btn button {padding:17px 0; width:100%; background-color:#4a4cd8; font-size:18px; line-height: 37px; color:#fff; border-radius: 30px;}
    .float-btn.on {display: block;}
    .float-btn.complete button {background-color:#e8e9ea;}
    .float-btn.complete .on {display:none;}
    .float-btn.complete .off {display:block;}

    .float-btn .on span {display: block; width:135px; height:25px; margin:0 auto; opacity:1; background:url("https://og.kakaobank.io/view/c9ab4f84-00a3-4119-b305-e01cb301283b") 0 0 / 100% no-repeat;}
    .float-btn .off span {display: block; width:135px; height:25px; margin:0 auto; opacity:1; background:url("https://og.kakaobank.io/view/55b45f37-5743-4f32-afe5-885272d70626") 0 0 / 100% no-repeat;}
    .popup-complete ul .tit {width:150px; height:130px; margin:0 0 0 6px; padding:0; background:url("https://og.kakaobank.io/view/32358342-d13e-4849-b074-da5783a0dca1") 0 0 / 100% no-repeat;}
}