/* 공통 */
.sub_con {width:100%; padding:0 15px;}
.sub_title {text-align: center;}
.sub_title h2 {font-size:13px; font-weight: 500; color:#076ab6; font-family: 'Montserrat'; text-transform: uppercase;}
.sub_title h1 {font-size:32px; color:#2a2a2a; font-weight: 400; font-family: 'S-CoreDream-4Regular';}
.sub_title h1::after {content: ''; display: block ; width:1px; height:30px; background: #076ab6; margin:10px auto 0;}
.apos_head {display: inline-block; position: relative; }
.apos_head h1 {font-size:25px; font-weight: 400; color:#fff; font-family: 'S-CoreDream-4Regular'; padding:0 50px; word-break: keep-all; line-height: 40px;}
.apos_head > img {position: absolute; top:-8px; width:30px;}
.apos_head .apos1 {left:0;}
.apos_head .apos2 {right:0;}

/*Content CSS*/
#greetings {padding:60px 0; text-align: center; position: relative;}
.gre_article {position: relative; margin-top:40px;}
.gre_txt {padding:50px 0; width:100%; position: relative; z-index: 1; text-align: center;}
.gre_txt::before {content: ''; display: block ; width:100%; position: absolute; left:0; top:0; height:100%; z-index: -1; background: url('../img/gre_bg.jpg') 50% 50% no-repeat; background-size:cover;}
.gre_txt p {font-size:14px; font-weight: 300; color:#d9f3ff; letter-spacing: -.5px; line-height: 25px; margin-top:20px; word-break: keep-all;}
.gre_txt p:first-child {margin-top:50px;}
.gre_txt p:last-child {color:#fff;font-weight: 400;}
.gre_txt p span {display: inline-block; background: #fff; color:#076ab6; padding:0 2px; font-weight: 500; height:20px; line-height: 20px;}
.gre_img {position: relative;}
.gre_img img {width:100%}
.gre_img::after {content: ''; display: block; width:calc(100% - 20px); height:calc(100% - 20px); position: absolute; border:1px solid #3197e5; top:10px; right:10px;}


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

}

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

}

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

}