@charset "utf-8";

body .rehabilitation {position:relative;}

.rehabilitation .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;}
.rehabilitation .bannerType1:before {width:211px; height:216px; background:url(/images/medi/rehabilitation_bg.svg)0 0 no-repeat; left:-35px; top:-15px; position:absolute; display:block; content:'';}
.rehabilitation .bannerType1 .tit {width:305px; padding:0 0 20px 80px; gap:5px; display:flex; flex-direction:column; justify-content: center;}
.rehabilitation .bannerType1 .tit p {color: #FFF;font-size: var(--fs16);font-weight: 400; line-height: 1.2;}
.rehabilitation .bannerType1 .tit h4 {
	color:#FFF; font-size: var(--fs40); font-weight: 800; line-height: 1.2;
	display:inline-block;
}
.rehabilitation .bannerType1 .con {width:calc(100% - 385px); padding:45px 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);}
.rehabilitation .bannerType1 .con img {height:300px; position:absolute; left:-145px; bottom:0;}
.rehabilitation .bannerType1 .con p {font-size:var(--fs20); color:#000;}
.rehabilitation .bannerType1 .con p b {font-weight:600;}


.rehabilitation .centerTit {font-size:var(--fs30); font-weight:600; line-height:1.4; color:#000; text-align:center;}

.rehabilitation .rehabilitation-list {}
.rehabilitation .rehabilitation-item {padding:100px 0;}
.rehabilitation .rehabilitation-item:first-child {padding:140px 0 100px;}
.rehabilitation .rehabilitation-item>div { display:flex;}
.rehabilitation .rehabilitation-item:nth-child(odd){background: #F8F8FA;}

.rehabilitation .rehabilitation-tit {width:465px;}
.rehabilitation .rehabilitation-tit h4 {padding:10px 0 0; color:#000; font-weight:700; line-height:normal; font-size:var(--fs38);}
.rehabilitation .rehabilitation-tit p {padding-left:12px; font-size:var(--fs22); font-weight:700; color:var(--base1); position:relative; line-height:1.3;}
.rehabilitation .rehabilitation-tit p:before,
.rehabilitation .rehabilitation-tit p:after {width:5px; height:10px; left:0; position:absolute; display:block; content:'';}
.rehabilitation .rehabilitation-tit p:before {top:3px; background:var(--base2);}
.rehabilitation .rehabilitation-tit p:after {top:13px; background:var(--base1);}

.rehabilitation .rehabilitation-con {width:calc(100% - 465px);}
.rehabilitation .rehabilitation-con.part {}

.rehabilitation .rehabilitation-part-list {display:flex; gap:40px;}
.rehabilitation .rehabilitation-part-item {width:calc((100% - 120px)/4); padding:30px; border-radius:10px 10px 40px; position:relative; background:#FBFBFB; transition:all .2s; border: 1px solid #e6e6e6;}
.rehabilitation .rehabilitation-part-item:hover {background:#fff; box-shadow:10px 10px 35px 0px rgba(0, 0, 0, 0.10);}
.rehabilitation .rehabilitation-part-item:nth-child(even) {transform:translateY(-40px);}
.rehabilitation .rehabilitation-part-item h5 {color:var(--base1); font-size:var(--fs18); font-weight:600;}
.rehabilitation .rehabilitation-part-item ul {padding:10px 0 0 0;}
.rehabilitation .rehabilitation-part-item ul li {color:#000; font-size:var(--fs16); line-height:1.5;}
.rehabilitation .rehabilitation-part-item img {height:42px; position:absolute; right:30px; bottom:30px;}

.rehabilitation .rehabilitation-strong-list {display:flex; flex-wrap:wrap; justify-content:space-between; position:relative;}
.rehabilitation .rehabilitation-strong-list:before {width:40px; height:40px; background:#fff; left:50%; top:50%; position:absolute; transform:translate(-50%,-50%); display:block; content:''; z-index:1;}
.rehabilitation .rehabilitation-strong-item {width:50%; padding:60px; position:relative;}
.rehabilitation .rehabilitation-strong-item:before {width:1px; height:100%; right:0; top:0;  position:absolute; display:block; background:rgba(0,0,0,.2);}
.rehabilitation .rehabilitation-strong-item:after {width:100%;  height:1px; left:0; top:0; position:absolute; display:block; background:rgba(0,0,0,.2);}
.rehabilitation .rehabilitation-strong-item:nth-child(odd):before {content:'';}
.rehabilitation .rehabilitation-strong-item:nth-child(2)~.rehabilitation-strong-item:after { content:'';}
.rehabilitation .rehabilitation-strong-item h5 {color: #000;font-size: var(--fs20);font-weight: 600;line-height: 1.45;}
.rehabilitation .rehabilitation-strong-item p {padding:15px 0 0; color: #000;font-size: var(--fs16);line-height:1.8}

.rehabilitation .rehabilitation-recommend-list {/*display:flex; gap:10px; flex-direction:column;*/}
.rehabilitation .rehabilitation-recommend-item {padding:15px 40px; border:1px solid #ddd; background:#fff; border-radius:100px; display: inline-block; margin:5px;}
.rehabilitation .rehabilitation-recommend-item p {color:#000; font-size:var(--fs18); line-height:1.45; font-weight:500; display: inline-block;}

.rehabilitation .rehabilitation-symptoms-list li {position:relative; padding-left:15px; font-weight:500; color:#000; line-height:2;}
.rehabilitation .rehabilitation-symptoms-list li:before {position:absolute; content:""; width:4px; height:4px; background:var(--base1); border-radius:100px; left:0; top:16px;}


/* ************************ 태블릿 이하(~1199) ************************ */
@media (max-width: 1199px) {
	.rehabilitation .bannerType1 {width:100%; padding:0; flex-direction:column;}
	.rehabilitation .bannerType1 .tit {width:100%; padding:40px 50px 30px;}
	.rehabilitation .bannerType1 .con {padding:30px 50px; width:100%; border-radius:0 0 20px 20px; transform: translateX(0px);}
	.rehabilitation .bannerType1 .con img {height:165px; left:auto; bottom:100%; right:0;}
	.rehabilitation .rehabilitation-item:nth-child(odd) {padding:60px 30px; width: 100vw; margin-left: -30px; padding-left: 30px;}
	.rehabilitation .rehabilitation-item>div {flex-direction: column; gap:20px;}
	.rehabilitation .rehabilitation-con {width:100%; padding: 0px;}

	.rehabilitation .rehabilitation-part-list {display:grid; grid-template-columns: auto auto;}
	.rehabilitation .rehabilitation-part-item {width:100%; background:#fff;box-shadow:10px 10px 35px 0px rgba(0, 0, 0, 0.10);}

}

/* ************************ 모바일 ************************ */
@media (max-width: 767px) {
	.rehabilitation .bannerType1 {width:100%;}
	.rehabilitation .bannerType1 .tit {padding:30px 40px;}
	.rehabilitation .bannerType1 .con {padding:30px 40px; width:100%;border-radius:0 0 20px 20px; transform: translateX(0px);}
	.rehabilitation .bannerType1 .con img {height:150px; left:auto; bottom:100%; right:0;}
	
	.rehabilitation .rehabilitation-part-list {      grid-template-columns: auto; gap:10px;}
	.rehabilitation .rehabilitation-part-item:nth-child(even) {transform: translateY(0px);}
	.rehabilitation .rehabilitation-part-item {padding:20px;}
	.rehabilitation .rehabilitation-recommend-item {padding:0; border:none; background:none;}
	



}