.greet::after {content:""; display:block; clear:both;}
.greet h3{
	font-size:22px;
    margin-bottom:30px;
    color:#555;
    text-align:center;
    padding:20px;
    border-top:4px double #ccc;
    border-bottom:4px double #ccc;
}
.greet h3 span{
	font-size:28px;
    color:#3cb878;
}
.greet img{
    float:left;
    margin-right:15px;
}
.greet p{
	font-size:15px;
    text-align:justify;
    line-height:1.5em;
}
.greet p span{
    float:right;
}
.greet p span b{
    font-size:20px;
    display:inline-block;
    margin-left:10px;
}  

.sub_con{padding:30px; width:100%;}
.sub_con h3{font-family:'nanum gothic';font-size:25px;color:#0fb95a;margin-bottom:30px;text-align:center;}
.sub_con h3 span{font-size:25px;}
.sub_con h3 span:before{display:inline-block;content:'';width:8px;height:8px;background-color:#152850;margin-right:10px;margin-bottom:3px;}
.sub_con h3 span:after{display:inline-block;content:'';width:8px;height:8px;background-color:#152850;margin-left:10px;margin-bottom:3px;}


.history{
 	margin-left:0%;
}
.history ul{
 
}
.history ul > li{
    font-size:15px;
 
}
.history ul > li dl{
   overflow:hidden;
   margin-top:20px;
    border-bottom:1px dashed #ddd;
    padding-bottom:20px;
}
.history ul > li dt{
   float:left;
   width:20%;
   font-size:25px;
   font-weight:bold;
   color:#373737;
}
.history ul > li dt span{
   margin-left:5px;
   font-size:16px;
   color:#777;
}
.history ul > li dd{
   float:left;
   width:80%;
}
.history ul > li dd ul{
   position:relative;
   margin-top:10px;
}
.history ul > li dd ul:after{
   display:block;
   content:'';
   position:absolute;
   top:6px;
   bottom:5px;
   left:4px;
   width:1px;
   background-color:#0f763d;
}
.history ul > li dd ul li{
   padding-left:50px;
   margin-bottom:10px;
   text-indent:-50px;
   color:#9d9d9d;
   line-height:20px;
}
.history ul > li dd ul li:before{
   display:inline-block;
   content:'';
   width:9px;
   height:9px;
   margin-right:10px;
   background-color:#0f763d;
   border-radius:10px;
 
}
.history ul > li dd ul li strong{
   margin-right:10px;
   color:#575555;
 
}



    
/* tablet */
@media screen and (min-width:769px) and (max-width:991px){
    .history{
 		margin-left:10%;
	}
}

/* mobile */
@media screen and (max-width:768px){
    .greet img{
        width:150px;
    }
    .sub_con{padding-top:0;width:100%;}
    .sub_con h3{font-family:'nanum gothic';font-size:25px;color:#3367a7;margin-bottom:30px;text-align:center;}
    .sub_con h3 span{font-size:25px;}
    .sub_con h3 span:before{display:inline-block;content:'';width:8px;height:8px;background-color:#152850;margin-right:10px;margin-bottom:3px;}
    .sub_con h3 span:after{display:inline-block;content:'';width:8px;height:8px;background-color:#152850;margin-left:10px;margin-bottom:3px;}
    .history ul > li dt{
       width:100%;
   }
    .history ul > li dd{
       width:100%;
   }
    .history{
 		margin-left:0;
	}
}