body {
  font-family: "Noto Sans KR", "Roboto", sans-serif;
  --bs-body-font-family: "Noto Sans KR", "Roboto", sans-serif;
}
span.navbar-toggler-icon {
  width: 17px;
  height: 17px;
}
button.navbar-toggler {
  font-size: 0px;
  padding: 8px 12px;
}
.navbar-toggler {
  --bs-border-width: none;
  --bs-navbar-toggler-focus-width: none;
}
.nav-item,
.dropdown-item {
  font-size: 13px;
}
.nav-link.active {
  --bs-navbar-active-color: #f27405;
}
.carousel-banner-image {
  height: 50vh;
  background-repeat: no-repeat;
  background-size: cover;
}
.carousel-banner-caption {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.banner-img-1 {
  background-image: url("img/basicBanner1.png");
}
.banner-img-2 {
  background-image: url("img/basicBanner2.png");
}
.carousel-image {
  height: 50vh;
  background-repeat: no-repeat;
  background-size: cover;
}
/* 이미지 적용 시 사용
.bg-img-1 {
  background-image: url("img/2023WorldItShow.jpg");
  background-position: 50% 30%;
}
.bg-img-2 {
  background-image: url("img/2023GwpWinner1.jpg");
  background-position: 50% 10%;
}
.bg-img-3 {
  background-image: url("img/2023GwpWinner2.jpg");
  background-position: center;
}
*/
@media (max-width: 575.98px) {
  .carousel-image {
    height: 40vh;
  }
}
#carouselNotice {
  height: 50vh;
}
#counter ul {
  width: 100%;
  color: #666;
  text-align: center;
  margin-top: 70px;
  margin-bottom: 30px;
}

#counter li {
  float: left;
  font-size: 13px;
  width: 25%;
  list-style: none;
  border-left: 1px solid #f2f2f2;
}

#counter li:first-child {
  border-left: 0;
}
p {
  text-align: left;
  font-size: 14px;
  word-break: keep-all;
}
p a {
  text-decoration: none;
  font-size: 13px;
}
li {
  word-break: keep-all;
}
.swiper {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
}
.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

#footer p,
.icon-link {
  font-size: 13px;
}
#footer a {
  text-decoration: none;
}
.page-header {
  height: 200px;
}
.explain-subject {
  font-size: 13px;
  text-align: center;
}
li {
  font-size: 14px;
}
#btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
}

button.btn {
  --bs-btn-font-size: 13px;
}

a.btn {
  font-size: 13px;
}
button.accordion-button {
  font-size: 14px;
}
.member-rate h6 {
  font-size: 14px;
}
.form-floating,
.form-check-input,
.form-floating > .form-control,
.form-floating > .form-select,
.form-check-label,
.form-label,
.form-control,
.form-select,
.form-input > .form-control,
.form-input > .form-select {
  font-size: 14px;
}

.dropdown:hover .dropdown-menu {
  display: block;
}
.art-bg-img-1 {
  background-image: url("img/art1.jpg");
}
.art-bg-img-2 {
  background-image: url("img/art2.jpeg");
}
.art-bg-img-3 {
  background-image: url("img/art3.jpg");
}
.art-bg-img-4 {
  background-image: url("img/art4.jpg");
}
.art-bg-img-5 {
  background-image: url("img/art5.jpg");
}
.table {
  font-size: 13px;
}
#offcanvasNavbar {
  max-width: 90%;
}

/* test.html css */
.profile {
  position: absolute;
  inset: 0px 0px auto auto;
  margin: 0px;
  transform: translate3d(0.5px, 34px, 0px);
}
#dropdown-toggle::after {
  content: none;
}

select option[value=""][disabled] {
  display: none;
}

select.form-select {
  padding: 8px 36px 8px 12px;
}

/*new*/
.main-clip {
  height: 60vh;
  position: relative;
}
@media (max-width: 768px) {
  .main-clip {
    height: 40vh;
  }
}

.clip-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #efe8db;
  font-size: 2em;
  text-align: center;
  pointer-events: none;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
  animation: fadeIn 2s ease-in-out; /* 애니메이션 적용 */
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.clip_web {
  display: block;
}
.clip_mobile {
  display: none;
}
@media (max-width: 768px) {
  .clip_web {
    display: none;
  }
  .clip_mobile {
    display: block;
  }
}