@charset "utf-8";

.dev {position:relative;}


/* 특허 */
body .patent {}
.patent .patent-bg {width:610px; height:100%; background: var(--bgcGray4); position:absolute; left:0; top:0; z-index:-1;}
.patent .patent-wrap {display:flex; gap:80px;}
.patent .patent-tit {width:350px; height:100vh; padding:150px 0 0; position:sticky; top:0; align-self:start;}
.patent .patent-tit h3 {font-size:var(--fontSize2) ; font-weight:800; line-height:1.2; color:var(--primary);}
.patent .patent-tit p {padding:30px 0 0; font-size:var(--fontSize4);}
.patent .patent-tit .deco {width:518px; height:630px; position:absolute; left:-260px; bottom:0; overflow:hidden; z-index:-1;}
.patent .patent-tit .deco  span {position:absolute; display:block; border-radius:50%; aspect-ratio:1/1;  }
.patent .patent-tit .deco .deco1 {left:0; bottom:0; width:750px; border:180px solid var(--sky); transform:translate(-405px,405px)}
.patent .patent-tit .deco .deco2 {left:140px; top:0; width:200px; border:50px solid var(--sky); opacity: 0.2; mix-blend-mode: multiply;}
/* .patent .patent-tit .deco .deco3 {left:386px; top:36px; width:14px; background:rgba(255, 255, 255, 0.50);} */
.patent .patent-tit .deco .deco4 {left:311px; top:220px; width:14px; background:var(--sky); mix-blend-mode: multiply;}
.patent .patent-tit .deco .deco5 {left:180px; top:260px; width:30px; background:#fff;}

.patent .patent-list {width:calc(100% - 430px); padding:150px 0; gap:50px; display:flex; flex-wrap:wrap;}
.patent .patent-item {width:calc((100% - 50px)/2);}
.patent .patent-item .img {padding:40px 20px; border-radius:20px; border:1px solid var(--bgcGray3);}
.patent .patent-item .img img {width:100%; height:100%; object-fit:cover;}
.patent .patent-item .txt {}
.patent .patent-item .txt p {margin:10px 0 0; font-size:var(--fontSize4); line-height:1.4; text-align:center;}
.patent .patent-item .txt p+p {color:#000;}


/* ************************ 태블릿 이하(~1199) ************************ */
@media (max-width: 1024px) {
	
	/* 특허 */
	.patent .patent-wrap {padding:80px 20px; gap:40px; flex-direction:column;}
	.patent .patent-tit {padding:0; width:100%; height:auto; position:static;}
	.patent .patent-tit p {padding:20px 0 0;}
	
	.patent .patent-list {padding:0; width:100%; gap:40px;}
	.patent .patent-item {wdith:calc((100% - 40px)/2);}
	.patent .patent-item .img {padding:20px;}
	
	
}

/* ************************ 모바일 ************************ */
@media (max-width: 767px) {
	
	/* 특허 */
	.patent .patent-wrap {padding:50px 20px; gap:20px;}
	.patent .patent-tit {}
	.patent .patent-tit p {padding:10px 0 0;}
	
	.patent .patent-list {gap:30px 20px;}
	.patent .patent-item {width:calc((100% - 20px)/2);}
	.patent .patent-item .txt p {margin:5px 0 0; line-height:1.3;}
	
	
	
}