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

.sub{font:400 15px 'noto sans kr'; letter-spacing:-0.5px; color:#333;}
.sub img{display:block; margin:0 auto; width:100%; max-width:1000px;}
.sub h3{font-size:25px; margin-bottom:10px; margin-top:20px;}
.sub h3:after{content:""; display:block; background-color:#3ab54a; width:45px; height:3px;}
.sub h4{font-size:20px; color:#3ab54a; margin-bottom:5px; margin-top:20px;}
.sub h4:first-child{margin-top:0;}
.sub h5{font-size:16px; margin:20px 0 5px 0;}
.sub ul{width:100%; border:1px solid #ddd; padding:5px; overflow:hidden;}
.sub li{float:left; width:46%; margin:1% 2%; text-indent:-7px;}
.sub li:before{content:""; display:inline-block; border-radius:50%; background-color:#3ab54a; width:3px; height:3px; margin:0 5px 4px 0;}
.sub i{color:#3ab54a; margin-right:5px;}
.sub span{color:#3ab54a; font-weight:500;}

.uu{padding:0 10px;}
.uu li{width:31.33%; margin:1% 0 1% 2%;}

/* tablet */

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

/* mobile */
@media screen and (max-width:768px){
    .sub ul{padding:5px 10px;}
    .sub li{float:none; width:100%; margin:1% 0 1% 7px; text-indent:-7px;}
}