@charset "utf-8";

@font-face {
	 font-family: 'NanumBarunGothic';
	 font-style: normal;
	 src: url('../fonts/NanumBarunGothic.eot');
	 src: url('../fonts/NanumBarunGothic.eot') format('embedded-opentype'), url('../fonts/NanumBarunGothic.woff') format('woff'), url('../fonts/NanumBarunGothic.ttf') format('truetype');
}
@font-face {
	 font-family: 'NanumBarunGothicBold';
	 font-style: normal;
	 src: url('../fonts/NanumBarunGothicBold.eot');
	 src: url('../fonts/NanumBarunGothicBold.eot') format('embedded-opentype'), url('../fonts/NanumBarunGothicBold.woff') format('woff'), url('../fonts/NanumBarunGothicBold.ttf') format('truetype');
}
@-moz-document url-prefix(){
        .sel{background:none}
}

/* reset css */
body, div ,dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, p, button, header, footer, table, tr, td {margin:0;padding:0; letter-spacing:-0.05em; vertical-align: middle;}
body, header, footer {color:#000;font-family:'NanumBarunGothic', 'Malgun Gothic',dotum,sans-serif;font-weight:normal;}
input, select, textarea {font-family:'NanumBarunGothic', 'Malgun Gothic',dotum,sans-serif;color:#666}

img, fieldset {border:0 none;}
img, input, select, textarea {vertical-align:top;}
img, input, fieldset {border:0 none;}
ul, li {list-style:none;}
address, em, i {font-style:normal;font-weight:normal;}
h1, h2, h3, h4, h5{font-size:1em;font-weight:normal;}
hr {display:none;}
table {border-collapse:collapse;width:100%;}

a {color:#444;text-decoration:none;text-overflow:ellipsis;-o-text-overflow:ellipsis}
a:link, a:hover, a:active{text-decoration:none;}

input:focus {outline:none;}
input[type="text"] {-webkit-appearance:none;-webkit-border-radius:0; padding: 2px 10px;height:26px; line-height:26px; }
input:checked[type="checkbox"] {background-color:#fff;-webkit-appearance:checkbox}
button {border:none;text-align:center;cursor:pointer;overflow:hidden;font-family:'NanumBarunGothic','Malgun Gothic',dotum,sans-serif;}
legend {display:none;}
caption {font-size:0;height:0;}
select {padding: 2px 2px 2px 7px; font-size: 12px; font-weight: normal;color: #333;height: 26px;min-width: 100px;border:1px solid #ddd;}
select::-ms-expand{opacity:0}

html {overflow-y:scroll;}

body {font-size:12px;color:#666;}

/* 공통 */
.pd20 {padding:20px;} .pd30 {padding:30px;}
.mgl-1 {margin-left:-1px !important} .mgl0 {margin-left:0 !important} .mgl5 {margin-left:5px !important} .mgl10 {margin-left:10px !important} .mgl15 {margin-left:15px !important} .mgl20 {margin-left:20px !important} .mgl30 {margin-left:30px !important}
.mgr20{margin-right:20px!important} .mgr5 {margin-right:5px !important}
.mgt0 {margin-top:0 !important} .mgt3 {margin-top:3px !important} .mgt5 {margin-top:5px !important} .mgt10 {margin-top:10px !important} .mgt15 {margin-top:15px !important} .mgt20 {margin-top:20px !important} .mgt30 {margin-top:30px !important}
.mgb3 {margin-bottom:3px !important} .mgb5 {margin-bottom:5px !important} .mgb10 {margin-bottom:10px !important} .mgb15 {margin-bottom:15px !important} .mgb20 {margin-bottom:20px !important} .mgb30 {margin-bottom:30px !important}
.w10p{width:10% !important;} .w20p{width:20% !important;} .w30p{width:30% !important;} .w40p{width:40% !important;} .w50p{width:50% !important;} .w60p{width:60% !important;} .w70p{width:70% !important;} .w80p{width:80% !important;} .w90p{width:90% !important;} .w95p{width:95% !important;} .w100p{width:100% !important;}
.w20{width:20px!important;} .w40{width:40px!important;} .w50{width:50px !important;} .w80{width:80px !important;} .w90{width:90px !important;} .w100{width:100px !important;} .w110{width:110px !important;} .w120{width:120px !important;}  .w120{width:120px !important;}  .w125{width:125px !important;} .w154{width:154px !important;} .w180{width:180px !important;} .w190{width:190px !important;} .w200{width:200px !important;} .w300{width:300px !important;} .w400{width:400px !important;} .w500{width:500px !important;} .w600{width:600px !important;} .w700{width:700px !important;} .w800{width:800px !important;}
.floatL{float:left !important;} .floatR{float:right !important;}
.alignC{text-align:center !important;} .alignR{text-align:right !important;} .alignL{text-align:left !important;}
.lheight22{heignt:22px !important;line-heignt:22px !important;}


/* 메인 */
#login {margin:0 auto; position:relative; background: url(../images/main/bg_page.gif) repeat 0 0;}
#login .bgArea {width:100%; min-height:860px; background:url(../images/main/bg_back.png) no-repeat center 340px;}

#login .wrapper {position:relative; min-height: 600px; background:url(../images/main/bg_visual.png) no-repeat center 340px;}
#login .wrapper > h1 {margin: 0 auto; width:310px; padding-top:180px;}

#login .loginArea {width:400px;height:300px; margin:0 auto; padding-top:100px; background:url(../images/main/login_box.png) no-repeat center 40px;}
#login .loginArea .loginForm {position:relative;*zoom:1;}
#login .loginArea .loginForm:after {content:''; display:block; clear:both;}
#login .loginArea .loginForm li {color:#666; width:330px; height:40px; padding:10px 35px;}
#login .loginArea .loginForm button {background:#406180;color:#fff;border:0;padding:5px 10px;min-width:310px}
#login .loginArea .loginForm input[type="text"]{background:#fff url(../images/main/input_id.png) no-repeat center 0px; padding:7px 10px 0 50px; height:33px; *padding:12px 10px 0 50px; *height:28px; width:270px;}
#login .loginArea .loginForm input[type="password"] {background:#fff url(../images/main/input_pw.png) no-repeat center 0px; padding:7px 10px 0 50px; height:33px; *height:28px; *padding:12px 10px 0 50px; width:270px;}
#login .loginArea .loginForm input[type="submit"] {background:#47525e;font-size:16px;color:#fff;width:330px;height:50px;*height:50px; margin-top:20px;}


/* 메인푸터 */
#login #footer {*zoom:1; height:50px;  padding:10px 0; width:100%; background:#dfe4e5; position:absolute; bottom:0}
#login #footer .footerInfoArea {margin:0 auto; width:1000px; text-align:center; height:40px;}
#login #footer .innerFooter {margin:0 auto; width:1000px; text-align:center; padding-top:10px;}
#login #footer .innerFooter .address {font-size:12px; color:#666;}
#login #footer .innerFooter .copyright {font-size:10px; margin-top:5px; color:#888;}

/* 서브메뉴 */
#sub .lnbMenu {width:220px; min-height:910px; z-index:1000; background-color:#47535e; float:left;}
#sub .lnbMenu > ul {*zoom:1;}
#sub .lnbMenu > ul:after {content:'';display:block;clear:both}
#sub .lnbMenu h1 > a{float:left; padding-top:30px; width:220px; height:120px; text-align:center; border-bottom:1px #39424d dashed;}

#sub .lnbMenu > ul > li {float:left;}
#sub .lnbMenu > ul > li > a {display:block; overflow:hidden; white-space: pre; letter-spacing:-0.04em; color:#d9d9d9; font-size:13px; height:40px; line-height:40px; width:200px; font-weight:bold;padding-left:20px; border-bottom:1px solid #3f4851;}
#sub .lnbMenu > ul > li.active > a {color:#fff; background:#39424d; border-left:5px solid #4e95c2; width:195px;}
#sub .lnbMenu > ul > li.active > div > ul {background:#39424d; border-left: 5px solid #4e95c2;}
#sub .lnbMenu .subMenu {border-bottom:1px solid #3f4851; width:219px;}
#sub .lnbMenu .subMenu > ul {*zoom:1; padding:12px; min-height:30px;}
#sub .lnbMenu .subMenu > ul:after {content:''; display:block; clear:both}
#sub .lnbMenu .subMenu > ul > li {float:left; width:195px; padding:6px 0; overflow:hidden; white-space: pre; text-overflow: ellipsis;}
#sub .lnbMenu .subMenu > ul > li > a {width: 175px; padding-left:20px; font-size:12px; color:#d9d9d9; letter-spacing:-0.04em; overflow:hidden; white-space: pre; text-overflow: ellipsis;}
#sub .lnbMenu .subMenu > ul > li.active {background:url(../images/sub/ico_nav_on.png) no-repeat 8px 10px;}
#sub .lnbMenu .subMenu > ul > li.active > a {color:#5fb7ed; font-weight:bold;}

#header .innerHeader {margin-left:220px; height:59px; position:relative;*zoom:1; border-bottom:1px solid #ddd; background-color:#fff;}
#header .innerHeader:after {content:'';display:block;clear:both}

#header .menuArea {*zoom:1; /* position:relative;  */float:left; padding-left:10px; }
#header .menuArea:after {content:''; display:block; clear:both;}
#header .gnbMenu > li {float:left; background:url(../images/sub/ico_gnb.gif) no-repeat right center;}
#header .gnbMenu > li > a{line-height:58px; float:left; margin-right:5px; font-size:13px; color:#444; padding:0 30px;}
#header .gnbMenu > li:last-child{background:none;}
#header .gnbMenu > li.active > a{color:#4e95c2; font-weight:bold;}


#header .user ul > li{float:left;}
#header .user_name {padding-left:40px; background:url(../images/sub/ico_user.png) no-repeat 0px 15px; color:#555; font-size:12px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; line-height: 56px; text-align:left; margin-right:30px;}
#header .user .btnArea {width:89px; height:59px; background-color:#f8f8f8; border-left:1px solid #d9d9d9;}
#header .user .btnTop {display:block; width:89px; height:29px; font-size:12px; text-align:center; line-height:29px;}
#header .user .btnTop.userinfo {border-bottom:1px solid #d9d9d9;}


/* 서브 */
#sub #container{min-height:710px; padding:30px 30px 30px 250px;}
#container .contents > h1 {font-size:24px; color:#343f4b; margin-left:10px; height:30px;letter-spacing:-0.1em;}


.inputBox {width:16px; height:16px; padding:2px; background-color: #eee; border: 1px solid #ccc; display:inline-block; margin-right:5px;}
.ico_calendar{background-image:url(../images/sub/ico_calendar.png); background-position-x: 2px; background-position-y:2px; background-repeat:no-repeat; display:block;}

/* 테이블 */
.tblWrite {border-top:2px solid #dddddd; border-bottom:1px solid #dddddd; margin-top:5px; width:100%}
.tblWrite thead th {color:#333; font-size:13px; height:40px; background-color:#f9f9f9; /*border-bottom:1px solid #e5e5e5;*/ font-weight:normal}
.tblWrite tbody th {color:#333; font-size:12px; height:40px; background-color:#f9f9f9; /*border-bottom:1px solid #e5e5e5;*/ font-weight:normal;text-align:left;padding-left:20px;}
.tblWrite tbody td {border-bottom:1px solid #f1f1f1; height:38px; text-align:left; font-size:12px; padding:5px 10px; line-height:1.4em;}
.tblWrite tbody td.bdb0{border-bottom:0}

.tblWrite tbody td.center {text-align:center;}
.tblWrite tbody td.txt-point {color:#0c7ad9}
.tblWrite .selectParent{width:100%!important;}
.tblWrite input[type="text"]{width:100%}

th.ast {background:url(../images/sub/ico_ast.png) no-repeat 85% 48%;}
.textArea {width:100%; height:150px; padding:10px; border:1px solid #ddd;}
.textAreaSmall {width:100%; height:70px; padding:10px; border:1px solid #ddd;}
.textAreaBig {width:100%; height:280px; padding:10px; border:1px solid #ddd;}
.sel{background:#fff url(../images/sub/ico_sel.gif) 98% 50% no-repeat !important;}
.selectParent{width:200px;overflow:hidden;}
.selectParent select{width:200px;-webkit-appearance: none;-moz-appearance: none;appearance: none;padding: 2px 2px 2px 10px; border: 1px solid #ddd;background: #fff url(../images/sub/ico_sel.gif) 98% 50% no-repeat;}
.labelText{line-height:28px; margin-left:20px; color:#4e95c2; background:url(../images/sub/ico_nav_on.png) no-repeat 0px 48%; padding-left:10px;}

/* 검색 */
div.searchArea{width:100%;}
.searchBox{margin-top: 0;white-space: nowrap;position: relative;background:#f3f7f9;padding: 10px 0;width:100%;background-image: url(../images/sub/search_btn.png);background-position: 15px 50%;background-repeat: no-repeat;}
.searchBox .search.w220{width:220px;}
.searchBox .search {float:left;height: 20px;line-height: 20px;width: 150px;padding-left: 10px;padding-top: 3px;border:1px solid #ddd;font-size:12px;}
.searchBox .search_btn {border:1px solid #607380;background-color:#607380;cursor:pointer;display: inline-block;height: 25px;width: 50px;margin-top:1px;z-index: 30;float:left;line-hegiht:25px!important;color:#fff;font-size:12px;}
.srch_line1{height:30px;}
.srch_line2{height:30px; margin-top:5px; line-height:30px;}
.blind {display: block;overflow: hidden;position: absolute;top: 0;left: 0;width: 0;height: 0;border: 0;background: 0 0;font-size: 0;line-height: 0;}
.srch_item {float:left;line-height:26px;min-width:120px;margin-left:45px}
.srch_item2 {float:left;line-height:26px;min-width:120px;margin-left:45px}
.srch_item3 {float:left;line-height:26px;min-width:120px;margin-left:15px}
.srch_lb{margin-right:10px;display: inline-block;overflow: hidden;letter-spacing: -1px;color: #333;vertical-align: middle;font-size: 12px;float: left;min-width:60px;}
.srch_lb.w20 {min-width:25px;}
.srch_select{background:#fff;position: relative;border: 1px solid #ddd;height: 25px;padding-right: 22px;vertical-align: top;display: inline-block;float: left;overflow: hidden;}
.srch_select > span{background:#fff;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;min-width:100px;display: block;padding-left: 6px;border-right: 1px solid #ddd;display:inline-block;}
.srch_select > select{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%!important;height: 100%;opacity: 0;margin: 0;cursor: pointer;z-index: 30;filter: alpha(opacity=0);-webkit-appearance: none;-moz-appearance: none;}
.select_bullet{background:#fff url(../images/sub/ico_sel.gif) no-repeat 0 0;width: 14px;height: 14px;display: inline-block;position: absolute;right: 4px;top: 32%;z-index: 10;margin-top: -2px;}
.calendar{position: relative; width:160px;}
i.carlenderI {cursor:pointer;background: #fff url(../images/sub/ico_calendar.png) no-repeat 50% 50%;width: 30px;height: 27px;display: inline-block;position: absolute;right: 0px;top: 0;z-index: 10;margin-top: -2px;}
.calendar {width:100px;background: #fff;position: relative;border: 1px solid #ddd;height: 25px;padding-right: 22px;vertical-align: top;display: inline-block;float: left;overflow: hidden;}
.calendar > input[type="text"] {height:22px;line-height:22px; width:85px;padding:2px 25px 2px 10px;}


/* 푸터 */
#subFooter {*zoom:1; height:50px; padding:15px 30px;background:#dfe4e5; z-index:500; margin-left:220px;}
#subFooter .footerInfoArea .address {font-size:12px; margin-top:10px;}
#subfooter .footerInfoArea .copyright {font-size:10px; margin-top:5px;}


/* 해제 */
.clearfix:after {visibility: hidden; display: block; font-size: 0; content: "."; clear: both; height: 0;}
.clearfix {display: inline-block; }

/* 페이지네이션 */
.pagination{display:inline-block;padding:0;margin:0}.pagination li{display:inline}
.pagination li a{text-decoration:none;color:#000;float:left;padding:6px 12px 5px 12px;}
.pagination li a:hover{background-color:#ccc}
.border{border:1px solid #ddd!important}
.border-top{border-top:1px solid #ddd!important}.border-bottom{border-bottom:1px solid #ddd!important}
.border-left{border-left:1px solid #ddd!important}.border-right{border-right:1px solid #ddd!important}
.blue,.hover-blue:hover{color:#fff!important;background-color:#4e95c2!important}
.dropdown-hover{position:static}
.dropdown-hover:hover, .dropdown-hover:first-child,.dropdown-click:hover{background-color:#ccc;color:#000}
.dropdown-hover a{border-bottom:0}
.dropdown-hover,.closebtn{-webkit-transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s;transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s}
.dropdown-hover:hover,.dropdown-hover:first-child,{background-color:#ccc;color:#000}
.dropdown-click,.dropdown-hover{position:relative;display:inline-block;cursor:pointer}
.dropdown-hover:hover .dropdown-content{display:block;z-index:1}
.dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0}
.dropdown-content a{padding:6px 16px;display:block}
.dropdown-content a:hover{background-color:#ccc}
.ul li:hover{background-color:#f5f5f5}
ul.ul{list-style-type:none;padding:0;margin:0}
ul.ul li{padding:6px 2px 6px 16px;border-bottom:1px solid #ddd;border-left: 4px solid #444;}
ul.ul li:last-child{border-bottom:none}

.closebtn{text-decoration:none;float:right;font-size:20px;font-weight:bold;color:inherit}
.closebtn:hover,.closebtn:focus{color:#000;text-decoration:none;cursor:pointer}
.medium{font-size:15px!important}

/* 접근권한 */
.mg0auto{margin:0 auto;}
.access{width:1000px;}
.access > h2 {color:#222; font-size:30px; text-align:center; line-height:40px;}
.access > p {text-align:center; margin-top:50px;}

/* 팝엄 */
.popup{padding:20px 25px;}
#container .popup > h3 {font-size:16px; color:#39424d;letter-spacing:-0.1em;font-weight:700;}

input[type="text"].calInput{width:35%!important;}
.AXgridPagingUnit{display:none!important;}
.fileadd{line-height:24px; color:#888; background:#f5f5f5; height:24px; padding:2px;}
.AXanchorDateHandle {position: absolute;display: block;background: url(../images/sub/ico_calendar.png) center center no-repeat; width: 21px;height: 20px;overflow: hidden;text-indent: -2000px;}

/* 파일첨부 */
.file_input label {position:relative;cursor:pointer;display:inline-block;vertical-align:middle;overflow:hidden;width:60px;height:24px;background:#6d8396;color:#fff;text-align:center;line-height:24px;}
.file_input label input {position:absolute;width:0;height:0;overflow:hidden;}
.file_input input[type=text] {vertical-align:middle;display:inline-block;width:200px !important;height:25px;line-height:25px;font-size:11px;padding:0;border:0;border:1px solid #ddd;}

/* 서브메인 */
.subMain {background:#f1f2f3}
.subMain h3 {font-size:18px; color:#343c44; line-height:42px;}
.titleArea {width:100%; height:42px;}
.standard {float:right; line-height:32px; margin-top:10px;}
.row{width:100%;}
.row2{width:99%;}

.ibox {clear: both;
    margin-bottom: 25px;
    margin-top: 0;
    padding: 0;
	width:90%;
}
.ibox-title {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #ffffff;
  border-color: #a6b0b9;
  border-image: none;
  border-style: solid solid none;
  border-width: 3px 0 0;
  color: inherit;
  margin-bottom: 0;
  padding: 14px 15px 7px;
  min-height: 30px;
}
.ibox-content {
  background-color: #ffffff;
  color: inherit;
  padding: 15px 20px 20px 20px;
  border-color: #e7eaec;
  border-image: none;
  border-style: solid solid none;
  border-width: 1px 0;
}
.ibox-footer {
  color: inherit;
  border-top: 1px solid #e7eaec;
  font-size: 90%;
  background: #ffffff;
  padding: 10px 15px;
}
.col-2 {width:50%; float:left;}
.col-3-2 {width:64%; float:left; margin-right:2%;}
.col-3 {width:32%; float:left;}
.col-4 {width: 25%;float: left;}
.col-5 {width: 10%;float: left;}
.col-1{width:98%;}

.label {
    background-color: #d1dade;
    color: #fff;
    font-family: 'Open Sans';
    font-size: 10px;
    font-weight: 600;
    padding: 3px 8px;
    text-shadow: none;
	font-size:12px;
}
.bgBlue {background-color: #4e95c2;}
.bgGreen{background-color:#1daab1;}
.bgNavy{background-color:#4c6d90;}
.bgRed{background-color:#bf6880;}
.bgGrey{background-color:#bccdd6}
.bgDgrey{background-color:#9ab1bd;}
.ibox-title h5 {
    display: inline-block;
    font-size: 15px;
    margin: 0 0 7px;
    padding: 0;
    text-overflow: ellipsis;
    float: left;
	letter-spacing:0;
}
.ibox-content {
    clear: both;
}
.ibox-content {
    background-color: #ffffff;
    color: inherit;
    padding: 15px 20px 20px 20px;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid;
    border-width: 1px 0;
	height:36px;
}
.ibox-content > h1 {font-size: 30px; float:left;}
.textBlue {color:#4e95c2}
.textGreen {color:#1daab1}
.textNavy {color:#4c6d90}
.textRed {color:#bf6880}
.bold{font-weight:bold;}
.fontS{font-size:11px;}

/* 공지 */
.boardList{width:95%; float:left; position:relative;}
.boardList > h3 > a{ line-height:42px; padding-left:20px; font-size:15px; color:#fff;}
.boardList > h3 {background:#4e95c2; border-bottom:1px solid #eee;}
.boardList > ul {*zoom:1; display:inline-block; padding:10px 0; border-bottom:1px solid #ddd; background:#fff;}
.boardList > ul:after {content:''; display:block; clear:both;}
.boardList > ul > li {float:left; line-height:30px; color:#666; display:block; font-size:12px; width:90%; padding:0 5%}
span.listText{float:left;}

/* 공지박스 */
.noticeBox {width:95%; margin-right:5%; float:left;}
.noticeBox dl {padding:13px 5%;background: #fff; height:130px; height:125px \0/IE8+9;}
.noticeBox dl > dt > a{display:block; font-size:13px; line-height:1.5; color:#222; height:40px; overflow:hidden; text-overflow: ellipsis;}
.noticeBox dl > dd > a{display:block; margin-top:5px; padding-top:10px; border-top:1px solid #eee; line-height:1.4; color:#777; height:69px; overflow:hidden; text-overflow: ellipsis;}
span.date {text-align:right; display:block; font-size:11px;color:#fff; line-height:27px; padding-right:5%;}
.more{float:right; line-height:32px; margin-top:10px; padding-right:2%}



/* 테이블 */
.tblList {border-top: 3px solid #a6b0b9;}
.tblList thead th {font-size:12px;font-weight:normal;background:#fff;color:#333;padding:12px 0; text-align:center; background:#f9f9f9;border-bottom: 1px solid #eee;}
.tblList tbody th {font-size:12px;font-weight:normal;background:#8a9199;color:#333;padding:10px 0; text-align:center; background:#fff;border-bottom: 1px solid #eee;}
.tblList tbody td {font-size:12px;padding:8px 5px; color:#666; border-bottom: 1px solid #eee;border-left: 1px solid #eee; background:#fff; text-align:center;}
.tblList tbody th.bdl, .tblList thead th.bdl {border-left:1px solid #eee;}
.tblList tbody td.bl0 {border-left:0;}
.tblList tbody td.ar {text-align:right;padding-right:10px}
.tblList tbody td.ac {text-align:center}
.tblList tbody .total td, .total th {background:#dee6ea !important;color:#222;}

/*  */
.mini-stat {padding: 5% 10%; color: #ffffff; background:#fff; width:75%; margin-right:5%;}
.mini-stat-icon {
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background-color: rgba(255, 255, 255, 0.2);
    display: inline-block;
    float: left;
    font-size: 30px;
    height: 60px;
    line-height: 60px;
    margin-right: 10px;
    text-align: center;
    width: 60px;
}
.mini-stat-info {
    padding-top: 2px;
    color: #eeeeee;
}
.text-dark {
    color: #797979 !important;
}
.text-right {
    text-align: right;
}
.mini-stat-info span {
    display: inline-block;
	margin-right:7px;
    font-size: 24px;
    font-weight: 600;
	color:#333 !important;
}
.progress {
  -webkit-box-shadow: none !important;
  background-color: #ecf0f1;
  box-shadow: none !important;
  height: 10px;
  margin-bottom: 5px;
  overflow: hidden;
}
.progress-bar {
  box-shadow: none;
  font-size: 8px;
  font-weight: 600;
  line-height: 12px;
}
.progress.progress-sm {
  height: 5px !important;
}
.progress.progress-sm .progress-bar {
  font-size: 8px;
  line-height: 5px;
}
.progress.progress-md {
  height: 15px !important;
}
.progress.progress-md .progress-bar {
  font-size: 10.8px;
  line-height: 14.4px;
}
.progress.progress-lg {
  height: 20px !important;
}
.progress.progress-lg .progress-bar {
  font-size: 12px;
  line-height: 20px;
}
.progress-bar-blue {
  background-color: #4e95c2;
}
.progress-bar-green {
  background-color: #1daab1;
}
.progress-bar-red {
  background-color: #bf6880;
}
.progress-bar-navy {
  background-color: #4c6d90;
}
.progress-animated {
  -webkit-animation-duration: 5s;
  -webkit-animation-name: animationProgress;
  -webkit-transition: 5s all;
  animation-duration: 5s;
  animation-name: animationProgress;
  transition: 5s all;
}
.tiles-progress h5 {margin:10px 0 5px; color:#888; font-size:11px;}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    /* background-color: #337ab7; */
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}
.boxtitle {font-size: 13px;
    font-weight: 700;
    color: #fff;
    display: block;
    height: 30px;
    line-height: 30px;
    /*background: #39424d;*/
    width: 95%;
	text-align:center;
}

i.btnDel{background:#f1f1f1 url(../images/sub/btn_del.png) center center no-repeat; width:30px; height:25px; display:block; border:1px solid #ccc;}

.ui-datepicker {width: 300px;}

input[type=text].datetype{
  padding:4px 2px 5px 25px; width:95px; border:1px solid #CACACA;
 font-size:11px; color:#666;
 background:url('/static/images/common/calendar.png') no-repeat 2px 2px; background-size:15px
}

/* 채팅 */

.chat-icon {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #ff5100;
  color: #fff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.3s ease;
  z-index: 1000;
}

.notification-count {
  position: absolute;
  top: -5px; /* 위쪽으로 5px만큼 이동 */
  right: -5px; /* 오른쪽으로 5px만큼 이동 */
  background-color: red;
  color: white;
  border-radius: 50%; /* 원 모양으로 스타일링 */
  width: 30px;
  height: 20px;
  line-height: 20px; /* 수직 중앙 정렬 */
  text-align: center; /* 수평 중앙 정렬 */
}

.chat-icon:hover {
  background-color: #b35100;
}

.chat-container {
  position: fixed;
  bottom: 80px;
  right: 20px;
  width: 500px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 8px;
  display: none;
  z-index: 1000;
  border-radius: 10px;
}

.chat-header {
  background-color: #ff5e00;
  color: #fff;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
}

.chat-header span {
  display: inline-block; /* span 요소가 다른 요소와 인라인으로 배치되도록 설정 */
  font-size: medium;
}

.close-btn {
  background-color: transparent;
  border: none;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
}

.refresh-btn {
  background-color: transparent;
  border: none;
  color: blue;
  font-size: 10px;
  cursor: pointer;
  vertical-align: middle; /* 수직 정렬을 위해 중앙에 정렬 */
  margin-left: 5px;
}

.close-btn:hover {
  color: #f00;
}

.chat-messages {
  padding: 10px;
  overflow-y: auto;
  max-height: 500px;
}

.chat-input {
  display: flex;
  padding: 10px;
}

.chat-input input {
  flex: 1;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-right: 5px;
}

.chat-input button {
  padding: 8px 15px;
  background-color: #ff5e00;
  color: #fff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.chat-input button:hover {
  background-color: #b35100;
}

.message {
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 10px;
  max-width: 70%;
}

.message-container {
  display: flex;
}

.message-user .message-container {
  justify-content: flex-end;
}

.message-other .message-container {
  justify-content: flex-start;
}

.message-user {
  /* background-color: #d0ff00; */
  color: #0c0b0b;
  font-weight: bold;
}

.message-other {
  /* background-color: #f0f0f0; */
  color: #5e5a5a;
}

.chat-input textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  resize: vertical; /* 사용자가 수직으로 크기를 조절할 수 있게 설정 */
  box-sizing: border-box; /* 패딩 및 테두리가 너비에 포함되도록 설정 */
}

/* 선택적으로 포커스 시 스타일을 변경할 수 있습니다 */
.chat-input textarea:focus {
  outline: none; /* 포커스 시 기본적으로 표시되는 외곽선을 없애줍니다 */
  border-color: #ff5e00; /* 포커스 시 테두리 색상 변경 */
}

.message-content {
  max-width: 70%;
}

/* 말풍선 모양 */
.message-text {
  position: relative;
  padding: 10px;
  margin: 2px;
  border-radius: 10px;
  width: 100%;
  background-color: rgb(245, 235, 230);
}

.message-date {
  display: flex;
  align-items: center;
  font-size: smaller;
}

.message-user .message-date {
  margin-right: 6px;
}

.message-other .message-date {
  margin-left: 6px;
}

.ntcn-container {
  position: fixed;
  bottom: 80px;
  right: 20px;
  width: 500px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 8px;
  display: none;
  z-index: 1000;
  border-radius: 10px;
}

.ntcn-header {
  background-color: #47535e;
  color: #fff;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
}

.ntcn-header span {
  display: inline-block; /* span 요소가 다른 요소와 인라인으로 배치되도록 설정 */
  font-size: medium;
}

.ntcn-messages {
  padding: 10px;
  overflow-y: auto;
  max-height: 500px;
}

.ntcn-close-btn {
  background-color: transparent;
  border: none;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
}

.ntcn-count {
  position: absolute;
  display: none;
  cursor: pointer;
  top: 5px;
  right: 165px;
  background-color: red;
  color: white;
  border-radius: 50%;
  width: 25px;
  height: 20px;
  line-height: 20px; /* 수직 중앙 정렬 */
  text-align: center; /* 수평 중앙 정렬 */
}

.ntcn-heaer-container {
  position: fixed;
  top: 50px;
  right: 20px;
  width: 580px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 8px;
  display: none;
  z-index: 1000;
  border-radius: 10px;
}

.layer_bl_bg{
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background: #666666 ;
  z-index:1001;
  -moz-opacity: 0.8;
  opacity:.80;
  filter: alpha(opacity=60);
}

.layer_wt_bg {
  display: none;
  position: fixed;
  padding: 16px;
  top: 10px;
  left: 10px;
  width:99%;
  height: 99%;
  background-color: white;
  z-index:1002;
  overflow: auto;
}



/* 월간보고 */
.modal{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1000;display: none;overflow: hidden;text-align: center;}
.modal:before{content: '';display: inline-block;height: 100%;width: 0;  margin-left: -1px;vertical-align: middle;}
.modal-backdrop{position: absolute;top: 0;right: 0;left: 0;height:100vh;background-color: rgba(0, 0, 0, .6);}
.modal.active{overflow-x: hidden;overflow-y: auto;}
.modal-body{position:relative;display: inline-block;width:1000px;height: 600px;  margin: -1% auto 0;padding: 16px;border:1px solid #666;background:#fff;vertical-align: middle;}
.modal-header{display: flex;width: 100%;padding: 20px 0;}
.modal-header .logo{flex: 0 1 200px;padding: 0 6px;text-align:left;}
.modal-header .logo.zigbang{text-align:right}
.modal-header .title{flex: 1 0; text-align:center;font-size: 2em;font-weight:600;color:#111}
.modal-contents{position: relative;padding:0;height: calc(100% - 90px);overflow-y: auto;}
.modal-footer{position:absolute;top:0;right:-46px;width:40px;padding:0;background:none}
.madal-btn-print{width:40px;height:40px;margin-top:8px;background:rgba(0,0,0,.5) url(../images/common/print.svg) no-repeat center;background-size: auto 20px;font-size:0;line-height:0;}
.madal-close{width:40px;height:40px;background:rgba(0,0,0,.5);color:#fff;font-size:20px;}
.m-table-title{margin: 20px 0;padding: 6px 0 8px;background: #666;font-size: 1.14em;text-align:center;font-weight:600;color:#fff}
.m-table-wrap{border:2px solid #333;margin-top: 5px;}
.m-table{position:relative;width:100%;border-collapse:collapse;}
.m-table td,.m-table th{padding:4px 6px;border:1px solid #d9d9d9;color:#333}
.m-table th, .m-table .th{background:#efefef;font-weight:600}
.m-table .text-center{text-align:center !important;}
.m-table td.text-left{text-align:left}
.m-table tfoot{display:table-row-group;}
.m-table tfoot th, .m-table tfoot td{background:#efefef;font-weight:600;}
.m-table.info tr:first-child th, .m-table.info tr:first-child td{border-top:1px solid #333}
.m-table.info tr:last-child th, .m-table.info tr:last-child td{border-bottom:1px solid #333}
.m-table.info th:first-child{border-left: none}
.m-table.info th:last-child, .m-table.info td:last-child{border-right: none}
.m-table.info .last{border-bottom:1px solid #333}
.m-table.info td{text-align:left}