/*공통 */
.sub_con {width: 100%; margin:0 auto; position: relative; padding:0 15px; }
.sub_p {font-size:14px; font-weight: 300; color:#666; line-height: 24px; letter-spacing: -.5px; word-break: keep-all;}

/*Content CSS*/
#greetings {padding:40px 0 60px;}
/* sec1 */
#greetings  .flex_box {display: flex; flex-direction: column-reverse;}
#greetings .img {text-align: center; }
#greetings .img img {max-width: 80%;}
#greetings .txt {width:100%; text-align:left;}
#greetings .title {position: relative; margin:0 0 20px; }
#greetings .title h1 {font-size:24px; font-weight: 400; color:#333; line-height: 38px; font-family: 'NanumSquare',sans-serif; text-align: left; word-break: keep-all;
 text-align: center; }
 #greetings .title h1 b {font-weight: 800;}
#greetings .title > div {margin:0 auto 10px; text-align: center; }
#greetings .title > div span {width:290px; height: 1px; background: #dfe7e7; margin-right: 40px; display: none; }
#greetings .title > div img {width: 40px;}
#greetings .txt {text-align: center; margin:25px 0 0;}
/* #greetings .txt h2 {font-size:22px; font-weight: 800; color:#000;  font-family: 'NanumSquare',sans-serif; text-align: right; margin:30px 0 0;}
#greetings .txt h2 span {font-size:18px; color:#666; font-weight: 400; } */
#greetings .txt .sub_p {font-size:15px; line-height: 25px; }

#greetings .img h2 {font-size:18px; font-weight: 800; color:#000;  font-family: 'NanumSquare',sans-serif; text-align: center; margin:20px 0 0;}
#greetings .img h2 span {font-size:16px; color:#666; font-weight: 400; }


@media screen and (max-width:1200px) {

}

@media screen and (max-width: 960px) {
}

@media screen and (max-width: 640px) {

}