/*=========== ODS 배경속성 ===========*/
#container-main { overflow: inherit; background-color:rgb(255, 255, 255); background-position:left; }
.content_ods { top:100px; }
#container-sub{	padding:14px 10px 14px 10px; width:780px; overflow: inherit; }

/* new */
#container-main {
    /*	border:1px solid #000000;
        width:800px;*/
        /*overflow: hidden;*/
        /*height: 0px!important;left: 0px!important;*/
        background-color:rgb(255, 255, 255);
        background-position:left;
    /*	-webkit-box-shadow: 1px 1px 1px 0px #FFFFFF;*/
    /*    -moz-box-shadow: 1px 1px 1px 0px #FFFFFF;*/
    /*     box-shadow: 1px 1px 1px 0px #FFFFFF;*/
    /*     border: 1px solid rgb(212,212,212);*/
    /*     border-radius: 10px;*/
    }
    .content_ods {
    
    /*	background-color:rgb(241, 243, 246);*/
    top:100px;
    
    }
    /* new */
    #container-sub{
        padding:14px 10px 14px 10px;
        width:780px;
        overflow: hidden;
    }

#header_apptab {    
    /*background: transparent;*/
    background: white;
    height: 46px;
    left: 205px;
    position: fixed;
    /*top: 50px;*/
    bottom: 0px;
    width: calc(100% - 200px);
    z-index: 200;
    right: 0;
}


#breadcrumb {
    top: 95px;
    left: 200px;
    position: absolute;
    /*background: red;*/
    height: 24px;
    /* border-bottom: 1px solid #ddd; */
    z-index: 999;
}

#breadcrumb > p {
    line-height: 50px;
    margin: 0 0 0 30px;
	font-size: 18px;
}

#breadcrumb > p > i {
    color: #3c8cbc;
    font-size: 13px;
    font-weight: bold;
}


#breadcrumb > p > label {
    font-weight: 400;
    /* font-family: "Malgun Gothic",Malgun Gothic, Arial, Helvetica, sans-serif; */
    font: normal 16px/1.5 "NotoSans-R", "Helvetica Neue", Helvetica, sans-serif;
    color: black;
}



/*=========== Apptab (MDI) 배경 ===========*/
/*.ods_apptab_header_bg {left:-5px;top:2px;right:0px;height:42px; background: transparent;    border-radius: 0 0 0 0; }*/
/*.ods_apptab_screen_bg {left:0px;top:0px;height: 100%; right:0px; overflow:hidden; background: rgb(241, 243, 246); }*/
.ods_apptab_header_bg {left:5px;top:8px;right:0px;height:35px;background: rgb(255, 255, 255);border-radius: 0 0 0 0;  border-bottom:1px solid lightgray;}
.ods_apptab_screen {background: #394756; /*border: 1px solid rgb(241, 243, 246);*/ height: calc(100% - 5px);}

.ods_apptab_screen_title{ left:4px;top:4px;right:50px; height:22px; }
.ods_apptab_screen_title P { color:White; position:absolute;cursor: default;
                              left:0px;top:0px;right:0px;height:22px; margin-left:10px;  margin-top:2px; font-size: 16px;}

.ods_apptab_screen_bg {left:0px;top:0px;bottom:40px;right:0px; overflow:hidden; background: rgb(241, 243, 246); height: 100%; /* margin-top: 2px; */ }
.ods_apptab_screen {background: #394756; /* border: 1px solid rgb(241, 243, 246); */ border-top:none;}


.ods_apptab_screen_title{ left:4px;top:4px;right:50px; height:22px; }
.ods_apptab_screen_title P { color:White; position:absolute;cursor: default;
                            left:0px;top:0px;right:0px;height:22px; margin-left:10px;  margin-top:2px; font-size: 16px;}
                            
/*=========== Apptab (MDI) 창모드 ===========*/
.ods_apptab_screen_close{ right:4px;top:4px; height:22px; width:22px; background: url(./../odshtml_images/layout_thema/close_button.png); background-size: contain;}

.ods_apptab_contents {background:rgb(255, 255, 255); left:0px;top:0px;right:0px;bottom:0px; }
.ods_apptab_contents_tile {/*background:rgb(241, 243, 246);*/ left:4px;top:30px;right:4px;bottom:4px; }

/*=========== Apptab (MDI) 텝 ===========*/
.ods_apptab_tab_show {
    width: 180px;
    /* background-color: #009ee8; */
    background-color: #2b8eca;
    display: inline-block;
    text-decoration: none;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #2b8eca;
    /*padding: 0 20px;*/
    padding: 0 25px 0 10px;
    min-width: 110px;
    font-size: 13px;
    line-height: 32px;
    color: #fff;
    overflow: hidden;
    /* -webkit-box-sizing: border-box; */
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    max-height: 34px;
    }
.ods_apptab_tab_hide>table>tbody>tr>td, 
.ods_apptab_tab_show>table>tbody>tr>td { line-height: 30px; 
    text-align: left !important;
    word-break: break-word;;
    line-height: 1;
}
.ods_apptab_tab_hide {
    width: 180px;
    background-color: rgb(198, 195, 198);
    display: inline-block;
    text-decoration: none;
    vertical-align: middle;
    text-align: center;
    border: 0;
    /*padding: 0 20px;*/
    padding: 0 25px 0 10px;
    min-width: 110px;
    font-size: 13px;
    line-height: 32px;
    color: #fff;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    text-decoration: none;
    vertical-align: middle;
    color: #fff;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    max-height: 32px;
}
.ods_apptab_tab_header_close_one {top: 11px; right: 4px;  cursor: pointer; width:18px; height:18px}
.ods_apptab_header_bg .ods_apptab_tab_header_close_one {
    width:16px; height:16px; background-position:-90px 0; opacity:1;  filter: alpha(opacity=100) ; background-image:url(../asset_ods/images/sp_icon.png); background-repeat: no-repeat; background-attachment:scroll;  background-color: transparent;   padding:0; margin:0; border:none;
    background: url(./../odshtml_images/layout_thema/btn_x.png) no-repeat center center;
    background-size: contain;
    top: 7px;
}


/*=========== Apptab (MDI) 배열 버튼 ===========*/
.ods_apptab_close_screen {top:3px;right:20px;bottom:3px;width:22px; background: ;    cursor: pointer;display:none;}
/*.ods_apptab_close_all {top:3px;right:20px;bottom:3px;width:22px; background:url(../odshtml_images/layout_thema/apptab_close_all.png); background-size: contain;     cursor: pointer;}*/
/*.ods_apptab_close_all {top:3px;right:110px;bottom:3px;width:22px; background:url(../odshtml_images/layout_thema/apptab_close_all.png) no-repeat center center; background-size: contain; background-repeat: no-repeat;   cursor: pointer;
display:none;
}*/

.page-header.navbar { background-color: #0d6fa0; } .page-header.navbar .top-menu 
.navbar-nav {} .page-header.navbar .top-menu .navbar-nav > li 
{line-height:60px;height:60px} .page-header.navbar .top-menu .navbar-nav > li > 
a {padding-top:0; padding-bottom:0;  margin-top:20px} .page-header.navbar 
.top-menu .navbar-nav > li a:hover, .page-header.navbar .top-menu .navbar-nav > 
li a:focus {background:none} .page-header.navbar .top-menu .navbar-nav > li > a 
> i.icon{width:20px; height:20px; display:inline-block; 
background-image:url(../asset_ods/images/sp_icon.png); background-repeat: 
no-repeat; background-attachment:scroll} .page-header.navbar .top-menu 
.navbar-nav > li > div.tooltips > i.icon{width:20px; height:20px; 
display:inline-block !important; background-image:url(../images/sp_icon.png); 
background-repeat: no-repeat; background-attachment:scroll}

.page-header.navbar .top-menu .navbar-nav > li.layoutalign {}
.page-header.navbar .top-menu .navbar-nav > li.layoutalign > div.tooltips {width:20px; height:20px; display:inline-block; padding:0; margin:20px 7px 0 8px; cursor:pointer; background-image:url(../asset_ods/images/sp_icon.png); background-repeat: no-repeat; background-attachment:scroll }
.page-header.navbar .top-menu .navbar-nav > li.layoutalign em.hide {display:none}
.page-header.navbar .top-menu .navbar-nav > li.layoutalign a {width:20px; height:20px; padding:0;  margin:0 7px 0 8px; display:inline-block !important}

.ods_apptab_align_def, .ods_apptab_align_cascade, .ods_apptab_align_tile_vert, .ods_apptab_align_tile_hori, .ods_apptab_close_all { 
    top: 3px;
    width: 22px;
    height: 28px;
    background: #ddd;
    cursor: pointer;
 }
.ods_apptab_close_all {right: 20px; background:url(./../odshtml_images/layout_thema/apptab_close_x2.png) no-repeat center center}
.ods_apptab_align_tile_hori { right: 54px; background:url(../odshtml_images/layout_thema/apptab_align_tile_hori_1.png) no-repeat center center; }
.ods_apptab_align_tile_vert { right: 88px; background:url(../odshtml_images/layout_thema/apptab_align_tile_vert_1.png) no-repeat center center; }
.ods_apptab_align_cascade { right: 122px; background:url(../odshtml_images/layout_thema/apptab_align_cascade_1.png) no-repeat center center; }
.ods_apptab_align_def { right: 156px; background:url(../odshtml_images/layout_thema/apptab_align_def_1.png) no-repeat center center; }


.ods_apptab_close_all.active, .ods_apptab_close_all:hover{background:url(../odshtml_images/layout_thema/apptab_close_x1.png) no-repeat center center; }
.ods_apptab_align_def.active, .ods_apptab_align_def:hover{background:url(../odshtml_images/layout_thema/apptab_align_def.png) no-repeat center center; }
.ods_apptab_align_cascade.active, .ods_apptab_align_cascade:hover{background:url(../odshtml_images/layout_thema/apptab_align_cascade.png) no-repeat center center;}
.ods_apptab_align_tile_vert.active,.ods_apptab_align_tile_vert:hover{background:url(../odshtml_images/layout_thema/apptab_align_tile_vert.png) no-repeat center center;}
.ods_apptab_align_tile_hori.active,.ods_apptab_align_tile_hori:hover{background:url(../odshtml_images/layout_thema/apptab_align_tile_hori.png) no-repeat center center;}


.page-header.navbar .top-menu .navbar-nav > li .icon-info {padding-left:0; padding-right:0; min-width:20px;}
.page-header.navbar .top-menu .navbar-nav > li .icon-info .icon {background-position:-103px -57px;}
.page-header.navbar .top-menu .navbar-nav > li .icon-info:hover .icon,
.page-header.navbar .top-menu .navbar-nav > li .icon-info.active .icon,
.page-header.navbar .top-menu .navbar-nav > li .icon-info.active:hover .icon{background-position:-103px -36px;}




/*
.ods_apptab_align_tile_hori {    top: 7px;
    right: 54px;
    bottom:3px;width:22px; background: #ddd; background:url(../odshtml_images/layout_thema/apptab_align_def.png) no-repeat center center; background-repeat: no-repeat;  cursor: pointer;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url(../asset_ods/images/sp_icon.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: -63px -57px;
    z-index: 9999;
}
.ods_apptab_align_tile_vert {    top: 7px;
    right: 92px;
    bottom:3px;width:22px; background: #ddd; background:url(../odshtml_images/layout_thema/apptab_align_def.png) no-repeat center center; background-repeat: no-repeat;  cursor: pointer;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url(../asset_ods/images/sp_icon.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: -42px -57px;
    z-index: 9999;
}
.ods_apptab_align_cascade {    top: 7px;
    right: 130px;
    bottom:3px;width:22px; background: #ddd; background:url(../odshtml_images/layout_thema/apptab_align_def.png) no-repeat center center; background-repeat: no-repeat;  cursor: pointer;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url(../asset_ods/images/sp_icon.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: -21px -57px;
    z-index: 9999;
}

.ods_apptab_align_def {    top: 7px;
    right: 169px;
    bottom:3px;width:22px; background: #ddd; background:url(../odshtml_images/layout_thema/apptab_align_def.png) no-repeat center center; background-repeat: no-repeat;  cursor: pointer;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url(../asset_ods/images/sp_icon.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 0 -37px;
    z-index: 9999;
}*/

/* add design */
.ods_apptab_header_bg .ods_apptab_tab_header_close_one {}

/*.ods_apptab_header_bg .ods_apptab_tab_header_close_one {
	background: url(./../odshtml_images/layout_thema/btn_x.png) no-repeat center center;
	background-size: contain;
}*/
/*
.ods_apptab_header_bg .ods_apptab_close_all {
	background: url(./../odshtml_images/layout_thema/apptab_close_x1.png) no-repeat center center;
	background-size: contain;
}
*/


/* 웹 푸시 메세지  */
.cls_frame_ods_push_msssage_count {
    /*position:absolute;*/
    /*right:175px;*/
    top:0px;
    width:50px;
    height:50px;
    z-index: 10000;
    background-color: transparent;
    color: #ff0000;
    text-align:center;
    background-image: url(../odshtml_images/bell.png);
    cursor: pointer;
}

.cls_frame_ods_push_msssage_count:hover {
    /*background-color: #0256B9;*/
}

.cls_ods_push_msssage_count {
    color: #ffffff;
    background-color: #f39c12;
    width: 13px;
    height: 17px;
    font-size: 12px;
    text-align: center;
    margin-top: 9px;
    margin-left: 26px;
}


.cls_frame_ods_push_msssage_popup {
    position:absolute;
    display:none;
    /* background-color: #0256B9; */
    background: #eaeaea !important;
    z-index:10001;
    padding: 150px;
}

.cls_ods_push_msssage_popup_clear {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 70px;
    height: 25px;
    background-color: #0256B9;
    float: right;
    color: #ffffff;
    border: none;
    font-size: 12px;
    border: 1px solid #0256B9;
}

.cls_ods_push_msgpop_list {
    position: absolute;
    left: 10px;
    top: 50px;
    bottom: 10px;
    width: 93%;
    overflow: auto;
    background-color: white;
}

.ods_push_msgpop_table{

}

.ods_push_msgpop_tr {
}

.ods_push_msgpop_td {
    padding: 5px;
}

.line_type
{
    border:1px solid lightgray;
}

label[ods_msg_col="send_user_name"] {
    color: black;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

label[ods_msg_col="msg_data"] {
    color: #6b6b6b;
    font-weight: normal;
    width: 215px;
    padding: 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.messages-menu {
    /*padding-right: 50px;*/
}
/* 웹 푸시 메세지 끝 */



/* 탭 우측 미니버튼 안보이게 */
.ods_apptab_align_def,
.ods_apptab_align_cascade,
.ods_apptab_align_tile_hori,
.ods_apptab_align_tile_vert
{
    /* display:none; */
}