@charset "utf-8";
/* ----------------------------------------------------- */
/* 공통
/* ----------------------------------------------------- */
.btn.apply-btn {font-size:18px!important;color:#fff!important;background-color:#fb551b!important;padding:12px 50px!important;border-radius:5px;display:inline-block}
.btn.apply-btn-lg {font-size:18px!important;color:#fff!important;background-color:#fb551b!important;padding:12px 80px!important;border-radius:5px;display:inline-block}
.btn.apply-btn:hover,.btn.apply-btn:focus,.btn.apply-btn:active {background-color:#f54a0c!important;border-color:#f54a0c!important;color:#fff!important}
.btn.apply-btn-lg:hover,.btn.apply-btn-lg:focus,.btn.apply-btn-lg:active {background-color:#f54a0c!important;border-color:#f54a0c!important;color:#fff!important}
.btn.apply-btn-lg:hover,.btn.apply-btn-lg:focus,.btn.apply-btn-lg:active {background-color:#f54a0c!important;border-color:#f54a0c!important;color:#fff!important}
.btn.see-more-btn {color:#fff!important;padding:10px 100px!important;background-color:#fb551b;border-color:#fb551b;transition:color 0.3s ease,background-color 0.3s ease,border-color 0.3s ease}
.btn.see-more-btn i {color:#fff !important;transition:color 0.3s ease}
.btn.see-more-btn:hover,.btn.see-more-btn:focus,.btn.see-more-btn:active {background-color:#f54a0c!important;border-color:#f54a0c!important;color:#fff!important}
.btn.see-more-btn:hover i,.btn.see-more-btn:focus i,.btn.see-more-btn:active i {color:#fff!important}
#view-all-mobile-btn {width:40px;height:40px;display:flex;justify-content:center;align-items:center;background-color:#f2f3f8;border:1px solid #ddd;border-radius:8px;font-size:1.2rem;color:#000;transition:background-color 0.2s}
#view-all-mobile-btn:hover {background-color:#f2f3f8}
.section-bg {background-color:#f2f3f8!important}


/* ----------------------------------------------------- */
/* 헤드
/* ----------------------------------------------------- */
.site-header{width:100%;background:#fff;border-bottom:1px solid #eee}
.header-top{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;gap:12px}
.header-left{display:flex;align-items:center;gap:14px;flex:1;min-width:0}
.logo{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.logo img{height:44px;width:auto;display:block}
.custom-search-form {position:relative;max-width:400px!important;width:auto;margin-left:25px}
.custom-search-input {background-color:#fff!important;border:1px solid #ddd!important;padding:8px 50px 8px 16px!important;font-size:14px;transition:all 0.3s ease;box-shadow:none!important}
.custom-search-input:focus {background-color:#e9ecef!important;box-shadow:0 0 0 3px rgba(0, 123, 255, 0.1)!important;outline:none!important}
.custom-search-input::placeholder {color:#838485;font-size:14px}
.custom-search-btn {position:absolute;right:5px;top:50%;transform:translateY(-50%);background:none!important;border:none!important;color:#838485;padding:6px 12px;border-radius:20px;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center}
/*.custom-search-btn:hover {color:#495057;background-color:rgba(0, 0, 0, 0.05)!important}
.custom-search-btn:active {transform:translateY(-50%) scale(0.95)}*/
.custom-search-btn i {font-size:16px}
.header-right{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.header-right .btn {border:none;background:none;padding:0;cursor:pointer;font-family:inherit;font-size:14px!important;color:#868686!important;text-align:left;outline:none;box-shadow:none;text-decoration:none;margin:0}
.global-nav {background:#fff}
.global-nav .nav-wrap {padding:8px 0;display:flex;align-items:center}
.global-nav ul {display:flex;gap:18px;list-style:none;padding-left:0!important}
.global-nav a {padding:8px 12px;border-radius:6px;font-weight:600}
/*.global-nav a:hover{background:#eee}*/
.hamburger{display:none;background:transparent;border:0;font-size:20px}
.mobile-only{display:none}
.mobile-menu {display:none;background:#fff;border-top:1px solid #ddd}
.mobile-menu.open {display:block}
.mobile-menu ul {list-style:none;padding:12px 16px;display:flex;flex-direction:column;gap:6px}
.mobile-menu a {display:block;padding:12px;border-radius:6px}
.mobile-menu .btn {display:flex;align-items:center;gap:10px;flex:0 0 auto;font-size:14px !important;color:#868686!important;text-align:left}
.mobile-auth-links {border-bottom:1px solid #ddd}
@media (max-width: 768px){
  .header-top {padding:10px}
  .logo img {height:38px}
  .search-form {display:none}
  .global-nav .nav-wrap {display:none}
  .hamburger {display:block}
  .mobile-only {display:block}
  .header-right {gap:6px}
  }


/* ----------------------------------------------------- */
/* 푸터
/* ----------------------------------------------------- */
.site-footer {padding:32px 0;background-color:#222;color:#868686!important}
.site-footer a {color:#868686!important}
/*.site-footer a:hover {color:#868686}*/
.site-footer .list-inline-item a {font-weight:bold}
.site-footer .list-inline-item .pipe {font-weight:100}
.sns-icons {position:absolute;right:0;bottom:0;display:flex;gap:10px;justify-content:flex-end}
.sns-item {background:#333;color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none}
.sns-item:hover {background:#444}
.naver-icon {font-weight:bold;font-size:11px;padding:2px 5px;line-height:1}
.go-top {position:fixed;bottom:30px;right:30px;width:40px;height:40px;border-radius:50%;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.4s ease,visibility 0.4s ease;z-index:999}
.go-top.visible {opacity:1;visibility:visible;pointer-events:auto}
.go-top:hover {background:#111;}
@media (max-width: 768px) {
  .sns-icons {position:static;margin-top:10px!important;justify-content:flex-start}
  .sns-item {width:30px;height:30px;font-size:13px}
}


/* ----------------------------------------------------- */
/* 캐러셀
/* ----------------------------------------------------- */
#mainCarousel {margin-top:20px!important}
#mainCarousel .carousel-item {height:500px;overflow:hidden}
#mainCarousel .carousel-item:nth-child(1) {background-color:#f2f3f8}
#mainCarousel .carousel-item:nth-child(2) {background-color:#f2f3f8}
#mainCarousel img {object-fit:cover}
#mainCarousel .rounded-4 {border-radius:1rem}
@media (max-width: 992px) {
  #mainCarousel .carousel-item {min-height:auto;height:auto;padding-top:2rem;padding-bottom:2rem}
  #mainCarousel .carousel-item .row {height:auto!important}
  #mainCarousel .carousel-item {padding:0;margin:0}
  #mainCarousel .carousel-control-prev,#mainCarousel .carousel-control-next-icon {display:none!important}
}
@media (max-width: 768px) {
  #mainCarousel .carousel-inner {overflow:hidden!important;/*다음 슬라이드가 밑으로 새어 나오는 것 차단*/}
  #mainCarousel .carousel-item-next,#mainCarousel .carousel-item-prev {position:absolute!important;top:0!important;left:0!important;width:100%!important}
  #mainCarousel .carousel-item.active {position:relative!important}
  #mainCarousel .carousel-item {height:auto;/*padding:2rem 1rem;*/}
  #mainCarousel .row {flex-direction:column;text-align:center}
  #mainCarousel .col-md-6 {width:100%;margin-bottom:1.5rem}
  #mainCarousel h1 {font-size:1.5re}
  #mainCarousel p {font-size:1rem;margin-bottom:1rem}
  #mainCarousel .apply-btn {width:100%}
  #mainCarousel .carousel-control-prev,#mainCarousel .carousel-control-next {display:none;}
}



/* ----------------------------------------------------- */
/* 후기
/* ----------------------------------------------------- */
#mainReview .flow-review {width:100%}
#mainReview .flow-wrap {width:100%}
#mainReview .flow-track {gap:0;animation:flow 40s linear infinite}
#mainReview .flow-card {flex:0 0 320px;height:180px;display:flex;flex-direction:column;transition:transform 0.2s}
/*#mainReview .flow-card:hover {transform:translateY(-4px)}*/
#mainReview .logo-img {width:200px!important;height:70px;object-fit:contain}
#mainReview .review-text {font-size:16px;font-weight:600;line-height:1.4;color:#000;margin:0}
#mainReview  .meta-text {font-size:14px;color:#868686!important}
@keyframes flow {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
} /* 무한 흐름 애니메이션 */
#mainReview .animate-flow {animation:flow 40s linear infinite}
#mainReview .flow-wrap:hover .animate-flow {animation-play-state:paused} /* 마우스 오버 시 잠깐 멈춤 */
@media (max-width: 768px) {
  #mainReview .flow-track {overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;animation:none !important;gap:0 !important}
  #mainReview .flow-card {flex:0 0 calc(100% - 20px);min-width:calc(100% - 20px);scroll-snap-align:center;padding:0 !important;margin:0 auto}
}


/* ----------------------------------------------------- */
/* 창업타운 링크
/* ----------------------------------------------------- */
#mainCtown .card-box {border:1px solid #ddd;border-radius:12px;background:#fff;padding:0;overflow:hidden;height:100%}
#mainCtown .card-box img {width:100%;display:block;border-radius:12px 12px 0 0}
#mainCtown .card-content {padding:20px;text-align:center}
#mainCtown .card-title {font-size:18px;font-weight:700;color:#000;text-align:start;margin-top:5px; margin-bottom:10px}
#mainCtown .check-list {padding:0;margin:0 0 16px 0;list-style:none}
#mainCtown .check-list li {margin-bottom:8px;font-size:15px;color:#868686}
#mainCtown .check-list i {margin-right:6px;color:#868686}
#mainCtown .black-btn {display:block;width:100%;background:#222;color:#fff!important;padding:12px 0;border-radius:8px;text-decoration:none;font-weight:500}
#mainCtown .black-btn:hover {background:#111}

/* ----------------------------------------------------- */
/* 배너
/* ----------------------------------------------------- */
@media (max-width: 768px) {
  #mainBanner h2 {letter-spacing:-0.05em!important}
}