html, body {
    height: 100%;
		min-width:1250px;
		overflow:auto;
		background:#3d0f81;
}
.nav_menu{border-bottom:1px solid #e8e8e8; background:#fff;}
body .container.body .right_col{background:#f0f1f2;}
.nav.side-menu > li.current-page,
.nav.side-menu > li.active {border-right: 3px solid #be00ed;}
.toggle a i{color:#3d0f81;}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #3d0f81;
}


.float_R {
    float: right;
}

.pdL0 {
    padding-left: 0 !important;
}

.nav-sm .main_container .right_col {
    min-height: 892px !important;
}

.ln_solid {
    margin: 5px 0 !important;
}

.panel_toolbox.item1 {
    min-width: 22px !important;
    float: left !important;
    margin-right: 5px;
}

.area_search {
    float: right;
    margin-top: 10px;
}

    .area_search .btn {
        margin-right: 0 !important;
    }

.area_listbtn {
    float: right;
    margin-top: -10px;
}

    .area_listbtn .btn {
        margin-right: 0 !important;
    }

.area_insertbtn {
    float: right;
    margin-top: 10px;
}

    .area_insertbtn .btn {
        margin-right: 0 !important;
    }

.well {
    border: 1px solid #d8dae1;
    border-radius: 0;
    box-shadow: none;
    background: #fff;
}

.option .btn, .option .input-group {
    margin-bottom: 0 !important;
}

.option .form-control[disabled],
.option .form-control[readonly] {
    background-color: #fff;
    opacity: 1;
}

.form-control-feedback.left {
    left: 3px;
}

.well.code {
    background: #f7f7f7;
}

.code code {
    background: none;
    color: #1d1e23;
}

.x_panel h2 {
    font-size: 16px;
    color: #7b7b7b;
}

.x_title_right {
    float: right;
}

    .x_title_right .dataTables_info {
        width: 100%;
        margin: 5px 0 6px;
    }

.search .x_title {
    padding: 0 !important;
}

    .search .x_title h2 {
        margin-top: 10px;
    }

.search .nav.panel_toolbox.item1 {
    margin-top: 5px;
}

.required {
    color: #e30613;
	padding-left:5px;
}
/*.x_panel .form-control[readonly]{background:#fff; border:none; border-bottom:1px solid #eee; padding-left:10px!important;}*/
.detail_label {
    padding-left: 8px;
    margin-bottom: 0;
    color: #000;
    background: url(/StaticContent/images/icn_label.png) left 6px no-repeat;
}
/*.detail label{border-bottom:1px solid #f0f0f0;}*/
.detail_data {
    border-bottom: 1px dashed #f0f0f0;
    padding: 0px 12px 0px 10px !important;
    display: block;
    min-height: 24px;
    font-size: 14px;
    font-weight: normal;
    color: #555;
    margin-bottom: 35px;
    word-wrap: break-word;
    line-height: 35px;
}

.detail.diverder-dashed {
    border-color: #FC6;
    margin: 15px 0 !important;
}

<!-- detail View Add 0918 -->
.detail_view {
    border: 1px solid #eee;
    border-collapse: collapse;
    width: 100%;
}

.detail_view th {
    padding: 12px 16px;
    font-weight: bold;
    text-align: left;
    border: 1px solid #ddd;
    background: #f7f7f7;
}

.detail_view td {
    padding: 12px 16px;
    font-weight: normal;
    text-align: left;
    border: 1px solid #ddd;
}
.write_tbl{
    border: 1px solid #eee;
    border-collapse: collapse;
    width: 100%;
}

.write_tbl th {
    padding: 4px 16px;
    font-weight: bold;
    text-align: left;
    border: 1px solid #ddd;
    background: #f7f7f7;
}

.write_tbl td {
    padding: 4px 6px;
    font-weight: normal;
    text-align: left;
    border: 1px solid #ddd;
}

.write_tbl .input-group{margin:0;}

<!-- //detail View Add 0918 -->
.check_td {
    width: 55px;
}

.pagination {
    margin: -10px 0 0 0;
}

    .pagination > li > a,
    .pagination > li > span {
        color: #1d1e23;
        background-color: #fff;
        border: 1px solid #e5e5e5 !important;
        margin-left: -1px;
        min-width: 34px;
        text-align: center;
    }

        .pagination > li > a:hover,
        .pagination > li > span:hover,
        .pagination > li > a:focus,
        .pagination > li > span:focus {
            color: #87189d !important;
            background-color: #d3d1d1;
            border-color: #e5e5e5;
        }

    .pagination > li.active > a,
    .pagination > li.active > a:focus,
    .pagination > li.active > a:hover,
    .pagination > li.active > span,
    .pagination > li.active > span:focus,
    .pagination > li.active > span:hover {
        background: #4400aa !important;
        border: 1px solid #4400aa !important;
        color: #fff !important;
    }

    .pagination .next a, .pagination .previous a {
        width: 75px;
        text-align: center;
    }

.table > thead > tr > th {
    border-bottom-width: 1px;
    background: #ededee;
		text-align:center;
		vertical-align:middle;
}

.table {
    border-collapse: collapse;
}

    .table a {
        text-decoration: underline;
    }

        .table a:hover {
            color: #5b338b;
        }

    .table th {
        color: #1d1e23;
    }

    .table > thead > tr > th.warning {
        background: #ccc6c1 /*#bdbebf*/;
    }

.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:6px;}

table.table-bordered.jambo_table tbody tr:hover td {
        background: rgba(167,0,220, 0.07);
        border:1px solid #ddd;
    }


.btn {
    min-width: 65px;
}

.btn-default {
    border-color: #d3d1d1;
    background: #f0f0f0;
    color: #1d1e23;
}

    .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default:visited {
        border-color: #706f6f !important;
        background: #f0f0f0 !important;
        color: #1d1e23 !important;
    }

.btn-primary {
    border-color:#350082;
    background: #350082;
    color: #fff;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:visited {
        border-color: #4400aa !important;
        background: #4400aa !important;
        color: #fff !important;
    }

.btn-success {
    background: #000;
    border: 1px solid #000
}

    .btn-success:hover,
    .btn-success:focus,
    .btn-success:active,
    .btn-success.active,
    .open .dropdown-toggle.btn-success {
        background: #333 !important;
        border: 1px solid #000 !important;
        box-shadow: none !important;
    }

.btn-danger {
    border-color: #4400aa;
    background: #fff;
    color: #4400aa;
}

    .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger:visited {
        border-color: #8c00aa !important;
        background: #fff !important;
        color: #8c00aa !important;
    }

.btn-search {
    border-color: #d3d1d1;
    background: #fff;
    color: #1d1e23;
}

    .btn-search:hover, .btn-search:focus, .btn-search:active, .btn-search:visited {
        border-color: #d3d1d1 !important;
        background: #eee !important;
        color: #1d1e23 !important;
    }

.login_wrapper .login_content .btn-default {
    background: #fff !important;
    border: 1px solid #ee302d !important;
    color: #ee302d !important;
}

    .login_wrapper .login_content .btn-default:hover,
    .login_wrapper .login_content .btn-default:focus,
    .login_wrapper .login_content .btn-default:active {
        border-color: #ee302d !important;
        background: #ee302d !important;
        color: #fff !important;
    }

.btn-file {
    position: relative;
    overflow: hidden;
}

    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: inherit;
        display: block;
    }

.btn-fileupload {
    margin-top: 23px;
}

.table-responsive .btn {
    margin: 0 !important;
}

.form-horizontal .input-group {
    margin-bottom: 0 !important;
}

input, .form-control {
    box-shadow: none;
}

.site_title {
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 400;
    font-size: 0px;
    width: 100%;
    color: #ECF0F1 !important;
    margin-left: 0 !important;
    line-height: 59px;
    display: block;
    height: 55px;
    margin: 0;
    /*padding-left: 10px*/
    /*background: url(/StaticContent/images/site_title.png) no-repeat;*/
    background: url(/StaticContent/images/site_title.png) no-repeat;
}

.nav-sm .site_title {
    background: url(/StaticContent/images/site_title_sm.png) 10px 8px no-repeat !important;
}

.modal-header {
    background: #3d0f81;
    border-bottom: none;
    border-radius: 6px 6px 0 0;
    padding: 15px 15px 5px 15px;
}

.modal-title {
    color: #fff;
}

.modal-content {
    border: none;
}

.close {
    opacity: .3;
    color: #fff;
    font-weight: normal;
    font-size: 28px;
    text-shadow: none;
}

    .close:hover {
        opacity: 1;
        color: #fff;
        text-shadow: none;
    }

.login {
    background: #fff !important;
}

.login_content .btn-default:hover {
    border-collapse: #333 !important;
    background: #333 !important;
    color: #fff !important;
}

.login_content {
    width: 600px !important;
}

.title {
    width: 350px;
}

.login_content h1 {
    width: 100% !important;
}

    .login_content h1:after {
        background: none !important;
        background: none !important;
        right: 0
    }

    .login_content h1:before {
        background: none !important;
        background: none !important;
        left: 0
    }

.login_content .title h1:before, .login_content .title h1:after {
    height: 1px;
    position: absolute;
    top: 10px;
    width: 33%
}

.login_content form input[type="text"], .login_content form input[type="password"] {
    width: 350px !important;
    float: left;
    animation: unset !important;
}

.a_login .alert.a_alert {
    clear: both;
    width: 350px !important;
}

.a_login .item.form-group.bad .a_form, .a_btnarea, .separator {
    width: 350px !important;
}

.sidebar-footer {
    bottom: 0px;
    clear: both;
    display: block;
    padding: 5px 0 0 0;
    position: fixed;
    width: 230px;
    height: 40px;
    background: none !important;
    z-index: 999;
}

footer .pull-right {
    font-size: 0 !important;
    background: url(/StaticContent/images/login_bottom.png) right no-repeat;
    width: 320px;
    height: 26px;
}

.treelayout {
    display: table;
    width: 100%;
    height: 100%;
    min-height: 600px;
}

    .treelayout .treelayout_left, .treelayout .treelayout_right {
        display: table-cell;
        height: 100%;
    }

    .treelayout .x_panel, .treelayout .x_content, .treelayout .tree_set, .treelayout .tree_wrap {
        height: 100%;
    }

/********** TreeMenu ***********/
.tree ul ul {
    display: block;
}

.tree li {
    list-style: none;
}

.tree .tree_item {
    position: relative;
    padding-left: 23px;
    background: url(/StaticContent/images/tree_line.png) 9px top no-repeat;
}

    .tree .tree_item.last {
        background-position: 9px -1764px;
    }

.tree .tree_item_wrap {
    height: 26px;
    white-space: nowrap;
}

    .tree .tree_item_wrap * {
        vertical-align: top;
    }

.tree .tree_link {
    display: block;
    padding-right: 10px;
}

    .tree .tree_link .txt { /*font-size:13px;*/
        line-height: 20px;
        color: #333;
        margin-left: -3px;
    }
/* icon */
.tree .toggle {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    border: none;
    outline: none;
    background: url(/StaticContent/images/tree.png) no-repeat;
}

    .tree .toggle.plus {
        background-position: left top;
    }

    .tree .toggle.minus {
        background-position: -25px top;
    }

.tree .ico {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: -2px;
    margin-left: -2px;
    border: none;
    background: url(/StaticContent/images/tree.png) -50px -25px no-repeat;
}

.tree.tree_org .ico {
    background-position: -75px -25px;
}

.tree .ico.folder {
    background-position: left -25px;
}

.tree .ico.folder_open {
    background-position: -25px -25px;
}
/* tree set */
.tree_set {
    margin: 0;
    padding: 0;
}

    .tree_set .tree_wrap, .tree_set .tree, .tree_set .tree_list { /*height:385px;*/
        margin: 0;
        padding: 0;
    }

    .tree_set .tab_type02 {
        margin-bottom: 0;
    }

    .tree_set .srch_type01 {
        box-sizing: border-box;
        margin: 0;
        border-left: 1px solid #d9d9d9;
        border-right: 1px solid #d9d9d9;
        border-top: none;
        border-bottom: none;
    }

        .tree_set .srch_type01 .condition_t_head {
            text-align: left;
            padding-left: 10px;
            background-color: transparent;
        }

        .tree_set .srch_type01 .condition_t_data {
            border-left-width: 0;
            text-align: left;
        }

    .tree_set .tree_wrap { /*height:350px;*/
        min-height: 500px !important;
        overflow: auto;
        padding: 0px; /*border:1px solid #eeeeee; background:#fff;*/
    }

    .tree_set .jqTransformSelectWrapper {
        text-align: left;
    }
/* tree noicon */
.tree.noicon .tree_item {
    padding-left: 25px;
}

.tree.noicon .tree_item_wrap {
    height: 26px;
    white-space: nowrap;
}

.tree.noicon .ico {
    background: none;
}

.tree.noicon .tree_link .txt {
    margin-left: 5px;
}

.tree.noicon .toggle {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    border: none;
    outline: none;
    background: url(/StaticContent/images/tree_noicon.png) no-repeat;
}

    .tree.noicon .toggle.plus {
        background-position: left top;
    }

    .tree.noicon .toggle.minus {
        background-position: -25px top;
    }
/* tree noicon narrow*/
.tree.noicon.narrow .tree_item_wrap {
    height: 22px;
    white-space: nowrap;
}

.tree.noicon.narrow .tree_item {
    padding-left: 20px;
}

.tree .select {
    background: #ceebf8;
    font-weight: bold;
}

.input-group.date .input-group-addon {
    background-color: #eee !important;
}
.input-group.p_search .input-group-addon{cursor:pointer; border-radius:0;}

.tile-stats .badge{font-weight:normal; padding:5px 10px;}
.tile-stats .count{font-size:32px; color:#000; margin-top:20px;}
.tile-stats{padding:20px 20px;}
.tile-stats h3{margin-top:20px; font-size:22px; color:#000; font-family:'맑은고딕', Malgun Gothic, "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;}
.tile-stats .icon{right:50px; top:35px;}
.tile-stats:hover .icon i{color:inherit;}
.orderstatus_grid a label{display:block; font-weight:normal; cursor:pointer;}
.orderstatus_grid a label + a label{margin-top:8px;}

@media (max-width: 767px) {
    .area_listbtn, .pagination {
        margin-top: 5px;
    }

    .btn-fileupload {
        margin-top: 5px;
        margin-left: 0;
    }

    .controls {
        margin: 2px 0;
    }

    .treelayout {
        display: block;
    }

        .treelayout .treelayout_left, .treelayout .treelayout_right {
            display: block;
        }

    .tree_set .tree_wrap {
        min-height: 100px !important;
    }
}

.table {
    table-layout: fixed;
}
@media (max-width: 767px) {
 .table-responsive>.table {table-layout: auto;}
}
    .table td {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

.no_display {
    display: none !important;
}

/*GNB MENU CSS*/
.gnb_hori .navbar {
    border-radius: 0 !important;
    border: none !important;
    background: #273440 !important;
    position: relative;
}

.gnb_hori .navbar-header {
    background: none !important;
}
.gnb_hori .left_col.scroll-view{width:100%;}
.gnb_hori .site_title {
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 400;
    font-size: 0px;
    width: 100%;
    color: #ECF0F1 !important;
    margin-left: 0 !important;
    line-height: 59px;
    display: block;
    width: 230px; /*LNB 넓이에 맞춤*/
    height: 55px;
    margin: 0;
    /*padding-left: 10px*/
    background: url(/StaticContent/images/site_title.png) no-repeat;
}

.gnb_hori .navbar-collapse.collapse {
    padding: 0;
}

.gnb_hori_top_nav {
    position: absolute;
    right: 0px;
    top: 0;
		height:55px;
}
.gnb_hori_top_nav .nav_menu{margin:0; height:100%; background:none;}

.gnb_hori_top_nav .navbar-nav > li > a{ color:#fff !important;}
.gnb_hori_top_nav .navbar-nav > .open ul.dropdown-menu{}
.gnb_hori_top_nav .navbar-nav > .open > a,
.gnb_hori_top_nav .navbar-nav > .open > a:hover,
.gnb_hori_top_nav .navbar-nav > .open > a:focus {color: #333 !important;}

.gnb_hori_top_nav .nav_menu nav,
.gnb_hori_top_nav .navbar-right,
.gnb_hori_top_nav .nav.navbar-nav > li,
.gnb_hori_top_nav .nav.navbar-nav > li > a{height:100%;}
.gnb_hori_top_nav a.user-profile {white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; overflow: hidden;}

.gnb_hori_top_nav .dropdown-menu li a {padding: 12px 15px;}

.gnb_hori_menu .dropdown-menu li a {padding: 12px 10px; font-size:13px;}

.gnb_hori_top_nav .navbar-right ul.dropdown-menu {/*margin-left: 0px !important;*/ width: auto; min-width:141px!important;}

.navbar-default .gnb_hori_menu.navbar-nav.gnb_hori_menu > li > a{line-height:55px; padding: 0 15px;}

.gnb_hori_menu .fa.fa-chevron-down {font-size: 11px;}

.gnb_hori .navbar-default .navbar-nav.gnb_hori_menu > li > a {color: #fff !important;}

.gnb_hori .navbar-default .navbar-nav.gnb_hori_menu > .open > a,
.gnb_hori .navbar-default .navbar-nav.gnb_hori_menu > li > a:hover {background: #fff; color: #273440 !important; border: none !important;}

.gnb_hori_menu .navbar-brand, .navbar-nav > li > a {font-size: 15px;}

.gnb_hori .navbar-default .navbar-nav.gnb_hori_menu > .open > .dropdown-menu > li > a {padding: 10px 20px;}
.gnb_hori .navbar-default .navbar-nav.gnb_hori_menu > .open > .dropdown-menu > li  a:hover,
.gnb_hori .navbar-default .navbar-nav.gnb_hori_menu > .open > .dropdown-menu > li  a.has-submenu.highlighted{background-color:#deeaf2;}

.gnb_hori .navbar-default .navbar-nav.gnb_hori_menu > li > .dropdown-menu > li  a.has-submenu{background-color:#fff;}
.gnb_hori .navbar-nav span.scroll-up, .navbar-nav span.scroll-down{background:#38536d !important;}
.gnb_hori .navbar-nav span.scroll-up, .navbar-nav span.scroll-down span{color:#fff!important;}


 @media all and (max-width: 1280px) {
	.gnb_hori .site_title {width:115px; background: url(/StaticContent/images/site_title_mb.png) 15px no-repeat;}
	.gnb_hori .navbar-default .navbar-toggle {
		padding: 8px 6px;
		margin-top: 12px;
		margin-right: 15px;
		margin-bottom: 8px;
		background-color: #fff;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 2px;
		display:block;
	}
	.gnb_hori .container.body .col-md-3.left_col {display: none !important;}
	.gnb_hori .gnb_hori .container.body	.right_col{margin-left:0;}
	.gnb_hori_top_nav .user-profile.dropdown-toggle.has-submenu{color:#fff!important;}
	.gnb_hori_top_nav .nav.navbar-nav > li > a:visited{color:#fff!important;}
	.gnb_hori_top_nav .navbar-nav.sm-collapsible a.has-submenu{padding-right:10px!Important;}
	.gnb_hori .navbar-nav > li{float:none;}
	.gnb_hori .navbar-default .navbar-toggle{}
	.gnb_hori .navbar-default .gnb_hori_top_nav{right:60px;}
	.gnb_hori .navbar-default .navbar-header{float:none;}
	.gnb_hori .navbar-default .navbar-nav.gnb_hori_menu > .open > .dropdown-menu > li > a {padding: 10px 27px; font-size:13px;}
	.gnb_hori .navbar-default .navbar-nav.gnb_hori_menu > li.open > a.has-submenu.highlighted{background: #b6cbde; color: #273440 !important; border: none !important;}
	.gnb_hori .navbar-nav{width: 100%; margin:0;}
	.gnb_hori .navbar-nav .open .dropdown-menu{width: 100%; border:0; border-radius: 0;}
	.gnb_hori .navbar-nav.gnb_hori_menu  .open .dropdown-menu{ position: relative;}
	.gnb_hori .navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret{top:50%; margin-top:-13px; border:1px solid #eeeeee;}
	.gnb_hori .navbar-nav.sm-collapsible a.has-submenu{position:relative;}
	.gnb_hori .navbar-nav.sm-collapsible a.has-submenu .fa.fa-chevron-down{position:absolute; right:27px; top:24px;}
	.gnb_hori .navbar-collapse.collapse {padding: 0 !important;}
	.gnb_hori .navbar-collapse:before{display: table; content: " ";}
	.gnb_hori .navbar-collapse{padding:0;}
	
	.gnb_hori .navbar-collapse.collapse{display:none !important;}
	.gnb_hori .navbar-collapse.collapse.in{display:block!important; background:#3e4f5f; border:none!Important; box-shadow:none!important;}
	.gnb_hori .container.body .right_col{margin-left:0;}
	
	footer{margin-left:0;}
		 
		 
}
 ..left_col, .nav_title{background:#3d0f81!important;}