@charset "UTF-8";
html,
body {
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:-moz-none;
  -o-user-select:none;
  user-select:none;
  min-width:initial;
}
* {
  font-family:'Pretendard', 'Apple SD Gothic Neo', 'Malgun Gothic', '맑은 고딕',
    system-ui, sans-serif;
}
section,
.section {
  position:relative;
  z-index:2;
  box-sizing:border-box;
}
body {
  position:relative;
  /* background:#111;overflow:hidden; */
  height:auto !important;
  overflow-y:auto;
}
::-webkit-scrollbar {
  display:none;
  /* Chrome, Safari, Opera*/
  scrollbar-width:none;
  /* Firefox */
  scroll-behavior:smooth;
}
body.hide {
  overflow:hidden;
  height:calc(var(--vh, 1vh) * 100);
}
.ico_safe {
  display:inline-block;
  overflow:hidden;
  font-size:0;
  line-height:0;
  text-indent:-9999px;
  background:url(@@ico_safe.png) no-repeat 0 0/80px 70px;
  vertical-align:top;
}
.ico_safe.ico_down {
  width:34px;
  height:13px;
  background-position:0 0;
  animation:arrow-bounce-ani 2s infinite;
}
.link_make {
  position:fixed;
  left:50%;
  bottom:45px;
  z-index:-1;
  width:206px;
  border-radius:7px;
  font-size:14px;
  line-height:34px;
  font-weight:600;
  color:#c8c8c8;
  text-align:center;
  transform:translateX(-50%);
  opacity:0;
  transition:all 0.2s 0.2s;
}
.link_make svg {
  position:absolute;
  left:0;
  top:0;
  z-index:-1;
}
.page-1 .link_make.on {
  z-index:9;
  transition:all 0.2s 1.8s;
  opacity:1;
}
.link_make .ico_safe {
  width:13px;
  height:8px;
  margin:13px 0 0 4px;
  background-position:0 -20px;
}
/* 공통 */
.section_share {
  width:100%;
  padding:60px 0;
  text-align:center;
  box-sizing:border-box;
}
.section_share .share-btn {
  display:inline-block;
  padding:25px 40px;
  border-radius:40px;
  font-size:21px;
  font-weight:700;
  color:#000;
  background:#fff;
  box-sizing:border-box;
  vertical-align:middle;
}
.section_share .share-btn svg {
  margin-right:5px;
  vertical-align:sub;
  stroke:#000;
}
.theme-default #eventInfo {
  background-color:#f7f7f7;
}
.theme-default #eventInfo .info-head {
  margin-bottom:40px;
}
.theme-default #eventInfo .serial.serial-tline {
  margin-top:10px;
  font-size:16px;
}
.theme-default #eventInfo .serial.serial-tline .info-list {
  margin-top:0;
}
.theme-default #share {
  padding-right:45px;
  padding-left:45px;
  background-color:#f7f7f7;
}
.theme-default #share .share-btn {
  min-width:284px;
  color:#000
}
.theme-default #share .share-btn svg {
  stroke: #000;
}
@media screen and (max-width: 373.98px) {
  .theme-default #share {
    padding-right:0;
    padding-left:0;
  }
}
/* 플로팅 버튼 */
.wrap_apply {
  position:fixed;
  bottom:23px;
  z-index:-1;
  width:100%;
  padding:0 25px;
  box-sizing:border-box;
  opacity:0;
  transition:all 0.3s 1s;
}
.wrap_apply .link_apply {
  display:block;
  width:100%;
  max-width:325px;
  height:66px;
  margin:0 auto;
  border-radius:33px;
  text-decoration:none;
  font-size:20px;
  font-weight:700;
  line-height:66px;
  color:#fff;
  text-align:center;
  background: linear-gradient(93.84deg, #6DA7FF -35.23%, #967CFF 142.15%);
}
.wrap_apply .link_apply .ico_arrow {
  display: inline-block;
  width:7px;
  height:13px;
  margin:27px 0 0 4px;
  background-image: url(https://og.kakaobank.io/view/a46eea39-4a33-44b8-b93b-454a8cbd8582);
  background-repeat:no-repeat;
  background-size:100%;
}
/* popup */
.popups {
  visibility:hidden;
  opacity:0;
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:999;
  transition:all 0.4s;
}
.popups.on {
  visibility:visible;
  opacity:1;
}
.popups .dimmed {
  position:absolute;
  width:100%;
  height:100%;
  background:#000;
  opacity:0.6;
}
.popups .modal_layer {
  display:table;
  width:100%;
  height:100%;
  table-layout:fixed;
}
.popups .inner_layer {
  display:table-cell;
  width:100%;
  height:100%;
  vertical-align:middle;
  text-align:center;
}
.popups .layer_body {
  position:relative;
  max-width:330px;
  margin:0 auto;
  padding:14px;
  border-radius:20px;
  background:#fff;
  box-sizing:border-box;
}
.popups .copy {
  margin:26px auto 20px;
  font-size:20px;
  line-height:24px;
  font-weight:700;
  text-align:center;
}
.popups .area_apply {
  width:100%;
}
.popups .area_apply .link_g {
  display:inline-block;
  width:100%;
  padding:18px 0 18px;
  border-radius:10px;
  font-weight:800;
  font-size:20px;
  line-height:24px;
  color:#fff;
  text-align:center;
  background:#000;
  box-sizing:border-box;
}
.popups .sub {
  display:block;
  font-weight:400;
  font-size:15px;
  line-height:18px;
  letter-spacing:-1px;
  margin:20px auto 35px;
  color:#333333;
}
#btnApply {
  z-index:-1;
  visibility:hidden;
  opacity:0;
}
#btnApply.is-active {
  z-index:9;
  opacity:1;
  visibility:visible;
  display:block;
  transition:all 0.5s;
}
.popup-youtube {
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  box-sizing:border-box;
  padding:20px 0;
  background:rgba(0, 0, 0, 0.8);
  z-index:1;
  opacity:0;
  visibility:hidden;
}
.popup-youtube.on {
  opacity:1;
  transition:all 0.5s 0.8s;
  visibility:visible;
  z-index:99;
}
.popup-youtube .modal-table {
  display:table;
  width:100%;
  height:100%;
  table-layout:fixed;
}
.popup-youtube .modal-cell {
  display:table-cell;
  width:100%;
  height:100%;
  vertical-align:middle;
  text-align:center;
}
.popup-youtube .iframe-wrap {
  display:inline-block;
  width:100%;
  height:80%;
}
.popup-youtube .modal-open {
  display:block;
  z-index:1000;
}
.popup-youtube .btn-close-modal {
  position:fixed;
  top:22px;
  right:17px;
  color:transparent;
  font-size:0;
  width:36px;
  height:36px;
  padding:11px;
}
/* .popup-single {opacity:1; visibility:visible;} */
.popup-single .modal-content .modal-image {
  margin-bottom:35px;
}
.popup-single .modal-content .modal-image .pu-img {
  width:80px;
  height:80px;
}
.popup-single .modal-btn {
  display:flex;
  gap:8px;
}
.popup-single .modal-btn .okay-btn:not([class*='--info']) {
  flex:0 0 108px;
}
.popup-single .modal-btn .okay-btn .btn-ok {
  padding:18px 0;
  color:#000;
  font-weight:800;
  background-color:#dddddd;
}
.popup-single .modal-btn .okay-btn .btn-ok[class*='--info'] {
  background-color:#ffd600;
}
.inmotion-section {
  opacity:0;
  transform:translateY(30px);
  transition:all 0.3s;
}
.inmotion-section.play {
  transform:translateY(0);
  opacity:1;
  transition:all 0.3s;
}

/* content */
/* 개인사업자 이자지원 보증서대출 */
.section-top {
  background:#E8EDFF;
}
.section-top .inner {
  padding:41px 30px 60px;
}
.section-top .top-subtit {
  display:inline-block;
  width:216px;
  height:41px;
  padding:12px 0;
  color:#4D4D51;
  font-size:15px;
  text-align:center;
  line-height:17px;
  border-radius:50px;
  background:linear-gradient(94.06deg, #e0e6ff -2.5%, #dee0ff 123.12%);
  box-sizing:border-box;
}
.section-top .top-tit {
  margin-top:28px;
  margin-bottom:26px;
  margin-left:5px;
}
.section-top .top-tit img {
  width:241px;
}
.section-top .coin-img {
  width:375px;
  margin-left:-35px;
} 
.section-top .top-desc {
  position:relative;
  margin-top:50px;
  margin-left: 5px;
  padding-left:20px;
}
.section-top .top-desc::before {
  content:"";
  position:absolute;
  top:0;
  bottom:4px;
  left:0;
  width:2px;
  background:rgba(180, 191, 216, 0.59);
}
.section-top .top-desc strong {
  display: flex;
  align-items: center;
  color:#414145;
  font-size:16px;
  line-height:19px;
}
.section-top .top-desc strong span {
  display:inline-block;
  width: 16.88px;
  height: 19.12px;
  margin:0 4px;
  background:url(https://og.kakaobank.io/view/2ad5a60f-50d4-4bec-895b-d0f970f908aa) no-repeat 0 / 100%;
}
.section-top .top-desc p {
  margin-top:10px;
  color:rgba(65, 65, 69, 0.5);
  font-size:15px;
  font-weight:600;
  line-height:24px;
}
@media screen and (max-width: 374.98px) {
.section-top .coin-img {width:100vw;}
}

/* 지역별 이자지원 정책 */
.section-loan {
  background:linear-gradient(180deg, #8db3ff 0%, #8d9fff 100%);
}
.section-loan .inner {
  padding:70px 0 0;
}
.section-loan .inner .tit-box {
  margin-bottom:39px;
  padding-right:35px;
  padding-left:35px;
}
.section-loan .loan-tit {
  color:rgba(255, 255, 255, 0.9);
  font-size:27px;
  line-height:38px;
  font-weight:800;
}
.section-loan .loan-tit span {
  color:rgba(255, 255, 255, 0.6);
  font-weight:700;
}
.section-loan .loan-desc {
  margin-top:16px;
  color:rgba(255, 255, 255, 0.8);
  font-size:16px;
  font-weight:600;
  line-height:24px;
}
.section-loan .box {overflow:hidden;position:relative;margin:0 auto;border-radius:41px 41px 0 0;border-width:3px 3px 0 3px;border-style:solid;border-color:#f7f7f7;background-color: #F7F7F7;box-sizing: border-box;}
.section-loan .box .step1 {display:block;}
.section-loan .box .step1 li {position:absolute; transform: translateY(200%);}
.section-loan .box .step1 li:nth-child(1):after {content:'';display:inline-block;opacity:0;position:absolute;top:0;left:0;background:rgba(0,0,0,0.1);border-radius:20px;}
.section-loan .box .step2 {opacity:0;position:absolute;left:0;width:100%;text-align: center;}
.section-loan .box .step2 .check {width: 70px;height: 70px;background-color: #FFE300;border-radius: 50%;margin: 0 auto 24px;text-align: left;transform: scale(0);}
.section-loan .box .step2 .check span {display: inline-block;width: 0;overflow: hidden;}
.section-loan .box .step2 .check span img {width: 35px;margin-top: 22px;margin-left: 17px;}
.section-loan .box .step2 .copy {font-size:24px;font-weight:700;line-height:32px;text-align: center;transform:translateY(20px);}
.section-loan .box.play-inmotion {background-color:#fff;transition: background-color 0.5s 2.5s;box-shadow: 0px 17px 26px 0px rgba(0, 0, 0, 0.06);}
.section-loan .box.play-inmotion .step1 li:nth-child(1) {transform:translateY(0); opacity:0; transition: transform 0.75s 0.8s, opacity 0.3s 2.6s;}
.section-loan .box.play-inmotion .step1 li:nth-child(2) {transform:translateY(0); opacity:0; transition: transform 0.775s 0.8s, opacity 0.3s 2.6s;}
.section-loan .box.play-inmotion .step1 li:nth-child(3) {transform:translateY(0); opacity:0; transition: transform 0.8s 0.8s, opacity 0.3s 2.6s;}
.section-loan .box.play-inmotion .step1 li:nth-child(1):after {opacity: 1; transition: opacity 0.2s 2s;}
.section-loan .box.play-inmotion .step2 {opacity: 1;transition: opacity 0.9s 2.8s;}
.section-loan .box.play-inmotion .step2 .check {transform: scale(1);transition: transform 0.3s 3.2s;}
.section-loan .box.play-inmotion .step2 .check span {width: 100%;transition: width 0.6s 3.2s;}
.section-loan .box.play-inmotion .step2 .copy {transform:translateY(0); transition: transform 0.4s 2.8s}
@media screen and (min-width: 768px) {
  .section-loan .box {width: 340px;height: 460px;}
  .section-loan .box .step1 img {width:304px;}
  .section-loan .box .step1 li {left:18px; margin-bottom:15px;}
  .section-loan .box .step1 li:nth-child(1) {top:60px;}
  .section-loan .box .step1 li:nth-child(2) {top:223px;}
  .section-loan .box .step1 li:nth-child(3) {top:386px;}
  .section-loan .box .step1 li:nth-child(1):after {width:304px;height:149px;}
  .section-loan .box .step2 {top:130px;}
}
@media screen and (max-width: 767.98px) {
  .section-loan .box {width: 295px;height: 374px;}
  .section-loan .box .step1 img {width:270px;}
  .section-loan .box .step1 li {left:10px; margin-bottom:8px;}
  .section-loan .box .step1 li:nth-child(1) {top:52px;}
  .section-loan .box .step1 li:nth-child(2) {top:193px;}
  .section-loan .box .step1 li:nth-child(3) {top:335px;}
  .section-loan .box .step1 li:nth-child(1):after {width:270px;height:133px;}
  .section-loan .box .step2 {top:100px;}
}
/* OPEN EVENT */
.section-event .inner {position:relative;padding:82px 35px 80px;}
.section-event .event-date {position:absolute;top:34px;right:35px;color:#C8CCDA;font-size: 12px;font-weight: 700;line-height: 14px;letter-spacing: 1.7px;}
.section-event .event-date > span {position:relative;display: inline-block;padding-left:20.5px;text-indent: -99999px;}
.section-event .event-date > span::before {content:"";position:absolute;top:50%;left:6.5px;transform:translateY(-50%); display:inline-block;width:8.5px;height:1.5px;background:#C8CCDA;}
.section-event .event-date img {width:99px;}
.section-event .event-subtit {margin-left:3px;color:#8DA2FF;font-size: 12px;font-weight: 700;line-height: 14px;letter-spacing: 2.5px;}
.section-event .event-tit {display:block;margin-top:14px;color:#414145;font-size:27px;line-height:36px;font-weight:800;}
.section-event .event-desc {margin-top:14px;margin-bottom:41px;color:#414145;font-size:16px;font-weight:700;line-height:24px;letter-spacing:-0.2px;}
.section-event .event-desc span {position:relative;_background:#CDF3FF;}
.section-event .event-desc span::before {content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;display:inline-block;background:#CDF3FF;z-index: -1;}
.section-event .event-img {text-align:center;}
.section-event .event-img img {width:250px;}
.section-event .event-desc2 {margin-top:36px}
.section-event .event-desc2 p {max-width:260px;margin-bottom:8px;color:#777F98;font-size:16px;font-weight:700;line-height:28px;}
.section-event .event-desc2 p > span {background:#CDF3FF;}
.section-event .event-desc2 > span {color:rgba(130, 141, 172, 0.6);font-size:15px;font-weight:700;line-height:24px;}
.section-banner {background:#F7F7F7;}
.section-banner .inner {padding:80px 30px 48px;}
.section-banner .banner-list li {display:flex;align-items:center;height:120px;padding-left:123px;color:#777f98;font-size:15px;font-weight:600;line-height:21px;word-break: keep-all;border-radius:12px;background-color:#fff;background-repeat:no-repeat;background-position:33px center;background-size:56px}
/* banner */
.section-banner .banner-list li + li {margin-top:20px;}
.section-banner .banner-list li.item-type1 {background-image: url(https://og.kakaobank.io/view/d436dd61-01bc-4eda-a0b1-43c7b5d21fba);}
.section-banner .banner-list li.item-type2 {background-image: url(https://og.kakaobank.io/view/4f42d8cb-0944-4519-8718-18da08e871da);}
@media screen and (max-width: 360.98px) {
  .section-banner .banner-list li {padding-left: 102px;background-position: 25px center;}
}