@charset "utf-8";

@keyframes container {
	from { transform: translateX(0); }
	to { transform: translateX(-50%); }
}

.intro {position:relative;}

/* 구성인력 */
body .origin {}
.origin .origin-img {padding:150px 0 0; background:var(--bgcGray4);}
.origin .origin-img-list {height:498px; display:flex; position:relative;}
.origin .origin-img-list img {height:92%; position:absolute; bottom:0;}
.origin .origin-img-list img.img01 {left:0;}
.origin .origin-img-list img.img02 {left:10%;}
.origin .origin-img-list img.img03 {left:17%;}
.origin .origin-img-list img.img04 {left:27%;}
.origin .origin-img-list img.img05 {left:37%; height:100%;}
.origin .origin-img-list img.img06 {left:47.5%;}
.origin .origin-img-list img.img07 {left:56%;}
.origin .origin-img-list img.img08 {left:63.5%;}
.origin .origin-img-list img.img09 {left:72%;}
.origin .origin-img-list img.img10 {right:0;}

.origin .origin-people {position:relative;}
.origin .origin-people-bg {width:50%; height:100%; position:absolute; left:0; top:0;background:var(--sky);}
.origin .origin-people-bg .left {height:100%; background:var(--sky);}

.origin .origin-people-con {display:flex;}
.origin .origin-tit {padding:150px 0 0; width:50%; position:sticky; top:0; height:100vh; align-self:start;}
.origin .origin-tit h3 {color:#fff; font-weight:700; font-size:var(--fontSize10); line-height:1.2;}
.origin .origin-tit h3 b {font-weight:700; font-size:var(--fontSize12); display:block;}
.origin .origin-tit p { font-size:var(--fontSize4); color:#fff;}
.origin .origin-list {padding:150px 0 100px; width:50%; transform:translateX(-150px);}
.origin .origin-item {display:flex; gap:80px;}
.origin .origin-item+.origin-item {margin:80px 0 0;}
.origin .origin-item .img {width:300px; padding-right:20px; border-radius:20px; overflow:hidden; background: var(--sky); box-shadow: 20px 20px 20px 0px rgba(0, 0, 0, 0.15);}
.origin .origin-item .img img {width:100%; height:100%; object-fit:cover;}
.origin .origin-item .txt  {width:calc(100% - 380px);}
.origin .origin-item .txt .name {}
.origin .origin-item .txt .name p {line-height:1.2; font-size:var(--fontSize4); font-weight:600;}
.origin .origin-item .txt .name p b {font-size:var(--fontSize9); font-weight:800;color:#000; }
.origin .origin-item .txt .desc {margin:80px 0 0; padding:10px 0 0; position:relative;}
.origin .origin-item .txt .desc:before { width:50px; height:2px; background:var(--primary); left:0; top:0; position:absolute; display:block; content:'';}
.origin .origin-item .txt .desc p {}
.origin .origin-item .txt .desc p+p {padding:5px 0 0 ;}

.origin .origin-people .deco {width:518px; height:487px; position:absolute; left:-260px; bottom:0; overflow:hidden;}
.origin .origin-people .deco  span {position:absolute; display:block; z-index:1; border-radius:50%; aspect-ratio:1/1;  }
.origin .origin-people .deco .deco1 {left:0; bottom:0; width:800px; border:200px solid #fff; transform:translate(-405px,405px)}
.origin .origin-people .deco .deco2 {left:192px; top:22px; width:200px; border:50px solid var(--sky); opacity: 0.2; mix-blend-mode: multiply; }
.origin .origin-people .deco .deco3 {left:386px; top:36px; width:14px; background:rgba(255, 255, 255, 0.50);}
.origin .origin-people .deco .deco4 {left:397px; top:0; width:14px; background:var(--sky); mix-blend-mode: multiply;}
.origin .origin-people .deco .deco5 {right:0; top:105px; width:30px; background:#fff;}






/* ************************ 태블릿 이하(~1199) ************************ */
@media (max-width: 1024px) {
	
	/* 구성인력 */
	.origin .origin-img {padding:80px 0 0}
	.origin .origin-img-list {height:35vw;}
	
	.origin .origin-people-con {flex-direction:column;}
	.origin .origin-tit {width:100%; height:auto; padding:50px 20px; background:var(--sky);position:static;}
	.origin .origin-list {padding:80px 20px; width:100%;  transform:none;}
	.origin .origin-item {gap:60px;}
	.origin .origin-item .img {width:250px;}
	.origin .origin-item .txt {width:calc(100% - 310px);}
	.origin .origin-item+.origin-item {margin:60px 0 0;}
	.origin .origin-item .txt .desc {margin:60px 0 0;}
	
	
}

/* ************************ 모바일 ************************ */
@media (max-width: 767px) {
	
	
	
	/* 구성인력 */
	.origin .origin-img {padding:50px 20px 0;}
	
	.origin .origin-tit {padding:40px 20px;}
	.origin .origin-tit p {padding:10px 0 0;}
	
	.origin .origin-list {padding:50px 20px;}
	.origin .origin-item {flex-direction:column; gap:20px;}
	.origin .origin-item .img {width:230px; max-width:100%;}
	.origin .origin-item .txt {width:100%;}
	.origin .origin-item .txt .desc {margin:10px 0 0;}
	.origin .origin-item .txt .desc:before {width:40px;}
	.origin .origin-item+.origin-item {margin:40px 0 0;}
	
	
	
	
	
	
	
}