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


.jh_equipment > div { padding:25px 0; }

/* h3 */
.jh_equipment h3 {
    font:500 20px/1.5em 'Noto Sans KR';
    letter-spacing:-1px;
    margin-bottom:10px;
    margin-left:25px;
}
.jh_equipment h3:before {
    display:inline-block;
    content:'';
    width:15px;
    height:15px;
    background:url(/app/dubu_sourcecode/docs/imgs/1488855566_icon01.png) no-repeat center;
    background-size:100% auto;
    margin-right:10px;
    margin-left:-25px;
}

/* h3 */
.jh_equipment h4 {
    font:500 17px/1.5em 'Noto Sans KR';
    letter-spacing:-1px;
}

/* p */
.jh_equipment p {
    font:400 15px/1.5em 'Noto Sans KR';
    letter-spacing:-0.5px;
    color:#595959;
}
.jh_equipment p strong { font-weight:500; color:black; }

/* color */
.jh_equipment .c_o { color:#d76500; }
.jh_equipment .c_b { color:#3a76a8; }
.jh_equipment .bg_o { color:#fff; background:#d76500; padding:0 3px; }
.jh_equipment .bg_y { background:#e7d405; padding:0 3px; }
.jh_equipment .border_wrap { border:1px solid #e4e4e4; padding:10px; background:#f2f2f2; margin:5px 0; }

/* img */
.jh_equipment img { width:100%; border:1px solid #e4e4e4; }

/* ul */
.jh_equipment ul.p_dot li p { margin-left:10px; }
.jh_equipment ul.p_dot li p:before {
    display:inline-block;
    content:'';
    width:5px;
    height:5px;
    background:#b7c4ce;
    border-radius:50%;
    vertical-align:middle;
    margin-right:10px;
    margin-left:-10px;
}

.jh_equipment ul.process1 li {
    text-align:Center;
    background:#d5e1ec;
    padding:5px;
    border-radius:15px;
    margin-bottom:20px;
    box-shadow:1px 1px 2px #3a76a8;
    position:relative;
}
.jh_equipment ul.process1 li:after {
	position:absolute;
    left:50%; bottom:-16px;
    margin-left:-6px;
    display:block;
    content:'▼';
    color:#3a76a8;
    font-size:12px; line-height:12px;
    width:12px; height:12px;
}
.jh_equipment ul.process1 li:last-child:after { display:none; }


/* table */
.jh_equipment table {
    width: 100%;
    max-width: 830px;
    margin: 10px auto;
    border-spacing: 0;
    border-collapse: collapse;
    border: 1px solid #e1e1e1;
    text-align: center;
}
.jh_equipment table tr {
    border: 1px solid #e1e1e1;
}
.jh_equipment table tr th {
    font:500 16px/1.5em 'Noto Sans KR';
    background-color: #f2f2f2;
    color: #3d3d3d;
    border: 1px solid #e1e1e1;
    padding: 10px 5px;
}
.jh_equipment table thead tr th { background:#005ba8; color:#fff; }
.jh_equipment table tr td {
    font:500 14px/1.5em 'Noto Sans KR';
    border: 1px solid #e1e1e1;
    padding: 10px 5px;
}


/* div.cont1 */
.jh_equipment .cont1 .cont1_wrap {
    margin-top:30px;
    padding:10px;
    border:2px solid #3a76a8;
}
.jh_equipment .cont1 .cont1_wrap h4 {
    max-width:300px;
    margin:0 auto;
    margin-bottom:15px;
    text-align:Center;
    background:#3a76a8;
    color:#fff;
    padding:5px;
}
.jh_equipment .cont1 .cont1_wrap h4 span { font-size:15px; }
.jh_equipment .cont1 .cont1_wrap ul li { margin-bottom:10px;}


/* div.cont2 */
.jh_equipment .cont2 { overflow:hidden; }
.jh_equipment .cont2 .cont2_wrap { float:left; width:48%; margin:1%; }




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

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

    /* h3 */
    .jh_equipment h3 { font-size:17px; }
    
    /* h4 */
    .jh_equipment h4 { font-size:15px; }

    /* p */
    .jh_equipment p { font-size:13.5px; }
    .jh_equipment p strong { font-weight:500; color:black; }

    .jh_equipment table tr th { font-size:14px; padding:5px; }
    .jh_equipment table tr td { font-size:13px; padding:5px; }

    /* div.cont2 */
    .jh_equipment .cont2 .cont2_wrap { float:none; width:100%; margin:10px 0; }

}