/*공통*/
.sub_con {width: 1280px; margin:0 auto;}

/*Content CSS*/
#greetings {text-align: center; }
#greetings .sub_con {margin-bottom:150px;}
#greetings h1 {font-size:32px; font-weight: 400; color:#00356f; margin-bottom:50px; position: relative; display: inline-block; margin-top:20px;}
#greetings h1 > img {position: absolute; top:-20px}
.apo1 {left:-90px; }
.apo2 {right:-90px;}

.gre_img {width:100%; height:300px; background: url('../img/gre_img.jpg') 50% 50% no-repeat; background-size:cover;  margin-bottom:40px;}
.gre_txt {display: flex; width:100%;  text-align: left;}
.gre_txt > div {width:50%;}
.gre_txt p {font-size:16px; line-height: 32px; color:#707070; font-weight: 300; letter-spacing: -.5px;}
.gre_txt h2 {font-size:25px; font-weight: 400; color:#222; line-height: 42px; margin-bottom:20px;}
.gre_txt h2 b {font-weight: 600;}
.gre_txt span {display: block; font-size:18px; font-weight: 300; color:#333; text-align: right; margin-top:30px;}
.gre_txt span b {font-weight: 600; font-size:24px; 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) {

}