.notice.root {
  align-items: center;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  height: 100vh;
  width: 100vw;
}
.notice .flex_col {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 0px;
  width: 648px;
}

.notice .image1 {
  width: 246px;
}

.notice .medium_title {
  display: flex;
  justify-content: center;
  margin-top: 50px;

  color: #0F62FE;
  text-align: center;
  font-variant-numeric: lining-nums tabular-nums;

  /* Title/subhead 4_18px */
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px; /* 155.556% */
  letter-spacing: -0.2px;
}
.notice .subtitle {
  justify-content: center;
  margin-top: 12px;

  color: #727980;
  text-align: center;
  font-variant-numeric: lining-nums tabular-nums;

  /* Body/body 2_16px */
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  letter-spacing: -0.2px;
}
.notice .subtitle_container {
  display: flex;
  flex-direction: column;
  padding: 10px;
  justify-content: center;
  align-items: center;
  margin-top: 24px;
  background: #EDF5FF;
  width: 376px;
}

.notice .subtitle1 {
  color: #0F62FE;
  text-align: center;
  font-variant-numeric: lining-nums tabular-nums;
  /* Title/subhead 3_16px */
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 150% */
  letter-spacing: -0.2px;
}

.notice .subtitle2 {
  color: #0F62FE;
  font-variant-numeric: lining-nums tabular-nums;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.2px;
}

.notice .content_box {
  background-color: #E8E8E8;
  width: 100vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 30px 24px;
}

.notice .image {
  width: 109px;
}

.notice .info {
  display: flex;
  margin-top: 16px;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  color: #6F6F6F;
  font-variant-numeric: lining-nums tabular-nums;
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 153.846% */
  letter-spacing: -0.2px;
}

.notice .info .info_content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.notice .info .info_content .border {
  width: 1px;
  height: 12px;
  background-color: #C6C6C6;
}

.notice .link_container {
  margin-top: 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.notice .link_container a {
  color: #6F6F6F;
  font-variant-numeric: lining-nums tabular-nums;
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 153.846% */
  letter-spacing: -0.2px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.notice .link_container .border {
  width: 1px;
  height: 12px;
  background-color: #C6C6C6;
}