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


.text-underline {
  text-decoration: underline;
}
.ir {font-size:0; text-indent: -99999px;}
.img {
  display: block;
  margin: auto;
}

.column-left {
  width: 160px;
  float: left;
}

.column-right {
  text-align: right;
  margin-left: 160px;
  line-height: 34px;
}
.column-right2 {
  text-align: right;
  margin-left: 160px;
  padding-top: 26px;
}

.column-box {
  margin-top: 40px;
  position: relative;
  overflow: hidden;
}
/*
.column-box+.column-box {
  margin-top: 56px;
}
*/

.img-logo-netflix {
  width: 159px;height: 52px;
  background: url(https://og.kakaobank.io/view/4f41c8bb-7e33-428f-9e11-05373ab1427f);
  background-size: 159px 52px;
}

.img-logo-delivery {
  width: 159px;height: 52px;
  background: url(https://og.kakaobank.io/view/8d190009-f634-4056-80c9-f1a06a2fe553);
  background-size: 159px 52px;
}

.img-logo-yugi {
  width: 159px;height: 52px;
  background: url(https://og.kakaobank.io/view/49d9b2f2-0e44-49c7-a645-c5c3ddb53868);
  background-size: 159px 52px;
}

.img-logo-gift {
  width: 159px;height: 52px;
  background: url(https://og.kakaobank.io/view/ca40b38b-4e22-439b-856e-ec3d3bab3213);
  background-size: 159px 52px;
}

.img-logo-hair {
  width: 159px;height: 52px;
  background: url(https://og.kakaobank.io/view/eddb4c96-b10a-44bd-a13c-bfa05070c6e3);
  background-size: 159px 52px;
}

.img-logo-starbucks {
  width: 159px;height: 52px;
  background: url(https://og.kakaobank.io/view/8cccad0a-5dcf-4799-b0ad-259377f18714);
  background-size: 159px 52px;
}

.img-logo-lotte {
  width: 159px;height: 52px;
  background: url(https://og.kakaobank.io/view/d2be550a-87da-43be-9c81-081dba0f36ec);
  background-size: 159px 52px;
}

.img-logo-mega {
  width: 159px;height: 52px;
  background: url(https://og.kakaobank.io/view/3c2cd81b-5329-4c25-afa9-21ad74acb36a);
  background-size: 159px 52px;
}

.logo-text {
  width: 158px;
  height: 52px;
  font-weight: bold;
  font-size: 0;
}
.logo-text>p {
  font-size: 18px;
}
.logo-text:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: bottom;
}
.logo-text>p {
  display: inline-block;
}

a.link {
  color: #005a96;
  font-weight: bold;
  text-decoration: underline;
  text-decoration-color: #005a96;
}
.img-ico-kakao {
  width: 60px;height: 60px;display: inline-block;
  background: url(https://og.kakaobank.io/view/e7ed7078-313d-40f8-8a3a-b3234ddc371b);
  background-size: 60px 60px;
}

.img-ico-fb {
  width: 60px;height: 60px;display: inline-block;
  margin: 0 12px;
  background: url(https://og.kakaobank.io/view/a7e23796-7707-4fc8-a110-999ee4034217);
  background-size: 60px 60px;
}

.img-ico-tw {
  width: 60px;height: 60px;display: inline-block;
  background: url(https://og.kakaobank.io/view/c3294483-bde0-4b7c-aa00-9d64c33eb0c6);
  background-size: 60px 60px;
}

.img-ico-cp {
  margin-left: 12px;
  width: 60px;height: 60px;display: inline-block;
  background: url(https://og.kakaobank.io/view/1930ca68-6cbb-4801-9dba-d1b7fe8203ca);
  background-size: 60px 60px;
}

.share-title {
  font-size:18px;
  margin-top:50px;
  color:#222;
  text-align: center;
  font-weight: bold;
}

.section-share {
  padding-bottom: 148px;
}

a:focus.arcodion-title,
.arcodion-title {
  display: block;
  text-decoration: none;
  color: #000;
  height: 76px;
  padding: 0px 30px;
  position: relative;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  font-weight: bold;
  line-height: 76px;
  font-size: 18px;
}

.img-arrow-down {
  width: 18px;
  height: 10px;
  position: absolute;
  right:0px;
  top:0;
  bottom:0;
  margin: auto;
  background: url(https://og.kakaobank.io/view/64f826c0-c9b5-42c9-854f-e2a367417312);
  background-size: 18px 10px;
}

.img-arrow-up {
  width: 18px;
  height: 10px;
  position: absolute;
  right:0px;
  top:0;
  bottom:0;
  margin: auto;
  background: url(https://og.kakaobank.io/view/cae455b6-b059-4f22-80e3-8f84b5d33e29);
  background-size: 18px 10px;
}

.arcodion-content {
  display: none;
  padding:32px 30px;
  font-size: 13px;
  line-height: 20px;
  border-bottom: 1px solid #ddd;
  color:#222;
}
.arcodion-content-body {
  max-width: 500px;
  margin: auto;
}
.arcodion-content b {
  font-weight: bold;
  color: #000;
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 12px;
}
.arcodion-content p {
  padding:12px 0 24px;
  color: #888;
}
.arcodion-content span {
  color: #005a96;
}
.is-active+.arcodion-content {
  display: block;
}
.deliberation {
  color: #888;
  margin-top: 28px;
}

.deliberation-box {
  padding:32px 30px;
  font-size: 13px;
  line-height: 2.15;
  border-bottom: 1px solid #ddd;
  color:#222;
}
.deliberation-content {
  max-width: 500px;
  margin: auto;
}
.shares {
  margin-top: 24px;
  text-align: center;
  font-size: 0px;
}

.shares button {
  border: none;
}

.img-logo-gs {
  width: 159px;
  height: 52px;
  background: url(https://og.kakaobank.io/view/f07f9f40-5c25-4577-a462-646e8a1b4ea3);
  background-size: 159px 52px;
}

.img-logo-ssg {
  width: 159px;
  height: 52px;
  background: url(https://og.kakaobank.io/view/5cbe5a6b-b897-490e-bd4b-0ab5303f7d02);
  background-size: 159px 52px;
}

.img-logo-gmarket {
  width: 158px;
  height: 52px;
  background: url(https://og.kakaobank.io/view/a139a111-897c-4021-8451-2c2b74529b6f);
  background-size: 158px 52px;
}

.label-reward {
  font-size: 13px;
  font-weight: bold;
  padding: 6px 14px;
  background:#f7f7f7;
  display: inline-block;
  border-radius: 14px;
}

.img-date {
  width:197px;
  height:24px;
  background: url(https://og.kakaobank.io/view/743ceba0-45c2-46af-8ca6-a916852b7ae7);
  background-size: 197px 24px;
}

.text-info {
  margin-top: 19px;
  text-align: center;
  font-size: 14px;
  color: #997545;
}

.img-title {
  position: relative;
  width: 290px;
  height: 186px;
  margin-top: 24px;
  margin-bottom: 39px;
  background: url(https://og.kakaobank.io/view/f70b42b7-e23e-49e8-9d34-54ad38296e2e);
  background-size: 290px 186px;
}

.section-block {
  padding:50px 30px 40px;
  max-width: 500px;
  margin: auto;
}
.section-block+.section-block {
  padding: 0px 30px 40px;
}

.column-title {
  font-size: 24px;font-weight: bold;
}

.column-sub {
  font-size: 13px;
  color: #005a96;
  line-height: 18px;
  clear: both;
  position: absolute;
  white-space: nowrap;
  right: 0;
}

.desc-text {
  margin-top:56px;
  padding-bottom:40px;
  border-bottom:1px solid #ddd;
  color:#888888;
  font-size: 13px;
  line-height: 18px;
}
.desc-text a.link {
  color: inherit;
  text-decoration-color: inherit;
}
.desc-text+.desc-text {
  margin-top: -24px;
}
.desc-text+.desc-alert {
  margin-top: -14px;
  font-weight: bold;
}

.desc-text+.desc-alert>a {
  text-decoration: none;
}
.desc-text>b {
  font-weight: bold;
  text-decoration: underline;
}
.desc-text>b.no-underline {
  text-decoration: none;
}

.desc-text.no-border {
  border: none;
}

.img-logo-bottle {
  width: 159px;height: 52px;
  background: url(https://og.kakaobank.io/view/ed88fe5e-6f6b-4b03-a63b-cc3ed7f832a6);
  background-size: 159px 52px;
}

.desc-alert {
  padding-bottom:60px;
  font-size: 13px;color:#222;
  line-height: 18px;
}
.desc-alert a {
  color: #000;
}

.ico-exclamation {
  margin-top: -3px;
  width:16px;height: 16px;
  background: url(https://og.kakaobank.io/view/b5769b39-cf95-4af1-b194-866455174ab4);
  background-size: 16px 16px;
  display: inline-block;
  vertical-align: middle;
}

.img-arrow-right {
  background: url(https://og.kakaobank.io/view/64870d25-0fcd-4cb5-8662-e1993ce0498a);
  width: 15px;
  height: 15px;
  background-size: 15px 15px;
  display: inline-block;
  vertical-align: middle;
}

.bottom-btn {
  max-width: 500px;
  height: 68px;
  display: block;
  left: 18px;
  right: 18px;
  bottom: 30px;
  margin: auto;
  position: fixed;
  border-radius: 10px;
  background: #ffe100;
  line-height: 68px;
  text-align: center;
  z-index: 9;
  -webkit-transition: transform .3s;
  transition: transform .3s;
  -webkit-transform: translateY(120px);
  transform: translateY(120px);
}

.btn-text {
  width: 244px;
  height: 34px;
  background: url(https://og.kakaobank.io/view/70a19376-91eb-4df4-8303-7330e22b7c65);
  background-size: 244px 34px;
  line-height: 68px;
  display: inline-block;
  vertical-align: middle;
}

.alert {
  position: fixed;
  left:0;
  right:0;
  top:0;
  bottom: 0;
  background: rgba(0,0,0,0.3);
  display: none;
  z-index: 99;
}

.alert.is-active {
  display: block;
}

.alert-box {
  position: absolute;
  width: 287px;
  height: 162px;
  background: #ffe400;
  border-radius: 10px;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  bottom: 0;
}

.img-logo-master {
  position: absolute;
  left: 34px;
  bottom: 50px;
  width: 69px;
  height: 42px;
  background: url(@@img-mastercard@2x.png);
  background-size: 69px 42px;
}

.is-app .section-share {
  padding-bottom: 80px;
}

.is-app {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
}

.is-app .bottom-btn {
  display: none;
}

.bottom-btn.is-show {
  -webkit-transition: transform .3s;
  transition: transform .3s;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}


.info-culture {
  position: absolute;
  display: inline-block;
  left: 0px;
  right: 0px;
  top: 30px;
  z-index: 1;
  background: #fff;
  border: 1px solid #000;
  padding: 18px;
  font-size: 12px;
  color:#888;
  font-weight: normal;
  line-height: 19px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.info-culture-block {
  margin-bottom: 18px;
}
.info-culture p {
  font-size: 13px;
  font-weight: bold;
  color: #000;
  margin-bottom: 8px;
}
.info-culture b {
  font-weight: bold;
}

.ico-close {
  background: url(https://og.kakaobank.io/view/52975ab1-edc8-4f17-996d-bfde152ec645);
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 18px;
  top: 16px;
  border: none;
}

.ir {text-indent: -9999px;}

.btn-info {
  font-size: 13px;
  font-weight: bold;
  border: none;
  background: none;
}

.ico-alert-close {
  background: url(https://og.kakaobank.io/view/eb5685c1-3e40-4349-97f7-3e1b3e5decb3);
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 18px;
  top: 16px;
  border: none;
}

.img-alert-text {
  position: absolute;
  left: 0;
  right:0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(https://og.kakaobank.io/view/0b0f5a94-6656-4f52-9b9f-e0ef536c2f82);
  background-size: 149px 52px;
  width: 149px;
  height: 52px;
}

.img-alert-text-close {
  position: absolute;
  left: 0;
  right:0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(https://og.kakaobank.io/view/0911ec31-9aae-491f-a245-75a1ffea4193);
  background-size: 149px 52px;
  width: 149px;
  height: 52px;
}

.img-alert-text-copy {
  position: absolute;
  left: 0;
  right:0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(https://og.kakaobank.io/view/df6d0765-a860-474a-8d28-9180cbadfa56);
  background-size: 149px 52px;
  width: 149px;
  height: 52px;
}

.desc-text.has-alert {
  padding-bottom: 24px;
}

.img-logo-kakaopay {
  width: 159px;height: 52px;
  background: url(https://og.kakaobank.io/view/a3d7cacf-18b5-4bd7-a2ea-d2adf14d649d);
  background-size: 159px 52px;
}

.img-logo-coupay {
  width: 159px;height: 52px;
  background: url(https://og.kakaobank.io/view/6d7ae851-b7f4-45e8-b285-baa280feebf3);
  background-size: 159px 52px;
}



html, body {overflow-x: hidden;}
.section-title {
  background: #669D60;
  position: relative;
  padding-bottom: 66px;
}
.is-pc .section-title {
  overflow: hidden;
}

.title-bg {
  position: absolute;top:0;left:0;width: 100%;height: 100%;overflow: hidden;
}

.img-l {
  width: 446px; height: 460px;background: url(https://og.kakaobank.io/view/bdbb89e5-6cf0-4314-b125-e072a70c5003);background-size:446px 460px;position: absolute;right:50%;bottom:0;-webkit-transform:translateX(-34px);transform:translateX(-34px);
}

.img-r {
  width: 416px; height: 384px;background: url(https://og.kakaobank.io/view/94be50aa-47f9-4a74-b0cb-cfa4e35566e6);background-size:416px 384px;position: absolute;left:50%;top: -9px;-webkit-transform:translateX(55px);transform:translateX(55px);
}

.img-phone {
  background: url(https://og.kakaobank.io/view/ea02fa35-0ff1-4df3-b3c5-5c25016a4503);width: 178px;height: 324px; background-size: 178px 324px;position: relative;margin-bottom:48px;
}

.img-hand {
  position: absolute;background: url(https://og.kakaobank.io/view/b8006ab8-d3a0-40f0-9683-e858fcf00ed3); background-size: 502px 544px; width: 502px; height: 544px;bottom:0;left:50%;
  -webkit-transform: translateX(60px) translateY(428px);
  transform: translateX(60px) translateY(428px);
  -webkit-animation: hand 10s infinite;
  animation: hand 10s infinite;
  -webkit-animation-delay: 0.5s;
}

@keyframes hand {
  0% {transform: translateX(60px) translateY(428px);}
  10% {transform: translateX(-10px) translateY(338px);}
  90%{transform: translateX(-10px) translateY(338px);}
  100% {transform: translateX(60px) translateY(428px);}
}

.img-title02 {
  position: relative;background: url(https://og.kakaobank.io/view/712f8c80-077f-443e-8546-cf9b85f2d909);background-size: 276px 42px;width:276px;height: 42px;
}