/* LDH 25.07.21 진료예약 css */
#quick-res {max-width: 1200px; margin: 30px auto 0; padding: 30px 20px; border: 1px solid #eee; position: relative; display: flex; justify-content: center; gap: 0 80px; align-items: center;}
#quick-res h2 {font-size: 30px; font-weight: 700; position:relative; padding-left: 20px;}
#quick-res h2::before {content:''; display:block; width:6px; height:6px; border-radius: 50%; border:3px solid #082948; position:absolute; left:0; top:50%; transform:translateY(-50%);}
#quick-res p {padding: 10px 0 0 20px; font-size: 18px;}
#quick-res .pop_open {cursor:pointer; background-color:#082948; color:#fff; padding: 10px 40px; display: inline-block; font-weight: 500; text-align: center; font-size: 18px; padding: 15px 30px; border: none;}
#quick-res .pop_open:hover {transition:.2s ease; opacity: .8;}
#quick-res .txt {position: relative; padding-left: 110px;}
#quick-res .txt::before {content:''; display: block; width: 90px; height: 86px; background:url(/cmhospital/img2/quick-res-icon.png) no-repeat center center; background-size: contain; position: absolute; top: 50%; transform: translateY(-50%); left: 0;}
#quick-res.m {display:none;}

@media(max-width:767px){
	#quick-res {margin: 0 10px; padding: 20px; text-align: center;}
    #quick-res .txt {padding-left: 0;}
	#quick-res h2 {padding-left: 0; margin:0 auto; display: inline-block; text-align: center; font-size: 20px;}
	#quick-res .pop_open {grid-column: 1 / -1; grid-row: 4 / 5; width: 100%; margin-top: 20px;}
	#quick-res .txt::before {transform: translateY(0); position: static; margin: 0 auto; width: 70px; height: 66px;}
	#quick-res h2::before {left: -20px;}
	#quick-res p {padding: 10px 0 20px; font-size: 15px;}
	#quick-res .pop_open {display: inline-block; text-align: center; padding: 10px 30px; margin: 0 auto; width: auto; font-size: 15px;}
	#quick-res .pop_open:hover {opacity: 1;}
	#quick-res.m {display:block; margin-top: 30px;}
	#quick-res.pc {display:none;}
}
/* //LDH 25.07.21 진료예약 css */

/*LDH 25.07.22 진료예약 요청 팝업 css*/
.res_popup{position:fixed;left:0;top:0;width:100%;height:100%;z-index:1999;}
.res_popup .inner_wrap{z-index:2001;width:98%;max-width:700px;background:#fff;max-height:80vh;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.res_popup .inner_wrap .f_sitemap_wrap{overflow-y:auto;max-height:67vh;}
.res_popup .inner_wrap .f_sitemap_wrap::-webkit-scrollbar-track{background-color:#eeeeee;height:15px;}
.res_popup .inner_wrap .f_sitemap_wrap::-webkit-scrollbar{width:6px;background-color:#F5F5F5;height:15px;}
.res_popup .inner_wrap .f_sitemap_wrap::-webkit-scrollbar-thumb{background-color:#ccc;height:15px;}
.res_popup .inner_wrap .f_sitemap_wrap .f_sitemap_wrap_inner{flex-wrap:wrap;padding:30px;}
.res_popup .inner_wrap > p{text-transform:uppercase;color:#fff;font-size:22px;font-weight:800;padding:10px 30px;border-bottom:1px solid #eee; text-align: center;     
    background: #20547c;
    background: -webkit-linear-gradient(left, #20547c, #1b8ca3);
    background: -o-linear-gradient(right, #20547c, #1b8ca3);
    background: -moz-linear-gradient(right, #20547c, #1b8ca3);
    background: linear-gradient(to right, #1548d9, #6626c5);}
.res_popup .inner_wrap .sitemap_close{position:absolute;right:15px;top:16px;font-size:18px;line-height:1em;color:#b6b9bb;cursor:pointer;}
.res_popup .inner_wrap .f_sitemap_wrap .f_sitemap_wrap_inner p{font-size:14px;color:#999;}
.res_popup .inner_wrap .f_sitemap_wrap .f_sitemap_wrap_inner p + p{padding-top:20px;}
.res_popup .sitemap_bg{position:absolute;left:0;top:0;background:rgba(0,0,0,0.2);width:100%;height:100%;z-index:2000;}
.not_scroll{overflow:hidden;width:100%;}
.not_scroll .cont{position:relative;}

.popupform table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #868686;}
.popupform table tbody th {padding:9px 15px; height:59px; color:#4d4d4d; text-align:left; font-size:16px; font-weight:400; border-bottom:1px solid #ddd; width:100px;}
.popupform table tbody td {padding:9px 15px; font-size:15px; border-bottom:1px solid #ddd;}
.popupform table tbody td input {width:100%;}
.popupform img {vertical-align:middle;}

.popup_form_agree {margin-top:20px; padding:15px; background:#f9f9f9; border:1px solid #e5e5e5;}
.popup_form_agree .pop_privacy {color:#3976cf; text-decoration:underline; font-size:14px; margin-bottom:10px; display:inline-block;}
.popup_form_agree .pop_privacy:hover {opacity:0.8;}
.popup_form_agree dl {margin:0;}
.popup_form_agree dt {font-size:16px; font-weight:600; color:#333; margin-bottom:10px; letter-spacing:-1px;}
.popup_form_agree dd {margin:0 0 15px 0;}
.popup_form_agree .scroll_box {max-height:120px; overflow-y:auto; padding:10px; background:#fff; border:1px solid #ddd; font-size:14px; line-height:1.6; color:#666;}
.popup_form_agree .scroll_box::-webkit-scrollbar {width:6px;}
.popup_form_agree .scroll_box::-webkit-scrollbar-track {background:#f1f1f1;}
.popup_form_agree .scroll_box::-webkit-scrollbar-thumb {background:#888; border-radius:3px;}
.popup_form_agree .scroll_box::-webkit-scrollbar-thumb:hover {background:#555;}
.popup_form_agree .highlight {color:#3976cf; font-weight:500;}
.popup_form_agree .agree_checkbox {margin-top:15px; padding-top:15px; border-top:1px solid #e5e5e5;}
.popup_form_agree .agree_checkbox input[type="checkbox"] {width:auto; margin-right:8px; vertical-align:middle;}
.popup_form_agree .agree_checkbox label {font-size:15px; font-weight:500; color:#333; cursor:pointer; vertical-align:middle;}

.popup_caption {list-style:none; margin:15px 0 0 0; padding:0;}
.popup_caption li {font-size:13px; color:#999; line-height:1.5; margin-bottom:5px; position:relative; padding-left:15px;}
.popup_caption li:last-child {margin-bottom:0;}
.popup_caption li::before {content:'*'; display:inline-block; color:#999; font-weight:bold; position:absolute; left:0; top:0;}

.popup_btn_wrap {display:flex; gap:10px; margin-top:20px; justify-content:center;}
.popup_btn_wrap .btn {display:inline-block; position:relative; margin:0; padding:0; text-align:center; text-decoration:none !important; vertical-align:top; white-space:nowrap; cursor:pointer; outline:0; box-sizing:border-box; border:none;}
.popup_btn_wrap .btn-secondary {width:140px; height:42px; line-height:38px; border:2px solid #a6a7a7; background:#fff; color:#4d4d4d; font-size:15px; font-weight:500;}
.popup_btn_wrap .btn-primary {width:140px; height:42px; line-height:38px; border:2px solid #16c0c7; background:#fff; color:#16c0c7; font-size:15px; font-weight:500;}
.popup_btn_wrap .btn-secondary:hover {background:#f5f5f5;}
.popup_btn_wrap .btn-primary:hover {background:#f0feff;}

@media(max-width:768px){
    .res_popup .inner_wrap {width:100%;max-width:100%;max-height:100%;height:100%;transform:translate(0,0);overflow:hidden;padding-bottom:70px;left:0;top:0;}
    .res_popup .inner_wrap .f_sitemap_wrap {overflow-y:auto;max-height:100%;height:100%;}
    .res_popup .sitemap_bg {display:none;}
    .res_popup .inner_wrap .f_sitemap_wrap .f_sitemap_wrap_inner {padding:30px 15px;}
    .popupform table tbody th {padding:9px 5px;width:60px;}
}

/* close_icon CSS */
.close_icon {position:absolute; top:15px; right:15px; width:30px; height:30px; background:none; border:none; font-size:18px; font-weight:bold; color:#fff; cursor:pointer; display:flex; align-items:center; justify-content:center; border-radius:50%; transition:all 0.2s ease; z-index:10;}
.close_icon:hover {background:rgba(255,255,255,0.2); color:#fff;}

/* //LDH 25.07.22 진료예약 요청 팝업 css*/




/* yr 26.01.27 카카오톡 상담문의 css */
#quick-kakao {max-width: 1200px; margin: 30px auto 0; padding: 30px 20px; border: 1px solid #eee; position: relative; display: flex; justify-content: center; gap: 0 80px; align-items: center;}
#quick-kakao h2 {font-size: 30px; font-weight: 700; position:relative; padding-left: 20px;}
#quick-kakao h2::before {content:''; display:block; width:6px; height:6px; border-radius: 50%; border:3px solid #082948; position:absolute; left:0; top:50%; transform:translateY(-50%);}
#quick-kakao p {padding: 10px 0 0 20px; font-size: 18px;}
#quick-kakao .pop_open {cursor:pointer; background-color:#082948; color:#fff; padding: 10px 40px; display: inline-block; font-weight: 500; text-align: center; font-size: 18px; padding: 15px 30px; border: none;}
#quick-kakao .pop_open:hover {transition:.2s ease; opacity: .8;}
#quick-kakao .txt {position: relative; padding-left: 110px; width: 415px;}
#quick-kakao .txt::before {content:''; display: block; width: 90px; height: 86px; background:url(/cmhospital/img2/quick-kakao-icon.png) no-repeat center center; background-size: contain; position: absolute; top: 50%; transform: translateY(-50%); left: 0;}
#quick-kakao.m {display:none;}

@media(max-width:767px){
	#quick-kakao {margin: 0 10px; padding: 20px; text-align: center;}
    #quick-kakao .txt {padding-left: 0; width: auto;}
	#quick-kakao h2 {padding-left: 0; margin:0 auto; display: inline-block; text-align: center; font-size: 20px;}
	#quick-kakao .pop_open {grid-column: 1 / -1; grid-row: 4 / 5; width: 100%; margin-top: 20px;}
	#quick-kakao .txt::before {transform: translateY(0); position: static; margin: 0 auto; width: 70px; height: 66px;}
	#quick-kakao h2::before {left: -20px;}
	#quick-kakao p {padding: 10px 0 20px; font-size: 15px;}
	#quick-kakao .pop_open {display: inline-block; text-align: center; padding: 10px 30px; margin: 0 auto; width: auto; font-size: 15px;}
	#quick-kakao .pop_open:hover {opacity: 1;}
	#quick-kakao.m {display:block; margin-top: 30px;}
	#quick-kakao.pc {display:none;}
}
/* //yr 26.01.27 카카오톡 상담문의 css */