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


/* img */
div.jh_pro1 > div img {
	width: 100%;
    margin: 10px 0;
}

/* h2 */
div.jh_pro1 > div {
	padding: 30px 0;
}
div.jh_pro1 > div > h2 {
	font-family: 'Nanum Gothic';
    font-size: 28px;
    font-weight: 400;
    letter-spacing: -3px;
    text-align: center;
    margin-bottom: 20px;
}
div.jh_pro1 > div > h2:before {
	display: block;
    content: '';
    width: 50px;
    height: 4px;
    background-color: #7eb8cb;
    margin: 15px auto;
}

/* table */
div.jh_pro1 table {
	border:1px solid #e1e1e1;
    border-top: 1px solid #858585;
    width:100%;
    max-width:830px;
    margin: 0 auto;
    border-spacing:0;
    border-collapse:collapse;
    margin-top:30px;
    text-align:center;
}
div.jh_pro1 table tr {
	border:1px solid #e1e1e1;
}
div.jh_pro1 table > thead > tr > th {
    font-family: 'Nanum Gothic';
    font-size:15px;
    letter-spacing: -1px;
    border:1px solid #e1e1e1;
    border-top: 1px solid #00698c;
    padding:10px 5px;
    background-color:#e5eff3;
    color:#3d3d3d;	
}
div.jh_pro1 table > tbody > tr > th {
    font-family: 'Nanum Gothic';
    font-size:15px;
    letter-spacing: -1px;
    border:1px solid #e1e1e1;
    padding:10px 5px;
    background-color:#f0f5f7;
    color:#3d3d3d;	
}
div.jh_pro1 table  > tbody > tr > td {
    font-family: 'Nanum Gothic';
    line-height: 1.7;
    border-right:1px solid #e1e1e1;
    font-size:13px;
    padding:10px 2px;
}


/* table scroll */
div.jh_pro1 div.scroll_t {
	width: 100%;
    overflow-x: scroll;
    white-space: nowrap;
}
div.jh_pro1 div.scroll_t table {
	display: table;
    table-layout:fixed;
    width:1000px;
}



/* cont1 */
div.jh_pro1 > div.cont1 {
	text-align: center;
}


/* cont2 */
div.jh_pro1 > div.cont2 > ul {
	overflow: hidden;
}
div.jh_pro1 > div.cont2 > ul > li {
	float: left;
    width: 33%;
    border: 1px solid #fff;
    text-align: center;
}
div.jh_pro1 > div.cont2 > ul > li > a {
    display: block;
	font-family: 'Nanum Gothic';
    font-size: 17px;
    letter-spacing: -2px;
    background-color: #d8eaf0;
    padding: 15px 0;
}
div.jh_pro1 > div.cont2 > ul > li > a:hover {
    background-color: #7eb8cb;
}

/* cont3 */
div.jh_pro1 > div.cont3 {
	text-align:center;
}
div.jh_pro1 > div.cont3 > div.cont3_wrap {
	padding: 30px 0;
    text-align: center;
}
div.jh_pro1 > div.cont3 > div.cont3_wrap h3 {
	font-size: 23px;
    letter-spacing: -2px;
    margin-bottom: 10px;
}
div.jh_pro1 > div.cont3 > div.cont3_wrap h3:before {
	display: inline-block;
    content: '';
    width: 15px;
    height: 15px;
    border: 4px solid #7eb8cb;
    border-radius: 50%;
    margin-right: 5px;
}
div.jh_pro1 > div.cont3 > div.cont3_wrap p {
	font-family: 'Nanum Gothic';
    font-size: 15px;
    letter-spacing: -1px;
    line-height: 1.5;
    margin-left: 10px;
}
div.jh_pro1 > div.cont3 > div.cont3_wrap > ul > li > p:before {
	display: inline-block;
    content: '';
    width: 5px;
    height: 5px;
    background-color: #7eb8cb;
    border-radius: 50%;
    margin-right: 5px;
    margin-left: -10px;
}
div.jh_pro1 > div.cont3 > div.cont3_wrap p span { font-weight:bold; margin-right: 5px;}


div.jh_pro1 > div.cont3 > div.cont3_wrap > ul {
	overflow: hidden;
    margin-bottom: 20px;
}
/* f_one */
div.jh_pro1 > div.cont3 > div.cont3_wrap > ul.f_one {
	display: inline-block;
}
div.jh_pro1 > div.cont3 > div.cont3_wrap > ul.f_one li {
	text-align: left;
}
/* f_four */
div.jh_pro1 > div.cont3 > div.cont3_wrap > ul.f_four li {
	float: left;
    width: 23%;
    margin: 1%;
}
/* f_two */
div.jh_pro1 > div.cont3 > div.cont3_wrap > ul.f_two li {
	float: left;
    width: 48%;
    margin: 1%;
}


/* s_pc */
@media screen and (max-width:1199px){
    div.jh_pro1 div.scroll_t {
        overflow-x: scroll;
    }
}

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

/* mobile */
@media screen and (max-width:768px){
}