@charset "utf-8";

* {box-sizing: border-box;}
ul {list-style: none; padding: 0;}
a {text-decoration: none; color: #474747;}

html, body {margin: 0; padding: 0; font-family: 'Noto Sans KR'; color:#474747;}

/* header */
.header {position:absolute; top:0; left:0; right: 0; min-width:1350px; max-width:1905px; height: 110px; margin: 0 auto; padding: 0 125px; display: flex; justify-content: space-between; z-index: 2;}
.header h1.logo {width:215px; margin:auto 0;}
.header nav {width: 735px;}
.header nav ul.gnb {display: flex; justify-content: space-between; font-family: 'NanumSquare'; font-weight: 700; font-size: 20px; line-height:110px; height: 110px; margin: 0 auto;}
/* .gnb li.on a {color:#bf0000;} */
.company.on .menu-company a,
.major.on .menu-major a,
.contact.on .menu-contact a {color:#bf0000;}
.gnb li a {transition: color .3s;}
.gnb li:hover a {color:#bf0000; transition: color .3s;}
.gnb li button.login {border-color: #000; background-color:#fff; padding: 5px 10px; width: 90px; height: 34px; font-family: 'NanumSquare'; font-weight: 700; font-size: 18px; cursor: pointer; transition: .3s;}
.gnb li button.login:hover {border-color: #bf0000; color:#bf0000; transition: .3s;}
@media screen and (max-width:1850px) {
    .header {min-width:1812px; padding: 0 75px;}
}

/* contents */
.index-container {position: relative; width: 100%; /* min-width: 1920px; */ height:100%; margin: 0 auto; min-height:calc(100vh - 125px); overflow: hidden;}
.index-container .swiper .slide-button-con {width: 150px; height: 110px; right: 210px; bottom: 110px; position: absolute; z-index: 1; display: flex;  flex-direction: column;}
.index-container .swiper .slide-button-con button {border:none; width: 102px; height: 45px; background-color: transparent; margin: auto;}
.slide-button-con .swiper-button-next {background-image: url(../images/right_arrow.svg); background-size: cover; bottom:0; right: 0;}
.slide-button-con .swiper-button-prev {background-image: url(../images/left_arrow.svg); background-size: cover; top:0; left: 0;}

/* section - 서브페이지 */
.container {position: relative; width: 100%; min-width: 1350px; height:100%; margin: 0 auto; min-height:calc(100vh - 125px); overflow: hidden;}
.container {padding-top: 110px; height:auto; overflow: visible;}
.container::before {content: ""; position: absolute; top:110px; left: 50%; transform: translateX(-50%); width: 1802px; height: 1px; background-color: #000;}
.container::after {content: ""; position: absolute; bottom:0; left: 50%; transform: translateX(-50%); width: 1800px; height: 1px; background-color: #000;}
.container .contents {min-width: 1200px; max-width: 1500px; width: 90%; margin:0 auto; padding: 0 0 60px;}
@media screen and (max-width:1850px) {
    .container {min-width: 1812px;}
    .container::before {width: 100%;}
    .container::after {width: 100%;}
}
@media screen and (min-width:2001px) {
    .container::before {width: 95%;}
    .container::after {width: 95%;}
}

.container .sub-header {max-width: 1600px; height: 310px; margin:65px auto 0; text-align: center; position:relative;}
/* 회사소개 상단 배경이미지 */
.container .sub-header.companyInfo {background: url(../images/sub/companyInfo_hd.jpg) center / cover no-repeat; border-radius: 155px 155px 155px 0;}
/* 주요사업 상단 배경이미지 */
.container .sub-header.majorBiz {background: url(../images/sub/majorBiz_hd.jpg) center / cover no-repeat; border-radius: 155px 155px 155px 0;}
/* Contact 상단 배경이미지 */
.container .sub-header.contact {background: url(../images/sub/contact_hd.jpg) center / cover no-repeat; border-radius: 155px 155px 155px 0;}
    .sub-header .sub-headline {position: absolute; top:-37px; left: 125px; background-color: #bf0000; border-radius: 40px 40px 40px 0; width: 130px; height: 40px; color:#fff; text-align: center; line-height: 40px; font-size: 18px; font-family: 'paybooc';}
    .sub-header .sub-text {font-family: 'NanumSquare'; font-size: 18px; line-height: 28px; padding-top: 140px; color:#000; }
    .sub-header .sub-text .Emphasize { font-weight: 700; color: #000; }

.container .inner-box {margin: 0 auto; padding:40px 0; align-items: center;}
.container .img-box {margin: 0 auto; padding:40px 0; align-items: center;}
.container .img-box > * {margin: 0 auto;} 
.container .img-box .img-box-text {text-align: center; width: auto; max-width: 450px; padding: 0 15px; background-color: #000; color: #fff; font-size: 16px; height: 36px; line-height: 36px; border-radius: 36px;}
.container .img-box img {display: flex; padding-top:30px;}
.container .sub-title { position: relative; font-family: 'paybooc'; font-weight: 700; color:#bf0000; width: 90px; height: 35px; line-height: 35px; text-align: center;}
.container .sub-title::before {content: ""; position:absolute; top:0; left: 50%; transform: translateX(-50%); background-color: #000; width: 100px; height: 1px;} 
.container .sub-title::after {content: ""; position:absolute; bottom:0; left: 50%; transform: translateX(-50%); background-color: #000; width: 100px; height: 1px;} 
.container .img-flex-box {margin: 0 auto; padding:40px 0; align-items: center; display: flex; justify-content: space-between; width: 850px;}

/* 회사소개 페이지 */
.symbol-box {width: 480px; margin: 0 auto; padding-top:30px;}
.signature-box {width: 1135px; margin: 0 auto;}
.history-con {width: 300px; margin: 0 auto; padding-top:30px;}
.history-con .history-list {position: relative; padding: 0 0 40px 40px; font-family: 'NanumSquare'; font-size: 16.5px; line-height: 25px;}
.history-con .history-list::before {content: ""; position: absolute; top:0; left: 0; background-color: #bf0000; width: 20px; height: 20px; border-radius: 20px 20px 20px 0;}
.history-con .history-list:first-child::after {content: ""; position: absolute; top:0; left: 8px; width: 2px; height: 150px; background-color: #bf0000;}
.history-con .history-list:nth-child(2)::after {content: ""; position: absolute; top:0; left: 8px; width: 2px; height: 110px; background-color: #bf0000;}
.history-con .history-list li:first-child {font-weight: 700; font-size: 18px;}

/* 주요사업 페이지 */
.business-table {border-collapse: collapse; margin: 0 auto; white-space:nowrap;}
.business-table thead tr th p {background-color:#000; color:#fff; font-size: 16px; font-family: 'NanumSquare'; border-radius: 30px 30px 30px 0; padding:9px 0; margin: 0 2px 10px;}
.business-table tbody tr td {border: 1px solid #000; padding: 8px 25px;}
.business-table tbody {padding:0 100px;}

/* contact 페이지 */
.contact-table {margin:0 auto; padding:50px 0; border-spacing: 10px 20px; white-space:nowrap;}
.table-hd {width: 160px; height: 40px; background-color: #000; border-radius: 40px 40px 40px 0; color: #fff; font-family: 'paybooc'; text-align: center;}
.table-txt {width: 360px; height: 40px; border:1px solid #000; border-radius: 40px; color: #000; text-align: center;}

/* 로그인 페이지 */
.noview {position: absolute; top: 0; left: 0; font-size: 0; line-height: 0; width: 0; height: 0; overflow: hidden; visibility: hidden;}
.login-hd {text-align: center; font-family: 'paybooc'; color: #bf0000; font-weight: 700; font-size: 22px; padding:20px 0 0;}
.login-box {display: flex; flex-direction: column; text-align: center; align-items: center;}
    .login-box .id-input,
    .login-box .pw-input  {border: 2px solid #bf0000; border-radius: 45px; width: 350px; height: 55px; font-size: 15px; line-height: 55px; text-indent: 15px;}
    .login-box .pw-input  {margin-top: 10px;}
    .login-box .login-btn {border: 1px solid #bf0000; width: 350px; height: 55px; font-family: 'paybooc'; font-size:16px; color:#fff; background-color:#bf0000; border-radius: 55px 55px 55px 0; line-height: 55px; cursor: pointer;}
    .login-box .save-id {padding:20px 0 15px;}
    .login-box .login-list {line-height:13px;}
    .login-box .login-list a {transition: color .3s;}
    .login-box .login-list a:hover {color: #bf0000; transition: color .3s;}
    
/* 아이디 비밀번호 찾기 페이지 */
.find-box {align-items: center;}
.find-message {text-align: center;}
.success-img-box.margin-top {width: 245px; height: auto; margin:40px auto;}
.success-img-box.margin-bottom {width: 240px; height: auto; margin:0 auto 40px;}
.success-img-box img {width: 100%; height: auto;}
.table-btn {border:1px solid #000; border-radius: 0; background-color: #fff; padding:5px 8px; cursor: pointer;}
.find-btn-con {margin:0 auto; align-items: center; text-align: center;}
.find-btn {width:auto; height: 50px; padding: 0 50px; font-family: 'paybooc'; font-size:16px; color:#fff; border-radius: 50px; line-height: 50px; margin:0 auto; cursor: pointer; transition: opacity .3s;}
.find-btn.black {border: 1px solid #000; background-color:#000;}
.find-btn.blue {border: 1px solid #5493ef; background-color:#5493ef;}
.find-btn.red {border: 1px solid #bf0000; background-color:#bf0000;}
.find-btn:hover {opacity: 0.8; transition: opacity .3s;}
.find-else-btn {text-align:center; line-height: 13px; transition:color .3s;}
.find-else-btn:hover a {color:#bf0000; transition:color .3s;}
.filebox .upload-name {display: inline-block; height: 30px; padding: 0 5px; vertical-align: middle; border-bottom: 1px solid #000; width: 25%; color: #000; text-overflow: ellipsis;}
.filebox label {display: inline-block; padding: 5px 10px; color: #fff; vertical-align: middle; background-color: #000; cursor: pointer; height: 30px; margin-left: 5px;}
.filebox input[type="file"] {position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}

/* 그룹웨어 페이지 */
.header h1.groupware-logo {width:210px; margin:auto auto auto 20px; padding-bottom: 15px;}
.header .groupware-nav {width: 95px;}
.header nav ul.groupware-gnb {font-family: 'NanumSquare'; font-weight: 700; font-size: 17px; text-align: right; line-height:110px; height: 110px; margin: 0 auto;}
.header nav ul.groupware-gnb .arrow-icon {transition: .4s;}
.header nav ul.groupware-gnb.active .arrow-icon {transform: rotate(180deg); transition: .3s;}
.header nav ul.groupware-gnb > li > a {position: relative;}
.header nav ul.groupware-gnb .groupware-submenu {position: absolute; top: 111px; right: 101px; background-color: #8ddfc1; border-radius: 10px; width: 140px; height: auto; padding: 20px 0; font-size: 15px; line-height: 30px; text-align: center; display: none;}
    /* .groupware-submenu > li.on a {color: #bf0000;} */
    .groupware-submenu > li > a {color: #000; transition: color .3s;}
    .groupware-submenu > li:hover a {color: #bf0000; transition: color .3s;}
    
.con-wrap {width:1802px; margin:0 auto;}
.con-wrap .snb-wrap {width: 300px; height:auto;  padding: 15px 0 0 73px; font-family: 'NanumSquare'; font-weight: 700;}
.con-wrap .snb-wrap .snb-hd  {font-size: 23px; color: #bf0000;}
.con-wrap .snb-wrap .snb  {font-size: 20px; line-height: 45px;}
    .snb > li {padding-bottom:10px;}
    .snb > li > p {line-height: 19px;}
    .snb > li.on {color: #bf0000;}
    .snb > li.on::after {border-top: 1px solid #bf0000; border-right: 1px solid #bf0000;}
    /* .snb a:hover {color: #bf0000;} */
    .snb .arrow  {position: relative;}
    .snb .arrow::after {content: ""; position: absolute; left: 140px; top: 13px; width: 10px; height: 10px; border-top: 1px solid #000; border-right: 1px solid #000; transform: rotate(135deg);}
    /* .snb .arrow:hover::after {border-top: 1px solid #bf0000; border-right: 1px solid #bf0000;} */
    .snb .snb-submenu {font-weight: 400; font-size: 17px; line-height: 30px;}
    .snb .snb-submenu > li.on > a {color:#bf0000;}
    .snb .snb-submenu > li > a:hover {color:#bf0000;}

.hrm.on .snb-hrm,
.ast.on .snb-ast,
.trip.on .snb-trip {color:#bf0000;}
.snb-submenu > li.on > a {color:#bf0000;}

.con-wrap .groupware-wrap {flex:1; border-left: 1px solid;  font-family: 'NanumSquare'; min-height:calc(100vh - 235px);}
.con-wrap .groupware-wrap .groupware-contents {min-width: 1200px; max-width: 1600px; margin:0 auto; padding: 0 0 60px;}
.groupware-contents .groupware-hd {border-bottom:1px solid #000; color:#000; padding: 0 50px 0 15px;}
.groupware-contents .groupware-hd > * {padding: 0 20px;}
.groupware-contents .groupware-hd > h1 {font-size: 21px;}
.groupware-contents .groupware-tabmenu {border-bottom:1px solid #000; color:#000; height: 50px; font-size: 18px; line-height: 35px;}
    .groupware-tabmenu > .tab {border:1px solid; border-bottom: none; padding:0; margin:0; width: 115px; height: 35px;}
    .groupware-tabmenu > .tab a:focus-visible { box-shadow: 1px 1px 5px rgba(1, 1, 0, .7);}
    .groupware-tabmenu > .tab a:focus:not(:focus-visible) { box-shadow: 1px 1px 5px rgba(1, 1, 0, .7);}
    .groupware-tabmenu > .tab a {display:block; text-align: center; width: 100%; height: 100%;}
    .groupware-tabmenu > .tab.on {background-color: #000;}
    .groupware-tabmenu > .tab.on a {color: #fff;}
    .groupware-tabmenu > .vacation {margin:15px 5px 0 37px;}
    .groupware-tabmenu > .trip {margin:15px 0 0 7px;}
.tab-wrap > div {display: none;}
.tab-wrap > div.on {display: block;}
.btn-wrap > button:nth-of-type(2) {margin-left: 10px;}
.btn-wrap > button:nth-of-type(3) {margin-left: 10px;}
.btn-wrap .btn {width: auto; padding:0 20px; margin:auto 0; height: 28px; font-family: 'NanumSquare'; line-height: 28px; color:#fff; border:none; border-radius: 25px; cursor: pointer; transition: opacity .3s;}
.btn-wrap .btn:hover  {opacity: 0.8; transition: opacity .3s;}
.btn-wrap .btn.black {background-color:#000;}
.btn-wrap .btn.red {background-color:#bf0000;}
.btn-wrap .btn.blue {background-color:#5493ef;}

.groupware-wrap input {border:none; border-bottom: 1px solid #000; border-radius: 0;}
.groupware-wrap button {height: 30px; border: none; border-radius: 5px; cursor: pointer;}
.groupware-wrap button:focus-visible {box-shadow: 1px 1px 5px rgba(1, 1, 0, .7);}
.groupware-wrap button:focus:not(:focus-visible) {box-shadow: 1px 1px 5px rgba(1, 1, 0, .7);}

.flex-between {display: flex; justify-content: space-between;}
.flex-center {display: flex; justify-content: center;}
strong {color:#bf0000; font-weight: 700;}
.groupware-table { width: 1365px; /* margin: 35px auto 45px; */ background-color: #fff; font-family: 'Noto Sans KR'; font-size: 14px; white-space:nowrap; border-collapse: collapse; border:1px solid #000;}
.groupware-table caption {background-color: #000; color: #fff; height: 35px; font-size: 16px; line-height: 35px; border-radius: 35px 35px 35px 0; margin-bottom: 10px;}
.groupware-table tr th {border: 1px solid #000; padding: 12px 0; background-color: #f7f7f7;}
.groupware-table tr th select {font-weight: 700; color: #474747;}
.groupware-table tr td {border: 1px solid #000; padding: 12px;}
.groupware-table tr button {font-family: 'Noto Sans KR';}
.groupware-table tr select {padding: 5px; font-family: 'Noto Sans KR'; border-radius: 0;}
.groupware-table tr textarea {max-width: 1122px; border-radius: 0;}
.groupware-table tr input {padding: 5px; border: none; border-bottom: 1px solid #000; font-family: 'Noto Sans KR';}
.groupware-table tr input:disabled {color:#aaa; border: none; border-bottom: 1px solid #aaa;}
.groupware-table tr input:read-only {color:#aaa; border: none; border-bottom: 1px solid #aaa;}
.groupware-table tr:last-of-type th {border-bottom: none;}
.groupware-table tr:last-of-type td:last-of-type {border-bottom: none;}

/* grid-table - 세로스크롤 */
.grid-conatiner { width: 91%; margin: 35px auto 45px; overflow: hidden;}
.grid-conatiner .grid-header {}
    .grid-hd {text-align: center; background-color: #000; color: #fff; height: 35px; font-size: 16px; line-height: 35px; border-radius: 35px 35px 35px 0; margin-bottom: 10px;}
    .grid-btns {border:1px solid; border-bottom: none; padding: 10px;  min-width: 1365px;/* display: block; */ background-color: #fff; font-family: 'Noto Sans KR'; font-size: 14px; white-space:nowrap; border-collapse: collapse;}
.grid-conatiner .grid-con {height: 247px; overflow-y: scroll; overflow-x: hidden; border:1px solid;}
.grid-conatiner .grid-table { width: 100%; /* min-width: 1365px; */ /* display: block; */ /* margin: 0 auto; */ background-color: #fff; font-family: 'Noto Sans KR'; font-size: 14px; white-space:nowrap; border-collapse: collapse;}
.grid-table thead {position: sticky; top: 0; /* color:#fff;  */z-index: 1; background-color:#f7f7f7;}
.grid-table thead::before {content: ""; position: absolute; width: 100%; height: 100%; z-index: -1; background-color:#f7f7f7;  border-bottom: 1px solid #000;}
.grid-table thead tr th {position: relative; border: 1px solid #000; padding: 10px 20px; font-weight: 400;}
.grid-table thead tr th::before {content:""; position: absolute; top:-1px; right: -1px; width: 1px; height: 103%; background-color: #000;}
.grid-table tbody { /* display: block; */ min-width: 1365px; border-top:none; text-align: center;}
.grid-table tbody tr th { border: 1px solid #000; padding: 10px 20px;}
.grid-table tbody tr td { padding:5px 12px;}
.grid-table tbody tr:first-of-type th {background-color: #f7f7f7; /* border: none;  */border-right:1px solid #000;}
.grid-table tbody tr th:first-of-type,
.grid-table tbody tr td:first-of-type {border-left:none;}
.grid-table tr td {border: 1px solid #000; padding: 12px;}
.grid-table tr button {font-family: 'Noto Sans KR';}
.grid-table tr select {padding: 5px; font-family: 'Noto Sans KR'; border-radius: 0;}
.grid-table tr textarea {max-width: 1122px; border-radius: 0;}
.grid-table tr input {padding: 5px; border: none; border-bottom: 1px solid #000; font-family: 'Noto Sans KR';}
.grid-table tr input:disabled {color:#aaa; border: none; border-bottom: 1px solid #aaa;}
.grid-table tr input:read-only {color:#aaa; border: none; border-bottom: 1px solid #aaa;}
.groupware-wrap .grid-btn {background-color: #fff; border:1px solid #000; padding:5px 10px; border-radius: 5px; cursor: pointer; transition: opacity .3s;}

/* grid-table - 가로스크롤 */
.grid-conatiner.overflow-x { width: 1365px; margin: 35px auto 45px; overflow: hidden;}
.grid-conatiner.overflow-x .grid-con{height: 170px; overflow-y: hidden; overflow-x: scroll;}
.grid-conatiner.overflow-x .grid-table thead tr th {min-width: 170px;}
.grid-conatiner.overflow-x .grid-table thead.chklist tr th:first-of-type {min-width: 30px; padding: 10px;}

/* 그룹웨어 - 휴가신청 */
.search-btn {width: 30px; height: 30px; background-color:#000; color: #fff; border-radius: 5px; border: none; outline: none; cursor: pointer;}
.search-btn:disabled {background-color:rgb(187, 187, 187); color: rgb(99, 99, 99); cursor:auto;}
.select-btn {background-color: #8ddfc1; padding:5px 10px; border-radius: 5px; cursor: pointer; transition: opacity .3s;}
.select-btn:hover {opacity: 0.8; transition: opacity .3s;}

/* swiper slider */
.swiper {width: 100%; height: 100%;}
.swiper .swiper-wrapper {width: 100%; height:100%; min-height: calc(100vh - 125px);}
    .swiper-wrapper .swiper-slide {padding-top: 140px;}
    .swiper-wrapper .slide-img {width: 100%; height: 100%; min-height: calc(100vh - 125px); background:url(../images/bg_01.jpg) no-repeat; background-size: cover;}    
    .swiper-wrapper .swiper-slide .text-box {max-width: 1500px; padding-top:20px; margin: 0 auto; font-family: 'NanumSquare'; font-weight: 400;}
        .text-box .text-hd { font-size: 35px; line-height: 50px;}
        .text-box .text-sub { font-family: 'paybooc'; font-weight: 700; font-size: 38px; line-height: 0; color:#000; }
        .text-box .text-info { font-size: 18px; line-height: 30px; padding-top: 20px; }

    .swiper-wrapper .slide-img2 {width: 100%; height: 100%; min-height: calc(100vh - 125px);background:url(../images/bg_02.jpg) no-repeat; background-size: cover;} 
    .swiper-wrapper .swiper-slide .text-box2 { margin-top: 100px; font-family: 'NanumSquare'; font-weight: 400; position:relative; text-align: center; z-index: 2;}
    .swiper-wrapper .swiper-slide .text-box2::after {content: ""; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); width: 640px; height: 350px; background-color: rgba(255,255,255,0.8); z-index: -1;}
        .text-box2 .text-hd { font-size: 30px; line-height: 20px;}
        .text-box2 .text-sub { font-family: 'paybooc'; font-weight: 700; font-size: 38px; line-height: 0; color:#000; }
        .text-box2 .text-info { font-size: 18px; line-height: 30px; padding-top: 8px; }

/* footer */
.footer {min-width: 1350px; max-width:1905px; height: 125px; margin: 0 auto; padding: 0 125px; background-color: #fff; display: flex; justify-content: space-between; font-family: 'NanumSquare'; font-size: 16.1px;}
.footer .address {line-height: 25px; padding-top: 25px;}
/* .footer .policy {margin: auto 0; min-width: 170px;}
.footer .policy a {font-family: 'Noto Sans KR'; font-size:13px; border:1px solid #474747; padding: 5px 23px;} */
.footer .footer-logo {width: 145px; margin: auto 0;}
@media screen and (max-width:1850px) {
    .footer {min-width:1812px; padding: 0 75px;}
}

/* popup */
.popup-container {width: 100%;  min-width: 360px; height: auto; min-height:100%;}
.popup-hd {border-bottom:1px solid #000; padding: 0 25px;}
.popup-hd > h1 {font-size: 17px;}
.groupware-table.popup {width: 95%; margin: 18px auto 15px;}
.groupware-table.popup caption {height: 32px; line-height:32px;}
.groupware-table.popup tr th {padding: 5px 0;}
.groupware-table.popup tr td {padding: 5px 10px;}
.popup-grid { width: 95%; margin: 0 auto 20px; overflow: hidden;}
.popup-grid-table {width: 100%; background-color: #fff; font-family: 'Noto Sans KR'; font-size: 14px; word-break: keep-all; /* white-space:nowrap; */ border-collapse: collapse;}
.popup-grid-table caption {background-color: #000; color: #fff; height: 35px; font-size: 16px; line-height: 35px; border-radius: 35px 35px 35px 0; margin-bottom: 10px;}
.popup-grid-table tbody {overflow: auto; border:1px solid #000; border-top:none;}
.popup-grid-table tbody tr th { border: 1px solid #000; padding: 12px 20px;}
.popup-grid-table tr td {border: 1px solid #000; padding: 12px;}
/* .popup-grid-table tr:nth-of-type(2n-1) td {background-color:rgb(240, 240, 240);} */


/* ie 대비 */
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
    * {font-family: 'Noto Sans KR' !important;}
    .header h1.logo {margin:30px 0;}
    .gnb li button.login {width: 82px; line-height: 0px;}
    .footer .footer-logo {margin: 55px 0;}
}

/* 공통속성 */
.color-red {color: #bf0000;}
/* .color-blue {color: #5493ef;} */
.t-left {text-align: left;}
.t-right {text-align: right;}
.t-ellipsis {text-overflow: ellipsis;}

/* .ui-jqgrid .ui-jqgrid-htable th div {
    height:30px;
    overflow:hidden;
    padding-right:4px;
    padding-top:6px;
    position:relative;
    vertical-align:text-top;
    white-space:normal !important;
    font-size:1.2em;
    font-weight:900;
}; */