@import url("https://fonts.dubuplus.com/css?family=Nanum Brush Script");
@import url("https://fonts.dubuplus.com/css?family=Noto Sans KR");

#sub_contents {font-size:15px;line-height:1.8;color:#595959;letter-spacing:-1px;}

.greet{text-align:center;}
.greet img{margin:25px 0;}
.greet h3{font-size:38px; font-family:'Noto Sans KR'; letter-spacing:-1.5px; background-color: rgb(190, 89, 37); width:65%; text-align: center; color : #fff; margin: 0 auto;}

.greet h3 b{color:#f6ff00;}
.greet h3 br{display:none;}
.greet p strong{font-size:24px; display:block; margin:0 0 20px;}
.greet p{font-size:15px; letter-spacing:-1px;}
.greet a{font-size:20px; display:block; color:#fff; width:280px; border-radius:30px; background:#7fb546; margin:60px auto 0; padding:15px 0; transition: all 0.3s ease-out;}
.greet a:hover{box-shadow:4px 4px 4px 0 rgba(0,0,0,0.3);}

ul.ceo {width:100%;margin-left: 230px; text-align:left;  display:inline-block;}
ul.ceo li{float:left;}
ul.ceo li:first-child{width:20%;}
ul.ceo li:last-child{width:50%; margin-left:5%; margin-top:2%}


/* tablet */
@media screen and (min-width:769px) and (max-width:991px){
    .greet h3{font-size:36px;}
    .greet p strong{font-size:20px;}
    .greet p{font-size:18px;}
     ul.ceo{margin-left:0;}
    ul.ceo li:first-child{width:35%}
    ul.ceo li:last-child{width:45%; margin-left:5%}
}

/* mobile */
@media screen and (max-width:768px){
	.greet h3{font-size:30px; padding:0 30px; width : 100%;}
    .greet p strong{font-size:20px;}
    .greet p{font-size:16px; padding:0 25px;}
    .greet a{font-size:18px; width:240px;}
    .greet h3 br{display:block;}
    
     ul.ceo {width:100%; display:inline-block; margin-left:0;}
    ul.ceo li{float:none; display:block;}
    ul.ceo li:first-child {text-align:center;  width:100%;}
    ul.ceo li:last-child {margin-left:0px; margin-top:20px; width:100%;}
}