@charset 'utf-8';

html {height:100%;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;-webkit-text-size-adjust:none; font-family:Sans-serif;}
input,textarea,select,table,button{font-size:.9em;line-height:1.25em;}
img,fieldset{border:0;}
ul,ol{list-style:none;}
a{color:#000;text-decoration:none;cursor:pointer;}
em,address{font-style:normal;}
input { overflow:visible;}
input, select, img { vertical-align:middle;}

.accessibility, .skip, hr, legend {position:absolute;width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}

a:link {color:#333;}
a:visited {color:#333;}
a:active {color:#333;}
a:hover {color:#333; text-decoration:none;}

button {cursor:pointer;border:none;}
a {cursor:pointer;}

*::-webkit-input-placeholder {
    color: #878787;
}
*:-moz-placeholder {
    color: #878787;
}
*::-moz-placeholder {
    color: #878787;
}
*:-ms-input-placeholder {
    color: #878787;
}

.jmc-page    {border:0px;width:100%;display:none;}
.jmc-header  {height:auto;width:100%;position:relative;display:block;overflow:hidden;outline:0!important;}
.jmc-footer  {height:auto;width:100%;position:relative;display:block;overflow:hidden;outline:0!important;}
.jmc-content {clear:both;width:100%;display:none;}

input[type="radio"]{width:18px; height:18px; background:url('/img/skyblue/common/input_type.png') no-repeat left top; background-size:36px auto; -webkit-appearance:none; border:0; margin:0 5px 0 0; vertical-align:middle;}
input[type="radio"]:checked {background:url('/img/skyblue/common/input_type.png') no-repeat left -18px; background-size:36px auto; }
input[type="checkbox"]{width:18px; height:18px; background:url('/img/skyblue/common/input_type.png') no-repeat -18px top; background-size:36px auto;  -webkit-appearance:none; border:0; margin:0 5px 0 0; vertical-align:middle;}
input[type="checkbox"]:checked {background:url('/img/skyblue/common/input_type.png') no-repeat -18px -18px; background-size:36px auto; }
input[type="text"] {border:1px solid #b1b1b1; border-top:none; border-left:none; border-right:none; width:96%; height:24px; line-height:26px;color:#878787; padding:0 5px; }
input[type="text"]:focus {border:1px solid #df0012; border-top:none; border-left:none; border-right:none; outline-color:#df0012;}
input[type="text"]:read-only {border:1px solid #b1b1b1; border-top:none; border-left:none; border-right:none; background:#e8e8e8;width:96%; }
input[type="text"].noti {border:1px solid #99e7f3; border-top:none; border-left:none; border-right:none; height:24px; color:#df0012}
input[type="number"] {width:95%;padding:0 5px;border:1px solid #b1b1b1; border-top:none; border-left:none; border-right:none; height:24px; color:#878787;}
input[type="number"]:focus {border:1px solid #df0012; border-top:none; border-left:none; border-right:none;outline-color:#df0012;}
input[type="number"].noti {border:1px solid #99e7f3; border-top:none; border-left:none; border-right:none; height:24px; color:#df0012}
input[type="tel"] {border:1px solid #b1b1b1; border-top:none; border-left:none; border-right:none; height:24px; color:#878787}
input[type="tel"]:focus {border:1px solid #df0012; border-top:none; border-left:none; border-right:none;outline-color:#df0012;}
input[type="tel"].noti {border:1px solid #99e7f3; border-top:none; border-left:none; border-right:none; height:24px; color:#df0012}
input[type="date"] {border:1px solid #b1b1b1; border-top:none; border-left:none; border-right:none; width:100%;height:24px;line-height:26px; color:#878787;}
input[type="date"]:focus {border:1px solid #df0012; border-top:none; border-left:none; border-right:none;outline-color:#df0012;}
input[type="input"]:focus {outline-color:#df0012;}
input[type="password"]:focus {outline-color:#df0012;}
/* 날짜타입 input-신청서 
.inputDate{width:auto; height:24px; line-height:26px;padding:0 5px;border:1px solid #b1b1b1; border-top:none; border-left:none; border-right:none; -webkit-appearance: none;height:25px;color:#878787;background:url('/img/skyblue/common/down_arrow_select2.png') no-repeat right transparent;background-size:10px auto;}
*/
textarea {border:1px solid #b1b1b1; border-top:none; border-left:none; border-right:none; width:100%; height:50px; color:#878787;}
textarea:focus {border:1px solid #df0012; border-top:none; border-left:none; border-right:none;outline-color:#df0012;}
select {width:100%; height:24px; color:#878787; overflow:hidden; border:1px solid #b1b1b1; border-top:none; border-left:none; border-right:none; -webkit-appearance: none;background:url('/img/skyblue/common/down_arrow_select2.png') no-repeat right transparent;background-size:10px auto;}
select:focus {border:1px solid #b1b1b1; border-top:none; border-left:none; border-right:none; width:100%; height:24px; color:#878787; outline-color:#df0012;}/*background:none;*/
select:disabled {border:1px solid #b1b1b1; border-top:none; border-left:none; border-right:none; width:100%; height:24px; color:#878787; background:#e8e8e8;}

label {display:inline-block; margin:3px 15px 0 0; font-size:.9em;}

.scrollBox {width:100%;}

.bgColor_basic {background:#df0012;}
.bgColor_main {background:#df0012;}
.bgColor_sub {background:#f2f2f2;}
.bgColor_sub2 {background:#fff;}
.txtColor_basic {color:#df0012 !important;}
.txtColor_point {color:#ffbb28 !important;}
.txtColor_red {color:#df0012 !important;}

.text2 {letter-spacing:26px;}
.text3 {letter-spacing:7px;}
.text4 {letter-spacing:1px;}

.alignC{text-align:center !important;}
.alignL{text-align:left !important;}
.alignR{text-align:right !important;}

.valignT{vertical-align:top !important;}
.valignM{vertical-align:middle !important;}
.valignB{vertical-align:bottom !important;}

.pt0 {padding-top:0px !important;}
.pt27 {padding-top:27px !important;}
.pl10 {padding-left:10px !important;}
.pl12 {padding-left:12px !important;}
.pb5 {padding-bottom:10px !important;}
.m0 {margin:0 !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt50 {margin-top:50px !important;}
.mt75 {margin-top:75px !important;}
.mb15 {margin-bottom:15px !important;}
.mb50 {margin-bottom:50px !important;}

.wp30{width:30% !important;}
.wp50{width:50% !important;}
.wp68{width:68% !important;}
.wp100{width:100% !important;}

.hp100{height:100% !important;}

.floatL {float:left;}
.floatR {float:right;}

.noscroll {overflow:hidden;}
.xscroll{overflow-y:hidden;}
.yscroll{overflow-x:hidden;}
.autoscroll{overflow:auto;}

/* Layout */
/* #wrapper {position:absolute;top:50%;width:100%;margin-top:-148px;text-align:center;} */
#wrapper {position:absolute;padding-top:25%;padding-bottom:25%;width:100%;text-align:center;}
#main_header {position:relative;height:40px;}
#main_header.line{border-bottom:1px solid #fff;text-align:center;}
#main_header h1 {padding-top:10px;text-align:center;}
#main_header h1 img {width:97px;height:20px;vertical-align:top;}

#m_header {position:relative;height:40px;}
#m_header.line{border-bottom:1px solid #f5b3b8;text-align:center;}
#m_header h1 {padding-top:8px;text-align:center;font-size:1.2em;color:#fff;}
#m_header .logo {padding-top:6px;text-align:center;font-size:1.2em;color:#fff;}
#m_header h1 img {width:80px;height:22px;}
/* #m_header h1.tbl {padding-top:10px;text-align:center;font-size:1.1em;color:#fff;width:50%;float:left} */
#m_header .btnBack {position:absolute;top:9px;left:8px;width:28px;height:28px;background:url('/img/skyblue/common/bg_btn_icon.png') no-repeat -16px -119px;background-size:200px auto;display:inline-block;text-indent:-5000px;}
#m_header .rightIcon {position:absolute;top:7px;right:10px;width:auto;}
#m_header .rightIcon a {margin-right:3px;background:url('/img/skyblue/common/bg_btn_icon.png') no-repeat;background-size:200px auto;display:inline-block;vertical-align:middle;}
#m_header .rightIcon a:nth-child(1) {width:24px;height:24px;background-position:0px -98px}/* 검색  */
#m_header .rightIcon a:nth-child(2) {width:24px;height:24px;background-position:-18px -98px}/* menu */
#m_header .rightIcon a.month {width:19px; height:19px; background-position:-30px -92px !important;}
#m_header .rightIcon input[type="text"] {border:1px solid #ccf3f9;border-top:none; border-left:none;border-right:none;height:24px;color:#fff;background:none;width:70px;margin-right:7px;padding-left:3px;}
/* #m_header .right_icon font {display:inline-block;color:#fff;margin:5px;} */

/* Login */
.loginBg {background-size:100% 100%;}
h1.login {padding:0 0 52px; text-align:center;}
h1.login img {content:url('/img/skyblue/img_logo01.png');width:143px;height:30px;}
.loginArea {padding:0 40px;}
.inputForm {position:relative;padding:15px 0;border-bottom:1px solid #ababab;}
.inputForm .loginIcon {position:absolute; background:url('/img/skyblue/common/bg_btn_icon.png') no-repeat;background-size:200px auto;display:block;}
/* .inputForm:nth-child(1) .loginIcon {top:17px;left:3px;width:12px;height:14px;background-position:-2px -50px;} */
.inputForm:nth-child(1) .loginIcon {top:20x;left:3px;width:20px;height:24px;background-position:-25px -58px;}
.inputForm:nth-child(2) .loginIcon {top:18px;left:3px;width:20px;height:24px;background-position:-47px -62px;}
.inputForm input {width:85%;margin-left:25px;padding:5px;background:none;border:none;color:#878787;}
.inputForm select {width:85%;border:none;color:#878787;margin-left:15px;background:url('/img/skyblue/common/down_arrow_select4.png') no-repeat right transparent;background-size:13px auto;}
.btnLogin {width:100%;height:50px;margin:0 auto;border:none;color:#fff;font-weight:bold;font-size:1.2em;margin-top:20px;}

/* MENU ----------------------------------------------------------------------------------------------------------------------  */
	/* 메뉴버튼 */
	.menuBtn {position:fixed; left:9px; bottom:9px; z-index:3000;} /*scroller보다 위로 설정하려면 2050을 넘겨야 함*/
	.menuBtn div {position:relative;}
	.menuBtn div button {width:55px; height:55px; background:url('/img/skyblue/common/btn_a01.png') no-repeat; background-size:55px auto; border:none; text-indent:-5000px;}
	.menuBtn div span {position:absolute; top:-4px; right:0; width:20px; height:20px; background:#eb2e2e; border-radius:20px; color:#fff; font-weight:bold; text-align:center; font-size:.9em;line-height:22px;}
	
	/* 메인메뉴버튼 */
	.menuBtn2 {position:fixed; left:9px; top:5px; z-index:1;} /*scroller보다 위로 설정하려면 2050을 넘겨야 함*/
	.menuBtn2 div {position:relative;}
	.menuBtn2 div button {width:30px; height:20px; background:url('/img/skyblue/common/btn_a02.png')0 0 no-repeat; background-size:30px auto;margin:6px 0 0 10px; border:none; text-indent:-5000px;}
	.menuBtn2 div span {position:absolute; top:-4px; right:0; width:20px; height:20px; background:#eb2e2e; border-radius:20px; color:#fff; font-weight:bold; text-align:center; font-size:.9em;line-height:22px;}
	
	
	/* 왼쪽메뉴 */
	.menuOn {position:fixed;top:0;left:0;width:75%;background:#fff;z-index:50000;box-shadow:2px 0 5px #62615f;}	
	.menuOn .menuTop {position:relative;height:30px;padding:10px 12px 0 0;text-align:right;}
	.menuOn .menuTop strong {position:absolute;top:8px;left:17px;width:50px;display:inline-block;text-indent:-5000px;color:#fff;font-size:1.3em;}
	.menuOn .menuTop a {margin-left:10px; background:url('/img/skyblue/common/bg_menu.png') no-repeat; background-size:150px auto; display:inline-block; vertical-align:top; width:20px; height:20px; }
	.menuOn .menuTop a:nth-child(2) {background-position:-55px top} /* 홈 */
	.menuOn .menuTop a:nth-child(3) {background-position:-75px top;} /* 알림 */
	.menuOn .menuTop a:nth-child(4) {background-position:-33px top;} /* 설정 */
	.menuOn .menuTop a:nth-child(5) {background-position:-94px top} /* 닫기 */
	.menuOn .menuTop span {position:absolute; width:16px; height:16px; text-align:center; border-radius:16px; background:#eb2e2e; color:#fff; font-size:.75em; top:0px; right:68px;}
	
	.menuOn .memuL {text-align:left;}
	.menuOn .memuL dt {position:relative; padding:11px 0; margin-left:43px; border-bottom:1px solid #dfdfdf; font-size:1.0em; color:#545454; font-weight:bold;}
	.menuOn .memuL dt em {position:absolute; background:url('/img/skyblue/common/bg_menu.png') no-repeat; background-size:130px auto; display:inline-block; vertical-align:middle; width:18px; height:18px; }
	.menuOn .memuL dt em.menu01 {top:10px; left:-23px; background-position:2px -18px;}
	.menuOn .memuL dt em.menu02 {top:10px; left:-25px; background-position:-17px -17px;}
	.menuOn .memuL dt em.menu03 {top:10px; left:-23px; background-position:-35px -17px;}
	.menuOn .memuL dt em.menu04 {top:10px; left:-23px; background-position:-54px -17px;}
	.menuOn .memuL dt em.menu05 {top:10px; left:-23px; background-position:-74px -17px;}
	.menuOn .memuL dt em.menu06 {top:10px; left:-23px; background-position:-94px -17px;}
	.menuOn .memuL dd {padding-left:42px;}
	.menuOn .memuL dd ul {}
	.menuOn .memuL dd ul li {border-bottom:1px solid #dfdfdf; position:relative; font-size:1em;}
	.menuOn .memuL dd ul li a {padding:11px 0; display:block; color:#afafaf;}
	.menuOn .memuL dd ul li a:active {font-weight:bold;color:#df0012;}
	.menuOn .memuL dd ul li span {position:absolute; top:10px; right:16px; width:16px; height:15px; padding-top:1px; background:#df0012; border-radius:12px; color:#fff; font-weight:bold; text-align:center; font-size:.9em;}

	/* 왼쪽메뉴 별도 아이콘 */
	.menuOn .memuL dt em.menuX1 {background:url('/img/skyblue/common/bg_icon_chatbot.png'); background-size:cover; top:9px; left:-26px; width:22px; height:22px}
	
	.menuOn .menuCont {position:relative;}
	.menuOn .menuCont .logout {position:relative; left:0; bottom:0; width:100%; height:22px; padding-top:3px; background:#afafaf; text-align:right;}
	.menuOn .menuCont .logout a {color:#fff;}
	.menuOn .menuCont .logout a span {width:20px; height:20px; margin:0 8px; background:url('/img/skyblue/common/bg_menu.png') no-repeat -135px -20px; background-size:150px auto; display:inline-block; vertical-align:top;}

/* Main ----------------------------------------------------------------------------------------------------------------------  */
	/* 메인(사진+차트) */
	.infoArea{position:relative;height:100px;}
	.photoWrap {position:absolute;top:7px;left:7px;width:72px;height:72px;padding:5px 0 0 5px;background-size:78px auto;z-index:10;}
	.photo {position:absolute;top:5px;left:5px;width:74px;height:74px;padding:5px 0 0 5px;} 
	.imgArea img {position:absolute;width:67px;height:auto;z-index:20;}
	.photo input {background:#fff;border:0;width:80%;color:#666;height:20px;}
	.imgArea {display:block;width:67px;height:67px;overflow:hidden;position: absolute;border-radius: 67px;}
	
	.chartArea {position:relative;display:inline-block;width:78px;height:78px;overflow:hidden;}
	.chartArea span {position:absolute;left:-10px;top:-10px;display:inline-block;padding:0px;margin:0px;width:100%;height:100%;}
	.info {position:absolute;top:0;right:0;width:70%;height:87px;padding:17px 0 0 0;}
	.info dt {font-size:1.1em;color:#fff;display:block;}
	.info dd {font-size:.9em;color:#ff0;}
	.info dd span{display:inline-block;color:#fff;padding-top:4px;}
	.info dd a {position:absolute;top:60px;right:0;width:30px;height:30px;background:url('/img/skyblue/bg_info02.png') no-repeat;background-size:30px auto;display:inline-block;text-indent:-5000px;}
	
	/* 직원검색 > 인사정보조회, 메인 > 인사정보수정 */
	.infoArea2{position:relative;height:120px;}
	.photo2 {position:absolute;top:5px;left:5px;width:72px;height:72px;padding:5px 0 0 5px;border-radius:67px;background:#fff;}
	.photo2 img {position:absolute;top:5px;left:5px;border-radius:67px;width:67px;height:67px;z-index:20;}
	.photo2 span {position:absolute; top:50px; left:50px; background:url('/img/skyblue/common/photoSel.png') no-repeat; background-size:30px auto; display:inline-block;z-index:30;}
	.photo2 span input.fileAdd {filter:alpha(opacity:0); opacity:0;width:30px;height:30px;}
	.info2{position:relative;width:100%;height:50px;padding:13px 0 0 106px;}
	.infoIcon {background:#f2f2f2;height:37px;padding:10px 0 10px 106px;}
	.infoIcon a {width:40px;height:40px;margin-right:13px;background:url('/img/skyblue/bg_info01.png') no-repeat;background-size:190px auto;display:inline-block;text-indent:-5000px;}
	.infoIcon a:nth-child(1) {background-position:left top;}
	.infoIcon a:nth-child(2) {background-position:-50px top;}
	.infoIcon a:nth-child(3) {background-position:-100px top;}
	.infoIcon a:nth-child(4) {background-position:-150px top;}

	/* 현주소, 주민등록주소 input 상위여백 조절 */
	.inputArea {padding:10px 0 0 0;}
	/* input 두 개 이상일 때 여백조정 */
	.inputArea2{padding:10px 0 0 0;}
	.inputArea2 input{margin-bottom:5px;}
	
	/* 인사정보수정-돋보기버튼 */
	.btnSch{width:24px;height:24px;background:url('/img/skyblue/common/bg_btn_icon.png') no-repeat -235px -187px;background-size:260px auto;text-indent:-9999px;overflow:hidden;}

	/* 직원검색,신청,결재 */
	.mainTab {padding:13px 0 10px 0;border-bottom:1px solid #c9c9c9;}
	.mainTab:after {clear:both;display:block;visibility:hidden;content:'';}
	*+ html .main_tab {display:inline-block;}
	* html .main_tab {display:inline-block;}
	.mainTab li {width:25%;float:left;}
	.mainTab li a {position:relative;width:60px;padding-top:40px;margin:0 auto;background:url('/img/skyblue/bg_main_t.gif') no-repeat;background-size:240px auto;display:block;font-size:.9em;color:#333;text-align:center;}
	.mainTab li:nth-child(1) a {background-position:13px top;}
	.mainTab li:nth-child(2) a {background-position:-54px top;}
	.mainTab li:nth-child(3) a {background-position:-122px top;}
	.mainTab li:nth-child(4) a {background-position:-192px top;}
	.mainTab li a span {position:absolute;top:-7px;right:5px;width:20px;height:20px;border-radius:20px;font-size:.9em;color:#fff;text-align:center;line-height:21px;}
	
	/* 공지사항 */
	.notice {padding:10px 0 15px 0;}
	.noticeTab {padding-bottom:13px;}
	.noticeTab:after {clear:both;display:block;visibility:hidden;content:'';}
	*+ html .noticeTab {display:inline-block;}
	* html .noticeTab {display:inline-block;}
	.noticeTab li {width:50%;float:left;}
	.noticeTab li a {padding:12px 0 14px 10px;border-bottom:2px solid #eaeaea;font-size:1em;color:#666;font-weight:bold;text-align:center;display:block;}
	.noticeTab li a span {position:relative;width:20px;height:20px;line-height:22px;border-radius:39px;background:#ffbb28;color:#fff;font-size:.9em;text-align:center;display:inline-block;}
	.noticeTab li.on a {border-bottom:2px solid #df0012;color:#df0012;}
	
	.notice dt {height:24px;line-height:28px;color:#ffbb28;font-size:1em;font-weight:bold;padding:0 0 17px 0;vertical-align:top;}
	.notice .noti_list {color:#878787;font-size:.9em;padding:11px 0 11px 7px;margin:0 10px;border-bottom:1px solid #e7e7e9;}
	.notice .noti_list a{display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;}
	.notice .date{position:absolute;right:15px;font-size:.8em;color:#575757;vertical-align:middle;}
	
	/* 공지사항+인사정보조회 아이콘 동일 */
	.noticeIcon {display:inline-block;width:20px;height:20px;background:url('/img/skyblue/common/bg_btn_icon.png') no-repeat -67px -126px;background-size:180px auto;}
	
	/* 인사정보 조회 */
	.infoList {padding:15px 0 19px 10px;}
	.infoList dt {height:24px;line-height:28px;color:#ffbb28;font-size:1em;font-weight:bold;padding:0 0 17px 0;vertical-align:top;}
	.infoList dd {color:#878787;font-size:.9em;padding:11px 7px;margin-left:20px;border-top:1px solid #e7e7e9;}
	.infoList dd span{vertical-align:top;}
	.infoList .infoItem {display:inline-block;width:32%;}
	.infoList .infoCon{display:inline-block;width:68%;color:#575757;}

/* contents page 공통 ------------------------------------------------------------------------------------------------------------- */
	/* contents page 상하좌우 여백 */
	.contentsWrap {padding:15px 12px 0 12px;}/* 상단에 결재라인 없을 경우에 사용 - 제증명신청서 상단 띄우기 */		
	.contentsWrap2 {padding:0 12px;}/* 고급검색, 콘도신청서, 학자금신청서, 재중명신청서,근태/휴가신청서, 경조금신청서(테이블 상위) */
	.contentsWrap3 {padding:0 16px;}/* 신청내역 상세 */
	
	/* 필수값 */
	.keyfield{background:url('/img/skyblue/common/table_th_blt.gif') 0 3px no-repeat;padding-left:10px;}
	.nokeyfield{padding-left:10px;}
	
	/* 공통 리스트 */
	.schList {padding:0 15px;}
	.schList li {border-bottom:1px solid #e2e2e4;text-align:left;font-size:.9em;}
	.schList li:last-child {border:none !important}
	.schList li a {position:relative;padding:13px 0;display:block;}
	.schList li a:after {clear:both;display:block;visibility:hidden;content:'';}
	*+ html .schList li a {display:inline-block;}
	* html .schList li a {display:inline-block;}
	.schList li a strong {padding-bottom:5px;color:#df0012;display:block;}
	.schList li a p {color:#575757;display:block;line-height:18px;}
	.schList li a span {position:absolute;top:15px;right:5px;width:20px;height:20px;background:url('/img/skyblue/common/bg_btn_icon.png') no-repeat -155px -55px;background-size:180px auto;}	
	.schList .badge{position:absolute;top:12px;right:25px;width:25px;height:25px;line-height:25px;vertical-align:middle;border-radius:39px;background:#ff0000;color:#fff;font-size:1.2em;text-align:center;}

/* 알림조회 ---------------------------------------------------------------------------------------------------------------------- */
	/* 알림조회 리스트 */
	/*
	.noticeList {display:block; height:auto; background:#fff; margin:12px; border-bottom:1px solid #e2e2e4;}
	.noticeList:last-child {border:none !important}
	.noticeList p {display:inline-block; height:auto; color:#212121; font-size:1em;}
	.noticeList ul {display:block; height:auto; margin:14px 0 18px 0; }
	.noticeList ul li {display:block; height:auto; line-height:18px; height:auto;}
	.noticeList ul li:nth-child(1) {font-size:1em;; color:#575757;vertical-align:top;}
	.noticeList ul li:nth-child(2) {font-size:.9em; color:#878787; margin-left:43px; padding-bottom:5px;border-bottom:1px solid #E4E4E6;}
	.noticeList ul li em {display:inline-block; height:22px; width:33px; background:url('/img/skyblue/common/bg_btn_icon.png') no-repeat; background-size:200px auto; position:relative; margin:0 9px 0 0;}
	.noticeList ul li em font { font-size:.9em; position:absolute; top:30px; left:2px;}
	.noticeList ul li em.comp {background-position:left -44px; color:#df0012}
	.noticeList ul li em.per {background-position:-52px -44px; color:#ffbb28 }
	.noticeList ul li em.comp_gray {background-position:5px -57px; color:#555;}
	.noticeList ul li em.per_gray {background-position:-18px -57px; color:#555;}
	.noticeList ul li .readState{display:inline-block;font-size:.8em;color:#575757;vertical-align:top;}
	.noticeList ul li .time{margin:-10px 0 7px 43px;font-size:.8em;}
	
	.noticeList ul li a {display:inline-block; float:right; color:#df0012; font-size:.9em; padding:0 0 12px 0;}
	.noticeList ul li a em {display:inline-block; height:17px; width:17px; background:url('/img/skyblue/common/bg_btn_icon.png') no-repeat -16px -42px; background-size:110px;}
	.noticeList span {color:#a0cad4; display:block; height:18px;}
	*/
	
	/* 알림조회 리스트 */
	.noticeWrap {position:relative; height:90px; background:#fff; margin-bottom:10px;}
	.noticeWrap li{border-bottom:1px solid #e2e2e4;padding:5px 0;height:85px;}
	.noticeDate {padding-left:15px;padding-top:10px;}
	.notiIcon {position:relative;}
	.notiIcon span{position:absolute;top:15px;left:16px;width:33px;height:22px;background:url('/img/skyblue/common/bg_btn_icon.png') no-repeat; background-size:250px auto;}	
	.notiIcon span.comp {background-position:11px -77px;}
	.notiIcon span.per {background-position:-22px -77px;}
	.notiIcon span.noticeTitle {position:absolute;top:45px;left:25px;width:33px;font-size:.9em;color:#555;background:transparent;}		
	.noticeList {margin-left:80px;}
	.noticeList dt {display:inline-block; color:#575757; font-size:.9em;}
	.noticeList dd {font-size:.8em;}
	.noticeList dd .readState{display:inline-block;color:#575757;vertical-align:top;}
	.noticeList dd .time{display:inline-block;color:#a0cad4;padding:0 0 10px 0;} 

/* 설정 ---------------------------------------------------------------------------------------------------------------------- */
	/* 리스트 */
	.settingList {padding:0 12px;}
	.settingList li {position:relative; padding:13px 0; display:block; font-size:1em;;border-bottom:1px solid #e2e2e4; text-align:left;}
	.settingList li:last-child {border:none !important}
	.settingList li strong {padding-bottom:5px; color:#df0012; display:block;}
	.settingList li p {color:#575757; display:block; line-height:18px;}
	.settingList li .next {position:absolute; top:15px; right:0px; width:20px; height:20px; background:url('/img/skyblue/common/bg_btn_icon.png') no-repeat -65px -37px; background-size:120px auto; }
	.settingList li .txt {position:absolute; top:15px; right:10px;}
	.settingList li .toggle {position:absolute; top:-1px; right:10px;}
	
	/* 자동로그인 토글 */
	.tslider-wrapper{position:absolute;top:7px;right:45px;}
	.tslider-wrapper label {display:none;}
	.tslider-track{overflow:hidden;position:absolute;top:0;width:90px;height:30px;border-radius:5px;background:#d9d9d9;}
	.tslider-thumb{position:absolute;z-index:1;width:50%;height:30px;border-radius:5px;background:#df0012;cursor:pointer;}
	.tslider_aron{display:block;position:absolute;top:0;left:0;width:50%;height:100%;padding-top:5px;font-family:Helvetica,Arial,sans-serif;font-size:1em;color:#fff;text-align:center;cursor:pointer;}
	.tslider_aroff{display:block;position:absolute;top:0;left:50%;width:50%;height:100%;padding-top:5px;font-family:Helvetica,Arial,sans-serif;font-size:1em;color:#fff;text-align:center;cursor:pointer;}
		
/* 인사  ---------------------------------------------------------------------------------------------------------------------- */
	/* 인사 > 직원검색 탭, 인사 > 조직검색, 알림조회탭 */
	.schTab {padding-bottom:13px;}
	.schTab:after {clear:both;display:block;visibility:hidden;content:'';}
	*+ html .schTab {display:inline-block;}
	* html .schTab {display:inline-block;}
	.schTab li {width:50%;float:left;}
	.schTab li a {padding:12px 0 14px 10px;border-bottom:2px solid #eaeaea;font-size:1em;color:#666;font-weight:bold;text-align:center;display:block;}
	.schTab li a span {position:relative;width:20px;height:20px;line-height:20px;border-radius:39px;background:#ffbb28;color:#fff;font-size:.9em;text-align:center;display:inline-block;}
	.schTab li.on a {border-bottom:2px solid #df0012;color:#df0012;}

	/* 인사 > 직원검색 > 일반검색 탭 - 공통(주소검색) */
	.schCommon {position:relative;margin:5px 16px 0 16px;padding-bottom:5px;border-bottom:2px solid #3c3c3c;}
	.schCommon a {position:absolute;top:8px;left:0;width:22px;height:22px;background:url('/img/skyblue/common/bg_btn_icon.png') no-repeat -160px -147px;background-size:200px auto;display:block;text-indent:-5000px;}
	.schCommon span {padding-left:18px;display:block;}
	.schCommon span input {width:100%;border:none;color:#878787;font-size:.9em;text-align:left;}
	
	/* 인사 > 조직검색 > 소속지원 */
	/* 직원검색 리스트 */
	.employeeList {padding:0 16px;}
	.employeeList li {border-bottom:1px solid #e2e2e4;}
	.employeeList li:last-child {border:0 !important;}
	.employeeList li a {position:relative;padding:8px 0;display:block;}
	.employeeList li a:after {clear:both;display: block;visibility:hidden;content:'';}
	*+ html .employeeList li a {display:inline-block;}
	* html .employeeList li a {display:inline-block;}
	.employeeList li a p {padding-right:15px;float:left;}
	.employeeList li a p img {margin-top:2px;border-radius:45px;width:39px;height:39px;}
	.employeeList li a span{position:absolute;top:22px;right:5px;width:20px;height:20px;background:url('/img/skyblue/common/bg_btn_icon.png') no-repeat -65px -37px;background-size:120px auto;display:block;}
	
	.employeeInfo {padding:4px 25px 0 0;float:left;}
	.employeeInfo dt {font-size:.95em;color:#575757;display:block;}
	.employeeInfo dd {font-size:.85em;color:#b8b8b8;text-align:left;}

	/* 인사 > 조직검색 */
	/* 조직도 조회 회사명 */
	.navi {display:block;height:auto;padding:14px 0;border-bottom:1px solid #939393;}
	.navi a {display:inline-block;margin-left:14px;color:#878787;}
	.navi span {display:inline-block;margin:0 -10px 0 5px;color:#ccc;}
	
	/* 조직검색 > 조직도 조회 회사명&대표명 */
	.orgTop {width:100%;background:#f5f5f5;border-bottom:1px solid #e2e2e4;padding:10px 0 15px 0;}
	.orgTop dt {font-size:1em;color:#575757;padding:0 0 7px 12px;}
	.orgTop dd {font-size:.9em;color:#878787;padding:0 0 0 34px;}
	.orgIcon {display:inline-block;width:22px;height:22px;background:url('/img/skyblue/common/bg_btn_icon.png') no-repeat 0px -49px;background-size:180px;}
	
	
/* 신청서 ---------------------------------------------------------------------------------------------------------------------- */
	/* 상단 셀렉트 박스(급여명세서+신청내역+결재내역+현황 공통) */
	.topSelectArea {height:25px;padding:8px 0;}
	.topSelectArea span {display:block;margin:0 10px;}
	.topSelectArea span select {height:25px;line-height:24px;padding:0 2px;border:1px solid #f7e0e2;color:#fff;background:url('/img/skyblue/common/down_arrow_select3.png') no-repeat right transparent;background-size:20px auto;}
	.topSelectArea span select option {color:#575757;}
	
	/* 상단 셀렉트 박스(현황 > 인원변동현황) */
	.topSelectArea p {position:relative;display:block;margin:0 14px;}
	.topSelectArea p select {width:46%;height:25px;border:1px solid #f7e0e2;color:#fff;background:url('/img/skyblue/common/down_arrow_select3.png') no-repeat right transparent;background-size:20px auto;vertical-align:middle;}
	.topSelectArea p select option {color:#575757;}
	.topSelectArea p a {position:absolute;top:0;right:-5px;display:inline-block;width:20px;height:20px;background:url('/img/skyblue/common/bg_btn_icon.png') no-repeat left -99px;background-size:200px auto;}

	/* 상단 셀렉트 박스 - 근태/휴가신청서,학자금신청서,경조금신청,콘도신청서에 사용 */
	.apprLineArea{position:relative;height:35px;padding:8px 0 0 0;}
	.topSelectArea2 {height:25px;line-height:27px;margin:0px 15px;padding:0 0 0 5px !important;border:1px solid #f7e0e2;color:#fff;background:url('/img/skyblue/common/down_arrow_select3.png') no-repeat right transparent;background-size:20px auto;-webkit-appearance:none;}
	
	/* 상단 셀렉트 결재라인 지정 리스트 */	
	.apprList {position:relative;font-size:1em;color:#fff;}
	.apprList li {border-bottom:1px solid #f5b3b8;padding:12px 5px 12px 7px;font-size:.9em;margin:0 15px;}
	.apprList li:last-child{border:none;}
	.apprList li a{display:inline-block;width:80%;color:#fff;}
	.apprList li button {float:right;width:20px;height:22px;background:url('/img/skyblue/common/bg_btn_icon.png') no-repeat -15px 0px;background-size:180px auto;display:inline-block;border:none;}
	
	/* 신청서상태 */
	.appState{width:100%;background:#df0012;padding:0 12px;}
	.appState .appTxt{float:left;display:inline-block;width:80px;height:25px;color:#fff;padding:12px 5px 0 0;}
	.appState select{width:73%;}
	
	/* 신청서 상단 코멘트 - 강조할 경우 */
	.cmtEmp{padding:10px 12px;}
	.cmtEmp li{color:#575757;font-size:.85em;line-height:1.2em;text-align:left;padding-left:22px;}
	.cmtBlt{position:absolute;left:13px;display:inline-block;width:20px;height:20px;background:url('/img/skyblue/common/bg_btn_icon.png') no-repeat -87px -132px;background-size:180px auto;}

	/* 결재내역 > 결재내역리스트 */
	h2.listTit{font-size:1.0em;font-weight:normal;margin-top:15px;}
	.appBox{border:1px solid #c9c9c9;padding:10px;margin:10px 0 15px 0;}
	.inbox{position:relative;display:inline-block;width:100%;height:auto;border-bottom:1px solid #e8e8e8;}
	.inbox li{font-size:.95em;padding-bottom:3px;color:#878787;}
	.inbox .date{position:absolute;top:0px;right:20px;}
	.inbox .state{position:absolute;top:20px;right:20px;}
	.inbox .badge {position:absolute;top:12px;right:-5px;width:20px;height:20px;background:url('/img/skyblue/common/bg_btn_icon.png') no-repeat -155px -55px;background-size:180px auto;}
	.etc{position:relative;display:inline-block;width:100%;height:auto;color:#878787;font-size:.85em !important;line-height:1.4em;padding:7px 0 0 0;}/* 하단설명이 없을 경우, 박스가 줄어들어서 inbox속성을 따로 줌 - 속성 받아서 쓸 경우, 화면깨져서 별도 분리 */
	
	/* 신청서 상단 결재라인 */	
	.apprLine {height:61px;margin-bottom:15px;background:#f2f2f2;overflow:hidden;}
	.apprLine:after {clear:both;display:block;visibility:hidden;content:'';}
	*+ html .apprLine {display:inline-block;}
	* html .apprLine {display:inline-block;}
	.apprLine li {float:left;width:33.3%;background:url('/img/skyblue/common/bg_de01.png') no-repeat 90px 15px;background-size:9px auto;color:#575757;font-size:.9em;text-align:left;}
	.apprLine li:last-child {width:33.4%;background:none;}
	.apprLine li .post {display:block;padding:12px 0 2px;margin-left:20px;}
	.apprLine li .name {display:block;margin-left:20px;}
	
	/* 결재선 지정 화살표 */
	.arrowBottom {display:inline-block; width:100%; height:20px; background:url('/img/skyblue/common/alb_down.png') no-repeat center; background-size:65px; margin:10px 0;}
	
	/* 신청인 */
	.applArea {border-bottom:1px solid #e2e2e4;padding-bottom:12px;margin-bottom:15px;}
	.applicant {display:inline-block;width:70px;color:#575757;font-size:.9em;font-weight:bold;vertical-align:top;padding:0 0 0 10px;}
	.applInfo {display:inline-block;width:65%;padding:0 0 0 12px;}
	.applInfo dt{color:#555 !important;font-size:.9em;font-weight:bold;padding:0 0 3px 0;}
	.applInfo dd{color:#787878;font-size:.85em;}
	
	/* 테이블 공통 */
	.tblList {width:100%;padding-bottom:12px;word-break:break-all;table-layout:fixed;}
	.tblList th{padding:12px 5px 10px 0px;font-size:.9em;color:#575757;text-align:left;}
	.tblList td{}
	.tblList .fileAttach {padding:10px 0 2px 0; color:#878787; font-size:.9em; display:block; line-height:20px;}
	/* .tblList .fileAttach em{font-weight:bold;} 
	 .tblList .fileAttach .txt{color:#575757;font-size:.85em;}
	.tblList .fileAttach .txt span{color:#575757;font-weight:bold;} */
	.tblList .flleSch {position:relative; height:25px; border:1px solid #b1b1b1; border-top:none; border-left:none; display:block; border-right:none;}
	.tblList .flleSch input {background:#fff; border:0; width:80%; color:#666; height:20px; }
	.tblList .flleSch .btnFind{position:absolute; top:8px; right:6px; width:20px; height:20px; background:url('/img/skyblue/common/bg_btn_icon.png') no-repeat -4px 44px; background-size:120px auto; display:inline-block;}
	.tblList .flleSch .fileAdd {filter:alpha(opacity:0); opacity:0; width:11px; height:11px;}
	.tblList .fileName{color:#555;font-size:.85em;}/* 첨부파일명 */	
	.tblList .txt{color:#878787;font-size:.85em;font-weight:normal;}/* 신청기간 td 하단 코멘트 */
	.tblList .txt span{color:#575757;font-weight:bold;}
	.tblList .tblCmt{color:#e9302e;font-size:.8em;}/* 테이블 안의 코멘트 - 신청사유 */
	
	/* 신청서 테이블 구분라인*/
	.wLine {display:block;height:1px;background:#e2e2e4;}

	/* 결재선 정보 - 콘도신청 */
	.apprInfo {position:relative;padding:13px 0 50px 0;border-top:1px solid #848484; }
	.apprInfo dt {display:block;padding:0 0 8px 2px;font-size:.9em;color:#545454;font-weight:bold;margin:0 16px;}
	.apprInfo dd {display:block;margin:0 16px;}
	.apprInfo dd ul {}
	.apprInfo dd ul li {width:100%;padding:14px 0;border-bottom:1px solid #e2e2e4;display:table;}
	.apprInfo dd ul li:last-child {border:none;}
	.apprInfo dd ul li .firstState{width:73px;font-size:.9em;display:table-cell;color:#b8b8b8;text-align:left;}
	.apprInfo dd ul li .stateBlt {width:11px;height:11px;margin:0 4px 3px 2px;background:#d1d1d1;border-radius:11px;vertical-align:middle;display:inline-block;}
	.apprInfo dd ul li .lastState{display:table-cell;font-size:.9em;text-align:right;padding:0 5px 0 0;}
	.apprInfo dd ul li.on .firstState {color:#ffbb28;}
	.apprInfo dd ul li.on .stateBlt {background:#ffbb28;}
	.apprInfo dd ul li.on span {color:#ffbb28;}
	/* 결재선 정보 - 팀원 정보 */
	dl.apprName  {display:block;}
	.apprName dt {padding-bottom:3px;color:#575757;font-weight:normal;}
	/* .apprName dt em {color:#b8b8b8;} */
	.apprName dd {color:#b8b8b8;font-size:.9em;}
	
	/* 학자금신청서 */
	.appWrap2 {display:block;background:#fff;border:1px solid #c9c9c9;padding:10px;margin:0 10px;}
	.eduExpense {padding:10px 0 0 0;background:#f5f5f5;margin:0 0 10px 0;}
	/* .eduExpense dt {display:block; padding:0 0 8px 2px; border-bottom:1px solid #e2e2e4; font-size:.9em; color:#545454; font-weight:bold; margin:0 16px;}
	.eduExpense dd {display:block; margin:0 16px;}
	.eduExpense dd ul {}
	.eduExpense dd ul li {width:100%; padding:14px 0; border-bottom:1px solid #e2e2e4; display:table;}
	.eduExpense dd ul li:last-child {border:none;}
	.eduExpense dd ul li strong {width:73px; font-size:.9em; display:table-cell; color:#b8b8b8;}
	.eduExpense dd ul li strong em {width:11px; height:11px; margin:0 4px 0 2px; background:#d1d1d1; border-radius:11px; vertical-align:middle; display:inline-block;}
	.eduExpense dd ul li div {display:table-cell;}
	.eduExpense dd ul li div p {padding-bottom:3px; color:#575757;}
	.eduExpense dd ul li div em {color:#b8b8b8;}
	.eduExpense dd ul li span {display:table-cell; text-align:right; color:#b8b8b8;}
	.eduExpense dd ul li.on strong {color:#ffbb28;}
	.eduExpense dd ul li.on strong em {background:#ffbb28;}
	.eduExpense dd ul li.on span {color:#ffbb28;}
	.eduExpense span {display:block; text-align:center; color:#878787; font-size:.9em;}
	.eduExpense span font {color:#575757;} */

	/* 신청내역 > 신청내역 상세 > 학자금신청서 */
	.eduInbox{position:relative;display:inline-block;width:100%;height:auto;}
	.eduInbox li{display:inline-block;width:100%;font-size:.9em;color:#878787;padding:7px 0;border-bottom:1px solid #e8e8e8;}
	.eduInbox li:last-child{border-bottom:none;}
	.eduInbox .title{display:inline-block;color:#ffbb28;font-weight:bold;}
	.eduInbox .date{display:inline-block;color:#ffbb28;font-weight:bold;padding:0 10px;}
	.eduInbox .dataTit{display:inline-block;color:#575757;}
	.eduInbox .dataTxt{display:block;color:#878787;}
	.eduInbox .sum{color:#575757;}
	.eduInbox .btnDel {position:absolute;top:0;right:0;width:20px;height:20px;background:url('/img/skyblue/common/bg_btn_icon.png') no-repeat -35px 0px;background-size:180px auto;}
	/*하단설명이 없을 경우, 박스가 줄어들어서 inbox속성을 따로 줌 - 속성 받아서 쓸 경우, 화면깨져서 별도 분리*/
	.eduEtc{position:relative;display:inline-block;width:100%;height:auto;color:#878787;font-size:.85em !important;line-height:1.4em;padding:7px 0 0 0;}
	
	/* 팝업 - 콘도선택 */
	.appWrap {display:block;background:#fff;border:1px solid #c9c9c9;padding:10px;margin:15px;}
	.inboxPop {position:relative;width:100%;}
	.inboxPop ul {margin-left:5px;}
	.inboxPop ul li {display:inline-block;width:100%;color:#b8b8b8;font-size:.9em;text-align:left;padding-bottom:5px;}
	.inboxPop ul li span {display:inline-block;width:100%;color:#575757;}
	.inboxPop ul li .place {position:absolute;top:0;right:5px;width:auto;color:#ffbb28;}

	/* 팝업 - 결재선 새로지정 > 결재선명  */
	.apprLineName {position:relative;margin:10px;padding:10px;}
	.apprLineName span {position:absolute;top:15px !important;left:0;display:inline-block;font-size:.9em;}
	.apprLineName input {width:77%;height:24px;color:#878787;font-size:.85em;background:none;border-bottom:2px solid #3c3c3c;margin:0 0 5px 65px;padding:0 5px 3px 5px;}

	/* 팝업 - 결재선 새로지정 > 결재 추가리스트  */
	.apprLineArea2 {background:#f5f5f5;padding:10px 10px 0px 10px;margin:10px 15px;}/* 회색배경 */
	.apprAddArea{height:auto;border:1px solid #c9c9c9;padding:10px;margin:0;background:#fff;}
	.apprAddList{position:relative; display:inline-block;width:100%;height:auto;border-bottom:1px solid #e8e8e8;}
	.apprAddList:last-child {border:none !important;}
	.apprAddList li {float:left;font-size:.9em;color:#878787;border:none;}
	.apprAddList li .num {display:inline-block;float:left;color:#ffbb28;font-weight:bold;font-size:.9em;border-left:1px solid #ccc;padding:0 10px; margin-bottom:10px;}
	.apprAddList li .num:first-child {padding-left:0px !important; border-left:0px !important;}
	.apprAddList li button {position:absolute; width:19px; height:20px; background:url('/img/skyblue/common/bg_btn_icon.png') no-repeat;background-size:180px;display:inline-block;border:none;}
	.apprAddList li button.btnEdit {top:0;right:26px;background-position:-15px 0px;}
	.apprAddList li button.btnDel {top:0;right:0;background-position:-35px 0;}	
	.apprAddImg {padding-right:15px;float:left;}
	.apprAddImg img{margin-top:2px;border-radius:45px;width:39px;height:39px;}	
	.apprAddInfo {padding:4px 25px 0 0;float:left;}
	.apprAddInfo dt {font-size:.95em;color:#575757;display:block;}
	.apprAddInfo dd {font-size:.85em;color:#b8b8b8;text-align:left;}
	
	/* 공통 상위 회색박스(급여명세서, 인원변동현황, 설문조사상세-ok, 설문조사 EHRD) */
	.grayBox {width:100%;background:#f5f5f5;border-bottom:1px solid #e2e2e4;padding:10px 0 15px 0;}
	.grayBox dt {font-size:.9em;color:#575757;padding:0 0 7px 13px;}
	.grayBox dd {font-size:.85em;color:#878787;padding:0 0 0 34px;}
	.orgIcon2 {display:inline-block;width:22px;height:22px;background:url('/img/skyblue/common/bg_btn_icon.png') no-repeat 0px -49px;background-size:180px;}

/* 급여 > 급여명세서 ---------------------------------------------------------------------------------------------------------------------- */
	/* 급여명세서 */
	.payTotal {background:#f5f5f5;padding:12px 0 10px 0;border-bottom:1px solid #e2e2e2;}
	.payTotal li {width:90%;display:inline-block;font-size:.9em;color:#575757;border-bottom:1px solid #e2e2e4;padding:5px;margin:0 14px;}
	.payTotal li:last-child{border:none;}
	.payTotal .item{float:left;}
	.payTotal .amount{float:right;}
	.payTotal .amountEmp{float:right;color:#ffbb28;font-weight:bold;}
	
	.payTitle {display:block;color:#df0012;font-size:1.1em;padding-bottom:5px;margin:15px 14px 5px 14px;}
	.payList {display:inline-block;width:100%;color:#575757;text-align:left;border-bottom:1px solid #ccc;padding:5px 0;}
	.payList li {display:block;height:13px;font-size:.9em;text-align:left;border-top:1px solid #e2e2e4;padding:8px 5px 8px 12px;margin:0px 14px;}
	.payList li .item{float:left;display:inline-block;width:auto;}
	.payList li .amount {float:right;color:#575757;}
	.payList:last-child {border:none !important;}
	.payList.payContent li {height:40px;}
	.payList.payContent li span {display:inline-block;width:100%;text-align:right;font-weight:bold;padding-top:5px;}

	/* 첨부파일 - 공지사항, 알림조회 */
	.fileArea{border-top:1px dotted #c9c9c9 !important;border-top:none;border-left:none;border-right:none;padding:5px 13px 5px 10px;color:#575757;font-size:.85em;text-align:left;}
	.fileArea p{line-height:1.5em;padding:0 0 0 12px;}
	
	/* 데이터 없을 경우 */
	.noData{ font-size:.9em; color:#aeaeae; text-align:center; padding:60px 0; background:#fff url('/img/skyblue/common/bg-noData.gif') no-repeat center 5%; background-size:60px; }
	
	/* sys_appl.js, apprLineEditor.jsp에서 사용 */
	.search_emps {width:80%}

/* 현황 ------------------------------------------------------------------------------------------- */
	/* HR종합인원현황 */
	/* 조회조건 */
	.schArea {position:relative;width:100%;padding:5px 0 10px 0;}
	.schArea p {display:block; margin:9px 15px;}
	.schArea p select {width:46%;padding:0 2px;border:1px solid #b1b1b1;color:#575757;-webkit-appearance:none;background:url('/img/skyblue/common/down_arrow_select2.png') no-repeat right 50% transparent;background-size:10px auto;vertical-align:middle;}
	.schArea p span {display:inline-block;font-size:.9em;font-weight:bold;color:#575757;margin-right:10px;padding-bottom:5px;}
	/* .schArea p span.blt {background:url('/img/skyblue/common/table_th_blt.gif') 1px 10px no-repeat;padding:0 0 0 10px;} */
	.schArea p input {width:63%;border-bottom:1px solid #b1b1b1;border-top:0;border-left:0;border-right:0;padding:0 5px;}
	.schArea p a {position:absolute; top:36px; right:0;background: url('/img/skyblue/bg_search.png') no-repeat;background-size:30px auto; display:block; width:30px; height:30px;}

	/* 인원변동 */
	.staffChange {background:#f5f5f5;padding:10px;}
	.staffTitle {display:inline-block;width:70px;color:#575757;font-size:.9em;font-weight:bold;vertical-align:top;padding:0 0 0 5px;}
	.stafflInfo {display:inline-block;width:70%;padding:0 0 0 5px;}
	.stafflInfo dt{color:#555 !important;font-size:.9em;padding:0 0 3px 0;}
	.stafflInfo dd{color:#787878;font-size:.85em;}
	
	/* 차트영역 */
	.hrChartArea {display:block;width:100%;height:auto;}
	/* .hrChartAarea_t {display:inline-block;width:45%;height:auto;margin:16px;} */
	.canvas {width:100%;height:100%;}
	
/* 설문조사 ----------------------------------------------------------------------------------------- */
	/* 설문조사 조회리스트 */
	.survey {padding:0 12px;}
	.survey li {position:relative;display:block;font-size:1em;text-align:left;padding:15px 0;border-bottom:1px solid #e2e2e4;}
	.ingIcon{position:absolute;top:15px;left:0;display:inline-block;width:43px;height:43px;background:url('/img/skyblue/common/bg_btn_icon.png') no-repeat 0 -187px;background-size:260px auto;}
	.etcIcon{position:absolute;top:15px;left:0;display:inline-block;width:43px;height:43px;background:url('/img/skyblue/common/bg_btn_icon.png') no-repeat -45px -187px;background-size:260px auto;}
	.surveyList {}
	.surveyList dt{padding-bottom:5px;color:#575757;display:block;font-size:1em;height:16px;margin:3px 20px 0px 60px;}
	.surveyList dd{padding-bottom:5px;color:#878787;display:block;font-size:1em;height:16px;margin:3px 20px 0px 60px;}
	.surveyList dd span {position:absolute;top:30px;right:25px;display:inline-block;font-size:.8em;font-weight:bold;height:18px;}
	.surveyLink {position:absolute;top:32px;right:0px;width:23px;height:33px;background:url('/img/skyblue/common/bg_btn_icon.png') no-repeat -62px -37px;background-size:120px auto;display:inline-block;vertical-align:middle;}

	/* 설문상태 */
	.prevBox {display:block;background:#fff;border-radius:20px;width:54px;height:20px;margin-top:3px;padding:3px;text-align:center;font-size:.8em;color:#df0012;}
	.ingBox  {display:block;background:#fff;border-radius:20px;width:54px;height:20px;line-height:22px;margin-top:3px;padding:0 3px;text-align:center;font-weight:bold;font-size:.8em;color:#ffbb28;}
	.doneBox {display:block;background:#e6e6e6;border-radius:20px;width:54px;height:20px;margin-top:3px;padding:0 3px;text-align:center;font-size:.8em;color:#b3b3b3;}
	
	/* 설문타이틀 */
	.surveyTit {padding:15px;}
	.surveyTit dt{display:block;height:16px;color:#575757;font-size:.9em;padding-bottom:5px;}
	.surveyTit dd{color:#878787;font-size:.85em;}
	.surveyTit .cmt{padding:0;color:#828282;font-size:.9em;}

	/* 설문문답 */
	.questionWrap{position:relative;margin:10px;}
	.questionWrap .num{position:absolute;top:6px;left:0;width:20px;height:20px;border-radius:39px;background:#ffbb28;color:#fff;font-size:.9em;text-align:center;line-height:22px;}
	.questionWrap .title{padding:5px 0;color:#575757;display:block;font-size:1em;height:16px;margin-left:30px;line-height:22px;height:auto;}
	.question {padding:0 15px;}
	.question li {text-align:left;display:block;font-size:1em;padding:5px 0;}
	.question li label{display:block;color:#b8b8b8;height:auto;font-size:.9em;margin:0 0 0 30px;}
	.question li input{display:inline-block;vertical-align:top;}
	.question li:last-child {border-bottom:1px solid #e2e2e4 !important;padding-bottom:20px;}	
	.preference{width:25% !important;margin:0 10px 0 0;}

/* 수시평가 ----------------------------------------------------------------------------------------- */
	.exec_wrap p, .exec_wrap h2{margin:0;}
	.exec_wrap button{background: transparent;border:none;}
	.exec_wrap a{text-decoration: none;}
	.exec_wrap input{border:none;}
	.exec_wrap h1, .exec_wrap h2, .exec_wrap h3, .exec_wrap h4, .exec_wrap h5, .exec_wrap h6{margin:0;font-weight: normal;}
	
	.exec_wrap{padding: 20px 10px;}
	.exec_table{width: 100%;table-layout: fixed;border-collapse: collapse;border-top: 2px solid #666;font-size: 0.8em;}
	.exec_table th{padding: 10px 5px;border-bottom:1px solid #ddd;background: #f1f1f1;}
	.exec_table td{padding: 10px 5px;border-bottom:1px solid #ddd;line-height: 1.4em;color: #333;}
	.exec_table td.exec_center{text-align: center;}
	.exec_table .exec_selected td{background: rgba(223, 0, 18, 0.08);}
	.exec_table .exec_selected th{background: rgba(70, 0, 6, 0.12);}
	.exec_table td a{color: #333;}
	.exec_table .exec_tableTop{vertical-align: top;}
	.exec_btn{display: block;padding: 0 10px;line-height: 2em;font-size: 0.9em;text-align: center;border:1px solid #666 !important;color: #111;}
	.exec_btn.red{border-color: #DF0012;color: #DF0012;}
	.exec_btn.block{width: 100%;box-sizing: border-box;}
	.exec_btnWrap{display: flex;margin-top: 20px;}
	.exec_btnWrap .exec_btn{flex:1;}
	.exec_btnWrap .exec_btn + .exec_btn{margin-left: 10px;}
	
	.exec_iconBoard{position: relative;width: 30px;height: 30px;border-radius: 3px;border:3px solid #333;text-align: center;font-size: 0;}
	.exec_iconBoard:before,
	.exec_iconBoard:after{content: '';position: absolute;top:-7px;width: 3px;height: 10px;background: #333;border-radius: 3px;}
	.exec_iconBoard:before{left: 10px;}
	.exec_iconBoard:after{left: 20px;}
	.exec_iconNoData{display: inline-block;width: 80px;height: 80px;border:2px solid #ccc;border-radius: 50%;color: #ccc;font-size: 50px;line-height: 80px;font-style: normal;}
	.exec_iconArrowR{position: relative;display: block;width: 0;height: 0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #666;}
	.exec_iconArrowR:after{content: '';position: absolute;top:-5px;left: -7px;z-index: 1;display: block;width: 0;height: 0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #fff;}
	
	.exec_wrap section{margin-bottom: 30px;}
	.exec_title{margin-bottom: 10px;}
	.exec_title h2{font-size: 1.2em;font-weight: bold;}
	.exec_title2{font-size: 1em;font-weight: bold;}
	.exec_title p{margin-top:5px;font-size: 0.9em;}
	.exec_title button{margin-top:5px;font-size: 0.9em;text-decoration: underline;color: #DF0012;}
	.exec_info{display: flex;align-items: center;margin-bottom:10px;padding:15px 20px;background: #f1f1f1;}
	.exec_info .exec_iconWrap{position: relative;flex:none;width: 45px;padding: 5px;margin-right: 15px;}
	.exec_info .exec_iconBoard .exec_bar{display: inline-block;width: 20px;height: 3px;margin-top: 5px;background: #333;border-radius: 3px;}
	.exec_info .exec_new{position: absolute;right:5px;bottom: 0;padding: 0 5px;background: #DF0012;color: #fff;font-size: 0.9em;line-height: 1.2em;border-radius: 1.2em;}
	.exec_info p{font-size: 0.9em;}
	.exec_info p + p{margin-top: 3px;}
	.exec_info p b{font-weight: bold;}
	
	.exec_formGroup label,
	.exec_label{display: block;margin-bottom: 10px;font-weight: bold;color: #222;font-size: 0.9em;}
	.exec_formGroup + .exec_formGroup{margin-top: 20px;}
	.exec_formGroup select{width: 100%;border:none;padding: 5px 10px;box-sizing: border-box;font-size: 0.8em;background: url('/img/skyblue/common/down_arrow_select2.png') no-repeat right transparent;background-size:10px auto;border-bottom:1px solid #b1b1b1}
	.exec_formGroup textarea,
	.exec_textbox{display: block;width: 100%;min-height: 150px;padding: 10px;resize: none;border:none;background: #fff;border: 1px solid #b1b1b1;box-sizing: border-box;font-size: 0.9em;line-height: 1.5em;}
	.exec_inputGroup{display: flex;align-items: center;}
	.exec_inputGroup + .exec_inputGroup{margin-top: 10px;}
	.exec_inputGroup label,
	.exec_inputGroup .label{flex:none;margin:0 10px 0 0;font-weight: normal;font-size: 0.9em;}
	.exec_inputGroup input,
	.exec_inputGroup .input{flex:1;width: 100%;background: #f1f1f1;border:none;padding: 5px 10px;box-sizing: border-box;font-size: 0.8em;line-height: 1.6em;}
	
	.exec_goalWrap{margin-top: 20px;padding: 15px 0;border-top: 2px solid #666;}
	.exec_goalWrap h3{margin-bottom: 5px;}
	.exec_goalWrap .exec_date{margin-bottom: 15px;color: #666;font-size: 0.9em;}
	.exec_goalGroup .exec_textbox{margin-bottom: 20px;min-height:30px}
	
	.exec_goalTable {width:100%;border-collapse:collapse;margin-bottom:1em}
	.exec_goalTable tr th,
	.exec_goalTable tr td{border:1px solid #b1b1b1;padding:6px 4px;word-break:break-all}
	.exec_goalTable tr th{background:#f1f1f1}
	.exec_goalTable tr.center td {text-align:center}
	
	.exec_noData{padding: 20px 0;text-align: center;color: #333;font-size: 0.9em;}
	.exec_noData .exec_iconNoData{margin-bottom: 20px;}
	
	.exec_searchForm{margin-bottom: 20px;}
	.exec_searchForm > div{display: flex;border-bottom: 1px solid #333;}
	.exec_searchForm > div button{flex:none;width: 30px;height: 30px;}
	.exec_searchForm > div input{flex:1;width: 100%;font-size: 0.9em;height: 30px;}
	.exec_searchForm .exec_btn{margin-top: 10px;}
	.exec_iconSearch{position: relative;display: block;width: 10px;height: 10px;border-radius: 50%;border:2px solid #666;}
	.exec_iconSearch:after{content: '';position: absolute;top:8px;left: 11px;width: 2px;height: 5px;transform: rotate(-45deg);background: #666;}

/* 버튼 ----------------------------------------------------------------------------------------- */
	/* 공통버튼 */
	.btnArea {padding:12px 12px 12px 0;border-top:1px solid #848484;color:#d9d9d9;text-align:right;background:#fff;}
	.btnArea button{color:#333;font-size:.9em;font-weight:bold;background:none;border:none;}
	.btnArea button span{display:inline-block;margin:0 3px 0 0;background:url('/img/skyblue/common/bg_btn_icon.png') no-repeat;background-size:200px auto;vertical-align:bottom;}
	.btnArea button span.btnTempSave {width:20px;height:20px;background-position:-77px -21px;}/* 임시저장 */
	.btnArea button span.btnAppl {width:20px;height:20px;background-position:-57px -21px;}/* 신청 */
	.btnArea button span.btnAppr {width:20px;height:20px;background-position:left -21px;}/* 결재 */
	.btnArea button span.btnReject {width:20px;height:20px;background-position:-17px -21px;}/* 반려 */
	.btnArea button span.btnBaseSave {width:20px;height:20px;background-position:-98px -21px;}/* 저장 */
	.btnArea button span.btnDel {width:20px;height:20px;background-position:-118px -21px;}/* 삭제 */
	
	/* 결재선 버튼 */
	.btnApprLine {position:relative;margin:0 !important;padding:12px 5px 12px 0;border-top:1px solid #f5b3b8;text-align:center;}
	.btnApprLine button {font-size:.9em;font-weight:bold;color:#fff;background:none;border:none;}
	.btnApprLine button span {display:inline-block;margin:0 5px 0 0;background:url('/img/skyblue/common/bg_btn_icon.png') no-repeat;background-size:200px auto;vertical-align:middle;}
	.btnApprLine button span.btnNew {width:15px;height:15px;background-position:-1px -125px;padding:0;}/* 결재선 새로지정 */
	
	/* 콘도선택, 결재선 추가 버튼 */
	.btnPlusArea {background:#f5f5f5;padding:17px 10px 10px 10px;margin:10px 15px;}/* 추가버튼 하나만 있을 경우에 사용 */
	.btnPlusArea2 {background:#f5f5f5;padding:10px;margin:10px 15px;}/* 추가버튼+리스트 같이 있을 때 사용 */
	.btnPlus {margin:0 !important;padding:0 0 10px 0;text-align:center;}
	.btnPlus button {font-size:.85em;background:none;border:none;font-weight:bold;color:#575757;}
	.btnPlus button span {display:inline-block;margin-right:5px;background:url('/img/skyblue/common/bg_btn_icon.png') no-repeat;background-size:200px auto;display:inline-block;vertical-align:middle;}
	.btnPlus button span.btnPlus01 {width:20px;height:20px;background-position:-60px -1px;padding:0;}/* 추가 */
	.btnPlus button span.btnPlus02 {width:20px;height:20px;background-position:-78px -1px;padding:0;}/* 콘도선택 */

/* 팝업 ----------------------------------------------------------------------------------------- */
	/*팝업 실행 시 나타나는 배경 */
	.popup_bg {position:fixed; left:0px; top:0px; visibility:true; width:100%; vertical-align:middle; text-align:center;display:block; height:100%;background:url('/img/common/pop_bg.png');}
	.pop_BG {position:fixed; left:0px; top:0px; visibility: show; z-index:5000; background:url('/img/common/pop_bg.png'); width:100%; vertical-align:middle; text-align:center;display:block; height:100%;}
	
	/* 팝업공통 1 - 고급검색, 직원검색 등 */
	.popupArea {position:fixed;left:0px;top:0px;visibility:true;width:100%;vertical-align:middle;text-align:center;display:block;height:100%;background:white;display:none;}
	.popupHeader {width:100%;height:37px;}
	.popupHeader2 {width:100%;height:auto;}/* 주소검색에만 사용 */
	.popupHeader2 .h37{height:37px;}/* 주소검색에만 사용 */
	.popupHeader h1 {padding:10px 0 0 10px; text-align:left; font-size:1.0em; font-weight:bold;color:#fff;}
	.popupHeader .btnClose {width:20px;height:16px;color:#fff;position:fixed;top:10px;right:5px;background:url('/img/common/pop_x2.png') no-repeat 0 0;background-size:16px auto;text-indent:-9999px;overflow:hidden;/*right:40px;*/}
	.popupContent {height:auto;overflow:hidden;}
	.popupFooter {width:100%;height:30px;background:#f4f4f4;border-top:1px solid #d9d9d9;}
	
		/* 팝업 - 공지사항 */
		.topArea {border-bottom:1px solid #c9c9c9;}
		.titArea{height:35px;line-height:35px;text-align:left;}
		.titArea .conTit {display:inline-block;width:68%;color:#000;font-size:.85em;line-height:1.2em;padding:0 10px 5px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align: middle;}
		.titArea .date{position:absolute;right:10px;color:#787878;font-size:.8em;margin:1px 0 0 0;}
		.conArea {display:inline-block;width:94%;color:#878787;font-size:.9em;line-height:1.7em;text-align:left;padding:10px;}
	
	/* 팝업공통 2 - 스킨선택, 내조직바로가기 등 */
	.popSmallArea {position:fixed;left:0px;top:0px;visibility:true;width:100%;vertical-align:middle;text-align:center;display:block;height:100%;background:transparent;display:none;}
	.popSmallWrap{position:absolute;top:50%;width:100%;margin-top:-59px;text-align:center;background:#fff;border-radius: 5px;}
	.popSmallWrap .tblList {padding-top:20px;}
	.popSmallWrap .tblList tr th {text-align:center;}
	.popSmallArea .btnArea {border-radius: 5px;border-top:0px;}
	.popSmall {position:relative;width:70%;height:auto;background-color:#fff;display:inline-block;}
	.popSmall .tit{height:28px;padding:10px 0 0 39px;color:#666;font-size:1.0em;font-weight:bold;text-align:left;background:url('/img/skyblue/common/blt_message.png') no-repeat 10px center;background-size:20px auto;border-bottom:1px solid #d9d9d9;}
	.popSmall .con{padding:15px 25px;}
	.popSmall li{display:block;line-height:2.3em;text-align:left;font-size:.9em;}
	.popSmall li.red{background:url('/img/common/chk_type.png') no-repeat 0 0px; background-size:45px auto;padding:0 0 0 39px;}
	.popSmall li.blue{background:url('/img/common/chk_type.png') no-repeat 0 -33px; background-size:45px auto;padding:0 0 0 39px;}
	.popSmall li.green{background:url('/img/common/chk_type.png') no-repeat 0 -68px; background-size:45px auto;padding:0 0 0 39px;}
	.popSmall input {position:relative;width:30%;margin-left:5%;text-align:center;}
	
	/* layerPopup - alert, confirm */
	.layerPop{height:auto;padding:0 0 10px 0;background:#fff;}
	.layerPop .tit{height:28px;padding:10px 0 0 39px;color:#555;font-size:1.0em;font-weight:bold;border-bottom:1px solid #d9d9d9;}
	.layerPop .tit2{height:28px;padding:10px 0 0 39px;color:#555;font-size:1.0em;font-weight:bold;border-bottom:1px solid #d9d9d9;}
	.layerPop .tit .titIcon{position:absolute;top:10px;left:12px;width:20px;height:20px;background:url('/img/skyblue/common/bg_btn_icon.png') no-repeat -149px -184px; background-size:250px auto;}
	.layerPop .tit2 .titIcon2{position:absolute;top:10px;left:12px;width:20px;height:20px;background:url('/img/skyblue/common/bg_btn_icon.png') no-repeat -177px -184px; background-size:250px auto;}
	.layerPop .con{width:200px;line-height:1.2em;font-size:.9em;padding:20px 40px;}
	.layerPop .btn{position:relative;width:98px;margin:0 auto;}
	.layerPop .btn2{position:relative;width:45px;margin:0 auto;}
	.btnConfirm{display:inline-block;border:1px solid #d9d9d9;border-radius:2px;background:#fff;box-sizing:border-box;vertical-align:middle;text-align:center;}
	.btnConfirm a{display:block;padding:5px 8px 4px 8px;color:#df0012;font-size:.8em;text-decoration:none;}
	.btnCancel{display:inline-block;border:1px solid #d9d9d9;border-radius:2px;background:#fff;box-sizing:border-box;vertical-align:middle;text-align:center;margin-left:5px;}
	.btnCancel a{display:block;padding:5px 8px 4px 8px;color:#555;font-size:.8em;text-decoration:none;}
	.btnClose {position:absolute;width:35px;height:35px;display:inline-block;background:url('/img/skyblue/common/pop_x.png') no-repeat top left;background-size:35px auto;top:-11px;right:-10px;z-index:1002;}/* confirm, alert창 사용*/
	
	/* 팝업 하단 버튼 */
	.btnFooter{padding:5px 0 0 0;text-align:center;color:#333;font-size:.9em;font-weight:bold;background:transparent;}
	.btnFooter span{display:inline-block;background:url('/img/common/bg_btn_icon.png') no-repeat;background-size:140px auto;vertical-align:middle;padding:0 5px 0 0;}
	.btnFooter span.btnSch{width:20px;height:20px;background-position:-95px 0px;}/* 검색버튼 */
	.btnFooter span.btnConfirm2{width:20px;height:20px;background-position:-95px -22px;}/* 확인버튼 */
	.btnFooter span.btnSave{width:20px;height:20px;background-position:-79px -22px;}/* 저장버튼 */

/* 코멘트 - 아이콘 없는 경우(공지사항) */
.cmt{padding:10px 15px 10px 15px;background:#fff;}
.cmt li{color:#575757;font-size:.85em;line-height:1.3em;text-align:left;}

	/* 조직검색 - 하단 더보기버튼 */
	.btnFootMore {background:#f5f5f5;padding:7px 0;margin:0 10px;font-size:.95em;text-align:center;}

	
/* EFFECT ----------------------------------------------------------------------------------------------------------------------  */
.ui-panel-animate {
    -webkit-transition: -webkit-transform 150ms linear;
    -webkit-transition-duration: 150ms;
    -moz-transition: -moz-transform 150ms linear;
    transition: transform 150ms linear;
}
.ui-panel-animate.ui-panel-position-left.ui-panel-display-overlay,.ui-panel-animate.ui-panel-position-left.ui-panel-display-push {
  left: 0;

  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.ui-panel-animate.ui-panel-position-right.ui-panel-display-overlay,.ui-panel-animate.ui-panel-position-right.ui-panel-display-push {
  right: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0)
}

.st {display:inline-block;overflow:hidden;width:36px;height:16px;line-height:18px;*line-height:17px;color:#51b5ff;letter-spacing:-1px;font-weight:bold;font-size:11px;font-family:Dotum;text-align:center;background:url(/img/common/bg_status.png) no-repeat;vertical-align:middle;}
@-moz-document url-prefix() {.st {line-height:15px;} }
@media \0screen {.st {line-height:15px;} }

.stB {background-position:0 -20px;color:#fb9a3b !important;}
.stC {background-position:0 -40px;color:#22b600 !important;}

/* alert창 최상위로 */
.hunel-wrap {z-index:2049;}