@charset "utf-8";

body .spine {position:relative;}


.spine .bannerType1 {padding:13px 0 0; width:calc(100% - 45px); display:flex;  background: linear-gradient(90deg, #1D2F60 0%, #213E8B 16.29%);position:relative;border-radius: 20px;}
.spine .bannerType1:before {width:211px; height:216px; background:url(/images/medi/bg.svg)0 0 no-repeat; left:-80px; top:-70px; position:absolute; display:block; content:'';}
.spine .bannerType1 .tit {width:305px; padding:0 0 20px 80px; gap:5px; display:flex; flex-direction:column; justify-content: center;}
.spine .bannerType1 .tit p {color: #FFF;font-size: var(--fs16);font-weight: 400; line-height: 1.2;}
.spine .bannerType1 .tit h4 {
	color:#FFF; font-size: var(--fs40); font-weight: 800; line-height: 1.2;
	display:inline-block;
}
.spine .bannerType1 .con {width:calc(100% - 385px); padding:40px 150px; border-radius:20px 20px 20px 0;background:#fff;box-shadow: 12px 9px 30px 0px rgba(0, 0, 0, 0.15); position:relative; transform:translateX(130px);}
.spine .bannerType1 .con img {height:300px; position:absolute; left:-145px; bottom:0;}
.spine .bannerType1 .con p {font-size:var(--fs20); color:#000;}
.spine .bannerType1 .con p b {font-weight:600;}



.spine .clinicThree {display:flex; gap:20px 35px; justify-content:center;}
.spine .clinicThree .item {
	width:175px; height:305px; text-align:center; font-size:var(--fs22); font-weight:700; line-height:normal;
	position:relative; display:flex; gap:17px; flex-direction:column; justify-content:center; align-items:center;
	background:url(/images/clinic/clinic_three_01.png)center no-repeat;
}
.spine .clinicThree .item:nth-child(even) {background-image:url(/images/clinic/clinic_three_02.png);}
.spine .clinicThree .item img {}
.spine .clinicThree .item p {color:var(--base1);}
.spine .clinicThree .item:nth-child(even) p {color:var(--orange);}




/* ************************ 태블릿 이하(~1199) ************************ */
@media (max-width: 1199px) {
	
	.spine .bannerType1 {width:100%; padding:0; flex-direction:column;}
	.spine .bannerType1 .tit {width:100%; padding:40px 50px 30px; width:100%;}
	.spine .bannerType1 .con {padding:30px 50px; width:100%; border-radius:0 0 20px 20px; transform: translateX(0px);}
	.spine .bannerType1 .con img {height:150px; left:auto; bottom:100%; right:0;}
	
	.clinic .clinic-pain-img img {padding:0;}
	
	
	
}

/* ************************ 모바일 ************************ */
@media (max-width: 767px) {
	
	.spine .bannerType1 {width:100%;}
	.spine .bannerType1 .tit {padding:30px 40px;}
	.spine .bannerType1 .con {padding:30px 40px; border-radius:0 0 20px 20px;}

	
	
	.spine .clinicThree {gap:10px;}
	.spine .clinicThree .item {width:33.3333%; height:50vw; background-size:100%;}
	.spine .clinicThree .item img {height: 21%;}
	.spine .clinicThree .item p {}
	
	
	
	
}