@charset "UTF-8";
/* -start- 공통사항 */
/* line 2, app/assets/stylesheets/about.scss */
.text-bold {
  font-weight: bold;
}

/* line 3, app/assets/stylesheets/about.scss */
.text-normal {
  font-weight: normal;
}

/* line 4, app/assets/stylesheets/about.scss */
.text-weight-200 {
  font-weight: 200;
}

/* line 5, app/assets/stylesheets/about.scss */
.text-weight-300 {
  font-weight: 300;
}

/* line 6, app/assets/stylesheets/about.scss */
.text-weight-500 {
  font-weight: 500;
}

/* line 7, app/assets/stylesheets/about.scss */
.text-weight-600 {
  font-weight: 600;
}

/* line 8, app/assets/stylesheets/about.scss */
.text-weight-800 {
  font-weight: 800;
}

/* line 9, app/assets/stylesheets/about.scss */
.text-weight-900 {
  font-weight: 900;
}

/* line 10, app/assets/stylesheets/about.scss */
.text-blue {
  color: #009eda;
}

/* line 12, app/assets/stylesheets/about.scss */
.wrap-title-text {
  text-align: center;
}

/* line 13, app/assets/stylesheets/about.scss */
.wrap-title-text em {
  font-family: Pretendard;
  font-size: 1.25rem;
  font-weight: normal;
  line-height: 1.4;
  letter-spacing: -0.8px;
  color: #212121;
  opacity: 0.8;
}

/* line 14, app/assets/stylesheets/about.scss */
.wrap-title-text h1 {
  font-family: Pretendard;
  font-size: 2.5rem;
  font-weight: normal;
  line-height: 1.3;
  letter-spacing: -1.6px;
  color: #121212;
  padding-top: 0.75rem;
}

/* line 15, app/assets/stylesheets/about.scss */
.wrap-title-text p {
  font-family: Pretendard;
  font-size: 1.125rem;
  font-weight: normal;
  line-height: 1.6;
  letter-spacing: -0.8px;
  color: #4c4c4c;
  padding-top: 1.875rem;
}

/* line 17, app/assets/stylesheets/about.scss */
.main {
  padding-top: 154px;
}

/* -start- 공통사항 */
/* -start- 메인 이미지 */
/* line 21, app/assets/stylesheets/about.scss */
.wrap-main-img {
  position: relative;
}

/* line 22, app/assets/stylesheets/about.scss */
.wrap-main-img .main-img-box {
  width: 100%;
  max-width: 1920px;
  height: 700px;
}

/* line 23, app/assets/stylesheets/about.scss */
.wrap-main-img .main-img-box .d-img-main {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* line 24, app/assets/stylesheets/about.scss */
.wrap-main-img .text-main-box {
  position: absolute;
  top: 24%;
  left: 0;
  right: 0;
  z-index: 2;
}

/* line 25, app/assets/stylesheets/about.scss */
.wrap-main-img .text-main-box .text-main-em {
  font-family: Pretendard;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.94;
  letter-spacing: -0.74px;
  color: #f9f4f4;
  opacity: 0.8;
}

/* line 26, app/assets/stylesheets/about.scss */
.wrap-main-img .text-main-box .text-main-h1 {
  font-family: Pretendard;
  font-size: 3rem;
  font-weight: normal;
  line-height: 1.33;
  letter-spacing: -1.92px;
  color: #fff;
  padding-top: 0.75rem;
}

/* -end- 메인 이미지 */
/* -start- 진료철학 */
/* line 30, app/assets/stylesheets/about.scss */
.wrap-philosophy {
  padding: 7.5rem 0 10rem;
}

/* line 31, app/assets/stylesheets/about.scss */
.wrap-philosophy .wrapper-philosophy {
  position: relative;
  width: 100%;
  max-width: 1180px;
  padding-top: 2.5rem;
}

/* line 32, app/assets/stylesheets/about.scss */
.wrap-philosophy .wrapper-philosophy .philosophy-wrapping {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

/* line 33, app/assets/stylesheets/about.scss */
.wrap-philosophy .wrapper-philosophy .philosophy-wrapping .list-philosophy {
  min-width: 100px;
  position: relative;
  display: block;
  flex-grow: 1;
  flex-basis: 0;
  height: 420px;
  overflow: hidden;
  transition: 0.5s ease-in-out;
  will-change: transform, contents;
}

/* line 36, app/assets/stylesheets/about.scss */
.wrap-philosophy .wrapper-philosophy .philosophy-wrapping .list-philosophy .philosophy-img-box-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
}

/* line 37, app/assets/stylesheets/about.scss */
.wrap-philosophy .wrapper-philosophy .philosophy-wrapping .list-philosophy .philosophy-img-box-bg .thumbnail-title-philosophy {
  font-family: Pretendard;
  font-size: 1.25rem;
  font-weight: bold;
  letter-spacing: -0.4px;
  color: #fff;
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transform: rotate(90deg) translate(60%);
  -ms-transform: rotate(90deg) translate(60%);
  /* IE 9 */
}

/* line 39, app/assets/stylesheets/about.scss */
.wrap-philosophy .wrapper-philosophy .philosophy-wrapping .list-philosophy .philosophy-img-box {
  width: 100%;
  height: 420px;
  object-fit: cover;
  transition: 0.5s ease-in-out;
  will-change: contents;
  background-color: rgba(0, 0, 0, 0.8);
}

/* line 40, app/assets/stylesheets/about.scss */
.wrap-philosophy .wrapper-philosophy .philosophy-wrapping .list-philosophy .philosophy-img-box .d-img-philosophy {
  width: 100%;
  height: 420px;
  display: block;
  object-fit: cover;
}

/* line 41, app/assets/stylesheets/about.scss */
.wrap-philosophy .wrapper-philosophy .philosophy-wrapping .list-philosophy.mouse-hover {
  transition-delay: 0s;
  flex-basis: 780px;
}

/* line 42, app/assets/stylesheets/about.scss */
.wrap-philosophy .wrapper-philosophy .philosophy-wrapping .list-philosophy.mouse-hover .thumbnail-title-philosophy {
  display: none;
}

/* line 43, app/assets/stylesheets/about.scss */
.wrap-philosophy .wrapper-philosophy .philosophy-wrapping .list-philosophy.mouse-hover .philosophy-img-box-bg {
  display: none;
}

/* line 44, app/assets/stylesheets/about.scss */
.wrap-philosophy .wrapper-philosophy .philosophy-wrapping .list-philosophy.mouse-hover .philosophy-img-box {
  display: none;
}

/* line 45, app/assets/stylesheets/about.scss */
.wrap-philosophy .wrapper-philosophy .philosophy-wrapping .list-philosophy > img {
  width: 100%;
  height: 420px;
  object-fit: cover;
  transition: 0.5s ease-in-out;
  will-change: contents;
  filter: grayscale(80%);
}

/* line 47, app/assets/stylesheets/about.scss */
.wrap-philosophy .wrapper-philosophy .philosophy-wrapping .list-philosophy .list-philosophy-img-01 {
  background-image: url(/images/about/d_img_philosophy01.png);
}

/* line 48, app/assets/stylesheets/about.scss */
.wrap-philosophy .wrapper-philosophy .philosophy-wrapping .list-philosophy .list-philosophy-img-02 {
  background-image: url(/images/about/d_img_philosophy02.png);
}

/* line 49, app/assets/stylesheets/about.scss */
.wrap-philosophy .wrapper-philosophy .philosophy-wrapping .list-philosophy .list-philosophy-img-03 {
  background-image: url(/images/about/d_img_philosophy03.png);
}

/* line 50, app/assets/stylesheets/about.scss */
.wrap-philosophy .wrapper-philosophy .philosophy-wrapping .list-philosophy .list-philosophy-img-04 {
  background-image: url(/images/about/d_img_philosophy04.png);
}

/* line 51, app/assets/stylesheets/about.scss */
.wrap-philosophy .wrapper-philosophy .philosophy-wrapping .list-philosophy .list-philosophy-img-05 {
  background-image: url(/images/about/d_img_philosophy05.png);
}

/* line 52, app/assets/stylesheets/about.scss */
.wrap-philosophy .wrapper-philosophy .philosophy-wrapping .list-philosophy .list-philosophy-img {
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
}

/* line 54, app/assets/stylesheets/about.scss */
.wrap-philosophy .wrapper-philosophy .philosophy-wrapping .list-philosophy .list-philosophy-img .list-philosophy-img-hover {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* line 55, app/assets/stylesheets/about.scss */
.wrap-philosophy .wrapper-philosophy .philosophy-wrapping .list-philosophy .list-philosophy-img .list-philosophy-img-hover .list-philosophy-hover-text {
  position: absolute;
  top: 22%;
  left: 10%;
  width: 100%;
  max-width: 350px;
}

/* line 56, app/assets/stylesheets/about.scss */
.wrap-philosophy .wrapper-philosophy .philosophy-wrapping .list-philosophy .list-philosophy-img .list-philosophy-img-hover .list-philosophy-hover-text em {
  font-family: Pretendard;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: -0.4;
  color: #121212;
}

/* line 57, app/assets/stylesheets/about.scss */
.wrap-philosophy .wrapper-philosophy .philosophy-wrapping .list-philosophy .list-philosophy-img .list-philosophy-img-hover .list-philosophy-hover-text hr {
  border: 1px solid #121212;
  width: 2.5rem;
  margin: 1.25rem 0;
}

/* line 58, app/assets/stylesheets/about.scss */
.wrap-philosophy .wrapper-philosophy .philosophy-wrapping .list-philosophy .list-philosophy-img .list-philosophy-img-hover .list-philosophy-hover-text h1 {
  font-family: Pretendard;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: -1.28px;
  color: #121212;
}

/* line 59, app/assets/stylesheets/about.scss */
.wrap-philosophy .wrapper-philosophy .philosophy-wrapping .list-philosophy .list-philosophy-img .list-philosophy-img-hover .list-philosophy-hover-text p {
  font-family: Pretendard;
  font-size: 1rem;
  font-weight: 300;
  letter-spacing: -0.64px;
  color: #121212;
  opacity: 0.8;
  padding-top: 0.75rem;
}

/* -start- 진료철학 */
/* -start- doctor */
/* line 63, app/assets/stylesheets/about.scss */
.wrap-doctor {
  position: relative;
}

/* line 64, app/assets/stylesheets/about.scss */
.wrap-doctor .wrap-title-text {
  position: absolute;
  top: 6.25rem;
  left: 0;
  right: 0;
}

/* line 65, app/assets/stylesheets/about.scss */
.wrap-doctor .doctor-img-box {
  width: 100%;
  max-width: 1920px;
  box-sizing: border-box;
}

/* line 66, app/assets/stylesheets/about.scss */
.wrap-doctor .doctor-img-box .d-img-doctor {
  width: 100%;
  display: block;
}

/* -end- doctor */
/* -start- equipment */
/* line 70, app/assets/stylesheets/about.scss */
.wrap-equipment {
  padding: 10rem 0 5rem;
  background-image: linear-gradient(to bottom, #ffffff 55%, #f8f8fa 55%);
}

/* line 72, app/assets/stylesheets/about.scss */
#wrap-equipment-slide {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-top: 3.5rem;
}

/* line 79, app/assets/stylesheets/about.scss */
#wrap-equipment-slide .swiper-wrapper {
  width: 100%;
  padding: 2rem 0 8rem;
  align-items: center;
}

/* line 80, app/assets/stylesheets/about.scss */
#wrap-equipment-slide .swiper-slide {
  width: 100%;
  max-width: 300px;
  padding: 0 70px;
}

/* line 81, app/assets/stylesheets/about.scss */
#wrap-equipment-slide .wrapping-equipment {
  width: 100%;
  max-width: 300px;
  border-radius: 30px;
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  box-sizing: border-box;
}

/* line 82, app/assets/stylesheets/about.scss */
#wrap-equipment-slide .wrapping-equipment .slide-img-box {
  width: 100%;
  background-color: #f8f8fa;
  border-radius: 30px 30px 0 0;
}

/* line 83, app/assets/stylesheets/about.scss */
#wrap-equipment-slide .wrapping-equipment .slide-img-box .d-equipment-slide {
  width: 100%;
  display: block;
}

/* line 84, app/assets/stylesheets/about.scss */
#wrap-equipment-slide .wrapping-equipment .text-slide-box {
  padding: 1rem 0 0.937rem;
}

/* line 85, app/assets/stylesheets/about.scss */
#wrap-equipment-slide .wrapping-equipment .text-slide-box .text-h1 {
  font-family: Pretendard;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 3;
  letter-spacing: -0.6px;
  text-align: center;
  color: #333;
}

/* line 86, app/assets/stylesheets/about.scss */
#wrap-equipment-slide .wrapping-equipment .text-slide-box .text-p {
  font-family: Pretendard;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.38;
  letter-spacing: -0.64px;
  color: #616161;
  text-align: center;
}

/* line 87, app/assets/stylesheets/about.scss */
#wrap-equipment-slide .swiper-scrollbar {
  height: 4px;
  width: 61.45%;
  left: 20%;
  bottom: 35px;
  position: absolute;
  background: #dfdfdf;
}

/* line 88, app/assets/stylesheets/about.scss */
#wrap-equipment-slide .swiper-slide-active {
  width: 100%;
  max-width: 440px;
  padding: 0;
}

/* line 89, app/assets/stylesheets/about.scss */
#wrap-equipment-slide .swiper-slide-active .wrapping-equipment {
  width: 100%;
  max-width: 440px;
  border-radius: 30px;
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  box-sizing: border-box;
}

/* line 90, app/assets/stylesheets/about.scss */
#wrap-equipment-slide .swiper-slide-active .wrapping-equipment .slide-img-box {
  background-color: #ebeeef;
}

/* line 91, app/assets/stylesheets/about.scss */
#wrap-equipment-slide .swiper-slide-active .text-slide-box {
  padding: 1rem 0 2rem;
}

/* line 92, app/assets/stylesheets/about.scss */
#wrap-equipment-slide .swiper-slide-active .text-slide-box .text-h1 {
  font-size: 2rem;
  line-height: 2.81;
  letter-spacing: -0.96px;
  text-align: center;
  color: #121212;
}

/* line 93, app/assets/stylesheets/about.scss */
#wrap-equipment-slide .swiper-slide-active .text-slide-box .text-p {
  font-size: 1.125rem;
  line-height: 1.38;
  letter-spacing: -0.72px;
  color: #626262;
  text-align: center;
}

/* -end- equipment */
/* -start- around */
/* line 97, app/assets/stylesheets/about.scss */
.wrap-around {
  background-image: linear-gradient(to top, #ffffff 45%, #f8f8fa 45%);
  padding-bottom: 10rem;
}

/* line 98, app/assets/stylesheets/about.scss */
#d-around-slides {
  position: relative;
  cursor: pointer;
  text-align: center;
  margin: 0 auto;
  width: 100%;
  max-width: 1600px;
  overflow: hidden;
  padding-top: 3.75rem;
}

/* line 99, app/assets/stylesheets/about.scss */
#d-around-slides .swiper-slide {
  width: 100%;
  max-width: 1600px;
}

/* line 100, app/assets/stylesheets/about.scss */
#d-around-slides .swiper-slide .d-around-slide {
  width: 100%;
  display: block;
}

/* line 101, app/assets/stylesheets/about.scss */
#d-around-slides .wrap-swiper-button {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 1600px;
  height: 100%;
  margin: 0 auto;
}

/* line 102, app/assets/stylesheets/about.scss */
#d-around-slides .wrap-swiper-button .swiper-button-prev,
#d-around-slides .wrap-swiper-button .swiper-button-next {
  width: 5rem;
  height: 5rem;
  background: none;
  cursor: pointer;
}

/* line 104, app/assets/stylesheets/about.scss */
#d-around-slides .wrap-swiper-button .swiper-button-prev:after,
#d-around-slides .wrap-swiper-button .swiper-button-next:after {
  display: none;
}

/* line 106, app/assets/stylesheets/about.scss */
#d-around-slides .wrap-swiper-button .swiper-button-prev .material-icons {
  width: 5rem;
  height: 5rem;
  background-color: rgba(18, 18, 18, 0.4);
  font-size: 1.875rem;
  color: #fff;
  text-align: center;
  padding-top: 1.5rem;
  box-sizing: border-box;
  margin-left: -19px;
}

/* line 107, app/assets/stylesheets/about.scss */
#d-around-slides .wrap-swiper-button .swiper-button-next .material-icons {
  width: 5rem;
  height: 5rem;
  background-color: rgba(18, 18, 18, 0.4);
  font-size: 1.875rem;
  color: #fff;
  text-align: center;
  padding-top: 1.5rem;
  box-sizing: border-box;
  margin-right: -19px;
}

/* line 108, app/assets/stylesheets/about.scss */
#d-around-slides .wrap-swiper-button .swiper-button-prev .material-icons {
  padding-left: 0.7rem;
  box-sizing: border-box;
}

/* line 109, app/assets/stylesheets/about.scss */
#d-around-slides-thumbs {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
  padding-top: 2.5rem;
}

/* line 110, app/assets/stylesheets/about.scss */
#d-around-slides-thumbs .swiper-slide {
  opacity: 0.3;
}

/* line 111, app/assets/stylesheets/about.scss */
#d-around-slides-thumbs .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
}

/* line 112, app/assets/stylesheets/about.scss */
#d-around-slides-thumbs .d-around-tn-slide {
  width: 100%;
  max-width: 180px;
  border-radius: 10px;
}

/* -end- around */
/* -start- kakao banner */
/* line 116, app/assets/stylesheets/about.scss */
.wrap-kakao-banner .kakao-banner-img-box {
  width: 100%;
  max-width: 1920px;
  box-sizing: border-box;
}

/* line 117, app/assets/stylesheets/about.scss */
.wrap-kakao-banner .kakao-banner-img-box .d-img-kakao-banner {
  width: 100%;
  display: block;
}

/* -end- kakao banner */
/* -start- location-time */
/* line 121, app/assets/stylesheets/about.scss */
.wrap-location-time .desktop {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  line-height: 1.33;
  width: 100%;
  max-width: 1920px;
}

/* line 122, app/assets/stylesheets/about.scss */
.wrap-location-time .wrapping-loction {
  width: 54%;
  background-color: #7a7a7a;
  height: 792px;
  box-sizing: border-box;
}

/* line 123, app/assets/stylesheets/about.scss */
.wrap-location-time .wrapping-time {
  width: 46%;
  padding: 5rem 0 8rem;
  background-color: #e9f2f7;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* line 124, app/assets/stylesheets/about.scss */
.wrap-location-time .wrapping-time .list-direction {
  width: 100%;
  max-width: 460px;
  box-sizing: border-box;
  font-family: Pretendard;
  padding-top: 3.75rem;
  margin-right: 160px;
}

/* line 125, app/assets/stylesheets/about.scss */
.wrap-location-time .wrapping-time .list-direction .list-title {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.21;
  letter-spacing: normal;
  color: #121212;
  padding-bottom: 0.25rem;
  border-bottom: 1px solid rgba(9, 54, 87, 0.5);
}

/* line 126, app/assets/stylesheets/about.scss */
.wrap-location-time .wrapping-time .list-direction .list-address {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.8px;
  color: #121212;
  padding-top: 1.25rem;
}

/* line 127, app/assets/stylesheets/about.scss */
.wrap-location-time .wrapping-time .list-direction .list-content ul {
  font-family: Pretendard;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.33;
  letter-spacing: -0.72px;
  color: #121212;
  margin-left: 70px;
}

/* line 128, app/assets/stylesheets/about.scss */
.wrap-location-time .wrapping-time .list-direction .list-content ul li {
  padding-top: 1rem;
}

/* line 129, app/assets/stylesheets/about.scss */
.wrap-location-time .wrapping-time .list-direction .list-content ul li::before {
  margin-left: -70px;
}

/* line 130, app/assets/stylesheets/about.scss */
.wrap-location-time .wrapping-time .list-direction .list-content ul .step-direction-01::before {
  content: "- 지하철 : ";
}

/* line 131, app/assets/stylesheets/about.scss */
.wrap-location-time .wrapping-time .list-direction .list-content ul .step-direction-02::before {
  content: "- 주차장 : ";
}

/* line 132, app/assets/stylesheets/about.scss */
.wrap-location-time .wrapping-time .list-direction .time-table {
  margin-top: 0.6875rem;
  width: 100%;
  margin-bottom: 16px;
}

/* line 133, app/assets/stylesheets/about.scss */
.wrap-location-time .wrapping-time .list-direction .time-table .table-week {
  font-family: Pretendard;
  font-size: 1.25rem;
  letter-spacing: normal;
  color: #121212;
  padding: 0.5rem 0;
  line-height: 20px;
}

/* line 134, app/assets/stylesheets/about.scss */
.wrap-location-time .wrapping-time .list-direction .time-table .table-time {
  font-family: Pretendard;
  font-size: 1.25rem;
  letter-spacing: normal;
  color: #121212;
  text-align: right;
}

/* line 135, app/assets/stylesheets/about.scss */
.wrap-location-time .wrapping-time .list-direction .time-table .space-week {
  letter-spacing: 63.72px;
}

/* line 136, app/assets/stylesheets/about.scss */
.wrap-location-time .wrapping-time .list-direction .time-table .space-monday {
  letter-spacing: 16px;
  color: #fff;
}

/* line 137, app/assets/stylesheets/about.scss */
.wrap-location-time .wrapping-time .list-direction .time-table .space-sat {
  letter-spacing: 24.12px;
}

/* line 138, app/assets/stylesheets/about.scss */
.wrap-location-time .wrapping-time .list-direction .time-table .space-lunch {
  letter-spacing: 10.8px;
}

/* line 139, app/assets/stylesheets/about.scss */
.wrap-location-time .wrapping-time .list-direction .time-table .text-time-yellow {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.28px;
  color: #ffeb3a;
  margin-left: -2rem;
}

/* line 140, app/assets/stylesheets/about.scss */
.wrap-location-time .wrapping-time .list-direction .time-table .text-white {
  color: #fff;
}

/* line 141, app/assets/stylesheets/about.scss */
.wrap-location-time .wrapping-time .list-direction .wrapping-time-table {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 142, app/assets/stylesheets/about.scss */
.wrap-location-time .wrapping-time .list-direction .text-time-info {
  font-family: Pretendard;
  font-size: 1rem;
  line-height: 1.14;
  letter-spacing: -0.28px;
  color: #121212;
  opacity: 0.5;
  padding-bottom: 0.5rem;
}

/* line 143, app/assets/stylesheets/about.scss */
.wrap-location-time .wrapping-time .list-direction .table-blue-bg {
  background-color: #009eda;
  height: 37px;
  margin: 0 -8px;
  padding: 0 8px;
}

/* -end- location-time */
/* -start- route */
/* line 147, app/assets/stylesheets/about.scss */
.wrap-route {
  padding: 7.5rem 0 10rem;
}

/* line 148, app/assets/stylesheets/about.scss */
.wrap-route .route-img-box {
  width: 100%;
  max-width: 1196px;
  box-sizing: border-box;
  margin: 0 auto;
  padding-top: 5rem;
}

/* line 149, app/assets/stylesheets/about.scss */
.wrap-route .route-img-box .d-img-route {
  width: 100%;
  display: block;
}

/* -end- route */
@media (min-width: 601px) {
  /* line 153, app/assets/stylesheets/about.scss */
  .wrap-location-time .wrapping-time {
    height: 792px;
  }
}

@media (max-width: 600px) {
  /* line 159, app/assets/stylesheets/about.scss */
  body.noscroll {
    overflow: hidden;
  }
  /* line 160, app/assets/stylesheets/about.scss */
  .desktop {
    display: none;
  }
  /* line 161, app/assets/stylesheets/about.scss */
  .mobile {
    display: block;
  }
  /* line 163, app/assets/stylesheets/about.scss */
  .main {
    padding-top: 72px;
  }
  /* -start- 공통사항 */
  /* line 166, app/assets/stylesheets/about.scss */
  .wrap-title-text em {
    font-size: 1.125rem;
    letter-spacing: -1.12px;
    padding-bottom: 0.5rem;
  }
  /* line 167, app/assets/stylesheets/about.scss */
  .wrap-title-text h1 {
    font-size: 2rem;
    font-weight: normal;
    line-height: 1.2;
    letter-spacing: -2.24px;
  }
  /* line 168, app/assets/stylesheets/about.scss */
  .wrap-title-text p {
    font-size: 1rem;
    line-height: 1.43;
    letter-spacing: -1.12px;
    color: #212121;
    padding-top: 0.937rem;
  }
  /* -end- 공통사항 */
  /* -start- 메인 이미지 */
  /* line 172, app/assets/stylesheets/about.scss */
  .wrap-main-img .main-img-box {
    max-width: 100%;
    height: 540px;
  }
  /* line 173, app/assets/stylesheets/about.scss */
  .wrap-main-img .main-img-box .m-img-main {
    width: 100%;
    height: 100%;
    display: block;
  }
  /* line 174, app/assets/stylesheets/about.scss */
  .wrap-main-img .text-main-box {
    top: 20%;
    left: 20px;
  }
  /* line 175, app/assets/stylesheets/about.scss */
  .wrap-main-img .text-main-box .text-main-em {
    font-size: 1.125rem;
    line-height: 1.43;
    letter-spacing: -1.12px;
    color: #fff;
    margin-left: 2px;
  }
  /* line 176, app/assets/stylesheets/about.scss */
  .wrap-main-img .text-main-box .text-main-h1 {
    font-size: 2.15rem;
    font-weight: 300;
    line-height: 1.29;
    letter-spacing: -2.24px;
    color: #fff;
    padding-top: 0.625rem;
  }
  /* -end- 메인 이미지 */
  /* -start- 진료철학 */
  /* line 180, app/assets/stylesheets/about.scss */
  .wrap-philosophy {
    padding: 3rem 0 5.625rem;
    margin-top: 3rem;
  }
  /* line 181, app/assets/stylesheets/about.scss */
  .wrap-philosophy .wrapping-philosophy {
    width: 88.88%;
    padding-top: 2.8rem;
    margin: 0 auto;
  }
  /* line 182, app/assets/stylesheets/about.scss */
  .wrap-philosophy .wrapping-philosophy .philosophy-list {
    padding-bottom: 0.75rem;
    position: relative;
  }
  /* line 183, app/assets/stylesheets/about.scss */
  .wrap-philosophy .wrapping-philosophy .philosophy-list .philosophy-img-box {
    width: 100%;
  }
  /* line 184, app/assets/stylesheets/about.scss */
  .wrap-philosophy .wrapping-philosophy .philosophy-list .philosophy-img-box .m-img-philosophy {
    width: 100%;
    display: block;
  }
  /* line 185, app/assets/stylesheets/about.scss */
  .wrap-philosophy .wrapping-philosophy .philosophy-list .philosophy-text-box {
    position: absolute;
    top: 22%;
    left: 8%;
    right: 0;
    z-index: 2;
  }
  /* line 186, app/assets/stylesheets/about.scss */
  .wrap-philosophy .wrapping-philosophy .philosophy-list .philosophy-text-box h1 {
    font-family: Pretendard;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.18;
    letter-spacing: -1.6px;
    color: #121212;
    padding-bottom: 0.5rem;
  }
  /* line 187, app/assets/stylesheets/about.scss */
  .wrap-philosophy .wrapping-philosophy .philosophy-list .philosophy-text-box p {
    font-family: Pretendard;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.31;
    letter-spacing: -1.04;
    color: #4c4c4c;
  }
  /* -end- 진료철학 */
  /* -start- doctor */
  /* line 192, app/assets/stylesheets/about.scss */
  .wrap-doctor .wrap-title-text {
    top: 4rem;
  }
  /* line 193, app/assets/stylesheets/about.scss */
  .wrap-doctor .doctor-img-box {
    max-width: 100%;
  }
  /* line 194, app/assets/stylesheets/about.scss */
  .wrap-doctor .doctor-img-box .m-img-doctor {
    width: 100%;
    display: block;
  }
  /* -end- doctor */
  /* -start- equipment */
  /* line 198, app/assets/stylesheets/about.scss */
  .wrap-equipment {
    padding: 5rem 0 2.5rem;
  }
  /* line 200, app/assets/stylesheets/about.scss */
  #m-wrap-equipment-slide {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    margin-top: 3.125rem;
  }
  /* line 201, app/assets/stylesheets/about.scss */
  #m-wrap-equipment-slide .swiper-wrapper {
    width: 100%;
    padding: 2rem 0 7rem;
    align-items: center;
  }
  /* line 202, app/assets/stylesheets/about.scss */
  #m-wrap-equipment-slide .swiper-slide {
    width: 100%;
    max-width: 150px;
    padding: 0 30px;
  }
  /* line 203, app/assets/stylesheets/about.scss */
  #m-wrap-equipment-slide .wrapping-equipment {
    width: 100%;
    max-width: 180px;
    border-radius: 20px;
    box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.16);
    background-color: #fff;
    box-sizing: border-box;
  }
  /* line 204, app/assets/stylesheets/about.scss */
  #m-wrap-equipment-slide .wrapping-equipment .slide-img-box {
    width: 100%;
    background-color: #f8f8fa;
    border-radius: 20px 20px 0 0;
  }
  /* line 205, app/assets/stylesheets/about.scss */
  #m-wrap-equipment-slide .wrapping-equipment .slide-img-box .d-equipment-slide {
    width: 100%;
    display: block;
  }
  /* line 206, app/assets/stylesheets/about.scss */
  #m-wrap-equipment-slide .wrapping-equipment .text-slide-box {
    padding: 1rem 0 0.937rem;
  }
  /* line 207, app/assets/stylesheets/about.scss */
  #m-wrap-equipment-slide .wrapping-equipment .text-slide-box .text-h1 {
    font-family: Pretendard;
    font-size: 0.875rem;
    font-weight: bold;
    line-height: 2;
    letter-spacing: -0.84px;
    text-align: center;
    color: #333;
  }
  /* line 208, app/assets/stylesheets/about.scss */
  #m-wrap-equipment-slide .wrapping-equipment .text-slide-box .text-p {
    font-family: Pretendard;
    font-size: 0.6rem;
    font-weight: normal;
    line-height: 1.33;
    letter-spacing: -0.96px;
    color: #616161;
    text-align: center;
  }
  /* line 209, app/assets/stylesheets/about.scss */
  #m-wrap-equipment-slide .swiper-scrollbar {
    height: 4px;
    width: 61.45%;
    left: 20%;
    bottom: 35px;
    position: absolute;
    background: #dfdfdf;
  }
  /* line 210, app/assets/stylesheets/about.scss */
  #m-wrap-equipment-slide .swiper-slide-active {
    width: 100%;
    max-width: 250px;
    padding: 0;
  }
  /* line 211, app/assets/stylesheets/about.scss */
  #m-wrap-equipment-slide .swiper-slide-active .wrapping-equipment {
    width: 100%;
    max-width: 250px;
    border-radius: 20px;
    box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.16);
    background-color: #fff;
    box-sizing: border-box;
  }
  /* line 212, app/assets/stylesheets/about.scss */
  #m-wrap-equipment-slide .swiper-slide-active .wrapping-equipment .slide-img-box {
    background-color: #ebeeef;
  }
  /* line 213, app/assets/stylesheets/about.scss */
  #m-wrap-equipment-slide .swiper-slide-active .text-slide-box {
    padding: 0.8rem 0 1.5rem;
  }
  /* line 214, app/assets/stylesheets/about.scss */
  #m-wrap-equipment-slide .swiper-slide-active .text-slide-box .text-h1 {
    font-size: 1.25rem;
    line-height: 2.5;
    letter-spacing: -0.96px;
    text-align: center;
    color: #333;
  }
  /* line 215, app/assets/stylesheets/about.scss */
  #m-wrap-equipment-slide .swiper-slide-active .text-slide-box .text-p {
    font-size: 1rem;
    line-height: 1.4;
    letter-spacing: -0.96px;
    color: #626262;
    text-align: center;
  }
  /* -end- equipment */
  /* -start- around */
  /* line 219, app/assets/stylesheets/about.scss */
  .wrap-around {
    padding-bottom: 5rem;
    overflow: hidden;
  }
  /* line 220, app/assets/stylesheets/about.scss */
  #m-around-slides {
    position: relative;
    cursor: pointer;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
    padding-top: 2.125rem;
  }
  /* line 221, app/assets/stylesheets/about.scss */
  #m-around-slides .swiper-slide {
    width: 100%;
  }
  /* line 222, app/assets/stylesheets/about.scss */
  #m-around-slides .swiper-slide .m-around-slide {
    width: 100%;
    display: block;
  }
  /* line 223, app/assets/stylesheets/about.scss */
  #m-around-slides .wrap-swiper-button {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
  }
  /* line 224, app/assets/stylesheets/about.scss */
  #m-around-slides .wrap-swiper-button .swiper-button-prev,
#m-around-slides .wrap-swiper-button .swiper-button-next {
    width: 2.5rem;
    height: 2.5rem;
    background: none;
    cursor: pointer;
  }
  /* line 226, app/assets/stylesheets/about.scss */
  #m-around-slides .wrap-swiper-button .swiper-button-prev:after,
#m-around-slides .wrap-swiper-button .swiper-button-next:after {
    display: none;
  }
  /* line 228, app/assets/stylesheets/about.scss */
  #m-around-slides .wrap-swiper-button .swiper-button-prev .material-icons {
    width: 2.5rem;
    height: 2.5rem;
    background-color: rgba(18, 18, 18, 0.4);
    font-size: 1rem;
    color: #fff;
    text-align: center;
    padding-top: 0.7rem;
    box-sizing: border-box;
    margin-left: -20px;
  }
  /* line 229, app/assets/stylesheets/about.scss */
  #m-around-slides .wrap-swiper-button .swiper-button-next .material-icons {
    width: 2.5rem;
    height: 2.5rem;
    background-color: rgba(18, 18, 18, 0.4);
    font-size: 1rem;
    color: #fff;
    text-align: center;
    padding-top: 0.7rem;
    box-sizing: border-box;
    margin-right: -19px;
  }
  /* line 230, app/assets/stylesheets/about.scss */
  #m-around-slides-thumbs {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    padding-top: 1.25rem;
  }
  /* line 231, app/assets/stylesheets/about.scss */
  #m-around-slides-thumbs .swiper-wrapper {
    margin-left: 5%;
  }
  /* line 232, app/assets/stylesheets/about.scss */
  #m-around-slides-thumbs .swiper-slide {
    opacity: 0.3;
  }
  /* line 233, app/assets/stylesheets/about.scss */
  #m-around-slides-thumbs .swiper-slide.swiper-slide-thumb-active {
    opacity: 1;
  }
  /* line 234, app/assets/stylesheets/about.scss */
  #m-around-slides-thumbs .m-around-tn-slide {
    width: 100%;
    max-width: 100px;
    border-radius: 10px;
  }
  /* -end- around */
  /* -start- kakao banner */
  /* line 238, app/assets/stylesheets/about.scss */
  .wrap-kakao-banner .kakao-banner-img-box {
    max-width: 100%;
  }
  /* line 239, app/assets/stylesheets/about.scss */
  .wrap-kakao-banner .kakao-banner-img-box .m-img-kakao-banner {
    width: 100%;
    display: block;
  }
  /* -end- kakao banner */
  /* -start- location-time */
  /* line 243, app/assets/stylesheets/about.scss */
  .wrap-location-time .desktop {
    display: none;
  }
  /* line 244, app/assets/stylesheets/about.scss */
  .wrap-location-time .mobile {
    display: block;
  }
  /* line 245, app/assets/stylesheets/about.scss */
  .wrap-location-time .wrapping-loction {
    width: 100%;
    max-width: 100%;
    height: 400px;
  }
  /* line 246, app/assets/stylesheets/about.scss */
  .wrap-location-time .wrapping-time {
    width: 100%;
    max-width: 100%;
    padding: 0.375rem 0 3.125rem;
    margin: 0 auto;
  }
  /* line 247, app/assets/stylesheets/about.scss */
  .wrap-location-time .wrapping-time .list-direction {
    width: calc(100% - 40px);
    padding-top: 2.125rem;
    margin: 0 auto;
  }
  /* line 248, app/assets/stylesheets/about.scss */
  .wrap-location-time .wrapping-time .list-direction .list-title {
    font-size: 1.4rem;
    line-height: 1.6;
  }
  /* line 249, app/assets/stylesheets/about.scss */
  .wrap-location-time .wrapping-time .list-direction .list-address {
    font-size: 1rem;
    line-height: 1.36;
    letter-spacing: -1.68px;
    padding-top: 0.937rem;
  }
  /* line 250, app/assets/stylesheets/about.scss */
  .wrap-location-time .wrapping-time .list-direction .list-content ul {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.36;
    letter-spacing: -1.68px;
    margin-left: 50px;
  }
  /* line 251, app/assets/stylesheets/about.scss */
  .wrap-location-time .wrapping-time .list-direction .list-content ul li::before {
    margin-left: -50px;
  }
  /* line 252, app/assets/stylesheets/about.scss */
  .wrap-location-time .wrapping-time .list-direction .list-content ul .step-direction-01::before {
    content: "지하철    ";
  }
  /* line 253, app/assets/stylesheets/about.scss */
  .wrap-location-time .wrapping-time .list-direction .list-content ul .step-direction-02::before {
    content: "주차장    ";
  }
  /* line 254, app/assets/stylesheets/about.scss */
  .wrap-location-time .wrapping-time .list-direction .space-direction {
    padding-left: 1rem;
  }
  /* line 255, app/assets/stylesheets/about.scss */
  .wrap-location-time .wrapping-time .list-direction .space-padding {
    padding-top: 0.437rem;
  }
  /* line 256, app/assets/stylesheets/about.scss */
  .wrap-location-time .wrapping-time .list-direction .list-content ul li {
    padding-top: 0.937rem;
  }
  /* line 257, app/assets/stylesheets/about.scss */
  .wrap-location-time .wrapping-time .list-direction .time-table {
    margin-top: 0.187rem;
    margin-bottom: 1.25rem;
  }
  /* line 258, app/assets/stylesheets/about.scss */
  .wrap-location-time .wrapping-time .list-direction .time-table .table-week {
    font-size: 1.125rem;
    padding: 0.575rem 0;
  }
  /* line 259, app/assets/stylesheets/about.scss */
  .wrap-location-time .wrapping-time .list-direction .time-table .table-time {
    font-size: 1.125rem;
    text-align: right;
  }
  /* line 260, app/assets/stylesheets/about.scss */
  .wrap-location-time .wrapping-time .list-direction .time-table .space-week {
    letter-spacing: 60.72px;
  }
  /* line 261, app/assets/stylesheets/about.scss */
  .wrap-location-time .wrapping-time .list-direction .time-table .space-monday {
    letter-spacing: 10.8px;
    color: #fff;
  }
  /* line 262, app/assets/stylesheets/about.scss */
  .wrap-location-time .wrapping-time .list-direction .time-table .space-sat {
    letter-spacing: 24.12px;
  }
  /* line 263, app/assets/stylesheets/about.scss */
  .wrap-location-time .wrapping-time .list-direction .time-table .space-lunch {
    letter-spacing: 12px;
  }
  /* line 264, app/assets/stylesheets/about.scss */
  .wrap-location-time .wrapping-time .list-direction .time-table .text-time-yellow {
    font-size: 1.125rem;
    letter-spacing: -0.48px;
    color: #ffdd01;
    margin-left: -1rem;
  }
  /* line 265, app/assets/stylesheets/about.scss */
  .wrap-location-time .wrapping-time .list-direction .text-time-info {
    font-size: 1rem;
    line-height: 1.21;
    letter-spacing: -0.48px;
    padding-bottom: 0.5rem;
  }
  /* line 266, app/assets/stylesheets/about.scss */
  .wrap-location-time .wrapping-time .list-direction .table-blue-bg {
    background-color: #009eda;
    height: 30px;
    margin: 0 -8px;
    padding: 0 8px;
  }
  /* -end- location-time */
  /* -start- route */
  /* line 271, app/assets/stylesheets/about.scss */
  .wrap-route {
    padding: 3.75rem 0 5.625rem;
  }
  /* line 272, app/assets/stylesheets/about.scss */
  .wrap-route .route-img-box {
    width: 89.68%;
    max-width: 89.68%;
    padding-top: 3.125rem;
  }
  /* line 273, app/assets/stylesheets/about.scss */
  .wrap-route .route-img-box .m-img-route {
    width: 100%;
    display: block;
  }
  /* -end- route */
}

/*# sourceMappingURL=about.css-4a36b10e8c764f3e3c64804bd26509ff226744f8faf2d5d90ff7a7585f1dc1cf.map */