@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-top {background-color: #a0cbf4;overflow: hidden;position: relative;height:724px;}
	.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:23px;background:url(https://og.kakaobank.io/view/e891ed4e-f0ea-4008-84fc-01974131b22e);background-size:83px 14px;}
	.img-app {width: 80px;height:28px;position:absolute;top:16px;right:20px;background:url(https://og.kakaobank.io/view/ba9b751d-3480-478c-aa20-52b82bbde242);background-size: 80px 28px;}
	.img-title {position:absolute;left:50%;margin-left:-154px;top:128px;width:308px;height:251px;}

	.img-cloud-1 {position:absolute;left:50%;bottom:290px;margin-left:-290px;width:209px;height:57px;background:url(https://og.kakaobank.io/view/17a57fed-c4e4-450c-92db-890dbeb7e8bc);background-size: 209px 57px;
		-webkit-transform: translateX(0px);
		-webkit-animation: cloud1 15s infinite;
		transform: translateX(0px);
		animation: cloud1 15s infinite;
	}
	.img-cloud-2 {position:absolute;left:50%;bottom:228px;margin-left:30px;width:263px;height:58px;background:url(https://og.kakaobank.io/view/1ece3bbf-dcc9-4a4f-8d93-03b216b2728c);background-size: 263px 58px;
		-webkit-transform: translateX(0px);
		-webkit-animation: cloud1 20s infinite;
		transform: translateX(0px);
		animation: cloud1 20s infinite;
	}

	@-webkit-keyframes cloud1 {
		0% {-webkit-transform: translateX(0px);}
		50% {-webkit-transform: translateX(-50px);}
		100% {-webkit-transform: translateX(0px);}
	}
	@keyframes cloud1 {
		0% {transform: translateX(0px);}
		50% {transform: translateX(-50px);}
		100% {transform: translateX(0px);}
	}
	@-webkit-keyframes cloud2 {
		0% {-webkit-transform: translateX(0px);}
		50% {-webkit-transform: translateX(-30px);}
		100% {-webkit-transform: translateX(0px);}
	}
	@keyframes cloud2 {
		0% {transform: translateX(0px);}
		50% {transform: translateX(-30px);}
		100% {transform: translateX(0px);}
	}

	.img-store-left {position:absolute;left:50%;bottom:-42px;margin-left:-398px;width:373px;height:212px;background:url(https://og.kakaobank.io/view/297d5f68-ad19-4efd-88a2-578dda55ce4a);background-size: 373px 212px;
		transform: translateY(0px);
		transition: transform 1s;
	}
	.img-store-right {position:absolute;left:50%;bottom:0;margin-left:84px;width:197px;height:90px;background:url(https://og.kakaobank.io/view/3e607344-fe88-4764-8c38-0c0393cba98b);background-size: 197px 138px;
		transform: translateY(0px);
		transition: transform 1s;
	}
	.img-phone {position:absolute;left:50%;bottom: -56px;margin-left: -70px;width:172px;height:359px;background:url(https://og.kakaobank.io/view/8130a85f-098f-46e4-b460-000afb5d8b84);background-size: 172px 359px;
		-webkit-transform: translateY(0px);
		-webkit-transition: transform 2s;
		-webkit-transition-delay: 0.5s;
		transform: translateY(0px);
		transition: transform 2s;
		transition-delay: 0.5s;
	}
	.is-ready .img-store-left {
		transform: translateY(300px);
	}
	.is-ready .img-store-right {
		transform: translateY(300px);
	}
	.is-ready .img-phone {
		-webkit-transform: translateY(500px);
		transform: translateY(500px);
	}

	.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: 44px 0px;box-sizing: border-box;max-width: 500px;margin: auto;color: #222;}
	.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:#a0cbf4;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/dd942b43-d0a8-4f40-b04d-c8e3ae160e12);background-size: 20px 20px;}
	.img-txt01 {width:180px;height:52px;background:url(https://og.kakaobank.io/view/3c303e5a-0bcf-4632-88e8-4b696359a5d5);background-size:180px 52px;}
	.img-txt02 {width:180px;height:52px;background:url(https://og.kakaobank.io/view/c2f964a0-45ac-458e-8962-2097c0459019);background-size:180px 52px;}
	.img-txt03 {width:180px;height:52px;background:url(https://og.kakaobank.io/view/c5ae1728-7815-4acd-b61f-884c759fac7f);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 {overflow: auto;margin-bottom: 40px;position: relative;}
	.block-items dt {position: absolute;left:0;}
	.block-items dd {float:right;text-align: right;}
	.img-logo-pay {width:159px;height:52px;background:url(https://og.kakaobank.io/view/42c8c810-80da-4a54-9b00-f0b06a6d722e);background-size:159px 52px;}
	.img-logo-bmin {width:159px;height:52px;background:url(https://og.kakaobank.io/view/2099f116-903a-416f-9c3f-7136c986a361);background-size:159px 52px;}
	.img-logo-olive {width:159px;height:52px;background:url(https://og.kakaobank.io/view/f55509f1-d6b2-4531-93ff-6acbefbf7607);background-size:159px 52px;}
	.img-logo-zig {width:159px;height:52px;background:url(https://og.kakaobank.io/view/52be10b5-7f1c-4dca-b367-9262881cbb92);background-size:159px 52px;}
	.img-logo-gmarket {width:159px;height:52px;background:url(https://og.kakaobank.io/view/0fc9c739-a71f-4fb1-8f97-d2f20b35921c);background-size:159px 52px;}
	.img-logo-ssg {width:159px;height:52px;background:url(https://og.kakaobank.io/view/aa9a56ca-7fdf-4a01-96f4-eadd5c6fb429);background-size:159px 52px;}
	.img-logo-gs {width:159px;height:52px;background:url(https://og.kakaobank.io/view/2bd0e5cc-325b-48d6-bc58-dba9467d2958);background-size:159px 52px;}
	.img-logo-ygi {width:159px;height:52px;background:url(https://og.kakaobank.io/view/381149eb-219c-498e-9e6d-218fa04654fc);background-size:159px 52px;}
	.img-logo-star {width:159px;height:52px;background:url(https://og.kakaobank.io/view/354934e7-205b-4e91-be99-75680c638fb1);background-size:159px 52px;}
	.img-logo-lotte {width:159px;height:52px;background:url(https://og.kakaobank.io/view/054f77ed-9c51-4865-a74b-f4eae8d52165);background-size:159px 52px;}
	.img-logo-mega {width:159px;height:52px;background:url(https://og.kakaobank.io/view/82e7fafa-8b33-462e-8db0-f6cacf027a5e);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: 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/d6b68d75-e252-4ce0-802a-abf68b35c6c9);
		background-size: 16px 16px;
		display: inline-block;
		vertical-align: middle;
	}
	.img-arrow-right {
		background: url(https://og.kakaobank.io/view/b95bd405-562d-4274-8a96-3b880c70cee8);
		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/1619d8bb-bbd0-48c2-8029-4f540d856d1c);
  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/67c728d6-e08d-48c7-9314-ed441a04022a);
  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 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/ea44f26b-2fe5-4755-85cd-955f4d2b0947);background-size:60px 60px;}
.img-facebook {width:60px;height:60px;background:url(https://og.kakaobank.io/view/abd7565a-8609-44de-83ba-d7ad6b8d51de);background-size:60px 60px;}
.img-twitter {width:60px;height:60px;background:url(https://og.kakaobank.io/view/f1a313f3-8ffb-4a8c-9a14-e5ae78bf777d);background-size:60px 60px;}
.img-intent {width:60px;height:60px;background:url(https://og.kakaobank.io/view/37db1994-4952-440a-ac0e-860691dd5c67);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/fc55ddca-e5b1-4b2b-a00d-f74676499d9f);
  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;}
}
@media (max-width: 548px) {
	.section {padding: 0px 24px;}
	.section-block {padding: 40px 6px;}
}