/* ---- common ---- */
* {font-family: "Noto Sans KR", sans-serif;}
body ul {padding-left: 0; list-style: none;}
.bz-main {padding-top: 5rem;}
.bz-sec {margin-bottom: 5rem;}
.bz-item {margin-bottom: 1.5rem;}
.bz-card {border-radius: var(--bz-border-radius);}
.d-flex-item {margin-bottom: 1rem;}
  /* -- title -- */
  .bz-tit-box {text-align: center;}
  .bz-tit {font-weight: 700;}
  h2.bz-tit {display: inline-block; margin-bottom: 2rem; padding: .25rem 4rem; border-bottom: 6px solid var(--bz-ybb-mid); font-size: calc(var(--bz-font-size-16) + .8vw);}
  h3.bz-tit {display: inline-block; padding: .5rem 3rem; border-bottom: 3px solid var(--bz-ybb-light-1); font-size: calc(var(--bz-font-size-18) + .8vw);}
  h4.bz-tit {display: inline-block; padding: .25rem 1rem; border-bottom: 3px solid var(--bz-ybb-light-1); font-size: calc(var(--bz-font-size-14) + .8vw);}
  .bz-tit-left {text-align: left;}
  .bz-tit-left h2.bz-tit {padding: .25rem 2rem .5rem .25rem;}
  .bz-tit-left h3.bz-tit {padding: .25rem 2rem .5rem .25rem;}
  .bz-tit-left h4.bz-tit {padding: .25rem 1rem .25rem .25rem;}
  .bz-tit-left .bz-tit-caption {margin-right: auto;}
  .bz-tit-right {text-align: right;}
  .bz-tit-right h2.bz-tit {padding: .25rem .25rem .5rem .5rem;}
  .bz-tit-right h3.bz-tit {padding: .25rem .25rem .5rem .5rem;}
  .bz-tit-right h4.bz-tit {padding: .25rem 1rem .25rem .25rem;}
  .bz-tit-right .bz-tit-caption {margin-left: auto;}
  /* -- img -- */
  .bz-img-box {overflow: hidden; text-align: center; border: 1px solid var(--bs-border-color); border-radius: var(--bz-border-radius);}
  /* -- button -- */
  .bz-btn-box {padding: 1rem 0; text-align: center;}
  .bz-btn-left {text-align: left;}
  .bz-btn-right {text-align: right;}
  /* -- icon -- */
  .bz-i-num-square {font-size: 2rem;}
  /* -- tab -- */
  .bz-tab-head {border-bottom: 1px solid var(--bs-border-color);}
  .bz-tab-head .nav-link.bz-tab-link.active {color: var(--bz-ybb-dark-0); font-weight: bold;}
  .bz-tab-head .bz-tab-link {color: var(--bs-secondary);}
  /* -- form -- */
  .bz-input {margin-bottom: 1rem;}

@media screen and (min-width: 992px) {
  /* -- title -- */
  h2.bz-tit {font-size: var(--bz-font-size-18)}
  h3.bz-tit {font-size: var(--bz-font-size-20)}
  h4.bz-tit {font-size: var(--bz-font-size-16)}
  .bz-tit-caption {width: 30%; font-size: var(--bz-font-size-14); margin-bottom: 2rem;}
  .bz-tit-lg-left {text-align: left;}
  .bz-tit-lg-left h2.bz-tit {padding: .25rem 2rem .5rem .25rem;}
  .bz-tit-lg-left h3.bz-tit {padding: .25rem 2rem .5rem .25rem;}
  .bz-tit-lg-left h4.bz-tit {padding: .25rem 1rem .25rem .125rem;}
  .bz-tit-lg-left .bz-tit-lg-caption {margin-right: auto;}
  .bz-tit-lg-right {text-align: right;}
  .bz-tit-lg-right h2.bz-tit {padding: .25rem .25rem .5rem 2rem;}
  .bz-tit-lg-right h3.bz-tit {padding: .25rem .25rem .5rem 2rem;}
  .bz-tit-lg-right h4.bz-tit {padding: .25rem 1rem .25rem .25rem;}
  .bz-tit-lg-right .bz-tit-caption {margin-left: auto;}
  /* -- button -- */
  .bz-btn-lg-left {text-align: left;}
  .bz-btn-lg-right {text-align: right;}
  /* -- form -- */
  .form-label {font-size: var(--bz-font-size-14);}
  .form-check-label {font-size: var(--bz-font-size-14);}
}

/* ---- header ---- */
header.bz-header {position: fixed; left: 0; right: 0; top: 0; z-index: 1000; background: var(--bs-light);}
#navbarNav {text-align: center;}
ul.navbar-nav {padding: 3rem 0;}
li.bz-nav-item {margin-bottom: 2rem;}
a.navbar-toggler {border: none; padding: 0;}

@media screen and (min-width: 992px) {
  #navbarNav {justify-content: end; margin-right: 5rem;}
  ul.navbar-nav {padding: 0;}
  li.bz-nav-item {margin: 0 6rem 0 0;}
  /* li.bz-nav-item:nth-last-of-type(1) {margin: 0;} */
}

/* ---- footer ---- */
footer.bz-footer {padding: 2rem 0;}
div.bz-ft-logo {text-align: center;}
div.bz-ft-info {margin-top: 3rem; text-align: center;}
div.bz-ft-info-item {color: var(--bs-white); font-weight: 700;}
  .bz-ft-info-item span {color: var(--bs-light); font-weight: 400;}
  .bz-ft-copyright {margin-bottom: 0; color: var(--bs-secondary); }

@media screen and (min-width: 992px) {
  div.bz-ft-info {margin-top: 0; text-align: center;}
    .bz-ft-address {margin-right: 5rem;}
    .bz-ft-copyright {font-size: var(--bz-font-size-14); text-align: right;}
}

/* -- section -- */
  /* -- home -- */
  .index-fc {padding: 3rem 0; background: var(--bz-ybb-blue);}
  .index-fc .bz-card {background: var(--bs-white);}
  .index-fc h2.bz-tit {border-bottom: 6px solid var(--bs-white);}
  .index-fc h3.bz-tit {border-bottom: 3px solid var(--bs-light);}
  .top-visual {display: none;}
  .top-visual-m {display: block;}

  /* -- franchise -- */
  .fc-spe {padding: 3rem 0; background: var(--bz-ybb-mid);}
  .fc-spe .bz-tit {color: var(--bz-ybb-dark-1);}
  .fc-spe .bz-item-box {padding: 2rem; background: rgba(255, 255, 255, 0.6); border-radius: var(--bz-border-radius-lg);}
  .fc-spe .bz-txt {display: inline-block; padding: .25rem 1rem; border-bottom: 3px solid var(--bs-white); font-size: var(--bz-font-size-20); font-weight: 700;}
  .fc-marketing .accordion-button:not(.collapsed) {background-color: var(--bz-ybb-light-1);}
  .fc-step {padding: 3rem 0; background: var(--bz-ybb-dark-0);}
  .fc-step .d-flex-item {padding: 1rem 2rem; background: rgba(255, 255, 255, 0.6); text-align: center; border-radius: var(--bz-border-radius);}
  .fc-step .bi {font-size: 3rem; color: var(--bz-ybb-dark-1);}
  .fc-step .d-flex-sb {display: none;}
  .fc-step .bi.d-flex-sb-i {display: none;}
  .fc-forms {padding: 3rem 0; background: rgba(0, 0, 0, 0.8); color: var(--bs-white);}
  .fc-sticky-forms {display: none;}
  .fc-cost-10 {display: none;}
  .fc-cost-txt {font-size: var(--bz-font-size-12);}
  .fc-benefit {text-align: center;}
  .fc-benefit .bz-img-box {margin-bottom: 1rem;}

@media screen and (min-width: 992px) {
    /* -- home -- */
    .top-visual {display: block;}
    .top-visual-m {display: none;}
    /* -- franchise -- */
    .fc-step .d-flex-sb {display: block; position: relative;}
    .fc-step .bi.d-flex-sb-i {display: inline; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); font-size: 1rem; color: var(--bs-white);}
    .fc-sticky-forms {display: block; position: fixed; left: 0; right: 0; bottom: 0; padding: 1rem 0; color: var(--bs-white); background: rgba(0, 0, 0, 0.8)}
    .hidden {visibility: hidden;}
    .fc-sticky-forms-tit {font-size: var(--bz-font-size-20)}
    .fc-sticky-forms-txt {font-size: var(--bz-font-size-28)}
    .fc-sticky-forms .fc-sticky-forms-btn {padding: 1rem 2rem;}
    .fc-cost-10 {display: block;}
    .fc-cost-m-10 {display: none;}
    .fc-cost-txt {font-size: var(--bz-font-size-14);}
}

:root {
  --bz-ybb-light-0: #E3F9F7;
  --bz-ybb-light-1: #B8E5E0;
  --bz-ybb-mid: #89CDCC;
  --bz-ybb-dark-0: #1AA2A1;
  --bz-ybb-dark-1: #176F6D;
  --bz-ybb-blue: #2990d0;
  --bz-yellow: #FFE667;

  --bz-font-size-10: 0.625rem;
  --bz-font-size-12: 0.75rem;
  --bz-font-size-13: 0.8125rem;
  --bz-font-size-14: 0.875rem;
  --bz-font-size-16: 1rem;
  --bz-font-size-18: 1.125rem;
  --bz-font-size-20: 1.25rem;
  --bz-font-size-24: 1.5rem;
  --bz-font-size-28: 1.75rem;
  --bz-font-size-32: 2rem;
  --bz-font-size-40: 2.5rem;
  --bz-font-size-48: 3rem;
  --bz-font-size-60: 3.75rem;

  --bz-border-radius-lg: 1rem;
  --bz-border-radius: .5rem;
  --bz-border-radius-s: .25rem;
}