@charset "utf-8";
ul {list-style:none; margin:0; padding:0;}
p {margin:0;}

body .clinicInfo {}
.clinicInfo {}
.clinicInfo .clinicInfo-time {}
.clinicInfo .clinicInfo-time-info {display:flex; width:100%; padding:50px 40px; border-radius: 30px; background: #F6F6F6; box-sizing: border-box;}
.clinicInfo .clinicInfo-time-info ul {padding:7px 0;}
.clinicInfo .clinicInfo-time-info ul+ul {padding-left:84px; margin-left:84px; border-width:0 0 0 1px; border-style:solid; border-color:rgba(0,0,0,.1);}

.clinicInfo .clinicInfo-reserve {display:grid; grid-template-columns: auto 36vw; gap:40px; position:relative;}
.clinicInfo .clinicInfo-reserve-item {padding:70px 100px; border-radius: 40px;border: 5px solid #F9F9F9;background: #FFF;box-shadow: 12px 9px 40px 0px rgba(0, 0, 0, 0.10); box-sizing: border-box;}
.clinicInfo .clinicInfo-reserve-item.online {padding:70px 100px; background:#F9F9F9; border-color:#fff;}
.clinicInfo .clinicInfo-reserve h5 {margin:0; padding:0 0 40px; color: #000;text-align: center;font-size: var(--fs25);font-weight: 600;line-height: normal;}
.clinicInfo .clinicInfo-reserve-item-info {display:flex; align-items:center; gap:20px;}
.clinicInfo .clinicInfo-reserve-item-info .telNum {color:var(--base2);font-size: var(--fs22);font-weight: 700;line-height: 1.1}
.clinicInfo .clinicInfo-reserve-item-info .placeText {color: #000;font-size: var(--fs17);line-height: 1.45}
.clinicInfo .clinicInfo-reserve-btn {}
.clinicInfo .clinicInfo-reserve-btn a+a {margin-top:10px;}

.clinicInfo .clinicInfo-reserve-btn a {padding:0 0 0 55px; width:100%; color:#fff; font-weight:600; font-size:var(--fs18); line-height:50px; border-radius:100px; background:var(--base4) /*url(/images/reservation/linkArrow.svg)130px 50% no-repeat*/; position:relative; display:ilnine-block; box-sizing: border-box;}
.clinicInfo .clinicInfo-reserve-btn a .arrow {display:inline-block; width:15%; height:2px; background:#fff; }
.clinicInfo .clinicInfo-reserve-btn a .arrow:after {content: ''; position:absolute; left:88%; top:43%; display:block; transform:translateY(-50%); display:block; background: url(/images/common/arrow_right.svg) no-repeat 0 0;width:100%; height:1em; background-size: contain;transition:all .5s ease-in-out;}



.clinicInfo .clinicInfo-reserve-btn .black {background:#444;}



/* ************************ 태블릿 이하(~1199) ************************ */
@media (max-width: 1199px) {
	
	.clinicInfo {}
	.clinicInfo .clinicInfo-time {}
	.clinicInfo .clinicInfo-time-info {}
	.clinicInfo .clinicInfo-time-info ul {}
	.clinicInfo .clinicInfo-time-info ul+ul {}
	
	.clinicInfo .clinicInfo-reserve {grid-template-columns: auto;}
	.clinicInfo .clinicInfo-reserve-item {padding:40px 50px !important; width:100%; min-width:auto; }
	.clinicInfo .clinicInfo-reserve-item.tel {}
	.clinicInfo .clinicInfo-reserve-item.online {position:static;}
	.clinicInfo .clinicInfo-reserve h5 {padding:0 0 30px;}
	.clinicInfo .clinicInfo-reserve .flex {}
	.clinicInfo .clinicInfo-reserve .flex p {}
	.clinicInfo .clinicInfo-reserve-btn {flex-direction:row; gap:10px}
	.clinicInfo .clinicInfo-reserve-btn a {width:calc((100% - 10px)/2);}
	
	
	
	
}







/* ************************ 모바일 ************************ */
@media (max-width: 767px) {
	
	.clinicInfo {}
	.clinicInfo .clinicInfo-time {}
	.clinicInfo .clinicInfo-time-info {padding:30px; flex-direction:column; gap:0; }
	.clinicInfo .clinicInfo-time-info ul {padding:0;}
	.clinicInfo .clinicInfo-time-info ul+ul {padding:14px 0 0; margin:14px 0 0; border-width:1px 0 0;}
	
	.clinicInfo .clinicInfo-reserve {}
	.clinicInfo .clinicInfo-reserve-item {}
	.clinicInfo .clinicInfo-reserve-item.tel {}
	.clinicInfo .clinicInfo-reserve-item.online {}
	.clinicInfo .clinicInfo-reserve h5 {padding:0 0 20px;}
	.clinicInfo .clinicInfo-reserve-item-info {flex-direction:column; gap:5px; align-items:start;}
	.clinicInfo .clinicInfo-reserve-btn {flex-direction:column;}
	.clinicInfo .clinicInfo-reserve-btn a {width:100%;}
	
	
	
	
	
	
}