@charset "utf-8";

#footer { height: 660px; background: #2e2e2e; color: #fff; } 
#footer .index-row { height: 660px; } 
#footer .layout-centered { width: 1236px; margin: 0 auto; position:relative;} 
#footer .layout-centered .snsBox{display:inline-flex; align-items:center; position:absolute; top:-15px; right:0;}
#footer .layout-centered .snsBox a{display:inline-flex; justify-content:center; align-items:center;}
#footer .layout-centered .snsBox a + a{margin-left:10px;}
#footer .footer-top { padding-top: 65px; } 
#footer .footer-top .left-con { width: 50%; float: left; } 
#footer .footer-top .left-con .row { margin-bottom: 45px; } 
#footer .footer-top .left-con .call-tit { padding-left: 55px; background: url("/images/index_footer_ico_1.png") no-repeat left center; height: 32px; display: inline-block; font-size: 18px; font-weight: bold; line-height: 32px; margin-right: 100px; } 
#footer .footer-top .left-con .call-con { color: #aa1c3c; font-size: 30px; font-weight: bold; line-height: 32px; } 
#footer .footer-top .left-con .kakao-tit { padding-left: 55px; background: url(/images/index_footer_ico_2.png) no-repeat left center; height: 32px; display: inline-block; font-size: 18px; font-weight: bold; line-height: 32px; margin-right: 100px; } 
#footer .footer-top .left-con .kakao-con { color: #b1b1b1; font-size: 18px; display: inline-block; height: 32px; line-height: 32px; } 
#footer .footer-top .left-con .kakao-con em { color: #fff; } 
#footer .footer-top .left-con .time-tit { padding-left: 55px; background: url(/images/index_footer_ico_3.png) no-repeat left center; height: 32px; display: inline-block; font-size: 18px; font-weight: bold; line-height: 32px; margin-right: 100px; float: left; } 
#footer .footer-top .left-con .time-con { float: left; color: #b1b1b1; font-size: 18px; } 
#footer .footer-top .left-con .time-con .yoil { width: 105px; display: inline-block; } 
#footer .footer-top .left-con .time-con .holiday { font-size: 15px; display: inline-block; margin-top: 5px; } 
#footer .footer-top .right-con { width: 50%; float: left; border-left: 1px solid #454545; padding-left: 31px; padding-bottom: 39px; } 
#footer .footer-top .right-con .map { width: 536px; height: 271px; background: #a4a4a4; text-align: center; line-height: 271px; font-size: 50px; } 
#footer .footer-bottom { border-top: 1px solid #454545; color: #b1b1b1; padding-top: 35px; } 
#footer .footer-bottom .footer-sitemap-link a { color: #b1b1b1; transition: color 0.3s; font-size: 15px; display: inline-block; margin-right: 50px; } 
#footer .footer-bottom .footer-sitemap-link a:hover { color: #fff; } 
#footer .footer-bottom .hospital-infos { margin-top: 20px; } 
#footer .footer-bottom .hospital-infos span { margin-bottom: 8px; display: inline-block; } 
#footer .footer-bottom .hospital-infos .chief,
#footer .footer-bottom .hospital-infos .hos-code { padding-right: 40px; position: relative; } 
#footer .footer-bottom .hospital-infos .chief:after,
#footer .footer-bottom .hospital-infos .hos-code:after { content: ""; position: absolute; top: 5px; right: 20px; width: 2px; height: 10px; background-color: #b1b1b1; } 
#footer .footer-bottom .hospital-infos span.copy { font-weight: bold; } 
#hos-map-markers { display: block; background: #50627F; color: #fff; text-align: center; height: 24px; line-height: 22px; padding: 0px 10px; font-size: 14px; width: 155px; } 

/* bottom-fixed-cta */
.bottom-fixed-cta .shadow { z-index: 8000; position: fixed; display: none; } 
.bottom-fixed-cta .cta-navi-bar { position: fixed; bottom: 79px; right: 30px; width: 95px; height: 95px; text-align: center; background: #900020; border-radius: 500px; overflow: hidden; transition: height 0.6s ease; z-index: 9000; } 
.bottom-fixed-cta .cta-navi-bar.active { height: 380px; } 
.bottom-fixed-cta .toggles { width: 95px; height: 95px; display: flex; align-items: center; justify-content: center; cursor: pointer; } 
.bottom-fixed-cta .toggles .ico { width: 56px; height: 56px; background: url("/images/ico_bottom_cta_01.png") no-repeat center; cursor: pointer; display: inline-block; transition: background 0.6s ease; } 
.bottom-fixed-cta .toggles.active .ico { background: url("/images/ico_bottom_cta_close_01.png") no-repeat center; } 
.bottom-fixed-cta .navi-btns { color: #fff; } 
.bottom-fixed-cta .accordion-wrapper .navi-btns { display: inline-block; margin-bottom: 14px; cursor: pointer; } 
.bottom-fixed-cta .accordion-wrapper .navi-btns .navi-btns-icons { margin: 0 auto; border-radius: 50%; width: 52px; height: 52px; object-fit: none; transition: all .4s ease; background: transparent; transform: translateY(0px); } 
.bottom-fixed-cta .accordion-wrapper .navi-btns:hover .navi-btns-icons { background: #a6334d; transform: translateY(-5px); } 

.bottom-fixed-cta .action-btns .txts { font-size: 15px; cursor: pointer; } 
.bottom-fixed-cta .action-btns-2 { background: url("/images/ico_bottom_cta_04.png") no-repeat 80% top; } 

.cta-container-box { position: fixed; right: 0; top: 0; width: 1494px; height: 100%; z-index: 9100; transform: translateX(1500px); transition: transform 0.6s ease; } 
.cta-container-box.on { transform: translateX(0px); } 
.cta-container-box .cta-tab-menu-wrapper { height: 100vh; float: right; position: relative; min-width: 120px; background: #900020; width: 200px; margin-left: 75px; } 
.cta-container-box .cta-tab-menu { position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; display: inline-block; text-align: center; } 
.cta-container-box .cta-tab-menu .tab-menu-el { margin-bottom: 6.8303vh; } 
.cta-container-box .cta-tab-menu .tab-menu-el .texts { font-size: 15px; color: #fff; cursor: pointer; padding-top: 75px; display: inline-block; transition: background 0.2s ease; min-width: 75px; } 
.cta-container-box .cta-tab-menu .onlineReserve { background: url("/images/cta_widget_01_off.png") no-repeat center top; } 
.cta-container-box .cta-tab-menu .onlineReserve:hover,
.cta-container-box .cta-tab-menu .onlineReserve.active { background: url("/images/cta_widget_01_on.png") no-repeat center top; } 
.cta-container-box .cta-tab-menu .consultCost { background: url("/images/cta_widget_02_off.png") no-repeat center top; } 
.cta-container-box .cta-tab-menu .kakao-link { background: url("/images/cta_widget_03_off.png") no-repeat center top; } 
.cta-container-box .cta-tab-menu .way-link { background: url("/images/cta_widget_04_off.png") no-repeat center top; } 
.cta-container-box .cta-tab-menu .consultCost:hover,
.cta-container-box .cta-tab-menu .consultCost.active { background: url("/images/cta_widget_02_on.png") no-repeat center top; } 
.cta-container-box .cta-tab-menu .kakao-link:hover,
.cta-container-box .cta-tab-menu .kakao-link.active { background: url("/images/cta_widget_03_on.png") no-repeat center top; } 
.cta-container-box .cta-tab-menu .way-link:hover,
.cta-container-box .cta-tab-menu .way-link.active { background: url("/images/cta_widget_04_on.png") no-repeat center top; } 

.cta-container-box .cta-input-wrap { float: right; width: calc(100% - 275px); height: 100%; background: #fff; position: relative; } 
.cta-container-box .cta-input-wrap > section { position: absolute; left: 112px; top: 51px; width: 1063px; overflow-y: auto; height: calc(100% - 80px); display: none; } 
.cta-container-box .cta-input-wrap .row { margin-bottom: 43px; } 
.cta-container-box .cta-input-wrap .checkbox-row { line-height: 23.2px; } 
.cta-container-box .cta-input-wrap .half-row { margin-bottom: 43px; float: left; width: 478px; margin-right: 27px; } 
.cta-container-box .cta-input-wrap .cta-tit { text-align: center; line-height: 1; font-size: 28px; font-weight: 500; margin-bottom: 53px; letter-spacing: -1px; } 
.cta-container-box .cta-input-wrap .form-wrap { width: calc(100% - 61px); padding: 10px 0; } 
.cta-container-box .cta-input-wrap .cta-common-txts { display: block; font-size: 17px; letter-spacing: -0.5px; font-weight: bold; line-height: 1; margin-bottom: 16px; } 
.cta-container-box .cta-input-wrap .cta-common-box-1 { width: 100%; height: 60px; border: 1px solid #dadada; display: inline-block; padding: 0 14px; font-size: 17px; outline: 0; } 
.cta-container-box .cta-input-wrap .cta-common-box-1::placeholder { color: #999; } 
.cta-container-box .cta-input-wrap .form-tab { text-align: center; line-height: 60px; font-size: 17px; color: #999; cursor: pointer; float: left; padding: 0; margin-right: 27px; } 
.cta-container-box .cta-input-wrap .form-tab.active { background: #900020; color: #fff; border: 1px solid #900020; font-weight: bold; } 
.cta-container-box .cta-input-wrap select.cta-common-box-1 { color: #999; appearance: none; -webkit-appearance: none; background: url("/images/common_select_arrow.png") no-repeat 97%; } 
.cta-container-box .cta-input-wrap select.cta-common-box-1::-ms-expand { display: none; } 
.cta-container-box #termAgree1,
.cta-container-box #termAgree2 { width: 18px; height: 18px; cursor: pointer; margin-right: 10px; } 
.cta-container-box .cta-input-wrap .term-text { color: #666; font-size: 16px; cursor: pointer; display: inline-block; line-height: 1; font-weight: 500; margin-right: 30px; } 
.cta-container-box .cta-input-wrap .view-term-link { font-size: 16px; font-weight: 500; padding-right: 19px; background: url("/images/ico_term_arrow.png") no-repeat right center; } 
.cta-container-box .cta-input-wrap .cta-common-textarea { border: 1px solid #dadada; resize: none; width: 100%; height: 138px; overflow-y: auto; outline: 0; padding: 14px; font-size: 16px; max-width: 983px; } 
.cta-container-box .cta-input-wrap .cta-submit { margin: 0 auto; display: block; background: #333; color: #fff; width: 330px; height: 60px; cursor: pointer; font-size: 17px; font-weight: 500; } 
.close-cta-container { width: 75px; height: 75px; background: url("/images/ico_bottom_cta_close_02.png"); position: absolute; left: 0; top: 50%; transform: translateY(-50%); cursor: pointer; } 
.onlineReserve-form2 { display: none; } 
.onlineReserve-form2 .reserve-year-box { margin-bottom: 44px; } 
.onlineReserve-form2 .reserve-input { width: 129px; height: 60px; border: 1px solid #dadada; display: inline-block; padding: 0 14px; font-size: 17px; outline: 0; } 
.onlineReserve-form2 .time-txt { font-size: 17px; font-weight: bold; line-height: 60px; margin-right: 8px; } 
.onlineReserve-form2 .reserve-notify { margin-top: 30px; display: block; color: #900020; font-size: 17px; } 
.onlineReserve-form2 .etc-line { float: left; margin-bottom: 28px !important; } 
.onlineReserve-form2 .etc-line em { color: #999; font-weight: 500; } 
.onlineReserve-form2 .medicine-texts { width: 100% !important; max-width: 983px; margin-top: 15px; } 
.cta-common-box-1:disabled { background: #eee; cursor: no-drop; } 

@media (max-width: 1500px){
 .cta-container-box { width: 100%; } 
 }
@media (max-width: 1236px){
 #footer .index-row { width: 1236px; margin: 0 auto; background: #2e2e2e; } 
 }