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

.ir {font-size:0; text-indent: -99999px;}
.img {display: block;margin: auto;}
.section.section-top {background-color: #222222;overflow: hidden;position: relative; padding:0px;}
.header {position: absolute;left:0;right:0;top:0;margin:auto;max-width: 1080px;}
.img-logo {width: 83px;height:14px;position:absolute;left:24px;top:35px;background:url(https://og.kakaobank.io/view/f8d551b2-6b6d-428f-8e0e-b77aa18cc435);background-size:83px 14px;}
.img-app {width: 80px;height:28px;position:absolute;top:16px;right:20px;color:#666; border:1px solid #666; font-size:13px; text-align: center; line-height: 28px; border-radius: 28px;}

.title-box {width: 278px;margin:100px auto 0px;position: relative;}
.img-title {position: relative;}
.img-title-sup {display:block;width:194px;height:24px;background: url(https://og.kakaobank.io/view/1d29c620-429b-45fe-aff4-04f16bf41986);background-size: 194px 24px;}
.img-title {display:block;margin:33px auto 0px;width: 278px;height:205px;}
.img-title__0,
.img-title__1,
.img-title__2,
.img-title__3,
.img-title__4 {width: 278px;height:205px;position:absolute;left:0;top:0;opacity:0;z-index:0;-webkit-transition: opacity 0.5s;-webkit-transition-delay: 0.5s;transition: opacity 0.5s;transition-delay: 0.5s;}

.is-active.img-title__0,
.is-active.img-title__1,
.is-active.img-title__2,
.is-active.img-title__3,
.is-active.img-title__4 {display: block;opacity: 1;-webkit-transition-delay: 0s;transition-delay: 0s;z-index:1;}
.img-title__0 {background: url(https://og.kakaobank.io/view/c442a5f0-fb06-4a20-a1ba-505b31aee2dc);background-size: 278px 205px;}
.img-title__1 {background: url(https://og.kakaobank.io/view/e9ba2977-8445-4d09-8e51-ba1db4789bf6);background-size: 278px 205px;}
.img-title__2 {background: url(https://og.kakaobank.io/view/3d8e6ca3-4f49-4bfb-b512-6b4ca1d9e0ae);background-size: 278px 205px;}
.img-title__3 {background: url(https://og.kakaobank.io/view/dec92182-1103-4090-99b7-9878e83ff2e7);background-size: 278px 205px;}
.img-title__4 {background: url(https://og.kakaobank.io/view/925e9945-1ab0-48f0-bd70-112c748712b7);background-size: 278px 205px;}
.img-title__start {width: 278px;height:205px;}
.img-date {display: block;width:121px;height:16px;position: absolute;right:20px;bottom:11px;background: url(https://og.kakaobank.io/view/d719a218-9d64-4738-bb26-e98e18a37371);background-size: 121px 11px;background-repeat: no-repeat;}
.date-underline {display: block;width:121px;height:2px;position: absolute;right:20px;bottom:5px;background: rgb(153,153,153);}

.cards {width:1258px;height:324px;position: absolute;left:50%;-webkit-transform:translateX(-445px);transform:translateX(-445px);font-size: 0px;padding-top:4px;}
.cards-box:before {display: block;content: "";width:25%;height: 240px; position:absolute;left:0;top:0;z-index:1;
	background: -moz-linear-gradient(90deg, rgba(34,34,34,1) 0%, rgba(34,34,34,0) 100%);
	background: -webkit-linear-gradient(90deg, rgba(34,34,34,1) 0%, rgba(34,34,34,0) 100%);
	background: linear-gradient(90deg, rgba(34,34,34,1) 0%, rgba(34,34,34,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#222222",endColorstr="#222222",GradientType=1);
}
.cards-box:after {display: block;content: "";width:25%;height: 240px; position:absolute;right:0;top:0;z-index:1;
	background: -moz-linear-gradient(270deg, rgba(34,34,34,1) 0%, rgba(34,34,34,0) 100%);
background: -webkit-linear-gradient(270deg, rgba(34,34,34,1) 0%, rgba(34,34,34,0) 100%);
background: linear-gradient(270deg, rgba(34,34,34,1) 0%, rgba(34,34,34,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#222222",endColorstr="#222222",GradientType=1);
}
.is-fadein-up {-webkit-animation: fadeinUp 1s forwards;animation: fadeinUp 1s forwards;}
.is-fadein-down {-webkit-animation: fadeinDown 1s forwards;animation: fadeinDown 1s forwards;}

@-webkit-keyframes fadeinUp {
	0% {opacity: 0;-webkit-transform:translateY(10px);}
	100% {opacity: 1;-webkit-transform:translateY(0px);}
}
@keyframes fadeinUp {
	0% {opacity: 0;transform:translateY(10px);}
	100% {opacity: 1;transform:translateY(0px);}
}

@-webkit-keyframes fadeinDown {
	0% {opacity: 0;-webkit-transform:translateY(-10px);}
	100% {opacity: 1;-webkit-transform:translateY(0px);}
}
@keyframes fadeinDown {
	0% {opacity: 0;transform:translateY(-10px);}
	100% {opacity: 1;transform:translateY(0px);}
}

.is-active .cards {
	-webkit-transition: transform 0.5s;
	-webkit-transform: translateX(-629px) !important;
	transition: transform 0.5s;
	transform: translateX(-629px) !important;
}
.card {display:inline-block;width:154px;height:234px;}
.card--01 {background:url(https://og.kakaobank.io/view/a85b7c2c-6086-4192-bfa7-d6ea035e0aa9);background-size: 154px 234px}
.card--02 {background:url(https://og.kakaobank.io/view/bd944418-44dd-4efb-854a-734c4aa634b3);background-size: 154px 234px;margin-left:30px}
.card--03 {background:url(https://og.kakaobank.io/view/abdb2021-d633-4f9c-bcbd-b5727c923613);background-size: 154px 234px;margin-left:30px}
.card--04 {background:url(https://og.kakaobank.io/view/49079590-f8d1-4cfa-b0d5-430c5f7bdb47);background-size: 154px 234px;margin-left:30px}
.card--05 {background:url(https://og.kakaobank.io/view/de22c131-7533-4c0f-a7c5-6dd5f161ad6b);background-size: 154px 234px;margin-left:30px}
.card--06 {background:url(https://og.kakaobank.io/view/a730f6a0-8e62-4c20-b8ee-5def2c9b641e);background-size: 154px 234px;margin-left:30px}
.card--center__ryan {border-radius:10px; box-shadow: 0px 0px 0px 4px rgb(220, 249, 255);}
.card--center__con {border-radius:10px; box-shadow: 0px 0px 0px 4px rgb(217, 255, 210);}
.card--center__muzi {border-radius:10px; box-shadow: 0px 0px 0px 4px rgb(254,255,180);}
.card--center__apeach {border-radius:10px; box-shadow: 0px 0px 0px 4px rgb(255,223,228);}
.card--center__ryan,
.card--center__con,
.card--center__muzi,
.card--center__apeach {opacity: 0;-webkit-transition: opacity 0.5s;transition: opacity 0.5s;}
.is-active.card--center__ryan,
.is-active.card--center__con,
.is-active.card--center__muzi,
.is-active.card--center__apeach {opacity: 1;}
.ripple-step01.is-fadein.is-explode {opacity: 0;-webkit-transform:scale(1);transform:scale(1);}
.ripple-step02.is-fadein.is-explode {opacity: 0;-webkit-transform:scale(1);transform:scale(1);}
.ripple-step01.is-explode {opacity: 1;-webkit-transform:scale(1);transform:scale(1);}
.ripple-step02.is-explode {opacity: 0.3;-webkit-transform:scale(1);transform:scale(1);}
.ripple-step01 {
	position: absolute;left:0;right:0;bottom:78px;width:22px;margin:auto;height:22px;background:#66F6FF;border-radius: 22px;
	opacity: 0;-webkit-transition:opacity 1s, -webkit-transform 1s;-webkit-transform:scale(1);transition:opacity 1s, transform 1s;transform:scale(1);}
.ripple-step02 {
	position: absolute;left:0;right:0;bottom:68px;width:44px;margin:auto;height:44px;background:#66F6FF;border-radius: 44px;
	opacity: 0;-webkit-transition:opacity 1s, -webkit-transform 1s;-webkit-transform:scale(4);transition:opacity 1s, transform 1s;transform:scale(4);}
.card--center {display:inline-block;width:154px;height:234px;margin-left:30px;position: relative;}
.card--center__ryan--origin {position: absolute;left:0;top:0;display: block;width:154px;height:234px;background:url(https://og.kakaobank.io/view/2e2bd38b-54b5-46e6-a080-eff0f5eaf491);background-size: 154px 234px;}




.section-block {padding:40px 0px;box-sizing: border-box;max-width: 500px;margin:auto;color: #222;}
.section-head+.section-block,.section-block+.section-block {border-top: 1px solid #ddd;}
.section-block+.arcodion-block {border-top: none;padding:0;}
.section-head {padding: 42px 0px 30px;box-sizing: border-box;max-width: 500px;margin: auto;color: #222;}
.section-head img {width:218px;}
.layer {position: fixed; left:0;right:0;top:0;bottom:0;margin: auto;width: 100%;height: 100%;background: rgba(0,0,0,0.6);z-index: 2;}
.popup {width: 287px;height: 162px;position:absolute;left:0;right:0;top:0;bottom:0;background:#fbbd10;border-radius: 10px;margin:auto;}
.img-close {position: absolute;right:16px;top:16px;margin:auto;width:20px;height:20px;background:url(https://og.kakaobank.io/view/f6aa72c5-5837-47cc-97d0-991d8ae27e30);background-size: 20px 20px;}
.img-txt01 {width:180px;height:52px;background:url(https://og.kakaobank.io/view/fc71cf41-4901-4b6e-aa3e-9de58160f4e5);background-size:180px 52px;}
.img-txt02 {width:180px;height:52px;background:url(https://og.kakaobank.io/view/18795cfb-2024-42f1-82ad-8680440bdc7d);background-size:180px 52px;}
.img-txt03 {width:180px;height:52px;background:url(https://og.kakaobank.io/view/3a387a84-8cf9-42ee-9e00-6cfeb12251f6);background-size:180px 52px;}
.layer-txt {margin: 55px auto;}
.block-title {display: inline-block;padding: 5px 14px;border-radius: 15px;background: #f7f7f7;font-size:13px;font-weight: bold;margin: 0px 0px 40px -6px;}
.block-items {margin-bottom: 40px;position: relative;}
.block-items dt span {margin:0;}
.block-items dd {text-align: right;position:absolute; top:0; right:0;}

.img-logo-coupang {width:159px;height:52px;background:url(https://og.kakaobank.io/view/23e126ba-53ed-4a4c-b9df-f106f13d58e7);background-size:159px 52px;}
.img-logo-olive {width:159px;height:52px;background:url(https://og.kakaobank.io/view/0481e203-8f1d-4779-b676-3d247d45af66);background-size:159px 52px;}
.img-logo-star {width:159px;height:52px;background:url(https://og.kakaobank.io/view/c9933398-9633-47c9-b03d-fa30c95e9067);background-size:159px 52px;}
.img-logo-bmin {width:159px;height:52px;background:url(https://og.kakaobank.io/view/a2249e72-52f7-4b94-8fa4-c9e048bbac71);background-size:159px 52px;}
.img-logo-gs {width:159px;height:52px;background:url(https://og.kakaobank.io/view/0816b50e-8967-4e3e-8e47-094dfcbe5e84);background-size:159px 52px;}
.img-logo-ygi {width:159px;height:52px;background:url(https://og.kakaobank.io/view/cdc5902f-b6eb-4abb-a075-2ced99e8781b);background-size:159px 52px;}
.img-logo-lotte {width:159px;height:52px;background:url(https://og.kakaobank.io/view/9b1cb7a0-e155-4965-83c4-2c06d4d3f657);background-size:159px 52px;}
.img-logo-mega {width:159px;height:52px;background:url(https://og.kakaobank.io/view/4ccd70f1-71dd-41d5-83a5-5b4c347b35aa);background-size:159px 52px;}
.img-logo-gift {width:159px;height:52px;background:url(https://og.kakaobank.io/view/23fb959b-2a2c-42ac-9681-76d7e085b52c);background-size:159px 52px;}


.block-items > dd > p {font-size: 24px;line-height: 34px;}
b {font-weight: bold;}
.block-items > dd > small {color:#005a96;font-size:13px;line-height: 18px;}
.block-desc {color:#888;font-size: 13px;}
.block-desc+.block-desc {padding-top:16px;}
.block-desc>a:visited,.block-desc>a:active,.block-desc>a {color:#888;text-decoration: underline;}
.logo-txt {font-size: 18px;line-height: 55px; font-weight: bold;}
.logo-txt.sub {line-height: 28px;}
.logo-txt-sub {display: block;font-size: 13px;line-height: 18px;font-weight: bold;}
.block-desc+.desc-alert {margin-top: 24px;}
.desc-alert {margin-top: -14px;font-weight: bold;}
.desc-alert>a {text-decoration: none;}
.btn-info {font-size: 13px;font-weight: bold;border: none;background: none;}
.ico-exclamation {
	margin-top: -3px;
	width:16px;height: 16px;
	background: url(https://og.kakaobank.io/view/50dbc0ae-b8df-473b-b91b-9b2b9d4e0083);
	background-size: 16px 16px;
	display: inline-block;
	vertical-align: middle;
}
.img-arrow-right {
	background: url(https://og.kakaobank.io/view/e933f35f-1a06-4202-8a1c-4843afb8bf23);
	width: 15px;
	height: 15px;
	background-size: 15px 15px;
	display: inline-block;
	vertical-align: middle;
}
.arcodion-block {border-top: none;}
a:focus.arcodion-title,
.arcodion-title {
  display: block;
  text-decoration: none;
  color: #000;
  height: 76px;
  padding: 0px 30px;
  position: relative;
  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/9edf432a-d22b-40b5-8582-30c587c77597);
  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/e95c3a12-adcc-4ad8-b9bf-e79aa273041d);
  background-size: 18px 10px;
}
.arcodion-content {display: none;padding:30px;font-size: 13px;line-height: 20px;border-top: 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 44px;color: #888;}
.arcodion-content p:last-child {padding-bottom:0;}
.arcodion-content span {color: #005a96;}
.is-active+.arcodion-content {display: block;}
.section-block.deliberation-box {padding: 32px 0px 34px}
.shares {list-style: none; font-size: 0;display: block;margin:auto;text-align: center;}
.shares>li {list-style: none;display: inline-block;vertical-align: top;}
.shares>li+li {margin-left:12px;}
.shares>li>a{list-style: none;display: inline-block;width:60px;height:60px;}
.img-kakao {width:60px;height:60px;background:url(https://og.kakaobank.io/view/5cb2c355-b437-43b3-b278-53b1cfe976c6);background-size:60px 60px;}
.img-facebook {width:60px;height:60px;background:url(https://og.kakaobank.io/view/249db08d-8311-4d68-9fa4-72999d40250c);background-size:60px 60px;}
.img-twitter {width:60px;height:60px;background:url(https://og.kakaobank.io/view/277f334c-ca3a-427c-bf2c-a38e081210d9);background-size:60px 60px;}
.img-intent {width:60px;height:60px;background:url(https://og.kakaobank.io/view/f50eba0a-40f7-41f7-b354-a11a158da168);background-size:60px 60px;vertical-align: top;}
.deliberation-content {font-size: 13px;line-height: 28px;}
a.link {color: #005a96;font-weight: bold;text-decoration: underline;text-decoration-color: #005a96;}
.deliberation {color: #888;margin-top: 28px;}
.bottom-btn {position: fixed;bottom: 30px;max-width:464px;background: #ffe92f;height:68px;display: block;left: 16px;right: 16px;margin: auto;border-radius: 10px;z-index: 1;
	-webkit-transition: transform .3s;
	transition: transform .3s;
	-webkit-transform: translateY(120px);
	transform: translateY(120px);
}
.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/a5d20344-3c6f-43e5-bb05-7eb6056a714f);
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 18px;
  top: 16px;
  border: none;
}
.section.section-share {
    border-top:1px solid #ddd;
    padding: 50px 0 148px;
}
.is-app .section-share {
	padding: 50px 0 80px;
}
@-webkit-media (max-width: 548px) {
	.section {padding: 0px 24px;}
	.section-block {padding: 40px 6px;}
	.img-symbol:before {content:none;}
	.img-symbol:after {content:none;}
}
@media (max-width: 548px) {
	.section {padding: 0px 24px;}
	.section-block {padding: 40px 6px;}
	.img-symbol:before {content:none;}
	.img-symbol:after {content:none;}
}
@-webkit-media screen and (max-width:340px){
	.block-items dd.responsive {position: relative;}
}
@media screen and (max-width:340px){
	.block-items dd.responsive {position: relative;}
}

.go-search {font-weight: bold;cursor:pointer;}