/* 공통 */
.main_tit::before{
  font-family: "Noto Sans KR Light";
  content: 'MOKDONG OK ORTHOPEDIC';
  display: block;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  color: #036EB8;
  letter-spacing: 0.025em;
}
.main_tit{
  font-family: "Noto Sans KR Bold";
  font-size: 40px;
  letter-spacing: -0.025em;
}
.main_tit b{
  color: rgba(1, 1, 1, 0.15);
}
.main_tit b .copy{
  color: rgb(0, 0, 0);
}
.float {animation: floatmotion 2s linear infinite;}

@keyframes floatmotion {
  0% {
    transform: translateY(-5%);
  }
  50% {
    transform: translateY(5%);
  }
  100% {
    transform: translateY(-5%);
  }
}
/* 병원소개 */
.intro{
  background: url(../img/intro_bg.png)no-repeat center / cover;
  background-attachment: fixed;
  position: relative;
  z-index: 0;
}
.intro::after{
  content: 'MOKDONG OK ORTHOPEDIC CLINIC MOKDONG OK ORTHOPEDIC CLINIC MOKDONG OK ORTHOPEDIC CLINICMOKDONG OK ORTHOPEDIC CLINIC\A MOKDONG OK ORTHOPEDIC CLINIC MOKDONG OK ORTHOPEDIC CLINIC MOKDONG OK ORTHOPEDIC CLINICMOKDONG OK ORTHOPEDIC CLINIC\A MOKDONG OK ORTHOPEDIC CLINIC MOKDONG OK ORTHOPEDIC CLINIC MOKDONG OK ORTHOPEDIC CLINICMOKDONG OK ORTHOPEDIC CLINIC';
  display: block;
  width: auto;
  color: rgba(0, 91, 152, 0.16);
  font-family: "PretendardVariable";
  font-size: 16rem;
  font-weight: 900;
  white-space: pre;
  position: absolute;
  bottom: 43%;
  white-space: nowrap;
  animation: moveTxt1 500s linear infinite;
  line-height: 1;
  letter-spacing: -1.6px;
}
@keyframes moveTxt1 {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
.intro .txt{
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  text-align: center;
  gap: 20px;
  justify-content: center;
  align-items: center;
}
.intro .txt h3{
  color: #036EB8;
  font-family: "Noto Sans KR Black";
  font-size: 25px;
}
.intro .txt > div:nth-of-type(1) p{
  font-family: "Noto Sans KR Light";
  font-size: 30px;
  letter-spacing: -0.35px;
  line-height: 1.5;
}
.intro .txt > div:nth-of-type(1) b{
  font-family: "Noto Sans KR Medium";
}
.intro .txt > div:nth-of-type(2) p{
  font-family: "Noto Sans KR Light";
  font-size: 25px;
  line-height: 1.5;
}
.intro .txt > div:nth-of-type(3) b{
  font-family: "Noto Sans KR Medium";
  font-size: 27px;
}
.intro .txt span{ 
  display: block;
  width: 1px;
  height: 60.755px;
  background: #000;
}
.intro_topbox {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) translateY(50%);
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  font-family: "Noto Sans KR Medium";
  flex-wrap: nowrap;
}
.intro_topbox > div:hover{
  animation: bounceImage 0.4s ease-in-out;
  /* box-shadow: inset 3px 6px 8px rgba(0, 0, 0, 0.2); */
}

.clinic1_title > div:hover b,
.clinic1_title > div:hover i {
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.10);
}
.intro_topbox > div::after {
  content: '';
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,0.03), transparent);
  transform: skewX(-20deg);
  transition: all 0.3s;
  pointer-events: none;
  z-index: 2;
}
.intro_topbox > div:hover::after {
  left: 130%;
}
.intro_topbox > div{
  position: relative;
  overflow: hidden;
  width: 300px;
  height: 300px;
  cursor: pointer;
}
.intro_topbox a{
  display: block;
  width: 100%;
  height: 100%;
  padding: 68px 30px;
}
.intro_topbox > div:first-child a{
  width: 301px;
  height: 300px;
  padding: 48px 30px;
}
.intro_topbox > div div{
  text-align: center;
  color: #FFF;
  font-size: 25px;
  margin-bottom: 15px;
}
.intro_topbox > div:first-child div{
  text-align: center;
  color: #FFF;
  font-size: 25px;
  margin-bottom: 10px;
}
.intro_topbox > div:nth-of-type(1){
  background: #036EB7;
  border-radius: 79px 0px 0px 79px;
}
.intro_topbox > div:nth-of-type(2) {
  background-color: #005B98;
  background-image: url(../img/quick_center_call.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 150px auto;
}
.intro_topbox > div:nth-of-type(3){
  background: #004574;
  background-image: url(../img/quick_center_find.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 150px auto;
}
.intro_topbox > div:nth-of-type(4){
  border-radius: 0px 79px 79px 0px;
  background: #303030;
  background-image: url(../img/quick_center_place.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 150px auto;
}
.intro_topbox > div:nth-of-type(1) ul{
  align-items: start;
}
.intro_topbox > div:nth-of-type(2) ul,
.intro_topbox > div:nth-of-type(3) ul,
.intro_topbox > div:nth-of-type(4) ul{
  align-items: center;
  justify-content: center;
}
.intro_topbox > div:nth-of-type(2) ul li:last-child{
  font-family: "Noto Sans KR Black";
  font-size: 25px;
}
.intro_topbox ul{
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #FFF;
  font-size: 14px;
  gap: 5px;
}
.intro_topbox ul > li ol{
  display: flex;
}
.intro_topbox ul > li ol > li:first-child{
  width: 90px;
}
.intro_img{
  width: 100%;
  height: 550px;
  margin: 0 auto;
  border-radius: 104px;
  background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url(../img/intro_img.png) no-repeat center / cover;
  position: relative;
  z-index: 1;
  color: #fff;
  padding: 130px;
  font-size: 30px;
  font-family: "Noto Sans KR Light";
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
  text-align: center;
  
}
.intro_img b{
  font-family: "Noto Sans KR Medium"; 
}
.intro_img >div div{
  line-height: 1.7;
}
.intro_img >  div div:not(:first-child){
  font-size: 25px;
}
/* 원장소개 */
.doc{
  background: #0F315F;
  position: relative;
  z-index: 1;
}
.doc::after{
  position: absolute;
  content: '';
  top: 36.5%;
  right: 0;
  width: 100%;
  height: 1px;
  background: #fff;
  z-index: -1;
}
.doc_wrap{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 150px;
}
.doc_img{
  position: relative;
  background: #fff;
  border-radius: 76px;
  z-index: 1;
}
.doc_img img{
  display: block;
}
.doc_txt{
  display: flex;
  flex-direction: column;
  gap: 10px;
  color: #fff;
  font-family: "Noto Sans KR Medium";
}
.doc_txt > div{
  display: flex;
  align-items: baseline;
  gap: 10px;
  font-size: 45px;
}
.doc_txt span{
  height: 35px;
  background: #fff;
  padding: 5px;
  color: #0F315F;
  font-size: 17px;
}
.doc_txt ul{
  font-family: "Noto Sans KR Regular";
  font-size: 18px;
}
.doc_txt > div:nth-of-type(2){
  font-size: 24px;
}
.doc_txt ul:last-child{
  font-family: "Noto Sans KR Light";
}
/* waves 물결 효과 */
.waves-wrap {
  position: absolute;
  left: 0;
  bottom: -8px;
  width: 100%;
  z-index: -1;
}

.waves {
  position: relative;
  width: 100%;
  height: 50vh;
}

.parallax > use {
  animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}

.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 20s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 30s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 40s;
}

@keyframes move-forever {
  0% {
    transform: translate3d(-90px, 0, 0);
  }
  100% {
    transform: translate3d(85px, 0, 0);
  }
}
/* 진료과목 */
.clinic1, .clinic1_card{
  background: url(../img/clinic1_bg.png)no-repeat center/cover;
  position: relative;
  overflow: hidden;
  background-attachment: fixed;
}
.clinic1_txt_wrap{
  position: relative;
  z-index: 1;
}
.clinic1_txt_wrap .txt_bot, .clinic2 .txt_bot{
  font-size: 22px;
  font-family: "Noto Sans KR Light";
  line-height: 1.5;
}
.clinic1_txt_wrap .txt_bot b, .clinic2 .txt_bot b{
  font-family: "Noto Sans KR Regular";
}
.clinic1::before{
  content: 'MOKDONG OK ORTHOPEDIC CLINIC MOKDONG OK ORTHOPEDIC CLINIC MOKDONG OK ORTHOPEDIC CLINICMOKDONG OK ORTHOPEDIC CLINIC\A MOKDONG OK ORTHOPEDIC CLINIC MOKDONG OK ORTHOPEDIC CLINIC MOKDONG OK ORTHOPEDIC CLINICMOKDONG OK ORTHOPEDIC CLINIC\A MOKDONG OK ORTHOPEDIC CLINIC MOKDONG OK ORTHOPEDIC CLINIC MOKDONG OK ORTHOPEDIC CLINICMOKDONG OK ORTHOPEDIC CLINIC';
  display: block;
  width: auto;
  color: #FFF;
  font-family: "PretendardVariable";
  font-size: 16rem;
  font-weight: 900;
  white-space: pre;
  position: absolute;
  top: -2%;
  white-space: nowrap;
  animation: moveTxt2 500s linear infinite;
  line-height: 1;
  letter-spacing: -1.6px;
}
@keyframes moveTxt2 {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
.clinic1::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/clinic_back_logo.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 700px auto;
  z-index: 0;
  pointer-events: none;
}
.clinic1_wrap {
  background:
  linear-gradient(180deg, rgba(255, 255, 255, 0.10) 0%, rgba(0, 11, 18, 0.10) 100%);
}
.clinic1_title {
  width: 100%;
  max-width: 1500px;
  position: absolute;
  top: 30%;
  right: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border: 1px solid rgba(3, 110, 184, 0.15);
  border-radius: 79px 0px 0px 79px;
  z-index: 1;
}
.clinic1_title > div{
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 30px;
  height: 300px;
  width: auto;
  cursor: pointer;
}
.clinic1_title > div:hover {
  box-shadow: inset 3px 6px 8px rgba(0, 0, 0, 0.02);
}
.clinic1_title > div b{
  color: #036EB8;
  font-size: 30px;
  /* text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.10); */
  font-family: "Noto Sans KR Bold";
}
.clinic1_title > div i{
  font-family: "Noto Sans KR Medium";
  font-size: 20px;
  /* text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.10); */
}

.clinic1_title > div:hover .img::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  border-radius: 50%;
  background: conic-gradient(white 0deg,
  rgb(5, 145, 242, 0.4) 180deg,
  #fff 360deg);
  mask: radial-gradient(farthest-side, transparent calc(100% - 7px), black 100%);
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 7px), black 100%);
  animation: spinCircle 5s linear infinite;
  z-index: 0;
  box-sizing: border-box;
  pointer-events: none;
}
@keyframes spinCircle {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.clinic1_title > div:hover .img img {
  /* animation: bounceImage 0.4s ease-in-out; */
  animation: shake 0.5s forwards;
}
@keyframes bounceImage {
  0% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
  100% { transform: translateY(0); }
}
@keyframes shake {
      0%, 100% { transform: translateX(0); }
      25% { transform: translateX(-5px) rotate(-5deg); }
      50% { transform: translateX(5px) rotate(5deg); }
      75% { transform: translateX(-5px) rotate(-5deg); }
    }

.clinic1_title .img{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  padding: 40px;
  background: #FBFBFB;
  border: 5px solid #D3D3D3;
  width: 180px;
  height: 180px;
  aspect-ratio: 1/1;
  z-index: 1;
}
.clinic1_title .img img {
  display: block;
}
.clinic1_title > div:nth-of-type(1){
  border-radius: 79px 0px 0px 0px;
}
.clinic1_title > div:nth-of-type(4){
  border-radius: 0px 0px 0px 79px;
}
.clinic1_title > div:nth-child(odd){
  background: #fff;
}
.clinic1_title > div:nth-child(even){
  background: #D4E4F4;
}
.clinic1_title > div div{
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.clinic1_botttom_blank{
  height: 600px;
}
/* 진료과목 카드 */
.clinic1_card_wrap{
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 650px;
  z-index: 1;
}
.clinic1_left{
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 40px;
  border-radius: 79px;
  background: #fff;
  border: 1px solid rgba(3, 110, 184, 0.15);
  width: 55%;
  padding: 80px 50px;
  height: 100%;
}
.clinic1_right{
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  overflow: hidden;
  border-radius: 0px 79px 79px 0px;
}
.clinic1_right img{
  position: relative;
  display: block;
  height: 100%;
  width: auto;
  transition: opacity 0.4s ease;
}
.clinic1_right .overlay{
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1;
  transition: opacity 0.4s ease;
}
.clinic1_right.on .overlay{
  opacity: 0;
  pointer-events: none;
}
.clinic1_right:hover .overlay {
  opacity: 0;
}
.txt_top, .txt_bot{
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.txt_selectbox{
  display: flex;
  gap: 20px;
  font-family: "Noto Sans KR Bold";
  font-size: 20px;
  color: #AAA;
  border-bottom: 1px solid #C8C8C8;
  cursor: pointer;
}
.txt_selectbox > div.on{
  color: #000;
}
.txt_selectbox > div:hover{
  animation: bounceImage 0.4s ease-in-out;
}
.clinic1_ulbox ul > li:first-child:hover img{
  animation: shake 0.5s forwards;
}
.clinic1_card .txt_top{
  font-family: "Noto Sans KR Light";
  font-size: 20px;
  line-height: 1.5;
}
.clinic1_card .txt_top b{
  font-family: "Noto Sans KR Bold";
  font-size: 36px;
}
.clinic1_card .blue_box{
  display: flex;
  gap: 7px;
  padding: 10px;
  justify-content: start;
  align-items: center;
  height: 60px;
  border-radius: 20px;
  background: #036EB8;
  color: #fff;
  font-size: 27px;
  font-family: "Noto Sans KR Light";
}
.clinic1_card .blue_box b{
  font-family: "Noto Sans KR Medium";
}
.clinic1_ulbox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0px;
}
.clinic1_ulbox ul {
  width: 160px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.clinic1_ulbox >li{
  border-right: 1px solid #C2C2C2;
}
.clinic1_ulbox > li:last-child {
  border-right: none;
}
.clinic1_ulbox ul > li:first-child{
  border-radius: 50%;
  border: 2px solid #A5A6A6;
  padding: 20px;
  height: 100px;
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  object-fit: contain;
}
.clinic1_ulbox ul > li:last-child{
  font-family: "Noto Sans KR Medium";
  font-size: 18px;
}
.clinic1_ulbox_txt{
  font-size: 20px;
  font-family: "Noto Sans KR Light";
  line-height: 1.7;
}
.clinic1_ulbox_txt b{
  font-family: "Noto Sans KR Medium";
}
/* quick _clinic */
.quick_logo_c {
  position: absolute;
  bottom: 30px;
  right: 5%;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: #036EB826;
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  cursor: pointer;
  z-index: 2;
  font-size: 18px;
  font-family: "Noto Sans KR Regular";
  /* overflow: hidden; ← 제거해야 ripple 퍼짐 */
}
.quick_logo_c .ripple {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  transform: translate(-50%, -50%) scale(1);
  border-radius: 50%;
  background-color: rgba(3, 110, 184, 0.15);
  animation: rippleEffect 2.5s infinite;
  z-index: 0;
}

.quick_logo_c .ripple:nth-child(3) {
  animation-delay: 1.25s;
}

@keyframes rippleEffect {
  0% {
    transform: translate(-50%, -50%) scale(0);
    opacity: 0.6;
  }
  100% {
    transform: translate(-50%, -50%) scale(2.5);
    opacity: 0;
  }
}
.quick_logo_c:hover span{
  animation: bounceImage 0.4s ease-in-out;
}
.quick_logo_c span {
  position: absolute;
  bottom: 22%;
  z-index: 1;
  font-size: 15px;
  font-family: "Noto Sans KR Bold";
}
.clinic1_right .arrow{
  position: absolute;
  width: 20px;
  top: 20%;
}
/* 진료과목 reverse */
#clinic1 .reverse{
  flex-direction: row-reverse;
}
#clinic1 .reverse .clinic1_right{
  left: 0;
  border-radius: 79px;
}
#clinic1 .reverse .quick_logo_c{
  left: 5%;
}
/* 비수술클리닉 */
.clinic2{
  position: relative;
  background: #D5E9F7;
  z-index: 0;
}
.clinic2_bg {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 70%;
  height: 700px;
  background: #fff;
  background-image: url('../img/clinic2_background1.png');
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: cover;
  z-index: -1;
  border-radius: 600px 0 0 0;
  transition: background-image 0.5s ease;
}
.clinic2::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/clinic2_back_logo.png);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 900px auto;
  z-index: -2;
  pointer-events: none;
}
.clinic2_contentbox{
  display: flex;
  gap: 20px;
  justify-content: center;
  align-items: flex-end;
}
.clinic2_ulbox{
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.clinic2_ulbox li{
  position: relative;
  overflow: hidden;
  width: 280px;
  height: 280px;
  background: #0F315F;
  border-radius: 50%;
  padding: 20px;
  object-fit: contain;
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: #fff;
  font-family: "Noto Sans KR Medium";
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.10);
  cursor: pointer;
}
.clinic2_ulbox li:hover img{
  animation: bounceImage 0.4s ease-in-out;
}
.clinic2_ulbox li::before{
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(153, 153, 151, 0.70);border-radius: 50%;
  z-index: 1;
}
.clinic2_ulbox li.on::before {
  display: none;
}
/* .clinic2_ulbox li:hover::before {
  display: none;
} */
/* .clinic2_ulbox li:hover{
  border: 3px solid #0591F2;
  animation: rainbow-border 5s linear infinite;
} */
.clinic2_ulbox li.on{
  border: 3px solid #0591F2;
  animation: rainbow-border 5s linear infinite;
}
.clinic2_ulbox li p{
  font-size: 33px;
}

.clinic2_textbox{
  display: flex;
  flex-direction: column;
  text-align: right;
  padding: 40px;
  width: 100%;
  height: 350px;
  border-radius: 73px;
  background: rgba(255, 255, 255, 0.61);
  align-items: flex-end;
}
.clinic2_textbox p{
  color: #036EB8;
  font-family: "Pretendard Variable";
  font-weight: 900;
  font-size: 120px;
  letter-spacing: -1.2px;
  line-height: 1;
}
.clinic2_textbox b{
  position: relative;
  display: inline-block;
  font-family: "Noto Sans KR Bold";
  font-size: 45px;
  color: #0F315F;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.10);
}
.clinic2_textbox span{
  height: 1px;
  background: #0F315F;
}
.clinic2_textbox i{
  color: #0F315F;
  font-family: "Noto Sans KR Bold";
  line-height: 1.5;
  font-size: 20px;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.10);
}
.clinic2_textbox b::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background-color: #0F315F;
  transition: transform 0.6s ease;
}




/* 보유장비 */
.equ_wrap{
  position: relative;
}
.equ-slider {
  padding-left: 40%;
  overflow: hidden;
  position: relative;
}
.equ .main_tit{
  text-align: left;
}
.equ-nav div{
  position: relative;
  height: 535px;
  width: auto;
}
.equ-nav span {
  position: absolute;
  bottom: 25px;
  left: 50%;
  transform: translateX(-50%);
  font-family: "Noto Sans KR Medium";
  display: inline-block;
  font-size: 23px;
  text-align: center;
}
.equ-nav .slick-slide {
  margin-right: 20px;
}
.equ-nav .slick-slide img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 73px;
  border: 1px solid #B4B4B4;
  background: #fff;
}
/* 마지막 슬라이드 오른쪽 여백 제거 */
.equ-nav .slick-slide:last-child {
  margin-right: 0;
}
.equ_prev, .equ_next{
  width: 67px;
  height: 67px;
  border-radius: 50%;
  border: 1px solid #B0B0B0;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.equ_prev:hover, .equ_next:hover{
  animation: bounceImage 0.4s ease-in-out;
}
.equ_arrow_wrap{
  position: absolute;
  bottom: 2%;
  left: 38%;
  transform: translateX(-100%);
  display: flex;
  gap: 20px;
}
@keyframes rainbow-border {
  0% {
    border-color: #016bb6;
  }
  20% {
    border-color: #3497DB;
  }
  40% {
    border-color: #4CABED;
  }
  60% {
    border-color: #7cc7f9;
  }
  60% {
    border-color: #b6e1fe;
  }
  100% {
    border-color: #0591F2;
  }
}
.equ-nav .slick-current img {
  border: 3px solid #0591F2;
  animation: rainbow-border 5s linear infinite;
}
.equ_prev.active-thumb,
.equ_next.active-thumb {
  position: relative;
  z-index: 1;
}

/* 둘러보기 */
.con3 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.13) 17.4%, rgba(113, 171, 213, 0.13) 58.7%, rgba(3, 110, 184, 0.13) 100%);
}
.con3 {
  position: relative;
}
.con3 .main_tit{
  text-align: left;
}
/* 오시는 길 */
#way{width: 100%; height: 100%; position: relative;background: #00285D;}
#way .main_tit::before{color: #fff;}
#way .main_tit{ text-align: left;}
#way .main_tit b .copy{color: #fff;}
#way .main_tit b{color: rgba(255, 255, 255, 0.2);}
#way .info-box{position: absolute;  z-index: 100; background-color: #00285D; width: 600px; height: 560px; opacity: 0.95; top: 67%; right: 160px; transform: translateY(-50%);}
#way .info-box .txt{margin:35px; color: #fff;}
#way .info-box .txt .time{padding: 20px; border-bottom: 1px solid #ffffff96; letter-spacing: 0.5px;}
#way .info-box .txt .time .day{display: flex; width: 100%; justify-content: space-between; margin-bottom: 25px; line-height: 28px; gap: 60px;}
#way .info-box .txt .time .day1{width: 30%; min-width: 110px; font-size: 1.8rem; font-family: "Noto Sans KR Medium";}
#way .info-box .txt .time .day1 >li{display: flex;justify-content: space-between;}
#way .info-box .txt .time .day2{width: 70%;font-size: 1.8rem; font-family: "Noto Sans KR Medium";}
#way .info-box .txt .time .day3{display: flex;gap: 20px;}
#way .info-box .txt .time h4, #way .info-box .txt .time h5{font-size: 1.8rem; font-family: "Noto Sans KR Thin";}
#way .info-box .txt .ad{padding: 20px;}
#way .info-box .txt .ad p{font-size: 2.0rem; font-family: "Noto Sans KR Medium"; margin-bottom: 10px; display: flex; align-items: flex-start; letter-spacing: 0.5px; line-height: 1.4;}
#way .info-box .txt .load{ text-align: right; margin-top: 20px;}
#way .info-box .txt .load a{text-align: center;font-size: 1.6rem; font-family: "Noto Sans KR Medium"; color: #212121; width: 25%; height: 40px; background-color: #fff; display: inline-block; line-height: 40px;}
.root_daum_roughmap .wrap_controllers, .root_daum_roughmap .cont .section{display: none;}
.way .time h2{
  font-family: "Noto Sans KR Bold";
  font-size: 35px;
  display: flex;
  align-items: center;
}
#way img{
  width: 28px;
  height: 28px;
  margin-right: 13px;
}
.ad1 span{width: 40px;}
.ad1 i {
  width: 21px;
  height: 21px;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  background: #8B50A4;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
}