/*전체 텍스트박스 스타일 지정*/
input[readonly="readonly"][type=text] {
    background-color: #E7E7E7;
}

input[readonly=""][type=text] {
    margin: 1px;
}

input[type=text] {
    border: 1px solid #496077;
    height: 25px;
}

.inputShow {
    display: block;
}

.inputHide {
    display: none;
}




/*전체 텍스트박스 스타일 지정 끝*/

/***그리드 헤더 오토 사이즈****/
.ui-datepicker {
    font-size: 12px;
    width: 250px;
}

    .ui-datepicker select.ui-datepicker-month {
        width: 30%;
        font-size: 11px;
    }

    .ui-datepicker select.ui-datepicker-year {
        width: 40%;
        font-size: 11px;
    }

th.ui-th-column div {
    white-space: normal !important;
    height: auto !important;
    padding: 2px;
    line-height: 20px;
}

.gridLink {
    text-decoration: underline;
}

a {
    text-decoration: none;
}

.ui-jqgrid tr.jqgrow td {
    white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: pre-wrap; /* css-3 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
    word-break: break-all;
    white-space: normal;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 3px;
    line-height: 20px;
}

/*
a:link{text-decoration:none;color:#4374D9;}
a:visited{text-decoration:none;color:#4374D9;}
a:active{text-decoration:none;color:#4374D9;}
a:hover{text-decoration:none;color:#4374D9;}
*/

html, body {
    height: 100%;
}


body {
    margin: 0;
    padding: 0;
    height: 100%;
}

.topBG1 {
    background: url('/images/pcount_top1.jpg');
    background-repeat: repeat-x;
}

.topBG2 {
    background: url('/images/pcount_top2.jpg');
    background-repeat: repeat-x;
    height: 35px;
}

.page {
    background-color: #fff;
    margin: 0px auto 0px auto;
    border: 0px solid #496077;
    min-height: 100%;
    height: 100%;
}

.content_page {
    background-color: #fff;
    margin: 0px auto 0px auto;
    min-height: 100%;
    height: 100%;
}

.header {
    background-color: #fff;
    margin: 0px auto 0px auto;
    border: 1px solid #496077;
    border-bottom: 0px solid;
}

.footer {
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
    border: 1px solid #496077;
    background-color: #EAEAEA;
    border-top: 0px solid;
}

.footerTitle {
    font-size: 9pt;
    font-weight: bold;
    background-color: #D9E5FF;
    padding: 5px 5px 5px 5px;
}

.footerRollingData {
    font-size: 9pt;
    background-color: #FAF4C0;
    text-align: left;
}





.textReadonly {
    border-bottom: 0px solid;
    border-right: 0px solid;
    border-left: 0px solid;
    border-top: 0px solid;
}

.textReadonlyTitle {
    border-bottom: 0px solid;
    border-right: 0px solid;
    border-left: 0px solid;
    border-top: 0px solid;
    background-color: transparent;
    font-size: 14pt;
    font-weight: bold;
    height: 25px;
}

.selectCalandar {
    background-color: #FAED7D;
}

.cancelCalandar {
    background-color: transparent;
}



td {
    font-size: 9pt;
}

.contentHeader {
    background-color: #ECEBFF;
    padding: 5px 5px 5px 5px;
    BORDER: 1PX SOLID #708189;
    height: 43px;
}

.contentBox {
}

.contentHeaderText {
    font-size: 10pt;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    color: #1F50B5;
    height: 25px;
}

.contentBigHeaderText {
    font-size: 24pt;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    color: #1F50B5;
    height: 25px;
}

.contentTitle {
    background-color: #D4F4FA;
    padding: 5px 5px 5px 5px;
    text-align: center;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-left: 1px solid;
    BORDER-COLOR: #708189;
}

.contentTitle2 {
    background-color: #D4F4FA;
    padding: 5px 5px 5px 5px;
    text-align: center;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-left: 1px solid;
    BORDER-COLOR: #708189;
}

.contentTitle3 {
    padding: 5px 5px 5px 5px;
    text-align: center;
    border-bottom: 1px solid;
    BORDER-COLOR: #708189;
}


.contentTitleStartTop {
    background-color: #D4F4FA;
    padding: 5px 5px 5px 5px;
    text-align: center;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-left: 1px solid;
    BORDER-COLOR: #708189;
}

.contentGridTmp {
    text-align: center;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-left: 1px solid;
    BORDER-COLOR: #708189;
}


.contentTitleEndTop {
    background-color: #D4F4FA;
    padding: 5px 5px 5px 5px;
    text-align: center;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-right: 1px solid;
    BORDER-COLOR: #708189;
}

.contentTitleEnd {
    background-color: #D4F4FA;
    padding: 5px 5px 5px 5px;
    text-align: center;
    border-bottom: 1px solid;
    border-right: 1px solid;
    BORDER-COLOR: #708189;
}



.contentLogin {
    padding: 5px 5px 5px 5px;
    text-align: center;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-left: 1px solid;
    BORDER-COLOR: #708189;
}

.contentData {
    border-bottom: 1px solid;
    border-right: 1px solid;
    BORDER-COLOR: #708189;
    padding: 5px 5px 5px 5px;
}

.contentData2 {
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-right: 1px solid;
    BORDER-COLOR: #708189;
    padding: 5px 5px 5px 5px;
}

.contentData3 {
    border: 1px solid;
    BORDER-COLOR: #708189;
    padding: 5px 5px 5px 5px;
}

.contentDataStart {
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-left: 1px solid;
    BORDER-COLOR: #708189;
    padding: 5px 5px 5px 5px;
}

.contentDataEnd {
    border-bottom: 1px solid;
    border-right: 1px solid;
    BORDER-COLOR: #708189;
    padding: 5px 5px 5px 5px;
}

.contentGrid {
    /*text-align:left;
    border-bottom:1px solid;
    border-right:1px solid;
    border-left:1px solid;
    border-color:#BDBDBD;*/
}

.calendar {
    font-size: 45pt;
    font-family: impact;
    text-decoration: none;
    color: red;
}

.calendarDetail {
    font-size: 20pt;
    font-family: impact;
    text-decoration: none;
    color: black;
}

.logo {
    font-size: 37pt;
    font-family: impact;
    text-decoration: none;
    color: #000000;
    padding-left: 5px;
}

.logo2 {
    font-size: 25pt;
    font-family: impact;
    text-decoration: none;
    color: #000000;
    padding-left: 5px;
}

.loginInfo {
    font-size: 9pt;
    text-decoration: none;
    color: #000000;
    padding-left: 15px;
    padding-top: 15px;
    vertical-align: top;
}


.titleSubMenuName {
    font-size: 12pt;
    color: #ffffff;
}

.quickMenuBox {
    color: #F6F6F6;
    padding: 5px 5px 10px 5px;
}

.quickMenu {
    font-size: 10pt;
    padding-top: 5px;
    font-style: normal;
    text-decoration: none;
    color: #D2D2D2;
}

.mainMenuBox {
    padding-top: 10px;
    padding-bottom: 8px;
    color: #ffffff;
}

.mainMenu {
    font-size: 12pt;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    color: #ffffff;
}

.subMenu {
    font-size: 10pt;
    padding-top: 5px;
    padding-bottom: 5px;
    font-style: normal;
    text-decoration: none;
    color: #ffffff;
}

.subMenuNav {
    font-size: 10pt;
    padding-top: 5px;
    padding-bottom: 5px;
    font-style: normal;
    text-decoration: none;
    color: #ffffff;
    padding-left: 5px;
}

.stringSmallImportant {
    font-size: 9pt;
    padding-top: 7px;
    padding-bottom: 2px;
    font-style: normal;
    text-decoration: none;
    color: red;
    padding-left: 5px;
}


/*버튼*/

.btnSave {
    -moz-box-shadow: inset 0px 1px 0px 0px #bee2f9;
    -webkit-box-shadow: inset 0px 1px 0px 0px #bee2f9;
    box-shadow: inset 0px 1px 0px 0px #bee2f9;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf) );
    background: -moz-linear-gradient( center top, #63b8ee 5%, #468ccf 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf');
    background-color: #63b8ee;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px;
    text-indent: 0;
    border: 1px solid #3866a3;
    display: inline-block;
    color: #14396a;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    height: 22px;
    line-height: 25px;
    width: 80px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #7cacde;
}

    .btnSave:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee) );
        background: -moz-linear-gradient( center top, #468ccf 5%, #63b8ee 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee');
        background-color: #468ccf;
    }

    .btnSave:active {
        position: relative;
        top: 1px;
    }

.btnSel {
    -moz-box-shadow: inset 0px 1px 0px 0px #97c4fe;
    -webkit-box-shadow: inset 0px 1px 0px 0px #97c4fe;
    box-shadow: inset 0px 1px 0px 0px #97c4fe;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) );
    background: -moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
    background-color: #3d94f6;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px;
    text-indent: 0;
    border: 1px solid #337fed;
    display: inline-block;
    color: #ffffff;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    height: 22px;
    line-height: 25px;
    width: 80px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #1570cd;
}

    .btnSel:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) );
        background: -moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
        background-color: #1e62d0;
    }

    .btnSel:active {
        position: relative;
        top: 1px;
    }

.btnDel {
    -moz-box-shadow: inset 0px 1px 0px 0px #cae3fc;
    -webkit-box-shadow: inset 0px 1px 0px 0px #cae3fc;
    box-shadow: inset 0px 1px 0px 0px #cae3fc;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #4197ee) );
    background: -moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
    background-color: #79bbff;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px;
    text-indent: 0;
    border: 1px solid #469df5;
    display: inline-block;
    color: #ffffff;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    height: 22px;
    line-height: 25px;
    width: 80px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #287ace;
}

    .btnDel:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4197ee), color-stop(1, #79bbff) );
        background: -moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
        background-color: #4197ee;
    }

    .btnDel:active {
        position: relative;
        top: 1px;
    }



.btnEtc {
    -moz-box-shadow: inset 0px 1px 0px 0px #bbdaf7;
    -webkit-box-shadow: inset 0px 1px 0px 0px #bbdaf7;
    box-shadow: inset 0px 1px 0px 0px #bbdaf7;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b7d3f0), color-stop(1, #73ace6) );
    background: -moz-linear-gradient( center top, #b7d3f0 5%, #73ace6 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b7d3f0', endColorstr='#73ace6');
    background-color: #b7d3f0;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px;
    text-indent: 0;
    border: 1px solid #75aee6;
    display: inline-block;
    color: #ffffff;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    height: 22px;
    line-height: 25px;
    width: 80px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #528ecc;
}

    .btnEtc:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #73ace6), color-stop(1, #b7d3f0) );
        background: -moz-linear-gradient( center top, #73ace6 5%, #b7d3f0 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#73ace6', endColorstr='#b7d3f0');
        background-color: #73ace6;
    }

    .btnEtc:active {
        position: relative;
        top: 1px;
    }

.btnIns {
    -moz-box-shadow: inset 0px 1px 0px 0px #fce2c1;
    -webkit-box-shadow: inset 0px 1px 0px 0px #fce2c1;
    box-shadow: inset 0px 1px 0px 0px #fce2c1;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffb152), color-stop(1, #fb9e25) );
    background: -moz-linear-gradient( center top, #ffb152 5%, #fb9e25 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb152', endColorstr='#fb9e25');
    background-color: #ffb152;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px;
    text-indent: 0;
    border: 1px solid #e39103;
    display: inline-block;
    color: #ffffff;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    height: 22px;
    line-height: 25px;
    width: 80px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #cc9f52;
}

    .btnIns:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffb152) );
        background: -moz-linear-gradient( center top, #fb9e25 5%, #ffb152 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffb152');
        background-color: #fb9e25;
    }

    .btnIns:active {
        position: relative;
        top: 1px;
    }

.btnIns2 {
    -moz-box-shadow: inset 0px 1px 0px 0px #fce2c1;
    -webkit-box-shadow: inset 0px 1px 0px 0px #fce2c1;
    box-shadow: inset 0px 1px 0px 0px #fce2c1;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffb152), color-stop(1, #fb9e25) );
    background: -moz-linear-gradient( center top, #ffb152 5%, #fb9e25 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb152', endColorstr='#fb9e25');
    background-color: #ffb152;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px;
    text-indent: 0;
    border: 1px solid #e39103;
    display: inline-block;
    color: #ffffff;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    height: 22px;
    line-height: 25px;
    width: 180px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #cc9f52;
}

    .btnIns2:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffb152) );
        background: -moz-linear-gradient( center top, #fb9e25 5%, #ffb152 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffb152');
        background-color: #fb9e25;
    }

    .btnIns2:active {
        position: relative;
        top: 1px;
    }