@charset "UTF-8";
.board__wrap .board--title {
  width: 100%;
  padding-bottom: clamp(28px, 6.5vw, 108px);
  font-size: clamp(26px, 3.1vw, 52px);
  font-weight: 600;
  line-height: 120%;
}
.board__wrap .board--title.contact--title {
  padding-bottom: clamp(52px, 5.4vw, 90px);
  line-height: 146%;
}
.board__wrap .board--title span {
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .board__wrap .board--title {
    line-height: 138%;
  }
  .board__wrap .board--title span {
    display: block;
  }
  .board__wrap .board--title br {
    display: none;
  }
}

.board__list {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: clamp(64px, 7.8vw, 80px);
  width: 100%;
}
.board__list table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  empty-cells: show;
  border-top: 1px solid #000;
}
.board__list table col:htn-child(1) {
  width: auto;
}
.board__list table thead {
  border-bottom: 1px solid #000;
}
.board__list table thead th {
  padding: clamp(24px, 3.6vw, 46px) clamp(16px, 1.8vw, 24px);
  font-size: clamp(16px, 1.56vw, 22px);
  font-weight: 600;
  line-height: 100%;
  text-align: left;
}
.board__list table tbody td {
  padding: 8px clamp(16px, 1.8vw, 24px);
  font-size: clamp(16px, 1.56vw, 22px);
  font-weight: 600;
  line-height: 175%;
  text-align: left;
  border-bottom: 1px solid #ccc;
  height: 114px;
}
.board__list table tbody td .new--article {
  display: block;
  padding: 4px 8px;
  background-color: #00B6C6;
  font-size: 13px;
  font-weight: 600;
  line-height: 100%;
  color: white;
  min-width: 46px;
}
.board__list table tbody td time {
  display: none;
  padding-top: 8px;
  font-size: 12px;
  font-weight: 400;
  line-height: 100%;
}
.board__list table tbody.noti {
  background-color: #E4E8ED;
}
.board__list table .ta--left {
  text-align: left;
}
.board__list table .ta--center {
  text-align: center;
}
.board__list table .ta--right {
  text-align: right;
}
.board__list table .notice--link {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 4px;
  width: 100%;
  min-width: 0;
  max-width: 100%;
}
.board__list table .notice--link span {
  display: -webkit-box;
  max-height: 350%;
  overflow: hidden;
  vertical-align: top;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media screen and (max-width: 767px) {
  .board__list table col.mobileWidth {
    width: 100% !important;
  }
  .board__list table col:nth-child(2), .board__list table col:nth-child(3) {
    width: 0 !important;
  }
  .board__list table thead {
    display: none;
  }
  .board__list table tbody td {
    width: 100%;
    padding: 8px 7px;
    font-size: 16px;
    font-weight: 500;
    height: 104px;
  }
  .board__list table tbody td:first-child, .board__list table tbody td:last-child {
    display: none;
  }
  .board__list table tbody td time {
    padding-top: 4px;
    display: block;
  }
  .board__list table .notice--link {
    flex-wrap: wrap;
  }
  .board__list table .notice--link time {
    width: 100%;
  }
}

.pagination {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
}
.pagination a, .pagination strong, .pagination span {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: clamp(32px, 4vw, 40px);
  height: clamp(32px, 4vw, 40px);
  font-size: clamp(14px, 1.9vw, 20px);
  font-weight: 400;
  line-height: 100%;
  /*
  font-family: 'Pretendard';
  &:hover {
      color: $primary;
  }
  */
}
.pagination a {
  color: #DADADA;
}
.pagination strong {
  color: #000;
  font-weight: 600;
}
.pagination {
  /*
  span {
      opacity: 0.7;
  }
  */
}

.board__view {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}
.board__view .view__header {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: clamp(8px, 1.4vw, 24px);
  width: 100%;
  padding-bottom: clamp(24px, 3vw, 50px);
}
.board__view .view__header h3 {
  font-size: clamp(22px, 2.5vw, 42px);
  font-weight: 600;
  line-height: 150%;
  display: -webkit-box;
  max-height: 300%;
  overflow: hidden;
  vertical-align: top;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  width: 100%;
}
.board__view .view__header p {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  gap: clamp(8px, 1.4vw, 16px);
  width: 100%;
  font-size: clamp(12px, 1.3vw, 22px);
  font-weight: 600;
  line-height: 100%;
}
.board__view .view__header p time {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 12px;
}
.board__view .view__header p time .view--date {
  font-weight: 400;
}
.board__view .view__body {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  gap: 0;
  width: 100%;
  padding: clamp(36px, 5.8vw, 100px) 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #ccc;
}
.board__view .view_contents {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: clamp(40px, 5.6vw, 68px);
  max-width: 1200px;
  width: 100%;
}
.board__view .view_contents .viewContent__wrap {
  line-height: 158%;
  font-size: clamp(16px, 2vw, 22px);
  width: 100%;
}
.board__view .view_contents .viewContent__wrap div[align=center] img {
  margin: 0 auto;
}
.board__view .view_contents .attachment--file {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}
.board__view .view_contents .attachment--file a {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  padding: clamp(14px, 1.6vw, 20px) clamp(14px, 1.6vw, 20px) clamp(14px, 1.6vw, 20px) clamp(24px, 3vw, 36px);
  width: 100%;
  background: #E4E8ED url("../img/icon_download.svg") no-repeat calc(100% - 34px) center;
  font-size: clamp(14px, 1.5vw, 16px);
  font-weight: 400;
  line-height: 100%;
}
.board__view .view_contents .attachment--file a strong {
  display: block;
  width: 100%;
  line-height: 200%;
}
.board__view .view_contents .attachment--file a span {
  display: block;
  width: 100%;
  color: #9AA5B2;
  line-height: 200%;
}
.board__view .btn__wrap {
  padding: clamp(30px, 3.8vw, 64px) 0;
}
@media screen and (max-width: 767px) {
  .board__view .view__header p time {
    gap: 8px;
  }
}

.board__nav {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  border-top: 1px solid #ccc;
}
.board__nav li {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: clamp(16px, 1.69vw, 28px);
  width: 100%;
  font-size: clamp(14px, 1.2vw, 22px);
  font-weight: 400;
  line-height: 172%;
  border-bottom: 1px solid #ccc;
}
.board__nav li strong {
  width: clamp(48px, 5.8vw, 96px);
  font-weight: 600;
}
.board__nav li a, .board__nav li span {
  display: block;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: clamp(20px, 1.5vw, 24px) 0;
}
.board__nav li span {
  color: #9AA5B2;
}
.board__nav li img {
  width: clamp(10px, 1.1vw, 18px);
}

.card__grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: clamp(88px, 6.9vw, 114px) 4%;
  width: 100%;
}
.card__grid li {
  width: 30.6%;
}
.card__grid li a {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}
.card__grid li a figure {
  overflow: hidden;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: clamp(280px, 19.6vw, 324px);
}
.card__grid li a figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card__grid li a h4 {
  display: block;
  padding-top: clamp(14px, 1.4vw, 22px);
  font-size: clamp(14px, 1.4vw, 22px);
  font-weight: 500;
  line-height: 163%;
  display: -webkit-box;
  max-height: 326%;
  overflow: hidden;
  vertical-align: top;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: keep-all;
}
.card__grid li a {
  /*
  time {
      display: block;
      @include font(16px, 600, 100%);
      font-weight: 'Pretendard';
      color: $sub2;
  }
  */
}
@media screen and (max-width: 1200px) {
  .card__grid {
    row-gap: clamp(58px, 7.3vw, 88px);
  }
  .card__grid li {
    width: 47.8%;
  }
  .card__grid li a figure {
    height: clamp(180px, 23vw, 280px);
  }
}
@media screen and (max-width: 520px) {
  .card__grid {
    flex-direction: column;
    align-items: center;
    gap: 58px;
  }
  .card__grid li {
    width: 100%;
  }
  .card__grid li a figure {
    height: 183px;
  }
  .card__grid li a h4 {
    padding-top: 15px;
    line-height: 171%;
  }
}

.contact__container {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}
.contact__container .mark--astro {
  display: inline-block;
  vertical-align: super;
  font-size: 18px;
  font-weight: 600;
  line-height: 100%;
  color: #00B6C6;
  transform: translateX(4px) translateY(-0.3em);
  font-family: "Pretendard";
}
.contact__container form {
  width: 100%;
}
.contact__container .contact__field {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: clamp(70px, 5.5vw, 92px);
  width: 100%;
}
@media screen and (max-width: 767px) {
  .contact__container .mark--astro {
    font-size: 10px;
    transform: translateX(2px) translateY(-0.3em);
  }
}

.btn--contact {
  padding: clamp(130px, 12.3vw, 230px) 0 0;
}
@media screen and (max-width: 767px) {
  .btn--contact {
    padding-top: 130px;
  }
}

.contact--info {
  width: 100%;
  padding-bottom: clamp(4px, 1.9vw, 20px);
  text-align: right;
  font-size: clamp(12px, 1.5vw, 16px);
  font-weight: 400;
  line-height: 100%;
}
.contact--info .mark--astro {
  vertical-align: middle;
  transform: translateX(-4px);
}
@media screen and (max-width: 767px) {
  .contact--info {
    font-size: 10px;
  }
  .contact--info .mark--astro {
    transform: translateX(-2px);
  }
}

.contact__temp {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}
.contact__temp .contact__temp--title {
  flex: 0 1 clamp(200px, 24.4vw, 460px);
  font-size: clamp(20px, 2.4vw, 42px);
  font-weight: 600;
  line-height: 145%;
  transform: translateY(-10px);
}
.contact__temp .contact__temp--title .mark--astro {
  transform: translateX(4px) translateY(-8px);
}
.contact__temp .contact__temp__list {
  flex: 0 1 calc(100% - clamp(200px, 24.4vw, 460px));
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 48px;
}
.contact__temp .contact__temp__list li {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 14px;
  width: 100%;
}
.contact__temp .contact__temp__list li.contact--type {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 26px;
  width: 100%;
}
.contact__temp .contact__temp__list li.contact--type > div {
  flex: 0 1 calc(50% - 13px);
  position: relative;
}
.contact__temp .contact__temp__list li.contact--type > div input[type=radio] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.contact__temp .contact__temp__list li.contact--type > div input[type=radio] + label {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: clamp(64px, 8.4vw, 140px);
  padding: clamp(10px, 1.2vw, 18px) clamp(18px, 1.2vw, 28px);
  font-size: clamp(16px, 2.8vw, 36px);
  font-weight: 400;
  line-height: 100%;
  color: #061D37;
  border: 1px solid #061D37;
  background-color: #fff;
  cursor: pointer;
}
.contact__temp .contact__temp__list li.contact--type > div input[type=radio]:checked + label {
  color: #fff;
  background-color: #000;
}
.contact__temp .contact__temp__list li.contact--type.error > div input[type=radio] + label {
  border-color: #ff4444;
}
.contact__temp .contact__temp__list li .contact__label {
  padding-bottom: clamp(14px, 1.3vw, 22px);
  font-size: clamp(18px, 2.1vw, 36px);
  font-weight: 400;
  line-height: 100%;
}
.contact__temp .contact__temp__list li .contact__input {
  padding-bottom: 16px;
  width: 100%;
  outline: none;
  border: none;
  border-bottom: 1px solid #000;
  border-radius: 0;
  font-size: clamp(16px, 1.3vw, 22px);
  font-weight: 400;
  line-height: 100%;
}
.contact__temp .contact__temp__list li .contact__input::placeholder {
  color: #9AA5B2;
}
.contact__temp .contact__temp__list li .contact__input {
  /*
  &:focus {
      font-weight: 600;
      border-bottom: 2px solid $primary;
      color: $primary;
  }
  */
}
.contact__temp .contact__temp__list li textarea {
  width: 100%;
  height: 480px;
  padding: clamp(20px, 1.5vw, 26px);
  border: 1px solid #000;
  border-radius: 0;
  font-size: clamp(14px, 1.3vw, 22px);
  font-weight: 400;
  line-height: 172%;
  resize: none;
}
.contact__temp .contact__temp__list li textarea:focus {
  border-bottom: 1px solid #005FCD;
}
.contact__temp .contact__temp__list li textarea::placeholder {
  color: #9AA5B2;
}
.contact__temp .contact__temp__list li .file--button {
  padding: clamp(10px, 1.2vw, 20px);
  height: clamp(50px, 4vw, 66px);
  background-color: #fff;
  border: 1px solid #000;
  font-size: clamp(14px, 1.3vw, 22px);
  font-weight: 400;
  line-height: 100%;
  cursor: pointer;
  transition: all 0.2s ease-out;
}
.contact__temp .contact__temp__list li .file--button:hover, .contact__temp .contact__temp__list li .file--button.selected {
  background-color: #000;
  border-color: #000;
  color: #fff;
}
.contact__temp .contact__temp__list li .error--message {
  width: 100%;
  height: clamp(14px, 1.9vw, 24px);
  color: #FF0000;
  font-size: clamp(12px, 1vw, 16px);
  font-weight: 400;
  line-height: 100%;
  pointer-events: none;
}
.contact__temp .contact__temp__list li .file--info {
  padding: 8px 0 8px 16px;
  color: #9AA5B2;
  font-size: clamp(12px, 1vw, 16px);
  font-weight: 400;
  line-height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  width: calc(100% - 24px);
}
.contact__temp .contact__temp__list li .file--info.error {
  color: #FF0000;
}
.contact__temp .contact__temp__list li .file--info.selected {
  font-size: clamp(14px, 1.3vw, 22px);
  color: #000;
}
.contact__temp .contact__temp__list li .file--delete {
  padding: 4px 8px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.contact__temp .contact__temp__list li .file--delete img {
  width: 16px;
  height: 16px;
  vertical-align: middle;
}
.contact__temp .contact__temp__list li .file__attachment {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.contact__temp .contact__temp__list .contact--agreement {
  padding-top: clamp(24px, 3vw, 40px);
}
.contact__temp .contact__temp__list .contact--agreement h5 {
  padding-bottom: clamp(10px, 1vw, 17px);
  font-size: clamp(16px, 1.7vw, 28px);
  font-weight: 700;
  line-height: 157%;
  width: 100%;
  border-bottom: 1px solid #000;
}
.contact__temp .contact__temp__list .contact--agreement h5 button {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  width: 100%;
}
.contact__temp .contact__temp__list .contact--agreement h5 button img {
  transition: transform 0.3s ease;
  width: clamp(16px, 3.1vw, 24px);
}
.contact__temp .contact__temp__list .contact--agreement h5 button.active img {
  transform: rotate(180deg);
}
.contact__temp .contact__temp__list .contact--agreement .agreement--content {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.3s ease-out;
  padding-bottom: 4px;
}
.contact__temp .contact__temp__list .contact--agreement p {
  padding-top: clamp(12px, 3.6vw, 30px);
  padding-bottom: clamp(16px, 1vw, 29px);
  font-size: clamp(14px, 1.3vw, 22px);
  font-weight: 400;
  line-height: 140%;
  color: #9AA5B2;
}
.contact__temp .contact__temp__list .contact--agreement table {
  table-layout: fixed;
  border-collapse: collapse;
  empty-cells: show;
  width: 100%;
}
.contact__temp .contact__temp__list .contact--agreement table th, .contact__temp .contact__temp__list .contact--agreement table td {
  padding: clamp(10px, 1vw, 16px) clamp(18px, 1.5vw, 24px);
  font-size: clamp(12px, 1.3vw, 20px);
  font-weight: 400;
  line-height: 140%;
  color: #9AA5B2;
  border: 1px solid #C7C7C7;
  text-align: left;
}
.contact__temp .contact__temp__list .contact--agreement .agreement--check label {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  padding: clamp(10px, 1vw, 16px) 0;
  font-size: clamp(16px, 1.3vw, 22px);
  font-weight: 400;
  line-height: auto;
}
.contact__temp .contact__temp__list .contact--agreement .agreement--check label input[type=checkbox] {
  appearance: none;
  width: clamp(16px, 1.3vw, 22px);
  height: clamp(16px, 1.3vw, 22px);
  border: 2px solid #000;
  border-radius: 0;
  accent-color: #000;
  margin-top: 6px;
}
.contact__temp .contact__temp__list .contact--agreement .agreement--check label input[type=checkbox]:checked {
  background: url("/assets/img/icon_check.svg") center no-repeat;
  background-size: 10px auto;
}
.contact__temp .contact__temp__list .contact--agreement .agreement--check label strong {
  line-height: 100%;
}
.contact__temp .contact__temp__list .contact--agreement .agreement--check label.error input[type=checkbox] {
  appearance: none;
  border-color: var(--error);
}
.contact__temp .contact__temp__list .contact--agreement .agreement--check label.error {
  color: var(--error);
}
.contact__temp .contact__temp__list .contact--agreement .agreement--check label.error strong {
  color: var(--error);
}
.contact__temp .contact__temp__list .contact--agreement .agreement--check .mark--astro {
  transform: translateX(-1px) translateY(0);
}
@media screen and (max-width: 1024px) {
  .contact__temp .contact__temp__list input[type=file] {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .contact__temp {
    flex-direction: column;
    justify-content: flex-start;
    gap: 32px;
  }
  .contact__temp .contact__temp--title {
    flex: none;
    font-size: 20px;
    font-weight: 700;
    transform: translateY(0);
  }
  .contact__temp .contact__temp--title .mark--astro {
    transform: translateX(2px) translateY(-4px);
  }
  .contact__temp .contact__temp__list {
    flex: none;
    width: 100%;
    gap: 32px;
  }
  .contact__temp .contact__temp__list li {
    gap: 8px;
  }
  .contact__temp .contact__temp__list li.contact--type {
    flex-direction: column;
    gap: 14px;
  }
  .contact__temp .contact__temp__list li.contact--type > div {
    flex: none;
    width: 100%;
  }
  .contact__temp .contact__temp__list li .contact__label {
    padding-bottom: 6px;
    font-weight: 700;
  }
  .contact__temp .contact__temp__list li .file--info {
    display: block;
    padding-top: 6px;
    padding-left: 6px;
  }
  .contact__temp .contact__temp__list li textarea {
    height: 328px;
    line-height: 157%;
  }
  .contact__temp .contact__temp__list li .file--button {
    width: 89px;
    height: 50px;
    line-height: 30px;
    text-align: center;
  }
  .contact__temp .contact__temp__list .contact--agreement table tr th {
    text-align: center;
  }
  .contact__temp .contact__temp__list .contact--agreement .agreement--check input[type=checkbox]:checked {
    background-size: 7px auto;
  }
}

.contact--completed {
  height: 150px;
}

.privacy__wrap {
  max-width: 1000px;
}

.privacy__header {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 26px;
  width: 100%;
  padding-bottom: clamp(84px, 13.7vw, 176px);
}
.privacy__header h3 {
  font-size: clamp(30px, 4.6vw, 60px);
  font-weight: 600;
  line-height: 146%;
}
.privacy__header > p {
  font-size: clamp(14px, 1.7vw, 22px);
  font-weight: 400;
  line-height: 172%;
  padding-bottom: 14px;
}
.privacy__header div > p {
  font-size: clamp(14px, 1.7vw, 22px);
  font-weight: 300;
  line-height: 172%;
  padding-bottom: 4px;
}
.privacy__header div > p strong {
  font-weight: 600;
}

.privacy__temp {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: clamp(20px, 3.9vw, 40px);
  width: 100%;
  padding-bottom: clamp(84px, 8.9vw, 115px);
  border-top: 1px solid #000;
  letter-spacing: -0.06em;
}
.privacy__temp h4 {
  font-size: clamp(22px, 2vw, 26px);
  font-weight: 600;
  line-height: 230%;
}
.privacy__temp div {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
}
.privacy__temp div p {
  font-size: clamp(14px, 1.7vw, 22px);
  font-weight: 400;
  line-height: 172%;
}
.privacy__temp div ul {
  padding-left: clamp(14px, 5.4vw, 68px);
}

.privacy--list {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0;
  width: 100%;
}
.privacy--list li {
  position: relative;
  padding-left: clamp(14px, 2.8vw, 38px);
  font-size: clamp(14px, 1.7vw, 22px);
  font-weight: 300;
  line-height: 172%;
  font-family: "Pretendard";
}
.privacy--list li::before {
  content: "ㆍ";
  position: absolute;
  left: 0;
  top: 0;
  font-size: clamp(14px, 1.7vw, 22px);
  font-weight: 600;
  line-height: 172%;
}
.privacy--list li strong {
  display: inline-block;
  font-weight: 500;
}
.privacy--list.type1 li strong {
  width: 196px;
}
.privacy--list.type2 li strong {
  width: 268px;
}
.privacy--list.type3 li strong {
  width: 322px;
}
@media screen and (max-width: 767px) {
  .privacy--list {
    padding-left: 14px;
    width: 100%;
  }
  .privacy--list.type1 li strong {
    width: 100px;
  }
  .privacy--list.type2 li strong {
    width: 140px;
  }
  .privacy--list.type3 li strong {
    width: 164px;
  }
}

.privacy__footer {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 50px;
  padding-top: 50px;
  width: 100%;
  letter-spacing: -0.06em;
}
.privacy__footer p {
  font-size: clamp(14px, 1.7vw, 22px);
  font-weight: 300;
  line-height: 172%;
}

@media screen and (max-width: 767px) {
  .privacy__subject__header {
    display: none;
  }
}
.video__container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%; /* 16:9 비율 (9 / 16 * 100 = 56.25%) */
  overflow: hidden;
}

.video__container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* 비율 유지, 잘리면서 가득 채움 */
}

@media screen and (max-width: 640px) {
  .video__container {
    min-height: 300px; /* 최소 높이 */
  }
  .video__container video {
    object-fit: contain; /* 잘리지 않고 전체가 보이게 */
  }
}
.youtube__wrap {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  gap: 0;
  width: 100%;
  padding: clamp(24px, 3.6vw, 46px) 0;
}

.youtube-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%; /* 16:9 */
  min-height: 200px; /* 모바일 최소 높이 */
  overflow: hidden;
}

.youtube-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  transform: scale(1); /* 필요 시 0.95 같은 값으로 약간 줄여서 여백 확보 */
}
 
@media (max-width: 768px) {
  .youtube-container {
    min-height: 200px;
  }
  .youtube-container iframe {
    object-fit: cover; /* Chrome 등 일부 브라우저에서 iframe에도 지원됨 */
  }
}