/**************** top ****************/
.header {
    position: relative;
    z-index: auto;
}

.index-header-logo {
    cursor: default;
}

.top-navigator-depth2 {
    overflow:hidden;
}

/**************** left ****************/
.left-menu {
    bottom: 31px;
    height: auto;
    z-index: 300;
}

.left-menu .left-menu-btn2 {
    z-index: 300;
}

.contents.left-hide {
    left: 0px;
}

.left-menu .left-menu-btn2.close {
    background-image: url("../img/common/ico-menu-open2.png");
}

.left-menu.left-hide {
    left: -200px;
}

.menu-contents {
    position: absolute;
    top: 100px;
    bottom: 0;
    width: 100%;
    overflow-y: auto;
}

#myMenuTab {
    display:none;
}

.notice-item {
    width: 100%;
    box-sizing: border-box;
    font-size: 12px;
    color: #ffc200;
}

.menu > ul.favorite-level2-wrapper {
    border:0px;
}

.favorite-level2-wrapper>li>span.favorite-label>span.favorite-title-level2 {
    padding:0px;
    background-image: none;
}

.favorite-level2-wrapper>li.children-none {
    padding-left:0px;
}

/*.favorite-level2-wrapper>li.children-none>span.favorite-label {*/
/*    padding-left:0px;*/
/*    background-image: none;*/
/*}*/

.favorite-level2-wrapper>li.children-none>span.favorite-label:hover {
    color: #333 !important;
    text-decoration: none !important;
}

/*.favorite-level2-wrapper>li>*/

/**************** right ****************/
.contents {
    position: absolute;
    left: 200px;
    top: 55px;
    right: 0;
    bottom: 31px;
    padding: 0 15px;
    min-height: auto;
    width: auto;
}

.contents-iframe {
    border:0px;
    padding:0px;
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    z-index:100;
}

.contents-iframe-activate {
    z-index:200;
    background-color: #ffffff;
}

.subtitle-box {
    margin: 0 15px 0 20px;
}

/* 신규 추가한 태그 */
.subcontents-box-wrap {
    position:absolute;
    top: 50px;
    bottom:0px;
    left:0px;
    right:0px;
    overflow-y:auto;
    overflow-x:hidden;
}

/* 신규 추가한 태그 */
.subcontents-box {
    padding: 0 0 15px 0;
    margin: 0 15px 0 20px;
}

/**************** bottom ****************/
.footer { height:31px; right:0; }

.footer-tab-box { position:absolute; left:15px; right:92px; height:100%; }

.footer-tab-wrapper {
    position:absolute; left:0px; height:100%; width:50000px;
}


/**************** contents ****************/
/* 레이어팝업 컴포넌트에서 사용 */
html, body {
    height:100%;
}

.layerpopup-block {
    position:fixed; top:0; bottom:0; left:0; right:0; z-index:200; display:none;
    background-color:#000000; opacity:0.1; filter:alpha(opacity=10); -moz-opacity:0.1; -khtml-opacity:0.1;
}
.layerpopup-layer {
    top:0; bottom:0; left:0; right:0; z-index:300; display:none;
    position:fixed;
}
.layerpopup-layer-top {
    z-index: 350;
}
.layerpopup-layer-full {
    top:0; bottom:0; left:0; right:0; z-index:300; display:block;
}
.layerpopup-layer-iframe {
    border:0px; padding:0px;
    position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:100;
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */

    /* Rules below not implemented in browsers yet */
    -o-user-select: none;
    user-select: none;
}
.layerpopup-layer-block-iframe {
    border:0px; padding:0px;
    position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:200;
    display: block;
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */

    /* Rules below not implemented in browsers yet */
    -o-user-select: none;
    user-select: none;

    background-color:#000000; opacity:0.1; filter:alpha(opacity=10); -moz-opacity:0.1; -khtml-opacity:0.1;
}

.layerpopup-layer-top .layerpopup-layer-block-iframe {
    display:none;
}

.layerpopwrap .layerpop-big {
    position:relative;
    z-index:100;
    margin:0 auto;
    width:100%;
    height:100%;
    border:1px solid #666;
    background:#fff;
    box-shadow:0 4px 10px rgba(0,0,0,0.5);
}


div.frame-contents { position:relative; height:100%; overflow:auto; }
div.frame-contents-none-padding { position:relative; height:100%; overflow:auto; padding:0px; }

/* layout */
div.layout-container-row { display:-webkit-flex; display:flex; flex-direction:row; align-items:stretch; width:100%; height:100%; }
div.layout-container-column { display:-webkit-flex; display:flex; flex-direction:column; align-items:stretch; width:100%; height:100%; }

div.layout-flex,
div.layout-flex-1   { -webkit-flex:1;  -ms-flex:1;  flex:1;  position:relative; overflow:hidden; }
div.layout-flex-2   { -webkit-flex:2;  -ms-flex:2;  flex:2;  position:relative; overflow:hidden; }
div.layout-flex-3   { -webkit-flex:3;  -ms-flex:3;  flex:3;  position:relative; overflow:hidden; }
div.layout-flex-4   { -webkit-flex:4;  -ms-flex:4;  flex:4;  position:relative; overflow:hidden; }
div.layout-flex-5   { -webkit-flex:5;  -ms-flex:5;  flex:5;  position:relative; overflow:hidden; }
div.layout-flex-6   { -webkit-flex:6;  -ms-flex:6;  flex:6;  position:relative; overflow:hidden; }
div.layout-flex-7   { -webkit-flex:7;  -ms-flex:7;  flex:7;  position:relative; overflow:hidden; }
div.layout-flex-8   { -webkit-flex:8;  -ms-flex:8;  flex:8;  position:relative; overflow:hidden; }
div.layout-flex-9   { -webkit-flex:9;  -ms-flex:9;  flex:9;  position:relative; overflow:hidden; }
div.layout-flex-10  { -webkit-flex:10; -ms-flex:10; flex:10; position:relative; overflow:hidden; }

div.layout-height-300 { height:300px; }

.margin-right-bottom { margin:0 20px 20px 0; }
.margin-bottom { margin-bottom:20px; }
.margin-right {  margin-right:20px; }
.margin-top { margin-top:4px; }



/* Grid Box 추가 */
div.table-box.grid-theme-lfccims { height:327px; margin-bottom: 20px; border:0px; }
div.table-box.grid-theme-lfccims .grid-header .grid-cell-inner-cell { border-top: 2px solid #ccc; }
div.table-box.grid-theme-lfccims .grid-header .grid-scroll-wrap-in { border-top: 2px solid #ccc; }
div.table-box.grid-theme-lfccims .grid-navigator { height:29px; }

div.table-box div.grid-theme-lfccims { height:327px; margin-bottom: 20px; border:0px; }
div.table-box div.grid-theme-lfccims .grid-navigator { height:29px; }

div.grid-box { padding-top: 0px; margin-top: 4px; float: left; width: 100%; }
div.grid-height-100p { height:100%; }

div.layout-flex>.grid-box,
div.layout-flex-1>.grid-box,
div.layout-flex-2>.grid-box,
div.layout-flex-3>.grid-box,
div.layout-flex-4>.grid-box,
div.layout-flex-5>.grid-box,
div.layout-flex-6>.grid-box,
div.layout-flex-7>.grid-box,
div.layout-flex-8>.grid-box,
div.layout-flex-9>.grid-box,
div.layout-flex-10>.grid-box {
    width:100%;
    height:100%;
}

div.margin-top>div.grid-box {
    margin-top : 0px;
    box-sizing: border-box;
}

.subnav-box2 {
    font-size:14px;
    vertical-align: top;
}

.subnav-box2 .subnav-box2-text {
    font-size: 11px;
    color: #666;
}


/* grid높이 */
div.grid-height-100 {height: 100px;}
div.grid-height-200 {height: 200px;}
div.grid-height-s {height: 150px;}
div.grid-height-l {height: 275px;}
div.grid-height-line-15 {height: 400px;}
div.grid-height-line-20 {height: 525px;} /** 높이 변경 2016-11-15 **/
div.grid-height-s-2t {height: 175px;}
div.grid-height-l-2t {height: 300px;}
div.grid-height-s-3t {height: 200px;}
div.grid-height-l-3t {height: 325px;}
div.grid-height-line-15-2t {height: 425px;}
div.grid-height-line-20-2t {height: 550px;}
div.grid-height-l-line {height: 175px;}
div.grid-height-s-3line {height: 112px;}
div.grid-height-s-2c {height: 215px;} /* 높이 추가 2020-01-03 */

div.grid-height-s-br {height: 163px;}
div.grid-height-l-br {height: 288px;}


.sub-btn-right-t {
    position: absolute;
    right: 0;
}

.btn-calendar-prev { /** 계약만기관리 페이지 내 중앙 달력 이전 버튼 위치 수정 **/
    float: left;
    margin-top: -28px;
}

.layer-popup { width:100%; height:100%; }
.layer-popup > h2 { height:15px; }
.popup-contents { position:absolute; top:34px; bottom:0; left:0; right:0; background:#fff; }
.header-notice { width: 390px !important; }
.header-notice-item { cursor:pointer; }

.layerpopup-layer-full .layer-popup > h2 {
    height:0px;
}

.layerpopup-layer-full .popup-contents {
    top:0px;
}

.layerpopup-layer-full .layer-popup {
    border:none;
}

/* 위젯 템플릿 */
div.widget {
    background-color:#fafafa; border:solid 1px #c8c8c8; padding:10px;
    min-width:200px;
}
div.widget>h3 {
    float: left;
    background:url(../img/contents/subtitle_bl.png) no-repeat left 6px;
    color: #000000;
    padding: 5px 0px 10px 15px;
    height: 20px;
    font-family: NanumGothicB;
    font-size: 13px;
    position: relative;
    font-weight: bold;
    display: inline-block;
}

div.widget div.sub-btn-right {
    padding-bottom:10px;
}

div.widget div.section div.sub-btn-right {
    padding-bottom:0px;
}

div.widget  div.widget-contents {
    position:relative;
    background-color:#ffffff;
    border:solid 1px #e8e8e8;
    padding:10px;
    overflow:auto;
    clear:both;
}

div.widget-contents pre {
    margin:0px;
}

/* 템플릿 페이지용 */
.template-preview { margin-bottom:20px; clear:both; }
.template-code { clear:both; }

.template-textarea {
    display: block; box-sizing:border-box; clear:both;
    position:absolute; top:0; height:100%; left:-100000px; width:100%;
    background-color: #fff;
}

.template-highlight { line-height:25px; }
.template-highlight span { font-weight:bolder; }


/* 파일 컴포넌트 */
.file-wrap { position:relative; }
.file-result-wrap { position:relative; }
.file-result-wrap .file-progress, .file-result .file-progress { position:absolute; top:0px; left:0px; width:0; height:100%; background-color:#0091EA; opacity:0.3; filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity:0.3; }
.file-result .file-name { background: url(../img/contents/normal.gif) 0 50% no-repeat; padding: 0 13px 0 22px;}
.file-result .file-name.file-extension-docx { background: url(../img/contents/docx.gif) 0 50% no-repeat; }
.file-result .file-name.file-extension-doc { background: url(../img/contents/docx.gif) 0 50% no-repeat; }
.file-result .file-name.file-extension-eps { background: url(../img/contents/eps.gif) 0 50% no-repeat; }
.file-result .file-name.file-extension-gif { background: url(../img/contents/gif.gif) 0 50% no-repeat;}
.file-result .file-name.file-extension-gul { background: url(../img/contents/gul.gif) 0 50% no-repeat; }
.file-result .file-name.file-extension-hwp { background: url(../img/contents/hwp.gif) 0 50% no-repeat; }
.file-result .file-name.file-extension-jpg { background: url(../img/contents/jpg.gif) 0 50% no-repeat; }
.file-result .file-name.file-extension-msg { background: url(../img/contents/msg.gif) 0 50% no-repeat; }
.file-result .file-name.file-extension-pdf { background: url(../img/contents/pdf.gif) 0 50% no-repeat; }
.file-result .file-name.file-extension-png { background: url(../img/contents/png.gif) 0 50% no-repeat; }
.file-result .file-name.file-extension-ppt { background: url(../img/contents/ppt.gif) 0 50% no-repeat; }
.file-result .file-name.file-extension-pptx { background: url(../img/contents/pptx.gif) 0 50% no-repeat; }
.file-result .file-name.file-extension-txt { background: url(../img/contents/txt.gif) 0 50% no-repeat; }
.file-result .file-name.file-extension-xlsx { background: url(../img/contents/xlsx.gif) 0 50% no-repeat; }
.file-result .file-name.file-extension-zip { background: url(../img/contents/zip.gif) 0 50% no-repeat; }
.file-wrap-single .file-name-wrap { width: 585px; height: 22px; border: 1px solid #bbb; padding: 0 5px; font-size: 12px; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; border-radius: 2px; }
.file-wrap-single .file-name {  display:table-cell; height:22px; font-size:12px; font-family: "NanumGothic", serif; color: #333;  }
.file-wrap-single .btn-file-del { right:10px;  }

.menusearch-result-layer { z-index: 500; height: auto; min-width: 300px; }

/* 신규 추가한 태그 */
.jwork-admin .subcontents-box {
    height: 100%;
    box-sizing: border-box;
    padding:0px;
}

.jwork-admin .subcontents-box-full {
    box-sizing: border-box;
    height:100%;
    padding:0px;
    margin:0px;
}


/* admin */
.jwork-admin .contents-tab-box {
    position: relative;
    padding-top: 10px;
}

.jwork-admin iframe.tab-iframe {
    border:0px;
}

.jwork-admin .sub-btn-right {
    position: absolute;
    right: 0;
    font-size:0px;
    top:8px;
    padding-bottom: 0px;
}

.jwork-admin .section h3 {
    position: relative;
    padding: 2px 0 6px 12px;
    font-size: 13px;
    font-weight: bold;
    color: #000;
    background: url("../img/contents/ico-title.png") 0 35% no-repeat;
}

div.section h4 {
    clear: both;
    background:url('../img/contents/subtitle_bl_h4.png') no-repeat left 6px;
    color: #555555;
    padding:5px 0 0 15px;
    height:20px;
    font-size: 13px;
    font-weight: lighter;
    font-family: NanumGothicB;
    position: relative;
}

.jwork-admin input.name-s01p {
    width: 94%;
}

.jwork-admin input.off {
    color: rgb(153, 153, 153);
    background: rgb(225, 225, 225);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(171, 173, 179);
    border-image: initial;
}

.jwork-admin span.btn-control {
    margin-left: 3px;
    background-color: #fff;
    color: #5a5a5a;
    min-width: 50px;
    height: 22px;
    padding: 0 10px;
    line-height: 20px;
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
    text-align: center;
    border-radius: 3px;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: bold;
    border: 1px solid #888;
    cursor: pointer;
}

.jwork-admin span.btn-control a {
    color: #5a5a5a;
    width: 100%;
    height: 100%;
    display: block;
    font-size: 12px;
    font-weight: bold;
    box-sizing: border-box;
}

/* 서브타이틀이 있는 버튼 h4때 사용 */
.jwork-admin .sub-btn-right-t02 {
    position: absolute;
    right: 0;
    font-size: 0px;
    top: 8px;
    padding-bottom: 0px;
    text-align: right;
}

.jwork-admin .sub-btn-right-t02 span {
    margin-left: 3px;
}

.jwork-admin .section {
    float: left;
    padding-top: 8px;
    width: 100%;
    position: relative;
}

.jwork-admin .margin-top-8 {
    margin-top: 8px;
}

.jwork-admin .grid-box {
    border-top: 2px solid #ccc;
}

.jwork-admin .table-box .cke_chrome {
    border-top:0px;
}

.jwork-admin .radio {
    opacity: 1;
    position: static;
    left: 0;
}

.jwork-admin caption { display:none; }

.sec-centerbtn .btn-position-box button.rbtn {
    background: url(../img/contents/ico-right-btn.png) no-repeat;
    width: 22px;
    height: 21px;
}

.sec-centerbtn .btn-position-box button.lbtn {
    background: url(../img/contents/ico-left-btn.png) no-repeat;
    width: 22px;
    height: 21px;
}

.sec-centerbtn {
    margin: 0 5px 0 5px;
    width: 25px;
    height: 100%;
}

.sec-centerbtn .btn-position-box {
    position: absolute;
    top: 50%;
    width: 26px;
    text-align: center;
}

.alttxt {
    display: none;
}

div.tree-box {
    width: auto;
    overflow: auto;
    border: 1px solid #d3d3d3;
    border-top: 1px solid #8b8b8b;
    margin-top: 3px;
    border-top: solid 1px #666666;
}