@charset "UTF-8";
section {
  overflow: hidden;
}

.intro_sub_1_1 {
  overflow: hidden;
  /* padding: 160px 0; */
  box-sizing: border-box;
  position: relative;
}
.intro_sub_1_1 {
}

.intro_sub_1_1 .mid {
  margin: 80px auto;
  text-align: center;
}

.intro_sub_1_1 .mid img {
  margin: 0 auto;
}

.intro_sub_1_1 .bottom {
}
.intro_sub_1_1 .bottom p {
  color: #474747;
  text-align: center;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.8;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 768px) {
  .intro_sub_1_1 .top h4 {
  }
  .intro_sub_1_1 .top h3 {
  }
  .intro_sub_1_1 .top p {
  }
  .intro_sub_1_1 .mid {
    margin: 40px auto;
  }
  .intro_sub_1_1 .mid img {
    display: block;
    width: 100%;
  }
  .intro_sub_1_1 .bottom p {
    font-size: 16px;
    letter-spacing: -0.64px;
  }
}

.intro_sub_1_2 {
  background: linear-gradient(180deg, #fff 0%, #fffaf7 100%);
}
.intro_sub_1_2 .cont_1 {
  background: url("/img/sub/intro_1/intro_sub_1_2_bg.png") no-repeat 50% 50% /
    55%;
  padding: 100px 0;
  display: flex;
  flex-direction: column;
  gap: 80px;
}
.intro_sub_1_2 .cont_1 > li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.intro_sub_1_2 .cont_1 .text_box {
}
.intro_sub_1_2 .cont_1 .text_box h3 {
  color: #303030;
  font-size: 40px;
  font-weight: 600;
  letter-spacing: -1.6px;
  position: relative;
  display: inline-block;
  z-index: 10;

  padding-bottom: 6px;
  background: linear-gradient(to top, #ffe2c1 36%, transparent 36%);
}

.intro_sub_1_2 .cont_1 .text_box p {
  margin-top: 20px;
  color: #474747;
  font-size: 18px;
  font-weight: 300;
  line-height: 2;
  letter-spacing: -1.08px;
}
.intro_sub_1_2 .cont_1 .img_box {
}
.intro_sub_1_2 .cont_1 .img_box img {
  max-width: 100%;
}

.intro_sub_1_3 {
  background: url("/img/sub/intro_1/intro_sub_1_3_bg.jpg") no-repeat 50% 50% /
    cover;
  background-attachment: fixed;
}

.intro_sub_1_3 .sub_sec_common_title {
  padding: 160px 0;
}

.intro_sub_1_3 .sub_sec_common_title h3,
.intro_sub_1_3 .sub_sec_common_title p {
  color: #fff;
}

@media screen and (max-width: 1020px) {
  .intro_sub_1_2 .cont_1 .text_box p {
    font-size: 16px;
    letter-spacing: -1.28px;
  }
  .intro_sub_1_2 .cont_1 {
    background-size: 60%;
  }
}
@media screen and (max-width: 768px) {
  .intro_sub_1_2 {
    padding: 20px 0;
    box-sizing: border-box;
  }
  .intro_sub_1_2 .cont_1 {
    background-image: none;
    gap: 60px;
  }
  .intro_sub_1_2 .cont_1 > li {
    flex-direction: column;
    gap: 40px;
  }
  .intro_sub_1_2 .cont_1 > li:nth-child(2) {
    flex-direction: column-reverse;
  }
  .intro_sub_1_2 .cont_1 .text_box h3 {
    font-size: 30px;
    letter-spacing: -1.2px;
  }

  .intro_sub_1_3 .sub_sec_common_title {
    padding: 100px 0;
  }
}

.intro_sub_2_1 {
  background-image: url(/img/sub/intro_2/intro_sub_2_1_img_1.png);
  background-position: bottom right;
  background-repeat: no-repeat;
  padding: 160px 0;
  box-sizing: border-box;
}
.intro_sub_2_1 .top {
}
.intro_sub_2_1 h3 {
  color: #454545;
  font-size: 50px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -4px;
}
.intro_sub_2_1 h3 > span {
  font-weight: 600;
}
.intro_sub_2_1 .cont_1 {
  margin-top: 80px;
}
.intro_sub_2_1 .cont_1 .name_box {
  position: relative;
}
.intro_sub_2_1 .cont_1 .name_box h2 {
  color: #303030;
  font-size: 50px;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: -2px;
}
.intro_sub_2_1 .cont_1 .name_box h2 > span {
  font-size: 24px;
  font-weight: 300;
}
.intro_sub_2_1 .cont_1 .name_box .eng_name {
  color: var(--maincolor);
  font-family: "Poppins";
  font-size: 76.522px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -3.061px;
  opacity: 0.2;
  position: absolute;
  top: -30px;
  left: 6%;
  z-index: -1;
  white-space: nowrap;
}
.intro_sub_2_1 .cont_1 .doctor_info_layout {
  margin-top: 50px;
  display: flex;
  gap: 40px;
}
.intro_sub_2_1 .cont_1 .doctor_info_layout .info_box {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.intro_sub_2_1 .cont_1 .doctor_info_layout .info_box > li {
  display: flex;
  gap: 8px;
  align-items: center;
}
.intro_sub_2_1 .cont_1 .doctor_info_layout .info_box li > span {
  width: 8px;
  height: 8px;
  background-color: #eaa150;
  border-radius: 100%;
  display: inline-block;
}
.intro_sub_2_1 .cont_1 .doctor_info_layout .info_box li > p {
  color: #474747;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.6;
  letter-spacing: -0.72px;
}

@media screen and (max-width: 768px) {
  .intro_sub_2_1 {
    padding: 80px 0;
    background-position: calc(100% - -120px) bottom;
    background-size: contain;
  }
  .intro_sub_2_1 h3 {
    font-size: 30px;
    letter-spacing: -2.4px;
  }
  .intro_sub_2_1 .cont_1 {
    margin-top: 40px;
  }
  .intro_sub_2_1 .cont_1 .name_box h2 {
    font-size: 36px;
    letter-spacing: -1.44px;
  }
  .intro_sub_2_1 .cont_1 .name_box h2 > span {
    font-size: 18px;
    letter-spacing: -0.72;
  }
  .intro_sub_2_1 .cont_1 .name_box .eng_name {
    font-size: 44px;
    letter-spacing: -1.6px;
    top: -18px;
    left: 15%;
  }
  .intro_sub_2_1 .cont_1 .doctor_info_layout {
    margin-top: 40px;
    flex-direction: column;
    gap: 10px;
  }
  .intro_sub_2_1 .cont_1 .doctor_info_layout .info_box {
    gap: 10px;
  }
  .intro_sub_2_1 .cont_1 .doctor_info_layout .info_box li {
  }
  .intro_sub_2_1 .cont_1 .doctor_info_layout .info_box li > span {
  }
  .intro_sub_2_1 .cont_1 .doctor_info_layout .info_box li > p {
    font-size: 16px;
    letter-spacing: -0.64px;
  }
}

.intro_sub_3_1 {
  padding: 160px 0;
  box-sizing: border-box;

  background: linear-gradient(to bottom, #fff, #fffbf8);
}
.intro_sub_3_1 .top {
}
.intro_sub_3_1 .top h3 {
  color: var(--maincolor);
  font-family: "Poppins";
  font-size: 30px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -1.2px;
  text-align: center;
}
.intro_sub_3_1 .top h2 {
  color: #303030;
  text-align: center;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: -1.6px;
}
.intro_sub_3_1 .map_box {
  margin-top: 80px;
  border-radius: 20px;
  background: url(<path-to-image>) lightgray 50% / cover no-repeat;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  position: relative;
}

.intro_sub_3_1 .map_box .map-wrap {
  position: relative;
  width: 100%;
  height: 50vw;
  max-height: 550px;
  min-height: 300px;
}

.map-wrapper .root_daum_roughmap_landing {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.intro_sub_3_1 .map_box .root_daum_roughmap {
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.intro_sub_3_1 .map_box .root_daum_roughmap .wrap_map {
  height: 50vw;
  max-height: 550px;
  min-height: 300px;
}
.intro_sub_3_1 .map_box .root_daum_roughmap .wrap_btn_zoom,
.intro_sub_3_1 .root_daum_roughmap .cont,
.intro_sub_3_1 .root_daum_roughmap .wrap_controllers {
  display: none;
}
.intro_sub_3_1 .map_link {
  padding: 15px 30px;
  box-sizing: border-box;
  border-radius: 500px;
  background: rgba(156, 156, 156, 0.25);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.intro_sub_3_1 .map_link {
  position: absolute;
  bottom: 15px;
  left: 50%;
  max-width: 1170px;
  width: 95%;
  z-index: 99;
  transform: translateX(-50%);
}
.intro_sub_3_1 .map_link .map_address {
  background-color: #fff;
  display: flex;
  align-items: center;
  border-radius: 500px;
  gap: 20px;
}
.intro_sub_3_1 .map_link .map_address .img_box svg {
  scale: 1.1;
}
.intro_sub_3_1 .map_link .map_address .map_text {
}
.intro_sub_3_1 .map_link .map_address .map_text p {
  padding-right: 30px;
  box-sizing: border-box;
  color: #474747;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: -0.8px;
}
.intro_sub_3_1 .map_link .link_list,
.intro_sub_3_1 .m_link_list {
  display: flex;
  align-items: center;
  gap: 10px;
}
.intro_sub_3_1 .map_link .link_list a,
.intro_sub_3_1 .m_link_list a {
  height: 50px;
  padding: 12px 25px;

  border-radius: 9999px;

  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;

  font-size: 20px;
  font-weight: 600;
}

.intro_sub_3_1 .map_link .link_list > *,
.intro_sub_3_1 .m_link_list > * {
  flex-shrink: 0;
}

.intro_sub_3_1 .map_link .link_list a.link_naver,
.intro_sub_3_1 .m_link_list a.link_naver {
  background: #2db400;
  color: #fff;
}

.intro_sub_3_1 .map_link .link_list a.link_kakao,
.intro_sub_3_1 .m_link_list a.link_kakao {
  background: #fed500;
  color: #000;
}

.intro_sub_3_1 .map_link .link_list i img,
.intro_sub_3_1 .m_link_list i img {
  width: 25px;
}

.intro_sub_3_1 .cont_2 {
  margin-top: 60px;
  display: flex;
  gap: 150px;
}
.intro_sub_3_1 .cont_2 .tit {
}
.intro_sub_3_1 .cont_2 .tit h4 {
  color: var(--maincolor);
  font-size: 20px;
  font-weight: 200;
  line-height: 1.6;
  letter-spacing: -0.8px;
  margin-bottom: 10px;
}
.intro_sub_3_1 .cont_2 .tit h3 {
  color: #303030;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: -1.2px;
}
.intro_sub_3_1 .cont_2 .time_list {
  margin-top: 18px;
}
.intro_sub_3_1 .cont_2 .time_list > li {
  display: flex;
  gap: 16px;
}
.intro_sub_3_1 .cont_2 .time_list > li p {
  color: #474747;
  font-size: 26px;
  font-weight: 300;
  line-height: 1.6;
  letter-spacing: -1.04px;
}
.intro_sub_3_1 .cont_2 .time_list > li ._1 {
  font-weight: 500;
  min-width: 100px;
}
.intro_sub_3_1 .cont_2 .time_list > li ._2 {
}
.intro_sub_3_1 .cont_2 .time_list + p {
  font-size: 20px;
  color: #474747;

  margin-top: 18px;
}
.intro_sub_3_1 .cont_2 .location_text {
  margin-top: 20px;
  color: #474747;
  font-size: 26px;
  font-weight: 300;
  line-height: 1.6;
  letter-spacing: -1.04px;
}
.intro_sub_3_1 .cont_2 .subway {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 12px;
}
.intro_sub_3_1 .cont_2 .subway .span_box {
  display: flex;
  align-items: center;
  gap: 5px;
}
.intro_sub_3_1 .cont_2 .subway span {
  color: #c9a754;
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  padding: 7px 16px;
  box-sizing: border-box;
  border-radius: 32px;
  border: 3px solid #c9a754;
  background: #fff;
  display: inline-block;
}
.intro_sub_3_1 .cont_2 .subway ._2 {
  color: #4e67a5;
  border: 3px solid #4e67a5;
}
.intro_sub_3_1 .cont_2 .subway > p {
  color: #474747;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.6;
  letter-spacing: -0.96px;
}
@media screen and (max-width: 1280px) {
  .intro_sub_3_1 .map_link {
    margin-top: 40px;
    padding: 10px 15px;
    gap: 15px;
  }
  .intro_sub_3_1 .map_link .map_address {
    gap: 20px;
  }
  .intro_sub_3_1 .map_link .map_address .map_text p {
    padding-right: 15px;
    font-size: 16px;
    text-align: center;
  }

  .intro_sub_3_1 .map_link .link_list a,
  .intro_sub_3_1 .m_link_list a {
    font-size: 18px;
  }

  .intro_sub_3_1 .map_link .link_list i img,
  .intro_sub_3_1 .m_link_list i img {
    width: 22px;
  }

  .intro_sub_3_1 .cont_2 {
    gap: 75px;
  }
}
@media screen and (max-width: 1200px) {
  .intro_sub_3_1 .cont_2 .time_list > li p,
  .intro_sub_3_1 .cont_2 .location_text,
  .intro_sub_3_1 .cont_2 .subway > p,
  .intro_sub_3_1 .cont_2 .subway span {
    font-size: 20px;
  }
  .intro_sub_3_1 .cont_2 .time_list + p {
    font-size: 18px;
  }

  .intro_sub_3_1 .cont_2 .flex_1 {
    flex: 1;
  }
}
@media screen and (max-width: 960px) {
  .intro_sub_3_1 .cont_2 .subway {
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
  }

  .intro_sub_3_1 .map_box {
    margin-top: 40px;
  }

  .intro_sub_3_1 .map_link {
    justify-content: center;
    padding: 6px 20px;
  }
  .intro_sub_3_1 .map_link .map_address .map_text p {
    font-size: 18px;
    white-space: nowrap;
  }
  .intro_sub_3_1 .map_link .map_address .img_box svg {
    width: 40px;
    height: 40px;
  }
  .m_link_list {
    margin-top: 20px;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
  }

  .intro_sub_3_1 .map_link .link_list a,
  .intro_sub_3_1 .m_link_list a {
    font-size: 16px;
    padding: 10px 22px;
  }

  .intro_sub_3_1 .map_link .link_list i img,
  .intro_sub_3_1 .m_link_list i img {
    width: 20px;
  }
}
@media screen and (max-width: 768px) {
  .intro_sub_3_1 {
    padding: 80px 0;
  }
  .intro_sub_3_1 .top {
  }
  .intro_sub_3_1 .top h3 {
    font-size: 18px;
    letter-spacing: -0.72;
  }
  .intro_sub_3_1 .top h2 {
    font-size: 30px;
    letter-spacing: -1.2px;
  }

  .intro_sub_3_1 .cont_2 {
    flex-direction: column;
    margin-top: 40px;
    gap: 20px;
  }
  .intro_sub_3_1 .cont_2 .tit h4 {
    font-size: 18px;
    letter-spacing: -0.72px;
  }
  .intro_sub_3_1 .cont_2 .tit h3 {
    font-size: 22px;
    letter-spacing: -0.88px;
  }
  .intro_sub_3_1 .cont_2 .time_list {
    margin-top: 12px;
  }
  .intro_sub_3_1 .cont_2 .time_list > li p,
  .intro_sub_3_1 .cont_2 .location_text,
  .intro_sub_3_1 .cont_2 .subway > p {
    font-size: 18px;
  }
  .intro_sub_3_1 .cont_2 .time_list + p {
    font-size: 16px;
  }

  .intro_sub_3_1 .cont_2 .subway span {
    font-size: 18px;
    padding: 3px 8px;
  }

  .intro_sub_3_1 .map_link .map_address .map_text p {
    font-size: 16px;
  }

  .intro_sub_3_1 .m_link_list a {
    font-size: 16px;
  }

  .intro_sub_3_1 .m_link_list i img {
    width: 18px;
  }
}

@media screen and (max-width: 500px) {
  .intro_sub_3_1 .m_link_list a {
    width: 50%;
    padding: 10px 10px;

    font-size: 15px;
    text-align: center;
  }

  .intro_sub_3_1 .map_link .map_address .map_text p {
    font-size: 14px;
    white-space: initial;
  }

  .intro_sub_3_1 .map_link .map_address .img_box svg {
    width: 30px;
    height: 30px;
  }
}