:root {
  --primary-2: #1D4FA2;
  --pc-min-width: 1200px;
  --background-color-mobile: #F5F5F5;
  --background-color-pc: #F7F7F7;
  --border-color-mobile: #CCCCCC;
  --border-color-pc: #E0E0E0;
}

body {
  font-family: "Pretendard Variable", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
}

/* common */
.min-width-pc-min-width {
  max-width: var(--pc-min-width);
}

.mt-10 {
  margin-top: 10px;
}

.mt-12 {
  margin-top: 12px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-24 {
  margin-top: 24px;
}

.mt-28 {
  margin-top: 28px;
}

.mb-15 {
  margin-bottom: 15px;
}

.flex-1 {
  flex: 1;
}

.gap-8 {
  gap: 8px;
}

.gap-10 {
  gap: 10px;
}

.gap-12 {
  gap: 12px;
}

.gap-16 {
  gap: 16px;
}

.gap-20 {
  gap: 20px;
}

/* header */
#header {
  border-top: 4px solid var(--primary-2);
  position: relative;
}

#header__container {
  height: 56px;
}

#header__breadcrumb {
  background-color: #1D4FA2;
  height: 54px;
}

#header__breadcrumb__home {
  color: #FFF;
  padding: 15px;
  font-size: 20px;
}

.header__breadcrumb__depth {
  width: 100%;
  padding: 13px 0px;
}

.header__breadcrumb__depth__container {
  color: #FFF;
}

.header__breadcrumb__depth__container__btn {
  padding: 13px 20px 13px 0px;
  color: #FFF;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.14px;
}

.header__breadcrumb__depth__container__btn__title {
  border-left: 1px solid #5477AF;
  padding-left: 20px;
}

#header__breadcrumb__share {
  color: #FFF;
  padding: 15px;
  font-size: 20px;
}

.header__breadcrumb__depth__container>.dropdown-menu {
  position: absolute;
  top: 53px;
  --bs-dropdown-border-radius: unset;
  --bs-dropdown-padding-y: unset;
  --bs-dropdown-bg: var(--background-color-mobile);
  --bs-dropdown-item-padding-x: 20px;
  --bs-dropdown-item-padding-y: 12px;
  --bs-dropdown-link-hover-color: inherit;
  --bs-dropdown-link-hover-bg: inherit;
  --bs-dropdown-link-active-color: inherit;
  --bs-dropdown-link-active-bg: inherit;
  --bs-dropdown-link-color: #888888;
  /* --bs-dropdown-color: #888888 */
}

.header__breadcrumb__depth__container>.dropdown-menu .dropdown-item {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.14px;
}

/* footer */
#footer__container__nav {
  background-color: var(--background-color-mobile);
}

#footer__container__nav__container {
  padding: 16px 16px 0px 16px;
}

#footer__container__nav__container__link {
  border-bottom: 1px solid var(--border-color-mobile);
  padding-bottom: 24px;
}

.footer__container__nav__container__link__row+.footer__container__nav__container__link__row {
  margin-top: 8px;
}

.footer__container__nav__container__link__column+.footer__container__nav__container__link__column>a {
  margin-left: 8px;
}

#footer__container__info {
  background-color: var(--background-color-mobile);
}

#footer__container__info__container__desc {
  padding: 16px 16px 0px 16px;
}

#footer__container__info__container__link {
  padding: 16px 0px;
}

#footer__container__info__container__link__container {
  padding: 0px 20px;
}

#footer__container__info__container__emergency__mobile {
  padding: 16px 16px 0px 16px;
}

#footer__container__info__container__emergency__pc {
  padding: 12px 0px;
}

#footer__container__info__container__desc__contact__title {
  color: #000;
  font-size: 15px;
  letter-spacing: -0.192px;
}

#footer__container__info__container__desc__contact__number {
  color: #1D4FA2;
  font-size: 21px;
  font-weight: 700;
  letter-spacing: -0.269px;
}

#footer__container__info__container__desc__contact__detail {
  margin-top: 8px;
}

.footer__container__info__container__desc__contact__detail__container {
  margin: 4px 0px;
}

.footer__container__info__container__desc__contact__detail__container__title {
  width: 70px;
  color: #222;
  font-size: 12px;
  letter-spacing: -0.154px;
}

.footer__container__info__container__desc__contact__detail__container__number {
  color: #222;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: -0.141px;
}

#footer__container__info__container__desc__time {
  padding-left: 24px;
  border-left: 1px solid var(--border-color-mobile);
}

#footer__container__info__container__desc__timetable__title {
  color: #000;
  font-size: 15px;
  letter-spacing: -0.192px;
}

#footer__container__info__container__desc__timetable__container {
  margin-top: 4px;
}

.footer__container__info__container__desc__timetable__container__time+.footer__container__info__container__desc__timetable__container__time {
  margin-top: 4px;
}

.footer__container__info__container__desc__timetable__container__time__title {
  width: 50px;
  color: #222;
  font-size: 11px;
  letter-spacing: -0.141px;
}

.footer__container__info__container__desc__timetable__container__time__range {
  color: #222;
  font-size: 11px;
}

#footer__container__cert {
  padding: 10px 0;
}

#footer__container__cert__container {
  max-width: 1200px;
  color: #615F60;
  font-size: 13px;
  letter-spacing: -0.166px;
}

#footer__container__addr {
  background-color: var(--background-color-mobile);
}

#footer__container__addr__container {
  max-width: 1280px;
}

#footer__container__addr__container__info {
  padding: 0px 16px;
}

#footer__container__addr__container__info__container {
  padding: 36px 0px 20px;
  border-top: 1px solid #CCCCCC;
}

#footer__container__addr__container__info__container__desc {
  margin-top: 24px;
}

#footer__container__addr__container__info__container__desc__address {
  margin: unset;
  color: #615F60;
  font-size: 14px;
  letter-spacing: -0.179px;
}

#footer__container__addr__container__info__container__desc__copyright {
  color: #79747E;
  font-size: 12px;
  letter-spacing: -0.154px;
}

#footer__container__addr__container__nav__btn {
  background-color: #CCCCCC;
  padding: 12px 20px;
  color: #000;
  font-size: 14px;
  letter-spacing: -0.179px;
}

#footer__container__addr__container__nav__item {
  position: absolute;
  bottom: 45px;

  font-size: 14px;
  letter-spacing: -0.179px;
  --bs-dropdown-border-radius: unset;
  --bs-dropdown-padding-y: unset;
  --bs-dropdown-item-padding-x: 20px;
  --bs-dropdown-item-padding-y: 12px;
}

/* ych__btn */
.ych__btn {
  border: none;
  background: none;
  text-wrap: nowrap;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  color: inherit;
}

.ych__btn.ych__btn--header-nav {
  font-size: 18px;
  padding: 0 12px;
  margin: 0 8px;
  color: #030C0A;
}

.ych__btn.ych__btn--header-action {
  width: 44px;
  height: 44px;
  padding: unset;
  font-size: 24px;
  color: #030C0A;
}

.ych__btn.ych__btn--footer-nav-pc {
  font-size: 14px;
  color: #333333;
  letter-spacing: -0.179px;
  padding: 4px 8px;
  margin: 0px 6px;
}

.ych__btn.ych__btn--footer-nav-mobile {
  font-size: 12px;
  color: #555555;
  letter-spacing: -0.154px;
  padding: 4px;
}

.ych__btn.ych__btn--footer-naver-link-pc {
  letter-spacing: -0.179px;
  padding: 6px 10px;
  font-size: 12.5px;
  margin: 0px 6px;
  color: #333333;
  border: 1px solid var(--border-color-mobile);
}

.ych__btn.ych__btn--footer-naver-link-pc>i {
  transform: rotate(-45deg);
}

.ych__btn.ych__btn--footer-naver-link-mobile {
  padding: 6px 10px;
  font-size: 12.5px;
  color: #404041;
  border: 1px solid #0F1928;
}

.ych__btn.ych__btn--footer-naver-link-mobile>i {
  transform: rotate(-45deg);
}

.ych__btn.ych__btn--footer-site-link {
  padding: 12px 20px;
  font-size: 13px;
  color: #222222;
  margin: 4px 0px;
  background-color: #FFFFFF;
  letter-spacing: -0.166px;
  justify-content: center;
}

.ych__btn.ych__btn--footer-site-link+.ych__btn.ych__btn--footer-site-link {
  margin-left: 8px;
}

.ych__btn.ych__btn--footer-site-link>i {
  color: #1D4FA2;
  width: 20px;
}

.ych__btn.ych__btn--footer-site-link>i+span {
  margin-left: 10px;
}

.ych__btn.ych__btn--footer-site-link-emergency {
  background-color: #BF0A0B;
  color: #FFFFFF;
  padding: 8px 12px;
  height: 48px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.179px;
}

.ych__btn.ych__btn--footer-site-link-emergency>i {
  margin-right: 10px;
}

.ych__btn.ych__btn--footer-site-link-emergency.ych__btn--footer-site-link-emergency-pc {
  border-radius: 5px;
  font-size: 16px;
  letter-spacing: -0.205px;
}

.ych__btn.ych__btn--appointment--next {
  background-color: #2F76EA;
  padding: 20px 24px;
  width: 174px;
  color: #FFF;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.109px;
  justify-content: center;
  text-align: center;
}

.ych__btn.ych__btn--appointment--prev {
  background-color: #eee;
  padding: 20px 24px;


  color: #555;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.109px;
}

.ych__btn.ych__btn--appointment--option--text {
  color: #030C0A;
  background: #E1C7AE;
  padding: 12px 16px;
  font-size: 16px;
  line-height: 100%;
  font-weight: 500;
  letter-spacing: -0.101px;
}

.ych__btn.ych__btn--appointment--option--icon {
  color: #FFFFFF;
  background: #E1C7AE;
  padding: 12px 16px;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: -0.101px;
}

.ych__btn.ych__btn--popup-close {
  color: #FFFFFF;
  font-size: 32px;
}

.ych__btn.ych__btn--popup-prev {
  width: 154px;
  height: 46px;
  background-color: #FFF6ED;
  color: #333;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.125px;
}

.ych__btn.ych__btn--popup-next {
  width: 154px;
  height: 46px;
  background-color: #1D4FA2;
  color: #FFF;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.125px;
}

.ych__btn.ych__btn--popup-complete {
  width: 154px;
  height: 46px;
  background-color: #1D4FA2;
  color: #FFF;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.125px;
}

.ych__btn.ycn__btn--popup-appointment--search {
  width: 48px;
  height: 48px;
  background-color: #1D4FA2;
  color: #FFFFFF;
  padding: 10px 16px;
}

.ych__btn.ych__btn--popup-appoint-department {
  width: 115px;
  height: 115px;
  margin: 5px;
}

.ych__btn.ych__btn--popup-appoint-department.active {
  box-shadow: 0 0 0 2px #E1C7AE inset;
}

.ych__btn.ych__btn--popup-appointment-doctor-introduce {
  border: 2px solid #D2D5DA;
  padding: 5px;
  color: #555;
  font-size: 13px;
  font-weight: 400;
}

.ych__btn.ych__btn--popup-appointment-doctor-choice {
  border: 2px solid #2F76EA;
  padding: 5px;
  color: #111827;
  font-size: 13px;
  font-weight: 400;
}

.ych__btn.ych__btn--popup-appointment-datetime {
  border: 1px solid #CFD1D4;
  margin: 2px;
  width: calc(100% / 3 - 6px)/*60px*/;
  height: 42px;
  color: #888888;
  font-size: 14px;
  font-weight: 500;
}

.ych__btn.ych__btn--popup-appointment-datetime.active {
  box-shadow: 0 0 0 2px #E1C7AE inset;
}

.ych__btn.ych__btn--appointment--check--next {
  background-color: #2F76EA;
  padding: 20px 24px;
  width: 174px;
  color: #FFF;
  font-size: 16px;
  font-weight: 600;
}

.ych__btn.ych__btn--appointment--check--next i {
  font-size: 20px;
}

.ych__btn.ych__btn--board-page-icon {
  width: 35px;
  height: 35px;
  color: #888888;
  border: 1px solid #CCCCCC;
  font-size: 24px;
}

.ych__btn.ych__btn--board-page {
  width: 35px;
  height: 35px;
  border: 1px solid #CCCCCC;
  font-size: 13px;
  color: #888888;
  font-weight: 400;
}

.ych__btn.ych__btn--board-page.active {
  color: #1D4FA2;
  font-weight: 500;
}

.ych__btn.ych__btn--board-btn1 {
  background-color: #2F75EA;
  color: #FFFFFF;
  padding: 14px 12px;
  font-weight: 600;
  font-size: 15px;
  width: 100%;
  height: 100%;
}

.ych__btn.ych__btn--board-btn2 {
  background-color: #E8EDF2;
  color: #555555;
  padding: 14px 12px;
  font-weight: 600;
  font-size: 15px;
  width: 100%;
  height: 100%;
}

/* ych__board */
.ych__board__title {
  font-weight: 400;
  color: #222222;
  font-size: 13px;
}

.ych__board__title__point {
  font-weight: 700;
  color: #2F76EA;
  font-size: 14px;
}

.ych__board__header {
  color: #333333;
  font-weight: 600;
  font-size: 18px;
  background-color: #F7F7F7;
  text-align: center;
  border-top: 2px solid #030C0A;
}

.ych__board__column {
  border-bottom: 1px solid #D9D9D9;
}

.ych__board__column__title {
  width: 100px;
  color: #333333;
  font-weight: 600;
  font-size: 15px;
  background-color: #F7F7F7;
  padding: 0px 12px;
}

.ych__board__column__text {
  color: #111111;
  font-weight: 400;
  font-size: 15px;
  height: 47px;
  display: flex;
  align-items: center;
}

.ych__board__page {
  padding: 40px 0px;
}

.ych__board__header__col {
  height: 53px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ych__board__row {
  border-top: 2px solid #030C0A;
  margin-top: 20px;
}

/* appointment */
.main__appointment__subtitle {
  color: #030C0A;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.52px;
}

.main__appointment__subtitle__icon {
  margin-right: 8px;
}

.main__appointment__third_title {
  color: #030C0A;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.427px;
}

/* appointment index */
.main__appointment {
  padding: 0px 20px 40px;
}

.main__appointment__title {
  height: 110px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #030C0A;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -0.218px;
}

.main__appointment__title__container {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.main__appointment__title__container__bar {
  margin-top: 6px;
  width: 100px;
  height: 4px;
  background: #E1C7AE;
}

.main__appointment__subnav {
  padding: 12px 20px;
  color: #888;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0;
  border: 1px solid #CCCCCC;
}

.main__appointment__subnav.active {
  background-color: #1D4FA2;
  border: 1px solid #2F76EA;
  color: #FFF;
}

.main__appointment__subnav .main__appointment__subnav__icon__active {
  display: none;
}

.main__appointment__subnav .main__appointment__subnav__icon__deactive {
  display: inline-block;
}

.main__appointment__subnav.active .main__appointment__subnav__icon__active {
  display: inline-block;
}

.main__appointment__subnav.active .main__appointment__subnav__icon__deactive {
  display: none;
}

.main__appointment__container {
  padding: 20px 0px 24px;
}

#main__appointment__index__contact__icon {
  background-color: #E8EDF2;
  border-top-left-radius: 50px;
  height: 196px;
}

#main__appointment__index__contact__icon__container {
  background-color: #FFFFFF;
  border-radius: 50%;
  width: 140px;
  height: 140px;
}

#main__appointment__index__contact__desc {
  background-color: #F3F6F8;
  border-bottom-right-radius: 50px;
  padding: 40px 20px;
}

#main__appointment__index__contact__desc__text {
  color: #000;
  font-weight: 500;
  letter-spacing: -0.125px;
}

#main__appointment__index__contact__desc__info {
  margin-top: 12px;
  color: #2F76EA;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.24px;
}

#main__appointment__index__contact__desc__info__number {
  margin-left: 12px;
}

.main__appointment__index__container {
  margin-top: 40px;
}

.main__appointment__index__container__desc {
  /*padding: 0px 24px;*/
}

.main__appointment__index__container__desc__text {
  margin: 15px 0px;
  color: #222;
  font-size: 16px;
  font-weight: 300;
}

#main__appointment__index__info__desc__step {
  padding: 20px 0px;
}

.main__appointment__index__info__desc__step__container {
  padding: 12px 0px;
}

.main__appointment__index__info__desc__step__container__element {
  width: 160px;
}

.main__appointment__index__info__desc__step__container__element__mark {
  width: 52px;
  height: 52px;
  background-color: #1D4FA2;
  border-radius: 50%;
  color: #FFF;
  font-weight: 700;
  font-size: 13px;
}

.main__appointment__index__info__desc__step__container__element__text {
  margin-top: 8px;
  color: #222;
  font-size: 16px;
  font-weight: 500;
}

.main__appointment__index__info__desc__step__container__element__icon {
  margin: 0px 10px;
}

#main__appointment__index__info__desc__step__container__blank__mobile {
  height: 10px;
}

#main__appointment__index__notice {
  background-color: #F6F7F9;
  padding: 20px 16px;
}

#main__appointment__index__notice__title {
  color: #030C0A;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.427px;
}

#main__appointment__index__notice__desc {
  color: #6B6B6B;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.098px;
}

.main__appointment__index__notice__desc__contailer__dot {
  width: 24px;
}

.main__appointment__index__notice__desc__contailer+.main__appointment__index__notice__desc__contailer {
  margin-top: 10px;
}

#main__appointment__index__notice__desc__link__pc {
  margin: 0px 8px;
  padding: 4px 12px;
  border: 1px solid #CCC;
  background: #FFF;
}

#main__appointment__index__notice__desc__link__mobile {
  border: 1px solid #CCC;
  background: #FFF;
  display: flex;
  padding: 8px 12px;
}

.main__appointment__index__call {
  margin: 10px 0px;
}

.main__appointment__index__call+.main__appointment__index__call {
  border-top: 1px solid #CCC;
}

.main__appointment__index__call__container {
  padding: 16px;
}

.main__appointment__index__call__container__element__logo {
  height: 100px;
}

.main__appointment__index__call__container__element__desc__text {
  color: #333;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.126px;
}

.main__appointment__index__call__container__element__desc__contect {
  color: #1D4FA2;
  font-size: 21px;
  font-weight: 700;
  letter-spacing: -0.147px;
}

.main__appointment__index__visit__container {
  border: 1px solid #CCC;
  padding: 16px 20px;
}

.main__appointment__index__visit+.main__appointment__index__visit {
  margin-top: 12px;
}

#main__appointment__index__timetable {
  border-top: 1px solid #404041;
  border-bottom: 1px solid #404041;
  word-break: break-all;
}

#main__appointment__index__timetable tr {
  height: 53px;
}

#main__appointment__index__timetable thead tr {
  border-bottom: 1px solid #404041;
}

#main__appointment__index__timetable tbody tr:not(:first-child) {
  border-top: 1px solid #CCC;
}

#main__appointment__index__timetable th {
  background-color: #F3F6F8;
}

#main__appointment__index__timetable th:not(:first-child),
#main__appointment__index__timetable td:not(:first-child) {
  border-left: 1px solid #CCC;
}

#main__appointment__index__timetable th,
#main__appointment__index__timetable td {
  word-break: break-all;
  width: 25%;
}

#main__appointment__index__timetable__notice {
  background-color: #FFF6ED;
  color: #ED0F0F;
  font-weight: 500;
  letter-spacing: -0.112px;
  padding: 20px 28px;
}

#main__appointment__index__timetable td {
  color: #333;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.112px;
}

#main__appointment__index__timetable th {
  color: #333;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.112px;
}

/* appointment medical */
.main__appointment__stepNav {
  background-color: #FFF6ED;
  padding: 40px 0px;
}

.main__appointment__stepNav__container {
  padding: 0px 10%;
}

.main__appointment__stepNav__container__line {
  position: absolute;
  border: 1px solid #686564;
  width: calc(100% - 80px);
  top: calc(50% + 16px);
  padding: 0px 16px;
}

.main__appointment__stepNav__container__step_0 {
  width: 32px;
  height: 32px;
  background-color: #D7DAE2;
  border-radius: 50%;
}

.main__appointment__stepNav__container__step_1 {
  width: 32px;
  height: 32px;
  background-color: #2F76EA;
  color: #FFF;
  font-size: 18px;
  border-radius: 50%;
}

.main__appointment__stepNav__container__step_2 {
  width: 32px;
  height: 32px;
  background-color: #2F76EA;
  color: #FFF;
  font-size: 28px;
  border-radius: 50%;
}

.main__appointment__patient__col {
  padding: 8px 0px;
}

.main__appointment__patient__title {
  width: 198px;
  background-color: #F7F7F7;
  border-right: 1px solid #CCCCCC;
  padding: 0px 24px;
  font-size: 18px;
}

.main__appointment__patient__input {
  border: 1px solid #CCCCCC;
  padding: 12px;
  height: 46px;
  width: 235px;
  -webkit-appearance: auto;
}

.main__appointment__patient__textarea {
  border: 1px solid #CCCCCC;
  padding: 12px;
  resize: none;
  height: 246px;
  padding: 12px;
}

#main__appointment__patient__notice {
  background-color: #F7F7F7;
  border: 1px solid #CCCCCC;
  padding: 10px 5px 10px 10px;
}

#main__appointment__patient__notice__text {
  white-space: pre-wrap;
  color: #030C0A;
  font-family: 'Pretendard Variable';
  font-weight: 400;
  letter-spacing: -0.101px;
  height: 140px;
}

#main__appointment__patient__agree {
  padding: 16px 24px;
  border: 1px solid #CCCCCC;
}

#appointment_agree {
  width: 24px;
  height: 24px;
  color: #222;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.101px;
}

#appointment_disagree {
  width: 24px;
  height: 24px;
  color: #222;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.101px;
}

#main__appointment__container__notice {
  padding: 40px;
  background-color: #F3F6F8;
}

/* main__appointment__patient__complete */
.main__appointment__patient__complete {
  border-top: 2px solid #030C0A;
}

.main__appointment__patient__complete__row {
  border-bottom: 1px solid #CCCCCC;
}

.main__appointment__patient__complete__title {
  width: 198px;
  background-color: #F7F7F7;
  border-right: 1px solid #CCCCCC;
  padding: 0px 24px;
}

.main__appointment__patient__complete__col {
  padding: 8px 0px 8px 12px;
}


/* popup__appointment */
#popup__appointment {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100dvw;
  height: 100dvh;
  z-index: 100;
}

#popup__appointment__background {
  background-color: #424242;
  opacity: 0.9;
}

#popup__appointment__container {
  position: absolute;
  max-height: 706px;
  background: linear-gradient(180deg, #1D4FA2 0%, #E1C7AE 100%);
  max-width: 360px;
  padding: 12px 24px 24px;
  transition: ease all .5s;
}

#popup__appointment__container__title {
  color: #FFF;
  font-size: 19px;
  font-weight: 500;
  letter-spacing: -0.243px;
}

#popup__appointment__container__body {
  background-color: #FFFFFF;
}

.popup__appointment__title {
  color: #082775;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.23px;
}

.popup__appointment__input__search {
  padding: 12px;
  height: 48px;
  color: #333;
  font-weight: 500;
  border: 1px solid #C8C8C8;
  letter-spacing: -0.125px;
}

.popup__appointment__list {
  border: 1px solid #C8C8C8;
  overflow-y: auto;
  max-height: 420px;
}

#popup__appointment__department {
  padding: 12px 20px 20px;
}

.popup__appointment__department__title {
  color: #555;
  font-size: 16px;
  font-weight: 600;
}

#popup__appointment__doctor {
  padding: 12px 20px 20px;
}

.popup__appointment__doctor__item {
  margin: 6px;
  border: 1px solid #E0E0E0;
  width: 245px;
  flex-direction:column;
}

.popup__appointment__doctor__item.active {
  box-shadow: 0 0 0 2px #E1C7AE inset;
}

.popup__appointment__doctor__item__pic {
  width: 100%;
  height: auto;
  padding: 2px;
}

.popup__appointment__doctor__item__container {
  border-left: 1px solid #E0E0E0;
  padding: 4px;
  display:flex;
  flex-direction:column;
  justify-content: space-between;
}

.popup__appointment__doctor__item__container__name {
  color: #030C0A;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: -0.117px;
}

.popup__appointment__doctor__item__container__department {
  color: #2F76EA;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: -0.154px;
}

.popup__appointment__doctor__item__major {
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #555;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.078px;
  line-height: 120%;
  margin-bottom:10px;
}

.popup__appointment__doctor__item__container__icon {
  color: #2F76EA;
}

.popup__appointment__doctor__item__container__desc {
  color: #555;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: -0.078px;
}

#popup__appointment__datetime {
  padding: 12px 20px 12px 20px;
}

#popup__appointment__datetime__datepicker__footer {
  padding: 0px 4px;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}

.popup__appointment__datetime__datepicker__footer__select {
  width: 10px;
  height: 10px;
  background-color: #2F76EA;
}

.popup__appointment__datetime__datepicker__footer__text {
  font-weight: 500;
  color: #111111;
  font-size: 11px;
}

.popup__appointment__datetime__datepicker__footer__selectable {
  width: 10px;
  height: 10px;
  background-color: #E4EEF5;
}

.popup__appointment__datetime__datepicker__footer__text {
  font-weight: 500;
  color: #111111;
  font-size: 11px;
}

#popup__appointment__datetime__timetable {
  padding-top: 8px;
}

#popup__appointment__datetime__desc__title {
  padding: 12px 20px;
  background-color: #1D4FA2;
  font-weight: 700;
  color: #FFF;
}

.popup__appointment__desc {
  border-left: 2px solid #E0E0E0;
  border-right: 2px solid #E0E0E0;
  border-bottom: 2px solid #E0E0E0;
}

.popup__appointment__desc__container:not(:first-child) {
  border-top: 2px dashed #E0E0E0;
}

.popup__appointment__desc__container__title {
  background-color: #F3F6F8;
  font-weight: 500;
  padding: 12px 20px;
  width: 110px;
  color: #555555;
  font-size: 14px;
}

.popup__appointment__desc__container__text {
  padding: 8px;
  font-weight: 500;
  font-size: 16px;
  color: #333333;
}

#popup__appointment__datetime__desc__container__info {
  height: 140px;
  border-top: 2px solid #E0E0E0;
}

.popup__appointment__desc__container__info__text {
  font-weight: 600;
  font-size: 16px;
  color: #111111;
}

.popup__appointment__desc__container__info__text__bold {
  font-weight: 700;
  font-size: 16px;
  color: #2F76EA;
}

#main__appointment__index .appointment_guide_text {
  font-size: 18px;
  border: 1px solid #ddd;
  margin-top: 20px;
  font-weight: 400;
  color: #333;
}

.main__appointment__complete {
  padding: 40px 0px;
  font-weight: 500;
  font-size: 24px;
}

.main__appointment__complete__text {
  color: #2F76EA;
}

#popup__appointment__result__title {
  padding: 12px 20px;
  font-weight: 700;
  color: #1D4FA2;
}

#popup__appointment__result {
  border-top: 2px solid #082775;
}

#popup__appointment__result__container__info {
  height: 220px;
  border-top: 2px solid #E0E0E0;
}

.popup__appointment__result__container:not(:first-child) {
  border-top: 2px dashed #E0E0E0;
}

.popup__appointment__result__container__title {
  background-color: #F3F6F8;
  font-weight: 500;
  padding: 12px 20px;
  width: 110px;
  color: #555555;
  font-size: 14px;
  border-right: 2px solid #E0E0E0;
}

.popup__appointment__result__container__text {
  padding: 8px;
  font-weight: 500;
  font-size: 14px;
  color: #333333;
}

/* ych__datepicker */
.ych__datepicker .ui-datepicker-inline {
  width: 100%;
}

.ych__datepicker .ui-widget {
  font-size: 12px;
  font-weight: 500;
  font-family: unset;
}

.ych__datepicker .ui-corner-all {
  border-radius: unset;
}

.ych__datepicker .ui-widget-content {
  border: 1px solid #CCCCCC;
  padding: unset;
}

.ych__datepicker .ui-widget-header {
  color: #FFFFFF;
  font-size: 18px;
  border: unset;
  background: unset;
  background-color: #1D4FA2;
  font-weight: unset;
  height: 50px;
  display: flex;
  align-items: center;
}

.ych__datepicker .ui-datepicker .ui-datepicker-header {
  padding: unset;
}

.ych__datepicker .ui-datepicker .ui-datepicker-title {
  margin: 0px 6px;
}

.ych__datepicker .ui-datepicker-title {
  display: flex;
  gap: 12px;
}

.ych__datepicker .ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 70px;
  background-color: transparent;
  border: unset;
  color: #FFFFFF;
  -webkit-appearance: auto;
}

.ych__datepicker .ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-month {
  width: 65px;
  background-color: transparent;
  border: unset;
  color: #FFFFFF;
  -webkit-appearance: auto;
}

.ych__datepicker .ui-datepicker-month {
  width: 60px;
}

.ych__datepicker .ui-datepicker-year option,
.ych__datepicker .ui-datepicker-month option {
  color: #111111;
}

.ych__datepicker .ui-datepicker-calendar {
  color: #333333;
  font-size: 14px;
  font-weight: 500;
}

.ych__datepicker .ui-datepicker-calendar th:first-child,
.ych__datepicker .ui-datepicker-calendar td:first-child {
  color: #F47D7D;
}

.ych__datepicker .ui-datepicker-calendar th:last-child,
.ych__datepicker .ui-datepicker-calendar td:last-child {
  color: #3B82F6;
}

.ych__datepicker .ui-datepicker-calendar .ui-state-default {
  border: unset;
  background: unset;
  color: unset;
  text-align: center;
}

.ych__datepicker .ui-datepicker-calendar th,
.ych__datepicker .ui-datepicker-calendar td {
  height: 35px;
}

.ych__datepicker .ui-datepicker-calendar th *,
.ych__datepicker .ui-datepicker-calendar td * {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.ych__datepicker .ui-datepicker-calendar a.ui-state-default {
  background-color: #EBF7FF;
  font-weight: 500;
}

.ych__datepicker .ui-datepicker-calendar a.ui-state-default.ui-state-active {
  border: unset;
  background: unset;
  color: unset;
  text-align: center;
  box-shadow: 0 0 0 2px #E1C7AE inset;
  background-color: unset;
}

.ych__datepicker .ui-datepicker-calendar .ui-state-disabled {
  border: unset;
  background: unset;
  color: #555555;
  text-align: center;
  opacity: unset;
}

.ych__datepicker .ui-datepicker .ui-datepicker-prev {
  left: unset;
  right: 30px;
  top: 8px;
  cursor: pointer;
}

.ych__datepicker .ui-datepicker .ui-datepicker-prev .ui-icon {
  background-position: unset;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.24455 11.0916L11.6684 15.4379C11.9789 15.7484 12.4446 15.7484 12.755 15.4379C13.0655 15.1275 13.0655 14.6618 12.755 14.3513L8.95202 10.4708L12.755 6.59015C13.0655 6.27971 13.0655 5.81404 12.755 5.50359C12.5998 5.34836 12.4446 5.27075 12.2117 5.27075C11.9789 5.27075 11.8237 5.34836 11.6684 5.50359L7.24455 9.84986C6.93411 10.2379 6.93411 10.7036 7.24455 11.0916C7.24455 11.014 7.24455 11.014 7.24455 11.0916Z' fill='white'/%3E%3C/svg%3E%0A");
  background-size: 16px;
}

.ych__datepicker .ui-datepicker .ui-datepicker-prev-hover {
  border: unset;
  background: unset;
  right: 30px;
}

.ych__datepicker .ui-datepicker .ui-datepicker-next {
  top: 8px;
  cursor: pointer;
}

.ych__datepicker .ui-datepicker .ui-datepicker-next .ui-icon {
  background-position: unset;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.7421 9.89721L8.33801 5.50091C8.26568 5.42798 8.17962 5.3701 8.0848 5.33059C7.98998 5.29109 7.88828 5.27075 7.78556 5.27075C7.68284 5.27075 7.58114 5.29109 7.48632 5.33059C7.3915 5.3701 7.30544 5.42798 7.2331 5.50091C7.08818 5.6467 7.00684 5.84391 7.00684 6.04948C7.00684 6.25504 7.08818 6.45226 7.2331 6.59804L11.0847 10.4886L7.2331 14.3402C7.08818 14.486 7.00684 14.6832 7.00684 14.8888C7.00684 15.0943 7.08818 15.2915 7.2331 15.4373C7.30517 15.5108 7.3911 15.5693 7.48594 15.6094C7.58077 15.6495 7.68261 15.6703 7.78556 15.6708C7.88851 15.6703 7.99035 15.6495 8.08518 15.6094C8.18001 15.5693 8.26595 15.5108 8.33801 15.4373L12.7421 11.041C12.8211 10.9682 12.8841 10.8797 12.9272 10.7813C12.9703 10.6829 12.9926 10.5766 12.9926 10.4691C12.9926 10.3617 12.9703 10.2554 12.9272 10.1569C12.8841 10.0585 12.8211 9.97007 12.7421 9.89721Z' fill='white'/%3E%3C/svg%3E%0A");
  background-size: 16px;
}

.ych__datepicker .ui-datepicker .ui-datepicker-next-hover {
  border: unset;
  background: unset;
  right: 2px;
}

/* appointment__check */
.main__appointment__container__check__title {
  color: #082775;
  font-weight: 700;
  font-size: 24px;
}

/* pc */
@media (min-width: 1200px) {

  /* common */
  .xl-flex-none {
    flex: none;
  }

  .xl-w-unset {
    width: unset !important;
  }

  .xl-mt-none {
    margin-top: unset;
  }

  .xl-mt-12 {
    margin-top: 12px;
  }

  .xl-mt-24 {
    margin-top: 24px;
  }

  .xl-gap-20 {
    gap: 20px;
  }

  .xl-mt-40 {
    margin-top: 40px;
  }

  /* header */
  #header__container {
    height: 78.21px;
  }

  .header__breadcrumb__depth {
    width: 260px;
  }

  .header__breadcrumb__depth__container__btn {
    letter-spacing: -0.205px;
  }

  /* footer */
  #footer__container__nav {
    background-color: var(--background-color-pc);
  }

  #footer__container__nav {
    border-top: 1px solid var(--border-color-pc);
    border-bottom: 1px solid var(--border-color-pc);
  }

  #footer__container__nav__container {
    height: 66px;
    padding: unset;
  }

  #footer__container__nav__container__link {
    border-bottom: unset;
    padding-bottom: unset;
  }

  #footer__container__info {
    background-color: var(--background-color-pc);
  }

  #footer__container__info__container__link {
    padding: 24px 0px;
  }

  #footer__container__info__container__link__container {
    padding: 0px 0px 0px 20px;
    border-left: 1px solid #898989;
  }

  #footer__container__info__container__desc {
    padding: 24px 20px 24px 0px;
  }

  #footer__container__info__container__desc__contact__title {
    color: #030C0A;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.256px;
  }

  #footer__container__info__container__desc__contact__number {
    color: #1D4FA2;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -0.384px;
  }

  .footer__container__info__container__desc__contact__detail__container__title {
    width: 90px;
    color: #888;
    font-size: 15px;
    letter-spacing: -0.192px;
  }

  .footer__container__info__container__desc__contact__detail__container__number {
    color: #030C0A;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: unset;
  }

  #footer__container__info__container__desc__timetable__title {
    color: #030C0A;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.256px;
  }

  #footer__container__info__container__desc__timetable__container {
    margin-top: 8px;
  }

  .footer__container__info__container__desc__timetable__container__time+.footer__container__info__container__desc__timetable__container__time {
    margin-top: 7px;
  }

  .footer__container__info__container__desc__timetable__container__time__title {
    color: #888;
    font-size: 13px;
    letter-spacing: -0.166px;
  }

  .footer__container__info__container__desc__timetable__container__time__range {
    color: #030C0A;
    font-size: 13px;
  }

  #footer__container__addr {
    background-color: var(--background-color-pc);
  }

  #footer__container__addr__container__info {
    padding: 30px 0px;
  }

  #footer__container__addr__container__info__container {
    padding: unset;
    border-top: unset;
    text-align: unset;
  }

  #footer__container__addr__container__info__container__desc {
    margin-top: unset;
  }

  #footer__container__addr__container__info__container__desc__address {
    color: #555;
  }

  #footer__container__addr__container__info__container__desc__copyright {
    color: #888;
    font-size: 12px;
    letter-spacing: -0.154px;
  }

  #footer__container__addr__container__nav__btn {
    background-color: #1D4FA2;
    color: #FFF;
    letter-spacing: -0.205px;
  }

  #footer__container__addr__container__nav__item {
    letter-spacing: -0.205px;
  }

  /* ych__btn */
  .ych__btn.ych__btn--footer-site-link {
    margin: 4px;
    font-size: 18px;
    color: #030C0A;
    letter-spacing: -0.14px;
    justify-content: unset;
  }

  .ych__btn.ych__btn--footer-site-link+.ych__btn.ych__btn--footer-site-link {
    margin-left: 4px;
  }

  .ych__btn.ych__btn--appointment--next {
    color: #FFF;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.14px;
    width: 174px;
    justify-content: center !important;
  }

  .ych__btn.ych__btn--appointment--prev {
    color: #555;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.14px;
    width: 174px;
  }

  .ych__btn.ych__btn--popup-prev {
    width: 95px;
    height: 36px;
    background-color: #E9E7E8;
    color: #888;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.109px;
  }

  .ych__btn.ych__btn--popup-next {
    width: 95px;
    height: 36px;
    background-color: #2F76EA;
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.109px;
  }

  .ych__btn.ych__btn--popup-complete {
    width: 95px;
    height: 36px;
    background-color: #2F76EA;
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.109px;
  }

  .ych__btn.ych__btn--popup-appointment-doctor-introduce {
    color: #555;
    font-size: 14px;
    font-weight: 400;
  }

  .ych__btn.ych__btn--popup-appointment-doctor-choice {
    font-size: 14px;
    font-weight: 400;
  }

  .ych__btn.ych__btn--popup-appointment-datetime {
    width: calc(100% / 4 - 4px);/*70px*/
    height: 38px;
    color: #898989;
    font-size: 14px;
    font-weight: 400;
  }

  .ych__btn.ych__btn--board-btn1 {
    padding: 4px 12px;
    font-weight: 500;
    font-size: 14px;
    width: unset;
    height: unset;
  }

  .ych__btn.ych__btn--board-btn2 {
    padding: 4px 12px;
    font-weight: 500;
    font-size: 14px;
    width: unset;
    height: unset;
  }

  /* ych__board */
  .ych__board__title {
    color: #111111;
    font-size: 16px;
  }

  .ych__board__title__point {
    font-size: 16px;
  }

  .ych__board__column__text {
    height: 53px;
    font-weight: 400;
    font-size: 16px;
    justify-content: center;
  }

  .ych__board__row {
    border-top: 1px solid #D9D9D9;
    margin-top: unset;
  }

  .ych__board__column {
    border-bottom: unset;
  }

  /* appointment */
  .main__appointment__subtitle {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -0.41px;
  }

  /* appointment index */
  .main__appointment {
    padding: 40px 20px 80px;
  }

  .main__appointment__title {
    color: #030C0A;
    font-size: 42px;
    font-weight: 600;
    letter-spacing: -0.3px;
  }

  .main__appointment__subnav {
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0;
    border: 1px solid #E1E3E4;
  }

  .main__appointment__container {
    padding: 40px 0px 24px;
  }

  #main__appointment__index__contact__icon {
    height: 220px;
  }

  #main__appointment__index__contact__desc {
    height: 220px;
    padding: 40px;
  }

  #main__appointment__index__contact__desc__text {
    font-size: 20px;
    letter-spacing: -0.24px;
  }

  #main__appointment__index__contact__desc__info {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.24px;
  }

  .main__appointment__index__container {
    margin-top: 120px;
  }

  .main__appointment__index__container__desc__text {
    color: #222;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.14px;
  }

  #main__appointment__index__info__desc__step {
    padding: 24px 0px;
  }

  .main__appointment__index__info__desc__step__container__element__mark {
    font-size: 14px;
  }

  .main__appointment__index__info__desc__step__container__element__text {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.14px;
  }

  #main__appointment__index__notice {
    padding: 40px;
  }

  #main__appointment__index__notice__desc {
    color: #6B6B6B;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.125px;
  }

  .main__appointment__index__call {
    margin: unset;
  }

  .main__appointment__index__call+.main__appointment__index__call {
    border-top: unset;
  }

  .main__appointment__index__call__container {
    padding: 20px 0px;
  }

  .main__appointment__index__call__container__element {
    border-left: 1px solid #CCC;
  }

  .main__appointment__index__call__container__element__desc__text {
    color: #333;
    font-size: 21px;
    font-weight: 500;
    letter-spacing: -0.147px;
  }

  .main__appointment__index__call__container__element__desc__contect {
    color: #1D4FA2;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.168px;
  }

  .main__appointment__index__visit__container {
    padding: 24px 40px;
    margin-right: 12px;
  }

  .main__appointment__index__visit+.main__appointment__index__visit {
    margin-top: unset;
  }

  #main__appointment__index__timetable__notice {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.14px;
  }

  #main__appointment__index__timetable td {
    color: #333;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.14px;
  }

  #main__appointment__index__timetable th {
    color: #333;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.14px;
  }

  /* appointment medical */
  .main__appointment__container__patient__input {
    height: 48px;
  }

  .main__appointment__container__patient__auth__btn {
    padding: 12px 20px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.125px;
  }

  #main__appointment__patient__notice {}

  #main__appointment__patient__notice__text {
    font-size: 16px;
    letter-spacing: -0.125px;
    height: 350px;
  }

  #appointment_agree {
    color: #222;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.125px;
  }

  #appointment_disagree {
    color: #222;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.125px;
  }

  .main__appointment__patient {
    border-top: 2px solid #030C0A;
    font-size: 18px;
  }

  .main__appointment__patient__row {
    border-bottom: 1px solid #CCCCCC;
  }

  .main__appointment__patient__col {
    padding: 8px 0px 8px 12px;
  }

  .main__appointment__patient__action {
    padding: 24px;
  }

  /* popup__appointment */
  #popup__appointment__container {
    max-width: 768px;
    padding: 32px 24px 24px;
  }

  .popup__appointment__title {
    color: #082775;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.307px;
  }

  .popup__appointment__input__search {
    letter-spacing: -0.205px;
  }

  .popup__appointment__list {
    max-height: 400px;
  }

  .popup__appointment__doctor__item {
    width: 315px;
    display:flex;
    flex-direction: row;
  }

  .popup__appointment__doctor__item__pic {
    width: 130px;
    height: /*135px*/auto;
  }

  .popup__appointment__doctor__item__container {
    padding: 8px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .popup__appointment__doctor__item__container__name {
    font-size: 20px;
  }

  .popup__appointment__doctor__item__container__department {
    color: #2F76EA;
    font-size: 14px;
    font-weight: 600;
  }

  .popup__appointment__doctor__item__major {
    width: 168px;
    color: #555;
    font-size: 14px;
    font-weight: 400;
  }

  .popup__appointment__doctor__item__container__desc {
    color: #111;
    font-size: 11px;
    font-weight: 400;
  }

  #popup__appointment__datetime__datepicker__footer {
    padding: 0px 4px;
    border-left: unset;
    border-right: unset;
  }

  #popup__appointment__datetime__timetable {
    padding: 8px;
  }

  /* main__appointment__patient__complete */
  .main__appointment__patient__complete__col {
    padding: 20px 0px 20px 12px;
  }
}

@media(max-width:1199px) {
  .main__appointment__container {}

  #main__appointment__index .appointment_guide_text {
    font-size: 15px;
    word-break: keep-all;
    padding: 20px;
  }

  /*#main__appointment__index .appointmen_nex_btn, .ych__btn.ych__btn--appointment--prev {
		flex:1;
	}*/
  a.ych__btn.ych__btn--appointment--prev.justify-content-center {
    width: 50%
  }

  input.ych__btn.ych__btn--appointment--next {
    width: 100%
  }
}

@media(max-width:768px) {

  /*진료예약 확인*/
  .ych__btn.ych__btn--appointment--check--next {
    font-size: 16px;
    font-weight: 600;
    width: 100%;
  }

  .ych__btn.ych__btn--appointment--check--next i {
    font-size: 20px;
  }

  .main__appointment__patient__complete__title {
    width: 30%;
  }

  .ych__btn.ych__btn--appointment--next {
    width: 100%
  }

}