@charset "utf-8";
*{max-height:10000px;padding:0;margin:0;outline:none;border-collapse:collapse;box-sizing:border-box;line-height:1;list-style:none;text-decoration:none;border-spacing:0;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none;user-select:none;font-size:14px}

html{background:#333}
body{min-width:320px;font-family:'굴림';color:#fff}

#main{width:700px;padding:30px;margin:0 auto}
table{display:block;width:100%}
tr:nth-child(odd){background:#434343}
td{width:100px;padding:10px;border:1px #ccc solid;text-align:right}
tr:hover{background:#000}
.t1{}
.t2{background: rgba(255,87,34,0.3)}
.t3{background: rgba(33,150,243,0.3)}
.t4{background: rgba(63,81,181,0.3)}
.t5{background: rgba(156,39,176,0.3)}
.t6{background: rgba(0,150,136,0.3)}
.t7{background: rgba(97,220,57,0.3)}

.t2,.t3,.t4{background: rgba(33,150,243,0.3)}
.t5,.t6,.t7{background: rgba(97,220,57,0.3)}