/* 공통 */
.sub_con { max-width: 1300px; width:100%; margin:0 auto; }
.sub_h1 { font-size: 44.5px; font-weight: bold; letter-spacing: -2.23px; line-height: 1.34; color: #000; word-break: keep-all; }
.sub_h1 span { font-weight: 300; }

.bg_bot { width:100%; height: 500px; background:url('../img/gre_bg.jpg') no-repeat center / cover; /* margin-top: 100px; */ }

/* contents */
#greetings { position: relative; overflow: hidden; }
#greetings .sub_con { position:relative; padding:85px 0 110px; text-align: center; }
#greetings .sub_con:before { content:""; position:absolute; left:0; top:0; width:181px; height: 119px; background:url('../img/gre_line1.png') no-repeat center; opacity: 0.15; }
#greetings .sub_con:after { content:""; position:absolute; right:0; bottom:0; width:181px; height: 751px; background:url('../img/gre_line2.png') no-repeat center; opacity: 0.15; }

.p_div p { margin-top: 35px; font-size: 18.5px; font-weight: 300; letter-spacing: -0.46px; line-height: 1.97; color: #000; word-break: keep-all; }
.p_div .name { margin-top: 50px; font-size: 18px; font-weight: 500; letter-spacing: -0.45px; word-break: keep-all; }
.p_div .name b { display: inline-block; margin: 0 15px; font-size: 30px; font-weight: 500; letter-spacing: -0.75px; word-break: keep-all; }
.p_div .name img { position: relative; top:-5px; }





@media screen and (max-width: 1420px) {
    /* 공통 */
    .sub_con { max-width: 1420px; padding:0 60px; }


    /* contents */
    #greetings .sub_con { padding:85px 60px 110px; }
    #greetings .sub_con:before { display: none; }
    #greetings .sub_con:after { display: none; }

}

@media screen and (max-width: 1023px) {
    /* 공통 */
    .sub_con { padding:0 40px; }
    .sub_h1 { font-size: 38px; line-height: 1.65; }

    .bg_bot { height: 350px; }

    /* contents */
    #greetings .sub_con { padding:85px 40px 80px; }
    #greetings br { display: none; }

    .p_div p { margin-top: 25px;}
    .p_div .name { margin-top: 35px;}


}
@media screen and (max-width: 767px) {
    /* 공통 */
    .sub_con { padding:0 20px; }

    .bg_bot { height: 250px; }

    /* contents */
    #greetings .sub_con { padding:50px 20px 60px; }
    #greetings .sub_h1 { font-size: 23px; margin-bottom: 30px; }

    .p_div p { margin-top: 15px; font-size: 15px; }
    .p_div .name { margin-top: 25px; font-size: 15px; }
    .p_div .name b { margin: 0 10px; font-size: 22px; position: relative; top:2px; }
    .p_div .name img { width: 100px; }


}