@CHARSET "UTF-8";

/* 위젯 추가 셀렉트박스 */
.hideSelWrap {
	width: 200px;
}

.hideSelWrap option {
	width: 200px;
}

/* 위젯내용 */
.widget_list_contents {
	height: calc(100% - 42px);
}

/* 게시판, 게시판맵 */
.comment_area {
    *zoom:1: ;
    position: relative;
    padding: 10px 90px 10px 75px;
}
.comment_area .photo, .comment_area_reply .photo {
    width:50px;
	height:50px;
	border: 1px solid #d6d6d6;
	overflow:hidden;
	border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    float:left;
    box-sizing:border-box;
    margin-right:7px;
}
/*20161214 추가*/
.comment_area .textarea02 {
    display: block;
    width: calc(100% - 115px);
    height: 50px;
    float:left;
    margin:0 7px 0 0;
}
.comment_area .combtn{
	width:50px;
	height:50px;
}
.comment_area .textarea {
    display: block;
    width: 100%;
    height: 60px;
}
.comment_area .btn_area {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 60px;
    margin: 0;
    padding: 10px;
}
.comment_area .btn_area .btn:hover{
background-color:#e8fdde;
}
.comment_area .btn_area .btn{
    display: inline-block;
    height: 70px;
    width:70px;
    margin: 0;
    padding: 0 22px;
    font-size: 12px;
    color: #333;
    line-height: 24px;
    border: 1px solid #c5c5c5;
    background-color: #f4f4f4;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.comment_area_reply {
    *zoom:1: ;
    position: relative;
    padding: 10px 10px 10px 75px;
    background-color: #f5f5f5;
	border-top: 1px solid #ddd;
}


.comment_area_reply .comment_reply {
    display: block;
    width: 100%;
    min-height:60px;
}


.comment_area_reply .editon{border:1px solid #ddd; background-color:#fff; color:#333;}
.comment_area_reply .cmt_area {overflow-y:auto;	margin: 0 0 5px 10px;line-height: 1.4;}
.comment_area_reply .cmt_text_area {overflow-y:auto;	margin: 0 0 5px 10px;line-height: 1.4;}
.comment_area_reply .ctrl_btm {padding:2px; text-align:right;}
.comment_area_reply .ctrl_btm .edit_area {display:block;}
.comment_area_reply .ctrl_btm .save_area {display:none;}
.comment_area_reply .comment_area .ctrl_btm button:hover {opacity:1; filter:alpha(opacity=100);}

.boardListTable { height:calc(100% - 10px); padding:5px; overflow-x:hidden; overflow-y:auto; }
/* .boardListTable > li { position:relative; padding:4px 8px; border-bottom:1px solid #dadada; } */
.boardListTable > li { position:relative; padding:4px 10px; }
.boardListTable > li > a { position:relative; display:block; padding-left:10px; padding-right:80px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.boardListTable > li > a:hover { color:#2888ea; }
/* .boardListTable > li > a:before { position:absolute; top:7px; left:0; content:no-open-quote; width:6px; height:6px; background:url('/img/apprIcon.png') -12px -222px no-repeat; } */
.boardListTable > li > a:before { position:absolute; top:-2px; left:0; content:"\2219"; font-size: 16pt; }
.boardListTable > li > span { position:absolute; top:4px; right:8px; width:80px; text-align:right; }

/* 결재대기함 */
.approvalListTable { height:calc(100% - 10px); padding:5px; overflow-x:hidden; overflow-y:auto; }
/* .approvalListTable > li { position:relative; padding:4px 8px; border-bottom:1px solid #dadada; } */
.approvalListTable > li { position:relative; padding:4px 10px; }
.approvalListTable > li > a { position:relative; display:block; padding-left:10px; padding-right:80px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.approvalListTable > li > a:hover { color:#2888ea; }
/* .approvalListTable > li > a:before { position:absolute; top:7px; left:0; content:no-open-quote; width:6px; height:6px; background:url('/img/apprIcon.png') -12px -222px no-repeat; } */
.approvalListTable > li > a:before { position:absolute; top:-2px; left:0; content:"\2219"; font-size: 16pt; }
.approvalListTable > li > span { position:absolute; top:4px; right:8px; width:80px; text-align:right; }
/* End 결재대기함 */

/* 공람함 */
.apprShareListTable { height:calc(100% - 10px); padding:5px; overflow-x:hidden; overflow-y:auto; }
/* .apprShareListTable > li { position:relative; padding:4px 8px; border-bottom:1px solid #dadada; } */
.apprShareListTable > li { position:relative; padding:4px 10px; }
.apprShareListTable > li > a { position:relative; display:block; padding-left:10px; padding-right:80px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.apprShareListTable > li > a:hover { color:#2888ea; }
/* .apprShareListTable > li > a:before { position:absolute; top:7px; left:0; content:no-open-quote; width:6px; height:6px; background:url('/img/apprIcon.png') -12px -222px no-repeat; } */
.apprShareListTable > li > a:before { position:absolute; top:-2px; left:0; content:"\2219"; font-size: 16pt; }
.apprShareListTable > li > span { position:absolute; top:4px; right:8px; width:80px; text-align:right; }
/* End 공람함 */

/* 프로필 */
li.profile{}
div.proBg{ width:100%; height:220px; background:url(/img/main/proBg.jpg) 0 0 no-repeat; text-align:center; padding-top:15px; box-sizing:border-box;}
div.proBg .myImg{ margin:0 auto; width:127px; height:127px; border-radius:50%; background:#e2e5e4; text-align:center; overflow:hidden; margin-bottom:10px;}
div.proBg p{ color:#fff; font-size:23px; font-family: 'nanumB'; line-height:28px;}
div.proBg p span{ display:block; font-size:14px;  font-family: 'nanum';}

ul.proBtn{ width:100%; height:55px; }
ul.proBtn li{ float:left; height:55px; width:33.3%; text-align:center; cursor:pointer; }
ul.proBtn li:nth-child(2){ border-right:1px solid #d9dcdb; border-left:1px solid #d9dcdb; box-sizing:border-box; }
ul.proBtn li button{ background:url(/img/main/profileBtn.png) no-repeat; width:30px; height:27px; margin-top:11px;}
ul.proBtn li span{ border-top:3px solid #fff; display:block;}
ul.proBtn li:hover span{ border-top:3px solid #00ba8b;}

ul.proBtn li button.proBtn01{ background-position:0 0;}
ul.proBtn li:hover button.proBtn01{ background-position:-30px 0; }
ul.proBtn li button.proBtn02{ background-position:0 -28px; }
ul.proBtn li:hover button.proBtn02{ background-position:-30px -28px; }
ul.proBtn li button.proBtn03{ background-position:0 -56px;}
ul.proBtn li:hover button.proBtn03{ background-position:-30px -56px; }

ul.proBtn li#hipoDeptView button{ background:url(/img/main/employeeBtn.png) no-repeat; width:26px; height:27px; margin-top:11px;}
ul.proBtn li#hipoDeptView button.proBtn04{ background-position:0 -22px;}
ul.proBtn li#hipoDeptView:hover button.proBtn04{ background-position:-26px -22px; }
button.profileDel {
	right: 20px;
}
/* End 프로필 */

/* 직원검색 */
.userSearchPhotoImg_info {
   resize: both; /* 이미지 최대 사이즈에 적용 */
   float: center; /* 가운데 정렬 */
   max-width: 100%; /* 넓이를 지정 */
   height: auto; /* 높이를 지정 */
   margin: 1px 1px; /* 여백을 적용 4가지 조건이 가능 위쪽, 오른쪽, 아래쪽, 왼쪽 순서 */
   border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

 .ui-autocomplete {
   max-height: 400px;
   overflow-y: auto;
   /* prevent horizontal scrollbar */
   overflow-x: hidden;
 } 
/* End 직원검색 */

/* 연계시스템 */
li.linkMenu div.titArea h3 span{ background-position:-41px -68px; width:18px; height:17px; }
.linkSelBox{ position:absolute; top:6px; right:15px; width:180px; height:31px;}

div.link_system_ul{ overflow-y:auto; overflow-x:hidden; height:calc(100% - 42px); }
/* ul.linkBox{ width:100%; padding:20px 20px 10px; box-sizing:border-box; background:#fff; } */
ul.linkBox{ width:100%; padding:8px 16px 8px 16px; background:#fff; min-height:126px; }
ul.linkBox:after{ display:block; content:''; clear:both;}
ul.linkBox li{ float:left; margin:0 8px 13px 0; width:106px; height:40px;}
/* ul.linkBox li:nth-child(3n){ margin-right:0 !important;} */
ul.linkBox li a{ display:inline-block; width:100%; height:100%; padding-top:10px; box-sizing:border-box; text-align:center; font-size:13px; color:#454646; font-family:'nanumB'; background:#f3f3f3; border-radius:4px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
ul.linkBox li a:hover{ background:#1f987d url(/img/main/arrow_O.png) 90px 16px no-repeat; color:#fff; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
div.link_system h3 > span { background-position: -41px -68px; width: 18px; height: 17px; }
/* End 연계시스템 */

/* 알림 */
li.notice{ }
li.notice div.titArea h3 span{ background-position:-42px 2px; width:15px; height:17px; }

ul.noticeBtnBox{ padding:14px; background:#fff;}
ul.noticeBtnBox:after{ display:block; content:''; clear:both;}
ul.noticeBtnBox li{ width:106px; height:92px; background:#f3f3f3; border-radius:4px; float:left; text-align:center; cursor:pointer; box-sizing:border-box; padding-top:14px;}
ul.noticeBtnBox li:nth-child(1), ul.noticeBtnBox li:nth-child(2), ul.noticeBtnBox li:nth-child(3){ margin-bottom:10px; }
ul.noticeBtnBox li:nth-child(2), ul.noticeBtnBox li:nth-child(5){ margin:0 10px;}
ul.noticeBtnBox li:hover{ background:#1f987d; }
ul.noticeBtnBox li p{ font-size:12px; font-family: 'nanumB';}
ul.noticeBtnBox li p span{ color:#fd8560; }
ul.noticeBtnBox li:hover p, ul.noticeBtnBox li:hover span{ color:#fff;}
.noticeBtnBox li button{ height:36px; margin-bottom:0px;}

.noticeBtn01 button{ background:url(/img/main/noticeBtn.png) 0 0 no-repeat; width:34px;}
.noticeBtn01:hover button{ background:url(/img/main/noticeBtn.png) 0 -37px no-repeat;}
.noticeBtn02 button{ background:url(/img/main/noticeBtn.png) -35px 0 no-repeat; width:32px;}
.noticeBtn02:hover button{ background:url(/img/main/noticeBtn.png) -35px -37px no-repeat;}
.noticeBtn03 button{ background:url(/img/main/noticeBtn.png) -68px 0 no-repeat; width:40px;}
.noticeBtn03:hover button{ background:url(/img/main/noticeBtn.png) -68px -37px no-repeat;}
.noticeBtn04 button{ background:url(/img/main/noticeBtn.png) -109px 0 no-repeat; width:25px;}
.noticeBtn04:hover button{ background:url(/img/main/noticeBtn.png) -109px -37px no-repeat;}
.noticeBtn05 button{ background:url(/img/main/noticeBtn.png) -135px 0 no-repeat; width:34px;}
.noticeBtn05:hover button{ background:url(/img/main/noticeBtn.png) -135px -37px no-repeat;}
.noticeBtn06 button{ background:url(/img/main/noticeBtn.png) -170px 0 no-repeat; width:35px;}
.noticeBtn06:hover button{ background:url(/img/main/noticeBtn.png) -170px -37px no-repeat;}
div.notify h3 > span {
	background-position: -42px 2px;
    width: 15px;
    height: 17px;
}
/* End 알림 */

/* 메일함 */
.innermailListTable { height:calc(100% - 10px); padding:5px; overflow-x:hidden; overflow-y:auto; }
.innermailListTable > li { position:relative; padding:4px 10px; }
.innermailListTable > li > a { position:relative; display:block; padding-left:10px; padding-right:80px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.innermailListTable > li > a:hover { color:#2888ea; }
.innermailListTable > li > a:before { position:absolute; left:0; content:"\2219"; font-size: 16pt; top: -2px; }
.innermailListTable > li > span { position:absolute; top:4px; right:8px; width:80px; text-align:right; }
/* End 메일함 */

/* 공지사항 팝업 */
.noticePopup{ width:800px; height:260px; padding:20px; background:#f6f6f6; border-radius:4px; margin:0 auto; border-bottom-right-radius:0px;}
.noticePopup h3{ font-size:20px; color:#8b8b8c; margin-bottom:10px; font-weight:bold;}

.ui-widget {font-size:1.1em;}
.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button, 
.ui-datepicker, .ui-datepicker table, .ui-datepicker .ui-datepicker-title select {font-family:'나눔고딕', NanumGothic, 'nanum', '돋움', Dotum, Apple-Gothic, sans-serif;}
.ui-widget-overlay {background-color:#000; background-image:none; opacity:.5; filter:Alpha(Opacity=50);}
.ui-front {z-index:1100; }
.ui-dialog { padding:0;  background:#fff; overflow:hidden; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; z-index:1100;box-shadow:2px 2px 5px rgba(0,0,0,0.2); -webkit-box-shadow:2px 2px 5px rgba(0,0,0,0.2); -moz-box-shadow:2px 2px 5px rgba(0,0,0,0.2);}
.ui-dialog .ui-dialog-title {margin:0 0 0 5px; font-size:16px; font-weight:nomal !important; font-family: 'nanumB';}
.ui-dialog .ui-dialog-content {border: 0;padding:15px;background: none;overflow: visible; box-sizing:border-box;}
/* .ui-dialog .ui-dialog-titlebar {padding:10px; border:0; border-bottom:1px solid #dcdede; background:#f9f6f1; color:#454646; border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0;} */
.ui-dialog .ui-dialog-titlebar {padding:10px; border:0; border-bottom:1px solid #dcdede; background:#f9f6f1; color:#454646; border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0;}
.ui-dialog .ui-dialog-titlebar .ui-state-hover {border:0;}
.ui-dialog .ui-dialog-titlebar-close { top:11px; right:15px; width:18px; height:18px; padding:0; margin:0; border:0; background:url(/img/apprIcon.png) 0px -129px no-repeat; cursor:pointer; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;}
.ui-dialog .ui-dialog-titlebar-close:hover{ background:url(/img/apprIcon.png) -19px -129px no-repeat;}
.ui-dialog .ui-dialog-titlebar-close .ui-icon {width:19px; height:19px; margin:0; background:none;}
.no_close .ui-dialog-titlebar-close, .lock_layer .ui-dialog-titlebar-close {display:none !important;}
.lock_layer {z-index:1300;}
input[type='radio'], input[type='checkbox'] {height:13px; margin-top:0px; margin-right:2px; margin-bottom:1px; margin-left:0px; padding:0; line-height:normal; cursor:pointer; vertical-align:middle;}
/* End 공지사항 팝업 *

/* 자원예약 */
div.reservationTb { overflow-y: auto; }
/* End 자원예약 */

/* 설문조사 */
.surveyListTable { height:calc(100% - 10px); padding:5px; overflow-x:hidden; overflow-y:auto; }
.surveyListTable > li { position:relative; padding:4px 10px; }
.surveyListTable > li > a { position:relative; display:block; padding-left:10px; padding-right:80px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.surveyListTable > li > a:hover { color:#2888ea; }
.surveyListTable > li > a:before { position:absolute; top:-2px; left:0; content:"\2219"; font-size: 16pt; }
.surveyListTable > li > span { position:absolute; top:4px; right:8px; width:80px; text-align:right; }
/* End 설문조사 */

/* 캘린더 */
.calendar_header_area {
    position: absolute;
    width: 100%;
	height: 50px;
	display: none;
}
.calendar_header_area > button.calDelBtn {
	right: 10px;
}


/* End 캘린더*/