body,
h1,
h2,
h3,
h4,
h5,
h6,
header.masthead .page-heading .subheading,
header.masthead .site-heading .subheading,
header.masthead .post-heading .subheading,
#mainNav,
.btn,
code,
kbd,
pre,
samp {
  word-break: keep-all;
  font-family: 'Noto Sans KR', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.mb-3,
.my-3 {
  margin-bottom: 1.5rem;
}

.logo-icon {
  height: 44px;
  border-radius: 8px;
}

.logo-text {
  color: #ec174f;
}

.site-logo {
  margin: auto;
}

.hero-section .figure-holder {
  background: url(../images/hero-ildangongbu.png) no-repeat right top;
  background-size: 480px auto;
  min-height: 600px;
}

.features-section:before {
  position: absolute;
  content: '';
  display: block;
  left: -60%;
  top: -150px;
  height: 75%;
  -webkit-transform: rotate(-12deg);
  transform: rotate(-12deg);
  width: 180%;
  background: #eff2f5;
}

@media (max-width: 991.98px) {
  .hero-section .figure-holder {
    min-height: 460px;
    background-position: right 0px;
    background-size: 360px auto;
  }
}

@media (max-width: 767.98px) {
  .hero-section .figure-holder {
    padding-bottom: 400px;
    background-position: center 400px;
    background-size: 300px auto;
  }
}

@media (max-width: 575.98px) {
  .hero-section .figure-holder {
    padding-bottom: 400px;
    background-position: center 410px;
    background-size: 300px auto;
  }
  .mr-3 {
    margin-right: 0 !important;
    margin-bottom: 8px;
  }
  .site-headline,
  .page-title,
  h3 {
    font-size: 1.5rem;
  }
  .features-section:before {
    top: -500px;
  }
}

.theme-btn,
.btn-primary:hover {
  background-color: #ec174f;
  border-color: #ec174f;
}

.no-margin {
  margin: 0 !important;
}

.circle-image {
  width: 80px;
}

.mt-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.app-stores img {
  height: 45px;
}

/* Support Section */
.support-card {
  display: block;
  text-decoration: none;
  color: inherit;
}

.support-card:hover {
  text-decoration: none;
  color: inherit;
}

.support-card-inner {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s, box-shadow 0.3s;
}

.support-card-inner:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
}

.support-card-inner .text-primary {
  color: #ec174f !important;
}

.support-card-inner p {
  color: #666;
  margin-bottom: 0;
}