@charset "utf-8";
        @import url("https://fonts.googleapis.com/css2?family=Abhaya+Libre:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap");
        @import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
        @import url(//fonts.googleapis.com/earlyaccess/nanumpenscript.css);
   @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
   @font-face {
font-family: 'HakgyoansimWoojuR';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-2@1.0/HakgyoansimWoojuR.woff2') format('woff2');
font-weight: normal;
font-style: normal;
    }
   @font-face {
font-family: 'HCRDotum';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.0/HCRDotum.woff') format('woff');
font-weight: normal;
font-style: normal;
    }
   @font-face {
font-family: 'EASTARJET-Medium';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_231029@1.1/EASTARJET-Medium.woff2') format('woff2');
font-weight: normal;
font-style: normal;
    }


@font-face {
     font-family: 'S-CoreDream-3Light';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}






























        /* color */
        :root {
          --primary-color: #55433b;
          --secondary-color: #cab3a8;
          --tertiary-color: #ff836f;
          --primary-text-color: #333;
          --secondary-text-color: #828282;
          --stroke-color: #b6b6b6;
          --box-border-color: #dcdcdc;
          --bg-gray-color: #eeeeee;
          --bg-color: #fffdf8;
          --white-color: #fff;
          --footer-border: #777;
          --footer-gray-color: #474747;
          --nav-color: #78645c;
          --tabs-bg-color: #cab3a8;
          --price-color:#C2ACA3;
        }








        /* margin */
        .mb8 {
          margin-bottom: 0.8rem;
        }
        .mb12 {
          margin-bottom: 1.2rem;
        }
        .mb16 {
          margin-bottom: 1.6rem;
        }
        .mb24 {
          margin-bottom: 2.4rem;
        }
        .mb32 {
          margin-bottom: 3.2rem;
        }
        .mb40 {
          margin-bottom: 4rem;
        }
        .mb50 {
          margin-bottom: 5rem;
        }
        .mt50 {
          margin-top: 5rem;
        }








        /* °øÅë CSS */








        /* container */




        .container {
        display:flex;
        justify-content: center;
        background: var(--bg-gray-color);
        width:100%;
        max-width: 100%;
        height: 100vh;
        }




        .main_wrapper {
        background-color: var( --bg-color);
        position: relative;
        width:100%;
        max-width: 104rem;
        height: 100vh;
        }












        /* ¿À¸¥ÂÊ-¹è³Ê CSS */
        .banner {
        display: flex;
        justify-content: center;
        width: 100%;
        max-width: 560px;
        margin-top: 300px;
        padding: 0 5.2rem;
        }
        .banner img {
        width: 30%;
        max-width: 460px;
        position: fixed;
        padding: 20px;
        }
























        /* header CSS */
        .nav {
        position: sticky;
        top:0;
        z-index:100;
        background: var(--white-color);
        width: 100%;
        }




        .header {
          width: 100%;
          max-width: 100%;
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 2rem 2.8rem 5rem;
          background: var(--white-color);
        }
        .hamburger_bar {
          width: 33%;
        }
























        .hamburger_bar img {
          width: 3rem;
     cursor: pointer;
        }
        .header h1 {
          width: 33%;
            font-family: 'S-CoreDream-3Light';
          font-size: 3.6rem;
          font-weight: 600;
          color: var(--primary-color);
          text-align: center;
        }
        .header h1 img {
          width: 22rem;
            margin: 0 auto;
        }




        .header_ico_link {
          width: 33%;
          display: flex;
          justify-content: end;
          align-items: center;
        }
        .header_ico_link img {
          width: 3.6rem;
          margin-left: 1.2rem;
        }


        .kakao_link {
          width: 33%;
          display: flex;
          justify-content: end;
          align-items: center;
        }
        .kakao_link a {
          display: flex;
          justify-content: center;
          align-items: center;
          border: 1px solid var(--primary-color);
          border-radius: 50px;
          padding: 0.8rem 1.6rem;
        }
        .kakao_link img {
          width: 2rem;
          margin-right: 0.4rem;
        }
        .kakao_link span {
          color: var(--primary-color);
          font-size: 1.8rem;
          text-align: center;
          line-height: 1.5;
        }




     /* Çܹö°Å¹Ù Ŭ¸¯ CSS */


      #hamburgerMenu {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: var(--bg-color);
      }
      .hamburger_header {
        display: flex;
        justify-content: space-between;
        font-family: "Abhaya Libre", serif;
        font-size: 4.4rem;
        font-weight: 700;
        color: var(--primary-color);
        background: var(--white-color);
        cursor: pointer;
        padding: 2.2rem 5rem;
      }
       .hamburger_header h1 a img {
  width:100%;
  max-width: 22rem;
 }
      .btn_close {
        width: 100%;
         max-width: 2.6rem;
      }




      .hamburger_menu {
        margin-bottom: 3rem;
      }
      .hamburger_menu h4 {
        background: var(--primary-color);
        color: var(--white-color);
        font-size: 2rem;
        font-weight: 700;
        padding: 2rem 5rem;
        margin-bottom: 2.4rem;
      }
      .hamburger_menu a {
        display: block;
        padding: 0 5rem;
        color: var(--primary-text-color);
        font-size: 1.8rem;
        line-height: 2;
      }








        /* header-tab CSS */
        .main_nav {
                width: 100%;
                max-width: 100%;
                background: var(--white-color);
           display: flex;
           margin-bottom: 2px;
              }
              .main_nav ul {
                display: flex;
                align-items: center;
                color: var(--footer-gray-color);
                 width: 100%;
              }
              .main_nav ul li {
                flex: 1;
                font-size: 2rem;
                font-weight: 500;
                padding: 2rem;
                position: relative;
                cursor: pointer;
                display: inline-block;
              }
        .main_nav a {
          display: block;
          text-align: center;
        }




              .menu li a:hover {
                color: #78645C;
                transition: 0.3s ease-in;
              }
              .menu li a:hover::before {
                content: "";
                position: absolute;
                bottom: -2px;
                left: 50%;
                transform: translateX(-50%);
                width: 100%;
                height: 4px;
                background-color: #78645C;
              }
        .active{
          color: #78645C;
        }
        .active::before {
          content: "";
          position: absolute;
          bottom: -2px;
          left: 50%;
          transform: translateX(-50%);
          width: 100%;
          height: 4px;
          background-color: #78645C;
        }












        /* footer CSS */




        .footer{
          width: 100%;
          color: var(--footer-gray-color);
          border-top: 1px solid var(--footer-gray-color);
          background-color: var(--bg-color);
          padding: 4rem 0 0 7.5rem;
        }








        .footer .footer_link a {
            font-size: 1.6rem;
            font-weight: 600;
            margin-right: 1.2rem;
        }
        .footer_clinic_info {
          margin-top: 1.6rem;
          padding: 0 0 5rem 0;
        }
        .footer p {
          font-size: 1.4rem;
          padding: 0.8rem 0;
        }








        /* quick_menu CSS */




        .quick_menu{
          position: fixed;
          right: 1.2rem;
          bottom: 1.2rem;
          display: inline-block;
     z-index: 100;
        }
        .quick_menu a {
          display: flex;
          align-items: center;
          margin: 0.8rem 0.4rem;
          padding: 1.2rem 1.6rem;
          font-size: 1.4rem;
          color: var(--primary-color);
          border: 1px solid var(--primary-color);
          border-radius: 20px;
          background: var(--bg-color);
        }
        .quick_menu a img {
          width: 1.8rem;
          margin-right: 0.8rem;
        }














        /* ¸ÞÀÎ ÆäÀÌÁö_1 CSS */




      .swiper-slide{
        width: 100%;
      }


.swiper-button-next, .swiper-button-prev {


color : white !important;
}












        /* ¸ÞÀÎ ÆäÀÌÁö_2 CSS */
        .main_content_2 {
           padding: 5rem 0;
           background: var(--bg-color);
           width:100%;
           max-width:100%;
        }
        .main_title {
            text-align: center;
            color: var(--primary-text-color);
            line-height:1.3;
          }
        .main_title h3 {
            font-size: 3.6rem;
            font-family: "Abhaya Libre", serif;
            font-weight: 800;
          }
        .main_title p {
            font-size: 1.8rem;
          }
        .procedure_content_wrapper {
            display: grid;
             grid-template-columns: repeat(4,1fr);
            justify-content: center;
            align-items: start;
             gap: 1.2rem;
            margin:4rem;
          }




        .procedure_content{
            text-align: center;
            line-height:1.3;
            margin: 0 auto;
        }
          .procedure_content img {
            margin-bottom:2rem;
          }
          .procedure_content strong {
            font-size: 1.8rem;
            font-weight: 500;
          }
          .procedure_content p {
            font-size: 1.4rem;
            font-weight: 300;
          }












        /* ¸ÞÀÎ ÆäÀÌÁö_3 CSS */
            .main_content_3{
             background: var(--bg-color);
             color: var(--primary-text-color);
             padding: 5rem 0;
              width:100%;
              max-width:100%;
            }
            .main_content_3 h3 {
              font-family: "Nanum Myeongjo", serif;
              font-size: 3.2rem;
              font-weight: 800;
             text-align: center;
             margin-bottom: 4.2rem;
            }
            .main_content_3_slide {
              position: relative;
            }
            .main_content_3_slide .main_img {
              position: relative;
              width: 100%;
              max-width: 100%;
            }








            .btn_arrow_main_content_3 .btn_arrow_left {
              position: absolute;
              left: 5px;
              top: 50%;
              transform: translateY(-50%);
              z-index: 10;
              width: 6rem;
            }
            .btn_arrow_main_content_3 .btn_arrow_right {
              position: absolute;
              right: 5px;
              top: 50%;
              transform: translateY(-50%);
              z-index: 10;
              width: 6rem;
            }








            .main_content_3_slide {
        width: 100%;
        height: 380px;
            }
            .main_content_3_slide .main_img {
        text-align: center;
            }








            .main_content_3_slide .main_img img {
        width: 100%;
        height: 380px;
        object-fit: cover;
            }
















        /* ¸ÞÀÎ ÆäÀÌÁö_4 CSS */
            .main_content_4 {
              background: var(--bg-color);
              color: var(--primary-text-color);
              padding: 5rem 0;
               width:100%;
               max-width:100%;
            }
            .main_content_4 h3 {
              font-family: "Abhaya Libre", serif;
              font-size: 3.6rem;
              font-weight: 800;
              text-align: center;
              margin: 0 0 3.2rem;
            }
            .main_content_4_event {
              padding: 0 7rem 0;
            }
            .main_event_content {
              width: 100%;
              max-width: 100%;
              background: var(--white-color);
              padding: 2.6rem;
              display: flex;
              justify-content: space-between;
              align-items: center;
              border: 2px solid var(--box-border-color);
        margin-bottom: 3.2rem;
            }
            .main_event_content .event_btn .reserve {
              display: none;
            }
























        /* ¸ÞÀÎ ÆäÀÌÁö_5 CSS */
              .main_content_5 {
                background: var(--bg-color);
                color: var(--primary-text-color);
                padding: 5rem 0;
                font-size: 1.6rem;
            width:100%;
            max-width:100%;
              }
              .main_map h3 {
                font-family: "Nanum Myeongjo", serif;
                font-size: 3.2rem;
                font-weight: 800;
                text-align: center;
                margin-bottom: 4.2rem;
              }
              .map {
     width: 100%;
                display: flex;
                justify-content: center;
                align-items: center;
                   padding-bottom: 5rem;
            background: var(--bg-color);
margin: 0 auto;
              }
              .info_wrapper {
                margin: 0 7.7rem 5rem 7.7rem;
              }
              .clinic_text {
                font-family: "Nanum Myeongjo", serif;
                font-size: 1.8rem;
                color: var(--footer-gray-color);
                margin-bottom: 2.4rem;
              }
              .clinic_info_title {
                   display: inline-block;
                font-weight: 600;
                color: var(--footer-gray-color);
                width: 100%;
                   max-width: 9rem;
              }
              .clinic_info_tel {
                color: var(--price-color);
                font-weight: 600;
              }
              .time {
                margin: 2rem 0;
                 display:flex;
              }
       .add {
                 display:flex;
     line-height: 1.3;
     }
       .add p {
margin-top:0.8rem;
font-size:1.4rem;
font-weight: 300;
color: var(--footer-gray-color);
     }
              .time_weekday,.time_weekend {
                margin-bottom: 0.6rem;
              }
              .time_weekday span,.time_weekend span {
                font-size: 1.6rem;
                font-weight: 300;
                color: var(--footer-gray-color);
              }
              .time_weekday strong,.time_weekend strong, .add strong  {
                font-size: 1.6rem;
                font-weight: 600;
                color: var(--footer-gray-color);
              }
              .time_weekday p,.time_weekend p  {
                font-size: 1.4rem;
                font-weight: 300;
                color: var(--footer-border);
                margin-top: 0.6rem;
              }
              .time_weekend .time_weekend_point {
            display: inline-block;
                background: var(--footer-border);
                color: var(--white-color);
                font-size: 1.4rem;
                font-weight: 500;
                padding: 0.6rem;
           text-align: center;
              }














/* ÁöÇÏö ÀÌ¿ë½Ã */
.SubwayWrapper {
      width:100%;
   max-width:100%;
   background-color:#FFFFFF;
   border: 2px solid var(--box-border-color);
   padding:2rem;
   margin-top: 4rem;
}
.usingSubway {
   display: flex;
   justify-content: space-between;
}
.usingSubwayTitle {
   display: flex;
   align-items: center;
}
.usingSubwayTitle img {
   width:100%;
   max-width:4rem;
   margin-right: 2rem;
}
.arrow_position_right {
   display: flex;
   align-items: center;
}
.subwayContent {
   display: flex;
   width: 100%;
   align-items: center;
}
.usingSubwayTitle span {
   font-size:2rem;
   font-weight: 600;
}
.subwayLine {
   display: flex;
   width:100%;
   align-items: center;
}
.subwayLine .ico_subway {
   width:100%;
   max-width: 8rem;
   margin-right: 2.4rem;
}
.subwayLine strong {
   font-size:1.6rem;
   font-weight: 600;
   color: #272727;
}
.subwayLine span {
   font-size:1.6rem;
   font-weight: 400;
   color: #474747;
}
.subwayLine .arrow_right {
   margin: 0 1.2rem;
}






























        /* À̺¥Æ® ÆäÀÌÁö CSS */
            .event_content {
              padding: 5rem 7rem;
           background:var(--bg-color);
            }








            .main_content_4_event {
              padding: 5rem 7rem;
            }
            .event_price_content {
              width: 100%;
              max-width: 100%;
              background: var(--white-color);
              padding: 2.6rem;
              display: flex;
              justify-content: space-between;
              align-items: center;
       gap: 1rem;
              border: 2px solid var(--box-border-color);
              margin-bottom: 3.2rem;
            }
            .ico_event {
              display: flex;
              align-items: center;
              font-size: 1.4rem;
              color: var(--white-color);
            }
            .ico_event span {
              background: var(--primary-color);
              margin: 0 0.8rem 1.2rem 0;
              padding: 0.4rem 0.6rem;
            }
            .event_content_info h4 {
              font-size: 1.8rem;
              font-weight: 700;
              color: var(--footer-gray-color);
       padding-bottom: 1.2rem;
       line-height: 1.3;
            }
            .event_content_info p {
              font-size: 1.4rem;
              padding: 0 0 1.2rem 0;
              color: var(--footer-border);
              line-height: 1.3;
            }
            .event_content_info strong {
              font-size: 1.8rem;
              padding: 1.2rem 0;
              color: var(--price-color);
              font-weight: 700;
            }
            .event_btn {
                width: 100%;
       max-width: 8em;
              font-size: 1.6rem;
              text-align: center;
            }
            .event_btn .reserve {
              color: var(--white-color);
              background: var(--primary-color);
              margin-bottom: 1.2rem;
              padding: 0.8rem 1.2rem ;
              display: block;
            }
            .event_btn .event_view {
              color: var(--primary-color);
              border: 1px solid var(--primary-color);
              background: var(--white-color);
              padding: 0.8rem 1.2rem ;
              display: block;
            }




































/* ÀÚ¼¼È÷º¸±â CSS */




          .readMore_title_wrapper {
            width: 100%;
            max-width: 100%;
            position: relative;
          }




          .readMore_title_wrapper img {
            object-fit: cover;
          }
          .readMore_text {
              width: 100%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
            color: var(--footer-gray-color);
          }
          .readMore_text h6 {
            font-size: 3.2rem;
            font-weight: 700;
          }
          .readMore_text .readMore_subTitle {
            font-size: 1.6rem;
            font-weight: 400;
              line-height: 1.3;
              padding: 0 6rem;
   margin-top: 2rem;
          }
          .listPrice {
            text-decoration: line-through;
            color: var(--footer-border)
          }
          span.listPrice {
            font-size: 1.4rem;
            margin-right: 0.8rem;
          }
















          .treatmentInfo_title_wrapper {
            width: 100%;
            max-width: 100%;
            position: relative;
 margin-top: 3rem;
          }
          .treatmentInfo_title_wrapper img {
            object-fit: cover;
          }
          .treatmentInfo_text {
              width: 100%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
            color: var(--footer-gray-color);
       text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
          }
          .treatmentInfo_text h6 {
            font-size: 3.2rem;
            font-weight: 700;
     margin-bottom:2rem;
          }
          .treatmentInfo_text .treatmentInfo_subTitle {
            font-size: 1.6rem;
            font-weight: 400;
              line-height: 1.3;
          }




.treatment_info {
   background: var(--bg-color);
}
.readMore_treatment_info {
   padding: 5rem 0rem;
   border-bottom: 1px solid var(--box-border-color);
   width: 85%;
   margin: 0 auto;
}
.readMore_treatment_info h3 {
   font-size: 2.4rem;
   font-weight:700;
   color: var(--primary-color);
   margin-bottom: 2.4rem;
}
.readMore_treatment_info h3::before {
   display: inline-block;
   content: "";
   width: 3px;
   height: 18px;
   background: var(--primary-color);
   margin-right: 0.8rem;
}
.readMore_treatment_info p {
   font-size: 1.6rem;
   color: var(--footer-gray-color);
   margin-bottom: 1.6rem;
   line-height: 1.3;
}




.treatment_info_7 p {
   line-height: 1;
   margin-bottom: 0;
}
.treatment_info_7 .question {
   font-size: 2rem;
   font-weight: 600;
   padding-bottom: 1.2rem;
}
.treatment_info_7 .answer {
   margin-bottom: 3.2rem;
   color:var(--nav-color);
}
.treatment_info_8 {
   border-bottom: none;
}






























        /* ¼Ò°³ ÆäÀÌÁö CSS */
                .clinic_introduce {
                  background: var(--bg-color);
                }
                .clinic_introduce_img1 {
           margin-bottom: 12rem;
                }
                .clinic_introduce_img1 h3 {
                  font-family: "Nanum Myeongjo", serif;
                  font-size: 3.2rem;
                  font-weight: 800;
                  color: var(--primary-text-color);
                  text-align: center;
                  margin-top: 12rem;
                }
                .clinic_img_wrapper {
                  width: 100%;
                  height: 500px;
                }
                .clinic_introduce_img1 img {
                  width: 100%;
                  height: 500px;
                  object-fit: cover;
           margin: 6rem 0;
                }
                .clinic_introduce_text {
                  text-align: left;
                  padding: 0 5rem;
           margin-bottom:12rem;
                }
                .clinic_introduce_text h3 {
                  font-family: "Nanum Myeongjo", serif;
                  font-size: 3.2rem;
                  font-weight: 800;
                  color: var(--primary-text-color);
                  margin-bottom: 3.6rem;
                }
                .clinic_introduce_text p {
                  color: var(--primary-text-color);
                  font-size: 1.6rem;
                  line-height: 1.5;
                }
                .clinic_introduce_text p strong {
                  font-weight: 800;
                }








                .clinic_introduce_step {
                  text-align: center;
                  background: var(--bg-color);
                }
                .clinic_introduce_step h3 {
                  color: var(--primary-text-color);
                  font-size: 3.2rem;
                  font-weight: 500;
                  margin-bottom: 6rem;
                }
                .clinic_introduce_step h3 strong {
                  font-weight: 800;
                }








                .step_wrapper {
                  display: flex;
                  align-items: center;
                  justify-content: center;
           margin-bottom:12rem;
                }
                .step {
                  width: 18rem;
                  height: 18rem;
                  border-radius: 50%;
            display:grid;
                  align-items: center;
                  justify-content: center;
                  margin: 0 2rem;
                }
                .step img{
                  margin: 0 auto;
                }
                .step_1 img{
                  width: 85%;
                }
                .step_2 img{
                  width: 85%;
                }
                .step_3 img{
                  width: 65%;
                }
                .step_4 img{
                  width: 60%;
                }
                .step p{
                  font-size: 1.4rem;
                  line-height: 1.3;
                  color:var(--white-color);
                  margin-top: 1.2rem;
                }
                .step:nth-child(odd) {
                  background: var(--tabs-bg-color);
                }
                .step:nth-child(even) {
                  background: var(--primary-color);
                }
          .clinic_introduce_img2{
        padding-bottom: 6rem;
                  background: var(--bg-color);
              }
          .clinic_introduce_img2 img{
                  width: 100%;
                  height: 40rem;
                  object-fit: cover;
           margin: 6rem 0;
              }
























        /*¼Ò°³ ÆäÀÌÁö - ÀÇ·áÁø ¼Ò°³*/
                .doctor_introduce {
                  background: var(--bg-color);
                  margin-top: 12rem;
                  padding: 0 5rem;
                }
                .doctor_introduce h3 {
                  font-family: "Nanum Myeongjo", serif;
                  font-size: 3.2rem;
                  font-weight: 800;
                  text-align: center;
                  margin: 12rem 0 6rem;
                  color: var(--primary-text-color);
 line-height: 1.3;
                }
                .dr {
                  display: flex;
            align-items: flex-end;
              padding-bottom: 6rem;
                }
                .dr_info_img {
                  width: 40rem;
                  height: 40rem;
                margin: 0 3.2rem;
                }
                .dr_info_img img {
                  width: 40rem;
                  height: 40rem;
                  object-fit: cover;
                }
                .dr_info_text h4 {
                  color: var(--primary-text-color);
                  font-size: 3.2rem;
                  font-weight: 800;
           margin-bottom:0.8rem;
                }
                .dr_info_text h4 span {
                  color: var(--primary-text-color);
                  font-size: 2.4rem;
                  font-weight: 800;
                }
                .dr_info2 {
                  justify-content: end;
            text-align: right;
                }
                .name_en {
                  color: var(--footer-border);
                  font-size: 1.8rem;
              margin-bottom:2.8rem;
                }
                .dr_text {
                  font-family: "Nanum Pen Script", cursive;
                  color: var(--footer-gray-color);
                  font-size: 2rem;
                }
























        /*¼Ò°³ ÆäÀÌÁö - ÀÇ·á±â±â ¼Ò°³*/
                .machine_introduce {
                  background: var(--bg-color);
                  margin-top: 12rem;
                  padding: 0 5rem;
                }
                .machine_introduce h3 {
                  font-family: "Nanum Myeongjo", serif;
                  font-size: 3.6rem;
                  font-weight: 800;
                  text-align: center;
                  margin: 12rem 0 6rem;
                  color: var(--primary-text-color);
                }
                .machine_info_wrapper{
                  display: grid;
                  grid-template-columns: 34rem 34rem;
           gap:6rem;
           justify-content: center;
                }
                .machine_img {
                  width: 100%;
                  height: 34rem;
                }
                .machine_img img {
                  width: 34rem;
                  height: 34rem;
                  object-fit: cover;
           margin: 0 auto;
                }
          .machine{
              text-align: center;
           padding-bottom: 6rem;
          }
                .machine_name {
                  width: 100%;
                  height: 5.2rem;
           line-height: 5.2rem;
                  background: var(--primary-color);
           margin-bottom:1.6rem;
                }
                .machine_name p {
                  color: var(--white-color);
                  font-size: 2.8rem;
                }
                .machine_text {
                  color: var(--primary-text-color);
                  font-size: 2rem;
                  font-weight: 600;
                  margin-bottom: 2.8rem;
                }
                .machine_content {
                  text-align: left;
                }
                .machine_content li {
                  display: flex;
                  color: var(--secondary-text-color);
                  font-size: 1.6rem;
                  vertical-align: middle;
           padding-bottom: 0.8rem;
                }
                .machine_content li img {
                  padding-right:0.8rem;
                }
















        /*¼Ò°³ ÆäÀÌÁö - ¿À½Ã´Â±æ ¼Ò°³*/
                .map_introduce {
                  background: var(--bg-color);
                  margin-top: 12rem;
                  padding: 0 5rem;
                }
                .map_introduce h3 {
                  font-family: "Nanum Myeongjo", serif;
                  font-size: 3.2rem;
                  font-weight: 800;
                  text-align: center;
                  margin: 12rem 0 6rem;
                  color: var(--primary-text-color);
                }
                .map_add {
                  text-align: center;
                  font-size: 1.6rem;
                  font-weight: 600;
                  color: var(--footer-gray-color);
                }
                .map_clinic_info {
                  display: flex;
                  justify-content: center;
                  text-align: left;
           margin-top: 5rem;
           padding-bottom: 5rem;
                }
                .map_clinic_info h5 {
                  font-size: 1.6rem;
                  font-weight: 600;
                  color: var(--footer-gray-color);
                  margin-right: 3rem;
                  display: inline-block;
                }
                .flex_left {
                  margin-right: 5rem;
                }
                .inquiry {
                  display:flex;
           jutify-content:center;
           align-items:center;
           margin-bottom: 1.2rem;
                }
                .inquiry span {
                  color: var(--price-color);
                  font-size: 1.6rem;
                  font-weight: 600;
                }
                .flex_left a {
                  font-size: 1.6rem;
                  font-weight: 600;
                  color: var(--footer-gray-color);
                }
                .flex_right {
                  display: flex;
                }
                .map_weekday span, .map_weekend span{
                  font-size: 1.6rem;
                  color: var(--footer-gray-color);
                  margin-right: 0.8rem;
                }
                .map_weekday, .map_weekend{
                  margin-bottom: 1.2rem;
                }
                .map_weekday strong, .map_weekend strong{
                  font-size: 1.6rem;
                  color: var(--footer-gray-color);
                  font-weight: 600;
                }
                .map_weekday p, .map_weekend p{
             font-size:1.4rem;
                  margin-top: 0.6rem;
 color: var(--footer-gray-color);
                }
                .map_weekend_point {
                  display: inline-block;
                  background: var(--footer-border);
                  color: var(--white-color);
                  font-size: 1.4rem;
                  font-weight: 500;
                  padding: 0.6rem;
                  text-align: center;
                }
                .lunch_time{
                  color: var(--footer-border);
                }
     .intro_map_info{
 padding: 0 5rem;
     }






































        /* ¼Ò°³ ÆäÀÌÁö - tabs */




        .intro_menu {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        text-align: center;
        border-top: solid 1px var(--footer-border);
        border-left: solid 1px var(--footer-border);
        background: var(--white-color);
        color: var(--footer-color);
        }
        .intro_menu li{
        border-right: solid 1px var(--footer-border);
        border-bottom: solid 1px var(--footer-border);
        }
        .intro_menu a {
        display: block;
        padding: 1.8rem 0;
        font-size: 1.6rem;
        }
 .intro_menu {
 color: var(--footer-gray-color);
   }
        .focus { 
background: var(--tabs-bg-color);
color: #fff
    }
























        /* ³»¿ë ȸ»ö ±¸ºÐ¼± */
        .under_line {
          width: 100%;
          height: 36px;
          background-color: var(--bg-gray-color);
        }






   /* Çܹö°Å ¹Ù */
    .hamburger_none {
      display: none;
      z-index: 100;
    }






































/* ¹ÝÀÀÇü */
@media (max-width: 1470px) {
  .banner {
    display: none;
  }
}




@media (max-width: 950px) {
  .header {
    padding: 2rem;
  }
  .hamburger_bar {
    width: 28%;
  }
  .header h1 {
    width: 60%;
     font-size: 3.2rem;
  }
  .kakao_link span {
    font-size: 1.4rem;
  }
  .main_content_3 h3 {
    font-size: 2.8rem;
  }
  .main_map h3 {
    font-size: 2.8rem;
  }
  .main_content_4 h3 {
    margin: 0;
  }
  .main_content_4_event {
    padding: 5rem;
  }
  .main_event_content {
    padding: 2.6rem 1.2rem 2.6rem 2.6rem;
  }
  .event_btn {
    margin-top: 1.4rem;
  }
  .step_wrapper {
    gap: 1.2rem;
  }
  .step {
    width: 16rem;
    height: 16rem;
    margin: 0 0.4rem;
  }
  .step img {
    width: 63%;
  }
  .step_1 img {
    width: 75%;
  }
  .step_2 img {
    width: 75%;
  }
  .step p {
    font-size: 1.2rem;
    letter-spacing: -1px;
    margin-top: 0.8rem;
  }
}






@media (max-width: 750px) {
  .map {
    width: 60rem;
  }
  .intro_menu a {
    font-size: 1.4rem;
  }
  .swiper-button-next:after, .swiper-button-prev:after  {
     font-size: 3rem !important;
   }
  .subwayLine {
display: block;
   }
  .subwayLine img {
margin-bottom: 1.2rem;
   }
   .subwayContent {
      display: block;
   }
   .arrow_position_right {
      display: flex;    
      align-items: center;
margin: 0 0 0.8rem;
   }
.usingSubwayTitle span {
font-size:1.8rem;
}
.subwayLine strong {
font-size:1.4rem;
}
.subwayLine span {
font-size:1.4rem;
}
.subwayLine .ico_subway {
max-width: 6rem;
}
}






@media (max-width: 620px) {
  .event_content_info {
    width: 100%;
    max-width: 30rem;
  }
.map_clinic_info h5 {
width: 6rem;
}
}




@media (max-width: 610px) {
  .header h1 {
    font-size: 3.2rem;
  }
  .hamburger_bar img {
    width: 2.4rem;
  }
  .header_ico_link a img {
    width: 3rem;
  }
  .map {
    width: 45rem;
  }
  .procedure_content_wrapper {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }
  .procedure_content {
    margin-bottom: 1.6rem;
  }
  .main_nav li {
    font-size: 2.6rem;
  }
  .procedure_content strong {
    font-size: 1.8rem;
  }
  .procedure_content p {
    font-size: 1.3rem;
    margin-top: 0.8rem;
  }
  .main_event_content {
    display: inline-block;
    padding: 2.6rem 1.2rem 2.6rem 2.6rem;
  }
  .event_btn {
    display: inline-block;
    margin-top: 1.4rem;
    width: 100%;
     max-width: 100%;
    font-size: 1.4rem;
  }
  .event_btn .reserve {
    margin-bottom: 1.2rem;
  }






  /* À̺¥Æ® ÅÇ & °¡°Ý ÅÇ */
  .intro_menu {
    grid-template-columns: repeat(3, 1fr);
  }
  .event_content {
    padding: 5rem;
  }
  .event_price_content {
    display: block;
  }
  .event_content_info {
    width: 100%;
  }
  .event_content_info h4 {
    line-height: 1.3;
  }




  /* ¼Ò°³ ÅÇ => º´¿ø¼Ò°³ */
  .clinic_introduce_img1 h3 {
    font-size: 3rem;
  }
  .clinic_introduce_text h3 {
    font-size: 2.8rem;
    line-height: 1.3;
  }
  .clinic_introduce_step h3 {
    font-size: 2.8rem;
  }
  .step {
    width: 13rem;
    height: 13rem;
    margin: 0 0.4rem;
  }
  .step img {
    width: 50%;
  }
  .step_1 img {
    width: 75%;
  }
  .step_2 img {
    width: 75%;
  }
  .step p {
    font-size: 1.2rem;
    letter-spacing: -1px;
    margin-top: 0.8rem;
  }
  /* ¼Ò°³ ÅÇ => ÀÇ·áÁø¼Ò°³ */
  .doctor_introduce h3 {
    font-size: 2.8rem;
  }
  .dr {
    display: grid;
    justify-content: center;
  }
  .dr_info_img {
    width: 100%;
    margin: 0 auto 3rem;
  }
  .dr_info_img img {
    width: 100%;
  }




  .dr_info2 {
    text-align: left;
  }
  .dr_info2 .dr_info_text {
    order: 2;
  }
  .map_clinic_info {
    display: block;




  }
  .map_clinic_info .flex_right {
    margin-top: 1.2rem;
  }
.map_introduce h3 {
font-size: 2.8rem;
line-height: 1.3;
}




  /* Äü¸Þ´º */
  .quick_menu a {
    padding: 0.8rem 1.2rem;
    font-size: 1.3rem;
    letter-spacing: -1px;
  }
  .quick_menu a img {
    width: 1.6rem;
  }
  /* ǪÅÍ */
  .footer {
    padding: 4rem 0 0 6rem;
  }
}




@media (max-width: 540px) {
  .hamburger_bar {
    width: 7%;
  }
  .hamburger_header {
    padding: 2.2rem;
  }
  .hamburger_header h1 a img {
    max-width: 18rem;
  }
  .btn_close {
    max-width: 2.2rem;
  }
  .hamburger_menu h4 {
    padding: 1.6rem 2.2rem;
    font-size: 1.6rem;
    margin-bottom: 1.2rem;
  }
  .hamburger_menu {
    margin-bottom: 2rem;
  }
  .hamburger_menu a {
    padding: 0 2.2rem;
    font-size: 1.4rem;
  }
  .header h1 {
    width: 100%;
  }
  .header h1 img {
     width: 100%;
      max-width: 18rem;
   }
  .main_nav ul li {
     font-size: 1.6rem;
     padding: 1.6rem 0;
   }
  .main_title h3 {
    font-size: 3.2rem;
    line-height: 1;
    overflow-wrap: break-word;
  }
  .main_title p {
    font-size: 1.4rem;
    margin-top: 0.4rem;
  }
  .procedure_content strong {
     font-size:1.6rem;
  }
  .procedure_content p {
     font-size:1.3rem;
  }
  .main_content_4 h3 {
     font-size: 3rem;
   }
  .header_ico_link {
    display: none;
  }
  .main_content_3_title {
    width: 100%;
  }
  .main_content_3 h3 {
    font-size: 2.4rem;
    padding: 0 4rem;
    line-height: 1.3;
    overflow-wrap: break-word;
  }
  .main_content_4_event {
    padding: 4rem 3rem;
  }
  .info_wrapper {
    margin: 0 5rem 5rem 5rem;
  }
  .step_wrapper {
    width: 90%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem 0;
    margin: 0 auto;
  }
  .main_map h3 {
    font-size: 2.4rem;
  }
  .step {
    margin: 0 auto;
  }
  .step:nth-child(1) {
    background: var(--tabs-bg-color);
  }
  .step:nth-child(2) {
    background: var(--primary-color);
  }
  .step:nth-child(3) {
    background: var(--primary-color);
  }
  .step:nth-child(4) {
    background: var(--tabs-bg-color);
  }
  .map {
    width: 37rem;
  }
  .intro_menu a {
    padding: 1.6rem 0;
     font-size: 1.2rem;
  }
  .readMore_title_wrapper img {
   height: 18rem;
  }
  .event_content {
    padding: 4rem 3rem;
  }
  .clinic_introduce_img1 h3 {
    padding: 0 3rem;
    line-height: 1.3;
  }
  .clinic_introduce_text {
    padding: 0 3rem;
  }
  .clinic_introduce_img1 img {
     height: 30rem;
   }
  .clinic_introduce_img2 img {
     height: 30rem;
   }
  .clinic_introduce_text p {
     font-size: 1.4rem;
   } 
  .clinic_introduce_step h3 {
     letter-spacing: -1px;
   }
   .name_en {
     margin-bottom: 2rem;
   }
   .dr {
     padding-bottom: 4rem;
   }


  /* À̺¥Æ® ÅÇ & °¡°Ý ÅÇ */
  .ico_event {
     font-size: 1.2rem;
   }
  .event_content_info p {
     font-size: 1.3rem;
   }
  .readMore_text .readMore_title {
      font-size:2.6rem;
     margin-bottom:1rem;
   }
  .readMore_text .readMore_subTitle {
     font-size:1.3rem;
     padding: 0 0.8rem;
   }
}




@media (max-width: 375px) {
  .header h1 {
    width: 100%;
    font-size: 2.8rem;
  }
  .header h1 img {
     width: 16rem;
  }
  .hamburger_header h1 {
    font-size: 3.6rem;
  }
  .hamburger_header img {
    width: 100%;
    max-width: 2.4rem;
  }
  .main_nav ul li {
     padding: 1.6rem 0;
  }
  .map {
    width: 30rem;
  }
  .under_line {
    height: 2.4rem;
  }




  .main_content_3 h3 {
    font-size: 2.4rem;
    line-height: 1.3;
    overflow-wrap: break-word;
    padding: 0rem 2rem;
  }
  .main_content_4 {
    padding: 5rem 0 0;
  }
  .main_content_4_event {
    padding: 4rem 2rem;
  }
  .main_event_content {
    padding: 2rem;
  }
  .info_wrapper {
    margin: 0 2.4rem 5rem 2.4rem;
  }
 .time_weekday span,  .time_weekday strong {
font-size: 1.4rem;
  }
.time_weekend span, .time_weekend strong {
font-size: 1.4rem;
  }
.add strong {
font-size: 1.4rem;
  }
  .clinic_info_title {
    width: 100%;
    max-width: 9rem;
    font-size: 1.4rem;
  }
  .clinic_info_tel {
     font-size: 1.4rem;
  }
  .clinic_text {
    font-size: 1.4rem;
  }
  .time {
    font-size: 1.4rem;
  }
  .time_weekday strong {
    letter-spacing: -0.5px;
  }
  .time_weekend strong {
    letter-spacing: -0.5px;
  }
  .footer {
    padding: 4rem 0 0 4rem;
  }
  .footer p {
    font-size: 1.4rem;
  }








  /* ¼Ò°³ ÅÇ */
  .clinic_introduce h3 {
    font-size: 2.4rem;
    line-height: 1.3;
    margin-top: 8rem;
    padding: 2rem 0;
  }
  .clinic_introduce_text {
    padding: 0 3rem;
    margin-bottom: 12rem;
  }
  .clinic_introduce_img1 img {
    height: 23rem;
  }
  .clinic_introduce_img1 {
    margin-bottom: 8rem;
    line-height: 1.3;
  }
  .clinic_introduce_step h3 {
    padding: 0 4rem;
    line-height: 1.3;
  }




  .clinic_introduce_img2 img {
    height: 23rem;
  }


  .readMore_text h6 {
    font-size: 2.8rem;
  }
  .readMore_text .readMore_subTitle {
    font-size: 1.4rem;
    padding: 0 1.6rem;
  }
  .map_introduce{
    padding: 0 3rem;
    line-height: 1.3;
  }
  .intro_map_info {
    padding: 0 3rem;
  }
}