@charset "UTF-8";
/* TOP */
.sec-subvisual.sub2-1 {
  background-image: url("../img/visual_sub1.png");
}

.sec-subvisual.sub2-2 {
  background-image: url("../img/visual-sub-2.png");
}

.sec-subvisual.sub2-3 {
  background-image: url("../img/visual_sub3.png");
}

.sec-submenu.sub2 .submenu li {
  width: 25%;
}

@media all and (max-width: 800px) {
  .sec-subvisual.sub2-1 {
    background-image: url("../img/m_visual_sub1.png");
  }
  .sec-subvisual.sub2-2 {
    background-image: url("../img/m_visual_sub2.png");
  }
  .sec-subvisual.sub2-3 {
    background-image: url("../img/m_visual_sub3.png");
  }
}
/* SUB 1: 진료시간 및 예약안내 */
/* 진료시간 */
.sec-intro .inner {
  padding-bottom: 230px;
}

.sec-intro .pic-box {
  bottom: 195px;
}

.sec-intro .pic-box .ratio {
  padding-top: 61.5183%;
}

.sec-intro .pic-box .ratio::after {
  background-image: url("../img/intro-lobby.png");
}

.sec-intro .txt-box .timetable {
  width: 390px;
}

.sec-intro .txt-box .timetable > .title {
  padding-bottom: 7px;
  margin-bottom: 18px;
  font-size: 1.6em;
  font-weight: 600;
  border-bottom: 2px solid #5E4F44;
}

.sec-intro .txt-box .timetable > .title span {
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background: url("../img/ic_time.png") no-repeat center/cover;
}

.sec-intro .txt-box .timetable li {
  display: flex;
  align-items: center;
  padding: 0 3px 14px;
  margin-bottom: 14px;
  font-size: 1.6em;
  border-bottom: 1px solid #dbdbdb;
  box-sizing: border-box;
}

.sec-intro .txt-box .timetable li:last-child {
  margin-bottom: 12px;
}

.sec-intro .txt-box .timetable li .title {
  display: flex;
  justify-content: space-between;
  width: 55px;
  margin-right: 28px;
  color: #595959;
  text-align: justify;
}

.sec-intro .txt-box .timetable li .title em {
  font-style: normal;
}

.sec-intro .txt-box .timetable .desc {
  margin-bottom: 0;
  color: #959491;
  font-size: 1.6em;
  font-weight: 300;
  line-height: 1.5;
}

@media all and (max-width: 640px) {
  .sec-intro .inner {
    padding-bottom: 15.625vw;
  }
  .sec-intro .txt-box .timetable {
    width: 100%;
  }
  .sec-intro .txt-box .timetable li {
    font-size: 3.4375vw;
  }
  .sec-intro .txt-box .timetable li .title {
    width: 12vw;
    margin-right: 18px;
  }
  .sec-intro .txt-box .timetable li span:not(.title) {
    width: calc(100% - 12vw - 18px);
  }
  .sec-intro .txt-box .timetable .desc {
    font-size: 3.4375vw;
  }
  .sec-intro .pic-box {
    bottom: auto;
  }
}
/* 원장님 진료 시간 */
/* 공통 */
.doc-detail {
  width: 748px;
  padding: 60px 40px 70px;
}

.doc-detail .detail-list:nth-child(n+2) {
  margin-top: 40px;
}

.doc-detail .detail-list .ttl {
  margin-bottom: 12px;
  color: #1d1d1d;
  font-size: 2em;
  font-weight: 600;
  line-height: 1.75;
  border-bottom: 1px solid #d2d2d2;
}

.doc-detail .detail-list .ttl.no-border {
  border-bottom: 0;
}

.doc-detail .detail-list p.detail {
  color: #595959;
  font-size: 1.8em;
  font-weight: 300;
  line-height: 1.94;
}

.doc-detail .doc-title {
  align-items: flex-end;
  justify-content: space-between;
  margin-top: 20px;
}

.doc-detail .doc-title h3 {
  font-size: 2.4em;
  font-weight: 500;
  line-height: 1.25;
}

.doc-detail .doc-title h3 strong {
  font-size: 1.58em;
  font-weight: 700;
}

.doc-detail .doc-title a.go-prf {
  padding: 10px 20px;
  color: #5E4F44;
  font-size: 1.6em;
  font-weight: 500;
  line-height: 1;
  border: 1px solid #5E4F44;
  border-radius: 19px;
}

.doc-detail .doc-title a.go-prf span {
  display: block;
  width: 19px;
  height: 8px;
  margin-left: 20px;
  background: url("../img/ic-arrow-4.png") no-repeat center/cover;
}

.doc-detail .detail-list table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

.doc-detail .detail-list tr th {
  height: 52px;
  color: #595959;
  font-size: 1.6em;
  font-weight: 600;
  background: #f9f6f2;
  border-top: 2px solid #5E4F44;
  border-right: 1px solid #b6b6b6;
}

.doc-detail .detail-list tr td {
  height: 50px;
  color: #595959;
  font-size: 1.6em;
  font-weight: 300;
  text-align: center;
  border-right: 1px solid #b6b6b6;
  border-top: 1px solid #d9d9d9;
}

.doc-detail .detail-list tr:last-child td {
  border-bottom: 1px solid #b6b6b6;
}

.doc-detail .detail-list tr th:first-child,
.doc-detail .detail-list tr td:last-child {
  width: 106px;
}

.doc-detail .detail-list tr th:last-child,
.doc-detail .detail-list tr td:last-child {
  border-right: 0;
}

.doc-detail .detail-list tr td span {
  color: #C4AA8B;
  font-size: 0.75em;
}

/* 김유진원장님 */
.sec-doc1 {
  background: #FAF7F4;
}

.sec-doc1 .doc-wrap {
  position: relative;
  flex-wrap: wrap;
  justify-content: flex-end;
  width: 83.3333%;
  background: #fff no-repeat 0 100%;
  border-bottom: 2px solid #5E4F44;
  height: 622px;
}

.sec-doc1 .doc-img {
  position: absolute;
  right: 780px;
  bottom: 2px;
  width: 391px;
  z-index: 2;
}

.sec-doc1 .doc-img .ratio.doc {
  padding-top: 153.4526%;
}

.sec-doc1 .doc-img .ratio.doc::after {
  background-image: url("../img/obj-doc-4.png");
}

/* 이후영, 권세라 원장님 */
.sec-doc2 {
  position: relative;
  padding: 165px 0 120px;
  background: #FAF7F4;
  z-index: 1;
}

.sec-doc2 .doc-wrap {
  position: relative;
  flex-wrap: wrap;
  justify-content: flex-end;
  width: 83.3333%;
  background: #fff no-repeat 0 100%;
  border-bottom: 2px solid #5E4F44;
}

.sec-doc2 .doc-lee {
  justify-content: flex-start;
  margin-left: auto;
  background-position: 900px 100%;
}

.sec-doc2 .doc-lee .doc-img {
  position: absolute;
  left: 810px;
  bottom: 0;
  width: 403px;
}

.sec-doc2 .doc-lee .doc-img .ratio.doc {
  padding-top: 152.3573%;
}

.sec-doc2 .doc-lee .doc-img .ratio.doc::after {
  background-image: url("../img/obj_doc2.png");
}

.sec-doc2 .doc-lee .doc-detail {
  padding-left: 90px;
}

.sec-doc2 .doc-kwon {
  margin-top: 165px;
}

.sec-doc2 .doc-kwon .doc-img {
  position: absolute;
  right: 800px;
  bottom: 0;
  width: 354px;
}

.sec-doc2 .doc-kwon .doc-img .ratio.doc {
  padding-top: 174.5762%;
}

.sec-doc2 .doc-kwon .doc-img .ratio.doc::after {
  background-image: url("../img/obj_doc3.png");
}

@media all and (max-width: 800px) {
  .doc-detail {
    width: 65%;
    position: relative;
    z-index: 5;
    padding: 50px 40px 60px 0;
  }
  .sec-doc1 .doc-wrap {
    width: 100%;
  }
  .sec-doc1 .doc-img {
    width: 40%;
  }
  .sec-doc1 .doc-img {
    right: auto;
    left: 0px;
    z-index: 6;
  }
  .sec-doc2 .doc-wrap {
    width: 100%;
  }
  .sec-doc2 .doc-lee .doc-img {
    left: auto;
    right: -20px;
    width: 40%;
    z-index: 6;
  }
  .sec-doc2 .doc-lee .doc-detail {
    padding: 50px 0 60px 6.25vw;
  }
  .sec-doc2 .doc-kwon .doc-img {
    right: auto;
    left: 0;
    width: 40%;
    z-index: 6;
  }
}
@media all and (max-width: 640px) {
  .doc-detail {
    padding-left: 3vw;
    padding-right: 6.25vw;
  }
  .doc-detail .doc-title {
    flex-direction: column;
    align-items: flex-start;
  }
  .doc-detail .doc-title h3 {
    font-size: 4.0625vw;
    margin-bottom: 10px;
  }
  .doc-detail .doc-title a.go-prf {
    padding: 1.5625vw 3.125vw;
    font-size: 3.4375vw;
  }
  .doc-detail .doc-title a.go-prf span {
    width: 9.5px;
    height: 4px;
  }
  .doc-detail .detail-list .ttl {
    font-size: 3.4375vw;
  }
  .doc-detail .detail-list p.detail {
    font-size: 3.4375vw;
  }
  .doc-detail .detail-list tr th,
.doc-detail .detail-list tr td {
    height: 8.4375vw;
    font-size: 3.75vw;
  }
  .doc-detail .detail-list:nth-child(n+2) {
    margin-top: 6.25vw;
  }
  .sec-doc2 {
    padding: 23.4375vw 0 15.625vw;
  }
  .sec-doc2 .doc-kwon {
    margin-top: 23.4375vw;
  }
}
@media all and (max-width: 560px) {
  .doc-detail {
    width: 100%;
    padding: 7.8125vw 6.25vw;
  }
  .sec-doc1 .doc-wrap,
.sec-doc2 .doc-wrap {
    background-size: 80%;
  }
  .sec-doc1 .doc-img,
.sec-doc2 .doc-lee .doc-img,
.sec-doc2 .doc-kwon .doc-img {
    display: none;
  }
  .sec-doc2 .doc-lee .doc-detail {
    padding: 7.8125vw 6.25vw;
  }
  .doc-detail .detail-list tr th:first-child,
.doc-detail .detail-list tr td:last-child {
    width: 15.625vw;
  }
}
/* 예약 안내 */
.sec-booking {
  position: relative;
  padding: 96px 40px 100px;
  text-align: center;
  -webkit-box-shadow: 0px 0px 16px 0px rgba(73, 73, 75, 0.1);
  box-shadow: 0px 0px 16px 0px rgba(73, 73, 75, 0.1);
  z-index: 0;
}

.sec-booking::after {
  position: absolute;
  left: 50%;
  top: 0;
  display: block;
  width: 1px;
  height: 70px;
  margin-left: -0.5px;
  background: #d6d6d6;
  content: "";
}

.sec-booking .sec-desc {
  margin-bottom: 58px;
}

.sec-booking li {
  width: 518px;
  padding: 68px 72px;
  margin: 0 20px;
  background: #fff;
  border: 1px solid #999;
}

.sec-booking li .ic {
  width: 75px;
  height: 75px;
  margin: 0 auto 18px;
  background: #C4AA8B;
  border-radius: 50%;
}

.sec-booking li .ic span {
  display: block;
  background: no-repeat center/cover;
}

.sec-booking li .ic.tel span {
  width: 18px;
  height: 18px;
  background-image: url("../img/fix2.svg");
}

.sec-booking li .ic.online span {
  width: 18px;
  height: 22px;
  background-image: url("../img/fix3.svg");
}

.sec-booking li h4 {
  margin-bottom: 26px;
  font-size: 2.8em;
  font-weight: 700;
}

.sec-booking li .li-desc {
  margin-bottom: 50px;
  color: #595959;
  font-size: 1.6em;
  font-weight: 300;
  line-height: 2;
  text-align: center;
  word-break: keep-all;
}

.sec-booking li a {
  display: inline-block;
  padding: 12px 23px;
  color: #5E4F44;
  font-size: 2.2em;
  font-weight: 700;
  line-height: 1;
  border: 2px solid #5E4F44;
  border-radius: 25px;
  vertical-align: top;
}

.sec-booking li a span {
  display: inline-block;
  width: 19px;
  height: 8px;
  margin-top: 8px;
  margin-left: 32px;
  background: url("../img/ic-arrow-4.png") no-repeat center/cover;
  vertical-align: top;
}

@media all and (max-width: 800px) {
  .sec-booking {
    padding: 96px 40px 80px;
  }
  .sec-booking ul {
    flex-direction: column;
  }
  .sec-booking li {
    width: 100%;
    margin: 0 0 12px 0;
    padding: 48px 56px;
  }
}
@media all and (max-width: 640px) {
  .sec-booking {
    padding: 15.625vw 6.25vw;
    border-bottom: 1px solid #dbdbdb;
  }
  .sec-booking::after {
    height: 12.5vw;
  }
  .sec-booking .sec-desc {
    margin-bottom: 6.25vw;
  }
  .sec-booking li {
    height: auto;
    padding: 6.25vw;
  }
  .sec-booking li .ic {
    width: 11.7188vw;
    height: 11.7188vw;
  }
  .sec-booking li .ic span {
    background-size: contain;
    background-position: 50%;
  }
  .sec-booking li .ic.tel span {
    width: 5vw;
    height: 5vw;
  }
  .sec-booking li .ic.online span {
    width: 5vw;
    height: 6.0938vw;
  }
  .sec-booking li .ic span svg {
    display: none;
  }
  .sec-booking li h4 {
    font-size: 4.375vw;
    margin-bottom: 3.75vw;
  }
  .sec-booking li .li-desc {
    font-size: 3.4375vw;
    margin-bottom: 7.8125vw;
  }
  .sec-booking li a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2.5vw 2.8125vw;
    font-size: 3.4375vw;
  }
  .sec-booking li a span {
    margin-left: 3.125vw;
    margin-top: 0.5vw;
  }
}
/* SUB 2 : 초진 및 재진 안내 */
/* 초진 및 재진 안내 */
.sec-intro.i2 .inner {
  padding-bottom: 250px;
}

.sec-intro.i2 .pic-box {
  bottom: 185px;
}

.sec-intro.i2 .pic-box .ratio::after {
  background-image: url("../img/intro2.png");
}

.sec-steps {
  background: #efefef;
  border: 1px solid #dbdbdb;
  border-width: 1px 0;
}

.sec-steps .img-box {
  width: 50%;
}

.sec-steps .img-box .ratio {
  padding-top: 67.0833%;
}

.sec-steps.first .img-box .ratio::after {
  background-image: url("../img/obj-course-1.png");
}

.sec-steps.second .img-box .ratio::after {
  background-image: url("../img/obj-course-2.png");
}

.sec-steps .txt-box {
  width: 50%;
}

.sec-steps .txt-box .wrapper {
  width: 100%;
  max-width: 640px;
}

.sec-steps.first .txt-box .wrapper {
  padding-left: 40px;
}

.sec-steps.second .txt-box .wrapper {
  margin-left: auto;
}

.sec-steps .tag {
  display: inline-block;
  padding: 5px 10px;
  margin-bottom: 13px;
  color: #fff;
  font-size: 1.6em;
  line-height: 1;
  border-radius: 3px;
  background: #5E4F44;
}

.sec-steps .sec-title {
  margin-bottom: 22px;
}

.course ul {
  flex-wrap: wrap;
}

.course li {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 102px;
  height: 102px;
  margin-top: 18px;
  margin-right: 40px;
  text-align: center;
  background: #fff;
  border-radius: 50%;
}

.course li::after {
  position: absolute;
  right: -24px;
  top: 50%;
  display: block;
  width: 8px;
  height: 15px;
  background: url("../img/ic_course.png") no-repeat center/cover;
  transform: translateY(-50%);
  content: "";
}

.sec-steps.first .course li:nth-child(4n)::after {
  display: none;
}

.course li .num {
  padding-bottom: 8px;
  margin-bottom: 5px;
  color: #5E4F44;
  font-size: 1.4em;
  font-weight: 700;
  line-height: 1;
  border-bottom: 1px solid #5E4F44;
}

.course li .cont {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 2.375em;
  font-size: 1.6em;
  font-weight: 600;
  line-height: 1.1875;
}

.sec-steps .reserve-btn {
  margin-top: 44px;
}

.sec-steps .reserve-btn a {
  display: block;
  width: 230px;
  padding: 18px;
  font-size: 1.8em;
  text-align: center;
  line-height: 1.4;
  background: #fff;
  border-radius: 8px;
  transition: 0.4s;
}

.sec-steps .reserve-btn a span {
  background: no-repeat center/cover;
}

.sec-steps .reserve-btn a.btn-naver {
  margin-right: 18px;
  border: 1px solid #06be34;
}

.sec-steps .reserve-btn a.btn-naver span {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 6px;
  background-image: url("../img/ic_naver.png");
  vertical-align: middle;
}

.sec-steps .reserve-btn a.btn-naver:hover {
  color: #fff;
  background: #06be34;
}

.sec-steps .reserve-btn a.btn-call {
  color: #5E4F44;
  font-weight: 700;
  border: 1px solid #5E4F44;
}

.sec-steps .reserve-btn a.btn-call span {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 6px;
  background-image: url("../img/ic_call.svg");
  margin-top: -4px;
  vertical-align: middle;
}

.sec-steps .reserve-btn a.btn-call:hover {
  color: #fff;
  background: #5E4F44;
}

.sec-steps .reserve-btn a.btn-call:hover span svg {
  fill: #fff;
}

.sec-steps .reserve-btn a.btn-call:hover span {
  background-image: url("../img/ic_call_fff.svg");
}

.sec-steps.second .course li {
  margin-right: 18px;
}

.sec-steps.second .course li:nth-child(n+2) {
  border: 1px dashed #5E4F44;
}

.sec-steps.second .course li::after {
  right: -14px;
}

.sec-steps.second .course li:nth-child(5n)::after {
  display: none;
}

.sec-steps.second .course .vertical {
  margin-bottom: 18px;
}

.sec-steps.second .course .vertical li::after {
  top: auto;
  right: 50%;
  width: 13px;
  height: 7px;
  background-image: url("../img/ic_course2.png");
  transform: translateX(50%);
  bottom: -12px;
}

@media all and (max-width: 800px) {
  .sec-intro.i2 .inner {
    padding-bottom: 65%;
  }
  .sec-intro.i2 .pic-box {
    bottom: auto;
  }
  .sec-steps {
    flex-direction: column;
  }
  .sec-steps .img-box {
    width: 100%;
  }
  .sec-steps .txt-box {
    width: 100%;
    justify-content: center;
    padding: 30px 40px;
  }
  .sec-steps .reserve-btn {
    justify-content: center;
  }
  .sec-steps .txt-box .wrapper {
    max-width: 100%;
  }
  .sec-steps.first .txt-box .wrapper {
    padding-left: 0;
  }
  .course ul {
    justify-content: center;
  }
  .course li {
    margin-right: 26px;
    width: calc((100vw - 80px - 78px) / 4);
    height: calc((100vw - 80px - 78px) / 4);
  }
  .course li::after {
    right: -17px;
  }
  .sec-steps.first .course li:nth-child(4n) {
    margin-right: 0;
  }
  .sec-steps.second {
    border-top: 0;
  }
  .sec-steps.second .course ul {
    justify-content: flex-start;
  }
  .sec-steps.second .txt-box .wrapper {
    margin-left: 0;
  }
  .sec-steps.second .course li {
    width: calc((100vw - 80px - 72px) / 5);
    height: calc((100vw - 80px - 72px) / 5);
  }
  .sec-steps.second .course li:last-child {
    margin-right: 0;
  }
  .sec-steps.second .course .vertical li:last-child {
    margin-right: 0;
  }
  .sec-steps.second .course .vertical li::after {
    bottom: -22px;
  }
}
@media all and (max-width: 640px) {
  .sec-intro.i2 .inner {
    padding-bottom: 15.625vw;
  }
  .sec-steps .txt-box {
    padding: 4.6875vw 6.25vw;
  }
  .course li {
    margin-right: 26px;
    width: calc((87.5vw - 78px) / 4);
    height: calc((87.5vw - 78px) / 4);
  }
  .sec-steps.second .course li {
    width: calc((87.5vw - 72px) / 5);
    height: calc((87.5vw - 72px) / 5);
  }
  .sec-steps .tag {
    font-size: 3.4375vw;
  }
  .sec-steps .reserve-btn a {
    width: calc((100% - 3.125vw) / 2);
    padding: 2.5vw;
    font-size: 3.75vw;
  }
  .sec-steps .reserve-btn a.btn-naver {
    margin-right: 3.125vw;
  }
  .sec-steps .reserve-btn a.btn-naver span {
    width: 3.75vw;
    height: 3.75vw;
    margin-top: 0;
    margin-right: 0.9375vw;
    background-size: cover;
  }
  .sec-steps .reserve-btn a.btn-call span {
    width: 3.75vw;
    height: 3.75vw;
    margin-top: 0;
    margin-right: 0.9375vw;
  }
}
@media all and (max-width: 560px) {
  .sec-steps .txt-box {
    padding: 30px 6.25vw;
  }
}
/* SUB 3 : 입퇴원 안내 */
.sec-intro.i3 .inner {
  padding-bottom: 168px;
}

.sec-intro.i3 .pic-box {
  bottom: 130px;
}

.sec-intro.i3 .pic-box .ratio::after {
  background-image: url("../img/intro3.png");
}

.sec-intro.i3 .course {
  margin-bottom: 28px;
}

.sec-intro.i3 .course li {
  margin-right: 20px;
  border: 1px solid #5E4F44;
}

.sec-intro.i3 .course li:nth-child(n+5) {
  margin-top: 15px;
}

.sec-intro.i3 .course li:nth-child(4),
.sec-intro.i3 .course li:nth-child(7) {
  margin-right: 0;
}

.sec-intro.i3 .course li::after {
  right: -16px;
}

.sec-intro.i3 .course li:nth-child(4)::after,
.sec-intro.i3 .course li:nth-child(7)::after {
  display: none;
}

.sec-intro.i3 .course li .cont span {
  font-size: 0.8125em;
}

.sec-intro.i3 .main-desc li {
  position: relative;
  padding-left: 10px;
  font-weight: 600;
}

.sec-intro.i3 .main-desc li::before {
  position: absolute;
  left: 0;
  top: 15px;
  display: block;
  width: 4px;
  height: 4px;
  background: #5E4F44;
  border-radius: 50%;
  content: "";
}

.sec-intro.i3 .main-desc li span {
  font-weight: 300;
}

@media all and (max-width: 640px) {
  .sec-intro.i3 .main-desc li {
    padding-left: 2.8125vw;
  }
  .sec-intro.i3 .main-desc li::before {
    top: 3.125vw;
  }
}
/* 입원 생활 안내문 */
.sec-enter {
  position: relative;
  padding: 96px 40px 100px;
  text-align: center;
}

.sec-enter::after {
  position: absolute;
  left: 50%;
  top: 0;
  display: block;
  width: 1px;
  height: 70px;
  margin-left: -0.5px;
  background: #d6d6d6;
  content: "";
}

.sec-enter .inner {
  max-width: 1140px;
}

.sec-enter .sec-desc {
  margin-bottom: 62px;
}

.sec-enter .guide-box {
  position: relative;
  padding: 49px 80px;
  text-align: left;
  background: url("../img/bg_enter.png") no-repeat right bottom/cover;
}

.sec-enter .guide-box .white {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  display: none;
}

.sec-enter .guide-box .list-title {
  display: inline-block;
  padding: 3px 10px;
  margin-bottom: 8px;
  color: #fff;
  font-size: 1.6em;
  font-weight: 600;
  line-height: 1;
  background: #5E4F44;
  border-radius: 3px;
}

.sec-enter .guide-box ul {
  margin-bottom: 25px;
}

.sec-enter .guide-box .txt:last-child ul {
  margin-bottom: 0px;
}

.sec-enter .guide-box li {
  position: relative;
  padding-left: 15px;
  color: #595959;
  font-size: 1.8em;
  line-height: 1.88;
}

.sec-enter .guide-box li strong {
  font-weight: 600;
}

.sec-enter .guide-box li::before {
  position: absolute;
  left: 0;
  top: 15px;
  display: block;
  width: 4px;
  height: 4px;
  background: #5E4F44;
  border-radius: 50%;
  content: "";
}

/* 병실 배정 */
.sec-room {
  background: #FAF7F4;
}

.sec-room::after {
  position: absolute;
  left: 50%;
  top: 0;
  display: block;
  width: 1px;
  height: 70px;
  margin-left: -0.5px;
  background: #d6d6d6;
  content: "";
}

.sec-room .inner {
  padding: 90px 0 130px;
  max-width: 960px;
  text-align: center;
}

.sec-room .sec-desc {
  margin-bottom: 34px;
}

.sec-room .sub-desc {
  margin-bottom: 45px;
  color: #595959;
  font-size: 1.5em;
  line-height: 2.266;
}

.sec-room table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

.sec-room table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

.sec-room tr th {
  height: 52px;
  color: #595959;
  font-size: 1.6em;
  font-weight: 600;
  background: #eef1f9;
  border-top: 2px solid #5E4F44;
  border-right: 1px solid #b6b6b6;
}

.sec-room tr td {
  height: 50px;
  color: #595959;
  font-size: 1.6em;
  font-weight: 300;
  text-align: center;
  background: #fff;
  border-right: 1px solid #b6b6b6;
  border-top: 1px solid #d9d9d9;
}

.sec-room tr:last-child td {
  border-bottom: 1px solid #b6b6b6;
}

.sec-room tr th:last-child,
.sec-room tr td:last-child {
  border-right: 0;
}

.sec-price {
  background: #FAF7F4;
}
.sec-price .tbl-wrap:first-of-type {
  margin-top: 60px;
}
.sec-price .tbl-wrap:not(:last-child) {
  margin-bottom: min(80px, 8vw);
}

.sec-price::after {
  position: absolute;
  left: 50%;
  top: 0;
  display: block;
  width: 1px;
  height: 70px;
  margin-left: -0.5px;
  background: #d6d6d6;
  content: "";
}

.sec-price .inner {
  padding: 90px 0 130px;
  max-width: 960px;
  text-align: center;
}

.sec-price .sec-desc {
  margin-bottom: 34px;
}

.sec-price .sub-desc {
  margin-bottom: 45px;
  color: #595959;
  font-size: 1.5em;
  line-height: 2.266;
}

.sec-price table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.sec-price table thead th {
  background-color: #5E4F44;
  height: 50px;
  font-size: 2.4em;
}
.sec-price table tbody td {
  font-size: 1.8em;
  font-weight: 600;
}
.sec-price table tbody td:first-child, .sec-price table tbody td:last-child {
  background-color: #ffffff;
}

.sec-price table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

.sec-price tr th {
  height: 52px;
  color: white;
  font-size: 1.6em;
  font-weight: 600;
  background: #eef1f9;
  border-right: 1px solid #b6b6b6;
}

.sec-price tr td {
  height: 50px;
  color: #191919;
  font-size: 1.6em;
  font-weight: 300;
  text-align: center;
  background: #fff;
}
.sec-price tr:not(:first-child) td {
  border-top: 1px solid #d9d9d9;
}

.sec-price tr:last-child td {
  border-bottom: 1px solid #b6b6b6;
}

.sec-price tr th:last-child,
.sec-price tr td:last-child {
  border-right: 0;
}

@media all and (max-width: 800px) {
  .sec-intro.i3 .inner {
    padding-bottom: 65%;
  }
  .sec-intro.i3 .pic-box {
    bottom: 100px;
  }
  .sec-intro.i3 .course li {
    width: 90px;
    height: 90px;
  }
  .sec-enter .guide-box {
    padding: 45px 40px;
  }
  .sec-enter .guide-box .white {
    display: block;
  }
  .sec-room .inner {
    padding: 90px 40px 130px;
  }
  .sec-price .inner {
    padding: 90px 40px 130px;
  }
}
@media all and (max-width: 640px) {
  .sec-intro.i3 .inner {
    padding-bottom: 15.625vw;
  }
  .sec-intro.i3 .pic-box {
    bottom: auto;
  }
  .course li .cont {
    font-size: 2.3438vw;
  }
  .course li .num {
    font-size: 2.1875vw;
    padding-bottom: 2px;
  }
  .sec-intro.i3 .course li {
    margin-right: 26px;
    width: calc((75vw - 60px) / 4);
    height: calc((75vw - 60px) / 4);
    margin-right: 20px;
  }
  .sec-enter {
    padding: 15.625vw 6.25vw;
  }
  .sec-enter::after {
    height: 12.5vw;
  }
  .sec-enter .sec-desc {
    margin-bottom: 6.25vw;
  }
  .sec-enter .guide-box .list-title {
    margin-bottom: 1.25vw;
    font-size: 3.4375vw;
  }
  .sec-enter .guide-box {
    background-position: 80% bottom;
    padding: 3.75vw;
  }
  .sec-enter .guide-box li {
    padding-left: 12px;
    font-size: 3.4375vw;
  }
  .sec-enter .guide-box li::before {
    top: 2.3438vw;
  }
  .sec-room::after {
    height: 12.5vw;
  }
  .sec-room .inner {
    padding: 15.625vw 6.25vw;
  }
  .sec-room .sec-desc {
    margin-bottom: 6.875vw;
  }
  .sec-room .sub-desc {
    margin-bottom: 6.875vw;
    font-size: 3.4375vw;
    line-height: 2;
  }
  .sec-room tr th,
.sec-room tr td {
    height: 9.375vw;
    font-size: 3.4375vw;
  }
  .sec-price::after {
    height: 12.5vw;
  }
  .sec-price .inner {
    padding: 15.625vw 6.25vw;
  }
  .sec-price .sec-desc {
    margin-bottom: 6.875vw;
  }
  .sec-price .sub-desc {
    margin-bottom: 6.875vw;
    font-size: 3.4375vw;
    line-height: 2;
  }
  .sec-price thead tr th,
.sec-price tbody tr td {
    height: 9.375vw;
    font-size: 3.4375vw;
  }
}
/* @media all and (max-width: 560px) {
    .sec-intro.i3 .course li { width: calc((67.34375vw - 80px - 40px) / 3); height: calc((67.43475vw - 80px - 40px) / 3); }
    .sec-intro.i3 .course li:nth-child(4) { margin-right: 20px; }
    .sec-intro.i3 .course li:nth-child(4)::after { display: block; }
}
@media all and (max-width: 390px) {
    .sec-intro.i3 .course li { width: calc((67.34375vw - 80px - 24px) / 3); height: calc((67.43475vw - 80px - 24px) / 3); margin-right: 12px; }
    .sec-intro.i3 .course li::after { width: 4px; height: 7.5px; right: -9px; }
    .sec-intro.i3 .course li:nth-child(4) { margin-right:12px; }
    .sec-intro.i3 .course li .cont span { display: none; }
} *//*# sourceMappingURL=style.css.map */