/*** 공통 ***/
.greeting .inner {display:flex; gap:100px;}
.greeting .txt-space {width:calc(100% - 500px);}
.greeting .basic-txt {color:#333;}
.greeting .basic-txt p {line-height:1.8; word-break:keep-all;}
.greeting .basic-txt p+p {margin-top:24px;}
.greeting .basic-txt p.big {font-weight:700; font-size:24px; line-height:1.4;}
.greeting .finale-txt {position:relative; margin-top:50px; padding-top:50px; font-size:24px; line-height:1.8; color:#000; font-weight:700;}
.greeting .finale-txt span {padding-left:15px;}
.greeting .finale-txt:before {content:""; display:block; width:50px; height:2px; position:absolute; background:#000; top:0; left:0;}
.greeting .bg-space {width:400px;}
.greeting .bg-space .img {position:sticky; top:120px;}
.greeting .bg-space img {border-radius:15px; aspect-ratio:4/5.5; width:100%; object-fit:cover;}


/* ************************ 태블릿 이하(~1249) ************************ */
@media screen and (max-width: 1249px) { 
.greeting .inner {gap:80px;}
.greeting .bg-space {width:300px;}
.greeting .txt-space {width:calc(100% - 380px);}
.greeting .finale-txt {margin-top:40px; padding-top:40px; font-size:22px;}
.greeting .basic-txt p.big {font-size:22px;}
.greeting .basic-txt p+p {margin-top:20px;}
}

/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {
.pc_991 {display:none;}
.greeting .inner {flex-direction:column; gap:40px;}
.greeting .txt-space {order:1; width:100%;}
.greeting .bg-space {width:100%; max-width:400px;}
.greeting .bg-space img {aspect-ratio: 1.5 / 1; object-position: center;}
.greeting .basic-txt p.big {font-size:20px;}
.greeting .finale-txt {font-size:20px; margin-top:30px; padding-top:30px;}
}

/* ************************ 태블릿 이하(~767) ************************ */
@media screen and (max-width: 767px) { 
.pc_767 {display:none;}
.greeting .inner {gap:30px;}
.greeting .basic-txt p.big {font-size:18px;}
.greeting .finale-txt {font-size:18px; margin-top:25px; padding-top:25px;}
.greeting .basic-txt p+p {margin-top:16px;}
}

/* ************************ 태블릿 이하(~500) ************************ */
@media screen and (max-width: 500px) { 
.pc_500 {display:none;}
}