/*공통*/
.sub_con {width: 100%; padding:0 15px;}

/*Content CSS*/
#greetings {text-align: center; }
#greetings .sub_con {margin-bottom:80px;}
#greetings h1 {font-size:22px; font-weight: 400; color:#00356f; margin-bottom:40px; position: relative; display: inline-block; margin-top:20px; letter-spacing: -.5px;
word-break: keep-all; padding:0 20px; line-height: 35px;}
#greetings h1 > img {position: absolute; top:-20px}
.apo1 {left:-5px; }
.apo2 {right:-5px;}

.gre_img {width:100%; height:180px; background: url('../img/gre_img.jpg') 70% 50% no-repeat; background-size:cover;  margin-bottom:40px;}
.gre_txt {display: flex; width:100%;  text-align: left; flex-wrap:wrap; text-align: center;}
.gre_txt > div {width:100%;}
.gre_txt p {font-size:14px; line-height: 26px; color:#707070; font-weight: 300; letter-spacing: -1px; word-break: keep-all;}
.gre_txt h2 {font-size:20px; font-weight: 400; color:#222; line-height: 35px; margin:20px 0; letter-spacing: -1px;word-break: keep-all;}
.gre_txt h2 b {font-weight: 600;}
.gre_txt span {display: block; font-size:16px; font-weight: 300; color:#333; text-align: right; margin-top:30px;}
.gre_txt span b {font-weight: 600; font-size:20px; color:#222; display: inline-block; margin-left:10px;}



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

}

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

}

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

}