@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:#4e320d;text-decoration:none}
a:active, a:hover{text-decoration:none}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
img {vertical-align: top;}
.screen-out {
	position: absolute;
	clip: rect(0 0 0 0);
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
}
.ir{
	display: block;
	overflow: hidden;
	color: transparent;
	white-space: nowrap;
}
.hide{
	display:none;
}

.wrap {
	overflow: hidden;
	width: 100%;
}
.kabang-header {
	position: relative;
	overflow: hidden;
	height: 375px;
	background-color: #ffc95a;
}
.kabang-header .inner {
	overflow: hidden;
	position: relative;
	z-index: 10;
	width: 315px;
	height: 375px;
	margin: 0 auto;
	padding-top: 120px;
	box-sizing: border-box;
}
.kabang-header .logo {
	position: absolute;
	top: 23px;
	left: 0;
}
.kabang-header .tit-header {
	position: relative;
	overflow: visible;
	margin-bottom: 20px;
}
.kabang-header .tit-header:after {
	content: '';
	position: absolute;
	bottom: -5px;
	left:0;
	width: 100%;
	height: 2px;
	background-color: #000;
}
.kabang-header .svg-text {
	margin-bottom: 20px;
}
.kabang-header .svg-text .shining {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-animation: shining 6s ease-in-out infinite;
	animation: shining 6s ease-in-out infinite;
}
.kabang-header .svg-text .clip-path {
	opacity: 0;
	-webkit-animation: clip 6s ease-in-out infinite;
	animation: clip 6s ease-in-out infinite;
}
@-webkit-keyframes clip {
	15% { opacity: 0.5; }
	30%, 100% { opacity: 0; }
}
@keyframes clip {
	15% { opacity: 0.5; }
	30%, 100% { opacity: 0; }
}
@-webkit-keyframes shining {
	30%, 100% {
		-webkit-transform: translateX(850px) rotate(45deg);
		transform: translateX(850px) rotate(45deg);
	}
}
@keyframes shining {
	30%, 100% {
		-webkit-transform: translateX(850px) rotate(45deg);
		transform: translateX(850px) rotate(45deg);
	}
}
.kabang-header .img-light {
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 10;
	margin-left: 25px;
}
.kabang-header .img-circle1 {
	position: absolute;
	top: -120px;
	left: 50%;
	width: 226px;
	height: 226px;
	margin-left: 10px;
	background-color: #ae6c47;
	border-radius: 50%;
	-webkit-animation: circle 5s infinite alternate;
	animation: circle 5s infinite alternate;
}
.kabang-header .img-circle2 {
	position: absolute;
	top: 253px;
	left: 50%;
	width: 45px;
	height: 45px;
	margin-left: -210px;
	background-color: #eeb55c;
	border-radius: 50%;
	-webkit-animation: circle 5s 1s infinite alternate;
	animation: circle 5s 1s infinite alternate;
}
.kabang-header .img-circle3 {
	position: absolute;
	top: 333px;
	left: 50%;
	width: 80px;
	height: 80px;
	margin-left: 80px;
	background-color: #eeb55c;
	border-radius: 50%;
	-webkit-animation: circle 5s 2s infinite alternate;
	animation: circle 5s 2s infinite alternate;
}
@-webkit-keyframes circle {
	to {
		opacity: 0.5;
		-webkit-transform: translateY(10px);
		transform: translateY(10px);
	}
}
@keyframes circle {
	to {
		opacity: 0.5;
		-webkit-transform: translateY(10px);
		transform: translateY(10px);
	}
}
.section1 {
	width: 315px;
	margin: 0 auto;
	padding: 60px 0;
}
.section1 .list-datetime {
	overflow: hidden;
}
.section1 .list-datetime .tit-datetime {
	float: left;
	margin: 0 25px 0 0;
}
.section1 .list-datetime .desc-datetime {
	overflow: hidden;
}
.section1 .list-announcement {
	overflow: hidden;
}
.section1 .list-announcement .tit-announcement {
	float: left;
	margin: 4px 4px 0 0;
}
.section1 .list-announcement .num-datetime2 {
	overflow: hidden;
	margin: 4px 0 0 0;
}
.section1 .list-target {
	overflow: hidden;
	width: 310px;
	margin: 35px auto 0;
}
.section1 .list-target .tit-target {
	float: left;
	margin: 0 25px 0 0;
}
.section1 .list-target .desc-target {
	overflow: hidden;
}
.section1 .list-target .desc-target1 {
	margin-bottom: 7px;
}
.section1 .homestyle {
	position: relative;
	padding-top: 50px;
	margin-bottom: 35px;
}
.section1 .tit-homestyle {
	margin: 0 auto 35px;
}
.section1 .homestyle-slider {
	overflow: hidden;
	width: 250px;
	height: 321px;
	margin: 0 auto;
}
.section1 .homestyle-slider .item {
	float: left;
	outline: none;
}
.section1 .btn-prev {
	display: none;
	position: absolute;
	top: 230px;
	left: 0;
}
.section1 .btn-next {
	display: none;
	position: absolute;
	top: 230px;
	right: 0;
}
.section1 .slick-arrow {
	display: block;
}
.slick-dots {
	padding: 20px 0 30px;
	text-align: center;
}
.slick-dots li {
	/*overflow: hidden;*/
	display: inline-block;
	/*width: 10px;*/
	/*height: 10px;*/
	margin-left: 10px;
}
.slick-dots li:first-child {
	margin-left: 0;
}
.slick-dots button {
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	width: 10px;
	height: 10px;
	border: 1px solid #000;
	border-radius: 50%;
	color: transparent;
}
.slick-dots .slick-active button {
	background-color: #000;
}
.section1 .desc-homestyle {
	margin: 0 auto;
}
.section1 .list-product {
	position: relative;
	padding: 35px 0;
	border-top: 1px solid #E4E4E4;
	border-bottom: 1px solid #E4E4E4;
}
.section1 .list-product .item {
	width: 260px;
	margin: 0 auto;
}
.section1 .list-product .item:first-child {
	padding-bottom: 90px;
}
.section1 .list-product .ico-plus {
	position: absolute;
	top: 165px;
	left: 140px;
}
.section1 .list-product .desc-price1 {
	margin: 7px 0 7px 78px;
}
.section1 .list-product .desc-price2 {
	margin: 0 0 0 20px;
}
.section1 .list-product .desc-price3 {
	margin: 7px 0 0 78px;
}
.section1 .homestyle-with {
	overflow: hidden;
	width: 100%;
	padding: 35px 0 0;
}
.section1 .homestyle-with .desc-with{
	float: left;
}
.section1 .homestyle-with .btn-homestyle{
	float: right;
}
.section2 {
	padding: 60px 0;
	background-color: #a4958d;
}
.section2 .tit-section2 {
	margin: 0 auto;
}
.section2 .how {
	position: relative;
}
.section2 .how-slider {
	overflow: hidden;
	height: 421px;
	padding: 50px 0 0 0;
	box-sizing: border-box;
}
.section2 .how-slider .item {
	width: 100%;
	outline: none;
}
.section2 .how-slider .tit-how-ol {
	margin: 0 auto 25px;
}
.section2 .how-slider .img-how {
	margin: 0 auto;
}
.section2 .how .btn-prev {
	position: absolute;
	top: 210px;
	left: 50%;
	margin-left :-150px;
}
.section2 .how .btn-next {
	position: absolute;
	top: 210px;
	left: 50%;
	margin-left :130px;
}
.section2 .slick-dots button {
	border: 1px solid #fff;
}
.section2 .slick-dots .slick-active button {
	background-color: #fff;
}
.section2 .link-more {
	margin: 0 auto;
}
.kabang-footer {
	padding: 60px 0 120px;
	background-color: #f7f7f7;
}
.kabang-footer .tit-share {
	margin: 0 auto;
}
.kabang-footer .list-share {
	padding: 0 0 55px;
	text-align: center;
}
.kabang-footer .list-share .item {
	display: inline-block;
	margin-left: 15px;
}
.kabang-footer .list-share .item:first-child {
	margin-left: 0;
}
.kabang-footer .list-share .item-copy {
	position: relative;
}
.kabang-footer .layer-copied {
	display: none;
	position: absolute;
	top: -100px;
	left: -57px;
}
.kabang-footer .info {
	max-width: 375px;
	padding: 0 20px;
	margin: 0 auto;
}
.kabang-footer .tit-info {
	margin-bottom: 20px;
}
.kabang-footer .list-info {
	font-size: 13px;
	line-height: 1.85;
	text-align: left;
	color: #111111;
}
.kabang-footer .list-info .item {
	position: relative;
	padding-left: 10px;
}
.kabang-footer .list-info .item:before {
	content: '';
	position: absolute;
	top: 10px;
	left: 0;
	width: 4px;
	height: 4px;
	background-color: #111;
	border-radius: 50%;
}
.kabang-footer .num-serial {
	display: block;
	margin: 10px 0 0;
	padding-left: 10px;
	font-size: 13px;
	line-height: 1.85;
	text-align: left;
	color: #111;
}
.kabang-footer .link-action {
	display: block;
	position: fixed;
	bottom: -80px;
	left: 0;
	z-index: 100;
	width: 100%;
	padding: 26px 0;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	background-color: #000;
}
.kabang-footer .link-action.active {
	-webkit-transform: translateY(-75px);
	transform: translateY(-75px);
}
.kabang-footer .link-action .txt {
	display: block;
	height: 22px;
	margin: 0 auto;
}
.layer-common {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 990;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
}
.layer-common .box-common {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 310px;
	height: 200px;
	margin: -100px 0 0 -155px;
	padding: 70px 0 0 0;
	box-sizing: border-box;
	text-align: center;
	background-color: #ffe100;
	border-radius: 4px;
}
.layer-common .desc {
	margin: 0 auto;
}
.layer-common .btn-close {
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 20;
}


	/* sprite - image */
.sprite-btn-clipboard {
	background-image: url(https://og.kakaobank.io/view/ceaefcc7-ecb9-4250-9272-86dd609bcbbc);
	background-position: -367px -227px;
	width: 64px;
	height: 64px;
}
.sprite-btn-facebook {
	background-image: url(https://og.kakaobank.io/view/ceaefcc7-ecb9-4250-9272-86dd609bcbbc);
	background-position: -237px -324px;
	width: 64px;
	height: 64px;
}
.sprite-btn-kakaotalk {
	background-image: url(https://og.kakaobank.io/view/ceaefcc7-ecb9-4250-9272-86dd609bcbbc);
	background-position: -303px -324px;
	width: 64px;
	height: 64px;
}
.sprite-btn-twitter {
	background-image: url(https://og.kakaobank.io/view/ceaefcc7-ecb9-4250-9272-86dd609bcbbc);
	background-position: -369px -324px;
	width: 64px;
	height: 64px;
}
.sprite-img-light {
	background-image: url(https://og.kakaobank.io/view/ceaefcc7-ecb9-4250-9272-86dd609bcbbc);
	background-position: -237px -227px;
	width: 128px;
	height: 95px;
}
.sprite-logo {
	background-image: url(https://og.kakaobank.io/view/ceaefcc7-ecb9-4250-9272-86dd609bcbbc);
	background-position: -237px -390px;
	width: 186px;
	height: 13px;
}
.sprite-product-explain1 {
	background-image: url(https://og.kakaobank.io/view/ceaefcc7-ecb9-4250-9272-86dd609bcbbc);
	background-position: 0px 0px;
	width: 235px;
	height: 225px;
}
.sprite-product-explain2 {
	background-image: url(https://og.kakaobank.io/view/ceaefcc7-ecb9-4250-9272-86dd609bcbbc);
	background-position: -237px 0px;
	width: 235px;
	height: 225px;
}
.sprite-product-explain3 {
	background-image: url(https://og.kakaobank.io/view/ceaefcc7-ecb9-4250-9272-86dd609bcbbc);
	background-position: 0px -227px;
	width: 235px;
	height: 225px;
}

@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 192dpi) {
	.sprite-btn-clipboard {
		background-image: url(https://og.kakaobank.io/view/7d88a8af-4a6e-465f-a116-639044f25710);
		background-size: 472px 452px;
	}
	.sprite-btn-facebook {
		background-image: url(https://og.kakaobank.io/view/7d88a8af-4a6e-465f-a116-639044f25710);
		background-size: 472px 452px;
	}
	.sprite-btn-kakaotalk {
		background-image: url(https://og.kakaobank.io/view/7d88a8af-4a6e-465f-a116-639044f25710);
		background-size: 472px 452px;
	}
	.sprite-btn-twitter {
		background-image: url(https://og.kakaobank.io/view/7d88a8af-4a6e-465f-a116-639044f25710);
		background-size: 472px 452px;
	}
	.sprite-img-light {
		background-image: url(https://og.kakaobank.io/view/7d88a8af-4a6e-465f-a116-639044f25710);
		background-size: 472px 452px;
	}
	.sprite-logo {
		background-image: url(https://og.kakaobank.io/view/7d88a8af-4a6e-465f-a116-639044f25710);
		background-size: 472px 452px;
	}
	.sprite-product-explain1 {
		background-image: url(https://og.kakaobank.io/view/7d88a8af-4a6e-465f-a116-639044f25710);
		background-size: 472px 452px;
	}
	.sprite-product-explain2 {
		background-image: url(https://og.kakaobank.io/view/7d88a8af-4a6e-465f-a116-639044f25710);
		background-size: 472px 452px;
	}
	.sprite-product-explain3 {
		background-image: url(https://og.kakaobank.io/view/7d88a8af-4a6e-465f-a116-639044f25710);
		background-size: 472px 452px;
	}
}

/* sprite - svg */
.sprite-btn-action {
	background: url("https://og.kakaobank.io/view/f0958c8e-8336-4bb3-9fb8-5d6ba15108e8") 88.84239888423988% 66.74500587544065% no-repeat;
	width: 179.5px;
	height: 21.5px;
}

.sprite-btn-close {
	background: url("https://og.kakaobank.io/view/f0958c8e-8336-4bb3-9fb8-5d6ba15108e8") 99.90356798457088% 13.216374269005849% no-repeat;
	width: 19.5px;
	height: 19.5px;
}

.sprite-btn-detail {
	background: url("https://og.kakaobank.io/view/f0958c8e-8336-4bb3-9fb8-5d6ba15108e8") 0 0 no-repeat;
	width: 318.5px;
	height: 64px;
}

.sprite-btn-homestyle {
	background: url("https://og.kakaobank.io/view/f0958c8e-8336-4bb3-9fb8-5d6ba15108e8") 30.00557724484105% 96.25537139349294% no-repeat;
	width: 89.75px;
	height: 39.75px;
}

.sprite-btn-next-black {
	background: url("https://og.kakaobank.io/view/f0958c8e-8336-4bb3-9fb8-5d6ba15108e8") 99.8080614203455% 37.61904761904762% no-repeat;
	width: 17px;
	height: 27px;
}

.sprite-btn-next-white {
	background: url("https://og.kakaobank.io/view/f0958c8e-8336-4bb3-9fb8-5d6ba15108e8") 96.54510556621881% 37.61904761904762% no-repeat;
	width: 17px;
	height: 27px;
}

.sprite-btn-prev-black {
	background: url("https://og.kakaobank.io/view/f0958c8e-8336-4bb3-9fb8-5d6ba15108e8") 95.68138195777351% 59.404761904761905% no-repeat;
	width: 17px;
	height: 27px;
}

.sprite-btn-prev-white {
	background: url("https://og.kakaobank.io/view/f0958c8e-8336-4bb3-9fb8-5d6ba15108e8") 98.2725527831094% 26.785714285714285% no-repeat;
	width: 17px;
	height: 27px;
}

.sprite-desc-check-app {
	background: url("https://og.kakaobank.io/view/f0958c8e-8336-4bb3-9fb8-5d6ba15108e8") 88.96648044692738% 58.47133757961783% no-repeat;
	width: 180px;
	height: 54.5px;
}

.sprite-desc-end-event {
	background: url("https://og.kakaobank.io/view/f0958c8e-8336-4bb3-9fb8-5d6ba15108e8") 0 99.87261146496816% no-repeat;
	width: 134.5px;
	height: 54.5px;
}

.sprite-desc-header {
	background: url("https://og.kakaobank.io/view/f0958c8e-8336-4bb3-9fb8-5d6ba15108e8") 0 47.37484737484738% no-repeat;
	width: 249px;
	height: 37.5px;
}

.sprite-desc-homestyle {
	background: url("https://og.kakaobank.io/view/f0958c8e-8336-4bb3-9fb8-5d6ba15108e8") 0 67.07021791767555% no-repeat;
	width: 222px;
	height: 34px;
}

.sprite-desc-price1 {
	background: url("https://og.kakaobank.io/view/f0958c8e-8336-4bb3-9fb8-5d6ba15108e8") 76.57864523536165% 77.63466042154566% no-repeat;
	width: 102.5px;
	height: 20px;
}

.sprite-desc-price2 {
	background: url("https://og.kakaobank.io/view/f0958c8e-8336-4bb3-9fb8-5d6ba15108e8") 99.84326018808777% 0 no-repeat;
	width: 219px;
	height: 17.5px;
}

.sprite-desc-price3 {
	background: url("https://og.kakaobank.io/view/f0958c8e-8336-4bb3-9fb8-5d6ba15108e8") 99.8861047835991% 72.83372365339578% no-repeat;
	width: 99px;
	height: 20px;
}

.sprite-desc-target1 {
	background: url("https://og.kakaobank.io/view/f0958c8e-8336-4bb3-9fb8-5d6ba15108e8") 0 57.6587795765878% no-repeat;
	width: 227.5px;
	height: 45.5px;
}

.sprite-desc-target2 {
	background: url("https://og.kakaobank.io/view/f0958c8e-8336-4bb3-9fb8-5d6ba15108e8") 93.26500732064422% 22.389791183294662% no-repeat;
	width: 196.5px;
	height: 16px;
}

.sprite-desc-with {
	background: url("https://og.kakaobank.io/view/f0958c8e-8336-4bb3-9fb8-5d6ba15108e8") 98.75968992248062% 4.28921568627451% no-repeat;
	width: 215.5px;
	height: 39px;
}

.sprite-ico-plus {
	background: url("https://og.kakaobank.io/view/f0958c8e-8336-4bb3-9fb8-5d6ba15108e8") 49.22027290448343% 20.85308056872038% no-repeat;
	width: 25px;
	height: 25px;
}

.sprite-num-datetime1 {
	background: url("https://og.kakaobank.io/view/f0958c8e-8336-4bb3-9fb8-5d6ba15108e8") 94.09158050221566% 13.262910798122066% no-repeat;
	width: 199.5px;
	height: 21px;
}

.sprite-num-datetime2 {
	background: url("https://og.kakaobank.io/view/f0958c8e-8336-4bb3-9fb8-5d6ba15108e8") 77.02078521939954% 72.91910902696365% no-repeat;
	width: 105px;
	height: 20.5px;
}

.sprite-tit-announcement {
	background: url("https://og.kakaobank.io/view/f0958c8e-8336-4bb3-9fb8-5d6ba15108e8") 50.83798882681564% 54.21545667447307% no-repeat;
	width: 90.5px;
	height: 20px;
}

.sprite-tit-datetime {
	background: url("https://og.kakaobank.io/view/f0958c8e-8336-4bb3-9fb8-5d6ba15108e8") 99.30278884462152% 53.74707259953161% no-repeat;
	width: 36px;
	height: 20px;
}

.sprite-tit-homestyle {
	background: url("https://og.kakaobank.io/view/f0958c8e-8336-4bb3-9fb8-5d6ba15108e8") 89.84485190409026% 48.214285714285715% no-repeat;
	width: 183.5px;
	height: 27px;
}

.sprite-tit-how {
	background: url("https://og.kakaobank.io/view/f0958c8e-8336-4bb3-9fb8-5d6ba15108e8") 0 22.70967741935484% no-repeat;
	width: 252.5px;
	height: 59.5px;
}

.sprite-tit-how-ol1 {
	background: url("https://og.kakaobank.io/view/f0958c8e-8336-4bb3-9fb8-5d6ba15108e8") 90.0990099009901% 39.254658385093165% no-repeat;
	width: 184.5px;
	height: 44.5px;
}

.sprite-tit-how-ol2 {
	background: url("https://og.kakaobank.io/view/f0958c8e-8336-4bb3-9fb8-5d6ba15108e8") 46.395806028833555% 77.363184079602% no-repeat;
	width: 156.5px;
	height: 45px;
}

.sprite-tit-how-ol3 {
	background: url("https://og.kakaobank.io/view/f0958c8e-8336-4bb3-9fb8-5d6ba15108e8") 92.45283018867924% 28.019925280199253% no-repeat;
	width: 193.5px;
	height: 45.5px;
}

.sprite-tit-info {
	background: url("https://og.kakaobank.io/view/f0958c8e-8336-4bb3-9fb8-5d6ba15108e8") 98.86621315192744% 77.45327102803738% no-repeat;
	width: 97px;
	height: 19px;
}

.sprite-tit-leaseloan {
	background: url("https://og.kakaobank.io/view/f0958c8e-8336-4bb3-9fb8-5d6ba15108e8") 93.67647058823529% 18.10747663551402% no-repeat;
	width: 198px;
	height: 19px;
}

.sprite-tit-product1 {
	background: url("https://og.kakaobank.io/view/f0958c8e-8336-4bb3-9fb8-5d6ba15108e8") 0 36.82896379525593% no-repeat;
	width: 250.5px;
	height: 46.5px;
}

.sprite-tit-product2 {
	background: url("https://og.kakaobank.io/view/f0958c8e-8336-4bb3-9fb8-5d6ba15108e8") 0 15.130023640661939% no-repeat;
	width: 260px;
	height: 24px;
}

.sprite-tit-target {
	background: url("https://og.kakaobank.io/view/f0958c8e-8336-4bb3-9fb8-5d6ba15108e8") 99.90049751243781% 47.423887587822016% no-repeat;
	width: 35.5px;
	height: 20px;
}

.sprite-tooltip-copied {
	background: url("https://og.kakaobank.io/view/f0958c8e-8336-4bb3-9fb8-5d6ba15108e8") 0 84.97267759562841% no-repeat;
	width: 177px;
	height: 81px;
}