@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
@font-face{
 font-family:'Youth';
 src:url('//cdn.jsdelivr.net/korean-webfonts/1/orgs/othrs/kywa/Youth/Youth.woff2') format('woff2'),
     url('//cdn.jsdelivr.net/korean-webfonts/1/orgs/othrs/kywa/Youth/Youth.woff') format('woff');
}


/*info*/

.info {

}


/* topBn */

.info .topBn {
	background:url(/app/dubu_sourcecode/docs/imgs/1448351283_info_img10.png) no-repeat right top #f5f5f5	;
    background-size:auto 100%;
    padding:50px 20px;
    margin-bottom:40px;
    border:1px solid #efefef;
}

.info .topBn h4 {
	font-size:27px;
    font-family:'Youth';
    font-weight:500;
    letter-spacing:-1px;
    line-height:1.2;
    color:#0b41a3;
    width:;
    margin:10px 0;
}

.info .topBn p {
	font-size:15px;
    font-family:'Nanum Gothic';
    font-weight:500;
    letter-spacing:-1px;
    text-align:justify;
    color:#393939;
    padding:10px 0;
    width:360px;
    line-height:1.5;
}




/* info_box */

.info .info_box {
	width:93%;
    margin:60px auto;
    overflow:hidden;
}

.info .info_box p {
	font-family:'Nanum Gothic';
    font-size:15px;
    font-weight:500;
    letter-spacing:-1px;
    line-height:1.7;
    color:rgba(0,0,0,0.9);
    padding:10px 5px;
}

.info .info_box p em {
	font-family:'Nanum Gothic';
    font-weight:600;
    color:#2866d6;
    font-size:0.8em;
}

.info .info_box h5 {
	font-size:18px;
    font-family:'Youth';
    font-weight:400;
    letter-spacing:-1px;
    line-height:1.2;
    color:#0b41a3;
    padding-left:25px;
    background:url(/app/dubu_sourcecode/docs/imgs/1448329961_info_img2.png) left 0 no-repeat;
    background-size:20px 20px;
    margin:10px 0;
}

.info .info_box h6 {
	font-size:16px;
    font-family:'Youth';
    color:#484848;
    line-height:1.5;
    font-weight:400;
    margin:20px 0 0 5px;
    
}

.info .info_box img {
	padding:20px 3%;
    border:1px solid #ddd;
}

/* li */

.info .info_box  ul {
	padding:10px 0;
}

.info .info_box li {
	font-size:15px;
    font-family:'Nanum Gothic';
    font-weight:500;
    letter-spacing:-1px;
    line-height:1.4;
    color:#595959;
    margin-left:20px;
    padding:5px 0;
    list-style:square outside;
}

.info .info_box li em {
    font-family:'Youth';
    font-weight:400;
    font-size:1.1em;
    color:#393939;
}

.info .line li {
	border-bottom:1px dotted #cdcdcd;
}

.info ul.g_box {
	padding:20px;
    border:1px solid #dedede;
    border-radius:10px;
}

/* table */

.info .info_box table {
	border-collapse:collapse;
    margin:30px 2%;
    width:46%;
    float:left;
    border:1px solid #ededed;
    border-top:1px solid #0b41a3;
}

.info .info_box th {
	padding:10px 4px;
    text-align:center;
    font-size:14px;
    font-family:'Nanum Gothic';
    font-weight:500;
    letter-spacing:-1px;
    color:#222;
    border-bottom:1px solid #ddd;
}

.info .info_box th.left {
	border-bottom:1px solid #ddd;
    background:#f2f2f2;
    width:25%;
}

.info .info_box td {
	padding:10px;
    text-align:center;
    font-size:14px;
    font-family:'Nanum Gothic';
    font-weight:500;
    letter-spacing:-1px;
    color:#595959;
    border-bottom:1px solid #dfdfdf;
}

.info .info_box .notice {
    background:#f6f6f6;
    border-bottom:0;
}

.info .info_box .t_top {
	font-size:14px;
    font-family:'Youth';
    color:#595959;
    line-height:1.5;
    border-bottom:1px solid #0b41a3;
}

.info .info_box .t_100 {
	width:100%;
    margin:30px 0;
}

.info .info_box .t_100 td {
    text-align:left;
    line-height:1.5;
}


/* qna */

.info .info_box .qna {
    margin:20px 5px;
    padding:10px;
	border:1px solid #ddd;
    border-top-left-radius:10px;
    border-bottom-right-radius:10px;
    box-shadow:2px 2px 3px #ddd;
    font-size:10px;
    font-family:'Youth';
    font-weight:800;
}

.info .info_box .qna p {
	 margin-left:30px;
}

.info .info_box .qna span {
    margin-right:5px;
    padding:2px 6px;
    border-radius:50%;
    color:#fff;
    margin-left:-30px;
}

.info .info_box .q_color span {
	background:#d54545;
}

.info .info_box .a_color span {
	background:#4e66cc;
}

.info .info_box .qna .q_color {
	border-bottom:1px dashed #ccc;
}





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

/* mobile */
@media screen and (max-width:650px){
    .info .topBn {
		background:#f5f5f5;
        padding:20px 10px;
        border:0;
        border-bottom:1px solid #dadada;
        border-top:2px solid #0b41a3;
    }
    
    .info .topBn h4 {
        font-size:20px;
    }
    
    .info .topBn p {
    	width:100%;
    }
    
    .info .info_box {
		width:100%;
    }
    
     .info .info_box p {
        font-size:14px;
    }
    
    .info .info_box li {
        font-size:14px;
    }
    
    .info .info_box table {
    	width:100%;
        float:none;
    }
    
    .info .info_box .t_top {
    	height:auto;
    }
    
    .info .info_box img {
        padding:0px;
        border:1px solid #ddd;
    }
    
}