/* ********** ********** ********** */
/*       o_style style sheet        */
/* ********** ********** ********** */

html,
body {
  overflow-x: hidden;
  position: relative;
}

/* ********** ********** ********** */
/* Menu : start */
header {
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
}

/* logo */
header .logoContainer {
  max-width: 1980px;
  margin: 0 auto;
  padding: 0 5%;
}
header .logoContainer .inner {
  padding: 0.3% 0 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header .logoContainer .logBox {
  width: 6rem;
  transition: 0.3s;
}
header .logoContainer.active .logBox {
  width: 4.6rem;
}

header .logoContainer .infoBox {
  width: 5rem;
  transition: 0.3s;
  line-height: 0;
}
header .logoContainer.active .infoBox {
  width: 4rem;
}

/* menu */
header .menuContainer {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}
header .menuContainer nav ul {
  display: flex;
  justify-content: center;
  width: 100%;
}
header .menuContainer nav ul li {
  margin: 0 2rem;
}
header .menuContainer nav ul li a {
  font-weight: 600;
  position: relative;
  color: #000;
}
header .menuContainer nav ul li a::after {
  content: "";
  position: absolute;
  bottom: -0.3rem;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #1b8acb;
  transition: 0.3s;
}
header .menuContainer nav ul li a.active,
header .menuContainer nav ul li a:hover {
  color: #1b8acb;
}
header .menuContainer nav ul li a.active::after,
header .menuContainer nav ul li a:hover:after {
  width: 100%;
}

header .menuContainer nav ul li a span {
  padding-left: 0.3rem;
}

header .menuContainer nav ul li:nth-child(1) a.active,
header .menuContainer nav ul li:nth-child(1) a:hover {
  color: #ffb900;
}
header .menuContainer nav ul li:nth-child(1) a::after {
  background-color: #ffb900;
}

header .menuContainer nav ul li:nth-child(2) a.active,
header .menuContainer nav ul li:nth-child(2) a:hover {
  color: #7eb35f;
}
header .menuContainer nav ul li:nth-child(2) a::after {
  background-color: #7eb35f;
}

header .menuContainer nav ul li:nth-child(3) a.active,
header .menuContainer nav ul li:nth-child(3) a:hover {
  color: #f8b41a;
}
header .menuContainer nav ul li:nth-child(3) a::after {
  background-color: #f8b41a;
}

header .menuContainer nav ul li:nth-child(4) a.active,
header .menuContainer nav ul li:nth-child(4) a:hover {
  color: #00aaad;
}
header .menuContainer nav ul li:nth-child(4) a::after {
  background-color: #00aaad;
}

header .menuContainer nav ul li:nth-child(5) a.active,
header .menuContainer nav ul li:nth-child(5) a:hover {
  color: #c9d300;
}
header .menuContainer nav ul li:nth-child(5) a::after {
  background-color: #c9d300;
}

header .menuContainer nav ul li:nth-child(6) a.active,
header .menuContainer nav ul li:nth-child(6) a:hover {
  color: #fad0d5;
}
header .menuContainer nav ul li:nth-child(6) a::after {
  background-color: #fad0d5;
}

@media all and (max-width: 767px) {
  header {
    padding: 0;
    position: relative;
  }
  header .headerContainer {
    padding: 0 5%;
  }

  /* logo */
  header .logoContainer {
    border-bottom: 1px solid #000;
  }
  header .logoContainer .logBox {
    width: 18vmin;
  }
  header .logoContainer .infoBox {
    width: 18vmin;
  }

  /* menu */
  header .menuContainer {
    position: relative;
    top: 0;
    left: 0;
    transform: translate3d(0, 0, 0);
    justify-content: space-between;
    width: 100%;
    background-color: #fff;
  }
  header .menuContainer nav {
    padding: 2.5vmin 0;
    width: 100%;
  }
  header .menuContainer nav ul {
    justify-content: space-between;
    font-size: 3.1vmin;
  }
  header .menuContainer nav ul li {
    margin: 0;
    color: #000;
  }

  header .menuContainer.active {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
  }
}
/* Menu : end */
/* ********** ********** ********** */

/* ********** ********** ********** */
/* Common : Start */
section .titleBox h2 {
  width: 17.7rem;
}
section .titleBox h4 {
  color: var(--t-color);
}
section .titleBox h5 {
  color: var(--t-color);
  font-weight: 600;
}
section .titleBox p {
  color: var(--t-color);
  font-weight: 400;
}

/* o_subTitle */
.o_subTitle {
  position: relative;
  font-family: "Paperozi", Pretendard, "Noto Sans KR", sans-serif !important;
  padding-left: 1.6rem;
  font-weight: 400;
}
.o_subTitle::before {
  content: "";
  background-image: url("./image/icon/arrow_1.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 1.4rem;
  height: 1rem;
  position: absolute;
  top: 0.35em;
  left: 0;
}

/* img */
section .o_img {
  border-radius: 1rem;
  box-shadow: 0.3rem 0.3rem 0 0 rgba(0, 0, 0, 20%);
  overflow: hidden;
}

@media all and (max-width: 767px) {
  /* title */
  section .titleBox h2 {
    width: 30.8vmin;
  }

  /* o_subTitle */
  .o_subTitle {
    padding-left: 4.3vmin;
  }
  .o_subTitle::before {
    width: 3.8vmin;
    height: 3.1vmin;
  }

  /* img */
  section .o_img {
    border-radius: 2.6vmin;
  }
}
/* Common : End */
/* ********** ********** ********** */

/* ********** ********** ********** */
/* hero section : start */
section.main_section {
  background-image: url("./image/section00/bg_pc.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  position: relative;
}

section.main_section .o_wrapper {
  max-width: 76.8rem;
  width: 90%;
  margin: 0 auto;
}

/* .contentBox */
section.main_section .o_container {
  display: flex;
  align-items: center;
}

section.main_section .contentBox {
  width: 50%;
  z-index: 5;
  position: relative;
  padding-right: 5%;
}
section.main_section .contentBox .imgItem {
  width: 70%;
  margin: 0 auto;
}
section.main_section .contentBox .textItem {
  text-align: center;
}
section.main_section .contentBox .textItem h5 {
  font-family: "Paperozi", Pretendard, "Noto Sans KR", sans-serif;
  color: var(--w-color);
  font-weight: 700;
}

section.main_section .contentBox .downloadBtn a {
  width: 15rem;
  display: block;
  margin: 0 auto;
  transition: all 0.5s;
}
section.main_section .contentBox .downloadBtn a:hover {
  opacity: 0.7;
}

/* 기준 나무 */
section.main_section .illustArt {
  width: 50%;
  position: relative;
  text-align: right;
}
section.main_section .illustArt .illust_1 {
  position: relative;
  bottom: 0;
  right: 0;
  width: 80%;
  z-index: 1;
}

section.main_section .illustArt .o_inner {
  position: relative;
  height: 100%;
}

/* 오른쪽 풀 */
section.main_section .illustArt .illust_2 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
  transform: translate(50%, 0);
  width: 50%;
  height: 100%;
}
section.main_section .illustArt .illust_2 .illust_2-1 {
  position: absolute;
  bottom: 15%;
  right: 0;
  width: 100%;
  z-index: 3;
}
section.main_section .illustArt .illust_2 .illust_2-2 {
  position: absolute;
  bottom: 50%;
  right: 36%;
  z-index: 2;
  width: 40%;
}
section.main_section .illustArt .illust_2 .illust_2-3 {
  position: absolute;
  bottom: -6%;
  right: 45%;
  z-index: 2;
  width: 42%;
}
section.main_section .illustArt .illust_2 .illust_2-4 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 3;
  width: 100%;
}

/* 왼쪽 풀 */
section.main_section .illustArt .illust_3 {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  transform: translate(0, 0);
  width: 40%;
  height: 100%;
}
section.main_section .illustArt .illust_3 .illust_3-1 {
  position: absolute;
  bottom: 10%;
  left: 0;
  z-index: 3;
  width: 100%;
}
section.main_section .illustArt .illust_3 .illust_3-2 {
  position: absolute;
  bottom: 50%;
  left: 25%;
  z-index: 2;
  width: 45%;
}
section.main_section .illustArt .illust_3 .illust_3-3 {
  position: absolute;
  bottom: 0;
  left: 10%;
  z-index: 3;
  width: 100%;
}

/* 새 */
section.main_section .illustArt .illust_4 {
  position: absolute;
  top: 0;
  left: 0;
  width: 15%;
  z-index: 3;
}

@media all and (max-width: 767px) {
  section.main_section {
    background-image: url("./image/section00/bg_mo.png");
    padding-top: 5.1vmin;
    padding-bottom: 0;
  }
  section.main_section .o_wrapper {
    width: 100%;
  }

  section.main_section .o_container {
    display: block;
  }

  /* .contentBox */
  section.main_section .contentBox {
    width: 100%;
    padding-bottom: 10.3vmin;
    padding-right: 0;
  }
  section.main_section .contentBox .imgItem {
    width: 75%;
    margin: 0 auto;
  }
  section.main_section .contentBox .downloadBtn a {
    width: 40vmin;
  }

  /* illust */
  section.main_section .illustArt {
    width: 100%;
    text-align: center;
    padding-bottom: 15.4vmin;
  }

  /* 기준 나무 */
  section.main_section .illustArt {
    width: 100%;
    position: relative;
    padding-bottom: 15.4vmin;
  }
  section.main_section .illustArt .illust_1 {
    width: 80%;
  }

  /* 오른쪽 풀 */
  section.main_section .illustArt .illust_2 {
    transform: translate(0, 0);
    width: 35%;
  }
  section.main_section .illustArt .illust_2 .illust_2-1 {
    bottom: 30%;
    right: 0;
  }
  section.main_section .illustArt .illust_2 .illust_2-2 {
    bottom: 60%;
    right: 15%;
    width: 50%;
  }
  section.main_section .illustArt .illust_2 .illust_2-3 {
    bottom: 13%;
    right: 30%;
    width: 55%;
  }
  section.main_section .illustArt .illust_2 .illust_2-4 {
    bottom: 0;
    right: 0;
    width: 100%;
  }

  /* 왼쪽 풀 */
  section.main_section .illustArt .illust_3 {
    bottom: 0;
    left: 0;
    transform: translate(0, 0);
    width: 35%;
  }
  section.main_section .illustArt .illust_3 .illust_3-1 {
    bottom: 20%;
    left: 0;
  }
  section.main_section .illustArt .illust_3 .illust_3-2 {
    bottom: 55%;
    left: 10%;
    width: 50%;
  }
  section.main_section .illustArt .illust_3 .illust_3-3 {
    bottom: 0;
    left: 0;
    width: 80%;
  }

  /* 새 */
  section.main_section .illustArt .illust_4 {
    top: -7.5%;
    left: 5%;
    width: 15%;
  }
}
/* hero section : end */
/* ********** ********** ********** */

/* ********** ********** ********** */
/* 행사일정 : start */
section.eventSchedule {
  background-image: url("./image/section01/bg_pc.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  position: relative;
}

/* title */
section.eventSchedule .o_container .titleBox h2 {
  width: 20rem;
}

section.eventSchedule .o_container .contentBox {
  width: 100%;
}

/* illustArt */
section.eventSchedule .illustArt {
  width: 8rem;
  position: absolute;
  top: 10%;
  right: 0;
}

@media all and (max-width: 767px) {
  /* title */
  section.eventSchedule .o_container .titleBox h2 {
    width: 36.2vmin;
  }

  /* illustArt */
  section.eventSchedule .illustArt {
    width: 10.3vmin;
    top: 25.5vmin;
  }
}

/* 행사일정 : end */
/* ********** ********** ********** */

/* ********** ********** ********** */
/* 개막행사 / 식전공연 : start */
section.openingEvent {
  background-image: url("./image/section02/bg_pc.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
}

/* 공통 */
section.openingEvent .contentBox {
  position: relative;
  width: 50%;
}

/* 개막행사 */
section.openingEvent .o_container._1 {
  display: flex;
  justify-content: center;
}
section.openingEvent .o_container._1 .contentBox._1 {
  padding-right: 5%;
}

section.openingEvent .o_container._1 .contentBox._1 .tableBox {
  padding: 5%;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 1rem;
}
section.openingEvent .o_container._1 .contentBox._1 .tableBox ul li {
  color: var(--t-color);
  font-weight: 700;
  display: flex;
}
section.openingEvent .o_container._1 .contentBox._1 .tableBox ul li + li {
  margin-top: 1rem;
}
section.openingEvent
  .o_container._1
  .contentBox._1
  .tableBox
  ul
  li
  span:first-child {
  width: 25%;
}

/* 식전행사 */
section.openingEvent .o_container._2 .o_inner {
  display: flex;
  align-items: center;
}
section.openingEvent .o_container._2 .imgBox {
  width: 100%;
}

section.openingEvent .o_container._2 .contentBox {
  text-align: center;
}
section.openingEvent .o_container._2 .contentBox h5 {
  color: var(--t-color);
  font-weight: 500;
}
section.openingEvent .o_container._2 .contentBox h3 {
  color: var(--t-color);
  font-weight: 700;
}
section.openingEvent .o_container._2 .contentBox h6 {
  color: var(--t-color);
  font-weight: 500;
}
section.openingEvent .o_container._2 .contentBox p {
  color: var(--t-color);
  font-weight: 700;
}

@media all and (max-width: 991px) {
  section.openingEvent
    .o_container._1
    .contentBox._1
    .tableBox
    ul
    li
    span:first-child {
    width: 30%;
  }
}

@media all and (max-width: 767px) {
  section.openingEvent {
    background-image: url("./image/section02/bg_mo.png");
  }

  /* 공통 */
  section.openingEvent .contentBox {
    width: 100%;
  }

  /* 개막행사 */
  section.openingEvent .o_container._1 {
    display: block;
  }
  section.openingEvent .o_container._1 .contentBox._1 {
    padding-right: 0;
  }

  section.openingEvent .o_container._1 .contentBox._1 .tableBox {
    border-radius: 2.6vmin;
  }
  section.openingEvent .o_container._1 .contentBox._1 .tableBox ul li + li {
    margin-top: 2.6vmin;
  }
  section.openingEvent
    .o_container._1
    .contentBox._1
    .tableBox
    ul
    li
    span:first-child {
    width: 32%;
  }

  section.openingEvent .o_container._1 .contentBox._2 {
    margin-top: 7.7vmin;
  }

  /* 식전행사 */
  section.openingEvent .o_container._2 .o_inner {
    display: block;
  }
  section.openingEvent .o_container._2 .imgBox {
    border-radius: 2.6vmin;
  }

  section.openingEvent .o_container._2 .contentBox._2 {
    margin-top: 7.7vmin;
  }
}
/* 개막행사  : end */
/* ********** ********** ********** */

/* ********** ********** ********** */
/* 문화공연 : start */
section.culturalPerformance {
  background-image: url("./image/section03/bg_pc.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
}

section.culturalPerformance .contentBox {
  display: flex;
  align-items: center;
  position: relative;
  padding: 4rem 0;
}
section.culturalPerformance .contentBox .imgItem,
section.culturalPerformance .contentBox .contentItem {
  width: 50%;
  text-align: center;
}

section.culturalPerformance .contentBox .contentItem h5 {
  color: var(--t-color);
  font-weight: 500;
}
section.culturalPerformance .contentBox .contentItem h3 {
  color: var(--t-color);
  font-weight: 700;
}
section.culturalPerformance .contentBox .contentItem h6 {
  font-weight: 500;
}
section.culturalPerformance .contentBox .contentItem p {
  color: #f8b41a;
  font-weight: 700;
}

@media all and (max-width: 767px) {
  section.culturalPerformance .contentBox {
    display: block;
    padding: 10.3vmin 0;
  }
  section.culturalPerformance .contentBox .imgItem,
  section.culturalPerformance .contentBox .contentItem {
    width: 100%;
  }

  section.culturalPerformance .contentBox .contentItem {
    margin-top: 7.7vmin;
  }
}
/* 문화공연 : end */
/* ********** ********** ********** */

/* ********** ********** ********** */
/* 체험활동 : start */
section.experienceActivity {
  background-image: url("./image/section04/bg_pc.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
}

/* o_container_1 */
section.experienceActivity .o_container_1 .contentBox {
  width: 100%;
  position: relative;
}
section.experienceActivity .o_container_1 .contentBox .imgItem {
  position: relative;
  z-index: 1;
}
section.experienceActivity .o_container_1 .contentBox .o_illust {
  position: absolute;
}

section.experienceActivity .o_container_1 .contentBox._2 {
  padding: 0 5%;
}

section.experienceActivity .o_container_1 .contentBox._3 {
  width: 55%;
  margin-left: auto;
  padding: 0 5%;
}

section.experienceActivity .o_container_1 .contentBox._1 .o_illust {
  width: 12%;
  top: 0;
  right: 0;
  z-index: -1;
}
section.experienceActivity .o_container_1 .contentBox._2 .o_illust {
  width: 12%;
  top: -10%;
  left: 10%;
  z-index: 2;
}
section.experienceActivity .o_container_1 .contentBox._3 .o_illust {
  width: 45%;
  top: 0;
  left: -35%;
  z-index: -1;
}

/* o_container_2 */
section.experienceActivity .o_container_2 {
  padding: 4rem;
  border: 1px solid #067893;
  border-radius: 2rem;
  position: relative;
}

section.experienceActivity .o_container_2 .titleBox h2 {
  width: 42%;
}
section.experienceActivity .o_container_2 .titleBox .subText {
  position: relative;
  font-weight: 300;
  padding-left: 1em;
}
section.experienceActivity .o_container_2 .titleBox .subText span {
  position: absolute;
  top: 0;
  left: 0;
}

section.experienceActivity .o_container_2 .imgBox {
  position: absolute;
  bottom: 0;
  right: 10%;
  width: 30%;
}

@media all and (max-width: 767px) {
  /* o_container_1 */
  section.experienceActivity .o_container_1 {
    margin-top: 5.1vmin;
  }

  section.experienceActivity .o_container_1 .contentBox._2 {
    padding: 0;
  }
  section.experienceActivity .o_container_1 .contentBox._3 {
    width: 65%;
    margin-left: auto;
    padding: 0;
  }

  section.experienceActivity .o_container_1 .contentBox._1 .o_illust {
    width: 11.5vmin;
  }
  section.experienceActivity .o_container_1 .contentBox._2 .o_illust {
    width: 12.8vmin;
  }
  section.experienceActivity .o_container_1 .contentBox._3 .o_illust {
    width: 26.2vmin;
    left: -43%;
  }

  /* o_container_2 */
  section.experienceActivity .o_container_2 {
    padding: 7.7vmin 5.1vmin 5.1vmin;
    border-radius: 5.1vmin;
  }

  section.experienceActivity .o_container_2 .titleBox h2 {
    width: 64.4vmin;
  }
  section.experienceActivity .o_container_2 .imgBox {
    position: absolute;
    bottom: 0;
    right: 5%;
    width: 30%;
  }
}
/* 체험활동 : end */
/* ********** ********** ********** */

/* ********** ********** ********** */
/* 가족 놀이터 : start */
section.familyPlayground {
  background-image: url("./image/section05/bg_pc.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
}

section.familyPlayground .o_container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
section.familyPlayground .o_container .titleBox {
  width: 40%;
}
section.familyPlayground .o_container .imgBox {
  width: 60%;
}

section.familyPlayground .o_container .titleBox h2 {
  width: 22.7rem;
}

@media all and (max-width: 767px) {
  section.familyPlayground .o_container {
    display: block;
  }
  section.familyPlayground .o_container .titleBox {
    width: 100%;
  }
  section.familyPlayground .o_container .imgBox {
    width: 100%;
    margin-top: 5.1vmin;
  }

  section.familyPlayground .o_container .titleBox h2 {
    width: 39.5vmin;
  }
}
/* 가족 놀이터 : End */
/* ********** ********** ********** */

/* ********** ********** ********** */
/* 스템프 투어 : start */
section.stampTour {
  background-color: #fbffeb;
}
section.stampTour .o_container {
  display: flex;
}

section.stampTour .o_container .titleBox {
  width: 40%;
}
section.stampTour .o_container .titleBox h2 {
  width: 100%;
}

section.stampTour .o_container .imgBox {
  width: 60%;
  position: relative;
}
section.stampTour .o_container .imgBox .illust_1 {
  width: 100%;
}
section.stampTour .o_container .imgBox .illust_2 {
  width: 10rem;
  position: absolute;
  top: 56%;
  left: 17%;
}

@media all and (max-width: 767px) {
  section.stampTour .o_container {
    display: block;
  }

  section.stampTour .o_container .titleBox {
    width: 100%;
  }
  section.stampTour .o_container .titleBox h2 {
    width: 60vmin;
  }

  section.stampTour .o_container .imgBox {
    width: 100%;
    margin-top: 5.1vmin;
  }
  section.stampTour .o_container .imgBox .illust_2 {
    width: 20vmin;
  }
}
/* 스템프 투어 : End */
/* ********** ********** ********** */

/* ********** ********** ********** */
/* 관내 프로그램 : start */
section.nlcyProgram {
  background-color: #fff6db;
}

section.nlcyProgram .o_container_1 {
  display: flex;
}
section.nlcyProgram .o_container_1 .titleBox {
  width: 50%;
}
section.nlcyProgram .o_container_1 .titleBox h2 {
  width: 26.9rem;
}
section.nlcyProgram .o_container_1 .titleBox h5 {
  padding-right: 15%;
}
section.nlcyProgram .o_container_1 .imgBox {
  width: 50%;
}

/* o_container_2 */
section.nlcyProgram .o_container_2 {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
section.nlcyProgram .o_container_2 .contentBox {
  width: 32.3%;
  background-color: #fff;
  border-radius: 1rem;
  overflow: hidden;
  margin-top: 2%;
  margin-right: 1.5%;
}
section.nlcyProgram .o_container_2 .contentBox:nth-child(3) {
  margin-right: 0;
}
section.nlcyProgram .o_container_2 .contentBox .imgItem {
  width: 100%;
}
section.nlcyProgram .o_container_2 .contentBox .textItem {
  text-align: center;
  padding: 1.4rem 1rem 2rem;
}

section.nlcyProgram .o_container_2 .contentBox .textItem h5 {
  color: var(--t-color);
  font-weight: 600;
  position: relative;
  padding-bottom: 1.4rem;
}

section.nlcyProgram .o_container_2 .contentBox .textItem .o_text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 16rem;
  padding-top: 1.4rem;
  border-top: 1px solid var(--t-color);
}
section.nlcyProgram .o_container_2 .contentBox .textItem .o_text .text_1 {
  color: var(--t-color);
  font-weight: 400;
}
section.nlcyProgram .o_container_2 .contentBox .textItem .o_text .text_2 {
  padding-top: 1rem;
  color: #ff9933;
  font-weight: 500;
}

section.nlcyProgram .o_container_2 .contentBox .textItem .text_2 a {
  display: inline-block;
  background-color: #ff9933;
  color: #fff;
  font-weight: 600;
  border-radius: 999px;
  padding: 0.55em 2.4em 0.5em;
  margin-top: 2rem;
}
section.nlcyProgram .o_container_2 .contentBox .textItem .text_2 a:hover {
  opacity: 0.7;
}

@media all and (max-width: 767px) {
  section.nlcyProgram .o_container_1 {
    display: block;
  }
  section.nlcyProgram .o_container_1 .titleBox {
    width: 100%;
  }
  section.nlcyProgram .o_container_1 .titleBox h2 {
    width: 46.9vmin;
  }
  section.nlcyProgram .o_container_1 .imgBox {
    width: 100%;
    margin-top: 5.1vmin;
  }

  section.nlcyProgram .o_container_2 .contentBox {
    width: 100%;
  }

  section.nlcyProgram .o_container_2 .contentBox + .contentBox {
    margin-top: 5.1vmin;
  }

  section.nlcyProgram .o_container_2 .contentBox .textItem {
    padding: 5.1vmin 5.1vmin 7.7vmin;
  }

  section.nlcyProgram .o_container_2 .contentBox .textItem h5 {
    padding-bottom: 4.1vmin;
  }
  section.nlcyProgram .o_container_2 .contentBox .textItem h5::after {
    height: 8vmin;
  }

  section.nlcyProgram .o_container_2 .contentBox .textItem .o_text {
    display: block;
    height: auto;
    padding-top: 4.1vmin;
  }

  section.nlcyProgram .o_container_2 .contentBox .textItem .o_text .text_2 {
    padding-top: 5.1vmin;
  }

  section.nlcyProgram .o_container_2 .contentBox .textItem .text_2 a {
    margin-top: 5.1vmin;
  }
}
/* 관내 프로그램 : end */
/* ********** ********** ********** */

/* ********** ********** ********** */
/* 그림책작가와 함께 : start */
section.bookExhibition {
  background-image: url("./image/section08/bg_pc.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
}

section.bookExhibition .titleBox {
  position: relative;
}
section.bookExhibition .titleBox h2 {
  width: 36.3rem;
}

section.bookExhibition .titleBox .imgItem {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 35.8%;
}

/* o_container */
section.bookExhibition .imgBox {
  width: 100%;
}

@media all and (max-width: 767px) {
  section.bookExhibition .titleBox h2 {
    width: 63.3vmin;
  }

  section.bookExhibition .titleBox .imgItem {
    bottom: -40%;
    right: 0;
    width: 50%;
  }

  section.bookExhibition .imgBox {
    padding-top: 12.8vmin;
  }
}
/* 그림책작가와 함께 : end */
/* ********** ********** ********** */

/* ********** ********** ********** */
/* 오시는 길 : start */
section.directions {
  background-color: rgba(250, 208, 213, 0.2);
}

/* title */
section.directions .titleBox h2 {
  width: 17.7rem;
}
section.directions .textBox ul li {
  display: flex;
}
section.directions .textBox ul li span:first-child {
  width: 5.1rem;
}
section.directions .textBox ul li span:last-child {
  width: 100%;
}

/* map */
section.directions .mapBox #daumRoughmapContainer1681982672511 {
  width: 100% !important;
  z-index: 1;
}
section.directions .mapBox #daumRoughmapContainer1681982672511 .wrap_map {
  height: 40rem !important;
}

/* contentBox */
section.directions .contentBox {
  width: 100%;
  border: 1px solid #ce415c;
  border-radius: 2rem;
  padding: 4rem;
  position: relative;
}
section.directions .contentBox ul._1 {
  padding-bottom: 4rem;
}
section.directions .contentBox ul._2 {
  padding-top: 4rem;
  border-top: 1px solid #fad0d5;
}
section.directions .contentBox ul p {
  color: var(--t-color);
  font-weight: 700;
  margin-bottom: 1em;
}
section.directions .contentBox ul li {
  position: relative;
  padding-left: 0.5em;
  color: var(--t-color);
  font-weight: 400;
}
section.directions .contentBox ul li + li {
  margin-top: 0.4em;
}
section.directions .contentBox ul li::before {
  content: "";
  background-color: var(--t-color);
  position: absolute;
  top: 0.5em;
  left: 0;
  width: 0.2em;
  height: 0.2em;
  border-radius: 50%;
}

section.directions .contentBox .o_illust .illust._1 {
  position: absolute;
  top: -10%;
  left: -3.5%;
  width: 8rem;
}

@media all and (max-width: 767px) {
  /* title */
  section.directions .titleBox h2 {
    width: 31vmin;
  }
  section.directions .textBox ul li span:first-child {
    width: 15%;
  }
  section.directions .textBox ul li span:last-child {
    width: 85%;
  }

  /* map */
  section.directions .mapBox #daumRoughmapContainer1681982672511 .wrap_map {
    height: 100vmin !important;
  }

  /* contentBox */
  section.directions .contentBox {
    border-radius: 5.1vmin;
    padding: 10.3vmin 5.1vmin;
  }
  section.directions .contentBox ul._1 {
    padding-bottom: 10.3vmin;
  }
  section.directions .contentBox ul._2 {
    padding-top: 10.3vmin;
  }

  section.directions .contentBox .o_illust .illust._1 {
    top: -6%;
    left: -7.5%;
    width: 20.5vmin;
  }
}
/* 오시는 길 : end */
/* ********** ********** ********** */

/* ********** ********** ********** */
/* footer : start */
footer {
  text-align: center;
  z-index: 10;
}
footer .content_container {
  background-color: #fff;
}
footer .content_container p {
  font-family: Pretendard, "Noto Sans KR", sans-serif;
  font-weight: 400;
  color: #000;
}

footer .content_container .snsBox {
  display: flex;
  align-items: center;
  justify-content: center;
}
footer .content_container .snsBox a {
  line-height: 0;
  margin: 0 1rem;
}
footer .content_container .snsBox a img {
  width: 2rem;
}

@media all and (max-width: 767px) {
  footer .content_container .snsBox a {
    margin: 0 3vmin;
  }
  footer .content_container .snsBox a img {
    width: 6.67vmin;
  }
}

/* footer : end */
/* ********** ********** ********** */

/* ********** ********** ********** */
/* etc : start */

.toTopBtn {
  position: fixed;
  bottom: 1.2rem;
  right: 0;
  width: 2.8rem;
  z-index: 999;
  cursor: pointer;
  opacity: 0;
  transition: 1s;
  transform: translateX(100%);
}
.toTopBtn.active {
  right: 1rem;
  opacity: 1;
  transform: translateX(0);
}

@media all and (max-width: 767px) {
  .toTopBtn {
    bottom: 5vmin;
    width: 7.5vmin;
  }

  .toTopBtn.active {
    right: 2.5vmin;
  }
}

/* etc : end */
/* ********** ********** ********** */