@import url("https://fonts.dubuplus.com/css?family=Noto Sans KR");
.greeting{overflow:hidden}
.greeting img{width:100%; float:left; margin: 0 0 0 0;}
.greeting .txt{width:100%; float:right; padding:30px 0 0 0px; position:relative;}
.greeting .txt h3{font-size:32px; letter-spacing:-1.8px; line-height:1.4; margin:0 0 30px; font-weight:300;}
.greeting .txt h3 b{color:#8db72c;}
.greeting .txt p{font-size:16px; letter-spacing:-0.8px; margin:0 0 30px;}
.greeting .txt p.intro{font-size:18px; font-weight:500;}
.greeting .txt p.line{border-left:2px solid #8db72c; padding:0 0 0 25px; color:#666;}
.greeting .txt p b:before{content:''; display:inline-block; width:35px; height:1px; background:#000; vertical-align:middle; margin:0 8px 3px 0;}
.greeting .txt p b{font-weight:500; font-size:20px; color:#000; vertical-align: bottom;}

img.si{padding:0; clear:both; margin:0;  width:150px; display:inline-block; float:none;    vertical-align: bottom;}


/* tablet */
@media screen and (min-width:768px) and (max-width:991px){
    .greeting img{width:100%; border-radius:0px;}
	.greeting .txt{width:100%; float:right; padding:30px 0 0 25px;}
    .greeting .txt h3{font-size:28px;}
    .greeting .txt p{font-size:15px;} 
     img.si{padding:0; clear:both; margin:0; width:150px; }
}

/* mobile */
@media screen and (max-width:767px){
    .greeting img{width:100%; border-radius:5px; margin:0 0; float:none;}
    .greeting .txt{width:100%; float:none; padding:30px 10px;}    
    .greeting .txt h3{font-size:28px;}
    .greeting .txt h3 br{display:none}
    .greeting .txt p{font-size:15px;}
   
     img.si{padding:0; clear:both; margin:0; width:150px; }
}