@charset "utf-8";

.fs25 {font-size:25px;line-height:36px;}
.bg_fc {background-color:#fcfcfc;}
.bg_fd {background-color:#fdfdfd;}
.bg_fbfbfa {background-color:#fbfbfa;}
.fc_b97f02 {color:#b97f02;}
.fc_ed6d01 {color:#ed6d01}
.fc_a68619 {color:#a68619}
.fc_8d390f {color:#8d390f}
.fc_003686 {color:#003686;}
.fc_3369ba {color:#3369ba}
.fc_12366b {color:#12366b}
.fc_0b5f60 {color:#0b5f60;}
.lh26 {line-height:26px;}
.bg_e8eaf2 {background-color:#e8eaf2;}
.bg_faf7ea {background-color:#faf7ea;}
.dash {display:block;}
.dash li {position:relative;padding-left:10px;}
.dash li:before {content:'-';position:absolute;left:0;top:0;width:10px;}
.bullet02 {display:block;}
.bullet02 li {background:url(/ManageSites/DPS/images/sub/bullet02.png) no-repeat 0 50%;padding-left:15px;}
.serif {font-family:batang,"바탕체", serif !important;font-weight:bold;}
.bt_hrm_search {display:block;box-sizing:border-box;border:0;height:34px;line-height:32px;background-color:#5c6175;padding:0 10px;color:#fff;font-weight:bold;}
.bt_ico_search {border:0;width:36px;height:34px;background:#5c6175 url(/ManageSites/DPS/images/common/ico_search.png) no-repeat 50% 50%;}
.tbl {display:table;}
.tbl .tbl_cell {display:table-cell;box-sizing:border-box;}

/* 소개및인사말  */
.mobile_cont {display:none;}
.pc_cont {display:block;}

/*오시는 길*/
.direction {font-size:14px; line-height:28px; margin:20px 0 0;}
.direction .map {border:1px solid #d7d7d7;width:728px; height:509px;}
.direction .contract { margin:20px 0 0;}
.direction .traffic { margin:50px 0 0;}

/* 사업영역 */
.business {line-height:1.765em;font-size:17px;}
.business h4.ic_cir {height:45px;}
.bg_service04 {background:url(/ManageSites/DPS/images/sub/service04_01.png) no-repeat 50% 0;}
.box {margin:0 auto;width:53.2%;height:45px;border-radius:22px;overflow:hidden;}
.box h5 {display:table;width:100%;color:#fff;font-size:17px;text-align:center;}
.box h5 span {display:table-cell;width:100%;vertical-align:middle;height:40px;}
.bg_service04 .tbl {text-align:center;}
.bg_service04 .tbl li {box-sizing:border-box;vertical-align:middle;height:125px;}
.bg_service04 .tbl li:first-child,
.bg_service04 .tbl li:last-child {width:42.3%;}
.bg_service04 .tbl li:first-child {padding-left:30px;}
.bg_service04 .tbl li:last-child {padding-right:30px;}
.bg_088f91 {background-color:#088f91}
.bg_55a36d {background-color:#55a36d}
.box2 {box-sizing:border-box;border-top:2px solid;border-bottom:1px solid #c9c9c9;padding:35px 0;margin-bottom:10px;}
.box2 .tbl {}
.box2 .tbl li {box-sizing:border-box;}
.box2 .tbl li:first-child {width:24%;line-height:45px;text-align:center;}
.fst {border-top-color:#078f91}
.sec {border-top-color:#94be6c}
.thr {border-top-color:#be816c}
.box2 .tbl .dash {margin-left:25px;}
.box2 .tbl .dash li:first-child {width:100%;text-align:left;line-height:30px;}

/* 근태관리*/
.calendar_module {font-family:"Malgun Gothic","MalgunGothic","맑은고딕",serif !important;}
.calendar_module .calendar_head {}
.calendar_head .info_area {border-bottom:1px solid #000;}
.calendar_head .info_area ul {display:table;width:100%;border-top:1px solid #a2a2a2;padding:10px 0;}
.calendar_head .info_area ul:first-child {border-top:1px solid #000;}
.calendar_head .info_area ul li {display:table-cell;vertical-align:middle;box-sizing:border-box;padding-left:10px;}
.calendar_head .info_area ul li:first-child {padding-left:0}
.calendar_head .info_area label {font-weight:bold;}
.calendar_head .info_area input[type="text"],
.calendar_head .info_area input[type="password"],
.calendar_head .info_area input[type="date"],
.calendar_head .info_area input[type="file"],
.calendar_head .info_area input[type="number"] {box-sizing:border-box;height:34px;border:1px solid #cdcdcd;padding-left:10px;}
.calendar_head .sort_area {padding:25px 0}
.calendar_head .sort_area .data_view {position:relative;display:table; width:100%;text-align:center;}
.data_view .year {display:table-cell;width:30%;vertical-align:middle;color:#000}
.data_view .bt_list {display:table-cell;width:30%;vertical-align:middle; text-align:right;}
.data_view .date {display:table-cell;width:40%;text-align:center;}
.data_view .date button {font-size:15px;font-weight:bold; letter-spacing:-0.05em;line-height:150%;}
.data_view .prev {float:left;height:39px; background: url(/images/common/bg_cal_prev.png) no-repeat 0 0; padding-left:50px;}
.data_view .next {float:right;height:39px; background: url(/images/common/bg_cal_next.png) no-repeat 100% 0;padding-right:50px;}
.data_view .month {font-size:20px; color:#0a0aa3;font-weight:bold; letter-spacing:-0.05em; line-height:100%; }
.selctbox {box-sizing:border-box;height:34px;border:1px solid #cdcdcd;padding-left:10px; padding-right:36px;-webkit-appearance: none;-moz-appearance: none;appearance: none;background:#fff url(/ManageSites/DPS/images/common/select_calendar.png) no-repeat 100% 50%;.background : none;background : none\0;background : none\0/;}
.selctbox {background /*\**/:#fff\9;padding-right /*\**/:0\9;}
.selctbox::-ms-expand { display: none; }

.calendar_head .sort_area .view_type {}
.calendar_module .calendar_body {}
.calendar_body .month_frame {position:relative;}
.month_frame .monthly_calendar {position:relative;border-top:3px solid #11b5a4;color:#000;}
.monthly_calendar .sun {color: #ff6600}
.monthly_calendar .sat {color: #0476b8}
.monthly_calendar .holiday { color: #ff6600 !important }
.monthly_calendar .disable { color: #999 }
.monthly_calendar .not_empty {background:#f0fafe}
.monthly_calendar .today {background:#ffffdf;}
.monthly_calendar .month_head { width: 100%;border-bottom: 1px solid #000;height:50px; box-sizing:border-box;}
.monthly_calendar .month_head th {line-height:45px; font-size:17px;font-weight:bold;border-right:1px solid #d2d2d2;text-align:center;box-sizing:border-box; }
.monthly_calendar .month_head tr th:first-child {border-left:1px solid #d2d2d2;}
.monthly_calendar .month_body {}
.month_body .schedule_list { width: 100%;border-bottom: 1px solid #000;}
.month_body .schedule_list .month_cell {border-right: 1px solid #d2d2d2;border-bottom:1px solid #000; vertical-align: top;color: #000 }
.month_body .schedule_list tr td.month_cell:first-child {border-left:1px solid #d2d2d2;}
.schedule_list .month_col {position:relative; height:99px;font-size:15px;letter-spacing:-0.05em; }
.today div.month_col {border:2px solid #ed7023; box-sizing:border-box;}
.schedule_list .date {display:table;overflow:hidden;letter-spacing:-0.075em; line-height:1.5}
.schedule_list .date li {display:table-cell;vertical-align:top; padding:5px 5px 0 10px;}
.schedule_list .date li+li{padding:7px 0 0 0;color:#777; }
.schedule_list .date strong {font-size:17px;}
.schedule_list .schedule {display:block; padding-left:10px;overflow:hidden;cursor:pointer;font-size:14px;}
.schedule_list .schedule .info {}
.schedule_list .schedule .info a {display:block;color:#000;background: url(/ManageSites/DPS/images/common/bullet_calendar.png) no-repeat 0 45%;padding-left:8px;letter-spacing:-0.05em;overflow: hidden; white-space:nowrap ;text-overflow: ellipsis; }
.schedule_list .schedule .info a:hover {color:#ff0000;}
.schedule_list .more_count {display:none;height:25px;line-height:normal;}
.schedule_list .more_count a {display:block;padding-right:10px;text-align:right;font-weight:bold; color:#777;line-height:normal;cursor:pointer; }
.schedule_list .more_count a:before {content:'+'; display:inline-block; margin-right:3px;font-weight:bold;font-size:14px;}

.schedule_list .month_col.disable .sun, .schedule_list .month_col.disable .holiday {color: #999}
.schedule_list .month_col.disable .sat {color: #999}
.schedule_list .month_col.disable a, 
.schedule_list .month_col.disable a:hover {cursor:default; color:#999;}
.schedule_list .month_col.disable .schedule, 
.schedule_list .month_col.disable .schedule {cursor:default;}

.pop_info_desc {/*display:none;*/position:absolute; left:50%; top:85px;width:71.4%; margin:0 0 0 -35.7%; background-color:#fff; }
.info_desc_box {position:relative;border:2px solid #0e42ad;padding:30px 20px 20px 20px}
.info_desc_box .info_desc_close {position:absolute; right:10px; top:10px; width:21px; height:21px;}
.info_desc_box .info_desc_close .bt_clse {display:block;width:21px; height:21px; background:url(/images/common/bt_cal_close.png) no-repeat 0 0;text-indent:-9999em}
.info_desc_head {}
.info_desc_cont {padding-bottom:10px;}
.info_desc_cont h1 {color:#00713b; font-weight:bold; font-size:17px; text-align:center; border-bottom:1px solid #d2d2d2; padding-bottom:20px;line-height:110%;}
.info_desc_cont ul {display:table;width:100%;vertical-align:middle;}
.info_desc_cont ul li {display:table;width:100%; font-size:15px; letter-spacing:-0.05em; padding-top:10px;}
.info_desc_cont .schedule {display:block; }
.info_desc_cont .schedule .info {line-height:28px; font-size:0 }
.info_desc_cont .schedule .info a {display:inline-block;background: url(/ManageSites/DPS/images/common/bullet_calendar.png) no-repeat 0 12px;padding-left:10px;max-width:81.8%; vertical-align:middle;font-size:15px;letter-spacing:-0.05em;overflow: hidden; white-space:nowrap ;text-overflow: ellipsis;}
.info_desc_cont .term {display:table-cell; width:60px;color:#000;font-weight:bold; }
.info_desc_cont .desc {display:table-cell; }
.info_desc_cont .desc em {color:#00713b; font-weight:bold; font-size:17px;}
.info_desc_foot .bt_list {padding:20px 0; text-align:center;}
table.info_desc_cont {width:100%;font-size:15px;border:0;}
table.info_desc_cont th, table.info_desc_cont td {padding:7px 10px;box-sizing:border-box;}
table.info_desc_cont thead th {border-bottom:1px solid #000}
table.info_desc_cont tbody th {text-align:left;}
table.info_desc_cont tbody td {}

.hrm_report {font-family:"Malgun Gothic","MalgunGothic","맑은고딕",serif !important;}
.hrm_report .bt {padding:0;border:1px solid #a8a8a8;height:28px;line-height:26px;font-size:15px;font-weight:bold;background-color:#fff;color:#000;letter-spacing:-0.05em;}
.hrm_report input[type="text"],
.hrm_report input[type="password"],
.hrm_report input[type="date"],
.hrm_report input[type="file"],
.hrm_report input[type="number"] {box-sizing:border-box;height:34px;border:1px solid #cdcdcd;padding-left:10px;}
.hrm_report_search {border-top:1px solid #000;border-bottom:1px solid #000; padding:10px 0;}
.hrm_report_search ul {display:table;width:100%;box-sizing:border-box;}
.hrm_report_search ul li {display:table-cell;vertical-align:middle;box-sizing:border-box;padding-left:10px;}
.hrm_report_search ul li:first-child {padding-left:0}
.hrm_report_search label {font-weight:bold;color:#000;}
.hrm_report_view {border-top:1px solid #a8a8a8}
.hrm_report_head {height:115px;border-top:3px solid #d5d5d5;background:url(/ManageSites/DPS/images/common/h1_logo.png) no-repeat 0 50%; }
.hrm_report_head .logo {}
.hrm_report_cont {}
.hrm_report_cont .report {border-top:3px solid #11b5a4}
.report table {width:100%;border:1px solid #d2d2d2;border-top:0;text-align:center;}
.report table th,
.report table td {border-top:1px solid #d2d2d2;border-left:1px solid #d2d2d2;box-sizing:border-box;letter-spacing:-0.05em;padding:12px 0;line-height:1.4}
.report table thead th {background-color:#fbfbfb;border-top:1px solid #000;}
.report table tfoot th,
.report table tfoot td {background-color:#fdfceb;border-bottom:1px solid #000;}
.report table tfoot tr:first-child th,
.report table tfoot tr:first-child td {border-top:1px solid #000 !important}
.report table tfoot th {font-weight:bold;color:#ff7e00}
.report table tbody tr:first-child th, .report table tbody tr:first-child td {border-top:1px solid #000}
.report table tbody th {font-weight:normal;text-align:left;padding-left:10px;}
.bt_excel {width:132px}
.bt_excel:before {content:'';display:inline-block;vertical-align:middle;margin-right:5px;width:22px;height:22px;background:url(/ManageSites/DPS/images/common/ico_excel.png) no-repeat 0 0;}
.bt_excel {width:132px}
.bt_print:before {content:'';display:inline-block;vertical-align:middle;margin-right:5px;width:22px;height:22px;background:url(/ManageSites/DPS/images/common/ico_print.png) no-repeat 0 0;}

.hrm_report_cont .tit {height:35px;font-size:20px;color:#000;text-align:center;}
.hrm_report_cont .info_area {box-sizing:border-box;background-color:#efefef; border:1px solid #c8c8c8;text-align:center;padding:15px 0;}
.hrm_report_cont .info_area ul {display:table;width:100%;}
.hrm_report_cont .info_area ul li {display:table-cell;vertical-align:middle;}

/* IE10 Hack */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.selctbox { background:#fff url(/ManageSites/DPS/images/common/select_calendar.png) no-repeat 100% 0; padding-right:34px; }
}