/* 휴먼엑스포폰트 추가 시작 */
@font-face {
    font-family: 'HumanExpo';
    src: local('HumanExpo'),
       url('/font/HumanExpo.woff') format('woff');
 }
/* 휴먼엑스포폰트 추가 끝 */
/* 서울남산폰트 추가 시작 */
@font-face {
    font-family: 'SeoulNamsanM';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/SeoulNamsanM.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* 서울남산폰트 추가 끝 */

a:link,
a:visited,
a:hover {
  color: inherit;
  text-decoration: none;
}

html,
body {
  width: 100%;
  height: 100%;
}

body {
  font-family: 'SeoulNamsanM', 'Noto Serif KR', 'HumanExpo', 'Spoqa Han Sans Neo', sans-serif;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

button {
  background-color: transparent;
  outline: none;
  cursor: pointer;
  border: 0;
}

.btn-detail {
  display: inline-block;
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: -0.9px;
  color: #999999;
  font-weight: 300;
  border-bottom: 1px solid #999999;
}

.desktop { display: block; }
.mobile { display: none; }

.container {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
}
.content {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  box-sizing: border-box;
}
.flex-box { display: flex; }

header.wrap-nav { overflow:hidden; }
header.wrap-nav .container { background-image: linear-gradient(to right, #fff 60%, #333 40%); }
header .logo-box { background-color: #fff; align-items: center; justify-content: space-between; margin-left: 3.75rem; }
header .logo-box .logo-wrapper { width: 100%; max-width: 180px; }
header .logo-box .logo-wrapper .top-logo { display: block; width: 100%; }
header .logo-box .mainmenu-container { align-items: center; justify-content: flex-end; width: 100%; max-width: 1003.2px; }
header .logo-box .mainmenu-container .mainmenu { font-family: 'SeoulNamsanM'; font-size: 1.25rem; line-height: 1.5; color: #333; }
header .logo-box .mainmenu-container .mainmenu .menu {padding-right: 4.37rem; width: 5rem; }
header .logo-box .mainmenu-container .mainmenu .menu.open-menu > a { border-bottom: 6px solid #404040; padding: 29px 0; }
header .logo-box .mainmenu-container .mainmenu .submenu-wrapper { display: none; }
header .logo-box .mainmenu-container .mainmenu .submenu-wrapper.open-submenu { display: block; }
header .logo-box .mainmenu-container .mainmenu .submenu { position: absolute; top:90px; z-index: 100; width: 100%; max-width: 190px; background-color: rgba( 255, 255, 255, 0.8 ); background-image: none; padding: 1.875rem 1.25rem; margin-left: -80px; }
header .logo-box .mainmenu-container .mainmenu .submenu .submenu-list { padding: 0.625rem 0;  }

header .logo-box .mainmenu-container .contact-wrapper { background-color: #333; padding: 1.875rem 3.75rem 1.875rem 2.5rem; width: 100%; max-width: 641px; align-items: center; justify-content: space-between; }
header .logo-box .mainmenu-container .contact-wrapper .txt-reserve { font-family: 'SeoulNamsanM'; font-size: 1.25rem; line-height: 1.5; color:#fff; }
header .logo-box .mainmenu-container .contact-wrapper .tel { font-family: 'HumanExpo'; margin-left: 1.25rem; font-size: 1.25rem; line-height: 1.5; color: #fff; }
header .logo-box .mainmenu-container .contact-wrapper .wrap-txt-user { font-size: 1.125rem; color: #ccc; line-height: 1.67; letter-spacing: normal; }
header .logo-box .mainmenu-container .contact-wrapper .wrap-txt-user .wrap-icon-line { padding: 0 10px; }

footer .wrap-company-logo { padding: 3.75rem 0; background-color: #575757; }
footer .wrap-company-logo .wrap-company { font-family: 'SeoulNamsanM'; font-size: 1.125rem; line-height: 1.39; color:#ececec; text-align: center; }
footer .wrap-company-logo .wrap-company address { display: inline-block; padding-bottom: 0.625rem; }
footer .wrap-company-logo .wrap-company .owner { padding: 0 1.25rem; }
footer .wrap-company-logo .wrap-company .phone-number { padding: 0 1.25rem; }
footer .wrap-company-logo .wrap-company .copyright { display: block; padding-top: 0.625rem; padding-bottom: 1.875rem; }
footer .wrap-company-logo .wrap-logo { margin: 0 auto; text-align: center; }
footer .wrap-company-logo .footer-logo { width: 100%; max-width: 221px; }

/* -star- 공통사항 - line - */
.line-wrapping .l1:before, 
.line-wrapping .l1:after, 
.line-wrapping .l2:before, 
.line-wrapping .l2:after, 
.line-wrapping .l3:before, 
.line-wrapping .l3:after, 
.line-wrapping .l4:before, 
.line-wrapping .l4:after {
  content: '';
  top: 0;
  position: fixed;
  z-index: -1;
  height: 100%;
  width: 0;
  border-left: 1px solid rgba(238, 238, 238, 0.5);
  left: 18.75%;
  right: 18.75%; 
}
.line-wrapping .l1:before { display: none; }
.line-wrapping .l1:after { margin-left: 0%; }
.line-wrapping .l2:before { margin-left: 10.41%; }
.line-wrapping .l2:after { margin-left: 20.82%; }
.line-wrapping .l3:before { margin-left: 31.23%; }
.line-wrapping .l3:after { margin-left: 41.64%; }
.line-wrapping .l4:before { margin-left: 52.05%; }
.line-wrapping .l4:after { margin-left: 62.46%; }
/* -end- 공통사항 - line - */
/* -star- 공통사항 - navigation - */
.wrap-navigation { border-bottom: 1px solid #e4e4e4; background-color: #fff; }
.wrap-navigation .navigation-wrapper { display: flex; justify-content: flex-start; align-items: center; }
.wrap-navigation .navigation-wrapper .material-icons { font-size: 1.25rem; color: #626262; vertical-align: middle; }
.wrap-navigation .navigation-wrapper .text-arrow { font-size: 1.562rem;  }
.wrap-navigation .navigation-wrapper .icon-vertical-line { color: #626262; opacity: 0.5; padding: 0 1.25rem; }
.wrap-navigation .navigation-wrapper .wrap-category-dropdown { position: relative; }
.wrap-navigation .navigation-wrapper .menu-title { font-family: 'SeoulNamsanM'; font-size: 1.25rem; line-height: 1.6; letter-spacing: 0.025rem; color: #626262; padding: 1.125rem 0; }
.wrap-navigation .navigation-wrapper .menu-title .wrap-title-menu { display: flex; justify-content: flex-start; align-items: center; }
.wrap-navigation .navigation-wrapper .menu-title .wrap-title-menu .arrow-up { display: none; }
.wrap-navigation .navigation-wrapper .menu-title .wrap-title-menu .arrow-down { display: block; }
.wrap-navigation .navigation-wrapper .menu-title.open-menu .wrap-title-menu .arrow-up { display: block; }
.wrap-navigation .navigation-wrapper .menu-title.open-menu .wrap-title-menu .arrow-down { display: none; }
.wrap-navigation .navigation-wrapper .submenu-title-wrapper { display: none; width: 14.375rem; padding: 1.875rem 1.25rem; background-color: rgba( 255, 255, 255, 0.8 ); z-index: 100; position: absolute; top: 4.35rem; left: -1.25rem; right: 0; }
.wrap-navigation .navigation-wrapper .submenu-title-wrapper.open-submenu { display: block; }
.wrap-navigation .navigation-wrapper .submenu-title .submenu-title-list { font-family: 'SeoulNamsanM'; font-size: 1.25rem; line-height: 1.5; color: #333; padding: 0.625rem 0; }
.wrap-navigation .navigation-wrapper .wrap-subclass-dropdown { position: relative; }
.wrap-navigation .navigation-wrapper .wrap-subclass2-dropdown { position: relative; }
/* -end- 공통사항 - navigation - */

/* 공통사항- 오시는길 & 진료시작 */
.section-8 { margin: 9.375rem 0 6.25rem 0; }
.section-8 h6 { font-family: 'SeoulNamsanM'; font-size: 1.04vw; line-height: 1.7; letter-spacing: 0.025rem; text-align: center; color: #626262; }
.section-8 h1 { font-family: 'Noto Serif KR'; font-size: 2.8vw; font-weight: bold; line-height: 1.35; letter-spacing: 0.125rem; text-align: center; color: #333; padding-bottom: 5rem;}

.section-8 .wrap-time h4 { display: flex; justify-content: center; align-items: center; font-family: 'Noto Serif KR'; font-size: 1.56vw; font-weight: 500; color: #000; text-align: center; width: 23.72%; max-width: 280px; box-sizing: border-box; }
.section-8 .wrap-time table { width: 76.26%; max-width: 900px; }
.section-8 .wrap-time .wrap-treatment { border-top: 2px solid #ccc; }
.section-8 .wrap-time .date { font-family: 'SeoulNamsanM'; font-size: 1.25vw; line-height: normal; letter-spacing: -0.06rem; color: #626262; padding: 1.25rem 2.1%; width: 16.94%; max-width: 200px; box-sizing: border-box; }
.section-8 .wrap-time .date .text-justify,
.section-8 .wrap-time .time .text-justify { display: inline-block; text-align: justify; text-align-last: justify; width: 100%; }
.section-8 .wrap-time .time { width: 59.32%; max-width: 700px; box-sizing: border-box; }
.section-8 .wrap-time .wrap-treatment .date-line{ border-bottom: 0.5px dotted #ccc; border-left: 1px solid #ccc; }
.section-8 .wrap-time .wrap-treatment .date-line-last{ border-left: 1px solid #ccc; }
.section-8 .wrap-time .wrap-treatment .time { font-family: 'HumanExpo'; font-size: 1.25vw; line-height: 1.25; letter-spacing: 0.015rem; color: #333; padding-left: 2.5rem; }
.section-8 .wrap-time .wrap-treatment .time-line{ border-bottom: 0.5px dotted #ccc; border-left: 1px solid #ccc; }
.section-8 .wrap-time .wrap-treatment .time-line-last{ border-left: 1px solid #ccc; }
.section-8 .wrap-time .wrap-reserve { border-top: 0.5px solid #ccc; border-bottom: 2px solid #ccc; }
.section-8 .wrap-time .wrap-reserve .time { color: #333; padding-left: 2.5rem; }
.section-8 .wrap-time .wrap-reserve .time .text-goto { font-family: 'SeoulNamsanM'; font-size: 1.25vw; font-weight: 900; line-height: normal; letter-spacing: normal; color: #333; text-decoration: underline; }
.section-8 .wrap-time .wrap-reserve .time .text-sub { font-family: 'SeoulNamsanM'; font-size: 1.25vw; line-height: 1.25; letter-spacing: -0.075rem; color: #626262; padding-left: 1.25rem; }
.section-8 .wrap-time .wrap-reserve .text-mail { font-family: 'SeoulNamsanM'; font-size: 1.25vw; font-weight: 900; line-height: 1.33; letter-spacing: -0.06rem; color: #333; }
.section-8 .wrap-time .wrap-reserve .text-phone { font-family: 'HumanExpo'; font-size: 1.25vw; line-height: 1.25; letter-spacing: -0.045rem; color: #333; }
.section-8 .wrap-time .wrap-reserve .date-line{ border-bottom: 0.5px dotted #ccc; border-left: 1px solid #ccc; }
.section-8 .wrap-time .wrap-reserve .date-line-last{ border-left: 1px solid #ccc; }
.section-8 .wrap-time .wrap-reserve .time-line{ border-bottom: 0.5px dotted #ccc; border-left: 1px solid #ccc; }
.section-8 .wrap-time .wrap-reserve .time-line-last{ border-left: 1px solid #ccc; }

.section-8 .wrap-loction { margin: 3.125rem 0 6.25rem 0;}
.section-8 .wrap-loction .map-wrapping { width: 100%; max-width: 1180px; height: 420px; }
.section-8 .wrap-loction h1 { margin: 3.125rem 0 4.375rem; font-family: 'SeoulNamsanM'; font-size: 1.56vw; font-weight: bold; line-height: 1; letter-spacing: -0.056rem; color: #333; text-align: left; padding-bottom: 0; }
.section-8 .wrap-loction .location-desc { font-family: 'SeoulNamsanM'; font-size: 1.25vw; line-height: 1.25; letter-spacing: normal; color: #757575; vertical-align: middle; flex-wrap: wrap; }
.section-8 .wrap-loction .location-desc li:first-child { padding-right: 220px; padding-bottom: 34px; }
.section-8 .wrap-loction .location-desc li:nth-last-child(2) { padding-right: 200px; }
.section-8 .wrap-loction .location-desc .icon-subway { width: 9%; max-width: 33px; padding-right: 2.5rem; vertical-align: middle; }
.section-8 .wrap-loction .location-desc .icon_subway_line { width: 20%; max-width: 90px; padding-right: 6px; vertical-align: middle; }
.section-8 .wrap-loction .location-desc .icon_subway_exit { width: 8%; max-width: 31px; vertical-align: middle; padding: 0 4px 0 11px; }
.section-8 .wrap-loction .location-desc .icon_car { width: 13%; max-width: 35px; padding-right: 2.5rem; vertical-align: middle; } 
/* -end- 공통사항- 오시는길 & 진료시작 */

/* 공통사항- 혜화 편한의원에 문의하세요 */
.wrap-contactus-contactus { padding: 12.5rem 0 6.25rem; }
.wrap-contactus-contactus .text-contactus { text-align: center; }
.wrap-contactus-contactus .text-contactus em { font-family: 'SeoulNamsanM'; font-size: 1.25rem; font-weight: bold; line-height: 1.7; letter-spacing: 0.025rem; color: #626262; text-transform: uppercase; padding-bottom: 0.375rem; }
.wrap-contactus-contactus .text-contactus h1 { font-family: 'Noto Serif KR'; font-size: 2.5rem; font-weight: bold; line-height: 1.35; color: #333; margin: 0; padding-bottom: 3.75rem; }
.wrap-contactus-contactus .wrap-button { display: flex; justify-content: space-between; align-items: center; }
.wrap-contactus-contactus .wrap-button .button-list { padding-right: 1.875rem; width: 100%; max-width: 380px; }
.wrap-contactus-contactus .wrap-button .button-list:nth-child(3) { padding-right: 0; }
.wrap-contactus-contactus .wrap-button .button-wrapping { border: 1px solid #bfbfbf; background-color: #fff; padding: 1.875rem 0; text-align: center; width: 100%; }
.wrap-contactus-contactus .wrap-button .button-wrapping h2 { font-family: 'Noto Serif KR'; font-size: 1.875rem; font-weight: bold; letter-spacing: -0.093rem; color: #333; padding-bottom: 0.625rem; }
.wrap-contactus-contactus .wrap-button .button-wrapping p {  font-family: 'SeoulNamsanM'; font-size: 1.25rem; line-height: 1.5; letter-spacing: -0.037rem; color: #626262; padding-bottom: 1.375rem; }
.wrap-contactus-contactus .wrap-button .button-wrapping .btn-detail { border: 1px solid #ccc; padding: 0.937rem 2.5rem;  }
.wrap-contactus-contactus .wrap-button .button-wrapping .btn-detail:hover { border: 1px solid #333; background-color: #333; color: #fff; }
/* -end- 공통사항- 혜화 편한의원에 문의하세요 */

/* tinymce 에디터 내 이미지 삽입 시 */
.tinymce-img-responsive { max-width: 100%; height: auto; }
/* -end- tinymce 에디터 내 이미지 삽입 시 */

/* 팝업 */
.popup {
  display: none;
  position: absolute;
  top: 100px;
  width: 100%;
  max-width: 480px;
}
.first-popup { left: 60px; z-index: 1100; }
.second-popup { left: 570px; z-index: 1200; }
.third-popup { left: 860px; z-index: 1300; }
.popup img { display: block; width: 100%; }
.popup .popup-action {
  box-sizing: border-box;
  padding: 10px;
  text-align: right;
  background-color: #333;
  display: flex;
  justify-content: space-between;
}
.popup .popup-action a:link,
.popup .popup-action a:visited,
.popup .popup-action a:hover { color: #fff; }
/* -end- 팝업 */

@media (max-width: 600px) {
  .desktop { display: none; }
  .mobile { display: block; }

  .wrap-line .l1:before, 
  .wrap-line .l1:after, 
  .wrap-line .l2:before, 
  .wrap-line .l2:after, 
  .wrap-line .l3:before, 
  .wrap-line .l3:after, 
  .wrap-line .l4:before, 
  .wrap-line .l4:after {
    content: '';
    top: 0;
    position: fixed;
    z-index: -1;
    height: 100%;
    width: 0;
    border-left: 1px solid rgba(238, 238, 238, 0.3);
    left: 0;
  }
  .wrap-line .l1:before { display: none;  }
  .wrap-line .l1:after { margin-left: 5.55%; }
  .wrap-line .l2:after { margin-left: 35.13%; }
  .wrap-line .l3:after { margin-left: 64.72%; }
  .wrap-line .l4:after { margin-left: 94.30%; }
  
  .header-mobile-logo-wrap { padding: 1.093rem 1.25rem; justify-content: space-between; background-color: #fff; }
  .header-mobile-logo-wrap .wrap-top-logo { width: 50%; max-width: 123px; }
  .header-mobile-logo-wrap .wrap-top-logo .m-top-logo { width: 100%; display: block; }
  .header-mobile-logo-wrap .wrap-top-phone { width: 100%; max-width: 25px; }
  .header-mobile-logo-wrap .wrap-top-phone .m-icon-phone { width: 100%; display: block; }
  .header-mobile-logo-wrap .wrap-top-hamburger .material-icons { font-size: 1.437rem; color: #7f7f7f; }

  .wrap-menu { display: none; width: 100%; height: 100%; background-color: #404040; position: fixed; top: 0; left: 0; right: 0; z-index: 100; }
  .wrap-menu.open-mobile-menu { display: block; }
  .wrap-menu .menu-wrapper { padding: 0.937rem 1.25rem; font-family: 'SeoulNamsanM'; font-size: 0.812rem; line-height: 1.54; letter-spacing: -0.065rem; color: #ccc; background-color: #404040; }
  .wrap-menu .menu-wrapper .wrap-menu-top { display: flex; justify-content: space-between; align-items: center; }
  .wrap-menu .menu-wrapper .wrap-menu-top .top-menu-wrapper { display: flex; justify-content: flex-start; }
  .wrap-menu .menu-wrapper .wrap-menu-top .top-menu-wrapper .wrap-login .m-icon-login { width: 100%; max-width: 19px; margin-right: 0.312rem; vertical-align: middle; }
  .wrap-menu .menu-wrapper .wrap-menu-top .top-menu-wrapper .icon-vertical-line { margin: 0 0.625rem; }
  .wrap-menu .menu-wrapper .wrap-menu-top .top-menu-wrapper .wrap-join .m-icon-join { width: 100%; max-width: 12px; margin-right: 0.312rem; vertical-align: middle; }
  .wrap-menu .menu-wrapper .wrap-menu-top .wrap-close { margin-top: 0.312rem; }
  .wrap-menu .menu-wrapper .wrap-menu-top .wrap-close .m-icon-close { width: 100%; max-width: 30px; }
  .wrap-menu .wrap-menu-line .ml1:before, 
  .wrap-menu .wrap-menu-line .ml1:after, 
  .wrap-menu .wrap-menu-line .ml2:before, 
  .wrap-menu .wrap-menu-line .ml2:after, 
  .wrap-menu .wrap-menu-line .ml3:before, 
  .wrap-menu .wrap-menu-line .ml3:after, 
  .wrap-menu .wrap-menu-line .ml4:before, 
  .wrap-menu .wrap-menu-line .ml4:after { content: ''; top: 0; position: fixed; z-index: -1; height: 100%; width: 0; border-left: 1px solid rgba(238, 238, 238, 0.1); left: 0; }
  .wrap-menu .wrap-menu-line .ml1:before { display: none; }
  .wrap-menu .wrap-menu-line .ml2:before { display: none; }
  .wrap-menu .wrap-menu-line .ml3:before { display: none; }
  .wrap-menu .wrap-menu-line .ml4:before { display: none; }
  .wrap-menu .wrap-menu-line .ml1:after { margin-left: 5.55%; }
  .wrap-menu .wrap-menu-line .ml2:after { margin-left: 35.13%; }
  .wrap-menu .wrap-menu-line .ml3:after { margin-left: 64.72%; }
  .wrap-menu .wrap-menu-line .ml4:after { margin-left: 94.30%; }
  .wrap-menu .m-menu-wrapping { padding-top: 6.25rem; padding-left: 5.55%; display: flex; justify-content: flex-start; align-items: flex-start; position: relative; }
  .wrap-menu .m-menu-wrapping .m-menu-title { font-family: 'SeoulNamsanM'; font-size: 0.937rem; font-weight: bold; line-height: 1.33; letter-spacing: -0.075rem; color: #fff; }
  .wrap-menu .m-menu-wrapping .m-menu-title .m-menu { padding-bottom: 2.187rem; }
  .wrap-menu .m-menu-wrapping .m-menu-title .m-menu.open-mobile-menu { text-decoration: underline; }
  .wrap-menu .m-menu-wrapping .m-submenu-wrapping { position: absolute; top: 100px; left: 35.5%; right: 0; }
  .wrap-menu .m-menu-wrapping .m-submenu-wrapping .m-submenu.open-mobile-submenu { display: block; }
  .wrap-menu .m-menu-wrapping .m-submenu-wrapping .m-submenu { display: none; font-family: 'SeoulNamsanM'; font-size: 0.812rem; line-height: 1.54; letter-spacing: -0.065rem; color: #fff; }
  .wrap-menu .m-menu-wrapping .m-submenu-wrapping .m-submenu .m-submenu-list { padding-bottom: 1.093rem; }
  .wrap-menu .m-menu-wrapping .m-submenu-wrapping .current-submenu { text-decoration: underline; }

  footer .wrap-company-logo .wrap-company { font-family: 'SeoulNamsanM'; font-size: 0.687rem; line-height: 0.82; letter-spacing: -0.027rem; text-align: center; color: #ccc; }
  footer .wrap-company-logo .m-footer-logo {  opacity: 0.8; width: 33%; }

  /* -star- 공통사항 - line - */
  .line-wrapping .l1:before, 
  .line-wrapping .l1:after, 
  .line-wrapping .l2:before, 
  .line-wrapping .l2:after, 
  .line-wrapping .l3:before, 
  .line-wrapping .l3:after, 
  .line-wrapping .l4:before, 
  .line-wrapping .l4:after {
    content: '';
    top: 0;
    position: fixed;
    z-index: -1;
    height: 100%;
    width: 0;
    border-left: 1px solid rgba(238, 238, 238, 0.5);
    left: 0;
    right: 0; 
  }
  .line-wrapping .l1:before { display: none; }
  .line-wrapping .l1:after { margin-left: 5.55%; }
  .line-wrapping .l2:before { margin-left: 0; }
  .line-wrapping .l2:after { margin-left: 35.13%; }
  .line-wrapping .l3:before { margin-left: 0; }
  .line-wrapping .l3:after { margin-left: 64.72%; }
  .line-wrapping .l4:before { margin-left: 0; }
  .line-wrapping .l4:after { margin-left: 94.30%; }
  /* -end- 공통사항 - line - */

  /* -star- 공통사항 - mobile navigation - */
  .wrap-navigation { border-bottom: 0px solid #e4e4e4; background-color: #f8f8f8; position: relative; }
  .wrap-navigation .m-menu-dropdown { padding: 1.062rem 1.25rem 1.031rem; font-family: 'SeoulNamsanM'; font-size: 0.812rem; color: #7f7f7f; display: flex; justify-content: space-between; align-items: center; width: 100%; }
  .wrap-navigation .m-menu-dropdown .text-expan { font-size: 1.5rem; }
  .wrap-navigation .m-menu-dropdown .open-menu { display: none; }
  .wrap-navigation .m-menu-dropdown-content { display: none; background-color: #f8f8f8; font-family: 'SeoulNamsanM'; font-size: 0.812rem; color: #7f7f7f; position: absolute; left: 0; top: 56px; right: 0; z-index: 120; }
  .wrap-navigation .m-menu-dropdown-content .content-list { padding: 1.35rem 1.25rem 1.3rem; border-top: 2px solid #d8d8d8;  }
  /* -star- 공통사항 - mobile navigation - */

  /* 공통사항- 오시는길 & 진료시작 */
  .section-8 .mobile-container { overflow: hidden; }
  .section-8 h6 { font-family: 'SeoulNamsanM'; font-size: 0.812rem; line-height: 1.54; letter-spacing: 0.032rem; text-align: center; color: #626262; }
  .section-8 h1 { font-family: 'Noto Serif KR'; font-size: 1.25rem; font-weight: bold; line-height: normal; letter-spacing: -0.062rme; text-align: center; color:#333; padding-bottom: 2.5rem; }
  .section-8 .wrap-loction { margin: 1.25rem  0 0 0; }
  .section-8 .wrap-loction .map-wrapping { width: 100%; height: 330px; }
  .section-8 .wrap-loction h1 { margin: 1.875rem 0 1.25rem 1.25rem; font-family: 'SeoulNamsanM'; font-size: 0.937rem; font-weight: normal; line-height: 1; letter-spacing: -0.056rem;  color: #333; text-align: left; padding-bottom: 0; }
  .section-8 .wrap-loction .location-desc { font-family: 'SeoulNamsanM'; font-size: 0.812rem; line-height: 1.15; margin-left: 1.25rem;  flex-direction: column; }
  .section-8 .wrap-loction .location-desc .icon-subway { max-width: 15.5px; padding-right: 1.25rem; }
  .section-8 .wrap-loction .location-desc .icon_subway_line { max-width: 48px; }
  .section-8 .wrap-loction .location-desc .icon_subway_exit { max-width: 15.5px; }
  .section-8 .wrap-loction .location-desc li:first-child { padding-right: 0; padding-bottom: 0.937rem; }
  .section-8 .wrap-loction .location-desc .icon_car { max-width: 17.7px; padding-right: 1.25em; }
  .section-8 .wrap-loction .location-desc li:nth-last-child(2) { padding-right: 0; padding-bottom: 0.937rem; }
  .section-8 .wrap-loction .location-desc li { padding-bottom: 0.937rem; }
  .section-8 .wrap-treatment,
  .section-8 .wrap-reserve { width: 100%; margin: 3.125rem 1.25rem 1.875rem 1.25rem; }
  .section-8 .timetable,
  .section-8 .reservetable { width: 90%; border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; }
  .section-8 .timetable h4,
  .section-8 .reservetable h4 { font-family: 'Noto Serif KR'; font-size: 0.937rem; font-weight: 500; line-height: normal; letter-spacing: normal; color: #000; border-bottom: 1px dotted #ccc; padding: 0.625rem 0; }
  .section-8 .timetable td,
  .section-8 .reservetable td { padding: 0.75rem 0 0.625rem 0; }
  .section-8 .wrap-treatment .date,
  .section-8 .wrap-reserve .date { font-family: 'SeoulNamsanM'; font-size: 0.812rem; line-height: normal; letter-spacing: -0.065rem; color: #626262; padding-left: 0.937rem; width: 32%;}
  .section-8 .wrap-treatment .date-line,
  .section-8 .wrap-reserve .date-line { border-bottom: 1px dotted #ccc; }
  .section-8 .wrap-treatment .time,
  .section-8 .wrap-reserve .time { font-family: 'HumanExpo'; font-size: 0.812rem; line-height: 1.15rem; letter-spacing: 0.016rem; color: #333; width: 68%; }
  .section-8 .wrap-treatment .timetable .time-line { border-bottom: 1px dotted #ccc; }
  .section-8 .wrap-reserve .reservetable .time-line { border-bottom: 1px dotted #ccc; }
  .section-8 .wrap-treatment .date-s { letter-spacing: 0.2rem; }
  .section-8 .wrap-treatment .lunch-time { letter-spacing: 0.25rem; }
  .section-8 .wrap-reserve .date-c { letter-spacing: 0.2rem; }
  .section-8 .wrap-reserve .date-p, 
  .section-8 .wrap-reserve .date-f, 
  .section-8 .wrap-reserve .date-m { letter-spacing: 0.9rem; }
  .section-8 .wrap-reserve .date-n { letter-spacing: 0.02rem; }
  .section-8 .timetable h4 { font-family: 'Noto Serif KR'; font-size: 0.937rem; font-weight: 500; line-height: normal; letter-spacing: normal; color: #000; border-bottom: 1px dotted #ccc; padding: 0.625rem 0; }
  .section-8 .reservetable .text-goto { font-family: 'SeoulNamsanM'; font-size: 0.812rem; line-height: normal; letter-spacing: normal; color: #333; text-decoration: underline; font-weight: bold; }
  .section-8 .reservetable .text-sub { font-family: 'SeoulNamsanM'; font-size: 0.562rem; line-height: 1.22; letter-spacing: -0.033rem; color: #626262; vertical-align: middle; padding-left: 0.562rem; }
  /* -end- 공통사항- 오시는길 & 진료시작 */

  /* 공통사항- 혜화 편한의원에 문의하세요 */
  .wrap-contactus-contactus { padding: 8.75rem 0 3.437rem; }
  .wrap-contactus-contactus .text-contactus em { font-size: 0.812rem; line-height: 1.15; letter-spacing: 0.016rem; padding-bottom: 0.562rem; }
  .wrap-contactus-contactus .text-contactus h1 { font-size: 1.562rem; line-height: 1.4; padding-bottom: 2.5rem; }
  .wrap-contactus-contactus .wrap-button { display: block; }
  .wrap-contactus-contactus .wrap-button .button-list { padding-right: 0; width: 88.88%; margin: 0 auto; padding-bottom: 1.25rem; }
  .wrap-contactus-contactus .wrap-button .button-wrapping h2 { font-size: 1.25rem; line-height: 1.75; letter-spacing: -0.125rem; }
  .wrap-contactus-contactus .wrap-button .button-wrapping p { font-size: 0.812rem; line-height: 1.54; letter-spacing: -0.032rem; padding-bottom: 1.25rem; }
  .wrap-contactus-contactus .wrap-button .button-wrapping .btn-detail { padding: 0.781rem 3.093rem; }
  /* -end- 공통사항- 혜화 편한의원에 문의하세요 */

  /* 팝업 */
  .popup { max-width: 350px; left: 0; right: 0; margin: 0 auto; }
  .second-popup { top: 137px; }
  .third-popup { top: 274px; }
  /* -end- 팝업 */
}

@media (min-width: 1920px) {
  /* 공통사항- 오시는길 & 진료시작 */
  .section-8 h6 { font-size: 20px; }
  .section-8 h1 { font-size: 48px; }

  .section-8 .wrap-time h4 { font-size: 30px; }
  .section-8 .wrap-time .date { font-size: 22px; }
  .section-8 .wrap-time .wrap-treatment .time { font-size: 22px; }
  .section-8 .wrap-time .wrap-reserve .time .text-goto { font-size: 22px; }
  .section-8 .wrap-time .wrap-reserve .time .text-sub { font-size: 22px; }
  .section-8 .wrap-time .wrap-reserve .text-mail { font-size: 22px; }
  .section-8 .wrap-time .wrap-reserve .text-phone { font-size: 22px; }

  .section-8 .wrap-loction h1 { font-size: 30px; }
  .section-8 .wrap-loction .location-desc { font-size: 22px; }
  /* -end- 공통사항- 오시는길 & 진료시작 */
}

/*# sourceMappingURL=common.css-f287b561611730b1b9b8cef790ae104e9211e1e508d631b0012866a736a447aa.map */