@charset "utf-8";

.medicheck {position:relative;}

/* 계산기 */
body .calc {}
.medicheck .calc-bg {width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1;}
.medicheck .calc-bg img {width:100%; height:100%; object-fit:cover;}
.medicheck .calc-wrap {display:flex;height:100vh;}
.medicheck .calc-wrap>div {padding:150px 0 0; width:50%; text-align:center;}
.medicheck .calc-wrap>div .cover {opacity:0; width:50%; height:100%; background:var(--bgcGray6); backdrop-filter: blur(15px); position:absolute; left:0; top:0; 	z-index:-1; transition:var(--ani);}
.medicheck .calc-wrap>div:hover img {opacity:1;}
.medicheck .calc-wrap>div:hover .cover {opacity:1;}
.medicheck .calc-wrap h3 {font-size:var(--fontSize12); font-weight: 800; line-height: 100%; color: #FFF; }
.medicheck .calc-wrap p {padding:30px 0 100px; font-size:var(--fontSize11); color: #FFF; }
.medicheck .calc-wrap a {padding: 20px 40px; font-size:var(--fontSize11); border-radius: 100px; border: 3px solid #FFF; display:inline-block; color: #FFF; font-weight: 600; line-height: 100%; letter-spacing: -1.2px;}
.medicheck .calc-wrap a:hover {background:var(--primary); border-color:transparent;}
.medicheck .calc-wrap .calc-left {}
.medicheck .calc-wrap .calc-right {}
.medicheck .calc-wrap .calc-right .cover {left:auto; right:0;}
.medicheck .calc-con {height:100%; display:flex; flex-direction:column; align-items:center; position:relative;}
.medicheck .calc-con img {opacity:0; position:absolute; bottom:0; left:50%; transform:translateX(-50%); transition:var(--ani);}
 
/* ************************ 태블릿 이하(~1199) ************************ */
@media (max-width: 1024px) {
	
	/* 계산기 */
	body .calc {}
	.medicheck .calc-wrap {height:800px;}
	.medicheck .calc-wrap p {padding:20px 0 60px;}
	.medicheck .calc-wrap a {padding:16px 35px;}
	.medicheck .calc-wrap>div {padding:80px 20px 0;}
	.medicheck .calc-con img {opacity:1;}
	
}

/* ************************ 모바일 ************************ */
@media (max-width: 767px) {
	
	
	/* 계산기 */
	body .calc {}
	.medicheck .calc-wrap {display:block; height:auto;}
	.medicheck .calc-wrap>div {width:100%; padding:50px 20px;}
	.medicheck .calc-wrap>div .cover {width:100%; height:50%; }
	.medicheck .calc-wrap .calc-right {border-top:1px solid var(--bgcGray5)}
	.medicheck .calc-wrap .calc-right .cover {top:auto; bottom:0;}
	.medicheck .calc-wrap p {padding:10px 0 30px;}
	.medicheck .calc-wrap a {padding:10px 20px;}
	.medicheck .calc-con img {display:none;}

	
}