@charset "utf-8";

.medicheck {position:relative;}

/* 왜장수인가인가 */
body .why {}
.why .why-tit {position:relative;}
.why .why-tit h3 {
	/* width:100%; height:100%; position:absolute; display:flex; justify-content:center; align-items:center; */
	color:#fff; z-index:1; letter-spacing: -4px;text-align:center;
	font-size:var(--fontSize12); font-weight: 800; line-height: 120%;	
	-webkit-text-stroke-width: 3px;
	-webkit-text-stroke-color: #000;
}
.why .why-tit .list {height:640px; background:url(../../images/medicheck/whyImg01.png)center no-repeat; position:relative;}
.why .why-tit .item {width:200px; height:200px; display:flex;flex-direction: column;justify-content: center;align-items: center; gap:20px; position:absolute; border-radius:20px;}
.why .why-tit .item:before {width:15px; height:15px; top:calc(50% - 7.5px); border:3px solid; background:#fff; border-radius:50%; display:block; position:absolute; content:''; z-index:1;}
.why .why-tit .item:after {width:324px; height:50px; display:block; position:absolute; content:'';}
.why .why-tit .item:nth-child(4) img {height:62px;}
.why .why-tit .item img {height:75px;}
.why .why-tit .item p {color:#fff;font-size:var(--fontSize14);font-weight: 600;line-height: 100%;}

.why .why-tit .item:nth-child(1) {top:0; left:100px; background:#3C6CC3;}
.why .why-tit .item:nth-child(2) {top:calc(50% - 100px); left:0; background:#5392D4;}
.why .why-tit .item:nth-child(3) {bottom:0; left:100px; background:#42B1CA;}
.why .why-tit .item:nth-child(4) {top:0; right:100px; background:#85A726;}
.why .why-tit .item:nth-child(5) {top:calc(50% - 100px); right:0; background:#45B259;}
.why .why-tit .item:nth-child(6) {bottom:0; right:100px; background:#3ABB9B;}
.why .why-tit .item:nth-child(1):before {right:-7px;border-color:#3C6CC3;}
.why .why-tit .item:nth-child(2):before {right:-7px;border-color:#5392D4;}
.why .why-tit .item:nth-child(3):before {right:-7px;border-color:#42B1CA;}
.why .why-tit .item:nth-child(4):before {left:-7px; border-color:#85A726;}
.why .why-tit .item:nth-child(5):before {left:-7px; border-color:#45B259;}
.why .why-tit .item:nth-child(6):before {left:-7px; border-color:#3ABB9B;}
.why .why-tit .item:nth-child(1):after {left:200px; top:49%; background:url(../../images/medicheck/line01.png)center no-repeat;}
.why .why-tit .item:nth-child(2):after {left:200px; top:calc(50% - 3px); width:177px; height:6px; background:url(../../images/medicheck/line02.png)center no-repeat;}
.why .why-tit .item:nth-child(3):after {left:200px; top:26%; background:url(../../images/medicheck/line01.png)center no-repeat;transform: scaleY(-1);}
.why .why-tit .item:nth-child(4):after {right:200px; top:49%; background:url(../../images/medicheck/line01.png)center no-repeat; transform: scaleX(-1);}
.why .why-tit .item:nth-child(5):after {right:200px; top:calc(50% - 3px); width:177px; height:6px; background:url(../../images/medicheck/line02.png)center no-repeat; transform:rotate(180deg);}
.why .why-tit .item:nth-child(6):after {right:200px; top:26%; background:url(../../images/medicheck/line01.png)center no-repeat; transform: scale(-1,-1);}

.why .why-video .video {margin:100px 0 50px; width:100%; display:flex; border-radius:20px; overflow:hidden;}
.why .why-video .video video {width:100%;}

/* ************************ 태블릿 이하(~1199) ************************ */
@media (max-width: 1024px) {
	
	/* 왜장수인가인가 */
	body .why {}
	.why .why-tit .list {height:600px; background-size:100%;}
	.why .why-tit .item {width:180px; height:180px;}
	.why .why-tit .item:before,
	.why .why-tit .item:after {display:none;}
	
	.why .why-video .video {margin:50px 0 30px;}
	.why .why-video .video video {}


}

/* ************************ 모바일 ************************ */
@media (max-width: 767px) {
	
	/* 왜장수인가인가 */
	body .why {}
	.why .why-tit {}
	.why .why-tit h3 {position:static; transform:none; letter-spacing:-2px; -webkit-text-stroke-width:2px;}
	.why .why-tit .list {width:100%; height:460px; display:flex; justify-content:center; align-content: flex-end; gap:10px; flex-wrap:wrap; background-position:50% 0;}
	.why .why-tit .item {width:calc((100% - 20px)/3); height:140px; position:static; gap:10px;}
	.why .why-tit .item img {height:50px;}
	.why .why-tit .item:nth-child(4) img {height:50px;}
	.why .why-tit .item img {height:70px;}
	.why .why-tit .item p {}
	
	.why .why-video .video {margin:30px 0 20px;}
	
	
	
	
	
}