html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}table {border-collapse: collapse;border-spacing: 0;}

.logo {
  display:block; width: 70px; height: 12px;
}

section {padding: 0 8px;}
.section-content {
  max-width: 339px;
  margin:auto;
  position: relative;
}
.hand {
  pointer-events: none;
}
.content {
  margin: auto;
  margin-bottom: 0px;
  box-sizing: border-box;
}

.is-pc .content {
  margin-bottom: 30px;
}

.section-title {
  text-align: center;
  padding-top: 29px;
  padding-bottom: 104px;
}

.section-event01 {
  background: #f7f7f7;
  text-align: center;
  position: relative;
}

.section-info {
  background: #f7f7f7;
  padding-bottom: 35px;
}

.section-notice {
  padding: 50px 8px;
  background: #a6acb1;
  position: relative;
}

.section-event02 {
  padding-top: 50px;
  padding-bottom: 40px;
  text-align: center;
}
img {pointer-events:none;}
.img {display: block;}
.center {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-left: 50%;
}
.img-center {margin: auto;}
section > img {display: block;pointer-events:none;margin: auto;}
.logo-img {
  width: 70px; height: 12px;
}

.section-title-subtitle {
  margin-top: 52px;
  width:264px;height: 18px;
}

.section-title-title {
  width:298px;height: 114px;margin-top:32px;
}
.section-title-title-surf {
  display: block;
  position: absolute;
  background: url(https://og.kakaobank.io/view/38346e2b-d254-44dd-aa5b-f5138ce6e69d) no-repeat;
  width: 39px;
  height: 51px;
  background-size: 39px 51px;
  margin-top: -20px;
  margin-left: 50px;
  left: 50%;
  top: 50%;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -webkit-animation: surf 2s infinite linear;
  animation: surf 2s infinite linear;
}

.section-title-date {
  width: 271px; height: 19px;margin-top: 46px;
}

.section-title-body {
  width: 226px;height:56px;margin-top:39px;
}

.section-event01-title {
  margin-top: 15px;width: 126px;height: 138px;
}

.section-event01-subtitle {
  width: 256px;height:64px;margin-top: 45px;
}

.section-event01-desc {
  width: 195px; height: 51px;margin-top: 12px;
}

.section-event02-title {
  width: 125px;height: 131px;
}

.section-event02-subtitle {
  width:285px; height: 67px;margin: 10px auto 0;
}

.section-event02-desc {
  width:136px;height:25px;margin: 12px auto 0;
}

.section-info-box {
  width:304px;
  margin: auto;
  font-size: 0;
}

.section-info-title {
  width:184px; height:23px;margin-top: 50px;margin-left:0;
}

.share-items {
  font-size: 0;text-align: center;margin-top: 38px;
}

.share-item {
  display: inline-block;
}
.share-item img {
  width: 100%;
  height: 100%;
}

.share-item>a {
  display: block;width: 60px;height: 60px;margin: 0 8px;
}
.is-pc .btn-yellow {
  position: static;
  margin-top: 50px;
  border-radius: 10px;
}
.btn-yellow {
  position: fixed;
  z-index: 4;
  bottom: -100px;
  display: block;
  margin: 0 auto;
  padding: 28px 0 0 0;
  height: 50px;
  left: 0;
  right: 0;
  background: #ffe400;
  border:none;
  transition: bottom 0.5s;
}
.btn-yellow.is-active {
  bottom: 0px;
}

.btn-gray {
  max-width: 339px;
  width:100%;
  margin: 30px auto 0;
  height: 34px;
  padding: 18px 0 0 0;
  display: block;
  background: #eee;
  border-radius: 10px;
  border:none;
}

.notice-items {
  display: block;
  max-width: 339px;
  margin: auto;
  color: #fff;
  font-size: 13px;
  line-height: 18px;
}

.img-notice-title {
  width:136px;
  height:27px;
  margin-bottom: 31px;
}
.is-pc .section-footer {
  padding-bottom: 0;
}
.section-footer {
  text-align: center;
  padding-bottom: 130px;
}

.img-6-2-btn {
  width: 253px;height: 20px;
}

.img-6-1-title {
  width: 250px;
  height: 61px;
  margin-top: 55px;
}

.gradient {
  display: block;position: absolute;top:0; left:0;right:0;height: 150px;
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 0%, #f7f7f7 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #ffffff 0%,#f7f7f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
}

.btn-link:after {
  content: "";
  background: url(https://og.kakaobank.io/view/3804bf88-4722-4d1c-b4eb-45e1fbb62108);
  width: 12px;
  height: 12px;
  display: inline-block;
  background-size: 12px 12px;
  float: right;
  margin-right: 12px;
}

.img-3-6-btn {
  float: left;
  margin-left: 20px;
  width: 181px;
  height: 15px;
}

.img-coin10 {
  background: url(https://og.kakaobank.io/view/a6d2fb32-86b8-45cd-84c6-6d8459a127c6);
  width: 70px;
  height: 70px;
  background-size: 70px 70px;
  position: absolute;
  top:20px;
  bottom: 0;
  left:0;
  right:0;
  margin: auto;
}

.img-coin500 {
  background: url(https://og.kakaobank.io/view/cdc01c65-6b49-4da6-ab34-ff48c5f86d14);
  width: 93px;
  height: 96px;
  background-size: 93px 96px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  transform: rotate(-30deg);
  -webkit-transform: rotate(-30deg);
}

.img-coin100 {
  background: url(https://og.kakaobank.io/view/8a320118-b782-44c6-89b1-5d1df7b5a877);
  width: 85px;
  height: 86px;
  background-size: 85px 86px;
  position: absolute;
  top: 0;
  bottom: 0;
  left:0;
  right: 0;
  margin: auto;
  transform: rotate(30deg);
  -webkit-transform: rotate(30deg);
}

.img-coin100.is-active {
  transform: rotate(0deg) translateX(-45px);
  -webkit-transform: rotate(0deg) translateX(-45px);
  transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
}
.img-coin500.is-active {
  transform: rotate(0deg) translateX(50px);
  -webkit-transform: rotate(0deg) translateX(50px);
  transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
}

.img-coin10.is-active {
  transform: translateY(-5px);
  -webkit-transform: translateY(-5px);
  transition: transform 0.5s;
  -webkit-transition:  transform 0.5s;
}

.img-3-2-body-1 {
  width:305px;
  margin-top:41px;
}

.img-3-3-body-2 {
  width: 305px;
  margin-top: 34px;
}

.img-3-4-body-3 {
  width:305px;
  margin-top:34px;
}

.img-3-5-body-4 {
  width: 305px;
  margin-top:34px;
}

.bg-box {
  position: absolute;width: 100%;left:0;top:240px;height:800px;overflow: hidden;z-index: 1;
}

.section-event01-bg01 {
  position: absolute;
  left: 50%;
  margin-top:260px;
  margin-left:-207px;
  display: block;
  width: 414px;
  height: 526px;
  background: url(https://og.kakaobank.io/view/f0d543e9-a381-447d-a170-a900dbc947d2);
  background-size: 414px 526px;
}

.section-event01-bg02 {
  position: absolute;left: 50%;margin-top:220px;margin-left:-207px;display: block;width: 414px;height: 526px;background: url(https://og.kakaobank.io/view/ec2501e5-8349-4cec-ae16-99da811a0a16);background-size: 414px 526px;
}

.section-event01-bg03 {
  position: absolute;left: 50%;
  margin-top:250px;margin-left:-160px;display: block;width: 320px;height: 150px;background: url(https://og.kakaobank.io/view/08db4850-4e93-4257-a8b0-f17a88c4ff22);
  background-size: 320px 150px;
}

.coin-group {
  position: relative;width: 182px;height: 95px;margin: 50px auto 0;
}

.img-coffee {
  width: 330px;height:224px;display: block;margin: 24px auto 0 50%;transform:translateX(-165px);-webkit-transform:translateX(-165px);
}

.section-notice-coins {
  position: absolute;top:-15px;margin: -8px;height: 100px;width: 100%;overflow: hidden;
}

.img-notice-coin01 {
  position: absolute;top:10px;left: 50%;margin-left:35px;background: url(https://og.kakaobank.io/view/a6d2fb32-86b8-45cd-84c6-6d8459a127c6);width:80px;height:80px;background-size: 80px 80px;
}

.img-notice-coin02 {
  position: absolute;top:0px;left: 50%;margin-left: 90px;background: url(https://og.kakaobank.io/view/8a320118-b782-44c6-89b1-5d1df7b5a877);width:100px;height:100px;background-size: 100px 100px;
}

.img-step1-01 {
  position: absolute; left:50%; top:0; margin-left: -112px;
}
.img-step1-01-inner {
  position: absolute; left:50%; top:0; width:225px; height:367px;background:url(https://og.kakaobank.io/view/1fb71400-0511-4964-bd14-999587d328c5);background-size: 225px 367px;
  -webkit-animation: buzz03 1s infinite;
  animation: buzz03 1s infinite;
}

.img-step1-02 {
  position: absolute; left:50%; top:0; margin-left: -112px;
}
.img-step1-02-inner {
  position: absolute; left:50%; top:0; width:225px; height:367px;background:url(https://og.kakaobank.io/view/837dbeae-8fb0-4568-a230-062bd39ed2fb);background-size: 225px 367px;
  -webkit-animation: buzz02 1s infinite;
  animation: buzz02 1s infinite;
}
.img-step1-03 {
  position: absolute; left:50%; top:0; margin-left: -112px;
}
.img-step1-03-inner {
  position: absolute; left:50%; top:0; width:225px; height:367px;background:url(https://og.kakaobank.io/view/a5eaf4d4-99e1-4a5c-8c52-a610bb0b5143);background-size: 225px 367px;
  -webkit-animation: buzz01 1s infinite;
  animation: buzz01 1s infinite;
}

.img-step2-01 {
  position: absolute; left:50%; top:0; margin-left: -120px;
}
.ani-steps2.ani-step1 .img-step2-01-inner {
  position: absolute; left:50%; top:0; width:240px; height:240px;background:url(https://og.kakaobank.io/view/3d2bc912-2469-4da3-afad-48469e633399);background-size: 240px 240px;
  -webkit-animation: buzz03-front 1s infinite;
  animation: buzz03-front 1s infinite;
}
.img-step2-01-inner {
  position: absolute; left:50%; top:0; width:240px; height:240px;background:url(https://og.kakaobank.io/view/3d2bc912-2469-4da3-afad-48469e633399);background-size: 240px 240px;
  -webkit-animation: buzz03 1s infinite;
  animation: buzz03 1s infinite;
}
.img-step2-02 {
  position: absolute; left:50%; top:0; margin-left: -120px;
}
.ani-steps2.ani-step2 .img-step2-02-inner {
  position: absolute; left:50%; top:0; width:240px; height:240px;background:url(https://og.kakaobank.io/view/bb990f6d-8bda-48a0-832f-314abdf55b75);background-size: 240px 240px;
  -webkit-animation: buzz02-front 1s infinite;
  animation: buzz02-front 1s infinite;
}
.img-step2-02-inner {
  position: absolute; left:50%; top:0; width:240px; height:240px;background:url(https://og.kakaobank.io/view/bb990f6d-8bda-48a0-832f-314abdf55b75);background-size: 240px 240px;
  -webkit-animation: buzz02 1s infinite;
  animation: buzz02 1s infinite;
}
.img-step2-03 {
  position: absolute; left:50%; top:0; margin-left: -120px;
}
.ani-steps2.ani-step3 .img-step2-03-inner {
  position: absolute; left:50%; top:0; width:240px; height:240px;background:url(https://og.kakaobank.io/view/a2090aaa-66e2-433e-9e58-c82112cb86c6);background-size: 240px 240px;
  -webkit-animation: buzz01-front 1s infinite;
  animation: buzz01-front 1s infinite;
}
.img-step2-03-inner {
  position: absolute; left:50%; top:0; width:240px; height:240px;background:url(https://og.kakaobank.io/view/a2090aaa-66e2-433e-9e58-c82112cb86c6);background-size: 240px 240px;
  -webkit-animation: buzz01 1s infinite;
  animation: buzz01 1s infinite;
}

.img-step1-01-inner,.img-step1-02-inner,.img-step1-03-inner,
.img-step2-01-inner,.img-step2-02-inner,.img-step2-03-inner {
  box-shadow: 1px 2px 6px rgba(0,0,0,0.13);
  border-radius: 14px;
}

.ani-step1 .img-step1-01-txt, .ani-step1 .img-step2-01-txt {visibility: visible;} 
.ani-step2 .img-step1-02-txt, .ani-step2 .img-step2-02-txt {visibility: visible;} 
.ani-step3 .img-step1-03-txt, .ani-step3 .img-step2-03-txt {visibility: visible;} 

.ani-step1 .img-step1-01 {
  z-index: 2;
  -webkit-transform-origin: center center;
  -webkit-transition: transform 0.5s;
  -webkit-transform: translateX(-5px) translateY(-10px);
  transform-origin: center center;
  transition: transform 0.5s;
  transform: translateX(-5px) translateY(-10px);
}
.ani-step1 .img-step1-02 {
  z-index: 1;
  -webkit-transform-origin: center center;
  -webkit-transition: transform 0.5s;
  -webkit-transform: translateX(20px) translateY(5px);
  transform-origin: center center;
  transition: transform 0.5s;
  transform: translateX(20px) translateY(5px) rotate(3deg);
}
.ani-step1 .img-step1-03 {
  z-index: 0;
  -webkit-transform-origin: center center;
  -webkit-transition: transform 0.5s;
  -webkit-transform: translateX(35px) translateY(-25px) rotate(5deg);
  transform-origin: center center;
  transition: transform 0.5s;
  transform: translateX(35px) translateY(-25px) rotate(5deg);
}

.ani-step2 .img-step1-01 {
  z-index: 0;
  -webkit-transform-origin: center center;
  -webkit-transition: transform 0.5s;
  -webkit-transform: translateX(35px) translateY(-25px) rotate(5deg);
  transform-origin: center center;
  transition: transform 0.5s;
  transform: translateX(35px) translateY(-25px) rotate(5deg);
}
.ani-step2 .img-step1-02 {
  z-index: 2;
  -webkit-transform-origin: center center;
  -webkit-transition: transform 0.5s;
  -webkit-transform: translateX(-5px) translateY(-10px);
  transform-origin: center center;
  transition: transform 0.5s;
  transform: translateX(-5px) translateY(-10px);
}
.ani-step2 .img-step1-03 {
  z-index: 1;
  -webkit-transform-origin: center center;
  -webkit-transition: transform 0.5s;
  -webkit-transform: translateX(20px) translateY(5px) rotate(3deg);
  transform-origin: center center;
  transition: transform 0.5s;
  transform: translateX(20px) translateY(5px) rotate(3deg);
}

.ani-step3 .img-step1-01 {
  z-index: 1;
  -webkit-transform-origin: center center;
  -webkit-transition: transform 0.5s;
  -webkit-transform: translateX(20px) translateY(5px) rotate(3deg);
  transform-origin: center center;
  transition: transform 0.5s;
  transform: translateX(20px) translateY(5px) rotate(3deg);
}
.ani-step3 .img-step1-02 {
  z-index: 0;
  -webkit-transform-origin: center center;
  -webkit-transition: transform 0.5s;
  -webkit-transform: translateX(35px) translateY(-25px) rotate(5deg);
  transform-origin: center center;
  transition: transform 0.5s;
  transform: translateX(35px) translateY(-25px) rotate(5deg);
}
.ani-step3 .img-step1-03 {
  z-index: 2;
  -webkit-transform-origin: center center;
  -webkit-transition: transform 0.5s;
  -webkit-transform: translateX(-5px) translateY(-10px);
  transform-origin: center center;
  transition: transform 0.5s;
  transform: translateX(-5px) translateY(-10px);
}



.ani-step1 .img-step2-01 {
  z-index: 2;
  -webkit-transform-origin: center center;
  -webkit-transition: transform 0.5s;
  -webkit-transform: translateX(-30px) translateY(20px);
  transform-origin: center center;
  transition: transform 0.5s;
  transform: translateX(-30px) translateY(20px);
}
.ani-step1 .img-step2-02 {
  z-index: 1;
  -webkit-transform-origin: center center;
  -webkit-transition: transform 0.5s;
  -webkit-transform: translateX(0px) translateY(0px) rotate(3deg);
  transform-origin: center center;
  transition: transform 0.5s;
  transform: translateX(0px) translateY(0px) rotate(3deg);
}
.ani-step1 .img-step2-03 {
  z-index: 0;
  -webkit-transform-origin: center center;
  -webkit-transition: transform 0.5s;
  -webkit-transform: translateX(15px) translateY(-15px) rotate(5deg);
  transform-origin: center center;
  transition: transform 0.5s;
  transform: translateX(15px) translateY(-15px) rotate(5deg);
}

.ani-step2 .img-step2-01 {
  z-index: 0;
  -webkit-transform-origin: center center;
  -webkit-transition: transform 0.5s;
  -webkit-transform: translateX(15px) translateY(-15px) rotate(5deg);
  transform-origin: center center;
  transition: transform 0.5s;
  transform: translateX(15px) translateY(-15px) rotate(5deg);
}
.ani-step2 .img-step2-02 {
  z-index: 2;
  -webkit-transform-origin: center center;
  -webkit-transition: transform 0.5s;
  -webkit-transform: translateX(-30px) translateY(20px);
  transform-origin: center center;
  transition: transform 0.5s;
  transform: translateX(-30px) translateY(20px);
}
.ani-step2 .img-step2-03 {
  z-index: 1;
  -webkit-transform-origin: center center;
  -webkit-transition: transform 0.5s;
  -webkit-transform: translateX(0px) translateY(0px) rotate(3deg);
  transform-origin: center center;
  transition: transform 0.5s;
  transform: translateX(0px) translateY(0px) rotate(3deg);
}

.ani-step3 .img-step2-01 {
  z-index: 1;
  -webkit-transform-origin: center center;
  -webkit-transition: transform 0.5s;
  -webkit-transform: translateX(0px) translateY(0px) rotate(3deg);
  transform-origin: center center;
  transition: transform 0.5s;
  transform: translateX(0px) translateY(0px) rotate(3deg);
}
.ani-step3 .img-step2-02 {
  z-index: 0;
  -webkit-transform-origin: center center;
  -webkit-transition: transform 0.5s;
  -webkit-transform: translateX(15px) translateY(-15px) rotate(5deg);
  transform-origin: center center;
  transition: transform 0.5s;
  transform: translateX(15px) translateY(-15px) rotate(5deg);
}
.ani-step3 .img-step2-03 {
  z-index: 2;
  -webkit-transform-origin: center center;
  -webkit-transition: transform 0.5s;
  -webkit-transform: translateX(-30px) translateY(20px);
  transform-origin: center center;
  transition: transform 0.5s;
  transform: translateX(-30px) translateY(20px);
}


.img-steps1 {
  padding-top: 367px;position: relative;
}
.img-steps2 {
  padding-top: 270px;position: relative;
}

.img-step-txts {
  height:39px;margin: 30px auto 0;
}

.img-step1-01-txt {
  display:block;background:url(https://og.kakaobank.io/view/c0464046-f8cf-4ac9-9092-53adf8fdda69);background-size:130px 37px; width: 130px;height: 37px;position: absolute;left:50%;margin-left:-65px;visibility: hidden;
}
.img-step1-02-txt {
  display:block;background:url(https://og.kakaobank.io/view/7e05c5d9-2550-45a5-a6c4-db3d68350da9);background-size:171px 37px; width: 171px;height: 37px;position: absolute;left:50%;margin-left:-85px;visibility: hidden;
}
.img-step1-03-txt {
  display:block;background:url(https://og.kakaobank.io/view/d8fee5e0-10ed-464b-993b-76c38693ce79);background-size:173px 37px; width: 173px;height: 37px;position: absolute;left:50%;margin-left:-86px;visibility: hidden;
}

.img-step2-01-txt {
  display:block;background:url(https://og.kakaobank.io/view/14ece238-6a3c-469f-be7e-6c454578ead0);background-size:230px 37px; width: 230px;height: 37px;position: absolute;left:50%;margin-left:-115px;visibility: hidden;
}
.img-step2-02-txt {
  display:block;background:url(https://og.kakaobank.io/view/4b1b2582-02db-45b0-a684-c5c42a3541cd);background-size:142px 37px; width: 142px;height: 37px;position: absolute;left:50%;margin-left:-71px;visibility: hidden;
}
.img-step2-03-txt {
  display:block;background:url(https://og.kakaobank.io/view/05d4560a-c711-4e4d-a10e-170045263203);background-size:133px 37px; width: 133px;height: 37px;position: absolute;left:50%;margin-left:-66px;visibility: hidden;
}

.img-hand {
  background: url(https://og.kakaobank.io/view/09a202ed-7377-49ab-8a2b-13fd456d8ebb);
  background-size: 53px 76px;
  width:53px;
  height:76px;
  position: absolute;
  left:50%;
  margin-left: -20px;
  bottom: 220px;
  z-index: 3;
  -webkit-animation: bounce 0.8s infinite;
  animation: bounce 0.8s infinite;
}

.img-hand2 {
  background: url(https://og.kakaobank.io/view/09a202ed-7377-49ab-8a2b-13fd456d8ebb);
  background-size: 53px 76px;
  width:53px;
  height:76px;
  position: absolute;
  left:50%;
  margin-left: -40px;
  bottom: 130px;
  z-index: 3;
  -webkit-animation: bounce 0.8s infinite;
  animation: bounce 0.8s infinite;
}


.ani-steps1 {
  padding-top: 60px;width: 100%;padding-bottom: 41px;overflow: hidden;
}
.ani-steps2 {
  padding-top: 60px;width: 100%;overflow: hidden;
}

.modal-layer {
  position: fixed;left:0;right:0;top:0;bottom: 0;z-index: 10;
}

.dim {
  width: 100%;height: 100%;background: rgba(0,0,0,0.6);
}

.modal {
  position: absolute;
  width: 275px;
  height: 192px;
  background: #fff; margin: auto;top:0; bottom: 0; left:0;right:0;overflow: hidden;border-radius:10px;
}

.modal-txt-mobile {
  position: absolute;
  width: 118px;
  height: 52px; display: block;left:0;right:0;margin: auto;top:40px;
  background: url(https://og.kakaobank.io/view/dfbe94df-a4fe-43af-8e61-e80f975b522b);
  background-size: 118px 52px;
}

.btn-close {
  position: absolute;bottom: 0;100%;height: 60px;width: 100%;left:0;background: #ffe400;font-size: 0;
}

.btn-txt {
  display: inline-block;
  width: 31px;
  height: 26px;
  background: url(https://og.kakaobank.io/view/852099a0-7b0d-4313-be75-a122c4c0265f);
  background-size: 31px 26px;
}

@-webkit-keyframes buzz01 {
  0% { -webkit-transform: translateX(0px) translateY(0px) rotate(0deg)}
  50% { -webkit-transform: translateX(7px) translateY(-5px) rotate(2deg)}
  100% { -webkit-transform: translateX(0px) translateY(0px) rotate(0deg)}
}
@keyframes buzz01 {
  0% { transform: translateX(0px) translateY(0px) rotate(0deg)}
  50% { transform: translateX(7px) translateY(-5px) rotate(2deg)}
  100% { transform: translateX(0px) translateY(0px) rotate(0deg)}
}

@-webkit-keyframes buzz02 {
  0% {-webkit-transform: translateX(0px) translateY(0px) rotate(0deg)}
  50% {-webkit-transform: translateX(-5px) translateY(5px) rotate(-1deg)}
  100% {-webkit-transform: translateX(0px) translateY(0px) rotate(0deg)}
}
@keyframes buzz02 {
  0% {transform: translateX(0px) translateY(0px) rotate(0deg)}
  50% {transform: translateX(-5px) translateY(5px) rotate(-1deg)}
  100% {transform: translateX(0px) translateY(0px) rotate(0deg)}
}

@-webkit-keyframes buzz03 {
  0% {-webkit-transform: translateX(0px) translateY(0px) rotate(0deg)}
  50% {-webkit-transform: translateX(2px) translateY(-2px) rotate(1deg)}
  100% {-webkit-transform: translateX(0px) translateY(0px) rotate(0deg)}
}
@keyframes buzz03 {
  0% {transform: translateX(0px) translateY(0px) rotate(0deg)}
  50% {transform: translateX(2px) translateY(-2px) rotate(1deg)}
  100% {transform: translateX(0px) translateY(0px) rotate(0deg)}
}


@-webkit-keyframes buzz01-front {
  0% { -webkit-transform: translateX(0px) translateY(0px)}
  50% { -webkit-transform: translateX(3px) translateY(-2px)}
  100% { -webkit-transform: translateX(0px) translateY(0px)}
}
@keyframes buzz01-front {
  0% { transform: translateX(0px) translateY(0px)}
  50% { transform: translateX(3px) translateY(-2px)}
  100% { transform: translateX(0px) translateY(0px)}
}

@-webkit-keyframes buzz02-front {
  0% {-webkit-transform: translateX(0px) translateY(0px)}
  50% {-webkit-transform: translateX(-5px) translateY(5px)}
  100% {-webkit-transform: translateX(0px) translateY(0px)}
}
@keyframes buzz02-front {
  0% {transform: translateX(0px) translateY(0px)}
  50% {transform: translateX(-5px) translateY(5px)}
  100% {transform: translateX(0px) translateY(0px)}
}

@-webkit-keyframes buzz03-front {
  0% {-webkit-transform: translateX(0px) translateY(0px)}
  50% {-webkit-transform: translateX(2px) translateY(-2px)}
  100% {-webkit-transform: translateX(0px) translateY(0px)}
}
@keyframes buzz03-front {
  0% {transform: translateX(0px) translateY(0px)}
  50% {transform: translateX(2px) translateY(-2px)}
  100% {transform: translateX(0px) translateY(0px)}
}

@-webkit-keyframes bounce {
  0% { -webkit-transform: scale(1); }
  20% { -webkit-transform: scale(1.1); }
  80% { -webkit-transform: scale(1.1); }
  100% { -webkit-transform: scale(1); }
}
@keyframes bounce {
  0% { transform: scale(1); }
  20% { transform: scale(1.1); }
  80% { transform: scale(1.1); }
  100% { transform: scale(1); }
}

@-webkit-keyframes surf {
  0% { -webkit-transform: rotate(0deg); }
  50% { -webkit-transform: rotate(10deg) translateY(5px); }
  100% { -webkit-transform: rotate(0deg); }
}
@keyframes surf {
  0% { transform: rotate(0deg); }
  50% { transform: rotate(10deg) translateY(5px); }
  100% { transform: rotate(0deg); }
}
.modal-txt-exipred {
  position: absolute;
  width: 117px;
  height: 52px; display: block;left:0;right:0;margin: auto;top:40px;
  background: url(https://og.kakaobank.io/view/80d3fc37-2c7b-4fc2-be04-9ede51b1a1a7);
  background-size: 117px 52px;
}

.deliberate {
  font-size: 13px;
  color: #fff;
  line-height: 19px;
}