@charset "utf-8";

.greeting {display: flex; gap:30px;}
.greeting h3 {font-size: var(--fs40); line-height: 1.3; margin-bottom: 50px; margin-top: 30px;}
.greeting .imgBox {width: calc(100% - 300px);}
.greeting .imgBox img {width: 100%; max-width: 800px;} 

.greeting .c_red {color: var(--base2);}
.greeting .c_green {color: var(--base3);}
.greeting p {line-height: 1.7;}
.greeting p+p {margin-top: 30px;}
.greeting em {display: block; margin-top: 60px; font-weight: 700;}

.greeting .img {margin-bottom: -50px;}



/* ************************ 태블릿 (~991) ************************ */
@media screen and (max-width:991px) {



}



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

    .greeting { flex-direction: column; }
    .greeting .imgBox {width: calc(100% - 100px);}

}


/* ************************ 모바일 (~500) ************************ */
@media screen and (max-width:500px) {

    .greeting h3 {margin-top: 0;}
    .greeting .imgBox {width: 100%;}
    .greeting p {line-height: 1.4;}

}