: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{-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;} 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;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:1474px){ #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%;} } @media(max-width:1200px){#search-modal{top:55px !important;} #top_btn{bottom:90px;} } /* 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;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__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;} /* 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; text-align:left;} #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{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;} /* 숨김 처리 및 레이아웃 */ #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__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.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 .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} } @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 .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 .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;min-width:160px;min-height:160px} #main__appointment__index__wrap .doctor_list li .infoBox{width:calc(100% - 131px);height:auto;padding:12px 8px 8px;} #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{margin-top:5px;} #main__appointment__index__wrap .doctor_list li .infoBox .date img{width:10px;} #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.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;} }