:root {
    --MediumDviWidth: 800;

}
html {
    position: relative;
    min-height: 100%;
}
body {
    margin-bottom: 60px;
    background-color:#f5f6f8;
}

a {
    text-decoration: none !important;
}

button:hover {
    opacity: 0.8;
}

/*Small Medium devices (landscape phones, 576px and up)*/
@media (max-width:850px)   {
    .top40p {
        top: 20%;
        transform: translate(0%, -20%);
        -ms-transform: translate(0%, -20%); /* IE 9 */
        -webkit-transform: translate(0%, -20%); /* Chrome, Safari, Opera */
    }
}


/*Large devices (desktops, 992px and up)*/
@media (min-width:850px) {
    .top40p {
        top: 40%;
        transform: translate(0%, -40%);
        -ms-transform: translate(0%, -40%); /* IE 9 */
        -webkit-transform: translate(0%, -40%); /* Chrome, Safari, Opera */
    }
}





/*Small Medium devices (landscape phones, 576px and up)*/
@media (max-width:850px) {
    .pd-fx-ma{
        padding-left:10px;
        padding-right:10px;
    }

}

/*Large devices (desktops, 992px and up)*/
@media (min-width:850px) {
    .pd-fx-ma{
        padding-left:50px;
        padding-right:50px;
    }

}



/*로그인 화면 */
.lian-lgn_div {
    position: absolute;
    left:0%;
    right:0%;
    width:100%;
}


.lian-lgn-txt{
    width: 100%;
    padding: 13px 20px 13px 20px ;
    margin: 13px 0px 13px 0px;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
    height: 50px;
    font-size:13pt;
}

.lian-lgn-btn{
    background-color: #0c3c5a;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
    height: 60px;
    font-size:24px;
}

.lian-lgn-lnk {
    font-size:13pt;
    color:#8e8e8e;
}

.lian-lgn-lnk:hover {
    font-size:13pt;
    color:#8e8e8e;
    text-decoration: none;
}

.lian-lgn-lnk-ps{
    font-size:13pt;
    color:#8e8e8e;
    padding-left:5px;
    padding-right:5px;
}

.lian-footer-img{
    width:100px;
    margin-right:10px;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 60px;
    line-height: 60px; /* Vertically center the text there */
    background-color: #f5f5f5;
    text-align: center;
}

/*일정 너비로 줄어들면 footer 글씨를 조절한다..*/
@media (max-width: 500px) {
    .footer {
        font-size:10px;
    }
}

/*일정 높이로 줄어들면 footer를 감춘다.*/
@media (max-height: 500px) {
    .footer {
        display:none;
    }
}

/*로그인 체크박스 round design 시작*/
.round {
    position: relative;
    margin: 10px 0px 10px 0px;
}

.round label {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
    height: 28px;
    left: 0;
    position: absolute;
    top: 0;
    width: 28px;
}

.round > label > div {
    min-width:200px;
    padding-left: 35px;
}

.round label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 6px;
    left: 7px;
    opacity: 0;
    position: absolute;
    top: 8px;
    transform: rotate(-45deg);
    width: 12px;
}

.round input[type="checkbox"] {
    visibility: hidden;
}

.round input[type="checkbox"]:checked + label {
    background-color: #4aa8e3;
    border-color: #4aa8e3;
}

.round input[type="checkbox"]:checked + label:after {
    opacity: 1;
}
/*로그인 체크박스 round design 종료*/


.bg-lian{
    background-color:#4aa8e3;
}


.pd-lr01{
    padding-left: 12px;
    padding-right: 12px;
}

.pd-lr02{
    padding-left: 30px;
    padding-right: 30px;
}
.pd-lr01c{
    padding-right: 12px;
    padding-left: 12px;
    margin-right: auto;
    margin-left: auto;
}

.pd-tb01{
    padding-top: 12px;
    padding-bottom: 12px;
}

/*Small devices (landscape phones, 576px and up)*/
@media (max-width:850px)  {
    .pd-tb01 {
        padding-top:12px;
        padding-bottom: 0px;
    }
}


.pd-t01{
    padding-top: 10px;
}

.pd-t02{
    padding-top: 20px;
}

.pd-t03{
    padding-top: 30px;
}

.pd-b01{
    padding-bottom: 10px;
}

.pd-b02{
    padding-bottom: 20px;
}

.pd-b03{
    padding-bottom: 30px;
}

.pd-l00{
    padding-left: 0px;
}
.pd-l01{
    padding-left: 10px;
}

.pd-l02{
    padding-left: 20px;
}

.pd-l03{
    padding-left: 30px;
}


.pd-r00{
    padding-right: 0px;
}
.wid50 {
    width: 50px;
}

.wid100 {
    width: 50px;
}


.wid95p {
    width:95%;
}

.wid100p {
    width:100%;
}
.mx-wid460 {
    max-width:460px;
}
.mx-wid1720 {
    max-width:1720px;
}
.mx-wid1920 {
    max-width:1920px;
}

.mn-wid20 {
    min-width: 20px;
}
.mn-wid460{
    min-width:460px;
}


.mx-hei65{
    max-height: 65px;
}

.mn-hei70{
    min-height: 70px;
}
.clr-fff{
    color:#ffffff;
}


/* 네비게이션바 관리지 알럿 */
.ml-auto .dropdown-menu {
    left: auto !important;
    right: 0px;
}


.lian-lnk-div{
    max-width:1920px;
    min-height:40px;
    vertical-align: middle;
}


.lnk-on {
    background-color: #a5ce1d;
    color:#ffffff;
}

.lnk-off {
    background-color: #FFFFFF;
    color:#8e8e8e;
}


.lian-lnk-sel{
    width:100px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border:1px solid #dadada;
    border-right:0px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    height:40px;
    padding-left:20px;
    position: absolute;
    text-align-last:center;
}
.lian-lnk-txt{
    width:100%;
    border:1px solid #dadada;
    border-left:0px;
    border-radius: 30px;
    height:40px;
    padding-left:100px;

}

.sch01{

    width:75px;
    height:40px;
    background-color:#0c3c5a;
    color:#FFFFFF;
    border:0px;
    background-image:url("/assets/images/lian/icon-search.png");
    background-repeat: no-repeat;
    background-position-x: 52px;
    background-position-y: 11px;
    padding-right:20px;
}

.exl01{
    width:95px;
    height:40px;
    background-color:#669765;
    color:#ffffff;
    border:0px;
    background-image:url("/assets/images/lian/icon-excel.png");
    background-repeat: no-repeat;
    background-position-x: 12px;
    background-position-y: 9px;
    padding-left:30px;
}

/*Small Medium devices (landscape phones, 576px and up)*/
@media (max-width:850px)  {
    .sch01 {
        background-position-x: 12px;
    }
    .exl01 {
        background-position-x: 12px;
    }
}
/* 테이블 시작 */
.lian-ma-tb{
    border: 1px solid #dadada;
    background-color:#ffffff;
    min-width:800px;
}

.lian-ma-tb>thead>tr>th{
    text-align: center;
    color:#323a46;
    font-size:14px;
}
.lian-ma-tb>tbody>tr>td{
    text-align: center;
    color:#53585e;
    font-size:12px;
    vertical-align: middle;
    work-break: break-all;
    padding: 0.5rem
}
.lian-ma-tb>tbody>tr{
    cursor:pointer;
}

.lian-ma-tb>tbody>tr:hover{
    background-color: #c2d4ea;
}


.lian-p2-lf-tb{
    border: 1px solid #dadada;
    background-color:#ffffff;
    min-width:100px;

}

.lian-p2-lf-tb>thead>tr>th{
    text-align: center;
    color:#323a46;
    font-size:14px;
}
.lian-p2-lf-tb>tbody>tr>td{
    text-align: center;
    color:#53585e;
    font-size:12px;
    vertical-align: middle;
}
.lian-p2-lf-tb>tbody>tr{
    cursor:pointer;
}

.lian-p2-lf-tb>tbody>tr:hover{
    background-color: #c2d4ea;
}

.lian-p2-rh-tb{
    border: 1px solid #dadada;
    background-color:#ffffff;
    min-width:800px;
}

/*Small Medium devices (landscape phones, 576px and up)*/
@media (max-width:850px)  {

    .lian-p2-rh-tb{
        min-width:620px;
    }
}

.lian-p2-rh-tb>thead>tr>th{
    text-align: center;
    color: #ffffff;
    background-color: #0b2e13;
    font-size:14px;
}
.lian-p2-rh-tb>tbody>tr>td{
    text-align: center;
    color:#53585e;
    font-size:12px;
    vertical-align: middle;
}
.lian-p2-rh-tb>tbody>tr{
    cursor:pointer;
}

.lian-p2-rh-tb>tbody>tr:hover{
    background-color: #c2d4ea;
}
/* 테이블 종료 */

/* 푸터 시작 */
.lian-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    line-height: 60px;
    background-color: #ffffff;
}


.lian-footer > .container {
    padding-right: 15px;
    padding-left: 15px;
    font-size:11px;
    max-width:1920px;
}

.lian-footer-img{
    width:100px;
    margin-right:10px;
}

/* 푸터 종료 */


.lian-ma-div{
    min-width: 1455px;
    max-width:1920px;
}
/*Small Medium devices (landscape phones, 576px and up)*/
@media (max-width:850px)  {

    .lian-ma-div{
        padding-top:5px;
    }
}



.lian-lf-div{
    max-width:30%;
}

.lian-mi-page{
    text-align: center;
}
.lian-mi-page-btn-left{
    border:0px;
    width: 55px;
    height:40px;
    color:#ffffff;
    font-size:13px;
    background-image:url("/assets/images/lian/icon-pre.png");
    background-repeat: no-repeat;
    background-position-x: 4px;
    background-position-y: 11px;
    padding-left: 15px;
}
.lian-page-btn-disable{
    background-color: #989898;
}
.lian-page-btn-enable{
    background-color: #4aa8e3;
}

.lian-page-disable{
    color: #bababa;
}
.lian-page-enable{
    color: #4aa8e3;
}
.lian-mi-page-btn-right{
    border:0px;
    width: 55px;
    height:40px;
    color:#ffffff;
    font-size:13px;
    background-image:url("/assets/images/lian/icon-next.png");
    background-repeat: no-repeat;
    background-position-x: 40px;
    background-position-y: 11px;
    padding-right: 15px;
}
.lian-sch-m{
    max-width:1920px;
    background-color:#FFFFFF;
    border-bottom:1px solid #000000;
}

.lian-sch-dash{

}

.lian-sch-s01{
    padding:10px 10px 10px 0px;
    min-height:40px;
    min-width:100px;
}

/*Small devices (landscape phones, 576px and up)*/
@media (max-width:850px)  {
    .lian-sch-s01{
        display:none;
        width:0px;
    }
}

.lian-sch-s02{
    padding:10px 0px 10px 0px;
    min-height:40px;
    width:calc(100% - 100px);
}

/*달력 버튼*/
.lian-sch-s02 > div >  input[type="text"]{
    width:200px;
    height:27px;
    background-color:#c2e7ff;
    font-size:16px;
    color:#ffffff;
    border:0px;
    border-radius: 30px;
    background-image:url("/assets/images/lian/icon-calendar.png");
    background-repeat: no-repeat;
    background-position-x: 13px;
    background-position-y: 3px;
    min-width:100%;
    text-align:center;
    padding-left:20px;
}
.lian-sch-s02 > .lian-sch-ss01{
    max-width: calc((100% - 20px) / 2);
}

.lian-sch-s02 > .lian-sch-ss02{
    width: 20px;
    text-align:center;
}
.lian-sch-s02 > .lian-sch-ss02 > span{
    color:#c2e7ff;
}

.lian-sch-s02 > .lian-sch-ss03{
    max-width: calc((100% - 20px) / 2);
}

/*Small devices (landscape phones, 576px and up)*/
@media (max-width:850px)  {
    .lian-sch-s02{
        width:100%;
    }

    .lian-sch-s02 > div > input[type="text"]{
        width:100%;
    }

    .lian-sch-s02 > .lian-sch-ss01{
        min-width: calc((100% - 24px) / 2);
    }


    .lian-sch-s02 > .lian-sch-ss02{
        width: 20px;
    }

    .lian-sch-s02 > .lian-sch-ss03{
        min-width: calc((100% - 24px) / 2);
    }

}

/*페이지 링크 시작*/
.lian-lnk-m01{
    padding:10px 0px 10px 0px;
    min-height:40px;
    min-width:250px;/*버튼사이즈 120 * 2 + 공간10*/
}

.lian-lnk-m01 > .lian-lnk-s01{
    /*min-width:44%;*/
}

.lian-lnk-m01 > .lian-lnk-s02{
    width:10px;
}

.lian-lnk-m01 > .lian-lnk-s03{
   /* min-width:44%;*/
}


/*m01-m03-m04-m05=m02
250 - 300px - 10px - 180px */
.lian-lnk-m02{
    min-width: -webkit-calc(100% - 250px - 300px - 10px - 180px);
    min-width: -moz-calc(100% - 250px - 300px - 10px - 180px);
    min-width: calc(100% - 250px - 300px - 10px - 180px);
}

/*셀렉트박스 텍스트박스 300px*/
.lian-lnk-m03{
    padding:10px 0px 10px 0px;
    min-height:40px;
    width:300px;
}

.lian-lnk-m04{
    width:10px;
}

/*검색 excel 버튼 190px
75px + 10px + 95 = 180*/
.lian-lnk-m05{
    padding:10px 0px 10px 0px;
    min-height:40px;
    min-width:180px;

}
.lian-lnk-m05 > .lian-lnk-s01{
    /*min-width:44%;*/
}

.lian-lnk-m05 > .lian-lnk-s02{
    width:10px;
}

.lian-lnk-m05 > .lian-lnk-s03{
    /* min-width:44%;*/
}

.lian-lnk-btn{
    border: 1px solid #dadada;
    font-size: 13px;
    width: 120px;
    height: 40px;
}
/*Small devices (landscape phones, 576px and up)*/
@media (max-width:850px)   {
    .lian-lnk-m01{
        width:100%;
        padding:5px 0px 5px 0px;
    }
    .lian-lnk-m01 > .lian-lnk-s01{
        min-width:calc((100% - 22px) / 2);
    }
    .lian-lnk-m01 > div > button {
        width: 100%;
    }

    .lian-lnk-m01 > .lian-lnk-s02{
        width:20px;
    }

    .lian-lnk-m01 > .lian-lnk-s03{
        min-width:calc((100% - 22px) / 2);
    }

    .lian-lnk-m02{
        padding:0px;
        min-width:0%;
    }

    .lian-lnk-m03{
        padding:5px 0px 5px 0px;
        min-width:100%;
      }

    .lian-lnk-m04{
        padding:0px;
        min-width:100%;
    }

    .lian-lnk-m05{
        padding:5px 0px 5px 0px;
        min-width:100%;
    }

    .lian-lnk-m05 > .lian-lnk-s01{
        min-width:calc((100% - 22px) / 2);
    }
    .lian-lnk-m05 > div > button {
        width: 100%;
    }

    .lian-lnk-m05 > .lian-lnk-s02{
        width:20px;
    }

    .lian-lnk-m05 > .lian-lnk-s03{
        min-width:calc((100% - 22px) / 2);
    }
}


.lian-lnk-bnk20{
    min-width:10px;
}

/*페이지 링크 종료*/


.lian-sp-txt{
    font-size:16px;
    color:#8e8e8e;
}

.lian-p2-lf{
    max-width:350px;
    min-width:350px;
}

.lian-p2-ct{
    width:20px;
    height:40px;
}

.lian-p2-rh{
    width: calc(100% - 370px);
}

/*Small Medium devices (landscape phones, 576px and up)*/
@media (max-width:850px)   {
    .lian-p2-lf{
        max-width:100%;
        min-width:100%;
        padding-right:0px;
    }

    .lian-p2-ct{
        max-width:100%;
        min-width:100%;
    }
    .lian-p2-rh{
        max-width:100%;
        min-width:100%;
    }

}

.lian-img-allow{
    background-image: url("/assets/images/lian/icon-allow-big.png");
    background-repeat: no-repeat;
    background-size: 49px;
    width: 49px;
    height: 20px;
}

.lian-img-block{
    background-image: url("/assets/images/lian/icon-block-big.png");
    background-repeat: no-repeat;
    background-size: 49px;
    width: 49px;
    height: 20px;
}


.lian-img-nf{
    width: 30px;
    height: 20px;
    margin-right:10px;
}
.lian-sp-nf{
    margin-left:10px;
    width: 30px;
}
/*Small Medium devices (landscape phones, 576px and up)*/
@media (max-width:850px)   {
    .lian-img-nf{
        margin-left:10px;
        margin-right:10px;
    }
}

/*Small Medium devices (landscape phones, 576px and up)*/
@media (max-width:850px)   {
    .lian-sp-nf{
        margin-left:10px;
        margin-right:10px;
    }
}

.nf-grb{
    background-image: url("/assets/images/lian/nf/grb.png");
}

.lian-img-dvi{
    height: 30px;
    margin-right:10px;
}
/*Small Medium devices (landscape phones, 576px and up)*/
@media (max-width:850px)   {
    .lian-img-dvi{
        margin-left:10px;
        margin-right:10px;
    }
}
.lian-sp-dvi{
    width:30px;
}

.hide {
    display: none;
}

@media (min-width: 576px) {
    .modal-dialog.modal-access-log {
        max-width: 960px;
        margin: 1.75rem auto;
    }
}

#reportrange {
    padding-left: 80px;
}

.lian-sort-desc {
    margin-left: 8px;
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.lian-sort-asc {
    margin-left: 8px;
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}