body {
    font-size: 12px; 
    font-family: Arial, Helvetica, sans-serif, "굴림", Gulim; 
}

.HeadTitle {
    font-size: 16px;
    font-weight: bold;
}

hr.hrMainBorder {
    width: 1440px;
    height: 4px;
    text-align: left;
    border: 0; 
    border-color: #006699;
    background-color: #006699;
    margin-left: 0;
}

hr.hrContentsBorder {
    width: 1200px;
    height: 1px;
    text-align: left;
    border: 0;
    border-color: #99CCFF; 
    background-color: #99CCFF;
    margin-left: 0;
}

hr.hrContentsBorderLong {
    width: 1440px;
    height: 1px;
    text-align: left;
    border: 0;
    border-color: #99CCFF; 
    background-color: #99CCFF;
    margin-left: 0;
}

.errorMsg {
    font-weight:bold; 
    color:#FF3366;
}

.ordinaryMsg {
    font-weight:bold; 
    color:#003399;
}

table.tblReg {
    width: 100%;
}

table.tblReg th {
    padding:2px;
    text-align: right;
}

table.tblReg td {
    padding:2px;
}

table.tblOrdinary {
    border-collapse:collapse; 
}

table.tblOrdinary th {
    border: 1px solid #D4D4D4;
    padding: 2px;
    text-align: center;
}

table.tblOrdinary td {
    border: 1px solid #D4D4D4;
    padding: 2px;
}

input[type=text], input[type=password], input[type=number], textarea, select {
    border: 1px solid #D4D4D4;
}

table.tblDetail {
    border-collapse:collapse; 
}

table.tblDetail th {
    border: 1px solid #D4D4D4;
    background-color: #99CCFF;
    height: 25px;
    min-height: 25px;
}

table.tblDetail td {
    border: 1px solid #D4D4D4;
    padding: 0 5px;
    height: 25px;
    min-height: 25px;
}

table.tblDayList {
    border-collapse:collapse; 
    width: 100%;
}

table.tblDayList th {
    border: 1px solid #D4D4D4;
    padding: 5px 0;
}

table.tblDayList td {
    border: 1px solid #D4D4D4;
    height: 30px;
    min-height: 30px;
    cursor: pointer;
    text-align: center;
    vertical-align: top;
    padding-top: 3px;
}

table.tblDayListStartup {
    border-collapse:collapse; 
}

table.tblDayListStartup th {
    border: 1px solid #D4D4D4;
    width: 25px;
    padding: 5px 0;
}

table.tblDayListStartup td {
    border: 1px solid #D4D4D4;
    min-height: 30px;
    cursor: pointer;
    text-align: center;
    vertical-align: top;
    padding-top: 3px;
}

table.tblSum {
    border-collapse:collapse; 
}

table.tblSum th {
    border: 1px solid #D4D4D4;
    background-color: #F0F0F0;
    padding: 5px;
}

table.tblSum td {
    border: 1px solid #D4D4D4;
    text-align: right;
    padding: 5px;
}

table.tblDetailProcurement {
    border-collapse:collapse; 
}

table.tblDetailProcurement caption {
    font-weight: bold; 
}

table.tblDetailProcurement th {
    border: 1px solid #B0B0B0;
    background-color: #E8E8E8;
    height: 25px;
    min-height: 25px;
    text-align: center;
}

table.tblDetailProcurement td {
    border: 1px solid #B0B0B0;
    padding: 0 5px;
    height: 25px;
    min-height: 25px;
}

div.header {
    border: 1px solid #6699CC;
    padding: 0;
}
div.headerTitle {
    font-size: 13px;
    margin: 0;
    padding: 8px 5px;
    font-weight:bold; 
    background-color: #F0F0F0; 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#99CCFF));
    background-image: -webkit-linear-gradient(top, #F0F0F0, #99CCFF);
    background-image: -moz-linear-gradient(top, #F0F0F0, #99CCFF);
    background-image: -ms-linear-gradient(top, #F0F0F0, #99CCFF);
    background-image: -o-linear-gradient(top, #F0F0F0, #99CCFF);
    background-image: linear-gradient(to bottom, #F0F0F0, #99CCFF);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F0F0F0, endColorstr=#99CCFF);
}

.btnLogin {
    border:1px solid #FFFF99; 
    -webkit-border-radius: 1px; 
    -moz-border-radius: 1px;
    border-radius: 1px;
    font-size:12px;
    padding: 5px 5px; 
    text-decoration:none; 
    display:inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight:bold; 
    color: #FFFFFF;
    background-color: #FFCC66; 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFCC66), to(#FF6633));
    background-image: -webkit-linear-gradient(top, #FFCC66, #FF6633);
    background-image: -moz-linear-gradient(top, #FFCC66, #FF6633);
    background-image: -ms-linear-gradient(top, #FFCC66, #FF6633);
    background-image: -o-linear-gradient(top, #FFCC66, #FF6633);
    background-image: linear-gradient(to bottom, #FFCC66, #FF6633);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFCC66, endColorstr=#FF6633);
}

.btnLogin:hover {
    border:1px solid #FFFF66;
    background-color: #FFCC33; 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFCC33), to(#FF3333));
    background-image: -webkit-linear-gradient(top, #FFCC33, #FF3333);
    background-image: -moz-linear-gradient(top, #FFCC33, #FF3333);
    background-image: -ms-linear-gradient(top, #FFCC33, #FF3333);
    background-image: -o-linear-gradient(top, #FFCC33, #FF3333);
    background-image: linear-gradient(to bottom, #FFCC33, #FF3333);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFCC33, endColorstr=#FF3333);
}

.btnLogin.disabled,
.btnLogin[disabled] {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
            box-shadow: none;
    opacity: .65;
}

.btnMenu {
    border:1px solid #FFFF99; 
    -webkit-border-radius: 1px; 
    -moz-border-radius: 1px;
    border-radius: 1px;
    font-size:12px;
    padding: 2px; 
    text-decoration:none; 
    display:inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight:bold; 
    color: #FFFFFF;
    background-color: #66CC99; 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#66CC99), to(#669999));
    background-image: -webkit-linear-gradient(top, #66CC99, #669999);
    background-image: -moz-linear-gradient(top, #66CC99, #669999);
    background-image: -ms-linear-gradient(top, #66CC99, #669999);
    background-image: -o-linear-gradient(top, #66CC99, #669999);
    background-image: linear-gradient(to bottom, #66CC99, #669999);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#66CC99, endColorstr=#669999);
}

.btnMenu:hover {
    border:1px solid #FFFF66;
    background-color: #33CC99; 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#33CC99), to(#339999));
    background-image: -webkit-linear-gradient(top, #33CC99, #339999);
    background-image: -moz-linear-gradient(top, #33CC99, #339999);
    background-image: -ms-linear-gradient(top, #33CC99, #339999);
    background-image: -o-linear-gradient(top, #33CC99, #339999);
    background-image: linear-gradient(to bottom, #33CC99, #339999);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#33CC99, endColorstr=#339999);
}

.btnMenu.disabled,
.btnMenu[disabled] {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
            box-shadow: none;
    opacity: .65;
}

.btnSave {
    border:1px solid #FFCC66; 
    -webkit-border-radius: 1px; 
    -moz-border-radius: 1px;
    border-radius: 1px;
    font-size:12px;
    padding: 5px 5px; 
    text-decoration:none; 
    display:inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight:bold; 
    color: #FFFFFF;
    background-color: #996633; 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#996633), to(#993333));
    background-image: -webkit-linear-gradient(top, #996633, #993333);
    background-image: -moz-linear-gradient(top, #996633, #993333);
    background-image: -ms-linear-gradient(top, #996633, #993333);
    background-image: -o-linear-gradient(top, #996633, #993333);
    background-image: linear-gradient(to bottom, #996633, #993333);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#996633, endColorstr=#993333);
}

.btnSave:hover {
    border:1px solid #CC9933;
    background-color: #996600; 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#996600), to(#663333));
    background-image: -webkit-linear-gradient(top, #996600, #663333);
    background-image: -moz-linear-gradient(top, #996600, #663333);
    background-image: -ms-linear-gradient(top, #996600, #663333);
    background-image: -o-linear-gradient(top, #996600, #663333);
    background-image: linear-gradient(to bottom, #996600, #663333);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#996600, endColorstr=#663333);
}

.btnSave.disabled,
.btnSave[disabled] {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
            box-shadow: none;
    opacity: .65;
}

.btnNormal {
    border:1px solid #CCCC66; 
    -webkit-border-radius: 1px; 
    -moz-border-radius: 1px;
    border-radius: 1px;
    font-size:12px;
    padding: 5px 5px; 
    text-decoration:none; 
    display:inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight:bold; 
    color: #FFFFFF;
    background-color: #CCCC00; 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#CCCC00), to(#336633));
    background-image: -webkit-linear-gradient(top, #CCCC00, #336633);
    background-image: -moz-linear-gradient(top, #CCCC00, #336633);
    background-image: -ms-linear-gradient(top, #CCCC00, #336633);
    background-image: -o-linear-gradient(top, #CCCC00, #336633);
    background-image: linear-gradient(to bottom, #CCCC00, #336633);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#CCCC00, endColorstr=#336633);
}

.btnNormal:hover {
    border:1px solid #CC9933;
    background-color: #666600; 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#666600), to(#006600));
    background-image: -webkit-linear-gradient(top, #666600, #006600);
    background-image: -moz-linear-gradient(top, #666600, #006600);
    background-image: -ms-linear-gradient(top, #666600, #006600);
    background-image: -o-linear-gradient(top, #666600, #006600);
    background-image: linear-gradient(to bottom, #666600, #006600);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#666600, endColorstr=#006600);
}

.btnNormal.disabled,
.btnNormal[disabled] {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
            box-shadow: none;
    opacity: .65;
}

.btnHelp {
    border:1px solid #336699; 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size:12px;
    padding: 5px 5px;  
    text-decoration:none; 
    display:inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight:bold; 
    color: #FFFFFF;
    background-color: #3399CC; 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3399CC), to(#006699));
    background-image: -webkit-linear-gradient(top, #3399CC, #006699);
    background-image: -moz-linear-gradient(top, #3399CC, #006699);
    background-image: -ms-linear-gradient(top, #3399CC, #006699);
    background-image: -o-linear-gradient(top, #3399CC, #006699);
    background-image: linear-gradient(to bottom, #3399CC, #006699);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3399CC, endColorstr=#006699);
}

.btnHelp:hover {
    border:1px solid #0066CC;
    background-color: #3399CC; 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3399CC), to(#003366));
    background-image: -webkit-linear-gradient(top, #3399CC, #003366);
    background-image: -moz-linear-gradient(top, #3399CC, #003366);
    background-image: -ms-linear-gradient(top, #3399CC, #003366);
    background-image: -o-linear-gradient(top, #3399CC, #003366);
    background-image: linear-gradient(to bottom, #3399CC, #003366);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3399CC, endColorstr=#003366);
}

.btnGuide {
    border: 1px solid #D4A76A; 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    padding: 5px 5px;  
    text-decoration: none; 
    display: inline-block;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
    font-weight: bold; 
    color: #FFFFFF;
    background-color: #F5D7B6; 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F5D7B6), to(#D4A76A));
    background-image: -webkit-linear-gradient(top, #F5D7B6, #D4A76A);
    background-image: -moz-linear-gradient(top, #F5D7B6, #D4A76A);
    background-image: -ms-linear-gradient(top, #F5D7B6, #D4A76A);
    background-image: -o-linear-gradient(top, #F5D7B6, #D4A76A);
    background-image: linear-gradient(to bottom, #F5D7B6, #D4A76A);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F5D7B6, endColorstr=#D4A76A);
}

.btnGuide:hover {
    border: 1px solid #B6864F;
    background-color: #F5D7B6; 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F5D7B6), to(#B6864F));
    background-image: -webkit-linear-gradient(top, #F5D7B6, #B6864F);
    background-image: -moz-linear-gradient(top, #F5D7B6, #B6864F);
    background-image: -ms-linear-gradient(top, #F5D7B6, #B6864F);
    background-image: -o-linear-gradient(top, #F5D7B6, #B6864F);
    background-image: linear-gradient(to bottom, #F5D7B6, #B6864F);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F5D7B6, endColorstr=#B6864F);
}

.btnPlain {
    border:1px solid #C3B091; 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size:12px;
    padding: 2px 5px;  
    text-decoration:none; 
    display:inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight:bold; 
    color: #FFFFFF;
    background-color: #3399CC; 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#D2C4AD), to(#947B51));
    background-image: -webkit-linear-gradient(top, #D2C4AD, #947B51);
    background-image: -moz-linear-gradient(top, #D2C4AD, #947B51);
    background-image: -ms-linear-gradient(top, #D2C4AD, #947B51);
    background-image: -o-linear-gradient(top, #D2C4AD, #947B51);
    background-image: linear-gradient(to bottom, #D2C4AD, #947B51);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#D2C4AD, endColorstr=#947B51);
}

.btnPlain:hover {
    border:1px solid #C3B091;
    background-color: #3399CC; 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#AE946B), to(#635236));
    background-image: -webkit-linear-gradient(top, #AE946B, #635236);
    background-image: -moz-linear-gradient(top, #AE946B, #635236);
    background-image: -ms-linear-gradient(top, #AE946B, #635236);
    background-image: -o-linear-gradient(top, #AE946B, #635236);
    background-image: linear-gradient(to bottom, #AE946B, #635236);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#AE946B, endColorstr=#635236);
}

.btnPlain.disabled,
.btnPlain[disabled] {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
            box-shadow: none;
    opacity: .65;
}

.btnCommon {
    border:1px solid #cccccc; 
    -webkit-border-radius: 1px; 
    -moz-border-radius: 1px;
    border-radius: 1px;
    font-size:12px;
    padding: 3px 5px; 
    text-decoration:none; 
    display:inline-block;
    background-color: #e6e6e6; 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#d9d9d9));
    background-image: -webkit-linear-gradient(top, #e6e6e6, #d9d9d9);
    background-image: -moz-linear-gradient(top, #e6e6e6, #d9d9d9);
    background-image: -ms-linear-gradient(top, #e6e6e6, #d9d9d9);
    background-image: -o-linear-gradient(top, #e6e6e6, #d9d9d9);
    background-image: linear-gradient(to bottom, #e6e6e6, #d9d9d9);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e6e6e6, endColorstr=#d9d9d9);
}

.btnCommon:hover {
    border:1px solid #bfbfbf;
    background-color: #d9d9d9; 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d9d9d9), to(#cccccc));
    background-image: -webkit-linear-gradient(top, #d9d9d9, #cccccc);
    background-image: -moz-linear-gradient(top, #d9d9d9, #cccccc);
    background-image: -ms-linear-gradient(top, #d9d9d9, #cccccc);
    background-image: -o-linear-gradient(top, #d9d9d9, #cccccc);
    background-image: linear-gradient(to bottom, #d9d9d9, #cccccc);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d9d9d9, endColorstr=#cccccc);
}

.btnCommon.disabled,
.btnCommon[disabled] {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
            box-shadow: none;
    opacity: .65;
}

.btnCommon:focus {
    outline:0;
}

.companyName {
    font-weight: bold;
    color: #0099CC;
}

.requiredInput {
     background-color: #fff5e6;
}

input::-webkit-input-placeholder {
    opacity: 0.4;
}
input:-ms-input-placeholder {
    opacity: 0.4;
}
textarea::-webkit-input-placeholder {
    opacity: 0.4;
}
textarea:-ms-input-placeholder {
    opacity: 0.4;
}
input::placeholder {
    opacity: 0.4;
}
textarea::placeholder {
    opacity: 0.4;
}

.txtStrikeOut {
    text-decoration: line-through;
}
.resignation {
    color: #999999!important;
}

.tableFixHead { 
    overflow-y: auto; 
    height: 70vh; 
}
.tableFixHead thead {
    z-index: 1;
    position: relative;
}

@media (max-width: 991px) {
    .tableFixHead {
        height: 65vh;
    }
}