.out{
    font-size:14px;
    color:#555;
    margin:10px;
    overflow:hidden;
    text-align:justify;
    line-height:1.6em;
}
.o_con{overflow:hidden; margin-bottom:25px;}
.out table{
    width:100%;
    border-bottom:1px solid #ccc;
    border-collapse:collapse;
    margin:15px 0 20px 0;
    border-spacing:2px;
}
.out th{
    padding: 10px 5px;
    border: 1px solid #ccc;
    background-color: #f5f7f9;
    color: #000;
    font-weight: bold;
    font-family: 'Nanum Gothic', serif;
    font-size:14px;
    text-align:center;
}

.out td{
    padding: 6px 5px;
    border: 1px solid #ccc;
    color: #4c4c4c;
    text-align: center;
    font-family: 'Nanum Gothic', serif;
    font-size:14px;
}
.out h3{background: url(/app/dubu_sourcecode/docs/imgs/1519611885_title_box2.jpg) no-repeat; padding-left:28px; font-size:22px; margin-bottom:20px;}


#justify li{border:1px solid #ccc; padding:10px; text-align:center;}
#justify li:nth-child(even){border:none; padding:0; color:#555; }
#justify li:last-child{background-color:#00aeef; color:#fff; border:none;}
#justify li h4{font-size:18px; font-weight:800;}



#strage li{width:25%; float:left; border:1px solid #ccc; padding:20px; text-align:center; margin-left:-1px; min-height:140px;}
#strage li:last-child{border-right:none;}
#strage li i{display:block; margin-bottom:5px; color:#888;}

.o_con h4{ font-size:17px; margin:15px 0;} 
#change{border-width:1px 0 1px 0; border-style:solid; border-color:#ccc; overflow:hidden;  padding:10px;}
#change li{float:left; width:50%; background: url(/app/dubu_sourcecode/docs/imgs/1519613048_bullet_1.png) no-repeat 0 6px; padding-left:20px; margin-bottom:3px;}
/* tablet */
@media screen and (min-width:769px) and (max-width:991px){
}

/* mobile */
@media screen and (max-width:768px){
    #strage li{width:100%; margin-left:0px; margin-bottom:3px; min-height:auto; padding:15px 0;}    
    #strage li:last-child{border-right:1px solid #ccc; }
    #change li{float:none; width:100%;}
}
