@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: "MalgunGothic";
    src: url(./resources/fonts/MalgunGothic.ttf) format('truetype'), url(./resources/fonts/MalgunGothic.woff) format('woff'), url(./resources/fonts/MalgunGothic.eof);
}

#header {
    background-image: url(./header_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left center;
    height: 65px;
    overflow: hidden;
}

/*로그인 영역*/
html, body {
    height: 100%;
}

#loginWrap {
    height: 100%;
    background-image: url(./login_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    overflow: hidden;
}

    #loginWrap .logoText {
        position: absolute;
        bottom: 50px;
        right: 100px;
        width: 425px;
        height: 33px;
        margin: 0 auto;
    }

    #loginWrap .loginForm {
        position: absolute;
        top: 30%;
        left: 20%;
        width: 500px;
        height: 500px;
        margin: 0 auto;
    }

        #loginWrap .loginForm legend {
            display: none;
        }

        #loginWrap .loginForm ol {
            margin-top: 20px;
            margin-left: 135px;
        }

            #loginWrap .loginForm ol li {
            }

        #loginWrap .loginForm input[type=text],
        #loginWrap .loginForm input[type=password] {
            /* Size and position */
            width: 200px;
            padding: 8px 4px 8px 10px;
            margin-bottom: 15px;
            /* Styles */
            border: 1px solid #4e3043;
            border: 1px solid rgba(20,50,76, 0.8);
            background: url(input_bg.png) repeat;
            border-radius: 2px;
            box-shadow: 0 1px 0 rgba(255,255,255,0.2), inset 0 1px 1px rgba(0,0,0,0.1);
            -webkit-transition: all 0.3s ease-out;
            -moz-transition: all 0.3s ease-out;
            -ms-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
            /* Font styles */
            color: #fff;
            font-size: 13px;
        }

        /*placeholder*/

        #loginWrap .loginForm input:-webkit-input-placeholder {
            color: rgba(37,21,26,0.5);
            text-shadow: 0 1px 0 rgba(255,255,255,0.15);
        }

        #loginWrap .loginForm input:-moz-placeholder {
            color: rgba(37,21,26,0.5);
            text-shadow: 0 1px 0 rgba(255,255,255,0.15);
        }

        #loginWrap .loginForm input:-ms-input-placeholder {
            color: #FFF;
            text-shadow: 0 1px 0 rgba(255,255,255,0.15);
        }

/* Fallback */
.no-boxshadow #loginWrap .loginForm input[type=text]:focus,
.no-boxshadow #loginWrap .loginForm input[type=password]:focus {
    outline: 1px solid white;
}

#loginWrap .loginForm input[type=text]:hover,
#loginWrap .loginForm input[type=password]:hover {
    border-color: #333;
}

#loginWrap .loginForm input[type=text]:focus,
#loginWrap .loginForm input[type=password]:focus,
#loginWrap .loginForm input[type=button]:focus,
#loginWrap .loginForm input[type=submit]:focus {
    box-shadow: 0 1px 0 rgba(255,255,255,0.2), inset 0 1px 1px rgba(0,0,0,0.1), 0 0 0 3px rgba(255,255,255,0.15);
    outline: none;
}

/* Fallback */
.no-boxshadow #loginWrap .loginForm input[type=text]:focus,
.no-boxshadow #loginWrap .loginForm input[type=password]:focus {
    outline: 1px solid white;
}

#loginWrap .loginForm input[type=button],
#loginWrap .loginForm input[type=submit] {
    /* Size and position */
    width: 216px;
    margin-bottom: 15px;
    padding: 8px 5px;
    /* Styles */
    background: url(button_bg.png) repeat;
    border-radius: 5px;
    border: 1px solid #303C4E;
    box-shadow: inset 0 1px rgba(255,255,255,0.4), 0 2px 1px rgba(0,0,0,0.1);
    cursor: pointer;
    transition: all 0.3s ease-out;
    /* Font styles */
    color: white;
    text-shadow: 0 1px 0 rgba(0,0,0,0.3);
    font-size: 16px;
    font-weight: bold;
}

    #loginWrap .loginForm input[type=button]:hover,
    #loginWrap .loginForm input[type=submit]:hover {
        box-shadow: inset 0 1px rgba(255,255,255,0.2), inset 0 20px 30px rgba(20,50,76,0.5);
    }

/* Fallback */
.no-boxshadow #loginWrap .loginForm input[type=button]:hover,
.no-boxshadow #loginWrap .loginForm input[type=submit]:hover {
    background: #594642;
}

#loginWrap .loginForm label {
    display: none;
    padding: 0 0 5px 2px;
    cursor: pointer;
}

    #loginWrap .loginForm label:hover ~ input {
        border-color: #333;
    }

.no-placeholder #loginWrap .loginForm label {
    display: block;
}

/*topmenu*/
.bx-topmenu .x-panel-body {
    background-color: transparent;
    border: none;
}

.bx-topmenu .bxtopmenu-item {
    float: left;
    margin-right: 15px;
    margin-top: 10px;
}

    .bx-topmenu .bxtopmenu-item .thumb {
        text-align: center;
    }

    .bx-topmenu .bxtopmenu-item .text {
        color: #fff;
        font-size: 11px;
        text-align: center;
        font-family: "돋움";
    }

.bx-topmenu .x-item-over {
    cursor: pointer;
}

    .bx-topmenu .x-item-over .text {
        color: #3CF;
    }

/*top loginfo*/
.bxtoplogin-item {
}

.bxtoplogin-item .clear{
    clear:both;
}
.bxtoplogin-item .logoutwrap {
    padding: 10px 10px 0 0;
}
.bxtoplogin-item .logoutwrap .myinfo{
    float:left;
    padding-right: 10px;
}

.bxtoplogin-item .status {
    padding: 5px 10px 0 0;
    color: #FFF;
    width: 200px;
    overflow: hidden;
}

/*color label*/

label.colored {
    color: #00F;
}

/*our ref link*/
.listgrid-ourref-item {
}

    .listgrid-ourref-item a {
        color: #06C;
        text-decoration: none;
    }

        .listgrid-ourref-item a:hover {
            text-decoration: underline;
        }

.x-form-file-trigger {
    background-image: url(./resources/trigger/file-trigger.gif);
}
/*1000 main connect info*/
.connect_displayfield .x-form-display-field {
    padding: 0;
    font-size: 16px;
    font-weight: bold;
}

/*nms data grid background controll*/

.x-grid-table td.nmsData {
    background-color: #e7f2fd;
}

.x-grid-table .x-grid-row-over td.nmsData {
    background-color: #f5f6f7;
}

/*그리드 셀렉트 컬러 컨트롤*/
div.x-window-black-window .x-grid-with-row-lines .x-grid-table .x-grid-row-selected .x-grid-cell,
div.x-panel-black-tab .x-grid-with-row-lines .x-grid-table .x-grid-row-selected .x-grid-cell {
    border-color: #C3C9CF !important;
    background-color: #E5E8EB !important;
}

.x-selectable,
.x-selectable * {
                -moz-user-select: text !important;
                -khtml-user-select: text !important;
    -webkit-user-select: text !important;
}

.x-grid-row td,
.x-grid-summary-row td,
.x-grid-cell-text,
.x-grid-hd-text,
.x-grid-hd,
.x-grid-row,

.x-grid-row,
.x-grid-cell,
.x-unselectable
{
    -moz-user-select: text !important;
    -khtml-user-select: text !important;
    -webkit-user-select: text !important;
}

/*그리드 파일 다운로드 컨트롤*/
.x-grid-cell span.bx-file-column a {
    color: #06C;
    text-decoration: none;
}

    .x-grid-cell span.bx-file-column a:hover {
        color: #F00;
        text-decoration: underline;
    }
/*IMG 보기*/

/*시설사진 시작*/
.facilityView h3 {
    padding: 5px;
    background-color: #e0e3e6;
    border-bottom: 1px solid #aeb6be;
}

.facilityView ul {
    list-style: none;
    margin: 5px 0 0 0;
    padding: 0;
}

    .facilityView ul li {
        cursor: pointer;
        width: 208px;
        position: relative;
        overflow: hidden;
        border: 1px solid #CCC;
        float: left;
        margin: 0 0 5px 5px;
        padding: 0;
    }

        .facilityView ul li img {
            height: 208px;
            border: 0;
        }

        .facilityView ul li .btn-wrap {
            position: absolute;
            top: 0;
            right: 0;
        }

        .facilityView ul li .x-delete-btn {
            cursor: pointer;
            float: right;
            width: 25px;
            height: 25px;
            text-indent: -9999px;
            background-image: url(./resources/custom-icon/icon-close.png);
        }

        .facilityView ul li .x-down-btn {
            cursor: pointer;
            float: right;
            width: 25px;
            height: 25px;
            text-indent: -9999px;
            background-image: url(./resources/custom-icon/icon-down.png);
        }

        .facilityView ul li .x-remark-btn {
            cursor: pointer;
            float: right;
            width: 25px;
            height: 25px;
            text-indent: -9999px;
            background-image: url(./resources/custom-icon/icon-remark.png);
        }
/*시설사진 종료*/

/*singleCategory 시작*/
.singleCategory .thumb-wrap {
    width: 208px;
    overflow: hidden;
    margin: 5px 0 5px 5px;
    padding: 0;
    float: left;
    position: relative;
    border: 1px solid #CCC;
}

    .singleCategory .thumb-wrap .btn-wrap {
        position: absolute;
        top: 0;
        right: 0;
    }

    .singleCategory .thumb-wrap .x-delete-btn {
        cursor: pointer;
        float: right;
        width: 25px;
        height: 25px;
        text-indent: -9999px;
        background-image: url(./resources/custom-icon/icon-close.png);
    }

    .singleCategory .thumb-wrap .x-down-btn {
        cursor: pointer;
        float: right;
        width: 25px;
        height: 25px;
        text-indent: -9999px;
        background-image: url(./resources/custom-icon/icon-down.png);
    }

    .singleCategory .thumb-wrap .x-remark-btn {
        cursor: pointer;
        float: right;
        width: 25px;
        height: 25px;
        text-indent: -9999px;
        background-image: url(./resources/custom-icon/icon-remark.png);
    }

    .singleCategory .thumb-wrap .thumb {
        width: 208px;
        height: 208px;
        overflow: hidden;
        cursor: pointer;
        margin: 0;
        padding: 0;
    }

        .singleCategory .thumb-wrap .thumb img {
            height: 208px;
            border: 0;
        }

    .singleCategory .thumb-wrap .x-editable {
        margin-left: 3px;
        font-size: 11px;
        text-align: center;
    }

/*singleCategory 종료*/

/*noneCategory 시작*/
.noneCategory .thumb-wrap {
    overflow: hidden;
    margin: 5px 0 5px 5px;
    padding: 0;
    float: left;
    position: relative;
}

    .noneCategory .thumb-wrap .btn-wrap {
        position: absolute;
        top: 0;
        right: 0;
    }

    .noneCategory .thumb-wrap .x-delete-btn {
        cursor: pointer;
        float: right;
        width: 25px;
        height: 25px;
        text-indent: -9999px;
        background-image: url(./resources/custom-icon/icon-close.png);
    }

    .noneCategory .thumb-wrap .x-down-btn {
        cursor: pointer;
        float: left;
        width: 25px;
        height: 25px;
        text-indent: -9999px;
        background-image: url(./resources/custom-icon/icon-down.png);
    }

    .noneCategory .thumb-wrap .thumb {
        border: 1px solid #CCC;
        margin: 0;
        padding: 0;
    }

        .noneCategory .thumb-wrap .thumb img {
            border: 0;
        }

    .noneCategory .thumb-wrap .x-editable {
        margin-left: 3px;
        font-size: 11px;
        text-align: center;
    }

/*noneCategory 종료*/

/*상세보기 HTML TABLE*/
.detail_view {
    font-size: 12px;
    font-family: 'malgun gothic';
    page-break-after: always;
}

    .detail_view h4 {
        font-size: 16px;
        padding-bottom: 5px;
    }

    .detail_view table {
        width: 100%;
        border: 0;
        border-collapse: collapse;
        border-top: 2px solid #DC242A;
        border-bottom: 2px solid #DC242A;
    }

    .detail_view th,
    .detail_view td {
        padding: 8px;
        border: 0;
        vertical-align: top;
        white-space: normal;
    }

    .detail_view th {
        background-color: #f1f1f1;
        text-align: left;
        font-weight: bold;
        color: #333;
        border-bottom: 1px solid #CCC;
    }

    .detail_view td {
        color: #666;
        border-bottom: 1px solid #CCC;
    }
/*상세보기 종료*/

/*trans 파일*/
.x-grid-rowbody {
    padding: 0 !important;
    border-bottom: 1px solid #FAFAFA;
}

.x-gridfile {
    padding: 0px;
    padding-left: 10px;
    margin: 3px 0 3px 25px;
    list-style: none;
}

    .x-gridfile li {
        display: inline;
        margin: 3px 3px 3px 7px;
    }

        .x-gridfile li a {
            text-decoration: none;
            color: #069;
        }

            .x-gridfile li a:hover {
                text-decoration: underline;
            }

ul.x-trans_file {
    background-image: url(./resources/arrows/down.png);
    background-repeat: no-repeat;
}

ul.x-action_file {
    background-image: url(./resources/arrows/up.png);
    background-repeat: no-repeat;
}

.row-importance {
    color: #0066CC;
}
/*아이콘*/

/*이미지 회전 아이콘*/
.icon_leftRotate {
    background-image: url(./resources/custom-icon/icon_lrotate.png) !important;
}

.icon_rightRotate {
    background-image: url(./resources/custom-icon/icon_rrotate.png) !important;
}
/*이미지 확대 아이콘*/
.icon_upscale {
    background-image: url(./resources/custom-icon/icon_upscale.png) !important;
}

/*이미지 축소 아이콘*/
.icon_downscale {
    background-image: url(./resources/custom-icon/icon_downscale.png) !important;
}

/*이미지 피크 아이콘*/
.icon_peak_mode {
    background-image: url(./resources/custom-icon/icon_peak_mode.png) !important;
}

.icon_image_mode {
    background-image: url(./resources/custom-icon/icon_image_mode.png) !important;
}
/*파일업로드 아이콘*/
.icon_remark {
    background-image: url(./resources/custom-icon/icon_remark.png) !important;
}
/*파일업로드 아이콘*/
.upload-icon {
    background-image: url(./resources/custom-icon/icon-fileupload.png) !important;
}
/*새로고침*/
.icon_refresh {
    background-image: url(./resources/custom-icon/icon_refresh.png) !important;
}
/*발송 아이콘*/
.icon_send {
    background-image: url(./resources/custom-icon/icon_send.png) !important;
}
/*저장 아이콘*/
.icon_save {
    background-image: url(./resources/custom-icon/icon_save.png) !important;
}
/*상세보기 아이콘*/
.icon_detailView {
    background-image: url(./resources/custom-icon/icon_detailview.png) !important;
}
/*nms매칭 아이콘*/
.icon_nmsMatch {
    background-image: url(./resources/custom-icon/icon_nmsmatch.png) !important;
}
/*nms매칭 취소 아이콘*/
.icon_nms_cancel {
    background-image: url(./resources/custom-icon/icon_nms_cancel.png) !important;
}
/*공사 데이터 검증 아이콘*/
.icon_dataCheck {
    background-image: url(./resources/custom-icon/icon_dataCheck.png) !important;
}
/*확인 아이콘*/
.icon_check {
    background-image: url(./resources/custom-icon/icon_check.png) !important;
}
/*삭제 아이콘*/
.icon_del {
    background-image: url(./resources/custom-icon/icon_del.png) !important;
}
/*추가 아이콘*/
.icon_add {
    background-image: url(./resources/custom-icon/icon_add.png) !important;
}

/*수정 아이콘*/
.icon_modify {
    background-image: url(./resources/custom-icon/icon_modify.png) !important;
}
/*pdf 아이콘*/
.icon_pdf {
    background-image: url(./resources/custom-icon/icon_pdf.png) !important;
}

/*준공요청 아이콘*/
.icon_comp_rqst {
    background-image: url(./resources/custom-icon/icon_comp_rqst.png) !important;
}
/*준공동행 요청 아이콘*/
.icon_comp_accomp {
    background-image: url(./resources/custom-icon/icon_comp_accomp.png) !important;
}
/*인수요청 아이콘*/
.icon_take_rqst {
    background-image: url(./resources/custom-icon/icon_take_rqst.png) !important;
}
/*인수승인 아이콘*/
.icon_take_app {
    background-image: url(./resources/custom-icon/icon_take_app.png) !important;
}
/*인수불가 아이콘*/
.icon_take_reject {
    background-image: url(./resources/custom-icon/icon_take_reject.png) !important;
}
/*인수동행요청 아이콘*/
.icon_take_accomp {
    background-image: url(./resources/custom-icon/icon_take_accomp.png) !important;
}
/*사업별작업지시 아이콘*/
.icon_target_add {
    background-image: url(./resources/custom-icon/icon_target_add.png) !important;
}
/*전체다운로드 아이콘*/
.icon_down_all {
    background-image: url(./resources/custom-icon/icon_down_all.png) !important;
}
/*다운로드 아이콘*/
.icon_down {
    background-image: url(./resources/custom-icon/icon_down.png) !important;
}
/*업로드아이콘*/
.icon_upload {
    background-image: url(./resources/custom-icon/icon_upload.png) !important;
}
/*취소 아이콘*/
.icon_cancel {
    background-image: url(./resources/custom-icon/icon_cancel.png) !important;
}
/*업체 아이콘*/
.icon_custom {
    background-image: url(./resources/custom-icon/icon_custom.png) !important;
}
/*사용자 아이콘*/
.icon_membership {
    background-image: url(./resources/custom-icon/icon_membership.png) !important;
}
/*입력 아이콘*/
.icon_input {
    background-image: url(./resources/custom-icon/icon_input.png) !important;
}

/*kt 상태 */
td.appro-cell {
    background: url(./resources/status/icon_appro.png) no-repeat 4px 3px;
    padding-left: 16px;
}

td.standby-cell {
    background: url(./resources/status/icon_standby.png) no-repeat 4px 3px;
    padding-left: 16px;
}

td.complete-cell {
    background: url(./resources/status/icon_complete.png) no-repeat 4px 3px;
    padding-left: 16px;
}

td.checking-cell {
    background: url(./resources/status/icon_checking.png) no-repeat 4px 3px;
    padding-left: 16px;
}

td.disapp-cell {
    background: url(./resources/status/icon_disappro.png) no-repeat 4px 3px;
    padding-left: 16px;
}

td.rqst-cell {
    background: url(./resources/status/icon_rqst.png) no-repeat 4px 3px;
    padding-left: 16px;
}
/*kt 감리지시*/
td.command-cell {
    background: url(./resources/status/icon_command.png) no-repeat 4px 3px;
    padding-left: 16px;
}

td.transition-cell {
    background: url(./resources/status/icon_transition.png) no-repeat 4px 3px;
    padding-left: 16px;
}

/*올레맵*/
.ollehmapPanel {
    -moz-box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
}

    .ollehmapPanel * {
        -moz-box-sizing: content-box !important;
        -webkit-box-sizing: content-box !important;
    }

/*멀티콤보*/

.x-boundlist-item img.chkCombo {
    background: transparent url(./resources/themes/images/default/menu/unchecked.gif);
}

.x-boundlist-selected img.chkCombo {
    background: transparent url(./resources/themes/images/default/menu/checked.gif);
}

/*이미지VIew Peak*/
.peak_ul li {
    float: left;
    margin-right: 10px;
}

.peak_ul span {
    font-weight: bold;
    color: #0075A9;
}