@charset "utf-8";


body {font-family:'Noto Sans KR'; font-weight:300; font-size:14px; color:black; word-break:keep-all; word-wrap:break-word; white-space:normal; padding:0; margin:0; background:#fff;}


html, body {width:100%;height:100%;}
dl, dt, dd, ul, ol, li{list-style:none;padding:0;margin:0;} 
h1,h2,h3,h4,h5,h6,p{list-style:none;padding:0;margin:0;}
img,video,audio,object,embed{ border:0px;vertical-align:middle;max-width:100%; height:auto !important; }
table {border-spacing:0px;border:0px;border-collapse:collapse;table-layout:fixed; font-size:14px !important;}

hr,
.dn{display:none;}

form {display:inline;}

fieldset {padding:0;margin:0;border:0;}

legend,
caption
{display:none;}
iframe { frameborder:0;max-width: 100%;height:100%;border:none;}

textarea:focus, input:focus{
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-webkit-user-modify: read-write-plaintext-only;
}


/* a css */
a{text-decoration:none;color:black;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover, a:active, a:focus{text-decoration:none; color:black;}
/* a:focus{outline:#008aa2 solid 1px;outline-offset:-1px;} */
a:focus{outline:none;}
/* form tag css */
input,
select,
button {vertical-align:middle;font-weight:300;white-space:normal;cursor: pointer;font-family:'Noto Sans KR';}
textarea{font-family:'Noto Sans KR'; font-weight:300;}

/* common */
* {
  -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
  box-sizing: border-box;
}


input::placeholder {/* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #bbb !important;
    opacity: 1; /* Firefox */
}

input:-ms-input-placeholder { /* InternetExplorer 10-11 */
    color: #bbb !important;
}

input::-ms-input-placeholder{ /* Microsoft Edge */
    color: #bbb !important;
}



/* 로그인 */

.loginWrap {
    background: #1a2a65;
    height:100vh;
}
 
.loginAll {
    width: 1098px;
    height:97vh;
    margin: 0 auto;
    background: url("/Content/Images/Login/login_bg.png") 0 -80px no-repeat;
    padding-top: 247px;
}
.loginContents {
    width: 400px;
    height: 430px;
    margin: 0 auto;
    background: #fff;
    padding:42px 39px 0 39px;
}

.loginContents .loginIcon {
    width:72px; height:72px; margin:0 auto;
}

.loginContents ul.titleSet{
	width:100%; height:35px; margin-top:20px; margin-bottom:10px;
}
.loginContents ul.titleSet li.evsTit{
	/*float:left; width:160px; margin-right:10px; margin-top:9px;*/
}
.loginContents ul.titleSet li.evsTit .evsLogo{
	/*width:56px; height:15px; margin-right:2px;*/
}
.loginContents ul.titleSet li.evsTit .evsText{
	height:16px; margin-top:4px; font-size:11px;
}

.loginContents ul.titleSet li.companyLogo{
	float:right; width:100px; text-align:right; margin-top:4px;
} 

.loginContents .writeInput {
    margin-bottom: 10px;
}
.loginContents .writeInput input {
    width: 93%;
    border: 1px solid #cccccc;
    background: #f5f5f5;
    font-size: 14px;
    color: #555;
    padding: 11px;
    letter-spacing: -0.5px;
}

.loginContents .idSaveCheck {
    height: 20px;
}
.loginContents .idSaveCheck input {
    width: 16px;
    height: 16px;
    margin: 0;
}

.loginContents .idSaveCheck label {
    color: #555;
    letter-spacing: -0.5px;
}
.loginContents  .writeInput .loginBtn {
    width:100%; height:42px; background:#009ddc; color:#ffffff; font-size:15px; text-align:center; margin-top:21px; border-radius: 2px; border:0; font-weight:400;
}
.loginWrap .copyRIght {
    width: 100%;
    text-align: Center;
    color: #989898;
    font-size: 12px;
}




.l_footer{
	width:100%; height:130px; position:static; left:0; bottom:0;
    background-color:#FFFFFF;
}
.l_footer ul.fleftWrap{
	float:left; width:500px; height:50px; margin:31px 0 0 25px;
}
.l_footer ul.fleftWrap li.sapLogo{
	width:130px; height:28px; margin-bottom:21px;
}
.l_footer ul.fleftWrap li{
	color:black666; font-size:12px;
}


.l_footer ul.frightWrap{
	float:right; width:280px; height:100px; margin:17px 25px 0 0;
}
.l_footer ul.frightWrap li.woongjinLogo{
	float:right; width:108px; height:63px; margin-bottom:16px; 
}
.l_footer ul.frightWrap li{
	color:black666; font-size:12px; clear:both; text-align:right;
}


/* 재로그인 팝업 */

.ReloginWrap{
	position: absolute; top: 0; left: 0;
}
.ReloginWrap .RedahamiLogo{
	width:268px; height:54px; margin:0 auto;
}

.ReloginWrap .ReloginBody{
	width:880px; height:500px; margin:0px auto 0px auto;
}
.ReloginWrap .ReloginBody .ReloginIMG{
	float:left; width:440px;
}
.ReloginWrap .ReloginBody .ReloginWrite{
	float:right; width:440px; height:500px; border:1px solid #d6d6d6; border-left:0; padding:56px 40px 0 39px;
}
.ReloginWrap .ReloginBody .ReloginWrite .ReloginTit{
	width:185px; height:31px; margin-bottom:51px;
}
.ReloginWrap .ReloginBody .ReloginWrite .ReloginInput{
	margin-bottom:12px;
}
.ReloginWrap .ReloginBody .ReloginWrite .ReloginInput input{
	width:100%; height:42px; border:1px solid #d5d5d5; padding-left:20px; padding-right:20px; font-size:13px;
}
.ReloginWrap .ReloginBody .ReloginWrite .ReloginBtn{
	width:100%; height:50px; margin-top:24px; background:#126abc; color:#ffffff; text-align:center; font-size:16px; padding-top:12px; cursor:pointer;
}
.ReloginWrap .ReloginBody .ReloginWrite .idSaveCheck{
	height:16px; margin-top:26px; font-size:13px;
}
.ReloginWrap .ReloginBody .ReloginWrite .systemAdmin{
	text-align:right; margin-top:90px; letter-spacing:-0.5px; font-size:13px;
}
.ReloginWrap .ReloginBody .ReloginWrite .systemAdmin span{
	color:#126abc; letter-spacing:1px !important; margin-left:5px;
}


.ReloginWrap .copyRIght{
	width:100%; text-align:Center; color:#989898; font-size:12px;
}




/* 공통페이지 */
.wrap{
	width:100%; height:100%; position:relative;
}



.lnbWrap{
	/*width:66px;*/ width:90px; height:100%; background:#126abc; position:absolute; top:0; left:0; position:relative;  
}
.lnbWrap .siteLogo{
	height:51px; border-bottom:1px solid #2e7dc6; background:#126abc; padding-top:-35px; text-align:center; cursor:pointer;
}
.lnbWrap ul.lnbMenuWrap{
	position:absolute; top:51px; left:0; background:#fff; 
}
.lnbWrap ul.lnbMenuWrap > li{
	position:relative;
	cursor:pointer;
   
}
.lnbWrap ul.lnbMenuWrap > li > a{
	text-decoration:none;
	display: block;
	/*width:66px;*/
    width:90px;
    height:85px;
	/*height:74px;*/
	border-bottom:1px solid #2e7dc6;
	text-align: center;
	color: #bee3ff;
	padding-top:48px;
	font-weight:400;
    font-family: Noto Sans KR;  
} 
.lnbWrap ul.lnbMenuWrap > li a.menu01{
	background:#126abc url("/Content/Images/Main/lefticon01_out.png") 0 0 no-repeat;
}
.lnbWrap ul.lnbMenuWrap > li > a:hover,
.lnbWrap ul.lnbMenuWrap > li > a.active{
	background:#ffffff url("/Content/Images/Main/lefticon01_ov.png") 0 0 no-repeat;
	color: #3b658c;
	font-weight:400;
} 
 
.lnbWrap ul.lnbMenuWrap > li a.menu02{
	background:#126abc url("/Content/Images/Main/lefticon02_out.png") 0 0 no-repeat;
}
.lnbWrap ul.lnbMenuWrap > li:hover > a.menu02{ 
	background:#ffffff url("/Content/Images/Main/lefticon02_ov.png") 0 0 no-repeat;
	color: #3b658c;
	font-weight:400;
}
.lnbWrap ul.lnbMenuWrap > li a.menu03{
	background:#126abc url("/Content/Images/Main/lefticon03_out.png") 0 0 no-repeat;
}
.lnbWrap ul.lnbMenuWrap > li:hover > a.menu03{
	background:#ffffff url("/Content/Images/Main/lefticon03_ov.png") 0 0 no-repeat;
	color: #3b658c;
	font-weight:400;
}
.lnbWrap ul.lnbMenuWrap > li a.menu04{
	background:#126abc url("/Content/Images/Main/lefticon04_out.png") 0 0 no-repeat;
}
.lnbWrap ul.lnbMenuWrap > li:hover > a.menu04{
	background:#ffffff url("/Content/Images/Main/lefticon04_ov.png") 0 0 no-repeat;
	color: #3b658c;
	font-weight:400;
}
.lnbWrap ul.lnbMenuWrap > li a.menu05{
	background:#126abc url("/Content/Images/Main/lefticon05_out.png") 0 0 no-repeat;
}
.lnbWrap ul.lnbMenuWrap > li:hover > a.menu05{
	background:#ffffff url("/Content/Images/Main/lefticon05_ov.png") 0 0 no-repeat;
	color: #3b658c;
	font-weight:400;
}
.lnbWrap ul.lnbMenuWrap > li a.menu06{
	background:#126abc url("/Content/Images/Main/lefticon06_out.png") 0 0 no-repeat;
}
.lnbWrap ul.lnbMenuWrap > li:hover > a.menu06 {
	background:#ffffff url("/Content/Images/Main/lefticon06_ov.png") 0 0 no-repeat;
	color: #3b658c;
	font-weight:400;
}
.lnbWrap ul.lnbMenuWrap > li a.menu07{
	background:#126abc url("/Content/Images/Main/lefticon07_out.png") 0 0 no-repeat;
}
.lnbWrap ul.lnbMenuWrap > li:hover > a.menu07 {
	background:#ffffff url("/Content/Images/Main/lefticon07_ov.png") 0 0 no-repeat;
	color: #3b658c;
	font-weight:400;
}
.lnbWrap ul.lnbMenuWrap > li a.menu08{
	background:#126abc url("/Content/Images/Main/lefticon08_out.png") 0 0 no-repeat;
}
.lnbWrap ul.lnbMenuWrap > li:hover > a.menu08 {
	background:#ffffff url("/Content/Images/Main/lefticon08_ov.png") 0 0 no-repeat;
	color: #3b658c;
	font-weight:400;
}
.lnbWrap ul.lnbMenuWrap > li a.menu09{
	background:#126abc  url("/Content/Images/Main/lefticon09_out.png") 0 0 no-repeat;
}
.lnbWrap ul.lnbMenuWrap > li:hover > a.menu09 {
	background:#ffffff url("/Content/Images/Main/lefticon09_ov.png") 0 0 no-repeat;
	color: #3b658c;
	font-weight:400;
}




dl.menu3View{
    z-index:1;
	position: absolute;
    left: 90px;
	top:0;
	/*bottom:0;*/
    padding: 10px 10px 10px 10px;
	width:210px;
	overflow:hidden;
	background:#fff url("/Content/Images/Main/leftmenu3_bg.png") right 0 repeat-y; 
    border-top:1px solid #eeeeee;
	border-bottom:1px solid #eeeeee;
    border-right:1px solid #eeeeee;
}
 


dl.menu3View dt{
	/*font-size:17px;
	width:180px;
	margin:0 auto;
	color:#333333;
	padding-top:18px;
	letter-spacing:-0.5px;
	font-weight:400;
	position:relative;
	height:51px;
	border-bottom:2px solid #2e7dc6;*/
}
dl.menu3View dt img{
	/*position:absolute;
	right:0;
	top:15px;
	cursor:pointer;*/
}
dl.menu3View dd{
	border-bottom:1px solid #eeeeee;
	width:180px;
	margin:0 auto;
	padding-left:10px;
	padding-right:10px;
}
dl.menu3View dd.m2Tit{
	background: #126abc;
	color: #ffffff;
	font-size:14px;
	font-weight:400;
	height:38px;
	padding-top:8px;
	letter-spacing:-0.5px;
	position:relative;
	cursor:pointer;
}
dl.menu3View dd.m2Tit > .arrowImg{
	width:26px;
	height:29px;
	position:absolute;
	right:2px;
	top:3px;
	background:url("/Content/Images/Main/leftmenu3view_arrow_ov.png") no-repeat;
}
dl.menu3View dd.m2Tit:hover,
dl.menu3View dd.m2Tit.active
{
	background:#126abc;
	color:#ffffff;
	border-bottom:1px solid #e2e9ef;
}
dl.menu3View dd.m2Tit a{
	color:#aaaaaa !important;
	font-size:14px !important;
	font-weight:400 !important;
}
dl.menu3View dd.m2Tit a:hover,
dl.menu3View dd.m2Tit a.active{
	color:#2871b5 !important;
}
dl.menu3View dd.m2Tit:hover .arrowImg{
	background:url("/Content/Images/Main/leftmenu3view_arrow_ov.png") no-repeat;
}
dl.menu3View dd.m2Tit.active .arrowImg{
	background:url("/Content/Images/Main/leftmenu3view_arrow_ov.png") no-repeat;
}
dl.menu3View dd.m3View{
	background:#f8f8f8;
}
dl.menu3View dd.m3View ul.menuTxt{
	padding:12px 0 15px 0;
	overflow:hidden;
}
dl.menu3View dd.m3View ul.menuTxt > li{
	white-space:nowrap; 
	display:block;
	width:160px;
	height:17px;
	margin-bottom:4px;
	cursor:pointer;
	position:relative;
	padding-left:12px;
}
dl.menu3View dd.m3View ul.menuTxt > li > a{
	color:black;
}
dl.menu3View dd.m3View ul.menuTxt > li:last-child{
	margin-bottom:0;
}	
dl.menu3View dd.m3View ul.menuTxt > li > a:hover,
dl.menu3View dd.m3View ul.menuTxt > li > a.active{
	color:#126abc;
/*	font-weight:400; */
}
dl.menu3View dd.m3View ul.menuTxt > li > a .dotDiv{
	width:4px;
	height:2px;
	background:#bcbcbc;
	position:absolute;
	left:0;
	top:8px;
}
dl.menu3View dd.m3View ul.menuTxt > li > a:hover > .dotDiv,
dl.menu3View dd.m3View ul.menuTxt > li > a.active > .dotDiv{
	background:#3190e9;
} 

.lnbWrap ul.lnbMenuWrap li dl.menu3View{
	display:none;
}
.lnbWrap ul.lnbMenuWrap li:hover dl.menu3View{
	display:block;
}



 

.headerWrap{
	width:100%; height:50px; position: absolute; top: 0; left: 0;
}
.headerWrap ul.topLeftAll{
	float:left;  margin-left:5px; margin-top:5px; 
}
.headerWrap ul.topLeftAll li {
	display:inline-block; cursor:pointer;
}
.headerWrap ul.topLeftAll li.menuBtn{
	width:41px; height:36px;
}
.headerWrap ul.topLeftAll li.comLogo{
	height:40px; margin-left:4px;
}
.headerWrap ul.topRightAll{
	float:right; height:22px; margin-top:12px; margin-right:15px;
}
.headerWrap ul.topRightAll li{
	display:inline-block; cursor:pointer;
}
.headerWrap ul.topRightAll li img{
	margin-top:-7px;
}
.headerWrap ul.topRightAll li.topRightIcon{
	margin-left:15px;
}
.headerWrap ul.topRightAll li.userView{
	margin-right:5px; letter-spacing:-0.5px; overflow:visible; padding-top:5px;
}
.headerWrap ul.topRightAll li.userView span{
	color:#126abc; font-weight:400;
}


.rightWrap{
  position: absolute; top: 0;  /*left: 66px;*/ left: 90px; right: 0;  bottom: 0;  padding-top:78px;
  transition: .5s all;
}
.rightWrap.active{
	/*left:276px;*/
    left:300px;
}





.tabWrap{
    width: 100%;
    height: 28px;
    background: #f7f7f7;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #dedede;
    padding: 0px 15px;
    position: absolute;
    top: 50px;
    left: 0;

	/*width:100%; height:28px; background:#f7f7f7; border-top:1px solid #eeeeee; border-bottom:1px solid #dedede; padding:0px 15px; 
	position: absolute; top: 50px; left: 0;*/
}
.tabWrap .tabArrow{
	float:left; width:39px; height:22px; margin-top:3px; margin-right:5px;
}
.tabWrap .tabArrow img{
	text-align:left; margin-right:-3px; cursor:pointer;
}
.tabWrap ul.tabSet{
	position: absolute;
    left: 60px;
    right: 92px;
    top: 2px;
    padding-right: 92px;
    right: 92px;
    height: 45px;
    width: auto;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style:none;
}
.tabWrap ul.tabSet li{
	min-width:50px; height:25px; padding:2px 25px 0 13px; font-size:12px; letter-spacing:-0.5px; font-weight:400; display:inline-block;
	border-radius:3px 3px 0 0; position:relative; cursor:pointer; color:#999999; text-align:center;
	background:none; border:1px solid rgba(255, 255, 255, 0); margin-right:1px; margin-left:0px;
}
.tabWrap ul.tabSet li:hover,
.tabWrap ul.tabSet li.active
{
	background:#ffffff; border-right:1px solid #dcdcdc;border-left:1px solid #dcdcdc;border-top:1px solid #dcdcdc; border-bottom:1px solid #ffffff !important;
	color:#126abc;
	background:#fcfcfc;
}
.tabClose{
	width:23px; height:23px; position:absolute; right:3px; top:0; background:url("/Content/Images/Main/tab_close_btn.png") no-repeat;
	cursor:pointer;
}
.tabClose:hover{
	background:url("/Content/Images/Main/tab_close_btn_ov.png") no-repeat;
}
.tabWrap .tabAClose {
	position:absolute; right:15px; top:3px; width:70px; height:21px; border:1px solid #cccccc; background:#ffffff url("/Content/Images/Main/tab_all_close.png") no-repeat 51px 5px; border-radius:15px; color:#888888; padding-left:9px; padding-top:1px; cursor:pointer; font-weight:400; font-size:11px; letter-spacing:-1px;
}
.tabWrap .tabAClose:hover
{
	border:1px solid #e84b4b; background:#ffffff url("/Content/Images/Main/tab_all_close_ov.png") no-repeat 51px 5px;
}



/* 메인 바디 */
.contentWrap{
	width:100%; height:100%; padding:10px 0px 10px 15px; position:relative; 
}


.scrollWrap{
	position: absolute; top:0; left:0; right:15px; bottom:0;
}


/* iframe Body 시작 */
.subWrap {
	position: absolute; top:0; left:0; right:0; bottom:0; padding-top:31px;
}
.bodyTopfix {
	width:100%; height:24px; margin-bottom:7px; position: absolute; top: 0; left: 0;
}
ul.bodyIndex {
	float:left; margin-top:2px;
}
ul.bodyIndex li{
	display:inline-block; letter-spacing:-0.5px; margin-right:8px; font-size:14px; color:black666; font-weight:300;
}
ul.bodyIndex li.homeIcon{
	width:14px; height:12px; margin-right:5px;
}
ul.bodyIndex li.homeIcon img{
	margin-top:-2px;
}
ul.bodyIndex li.nowPlace{
	color:#126abc; font-weight:400 !important;
}
ul.bodyBtnSet {
	float:right; text-align:right;
}
ul.bodyBtnSet li {
	display:inline-block; cursor:pointer;
}
ul.bodyBtnSet li a{
   text-decoration:none;
   width:62px;
   height:24px;
   text-align: center;
   border: 1px solid #d7d8da;
   color: #777;
   padding-top:5px;
   background: linear-gradient(to top, #f2f2f2, #ffffff);
   border-radius: 2px;
   font-size:14px;
   font-family:'Noto Sans KR';
   font-weight: 300; 
}

ul.bodyBtnSet li a:hover{
   color:#ffffff;
   border:1px solid #126abc;
   background: #126abc;
}

ul.bodyBtnSet li a:before{
   font-variant: normal;
   font-family: 'Font Awesome 5 Free' !important;
   font-weight:900;
   color:#126abc;
   margin-right:5px;
}

ul.bodyBtnSet li a:hover:before{
   color:#ffffff;
}



/* 버튼 수정 */
ul.bodyBtnSet li .dxbButton_WJSNAV {
   padding-top:5px !important;
   padding-left:10px !important;
   padding-right:5px !important;
   border: 1px solid #d7d8da !important;
   color: #777 !important;
   background: linear-gradient(to top, #f2f2f2, #ffffff) !important;
   font-size:14px !important;
   cursor: pointer;
}

ul.bodyBtnSet li .dxbButton_WJSNAV:hover,
ul.bodyBtnSet li .dxbButton_WJSNAV:active{
   color:#ffffff !important;
   border:1px solid #126abc !important;
   background: #126abc !important;
}

ul.bodyBtnSet li .dxbButton_WJSNAV:before {
   font-variant: normal;
   font-family: 'Font Awesome 5 Free' !important;
   font-weight:900;
   color:#126abc;
   margin-right:5px;
}
ul.bodyBtnSet li .dxbButton_WJSNAV:hover:before {
	color:#ffffff;
}
ul.bodyBtnSet li .dxbButton_WJSNAV .dxb {
    height: 17px !important;
	padding:0px 5px 1px 1px !important;
}
ul.bodyBtnSet li .dxbButton_WJSNAV .dxb span.dx-vam{
	padding:0px 0px 3px 0px !important;
	font-family:'Noto Sans KR';
    font-weight: 300 !important;

}




.sWrap{
	position:relative;
}


/* 테이블 타이틀 */
ul.viewTit {
	min-width:300px; float:left; height:25px;
}
ul.viewTit li{
	display:inline-block;
}
ul.viewTit li.dotIcon{
	width:10px; height:10px; border:3px solid #126abc; margin-right:3px;
}
ul.viewTit li.tTit{
 font-size:13px; color:#444444; letter-spacing:-0.5px; font-weight:400;
}
.bLeftBtnSet{
	float:left;
}
.bRightBtnSet{
	float:right;
}

.infoTxt{
	background:#f0f6f9; padding:2px 10px 2px 10px; font-size:12px; color:#126abc;
}
.infoTxt span {
	color:#de3636; font-weight:400;
}

.button {
    background: #126abc;
    border: none;
    color: #ffffff;
    padding: 0 15px;
    height: 22px;
    text-align: center;
    font-size: 14px;
    display: inline-block;
    text-decoration: none;
    border-radius: 15px;
    cursor: pointer;
}
/*접대비 버튼*/
.button2 {
    background: #ffffff;
    padding: 0 12px;
    height: 22px;
    text-align: center;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
    border-radius: 5px;
    border: 1px solid #d8d8d8;
}
.button:hover {
    background: #19d6e7;
}
.button2:hover {
    background: #d8d8d8;
}
button:focus {
    outline: none;
}

.btnBlue {
    background: #126abc !important;
}

.btnOrange {
    background: #f78121 !important;
}

.btnGreen {
    background: #64bd3b !important;
}

.btnPurple {
    background: #957de3 !important;
}

.btnRed {
    background: #eb5c5c !important;
}

.btnBlue:hover {
    background: #19d6e7 !important;
}

.btnOrange:hover {
    background: #f3c81b !important;
}

.btnGreen:hover {
    background: #abd666 !important;
}

.btnPurple:hover {
    background: #c295ec !important;
}

.btnRed:hover {
    background: #fd8e8e !important;
}



/* 테이블 영역 */
.tWrap{
	width:100%; border-top:1px solid #d9d9d9; margin-bottom:10px; clear:both;
}

th.wTh {
	width:100px; background:#f7f7f7; text-align:left; padding-left:10px; color:#000000; letter-spacing:-0.5px;
	height:41px; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; padding-left:10px; padding-right:0px; font-weight:300;
}
th.wTh2 {
	padding:5px 6px; background:#f7f7f7; border-left:1px solid #dedddd;border-bottom:1px solid #dedddd;background:#f7f7f7;font-weight:300; border-top:1px solid #d9d9d9;
}
td.wTd {
	height:41px; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; padding-left:10px; padding-right:10px; font-weight:300; color:black;
}
td.wTd2 {
	padding:5px 6px;  border-left:1px solid #dedddd;border-bottom:1px solid #dedddd;font-weight:300;
}
th.wTh:first-child{
	border-left:1px solid #d9d9d9; 
}
th.wTh2:last-child{
	border-right:1px solid #d9d9d9; 
}
td.wTd2:last-child{
	border-right:1px solid #d9d9d9; 
}
th.wThPop {
	width:120px; background:#f7f7f7; text-align:left; padding-left:10px; color:#444; letter-spacing:-0.5px;
	height:41px; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; padding-left:5px; padding-right:0px; font-weight:300;
}
th.wThPop:first-child{
	border-left:1px solid #d9d9d9; 
}


/* Table 안에 Table th, td 추가할때 */
td.addTable{padding:0;}


th.addTh {
	width:139px; background:#f7f7f7; text-align:left; padding-left:10px; color:#555; letter-spacing:-0.5px;
	height:41px; border-right:1px solid #d9d9d9; padding-left:10px; padding-right:10px; font-weight:300;
}
td.addTd {
	height:41px; border-right:1px solid #d9d9d9; padding-left:10px; padding-right:10px; font-weight:300; color:black;
}
td.addTd:last-child{
	border-right:0px;
}


/* Table 안에 Table td만 있는것을 추가할때 */
td.onlyTd {
	height:41px; padding-right:5px; font-weight:300; color:black;
}
td.onlyTd:first-child{
	padding-left:10px;
}
td.onlyTd:last-child{
	padding-right:10px;
}




/* 그리드 영역 - 10줄 높이*/
.gWrap_min{
	width:100%; height:145px; background:#f9f9f9; border:1px solid #d9d9d9; border-top:0;
}
.gWrap{
	width:100%; height:312px; background:#f9f9f9; border:1px solid #d9d9d9; border-top:0;
}

.treeWrap{
	width:100%; height:360px; background:#f9f9f9; border:1px solid #d9d9d9; border-top:0;
}
.ptWrap{
    width:100%; height:312px; background:#f9f9f9; border:1px solid #d9d9d9; border-top:0;
}

/* 그리드 스크롤 바탕색 */
.dxgvHSDC {
	background:#f7f7f7 !important;
}


/* 본문 분할 반응형 영역 */
.sTitFixWrap {
	position: absolute; top:0; left:0; right:0;
}
.wdRestL352{
	position:absolute; left:352px; /*left:376px;*/ top:31px; right:0; bottom:0; padding-top:25px;
}
.wdRestL352Hno{
	position:absolute; left:352px; /*left:376px;*/ top:31px; right:0; bottom:0;
}
.wdRestL352Hno_Home{
	position:absolute; left:412px; /*left:376px;*/ top:31px; right:0; bottom:0;
}
.wdRestL352Hno_half{
	position:absolute; left:51%; /*left:376px;*/ top:31px; right:0; bottom:0;
}
.wdRestL352Hno_60p{
	position:absolute; left:41%; /*left:376px;*/ top:31px; right:0; bottom:0;
}
.wdRestL352Hno_half_T0{
	position:absolute; left:51%; /*left:376px;*/ top:0; right:0; bottom:0;
}
.wdRestL352Hno_40p{
	position:absolute; left:61%; /*left:376px;*/ top:31px; right:0; bottom:0;
}
.wdRestL352Hno_30p{
	position:absolute; left:71%; /*left:376px;*/ top:31px; right:0; bottom:0;
}
.wdRestHno{
	position:absolute; left:0px; /*left:376px;*/ top:31px; right:0; bottom:0; padding-top:25px;
}

.abH {
	position: absolute; top: 0; left: 0;
}

.abHT25{
	position: absolute; top:25px; left: 0; right:0; bottom:0;
}
.abHT28{
	position: absolute; top:28px; left: 0; right:0; bottom:0;
}
.abHT30{
	position: absolute; top:30px; left: 0; right:0; bottom:0;
}
.abHT300{
	position: absolute; top:300px; left: 0; right:0; bottom:0;
}
.abHT530{
	position: absolute; top:530px; left: 0; right:0; bottom:0;
}
/*특수*/
.abHT50{
	position: absolute; top:50px; left: 0; right:0; bottom:0;
}

.abHT75{
	position: absolute; top:75px; left: 0; right:0; bottom:0;
}

.abHT90{
	position: absolute; top:90px; left: 0; right:0; bottom:0;
}
.abHT100{
	position: absolute; top:100px; left: 0; right:0; bottom:0;
}
.abHT110{
	position: absolute; top:110px; left: 0; right:0; bottom:0;
}
.abHT130{
	position: absolute; top:130px; left: 0; right:0; bottom:0;
}
.abHT145{
	position: absolute; top:145px; left: 0; right:0; bottom:0;
}
.abHT175{
	position: absolute; top:175px; left: 0; right:0; bottom:0;
}
.abHT250{
	position: absolute; top:175px; left: 0; right:0; bottom:0;
}
/* Div 탭 */
.pTab_abHT5{
	position: absolute; top:0px; left: 0; right:0; bottom:0; border-top: none;
}

.pTabs{
    width: 100%; font-size: 9pt; font-weight: bold; height: 30px; text-align: left;
}

/*----- Tab Links -----*/
.pTabs > ul {
    display: block; margin: 0; padding: 0; width: 100%; vertical-align: middle;
}

.pTabs > ul > li {
    position: relative; display: inline-block; padding-left: 10px; padding-right: 10px; line-height: 29px;
    white-space: nowrap; text-transform: capitalize !important; text-align: center; list-style: none;
    vertical-align: middle; color: #929292; background-color: #f7f7f7; border: 1px solid #d9d9d9;
    cursor: pointer; overflow: hidden;
}

.pTabs > ul > li a {
    color: #929292;
}

.pTabs > ul > li a:hover {
    color: #377ddb;
}

.pTabs > ul > li.active {
    position: relative; color: #1c58af; background-color: #ffffff; border-top: 1px solid #377ddb; border-bottom: 1px solid #ffffff; /*background:url("/Content/Images/Main/pTab_active.png") 0 repeat !important;*/
}

/*----- Content of Tabs -----*/
.pTab_content {
    width: 100%; padding: 1em; border: 1px solid #d9d9d9;
}

.pTab {
    display: inline-block;
    visibility: hidden;
}

.pTab.active {
    display: inline-block;
    visibility: visible;
}


/* 좌우 분할시 Left tr 1개 */
.wdRestT74{	width:340px; position:absolute; left:0; top:31px; bottom:0; padding-top:74px; }
.wdRestT74_Home{width:400px; position:absolute; left:0; top:31px; bottom:0; padding-top:74px; }
.wdRestT74_Half{width:50%; position:absolute; left:0; top:31px; bottom:0; }
.wdRestT74_40p{width:40%; position:absolute; left:0; top:31px; bottom:0; }
.wdRestT74_Half_T0{width:50%; position:absolute; left:0; top:0; bottom:0; }
.wdRestT74_60p{width:60%; position:absolute; left:0; top:31px; bottom:0; }
.wdRestT74_70p{width:70%; position:absolute; left:0; top:31px; bottom:0; }
.abHT74{ position: absolute; top:74px; left: 0; right:0; bottom:0 } 
.wdRest{ width:100%; position:absolute; left:0; top:31px; bottom:0;  }



/* 좌우 분할시 Left tr 2개 */
.wdRestT116{ width:340px; position:absolute; left:0; top:31px; bottom:0; padding-top:116px; }
.abHT116{ position: absolute; top:116px; left: 0; right:0; bottom:0; }

/* 좌우 분할시 Left tr 3개 */
.wdRestT157{ width:340px; position:absolute; left:0; top:31px; bottom:0; padding-top:157px; }
.abHT157{ position: absolute; top:157px; left: 0; right:0; bottom:0; }

/* 좌우 분할시 Left tr 4개 */
.wdRestT198{ width:340px; position:absolute; left:0; top:31px; bottom:0; padding-top:200px; }
.abHT198{ position: absolute; top:200px; left: 0; right:0; bottom:0; }

/* 좌우 분할시 Left tr 5개 */
.wdRestT239{ width:340px; position:absolute; left:0; top:31px; bottom:0; padding-top:239px; }
.abHT239{ position: absolute; top:239px; left: 0; right:0; bottom:0; }

/* 좌우 분할시 Left tr 6개 */
.wdRestT280{ width:340px; position:absolute; left:0; top:31px; bottom:0; padding-top:280px; }
.abHT280{ position: absolute; top:280px; left: 0; right:0; bottom:0; }


/* POP UP용 */ 
.wdRest_POP{ width:100%; position:absolute; left:0; top:0px; bottom:0; padding-top:50px; }
/*.abH74{ position: absolute; top:136px; left: 0; right:0; bottom:0 }*/

/* 상하 search + 높이100% list시, searcg tr 1개 */ 
.wdRest74{ width:100%; position:absolute; left:0; top:31px; bottom:0; padding-top:74px; }
.abH74{ position:absolute; top:74px; left: 0; right:0; bottom:0 }
.abHL74{ width:340px; position:absolute; left: 0; top:74px; right:0; bottom:0 }
.abHR74{ width:600px; position:absolute; left: 352px; top:74px; right:0; bottom:0 }

/* 좌우 분할시 Left tr 2개 */
.wdRestT116{ width:340px; position:absolute; left:0; top:31px; bottom:0; padding-top:116px; }
.abH85{ position: absolute; top:85px; left: 0; right:0; bottom:0; }


/* 상하 search + 높이100% list시, searcg tr 3개 */ 
.wdRest157{width:100%; position:absolute; left:0; top:31px; bottom:0; padding-top:132px; }
.abH157{ position: absolute; top:136px; left: 0; right:0; bottom:0; }

/* 상하 search + 높이100% list시, searcg tr 3개   +++++++ 버튼 */
.wdRest185{width:100%; position:absolute; left:0; top:31px; bottom:0; padding-top:132px; }
.abH185{ position: absolute; top:160px; left: 0; right:0; bottom:0; }

/* 상하 search + 높이100% list시, searcg tr 4개 */ 
.wdRest198{width:100%; position:absolute; left:0; top:31px; bottom:0; padding-top:173px; }
.abH198{ position: absolute; top:173px; left: 0; right:0; bottom:0; }
  

.abH413 { position: absolute; top: 400px; left: 0px; right: 0px; bottom: 0px; }

 

/* 좌우 분할시 Right 중간에 grid 높이 100% */
.wdRestRB306{position: absolute; right:0 !important; bottom:0; padding-bottom:306px;} /* 아래 tit2 + tr1 + tr4개 */
.wdRestRB347{position: absolute; right:0 !important; bottom:0; padding-bottom:347px;} /* 아래 tit2 + tr1 + tr5개 */
.wdRestRB470{position: absolute; right:0 !important; bottom:0; padding-bottom:470px;} /* 아래 tit2 + tr1 + tr8개 */
.wdRestRB508{position: absolute; right:0 !important; bottom:0; padding-bottom:508px;} /* 아래 tit3 + tr1 + tr6 + tr2개 */
.wdRestRB549{position: absolute; right:0 !important; bottom:0; padding-bottom:549px;} /* 아래 tit3 + tr1 + tr7 + tr2개 */



/* 상하 중간에 grid 높이 100% */
.wdRestB80{ position: absolute; top:83px; left: 0; right:0; bottom:0; padding-bottom:160px;} /* 위 tr1줄 / 아래 tit + tr3줄 */
.wdRestB100{ position: absolute; top:83px; left: 0; right:0; bottom:0; padding-bottom:220px;} /* 위 tr1줄 / 아래 tit + tr4줄 */
.wdRestB110{ position: absolute; top:83px; left: 0; right:0; bottom:0; padding-bottom:480px;} /* 위 tr1줄 / 아래 tit + tr10줄 */
.wdRestB120{ position: absolute; top:125px; left: 0; right:0; bottom:0; padding-bottom:120px;} /* 위 tr2줄 / 아래 tit + tr2줄 */
.wdRestB160{ position: absolute; top:167px; left: 0; right:0; bottom:0; padding-bottom:160px;} /* 위 tr3줄 / 아래 tit + tr3줄 */
.wdRestB200{ position: absolute; top:167px; left: 0; right:0; bottom:0; padding-bottom:201px;} /* 위 tr3줄 / 아래 tit + tr4줄 */
.wdRestB260{ position: absolute; top:125px; left: 0; right:0; bottom:0; padding-bottom:220px;} /* 위 tr2줄 / 아래 tit + tr4줄 */
.wdRestB280{ position: absolute; top:125px; left: 0; right:0; bottom:0; padding-bottom:270px;} /* 위 tr2줄 / 아래 tit + tr5줄 */
.wdRestB325{ position: absolute; top:167px; left: 0; right:0; bottom:0; padding-bottom:325px;} /* 위 tr3줄 / 아래 tit + tr7줄 */
.wdRestB408{ position: absolute; top:167px; left: 0; right:0; bottom:0; padding-bottom:408px;} /* 위 tr3줄 / 아래 이것저것 많이 */
.wdRestB201{ position: absolute; top:349px; left: 0; right:0; bottom:0; padding-bottom:201px;} /* 위 table1 + Grid1 / 아래 tit + tr4줄 */
.wdRestB161{ position: absolute; top:349px; left: 0; right:0; bottom:0; padding-bottom:161px;} /* 위 table1 + Grid1 / 아래 tit + tr3줄 */
.wdRestB70{ position: absolute; top:427px; left: 0; right:0; bottom:0; padding-bottom:70px;} /* 특수 / 아래 grid */
.abBT0{ position: absolute; left: 0; right:0; bottom:0;}




/* 최하단에 높이 100% */
.abHT243{ position: absolute; top:243px; left: 0; right:0; bottom:0; } /* Tit 2개 + tr5개 */
.abHT284{ position: absolute; top:284px; left: 0; right:0; bottom:0; } /* Tit 2개 + tr6개 */
.abHT406{ position: absolute; top:406px; left: 0; right:0; bottom:0; } /* Tit 3개 + tr7개 + tr1개 */
.abHT320{ position: absolute; top:320px; left: 0; right:0; bottom:0; } /* 특수 */
.abHT330{ position: absolute; top:330px; left: 0; right:0; bottom:0; } /* 특수 */
.abHT360{ position: absolute; top:360px; left: 0; right:0; bottom:0; } /* 특수 */
.abHT370{ position: absolute; top:370px; left: 0; right:0; bottom:0; } /* 특수 */
.abHT405{ position: absolute; top:405px; left: 0; right:0; bottom:0; } /* 특수 */
.abHT430{ position: absolute; top:430px; left: 0; right:0; bottom:0; } /* 특수 */
.abHT435{ position: absolute; top:435px; left: 0; right:0; bottom:0; } /* 특수 */
.abHT465{ position: absolute; top:465px; left: 0; right:0; bottom:0; } /* 특수 */
.abHT524{ position: absolute; top:524px; left: 0; right:0; bottom:0; } /* 특수 */
.abHT570{ position: absolute; top:570px; left: 0; right:0; bottom:0; } /* 특수 */

/*팝업용*/
.abHT169 {
    position: absolute;
    top: 169px;
    left: 0;
    right: 0;
    bottom: 0;
}

.plrb {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 15px;
}





/* 팝업 */
.PWrap {padding:7px 10px 15px 10px;}
.dxpc-header {background:#126abc !important; color:#ffffff;}
.modal_dxbButton_WJSNAV {width:64px !important; height:26px !important; border-radius:2px; background:#126abc; color:#ffffff; border:0px !important;}




/* DevExpress css */
.dxeTextBoxDefaultWidthSys,
.dxeButtonEditSys {
	width:100%;
}
.blank * { visibility:hidden; }

.dxichSys {
	margin:0 1px 0 1px !important;
}


/* DevExpress tree */
.dxTreeList_CollapsedButton_WJSNAV,
.dxTreeList_CollapsedButtonRtl_WJSNAV,
.dxTreeList_DragAndDropArrowDown_WJSNAV,
.dxTreeList_DragAndDropArrowUp_WJSNAV,
.dxTreeList_DragAndDropHide_WJSNAV,
.dxTreeList_DragAndDropNode_WJSNAV,
.dxTreeList_ExpandedButton_WJSNAV,
.dxTreeList_ExpandedButtonRtl_WJSNAV,
.dxTreeList_SortAsc_WJSNAV,
.dxTreeList_SortDesc_WJSNAV{
   background:url("/Content/Images/Icon/tree_icon.png") -22px 0 no-repeat !important;
}
.dxTreeList_CollapsedButton_WJSNAV {
   background-position:0px 0px !important;
   width:22px !important;
   height:22px;
}
.dxTreeList_ExpandedButton_WJSNAV {
   background-position:-22px 0px !important;
   width:22px !important;
   height:22px;
}
.dxtlControl_WJSNAV {
   color:black666 !important;
   font-weight:300;
}


/* 파일업로드 */
.dxucTextBox_WJSNAV {
	background-color: #f9f9f9 !important;
	border: 1px solid #e9e9e9 !important;
	font: 12px Noto Sans KR !important;
	padding:0 4px !important;
    height:26px !important;
	color:black666 !important;
}
body input.dxucEditArea_WJSNAV {
	color:#126abc;
}

.dxucBrowseButton_WJSNAV, .dxucBrowseButton_WJSNAV a {
	color: #ffffff !important;
	font: 12px Noto Sans KR;
	font-weight:300;
	border: 0 !important;
	background: #3c97dc !important;
	padding: 5px 13px !important;
	border-radius: 2px !important;
	margin-left:-8px !important; 
}

.dxucBrowseButton_WJSNAV, .dxucBrowseButton_WJSNAV a:hover,
.dxucBrowseButton_WJSNAV, .dxucBrowseButton_WJSNAV a:active {
	background: #818181 !important;
	border: 0 !important;
}

.dxWeb_ucClearButton_WJSNAV {
	color: #ffffff !important;
	font: 12px Noto Sans KR;
	font-weight:300;
	border: 0 !important;
	background: #c0c0c0 !important;
	padding: 5px 12px !important;
	border-radius: 2px !important;
}


#ctl00_CallbackPanelBase_ContentPlaceHolder1_Uploader_Remove0 a {
	color: #ffffff;
	font: 12px Noto Sans KR;
	font-weight:300;
	border: 0 !important;
	background: #c0c0c0 !important;
	padding: 5px 12px !important;
	border-radius: 2px !important;
	display:none;
}



/* Dev 달력아이콘 위치 */
.calIcon{
	background-position:-163px -13px !important;
}


/* 컨포넌트에 shadow */
.dxpc-shadow {
	-webkit-box-shadow:none !important; box-shadow:none !important;
}


/* modal 달력 */
.dxeCalendar_WJSNAV {
	width:350px !important;
}
.dxEditors_edtCalendarNextMonth_WJSNAV {
	margin-left:-22px !important;
}
.dxEditors_edtCalendarPrevYear_WJSNAV,
.dxEditors_edtCalendarNextYear_WJSNAV,
.dxeCalendarFooter_WJSNAV,
.dxeCalendarFastNavFooter_WJSNAV {
	display:none !important;
}

.dxMonthGridWithWeekNumbers {
	border-bottom:1px solid #dedddd !important;
}
.dxeCalendarFastNav_WJSNAV {
	border:1px solid #dedddd !important;
	width:280px !important;
	padding:5px 8px 10px 8px !important;
}
.dxeCalendarFastNavMonth_WJSNAV, .dxeCalendarFastNavYear_WJSNAV {
	color:#939394 !important;
}
.dxeCalendarFastNavMonthSelected_WJSNAV, .dxeCalendarFastNavYearSelected_WJSNAV {
	color:#ffffff !important;
}


/* 공통사용 */
.op40{ opacity:0.4; }

.fs11{ font-size:11px; }
.fs13{ font-size:13px; }
.fs16{ font-size:16px !important; }

.btop{ border-top:2px solid #126abc; }
.btop1{ border:2px solid #126abc; }



.star {	background:url("/Content/Images/Icon/star.png") 0 0 no-repeat; width:7px; height:6px; display:inline-block;
		vertical-align:middle; position:relative; margin-left:3px; top:-5px; }
.wd60{width:60px !important; }
.wd90{width:90px !important; }
.wd100{	width:100px !important; }
.wd120{	width:120px !important; }
.wd150{	width:150px !important; }
.wd180{	width:180px !important; }
.wd190{	width:190px !important; }
.wd200{	width:200px !important; }
.wd280{	width:280px !important; }
.wd340{	width:340px !important; }
.wd540{	width:540px !important; }
.wd6p{	width:6% !important; }
.wd10p{	width:10% !important; }
.wd15p{	width:15% !important; }
.wd20p{	width:20% !important; }
.wd25p{	width:25% !important; }
.wd30p{	width:30% !important; }
.wd35p{	width:35% !important; }
.wd40p{	width:40% !important; }
.wd45p{	width:45% !important; }
.wd47p{	width:47% !important; }
.wd50p{	width:50% !important; }
.wd55p{	width:55% !important; }
.wd60p{	width:60% !important; }
.wd65p{	width:65% !important; }
.wd70p{	width:70% !important; }
.wd75p{	width:75% !important; }
.wd80p{	width:80% !important; }
.wd85p{	width:85% !important; }
.wd90p{	width:90% !important; }
.wd95p{	width:95% !important; }
.wd100p{ width:100% !important; }

.mb0 { margin-bottom:0px; }
.mb1 { margin-bottom:1px; }
.mb5 { margin-bottom:5px; }
.mb7 { margin-bottom:7px; }
.mb10 {	margin-bottom:10px; }
.mr15 {	margin-right:15px; }
.mt1 { margin-top:1px; }
.mt3 { margin-top:3px; }
.mt25 { margin-top:25px; }
.mr-2 { margin-right:-2px !important; }


.he60{	height:60px !important; } /* 그리드 1줄 높이 */
.he90{	height:90px !important; } /* 그리드 2줄 높이 */
.he144{	height:144px !important; } /* 그리드 4줄 높이 */
.he172{	height:172px !important; } /* 그리드 5줄 높이 */
.he228{	height:228px !important; } /* 그리드 7줄 높이 */
.he320{	height:320px !important; }
.he340{	height:340px !important; }
.he380{	height:380px !important; }
.he394{	height:394px !important; }
.he430{	height:430px !important; }
.he514{	height:514px !important; }
.he30p { height:30% !important; }
.he40p { height:40% !important; }
.he50p { height:50% !important; }
.he60p { height:60% !important; }
.he70p { height:70% !important; }
.he90p { height:90% !important;}
.he100p { height:100% !important; /*min-height:100px;*/}



.pt0 { padding-top:0; }
.pt25 { padding-top:25px;}
.pr5{ padding-right:5px; }
.pr13{ padding-right:13px !important; }
.pl5{ padding-left:5px; }


.taCenter {	text-align:center !important; }
.taRight { text-align:right !important; }
.taLeft { text-align:left !important; }

.fL{ float:left; }
.fR{ float:right; }

.clB{ clear:both; } 


.br0 { border-right:0px !important; }
.bl0 { border-left:0px !important; }
.bt0 { border-top:0px !important; }
.bb0 { border-bottom:0px !important; }



/* Dashboard DIV */
@media (max-width: 1500px) {
	.containerTop h1 {display: inline; width: 100%; padding: 0 75px;}
	.container {float: left; width: 100%; height: 100%; padding: 20px 80px 50px !important;}
	
	.containerTop_main h1 {display: inline; width: 100%; padding: 0 75px;}
	.container_main {float: left; width: 100%; height: 100%; padding: 20px 60px 0px !important;}
}
@media (max-width: 1170px) {
	.containerTop h1 {display: inline; width: 100%; font-size: 15px; padding: 0 15px;}
	.container {float: left; width: 100%; height: 100%; padding: 10px 15px 50px !important;}
	
	.containerTop_main h1 {display: inline; width: 100%; font-size: 14px; padding: 0 15px;}
	.container_main {float: left; width: 100%; height: 100%; padding: 20px 0px 0px !important;}
}
.container {float: left; width: 100%; height: 100%; padding: 20px 165px 50px;}

.container_main {float: left; width: 100%; height: 100%; padding: 20px 150px 0px;}

.dashboard {float: left; width: 100%; height: 100%; padding: 0;}

.row {padding-left:-15px; padding-right:-15px}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-md-0, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-md-13 .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
}

@media (max-width: 991px) {
	.col-md-12 {
		float: left;
		width: 100%;
  }
  .col-xs-6 {width: 50%;}
}
@media (min-width: 992px) {
   .col-md-0, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-13 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-0 {
    width: 30%;
	padding-left: 15px;
	padding-right: 0px;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
}
.statbox .widget-content:before,.statbox .widget-content:after{display:table;content:"";line-height:0;clear:both}
.statbox .visual {
	min-width: 80px;
	min-height: 70px;
	padding:25px 13px 0px;
	text-align:center;
	margin: 0;
	float:left;
	overflow:hidden;
	color:#fff;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box
}
@media (max-width: 992px) {
	.statbox .visual {min-width: 70px; min-height: 60px;}
	.statbox .visual img {width: 35px !important;}
	input[type="checkbox"] {margin-top:2px !important;}
}
.statbox .visual img {width: 45px;}
.statbox .visual.blue{background-color:#54728c}
.statbox .visual.red{background-color:#31b8ef}
.statbox .visual.green{background-color:#f8372c}
.statbox .visual.cyan{background-color:#4ababb}
.statbox .visual.purple{background-color:#8f6cb6}
.statbox .visual.yellow{background-color:#f6c723}
.statbox .title {
	color:#bbb;
	display:block;
	font-size:15px;
	font-weight:600;
	letter-spacing: -1px;
	text-transform:uppercase;
}
.statbox .value{min-height: 43px; font-family: Arial, Dotum, sans-serif;font-size:24px;font-weight:600;overflow:hidden;padding: 30px 0 5px;}
.statbox .value i {font-size: 13px; padding-left: 3px;}
.statbox .title,.statbox .value{text-align:center;}
.statbox .title+.value{margin-top:-3px}
.statbox .widget-content:before, .statbox .widget-content:after {
    display: table;
    content: "";
    line-height: 0;
    clear: both;
}
@media (max-width: 1170px) {
	.widget {margin-bottom: 20px !important;}
	.widget.box.listTable {min-height: 213px !important;}
	.statbox .value {padding: 25px 0 5px !important;}
}
.widget {
    margin-top: 0;
    margin-bottom: 40px;
    padding: 0;
}
.widget.box.box-shadow {
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    border-bottom-color: #d9d9d9;
}
.widget.box {
    border: 1px solid #f0eeee;
}
.widget.box.notice {
   min-height: 300px;
}
.widget.box.listTable {
   min-height: 233px;
}
.widget.box.listTable2 {
   min-height: 300px;
}
.widget.box .widget-content {
    padding: 0px;
    position: relative;
    background-color: #fff;
    overflow-x: auto;
}
.widget.box .widget-content a {
    color: #222;
}
.widget.box .widget-content .table {
    width: 100%;
}
.widget.box .widget-content .table.minW {
    min-width: 1500px;
}
.widget.box .widget-header {
    background: #f9f9f9;
    border-bottom-color: #d9d9d9;
    line-height: 35px;
    padding: 0 12px;
    margin-bottom: 0;
}
.widget .widget-header {
    margin-bottom: 15px;
    border-bottom: 1px solid #ececec;
}
.widget.box .widget-header h4 {
    margin-bottom: 0;
}
.widget .widget-header h4 {
    display: inline-block;
	width: 100%;
    color: #555;
    font-size: 15px;
    font-weight: bold;
    margin: 3px 0 0;
    padding: 0;
}
.widget .widget-header h4 a {font-weight: normal;}
.widget .widget-header h4 i {
    font-size: 14px;
    margin-right: 5px;
    color: #6f6f6f;
}
.widget-content.no-padding table {
	width: 100%;
	min-width: 1100px;
    margin-bottom: 0!important;
}
.widget-content.no-padding table tr:hover {
	background: #f6f6f6;
}
.widget-content .more {
    clear: both;
    display: block;
    padding: 5px 10px;
    text-transform: uppercase;
    font-weight: 300;
	font-family: Arial, Dotum, sans-serif;
    font-size: 11px;
    color: #555;
    opacity: .7;
    margin: -10px;
    margin-top: 10px;
    background-color: #f9f9f9;
    border-top: 1px solid #d9d9d9;
}
.widget-content .more i {height: 0;}
.widget-content .more:active{box-shadow:0 1px 1px rgba(0,0,0,0.1) inset;border-top-color:#ccc}
.widget-content .more:hover, .widget-content .more:focus {
    opacity: 1;
    text-decoration: none;
}
.widget.box .widget-content.no-padding {
    padding: 0;
}
@media (max-width: 1170px) {
	.widget.box .widget-content.he400 {
	    height: 300px !important;
	}
}
.widget.box .widget-content.he400 {
    height: 500px;
    overflow-y: auto;
}
.widget-content .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>th, .table>caption+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>td, .table>thead:first-child>tr:first-child>td {
    border-top: 0;
}
.table>colgroup+thead>tr:first-child>th {color: #555; font-size: 14px;}
.widget-content .table-checkable .title,
.widget-content .table-checkable .title2 {
    text-align: left;
}
.widget-content .table-checkable .title2 {
	width: 269px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
@media (max-width: 1400px) {
	.widget-content .table-checkable .title2 {
		width: 200px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
}

.widget-content .table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}
.widget-content .table>thead>tr>th, .widget-content .table>tbody>tr>th, .widget-content .table>tfoot>tr>th, .widget-content .table>thead>tr>td, .widget-content .table>tbody>tr>td, .widget-content .table>tfoot>tr>td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
	text-align: center;
    border-top: 1px solid #ddd;
}
.widget-content .table>tbody>tr>td a {color: #333;}
.widget-content .table>tbody>tr>td a:hover {text-decoration: underline;}

.borderStyle {
    border-top:1px solid #bbb !important;
    border-left:1px solid #d9d9d9 !important;
    border-right:1px solid #d9d9d9 !important;
}

.borderStyle2 {
    border-top: 1px solid #bbb !important;
    border-left: 1px solid #d9d9d9 !important;
}

.MyCss1 { color:#e0e0e0 !important; font-weight:400;}

.dxpgHeader_WJSNAV .dxpgHeaderSort_WJSNAV, .dxpgHeaderFilter_WJSNAV {
    width:15px !important;
}

.dxpcLite_WJSNAV, .dxdpLite_WJSNAV dxpclW {
    border:1px solid #d9d9d9;
}

.dxpcLite_WJSNAV .dxpc-mainDiv, .dxpcLite_WJSNAV.dxpc-mainDiv, .dxdpLite_WJSNAV .dxpc-mainDiv, .dxdpLite_WJSNAV.dxpc-mainDiv {
     border:0px solid #d9d9d9;
}

.dxpcLite_WJSNAV .dxpc-footer, .dxdpLite_WJSNAV .dxpc-footer {
    border:0px;
}
.noHeader{
    display:none;
}