@charset "utf-8";

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

.intro {position:relative;}

/* 인사말 */
.greet .visual {position:relative; height:1000px; box-shadow:inset 0 0 200px 200px rgba(255,255,255,.8);}
.greet .visual img {width:100%; height:100%; object-fit:cover; object-position:left; position:relative; z-index:-1;}
.greet .visual-wrap {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.greet .visual .con {border-radius:0 50px; display:inline-block; overflow:hidden;}
.greet .visual .con h3 {padding:70px 70px 30px; font-size:var(--fontSize10); font-weight:400; color:#fff; background:var(--primary); line-height:1.2;}
.greet .visual .con h3 b {font-size:var(--fontSize1); font-weight:800;}
.greet .visual .con .txt {padding:70px; background:#fff;}
.greet .visual .con .txt p {font-size:var(--fontSize10); font-weight:400; color:var(--primary); line-height:1.2;}
.greet .visual .con .txt p b {font-weight:800;}
.greet .visual .con .txt p+p {padding:30px 40px 0 0; margin:30px 0 0; border-top:1px solid var(--bgcGray3);}
.greet .visual .con .txt ul {padding:30px 40px 0 0; margin:30px 0 0; border-top:1px solid var(--bgcGray3);}
.greet .visual .con .txt ul li {}
.greet .visual .con .txt ul li b {color:var(--primary);}

.greet .info-tit {}
.greet .info-tit .titArea {width:calc(100% - 400px); float:left; padding-right:100px;}
.greet .info-tit .imgArea {width:400px; float:right; position:sticky; top:0;}
.greet .info-tit .imgArea .img {width:100%; border-radius:20px; overflow:hidden;}
.greet .info-tit .imgArea .img img {width:100%; height:100%; object-fit:cover;}
.greet .info-tit .imgArea p {margin-top:20px; padding-left:60px; display:flex; align-items:center; gap:10px; font-size:var(--fontSize4); position:relative;}
.greet .info-tit .imgArea p:before {width:50px; height:2px; background:var(--primary); left:0; top:17px; position:absolute; display:block; content:'';}
.greet .info-tit .imgArea p b {font-size:var(--fontSize11); color:#000; font-weight:700;}

.greet .info-list {padding:50px 0 0;}
.greet .info-item {display:flex; align-items:start; gap:90px; padding:50px 0; border-top:1px solid var(--bgcGray3);}
.greet .info-item:last-child { border-bottom:1px solid var(--bgcGray3);}
.greet .info-item .img {}
.greet .info-item .img img {}
.greet .info-item-con {}
.greet .info-item-con h4 {padding:0 0 10px; font-size:var(--fontSize11); color:var(--primary); line-height:1;}
.greet .info-item-con p {line-height:1.8;}


/* ************************ 태블릿 이하(~1199) ************************ */
@media (max-width: 1024px) {
	
	/* 인사말 */
	.greet {}
	.greet .visual {height:800px;}
	.greet .visual-wrap {left:20px; top:30px; transform:none;}
	.greet .visual .con h3 {padding:50px 50px 30px;}
	.greet .visual .con .txt {padding:50px;}
	.greet .visual .con .txt p+p {padding:25px 35px 0 0; margin:25px 0 0;}
	.greet .visual .con .txt ul {padding:25px 35px 0 0; margin:25px 0 0;}
	
	
	.greet .info-tit {}
	.greet .info-tit .titArea {width:100%; padding:0 0 20px; float:none;}
	.greet .info-tit .imgArea {max-width:100%; float:right; position:static;}
	
	.greet .info-list {padding:40px 0 0;}
	.greet .info-item {gap:70px; padding:40px 0;}

	
}

/* ************************ 모바일 ************************ */
@media (max-width: 767px) {

	
	/* 인사말 */
	.greet .visual {padding:151px 0 0;}
	.greet .visual img {object-position:center;}
	.greet .visual-wrap {width:calc(100% - 40px);}
	.greet .visual .con {width:100%;}
	.greet .visual .con h3 {padding:30px 30px 20px}
	.greet .visual .con .txt {padding:30px;}
	.greet .visual .con .txt p+p {padding:15px 25px 0 0; margin:15px 0 0;}
	.greet .visual .con .txt ul {padding:15px 25px 0 0; margin:15px 0 0;}
	
	.greet .info-tit .imgArea p {margin-top:10px; padding-left:50px; }
	.greet .info-tit .imgArea p:before {width:35px; top:14px;}
	
	.greet .info-list {padding:30px 0 0;}
	.greet .info-item {gap:30px; padding:30px 0;}
	.greet .info-item img {width:50px;}

	
	
}