@charset "utf-8";
/* HIVELAB NE UI Dev. */

@font-face {
font-family:'ng';
src:url('font/NanumGothic.eot'); /* IE9 Compat Modes */
src:url('font/NanumGothic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('font/NanumGothic.woff') format('woff'), /* Modern Browsers */
	url('font/NanumGothic.ttf')  format('truetype') /* Safari, Android, iOS */
}

@font-face {
font-family:'ns';
src:url('font/NanumSquareR.eot'); /* IE9 Compat Modes */
src:url('font/NanumSquareR.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('font/NanumSquareR.woff') format('woff'), /* Modern Browsers */
	url('font/NanumSquareR.ttf')  format('truetype') /* Safari, Android, iOS */
}

/* common */
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}
body,input,textarea,select,button,table,th,td{font-family:'나눔고딕',NanumGothic,'ng','Apple SD 산돌고딕 Neo',Apple SD Gothic Neo,Sans-serif;font-size:12px;color:#666}
html,body{height:100%}
img,fieldset{border:0}
img{vertical-align:top}
ul,ol{list-style:none}
em,address{font-style:normal}
a{color:#333;text-decoration:none}
table{border-collapse:collapse;border-spacing:0}
input[type=image],input[type=text],input[type=submit],input[type=password],textarea{-webkit-appearance:none;resize:none}
input::-webkit-search-cancel-button{display:none}
input[type=text]{-webkit-box-shadow:0}
button{border:0}
.blind{display:block;overflow:hidden;position:absolute;top:-1000em;left:0;width:0;height:0;font-size:0;line-height:0}
.blind th{display:block;overflow:hidden;position:absolute;top:-1000em;left:0;width:0;height:0;border:0;font-size:0;line-height:0}
.blind div{display:block;overflow:hidden;position:absolute;top:-1000em;left:0;width:0;height:0;border:0;font-size:0;line-height:0}
.cption_blind{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0}
.skip{height:0}
.skip a{display:block;position:absolute;left:0;top:-100px;width:100%;height:1px;text-align:center}
.skip a:focus,.skip a:active{position:absolute;top:0;z-index:120;height:25px;padding:10px 0;background:#fff;font-weight:bold;color:#000;font-size:20px;text-decoration:none}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.txt_lft{text-align:left !important}
.txt_rgt{text-align:right !important}
.txt_ctr{text-align:center !important}
.txt_str{font-weight:bold}
td.txt_lft{padding-left:10px;text-align:left !important}
td.txt_rgt{padding-right:10px;text-align:right !important}
.val_top{vertical-align:top}
.fl{float:left}
.fr{float:right}
.mt10{margin-top:10px !important}
.mt20{margin-top:20px !important}
.mt38{margin-top:38px !important}
.mt45{margin-top:45px !important}
.mt108{margin-top:108px !important}
.mb8{margin-bottom:8px !important}
.mb16{margin-bottom:16px !important}
.ml20{margin-left:20px !important}

/* Common */
.ico, .inp_chk label:before, .ico_clse,
.bn_welfare a.btn:after, 
.sp{background:url(../img/sp.png) no-repeat;text-indent:-9999px}

/* UIO ------------------------------------------------ */
/* input */
.inp_txt{height:30px;border:1px solid #d7d7d7;background:#fff;color:#666;text-indent:4px;vertical-align:middle;box-sizing:border-box}
.inp_txt::-webkit-input-placeholder{color:#cecece}
.inp_txt:-ms-input-placeholder{color:#cecece}
.inp_txt::-moz-placeholder{color:#cecece}
.inp_txt::-ms-input-placeholder{color:#cecece}
.inp_txt::-ms-clear{display:none}
.inp_txt[readonly]{border-color:transparent;text-indent:0}
.inp_file{height:30px;border:1px solid #d7d7d7;background:#fff;color:#666;padding-left:4px;vertical-align:middle;line-height:30px;box-sizing:border-box}

/* lst_type */
.bx_lst_type{display:inline-block;width:calc(100% - 656px);margin-left:16px;vertical-align:top}
.lst_type{margin:-8px 0 0 -8px;font-size:0}
.lst_type li{display:inline-block;width:calc(50% - 8px);min-height:66px;margin:8px 0 0 8px;background-color:#f8f8f8;vertical-align:top}
.lst_type li .btn_link{display:block;position:relative;height:66px;padding:0 35px 0 20px;box-sizing:border-box;font-size:0}
.lst_type li .btn_link:before{display:inline-block;height:100%;vertical-align:middle;content:''}
.lst_type li .btn_link .txt{display:inline-block;overflow:hidden;width:100%;font-size:13px;color:#333;line-height:17px;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}
.lst_type li .btn_link:after{position:absolute;top:50%;right:19px;width:6px;height:9px;margin-top:-4px;background:url(../img/sp.png) no-repeat -16px -45px;content:''}

/* Tab */
.tab_nav{display:table;width:100%;margin-bottom:28px;table-layout:fixed;border-collapse:collapse}
.tab_nav a{display:table-cell;height:58px;color:#333;text-align:center;border:1px solid #d7d7d7;vertical-align:middle}
.tab_nav a.on{border-color:#434358;background:#434358;color:#fff;font-weight:bold}
.front .tab_nav a.on{border-color:#5aabbe;background:#5aabbe}
.bx_tab_lst{display:inline-block;width:640px;vertical-align:top}
.bx_tab_lst .tab_lst{display:table;position:relative;table-layout:fixed;width:100%;min-height:214px;border:1px solid #d7d7d7;border-top:0;border-collapse:collapse;box-sizing:border-box}
.bx_tab_lst .tab_lst .tab{display:table-cell}
.bx_tab_lst .tab_lst .tab:first-child .btn_menu{border-left:0}
.bx_tab_lst .tab_lst .tab.on .btn_menu{border-bottom-color:transparent}
.bx_tab_lst .tab_lst .tab.on .btn_menu:before{background-color:#5aabbe}
.bx_tab_lst .tab_lst .btn_menu{display:block;position:relative;height:37px;border:1px solid #d7d7d7;border-right:0;box-sizing:border-box;font-size:12px;font-weight:bold;text-align:center;line-height:37px}
.bx_tab_lst .tab_lst .btn_menu:before{position:absolute;top:-1px;left:0;right:0;height:3px;background-color:transparent;content:''}
.bx_tab_lst .tab.on .inner_lst{display:block}
.bx_tab_lst .inner_lst{display:none;position:absolute;top:37px;left:0;right:0;bottom:0;padding:18px 24px}
.bx_tab_lst .inner_lst li{overflow:hidden;margin-top:10px;color:#555;line-height:20px}
.bx_tab_lst .inner_lst li:first-child{margin-top:0}
.bx_tab_lst .inner_lst .tag_type{float:left;min-width:50px;margin-right:12px;padding:0 5px;box-sizing:border-box;background:#dcedf1;font-size:11px;color:#228095;letter-spacing:-.5px;text-align:center}
.bx_tab_lst .inner_lst .tag_type.dispatch{background-color:#e4e1f2;color:#4a3398}
.bx_tab_lst .inner_lst .tag_type.holiday{background-color:#fbecdd;color:#de8557}
.bx_tab_lst .inner_lst .tag_type.business{background-color:#d6eed7;color:#257428}
.bx_tab_lst .inner_lst .name{float:left;overflow:hidden;max-width:280px;font-size:12px;line-height:20px;color:#555;text-overflow:ellipsis;white-space:nowrap}
.bx_tab_lst .inner_lst .date{float:right;color:#888;font-size:12px;line-height:20px}

/* FullCalendar */
.area_calendar{max-width:802px;height:100%;margin-left:656px;padding:21px 20px 35px;box-sizing:border-box;background-color:#f8f8f8}
#calendar{position:relative}
.area_calendar .fc .btn_link{position:absolute;top:0;right:0;width:80px;min-width:auto;height:24px;font-size:12px;line-height:24px;box-sizing:border-box}
.fc-day-grid-container{height:auto !important}
.fc-widget-content{height:72px !important}

/* FullCalenar > Top Toolbar */
.fc-toolbar.fc-header-toolbar{margin:0 80px 9px 0;font-size:0}
.fc-toolbar .fc-button{display:inline-block;font-family:'나눔스퀘어',NanumSquare,'ns','Apple SD 산돌고딕 Neo',Apple SD Gothic Neo,Sans-serif;height:24px;border:1px solid #5aabbe;box-sizing:border-box;border-radius:0;background-color:#fff;background-image:none;box-shadow:none;font-size:12px;line-height:24px;text-shadow:none;vertical-align:middle}
.fc-toolbar .fc-button:hover{background-color:#5aabbe;color:#fff}
.fc-toolbar .fc-button:active{border-color:#2897b1;background-color:#2897b1;color:#fff}
.fc-button.fc-state-disabled{border-color:#d7d7d7;background-color:#f8f8f8;color:#999}
.fc-button.fc-state-disabled:hover{background-color:#f8f8f8;color:#999}
.fc-toolbar h2{display:inline-block;margin:0 7px;font-size:16px;line-height:23px;color:#333;vertical-align:middle}
.fc-toolbar .fc-prev-button,
.fc-toolbar .fc-next-button{height:auto;padding:3px;border:none;background:none}
.fc-toolbar .fc-prev-button .fc-icon,
.fc-toolbar .fc-next-button .fc-icon{display:block;position:static;top:auto;width:22px;height:22px;margin:0;background-image:url(../img/sp.png);background-repeat:no-repeat}
.fc-toolbar .fc-prev-button .fc-icon{background-position:-126px 0}
.fc-toolbar .fc-next-button .fc-icon{background-position:-150px 0}
.fc-toolbar .fc-prev-button:hover,
.fc-toolbar .fc-next-button:hover{background-color:transparent}
.fc-toolbar .fc-prev-button:hover .fc-icon{background-position:-190px 0}
.fc-toolbar .fc-next-button:hover .fc-icon{background-position:-190px -24px}
.fc-toolbar .fc-prev-button:active,
.fc-toolbar .fc-next-button:active{background-color:transparent}
.fc-toolbar .fc-prev-button .fc-icon:after,
.fc-toolbar .fc-next-button .fc-icon:after{display:none}
.fc-button.fc-today-button{display:block;width:60px}

/* FullCalendar > Caledar Body */
.fc-row .fc-widget-header,
.fc-basic-view .fc-day-number, 
.fc-basic-view .fc-week-number,
.fc-basic-view .schedule_business,
.fc-basic-view .schedule_dispatch,
.fc-basic-view .schedule_vacation,
.fc-basic-view .time_over,
.anniversary_date .tit,
.custom_time .txt,
.big_type .lst_dsc{font-family:'나눔스퀘어',NanumSquare,'ns','Apple SD 산돌고딕 Neo',Apple SD Gothic Neo,Sans-serif}
.fc-unthemed .fc-disabled-day{background-color:#fff}
.fc-unthemed td.fc-today{border-color:#999;background-color:rgba(242,211,54,0.1)}
.fc-bg .fc-day.fc-today{position:relative;border:1px solid #ddd;border-width:1px 0 0;background-color:rgba(242,211,54,.1);opacity:1}
.fc-widget-content.fc-day{position:relative;opacity:0}
.fc-row .fc-content-skeleton{z-index:auto}
.fc-row .fc-bg{z-index:auto;background-color:#fff}
.fc-row .fc-widget-header{padding:0 6px;background-color:#efefef;font-size:11px;line-height:24px;color:#777;text-align:right}
.fc-basic-view .fc-day-number, .fc-basic-view .fc-week-number{padding:4px 4px 2px;font-size:11px;color:#777}
.fc-basic-view .fc-sun, .fc-basic-view .fc-sun .fc-day-number{color:#f65846}
.fc-basic-view .fc-today .fc-day-number{color:#000}
.fc-day-grid-event .fc-content{text-overflow:ellipsis;word-break:break-all}
.fc-content .fc-title{font-size:11px;line-height:12px}
.fc-basic-view .fc-event-container .fc-day-grid-event{height:15px;margin:2px 4px 0;padding:2px 5px 0;border:none;border-radius:2px;box-sizing:border-box}
.fc-basic-view .fc-event-container .fc-not-start.fc-day-grid-event{margin-left:0;border-top-left-radius:0;border-bottom-left-radius:0}
.fc-basic-view .fc-event-container .fc-not-end.fc-day-grid-event{margin-right:0;border-top-right-radius:0;border-bottom-right-radius:0}
.fc-basic-view .fc-content-skeleton tr:first-child .fc-day-grid-event{margin-top:1px}
.fc-basic-view .anniversary_date{position:relative;color:#f65846}
.fc-basic-view .anniversary_date .fc-day-number{position:relative;z-index:1;color:#f65846}
.fc-basic-view .anniversary_date .tit{overflow:hidden;position:absolute;top:0;left:0;right:0;padding:5px 20px 5px 8px;font-size:11px;white-space:nowrap;text-overflow:ellipsis}
.fc-basic-view .schedule_business{background-color:rgba(209,238,210,.7);color:#257428}
.fc-basic-view .schedule_business:hover{color:#257428}
.fc-basic-view .schedule_dispatch{background-color:rgba(225,221,237,.7);color:#4a3398}
.fc-basic-view .schedule_dispatch:hover{color:#4a3398}
.fc-basic-view .schedule_vacation{background-color:rgba(249,228,210,.7);color:#de8557}
.fc-basic-view .schedule_vacation:hover{color:#de8557}
.fc-basic-view .time_over{margin:1px 0 0;padding:0 3px 0;border:none;background-color:transparent;line-height:18px;text-align:right}
.fc-basic-view .time_over .fc-title{display:none}
.fc-basic-view .time_over .ico_overtime{display:inline-block;width:12px;height:12px;background-position:-174px 0;vertical-align:middle}
.fc-basic-view .time_over .txt{display:inline-block;margin-left:2px;font-size:11px;line-height:12px;color:#434358;vertical-align:middle}
.fc-basic-view .fc-day-grid-event .fc-time{display:none}


/* FullCalendar > Bottom */
.area_calendar .lst_dsc{margin-top:8px;font-size:0;text-align:right}
.area_calendar .lst_dsc li{display:inline-block;position:relative;margin-left:15px;padding-left:7px;font-size:13px;color:#333;vertical-align:middle}
.area_calendar .lst_dsc li:first-child{margin-left:0}
.area_calendar .lst_dsc li:before{position:absolute;top:5px;left:0;width:3px;height:3px;background-color:#5aabbe;content:''}
.area_calendar .lst_dsc .txt_num{font-weight:bold;color:#5aabbe}
.area_calendar .lst_dsc .em{color:#f65846}
.area_calendar .lst_dsc .em .txt_num{color:#f65846}

/* FullCalenar > Popup */
.fc-basic-view .fc-more{display:block;position:relative;height:12px;margin-top:5px;font-size:0}
.fc-basic-view .fc-more:after{position:absolute;top:0;left:0;right:0;font-size:11px;line-height:12px;content:'+ More'}
.fc-more-popover .fc-header{position:relative;padding-right:18px}
.fc-more-popover .fc-header .fc-title{font-size:12px;font-weight:700;line-height:16px}
.fc-more-popover .fc-header .fc-icon-x:after{position:static;top:auto;font-size:25px;line-height:20px}
.fc-unthemed .fc-more-popover .fc-header .fc-close{float:none;position:absolute;top:0;right:0;z-index:1;height:100%;margin-top:0;font-size:0}
.fc-more-popover .fc-widget-content{overflow-y:auto;height:auto !important;max-height:150px}
.fc-more-popover .fc-day-grid-event.fc-h-event{height:auto;min-height:15px;margin:2px 0 0}
.fc-more-popover .fc-day-grid-event .fc-content{overflow-y:auto;text-overflow:initial;white-space:normal}
.fc-more-popover .fc-day-grid-event.fc-h-event.fc-event{border-radius:2px;}

/* FullCalendar (FullSize) */
.area_calendar.big_type{width:100%;max-width:none;margin-left:0;padding:0;background-color:#fff}
.big_type .fc-toolbar h2{font-size:19px;margin:0 6px;line-height:28px}
.big_type .fc-view-container{border-top:2px solid #5aabbe}

/* FullCalendar (FullSize) > Top Toolbar */
.big_type .fc-button.fc-today-button{margin-top:4px}
.big_type .fc-toolbar.fc-header-toolbar{margin-bottom:16px}
.big_type .fc-row .fc-widget-header{padding:0 11px;font-size:12px;line-height:37px}

/* FullCalendar (FullSize)> Caledar Body */
.big_type .fc-basic-view .fc-day-number, 
.big_type .fc-basic-view .fc-week-number{padding:9px 11px 7px;font-size:12px}
.big_type .fc-widget-content{height:156px !important}
.big_type .fc-basic-view .anniversary_date .tit{padding:10px 25px 5px 14px}
.big_type .fc-content .fc-title{font-size:13px}
.big_type .fc-basic-view .fc-day-grid-event{height:22px;margin-top:3px;padding:5px 8px 2px 8px;font-size:11px}
.big_type .fc-basic-view .fc-day-grid-event.custom_time{padding:0 8px}
.big_type .fc-basic-view .fc-day-grid-event.time_over{margin-top:0;padding-top:2px}
.big_type .custom_time{background-color:transparent;font-size:0}
.big_type .custom_time .fc-title{display:none}
.custom_time .txt{display:inline-block;font-size:14px;line-height:22px;color:#333;vertical-align:middle}
.custom_time .sp{display:inline-block;position:relative;width:30px;height:19px;margin:0 6px 0 21px;vertical-align:middle}
.custom_time .sp:before{position:absolute;top:0;left:-21px;width:19px;height:19px;background-image:url(../img/sp.png);background-repeat:no-repeat;content:''}
.custom_time .time_normal{background-position:-100px -61px}
.custom_time .time_normal:before{background-position:-136px -45px}
.custom_time .time_leave{background-position:-100px -61px}
.custom_time .time_leave:before{background-position:-136px -24px}
.custom_time .time_late{background-position:-157px -30px}
.custom_time .time_late:before{background-position:-136px -45px}
.custom_time .time_early_leave{background-position:-157px -51px}
.custom_time .time_early_leave:before{background-position:-136px -24px}
.custom_time .time_no_write{width:41px;background-position:-100px -82px}
.custom_time .time_no_write:before{background-position:-136px -45px}
.custom_time .time_no_write_leave{width:41px;background-position:-100px -82px}
.custom_time .time_no_write_leave:before{background-position:-136px -24px}
.custom_time .time_work_holiday{width:19px;margin-left:0;background-position:-136px -45px}
.custom_time .time_work_holiday:before{display:none}
.custom_time .time_work_holiday_leave{width:19px;margin-left:0;background-position:-136px -24px}
.custom_time .time_work_holiday_leave:before{display:none}
.custom_time.time_late .txt{color:#f65846}
.custom_time.time_early_leave .txt{color:#f65846}
.custom_time.time_no_write .txt{margin:0 7px;color:#f65846}
.custom_time.time_no_write_leave .txt{margin:0 7px;color:#f65846}
.big_type .time_over .ico_overtime{width:14px;height:14px;background-position:-174px -14px}
.big_type .time_over .txt{font-size:13px;line-height:14px}
.big_type .anniversary_date .tit{font-size:13px}
.big_type .lst_dsc{position:absolute;top:35px;right:0}
.big_type .fc-popover .fc-event-container .fc-day-grid-event{height:auto;padding:5px 3px 2px}

/* FullCalenar > Popup */
.big_type .fc-basic-view .fc-more:after{font-size:13px}


/* datepicker*/
.datepicker_bx{position:relative;width:120px;height:30px;background:#fff}
span.datepicker_bx{display:inline-block;vertical-align:middle}
.datepicker_bx .ico_cal{display:block;position:absolute;right:1px;top:1px;width:33px;height:28px;border-left:1px solid #d7d7d7;background:red url(../img/bg_datepicker.gif) no-repeat;content:''}
.datepicker_bx .datepicker{position:relative;width:100% !important;padding-right:34px;background-color:transparent;cursor:pointer;z-index:1}
.datepicker_bx.disabled .ico_cal{background-color:#dfdfdf !important}
.datepicker_bx.disabled .datepicker{color:#aaa;cursor:default}
.admin .datepicker:hover + .ico_cal{background-color:#848496}
.admin .datepicker:active + .ico_cal,
.admin .datepicker:focus + .ico_cal{background-color:#5d5d6e}
.front .datepicker:hover + .ico_cal{background-color:#95cee3}
.front .datepicker:active + .ico_cal,
.front .datepicker:focus + .ico_cal{background-color:#519bb5}

/* search area */
.srch_area{display:inline-block;position:relative;margin-left:16px}
.inp_srch{width:121px;padding-right:44px}
.srch_area .btn.btn_cfm{display:block;position:absolute;top:1px;right:1px;width:40px;height:28px;border:0;border-radius:0;line-height:28px}
td .srch_area,.ly_cont .srch_area{margin-left:0}
td .inp_srch{width:100%;padding-right:0}
td .srch_area .btn.btn_cfm{position:static;width:100%}
.srch_wrap{margin-bottom:18px;text-align:center}

/* checkbox */
.inp_chk{display:block;overflow:hidden;height:15px}
span.inp_chk{display:inline-block;vertical-align:middle}
.inp_chk input[type=checkbox]{position:absolute;opacity:0}
.inp_chk label{display:block;position:relative;height:100%;padding-left:19px}
.inp_chk label:before{display:block;position:absolute;top:0;left:0;width:15px;height:15px;background-position:-31px -25px;content:''}
.inp_chk input[type=checkbox]:checked+label:before{background-position:-48px -25px}

/* select */
.sel{min-width:100px;height:30px;border:1px solid #d7d7d7;color:#666;vertical-align:middle}
.sel.block{display:block;margin:5px 0}
.tbl_form .sel.meridiem{min-width:auto;width:90px;margin:0 0 0 6px}
.tbl_form .sel.short{min-width:auto;width:40px;margin:0 0 0 6px}
.tbl_form .sel.meridiem:first-child,.tbl_form .sel.short:first-child{margin-left:0}

/* button */
.btn{display:inline-block;font-size:12px;text-align:center;cursor:pointer;vertical-align:middle}
.btn_cfm,.btn_cncl{width:109px;height:35px;line-height:35px}
input.btn_cfm,input.btn_cncl,button.btn_cfm,button.btn_cncl{width:111px;height:37px}
.btn.size_sub{width:88px;height:25px;line-height:25px}
input.btn.size_sub,button.btn.size_sub{width:90px;height:27px}
.btn.flexible{width:auto;padding:0 8px}
.tbl_cap+.btn{position:absolute;right:0;min-width:60px;height:25px;margin-top:-35px;line-height:25px}
.tbl_cap+.btn_group{position:absolute;right:0;margin-top:-35px}
.tbl_cap+.btn_group .btn{min-width:60px;height:25px;line-height:25px}
.tbl_cap+.func_area_rgt{float:none;position:absolute;right:0;margin-top:-40px}
.func_area_rgt{height:30px;margin-bottom:10px;text-align:right}
.btn .sp{display:block;overflow:hidden;text-indent:-999px}
.tbl_lst .btn.move_up,.tbl_lst .btn.move_dn,
.tbl_lst .btn.move_up:hover,.tbl_lst .btn.move_dn:hover{width:10px;height:6px;padding:6px 4px;background:#fff !important}
.btn.move_up .sp{width:10px;height:6px;background-position:-19px -25px}
.btn.move_dn .sp{width:10px;height:6px;background-position:-19px -33px}
.btn_foot,.btn_area.sub{position:relative;min-height:37px;margin:30px 0;font-size:13px;text-align:center}
.btn_area{position:relative;min-height:37px;margin:40px 0 30px;text-align:center}
.btn_foot:last-of-type,.btn_area:last-of-type{margin-bottom:0}
.btn_foot .btn,.btn_area .btn{margin:0 7px}
.btn_foot.sub,.btn_area.sub{min-height:27px;margin:10px 0 0;text-align:right}
.btn_foot.sub .btn,.btn_area.sub .btn{margin:0}
.btn_area.sub{margin:0 0 10px}
.btn_area+.btn_foot.sub,.paginate+.btn_foot.sub{margin-top:-10px !important}
.btn_area .sel.rest{position:absolute;top:3px;left:50%;margin-left:-226px}
.btn_area_lft{float:left}
.btn_area_rgt{float:right}

/* table */
.tbl_cap{margin-bottom:8px;color:#666;font-size:14px;font-weight:bold}
.tbl_cap .desc{float:right;font-size:12px;font-weight:normal;line-height:16px}
.tbl_wrap+.tbl_cap,.btn_foot.sub+.tbl_cap,.approval_path+.tbl_cap,.lst_txt+.tbl_cap{margin-top:28px}
.nav_depth4+.tbl_cap{margin-top:18px}
.tbl_cap .sub_tit{display:block;font-size:15px;color:#333}
.tbl_cap .cap_txt{display:block;margin-top:5px;text-indent:10px}
.tbl_wrap{position:relative;border:1px solid #787a7f}
.tbl_wrap table{width:100%;table-layout:fixed;border-collapse:collapse}
.tbl_wrap th,.tbl_wrap td{border-top:1px solid #e0e0e0;color:#666;word-break:break-all}
.tbl_wrap td.pass{color:#439fb4}
.tbl_wrap td.fail{color:#de3c3c}
.tbl_wrap td .txt_color{color:#f00}
.tbl_wrap .btn,.tbl_wrap .btn:hover{width:32px;height:26px;border-color:#d5d5d5 !important;border-radius:3px;background:#f5f5f5 !important;color:#666 !important;font-family:'나눔고딕',NanumGothic,'ng','Apple SD 산돌고딕 Neo',Apple SD Gothic Neo,Sans-serif !important;font-size:12px !important;line-height:26px;text-decoration:none}
.tbl_wrap .btn:active{box-shadow:0 1px 1px 0 #e3e3e3 inset}
.tbl_wrap .btn.btn_download{width:54px}
.tbl_wrap.editable td{padding:0 5px}
.tbl_wrap.editable .inp_txt,.tbl_wrap.editable .sel{min-width:inherit;width:100%}
.tbl_wrap.editable .inp_chk+.inp_txt{width:222px;margin:5px 0 5px 2px}
.tbl_wrap.editable .inp_file{width:231px}
.tbl_wrap.editable .inp_txt+.inp_file{margin-bottom:5px}
.tbl_form{border-width:2px 0 1px}
.tbl_form th,.tbl_form td{height:49px}
.tbl_form tr:first-child th,.tbl_form tr:first-child td{border-top:0}
.tbl_form th{padding-left:9px;background:url(../img/dot_th.gif) no-repeat 0 50%;text-align:left}
.tbl_form th:empty{background-image:none !important}
.tbl_form td{padding-left:10px}
.tbl_form td.txt_view{padding:12px 9px;background:#fcfcfc;line-height:19px}
.tbl_form .inp_txt{width:220px;margin-right:6px}
.tbl_form .inp_txt.min_width{width:120px}
.tbl_form .inp_txt.long_width{width:405px}
.tbl_form .inp_txt.max_width{width:calc(100% - 20px)}
.tbl_form .sel{width:120px;margin-right:6px}
.tbl_form .sel.long_width{width:150px}
.tbl_form .inp_file{width:250px;margin-right:6px}
.tbl_form .btn_download{height:28px;line-height:28px}
.tbl_form .photo_area{display:table;position:absolute;top:0;right:0;table-layout:fixed}
.tbl_form .photo_area .photo_inner{display:table-cell;width:149px;height:149px;background:#e0e0e0;text-align:center;vertical-align:middle}
.tbl_form .photo_area .photo_inner .btn{width:auto !important}
.tbl_form .photo_area .photo_inner img{width:auto;height:auto;max-width:calc(100% - 20px);max-height:calc(100% - 20px)}
.front .tbl_form .photo_area .photo_inner{width:170px;height:170px}
.ly_cont .tbl_wrap.tbl_refer{width:650px}
.tbl_refer th,.tbl_refer td{height:32px;padding-left:10px;border:1px solid #e0e0e0}
.tbl_refer th{background:#f8f8f8}
.tbl_refer th:first-child{border-left-width:0}
.tbl_refer td:last-child{border-right-width:0}
.tbl_lst{border-width:1px 0}
.tbl_lst thead th{height:50px;border-top:0;background:#434358;color:#fff;font-weight:normal;text-align:center}
.tbl_lst thead th[colspan]{height:25px}
.tbl_lst tfoot td,.tbl_lst thead td{text-align:center}
.tbl_lst tbody th{font-weight:normal}
.tbl_lst tfoot td,.tbl_lst tbody td{height:42px;padding:0 4px;background:#fff;text-align:center}
.tbl_lst tr.checked td{background:#f5f5f5}
.tbl_lst tr.paused td,.tbl_lst tr.paused td a{color:#5aabbe}
.tbl_lst tr.disabled td,.tbl_lst tr.disabled td a{color:#fb8686}
.tbl_lst .btn_cell{padding-left:10px;text-align:left}
.tbl_lst.th_inner_line thead th{border-left:1px solid #e0e0e0}
.tbl_lst.th_inner_line thead tr:first-child th:first-child{border-left:0}
.tbl_lst.th_inner_line thead tr:not(:first-child) th{border-top:1px solid #e0e0e0;color:#666}
.admin .tbl_lst.th_inner_line thead tr:not(:first-child) th{color:#fff}
.tbl_lst.th_inner_line thead th{height:42px}
.tbl_lst.th_inner_line thead tr:first-child th{height:49px}
.tbl_lst.td_v_line tbody td{padding:0}
.tbl_lst.td_v_line tbody tr:only-child td{height:50px}
.tbl_lst.td_v_line tfoot td:not(:first-child),.tbl_lst.td_v_line tbody td:not(:first-child){border-left:1px solid #e0e0e0}
.tbl_wrap.tbl_lst .tbl_wrap.tbl_lst{border:0}
.tbl_wrap.tbl_lst .tbl_wrap.tbl_lst thead th:not(:first-child){border-left:1px solid #e0e0e0}
.tbl_wrap.tbl_lst .tbl_wrap.tbl_lst thead td{height:40px}
.tbl_wrap.tbl_lst .tbl_wrap.tbl_lst tbody td{height:44px;border-top:1px solid #e0e0e0}
.tbl_lst td.holiday,.tbl_lst td.alert{color:#f00}
.tbl_lst td.today{background:#f0f8fb}
.tbl_lst td.na{background:#f8f8f8}
.tbl_lst td.today.na{background:#eaf2f5}
.tbl_lst tfoot td{color:#ff2727;font-weight:bold}
.tbl_lst tfoot td.total{color:#333}
.tbl_lst a{color:#666;text-decoration:underline}
.tbl_lst .add_bg td{background-color:#eee}
.tbl_career tbody td{border-left:1px solid #e0e0e0}
.tbl_career tbody tr td:first-child{border-left:0}
.info_basic{padding:0 10px;border:1px solid #d7d7d7}
.info_basic th,.info_basic td{height:49px !important}
.tbl_inner_lst{text-align:left}
.tbl_inner_lst li{position:relative;padding:5px 0;border-top:1px solid #e0e0e0;line-height:20px}
.tbl_inner_lst li:first-child{border-top:0}
.tbl_inner_lst .tit,.tbl_inner_lst .txt{display:table-cell}
.tbl_inner_lst .tit{width:50px;text-align:center}
.tbl_inner_lst .txt{padding-left:10px}
.td_inner{padding:10px 0 13px}
.td_inner ul{margin-bottom:9px}
.td_inner li{line-height:17px}
.td_inner li a{font-weight:bold}

/* Pagination */
.paginate{margin:20px 0;font-size:0;text-align:center}
.paginate .num{display:inline-block;vertical-align:top}
.paginate a{display:inline-block;overflow:hidden;min-width:30px;height:30px;margin:0 8px;padding:0 5px;color:#555;font-size:13px;font-weight:bold;text-align:center;line-height:28px;vertical-align:top;box-sizing:border-box}
.paginate a:hover, .paginate a:focus{color:#5aabbe}
.paginate a.on{background-color:#5aabbe;color:#fff}
.paginate .prev, .paginate .next,
.paginate .first, .paginate .last{margin:0 2px;border:1px solid #5aabbe}
.paginate .prev span, .paginate .next span,
.paginate .first span, .paginate .last span{display:inline-block;overflow:hidden;width:5px;height:8px;background-image:url(../img/sp.png);background-repeat:no-repeat;font-size:0}
.paginate .prev span{margin-right:1px;background-position:-93px -43px}
.paginate .next span{margin-left:1px;background-position:-62px -43px}
.paginate .first span{width:10px;background-position:-81px -43px}
.paginate .last span{width:10px;background-position:-69px -43px}
.paginate .prev:hover, .paginate .prev:active,
.paginate .next:hover, .paginate .next:active,
.paginate .first:hover, .paginate .first:active,
.paginate .last:hover, .paginate .last:active{border-color:#5aabbe;background-color:#5aabbe}
.paginate .prev:hover span, .paginate .prev:active span{background-position:-96px -25px}
.paginate .next:hover span, .paginate .next:active span{background-position:-103px -25px}
.paginate .first:hover span, .paginate .first:active span{background-position:-110px -34px}
.paginate .last:hover span, .paginate .last:active span{background-position:-122px -34px}
.paginate .prev.disabled, .paginate .next.disabled,
.paginate .first.disabled, .paginate .last.disabled{border-color:#d7d7d7}
.paginate .prev.disabled span{background-position:-96px -34px}
.paginate .next.disabled span{background-position:-103px -34px}
.paginate .first.disabled span{background-position:-110px -52px}
.paginate .last.disabled span{background-position:-122px -52px}
.paginate .prev.disabled:hover, .paginate .prev.disabled:active,
.paginate .next.disabled:hover, .paginate .next.disabled:active,
.paginate .first.disabled:hover, .paginate .first.disabled:active,
.paginate .last.disabled:hover, .paginate .last.disabled:active{border-color:#d7d7d7;background:#fff;cursor:default}
.admin .paginate a:hover, .admin .paginate a:focus{color:#434358}
.admin .paginate a.on{background:#434358;color:#fff}
.admin .paginate .prev, .admin .paginate .next,
.admin .paginate .first, .admin .paginate .last{border-color:#d5d5d5}
.admin .paginate .prev span{background-position:-82px -34px}
.admin .paginate .next span{background-position:-89px -34px}
.admin .paginate .first span{background-position:-110px -43px}
.admin .paginate .last span{background-position:-122px -43px}
.admin .paginate .prev:hover, .admin .paginate .prev:active,
.admin .paginate .next:hover, .admin .paginate .next:active,
.admin .paginate .first:hover, .admin .paginate .first:active,
.admin .paginate .last:hover, .admin .paginate .last:active{background:#434358;border-color:#434358}
.admin .paginate .prev:hover span, .admin .paginate .prev:active span{background-position:-96px -25px}
.admin .paginate .next:hover span, .admin .paginate .next:active span{background-position:-103px -25px}
.admin .paginate .first:hover span, .admin .paginate .first:active span{background-position:-110px -34px}
.admin .paginate .last:hover span, .admin .paginate .last:active span{background-position:-122px -34px}
.admin .paginate .prev.disabled span{background-position:-96px -34px}
.admin .paginate .next.disabled span{background-position:-103px -34px}
.admin .paginate .first.disabled span{background-position:-110px -52px}
.admin .paginate .last.disabled span{background-position:-122px -52px}
.admin .paginate .prev.disabled:hover, 
.admin .paginate .prev.disabled:active,
.admin .paginate .next.disabled:hover, 
.admin .paginate .next.disabled:active,
.admin .paginate .first.disabled:hover, 
.admin .paginate .first.disabled:active,
.admin .paginate .last.disabled:hover, 
.admin .paginate .last.disabled:active{border-color:#d7d7d7;background:#fff;cursor:default}
.content_area .paginate:last-of-type{margin-bottom:0}
.btn_foot + .paginate{margin-top:-10px}

/* layer popup */
.dimmed{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;opacity:.5;filter:alpha(opacity=50);z-index:200}
.ly_pop,.ly_alert{position:fixed;top:0;left:0;display:table;width:100%;height:100%;z-index:210}
.ly_pop_in{display:table-cell;width:100%;height:100%;text-align:center;vertical-align:middle}
.ly_pop_cont{display:inline-block;position:relative;border-radius:3px;background:#fff;text-align:left}
.ly_pop .btn_foot{margin-bottom:30px}
.ly_head{height:69px;border-bottom:2px solid #434358;line-height:69px}
.ly_tit{padding:0 50px 0 30px;color:#434358;font-size:18px}
.ly_cont{min-width:300px;padding:18px 30px 0}
.ly_cont .tbl_wrap{width:420px;border:0}
.ly_cont .tbl_form th,.ly_cont .tbl_form td{height:45px;border-top:0}
.ly_cont .tbl_wrap.editable{border-bottom:1px solid #787a7f}
.ly_cont .msg{margin-top:10px;line-height:18px}
.ly_alert .ly_cont{min-width:240px;padding:30px 20px 0;font-size:14px;font-weight:bold;text-align:center}
.ly_alert .ly_cont .photo_area{display:table;table-layout:fixed}
.ly_alert .ly_cont .photo_area .photo_inner{display:table-cell;width:640px;height:640px;text-align:center;vertical-align:middle}
.ly_alert .ly_cont .photo_area .photo_inner img{width:auto;height:auto;max-width:100%;max-height:100%}
.ly_alert .btn_foot{margin-bottom:20px}
.btn_clse{display:block;position:absolute;top:17px;right:10px;padding:10px}
.ico_clse{display:block;overflow:hidden;width:15px;height:15px;background-position:-65px -25px}


/* Layout --------------------------------------------- */
/* Header */
#wrap{overflow:hidden;min-width:1400px}
#header{position:relative;height:135px;background-color:#f8f8f8}
.logo{position:absolute;top:0;left:0;height:87px}
.logo a{display:block;height:100%;font-size:0}
.logo a:before{display:inline-block;height:100%;vertical-align:middle;content:''}
.logo a img{display:inline-block;vertical-align:middle}
.gnb_wrap{overflow:hidden;position:absolute;top:45px;left:0;z-index:10;width:100%;min-width:1400px;height:90px;padding:0 50px;border-top:1px solid #e8e8e8;box-sizing:border-box;background-color:#fff}
.gnb_wrap:after{position:absolute;left:0;right:0;bottom:0;z-index:10;height:3px;background-color:#333;content:''}
.gnb_wrap .inner{position:relative;z-index:20;max-width:1460px;margin:0 auto;background-color:#fff}
.gnb_wrap .inner:after{position:absolute;top:86px;left:0;right:0;z-index:10;height:3px;background-color:#333;content:''}
.gnb_wrap.on{height:auto}
.gnb_wrap.on:before{position:absolute;top:86px;left:0;right:0;z-index:10;height:3px;background-color:#333;content:''}
.gnb_wrap.on:after{height:1px;background-color:#d4d4d4}
.gnb_wrap.on .inner:before{position:absolute;left:0;right:0;bottom:0;height:1px;background-color:#d4d4d4;content:'';}
.gnb{display:table;table-layout:fixed;width:100%;padding:0 285px 40px 300px;box-sizing:border-box}
.gnb > li{display:table-cell;font-size:16px;text-align:left}
.gnb > li:first-child{padding-left:0}
.gnb > li > a{display:block;font-weight:bold;line-height:88px;text-align:left}
.gnb .sub_category{padding-top:22px}
.gnb .sub_category li a{display:block;font-size:12px;line-height:28px;text-align:left}
.gnb .sub_category li.selected a{font-weight:bold}
.gnb_wrap .lst_btn{position:absolute;top:0;right:0;height:87px;font-size:0}
.gnb_wrap .lst_btn li{display:inline-block;height:100%;margin-left:15px;vertical-align:middle}
.gnb_wrap .lst_btn li:first-child{margin-left:0}
.gnb_wrap .lst_btn .btn_menu{display:block;height:100%;padding-top:19px;box-sizing:border-box}
.gnb_wrap .lst_btn .txt{display:inline-block;font-size:12px;line-height:17px;vertical-align:middle}
.gnb_wrap .lst_btn .txt em{display:block;font-weight:bold;letter-spacing:-.5px}
.gnb_wrap .lst_btn .sp{display:inline-block;margin-right:9px;vertical-align:middle}
.gnb_wrap .lst_btn .ico_hr_info{width:48px;height:48px;background-position:0 -56px}
.gnb_wrap .lst_btn .ico_company_info{width:48px;height:48px;background-position:-50px -56px}
.area_utilmenu{max-width:1460px;height:45px;margin:0 auto;padding:0 50px}
.area_utilmenu .inner{position:relative;height:100%;padding-right:260px;box-sizing:border-box}
.area_utilmenu .myinfo{display:inline-block;height:100%;padding:11px 0 10px;box-sizing:border-box;font-size:0;vertical-align:top}
.area_utilmenu .myinfo .bx_align{display:inline-block;height:100%;margin-left:20px;vertical-align:middle}
.area_utilmenu .myinfo .bx_align:first-child{margin-left:0}
.area_utilmenu .myinfo .txt{display:inline-block;font-size:13px;line-height:24px;vertical-align:middle}
.area_utilmenu .myinfo .txt:before{display:inline-block;width:1px;height:15px;margin:0 8px;background-color:rgba(159,159,159,.5);vertical-align:middle;content:''}
.area_utilmenu .myinfo .txt:first-child:before{display:none}
.area_utilmenu .myinfo .txt.user_name{font-weight:bold}
.area_utilmenu .myinfo .btn{width:80px;min-width:auto;height:24px;margin-left:4px;background-color:#5aabbe;font-size:12px;color:#fff;line-height:24px}
.area_utilmenu .myinfo .btn:first-child{margin-left:0}
.area_utilmenu .myinfo .btn.disabled{background-color:#fff}
.area_utilmenu .myinfo .btn_logout{display:inline-block;margin-left:7px;padding:3px;background-color:transparent;vertical-align:middle;cursor:pointer}
.area_utilmenu .myinfo .btn_logout .sp{display:block;width:17px;height:18px;background-position:0 -25px}
.lst_utilmenu{position:absolute;top:0;right:0;bottom:0;height:100%;font-size:0}
.lst_utilmenu li{display:inline-block;height:100%;vertical-align:middle;text-align:center}
.lst_utilmenu .btn_menu{display:block;width:60px;height:100%;padding-top:3px;box-sizing:border-box}
.lst_utilmenu .btn_menu .txt{display:block;margin-top:3px;font-size:11px;color:#666}
.lst_utilmenu .sp{display:block;width:22px;height:22px;margin:0 auto}
.lst_utilmenu .ico_kems_home{width:24px;background-position:-100px 0}
.lst_utilmenu .ico_foreign_home{background-position:-52px 0}
.lst_utilmenu .ico_admin_home{background-position:-76px 0}
.lst_utilmenu .ico_park_info{background-position:-28px 0}
.lst_utilmenu .ico_mail{width:26px;height:18px;margin:2px auto 5px;background-position:-190px -48px}

/* Header (Admin) */
.admin #header:after{background-color:#434358}
.admin .gnb_wrap{padding:0;background-color:#434358}
.admin .gnb_wrap .bx_dummy{position:relative;padding:0 50px}
.admin .gnb_wrap .bx_dummy:before{position:absolute;top:89px;left:0;right:0;bottom:-54px;background-color:#fff;content:''}
.admin .gnb_wrap .inner{max-width:1620px;background-color:transparent}
.admin .gnb{padding:0 155px 20px 214px}
.admin .gnb > li > a{color:#fff;text-align:center}
.admin .gnb .sub_category li a{color:#888;text-align:center}
.admin .gnb .sub_category li.selected a{color:#434358}
.admin .area_utilmenu{max-width:1620px}
.admin .area_utilmenu .inner{padding-right:300px}
.admin .area_utilmenu .myinfo .btn_logout{margin-left:0}
.admin .area_utilmenu .bx_align{margin-left:10px}

/* Container */
#container{position:relative;width:calc(100% - 100px);max-width:1460px;margin:0 auto;padding:0 50px;font-size:0} /* 개발구조 맞춤 */
#container.no_side{width:auto} /* 개발구조 맞춤 */
#content{display:inline-block;width:calc(100% - 200px);margin-left:25px;padding:100px 0;font-size:12px;vertical-align:top}/* 개발구조 맞춤 */
.no_side #content{width:100%;margin-left:0}
.sub_area .content_area{position:relative;margin-top:20px}
.front .sub_area .content_area{margin-top:30px}
.admin #container{max-width:1620px}
.admin #content{width:calc(100% - 220px);margin-left:40px}

/* Footer */
.bx_sitemap{border-top:1px solid #e5e5e5;background:#fff}
.bx_sitemap .inner{max-width:1460px;margin:0 auto;padding:0 50px}
.bx_sitemap .btn_sitemap{display:block;position:relative;color:#888;font-weight:bold;line-height:27px;box-sizing:border-box}
.bx_sitemap .btn_sitemap:after{position:absolute;top:9px;right:2px;width:6px;height:9px;background:url(../img/sp.png) no-repeat -16px -45px;transform:rotate(-90deg);content:''}
.bx_lst_menu{display:none;padding:24px 0;border-top: 1px solid #e5e5e5}
.bx_lst_menu .lst_menu{display:table;table-layout:fixed;width:100%}
.bx_lst_menu .lst_menu > li{display:table-cell;width:100%;font-size:16px;vertical-align:top}
.bx_lst_menu .lst_menu .tit{display:block;color:#333}
.bx_lst_menu .category{margin-top:23px;font-size:0}
.bx_lst_menu .category > li{margin-top:10px}
.bx_lst_menu .category > li:first-child{margin-top:0}
.bx_lst_menu .category > li > a{display:inline-block;padding:4px 0;font-size:12px;font-weight:bold;color:#888}
.bx_lst_menu .lst_submenu li a{display:inline-block;padding:4px 0;font-size:12px;color:#888}
.bx_sitemap.on .btn_sitemap:after{transform:rotate(90deg)}
.bx_sitemap.on .bx_lst_menu{display:block}
.copyright{height:42px;border-top:1px solid #e0e0e0;background-color:#fafafa;color:#333;line-height:42px;text-align:center}
.admin .bx_sitemap .inner{max-width:1620px;padding:0 50px}

/* LNB */
.side{display:inline-block;margin:100px 0;width:170px;font-size:12px;vertical-align:top}
.side .tit_side{display:block;padding:0 0 11px 5px;font-size:16px;font-weight:700;font-family:'나눔스퀘어',NanumSquare,'ns','Apple SD 산돌고딕 Neo',Apple SD Gothic Neo,Sans-serif;color:#5aabbe}
.lnb{border:1px solid #d6d6d6;border-left:0;border-right:0}
.lnb > li{border-top:1px solid #d6d6d6}
.lnb > li:first-child{border-top:0}
.lnb > li > a{display:block;position:relative;padding:18px 25px 16px 5px;font-size:13px;font-weight:500;font-family:'나눔스퀘어',NanumSquare,'ns','Apple SD 산돌고딕 Neo',Apple SD Gothic Neo,Sans-serif}
.lnb > li > a:after{position:absolute;top:22px;right:13px;width:8px;height:5px;background:url(../img/sp.png) no-repeat -42px -43px;content:''}
.lnb > li.on > a:after{background-position:-52px -43px}
.lnb_depth li a{display:block;position:relative;padding:4px 0 3px 15px;font-size:12px;color:#888}
.lnb_depth li a:before{position:absolute;top:10px;left:5px;width:2px;height:2px;background-color:#5aabbe;content:''}
.lnb_depth li.selected a{color:#333;text-decoration:underline}
.admin .side .tit_side{font-family:'나눔고딕',NanumGothic,'ng','Apple SD 산돌고딕 Neo',Apple SD Gothic Neo,Sans-serif;color:#434358}
.admin .lnb > li > a{font-family:'나눔고딕',NanumGothic,'ng','Apple SD 산돌고딕 Neo',Apple SD Gothic Neo,Sans-serif;font-size:12px;color:#555}
.admin .lnb > li > a:after{width:7px;background-position:-100px -50px}
.admin .lnb > li.on > a:after{background-position:-100px -43px}
.admin .lnb_depth li a:before{background-color:#666}
.side .lnb_depth{display:none}
.side .lnb > li.on .lnb_depth{display:block;padding-bottom:13px}
.admin .side{width:180px}



/* 기타 공통UIO */
.tit_area{padding-bottom:11px;border-bottom:1px solid #c2c2c2}
.tit_cont{font-weight:bold;font-size:16px}
.tit_side{padding:0 0 11px 5px;border-bottom:1px solid;font-weight:bold;font-size:16px}
.label{display:inline-block;padding:0 6px 0 16px;color:#666;font-weight:bold}
.label:first-of-type{padding-left:0 !important}

.section_func{overflow:hidden;position:relative;margin-bottom:10px} /* 어드민 상단 테이블 영역 */
.section_func .sel{min-width:inherit;width:100px}
.section_func .func_lft{float:left}
.section_func .func_rgt{float:right}
.section_func.type_bx{margin-bottom:20px;padding:14px 9px;border:1px solid #e6e6e6}
.section_func.type_bx2 .label{padding:0 3px 0 6px}
.section_func.type_bx2 .srch_area{margin-left:6px}
.section_func.type_bx2 .inp_srch{width:110px}
.tbl_cap + .section_func.type_bx{margin-bottom:8px}

.nav_depth4 ul{overflow:hidden} /* 결재프로세스 */
.nav_depth4 li{float:left;width:100px;height:40px;margin:0 10px 10px 0}
.nav_depth4 li a{display:table;width:100%;height:100%;border:1px solid #d7d7d7;color:#333;letter-spacing:-1px}
.nav_depth4 li a.on{border-color:#5aabbe;background:#5aabbe;color:#fff;font-weight:bold}
.nav_depth4 li a span{display:table-cell;vertical-align:middle;text-align:center}
.approval_path{padding:6px 10px;background:#f8f8f8}
.approval_path li{height:26px;padding-left:9px;background:url(../img/dot_th_front.gif) no-repeat 0 50%;line-height:26px}

.desc{color:#bebebe}
.desc .u{text-decoration:underline}
.admin .desc .u{color:#333}

.lst_desc{margin-bottom:23px;color:#999}
.lst_desc li{height:18px}
.lst_desc.ot_desc{float:left;margin-top:20px;margin-bottom:0}

.lst_chk{overflow:hidden;padding:5px 0}
.lst_chk li{float:left;width:16%;padding:5px 0}

.lst_lvl{padding:5px 0}
.lst_lvl li{height:24px;line-height:24px}
.lst_lvl .btn{width:26px;height:18px;font-size:11px;line-height:18px}

.inquiry_person{margin-bottom:18px;font-size:14px;font-weight:normal}
.inquiry_person em{color:#434358;font-weight:bold}


/* 조직도 */
.org_chart{text-align:center}
.org_area{display:block;margin:0 auto;color:#444;font-weight:bold;text-align:center;line-height:25px}
.org_area .org_name{display:block;margin-bottom:3px;border:1px solid #d7d7d7;color:#666}
.corp > li > .org_area{position:relative;width:215px;padding-bottom:28px}
.corp > li > .org_area:before{position:absolute;bottom:0;left:50%;width:1px;height:24px;background:#d7d7d7;content:''}
.corp > li > .org_area:only-child:before{display:none}
.corp > li > .org_area .org_name{height:43px;background:#f5f5f5;font-size:14px;line-height:43px}
.org_lst{display:inline-block;position:relative;padding-bottom:10px;vertical-align:top}
.org_lst li{position:relative}

/* 조직도 2depth */
.org_lst > li{float:left}
.org_lst > li:after{position:absolute;top:-30px;left:-60%;width:110%;height:1px;background:#d7d7d7;content:'';}
.org_lst > li:first-child:after{left:50%;width:50%}
.org_lst > li:only-child:after{display:none}
.org_lst > li + li{margin-left:20px}
.org_lst > li > .org_area{min-width:200px}
.org_lst > li > .org_area:before{display:block;position:absolute;top:68px;left:50%;width:1px;height:13px;background:#d7d7d7;content:''}
.org_lst > li > .org_area:only-child:before{display:none}
.org_lst > li > .org_area .org_name{height:38px;background:#f5f5f5;line-height:38px}
.org_area + .org_lst{margin-top:30px}
.org_area + .org_lst > li:only-child{padding-bottom:0}
.org_area + .org_lst > li:before{position:absolute;top:-30px;left:50%;width:1px;height:31px;background:#d7d7d7;content:'';}

/* 조직도 3depth */
.org_lst > li > ul{display:inline-block;position:relative;margin-top:37px;vertical-align:top}
.org_lst > li > ul > li{float:left}
.org_lst > li > ul > li:before{position:absolute;top:-24px;left:50%;width:1px;height:24px;background:#d7d7d7;content:'';}
.org_lst > li > ul > li + li{margin-left:10px}
.org_lst > li > ul > li + li:after{position:absolute;top:-24px;left:-60%;width:110%;height:1px;background:#d7d7d7;content:'';}
.org_lst > li > ul .org_area{width:95px}
.org_lst > li > ul .org_name{display:table;width:100%;height:28px;margin-bottom:2px;line-height:16px;box-sizing:border-box}
.org_lst > li > ul .org_name span{display:table-cell;vertical-align:middle}

/* 조직도 4depth */
.org_lst > li > ul ul{position:relative;margin-top:22px}
.org_lst > li > ul ul:before{position:absolute;top:-22px;left:50%;width:1px;height:22px;background:#d7d7d7;content:''}




.srch_result_wrap{overflow-y:scroll;width:356px;max-height:139px;border:1px solid #e0e0e0;border-width:1px 0;background:#f5f5f5}
.srch_result{display:block;overflow:hidden;width:100%;margin-bottom:-1px}
.srch_result li{float:left;width:20%;padding:2px 0;border:1px solid #e0e0e0;border-width:0 1px 1px 0;background:#fff;text-align:center;line-height:15px;box-sizing:border-box}
.srch_result li:first-child,.srch_result li:nth-child(5n+1){border-left:1px solid #e0e0e0}
.srch_result a{display:block}
.srch_result a:hover,.srch_result a:focus{font-weight:bold;text-decoration:underline}
.srch_result .highlight{background:#ff6;color:#434358;font-weight:bold}

.editor_area{margin-top:20px}

.state_msg{display:block;margin-bottom:10px;color:#999;text-align:right}
.state_msg em{color:#3695b6}

.alert_msg:first-of-type{position:absolute;right:0;top:-47px}

.tit_doc{position:relative;margin-bottom:20px;padding-top:10px;font-size:20px}
.tit_doc:before{display:block;position:absolute;top:0;left:0;width:20px;height:2px;content:''}

.tbl_wrap .ot_a:not(li),.ot_lst li.ot_a:before{color:#109d34 !important}
.tbl_wrap .ot_b:not(li),.ot_lst li.ot_b:before{color:#0089fe !important}
.tbl_wrap .ot_bs:not(li),.ot_lst li.ot_bs:before{color:#9050d1 !important}
.tbl_wrap .ot_we:not(li),.ot_lst li.ot_we:before{color:#f00 !important}
.tbl_wrap .ot_bs+.btn{display:block;width:auto;height:18px;margin:3px 2px 0;border-radius:0;line-height:16px}

.ot_lst{padding:5px 10px;text-align:left}
.ot_lst li{position:relative;padding:2px 0 2px 18px;line-height:16px}
.ot_lst li:before{display:block;position:absolute;top:3px;left:0;width:13px;height:13px;border:1px solid #d7d7d7;font-size:11px;text-align:center;line-height:13px}
.ot_lst li.ot_a:before{content:'A'}
.ot_lst li.ot_b:before{content:'B'}
.ot_lst li.ot_bs:before{content:'S'}
.ot_lst li.ot_we:before{content:'W'}

.ot_bs_detail{padding-top:3px}
.ot_bs_detail li{line-height:12px}
.ot_bs_detail li:before{position:relative;display:inline-block;width:2px;height:2px;margin-right:3px;border-radius:1px;background:#666;vertical-align:middle;content:''}

.txt_name,.txt_id{display:block}
.tbl_auto_width{display:inline-table;max-width:100%}
.tbl_auto_width table{width:auto;table-layout:inherit}
.lst_txt{padding:0 10px}
.lst_txt a{color:#f00}
.lst_txt a:hover{text-decoration:underline}
.tbl_cap + .lst_txt{margin-top:-8px}
.lst_txt:last-of-type{margin-bottom:98px}
.lst_txt>li{position:relative;padding:2px 0 2px 8px;line-height:18px}
.lst_txt>li:before{position:absolute;top:10px;left:0;width:2px;height:2px;border-radius:1px;background:#666;content:''}
.lst_txt li:after{display:block;clear:both;content:''}
.lst_txt .lst_txt{margin:0;padding:2px 0 2px 10px}
.lst_txt .txt_indent{display:block}
.lst_txt .txt_red{color:red}
.lst_txt .txt_grey{color:#aaa}
.lst_txt_depth{padding:2px 0 2px 10px}
.lst_txt_depth>li{position:relative;padding:2px 0 2px 14px}
.lst_txt_depth>li:before{display:none}
.lst_txt_depth .bullet{position:absolute;left:0}
.lst_txt_depth2>li{position:relative;padding-left:8px;line-height:18px}
.lst_txt_depth2>li:before{position:absolute;left:0;content:'-'}

.tbl_info{margin:5px 0;border-color:#d7d7d7}
.tbl_cap + .tbl_info{margin:0 10px}
.tbl_info thead th{border-top:0;background:#f8f8f8;font-weight:bold}
.tbl_info th,.tbl_info td{height:40px;padding:0 10px;border-right:1px solid #e0e0e0}
.tbl_info th:last-child,.tbl_info tr:first-child td:last-child{border-right:0}
.tbl_info th{font-weight:normal;color:#555;text-align:center}
.tbl_info td{padding:5px 10px}
.tbl_info .lst_txt{margin:8px 0}

.interview_form+.interview_form{margin-top:10px}
.interview_form th.val_top{background-position:0 23px;line-height:50px}
.interview_form td.val_top{padding-top:9px;padding-bottom:9px}
.interview_form .attach_lst .btn,.interview_form .attach_lst .btn:hover,
.interview_form .attach_wrap .btn,.interview_form .attach_wrap .btn:hover,
.interview_form .interviewer .btn,.interview_form .interviewer .btn:hover{width:auto;height:20px;padding:0 4px;border-radius:1px;background:#f6f6f6 !important;background:-moz-linear-gradient(top, #f6f6f6 0%, #d7d7d7 100%) !important;background:-webkit-linear-gradient(top, #f6f6f6 0%,#d7d7d7 100%) !important;background:linear-gradient(to bottom, #f6f6f6 0%,#d7d7d7 100%) !important;filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#d7d7d7',GradientType=0 ) !important;color:#444 !important;line-height:20px}
.interview_form .attach_lst{width:calc(100% - 20px)}
.interview_form .attach_lst li{padding-left:8px;line-height:28px}
.interview_form .attach_lst li:before{position:absolute;left:0;content:'·'}
.interview_form .attach_lst.edit li{padding-left:0}
.interview_form .attach_lst.edit li:before{display:none}
.interview_form .attach_lst li a{vertical-align:middle}
.interview_form .attach_lst li a:not(.btn){display:inline-block;overflow:hidden;position:relative;max-width:calc(100% - 36px);color:#666;text-decoration:underline;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}
.interview_form .attach_lst li a:hover{color:#439fb4}
.interview_form .attach_lst li.add:not(:first-child){padding-top:10px}
.interview_form .attach_wrap{position:relative;width:230px}
.interview_form .attach_wrap input{width:100%;padding-right:41px}
.interview_form .interviewer{position:relative;width:230px}
.interview_form .interviewer input{width:100%;padding-right:77px}
.interview_form .interviewer input[readonly]{border-color:#d7d7d7;text-indent:4px}
.interview_form .attach_wrap .btn,.interview_form .interviewer .btn{position:absolute;top:4px;right:4px}
.interview_add{margin-top:30px}
.front .interview_form th.val_top{background-position:0 27px;line-height:56px}
.front .interview_form td.val_top{padding-top:13px;padding-bottom:13px}

/* admin ------------------------------------------------------ */
.admin .my_menu .name{border-bottom:1px solid #797979}
.admin .tit_side,
.admin .sitemap_bx li li a:hover{color:#434358}
.admin .tit_side{border-bottom:0}
.admin .tit_cont, .admin .sitemap_bx li strong{color:#555}
.admin .copyright{border-top:1px solid #c2c2c2;background:#434358;color:#cecece}
.admin .btn{border:1px solid #d5d5d5;border-radius:3px;background:#f0f0f0;color:#666}
.admin .btn:active{background:#f5f5f5;box-shadow:0 1px 1px 0 #e3e3e3 inset}
.admin .btn_cfm{border-color:#434358;background:#434358;color:#fff}
.admin .btn_cfm:active{background:#65657c;box-shadow:1px 2px 1px 0 #595971 inset}
.admin .btn.disabled{border-color:#d7d7d7;background:#f8f8f8;color:#999}
.admin .btn.disabled:active{background:#f8f8f8;box-shadow:none}
.admin .ico_cal{background-color:#696979}


/* 출퇴근 관리 (현황/내역) */
.commute_history .area_chart{margin-top:40px}
.commute_history .area_chart .bx_align{position:relative;height:500px;margin-top:40px;font-size:0}
.commute_history .area_chart .bx_align:first-of-type{margin-top:0}
.commute_history .area_chart .bx_align:before{display:inline-block;height:100%;vertical-align:middle;content:''}
.commute_history .area_chart .bx_chart{position:absolute;top:0;left:0;bottom:0;width:555px;height:100%;font-size:12px;}
.commute_history .bx_chart .tit_chart{display:block;margin-bottom:15px;font-size:13px;text-align:center}
.commute_history .area_chart .tbl_wrap{display:inline-block;margin-left:575px;box-sizing:border-box;vertical-align:middle}
.commute_history .section_func .bx_sort{position:absolute;top:14px;right:9px}
.commute_history .lst_desc{margin-bottom:5px}

/* Front ------------------------------------------------------ */
.front .gnb > li > a,
.front .tit_side,
.front .tit_cont,
.front .bx_sitemap .lst_menu	.tit,
.front .tit_doc,
.front .tbl_cap,
.front .main_tit,
.front .group_welfare,
.front .bx_tab_lst .tab .btn_menu,
.front .lst_type .btn_link,
.front .banner_area .tit{font-family:'나눔스퀘어',NanumSquare,'ns','Apple SD 산돌고딕 Neo',Apple SD Gothic Neo,Sans-serif}
.front .my_menu .name{font-weight:bold}
.front .gnb ul li.selected a,.front .sitemap_bx li li a:hover{font-weight:bold}
.front .sitemap_bx li li a:hover{text-decoration:none}
.front .gnb ul li.selected a,.front .sitemap_bx li li a:hover,.front .tbl_cap em,.front .inquiry_person em,.front .main_tit em,.group_welfare .welfare_lst em.color,.welfare_tit em{color:#5aabbe}
.front .tit_side{border-bottom:0}
.front .tit_cont,.front .sitemap_bx li strong,.front .tbl_cap,.front .tbl_form th,.front .tit_doc{color:#333}
.front .btn{border:1px solid #5aabbe;background:#fff;color:#333;font-family:'나눔스퀘어',NanumSquare,'ns','Apple SD 산돌고딕 Neo',Apple SD Gothic Neo,Sans-serif;font-size:13px}
.front .btn:hover, .front .btn.on, .front .btn_cfm, .front .btn_foot.sub .btn.size_sub:only-child{border-color:#5aabbe;background:#5aabbe;color:#fff}
.front .btn_cfm:hover{border-color:#78b9c8;background:#78b9c8}
.front .btn:active{border-color:#2897b1;background:#2897b1;color:#fff}
.front .btn.disabled{border-color:#d7d7d7;background:#f8f8f8;color:#999;cursor:default}
.front .btn.btn_cncl.disabled{background:#fff}
.front .ico_cal{background-color:#75bdd7}
.front .tbl_cap{margin-bottom:12px}
.front .tbl_lst{border-top:2px solid #5aabbe}
.front .tbl_lst thead th{background-color:#f8f8f8;color:#333;font-weight:bold}
.front .tbl_lst tbody tr:first-child th,
.front .tbl_lst tbody tr:first-child td{border-top:0}
.front .tbl_form th{background-image:url(../img/dot_th_front.gif)}
.front .tbl_form th,.front .tbl_form td{height:56px}
.front .label{color:#333}
.front .srch_area .btn.btn_cfm{top:0;right:0;border:1px solid #5aabbe;background:#5aabbe}
.front .section_func.type_bx{border:0;background:#f8f8f8}
.front .tit_doc{font-weight:normal}
.front .tit_doc:before{background:#6cbcd8}
.front .btn_foot.sub{margin-top:20px}

.ect_gnblst{float:right;margin-top:39px;font-size:14px;color:#a5a5a5}
.ect_gnblst span{display:inline-block;height:17px;padding-left:26px;background-position:0 -107px;vertical-align:top;text-indent:0}
.ect_gnblst:hover{color:#a5a5a5;text-decoration:none}

/* login */
.login_wrap{height:100%;background:#efefef}
.login_bx{position:absolute;top:50%;left:50%;width:406px;margin:-180px 0 0 -203px}
.login_bx .login_tit{width:276px;height:45px;margin:0 auto 36px;background-image:url(../img/logo.png);background-repeat:no-repeat}
.login_form{padding:43px 60px 33px;border:1px solid #d7d7d7;border-radius:3px;background:#fff}
.login_form label{display:none}
.login_form .inp_txt{display:block;width:100%;height:36px;margin-bottom:10px}
.login_form .btn_login{display:block;width:100%;height:47px;margin-top:17px;border-radius:3px;font-weight:bold;line-height:47px}
.login_bx .lnk_temp_pw{display:block;margin-top:17px;color:#434358;letter-spacing:-1px;text-align:center}
.login_tooltip{display:none;position:absolute;width:228px;padding:18px 10px;border:1px solid #e8e8e8;border-radius:3px;background:#fff;color:#888;text-align:center;line-height:16px}
.login_tooltip:after{display:block;position:absolute;left:50%;bottom:-13px;width:24px;height:13px;margin-left:-12px;background:url(../img/bg_login_tooltip.png) no-repeat;content:''}

/* main */
.content.main{padding:35px 0 50px}
.main_tit{margin-bottom:16px;color:#333;font-size:15px}
.group_welfare{position:relative;margin-bottom:50px}
.group_welfare .bx_align{position:relative;height:550px}
.welfare_info{position:absolute;top:0;left:0;width:640px;height:100%;text-align:center}
.welfare_lst{height:100%;font-size:0}
.welfare_lst li{display:inline-block;position:relative;width:312px;height:100%;margin-left:16px;padding:64px 0;box-sizing:border-box;background:#f8f8f8;vertical-align:middle}
.welfare_lst li:first-child{margin-left:0}
.welfare_lst li.holiday{background-color:#fbecdd}
.welfare_lst li.overtime{background-color:#d5eaef}
.welfare_lst .ico{display:block;width:200px;height:200px;margin:0 auto}
.welfare_lst .bx_txt{margin-top:70px;font-size:0}
.welfare_lst .tit{display:block;margin-bottom:10px;font-size:16px;font-weight:bold;color:#333}
.welfare_lst .txt{display:inline-block;font-size:16px;color:#333;line-height:16px;vertical-align:middle}
.welfare_lst .em{display:inline-block;margin-right:2px;font-size:20px;font-weight:bold;line-height:20px;vertical-align:middle}
.welfare_lst .btn{width:150px;height:54px;margin:40px auto 0;line-height:54px;box-sizing:border-box}
.welfare_lst .holiday .em{color:#de8557}
.welfare_lst .holiday .ico{background-image:url(../img/ico_holiday.png)}
.welfare_lst .holiday .btn{border-color:#df9e7c}
.welfare_lst .holiday .btn:hover{background-color:#df9e7c}
.welfare_lst .holiday .btn:active{background-color:#d5855b}
.welfare_lst .overtime .em{color:#439fb4}
.welfare_lst .overtime .ico{background-image:url(../img/ico_overtime.png)}
.group_etc_info{font-size:0}
.main .lst_type{display:flex;display:-ms-flexbox;flex-wrap:wrap;height:222px}
.main .lst_type li{flex-basis:calc(50% - 8px);min-height:auto}
.main .lst_type li .btn_link{height:100%}


/* 근태현황 (이 달의 현황 / 개인 근태 현황) */
.sub_area .group_welfare{margin-bottom:0}
.sub_area .welfare_info{width:442px}
.sub_area .welfare_lst{width:100%;height:auto}
.sub_area .welfare_lst li{display:table;width:100%;table-layout:fixed;height:267px;margin:14px 0 0;padding:54px 40px}
.sub_area .welfare_lst li:first-child{margin-top:0}
.sub_area .welfare_lst li:last-child{padding-right:35px}
.sub_area .welfare_lst li:last-child .bx_txt{padding-left:73px}
.sub_area .welfare_lst .bx_ico{display:table-cell;width:160px;vertical-align:middle}
.sub_area .welfare_lst .bx_txt{display:table-cell;width:100%;margin-top:0;padding-left:78px;box-sizing:border-box;vertical-align:middle}
.sub_area .welfare_lst .ico{display:block;width:160px;height:160px;margin:0}
.sub_area .welfare_lst .tit{margin-bottom:8px}
.sub_area .welfare_lst .btn{display:block;width:100px;min-width:auto;height:33px;margin-top:22px;font-size:12px;line-height:31px}
.sub_area .welfare_lst .holiday .ico{background-image:url(../img/ico_sub_holiday.png)}
.sub_area .welfare_lst .overtime .ico{background-image:url(../img/ico_sub_overtime.png)}
.sub_area .area_calendar{margin-left:458px}
.sub_area .area_calendar.big_type{margin:0 0 80px 0}

/* 조직관리 */
.diligence_history .section_func .bx_align{margin-top:10px}
.diligence_history .section_func .bx_btn{position:absolute;top:14px;right:9px;bottom:14px}
.diligence_history .btn_view{display:block;width:70px;height:100%}


/* 복리후생 */
.tbl_wrap td.approve{color:#5aabbe;font-weight:bold}
.tbl_wrap td.return{color:#f33f3f;font-weight:bold}
.tbl_wrap td.deputy{color:#f33f3f;font-weight:bold}
.tbl_wrap td.arbitrarily{color:#f33f3f;font-weight:bold}


/* Front Banner */
.bn_welfare{position:relative;height:170px;margin-top:30px;padding:43px 200px 0 40px;background:#f9f9f9;box-sizing:border-box}
.bn_welfare:after{position:absolute;top:50%;right:110px;bottom:0;width:100px;height:100px;margin-top:-50px;content:''}
.bn_welfare .btn{height:40px;margin-bottom:12px;padding:0 10px 0 8px;font-size:24px;line-height:40px;box-sizing:border-box}
.bn_welfare .lnk_group{font-size:0}
.bn_welfare .lnk_group li{display:inline-block;position:relative;vertical-align:middle}
.bn_welfare .lnk_group li:before{display:inline-block;width:1px;height:11px;background:#7f7f7f;vertical-align:middle;content:''}
.bn_welfare .lnk_group li:first-child:before{display:none}
.bn_welfare .lnk_group li a{display:inline-block;padding:2px 4px 2px 5px;font-size:12px;color:#666;vertical-align:middle}
.bn_welfare .lnk_group li a:hover{font-weight:bold;color:#5aabbe}
.bn_welfare .lnk_group li:first-child a{padding-left:0}
.bn_welfare.benefit:after{background-image:url(../img/bn_benefit.png)} /* 복리후생 > Benefit */
.bn_welfare.wnl:after{background-image:url(../img/bn_wnl.png)} /* 복리후생 > Work & Life Balance */
.bn_welfare.health_care:after{background-image:url(../img/bn_health_care.png)} /* 복리후생 > Health Care */
.bn_welfare.life_care:after{background-image:url(../img/bn_life_care.png)} /* 복리후생 > Life Care */
.bn_welfare.growth:after{background-image:url(../img/bn_growth.png)} /* 복리후생 > Growth */
.banner_area{position:relative;height:200px;margin-bottom:28px;background:#f9f9f9}
.banner_area:after{position:absolute;top:0;right:110px;bottom:0;width:100px;background-repeat:no-repeat;background-position:50%;content:''}
.banner_area .tit,.banner_area .txt{position:absolute;left:50px;color:#333}
.banner_area .tit{top:39px;padding-top:10px;font-size:24px}
.banner_area .tit:before{display:block;position:absolute;top:0;left:0;width:30px;height:2px;background:#5aabbe;content:''}
.banner_area .txt{top:95px;line-height:18px}
.banner_area.bn_certificate:after{background-image:url(../img/ban_certificate.png)} /* 증명서 발급 안내 */
.banner_area.bn_namecard:after{background-image:url(../img/ban_namecard.png)} /* 명함 신청 안내 */
.banner_area.bn_retire:after{background-image:url(../img/ban_retire.png)} /* 퇴직 신청 안내 */
.banner_area.bn_welfare1:after{background-image:url(../img/ban_welfare1.png)} /* 연차휴가 */
.banner_area.bn_welfare2:after{background-image:url(../img/ban_welfare2.png)} /* 공가휴가 */
.banner_area.bn_welfare3:after{background-image:url(../img/ban_welfare3.png)} /* 보건휴가 */
.banner_area.bn_welfare4:after{background-image:url(../img/ban_welfare4.png)} /* 병가휴가 */
.banner_area.bn_welfare_special:after{background-image:url(../img/ban_welfare_special.png)} /* 특별휴가 */
.banner_area.bn_welfare5:after{background-image:url(../img/ban_welfare5.png)} /* 경조사 */
.banner_area.bn_welfare7:after{background-image:url(../img/ban_welfare7.png)} /* 휴직 */
.banner_area.bn_welfare8:after{background-image:url(../img/ban_welfare8.png)} /* 복직 */
.banner_area.bn_welfare9:after{background-image:url(../img/ban_welfare9.png)} /* 시간 외 근무신청 */
.banner_area.bn_welfare13:after{background-image:url(../img/ban_welfare13.png)} /* 복지 포인트 */
.banner_area.bn_welfare_doctor:after{background-image:url(../img/ban_welfare_doctor.png)}  /* 의료비 지원 */
.banner_area.bn_welfare_school:after{background-image:url(../img/ban_welfare_school.png)}  /* 자녀 학자금 지원 */
.banner_area.bn_welfare14:after{background-image:url(../img/ban_welfare14.jpg)} /* 임직원 대출지원 프로그램 */
.banner_area.bn_welfare15:after{background-image:url(../img/ban_welfare15.jpg)} /* 휴양시설 */
.banner_area.bn_welfare16:after{background-image:url(../img/ban_welfare16.png)} /* 장기 근속 포상 휴가 */
.banner_area.bn_welfare17:after{background-image:url(../img/ban_welfare17.png)} /* 자격증 취득 교육 */
.banner_area.bn_welfare_language:after{background-image:url(../img/ban_welfare_language.png)} /* 외국어 능력 향상 지원 */
.banner_area.bn_welfare_graduate:after{background-image:url(../img/ban_welfare_graduate.png)} /* 대학원 진학 지원 */
.banner_area.bn_welfare18:after{background-image:url(../img/ban_welfare18.jpg)} /* 인재 추천 포상 */
.banner_area.bn_welfare19:after{background-image:url(../img/ban_welfare19.jpg)} /* 우수사원 해외연수 */
.banner_area.bn_welfare20:after{background-image:url(../img/ban_welfare20.jpg)} /* 파견 복귀 리프레시 */
.banner_area.bn_welfare21:after{background-image:url(../img/ban_welfare21.png)} /* 명절 선물 */
.banner_area.bn_welfare_cloth:after{background-image:url(../img/ban_welfare_cloth.png)} /* 피복 선물 */
.banner_area.bn_welfare_transportation:after{background-image:url(../img/ban_welfare_transportation.png)} /* 유류대 지원 */
.banner_area.bn_welfare22:after{background-image:url(../img/ban_welfare22.jpg)} /* 스터디 지원 */
.banner_area.bn_welfare23:after{background-image:url(../img/ban_welfare23.jpg)} /* 퇴직연금 */
.banner_area.bn_welfare24:after{background-image:url(../img/ban_welfare24.png)} /* 건강검진 */
.banner_area.bn_welfare25:after{background-image:url(../img/ban_welfare25.jpg)} /* 무료 주차 지원 */
.banner_area.bn_welfare26:after{background-image:url(../img/ban_welfare26.png)} /* 임신기 근로시간 단축 */
.banner_area.bn_welfare_pregnancy:after{background-image:url(../img/ban_welfare_pregnancy.png)} /* 임신 알림 */
.banner_area.bn_welfare_maternity:after{background-image:url(../img/ban_welfare_maternity.png)} /* 출산 전후 휴가 */
.banner_area.bn_buy:after{background-image:url(../img/ban_buy.jpg)} /* 구매 신청 */
.banner_area.bn_holiday:after{background-image:url(../img/ban_holiday.jpg)} /* 조직장 특별 휴가 */

/* 개발 추가 */
.front .otMonthTable tbody td:nth-child(2){text-align:center}
.ot_state span{display:inline-block;border-radius: 50%; background:#fff;border:1px solid #867d7d;height: 18px; width: 18px}
.ot_state.v1{display:inline-block;vertical-align:top}
.ot_state.on span, .ot_state.v1 span{border:0;height: 20px; width: 20px; margin:0 auto}
.ot_state.on:nth-child(1) span, .ot_state.v1 span{background:#00a650}
.ot_state.on:nth-child(2) span, .ot_state.v2 span{background:#fcd205}
.ot_state.on:nth-child(3) span, .ot_state.v3 span{background:#de1920}
.grade_guide{margin-bottom:10px;}
.grade_guide ul{float:right}
.grade_guide li{float:left;margin-left:14px}
.grade_guide:after{clear:both;display:block;content:''}
.grade_guide em{display:inline-block;margin:2px 0 0 6px;}

/* Media Query */
@media all and (min-width:1621px){
.area_utilmenu, .gnb_wrap, .bx_sitemap .inner, .container{padding:0}
.admin .area_utilmenu{padding:0 50px}
}