/* main_banner */
.main_before {
  height: 80px;
  width: 100%;
}
.main_station .train_item .img_box {
  position: relative;
}
.main_station .cover {
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.main_station .cover i {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 10px;
}
.bannerTit {
  font-size: 70px;
  line-height: 1.2;
  margin: 2rem 0 3rem;
  transform: translateY(30%);
  opacity: 0;
}
.bannerTit em {
  font-weight: 700;
}
.banner1 .bannerTit em {
  color: #18b7cd;
}
.banner2 .bannerTit em {
  color: #ffc729;
}
.bannerTit + p {
  color: #fff;
}
.highlight.bannerTit {
  animation: fadeIn 1s ease forwards 0.3s;
}

@keyframes fadeIn {
  from {
    transform: translateY(30%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
/* con1 */
.con1 {
  position: relative;
}
.con1 {
  background: url("../img/con1_bg.png") no-repeat center center / cover;
}
h2.c {
  text-align: center;
}
h2 {
  display: flex;
  flex-direction: column;
  /* align-items: center; */
  font-size: 5rem;
  font-weight: 800;
}
h2::before {
  content: "anyang top orthopedics";
  text-transform: uppercase;
  color: #700a20;
  font-weight: 300;
  font-size: 20px;
  letter-spacing: 0.1em;
}
h2 + p {
  opacity: 0.6;
  margin-top: 3rem;
}
.con1_flex {
  display: flex;
  gap: 4rem;
  justify-content: space-between;
  margin-bottom: 8rem;
}
.c1_left {
  flex: 1;
}
.c1_right {
  flex: 2;
  font-size: 25px;
}
.c1_right div:not(:last-child) {
  margin-bottom: 3rem;
}
.c1_right .c1_red {
  font-weight: 700;
  color: #700a20;
}

.con1_imgbox {
  line-height: 0;
  overflow: hidden;
}

/* con2 */
.con2 {
  /* 기존 디자인 유지 */
  background: url("../img/con2_bg.png") no-repeat right top / cover;
}
.doctor_title {
  margin-bottom: 6rem;
}
.doctor_list {
  /* doctor 슬라이더 래퍼 (Swiper와 함께 사용) */
}
.doctor_pagination.swiper-pagination-bullets {
}
.doctor_pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(255, 255, 255, 0.7);
  opacity: 1;
  margin: 0 6px !important;
  box-sizing: border-box;
}
.doctor_pagination .swiper-pagination-bullet-active {
  background: #700a20;
  border-color: #700a20;
}
.doctor_wrap {
  display: flex;
  justify-content: space-between;
  gap: 4rem;
}
.doctor_wrap > * {
  width: 100%;
}
.doctor_img {
  max-width: 500px;
  align-self: flex-end;
  line-height: 0;
}
.doctor_name {
  display: flex;
  gap: 1rem;
  align-items: end;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1;
  color: #700a20;
}
.doctor_name i {
  font-size: 1.3em;
  font-weight: 700;
  color: #000;
}
.doctor_point {
  background-color: #003668;
  color: #fff;
  display: inline-block;
  padding: 0.3rem 0.6rem;
  border-radius: 1rem;
}
.doctor_tit {
  font-size: 2.5rem;
  font-weight: 600;
  color: #003668;
  margin: 2rem 0 1rem;
}
.doctor_txt {
  margin-bottom: 10rem;
  align-self: center;
}
.doctor_txt ul {
  font-size: 22px;
  font-weight: 400;
  line-height: 1.4;
}
.doctor_txt ul:not(:last-child) {
  margin-bottom: 2rem;
}
.doctor_txt ul li {
  display: flex;
  gap: 1.2rem;
  align-items: start;
}
.doctor_txt ul li::before {
  content: "·";
}
.line_other li:nth-of-type(1) {
  line-height: 1.25;
}
.line_other li:nth-of-type(2) {
  line-height: 1.25;
}
.line_other li:nth-of-type(3) {
  line-height: 1.25;
}
/* .doctor_txt li{display: flex;gap: .5rem;}
.doctor_txt li::before{content: '•';} */
/* con3 */
.con3 {
  background: url("../img/con3_bg.png") no-repeat 50% 50% / cover;
}

.con3 h2::before {
  color: #fff;
}
.con3 h2 {
  color: #ecc8af;
  text-align: center;
  margin-bottom: 5rem;
}
.con3 .first_tit {
  color: #fff;
}
.full_ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.full_ul li {
  background: #fff;
  border: 0.1px solid rgba(0, 0, 0, 0.1);
}
.full_ul li:nth-child(2n) {
  background: #f2efeb;
}
.full_ul li a {
  display: flex;
  align-items: center;
  gap: 2rem;
  padding: 4rem 2rem;
  text-align: center;
}
.full_ul .img_wrap {
  width: 40%;
  flex-shrink: 0;
}
.full_ul .img_wrap + div {
  width: 100%;
}
.full_ul .li_tit {
  font-size: 30px;
  color: #700a20;
  font-weight: 800;
}
.full_ul .li_tit + em {
  display: block;
  font-size: 20px;
}

/* s1 / 척추클리닉 */
section.section_bg {
  background: url("../img/section_bg.png") no-repeat center center / cover;
  color: #fff;
}
section.section_bg h3 {
  color: #ecc8af;
  border-color: #ecc8af;
}
section.section_bg h3::before {
  color: #fff;
}
section.section_bg h4 {
  color: #ecc8af;
}
section.section_bg p {
  color: #fff;
}

.flex_wrap.right_img {
  flex-direction: row-reverse;
}
.flex_wrap {
  display: flex;
  gap: 4rem;
}
.flex_wrap > * {
  width: 100%;
}
section .img_wrap img {
  width: 100%;
}
section .txt_wrap,
article .txt_wrap {
  flex: 7;
}
section .img_wrap,
article .img_wrap {
  flex: 5;
  overflow: hidden;
  line-height: 0;
  align-self: flex-start;
}
h3 {
  /* font-family: "Paperlogy"; */
  font-size: 4.5rem;
  font-weight: 800;
  line-height: 1;
}
h3 {
  padding-bottom: 2rem;
}
h3 {
  border-bottom: 1px solid #700a20;
}
h3::before {
  padding-bottom: 2rem;
  content: "anyang top orthopedics";
  font-size: 2rem;
  color: #700a20;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 0.1em;
  display: block;
}
h3 + p {
  padding: 2rem 0 5rem;
  opacity: 0.8;
}

h4:not(:first-child) {
  margin-top: 5rem;
}
h4 {
  font-size: 3.5rem;
  font-weight: 700;
  /* color: #003668; */
  /* font-family: "Paperlogy"; */
  margin-bottom: 1.5rem;
}
.bold {
  font-weight: 700;
}
.w485 {
  max-width: 485px;
}
.grid1_ul {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 2rem;
}
.grid2_ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
.check_ul li p {
  /* font-family: 'Paperlogy'; */
  display: flex;
  /* align-items: center; */
  line-height: 1.3;
  gap: 1.5rem;
}
.check_ul li p::before {
  flex-shrink: 0;
  content: "";
  width: 1.3em;
  aspect-ratio: 1/1;
  background: url("../img/checkbox.png") no-repeat 50% 50% / contain;
}
.s4 .txt_wrap {
  align-self: center;
}
.section_bg ol {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
  margin-top: 5rem;
}
.section_bg ol li img {
  width: 1.3em;
}
.section_bg ol li {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  text-align: center;
  background: #fff;
  padding: 2rem;
  font-size: 3rem;
  color: #700a20;
}
.s4_tit {
  font-weight: 700;
}
.section_bg ol li p {
  color: #272727;
}

/* con4 */
.con4_tab.fix {
  position: fixed;
  top: 80px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 99;
}
.con4_tab {
  border: 0.5px solid #c8c9ca;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  /* font-family: "Paperlogy"; */
  font-size: 18px;
  font-weight: 500;
  color: #3a3a3a;
  background: #fff;
  width: 95%;
  max-width: 1280px;
  margin: 0 auto;
  text-align: center;
}
.con4_tab li:not(:last-child) {
  border-right: 0.5px solid #c8c9ca;
}
.con4_tab li {
  width: 100%;
}
.con4_tab li:hover {
  color: #171818;
}
.con4_tab li.active {
  background: #171818;
  color: #fff;
  font-weight: 700;
}
.con4_tab li a {
  display: block;
  padding: 1rem;
}
/*  */
.article_logo_bg {
  background: url("../img/article_logo_bg.png") no-repeat right top / cover;
}
article h6 {
  font-size: 3rem;
  font-weight: 700;
  background: #700a20;
  color: #fff;
  display: inline-block;
  line-height: 1;
  padding: 0.8rem 2.5rem;
  margin: 5rem 0 1.5rem;
}
.grid4_ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.icon_ul li:not(:last-child) {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.icon_ul li img {
  width: 80%;
}
.icon_ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  padding: 2rem;
  font-size: 2.1rem;
  font-weight: 400;
  text-align: center;
}
/*  */
.tour_pagination.swiper-pagination-progressbar {
  position: relative;
  margin-top: 50px;
  background: rgba(0, 0, 0, 0.2);
}
.tour_pagination.swiper-pagination-progressbar
  .swiper-pagination-progressbar-fill {
  background: #700a20;
}

/* con6 */
.con6 {
  background: rgba(244, 244, 244, 0.7);
}
.parking_flex {
  display: flex;
  gap: 4rem;
}
.parking_txt,
.parking_img {
  width: 100%;
}
.parking_txt h3 + p {
  opacity: 0.6;
}
.parking_txt ul {
  font-size: 22px;
}
.parking_txt ul li:not(:last-child) {
  margin-bottom: 2rem;
}
.parking_txt ul b {
  color: #700a20;
}
/* time_table */
.time_table {
  display: flex;
  background: #171818;
  color: #fff;
}
/* .time_table>*{width: 100%;} */
.time_table .map_wrap {
  width: 100%;
  line-height: 0;
}
.map_txt {
  width: 40%;
  flex-shrink: 0;
  padding: 8rem 15rem;
  font-size: 25px;
}
.map_txt h2::before {
  color: #fff;
}
.map_txt p {
  color: #fff;
}
.map_txt ol li {
  display: flex;
  gap: 15px;
  align-items: flex-start;
  margin-bottom: 0.5em;
  font-weight: 700;
  font-size: 30px;
}
.map_txt ol li img {
  width: 1.5em;
}
.map_txt hr {
  opacity: 0.3;
  margin: 4rem 0;
}

.map_txt ul li {
  display: flex;
  gap: 30px;
  margin-bottom: 0.5em;
}
.map_txt ul li em {
  /* font-weight: 700; */
  display: flex;
  justify-content: space-between;
  width: 80px;
}

/* site_bg */
.site_bg.on {
  display: block;
}
.site_bg {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 99999999;
}
.site_popup {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  max-width: 1000px;
  width: 90%;
  height: 80%;
  position: relative;
}
.closeButton:hover {
  background-color: #c1272d;
}
.closeButton {
  position: absolute;
  top: -5px;
  right: -5px;
  font-size: 2rem;
  font-weight: 600;
  background: #333;
  color: #fff;
  width: 3rem;
  height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  cursor: pointer;
}
/* 개인정보처리방침 */
.site_tab {
  width: 100%;
  padding: 2rem;
  margin: 0 auto;
  max-width: 1500px;
  font-size: 2rem;
  line-height: 1.7em;
  font-weight: 400;
  word-break: keep-all;
  color: #272727;
  height: 100%;
  overflow-y: scroll;
}
.site_tab > li.on {
  display: block;
}
.site_tab > li {
  display: none;
}
.site_tab h6 {
  /* height: 30px; */
  line-height: 2;
  padding-left: 0px;
  font-size: 2.6rem;
  margin-bottom: 15px;
  color: #000;
  font-weight: normal;
}
.site_tab h4 {
  font-size: 4.5rem;
  font-weight: 800;
  text-align: center;
  margin: 5rem 0;
  line-height: 1.5;
  display: block;
}
.site_tab h4::before {
  display: none;
}
/* 비급여 */
.time_wrap table {
  line-height: 1.5;
  text-align: center;
  font-size: 1.5rem;
  max-width: 1000px;
  margin: 0 auto;
  width: 100%;
  color: #000;
  font-weight: 700;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-left: 0;
}
table,
td {
  border-spacing: 0px;
  padding: 0px;
}
.time_wrap table tr td {
  padding: 10px;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
tr.bg td {
  background: rgba(0, 0, 0, 0.1);
}
tr.bg2 td {
  background: rgba(35, 104, 196, 0.2);
  font-family: 700;
}