@import url("http://fonts.googleapis.com/earlyaccess/notosanskr.css");

.jh_service div{
	margin:20px 0;
	padding:20px 0;
}

.con_2 {
	margin:20px 0;
	padding:20px 0;
}

.jh_service img {
	width:100%;
	padding:10px 0;
}

.jh_service h3 {
	font-size: 23px;
    font-weight: 600;
    letter-spacing: -1px;
    line-height: 1.7;
    color: #595959;
	font-family: 'Noto Sans KR';
    margin-bottom:15px; 
}

.jh_service h3 span {
    color: #a58d39;
}

.jh_service h3:before {
	display: inline-block;
    content: '';
    width: 5px;
    height: 17px;
    background-color:#c7b67b;
    margin-right: 5px;
}

.jh_service p {
	padding-left:10px;
	font-size: 15px;
    letter-spacing: -1px;
    line-height: 1.7;
    color: #7e7e7e;
	font-weight:400;
	font-family: 'Noto Sans KR';
}

.jh_service p b{
	font-size: 15px;
    color: #454545;
	font-weight:500;
	font-family: 'Noto Sans KR';
}

.jh_service p span{
    display:block;
    color: #9c2613;
	font-weight:500;
    line-height: 1.7;	
	font-family: 'Noto Sans KR';
    padding:10px 0 0;
}

.jh_service p strong {
    display:inline-block;
    font-size: 15px;
    font-weight: 500;
    color:#e37c21;
	font-family: 'Noto Sans KR';
    padding-right:5px;
    padding-top:5px;
}


.jh_service h4 {
	padding-left:20px;
	font-size: 15px;
    letter-spacing: -1px;
    line-height: 1.7;
    color: #7e7e7e;
	font-weight:400;
	font-family: 'Noto Sans KR';
}
.jh_service h4:before {
	display: inline-block;
    content: '';
    width: 4px;
    height: 4px;
    background-color:#0973ba;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 5px;
    margin-left: -8px;
}

.jh_service h5 {
    display:inline-block;	
    font-size: 17px;
    font-weight: 600;
    line-height: 1.5;
	letter-spacing: -1px;
    color: #568d85;
	font-family: 'Noto Sans KR';
    margin-top:15px; 
}

.table {
    border:1px solid #d1d1d1;
    border-collapse: collapse;
    margin:5px 0;
}

.table .a {
    width:20%;
    border-bottom:1px solid #d1d1d1;
    border-right:1px solid #d1d1d1;
    text-align:center;
    font-family:'nanum gothic';
    font-size:15px;
    color:#fff;
    font-weight:700;
    padding:10px;
    background-color:#97b6b2;
    
}
.table .c {
    width:50%;
    border-bottom:1px solid #d1d1d1;
    border-right:1px solid #d1d1d1;
    text-align:center;
    font-family:'nanum gothic';
    font-size:15px;
    color:#fff;
    font-weight:700;
    padding:10px;
    background-color:#97b6b2;
    
}
.table .d {
    width:30%;
    border-bottom:1px solid #d1d1d1;
    border-right:1px solid #d1d1d1;
    text-align:center;
    font-family:'nanum gothic';
    font-size:15px;
    color:#fff;
    font-weight:700;
    padding:10px;
    background-color:#97b6b2;
    
}
.table .b {
    border-bottom:1px solid #d1d1d1;
    border-right:1px solid #d1d1d1;
    font-family:'nanum gothic';
    font-size:14px;
	letter-spacing:-1px;
    color:#858585;
    font-weight:700;
    line-height:1.9;
    padding:10px;
}

.box{
	padding:30px 50px 50px 100px; 
}

.box li{
    width:100%;
    font-size:14px;
    padding:10px;
    font-weight:600;
    text-align: center;
    position:relative;
    margin-bottom:35px;
    line-height:1.5;
    background-color:#f6f8f4;
    border:3px solid #adcf8f;
    border-radius:5px;
    color:#797979;
    
}

.box li:after{
    display:inline-block;
    content:'';
    border-color: #6e9f43 transparent;
    border-width: 12px 8px 0px 8px;
    border-style:solid;
    position:absolute;
    left:50%;
    margin-left:-6px;
    bottom:-25px;
}

.box li:last-child:after{
    display:none;
} 

/* tablet */
@media screen and (min-width:769px) and (max-width:991px){
}

/* mobile */
@media screen and (max-width:768px){
    .box li {
    width:80%;
    height:74px;
        font-family:'nanum gothic';
    font-size:14px;
    color:#858585;
}
     .box2 li {
    width:100%;
         height:74px;
         font-family:'nanum gothic';
    font-size:14px;
    color:#858585;
         
}
}