@charset "utf-8";
@media all and (max-width:1000px) {
    /* rule */
    #contents .rule .r_history li {width:33.333%;}
}
@media all and (max-width:768px) {
    /* Rule */
    #contents .rule .r_head {margin-bottom:15px;}
    #contents .rule .r_history {margin-top:10px; padding:10px 20px;}
    #contents .rule .r_history li {width:50%; height:25px; font-size:13px; line-height:25px;}

    #contents .rule .r_body section {margin:15px 0;}
    #contents .rule .r_body h4 {font-size:16px; line-height:26px;}
    #contents .rule .r_body strong {margin-top:10px; font-size:14px; line-height:22px;}
    #contents .rule .r_body p {padding-left:15px; font-size:13px; color:#60656a; line-height:20px;}
    #contents .rule .r_body > section > ul, #contents .rule .r_body > section > ol {margin-top:3px;}
    #contents .rule .r_body li {margin-bottom:7px; font-size:12px; line-height:16px;}
    #contents .rule .r_body li ul, #contents .rule .r_body li ol {margin-top:3px;}
    #contents .rule .r_body li li {font-size:11px;}
}