:root {
  --color-primary:#1D4FA2;
  --color-secondary:#082775;
  --color-secondary-2: #E1C7AE;
  --color-secondary-3:#FFF6ED;	
  --color-accent:#2F76EA;
  --primary-2: #1D4FA2;
  --pc-min-width: 1280px;
  --background-color-mobile: #F7F7F7;
  --background-color-pc: #F7F7F7;
  --border-color-mobile: #CCCCCC;
  --border-color-pc: #E0E0E0;
}


div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button,iframe,th,td{margin:0;padding:0; word-break: keep-all;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,dt{font-weight:normal;}
img,fieldset,iframe,button{border:0 none;}
button{cursor:pointer;background:none}
button:focus{outline:0;}
li{list-style:none;}
table{ border-collapse:collapse;border-spacing:0; }
th, td{border-collapse:collapse;}
a{text-decoration:none;outline-offset:-1px;}
input,select,textarea{/*border-radius:0 !important;*/ -webkit-appearance:none; appearance:none; font-size:inherit;color:inherit;}
input[type="radio"]{-webkit-appearance:radio}
input[type="checkbox"]{-webkit-appearance:checkbox}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}
input[type='number'] { -moz-appearance: textfield; }
input::placeholder{ color:#929292}
input:focus{ outline:none; box-shadow: none;}

/*@media (max-width: 767px) {
  //input {
    border-radius: 0 !important;
    -webkit-appearance: none !important;
    appearance: none !important;
//  }
}*/

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

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

/* header */
#header {
  border-top: 4px solid var(--color-primary);
  position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
	background-color: #fff;
}

#header__container {
  height: 56px;
}
#header__container .mlogo{height:38px; max-height:38px}
#header__breadcrumb {
  background-color: var(--color-primary);
  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: 17px;
  font-weight: 200;
}
.header__breadcrumb__depth__container__btn__title {
  border-left: 1px solid #5477AF;
  padding-left: 20px;
}
.header__breadcrumb__depth{ position:relative;}
.header__breadcrumb__depth:last-of-type:before{ content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 1px; height: 27px; background-color: #5477AF}
#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: 8px;
  --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: #424242;
  /* --bs-dropdown-color: #888888 */
	overflow: auto;
	max-height: calc(100vh - 136px);
}
.header__breadcrumb__depth__container > .dropdown-menu .dropdown-item {
  font-size: 17px;
  font-weight: 200;
}
/*top btn*/
#top_btn {position:fixed;bottom:10px;right:15px;width:50px;height:50px;line-height:36px;border:2px solid #d2d2d2;border-radius:50%;background:#fff;color:#d2d2d2;text-align:center;font-size:15px;z-index:1000;
-webkit-box-shadow:1px 2px 5px rgba(191, 191, 191, 0.4);
-moz-box-shadow:1px 2px 5px rgba(191, 191, 191, 0.4);
box-shadow:1px 2px 5px rgba(191, 191, 191, 0.4)}
#top_btn i {font-size:1.4em}
#top_btn:hover {background:#3b8afb;border-color:#3b8afb;color:#fff}

/* quick_menu */
#quickMenuToggleButtons {
  position: fixed;
  top: 82px;
  right: 0px;
  z-index: 10;
  display: flex;
  flex-direction: column;
  gap: 5px;
  width:100px;
}

#quickMenuOpenBtn,
#quickMenuCloseBtn {
  background-color: #003366;
  color: #fff;
  padding: 8px 20px;
  border: none;
  border-radius: 0;
  font-size: 12px;
  cursor: pointer;
}
.quick_menu{position:fixed; width:100px; background:#fff; right:0; left:auto; top:115px; flex-direction:column; border:1px solid #ddd; z-index:10; display:none;}
.quick_menu ul{display: flex;flex-direction: column;}
.quick_menu ul li, .quick_menu ul li a{display:flex;flex-direction: column; font-size: 14px; font-weight: 600; align-items: center; color:#333;}
.quick_menu ul li{border-bottom:1px solid #ddd;flex:1 1 auto; padding:10px; width:100%;}
.quick_menu ul li:last-child{border-bottom:0;}
.quick_menu ul li.btn1{background: var(--color-secondary); font-size:12px;font-weight: 400; padding:6px; display:none;}
.quick_menu ul li.btn1 a{color:#fff;}
.quick_menu ul li.btn6_tel{background:var(--color-accent); color:#fff;}
.quick_menu ul li.btn6_tel a{text-align: center;}
.quick_menu ul li.btn6_tel em{font-size:16px;}
.quick_menu ul li img{max-width:32px; height:26px;}
.quick_menu ul li a span.material-icons-round{font-size:32px; color:var(--color-secondary)}

@media(max-width:1200px){
  #search-modal{top:55px !important;}

  #top_btn{bottom: 90px;}

  #quickMenuToggleButtons{
    display: none;
  }
  .quick_menu{
    position:fixed;
    background:#fff;
    top:100%;
    left:0;
    width:100%;
    min-width:260px;
    height:81px;
    transform:translateY(-80px);
    display:flex !important;
    flex-direction:row;
    justify-content: center;
    overflow: hidden;
    border-radius: 0;
    z-index: 9;
    box-shadow: 0 0 10px rgb(0 0 0 / 50%)
  }
  .quick_menu ul{
    display:flex;
    flex-direction: row;
    align-items: center;
    width:100%;
    height:100%;
  }
  .quick_menu ul li{
    border-bottom:0;
    border-left:1px solid #ddd;
    height:100%;
    justify-content: center;
    align-items: center;
  }
  .quick_menu ul li.btn2{border-left:0;}
  .quick_menu ul li.bt5{display:none;}
  .quick_menu ul li.btn6_tel a{gap:0;}
  .quick_menu ul li.btn6_tel em{line-height:120%;}
}

/* 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 !important;
  font-size: 21px;
  font-weight: 700;
  letter-spacing: -0.269px;
  text-decoration: none !important;
}
#footer__container__info__container__desc .telBox{align-items:flex-start !important;}
#footer__container__info__container__desc__contact__detail {
  margin-top: 8px;
}
.footer__container__info__container__desc__contact__detail__container {
  margin: 8px 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 max-width: 1200에서 1280으로 수정 7.13*/
  justify-content: space-between;
}
#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: var(--color-primary);
  padding: 12px 20px;
  color: #000;
  font-size: 14px;
  letter-spacing: -0.179px;
  color: #fff;
}
#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: 20px;
  font-weight: 500;
  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: 16px;
  color: #333333;
  padding: 4px 8px;
  margin: 0px 6px;
}
.ych__btn.ych__btn--footer-nav-mobile {
  font-size: 15px;
  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: 15px;
  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;
  width: 100%;
  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;
}

/* appointment index */
#main__appointment__index {
  padding: 0px 0px 40px;
  box-sizing: border-box;
  margin: 0 auto;
}
#main__appointment__index__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__index__title__container {
  display: flex;
  align-items: center;
  flex-direction: column;
}
#main__appointment__index__title__container__bar {
  margin-top: 6px;
  width: 100px;
  height: 4px;
  background: #E1C7AE;
}

.main__appointment__index__subnav {
  padding: 14px 20px;
  font-size: 14px;
  border: 1px solid #CCCCCC;
}
.main__appointment__index__subnav.active {
  background-color: var(--color-primary);
  border: 1px solid #2F76EA;
  color: #FFF;
}
.main__appointment__index__subnav .main__appointment__index__subnav__icon__active {
  display: none;
}
.main__appointment__index__subnav .main__appointment__index__subnav__icon__deactive {
  display: inline-block;
  color: #ddd;
}
.main__appointment__index__subnav.active .main__appointment__index__subnav__icon__active {
  display: inline-block;
}
.main__appointment__index__subnav.active .main__appointment__index__subnav__icon__deactive {
  display: none;
}
#main__appointment__index__wrap {
  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__subtitle {
  color: #030C0A;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: -0.52px;
  height:40px;
  margin-bottom:12px;
}
.main__appointment__index__subtitle__icon {
  margin-right: 8px;
}
.main__appointment__index__container__desc {
  /*padding: 0px 24px;*/
}
.main__appointment__index__container__desc__text {
  margin: 15px 0px;
  color: #222;
  font-size: 16px;
}
.main__appointment__index__container__desc__text b{
	font-size: 16px;
	color: var(--color-primary);
	font-weight: 600;
}
#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: var(--color-primary);
  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 {
  margin-top: 10px;
  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__text {
  flex: 1;
}
.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;
  gap: 8px;
  border: 1px solid #CCC;
  background: #FFF;
}
#main__appointment__index__notice__desc__link__mobile {
  border: 1px solid #CCC;
  background: #FFF;

  display: flex;
  padding: 8px 12px;
  gap: 8px;
}
.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 {
  margin-top: 10px;
}
.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: var(--color-primary);
  font-size: 21px;
  font-weight: 700;
  letter-spacing: -0.147px;
}
.main__appointment__index__visit__container {
  display: flex;
  align-items: center;
  border: 1px solid #CCC;
  gap: 16px;
  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;
  gap: 10px;
  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;
}

img{ max-width:100%;}
/* pc */
@media (min-width: 1200px) {
  /* header */
  #header__container {
    height: 78.21px;
  }
  
  .header__breadcrumb__depth {
    width: 260px;
  }
  .header__breadcrumb__depth__container__btn {
  
  }

  /* 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 20px;
  }

  #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: var(--color-primary);
    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: 18px;
    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__time + .footer__container__info__container__desc__timetable__container__time {
    margin-top: 0px;
  }
  .footer__container__info__container__desc__timetable__container__time__title {color: #888; font-size: 15px;letter-spacing: -0.166px; min-width:80px;}
  .footer__container__info__container__desc__timetable__container__time__range {color: #030C0A; font-size: 15px; font-weight: bold;}

  #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: var(--color-primary);
    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;
  }

  /* appointment index */
  #main__appointment__index {
    padding: 0 0 80px;
  }
  #main__appointment__index__title {
    color: #030C0A;
    font-size: 42px;
    font-weight: 600;
    letter-spacing: -0.3px;
	margin-bottom:20px;
  }
  .main__appointment {
    padding: 0 20px 80px;
  }
  .main__appointment__index__subnav {
    font-size: 18px;
    border: 1px solid #E1E3E4;
  }
  #main__appointment__index__wrap {
    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;
  }
	.clinic .main__appointment__index__container{margin-top:0;}	
  .main__appointment__index__subtitle {
    font-size: 34px;
    font-weight: 600;
    letter-spacing: -0.41px;
	padding-bottom:8px;
	border-bottom:2px solid var(--color-secondary);
	margin-bottom:62px;
  }
  .main__appointment__index__container__desc__text {
    color: #222;
    font-size: 18px;
    letter-spacing: -0.14px;
  }
	.main__appointment__index__container__desc__text b{
		font-size: 20px;
		color: var(--color-primary);
		font-weight: 600;
	}
  #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: var(--color-primary);
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.168px;
  }
  .main__appointment__index__visit__container {
    gap: 20px;
    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;
    padding: 10px 40px; box-sizing: border-box;
  }
  #main__appointment__index__timetable th {
    color: #333;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.14px;
  }

}


.m_only{ display:none}
.tab_only{ display:none}

/* 프로그레스 바 */
.progress-container { position: fixed; top: 0; left: 0; width: 100%; height: 4px; background: #EEE; z-index: 1000;}
.progress-bar {	height: 100%; width: 0%; background: var(--color-primary); transition: width 0.1s ease-out; position: relative;}

/* GNB */
/* Depth1 메뉴 가로 정렬 */
#header__container__menu .depth1-menu { list-style: none; margin: 0; padding: 25px 0; }
#header__container__menu .depth1-menu .depth1-item { position: relative; margin-right: 1rem; }
#header__container__menu .depth1-menu .depth1-item a{}

/* 숨김 처리 및 레이아웃 */
#depth2-container, 
#depth2-container .depth3-menu { display: none; position: absolute; background: #fff; box-shadow: 0 4px 8px rgba(0,0,0,0.1); z-index: 100; }

/* Depth2 컨테이너: 헤더 바로 아래 전체 너비로 */
#depth2-container { top: 78px; left: 0; width: 100%; border-top: 1px solid #D1D1D6; border-bottom: 1px solid #D1D1D6;}
#depth2-container .center { display: flex; width: 1280px; padding-bottom: 10px; box-sizing: border-box; margin: 0 auto; border-left: 1px solid #D1D1D6; border-right: 1px solid #D1D1D6;}

/* 각 열 너비 균등 분할 */
#depth2-container .depth2-column { position: relative; flex: 1; padding: 0 17px; border-left: 1px solid #D1D1D6;}
#depth2-container .depth2-column:first-child{ border-left:none;}
#depth2-container .depth2-column-title { font-size: 20px; color: #555; margin: 0 0 0.5rem;  padding: 15px 0px; border-bottom: 1px dotted #D1D1D6; }
#depth2-container .depth2-column:hover .depth2-column-title{ color: #2F76EA}
#depth2-container .depth2-list { list-style: none; margin: 0; padding: 0; width:calc(100% + 34px); margin-left: -17px; }
#depth2-container .depth2-item { padding: 10px 20px; cursor: pointer}
#depth2-container .depth2-item > a{ position: relative; display: block; width: 100%; font-size: 18px; color: #555; }
#depth2-container .depth2-item:hover > a{ color: #2F76EA}
#depth2-container .depth2-item.has_sub > a:before{ content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 0px; width: 20px; height: 20px; border-radius: 4px; background-color: #e2e2e3; background-image: url("/img/ych/main/icon_next_w.svg"); background-position: center; background-size: 6px; background-repeat: no-repeat;}
#depth2-container .depth2-item.has_sub:hover{ background-color: #082775;}
#depth2-container .depth2-item.has_sub:hover > a{ color: #E1C7AE !important;}
#depth2-container .depth2-item.has_sub:hover > a:before{ display:none}
#depth2-container .depth2-item.has_sub > .depth3-menu { display: none; position: absolute; top: 0; left: 100%; width: calc(100% + 2px); height: calc(100% + 10px); background-color: #082775; padding: 20px; box-sizing: border-box; overflow: auto;}
#depth2-container .depth2-item.has_sub > .depth3-menu li { padding: 10px 0;}
#depth2-container .depth2-item.has_sub > .depth3-menu li a{ font-size: 16px; color: #E1C7AE; }
#depth2-container .depth2-item.has_sub:hover > .depth3-menu {	display: block;	}
#depth2-container .depth2-column:last-child .depth2-item.has_sub > .depth3-menu { left: auto;	right: 100%;}

/* 헤더 우측 버튼 */
#header__container__btn button{ width: 40px; height: 40px; padding:0; background-position: center; background-repeat: no-repeat; outline: none !important; border: none !important; }
#btn__search{ background-image: url("/img/ych/icon_search.png"); background-size: 20px;}
#btn__search.closeBtn{ background-image: url("/img/ych/icon_xBtn.svg");}
#btn__menu__nav__open{ background-image: url("/img/ych/icon_sitemapBtn.svg"); background-size: 24px;}

/* 검색 */
#search-modal{ display: none; position: absolute; top: 78px; left: 0; width: 100%; z-index: 10; border-top: 1px solid #ccc; min-width:320px}
#search-modal:before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: calc(100vh - 83px); background-color: rgba(0,0,0,0.8); }
#search-modal .search-content{ position: relative; background-color: var(--color-primary); padding:24px 0 40px 0; z-index: 2}
#search-modal .search-content .searchBox{ display: flex; justify-content:space-between; flex-direction: column; align-items:center; gap:20px; width: 1280px; padding: 40px 80px; box-sizing: border-box; margin: 0 auto;}
#search-modal .search-content .searchBox .text{ display: flex; align-items: center; font-size: 32px; color: #fff;}
#search-modal .search-content .searchBox .inputBox{ position: relative; width: 820px; height: 54px; border: 1px solid #dadada; box-sizing: border-box; background-color: #fff; padding-right: 54px;}
#search-modal .search-content .searchBox .inputBox input{ display: block; width: 100%; height: 100%; font-size: 18px; color: #111; text-align: left; padding: 0 20px; box-sizing: border-box; background-color: transparent; border: none; outline: none;}
#search-modal .search-content .searchBox .inputBox button{ position: absolute; top: -1px; right: -1px; width: 54px; height: 54px; display: flex; justify-content: center; align-items: center; background-color: #E1C7AE}
#search-modal .search-content .searchBox .inputBox button img{ width:24px;}
#search-modal .search-content .search-term{margin-top:24px; display:flex; gap:10px; flex-wrap:wrap; justify-content:center;}
#search-modal .search-content .search-term > a{background:#fff; padding:8px 20px; border-radius: 999px; color:#111; font-weight: 600}
#search-modal .search-content .search-term > a:hover{color:#111;}


/* 사이트맵 */
#sitemap-modal { display: none; position: fixed; top:0; left:0; width:100%; height:100%; background: #fff; z-index:1000; overflow-x:auto; }
#sitemap-modal .sitemap-content { position: relative; width:1280px; max-width:100%; margin:40px auto; background:#fff; }
#sitemap-modal .close-btn { position:absolute; top:12px; right:20px; background:#ECECEC; border:none; cursor:pointer; line-height:1; width: 48px; height: 48px; border-radius: 50%; display: flex; justify-content: center; align-items: center;}
#sitemap-modal .close-btn img{}
#sitemap-modal .sitemap-title { font-size:40px; font-weight: bold; color: #404041; padding: 8px 20px; border-bottom: 2px solid var(--color-primary);}
#sitemap-modal .sitemap-menus {}
#sitemap-modal .sitemap-menus .menuBox { display: flex; padding: 10px 0; border-bottom: 1px solid #ccc;}
#sitemap-modal .sitemap-menus .menuBox .depth1-menu { width: 150px; font-size:24px; color: #111; text-align: left; padding-top: 5px;}
#sitemap-modal .sitemap-menus .menuBox .depth1-menu a{ font-size:24px; color: #111; }

#sitemap-modal .sitemap-menus .menuBox > ul.depth2-menu > li { display: inline-block; vertical-align: top; margin-right:12px; }
#sitemap-modal .sitemap-menus .menuBox > ul.depth2-menu > li > a { display: inline-flex; align-items: center; width: 194px; height: 48px; border: 1px solid #ccc; box-sizing: border-box; font-size: 18px; color:#111; padding-left: 17px;}
#sitemap-modal .sitemap-menus .menuBox > ul.depth2-menu > li ul.depth3-menu{ background-color: #F3F6F8; padding: 12px 20px;}
#sitemap-modal .sitemap-menus .menuBox > ul.depth2-menu > li ul.depth3-menu li{ padding: 5px 0;}
#sitemap-modal .sitemap-menus .menuBox > ul.depth2-menu > li ul.depth3-menu li a{ font-size: 16px; color: #333;}


/* 메인 */
#main{ padding-top:82px !important}
#main * { line-height: 1; }
#main .visualBox { position: relative; overflow: hidden; }
#main .visualBox .swiper-slide { position: relative; height: 620px; background-position: center; background-repeat: no-repeat; background-size: cover;}

#main .visualBox .slide_01 { background-image: url("/img/ych/main_visual/main_visual_pc_2.jpg"); }
#main .visualBox .slide_02 { background-image: url("/img/ych/main_visual/main_visual_pc_3.jpg"); }
#main .visualBox .slide_03 { background-image: url("/img/ych/main_visual/main_visual_pc_4.jpg"); }
#main .visualBox .slide_04 { background-image: url("/img/ych/main_visual/main_visual_pc_5.jpg"); }
#main .visualBox .slide_05 { background-image: url("/img/ych/main_visual/main_visual_pc_7.jpg"); }
#main .visualBox .slide_06 { background-image: url("/img/ych/main_visual/main_visual_pc_8.jpg"); }
#main .visualBox .slide-content { position: absolute; top: 25%; left: 50%; transform: translateX(-50%); width: 1280px; z-index: 2; }
#main .visualBox .slide-content .slide-text01 { font-size: 32px; color: #fff; }
#main .visualBox .slide-content .slide-title { font-size: 56px; font-weight: bold; color: #fff; margin-top: 10px; }
#main .visualBox .slide-content .slide-text02 { font-size: 20px; font-weight: 300; color: #fff; margin-top: 30px; }
#main .visualBox .controls-container { position: absolute; bottom: 150px; left: 50%; transform: translateX(-50%); width: 1280px; z-index: 2; }
#main .visualBox .controls-container .controls { display: flex; justify-content: center; align-items: center; background-color: #fff; width: 114px; height: 36px; border-radius: 20px; }
#main .visualBox .controls-container .controls .swiper-pagination-fraction { position: static !important; width: auto !important; color: #222; font-size: 14px; margin-right: 10px; }
#main .visualBox .controls-container .controls .control-btn { color: #222; font-size: 14px; cursor: pointer; background-color: transparent; border: none; margin: 0 2px; outline: none; }
#main .visualBox .controls-container .controls .play-pause { width: 12px; }
#main .contents{ width:1280px; margin: 0 auto;}
#main .contents .main_form{ position: relative; margin-top: -112px; overflow: hidden; z-index: 2; box-shadow: 0px 24px 48px -16px rgba(0,0,0,0.24); border-radius: 40px 0 40px 0;}
#main .contents .main_form:after{ content:""; display: block; clear: both}
#main .contents .main_form .textBox{}
#main .contents .main_form .textBox .text01{ font-size: 24px; font-weight: bold; color: #fff;}
#main .contents .main_form .textBox .text02{ font-size: 14px; font-weight: 300; color: #fff; margin-top: 10px;}
#main .contents .main_form .leftBox{ position: relative; float: left; width: 50%; background-color: var(--color-primary); border-radius: 40px 0 0 0; padding: 30px 40px 24px; box-sizing: border-box}
#main .contents .main_form .leftBox .call{ position: absolute; top: 30px; right: 40px; display: flex; align-items: center; font-size: 20px; font-weight: bold; color: #E1C7AE;}
#main .contents .main_form .leftBox .call img{ width: 24px; margin-right: 8px;}
#main .contents .main_form .leftBox .formBox{ margin-top: 18px;}
#main .contents .main_form .leftBox .formBox .box_row{ margin-top: 8px; font-size: 0;}
#main .contents .main_form .leftBox .formBox .inputBox{ display: inline-block; vertical-align: middle; height: 48px; border: 1px solid #E2E2E4; box-sizing: border-box; background-color: #fff;}
#main .contents .main_form .leftBox .formBox .inputBox input{ display: block; width: 100%; height: 100%; padding: 0 14px; font-size: 18px; font-weight: 500; color: #222; box-sizing: border-box; background-color: transparent; border: none; outline: none;}
#main .contents .main_form .leftBox .formBox .name{ width: 220px;}
#main .contents .main_form .leftBox .formBox .phone{ width: 332px; margin-left: 8px;}
#main .contents .main_form .leftBox .formBox .form_btn{ display: block; width: 100%; height: 48px; background-color: #082775; font-size: 18px; font-weight: bold; color: #fff; text-align: center;}
#main .contents .main_form .rightBox{ float: right; width: 50%; display: flex; border-radius: 0 0 40px 0; overflow: hidden;}
#main .contents .main_form .rightBox .textBox{ margin-left: 20px}
#main .contents .main_form .rightBox .textBox .text01,
#main .contents .main_form .rightBox .textBox .text02{ color: #082775;}
#main .contents .main_form .rightBox .textBox .text02{ font-weight:500;}
#main .contents .main_form .rightBox .box_col{}
#main .contents .main_form .rightBox .col_01{ width: 460px;}
#main .contents .main_form .rightBox .col_01 a{ position: relative; display: flex; align-items: center; width: 100%; height: 112px; padding: 20px 40px; box-sizing: border-box;}
#main .contents .main_form .rightBox .col_01 .row_01{ background-color:#E1C7AE}
#main .contents .main_form .rightBox .col_01 .row_02{ background-color:#FFF6ED}
#main .contents .main_form .rightBox .col_01 a .icon{ display: flex; justify-content: center; align-items: center; width: 70px; height: 70px; background-color: #fff; border-radius: 50%;}
#main .contents .main_form .rightBox .col_01 a .icon img{ width: 38px;}
#main .contents .main_form .rightBox .col_01 a .arrow{ position: absolute; bottom: 30px; right: 40px; width: 20px;}
#main .contents .main_form .rightBox .col_02{ width: 190px;}
#main .contents .main_form .rightBox .col_02 a{ display: flex; justify-content: center; align-items: center; width: 100%; height: 112px; background-color: #F0EEEF; font-size: 24px; font-weight: bold; color: #082775;}
#main .contents .main_form .rightBox .col_02 a:last-child{ border-top:1px solid #fff; box-sizing: border-box; border-radius: 0 0 40px 0;}
#main .contents .main_form .rightBox .col_02 a img{ height: 24px; margin-right: 10px;}
#main .contents .searchBox{ display:none}
#main .title{ font-size: 48px; font-weight: bold; color: #222; line-height: 1.4;}
#main .title span{ background: linear-gradient(90.11deg, #1D4FA2 30%, #E1C7AE 70%); background-clip: text;  -webkit-background-clip: text;  color: transparent;}
#main .department_list{ position: relative; padding-top: 80px; overflow: hidden;}
#main .department_list .btnBox{ position: absolute; top: 90px; right: 0;}
#main .department_list .btnBox .btn{ display: inline-flex; justify-content: center; align-items: center; width: 162px; height: 48px; background-color: #2F76EA; border-radius: 30px; font-size: 16px; color: #fff;}
#main .department_list .btnBox button{ display: inline-flex; justify-content: center; align-items: center; width: 48px; height: 48px; background-color: #2F76EA; margin:0 0 0 10px; position: static; border-radius: 50%; opacity: 1;}
#main .department_list .btnBox button.swiper-button-disabled{ background-color: #BABABA;}
#main .department_list .btnBox button:after{ display:none}
#main .department_list .btnBox .swiper-button-prev{}
#main .department_list .btnBox .swiper-button-next{}
#main .department_list .btnBox button img{}
#main .department_list .swiper-container{ margin-top: 60px;}
#main .department_list .swiper-slide{ text-align: center;}
#main .department_list .swiper-slide img{ width: 100px;}
#main .department_list .swiper-slide p{ display: block; font-size: 18px; color: #030C0A; margin-top: 10px;}
#main .center_list{ position: relative; padding-top: 100px; overflow: hidden;}
#main .centerBox{ margin-top: 40px;}
#main .centerBox:after{ content:""; display: block; clear: both}
#main .centerBox .textBox{}
#main .centerBox .textBox .text01{ font-size: 24px; font-weight: bold; color: #082775;}
#main .centerBox .textBox .text02{ font-size: 18px; color: #082775; margin-top: 20px; line-height: 1.4;}
#main .centerBox .leftBox{ position: relative; float: left; width: 410px; height: 630px; background-color: #1D4FA2; border-radius: 40px 0 0 0; padding: 40px 30px; box-sizing: border-box; background: linear-gradient(161.71deg, #1D4FA2 4.39%, #E1C7AE 101.96%);}
#main .centerBox .leftBox .text01{ color: #fff;}
#main .centerBox .leftBox .text02{ color: #fff; font-size: 16px; }
#main .centerBox .leftBox ul{ margin-top: 40px;}
#main .centerBox .leftBox ul li{ display: flex; align-items: center; font-size: 18px; color: #fff; margin-top: 16px;}
#main .centerBox .leftBox ul li a{color:#fff;}/*7.13 링크 컬러 추가*/
#main .centerBox .leftBox ul li img{ margin-right: 10px;}
#main .centerBox .leftBox .img{ position: absolute; right: 0; bottom: 0;}
#main .centerBox .rightBox{ float: right; width: calc(100% - 410px);}
#main .centerBox .rightBox ul{ overflow: hidden;}
#main .centerBox .rightBox ul:after{ content:""; display: block; clear: both}
#main .centerBox .rightBox ul li{ position: relative; float: left; /*width: 411px;*/ width:calc(100% / 2 - 1.5rem); height: 303px; margin-left: 24px; margin-top: 24px; /*padding:40px 20px;*/ box-sizing: border-box; background-color: #E8EDF2}
#main .centerBox .rightBox ul li:nth-child(1),
#main .centerBox .rightBox ul li:nth-child(2){ margin-top: 0;}
#main .centerBox .rightBox ul li>a {display: inline-block; width: 100%; height: 100%; padding: 40px 20px;}
#main .centerBox .rightBox ul li .btn{ position: absolute; left: 20px; bottom: 30px; display: flex; align-items: center; font-size: 18px; color: #082775;}
#main .centerBox .rightBox ul li .btn img{ margin-right: 10px;}
#main .centerBox .rightBox ul li .img{ position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
#main .hospital_news{ padding: 100px 0 50px;}
#main .hospital_news .tabBox{ margin-top: 20px;}
#main .hospital_news .tabBox li{ display: inline-flex; justify-content: center; align-items: center; width: 105px; height: 44px; border: 1px solid #ccc; border-radius: 30px; box-sizing: border-box; font-size: 14px; color: #555; margin-right: 10px; cursor: pointer}
#main .hospital_news .tabBox li.active{ color: #fff; border: none; background-color: #2F76EA;}
#main .hospital_news .tabBox .plusBtn{ display: inline-block; vertical-align: middle;}
#main .hospital_news .tabBox .plusBtn img{ display: block;}
#main .hospital_news .news_list{ margin-top: 30px; }
#main .hospital_news .news_list .swiper-wrapper{gap:20px;}
#main .hospital_news .news_list .swiper-slide{width:235px !important}
#main .hospital_news .news_list .swiper-slide{ position: relative; width: 302px; height: 230px; padding: 24px; box-sizing: border-box; border: 1px solid #E2E2E3; border-radius: 20px;}
#main .hospital_news .news_list .swiper-slide .new{}
#main .hospital_news .news_list .swiper-slide .new img{}
#main .hospital_news .news_list .swiper-slide .subject{ font-size: 19px; font-weight: bold; color: #161617; margin-top: 10px; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#main .hospital_news .news_list .swiper-slide .substance{ font-size: 14px; color: #161617; margin-top: 10px; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
#main .hospital_news .news_list .swiper-slide .date{ position: absolute; left: 24px; bottom: 30px; font-size: 13px; color: #79747E;}
#main .hospital_news .news_list .swiper-slide .cate{ position: absolute; right: 24px; bottom: 24px; line-height: 25px; font-size: 13px; color: #fff; padding: 0 20px; border-radius: 20px; background-color: #2F76EA;}

main{ padding-top:160px;}
/* 페이지 번호 */
#pageBox{ margin-top: 50px; text-align: center;}
#pageBox a{ display: inline-flex; justify-content: center; align-items: center; width:35px; height: 35px; font-size: 13px; color: #9e9e9e; border: 1px solid #ccc; box-sizing: border-box; vertical-align: middle;}
#pageBox a.on{ color:#000; border-color: #222;}
#pageBox a img{ height: 15px;}

/* 위치안내 팝업 */
#popup_location{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); z-index: 100;}
#popup_location .popup_main{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 640px; border-radius: 10px; overflow: hidden; background-color: #fff;}
#popup_location .popup_main .popup_title{ position: relative; height: 66px; background-color: #1D4FA2; font-size:24px; font-weight: bold; color: #fff; display: flex; align-items: center; padding: 0 20px; box-sizing: border-box;}
#popup_location .popup_main .popup_title .closeBtn{ position: absolute; top: 50%; transform: translateY(-50%); right: 10px; padding: 10px;}
#popup_location .popup_main .popup_title .closeBtn img{ display: block; width: 24px;}
#popup_location .popup_main .mapBox{}
#popup_location .popup_main .mapBox img{ display: block; max-width: 100%;}
#popup_location .popup_main .bottomText{ height: 69px; background-color: #FFF6ED; font-size:18px; font-weight: 500; color: #030c0a; display: flex; align-items: center; padding: 0 40px; box-sizing: border-box;}
#popup_location .popup_main .bottomText img{ margin-right: 10px;}
#popup_location .popup_main .bottomText span{ font-weight: bold; color: #2F76EA; margin-left: 5px;}

/* 진료과/의료진 */
#main__appointment__index__wrap .search_wrap{ padding: 40px 20px; background-color: #FFF6ED; text-align: center; margin-bottom:24px;}
#main__appointment__index__wrap .search_wrap .searchBox{ display: flex; align-items: center; justify-content: center;}
#main__appointment__index__wrap .search_wrap .searchBox .selectBox{ width: 240px; height: 55px; border: 1px solid #ccc; box-sizing: border-box; text-align: left; background-color: #fff; margin-right: 10px; background-image: url("/img/ych/icon_select_down.svg"); background-position: center right 20px; background-repeat: no-repeat; background-size: 11px;}
#main__appointment__index__wrap .search_wrap .searchBox .selectBox select{ display: block; width: 100%; height: 100%; font-size: 18px; color:#888; background-color: transparent; border: none; outline: none; padding: 0 20px; box-sizing: border-box;}
#main__appointment__index__wrap .search_wrap .searchBox .inputBox{ position: relative; width: 635px; height: 55px; border: 1px solid #ccc; box-sizing: border-box; text-align: left; padding-right: 55px; background-color: #fff;}
#main__appointment__index__wrap .search_wrap .searchBox .inputBox input{ display: block; width: 100%; height: 100%; font-size: 18px; color:#111; background-color: transparent; border: none; outline: none; padding: 0 20px; box-sizing:border-box;}
#main__appointment__index__wrap .search_wrap .searchBox .inputBox button{ position: absolute; top: -1px; right: -1px; width: 55px; height: 55px; background-color: #1D4FA2; display: flex; justify-content: center; align-items: center;}
#main__appointment__index__wrap .search_wrap .searchBox .inputBox button img{ width: 20px;}
#main__appointment__index__wrap .search_wrap .searchBox2{ display: flex; justify-content: center; align-items: center; padding: 5px 0px;}
#main__appointment__index__wrap .search_wrap .searchBox2 p{ font-size: 22px; font-weight: bold; color: #111; margin-right: 20px;}
#main__appointment__index__wrap .search_wrap .searchBox2 .btnBox{}
#main__appointment__index__wrap .search_wrap .searchBox2 .btnBox a{ display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; width:45px; height: 45px; background-color: #fff; border: 1px solid #e0e0e0; box-sizing: border-box; border-radius: 50%; font-size: 18px; color: #333; margin-left: 10px;}
#main__appointment__index__wrap .search_wrap .searchBox2 .btnBox a.all{ width: 76px; border:none; border-radius: 30px;}
#main__appointment__index__wrap .search_wrap .searchBox2 .btnBox a.on,
#main__appointment__index__wrap .search_wrap .searchBox2 .btnBox a:hover{ color: #fff; border-color: #2F76EA; background-color: #2F76EA;}
#main__appointment__index__wrap .department_list{ overflow: hidden; display:flex; flex-wrap:wrap; justify-content:flex-start; margin-top:40px;}
#main__appointment__index__wrap .center_list{margin-top:0px;}
#main__appointment__index__wrap .department_list:after{ content: ""; display: block; clear: both}
#main__appointment__index__wrap .department_list a{ float: left; width:calc(100% / 6 - 0rem); height: 200px; border: 1px solid #eee; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; align-items: center;}
#main__appointment__index__wrap .department_list a img{ width: 100px;}
#main__appointment__index__wrap .department_list a p{ font-size: 18px; color: #555; text-align: center; margin-top: 5px;}
#main__appointment__index__wrap .department_list a:hover{ border: 2px solid #2F76EA;}
#main__appointment__index__wrap .department_list a:hover p{ font-weight: bold; color: #111;}
#main__appointment__index__wrap .department_list a:nth-of-type(6n){ margin-right:0;}
#main__appointment__index__wrap .main__appointment__index__container{ position:relative;}
#main__appointment__index__wrap .main__appointment__index__container .location_btn{ position: absolute; top: 0; right: 0; display: flex; justify-content: center; align-items: center; width: 104px; height: 48px; font-size: 16px; color: #fff; background-color: var(--color-accent);}
#main__appointment__index__wrap .doctor_list{ overflow: hidden; display: flex; flex-wrap:wrap}
#main__appointment__index__wrap .doctor_list:after{ content: ""; display: block; clear: both}
#main__appointment__index__wrap .doctor_list li{ float: left; width: calc(50% - 12px); display: flex; border: 1px solid #e0e0e0; box-sizing: border-box; margin-top: 24px}
#main__appointment__index__wrap .doctor_list li:nth-of-type(even){ margin-left: 24px;}
#main__appointment__index__wrap .doctor_list li .imgBox{ display: flex; align-items: end; width:50%; height:100%; overflow:hidden;/*width: 208px; height: 220px;*/ }
#main__appointment__index__wrap .doctor_list li .imgBox img{ display: block; width:100%; height:100%;/*max-width: 100%; max-height: 100%;*/ object-fit: contain; object-position: center bottom;}
#main__appointment__index__wrap .doctor_list li .infoBox{display:flex; flex-direction:column; justify-content: space-between; width: calc(100% - 208px); height:auto; /*height:220px;*/ padding: 20px; border-left: 1px solid #e0e0e0; box-sizing: border-box}
#main__appointment__index__wrap .doctor_list li .infoBox .name{ font-size:30px; font-weight: 600; color: #030c0a; line-height: 1.2}
#main__appointment__index__wrap .doctor_list li .infoBox .name span{ vertical-align: baseline; font-size: 18px; color: #2F76EA; margin-left: 4px;}
#main__appointment__index__wrap .doctor_list li .infoBox .desc{ font-size: 15px; color: #424242; line-height: 1.4; margin-top: 7px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#main__appointment__index__wrap .doctor_list li .infoBox .date{ font-size: 14px; color: #333; display: flex; align-items: center; margin-top: 3px;}
#main__appointment__index__wrap .doctor_list li .infoBox .date img{ width:14px; margin-right: 5px;}
#main__appointment__index__wrap .doctor_list li .infoBox .date span{padding-right:8px;}
#main__appointment__index__wrap .doctor_list li .infoBox .btnBox{ overflow: hidden; margin-top: 7px; display:flex; flex-direction:column;}
#main__appointment__index__wrap .doctor_list li .infoBox .btnBox:after{ content: ""; display: block; clear: both}
#main__appointment__index__wrap .doctor_list li .infoBox .btnBox a{ float: left; width:100%;/*width: calc(50% - 6px); */padding:10px; display: flex; align-items: center; justify-content: center; border: 2px solid #D2D5DA; box-sizing: border-box; color: #555;}
#main__appointment__index__wrap .doctor_list li .infoBox .btnBox a.btn2{ color: #111827; border-color: #2F76EA; /*margin-left: 12px;*/margin:4px 0 0 0; width:100%;}
#main__appointment__index__wrap .treatments_list{display:flex; flex-direction: column; gap:40px; margin-top:24px;}/*margin-top 추가 7.13*/
#main__appointment__index__wrap .treatments_list li{ padding: 30px; border: 1px solid #ddd; box-sizing: border-box;}
#main__appointment__index__wrap .treatments_list li .treatments_title{ display: flex; align-items: center; font-size:26px; font-weight: 600; color:#030C0A;}
#main__appointment__index__wrap .treatments_list li .treatments_title img{ width:20px; margin-right: 10px;}
#main__appointment__index__wrap .treatments_list li .treatments_desc{ font-size: 18px; color: #424242; line-height: 1.5; margin-top: 20px;}
#main__appointment__index__wrap .treatments_list li .treatments_desc p{ position: relative; padding-left: 25px;}
#main__appointment__index__wrap .treatments_list li .treatments_desc p:before{ content: ""; position: absolute; top: 12px; left: 10px; width: 4px; height: 4px; border-radius: 50%; background-color: #111;}
#main__appointment__index__wrap .doctor_info{ display: flex; gap:24px;}
#main__appointment__index__wrap .doctor_info .imgBox{ position: relative; width:530px; overflow: hidden; border:1px solid #ddd; background:#fff; display:flex; align-items:flex-end; justify-content:center}
#main__appointment__index__wrap .doctor_info .imgBox .img_swiper{ }
#main__appointment__index__wrap .doctor_info .imgBox .swiper-slide{ display: flex; align-items: end; height: 547px; }
#main__appointment__index__wrap .doctor_info .imgBox .swiper-slide img{ display: block; max-width: 100%; max-height: 100%; object-fit: contain; object-position: center bottom;}
#main__appointment__index__wrap .doctor_info .imgBox .btnBox{ position: absolute; bottom: 32px; right: 33px; z-index: 5}
#main__appointment__index__wrap .doctor_info .imgBox .btnBox .button{ position: static; display: inline-block; width:24px; height: 24px; background-repeat: no-repeat; background-position: center; background-size: contain;}
#main__appointment__index__wrap .doctor_info .imgBox .btnBox .button:after{ display: none !important; }
#main__appointment__index__wrap .doctor_info .imgBox .btnBox .swiper-button-prev{ background-image: url("/img/ych/icon_img_slide_prev.png");}
#main__appointment__index__wrap .doctor_info .imgBox .btnBox .swiper-button-next{ background-image: url("/img/ych/icon_img_slide_next.png");}
#main__appointment__index__wrap .doctor_info .textBox{ width:calc(100% - 530px); /*padding: 10px 0;*/}
#main__appointment__index__wrap .doctor_info .textBox .titleBox{ position: relative; padding-bottom: 10px; border-bottom: 1px solid #6f757e;display:flex; align-item:flex-start; flex-direction:column;}
#main__appointment__index__wrap .doctor_info .textBox .titleBox .name{ display: inline-block; vertical-align: middle; font-size: 34px; font-weight: 600; color: #222;}
#main__appointment__index__wrap .doctor_info .textBox .titleBox .name span{font-size:32px; font-weight:400}
#main__appointment__index__wrap .doctor_info .textBox .titleBox .department{display: inline-block; vertical-align: middle; font-size: 24px; font-weight: 500; color: #082775; /*margin-left: 10px;*/}
#main__appointment__index__wrap .doctor_info .textBox .titleBox .reserveBtn{ position: absolute; bottom: 10px; right: 0; display: flex; align-items: center; justify-content: center; width:162px; height: 47px; font-size: 20px; font-weight: 400; color: #fff; background-color: #2F76EA;}
#main__appointment__index__wrap .doctor_info .textBox .titleBox .reserveBtn img{ width: 20px; margin-right: 10px;}
#main__appointment__index__wrap .doctor_info .textBox .dateBox{ padding: 14px 0;}
#main__appointment__index__wrap .doctor_info .textBox .dateBox p{ display: inline-flex; align-items: center; justify-content: center; width:120px; height: 32px; font-size: 16px; font-weight: 500; color: #030C0A; background-color: #E1C7AE; border-radius: 20px;}
#main__appointment__index__wrap .doctor_info .textBox .dateBox .date{ display: inline-block; vertical-align: middle; font-size: 16px; font-weight: 500; color: #222; margin-left: 5px;}
#main__appointment__index__wrap .doctor_info .textBox .dateBox .text{ display: inline-block; vertical-align: middle; font-size: 16px; font-weight: 500; color: #555; margin-left: 5px;}
#main__appointment__index__wrap .doctor_info .textBox .cateBox{}
#main__appointment__index__wrap .doctor_info .textBox .cateBox .cate_title{ font-size: 24px; font-weight: bold; color: #222;}
#main__appointment__index__wrap .doctor_info .textBox .cateBox .cate_list{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-word; min-height:75px;}
#main__appointment__index__wrap .doctor_info .textBox .cateBox .cate_list p{display: inline-flex; height: 32px; align-items: center; justify-content: center; padding: 0 24px; font-size: 16px; font-weight: 500; color: #222; border: 1px solid #ccc; box-sizing: border-box; margin-right: 4px; margin-top: 4px; border-radius: 20px;}
#main__appointment__index__wrap .doctor_info .textBox .scheduleBox{ position: relative; margin-top: 20px;}
#main__appointment__index__wrap .doctor_info .textBox .scheduleBox .schedule-title{ position: relative; font-size: 24px; font-weight: bold; color: #222; text-align: left;}
#main__appointment__index__wrap .doctor_info .textBox .scheduleBox .schedule-title .button{ margin-top: 0; transform: translateY(-50%); width: 32px; height: 32px; border-radius: 50%; background-color: #1D4FA2; background-position: center; background-repeat: no-repeat; opacity: 1; z-index: 2}
#main__appointment__index__wrap .doctor_info .textBox .scheduleBox .schedule-title .button:after{ display: none !important; }
#main__appointment__index__wrap .doctor_info .textBox .scheduleBox .schedule-title .button.swiper-button-disabled{ background-color: #D5D5D5}
#main__appointment__index__wrap .doctor_info .textBox .scheduleBox .schedule-title .swiper-button-prev{ left: 0; background-image: url("/img/ych/icon_arrow_left_w.png");}
#main__appointment__index__wrap .doctor_info .textBox .scheduleBox .schedule-title .swiper-button-next{ right: 0; background-image: url("/img/ych/icon_arrow_right_w.png");}
#main__appointment__index__wrap .doctor_info .textBox .scheduleBox .scheduler{ position: relative; overflow: hidden; width: 100%; margin-top: 10px; border-top: 1px solid #242424; border-bottom: 1px solid #242424;}
#main__appointment__index__wrap .doctor_info .textBox .scheduleBox .scheduler .fixed-column{ position: absolute; top: 0; left: 0; width: 100px; background: #fff; z-index: 2; border-right: 1px solid #E7E8E9;}
#main__appointment__index__wrap .doctor_info .textBox .scheduleBox .scheduler .fixed-column .cell{ display: flex; width: 100%; height: 58px; justify-content: center; align-items: center; border-bottom: 1px solid #E7E8E9; background: #F3F6F6; font-size: 16px; font-weight: 500; color: #242424; }
#main__appointment__index__wrap .doctor_info .textBox .scheduleBox .scheduler .fixed-column .cell.header{ border-bottom: 1px solid #ccc; }
#main__appointment__index__wrap .doctor_info .textBox .scheduleBox .scheduler .schedule-swiper{ margin-left: 100px;}
#main__appointment__index__wrap .doctor_info .textBox .scheduleBox .scheduler .schedule-swiper .swiper-slide{ box-sizing: border-box; border-right: 1px solid #eee; width:14.5% !important;}
#main__appointment__index__wrap .doctor_info .textBox .scheduleBox .scheduler .schedule-swiper .cell{ display: flex; height: 58px; justify-content: center; align-items: center; border-bottom: 1px solid #E7E8E9; font-size: 16px; font-weight: 500; color: #2F76EA; font-family: sans-serif;}
#main__appointment__index__wrap .doctor_info .textBox .scheduleBox .scheduler .schedule-swiper .cell.header{ display: flex; font-size: 16px; font-weight: 500; color: #242424; background: #F3F6F6; border: 1px solid #F2F2F2; border-bottom: 1px solid #ccc;}
#main__appointment__index__wrap .doctor_info .textBox .scheduleBox .legend{ position:absolute; display: flex; align-items: center; bottom: 0; right: 0; font-size: 14px; font-weight: normal; color: #222;}
#main__appointment__index__wrap .doctor_info .textBox .scheduleBox .legend span{ font-size: 16px; color: #2F76EA; font-family: sans-serif; margin-right: 5px;}
#main__appointment__index__wrap .doctor_info .textBox .scheduleBox .notice{ font-size: 14px; font-weight: 500; color: #333; margin-top: 10px;}
#main__appointment__index__wrap .doctor_career{ margin-top: 40px;}
#main__appointment__index__wrap .doctor_career .career_tab{ display: flex;}
#main__appointment__index__wrap .doctor_career .career_tab a{ display: flex; justify-content: center; align-items: center; width: 33.33%; height: 48px; font-size: 16px; color: #888; font-weight: normal; border: 1px solid #e0e0e0; box-sizing: border-box;}
#main__appointment__index__wrap .doctor_career .career_tab a.on{ border-color: #727272; color: #082775; border-bottom-color: #fff; z-index: 2;}
#main__appointment__index__wrap .doctor_career .career_contents{ position: relative; display: flex; min-height: 400px; border: 1px solid #727272; padding: 12px; margin-top: -1px; z-index: 1}
#main__appointment__index__wrap .doctor_career .career_contents .listBox{ width:50%; padding: 20px; box-sizing: border-box;}
#main__appointment__index__wrap .doctor_career .career_contents .listBox:first-child{ border-right:1px dashed #727272;}
#main__appointment__index__wrap .doctor_career .career_contents .listBox .list_title{ position: relative; font-size:20px; font-weight: bold; color: #222; padding-left: 15px;}
#main__appointment__index__wrap .doctor_career .career_contents .listBox .list_title:before{ content:""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 10px; height: 10px; border-radius: 50%; background-color: #2F76EA;}
#main__appointment__index__wrap .doctor_career .career_contents .listBox ul{ margin-top: 10px;}
#main__appointment__index__wrap .doctor_career .career_contents .listBox ul li{ font-size: 16px; font-weight: 500; color: #111; padding: 8px; border-bottom: 1px solid #e0e0e0; }
/*탭버튼*/
.tap-51 br{display:none}
/* 병원안내 */
#main__appointment__index__wrap .tableBox{}
#main__appointment__index__wrap .tableBox table.tb01{ width:100%; border-collapse: collapse; border-top: 3px solid #333;}
#main__appointment__index__wrap .tableBox table.tb01 th{ height: 53px; font-size: 18px; font-weight: bold; color: #333; text-align: center; border: 1px solid #BABABA; background-color: #F3F6F8;}
#main__appointment__index__wrap .tableBox table.tb01 td{ height: 53px; font-size: 16px; font-weight: 500; color: #555; text-align: center; border: 1px solid #BABABA; padding: 12px 0; line-height: 1.4;}
#main__appointment__index__wrap .tableBox table.tb01 th:first-child,
#main__appointment__index__wrap .tableBox table.tb01 td:first-child{ border-left: none;}
#main__appointment__index__wrap .tableBox table.tb01 th:last-child,
#main__appointment__index__wrap .tableBox table.tb01 td:last-child{ border-right: none;}
#main__appointment__index__wrap .text_normal{ font-size:18px; font-weight: 400; color: #333; line-height: 1.5; letter-spacing: -0.05em; margin-top: 15px; margin-bottom: 30px}
#main__appointment__index__wrap .text_normal2{ font-size:20px; font-weight: 500; color: #111; line-height: 1.5; letter-spacing: -0.05em; margin-top: 15px; margin-bottom: 20px}
#main__appointment__index__wrap .noticeBox{ padding: 40px; background-color: #F3F6F8; margin-top: 50px;}
#main__appointment__index__wrap .noticeBox.noBox{ padding: 0; background-color: transparent; margin-top: 10px; margin-bottom: 10px}
#main__appointment__index__wrap .noticeBox li{ font-size:18px; font-weight: 500; color: #333; margin-top: 10px; display: flex; align-items: center;}
#main__appointment__index__wrap .noticeBox li span{ display: inline-flex; align-items: center; justify-content: center; width: 21px; height: 21px; background-color: #1D4FA2; border-radius: 50%; font-size: 14px; color: #fff; margin-right: 10px;}
#main__appointment__index__wrap .noticeBox2{ display: flex; background-color: #F3F6F8; font-size:18px; font-weight: 400; color: #111; padding: 20px; box-sizing: border-box; margin-bottom: 100px; }
#main__appointment__index__wrap .noticeBox2.noBox{ padding: 0; background-color: transparent;}
#main__appointment__index__wrap .noticeBox2 span{ display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; background-color: #BF0A0B; border-radius: 50%; font-size: 12px; font-weight: bold; color: #fff; margin-right: 10px; margin-top:5px;}
#main__appointment__index__wrap .noticeBox2 span.navy{ background-color: #1D4FA2}
#main__appointment__index__wrap .noticeBox2 .icon{ display: block; width:18px; height: 19px; margin-right:10px;}
#main__appointment__index__wrap .noticeBox2 .text{ padding-left: 10px;}
#main__appointment__index__wrap .noticeBox2 .text p{ position: relative; font-size:18px; font-weight: 400; color: #111; line-height: 1.8; letter-spacing: -0.03em; padding-left: 15px;}
#main__appointment__index__wrap .noticeBox2 .text p:before{ content: ""; position: absolute; top: 15px; left: 0; width: 3px; height: 3px; border-radius: 50%; background-color: #111;}
#main__appointment__index__wrap .noticeBox2.noDisc .text p{ padding-left: 0;}
#main__appointment__index__wrap .noticeBox2.noDisc .text p:before{ display: none;}
#main__appointment__index__wrap .disc_text{ list-style-type: disc;}
#main__appointment__index__wrap .disc_text li{ position: relative; font-size: 18px; font-weight: 400; color: #333; line-height: 1.4; letter-spacing: -0.03em; padding-left: 15px; margin-bottom: 10px;}
#main__appointment__index__wrap .disc_text li:before{ content: ""; position: absolute; top: 15px; left: 0; width: 3px; height: 3px; border-radius: 50%; background-color: #333;}
#main__appointment__index__wrap .box_normal{ padding: 24px; border: 1px solid #ccc; box-sizing: border-box; margin-bottom: 24px;}
#main__appointment__index__wrap .bottomBtn{ text-align: center; margin-top: 64px;}
#main__appointment__index__wrap .bottomBtn a{ display: inline-flex; align-items: center; justify-content: center; width: 237px; height: 65px; background-color: #2F76EA; font-size:18px; font-weight: bold; color: #fff;}
#main__appointment__index__wrap .align_items_center{ align-items:center}
#main__appointment__index__wrap .mb-0{ margin-bottom: 0}
#main__appointment__index__wrap .mb-20{ margin-bottom: 20px}
#main__appointment__index__wrap .mb-50{ margin-bottom: 50px}
#main__appointment__index__wrap .mb-100{ margin-bottom: 100px}
#main__appointment__index__wrap.parking #main__appointment__index__contact__icon,
#main__appointment__index__wrap.parking #main__appointment__index__contact__desc{ height: 260px;}
#main__appointment__index__contact__desc__text .text01{ font-size:24px; font-weight: bold; color: #082775;}
#main__appointment__index__contact__desc__text .text02{ font-size:20px; font-weight: 600; color: #111; line-height: 1.4; margin-top: 10px;}
#main__appointment__index__contact__desc__text .text03{ font-size:18px; font-weight: 500; color: #333; margin-top: 10px; display: flex; align-items: center;}
#main__appointment__index__contact__desc__text .text03 span{ display: inline-flex; align-items: center; justify-content: center; width: 21px; height: 21px; background-color: #1D4FA2; border-radius: 50%; font-size: 16px; color: #fff; margin-right: 10px;}
#main__appointment__index__wrap.parking .main__appointment__index__container{ margin-top:50px}
#main__appointment__index__wrap .main__appointment__index__container .subTitle{ font-size:24px; font-weight: bold; color: #082775; margin-bottom: 15px;}
#main__appointment__index__wrap.parking .main__appointment__index__container .mapBox img{ max-width: 100%;}
#main__appointment__index__wrap.parking .main__appointment__index__container .parking_info{ display: flex; gap:24px; margin: 50px 0;}
#main__appointment__index__wrap.parking .main__appointment__index__container .parking_info li{ display: flex; flex-direction: column; justify-content: center; align-items: center; width:25%; height: 296px; border: 1px solid #ccc; box-sizing: border-box;}
#main__appointment__index__wrap.parking .main__appointment__index__container .parking_info li .circle{ display: flex; justify-content: center; align-items: center; width:140px; height: 140px; background-color: #1D4FA2; border-radius: 50%; font-size:24px; font-weight: bold; color: #fff;}
#main__appointment__index__wrap.parking .main__appointment__index__container .parking_info li .circle2{ background-color:#E1C7AE; color: #082775}
#main__appointment__index__wrap.parking .main__appointment__index__container .parking_info li p{ font-size:20px; font-weight: bold; color: #111; text-align: center; line-height: 1.4; margin-top: 20px;}
#main__appointment__index__wrap.map{}
#main__appointment__index__wrap.map .map_wrap{ height: 100%; overflow: hidden;}
#main__appointment__index__wrap.map .map_wrap:after{ content: ""; display: block; clear: both}
#main__appointment__index__wrap.map .map_wrap .map_aside{ float: left; width: 300px; height: inherit; border: 1px solid #BABABA; box-sizing: border-box}
#main__appointment__index__wrap.map .map_wrap .map_aside .tabBox{ overflow: hidden;}
#main__appointment__index__wrap.map .map_wrap .map_aside .tabBox:after{ content: ""; display: block; clear: both}
#main__appointment__index__wrap.map .map_wrap .map_aside .tabBox a{ float: left; display: flex; justify-content: center; align-items: center; width: 50%; height: 77px; font-size: 24px; font-weight: bold; color: #fff; background-color: #E1C7AE}
#main__appointment__index__wrap.map .map_wrap .map_aside .tabBox a.on{ background-color: #2F76EA}
#main__appointment__index__wrap.map .map_wrap .map_aside .map_info{ height: 923px; overflow: hidden;}
#main__appointment__index__wrap.map .map_wrap .map_aside .map_info:after{ content: ""; display: block; clear: both}
#main__appointment__index__wrap.map .map_wrap .map_aside .map_info .floor{ float: left; width:70px; height: inherit; background-color: #E9E7E8;}
#main__appointment__index__wrap.map .map_wrap .map_aside .map_info .floor li{ display: flex; justify-content: center; align-items: center; height: 60px; font-size: 18px; font-weight: bold; color: #555; border-bottom: 1px solid #BABABA; box-sizing: border-box; cursor: pointer}
#main__appointment__index__wrap.map .map_wrap .map_aside .map_info .floor li:hover,
#main__appointment__index__wrap.map .map_wrap .map_aside .map_info .floor li.on{ position: relative; color: #2F76EA; background-color: #fff;}
#main__appointment__index__wrap.map .map_wrap .map_aside .map_info .floor li:hover:before,
#main__appointment__index__wrap.map .map_wrap .map_aside .map_info .floor li.on:before{ content: ""; position: absolute; top: 0; right: -1px; width: 1px; height: 100%; background-color: #fff; z-index: 1}
#main__appointment__index__wrap.map .map_wrap .map_info .room{ float: left; width:calc(100% - 70px); height: inherit; padding: 12px 0; box-sizing: border-box; border-left: 1px solid #BABABA;}
ul#main_rooms_m, ul#annex_rooms_m{display:none;}
#main__appointment__index__wrap.map .map_wrap .map_info .room li{ padding: 8px 20px;}
#main__appointment__index__wrap.map .map_wrap .map_info .room li p{ font-size:18px; font-weight: 500; color: #000; margin-bottom: 10px; display: flex; align-items: flex-start;}
#main__appointment__index__wrap.map .map_wrap .map_info .room li p span{ display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; min-width:24px; background-color: #1D4FA2; border-radius: 50%; font-size: 12px; font-weight: bold; color: #fff; margin-right: 10px; margin-top:2px;}
#main__appointment__index__wrap.map .map_wrap .map_info .room li p span.red{ background-color: #BF0A0B}
#main__appointment__index__wrap.map .map_wrap .map_info .room li p span.green{ background-color: #00B8B0}
#main__appointment__index__wrap.map .map_wrap .map_img{ float: right; width: calc(100% - 320px); height: inherit;}
#main__appointment__index__wrap.map .map_wrap .map_img .mapBox{ position: relative; }
#main__appointment__index__wrap.map .map_wrap .map_img .mapBox .mapBtn{ display: none;}
#main__appointment__index__wrap.map .map_wrap .map_img .map_img_info{}
#main__appointment__index__wrap.map .map_wrap .map_img .map_img_info li{ display: none;}
#main__appointment__index__wrap.map .map_wrap .map_img .map_img_info li .floor{ display: flex; align-items: center; height: 77px; font-size: 48px; font-weight: bold; color: #082775; border-bottom: 4px solid #E1C7AE; position: relative; z-index: 2;}
#main__appointment__index__wrap.map .map_wrap .map_img .map_img_info li .floor span{ font-size: 32px; margin-left: 10px;}
#main__appointment__index__wrap.map .map_wrap .map_img .map_img_info li figure{ display: flex; align-items: center; justify-content: center; height: 851px;}
#main__appointment__index__wrap.map .map_wrap .map_img .map_img_info li figure img{ display: block; max-width:888px; width:100%;}
#main__appointment__index__wrap.map .map_wrap .map_img .map_img_info2 li figure img{ max-width:638px; width:100%}
#main__appointment__index__wrap.map .map_wrap .map_img .map_img_info li.on{ display: block !important;}
#main__appointment__index__wrap.map .map_wrap .map_img .map_legend{ display: flex; align-items: center; justify-content: space-between; height: 74px; padding: 24px 40px; box-sizing: border-box; background-color: #FFF6ED;}
#main__appointment__index__wrap.map .map_wrap .map_img .map_legend p{ display: flex; justify-content: center; align-items: center; font-size: 18px; font-weight: 500; color: #030C0A; }
#main__appointment__index__wrap.map .map_wrap .map_img .map_legend p img{ display: block; width:26px; margin-right: 5px;}
#main__appointment__index__wrap.map .map_wrap .map_img .map_info{ display: none}

/* 진료안내 */
#main__appointment__index__wrap.outpatient .main__appointment__index__container{ margin-top:50px;}
#main__appointment__index__wrap.outpatient .process{ margin-top:50px}
#main__appointment__index__wrap.outpatient .process li{ position: relative; margin-bottom: 40px;}
#main__appointment__index__wrap.outpatient .process li:before{ content: ""; position: absolute; bottom: -40px; left: 50%; transform: translateX(-50%); width:1px; height: 40px; background-color: #1D4FA2;}
#main__appointment__index__wrap.outpatient .process li:last-of-type:before{ display: none}
#main__appointment__index__wrap.outpatient .process li .circleBox{ position: absolute; top: 0; left: 50%; isolation: isolate;}
#main__appointment__index__wrap.outpatient .process li .circleBox:before{ content: ""; position: absolute; top: 50%; transform: translateY(-50%); height: 1px; background-color: #1D4FA2;}
#main__appointment__index__wrap.outpatient .process li .circleBox .circle{ display: inline-flex; align-items: center; justify-content: center; width:150px; height: 150px; background-color: #2F76EA; font-size: 18px; font-weight: 600; color: #fff; border-radius: 50%; text-align: center; mix-blend-mode: multiply;}
#main__appointment__index__wrap.outpatient .process li .circleBox.navy .circle{ background-color: #1D4FA2}
#main__appointment__index__wrap.outpatient .process li .circleBox.left{ margin-left: -590px;}
#main__appointment__index__wrap.outpatient .process li .circleBox.left:before{ width: 80px; right: -80px;}
#main__appointment__index__wrap.outpatient .process li .circleBox.left .circle:last-child{ margin-left: -24px}
#main__appointment__index__wrap.outpatient .process li .circleBox.right{ margin-left: 270px}
#main__appointment__index__wrap.outpatient .process li .circleBox.right:before{ width:40px; left: -40px;}
#main__appointment__index__wrap.outpatient .process li .circleBox.right .circle{ background-color: #E1C7AE; color: #082775}
#main__appointment__index__wrap.outpatient .process li .circleBox.right .circle:last-child{ margin-left: -24px}
#main__appointment__index__wrap.outpatient .process li .process_box{ position: relative; display: flex; flex-direction: column; justify-content: center;width:460px; height: 150px; border: 1px solid #1D4FA2; border-radius: 20px; box-sizing: border-box; background-color: #FFF6ED; padding: 0 40px; margin: 0 auto;}
#main__appointment__index__wrap.outpatient .process li .process_box .text01{ font-size: 18px; font-weight: 600; color: #030C0A;}
#main__appointment__index__wrap.outpatient .process li .process_box .text02{ font-size: 18px; color: #1D4FA2; line-height: 1.4;}
#main__appointment__index__wrap.outpatient .process li .process_box .reserveBtn{ display: flex; align-items: center; justify-content: center; width: 150px; height: 30px; border: 1px solid #ccc; box-sizing: border-box; font-size: 14px; font-weight: 500; color: #6B6B6B; background-color: #fff; margin-top: 5px;}
#main__appointment__index__wrap.outpatient .process li .process_box .reserveBtn img{ display: block; margin-left: 5px;}
#main__appointment__index__wrap.outpatient .process li .process_box .icon{ position: absolute; top: 50%; transform: translateY(-50%); right: 40px; z-index: 1}
#main__appointment__index__wrap.outpatient .process li .process_box .icon img{ display: block;}
#main__appointment__index__wrap.outpatient .noticeBox2{ font-size:18px; font-weight: 400; color: #111; display: flex; background-color: #F7F7F7; padding: 20px; box-sizing: border-box; line-height: 1.5; margin-bottom: 100px;}
#main__appointment__index__wrap.outpatient .noticeBox2 span{ display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; background-color: #BF0A0B; border-radius: 50%; font-size: 12px; font-weight: bold; color: #fff; margin-right: 10px; margin-top:3px;}
#main__appointment__index__wrap.outpatient .noticeBox{ margin: 0 0 100px; padding: 0; background-color: transparent;}
#main__appointment__index__wrap.outpatient .noticeBox li{ font-weight: 400; }
#main__appointment__index__wrap.outpatient .noticeBox li span{ background-color: #2F76EA;}
#main__appointment__index__wrap.emergency .main__appointment__index__container{ margin-top:50px;}
#main__appointment__index__wrap.emergency #main__appointment__index__contact__icon{ width:18%}
#main__appointment__index__wrap.emergency #main__appointment__index__contact__desc{ width:82%}
#main__appointment__index__wrap.emergency .process{ display: flex; gap:24px; margin: 20px 0;}
#main__appointment__index__wrap.emergency .process li{ width:25%; height: 184px; padding: 20px; box-sizing: border-box; border: 1px solid #E1C7AE; border-radius: 20px; background-color: #FFF6ED;}
#main__appointment__index__wrap.emergency .process li .icon{}
#main__appointment__index__wrap.emergency .process li .text01{ font-size: 20px; font-weight: 600; color: #030C0A; margin-top: 24px;}
#main__appointment__index__wrap.emergency .process li .text02{ font-size: 16px; font-weight: 400; color: #555; margin-top: 10px; line-height: 1.2;}
#main__appointment__index__wrap.emergency #main__appointment__index__timetable th, 
#main__appointment__index__wrap.emergency #main__appointment__index__timetable td{ border-left: 1px solid #CCC;}
#main__appointment__index__wrap.emergency #main__appointment__index__timetable th.border_left_none, 
#main__appointment__index__wrap.emergency #main__appointment__index__timetable td.border_left_none{ border-left: none;}
#main__appointment__index__wrap.emergency #main__appointment__index__timetable tr.border_top_bold{ border-top-color:#404041}
#main__appointment__index__wrap.proxy #main__appointment__index__contact__icon{ width:18%}
#main__appointment__index__wrap.proxy #main__appointment__index__contact__desc{ width:82%}
#main__appointment__index__wrap.proxy .main__appointment__index__container{ margin-top:50px;}
#main__appointment__index__wrap.proxy .form_files{ display: flex; gap:24px; margin-bottom: 50px;}
#main__appointment__index__wrap.proxy .form_files li{ position: relative; display: flex; align-items: center; width:50%; height: 105px; padding: 20px; border: 1px solid #bababa; box-sizing: border-box;}
#main__appointment__index__wrap.proxy .form_files li .icon{ display: block; margin-right: 10px}
#main__appointment__index__wrap.proxy .form_files li .text{ font-size:20px; font-weight: 600; color: #030C0A;}
#main__appointment__index__wrap.proxy .form_files li .downBtn{ position: absolute; top: 50%; transform: translateY(-50%); right: 20px; display: flex; justify-content: center; align-items: center; width: 110px; height: 65px; background-color: #2F76EA; font-size: 18px; font-weight: 600; color: #fff;}

/* 입퇴원절차 */
#main__appointment__index__wrap.admission #main__appointment__index__contact__icon{ width:18%}
#main__appointment__index__wrap.admission #main__appointment__index__contact__desc{ width:82%}
#main__appointment__index__wrap.admission2 #main__appointment__index__contact__icon,
#main__appointment__index__wrap.admission2 #main__appointment__index__contact__desc{ height: 272px;}
#main__appointment__index__wrap.admission .main__appointment__index__container{ margin-top:50px;}
#main__appointment__index__wrap.admission .process{ background-color:#F3F6F8}
#main__appointment__index__wrap.admission .tableBox table.tb01{ border-top: 1px solid #333; border-bottom: 1px solid #333;}
#main__appointment__index__wrap.admission .tableBox table.tb01 th{ border-top:none}
#main__appointment__index__wrap.admission .tableBox table.tb01 tr:last-child td{ border-bottom:none}
#main__appointment__index__wrap.admission .visit_list{ overflow: hidden}
#main__appointment__index__wrap.admission .visit_list:after{ content: ""; display: block; clear: both}
#main__appointment__index__wrap.admission .visit_list li{ float: left; display: flex; align-items: flex-start; width:302px; height: 90px; padding: 20px; border: 1px solid #E1C7AE; background-color: #FFF6ED; box-sizing: border-box; font-size: 18px; font-weight: 500; color: #082775; line-height: 1.4; margin-right: 24px; border-radius: 10px; margin-bottom: 24px;}
#main__appointment__index__wrap.admission .visit_list li:nth-child(4n){ margin-right:0;}
#main__appointment__index__wrap.admission .visit_list li .icon{ display: block; width:20px; margin-right: 10px; margin-top:3px;}
#main__appointment__index__wrap.admission .exclusion_list{ display: flex; gap:24px; padding: 40px; background-color: #F3F6F8}
#main__appointment__index__wrap.admission .exclusion_list li{ display: flex; align-items: flex-start; width:33%; height: 90px; padding: 20px; border: 1px solid #E1C7AE; background-color: #FFF6ED; box-sizing: border-box; font-size: 18px; font-weight: 500; color: #082775; line-height: 1.4; border-radius: 10px; }
#main__appointment__index__wrap.admission .exclusion_list li .icon{ display: block; width:20px; margin-right: 10px; margin-top:3px;}
#main__appointment__index__wrap.admission .room_info{ padding: 40px; background-color: #F3F6F8; text-align: center; font-size:0;}
#main__appointment__index__wrap.admission .room_info li{ display: inline-block; vertical-align: middle; width:226px; padding: 20px; box-sizing: border-box; border: 1px solid #E1C7AE; background-color: #FFF6ED; margin: 0 12px; border-radius: 70px;}
#main__appointment__index__wrap.admission .room_info li .text01{ font-size:20px; font-weight: bold; color: #082775;}
#main__appointment__index__wrap.admission .room_info li .text02{ font-size:16px; font-weight: 500; color: #555; line-height: 1.4; margin-top: 10px;}
#main__appointment__index__wrap.admission .noticeBox2.noBox .icon{ margin-top:5px;}
#main__appointment__index__wrap.admission .noticeBox2.noBox .text{ padding-left:0}
#main__appointment__index__wrap.admission .passBox{ display: flex; align-items: center; gap:30px}
#main__appointment__index__wrap.admission .passBox .iconBox{ display: flex; align-items: center; justify-content: center; width:82px; height: 82px; background-color: #2F76EA; border-radius: 50%;}
#main__appointment__index__wrap.admission .passBox .iconBox img{ display: block; width:32px;}
#main__appointment__index__wrap.admission .passBox .textBox{}
#main__appointment__index__wrap.admission .passBox .textBox div{ display: flex; align-items: center; gap:20px; font-size:18px; font-weight: 500; color: #555; margin: 2px 0;}
#main__appointment__index__wrap.admission .passBox .textBox div b{ display: inline-block; width:80px; font-size:22px; font-weight: bold; color: #2F76EA; text-align: left;}
#main__appointment__index__wrap.admission .text_normal{ margin-bottom:15px;}

/* 비급여진료비 */
#main__appointment__index__wrap.non-benefit .main__appointment__index__container{ margin-top:50px;}
#main__appointment__index__wrap.non-benefit .search_wrap .searchBox .inputBox{ width:550px;}
#main__appointment__index__wrap.non-benefit .tbBox{ display:none; margin-bottom: 100px}
#main__appointment__index__wrap.non-benefit table{}
#main__appointment__index__wrap.non-benefit table th,
#main__appointment__index__wrap.non-benefit table td{ width:auto; border-left: 1px solid #ccc; border-right: 1px solid #ccc; font-size:16px;}
#main__appointment__index__wrap.non-benefit table th:first-of-type,
#main__appointment__index__wrap.non-benefit table td:first-of-type{ border-left:none !important;}
#main__appointment__index__wrap.non-benefit table th:last-of-type,
#main__appointment__index__wrap.non-benefit table td:last-of-type{ border-right:none !important;}
#main__appointment__index__wrap.non-benefit table tr{ height:auto;}
#main__appointment__index__wrap.non-benefit table th{ height:42px; line-height: 1;}
#main__appointment__index__wrap.non-benefit table td{ height:50px; padding: 10px;}

/* 발급서류안내 */
#main__appointment__index__wrap.issuance{ padding: 20px 0;}
#main__appointment__index__wrap.issuance table th{ width:auto; border-bottom:1px solid #404041; padding: 10px;}
#main__appointment__index__wrap.issuance table td{ width:auto; border:1px solid #ccc; padding: 10px 16px; text-align: left;}
#main__appointment__index__wrap.issuance table th.border_left_none,
#main__appointment__index__wrap.issuance table td.border_left_none{ border-left:none !important;}
#main__appointment__index__wrap.issuance table th.border_right_none,
#main__appointment__index__wrap.issuance table td.border_right_none{ border-right:none !important;}
#main__appointment__index__wrap.issuance table td:last-of-type{ border-right:none !important;}
#main__appointment__index__wrap.issuance table td.border_bottom{ border-bottom:1px solid #404041;}
#main__appointment__index__wrap.issuance table td.text_center{ text-align: center !important}
#main__appointment__index__wrap.issuance .applicant_list{}
#main__appointment__index__wrap.issuance .applicant_list li{ margin-bottom: 10px}
#main__appointment__index__wrap.issuance .applicant_list li .cate{ display: inline-block; vertical-align: top; width: 90px; font-size:22px; font-weight: bold; color: #082775;}
#main__appointment__index__wrap.issuance .applicant_list li .text{ display: inline-block; vertical-align: top; font-size:18px; font-weight: 500; color: #111;}

/* 게시판 공통 */
#bo_w, #bo_v{ width:1280px; max-width:100%; margin: 50px auto;}

/* 병원소개 */
#main__appointment__index__wrap.mission .main__appointment__index__container{ margin-top: 60px}
#main__appointment__index__wrap.mission .mission_title{ display: flex; justify-content: center; align-items: center; width: 900px; height: 85px; border: 4px solid #082775; padding: 20px; border-radius: 50px; box-sizing: border-box; font-size: 32px; font-weight: bold; color: #082775; margin: 0 auto;}
#main__appointment__index__wrap.mission .mission_title_desc{ font-size: 20px; font-weight: bold; color: #333; text-align: center; line-height: 1.4; margin-top: 40px; }
#main__appointment__index__wrap.mission .mission_subTitle{ font-size: 40px; font-weight: bold; color: #082775; margin-top: 80px; text-align: center;}
#main__appointment__index__wrap.mission .mission_subTitle2{ font-size: 48px; font-weight: bold; color: #082775; text-align: center; line-height: 1.4; }
#main__appointment__index__wrap.mission .mission_subTitle2_desc{ font-size: 32px; font-weight: bold; color: #333; text-align: center;}
#main__appointment__index__wrap.mission .mission_list{ text-align: center; isolation: isolate;}
#main__appointment__index__wrap.mission .mission_list li{ display: inline-flex; justify-content: center; align-items: center; width: 360px; height: 360px; border-radius: 50%; background-color: #1D4FA2; box-shadow: 0px 10px 20px 0px rgba(38, 50, 56, 0.2); mix-blend-mode: multiply;}
#main__appointment__index__wrap.mission .mission_list li .textBox{}
#main__appointment__index__wrap.mission .mission_list li .textBox .text01{ font-size: 32px; font-weight: bold; color: #fff;}
#main__appointment__index__wrap.mission .mission_list li .textBox .text02{ font-size: 24px; font-weight: 500; color: #fff; line-height: 1.2; margin-top: 10px;}
#main__appointment__index__wrap.mission .mission_list li:first-child{ background-color:#E1C7AE}
#main__appointment__index__wrap.mission .mission_list li:first-child .textBox .text01,
#main__appointment__index__wrap.mission .mission_list li:first-child .textBox .text02{ color: #082775}
#main__appointment__index__wrap.mission .mission_list li:nth-child(2){ background-image: url("/img/ych/img_mission_list.png"); background-position: center; background-repeat: no-repeat; background-size: cover; margin-left: -40px; margin-right: -40px;}
#main__appointment__index__wrap.mission .vision_list{ display: flex; gap:10px;}
#main__appointment__index__wrap.mission .vision_list li{ width:20%; border: 1px solid #E0E0E0; box-sizing: border-box; border-radius: 10px; padding: 40px 20px; box-shadow: 0px 10px 20px 0px rgba(38, 50, 56, 0.08); text-align: center;}
#main__appointment__index__wrap.mission .vision_list li .circle{ display: inline-flex; justify-content: center; align-items: center; width: 82px; height: 82px; border-radius: 50%; background-color: #2F76EA; font-size: 32px; font-weight: bold; color: #fff;}
#main__appointment__index__wrap.mission .vision_list li .textBox{ margin-top: 20px; text-align: center;}
#main__appointment__index__wrap.mission .vision_list li .textBox .text01{ font-size: 24px; font-weight: bold; color: #082775; }
#main__appointment__index__wrap.mission .vision_list li .textBox .text02{ font-size: 18px; font-weight: 600; color: #082775; margin-top: 10px;}
#main__appointment__index__wrap.mission .vision_list li .textBox .text03{ font-size: 15px; font-weight: 500; color: #555; margin-top: 10px; line-height: 1.4;}
#main__appointment__index__wrap.greeting{}
#main__appointment__index__wrap.greeting .main__appointment__index__container{ margin-top: 60px}
#main__appointment__index__wrap.greeting .greeting_title{ font-size: 48px; font-weight: bold; color: #222; text-align: center; line-height: 1.4;}
#main__appointment__index__wrap.greeting .greeting_title span{ background: linear-gradient(90.11deg, #1D4FA2 30%, #E1C7AE 70%); background-clip: text; -webkit-background-clip: text; color: transparent;}
#main__appointment__index__wrap.greeting .greeting_box{ position: relative; margin-top:80px;}
#main__appointment__index__wrap.greeting .greeting_box figure{ position: absolute; right: 40px; bottom: -1px; z-index: 2}
#main__appointment__index__wrap.greeting .greeting_box figure img.ceo{ position: relative; display: block; z-index: 2}
#main__appointment__index__wrap.greeting .greeting_box figure img.star1{ position: absolute; top: 20px; right: 0;}
#main__appointment__index__wrap.greeting .greeting_box figure img.star2{ position: absolute; bottom:140px; left: -60px;}
#main__appointment__index__wrap.greeting .greeting_box .textBox{ width:730px; padding: 0 40px; box-sizing: border-box;}
#main__appointment__index__wrap.greeting .greeting_box .textBox .text01{ font-size: 32px; font-weight: bold; color: #030C0A; line-height: 1.4;}
#main__appointment__index__wrap.greeting .greeting_box .textBox .text02{ font-size: 18px; font-weight: 400; color: #030C0A; line-height: 1.4; margin-top: 40px;}
#main__appointment__index__wrap.greeting .greeting_box .signBox{ display: flex; align-items: center; height: 130px; padding-left: 40px; margin-top: 40px; border-radius: 60px 0px; background: linear-gradient(265deg, var(--Primary-2, rgba(29, 79, 162, 0.30)) 1.18%, var(--Secondary-1, rgba(225, 199, 174, 0.30)) 92.54%); font-size: 18px; font-weight: 500; color: #030C0A;}
#main__appointment__index__wrap.greeting .greeting_box .signBox span{ font-size: 24px; font-weight: 400; color: #030C0A; margin-left: 4px; margin-bottom: 3px;}
#main__appointment__index__wrap.greeting .greeting_box .signBox img.sign{ margin-left: 20px; width:170px}

.col-xl-20{ width:20%}
#main__appointment__index__wrap.history{}
#main__appointment__index__wrap.history .main__appointment__index__container{ margin-top: 0}
#main__appointment__index__wrap.history .history_visual{ position: relative; height: 340px; background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 60px 0; overflow: hidden; }
#main__appointment__index__wrap.history .history_visual:before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(8, 39, 117, 0.90) 15%, rgba(255, 246, 237, 0.09) 40%); z-index: 1}
#main__appointment__index__wrap.history .visual_01{ background-image:url("/img/ych/img_history_visual_01.png?1");}
#main__appointment__index__wrap.history .visual_02{ background-image:url("/img/ych/img_history_visual_02.png?1");}
#main__appointment__index__wrap.history .visual_03{ background-image:url("/img/ych/img_history_visual_03.png?1");}
#main__appointment__index__wrap.history .visual_04{ background-image:url("/img/ych/img_history_visual_04.png?1");}
#main__appointment__index__wrap.history .visual_05{ background-image:url("/img/ych/img_history_visual_05.png?1");}
#main__appointment__index__wrap.history .history_visual .textBox{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); padding-left: 80px; box-sizing: border-box; z-index: 2}
#main__appointment__index__wrap.history .history_visual .textBox .text01{ font-size:20px; font-weight: 600; color: #FFF6ED}
#main__appointment__index__wrap.history .history_visual .textBox .text02{ font-size:48px; font-weight: 600; color: #FFF6ED}
#main__appointment__index__wrap.history .history_list{ position: relative; padding: 0 80px;}
#main__appointment__index__wrap.history .history_list:before{ content:""; position: absolute; top: 22px; left: 294px; width: 2px; height: 100%; background-color: #ccc;}
#main__appointment__index__wrap.history .history_list:after{ content:""; position: absolute; bottom: -23px; left: 290px; width: 10px; height: 10px; border: 2px solid #ccc; border-right:0; border-bottom:0; transform: rotate(225deg);}
#main__appointment__index__wrap.history .history_list li{ margin-top: 40px; font-size: 0;}
#main__appointment__index__wrap.history .history_list li .year{ display: inline-block; vertical-align: top; width:216px; font-size:48px; font-weight: bold; background: linear-gradient(90deg, #1D4FA2 0%, #E1C7AE 50%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height: 1}
#main__appointment__index__wrap.history .history_list li .month{ display: inline-block; vertical-align: top; width:calc(100% - 216px); box-sizing: border-box; padding-top: 10px; padding-bottom: 30px;}
#main__appointment__index__wrap.history .history_list li .month p{ position: relative; display: flex; align-items: center; gap:40px; padding-left: 100px; margin-bottom: 40px; font-size: 18px; font-weight: 400; color: #111; line-height: 1.4;}
#main__appointment__index__wrap.history .history_list li .month p:before{ content:""; position: absolute; top: 7px; left: -9px; width: 16px; height: 16px; background-image: url("/img/ych/icon_history_dot.png"); background-position: center; background-repeat: no-repeat; background-size: contain; z-index: 2}
#main__appointment__index__wrap.history .history_list li .month p:after{ content:""; position: absolute; top: 14px; left: 0; width: 77px; height: 1px; background-color: #ccc; z-index: 1}
#main__appointment__index__wrap.history .history_list li .month p:last-of-type{ margin-bottom:0;}
#main__appointment__index__wrap.history .history_list li .month p span{ font-size: 20px; font-weight: 600; color: #222;}

/* 병원안내 규정 */
#main__appointment__index__wrap.safety .main__appointment__index__container{ margin-top: 0}
#main__appointment__index__wrap.safety .safety_visual{ position: relative; display: flex; align-items: center; padding-left: 125px; height: 340px; background-image:url("/img/ych/img_safety_visual.png"); background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 60px 0; overflow: hidden;}
#main__appointment__index__wrap.safety .safety_visual .textBox{ font-size:20px; font-weight: 600; color: #fff; line-height: 1.6;}
#main__appointment__index__wrap.safety .safety_visual .textBox span{ color: #082775; background-color: #e0c7ae;}
#main__appointment__index__wrap.safety .logo{ margin-top:60px;}
#main__appointment__index__wrap.safety .logo img{ display: block; margin: 0 auto;}
#main__appointment__index__wrap.safety .safety_rules{ width: 850px; margin: 60px auto 0;}
#main__appointment__index__wrap.safety .safety_rules li{ display: flex; align-items: center; gap:12px; font-size:18px; font-weight: 400; color: #333; margin-bottom: 24px;}
#main__appointment__index__wrap.safety .safety_rules li span{ display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; background-color: #E1C7AE; border-radius: 50%; font-size: 18px; font-weight: bold; color: #082775;}
#main__appointment__index__wrap.privacy .main__appointment__index__container{ margin-top: 0;}
#main__appointment__index__wrap.privacy .privacy_titleBox{ display: flex; flex-direction: column; width:100%; background-color: #F3F6F8; padding: 40px; box-sizing: border-box; border-radius: 50px 0; margin-bottom: 80px;}
#main__appointment__index__wrap.privacy .privacy_titleBox .text{ font-size:18px; font-weight: 500; color: #030C0A; line-height: 1.4;}
#main__appointment__index__wrap.privacy .privacy_title{ font-size:32px; font-weight: bold; color: #111; margin-bottom: 24px; margin-top: 80px;}
#main__appointment__index__wrap.privacy .privacy_cate_list{ padding: 40px; background-color: #F3F6F8; overflow: hidden; margin-bottom: 40px;}
#main__appointment__index__wrap.privacy .privacy_cate_list:after{ content:""; display: block; clear: both;}
#main__appointment__index__wrap.privacy .privacy_cate_list li{ float: left; display: flex; align-items: center; width:calc(50% - 12px); height: 65px; background-color: #fff; border: 1px solid #082775; box-sizing: border-box; gap:12px; font-size:18px; font-weight: 400; color: #333; margin-top: 37px; padding: 20px;}
#main__appointment__index__wrap.privacy .privacy_cate_list li:nth-child(even){margin-left: 24px;}
#main__appointment__index__wrap.privacy .privacy_cate_list li:nth-child(1),
#main__appointment__index__wrap.privacy .privacy_cate_list li:nth-child(2){margin-top: 0;}
#main__appointment__index__wrap.privacy .privacy_cate_list li span{ display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; background-color: #E1C7AE; border-radius: 50%; font-size: 14px; font-weight: bold; color: #082775;}
#main__appointment__index__wrap.privacy .privacy_save_list{ overflow: hidden;}
#main__appointment__index__wrap.privacy .privacy_save_list:after{ content:""; display: block; clear: both;}
#main__appointment__index__wrap.privacy .privacy_save_list li{ float: left; display: flex; flex-direction: column; justify-content: center; width:calc(50% - 12px); height: 144px; background-color: #F3F6F8; box-sizing: border-box;  margin-top: 24px; padding: 24px;}
#main__appointment__index__wrap.privacy .privacy_save_list li:nth-child(even){margin-left: 24px;}
#main__appointment__index__wrap.privacy .privacy_save_list li:nth-child(1),
#main__appointment__index__wrap.privacy .privacy_save_list li:nth-child(2){margin-top: 0;}
#main__appointment__index__wrap.privacy .privacy_save_list li .text01{ font-size:20px; font-weight: bold; color: #111;}
#main__appointment__index__wrap.privacy .privacy_save_list li .text02{ font-size:18px; font-weight: 500; color: #555; margin-top: 10px;}
#main__appointment__index__wrap.privacy table th{ text-align: center;}
#main__appointment__index__wrap.privacy table.tb01 th{ width:33.33%; text-align: center;}
#main__appointment__index__wrap.privacy table td{ width:auto; padding:12px; color: #555;}
#main__appointment__index__wrap.privacy table.tb01 td:nth-child(2){ text-align: center}
#main__appointment__index__wrap.privacy .disc_text{ padding-left:10px;}
#main__appointment__index__wrap.privacy .disc_text li:before{ top: 12px;}
#main__appointment__index__wrap.privacy .noticeBox2{ background-color: #EBF7FF}
#main__appointment__index__wrap.privacy .noticeBox2 span{ flex: none;}
#main__appointment__index__wrap.privacy .noticeBox2 .text{ padding-left:0;}
#main__appointment__index__wrap.privacy .text_normal2{ font-weight:bold}
#main__appointment__index__wrap.privacy .number_list{}
#main__appointment__index__wrap.privacy .number_list li{ display: flex; gap:12px; font-size:18px; font-weight: 500; color: #555; margin-bottom: 10px;}
#main__appointment__index__wrap.privacy .number_list li span{ display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; background-color: #E9E7E8; border-radius: 50%; font-size: 12px; font-weight: bold; color: #082775; flex: none; margin-top:5px;}

@media (max-width: 1300px) {
	#header{ padding:0 10px 0 20px;}
	#header__breadcrumb{ width:calc(100% + 30px); margin-left: -20px;}
	
	#sitemap-modal .sitemap-content{ width:1000px}
	#sitemap-modal .sitemap-menus .menuBox .depth1-menu{ width:130px}
	#sitemap-modal .sitemap-menus .menuBox .depth1-menu a{ font-size:20px}
	#sitemap-modal .sitemap-menus .menuBox > ul.depth2-menu > li{ margin-right:8px;}
	#sitemap-modal .sitemap-menus .menuBox > ul.depth2-menu > li > a{ width:150px; height: 42px; font-size: 16px; padding-left: 15px;}
	#sitemap-modal .sitemap-menus .menuBox > ul.depth2-menu > li ul.depth3-menu{ padding: 10px 15px;}
	#sitemap-modal .sitemap-menus .menuBox > ul.depth2-menu > li ul.depth3-menu li{ padding: 3px 0;}
	#sitemap-modal .sitemap-menus .menuBox > ul.depth2-menu > li ul.depth3-menu li a{ font-size: 14px;}
	
	#search-modal .search-content{ padding:40px 0;}
	#search-modal .search-content .searchBox{ width:1000px; padding: 30px 60px;}
	#search-modal .search-content .searchBox .text{ font-size:28px; font-weight: 600;}
	#search-modal .search-content .searchBox .inputBox{ width:700px; height: 50px; padding-right:50px;}
	#search-modal .search-content .searchBox .inputBox input{ font-size:16px;}
	#search-modal .search-content .searchBox .inputBox button{ width:50px; height:50px;}

  #main .visualBox .swiper-slide{ height:550px;}
  #main .visualBox .slide-content,
  #main .visualBox .controls-container,
  #main .contents{ width:100%; padding:0 20px}
  #main .contents .main_form .leftBox .formBox .name{ width:40%;}
  #main .contents .main_form .leftBox .formBox .phone{ width:calc(60% - 8px);}
  #main .contents .main_form .rightBox .col_01 a{padding:20px;}
  #main .contents .main_form .rightBox .col_01 a .arrow{right:20px;}
  #main .centerBox .leftBox{ width:350px; height: 484px;}
  #main .centerBox .leftBox .img{ width:270px;}
  #main .centerBox .rightBox{ width: calc(100% - 350px);}
  #main .centerBox .rightBox ul li{/*width:310px;*/width:calc(100% / 2 - 1rem); height:235px; margin-left:15px; margin-top:15px;}
  #main .centerBox .rightBox ul li .img{height:80%}
  #main .hospital_news .news_list .swiper-slide{ width:235px;}
  #main__appointment__index__wrap{padding;20px 0;}
  /*#main__appointment__index__wrap .department_list a,
  #main__appointment__index__wrap .department_list a:nth-of-type(6n)//{margin-right:20px; margin-top:20px;}*/
  #main__appointment__index__wrap.admission .visit_list li{width:calc(33.33% - 16px)}
  #main__appointment__index__wrap.admission .visit_list li:nth-child(4n){margin-right:24px;}
  #main__appointment__index__wrap.admission .visit_list li:nth-child(3n){margin-right:0;}
  #main__appointment__index__wrap.issuance{padding: 0px;}
}

@media (min-width: 1200px) and (max-width: 1300px) {
	.main_tabBox{width:calc(100% - 0px); margin:0 auto}
}

@media (min-width: 1200px) {
	#main__appointment__index__wrap.map .map_wrap .map_img .map_img_info li figure img{transform:scale(1) !important}
}

@media (max-width: 1200px) {
  #main .contents{width:1000px; padding:0}
  .tab_only{ display:block !important}
	main{ padding-top: 115px;}
	#main{ padding-top:60px !important}
	.main_tabBox{ width:100%; margin-left: 0;}
	#main__appointment__index .main_tabBox{ padding: 0 16px 20px}
	#main__appointment__index .main_tabBox .main__appointment__index__subnav,
	.main__appointment .main_tabBox .main__appointment__index__subnav{ margin-top:-1px; margin-right:-1px;}
	#main__appointment__index__wrap .doctor_info{ display:block; width: 100%; margin: 0 auto;}
	#main__appointment__index__wrap .doctor_info .imgBox{ width:100%; height:500px; max-width:100%; margin: 0 auto; text-align:center}
  #main__appointment__index__wrap .doctor_info .imgBox > img{max-height:100%;}
	#main__appointment__index__wrap .doctor_info .imgBox .swiper-slide{ height:auto;}
	#main__appointment__index__wrap .doctor_info .imgBox .btnBox{ bottom:20px; right:20px;}
	#main__appointment__index__wrap .doctor_info .textBox{ width:100%; margin-top: 20px;}
	/*#main__appointment__index__wrap .doctor_info .textBox .titleBox .name{font-size:32px}*/
	#main__appointment__index__wrap .doctor_info .textBox .titleBox .department{ font-size:21px}
	#main__appointment__index__wrap .doctor_info .textBox .titleBox .reserveBtn{ height: 48px; font-size:16px; font-weight: 600;}
	#main__appointment__index__wrap .doctor_info .textBox .dateBox p{ width:114px;}
	#main__appointment__index__wrap .doctor_info .textBox .dateBox .date{ font-size:15px;}
	#main__appointment__index__wrap .doctor_info .textBox .dateBox .text{ font-size:16px;}
	#main__appointment__index__wrap .doctor_career{margin: 62px auto 0;}
	#main__appointment__index__wrap .doctor_career .career_contents .listBox ul li{font-size:14px}
	
	#main__appointment__index__wrap.parking #main__appointment__index__contact__icon,
	#main__appointment__index__wrap.emergency #main__appointment__index__contact__icon,
	#main__appointment__index__wrap.proxy #main__appointment__index__contact__icon,
	#main__appointment__index__wrap.admission #main__appointment__index__contact__icon{width:100%; height: auto; padding: 28px} 
	#main__appointment__index__wrap.parking #main__appointment__index__contact__desc,
	#main__appointment__index__wrap.emergency #main__appointment__index__contact__desc,
	#main__appointment__index__wrap.proxy #main__appointment__index__contact__desc,
	#main__appointment__index__wrap.admission #main__appointment__index__contact__desc{width:100%; height: auto; padding: 40px 28px}
	#main__appointment__index__wrap.map .map_wrap .map_aside{ border:none}
	#main__appointment__index__wrap.map .map_wrap .map_aside,
	#main__appointment__index__wrap.map .map_wrap .map_img{float:none; width:100%}
	#main__appointment__index__wrap.map .map_wrap .map_aside .map_info{height:auto}
	#main__appointment__index__wrap.map .map_wrap .map_aside .map_info .floor{float:none; width:100%; display: flex}
	#main__appointment__index__wrap.map .map_wrap .map_aside .map_info .floor li{flex: auto; border-bottom: none; border-left: 1px solid #bababa}
	#main__appointment__index__wrap.map .map_wrap .map_aside .map_info .floor li:first-child{border-left:none}
	#main__appointment__index__wrap.map .map_wrap .map_aside .map_info .floor li:hover:before, 
	#main__appointment__index__wrap.map .map_wrap .map_aside .map_info .floor li.on:before{display: none}
	#main__appointment__index__wrap.map .map_wrap .map_aside .map_info .room{display: none}
  ul#main_rooms_m, ul#annex_rooms_m{display:block;}
	#main__appointment__index__wrap.map .map_wrap .map_img .map_img_info li figure{position: relative; display: block; height:550px; overflow: auto; padding: 50px 0; text-align: center; border-bottom:1px solid #ccc}
	#main__appointment__index__wrap.map .map_wrap .map_img .map_img_info li figure img{display: inline-block; transition: transform 0.2s ease; transform-origin: top left; max-width:500px;}
	#main__appointment__index__wrap.map .map_wrap .map_img .map_info{display: block}
	#main__appointment__index__wrap.map .map_wrap .map_img .map_info .room{ float:none; width: 100%; border: none;}
	#main__appointment__index__wrap.map .map_wrap .map_img .map_info .room li{ overflow: hidden;}
	#main__appointment__index__wrap.map .map_wrap .map_img .map_info .room li:after{ content: ""; display: block; clear: both}
	#main__appointment__index__wrap.map .map_wrap .map_img .map_info .room li p{ float:left; width:50%;}
	#main__appointment__index__wrap.map .map_wrap .map_img .mapBox .mapBtn{ display: block; position: absolute; right: 0; bottom: 10px; z-index: 2;}
	#main__appointment__index__wrap.map .map_wrap .map_img .mapBox .mapBtn a{ display: block;}
	#main__appointment__index__wrap.map .map_wrap .map_img .mapBox .mapBtn a img{ display: block; width:46px;}
	
	#main__appointment__index__wrap.outpatient .process li{ margin-bottom:12px;}
	#main__appointment__index__wrap.outpatient .process li:before{ display: none;}
	#main__appointment__index__wrap.outpatient .process li:first-of-type{ margin-bottom:24px;}
	#main__appointment__index__wrap.outpatient .process li:first-of-type:before{ display: block; bottom:-24px; height: 24px;}
	#main__appointment__index__wrap.outpatient .process li .circleBox.right{ display:none;}
	#main__appointment__index__wrap.outpatient .process li .circleBox{ position:relative; top: auto; left: auto; width:460px; margin: 0 auto 24px !important;}
	#main__appointment__index__wrap.outpatient .process li .circleBox:before{ width:1px !important; height: 24px; top: auto; bottom: -24px; right: auto; left: 50%; transform: translateX(-50%);}
	#main__appointment__index__wrap.outpatient .process li .circleBox .circle{ display:flex; width: 100%; height: 58px; border-radius: 30px;}
	#main__appointment__index__wrap.outpatient .process li .circleBox.left .circle:last-child{ margin-left:0 !important; margin-top: -10px;}	
	
	#main__appointment__index__wrap.admission .exclusion_list li{ padding:16px; font-size:15px; height: 73px;}
		
	#main__appointment__index__wrap.mission .mission_title{ width:800px; height: 75px; font-size:28px;}
	#main__appointment__index__wrap.mission .mission_title_desc{ font-size:18px}
	#main__appointment__index__wrap.mission .mission_subTitle{ font-size:36px;}
	#main__appointment__index__wrap.mission .mission_list li{ width:300px; height: 300px;}
	#main__appointment__index__wrap.mission .mission_list li .textBox .text01{ font-size:28px;}
	#main__appointment__index__wrap.mission .mission_list li .textBox .text02{ font-size:20px;}
	#main__appointment__index__wrap.mission .mission_subTitle2_desc{ font-size:28px;}
	#main__appointment__index__wrap.mission .mission_subTitle2{ font-size:44px;}
	#main__appointment__index__wrap.mission .vision_list li{ padding:30px 10px;}
	#main__appointment__index__wrap.mission .vision_list li .circle{ width:70px; height: 70px; font-size:28px;}
	#main__appointment__index__wrap.mission .vision_list li .textBox .text01{ font-size:20px;}
	#main__appointment__index__wrap.mission .vision_list li .textBox .text02{ font-size:16px;}
	#main__appointment__index__wrap.mission .vision_list li .textBox .text03{ font-size:13px; letter-spacing: -0.03em;}
	
	#main__appointment__index__wrap.greeting .greeting_title{ font-size:38px}
	#main__appointment__index__wrap.greeting .greeting_box{ margin-top:60px;}
	#main__appointment__index__wrap.greeting .greeting_box .textBox .text01{ font-size:26px}
	#main__appointment__index__wrap.greeting .greeting_box .textBox .text02{ font-size:16px; margin-top: 30px}
	#main__appointment__index__wrap.greeting .greeting_box .signBox{ height:100px; font-size:16px;}
	#main__appointment__index__wrap.greeting .greeting_box .signBox span{ font-size:22px; margin-bottom: 5px;}
	#main__appointment__index__wrap.greeting .greeting_box .signBox img.sign{ width:160px;}
	#main__appointment__index__wrap.greeting .greeting_box figure img.ceo{ width:400px}
	#main__appointment__index__wrap.greeting .greeting_box figure img.star1,
	#main__appointment__index__wrap.greeting .greeting_box figure img.star2{ width:120px;}
	#main__appointment__index__wrap.greeting .greeting_box figure img.star2{ bottom: 110px; left: -40px;}
	
	.col-xl-20{ width:50%}
	#main__appointment__index__wrap.history .history_list{ padding:0 40px;}
	#main__appointment__index__wrap.history .history_list:before{ left:254px;}
	#main__appointment__index__wrap.history .history_list:after{ left:250px;}
	
	#main__appointment__index__wrap .search_wrap .searchBox2{flex-direction: column; gap:24px;}
	#main__appointment__index__wrap .search_wrap .searchBox2 p{margin-right:0px;}
	#main__appointment__index__wrap .search_wrap .searchBox2 .btnBox a{margin:10px;}
	#main__appointment__index__wrap .department_list a{width: calc(100% / 5 - 0rem)}

  #footer__container__info__container__desc .flex-direction-column{width:100%; text-align:center;}
  #footer__container__info__container__desc__contact__detail{display: flex; flex-direction: column;  align-items: center; margin-top:0}
  #footer__container__info__container__desc__contact__number{font-size: 28px;}
  .footer__container__info__container__desc__contact__detail__container{justify-content:flex-start; max-width:230px; margin:2px 0;}
  .footer__container__info__container__desc__contact__detail__container__title{width:90px; font-size:15px; text-align: left;}
  .footer__container__info__container__desc__contact__detail__container__number{font-size:15px;}
  #footer__container__info__container__desc__time{padding-left: 0;}
  .d-xl-flex.footer__container__info__container__desc__timetable__container__time{display: flex; justify-content:center;}
  #footer__container__info__container__desc__timetable__title{font-size: 20px; font-weight:bold; color:#1D4FA2 !important}
  .footer__container__info__container__desc__timetable__container__time__title{font-size: 15px; min-width:82px; text-align: left;}
  .footer__container__info__container__desc__timetable__container__time__range{font-size:15px; font-weight: bold;}
}

@media (min-width: 1024px) {
	#sitemap-modal .sitemap-menus .menuBox > ul.depth2-menu { display: block !important}
	/*#main__appointment__index__wrap.map .map_wrap .map_img .map_info .room{display:none;}*/
}

@media (max-width: 1024px) {
	#sitemap-modal{ background-color:rgba(0,0,0,0.3);}
	#sitemap-modal .sitemap-content{ position: absolute; top: 0; right: 0; width:80%; height: 100%; padding: 20px 0; margin: 0; overflow: auto;}
	#sitemap-modal .close-btn{ top: 28px; width:24px; height: 24px;}
	#sitemap-modal .close-btn img{ width:12px;}
	#sitemap-modal .sitemap-title{ font-size:22px; border-bottom-width: 1px;}
	#sitemap-modal .sitemap-menus .menuBox{ display:block; padding: 0;}
	#sitemap-modal .sitemap-menus .menuBox .depth1-menu{ width:100%; height: 58px; padding: 10px 20px; background-image: url("/img/ych/icon_menu_depth1_up.svg"); background-position: center right 20px; background-repeat: no-repeat; background-size: 17px;}
	#sitemap-modal .sitemap-menus .menuBox .depth1-menu.open{ background-image: url("/img/ych/icon_menu_depth1_down.svg");}
	#sitemap-modal .sitemap-menus .menuBox .depth1-menu a{ font-size:18px; font-weight: 600; color: #1D4FA2}
	#sitemap-modal .sitemap-menus .menuBox > ul.depth2-menu{ display: none;}
	#sitemap-modal .sitemap-menus .menuBox > ul.depth2-menu > li{ display: block; margin-right:0; }
	#sitemap-modal .sitemap-menus .menuBox > ul.depth2-menu > li > a{ display: flex; width:100%; height: 58px; font-size: 16px; font-weight: 500; padding-left: 20px; border: none; background-color: #F3F6F8; border-bottom: 1px solid #ddd; color: #333;}
	#sitemap-modal .sitemap-menus .menuBox > ul.depth2-menu > li.has_sub > a{ background-image: url("/img/ych/icon_menu_depth2_down.svg"); background-position: center right 23px; background-repeat: no-repeat; background-size: 11px;}
	#sitemap-modal .sitemap-menus .menuBox > ul.depth2-menu > li.has_sub.open > a{ background-image: url("/img/ych/icon_menu_depth2_up.svg");}
	#sitemap-modal .sitemap-menus .menuBox > ul.depth2-menu > li ul.depth3-menu{ display: none; padding: 0; background-color: transparent;}
	#sitemap-modal .sitemap-menus .menuBox > ul.depth2-menu > li ul.depth3-menu li{ padding: 0 20px; border-bottom: 1px solid #ddd;}
	#sitemap-modal .sitemap-menus .menuBox > ul.depth2-menu > li ul.depth3-menu li a{ display: flex; align-items: center; width: 100%; height: 58px; font-size: 16px; font-weight: normal; color: #555;}
	
	#search-modal .search-content{ padding:60px 20px; box-sizing: border-box;}
	#search-modal .search-content .searchBox{ width:100%; padding: 20px 40px;}
	#search-modal .search-content .searchBox .inputBox{ width:calc(100% - 150px); height: 45px; padding-right:45px;}
	#search-modal .search-content .searchBox .inputBox input{ font-size:14px;}
	#search-modal .search-content .searchBox .inputBox button{ width:45px; height:45px;}
	#search-modal .search-content .searchBox .inputBox button img{ width:20px;}
	
	#main .visualBox .swiper-slide{ height:120vw;}
	#main .visualBox .slide_01 { background-image: url("/img/ych/main_visual/main_visual_mobile_2.jpg"); }
	#main .visualBox .slide_02 { background-image: url("/img/ych/main_visual/main_visual_mobile_3.jpg"); }
	#main .visualBox .slide_03 { background-image: url("/img/ych/main_visual/main_visual_mobile_4.jpg"); }
	#main .visualBox .slide_04 { background-image: url("/img/ych/main_visual/main_visual_mobile_5.jpg"); }
	#main .visualBox .slide_05 { background-image: url("/img/ych/main_visual/main_visual_mobile_7.jpg"); }
	#main .visualBox .slide_06 { background-image: url("/img/ych/main_visual/main_visual_mobile_8.jpg"); }
	#main .visualBox .slide-content,
	#main .visualBox .controls-container{ padding: 0 20px; box-sizing: border-box}
	#main .visualBox .slide-content,	
	#main .visualBox .controls-container,
	#main .contents{ width:100%;}
	#main .contents .main_form{ margin-top:0; border-radius: 0; box-shadow: none;}
	#main .contents .main_form .leftBox .call{ top:20px; right: 20px;}
	#main .contents .main_form .leftBox{ padding:20px;}
	#main .contents .main_form .leftBox,
	#main .contents .main_form .rightBox{ display:block; float:none; width: 100%; border-radius: 0;}
	#main .contents .main_form .rightBox .textBox{ display: block; margin-left:0; margin-top:15px;}
	#main .contents .main_form .rightBox .box_col{ width:100%; font-size: 0;}
	#main .contents .main_form .rightBox .box_col a{ display: inline-block; vertical-align: top; width: 50%;}
	#main .contents .main_form .rightBox .col_01 a{ height:172px;}
	#main .contents .main_form .rightBox .col_01 a .icon{ width:42px; height:42px;}
	#main .contents .main_form .rightBox .col_01 a .icon img{ width:28px;}
	#main .contents .main_form .rightBox .col_02 a{ display:inline-flex; align-items: center; justify-content: center; border-top: 1px solid #fff;}
	#main .contents .main_form .rightBox .col_02 a:last-child{ border-left:1px solid #fff; border-radius: 0}
	#main .contents .searchBox{ display: block; padding: 28px 20px; box-sizing: border-box; background-color: #1D4FA2;}
	#main .contents .searchBox .text{ font-size: 24px; font-weight: bold; color: #fff; margin-bottom: 15px;}
	#main .contents .searchBox .inputBox{ position: relative; width: 100%; height: 48px; border: 1px solid #dadada; box-sizing: border-box; background-color: #fff; padding-right: 48px;}
	#main .contents .searchBox .inputBox input{ display: block; width: 100%; height: 100%; font-size: 14px; color: #111; text-align: left; padding: 0 10px; box-sizing: border-box; background-color: transparent; border: none; outline: none;}
	#main .contents .searchBox .inputBox button{ position: absolute; top: -1px; right: -1px; width: 48px; height: 48px; display: flex; justify-content: center; align-items: center; background-color: #E1C7AE}
	#main .contents .searchBox .inputBox button img{ width:20px;}
	
	#main .department_list{ padding:40px 20px 0;}	
	#main .department_list .btnBox{ top:60px; right: 20px;}
	#main .department_list .swiper-slide{width:160px !important}
	#main .center_list{ padding:80px 20px 0;}
	#main .centerBox .leftBox,
	#main .centerBox .rightBox{ float:none; width:100%;}
	#main .centerBox .rightBox ul li{ float:none; width:100%; height: auto; /*padding: 26px 20px;*/ box-sizing: border-box; margin-left: 0; margin-top: 10px !important}
  #main .centerBox .rightBox ul li>a{padding: 26px 20px;}
	#main .centerBox .rightBox ul li .btn{ display:none}
	#main .centerBox .rightBox ul li .img{ display:none}
	#main .centerBox .rightBox ul li .img.m_only{ display:block !important; right:20px;}
	#main .hospital_news{ padding: 60px 20px 40px; box-sizing: border-box;}
	#main .hospital_news .news_list{ overflow: hidden}
	#main .hospital_news .news_list .swiper-wrapper{ gap:0}
		
	#main__appointment__index__wrap .doctor_list li{ float:none; width:100%; margin-left: 0 !important}
	#main__appointment__index__wrap .doctor_list li:first-child{margin-top:0}
	#main__appointment__index__wrap.admission .visit_list li{ width:calc(50% - 10px); margin-right:20px;}
	#main__appointment__index__wrap.admission .visit_list li:nth-child(3n){ margin-right:20px;}
	#main__appointment__index__wrap.admission .visit_list li:nth-child(even){ margin-right:0}
	
	#main__appointment__index__wrap.non-benefit .subTitle{ background-image: url("/img/ych/icon_swipe.png"); background-position: center right; background-repeat: no-repeat; background-size: 24px;}
	#main__appointment__index__wrap.non-benefit .m_scroll{ width:100%; overflow: auto;}
	#main__appointment__index__wrap.non-benefit table{ width:1240px;}
	
	#main__appointment__index__wrap.admission .exclusion_list{ display:block; padding: 28px;}
	#main__appointment__index__wrap.admission .exclusion_list li{ width:100%; height: auto; margin-bottom: 24px;}
	#main__appointment__index__wrap.admission .exclusion_list li:last-child{ margin-bottom:0}
	#main__appointment__index__wrap.admission .exclusion_list li .icon{ margin-top:0;}
	#main__appointment__index__wrap.admission .room_info{ padding:28px;}
	#main__appointment__index__wrap.admission .room_info li{ display:flex; justify-content: center; align-items: center; gap:10px; width:100%; height: 54px; margin: 0 0 24px; padding:16px;}
	#main__appointment__index__wrap.admission .room_info li:last-child{ margin-bottom:0}
	#main__appointment__index__wrap.admission .room_info li br{ display:none}
	#main__appointment__index__wrap.admission .room_info li .text01{ font-size:16px;}
	#main__appointment__index__wrap.admission .room_info li .text02{ font-size:14px; margin-top:0;}
	
	#main__appointment__index__wrap.issuance .noticeBox2 .icon{ margin-top:5px;}
		
	#main__appointment__index__wrap.mission .mission_title{ width:640px; height: 65px; font-size:24px;}
	#main__appointment__index__wrap.mission .mission_title_desc{ font-size:16px}
	#main__appointment__index__wrap.mission .mission_subTitle{ font-size:30px;}
	#main__appointment__index__wrap.mission .mission_list li{ width:230px; height: 230px;}
	#main__appointment__index__wrap.mission .mission_list li .textBox .text01{ font-size:24px;}
	#main__appointment__index__wrap.mission .mission_list li .textBox .text02{ font-size:16px;}
	#main__appointment__index__wrap.mission .mission_subTitle2_desc{ font-size:24px;}
	#main__appointment__index__wrap.mission .mission_subTitle2{ font-size:40px;}
	#main__appointment__index__wrap.mission .vision_list li{ padding:20px 10px;}
	#main__appointment__index__wrap.mission .vision_list li .circle{ width:60px; height: 60px; font-size:24px;}
	#main__appointment__index__wrap.mission .vision_list li .textBox .text01{ font-size:18px;}
	#main__appointment__index__wrap.mission .vision_list li .textBox .text02{ font-size:14px;}
	#main__appointment__index__wrap.mission .vision_list li .textBox .text03{ font-size:12px;}
	
	#main__appointment__index__wrap.greeting{ padding:0}
	#main__appointment__index__wrap.greeting .main__appointment__index__container{ margin-top:40px;}
	#main__appointment__index__wrap.greeting .greeting_title{ font-size:28px}
	#main__appointment__index__wrap.greeting .greeting_box{ margin-top:60px;}
	#main__appointment__index__wrap.greeting .greeting_box figure{ position:relative; right: auto; bottom: auto; width:100%; padding: 0 20px; box-sizing: border-box;}
	#main__appointment__index__wrap.greeting .greeting_box figure:before{ content: ""; position: absolute; left: 0; bottom: 0; width:100%; height: 130px; border-radius: 60px 0px; background: linear-gradient(265deg, var(--Primary-2, rgba(29, 79, 162, 0.30)) 1.18%, var(--Secondary-1, rgba(225, 199, 174, 0.30)) 92.54%);}
	#main__appointment__index__wrap.greeting .greeting_box figure img.ceo{ width:100%; margin-left: -13px;}
	#main__appointment__index__wrap.greeting .greeting_box figure img.star1{ width:150px; top: -10px;}
	#main__appointment__index__wrap.greeting .greeting_box figure img.star2{ width:100px; bottom: 160px; left: 0;}
	#main__appointment__index__wrap.greeting .greeting_box .textBox{ width:100%; padding: 0; margin-top: 20px;}
	#main__appointment__index__wrap.greeting .greeting_box .textBox .text01{ font-size:20px}
	#main__appointment__index__wrap.greeting .greeting_box .textBox .text02{ font-size:13px; margin-top: 20px}
	#main__appointment__index__wrap.greeting .greeting_box .signBox{ display: block; height: auto; text-align: right; font-size:12px; background: none; margin-top: 20px;}
	#main__appointment__index__wrap.greeting .greeting_box .signBox span{ display: inline-block; vertical-align: middle; font-size:15px; font-weight: bold; margin-bottom: 0;}
	#main__appointment__index__wrap.greeting .greeting_box .signBox img.sign{ width:140px;}
	#main__appointment__index__wrap.greeting .greeting_box .signBox br.m_only{ display:block}
	
	#main__appointment__index__wrap.history{ /*padding:0*/}
	#main__appointment__index__wrap.history .history_visual{ height:240px;}
	#main__appointment__index__wrap.history .history_visual:before{	background: linear-gradient(181deg, rgba(225, 199, 174, 0.50) -9.59%, rgba(8, 39, 117, 0.50) 31.37%, rgba(29, 79, 162, 0.00) 103.63%);}
	#main__appointment__index__wrap.history .history_visual .textBox{ top:40px; transform: none; padding-left: 40px;}
	#main__appointment__index__wrap.history .history_visual .textBox .text01{ font-size:12px}
	#main__appointment__index__wrap.history .history_visual .textBox .text02{ font-size:28px}
	#main__appointment__index__wrap.history .history_list{ padding:0 20px 80px;}
	#main__appointment__index__wrap.history .history_list:before,
	#main__appointment__index__wrap.history .history_list:after{ display:none}
	#main__appointment__index__wrap.history .history_list li .year{ width:90px; font-size:28px;}
	#main__appointment__index__wrap.history .history_list li .month{ width:calc(100% - 90px); padding: 0}
	#main__appointment__index__wrap.history .history_list li .month p{ align-items:flex-start; flex-direction: column; gap:5px; padding-left:0; padding-top:30px; margin-bottom: 30px; font-size:15px;}
	#main__appointment__index__wrap.history .history_list li .month p:before{ top: 6px; left:0;}
	#main__appointment__index__wrap.history .history_list li .month p:after{ top:13px; left:5px;}
	#main__appointment__index__wrap.history .history_list li .month p span{ font-size:16px;}
	
	#main__appointment__index__wrap.safety{ padding-top:20px;}
	#main__appointment__index__wrap.safety .safety_visual{ height:240px; padding-left: 20px;}
	#main__appointment__index__wrap.safety .safety_visual .textBox{ font-size:16px;}
	#main__appointment__index__wrap.safety .logo{ margin-top:40px}
	#main__appointment__index__wrap.safety .logo img{ width:200px;}
	#main__appointment__index__wrap.safety .safety_rules{ width:100%; margin: 50px auto 0;}
	#main__appointment__index__wrap.safety .safety_rules li{ align-items: flex-start; font-size:14px;}
	#main__appointment__index__wrap.safety .safety_rules li span{ width:24px; height: 24px; font-size:14px; flex: none;}
	
	
	#main__appointment__index__wrap .department_list a{width: calc(100% / 4 - 0rem)}
		
}

@media (max-width: 768px) {
	.pc_only{ display:none !important}
	.m_only{ display:block !important}
	#search-modal .search-content{ padding:0; min-width:320px;}
	
	#search-modal .search-content .searchBox{ padding:28px 20px; border-radius: 0; gap:10px}
	#search-modal .search-content .searchBox .text{ display: block; font-size:22px;}
	#search-modal .search-content .searchBox .inputBox{ width:100%;}
	#search-modal .search-content .searchBox .inputBox input{ padding:0 10px;}
	#search-modal .search-content .search-term{margin-top:10px}
	#search-modal .search-content .search-term > a{font-size:12px;}
	.header__breadcrumb__depth__container > .dropdown-menu { top: 52px; height: calc(100vh - 114px);}
	#header__breadcrumb__home,.header__breadcrumb__depth.depth3{display: none;}
	
	#popup_location .popup_main{ width:90%;}
	#popup_location .popup_main .popup_title{ height:55px; font-size:18px;}
	#popup_location .popup_main .popup_title .closeBtn img{ width:20px;}
	#popup_location .popup_main .bottomText{ height:60px; font-size:14px; padding:0 20px;}
	#popup_location .popup_main .bottomText img{ margin-right:5px;}
	
	#main .visualBox .slide-content{ top:50%; transform: none; left: 0; width: 100%; transform: translateY(-50%);text-align: center;}
	#main .visualBox .slide-content .slide-text01{ font-size:30px;}
	#main .visualBox .slide-content .slide-title{ font-size:42px}
	#main .visualBox .slide-content .slide-text02{ font-size:21px; line-height: 1.2; margin-top:10px;}
	#main .visualBox .controls-container{ bottom:20px;}
	#main .contents .main_form .textBox .text01{ font-size:16px;}
	#main .contents .main_form .textBox .text02{ padding-right:40px; line-height: 1.4; margin-top:5px;}
	#main .contents .main_form .leftBox .call{ font-size: 14px}
	#main .contents .main_form .leftBox .call img{ width:14px; margin-right:4px;}
	#main .contents .main_form .leftBox .formBox .inputBox input{ font-size:14px;}
	#main .contents .main_form .leftBox .formBox .form_btn{ font-size:14px;}
	#main .contents .main_form .rightBox .col_01 a{ height:155px;}
	#main .contents .main_form .rightBox .col_01 a .arrow{ bottom:20px; width:18px;}
	#main .contents .main_form .rightBox .col_02 a{ font-size:16px; height: 64px;}
	#main .contents .main_form .rightBox .col_02 a img{ height:18px; margin-right:5px;}
	#main .contents .searchBox .text{ font-size:16px;}
	
	#main .title{ font-size:24px;}
	#main .department_list .btnBox{ top:42px;}
	#main .department_list .btnBox button{ display:none}
	#main .department_list .btnBox .btn{ width:105px; height:30px; line-height: 30px; font-size:12px; font-weight: normal;}
	#main .department_list .swiper-container{ margin-top:40px;}
	#main .department_list .swiper-slide{width:140px !important;}
	#main .department_list .swiper-slide p{ font-size:14px;}
	#main .centerBox{ margin-top:20px;}
	#main .centerBox .leftBox{ padding:30px 20px;}
	#main .centerBox .textBox .text01{ font-size:18px;}
	#main .centerBox .textBox .text02{ font-size:14px;}
	#main .centerBox .leftBox ul{ margin-top:30px;}
	#main .centerBox .leftBox ul li{ font-size:15px;}
	#main .centerBox .leftBox ul li img{ width:16px;}
	#main .centerBox .rightBox ul li .img{ height:70%;}
	#main .hospital_news{ padding:40px 20px}
	#main .hospital_news .tabBox li{ width:65px; height:30px; font-size:12px; margin-right:2px;}
	#main .hospital_news .tabBox .plusBtn img{ width:30px;}
	#main .hospital_news .news_list{ margin-top:20px;}
	#main .hospital_news .news_list .swiper-slide{ height: 180px; padding:20px;}
	#main .hospital_news .news_list .swiper-slide .subject{ font-size:14px; -webkit-line-clamp: 1;}
	#main .hospital_news .news_list .swiper-slide .substance{ font-size:13px; margin-top:5px;}
	#main .hospital_news .news_list .swiper-slide .date{ bottom:25px; left:20px; font-size:12px;}
	#main .hospital_news .news_list .swiper-slide .cate{ right: 20px; bottom: 20px; line-height: 24px; font-size: 11px; padding: 0 12px;}
	
	#pageBox{ margin-top: 30px;}
	main{ padding-bottom:40px;}
	#main__appointment__index{padding:0 20px;}
	#main__appointment__index .main_tabBox{ padding: 0 0 20px}
	#main__appointment__index__timetable th,
	#main__appointment__index__timetable td{ font-size:14px; padding: 12px;}
	//#main__appointment__index__wrap{ padding:0; }
	#main__appointment__index__wrap .main__appointment__subtitle{ font-weight:bold}
	#main__appointment__index__wrap .search_wrap{ padding:28px 16px;}
	#main__appointment__index__wrap .search_wrap .text{ font-size:14px; color: #111;}
	#main__appointment__index__wrap .search_wrap .searchBox{ display:block}
	#main__appointment__index__wrap .search_wrap .searchBox .selectBox{ width:100%; height: 48px; margin-right: 0; margin-bottom: 10px;}
	#main__appointment__index__wrap .search_wrap .searchBox .inputBox{ width:100%; height: 48px; padding-right: 48px;}
	#main__appointment__index__wrap .search_wrap .searchBox .inputBox button{ width:48px; height: 48px;}
	#main__appointment__index__wrap .search_wrap .searchBox .inputBox button img{ width:18px;}
	#main__appointment__index__wrap .search_wrap .searchBox .selectBox select,
	#main__appointment__index__wrap .search_wrap .searchBox .inputBox input{ font-size:14px;}
	#main__appointment__index__wrap .search_wrap .searchBox2{ padding:10px 0 0}
	#main__appointment__index__wrap .search_wrap .searchBox2 p{ display:none;}
	#main__appointment__index__wrap .search_wrap .searchBox2 .btnBox{ text-align: center;}
	#main__appointment__index__wrap .search_wrap .searchBox2 .btnBox a{ width:40px; height: 40px; margin: 4px; font-size:14px;}
	#main__appointment__index__wrap .search_wrap .searchBox2 .btnBox a.all{ width:68px}
	#main__appointment__index__wrap .department_list{ gap:0;}
	#main__appointment__index__wrap .department_list a{ width:calc(100% / 3 ); height: 31vw; margin-right: 0; margin-bottom: 0;}
	#main__appointment__index__wrap .department_list a:nth-of-type(3n){ margin-right:0;}
	#main__appointment__index__wrap .department_list a img{ width:50%;}
	#main__appointment__index__wrap .department_list a p{ font-size:14px;}
	#main__appointment__index__wrap .main__appointment__index__container .location_btn{ top: -3px; width: 77px; height: 40px; font-size: 14px; }
	#main__appointment__index__wrap .main__appointment__index__container .main__appointment__index__container__desc__text{ margin-top:25px;}
	#main__appointment__index__wrap .doctor_list li .imgBox{ width:50%; height:auto; /*width:131px; height: 139px;*/min-width:160px; min-height:160px}
	#main__appointment__index__wrap .doctor_list li .infoBox{ width: calc(100% - 131px); height:auto; /*139px;*/ padding: 12px 8px 8px;}
	/*#main__appointment__index__wrap .doctor_list li .infoBox .name{font-size:15px;}*/
	#main__appointment__index__wrap .doctor_list li .infoBox .name span{ font-size:12px;}
	#main__appointment__index__wrap .doctor_list li .infoBox .desc,
	#main__appointment__index__wrap .doctor_list li .infoBox .date{ /*font-size:10px;*/ margin-top: 5px;}
	#main__appointment__index__wrap .doctor_list li .infoBox .date img{ width:10px;}
	/*#main__appointment__index__wrap .doctor_list li .infoBox .btnBox{margin-top:15px;}
	#main__appointment__index__wrap .doctor_list li .infoBox .btnBox a{ height:30px; font-size: 11px;}*/
	#main__appointment__index__wrap .treatments_list li{ padding:20px;}
	#main__appointment__index__wrap .treatments_list li .treatments_title{ font-size:20px;}
	#main__appointment__index__wrap .treatments_list li .treatments_desc{ font-size:14px;}
	#main__appointment__index__wrap .treatments_list li .treatments_desc p{ font-weight:600; padding-left:18px;}
	#main__appointment__index__wrap .treatments_list li .treatments_desc p:before{ top:9px; left: 8px; width:3px; height: 3px;}
	#main__appointment__index__wrap .doctor_info .imgBox .btnBox{ bottom:10px; right:12px;}
	#main__appointment__index__wrap .doctor_info .textBox .titleBox .reserveBtn{ position: static; width: 100%;}
  #main__appointment__index__wrap .doctor_info .textBox .dateBox p{font-size:16px; height: 32px;}
	#main__appointment__index__wrap .doctor_info .textBox .dateBox .text{ display:block; margin-left: 0; margin-top:10px;}
	#main__appointment__index__wrap .doctor_info .textBox .cateBox .cate_list p{ margin-top:5px; padding: 0 12px; font-size:14px;}
	#main__appointment__index__wrap .doctor_info .textBox .scheduleBox .legend{ position:static; margin-top: 10px; justify-content: right;}
	#main__appointment__index__wrap .doctor_career .career_contents{ display:block; min-height: 0; height: 600px; overflow: auto;}
	#main__appointment__index__wrap .doctor_career .career_contents .listBox{ width:100%; border: none !important; padding: 12px 16px;}
	
	#main__appointment__index__contact__desc__text{ font-size:15px;}
	#main__appointment__index__contact__desc__text .text02{ font-size:16px;}
	#main__appointment__index__contact__desc__text .text03{ font-size:14px; letter-spacing: -0.03em;}
	#main__appointment__index__contact__desc__text .text03 span{ width:20px; height: 20px; font-size:12px;}
	#main__appointment__index__wrap.parking .main__appointment__index__container{ margin-top:30px;}
	#main__appointment__index__wrap.parking .main__appointment__index__container .mapBox{ height:650px; margin-top:10px;}
	#main__appointment__index__wrap.parking .main__appointment__index__container .mapBox img{ height:100%; object-fit: cover; object-position: center;}
	#main__appointment__index__wrap.parking .main__appointment__index__container .parking_info{ display:block; overflow: hidden; margin: 10px 0 20px;}
	#main__appointment__index__wrap.parking .main__appointment__index__container .parking_info:after{ content:""; display: block; clear: both;}
	#main__appointment__index__wrap.parking .main__appointment__index__container .parking_info li{ float: left; width:calc(50% - 10px); height: 200px; border-radius: 3px; margin-top: 20px;}
	#main__appointment__index__wrap.parking .main__appointment__index__container .parking_info li:nth-child(even){ margin-left:20px;}
	#main__appointment__index__wrap.parking .main__appointment__index__container .parking_info li .circle{ width:100px; height: 100px; font-size:20px;}
	#main__appointment__index__wrap.parking .main__appointment__index__container .parking_info li p{ font-size:16px;}
	#main__appointment__index__wrap .main__appointment__index__container .subTitle{ font-size:18px; margin-bottom:10px;}
	#main__appointment__index__wrap.parking .main__appointment__index__container .noticeBox{ padding:28px 20px; margin-top:30px;}
	#main__appointment__index__wrap.parking .main__appointment__index__container .noticeBox li{ font-size:14px; align-items: baseline; letter-spacing: -0.03em;}
	#main__appointment__index__wrap.parking .main__appointment__index__container .noticeBox li span{ width:20px; height: 20px; font-size:12px; flex: none;}
	#main__appointment__index__wrap.map .map_wrap .map_aside .tabBox a{ height: 49px; font-size:14px;}
	#main__appointment__index__wrap.map .map_wrap .map_aside .map_info .floor li{ height:42px; font-size:15px;}
	#main__appointment__index__wrap.map .map_wrap .map_img{ margin-top:28px;}
	#main__appointment__index__wrap.map .map_wrap .map_img .map_img_info li .floor{ height:43px; font-size:28px;}
	#main__appointment__index__wrap.map .map_wrap .map_img .map_img_info li .floor span{ font-size:18px;}
	#main__appointment__index__wrap.map .map_wrap .map_img .map_img_info li figure{ width:100%; height:90vw; border-bottom: 1px solid #ccc;}
	#main__appointment__index__wrap.map .map_wrap .map_img .map_info .room li{ padding:8px 0;}
	#main__appointment__index__wrap.map .map_wrap .map_img .map_info .room li p{ font-size:15px}
	#main__appointment__index__wrap.map .map_wrap .map_img .map_info .room li p span{ margin-right:5px; margin-top:0px}
	#main__appointment__index__wrap.map .map_wrap .map_img .map_legend{ display: block; height:auto; padding:8px; overflow: hidden;}
	#main__appointment__index__wrap.map .map_wrap .map_img .map_legend:after{ content:""; display: block; clear: both;}
	#main__appointment__index__wrap.map .map_wrap .map_img .map_legend p{ float:left; width:33.33%; font-size: 14px; justify-content: flex-start; margin: 4px 0;}
	#main__appointment__index__wrap.map .map_wrap .map_img .map_legend p img{ width:22px;}
	#main__appointment__index__wrap .tableBox table.tb01 th,
	#main__appointment__index__wrap .tableBox table.tb01 td{ font-size:14px; padding: 12px 8px;}
	#main__appointment__index__wrap .noticeBox{ padding:20px}
	#main__appointment__index__wrap .noticeBox li{ font-size:15px; align-items: baseline;}
	#main__appointment__index__wrap .noticeBox li span{ flex:none; font-size:12px;}
	#main__appointment__index__wrap .noticeBox2 { display: block; align-items: baseline; margin-bottom: 40px; font-size:15px;}
	#main__appointment__index__wrap .noticeBox2 span{ flex:none; }
	#main__appointment__index__wrap .noticeBox2 .text{}
	#main__appointment__index__wrap .noticeBox2 .text p{ font-size:15px; line-height: 1.4; margin-top: 10px; padding-left:10px;}
	#main__appointment__index__wrap .noticeBox2 .text p:before{ top: 8px;}
	#main__appointment__index__wrap .noticeBox2.noDisc .text{ padding-left:0}
	#main__appointment__index__wrap .noticeBox2.align_items_center{ display: flex; align-items: center;}
	#main__appointment__index__wrap .text_normal{ font-size:15px;}
	#main__appointment__index__wrap .text_normal2{ font-size:15px;}
	#main__appointment__index__wrap .disc_text li{ font-size:15px; padding-left:10px;}
	#main__appointment__index__wrap .disc_text li:before{ top:8px;}
	#main__appointment__index__wrap .box_normal{ padding:20px; margin-bottom:20px;}
	#main__appointment__index__wrap .bottomBtn{ margin-top:40px;}
	#main__appointment__index__wrap .bottomBtn a{ width:174px; height: 60px; font-size:14px;}
	#main__appointment__index__wrap .mb-50{ margin-bottom:30px;}
	#main__appointment__index__wrap .mb-100{ margin-bottom:50px;}
	#main__appointment__index__wrap.outpatient{ padding: 20px 0;}
	#main__appointment__index__wrap.outpatient .process{ margin-top:10px;}
	#main__appointment__index__wrap.outpatient .process li .circleBox{ width:100%;}
	#main__appointment__index__wrap.outpatient .process li .circleBox .circle{ font-size:15px;}
	#main__appointment__index__wrap.outpatient .process li .process_box{ width:100%; height: 120px; padding:16px 28px; border-radius: 10px;}
	#main__appointment__index__wrap.outpatient .process li .process_box .text01,
	#main__appointment__index__wrap.outpatient .process li .process_box .text02{ font-size:15px;}
	#main__appointment__index__wrap.outpatient .process li .process_box .icon{ right: 20px; width:40px;}
	#main__appointment__index__wrap.outpatient .process li .process_box .reserveBtn{ width:120px; height: 23px; font-size:11px; line-height: 1;}
	#main__appointment__index__wrap.outpatient .process li .process_box .reserveBtn img{ width:10px;}
	#main__appointment__index__wrap.outpatient .noticeBox2{ font-size:13px; margin-bottom: 40px;}
	#main__appointment__index__wrap.outpatient .noticeBox2 br{ display:none}
	#main__appointment__index__wrap.outpatient .noticeBox2 span{ flex: none; width:18px; height: 18px;}
	#main__appointment__index__wrap.outpatient .noticeBox{ margin-bottom:40px;}
	#main__appointment__index__wrap.outpatient .noticeBox li{ align-items: baseline; font-size:15px;}
	#main__appointment__index__wrap.outpatient .noticeBox li span{flex:none}	
	#main__appointment__index__wrap.emergency{padding: 20px 0}
	#main__appointment__index__wrap.emergency .process{display:block}
	#main__appointment__index__wrap.emergency .process li{position: relative; width:100%; height: 100px; padding: 16px 16px 16px 80px; margin-bottom: 8px}
	#main__appointment__index__wrap.emergency .process li .icon{position:absolute; top: 50%; transform: translateY(-50%); left: 20px}
	#main__appointment__index__wrap.emergency .process li .text01{font-size:16px; margin-top:0}
	#main__appointment__index__wrap.emergency .process li .text02{font-size:13px}
	#main__appointment__index__wrap.emergency #main__appointment__index__timetable .m_only{display:table-row !important}
	#main__appointment__index__wrap.emergency #main__appointment__index__timetable th{font-weight:bold}
	#main__appointment__index__wrap.emergency #main__appointment__index__timetable th:nth-of-type(1),	#main__appointment__index__wrap.emergency #main__appointment__index__timetable thead th:nth-of-type(2),	#main__appointment__index__wrap.emergency #main__appointment__index__timetable td:nth-of-type(1),	#main__appointment__index__wrap.emergency #main__appointment__index__timetable td.border_left_none + td{border-left:none !important}
	#main__appointment__index__wrap.proxy{padding: 20px 0}
	#main__appointment__index__wrap.proxy .form_files{display:block}
	#main__appointment__index__wrap.proxy .form_files li{width:100%; height: 76px; padding: 16px; margin-bottom: 20px}
	#main__appointment__index__wrap.proxy .form_files li .icon{width:32px; margin-right: 5px}
	#main__appointment__index__wrap.proxy .form_files li .text{font-size:14px; letter-spacing: -0.03em}
	#main__appointment__index__wrap.proxy .form_files li .downBtn{right: 16px; width:75px; height: 40px; font-size:13px}
	#main__appointment__index__wrap.admission{padding: 20px 0}
	#main__appointment__index__wrap.admission .noticeBox2{display:flex}
	#main__appointment__index__wrap.admission .visit_list li{float: none; width:100%; height: 57px; margin-bottom: 16px; margin-right: 0 !important; align-items: center; padding: 16px; font-size:15px; letter-spacing: -0.05em}
	#main__appointment__index__wrap.admission .visit_list li .icon{margin-right:5px; margin-top:0}
	#main__appointment__index__wrap.admission .visit_list li br{display:none}
	#main__appointment__index__wrap.admission .noticeBox2.noBox{align-items: flex-start}
	#main__appointment__index__wrap.admission .noticeBox2.noBox .icon{margin-top:0}
	#main__appointment__index__wrap.admission .passBox{gap:20px}
	#main__appointment__index__wrap.admission .passBox .textBox div{font-size:13px; gap:0}
	#main__appointment__index__wrap.admission .passBox .textBox div b{width:60px; font-size:15px}
	#main__appointment__index__wrap.non-benefit{padding: 20px 0}
	#main__appointment__index__wrap.non-benefit .search_wrap .searchBox .inputBox{width:100%}
	#main__appointment__index__wrap.non-benefit .tbBox{margin-bottom:50px}
	#main__appointment__index__wrap.non-benefit table{width:800px}
	#main__appointment__index__wrap.non-benefit table th{font-size:12px; height: 30px; padding: 5px} 
	#main__appointment__index__wrap.non-benefit table td{font-size:11px; height: 30px; padding: 5px}
	#main__appointment__index__wrap.non-benefit table th font{font-size:11px}
	#main__appointment__index__wrap.admission2 #main__appointment__index__contact__desc__info{display: flex; align-items: center; gap:5px}
	#main__appointment__index__wrap.issuance{padding:0}
	#main__appointment__index__wrap.issuance .applicant_list li .cate{width:60px; font-size:15px}
	#main__appointment__index__wrap.issuance .applicant_list li .text{font-size:15px}
	#main__appointment__index__wrap.mission{padding:0}
	#main__appointment__index__wrap.mission .main__appointment__index__container{margin-top:40px;}
	#main__appointment__index__wrap.mission .mission_title{ width:100%; height: 80px; font-size:20px; padding: 12px; text-align: center;}
	#main__appointment__index__wrap.mission .mission_title_desc{ font-size:14px; margin-top: 30px; margin-bottom: 40px;}
	#main__appointment__index__wrap.mission .mission_subTitle{ font-size:20px; margin-top: 50px;}
	#main__appointment__index__wrap.mission .mission_list li{ display: flex; width:260px; height: 260px; margin: 0 auto;}
	#main__appointment__index__wrap.mission .mission_list li:nth-child(2){ margin-left: auto; margin-right: auto; margin-top: -40px; margin-bottom: -40px;}
	#main__appointment__index__wrap.mission .mission_list li .textBox .text01{ font-size:20px;}
	#main__appointment__index__wrap.mission .mission_list li .textBox .text02{ font-size:15px;}
	#main__appointment__index__wrap.mission .mission_subTitle2_desc{ font-size:22px;}
	#main__appointment__index__wrap.mission .mission_subTitle2{ font-size:28px;}
	#main__appointment__index__wrap.mission .vision_list{ display:block;}
	#main__appointment__index__wrap.mission .vision_list li{ width:100%; padding:20px; margin-bottom: 10px; box-shadow: none; font-size:0}
	#main__appointment__index__wrap.mission .vision_list li .circle{ display: inline-flex; vertical-align: middle; width: 82px; height: 82px; font-size:28px;}
	#main__appointment__index__wrap.mission .vision_list li .textBox{ display: inline-block; vertical-align: middle; width: calc(100% - 82px); padding-left: 16px; box-sizing: border-box; text-align: left; margin-top: 0}
	#main__appointment__index__wrap.mission .vision_list li .textBox .text01{ font-size:24px;}
	#main__appointment__index__wrap.mission .vision_list li .textBox .text02{ font-size:15px; margin-top: 5px;}
	#main__appointment__index__wrap.mission .vision_list li .textBox .text03{ margin-top: 5px}
	#main__appointment__index__wrap.privacy .main__appointment__index__container{ margin-top:20px !important}
	#main__appointment__index__wrap.privacy .privacy_titleBox{ padding:28px; margin-bottom: 35px;}
	#main__appointment__index__wrap.privacy .privacy_titleBox .subTitle{ font-size:20px;}
	#main__appointment__index__wrap.privacy .privacy_titleBox .text{ font-size:13px;}
	#main__appointment__index__wrap.privacy .privacy_cate_list{ padding:12px;}
	#main__appointment__index__wrap.privacy .privacy_cate_list li{ float:none; width:100%; height: 56px; margin-top: 10px; padding: 16px; font-size:13px;}
	#main__appointment__index__wrap.privacy .privacy_cate_list li:nth-child(even){ margin-left: 0; margin-top: 10px}
	#main__appointment__index__wrap.privacy .privacy_save_list li{ float:none; width: 100%; height: 90px; padding: 20px; margin-left: 0 !important; margin-top: 10px !important;}
	#main__appointment__index__wrap.privacy .privacy_save_list li .text01{ font-size:15px;}
	#main__appointment__index__wrap.privacy .privacy_save_list li .text02{ font-size:13px;}
	#main__appointment__index__wrap.privacy .privacy_title{ font-size:20px;}
	#main__appointment__index__wrap.privacy .disc_text li{ font-size:13px;}
	#main__appointment__index__wrap.privacy .disc_text li:before{ top:7px;}
	#main__appointment__index__wrap.privacy .text_normal{ font-size:13px; margin-bottom: 20px}
	#main__appointment__index__wrap.privacy table td{ font-size:12px;}
	#main__appointment__index__wrap.privacy .noticeBox2{ display:flex; padding:16px;}
	#main__appointment__index__wrap.privacy .noticeBox2 .text p{ font-size:13px;}
	#main__appointment__index__wrap.privacy .noticeBox2 span{ width:18px; height: 18px;}
	#main__appointment__index__wrap.privacy .number_list li{ font-size:13px;}
	#main__appointment__index__wrap.privacy .number_list li span{ margin-top:0}
	#main__appointment__index__wrap.privacy .subTitle{ font-size:14px;}
}

@media(max-width:550px){
  #main__appointment__index__wrap .doctor_info .imgBox{height:auto;}
  #main .contents .main_form .rightBox .box_col{display:flex; flex-direction:column;}
  #main .contents .main_form .rightBox .col_01 a{width:100%}
  #main .contents .main_form .rightBox .box_col a{width:100%;}

  }

@media(max-width:480px){
  .tap-51{height:21px}
  .tap-51 br{display: block;}
  #main__appointment__index__wrap.issuance{margin-top: 20px;}
  .main__appointment__title__container span{text-align: center;}
	/*의료진*/
  #main__appointment__index__wrap .doctor_list li{display:flex; flex-direction:column;}
  #main__appointment__index__wrap .doctor_list li .imgBox{width:100%;}
  #main__appointment__index__wrap .doctor_list li .infoBox{width:100%}
	#main__appointment__index__wrap .doctor_list li .infoBox .name{font-size:22px;}
	#main__appointment__index__wrap .doctor_list li .infoBox .desc{font-size:12px; -webkit-line-clamp:1}
	#main__appointment__index__wrap .doctor_list li .infoBox .btnBox a{height:40px; font-size: 13px}
	//#main__appointment__index__wrap .doctor_list li {height:157px;}

  /*원내위치안내*/
  #main__appointment__index__wrap.map .map_wrap .map_img .map_legend{display:flex; flex-direction:column; align-items: flex-start;}
  #main__appointment__index__wrap.map .map_wrap .map_img .map_legend p{width:100%}
  #main__appointment__index__wrap.parking .main__appointment__index__container .parking_info{display:flex; flex-direction: column; width: 100%; gap:1rem}
  #main__appointment__index__wrap.parking .main__appointment__index__container .parking_info li{margin:0 !important; width:100%;}

  /*footer*/
  div#footer__container__nav__container__link{display:flex; flex-direction: column; gap:1rem;}
  .ych__btn.ych__btn--footer-naver-link-mobile{width:100%; text-align: center;}
  div#footer__container__info__container__desc > div{display:flex; flex-direction:column; gap:0rem;}
  div#footer__container__info__container__desc > div > div{width:100%; text-align:center; padding:10px; border-bottom:1px solid #ddd}
  div#footer__container__info__container__desc > div > div:last-child{margin-top: 10px; padding-bottom:20px;}
  div#footer__container__info__container__desc .flex-direction-column{width:100%;}
  div#footer__container__info__container__desc__contact__detail{width:100%; display:flex; flex-direction:column; align-items: center;}
  div#footer__container__info__container__desc__time{padding-left:0; border-left:0; }
  div#footer__container__info__container__desc__timetable__container{display:flex; flex-direction:column; align-items:center; gap:4px}
  .d-xl-flex.footer__container__info__container__desc__timetable__container__time{display:flex; flex-direction: row;}
  
  
}

@media(max-width:390px){
  #main{min-width: 260px}
  #main .visualBox .slide-content .slide-text01{font-size:20px; }
  #main .visualBox .slide-content .slide-title{font-size:26px;}
  #main .hospital_news{position:relative}
  #main .hospital_news .tabBox{margin:0}
  #main .hospital_news .tabBox li{display:none;}
  #main .hospital_news .tabBox .plusBtn{position: absolute; top:40px; right:20px;}
	#main__appointment__index__wrap .department_list a{width:calc(100% / 2 ); height:42vw; min-height: 150px; margin-right:0; margin-bottom:0}

  /*미션비전*/
  #main__appointment__index__wrap.mission .mission_title{font-size:15px;}
  #main__appointment__index__wrap.mission .mission_list li{width:220px; height:220px;}
  #main__appointment__index__wrap.mission .vision_list li{display:flex; flex-direction: column; align-items: center;}
  #main__appointment__index__wrap.mission .vision_list li .textBox{width:100%; text-align: center; padding:0}

  /*연혁*/
  #main__appointment__index__wrap.history .history_list{padding:0}
  #main__appointment__index__wrap.history .history_list li{display:flex; flex-direction: column;}
  #main__appointment__index__wrap.history .history_list li .month{width: 100%;}

  /*퀵메뉴*/
  .quick_menu ul li.bt4 a{display:flex; gap:4px}
  .quick_menu ul li a{font-size:12px;}
  .quick_menu ul li.btn6_tel em{font-size:14px;}


}