body {
    font-family: 'Nanum Gothic', sans-serif;
    font-size: 10pt;
    font-weight: normal;
    height: 100vh;
    overflow: hidden;
    color: #000;
    
}

    body input, body select{
        color:#000;
        border-color:#c0c0c0;
    }

    body a {
        color:#0b5ed7;
    }

    body #main_content {
        overflow: scroll;
    }

i {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

input[type="checkbox"] {
    transform: scale(1.2); /* 크기 조절 */
    margin:1px;
}
.btn-outline-primary, .btn-outline-danger, .btn-outline-secondary, btn-outline-success, btn-outline-warning, btn-outline-info {
    background-color: #fff;
}
/*.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}*/
.clearcss{
    background-color:transparent;
    border:none;
}

input, select {
    font-size: 0.85rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    border-radius: 0.2rem;
    border-width: 1px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    vertical-align:middle;
}
.defaultText{
    font-size:10pt;
    font-weight:normal;
}

.defaultText > .submenu{
    margin-left:30px;
    cursor:pointer;
}

select {
    border-width: 1px;
    padding: 2px 3px;
}

input.LikeLabel {
    border: none;
    background-color: transparent;
}

h1.ttlPageMain{
    font-weight: bold;
    font-size: 1.2em;
    height: 25px;
    margin: 0px;
    color: #000000;
    position:relative;
    padding-left:20px;
}

    h1.ttlPageMain:before {
        content: "\f0c8";
        font-family: 'icomoon' !important;
        top: 2px;
        left: 0;
        position: absolute;
    }

hr.dividebar {
    padding: 0;
    border: none;
    border-top: medium double #383838;
    color: #383838;
    text-align: center;
    /*border: 0;
    margin: 1.35em auto;
    max-width: 100%;
    background-position: 50%;
    box-sizing: border-box;
    height: 2px;
    color: red;
    background-color: #888888;
    background-image: linear-gradient( 90deg, #fff 0%, #333 15%, #333 85%, #fff 100%);*/
}

.divcenter {
    padding: 0 20px;
}
/*확인버튼 박스*/
div.btnokouter{
    display:flex;
    align-items:center;
}

/*처음버튼 이후에 링크간격*/
div.btnokouter > *:not(:first-child){
    margin-left:25px;
    
}

div.divPopup {
    border-radius: 6px;
    border: 2px solid #000;
    background-color: #fff;
    display: none;
    position: absolute;
    overflow: hidden;
    box-shadow: 5px 5px 10px #000;
    z-index: 50;
}

    div.divPopup .title {
        background-color: #cff4fc;
        padding: 10px;
        font-weight: bold;
        border-bottom: 2px solid rgba(0,0,0,.1);
    }
    div.divPopup .body {
        padding:10px;
    }

    div.divPopup .bottom {
        padding: 10px;
        text-align:center;
    }

table {
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 6px;
}
    table th {
        white-space: nowrap;
        padding: 5px 5px;
        text-align:center;
    }
    table td {
        padding: 3px 5px;
    }
/*일반 테이블 스타일*/
    table.tblStyle {
        min-width: 0;
        white-space: nowrap;
    }
        table.tblStyle tr:hover {
            background-color: #fff0ff;
        }

        table.tblStyle.noover tr:hover {
            background-color: transparent;
        }

        table.tblStyle td,
        table.tblStyle th {
            border-right: 1px solid #c6c9cc;
            border-bottom: 1px solid #c6c9cc;
        }

            table.tblStyle td:first-child,
            table.tblStyle th:first-child {
                border-left: 1px solid #c6c9cc;
            }

        table.tblStyle tr:first-child > th,
        table.tblStyle tr:first-child > td {
            border-top: 1px solid #c6c9cc;
        }

            table.tblStyle tr:first-child > th:first-child,
            table.tblStyle tr:first-child > td:first-child {
                border-top-left-radius: 6px;
                border-left: 1px solid #c6c9cc;
            }

        table.tblStyle tr:first-child > th:last-child,
        table.tblStyle tr:first-child > td:last-child {
            border-top-right-radius: 6px;
        }

        table.tblStyle tr:last-child > th:first-child,
        table.tblStyle tr:last-child > td:first-child {
            border-bottom-left-radius: 6px;
            border-left:1px solid #c6c9cc;
        }

        table.tblStyle tr:last-child > th:last-child,
        table.tblStyle tr:last-child > td:last-child {
            border-bottom-right-radius: 6px;
        }

    table.tblStyle th {
        background: #eee;
        color: #000;
        text-align: center;
    }

    table tr.trTotal {
        background-color: #e9ecef;
    }

    table.tblStyle th button.ui-datepicker-trigger{
        background-color:#fff;
        border-radius:0.2rem;
    }
    div.divPopup table.tblStyle {
        min-width: 0;
        white-space: normal;
    }
    /*이미지 트리 테이블 스타일 */
    div.ob_tree table,
    div.ob_tree table tr,
    div.ob_tree table td,
    div.ob_tree table tr:first-child td,
    div.ob_tree table tr:first-child > th:first-child,
    div.ob_tree table tr:first-child > td:first-child,
    div.ob_tree table tr:first-child > th:last-child,
    div.ob_tree table tr:first-child > td:last-child,
    div.ob_tree table tr:last-child > th:first-child,
    div.ob_tree table tr:last-child > td:first-child,
    div.ob_tree table tr:last-child > th:last-child,
    div.ob_tree table tr:last-child > td:last-child {
        border: none;
    }
/*인쇄용테이블디자인*/
    table.tblPrint {
        border: solid 1px #000000;
        border-collapse: collapse;
        background-color: #FFFFFF;
    }

        table.tblPrint th {
            background-color: #808080;
            padding-top: 3px;
            padding-bottom: 3px;
            border: solid 1px #000000;
        }

        table.tblPrint td {
            padding: 3px;
            border: solid 1px #000000;
        }
/* 리스트 테이블 인쇄용 센터정렬 */
table.tblPrint_center {
border: solid 1px #000000;
border-collapse: collapse;
background-color: #FFFFFF;
}

    table.tblPrint_center th {
        background-color: #808080;
        padding-top: 3px;
        padding-bottom: 3px;
        border: solid 1px #000000;
    }

    table.tblPrint_center td {
        padding: 3px;
        border: solid 1px #000000;
        text-align: center;
    }
    
    /*div 박스 디자인*/
    div.boxstyle1 {
        position: relative;
        /*background: rgba(0,0,0,.02);*/
        border: 2px solid rgba(0,0,0,.1);
    }

    div.boxstyle1:before, div.boxstyle1:after {
        content: "";
        position: absolute;
        width: 1rem;
        height: 1rem;
        border: 2px solid rgba(0,0,0,.5);
        box-sizing: border-box;
    }

    div.boxstyle1:before {
        top: 0;
        left: 0;
        border-width: 2px 0 0 2px;
        transform: translate(-2px, -2px);
    }

    div.boxstyle1:after {
        bottom: 0;
        right: 0;
        border-width: 0 2px 2px 0;
        transform: translate(2px, 2px);
    }

div.boxstyle2 {
    display: block;
    background: #fff;
    padding: 15px 20px 15px 20px;
    margin: 0 0 10px;
    /*Font*/
    color: #666;
    /*Box Shadow - (Optional)*/
    -moz-box-shadow: 2px 2px 15px #ccc;
    -webkit-box-shadow: 2px 2px 15px #ccc;
    box-shadow: 2px 2px 5px #ccc;
    /*Borders - (Optional)*/
    border-left-style: solid;
    border-left-width: 15px;
    border-right-style: solid;
    border-right-width: 2px;
}

div.headconditionbox {
    border: solid 1px #c6c9cc;
    border-radius: 6px;
    padding:.1rem .5rem;
    display:flex;
    align-items:center;
}
    div.headconditionbox > div {
        display: flex;
        align-items: center;
        margin-right: .5rem;
        flex-wrap: nowrap;
        margin-bottom: 0.25rem;
        margin-top: 0.25rem;
    }

    div.headconditionbox > div label,
    div.headconditionbox > div select,
    div.headconditionbox > div input,
    div.headconditionbox > div button {
        margin-right: 0.25rem;
    }

    div.headconditionbox > div button.ui-datepicker-trigger {
        margin-right: 0;
        margin-left: 0;
        padding-left: 0;
        padding-right: 0;
    }

    div.headconditionbox > div.right {
        margin-left: 5rem;
    }

    div.headconditionbox > div.end {
        margin-left:auto;
        margin-right:0;
    }

    div.headconditionbox > div.end *{
        margin-left:0.5rem;
        margin-right:0;
    }

/*monthselector*/
div.ui-monthpicker-outer {
    display:none;
    position: fixed;
    z-index: 21;
    display: block;
    border-radius: 5px;
    border: 1px solid #a6c9e2;
    background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;
    color: #222;
    width: 17em;
    padding: .2em .2em 0;
    min-height: 0;
    box-sizing: border-box;
}

button.ui-monthpicker-trigger {
    border: none;
    background-color: transparent;
}
div.ui-monthpicker-outer div.ui-monthpicker-header {
    position: relative;
    padding: .2em 0;
    border-radius: 5px;
    border: 1px solid #4297d7;
    background: #5c9ccc url(images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x;
    color: #fff;
    font-weight: bold;
    min-height: 0;
    box-sizing: border-box;
}

    div.ui-monthpicker-outer a.ui-monthpicker-prev {
        left: 2px;
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em;
        color: #fff;
        border-radius: 5px;
        box-sizing: border-box;
    }

    div.ui-monthpicker-outer a.ui-monthpicker-next {
        right: 2px;
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em;
        color: #fff;
        border-radius: 5px;
        box-sizing: border-box;
    }

        div.ui-monthpicker-outer a.ui-monthpicker-next:hover,
        div.ui-monthpicker-outer a.ui-monthpicker-prev:hover {
            border: 1px solid #79b7e7;
            background: #d0e5f5 url(images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x;
            font-weight: bold;
            color: #1d5987
        }

        div.ui-monthpicker-outer a.ui-monthpicker-prev span,
        div.ui-monthpicker-outer a.ui-monthpicker-next span {
            background-image: url(images/ui-icons_d8e7f3_256x240.png);
            display: block;
            position: absolute;
            left: 50%;
            margin-left: -8px;
            top: 50%;
            margin-top: -8px;
        }

    div.ui-monthpicker-outer a.ui-monthpicker-next:hover span,
    div.ui-monthpicker-outer a.ui-monthpicker-prev:hover span {
        background-image: url(images/ui-icons_217bc0_256x240.png);
        color: #1d5987;
        text-decoration: none
    }
    div.ui-monthpicker-outer .ui-monthpicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center;
        box-sizing: border-box;
    }
    div.ui-monthpicker-outer span.ui-monthpicker-year {
        box-sizing: border-box;
    }

    div.ui-monthpicker-outer div.ui-monthpicker-body {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }

    div.ui-monthpicker-outer button.ui-monthpicker-mm {
        flex: 1 1 20%;
        margin: 5% 2.5%;
        border: 1px solid #c5dbec;
        background: #dfeffc url(images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;
        font-weight: bold;
        color: #2e6e9e;
    }

        div.ui-monthpicker-outer button.ui-monthpicker-mm.selected {
            border: 1px solid #fad42e;
            background: #fbec88 url(images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x;
            color: #363636;
        }

        div.ui-monthpicker-outer button.ui-monthpicker-mm:hover {
            border: 1px solid #79b7e7;
            background: #d0e5f5 url(images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x;
            font-weight: bold;
            color: #1d5987
        }

/*리스트스타일*/
ul.listcustomstyle, ol.listcustomstyle{
    margin:0;
}