@charset "UTF-8";
/* line 1, app/assets/stylesheets/company.scss */
.wrap-main-about-us {
  background-image: url("/img/company/img_about_us.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  height: 800px;
}

/* line 2, app/assets/stylesheets/company.scss */
.wrap-main-about-us .text-desc {
  padding-top: 15rem;
  margin-left: 0;
}

/* line 3, app/assets/stylesheets/company.scss */
.wrap-main-about-us .text-desc em {
  font-family: 'Spoqa Han Sans Neo';
  font-size: 1.125rem;
  letter-spacing: 0.022rem;
  color: #ccc;
}

/* line 4, app/assets/stylesheets/company.scss */
.wrap-main-about-us .text-desc h1 {
  font-family: 'Noto Serif KR';
  font-size: 2.5rem;
  font-weight: bold;
  letter-spacing: -0.1rem;
  color: #fff;
  line-height: normal;
}

/* line 5, app/assets/stylesheets/company.scss */
.wrap-main-about-us .text-desc hr {
  width: 4.375rem;
  height: 1px;
  border-width: 0;
  background-color: #ccc;
  margin: 2.5rem 0;
}

/* line 6, app/assets/stylesheets/company.scss */
.wrap-main-about-us .text-desc p {
  font-family: 'Spoqa Han Sans Neo';
  font-size: 1.125rem;
  letter-spacing: -0.022rem;
  color: #ccc;
  padding-bottom: 0.625rem;
  line-height: normal;
}

/* line 7, app/assets/stylesheets/company.scss */
.wrap-main-about-us .arrow-more {
  border: 1px solid #fff;
  border-radius: 1.875rem;
  margin: 7.5rem auto 0;
  width: 1.875rem;
  height: 1.875rem;
  text-align: center;
}

/* line 8, app/assets/stylesheets/company.scss */
.wrap-main-about-us .arrow-more .material-icons {
  padding-top: 4px;
  color: #fff;
}

/* line 10, app/assets/stylesheets/company.scss */
.wrap-brand-philosophy img {
  width: 100%;
  max-width: 1920px;
}

/* line 12, app/assets/stylesheets/company.scss */
.wrap-about-slide {
  width: 100%;
  max-width: 1920px;
}

/* line 13, app/assets/stylesheets/company.scss */
.wrap-about-slide .about-slide-wrapper {
  position: relative;
  overflow: hidden;
}

/* line 14, app/assets/stylesheets/company.scss */
.wrap-about-slide .about-slide-wrapper .wrapper-text {
  display: flex;
  width: 100%;
  position: relative;
  z-index: 100;
}

/* line 15, app/assets/stylesheets/company.scss */
.wrap-about-slide .about-slide-wrapper .wrapper-text-out {
  width: 100%;
  max-width: 606px;
}

/* line 16, app/assets/stylesheets/company.scss */
.wrap-about-slide .about-slide-wrapper .wrapper-text-out h2 {
  font-family: 'Poppins';
  font-size: 1.56vw;
  font-weight: 600;
  letter-spacing: normal;
  letter-spacing: -0.037rem;
  text-align: center;
  color: #ccc;
  padding-top: 18.44vw;
  padding-bottom: 1.56vw;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

/* line 17, app/assets/stylesheets/company.scss */
.wrap-about-slide .about-slide-wrapper .wrapper-text-out h3 {
  font-family: 'Noto Serif KR';
  font-size: 0.83vw;
  font-weight: bold;
  line-height: normal;
  letter-spacing: -0.04rem;
  text-align: center;
  color: #ccc;
  padding-bottom: 12.50vw;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

/* line 18, app/assets/stylesheets/company.scss */
.wrap-about-slide .about-slide-wrapper .wrapper-text-out h6 {
  display: none;
  font-family: 'Spoqa Han Sans Neo';
  font-size: 0.42vw;
  line-height: 1.56;
  letter-spacing: -0.022rem;
  text-align: center;
  color: #ccc;
  padding-bottom: 5.21vw;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

/* line 19, app/assets/stylesheets/company.scss */
.wrap-about-slide .about-slide-wrapper .wrapper-text-out p {
  font-family: 'Noto Serif KR';
  font-size: 5.21vw;
  font-weight: bold;
  line-height: normal;
  letter-spacing: -0.25rem;
  text-align: right;
  color: #ccc;
  padding-right: 1.56vw;
  opacity: 0.2;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

/* line 20, app/assets/stylesheets/company.scss */
.wrap-about-slide .about-slide-wrapper .wrapper-text-out:hover h2 {
  font-size: 2.08vw;
  letter-spacing: 0.125rem;
  color: #333;
  padding-top: 17.97vw;
  padding-bottom: 0.21vw;
}

/* line 21, app/assets/stylesheets/company.scss */
.wrap-about-slide .about-slide-wrapper .wrapper-text-out:hover h3 {
  font-size: 1.35vw;
  letter-spacing: -0.065rem;
  color: #626262;
  padding-bottom: 2.08vw;
}

/* line 22, app/assets/stylesheets/company.scss */
.wrap-about-slide .about-slide-wrapper .wrapper-text-out:hover h6 {
  display: block;
  font-size: 0.94vw;
  line-height: 1.56;
  letter-spacing: -0.022rem;
  color: #626262;
  padding-bottom: 5.21vw;
}

/* line 23, app/assets/stylesheets/company.scss */
.wrap-about-slide .about-slide-wrapper .wrapper-text-out:hover p {
  font-size: 6.77vw;
  letter-spacing: -0.325rem;
  color: #626262;
  opacity: 1;
}

/* line 24, app/assets/stylesheets/company.scss */
.wrap-about-slide .wrap-about-slide-image {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-table;
  width: 100%;
  max-width: 1920px;
  height: 100%;
  overflow: hidden;
}

/* line 25, app/assets/stylesheets/company.scss */
.wrap-about-slide .wrap-about-slide-image .wrap-img-about-slide {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 1920px;
  opacity: 0;
  -webkit-transition: all .75s ease;
  -moz-transition: all .75s ease;
  -ms-transition: all .75s ease;
  -o-transition: all .75s ease;
  transition: all .75s ease;
  -o-transform: scale(1.15);
  -ms-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}

/* line 26, app/assets/stylesheets/company.scss */
.wrap-about-slide .wrap-about-slide-image .wrap-img-about-slide .img-about-slide {
  width: 100%;
  max-width: 1920px;
}

/* line 27, app/assets/stylesheets/company.scss */
.wrap-about-slide .wrap-about-slide-image .wrap-img-about-slide-01 {
  background: url("/img/company/img_about_silde01.png") no-repeat cover center;
}

/* line 28, app/assets/stylesheets/company.scss */
.wrap-about-slide .wrap-about-slide-image .wrap-img-about-slide-02 {
  background: url("/img/company/img_about_silde02.png") no-repeat cover center;
}

/* line 29, app/assets/stylesheets/company.scss */
.wrap-about-slide .wrap-about-slide-image .wrap-img-about-slide-03 {
  background: url("/img/company/img_about_silde03.png") no-repeat cover center;
}

/* line 30, app/assets/stylesheets/company.scss */
.wrap-about-slide .wrap-about-slide-image .wrap-img-about-slide.on {
  opacity: 1;
  -o-transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  z-index: 10;
}

/* line 32, app/assets/stylesheets/company.scss */
.wrap-brand-better img {
  width: 100%;
  max-width: 1920px;
}

/* line 34, app/assets/stylesheets/company.scss */
.wrap-story {
  background-image: linear-gradient(to left, #fff 56%, #f8efef 44%);
}

/* line 35, app/assets/stylesheets/company.scss */
.wrap-story .story-wrapper {
  display: flex;
  justify-content: space-between;
}

/* line 36, app/assets/stylesheets/company.scss */
.wrap-story .story-wrapper .wrapper-text-left {
  position: relative;
  width: 50%;
  padding-top: 10%;
  padding-left: 19.27%;
}

/* line 37, app/assets/stylesheets/company.scss */
.wrap-story .story-wrapper .wrapper-text-left .wrap-left-menu {
  position: absolute;
  top: 10%;
  z-index: 10;
}

/* line 38, app/assets/stylesheets/company.scss */
.wrap-story .story-wrapper .wrapper-text-left em {
  font-family: 'Poppins';
  font-size: 0.94vw;
  line-height: normal;
  letter-spacing: 0.022rem;
  color: #707070;
  padding-bottom: 1.25rem;
}

/* line 39, app/assets/stylesheets/company.scss */
.wrap-story .story-wrapper .wrapper-text-left h1 {
  font-family: 'Noto Serif KR';
  font-size: 2.08vw;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: -0.1rem;
  color: #333;
}

/* line 40, app/assets/stylesheets/company.scss */
.wrap-story .story-wrapper .wrapper-text-right {
  margin-top: 6%;
  width: 50%;
}

/* line 41, app/assets/stylesheets/company.scss */
.wrap-story .story-wrapper .wrapper-text-right ul {
  width: 100%;
  max-width: 950px;
}

/* line 42, app/assets/stylesheets/company.scss */
.wrap-story .story-wrapper .wrapper-text-right ul li {
  padding-bottom: 6.437rem;
}

/* line 43, app/assets/stylesheets/company.scss */
.wrap-story .story-wrapper .wrapper-text-right .img-about-story {
  width: 100%;
}

/* line 46, app/assets/stylesheets/company.scss */
.wrap-doctor {
  width: 100%;
  max-width: 1920px;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  z-index: 100;
}

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

/* line 48, app/assets/stylesheets/company.scss */
.wrap-doctor-doce .doctor-info-wrapper {
  padding: 3.75rem 0 6.25rem 0;
  font-family: 'Spoqa Han Sans Neo';
  font-size: 1.125rem;
  line-height: 1.56;
  letter-spacing: -0.022rem;
  color: #626262;
  display: flex;
  justify-content: space-between;
}

/* line 49, app/assets/stylesheets/company.scss */
.wrap-doctor-doce .doctor-info-wrapper .ceo-name {
  font-family: 'Spoqa Han Sans Neo';
  font-size: 1.5rem;
  line-height: 2.22;
  font-weight: bold;
}

/* line 51, app/assets/stylesheets/company.scss */
.wrap-doctor-schedule img {
  width: 100%;
  max-width: 1180px;
  padding: 0 19%;
}

/* line 52, app/assets/stylesheets/company.scss */
.wrap-doctor-schedule .wrapper-schedule-title {
  background-color: #F8F8F8;
  padding: 5.562rem 0;
}

/* line 53, app/assets/stylesheets/company.scss */
.wrap-doctor-schedule .wrapper-schedule-title h1 {
  font-family: 'Noto Serif KR';
  font-size: 2.5rem;
  font-weight: bold;
  line-height: normal;
  letter-spacing: -0.1rem;
  text-align: center;
  color: #333;
  padding-bottom: 1.062rem;
}

/* line 54, app/assets/stylesheets/company.scss */
.wrap-brand-location img {
  width: 100%;
  max-width: 1920px;
}

/* line 56, app/assets/stylesheets/company.scss */
.wrap-lounge .wrapper-lounge-title {
  background-color: #f8efef;
  padding: 5.562rem 0;
}

/* line 57, app/assets/stylesheets/company.scss */
.wrap-lounge .wrapper-lounge-title h1 {
  font-family: 'Noto Serif KR';
  font-size: 2.5rem;
  font-weight: bold;
  line-height: normal;
  letter-spacing: -0.1rem;
  text-align: center;
  color: #333;
  padding-bottom: 1.062rem;
}

/* line 58, app/assets/stylesheets/company.scss */
.wrap-lounge .wrapper-lounge-title p {
  font-family: 'Spoqa Han Sans Neo';
  font-size: 1.125rem;
  line-height: normal;
  letter-spacing: -0.022rem;
  text-align: center;
  color: #626262;
}

/* line 59, app/assets/stylesheets/company.scss */
.wrap-lounge .wrapper-lounge-slide {
  margin: 6.25rem 0 5rem 0;
}

/* line 60, app/assets/stylesheets/company.scss */
.wrap-lounge .wrapper-lounge-slide .lounge-slide-wrapper {
  display: flex;
  justify-content: space-between;
  padding-bottom: 1.25rem;
}

/* line 61, app/assets/stylesheets/company.scss */
.wrap-lounge .wrapper-lounge-slide .lounge-slide-wrapper h3 {
  font-family: 'Poppins';
  font-size: 1.5rem;
  line-height: normal;
  letter-spacing: -0.03rem;
  color: #626262;
}

/* line 62, app/assets/stylesheets/company.scss */
.wrap-lounge .wrapper-lounge-slide .lounge-slide-wrapper .icon-wrapper .material-icons {
  font-size: 34px;
  color: #aeaeae;
}

/* line 63, app/assets/stylesheets/company.scss */
.wrap-lounge .wrapper-lounge-slide .lounge-slide-img-wrap {
  width: 100%;
  max-width: 1920px;
}

/* line 64, app/assets/stylesheets/company.scss */
.wrap-lounge .wrapper-lounge-slide .lounge-slide-img-wrap .img-slide-lounge-slide {
  width: 100%;
  display: block;
}

/* line 65, app/assets/stylesheets/company.scss */
.wrap-lounge .wrapper-lounge-slide .lounge-slide-text-wrap .lounge-docs-wrap {
  display: flex;
  justify-content: space-between;
}

/* line 66, app/assets/stylesheets/company.scss */
.wrap-lounge .wrapper-lounge-slide .lounge-slide-text-wrap .lounge-docs-wrap h2 {
  font-family: 'Spoqa Han Sans Neo';
  font-size: 1.875rem;
  font-weight: bold;
  color: #262626;
  margin-top: 1.5rem;
}

/* line 67, app/assets/stylesheets/company.scss */
.wrap-lounge .wrapper-lounge-slide .lounge-slide-text-wrap .lounge-docs-wrap p {
  font-family: 'Spoqa Han Sans Neo';
  font-size: 1.125rem;
  line-height: normal;
  letter-spacing: -0.022rem;
  color: #707070;
  margin-top: 1.312rem;
}

/* line 68, app/assets/stylesheets/company.scss */
.wrap-lounge .wrapper-lounge-slide .lounge-slide-text-wrap .lounge-docs-wrap .text-red {
  color: #ff0000;
}

/* line 69, app/assets/stylesheets/company.scss */
.wrap-lounge .wrapper-lounge-slide .lounge-slide-text-wrap .lounge-page-number-wrap {
  font-family: 'Poppins';
  font-size: 2.5rem;
  font-weight: 300;
  line-height: normal;
  color: #040404;
  font-style: italic;
  opacity: 0.2;
  margin-top: 1.062rem;
}

/* line 70, app/assets/stylesheets/company.scss */
.wrap-lounge .wrapper-lounge-slide .lounge-slide-text-wrap .lounge-page-number-wrap .slide-page-number-hover {
  font-weight: 500;
}

/* line 71, app/assets/stylesheets/company.scss */
#d-section-lounge-slides {
  position: relative;
  cursor: pointer;
}

/* line 72, app/assets/stylesheets/company.scss */
#d-section-lounge-slides .wrap-swiper-button {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 1180px;
  height: 100%;
  margin: 0 auto;
}

/* line 73, app/assets/stylesheets/company.scss */
#d-section-lounge-slides .wrap-swiper-button .swiper-button-prev,
#d-section-lounge-slides .wrap-swiper-button .swiper-button-next {
  background: none;
  cursor: pointer;
}

/* line 75, app/assets/stylesheets/company.scss */
#d-section-lounge-slides .wrap-swiper-button .swiper-button-prev {
  top: -34px;
  left: 92%;
}

/* line 76, app/assets/stylesheets/company.scss */
#d-section-lounge-slides .wrap-swiper-button .swiper-button-next {
  top: -34px;
  right: 7px;
}

/* line 77, app/assets/stylesheets/company.scss */
#d-section-lounge-slides .wrap-swiper-button .swiper-button-prev .material-icons,
#d-section-lounge-slides .wrap-swiper-button .swiper-button-next .material-icons {
  font-size: 2.125rem;
  color: #aeaeae;
  text-align: center;
}

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

/* line 80, app/assets/stylesheets/company.scss */
#d-section-lounge-slides .wrap-pagination {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  padding-top: 1.5rem;
}

/* line 81, app/assets/stylesheets/company.scss */
#d-section-lounge-slides .wrap-pagination .swiper-pagination {
  position: static;
  width: 100%;
  max-width: 1180px;
}

/* line 82, app/assets/stylesheets/company.scss */
#d-section-lounge-slides .wrap-pagination .swiper-pagination .swiper-pagination-bullet {
  width: 33.333%;
  max-width: 393.3px;
  height: auto;
  background: none;
  padding-bottom: 5px;
  border-bottom: 2px solid #ccc;
  border-radius: 0;
}

/* line 83, app/assets/stylesheets/company.scss */
#d-section-lounge-slides .wrap-pagination .swiper-pagination .swiper-pagination-bullet-active {
  border-bottom: 2px solid #004082;
}

/* line 87, app/assets/stylesheets/company.scss */
.wrap-lounge .lounge-info-wrapper {
  margin-bottom: 6.25rem;
}

/* line 88, app/assets/stylesheets/company.scss */
.wrap-lounge .lounge-info-wrapper h1 {
  font-family: 'Spoqa Han Sans Neo';
  font-size: 1.875rem;
  font-weight: bold;
  line-height: normal;
  color: #262626;
}

/* line 89, app/assets/stylesheets/company.scss */
.wrap-lounge .lounge-info-wrapper hr {
  width: 100%;
  height: 1px;
  border-width: 0;
  background-color: #cec8c8;
  margin: 0.75rem 0 0.937rem 0;
}

/* line 90, app/assets/stylesheets/company.scss */
.wrap-lounge .lounge-info-wrapper p {
  font-family: 'Spoqa Han Sans Neo';
  font-size: 1.125rem;
  line-height: normal;
  letter-spacing: -0.022rem;
  color: #707070;
}

/* line 91, app/assets/stylesheets/company.scss */
.wrap-lounge .lounge-info-wrapper .info-desk-wrapper {
  display: flex;
  margin-bottom: 2.5rem;
  justify-content: space-between;
}

/* line 92, app/assets/stylesheets/company.scss */
.wrap-lounge .lounge-info-wrapper .info-desk-wrapper .wrap-docs {
  width: 28.75rem;
}

/* line 93, app/assets/stylesheets/company.scss */
.wrap-lounge .lounge-info-wrapper .info-room-wrapper {
  display: flex;
  margin-bottom: 2.5rem;
}

/* line 94, app/assets/stylesheets/company.scss */
.wrap-lounge .lounge-info-wrapper .info-room-wrapper .consulting-wrapper {
  margin-right: 2.5rem;
}

/* line 95, app/assets/stylesheets/company.scss */
.wrap-lounge .lounge-info-wrapper .aesthetic-wrapper .wrap-docs {
  display: flex;
}

/* line 96, app/assets/stylesheets/company.scss */
.wrap-lounge .lounge-info-wrapper .aesthetic-wrapper .wrap-docs p {
  margin: 2.062rem 0 0 3.625rem;
}

/* line 99, app/assets/stylesheets/company.scss */
.wrap-lounge .lounge-info-wrapper .img-info-desk {
  width: 100%;
  max-width: 57.63%;
}

/* line 100, app/assets/stylesheets/company.scss */
.wrap-lounge .lounge-info-wrapper .img-info-desk {
  width: 100%;
  /*height: 330px;*/
  margin: left 2.5rem;
}

/* line 101, app/assets/stylesheets/company.scss */
.wrap-lounge .lounge-info-wrapper .img-info-desk img {
  width: 100%;
}

/* line 102, app/assets/stylesheets/company.scss */
.wrap-lounge .lounge-info-wrapper .consulting-wrapper {
  width: 100%;
  max-width: 57.63%;
}

/* line 103, app/assets/stylesheets/company.scss */
.wrap-lounge .lounge-info-wrapper .consulting-wrapper .img-consulting-room {
  width: 100%;
  /*height: 330px;*/
}

/* line 104, app/assets/stylesheets/company.scss */
.wrap-lounge .lounge-info-wrapper .consulting-wrapper .img-consulting-room img {
  width: 100%;
}

/* line 105, app/assets/stylesheets/company.scss */
.wrap-lounge .lounge-info-wrapper .treatment-wrapper {
  width: 100%;
  max-width: 38.98%;
}

/* line 106, app/assets/stylesheets/company.scss */
.wrap-lounge .lounge-info-wrapper .treatment-wrapper .img-treatment-room {
  width: 100%;
  /*height: 330px;*/
}

/* line 107, app/assets/stylesheets/company.scss */
.wrap-lounge .lounge-info-wrapper .treatment-wrapper .img-treatment-room img {
  width: 100%;
}

/* line 108, app/assets/stylesheets/company.scss */
.wrap-lounge .lounge-info-wrapper .aesthetic-wrapper {
  width: 100%;
  max-width: 100.00%;
}

/* line 109, app/assets/stylesheets/company.scss */
.wrap-lounge .lounge-info-wrapper .aesthetic-wrapper .img-aesthetic {
  width: 100%;
  /*height: 373px;*/
}

/* 피부과 전문의 시작 */
/* line 138, app/assets/stylesheets/company.scss */
.wrap-main-about-doctor {
  background-image: url("/img/company/img_main_doctor.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  height: 799px;
}

/* line 139, app/assets/stylesheets/company.scss */
.wrap-main-about-doctor .text-desc {
  padding-top: 15rem;
  margin-left: 59.32%;
}

/* line 140, app/assets/stylesheets/company.scss */
.wrap-main-about-doctor .text-desc em {
  font-family: 'Spoqa Han Sans Neo';
  font-size: 1.125rem;
  letter-spacing: 0.022rem;
  color: #ccc;
}

/* line 141, app/assets/stylesheets/company.scss */
.wrap-main-about-doctor .text-desc h1 {
  font-family: 'Noto Serif KR';
  font-size: 2.5rem;
  font-weight: bold;
  letter-spacing: -0.1rem;
  color: #fff;
  line-height: normal;
}

/* line 142, app/assets/stylesheets/company.scss */
.wrap-main-about-doctor .text-desc hr {
  width: 4.375rem;
  height: 1px;
  border-width: 0;
  background-color: #ccc;
  margin: 2.5rem 0;
}

/* line 143, app/assets/stylesheets/company.scss */
.wrap-main-about-doctor .text-desc p {
  font-family: 'Spoqa Han Sans Neo';
  font-size: 1.125rem;
  letter-spacing: -0.022rem;
  color: #ccc;
  padding-bottom: 0.625rem;
  line-height: normal;
}

/* line 144, app/assets/stylesheets/company.scss */
.wrap-main-about-doctor .arrow-more {
  border: 1px solid #fff;
  border-radius: 1.875rem;
  margin: 7.5rem auto 0;
  width: 1.875rem;
  height: 1.875rem;
  text-align: center;
}

/* line 145, app/assets/stylesheets/company.scss */
.wrap-main-about-doctor .arrow-more .material-icons {
  padding-top: 4px;
  color: #fff;
}

/* line 147, app/assets/stylesheets/company.scss */
.wrap-dermatologist-about img {
  width: 100%;
  max-width: 1920px;
}

/* line 149, app/assets/stylesheets/company.scss */
.wrap-dermatologist-time img {
  width: 100%;
  max-width: 1920px;
}

/* line 151, app/assets/stylesheets/company.scss */
.wrap-dermatologist-distinction img {
  width: 100%;
  max-width: 1920px;
  margin-top: 0;
}

/* line 152, app/assets/stylesheets/company.scss */
.wrap-dermatologist-distinction p {
  font-family: 'Spoqa Han Sans Neo';
  font-size: 1.5rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.075rem;
  color: #fff;
  padding-bottom: 0.625rem;
}

/* line 153, app/assets/stylesheets/company.scss */
.wrap-dermatologist-distinction .btn-find-dermatologist {
  font-family: 'Spoqa Han Sans Neo';
  font-size: 1.125rem;
  line-height: normal;
  letter-spacing: -0.022rem;
  color: #ccc;
  text-decoration: underline;
}

/* line 155, app/assets/stylesheets/company.scss */
.wrap-dermatologist-info img {
  width: 100%;
  max-width: 1920px;
}

@media (max-width: 600px) {
  /* line 161, app/assets/stylesheets/company.scss */
  .desktop {
    display: none;
  }
  /* line 162, app/assets/stylesheets/company.scss */
  .mobile {
    display: block;
  }
  /* about-us 메인이미지 시작 */
  /* line 166, app/assets/stylesheets/company.scss */
  .wrap-main-about-us {
    text-align: center;
    height: 85%;
    position: relative;
    background: none;
  }
  /* line 167, app/assets/stylesheets/company.scss */
  .wrap-main-about-us .m-img-aboutus {
    width: 100%;
  }
  /* line 168, app/assets/stylesheets/company.scss */
  .wrap-main-about-us .wrap-main-img {
    z-index: -1;
  }
  /* line 169, app/assets/stylesheets/company.scss */
  .wrap-main-about-us .text-desc {
    padding-top: 150px;
    z-index: 11;
    position: absolute;
    margin-left: 0;
    top: 0;
    left: 0;
    right: 0;
  }
  /* line 170, app/assets/stylesheets/company.scss */
  .wrap-main-about-us .text-desc em {
    font-size: 0.812rem;
    line-height: 1.54;
    letter-spacing: -0.065rem;
    color: #ccc;
  }
  /* line 171, app/assets/stylesheets/company.scss */
  .wrap-main-about-us .text-desc h1 {
    font-size: 1.562rem;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.156rem;
    color: #fff;
  }
  /* line 172, app/assets/stylesheets/company.scss */
  .wrap-main-about-us .text-desc hr {
    width: 80px;
    height: 1px;
    border-width: 0;
    background-color: #ccc;
    margin: 20px auto;
    opacity: 0.5;
  }
  /* line 173, app/assets/stylesheets/company.scss */
  .wrap-main-about-us .text-desc p {
    font-size: 0.812rem;
    letter-spacing: -0.065rem;
    color: #ccc;
    line-height: 1.54;
    margin-top: 50px;
  }
  /* line 174, app/assets/stylesheets/company.scss */
  .wrap-main-about-us .arrow-more {
    border: 1px solid #fff;
    border-radius: 20px;
    margin: 575px auto 0;
    width: 23px;
    height: 23px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 11;
  }
  /* line 175, app/assets/stylesheets/company.scss */
  .wrap-main-about-us .arrow-more .material-icons {
    padding-top: 1px;
    color: #fff;
  }
  /* about-us 메인이미지 끝 */
  /* 3 step slide 시작 */
  /* line 179, app/assets/stylesheets/company.scss */
  .about-slide-wrapper.m-about-slide-wrapper {
    width: 100%;
    position: relative;
    height: 100%;
  }
  /* line 180, app/assets/stylesheets/company.scss */
  .about-slide-wrapper.m-about-slide-wrapper .about-slide {
    display: block;
    height: 100%;
  }
  /* line 181, app/assets/stylesheets/company.scss */
  .about-slide-wrapper.m-about-slide-wrapper .m-img-about-slide {
    position: absolute;
    top: 0;
    width: 100%;
    display: none;
    height: 100%;
  }
  /* line 182, app/assets/stylesheets/company.scss */
  .about-slide-wrapper.m-about-slide-wrapper .m-img-about-slide.active {
    display: block;
  }
  /* line 183, app/assets/stylesheets/company.scss */
  .about-slide-wrapper.m-about-slide-wrapper .wrapper-text {
    display: block;
  }
  /* line 184, app/assets/stylesheets/company.scss */
  .about-slide-wrapper.m-about-slide-wrapper .wrapper-text-out {
    position: relative;
    width: 90%;
    max-width: 100%;
    margin: 0 auto;
    height: 208px;
    cursor: pointer;
  }
  /* line 185, app/assets/stylesheets/company.scss */
  .about-slide-wrapper.m-about-slide-wrapper .wrapper-text-out h2 {
    font-family: 'Poppins';
    font-size: 1.25rem;
    letter-spacing: 0.125rem;
    padding-top: 90px;
    padding-bottom: 5px;
    opacity: 0.3;
    color: #333;
  }
  /* line 186, app/assets/stylesheets/company.scss */
  .about-slide-wrapper.m-about-slide-wrapper .wrapper-text-out h3 {
    font-family: 'Noto Serif KR';
    font-size: 0.812rem;
    letter-spacing: -0.065rem;
    color: #626262;
    padding-bottom: 20px;
    opacity: 0.3;
  }
  /* line 187, app/assets/stylesheets/company.scss */
  .about-slide-wrapper.m-about-slide-wrapper .wrapper-text-out h6 {
    display: none;
  }
  /* line 188, app/assets/stylesheets/company.scss */
  .about-slide-wrapper.m-about-slide-wrapper .wrapper-text-out p {
    font-family: 'Noto Serif KR';
    font-size: 1.875rem;
    letter-spacing: -0.15rem;
    color: #626262;
    padding-right: 0;
    opacity: 0.2;
  }
  /* line 189, app/assets/stylesheets/company.scss */
  .about-slide-wrapper.m-about-slide-wrapper .wrapper-text-out.active h2 {
    font-size: 1.25rem;
    line-height: normal;
    padding-top: 55px;
    padding-bottom: 10px;
    opacity: 1;
    text-align: center;
  }
  /* line 190, app/assets/stylesheets/company.scss */
  .about-slide-wrapper.m-about-slide-wrapper .wrapper-text-out.active h3 {
    font-size: 0.812rem;
    font-weight: bold;
    line-height: normal;
    padding-bottom: 15px;
    opacity: 1;
    text-align: center;
  }
  /* line 191, app/assets/stylesheets/company.scss */
  .about-slide-wrapper.m-about-slide-wrapper .wrapper-text-out.active h6 {
    display: block;
    font-family: 'Spoqa Han Sans Neo';
    font-size: 0.812rem;
    line-height: 1.54;
    letter-spacing: -0.065rem;
    padding-bottom: 10px;
    color: #626262;
    text-align: center;
  }
  /* line 192, app/assets/stylesheets/company.scss */
  .about-slide-wrapper.m-about-slide-wrapper .wrapper-text-out.active p {
    font-size: 2.5rem;
    font-weight: bold;
    letter-spacing: -0.2rem;
    position: absolute;
    z-index: 2;
    right: 0;
    top: 140px;
    opacity: 1;
  }
  /* 3 step slide 끝 */
  /* 브랜드 스토리 시작 */
  /* line 196, app/assets/stylesheets/company.scss */
  .wrap-story {
    background-image: linear-gradient(to bottom, #f8efef, #fff);
  }
  /* line 197, app/assets/stylesheets/company.scss */
  .wrap-story .story-wrapper {
    display: block;
  }
  /* line 198, app/assets/stylesheets/company.scss */
  .wrap-story .story-wrapper .wrapper-text-left {
    padding-top: 100px;
    padding-left: 5.55%;
  }
  /* line 199, app/assets/stylesheets/company.scss */
  .wrap-story .story-wrapper .wrapper-text-left em {
    font-size: 0.812rem;
    line-height: 1.54;
    letter-spacing: -0.032rem;
    color: #626262;
    padding-bottom: 3px;
  }
  /* line 200, app/assets/stylesheets/company.scss */
  .wrap-story .story-wrapper .wrapper-text-left h1 {
    font-size: 1.562rem;
    letter-spacing: -0.156rem;
  }
  /* line 201, app/assets/stylesheets/company.scss */
  .wrap-story .story-wrapper .wrapper-text-right {
    margin-top: 50px;
    width: 100%;
  }
  /* line 202, app/assets/stylesheets/company.scss */
  .wrap-story .story-wrapper .wrapper-text-right ul {
    width: 100%;
    max-width: 100%;
  }
  /* line 203, app/assets/stylesheets/company.scss */
  .wrap-story .story-wrapper .wrapper-text-right ul li {
    padding-bottom: 50px;
    text-align: right;
  }
  /* line 204, app/assets/stylesheets/company.scss */
  .wrap-story .story-wrapper .wrapper-text-right .m-img-about-story {
    width: 79.1%;
  }
  /* 브랜드 스토리 끝 */
  /* 의사소개 시작 */
  /* line 208, app/assets/stylesheets/company.scss */
  .wrap-doctor .m-img-about-doctor {
    width: 100%;
    display: block;
  }
  /* 의사소개 끝 */
  /* 의료진 시간 시작 */
  /* line 212, app/assets/stylesheets/company.scss */
  .wrap-doctor-schedule img {
    width: 90%;
    display: block;
    padding: 0;
    margin: 0 auto;
  }
  /* line 213, app/assets/stylesheets/company.scss */
  .wrap-doctor-schedule .wrapper-schedule-title {
    padding: 50px 0 50px;
  }
  /* line 214, app/assets/stylesheets/company.scss */
  .wrap-doctor-schedule .wrapper-schedule-title h1 {
    font-size: 1.562rem;
    letter-spacing: -0.156rem;
    text-align: left;
    padding-left: 20px;
  }
  /* 의료진 시간 끝 */
  /* 병원 공간 소개 시작 */
  /* line 219, app/assets/stylesheets/company.scss */
  .wrap-lounge .wrapper-lounge-title h1 {
    font-size: 1.25rem;
    line-height: 1.4;
    letter-spacing: -0.1rem;
    color: #333;
    padding-bottom: 10px;
  }
  /* line 220, app/assets/stylesheets/company.scss */
  .wrap-lounge .wrapper-lounge-title p {
    font-size: 0.812rem;
    line-height: 1.54;
    letter-spacing: -0.065rem;
  }
  /* line 221, app/assets/stylesheets/company.scss */
  .wrap-lounge .wrapper-lounge-title {
    padding: 100px 0 50px;
  }
  /* line 222, app/assets/stylesheets/company.scss */
  .wrap-lounge .wrapper-lounge-slide {
    margin: 0 0 50px 0;
  }
  /* line 223, app/assets/stylesheets/company.scss */
  .wrap-lounge .wrapper-lounge-slide .lounge-slide-img-wrap {
    width: 100%;
    max-width: 100%;
  }
  /* line 224, app/assets/stylesheets/company.scss */
  .wrap-lounge .wrapper-lounge-slide .lounge-slide-img-wrap img {
    width: 100%;
  }
  /* line 225, app/assets/stylesheets/company.scss */
  .wrap-lounge .wrapper-lounge-slide .wrap-slide-line {
    width: 90%;
  }
  /* line 226, app/assets/stylesheets/company.scss */
  .wrap-lounge .wrapper-lounge-slide .lounge-slide-wrapper {
    width: 90%;
    padding-bottom: 0;
  }
  /* line 227, app/assets/stylesheets/company.scss */
  .wrap-lounge .wrapper-lounge-slide .lounge-slide-wrapper h3 {
    font-size: 0.812rem;
    line-height: 1.54;
    letter-spacing: -0.032rem;
    padding-top: 20px;
  }
  /* line 228, app/assets/stylesheets/company.scss */
  .wrap-lounge .wrapper-lounge-slide .lounge-slide-wrapper .icon-wrapper {
    margin-top: 20px;
  }
  /* line 229, app/assets/stylesheets/company.scss */
  .wrap-lounge .wrapper-lounge-slide .lounge-slide-text-wrap {
    width: 90%;
  }
  /* line 230, app/assets/stylesheets/company.scss */
  .wrap-lounge .wrapper-lounge-slide .lounge-slide-text-wrap .lounge-docs-wrap {
    display: block;
  }
  /* line 231, app/assets/stylesheets/company.scss */
  .wrap-lounge .wrapper-lounge-slide .lounge-slide-text-wrap .lounge-docs-wrap h2 {
    font-size: 1.25rem;
    color: #242424;
    margin-top: 10px;
    line-height: normal;
    letter-spacing: -0.05rem;
  }
  /* line 232, app/assets/stylesheets/company.scss */
  .wrap-lounge .wrapper-lounge-slide .lounge-slide-text-wrap .lounge-docs-wrap p {
    font-size: 0.812rem;
    line-height: 1.54;
    letter-spacing: -0.065rem;
    color: #626262;
    margin-top: 20px;
  }
  /* line 233, app/assets/stylesheets/company.scss */
  .wrap-lounge .wrapper-lounge-slide .lounge-slide-text-wrap .lounge-page-number-wrap {
    font-size: 1.25rem;
    text-align: right;
  }
  /* line 234, app/assets/stylesheets/company.scss */
  .wrap-lounge .lounge-info-wrapper {
    margin-bottom: 6.25rem;
    width: 90%;
  }
  /* line 235, app/assets/stylesheets/company.scss */
  .wrap-lounge .lounge-info-wrapper .info-desk-wrapper {
    display: block;
    margin-bottom: 50px;
  }
  /* line 236, app/assets/stylesheets/company.scss */
  .wrap-lounge .lounge-info-wrapper .img-info-desk {
    width: 100%;
    max-width: 100%;
    /*height: 175px;*/
    margin-right: 0;
  }
  /* line 237, app/assets/stylesheets/company.scss */
  .wrap-lounge .lounge-info-wrapper h1 {
    font-size: 1.25rem;
    letter-spacing: -0.05rem;
    color: #242424;
    margin: 20px 0 10px;
  }
  /* line 238, app/assets/stylesheets/company.scss */
  .wrap-lounge .lounge-info-wrapper hr {
    width: 100%;
    height: 1px;
    border-width: 0;
    background-color: #cec8c8;
    margin: 0 0 10px 0;
  }
  /* line 239, app/assets/stylesheets/company.scss */
  .wrap-lounge .lounge-info-wrapper p {
    font-size: 0.812rem;
    line-height: 1.54;
    letter-spacing: -0.065rem;
    color: #626262;
  }
  /* line 240, app/assets/stylesheets/company.scss */
  .wrap-lounge .lounge-info-wrapper .info-room-wrapper {
    display: block;
  }
  /* line 241, app/assets/stylesheets/company.scss */
  .wrap-lounge .lounge-info-wrapper .info-desk-wrapper .wrap-docs {
    width: 100%;
  }
  /* line 242, app/assets/stylesheets/company.scss */
  .wrap-lounge .lounge-info-wrapper .info-room-wrapper .consulting-wrapper {
    margin-right: 0;
    width: 100%;
    max-width: 100%;
  }
  /* line 243, app/assets/stylesheets/company.scss */
  .wrap-lounge .lounge-info-wrapper .consulting-wrapper .img-consulting-room {
    width: 100%;
    /*height: 175px;*/
  }
  /* line 244, app/assets/stylesheets/company.scss */
  .wrap-lounge .lounge-info-wrapper .treatment-wrapper {
    width: 100%;
    max-width: 100%;
  }
  /* line 245, app/assets/stylesheets/company.scss */
  .wrap-lounge .lounge-info-wrapper .treatment-wrapper .img-treatment-room {
    width: 100%;
    /*height: 175px;*/
    margin-top: 50px;
  }
  /* line 246, app/assets/stylesheets/company.scss */
  .wrap-lounge .lounge-info-wrapper .aesthetic-wrapper .wrap-docs {
    display: block;
  }
  /* line 247, app/assets/stylesheets/company.scss */
  .wrap-lounge .lounge-info-wrapper .aesthetic-wrapper .wrap-docs p {
    margin: 0;
  }
  /* line 248, app/assets/stylesheets/company.scss */
  .wrap-lounge .lounge-info-wrapper .aesthetic-wrapper {
    width: 100%;
    max-width: 100%;
  }
  /* line 249, app/assets/stylesheets/company.scss */
  .wrap-lounge .lounge-info-wrapper .aesthetic-wrapper .img-aesthetic {
    width: 100%;
    /*height: 175px;*/
  }
  /* line 250, app/assets/stylesheets/company.scss */
  .wrap-lounge .lounge-info-wrapper .aesthetic-wrapper .img-aesthetic img {
    width: 100%;
  }
  /* line 251, app/assets/stylesheets/company.scss */
  #m-section-lounge-slides {
    position: relative;
  }
  /* line 252, app/assets/stylesheets/company.scss */
  #m-section-lounge-slides .wrap-swiper-button {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -23px;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
  }
  /* line 253, app/assets/stylesheets/company.scss */
  #m-section-lounge-slides .wrap-swiper-button .swiper-button-prev,
#m-section-lounge-slides .wrap-swiper-button .swiper-button-next {
    background: none;
    height: 0;
    margin-top: 0;
  }
  /* line 255, app/assets/stylesheets/company.scss */
  #m-section-lounge-slides .wrap-swiper-button .swiper-button-prev {
    left: 75%;
  }
  /* line 256, app/assets/stylesheets/company.scss */
  #m-section-lounge-slides .wrap-swiper-button .swiper-button-next {
    right: 5%;
  }
  /* line 257, app/assets/stylesheets/company.scss */
  #m-section-lounge-slides .wrap-swiper-button .swiper-button-prev .material-icons,
#m-section-lounge-slides .wrap-swiper-button .swiper-button-next .material-icons {
    font-size: 1.062rem;
    color: #aeaeae;
    text-align: center;
  }
  /* line 259, app/assets/stylesheets/company.scss */
  #m-section-lounge-slides .wrap-swiper-button .swiper-button-prev .material-icons {
    padding-left: 0.7rem;
    box-sizing: border-box;
  }
  /* line 260, app/assets/stylesheets/company.scss */
  #m-section-lounge-slides .wrap-pagination {
    width: 100%;
    margin: 0 auto;
    padding-top: 1.5rem;
  }
  /* line 261, app/assets/stylesheets/company.scss */
  #m-section-lounge-slides .wrap-pagination .swiper-pagination {
    position: static;
    width: 90%;
    margin: 0 auto;
  }
  /* line 262, app/assets/stylesheets/company.scss */
  #m-section-lounge-slides .wrap-pagination .swiper-pagination .swiper-pagination-bullet {
    width: 33.333%;
    height: auto;
    background: none;
    padding-bottom: 5px;
    border-bottom: 2px solid #ccc;
    border-radius: 0;
  }
  /* line 263, app/assets/stylesheets/company.scss */
  #m-section-lounge-slides .wrap-pagination .swiper-pagination .swiper-pagination-bullet-active {
    border-bottom: 2px solid #004082;
  }
  /* 병원 공간 소개 끝 */
  /* 피부과 전문의 소개 */
  /* line 268, app/assets/stylesheets/company.scss */
  .wrap-main-about-doctor {
    background-image: url("/img/company/m_img_main_doctor.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    height: 550px;
  }
  /* line 269, app/assets/stylesheets/company.scss */
  .wrap-main-about-doctor .text-desc {
    text-align: center;
    margin-left: 0;
    padding-top: 100px;
  }
  /* line 270, app/assets/stylesheets/company.scss */
  .wrap-main-about-doctor .text-desc em {
    font-size: 0.812rem;
    line-height: 1.54;
    letter-spacing: -0.065rem;
  }
  /* line 271, app/assets/stylesheets/company.scss */
  .wrap-main-about-doctor .text-desc h1 {
    font-size: 1.56rem;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.156rem;
    color: #fff;
    margin: 10px 0;
  }
  /* line 272, app/assets/stylesheets/company.scss */
  .wrap-main-about-doctor .text-desc hr {
    width: 80px;
    margin: 20px auto;
  }
  /* line 273, app/assets/stylesheets/company.scss */
  .wrap-main-about-doctor .text-desc p {
    font-size: 0.812rem;
    line-height: 1.54;
    letter-spacing: -0.065rem;
    color: #ccc;
    padding-bottom: 0.625rem;
  }
  /* line 274, app/assets/stylesheets/company.scss */
  .wrap-main-about-doctor .arrow-more {
    border: 1px solid #fff;
    border-radius: 20px;
    margin: 540px auto 0;
    width: 23px;
    height: 23px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 11;
  }
  /* line 275, app/assets/stylesheets/company.scss */
  .wrap-main-about-doctor .arrow-more .material-icons {
    padding-top: 1px;
    color: #fff;
  }
  /* line 276, app/assets/stylesheets/company.scss */
  .wrap-dermatologist-about {
    margin: 0;
  }
  /* line 278, app/assets/stylesheets/company.scss */
  .wrap-dermatologist-distinction .m-img-about-doctor03 {
    display: block;
  }
}

/*# sourceMappingURL=company.css-79c366b65c12fb1093561bb8ecd4a9b182d97f9fb4a481ff0a6309d9f49a8e98.map */
