/*Content CSS*/
#greetings{overflow: hidden; position: relative;}
section > article{padding: 140px 0; background-color: #000322;}
.sub_inner{width: 100%; max-width: 1400px; padding: 0 50px; margin: 0 auto;}

.fs_50{font-size: 50px; font-weight: 700; color: #fff; font-family: 'NanumSquare';}
.fs_22{font-size: 22px; font-weight: 400; color: #fff; font-family: 'NanumSquare';}
.fs_17{font-size: 17px; font-weight: 300; color: #fff; letter-spacing: -.1px; line-height: 36px; }

.flex_wrap{display: flex; justify-content: space-between; margin-top: 44px;}
.img{position: relative; top: -10px; z-index: 1; height: fit-content;}
.img::before{content: ''; display: block; top: 10px; right: -10px; width: 100%; height: 100%; background-color: #ececec; position: absolute; z-index: -1;}
.text p + p{margin-top: 30px;}
.flex_wrap + p{margin-top: 55px;}
.flex_wrap + p span{display: block; text-align: right; margin-top: 50px;}
@media screen and (min-width: 1025px) {

}
@media screen and (max-width: 1400px) {
    .text{width: calc(50% - 40px); margin-right: 40px;}
    .text br{display: none;}
    .text p + p{margin-top: 20px;}
    .flex_wrap + p{margin-top: 30px;}
    .flex_wrap + p span{margin-top: 40px;}
}
@media screen and (max-width: 1280px) {
    .fs_50{font-size: 45px;}
    .fs_22{font-size: 19px;}
    .fs_17{font-size: 16px; line-height: 1.9;}
    .text{width: calc(50% - 30px); margin-right: 30px;}
    .img{width: 50%; height: initial;}
    .img img{height: 100%; object-fit: cover;}

}
@media screen and (max-width: 1024px) {
    section > article{padding: 50px 0;}
    .sub_inner{padding: 0 30px;}

    .fs_50{font-size: 30px; text-align: center;}
    .fs_22{font-size: 18px;}
    .fs_17{font-size: 14px; line-height: 1.8;}

    .text{width: calc(60% - 20px); margin-right: 20px;}
    .img{width: 40%;}



}
@media screen and (max-width: 768px) {
    .flex_wrap{flex-direction: column-reverse;}
    .text{width: 100%; margin-right: 0; text-align: center; margin-top: 20px;}
    .text p + p{margin-top: 10px;}
    .flex_wrap + p{margin-top: 10px; text-align: center;}
    .flex_wrap + p span{margin-top: 20px; text-align: center;}
    .img{width: 100%; max-width: 630px; margin: 0 auto;}
    .img img{width: 100%;}

}
@media screen and (max-width: 640px) {
    .sub_inner{padding: 0 20px;}
    .fs_50{font-size: 25px;}
    .fs_22{font-size: 17px;}
    .fs_17{font-size: 13px;}
}