@charset "UTF-8";
/*-------------------------------------------------

title       : Sub04
Author      : EASESOFT
Create date : 2024-06

-------------------------------------------------*/
/* 프로그램 공통 */
.c040000 .border_box:not(.no_bg) {
  background: url("/jaminazip/img/sub/sub02/020100_logo.svg") no-repeat 95% 90%;
}
.c040000 .border_box:not(.no_bg) .desc {
  word-break: keep-all;
}
.c040000 .border_box:not(.no_bg) .img img {
  border-radius: 0.8rem;
}
.c040000 .cont_list.reverse li {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.c040000 .cont_list.reverse li strong {
  width: 8rem;
  font-weight: 400;
}
.c040000 .cont_list.reverse li span {
  font-weight: 500;
}
.c040000 .space2 {
  letter-spacing: 35px;
}
.c040000 .space4 {
  letter-spacing: 5px;
}

/* 프로그램소개 */
.c040100 .border_box.go_link {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.c040100 .border_box.go_link h2 {
  flex: none;
  position: relative;
  padding: 5rem 0 0 3.5rem;
  width: 40rem;
}
.c040100 .border_box.go_link h2::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 7.5rem;
  height: 7.5rem;
  border-radius: 100%;
}
.c040100 .border_box.go_link.pink h2::before {
  background: var(--point-color2);
}
.c040100 .border_box.go_link.blue h2::before {
  background: #84B2F8;
}
.c040100 .border_box.go_link.yellow h2::before {
  background: var(--point-color3);
}
.c040100 .border_box.go_link.green h2::before {
  background: var(--main-color2);
}
.c040100 .border_box.go_link .link {
  align-self: center;
  margin-left: auto;
  font-size: 0;
}
.c040100 .border_box.go_link .link::before {
  content: "\ea6e";
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 5rem;
  height: 5rem;
  background: #F2F5F9;
  font-family: var(--icon-font);
  font-size: 2.3rem;
  border-radius: 100%;
  transition: 0.2s;
}
@media screen and (min-width: 1025px) {
  .c040100 .border_box.go_link .link:hover::before {
    background: var(--main-color2);
    color: #fff;
  }
}
.c040100 .cont_list strong {
  width: 11rem;
}

/* 힐링프로그램 */
.c040200 .border_box .desc {
  align-self: flex-start;
  padding-top: 2rem;
}

/* 놀이프로그램 */
.c040300 .border_box.two_img .img {
  justify-content: space-between;
  gap: 1rem;
}
.c040300 .border_box.two_img .img img {
  flex: 1;
}
.c040300 .border_box.two_img .desc .cont_list {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
.c040300 .border_box.two_img .desc .cont_list li {
  flex: 1;
  margin: 0;
}

/*-------------------------------------------------

Responsive

-------------------------------------------------*/
/* Media Query */
@media all and (max-width: 1280px) {
  .c040100 .border_box.go_link {
    gap: 1rem;
  }
  .c040100 .border_box.go_link h2 {
    width: 28rem;
  }
}
@media all and (max-width: 1024px) {
  .c040100 .border_box.go_link {
    flex-wrap: wrap;
  }
  .c040100 .border_box.go_link h2 {
    width: 100%;
    margin-bottom: 2rem;
    padding-top: 2rem;
    padding-left: 0;
    text-align: center;
  }
  .c040100 .border_box.go_link h2::before {
    width: 5rem;
    height: 5rem;
    left: calc(50% - 8rem);
  }
  .c040100 .border_box.go_link.yellow h2::before {
    left: calc(50% - 12rem);
  }
  .c040100 .border_box.go_link.green h2::before {
    left: calc(50% - 9.5rem);
  }
  .c040100 .border_box.go_link div {
    flex: 1;
  }
  .c040300 .border_box.two_img .img img {
    max-width: calc(50% - 1rem);
  }
}
@media all and (max-width: 768px) {
  .c040100 .cont_list strong {
    width: 9.5rem;
  }
  .c040200 .border_box .desc {
    padding-top: 0;
  }
  .c040300 .border_box.two_img .img {
    flex-direction: row;
  }
  .c040300 .border_box.two_img .img img {
    flex: 1;
  }
  .c040300 .border_box.two_img .desc .cont_list {
    display: block;
  }
}
@media all and (max-width: 480px) {
  .c040100 .border_box.go_link {
    flex-direction: column;
  }
  .c040100 .border_box.go_link .link {
    margin: 0 auto;
  }
}