.greet{overflow:hidden;}
.greet .title{margin:0 0 60px; overflow:hidden;}
.greet .title *{font-family:'Nanum Square';}
.greet .title .txt{float:left; width:55%; padding:40px 0 0;}
.greet .title .txt strong{font-size:18px; color:#999; letter-spacing:3px; margin:0 0 20px; display:block;}
.greet .title .txt h3{font-size:40px; line-height:1.3; letter-spacing:-2px;}
.greet .title .txt h3 span{color:#459ff3;}
.greet .title .txt b:before{content:''; display:block; background:#459ff3; width:60px; height:3px; margin:0 0 25px;}
.greet .title .txt b{font-size:20px; margin:20px 0 0; display:block; line-height:1.4;}
.greet .title img{float:right; width:45%; max-width:470px; padding:35px 0 0;}

.greet > p{ font-size:16.5px; line-height:1.65; text-align:justify; color:#666; letter-spacing:-0.6px;}
.greet > span{display:block; float:right; font-size:20px; font-weight:500;}
.greet > span img{display:inline-block; vertical-align:middle; margin:0 0 0 15px; width:120px;}
@media screen and (min-width:992px) and (max-width:1199px){
    .greet .title .txt h3{font-size:33px;}
}
/* tablet */
@media screen and (min-width:768px) and (max-width:991px){
    .greet .title .txt h3{font-size:30px;}
}

/* mobile */
@media screen and (max-width:767px){
    .greet .title{margin:0 0 60px; text-align:center;}
    .greet .title .txt{float:none; width:100%; padding:20px 0 0;}
    .greet .title .txt strong{font-size:17px;}
    .greet .title .txt h3{font-size:25px; letter-spacing:-1px;}
    .greet .title .txt b:before{margin:0 auto 25px;}
    .greet .title .txt b{font-size:17px;}
    .greet .title img{float:none; width:100%; max-width:400px; padding:35px 0 0; display::block; margin:0 auto;}
    
    .greet p{font-size:15px;}
    .greet > span{font-size:18px;}
}