@charset "utf-8";

body .brain {position:relative;}

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


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

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

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



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

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

.brain .brain-symptoms-list li {position:relative; padding-left:15px; font-weight:500; color:#000; line-height:2;}
.brain .brain-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) {
	.brain .bannerType1 {width:100%; padding:0; flex-direction:column;}
	.brain .bannerType1 .tit {width:100%; padding:40px 50px 30px;}
	.brain .bannerType1 .con {padding:30px 50px; width:100%; border-radius:0 0 20px 20px; transform: translateX(0px);}
	.brain .bannerType1 .con img {height:165px; left:auto; bottom:100%; right:0;}
	.brain .brain-item:nth-child(odd) {padding:60px 30px; width: 100vw; margin-left: -30px; padding-left: 30px;}
	
	.brain .brain-item>div {flex-direction: column; gap:20px;}
	.brain .brain-con {width:100%; padding: 0px;}

}

/* ************************ 모바일 ************************ */
@media (max-width: 767px) {
	.brain .bannerType1 {width:100%;}
	.brain .bannerType1 .tit {padding:30px 40px;}
	.brain .bannerType1 .con {padding:30px 40px; width:100%;border-radius:0 0 20px 20px; transform: translateX(0px);}
	.brain .bannerType1 .con img {height:150px; left:auto; bottom:100%; right:0;}
	.brain .brain-tit h4 br {display:block !important;}
	

	.brain .brain-recommend-item {padding:0; border:none; background:none;}



}