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

/* cont1 */
div.jh_mission > div.cont1 {
	padding: 40px 0;
}
div.jh_mission > div.cont1 > ul {
	overflow: hidden;
}
div.jh_mission > div.cont1 > ul > li {
	float: left;
    width: 31%;
    margin: 1%;
    border: 1px solid #e4e4e4;
    border-top: 2px solid #98b436;
    text-align: center;
    padding: 20px 0;
}
div.jh_mission > div.cont1 > ul > li > img {
	width: 100%;
    max-width: 150px;
}
div.jh_mission > div.cont1 > ul > li > p {
	font-family: 'noto sans kr';
    font-size: 19px;
    letter-spacing: 0px;
    color: #595959;
    margin-top: 15px;
}


/* cont2 */
div.jh_mission > div.cont2 {
    border: 1px solid #e4e4e4;
}
div.jh_mission > div.cont2 > div.cont2_wrap {
	padding: 10px;
}
div.jh_mission > div.cont2 > div.cont2_wrap > h2 {
	font-family: 'noto sans kr';
    font-size: 25px;
    font-weight: 400;
    letter-spacing: -2px;
    color: #595959;
    margin-bottom: 1px;
}
div.jh_mission > div.cont2 > div.cont2_wrap > h2:before {
	display: block;
    content: '';
    width: 20px;
    height: 4px;
    background-color: #71921d;
    margin-bottom:2px;
}
div.jh_mission > div.cont2 > div.cont2_wrap > p {
	font-family: 'noto sans kr';
    font-size: 17px;
    letter-spacing: -1px;
    color: #595959;
    margin-bottom: 3px;
}
div.jh_mission > div.cont2 > div.cont2_wrap > p:before {
	display: inline-block;
    content: '';
    width: 5px;
    height: 5px;
    background-color: #71921d;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 5px;
}

div.jh_mission > div.cont2 > div.cont2_wrap > h3 {
	font-family: 'noto sans kr';
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -2px;
    color: #595959;
    margin-bottom: 20px;
}

div.jh_mission > h4 {
    font-family: 'noto sans kr';
   
    background: url(http://minnie0211.dubuplus.com/app/dubu_sourcecode/docs/imgs/1474880337_bus_icon09.png) no-repeat center top;
    padding-top:30px;
    text-align:center;
	font-size: 25px;
    font-weight: 500;
    letter-spacing: 0.1px;
    line-height: 1.3;
    
}

div.jh_mission > h4 span{
    font-family: 'noto sans kr';
	color:#de5648;
}
.sub{
	padding: 20px;
			}
	.c2{

			}
	.c2 .con{
	padding-bottom: 25px;
			}
	.con h3{
	font-size: 21px;
	font-family: 'noto sans kr';
	font-weight: 500;
	color: #5b5b5b;
	letter-spacing: 1px;
			}
			.con h3:before{
				content:'';
				display: inline-block;
				width: 30px;
				height: 43px;
				background: url(/app/dubu_sourcecode/docs/imgs/1480906187_iicon.png) no-repeat;
				margin-right: 8px; 
				vertical-align: middle;
			}
			.con ul{
				margin: 15px 0;
				background: #f5f5f5;
				padding: 25px;
			}
			.con ul li{
				font-size: 15px;
				font-family: 'noto sans kr';
				letter-spacing: 1px;
				line-height: 1.6;
                padding-bottom: 2px;
			}
			.con ul li span{
				width: 65px;			
			}
			.con ul li strong{
            	display: block;
            }
			.con ul li em{
				display: block;  
			}
			.con ul li:before{
				content:'';
				display: inline-block;
				width: 3px;
				height: 3px;
				background-color: #888;
				margin: 5px;
			}
			.no ul li:before{
            	display: none;
            }
			.no ul li{
            	padding-bottom: 10px;
            }
			.con2 ul{
						text-align: center;
                background: inherit;
                padding: 5px 15px 15px;
					}
					.con2 ul li{
						width: 30%;
						margin: .5%;
						float: left;
						font-size: 14px;
						color: #5b5b5b;
						font-family: 'noto sans kr';
						letter-spacing: -.3px;
						line-height: 1.5;
						font-weight: 500;
                        border: 1px solid #ddd;
                        padding: 7px;
					}
		.con2 ul li:before{
        	display: none;
        }
					.con2 ul:after{
						content: '';
						display: block;
						clear: both;
					}
					.con2 table{
						margin: 25px 0; 
					    width: 100%;
					    border-spacing: 0;
					    border-collapse: collapse;
			            text-align: center; 
					   border:1px solid #ddd;
					}   
					.con2 table th{
                         border-top: 2px solid #ea7a5b;
						border-bottom: 1px solid #e9e9e9;   
			            border-right: 1px solid #e9e9e9;  
			            background:  #f8f8f8;
			            font-family: 'noto sans kr';
			            padding: 10px;  
			            font-size: 1.2em;   
                         color: #555;
					} 
					.con2 table td{
						border-bottom: 1px solid #e9e9e9;   
			            border-right: 1px solid #e9e9e9;  
			            font-family: 'noto sans kr';
			            background:  #fff;
			            padding: 10px;
			            font-size: 1.2em;
                         color: #555;
					}
					.con2 table th:last-child{ 
			            border-right:none;   
					}
					.con2 table td:last-child{ 
			            border-right:none;   
					}
		.bt table{
        	margin: 0 0 25px;
        }
		.c2 .bt{
				padding-bottom: 0;
			}
/* cont1 */
div.sub > div.cont1{
	padding-bottom:40px;
}
div.sub > div.cont1 > ul {
	overflow: hidden;
    width: 80%;
    margin: 0 auto;
    padding: 10px 0;
    border-bottom: 1px solid #e4e4e4;
}
div.sub > div.cont1 > ul > li {
	float: left;
    margin: 1%;
    padding: 10px 0;
}
div.sub > div.cont1 > ul > li:nth-child(1) { width:33%; }
div.sub > div.cont1 > ul > li:nth-child(2) { width:63%; }
div.sub > div.cont1 > ul > li > h1 { margin-bottom:20px; }
div.sub > div.cont1 > ul > li > h1 > img {
	width: 100%;
    max-width: 113px;
}
div.sub > div.cont1 > ul > li > h2 {
    margin-top: 10px;
    
	font-family: 'noto sans kr';
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    text-align: left;
    margin-bottom: 15px;
}
/*div.sub > div.cont1 > ul > li > h2:before {
	display: block;
    content: '';
    width: 20px;
    height: 4px;
    background-color: #71921d;
}*/

div.sub > div.cont1 > ul > li > p {
	font-family: 'Nanum Gothic';
    font-size: 15px;
    letter-spacing: -1px;
    line-height: 1.4;
    text-align: left;
}

/* div.cont2 */
div.cont2 {
padding:10px;
}

div.sub div.cont2 ul {
	border-top: 2px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    margin: 15px 0;
}
div.sub div.cont2 ul li {
    border-bottom: 1px dotted #ddd;
    padding: 20px 0;
}
div.sub div.cont2 h4 {
	font-family: 'noto sans kr';
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    padding-bottom:10px;
    color: #71921d;
}

div.sub div.cont2 p {
	font-family: 'Noto Sans KR', sans-serif;
    font-size: 15px;
    letter-spacing: 0px;
    line-height: 1.5;
    color: #595959;
}
div.sub div.cont2 p span{
	font-family: 'Noto Sans KR', sans-serif;
    font-size: 12px;
    color: #595959;
}

div.sub div.cont2 h5 {
	font-family: 'Noto Sans KR', sans-serif;
    font-weight:normal;
    font-size: 15px;
    letter-spacing: 0.5px;
    line-height: 1.5;
    color: #595959;
}

div.sub div.cont2 h5:before {
	display: inline-block;
    content: '';
    width: 5px;
    height: 5px;
    background-color: #71921d;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 5px;

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

.sub_c{
    border-bottom:1px dotted #ddd;
    padding-bottom:40px;
    margin-bottom:40px;
}
.sub_c:last-child{
    border-bottom:0;
    padding-bottom:0;
    margin-bottom:0;
}
.sub_c dd,
.sub_c li,
.sub_c p{
    font-family:'noto sans kr';
    font-size:15px;
    font-weight:300;
    color:#595959;
    letter-spacing:-0.3px;
    line-height:1.7em;
}
.sub_c dd{
    text-align:justify;
    padding:0 20px;
    margin-bottom:20px;
}
.sub_c dd:last-child{
    margin-bottom:0;
}
.sub_c li{
    text-indent:-17px;
    padding-left:17px;
    margin-bottom:10px;
}
.sub_c li:last-child{
    margin-bottom:0;
}
.sub_c li::before{
    display:inline-block;
    content:'';
    width:10px; height:10px;
    border:2px solid #1dabcf;
    border-radius:50%;
    vertical-align:middle;
    margin-right:7px;
}

/*국비카드 발급 절차*/
.c3 dd{
    text-align:center;
}
.c3 dd::after{
    display:block;
    content:'↓';
    font-size:20px;
    font-weight:600;
    color:#71921d;
    vertical-align:middle;
    margin:20px auto 0;
}
.c3 dd:last-child::after{
    display:none;
}
.c3 h4{
    display:inline-block;
    background:#71921d;
    color:#fff;
    border-radius:30px;
    font-family:'noto sans kr';
    font-size:17px;
    font-weight:500;
    letter-spacing:-0.7px;
    line-height:1em;
    padding:5px 20px 8px;
    margin-bottom:10px;
    transition:all 0.2s ease;
}
.c3 dd:hover h4{
    background:#71921d;
    color:#fff;
}
.c3 p{
    width:100%;
    background:#fff;
    border:1px solid #ececec;
    box-shadow:3px 3px 0 #f0f0f0;
    padding:30px 20px 20px;
    margin:-25px auto 0;
}

/* div.cont2 */
div.cont2 {
padding:10px;
}
div.sub div.cont2 ul {
	border-top: 2px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    margin: 15px 0;
}
div.sub div.cont2 ul li {
    border-bottom: 1px dotted #ddd;
    padding: 20px 0;
}
div.sub div.cont2 h4 {
	font-family: 'noto sans kr';
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    padding-bottom:10px;
    color: #FFFFFF;
}

div.sub div.cont2 p {
	font-family: 'Noto Sans KR', sans-serif;
    font-size: 15px;
    letter-spacing: 0px;
    line-height: 1.5;
    color: #595959;
}
div.sub div.cont2 p span{
	font-family: 'Noto Sans KR', sans-serif;
    font-size: 12px;
    color: #595959;
}

div.sub div.cont2 h5 {
	font-family: 'Noto Sans KR', sans-serif;
    font-weight:normal;
    font-size: 15px;
    letter-spacing: 0.5px;
    line-height: 1.5;
    color: #595959;
}

div.sub div.cont2 h5:before {
	display: inline-block;
    content: '';
    width: 5px;
    height: 5px;
    background-color: #71921d;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 5px;

}


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

/* mobile */
@media screen and (max-width:768px){
    
    /* cont1 */
    div.sub > div.cont1 > ul { width:100%; }
    div.sub > div.cont1 > ul > li:nth-child(1) { width:98%; text-align:Center; }
    div.sub > div.cont1 > ul > li:nth-child(2) { width:98%; text-align:Center; }
    
    div.cont1 > ul > li > h2 {
    text-align: center !important; 
}

div.sub > div.cont1 > ul > li > p {

    text-align: center;
}

    
    
    .sub {
    padding: 10px;
}
    .con h3{
    	    font-size: 18px;
    }
    .con h3:before{
    	    background-size: 80%;
    }
    .con ul{
		margin: 0;    	
    }
    .con2 ul{
    	padding: 5px;
    }
    .con2 ul li{
    	    width: 49%;
    }
    .con2 table th,
    .con2 table td{
    	padding: 5px;
    }
    
      div.jh_mission > div.cont1 > ul > li > img { max-width:100px; }
    div.jh_mission > div.cont1 > ul > li > p { font-size:17px; }
    div.jh_mission > div.cont2 > div.cont2_wrap { padding:30px; background-color:rgba(255,255,255,0.8); }
    div.jh_mission > div.cont2 > div.cont2_wrap > h2 { font-size:28px; }
}