@charset "UTF-8";
:root {
  --color-main: #7C6FD1;
  --color-white: #FFFFFF;
  --color-black: #000000;
  --color-border: #e0e0e0;
  --shadow: 0 0 5px rgba(102, 102, 102, 0.20);
  --font-pretendard: "Pretendard", sans-serif;
  --font-redhatdisplay: "Red Hat Display", sans-serif;
  --th-background: #f9f9f9;
  --th-fontColor: #111;
  --th-fontSize: 1.7rem;
  --td-background: #f9f9f9;
  --td-fontColor: #222;
  --td-fontSize: 1.6rem;
}

.font70 {
  --fontsize: 7.0rem;
  font-size: var(--fontsize);
}

.font60 {
  --fontsize: 6.0rem;
  font-size: var(--fontsize);
}

.font50 {
  --fontsize: 5.0rem;
  font-size: var(--fontsize);
}

.sv {
  width: 100%;
  height: 460px;
  margin: 40px 0 0;
}
.sv .item-box,
.sv .bg {
  width: 100%;
  height: 100%;
}
.sv .item-box {
  position: relative;
}
.sv .bg img,
.sv .text h2 {
  transition: all 0.6s linear;
}
.sv .bg {
  border-radius: 10px 10px 0 0;
  position: relative;
  overflow: hidden;
}
.sv .bg img {
  max-width: inherit;
  min-height: 100%;
  max-height: calc(100% + 65px);
  object-fit: cover;
  position: absolute;
  top: -65px;
  left: 50%;
  transform: translateX(-50%);
}
.sv .text {
  position: absolute;
  left: 50px;
  bottom: 30px;
}
.sv .text * {
  color: var(--color-white);
}
.sv .text h2 {
  font-weight: 600;
  margin: 0 0 20px;
  opacity: 0;
  transform: translateY(-300%);
}
.sv .path {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.sv .path > li > a {
  font-weight: 500;
}
.sv .path > li.home {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sv .path > li:not(.home) {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.sv .path > li:not(.home)::before {
  content: "";
  display: block;
  width: 6px;
  height: 10px;
  background: url("/img/sub/arrow_right.png") no-repeat center/100%;
  margin: 0 10px;
}
.sv.on .bg img {
  top: 0;
}
.sv.on .text h2 {
  opacity: 1;
  transform: translateY(0);
}

.sub-contents .lnb-box,
.sub-contents .lnb-box::before {
  border-radius: 5px;
}
.sub-contents .lnb-box {
  height: 70px;
  position: relative;
  display: none;
}
.sub-contents .lnb-box * {
  height: 100%;
}
.sub-contents .lnb-box::before {
  content: "";
  display: block;
  background: var(--color-white);
  box-shadow: 0 2px 10px rgba(102, 102, 102, 0.15);
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.sub-contents .lnb-box span {
  display: block;
  background: var(--color-main);
  border-radius: 5px;
  position: absolute;
  top: 0;
  z-index: 1;
  transition: all 0.4s;
}
.sub-contents .lnb-box .depth1 {
  width: 100%;
  display: flex;
}
.sub-contents .lnb-box .depth1 > li,
.sub-contents .lnb-box .depth1 > li > a {
  width: 100%;
}
.sub-contents .lnb-box .depth1 > li:not(:first-child) {
  position: relative;
}
.sub-contents .lnb-box .depth1 > li:not(:first-child)::before {
  content: "";
  display: block;
  width: 1px;
  height: 20px;
  background: #d9d9d9;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.sub-contents .lnb-box .depth1 > li > a {
  color: #222;
  font-size: 1.8rem;
  font-weight: 500;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sub-contents .lnb-box .depth1 > li.color > a, .sub-contents .lnb-box .depth1 > li.on > a {
  color: var(--color-white);
}
.sub-contents .sub-page {
  width: 100%;
  max-width: 100%;
  padding: 100px 0 90px;
  overflow-x: clip;
}
.sub-contents .page-title {
  color: #222;
  font-weight: 700;
  font-family: var(--font-pretendard);
  margin: 0 0 60px;
}
.sub-contents .bg-gray {
  position: relative;
}
.sub-contents .bg-gray::before {
  content: "";
  display: block;
  width: 100vw;
  height: 100%;
  background: #f8f8f8;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: -1;
  transform: translateX(-50%);
}
.sub-contents .bg-gray.bottom::before {
  height: calc(100% + 190px);
}
.sub-contents .padding100 {
  padding: 100px 0;
}
.sub-contents .col100 {
  display: flex;
  flex-direction: column;
  row-gap: 100px;
}
.sub-contents .dot {
  display: flex;
  column-gap: 5px;
}
.sub-contents .dot::before {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 2px;
  height: 2px;
  background: var(--color-main);
  border-radius: 50%;
  margin: 0.55em 0 0;
}
.sub-contents .greeting .flex-box {
  justify-content: space-between;
}
.sub-contents .greeting .text {
  width: 100%;
  max-width: 50%;
}
.sub-contents .greeting .text * {
  font-family: var(--font-pretendard);
}
.sub-contents .greeting .text h3 {
  color: #333;
  font-size: 4.9rem;
  font-weight: 600;
  line-height: 1.35;
}
.sub-contents .greeting .text h6 {
  color: #222;
  font-size: 2rem;
  font-weight: 600;
  margin: 80px 0 10px;
}
.sub-contents .greeting .text p {
  font-size: 1.7rem;
}
.sub-contents .greeting .text .p-box {
  row-gap: 20px;
}
.sub-contents .greeting .text .p-box p {
  color: #333;
  line-height: 1.8;
}
.sub-contents .greeting .text .bottom,
.sub-contents .greeting .text .bottom dl {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.sub-contents .greeting .text .bottom {
  justify-content: flex-end;
  margin: 25px 0 0;
}
.sub-contents .greeting .text .bottom p {
  color: #222;
}
.sub-contents .greeting .text .bottom hr {
  width: 2px;
  height: 8px;
  background: #bababa;
  margin: 0 15px;
}
.sub-contents .greeting .text .bottom dl {
  column-gap: 20px;
}
.sub-contents .greeting .text .bottom dl * {
  color: #333;
}
.sub-contents .greeting .text .bottom dl dt {
  font-size: 1.7rem;
}
.sub-contents .greeting .text .bottom dl dd {
  font-size: 3rem;
  font-weight: 600;
}
.sub-contents .vision .item,
.sub-contents .vision .text {
  border-radius: 30px;
}
.sub-contents .vision .item,
.sub-contents .vision .mask {
  padding: 30px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.sub-contents .vision .mission .item {
  position: relative;
}
.sub-contents .vision .mission .item:nth-child(1) {
  background-image: url("/img/sub/img_vision_01_1.png");
}
.sub-contents .vision .mission .item:nth-child(1) .mask {
  background-image: url("/img/sub/img_vision_01_1.png");
}
.sub-contents .vision .mission .item:nth-child(2) {
  background-image: url("/img/sub/img_vision_01_2.png");
}
.sub-contents .vision .mission .item:nth-child(2) .mask {
  background-image: url("/img/sub/img_vision_01_2.png");
}
.sub-contents .vision .mission .item:nth-child(1) {
  text-align: right;
}
.sub-contents .vision .mission .item:nth-child(1) .text {
  margin-left: auto;
}
.sub-contents .vision .mission .mask {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.sub-contents .vision .mission .mask .text {
  background: transparent;
}
.sub-contents .vision .mission .mask span {
  font-size: 6rem;
  font-weight: 900;
}
.sub-contents .vision .mission .text {
  width: calc(50% - 30px);
  height: 370px;
  display: flex;
  flex-direction: column;
  background: rgba(255, 255, 255, 0.2);
  padding: 60px 70px;
}
.sub-contents .vision .mission .text p {
  color: var(--color-white);
  font-size: 3.6rem;
  font-weight: 700;
  margin-top: auto;
}
.sub-contents .vision .core {
  margin-top: 150px;
}
.sub-contents .vision .core h5 {
  color: #222;
  font-size: 3rem;
  font-weight: 600;
}
.sub-contents .vision .core .item-box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 40px;
  column-gap: 40px;
  margin: 55px 0 0;
}
.sub-contents .vision .core .item {
  padding: 28.85% 0;
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.sub-contents .vision .core .item:nth-child(1) {
  background-image: url("/img/sub/img_vision_02_1.png");
}
.sub-contents .vision .core .item:nth-child(2) {
  background-image: url("/img/sub/img_vision_02_2.png");
}
.sub-contents .vision .core .item:nth-child(3) {
  background-image: url("/img/sub/img_vision_02_3.png");
}
.sub-contents .vision .core .item:nth-child(4) {
  background-image: url("/img/sub/img_vision_02_4.png");
}
.sub-contents .vision .core .item::after {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  background: linear-gradient(180deg, rgba(124, 111, 209, 0) 9.66%, #7C6FD1 100%);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.4s;
}
.sub-contents .vision .core .text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 70px;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.sub-contents .vision .core .text * {
  color: var(--color-white);
}
.sub-contents .vision .core .text em {
  font-size: 2.4rem;
  font-weight: 700;
}
.sub-contents .vision .core .text p {
  font-size: 3.4rem;
  font-weight: 600;
  margin-top: auto;
}
.sub-contents .vision .core .item:hover::after {
  height: 100%;
}
.sub-contents .history .item-box {
  display: flex;
  align-items: flex-end;
}
.sub-contents .history .list-box {
  width: calc(50% - 55px);
  height: 470px;
  margin-left: auto;
  position: relative;

  height: 540px;
}
.sub-contents .history .bar {
  width: 1px;
  height: 100%;
  background: var(--color-main);
  position: absolute;
  top: 0;
  left: 2.5px;
}
.sub-contents .history .list {
  display: flex;
  flex-direction: column;
  /* row-gap: 130px;
  padding: 30px 2.5px 300px; */
  overflow-y: scroll;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  row-gap: 50px;
  padding: 30px 2.5px 100px;
}
.sub-contents .history .list::-webkit-scrollbar {
  width: 0;
}
.sub-contents .history .list * {
  font-family: var(--font-pretendard);
  transition: all 0.4s;
}
.sub-contents .history .list dl,
.sub-contents .history .list dl dd,
.sub-contents .history .list div {
  display: flex;
}
.sub-contents .history .list dl,
.sub-contents .history .list div {
  column-gap: 0;
}
.sub-contents .history .list dl {
  /* column-gap: 50px; */
  align-items: flex-start;
  padding-left: 20px;
  opacity: 0.5;
}
.sub-contents .history .list dl * {
  color: #666;
}
.sub-contents .history .list dl dt,
.sub-contents .history .list dl dd span {
  flex-shrink: 0;
}
.sub-contents .history .list dl dt {
  font-size: 4rem;
  font-weight: 600;
  letter-spacing: -0.04em;
  position: relative;

  width: 150px;
  font-size: 2.8rem;
}
.sub-contents .history .list dl dt::before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  background: #666;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: -22.5px;
  transform: translateY(-50%);
}
.sub-contents .history .list dl dd {
  flex-direction: column;
  row-gap: 10px;
  /* margin-top: 1em; */

  margin-top: 0.6em;
}
.sub-contents .history .list dl dd span {
  width: 120px;
}
.sub-contents .history .list dl.on {
  opacity: 1;
}
.sub-contents .history .list dl.on dt {
  color: var(--color-main);
}
.sub-contents .history .list dl.on dt::before {
  background: var(--color-main);
}
.sub-contents .history .list div {
  column-gap: 20px;
}
.sub-contents .history .list div em {
  font-weight: 300;
}
.sub-contents .chart .contents {
  text-align: center;
}
.sub-contents .organization * {
  font-family: var(--font-pretendard);
}
.sub-contents .organization .caption {
  height: 70px;
  border-top: 1px solid var(--color-main);
  border-bottom: 1px solid #e9e9e9;
  margin: 0 0 20px;
}
.sub-contents .organization .caption p {
  color: #222;
  font-weight: 600;
}
.sub-contents .organization .caption,
.sub-contents .organization .item {
  text-align: center;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.sub-contents .organization .caption > div:not(:last-child),
.sub-contents .organization .item > div:not(:last-child) {
  position: relative;
}
.sub-contents .organization .caption > div:not(:last-child)::after,
.sub-contents .organization .item > div:not(:last-child)::after {
  content: "";
  display: block;
  width: 1px;
  height: 15px;
  background: #e0e0e0;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.sub-contents .organization .item-box {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.sub-contents .organization .item {
  min-height: 100px;
  border-radius: 10px;
  padding: 15px 0;
}
.sub-contents .organization .item:nth-child(odd) {
  background: #f9f9f9;
}
.sub-contents .organization .item:nth-child(odd) figure {
  background: var(--color-white);
}
.sub-contents .organization .item:nth-child(even) {
  border: 1px solid #f9f9f9;
}
.sub-contents .organization .item:nth-child(even) figure {
  background: #f9f9f9;
}
.sub-contents .organization .item p {
  color: #666;
  font-weight: 500;
}
.sub-contents .organization .item .p-box {
  display: inline-flex;
  flex-direction: column;
  row-gap: 10px;
}
.sub-contents .organization .item .p-box.gap15 {
  row-gap: 15px;
  text-align: center;
}
.sub-contents .organization .item .p-box.gap15 b {
  display: block;
  color: #444;
  font-weight: 600;
  margin: 0 0 5px;
}
.sub-contents .organization figure {
  display: inline-block;
  border-radius: 10px;
  padding: 15px 30px;
}
.sub-contents .director .caption > div,
.sub-contents .director .item > div {
  width: 15.625%;
}
.sub-contents .director .caption > div:nth-child(2),
.sub-contents .director .item > div:nth-child(2) {
  width: 28.125%;
}
.sub-contents .director .caption > div:nth-child(5),
.sub-contents .director .item > div:nth-child(5) {
  width: 25%;
}
.sub-contents .executive .caption > div,
.sub-contents .executive .item > div {
  width: 20.625%;
}
.sub-contents .executive .caption > div:nth-child(4),
.sub-contents .executive .item > div:nth-child(4) {
  width: 37.5%;
}
.sub-contents .facility * {
  font-family: var(--font-pretendard);
}
.sub-contents .facility h5 {
  color: #222;
  font-size: 3rem;
  font-weight: 600;
}
.sub-contents .facility .information .p-box {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  margin: 30px 0 40px;
}
.sub-contents .facility .information .p-box p {
  color: #222;
  font-size: 1.8rem;
  line-height: 1.6;
}
.sub-contents .facility .information .detail,
.sub-contents .facility .information .detail div,
.sub-contents .facility .information .detail dl,
.sub-contents .facility .information .detail dl dd {
  display: flex;
}
.sub-contents .facility .information .detail {
  justify-content: space-between;
  border-top: 1px solid #e9e9e9;
  padding: 60px 0 100px;
}
.sub-contents .facility .information .detail > div {
  width: 50%;
  column-gap: 40px;
}
.sub-contents .facility .information .detail dl {
  column-gap: 20px;
}
.sub-contents .facility .information .detail dl dt {
  color: #222;
  font-size: 2rem;
  font-weight: 600;
}
.sub-contents .facility .information .detail dl dd {
  flex-direction: column;
  row-gap: 10px;
  margin: 0.2em 0 0;
}
.sub-contents .facility .information .detail dl dd div:not(.flex-box) {
  column-gap: 25px;
}
.sub-contents .facility .information .detail dl dd b {
  flex-shrink: 0;
  color: #222;
  font-weight: 600;
  white-space: nowrap;
}
.sub-contents .facility .information .detail dl dd p {
  color: #222;
}
.sub-contents .facility .information .detail dl dd p span {
  color: #666;
}
.sub-contents .facility .information .detail .flex-box {
  align-items: center;
  column-gap: 45px;
}
.sub-contents .facility .information .detail .flex-box hr {
  width: 1px;
  height: 5px;
  background: #d9d9d9;
  border: none;
  margin: 0;
}
.sub-contents .facility .guide h5 {
  margin: 0 0 35px;
}
.sub-contents .facility .guide .item-box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 40px;
  column-gap: 40px;
}
.sub-contents .facility .guide .item {
  background: var(--color-white);
}
.sub-contents .facility .guide .img {
  padding: 23.7195% 0;
  position: relative;
}
.sub-contents .facility .guide .img img {
  max-height: calc(100% - 40px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.sub-contents .facility .guide .text {
  height: 120px;
  column-gap: 50px;
  background: var(--color-main);
  border-radius: 10px;
  padding: 0 35px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.sub-contents .facility .guide .text * {
  color: var(--color-white);
}
.sub-contents .facility .guide .text h6 {
  font-size: 2.4rem;
  font-weight: 600;
}
.sub-contents .facility .guide .text ol,
.sub-contents .facility .guide .text ol li {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.sub-contents .facility .guide .text ol {
  column-gap: 30px;
}
.sub-contents .facility .guide .text ol li {
  column-gap: 10px;
  font-weight: 500;
}
.sub-contents .facility .guide .text ol em {
  width: 30px;
  height: 30px;
  border: 1px solid var(--color-white);
  border-radius: 50%;
  font-weight: 600;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sub-contents .house .guide .text {
  justify-content: center;
}
.sub-contents .library .information .flex-box {
  display: flex;
  justify-content: space-between;
  padding: 60px 0 0;
}
.sub-contents .library .information .text h5 {
  margin: 0 0 20px;
}
.sub-contents .library .information .text p {
  color: #000;
  font-size: 2rem;
  line-height: 1.5;
}
.sub-contents .library .information .item-box {
  display: flex;
  column-gap: 50px;
}
.sub-contents .library .information .item-box .item,
.sub-contents .library .information .item-box dl {
  flex-direction: column;
}
.sub-contents .library .information .item-box .item {
  width: 500px;
  justify-content: flex-start;
  border-radius: 20px;
  box-shadow: 0px 2px 10px 0px rgba(102, 102, 102, 0.15);
  border-top: none;
  padding: 35px;
}
.sub-contents .library .information .item-box .item.gray {
  background: #f8f8f8;
}
.sub-contents .library .information .item-box dl {
  row-gap: 20px;
  margin: 30px 0 20px;
}
.sub-contents .library .information .item-box dl dt {
  color: var(--color-main);
  font-size: 2.4rem;
}
.sub-contents .library .information .item-box dl dd {
  color: #222;
  line-height: 1.5;
}
.sub-contents .library .information .item-box a,
.sub-contents .library .information .item-box a .icon {
  box-shadow: 0px 2px 10px rgba(102, 102, 102, 0.15);
}
.sub-contents .library .information .item-box a {
  height: 60px;
  background: var(--color-white);
  border-radius: 100px;
  margin-left: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.sub-contents .library .information .item-box a * {
  color: var(--color-main);
}
.sub-contents .library .information .item-box a span {
  display: inline-block;
  font-weight: 500;
  padding: 0 10px 0 30px;
}
.sub-contents .library .information .item-box a .icon {
  width: 60px;
  height: 100%;
  border-radius: 50%;
  margin-left: auto;
  transition: all 0.4s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sub-contents .library .information .item-box a .icon i {
  font-size: 2rem;
  transition: all 0.4s;
}
.sub-contents .library .information .item-box a:hover .icon {
  background: var(--color-main);
}
.sub-contents .library .information .item-box a:hover .icon i {
  color: var(--color-white);
}
.sub-contents .location *:not(dl dt) {
  font-family: var(--font-pretendard);
}
.sub-contents .location .flex-box {
  align-items: center;
  column-gap: 60px;
}
.sub-contents .location .flex-box > div {
  width: 100%;
}
.sub-contents .location .map-box {
  max-width: 52.5%;
  height: 430px;
  flex-shrink: 0;
  border-radius: 30px;
  overflow: hidden;
}
.sub-contents .location .root_daum_roughmap,
.sub-contents .location .root_daum_roughmap .wrap_map {
  width: 100%;
  height: 100%;
}
.sub-contents .location .root_daum_roughmap .map_border {
  display: none;
}
.sub-contents .location .info-box dl {
  margin-bottom: 60px;
}
.sub-contents .location .info-box dl * {
  color: #222;
}
.sub-contents .location .info-box dl dt {
  font-size: 3rem;
  font-weight: 700;
  margin: 0 0 15px;
}
.sub-contents .location .info-box dl dd {
  font-size: 2.4rem;
  font-weight: 300;
}
.sub-contents .location .column {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.sub-contents .location .column + hr {
  width: 100%;
  height: 1px;
  background: #e9e9e9;
  border: none;
  margin: 30px 0;
}
.sub-contents .location .column div {
  column-gap: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.sub-contents .location .column div * {
  color: #222;
}
.sub-contents .location .column div b {
  flex-shrink: 0;
  font-weight: 600;
}
.sub-contents .location .column hr {
  width: 2px;
  height: 8px;
  flex-shrink: 0;
  background: var(--color-main);
  border: none;
  border-radius: 10px;
}
.sub-contents .events .center-e {
  color: #7AA679;
}
.sub-contents .events .center-s {
  color: #6F88C2;
}
.sub-contents .events .house-e {
  color: #E9C35C;
}
.sub-contents .events .house-s {
  color: #7C6FD1;
}
.sub-contents .events .month,
.sub-contents .events .month button {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sub-contents .events .month {
  column-gap: 40px;
}
.sub-contents .events .month h4 {
  color: #222;
  font-size: 3.2rem;
  font-weight: 600;
  font-family: var(--font-pretendard);
}
.sub-contents .events .month button {
  width: 50px;
  height: 50px;
  border: 1px solid #ddd;
  border-radius: 50%;
}
.sub-contents .events .month button i {
  color: var(--color-black);
  font-weight: 600;
}
.sub-contents .events .schedule {
  margin: 45px 0 0;
}
.sub-contents .events .schedule table {
  border-top: 2px solid var(--color-main);
}
.sub-contents .events .schedule table th,
.sub-contents .events .schedule table td {
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}
.sub-contents .events .schedule table th {
  height: 90px;
  background: rgba(124, 111, 209, 0.1);
  color: #555;
  font-size: 2rem;
  font-weight: 600;
}
.sub-contents .events .schedule table td {
  height: 190px;
  vertical-align: top;
  padding: 20px;
  position: relative;
}
.sub-contents .events .schedule table td::after {
  content: "";
  display: block;
  border: 1px solid var(--color-main);
  opacity: 0;
  transition: all 0.4s;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.sub-contents .events .schedule table td em {
  color: var(--color-main);
  font-size: 2rem;
  font-weight: 700;
}
.sub-contents .events .schedule table td em.color-off {
  color: #d9d9d9;
}
.sub-contents .events .schedule table td.on::after {
  opacity: 1;
}
.sub-contents .events .schedule .list-box {
  margin-top: 15px;
  position: relative;
}
.sub-contents .events .schedule .list-box hr {
  width: 100%;
  height: 1px;
  border: none;
  border-top: 1px dashed #d9d9d9;
}
.sub-contents .events .schedule .plus {
  font-weight: 600;
  position: absolute;
  top: -35px;
  right: 0;
}
.sub-contents .events .schedule .list {
  display: flex;
  flex-direction: column;
  row-gap: 5px;
  margin-top: 20px;
}
.sub-contents .events .schedule .list p {
  font-weight: 600;
}
.sub-contents .events .schedule .list i {
  font-size: 1.8rem;
  margin-right: 3px;
  transform: translateY(0.1em);
}
.sub-contents .events .events-popup {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 3;
  display: none;
}
.sub-contents .events .events-popup .dimmed {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
}
.sub-contents .events .events-popup .inner,
.sub-contents .events .events-popup .inner::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.sub-contents .events .events-popup .inner {
  width: 100%;
  max-width: 880px;
  max-height: calc(100% - 10px);
  display: flex;
  flex-direction: column;
  background: var(--color-white) url("/img/sub/symbol_events.png") no-repeat right bottom;
  border-radius: 20px;
  padding: 45px 60px 60px;
  z-index: 1;
  overflow: hidden;
}
.sub-contents .events .events-popup .inner::before {
  content: "";
  display: block;
  border-radius: 20px;
  box-shadow: 0px 0px 20px 0px rgba(102, 102, 102, 0.15);
  z-index: -1;
  width: 100%;
  height: 100%;
}
.sub-contents .events .events-popup .inner * {
  font-family: var(--font-pretendard);
}
.sub-contents .events .events-popup .symbol {
  width: 25.5%;
  position: absolute;
  right: -6.5%;
  bottom: -4.5%;
  z-index: -1;
  filter: brightness(0.96);
}
.sub-contents .events .events-popup .top {
  flex-shrink: 0;
  position: relative;
}
.sub-contents .events .events-popup .top h5 {
  color: #222;
  font-size: 3rem;
  font-weight: 700;
  text-align: center;
  margin: 0 0 35px;
}
.sub-contents .events .events-popup .top .close {
  position: absolute;
  top: 0;
  right: 0;
}
.sub-contents .events .events-popup .top .close i {
  color: #222;
  font-size: 2.2rem;
}
.sub-contents .events .events-popup .list-box {
  display: flex;
  flex-direction: column;
  row-gap: 25px;
  overflow-y: scroll;
  width: 100%;
  height: 100%;
}
.sub-contents .events .events-popup .list-box::-webkit-scrollbar {
  width: 0;
}
.sub-contents .events .events-popup .list {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 30px 40px;
}
.sub-contents .events .events-popup .list .top {
  column-gap: 10px;
  margin: 0 0 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sub-contents .events .events-popup .list .top * {
  font-size: 1.8rem;
}
.sub-contents .events .events-popup .list .top *:not(i) {
  font-weight: 600;
}
.sub-contents .events .events-popup .list .top span {
  flex-shrink: 0;
}
.sub-contents .events .events-popup .list .top span i {
  margin-right: 3px;
  transform: translateY(0.1em);
}
.sub-contents .events .events-popup .list .top h6 {
  -webkit-line-clamp: 1;
  overflow: hidden;
  word-wrap: break-word;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.sub-contents .events .events-popup .list .info,
.sub-contents .events .events-popup .list .info > div {
  display: flex;
}
.sub-contents .events .events-popup .list .info {
  flex-wrap: wrap;
  row-gap: 10px;
}
.sub-contents .events .events-popup .list .info * {
  color: #666;
}
.sub-contents .events .events-popup .list .info > div {
  width: 50%;
  column-gap: 15px;
}
.sub-contents .events .events-popup .list .info > div:nth-child(1) {
  order: 1;
}
.sub-contents .events .events-popup .list .info > div:nth-child(2) {
  order: 3;
}
.sub-contents .events .events-popup .list .info > div:nth-child(3) {
  order: 2;
}
.sub-contents .events .events-popup .list .info .dot::before {
  background: #666;
}
.sub-contents .events .events-popup .list .info .flex-box {
  align-items: center;
  column-gap: 15px;
}
.sub-contents .events .events-popup .list .info .flex-box hr {
  width: 1px;
  height: 5px;
  background: #d9d9d9;
  border: none;
}
.sub-contents .events .events-popup .list .info a,
.sub-contents .events .events-popup .list .info a i {
  color: var(--color-main);
  font-weight: 500;
}
.sub-contents .events .events-popup .list .info a {
  position: relative;
}
.sub-contents .events .events-popup .list .info a::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--color-main);
  position: absolute;
  left: 0;
  bottom: 2px;
}
.sub-contents .t-circle {
  column-gap: 10px;
  color: #222;
  font-size: 2.4rem;
  font-weight: 600;
  margin: 0 0 30px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.sub-contents .t-circle::before {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  border: 4px solid var(--color-main);
  border-radius: 50%;
}
.sub-contents .t-number {
  column-gap: 10px;
  color: #222;
  font-size: 3rem;
  font-weight: 600;
  margin: 0 0 30px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.sub-contents .t-number em {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  color: var(--color-main);
  font-size: 2.6rem;
  font-weight: 600;
  font-family: var(--font-redhatdisplay);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sub-contents .t-number em::before {
  content: "";
  display: block;
  box-shadow: 0px 0px 5px rgba(102, 102, 102, 0.15);
  border-radius: 50%;
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.sub-contents .border {
  background: var(--color-white);
  border: 1px solid #ddd;
  border-radius: 30px;
}
.sub-contents .radius-box {
  display: flex;
}
.sub-contents .radius-box .item {
  width: 100%;
  height: 80px;
  border-radius: 0px 100px 100px 0px;
  font-size: 1.8rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sub-contents .radius-box .item:first-child {
  border-radius: 100px;
}
.sub-contents .radius-box .item:not(:first-child) {
  position: relative;
}
.sub-contents .radius-box .item:not(:first-child)::before {
  content: "";
  display: block;
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 100%;
  bottom: 0;
  z-index: -1;
}
.sub-contents .radius-box .color-1 {
  background: var(--color-white);
  border: 1px solid #eee;
}
.sub-contents .radius-box .color-2,
.sub-contents .radius-box .color-2::before {
  background: #F2F1FB;
}
.sub-contents .radius-box .color-3,
.sub-contents .radius-box .color-3::before {
  background: #D9D5F4;
}
.sub-contents .radius-box .color-4,
.sub-contents .radius-box .color-4::before {
  background: #A89EEB;
}
.sub-contents .radius-box .color-5,
.sub-contents .radius-box .color-5::before {
  background: #7C6FD1;
}
.sub-contents .radius-box .color-1,
.sub-contents .radius-box .color-2,
.sub-contents .radius-box .color-3 {
  color: #333;
}
.sub-contents .radius-box .color-4,
.sub-contents .radius-box .color-5 {
  color: var(--color-white);
}
.sub-contents .shadow {
  width: 100%;
  height: 100px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sub-contents .shadow::before,
.sub-contents .shadow .symbol {
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.sub-contents .shadow::before {
  content: "";
  display: block;
  border-radius: 5px;
  box-shadow: 0px 0px 10px 0px rgba(102, 102, 102, 0.15);
}
.sub-contents .shadow h5 {
  color: #222;
  font-size: 2.8rem;
  font-weight: 600;
  font-family: var(--font-pretendard);
}
.sub-contents .shadow .symbol {
  overflow: hidden;
}
.sub-contents .shadow .symbol img {
  width: 19.5625%;
  position: absolute;
  top: -17px;
  right: -25px;
  filter: brightness(0.96);
}
.sub-contents .dl-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  border-top: 2px solid rgba(124, 111, 209, 0.6);
}
.sub-contents .dl-box * {
  color: #222;
}
.sub-contents .dl-box.border-gray {
  border-top: 1px solid #d9d9d9;
}
.sub-contents .dl-box .max155 {
  max-width: 155px;
}
.sub-contents .dl-box .max200 {
  max-width: 200px;
}
.sub-contents .dl-box .max250 {
  max-width: 250px;
}
.sub-contents .dl-box .max280 {
  max-width: 280px;
}
.sub-contents .dl-box .max515 {
  max-width: 515px;
}
.sub-contents .dl-box .max630 {
  max-width: 630px;
}
.sub-contents .dl-box .max700 {
  max-width: 700px;
}
.sub-contents .dl-box .border-right {
  border-right: 1px solid #d9d9d9;
}
.sub-contents .dl-box dl {
  width: 100%;
  min-height: 80px;
  display: flex;
}
.sub-contents .dl-box dl.half {
  width: 50%;
}
.sub-contents .dl-box dl > * {
  border-bottom: 1px solid #d9d9d9;
  color: #222;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.sub-contents .dl-box dl dt {
  flex-shrink: 0;
  justify-content: center;
  background: #f9f9f9;
  border-right: 1px solid #d9d9d9;
  font-weight: 500;
}
.sub-contents .dl-box dl dt em {
  color: #F20000;
}
.sub-contents .dl-box dl dd.red {
  color: #F92121;
  font-weight: 600;
}
.sub-contents .dl-box dl dd.center {
  justify-content: center;
}
.sub-contents .dl-box dl dd p {
  text-indent: 10px;
}
.sub-contents .dl-box dl dd b {
  color: #555;
  font-weight: 700;
}
.sub-contents .dl-box dl dd button {
  height: 60px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sub-contents .dl-box dl dd button:not(.refresh-button) {
  width: 150px;
  background: var(--color-main);
  color: var(--color-white);
  font-size: 2rem;
  font-weight: 500;
}
.sub-contents .dl-box dl dd span {
  color: #666;
  font-weight: 300;
}
.sub-contents .dl-box .flex-box {
  width: 100%;
  column-gap: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.sub-contents .dl-box .flex-box.col {
  flex-direction: column;
  align-items: flex-start;
  row-gap: 10px;
}
.sub-contents .dl-box .phone span {
  display: block;
  width: 15px;
  height: 1px;
  background: #ccc;
}
.sub-contents .dl-box .radio-box {
  column-gap: 25px;
  padding: 2px;
}
.sub-contents .dl-box .radio-box label {
  column-gap: 10px;
}
.sub-contents .dl-box .captcha .img,
.sub-contents .dl-box .captcha .refresh-button {
  flex-shrink: 0;
}
.sub-contents .dl-box .captcha .img {
  width: 160px;
  height: 60px;
}
.sub-contents .dl-box .captcha .img img {
  min-width: 100%;
  min-height: 100%;
  max-height: 100%;
}
.sub-contents .dl-box .captcha .refresh-button {
  width: 60px;
  border: 1px solid #d9d9d9;
}
.sub-contents .dl-box input[type=text],
.sub-contents .dl-box input[type=password],
.sub-contents .dl-box textarea,
.sub-contents .dl-box select {
  width: 100%;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  font-size: 1.7rem;
}
.sub-contents .dl-box input[type=text],
.sub-contents .dl-box input[type=password],
.sub-contents .dl-box select {
  height: 60px;
  padding: 0 25px;
}
.sub-contents .dl-box input[type=text]:disabled,
.sub-contents .dl-box input[type=password]:disabled {
  background: #eee;
}
.sub-contents .dl-box textarea {
  height: 140px;
  padding: 25px;
}
.sub-contents .dl-box.dt270 dt {
  max-width: 270px;
}
.sub-contents .dl-box.dt350 dt {
  max-width: 350px;
}
.sub-contents .dl-box.dt-left dt {
  justify-content: flex-start;
  padding: 0 35px;
}
.sub-contents .dl-box.dd100 dd:not(.paddingX) {
  padding: 0 80px;
}
.sub-contents .dl-box.dd30 dd {
  padding: 0 30px;
}
.sub-contents .dl-box.dd10 dd {
  padding: 10px 15px;
}
.sub-contents .button-box {
  display: flex;
  justify-content: center;
  column-gap: 20px;
}
.sub-contents .button-box a, .sub-contents .button-box button {
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sub-contents .button-box .purple,
.sub-contents .button-box .dark {
  color: var(--color-white);
}
.sub-contents .button-box .purple {
  background: var(--color-main);
}
.sub-contents .button-box .dark {
  background: #444;
}
.sub-contents .button-box .light {
  background: #f3f3f3;
  color: #333;
}
.sub-contents .lecture * {
  font-family: var(--font-pretendard);
}
.sub-contents .lecture .lecture-tab {
  display: flex;
  margin: 0 0 60px;
}
.sub-contents .lecture .lecture-tab li {
  width: 150px;
  text-align: center;
}
.sub-contents .lecture .lecture-tab li a {
  display: block;
  color: #aaa;
  font-size: 2rem;
  font-weight: 700;
  padding-bottom: 15px;
  position: relative;
  transition: all 0.6s;
}
.sub-contents .lecture .lecture-tab li a::after {
  content: "";
  display: block;
  width: 0;
  height: 2px;
  background: var(--color-main);
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  transition: all 0.6s;
}
.sub-contents .lecture .lecture-tab li:hover a, .sub-contents .lecture .lecture-tab li.on a {
  color: var(--color-main);
}
.sub-contents .lecture .lecture-tab li:hover a::after, .sub-contents .lecture .lecture-tab li.on a::after {
  width: 100%;
}
.sub-contents .lecture .shadow {
  margin: 0 0 30px;
}
.sub-contents .lecture .dl-box dl dd.border-right {
  width: 54%;
}
.sub-contents .lecture .dl-box dl dd p {
  color: #222;
  text-align: center;
  text-indent: 0;
}
.sub-contents .lecture .dl-box dl dd p b {
  color: #222;
}
.sub-contents .lecture .table-box {
  border-top: 2px solid rgba(124, 111, 209, 0.6);
}
.sub-contents .lecture .table-box table th,
.sub-contents .lecture .table-box table td {
  height: 80px;
  border-bottom: 1px solid #d9d9d9;
  color: #222;
}
.sub-contents .lecture .table-box table th:not(:last-child),
.sub-contents .lecture .table-box table td:not(:last-child) {
  border-right: 1px solid #d9d9d9;
}
.sub-contents .lecture .table-box table th {
  font-weight: 600;
}
.sub-contents .lecture .information table th {
  background: #f9f9f9;
}
.sub-contents .lecture .information table td {
  padding: 0 100px;
}
.sub-contents .lecture .information table td p {
  text-align: center;
}
.sub-contents .lecture .information table td b {
  font-weight: 600;
}
.sub-contents .lecture .information table td b.red {
  color: #F92121;
}
.sub-contents .lecture .sub-flex {
  display: flex;
  align-items: flex-start;
}
.sub-contents .lecture .sub-flex > * {
  width: 100%;
}
.sub-contents .lecture .sub-flex > h5 {
  max-width: 600px;
  flex-shrink: 0;
  column-gap: 15px;
  color: #222;
  font-size: 2.8rem;
  font-weight: 600;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.sub-contents .lecture .sub-flex .content,
.sub-contents .lecture .sub-flex .p-box {
  display: flex;
  flex-direction: column;
}
.sub-contents .lecture .sub-flex .content {
  row-gap: 50px;
  margin: 25px 0 0;
}
.sub-contents .lecture .sub-flex .content .m-bottom-0 {
  margin-bottom: 0;
}
.sub-contents .lecture .sub-flex .content p {
  color: #222;
  font-size: 1.8rem;
}
.sub-contents .lecture .sub-flex .content .dot {
  color: #666;
}
.sub-contents .lecture .sub-flex .content .dot p, .sub-contents .lecture .sub-flex .content .dot b {
  color: #666;
}
.sub-contents .lecture .sub-flex .content .dot::before {
  background: #666;
}
.sub-contents .lecture .sub-flex .content .radius-box {
  margin: 0 0 20px;
}
.sub-contents .lecture .sub-flex .content .p-box {
  row-gap: 20px;
}
.sub-contents .lecture .discount .content {
  row-gap: 10px;
}
.sub-contents .lecture .discount table thead th {
  background: rgba(124, 111, 209, 0.1);
}
.sub-contents .lecture .discount table td {
  text-align: center;
}
.sub-contents .lecture .discount p.note {
  color: #F20000;
  margin: 5px 0;
}
.sub-contents .lecture .button-box a {
  width: 280px;
  height: 80px;
  column-gap: 10px;
  font-size: 2rem;
  font-weight: 500;
}
.sub-contents .lecture .note-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 20px;
  border-radius: 30px;
  text-align: center;
  padding: 50px 0;
  position: relative;
}
.sub-contents .lecture .note-box::before {
  content: "";
  display: block;
  border-radius: 30px;
  box-shadow: 0 0 10px rgba(102, 102, 102, 0.15);
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.sub-contents .lecture .note-box h4 {
  color: #222;
  font-size: 3.2rem;
  font-weight: 600;
}
.sub-contents .lecture .note-box h4 em {
  color: var(--color-main);
}
.sub-contents .lecture .note-box p {
  color: #333;
  font-size: 2rem;
  line-height: 1.5;
}
.sub-contents .lecture .note-box p b {
  font-weight: 600;
}
.sub-contents .lecture .note-box .bWidth {
  display: inline-flex;
  flex-direction: column;
  row-gap: 10px;
  text-align: left;
  margin: 0 auto;
}
.sub-contents .lecture .note-box .bWidth > div {
  display: flex;
  column-gap: 15px;
}
.sub-contents .lecture .note-box .bWidth b {
  font-weight: 600;
}
.sub-contents .list table th:not(:last-child),
.sub-contents .list table td:not(:last-child) {
  border-right: none;
}
.sub-contents .list table td {
  color: #666;
}
.sub-contents .list table td.red {
  color: #F92121;
  font-weight: 600;
}
.sub-contents .list table .state {
  border-radius: 5px;
	font-size: 1.6rem;
	font-weight: 400;
  padding: 9px 20px;
  margin: 0 auto;
}
.sub-contents .list table .state.on {
  background: var(--color-main);
  color: var(--color-white);
}
.sub-contents .list table .state.off {
  border: 1px solid #ddd;
  color: #999;
}
.sub-contents .card .card-box {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  row-gap: 40px;
  column-gap: 40px;
}
.sub-contents .card .card-box .item {
  border: 1px solid #ddd;
  border-radius: 30px;
  padding: 40px;
}
.sub-contents .card .card-box h6 {
  height: 2.6em;
  color: #333;
  font-size: 2rem;
  font-weight: 700;
  -webkit-line-clamp: 2;
  overflow: hidden;
  word-wrap: break-word;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.sub-contents .card .card-box hr {
  width: 100%;
  height: 1px;
  background: #ddd;
  border: none;
  margin: 20px 0;
}
.sub-contents .card .card-box .bWidth {
  display: flex;
  flex-direction: column;
  row-gap: 15px;
}
.sub-contents .card .card-box .bWidth > div {
  display: flex;
  column-gap: 20px;
}
.sub-contents .card .card-box .bWidth * {
  color: #666;
}
.sub-contents .card .card-box .bWidth b {
  font-weight: 600;
}
.sub-contents .card .card-box .bWidth .red {
  color: #F92121;
  font-weight: 600;
}
.sub-contents .card .card-box a {
  width: 100%;
  height: 60px;
  border-radius: 5px;
  color: var(--color-white);
  font-size: 1.7rem;
  font-weight: 500;
  margin: 30px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sub-contents .card .card-box a.on {
  background: var(--color-main);
}
.sub-contents .card .card-box a.off {
  background: #aaa;
}
.sub-contents .view .detail-box {
  display: flex;
  flex-direction: column;
  row-gap: 50px;
}
.sub-contents .rental p {
  color: #333;
  font-size: 1.8rem;
}
.sub-contents .rental .item-wrap span {
  display: inline-block;
  color: #888;
  margin: 20px 0 0;
}
.sub-contents .rental .border-box {
  display: grid;
  row-gap: 40px;
  column-gap: 40px;
}
.sub-contents .rental .border-box.grid4 {
  grid-template-columns: repeat(4, 1fr);
}
.sub-contents .rental .border-box.grid3 {
  grid-template-columns: repeat(3, 1fr);
}
.sub-contents .rental .border-box p {
  line-height: 1.6666;
}
.sub-contents .rental .application a {
  width: 280px;
  height: 60px;
  background: var(--color-main);
  border-radius: 5px;
  color: #fff;
  font-size: 1.7rem;
  font-weight: 500;
  margin: 60px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sub-contents .rental .payment .item-box {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  padding: 60px;
}
.sub-contents .rental .payment .item-box dl {
  display: flex;
}
.sub-contents .rental .payment .item-box dl * {
  font-size: 1.8rem;
  font-family: var(--font-pretendard);
}
.sub-contents .rental .payment .item-box dl dt {
  width: 120px;
  color: #333;
  font-weight: 500;
}
.sub-contents .rental .payment .item-box dl dd {
  color: #666;
}
.sub-contents .rental .area .flex-box {
  justify-content: space-between;
}
.sub-contents .rental .area ul {
  width: 48.75%;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
.sub-contents .rental .area ul li,
.sub-contents .rental .area ul dl {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.sub-contents .rental .area ul li,
.sub-contents .rental .area ul li span {
  transition: all 0.4s;
}
.sub-contents .rental .area ul li {
  height: 100px;
  column-gap: 20px;
  padding: 0 60px;
}
.sub-contents .rental .area ul li span {
  display: inline-block;
  width: 55px;
  color: #eee;
  font-size: 4rem;
  font-weight: 900;
}
.sub-contents .rental .area ul li:hover {
  border-color: var(--color-main);
}
.sub-contents .rental .area ul li:hover span {
  color: var(--color-main);
}
.sub-contents .rental .area ul dl {
  column-gap: 60px;
}
.sub-contents .rental .area ul dl * {
  font-size: 1.8rem;
  font-family: var(--font-pretendard);
}
.sub-contents .rental .area ul dl dt {
  width: 75px;
  color: #333;
  font-weight: 600;
}
.sub-contents .rental .area ul dl dd {
  color: #666;
}
.sub-contents .rental .note .item-box .item {
  text-align: center;
  padding: 60px 20px 50px;
}
.sub-contents .rental .note .item-box p {
  line-height: 1.6666;
  margin: 20px 0 0;
}
.sub-contents .rental .guide * {
  font-family: var(--font-pretendard);
}
.sub-contents .rental .guide .item {
  height: 240px;
  padding: 40px;
}
.sub-contents .rental .guide .item dl {
  margin: 25px 0 0;
}
.sub-contents .rental .guide .item dl dt {
  color: #333;
  font-size: 2rem;
  font-weight: 600;
  margin: 0 0 15px;
}
.sub-contents .rental .guide .item dl dd {
  color: #333;
  font-size: 1.8rem;
}
.sub-contents .rental .guide .item dl span {
  display: flex;
  column-gap: 5px;
  color: #888;
  font-size: 1.6rem;
  margin: 10px 0 0;
}
.sub-contents .rental .guide .item dl span::before {
  content: "※";
}
.sub-contents .support * {
  font-family: var(--font-pretendard);
}
.sub-contents .support .designated {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.sub-contents .support .designated .img-box {
  position: relative;
}
.sub-contents .support .designated .img-box span {
  color: var(--color-white);
  font-size: 4rem;
  font-weight: 600;
  position: absolute;
  left: 100px;
  bottom: 100px;
}
.sub-contents .support .designated .text-box,
.sub-contents .support .designated .text-box > div {
  display: flex;
  flex-direction: column;
}
.sub-contents .support .designated .text-box {
  row-gap: 60px;
  justify-content: center;
  background-color: #f5f5f5;
  border-radius: 30px;
  padding: 0 100px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.sub-contents .support .designated .text-box .symbol {
  width: 39%;
  position: absolute;
  right: -6%;
  bottom: -7.5%;
  z-index: -1;
}
.sub-contents .support .designated .text-box .symbol img {
  filter: brightness(0.93);
}
.sub-contents .support .designated .text-box > div {
  row-gap: 20px;
}
.sub-contents .support .designated .text-box p {
  color: #333;
  font-size: 1.8rem;
  line-height: 1.6666;
}
.sub-contents .archives .t-circle {
  font-size: 2.8rem;
  margin: 0 0 20px 20px;
}
.sub-contents .archives .list,
.sub-contents .archives .inner {
  border-radius: 20px;
}
.sub-contents .archives .list {
  background: #f5f5f5;
  padding: 40px 20px 20px;
}
.sub-contents .archives .list * {
  font-family: "Pretendard", "Noto Sans SC", sans-serif;
}
.sub-contents .archives .inner {
  background: var(--color-white);
}
.sub-contents .archives p {
  color: #555;
  font-weight: 300;
  line-height: 1.5;
}
.sub-contents .story .inner {
  padding: 80px 20px;
}
.sub-contents .story .inner h6 {
  color: #222;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
}
.sub-contents .story .inner hr {
  width: 100%;
  height: 1px;
  background: #ddd;
  border: none;
  margin: 40px 0;
}
.sub-contents .story .item-box {
  display: flex;
  align-items: flex-start;
  column-gap: 40px;
}
.sub-contents .story .item-box .img {
  flex-shrink: 0;
}
.sub-contents .story .p-box {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
.sub-contents .village .item-box {
  display: flex;
  align-items: flex-start;
  column-gap: 60px;
}
.sub-contents .village .map {
  width: 34.375%;
  flex-shrink: 0;
  border: 1px solid #ddd;
  border-radius: 30px;
  text-align: center;
  padding: 80px 20px;
}
.sub-contents .village .list-box {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
.sub-contents .village .inner {
  padding: 20px;
}
.sub-contents .heritage .table-box,
.sub-contents .heritage .table-box::before {
  border-radius: 0 0 20px 20px;
}
.sub-contents .heritage .table-box {
  position: relative;
  overflow: hidden;
	display: none;
}
.sub-contents .heritage .table-box::before {
  content: "";
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 100px);
  border: 1px solid #ddd;
  border-top: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.sub-contents .heritage .table-box.on {
	display: block;
}
.sub-contents .heritage .table-box table * {
  font-family: var(--font-pretendard);
}
.sub-contents .heritage .table-box table th,
.sub-contents .heritage .table-box table td {
  color: #333;
}
.sub-contents .heritage .table-box table th {
  height: 100px;
  background: rgba(124, 111, 209, 0.1);
  font-size: 1.8rem;
  font-weight: 500;
}
.sub-contents .heritage .table-box table th:not(:last-child) {
  border-right: 1px solid var(--color-white);
}
.sub-contents .heritage .table-box table td {
  height: 60px;
  border: 1px solid #ddd;
  border-top: none;
  font-weight: 300;
  text-align: center;
  padding: 0 10px;
}
.sub-contents .heritage .form-button {
  width: 320px;
  height: 80px;
  background: var(--color-main);
  border-radius: 5px;
  margin: 70px auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sub-contents .heritage .form-button span {
  color: var(--color-white);
  font-size: 2rem;
  font-weight: 500;
}
.sub-contents .local .note {
  background: #f9f9f9;
  padding: 40px;
  margin-bottom: 60px;
}
.sub-contents .local .note h5 {
  color: #222;
  font-size: 2.2rem;
  font-weight: 600;
  margin: 0 0 15px;
}
.sub-contents .local .note .p-box {
  display: flex;
  flex-direction: column;
  row-gap: 25px;
  background: var(--color-white);
  border-radius: 5px;
  padding: 30px;
}
.sub-contents .local .note .p-box p {
  color: #555;
  font-size: 1.5rem;
  line-height: 1.65;
  font-family: var(--font-pretendard);
}
.sub-contents .song .illust {
  width: 100vw;
  margin: -7% 0 0;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.sub-contents .song .col100 {
  margin-top: 100px;
}
.sub-contents .song .information {
  border-radius: 30px;
  padding: 80px 60px;
  position: relative;
}
.sub-contents .song .information * {
  font-family: var(--font-pretendard);
}
.sub-contents .song .information::before {
  content: "";
  display: block;
  background: var(--color-white);
  border-radius: 30px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.sub-contents .song .information .t-circle {
  color: var(--color-main);
}
.sub-contents .song .information h6 {
  color: #111;
  font-size: 2rem;
  font-weight: 500;
  margin: 15px 0 0;
}
.sub-contents .song .information .p-box {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  margin: 40px 0 0;
}
.sub-contents .song .information .p-box p {
  color: #555;
  font-weight: 300;
  line-height: 1.5;
}
.sub-contents .song .listen {
  padding: 100px 0 150px;
  position: relative;
}
.sub-contents .song .listen::before {
  content: "";
  display: block;
  width: 100vw;
  height: 100%;
  background: url("/img/sub/bg_song.png") no-repeat center/cover;
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.sub-contents .song .listen * {
  color: var(--color-white);
}
.sub-contents .song .listen .title {
  text-align: center;
  margin: 0 0 60px;
}
.sub-contents .song .listen .title h4 {
  font-size: 3.8rem;
  font-weight: 600;
  margin: 0 0 60px;
}
.sub-contents .song .listen .title p {
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 1.7;
}
.sub-contents .song .listen ol {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 20px;
  column-gap: 50px;
}
.sub-contents .song .listen ol li,
.sub-contents .song .listen ol li > div {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.sub-contents .song .listen ol li {
  height: 80px;
  justify-content: space-between;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 20px;
  padding: 0 20px;
}
.sub-contents .song .listen ol .text {
  column-gap: 20px;
}
.sub-contents .song .listen ol em {
  width: 35px;
  height: 35px;
  flex-shrink: 0;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  font-size: 1.4rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sub-contents .song .listen ol p {
  font-size: 1.8rem;
  font-weight: 500;
  font-family: var(--font-pretendard);
}
.sub-contents .song audio {
  width: 100px;
  height: 22px;
}
.sub-contents .song audio::-webkit-media-controls-enclosure {
  background: var(--color-white);
}
.sub-contents .member * {
  font-family: var(--font-pretendard);
}
.sub-contents .member .button-box a {
  width: 250px;
  height: 65px;
  font-size: 1.7rem;
  font-weight: 600;
}
.sub-contents .refund .rule {
  background: #f9f9f9;
  padding: 40px;
  margin: 0 0 40px;
}
.sub-contents .refund .rule h6 {
  color: #222;
  font-size: 2.2rem;
  font-weight: 600;
}
.sub-contents .refund .rule .text,
.sub-contents .refund .rule .text p {
  display: flex;
  flex-direction: column;
}
.sub-contents .refund .rule .text {
  row-gap: 15px;
  background: var(--color-white);
  padding: 30px;
  margin: 15px 0 0;
}
.sub-contents .refund .rule .text p {
  row-gap: 5px;
  color: #222;
}
.sub-contents .refund .rule .text span {
  display: block;
  color: #666;
}
.sub-contents .refund .rule .text em {
  color: #F20000;
}
.sub-contents .refund .rule .text b {
  color: #333;
  font-weight: 600;
}
.sub-contents .refund hr {
  width: 1px;
  height: 6px;
  background: #d9d9d9;
  border: none;
  margin: 0;
}
.sub-contents .refund .p-box .flex-box {
  align-items: center;
  column-gap: 15px;
}
.sub-contents .refund .dl-box .p-box {
  row-gap: 15px;
  padding: 20px 10px;
  margin: 0;
}
.sub-contents .refund .dl-box .p-box p {
  color: #222;
  font-weight: 300;
  text-indent: 0;
}
.sub-contents .refund .p-box {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  margin: 15px 0 0;
}
.sub-contents .refund .p-box p {
  color: #F20000;
}
.sub-contents .refund .p-box span {
  color: #666;
}
.sub-contents .paid .shadow h6 {
  color: #222;
  font-size: 2.2rem;
}
.sub-contents .paid .shadow h6 b {
  font-weight: 600;
}
.sub-contents .paid .shadow h6 br {
  display: none;
}
.sub-contents .paid .text-box {
  display: flex;
  margin: 60px 0 80px;
}
.sub-contents .paid .text-box .text {
  width: 50%;
}
.sub-contents .paid .text-box .text * {
  color: #333;
}
.sub-contents .paid .text-box .text div {
  display: flex;
  column-gap: 15px;
  margin: 25px 0 20px;
}
.sub-contents .paid .text-box .text b {
  font-weight: 600;
}
.sub-contents .paid .text-box .text span {
  color: #777;
}
.sub-contents .paid .text-box .text ul {
  display: flex;
  flex-direction: column;
  row-gap: 15px;
}
.sub-contents .paid .text-box .text ul li {
  display: flex;
  column-gap: 5px;
}
.sub-contents .paid .bottom {
  column-gap: 40px;
  background: #f8f8f8;
  border-radius: 10px;
  padding: 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.sub-contents .paid .bottom .icon,
.sub-contents .paid .bottom a {
  background: var(--color-white);
  box-shadow: 0px 2px 10px rgba(102, 102, 102, 0.15);
}
.sub-contents .paid .bottom .icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sub-contents .paid .bottom .text {
  display: flex;
  flex-direction: column;
  row-gap: 5px;
}
.sub-contents .paid .bottom .text p {
  color: #222;
}
.sub-contents .paid .bottom .text p b {
  font-weight: 600;
}
.sub-contents .paid .bottom a {
  height: 60px;
  border-radius: 100px;
  margin-left: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.sub-contents .paid .bottom a * {
  color: var(--color-main);
}
.sub-contents .paid .bottom a span {
  display: inline-block;
  font-weight: 500;
  padding: 0 10px 0 30px;
}
.sub-contents .paid .bottom a .icon i {
  font-size: 2rem;
  transition: all 0.4s;
}
.sub-contents .paid .bottom a:hover .icon {
  background: var(--color-main);
}
.sub-contents .paid .bottom a:hover .icon i {
  color: var(--color-white);
}
.sub-contents .course .state {
  display: inline-block;
  border-radius: 100px;
  font-size: 14px;
  font-weight: 500;
  padding: 10px 25px;
}
.sub-contents .course .state:not(.bg) {
  border: 1px solid transparent;
}
.sub-contents .course .state.red {
  border-color: #FF0000;
  color: #FF0000;
}
.sub-contents .course .state.purple {
  border-color: #7C6FD1;
  color: #7C6FD1;
}
.sub-contents .course .state.gray {
  border-color: #666;
  color: #666;
}
.sub-contents .course .state.bg {
  background: #666;
  color: var(--color-white);
}
.sub-contents .course .state-box,
.sub-contents .course .state-box div {
  justify-content: flex-end;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.sub-contents .course .state-box {
  column-gap: 35px;
  margin: 0 0 20px;
}
.sub-contents .course .state-box div {
  column-gap: 10px;
}
.sub-contents .course .state-box p {
  color: #222;
}
.sub-contents .course .refund-button {
  display: block;
  color: #666;
  font-size: 14px;
  font-weight: 500;
  margin: 10px 0 0;
}