@charset "utf-8";

.medicheck {position:relative;}

/* HDL바로보기 */
body .view {}
.view .view-bg {
	width:100%; height:1000px; position:absolute; left:0; top:0; z-index:-1; 
	background:url(../../images/medicheck/viewBg.WEBP)0 0 /3000px no-repeat; opacity:.1;
}
.view .view-tit {padding:0 0 85px; text-align:center;}
.view .view-tit h3 {font-size:var(--fontSize13);font-weight: 800; line-height: 180%; color:#000;}
.view .view-tit p {font-size:var(--fontSize11); font-weight: 400;line-height: 140%;}
.view .view-list {display:flex; gap:50px;}
.view .view-item {width:calc((100% - 50px)/2); border-radius:20px; overflow:hidden; background:#fff;}
.view .view-item>.img {position:relative;}
.view .view-item>.img img {width:100%; height:100%; object-fit:cover;}
.view .view-item>.img h4 {font-size:var(--fontSize13); font-weight: 800;line-height: 180%;left:70px; bottom:30px; position:absolute; color:#fff;}
.view .view-item .con {display:flex; gap:30px; flex-direction:column; padding:30px 70px 70px; border-radius:0 0 20px 20px;border: 1px solid var(--bgcGray2);}
.view .view-item .con p {font-size:var(--fontSize11); line-height: 160%;}
.view .view-item .con .view-video {}
.view .view-item .con .view-video .img {position:relative; border-radius:20px; overflow:hidden; aspect-ratio:16/9;}
.view .view-item .con .view-video .img img {width:100%; height:100%; object-fit:cover;}
.view .view-item .con .view-video .img .cover {background:rgba(0,0,0,.6) url(../../images/icon/playBtn.svg)center no-repeat; position:absolute; left:0; top:0; right:0; bottom:0; transition:var(--ani);}
.view .view-item .con .view-video:hover .img .cover {opacity:.2;}
.view .view-item .con .view-video p {padding:10px 0 0; font-size:var(--fontSize4); line-height: 180%; text-align:center;}


/* ************************ 태블릿 이하(~1199) ************************ */
@media (max-width: 1024px) {
	

	/* HDL바로보기 */
	body .view {}
	.view .view-tit {padding:0 0 60px;}
	.view .view-list {gap:30px;}
	.view .view-item {width:calc((100% - 30px)/2);}
	.view .view-item>.img {}
	.view .view-item>.img h4 {left:50px; bottom:20px;}
	.view .view-item .con {gap:20px; padding:20px 30px 30px;}
	

}

/* ************************ 모바일 ************************ */
@media (max-width: 767px) {
	
	
	/* HDL바로보기 */
	body .view {}
	.view .view-tit {padding:0 0 40px;}
	.view .view-list {gap:10px; flex-direction:column;}
	.view .view-item {width:100%;}
	.view .view-item>.img {height:45vw; max-height:250px;}
	.view .view-item>.img h4 {left:30px; bottom:10px; line-height: 160%;}
	.view .view-item .con {gap:10px; padding:20px 30px 30px;}
	.view .view-item .con p {line-height: 140%;}

}