/*공통*/
.con1300 {width: 100%; padding:0 15px;}
.s_article {background: #fff; padding: 0 15px 60px; box-shadow: 10px 6px 10px rgba(0,0,0,0.03); position: relative; z-index: 3;}
.btm_bg {margin-top: -130px; width: 100%; height: 250px;}


/*Content CSS*/

#greetings .s_article {padding-bottom: 60px; display: flex; flex-direction: column-reverse; margin:0 auto; position: relative; z-index: 1}
#greetings .s_article::before {content: ''; display: block; width: 100%; height: 100%; position: absolute; background: url('../img/gree_txt_bg.png')no-repeat 95% 25% #fff;
left:0; top:0; z-index: -1; opacity: .6;}
#greetings .s_article .left {width: 100%; text-align: center; width: 253px; margin:0 auto;}
#greetings .s_article .left p {font-size: 24px; font-weight: 24px; color:#000; margin-top: 20px; font-weight: 700;}
#greetings .s_article .left p span {font-size: 16px; font-weight: 500; letter-spacing: 3.2px; color:#ff7200;}

#greetings .s_article .right {width: 100%;text-align: center; margin-bottom:40px; padding-bottom:30px; border-bottom:1px solid #eee;}
#greetings .s_article .right h2 {font-family: 'Montserrat',sans-serif; font-size: 17px; font-weight: 600; color:#ff7200; letter-spacing: 3.4px; margin-bottom: 15px;}
#greetings .s_article .right h1 {font-family: 'GongGothicMedium'; font-size: 32px; color:#333; margin-bottom: 25px; line-height: 45px;}
#greetings .s_article .right p {font-size: 14px; line-height: 30px; color:#756a6a; word-break: keep-all; font-weight: 300; letter-spacing: -.5px;}





/* #greetings .s_article > h1 {font-size: 30px;font-family: 'Montserrat',sans-serif; font-weight: 700; text-transform: uppercase; color:#333; text-align: center;}
#greetings .s_article > h1::after {display: block; margin: 20px auto 35px; content: ""; width: 3px; height: 40px; background: #ff7200;}
.greetings_map {width: 100%!important;}

#greetings .script {margin-top: 30px; display: flex;  align-items: center; }
#greetings .script > div {width: 50%; }
#greetings .script .img { padding-right: 60px; text-align: center;}
#greetings .script .txt { padding-left: 60px; border-left: 1px dashed #ddd;}
#greetings .script .txt ul li {display: flex; flex-direction: row; align-items: center; padding: 15px; border-bottom: 1px dashed #ddd;}
#greetings .script .txt ul li .icon {color:#ff7200; font-size: 20px; margin-right: 15px;}
#greetings .script .txt ul li h1 {color:#333; font-size: 14px; margin-right: 25px; font-family: 'Montserrat'; font-weight: 700; min-width: 75px;}
#greetings .script .txt ul li p {color:#777; font-size: 14px; font-weight: 300;} */

#greetings .btm_bg {background: url('../img/gree_btm_bg.jpg')no-repeat 50% 50%; background-size: cover; }







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

}

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

}

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

}

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

}