/* 공통 */
.sub_con {width:100%; padding:0 15px;}
.s_title {text-align: center;}
.s_title h1 {font-size:28px; font-weight: 400; color:#272727; letter-spacing: .4px; font-family: 'paybooc-Medium'; text-align: center;}
.s_title::after {content: ''; display: block; width:1px; height:40px; background: #0030a1; margin:20px auto 0;}
.sub_p {font-size:14px; font-weight: 300; color:#4d4d4d; line-height: 24px; letter-spacing: -.5px; word-break: keep-all;}

/*Content CSS*/
#greetings {padding:60px 0;}
.gre_top {width:100%; padding:50px 15px 0; position: relative; background: url('../img/gre_top.jpg') 0% 50% no-repeat; background-size:cover; text-align: center;}
.gre_top h2 {font-size:14px; font-weight: 500; color:#fff; font-family: 'Ubuntu', sans-serif; margin-bottom:15px;}
.gre_top h1 {font-size:24px; font-weight: 700; color:#fff; line-height: 40px; font-family: 'paybooc-Bold'; word-break: keep-all; margin-bottom: 10px;}
.gre_top > img {position: relative; max-width: 100%; bottom: -23px; width: 310px;}

.gre_txt {display: flex; flex-direction: column; margin-top: 60px;}
.gre_txt h2 {font-size:16px; font-weight: 400; color:#272727; letter-spacing: -.2px; line-height: 28px; margin-bottom:25px; word-break: keep-all;}
.gre_txt h1 {font-size:16px; font-weight: 400; coloR:#272727; letter-spacing: -.2px;line-height: 28px;text-align: right; margin-top:40px;}
.gre_txt h1 span {display: inline-block ; margin-left:15px; font-size:25px; font-weight: 400; color:#272727; letter-spacing: -.3px;     font-family: 'Noto Serif KR', serif;}


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

}

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

}

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

}