.product {
  display: flex;
  width: 1270px;
  padding: 200px 0;
  flex-direction: column;
  align-items: center;
  gap: 100px;
  margin: auto;
}

.product .product-content {
  flex-direction: column;
  align-items: center;
  gap: 100px;
  display: flex;
  width: 100%;
}

.product .tab {
  width: 100%;
  display: flex;
}

.product .tab .item {
  display: flex;
  height: 60px;
  justify-content: center;
  align-items: center;
  flex: 1;
  border: 1px solid #D9D9D9;

  cursor: pointer;

  color: #636363;
  font-family: "Noto Sans KR";
  font-size: 20px;

}

.product .tab .item.active {
  border: 1px solid #137CBE;
  background: #333260;
  font-weight: 800;
  color: #FFF;
}

.product section {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 100px;
  padding-bottom: 100px;
  border-bottom: 1px solid #A3A3A3;
}

.product section:last-child {
  padding: 0;
  border: none;
}

.product section .product-section-title-wrap {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.product section .product-section-title-wrap .title-wrap {
  display: flex;
  gap: 15px;
  justify-content: space-between;
}

.product section .product-section-title-wrap h1 {
  color: #000;
  font-family: "Noto Sans KR";
  font-size: 35px;
  font-weight: 700;
  line-height: 35px;
}

.product section .product-section-title-wrap p {
  color: #1256A7;
  font-family: "Noto Sans KR";
  font-size: 20px;
  font-weight: 700;
}

.product section .product-section-title-wrap .title-wrap .mark-wrap {
  display: flex;
  align-items: center;
  gap: 5px;
}

.product section .product-section-title-wrap .title-wrap .mark-wrap img {
  width: 30px;
  height: 30px;
}

.product section .product-section-title-wrap .title-wrap .mark-wrap p {
  color: #000;
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-weight: 700;
}

.product section .product-section-title-wrap h5 {
  color: #747474;
  font-family: "Noto Sans KR";
  font-size: 25px;
  font-weight: 500;
  line-height: 15px;
}

.product section .images-wrap-01 {

  display: flex;
  width: 100%;
  gap: 15px;
}

.product section .images-wrap-01 img {
  height: 400px;
  flex: 1;
}

.product section .content-wrap {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.product section .content-wrap .content-title {
  color: #1256A7;
  font-family: "Noto Sans KR";
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
}

.product section .content-wrap .content-title .desc {
  color: #000;
  font-family: "Noto Sans KR";
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

.product section .content-wrap .content01 {
  display: flex;
  gap: 15px;
}

.product section .content-wrap .content01 img {
  width: 500px;
  height: 360px;
}

.product section .content-wrap .content01 table {
  height: 360px;
}


table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

table th {
  border: 1px solid #CECECE;
  background: #F8F8F8;
  height: 60px;
  color: #000;
  text-align: center;
  font-family: "Noto Sans KR";
  font-size: 20px;
  font-weight: 700;
  padding: 15px 30px;
}

table td {
  border: 1px solid #CECECE;
  background: #FFF;
  height: 60px;
  padding: 15px 30px;
  color: #000;
  text-align: center;
  font-family: "Noto Sans KR";
  font-size: 20px;
}


table td div {
  display: flex;
  gap: 4px;
  justify-content: center;
}

table td.left {
  text-align: left;
}

.product section .content-wrap .content02 {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.product section .content-wrap .content02 .image-wrap {
  display: flex;
  gap: 15px;
}

.product section .content-wrap .content-title-wrap {
  gap: 4px;
}

.product section .content-wrap .content-title-wrap.row {
  display: flex;
  justify-content: space-between;
}

.product section .content-wrap .content-title-wrap.row .content-title-wrap {
  width: 555px;
}

.product section .content-wrap .content-title-wrap.row .content-title-wrap .content-title {
  line-height: 30px;
}

.product section .content-wrap .content-title-wrap.row .content-title-wrap .desc {
  color: #000;
  font-family: "Noto Sans KR";
  font-size: 20px;
  line-height: 30px;
}

.product section .content-wrap .content-title-wrap.row .image-wrap {
  display: flex;
  height: 250px;
  gap: 15px;
}

.product section .content-wrap .content-title-wrap.row .image-wrap img {
  height: 250px;
}

.product section .content-wrap .content02 .image-wrap img {
  height: 250px;
}

.product section .content-wrap .content03 {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.product section .content-wrap .content03 .desc-wrap {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.product section .content-wrap .content03 .desc-wrap p {
  color: #000;
  font-family: "Noto Sans KR";
  font-size: 20px;
  line-height: 30px;
}

.product section .content-wrap .content03 .warning-wrap {
  padding-top: 30px;
  border-top: 1px dashed #B9B9B9;

  display: flex;
  flex-direction: column;
  gap: 10px;
}

.product section .content-wrap .content03 .warning-wrap .warning-title {
  color: #F00;
  font-family: "Noto Sans KR";
  font-size: 20px;
  line-height: 30px;
}

.product section .content-wrap .content03 .warning-wrap p {
  color: #000;
  font-family: "Noto Sans KR";
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  display: flex;
  gap: 3px;

}

.product section .content-wrap .content03 .warning-wrap .desc-01::before {
  content: '1.';
}

.product section .content-wrap .content03 .warning-wrap .desc-02::before {
  content: '2.';
}



.product section .content-wrap .content04 th,
.product section .content-wrap .content04 td {
  padding: 10.5px 10px;
}

.product section .content-wrap .content04 td img {
  width: 20px;
}

.product section .content-wrap .content05 {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.product section .content-wrap .content05>p {
  color: #000;
  font-family: "Noto Sans KR";
  font-size: 20px;
  line-height: 30px;
}

.product section .content-wrap .content05 .bottom {
  display: flex;
  padding-top: 30px;
  align-items: flex-start;
  gap: 50px;
  border-top: 1px dashed #B9B9B9;
}

.product section .content-wrap .content05 .bottom .title {
  color: #F00;
  font-family: "Noto Sans KR";
  font-size: 20px;
  line-height: 30px;
}

.product section .content-wrap .content05 .bottom ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 10px;
}

.product section .content-wrap .content05 .bottom ul li {
  color: #000;
  font-family: "Noto Sans KR";
  font-size: 20px;
  line-height: 30px;
}

.product section .content-wrap .content06 th {
  height: 120px;
}

.product section .content-wrap .content07 {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.product section .content-wrap .content07 .image-wrap {
  display: flex;
  gap: 15px;
}

.product section .content-wrap .content07 .image-wrap>img {
  height: 400px;
}

.product section .content-wrap .content07 .image-wrap>div {
  display: flex;
  flex-direction: column;
  gap: 15px;
  flex-shrink: 0;
}

.product section .content-wrap .content07 ul li {
  color: #000;
  font-family: "Noto Sans KR";
  font-size: 20px;
  line-height: 30px;
  display: flex;
  list-style: none;
  gap: 10px;
  padding-left: 10px;
}

.product section .content-wrap .content07 ul li::before {
  content: '•';
  color: #000;
}

.product section .content-wrap .desc {
  color: #000;
  font-family: "Noto Sans KR";
  font-size: 20px;
  line-height: 30px;
}

.product section .content-wrap .content08 {
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.product section .content-wrap .content08 .item-wrap {
  display: flex;
  gap: 15px;
}

.product section .content-wrap .content08 .item,
.product section .content-wrap .content09 .item {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.product section .content-wrap .content08 .item-wrap .item .desc-wrap,
.product section .content-wrap .content09 .item .desc-wrap {
  display: flex;
  gap: 10px;
}

.product section .content-wrap .content09 .item .desc-wrap {
  flex-direction: column;
}

.product section .content-wrap .content08 .item-wrap .item .desc-wrap .label,
.product section .content-wrap .content09 .item .label {
  color: #C73838;
  font-family: "Noto Sans KR";
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
}

.product section .content-wrap .content08 .item-wrap .item .desc-wrap .desc,
.product section .content-wrap .content09 .item .desc {
  text-align: left;
}

.product section .content-wrap .content09 .item .desc-wrap .span,
.product section .content-wrap .content09 .item span {
  color: #000;
  font-family: "Noto Sans KR";
  font-size: 14px;
  line-height: 20px;
}

.product section .content-wrap .content08 .item-wrap .item .desc {
  text-align: center;
}

.product section .content-wrap .content08 .item-wrap .arrow-wrap {
  height: 244.356px;
  display: flex;
  align-items: center;
}


.product section .content-wrap .content08 .item-wrap .ico_arrow {
  width: 30px;
  height: 30px;
}

.product section .content-wrap .content09 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 50px;
  column-gap: 15px;
}

.product section .content-wrap .content09 .item {
  padding-bottom: 20px;
}

.product section .content-wrap .content10 {
  display: flex;
  flex-direction: column;
  gap: 15px;
}


.product section .content-wrap .content10 ul li {
  color: #000;
  font-family: "Noto Sans KR";
  font-size: 20px;
  line-height: 30px;
  display: flex;
  list-style: none;
  gap: 10px;
  padding-left: 10px;
}

.product section .content-wrap .content10 ul li::before {
  content: '•';
  color: #000;
}

.product section .content-wrap .content10 img {
  height: 338px;
}

.product section .content-wrap .content10 table div {
  width: 370px;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product section .content-wrap .content10 table img {
  width: 214px;
  height: 245px;
}