@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}

body {background: #5f0080;}

.section {background: #fff;overflow: hidden;}
.section-wrapper {margin: auto; max-width: 315px;padding: 0 34px;position: relative;overflow: hidden;}
.section-header {background: transparent;overflow: visible;}
.section-header .section-wrapper {overflow: visible;padding: 114px 24px 0px 24px;}

.img {display:block;text-indent: -9999px;overflow: hidden;}
.coupons {margin: 0 0 90px;padding: 0;list-style: none;}
.coupon-item {overflow: hidden;margin-bottom: 44px;overflow: visible;}
.coupon-item .img-reward {width: 110px;height: 64px;float: left;position: relative;overflow: visible;}
.coupon-item .img-reward01 {background: url(https://og.kakaobank.io/view/f424a849-3332-493f-941f-0457448bee9f); background-size: 110px 64px;}
.img-reward .img-badge {width: 34px; height: 34px;position: absolute;right: -14px; bottom: -14px;}
.img-badge01 {background: url(https://og.kakaobank.io/view/6cf1990d-43ff-4e47-9ede-5f069de74509); background-size: 34px 34px;}
.coupon-item .desc {margin-left: 110px;font-size: 17px; line-height: 28px;}
.coupon-item p {margin: 0;}
.coupon-item .desc p {vertical-align: middle;display: inline-block;padding:4px 0px 0px 20px;}
.shares {list-style: none;text-align: right;margin: 0 0 0 16px;padding: 0;font-size: 0;}
.share {display: inline-block;width: 54px;height: 54px;margin: 0 0 0 12px;padding: 0;}
.list-text {list-style: none;padding: 0 0 0 14px;margin: 0 0 42px;color:#fff;line-height: 28px;font-size: 16px;opacity: 0.7;}
.list-text>li:before {content: "*";display: inline-block;width:14px;margin-left: -14px;}
.accordion > li {border-top: 3px solid #c6c0b7;}
.accordion-block {position: relative;}
.accordion-title {height: 82px;display: block;box-sizing: border-box;font-weight: bold;font-size: 22px;line-height: 34px;width: 100%;text-align: left;border: none;color: #fff;}
.accordion-title:before {content: "";display: inline-block;height: 100%;vertical-align: middle;}
.section-notice {color:#fff;overflow: auto;background: #5f0080;padding: 90px 0 92px;}
.list-text a {color:#fff;text-decoration: underline;text-decoration-color: #fff; font-weight: bold;}
.img-noti-2 {width: 18px;height: 18px;position: absolute;right: 10px;top: 33px;margin: auto;background: url(https://og.kakaobank.io/view/e57a3908-f907-4c1d-b333-bcb6206e14e1);background-size: 18px 18px;
  -webkit-transition: -webkit-transform 0.7s;
  transition: transform 0.5s;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.is-active .img-noti-2{
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}
.accordion-content {padding-top: 40px;}
.accordion-title + .accordion-content{padding-top:4px;}
.img-logo {width: 144px; height: 16px; position: absolute;left:0px;top:26px;background:url(https://og.kakaobank.io/view/b0e2fcc2-121f-4e59-b88f-2ebcfc148255);background-size: 144px 16px;}
.img-logo2 {width: 102px; height: 16px; position: absolute;right:0px;top:26px;background: url(https://og.kakaobank.io/view/99b0b733-a814-4056-aaff-cc843a60e799);background-size: 102px 16px;}
.img-ix {position: absolute;width: 50px;height: 9px;bottom: 16px; right: 38px;background: url(https://og.kakaobank.io/view/540f4fcc-9b8c-456e-a569-e882b5e4ac06); background-size: 50px 9px;}
.img-secion01-title {width:100%;}
.img-secion02-title {width: 100%;}
.section-desc, .list-text.section-desc {margin-bottom: 40px;line-height: 28px; font-size: 15px;color:#000;opacity: 1;}
.list-text.section-desc>li.no-star:before {
  content:"";
  display: inline-block;
}
.section01 {padding: 90px 0 0;position: relative;z-index: 1}
.img-secion03-title {width: 100%;}
.img-reward02 {background: url(https://og.kakaobank.io/view/e12744bb-698f-402d-83aa-966a69081045);background-size: 110px 64px;}
.img-badge02 {background: url(https://og.kakaobank.io/view/fd3b5cc9-6e1f-4726-b00b-9a79150ae592);background-size: 34px 34px;}
.img-reward03 {background: url(https://og.kakaobank.io/view/208edc07-e694-448f-b1a2-01da5012c616);background-size: 110px 64px;}
.img-reward04 {background: url(https://og.kakaobank.io/view/ce05d108-c081-4a52-be2a-a0df3781c71e);background-size: 110px 64px;}
.img-share-text {width: 100%;max-width: 156px;}
.img-share01 {width: 54px;height: 54px;background: url(https://og.kakaobank.io/view/bcbab7b1-7293-4d61-8414-50e695ccefd0);background-size: 54px 54px;}
.img-share02 {width: 54px;height: 54px;background: url(https://og.kakaobank.io/view/5e7419ba-71f4-4bb1-b1ba-ba39cfe630de);background-size: 54px 54px;}
.img-title {width: 100%;}
.bd {border-bottom: 2px solid black; margin: 90px auto 0;}
.section02 {padding: 90px 0 0;}
.section03 {padding: 90px 0 0;}
.section04 {padding: 64px 0 70px;}
.img-notice {width: 167px; height: 26px;margin-bottom: 40px;background: url(https://og.kakaobank.io/view/c020eb60-408c-4515-8548-7a7038857c5e); background-size: 167px 26px;}
.img-carousel {
  background: url(https://og.kakaobank.io/view/70f27079-2c6f-48b1-beb0-5b8698984be5); background-size: 570px 130px;width: 100%;height: 130px;
  -webkit-animation: carousel 10s linear infinite;
  animation: carousel 10s linear infinite;
}
@-webkit-keyframes carousel {
  0% {background-position: 0px 0px;}
  100% {background-position: -570px 0px;}
}
@keyframes carousel {
  0% {background-position: 0px 0px;}
  100% {background-position: -570px 0px;}
}
.img-caroucel-wrapper {background: url(https://og.kakaobank.io/view/70f27079-2c6f-48b1-beb0-5b8698984be5); background-size: 570px 130px;width: 100%;height: 130px;}
.fake-bg {background: #fff;}
.left-text {display: inline-block;font-size: 12px;margin: 7px auto 0px;color:#fff090;}
.img-btn {width: 136px; height:22px;background: url(https://og.kakaobank.io/view/936a7e51-ba61-434f-ad9e-84de26ad5f03);background-size: 136px 22px;margin: auto;}
.btn-bottom.has-text {padding:12px;}
.btn-bottom {margin: 14px 10px;background: #1e0535;padding: 21px;display: block;text-align: center;border-radius: 10px;}
.alert {width: 300px;position: absolute;left:0;top: 50%;right:0;background:#965dcf;border-radius: 20px;margin: -100px auto auto auto;}
.alert:before {content: "";width: 64px;height: 54px;background: url(https://og.kakaobank.io/view/2a8b336e-8224-48ea-98af-811cc1b91ed2);background-size: 64px 54px;position: absolute;left: 0;right: 0;top: -27px;margin: auto;}
.layer {position: fixed;width:100%;height: 100%; left:0;right:0;top:0;bottom:0;z-index: 2;}
.dim {width: 100%; height: 100%;background: rgba(0,0,0,0.6);}
.layer-end .alert-text {width: 200px;height: 68px;margin: 50px auto 32px;background: url(https://og.kakaobank.io/view/76570507-efdc-4de3-9826-3d2416e1af70);background-size: 200px 68px;}
.layer-app .alert-text {width: 200px;height: 68px;margin: 50px auto 32px;background: url(https://og.kakaobank.io/view/06e4eda7-ee74-431f-8132-d4cd802a8657);background-size: 200px 68px;}
.alert-btn {display:block;margin: 12px;background:#1e0535;border-radius: 10px;padding: 20px;}
.layer-end .alert-btn-text {width: 140px; height: 20px;background: url(https://og.kakaobank.io/view/26f2c480-d9e0-4683-8a12-807a69b4fc80); background-size: 140px 20px;margin: auto;}
.layer-app .alert-btn-text {width: 140px; height: 20px;background: url(https://og.kakaobank.io/view/8bca2a8f-12c6-44ff-8a03-6c2b91cf6870); background-size: 140px 20px;margin: auto;}
.fixed-bottom {position: fixed;left:0;right:0;bottom:0;z-index: 2;}

.img.img-ryan {width: 300px; height: 316px;margin:auto;position: relative;overflow: visible;}
.img.img-head {background: url(https://og.kakaobank.io/view/1b78da28-c184-4e45-a69a-fd6abfec8a4d);width: 180px;height:180px;background-size: 180px 180px;position: absolute;left: 26px;right: 0px;bottom: 56px;overflow: visible;
  -webkit-transform: translate(0px, 0px) rotate(0deg);
  transform: translate(0px, 0px) rotate(0deg);
  z-index: 2;
  -webkit-animation: 0.7s head linear infinite;
  animation: 0.7s head linear infinite;
}
@-webkit-keyframes head {
  0% {-webkit-transform: translate(14px, 0px) rotate(7deg);}
  50% {-webkit-transform: translate(0px, 0px) rotate(0deg);}
  100% {-webkit-transform: translate(14px, 0px) rotate(7deg);}
}
@keyframes head {
  0% {transform: translate(14px, 0px) rotate(7deg);}
  50% {transform: translate(0px, 0px) rotate(0deg);}
  100% {transform: translate(14px, 0px) rotate(7deg);}
}
.img.img-body {background: url(https://og.kakaobank.io/view/2194c005-ed91-4b09-b21c-95c61dc993d0);width: 136px;height:127px;background-size: 136px 127px;position: absolute;left: 60px;right: 0px;bottom: -41px;z-index: 1;}

/* test */
.img.img-body-half {
  background: url(https://og.kakaobank.io/view/2194c005-ed91-4b09-b21c-95c61dc993d0);
  width: 136px;
  height: 88px;
  background-size: 136px 127px;
  position: absolute;
  left: 60px;
  right: 0px;
  bottom: 4px;
  -webkit-transform-origin: 150px 80px;
  transform-origin: 150px 80px;
  -webkit-transform: rotate(2deg);
  transform: rotate(2deg);
  -webkit-animation: body_half 0.7s linear infinite;
  animation: body_half 0.7s linear infinite;
  z-index: 1;
}
@-webkit-keyframes body_half {
  0% {-webkit-transform: rotate(2deg)}
  50% {-webkit-transform: rotate(0deg)}
  100% {-webkit-transform: rotate(2deg)}
}
@keyframes body_half {
  0% {transform: rotate(2deg)}
  50% {transform: rotate(0deg)}
  100% {transform: rotate(2deg)}
}


.img.img-hand-l {background: url(https://og.kakaobank.io/view/44777637-1676-45d5-9a76-443fd923b7b8);width: 109px;height:168px;background-size: 109px 168px;position: absolute;left: 165px;right: 0px;bottom: 34px;
  -webkit-transform: rotate(28deg);
  transform: rotate(28deg);
  -webkit-transform-origin: 19px 157px;
  transform-origin: 19px 157px;
  z-index: 0;
  -webkit-animation: hand_l 0.7s linear infinite;
  animation: hand_l 0.7s linear infinite;
}
@-webkit-keyframes hand_l {
  0% {-webkit-transform: rotate(28deg);}
  50% {-webkit-transform: rotate(0deg);}
  100% {-webkit-transform: rotate(28deg);}
}
@keyframes hand_l {
  0% {transform: rotate(28deg);z-index: 1;}
  50% {transform: rotate(0deg);z-index: 1;}
  100% {transform: rotate(28deg);z-index: 1;}
}
.img.img-hand-r {background: url(https://og.kakaobank.io/view/fc42dae6-92c4-494b-89c4-e6015f1a0d6c);width: 41px;height:62px;background-size: 41px 62px;position: absolute;left: 45px;right: 0px;bottom: 8px;
  z-index: 1;
  -webkit-transform: rotate(0deg) translate(0px, 0px);
  transform: rotate(0deg) translate(0px, 0px);
  -webkit-transform-origin: 41px 20px;
  transform-origin: 41px 20px;
  -webkit-animation: hand_r 0.7s linear infinite;
  animation: hand_r 0.7s linear infinite;
}
@-webkit-keyframes hand_r {
  0% {-webkit-transform: rotate(8deg) translate(4px, -6px);}
  50% {-webkit-transform: rotate(0deg) translate(0px, 0px);}
  100% {-webkit-transform: rotate(8deg) translate(4px, -6px);}
}
@keyframes hand_r {
  0% {transform: rotate(8deg) translate(4px, -6px);}
  50% {transform: rotate(0deg) translate(0px, 0px);}
  100% {transform: rotate(8deg) translate(4px, -6px);}
}
.img.img-pan {background: url(https://og.kakaobank.io/view/9cb6612b-634a-4970-862b-80d039f0d57e);width: 98px;height:45px;background-size: 98px 45px;position: absolute;left: 25px;right: 0px;bottom: -17px;z-index: 2;
  -webkit-transform: rotate(0deg) translate(0px, 0px);
  transform: rotate(0deg) translate(0px, 0px);
  -webkit-transform-origin: 80px -10px;
  transform-origin: 80px -10px;
  -webkit-animation: pan 0.7s linear infinite;
  animation: pan 0.7s linear infinite;
}
@-webkit-keyframes pan {
  0% {-webkit-transform: rotate(4deg) translate(4px, -14px)}
  50% {-webkit-transform: rotate(0deg) translate(0px, 0px)}
  100% {-webkit-transform: rotate(4deg) translate(4px, -14px)}
}
@keyframes pan {
  0% {transform: rotate(4deg) translate(4px, -14px)}
  50% {transform: rotate(0deg) translate(0px, 0px)}
  100% {transform: rotate(4deg) translate(4px, -14px)}
}
.img.img-hat {background: url(https://og.kakaobank.io/view/99232db6-0472-4a44-bc3c-98690094324c);width: 119px;height:100px;background-size: 119px 100px;position: absolute;left: 82px;right: 0px;bottom: 134px;
  -webkit-transform:rotate(-10deg);
  transform:rotate(-10deg);
/*  animation: hat 0.9s linear infinite;*/
}

/*

@keyframes hat {
  0% {transform: translate(0px, 0px) rotate(-10deg)}
  50% {transform: translate(6px, 4px)rotate(-8deg)}
  100% {transform: translate(0px, 0px) rotate(-10deg)}
}*/

.img-draw {
  width: 100%;
}

.content {
  overflow: hidden;
}

.share-table {
  width: 100%;
  display: table;
}

.share-row {
  display: table-row;
}

.share-cell {
  white-space: nowrap;
  display: table-cell;
  vertical-align: middle;
}

.logo-wrapper {margin: auto;position: absolute;left: 24px;right: 24px;top: 0;}