@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 100;
    src: local('Noto Sans Thin'), local('NotoSans-Thin'),
    url(fonts/NotoSansKR-Thin-Hestia.eot),
    url(fonts/NotoSansKR-Thin-Hestia.eot?#iefix) format('embedded-opentype'),
    url(fonts/NotoSansKR-Thin-Hestia.woff) format('woff'),
    url(fonts/NotoSansKR-Thin-Hestia.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 300;
    src: local('Noto Sans Light'), local('NotoSans-Light'),
    url(fonts/NotoSansKR-Light-Hestia.eot),
    url(fonts/NotoSansKR-Light-Hestia.eot?#iefix) format('embedded-opentype'),
    url(fonts/NotoSansKR-Light-Hestia.woff) format('woff'),
    url(fonts/NotoSansKR-Light-Hestia.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 350;
    src: local('Noto Sans DemiLight'), local('NotoSans-DemiLight'),
    url(fonts/NotoSansKR-DemiLight-Hestia.eot),
    url(fonts/NotoSansKR-DemiLight-Hestia.eot?#iefix) format('embedded-opentype'),
    url(fonts/NotoSansKR-DemiLight-Hestia.woff) format('woff'),
    url(fonts/NotoSansKR-DemiLight-Hestia.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans Regular'), local('NotoSans-Regular'),
    url(fonts/NotoSansKR-Regular-Hestia.eot),
    url(fonts/NotoSansKR-Regular-Hestia.eot?#iefix) format('embedded-opentype'),
    url(fonts/NotoSansKR-Regular-Hestia.woff) format('woff'),
    url(fonts/NotoSansKR-Regular-Hestia.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 500;
    src: local('Noto Sans Medium'), local('NotoSans-Medium'),
    url(fonts/NotoSansKR-Medium-Hestia.eot),
    url(fonts/NotoSansKR-Medium-Hestia.eot?#iefix) format('embedded-opentype'),
    url(fonts/NotoSansKR-Medium-Hestia.woff) format('woff'),
    url(fonts/NotoSansKR-Medium-Hestia.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans Bold'), local('NotoSans-Bold'),
    url(fonts/NotoSansKR-Bold-Hestia.eot),
    url(fonts/NotoSansKR-Bold-Hestia.eot?#iefix) format('embedded-opentype'),
    url(fonts/NotoSansKR-Bold-Hestia.woff) format('woff'),
    url(fonts/NotoSansKR-Bold-Hestia.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 900;
    src: local('Noto Sans Black'), local('NotoSans-Black'),
    url(fonts/NotoSansKR-Black-Hestia.eot),
    url(fonts/NotoSansKR-Black-Hestia.eot?#iefix) format('embedded-opentype'),
    url(fonts/NotoSansKR-Black-Hestia.woff) format('woff'),
    url(fonts/NotoSansKR-Black-Hestia.otf) format('opentype');
}
body,table,input,select,textarea,button,.ui-btn{font-family:'Apple SD Gothic Neo','Nanum Gothic',Arial,Helvetica,sans-serif}
.ui-field-contain{border-bottom-width:0}
.ui-field-contain,.ui-mobile fieldset.ui-field-contain{padding:.4em 0}
.custom-corners .ui-bar{-webkit-border-top-left-radius:inherit;border-top-left-radius:inherit;-webkit-border-top-right-radius:inherit;border-top-right-radius:inherit}
.custom-corners .ui-body{border-top-width:0;-webkit-border-bottom-left-radius:inherit;border-bottom-left-radius:inherit;-webkit-border-bottom-right-radius:inherit;border-bottom-right-radius:inherit}
.controlgroup-textinput{padding-top:.1em;padding-bottom:.05em}
.mgTop{margin-top:10px}
.mgTop3{margin-top:30px}
.center{text-align:center}
.right{text-align:right}
.valign-c{vertical-align:middle}
.valign-t{vertical-align:top}
.colorRed{color:red}
.colorBlue{color:blue}
.colorGray{color:gray}
.small{font-size:0.8em}
.small2{font-size:0.6em}
.small3{font-size:0.9em}
.cursorPointer{cursor:pointer}
#headerBack{margin-left:35px}
#headerHome{margin-right:35px}

.readData{margin:0;padding:0}
.readData li{margin:0;list-style:none;font-size:0.8em;display:inline-block;padding:0 10px 0 0}

/* 에러메세지 */
#errorMsg{font-size:0.9em}
#errorMsg p.etitle{margin:0;padding:0 0 10px 0;font-weight:bold;color:red}
#errorMsg p.emsg{margin:0;padding:0;font-size:0.9em}
p.emsg-small{margin-top:0;font-size:0.9em;font-weight:bold;color:red}

/* 로그인 */
.loginHeader{margin-top:0;font-size:1.7em}

/* 사용자 정보 */
.member{margin-top:10px;font-weight:bold;font-size:1.5em;vertical-align:top}
.member img{width:80px;vertical-align:middle}
.member p{margin:0;padding:10px 0 0 0;text-align:right}
.member p.usernm{padding-top:5px;font-size:.8em}
.member p.usernm span{color:gray;font-size:0.7em}
.userInfo{margin:0;padding:10px 0 20px 0;text-align:right;font-size:0.8em;color:gray}
.userInfo span{display:block}

/* 메뉴리스트 */
.menuClose{margin:0;padding:25px}

/* 파일 뷰 */
.fileView{margin-top:5px}
.fileView ul{margin:0;padding:0}
.fileView ul li{margin:0;list-style:none;font-size:0.9em;display:inline-block;padding:0 10px 0 0}

/* 게시판 */
#bowBoardView .readData{margin:0;padding:0}
#bowBoardView .readData li{margin:0;list-style:none;font-size:0.8em;display:inline-block;padding:0 10px 0 0}
#bowBoardView .readMeetingData{margin:0;padding:0}
#bowBoardView .readMeetingData li{margin:0;list-style:none;font-size:0.8em;padding:0 10px 0 0}

/* 결재 */
.bowApprovalSwatch p{margin:0}
#approvalView h3,#approvalView p,#approvalView span{overflow:visible;white-space:normal}
#approvalView .ui-listview .ui-li-aside{right:0.5em}
#approvalView .topmargin{margin-top:30px}
#approvalView .topmargin2{margin-top:20px}
#approvalView .topmargin1{margin-top:10px}
#approvalView .txtDS{font-size:1em}

/* 업무일지 */
#diarySetting-pop p{margin:0;}
#bowDiaryInfo .btnPosition{position:absolute;right:10px;top:5px}
#bowDiary h3{margin:0;font-size:.8em;}

/* 행선지판 */
.placeRange{margin-top:-3px}
.searchPanel h3{margin:0;padding:0}
.searchPanel li a{font-size:0.8em}

/* 달력 */
#bowCalendarTitle{position:relative}
#bowCalendarTitle h2{text-align:center;margin:0;padding:5px}
#bowCalendarTitle .ui-block-a a{position:absolute;left:0;top:-3px}
#bowCalendarTitle .ui-block-c a{position:absolute;right:0;top:-3px}
#bowCalendar h3 span{font-size:0.7em}
#bowCalendar .calData{overflow:visible;white-space:normal;word-break:keep-all;word-wrap:break-word}
#bowCalendar img{width:35px}

/* 전화번호부 */
#bowPhone img{position:absolute;left:8px;top:11px;width:60px}
#bowPhone .ui-link{font-size:1.2em;text-decoration:none}

/* BoA Things */
.BoAThings{margin:10px auto 0;padding:0;width:85px;list-style:none}
.BoAThings::after {content:"";clear:both;display:table}
.BoAThings li{margin:0;padding:5px 0;float:left}
.BoAThings .label{padding:.5em .8em;font-size:1em}

/* 출근부 */
.commuteData{margin:0;padding:0;list-style:none}
.commuteData li{margin:0;padding:0 0 5px 10px;font-size:0.8em;float:left}
.label{font-size:0.8em;text-align:center;margin:0 .2em;padding:.3em .48em;line-height:1.6em;min-height:1.6em;min-width:.64em;color:#fff;-webkit-border-radius:.3125em;border-radius:.3125em}
.label-default{background-color:#777;text-shadow:0 1px 0 #777}
.label-primary{background-color:#428bca;text-shadow:0 1px 0 #428bca}
.label-success{background-color:#5cb85c;text-shadow:0 1px 0 #5cb85c}
.label-info{background-color:#5bc0de;text-shadow:0 1px 0 #5bc0de}
.label-warning{background-color:#f0ad4e;text-shadow:0 1px 0 #f0ad4e}
.label-danger{background-color:#d9534f;text-shadow:0 1px 0 #d9534f}

/* 출근현황 */
.realTime{margin:0;padding:0;list-style:none}
.realTime li{margin:0;padding:5px 0;float:left}
.realTime .label{padding:.5em .48em;font-size:0.6em}

/* 사원증 */
#userInfo-panel{width:20em;box-shadow:none;}
#userInfo-panel .ui-panel-inner{padding:10px 3px;}
.nameCard{font-family:'Noto Sans Korean',sans-serif;font-size:1em;font-weight:normal;padding:25px 30px;height:450px;background:url(../images/bg_namecard.gif) no-repeat;background-size:cover;border-radius:15px;}
.nameCard .profile{width:120px;}
.nameCard .profile .profile_img{width:120px;border-radius:15px;overflow:hidden;}
.nameCard .profile .profile_img img{width:100%;}
.nameCard .profile span{display:block;}
.nameCard .profile .title_team{margin-top:10px;}
.nameCard .profile .title_name{float:left;clear:left;font-size:25px;font-weight:bold;margin-top:10px;margin-bottom:10px;}
.nameCard .profile .title_position{float:left;margin-top:11px;margin-left:5px;color:#686868;}
.nameCard .profile .title_number{clear:both;margin-top:10px;}
.nameCard .btn_close_card{position:absolute;width:35px;height:35px;right:30px;top:30px;background:#e7e7e7;border-radius:10px;border:0;text-indent:-9999px;}
.nameCard .btn_close_card:before{position:absolute;top:18px;left:8px;display:block;width:20px;height:2px;content:"";background:#626262;transform:rotate(45deg);}
.nameCard .btn_close_card:after{position:absolute;top:18px;left:8px;display:block;width:20px;height:2px;content:"";background:#626262;transform:rotate(-45deg);}
.nameCard .login_time{position:absolute;top:70px;right:30px;font-size:10px;color:#9c9c9c;text-align:right;line-height:1.5;}
.nameCard .btn_logout{text-decoration:none;color:#666;position:absolute;right:40px;top:450px;border:#919191 solid 1px;border-radius:#4b4b4b solid 1px; padding:3px 7px;border-radius:10px; background:#fff; font-size:12px; line-height:21px;}
.nameCard .btn_door{width:180px;margin-top:15px;overflow:hidden;}
.nameCard .btn_door button{font-weight:normal;color:#666;float:left;display:block;width:45px;height:45px;line-height:23px;padding:3px 0 0 0;margin-right:8px;margin-bottom:8px;text-align:center;border:#4b4b4b solid 1px;background:#fff;border-radius:40px;color:#000;}
.nameCard .btn_door button:hover{font-weight:normal;background:#4b4b4b;color:#fff;}

/* bowUser */
#bowUser li, #bowUser p{font-size:1em;}
#bowUser .ui-li-count{font-size:.9em;}
#bowUser li p.head{font-size:1em;}