@charset "utf-8";

.greeting {}
.greeting .greet-inner {}
.greeting .greet-tit {position:relative;}
.greeting .greet-tit h3 {padding-top:40px; color: #000;font-family: NanumMyeongjo;font-size:var(--fs38);font-weight: 700;line-height: 150%; position:relative;}
.greeting .greet-tit h3 b {color:var(--base2); font-weight:700;display:block;}
.greeting .greet-tit h3:before {width:60px; height:6px; background:var(--base2); left:0; top:0; position:absolute; display:block; content:'';}

.greeting .greet-tit .imgWrap {right:0; top:0; position:absolute;}
.greeting .greet-tit .imgWrap .img {height:420px; padding:40px 40px 20px 0; position:relative;}
.greeting .greet-tit .imgWrap .img img {width:100%; height:100%; object-fit:cover; position:relative;}
.greeting .greet-tit .imgWrap .img:before {width:calc(100% - 50px) ; height:calc(100% - 110px); background:linear-gradient(var(--base1), var(--base2)) ; border-bottom:60px solid var(--bgc1); right:0; top:0; position:absolute; display:block; content:'';}

.greeting .greet-tit .imgWrap .txt {padding-right:40px; text-align: right; position:relative;}
.greeting .greet-tit .imgWrap .txt:before {width:4px; height:100%; background:var(--base2); left:0; top:0; position:absolute; display:block; content:'';}
.greeting .greet-tit .imgWrap .txt p {font-weight: 500;line-height: normal;}
.greeting .greet-tit .imgWrap .txt .name {padding:7px 0 0; color:var(--base1);font-family: NanumMyeongjo;font-size: var(--fs23);font-weight: 700;}

.greeting .greet-con {padding:60px 0 0; width:100%; gap:30px; display:flex; flex-direction:column;}
.greeting .greet-con>div {gap:30px; display:flex; flex-direction:column;}
.greeting .greet-con p {}
.greeting .greet-con p:nth-child(2) {padding-right:527px;}
.greeting .greet-con p:nth-child(3) {padding-right:527px;}


.greeting .greet-sign {padding:15px 0 0; display:flex; gap:25px; align-items:center; justify-content:end; text-align: right;}
.greeting .greet-sign p {line-height:1.4;}
.greeting .greet-sign p.name {color: #000;font-family: NanumMyeongjo;font-size:var(--fs30);font-weight: 700;}



/* ************************ 태블릿 이하(~991) ************************ */
@media (max-width: 1199px) {
	
	.greeting .greet-tit {}
	.greeting .greet-tit h3 {padding-right: 320px;}
	.greeting .greet-tit h3:before {width:55px; height:5px;}
	
	.greeting .greet-tit .imgWrap {}
	.greeting .greet-tit .imgWrap .img {height:360px;}
	.greeting .greet-tit .imgWrap .img img {}
	
	.greeting .greet-con {padding:40px 0 0;}
	.greeting .greet-con p:nth-child(2) {padding-right: 320px;}
	.greeting .greet-con p:nth-child(3) {padding-right: 0;}
	
}


/* ************************ 모바일 ************************ */
@media (max-width: 767px) {
	
	.greeting .greet-tit {}
	.greeting .greet-tit h3 {margin:30px 0 0; padding:20px 0 0;}
	.greeting .greet-tit h3:before {width:50px; height:4px;}
	
	.greeting .greet-tit .imgWrap {display:none;}
	.greeting .greet-tit .imgWrap {width:250px; max-width:100%; position:static;}
	.greeting .greet-tit .imgWrap .img {padding:20px 20px 10px 0; width:100%; height:auto; aspect-ratio:1/1.3;}
	.greeting .greet-tit .imgWrap .img img {}
	.greeting .greet-tit .imgWrap .img:before {width: calc(100% - 30px); height: calc(100% - 90px);border-width:50px;}
	.greeting .greet-tit .imgWrap .txt {padding-right: 20px;}
	
	.greeting .greet-con {gap:20px; padding:20px 0 0;}
	.greeting .greet-con>div {gap:20px;}
	.greeting .greet-con p:nth-child(2) {padding-right:0;}
	
	.greeting .greet-sign {align-content: flex-end; flex-wrap: wrap;}
	
}