/* 공통 */
.sub_con {width:100%; padding:0 15px;}
.sub_title1 {font-size:16px; font-weight: 600; color:#006dbb; font-family: 'Raleway', sans-serif;}
.sub_title1::after {content: ''; display: block; width:1px; height:40px; margin: 20px auto 0; background: #006dbb;}

/*Content CSS*/
#greetings {text-align: center; padding:50px 0 80px 0; position: relative; z-index: 1;}
#greetings .dot_ptn {z-index: -1; width:100%; height:72%; position: absolute; left:0; bottom:0; background: url('../img/dot_ptn.png') 50% 50% repeat; }
#greetings > img {position: absolute; bottom:0; width:100%; left:0;}
#greetings .sub_con { position: relative; text-align: center; z-index: 1;}
#greetings .sub_con > img {position: absolute;}
#greetings .sub_con h1 {font-size: 19px;font-weight: 400;color:#2a2a2a;line-height: 35px;font-family: 'NEXON Lv1 Gothic OTF';word-break: keep-all;padding: 0 10px;letter-spacing: -.5px;}
#greetings .sub_con h1::after {content: ''; display: block; width:2px; height:60px; margin:20px auto 0px; background: #006dbb;}
.gre_img {width:100%; height:360px; position: relative; z-index: -1; background: url('../img/gre_img.jpg') 50% 50% no-repeat; display: none;}
#greetings .sub_con p {margin:20px 0; font-size:14px; font-weight: 300; color:#5b5b5b; line-height: 25px; letter-spacing: -.5px; word-break: keep-all;}
#greetings .sub_con h2 {font-size:18px; font-weight: 400; color:#2a2a2a; }
#greetings .sub_con h3 {font-size:20px; font-weight: 400; color:#2a2a2a; margin-top:30px;}
/*
#greetings > img {position: absolute; }
#greetings .apos1 {left:15px; top:0; width:26px;}
#greetings .apos2 {right:15px; top:40px; width:26px;} */

.flex_wrap{display: flex; justify-content: center; align-items: flex-start;}
.flex_wrap img{width: 26px;}
.flex_wrap img.apos2{position: relative; top: 10px;}
@media screen and (max-width:1200px) {

}

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

}

@media screen and (max-width: 640px) {
    #greetings .sub_con h1{max-width: 500px;}
    .flex_wrap img.apos2{top: 40px;}
}