/* MJ | DIV TAG CLASS CSS */

/*::-webkit-scrollbar { -webkit-appearance: none; }
::-webkit-scrollbar:vertical { width: 0.5rem; }
::-webkit-scrollbar:horizontal { height: 0.5rem; }
::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.5); border-radius: 1rem; }
::-webkit-scrollbar-track { background: rgba(0,0,0,0); }*/

/* 테이블 */
div.table { font-size: 1.5rem; text-align: center; overflow: hidden; }
div.thead { display: flex; align-items: center; font-weight: 500; color: #777; }
div.th { flex: 1; }
div.tbody { overflow-x: hidden; overflow-y: overlay; }
div.tr { display: flex; align-items: center; border-bottom: 1px solid #bbb; }
div.tr:hover { background: #F7F4F4; } 
div.tr.selected { background: #F7F4F4; color: #df3f5c; font-weight: 500; }
div.td { flex: 1; display: flex; justify-content: center; align-items: center; height: 3.6rem; overflow: hidden; }

/* 얇은 헤더 테이블 */
div.thin_header div.thead { height: 2.0rem; border-left: 1px solid transparent; border-right: 1px solid transparent; }
div.thin_header div.th:not(:last-child) { border-right: 1px solid transparent; }
div.thin_header div.tbody { height: calc(100% - 2.0rem); border-radius: 0.3rem; border: 1px solid #bbb; }
div.thin_header div.td:not(:nth-last-of-type(1)) { border-right: 1px solid #bbb; }

/* 헤더 강조 테이블 */
div.color_header div.thead { height: 3.6rem; border-top: 1px solid transparent; border-bottom: 2px solid #bbb; /*background: #F4F4F4;*/ color: #777; }
div.color_header div.tbody { /*height: calc(100% - 3.6rem);*/ border: none; border-radius: 0; }
div.color_header div.tr { cursor: pointer; }
div.color_header div.tr:hover { background: #F7F4F4; color: #df3f5c; }
div.color_header div.td { border-right: none; }


/* MJ | DIV TAG CLASS CSS END */