@charset "UTF-8";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 }button, a, img {-webkit-user-drag:none;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}button:focus, a:focus, img:focus {outline: none !important;}address, caption, cite, code, dfn, em, var {font-style: normal;font-weight: normal }hr {border: 0 none;}img {width: 100%;}.modal-table {display: table;width: 100%;height: 100%;table-layout: fixed;}.modal-cell {display: table-cell;width: 100%;height: 100%;vertical-align: middle;text-align: center;}.ir {display: block;font-size: 0;text-indent: -99999px;height: 0;}.inner {max-width: 335px;margin: 0 auto;text-align: center;}#kakaoHead {padding: 40px 0 60px;}#kakaoHead .img_title {position: relative;display: block;width: 100%;padding-top: 55%;background: url("https://og.kakaobank.io/view/5ff0f1b4-5a22-43bd-8c11-320502cf7b17") no-repeat top;background-size: contain;}#kakaoHead .img-date {padding-top: 15px;}.section.orange {background-color: #ff671d;padding: 70px 0;}.section-title {padding: 80px 0 20px;}.part1 .img-split-item {width: 100%;height: 121px;background: url(https://og.kakaobank.io/view/90b5b628-fadc-4d8d-8ff4-4909b6c37810);background-size: 1089px 121px;-webkit-animation: slide 30s linear infinite;animation: slide 30s linear infinite;}.part2 .image-wrapper {margin: 60px 0 50px;}.part3 .coupon-wrap {padding: 20px 0 50px;}.part3 .coupon-item {padding: 40px 0 0;}.part3 .coupon-item h4 {padding-bottom: 20px;}.part3 .coupon-item h4 img {height: 24px;width: auto;}.part5 .inner {width: 100%;}.part4 .image-wrapper {margin: 60px 0 80px;}.text-list>li {margin-left: 16px;position: relative;font-size: 15px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.67;letter-spacing: normal;text-align: left;color: #222;}.text-list>li:before {content: "•";position: absolute;left: -16px;}h4 {font-size: 15px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: normal;text-align: left;color: #222;}h4 .orange_txt {color: #ff671d;}.img-split-item {margin-top: 35px;width: 100%;height: 127px;background-color: #005a96;}.part5 {padding: 80px 0 0;border-top: 10px solid #f7f7f7;}.part5-title {width: 335px;display: block;background: url(https://og.kakaobank.io/view/f88d14bb-ad87-4770-b93b-8813d64e9e9a) no-repeat;background-size: contain;height: 40px;}.part5-title {width: 335px;display: block;background: url(https://og.kakaobank.io/view/f88d14bb-ad87-4770-b93b-8813d64e9e9a) no-repeat;background-size: contain;height: 40px;max-width: 335px;margin: 0 auto;}.part5 .inner {max-width: 100%;overflow: hidden;}.part5 .title {width: 100%;height: 49px;display: block;text-indent: -9999em;font-size: 0;margin: 4px 0 9px;}.slide-wrapper {position: relative;height: 393px;max-width: 335px;margin: 0 auto;}.slide-section-1 .title, .slide-section-2 .title, .slide-section-3 .title {visibility: hidden;position: absolute;width: 335px;animation: autoplay1 9s infinite;}.slide-section-1 img {visibility: hidden;position: absolute;left: 0;bottom: -383px;width: 335px;animation: autoplay2 9s infinite;}.slide-section-2 img, .slide-section-3 img {visibility: hidden;position: absolute;width: 335px;bottom: 0;left: 155px;animation: autoplay3 9s infinite;}.slide-section-1 img, .slide-section-1 .title {animation-delay: 0s;}.slide-section-2 img, .slide-section-2 .title {animation-delay: 3s;}.slide-section-3 img, .slide-section-3 .title {animation-delay: 6s;}.slide-section-1 .title {background: url(https://og.kakaobank.io/view/d1804558-23b1-418b-8ae3-775ac2c5fed0) no-repeat;background-size: contain;}.slide-section-2 .title {background: url(https://og.kakaobank.io/view/06375d3d-24e3-4849-98e7-d89b0153a878) no-repeat;background-size: contain;}.slide-section-3 .title {background: url(https://og.kakaobank.io/view/d78ba715-419d-4482-9137-d225d1d86bf3) no-repeat;background-size: contain;}.share-product {background-color: #333;border-bottom: solid 10px #111111;}.share-product .inner {padding: 50px 0;}.tit-share {display: block;margin: 0 auto;width: 203px;}.coffee-img{margin:20px 0;}.list-share {text-align: center;font-size: 0;}.list-share li {display: inline-block;width: 60px;height: 60px;padding: 0 5px }.list-share .ico_product {display: inline-block;width: 60px;height: 60px;}.list-share .ico_kakao {background: url("https://og.kakaobank.io/view/0d07095d-a83a-4857-a24c-644cb07ef83d") no-repeat;background-size: contain;}.list-share .ico_facebook {background: url('https://og.kakaobank.io/view/543cbb63-71ee-4c4e-94e7-9d675a83c407') no-repeat;background-size: contain;}.list-share .ico_more {background: url("https://og.kakaobank.io/view/4361f641-78b2-49f4-9b3d-df8a40ef3f4e") no-repeat;background-size: contain;}#kakaoFoot {padding: 50px 0 180px;background-color: #333;font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.86;letter-spacing: normal;text-align: left;color: #fff;}#kakaoFoot .inner {max-width: 335px;}#kakaoFoot h2 {text-align: left;margin: 0 0 20px;font-size: 20px;font-weight: 800;font-stretch: normal;font-style: normal;line-height: 1.6;letter-spacing: -0.5px;}.text-list.non-accordion {margin-bottom: 20px;}#kakaoFoot li {opacity: 0.6;color: #fff;font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.86;margin-left: 16px;position: relative;}#kakaoFoot .policy>li {margin-left: 0;opacity: 1;}.accordion-button {width: 100%;height: 64px;flex-grow: 0;display: flex;flex-direction: row;justify-content: space-between;align-items: center;margin: 10px 0;padding: 16px 20px;border-radius: 10px;background-color: #222222;font-size: 18px;font-weight: bold;line-height: 1.78;letter-spacing: -0.5px;text-align: left;color: #fff;}.accordion-button.active {background-color: #007853;}.accordion-button:after {content: '';display: block;width: 32px;height: 32px;background: url('https://og.kakaobank.io/view/6ad6d835-be0d-4f24-935c-af5e39b2a6b5') no-repeat;-webkit-transform: rotate(0deg);transition: transform 0.5s;transform: rotate(0deg);background-size: contain;}.accordion-content {padding: 10px 0;}.accordion-button+.accordion-content {opacity: 0;height: 0;padding: 0;transition: ease .5s;overflow: hidden;}.accordion-button.active+.accordion-content {opacity: 1;padding: 10px 0 ;height: 100%;}.accordion-button.active:after {-webkit-transform: rotate(540deg);transform: rotate(540deg);}.publish-number {opacity: 0.3;font-size: 14px;font-weight: bold;font-style: normal;line-height: 1.71;letter-spacing: normal;text-align: left;color: #fff;padding: 10px 0;}.btn-apply {position: fixed;left: 0;bottom: -60px;padding: 0 16px 0;width: 100%;box-sizing: border-box;}.btn-apply.is-active {-webkit-transform: translateY(-90px);transform: translateY(-90px);transition: transform 0.5s;}.btn-apply button {display: block;width: 100%;max-width: 448px;margin: 0 auto;height: 60px;cursor: pointer;-webkit-transition: background-color 0.25s, color 0.25s;transition: background-color 0.35s, color 0.35s;background-color: #ffe300;border-radius: 10px;font-size: 17px;line-height: 1.29;color: #000;}.popup {z-index: 1000;display: none;position: fixed;top: 0;right: 0;bottom: 0;left: 0;box-sizing: border-box;}.popup.open {display: block;}.popup .bg {position: fixed;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0, 0, 0, 0.6);}.popup-content {position: relative;display: inline-block;width: 288px;background-color: #fff;border-radius: 16px;padding: 40px 12px 12px;box-sizing: border-box;}.popup-content .title {font-weight: bold;text-align: center;font-size: 20px;font-weight: bold;line-height: 1.4;letter-spacing: normal;text-align: center;color: #222;}.popup-content .desc {font-size: 14px;font-weight: normal;letter-spacing: normal;text-align: center;color: #666;line-height: 1.3;padding: 5px 0;margin-top: 3px;}.popup-content .desc a {text-decoration: underline;color: #666 !important;}.popup-content .btn-ok:focus, .popup-content .btn-ok:focus-visible {outline: none;border: 0 none;}.popup-content .btn-ok {width: 100%;text-align: center;font-size: 18px;font-weight: bold;color: #fff;height: 54px;margin: 22px 0 0;padding: 12px 75px 12px 75.5px;border-radius: 10px;background-color: #007853;}.popup-content .button-wrapper {display: flex;margin-top: 32px;}.popup-content .btn-no {width: 95px;text-align: center;font-size: 18px;font-weight: bold;color: #fff;height: 54px;margin: 0 5px 0 0;border-radius: 10px;font-style: normal;background-color: #000;}.popup-content .btn-yes {flex: 1;text-align: center;font-size: 18px;font-weight: bold;color: #fff;height: 54px;border-radius: 10px;background-color: #007853;}@-webkit-keyframes slide {0% {background-position: 0px 0px }100% {background-position: 1089px 0px }}@keyframes slide {0% {background-position: 0px 0px }100% {background-position: 1089px 0px }}@keyframes rolling-ani {1% {opacity: 1;}33% {opacity: 1;}34% {opacity: 0;}100% {opacity: 0;}}#btnUpdateApp, #btnMakeCoinBox, #btnMakeCoinBoxOfBrand {width: 30%;display: inline-block }@keyframes autoplay1 {0% {visibility: visible }33.33% {visibility: hidden }}@keyframes autoplay2 {0% {visibility: visible;opacity: 1;}4% {left: 0;bottom: 0;}33% {visibility: visible;left: 0;bottom: 0;}34% {bottom: 0;visibility: hidden;left: -100px;}}@keyframes autoplay3 {0% {visibility: visible;opacity: 0;}4% {left: 0;opacity: 1;}33% {visibility: visible;left: 0;}34% {visibility: hidden;left: -100px;}}