#doctors .top {
  height: 327px;
  background: url("/images/aboutlulu/doctors/pc-top.jpg") center/cover no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

#doctors .top .title {
  font-size: 36.78px;
  color: white;
}

#doctors .top .sub-title {
  letter-spacing: 0.3em;
  font-size: 14px;
  font-family: 'Lato', sans-serif;
  color: white;
  margin-top: 23px;
}

#doctors .top .description {
  font-size: 18px;
  color: white;
  margin-top: 23px;
}

@media (max-width: 768px) {
  #doctors .top {
    height: 42.578125vw;
  }

  #doctors .top .title {
    font-size: 4.7890625vw;
  }

  #doctors .top .sub-title {
    font-size: 1.82vw;
    margin-top: 2.99vw;
  }

  #doctors .top .description {
    font-size: 2.34375vw;
    margin-top: 2.99vw;
  }
}

#doctors .doctors {
  width: 1200px;
  padding: 96px 0 105px;
  margin: 0 auto;
  border-bottom: 1px solid #d8d8d8;
}

#doctors .doctors .doctor-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#doctors .doctors .doctor-wrapper > img {
  width: 50%;
  height: 560px;
}

#doctors .doctors .doctor-wrapper .frame {
  width: 50%;
  background: url("/images/aboutlulu/doctors/frame.jpg") center/cover no-repeat;
  height: 560px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#doctors .doctors .doctor-wrapper .frame .title-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

#doctors .doctors .doctor-wrapper .frame .title-wrapper img {
  width: 134px;
}

#doctors .doctors .doctor-wrapper .frame .title-wrapper .title {
  font-size: 40px;
  color: white;
  margin-left: 12px;
  font-family: 'GmarketB', sans-serif;
}

#doctors .doctors .doctor-wrapper .frame .content {
  font-size: 18px;
  line-height: 31px;
  text-align: center;
  color: white;
  margin-top: 35px;
}

#doctors .doctors .doctor-wrapper .frame .doctor-name-wrapper {
  margin-top: 31px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

#doctors .doctors .doctor-wrapper .frame .doctor-name-wrapper .name {
  color: #ffe2c3;
  font-size: 40px;
  font-family: ScoreM, sans-serif;
}

#doctors .doctors .doctor-wrapper .frame .doctor-name-wrapper .job {
  font-size: 22px;
  color: white;
  margin-left: 5px;
  font-family: ScoreM, sans-serif;
}

#doctors .doctors .doctor-wrapper .frame .more {
  margin-top: 33px;
  width: 156px;
  height: 35px;
  border: 1px solid #ffe2c3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 20px;
  font-family: Lato, sans-serif;
  font-weight: bold;
  font-size: 12px;
  color: #ffe2c3;
  letter-spacing: 0.2em;
}

@media (max-width: 768px) {
  #doctors .doctors {
    width: 90.76vw;
    padding: 10.81vw 0 14.58vw;
    border-bottom: 1px solid #d8d8d8;
  }

  #doctors .doctors .doctor-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  #doctors .doctors .doctor-wrapper > img {
    width: 100%;
    height: 76.04vw;
  }

  #doctors .doctors .doctor-wrapper .frame {
    width: 100%;
    height: 84.765625vw;
  }

  #doctors .doctors .doctor-wrapper .frame .title-wrapper img {
    width: 20.18vw;
  }

  #doctors .doctors .doctor-wrapper .frame .title-wrapper .title {
    font-size: 5.99vw;
    margin-left: 1.5625vw;
  }

  #doctors .doctors .doctor-wrapper .frame .content {
    font-size: 2.99vw;
    line-height: 5.34vw;
    margin-top: 4.56vw;
  }

  #doctors .doctors .doctor-wrapper .frame .doctor-name-wrapper {
    margin-top: 4.04vw;
  }

  #doctors .doctors .doctor-wrapper .frame .doctor-name-wrapper .name {
    font-size: 5.99vw;
  }

  #doctors .doctors .doctor-wrapper .frame .doctor-name-wrapper .job {
    font-size: 3.26vw;
    margin-left: 0.65vw;
  }

  #doctors .doctors .doctor-wrapper .frame .more {
    margin-top: 3.78vw;
    width: 29.04vw;
    height: 6.51vw;
    border-radius: 6.51vw;
    font-size: 2.21vw;
  }
}

#doctors .hours {
  padding: 82px 0 156px;
  margin: 0 auto;
  width: 1212px;
}

#doctors .hours .title {
  font-size: 37px;
  font-family: ScoreB, sans-serif;
  text-align: center;
}

#doctors .hours .sub-title {
  margin-top: 24px;
  font-size: 13px;
  font-family: Lato, sans-serif;
  letter-spacing: 0.3em;
  text-align: center;
}

#doctors .hours .hours-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 83px;
}

#doctors .hours .hours-container img {
  width: 770px;
}

#doctors .hours .hours-container .hours-wrapper {
  margin-left: 64px;
  width: 375px;
}

#doctors .hours .hours-container .hours-wrapper .jumbotrons {
  font-family: ScoreB, sans-serif;
  font-size: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-bottom: 11px;
  border-bottom: 1px solid #d7d7d7;
}

#doctors .hours .hours-container .hours-wrapper .jumbotrons img {
  width: 34px;
  height: 34px;
  margin-right: 11px;
}

#doctors .hours .hours-container .hours-wrapper .jumbotrons span {
  font-family: Lato, sans-serif;
  font-weight: 300;
  font-size: 13px;
  color: #3a3a3a;
  letter-spacing: 0.435em;
  margin-left: auto;
}

#doctors .hours .hours-container .hours-wrapper .open {
  margin-top: 24px;
  margin-bottom: 60px;
}

#doctors .hours .hours-container .hours-wrapper .open > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 21px;
}

#doctors .hours .hours-container .hours-wrapper .open > div b {
  font-family: ScoreB, sans-serif;
  letter-spacing: 0.96em;
}

#doctors .hours .hours-container .hours-wrapper .open > div span {
  font-family: ScoreR, sans-serif;
}

#doctors .hours .hours-container .hours-wrapper .open > div:first-child b {
  letter-spacing: -0.098em;
}

#doctors .hours .hours-container .hours-wrapper .location {
  font-family: ScoreR, sans-serif;
  font-size: 23px;
  line-height: 35px;
  margin-top: 22px;
  margin-bottom: 56px;
}

#doctors .hours .hours-container .hours-wrapper .call {
  font-size: 36px;
  font-family: 'Gmarket Sans TTF', sans-serif;
  font-weight: bold;
  margin-top: 22px;
}

@media (max-width: 768px) {
  #doctors .hours {
    padding: 9.11vw 0 17.84vw;
    width: 96.61vw;
  }

  #doctors .hours .title {
    font-size: 5.859375vw;
  }

  #doctors .hours .sub-title {
    margin-top: 3.125vw;
    font-size: 2.08vw;
  }

  #doctors .hours .hours-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 8.85vw;
  }

  #doctors .hours .hours-container img {
    width: 100%;
  }

  #doctors .hours .hours-container .hours-wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 62.890625vw;
    margin-top: 11.46vw;
  }

  #doctors .hours .hours-container .hours-wrapper .jumbotrons {
    font-size: 4.6875vw;
    padding-bottom: 2.47vw;
  }

  #doctors .hours .hours-container .hours-wrapper .jumbotrons img {
    width: 4.43vw;
    height: 4.43vw;
    margin-right: 1.43vw;
  }

  #doctors .hours .hours-container .hours-wrapper .jumbotrons span {
    font-size: 2.08vw;
  }

  #doctors .hours .hours-container .hours-wrapper .open {
    margin-top: 4.17vw;
    margin-bottom: 13.15vw;
  }

  #doctors .hours .hours-container .hours-wrapper .open > div {
    font-size: 3.515625vw;
  }

  #doctors .hours .hours-container .hours-wrapper .open > div + div {
    margin-top: 3.39vw;
  }

  #doctors .hours .hours-container .hours-wrapper .location {
    font-size: 3.90625vw;
    line-height: 5.859375vw;
    margin-top: 3.78vw;
    margin-bottom: 13.671875vw;
  }

  #doctors .hours .hours-container .hours-wrapper .call {
    font-size: 6.12vw;
    margin-top: 3.90625vw;
  }
}

#doctor-modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
}

#doctor-modal .modal-dialog {
  max-width: 992px !important;
	margin: auto;
}

#doctor-modal .modal-dialog .modal-body {
  height: 818px;
  padding-left: 62px;
  background: url(/images/aboutlulu/doctors/doctor.jpg) center/cover no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Noto Sans CJK KR", sans-serif;
  position: relative;
}

#doctor-modal .modal-dialog .modal-body .close {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 37px;
  right: 37px;
	cursor: pointer;
}

#doctor-modal .modal-dialog .modal-body .slug {
  color: #cfb68e;
  font-size: 16px;
  font-weight: 300;
  opacity: 0.5;
  letter-spacing: 0.7em;
}

#doctor-modal .modal-dialog .modal-body .hospital {
  margin-top: 40px;
  font-size: 24px;
  color: white;
}

#doctor-modal .modal-dialog .modal-body .name {
  font-size: 67px;
  color: #ffd8b8;
  font-weight: 700;
}

#doctor-modal .modal-dialog .modal-body .name > span {
  font-weight: 300;
  color: white;
  font-size: 40px;
}

#doctor-modal .modal-dialog .modal-body .english {
  font-family: Georgia, sans-serif;
  font-size: 32px;
  color: #ffd8b8;
}

#doctor-modal .modal-dialog .modal-body .history {
  margin-top: 20px;
}

#doctor-modal .modal-dialog .modal-body .history li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: white;
  font-family: ScoreL, sans-serif;
  font-size: 19px;
  line-height: 35px;
}

#doctor-modal .modal-dialog .modal-body .history li::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #ffd8b8;
  display: block;
  margin-right: 4px;
}

@media (max-width: 768px) {
  #doctor-modal .modal-dialog {
    max-width: 100% !important;
  }

  #doctor-modal .modal-dialog .modal-body {
    height: 105.99vw;
    padding-left: 3.125vw;
  }

  #doctor-modal .modal-dialog .modal-body .close {
    width: 4.04vw;
    height: 4.04vw;
    top: 4.296875vw;
    right: 4.296875vw;
		z-index: 100;
  }

  #doctor-modal .modal-dialog .modal-body .slug {
    font-size: 1.5625vw;
  }

  #doctor-modal .modal-dialog .modal-body .hospital {
    margin-top: 2.99vw;
    font-size: 3.26vw;
  }

  #doctor-modal .modal-dialog .modal-body .name {
    font-size: 7.8125vw;
  }

  #doctor-modal .modal-dialog .modal-body .name > span {
    font-size: 4.56vw;
  }

  #doctor-modal .modal-dialog .modal-body .english {
    font-size: 3.78vw;
  }

  #doctor-modal .modal-dialog .modal-body .history {
    margin-top: 4.43vw;
  }

  #doctor-modal .modal-dialog .modal-body .history li {
    font-size: 2.99vw;
    line-height: 5.6vw;
  }

  #doctor-modal .modal-dialog .modal-body .history li::before {
    width: 0.78125vw;
    height: 0.78125vw;
    margin-right: 0.52vw;
  }
}