@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{
  display: block;
  overflow: hidden;
  color: transparent;
  white-space: nowrap;
}
/*.screen-out{overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px}*/
.screen-out{
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
}
.hide{display:none}

/* header */
.kabang-logo {
  margin: 20px 0 0 20px;
}
.kabang-header {
  position: relative;
  padding: 0 0 30px 0;
}
.kabang-header .jumbotron {
	width: 294px;
	height: 187px;
  margin: 50px auto 75px;
	background: url(https://og.kakaobank.io/view/14237c88-ace5-49e2-93a6-b5e2cea1f528) no-repeat 0 0;
	background-size: 294px 187px;
}
.kabang-header .desc-benefit {
  margin: 0 auto 20px;
}
.kabang-header .flow-contents {
	overflow: hidden;
	width: 100%;
}
.kabang-header .flow-contents .item1 {
	width: 200%;
	min-width: 850px;
  height: 70px;
  margin: 0 0 17px 0;
  background: url(https://og.kakaobank.io/view/251a6f5a-1ceb-4186-91ec-cc0a769b0f36) repeat-x 0 0;
  background-size: 425px 70px;
  animation: slideBrand1 16s linear infinite;
  -webkit-animation: slideBrand1 16s linear infinite;
}
.kabang-header .flow-contents .item2 {
	width: 200%;
	min-width: 680px;
  height: 70px;
  margin: 0 0 17px 0;
  background: url(https://og.kakaobank.io/view/7a75e3f5-eb53-4b98-9ea1-64e4ee9a2be5) repeat-x 0 0;
  background-size: 340px 70px;
  animation: slideBrand2 10s linear infinite;
  -webkit-animation: slideBrand2 10s linear infinite;
}
.kabang-header .flow-contents .item3 {
	width: 200%;
	min-width: 850px;
  height: 70px;
  background: url(https://og.kakaobank.io/view/7ab1c0ef-af96-48fd-a8dd-873331802758) repeat-x 0 0;
  background-size: 425px 70px;
  animation: slideBrand1 16s linear infinite;
  -webkit-animation: slideBrand1 16s linear infinite;
}
.kabang-header .link-apply {
  display: none;
}
.kabang-header .event-info {
  max-width: 375px;
  margin: 0 auto;
  padding: 30px 0 0 20px;
}
.hr-line {
  height: 10px;
  margin: 0;
  padding:0;
  background-color: #f7f7f7;
}

.section-benefit {
  max-width: 375px;
  margin: 0 auto;
  padding: 50px 20px 0;
}
.section-benefit .tit-section {
  margin: 0 0 15px 0;
}
.section-benefit .list-brand {
  overflow: hidden;
  width: 100%;
  border-top: 1px solid #aaa;
}
.section-benefit .dt-brand {
  float: left;
  width: 31%;
  height: 40px;
  padding: 20px 0;
  border-bottom: 1px solid #ddd;
}
.section-benefit .dt-brand.large {
  padding: 30px 0;
}
.section-benefit .dd-benefit {
  float: left;
  width: 69%;
  height: 40px;
  padding: 20px 0;
  border-bottom: 1px solid #ddd;
}
.section-benefit .dd-benefit.large {
  height: 60px;
}
.section-benefit .brand-logo {
  margin: 0 auto;
}
.section-benefit .tit-benefit {
  display: block;
  margin: 0 0 5px 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.36;
  text-align: center;
  color: #000;
}
.section-benefit .link-brand {
  text-decoration: underline;
}
.section-benefit .txt-terms {
  display: block;
  font-size: 13px;
  text-align: center;
  color: #888888;
}
.section-benefit .list-info {
  padding: 15px 0 0 0;
  font-size: 12px;
  line-height: 1.5;
  color: #888888;
}
.section-benefit .list-info .tit-brand {
  color: #333b58;
}

.section-benefit-info {
  margin: 30px 0 0 0;
  border-top: 1px solid #ddd;
}
.section-benefit-info .tit-benefit-info {
  display: block;
  padding: 0 20px;
}
.section-benefit-info .link-benefit-info {
  display: block;
  position: relative;
  max-width: 375px;
  margin: 0 auto;
  padding: 30px 0;
  box-sizing: border-box;
}
.section-benefit-info .tit-benefit-info .arrow {
  position: absolute;
  top: 33px;
  right: 0;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transition: transform 0.7s;
  -webkit-transition: -webkit-transform 0.7s;
}
.section-benefit-info .tit-benefit-info .active .arrow {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.section-benefit-info .list-info {
  border-bottom: 1px solid #ddd;
}
.section-benefit-info .list-info-inner {
  display: none;
  margin: 0 auto;
  max-width: 375px;
  padding: 0 20px;
  font-size: 12px;
  line-height: 1.5;
  color: #888888;
  overflow: hidden;
}
.section-benefit-info .list-info-inner .item {
  margin-bottom: 24px;
}
.section-benefit-info .list-info-inner .tit-info {
  font-size: 13px;
  font-weight: bold;
  line-height: 1.38;
  color: #000000;
  margin-bottom: 8px;
}
.section-benefit-info .list-info-inner .emph {
  font-weight: bold;
}
.contact-us {
  margin: 0 auto;
  max-width: 375px;
  padding: 0 20px;
}
.contact-us .list-contact-us {
  padding: 20px 0 0;
  font-size: 12px;
  line-height: 2.33;
  color: #888888;
}
.contact-us .list-contact-us .link-contact-us {
  font-weight: bold;
  color: #005a96;
  text-decoration: underline;
}
.contact-us .desc-view {
  margin-top: 35px;
}
.contact-us .link-view {
  font-size: 12px;
  line-height: 2.33;
  color: #005a96;
  font-weight: bold;
  text-decoration: underline;
}
.contact-us .serial-number {
  display: block;
  padding: 35px 0;
  font-size: 12px;
  line-height: 2.33;
  color: #888888;
}

.kabang-footer {
  border-top: 1px solid #dddddd;
  padding: 40px 0;
  margin-bottom: 76px;
}
.kabang-footer.hide-link {
  margin-bottom: 0;
}
.kabang-footer .desc-share {
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.19;
  text-align: center;
  color: #000000;
}
.kabang-footer .btn-group {
  margin: 20px auto 0;
  text-align: center;
}
.kabang-footer .btn-group .link {
  display: inline-block;
}
.kabang-footer .btn-group .link + .link {
  margin-left: 12px;
}
.kabang-footer .btn-group .link-copy {
	display: none;
}
.kabang-footer .btn-group .link-c.kabang-headeropy {
  display: none;
}
.kabang-footer .link-apply {
  position: fixed;
  height: 76px;
  background: #ffe100;
  left: 0;
  bottom: -76px;
  width: 100%;
  text-align: center;
  padding-top: 28px;
  box-sizing: border-box;
  z-index: 1;
  transition: transform 0.61s;
  -webkit-transition: -webkit-transform 0.6s;
}
.kabang-footer .link-apply.active {
  -webkit-transform: translateY(-76px);
  transform: translateY(-76px);
}
.kabang-footer .link-apply.show {
  bottom: 0;
}
.kabang-footer .link-apply .txt {
	display: inline-block;
	vertical-align: top;
}

.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: 287px;
  height: 168px;
  margin: -84px 0 0 -143px;
  padding: 35px 0 0 0;
  border-radius: 4px;
  box-sizing: border-box;
  background-color: #fff;
}
.popup .desc {
  margin: 0 auto;
}
.popup .txt {
  margin: 0 auto;
}
.popup .btn-confirm {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 16px 0;
  border-radius: 0 0 4px 4px;
  background-color: #ffe100;
}

/* sprite svg mobile */
.sprite-alert-btn-01 {
	background: url("https://og.kakaobank.io/view/9733ae29-b840-4352-8ca4-15fdda83e09f") 93.21608040201005% 64.64646464646465% no-repeat;
	width: 37px;
	height: 22px;
}

.sprite-alert-text-02 {
	background: url("https://og.kakaobank.io/view/9733ae29-b840-4352-8ca4-15fdda83e09f") 0 43.692870201096895% no-repeat;
	width: 143px;
	height: 45.5px;
}

.sprite-alert-text-03 {
	background: url("https://og.kakaobank.io/view/9733ae29-b840-4352-8ca4-15fdda83e09f") 0 67.64168190127971% no-repeat;
	width: 110px;
	height: 45.5px;
}

.sprite-bt-title {
	background: url("https://og.kakaobank.io/view/9733ae29-b840-4352-8ca4-15fdda83e09f") 0 32.82828282828283% no-repeat;
	width: 233.5px;
	height: 22px;
}

.sprite-category-1 {
	background: url("https://og.kakaobank.io/view/9733ae29-b840-4352-8ca4-15fdda83e09f") 31.791907514450866% 61.87290969899666% no-repeat;
	width: 89px;
	height: 20px;
}

.sprite-category-2 {
	background: url("https://og.kakaobank.io/view/9733ae29-b840-4352-8ca4-15fdda83e09f") 0 55.18394648829432% no-repeat;
	width: 111px;
	height: 20px;
}

.sprite-category-3 {
	background: url("https://og.kakaobank.io/view/9733ae29-b840-4352-8ca4-15fdda83e09f") 33.433734939759034% 55.18394648829432% no-repeat;
	width: 103px;
	height: 20px;
}

.sprite-category-4 {
	background: url("https://og.kakaobank.io/view/9733ae29-b840-4352-8ca4-15fdda83e09f") 59.11602209944751% 55.18394648829432% no-repeat;
	width: 73px;
	height: 20px;
}

.sprite-category-5 {
	background: url("https://og.kakaobank.io/view/9733ae29-b840-4352-8ca4-15fdda83e09f") 56.6951566951567% 61.87290969899666% no-repeat;
	width: 84px;
	height: 20px;
}

.sprite-category-6 {
	background: url("https://og.kakaobank.io/view/9733ae29-b840-4352-8ca4-15fdda83e09f") 45.68690095846645% 46.65551839464883% no-repeat;
	width: 122px;
	height: 20px;
}

.sprite-detail {
	background: url("https://og.kakaobank.io/view/9733ae29-b840-4352-8ca4-15fdda83e09f") 0 0 no-repeat;
	width: 287px;
	height: 54px;
}

.sprite-down {
	background: url("https://og.kakaobank.io/view/9733ae29-b840-4352-8ca4-15fdda83e09f") 98.66989117291415% 62.84779050736498% no-repeat;
	width: 21.5px;
	height: 13.5px;
}

.sprite-ico-120-share-01 {
	background: url("https://og.kakaobank.io/view/9733ae29-b840-4352-8ca4-15fdda83e09f") 100% 0 no-repeat;
	width: 64px;
	height: 64px;
}

.sprite-ico-120-share-02 {
	background: url("https://og.kakaobank.io/view/9733ae29-b840-4352-8ca4-15fdda83e09f") 100% 25.098039215686274% no-repeat;
	width: 64px;
	height: 64px;
}

.sprite-ico-120-share-03 {
	background: url("https://og.kakaobank.io/view/9733ae29-b840-4352-8ca4-15fdda83e09f") 100% 50.19607843137255% no-repeat;
	width: 64px;
	height: 64px;
}

.sprite-info-1 {
	background: url("https://og.kakaobank.io/view/9733ae29-b840-4352-8ca4-15fdda83e09f") 47.666666666666664% 39.96655518394649% no-repeat;
	width: 135px;
	height: 20px;
}

.sprite-logo-kakaobank {
	background: url("https://og.kakaobank.io/view/9733ae29-b840-4352-8ca4-15fdda83e09f") 30.555555555555557% 67.65676567656766% no-repeat;
	width: 75px;
	height: 16px;
}

.sprite-subtitle {
	background: url("https://og.kakaobank.io/view/9733ae29-b840-4352-8ca4-15fdda83e09f") 0 19.600725952813068% no-repeat;
	width: 276.5px;
	height: 43.5px;
}

.sprite-symbol-academy {
	background: url("https://og.kakaobank.io/view/9733ae29-b840-4352-8ca4-15fdda83e09f") 0 83.81818181818181% no-repeat;
	width: 84px;
	height: 44px;
}

.sprite-symbol-cgv {
	background: url("https://og.kakaobank.io/view/9733ae29-b840-4352-8ca4-15fdda83e09f") 23.931623931623932% 83.81818181818181% no-repeat;
	width: 84px;
	height: 44px;
}

.sprite-symbol-coffee {
	background: url("https://og.kakaobank.io/view/9733ae29-b840-4352-8ca4-15fdda83e09f") 47.863247863247864% 83.81818181818181% no-repeat;
	width: 84px;
	height: 44px;
}

.sprite-symbol-cu {
	background: url("https://og.kakaobank.io/view/9733ae29-b840-4352-8ca4-15fdda83e09f") 81.76638176638177% 0 no-repeat;
	width: 84px;
	height: 44px;
}

.sprite-symbol-gmarket {
	background: url("https://og.kakaobank.io/view/9733ae29-b840-4352-8ca4-15fdda83e09f") 81.76638176638177% 16% no-repeat;
	width: 84px;
	height: 44px;
}

.sprite-symbol-gs {
	background: url("https://og.kakaobank.io/view/9733ae29-b840-4352-8ca4-15fdda83e09f") 81.76638176638177% 32% no-repeat;
	width: 84px;
	height: 44px;
}

.sprite-symbol-kakaohair {
	background: url("https://og.kakaobank.io/view/9733ae29-b840-4352-8ca4-15fdda83e09f") 81.76638176638177% 48% no-repeat;
	width: 84px;
	height: 44px;
}

.sprite-symbol-lounge {
	background: url("https://og.kakaobank.io/view/9733ae29-b840-4352-8ca4-15fdda83e09f") 81.76638176638177% 64% no-repeat;
	width: 84px;
	height: 44px;
}

.sprite-symbol-phone {
	background: url("https://og.kakaobank.io/view/9733ae29-b840-4352-8ca4-15fdda83e09f") 81.76638176638177% 80% no-repeat;
	width: 84px;
	height: 44px;
}

.sprite-symbol-shilla {
	background: url("https://og.kakaobank.io/view/9733ae29-b840-4352-8ca4-15fdda83e09f") 0 99.81818181818181% no-repeat;
	width: 84px;
	height: 44px;
}

.sprite-symbol-ssg {
	background: url("https://og.kakaobank.io/view/9733ae29-b840-4352-8ca4-15fdda83e09f") 23.931623931623932% 99.81818181818181% no-repeat;
	width: 84px;
	height: 44px;
}

.sprite-symbol-test {
	background: url("https://og.kakaobank.io/view/9733ae29-b840-4352-8ca4-15fdda83e09f") 47.863247863247864% 99.81818181818181% no-repeat;
	width: 84px;
	height: 44px;
}

.sprite-symbol-yogiyo {
	background: url("https://og.kakaobank.io/view/9733ae29-b840-4352-8ca4-15fdda83e09f") 71.7948717948718% 99.81818181818181% no-repeat;
	width: 84px;
	height: 44px;
}

@media (min-width: 354px) {
  .kabang-header .event-info {
    padding: 30px 20px 0;
  }
  .kabang-header .event-info .list-info {
    margin: 0;
  }
}
@media (min-width: 1024px) {
  .kabang-logo {
    margin: 30px 0 0 30px;
  }
  .kabang-header {
    padding: 0 0 66px;
  }
  .kabang-header .jumbotron {
		width: 461px;
		height: 309px;
    margin: 65px auto 140px;
		background: url(https://og.kakaobank.io/view/50eb7058-9475-4b10-a446-7863200b7f88) no-repeat 0 0;
		background-size: 100% 100%;
  }
  .kabang-header .desc-benefit {
    margin-bottom: 40px;
  }
  .kabang-header .flow-contents .item1 {
		min-width: 1260px;
    height: 96px;
    margin: 0 0 30px 0;
    background: url(https://og.kakaobank.io/view/0a9b0c48-43ee-4a3f-b1bf-f4bbf8eb00a6) repeat-x 0 0;
    background-size: 630px 96px;
		animation: slideBrand3 16s linear infinite;
		-webkit-animation: slideBrand3 16s linear infinite;
  }
  .kabang-header .flow-contents .item2 {
		min-width: 1008px;
    height: 96px;
    margin: 0 0 30px 0;
    background: url(https://og.kakaobank.io/view/c329ba5c-002f-4930-b768-16dc71a9bd28) repeat-x 0 0;
    background-size: 504px 96px;
		animation: slideBrand4 16s linear infinite;
		-webkit-animation: slideBrand4 16s linear infinite;
  }
  .kabang-header .flow-contents .item3 {
		min-width: 1260px;
    height: 96px;
    background: url(https://og.kakaobank.io/view/23377095-f898-4b96-bd68-dd02a79061bf) repeat-x 0 0;
    background-size: 630px 96px;
		animation: slideBrand3 16s linear infinite;
		-webkit-animation: slideBrand3 16s linear infinite;
  }
  .kabang-header .link-apply {
    display: block;
    width: 460px;
    height: 64px;
    margin: 56px auto 0;
    padding-top: 28px;
    border-radius: 12px;
    background-color: #ffe100;
  }
  .kabang-header .link-apply .txt{
    margin: 0 auto;
  }
  .kabang-header .event-info {
    max-width: 100%;
    padding-top: 56px;
  }
  .kabang-header .event-info .list-info {
    margin: 0 auto;
  }
  .hr-line {
    height: 15px;
  }
  .section-benefit {
    max-width: 502px;
    padding-top: 60px;
  }
  .section-benefit .dt-brand {
    height: 60px;
    padding: 30px 0;
  }
  .section-benefit .dd-benefit {
    height: 60px;
    padding: 30px 0;
  }
	.section-benefit .dt-brand.large {
		padding: 40px 0;
	}
	.section-benefit .dd-benefit.large {
		height: 80px;
	}
  .section-benefit .tit-benefit {
    font-size: 21px;
  }
  .section-benefit .txt-terms {
    font-size: 19px;
  }
  .section-benefit .list-info {
    font-size: 18px;
  }
  .section-benefit-info .link-benefit-info {
    max-width: 502px;
    padding: 44px 0;
  }
  .section-benefit-info .tit-benefit-info .arrow {
    top: 50px;
  }
  .section-benefit-info .list-info-inner {
    max-width: 502px;
    font-size: 18px;
  }
  .section-benefit-info .list-info-inner .tit-info {
    font-size: 19px;
  }
  .section-benefit-info .list-info-inner .item {
    margin-bottom: 40px;
  }
  .contact-us {
    max-width: 502px;
  }
  .contact-us .list-contact-us {
    padding-top: 30px;
    font-size: 18px;
  }
  .contact-us .link-view {
    font-size: 18px;
  }
  .contact-us .serial-number {
    padding: 55px 0 35px;
    font-size: 18px;
  }
  .contact-us .desc-view {
    margin-top: 55px;
  }
  .kabang-footer {
    margin: 0;
    padding: 60px 0 0;
  }
  .kabang-footer .desc-share {
    font-size: 24px;
  }
  .kabang-footer .btn-group {
    margin-top: 30px;
  }
  .kabang-footer .btn-group .link-copy {
    display: inline-block;
  }
  .kabang-footer .link-apply {
    position: static;
    display: block;
    height: 114px;
    margin: 60px 0 0 0;
    padding-top: 40px;
  }
  .popup .popup-inner {
    width: 430px;
    height: 250px;
    margin: -125px 0 0 -215px;
    padding-top: 55px;
    border-radius: 6px;
  }
  .popup .btn-confirm {
    padding: 24px 0;
    border-radius: 0 0 6px 6px;
  }
  
  /* sprite svg pc */
	.sprite-alert-btn-01 {
		background: url("https://og.kakaobank.io/view/190debb4-ebf7-4872-9f5c-c67e5e2733e2") 88.28382838283828% 77.93594306049822% no-repeat;
		width: 53px;
		height: 31px;
	}

	.sprite-alert-text-01 {
		background: url("https://og.kakaobank.io/view/190debb4-ebf7-4872-9f5c-c67e5e2733e2") 0 57.924528301886795% no-repeat;
		width: 187px;
		height: 63px;
	}

	.sprite-alert-text-02 {
		background: url("https://og.kakaobank.io/view/190debb4-ebf7-4872-9f5c-c67e5e2733e2") 0 46.0377358490566% no-repeat;
		width: 210px;
		height: 63px;
	}

	.sprite-alert-text-03 {
		background: url("https://og.kakaobank.io/view/190debb4-ebf7-4872-9f5c-c67e5e2733e2") 0 70.07575757575758% no-repeat;
		width: 160px;
		height: 65px;
	}

	.sprite-bt-title {
		background: url("https://og.kakaobank.io/view/190debb4-ebf7-4872-9f5c-c67e5e2733e2") 0 37.45519713261649% no-repeat;
		width: 376px;
		height: 35px;
	}

	.sprite-btn-title {
		background: url("https://og.kakaobank.io/view/190debb4-ebf7-4872-9f5c-c67e5e2733e2") 0 31.059245960502693% no-repeat;
		width: 414px;
		height: 36px;
	}

	.sprite-category-1 {
		background: url("https://og.kakaobank.io/view/190debb4-ebf7-4872-9f5c-c67e5e2733e2") 75.86206896551724% 48.66785079928952% no-repeat;
		width: 137px;
		height: 30px;
	}

	.sprite-category-2 {
		background: url("https://og.kakaobank.io/view/190debb4-ebf7-4872-9f5c-c67e5e2733e2") 38.085539714867615% 54.52930728241563% no-repeat;
		width: 168px;
		height: 30px;
	}

	.sprite-category-3 {
		background: url("https://og.kakaobank.io/view/190debb4-ebf7-4872-9f5c-c67e5e2733e2") 75.2% 37.12255772646537% no-repeat;
		width: 159px;
		height: 30px;
	}

	.sprite-category-4 {
		background: url("https://og.kakaobank.io/view/190debb4-ebf7-4872-9f5c-c67e5e2733e2") 97.80621572212065% 72.46891651865009% no-repeat;
		width: 112px;
		height: 30px;
	}

	.sprite-category-5 {
		background: url("https://og.kakaobank.io/view/190debb4-ebf7-4872-9f5c-c67e5e2733e2") 35.283018867924525% 59.9644128113879% no-repeat;
		width: 129px;
		height: 31px;
	}

	.sprite-category-6 {
		background: url("https://og.kakaobank.io/view/190debb4-ebf7-4872-9f5c-c67e5e2733e2") 44.397463002114165% 48.754448398576514% no-repeat;
		width: 186px;
		height: 31px;
	}

	.sprite-detail {
		background: url("https://og.kakaobank.io/view/190debb4-ebf7-4872-9f5c-c67e5e2733e2") 0 0 no-repeat;
		width: 535px;
		height: 95px;
	}

	.sprite-down {
		background: url("https://og.kakaobank.io/view/190debb4-ebf7-4872-9f5c-c67e5e2733e2") 93.63057324840764% 76.30662020905923% no-repeat;
		width: 31px;
		height: 19px;
	}

	.sprite-ico-120-share-01 {
		background: url("https://og.kakaobank.io/view/190debb4-ebf7-4872-9f5c-c67e5e2733e2") 0 100% no-repeat;
		width: 95px;
		height: 94px;
	}

	.sprite-ico-120-share-02 {
		background: url("https://og.kakaobank.io/view/190debb4-ebf7-4872-9f5c-c67e5e2733e2") 16.843971631205672% 100% no-repeat;
		width: 95px;
		height: 94px;
	}

	.sprite-ico-120-share-03 {
		background: url("https://og.kakaobank.io/view/190debb4-ebf7-4872-9f5c-c67e5e2733e2") 33.687943262411345% 100% no-repeat;
		width: 95px;
		height: 94px;
	}

	.sprite-ico-120-share-04 {
		background: url("https://og.kakaobank.io/view/190debb4-ebf7-4872-9f5c-c67e5e2733e2") 50.53191489361702% 100% no-repeat;
		width: 95px;
		height: 94px;
	}

	.sprite-info-1 {
		background: url("https://og.kakaobank.io/view/190debb4-ebf7-4872-9f5c-c67e5e2733e2") 46.35761589403973% 43.3392539964476% no-repeat;
		width: 206px;
		height: 30px;
	}

	.sprite-logo-kakaobank {
		background: url("https://og.kakaobank.io/view/190debb4-ebf7-4872-9f5c-c67e5e2733e2") 99.62756052141528% 67.48681898066783% no-repeat;
		width: 122px;
		height: 24px;
	}

	.sprite-subtitle {
		background: url("https://og.kakaobank.io/view/190debb4-ebf7-4872-9f5c-c67e5e2733e2") 0 18.446601941747574% no-repeat;
		width: 515px;
		height: 78px;
	}

	.sprite-symbol-academy {
		background: url("https://og.kakaobank.io/view/190debb4-ebf7-4872-9f5c-c67e5e2733e2") 53.271028037383175% 69.94328922495274% no-repeat;
		width: 124px;
		height: 64px;
	}

	.sprite-symbol-cgv {
		background: url("https://og.kakaobank.io/view/190debb4-ebf7-4872-9f5c-c67e5e2733e2") 76.44859813084112% 69.94328922495274% no-repeat;
		width: 124px;
		height: 64px;
	}

	.sprite-symbol-coffee {
		background: url("https://og.kakaobank.io/view/190debb4-ebf7-4872-9f5c-c67e5e2733e2") 29.9625468164794% 70.07575757575758% no-repeat;
		width: 125px;
		height: 65px;
	}

	.sprite-symbol-cu {
		background: url("https://og.kakaobank.io/view/190debb4-ebf7-4872-9f5c-c67e5e2733e2") 0 82.23062381852552% no-repeat;
		width: 124px;
		height: 64px;
	}

	.sprite-symbol-gmarket {
		background: url("https://og.kakaobank.io/view/190debb4-ebf7-4872-9f5c-c67e5e2733e2") 23.177570093457945% 82.23062381852552% no-repeat;
		width: 124px;
		height: 64px;
	}

	.sprite-symbol-gs {
		background: url("https://og.kakaobank.io/view/190debb4-ebf7-4872-9f5c-c67e5e2733e2") 46.35514018691589% 82.23062381852552% no-repeat;
		width: 124px;
		height: 64px;
	}

	.sprite-symbol-kakaohair {
		background: url("https://og.kakaobank.io/view/190debb4-ebf7-4872-9f5c-c67e5e2733e2") 69.53271028037383% 82.23062381852552% no-repeat;
		width: 124px;
		height: 64px;
	}

	.sprite-symbol-lounge {
		background: url("https://og.kakaobank.io/view/190debb4-ebf7-4872-9f5c-c67e5e2733e2") 100% 0 no-repeat;
		width: 124px;
		height: 64px;
	}

	.sprite-symbol-phone {
		background: url("https://og.kakaobank.io/view/190debb4-ebf7-4872-9f5c-c67e5e2733e2") 100% 12.098298676748582% no-repeat;
		width: 124px;
		height: 64px;
	}

	.sprite-symbol-shilla {
		background: url("https://og.kakaobank.io/view/190debb4-ebf7-4872-9f5c-c67e5e2733e2") 100% 24.196597353497165% no-repeat;
		width: 124px;
		height: 64px;
	}

	.sprite-symbol-ssg {
		background: url("https://og.kakaobank.io/view/190debb4-ebf7-4872-9f5c-c67e5e2733e2") 100% 36.294896030245745% no-repeat;
		width: 124px;
		height: 64px;
	}

	.sprite-symbol-test {
		background: url("https://og.kakaobank.io/view/190debb4-ebf7-4872-9f5c-c67e5e2733e2") 100% 48.39319470699433% no-repeat;
		width: 124px;
		height: 64px;
	}

	.sprite-symbol-yogiyo {
		background: url("https://og.kakaobank.io/view/190debb4-ebf7-4872-9f5c-c67e5e2733e2") 100% 60.49149338374291% no-repeat;
		width: 124px;
		height: 64px;
	}
}

@-webkit-keyframes slideBrand1 {
	to {
		-webkit-transform: translateX(-425px);
		transform: translateX(-425px);
	}
}
@keyframes slideBrand1 {
	to {
		-webkit-transform: translateX(-425px);
		transform: translateX(-425px);
	}
}
@-webkit-keyframes slideBrand2 {
	to {
		-webkit-transform: translateX(-340px);
		transform: translateX(-340px);
	}
}
@keyframes slideBrand2 {
	to {
		-webkit-transform: translateX(-340px);
		transform: translateX(-340px);
	}
}
@-webkit-keyframes slideBrand3 {
	to {
		-webkit-transform: translateX(-630px);
		transform: translateX(-630px);
	}
}
@keyframes slideBrand3 {
	to {
		-webkit-transform: translateX(-630px);
		transform: translateX(-630px);
	}
}
@-webkit-keyframes slideBrand4 {
	to {
		-webkit-transform: translateX(-504px);
		transform: translateX(-504px);
	}
}
@keyframes slideBrand4 {
	to {
		-webkit-transform: translateX(-504px);
		transform: translateX(-504px);
	}
}