@charset "utf-8";
ul.rumitab { display:inline-block;float:left; margin:0 0 0 0; padding: 0; list-style: none; border-bottom: 1px solid #ccc; background:#fafafa; border-left: 1px solid #fafafa; border-right: 1px solid #fafafa; border-top: 1px solid #ccc; width: 100%; font-size:12px; }
ul.rumitab li { display:inline-block;float:left; text-align:center; cursor: pointer; min-width:80px; left:-1px;bottom:-1px; border:1px solid #fafafa; border-top:3px solid #fafafa; border-bottom: 1px solid #ccc; font-weight: bold; overflow: hidden; position: relative;padding:1em 0; }/* 탭 - 메뉴 */
ul.rumitab li:hover { color:red;} 
ul.rumitab li.active { background: #FFFFFF; color:#dd6666; border:1px solid #ccc; border-top:3px solid #dd6666; border-bottom: 1px solid #FFFFFF; } /* 선택된 탭 스타일 */
 ul.rumitab li.active a { color:#dd6666; _pointer-events:none; }
.rumitab_container { border: 1px solid #ccc; padding:10px 8px 8px 8px; border-top: none; clear: both; float: left; width: 100%; background: #FFFFFF; }/* 탭 내용 박스 */
.rumitab_content { padding: 5px; font-size: 12px; display: none; text-align:left; }
.rumitab_container .rumitab_content ul { width:100%; margin:0px; }
.rumitab_container .rumitab_content ul li { padding:5px; list-style:none; height:auto; overflow:hidden; }
.rumitab_box { width: 100%; min-height:150px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); -moz-box-shadow:  0 1px 3px rgba(0,0,0,0.1); overflow:hidden}/* 탭 전체 크기 */
@media (max-width:768px) {
	ul.rumitab li {width:20%;min-width:20%;}
}
@media (max-width:480px) {
	ul.rumitab li {width:20%;min-width:20%;}
}