@charset "UTF-8";
/* ^scss에서 수정해주세요!  Don't edit .css file, Only work on the scss*/
.com_Health .table, .com_Checkup .table {
  border-collapse: separate;
  border: 1px solid #C3D6FB;
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (max-width: 1023.9px) {
  .com_Health .table, .com_Checkup .table {
    border-radius: 10px;
  }
}
.com_Health .table th, .com_Health .table td, .com_Checkup .table th, .com_Checkup .table td {
  text-align: left;
  background: #fff;
}
.com_Health .table thead th, .com_Health .table th[scope=row], .com_Checkup .table thead th, .com_Checkup .table th[scope=row] {
  background-color: #F0F4FC;
  height: 70px;
  text-align: left;
  color: #12385F;
  font-size: 24px;
  padding-inline: 40px;
}
@media screen and (max-width: 1023.9px) {
  .com_Health .table thead th, .com_Health .table th[scope=row], .com_Checkup .table thead th, .com_Checkup .table th[scope=row] {
    height: 40px;
    font-size: 15px;
    padding-inline: 20px;
  }
}
.com_Health .table thead th .tip, .com_Health .table th[scope=row] .tip, .com_Checkup .table thead th .tip, .com_Checkup .table th[scope=row] .tip {
  font-size: 17px;
  font-weight: 400;
  margin-left: 10px;
}
@media screen and (max-width: 1023.9px) {
  .com_Health .table thead th .tip, .com_Health .table th[scope=row] .tip, .com_Checkup .table thead th .tip, .com_Checkup .table th[scope=row] .tip {
    font-size: 12px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_Health .table tbody tr, .com_Checkup .table tbody tr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding: 17px 20px;
    border-bottom: 1px solid #C3D6FB;
  }
}
.com_Health .table tbody th, .com_Checkup .table tbody th {
  padding-left: 40px;
  color: #0071E4;
  font-size: 22px;
  font-weight: 700;
}
@media screen and (max-width: 1023.9px) {
  .com_Health .table tbody th, .com_Checkup .table tbody th {
    padding-left: 0;
    font-size: 16px;
  }
}
.com_Health .table tbody td, .com_Checkup .table tbody td {
  padding: 30px 40px;
  background: #fff;
  font-size: 17px;
  line-height: 1.76;
}
@media screen and (min-width: 1023.9px) {
  .com_Health .table tbody td, .com_Checkup .table tbody td {
    min-height: 113px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_Health .table tbody td, .com_Checkup .table tbody td {
    padding: 0;
    font-size: 14px;
  }
}
.com_Health .table tbody th ~ td, .com_Checkup .table tbody th ~ td {
  margin-left: 20px;
}
@media screen and (max-width: 1023.9px) {
  .com_Health .table tbody th ~ td, .com_Checkup .table tbody th ~ td {
    margin: 0;
  }
}
.com_Health .table tbody th, .com_Health .table tbody td, .com_Checkup .table tbody th, .com_Checkup .table tbody td {
  border-bottom: 1px solid #C3D6FB;
  vertical-align: baseline;
}
@media screen and (max-width: 1023.9px) {
  .com_Health .table tbody th, .com_Health .table tbody td, .com_Checkup .table tbody th, .com_Checkup .table tbody td {
    border: none;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_Health .table tbody tr.none_line, .com_Checkup .table tbody tr.none_line {
    border-bottom: none;
    padding-bottom: 10px;
  }
}
.com_Health .table tbody tr.none_line td, .com_Checkup .table tbody tr.none_line td {
  border-bottom: none;
  padding-bottom: 0;
}
@media screen and (max-width: 1023.9px) {
  .com_Health .table tbody tr:last-child, .com_Checkup .table tbody tr:last-child {
    border-bottom: none;
  }
}
.com_Health .table tbody tr:last-child th, .com_Health .table tbody tr:last-child td, .com_Checkup .table tbody tr:last-child th, .com_Checkup .table tbody tr:last-child td {
  border-bottom: none;
}
.com_Health .table tbody .price_field, .com_Checkup .table tbody .price_field {
  color: #12385F;
  font-weight: 700;
}
@media screen and (min-width: 1023.9px) {
  .com_Health .table tbody .price_field, .com_Checkup .table tbody .price_field {
    text-align: right;
    font-size: 36px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_Health .table tbody .price_field, .com_Checkup .table tbody .price_field {
    font-size: 26px;
  }
}
.com_Health .table tbody .price_field .unit, .com_Checkup .table tbody .price_field .unit {
  font-size: 16px;
  padding-left: 5px;
  font-weight: 400;
}
@media screen and (max-width: 1023.9px) {
  .com_Health .table tbody .price_field .unit, .com_Checkup .table tbody .price_field .unit {
    font-size: 13px;
  }
}
.com_Health .table + .table, .com_Checkup .table + .table {
  margin-top: 17px;
}
.com_Health .table2, .com_Checkup .table2 {
  border-collapse: separate;
  border: 1px solid #C3D6FB;
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (max-width: 1023.9px) {
  .com_Health .table2, .com_Checkup .table2 {
    border-radius: 10px;
  }
}
.com_Health .table2 th, .com_Health .table2 td, .com_Checkup .table2 th, .com_Checkup .table2 td {
  text-align: left;
  background: #fff;
  padding-block: 15px;
  border-bottom: 1px solid #C3D6FB;
}
@media screen and (max-width: 1023.9px) {
  .com_Health .table2 th, .com_Health .table2 td, .com_Checkup .table2 th, .com_Checkup .table2 td {
    padding-block: 10px;
  }
}
.com_Health .table2 th, .com_Checkup .table2 th {
  background-color: #F0F4FC;
  font-size: 18px;
  border-right: 1px solid #C3D6FB;
  color: #12385F;
  padding-inline: 40px;
}
@media screen and (max-width: 1023.9px) {
  .com_Health .table2 th, .com_Checkup .table2 th {
    font-size: 14px;
    padding-inline: 20px;
  }
}
.com_Health .table2 td, .com_Checkup .table2 td {
  padding-inline: 20px;
  font-size: 17px;
}
@media screen and (max-width: 1023.9px) {
  .com_Health .table2 td, .com_Checkup .table2 td {
    font-size: 14px;
    padding-inline: 10px;
  }
}
.com_Health .table2 tr:last-child th, .com_Health .table2 tr:last-child td, .com_Checkup .table2 tr:last-child th, .com_Checkup .table2 tr:last-child td {
  border-bottom: none;
}
.com_Health .health_inner, .com_Checkup .health_inner {
  margin-top: 60px;
  gap: 20px;
}
@media screen and (max-width: 1023.9px) {
  .com_Health .health_inner, .com_Checkup .health_inner {
    margin-top: 15px;
    gap: 15px;
  }
}
.com_Health .health_inner.active, .com_Checkup .health_inner.active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.com_Health .health_inner .table, .com_Health .health_inner .table2, .com_Checkup .health_inner .table, .com_Checkup .health_inner .table2 {
  align-self: stretch;
}
@media screen and (max-width: 1023.9px) {
  .com_Health .health_inner .table, .com_Health .health_inner .table2, .com_Checkup .health_inner .table, .com_Checkup .health_inner .table2 {
    order: 3;
  }
}
.com_Health .health_inner .table.with_img, .com_Health .health_inner .table2.with_img, .com_Checkup .health_inner .table.with_img, .com_Checkup .health_inner .table2.with_img {
  width: calc(100% - 456px - 20px);
}
@media screen and (max-width: 1023.9px) {
  .com_Health .health_inner .table.with_img, .com_Health .health_inner .table2.with_img, .com_Checkup .health_inner .table.with_img, .com_Checkup .health_inner .table2.with_img {
    width: 100%;
    order: 2;
  }
}
.com_Health .health_inner .img_area, .com_Checkup .health_inner .img_area {
  width: 456px;
  border-radius: 20px;
}
@media screen and (max-width: 1023.9px) {
  .com_Health .health_inner .img_area, .com_Checkup .health_inner .img_area {
    border-radius: 10px;
    width: 100%;
    height: 150px;
    overflow: hidden;
    order: 1;
  }
  .com_Health .health_inner .img_area img, .com_Checkup .health_inner .img_area img {
    margin-top: -20px;
  }
}
.com_Health .health_top, .com_Checkup .health_top {
  position: relative;
}
.com_Health .health_top .cate, .com_Checkup .health_top .cate {
  background: #FFF;
  z-index: 2;
}
@media screen and (min-width: 1023.9px) {
  .com_Health .health_top .cate, .com_Checkup .health_top .cate {
    position: absolute;
    left: 0;
    top: 234px;
    width: 300px;
    border-radius: 6px;
    border: 2px solid #0071E4;
    box-shadow: 0px 10px 10px 10px rgba(23, 85, 230, 0.1);
  }
}
@media screen and (max-width: 1425.9px) and (min-width: 1023.9px) {
  .com_Health .health_top .cate, .com_Checkup .health_top .cate {
    top: 20px !important;
    left: 0 !important;
    width: 220px !important;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_Health .health_top .cate, .com_Checkup .health_top .cate {
    border-bottom: 1px solid #0071E4;
    width: calc(100% + 40px);
    margin-left: -20px;
  }
}
.com_Health .health_top .cate .selected, .com_Checkup .health_top .cate .selected {
  color: #0071E4;
  font-weight: 700;
  font-size: 17px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  padding: 15.5px 20px;
}
@media screen and (max-width: 1023.9px) {
  .com_Health .health_top .cate .selected, .com_Checkup .health_top .cate .selected {
    font-size: 15px;
    padding: 12px 20px;
  }
}
@media screen and (max-width: 1425.9px) and (min-width: 1023.9px) {
  .com_Health .health_top .cate .selected, .com_Checkup .health_top .cate .selected {
    padding-block: 10px;
  }
}
.com_Health .health_top .cate .selected .icon_arrow, .com_Checkup .health_top .cate .selected .icon_arrow {
  transform: rotate(90deg);
}
.com_Health .health_top .cate .option, .com_Checkup .health_top .cate .option {
  border-radius: 5px;
  background: #F0F4FC;
  padding: 10px 15px;
  font-size: 16px;
}
@media screen and (max-width: 1023.9px) {
  .com_Health .health_top .cate .option, .com_Checkup .health_top .cate .option {
    font-size: 13px;
  }
}
.com_Health .health_top .cate .option:hover, .com_Checkup .health_top .cate .option:hover {
  background-color: #0071E4;
  color: #fff;
}
.com_Health .health_top .cate .option__wrap, .com_Checkup .health_top .cate .option__wrap {
  height: 0;
  visibility: hidden;
  gap: 3px;
  overflow: hidden;
  margin-inline: 20px;
}
.com_Health .health_top .cate .option__wrap.active, .com_Checkup .health_top .cate .option__wrap.active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  margin-block: 5px 25px;
  height: auto;
  visibility: visible;
}
@media screen and (max-width: 1023.9px) {
  .com_Health .health_top .cate .option__wrap.active, .com_Checkup .health_top .cate .option__wrap.active {
    margin-block: 0 10px;
  }
}
.com_Health .health_top.not_has_tab .cate, .com_Checkup .health_top.not_has_tab .cate {
  top: 135px;
}
.com_Health .health_top.not_has_tab .com_pg_tit__wrap, .com_Checkup .health_top.not_has_tab .com_pg_tit__wrap {
  padding-bottom: 0;
}
@media screen and (max-width: 1023.9px) {
  .com_Health .health_top.not_has_tab .com_pg_tit__wrap, .com_Checkup .health_top.not_has_tab .com_pg_tit__wrap {
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_Health.p_Index .com_menu, .com_Checkup.p_Index .com_menu {
    margin-block: 30px;
  }
}

@media screen and (min-width: 1023.9px) {
  .com_Checkup .com_list_num {
    gap: 15px 0;
  }
}
@media screen and (min-width: 1023.9px) {
  .com_Checkup .table th {
    vertical-align: top;
    font-size: 24px;
    padding-block: 35px;
    background-image: url(../img/icon_tip.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) calc(100% - 20px);
    background-size: 110px auto;
  }
}
@media screen and (max-width: 1023.9px) {
  .com_Checkup .table th {
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-block: -17px 15px;
    line-height: 40px;
  }
}
@media screen and (min-width: 1023.9px) {
  .com_Checkup .table td {
    padding: 35px 30px;
  }
}

.p_Colonoscopy .layout {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
}
@media screen and (max-width: 1023.9px) {
  .p_Colonoscopy .layout {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}
@media screen and (min-width: 1023.9px) {
  .p_Colonoscopy .layout > * {
    width: 50%;
    align-self: stretch;
  }
}
.p_Colonoscopy .layout .img_area {
  background: #FFF;
  position: relative;
  padding: 30px 80px;
  border: 1px solid #E7E7E7;
  border-radius: 20px 0px 0 20px;
}
@media screen and (max-width: 1023.9px) {
  .p_Colonoscopy .layout .img_area {
    width: 100%;
    border-radius: 20px 20px 0 0;
  }
}
.p_Colonoscopy .layout .img_area.just_one .swiper-button-next, .p_Colonoscopy .layout .img_area.just_one .swiper-button-prev {
  display: none;
}
.p_Colonoscopy .layout .img_area .swiper-button-next, .p_Colonoscopy .layout .img_area .swiper-button-prev {
  color: #000;
  display: flex;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid #E7E7E7;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  background-color: #fff;
}
.p_Colonoscopy .layout .img_area .swiper-button-next:after, .p_Colonoscopy .layout .img_area .swiper-button-prev:after {
  font-size: 18px;
}
.p_Colonoscopy .layout .img_area .swiper-button-prev {
  left: 20px;
}
@media screen and (max-width: 1023.9px) {
  .p_Colonoscopy .layout .img_area .swiper-button-prev {
    left: -20px;
  }
}
.p_Colonoscopy .layout .img_area .swiper-button-next {
  right: 20px;
}
@media screen and (max-width: 1023.9px) {
  .p_Colonoscopy .layout .img_area .swiper-button-next {
    right: -20px;
  }
}
.p_Colonoscopy .layout .info_area {
  background: #F0F4FC;
  border: 1px solid #E7E7E7;
}
@media screen and (min-width: 1023.9px) {
  .p_Colonoscopy .layout .info_area {
    padding: 30px;
    border-left: none;
    border-radius: 0 20px 20px 0;
    font-size: 16px;
  }
}
@media screen and (max-width: 1023.9px) {
  .p_Colonoscopy .layout .info_area {
    padding: 20px;
    border-top: none;
    width: 100%;
    border-radius: 0 0px 10px 10px;
    font-size: 14px;
  }
}