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;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
  font-size:14px;line-height:1.5;  font-family: 'Apple SD Gothic Neo', 'Malgun Gothic','맑은 고딕', system-ui, sans-serif;
}
.ir {overflow:hidden;font-size:0px !important;line-height:0;color:transparent !important;}
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;
}

textarea::placeholder {
  color: rgba(0,0,0,0.3);
}

body {background: #fff;}

.logo-wrapper {position: absolute;left:0;right:0;top:0;margin: auto;max-width: 800px;}
.logo-kabang {position: absolute;left:36px;top:36px;margin:auto;background: red;width:84px;height:14px;background: url(https://og.kakaobank.io/view/b0332f9d-e6fa-4a36-931d-c63eb403b60d);background-size: 84px 14px;}

.section {background: #fff;}

.section-header {background: #111;}
.section-header .bg {position:absolute;top:-100vh;left:0;right:0;width:100%;margin: auto;z-index: 0;height:100vh;overflow: hidden;}
.section-header .img-rot01 {
  display: none;
  width:158px;height:158px;position:absolute;left:50%;top:0;background: url(https://og.kakaobank.io/view/c1fab4d2-fafa-4122-8d59-b839b9930ab1);background-size: 158px 158px; margin:20px auto auto 0px;
  -webkit-animation: rotate 25s linear infinite;animation: rotate 25s linear infinite;}
.section-header .img-rot02 {
  display: none;
  width:114px;height:114px;position:absolute;left:50%;top:0;background: url(https://og.kakaobank.io/view/d3fd458c-d3ab-46e1-8cc5-793badd04019);background-size: 114px 114px; margin:50vh auto auto 120px;
  -webkit-animation: rotate 15s linear infinite;animation: rotate 15s linear infinite;}
.section-header .img-rot03 {
  display: none;
  width:320px;height:320px;position:absolute;right:50%;top:100vh;background: url(https://og.kakaobank.io/view/8ace05c7-d348-4c3c-b154-6401bec3771b);background-size: 320px 320px; margin:-320px 10px auto auto;
  -webkit-animation: rotate 30s linear infinite;animation: rotate 30s linear infinite;}

.section-header .is-active .img-rot01,
.section-header .is-active .img-rot02,
.section-header .is-active .img-rot03 {
  display: block;
}

@-webkit-keyframes rotate {
  0% {-webkit-transform-origin: center center;-webkit-transform: rotate(0deg);}
  100% {-webkit-transform-origin: center center;-webkit-transform: rotate(360deg);}
}
@keyframes rotate {
  0% {transform-origin: center center;transform: rotate(0deg);}
  100% {transform-origin: center center;transform: rotate(360deg);}
}
.down-arrow {
  width:56px;height:20px;margin:12px auto auto;background:url(https://og.kakaobank.io/view/2c3f6fd6-5221-436b-bb88-98dcefdb5578);background-size: 56px 20px;-webkit-animation: downArrow 1s infinite;animation: downArrow 1s infinite;}
@-webkit-keyframes downArrow {0% {-webkit-transform: translateY(0px)}50% {-webkit-transform: translateY(5px)}100% {-webkit-transform: translateY(0px)}}
@keyframes downArrow {0% {transform: translateY(0px)}50% {transform: translateY(5px)}100% {transform: translateY(0px)}}
.video {min-width: 275px;}
.video-area {height:200vh;position: relative;}
.video-wrapper-pin {position: absolute;width:100%;height:100vh;left:0;top:0;-webkit-backface-visibility: hidden;}
.video {display: block; height:100vh;width:100%;overflow:hidden;margin: auto;object-fit: cover;-webkit-backface-visibility: hidden;}
.video-text {position: absolute;left:0;right:0;top:50%;margin-top:-46px;}
.video-text01 {width:190px;height:42px;margin:auto;background:url(https://og.kakaobank.io/view/43708515-8f88-4e73-ad68-444bafaf3945);background-size: 190px 42px;}
.video-text02 {width:282px;height:42px;margin:8px auto auto;background:url(https://og.kakaobank.io/view/e96b201e-c968-42a0-8258-4339db898f10);background-size: 282px 42px;}
.video-text03 {width:229px;height:56px;margin:20px auto auto;background:url(https://og.kakaobank.io/view/cec23b87-449c-4fc5-b06f-ef048652c4ee);background-size: 229px 56px;}
.video-text04 {width:70px;height:15px;margin:23px auto auto;background:url(https://og.kakaobank.io/view/80a2b86f-9568-4f14-8348-24aa747a6905);background-size: 70px 15px;}
.video-text05 {width:66px;height:66px;margin:72px auto auto;background:url(https://og.kakaobank.io/view/90137178-2221-4e35-a450-0572ea139bf0);background-size: 66px 66px;}
.video-text06 {width:42px;height:14px;margin:12px auto auto;background:url(https://og.kakaobank.io/view/d3bfa8ae-7856-4744-bdb7-fd833465caa8);background-size: 42px 14px;}
.scroll-btn {position:absolute;top:100vh;left:0;right:0;width:100%;margin: -66px auto auto;z-index: 100;}
.video-text07 {margin:auto;color:#fff;opacity: 0;font-size: 12px;text-align: center;}
.moimcard-area {overflow: hidden;}
.moimcard-wrapper {width:800px;height:600px;overflow: hidden;position: relative;margin-left:50%;-webkit-transform:translateX(-400px);transform:translateX(-400px);}
.moimcard-area>.scrollmagic-pin-spacer {max-width:800px;}

.bubble01 {position:absolute;right:50%;margin:0px -40px auto auto;top:0;width:265px;height:129px;background: url(https://og.kakaobank.io/view/84b4094d-eaca-4361-8cdf-7274cfb1ade0);background-size: 265px 129px;}
.bubble02 {position:absolute;right:50%;margin:0px -205px auto auto;top:94px;width:265px;height:129px;background: url(https://og.kakaobank.io/view/19dc919f-17f8-46f4-8e6e-c543cef5e5f9);background-size: 265px 129px;}
.bubble03 {position:absolute;right:50%;margin:0px -126px auto auto;top:186px;width:265px;height:129px;background: url(https://og.kakaobank.io/view/de698bed-212c-4376-893e-dfdcf6f0da9b);background-size: 265px 129px;}
.bubble04 {position:absolute;right:50%;margin:0px -284px auto auto;top:282px;width:265px;height:129px;background: url(https://og.kakaobank.io/view/b8131378-1e1d-4ce1-9a5b-661c301f6419);background-size: 265px 129px;}
.bubble-txt01 {width:63px;height:34px;margin:115px auto auto;background:url(https://og.kakaobank.io/view/371bc5f5-fc60-4bb1-b531-606d3d78f1f5);background-size:63px 34px;}
.bubble-txt02 {width:63px;height:34px;margin:24px auto auto;background:url(https://og.kakaobank.io/view/752d97a6-a7c1-4701-80be-03ef7089a38b);background-size:64px 34px;}
.bubble-txt03 {width:65px;height:28px;margin:24px auto auto;background:url(https://og.kakaobank.io/view/72f86e45-7aa7-448f-8d63-6c3a2b42a41f);background-size:65px 28px;}

.shadow-l {width:111px;position: absolute;left:0;top:0;height:500px;background: url(https://og.kakaobank.io/view/654d23d3-e659-4090-98ed-8249d02b32da);background-size: 111px 500px;}
.shadow-r {width:111px;position: absolute;right:0;top:0;height:500px;background: url(https://og.kakaobank.io/view/e5a384b6-0e44-4d28-8754-3d2d25acdd5d);background-size: 111px 500px;}

.section-cong {position: relative;z-index: 1;padding-top:81px;padding-bottom:80px;border-bottom:10px solid #ddd;}
.section-cong .cong-txt {width:318px;height:221px;margin:auto;background: url(https://og.kakaobank.io/view/238b3dc1-8543-4e92-bfa4-a56ea585e2a9);background-size: 318px 221px;}
.section-cong .newmoim-btn {display:block;width:307px;height:92px;border:none;margin:38px auto auto;background:#fed001;border-radius: 46px;}
.section-cong .newmoim-btn-txt {display: block;width:196px;height:30px;margin: auto;background: url(https://og.kakaobank.io/view/2ef9e3ad-330b-4cd9-a04a-d5db88813ecc);background-size: 196px 30px;}
.cong-desc {margin:36px auto auto;font-size:11px; color:#111;text-align: center;opacity: 0.4;font-weight: bold;}

.section-steps {padding-top:81px;padding-bottom: 80px;}
.steps-txt {width:254px;height:224px;margin:auto;background: url(https://og.kakaobank.io/view/9cec43b0-25e0-4323-b891-7063ebebb215);background-size: 254px 224px;}
.slide {margin:40px auto auto;height:168px;background:url(https://og.kakaobank.io/view/0618e0e9-0baf-4cf6-8cbe-1a8c07dbae38);background-size:817px 168px;-webkit-animation: slide 10s linear infinite;animation: slide 10s linear infinite;}
@-webkit-keyframes slide {
 0% {background-position: 817px 0px;}
 100% {background-position: 0px 0px;}
}
@keyframes slide {
 0% {background-position: 817px 0px;}
 100% {background-position: 0px 0px;}
}
.slide-text {text-align: center;margin:40px auto auto;font-size:15px;}
.slide-text .txt-purple {font-weight: bold;color:#8400ff}
.slide-desc {margin:17px auto auto;font-size:11px; color:#111;text-align: center;opacity: 0.4;font-weight: bold;}

.steps {border-top:1px solid #eee;width: 307px;margin:40px auto auto;font-size: 15px;}
.step {border-bottom: 1px solid #eee;padding: 36px 14px;}
.step__left {float: left;width:84px;font-weight: bold;color: #8400ff;opacity: 0.5;}
.step__right {margin-left:84px;color:#111;}
.step__right b {font-weight: bold;}

.awards-btn {display:block;width:307px;height:92px;border:none;margin:38px auto auto;background:#8400ff;border-radius: 46px;}
.awards-btn-txt {width:174px;height:30px;margin: auto;background: url(https://og.kakaobank.io/view/d8564d8e-89c7-4d35-99a2-afc430a469fd);background-size: 174px 30px;}
.awards-btn-desc {margin:36px auto auto;font-size:11px; color:#111;text-align: center;opacity: 0.4;font-weight: bold;}

.section-share {padding:65px 0 80px;background:#fed001;}
.share-txt {width:262px; height:299px;margin:auto;background: url(https://og.kakaobank.io/view/e50cd024-46d0-46b4-beef-1f630926f170);background-size: 262px 299px;}
.shares {margin: 26px auto auto;font-size:0;text-align: center;}
.share {display:inline-block;width: 62px; height:62px;}
.share > a {display: block; width:100%;height:100%;}
.share+.share {margin-left:22px;}
.share-kt {background: url(https://og.kakaobank.io/view/f4cd79fa-94cd-411d-a350-c91b793fe800);background-size: 62px 62px;}
.share-fb {background: url(https://og.kakaobank.io/view/a53f7a42-7791-40ce-af9f-6f4f2aba621b);background-size: 62px 62px;}
.share-tw {background: url(https://og.kakaobank.io/view/92b84693-3d7c-4c92-9118-26a482705b56);background-size: 62px 62px;}

.section-bottom {padding-top:50px;padding-bottom:52px;}
.more-btn {width:307px; margin:auto;height:98px;position: relative;}
.more-btn-wrapper {display: block;width: 100%;height: 100%;background:#36a67d;border-radius: 34px;border:none;}
.more-btn-txt {display:block;width:145px;height:52px;position: absolute;top:0;bottom:0;left: 25px;margin:auto;background: url(https://og.kakaobank.io/view/a06f5d78-6dbb-49ac-9ed7-4680bfa93be2);background-size: 145px 52px;}
.more-btn-arrow {display:block;width:11px;height:19px;position: absolute;top:0;bottom:0;right:25px;margin:auto;background: url(https://og.kakaobank.io/view/b51f21b9-691e-474f-9d30-dc31b0096d9a);background-size: 11px 19px;}

textarea,textarea:active,textarea:focus,
button,button:active,button:focus,
a,a:active,a:focus,a:visited {outline: none;}

.textarea-wrapper {height: 100%;}
textarea {width: 100%;border:none;background: #eee;}
.thumbs {display: inline-block;vertical-align: middle;}
.thumbs-wrapper > span {display:block;margin-left:8px;font-size: 13px;color:#111;vertical-align: middle;font-weight: bold;opacity: 0.5;}
.thumbs > li {display: inline-block;width: 27px; vertical-align: top;}
.thumbs > li > img {width: 27px; height: 27px; border-radius: 27px; border: 4px solid #fed001;}
.moims-layer {
position: fixed;width:100%;height:100%;left:0;bottom:0;background: rgba(0,0,0,0.5);z-index:100;
}
.thumb-user {display: inline-block;margin-left:8px;}
.layer-wrapper {
  background: #fff;
  position: absolute;
  bottom: 0;
  width:100%;
padding-bottom:46px;border-top-left-radius: 50px;border-top-right-radius: 50px;
-webkit-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
}
.moims-layer {-webkit-transform:translateY(100%);transform:translateY(100%);}
.moims-layer.is-active {-webkit-transform:translateY(0%);transform:translateY(0%);}
.moims-layer.is-active .layer-wrapper {
  -webkit-transform: translateY(0);transform: translateY(0);}
.moims-layer .close-btn {position: absolute;top:28px;right:28px;width:34px;height:34px;border:none;background:url(https://og.kakaobank.io/view/ffba6f7b-2b37-40ca-b3a1-f5b443a5e121);background-size: 34px 34px; border-radius: 34px;padding:0;}
.moims-top {padding: 41px 28px 0 28px;box-sizing: border-box;}
.moims-desc {font-size:13px;color:#666;line-height: 21px;}
.moims-txt {width:155px;height:58px;margin-bottom:8px;background: url(https://og.kakaobank.io/view/a927351d-ae37-4d3e-a33e-ddf53e26da12);background-size: 155px 58px;}

.award {position: relative;width:250px;background: #fedb01;margin:40px auto 100px 50%;padding:32px 33px;border-radius:46px;transform:translateX(-125px);box-sizing: border-box;box-shadow: 10px 10px 30px 0px #ddd;}
.award-left {left: -40px;}
.award-right {left: 40px;}
.award-layer {position: fixed;left:0;top:0;width:100%;height:100%;background:#f3f3f3;z-index:100;display: none;}
.award-layer-wrapper {position: absolute;left:0;top:0;width:100%;height:100%;overflow-y: auto;}
.award-layer-title {width:283px;height:90px;margin:84px auto 0px;background: url(https://og.kakaobank.io/view/d811da83-7b2c-441c-bc59-6199532de0b7);background-size: 283px 90px;position: relative;z-index: 1}
.award-layer-desc {width:199px;height: 23px;margin:60px auto 0px;background: url(https://og.kakaobank.io/view/273b17f1-e6bd-4d71-9819-47b72e6a1791);background-size: 199px 23px;position: relative;z-index: 1}
.awards {margin-bottom:190px;position: relative;z-index: 1}
.award-title {font-size:20px;font-weight: bold;}
.award-no {font-size:12px;color:#111;opacity: 0.2;display: inline-block;margin-top:4px;}
.award-desc {font-size: 15px;display: inline-block;margin-top:15px;color:#111;opacity: 0.7;}
.award-bgs {position: absolute;left:0;right:0;top:0;bottom:0;overflow: hidden;min-height:1000px;}
.award-bg01 {position: absolute;width:158px;height:158px;background: url(https://og.kakaobank.io/view/c1fab4d2-fafa-4122-8d59-b839b9930ab1);background-size: 158px 158px;left:50%;margin:25px auto auto 10px;-webkit-animation: rotate 25s linear infinite;animation: rotate 25s linear infinite;}
.award-bg02 {position: absolute;width:114px;height:114px;background: url(https://og.kakaobank.io/view/d3fd458c-d3ab-46e1-8cc5-793badd04019);background-size: 114px 114px;left:50%;margin:400px auto auto 120px;-webkit-animation: rotate 15s linear infinite;animation: rotate 15s linear infinite;}
.award-bg03 {position: absolute;width:320px;height:320px;background: url(https://og.kakaobank.io/view/8ace05c7-d348-4c3c-b154-6401bec3771b);background-size: 320px 320px;right:50%;margin:520px 20px auto auto;-webkit-animation: rotate 30s linear infinite;animation: rotate 30s linear infinite;}

.moim-card {background: #fed001;padding: 26px;box-sizing: border-box;border-radius:31px;}
.moim-title {font-size:16px;color:#111;font-weight:bold;}
.moim-card .textarea-wrapper {position:relative;}
.moim-card textarea {position:absolute;left:0;top:0;right:0;bottom:15px;display:block;resize: none;border-radius:20px;padding:15px 18px;box-sizing:border-box;line-height: 21px;font-family: inherit;font-size: inherit;}
.moim-card .text-counter {color:#000;font-size:11px;opacity:0.3;position:absolute;right:14px;bottom:25px;}
.btn-showoff.is-active {opacity: 1;}
.btn-showoff {display:block;background:#8400ff;width:107px;height:58px;color:#fed001;font-size:15px;font-weight: bold;margin:0 auto;border:none;border-radius: 46px;opacity: 0.2;}

.popup-layer {position: fixed;left:0;top:0;width:100%;height:100%;background: rgba(0,0,0,0.5);z-index: 100;display: none;}
.popup-layer.is-active {display: block;}
.popup-layer .close-btn {position: absolute;top:16px;right:16px;width:34px;height:34px;border:none;background:url(https://og.kakaobank.io/view/ffba6f7b-2b37-40ca-b3a1-f5b443a5e121);background-size: 34px 34px; border-radius: 34px;padding:0;}
.popup-wrapper {position: absolute;top:50%;left:0;right:0;margin:-150px auto auto; width:288px;background: #fff;min-height: 190px;border-radius: 35px;padding:40px 12px 12px;box-sizing: border-box;}
.popup-title {color:#333;font-size:19px;line-height: 26px;font-weight: bold;text-align: center;}
.popup-desc {margin-top:16px;font-size: 11px;color:#111;opacity: 0.4;font-weight: bold;text-align: center;}
.popup-desc .is-big {font-size: 15px;}
.popup-desc+.popup-desc {margin-top:12px;}
.popup-btn {margin-top:35px;width:100%;border-radius: 32px;background: #fed001;font-weight: bold;font-size:18px;border:none;padding:22px;color:#000;}
.popup-btn+.popup-btn {margin-top:12px;}

.notices-group {width:318px;margin:48px auto auto auto;}
.notices-title {font-size:18px;font-weight: bold;color:#8400ff;}
.notices {line-height: 22px;color:#666;padding-left:13px;}
.notices>li {position: relative;}
.notices>li:before {content: "·";display: block;width:13px;position: absolute;left:-13px;top:0;}
.sub-title {display:inline-block;font-weight: bold;margin-top:17px;}
.deliberation {font-weight: bold;color:#666;}

/* yt */
.popups {position:fixed; top:0; left:0; width:100%; height:100%; z-index:999; display: table; text-align: center; visibility: hidden; opacity:0;}
.popups.on {visibility: visible; opacity:1;}
.popups .pop-inner {display: table-cell; vertical-align: middle;}
.popups .bg {position:absolute; top:0; left:0; width:100%; height:200%; background-color:rgba(0,0,0,0.4);}
.popups .pop-content {position:relative; max-width:330px; padding:0 20px; margin:0 auto;}
.popups .pop-content-inner {background-color:#fff; border-radius: 30px; font-size:0;}
.popups .copy {position:relative; display: block; padding:40px 0; text-align: center; font-size:20px; line-height: 26px; font-weight: bold;}
.popups .ok-btn {display: block; width:100%; padding:0 12px 12px; box-sizing: border-box;border:none;}
.popups .ok-btn button,
.popups .ok-btn a {display:block; width:100%; font-size:18px; background-color:#4a4cd8; color:#fff; text-align: center; padding:20px 0 18px; border-radius: 33px;}


.popup-youtube {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);}
.popup-youtube.on {display: block;}
.popup-youtube .modal-table {display:table;width:100%;height:100%;table-layout:fixed;}
.popup-youtube .modal-cell {display:table-cell;width:100%;height:100%;vertical-align:middle;text-align:center;}
.popup-youtube .iframe-wrap{display:inline-block;width:100%;height:80%;}
.popup-youtube .modal-open{display:block;z-index:1000;}
.popup-youtube .btn-close-modal{ position:fixed;top:22px;right:16px;color:#fff;width:36px;height:36px; background:url('https://og.kakaobank.io/view/2b6b7248-cea8-4b1e-b612-dbb4bd7240a0') 4px 4px no-repeat;background-size:28px 28px;}


/* slick */
.slider .slick-list {margin:0 -8px;}
.slick-slide {margin:0 8px;}
div.slick-list{padding:0 20px 0;}
/* Dots */
.slick-dotted.slick-slider {
    margin-bottom: 14px;
}

.slick-dots {
    position: absolute;
    bottom: -35px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:hover, .slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  left: 0;
  bottom:0;
  right:0;
  opacity: .25;
  background:#000;
  border-radius: 10px;
  margin: auto;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: black;
}

.icon-emoji01 {background:url(https://og.kakaobank.io/view/9ee85e52-81cc-49af-b762-aee3dc84edfd);background-size:26px 26px;display:inline-block;width:26px;height:26px;vertical-align:middle;margin-left:4px;}
.icon-emoji02 {background:url(https://og.kakaobank.io/view/79f990af-d357-48c5-8523-d86bef071253);background-size:26px 26px;display:inline-block;width:26px;height:26px;vertical-align:middle;margin-left:4px;}

.btn-done {position: absolute;bottom:26px;left:0;right:0;margin:auto;background: #fed001;color:#8400ff;width:107px;height:58px;font-size: 15px;font-weight: bold;border:none;border-radius: 47px;}
.layer-done {position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);border-radius:30px;display:none;}
.mirror {display:none;position: fixed;z-index: 1000;width:100%;height:100%;left:0;top:0;}

/* slick end */