@charset "utf-8";
/*!
Design and Published by : Nae sunghan, 01090319599, naenext@nextculture.kr
Last modify : 20180719

 * 1.reset
 * 2.common class
 * 3.Bootstrap overwrite
 * 4.vendor checkbox
*/

/* ------- reset ------- */
html, body {
    height: 100%;
}

body {
    color: #2c2f42;
    font-family: Roboto, Arial, "Droid Sans", sans-serif;
    font-size: 12px;
    font-weight: 400;
}

ul, li {
    list-style: none;
    margin: 0;
    padding: 0;
}

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 10px;
    margin-bottom: 10px
}

h3 {
    font-size: 15px;
    font-weight: 600;
    line-height: 17px;
}

a {
    color: rgba(255, 255, 255, 0.75);
    text-decoration: none
}

    a, a:visited, a:focus, a:active, :visited, :focus, :active, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
        outline: 0
    }

        a:hover, a:focus {
            text-decoration: none;
            color: rgba(255, 255, 255, 1);
        }

legend {
    font-size: 18px;
    color: inherit;
    display: none;
}
/* ------- common class ------- */
.f13 {
    font-size: 13px;
}

.line_30 {
    line-height: 30px
}

.clearfix:after, form:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.left {
    float: left
}

.alignleft {
    float: left;
    margin-right: 15px
}

.alignright {
    float: right;
    margin-left: 15px
}

.bgwhite {
    background-color: #fff;
}

.tnoline {
    border-top: none !important;
}

.blue {
    color: #3498DB
}

.purple {
    color: #9B59B6
}

.green {
    color: #ee7606
}

.aero {
    color: #9CC2CB
}

.red {
    color: #E74C3C
}

.dark {
    color: #34495E
}

.border-blue {
    border-color: #3498DB !important
}

.border-purple {
    border-color: #9B59B6 !important
}

.border-green {
    border-color: #51b68d !important
}

.border-aero {
    border-color: #9CC2CB !important
}

.border-red {
    border-color: #E74C3C !important
}

.border-orange {
    border-color: #ee7606 !important
}

.border-dark {
    border-color: #34495E !important
}

.bg-white {
    background: #fff !important;
    border: 1px solid #fff !important;
    color: #2c2f42
}

.bg-green {
    background: #ee7606 !important;
    border: 1px solid #ee7606 !important;
    color: #fff
}

.bg-red {
    background: #E74C3C !important;
    border: 1px solid #E74C3C !important;
    color: #fff
}

.bg-blue {
    background: #3498DB !important;
    border: 1px solid #3498DB !important;
    color: #fff
}

.bg-orange {
    background: #F39C12 !important;
    border: 1px solid #F39C12 !important;
    color: #fff
}

.bg-purple {
    background: #9B59B6 !important;
    border: 1px solid #9B59B6 !important;
    color: #fff
}

.bg-blue-sky {
    background: #50C1CF !important;
    border: 1px solid #50C1CF !important;
    color: #fff
}

.animate {
    -webkit-animation-duration: 0.5s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: 0.5s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;
    -o-animation-duration: 0.5s;
    -o-animation-timing-function: ease;
    -o-animation-fill-mode: both;
    -ms-animation-duration: 0.5s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;
    animation-duration: 0.5s;
    animation-timing-function: ease;
    animation-fill-mode: both
}
/* ------- Bootstrap overwrite ------- */
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 3px 5px;
    border-top: 1px solid #e7e7e7;
}

h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
    font-size: 80%
}

.well {
    padding: 10px;
    margin-bottom: 5px;
    border: 1px solid #ccc;
}

hr {
    margin-top: 5px;
    margin-bottom: 5px;
    border: 0;
    border-top: none
}

.table {
    margin-bottom: 0;
    word-break: keep-all;
}

.btn {
    padding: 1px 2.5%;
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.8;
}

.btn-sm {
    padding: 0 10px;
    border-radius: 0px;
    font-size: 11px;
}

.btn-md {
    padding: 3px 2.5%;
}

.col-md-55, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    float: left;
    padding-right: 3px;
    padding-left: 3px
}

.row {
    margin-right: -10px;
    margin-left: -10px
}
/* ------- Bootstrap overwrite > form ------- */
.form-control {
    border-radius: 3px;
    width: 100%;
    box-shadow: none
}

.form-horizontal .control-label {
    padding-top: 8px
}

.form-control:focus {
    border-color: #CCD0D7;
    box-shadow: none !important
}

.form-horizontal .form-group {
    margin-right: 0;
    margin-left: 0
}

.form-control-feedback {
    margin-top: 6px;
    height: 23px;
    color: #495057;
    line-height: 24px;
    font-size: 17px
}

    .form-control-feedback.add-label {
        margin-top: 27px;
    }

    .form-control-feedback.left {
        border-right: 1px solid #ccc;
        left: 10px
    }

    .form-control-feedback.right {
        border-left: 1px solid #ccc;
        right: 13px
    }

.form-control.has-feedback-left {
    padding-left: 50px
}

.form-control.has-feedback-right {
    padding-right: 50px
}

.form-group {
    margin-bottom: 1px
}
/* ------- Bootstrap overwrite > panel ------- */
.panel {
    margin-bottom: 5px;
    border-radius: 0;
}

.headingline {
    border-top: solid 2px #3d4155;
    border-radius: 0;
}

.panel-heading, .panel-body {
    padding: 3px;
}

    .panel-heading h3 {
        font-size: 13px;
        margin: 1px 5px 1px;
        font-weight: bold;
    }

.panel-footer {
    padding: 3px 7px;
    background-color: #fff;
}

.panel-danger {
    border-color: #ee7606;
}

    .panel-danger > .panel-heading {
        color: #fff;
        background-color: #ee7606;
        border-color: #ee7606;
        background-image: none;
        border-radius: 0;
    }

.panel.thgray .table th {
    background-color: #f2f2f2;
    white-space: nowrap;
}

.panel .thtitle {
    width: 70px;
    border-right: solid 3px #fff;
    vertical-align: middle;
}

    .panel .thtitle.thorange {
        background-color: #ee7606 !important;
        color: #fff;
    }

    .panel .thtitle.thgreen {
        background-color: #51b68d !important;
        color: #fff;
    }

.panel_toolbox {
    float: right;
    min-width: 55px
}

    .panel_toolbox > li {
        float: left;
        cursor: pointer
    }

        .panel_toolbox > li > a {
            padding: 0 3px;
            color: #a5a7ac;
            font-size: 12px;
            line-height: 16px;
        }
/* x_panel */
.x_panel {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: 5px;
    padding: 2px 0;
    background: #fff;
    border: 1px solid #e2e2e2;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
    opacity: 1;
    transition: all .2s ease
}

.x_title {
    border-bottom: 1px solid #E6E9ED;
    padding: 1px 8px 3px;
}

    .x_title .filter {
        width: 40%;
        float: right
    }

    .x_title h3 {
        display: block;
        margin: 5px 0 4px;
        float: left;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }

        .x_title h3 small {
            margin-left: 5px
        }

.x_content {
    padding: 3px 5px 3px;
    position: relative;
    width: 100%;
    float: left;
    clear: both;
}

    .x_content .notinput {
        border-bottom: 1px solid #e7e7e7;
    }

        .x_content .notinput label {
            border: none;
            border-radius: 0;
        }

        .x_content .notinput span {
            line-height: 2.5;
            padding-left: 13px;
        }

    .x_content.withtitle {
        padding: 7px 5px 3px;
    }

    .x_content h4 {
        font-size: 16px;
        font-weight: 500
    }
/* ------- Bootstrap overwrite > tooltip ------- */
.tooltip {
    font-family: inherit;
}

    .tooltip.in {
        filter: alpha(opacity=100);
        opacity: 1;
    }

    .tooltip.bottom {
        margin-top: 0px;
    }

.tooltip-inner {
    max-width: 400px;
    padding: 10px;
    color: #323232;
    text-align: left;
    background-color: #fff;
    border-radius: 0;
    border: solid 2px #51b68d;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175)
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #51b68d;
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #51b68d;
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #51b68d;
}
/* ------- Bootstrap overwrite > etc ------- */
.label {
    font-size: 90%;
}

.label-danger {
    background-color: #ee7606;
}

.graylabel {
    min-width: 69px;
    padding: 0px 0px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}