@charset "utf-8";

.greeting_top {display: flex;padding-bottom: 4rem;padding-top: 4rem;border-top: 1px solid rgb(255 255 255 / 10%);border-bottom: 1px solid rgb(255 255 255 / 10%);margin-bottom: 4rem;}
.greeting_top h4 {
	font-size: 40px;
	font-family: var(--font-point);
	font-weight: 700;
	line-height: 1.5;
	text-align: left;
	padding: 0;
	color:#fff;
	width: 45%;
	word-break: keep-all;
}
.greeting_top h4 span {color:var(--color-main)}
.greeting_top p, .greeting_contents p {font-size:20px; word-break:keep-all}
.greeting_top p {width: 55%;/* opacity: .7; */}
.greeting_contents p {padding-bottom:2rem;opacity: .8;}
.greeting_contents strong {font-weight: 800;color: #ffffff;font-size: 32px;x;text-align: center;padding-top: 2rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;text-shadow: 0 3px 10px rgb(0 0 0 / 40%);letter-spacing: 0;word-break: keep-all;}
.greeting_contents strong span {color:var(--color-main)}
.greeting_img {margin-top: 3rem;position: relative;}
.greeting_img img {width:100%; object-fit:cover; object-position:center; border-radius:2rem}

/* PC */ 
@media only screen and (min-width:1024px) and (max-width: 1400px)  {

}

/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1023px)*/ 
@media all and (max-width:1023px) {
	.greeting_img {margin-top:1rem;}
	.greeting_contents strong {padding: 2rem;}
}

/* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/ 
@media all and (max-width:767px) {
	 .greeting_top {flex-wrap:wrap;margin-bottom: 2rem;padding-bottom: 2rem;padding-top: 2rem;}
	.greeting_top h4 {width:100%;margin-bottom: 1rem;font-size: 30px;}
	.greeting_top p, .greeting_contents p {width:100%;font-size: 18px;}
	.greeting_contents p {font-size:16px}
	.greeting_contents strong {font-size: clamp(1.2rem, 6vw, 2rem);}
	.greeting_img {height: 200px;}
	.greeting_img img {object-fit:cover;height: 100%;border-radius: 1rem;}
}