@charset "UTF-8";
#container.board-page {
  padding-bottom: 100px;
}
#container.board-page.hiring-page .top-banner {
  background-image: url("../img/comp_hiring_banner.png");
}
#container.board-page .top-banner {
  width: 100%;
  height: 597px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  background-attachment: fixed;
  background-position: top center;
  background-repeat: no-repeat;
}
#container.board-page .top-banner .tit-container {
  position: relative;
  text-align: center;
  z-index: 1;
}
#container.board-page .top-banner .banner-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#container.board-page .top-banner::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.45);
}
#container.board-page .top-banner .breadcrumb {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  cursor: pointer;
  position: relative;
  font-size: 15px;
  font-weight: 400;
  font-family: "Gmarket Sans";
  color: var(--c-white);
  z-index: 3;
}
#container.board-page .top-banner .breadcrumb li {
  display: flex;
  align-items: center;
  position: relative;
  font-family: "Pretendard Variable";
}
#container.board-page .top-banner .breadcrumb li.has-arrow::after {
  content: "";
  display: block;
  margin-bottom: 3px;
  margin-left: 18px;
  width: 5px;
  height: 9px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='9' viewBox='0 0 5 9' fill='none'%3E%3Cpath d='M3.24742 4.5L0 0.95625L0.876289 0L5 4.5L0.876289 9L0 8.04375L3.24742 4.5Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
#container.board-page .top-banner .breadcrumb li.third-deep::after {
  content: "";
  display: block;
  margin-left: 13px;
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Crect x='0.5' y='0.5' width='29' height='29' rx='14.5' stroke='white'/%3E%3Cpath d='M15.5 20L12.0359 14L18.9641 14L15.5 20Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
#container.board-page .top-banner .breadcrumb li.third-deep.down::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Crect x='0.5' y='0.5' width='29' height='29' rx='14.5' stroke='white'/%3E%3Cpath d='M15.5 11L18.9641 17H12.0359L15.5 11Z' fill='white'/%3E%3C/svg%3E");
}
#container.board-page .top-banner .breadcrumb .dropdown {
  position: absolute;
  right: 15px;
  top: 40px;
  transform: translateX(50%);
  border-radius: 10px;
  padding: 10px 0;
  width: 180px;
  background-color: var(--c-white);
  display: none;
}
#container.board-page .top-banner .breadcrumb .dropdown li {
  color: var(--text-gray-b);
  font-size: 15px;
  line-height: 40px;
  font-weight: 400;
  font-family: Pretendard;
}
#container.board-page .top-banner .breadcrumb .dropdown li:hover {
  color: var(--text-black-a);
}
#container.board-page .top-banner .breadcrumb .dropdown.show {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#container.board-page .top-banner .main-title {
  font-weight: 600;
  font-size: 55px;
  line-height: 55px;
  font-family: "Gmarket Sans";
  color: #fff;
  z-index: 2;
  margin-top: 32px;
}
#container.board-page .top-banner .sub-title {
  font-size: 16px;
  line-height: 16px;
  color: var(--c-white);
  z-index: 2;
  font-weight: 400;
  margin-top: 32px;
}
#container.board-page.hiring-page .inner {
  display: flex;
  flex-direction: column;
  padding-top: 0;
}
#container.board-page.hiring-page .inner.board-detail {
  padding-left: 18px;
  padding-right: 18px;
}
#container.board-page.hiring-page .inner .page-title {
  font-size: 40px;
  line-height: 60px;
  font-weight: 800;
  color: var(--text-black-a);
  margin-bottom: 68px;
  margin-top: 88px;
  text-align: center;
}
#container.board-page.hiring-page .inner .hiring-list {
  min-height: 260px;
}
#container.board-page.hiring-page .inner .hiring-list li {
  padding: 0 50px;
  border: 1px solid #ededed;
  width: 100%;
  justify-content: space-between;
  display: flex;
  min-height: 80px;
  border-radius: 5px;
  margin-bottom: 8px;
}
#container.board-page.hiring-page .inner .hiring-list li:last-child {
  margin-bottom: 0;
}
#container.board-page.hiring-page .inner .hiring-list li .title {
  font-size: 18px;
  line-height: 80px;
  font-weight: 600;
  color: #333333;
  display: flex;
  align-items: center;
}
#container.board-page.hiring-page .inner .hiring-list li .title.new::after {
  content: "";
  display: inline-block;
  margin-left: 8px;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23FF0000'/%3E%3Cpath d='M13.2139 6.20557V14.2859H11.4393L8.43708 9.92208H8.38128V14.2859H6.26074V6.20557H8.06878L11.0264 10.5471H11.0933V6.20557H13.2139Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: inline-block;
}
#container.board-page.hiring-page .inner .hiring-list li .date {
  font-size: 15px;
  line-height: 80px;
  font-weight: 400;
  color: #999999;
}
#container.board-page.hiring-page .inner .hiring-list li .no-data {
  font-size: 18px;
  line-height: 18px;
  font-weight: 400;
  color: #888888;
  margin: 0 auto;
  padding: 33px;
}
#container.board-page.hiring-page .inner .notice-list {
  width: 100%;
}
#container.board-page.hiring-page .inner .notice-list li {
  width: 100%;
  justify-content: space-between;
  display: flex;
  align-items: center;
  height: 70px;
  border-top: 1px solid var(--c-lightsilver-a);
}
#container.board-page.hiring-page .inner .notice-list li:first-child {
  border-top: 1px solid #e8e8e8;
}
#container.board-page.hiring-page .inner .notice-list li:last-child {
  border-bottom: 1px solid #e8e8e8;
}
#container.board-page.hiring-page .inner .notice-list li .title-wrapper {
  display: flex;
  align-items: center;
  min-width: 0;
}
#container.board-page.hiring-page .inner .notice-list li .title-wrapper .no {
  flex: 0 0 70px;
  margin-left: 5px;
  color: var(--text-gray-a);
  font-size: 14px;
}
#container.board-page.hiring-page .inner .notice-list li .title-wrapper .title {
  position: relative;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 70px;
  padding-right: 23px;
  color: var(--text-black-a);
  font-size: 17px;
  font-weight: 700;
}
#container.board-page.hiring-page .inner .notice-list li .title-wrapper .title.new::after {
  content: "";
  display: inline-block;
  margin-left: 10px;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Ccircle cx='7' cy='7' r='7' fill='%23FF0000'/%3E%3Cpath d='M9.25 4.34375V10H8.00781L5.90625 6.94531H5.86719V10H4.38281V4.34375H5.64844L7.71875 7.38281H7.76562V4.34375H9.25Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
#container.board-page.hiring-page .inner .notice-list li .title-wrapper .title em {
  font-weight: inherit;
}
#container.board-page.hiring-page .inner .notice-list li .date {
  font-size: 14px;
  color: var(--text-gray-a);
  flex: 0 0 110px;
  text-align: right;
  margin: 0 5px 0 auto;
}
#container.board-page.hiring-page .inner .notice-list.related-notice li .title-wrapper {
  gap: 25px;
}
#container.board-page.hiring-page .inner .notice-list.related-notice li .title-wrapper .note {
  flex: 0 0 70px;
  margin-left: 5px;
  color: var(--text-gray-a);
  font-size: 1.4rem;
}
#container.board-page.hiring-page .inner .detail-header {
  width: 100%;
  margin-top: 50px;
  padding-bottom: 50px;
  border-bottom: 1px solid #e8e8e8;
}
#container.board-page.hiring-page .inner .detail-header .back-icon {
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 500;
  line-height: 15px;
  color: var(--text-black-a);
}
#container.board-page.hiring-page .inner .detail-header .back-icon::before {
  content: "";
  display: inline-block;
  margin-right: 14px;
  width: 41px;
  height: 41px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='41' height='41' viewBox='0 0 41 41' fill='none'%3E%3Crect x='0.5' y='0.5' width='39.47' height='39.47' rx='19.735' fill='white'/%3E%3Crect x='0.5' y='0.5' width='39.47' height='39.47' rx='19.735' stroke='%231C1C1C'/%3E%3Cpath d='M16.7864 24L13 20L16.7864 16L17.4921 16.7673L14.9344 19.4694L27 19.4694V20.5306L14.9344 20.5306L17.4921 23.2327L16.7864 24Z' fill='%231C1C1C'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
#container.board-page.hiring-page .inner .detail-header .detail-title {
  margin-top: 21px;
  margin-bottom: 38px;
  font-size: 38px;
  line-height: 1.4;
  font-weight: 700;
  color: var(--c-black);
}
#container.board-page.hiring-page .inner .detail-header .info {
  font-size: 14px;
  font-weight: 400;
  color: var(--c-black);
  display: flex;
  gap: 10px;
}
#container.board-page.hiring-page .inner .detail-header .info .date {
  color: #888888;
}
#container.board-page.hiring-page .inner .detail-content {
  width: 100%;
  font-size: 17px;
  color: var(--text-black-a);
  line-height: 2;
  padding: 50px 0;
  font-weight: 450;
  border-bottom: 1px solid #E8E8E8;
}
#container.board-page.hiring-page .inner .detail-content > :not(p) {
  margin-bottom: 40px;
}
#container.board-page.hiring-page .inner .detail-content p {
  margin-bottom: 30px;
  margin-top: -10px;
}
#container.board-page.hiring-page .inner .detail-content img {
  max-width: 100%;
}
#container.board-page.hiring-page .inner .back-btn {
  margin: 0 auto;
  margin-top: 50px;
  width: 120px;
  height: 50px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  line-height: 16px;
  color: var(--c-white);
  background-color: var(--c-black);
}
#container.section-board .inner {
  flex-direction: column;
  width: 900px;
  padding: 0;
}
#container.section-board .inner.board-detail {
  padding-left: 18px;
  padding-right: 18px;
}
#container.section-board .inner .page-title {
  margin: 50px auto;
}
#container.section-board .inner .search-bar {
  width: 600px;
  position: relative;
  margin: 0 auto;
}
#container.section-board .inner .search-bar input {
  border-radius: 30px;
  height: 55px;
  width: 100%;
  position: relative;
  padding: 20px 50px 20px 20px;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  border: 1px solid var(--c-gray-b);
  color: var(--text-black-a);
}
#container.section-board .inner .search-bar input::placeholder {
  color: #cccccc;
  font-size: 16px;
}
#container.section-board .inner .search-bar .search-btn {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M18.7741 20L11.4675 12.6932C10.8859 13.1735 10.217 13.5493 9.46079 13.8208C8.70463 14.0922 7.92239 14.2279 7.11406 14.2279C5.12574 14.2279 3.44298 13.5395 2.06579 12.1627C0.688595 10.786 0 9.10362 0 7.11571C0 5.12799 0.688401 3.44506 2.0652 2.06692C3.44201 0.688973 5.12438 0 7.11232 0C9.10007 0 10.783 0.688585 12.1612 2.06576C13.5391 3.44293 14.2281 5.12566 14.2281 7.11396C14.2281 7.94476 14.0887 8.73824 13.8099 9.49439C13.5309 10.2505 13.1587 10.9082 12.6934 11.4674L20 18.7739L18.7741 20ZM7.11406 12.4832C8.61302 12.4832 9.8826 11.963 10.9228 10.9227C11.9632 9.88246 12.4834 8.61289 12.4834 7.11396C12.4834 5.61503 11.9632 4.34546 10.9228 3.30527C9.8826 2.26488 8.61302 1.74468 7.11406 1.74468C5.61511 1.74468 4.34553 2.26488 3.30532 3.30527C2.26491 4.34546 1.74471 5.61503 1.74471 7.11396C1.74471 8.61289 2.26491 9.88246 3.30532 10.9227C4.34553 11.963 5.61511 12.4832 7.11406 12.4832Z' fill='%23999999'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: inline-block;
  text-indent: -9999px;
}
#container.section-board .inner .search-options {
  width: 600px;
  margin: 10px auto 25px;
  padding-right: 15px;
  display: flex;
  justify-content: flex-end;
}
#container.section-board .inner .search-options button {
  font-weight: 400;
  font-size: 13px;
  color: var(--text-gray-a);
  display: flex;
  align-items: center;
  gap: 6px;
  letter-spacing: normal;
}
#container.section-board .inner .search-options button .reset {
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M6.03096 12C4.34725 12 2.9212 11.4189 1.7528 10.2566C0.584266 9.09433 0 7.67587 0 6.0012C0 4.32653 0.584266 2.90767 1.7528 1.7446C2.9212 0.581533 4.34725 0 6.03096 0C6.97112 0 7.86082 0.207933 8.70006 0.6238C9.53917 1.0398 10.2371 1.62673 10.7938 2.3846V0H12V4.8922H7.08256V3.6924H10.2589C9.83509 2.92 9.2474 2.31153 8.49581 1.867C7.74436 1.42233 6.92274 1.2 6.03096 1.2C4.69075 1.2 3.55156 1.66667 2.61342 2.6C1.67527 3.53333 1.20619 4.66667 1.20619 6C1.20619 7.33333 1.67527 8.46667 2.61342 9.4C3.55156 10.3333 4.69075 10.8 6.03096 10.8C7.06292 10.8 7.99437 10.5067 8.8253 9.92C9.65623 9.33333 10.2392 8.56 10.5743 7.6H11.8454C11.4805 8.9056 10.7616 9.96533 9.68894 10.7792C8.61623 11.5931 7.3969 12 6.03096 12Z' fill='%23999999'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: -1px;
}
#container.section-board .inner .custom-select {
  position: relative;
  font-size: 14px;
}
#container.section-board .inner .select-trigger {
  display: flex;
  justify-content: end;
  align-items: center;
  padding-right: 20px;
  cursor: pointer;
  font-weight: 600;
  margin-bottom: 16px;
  color: #1c1c1c;
}
#container.section-board .inner .arrow {
  right: 0px;
  top: -1px;
  position: absolute;
}
#container.section-board .inner .select-options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
  overflow-y: auto;
  z-index: 100;
  margin-top: 16px;
  padding: 22px 20px 0;
}
#container.section-board .inner .select-options li {
  margin-bottom: 22px;
  cursor: pointer;
  font-weight: 500;
  color: #888888;
}
#container.section-board .inner .notice-list {
  width: 100%;
}
#container.section-board .inner .notice-list li {
  width: 100%;
  justify-content: space-between;
  display: flex;
  align-items: center;
  height: 70px;
  border-top: 1px solid var(--c-lightsilver-a);
}
#container.section-board .inner .notice-list li:first-child {
  border-top: 1px solid #e8e8e8;
}
#container.section-board .inner .notice-list li:last-child {
  border-bottom: 1px solid #e8e8e8;
}
#container.section-board .inner .notice-list li .title-wrapper {
  display: flex;
  align-items: center;
  min-width: 0;
}
#container.section-board .inner .notice-list li .title-wrapper .no {
  flex: 0 0 70px;
  margin-left: 5px;
  color: var(--text-gray-a);
  font-size: 14px;
}
#container.section-board .inner .notice-list li .title-wrapper .title {
  position: relative;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 70px;
  padding-right: 23px;
  color: var(--text-black-a);
  font-size: 17px;
  font-weight: 700;
}
#container.section-board .inner .notice-list li .title-wrapper .title.new::after {
  content: "";
  display: inline-block;
  margin-left: 10px;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Ccircle cx='7' cy='7' r='7' fill='%23FF0000'/%3E%3Cpath d='M9.25 4.34375V10H8.00781L5.90625 6.94531H5.86719V10H4.38281V4.34375H5.64844L7.71875 7.38281H7.76562V4.34375H9.25Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
#container.section-board .inner .notice-list li .title-wrapper .title em {
  font-weight: inherit;
}
#container.section-board .inner .notice-list li .date {
  font-size: 14px;
  color: var(--text-gray-a);
  flex: 0 0 110px;
  text-align: right;
  margin: 0 5px 0 auto;
}
#container.section-board .inner .notice-list.related-notice li .title-wrapper {
  gap: 25px;
}
#container.section-board .inner .notice-list.related-notice li .title-wrapper .note {
  flex: 0 0 70px;
  margin-left: 5px;
  color: var(--text-gray-a);
  font-size: 1.4rem;
}
#container.section-board .inner .detail-header {
  width: 100%;
  margin-top: 50px;
  padding-bottom: 50px;
  border-bottom: 1px solid #e8e8e8;
}
#container.section-board .inner .detail-header .back-icon {
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 500;
  line-height: 15px;
  color: var(--text-black-a);
}
#container.section-board .inner .detail-header .back-icon::before {
  content: "";
  display: inline-block;
  margin-right: 14px;
  width: 41px;
  height: 41px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='41' height='41' viewBox='0 0 41 41' fill='none'%3E%3Crect x='0.5' y='0.5' width='39.47' height='39.47' rx='19.735' fill='white'/%3E%3Crect x='0.5' y='0.5' width='39.47' height='39.47' rx='19.735' stroke='%231C1C1C'/%3E%3Cpath d='M16.7864 24L13 20L16.7864 16L17.4921 16.7673L14.9344 19.4694L27 19.4694V20.5306L14.9344 20.5306L17.4921 23.2327L16.7864 24Z' fill='%231C1C1C'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
#container.section-board .inner .detail-header .detail-title {
  margin-top: 21px;
  margin-bottom: 38px;
  font-size: 38px;
  line-height: 1.4;
  font-weight: 700;
  color: var(--c-black);
}
#container.section-board .inner .detail-header .info {
  font-size: 14px;
  font-weight: 400;
  color: var(--c-black);
  display: flex;
  gap: 10px;
}
#container.section-board .inner .detail-header .info .date {
  color: #888888;
}
#container.section-board .inner .detail-content {
  width: 100%;
  font-size: 17px;
  color: var(--text-black-a);
  line-height: 2;
  padding: 50px 0;
  font-weight: 450;
}
#container.section-board .inner .detail-content > :not(p) {
  margin-bottom: 40px;
}
#container.section-board .inner .detail-content p {
  margin-bottom: 30px;
  margin-top: -10px;
}
#container.section-board .inner .detail-content img {
  max-width: 100%;
}
#container.section-board .inner .detail-content .view-file {
  margin-top: 40px;
  background: #f4f4f4;
  border-radius: 5px;
  padding: 25px 20px 20px;
}
#container.section-board .inner .detail-content .view-file p {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 5px;
}
#container.section-board .inner .detail-content .view-file ul li {
  padding-left: 10px;
  font-size: 15px;
}
#container.section-board .inner .detail-content .view-file ul li a {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
}
#container.section-board .inner .detail-content .view-file ul li a::before {
  content: "";
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 6px;
  margin-top: 6px;
  height: 16px;
  float: left;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_25579_27185)'%3E%3Cpath d='M2.6114 6.86321C2.56053 6.91505 2.49984 6.95623 2.43288 6.98433C2.36591 7.01244 2.29402 7.02692 2.2214 7.02692C2.14877 7.02692 2.07688 7.01244 2.00991 6.98433C1.94295 6.95623 1.88226 6.91505 1.8314 6.86321C1.72786 6.75788 1.66985 6.6161 1.66985 6.46841C1.66985 6.32072 1.72786 6.17894 1.8314 6.07361L6.65619 1.20001C7.74419 0.355212 8.83859 -0.0503886 9.92819 0.00481144C11.301 0.0752114 12.3698 0.598412 13.277 1.45681C14.2018 2.33201 14.8002 3.58081 14.8002 5.09441C14.8002 6.25601 14.4626 7.27841 13.7498 8.18561L6.94739 15.1936C6.25939 15.7576 5.49459 16.0304 4.67539 15.9976C3.63539 15.9544 2.8618 15.6184 2.2866 15.0496C1.613 14.3848 1.2002 13.568 1.2002 12.4696C1.2002 11.596 1.5018 10.7896 2.1242 10.0328L8.11139 3.92001C8.59139 3.40801 9.06099 3.10401 9.54099 3.03041C9.86136 2.98023 10.1891 3.00902 10.4959 3.11428C10.8026 3.21954 11.079 3.39809 11.301 3.63441C11.7266 4.08481 11.909 4.64641 11.845 5.28561C11.801 5.72161 11.6226 6.12321 11.2946 6.50801L5.79059 12.1464C5.74006 12.1984 5.67968 12.2399 5.61296 12.2683C5.54624 12.2968 5.47453 12.3117 5.402 12.3121C5.32947 12.3126 5.25758 12.2986 5.19052 12.2709C5.12346 12.2433 5.06256 12.2026 5.01139 12.1512C4.90722 12.0465 4.84834 11.9051 4.84745 11.7574C4.84655 11.6097 4.9037 11.4676 5.00659 11.3616L10.4842 5.75201C10.6442 5.56401 10.7282 5.37441 10.7482 5.17281C10.7802 4.85281 10.7034 4.61681 10.5042 4.40641C10.4035 4.29877 10.2778 4.21763 10.1383 4.17019C9.99872 4.12274 9.84963 4.11045 9.70419 4.13441C9.50979 4.16401 9.23779 4.34081 8.90259 4.69761L2.9402 10.7832C2.5106 11.3072 2.3026 11.8632 2.3026 12.4704C2.3026 13.2336 2.5786 13.78 3.0562 14.2512C3.43619 14.6272 3.9522 14.8512 4.72019 14.8832C5.26419 14.9048 5.76819 14.7248 6.20659 14.3696L12.9242 7.44961C13.4402 6.78801 13.6978 6.00961 13.6978 5.09521C13.6978 3.90961 13.2362 2.94801 12.5234 2.27281C11.7954 1.58321 10.9634 1.17681 9.87299 1.12081C9.06659 1.07921 8.22099 1.39281 7.37939 2.03761L2.6114 6.86321Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_25579_27185'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
#container.section-board .inner .back-btn {
  margin: 0 auto;
  margin-top: 50px;
  width: 120px;
  height: 50px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  line-height: 16px;
  color: var(--c-white);
  background-color: var(--c-black);
}
#container.section-board .no-data-container {
  border-top: 1px solid var(--border-color-a);
}
#container.section-board .ico_info_circle {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTQiIGhlaWdodD0iNTQiIHZpZXdCb3g9IjAgMCA1NCA1NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI3IDQwLjM4NDVDMjcuNTIzIDQwLjM4NDUgMjcuOTYxNSA0MC4yMDc1IDI4LjMxNTUgMzkuODUzNUMyOC42Njk1IDM5LjUgMjguODQ2NSAzOS4wNjE3IDI4Ljg0NjUgMzguNTM4N0MyOC44NDY1IDM4LjAxNTMgMjguNjY5NSAzNy41NzY4IDI4LjMxNTUgMzcuMjIzM0MyNy45NjE1IDM2Ljg2OTMgMjcuNTIzIDM2LjY5MjMgMjcgMzYuNjkyM0MyNi40NzcgMzYuNjkyMyAyNi4wMzg1IDM2Ljg2OTMgMjUuNjg0NSAzNy4yMjMzQzI1LjMzMDUgMzcuNTc2OCAyNS4xNTM1IDM4LjAxNTMgMjUuMTUzNSAzOC41Mzg3QzI1LjE1MzUgMzkuMDYxNyAyNS4zMzA1IDM5LjUgMjUuNjg0NSAzOS44NTM1QzI2LjAzODUgNDAuMjA3NSAyNi40NzcgNDAuMzg0NSAyNyA0MC4zODQ1Wk0yNS41IDMwLjQ2MTNIMjguNVYxMi40NjEzSDI1LjVWMzAuNDYxM1pNMjcuMDA5OCA1NEMyMy4yNzYzIDU0IDE5Ljc2NiA1My4yOTE1IDE2LjQ3OSA1MS44NzQ1QzEzLjE5MjUgNTAuNDU3NSAxMC4zMzM1IDQ4LjUzNDUgNy45MDIgNDYuMTA1NUM1LjQ3MDUgNDMuNjc2NSAzLjU0NTc1IDQwLjgyIDIuMTI3NzUgMzcuNTM2QzAuNzA5MjUgMzQuMjUyNSAwIDMwLjc0MzggMCAyNy4wMDk4QzAgMjMuMjc2MyAwLjcwODUgMTkuNzY2IDIuMTI1NSAxNi40NzlDMy41NDI1IDEzLjE5MjUgNS40NjU1IDEwLjMzMzUgNy44OTQ1IDcuOTAyQzEwLjMyMzUgNS40NzA1IDEzLjE4IDMuNTQ1NzUgMTYuNDY0IDIuMTI3NzVDMTkuNzQ3NSAwLjcwOTI1IDIzLjI1NjMgMCAyNi45OTAzIDBDMzAuNzIzOCAwIDM0LjIzNCAwLjcwODUwMiAzNy41MjEgMi4xMjU1QzQwLjgwNzUgMy41NDI1IDQzLjY2NjUgNS40NjU1IDQ2LjA5OCA3Ljg5NDVDNDguNTI5NSAxMC4zMjM1IDUwLjQ1NDMgMTMuMTggNTEuODcyMyAxNi40NjRDNTMuMjkwOCAxOS43NDc1IDU0IDIzLjI1NjMgNTQgMjYuOTkwM0M1NCAzMC43MjM4IDUzLjI5MTUgMzQuMjM0IDUxLjg3NDUgMzcuNTIxQzUwLjQ1NzUgNDAuODA3NSA0OC41MzQ1IDQzLjY2NjUgNDYuMTA1NSA0Ni4wOThDNDMuNjc2NSA0OC41Mjk1IDQwLjgyIDUwLjQ1NDMgMzcuNTM2IDUxLjg3MjNDMzQuMjUyNSA1My4yOTA4IDMwLjc0MzggNTQgMjcuMDA5OCA1NFpNMjcgNTFDMzMuNyA1MSAzOS4zNzUgNDguNjc1IDQ0LjAyNSA0NC4wMjVDNDguNjc1IDM5LjM3NSA1MSAzMy43IDUxIDI3QzUxIDIwLjMgNDguNjc1IDE0LjYyNSA0NC4wMjUgOS45NzVDMzkuMzc1IDUuMzI1IDMzLjcgMyAyNyAzQzIwLjMgMyAxNC42MjUgNS4zMjUgOS45NzUgOS45NzVDNS4zMjUgMTQuNjI1IDMgMjAuMyAzIDI3QzMgMzMuNyA1LjMyNSAzOS4zNzUgOS45NzUgNDQuMDI1QzE0LjYyNSA0OC42NzUgMjAuMyA1MSAyNyA1MVoiIGZpbGw9IiM4ODg4ODgiLz4KPC9zdmc+");
  height: 40px;
  width: 40px;
}
#container.guide-tip-off-page .inner {
  width: 900px;
}
#container.guide-tip-off-page .page-title {
  margin: 50px 0px;
}
#container.guide-tip-off-page .intro-text {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.6;
  color: var(--text-gray-a);
  margin-bottom: 44px;
  text-align: center;
  width: 100%;
}
#container.guide-tip-off-page .tipoff-form {
  width: 100%;
}
#container.guide-tip-off-page .tipoff-form .form-grid {
  display: flex;
  gap: 40px;
}
#container.guide-tip-off-page .tipoff-form .form-left,
#container.guide-tip-off-page .tipoff-form .form-right {
  flex: 1;
}
#container.guide-tip-off-page .tipoff-form .form-field {
  margin-bottom: 17px;
}
#container.guide-tip-off-page .tipoff-form .form-field label {
  display: block;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  color: var(--text-black-b);
  margin-bottom: 10px;
  position: relative;
  width: max-content;
}
#container.guide-tip-off-page .tipoff-form .form-field label::before {
  content: "";
  width: 4px;
  height: 4px;
  background: #cccccc;
  border-radius: 50%;
  position: absolute;
  right: -8px;
  opacity: 0;
}
#container.guide-tip-off-page .tipoff-form .form-field.required label::before {
  opacity: 1;
}
#container.guide-tip-off-page .tipoff-form .form-field input,
#container.guide-tip-off-page .tipoff-form .form-field textarea {
  width: 100%;
  border-radius: 3px;
  padding: 10px;
  border: 1px solid var(--c-gray-b);
}
#container.guide-tip-off-page .tipoff-form .form-field input::placeholder,
#container.guide-tip-off-page .tipoff-form .form-field textarea::placeholder {
  color: #cccccc;
}
#container.guide-tip-off-page .tipoff-form .form-field input {
  height: 47px;
}
#container.guide-tip-off-page .tipoff-form .form-field textarea {
  resize: none;
}
#container.guide-tip-off-page .tipoff-form .file-wrap {
  display: flex;
  align-items: center;
}
#container.guide-tip-off-page .tipoff-form .file-wrap .file-name {
  flex: 1;
  font-size: 14px;
  color: #bbb;
  background: #fff;
}
#container.guide-tip-off-page .tipoff-form .file-wrap .file-btn-wrap {
  position: relative;
}
#container.guide-tip-off-page .tipoff-form .file-wrap .file-btn-wrap .real-file {
  display: none;
}
#container.guide-tip-off-page .tipoff-form .file-wrap .file-btn-wrap .btn-file {
  width: 80px;
  height: 47px;
  margin-bottom: 0px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--c-black-a);
  border-radius: 3px;
  margin-left: -5px;
  background: var(--c-white);
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  color: var(--text-black-a);
  cursor: pointer;
}
#container.guide-tip-off-page .tipoff-form .file-wrap .file-btn-wrap .btn-file::before {
  opacity: 0;
}
#container.guide-tip-off-page .tipoff-form .file-notice {
  font-size: 14px;
  line-height: 14px;
  font-weight: 400;
  color: var(--text-gray-a);
  margin-top: 10px;
}
#container.guide-tip-off-page .tipoff-form .file-notice li {
  position: relative;
  margin-bottom: 5px;
  padding-left: 12px;
}
#container.guide-tip-off-page .tipoff-form .file-notice li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--text-gray-a);
  font-size: 14px;
}
#container.guide-tip-off-page .tipoff-form .submit-box {
  text-align: center;
  margin-top: 26px;
}
#container.guide-tip-off-page .tipoff-form .submit-box .btn-submit {
  width: 160px;
  height: 55px;
  border-radius: 5px;
  background-color: var(--c-black-b);
  color: var(--c-white);
}
#container.guide-tip-off-page .other-report-method {
  margin-top: 100px;
}
#container.guide-tip-off-page .other-report-method h2 {
  font-weight: 700;
  font-size: 19px;
  line-height: 19px;
  color: var(--text-black-a);
  margin-bottom: 24px;
}
#container.guide-tip-off-page .other-report-method .report-method-grid {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
#container.guide-tip-off-page .other-report-method .report-method-grid > a {
  flex: 0 0 calc((100% - 40px) / 3);
}
#container.guide-tip-off-page .other-report-method .report-method-grid .report-card {
  flex: 0 0 calc((100% - 40px) / 3);
  display: flex;
  align-items: center;
  border-radius: 5px;
  padding: 25px 28px 25px 26px;
}
#container.guide-tip-off-page .other-report-method .report-method-grid .report-card .icon-wrap {
  width: 48px;
  height: 48px;
  margin-right: 16px;
  display: flex;
  align-items: center;
  justify-self: center;
}
#container.guide-tip-off-page .other-report-method .report-method-grid .report-card .icon-wrap img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
#container.guide-tip-off-page .other-report-method .report-method-grid .report-card .text-wrap strong {
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 6px;
  color: var(--text-black-a);
}
#container.guide-tip-off-page .other-report-method .report-method-grid .report-card .text-wrap p {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: rgba(28, 28, 28, 0.6);
}
#container.guide-tip-off-page .other-report-method .report-method-grid .report-card.yellow {
  background: #fae100;
}
#container.guide-tip-off-page .other-report-method .report-method-grid .report-card.green {
  background: #33a538;
}
#container.guide-tip-off-page .other-report-method .report-method-grid .report-card.gray {
  background: #cccccc;
}
#container .table-wrapper {
  overflow-y: auto;
  width: 100%;
}
#container .table-wrapper table {
  width: 100%;
  border-collapse: collapse;
}

.fr-view hr {
  margin-bottom: 40px;
}