@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;/*-webkit-border-radius:0*/;resize:none}
input::-webkit-search-cancel-button{display:none}
input[type=text]{-webkit-box-shadow:0}
button{border:0;outline:0;cursor:pointer}
.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}
.show{display:block !important}
.hide{display:none !important}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* ui common */
.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}
.useYn.y{background-color:#EFF5FB;}
.useYn.n{background-color:#FBEFF2;}
.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 */
.util .ico,.logout,.inp_chk label:before,.inp_rdo label:before,.ico_clse,.paginate a.prev span,.paginate a.next span,.paginate a.first span,.paginate a.last span,.welfare_lst .btn:after,.tile_lst a:after,.bn_welfare a.btn:after,.tbl_down .lnk_down:after, .search_bx.ico:after,.inp_chk.type_color input:checked:disabled+label:before,.inp_rdo input:checked:disabled+label:before,
.sp{background:url(../img/sp.png) no-repeat;text-indent:-9999px}
#container:after,.utilmenu:after,.my_menu:after,.my_menu .util:after,.gnb_wrap:after,.footer_cont:after,.tit_area:after,.sitemap_bx:after{display:block;clear:both;content:''}


/* 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::-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_txt:disabled{background-color:#f8f8f8;color:#bebebe}

.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}

.inp_txtarea{width:calc(100% - 20px);height:132px;margin:19px 0;border:1px solid #d7d7d7;background:#fff;color:#666;text-indent:4px;box-sizing:border-box}

/* 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.disabled .ico_cal{background-color:#dfdfdf !important}
.datepicker_bx .datepicker{position:relative;width:100% !important;padding-right:34px;background-color:transparent;cursor:pointer;z-index:1}
.datepicker_bx.disabled .datepicker{color:#aaa;cursor:default}

/* search area */
.srch_area{display:inline-block;position:relative;margin-left:16px}
.inp_srch{width:121px;padding-right:44px}
.srch_area .btn.btn_cfm, .srch_area .btn.btn_cfm2{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, td .srch_area .btn.btn_cfm2{position:static;width:100%}
.srch_wrap{margin-bottom:18px;text-align:center}
.search_bx{display:inline-block;position:relative}
.search_bx .search_lst{position:absolute;z-index:1;top:32px;left:0;min-width:450px;padding:6px 0;border:1px solid #d7d7d7;background-color:#fff;box-sizing:border-box}
.search_bx .search_lst li{padding:0 15px;font-size:0}
.search_bx .search_lst li:hover,.search_bx .search_lst li.on{background-color:rgba(82,173,205,0.1)}
.search_bx .search_lst .btn_result{display:block;width:100%;background:none;text-align:left;cursor:pointer}
.search_bx .search_lst .btn_result > strong {font-size:14px;line-height:32px}
.search_bx .search_lst .btn_result > strong .highlight{color:#52adcd}
.search_bx .search_lst .btn_result > span {margin-left:16px;font-size:12px;line-height:32px}
.search_bx.ico:after{position:absolute;top:50%;right:15px;width:12px;height:12px;margin-top:-6px;background-position:-28px -56px;content:''}

/* 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}
.inp_chk.type_color{height:auto}
.inp_chk.type_color label{padding-left:16px;line-height:20px;}
.inp_chk.type_color label:before{top:50%;width:12px;height:12px;margin-top:-6px;border:0;background-position:-42px -43px;box-sizing:border-box}
.inp_chk.type_color input:checked+label:before{background-position:-56px -43px}
.inp_chk.type_color input:disabled+label{color:#bebebe}
.inp_chk.type_color input:disabled+label:before{border:1px solid #d7d7d7;background:#f8f8f8}
.inp_chk.type_color input:checked:disabled+label:before{border:0;background-position:-56px -43px}
.inp_chk_txt{display:inline-block}
.inp_chk_txt input[type=checkbox]{position:absolute;opacity:0}
.inp_chk_txt label{display:block;width:68px;height:26px;border:1px solid #d7d7d7;border-radius:13px;font-size:12px;line-height:26px;letter-spacing:-0.48px;color:#333;text-align:center}
.inp_chk_txt input:checked+label{background:#5dadcd;border-color:#5dadcd;color:#fff}
.inp_chk_txt input:disabled+label{background:#f8f8f8;border:1px solid #d7d7d7;color:#bebebe}
.inp_chk_txt input:checked:disabled+label{background:#5dadcd;border-color:#5dadcd;color:#fff}

/* radio */
.inp_rdo{display:block;overflow:hidden;height:14px}
.inp_rdo input[type=radio]{position:absolute;opacity:0}
.inp_rdo label{display:block;position:relative;height:100%;padding-left:16px}
.inp_rdo label:before{display:block;position:absolute;top:1px;left:0;width:12px;height:12px;border:0;background-position:0 -56px;box-sizing:border-box;content:''}
.inp_rdo input:checked+label:before{background-position:-14px -56px}
.inp_rdo input:disabled+label{color:#bebebe}
.inp_rdo input:disabled+label:before{border:1px solid #d7d7d7;border-radius:50%;background:#f8f8f8}
.inp_rdo input:checked:disabled+label:before{border:0;background-position:-14px -56px}

/* select */
.sel{min-width:100px;height:30px;border:1px solid #d7d7d7;color:#666;vertical-align:middle}
.sel:disabled{color:#bebebe}
.sel.commute{min-width: 60px;text-align-last: center;font-weight:bold;}
.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.time{min-width:auto;width:60px;margin-right:8px;color:#555}
.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_cfm2,.btn_cncl{width:109px;height:35px;line-height:35px}
input.btn_cfm,input.btn_cfm2,input.btn_cncl,button.btn_cfm,button.btn_cfm2,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_small{display:inline-block;width:46px;height:28px;line-height:28px;background-color:#fff;border:1px solid #d7d7d7;border-radius:2px}
.btn_tit{position:absolute;top:-3px;right:0}

.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}
.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}
.btn_record.sp{display:block;overflow:hidden;text-indent:-999px;width:16px;height:16px;margin: 0 auto;background-position:-70px -43px}
.btn_add{display:inline-block;width:18px;height:18px;background-position:0 -70px;vertical-align:middle}
.btn_add2.sp{display:inline-block;width:16px;height:16px;background-position:-38px -71px;vertical-align:middle}
.btn_modify{display:inline-block;width:20px;height:20px;background:none;vertical-align:middle}
.btn_modify .ico_modify.sp{display:block;overflow:hidden;text-indent:-999px;width:12px;height:13px;margin: 0 auto;background-position:-42px -56px}
.btn_close{display:inline-block;width:20px;height:20px;background:none;vertical-align:middle}
.btn_close .ico_close.sp{display:block;overflow:hidden;text-indent:-999px;width:10px;height:10px;margin: 0 auto;background-position:-56px -58px}
.btn_close2{display:inline-block;width:20px;height:20px;background:none;vertical-align:middle}
.btn_close2 .ico_close2.sp{display:block;overflow:hidden;text-indent:-999px;width:15px;height:15px;margin: 0 auto;background-position:-65px -25px}
.btn.arrow_down:after,.btn.arrow_up:after,.btn_toggle.arrow_down:after,.btn_toggle.arrow_up:after{display:inline-block;width:0;height:0;margin-left:7px;border-left:4px solid transparent;border-right:4px solid transparent;vertical-align:middle;content:''}
.btn_toggle.arrow_down:after,.btn_toggle.arrow_up:after{margin-left:4px}
.btn.arrow_down:after{border-top:5px solid #333}
.btn.arrow_down:hover:after{border-top-color:#fff}
.btn.arrow_up:after{border-bottom:5px solid #333}
.btn.arrow_up:hover:after{border-bottom-color:#fff}
.btn_toggle.arrow_down:after{border-top:5px solid #52adcd}
.btn_toggle.arrow_up:after{border-bottom:5px solid #52adcd}
.btn_toggle{background:none;color:#52adcd}
.btn_remove.sp{display:inline-block;width:16px;height:16px;background-position:-20px -71px;vertical-align:middle}
.btn_down{display:inline-block;width:14px;height:14px;padding:3px;margin:-3px 0 0 4px;vertical-align:middle}
.btn_down .sp.ico_down{display:block;width:14px;height:14px;background-position:-72px -71px}


/* 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_cap .btn_tit{font-weight:normal}
.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_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:#52adcd}
.tbl_wrap td.fail{color:#de3c3c}
.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:auto}
.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_wrap .btn.size_sub{width:88px;height:25px;line-height:25px;background:#fff !important;}
.tbl_wrap .btn.size_sub.btn_cfm{border-color:#52adcd !important;border-radius:2px;background:#52adcd !important;color:#fff !important}
.tbl_wrap .btn.size_sub.btn_cfm.disabled{border-color:#d7d7d7 !important;background:#f8f8f8 !important;color:#999 !important;cursor:default}

.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 .sel.long_width.max_width{width:calc(100% - 825px)}
.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 tfoot td.status_office,.tbl_lst tbody td.status_office{background-color:#f1fafc;color:#157eca}
.tbl_lst tfoot td.status_home,.tbl_lst tbody td.status_home{background-color:#eaf6ea;color:#1ea31e}
.tbl_lst tfoot td.status_etc,.tbl_lst tbody td.status_etc{background-color:#fff7e5;color:#df9b00}
.tbl_lst tbody td.is_benefit{height:42px;padding:0 4px;background:#f8f8f8;text-align:center}
.tbl_lst tr.checked td{background:#f5f5f5}
.tbl_lst tr.paused td,.tbl_lst tr.paused td a{color:#6990a9}
.tbl_lst tr.disabled td,.tbl_lst tr.disabled td a{color:#fb8686}
.tbl_lst tbody td .ing{color:#52adcd}
.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}
.tbl_lst.th_inner_line.tbl_admin thead tr th{color:#FFFFFF;}
.tbl_lst.th_inner_line.tbl_admin td{font-size: 11px;}
.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 .btn_small{color:#999;text-decoration:none}

.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}

.tbl_task thead th:first-child,.tbl_task tbody th{border-right:1px solid #e0e0e0}
.tbl_task .btn.size_sub{margin-top:8px}

.tbl_down{border-top-color:#6cbcd8}
.tbl_down td{padding:12px 0 12px 10px;box-sizing:border-box}
.tbl_down .lnk_down{display:block;line-height:22px;color:#6cbcd8;text-decoration:underline}
.tbl_down .lnk_down:after{display:inline-block;width:14px;height:14px;margin:-2px 0 0 6px;background-position:-72px -71px;vertical-align:middle;content:''}
.tbl_down .btn,.tbl_down .btn:hover{width:46px;height:28px;border-color:#d7d7d7 !important;border-radius:2px;background:#fff !important;color:#999 !important}

.section_func{overflow:hidden;margin-bottom:10px}
.label{display:inline-block;padding:0 6px 0 16px;color:#666;font-weight:bold}
.label:first-of-type{padding-left:0 !important}
.section_func .sel{min-width:inherit;width:100px}
.section_func.type_bx{margin-bottom:20px;padding:14px 9px;border:1px solid #e6e6e6}
.tbl_cap+.section_func.type_bx{margin-bottom:8px}
.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}
.section_func.type_bx2 .inp_srch_long{width:140px}
.section_func .func_lft{float:left}
.section_func .func_rgt{float:right}

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

.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_chk.type_color li{float:left;width:auto;min-width:100px;padding:5px 0}
.lst_chk.txt{padding:12px 0}
.lst_chk.txt:first-child{padding-bottom:0}
.lst_chk.txt:only-child{padding:12px 0}
.lst_chk.txt + .lst_chk{padding-top:0}
.lst_chk.txt li{width:auto;margin-left:8px;padding:4px 0}
.lst_chk.txt li:first-child{margin-left:0}

.lst_rdo{overflow:hidden;padding:5px 0}
.lst_rdo li{float:left;min-width:100px}
.lst_rdo:after{display:block;clear:both;content:''}


.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}

.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}

.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_name{display:block;margin-bottom:3px;border:1px solid #d7d7d7;color:#666}

.org_lst{display:inline-block;padding-bottom:10px;vertical-align:top}
.org_lst ul,.org_lst li{position:relative}
.org_lst>li{float:left;padding:31px 0 0 21px}
.org_lst>li:before{display:block;position:absolute;top:0;left:50%;width:1px;height:31px;margin-left:10px;background:#d7d7d7;content:''}
.org_lst>li:first-child:before{margin-left:0}
.org_lst>li:after{display:block;position:absolute;top:0;left:-10%;width:110%;height:1px;background:#d7d7d7;content:''}
.org_lst>li:first-child:after{left:50%;width:50%}
.org_lst>li:last-child:after{left:-10%;width:60%;margin-left:10px}
.org_lst>li:first-child{padding-left:0}
.org_lst>li>.org_area{min-width:200px}
.org_lst>li>ul{width:100%;padding-top:13px}
.org_lst>li>ul:before{display:block;position:absolute;top:0;left:50%;width:1px;height:13px;background:#d7d7d7;content:''}
.org_lst>li>ul>li{float:left;width:95px;padding:24px 0 0 10px}
.org_lst>li>ul>li:first-child{padding-left:0}
.org_lst>li>ul>li:before{display:block;position:absolute;top:0;left:50%;width:1px;height:24px;margin-left:5px;background:#d7d7d7;content:''}
.org_lst>li>ul>li:first-child:before{margin-left:0}
.org_lst>li>ul>li:last-child:before{margin-left:5px}
.org_lst>li>ul>li:after{display:block;position:absolute;top:0;left:-10%;width:110%;height:1px;background:#d7d7d7;box-sizing:border-box;content:''}
.org_lst>li>ul>li:first-child:after{left:50%;width:50%}
.org_lst>li>ul>li:last-child:after{left:-10%;width:60%;margin-left:5px}
.org_lst>li>ul>li:only-child{float:none;left:-5px;margin:0 auto}
.org_lst>li>ul>li:only-child:after{display:none}
.org_lst>li>ul>li .org_area{line-height:27px}
.org_lst>li>ul>li .org_name{display:table;width:100%;height:28px;margin-bottom:2px;line-height:1.1}
.org_lst>li>ul>li .org_name span{display:table-cell;vertical-align:middle}
.org_lst>li>ul>li>ul{padding-top:22px}
.org_lst>li>ul>li>ul>li{margin-bottom:12px}

.org_lst>li>ul>li>ul:before{display:block;position:absolute;top:0;left:50%;width:1px;height:22px;background:#d7d7d7;content:''}

.org_chart .corp>li>.org_area{position:relative;width:215px;padding-bottom:28px}
.org_chart .corp>li>.org_area:before{display:block;position:absolute;bottom:0;left:50%;width:1px;height:24px;background:#d7d7d7;content:''}
.org_chart .corp>li>.org_area .org_name{height:43px;font-size:14px;line-height:43px}
.org_chart .org_lst>li>.org_area .org_name{height:38px;line-height:38px}
.org_chart .corp>li>.org_area .org_name,
.org_chart .org_lst>li>.org_area .org_name{background:#f5f5f5}

.upload_area{position:relative}
.upload_lst{margin:20px 0;padding-right:86px}
.upload_lst li{padding-top:20px}
.upload_lst li:first-child{padding-top:0}
.upload_lst li .lnk{color:#52adcd;text-decoration:underline}
.upload_lst li .btn_delete{display:inline-block;width:10px;height:10px;padding:5px;margin-left:4px;vertical-align:middle}
.upload_lst li .btn_delete .sp.ico_delete{display:block;width:10px;height:10px;background-position:-56px -58px}
.upload_lst li .upload_bx{position:relative;margin-top:10px}
.upload_lst li .upload_bx input{width:100%}
.upload_lst li .upload_bx .btn{position:absolute;top:3px;right:3px;width:80px;height:22px;line-height:22px}
.upload_lst li .dsc_txt_bx{position:relative;width:100%;box-sizing:border-box}
.upload_lst li .dsc_txt_bx.editable{height:88px;padding:38px 12px 12px 12px;border:1px solid #d7d7d7}
.upload_lst li .dsc_txt_bx .date{color:#999}
.upload_lst li .dsc_txt_bx.editable .date{position:absolute;top:12px;left:12px}
.upload_lst li .dsc_txt_bx textarea{width:100%;height:100%;border:none;background:none;outline:0;line-height:18px}
.upload_lst li .dsc_txt_bx p{margin-top:8px;line-height:18px}
.upload_lst li .dsc_txt_bx p.fold{overflow:hidden;height:36px}
.upload_lst li .dsc_txt_bx .btn_toggle{position:absolute;top:0;right:0}
.upload_lst .btn_bx{display:block;padding-top:4px;text-align:right}
.upload_area .btn_cfm{position:absolute;top:-6px;right:0;width:46px;height:28px;border-radius:2px;text-align:center;line-height:28px}
.upload_area .btn_cfm.type2{border:1px solid #6cbcd8;background-color:#fff;color:#666}
.upload_area .btn_cfm.type2:hover{border-color:#52adcd;background-color:#52adcd;color:#fff}
.upload_area .btn_add{position:absolute;top:50%;right:12px;width:18px;height:18px;margin-top:-10px;padding:1px}
.upload_area .btn_add .sp.ico_add{display:block;overflow:hidden;width:18px;height:18px;background-position:0 -70px;font-size:1px;text-indent:-9999px}


.paginate{margin:20px 0;text-align:center}
.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.on{color:#fff !important}
.paginate a.prev,.paginate a.next,.paginate a.first,.paginate a.last{border:1px solid}
.paginate a.first,.paginate a.last{margin:0 -6px}
.paginate a.prev.disabled,.paginate a.next.disabled,.paginate a.first.disabled,.paginate a.last.disabled{border-color:#d7d7d7 !important}
.paginate a.prev.disabled:hover,.paginate a.prev.disabled:active,.paginate a.next.disabled:hover,.paginate a.next.disabled:active,.paginate a.first.disabled:hover,.paginate a.first.disabled:active,.paginate a.last.disabled:hover,.paginate a.last.disabled:active{border-color:#d7d7d7 !important;background:#fff !important}
.paginate a.prev span,.paginate a.next span,.paginate a.first span,.paginate a.last span{display:inline-block;overflow:hidden;width:5px;height:7px;text-indent:-999px}
.paginate a.first span,.paginate a.last span{width:10px}
.paginate a.prev span{margin-right:1px}
.paginate a.next span{margin-left:1px}
.paginate a.prev:hover span,.paginate a.prev:active span{background-position:-96px -25px !important}
.paginate a.next:hover span,.paginate a.next:active span{background-position:-103px -25px !important}
.paginate a.first:hover span,.paginate a.first:active span{background-position:-110px -34px !important}
.paginate a.last:hover span,.paginate a.last:active span{background-position:-122px -34px !important}
.paginate a.prev.disabled span{background-position:-96px -34px !important}
.paginate a.next.disabled span{background-position:-103px -34px !important}
.paginate a.first.disabled span{background-position:-110px -52px !important}
.paginate a.last.disabled span{background-position:-122px -52px !important}
.content_area .paginate:last-of-type{margin-bottom:0}

.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}

.nav_depth4{}
.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:#53aecd;background:#53aecd;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}

.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 td.approve{color:#6cbcd8;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}

.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:16px;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}

.bn_welfare{position:relative;height:170px;margin-top:30px;padding:43px 400px 0 40px;background:#f9f9f9;box-sizing:border-box}
.bn_welfare:after{display:block;position:absolute;top:0;right:0;bottom:0;width:400px;background-repeat:no-repeat;background-position:50%;content:''}

.bn_welfare a.btn{height:38px;margin-bottom:12px;padding:0 10px 0 8px;font-size:24px;line-height:40px}
.bn_welfare a.btn:after{display:inline-block;width:7px;height:11px;margin:0 0 2px 13px;background-position:-24px -43px;content:''}
.bn_welfare a.btn:hover:after{background-position:-33px -43px}

.bn_welfare .lnk_group{overflow:hidden}
.bn_welfare .lnk_group li{position:relative;float:left;padding:2px 4px 2px 5px}
.bn_welfare .lnk_group li:not(:first-child):before{display:block;position:absolute;top:4px;left:0;width:1px;height:11px;background:#7f7f7f;content:''}
.bn_welfare .lnk_group li:first-child{padding-left:0}
.bn_welfare .lnk_group li:last-child{padding-right:0}
.bn_welfare .lnk_group li a{color:#666}
.bn_welfare .lnk_group li a:hover{color:#6cbcd8;font-weight:bold}

.bn_welfare.benefit:after{background-image:url(../img/bn_benefit.png)}
.bn_welfare.wnl:after{background-image:url(../img/bn_wnl.png)}
.bn_welfare.health_care:after{background-image:url(../img/bn_health_care.png)}
.bn_welfare.life_care:after{background-image:url(../img/bn_life_care.png)}
.bn_welfare.growth:after{background-image:url(../img/bn_growth.png)}

.banner_area{position:relative;height:200px;margin-bottom:28px;background:#f9f9f9}
.banner_area:after{display:block;position:absolute;top:0;right:0;bottom:0;width:400px;background-repeat:no-repeat;background-position:50%;content:''}
.banner_area .tit,.banner_area .txt{display:block;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:#6cbcd8;content:''}
.banner_area .txt{top:95px;line-height:18px}

.banner_area.bn_certificate:after{background-image:url(../img/ban_certificate.jpg)} /* 증명서 발급 안내 */
.banner_area.bn_namecard:after{background-image:url(../img/ban_namecard.jpg)} /* 명함 신청 안내 */
.banner_area.bn_retire:after{background-image:url(../img/ban_retire.jpg)} /* 퇴직 신청 안내 */
.banner_area.bn_welfare1:after{background-image:url(../img/ban_welfare1.jpg)} /* 연차휴가 */
.banner_area.bn_welfare2:after{background-image:url(../img/ban_welfare2.jpg)} /* 공가휴가 */
.banner_area.bn_welfare3:after{background-image:url(../img/ban_welfare3.jpg)} /* 보건휴가 */
.banner_area.bn_welfare4:after{background-image:url(../img/ban_welfare4.jpg)} /* 병가휴가 */
.banner_area.bn_welfare5:after{background-image:url(../img/ban_welfare5.jpg)} /* 경조사 */
.banner_area.bn_welfare6:after{background-image:url(../img/ban_welfare6.jpg)} /* 오아시스 */
.banner_area.bn_welfare7:after{background-image:url(../img/ban_welfare7.jpg)} /* 휴직 */
.banner_area.bn_welfare8:after{background-image:url(../img/ban_welfare8.jpg)} /* 복직 */
.banner_area.bn_welfare9:after{background-image:url(../img/ban_welfare9.jpg)} /* OT A */
.banner_area.bn_welfare10:after{background-image:url(../img/ban_welfare10.jpg)} /* OT B */
.banner_area.bn_welfare11:after{background-image:url(../img/ban_welfare11.jpg)} /* OT BS */
.banner_area.bn_welfare12:after{background-image:url(../img/ban_welfare12.jpg)} /* OT WE */
.banner_area.bn_welfare13:after{background-image:url(../img/ban_welfare13.jpg)} /* 복지카드 */
.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.jpg)} /* 장기근속 리프레시 */
.banner_area.bn_welfare17:after{background-image:url(../img/ban_welfare17.jpg)} /* 직무 지원 교육 */
.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.jpg)} /* 명절 선물 */
.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.jpg)} /* 직장인 건강검진 */
.banner_area.bn_welfare25:after{background-image:url(../img/ban_welfare25.jpg)} /* 무료 주차 지원 */
.banner_area.bn_welfare26:after{background-image:url(../img/ban_welfare26.jpg)} /* 임산부 근로시간 단축 */
.banner_area.bn_buy:after{background-image:url(../img/ban_buy.jpg)} /* 구매 신청 */
.banner_area.bn_holiday:after{background-image:url(../img/ban_holiday.jpg)} /* 조직장 특별 휴가 */

.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, .tbl_lst .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:'-'}

.lst_cate{font-size:0}
.lst_cate li{display:inline-block;width:24px;height:13px;margin:1px;background-color:#fff;border:1px solid #52adcd;border-radius:13px;font-size:8px;color:#52adcd;box-sizing:border-box;line-height:11px}

.tbl_info{margin:5px 0;border-color:#d7d7d7}
.lst_txt_depth .tbl_info{}
.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-left:1px solid #e0e0e0}
.tbl_info th:first-child,.tbl_info td:first-child{border-left:0}
.tbl_info th{font-weight:normal;color:#555;text-align:center;border-right:1px solid #e0e0e0}
.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:#52adcd}
.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}

.step_bx{padding-bottom:50px}
.step_bx .step_lst{font-size:0}
.step_bx .step_lst li{display:inline-block;position:relative;width:20%;height:40px;background-color:#e0e0e0;font-family:'나눔스퀘어',NanumSquare,'ns','Apple SD 산돌고딕 Neo',Apple SD Gothic Neo,Sans-serif;font-size:16px;color:#fff;line-height:40px;text-align:center}
.step_bx .step_lst li:before{position:absolute;top:0;right:-18px;z-index:1;width:0;height:0;border-top:20px solid transparent;border-bottom: 20px solid transparent;border-left: 17px solid #fff;opacity:0.5;content:''}
.step_bx .step_lst li:after{position:absolute;top:0;right:-17px;z-index:1;width:0;height:0;border-top:20px solid transparent;border-bottom: 20px solid transparent;border-left: 17px solid #e0e0e0;content:''}
.step_bx .step_lst li:last-child:after{display:none}
.step_bx .step_lst li strong{font-size:14px}
.step_bx .step_lst li.completion{background-color:#82c2d9}
.step_bx .step_lst li.completion:after{border-left: 17px solid #82c2d9}
.step_bx .step_lst li.in_progress{background-color:#52adcd}
.step_bx .step_lst li.in_progress:before{display:none}
.step_bx .step_lst li.in_progress:after{border-left: 17px solid #52adcd}

.issue_bx{position:relative;height:102px}
.issue_bx .user{padding-top:24px;color:#999}
.issue_bx .dsc{margin-top:12px;color:#333;line-height:18px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;}
.issue_bx .btn_bx{position:absolute;top:20px;right:0}
.issue_bx.empty{display:table;width:100%;height:307px;text-align:center}
.issue_bx.empty .txt{display:table-cell;vertical-align:middle}

.enroll_bx{position:relative;margin-top:23px}
.enroll_bx .inp_txt{display:block;width:100%;padding-right:112px;box-sizing:border-box}
.enroll_bx .btn_cfm{position:absolute;top:0;right:0;height:28px;line-height:28px}
.enroll_bx .enroll_lnk{display:block;margin-top:23px;color:#52adcd;text-align:center;text-decoration:underline}

.cate_lst{position:relative;font-size:0}
.cate_lst li{display:inline-block;margin-left:-1px}
.cate_lst li:first-child{margin-left:0}
.cate_lst li .btn_cate{width:110px;height:33px;border:1px solid #d7d7d7;border-width:1px 1px 0;background:#fff;color:#999}
.cate_lst li.on .btn_cate{background-color:#6cbcd8;border-color:#6cbcd8;color:#fff}
.cate_lst li.on + li .btn_cate{border-width: 1px 1px 0 0}
.tbl_lst .cate_lst{position:absolute;top:-35px;right:0}


/* 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_pop.scroll{display:block;overflow-y:auto}
.ly_pop.scroll .ly_pop_in{display:table;position:absolute;top:0;left:0;width:100%}
.ly_pop.scroll .ly_pop_area{display:table-cell;vertical-align:middle}
.ly_pop.scroll .ly_pop_in:after{display:inline-block;height:100%;content:''}
.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_cont.scroll_bx{overflow-x:hidden;overflow-y:auto}
.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}
.ly_pop_cont2{display:inline-block;position:relative;background:#fff;text-align:left}
.ly_pop_cont2 .ly_head{border-color:#333;height:60px;margin:18px 30px 0;line-height:60px}
.ly_pop_cont2 .ly_tit{padding:0;font-size:16px;color:#333}
.ly_pop_cont .btn_close2{position:absolute;top:24px;right:18px}
.ly_cont .project_info_bx .tbl_wrap{max-width:1200px;min-width:768px;width:100%;border:1px solid #787a7f}
.ly_cont .project_info_bx .tbl_form{border-width:2px 0 1px}
.ly_cont .project_info_bx .tbl_form th,.ly_cont .project_info_bx .tbl_form td{border-top:1px solid #e0e0e0}
.ly_cont .discussion_bx{max-width:1200px;min-width:768px;width:100%}
.ly_cont .discussion_bx .tbl_wrap{width:100%}
.ly_cont .discussion_bx .tbl_lst{border-bottom: 1px solid #787a7f}
.ly_cont .discussion_bx .tbl_form{border:1px solid #787a7f;border-width: 1px 0}
.ly_cont .discussion_bx .tbl_task th{text-align:center}
.ly_cont .discussion_bx .info_basic{padding:0 10px;border:1px solid #d7d7d7;box-sizing:border-box}
.ly_cont .format_bx{height:482px}
.ly_cont .format_bx .tbl_form{width:655px;margin-bottom:30px;border-bottom:1px solid #787a7f;border-top:2px solid #6cbcd8}
.ly_cont .format_bx .tbl_form th,.ly_cont .format_bx .tbl_form td{border-top:1px solid #e0e0e0}
.ly_cont .format_bx .tbl_form tr:first-child th,.ly_cont .format_bx .tbl_form tr:first-child td{border-top:0}
.ly_cont .format_bx .issue_bx{height:auto}
.ly_cont .format_bx .issue_bx .dsc{overflow:visible;padding-bottom:24px;-webkit-line-clamp:initial;}
.ly_cont .apply_bx{min-height:300px}
.ly_cont .apply_bx .tbl_form{width:655px;border:1px solid #787a7f;border-width:2px 0 1px}
.ly_cont .apply_bx .tbl_form th,.ly_cont .apply_bx .tbl_form td{border-top:1px solid #e0e0e0}
.ly_cont .apply_bx .tbl_form .inp_bx{display:block;position:relative;padding-right:44px}
.ly_cont .apply_bx .tbl_form .inp_bx + .inp_bx{margin-top:12px}
.ly_cont .apply_bx .tbl_form .inp_file,.ly_cont .apply_bx .tbl_form .inp_txt{width:100%}
.ly_cont .apply_bx .tbl_form .inp_bx .btn_add,.ly_cont .apply_bx .tbl_form .inp_bx .btn_add2,.ly_cont .apply_bx .tbl_form .inp_bx .btn_remove, .ly_cont .apply_bx .tbl_form .pic_info .btn_remove {position:absolute;top:50%;right:14px;margin-top:-8px}
.ly_cont .apply_bx .tbl_form .inp_bx .btn_add{margin-top:-9px}
.ly_cont .apply_bx .tbl_form th,.ly_cont .apply_bx .tbl_form td{padding:12px 0 12px 10px;box-sizing:border-box}
.ly_cont .apply_bx .tbl_form th.val_top{line-height:36px}
.ly_cont .apply_bx .tbl_form .inp_txtarea{margin:0;padding:8px}
.front .ly_cont .apply_bx .tbl_cap{margin-top:8px}
.front .ly_cont .apply_bx .tbl_form + .tbl_cap{margin-top:40px}
.ly_cont .apply_bx .pic_info{position:relative;font-weight:bold}
.ly_cont .apply_bx .pic_info span{display:inline-block;margin:0 9px}


.ly_pop_cont.ot_pop_cont {border:1px solid #e4e4e4;}
.ly_pop_cont.ot_pop_cont .ly_cont{padding: 36px 20px 27px;text-align: left;color: #333;}
.ly_pop_cont.ot_pop_cont .ly_cont .title{display:block;font-size: 14px;font-weight: 700;}
.ly_pop_cont.ot_pop_cont .ly_cont .title:not(:first-of-type){padding-top: 18px;}
.ly_pop_cont.ot_pop_cont .ly_cont .cont_list li{padding-top: 12px;font-size: 12px;}
.ly_pop_cont.ot_pop_cont .ly_cont .cont_list li + li{padding-top: 8px;}
.ly_pop_cont.ot_pop_cont .ly_cont .desc{color: #666;font-size: 11px;padding-top: 14px;}
.ly_pop_cont.ot_pop_cont .ly_cont .title + .desc{padding-top: 9px;}
.ly_pop_cont.ot_pop_cont .ly_cont + .btn_foot{margin: 0 0 27px;}
.ly_pop_cont.ot_pop_cont .ly_cont + .btn_foot .btn{width: 111px;height: 37px;background: #52adcd;color: #fff;}



/* hi-flex */
.stat_total{padding:20px 24px;background:#52adcd;color:#fff;line-height:14px}
.stat_total:after{display:block;clear:both;content:''}
.stat_total .tit{float:left;font-size:12px}
.stat_total .value{float:right;font-weight:bold}
.stat_dashboard{padding:30px 0;background:#f8f8f8;text-align:center}
.stat_lst{display:inline-table;table-layout:fixed;max-width:1260px;width:100%;font-family:'ns';color:#333}
.stat_lst.type_min{max-width:1080px}
.stat_lst li{display:table-cell;position:relative;height:70px;padding-top:20px;border-left:1px solid #ddd}
.stat_lst li:first-child{border-color:transparent}
.stat_lst .tit{font-weight:bold;font-size:14px;letter-spacing:-0.05em;line-height:16px}
.stat_lst .txt{display:block;margin-top:12px;font-size:16px;line-height:23px}
.stat_lst .num{margin:0 2px;font-weight:bold;font-size:20px;color:#52adcd;vertical-align:top}
.stat_lst .extra{display:block;margin-top:5px;font-family:'ng'}

.extra_history_bx{position:relative;width:380px;border-bottom:1px solid #e0e0e0;text-align:center}
.extra_history_bx .nodata{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);font-size:14px;color:#333;letter-spacing:-0.5px}
.extra_history_lst{padding-bottom:20px;text-align:left}
.extra_history_lst li{padding:19px 0 20px;border-bottom:1px solid #e0e0e0;color:#333}
.extra_history_lst .day{margin-left:5px}
.extra_history_lst .time{display:block;margin-top:7px;font-weight:bold;font-size:14px}
.extra_history_lst .desc{display:block;margin-top:8px;font-weight:bold;font-size:16px;color:#52adcd}
.extra_history_lst .detail{display:block;margin-top:8px;font-size:14px;color:#666}
.commute_register_bx{height:368px;padding-top:6px;border-bottom:1px solid #e0e0e0}
.commute_register_bx table{width:580px}
.commute_register_bx .tbl_form th,.commute_register_bx .tbl_form td{height:42px}
.commute_register_bx .tbl_form td{color:#555}

/* admin / front 분기 */
.admin #header{background-image:url(../img/bg_header.png)}
.admin .my_menu .name{border-bottom:1px solid #797979}
.admin .gnb ul a{color:#888}
.admin .tit_side,
.admin .gnb ul li.selected a,
.admin .lnb_deth .selected a,
.admin .sitemap_bx li li a:hover{color:#434358}
.admin .btn_sitemap_wrap{border-top:2px solid #c2c2c2}
.admin .btn_sitemap{height:35px;line-height:35px}
.admin .gnb>li>a{color:#fff}
.admin .tit_side,.admin .lnb li{border-bottom-color:#c2c2c2}
.admin .tit_cont,.admin .lnb li a,.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}
.admin .datepicker:hover+.ico_cal{background-color:#848496}
.admin .datepicker:active+.ico_cal,.admin .datepicker:focus+.ico_cal{background-color:#5d5d6e}

.admin .paginate a:hover,.admin .paginate a:focus{color:#454538}
.admin .paginate a.on{background:#434358}

.admin .paginate a.prev,.admin .paginate a.next,.admin .paginate a.first,.admin .paginate a.last{border-color:#d5d5d5}
.admin .paginate a.prev:hover,.admin .paginate a.prev:active,.admin .paginate a.next:hover,.admin .paginate a.next:active,.admin .paginate a.first:hover,.admin .paginate a.first:active,.admin .paginate a.last:hover,.admin .paginate a.last:active{background:#434358;border-color:#434358}
.admin .paginate a.prev span{background-position:-82px -34px}
.admin .paginate a.next span{background-position:-89px -34px}
.admin .paginate a.first span{background-position:-110px -43px}
.admin .paginate a.last span{background-position:-122px -43px}

.admin .stat_total{background:#434358}
.admin .stat_lst .num{color:#434358}

.front .gnb>li>a,
.front .tit_side,
.front .lnb>li>a,
.front .tit_cont,
.front .sitemap_bx li strong,
.front .tit_doc,
.front .tbl_cap,
.front .main_tit,
.front .main_welfare,
.front .main_tab_lst .tab>a,
.front .main_tile_lst,
.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 .myinfo span{position:relative;padding:0 3px 0 8px;color:#333}
.front .myinfo span:last-of-type{padding-right:0}
.front .myinfo span:after{display:block;position:absolute;top:1px;left:0;bottom:0px;width:1px;background:#ccc;content:''}
.front .myinfo span:first-child:after{display:none}
.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 .tit_side,.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,.main_welfare .welfare_lst em.color,.welfare_tit em{color:#6cbcd8}
.front .tit_side,.front .lnb li{border-bottom-color:#d6d6d6}
.front .lnb>li>a{background-image:url(../img/ico_sub_front.gif);font-size:13px}
.front .lnb .on a{background-image:url(../img/ico_sub_front_on.gif)}
.front .lnb .on .lnb_deth li a{background-image:url(../img/dot_submenu_front.gif)}
.front .tit_cont,.front .sitemap_bx li strong,.front .tbl_cap,.front .tbl_form th,.front .tit_doc,.front .main_tit{color:#333}

.front #header{background-color:#fafafa;background-image:url(../img/bg_header_front.png)}
.front .btn_sitemap_wrap{border-top:1px solid #e5e5e5}
.front .btn_sitemap{height:30px;background-position:100% 13px;line-height:30px}
.front .sitemap_bx{border-top-color:#eaeaea;background:#fff}
.front .copyright{border-top:1px solid #e0e0e0;color:#333}

.front .btn{border:1px solid #6cbcd8;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_cfm,.front .btn_cfm2,.front .btn_foot.sub .btn.size_sub:only-child{border-color:#52adcd;background:#52adcd;color:#fff}
.front .btn_cfm:hover,.front .btn_cfm2:hover{border-color:#7ac2dc;background:#7ac2dc}
.front .btn:active{border-color:#3695b6;background:#3695b6;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 .datepicker:hover+.ico_cal{background-color:#95cee3}
.front .datepicker:active+.ico_cal,.front .datepicker:focus+.ico_cal{background-color:#519bb5}

.front .paginate a:hover,.front .paginate a:focus{color:#52adcd}
.front .paginate a.on{background:#52adcd}

.front .paginate a.prev,.front .paginate a.next,.front .paginate a.first,.front .paginate a.last{border-color:#52adcd}
.front .paginate a.prev:hover,.front .paginate a.prev:active,.front .paginate a.next:hover,.front .paginate a.next:active,.front .paginate a.first:hover,.front .paginate a.first:active,.front .paginate a.last:hover,.front .paginate a.last:active{background:#3695b6;border-color:#3695b6}
.front .paginate a.prev span{background-position:-82px -25px}
.front .paginate a.next span{background-position:-89px -25px}
.front .paginate a.first span{background-position:-110px -25px}
.front .paginate a.last span{background-position:-122px -25px}

.front .tbl_cap{position:relative;margin-bottom:12px}

.front .tbl_lst{border-top:2px solid #6cbcd8}
.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 .tbl_form th.val_top{background-position: 0 27px;line-height:56px}

.front .label{color:#333}

.front .srch_area .btn.btn_cfm{top:0;right:0;border:1px solid #3695b6;background:#3695b6}

.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}

.front .tab_nav a.on{border-color:#52adcd;background:#52adcd}



#wrap{overflow:hidden;min-width:1400px}
#header{height:150px;background-repeat:repeat-x;background-position:0 50px}
.utilmenu{max-width:1620px;margin:0 auto}
.sitelink{float:left;margin-top:20px;font-weight:bold;font-size:11px;color:#333}
.my_menu{float:right}
.my_menu .myinfo{float:left;margin-right:15px;padding-top:18px;font-size:13px}
.my_menu .logout{display:inline-block;position:relative;top:-1px;width:17px;height:18px;margin-left:5px;background-position:0 -25px}
.util{float:left}
.util li{float:left;width:55px;text-align:center}
.util li a{overflow:hidden;display:block;height:50px;color:#666}
.util .ico{display:block;width:25px;height:23px;margin:5px auto 3px}
.util .works .ico{width:26px;background-position:0 0}
.util .nas .ico{background-position:-28px 0}
.util .corp .ico{background-position:-55px 0}
.util .blog .ico{background-position:-82px 0}
.util .monolaum .ico{background-position:-109px 0}
.util .guide{width:auto;padding:5px 0 5px 8px}
.util .guide a{display:block;overflow:hidden;width:110px;height:40px;background:url(../img/btn_guide.jpg) no-repeat;text-indent:-999px}
.logo{position:absolute;top:65px;left:50px;z-index:110}
.gnb_wrap{overflow:hidden;position:absolute;top:50px;left:0;width:100%;min-width:1400px;height:100px;background:url(../img/bg_lnb_wrap.png) repeat-x 0 100px;z-index:100}
.gnb{display:table;table-layout:fixed;overflow:hidden;position:absolute;top:0;left:270px;width:calc(100% - 608px);min-width:790px;padding:0 0 40px}
.gnb>li{display:table-cell;font-size:16px;text-align:left}
.gnb>li:first-child{padding-left:0}
.gnb>li>a{display:block;margin-right:40px;font-weight:bold;line-height:100px}
.gnb>li.selected>a{text-decoration:underline}
/*.gnb .adm_manage1{width:160px}
.gnb .adm_manage2{width:160px}
.gnb .adm_manage3{width:186px}
.gnb .adm_manage4{width:140px}
.gnb .adm_manage5{}*/
.gnb ul{padding-top:21px}
.gnb ul a{font-size:12px;line-height:29px}
.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}

#container{position:relative;width:calc(100% - 100px);margin:0 auto}
.side{float:left;margin:100px 0;width:180px}
.tit_side{padding:0 0 11px 5px;border-bottom:1px solid;font-weight:bold;font-size:16px}
.lnb li{border-bottom:1px solid;padding-right:14px}
.lnb li a{display:block;padding:18px 0 16px 5px;background:url(../img/ico_sub.gif) no-repeat 100% 50%;font-weight:500}
.lnb li.alone{border-bottom:none;padding-right:14px}/*개발에서 추가*/
.lnb li.alone a{padding:4px 0 3px 15px;color:#989898;font-weight:normal;background:url(../img/dot_submenu.gif) no-repeat 5px 9px}/*개발에서 추가*/
.lnb li.alone:first-child a{margin-top:14px}/*개발에서 추가*/
.lnb_deth{display:none;margin:-5px 0 0}
.lnb_deth li{border-bottom:none}
.lnb_deth li:last-child{padding-bottom:13px}
.lnb .lnb_deth li a{padding:4px 0 3px 15px;color:#888;font-weight:normal}
.lnb_deth li a:hover{text-decoration:underline}
.lnb .on .lnb_deth{display:block}
.lnb .on a{background:url(../img/ico_sub_on.gif) no-repeat 100% 22px}
.lnb .on.selected>a{color:#333;font-weight:900}
.on .lnb_deth li a{background:url(../img/dot_submenu.gif) no-repeat 5px 9px}
.lnb_deth .selected a{text-decoration:underline}
#content{padding:40px 0 100px}
#content.sub_area{float:left;width:calc(100% - 220px);margin-left:40px;padding:100px 0}
.tit_area{position:relative;padding-bottom:11px;border-bottom:1px solid #c2c2c2}
.tit_cont{font-weight:bold;font-size:16px}

.footer{min-width:980px;background:#fafafa}
.btn_sitemap_wrap{background:#fff}
.btn_sitemap{display:block;width:calc(100% - 100px);margin:0 auto;padding:0 6px;background:url(../img/arrow_bottom.gif) no-repeat 100% 15px;color:#888;font-weight:bold;box-sizing:border-box}
.btn_sitemap_wrap.on .btn_sitemap{background-image:url(../img/arrow_top.gif)}
.copyright{height:42px;text-align:center;line-height:42px}
.sitemap_bx{display:none;padding:24px 0;border-top:1px solid #c2c2c2}
.sitemap_bx>ul{display:table;overflow:hidden;width:calc(100% - 100px);margin:0 auto;table-layout:fixed}
.sitemap_bx>ul>li{display:table-cell;font-size:16px;vertical-align:top}
.sitemap_bx>ul>li>ul{margin-top:20px}
.sitemap_bx>ul>li>ul>li:not(:first-child){margin-top:10px}
.sitemap_bx>ul>li>ul>li>a{font-weight:bold}
.sitemap_bx li strong{display:block;margin-bottom:4px;font-weight:bold}
.sitemap_bx li li{float:none;width:100%;margin:0;padding:3px 0 0 0}
.sitemap_bx li li a{font-size:12px;color:#888;font-weight:normal}
.sitemap_bx li li a:hover{text-decoration:underline}
/*.sitemap_bx .lst1{width:210px}
.sitemap_bx .lst2{width:230px}
.sitemap_bx .lst3{width:230px}
.sitemap_bx .lst4{width:204px}
.sitemap_bx .lst5{width:106px}*/

/* content */
.sub_area .content_area{position:relative;margin-top:20px}
.front .sub_area .content_area{margin-top:30px}

/* login */
.login_wrap{height:100%;background:#f0f0f0}
.login_bx{position:absolute;top:50%;left:50%;width:420px;height:360px;margin:-180px 0 0 -210px}
.login_bx .login_tit{position:absolute;top:5px;right:0;left:0;color:#434358;font-size:24px;font-weight:bold;text-align:center}
.login_form{margin:50px 0;padding:49px 50px;border:1px solid #d7d7d7;border-radius:3px;background:#fff}
.login_form label{display:none}
.login_form .inp_txt{display:block;width:317px;height:40px;margin-bottom:10px}
.login_form .btn_login{display:block;width:317px;height:50px;margin-top:20px;font-weight:bold;line-height:50px}
.login_bx .lnk_temp_pw{position:absolute;right:0;bottom:21px;color:#434358;letter-spacing:-1px}
.login_bx .lnk_temp_pw:before{content:'> '}

.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 */
.main_tit{margin-bottom:20px;color:#333;font-size:16px;text-align:left}

.main_welfare{position:relative;margin-bottom:60px;text-align:center}
.welfare_lst{overflow:hidden;width:100%}
.welfare_lst>li{float:left;position:relative;width:calc(50% - 5px);height:150px;margin:0 0 10px 10px;padding:29px 0 0 calc(49.7% - 250px);background:#f8f8f8;color:#333;font-weight:bold;text-align:center;box-sizing:border-box}
.welfare_lst>li:nth-child(odd){margin-left:0}
.welfare_lst>li:before{display:block;position:absolute;top:0;bottom:0;left:0;width:200px;content:''}
.main_welfare .welfare_lst{background:#f8f8f8;text-align:left;}
.main_welfare .welfare_lst>li{display:inline-block;float:none;width:190px;height:250px;margin:0 0 0 136px;padding:146px 0 17px;background:none}
.main_welfare .welfare_lst>li:first-child{margin-left:0}
.main_welfare .welfare_lst>li:before{width:auto;height:146px;left:0;right:0}
.welfare_lst .holiday:before{background:url(../img/bg_welfare_holiday.png) no-repeat 50%}
.welfare_lst .oasis:before{background:url(../img/bg_welfare_oasis.png) no-repeat 50%}
.welfare_lst .ot:before{background:url(../img/bg_welfare_ot.png) no-repeat 50%}
.welfare_lst .recreational_facility:before{background:url(../img/bg_welfare_rf.png) no-repeat 50%}
.main_welfare .welfare_lst .holiday:before{background-position:50% 43px}
.main_welfare .welfare_lst .oasis:before{background-position:50% 40px}
.main_welfare .welfare_lst .ot:before{background-position:50% 39px}
.main_welfare .welfare_lst .recreational_facility:before{background-position:50% 52px}
.welfare_lst .tit,.welfare_lst .txt{display:block}
.welfare_lst .tit{height:16px;margin-bottom:11px;font-size:14px}
.welfare_lst .txt{height:18px;margin-bottom:13px;font-size:13px;font-weight:normal;line-height:18px}
.main_welfare .welfare_lst .tit{margin-bottom:6px}
.main_welfare .welfare_lst .txt{height:20px;margin-bottom:15px;font-size:16px;line-height:20px}
.welfare_lst .color{color:#f13939;font-size:16px;font-weight:bold}
.welfare_lst .holiday .color,.welfare_lst .ot .color{font-size:18px}
.main_welfare .welfare_lst .color{font-size:18px}
.main_welfare .welfare_lst .holiday .color,.main_welfare .welfare_lst .ot .color{font-size:20px}
.welfare_lst .btn.btn_cfm{width:90px;height:27px;line-height:27px}
.main_welfare .welfare_lst .btn{width:108px;height:28px;font-size:13px;line-height:28px}
.main_welfare .welfare_lst .btn:hover{color:#fff}
.main_welfare .welfare_lst .btn:after{display:inline-block;width:6px;height:9px;margin-left:20px;background-position:0 -45px;vertical-align:middle;content:''}
.main_welfare .welfare_lst .btn:hover:after{background-position:-8px -45px}
.welfare_lst .oasis .btn:after,.welfare_lst .recreational_facility .btn:after{margin-left:12px}
.main_welfare:before,.main_welfare:after{display:block;position:absolute;top:38px;bottom:0;width:100%;background:#f8f8f8;content:''}
.main_welfare:before{left:-100%}
.main_welfare:after{right:-100%}

.main_tab_lst{float:left;width:calc(50% - 10px);margin-bottom:50px}
.main_tab_lst .tab_lst{display:table;position:relative;width:100%;height:230px;border:1px solid #d7d7d7;border-top:0;border-collapse:collapse;table-layout:fixed}
.main_tab_lst .tab_lst .tab{display:table-cell}
.main_tab_lst .tab_lst .tab>a{display:block;height:38px;border:1px solid #d7d7d7;border-right:0;font-size:13px;font-weight:bold;text-align:center;line-height:38px}
.main_tab_lst .tab_lst .tab:first-child>a{border-left:0}
.main_tab_lst .tab_lst .tab .inner_lst{display:none}

.main_tab_lst .tab_lst .tab.on>a{height:36px;border-top:3px solid #52adcd;border-bottom-color:transparent;line-height:35px}
.main_tab_lst .tab_lst .tab.on .inner_lst{display:block;position:absolute;top:55px;left:30px;right:30px}
.main_tab_lst .tab_lst .tab.on .inner_lst li{overflow:hidden;margin-top:10px;color:#555;line-height:24px}
.main_tab_lst .tab_lst .tab.on .inner_lst .type{float:left;margin-right:10px;min-width:57px;padding:0 5px;background:#6cbcd8;color:#fff;text-align:center;box-sizing:border-box}
.main_tab_lst .tab_lst .tab.on .inner_lst .name{float:left;overflow:hidden;max-width:280px;text-overflow:ellipsis;white-space:nowrap;vertical-align:top}
.main_tab_lst .tab_lst .tab.on .inner_lst .date{float:right;color:#888;font-size:12px}

/*22.10.06 update*/
.main_tab_lst .tab_lst .tab.on .inner_lst .type_new{float:left;margin-right:3%;min-width:14%;padding:0 5px;background:#6cbcd8;color:#fff;text-align:center;box-sizing:border-box}
.main_tab_lst .tab_lst .tab.on .inner_lst .name_new{float:left;overflow:hidden;min-width:23%;text-overflow:ellipsis;white-space:nowrap;vertical-align:top;text-align: center;}
.main_tab_lst .tab_lst .tab.on .inner_lst .name_second_new{float:left;overflow:hidden;min-width:12%;margin-left:4%;text-overflow:ellipsis;white-space:nowrap;vertical-align:top;text-align: center;}
.main_tab_lst .tab_lst .tab.on .inner_lst .date_new{color:#888;font-size:12px;min-width:25%;margin-left:7%;text-align: center;}
.main_tab_lst .tab_lst .tab.on .inner_lst .tab_date{color:#888;position: relative;right: -30px;}
.main_tab_lst .tab_lst .tab.on .inner_lst .tab_ins_date{color:#888;position: relative;right: -62px;}
.main_tab_lst .tab_lst .tab.on .inner_lst .date_position{color:#888;font-size:12px;min-width: 200px;margin-left:70px;position: static;}


.main_tile_lst{float:left;width:calc(50% - 10px);margin:0 0 50px 20px}
.tile_lst{overflow:hidden;margin-top:-7px}
.tile_lst a{display:block;position:relative;float:left;width:calc(50% - 4px);height:112px;margin:7px 0 0 8px;padding:11px 20px;background-color:#f8f8f8;background-repeat:no-repeat;background-position:right 20px bottom 11px;font-size:14px;font-weight:bold;box-sizing:border-box}
.tile_lst a:after{display:inline-block;width:6px;height:9px;margin-left:9px;background-position:-16px -45px;vertical-align:middle;content:''}
.tile_lst a:nth-child(odd){margin-left:0}
.main_lst_wrap{overflow:hidden;clear:both}

.main_lst{float:left;width:calc(50% - 10px)}
.main_lst .main_tit{padding-bottom:6px;border-bottom:1px solid #d6d6d6;margin-bottom:14px}
.main_lst li{padding-left:8px;background:url(../img/dot_th_front.gif) no-repeat 0 50%;color:#555;line-height:20px}
.main_lst a{color:#555}

.main_manual,.main_doc_form{width:calc(25% - 10px)}
.main_manual{margin-left:20px}
.main_doc_form{margin-left:10px}

/*banner*/
.ban_rgt{position:absolute;right:50px;top:0}
.ban_rgt .btn_ban{display:block;float:left;position:relative;margin-right:20px;padding:36px 0 0 72px;height:100px;vertical-align:middle;box-sizing:border-box}
.ban_rgt .btn_ban:last-child{margin-right:0}
.ban_rgt .btn_ban img{position:absolute;left:0;top:50%;margin-top:-31px}
.btn_txt em{display:block;font-weight:bold}

.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 all and (max-width:1440px){
	.main_welfare .welfare_lst>li{margin-left:116px}
	.welfare_lst>li:before{width:160px}
}

@media all and (min-width:1621px){
	.logo{left:50%;margin-left:-810px}
	.gnb{left:50%;width:1112px;margin-left:-590px}
	.ban_rgt{left:50%;right:auto;margin-left:522px}
	#container,.btn_sitemap,.sitemap_bx>ul{width:1620px}
}

.footer_tbl_lst {
	width: 100%;
	text-align: center;
}
.footer_tbl_lst tr {
	height: 25px;
}
.main_manual li, .main_doc_form li {
	line-height: 28px;
}

/*v2 201214 ChoiHanSeul*/
.timeline .tit_cont{font-family:'ns';}
.tit_area.timeline{border-bottom:none;}
.content_area.timeline{padding-right:20px;}
.my_timeline{width:100%;border-top:2px solid #c1c1c1;border-bottom:1px solid #c1c1c1;}
.my_timeline .info_date_wrap{height:100%;}
.my_timeline .info_date_wrap a{display:inline-block;padding:0 2px;height:100%;vertical-align: middle;}
.my_timeline .info_date_wrap a img{display:inline-block;vertical-align:middle;margin-bottom:3px;}
.my_timeline .info_date_wrap a::after{content:'';display:inline-block;height:100%;vertical-align:middle;}
.my_timeline .info_date_wrap .curr_date{margin:0 18px 0 26px;font-size:20px;font-weight:bold;vertical-align:middle;}
.my_timeline .info_date{padding:15px 18px;height:22px;background:#f8f8f8;font-family:'ns';font-size:0;color:#333;text-align:right;}
.my_timeline .info_detail{margin-right:18px;padding:44px 31px 35px 50px;}
.my_timeline .info_detail::after{content:'';display:block;clear:both;}
.info_detail.is-enough .timeline_desc .main_data{color:#f57e28;}
.info_detail.is-enough .timeline_desc .main_num{color:#f57e28;}
.info_detail.is-lack .timeline_desc .main_data{color:#b21818;}
.info_detail.is-lack .timeline_desc .main_num{color:#b21818;}
.info_detail.is-enough .timeline_graph .ico_face{background-image:url(../img/ico_face_enough.png);}
.info_detail.is-lack .timeline_graph .ico_face{background-image:url(../img/ico_face_lack.png);}
.info_detail.is-enough .timeline_graph .graph_ico .txt_normal{display:none;}
.info_detail.is-lack .timeline_graph .graph_ico .txt_normal{display:none;}
.info_detail.is-lack .timeline_graph .graph_ico .txt_lack{display:inline-block;}
.info_detail.is-enough .timeline_graph .graph_ico .txt_enough{display:inline-block;}
.info_detail.is-enough .timeline_graph .graph_curr{border-color:#f57e28;background:#ff8b37;}
.info_detail.is-lack .timeline_graph .graph_curr{border-color:#b21818;background:#d02c2c;}
.info_detail.is-enough .timeline_graph .expect{border-color:#d15555;}
.info_detail.is-lack .timeline_graph .expect{border-color:#d15555;}
.info_detail.is-enough .timeline_graph .expect_time,.info_detail.is-lack .timeline_graph .expect_time{border-color:#d02c2c;}
.info_detail.is-enough .timeline_graph .expect_time,.info_detail.is-lack .timeline_graph .expect_time{border-color:#d02c2c; color: #d02c2c;}
.info_detail.is-enough .expect_time::before,.info_detail.is-lack .expect_time::before{border-top-color:#d02c2c;}
.timeline_desc{float:left;width:448px;}
.desc_main_percent{margin-top:28px;}
.timeline_desc .main_title{font-size:14px;font-weight:bold;color:#333;letter-spacing:-0.025vw;}
.timeline_desc .main_data{margin-top:5px;font-size:24px;color:#35c0ae;letter-spacing:-0.025vw;}
.timeline_desc .main_num{font-size:36px;color:#35c0ae;}
.timeline_desc .main_default{font-size:24px;color:#8d8d8d;}
.timeline_desc .desc_etc{margin:37px 47px 0 0;}
.timeline_desc .desc_etc ul{font-size:0;}
.timeline_desc .desc_etc ul li{display:inline-block;position:relative;width:46%;margin-top:12px;padding-right:4%;font-size:12px;color:#8c8c8c;letter-spacing:-0.025vw;}
.timeline_desc .desc_etc ul li:first-child,.timeline_desc .desc_etc ul li:nth-child(2){margin-top:0;}
.timeline_desc .desc_etc ul li:nth-child(2n-1)::after{content:'';display:inline-block;position:absolute;width:1px;height:12px;background:#cacaca; right:12px;}
.timeline_graph{float:left;width:calc(100% - 448px);}
.timeline_graph_wrap{margin-left:62px;}
.timeline_graph .graph_ico{padding-top:2px;}
.timeline_graph .ico_face{display:inline-block;width:52px;height:52px;background:url(../img/ico_face_normal.png) no-repeat;vertical-align:middle;}
.timeline_graph .graph_ico span{display:inline-block;margin-left:3px;font-size:28px;font-weight:bold;color:#35c0ae;font-family:'ns';vertical-align:middle;}
.timeline_graph .graph_ico .txt_enough{display:none;color:#f57e28;}
.timeline_graph .graph_ico .txt_lack{display:none;color:#b21818;}
.timeline_graph .graph_detail{margin-top:13px;padding-bottom:67px;}
.timeline_graph .graph_detail_wrap{position:relative;}
.timeline_graph .curr_wrap{position:relative;}
.timeline_graph .graph_bar{height:56px;border:2px solid #d3d3d3;border-radius:5px;box-sizing:border-box;}
.timeline_graph .graph_max{position:relative;background:#efefef url(../img/pattern.gif);}
.timeline_graph .average, .timeline_graph .expect{position:absolute;top:0;z-index:40;height:100%;border-left-width:2px;border-left-style:dotted;text-align:center;}
.timeline_graph .max_time{display:inline-block;position:absolute;bottom:-22px;right:-2px;}
.timeline_graph .average{border-color:#d3d3d3;}
.timeline_graph .average.in-time{border-color:#46b2a4;}
.info_detail.is-enough .timeline_graph .average.in-time{border-color:#f17319;}
.info_detail.is-lack .timeline_graph .average.in-time{border-color:#b41919;}
.timeline_graph .average_time{display:inline-block;position:absolute;bottom:-55px;left:50%;padding:7px 7px;background:#fff;transform:translateX(-50%);border-radius:5px;white-space:nowrap;}
.timeline_graph .expect_time{display:inline-block;position:absolute;top:-53px;left:50%;padding:7px 7px;border:2px solid #4cc7b7;border-radius:5px;background:#fff;color:#37b6a5;transform:translateX(-50%);white-space:nowrap;}
.timeline_graph .average_time{border:2px solid #d3d3d3;color:#666;}
.timeline_graph .average_time:before,.timeline_graph .average_time:after {content:""; position:absolute;z-index:1000;top:-7px;left:50%;margin-left:-7px;border-bottom:11px solid #fff;border-left:6px solid transparent;border-right:6px solid transparent;border-top:0;}
.timeline_graph .average_time:before{border-bottom-color:#d3d3d3;top:-11px;}
.timeline_graph .expect{border-color:#70d0c4;}
.timeline_graph .expect_time:before,.timeline_graph .expect_time:after{content: "";position:absolute;z-index:1000;bottom:-7px;left:50%;margin-left:-7px;border-top:11px solid #fff;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:0;}
.timeline_graph .expect_time:before{border-top-color:#4cc7b7;bottom:-11px;}
.timeline_graph .graph_default{position:absolute;top:0;left:0;z-index:10;background:#efefef;border-top-right-radius:0;border-bottom-right-radius:0;}
.timeline_graph .graph_curr:hover + .curr_state{visibility:visible;}
.timeline_graph .default_time{position:absolute;bottom:-22px;right:-25px;}
.timeline_graph .graph_curr{overflow:visible;position:absolute;top:0;left:0;z-index:30;padding-left:15px;border-color:#37b6a5;background:#4cc7b7;font-weight:bold;font-size:22px;color:#fff;white-space:nowrap;}
.timeline_graph .curr_state:hover{visibility:visible;}
.info_detail.is-lack .timeline_graph .curr_state .default{display:none;}
.info_detail.is-lack .timeline_graph .curr_state .lack{display:block;}
.timeline_graph .graph_curr .curr_time{display:inline-block;vertical-align:middle;letter-spacing:-0.025vw;white-space:nowrap;}
.timeline_graph .graph_curr::after{content:'';display:inline-block;height:100%;vertical-align:middle;}
.timeline_graph .remain_box{position:absolute;top:50%;transform:translate(-20px ,-50%);z-index: 40;}
.timeline_graph .remain_box .remain_time{font-size: 22px;color: #222;font-weight: bold;}
.timeline_graph .remain_time:hover + .remain_state{visibility: visible;}
.timeline_graph .curr_state, .timeline_graph .remain_state{visibility:hidden;position:absolute;top:49px;left:27px;width: 475px;z-index:40;padding:16px 20px;border:1px solid #e4e4e4;background:#fff;font-weight:normal;font-size:12px;white-space:nowrap;color:#333;-webkit-box-shadow:2px 3px 20px -7px rgba(0,0,0,0.4);box-shadow:2px 3px 20px -7px rgba(0,0,0,0.4);white-space: normal;}
.timeline_graph .remain_state{left:unset; right:0;top:33px;}
.timeline_graph .curr_state .lack{display:none;}
.timeline_graph .curr_state::after, .timeline_graph .remain_state::after{content:"";position:absolute;z-index:1000;top:-13px;left:50%;margin-left:-61px;border-bottom:13px solid #fff;border-left:9px solid transparent;border-right:9px solid transparent;border-top:0;}
.timeline_graph .remain_state::after{right:60px;left:unset;margin-left: 0;}
.timeline_graph .curr_state p, .timeline_graph .remain_state p{line-height:21px;}
.timeline_graph .curr_state span{color:#4cc7b7;font-weight:bold;}
.info_detail.is-enough .timeline_graph .curr_state span{color:#ff8b37;}
.info_detail.is-lack .timeline_graph .curr_state span{color:#d02c2c;}
.timeline_graph .graph_info{text-align:right;color:#8c8c8c;letter-spacing:-0.025vw;}
.timeline_graph .graph_info .maximum_time{margin-top:14px;}
.front .sub_area .content_area.timeline{margin-top:0;}
.tbl_cap_wrap{display: flex;justify-content: space-between;align-items: flex-end;}
.tbl_cap.timeline{margin-top:59px;margin-bottom:16px;}
.tbl_cap_wrap .box_btn{margin-bottom: 10px;font-size: 0;}
.tbl_cap_wrap .box_btn .btn{height: 27px;padding:0 14px;line-height: 27px;margin-left: 6px;}
/* .tbl_cap.timeline+.btn{right:20px;margin-top:-36px;padding:0 17px;} */


.tbl_wrap.timeline table{table-layout:auto;}
.tbl_wrap.timeline th,.tbl_wrap.timeline td{border:1px solid #e0e0e0;}
.tbl_wrap.timeline tr th{overflow:unset;}
.tbl_wrap.timeline tr td:first-child,.tbl_wrap.timeline tr th:first-child{border-left:0;}
.tbl_wrap.timeline tr td:last-child,.tbl_wrap.timeline tr th:last-child{border-right:0;}
.tooltip img{display:inline-block;margin-left:-1px;vertical-align:middle;cursor:pointer;}
.tooltip{display:inline-block;position:relative;}
.tooltip:hover .tooltip_txt{visibility:visible;}
.tooltip_txt{visibility:hidden;position:absolute;bottom:28px;left:-8px;z-index:30;padding:10px 20px;border:1px solid #ededed;background:#fff;font-weight:normal;line-height:20px;color:#333;-webkit-box-shadow:2px 3px 20px -7px rgba(0,0,0,0.4);box-shadow:2px 3px 20px -7px rgba(0,0,0,0.4);white-space:nowrap;text-align:left;}
.tooltip_txt::before{content:'';border-left:12px solid #ededed;border-bottom:12px solid transparent;border-right:0px solid transparent;border-top:0px solid transparent;position:absolute;left:22px;bottom:-12px;}
.tooltip_txt::after{content:'';border-left:10px solid #fff;border-bottom:12px solid transparent;border-right:0px solid transparent;border-top:0px solid transparent;position:absolute;left:23px;bottom:-11px;}
.tooltip.right .tooltip_txt{left:auto;right:-32px;}
.tooltip.right .tooltip_txt::before{left:auto;right:22px;}
.tooltip.right .tooltip_txt::after{left:auto;right:23px;}

.tit_area.daily_stat{padding-bottom:0;}
.sub_area .content_area .section_func .sel{min-width:90px;width:auto;}
.sub_area .content_area.daily_stat{margin-top:53px;margin-right:20px;}
.sub_area .content_area.daily_stat .section_func .sel{min-width:90px;width:auto;}
.sub_area .content_area.daily_stat .label{padding-left:10px;}
.sub_area .content_area.daily_stat .srch_area{margin-left:11px;}
.tit_area.daily_stat{margin-right:20px;padding-bottom:12px;}
.tit_area.daily_stat .tit_cont{font-family:'ns';}
.tit_area.daily_stat .datepicker_bx{margin-top:-13px;}
.btn_wrap.daily_stat{text-align:right;}
.btn_wrap.daily_stat .btn{margin:34px 0 10px;padding:0 17px;}
.tbl_wrap.daily_stat table{table-layout:auto;}
.tbl_wrap.daily_stat th,.tbl_wrap.daily_stat td{border:1px solid #e0e0e0;}
.tbl_wrap.daily_stat tr th {overflow:unset;position:relative;height:45px;}
.tbl_wrap.daily_stat tr>:nth-child(7),.tbl_wrap.daily_stat tr>:nth-child(9){font-weight:bold;}
.tbl_wrap.daily_stat tr td:first-child,.tbl_wrap.daily_stat tr th:first-child{border-left:0;}
.tbl_wrap.daily_stat tr td:last-child,.tbl_wrap.daily_stat tr th:last-child{border-right:0;}
.tooltip.daily_stat{position:absolute;top:11px;right:12px;}

.tit_area.monthly_stat{margin-right:20px;padding-bottom:12px;}
.tit_area.monthly_stat .tit_cont{font-family:'ns';}
.sub_area .content_area.monthly_stat{margin-top:0;margin-right:20px;}
.sub_area .content_area.monthly_stat .section_func{margin-bottom:0;padding-left:11px;}
.sub_area .content_area.monthly_stat .section_func .sel{min-width:90px;width:auto;}
.sub_area .content_area.monthly_stat .label{padding-left:23px;}
.sub_area .content_area.monthly_stat .label:last-of-type{padding-left:13px;}
.sub_area .content_area.monthly_stat .srch_area{margin-left:33px;}
.content_area.monthly_stat .stat_title{margin-top:30px;}
.content_area.monthly_stat .stat_dashboard{margin-top:18px;padding:25px 0;border-top:2px solid #6cbcd8;border-bottom:1px solid #787a7f;background:#fff;}
.content_area.monthly_stat .info_date{padding:15px 18px;font-size:20px;font-weight:bold;font-family:'ns';color:#333;text-align:right;}
.content_area.monthly_stat .info_date_wrap{display:inline-block;}
.content_area.monthly_stat .info_date_wrap .prev{margin-right:22px;}
.content_area.monthly_stat .info_date_wrap .prev img,.content_area.monthly_stat .info_date_wrap .next img{margin-bottom:2px;}
.content_area.monthly_stat .info_date_wrap .curr_date{margin-right:17px;}
.content_area.monthly_stat .info_date_wrap img{display:inline-block;vertical-align:middle;}
.content_area.monthly_stat .stat_title{font-size:14px;font-family:'ns';color:#333;}
.content_area.monthly_stat .stat_lst.type_min{max-width:unset;}
.content_area.monthly_stat .stat_lst li{padding-top:0;border-color:#eee;}
.content_area.monthly_stat .stat_lst li .tit{font-family:'ng';}
.content_area.monthly_stat .stat_lst li:first-child{border:none;}
.content_area.monthly_stat .stat_lst .txt{font-size:18px;color:#3695b6;}
.content_area.monthly_stat .stat_lst .num{margin:0;font-weight:normal;font-size:18px;color:#3695b6;}
.btn_wrap.monthly_stat{text-align:right;}
.btn_wrap.monthly_stat .btn{margin-top:54px;padding:0 17px;}
.tbl_wrap.monthly_stat{margin-top:10px;}
.tbl_wrap.monthly_stat table{table-layout:auto;}
.tbl_wrap.monthly_stat th,.tbl_wrap.monthly_stat td{border:1px solid #e0e0e0;}
.tbl_wrap.monthly_stat tr th{overflow:unset;position:relative;height:45px;}
.tbl_wrap.monthly_stat tr td:first-child,.tbl_wrap.monthly_stat tr th:first-child{border-left:0;}
.tbl_wrap.monthly_stat tr td:last-child,.tbl_wrap.monthly_stat tr th:last-child{border-right:0;}
.tbl_wrap.monthly_stat tr td span{color:#35c0ae;}
.tbl_wrap.monthly_stat tr td span.is-enough{font-weight:bold;color:#f57e28;}
.tbl_wrap.monthly_stat tr td span.is-lack{font-weight:bold;color:#b21818;}

.main_welfare:before,.main_welfare:after{content:none;}
.main_welfare .welfare_lst{width:auto;height:227px;padding:50px 0;background:#f1fafc;font-size:0;}
.main_welfare .welfare_lst>li{width:17.5%;height:100%;margin:0 0.617% 0 0;padding:118px 0 17px;vertical-align:middle;}
.main_welfare .welfare_lst>li:before{height:118px;}
.main_welfare .welfare_lst>li:first-child:before{content:none;}
.main_welfare .welfare_lst>li:first-child{margin:0 0 0 50px;padding:0 2.16% 0 13px;width:21%;min-width:314px;border-right:1px solid #dbebef;text-align:left;z-index:0;}
.main_welfare .welfare_lst .holiday{width:18%;}
.main_welfare .welfare_lst .oasis{width:18%;}
.main_welfare .welfare_lst .additional_work{width:17%;margin-right:0;}
.main_welfare .welfare_lst .recreational_facility{width:17%;margin:0 0 0 16px;}
.main_welfare .welfare_lst .txt{margin-bottom:30px;}
.main_welfare .welfare_lst .tit{margin-bottom:13px;}
.main_welfare .welfare_lst .additional_work .tit,.main_welfare .welfare_lst .recreational_facility .tit{margin-bottom:63px;}
.main_welfare .main_title{position:relative;font-size:14px;font-weight:bold;color:#333;}
.main_welfare .main_title:before{display:inline-block;position:absolute;left:-10px;top:50%;width:4px;height:4px;background:url(../img/dot_main.png) no-repeat;vertical-align:middle;transform:translateY(-50%);content:'';}
.main_welfare .main_title span{position:relative;}
.main_welfare .main_title span:before{display:inline-block;position:absolute;top:7px;left:0;width:100%;height:11px;padding-right:2px;background:#c3fbf0;content:'';z-index:-1;}
.main_welfare .main_data{margin-top:17px;font-size:24px;color:#55abca;}
.main_welfare .main_num{font-size:36px;color:#55abca;}
.main_welfare .main_default{font-size:24px;color:#8d8d8d;}
.main_welfare .desc_main{margin-top:11px;}
.main_welfare .desc_main_percent{margin-top:53px;}
.welfare_lst .holiday:before{background-image:url(../img/new_bg_welfare_holiday.png);}
.welfare_lst .oasis:before{background-image:url(../img/new_bg_welfare_oasis.png);}
.welfare_lst .additional_work:before{background:url(../img/new_bg_welfare_aw.png) no-repeat 50%;}
.welfare_lst .recreational_facility:before{background:url(../img/new_bg_welfare_rf.png) no-repeat 50%;}
.main_welfare .welfare_lst .holiday:before{background-position:50% 10px;}
.main_welfare .welfare_lst .oasis:before{background-position:50% 6px;}
.main_welfare .welfare_lst .recreational_facility:before{background-position:50% 12px;}
.main_welfare .welfare_lst .additional_work:before{background-position:50% 11px;}
.main_welfare .welfare_lst .btn:after{background-position:-16px -45px;}
.welfare_lst .additional_work .btn:after{margin-left:7px;}
.main_welfare .welfare_lst .holiday .color,.main_welfare .welfare_lst .color{font-size:24px;}
.main_welfare .welfare_lst .btn{font-family:'ns';}
@media all and (max-width:1440px){
	.main_welfare .welfare_lst .oasis,.main_welfare .welfare_lst .additional_work{width:17%;}
	.main_welfare .welfare_lst .recreational_facility{margin:0;}
}

.welfare_lst{font-family:'ns';}
.welfare_lst>li{height:156px;padding:36px 0 0 calc(49.7% - 262px);background:#f1fafc;}
.welfare_lst .color{color:#52adcd}
.welfare_lst .btn.btn_cfm{padding:0 4px;font-family:'ns';font-weight:normal;}
.welfare_lst .additional_work:before{background-position:50% 35px;}
.welfare_lst .recreational_facility:before{background-position:50% 35px;}
.welfare_lst .additional_work .tit{margin-bottom:40px;}
.welfare_lst .tit{margin-bottom:9px;}

.tbl_form.info_basic tr:first-child th,.tbl_form.info_basic tr:first-child td{border:none;}
.tbl_wrap.info_basic tr td:last-child,.tbl_wrap.info_basic tr th:last-child{border-left:0;}
.tbl_lst.th_inner_line thead th{border-left:1px solid #e0e0e0;}
.tbl_wrap.tbl_form.etc_work tbody tr .reason{padding-bottom:16px;background-position:0 38%;}
.tbl_wrap.tbl_form.etc_work tbody tr .reason~td{padding-top:10px;}
.tbl_wrap.tbl_form.etc_work input[type='radio']{-webkit-appearance:none;width:12px;height:12px;border:1px solid #d2d2d2;border-radius:50%;outline:none;background:#fff;vertical-align:middle;}
.tbl_wrap.tbl_form.etc_work input[type='radio']+label{margin-right:121px;vertical-align:middle;}
.tbl_wrap.tbl_form.etc_work input[type='radio']:checked{border-color:#52adcd;}
.tbl_wrap.tbl_form.etc_work input[type='radio']:before{content:'';display:block;width:60%;height:60%;margin:20% auto;border-radius:50%;}
.tbl_wrap.tbl_form.etc_work input[type='radio']:checked:before{background:#52adcd;}
.tbl_wrap.tbl_form.etc_work input[type='radio']:disabled+label{color:#bebebe}
.tbl_wrap.tbl_form.etc_work input[type='radio']:checked:disabled{border-color:#d7d7d7;}
.tbl_wrap.tbl_form.etc_work input[type='radio']:checked:disabled:before{background:#d7d7d7;}

.tbl_wrap.tbl_form.etc_work .desc{display:block;padding:9px 0;color:#999;}

/* 22.11 update 관리자 성과 역량 평가 결과*/
#ui_add .trInfo label{vertical-align: middle; border:1px solid #c2c2c2; padding:6px; background:lightgray;}
#ui_add .trInfo td{padding:5px;}
#ui_add .trInfo .upload_attc{text-decoration: none; pointer-events:none; cursor:default;}


@media all and (max-width:1440px){.welfare_lst>li:before{width:200px;}}

.tbl_wrap.tbl_lst .tbl_wrap.tbl_lst tbody td{border-bottom:0;}
.tbl_wrap.tbl_lst .tbl_wrap.tbl_lst thead th:not(:first-child){border-left:0;}
.tbl_wrap .btn.btn_download{padding:0 20px;}