@charset "utf-8";
ul {list-style:none; margin:0; padding:0;}

.greetings {}
.greetings h3 {text-align:center; font-size:var(--fs32); line-height:1.3; color:#000; font-weight:700;}
.greetings h3 span {font-weight:400;}

.greetings .greetImg {width:100%; height:380px; border-radius:30px 100px 30px 30px; margin:150px 0 100px 0; background:url(/images/intro/greet_bg.jpg) no-repeat center; background-size:100%; background-position: center calc(100% + 280px);}
.greetings .greetImg {position:relative;}
.greetings .greetImg span {position:absolute; color: #000; right:0; top:-80px; font-size: 70px; font-weight: 900; line-height: 44px; opacity: 0.03;}
.greetings .greetImg div {position:absolute; right:60px; bottom:0px;}

.greetings .greetCon {display:grid; grid-template-columns:auto auto; color:#000;}
.greetings .greetCon h4 {position:relative; font-size:var(--fs22); padding-left:50px;}
.greetings .greetCon h4:before,
.greetings .greetCon h4:after {width:5px; height:10px; left:0; position:absolute; display:block; content:'';}
.greetings .greetCon h4:before {top:6px; background:var(--base2);}
.greetings .greetCon h4:after {top:16px; background:var(--base1);}

.greetings .greetCon ul li p {font-weight:700; color:var(--base2);}
.greetings .greetCon ul li+li {margin-top:50px;}
.greetings .greetCon .sign {display:flex; gap:20px; align-items: center;}

/* ************************ 태블릿 이하(~1199) ************************ */
@media (max-width: 1199px) {

	.greetings .greetImg {height: 300px; margin: 150px 0 50px 0;     background-position: center calc(100% + 30px);}
	.greetings .greetImg img {width:80%;}
	.greetings .greetImg div {right:-150px;}
	.greetings .greetCon {grid-template-columns: auto;}
	.greetings .greetCon h4 {margin-bottom:25px; padding-left:25px;}
	.greetings .greetCon h4 br {display:none;}
	.greetings .greetCon ul {padding-left:25px;}
	.greetings .greetCon ul li+li {margin-top: 25px;}
}

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

	.greetings .greetImg {height:220px; margin: 70px 0 50px 0; background-position: center calc(100% + 0px);}
	.greetings .greetImg span {font-size:30px; top: -55px;}
	.greetings .greetImg img {position:absolute; width:45%; right:30px; bottom:0;}
	.greetings .greetImg div {position: relative; right:0; bottom:0; height: 100%;}
	

}