/*************** main common ******************/
h2 {
  text-transform: uppercase;
  position: relative;
  margin-bottom: 5rem;
  font-size: 4.8rem;
  font-weight: 700;
  letter-spacing: -0.48px;
  text-align: center;
  z-index: 2;
}
.h2_wh{
  color: #fff;
}
.h2_wh i{
  font-weight: 300;
}
h2::before {
  content: 'SUWON BEST NEUROSURGERY';
  display: block;
  font-size: 2rem;
  font-weight: 400;
  letter-spacing: -0.2px;
  text-transform: uppercase;
  color: #17ABB1;
}
h3{
  color: #003668;
  font-size: 3.6rem;
  font-weight: 700;
  letter-spacing: -0.36px;
  position: relative;
  display: inline-block;
  z-index: 1;
}
h3::after{
  content: '';
  position: absolute;
  left: 0;
  bottom: 0.2em;
  width: 0%;
  height: 0.5em;
  background-color: #90BE20;
  z-index: -1;
  transition: width 2s ease;
  opacity: 0.6;
}
h3.underline-show::after{
  width: 100%;
}
h4{
  font-size: 3.5rem;
  font-weight: 700;
  color: #003668;
  margin-bottom: 1rem;
}
h5{
  color: #003668;
  font-size: 2.6rem;
  font-weight: 700;
  letter-spacing: -0.26px;
  position: relative;
  display: inline-block;
  z-index: 1;
}
h5::after{
  content: '';
  position: absolute;
  left: 0;
  bottom: 0.2em;
  width: 0%;
  height: 0.5em;
  background-color: #90BE20;
  z-index: -1;
  transition: width 2s ease;
  opacity: 0.6;
}
h5.underline-show::after{
  width: 100%;
}
p{
  color: #000;
  font-size: 2rem;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: -0.2px;
}
/*************** main station ******************/
.main_before {
  height: 65px;
  width: 100%;
}
/*************** doctor ******************/
.doctor{
  background: url(../img/doc_bg.png?ver=20250352)no-repeat top right;
}
.doc_bg {
  background: #D3D3D3;
  margin-right: calc(50% - 760px);
  padding-left: calc(40% - 860px);
  border-radius: 0px 100px 0px 0px;
  color: #000;
}
.doc_bg .container {
  max-width: 1520px;
  display: flex;
  gap: 4rem;
}
.doctor_leftbox {
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline-block;
  width: 70%; 
  height: 300px;
  background: #D3D3D3;
  border-radius: 0px 100px 0px 0px;
  z-index: -1;
}
.doc_left {
  width: 100%;
  flex: 3 1 10%;
  position: relative;
  line-height: 0;
  aspect-ratio: 5 / 5;
}

.doc_left img {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
.doc_right {
  width: 100%;
  flex: 4 1 0%;
  padding: 5rem 0px;
}
.doctor_name {
  font-size: 2.4rem;
  font-weight: 500;
  color:#000;
  display: flex;
  align-items: center;
  gap: 10px;
}
.doctor_name em {
  font-size: 2.7rem;
  color: #003668;
  font-weight: 700;
}
.doctor_ul_wrap li {
  display: flex;
  gap: 10px;
  font-size: 1.6rem;
  font-weight: 500;
}

.doctor_ul_wrap li:not(:last-child) {
  margin-bottom: 7px;
}

/*************** introduce ******************/
.introduce{
  background: url(../img/intro_bg.png)no-repeat center/cover;
  position: relative;
}
.intro_span_wrap{
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.intro_left_span{
  position: absolute;
  top: 20%;
  left: 0;
  display: inline-block;
  width: 61px;
  height: 200px;
  border-left: 10px solid #fff;
  border-top: 10px solid #fff;
  border-bottom: 10px solid #fff;
}
.intro_right_span{
  position: absolute;
  top: 20%;
  right: 0;
  display: inline-block;
  width: 61px;
  height: 200px;
  border-right: 10px solid #fff;
  border-top: 10px solid #fff;
  border-bottom: 10px solid #fff;
}
.intro_txt_wrap{
  width: 90%;
  margin: 0 auto;
}
.intro_txt_wrap>div{
  display: flex;
  flex-direction: column;
}
.intro_txt_wrap>div>div:nth-of-type(1){
  width: 100%;
  color: #FFF;
  text-align: center;
  font-size: 4.5rem;
  font-weight: 800;
  letter-spacing: -0.48px;
}
.intro_txt_wrap>div>div i{
  color: #9FFCFF;
  font-size: 4.8rem;
  font-weight: 800;
}
.intro_txt_wrap>div{
  display: flex;
  flex-direction: column;
}
.txt{
  color: #FFF;
  text-align: center;
  font-size: 2.9rem;
  font-weight: 500;
  line-height: 42px;
  letter-spacing: -0.29px;
}
#introduce::after {
    content: 'SUWON BEST NEUROSURGERY SUWON BEST NEUROSURGERY SUWON BEST NEUROSURGERY SUWON BEST NEUROSURGERY SUWON BEST NEUROSURGERY\A SUWON BEST NEUROSURGERY SUWON BEST NEUROSURGERY SUWON BEST NEUROSURGERY\A SUWON BEST NEUROSURGERY SUWON BEST NEUROSURGERY SUWON BEST NEUROSURGERY\A SUWON BEST NEUROSURGERY';
    display: block;
    width: auto;
    /* height: 200px; */
    color: rgba(159, 252, 255, 0.30);
    font-family: var(--font-GmarketSans);
    font-size: 11rem;
    font-weight: 800;
    white-space: pre;
    position: absolute;
    bottom: 0;
    white-space: nowrap;
    animation: moveTxt1 300s linear infinite;
    line-height: 1;
    letter-spacing: -1.1px;
}
@keyframes moveTxt1 {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
/*************** clinic01 title ****************/
.clinic-prev,
.clinic-next {
  position: absolute;
  top: 60%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  z-index: 500;
  transition: transform 0.3s ease;
}

.clinic-prev {
  left: -50px;
  background-image: url(../img/title_arrow_left.png);
}

.clinic-next {
  right: -50px;
  background-image: url(../img/title_arrow_right.png);
}

.clinic-prev:hover {
  animation: moveLeft 0.4s ease forwards;
}

.clinic-next:hover {
  animation: moveRight 0.4s ease forwards;
}

@keyframes moveLeft {
  0% { transform: translateY(-50%) translateX(0); }
  50% { transform: translateY(-50%) translateX(-5px); }
  100% { transform: translateY(-50%) translateX(0); }
}

@keyframes moveRight {
  0% { transform: translateY(-50%) translateX(0); }
  50% { transform: translateY(-50%) translateX(5px); }
  100% { transform: translateY(-50%) translateX(0); }
}

.clinic_title_bc{
  background: rgba(0, 38, 73, 0.9);
}
.aceClinic {
  clear: both;
  display: block;
  height: auto;
  padding: 100px 0;
}
.mainInner {
  display: block;
  height: auto;
  margin: 0 auto;
  max-width: 1200px;
  position: relative;
}
.aceClinic.bgShoulder {
  background: url(../img/c1_3_bg.png) no-repeat 50% 50%;
  background-size: cover;
  transition: .4s all;
}

.aceClinic.bgSpine {
  background: url(../img/c1_2_bg.png) no-repeat 50% 50%;
  background-size: cover;
  transition: .4s all;
}

.aceClinic.bgKnee {
  background: url(../img/c1_5_bg.png) no-repeat 50% 50%;
  background-size: cover;
  transition: .4s all;
}

.aceClinic.bgNeck {
  background: url(../img/c1_1_bg.png) no-repeat 50% 50%;
  background-size: cover;
  transition: .4s all;
}

.aceClinic.bgHand {
  background: url(../img/c1_6_bg.png) no-repeat 50% 50%;
  background-size: cover;
  transition: .4s all;
}

.aceClinic.bgElbow {
  background: url(../img/c1_4_bg.png) no-repeat 50% 50%;
  background-size: cover;
  transition: .4s all;
}

.aceClinic .mainInner .title,
.aceClinic .mainInner .desc {
  color: #FFF;
}

.mClinic {
  display: block;
  height: auto;
}

.mClinic .clinicBox {
  display: block;
  height: auto;
  overflow: hidden;
}

.mClinic .clinicBox .thumb {
  display: block;
  width: 93%;
  height: auto;
  box-sizing: border-box;
  position: relative;
  margin: 0 auto;
}
.swiper-container.mClinic {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}


.mClinic .clinicBox .thumb:after {
  content: '';
  transition: .2s all;
}

.mClinic .clinicBox .thumb img {
  width: 100%;
  filter: brightness(50%);
  transition: 0.4s ease-in-out;
}
.mClinic .clinicBox:hover .thumb img {
  filter: brightness(100%);
}
.bgBK{
  background: #000;
  z-index: 1;
}
.mClinic .clinicBox .thumb .item {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: -10px;
  width: 137px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #FFF;
  font-size: 3rem;
  font-weight: 800;
  background: rgba(173, 173, 173, 1);
  transition: .4s all;
  z-index: 10;
  border-radius: 20px 20px 20px 20px;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.mClinic .clinicBox .clinicLine {
  display: block;
  height: 18px;
  position: relative;
}
.empty{
  height: 50px;
}
.mClinic .clinicBox .clinicLine .dot {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  width: 18px;
  height: 18px;
  border-radius: 50%;
}

.mClinic .clinicBox .clinicLine .dot .in {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  background: rgba(255, 255, 255, 0.2);
  transition: .4s all;
  border-radius: 50%;
}

.mClinic .clinicBox .clinicLine:after {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
}

.mClinic .clinicBox:hover .thumb:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 99%;
  border-radius: 50%;
  border: 2px solid #17abb1;
  z-index: 0;
}

.mClinic .clinicBox:hover .thumb .item {
  background: rgba(23, 171, 177, 0.8);
}

.mClinic .clinicBox:hover .clinicLine .dot .in {
  background: #17ABB1;
}
.mClinic .clinicBox:hover .clinicLine .dot:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(23, 171, 177, 0.8);
}

/**************** clinic01 *******************/
.clinic01{
  background: url(../img/s1_bg.png)no-repeat right /cover;
  position: relative;
  overflow: hidden;
}
.clinic01_wrap{
  display: flex;
  gap: 30px;
}
.clinic01_left{
  position: relative;
  width: 100%;
  overflow: hidden;
}
.clinic01_left img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 0.6s ease;
}
.clinic01_left:hover img {
  transform: scale(1.2);
}
.clinic01_right{
  width: 100%;
}
.clinic01::before{
  content: '';
  width: 38.5%;
  height: 100%;
  top: 0;
  background: #17ABB1;
  display: block;
  position: absolute;
  left: 0;
  z-index: -1;
}
.clinic01::after{
  content: 'SUWON BEST NEUROSURGERY SUWON BEST NEUROSURGERY SUWON BEST NEUROSURGERY SUWON BEST NEUROSURGERY SUWON BEST NEUROSURGERY';
  position: absolute;
  text-transform: uppercase;
  /* transform: rotate(90deg); */
  font-size: 11rem;
  font-weight: 800;
  width: 100%;
  height: 0;
  letter-spacing: -1.1px;
  bottom: -120px;
  left: -565px;
  color: rgba(255, 255, 255, 0.4);
  display: block;
  z-index: -1;
  white-space: nowrap;
  animation: moveTxt2 100s linear infinite;
}
@keyframes moveTxt2 {
  from {
    transform: rotate(90deg) translateX(0);
  }
  to {
    transform: rotate(90deg) translateX(-100%);
  }
}
.clinic01_ul01{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  grid-template-rows: repeat(2,1fr);
  justify-items: flex-start;
  gap: 1rem;
}
.clinic01_ul01 li{
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: -0.2px;
}
.clinic01_ul01 li::before{
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 2px solid #003688;
  margin-right: 10px;
}
.clinic01_ul01 li::after{
  content: '';
  width: 25px;
  height: 25px;
  position: absolute;
  top: 0;
  z-index: 1;
  background: url(../img/check_icon.png)no-repeat center/contain;
}
.clinic01_ul01 li{
  position: relative;
  display: flex;
  align-items: center;
}
.clinic01_ul02{
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.clinic01_ul02>div{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.clinic01_ul02_img1:hover{
  background: url(../img/s1_hover1.png)no-repeat center/cover;
  transition: background 0.1s ease-in-out;
}
.clinic01_ul02_img2:hover{
  background: url(../img/s1_hover2.png)no-repeat center/cover;
  transition: background 0.1s ease-in-out;
}
.clinic01_ul02_img3:hover{
  background: url(../img/s1_hover3.png)no-repeat center/cover;
  transition: background 0.1s ease-in-out;
}
.clinic01_ul02_img4:hover{
  background: url(../img/s1_hover4.png)no-repeat center/cover;
  transition: background 0.1s ease-in-out;
}
.clinic01_ul02_img5:hover {
  background: url(../img/s1_hover5.png) no-repeat center/cover;
  transition: background 0.1s ease-in-out;
}
.clinic01_ul02_img6:hover {
  background: url(../img/s1_hover6.png) no-repeat center/cover;
  transition: background 0.1s ease-in-out;
}
.clinic01_ul02_img7:hover {
  background: url(../img/s1_hover7.png) no-repeat center/cover;
  transition: background 0.1s ease-in-out;
}
.clinic01_ul02_img8:hover {
  background: url(../img/s1_hover8.png) no-repeat center/cover;
  transition: background 0.1s ease-in-out;
}

.clinic01_ul02>div>div:hover img{
  opacity: 0;
  transition: opacity 0.1s ease-in-out;
}
.clinic01_ul02>div>div:nth-of-type(2){
  font-size: 2.3rem;
  letter-spacing: -0.23px;
  font-weight: 700;
  color: #636363;
}
.clinic01_ul02>div>div[class^="clinic01_ul02_img"] {
  width: 100px;
  height: 100px;
  background-size: cover;
  background-position: center;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.clinic01_ul02>div>div[class^="clinic01_ul02_img"] img {
  width: 100%;
  height: auto;
  display: block;
}

.clinic01_left img{
  height: 100%;
}
.clinic_top_mid{
  display: block;
  width: fit-content;
  margin: 0 auto;
  align-items: center;
  gap: 10px;
  border-radius: 20px;
  background: #fff;
  color: #000;
  box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
  padding: 10px 20px;
  font-size: 2.2rem;
  font-weight: 500;
  letter-spacing: -0.22px;
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.3s ease; 
}
.clinic_top_mid:hover {
  color: #17ABB1;
  box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
  transform: translateY(-2px);
}
/*************** clinic01_s2 *****************/
.clinic01_s2{
  background: url(../img/s2_bg.png)no-repeat left /cover;
  position: relative;
  overflow: hidden;
}
.clinic01_reverse{
  flex-direction: row-reverse;
}
.clinic01_s2::before{
  content: '';
  width: 38.5%;
  height: 100%;
  top: 0;
  background: #90BE20;
  display: block;
  position: absolute;
  right: 0;
  z-index: -1;
}
.clinic01_s2::after{
  content: 'SUWON BEST NEUROSURGERY SUWON BEST NEUROSURGERY SUWON BEST NEUROSURGERY SUWON BEST NEUROSURGERY SUWON BEST NEUROSURGERY';
  position: absolute;
  text-transform: uppercase;
  /* transform: rotate(90deg); */
  font-size: 11rem;
  font-weight: 800;
  width: 100%;
  height: 0;
  letter-spacing: -1.1px;
  top: -1170px;
  right: -710px;
  color: rgba(255, 255, 255, 0.4);
  display: block;
  z-index: -1;
  white-space: nowrap;
  animation: moveTxt2 100s linear infinite;
}
@keyframes moveTxt2 {
  from {
    transform: rotate(90deg) translateX(0);
  }
  to {
    transform: rotate(90deg) translateX(-100%);
  }
}
/*************** clinic01_s3 *****************/
.clinic01_s3{
  background: url(../img/s3_bg.png)no-repeat right /cover;
  position: relative;
  overflow: hidden;
}
.clinic01_s3::before{
  content: '';
  width: 38.5%;
  height: 100%;
  top: 0;
  background: #003668;
  display: block;
  position: absolute;
  left: 0;
  z-index: -1;
}
.clinic01_s3::after{
  content: 'SUWON BEST NEUROSURGERY SUWON BEST NEUROSURGERY SUWON BEST NEUROSURGERY SUWON BEST NEUROSURGERY SUWON BEST NEUROSURGERY';
  position: absolute;
  text-transform: uppercase;
  /* transform: rotate(90deg); */
  font-size: 11rem;
  font-weight: 800;
  width: 100%;
  height: 0;
  letter-spacing: -1.1px;
  bottom: -120px;
  left: -565px;
  color: rgba(255, 255, 255, 0.4);
  display: block;
  z-index: -1;
  white-space: nowrap;
  animation: moveTxt2 100s linear infinite;
}
@keyframes moveTxt2 {
  from {
    transform: rotate(90deg) translateX(0);
  }
  to {
    transform: rotate(90deg) translateX(-100%);
  }
}
/*************** clinic01_s4 *****************/
.clinic01_s4{
  background: url(../img/s4_bg.png)no-repeat left /cover;
  position: relative;
  overflow: hidden;
}
.clinic01_s4::before{
  content: '';
  width: 38.5%;
  height: 100%;
  top: 0;
  background: #17ABB1;
  display: block;
  position: absolute;
  right: 0;
  z-index: -1;
}
.clinic01_s4::after{
  content: 'SUWON BEST NEUROSURGERY SUWON BEST NEUROSURGERY SUWON BEST NEUROSURGERY SUWON BEST NEUROSURGERY SUWON BEST NEUROSURGERY';
  position: absolute;
  text-transform: uppercase;
  /* transform: rotate(90deg); */
  font-size: 11rem;
  font-weight: 800;
  width: 100%;
  height: 0;
  letter-spacing: -1.1px;
  top: -1170px;
  right: -710px;
  color: rgba(255, 255, 255, 0.4);
  display: block;
  z-index: -1;
  white-space: nowrap;
  animation: moveTxt2 100s linear infinite;
}
@keyframes moveTxt2 {
  from {
    transform: rotate(90deg) translateX(0);
  }
  to {
    transform: rotate(90deg) translateX(-100%);
  }
}
/*************** clinic01_s5 *****************/
.clinic01_s5{
  background: url(../img/s5_bg.png)no-repeat left /cover;
  position: relative;
  overflow: hidden;
}
.clinic01_s5::before{
  content: '';
  width: 38.5%;
  height: 100%;
  top: 0;
  background: #003668;
  display: block;
  position: absolute;
  left: 0;
  z-index: -1;
}
.clinic01_s5::after{
  content: 'SUWON BEST NEUROSURGERY SUWON BEST NEUROSURGERY SUWON BEST NEUROSURGERY SUWON BEST NEUROSURGERY SUWON BEST NEUROSURGERY';
  position: absolute;
  text-transform: uppercase;
  /* transform: rotate(90deg); */
  font-size: 11rem;
  font-weight: 800;
  width: 100%;
  height: 0;
  letter-spacing: -1.1px;
  bottom: -120px;
  left: -565px;
  color: rgba(255, 255, 255, 0.4);
  display: block;
  z-index: -1;
  white-space: nowrap;
  animation: moveTxt2 100s linear infinite;
}
@keyframes moveTxt2 {
  from {
    transform: rotate(90deg) translateX(0);
  }
  to {
    transform: rotate(90deg) translateX(-100%);
  }
}
/*************** clinic01_s6 *****************/
.clinic01_s6{
  background: url(../img/s6_bg.png)no-repeat left /cover;
  position: relative;
  overflow: hidden;
}
.clinic01_s6::before{
  content: '';
  width: 38.5%;
  height: 100%;
  top: 0;
  background: #90BE20;
  display: block;
  position: absolute;
  right: 0;
  z-index: -1;
}
.clinic01_s6::after{
  content: 'SUWON BEST NEUROSURGERY SUWON BEST NEUROSURGERY SUWON BEST NEUROSURGERY SUWON BEST NEUROSURGERY SUWON BEST NEUROSURGERY';
  position: absolute;
  text-transform: uppercase;
  /* transform: rotate(90deg); */
  font-size: 11rem;
  font-weight: 800;
  width: 100%;
  height: 0;
  letter-spacing: -1.1px;
  top: -1170px;
  right: -710px;
  color: rgba(255, 255, 255, 0.4);
  display: block;
  z-index: -1;
  white-space: nowrap;
  animation: moveTxt2 100s linear infinite;
}
@keyframes moveTxt2 {
  from {
    transform: rotate(90deg) translateX(0);
  }
  to {
    transform: rotate(90deg) translateX(-100%);
  }
}
/**************** clinic02 *******************/
.clinic02{position: relative;}

.clinic02::before{
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 57%;
  background: #fff url('../img/c2_bg.png') no-repeat 50% 50% / cover;
}

.c2_tit .mo_only{display: none;}
.c2_tit{
  text-align: center;
  font-size: 4rem;
  line-height: 1.5;
}
.c2_tit i{font-weight: 700;color: #0e3767;}
.c2_tit em{
  color: #848484;
  font-size: 20px;
}
.clinic02_wrap{
  display: flex;
  gap: 4rem;
}
.c2_img_wrap{
  width: 50%;
  line-height: 0;
}
.c2_txt{
  font-size: 2rem;
  height: 10rem;
  margin-bottom: 8rem;
}
.c2_txt_wrap{
  width: 50%;
  font-size: 25px;
  font-weight: 500;
}
.c2_txt_wrap h2{text-align: left;align-items: flex-start;}

.clinic02_span{
  display: inline-block;
  padding: 0rem 2rem;
  background: #003668;
  height: 4.2rem;
  line-height: 4.2rem;
  border-radius: 0px 50px 50px 0px;
  color: #FFF;
  font-size: 2.6rem;
  font-weight: 600;
  text-align: center;
  letter-spacing: -0.26px;
}
.c2_ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr); 
  gap: 1.5rem 2rem; 
}
.c2_ul li {
  font-size: 2rem;
  font-weight: 600;
  position: relative;
}
.c2_ul li::before {
  content: '';
  display: inline-block;        /* ← 꼭 필요해요! */
  width: 20px;                  /* ← 아이콘 크기 지정 */
  height: 20px;
  margin-right: 0.5rem;
  background: url('../img/c2_icon.png') no-repeat center center;
  background-size: contain;     /* ← 이미지가 요소 안에 꽉 차도록 */
  vertical-align: middle;
}

.c2_navi{
  display: flex;
  align-items: center;
  gap: 2rem;
  margin-top: 25px;
}
.c2_navi .c2_pagination{
  position: relative;
  max-width: 300px;
}
.c2_navi .swiper-pagination-progressbar{background: rgba(89, 89, 89, 0.2);}
.c2_navi .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #17ABB1;}
.c2_button{
  cursor: pointer;
  display: flex;
  align-items: center;
}
.c2_button img{height: 100%;width: auto;}
/*************** equ ******************/
.equ{
  background: url(../img/intro_bg.png)no-repeat center/cover;
}
.equ-slider {
  max-width: 1470px;
  margin: 0 auto;
}
.equ-slider div{
  position: relative;
  height: 450px;
  object-fit: content;
}
.equ-slider img{
  width: 100%;
  height: 80%;
  object-fit: contain;
  background: #fff;
}
.equ-slider span{
  position: absolute;
  bottom: 3rem;
  display: block;
  color: #fff;
  width: 100%;
  text-align: center;
  color: #FFF;
  font-size: 2.8rem;
  font-weight: 600;
  letter-spacing: -0.32px;
}
.equ-slider i{
  position: absolute;
  bottom: 0rem;
  display: block;
  color: #fff;
  width: 100%;
  text-align: center;
  color: #FFF;
  font-size: 1.7rem;
  font-weight: 400;
  letter-spacing: -0.2px;
}
.equ_top{
  text-align: center;
}
.equ_top span{
  display: block;
  color: #003557;
  
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.24px;
}
.equ_flex{
  margin-bottom: 8rem;
}
.equ .slick-slide{
  margin: 0 20px;
}
.equ .slick-dots {
  bottom: -6rem;
}
.equ .slick-dots button {
  display: none;
}
.equ .slick-dots li {
  cursor: pointer;
  background-color: #ffffff;
  width: 26px;
  height: 5px;
  margin: 0 5px;
}
.equ .slick-dots .slick-active {
  background-color: #17ABB1;
}
/*************** tour ************/
.tour_pagination.swiper-pagination-progressbar {
  position: relative;
  margin: 50px auto 100px;
  background: rgba(89, 89, 89, 0.2);
}
.tour_pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
  background: #17ABB1;
}
/*************** way *************/
.con6_wrap{display: flex;}
.map_wrap{
  flex-grow: 1;
}
.map_txt{
  padding: 80px 200px;
  font-size: 27px;
  background: #082e54;
  color: #fff;
}
.map_tit{
  font-size: 35px;
  display: flex;
  align-items: flex-start;
  line-height: 1.4;
  gap: 20px;
}
.map_tit:first-child{
  margin-bottom: 20px;
  font-weight: 700;
}
.map_tit img{width: 1.4em;flex-shrink: 0;}
.map_top hr{
  margin: 4rem 0;
  height: 1px;
  background:  #fff;
  opacity: 0.4;
}
.map_txt li:not(:last-child){
  margin-bottom: 2.5rem;
}
.map_txt li{
  display: flex;
  gap: 6rem;
  letter-spacing: -0.24px;
}
.map_txt li em{
  width: 140px;
  flex-shrink: 0;
  display: flex;
  justify-content: space-between;
  font-weight: 700;
}
.map_txt_grey{
  color: #D9D9D9;
}
.map_txt_sky{
  color: #9FFCFF;
}
.map_txt_light{
  font-weight: 100;
  margin-top: -20px;
}
.root_daum_roughmap .wrap_controllers{
  display: none;
}
.root_daum_roughmap .cont{
  display: none;
}
.root_daum_roughmap .wrap_map {
  height: 910px !important;
}
/*************** site ************/
.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;
}