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;}
body {
  font-family: '돋움',dotum,sans-serif,AppleSDGothicNeo;
  background: #f9f9f9;
}

.section-content {
  margin: auto;
  max-width: 315px;
  min-height: 200px;
  padding: 55px 0;
}

.content {
  padding-top: 36px;
}

.img {
  display: block;
  font-size: 0;
  color: transparent;
}

.img-logo {
  width: 196px;
  height: 21px;
  margin-bottom: 40px;
  background: url(https://og.kakaobank.io/view/959c9c9b-34e6-4b0d-a229-5918bb152177);
  background-size: 196px 21px;
}

.img-header {
  width: 235px;
  height: 185px;
  margin-bottom: 20px;
  background: url(https://og.kakaobank.io/view/8faac910-2f97-4b17-869c-fe8be8699f42);
  background-size: 235px 185px;
}

.img-range {
  width: 128px;
  height: 29px;
  margin-bottom: 170px;
  background: url(https://og.kakaobank.io/view/8670885c-7605-43f0-ba60-7a0ccd7a4969);
  background-size: 128px 29px;
}

.section-header {
  margin: auto;
  max-width: 315px;
}

.slick-slide {outline: none;}

.img-event01-txt {
  width: 68px;
  height: 16px;
  margin-bottom: 14px;
  background: url(https://og.kakaobank.io/view/c9cd6761-f81b-4484-bac0-2a3d95688298);
  background-size: 68px 16px;
}
.img-event02-txt {
  width: 72px;
  height: 16px;
  margin-bottom: 14px;
  background: url(https://og.kakaobank.io/view/b27900ce-277e-48fd-8260-90b35ac1864d);
  background-size: 72px 16px;
}

.img-event01-title {
  width: 246px;
  height: 61px;
  margin-bottom: 20px;
  background: url(https://og.kakaobank.io/view/bc96a5de-65fd-4b86-91d9-ac2ca50cdab8);
  background-size: 246px 61px;
}

.img-event02-title {
  width: 155px;
  height: 61px;
  margin-bottom: 20px;
  background: url(https://og.kakaobank.io/view/13d81344-2753-40a6-a20a-dc83c0eade20);
  background-size: 155px 61px;
}

.img-event01-sub {
  width: 287px;
  height: 58px;
  margin-bottom: 44px;
  background: url(https://og.kakaobank.io/view/e308d77e-b8fb-4b2e-841f-7c6a5d6484af);
  background-size: 287px 58px;
}
.img-event02-sub {
  width: 255px;
  height: 58px;
  margin-bottom: 55px;
  background: url(https://og.kakaobank.io/view/c4b2f6a6-921f-47d1-a126-e5feafc55c54);
  background-size: 255px 58px;
}

.img-event01-coupon {
  width: 260px;
  height: 136px;
  margin: 0 auto 37px;
  background: url(https://og.kakaobank.io/view/97f594ad-4c63-4443-9d46-aed4e9a7f1e2);
  background-size: 260px 136px;
}

.img-event01-desc {
  width: 278px;
  height: 33px;
  background: url(https://og.kakaobank.io/view/e8c9caeb-6be0-4a33-ba1f-912d0b750f03);
  background-size: 278px 33px;
}

.img-wheel-title {
  width: 202px;
  height: 16px;
  margin: 0 auto 24px;
  background: url(https://og.kakaobank.io/view/1300b507-236e-44c4-8a4e-5a20858d2848);
  background-size: 202px 16px;
}

.wheel-area {
  text-align: center;
}

.img-wheel {
  width: 203px;
  height: 211px;
  margin: 0 auto 45px;
  background: url(https://og.kakaobank.io/view/3cd29cc3-6d12-42e3-afba-7bf04ced623c);
  background-size: 203px 211px;
}

.img-coupon {
  width: 285px;
  height: 136px;
  margin: 0 auto 40px;
  background: url(https://og.kakaobank.io/view/4bc8af4b-48e9-4cf1-8f3e-0e369d94e968);
  background-size: 285px 136px;
}

.img-coupon-title {
  width: 196px;
  height: 38px;
  margin: 0 auto 25px;
  background: url(https://og.kakaobank.io/view/c0c09684-9ba2-4295-b518-5aa26700de3f);
  background-size: 196px 38px;
}

.img-event02-desc {
  width: 302px;
  height: 52px;
  background: url(https://og.kakaobank.io/view/e587d7e6-69ca-4147-bdcd-897673c2b803);
  background-size: 302px 52px;
}

.img-swipe-title {
  width: 216px;
  height: 61px;
  background: url(https://og.kakaobank.io/view/92873507-452d-4be0-9d70-fb40a70bdd86);
  background-size: 216px 61px;
}

.section.beige {
  background: #f7f5ec;
  padding: 0 16px 96px;
}

.slide-title01 {
  width: 152px;
  height: 16px;
  margin: 0 auto 15px;
  background: url(https://og.kakaobank.io/view/abfb05cc-9270-4915-b96d-f7caf6afd1a0);
  background-size: 152px 16px;
}

.slide-sub01 {
  width: 108px;
  height: 36px;
  margin: 0 auto 20px;
  background: url(https://og.kakaobank.io/view/aee10f54-b437-479a-9836-6713f9ecbe54);
  background-size: 108px 36px;
}
.slide-sub02 {
  width: 228px;
  height: 36px;
  margin: 0 auto 20px;
  background: url(https://og.kakaobank.io/view/6f191be4-a3e4-4337-97af-9e2fcebe802c);
  background-size: 228px 36px;
}
.slide-sub03 {
  width: 145px;
  height: 36px;
  margin: 0 auto 20px;
  background: url(https://og.kakaobank.io/view/33690228-b8b6-4aa4-a2c6-6a50cde2b841);
  background-size: 145px 36px;
}



.swipe-title-area {
  margin: 0 auto 52px;
  max-width: 315px;
}

.slide-img01 {
  width: 235px;
  height: 282px;
  margin: auto;
  background: url(https://og.kakaobank.io/view/d588f9cc-c412-4aff-82f8-66624dbf6703);
  background-size: 235px 282px;
}
.slide-img02 {
  width: 235px;
  height: 282px;
  margin: auto;
  background: url(https://og.kakaobank.io/view/16d4b8a7-80a5-46f9-bc39-716c5e45a35b);
  background-size: 235px 282px;
}
.slide-img03 {
  width: 235px;
  height: 283px;
  margin: auto;
  background: url(https://og.kakaobank.io/view/45687a1b-9081-474f-a597-340ecedfb104);
  background-size: 235px 283px;
}

.img-notice-txt {
  width: 99px;
  height: 16px;
  margin-bottom: 25px;
  background: url(https://og.kakaobank.io/view/babe25da-8dd8-424a-a169-bb281672aa10);
  background-size: 99px 16px;;
}

.list-notice {
  list-style: none;
  color: #413f3f;
  font-size: 13px;
  line-height: 24px;
  word-break: keep-all;
  margin-bottom: 55px;
  padding-left: 18px;
}

.list-notice > li:before {
  content: " · ";
  display: inline-block;
  width: 14px;
  font-weight: bold;
  margin-left: -14px
}

.btn-ok {
  height: 80px;
  width: 100%;
  border: none;
  background: #ffe500;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9;
}
.is-pc .btn-ok {
  position: relative;
}
.is-pc.content .section.beige{
  padding-bottom: 36px;
}

.img-btn {
  width: 210px;
  height: 18px;
  margin: auto;
  background: url(https://og.kakaobank.io/view/a0bc18ac-f085-4037-a4e8-f71bbeb66cd2);
  background-size: 210px 18px;
}

.list-share > li {
  display: inline-block;
}

.list-share {
  font-size: 0;
  text-align: center;
}

.btn-share {
  width: 60px;
  height: 60px;
  background-color: none;
  border: none;
}

.list-share > li + li {
  margin-left: 19px;
}

.section {
  padding: 0 16px;
  position: relative;
}

.slides {
  width: 100%;
}

.section.section-swipe {
  padding: 0;
  overflow: hidden;
}

.section.section-swipe .section-content {
  padding-bottom: 45px;
  width: 100%;
  max-width: 100%;
}
.slick-dots {
  margin-top: 20px;
  text-align: center;
  font-size: 0;
}
.slick-dots > li {
  display: inline-block;
  padding: 0;
}
.slick-dots > li > button {
  padding: 0;
  border: 1px solid #352f2d;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  font-size: 0;
  background: #fff;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
.slick-dots > li + li {
  margin-left: 18px;
}
.slick-dots > li.slick-active > button {
  background: #352f2d;
}
.slick-arrow {
  font-size: 0;
  color: transparent;
  width: 20px;
  height: 30px;
  position: absolute;
  display: block;
  border: none;
  padding: 0;
  margin: 0;
  z-index: 1;
}
.slick-prev {
  top: 50%;
  bottom: 0;
  margin: 20px auto auto -160px;
  left: 50%;
  background: url(https://og.kakaobank.io/view/1753adda-af48-495f-ad28-1e2c39ecde9e);
  background-size: 20px 30px;
}
.slick-next {
  top: 50%;
  bottom: 0;
  margin: 20px -160px auto auto;
  right: 50%;
  background: url(https://og.kakaobank.io/view/54ef48e1-7b0d-4eb0-aa10-59acd11bab01);
  background-size: 20px 30px;
}
.slide-title02 {
  width: 163px;
  height: 16px;
  margin: 0 auto 15px;
  background: url(https://og.kakaobank.io/view/b36c1605-4e44-4140-8b8b-b4204dd66a57);
  background-size: 163px 16px;
}
.slide-title03 {
  width: 142px;
  height: 16px;
  margin: 0 auto 15px;
  background: url(https://og.kakaobank.io/view/a4a448e7-5287-46e2-8c02-03408ffa2e28);
  background-size: 142px 16px;
}

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

.big-circle {
  position: absolute;
  width: 527px;
  height: 527px;
  right: 50%;
  margin-top: -60px;
  margin-right: -200px;
}

.img-face {
  background: url(https://og.kakaobank.io/view/910dfdba-ba62-43d7-917a-80f14f4c1749);
  background-size: 210px 209px;
  position: absolute;
  width:210px;
  height: 209px;
  top:340px;
  left: 50%;
  margin-left: 20px;
}

.img-katalk {
  background: url(https://og.kakaobank.io/view/91b55d60-a7dd-4084-a6be-25a54611365c);
  background-size: 60px 60px;
}

.img-facebook {
  background: url(https://og.kakaobank.io/view/5e87204f-aea3-4b22-87be-41259fbb5cec);
  background-size: 60px 60px;
}

.img-twitter {
  background: url(https://og.kakaobank.io/view/1f9ef961-b857-4ff4-a6be-4aba524114fc);
  background-size: 60px 60px;
}

.loading {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 999;
}

.modal {
  position: fixed;
  font-size: 0px;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: none;
  background: rgba(0,0,0,0.6);
  z-index: 999;
}
.modal.is-active {
  display: block;
}




.modal-box {
  display: block;
  position: absolute;
  background: #ffe100;
  max-width: 310px;
  width: 100%;
  margin: auto;
  left:0;
  right:0;
  top: 0;
  bottom: 0;
  height: 200px;
  box-sizing:border-box;
  border-radius: 4px;
}

.modal-close {
  width: 16px;
  height: 16px;
  display: block;
  border: none;
  background: red;
  position: absolute;
  right: 20px;
  top: 20px;
  background: url(https://og.kakaobank.io/view/1d6310c2-3098-4b9b-b0b0-a8876ca3cd8b);
  background-size: 16px 16px;
}

.modal-text {
  background: #eee;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin:auto;
}

.modal-txt-01 {
  width: 176px;
  height: 51px;
  background: url(https://og.kakaobank.io/view/53baf763-b627-47d8-a569-833e2fe54641);
  background-size: 176px 51px;
}

.modal-txt-02 {
  width: 131px;
  height: 51px;
  background: url(https://og.kakaobank.io/view/e44d7a83-773f-4144-adc4-baf88b5261bf);
  background-size: 131px 51px;
}