@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;}
.ir{display:block;overflow:hidden;font-size:1px;line-height:0;color:transparent}
img{vertical-align:top;}

body {background-color: #000;color:#fff;}
body.yellow {background-color: #ffef6b;}
body.full{
  overflow:hidden;height:100%;
}
body.full .main{overflow:hidden;}

body.is-app{}
body.is-mobile{}
body.is-pc{}

#hidden-bar{position:fixed;top:0;right:0;width:1px;height:100vh;pointer-events:none;}
.black-bg{
  position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000;
}
.main{overflow:auto;}

/* 고정 텍스트 */
.sign .slogan{
  z-index:1;position:fixed;top:26px;left:20px;width:58px;height:82px;
  background:url('https://og.kakaobank.io/view/a250cefe-d610-44cc-9edd-c9499dde776d') 0 0 no-repeat;background-size:58px 82px;
}
.sign .slogan > a{display:block;height:100%;}
.sign .btn-open-share-popup{
  z-index:1;position:fixed;top:26px;right:20px;width:69px;height:28px;
  background:url('https://og.kakaobank.io/view/af3a4961-dd7a-4081-ba51-8fb7d6aef24f') 0 0 no-repeat;background-size:69px 28px;
}
.sign .kakaobank-logo{display:none;}
.sign .kakaobank-now{display:none;}
@media (min-width: 1024px) {
  .sign .slogan{top:28px;left:28px;width:64px;height:90px;background-size:64px 90px;}
  .sign .kakaobank-logo{display:block;z-index:1;position:fixed;bottom:28px;left:28px;width:80px;height:14px;}
  .sign .kakaobank-logo > i{
    display:block;position:absolute;top:0;left:0;width:80px;height:14px;
    -webkit-transition:opacity .3s ease;transition:opacity .3s ease;
  }
  .sign .kakaobank-logo i.white{opacity:1;background:url('https://og.kakaobank.io/view/efa620b4-51a6-41cb-8b14-4dd232d6899f') 0 0 no-repeat;background-size:80px 14px;}
  .sign .kakaobank-logo i.black{opacity:0;background:url('https://og.kakaobank.io/view/42672c26-4d60-46c6-a8e1-6663cd65ce9c') 0 0 no-repeat;background-size:80px 14px;}
  .sign .kakaobank-now{
    display:block;z-index:1;position:fixed;bottom:28px;right:28px;width:108px;height:14px;
  }
  .sign .kakaobank-now > i{
    display:block;position:absolute;top:0;left:0;width:108px;height:14px;
    -webkit-transition:opacity .3s ease;transition:opacity .3s ease;
  }
  .sign .kakaobank-now i.white{opacity:1;background:url('https://og.kakaobank.io/view/bf8958e1-a145-4c83-8105-3413318731df') 0 0 no-repeat;background-size:108px 14px;}
  .sign .kakaobank-now i.black{opacity:0;background:url('https://og.kakaobank.io/view/74479f33-1012-49de-9055-103c10a84d24') 0 0 no-repeat;background-size:108px 14px;}
}
.sign.black .slogan{background:url('https://og.kakaobank.io/view/98921b4f-631c-4c29-aae9-668c094d5f17') 0 0 no-repeat;background-size:58px 82px;}
.sign.black .kakaobank-logo .white{opacity:0;}
.sign.black .kakaobank-logo .black{opacity:1;}
.sign.black .kakaobank-now .white{opacity:0;}
.sign.black .kakaobank-now .black{opacity:1;}

/* .SC-MAIN */
.sc-main{position:relative;height:calc(100vh - 130px);box-sizing:border-box;background-color:#000;}
.sc-main .video-wrap{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;}
.sc-main .gif-wrap{
  overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;
  background:url('https://og.kakaobank.io/view/7671b093-e356-4d52-9058-b85082fa2fbe') 0 0 no-repeat;
  background-size:cover;
}

.sc-main .video{width:100%;height:100%;object-fit:cover;}
.sc-main .overlay{
  position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;
  background-color:rgba(0, 0, 0, .85);
}
.sc-main .indicator-film{
  position:absolute;bottom:26px;left:50%;margin-left:-50px;width:100px;height:18px;
  background:url('https://og.kakaobank.io/view/a50ec860-0e90-496f-8d60-a96329b3f80e') 0 0 no-repeat;background-size:100px 18px;
}
.sc-main .indicator-movie{
  z-index:1;position:absolute;bottom:-50px;left:50%;margin-left:-16px;
}
.sc-main .indicator-movie i{
  display:block;width:33px;height:21px;
  background:url('https://og.kakaobank.io/view/8ebb0057-3df8-40a6-bc73-99355f041fc6') 0 0 no-repeat;background-size:33px 21px;
  animation:indicate 1s infinite alternate;
  -webkit-animation:indicate 1s infinite alternate;
}

@keyframes indicate { 
  0% {
    transform:translateY(0);
    opacity:1;
  }
  100% {
    transform:translateY(-10px);
    opacity:0.7;
  }
}
@-webkit-keyframes indicate { 
  0% {
    -webkit-transform:translateY(0);
    opacity:1;
  }
  100% {
    -webkit-transform:translateY(-10px);
    opacity:0.7;
  }
}


/* .SC-MOVIE */
.sc-movie{
  z-index:1;position:relative;height:calc(100vh - 80px);box-sizing:border-box;
  display:flex;justify-content:center;align-items:center;
}
.sc-movie .video-wrap{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;}
.sc-movie .video-wrap .video{width:100%;height:100%;object-fit:cover;}
.sc-movie .video-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.sc-movie .video-wrap .gif{
  position:absolute;top:0;right:0;bottom:0;left:0;
  background:url('https://og.kakaobank.io/view/c8bcca2e-505d-4088-b0cd-be37cfeb968c') 0 0 no-repeat;
  background-size:cover;
}


.sc-movie .overlay{
  position:absolute;top:0;left:0;width:100%;height:100%;
  background-color:rgba(0, 0, 0, .7);
  display:flex;justify-content:center;align-items:center;
}
.sc-movie .cont{position:relative;text-align:center;}
.sc-movie .cont .tit{
  width:251px;height:114px;margin-bottom:42px;
  background:url('https://og.kakaobank.io/view/df58c579-bfac-42fd-9f51-f8db80fe2f36') 0 0 no-repeat;background-size:251px 114px;
  font-size:35px;line-height:1.43;color:#fff;text-align:center;font-weight:bold;
}


.sc-movie .cont .createdby{padding:10px 0 34px;font-size:16px;line-height:1.25;color:#fff;font-weight:200;}
.sc-movie .cont .btn-play-video{
  display:inline-block;width:80px;height:80px;cursor:pointer;
  background:url('https://og.kakaobank.io/view/a5ca605d-db7d-435a-80fb-91e23da29b12') 0 0 no-repeat;background-size:80px 80px;
}

/* .SC-GROWTH */
.sc-growth{position:relative;height:100vh;height: calc(var(--vh, 1vh) * 100);}
.sc-growth .canvas{
  position:relative;width:100%;height:100vh;
  box-sizing:border-box;
}
.android .sc-growth .canvas{
  /* top:auto;right:auto; */
}
.sc-growth .tit{
  position:absolute;top:25%;left:50%;margin-left:-120px;width:240px;height:116px;opacity:0;
  background-size:240px 116px;background-position:0 0;background-repeat:no-repeat;
  transform:translateY(15px);-webkit-transform:translateY(15px);
}
.sc-growth .tit > svg{position:absolute;top:0;left:0;width:240px;height:116px;}
.sc-growth #growth-tit0{
  /* background-image:url('https://og.kakaobank.io/view/6cc5aa03-5a55-4ef2-a2ea-d6f25f50d60c'); */
  opacity:1;transform:translateY(0);-webkit-transform:translateY(0);
}
/* .sc-growth #growth-tit1{background-image:url('https://og.kakaobank.io/view/f1088707-9b7a-4007-8f3e-c018e1ea11f3');}
.sc-growth #growth-tit2{background-image:url('https://og.kakaobank.io/view/e84c8bd7-c021-4327-8e7a-32834366ab01');}
.sc-growth #growth-tit3{background-image:url('https://og.kakaobank.io/view/61e2f9fb-19aa-4629-b7e9-64776613979b');} */
.sc-growth .cont{position:absolute;top:48%;left:0;width:100%;}
.sc-growth .year{text-align:center;}
.sc-growth .year .nums{display:inline-block;font-size:16px;line-height:24px;}
.sc-growth .year .nums:after{content:'';display:block;clear:both;}
.sc-growth .year .year-place{overflow:hidden;float:left;position:relative;width:9px;height:18px;}
.sc-growth .year .digits {position:absolute;top:0;left:0;}
.sc-growth .year .digit{
  overflow:hidden;
  display:block;width:9px;height:18px;
  background:url('https://og.kakaobank.io/view/56f33a19-2b1e-43da-b554-5ef297b5b509') 0 0 no-repeat;background-size:54px 18px;
}

.sc-growth .year .digit-0{background-position:0 0;}
.sc-growth .year .digit-1{background-position:-9px 0;}
.sc-growth .year .digit-2{background-position:-18px 0;}
.sc-growth .year .digit-7{background-position:-27px 0;}
.sc-growth .year .digit-8{background-position:-36px 0;}
.sc-growth .year .digit-9{background-position:-45px 0;}

.sc-growth .sub{position:relative;margin-top:15px;}
.sc-growth .sub .subtext{
  position:absolute;top:0;left:0;width:100%;font-size:19px;font-weight:bold;text-align:center;opacity:0;
  transform:translateY(10px);-webkit-transform:translateY(10px);
}
.sc-growth .sub .subtext#growth-subtext-start{
  left:50%;margin-left:-16px;
  width:33px;height:22px;background:url('https://og.kakaobank.io/view/fb42699d-bdb3-4924-8658-a6f31faff75a') 0 0 no-repeat;background-size:33px 22px;
  opacity:1;transform:translateY(0);-webkit-transform:translateY(0);
}
.sc-growth .sub .subtext#growth-subtext-top{
  left:50%;margin-left:-71px;
  width:142px;height:22px;background:url('https://og.kakaobank.io/view/db2f5972-e210-47ba-9dfc-d11251c74b0f') 0 0 no-repeat;background-size:142px 22px;
}
.sc-growth .customer{font-size:20px;}
.sc-growth .customer .wrap{display:inline-block;margin-left:-85px;}
.sc-growth .customer .wrap .nums{float:left;}
.sc-growth .customer .wrap .nums:after{content:'';display:block;clear:both;}
.sc-growth .customer .customer-place{overflow:hidden;float:left;position:relative;width:11px;height:24px;text-align:center;}
.sc-growth .customer .digits{position:absolute;top:0;left:0;opacity:0;}

.sc-growth .customer .digits .digit{
  overflow:hidden;display:block;width:12px;height:22px;
  background:url('https://og.kakaobank.io/view/5cf6b64c-f245-4610-82ac-f7cec5f90975') 0 0 no-repeat;background-size:125px 22px;
}
.sc-growth .customer .digits .digit-0{background-position:-108px 0;}
.sc-growth .customer .digits .digit-1{background-position:0px 0;}
.sc-growth .customer .digits .digit-2{background-position:-12px 0;}
.sc-growth .customer .digits .digit-3{background-position:-24px 0;}
.sc-growth .customer .digits .digit-4{background-position:-36px 0;}
.sc-growth .customer .digits .digit-5{background-position:-48px 0;}
.sc-growth .customer .digits .digit-6{background-position:-60px 0;}
.sc-growth .customer .digits .digit-7{background-position:-72px 0;}
.sc-growth .customer .digits .digit-8{background-position:-84px 0;}
.sc-growth .customer .digits .digit-9{background-position:-96px 0;}

.sc-growth .customer .digits#customer-digit-1{opacity:1;}
.sc-growth .customer .comma{
  float:left;position:relative;width:5px;height:22px;opacity:0;
  background:url('https://og.kakaobank.io/view/5cf6b64c-f245-4610-82ac-f7cec5f90975') -120px 0 no-repeat;background-size:125px 22px;
}
.sc-growth .customer .unit{
  float:left;width:66px;height:22px;margin-left:2px;
  background:url('https://og.kakaobank.io/view/49f804f4-999e-460b-87c2-56281775f1d2') 0 0 no-repeat;background-size:66px 22px;
}

/* .SC-BLIND */
.sc-blind{position:relative;height:100vh;}
.sc-blind.yellow{background-color:#ffef6b;}
.sc-blind .canvas{
  position:absolute;top:0;left:0;width:100%;height:100vh;
  box-sizing:border-box;
}
.android .sc-blind .canvas{top:auto;right:auto;}

.sc-blind .tit{
  position:absolute;top:30%;left:50%;
  opacity:0;
  transform:translateY(15px);-webkit-transform:translateY(15px);
}
.sc-blind .tit > svg{position:absolute;top:0;left:0;width:240px;height:116px;}
#blind-tit0{
  position:fixed;top:30%;left:50%;
  opacity:0;
  transform:translateY(15px);-webkit-transform:translateY(15px);
  width:240px;height:116px;margin-left:-120px;
}
#blind-tit0 > svg{position:absolute;top:0;left:0;width:240px;height:116px;}
#blind-tit1{
  position:fixed;top:30%;left:50%;
  opacity:0;
  transform:translateY(15px);-webkit-transform:translateY(15px);
  width:240px;height:116px;margin-left:-120px;
}
#blind-tit1 > svg{position:absolute;top:0;left:0;width:240px;height:116px;}

.sc-blind-end{position:relative;}
.ryan-end-hand{
  overflow:hidden;position:absolute;top:-50px;left:50%;margin-left:-173px;
  z-index:1;
  width:78px;height:106px;
  background-repeat:no-repeat;background-position:0 0;background-size:1874px 106px;
  background-image:url('https://og.kakaobank.io/view/1a2fcccc-0396-4c1c-866f-9f8ea0bb8bc9');
}

.blind-line{
  position:fixed;top:0;left:50%;margin-left:131px;width:2px;height:100%;
  opacity:0;
  background:url('https://og.kakaobank.io/view/1edc21f5-73ca-4c32-b881-28d0d387e666') 0 0 repeat-y;background-size:2px 0.5px;
}

/* .SC-BLIND-SUPPORT */
.sc-blind-support{display:none;position:fixed;top:0;left:0;width:100%;pointer-events:none;}
.sc-blind-support.show{display:block;}
.sc-blind-support #blind-tit2{
  position:fixed;top:30%;left:50%;opacity:0;
  transform:translateY(10px);-webkit-transform:translateY(10px);
  width:240px;height:124px;margin-left:-120px;
  /* background:url('https://og.kakaobank.io/view/3cc31dab-c521-4a52-b21e-910dedad4c09') 0 0 no-repeat;background-size:240px 124px; */
}
.sc-blind-support #blind-tit2 > svg{position:absolute;top:0;left:0;width:240px;height:116px;}

.sc-blind-support #ryan-canvas{
  position:fixed;bottom:0;left:50%;margin-left:-183px;width:366px;height:250px;
  transform:translateY(40px);-webkit-transform:translateY(40px);
}

/* .sc-story */
.story-share-wrap{z-index:10;position:relative;background-color:#000;}
.sc-story{
  overflow-x:hidden;position:relative;background-color:#000;text-align:center;
}
.sc-story .cont{padding-top:100px;}
.sc-story .tit{position:relative;text-align:center;padding:163px 0 100px;}
.sc-story .tit .txt{
  display:inline-block;position:relative;width:226px;height:90px;
}
.sc-story .tit .txt > svg{
  position:absolute;top:0;left:0;width:226px;height:90px;
}

.sc-story .stories-wrap{}
.sc-story .stories{}
.sc-story .stories:after{content:'';display:block;clear:both;}
.sc-story .story{position:relative;margin-top:10px;text-align:left;}
.sc-story .story .inner{
  overflow:hidden;position:relative;border-radius:24px;transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0);
}
.sc-story .story .size-thumb{position:relative;width:100%;}

.sc-story .story .thumb-wrap{
  position:absolute;top:0;right:0;bottom:0;left:0;
  transform:translate3d(-25px, -15px, 0);-webkit-transform:translate3d(-25px, -15px, 0);
  will-change:transform;pointer-events:none;
}
.sc-story .story .thumb{
  position:absolute;top:0;left:0;width:100%;
  transform:scale(1.2);-webkit-transform:scale(1.2);
}
.sc-story .story .title{
  position:absolute;bottom:30px;left:30px;
  width:208px;height:84px;background-size:208px 84px;background-position:0 0;background-repeat:no-repeat;
}
.sc-story .story .duration{
  position:absolute;bottom:30px;right:30px;
  width:26px;height:13px;background-size:26px 13px;background-position:0 0;background-repeat:no-repeat;
}
.sc-story .btn-play-video{
  display:inline-block;position:absolute;top:50%;left:50%;margin:-40px 0 0 -40px;width:80px;height:80px;
  background:url('https://og.kakaobank.io/view/a5ca605d-db7d-435a-80fb-91e23da29b12') 0 0 no-repeat;background-size:80px 80px;
}
.sc-story .story1 .title{background-image:url('https://og.kakaobank.io/view/f7e57a5f-634c-4905-9c7c-44b297054efc')}
.sc-story .story2 .title{background-image:url('https://og.kakaobank.io/view/9d28cbfc-4fb1-4c98-938e-93fdcbd35ca5')}
.sc-story .story3 .title{background-image:url('https://og.kakaobank.io/view/661ebafd-60a2-4ae3-98b5-19fbc4a288f1')}
.sc-story .story4 .title{background-image:url('https://og.kakaobank.io/view/6a4e36e1-ba4e-467c-826e-155aa295badb')}
.sc-story .story5 .title{background-image:url('https://og.kakaobank.io/view/6af64014-a45e-4489-868d-d08ab1ce829f')}
.sc-story .story6 .title{background-image:url('https://og.kakaobank.io/view/f656dd73-83f9-4993-9e3b-f80ae0fc678b')}
.sc-story .story1 .duration{background-image:url('https://og.kakaobank.io/view/515bde5c-b737-4210-8dfb-43370c71f5be')}
.sc-story .story2 .duration{background-image:url('https://og.kakaobank.io/view/08265820-df30-42d4-a8ce-dc15e2fabc86')}
.sc-story .story3 .duration{background-image:url('https://og.kakaobank.io/view/97070779-5675-450f-9a0e-2e7d80cf614c')}
.sc-story .story4 .duration{background-image:url('https://og.kakaobank.io/view/e3e86446-291e-4dfa-846a-d2ea483e66c8')}
.sc-story .story5 .duration{background-image:url('https://og.kakaobank.io/view/91b0d15b-8fff-43cc-b8d8-5d88a1568f17')}
.sc-story .story6 .duration{background-image:url('https://og.kakaobank.io/view/edbe691b-22fc-4803-a4a7-7c4abaf78a51')}

/*
  - 400 1개
  - 600 2개
  - 1024 가로 1열
*/
@media (min-width: 600px) {
  .sc-story .stories-wrap{padding:0 3px;}
  .sc-story .story{float:left;width:50%;padding:0 3px;box-sizing:border-box;}
}
/* 가로 1열 배치 */
@media (min-width: 1024px) {
  .sc-story .tit{padding:160px 0 50px;}
  .sc-story .stories-wrap{display:inline-block;position:relative;width:2400px;height:400px;}
  .sc-story .stories{position:absolute;top:0;left:0;width:2400px;height:400px;}
  .sc-story .story{float:left;width:400px;height:400px;margin-top:0;}
}

/* 지금 카카오뱅크 이야기를 공유해보세요. */
.sc-share{position:relative;padding-top:120px;text-align:center;background-color:#000;}
.sc-share .top{text-align:center;}
.sc-share .top .tit{
  position:relative;display:inline-block;width:226px;height:234px;
}
.sc-share .top .tit > svg{
  position:absolute;top:0;left:0;width:226px;height:234px;
}
.sc-share .top .tit-finished{
  width:226px;height:118px;background:url('https://og.kakaobank.io/view/b0f76e1d-433a-4471-bd8e-4e43f058ca85') 0 0 no-repeat;background-size:226px 118px;
}
.sc-share .social{padding:30px 0 0;}
.sc-share .social > button{display:inline-block;width:80px;height:80px;margin-right:13px;}
.sc-share .social .kakaotalk{}
.sc-share .social .facebook{}
.sc-share .social .intent{}
.sc-share .note{margin-top:32px;padding:0 0 156px;text-align:center;}
.sc-share .note .btn-open-note{
  display:inline-block;width:76px;height:17px;background:url('https://og.kakaobank.io/view/cbab419c-76eb-4f7a-9727-3a8a37f94825') 0 0 no-repeat;
  background-size:76px 17px;
}
.sc-share .note .note-content{display:none;padding:54px 0 60px;background-color:#222;text-align:left;}
.sc-share .note .wrap{margin:0 auto;max-width:310px;padding:0 30px;}
.sc-share .note .title{padding-bottom:28px;font-size:18px;line-height:1.11;font-weight:bold;}
.sc-share .note .list li{
  position:relative;padding-left:10px;font-size:14px;line-height:1.86;color:rgba(255, 255, 255, .5);
  word-break:break-all;
}
.sc-share .note .list li:before{content: '*';position:absolute;top:4px;left:0;}
.sc-share .note .btn-tel{font-weight:bold;text-decoration:underline;color:rgba(255, 255, 255, .5)}
.sc-share .bottom-button .btn-go{
  display:none;position:relative;width:100%;max-width:380px;height:76px;background-color:#333;
  border-radius:20px;
} 
.sc-share .bottom-button .btn-go .txt{
  display:inline-block;position:absolute;top:28px;left:50%;margin-left:-60px;width:120px;height:20px;
} 
.sc-share .bottom-button .btn-go .txt > svg{
  position:absolute;top:0;left:0;width:120px;height:20px;
}
.sc-share .note.open{padding-bottom:0;}
.sc-share .note.open .btn-open-note{display:none;}
.sc-share .note.open .note-content{display:block;}
.sc-share .bottom-button.open {background-color:#222;}
.sc-share .bottom-button{padding:0 28px 30px;text-align:center;}
.is-pc .sc-share .bottom-button .btn-go{display:inline-block;} 
.is-mobile .sc-share .bottom-button .btn-go{display:inline-block;} 

.modal-table {display:table;width:100%;height:100%;table-layout:fixed;}
.modal-cell {display:table-cell;width:100%;height:100%;vertical-align:middle;text-align:center;}
.video-modal{
  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);
}
.video-modal .iframe-wrap{display:inline-block;width:100%;height:80%;}
.video-modal .iframe-video{}
.video-modal.modal-open{display:block;z-index:1000;}
.video-modal .btn-close-modal{
  position:fixed;top:22px;right:16px;color:#fff;width:36px;height:36px;
  background:url('https://og.kakaobank.io/view/837b8f1b-b595-42c6-aac2-eb15c049f075') 4px 4px no-repeat;background-size:28px 28px;
}
.popup{
  z-index:1000;
  display:none;position:fixed;top:0;right:0;bottom:0;left:0;box-sizing:border-box;padding:20px 0;
}
.popup.open{display:block;}
.popup .bg{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0, 0, 0, 0.6);}
.popup-content{
  position:relative;display:inline-block;width:300px;height:226px;background-color:#ffef6b;border-radius:24px;
  padding:16px;box-sizing:border-box;
}
.popup-content .desc{
  position:absolute;top:52px;left:60px;
  width:180px;height:60px;background-size:180px 60px;background-position:0 0;background-repeat:no-repeat;
}
.popup-content .desc > svg{position:absolute;top:0;left:0;width:180px;height:60px;}
.popup-content .btn-ok{
  position:absolute;bottom:16px;left:16px;display:block;width:268px;height:60px;background-color:#000;border-radius:14px;
}
.popup-content .btn-ok .txt{
  display:block;position:absolute;top:20px;left:50%;margin-left:-10px;width:30px;height:20px;background:url('https://og.kakaobank.io/view/940faec6-4d67-4100-9609-b93f9b37a308') 0 0 no-repeat;background-size:30px 20px;
}

/* .popup-mobile .desc{background-image:url('https://og.kakaobank.io/view/828405a1-4850-486b-825f-e355f0593697');} */
/* .popup-inapp .desc{background-image:url('https://og.kakaobank.io/view/828405a1-4850-486b-825f-e355f0593697');} */
/* .popup-complete .desc{background-image:url('https://og.kakaobank.io/view/185ef408-041b-4b9f-a3ed-e0bd9a27247b');} */
/* .popup-finish .desc{background-image:url('https://og.kakaobank.io/view/cfacfdf5-efcc-4dc0-87cd-17068f12b528');} */
/* .popup-finished .desc{background-image:url('https://og.kakaobank.io/view/cfacfdf5-efcc-4dc0-87cd-17068f12b528');} */