/* banner1 */
.main_before {
  height: 100px;
  width: 100%;
}
.main_station{
  height: calc(100vh - 100px);
}
.main_station .swiper-slide{
  height: calc(100vh - 100px);
}
 .banner1{
  background: url(../img/banner1.png) no-repeat center/cover;
 }
  .banner2{
  background: url(../img/banner2.png) no-repeat center/cover;
 }
  .banner3{
  background: url(../img/banner3.png) no-repeat center/cover;
 }
 .main_station .content_inner{
  display: flex;
  justify-content: center; /* 가로 중앙 */
  align-items: center;     /* 세로 중앙 */
  height: 100%;
 }
.banner1_inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
 }
  .banner1_inner img{
  display: block;
  width: 170px;
  height: 170px;
  flex-shrink: 0;
  margin: 0 auto;
  margin-bottom: 40px;
}
.banner1_inner p{
  display: inline-block;
  font-size: 2.5rem;
  letter-spacing: 0.05em;
  font-weight: 400;
  font-family: "Pretendard Variable";
  color: rgba(255, 255, 255, 0.60);
  line-height: 0;
}
.banner1_inner > span{
  display: block;
}
.banner1_inner > span:nth-of-type(1){
  font-family: "Paperlogy7";
  font-size: 7rem;
  letter-spacing: -0.016em;
  color: #fff;
}
.banner1_inner > span:not(:nth-of-type(1)){
  font-family: "Paperlogy3";
  font-size: 3rem;
  color: #fff;
  line-height: 1.3;
}
.banner1_inner > span:nth-of-type(2) b:nth-of-type(1){
  font-family: "Paperlogy7";
  color: #fff;
}
.banner1_inner > span:nth-of-type(2) b:nth-of-type(2){
  font-family: "Paperlogy7";
  color: #2EB6AA;
}
/* banner2 */
.banner2_inner p{
  color: rgba(51, 51, 51, 0.60);
}
.banner2 .banner2_inner > span:nth-of-type(1){
  color: #062C5D;
}
.banner2 .banner2_inner > span:nth-of-type(2) b:nth-of-type(1){
  font-family: "Paperlogy7";
  color: #062C5D;
}
.banner2 .banner2_inner > span:nth-of-type(2) b:nth-of-type(2){
  font-family: "Paperlogy7";
  color: #1D50A2;
}
.banner2 .banner2_inner > span:nth-of-type(2) b:nth-of-type(3){
  font-family: "Paperlogy7";
  color: #062C5D;
}
.banner2_inner > span:not(:nth-of-type(1)){
  font-family: "Paperlogy3";
  color: #333;
}
/* banner3 */
.bannerbox3 .banner3_innerbox{
  width: 65%;
  position: absolute;
  top: 25%;
  left: 50%;
  transform: translateX(-50%);
  padding: 5%;
  text-align: center;
  background: rgba(15, 15, 15, 0.50);
}
.bannerbox3 .banner3_innerbox > span{
  display: block;
}
.bannerbox3 .banner3_innerbox > span:nth-of-type(1){
  font-family: "Pretendard Variable";
  font-size: 2.5em;
  letter-spacing: 0.025em;
  color: rgba(255, 255, 255, 0.80);
}
.bannerbox3 .banner3_innerbox > span:nth-of-type(2){
  font-size: 7rem;
  font-family: "Paperlogy5";
  color: #fff;
}
.bannerbox3 .banner3_innerbox > span:nth-of-type(2) b:nth-of-type(1){
  font-family: "Paperlogy7";
  color: #418AFF;
}
.bannerbox3 .banner3_innerbox > span:nth-of-type(2) b:nth-of-type(2){
  font-family: "Paperlogy7";
  color: #FFD21F;
}
.bannerbox3 .banner3_innerbox >div{
  font-family: "Pretendard Variable";
  color: #fff;
  font-size: 3.2rem;
  line-height: 1.3;
  letter-spacing: -0.064em;
}
.bannerbox3 .banner3_innerbox >div b{
  color: #418AFF;
  font-weight: 800;
}
.bannerbox3 .banner3_innerbox >div  span:nth-of-type(2){
  font-weight: 700;
}
.banner1_line{
  display: block;
  background: rgba(255, 255, 255, 0.40);
  height: 1px;
  width: 100%;
}
/* 병원소개 */
.intro{
  background: url(../img/introduce_bg.png) no-repeat center/cover;
}
.intro_txt_inner{
  display: flex;
  flex-direction: column;
}
.intro_txt_inner > p{
  font-family: "Pretendard Variable";
  font-size: 2rem;
  color: #141414;
  opacity: 0.3;
  letter-spacing: 0.2em;
  font-weight: 400;
}
.txt_t{
  font-family: "Paperlogy4";
  font-size: 5rem;
  letter-spacing: 0.005em;
  line-height: 1.3;
}
.txt_t b:nth-of-type(1){
  font-family: "Paperlogy7";
}
.txt_t b:nth-of-type(2){
  font-family: "Paperlogy7";
  color: #1E58A3;
}
.txt_b {
  font-family: "Pretendard Variable";
  color: #141414;
  opacity: 0.6;
  font-size: 2.5rem;
  letter-spacing: -0.005em;
  line-height: 1.6;
}
/* 둘러 보기 */
.tour_swiper .swiper-slide{
  width: auto;
  height: auto;
  line-height: 0;
  max-width: 85%;
}
.tour_pagination{
  text-align: center;
  margin-top: 50px;
}
.tour_swiper .swiper-slide img {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;
}
.tour_pagination .swiper-pagination-bullet{
  background: #000;
  opacity: 1;
}
.tour_pagination .swiper-pagination-bullet-active{
  background: #C3C3C3;
}
.place {
  position: relative;
  background: url(../img/intro_bg.png) no-repeat center/cover;
}
.place::after{
  content: 'HEUKSEOK METRO ORTHOPEDIC CLINIC HEUKSEOK METRO ORTHOPEDIC CLINIC HEUKSEOK METRO ORTHOPEDIC CLINICHEUKSEOK METRO ORTHOPEDIC CLINIC\A HEUKSEOK METRO ORTHOPEDIC CLINIC HEUKSEOK METRO ORTHOPEDIC CLINIC HEUKSEOK METRO ORTHOPEDIC CLINICHEUKSEOK METRO ORTHOPEDIC CLINIC\A HEUKSEOK METRO ORTHOPEDIC CLINIC HEUKSEOK METRO ORTHOPEDIC CLINIC HEUKSEOK METRO ORTHOPEDIC CLINICHEUKSEOK METRO ORTHOPEDIC CLINIC';
  display: block;
  width: auto;
  /* height: 200px; */
  color: rgba(255, 255, 255, 0.20);
  font-family: "PretendardVariable";
  font-size: 11rem;
  font-weight: 800;
  white-space: pre;
  position: absolute;
  bottom: -15px;
  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%);
  }
}
/* doc */
.main_tit::before{
  font-family: "Pretendard Variable";
  content: 'HEUKSEOK METRO INTRODUCTION';
  display: block;
  text-transform: uppercase;
  font-size: 2rem;
  font-weight: 500;
  color: #1D50A2;
  letter-spacing: 0.025em;
}
.main_tit{
  font-family: "Paperlogy7";
  font-size: 5rem;
  letter-spacing: -0.025em;
}
.main_tit b{
  color: rgba(1, 1, 1, 0.15);
}
.main_tit b .copy{
  color: rgb(0, 0, 0);
}
.doc_wrap{
  display: flex;
}
.doc_left, .doc_right{
  flex: 1;
}
.doc_left{
  position: relative;
  background: #CFCFCF;
}
.doc_left.doc2{
  background: #727171;
}
.doc_left img{
  position: absolute;
  display: block;
  bottom: 0;
}
.doc_right{
  background: #F8F8F8;
  padding: 5rem;
}
.doc_right .first > div:nth-child(1){
  font-family: "Paperlogy7";
  font-size: 5.2rem;
}
.doc_right .first > div:nth-child(1) i{
  font-size: 3rem;
  color: #00388F;
  font-family: "Pretendard Variable";
  font-weight: 600;
}
.doc_right .first > div:nth-child(2){
  font-family: "Pretendard Variable";
  font-size: 2rem;
  font-weight: 500;
}
.doc_right .before{
  display: inline-block;
  width: 4px;
  height: 29px;
  flex-shrink: 0;
  border-radius: 20px;
  background: linear-gradient(0deg, #1E52A2 0%, #1E52A2 100%), linear-gradient(0deg, #062C5D 0%, #062C5D 100%), #00388F;
}
.doc_right .second > div:nth-child(1),
.doc_right .third > div:nth-child(1),
.doc_right .forth > div:nth-child(1){
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "Paperlogy";
  font-size: 3rem;
  font-weight: 600;
}
.doc_right .second > div:not(:nth-child(1)),
.doc_right .third > div:not(:nth-child(1)){
  font-family: "Pretendard Variable";
  font-size: 1.8rem;
  line-height: 1.5;
  font-weight: 500;
}
.doc_right .forth > div:not(:nth-child(1)){
  font-family: "Pretendard Variable";
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
}
.doc2_w .forth{
  margin-bottom: 15vh;
}
.doc3_w .forth{
  margin-bottom: 20vh;
}
/* 진료과목 */
.title1_tab, .title2_tab{
  width: 100%;
}
.title1_tab ul, .title2_tab ul{
  display: flex;
}
.title1_tab ul > li, .title2_tab ul > li{
  flex: 1;
  text-align: center;
  font-family: "Paperlogy7";
  border: 1px solid #6F7173;
  color: #727171;
  font-size: 3.5rem;
  letter-spacing: -0.0175em;
  line-height: 1.8;
  cursor: pointer;
  display: flex;
    align-items: center;
    justify-content: center;
}
.title1_tab ul > li.on, .title2_tab ul > li.on{
  background: #062C5D;
  border: none;
  color: #fff;
}
.title1_bg_wrap, .title2_bg_wrap{
  position: relative;
  overflow: hidden;
  padding-top: 130px;
  width: 100%;
  
}
.title1_bg_wrap .bg-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 85%;
  background: url('../img/title1_bg_1.png') no-repeat center / cover;
  z-index: -1;
}

.title1_wrap, .title2_wrap{
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
}
.title1_txt{
  width: 70%;
  margin: 0 auto;
  text-align: center;
}
.title1_txt>div:nth-child(1){
  font-family: "Paperlogy7";
  font-size: 5rem;
  letter-spacing: -0.025em;
  color: #062C5D;
}
.title1_txt>div:nth-child(2){
  font-size: 2.7rem;
  font-family: "Pretendard Variable";
  letter-spacing: -0.054em;
  line-height: 1.4;
}
.title1_txt>div:nth-child(2) b{
  font-size: 2.8rem;
  line-height: 2;
}
.title1_txt>div:nth-child(2) >div >div{
  display: flex;
  justify-content: center;
  gap: 50px;
}
.title1_txt>div:nth-child(2) >div span{
  display: block;
}
.ul_wrap {
  display: flex;
  align-items: center;
  position: relative;
  width: fit-content;
  margin: 0 auto;
}
.ul_wrap .ul {
  display: flex;
  align-items: center;
  gap: 60px;
  background: #fff;
  border: 2px solid #062C5D;
  border-radius: 100px  100px 100px;
  height: 70px;
  padding: 0 40px;
  font-family: "Paperlogy7";
  font-size: 2.6rem;
  color: #505050;
  
}
.ul_wrap .ul > div {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.ul_wrap .ul > div:first-child {
  width: 150px;
}
.s7 .ul > div:first-child {
  width: 200px;
}
.ul_wrap .ul > div::before {
  content: '';
  background: url(../img/title1_check.png) no-repeat center/contain;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  display: inline-block;
  aspect-ratio: 1/1;
}
.title1_wrap .ul_wrap .first::before{
  display: none;
}
.title1_wrap .ul_wrap>div:first-child{
  position: absolute;
  left: -2px;
  background: #062C5D;
  width: 18%;
  height: 100%;
  border-radius: 100px 0px 0px 100px;
}
.ul_wrap .first {
  background: #062C5D;
  color: #fff;
  font-family: "Pretendard Variable";
  font-size: 3.2rem;
  font-weight: 900;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px 0 0 100px;
  padding: 0 40px;
  height: 70px;
  white-space: nowrap;
  z-index: 1;
}
.title1_bot{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0px;
}
.title1_bot > div{
  font-family: "Paperlogy7";
  font-size: 4rem;
  color: #fff;
  flex: 1;
  height: 320px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.title1_bot > div:nth-child(1){
  background: url(../img/title_bot1.png) no-repeat center/cover;
  border-radius: 30px 0px 0px 30px;
}
.title1_bot > div:nth-child(2){
  background: url(../img/title_bot2.png) no-repeat center/cover;
}
.title1_bot > div:nth-child(3){
  background: url(../img/title_bot3.png) no-repeat center/cover;
}
.title1_bot > div:nth-child(4){
  background: url(../img/title_bot4.png) no-repeat center/cover;
  border-radius: 0px 30px 30px 0px;
}
.title1_bot.s2> div:nth-child(1){
  background: url(../img/title_bot5.png) no-repeat center/cover;
  border-radius: 30px 0px 0px 30px;
}
.title1_bot.s2> div:nth-child(2){
  background: url(../img/title_bot6.png) no-repeat center/cover;
}
.title1_bot.s2> div:nth-child(3){
  background: url(../img/title_bot7.png) no-repeat center/cover;
}
.title1_bot.s2> div:nth-child(4){
  background: url(../img/title_bot8.png) no-repeat center/cover;
  border-radius: 0px 30px 30px 0px;
}
.title1_bot.s3> div:nth-child(1){
  background: url(../img/title_bot9.png) no-repeat center/cover;
  border-radius: 30px 0px 0px 30px;
}
.title1_bot.s3> div:nth-child(2){
  background: url(../img/title_bot10.png) no-repeat center/cover;
}
.title1_bot.s3> div:nth-child(3){
  background: url(../img/title_bot11.png) no-repeat center/cover;
}
.title1_bot.s3> div:nth-child(4){
  background: url(../img/title_bot12.png) no-repeat center/cover;
  border-radius: 0px 30px 30px 0px;
}
.title1_bot.s4> div:nth-child(1){
  background: url(../img/title_bot13.png) no-repeat center/cover;
  border-radius: 30px 0px 0px 30px;
}
.title1_bot.s4> div:nth-child(2){
  background: url(../img/title_bot14.png) no-repeat center/cover;
}
.title1_bot.s4> div:nth-child(3){
  background: url(../img/title_bot15.png) no-repeat center/cover;
}
.title1_bot.s4> div:nth-child(4){
  background: url(../img/title_bot16.png) no-repeat center/cover;
  border-radius: 0px 30px 30px 0px;
}
.title1_bot.s5> div:nth-child(1){
  background: url(../img/title_bot17.png) no-repeat center/cover;
  border-radius: 30px 0px 0px 30px;
}
.title1_bot.s5> div:nth-child(2){
  background: url(../img/title_bot18.png) no-repeat center/cover;
}
.title1_bot.s5> div:nth-child(3){
  background: url(../img/title_bot19.png) no-repeat center/cover;
}
.title1_bot.s5> div:nth-child(4){
  background: url(../img/title_bot20.png) no-repeat center/cover;
  border-radius: 0px 30px 30px 0px;
}
.title1_bot.s6> div:nth-child(1){
  background: url(../img/title_bot21.png) no-repeat center/cover;
  border-radius: 30px 0px 0px 30px;
}
.title1_bot.s6> div:nth-child(2){
  background: url(../img/title_bot22.png) no-repeat center/cover;
}
.title1_bot.s6> div:nth-child(3){
  background: url(../img/title_bot23.png) no-repeat center/cover;
}
.title1_bot.s6> div:nth-child(4){
  background: url(../img/title_bot24.png) no-repeat center/cover;
  border-radius: 0px 30px 30px 0px;
}
.title1_bot.s7> div:nth-child(1){
  background: url(../img/title_bot25.png) no-repeat center/cover;
  border-radius: 30px 0px 0px 30px;
}
.title1_bot.s7> div:nth-child(2){
  background: url(../img/title_bot26.png) no-repeat center/cover;
}
.title1_bot.s7> div:nth-child(3){
  background: url(../img/title_bot27.png) no-repeat center/cover;
}
.title1_bot.s7> div:nth-child(4){
  background: url(../img/title_bot28.png) no-repeat center/cover;
  border-radius: 0px 30px 30px 0px;
}
/* title2 */
.title2_bg_wrap .bg-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 85%;
  background: url('../img/title2_bg_1.png') no-repeat center / cover;
  z-index: -1;
}
.title2_txt, .title2_txt>div:nth-child(1){
  color: #fff;
}
.title2_bot {
  display: flex;
  gap: 30px;
  justify-content: center;
  flex-wrap: wrap;
}
.title2_bg_wrap .title2_bot > div {
  aspect-ratio: 1 / 1;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #062C5D;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: "Pretendard Variable";
  font-size: 4rem;
  font-weight: 600;
  color: #fff;
}
.title2_bg_wrap .title2_bot > div:nth-of-type(2), .title2_bg_wrap .title2_bot > div:nth-of-type(4){
  background: #6F7173;
}
/* way */
.way{
  background: #F2F2F2;
}
.root_daum_roughmap .wrap_controllers, .map_wrap .root_daum_roughmap .cont{
  display: none;
}
.way_bottom{
  font-family: "Paperlogy6";
  background: #fff;
  border: 2px solid #062C5D;
  display: flex;
  color: #555;
  font-weight: 600;
}
.way_left{
  display: flex;
  flex-direction: column;
  gap: 150px;
  width: 25%;
  background: #062C5D;
  padding: 15px;
  color: #fff;
  font-size: 3.2rem;
}
.way_right{
  padding: 15px;
}
.way_left ul li{
  display: flex;
  align-items: center;
  gap: 10px;
}
.location_img{
  height: 305px;
  margin-bottom: 40px;
  border: 2px solid #062C5D;
}
.way_bottom{
  position: relative;
  z-index: 1;
  padding: 20px;
}
.way_bottom::before{
  content: '';
  background: #062C5D;
  width: 18%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.way_ul_first {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.way_ul_first li {
  display: flex;
  align-items: flex-start;
  gap: 230px;
}
.way_label {
  display: flex;
  align-items: center;
  gap: 15px;
  width: 80px;
  font-weight: bold;
  color: #fff;
  flex-shrink: 0;
}
.way_text {
  flex: 1;
}
.way_text>div{
  display: flex;
  gap: 4vw;
  align-items: center;
}
.way_text div {
  margin-bottom: 4px;
}
.way_small {
  font-size: 2.2rem;
}
.way_txt{
  font-size: 3.2rem;
}
.bl{
  color: #1D50A2;
}
.way_text span, .way_text>div.except span{
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 20px;
  background: #062C5D;
  width: 150px;
  padding: 0px 20px;
  height: 40px;
  color: #fff;
}
.way_text>div.except{
  gap: 5px;
}
.doc_left.short{
  height: 950px;
}