@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}
.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}
.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,.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,
.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_file{height:30px;border:1px solid #d7d7d7;background:#fff;color:#666;padding-left:4px;vertical-align:middle;line-height:30px;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{display:block;position:absolute;top:1px;right:1px;width:50px;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.size_sub._dwExcel{width:118px}
.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}
.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_wrap td .txt_color{color:#f00}
.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{padding:0 5px;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:180px;margin:5px 0 5px 2px}
/* .tbl_wrap.editable .inp_file{width:231px} */
.tbl_wrap.editable .inp_file{width:78px}
.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:#6990a9}
.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}
.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}

.section_func{overflow:hidden;position:relative;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 .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_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}

.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_lst li.ot_wd:before{content:'W'}
.ot_lst li.ot_sd:before{content:'S'}
.ot_lst li.ot_hd:before{content:'H'}

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

/* 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}


/* 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}


.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 .my_commute{display:inline-block;margin-left:10px}
.front .my_commute .btn{width:80px;min-width:auto;height:24px;margin-left:4px;border:1px solid #5aabbe;background-color:#5aabbe;font-size:12px;color:#fff;line-height:24px}
.front .my_commute .btn:hover,.front .my_commute .btn.on{border-color:#5aabbe;background:#5aabbe;color:#ffff}
.front .my_commute .btn:first-child{margin-left:0}
.front .my_commute .btn span{padding:0;color:#fff}
.front .my_commute .btn.disabled{border-color:#d7d7d7;background:#fff;color:#999;cursor:default}
.front .my_commute .btn.disabled span{color:#999}
.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_foot.sub .btn.size_sub:only-child{border-color:#52adcd;background:#52adcd;color:#fff}
.front .btn_cfm: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{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 .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:85px;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{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:center}
.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 .otwd:before{background:url(../img/bg_welfare_otwd.png) no-repeat 50%}
.welfare_lst .otsd:before{background:url(../img/bg_welfare_otsd.png) no-repeat 50%}
.welfare_lst .othd:before{background:url(../img/bg_welfare_othd.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:45px;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}

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

/* FullCalendar */
.area_calendar{max-width:802px;height:100%;margin-left:656px;margin-bottom:80px;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:0 -56px}
.fc-toolbar .fc-next-button .fc-icon{background-position:-24px -56px}
.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:-48px -56px}
.fc-toolbar .fc-next-button:hover .fc-icon{background-position:-72px -56px}
.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:-21px -80px;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:-37px -80px}
.custom_time .time_normal:before{background-position:0 -101px}
.custom_time .time_leave{background-position:-37px -80px}
.custom_time .time_leave:before{background-position:0 -80px}
.custom_time .time_late{width:44px;background-position:-37px -101px}
.custom_time .time_late:before{background-position:0 -101px}
.custom_time .time_early_leave{background-position:-86px -101px}
.custom_time .time_early_leave:before{background-position:0 -80px}
.custom_time .time_no_write{width:33px;background-position:-70px -80px}
.custom_time .time_no_write:before{background-position:0 -101px}
.custom_time .time_no_write_leave{width:33px;background-position:-70px -80px}
.custom_time .time_no_write_leave:before{background-position:0 -80px}
.custom_time .time_work_holiday{width:19px;margin-left:0;background-position:0 -101px}
.custom_time .time_work_holiday:before{display:none}
.custom_time .time_work_holiday_leave{width:19px;margin-left:0;background-position:0 -80px}
.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:-21px -94px}
.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}

/* 출퇴근 관리 (현황/내역) */
.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}