@charset "utf-8";

/* Layout */
html {overflow-y: hidden;}
body {overflow-x:hidden;overflow-y:auto;background:#fff;font-size:14px;font-family: 'Inter', 'Malgun Gothic', dotum, sans-serif;}
textarea{font-family: 'Inter', 'Malgun Gothic', dotum, sans-serif;font-size:14px;}
.header {position:relative;z-index:3;}
header#header {top:0px;width:100%;margin:0 auto;padding-left:262px;background: #131B25;}
#content {overflow:visible; width:100%; float:left;}

body#sub_body { background:#eee}
body#sub_body2 { background:#fff; overflow: hidden;}
button{border:0;}

.dialog{z-index:9999;}
/* font color */
.fc-red{color: #EB4C3A !important;}
.fc-blue{color: #022F96 !important;}
/* font weight */
.fw-semibold{font-weight:600 !important;}
.fw-bold{font-weight:700 !important;}
.border-bottom{border-bottom: 1px solid #ddd !important;}

/* Header */
header#header {display: flex;}
header#header .top_company {}
header#header .top-navi {}
header#header #gnb {}
header#header .top_search {}

@media (max-width: 1700px){ 
    header#header .top_search {}
}

/* Header Search */
.top_search {display: flex;float: left;width: calc(100% - 1180px);justify-content:center;align-items: center;}
.top_search .srch_wrap {display:flex;width: 100%;max-width:170px;height:40px;align-items:center;border: 1px solid #0046BF;border-radius: 20px;background: #01234E;}
.top_search .srch_wrap .srch_ipt {width: calc(100% - 40px);padding-left:16px;border:none;background: transparent;color:#fff;font-size:14px;font-weight: var(--fwMedium);outline:none;}
.top_search .srch_wrap .srch_ipt::placeholder {color:#999;font-size:12px;}
.top_search .srch_wrap .srch_btn {display: block;position:relative;width: 24px;height: 24px;border:none;background:rgba(255, 255, 0, 0);}
.top_search .srch_wrap .srch_btn::after {content: '';display: block; position:absolute;top:0;left:0; width: inherit;height: inherit;background:url(/images/portal/common/ico_search_top.svg) no-repeat center center;background-position: 50%;background-size: 100%;}

/* Tab Menu */
/*  ① 서브화면 head 영역에 정의되어 있는 내용 삭제
    && ② 스타일 재정의 */
/* .tabMove {width: 26px;height: 26px;float: left;border: solid #83868c 2px;border-radius: 6px 6px 6px 6px/6px 6px 6px 6px;background: white;text-align: center;}
.tabMenu {width: 130px;float:left;padding: 0 5px;text-overflow: ellipsis;font-size: 10pt;cursor: pointer;height: 38px;line-height: 38px;box-sizing: border-box;position:relative;font-weight: 600;color: #8b8a90;}
.tabMenu:hover {color:#111111;}
.tabMenu > div:nth-child(1) {text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;width:105px !important;}
.tabMenu > div:nth-child(2) {height: 34px;width: 14px;position: relative;top: 2px;}
.tabMenu > div:nth-child(2) > img {visibility: hidden;}
.tabMenu:hover > div:nth-child(2) > img {visibility: inherit;}
.tabMenu[select="true"] {border-bottom: 2px solid #333;}
.leftArrow {display:inline-block; width:0; height:0; border-style:solid; border-width:4px;border-color:transparent black transparent transparent;}
.rightArrow {display:inline-block; width:0; height:0; border-style:solid; border-width:4px;border-color:transparent transparent transparent black;}
#tabScrollButton {width:190px;height:38px;padding-top:2px;float:right;font-size:0;box-sizing: border-box;}
#tabScrollButton > a {margin-left:1px;margin-right:1px;}
#body {float:left;overflow-x:auto;}
#rootTabMenu {height:40px;margin-left:262px;border-bottom: 2px solid #e5e9ef;background:#fff;box-sizing: border-box;}
#tabButtonList {height:38px;float:left;overflow-x:hidden;overflow-y:hidden;display:inline-block;}
#tabMenu {height:38px;float:left;} */

/* Tab Menu */
#body {float:left;overflow-x:auto;}

#rootTabMenu {position:relative;height: 40px;margin-left: 262px;border-bottom: none;box-sizing: border-box; background-color:#F9F9F9;}
#rootTabMenu::after {content:'';display: block;position:absolute;bottom:0;left:0;right:0;width: 100%;height: 1px;background:#ddd;}
#tabButtonList {display: inline-block;float:left;height: 40px;overflow-x: hidden;overflow-y: hidden;}
#tabMenu {float: left;height: 40px;}
.tabMenu {float: left;position: relative;min-width: 80px;height: 40px;padding: 0 16px;box-sizing: border-box;color: #555;font-size: 14px;font-weight: 500;line-height: 40px;text-overflow: ellipsis;cursor: pointer;}
.tabMenu * {float: left;box-sizing: border-box;}
.tabMenu > div:nth-child(1) {/* width: 105px !important; */}
.tabMenu > div:nth-child(2) {position: absolute;top:4px;right:3px;}
.tabMenu > div:nth-child(2) > img {visibility: hidden;}
.tabMenu .tabTitle {display:-webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-overflow: ellipsis;text-align:center;white-space: nowrap;}
.tabMenu .tabTitle.multiLine {max-width:140px;overflow: hidden;-webkit-line-clamp: 2;line-height: 18px;white-space: initial;}
.tabMenu .tabIconClose {position: absolute;top:4px;right:3px;}
.tabMenu:hover {color: #000;}
.tabMenu:hover > div:nth-child(2) > img {visibility: inherit;}
.tabMenu[select='true'] {border-bottom: 2px solid #000; z-index: 2;}

/* 0725 JJE tab-menu */
.tab-menu {display:flex;  width:100%; height: 36px; table-layout: fixed;}
.tab-menu a{display:flex; align-items:center; justify-content:center; min-width:188px; height:36px; padding:0 15px; text-align:center; border:1px solid #ddd; border-radius:8px 8px 0 0; text-align:center; font-size:16px; font-weight:500; color:#000; line-height:1; background-color:#fff;}
.tab-menu a.titleButtonSelect,
.tab-menu a.titleButtonSelect1 {background-color:#183150; color:#fff; border-color:#183150; font-weight:600;}


.leftArrow {display: inline-block;width: 0;height: 0;border-style: solid;border-width: 4px;border-color: transparent black transparent transparent;}
.rightArrow {display: inline-block;width: 0;height: 0;border-style: solid;border-width: 4px;border-color: transparent transparent transparent black;}
.tabMove {width: 26px;height: 26px;float: left;border: solid #83868c 2px;border-radius: 6px 6px 6px 6px/6px 6px 6px 6px;background: white;text-align: center;}

#tabScrollButton {display:flex;float: right;width:190px;height:40px;padding-top:9px;}
#tabScrollButton a {display:block;width: 24px;height: 24px;margin-left:10px;background:url(/images/portal/common/btn_tab_control.svg) no-repeat;background-size: auto 24px;}
#tabScrollButton a:hover {position:relative;top:-2px;}
#tabScrollButton a:first-of-type {margin-left:0;}
#tabScrollButton > a img {width:100%;height:100%;opacity: 0;}
#tabScrollButton #scrollFirst {background-position: 0 0;}
#tabScrollButton #scrollLeft {background-position: -34px 0;}
#tabScrollButton #closeAll {background-position: -68px 0;}
#tabScrollButton #scrollRight {background-position: -102px 0;}
#tabScrollButton #scrollLast {background-position: -136px 0;}

/* Page Title Area */
#sTit {margin:12px 0;padding-left: 24px;box-sizing: border-box;color: #000;font-size:18px;font-weight: bold;line-height:24px;letter-spacing: -.03em;}
#sTit .favoriteImg {height:14px; width:14px;margin-left:10px;cursor:pointer;}

#navigation {position:absolute;right: 35px;top:16px;color: #575656;font-size: 12px;}
#navigation img{margin-right:5px; margin-top:-4px;}

/* Search Area */
#search {margin: 0 auto;padding:15px 24px 20px;box-sizing: border-box;border-top:1px solid #eee;background: #f9f9f9;
position:sticky;top:-1px;left:0;right:0;z-index:2;}/* 업무화면 배경색상 변경 */

.search-wrap {display:flex;flex-direction: column;position:relative;width:100%;}
.search-wrap > * {}
.search-wrap .search-row {display: flex;align-items:flex-start;flex-wrap:wrap;}
.search-wrap .search-row + .search-row {margin-top:15px;}
.search-wrap .search-row .schItemGroup {min-height:36px;margin-top:5px;}

.search-wrap.swrap-one-row > .search-row:nth-child(1) {margin-bottom:0}
.search-wrap.swrap-two-row > .search-row:nth-child(2) {margin-bottom:0}
.search-wrap.swrap-three-row > .search-row:nth-child(3) {margin-bottom:0}

.schItemGroup {display:flex;position:relative;margin-right:30px;align-items: center;}
.schItemGroup > span {display:block;margin-right:8px;font-size:14px;color:#000;font-weight: var(--fwSemiBold);letter-spacing:-.04em;white-space: nowrap;}
.schItemGroup > .emtxt {display:inline-block;padding-left:5px;padding-right:5px;font-size:16px;position: relative;top: 5px;}

input[type=time] {border: 1px solid #cfd3da;border-radius: 30px;padding-left: 20px;padding-right: 10px;height: 36px !important;appearance: none;font-size: 14px !important;color: #666666;box-sizing: border-box;position: relative;top: -1px;}
input[type=radio] {position:absolute; visibility:hidden;width:0; height:0;}
input[type=radio] + label {
        display:inline-block;padding-left:25px;background:url('/images/portal/common/ico_radio_off.svg') no-repeat left center;background-size:20px;
		padding-top:2px;padding-bottom:2px;cursor:pointer;margin-right: 10px; font-weight: normal;color:#000;font-size:14px;
}
input[type=radio]:checked + label {background:url('/images/portal/common/ico_radio_on.svg') no-repeat left center;}

input[type=checkbox].ipt_checkbox {position:absolute; visibility:hidden;width:0; height:0;}
input[type=checkbox].ipt_checkbox + label {
        display:inline-block;padding-left:25px;background:url('/images/portal/common/ico_checkbox_off.svg') no-repeat left center;background-size:20px;
        padding-top:2px;padding-bottom:2px;cursor:pointer;margin-right: 10px; font-weight: normal;color:#000;font-size:14px;
}
input[type=checkbox].ipt_checkbox:checked + label {background:url('/images/portal/common/ico_checkbox_on.png') no-repeat left center;background-size:20px;}

.form-control {display: inline-block;height: 36px !important;padding: 5px 16px; box-sizing:border-box;border: 1px solid #ddd;border-radius: 18px;font-size: 14px !important;color: #000;box-shadow: none;vertical-align: top;appearance: none;}

.search_wrap .form-control:focus {background: #fff;border-color: rgba(0,0,0,.5);}
.search_wrap .form-control.center {text-align: center;}
.search_wrap .form-control.right {text-align: right;}
.search_wrap .form-control.left {text-align: left;}


.form-control.ax5select-display {padding-right:10px;}
/* ax5select.css */
/* 118 */
.ax5select-display .ax5select-display-table [data-ax5select-display="label"]{display:table-cell;padding:0px 8px 0 0;color:#000;text-align:left;vertical-align:middle;white-space:nowrap;}
.ax5select-display .ax5select-display-table [data-ax5select-display="addon"]{display:table-cell;width:24px;text-align:center;vertical-align:middle;}
/* 122 */
.ax5select-display .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-closed{display:block;}
.ax5select-display .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-opened{display:none;}
.ax5select-display .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-closed{width:24px;line-height:24px;text-align:left;}
.ax5select-display .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-closed .addon-icon-arrow{content:'';width:24px;height:24px;display:block;border:none;background: url(/images/portal/common/ico_form_select.svg) no-repeat center;}
.ax5select-display .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-opened{width:24px;line-height:24px;text-align:left;}
.ax5select-display .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-opened .addon-icon-arrow{content:'';width:24px;height:24px;display:block;border:none;background: url(/images/portal/common/ico_form_select.svg) no-repeat center;transform:rotate(180deg);}


/* Search Area Button */
#topBtnS {/* Inquiry, Search */
    display:inline-block;height: 36px;padding-left:47px;padding-right:15px;box-sizing:border-box;
    border:1px solid #0046BF;border-radius:30px;
    background:#01234E url('/images/portal/common/ico_search.svg') no-repeat 15px center;
    color:#ffffff;font-size:14px;font-weight:600;line-height: 32px;
}
#topBtnX {/* Excel */
        display:inline-block;height: 36px;padding-left:35px;padding-right:15px;box-sizing:border-box;
        border:1px solid #707ea0;border-radius:30px;
        background:#707ea0 url('/images/portal/common/sch_excel_icon.png') no-repeat left 15px center;
        color:#ffffff;font-size:14px;font-weight:600;line-height: 32px;
}
#topBtnI {/* Save */
        display:inline-block;height: 36px;padding-left:35px;padding-right:15px;box-sizing:border-box;
        border:1px solid #102454;border-radius:30px;
        background:#102454 url('/images/portal/common/save_icon_on.png') no-repeat left 15px center;
        color:#ffffff;font-size:14px;font-weight:600;line-height: 32px;
}
#topBtnD {/* Delete */
        display:inline-block;height: 36px;padding-left:35px;padding-right:15px;box-sizing:border-box;
        border:1px solid #102454;border-radius:30px;
        background:#102454 url('/images/portal/common/delete_icon_wh.png') no-repeat left 15px center;
        color:#ffffff;font-size:14px;font-weight:600;line-height: 32px;
}

.rBtn {display: inline-block;height: 36px;padding-left: 20px;padding-right: 15px;box-sizing:border-box;
    border: 1px solid #102454;border-radius: 30px;background-color:#102454 !important;
    color: #ffffff;font-size: 14px;line-height: 32px;}
.rBtn:hover {color:#ffffff;}

/* 0725 JJE */
.title-btnWrap{
    display:flex; align-items: center;
}
.rBtn2 {
    display: inline-flex !important; align-items: center !important; justify-content:center !important; height: 33px !important; padding: 0 16px !important; box-sizing:border-box;
    border-radius: 8px !important; background-color:#102454 !important; color: #fff !important; font-size: 14px;line-height: 1;
    min-width:112px;
}
.rBtn2:hover {color:#ffffff;}



/*조회*/
.schBtn, #btmBtnS {
        /* background: url(/images/portal/common/magnifying_glass_bicon.png) no-repeat left 15px center;border: 1px solid #102454;color: #102454;padding: 0 20px 0 35px;
        display: inline-block;border-radius: 30px;box-sizing: border-box;height: 30px;line-height: 30px;font-size: 14px; */
        
        display: inline-block;
        height: 36px;
        padding-left: 47px;
        padding-right: 15px;
        box-sizing: border-box;
        border: 1px solid #0046BF;
        border-radius: 30px;
        background: #01234E url(/images/portal/common/ico_search.svg) no-repeat 15px center;
        color: #ffffff;
        font-size: 14px;
        font-weight: 600;
        line-height: 32px;
}

.schBtnOld {
         background: url(/images/portal/common/magnifying_glass_bicon.png) no-repeat left 15px center;border: 1px solid #102454;color: #102454;padding: 0 20px 0 35px;
        display: inline-block;border-radius: 30px;box-sizing: border-box;height: 30px;line-height: 30px;font-size: 14px; 
}

/*엑셀*/
.schExcelBtn, #btmBtnX {
        /* background: url(/images/portal/common/excel_icon.png) no-repeat left 15px center;border: 1px solid #707ea0;color: #707ea0;padding: 0 20px 0 35px;
        display: inline-block;border-radius: 30px;box-sizing: border-box;height: 30px;line-height: 30px;font-size: 14px; */

        display: inline-block;
        height: 36px;
        padding-left: 35px;
        padding-right: 15px;
        box-sizing: border-box;
        border: 1px solid #707ea0;
        border-radius: 30px;
        background: #707ea0 url(/images/portal/common/sch_excel_icon.png) no-repeat left 15px center;
        color: #ffffff;
        font-size: 14px;
        font-weight: 600;
        line-height: 32px;        
}
/*저장*/
.btnSave, #btmBtnI {
/*         background: url(/images/portal/common/save_icon.png) no-repeat left 15px center;border: 1px solid #102454;color: #102454;padding: 0 20px 0 35px;
        display: inline-block;border-radius: 30px;box-sizing: border-box;height: 30px;line-height: 30px;font-size: 14px; */

        display: inline-block;
        height: 36px;
        padding-left: 35px;
        padding-right: 15px;
        box-sizing: border-box;
        border: 1px solid #102454;
        border-radius: 30px;
        background: #102454 url(/images/portal/common/save_icon_on.png) no-repeat left 15px center;
        color: #ffffff;
        font-size: 14px;
        font-weight: 600;
        line-height: 32px;        
}
.btnDelete, #btmBtnD {
        /* background: url(/images/portal/common/delete_icon_df.png) no-repeat left 15px center;border: 1px solid #102454;color: #102454;padding: 0 20px 0 35px;
        display: inline-block;border-radius: 30px;box-sizing: border-box;height: 30px;line-height: 30px;font-size: 14px; */

        display: inline-block;
        height: 36px;
        padding-left: 35px;
        padding-right: 15px;
        box-sizing: border-box;
        border: 1px solid #102454;
        border-radius: 30px;
        background: #102454 url(/images/portal/common/delete_icon_wh.png) no-repeat left 15px center;
        color: #ffffff;
        font-size: 14px;
        font-weight: 600;
        line-height: 32px;        
}


#searchL{border-bottom:1px solid #c7ccd1; width:100%; position:relative; top:0px; padding-bottom:0px;}
.searchCont{position:relative; top:0px; left:10px;}


/* Search Area > Btn Area */
.searchBtn {position: relative;width:100%;margin: 0 auto;margin-top:10px;text-align:right;}
/*.searchBtn{position:relative; top:-40px; left:-20px; width:80%; text-align:right; z-index:10; height:0px; float:right;}*/
.searchBtn button{position:relative; right:10px; top:25px; padding-bottom :2px;}
.searchBtnL{position:relative; top:-25px; left:0px; width:100%; text-align:right;}
.searchBtnR{position:relative; top:-5px; left:0px; width:98%; text-align:right;}
.searchBtn_2{position:relative; top:10px; left:10px; width:98%; text-align:right; z-index:10; height:35px}
.searchBtn_2 button{position:relative; right:10px; top:25px;}
.searchBtn_3{position:relative; top:60px; left:10px; width:98%; text-align:right; z-index:10; height:35px}
.searchBtn_3 button{position:relative; right:10px; top:25px;}

.midBtn{position:absolute; width:30%; bottom:0; height:30px; padding-bottom:2px; text-align:left;}
.btmBtn{position:relative; top:-10px; width:98%; text-align:left; height:20px; padding-bottom:2px;margin-left: auto;margin-right: auto;margin-bottom: 10px;}
.midBtn_F{position:relative; top:10px; left:0px; width:101%; text-align:left; height:35px; padding-bottom:10px;}
.midText{position:absolute; top:10px; right:20px;}
.midTextM{position:absolute; top:10px; right:20px;}
.midText2{position:absolute; top:10px; right:10px; }
.midBtnM{position:relative; top:17px; left:10px; width:100%; text-align:left; height:30px;}
.midBtn2{position:relative; width:100%; text-align:left; top:-10px;}
.midBtn3{position:relative; width:100%; text-align:right; top:-10px;}
.sel_mid{position:relative; top:1px;}
.sel_midM{position:relative; top:-3px;}
.RightBtn{position:absolute; top:0px; right:65px;}

.STit2{margin-bottom:5px;padding-bottom:10px;color: #000;font-size: 20px;font-weight: var(--fwBold);letter-spacing: -.03em;}
.STit2 img {display: none;} 
.listTit{font-size:12px; font-weight:bold; letter-spacing:-1.5px; height:25px; color:#333;}
.listTitR{position:relative; top:30px;font-size:12px; font-weight:bold; letter-spacing:-0.5px; height:25px; color:#333;}
.listTitR2{position:relative; top:0px;font-size:12px; font-weight:bold; letter-spacing:-0.5px; height:25px; color:#333;}
.PadSTitM{margin-top:30px;}
.PadL01{padding-left:20px;}
.PadL02{padding-left:40px;}
.PadL03{padding-left:60px;}
.PadB03{padding-bottom:60px;}
.PadB04{padding-bottom:30px;}
.PadL04{padding-left:80px;}
.PadL05{padding-left:100px;}
.padT10{padding-top:10px;}
.padT20{padding-top:20px;}
.padT5{padding-top:5px;}
.marT5{margin-top:5px;}
.marT10{margin-top:10px;}
.marT15{margin-top:15px;}
.marT20{margin-top:20px;}
.marT29{margin-top:29px;}
.marT30{margin-top:30px;}
.marT40{margin-top:40px;}
.marT43{margin-top:43px;}
.marT50{margin-top:50px;}
.marT100{margin-top:100px;}
.marT140{margin-top:140px;}
.marT145{margin-top:145px;}
.marT150{margin-top:150px;}
.marT155{margin-top:155px;}
.marT160{margin-top:160px;}
.marT165{margin-top:165px;}
.marT170{margin-top:170px;}
.marT175{margin-top:175px;}
.marT180{margin-top:180px;}
.marT190{margin-top:190px;}
.marT200{margin-top:200px;}
.marT210{margin-top:210px;}
.marT220{margin-top:220px;}
.marT30_2{margin-top:-30px;}
.marT15_2{margin-top:-15px;}
.marR60{margin-right:60px;}
.marB10{border-bottom:1px solid #a7b7c6;}
.marB20{margin-bottom:20px;}
.marB30{margin-bottom:30px;}
.mb10{margin-bottom:10px !important;}
.w-100p{width:100% !important;}
.T_required{font-weight:bold; color:#f52c0b; font-size:14px; font-family:Tahoma, Arial, sans-serif;}
.tableScroll{overflow:hidden; width:100%;}
.textMid{font-size:11px; font-weight:normal;}
#tabArea{position:fixed; bottom:0px; left:0px; width:100%; height:33px; background-color:#c4c4c4; z-index:20; font-family:"맑은 고딕", "Malgun Gothic", "돋움체", dotum,sans-serif;}
#tabArea ul li{float:left; text-align:center; height:24px; font-size:15px;font-weight:bold; padding-top:3px; padding-left:20px; padding-right:20px; border-radius:20px; border:3px solid #adacac; color:#457aae; background-color:#fff;} 
#tabArea ul li.on{color:#457aae; background-color:#fff; border:3px solid #457aae; font-weight:bold;}
#tabArea ul li a:hover{color:#457aae; font-weight:bold;}
#tabArea ul li a{color:#555;}
#tabArea ul li.on a{color:#457aae;}
#midTab{position:relative; top:0px; left:0px; height:30px;}
#midTab ul li{float:left; font-size:11px; padding-top:7px; text-align:center; height:20px; padding-left:10px; padding-right:10px; color:#346187; background-color:#fff; border:1px solid #bfbfbf;}
#midTab ul li.on{background-color:#346187; color:#fff; border:1px solid #427cac;}
#midTab ul li.str{border-radius:5px 0px 0px 0px; }
#midTab ul li.mid{border-radius:0px 0px 0px 0px; }
#midTab ul li.end{border-radius:0px 5px 0px 0px; }
.ContScroll{margin-right:60px;}
/* #listCont{position:relative; top:0px; left:20px;  margin-right:40px;} */


/* #Right */
.subBg{}/* 업무화면 배경색상 변경 */
#leftColse{position:relative; width:100%; text-align:left; left:0px; top:0px; border-bottom:1px solid #bfbfc0;  background:#fff; }/* 업무화면 배경색상 변경 */
#leftColse img{position:relative; top:3px; left:-19px; z-index:15;}
#right{position:relative;width:88%; float:left; overflow-y: auto; height:91vh; background-color:#ffffff;}
.contentButton{width:100%;display:inline-block;height:20px;}
.btnTArea{position:relative; top:-12px; left:0px; height:47px; background:#e6e7e9; border-bottom:1px solid #bcbdbf; border-top:1px solid #bcbdbf; width:100%; text-align:right;}
.btnTArea button{margin-top:7px;}


.rightCor{ margin: 20px auto; padding: 0px; width: 100%;
    margin-right:0 !important;margin-left:0 !important;/* margin-right:15px;margin-left:15px 스크립트 찾아야함!!! */
    padding:0 12px;}

.ui-jqgrid-labels {height: 27px;}
.ui-row-ltr {height: 27px;}

.gridList-1 {margin:0 auto; width:calc(100% - 22px); height:600px;}
.gridList-2 {margin:0 auto;}
.gridList-top {margin:0 auto; width:calc(100% - 22px); height:200px;}
.gridList-bottom {margin:0 auto; width:calc(100% - 22px); height:50%;}

#listCont{margin:0 auto;}
#listCont2{position:relative; top:0px; left:20px;  margin-right:40px;}
#listCont3{position:relative; top:5px; left:20px;  margin-right:50px;}
#listCont4{position:relative; top:0px; left:0px;  margin-right:0px;}
#listCont5{position:relative; width:29%; float:left; border-radius:10px; border:1px solid #d0d5db; background-color:#fff; padding:20px 20px 20px 20px; left:20px; margin-right:22px;}
#listFCont{width:98%; float:left; border-radius:10px; border:1px solid #d0d5db; background-color:#fff; padding:20px 20px 20px 20px;}/*#eff1f8*/
#listLCont{width:28%; float:left; border-radius:10px; border:1px solid #d0d5db; background-color:#fff; padding:20px 20px 20px 20px;}
#listRCont{width:65%; float:right; border-radius:10px; border:1px solid #d0d5db; background-color:#fff; padding:20px 20px 20px 20px;}
#listLCont2{width:66%; float:left; border-radius:10px; border:1px solid #d0d5db; background-color:#fff; padding:20px 20px 20px 20px;}
#listRCont2{width:28%; float:right; border-radius:10px; border:1px solid #d0d5db; background-color:#fff; padding:20px 20px 20px 20px;}
#listRCont3{width:47%; float:right; border-radius:10px; border:1px solid #d0d5db; background-color:#fff; padding:20px 20px 20px 20px;}
#listLCont3{width:47%; float:left; border-radius:10px; border:1px solid #d0d5db; background-color:#fff; padding:20px 20px 20px 20px;}
#listLContW3{width:47%; float:left; border-radius:10px; border:1px solid #d0d5db; background-color:#fff; padding:20px 20px 20px 20px;}
#listCont5_1{width:30%; float:left;}
#listCont5_2{width:29%; float:left; margin-left:13px;}
#listCont5_3{width:11%; height:650px; float:left; margin-left:13px; border-radius:10px; border:1px solid #d0d5db; background-color:#fff; padding:20px 20px 20px 20px;}
#listCont5_4{width:9%; height:670px;float:left; margin-left:12px; border-radius:10px; border:1px solid #d0d5db; background-color:#fff; padding:20px 20px 20px 20px;}
#listCont5_5{width:9%; height:670px;float:left; margin-left:12px; border-radius:10px; border:1px solid #d0d5db; background-color:#fff; padding:20px 20px 20px 20px;}
#listLCont6{width:34%; float:left; border-radius:10px; border:1px solid #d0d5db; background-color:#fff; padding:20px 20px 20px 20px;}
#listRCont6{width:65%; float:right; border-radius:10px; border:1px solid #d0d5db; background-color:#fff; padding:20px 20px 20px 20px;}
#listLCont7{width:40%; float:left; border-radius:10px; border:1px solid #d0d5db; background-color:#fff; padding:20px 20px 20px 20px;}
#listRCont7{width:54%; float:right; border-radius:10px; border:1px solid #d0d5db; background-color:#fff; padding:20px 20px 20px 20px;}
#listLCont8{width:16%; float:left; border-radius:10px; border:1px solid #d0d5db; background-color:#fff; padding:20px 20px 20px 20px;}
#listRCont8{width:78%; float:right; border-radius:10px; border:1px solid #d0d5db; background-color:#fff; padding:20px 20px 20px 20px;}
#listLCont9{width:66%; float:left; border-radius:10px; border:1px solid #d0d5db; background-color:#fff; padding:20px 20px 20px 20px;}
#listRCont9{width:33%; float:right; border-radius:10px; border:1px solid #d0d5db; background-color:#fff; padding:20px 20px 20px 20px;}
#listLCont10{width:22%; float:left; border-radius:10px; border:1px solid #d0d5db; background-color:#fff; padding:20px 20px 20px 20px;}
#listRCont10{width:77%; float:right; border-radius:10px; border:1px solid #d0d5db; background-color:#fff; padding:20px 20px 20px 20px;}
#listCont1_1{width:23.5%; float:left; border-radius:10px; border:1px solid #d0d5db; background-color:#fff; padding:10px 10px 10px 10px;}
#listCont1_2{width:23.5%; float:left; border-radius:10px; border:1px solid #d0d5db; background-color:#fff; padding:10px 10px 10px 10px;}
#listCont1_3{width:23.5%; float:left; border-radius:10px; border:1px solid #d0d5db; background-color:#fff; padding:10px 10px 10px 10px;}
#listCont1_4{width:23.5%; float:left; border-radius:10px; border:1px solid #d0d5db; background-color:#fff; padding:10px 10px 10px 10px;}
#viewL{width:50%; float:left;}
#viewR{width:49%; float:right;}
.listWOver{width:1500px; padding-right:60px;}
#calendar{position:relative; top:0px; left:0px; font-size:12px;}

.sep_line {clear: both; border-top: 2px dashed #e2e2e2; border-bottom: 2px dashed #f9f9f9; }

.skinD{color:#2a334a;}
.skinR{color:#bc162c;}
.skinB{color:#106ab6;}
#leftOpen{position:absolute; top:53px; left:0px; display:none; z-index:100;}
#sLine{display:none; }
#sLine2{display:none; }
.searchMoreBtn{position:relative; top:-45px; text-align:right; right:15px;}
.searchCloseBtn{position:relative;  top:-45px; text-align:right; right:15px; display:none;}
.searchMoreBtn2{position:relative; top:-45px; text-align:right; right:15px;}
.searchCloseBtn2{position:relative;  top:-45px; text-align:right; right:15px; display:none;}
#tabRoleCont{display:none;}
.listTMBtn{position:absolute; top:0px; right:0px;}
.listTMBtn2{position:absolute; top:15px; right:20px;}
.listTMBtn3{position:absolute; top:50px; left:680px;}
.setsave{position:absolute; top:72px; right:412px;}
.H770{height:770px;}
.WPad10{margin-left:8px;}
.WPad30{padding-left:30px;}
.tabClose{padding-left:20px;}
.calendarTit{ height:60px; border-radius:10px 10px 0px 0px;}
.calendarTit ul{position:relative; top:-10px; left:32%;}
.calendarTit ul li{float:left; text-align:center;  padding:10px 20px;}
.calendarTit ul li.tit{font-weight:bold; color:#222; margin-top:10px;}
.cal_text{padding-top:10px; font-size:11px; color:#666;}
.cal_text2{padding-top:10px; font-size:11px; color:#666;}
.btn_Cal{position:absolute; top:37px; left:680px;}
.hourNum{position:relative; top:0px; left:10px; margin-top:30px; height:15px; font-size:13px;}
.btnR{width:100%; text-align:right;}
.radioOut{border:1px solid #2da174; background-color:#7dfdcb; padding:8px;}
.MLBtn{position:relative; width:100%; text-align:right; top:10px;}
.timeTotal{position:relative; top:20px; width:100%; text-align:center;}
.timeTotal ul li{float:left; width:33%;  vertical-align:middle; padding-top:10px; padding-bottom:10px;}
.timeTotal ul li.time_total{background-color:#b11116; text-align:center;}
.timeTotal ul li.time{background-color:#d7d9df; text-align:center; border-left:1px solid #babdc6; font-size:20px; font-weight:bold; color:#423f5f;}
.selArea{position:absolute; top:-2px; left:100px;}
.selArea30{position:absolute; top:-2px; left:30px;}
.selArea60{position:absolute; top:-2px; left:60px;}
.selArea90{position:absolute; top:-2px; left:90px;}
.tabAllClose{position:absolute; top:5px; right:2px; z-index:100; text-align:right;}
.monitoringBg{background-color:#ddd;}
#monitoringTop {position:relative; top:0px; width:100%; height:75px; background-color:#132b3e; text-align:left;}
.monitoringTit{width:1280px; margin:0 auto; position:relative; top:25px; left:20px;text-align:left;}
.btn_Monitoring{font-size:11px; height:23px; border-radius:5px; vertical-align:middle;  line-height:20px; margin-left:5px;  padding:0px 5px; color:#fff; font-weight:bold; border:1px solid #222; background:#333;}
.monitoringDate{position:absolute; top:10px; right:20px; color:#bdd2e3; font-size:12px;}
#contMonitoring{width:1280px;font-family:"NGothic", dotum,sans-serif; height:800px; margin:0 auto; position:relative; top:20px; text-align:left; background-color:#fff; border-radius:15px 0px 0px 15px; border:2px solid #000; box-shadow:3px 3px 20px #202325;}
#MonitoringLeft{position:absolute; top:-3px; left:-12px;}
#M_Center{width:113px; height:465px; border-radius:12px 0px 0px 12px;  box-shadow:1px 2px 10px #202325;}
#M_Local{width:113px; height:340px;  border-radius:12px 0px 0px 12px;  box-shadow:1px 2px 10px #202325;}
#M_Local_G{width:113px; height:340px;  border-radius:12px 0px 0px 12px;  box-shadow:1px 2px 10px #202325;}
.DBON{background-color:#454545;}
.DBOFF{background-color:#dc2929;}
.M_tit{position:absolute; top:40px; right:23px; color:#fff; font-weight:bold; line-height:22px; text-align:center; font-size:20px; font-family:"Tahoma", "Malgun Gothic", "돋움체", dotum,sans-serif;}
.M_DB{position:absolute; top:350px; right:20px;}
.M_tit2{position:absolute; top:513px; right:28px;; color:#fff; font-weight:bold; line-height:22px;text-align:center; font-size:20px; font-family:"Tahoma", "Malgun Gothic", "돋움체", dotum,sans-serif;}
.M_DB2{position:absolute; bottom:50px; right:20px;}
#MonitoringRight{position:relative; top:0px; left:100px; width:1180px;}
#MonitoringMenu01{position:relative; width:298px;}
.Monitoring_tit{position:relative; height:35px; background-color:#343547; color:#fff; text-align:center; font-size:20px; font-weight:bold; letter-spacing:-1px; padding-top:13px; }
.Monitoring_text{position:relative; left:20px; top:15px; font-size:15px; font-weight:bold; letter-spacing:-1.5px; color:#42424e;}
.MonitoringTable{position:relative; left:20px; top:10px; border-top:1px solid #cccccc; margin-top:12px;}
.MonitoringTable tr th{height:30px; background-color:#e5e4e4; font-weight:bold; color:#333;  font-size:14px; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px solid #cccccc; text-align:center;}
.MonitoringTable tr td{color:#666; font-size:13px;  border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; text-align:center;  height:30px;}
.MonitoringTable tr td.tdL{text-align:left; padding-left:20px;}
.MonitoringTable tr td.tdLine{border-left:1px solid #cccccc;}
.MonitoringTable tr td.td02{background-color:#d3f8f4; font-weight:bold; color:#333;  padding-top:5px; padding-bottom:5px; }
#MonitoringMenu02{position:absolute; left:300px; top:0px; width:298px;}
#MonitoringMenu03{position:absolute; left:600px; top:0px; width:580px; }
.MonitoringMemo{position:absolute; left:290px; top:90px; width:250px; height:70px;  border-radius:10px; border:1px solid #bcbebd; background-color:#e5e6e8; padding:10px; font-size:12px; letter-spacing:-1px; line-height:16px;}
#MonitoringFlow{position:relative; left:121px; top:50px; width:1180px;font-family:"Tahoma", "Malgun Gothic", "돋움체", dotum,sans-serif;}
.FlowRec{position:relative; left:0px; top:0px;}
.FlowRec ul li{float:left; width:107px; height:52px; padding-right:5px; font-size:14px; letter-spacing:-1px; text-align:center; line-height:40px;}
.FlowRec ul li span{font-size:20px; font-weight:bold; height:20px;}
.Enter a{position:absolute; left:0px; top:45px; z-index:1000; width:105px; height:20px;  text-align:center; color:#000;}
.Enter2 a{position:absolute; left:110px; top:45px; z-index:1000; width:105px; height:20px;  text-align:center; color:#000;}
.rectangleG{background:url("file:///C:/Users/A931563/Desktop/MES_html/images/monitoring/img_rectangleG.gif"); background-repeat:no-repeat; padding-top:3px;}
.rectangleG_Y{background:url("file:///C:/Users/A931563/Desktop/MES_html/images/monitoring/img_rectangleG_Y.gif"); background-repeat:no-repeat; padding-top:3px;}
.rectangleG span{color:#19a979;}
.rectangleY{background:url("file:///C:/Users/A931563/Desktop/MES_html/images/monitoring/img_rectangleY.gif"); background-repeat:no-repeat; padding-top:3px;}
.rectangleY_Y{background:url("file:///C:/Users/A931563/Desktop/MES_html/images/monitoring/img_rectangleY_Y.gif"); background-repeat:no-repeat; padding-top:3px;}
.rectangleY span{color:#ffb608;}
.rectangleR{background:url("file:///C:/Users/A931563/Desktop/MES_html/images/monitoring/img_rectangleR.gif"); background-repeat:no-repeat; padding-top:3px;}
.rectangleR_Y{background:url("file:///C:/Users/A931563/Desktop/MES_html/images/monitoring/img_rectangleR_Y.gif"); background-repeat:no-repeat; padding-top:3px;}
.rectangleR span{color:#dc2929;}
.FlowArrow ul li{float:left; position:relative; top:20px; width:107px; text-align:center; padding-right:5px;}
.FlowArrow{position:absolute; left:0px; top:60px; z-index:10;}
.arrow1{position:absolute; left:168px; top:-25px;}
.FlowCir{position:absolute; left:590px; top:-27px;}
.FlowCir ul li{float:left; width:77px; height:78px; padding-right:16px; font-size:14px; letter-spacing:-1px; text-align:center; padding-top:12px; line-height:50px;}
.FlowCir ul li span{font-size:20px; font-weight:bold;}
.FlowArrow2 ul li{float:left; position:relative; top:20px; width:77px; text-align:center; padding-right:16px;}
.FlowArrow2{position:absolute; left:590px; top:60px; z-index:10;}
.circleG{background:url("file:///C:/Users/A931563/Desktop/MES_html/images/monitoring/img_circleG.gif"); background-repeat:no-repeat; padding-top:3px;}
.circleG_Y{background:url("file:///C:/Users/A931563/Desktop/MES_html/images/monitoring/img_circleG_Y.gif"); background-repeat:no-repeat; padding-top:3px;}
.circleG span{color:#19a979;}
.circleY{background:url("file:///C:/Users/A931563/Desktop/MES_html/images/monitoring/img_circleY.gif"); background-repeat:no-repeat; padding-top:3px;}
.circleY_Y{background:url("file:///C:/Users/A931563/Desktop/MES_html/images/monitoring/img_circleY_Y.gif"); background-repeat:no-repeat; padding-top:3px;}
.circleY span{color:#ffb608;}
.circleR{background:url("file:///C:/Users/A931563/Desktop/MES_html/images/monitoring/img_circleR.gif"); background-repeat:no-repeat; padding-top:3px;}
.circleR_Y{background:url("file:///C:/Users/A931563/Desktop/MES_html/images/monitoring/img_circleR_Y.gif"); background-repeat:no-repeat; padding-top:3px;}
.circleR span{color:#dc2929;}
#synCont{position:absolute; left:125px; top:335px; width:1135px; height:265px; background-color:#e6e7e9;  border:1px solid #d1d1d2;  border-radius:10px;}
.synImg{position:relative; left:25px; top:40px;}
.synImg ul li{float:left; width:100px; padding-right:12px;}
.synLeft{position:relative; z-index:20; position:absolute; left:0px; top:65px;}
.synLeft ul li{float:left; width:100px; padding-right:12px; text-align:center; font-size:12px; letter-spacing:-1px; line-height:30px;}
.synLeft ul li span{font-weight:bold; color:#2259f4; font-size:15px;}
.down{position:relative; z-index:30; position:absolute; left:0px; top:128px;}
.down ul li{float:left; width:100px; padding-right:12px; text-align:center; font-size:12px; letter-spacing:-1px; line-height:30px;}
.synImg2{position:absolute; left:25px; top:167px;}
.synImg2 ul li{float:left; width:100px; padding-right:12px;}
.synLeft2{position:relative; z-index:20; position:absolute; left:0px; top:190px;}
.synLeft2 ul li{float:left; width:100px; padding-right:12px; text-align:center; font-size:12px; letter-spacing:-1px; line-height:30px;}
.synLeft2 ul li span{font-weight:bold; color:#2259f4; font-size:15px;}
.synLeft2 ul li span.corBk{font-weight:bold; color:#000; font-size:14px;}
.synLeft ul li span.corBk{font-weight:bold; color:#000; font-size:14px;}
.synRight ul li span.corBk{font-weight:bold; color:#000; font-size:14px;}
.synRight2 ul li span.corBk{font-weight:bold; color:#000; font-size:14px;}
.synImg3{position:absolute; left:585px; top:40px;}
.synImg3 ul li{float:left; width:75px; padding-left:16px;}
.synRight{position:relative; z-index:20; position:absolute; left:572px; top:65px;}
.synRight ul li{float:left; width:75px; padding-left:16px; text-align:center; font-size:12px; letter-spacing:-1px; line-height:30px;}
.synRight ul li span{font-weight:bold; color:#2259f4; font-size:15px;}
.up{position:relative; z-index:30; position:absolute; left:572px; top:128px;}
.up ul li{float:left; width:75px; padding-left:16px; text-align:center; font-size:12px; letter-spacing:-1px; line-height:30px;}
.synImg4{position:absolute; left:585px; top:165px;}
.synImg4 ul li{float:left; width:75px; padding-left:16px;}
.synRight2{position:relative; z-index:20; position:absolute; left:572px; top:190px;}
.synRight2 ul li{float:left; width:75px; padding-left:16px; text-align:center; font-size:12px; letter-spacing:-1px; line-height:30px;}
.synRight2 ul li span{font-weight:bold; color:#2259f4; font-size:15px;}
.synContTit{position:absolute; left:10px; top:7px;}
.arrowUp2{position:absolute; left:725px; top:250px;}
.arrow2{position:absolute; left:400px; top:280px;}
.img_middleware{position:absolute; left:525px; top:255px;  z-index:40;}
.text_mid{position:absolute; left:630px; top:280px;}
.num_middleware{position:absolute; left:550px; top:285px; width:50px; text-align:center; font-weight:bold; color:#0c2e49; font-size:13px; z-index:50;}
.middlewareLine{position:absolute; top:305px; left:0px; height:25px; width:100%; color:#000; font-weight:bold; text-align:center; padding:10px 0px; font-size:18px;border:1px solid #000; border-radius:25px;}
.Monitoring_text1{position:relative; left:30px; top:-55px; font-size:15px; font-weight:bold; letter-spacing:-1.5px; color:#42424e;}
.Monitoring_text2{position:relative; left:430px; top:-55px; font-size:15px; font-weight:bold; letter-spacing:-1.5px; color:#42424e;}
.data01{position:absolute; left:180px; top:-15px; font-weight:bold; color:#2259f4; font-size:15px;}
.data02{position:absolute; left:180px; top:-15px; font-weight:bold; color:#2259f4; font-size:15px;}
#MonitoringMenu04{position:absolute; left:103px; bottom:30px;}
.MonitoringTable2{position:absolute; left:190px; top:15px;}
.MonitoringTable3{position:absolute; left:380px; top:15px;}
#MonitoringMenu05{position:absolute; left:700px; bottom:30px;}
.MemoText{position:absolute; top:5px; left:35px; font-size:11px; line-height:16px; }
.DB_G{background-color:#0d8e66;}
.circleN_Y{background:url("../images/monitoring/img_circle_N.gif"); background-repeat:no-repeat; padding-top:3px;}
.rectangleN_Y{background:url("../images/monitoring/img_rectangle_N.gif"); background-repeat:no-repeat; padding-top:3px;}
.FlowBtn{position:absolute; left:75px; top:55px; z-index:50;}
.FlowBtn2{position:absolute; left:187px; top:55px; z-index:50;}
.errorBg{background-color:#8eabc4;}
#error {position:relative; width:100%; z-index:-1;}
#errorCont{width:40%;  margin:0 auto; position:relative;  top:100px;; border:10px solid #dfdcdc; padding:90px 70px; background-color:#fff; box-shadow:3px 3px 20px #999; text-align:center; }
.errorTit{font-size:17px; font-weight:bold; color:#051891; font-family:"NGothic", dotum,sans-serif; line-height:22px; letter-spacing:-0.3px; margin-top:20px;}
.errorText{ font-size:12px; color:#222; font-family:"NGothic", dotum,sans-serif; line-height:22px; margin-top:50px;  text-align:left;}
#searchDate{font-weight:bold; color:000; font-family:verdana,HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:16px; padding:10px;}
#version{position:absolute; right:50%; top:50%;  color:fff;  text-align:center; padding:50px; font-size:60px; z-index:50;
background-color:#000; opacity:0.7; color:#fff; font-weight:bold; 
font-family:verdana,HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif; border:1px solid #000; border-radius:25px;}
#version span{font-size:100px;}
#version span.cor_V_Y{font-size:60px; color:#f8ba14;}
#version span.cor_V_B{font-size:60px; color:#1465f8;}
#ToopTip{position:absolute; laft:130px; top:0px; padding:20px 30px; border-radius:5px; border:2px solid #4580cd; background:#fff; z-index:10;}
.TipText{font-size:12px; color:#333; line-height:20px;}

/* 사이트맵 menu.css 로 이동 */

/* Grid Area Cust. */
.ui-widget.ui-widget-content {border: 1px solid #ddd !important;}
[data-ax5grid] [data-ax5grid-container="root"] {border: 1px solid #e5e9ef !important;border-radius: 15px;}
/* .ui-jqgrid > .ui-jqgrid-view>.ui-jqgrid-hdiv {border-radius: 15px 15px 0 0;} */
/*.ui-jqgrid .ui-jqgrid-htable .ui-jqgrid-labels th div {color:#f8f8f9}*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
border-color: #e5e9ef !important;background: #ffffff !important;color:#818893 !important;
}
/* 0725 JJE 수정 */
/* .ui-jqgrid .ui-jqgrid-hbox{width:100%;}
.ui-jqgrid .ui-jqgrid-htable{}
.ui-jqgrid .ui-jqgrid-htable{table-layout:auto !important; width:100%;}
.ui-jqgrid .ui-jqgrid-htable th.ui-state-default,
.ui-jqgrid .ui-jqgrid-htable td:not(.ui-search-clear,.ui-search-input){min-height: 30px; line-height: 1; font-size:14px; font-family: 'Inter'; color:#000 !important; border:1px solid #ddd; min-width: 30px!important; width: auto !important; padding:0 20px !important;}
.ui-jqgrid .ui-jqgrid-htable th.jqgh_cbox,
.ui-jqgrid .ui-jqgrid-htable th.jqgh_rn{padding:0 5px !important;}
.ui-jqgrid .ui-jqgrid-htable > th,
.ui-jqgrid .ui-jqgrid-htable > td{ }
.ui-jqgrid .ui-jqgrid-htable th{font-weight:500; background-color:#F2F2F2 !important;}
.ui-jqgrid .ui-jqgrid-htable td{font-weight:400;}
.ui-jqgrid .ui-jqgrid-hdiv .ui-search-toolbar input{border:1px solid #ddd !important; min-width:90px;}
.ui-jqgrid .ui-jqgrid-htable td a.clearsearchclass{min-width:14}
.ui-jqgrid .s-ico{width:auto !important; margin:.1em !important;} */


.ui-jqgrid > .ui-jqgrid-pager {border-radius:0;background:#f6f6f6 !important;}
.checkbox-inline {padding-left:0;height: 36px;top: -1px;padding-top: 6px;box-sizing: border-box;}
.ui-row-ltr:nth-child(odd) {background-color:#f8f8f9}
.ui-widget-content {border: 1px solid transparent !important;}
.ui-jqgrid .ui-jqgrid-btable td.jqgrid-rownum {border-bottom-width: 0 !important;border-bottom-style: none !important;}

.widget-full {position:relative;float:left;width:100%;height:100%;box-sizing: border-box;padding:35px 35px 0 35px;}
.widget-frame {float: left;position: relative;width: 33.33%;box-sizing: border-box;margin-bottom:20px;padding-left: 5px;padding-right: 5px;}
.widget-body-frame {float:left;width:100%;border:1px solid #e5e9ef;border-radius:12px;box-sizing: border-box;}
.widget-title-wrap {position:relative;padding:20px 20px 10px 20px;display: flex;align-items: center;height: 54px;box-sizing: border-box;}
.widget-body-title {position:relative;font-size:18px;font-weight: 600;}
.widget-body-btnGrp {position:absolute;right:20px;display: flex;align-items: center;}
.widget-body-btnGrp > .refreshBtn {width:15px;height:12px;background:url('/images/portal/common/refresh_icon.png') no-repeat center center;display:inline-block;padding: 5px 10px;}
.widget-body-btnGrp > .refreshBtn:hover {background:url('/images/portal/common/refresh_icon_on.png')  no-repeat center center;}
.widget-body-btnGrp > .infoBtn {height: 22px;border-radius: 30px;color: #ffffff;border: 1px solid transparent;font-size: 12px;box-sizing: border-box;padding-left: 15px;padding-right: 15px;background-color: #102454;cursor:pointer;} 

.wcDefault {font-size:0;}
.wcDefault input {position:absolute; visibility:hidden;width:0; height:0;}
.wcDefault input + label {display:inline-block;background:url('/images/portal/common/check_off.png') no-repeat center center;background-size: 15px 15px;cursor:pointer;height: 15px;width: 15px;cursor: pointer;}
.wcDefault input:checked + label {background:url('/images/portal/common/check_on.png') no-repeat center center; background-size: 15px 15px;}

.widget-body-wrap {position:relative;overflow: hidden;border-radius: 0 0 12px 12px;height:331px;}

.widget-type-2 > .widget-left {float:left;width:33.33%;height:100%;box-sizing: border-box;}
.widget-type-2 > .widget-right {float:left;width:66.66%;height:100%;box-sizing: border-box;}
.widget-type-2 > .widget-left > .widget-frame {width:100%;}
.widget-type-2 > .widget-left > .widget-frame > .widget-body-frame {height: 772px;}
.widget-type-2 > .widget-right > .widget-frame {width:50%;}

.widget-type-3 > .widget-left {float:left;width:66.66%;height:100%;box-sizing: border-box;}
.widget-type-3 > .widget-right {float:left;width:33.33%;height:100%;box-sizing: border-box;}
.widget-type-3 > .widget-left > .widget-frame {width:50%;}
.widget-type-3 > .widget-right > .widget-frame > .widget-body-frame {height: 772px;}
.widget-type-3 > .widget-right > .widget-frame {width:100%;}

.widget-type-4 > .widget-frame {width:50%;}
.widget-type-4 > .widget-frame:last-child {width:100%;}

.widget-type-5 > .widget-frame {width:50%;}
.widget-type-5 > .widget-frame:first-child {width:100%;}

.widget-body-wrap .ui-widget.ui-widget-content {border-radius: 0 0 15px 15px;border-top: 1px solid #e5e9ef !important;border-left: 0 !important;border-right: 0 !important;border-bottom: 0 !important;}
.ui-jqgrid .ui-jqgrid-bdiv tr.ui-row-ltr>td {border-right-color: #e5e9ef !important;border-bottom: 1px solid #e5e9ef !important;}


/*  */
#mesScreenBlock {
        position: fixed;
        display: table-cell;
        background: url('/images/portal/common/loginBg_1.jpg');
        background-size: cover;
        /*background-repeat: no-repeat;*/
        z-index: 9999;
        width: 100%;
        height: 100%;
        color: white;
        text-align: center;
        vertical-align: middle;
}

/* 0728 */
.btn-right{display:flex; justify-content:flex-end; margin-left:auto; gap:10px;}
.no-box{background:none !important; padding:0 !important; position:static !important; border-top:0 !important;}

/* 230731 JJE 추가 */
.widget-full {display:flex;flex-wrap:wrap;gap:20px; float: none; min-height: calc(100vh - 105px); padding: 20px 24px; background-color:#F9F9F9;}
.widget-full .widget-frame {float: none; width: calc((100% - 40px) / 3);height: calc((100vh - 165px) / 2);margin-bottom: 0;padding-left: 0;padding-right: 0;}
.widget-full .widgetli > .widget-body-frame {height:100%;overflow:hidden;border-radius: 5px;box-shadow: 0 4px 10px rgba(0,0,0,.1);float:none;width: auto;padding-left: 0;padding-right: 0;}
.widget-full .widgetli .widget-title-wrap {display:flex; align-items:center;justify-content:center;height:40px;padding:0 20px;background-color: #EAEAEA;}
.widgetli .widget-body-title {font-size:16px;font-weight:var(--fwBold); color: #555;line-height:1;text-transform: uppercase;padding:0 20px;}
.widgetli .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv{border-radius:0 !important;border-left:1px solid #ddd !important; border-right:1px solid #ddd !important;}
.widgetli .widget-body-wrap {overflow: auto;display: flex;flex-direction: column;height: calc(100% - 40px);padding: 10px;background-color:#fff;}
.widgetli .widget .graph{height: 100%;}
.widgetli .widget .graph + .table-wrap{margin-top:15px;}
.widget-full .ui-jqgrid .ui-jqgrid-htable{border-collapse: inherit; /* border-bottom:1px solid #ddd; */ /* border-left:1px solid #ddd; */width:100% !important; table-layout:auto;}
.widget-full .ui-jqgrid-jquery-ui.ui-jqgrid .ui-jqgrid-bdiv tr.ui-row-ltr:first-chlid>td{border-left:1px solid #ddd;}
.widget-full .ui-jqgrid .ui-jqgrid-btable,
.widget-full .widgetli .ui-widget.ui-widget-content,
.widget-full .widgetli .ui-jqgrid>.ui-jqgrid-view,
.widget-full .widgetli .ui-jqgrid > .ui-jqgrid-view>.ui-jqgrid-hdiv,
.widget-full .widgetli .ui-jqgrid .ui-jqgrid-bdiv{width: 100% !Important;}    
.widget-full .widgetli .ui-jqgrid .ui-jqgrid-htable th,
.widget-full .widgetli .ui-jqgrid .ui-jqgrid-htable td{height:30px; padding:5px 20px; font-size:14px; font-weight:var(--fwSemiBold); color:#000 !important; text-align:center; border-right: 1px solid #ddd; border-top: 1px solid #ddd;}
.widget-full .ui-jqgrid .ui-jqgrid-htable thead th{background-color:#F9F9F9 !important; }
.widget-full .ui-jqgrid .ui-jqgrid-bdiv tbody th{background-color:#EAEAEA; font-weight:var(--fwMedium);}
.widget-full .ui-jqgrid .ui-jqgrid-bdiv tbody td{background-color: #fff; font-weight:var(--fwMedium); }
.widget-full .ui-widget.ui-widget-content{border:0 !important;}
.widget-full .ui-jqgrid .upward::after,
.widget-full .ui-jqgrid .downward::after{content:'▲'; font-size:14px; font-weight:var(--fwMedium); color:inherit; margin:0 3px;}
.widget-full .ui-jqgrid .downward::after{content:'▼';}
.widget-full .ui-jqgrid-jquery-ui.ui-jqgrid .ui-jqgrid-btable td.jqgrid-rownum{border-left:1px solid #ddd;}
.widget-full .ui-jqgrid .ui-jqgrid-bdiv tr.ui-row-ltr>td{padding:0 19px;}
.widgetli .widget .plan-wrap{display:flex; flex-wrap:wrap; gap:20px; height: calc(100% - 40px);padding:20px;}
.widgetli .widget .plan-wrap .box{display:flex; min-width:calc((100% - 20px) / 2); padding:16px 23px; border-radius:5px; border:1px solid #E5E5E5; box-shadow: 2px 4px 10px rgba(0,0,0,.1);}
.widgetli .widget .plan-title{display:flex;flex-direction:column;justify-content: center;min-width: 35%;text-align:center; padding: 15px 23px 15px 0;font-size:20px; font-weight:var(--fwMedium);color:#000;line-height:1;gap:20px;}
.widgetli .widget .plan-title span{font-size:24px; font-weight:var(--fwExtraBold);}
.widgetli .widget .plan-wrap .text-list{padding-left:23px; border-left:1px solid #ddd;}
.widgetli .widget .plan-wrap .text-list li{font-size: 12px; color: #183150; line-height:1;}
.widgetli .widget .plan-wrap .text-list li:not(:last-child){margin-bottom:10px;}
.widget-body-btnGrp{gap:5px;}
.widget-body-btnGrp .wcDefault{height:16px;}

@media only all and (max-width:900px) or (max-height:400px){
        #mesScreenBlock {
                display:table-cell;
        }
}

@media only all and (min-width:901px) and (min-height:401px){
        #mesScreenBlock {
                display:none;
        }
}