@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}
body {background: #fb643a;}
.link,
.link:focus,
.link:active,
.link:visited,
.tel,
.tel:focus,
.tel:active,
.tel:visited {color: inherit;text-decoration: underline;}

html, body {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
}
a:focus,
a:active,
button:focus,
button:active {outline: none;}


.img-title {width: 292px; height: 143px;margin:0px auto;background: url(https://og.kakaobank.io/view/85ce91dc-f7d4-45ca-9937-007738f26570);background-size: 292px 143px;}
.section {position: relative;}
.section-cards {padding-top: 74px;}
.cards {padding: 0px 18px;}
.img-title-sub {
  width: 286px; height: 158px;margin: 49px auto 0px;background: url(https://og.kakaobank.io/view/8c968149-7162-44fa-af5e-e5833b897df1);background-size: 286px 158px;
  position: relative;
}

.card {
  max-width: 339px;margin:0px auto 16px;padding: 26px;background: #fff;box-sizing: border-box;border-radius: 50px;
}

.img-card-title {width: 174px; height: 63px;margin: auto;margin-top: 32px;}
.card01 .card-amount, .card01 .card-count {color:#d05b67;vertical-align: top;}
.card-count:before {
  content: "";
  vertical-align: top;
  display: inline-block;
  width: 13px;
  height: 16px;
  background: url(https://og.kakaobank.io/view/8e0ca150-3302-46c7-96f7-5c9577e27407);
  background-size: 13px 16px;
  margin-right: 2px;
}
.card01 .img-card-title {background: url(https://og.kakaobank.io/view/815fdc0d-cc46-40cb-8714-11dd56f988d7); background-size: 174px 63px;}
.card02 .card-amount, .card02 .card-count {color:#90775b;}
.card02 .img-card-title {background: url(https://og.kakaobank.io/view/57b8db83-3545-4e8e-837f-605475407797); background-size: 174px 63px;}
.card03 .card-amount, .card03 .card-count {color:#589c79;}
.card03 .img-card-title {background: url(https://og.kakaobank.io/view/3599b201-1bc8-46ff-95b4-1895e21716fa); background-size: 174px 63px;}

.card-sub {
  margin-top: 20px;color: #aeaeae;font-size: 15px; line-height: 24px;font-weight: bold;text-align: center;letter-spacing: -1px;
}

.img-card-sub {
  margin: 38px auto 0px;width: 76px;height: 16px;background:url(https://og.kakaobank.io/view/86931481-dc6e-49be-ba32-e9726e96425f);background-size: 76px 16px;
}

.card-amount {
  text-align: center;margin-top: 12px;font-size: 27px;font-weight: bold;line-height: 33px;
}

.card-count {
  text-align: center;margin-top: 4px;font-size: 13px;font-weight: bold; color:#d05b67;line-height: 16px;
}

.img-card-button {
  margin-top: 40px;padding: 18px 0px;border-radius: 32px;width: 100%;
}

.img-card-btn-text {
  width: 219px; height: 28px;margin: auto;
}
.img-card-btn-text02 {
  width: 219px; height: 28px;background: url(https://og.kakaobank.io/view/1ed702cd-5bf9-4fab-987c-f018d0f1ee34);background-size: 219px 28px;
}
.img-card-btn-text03 {
  width: 219px; height: 28px;background: url(https://og.kakaobank.io/view/791ecd5c-a650-40fe-be26-136580626535);background-size: 219px 28px;
}

.section-head {
  padding-top: 108px;
}

.img-share {
  width: 223px;height: 22px;margin: 72px auto 0px;background: url(https://og.kakaobank.io/view/23a379bc-9ee7-4b09-a5d5-b65a9826448e);background-size: 223px 22px;
}

.shares {
  font-size: 0;text-align: center;margin-top: 28px;
}

.share {
  width: 62px; height: 62px;display: inline-block;
}

.share.img {display: inline-block;}

.img-kakaotalk {
  width: 62px;
  height: 62px;
  background: url(https://og.kakaobank.io/view/e59d47c3-c206-427f-ab0c-228d1e3415a3);
  background-size: 62px 62px;
}

.img-facebook {
  width: 62px;
  height: 62px;
  background: url(https://og.kakaobank.io/view/9adefa73-ea72-4ada-9b44-05cc2dfea41c);
  background-size: 62px 62px;
}

.img-twitter {
  width: 62px;
  height: 62px;
  background: url(https://og.kakaobank.io/view/09885379-1459-471e-aaf4-fdec0ac7ff58);
  background-size: 62px 62px;
}

.img-etc {
  width: 62px;
  height: 62px;
  background: url(https://og.kakaobank.io/view/33c0dc88-6d5a-4b7f-99c3-50bd3bc0e60f);
  background-size: 62px 62px;
}

.img-tree {
  width:65px; height: 37px;background: url(https://og.kakaobank.io/view/40b0bd93-f91e-4e51-8956-8312a515d863);background-size: 65px 37px;position: absolute;left: 50%;margin-left: 104px;margin-top: -38px;
}

.cards-wrapper {
  position: relative;
}

.img-puppyhand-r {
  width: 191px; height: 84px;background: url(https://og.kakaobank.io/view/35f09599-8874-401a-99d6-54dbf0786c5a);background-size: 191px 84px;
  position: absolute;
  top:0;
  right: 50%;
  margin-right: 280px;
}

.img-puppyhand-l {
  width: 349px; height: 244px;background: url(https://og.kakaobank.io/view/3f45c71e-1c1a-4ab9-ab8b-36a45b41495d);background-size: 349px 244px;
  position: absolute;
  top:0;
  right: 50%;
  margin-right: 70px;
  margin-top: -150px;
}

.img-hand-r {
  width: 244px; height: 186px;background: url(https://og.kakaobank.io/view/14a54bf7-f04b-4eb1-8f6b-cb5b864e3374);background-size: 244px 186px;
  position: absolute;
  top:0;
  left: 50%;
  margin-left: 40px;
  margin-top: -30px;
}

.img-hand-l {
  width: 168px; height: 238px;background: url(https://og.kakaobank.io/view/50ae98c9-f034-44cc-9eba-2e76c37cf439);background-size: 168px 238px;
  position: absolute;
  top:0;
  right: 50%;
  margin-right: 54px;
  margin-top: 206px;
}

.btn-01 {background: #f98fa4;}
.btn-01 .img-card-btn-text {background: url(https://og.kakaobank.io/view/8b57beed-b5e0-4a01-bd18-63bd8d1b3c75);background-size: 219px 28px;}
.disabled .btn-01 {background: #e0dedb;}
.disabled .btn-01 .img-card-btn-text {background: url(https://og.kakaobank.io/view/6cc7777f-8a95-4f2f-adbc-c802c999be74);background-size: 219px 28px;}
.selected .btn-01 .img-card-btn-text {background: url(https://og.kakaobank.io/view/701ee791-02c0-401c-b904-da8f6769ce63);background-size: 219px 28px;}
.btn-02 {background: #c3b090;}
.btn-02 .img-card-btn-text {background: url(https://og.kakaobank.io/view/1ed702cd-5bf9-4fab-987c-f018d0f1ee34);background-size: 219px 28px;}
.disabled .btn-02 {background: #e0dedb;}
.disabled .btn-02 .img-card-btn-text {background: url(https://og.kakaobank.io/view/39742397-dd8a-4b3e-9a36-d34ff9391fa6);background-size: 219px 28px;}
.selected .btn-02 .img-card-btn-text {background: url(https://og.kakaobank.io/view/5a52d662-4b70-4986-ae35-36cbde769f8d);background-size: 219px 28px;}
.btn-03 {background: #6cc898;}
.btn-03 .img-card-btn-text {background: url(https://og.kakaobank.io/view/791ecd5c-a650-40fe-be26-136580626535);background-size: 219px 28px;}
.disabled .btn-03 {background: #e0dedb;}
.disabled .btn-03 .img-card-btn-text {background: url(https://og.kakaobank.io/view/13f521e6-51b7-4cc1-b5ba-08417ff069b5);background-size: 219px 28px;}
.selected .btn-03 .img-card-btn-text {background: url(https://og.kakaobank.io/view/4a9bb7c8-2776-4974-80c1-1975660bd5e6);background-size: 219px 28px;}

@media (max-width: 330px) {
  .card-sub {margin: 20px -20px 0px;font-size: 14px;}
  .btn-01 .img-card-btn-text {background: url(https://og.kakaobank.io/view/57430c3a-1399-4555-bf05-788f8da506df);background-size: 198px 26px;width: 198px; height: 26px;}
  .btn-02 .img-card-btn-text {background: url(https://og.kakaobank.io/view/188abf20-16f7-4c4e-9e27-21d8f17143c4);background-size: 198px 26px;width: 198px; height: 26px;}
  .btn-03 .img-card-btn-text {background: url(https://og.kakaobank.io/view/681b99aa-ce93-4f27-b123-feea4699fa9c);background-size: 198px 26px;width: 198px; height: 26px;}
  .disabled .btn-01 .img-card-btn-text {background: url(https://og.kakaobank.io/view/ef2b5b68-f538-43a6-9ee5-eeed196d9021);background-size: 198px 26px;}
  .disabled .btn-02 .img-card-btn-text {background: url(https://og.kakaobank.io/view/23013be2-897b-4f3d-8ccf-18b192ef46b0);background-size: 198px 26px;}
  .disabled .btn-03 .img-card-btn-text {background: url(https://og.kakaobank.io/view/d442cd6d-6ae8-4738-b7a3-537c259f403b);background-size: 198px 26px;}
  .selected .btn-01 .img-card-btn-text {background: url(https://og.kakaobank.io/view/f32fe301-05d2-4c7c-88bb-458cf8dd614b);background-size: 219px 28px;}
  .selected .btn-02 .img-card-btn-text {background: url(https://og.kakaobank.io/view/a78d41cc-35b5-4a2c-a8d6-ad3beec016f4);background-size: 219px 28px;}
  .selected .btn-03 .img-card-btn-text {background: url(https://og.kakaobank.io/view/0bf0b2a8-4f29-40cc-9233-42a28f9a79b4);background-size: 219px 28px;}
}



.layer {position: fixed; left:0; right:0; top:0; bottom:0;}
.dim {background: rgba(0,0,0,0.7);position: absolute;left: 0; right: 0; top: 0; bottom: 0;}
.layer-padding {position: absolute;left: 10px; right: 10px; top: 0;bottom:0;}
.layer-content {background: #ffffff;border-radius: 34px;position: absolute;left: 0; right: 0; top: 0; bottom: 0;max-width: 339px;margin: auto;height: 304px;}
.layer-content.content-small {max-width: 320px;height: 247px;}
.btn-close {position: absolute; top: 18px; right: 18px;width: 28px; height: 28px;background: url(https://og.kakaobank.io/view/b71879ec-d619-40a7-a0d1-103382ab9535);background-size: 28px 28px;}
.layer-content.content-big {height: auto;padding: 44px 10px;box-sizing: border-box;bottom: auto;top: 5%;}
.layer-title {width: 253px; height: 116px;position: absolute;top: 58px; left:0;right:0;margin: auto;}
.layer-btn {position: absolute;left: 26px; right: 26px; bottom: 26px;height: 64px;border-radius: 32px;}
.img-ok {width: 40px; height: 24px;position: absolute;top:0;bottom:0;left: 0;right:0;margin: auto;background: url(https://og.kakaobank.io/view/25710244-f288-4c92-9eb4-60917328fcb8);background-size: 40px 24px;}

.content-big .layer-title {position: static;}
.content-big .img-thumb {display: block;max-width: 303px;margin: 28px auto 0px;width: 100%;border-radius: 18px;overflow: hidden;}
.img-sharepopup-text {display: block;background: url(https://og.kakaobank.io/view/98d04c77-1937-42fd-bf02-492fcf661f1e); width: 138px; height: 18px; background-size: 138px 18px;margin: 34px auto 0px;}

.layer-card01 .layer-title {background: url(https://og.kakaobank.io/view/1c781a7b-c03c-4fbc-9840-0d37ffa0e208);background-size: 253px 116px;}
.layer-card01 .layer-btn {background: #f98fa4;}
.layer-card02 .layer-title {background: url(https://og.kakaobank.io/view/13ec18ce-b3e2-46b7-ad62-aca52bc5b069);background-size: 253px 116px;}
.layer-card02 .layer-btn {background: #cab592;}
.layer-card03 .layer-title {background: url(https://og.kakaobank.io/view/6bb3ad51-8b46-45cf-9406-62ae8ac91c3b);background-size: 253px 116px;}
.layer-card03 .layer-btn {background: #6cc898;}

.layer-close .layer-title {background: url(https://og.kakaobank.io/view/75783492-792c-418c-a54f-0c7727c81f10);background-size: 253px 59px;height: 59px;}
.layer-close .layer-btn {background: #fb643a;}
.layer-app .layer-title {background: url(https://og.kakaobank.io/view/3fa8f5cd-8f5f-4701-9c92-87d3ffcb1f07);background-size: 253px 59px;height: 59px;}
.layer-app .layer-btn {background: #fb643a;}

.layer-done01 .layer-title {background: url(https://og.kakaobank.io/view/75fb9a34-d966-4750-898c-db4521c98895);background-size: 253px 104px;width: 253px; height: 104px;}
.layer-done02 .layer-title {background: url(https://og.kakaobank.io/view/494a0055-ed37-467a-a757-59c6e0ab0836);background-size: 253px 104px;width: 253px; height: 104px;}
.layer-done03 .layer-title {background: url(https://og.kakaobank.io/view/0b9bf6bb-ae0b-476c-adec-8e3e3f6fb332);background-size: 253px 104px;width: 253px; height: 104px;}

.layer .shares {margin-top:19px;}
.layer .img-kakaotalk {width: 56px; height: 56px;background: url(https://og.kakaobank.io/view/9a4745e5-e4af-40be-b66b-8d906c4caed0);background-size: 56px 56px;}
.layer .img-facebook {width: 56px; height: 56px;background: url(https://og.kakaobank.io/view/e1ec3bf5-9241-4cb4-b002-074f5c615bcf);background-size: 56px 56px;}
.layer .img-twitter {width: 56px; height: 56px;background: url(https://og.kakaobank.io/view/7f7b0a92-79e2-4764-ac28-957c81ed352d);background-size: 56px 56px;}
.descs {
  padding: 66px 10px 90px;max-width: 339px;margin: auto;font-size: 16px;font-weight: bold;color:#fff8c7;line-height: 27px;opacity: 0.8;
}

.descs > li {
  margin-left: 18px;
}
.descs > li:before {
  content: "*";
  display: inline-block;
  width: 16px;
  vertical-align: middle;
  margin-left: -16px;
}
.popup {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 900;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
}
.popup .popup-inner {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 320px;
	padding: 36px 0 15px;
	box-sizing: border-box;
	border-radius: 8px;
	background-color: #fff;
	border: solid 3px #000000;
}
.popup .desc {
	margin: 0 auto 26px;
}
.popup .btn-confirm {
	display: block;
	width: 284px;
	height: 60px;
	margin: 0 auto;
	padding-top: 8px;
	vertical-align: top;
	box-sizing: border-box;
	border-radius: 6px;
	background-color: #30d691;
}
.popup .btn-confirm .txt {
	display: inline-block;
}
.popup .btn-close {
	position: absolute;
	top: 8px;
	right: 8px;
}
.popup-type2 .popup-inner {
	overflow: hidden;
	width: 300px;
	margin: -85px 0 0 -150px;
	padding: 0;
	border-radius: 3px;
	background-color: #fff;
	border: 0 none;
}
.popup-type2 .desc {
	margin: 0;
	padding: 36px;
	font-size: 17px;
	line-height: 1.35;
	text-align: center;
	color: #000000;
}
.popup-type2 .btn-confirm {
	display: block;
	width: 100%;
	height: 54px;
	padding-top: 3px;
	vertical-align: top;
	box-sizing: border-box;
	border-radius: 0;
	background-color: #ffe400;
	font-size: 16px;
	line-height: 1.38;
	text-align: center;
	color: #000000;
}
#makeMiniPopup .popup-inner {
	width: 320px;
	margin-left: -160px;
}
#makeMiniPopup .desc {
	padding: 36px 0;
	font-size: 16px;
	line-height: 1.44;
	text-align: center;
	color: #000000;
}
#makeMiniPopup .btns {
	overflow: hidden;
	width: 100%;
}
#makeMiniPopup .btn-cancel {
	float: left;
	width: 127px;
	height: 54px;
	padding-top: 18px;
	box-sizing: border-box;
	background-color: #ddd;
	text-align: center;
	font-size: 16px;
	line-height: 1.44;
	color: #000000;
}
#makeMiniPopup .btn-confirm {
	float: left;
	width: 193px;
	padding-top: 18px;
	box-sizing: border-box;
	text-align: center;
	line-height: 1.44;
}