@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 #007fc9; border-top:none; border-left:none; border-right:none; outline-color:#007fc9;}
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:#007fc9}
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 #007fc9; border-top:none; border-left:none; border-right:none;outline-color:#007fc9;}
input[type="number"].noti {border:1px solid #99e7f3; border-top:none; border-left:none; border-right:none; height:24px; color:#007fc9}
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 #007fc9; border-top:none; border-left:none; border-right:none;outline-color:#007fc9;}
input[type="tel"].noti {border:1px solid #99e7f3; border-top:none; border-left:none; border-right:none; height:24px; color:#007fc9}
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 #007fc9; border-top:none; border-left:none; border-right:none;outline-color:#007fc9;}
input[type="time"] {border:1px solid #b1b1b1; border-top:none; border-left:none; border-right:none; width:100%;height:24px;line-height:26px; color:#878787;}
input[type="time"]:focus {border:1px solid #007fc9; border-top:none; border-left:none; border-right:none;outline-color:#007fc9;}
input[type="input"]:focus {outline-color:#007fc9;}
input[type="password"]:focus {outline-color:#007fc9;}
/* 날짜타입 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 #007fc9; border-top:none; border-left:none; border-right:none;outline-color:#007fc9;}
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:#007fc9;}/*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%;}
/* .scrollBox {width:100%;height:100%;  transition-property: none !important;transform: none !important; overflow-y : auto;} */

.bgColor_basic {background:#007fc9;}
.bgColor_main {background:#007fc9;}
.bgColor_sub {background:#f2f2f2;}
.bgColor_sub2 {background:#ff7a00;}
.txtColor_basic {color:#007fc9 !important;}
.txtColor_point {color:#ff7a00 !important;}
.txtColor_red {color:#e9302e !important;}

.text2 {letter-spacing:26px;}
.text2_22 {letter-spacing:22px;}/* 2019-01-14 추가 */
.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;}
.pt12 {padding-top:12px !important;}
.pt27 {padding-top:27px !important;}
.pl10 {padding-left:10px !important;}
.pl12 {padding-left:12px !important;}
.pb5 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !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;}

.wp28{width:28% !important;}
.wp30{width:30% !important;}
.wp35{width:35% !important;}
.wp50{width:50% !important;}
.wp60{width:60% !important;}
.wp68{width:68% !important;}
.wp100{width:100% !important;}

.hp100{height:100% !important;}

.wx40 {width:40px !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:-166px;text-align:center;}
#m_header {position:relative;height:60px;}
#m_header.line{border-bottom:1px solid #a1e2ff;text-align:center;}
#m_header h1 {padding-top:18px;text-align:center;font-size:1.2em;color:#fff;}
#m_header .logo {padding-top:10px;text-align:center;font-size:1.2em;color:#fff;}
#m_header h1 img {width:70px;height:41px;}
/* #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:19px;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:17px;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 a.detail {width:24px;height:24px;background-position:-18px -98px !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:url('/img/skyblue/bg_login.gif') repeat;background-size:100% 100%;}
h1.login {padding:0 0 80px; text-align:center;}
h1.login img {content:url('/img/skyblue/img_logo01.png');width:100px;height:58px;}
.loginArea {padding:0 50px;}
.inputForm {position:relative;padding:20px 0;border-bottom:1px solid #ababab;}
.inputForm .loginIcon {position:absolute; background:url('/img/skyblue/common/bg_btn_icon.png') no-repeat;background-size:160px auto;display:block;}
/*
.inputForm:nth-child(1) .loginIcon {top:17px;left:3px;width:12px;height:14px;background-position:-2px -50px;}
.inputForm:nth-child(2) .loginIcon {top:16px;left:3px;width:13px;height:14px;background-position:-21px -50px;}
.inputForm:nth-child(3) .loginIcon {top:16px;left:3px;width:11px;height:14px;background-position:-40px -50px;}
*/
.inputForm input {width:94%;background:none;border:none;color:#878787;}
.inputForm select {width:94%;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:37px;margin:0 auto;border:none;color:#fff;font-weight:bold;font-size:1em;font-family:verdana;margin-top:30px;border-radius:37px;}

/* 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;line-height:21px; background:#ff9a00; border-radius:20px; color:#fff; font-weight:bold; text-align:center; font-size:.9em;}
    
    /* 왼쪽메뉴 */
    .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; top:3px; right:67px;width:16px; height:16px;line-height:17px; text-align:center; border-radius:16px; background:#ff7a00; color:#fff; font-size:.75em;}
    
    .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:#007fc9;}
    .menuOn .memuL dd ul li span {position:absolute; top:10px; right:16px; width:16px; height:15px; padding-top:1px; background:#007fc9; border-radius:12px; color:#fff; font-weight:bold; text-align:center; font-size:.9em;}
    
    .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:65px;height:65px;padding:5px 0 0 5px;background-size:78px auto;z-index:10;}
    .photoArea { position:relative;top:-76px;left:6px;padding-top:100%;overflow:hidden;border-radius:67px;} 
    .photoArea .photo { position:absolute;top:0;left:0;right:0;bottom:0;-webkit-transform: translate(50%,50%);-ms-transform:translate(50%,50%);transform:translate(50%,50%);} 
    .photoArea .photo img { position:absolute;top:0;left:0;max-width:100%;height:auto;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
    .photoArea .photo input {background:#fff;border:0;width:80%;color:#666;height:20px;}
    .chartArea {position:relative;display:inline-block;width:77px;height:77px;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:67%;height:87px;padding:17px 0 0 0;}
    .info dt {font-size:1.1em;color:#fff;display:block;}
    .info dd {font-size:.9em;color:#06deff;}
    .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;}
    .photoWrap2 {position:absolute;top:12px;left:15px;width:68px;height:68px;padding:5px;border-radius:68px;background:#fff;z-index:20;}
    .photoArea2 { position:relative;top:0px;left:0px;padding-top:100%;overflow:hidden;border-radius:67px;} 
    .photoArea2 .photo { position:absolute;top:0;left:0;right:0;bottom:0;-webkit-transform: translate(50%,50%);-ms-transform:translate(50%,50%);transform:translate(50%,50%);} 
    .photoArea2 .photo img { position:absolute;top:0;left:0;max-width:100%;height:auto;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
    .photoArea2 .photo 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;}
    .photoArea2 .photo 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:20px 0 ;border-bottom:2px 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:47px;margin:0 auto;background:url('/img/skyblue/bg_main_t.gif') no-repeat;background-size:350px auto;display:block;font-size:.9em;color:#000;text-align:center;}
    .mainTab li:nth-child(1) a {background-position:8px top;}
    .mainTab li:nth-child(2) a {background-position:-83px top;}
    .mainTab li:nth-child(3) a {background-position:-188px top;}
    .mainTab li:nth-child(4) a {background-position:-292px top;}
    .mainTab li a span {position:absolute;top:-7px;right:6px;width:20px;height:20px;line-height:21px;border-radius:20px;font-size:.9em;color:#fff;text-align:center;}
    
    /* 공지사항 */
    .notice {padding:15px 0 19px 10px;}
    .notice dt {height:24px;line-height:28px;color:#007fc9;font-size:1em;font-weight:bold;padding:0 0 17px 0;vertical-align:top;}
    .notice dd {color:#878787;font-size:.9em;padding:11px 0 11px 7px;margin-left:20px;border-top:1px solid #e7e7e9;}
    .notice dd a{display:inline-block;width:70%;}
    .notice .date{position:absolute;right:15px;font-size:.9em;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:#007fc9;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;word-break:break-all;}

/* contents page 공통 ------------------------------------------------------------------------------------------------------------- */
    /* contents page 상하좌우 여백 */
    .contentsWrap {padding:15px 12px 0 12px;}/* 모든 업무단 페이지 div */   
    .contentsWrap2 {padding:0 12px;}/* 신청서 파일첨부 및 레이어 용도 */     
    .contentsWrap3 {padding:15px;}/* 신청/결재내역 상세 - 카드형태 리스트 */
    
    /* 필수값 */
    .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:#007fc9;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:32px;height:20px;line-height:21px;vertical-align:middle;border-radius:39px;background:#00c2e0;color:#fff;font-size:.9em;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:#007fc9}
    .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:#007fc9; 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:auto; background:#fff; margin:12px;}
    .noticeWrap li{border-bottom:1px solid #e2e2e4;padding:10px 0;}
    .noticeDate {padding-left:15px;}
    .notiIcon {position:relative;}
    .notiIcon span{position:absolute;top:0px;left:0px;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:-21px -77px;}
    .notiIcon span.noticeTitle {position:absolute;top:45px;left:10px;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:#007fc9; 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:#007fc9;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 0;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:32px;height:22px;line-height:20px;border-radius:39px;background:#00c2e0;color:#fff;font-size:.9em;text-align:center;display:inline-block;}
    .schTab li.on a {border-bottom:2px solid #007fc9;color:#007fc9;}

    /* 인사 > 직원검색 > 일반검색 탭 - 공통(주소검색) */
    .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:10px 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 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;}
    .photoWrapS {position:absolute;top:3px;left:0px;width:45px;height:45px;padding:5px;border-radius:45px;z-index:20;}
    .photoAreaS { position:relative;top:0px;left:0px;padding-top:100%;overflow:hidden;border-radius:67px;} 
    .photoAreaS .photo { position:absolute;top:0;left:0;right:0;bottom:0;-webkit-transform: translate(50%,50%);-ms-transform:translate(50%,50%);transform:translate(50%,50%);} 
    .photoAreaS .photo img { position:absolute;top:0;left:0;max-width:100%;height:auto;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}       
    .employeeInfo {padding:4px 25px 0 60px;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;}
    .orgTop dt {height:33px;line-height:31px;font-size:1em;color:#575757;padding:0 0 0 12px;}
    .orgTop dd {font-size:.9em;color:#878787;padding:0 0 0 34px;}
    .orgIcon {display:inline-block;width:22px;height:33px;background:url('/img/skyblue/common/bg_btn_icon.png') no-repeat 0px -47px;background-size:180px;}
    .orgData {height:33px;vertical-align:top;}
    
/* 신청서 ---------------------------------------------------------------------------------------------------------------------- */
    /* 상단 셀렉트 박스(급여명세서+신청내역+결재내역+현황 공통) */
    .topSelectArea {height:25px;padding:8px 0;}
    .topSelectArea span {display:block;margin:0 10px;}
    .topSelectArea span select {height:25px;line-height:24px;border:1px solid #a1e2ff;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 #80e1f0;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 #80e1f0;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 #66daec;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:#007fc9;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;}
    .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 {padding:15px;background:#f2f2f2;}
    .apprLine:after {clear:both;display:block;visibility:hidden;content:'';}
    *+ html .apprLine {display:inline-block;}
    * html .apprLine {display:inline-block;}
    .apprLine li {float:left;width:31%;margin:0 10px 0 0;background:url('/img/red/common/bg_de01.png') no-repeat right 12px;background-size:9px auto;color:#575757;font-size:.9em;text-align:left;}
    .apprLine li:last-child {width:31%;background:none;}
    .apprLine li:nth-child(3){margin:0;}
    .apprLine li .post {display:block;padding:6px 0 2px 0;} 
    .apprLine li .name {display:block;padding:0 0 8px 0;}
    
    /* 결재선 지정 화살표 */
    .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:1em;font-weight:normal;text-align:right;}/* 콘도신청서 > 신청기간 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;}
    
    /* 근태신청서 기간 */
    .apprPeriod {}
    .apprPeriod li {display:inline-block;width:46%;}
    .apprPeriod li.term {display:inline-block;width:5%;height:18px;;background:url('/img/common/ndash.gif') no-repeat center 65%;}
    .apprPeriod li.lastPer {display:inline-block;width:46%;float:right;}
    
    /* 근태신청서 총일수,적용일수,잔여일수 */
    .tmPeriod {height:73px;background:#fafafa;}
    .tmPeriod li {float:left;width:33%;text-align:center;border-right:1px solid #eee;}
    .tmPeriod li:last-child {border-right:0;}
    .tmPeriod li dl {text-align:center;}
    .tmPeriod li dl dt {color:#333;font-size:.9em;padding:5px 0 0 0;}
    .tmPeriod li dl dd {display:block;padding:3px 0 0 0;text-align:center;}
    .tmPeriod li dl dd input {width:auto;color:#757575;font-size:1.5em;font-weight:bold;text-align:center !important;border:0 !important;background:none !important;margin:0 !important;padding:0 !important;}
    .tmPeriod li dl dd input.total {color:#ffbb28;}
    
    /* 2019-03-28 근태 종류에 따라 적용일수 등 표시 방법 다양화 적용 hhi  */
    .tmPeriod2 {height:73px;background:#fafafa;}
    .tmPeriod2 li {float:left;width:49%;text-align:center;border-right:1px solid #eee;}
    .tmPeriod2 li:last-child {border-right:0;}
    .tmPeriod2 li dl {text-align:center;}
    .tmPeriod2 li dl dt {color:#333;font-size:.9em;padding:5px 0 0 0;}
    .tmPeriod2 li dl dd {display:block;padding:3px 0 0 0;text-align:center;}
    .tmPeriod2 li dl dd input {width:auto;color:#757575;font-size:1.5em;font-weight:bold;text-align:center !important;border:0 !important;background:none !important;margin:0 !important;padding:0 !important;}
    .tmPeriod2 li dl dd input.total {color:#ffbb28;}
    
    /*근태신청서 잔여시간 */
    .restTime {font-size:.9em;}
    
    /* 학자금신청서 */
    .appWrap2 {display:block;background:#fff;border:1px solid #c9c9c9;padding:10px;margin:0 10px;}
    /* .eduExpense {padding:10px 0;background:#f5f5f5;margin:0 0 10px 0;} */

    /* 신청내역 > 신청내역 상세 > 학자금신청서 */
    .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;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;}
    .grayBox dt {height:33px;line-height:31px;font-size:.9em;color:#575757;padding:0 0 0 12px;}
    .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:#ff7a00;font-size:1.2em;font-weight:bold;}
    
    .payTitle {display:block;color:#007fc9;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;}
    .fileArea ul {margin:5px 0 0 10px;}
    .fileArea li {line-height:1.2em;padding:0 0 0 10px;background:url('/img/common/blt.gif') no-repeat left 8px;}
    
    /* 데이터 없을 경우 */
    .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%;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;}
    .survey li:last-child {border-bottom:0;}
    .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:#007fc9;}
    .ingBox  {display:block;background:#fff;border-radius:20px;width:54px;height:20px;line-height:20px;margin-top:3px;padding:0 3px;text-align:center;font-weight:bold;font-size:.8em;color:#ff7a00;}
    .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:#007fc9;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;}
    
/* 버튼 ----------------------------------------------------------------------------------------- */
    /* 공통버튼 */
    .btnArea {padding:12px 12px 12px 0;border-top:1px solid #848484;color:#d9d9d9;text-align:right;background:#fff;}
    .btnArea button{color:#007fc9;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 #009bb3;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;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/red/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;}
        .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;}
    .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:#007fc9;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:#007fc9;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;}

/* 하단 더보기 */
.moreArea {position:absolute;width:100%;height:45px;line-height:45px;padding:5px;z-index:2080;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)
}

    
/*--HSM 신청서 공지 추가---------------------------------*/
    /* 팝업 하단 버튼 */
.infoCmt{margin:15px;}
.infoCmt li{background:url(/img/skyblue/common/icon.png) left top 3px no-repeat;background-size:25%  ;padding-left:25px;vertical-align:top; padding-bottom:10px; text-align:left;}