@charset "utf-8";

/* ----- 한국어린이철학교육학회 kspc ----- */

/* Local style */
:root {
  /* Main Color */
  --first-color: #5CB338;
  --second-color: #FFC145;
  --third-color: #FB4141;
  --fourth-color: #ECE852;
  --fifth-color: #F2F2F2;

  /* Object Color */
  --th-bg-color: hsl(144 22% 92% / 1);
}

/* header */
header .inner__wrap {
  flex-wrap: nowrap;
}

header .logo h1 {
  opacity: 1;
}

header .logo h1 img {
    max-height: 4rem;
}

.gnb__wrap>ul>li:nth-child(3) .gnb__depth2 ul {margin-left: 15rem;}


/* footer */
.foot-1-wrap .btn-group {
  display: none;
}

.foot-2-wrap .sns {
  display: none;
}

.foot-2-wrap .title img {
  max-height: 4rem;
  margin-bottom: .5rem;
}

@media (max-width: 767.98px) {
  .foot-1-wrap {
    display: none;
  }
}

/* main */
.carousel-item:nth-child(1) {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35)), url(https://hakjisa-assets.s3.ap-northeast-2.amazonaws.com/ws/kspc/main-img_01.jpg) !important;
}

.carousel-item:nth-child(2) {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35)), url(https://hakjisa-assets.s3.ap-northeast-2.amazonaws.com/ws/kspc/main-img_02.jpg) !important;
}

.main-banner .caption {
  width: 50%;
}

.main-banner .caption h2 {
  font-size: clamp(0.95rem, 0.6466rem + 1.5172vw, 1.5rem);
}

.main-banner .caption h3 {
  font-size: 17px;
}

@media (max-width: 1199.98px) {
  .main-banner .caption {
    width: 70%;
  }
}

@media (max-width: 991.98px) {
  .main-banner .carousel-inner {
    height: 37.5rem;
  }
}

@media (max-width: 767.98px) {
  .main-banner .carousel-inner {
    height: 31.25rem;
  }

  .main-banner .caption {
    width: 100%;
  }
}

@media (max-width: 575.98px) {
  .main-banner .carousel-inner {
    height: 18.75rem;
  }

  .main-banner .caption {
    bottom: 15%;
  }
}

.bbs-widgets {
  background-color: #fff;
  padding-bottom: 0;
}

/* main - sitelink */
.sitelink a {margin: 1rem;}
.sitelink a img {max-height: 4rem;}

.sitelink .slick-slide img {
  background-color: #fff;
}

.sitelink .slick-track {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
}

.sitelink .slick-active  { opacity: 1; }
.sitelink .slick-current { opacity: 1; }

@media (max-width: 991.98px) { 
  section.part5 { display: none; }
}




/* .sitelink {
    background-color: var(--bg-color);
}

.sitelink a {
  margin: 1rem;
  background-color: var(--white);
}

.sitelink a img {
  max-height: 4rem;
  border: 1px solid;
  border-color: var(--border-color);
  padding: .75rem;
} */


/* sub */
.sub-banner {
  background-position: 50% 40% !important;
}