/* sub */
.sub_con_wrap{
  margin-top: 120px;
}
.sub-container{
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 60px 0 100px;
}
.sub-container h1{display: none;}
.sub_visual {
  position: relative;
  height: auto;
  margin: 0 20px;
  background: url(../img/sub_visual.jpg) no-repeat center/cover;
  border-radius: 3rem;
  z-index: 55;
}
.subtop-con-wrap {
  width: 100%;
  padding: 215px 0;
}
.sub_visual.sv01 {
  background-image: url(../img/sub_visual.jpg);
}
.sub_visual.sv02 {
  background-image: url(../img/sub_visual.jpg);
}
.sub_visual.sv03 {
  background-image: url(../img/sub_visual.jpg);
}
.sub_visual.sv04 {
  background-image: url(../img/sub_visual.jpg);
}
.sub_visual.sv05 {
  background-image: url(../img/sub_visual.jpg);
}
.sub_visual.sv06 {
  background-image: url(../img/sub_visual.jpg);
}
.sub_visual .sub_tit {
  font-size: 50px;
  font-weight: 900;
  color: #191919;
  text-align: center;
  letter-spacing: -0.8px;
}
.sub_visual .subtop-txtbox p {
  margin-top: 12px;
  font-size: 24px;
  font-weight: normal;
  color: #191919;
  text-align: center;
  letter-spacing: -0.24px;
}
.sub_visual .subtop-txtbox p span {
  font-weight: bold;
}

@media (max-width: 1024px) {
  #sub_container {
    margin-top: 80px;
  }
  .subtop-con-wrap {
    padding: 60px 0 150px;
  }
  .sub_visual .sub_tit {
    font-size: 30px;
  }
  .sub_visual .subtop-txtbox p {
    margin-top: 6px;
    font-size: 20px;
    letter-spacing: 0.5px;
  }
}

/* subtop */

/* subnavi */
.sub_nav {
  position: absolute;
  bottom: 30px;
  left: 50%;
  width: 100%;
  z-index: 99;
  text-align: center;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
.sub_nav .sub_nav_ul {
  display: inline-flex;
  gap: 28px;
  justify-content: center;
  flex-wrap: wrap;
  padding: 1.2rem;
  box-shadow: 4px 4px 24px 0 rgba(0, 0, 0, 0.1);
  background: rgba(255, 255, 255, 0.8);
  border-radius: 50px;
  backdrop-filter: blur(5px);
}
.sub_nav .sub_nav_ul > li {
  position: relative;
  min-width: 280px;
}
.sub_nav .sub_nav_ul > li:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -16px;
  width: 4px;
  height: 4px;
  background: #777;
  border-radius: 50%;
  transform: translateY(-50%);
}
.sub_nav .sub_nav_ul > li:last-child:after {
  display: none;
}

.sub_nav .sub_nav_ul > li.home {
  min-width: auto;
  border-radius: 50%;
}

.sub_nav .sub_nav_ul > li.home a {
  width: 54px;
  height: 54px;
  padding: 0;
}
.sub_nav .sub_nav_ul > li.home img {
  vertical-align: -13%;
}

.sub_nav .sub_nav_ul > li > p,
.sub_nav .sub_nav_ul > li > a {
  position: relative;
  width: 100%;
  display: block;
  overflow: hidden;
  /* padding: 20px; */
  background-color: #fbaa1d;
  font-size: 18px;
  font-weight: 600;
  line-height: 54px;
  color: #fff;
  text-align: center;
  letter-spacing: -0.32px;
  transition: border 0.3s ease-in-out;
  cursor: pointer;
  border-radius: 100rem;
}
.sub_visual02 .sub_nav .sub_nav_ul > li > p,
.sub_visual02 .sub_nav .sub_nav_ul > li > a {
  background-color: #FF7A68;
}
.sub_visual03 .sub_nav .sub_nav_ul > li > p,
.sub_visual03 .sub_nav .sub_nav_ul > li > a {
  background-color: #7557F2;
}
.sub_visual04 .sub_nav .sub_nav_ul > li > p,
.sub_visual04 .sub_nav .sub_nav_ul > li > a {
  background-color: #0095FF;
}
.sub_nav .sub_nav_ul > li .drop_menu {
  position: absolute;
  top: 100%;
  left: 0;
  left: 0;
  width: 100%;
  display: none;
  border: solid 1px rgb(158, 158, 158);
  background: #fff;
  border-radius: 5px;
  /* flex-direction: column;
  flex-wrap: wrap;
  height: 360px; */
}
/* .sub_nav .sub_nav_ul > li .drop_menu li {
  width: 100%;
  background-color: #fff;
} */
/* .sub_nav .sub_nav_ul > li .drop_menu li:nth-child(n + 7){
  border-left: solid 1px rgb(0, 0, 0, 0.2);
} */
.sub_nav .sub_nav_ul > li .drop_menu li a {
  display: block;
  padding: 16px 7px 16px 15px;
  border-bottom: 1px solid rgb(0, 0, 0, 0.2);
  font-size: 18px;
  font-weight: 700;
  color: rgb(33, 33, 33);
}
.sub_nav .sub_nav_ul > li .drop_menu li:last-child a {
  /* border-bottom: none; */
}
.sub_nav .sub_nav_ul > li > p::after {
  content: "";
  width: 14px;
  height: 10px;
  display: inline-block;
  margin-left: 5px;
  /* position: absolute;
  right: 13px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%); */
  overflow: hidden;
  background: url(../img/icon_arrow_down.svg) no-repeat center / 100%;
  transition: opacity 0.3s ease-in-out;
}

.sub_nav .sub_nav_ul > li > p.on::after {
  opacity: 1;
  transform: translateY(-50%) rotate(180deg);
  -webkit-transform: translateY(-50%) rotate(180deg);
}
.sub_nav .sub_nav_ul > li > p.on,
.sub_nav .sub_nav_ul > li > a:hover,
.sub_nav .sub_nav_ul > li:last-child p,
.sub_nav .sub_nav_ul > li > p:hover {
  border: solid 1px rgb(206, 206, 206);
}

/* @media (max-width: 1540px) {
  .sub_nav .sub_nav_ul > li .drop_menu {
    height: auto;
  }
  .sub_nav .sub_nav_ul > li .drop_menu li:nth-child(n + 7){
    border-left: unset;
  }  
} */
@media (max-width: 1024px) {
  .sub_con_wrap{
    margin-top: 80px;
  }
  .sub-container{
    padding: 40px 0 80px;
  }
  
  .sub_nav {
    bottom: 15px;
    width: 96%;
  }
  .sub_nav .sub_nav_ul {
    gap: 5px;
  }
  .sub_nav .sub_nav_ul > li {
    min-width: fit-content;
    flex: 1;
  }
  .sub_nav .sub_nav_ul > li:after{
    display: none;
  }
  .sub_nav .sub_nav_ul > li.depth1_li{
    z-index: 33;
  }
  .sub_nav .sub_nav_ul > li.depth2_li{
    z-index: 22;
  }
  .sub_nav .sub_nav_ul > li:last-child{
    width: 100%;
    z-index: 11;
  }
  .sub_nav .sub_nav_ul > li.home {
    display: none;
  }
  .sub_nav .sub_nav_ul > li > p,
  .sub_nav .sub_nav_ul > li > a {
    padding: 6px 10px;
    font-size: 14px;
    line-height: 1.7;
  }
  .sub_nav .sub_nav_ul > li .drop_menu li a {
    padding: 12px 5px 12px 10px;
    font-size: 14px;
  }
}

@media (max-width: 350px) {
  .sub_nav .sub_nav_ul {
    width: 100%;
    border-radius: var(--border-radius-small);
  }
  .sub_nav .sub_nav_ul > li:after {
    display: none;
  }
  .sub_nav .sub_nav_ul > li {
    width: 100%;
    min-width: initial;
    flex: none;
  }
}

/* subnavi */

/* sub 공통 */
.pc {
  display: none;
}

.sub-wrap {
  color: #191919;
}
:root {
  --line: #d9d9d9;
  --text-weak: rgba(0, 0, 0, 0.42);
  --color-orange: #fcaa1d;
  --color-orange2: #fbaa1d;
  --color-orange-light: #ffe8ae;
  --color-orange-light2: #fff6e8;
  --color-blue: #277ced;
  --color-blue2: rgba(0, 149, 255, 1);
  --color-blue2-light: rgba(0, 149, 255, 0.16);
  --color-green: #00a808;
  --color-green2: #80c164;
  --color-green3: #29cf8d;
  --color-green2-light: rgba(113, 192, 43, 0.16);
  --color-skyblue: #33a3ff;
  --color-gray: #555;
  --color-purple: #7557f2;
  --color-purple-light: rgba(117, 87, 242, 0.2);
  --color-pink-light: #ffe0de;
  --color-red: #ff6c61;
  --section-padding1: 15rem;
  --section-padding2: 10rem;
  --section-padding3: 6rem;
  --font-size-70: 70px;
  --font-size-40: 40px;
  --font-size-32: 32px;
  --font-size-28: 28px;
  --font-size-24: 24px;
  --font-size-20: 20px;
  --font-size-18: 18px;
  --font-size-16: 16px;
  --border-radius-large: 6rem;
  --border-radius-medium: 3rem;
  --border-radius-reguler: 3rem;
  --border-radius-small: 2rem;
}
.t_orange {
  color: var(--color-orange);
}

.t_blue {
  color: var(--color-blue);
}
.t_green {
  color: var(--color-green);
}
.t_skyblue {
  color: var(--color-skyblue);
}
.t_gray {
  color: var(--color-gray);
}
.t_purple {
  color: var(--color-purple);
}
.t_red {
  color: var(--color-red);
}
.t_regular {
  font-weight: 400;
}
.sub-con {
  padding: var(--section-padding2) 0;
}
.sc-title {
  margin-bottom: 6rem;
  font-size: var(--font-size-40);
  font-weight: 700;
  text-align: center;
}
.class_img .sc-title{
  margin-bottom: 1.6rem;
}
.sc-title.left {
  text-align: left;
}

.sc-title02 {
  margin-bottom: 2rem;
  font-size: var(--font-size-32);
  font-weight: 700;
}

.color-title {
  font-size: var(--font-size-70);
}
.sc-desc {
  font-size: var(--font-size-32);
  line-height: 1.7;
  color: var(--color-gray);
  text-align: center;
}

/* sub01-1 원장님 인사말 */
.sub01-1 .con01 {
  text-align: center;
}
.sub01-1 .con01 .img-box img {
  max-width: 100%;
}

.sub01-1 .con01 .color-title {
  margin-top: 9.5rem;
  margin-bottom: 2.1rem;
}
.sub01-1 .con02 {
  background: #fff6e8;
}

.edu-list ul li {
  display: flex;
  gap: 2rem;
  margin-bottom: 4rem;
}
.edu-list ul li:last-child {
  margin-bottom: 0;
}
.edu-list ul li:nth-child(2n) {
  flex-direction: row-reverse;
}
.edu-list ul li > div {
  width: 50%;
  overflow: hidden;
  border-radius: 3rem;
}

.edu-list .text-box {
  padding: 4rem;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.edu-list .text-box .point {
  display: inline-block;
  color: #fff;
  font-weight: 700;
  font-size: var(--font-size-18);
  background: var(--color-orange);
  padding: 0 1.7rem;
  line-height: 3.2rem;
  border-radius: 10rem;
  margin-bottom: 1.2rem;
}

.edu-list .text-box h4 {
  font-size: var(--font-size-24);
  margin-bottom: 4rem;
  font-weight: 600;
}

.edu-list .text-box p {
  font-size: var(--font-size-20);
  line-height: 1.6;
}
.step-list {
  margin-bottom: 9rem;
}
.step-list ul {
  display: flex;
  justify-content: center;
}
.step-list li {
  width: 252px;
  height: 252px;
  background: #f6f6f6;
  mix-blend-mode: multiply;
  margin: 0 -2rem;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.step-list li .icon-box {
  height: 30%;
  max-height: 60px;
}
.step-list li .icon-box img {
  height: 100%;
}
.step-list li p {
  margin-top: 2.6rem;
  font-size: var(--font-size-24);
}
.sub01-1 .con03 {
  text-align: center;
}
.sub01-1 .con03 .sc-desc {
  font-size: var(--font-size-28);
}

/* sub01-2 연혁 */
.history-list {
  margin-top: 3.6rem;
}
.history-list dl {
  display: flex;
  margin-bottom: 0.8rem;
}
.history-list dt {
  width: 170px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 1.6rem;
  font-size: var(--font-size-24);
  font-weight: 600;
  color: #fff;
  text-align: center;
}

.history-list dd {
  display: flex;
  align-items: center;
  flex: 1;
  padding: 1rem 1.6rem;
  font-size: var(--font-size-20);
  color: #191919 !important;
}

.history-list.orange dt {
  background-color: var(--color-orange);
}
.history-list.orange dd {
  background-color: var(--color-orange-light);
}
.history-list.green dt {
  background-color: var(--color-green2);
}
.history-list.green dd {
  background-color: var(--color-green2-light);
}
.history-list.blue dt {
  background-color: var(--color-blue2);
}
.history-list.blue dd {
  background-color: var(--color-blue2-light);
}
.history-list.purple dt {
  background-color: var(--color-purple);
}
.history-list.purple dd {
  background-color: var(--color-purple-light);
}

/* sub01-3 유치원 소개 */
.sub01-3 .sub-con {
  padding: 0 0 var(--section-padding3);
}
.sub01-3 .sub-con:first-child {
  padding-top: var(--section-padding2);
}
.sub01-3 .con01 .inner,
.sub01-3 .con02 .inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.sub01-3 .con01 .inner > div,
.sub01-3 .con02 .inner > div {
  width: 49%;
}
.color-box {
  padding: 2.4rem 3.6rem;
  font-size: var(--font-size-20);
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}
.color-box.orange {
  background: var(--color-orange-light);
  border-radius: var(--border-radius-small);
}
.motto-box {
  text-align: center;
  border-radius: var(--border-radius-small);
  overflow: hidden;
}

.motto-box dt {
  background-color: var(--color-orange2);
  color: #fff;
  font-size: var(--font-size-24);
  padding: 1.2rem;
}
.motto-box dd {
  padding: 3.6rem;
  background-color: var(--color-orange-light2);
  font-size: var(--font-size-40);
  display: flex;
  align-items: center;
  justify-content: center;
}
.motto-box dd .t_green {
  color: var(--color-green3);
}
.motto-box dd .t_green {
  color: var(--color-green3);
}
.color-list.yellow li {
  background: var(--color-orange-light);
}
.color-list.pink li {
  background: var(--color-pink-light);
}
.color-list li {
  padding: 1rem 1.6rem;
  font-size: var(--font-size-20);
  font-weight: 500;
  margin-bottom: 0.8rem;
}
.color-list.list-02 {
  display: flex;
  flex-wrap: wrap;
}
.color-list.list-02 li {
  padding: 2.4rem;
  text-align: center;
  border-radius: var(--border-radius-small);
  background-color: var(--color-orange-light);
}
.color-list.list-02 li.orange {
  background-color: var(--color-orange2);
  color: #fff;
}
.color-list.list-02.third-line{
  justify-content:space-between
}
.color-list.list-02.third-line > li{
  width: calc(33.33% - 0.4rem);
}
.color-list.list-02.four-line{
  justify-content: space-between;
}
.color-list.list-02.four-line > li{
  width: calc(25% - 0.3rem);
  display: flex;
  justify-content: center;
  align-items: center;
}
.sub01-3 .con04 .color-list {
  justify-content: space-between;
}
.sub01-3 .con04 .color-list li {
  width: calc(33.33% - 0.4rem);
}
.sub01-3 .con05 .color-list li {
  width: 100%;
}

.class-wrap ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.class-wrap li {
  width: 32%;
}
.class-box {
  border-radius: var(--border-radius-small);
  overflow: hidden;
  border: 1px solid #d1d1d1;
}
.class-box .text-box {
  padding: 4rem;
}
.class-box .text-box h4 {
  font-size: var(--font-size-24);
  color: #000;
  margin-bottom: 0.8rem;
}
.class-box .text-box p {
  font-size: var(--font-size-18);
  color: #555;
  margin-bottom: 2rem;
  font-weight: 600;
}
.class-box .text-box p.date {
  font-weight: 400;
}

/* sub01-5-3 찾아오시는 길 */
.sub01-5-3 .map_box{width: 100%;height: 500px;}
.sub01-5-3 .map_box .wrap_map{height: 100%;}
.sub01-5-3 .map_box .root_daum_roughmap{width:100% !important;height: 100% !important;}
.sub01-5-3 .map_box .map{width: 100%;height: 500px;}
.sub01-5-3 .map_box .map_border{display: none;}
.sub01-5-3 .center_info .address{font-size: 24px;font-weight: 500;color: #191919;text-align: center;margin-top: 20px;}
.sub01-5-3 .center_info h3{font-size: 36px;font-weight: 700;color: #191919;margin-top: 80px;}
.sub01-5-3 .center_info .bus_list{display: flex;gap: 0 30px;flex-wrap: wrap;margin-top: 40px;padding: 30px;border-radius: 20px;background-color: #f5f5f5;}
.sub01-5-3 .center_info .bus_list > li{width: calc(33.333% - 20px);font-size: 18px;font-weight: 400;color: #333;padding: 4px 0;}
.sub01-5-3 .center_info .bus_list > li .num{font-weight: 600;}

@media screen and (max-width:1024px) {
  .sub01-5-3 .map_box{height: 240px;}
  .sub01-5-3 .map_box .map{height: 240px;}
  .sub01-5-3 .center_info .address{font-size: 18px;margin-top: 16px;}
  .sub01-5-3 .center_info h3{font-size: 24px;margin-top: 60px;}
  .sub01-5-3 .center_info .bus_list{gap: 0 20px;margin-top: 20px;padding: 20px;}
  .sub01-5-3 .center_info .bus_list > li{width: calc(50% - 10px);font-size: 15px;padding: 4px 0;}
}
@media screen and (max-width:480px) {
  /* .sub01-5-3 .center_info .bus_list > li{width: 100%;} */
}

/* sub02-1 교육활동 */
.goal-title,
.goal-list {
  background-color: var(--color-orange-light2);
  padding: 3.6rem;
  border-radius: var(--border-radius-small);
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  font-size: var(--font-size-24);
}
.goal-title {
  margin-bottom: 2.4rem;
}
.goal-title.no-bg{
  padding: 0 !important;
  background-color: transparent !important;
}
.goal-title h4 {
  position: relative;
  padding-left: 4rem;
  font-size: var(--font-size-32);
}
.goal-title h4::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.2rem;
  width: var(--font-size-32);
  height: var(--font-size-32);
  background: url(../img/icon_pin.svg) no-repeat 100% / cover;
}
/* sub02-2 창의성프로그램 */
.sub02-2 .sub-con {
  padding: 0 0 var(--section-padding3);
}
.sub02-2 .sub-con:first-child {
  padding-top: var(--section-padding2);
}
.program-box .color-list li {
  font-weight: 400;
}
.program-box .color-list b {
  color: #f85f00;
}
.program-img {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 2.4rem;
}
.program-img .img-box {
  width: 58%;
  display: flex;
  gap: 1rem;
}
.program-img .img-box.full{
  width: 100%;
}
.program-img .img-box.full img{
  width: calc(33.333% - (2rem / 3));
}
.program-img .img-box img {
  width: calc(50% - 0.5rem);
}
.program-img .img-desc {
  padding: 2.4rem 0;
  width: 40%;
  background-color: var(--color-pink-light);
  font-size: var(--font-size-20);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1.6;
  border-radius: var(--border-radius-medium) var(--border-radius-medium) var(--border-radius-medium) 0;
}
/* .sub02-2 .con02 .img-box {
  margin-top: 3.6rem;
} */
/* 게시판 */
.board-wrap {
  text-align: center;
}
/* Toolbar */
.board-toolbar {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 1.2rem 0 1.6rem;
  -ms-flex-pack: justify;
  -ms-flex-align: center;
}
/* Search pill */
.search-wrap {
  position: relative;
  min-width: 44rem;
  height: 4.8rem;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 1.2rem;
  align-items: center;
  padding: 0 2rem;
  border: 1px solid var(--line);
  background: #fff;
  -ms-flex-align: center;
  border-radius: 999rem;
}
.search-select-wrap {
  position: relative;
  height: 100%;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -ms-flex-align: center;
}
.search-select {
  height: 100%;
  padding-right: 2rem;
  border: 0;
  outline: none;
  background: transparent;
  font-size: var(--font-size-16);
  color: #333;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.search-select-wrap .caret {
  position: absolute;
  right: 0.2rem;
  font-size: var(--font-size-20);
  color: #9e9e9e;
}
.search-input {
  height: 100%;
  flex: 1;
}
.search-input input {
  width: 100%;
  height: 100%;
  border: 0;
  outline: none;
  background: transparent;
  font-size: var(--font-size-16);
  color: #333;
}
.search-wrap button {
  background: transparent;
  outline: none;
  border: 0;
  display: flex;
  align-items: center;
}
.search-input input::placeholder {
  color: #b7b7b7;
}
.search-right {
  position: absolute;
  top: 50%;
  right: 1.6rem;
  margin-top: -1.3rem;
  font-size: 24px;
  color: var(--color-orange);
}

.board-controls {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 1rem;
  align-items: stretch;
}
.select-wrap {
  position: relative;
  height: 4rem;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  padding: 0 3.2rem 0 1.2rem;
  border: 1px solid var(--line);
  background: #fff;
  -ms-flex-align: center;
  border-radius: 999rem;
}
.select-control {
  border: 0;
  outline: none;
  background: transparent;
  font-size: var(--font-size-16);
  font-weight: 600;
  color: #333;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.select-wrap .caret {
  position: absolute;
  right: 1rem;
  font-size: var(--font-size-20);
  color: var(--color-orange);
}
.view-pill {
  height: 4rem;
  display: -ms-inline-flexbox;
  display: flex;
  /* gap: 0.6rem; */
  padding: 0 0.8rem;
  border: 1px solid var(--line);
  background: #fff;
  -ms-flex-align: center;
  border-radius: 999rem;
}
.view-btn {
  width: 3.2rem;
  height: 3.2rem;
  border: 0;
  background: transparent;
  cursor: pointer;
  border-radius: 50%;
}
.view-btn .material-icons-outlined {
  font-size: var(--font-size-20);
  color: #f0a51d;
}

/* Table */
.table-wrap {
  margin-top: 1.6rem;
}
.board-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  /* border-spacing: 0.8rem 0.4rem; */
  border-spacing: 0;
}
.board-table *{
  font-family: 'Pretendard', sans-serif !important;
}
.board-table thead th {
  padding: 2rem 1.2rem;
  border: 0;
  background: #FBAA1D;
  font-size: var(--font-size-18);
  font-weight: 700;
  color: #fff !important;
}
.board-table thead th span a{
  color: #fff !important;
}

.board-table tbody td {
  padding: 1.6rem 1.2rem;
  border: 0;
  background: #f5f5f5;
  font-size: var(--font-size-18);
  color: #333;
  text-align: center !important;
  word-break: break-all;
  border-bottom: rgba(170, 170, 170, 0.4) solid 1px;
}

.board-table tbody tr td:last-child {
  text-align: center;
}
.board-table .row-notice td {
  background: #ffe4b5;
  font-weight: 500;
}
.board-table tbody td.title a {
  color: #333;
  text-decoration: none;
}
.board-table tbody td.title a:hover {
  text-decoration: underline;
}

.board-bottom-actions {
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
  justify-content: flex-end;
  margin-top: 1.2rem;
  -ms-flex-pack: end;
}
.mini-pill {
  /* height: 3.6rem; */
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 0.6rem;
  align-items: center;
  padding: 1rem 1.4rem;
  border: 1px solid var(--line);
  background: #fff;
  font-size: var(--font-size-16);
  font-weight: 600;
  color: #333;
  -ms-flex-align: center;
  border-radius: 999rem;
}
.mini-pill .material-icons-outlined {
  font-size: 1.8rem;
  color: var(--color-orange);
}

/* Pagination */
.pagination {
  display: inline-flex !important;
  gap: 1.6rem;
  align-items: center;
  justify-content: center;
  margin: 4rem auto 0 !important;
  padding: 1.6rem 2.6rem !important;
  border: 1px solid var(--line) !important;
  background: #fff;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  border-radius: 999rem;
}
.pagination button {
  padding: 0 0.2rem;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.pagination .material-icons-outlined {
  font-size: 2.6rem;
  color: #222;
}
.page-list {
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 2.4rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-list a {
  font-size: var(--font-size-16);
  font-weight: 700;
  color: var(--text-weak);
  text-decoration: none;
}
.page-list .is-active {
  font-size: 16px !important;
  color: var(--color-orange);
  background: unset;
  border: unset;
}

.sr-only {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

/* ================== 반응형 ================== */
@media (max-width: 1024px) {
  .search-wrap {
    width: 100%;
    min-width: 0;
  }
  .board-controls {
    width: 100%;
    justify-content: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: end;
  }

  .program-img .img-box.full{
    flex-wrap: wrap;
    justify-content: center;
  }
  .program-img .img-box.full img{
    width: calc(50% - 0.5rem);
  }
  .page-list .is-active {
    font-size: 12px !important;
  }
}

/* gallery */
.gallery-list ul {
  display: flex;
  flex-wrap: wrap;
  gap: 1.6rem 2%;
}
.gallery-list li {
  width: 49%;
}

.gall-card a {
  display: block;
  padding: 1.6rem;
  display: flex;
  align-items: center;
  gap: 2.8rem;
  border: 1px solid #d1d1d1;
  border-radius: var(--border-radius-small);
}

.gall-card a:hover {
  border-color: var(--color-orange);
}

.gall-card .thumb {
  border-radius: 1rem;
  overflow: hidden;
}

.gall-card .thumb img {
  object-fit: cover;
  width: 100%;
}

.gall-title {
  margin: 0 0 0.8rem;
  font-size: var(--font-size-20);
  font-weight: 600;
  text-align: left;
}

.meta {
  display: flex;
  gap: 1.6rem;
  align-items: center;
  margin-top: 1.2rem;
}
.meta-item {
  display: inline-flex;
  gap: 0.4rem;
  align-items: center;
  -ms-flex-align: center;
  font-size: var(--font-size-16);
}

.meta em {
  font-style: normal;
  font-weight: 700;
  color: #ff9f00;
}

.img-line{
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
}
.img-line > li{
  width: calc(33.33% - (2rem / 3));
} 

@media screen and (max-width: 1024px) {
  :root {
    --section-padding1: 10rem;
    --section-padding2: 6rem;
    --section-padding3: 4rem;
    --font-size-70: 36px;
    --font-size-40: 28px;
    --font-size-32: 24px;
    --font-size-28: 20px;
    --font-size-24: 17px;
    --font-size-20: 15px;
    --font-size-18: 13px;
    --font-size-16: 12px;
    --border-radius-large: 4rem;
    --border-radius-medium: 3rem;
    --border-radius-reguler: 2rem;
    --border-radius-small: 1rem;
  }
  .edu-list ul li {
    flex-wrap: wrap;
  }
  .edu-list ul li > div {
    width: 100%;
  }

  .edu-list .text-box h4 {
    margin-bottom: 2rem;
  }
  .edu-list .text-box {
    padding: 3rem;
  }
  .edu-list .text-box p br {
    display: none;
  }
  .edu-list .text-box h4 br {
    display: none;
  }
  .history-list dl {
    flex-direction: column;
  }
  .history-list dt {
    width: 100%;
  }
  .step-list li {
    width: 180px;
    height: 180px;
  }
  .mo {
    display: none;
  }
  .pc {
    display: block;
  }
  .pagination {
    gap: 1rem;
    padding: 1rem;
  }
  .board-toolbar {
    flex-wrap: wrap;
    gap: 1.6rem;
  }
  .gall-card a {
    gap: 1.6rem;
  }
  .class-box .text-box {
    padding: 2rem;
  }

  .color-list.list-02 li {
    padding: 1.6rem;
  }
  .sub01-3 .con04 .color-list li {
    width: 49.5%;
  }

  .img-line > li{
    width: calc(50% - 0.5rem);
  } 
}

@media screen and (max-width: 768px) {
  .gallery-list li {
    width: 100%;
  }
  .sc-desc{
    font-size: 18px;
  }
  .sc-desc br {
    display: none;
  }
  .sc-title {
    margin-bottom: 4rem;
  }
  .sc-title.left {
    text-align: center;
  }
  .sc-title02 {
    text-align: center;
  }
  .step-list li {
    width: 40%;
    height: auto;
    aspect-ratio: 1 / 1;
  }
  .step-list {
    margin-bottom: 4rem;
  }
  .sub01-3 .con04 .color-list li {
    width: 100%;
  }
  .class-wrap li {
    width: 100%;
    margin-bottom: 1.6rem;
  }
  .sub01-3 .con01 .inner,
  .sub01-3 .con02 .inner {
    gap: 2rem;
  }
  .sub01-3 .con01 .inner > div,
  .sub01-3 .con02 .inner > div {
    width: 100%;
  }
  .goal-title,
  .goal-list {
    padding: 2.4rem;
    gap: 1.2rem;
  }
  .program-img {
    flex-direction: column-reverse;
    gap: 2rem;
  }
  .program-img .img-box,
  .program-img .img-desc {
    width: 100%;
  }
}



.plan_table{margin-bottom: 8px;}
.plan_table table{width: 100%;border-spacing: 8px;}
.plan_table table th,
.plan_table table td{font-size: 20px;line-height: 1.4;text-align: center;border-radius: 20px;padding: 24px 12px;}
.plan_table table th{color: #fff;background-color: #FBAA1D;}
.plan_table table td{color: #191919;background-color: #FFE8AE;}

@media screen and (max-width: 1024px) {
  .plan_table{margin-bottom: 4px;}
  .plan_table table{border-spacing: 4px;border-collapse: unset;}
  .plan_table table th,
  .plan_table table td{font-size: 16px;border-radius: 10px;padding: 16px 8px;}
}
@media screen and (max-width: 768px) {
  .plan_table{overflow-x: auto;}
  .plan_table table th,
  .plan_table table td{font-size: 15px;border-radius: 8px;padding: 12px 8px;}
}










.sub_top_menu{margin-top: 60px;}
.sub_top_menu .depth2_menu{display: flex;flex-wrap: wrap;background-color: #FBAA1D;border-radius: 10px;}
.sub_top_menu .depth2_menu > li{flex: 1;min-width: 16.666%;}
.sub_top_menu .depth2_menu > li a{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;font-size: 18px;font-weight: 700;color: #fff;text-align: center;padding: 16px;border-radius: 10px;}
.sub_top_menu .depth2_menu > li.active a{background-color: rgba(195, 91, 0, 0.3);}

@media screen and (max-width: 1024px) {
  .sub_top_menu{margin-top: 40px;}
  .sub_top_menu .depth2_menu{border-radius: 8px;}
  .sub_top_menu .depth2_menu > li{min-width: 33.333%;}
  .sub_top_menu .depth2_menu > li a{font-size: 16px;padding: 12px;border-radius: 8px;}
}
@media screen and (max-width: 768px) {
  .sub_top_menu .depth2_menu > li{min-width: 50%;}
  .sub_top_menu .depth2_menu > li a{font-size: 15px;padding: 8px;}
}