@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: #fef06a;overflow: hidden;position: relative; padding:89px 0 0;}
.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/e5d2d6e9-e93e-43a0-9ff6-c7b3de5c5209);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;}
.img-title {position:relative; display: block; width:253px; height:273px; margin:0 auto 30px; background:url(https://og.kakaobank.io/view/aaf08089-8ced-46f3-9077-9d61398861a2) 0 0 / 100% no-repeat;}
.img-symbol {position:relative; max-width: 650px; width:100%; height:75px; margin:0 auto;}
.img-symbol:before {content:""; position:absolute; top:0; left:0; width:75px; height:85px;
    background:linear-gradient(90deg, rgba(254,240,106,1) 0%, rgba(254,240,106,0) 100%)
}
.img-symbol:after {content:""; position:absolute; top:0; right:0; width:75px; height:85px;
    background:linear-gradient(-90deg, rgba(254,240,106,1) 0%, rgba(254,240,106,0) 100%)
}
.img-symbol .symbol {display: block; width:100%; height:75px; background:url(https://og.kakaobank.io/view/756814d2-4cad-4704-a408-da49e8947e32) 0 0 repeat-x; background-size: 690px 75px;
	animation:top-symbol-ani 10s infinite linear;
}
.img-phone {display:block; position:relative; width:280px; height:255px; margin:0 auto;}
.img-phone:after {content:""; display: block; width:280px; height:258px; margin:-15px 0 0 40px; background:url(https://og.kakaobank.io/view/fd688c62-68c7-41a8-b21b-2cbef91401db) 0 0 / 100% no-repeat;
    transform:translate(0,258px);
    animation:top-phone-ani 0.4s 0.2s forwards ease;
}

@keyframes top-symbol-ani {
	100% {background-position:-690px 0;}
}

@keyframes top-phone-ani {
    100% {transform:translate(0,0);}
}




.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 45px;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/8e1570cc-c79f-4065-b877-298ff28beac7);background-size: 20px 20px;}
.img-txt01 {width:180px;height:52px;background:url(https://og.kakaobank.io/view/23d909ea-a4ed-4a69-96c2-4d14c2523606);background-size:180px 52px;}
.img-txt02 {width:180px;height:52px;background:url(https://og.kakaobank.io/view/4d8366fb-ae03-4981-b3e3-f7aafbb178c7);background-size:180px 52px;}
.img-txt03 {width:180px;height:52px;background:url(https://og.kakaobank.io/view/bcc50b79-4d26-4c4f-a827-0f74d81f1758);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/de432aa1-f5df-4166-be20-8c24d86c231c);background-size:159px 52px;}
.img-logo-olive {width:159px;height:52px;background:url(https://og.kakaobank.io/view/6981a63c-2987-4719-8cdb-cc18c999d2f0);background-size:159px 52px;}
.img-logo-star {width:159px;height:52px;background:url(https://og.kakaobank.io/view/c4380d10-f027-4ca8-82f4-430c4600b279);background-size:159px 52px;}
.img-logo-bmin {width:159px;height:52px;background:url(https://og.kakaobank.io/view/8c8ad6d0-53b0-467a-827c-2834eeec13a8);background-size:159px 52px;}
.img-logo-gs {width:159px;height:52px;background:url(https://og.kakaobank.io/view/9b567aa5-5c4e-4552-a401-cc7ed7d94bc1);background-size:159px 52px;}
.img-logo-ygi {width:159px;height:52px;background:url(https://og.kakaobank.io/view/ffce82dc-a020-4c62-a387-267b8ecfa5fd);background-size:159px 52px;}
.img-logo-lotte {width:159px;height:52px;background:url(https://og.kakaobank.io/view/608cca38-0979-41ef-87ed-7d6141f137c1);background-size:159px 52px;}
.img-logo-mega {width:159px;height:52px;background:url(https://og.kakaobank.io/view/195153c5-ab3e-48a2-9b91-848fd00a7323);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/7ad10e03-146c-4de5-8ace-b476b78bd54f);
	background-size: 16px 16px;
	display: inline-block;
	vertical-align: middle;
}
.img-arrow-right {
	background: url(https://og.kakaobank.io/view/7fc5e504-4d70-4491-8692-c717815ed35c);
	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/4b9be904-7e68-47bb-8d8f-d1cb50ace09e);
  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/fed2aeb8-10cf-477e-9a9c-b385f018382c);
  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/b83e7c1e-4c21-4da5-9403-fc3f7a6ec9cc);background-size:60px 60px;}
.img-facebook {width:60px;height:60px;background:url(https://og.kakaobank.io/view/0fc2d421-5d3c-4a2d-be2a-c86f50e3e53d);background-size:60px 60px;}
.img-twitter {width:60px;height:60px;background:url(https://og.kakaobank.io/view/5184b89b-edc0-446e-ba1e-9603f5a9e830);background-size:60px 60px;}
.img-intent {width:60px;height:60px;background:url(https://og.kakaobank.io/view/61d145d8-14a5-4857-a091-ef8c820b8ea9);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/ea60dba8-939a-4d84-a252-3a9443232958);
  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;
}
@media (max-width: 548px) {
	.section {padding: 0px 24px;}
	.section-block {padding: 40px 6px;}
    .img-symbol:before {content:none;}
    .img-symbol:after {content:none;}
}