/* 큰 제목 */
.secion__title {
  color: #000;
  text-align: center;
  font-family: "samsungSharpSans";
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 58px;
  /* padding: 0 0 50px; */
}

.secion__title.top0 {
  padding: 0 0 30px;
}

/* 작은 제목 */
.small__title__box {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
  padding-bottom: 40px;
}

.small__title__box .small__icon {
  width: 18px;
  height: 18px;
}

.small__title__box .small__title {
  color: #000;
  font-family: "SamsungOne";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

/* 체크 박스 */
.check__box__container {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.check__box__section {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  padding-left: 23px;
}

.check__box__section__title {
  color: #000;
  font-family: "SamsungOne";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 145%;
  width: 5.68em;
}

.section__line {
  width: 1px;
  height: 16px;
  background-color: #b2b2b2;
}

.check__box__wrap {
  display: flex;
  flex-wrap: wrap;
  column-gap: 20px;
  row-gap: 10px;
  flex: 1;
}

.check__box__wrap.first {
  column-gap: 16px;
  flex-direction: row;
}

.check__button {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 6.5px 12px;
  color: rgba(0, 0, 0, 0.8);
  text-align: center;
  font-family: "SamsungOne";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 16px */
  border-radius: 20px;
  background-color: #f0f0f0;
  width: fit-content;
}

.check__button::before {
  content: "";
  width: 11px;
  height: 11px;
  margin: 1px;
  background: url("../../../icon/ico_plus_black.svg") no-repeat center center;
}

.check__button.active {
  color: #fff;
  background-color: #3c80fc;
}

.check__button.active::before {
  content: "";
  width: 13px;
  height: 11px;
  margin: 1.5px 0;
  background: url("../../../icon/ico_check_white.svg") no-repeat center center;
}

/* 검색창 */
.custom__select {
  max-width: 496px;
  height: 33px;
}

/* 테이블 */
.table__wrapper {
  width: 100%;
}

.table__container {
  width: 100%;
  border-collapse: collapse;
}

.table__header {
  display: flex;
  background-color: #2d2d2d;
  position: sticky;
  top: 0;
  z-index: 1;
  text-align: center;
  height: 85px;
  /* 글자 */
  color: #fff;
  text-align: center;
  font-family: "samsungSharpSans";
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -1px;
}

.table__body {
  max-height: 500px;
  overflow-y: auto;
  display: block;
  background-color: #f8f8f8;
  /* scrollbar-width: none; */
  -ms-overflow-style: none;
  text-align: center;
  /* 글자 */
  color: #000;
  text-align: center;
  font-family: "SamsungOne";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.table-body::-webkit-scrollbar {
  display: none;
}

.row {
  display: flex;
  border-bottom: 2px solid #fff;
}

.cell {
  flex: 1;
  padding: 12px;
  border-right: 2px solid #fff;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cell:last-child {
  border-right: none;
}

/* 테이블 하단 각주 */
.footnote__box {
  display: flex;
  flex-direction: column;
  padding-inline: 10px;
}

.footnote__box .footnote {
  color: #666;
  font-family: "SamsungOne";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -1px;
}

.footnote__box .footnote.pl-15 {
  padding-left: 15px;
}

/* 상하단 공통 */
.img__container {
  display: flex;
  flex-direction: row;
  gap: 24px;
  width: 100%;
}

/* 두 번째 컨텐츠 상단 이미지 */
.img__container .top__img__box {
  width: 100%;
  height: 337px;
  overflow: hidden;
  border-radius: 20px;
}

.img__container .top__img__box.border {
  border: 1px solid #a3a3a3;
}

.img__container .top__img__box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 글자 영역 */
.text__container {
  display: flex;
  flex-direction: column;
  padding: 40px 16px 40px;
}

.text__container.bottom {
  padding: 40px 16px 36px;
}

.text__container .text {
  color: #000;
  font-family: "SamsungOne";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 145%;
  letter-spacing: -1px;
}

.text__container .exclamation {
  display: inline-block;
  color: red;
  font-weight: bold;
  font-size: 24px;
  font-family: sans-serif;
}

/* 하단 이미지 영역 */
.img__container .bottom__img__box {
  width: 330px;
  /* height: 400px; */
  overflow: hidden;
  border-radius: 20px;
}

.img__container .bottom__img__box.long {
  width: 684px;
}

.img__container .bottom__img__box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}








@media screen and (max-width: 1440px) {
  /* 큰 제목 */
  .secion__title {
    font-size: 3.33vw;
    font-style: normal;
    line-height: 4.03vw;
    /* padding: 0 0 3.47vw; */
  }

  .secion__title.top0 {
    padding: 0 0 2.08vw;
  }

  /* 작은 제목 */
  .small__title__box {
    flex-direction: row;
    align-items: center;
    gap: 0.35vw;
    padding-bottom: 2.78vw;
  }

  .small__title__box .small__icon {
    width: 1.25vw;
    height: 1.25vw;
  }

  .small__title__box .small__title {
    font-size: 1.39vw;
    font-style: normal;
    line-height: normal;
  }

  /* 체크 박스 */
  .check__box__container {
    flex-direction: column;
    gap: 1.11vw;
  }

  .check__box__section {
    flex-direction: row;
    align-items: center;
    gap: 0.83vw;
    padding-left: 1.6vw;
  }

  .check__box__section__title {
    font-size: 1.11vw;
    font-style: normal;
    line-height: 145%;
    /* width: 4.17vw; */
  }

  .section__line {
    width: 1px;
    height: 1.11vw;
  }

  .check__box__wrap {
    flex-wrap: wrap;
    column-gap: 1.39vw;
    row-gap: 0.69vw;
  }

  .check__box__wrap.first {
    column-gap: 1.11vw;
    flex-direction: row;
  }

  .check__button {
    flex-direction: row;
    align-items: center;
    gap: 0.56vw;
    padding: 0.45vw 0.83vw;
    color: rgba(0, 0, 0, 0.8);

    font-size: 1.11vw;
    font-style: normal;
    line-height: 100%; /* 1.11vw */
    border-radius: 1.39vw;
    width: fit-content;
  }

  .check__button::before {
    width: 0.76vw;
    height: 0.76vw;
    margin: 0.07vw;
    background: url("../../../icon/ico_plus_black.svg") no-repeat center center;
  }

  .check__button.active::before {
    width: 0.9vw;
    height: 0.76vw;
    margin: 0.1vw 0;
    background: url("../../../icon/ico_check_white.svg") no-repeat center center;
  }

  /* 테이블 */
  .table__container {
    width: 100%;
  }

  .table__header {
    top: 0;
    height: 5.9vw;
    /* 글자 */
    font-size: 1.53vw;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.07vw;
  }

  .table__body {
    max-height: 34.72vw;
    overflow-y: auto;
    /* scrollbar-width: none; */
    -ms-overflow-style: none;
    /* 글자 */
    font-size: 1.25vw;
    font-style: normal;
    line-height: normal;
  }

  .row {
    border-bottom: 2px solid #fff;
  }

  .cell {
    flex: 1;
    padding: 0.83vw;
    border-right: 2px solid #fff;
    width: 100%;
    height: 100%;
    align-items: center;
  }

  .cell:last-child {
    border-right: none;
  }

  /* 테이블 하단 각주 */
  .footnote__box {
    flex-direction: column;
    padding-inline: 0.69vw;
  }

  .footnote__box .footnote {
    font-size: 1.11vw;
    font-style: normal;

    line-height: 1.81vw;
    letter-spacing: -0.07vw;
  }

  .footnote__box .footnote.pl-15 {
    padding-left: 1.04vw;
  }

  /* 상하단 공통 */
  .img__container {
    flex-direction: row;
    gap: 1.67vw;
    width: 100%;
  }

  /* 두 번째 컨텐츠 상단 이미지 */
  .img__container .top__img__box {
    width: 100%;
    height: 23.4vw;
    border-radius: 1.39vw;
  }

  .img__container .top__img__box.border {
    border: 1px solid #a3a3a3;
  }

  .img__container .top__img__box img {
  }

  /* 글자 영역 */
  .text__container {
    flex-direction: column;
    padding: 2.78vw 1.11vw 2.78vw;
  }

  .text__container.bottom {
    padding: 2.78vw 1.11vw 2.5vw;
  }

  .text__container .text {
    font-size: 1.67vw;
    font-style: normal;
    line-height: 145%;
    letter-spacing: -0.07vw;
  }

  .text__container .exclamation {
    font-size: 1.67vw;
  }

  /* 하단 이미지 영역 */
  .img__container .bottom__img__box {
    width: 22.92vw;
    /* height: 27.78vw; */
    border-radius: 1.39vw;
  }

  .img__container .bottom__img__box.long {
    width: 47.5vw;
  }

  .img__container .bottom__img__box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

}

@media screen and (max-width: 768px) {
  /* 큰 제목 */
  .secion__title {
    color: #000;
    text-align: center;
    font-family: "samsungSharpSans";
    font-size: 6.67vw;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    padding: 0 0 11.11vw;
  }

  .secion__title.top0 {
    padding: 0 0 11.11vw;
  }

  /* 작은 제목 */
  .small__title__box {
    flex-direction: row;
    align-items: center;
    gap: 1.39vw;
    padding-bottom: 5.56vw;
  }

  .small__title__box .small__icon {
    width: 5vw;
    height: 5vw;
  }

  .small__title__box .small__title {
    color: #000;
    font-family: "SamsungOne";
    font-size: 5.56vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }

  /* 체크 박스 */
  .check__box__container {
    display: flex;
    flex-direction: column;
    gap: 5.56vw;
  }

  .check__box__wrap {
    display: flex;
    flex-wrap: wrap;
    column-gap: 8.89vw;
    row-gap: 2.78vw;
  }

  .check__box__section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2.78vw;
    padding-left: 0;
  }

  .check__box__section__title {
    color: #000;
    font-family: "SamsungOne";
    font-size: 4.44vw;
    font-style: normal;
    font-weight: 400;
    line-height: 145%;
    width: 100%;
  }

  .section__line {
    display: none;
  }

  .check__box__wrap {
    display: flex;
    flex-wrap: wrap;
    column-gap: 8.89vw;
    row-gap: 2.78vw;
  }

  .check__box__wrap.first {
    column-gap: 4.44vw;
    flex-direction: row;
  }

  .check__button {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 2.22vw;
    padding: 1.81vw 3.33vw;
    color: rgba(0, 0, 0, 0.8);
    text-align: center;
    font-family: "SamsungOne";
    font-size: 4.44vw;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 4.44vw */
    border-radius: 5.56vw;
    background-color: #f0f0f0;
    width: fit-content;
  }

  .check__button::before {
    content: "";
    width: 3.06vw;
    height: 3.06vw;
    margin: 0.28vw;
    background: url("../../../icon/ico_plus_black.svg") no-repeat center center;
  }

  .check__button.active {
    color: #fff;
    background-color: #3c80fc;
  }

  .check__button.active::before {
    content: "";
    width: 3.61vw;
    height: 3.06vw;
    margin: 0.42vw 0;
    background: url("../../../icon/ico_check_white.svg") no-repeat center center;
  }

  /* 글자 길이가 각 옵션마다 다른데 체크박스 위치에 맞추기 위하여 강제로 width를 지정 */
  .check__box__wrap .custom-checkbox {
    width: 22.78vw;
  }

  /* 테이블 */
  .table__wrapper {
    overflow-x: auto; /* 가로 스크롤 */
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .table__wrapper::-webkit-scrollbar {
    display: none;
  }

  .table__container {
    width: max-content;
    min-width: 100%;
  }

  .table__header {
    display: flex;
    background-color: #2d2d2d;
    position: sticky;
    top: 0;
    z-index: 1;
    height: 16.11vw;
    color: #fff;
    text-align: center;
    font-family: "samsungSharpSans";
    font-size: 4.44vw;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.28vw;
  }

  .table__body {
    max-height: 138.89vw;
    overflow-y: auto;
    background-color: #f8f8f8;
    color: #000;
    text-align: center;
    font-family: "SamsungOne";
    font-size: 4.17vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    /* scrollbar-width: none; */
    /* -ms-overflow-style: none; */
  }

  .table__body::-webkit-scrollbar {
    /* display: none; */
  }

  .row {
    display: flex;
    flex-wrap: nowrap;
    min-width: 260vw; /* 먄약 컬럼의 너비를 줄인다면 수정 필요 */
    border-bottom: 2px solid #fff;
  }

  .cell {
    flex: 1;
    min-width: 86.67vw; /* 먄약 컬럼의 너비를 줄인다면 수정 필요 */
    padding: 3.61vw;
    border-right: 2px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .cell:last-child {
    border-right: none;
  }

  /* 테이블 하단 각주 */
  .footnote__box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 6.67vw 0 0;
  }

  .footnote__box .footnote {
    color: #666;
    text-align: center;
    font-family: "SamsungOne";
    font-size: 3.89vw;
    font-style: normal;
    font-weight: 400;
    line-height: 7.22vw;
    letter-spacing: -0.28vw;
  }

  .footnote__box .footnote.pl-15 {
    padding-left: 0;
  }

  .img__container {
    display: flex;
    flex-direction: column;
    gap: 4.44vw;
    width: 100%;
  }

  /* 두 번째 컨텐츠 상단 이미지 */
  .img__container .top__img__box {
    width: 100%;
    height: 65.28vw;
    overflow: hidden;
    border-radius: 3.89vw;
  }

  .img__container .top__img__box.border {
    border: 1px solid #a3a3a3;
  }

  .img__container .top__img__box img {
  }

  /* 글자 영역 */
  .text__container {
    display: flex;
    flex-direction: column;
    padding: 5.56vw 0 11.11vw;
  }

  .text__container.bottom {
    padding: 5.56vw 0 11.11vw 0;
  }

  .text__container .text {
    color: #000;
    font-family: "SamsungOne";
    font-size: 4.17vw;
    font-style: normal;
    font-weight: 400;
    line-height: 145%;
    letter-spacing: -0.28vw;
  }

  .text__container .exclamation {
    display: inline-block;
    color: red;
    font-weight: bold;
    font-size: 4.17vw;
    font-family: sans-serif;
  }

  /* 하단 이미지 영역 */
  .img__container .bottom__img__box {
    width: 100%;
    /* height: 50.83vw; */
    border-radius: 2.78vw;
  }

  .img__container .bottom__img__box.long {
    width: 100%;
  }

  .img__container .bottom__img__box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }







}