.greetings { display: flex; align-items: flex-start; gap: 106px; }
.greetings .right { position: relative; display: flex; justify-content: center; align-items: center; width: 376px; height: 516px; max-width: 100%; background: url(../img/content/greetings-bg.png) no-repeat center / cover; border-radius: 5px; overflow: hidden; }
.greetings .right .ava { position: relative; font-weight: 700; text-align: center; color: #fff; }
.greetings .right .ava .tit01 { margin: 30px 0 10px; font-size: 28px; line-height: 33px; letter-spacing: -.02em; }
.greetings .right .ava .tit02 { font-size: 16px; line-height: 19px; letter-spacing: -.02em; }
.greetings .right .unist { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; }
.greetings .left { flex: 1; order: -1; }
@media (max-width:1024px) {
	.greetings { flex-direction: column; gap: 40px; }
	.greetings .right { margin: 0 auto; }
	.greetings .left { order: initial; }
}