@charset "UTF-8";

body{font-family: 'AstaSans', sans-serif; font-weight: 400; letter-spacing: -0.6px; overflow-x: hidden;}
input, select, textarea, button{letter-spacing: inherit;}
/*현대 - COMMON*/
/*TEXT*/
em{font-style: normal;}
.em.weight{color: #00add2;font-weight: 600;}
.em.weighty{color: #002c5f;font-weight: 600;}
/*.em.normal{font-weight: 600;}*/ /*2026.11.05 시스템 팝업 글자 굵기 nomal로 변경*/
/* TABLE */
.table-wrap{border-top: 1px solid #E9EAEC; clear: both;}
.data-table{width: 100%; border-bottom: 1px solid #EEEFF1;border-collapse: collapse;border-spacing: 0; border-left: hidden; border-right: hidden; border-top: hidden;}
.data-table thead tr th{ vertical-align: middle; padding: 10px; color: #121416;text-align: center;background-color: #F4F5F6;border: 1px solid #EEEFF1; font-weight: 700; line-height: 22px;}
.data-table thead tr th img{vertical-align: middle;}
.data-table tbody tr th.i-require{background:#F4F5F6 url('../images/common/ico-shyati.png')right 0 no-repeat;background-size:7px 5px;}
.xhdr table tbody tr td .i-require{position:absolute;width:10px;height:10px;top:0;right:0;background:#F4F5F6 url('../images/common/ico-shyati.png')right 0 no-repeat;background-size:7px 5px;}
.data-table tbody tr th{ vertical-align: middle; padding: 10px; color: #121416;text-align: center;background-color: #F4F5F6;border: 1px solid #EEEFF1; font-weight: 700; line-height: 22px;}
.data-table tbody tr td{ vertical-align: middle; height: 22px; padding: 10px 14px; color: #0E0F11;text-align: center;border: 1px solid #EEEFF1; height: 21px;}
.data-table tbody tr td span.won{vertical-align: middle;}
.data-table tbody tr.highlight td{background-color:#e0fbf1;}
.data-table tbody tr.sub-total01 td{background-color: #daf1fe;}
.data-table tbody tr.sub-total02 td{background-color: #dfe6fb;}
.data-table tbody tr.last-total td{background-color: #f3dfeb;}
.data-table.type02 tbody tr td{padding: 10px;}
.data-table tbody tr th.sub-header{background-color: #fff;color: #292929;font-weight: 600;}
.data-table tbody tr td div.total-grade{position: relative;}
.data-table tbody tr td div.total-grade:before{content: '';display: block;position: absolute;left: 10px;top: 3px;width: 14px;height: 12px;background: url('../images/common/before.png') 0 0 no-repeat;}
.data-table tbody tr td div.total-grade:after{content: '';display: block;position: absolute;right: 10px;top: 3px;width: 14px;height: 12px;background: url('../images/common/after.png') 0 0 no-repeat;}
/* border-left/right hidden on .data-table 으로 외곽선 처리 — first/last-child 규칙 불필요 */    
.data-table.left tbody tr th {text-align: left; padding: 5px 10px;}
.data-table.left tbody tr td {text-align: left; height: 18px; padding: 12px 16px;}
.data-table.right tbody tr th {text-align: left; padding: 5px 10px;}
.data-table.right tbody tr td {text-align: right; padding: 5px 10px;}
.data-table.right tbody tr td.altogether{border-top: 0 none;}
.data-table tbody td.cellselected .ico.pop_02{margin-left: 6px;}
.data-table tbody tr td input{width: 100%;}
.data-table thead tr th.left,
.data-table tbody tr th.left,
.data-table tbody tr td.left{text-align: left;}
.data-table thead tr th.right,
.data-table tbody tr th.right,
.data-table tbody tr td.right{text-align: right;}
.data-table thead tr th.center,
.data-table tbody tr th.center,
.data-table tbody tr td.center{text-align: center;}
.data-table thead tr th.top,
.data-table tbody tr th.top,
.data-table tbody tr td.top{vertical-align: top}
.data-table tfoot th{border-top: 1px solid #d1d1d1;border-right: 1px solid #d1d1d1;height: 30px;padding: 5px 10px; text-align: center;background-color: #ececec; font-weight: normal;}
.data-table tfoot td{border-top:1px solid #d1d1d1;border-right: 1px solid #d1d1d1;height: 30px; padding: 5px 10px; text-align: center; color: #292929; font-size: 15px;}
.data-table tfoot td .label{color: #6d6d6d}
.data-table tfoot td+td{border-left: 1px solid #d1d1d1;}
.data-table tr td span.date{color: #555;}
.data-table.large th,
.data-table.large td{height: 48px;}
.data-table thead th.cellselected,
.data-table thead td.cellselected{background-color: #edf8ff; color: #6b6b6b}
.data-table tbody th.cellselected,
.data-table tbody td.cellselected{background-color: #edf8ff; color: #075bb5}
.data-table tbody th.cellselected02,
.data-table tbody td.cellselected02{background-color: #edf8ff; color: #292929}
.data-table tbody td.celldisabled{background-color: #ececec;}
.data-table tbody td .em{font-weight: 600;}
.data-table.left tbody tr td .input-wrap{margin-top: 5px;}
.table-wrap .info-massage{margin-top: 16px}
.table-summary{padding-bottom: 16px;}
.data-table tbody tr td img{vertical-align: middle;}
.cont .indent{display: block;padding-left: 15px;}
.cont .indent02{display: block;padding-left: 8px;}
/*editor table*/
.table-wrap .data-table .fr-view table td, 
.table-wrap .data-table .fr-view table th{padding:0;height:auto;text-align:left;border: 1px solid #ddd !important;}
.table-wrap .data-table .fr-view table tbody tr:first-child th,
.table-wrap .data-table .fr-view table tbody tr:first-child td{border: 1px solid #ddd !important;}
/*평가 table*/
.eval .data-table thead tr th{height: 22px;padding: 3px 10px;font-size: 13px;}
.eval .data-table thead tr th img,
.eval .data-table tbody tr th img,
.eval .data-table tbody tr td img{vertical-align: middle;}
.eval .data-table tbody tr th{height: 23px;padding: 4px 10px 5px;font-size: 13px;}
.eval .data-table tbody tr td{height: 23px;padding: 4px 10px 5px;font-size: 13px;}
.grade-detail02 .eval .data-table tbody tr td{height: 57px;padding: 3px;}

/* 개발 gridbox */
.fieldset+.gridbox{margin-top: 40px;}
.gridbox table{width: 100%; text-align: center;}
.gridbox + .section-title{margin-top: 40px;}

/*FORM*/
input{border: 0 none;-webkit-appearance: none;}
.insert .label{display: inline-block; line-height: 30px; margin-right: 6px; text-align: left;}
.insert + input{margin-left: 6px;}
.input-text,
.input-search,
.input-date{display: inline-block; height: 32px;line-height: 32px;padding: 0 11px; vertical-align: top; border: 1px solid #CDD0D5;border-radius: 4px;-webkit-border-radius: 4px;background-color: #fff; width: auto; box-sizing: border-box;}
.input-text:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.input-text.w100{width: 100%;}
.input-text input{width: 100%; height: 100%; background: transparent;}
.input-search, .input-date{display: inline-block; position: relative; padding: 0; overflow: visible;}
.input-search input, .input-date input{width: 100%; height: 100%;  border: 0 none; background-color: transparent; padding: 0 35px 0 10px; box-sizing: border-box;-webkit-appearance: none;border-radius: inherit;}
.input-search .btn, .input-date .btn{position: absolute; right: 10px; top: 50%; transform: translateY(-50%); line-height: 14px; vertical-align: top; background: transparent; border: 0 none;-webkit-appearance: none;}
.input-search .btn img, .input-date .btn img{vertical-align: top;}
.input-search button:active{margin-left: -1px;margin-top: -1px}
.text-area{width: 100%; box-sizing: border-box; padding: 10px;border-radius: 5px;-webkit-border-radius: 5px;background-color: #fff; border: 1px solid #d1d1d1; resize: none;}
textarea[disabled]{background-color: #f1f1f1;}
input[disabled]{background: #f1f1f1; border: 1px solid #d1d1d1;}
.radio+.label{margin-right: 10px;margin-left: 5px;}
.checker+.label{margin-right: 10px;margin-left: 5px;}
.radio-wrap .label+.radio{margin-left: 26px;}
.input-search.disabled,
.input-date.disabled{background-color:#f1f1f1; box-sizing:border-box;}
.input-search input[disabled],
.input-date input[disabled]{height: 100%;padding: 0 35px 0 10px; border: 0 none; background-color: #f1f1f1; box-sizing:border-box; vertical-align: top;-webkit-appearance: none;}
.input-search+input{margin-left: 6px;}
input[type=text]::-ms-clear{display: none;}
input[type=password]::-ms-clear{display: none;}
input[type=search]::-ms-clear{display: none;}


/*UNIFORM*/
div.selector,div.selector span,div.checker span,div.radio span {background-image: url("../images/common/uniform_sprite.png");background-repeat: no-repeat;-webkit-font-smoothing: antialiased;}
div.selector,div.checker,div.button,div.radio,div.uploader {display: -moz-inline-box;display: inline-block;*display: inline;zoom: 1;vertical-align: middle;}
div.selector:focus,div.checker:focus,div.button:focus,div.radio:focus,div.uploader:focus {outline: 0; margin: 0 none;}
div.selector,div.radio,div.checker,div.uploader,div.button {margin: 0;padding: 0;}
div.selector *,div.radio *,div.checker *,div.uploader *,div.button * {margin: 0;padding: 0;}
div.checker input {-moz-appearance: none;-webkit-appearance: none;}
/*cheackbox*/
div.checker {position: relative;width: 20px;height: 20px;line-height: 20px;}
div.checker span, div.checker input {width: 20px;height: 20px;line-height: 20px;}
div.checker span {display: -moz-inline-box;display: inline-block;*display: inline;zoom: 1;text-align: center;background-position:  -21px  0;}
div.checker span.checked {background-position:  -42px 0;}
div.checker input {opacity: 0;filter: alpha(opacity=0);-moz-opacity: 0;border: none;background: none;display: -moz-inline-box;display: inline-block;*display: inline;zoom: 1;}
div.disabled.checker span, div.active.disabled.checker span{background-position: 0 0;}
div.disabled.checker span.checked, div.active.disabled.checker span.checked{background-position: -63px 0;}
/*radio*/
div.radio {margin-right: 0;position: relative;width: 20px;height: 20px;line-height: 20px;}
div.radio span, div.radio input {width: 20px;height: 20px;line-height: 20px;}
div.radio span {display: -moz-inline-box;display: inline-block;*display: inline;zoom: 1;text-align: center;background-position: -21px  -25px;}
div.radio span.checked {background-position: -42px -25px;}
div.radio input {opacity: 0;filter: alpha(opacity=0);-moz-opacity: 0;border: none;background: none;display: -moz-inline-box;display: inline-block;*display: inline;zoom: 1;text-align: center;vertical-align: top;}
div.disabled.radio span, div.active.disabled.radio span{background-position: 0 -25px;}
div.disabled.radio span.checked, div.active.disabled.radio span.checked{background-position: -63px -25px;}
/* Select */
div.selector {position: relative;padding: 0 0 0 15px;height: 32px;line-height: 30px;vertical-align: top;background-position: left -92px;font-size: 14px; color: #292929; overflow: hidden;border: 1px solid #d1d1d1;border-radius: 5px;-webkit-border-radius: 5px; box-sizing: border-box;}
div.selector span {display: inline-block;padding-right: 30px;width: 100%;height: 28px;line-height: 28px;text-overflow: ellipsis;box-sizing: border-box; color: #292929; background-position: right -93px; white-space: nowrap;cursor: pointer;overflow: hidden;}
div.selector select {opacity: 0;filter: alpha(opacity=0);-moz-opacity: 0;border: none;background: none;position: absolute;height: 100%;top: 0px;left: 0px;width: 100% !important;padding-left: 8px;padding-right: 30px;box-sizing: border-box;}
div.selector select {font-size: 14px;}
div.selector.disabled{background-position: -1px -52px;}
div.selector.disabled span, div.selector.disabled.active span {color: #bbb;  background-position: right -54px;}
div.selector+div.selector{margin-left: 6px;}
/* uploader */
div.uploader {*zoom: 1;background: none; height: 30px;width: 286px;cursor: pointer;position: relative;overflow: hidden;}
div.uploader:after {display: block;content: '';clear: both;}
div.uploader input {opacity: 0;filter: alpha(opacity=0);-moz-opacity: 0;border: none;background: none;position: absolute;top: 0;right: 0;float: right;cursor: pointer;width: 100%;height: 100%; padding: 0;}
div.uploader span.filename {width: 150px;/*width: 180px;*/text-overflow: ellipsis;display: block;overflow: hidden;white-space: nowrap;float: left;cursor: default;height: 30px;line-height: 30px;padding: 0 15px;border: 1px solid #d1d1d1;border-radius: 5px;-webkit-border-radius: 5px;background-color: #fff; box-sizing: border-box;}
div.uploader span.action {height: 30px;line-height: 30px; padding: 0 20px; margin-left: 10px;text-align: center; color: #292929;float: left;overflow: hidden; cursor: pointer; border: 1px solid #d1d1d1; border-radius: 5px; box-sizing: border-box;background-color: #fff;}
.input-text+.selector{margin-left: 6px}
::-webkit-file-upload-button{cursor: pointer !important;}

/*FIELDSET*/
.fieldset{padding:20px 40px 10px; background-color: #F4F5F6; border: 1px solid #EEEEEE; border-radius: 5px; -webkit-border-radius: 5px; box-sizing: border-box;}
.fieldset.large{min-width: 0;}
.fieldset:after{content: ''; display: block;clear: both;}
.fieldset .field{vertical-align: top; line-height: 30px; margin-left: -27px; margin-bottom: 10px;}
.fieldset.m-right{margin-right:0;padding-right:0}
.fieldset .field:after{content: ''; display: block; clear: both;}
.field .insert{display: inline-block;}
.fieldset .insert{display: inline-block; margin-left: 27px; vertical-align: top; margin-bottom: 10px; line-height: 30px;}
.fieldset .field:last-child{margin-bottom: 0;}
.fieldset .t-right{float:right}
.fieldset .t-right span{padding:3px 25px;border-radius:30px;}
.fieldset .insert:after{content: ''; display: block; clear: both;}
.fieldset .insert.independent{display: block;padding-top: 15px;border-top: 1px solid #d1d1d1;}
.fieldset .label{display: inline-block; color: #292929; font-size: 15px; line-height: 18px; margin-right: 12px; vertical-align: middle; font-weight: 600;}
.major-field .input-search{width: auto;}
.fieldset div.selector{height: 32px; border-radius: 4px; border: 1px solid #CDD0D5; padding-left: 12px; overflow: visible; display: inline-flex; align-items: center; vertical-align: middle; background-color: #fff;}
.fieldset div.selector span{flex: 1; min-width: 0; line-height: 28px; height: 28px;}
.fieldset select{height: 32px; padding: 0 12px; border: 1px solid #CDD0D5; border-radius: 4px; background-color: #fff; box-sizing: border-box; -webkit-appearance: none; appearance: none;}
.fieldset .data{display: inline-block; color: #292929; font-size: 14px; line-height: 30px;}
.fieldset .insert-info{display: inline-block; margin-left: 0px; margin-bottom: 10px; vertical-align: top;}
.fieldset .insert-info p{line-height:15px;}/*20190310 추가*/
.fieldset .insert-info p.con-txt{padding:0 25px;}
.fieldset .insert-info .p-info{text-decoration:underline;font-size:16px;line-height:30px;margin-left:5px}/*20190310 추가*/
.fieldset .insert .emphasis{font-weight: normal;font-weight: 600;color: #292929;}
.fieldset .insert .emphasis .ico{margin-right: 8px;}
.input-text+.input-text{margin-left: 6px;}
.insert .input-text,
.insert .selector,
.insert .input-date,
.insert .input-search{display: inline-block;}
.fieldset .btn-area{display: inline-block;}
.insert .hypen{display: inline-block; width: 11px; line-height:30px; vertical-align: middle; text-align: center;}
.popup-wrap .hypen{display: inline-block; width: 7px; line-height:30px; vertical-align: middle; text-align: center;}
.fieldset .btn-area{display: inline-block;}
.input-date{width: 130px;}
.fieldset .insert .btn.small{margin-left: 6px;}
.fieldset .field .btn-area.right{float: right;}
.fieldset .field .btn-area .btn.medium{margin-top: -5px;}
.fieldset.center{text-align: center;}
.field+.field.divid{position: relative; padding-top: 30px;}
.field+.field.divid:before{content: ''; position: absolute; left: 27px; top: 15px;display:block; width: 98%; height: 1px; background-color: #d1d1d1; }
/*WIDTH*/
.w90{width: 90%}
.w85{width: 85%}
.w80{width: 80%}
.w75{width: 75%}
.w70{width: 70%}
.w65{width: 65%}
.w60{width: 60%}
.w55{width: 55%}
.w50{width: 50%}
.w45{width: 45%}
.w40{width: 40%}
.w35{width: 35%}
.w30{width: 30%}
.w25{width: 25%}
.w20{width: 20%}
.w15{width: 15%}
.w10{width: 10%}

/*BTN*/
.btn{display: inline-block; vertical-align: middle; *zoom: 1; font-size: 14px; font-weight: 600; box-sizing: border-box; width: auto;cursor: pointer;}
/*20210121추가*/
.btn.xsmall{height: 20px; line-height: 18px; padding: 0 5px; width: auto;}
.btn.small{height: 30px; line-height: 28px; padding: 0 15px; width: auto; margin: 0 1px;}
.btn.medium{height: 32px; line-height: 30px; padding: 0 25px;font-weight: 600;}
.btn.large{height: 50px; line-height: 48px; padding: 0 25px; font-weight: 600;}
/*260915 네이비>흰색 변경 .btn.primary{border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #002C5F; background-color: #002C5F; color: #ffffff; padding: 0 12px; height: 32px; line-height: 30px;}*/
.btn.primary{border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #111111; background-color: #ffffff; color: #111111;}
/*.btn.primary-02{border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #111111; background-color: transparent; color: #111111; padding: 0 12px; height: 32px; line-height: 30px; font-size: 15px; font-weight: 600;}
.btn.surface{border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #111111; background-color: #111111; color: #ffffff; padding: 0 12px; height: 32px; line-height: 30px;}*/
.btn.type01{border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #111111; background-color: #ffffff; color: #111111; padding: 0 12px; height: 32px; line-height: 30px;}
.btn.type02{border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #D1D1D1; background-color: #ffffff; color: #292929; padding: 0 12px; height: 32px; line-height: 30px;}
.btn.type02-2{border-radius: 25px; -webkit-border-radius: 25px; border: 1px solid #D1D1D1; background-color: #ffffff; color: #292929; padding: 0 12px; height: 32px; line-height: 30px;}
.btn.type03{border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #111111; background-color: #111111; color: #ffffff; padding: 0 12px; height: 32px; line-height: 30px;}

.btn.type02-l{border-radius: 25px; -webkit-border-radius: 25px; background-color: #ffffff; color: #292929; border: 1px solid #D1D1D1;}

.btn.type04{border-radius: 25px; -webkit-border-radius: 25px; background-color: #002c5f; color: #ffffff; border: 1px solid #003166;}
.fieldset .insert .btn.type04 {border-radius: 5px; -webkit-border-radius: 5px;}
.btn.type05{border-radius: 25px; -webkit-border-radius: 25px; background-color: transparent; color: #ffffff; border: 2px solid #ffffff;}
.btn.type06{border-radius: 25px; -webkit-border-radius: 25px; background-color: #292929; color: #ffffff; border: 1px solid #292929;}
.btn.type07{border-radius: 25px; -webkit-border-radius: 25px; background-color: #6b6b6b; color: #ffffff; border: 1px solid #6b6b6b;}
.btn.type08{border-radius: 5px; -webkit-border-radius: 5px; background-color: #002c5f; color: #ffffff; border: 1px solid #003166;}
.btn.type09{border-radius: 25px; -webkit-border-radius: 25px; background-color: #545454; color: #ffffff; border: 1px solid #545454; padding: 0 12px; height: 32px; line-height: 30px;}
.btn.type10{border-radius: 5px; -webkit-border-radius: 5px; background-color: #00b9e4; color: #ffffff; border: 1px solid #00b9e4;}
.btn.type10-2{border-radius: 25px; -webkit-border-radius: 25px; background-color: #00b9e4; color: #ffffff; border: 1px solid #00b9e4;}
.btn.type11{border-radius: 5px; -webkit-border-radius: 5px; background-color: #292929; color: #ffffff; border: 1px solid #292929;}
.btn.type12{border-radius: 5px; -webkit-border-radius: 5px; background-color: #6b6b6b; color: #ffffff; border: 1px solid #6b6b6b;}
.btn.type13{border-radius: 5px; -webkit-border-radius: 5px; background-color: #9735d5; color: #ffffff; border: 1px solid #9735d5;}
.btn.type13-2{border-radius: 25px; -webkit-border-radius: 25px; background-color: #9735d5; color: #ffffff; border: 1px solid #9735d5;}
.btn.type14{border-radius: 25px; -webkit-border-radius: 25px; background-color: #ffffff; color: #292929; border: 1px solid #D1D1D1;}
.btn.type15{border-radius: 25px; -webkit-border-radius: 25px; background-color: #292929; color: #ffffff; border: 1px solid #292929;}
.btn.type01.search-file{margin-left: 10px;}
.button-area{text-align: center; font-size: 0;}
.button-area.left{text-align: left;}
.button-area.right{text-align: right;}
.button-area:after{content: ''; display: block; clear: both;}
.button-area .btn+.btn{margin-left: 10px;}
.button-area .btn-left{float: left;}
.button-area .btn-right{float: right;}
.button-area.align{position: relative;}
.button-area.align .btn-left{position: absolute;left: 0;top: 0;float: none;}
.btn-sort .btn-center input{background-color: #e0fbf1;}
.btn-sort .btn-right input.type01{background-color: #e0fbf1;}
.btn-sort .btn-right input.type02{background-color: #dfe6fb;border-radius: 5px;-webkit-border-radius: 5px;}
.button-area.btn-sort{padding-bottom: 10px;}
.button-area.btn-sort .btn+.btn{margin-left: 5px;}
input.btn.type01[disabled],
button.btn.type01[disabled]{background: #f5f5f5; border: 1px solid #d1d1d1; color: #a0a0a0;}
input.btn.type01[disabled] .ico,
button.btn.type01[disabled] .ico{opacity: 0.3;filter: alpha(opacity=30);}
input.btn,
button.btn{width: auto;}
.btn-link{display: inline-block; vertical-align: middle; font-size: 14px; padding-left: 22px; background: url("../images/common/ico_link_01.png") 0 0 no-repeat; border: 0 none;-webkit-appearance: none;}
.to-link{text-decoration: underline !important;color: #075bb5 !important;}
.to-link02{font-weight: 600;text-decoration: underline !important;color: #002c5f !important;}


/* ICON */
.ico{display: inline-block; vertical-align: middle; width: 16px; height: 16px; background: url("../images/common/ico_search.png") 0 0 no-repeat; border: 0 none;-webkit-appearance: none;}
.btn .ico{margin-left: 10px;}
.btn.type01 .ico, .btn.primary .ico{background-size: contain; filter: brightness(0);}
.btn.type06 .ico{background-size: contain; filter: brightness(0) invert(1);}
.ico.search{background-image: url("../images/common/ico_search.png");vertical-align: -3px;}
.ico.search.type01{background-image: url("../images/common/ico_search_wh.png"); background-size: contain; vertical-align: -3px;}
.ico.search_01{background-image: url("../images/common/ic_search_bold_16px.svg");}
.btn.type08 .ico.search{background-image: url("../images/common/ico_search.png"); filter: brightness(0) invert(1);}
.ico.date{background-image: url("../images/common/ico_calendar.png"); width: 19px; height: 18px;vertical-align: -4px;}
.ico.date.type01{background-image: url("../images/common/ico_calendar_wh.png");}
.ico.check{background-image: url("../images/common/ico_check.png"); width: 20px; height: 14px; }
.ico.check01{background-image: url("../images/common/ico_check_01.png"); height: 12px; }
.ico.check01.type01{background-image: url("../images/common/ico_check_01_wh.png");}
.ico.sum{background-image: url("../images/common/ico_sum.png"); width: 20px; height: 20px;}
.ico.sum.type01{background-image: url("../images/common/ico_sum_wh.png");}
.ico.sum01{background-image: url("../images/common/ico_sum_01.png");width: 20px; height: 23px;}
.ico.sum02{background-image: url("../images/common/ico_sum.gif");width: 19px; height: 19px;}
.ico.arrow{background-image: url("../images/common/arrow_03.png"); width: 6px; height: 10px; }
.ico.arrow01{background-image: url("../images/common/arrow.gif"); width: 6px; height: 10px; }
.ico.arrow02{background-image: url("../images/common/ico_arrow.png"); width: 30px; height: 30px;}
.ico.arrow03{background-image: url("../images/common/ico_arrow_01.png"); width: 30px; height: 30px;}
.ico.info{background-image: url("../images/common/ico_info.png"); width: 24px; height: 18px; }
.ico.info02{background-image: url("../images/common/ico_info_04.png"); width: 20px; height: 20px; }
.ico.calendar{background-image: url("../images/common/ico_calendar.png"); width: 29px; height: 18px; }
.ico.camera{background-image: url("../images/common/ico_camera_01.png"); width: 22px; height: 18px; margin: 1px 3px 0 0 !important; background-size:auto !important; filter:none !important;}
.ico.pop{background-image: url("../images/common/ico_pop.png"); vertical-align: -3px;}
.ico.newly_02{width: 24px;height: 18px;margin-left: 6px;background: url("../images/common/newly_02.png") 0 0 no-repeat;}
.ico.stamp{width: 79px; height: 79px;background: url("../images/common/hmc_seal.gif") 0 0 no-repeat;}
.ico.agree{width: 16px; height: 11px;margin-right: 7px;margin-left: 5px;background: url("../images/common/ico_agree.png") 0 0 no-repeat;}
.ico.not-agree{width: 13px; height: 13px;margin-right: 7px;margin-left: 4px;background: url("../images/common/ico_agree_02.png") 0 0 no-repeat;}
.ico.down{background-image: url("../images/common/ico_down.png"); width: 20px; height: 20px;vertical-align: -5px;}
.ico.down.type01{background-image: url("../images/common/ico_down_wh.png");}
.ico.print{background-image: url("../images/common/ico_print.png"); width: 20px; height: 20px;vertical-align: -6px;}
.ico.print.type01{background-image: url("../images/common/ico_print_wh.png");}
.ico.perner{background-image: url("../images/common/ico_pr.png"); width: 16px; height: 18px; vertical-align: -3px}
.ico.write02{margin-right: 10px;margin-left: 12px;background-image: url("../images/common/ico_write_03.png"); width: 13px; height: 15px;}
.ico.attach{background-image: url("../images/common/ico_attach_01.png");width: 17px; height: 17px;}
.ico.attach.type01{background-image: url("../images/common/ico_attach_wh.png");width: 17px; height: 17px;}
.ico.link{background-image: url("../images/common/ico_link_01.png");width: 17px; height: 17px;}
.ico.pop_02{background-image: url("../images/common/ico_pop_01.png");width: 16px; height: 16px;margin-left: 3px;vertical-align: -3px;}
.ico.birthday{margin-left: 0;margin-right: 5px;background-image: url("../images/common/ico_birthday.png");width: 17px; height: 17px;vertical-align: -3px;}
.ico.employee{width: 29px;height: 29px;margin-left: 0;margin-right: 5px;background: #00b9e4 url("../images/common/ico_employee.png") 6px 50% no-repeat;border-radius: 50%;-webkit-border-radius: 50%;}
.ico.plus{width: 20px;height: 20px;margin-left: 18px;background-image: url('../images/common/ico_open.png');}
.ico.plus.type01{width: 20px;height: 20px;margin-left: 10px;background-image: url('../images/common/ico_open_wh.png');}
.ico.minus{width: 20px;height: 20px;margin-left: 18px;background-image: url('../images/common/ico_close.png');}
.ico.minus.type01{width: 20px;height: 20px;margin-left: 10px;background-image: url('../images/common/ico_close_wh.png');}
.ico.book{width: 20px;height: 24px;margin-left: 11px;background-image: url('../images/common/ico_book.png');}
.ico.browser{width: 20px;height: 18px;margin-left: 10px;background-image: url('../images/common/ico_browser.png');}
.ico.browser02{width: 20px;height: 18px;margin-left: 10px;background-image: url('../images/common/ico_browser_02.png');}
.ico.browser02.type01{width: 20px;height: 18px;margin-left: 10px;background-image: url('../images/common/ico_browser_02_wh.png');}
.ico.save{width: 20px;height: 20px;margin-left: 10px;background-image: url('../images/common/ico_save.png');vertical-align: -6px;}
.ico.save.type01{background-image: url('../images/common/ico_save_wh.png');}
.ico.upload{width: 20px;height: 20px;margin-left: 10px;background-image: url('../images/common/ico_upload.png');vertical-align: -5px;}
.ico.upload.type01{background-image: url('../images/common/ico_upload_wh.png');}
.ico.apply{width: 20px;height: 19px;margin-left: 10px;background-image: url('../images/common/ico_apply.png');}
.ico.apply.type01{background-image: url('../images/common/ico_apply_wh.png');}
.ico.zoom-in{width: 20px;height: 20px;margin-left: 10px;background-image: url('../images/common/ico_zoomin.png');vertical-align: -6px;}
.ico.zoom-in.type01{background-image: url('../images/common/ico_zoomin_wh.png');}
.ico.zoom-out{width: 20px;height: 20px;margin-left: 10px;background-image: url('../images/common/ico_zoomout.png');vertical-align: -6px;}
.ico.zoom-out.type01{background-image: url('../images/common/ico_zoomout_wh.png');}
.ico.write{width: 20px;height: 20px;margin-left: 10px;background-image: url("../images/common/ico_write.png");vertical-align: -5px;}
.ico.write.type01{background-image: url("../images/common/ico_write_wh.png");}
.ico.modify{width: 20px;height: 20px;margin-left: 10px;background-image: url("../images/common/ico_modify.png");}
.ico.modify.type01{background-image: url("../images/common/ico_modify_wh.png");}
.ico.cancel{width: 20px;height: 20px;margin-left: 10px;background-image: url("../images/common/ico_cancel.png");vertical-align: -6px;}
.ico.cancel.type01{background-image: url("../images/common/ico_cancel_wh.png");vertical-align: -6px;}
.ico.delete{width: 20px;height: 20px;margin-left: 10px;background-image: url("../images/common/ico_delete.png");}
.ico.delete.type01{background-image: url("../images/common/ico_delete_wh.png");}
.ico.guide{width: 19px;height: 19px;background-image: url("../images/common/ico_guide.png");vertical-align: -5px;}
.ico.guide.type01{width: 19px;height: 19px;background-image: url("../images/common/ico_guide_wh.png");vertical-align: -5px;}
.ico.mail{width: 20px;height: 15px;background-image: url("../images/common/ico_mail_02.png");vertical-align: -3px;}
.ico.mail.type01{width: 20px;height: 15px;background-image: url("../images/common/ico_mail_wh.png");vertical-align: -3px;}
.ico.new{width: 20px;height: 20px;background-image: url('../images/common/ico_new.png');}
.ico.people{width: 16px;height: 18px;margin-left: 10px;background-image: url('../images/common/ico_pr.png');}
.ico.keep{width: 20px;height: 20px;background-image: url('../images/common/ico_keep.png');}
.ico.except{width: 20px;height: 20px;background-image: url('../images/common/ico_except.png');}
.ico.hold{width: 20px;height: 20px;background-image: url('../images/common/ico_hold.png');}
.ico.event{width: 21px;height: 21px;background-image: url('../images/common/ico_event.png');}
.ico.contact{width: 20px;height: 20px;background-image: url('../images/common/ico_contact.png');}
.ico.play{width: 10px;height: 12px;background-image: url('../images/common/ico_play.png');}

/*ehr 상태*/
.state-save{display: inline-block; width: 15px; height: 13px; background: url('../images/common/ico_ehr_01.png') 0 0 no-repeat;}
.state-attendance{display: inline-block; width: 15px; height: 13px; background: url('../images/common/ico_ehr_02.png') 0 0 no-repeat;}
.state-finish{display: inline-block; width: 15px; height: 13px; background: url('../images/common/ico_ehr_03.png') 0 0 no-repeat;}
.state-approve{display: inline-block; width: 15px; height: 13px; background: url('../images/common/ico_ehr_04.png') 0 0 no-repeat;}
.state-r{display: inline-block; width: 15px; height: 13px; background: url('/markup/@resource/images/common/round_red.jpg') 0 0 no-repeat;}
.state-o{display: inline-block; width: 15px; height: 13px; background: url('/markup/@resource/images/common/round_orange.jpg') 0 0 no-repeat;}
.state-y{display: inline-block; width: 15px; height: 13px; background: url('/markup/@resource/images/common/round_yellow.jpg') 0 0 no-repeat;}
.state-g{display: inline-block; width: 15px; height: 13px; background: url('/markup/@resource/images/common/round_green.jpg') 0 0 no-repeat;}


/* TAB 260916 디자인 new 변경*/
.tab-wrap{position: relative; width: 100%;}
.tab-wrap .tab{height: 36px; overflow: hidden; white-space: nowrap; background-color:transparent; border:none; border-bottom:1px solid #EBEBEB;}
.tab-wrap .tab:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.tab-wrap .tab li{float: left; width: auto !important; height: 36px; display: flex; align-items: center; cursor: pointer;}
.tab-wrap .tab li a{color: #6b6b6b; font-weight: bold; padding: 0 12px;}
.tab-wrap .tab li a:hover {color:#111111;}
.temp-area .tab-wrap .tab li.active {background-color: transparent !important; border-bottom: 2px solid #111111 !important; box-sizing: border-box;}
.temp-area .tab-wrap .tab li.active a {font-weight: bold; color: #111111;}
    .tab-wrap+.table-wrap{margin-top: 40px;}
    /*LARGE*/
    .tab-wrap .tab.large{height: 50px; border: 0; border-radius: 5px; overflow: hidden;-webkit-appearance: none;}
    .tab-wrap .tab.large li {margin: 0; text-align: center;}
    .tab-wrap .tab.large li a{height: 50px; line-height: 50px; border-radius: 0; background-color: #00acd4; color: #ffffff; font-weight: 600;}
    .tab-wrap .tab.large li a:hover,
    .tab-wrap .tab.large li.active a{height: 50px; line-height: 50px; border-radius: 0; background-color: #003166}
.tab-wrap .aside-text{position: absolute; right: 0; top: 10px;}

/*타이틀*/
.content-title{font-size: 28px;line-height: 32px; color: #292929; padding-bottom: 22px; font-weight: 600;}
.section-title{position: relative;font-size: 16px;line-height: 22px; color: #000; font-weight: 700; background: url("../images/common/bullet_01.gif") 0 50% no-repeat; background-size: 14px; padding-left: 20px; margin-top: 40px; margin-bottom: 20px;font-weight: 600;}
.content-title:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.section-title .count-member{display: inline-block;position: relative;margin-left: 17px;padding-left: 53px;line-height: 22px;font-size: 15px;color: #292929;background: url(../images/common/ico_pr_02.png) 21px center no-repeat;}
.section-title .count-member:after{content: '';display: block;position: absolute;left: 0;top: 2px;width: 1px;height: 18px;background-color: #bebebe;}
.section-title .aside-text{font-size: 15px;color: #292929;font-weight: normal;font-weight: 600;}
.content-title .aside-text{font-size: 15px;color: #555;font-weight: normal;}
.section-title.first{margin-top: 6px;}
.content-title+.section-title{margin-top: 10px;}
div.section-title {padding-top: 10px; background-position: 0 10px;}
div.section-title h3{display: inline-block; font-size: 19px;}
/*.section-title .btn-aside{position: absolute; right: 0; top: -2px;}*/
.section-title .btn-aside02{position: relative;top:-2px;display: inline-block;vertical-align: middle;margin-left: 10px;}
.subject .btn-more{display: inline-block; margin-left: 13px;width: 28px; height: 28px; vertical-align: top; background: url("../images/common/ico_more_01.png") 0 0 no-repeat;  font-size: 0; line-height: 999em; text-indent: 999em; overflow: hidden; border: 0 none;-webkit-appearance: none;}
.content-title a,
.section-title a{display: inline-block;}
.section-title-left{position: relative;font-size: 19px;line-height: 24px; color: #292929; background: url("../images/common/bullet_01.gif") 0 50% no-repeat; padding-left: 28px; margin-top: 40px; margin-bottom: 5px;font-weight: 600;}
.section-title-right{position: relative;font-size: 19px;line-height: 24px; color: #292929;margin-top: 40px; margin-bottom: 5px;font-weight: 600;}
.section-title-se{font-size: 19px;line-height: 30px;padding-left:28px;font-weight:500;margin-bottom:20px; color: #292929;font-weight: 600;}
.content-title .btn-more{display: inline-block; margin-left: 9px; width: 28px; height: 28px; vertical-align:top; background: url("../images/common/ico_more_01.png") 0 0 no-repeat;  font-size: 0; line-height: 999em; text-indent: 999em; overflow: hidden;border: 0 none;-webkit-appearance: none;}
.section-title .btn-more{display: inline-block; margin-left: 7px; width: 16px; height: 16px; vertical-align:middle; background: url("../images/common/ic_plus_circle_regular.svg") center / 16px 16px no-repeat;  font-size: 0; line-height: 999em; text-indent: 999em; overflow: hidden;border: 0 none;-webkit-appearance: none;}
.section-title + .pernr.filter{position: absolute; top: -6px; left: 97px;}
.section-title + .pernr.filter .label{font-size: 14px; color: #292929;  padding-left: 19px; border-left: 1px solid #bebebe; line-height: 18px; margin: 6px 5px 6px 0; }
.section-title .insert.pernr{margin-left: 17px;padding-left: 19px;border-left: 1px solid #bebebe;}
.person-title{position: relative;font-weight: 600;font-size: 19px;line-height: 19px;color: #292929;background: url(../images/common/ico_pr.png) 0 0 no-repeat;padding-left: 23px;margin-top: 40px;margin-bottom: 20px;}
.person-title.first{margin-top: 0;}
.button-area .pernr.filter,
.count-wrap .pernr.filter{margin-left: 20px;}
.button-area .pernr.filter .label,
.count-wrap .pernr.filter .label{font-size: 14px; color: #292929;  padding-left: 19px; border-left: 1px solid #bebebe; line-height: 18px; margin: 6px 5px 6px 0; }
.button-area .pernr.filter .input-text,
.count-wrap .pernr.filter .input-text{margin-right: 5px;}

.pernr.filter .ico.perner{margin-right: 7px;}
.print-title{font-size: 50px; line-height: 50px; font-weight: 600; text-align: center; color: #292929; }
/*.welcome-text{font-size: 28px; color: #002c5f;font-weight: 600;}*/
/* 2026.08.10 HR 주요일정 탭 숨김처리 */.home-schedule-box .tab{display:none !important;}
.hss-main-wrap{display:flex;gap:30px;padding-right:0;}
.hss-main-left{width:63%;flex-shrink:0;min-width:0;}
.hss-main-left .fieldset{padding:25px 40px 20px;}
.hss-main-right{width:35%;flex-shrink:0;min-width:0;padding:30px 30px 20px 30px;align-self:stretch;border-radius:8px;border:1px solid #ebebeb;box-sizing:border-box;max-height:295px;overflow:hidden;}
.hss-main-right .section-title{margin-top:0;}
#gridBox{width:100%;height:250px;}
#gridbox3{width:100%;height:200px;}
.hss-hint-text{margin-left:135px;color:#828282;}
.welcome-intro{height: 120px;margin-bottom: 50px;padding-left: 180px;background: #ffffff url('../images/@thumb/welcome_thumb.png') 0 0 no-repeat;border-radius: 5px;-webkit-border-radius: 5px;}
.welcome-intro.type2{background: #e9e9e9 url('../images/@thumb/thumb_300x140_type2.png') 0 0 no-repeat;}
.welcome-intro strong{display: block;padding-top: 16px;font-size: 20px;color: #111111;font-weight: normal;}
.welcome-intro p{padding-top: 10px;font-size: 34px;font-weight: 700;color: #111111;}
.text-info{display: inline-block;margin-left: 10px;padding-left: 25px;font-size: 14px;color: #555;vertical-align: top;background: url('../images/common/ico_info_05.png') 0 0 no-repeat;}
.info-state:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.info-state ul{display: inline-block;margin-top: -5px;padding-left: 26px;background: url('../images/common/ico_total_02.png') 0 0 no-repeat;}
.info-state.left ul{float: left;}
.info-state.right ul{float: right;}
.info-state.distance ul{padding-right: 100px;}
.info-state ul li{display: inline-block;padding: 0 8px 0 14px;font-size: 14px;line-height: 26px;color: #292929;font-weight: 600;background: url('../images/common/line_03.gif') 0 6px no-repeat;}
.info-state ul li:first-child{padding-left: 10px;color: #002c5f;background: 0 none;}
.info-state ul li:last-child{padding-right: 0;}
.info-state ul li:first-child span{color: #002c5f;}
.info-state ul li span{display: inline-block;color: #292929;}
.info-state .btn.small{margin-top: -5px;margin-left: 10px;}

/*window-popup*/
.window-popup{width: auto; border-radius: 8px; overflow: hidden; background-color: #fff; border: 1px solid #d1d1d1;}
.window-popup.overflow-fix{width:100%;max-height:100vh;overflow-x:hidden;overflow-y:auto;}
.window-popup.shadow {box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);}
body.window-popup{border: none; border-radius: 0;}
.window-popup .popup-title{padding: 0 12px 0 24px; height: 60px; line-height: 24px; font-size: 16px; font-weight: 700; border-bottom: 1px solid #f0f0f0; display: flex; align-items: center; justify-content: space-between;}
.window-popup .popup-title .popup-close{margin-left: auto; position: relative; z-index: 1;}
.window-popup .popup-title.font-color {color:#dc143c}
.window-popup .date h2{text-align:center;height: 60px; line-height: 60px; font-size: 24px; color: #111111;}
.window-popup .date{position:absolute;width:100%;left:0;top:0}
.window-popup .popup-wrap{position: relative; padding: 24px; box-sizing: border-box; font-size: 15px; font-weight: 400; line-height: 22px;}
.window-popup .popup-wrap > * + *{margin-top: 15px;}
.window-popup .popup-wrap .dhxtabbar_base_dhx_web{margin-top: 30px;}
.window-popup .table-wrap+.insert{margin-top: 15px;}
.window-popup .data-table+.insert{margin-top: 15px;}
.window-popup .fieldset+.content-notice{margin-top: 15px;}
.window-popup .notice{margin-bottom: 11px;}
.window-popup .data-table+.notice{margin-top: 15px; margin-bottom: 0;}
.window-popup .popup-close{width: 24px; height: 24px; border: 0 none; background: url('../images/common/ic_close_24px.svg') center / 24px 24px no-repeat; padding: 0; cursor: pointer; font-size: 0; overflow: hidden; flex-shrink: 0; -webkit-appearance: none;}
#popup_container{margin:0;padding:0;position:fixed;z-index:99999;background-color:#fff;border:1px solid #d1d1d1;border-radius:8px;overflow:hidden;}
#popup_container .popup-title{padding:0 12px 0 24px;height:60px;line-height:24px;font-size:16px;font-weight:700;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;justify-content:space-between;}
#popup_container .popup-wrap{position:relative;padding:24px;box-sizing:border-box;font-size:15px;font-weight:400;line-height:22px;}
#popup_message{background:none;padding:0;margin-bottom:0;}
#firstLineMsg{font-size:15px;line-height:22px;}
#popup_container .button-area.large{margin:20px 0 0;text-align:right;}
#popup_btn_area{padding:0 24px 24px;text-align:right;}
#pop_yn{display:inline-flex;gap:8px;}
#popup_ok_btn{border-radius:5px;border:1px solid #111;background:#111;color:#fff;padding:0 12px;height:32px;line-height:30px;font-size:14px;cursor:pointer;}
#popup_cancel_btn{border-radius:5px;border:1px solid #111;background:#fff;color:#111;padding:0 12px;height:32px;line-height:30px;font-size:14px;cursor:pointer;}
#pop_check{display:none;}
#popup_check_btn{border-radius:5px;border:1px solid #D1D1D1;background:#fff;color:#292929;padding:0 12px;height:32px;line-height:30px;font-size:14px;cursor:pointer;}
.window-popup h4{margin-top:10px;margin-bottom:5px;font-size: 15px; color: #292929; font-weight: 600;}
.window-popup .cont{margin-top: 5px; margin-bottom: 16px;}
.window-popup .cont ul{padding-left: 10px;}
.window-popup .cont .indent{display: block;padding-left: 15px;}
.window-popup h4+.table-wrap{margin-top: 15px;}
.window-popup .section-title+.tab-wrap{padding-top: 10px;}
.window-popup .section-title+.cont{margin-top: 0;}
.window-popup .table-wrap+h4{margin-top: 20px;}
.window-popup .tab-cont{margin-top: 26px;}
.window-popup .popup-wrap h4.section-title{font-size: 19px; line-height: 19px;}
/*.window-popup .popup-wrap .section-title:first-child{margin-top: 0;}*/
.window-popup .popup-wrap .button-area.large:last-child{margin-bottom: 0}
.window-popup .popup-wrap .header{position: relative;}
.window-popup .popup-wrap .header .serial-number{position: absolute; left: 0; top: 20px;}
.window-popup .popup-wrap .header .use-keep{position: absolute; right: 0; top: 0;min-width: 68px; padding-bottom: 46px;background: url("../images/common/hmc_logo_img.png") 0 100% no-repeat;}
.window-popup .table-wrap .data-list{margin-top: 16px}
.window-popup .popup-wrap #Line{width: 100%;}
.window-popup .popup-wrap .section,
.window-popup .popup-wrap .table-wrap{width: 100%;}
.window-popup .popup-wrap > div{width: 100%; box-sizing: border-box;}
.window-popup .popup-wrap > form{width: 100%; min-width: 0;}
.window-popup .popup-wrap .fieldset{width: 100%; min-width: 0;}
.window-popup .popup-wrap .fieldset + .gridbox{border-bottom: 1px solid #d1d1d1;}
/*
.window-popup .popup-wrap div[id^="gridbox"]:not([id$="List"]),
.window-popup .popup-wrap .gridbox{width: 100% !important;}
*/
.window-popup.contract{min-width: 1000px; }
.window-popup.contract .content-title{margin-top: 36px}
.window-popup.contract .data-list{font-size: 16px;}
.window-popup.contract .content-title+.section-title{margin-top: 0;}
.window-popup .signature{border-top: 1px solid #292929; color: #292929; margin-top: 60px; padding-top: 60px; text-align: center; font-size: 19px; font-weight: 600;}
.window-popup .personnel-appointment .popup-wrap{padding-top: 0;}
.window-popup .personnel-appointment .signature{border-top: 0 none;margin-top: 0;padding-top: 0;font-size: 25px;}
.window-popup .personnel-appointment .data-table,
.window-popup .personnel-appointment .data-table tbody tr th,
.window-popup .personnel-appointment .data-table tbody tr td{border: 0 none !important;-webkit-appearance: none;}
.window-popup .signature .signature-data{margin: 20px 0 10px;}
.window-popup .signature .signature-data .data+.label{margin-left: 40px}
.window-popup .signature strong{font-weight: normal;}
.window-popup .cont-box{border-radius: 5px;  -webkit-border-radius: 5px; background-color: #ececec; padding: 30px;margin: 30px 0 20px;}
.window-popup .cont-box .result{margin-top: 10px; color: #292929; font-weight: 600;}
.window-popup .cont .em.weighty{text-decoration: underline;}
.window-popup .cont .highlight{color: #002c5f;font-weight: 600;}
.window-popup .notice.large{font-size: 19px; line-height: 25px; color: #292929;font-weight: 600;}
.window-popup .intro-notice{font-size: 19px;line-height: 30px;color: #00b9e4;font-weight: 600;}
.window-popup .intro-notice + .section-title{margin-top: 22px !important;}
.window-popup .intro-notice span{display: block;font-size: 16px;}
.window-popup .example{padding: 14px 20px;line-height: 25px;background-color: #ececec;border-radius: 5px;-webkit-border-radius: 5px;}
.window-popup .example ul li{padding-left: 40px;text-indent: -44px;font-weight: 600;}
.window-popup .popup-wrap .section-title{margin: 15px 0 5px; clear:both; line-height: 26px;}
/*.window-popup .popup-wrap .section-title.first{margin-top: 22px;}*/
.window-popup .popup-wrap .section-title.first{margin-top: 0;}
.window-popup .cont{margin-bottom: 13px;}
.window-popup p.cont,
.window-popup .cont p,
.window-popup .cont ul li{padding-left: 10px;text-indent: -9px;}
.window-popup .cont02 li{line-height: 25px;font-size: 14px;color: #292929;font-weight: 600;}
.window-popup .cont02 li ul li,
.window-popup .cont02 li p{color: #555;}
.window-popup .button-area.small{margin-top: 20px;}
.window-popup .button-area.medium{margin-top: 0;margin-bottom:20px;}
.window-popup .button-area.large{margin: 20px 0 0; text-align: right;}
.window-popup .button-area.large.mt0{margin-top: 0;}
.window-popup .section-box{padding: 14px 18px;font-size: 14px;line-height: 25px;color: #555;border: 1px solid #d1d1d1;border-radius: 5px;-webkit-border-radius: 5px;}
.window-popup .intro-notice02{padding: 15px 0 5px;font-size: 17px;line-height: 17px;color: #555;font-weight: 600;}
.window-popup .intro-notice03{font-size: 18px;line-height: 30px;color: #292929;}
.window-popup .intro-notice04{font-weight: 600;font-size: 18px;line-height: 30px;color: #00b9e4;}
.window-popup .popup-wrap .apply-list{height: 100px;padding-top: 25px;overflow: hidden;}
.window-popup .popup-wrap .apply-list li{float: left;width: 224px;height: 100px;padding-top: 38px;padding-left: 85px;font-size: 15px;line-height: 25px;color: #555;font-weight: 600;background: #ececec url('../images/common/ico_apply_02.png') 30px 32px no-repeat;border-radius: 5px;-webkit-border-radius: 5px;box-sizing: border-box;-webkit-box-sizing: border-box;}
.window-popup .popup-wrap .apply-list li:first-child{position: relative;width: 363px;height: 100px;padding-top: 0;padding-left: 0;background: 0 none;color: #fff;}
.window-popup .popup-wrap .apply-list li:first-child a{display: block;width: 315px;height: 100px;padding-top: 25px;padding-left: 85px;background: #00b9e4 url('../images/common/ico_apply_01.png') 30px 30px no-repeat;border-radius: 5px;-webkit-border-radius: 5px;box-sizing: border-box;-webkit-box-sizing: border-box;}
.window-popup .popup-wrap .apply-list li:first-child:after{content: '';display: block;position: absolute;left: 335px;top: 46px;width: 7px;height: 12px;background: url('../images/common/arrow_05.gif');}
.window-popup .popup-wrap .apply-list li span{display: block;}
.window-popup .popup-wrap .apply-list li em{text-decoration: underline;}

.window-popup .popup-wrap2{position: relative; padding: 10px 30px 10px; box-sizing: border-box;}/* 헤더없는 팝업의 경우_ex)출력미리보기_20210426*/

/*.window-popup .popup-wrap .fieldset{padding: 25px 0 0;}*/
.window-popup .popup-wrap .apply-form {padding-left: 28px;background-color: #f4f5f6;}
.window-popup .popup-wrap .apply-form:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.window-popup .popup-wrap .apply-form .field{float: left;margin-left: 0;}
.window-popup .popup-wrap .apply-form .field.standard01{padding-right: 32px;}
.window-popup .popup-wrap .apply-form .field .label{height: 40px;line-height: 40px;padding: 0 20px;font-size: 14px;font-weight: 600;color: #fff;border-radius: 20px;-webkit-border-radius: 20px;}
.window-popup .popup-wrap .apply-form .field.standard01 .label{background-color: #002c5f;}
.window-popup .popup-wrap .apply-form .field.standard02 .label{background-color: #00b9e4;}
.window-popup .popup-wrap .apply-form .field .insert{margin-left: 15px;}
.window-popup .popup-wrap .apply-form .field .insert .price-wrap{}
.window-popup .popup-wrap .apply-form .field .insert .price-wrap label{padding-right: 6px;font-size: 14px;color: #292929;font-weight: 600;}
.window-popup .popup-wrap .apply-form .field .insert .price-wrap input{margin-right: 17px;}
.window-popup .popup-wrap .apply-form .field .insert p{font-size: 14px;color: #555;font-weight: 600;}
/*닫기 버튼(button-area)가 popup-wrap이 아닌 밖으로 빠져 있을 경우*/
.window-popup > .button-area {padding:0 24px;}
/*260911 팝업 내 button-area 무조건 우측 정렬*/
.window-popup .button-area, .window-popup .button-area.large, .window-popup .popup-wrap .button-area, .window-popup .popup-wrap .button-area.large, .window-popup .btn-area.txt-center {text-align: right !important;}

/*핵심인재심의 팝업*/
#deliberatePop.window-popup .popup-wrap:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
#deliberatePop.window-popup h2{float: left;width: 120px;padding: 0 0 20px;height: 28px;line-height: 28px;font-size: 28px;color: #292929;font-weight: 600;background-color: #fff;}
#deliberatePop.window-popup .search-area{float: left;}
#deliberatePop.window-popup .search-area label{padding-right: 5px;font-weight: 600;color: #292929;}
#deliberatePop.window-popup .search-area label .ico{margin-right: 5px;}
#deliberatePop.window-popup .search-area .input-search{width: 110px;}
#deliberatePop.window-popup .search-area .btn.type01{margin-left: 5px;}
.window-popup .personnel-info{clear: both;}
.window-popup .page-area{position: absolute;left: 0;top: 148px;}
.window-popup .page-area .prev{display: inline-block;width: 20px; height: 20px; background: url(../images/common/btn_prev_04.png) 0 0 no-repeat; font-size: 0; line-height: 999em; text-indent: 999em; overflow: hidden;vertical-align: middle;} 
.window-popup .page-area .next{display: inline-block;width: 20px; height: 20px; background: url(../images/common/btn_next_05.png) 0 0 no-repeat; font-size: 0; line-height: 999em; text-indent: 999em; overflow: hidden;vertical-align: middle;}
.window-popup .page-area .page{display: inline-block;text-align: center;font-weight: 600;font-size: 14px;line-height: 20px;color: #292929;vertical-align: middle;}
.window-popup .page-area .page .current{color: #00b9e4;}
#deliberatePop.window-popup .button-area.large{margin-top: 30px;}
.profile-tab .tab02{padding-left: 10px;}
.profile-tab .tab02:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.profile-tab .tab02 li{float: left;width: 20%;margin-bottom: 5px;padding-left: 10px;box-sizing: border-box;-webkit-box-sizing: border-box;}
.profile-tab .tab02 li a{display: block; height: 44px; line-height: 44px; padding: 0 25px; font-size: 15px; text-align: center; color: #555; background-color: #ececec;border-radius: 5px;-webkit-border-radius: 5px;} 
.profile-tab .tab02 li a:hover,
.profile-tab .tab02 li.active a{font-size: 15px; height: 44px; line-height: 44px; color: #fff; background-color: #002c5f;}
.profile-tab .tab-cont{padding-left: 20px;}
.opinion-wrap{padding-left: 3px;}
.opinion-wrap:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.opinion-wrap .item{float: left;width: 33.333%;padding-left: 8px;box-sizing: border-box;-webkit-box-sizing: border-box;}
.opinion-wrap .item .title{padding-bottom: 5px;border-bottom: 1px solid #d1d1d1;}
.opinion-wrap .item .title h4{display: inline-block;padding-left: 8px;padding-right: 8px;background: url('../images/common/dot_02.png') 0 50% no-repeat;}
.opinion-wrap .item .title .tag{margin-right: 0;}
.opinion-wrap .item h5{height: 25px;margin-top: 5px;padding-left: 8px;line-height: 25px;font-weight: 600;font-size: 14px;color: #292929;background: url('../images/common/dot_02.png') 0 50% no-repeat;}
.opinion-wrap .item .text-area{min-height: 92px;padding: 0;font-size: 14px;line-height: 22px;color: #555;background-color: #ececec;border: 0 none;border-radius: 0;-webkit-border-radius: 0;-webkit-appearance: none;}
.opinion-wrap .item .text-area textarea{display: block;width: 100%;height: 100%;min-height: 92px;padding: 11px 10px 15px 15px;border: 0 none;resize: none;background-color: #ececec;box-sizing: border-box;-webkit-box-sizing: border-box;-webkit-appearance: none;}
.state-complete{float: right}
.state-complete li{display: inline-block;height: 30px;padding-right: 6px;padding-left: 10px;line-height: 30px;font-size: 14px;color: #292929;font-weight: 600;background: url('../images/common/line_02.gif') 0 50% no-repeat;}
.state-complete li:first-child{background: 0 none;}
.state-complete li.total span{color: #002c5f;}
.state-complete li.complete span{color: #00b9e4;}
.window-popup .work-over{margin-top: 12px;padding: 24px 90px 20px 30px;background-color: #ececec;border-radius: 5px;-webkit-border-radius: 5px;}
.window-popup .work-over:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.window-popup .work-over strong{display: block;padding-left: 27px;font-weight: normal;line-height: 19px;font-weight: 600;font-size: 18px;color: #292929;background: url('../images/common/ico_info_05.png') 0 0 no-repeat;}
.window-popup .work-over p{float: left;padding-top: 6px;font-size: 14px;line-height: 25px;color: #555555;font-weight: 600;   }
.window-popup .work-over .btn.type01{float: right;margin-top: 12px;}
.window-popup .agree-list{padding-top: 6px;}
.window-popup .agree-list li{padding-left: 15px;font-size: 14px;line-height: 25px;text-indent: -16px;}
.window-popup .notice-box{margin-top: 14px;padding: 20px 40px;background-color: #ececec;border-radius: 5px;-webkit-border-radius: 5px;}
.window-popup .notice-box .data-list li{font-size: 14px;line-height: 28px;}
.window-popup .notice-box .data-list li li{padding-left: 25px;}
.window-popup .notice-box .data-list li li p{padding-left: 15px;padding-bottom: 5px;}
.window-popup .notice-box .data-list li li p span{display: block;padding-left: 15px;}

/*간격*/
.button-area.x-large{margin: 40px 0;}
.button-area.x-large02{margin-bottom: 40px;}
.button-area.large {margin: 20px 0;}
.button-area.large.mt0{margin-top: 0;}
.button-area.large02{margin-bottom: 20px;}
.button-area.medium{margin-top: 20px;}
.button-area.medium02{margin-bottom: 15px;}
.button-area.small{margin-top: 15px;}
.button-area.x-small{margin-top: 10px;}
.table-wrap+.table-wrap{margin-top: 40px;}
.section{position: relative;}
.fieldset+.section{margin-top: 40px;}
.gridbox+.section{margin-top: 40px;}
.fieldset+.table-wrap{margin-top: 20px;}
form+.section{margin-top: 40px;}
.content-notice{position: relative; margin-bottom: 15px; min-height: 30px; vertical-align: middle;font-weight: 600; }
.content-notice ul{padding-top: 9px;}
.content-notice ul li{line-height: 25px;}
.content-notice p{line-height: 25px;}
.content-notice strong{display: block;padding-bottom: 13px;color: #292929;font-weight: normal;font-weight: 600;}
.content-notice .asterisk-message{margin-top: 0;padding-top: 14px;}
.section-aside{position: absolute; right: 0; top: 0;}
.section-title+.section-aside{top: 35px;}
.btn-aside{position: absolute; right: 0; top: -6px;}
.btn-aside.medium{top: -11px;}
.btn-aside .btn+.btn{margin-left: 6px;}
.content-notice .btn-aside{top: 0;}
.btn-aside .notice{line-height: 30px; margin-right: 20px; vertical-align: middle;}
.btn-aside .notice span{margin-left: 16px; vertical-align: middle;}
/*.btn-aside .btn .ico{display: none;}*/

/* PAGINATION */
.pagination{text-align: center; margin-top: 30px; font-size: 0;}
.pagination .page, .pagination a, .pagination strong{display: inline-block; font-size: 15px; line-height: 19px;}
.pagination .page {font-size: 0;vertical-align: top; margin: 0 24px;}
.pagination .page strong{padding-bottom: 0px; border-bottom: 1px solid #292929; color: #292929; padding-top: 6px; margin: 0 13px;}
.pagination .page a{padding: 6px 3px 0; margin: 0 10px;}
.pagination .page a:hover{padding: 0; padding-top: 6px; margin: 0 13px; border-bottom: 1px solid #292929; color: #292929; font-weight: bold;}
.pagination .first{width: 30px; height: 30px;  background: url("../images/common/btn_first.png") 0 0 no-repeat;  font-size: 0; line-height: 999em; text-indent: 999em; overflow: hidden; margin-right: 5px;}
.pagination .next{width: 30px; height: 30px;  background: url("../images/common/btn_next_01.png") 0 0 no-repeat;  font-size: 0; line-height: 999em; text-indent: 999em; overflow: hidden;}
.pagination .prev{width: 30px; height: 30px;  background: url("../images/common/btn_prev_01.png") 0 0 no-repeat;  font-size: 0; line-height: 999em; text-indent: 999em; overflow: hidden;}
.pagination .last{width: 30px; height: 30px;  background: url("../images/common/btn_last.png") 0 0 no-repeat;  font-size: 0; line-height: 999em; text-indent: 999em; overflow: hidden; margin-left: 5px;}


/* TAG */
.tag{display: inline-block;min-width: 32px; border-radius: 5px;  -webkit-border-radius: 5px; text-align: center; margin-right: 10px; font-size: 13px; line-height: 24px; padding: 0 8px;}
.tag.type01{background-color: #002c5f; color: #ffffff;}
.tag.type02{background-color: #00b9e4; color: #ffffff;}
.tag.type03{background-color: #c41230; color: #ffffff;}
.tag.type04{background-color: #292929; color: #ffffff;}
.tag.type05{background-color: #676767; color: #ffffff;}
.tag.type06{background-color: #10b1b7; color: #ffffff;}
.tag.type07{background-color: #ffa800; color: #ffffff;}
.tag.type08{background-color: #ff6000; color: #ffffff;} 
.tag.type09{background-color: #6b6b6b; color: #ffffff;}
.tag.type10{background-color: #6b148f; color: #ffffff;}
.tag.type11{background-color: #4092e5; color: #ffffff;}
/* 신규추가 190304 */
.tag.type12{background-color: #fff; color: #000;border:1px solid #bfbfbf;padding:0 2px;min-width:20px;margin-right:0px}
.tag.type13{background-color: #fff; color: #000;border:1px solid #bfbfbf;}
.tag.type14{background-color: #ececec; color: #000;}

/* QUESTION-LIST */
.question-wrap+.question-wrap{margin-top: 24px;}
.info-message{font-size: 17px; color: #292929; font-weight: 600;}
.question-list{border-top: 2px solid #292929; margin-top: 14px;}
.question-list li{border-bottom: 1px solid #d1d1d1;}
.question-list li .question{line-height: 25px; padding: 7px 30px; background-color: #f4f5f6;font-weight: 600;}
.question-list li .answer{line-height: 25px; padding: 7px 30px; border-top: 1px solid #d1d1d1;}


/* asterisk-message */
.asterisk-message{display: inline-block; font-size: 12px; color: #e73600; margin-top: 5px;}
.asterisk-message:before{content:'*';display: inline-block; font-size: 15px; vertical-align: middle; margin-right: 3px;}
.asterisk:after{content:'*';display: inline-block; font-size: 15px; vertical-align: middle; margin-left: 5px; color: #e73600;}


/*top*/
.btn-top{display: block;position:fixed;bottom:0;right:50px; width:80px; height:80px; overflow:hidden; z-index: 52; cursor: pointer; opacity: 1;}
.btn-top.scroll img{-webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);}
.btn-top img{transition: all 0.4s ease; -webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}


/*section-wrap*/
.section-wrap:after{content: ''; display: block;clear: both;height: 0;visibility: hidden;}
.section-wrap .section-left{float: left;padding-left: 30px;box-sizing: border-box;}
.section-wrap .section-right{float: right; box-sizing: border-box;}
.section-wrap .section-left:first-child{padding-left: 0;}
#myOrg{width: auto !important;border: 1px solid #d1d1d1;}

/*section-wrap + display-table*/
.section-wrap.display-table{display:table; table-layout:fixed; width:100%;}
.section-wrap.display-table > *{display:table-cell; vertical-align:bottom; float:none;}
.section-wrap.display-table:after{display:none;}

/* PARSNNER-INFO */
.section-wrap .section-left.personnel-info{padding-left: 140px;}
.personnel-info{position: relative; padding-left: 140px; margin: 0; min-height: 132px;}
.personnel-info .thumb-wrap{position: absolute; left: 0; top: 0;width: 120px;overflow: hidden;display: flex; flex-direction: column; align-items: center;}
.personnel-info .thumb{position: absolute; left: 0; top: 0;width: 100px;height: 132px;border: 1px solid #EEEFF1;overflow: hidden;}
.personnel-info .thumb-wrap .thumb-image{width: 98px; height: 132px; overflow: hidden;/*border: 1px solid #d1d1d1;*/}
.personnel-info .thumb-wrap .btn.small{display: flex; align-items: center; justify-content: center; width:100px; height: 38px; margin-top: 4px; padding: 0 12px; font-size: 14px; font-weight: 700; line-height: 22px; text-align: center; white-space: nowrap; box-sizing: border-box;}
.personnel-info .thumb img,
.personnel-info .thumb-image img{width: 100%;max-height: 132px;box-sizing: border-box;}


/*data-list*/
.data-list.small li{padding-left: 9px; background: url("../images/common/dot_01.png") 0 12px no-repeat; line-height: 27px;}
.data-list.medium li{width: 100%; font-weight: 600; color: #292929}
.data-list.medium li:after{content: ''; display: block;clear: both}
.data-list.medium li div{float: right;}
.data-list.medium .title{float: left; color: #6d6d6d;}
.data-list.medium .label{float: left;}
.data-list.info strong{color: #292929;}
.data-list.info li ul{margin: 10px 0 20px 15px;}
.data-list.info li p{margin-left: 15px;}
.data-list strong{font-weight: normal;font-weight: 600;}
.data-list.indent{padding-left: 9px;}
.data-list.array{padding-left: 10px;text-indent: -9px;}
.indent15{display: block;padding-left: 15px;}
.indent10{display: block;padding-left: 10px;}

/*프린트용*/
#IEPrint{position: absolute;}
#print{position: relative; width: 210mm; height: 297mm; border: 1px solid #ffffff; color: #292929; print-color-adjust: exact; -webkit-print-color-adjust: exact; box-sizing: border-box;}
#print .wrap{margin: 20mm 15mm 20mm;}
#print .header{position: relative; margin-bottom: 9mm;}
#print .header .main-logo{height: 5mm;}
#print .print-title{font-size:23pt; line-height: 23pt;}
#print .print-title02{padding-top: 26mm;padding-bottom: 10mm;font-size:23pt; line-height: 23pt;text-align: center;font-weight: 600;}
#print .header .pint-data{position: absolute;right: 0; top: 0; font-size: 9pt; line-height: 9pt;}
#print .serial-number{position: absolute; left: 0; top: 4mm; font-size: 9pt; line-height: 9pt;}
#print .use-keep{position: absolute; right: 0; top: 0mm; text-align: center; font-size: 9pt; line-height: 9pt;}
#print .use-keep img{margin-top: 1mm;}
#print .use-keep .logo{width: 18mm;}
#print .header+.content-title{margin-top: 0;}
#print .content-title{font-size: 14pt; line-height: 14pt; margin-top: 7mm; margin-bottom: 6mm; padding-bottom: 0;}
/*#print .content-title img{width: 4mm;vertical-align: middle;padding-right: 1mm;}*/
#print .section-title{font-size: 12pt; line-height: 12pt; margin-top: 6mm; margin-bottom: 2mm; padding-left: 0; background: 0 none;}
#print .section-title img{width: 4mm; vertical-align: middle; padding-right: 1mm}
/*#print .content-title+.section-title{margin-top: 0mm}*/
#print .section-wrap+.section-wrap{margin-top: 5mm}
#print .section-wrap .section-left{padding-left: 5mm;}
#print .section-wrap :first-child.section-left{padding-left: 0}
#print .table-wrap{border-top: 0.6mm solid #292929;}
#print .table-wrap+.table-wrap{margin-top: 1.2mm;}
#print .data-table{border-bottom: 0.1mm solid #999999;}
#print .data-table.left{border-top: 0 none; }
#print .data-table thead tr th,
#print .data-table tbody tr th,
#print .data-table tbody tr td,
#print .data-table tfoot tr th,
#print .data-table tfoot tr td{ print-color-adjust: exact; -webkit-print-color-adjust: exact; font-size: 9pt; height: 9.5pt; line-height: 12pt; padding: 1.1mm 2mm; color: #292929;border-top: 0.1mm solid #999999;border-right: 0.1mm solid #999999;border-left: 0.1mm solid #999999;}
#print .data-table tfoot tr th{background-color: #ececec; font-weight: normal;}
#print .data-table thead tr th{border-bottom: 0.1mm solid #999999; padding: 1mm 2mm;}
#print .data-table td.top{padding: 3mm 2mm; box-sizing: border-box;}
#print .data-list{font-size: 9.5pt; line-height: 12pt; margin-top: 4mm;}
#print .data-list li{margin-bottom: 2mm;}
#print .data-list .notice{margin-bottom: 6mm; font-size: 12pt}
#print .data-cont{border: 1px solid #999999; box-sizing: border-box; padding: 3mm 2mm;}
#print .signature{position: absolute; left: 0; right: 0; bottom: 20mm; margin: 0 15mm;color: #292929; text-align: center; font-size: 12pt; font-weight: 600;}
#print .signature .text{font-size: 14pt;}
#print .signature .signature-data{margin: 4mm 0;}
#print .signature .signature-data .sign{margin-left: 15mm}
#print .signature .signature-data .data+.label{margin-left: 15mm}
#print .signature .stamp{display: inline-block; position: relative; margin-left: -11mm; font-size: 16pt; font-weight: normal; vertical-align: middle; height: 18mm; line-height: 18mm}
#print .signature .stamp img{position: absolute;right: -11mm;top: 0;vertical-align: middle; z-index: -1; width: 18mm;}
#print .signature.abroad .stamp{line-height: 7mm;margin-left: 0;}
#print .signature.abroad .stamp img{top: 0;vertical-align: top;}
#print .personnel-info .thumb{width: 28mm;}
#print .personnel-info{padding-left: 32mm}
#print .section-left.personnel-info{padding-left: 32mm !important;}
#print .tag{min-width: auto;font-size: 9pt;margin-right: 2mm;}
#print .signature .en-stamp{text-align: left; float: right}
#print .data-notice{margin-left: 5mm}
#print .signature .worker{padding-bottom: 17mm; margin-bottom: 17mm; border-bottom: 0.1mm #292929 dashed;}
#print .signature .worker .signature-data{margin-top: 5mm;text-align: right;}
#print .signature .worker .signature-data p{margin-top: 5mm}
#print .signature .recipient{text-align: right; margin-top: 10mm; font-size: 14pt;}
    /*급여명세서 기술직*/
    #print.pay-bill .wrap{position: relative;margin-top: 10mm;padding-bottom: 23mm;}
    #print.pay-bill .section-title{margin-top: 3mm;margin-bottom: 1mm;font-size: 10pt;line-height: 10pt;}
    #print.pay-bill .section-title img{width: 3.5mm;}
    #print.pay-bill .section-wrap .section-left{padding-right: 1mm;}
    #print.pay-bill .section-wrap .section-left + .section-left{padding-right: 0;padding-left: 1mm;}
    #print.pay-bill .data-table thead tr th, 
    #print.pay-bill .data-table tbody tr th, 
    #print.pay-bill .data-table tfoot tr th{height: 8pt;line-height:8pt;padding: 0.5mm 0.4mm !important;font-size: 7pt;}
    #print.pay-bill .data-table tbody tr td, 
    #print.pay-bill .data-table tfoot tr td{height: 8pt;line-height:8pt;padding: 0.5mm !important;font-size: 7pt;}
    #print.pay-bill .section-wrap+.section-wrap{margin-top: 1mm;}
    #print.pay-bill .info-summary{margin-top: 0 !important;}
    #print.pay-bill .info-summary p{height: 21.9mm;}
    #print.pay-bill .info-summary p + p{height: 21.8mm;}
    #print.pay-bill .charge-info{padding-top: 0.5mm;padding-bottom: 1mm;border-top: 0.6mm solid #292929;border-bottom: 0.1mm solid #a7a7a7;}
    #print.pay-bill .charge-info:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
    #print.pay-bill .charge-info ul{padding-top: 1mm;}
    #print.pay-bill .charge-info ul li{padding-left: 5mm;text-indent: -5mm;font-size: 7pt;line-height: 10pt;color: #292929;font-weight: 600;}
    #print.pay-bill .charge-info ul li img{margin-right: 0.5mm;height: 2.8mm;vertical-align: middle;}
    #print.pay-bill .signature{position: absolute;left: 0;right: 0;bottom: 0;margin: 0 5mm;color: #292929;text-align: center;font-size: 12pt;}
    #print.pay-bill .signature .signature-data{float: left;text-align: left;margin: 5.5mm 0 0 27mm;vertical-align: middle;}
    #print.pay-bill .signature .signature-data .label{font-size: 10pt;}
    #print.pay-bill .signature .signature-data .data{font-size: 10pt;}
    #print.pay-bill .signature .signature-data .data+.label{margin-left: 5mm}

    /*급여명세서 일반*/
    #print.reward-pay .wrap{position: relative;margin-top: 20mm;padding-bottom: 23mm;}
    #print.reward-pay .data-table thead tr th, 
    #print.reward-pay .data-table tbody tr th, 
    #print.reward-pay .data-table tbody tr td, 
    #print.reward-pay .data-table tfoot tr th, 
    #print.reward-pay .data-table tfoot tr td{font-size: 8pt;line-height: 8pt;}
    #print.reward-pay .content-title{padding-bottom: 0;margin-bottom: 0;}
    #print.reward-pay .section-wrap .section-left{position: relative;padding-right: 4.5mm;box-sizing: border-box;-webkit-box-sizing: border-box;}
    #print.reward-pay .section-wrap .section-left:after{content: ''; display: block; clear: both}
    #print.reward-pay .section-wrap .section-left+.section-left{padding-left: 4.5mm;padding-right: 0;}
    #print.reward-pay .section-wrap .section-left .notice{position: absolute; right: 4.5mm; top: 6.6mm;color: #00aad2;font-weight: 600;font-size: 10pt;}
    #print.reward-pay .section-wrap .section-left+.section-left .notice{right: 0;}
    #print.reward-pay .section-wrap .section-left .data-list.medium .title{font-size: 9pt;color: #292929;}
    #print.reward-pay .section-wrap .section-left .data-list.medium div{font-size: 11pt;}
    #print.reward-pay .section-wrap .section-left .data-list.medium{border-top: 2px solid #292929;}
    #print.reward-pay .section-wrap .section-left .data-list.medium li{height: 13mm; line-height: 13mm; margin-bottom: 0; border-bottom: 1px solid #999999; font-size: 15px;}
    /*#print.reward-pay .section-wrap .section-left+.section-left .data-list.medium li{margin-bottom: 0;border-bottom: 0 none;}*/
    #print.reward-pay .section-wrap .section-left .data-list.medium em{display: inline-block; font-size: 17pt; line-height: 17pt; vertical-align: middle; padding-top: 0;}
    #print.reward-pay .section-wrap .section-left .data-list.medium span{display: inline-block; line-height: 12pt; vertical-align: middle; padding-top: 0;}
    #print.reward-pay .section-wrap .section-left .data-list.medium span.price{padding-top: 0;}
    #print.reward-pay .section-wrap .section-left .account{margin-top: 2mm;font-size: 8pt;}
    #print.reward-pay .section-wrap .section-left .notice-box{padding: 8.5mm 10mm 8.8mm 4mm;text-indent: -15px;font-size: 9pt;line-height: 13pt;color: #292929;/*border-top: 1px solid #e1e1e1;*/border-bottom: 1px solid #999999;}
    #print.reward-pay .section {margin-top: 0;}
    #print.reward-pay .pay-list .data-table tbody th{background-color: transparent;}
    #print.reward-pay .pay-list .data-table tbody th.cellselected,
    #print.reward-pay .pay-list .data-table tbody td.cellselected{background-color: transparent;color: #075bb5;}
    #print.reward-pay .pay-list .data-table tbody th.cellselected02,
    #print.reward-pay .pay-list .data-table tbody td.cellselected02{background-color: transparent;}
    #print.reward-pay .pay-list .data-table tbody td .label{color: #6d6d6d}
    #print.reward-pay .pay-list .data-table tfoot td {font-size: 11pt; line-height: 11pt; font-weight: 600; color: #292929; padding: 11pt 0;border-left: 0 none;}
    #print.reward-pay .pay-list .data-table tfoot td img{margin-right: 1.5mm;height: 4mm;vertical-align: middle;}
    #print.reward-pay .pay-list .data-table tfoot td span{font-size: 10pt; line-height: 13pt;}
    #print.reward-pay .pay-list .data-table tfoot td .ico{margin-right: 1mm}
    #print.reward-pay .etc-pay{overflow: hidden;}
    #print.reward-pay .etc-pay:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
    #print.reward-pay .etc-pay .section-left{width: 55%;padding-right: 2.2mm;}
    #print.reward-pay .etc-pay .section-left + .section-left{width: 45%;padding-left: 2.3mm;padding-right: 0;}
    #print.reward-pay .etc-pay .pay-tip {margin: 12.2mm 0 0;padding: 9mm 0mm 6.7mm 8mm;border-top: 0.1mm solid #a7a7a7;border-bottom: 0.1mm solid #a7a7a7;}
    #print.reward-pay .etc-pay .pay-tip p{font-size: 10pt; line-height: 12pt; font-weight: 600;color: #555;}
    #print.reward-pay .etc-pay .pay-tip .tag{margin-top: 4.5mm;padding: 0;font-weight: 600;}
    #print.reward-pay .etc-pay .pay-tip .tag img{height: 7mm;vertical-align: middle;}
    #print.reward-pay .etc-pay .pay-tip .data-list{margin-top: 3mm;}
    #print.reward-pay .etc-pay .pay-tip .data-list li{padding-left: 0;font-size: 8pt;line-height: 8pt;background: 0 none;}
    #print.reward-pay .data-table thead tr th{font-weight: 600;}
    #print.reward-pay .data-table tbody tr td:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
    #print.reward-pay .ico.pop{/*float: right;margin-top: 3px;*/margin-left: 5px;vertical-align: middle;}
    #print.reward-pay .charge-info{padding-top: 2mm;padding-bottom: 4mm;border-top: 0.6mm solid #292929;border-bottom: 0.1mm solid #a7a7a7;}
    #print.reward-pay .charge-info:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
    #print.reward-pay .charge-info h4{padding-top: 2mm;font-size: 9pt;font-weight: 600;}
    #print.reward-pay .charge-info ul{padding-top: 1mm;}
    #print.reward-pay .charge-info ul li{padding-left: 5mm;text-indent: -5mm;font-size: 8pt;line-height: 15pt;color: #292929;font-weight: 600;}
    #print.reward-pay .charge-info ul li img,
    #print.reward-pay .charge-info dl dt img{margin-right: 1.7mm;height: 3.5mm;vertical-align: middle;}
    #print.reward-pay .charge-info dl{display: inline-block;margin: 0 2mm;}
    #print.reward-pay .charge-info dl dt{display: inline-block;margin-right: 2px;font-size: 8pt;color: #292929;font-weight: 600;}
    #print.reward-pay .charge-info dl dd{display: inline-block;font-size: 8pt;color: #292929;font-weight: 600;}
    #print.reward-pay .charge-info .charge-list{float: left;width: 50%;box-sizing: border-box;padding-right: 0;}
    #print.reward-pay .charge-info .charge-list:first-child{padding-right: 3mm;}
    #print .info-summary{margin-top: 3mm;border-top: 0.6mm solid #292929;border-bottom: 0.1mm solid #a7a7a7;}
    #print .info-summary p{padding: 2mm 0;font-size: 8pt;line-height: 14pt;color: #292929;font-weight: 600;}
    #print .info-summary p + p{border-top: 0.1mm solid #a7a7a7;}
    #print.receipt .wrap{margin: 20mm 5mm 20mm;}
    #print.reward-pay .pay-step{overflow: hidden;}
    #print.reward-pay .pay-step li{float: left;padding-left: 0;font-size: 9pt;font-weight: 600;color: #292929;}
    #print.reward-pay .pay-step li:first-child{padding-left: 3mm;padding-right: 0;}
    #print.reward-pay .pay-step li:first-child img{width: 4mm;vertical-align: -1mm;}
    #print.reward-pay .signature{position: absolute;left: 0;right: 0;bottom: 0;margin: 0 5mm;color: #292929;text-align: center;font-size: 12pt;}
    #print.reward-pay .signature .signature-data{float: left;text-align: left;margin: 5.5mm 0 0 27mm;vertical-align: middle;}
    #print.reward-pay .signature .signature-data .label{font-size: 10pt;}
    #print.reward-pay .signature .signature-data .data{font-size: 10pt;}
    #print.reward-pay .signature .signature-data .data+.label{margin-left: 5mm}

    /*가로*/
    #print.horizon{width: 297mm; height: 210mm;}
    #print.horizon .wrap{margin: 15mm;}
    #print.horizon .header{position: relative; margin-top: 0; margin-bottom: 5mm}
    #print.horizon .data-table thead tr th,
    #print.horizon .data-table tbody tr th,
    #print.horizon .data-table tbody tr td,
    #print.horizon .data-table tfoot tr th,
    #print.horizon .data-table tfoot tr td{font-size: 9pt; }
    #print.horizon .data-table tfoot tr th{background-color: #ececec; font-weight: normal;}

/*reset*/
#print .data-table thead tr th:first-child,
#print .data-table tbody tr th:first-child,
#print .data-table tbody tr td:first-child{border-left: 0 none; }
#print .data-table tr th:last-child,
#print .data-table tr td:last-child{border-right: 0 none;}
#print .data-table thead tr:first-child th,
#print .data-table tbody tr:first-child th,
#print .data-table tbody tr:first-child td{border-top: 0 none;}
#print .data-table tbody tr td+th{border-left: 0 none;}
#print .data-table tfoot tr th:first-child,
#print .data-table tbody tr:larst-child td{border-bottom: 0.1mm solid #999999;}
#print .data-table thead+tbody tr:first-child td{border-top: 0 none;}


/*layer popup*/
.dimmed{position: fixed;top: 0; left: 0;width: 100%;height: 100%;background-color: #000;opacity: 0.7;filter: alpha(opacity=70);}
.layer-pop{display: none; position: absolute;top: 0;left: 0;right: 0;width: 100%; z-index: 1000;}
.layer-pop .pop-close{display: block;position: absolute;top: 0;left: 0;right: 0;width: 36px;height: 36px;margin: 0 auto;background: url('../images/common/layer_close.png') 0 0 no-repeat;z-index: 1;}
.layer-pop .popup-box{position: relative;z-index: 10;}

.branch-pop{height: 700px;margin-top: -500px;}
.branch-pop .popup-box{width: 1060px;height: 614px;margin: 0 auto;margin-top: 86px;}
.branch-pop .popup-box:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.branch-pop .popup-box .thumb{float: left;display: table;width: 500px;height: 100%;border-top-left-radius: 5px;-webkit-border-top-left-radius: 5px;border-bottom-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;overflow: hidden;background-color: #ececec;}
.branch-pop .popup-box .thumb span{display: table-cell;vertical-align: middle;}
.branch-pop .popup-box .section-left{float: left;width: 420px;height: 554px;padding: 60px 70px 0;border-top-right-radius: 5px;-webkit-border-top-right-radius: 5px;border-bottom-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;background-color: #fff;}
.branch-pop .popup-box .section-left .pop-title{font-size: 40px;line-height: 40px;font-weight: 600;color: #000;}
.branch-pop .popup-box .section-left .title-info{padding: 4px 0 27px;font-size: 20px;line-height: 40px;font-weight: 600;color: #555;}
.branch-pop .popup-box .section-left .info-list{padding-bottom: 30px;border-top: 2px solid #292929;}
.branch-pop .popup-box .section-left .info-list dl{border-bottom: 1px solid #e1e1e1;}
.branch-pop .popup-box .section-left .info-list dl:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.branch-pop .popup-box .section-left .info-list dl dt{display: block;float: left;width: 124px;font-size: 15px;line-height: 50px;color: #555;}
.branch-pop .popup-box .section-left .info-list dl dd{display: block;float: left;width: 296px;font-size: 15px;line-height: 50px;color: #292929;font-weight: 600;}

/*로딩*/
#loading{position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%; z-index: 999; text-align: center;}
#loading .wrap{width: 474px; height: 355px; position: absolute; left: 50%; top: 50%; margin-top: -130px; margin-left: -237px; background-color: #ffffff; color: #292929; z-index: 1000; }
#loading .wrap .bar{padding-top: 70px}
#loading .wrap .summary{margin-top: 10px}
#loading .wrap strong{font-size: 24px; font-weight: 600; font-weight: normal;}
#loading .wrap p{font-size: 16px; margin-top: 10px}

#extraLoading{position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%; z-index: 999; text-align: center;}
#extraLoading .wrap{width: 474px; height: 355px; position: absolute; left: 50%; top: 50%; margin-top: -130px; margin-left: -237px; background-color: #ffffff; color: #292929; z-index: 1000; }
#extraLoading .wrap .bar{padding-top: 70px}
#extraLoading .wrap .summary{margin-top: 10px}
#extraLoading .wrap strong{font-size: 24px; font-weight: 600; font-weight: normal;}
#extraLoading .wrap p{font-size: 16px; margin-top: 10px}

#fileDownLoading{position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%; z-index: 999; text-align: center;}
#fileDownLoading .wrap{width: 474px; height: 355px; position: absolute; left: 50%; top: 50%; margin-top: -130px; margin-left: -237px; background-color: #ffffff; color: #292929; z-index: 1000; }
#fileDownLoading .wrap .bar{padding-top: 70px}
#fileDownLoading .wrap .summary{margin-top: 10px}
#fileDownLoading .wrap strong{font-size: 24px; font-weight: 600; font-weight: normal;}
#fileDownLoading .wrap p{font-size: 16px; margin-top: 10px}

/*메뉴 권한*/
.no-permission{width: 492px;height: 492px;margin: 62px auto 0;padding-top: 148px;text-align: center;border: 15px solid #ededed;box-sizing: border-box;-webkit-box-sizing: border-box;}
.no-permission p{padding-top: 80px;line-height: 46px;text-align: center;font-size: 35px;color: #292929;font-weight: 600;background: url('../images/common/ico_permission.gif') 50% 0 no-repeat;}
.no-permission .eng{display: block;padding-top: 12px;font-size: 15px;line-height: 15px;color: #555;font-weight: 600;}

/*260915 error503 수정*/
.content-error503 {display: flex; align-items: center; justify-content: center; min-height: 100vh; background: #FFFFFF;}
.system-error {display: flex; align-items: center; justify-content: center; border: 3px solid #FAFAFA; border-radius: 10px;}
.system-error .error-ctt {width: 800px;height: 500px; display:flex; flex-direction:column; justify-content: center; align-items: center; flex-shrink: 0; border-radius: 10px; background: #fff; box-shadow: 1px 2px 8px 0 rgba(34, 34, 34, 0.05); text-align: center;}
.system-error .error-ctt p{padding-top: 135px;font-size: 34px;color: #111;font-weight: 700;line-height: 140%;text-align: center;background: url('../images/common/ic_error503_110px.svg') 50% 0 no-repeat;}
.system-error .error-ctt .eng{display: block;font-size: 16px;color: #828282;font-weight: 400; margin-top:20px;}

/*260917 errorEOS 생성*/
.content-error {display: flex; align-items: center; justify-content: center; min-height: 100vh; background: #FAFAFA;}
.error-eos {width: 796px; padding:20px 20px 60px 20px; display:flex; flex-direction:column; justify-content: center; align-items: center; flex-shrink: 0; gap:60px; border-radius: 10px; background: #fff; box-shadow: 1px 2px 8px 0 rgba(34, 34, 34, 0.05); text-align: center;}
.error-eos .eos-banner img { display: block; width: 100%; }
.error-eos .eos-ctt { display: flex; flex-direction: column; gap: 16px; }
.error-eos .eos-ctt p { color: #111111; font-size: 24px; font-weight: 700; line-height: 140%; margin: 0; }
.error-eos .eos-ctt span { color: #111111; font-size: 16px; font-weight: 400; line-height: 28px; }
.eos-url .url-title { text-align:left; font-size: 16px; font-weight: 700; color: #111111; margin-bottom: 12px; }
.eos-url .url-box { width:694px; display: flex; padding: 18px 0; align-items: center; border-radius: 8px; border: 1px solid #F0F0F0; }
.eos-url .url-box + .url-box { margin-top: 10px; }
.eos-url .url-company { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; }
.eos-url .url-company img { display: block; }
.eos-url .url-company span { font-size: 13px; font-weight: 700; }
.eos-url .url-divider { width: 1px; height: 84px; background: #F0F0F0; flex-shrink: 0; }
.eos-url .url-item { width: 180px; flex-shrink: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; }
.eos-url .url-label { font-size: 16px; color: #111111; font-weight: 700; }
.eos-url .url-btn { display: block; width: 80px; line-height: 32px; border-radius: 99px; background: #f5f5f5; font-size: 14px; text-align: center; text-decoration: none; }
.eos-url .url-box--hyundai .url-btn { color: #4782f5; }
.eos-url .url-box--kia .url-btn { color: #df590c; }

.count-wrap{float: left;}
.count-wrap .count-person{padding-left: 24px;background: url('../images/common/ico_pr.png') 0 50% no-repeat;}
.count-wrap .count-person02{padding-left: 28px;background: url('../images/common/ico_pr_03.png') 0 50% no-repeat;}
.count-wrap span{display: inline-block;margin-right: 10px;line-height: 30px;font-size: 14px;color: #292929;font-weight: 600;}
.count-wrap .price{margin-left: 20px;padding-left: 28px;background: url('../images/common/ico_price.png') 0 50% no-repeat;}
.count-wrap .currency{margin-left: 5px;}

/*평가 템플릿*/
.grade-wrap{position: relative;min-height: 100px;margin-bottom: 30px;padding-left: 260px;}
.grade-wrap:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.grade-wrap .simple-profile{position: absolute;left: 0;top: 0;width: 280px;}
/* View.do 팝업 인쇄창: simple-profile 없이 section-left 가로 배치 (프로필 60 : 등급표 40) */
.is-view-page .window-popup .grade-wrap{display:flex;align-items:flex-start;flex-wrap:nowrap;padding-left:0;}
.is-view-page .window-popup .grade-wrap .section-left{flex-shrink:0;}
.is-view-page .window-popup .grade-wrap .section-left:first-child{width:60% !important;}
.is-view-page .window-popup .grade-wrap .section-left:nth-child(2){width:40% !important;}
.simple-profile{padding: 8px 0 7px;border-top: 2px solid #292929;border-bottom: 1px solid #d1d1d1;}
.simple-profile:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.simple-profile .thumb{float: left;width: 70px;height: 80px;margin-left: 10px;overflow: hidden;}
.simple-profile .thumb img{width: 100%;}
.simple-profile .info-wrap{float: left;width: 180px;padding-left: 10px;padding-right: 10px;}
.simple-profile .info-wrap .name{display: inline-block;width: 105px;font-size: 13px;line-height: 15px;font-weight: 600;color: #292929;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;word-break: break-all;vertical-align: middle;}
.simple-profile .info-wrap .number{display: inline-block;font-size: 13px;line-height: 15px;font-weight: 600;color: #292929;vertical-align: middle;}
/*.simple-profile .info-wrap .position{padding-top: 6px;}*/
.simple-profile .info-wrap .position span{display: inline-block;font-size: 12px;line-height: 14px;color: #555;font-weight: 600;}
.simple-profile .info-wrap .position span + span{background: url('../images/common/line_04.gif') 0 50% no-repeat;margin-left: 4px;padding-left: 9px;}
.simple-profile .info-wrap .team{padding-top: 3px;font-size: 12px;line-height: 14px;color: #555;font-weight: 600;}
.simple-profile .info-wrap .current-state span{display: inline-block;font-size: 12px;line-height: 14px;color: #292929;font-weight: 600;}
.simple-profile .info-wrap .current-state span + span{background: url('../images/common/line_04.gif') 0 50% no-repeat;margin-left: 4px;padding-left: 9px;}
.simple-profile.type02{padding: 6px 0 !important;}
/*.simple-profile.type02 .thumb{margin-bottom: 6px;}
.simple-profile .current-state{width: 100%;margin-top: 10px;border-top: 1px solid #d1d1d1;overflow: hidden;}
.simple-profile .current-state .label{display: inline-block;width: 60px;line-height: 39px;text-align: left;text-indent: 20px;font-weight: 600;background: url('../images/common/line_05.gif') 100% 50% no-repeat;}
.simple-profile .current-state .insert{display: inline-block;width: 65px;line-height: 39px;text-align: center;color: #292929;font-weight: 600;}*/
.grade-detail{width: 100%;}
.grade-detail02{width: 100%;}
/*.grade-detail02 .data-table thead tr th{padding: 16px 10px 17px;}
.grade-detail02 .data-table tbody tr td{padding: 30px 10px;}*/
.approval-state{float: right;}
.approval-state strong{display: inline-block;padding-right: 13px;padding-left: 25px;font-size: 14px;color: #292929;font-weight: normal;font-weight: 600;background: url('../images/common/ico_mark.png') 0 50% no-repeat;}
.approval-state ul{display: inline-block;font-size: 0;}
.approval-state li{display: inline-block;margin-left: 19px;font-size: 14px;line-height: 30px;color: #555;background-position: 100% 50%;background-repeat: no-repeat;}
.approval-state li:first-child{margin-left: 0;}
.approval-state li.type01{padding-right: 22px;background-image: url('../images/common/approval_01.png');}
.approval-state li.type02{padding-right: 24px;background-image: url('../images/common/approval_02.png');}
.approval-state li.type03{padding-right: 22px;background-image: url('../images/common/approval_03.png');}
.approval-state li.type04{padding-right: 24px;background-image: url('../images/common/approval_04.png');}
.approval-state li.type05{padding-right: 22px;background-image: url('../images/common/approval_05.png');}
.approval-state li.type06{padding-right: 24px;background-image: url('../images/common/approval_06.png');}
.approval-state li.type07{padding-right: 22px;background-image: url('../images/common/approval_07.png');}
.approval-state li.type08{padding-right: 22px;background-image: url('../images/common/approval_08.png');}
.approval-state02 li{display: inline-block;margin-right: 10px;}
.approval-state02 li img{vertical-align: -2px;}
.grade-list{float: left;}
.grade-list li{display: inline-block;margin-left: 19px;line-height: 30px;font-size: 14px;color: #555;}
.grade-list li:first-child{margin-left: 0;}
.grade-list li img{margin-right: 9px;vertical-align: middle;}

/*승진*/
.section-wrap.promotion{position: relative;}
.section-wrap.promotion .section-left{position: absolute;left: 0;bottom: 0;}
.section-wrap.promotion .section-right .table-wrap{display: inline-block;margin-top: 0;}

.example-list{padding-bottom: 7px;text-align: right;}
.example-list li{display: inline-block;position: relative;padding-left: 40px;line-height: 25px;margin-left:20px;}
.example-list li:after{content: '';display: block;position: absolute;left: 0;top: 10px;width: 30px;height: 5px;}
.example-list li.type01:after{background-color: #9735d5;}
.example-list li.type02:after{background-color: #003166;}
.example-list li.type03:after{background-color: #00b9e4;}

/*평과결과 열람신청 팝업*/
#evaluation-pop .btn-area{padding-bottom: 20px;text-align: right;}
#evaluation-pop .table-wrap+.table-wrap{margin-top: -1px;}

/*평가자 종합의견*/
#evaluation-pop02.window-popup .popup-wrap{padding-top: 40px;}
.meeting-list{padding-bottom: 40px;}
.meeting-list:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.meeting-list li{float: left;width: 33.333%;height: 85px;padding-top: 45px;box-sizing: border-box;-webkit-box-sizing: border-box;border-left: 1px solid #d1d1d1;background-position: 50% 0;background-repeat: no-repeat;}
.meeting-list li:first-child{border-left: 0 none;}
.meeting-list li.time{background-image: url('../images/common/ico_meeting_01.gif');}
.meeting-list li.place{background-image: url('../images/common/ico_meeting_02.gif');}
.meeting-list li.story{background-image: url('../images/common/ico_meeting_03.gif');}
.meeting-list li strong{display: block;font-weight: normal;text-align: center;font-size: 15px;line-height: 15px;color: #292929;font-weight: 600;}
.meeting-list li span{display: block;padding-top: 10px;text-align: center;font-size: 14px;line-height: 14px;color: #555;}

/*알림*/
#evaluation-pop03 .notice-title{padding-left: 28px;color: #00b9e4;font-size: 20px;line-height: 30px;font-weight: 600;background: url('../images/common/ico_info_04.png') 0 50% no-repeat;}
#evaluation-pop03 p{padding-top: 10px;font-size: 15px;line-height: 25px;color: #555;font-weight: 600;}
#evaluation-pop03 p span{font-size: 15px;line-height: 25px;color: #002c5f;}

/*팀분류*/
.current-group{display: inline-block;position: absolute;left: 10px;top: 130px;min-width: 124px;height: 35px;line-height: 35px;padding: 0 24px 0 59px;background: #292929 url('../images/common/ico_check_04.png') 42px 50% no-repeat;border-radius: 17px;-webkit-border-radius: 17px;box-sizing: border-box;-webkit-box-sizing: border-box;}
.current-group .sub-group{display: inline-block;padding: 0 4px;color: #fff;}

/*조직임원현황*/
.state-wrap{border-top: 2px solid #292929;}
.state-wrap .executive{position: relative;min-width: 920px;min-height: 212px;padding: 20px 25px 20px 343px;box-sizing: border-box;-webkit-box-sizing: border-box;border-bottom: 1px solid #d1d1d1;}
.state-wrap .executive .thumb-wrap{position: absolute;left: 30px;top: 20px;width: 100px;}
.state-wrap .executive .thumb{width: 98px;height: 130px;border: 1px solid #d1d1d1;overflow: hidden;}
.state-wrap .executive .thumb img{width: 100%;}
.state-wrap .executive .thumb-wrap .btn.small{width: 100%;margin-top: 9px;padding: 0;text-align: center;}
.state-wrap .executive .main-info{position: absolute;left: 160px;top: 20px;max-width: 175px;}
.state-wrap .executive .main-info .name{width: 100%;font-size: 24px;line-height: 40px;color: #292929;font-weight: 600;}
.state-wrap .executive .main-info .previous-career{}
.state-wrap .executive .main-info .previous-career span{display: block;width: 100%;font-size: 14px;line-height: 25px;color: #555;font-weight: 600;}
.state-wrap .executive .basic-info{position: relative;width: 100%;min-height: 132px;padding: 13px 30px 13px 280px;background-color: #ececec;box-sizing: border-box;-webkit-box-sizing: border-box;border-top: 1px solid #e3e3e3;}
.state-wrap .executive .basic-info .data-list{display: inline-block;vertical-align: top;}
.state-wrap .executive .basic-info .data-list:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.state-wrap .executive .basic-info .data-list li:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.state-wrap .executive .basic-info .data-list li .label{display: block;float: left;width: 67px;font-size: 14px;line-height: 25px;color: #555;box-sizing: border-box;-webkit-box-sizing: border-box;}
.state-wrap .executive .basic-info .data-list li .insert{display: block;float: left;font-size: 14px;line-height: 25px;color: #292929;word-break: break-all;}
.state-wrap .executive .basic-info .data-list.info01{position: absolute;left: 30px;top: 14px;}
.state-wrap .executive .basic-info .data-list.info01 li .insert{width: 185px;}
.state-wrap .executive .basic-info .data-list.info02{width: 100%;}
.state-wrap .executive .basic-info .data-list.info02 li{position: relative;padding-left: 68px;}
.state-wrap .executive .basic-info .data-list.info02 li .label{position: absolute;left: 0;top: 0;}
.state-wrap .executive .basic-info .data-list.info02 li .insert{width: 100%;font-weight: 600;}

/*로그인*/
.business-diary .login-wrap{width: 712px;margin: 70px auto 0;padding: 60px 0 55px 60px;background-color: #edf8ff;border-radius: 5px;-webkit-border-radius: 5px;box-sizing: border-box;-webkit-box-sizing: border-box;}
.business-diary .login-wrap:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.business-diary .login-wrap h3{float: left;width: 120px;height: 59px;margin-top:    10px;padding-top: 10px;line-height: 59px;padding-left: 65px;font-size: 30px;font-weight: 600;color: #292929;background: url('../images/common/ico_lock.png') 0 0 no-repeat;}
.business-diary .login-wrap .input-wrap{float: left;    width: 395px;}
.business-diary .login-wrap .input-wrap label{line-height: 30px;font-size: 14px;color: #292929;font-weight: 600;}
.business-diary .login-wrap .input-wrap label input{margin-right: 5px;margin-left: 9px;}
.business-diary .login-wrap .input-wrap .data-list{margin-top: 20px;padding-top: 14px;border-top: 1px solid #d1d1d1;}
.business-diary .login-wrap .input-wrap .data-list li{font-size: 14px;line-height: 25px;color: #555;}
.business-diary .login-wrap .input-wrap .data-list li a{display: inline-block;font-weight: 600;color: #292929;text-decoration: underline;}
.business-diary .login-wrap .input-wrap .btn.small{margin-left: 2px;font-weight: 600;}

/*비밀번호*/
.business-diary .password-wrap{width: 712px;margin: 0 auto;}
.business-diary .password-wrap h3{padding-top: 10px;height: 49px;padding-left: 67px;font-weight: 600;font-size: 20px;line-height: 28px;color: #002c5f;background: url('../images/common/ico_lock.png') 0 50% no-repeat;}
.business-diary .password-wrap h3 span{font-size: 16px;line-height: 28px;color: #555;}
.business-diary .password-wrap .input-wrap{position: relative;margin-top: 30px;padding: 40px 0 32px 145px;background-color: #edf8ff;border-radius: 5px;-webkit-border-radius: 5px;}
.business-diary .password-wrap .input-wrap label{display: block;margin-bottom: 5px;line-height: 30px;font-size: 14px;color: #292929;font-weight: 600;}
.business-diary .password-wrap .input-wrap label input{margin-left: 10px;}
.business-diary .password-wrap .input-wrap p{width: 422px;margin-top:   20px;padding-top: 20px;font-size: 14px;line-height: 24px;border-top: 1px solid #d1d1d1;}
.business-diary .password-wrap .input-wrap .btn.large{position: absolute;left: 459px;top: 40px;width: 108px;height: 100px;padding:  0;line-height: 100px;text-align: center;}

/*권역별 지사소개 팝업*/
.window-popup .branch-pop{height: 535px;margin-top: 0;padding: 0;}
.window-popup .branch-pop .thumb{float: left;display: table;width: 400px;height: 100%;overflow: hidden;background-color: #ececec;}
.window-popup .branch-pop .thumb span{display: table-cell;vertical-align: middle;}
.window-popup .branch-pop .thumb .no-image{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #ececec;}
.window-popup .branch-pop .section-left{float: left;width: 420px;height: 446px;padding: 45px 0 0 50px;background-color: #fff;box-sizing: content-box;}
.window-popup .branch-pop .section-left .pop-title{font-size: 30px;line-height: 30px;font-weight: 600;color: #000;}
.window-popup .branch-pop .section-left .title-info{padding: 4px 0 10px;font-size: 17px;line-height: 30px;font-weight: 600;color: #555;}
.window-popup .branch-pop .section-left .info-list{padding-bottom: 30px;border-top: 2px solid #292929;}
.window-popup .branch-pop .section-left .info-list dl{border-bottom: 1px solid #e1e1e1;}
.window-popup .branch-pop .section-left .info-list dl:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.window-popup .branch-pop .section-left .info-list dl dt{display: block;float: left;width: 124px;font-size: 15px;line-height: 50px;color: #555;}
.window-popup .branch-pop .section-left .info-list dl dd{display: block;float: left;width: 296px;font-size: 15px;line-height: 50px;color: #292929;font-weight: 600;}
.window-popup .branch-pop .section-left .info-list dl dd#corpMemInfo {line-height:36px;}
.window-popup .branch-pop .button-area{clear: both;padding-top: 30px;}

/*인사담당 메인*/
.ehr-main .field h4{display: inline-flex;align-items: center;gap: 6px;padding-left: 30px;font-size: 16px;color: #292929;font-weight: 600;vertical-align: middle;}
.ehr-main .field h4 .ico.perner{margin-right: 7px;}

.ehr-main .field .btn-area{display: inline-block; vertical-align: middle;}

/*조직도 검색영역*/
.ui-dialog #searchResultPopup{border: 1px solid #d1d1d1;}
.ui-dialog .ui-dialog-titlebar{height: 40px;padding: 0 20px;background-color: #002c5f;}
.ui-dialog .ui-dialog-titlebar:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.ui-dialog .ui-dialog-titlebar .ui-dialog-title{float: left;font-size: 18px;line-height: 40px;color: #fff;}
.ui-dialog .ui-dialog-titlebar button{float: right;width:20px;height:20px;margin-top: 10px;font-size: 0;background: url('../../@resource/images/common/pop_close.png') 0 0 no-repeat;border: 0 none;-webkit-appearance: none;}
.ui-dialog ul li a{display: block;padding-left: 20px;font-size: 15px;line-height: 32px;color: #292929;background-color: #fff;}
.ui-dialog ul li a:hover{background-color: #edf8ff;}
.ui-dialog ul li a:focus{border: 0 none;-webkit-appearance: none;}

/*근태 휴가사용계획입력 달력*/
.calendar-wrap{margin-left: -50px;padding-top: 38px;}
.calendar-wrap .section-wrap{width: 100%;}
.calendar-wrap .section-left{min-height: 433px;margin-left: 0;padding-left: 50px;}
.calendar-wrap .section-wrap .section-left:first-child{padding-left: 50px;}
.calendar-wrap .section-left .data-title{margin-top: 0;padding-left: 29px;background: url('../images/common/ico_calendar.png') 0 50% no-repeat;}
.calendar-wrap .section-left .data-table{width: 434px !important;}
.calendar-wrap .section-left .data-table thead tr th{height: 41px;color: #292929;background-color: #edf8ff;}
.calendar-wrap .section-left .data-table tbody tr td{height: 41px;}
.calendar-wrap .section-left .data-table tbody tr td.other-month{color: #adadad;}
.vacation-state{padding-bottom: 50px;overflow: hidden;}
.vacation-state:after{content: '';display: block;clear: both;height: 0;visibility: hidden;}
.vacation-state h4{float: left;position: relative;width: 145px;height: 130px;margin: 0 15px 0 0;padding-top: 88px;font-weight: 600;font-size: 14px;line-height: 14px;color: #ffffff;text-align: center;background: #00aad2 url('../images/common/ico_vacation.png') 50% 27px no-repeat;border-radius: 5px;-webkit-border-radius: 5px;box-sizing: border-box;-webkit-box-sizing: border-box;}
.vacation-state h4:after{content: '';display: block;position: absolute;left:144px;top:56px;width: 7px;height: 13px;background: url('../images/common/bg_vacation.png') 0 0 no-repeat;}
.vacation-state .data-list{overflow: hidden;}
.vacation-state .data-list li{float: left;width: 140px;height: 130px;margin-left: 15px;padding: 20px 27px;text-align: center;background-color: #ececec;border-radius: 5px;-webkit-border-radius: 5px;box-sizing: border-box;-webkit-box-sizing: border-box;}
.vacation-state .data-list li:first-child{margin-left: 0;}
.vacation-state .data-list li strong{display: block;font-size: 15px;line-height: 44px;color: #292929;font-weight: normal;font-weight: 600;border-bottom: 1px solid #d1d1d1;}
.vacation-state .data-list li span{display: block;line-height: 44px;}
.vacation-state .data-list li span input[readonly]{width: 100%;margin: 0;padding: 0;border: 0 none;height: 44px;line-height: 44px;text-align: center;font-size: 20px;color: #002c5f;font-weight: 600;background-color: #ececec;text-decoration: underline;cursor: pointer;-webkit-appearance: none;}

/*해외주재원 서약서*/
#wrap.written-oath{width: 700px;min-width:700px;margin: 0 auto;padding-top: 40px;}
#wrap.written-oath h1{text-align: right;font-size: 0;}
#wrap.written-oath h2{padding-bottom: 35px;font-weight: 600;line-height: 45px;font-size: 45px;color: #292929;text-align: center;border-bottom: 2px solid #292929;}
#wrap.written-oath .agree-text{padding-top: 55px;font-size: 21px;line-height: 30px;color: #292929;text-align: center;}
#wrap.written-oath p{padding: 30px 0;font-size: 18px;line-height: 18px;color: #555;text-align: center;}
#wrap.written-oath ul{padding-left: 85px;padding-bottom: 53px;}
#wrap.written-oath ul li{padding-top: 19px;padding-left: 10px;text-indent:-15px;font-size: 16px;line-height: 25px;color: #555;}
#wrap.written-oath .bottom-area{padding-top: 40px;text-align: center;border-top:1px solid #d1d1d1;}
#wrap.written-oath .bottom-area .date{font-weight: 600;font-size: 18px;line-height: 40px;color: #292929;}
#wrap.written-oath .bottom-area .belong{font-weight: 600;font-size: 18px;line-height: 40px;color: #292929;}
#wrap.written-oath .bottom-area .my-info{}
#wrap.written-oath .bottom-area .my-info span{display: inline-block;margin: 0 8px;font-weight: 600;font-size: 18px;line-height: 33px;color: #292929;}
#wrap.written-oath .bottom-area .btn.type08{margin-top: 36px;   }
#wrap.written-oath .bottom-area .btn.type08 .ico.agree{margin-right: 4px;margin-left: 10px;}

/*경력직 수습평가*/
.comment-title{position: relative;font-weight: 600;font-size: 19px;line-height: 20px; color: #292929; background: url("../images/common/ico_opinion.png") 0 0 no-repeat; padding-left: 30px; margin-top: 30px; margin-bottom: 20px;}
.comment-title.first{margin-top: 20px;}
.last-modifier{margin-left:5px;padding-left:25px;font-weight: 600;font-size: 14px;color: #292929;background: url('../images/common/ico_pr_03.png') 0 50% no-repeat;}
.evaluation-comment .fieldset{margin-bottom: 10px;}
.evaluation-comment .fieldset strong{display: inline-block;margin-right: 15px;padding-right: 19px;line-height: 14px;font-weight:normal;font-weight: 600;font-size: 14px;color: #292929;border-right: 1px solid #8a8a8a;}
.evaluation-comment .fieldset .label{margin-right: 9px;font-weight: 600;font-size: 14px;color: #292929;}
.evaluation-comment .text-wrap{padding: 10px 4px;border-top: 2px solid #292929;border-bottom: 1px solid #d1d1d1;}
.evaluation-comment .text-wrap .text-area{min-height: 82px;}

/*수습평가*/
.ev-yardstick .data-table tbody tr th{border-right: 0 none;}
.ev-yardstick .data-table tbody tr th img{vertical-align: middle;}
.ev-yardstick .data-table tbody tr td{padding-top: 37px;padding-bottom: 30px;border-left: 0 none;vertical-align: top;}
.ev-yardstick .data-table tbody tr td dl{/*padding-top: 35px;*/text-align: left;}
.ev-yardstick .data-table tbody tr td dl dt{display: inline-block;padding-right: 20px;border-right: 1px solid #888;font-weight: 600;font-size: 16px;line-height: 16px;color: #292929;}
.ev-yardstick .data-table tbody tr td dl dd{display: inline-block;padding-left: 18px;font-weight: 600;font-size: 16px;line-height: 16px;color: #292929;}
.ev-yardstick .data-table tbody tr td ul{padding-top: 8px;}
.ev-yardstick .data-table tbody tr td p{padding-top: 12px;}
.ev-yardstick .data-list{padding-top: 10px;}

/*특근실적선택팝업*/
.window-popup.overtime-work{}
.window-popup.overtime-work .btn-center{text-align: center;}
.window-popup.overtime-work .btn-center a{display: inline-block;width: 155px;height: 90px;margin: 0 5px;padding-top: 35px;font-weight: 600;color: #292929;text-align: center;vertical-align: top;box-sizing: border-box;-webkit-box-sizing: border-box;background-color: #ececec;border-radius: 5px;-webkit-border-radius: 5px;}
.window-popup.overtime-work .btn-center a:hover,
.window-popup.overtime-work .btn-center a:active{padding-top: 46px;background: #00aad2 url('../images/common/ico_check_06.png') 50% 25px no-repeat;color: #fff;}

.window-popup.councel-pop .intro-text{padding-bottom: 15px;font-size: 17px;line-height: 25px;color: #292929;font-weight: 600;}
.window-popup.councel-pop .agree-text{padding: 35px 0;font-size: 17px;line-height: 25px;color: #292929;text-align: center;font-weight: 600;}
.window-popup.councel-pop .data-list{padding-top: 30px;text-align: center;border-top: 1px solid #e1e1e1;}
.window-popup.councel-pop .data-list li{display: inline-block;padding: 0 17px;font-size: 16px;font-weight: 600;color: #292929;}
.window-popup.councel-pop .agree-date{padding-top: 20px;text-align: center;font-size: 16px;color: #292929;font-weight: 600;}

/*space*/
.pl20{display: block;padding-left: 20px;}

/*공정거래 준수 서약서*/
/*.fair-trade{width: 920px;height: 1264px;margin-bottom: 70px;background: url('../images/common/bg_trade.jpg') 0 0 no-repeat;}
.fair-trade .title{padding-top: 165px;padding-right: 78px;font-size: 63px;line-height: 75px;color: #fff;font-weight: 600;text-align: right;}
.fair-trade .sub-title{padding-right: 85px;font-size: 16px;line-height: 35px;color: #fff;text-align: right;opacity: 0.4;filter: alpha(opacity=40);}
.fair-trade .summary{width: 750px;padding-top: 87px;padding-left: 85px;}
.fair-trade .summary .data-list li{padding-left: 50px;}
.fair-trade .summary .data-list li strong{display: block;padding-top: 24px; padding-bottom: 5px;font-size: 17px;line-height: 32px;color: #292929;font-weight: normal;font-weight: 600;}
.fair-trade .summary .data-list li p{padding-left: 0;}
.fair-trade .summary p{padding-left: 50px;width: 700px;font-size: 17px;line-height: 30px;color: #555;font-weight: 600;}
.fair-trade .agreement{padding-top: 70px;text-align:center;}
.fair-trade .agreement span{font-size: 20px;line-height: 50px;color: #292929;font-weight: 600;}
.fair-trade .agreement dl dt{display: inline-block;padding-left: 11px;font-size: 20px;line-height: 50px;color: #292929;font-weight: 600;}
.fair-trade .agreement dl dd{display: inline-block;padding-left: 6px;padding-right: 12px;font-size: 20px;line-height: 50px;color: #292929;font-weight: 600;}
.fair-trade .agreement .btn.type06{width: 130px;margin-top: 13px;}*/

.fair-trade{width: 920px;height: 835px;margin-bottom: 70px;background: url('../images/common/bg_trade.jpg') 0 0 no-repeat;}
.fair-trade .title{padding-top: 90px;padding-right: 78px;font-size: 50px;line-height: 60px;color: #fff;text-align: right;font-weight: 600;}
.fair-trade .sub-title{padding-right: 85px;font-size: 14px;line-height: 22px;color: #fff;text-align: right;opacity: 0.4;filter: alpha(opacity=40);}
.fair-trade .summary{width: 750px;padding-top: 45px;padding-left: 60px;}
.fair-trade .summary .data-list{padding-bottom: 15px;;padding-top: 15px;;}
.fair-trade .summary .data-list li{padding-left: 50px;}
./* fair-trade .summary .data-list li strong{display: block;padding-top: 4px;font-size: 14px;line-height: 32px;color: #292929;font-weight: normal;font-weight: 600;} */
.fair-trade .summary .data-list li strong{display:inline;padding-top: 4px;font-size: 14px;line-height: 32px;color: #292929;font-weight: normal;font-weight: 600;}
.fair-trade .summary .data-list li p{padding-left: 0;}
.fair-trade .summary p{padding-left: 50px;width: 700px;font-size: 14px;line-height: 25px;color: #555;}
.fair-trade .agreement{padding-top: 21px;padding-left: 60px;text-align:center;}
.fair-trade .agreement span{font-size: 15px;line-height: 26px;color: #292929;font-weight: 600;}
.fair-trade .agreement dl dt{display: inline-block;padding-left: 11px;font-size: 15px;line-height: 25px;color: #292929;font-weight: 600;}
.fair-trade .agreement dl dd{display: inline-block;padding-left: 6px;padding-right: 12px;font-size: 15px;line-height: 25px;color: #292929;font-weight: 600;}
.fair-trade .agreement .btn.type06{width: 130px;margin-top: 13px;}

/*경고창*/
.alert-message{margin-top: 30px;padding-left: 75px;padding-bottom: 10px;background: url('../images/common/ico_alert_02.png') 10px 6px no-repeat;}
.alert-message p{font-size: 15px;font-weight: 400;line-height: 22px;}
.alert-message strong{font-size: 20px;line-height: 32px;color: #e63312;font-weight: normal;font-weight: 600;border-bottom: 1px solid #e63312;}

span.sub-text{display:inline-block;padding-left: 10px;line-height: 30px;font-weight: 600;}
span.sub-text02{display:inline-block;padding-right: 10px;line-height: 30px;font-weight: 600;}

/*레이어팝업*/
.layer-popup .popup-title {padding: 0 20px;height: 50px;line-height: 50px;font-size: 18px;color: #ffffff;background-color: #002c5f;}
.layer-popup .popup-wrap {position: relative;padding: 20px 30px 40px;box-sizing: border-box;border-right: 1px solid #d1d1d1;border-bottom: 1px solid #d1d1d1;border-left: 1px solid #d1d1d1;}
.layer-popup .popup-close {position: absolute;right: 20px;top: -35px;width: 20px;height: 20px;text-indent: -999em;overflow: hidden;font-size: 0;border: 0 none;color: transparent;background: url(../images/common/pop_close.png) 0 0 no-repeat;cursor: pointer;-webkit-appearance: none;}
.layer-popup .popup-wrap .btn-preview{display: block;width: 204px;height: 50px;line-height:50px;margin:5px auto 0;font-size:14px;color:#292929;font-weight: 600;border-radius: 24px;-webkit-border-radius: 24px;background-color: #ececec;border: 0 none;-webkit-appearance: none;}
.layer-popup .popup-wrap .btn-preview:hover{background-color: #00aad2;color: #fff;}
.layer-popup .popup-wrap .btn-preview .ico.search{margin-left: 7px;}
.layer-popup .popup-wrap .btn-preview:hover .ico.search{background-image: url(../images/common/ico_search_wh.png);}

/*템플릿*/

.dev-intro{margin-bottom: 40px;border-radius: 5px;-webkit-border-radius: 5px;background-color: #ece9e6;overflow: hidden;}
.dev-intro .thumb{float: left;width: 350px;height: 190px;overflow: hidden;}
.dev-intro .thumb img{width: 100%;vertical-align: top;}
.dev-intro .intro-wrap{float: left;padding: 50px 50px 0;}
.dev-intro .intro-wrap strong{display: block;font-size: 31px;line-height: 37px;color: #292929;font-weight: normal;font-weight: 600;}
.dev-intro .intro-wrap p{padding-top: 20px;font-size: 15px;line-height: 25px;color: #555;font-weight: 600;}
.temp-area p{font-weight: 600;font-size: 14px;line-height: 25px;}
.temp-area .section-title{margin-top: 0;}
.temp-area .btn{margin-right: 10px;font-weight: 600;}
.line{margin-top: 40px;padding-bottom: 40px;border-top: 1px solid #d1d1d1;}

/*HR Lounge Open 안내팝업*/
.lounge-info{position: relative;width: 1000px;height: 900px;padding: 0 90px;background: url('../images/common/bg_lounge.jpg') 0 0 no-repeat;box-sizing: border-box;-webkit-box-sizing: border-box;}
.lounge-info h1{padding-top: 40px;padding-bottom: 14px;font-size: 45px;color: #002c5f;font-weight: 700;}
.lounge-info .info-wrap{position: relative;padding-top: 25px;padding-bottom: 25px;border-top: 1px solid #d1d1d1;}
.lounge-info .info-wrap.first{border-top:  0 none;}
.lounge-info .info-wrap h2{padding: 0  0 10px 32px;font-size: 19px;line-height: 25px;color: #292929;font-weight: 600;background: url('../images/common/ico_tit_05.png') 0 1px no-repeat;vertical-align: middle;}
.lounge-info .info-wrap p{padding-left: 30px;font-size: 14px;line-height: 25px;color: #555;}
.lounge-info .info-wrap span{display: block;padding-top: 8px;padding-left: 65px;font-size: 13px;line-height: 20px;padding-left: 43px;text-indent:-13px;color: #e63312;font-weight: 600;}
.lounge-info .info-wrap .tel{margin-top: 15px;margin-left: 30px;padding-left: 34px;font-size: 17px;line-height: 25px;color: #292929;font-weight: 600;background: url('../images/common/tel.png') 0 0 no-repeat;}
.lounge-info .info-wrap .btn{position: absolute;right: 0;width: 187px;text-align: center;}
.lounge-info .info-wrap .btn.type03{top: 28px;}
.lounge-info .info-wrap .btn.type04{top: 78px;}
.lounge-info .close-today{position: absolute;right: 40px;bottom: 40px;}
.lounge-info .close-today label{font-size: 12px;color: #fff;font-weight: 600;}

.chart-text{padding-bottom: 10px;text-align: right;font-size: 14px;color: #555;font-weight: normal;}

.search-title{height: 140px;line-height: 140px;margin: 40px 0 30px;overflow: hidden;background-color: #ece9e6;border-radius: 5px;-webkit-border-radius: 5px;}
.search-title .thumb{float: left;}
.search-title h2{float: left;padding-left: 50px;font-size: 32px;color: #292929;font-weight: 600;}

/*직원사용 콘솔 WINDOW POPUP*/
.console-popup{max-width:900px;margin:0 auto;background:#f2f2f2}
.console-popup .console-wrap{padding:10px}
.console-popup .console-wrap .console-head{position:relative;display:block;padding:4px;margin-bottom:5px;height:25px;line-height:25px;}
.console-popup .console-wrap .console-head .t-date{display:block;margin:0 auto;text-align:center;text-decoration:underline;font-size:22px;font-weight:600}
.console-popup .console-wrap .console-head .t-left{position:absolute;top:5px;left:0}
.console-popup .console-wrap .console-head .t-right{position:absolute;top:7px;right:0}
.console-popup .console-wrap .console-head .t-right .p-info{font-size:16px;font-weight:600;text-decoration:underline}
.console-popup .console-wrap .console-content .wrap-bor{background:#fff;border:2px solid #d1d1d1;padding:5px;margin-bottom:10px}
.console-popup .console-wrap .console-content ul.con{display:table;width:100%;overflow:hidden}
.console-popup .console-wrap .console-content ul.con li{display:table-cell;padding:4px;vertical-align:top}
.console-popup .console-wrap .console-content .field{display:block;width:93px;height:45px;margin-top:3px;border:1px solid #ddd}
.console-popup .console-wrap .console-content .field .rtime{display:block;background:#fff;line-height:34px;text-align:center;margin-top:4px;padding:2px 4px}
.console-popup .console-wrap .console-content .field .ptime{display:block;background:#fff;line-height:34px;color:#999;text-align:center;margin-top:4px;padding:2px 4px}
.console-popup .console-wrap .console-content .tb-console{width:100%;overflow:hidden;border-collapse:collapse}
.console-popup .console-wrap .console-content .tb-console thead th{background:#262626;color:#fff;padding:4px;text-align:center}
.console-popup .console-wrap .console-content .tb-console thead th.second{color:#292929;background:#fff;text-decoration:underline}
.console-popup .console-wrap .console-content .tb-console tbody td{text-align:center}
.console-popup .console-wrap .console-content .day{margin-right:10px}
.i-noti{padding:2px; font-size:12px;margin-right:0;font-weight:500}
.data-box{display:block;padding:5px 6px;min-height:100px}
.data-info .d-txt,.s-time .d-txt{padding:0 5px;font-style:normal;font-weight:600}
.data-info .time{font-weight:600;letter-spacing:-.8px;;}
.s-time{width:100%;;bottom:0;font-style:italic;line-height:25px;min-height:25px;border-top:1px solid #d1d1d1;text-align:center}
.t-box{padding:5px 2px;margin:0 2px;height:30px;line-height:30px}
.bor{border:1px solid #d1d1d1}
.no-bor{border:1px solid transparent}

/*ColorSet*/
.txt-basic{color:#292929 !important}
.txt-black{color:#000 !important}
.txt-white{color:#fff !important}
.txt-blue{color:#0070c0 !important}
.txt-sky{color:#00b9e4 !important}
.txt-navy{color:#002c5f !important}
.txt-orange{color:#f79646 !important}
.txt-yellow{color:#ffa800 !important}
.txt-red{color:#c00000 !important}
.txt-gray{color:#999999 !important}
.txt-green{color:#006600 !important}
.bg-black{background:#000 !important}
.bg-white{background:#fff !important}
.bg-blue{background:#0070c0 !important}
.bg-sky{background:#00b9e4 !important}
.bg-navy{background:#002c5f !important}
.bg-orange{background:#f79646 !important}
.bg-yellow{background:#ffa800 !important}
.bg-red{background:#c00000 !important}
.bg-gray{background:#d1d1d1 !important}
.bg-green{background:#006600 !important}
.bor-black{border:1px solid #000}
.bor-white{border:1px solid #fff}
.bor-blue{border:1px solid #0070c0}
.bor-sky{border:1px solid #00b9e4}
.bor-navy{border:1px solid #002c5f}
.bor-orange{border:1px solid #f79646}
.bor-yellow{border:1px solid #ffa800}
.bor-red{border:1px solid #c00000}
.bor-gray{border:1px solid #d1d1d1}
.bor-green{border:1px solid #006600}

/*FontSize*/
.f12{font-size:12px !important}
.f13{font-size:13px !important}
.f14{font-size:14px !important}
.f15{font-size:15px !important}
.f16{font-size:16px !important}
.f18{font-size:18px !important}
.f20{font-size:20px !important}
.f24{font-size:24px !important}
.f28{font-size:28px !important}
.f32{font-size:32px !important}
.f-nor{font-weight:600}
.f-400{font-weight:400}
.f-600{font-weight:600}
.f-900{font-weight:900}
.f-nor{font-style:normal !important;}
.f-ita{font-style:italic!important;}

/*align*/
.txt-left{text-align:left}
.txt-center{text-align:center !important;}
.txt-right{text-align:right}

/*Border*/
.no-bo{border:none !important}

/*Button*/
.bt-start-d{width:95px !important;display:block;background:#999;color:#d1d1d1;cursor:unset;height:50px;border:none;border-radius:5px;-webkit-border-radius:5px}
.bt-finish-d{width:95px !important;display:block;background:#999;color:#d1d1d1;cursor:unset;height:50px;border:none;border-radius:5px;-webkit-border-radius:5px}
.bt-full-d{width:80px !important;display:block;background:#999;color:#d1d1d1;cursor:unset;height:100px;border:none;border-radius:5px;-webkit-border-radius:5px}

.bt-start {
    -moz-box-shadow:inset 0px 2px 0px 0px #adedb4;
    -webkit-box-shadow:inset 0px 2px 0px 0px #adedb4;
    box-shadow:inset 0px 2px 0px 0px #adedb4;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #55cf63), color-stop(1, #1aa92d) );
    background:-moz-linear-gradient( center top, #55cf63 5%, #1aa92d 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#55cf63', endColorstr='#1aa92d');
    background-color:#39974f;
    -webkit-border-top-left-radius:5px;
    -moz-border-radius-topleft:5px;
    border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius-topright:5px;
    border-top-right-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -moz-border-radius-bottomright:5px;
    border-bottom-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -moz-border-radius-bottomleft:5px;
    border-bottom-left-radius:5px;
    text-indent:0px;
    border:1px solid #2ba83a;
    display:inline-block;
    color:#fff;
    height:50px;
    line-height:50px;
    width:95px !important;
    text-decoration:none;
    text-align:center;
}
.bt-start:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1aa92d), color-stop(1, #55cf63) );
    background:-moz-linear-gradient( center top, #1aa92d 5%, #55cf63 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1aa92d', endColorstr='#55cf63');
    background-color:#1aa92d;
}.bt-start:active {
    position:relative;
    top:1px;
}

.bt-finish {
    -moz-box-shadow:inset 0px 2px 0px 0px #f7a6b5;
    -webkit-box-shadow:inset 0px 2px 0px 0px #f7a6b5;
    box-shadow:inset 0px 2px 0px 0px #f7a6b5;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e04864), color-stop(1, #9e142e) );
    background:-moz-linear-gradient( center top, #e04864 5%, #9e142e 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e04864', endColorstr='#9e142e');
    background-color:#953735;
    -webkit-border-top-left-radius:5px;
    -moz-border-radius-topleft:5px;
    border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius-topright:5px;
    border-top-right-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -moz-border-radius-bottomright:5px;
    border-bottom-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -moz-border-radius-bottomleft:5px;
    border-bottom-left-radius:5px;
    text-indent:0px;
    border:1px solid #b82742;
    display:inline-block;
    color:#ffffff;    height:50px;
    line-height:50px;
    width:95px !important;
    text-decoration:none;
    text-align:center;
}
.bt-finish:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9e142e), color-stop(1, #e04864) );
    background:-moz-linear-gradient( center top, #9e142e 5%, #e04864 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e142e', endColorstr='#e04864');
    background-color:#c41230;
}.bt-finish:active {
    position:relative;
    top:1px;
}

.bt-full {
    -moz-box-shadow:inset 0px 2px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 2px 0px 0px #ffffff;
    box-shadow:inset 0px 2px 0px 0px #ffffff;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e0e0e0), color-stop(1, #dcdcdc) );
    background:-moz-linear-gradient( center top, #ebebeb 5%, #bfb6b2 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#bfb6b2');
    background-color:#e4dcd3;
    -webkit-border-top-left-radius:5px;
    -moz-border-radius-topleft:5px;
    border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius-topright:5px;
    border-top-right-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -moz-border-radius-bottomright:5px;
    border-bottom-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -moz-border-radius-bottomleft:5px;
    border-bottom-left-radius:5px;
    text-indent:0px;
    border:1px solid #d6cdc3;
    display:inline-block;
    color:#000;
    height:100px;
    line-height:20px;
    width:80px !important;
    text-decoration:none;
    text-align:center;
}
.bt-full:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bfb6b2), color-stop(1, #ebebeb) );
    background:-moz-linear-gradient( center top, #bfb6b2 5%, #ebebeb 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfb6b2', endColorstr='#ebebeb');
    background-color:#e8e0d7;
}.bt-full:active {
    position:relative;
    top:1px;
}

/*new-popup*/
.popup-wrap .sec-box{position:relative}
.popup-wrap .sec-box:after{content:'';display:block;clear:both;height:0;visibility:hidden}
.popup-wrap .sec-box .btn-aside{top:-40px}
.popup-wrap .sec-box .modi{opacity:0.6}
.popup-wrap .sec-box .section-title{position:relative;font-size:19px;line-height:19px;background:url('../images/common/bullet_01.gif') 0 50% no-repeat;padding-left:28px;}
.popup-wrap .sec-box .section-title{margin-top:30px;margin-bottom:15px}
.popup-wrap .sec-box .section-notitle{margin-top:30px;margin-bottom:15px;height:19px}
.popup-wrap .sec-box .section-notitle .btn-aside{top:25px}
.popup-wrap .sec-box .section-left{float:left;padding-left:15px;box-sizing:border-box}
.popup-wrap .sec-box .section-left:first-child{padding-left:0}
.popup-wrap .sec-box .section-left .table-responsive{height:125px;overflow-y:scroll}
.popup-wrap .btn-area{margin-top:30px;margin-bottom:20px;padding:15px;border-top:1px solid #ddd}
.window-popup .btn-area.txt-center{text-align:right; box-sizing: border-box; padding: 15px 0;}
.popup-wrap .txt-area{position:relative}
.popup-wrap .txt-area p{margin:10px 0}
.popup-wrap .pt40{padding-top:40px}
.popup-wrap .section-wrap{position:relative}
.popup-wrap .section-wrap .btn-aside{top:-15px}
.popup-wrap .section-wrap .pop-btn-aside{position:absolute;right:0;top:-4px}
.popup-wrap .tit-sub{text-align:center;margin-bottom:4px}
.popup-wrap .bo-b{border-bottom:1px solid #000;color:#000;font-weight:900}
.popup-wrap .section-wrap .info-title-left{display:block;background:#ececec;border-radius:5px;margin-bottom:3px;padding:4px 10px}

/*table*/
.table-box{background:#fff;}
.tb-cal{width:100%;border-collapse:collapse;border:2px solid #d1d1d1;}
.tb-cal thead th{background:#dce6f2;color:#000;padding:5px 10px;border:1px solid #d1d1d1;text-align:center}
.tb-cal thead td{border:1px solid #d1d1d1;}
.tb-cal tbody td{position:relative;border:1px solid #d1d1d1;vertical-align:top}
.prev-month .day,.next-month .day,.prev-month .data-ftime,.w-plan .data-ftime,
.next-month .data-ftime,.w-plan .data-box,
.prev-month .time,.next-month .time,.w-plan .time{color:#b1b1b1 !important}
.w-plan-fix .time,.w-plan-fix .data-ftime{color:#999 !important}
.tb-cal tbody td .data-box{display:block;padding:5px 6px;min-height:65px;color:#000}
.tb-cal tbody td .data-header{display:block;padding:4px 5px 0;font-size:16px;min-width:135px}
.tb-cal tbody td .data-ftime{display:block;padding:4px;text-align:center;border-top:1px solid #d1d1d1;font-style:italic}
.tb-cal tbody td.last{vertical-align:middle}
.tb-cal tbody td .s-time,.tb-cal tbody td .data-ftime{color:#000; min-height:25px;}
.tb-cal tbody td .day{color:#000}
.tb-cal tbody td.plan .data-box{color:#999;}
.tb-cal tbody td.plan .s-time{color:#999;}
.tb-cal thead th.today{border:3px solid #0070c0;border-bottom:none}
.tb-cal tbody td.today{border:3px solid #0070c0;border-top:1px solid #d1d1d1}
.tb-cal tbody td.ctoday .data-header{border:3px solid #0070c0;border-bottom:0;padding-bottom:0;padding-top:1px}
.tb-cal tbody td.ctoday .data-box{border:3px solid #0070c0;border-top:0;border-bottom:0;}
.tb-cal tbody td.ctoday .data-ftime{border:3px solid #0070c0;border-top:1px solid #d1d1d1;padding-bottom:1px}
.tb-cal tbody td.today .data-box,.tb-cal tbody td.ctoday .data-box,.tb-cal tbody td.today .s-time,.tb-cal tbody td.ctoday .data-ftime,.tb-cal tbody td.ctoday .data-header{background:#ccecff !important;}
.tb-cal tbody td.today .s-time,.tb-cal tbody td.ctoday .data-ftime,.tb-cal tbody td.today .time,.tb-cal tbody td.ctoday .time{color:#999;}
.d-txt{position:absolute;top:5px;left:40px;font-size:14px;font-weight:900}


/*padding*/
.p0{padding:0 !important}
.p5{padding:5px !important}
.p10{padding:10px !important}
.p15{padding:15px !important}
.p20{padding:20px !important}
.pt0{padding-top:0 !important}
.pt5{padding-top:5px !important}
.pt10{padding-top:10px !important}
.pt15{padding-top:15px !important}
.pt20{padding-top:20px !important}
.pt30{padding-top:30px !important}
.pl0{padding-left:0 !important}
.pl5{padding-left:5px !important}
.pl10{padding-left:10px !important}
.pl15{padding-left:15px !important}
.pl20{padding-left:20px !important}
.pr0{padding-right:0 !important}
.pr5{padding-right:5px !important}
.pr10{padding-right:10px !important}
.pr15{padding-right:15px !important}
.pr20{padding-right:20px !important}
.pb0{padding-bottom:0 !important}
.pb5{padding-bottom:5px !important}
.pb10{padding-bottom:10px !important}
.pb15{padding-bottom:15px !important}
.pb20{padding-bottom:20px !important}

/*margin*/
.m0{margin:0 !important}
.m5{margin:5px !important}
.m10{margin:10px !important}
.m15{margin:15px !important}
.m20{margin:20px !important}
.mt0{margin-top:0 !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt30{margin-top:30px !important}
.ml0{margin-left:0 !important}
.ml5{margin-left:5px !important}
.ml10{margin-left:10px !important}
.ml15{margin-left:15px !important}
.ml20{margin-left:20px !important}
.ml25{margin-left:25px !important}
.mr0{margin-right:0 !important}
.mr5{margin-right:5px !important}
.mr10{margin-right:10px !important}
.mr15{margin-right:15px !important}
.mr20{margin-right:20px !important}
.mb0{margin-bottom:0 !important}
.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}


/********** 신규 : 20190702추가 **********/
/*table sliding row*/
.table-sliding-row {
  background: #fff;
  width: 100%;
  overflow:hidden;
  height:auto;
  margin-bottom:40px;
}
.table-sliding-row > table {
  border-spacing: 0;
  /* overflow: hidden; */
  overflow:auto;
  text-align:center;
  width: 100%;
  table-layout:fixed;
}
.table-sliding-row > table th {
}
.table-sliding-row > table tr.reviewDefault {
  cursor: pointer;
  transition: all .2s ease;
  background: #ececec;
  /* background:#f5e6d5; */
}
.table-sliding-row > table tr.reviewDefault td {
  /*border-bottom: 1px solid #eef9e2;
  padding: 10px 20px;*/
    border-right: none;
    border-left: none;
}
.table-sliding-row > table tr.toggle-row td {
  padding: 0;
}
.table-sliding-row > table tr.toggle-row .sub-table-wrap td {
 /*  padding: 5px 10px;*/
}
.table-sliding-row > table tr.reviewDefault:hover {
  /* background: #f5e6d5; */
  background: #ececec;
}
.table-sliding-row > table tr.active:hover {
  //background: #f5e6d5;
    background: #dfe6fb ;
}
.table-sliding-row > table tr.active {
  //background: #f5e6d5;
  background : #dfe6fb
}
.reviewArrow {
  border-bottom: 2px solid #333;
  border-right: 2px solid #333;
  cursor: pointer;
  float: right;
  height: 8px;
  margin: 0 auto;
  text-indent: -9999px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 8px;
}
.arrowPd{
    padding-right:18px !important;
}
.active .reviewArrow {
  transform: rotate(225deg);
}
.tableBorderGray{/*보더 위에 검정색 삭제 후 회색선 대체*/
    border-top:1px solid #d1d1d1 !important;
}
.sub-table-wrap {
  display: none;
  background: #fff;
}
.sub-table-wrap table{
    width:100%;
    border-bottom:none;
    table-layout:fixed;
}
.data-table tbody tr.toggle-row td{
    padding:0;
    height:auto;
    border-bottom:none;
    border-top:none;
}
/* 팝업 종합평가 및 의견부분 */
.table-sliding-row-total > table tr.toggle-row .sub-table-wrap td {
    padding: 5px 10px !important;
}   
.data-table tbody tr.toggle-row-total td {
    border-bottom: none;
    border-top: 1px solid #d1d1d1 !important;
}
.data-table tbody tr.toggle-row-total .borderTopNone{
    border-top:none !important;
}
.reviewsWrap{
    position:relative;
    height: 100%;
    width: 100%;
    /* overflow-y: scroll;
    overflow-x: hidden;  */
}
.reviewsWrap .reviewsWrap{
    overflow:hidden;
}
.reviewsWrap .reviewsList{
    max-height: 100%;
    height: 100%;
    width: 100%;
    padding: 10px 10px;
    box-sizing:border-box;
    /* position: absolute;
    top: 0;
    left: 0; */
}
.reviewsWrap .reviewsList li{
    text-align: left;
    line-height: 25px;
    overflow: hidden;
}
.reviewsWrap.reviewsPopup{
    padding: 20px;
    box-sizing: border-box;
    background: #fafafa;
    border: 1px solid #e1e1e1;
}
.reviewsWrap.reviewsPopup ul{
    padding:0;
    min-height:290px;
    max-height:290px;
}
/*강,개선필요점 팝업별도*/
.reviewsWrap .reviewsListPop li i{
    float: left;
    padding-right: 15px;
    margin: 0px 0;
    margin-right: 10px;
    width: 20px;
    height: 20px;
    background-size: 20px 20px !important;
}
.reviewsWrap .reviewsListPop li{
    text-align: left;
    overflow: hidden;
    margin-bottom: 12px;
}
.reviewsWrap .reviewsListPop li p{
    float: left;
    width: 75%;
    line-height: 18px;
    width: calc(100% - 180px);
}
.reviewsWrap .reviewsListPop li span{
    float:right;
    padding:0 15px 0 10px;
}
.reviewsIcon{
    text-align: center;
    box-sizing: border-box;
    vertical-align:middle;
    background: #ecc017;
    width: 22px;
    height: 22px;
    background-size:22px 22px !important;
    border-radius: 100px;
    display:block;
    margin: 3px 0;
}
.reviewsIcon.reviewsIcon01{background:url(../images/common/reviewsIcon01.png) center center no-repeat;}
.reviewsIcon.reviewsIcon02{background:url(../images/common/reviewsIcon02.png) center center no-repeat;}
.reviewsIcon.reviewsIcon03{background:url(../images/common/reviewsIcon03.png) center center no-repeat;}
.reviewsWrap .reviewsList li i{
    float: left;
    padding-right: 8px;
    margin: 5px 0;
    margin-right: 4px;
    width: 15px;
    height: 15px;
    background-size: 15px 15px !important;
}
.reviewsWrap .reviewsList li p{
    float: left;
    /* width: 72% !important; */
    width:100% !important;
    font-size: 13px;
    line-height: 16px;
    padding-bottom: 2px;
    /* overflow: hidden;
    text-overflow: ellipsis;*/
    white-space: normal;
    word-break:keep-all;
}
.reviewsWrap .reviewsList li:last-child p{
    padding-bottom:0;
}
.reviewsWrap .reviewsList li span{
    float: right;
    padding: 0;
    font-size: 11px;
    color: #8e8e8e;
    margin-top:0px !important;
    line-height:14px !important;
    /* width: 25%; */
    width:100%;
    box-sizing: border-box;
    text-align: left;
    word-break:keep-all;
    margin-bottom:10px;
}
.reviewsWrap .reviewsList li:last-child span{
    margin-bottom:0px;
}
.reviewsWrap .reviewsAdd{
    overflow: hidden;
    background: #f1f1f1;
    padding: 10px 15px;
}
.reviewsWrap .reviewsAdd ul{
    overflow:hidden;
    float:left;
    margin-right:5px;
}
.reviewsWrap .reviewsAdd ul li{
    float:left;
    margin-right: 10px;
}
.reviewsWrap .reviewsAdd ul li button{
    border:none;
    background:none;
    padding:0;
    margin:0;
}
/*버튼접기펼치기 색상*/
.btn.type08.columnToggle1,
.btn.type08.columnToggle2,
.btn.type08.columnToggle3{
    border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #6b6b6b;
    color: #ffffff;
    border: 1px solid #6b6b6b;
}
.table-sliding-row-total > table tr.toggle-row .sub-table-wrap td.p0{
    padding:0 !important;
}
/*평가이모티콘선택*/
.reviewsWrap .reviewsAdd ul li div.radio{
    width:auto;
    height:auto;
    line-height:auto;
    cursor:pointer;
}
.reviewsWrap .reviewsAdd ul li div.radio span{
    text-align: center;
    box-sizing: border-box;
    vertical-align:middle;
    width: 22px;
    height: 22px;
    background-size:22px 22px !important;
    border-radius: 100px;
    display:block;
    margin: 3px 0;
    cursor:pointer;
}
.reviewsWrap .reviewsAdd ul li div.radio span input[type="radio"]{
    cursor:pointer;
}
.emoRadio01 div.radio span {background:url(../images/common/reviewsIcon01_off.png) center center no-repeat;}
.emoRadio02 div.radio span {background:url(../images/common/reviewsIcon02_off.png) center center no-repeat;}
.emoRadio03 div.radio span {background:url(../images/common/reviewsIcon03_off.png) center center no-repeat;}

.emoRadio01 div.radio span.checked {background:url(../images/common/reviewsIcon01.png) center center no-repeat;}
.emoRadio02 div.radio span.checked {background:url(../images/common/reviewsIcon02.png) center center no-repeat;}
.emoRadio03 div.radio span.checked {background:url(../images/common/reviewsIcon03.png) center center no-repeat;}

.reviewsWrap .reviewsAdd .input-text{
    width : 88%; /* 구식 브라우저를 위한 대비책(fallback) */
    width : -webkit-calc(100% - 170px); /* for Chrome, Safari */
    width :    -moz-calc(100% - 170px); /* for Firefox */
    width :         calc(100% - 170px); /* for IE */
    float:left;
} 
.table-sliding-row+.data-table{
    margin-top:40px;
}
/*현대컬러(합계 등 기업컬러계열)*/
.table-sliding-row .data-table .reviewResult th,
.totalPointBg{
    background:#dfe6fb ;
    color:#292929 !important;
}

.totalPointBgM{
    background:#a8befd !important;
    color:#292929 !important;
}
.totalPointBgE{
    background:#c2d1fd !important;
    color:#292929 !important;
}
.totalPointBgN{
    background:#c2d1fd !important;
    color:#292929 !important;
}



.totalPoint{
    color:#075bb5 !important;
}
/*서브포인트컬러(포인트헤드 등 붉은계열)*/
.subPointBg{
   background: #f5e6d5 !important;
}

/*서브포인트컬러(포인트헤드 등 붉은계열)*/
 .subPointBgA{
   background: #F4B183 !important;
}
/*서브포인트컬러(포인트헤드 등 붉은계열)*/
 .subPointBgB{
   background: #F8CBAD !important;
}

.tableLayoutFix{table-layout:fixed !important;}
/*확정세션*/
.ratingConfirmTable .reviewPointBg,
.ratingConfirmTable .totalPointBg{
    font-weight:bold !important;
}



.ratingConfirmTable{table-layout: fixed;}
.ratingConfirmTable thead tr th{
    height: 15px;
    min-height: 15px;
    padding: 2px 0px;
}
.ratingConfirmTable tbody tr.ratingGraph td{
    height:117px;
    max-height:117px;
    padding: 0;
    box-sizing:border-box;
}
.ratingConfirmTable tbody tr.GraphSmallArea td{
    height:26px !important;
    max-height:26px !important;
    
}
.ratingConfirmTable .subPointLSVB{
   font-weight:bold !important;    
   border: none ;
   border-right-color : white  !important;  ;
   border-bottom-color : white  !important;  ;
   border-top-color : white  !important;  ;
}
.ratingConfirmTable .subPointLSVL{ 
   font-weight:lighter; !important;    
   border: none ;
   
   border-bottom-color : white  !important;  ;
   border-top-color : white  !important;  ;
   
}
.ratingConfirmTable .subPointLSVB2{
   font-weight:bold !important;    
   border-bottom: none !important;  ;
   border-left: none  !important;  ;
   border-right: none  !important;  ;
}
.ratingConfirmTable .subPointLSVL1{ 
   border-color: white;   
}
.ratingConfirmTable .subPointBg{
    font-weight:bold !important;    
}
.ratingConfirmTable tbody tr.ratingGraph td:hover{
    background:#f5f5f5;   
}
.ratingConfirmTable tbody tr.ratingGraph td div ul:hover{
    text-decoration:underline;
}
.ratingConfirmTable tbody tr.ratingGraph td div{
    max-height: 94px;
    height: 94px;
    overflow-y: scroll;
    position: absolute;
    width: 100%;
    top: 23px;
}
.ratingConfirmTable tbody tr.ratingGraph td div ul{
   /*padding:8px 0;*/
    /* padding:5px 0 0 8px; */
    padding:5px 0 5px 8px;
    overflow:hidden;
    box-sizing:border-box;
}
.ratingConfirmTable tbody tr.ratingGraph td div ul li{
    line-height:19px;
    float:left;
    width:50%;
    font-size:12px;
}
.ratingConfirmTable tbody tr.ratingGraph td div ul li a:hover{
    color:#075bb5;
}
.ratingConfirmTable tbody tr td .ratingPct{
    color:#777 !important;
    font-size:12px;
    display:block;
}
/*그래프 총 명수 부분*/
.ratingGraphTotal{
    text-align: left;
    padding: 3px 6px 1px 12px;
    font-size: 12px;
    width: 100%;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    border-bottom: 1px solid #d1d1d1;
    background: #dfe6fb !important;
}
.ratingGraphTotal .ico.plus{
    width:17px;
    height:17px;
    margin-left:0;
    background-size:17px 17px;
}
/* 상사평가 매트릭스 우측방향 아이콘 버튼을 위한 스타일 */
.ratingGraphTotal .ico.plus.rightArrow {
    width: 13px;
    height: 13px;
    margin-left: 0;
    border: 1px solid #b9babf;
    border-radius: 100%;
    padding: 7px;
    box-sizing: border-box;
    background: url(../images/common/after.png) center 3px no-repeat;
    background-size: 9px;
}
.ratingGraphTotal .ico.plus.rightArrow:hover{
    background:#eff1f9 url(../images/common/after.png) center 3px no-repeat;
    background-size: 9px;
}

.ratingConfirmTable tbody tr.ratingGraph td div ul.ratingHalfList li{
    float:left;
    width:50%;
}
.ratingConfirmTable tbody tr.ratingGraph td div.ratingGraphWrap{
    position:relative;
    width:100%;
    height:100%;
    max-height:100%;
    overflow:hidden;
    top:0;
} 
/*차트스타일*/
.myCharts{
    position:relative;
    /* z-index:9999; */
}
.myCharts li {
  list-style-type: none;
}
.myCharts .progressbar {
    width: 80%;
    background-color: #eee;
    box-shadow: inset 0px 1px 1px rgba(0,0,0,.1);
}
.myCharts .proggress {
    height: 8px;
    width: 10px;
    background:#c3c3c3 !important;
}
.myCharts .percentCount {
  clear: both;
  font-size: 12px;
  color: #ffffff;
  position:absolute;
  right:0;
  top: -4px;
  opacity:0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  background:#000;
  padding:0 4px;
  transition: 200ms ease-in-out;
}
.myCharts .percentCount.on{
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.myCharts .proggress.on{
    background:#3498db !important;
    cursor:pointer;
}
.myCharts:hover .progressbar{
    cursor:pointer;
}
.resultNChart{
    width:75%;
}
.resultNChart .percentCount{
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    position: absolute;
    right: -35px;
    top: -6px;
    background:none;
    color: #3498db;
    font-size:14px;
    padding:0;
}
.resultNChart .proggress{
    background:#3498db !important;
}
.resultNChart .proggress:hover{
    cursor:unset;
}

.table-scroll table.clone tbody tr td,
.table-scroll table.clone thead tr th{
    border-right:none !important;
    border-left:none !important;
}

/*평가모니터링_타임라인*/
.step-progressbar-container {
  padding: 0 5px 0 5px;
}

.step-progressbar-bar-wrapper {
  width: 100%;
  height: 20px;
  margin-left: -3px;
  background-color: #FFFFFF;
  border: 2px solid #CCCCCC;
  box-sizing: content-box;
}

.step-progressbar-bar {
  display: inline-block;
  position: relative;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  padding: 0;
}
.step-progressbar-bar .step-progressbar-progress {
  display: block;
  height: 100%;
  background-color: #00b6e8;
  box-sizing: border-box;
  border-width: 2px;
  border-style: solid;
  border-color: #FFFFFF;
  -webkit-transition: width 1s;
  -moz-transition: width 1s;
  -ms-transition: width 1s;
  -o-transition: width 1s;
  transition: width 1s;
}

.step-progressbar-toplabels {
  width: 100%;
  /* height: 16px; */
  height:0;
  margin-top: 6px;
  margin-bottom: 5px;
}

.step-progressbar-bottomlabels {
  width: 100%;
  height: 16px;
  margin-top: 5px;
}

.step-progressbar-labels-wrapper {
  display: block;
  position: relative;
}

.step-progressbar-toplabels .step-progressbar-steplabel {
  font-size: 14px;
  color: #292929;
}

.step-progressbar-bottomlabels .step-progressbar-steplabel {
  font-size: 14px;
  color: #292929 !important;
  font-style:normal !important;
}

.step-progressbar-steplabel {
  display: inline-block;
  position: absolute;
}
.step-progressbar-steplabel.step-progressbar-laststep {
  transform: translate(-100%, 0);
}
.step-progressbar-steplabel:not(.step-progressbar-firststep):not(.step-progressbar-laststep) {
  transform: translate(-50%, 0);
}

.step-progressbar-steps-wrapper {
  display: block;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
}

.step-progressbar-steps {
  display: block;
  height: 100%;
  width: 100%;
  position: relative;
}

.step-progressbar-step {
  display: block;
  height: 100%;
  position: absolute;
  border-width: 0 1px 0 1px;
  border-style: dashed;
  border-color: #CCCCCC;
}

.step-progressbar-firststep,
.step-progressbar-laststep {
  display: none;
}

/* ------------- *\
   ROUNDED STYLE
\* ------------- */
.step-progressbar-rounded .step-progressbar-toplabels,
.step-progressbar-rounded .step-progressbar-bottomlabels {
  /* padding: 0 25px 0 25px; */
  padding:0;
  box-sizing: border-box;
}
.step-progressbar-rounded .step-progressbar-bar-wrapper {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
}
.step-progressbar-rounded .step-progressbar-bar {
  padding: 0 5px 0 5px;
}
.step-progressbar-rounded .step-progressbar-bar:before {
  content: ' ';
  position: absolute;
  height: 20px;
  width: 25px;
  top: 0;
  left: 0;
  background-color: #00b6e8;
  box-sizing: border-box;
  border-width: 2px 0 2px 2px;
  border-style: solid;
  border-color: #FFFFFF;
  -webkit-border-radius: 50px 0 0 50px;
  -moz-border-radius: 50px 0 0 50px;
  -ms-border-radius: 50px 0 0 50px;
  -o-border-radius: 50px 0 0 50px;
  border-radius: 50px 0 0 50px;
  -webkit-transition: width 0.2s, left 0.2s;
  -moz-transition: width 0.2s, left 0.2s;
  -ms-transition: width 0.2s, left 0.2s;
  -o-transition: width 0.2s, left 0.2s;
  transition: width 0.2s, left 0.2s;
}
.step-progressbar-rounded .step-progressbar-bar.step-progressbar-empty:before {
  width: 0;
  left: 25px;
  border-width: 0;
}
.step-progressbar-rounded .step-progressbar-bar:after {
  content: ' ';
  position: absolute;
  height: 20px;
  width: 0;
  top: 0;
  right: 25px;
  background-color: #00b6e8;
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: #FFFFFF;
  -webkit-border-radius: 0 50px 50px 0;
  -moz-border-radius: 0 50px 50px 0;
  -ms-border-radius: 0 50px 50px 0;
  -o-border-radius: 0 50px 50px 0;
  border-radius: 0 50px 50px 0;
  -webkit-transition: width 0.2s, right 0.2s;
  -moz-transition: width 0.2s, right 0.2s;
  -ms-transition: width 0.2s, right 0.2s;
  -o-transition: width 0.2s, right 0.2s;
  transition: width 0.2s, right 0.2s;
}
.step-progressbar-rounded .step-progressbar-bar.step-progressbar-full:after {
  width: 25px;
  right: 0;
  border-width: 2px 2px 2px 0;
}
.step-progressbar-rounded .step-progressbar-bar .step-progressbar-progress {
  border-width: 2px 0 2px 0;
}
.step-progressbar-rounded .step-progressbar-steps-wrapper {
  /* padding: 0 25px 0 25px; */
  padding:0;
}
.step-progressbar-rounded .step-progressbar-firststep,
.step-progressbar-rounded .step-progressbar-laststep {
  display: block;
  border:none;
}

/* ------------- *\
   MEDIA QUERIES
\* ------------- */
/* Large devices (large desktops, 1200px and up) */
/* No media query since this is the default here -  */
/* Medium devices (desktops, less than 1200px) */
/* Small devices (tablets, less than 992px) */
/* Extra small devices (phones, less than 768px) */
@media (max-width: 768px) {
  .step-progressbar-step:not(.step-progressbar-nextstep),
  .step-progressbar-steplabel:not(.step-progressbar-nextstep),
  .step-progressbar-firststep:not(.step-progressbar-nextstep),
  .step-progressbar-laststep:not(.step-progressbar-nextstep),
  .step-progressbar-rounded .step-progressbar-firststep:not(.step-progressbar-nextstep),
  .step-progressbar-rounded .step-progressbar-laststep:not(.step-progressbar-nextstep) {
    display: none;
  }
}

/* 단계표시 */
.step-bar {
  margin: 0;
  padding: 0;
  display: table;
  width: 100%;
}
.step-bar__item {
  display: table-cell;
  vertical-align: middle;
  text-decoration: none;
  color: #292929;
  background-color: #ececec;
  text-align: center;
  position: relative;
  border-right: 2px solid #fff;
  line-height: 18px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
  width:25%;
}
.step-bar__item.first{
    width:50%;
 }
.step-bar__item a,
.step-bar__item a:visited,
.step-bar__item a:hover {
  display: block;
  padding: 10px 15px 9px 25px;
  text-decoration: none;
  color: #333;
  cursor:unset;
}
.step-bar__item:before,
.step-bar__item:after {
  content: "";
  height: 0;
  width: 0;
  border-width: 18px 0 18px 18px;
  border-style: solid;
  position: absolute;
  left: 100%;
  top: 0;
}
.step-bar__item:before {
  border-color: transparent transparent transparent #fff;
  left: 0;
}
.step-bar__item:after {
  border-color: transparent transparent transparent #ececec;
  z-index: 1;
}
.step-bar__item:first-child:before {
  display: none;
}
.step-bar__item:last-child {
  border-right: none;
}
.step-bar__item:last-child:after {
  display: none;
}
/* .step-bar__item:hover {
  background-color: #d4d4d4;
}
.step-bar__item:hover:after {
  border-left-color: #d4d4d4;
}*/
.step-bar__item_active {
  background-color: #002c5f;
  color: #fff;
  cursor: default;
  font-weight: bold;
  pointer-events: none;
} 
.step-bar__item_active a,
.step-bar__item_active a:visited,
.step-bar__item_active a:hover {
  text-decoration: none;
  color: #fff;
}
.step-bar__item_active:after {
  border-color: transparent transparent transparent #002c5f;
}
/* .step-bar__item_active:hover {
  background-color: #a6ce39;
}
.step-bar__item_active:hover:after {
  border-left-color: #a6ce39;
} */
.step-bar_size_xl .step-bar__item a,
.step-bar_size_xl .step-bar__item a:visited,
.step-bar_size_xl .step-bar__item a:hover {
  padding: 10px 31px 9px 53px;
}
.step-bar_size_xl .step-bar__item:before,
.step-bar_size_xl .step-bar__item:after {
  border-width: 27px 0 27px 27px;
}

/*역량리스트*/
.abilityInfoListWrap{
    padding: 20px 10px 30px 10px;
    background-color: #ececec;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    box-sizing: border-box;
    text-align: center;
}
.abilityInfoListWrap .abilityInfoList{
    margin-bottom:10px;
    width:100%;
}
.abilityInfoListWrap .abilityInfoList li{
    float:left;
    width:20%;
}

/*1안:임시*/
.resultNChart2{
    width:100%;
    padding-top: 15px;
}
.resultNChart2 .percentCount{
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    position: absolute;
    right: 0px;
    top: -6px;
    background:none;
    color: #3498db;
    font-size:14px;
    padding:0;
}
.resultNChart2 .proggress{
    background:#3498db !important;
}
.resultNChart2 .proggress:hover{
    cursor:unset;
}
/*dhtmlx grid - IE에서 <br>후에 radio,checkBox 생성시 thead border-bottom 안생기는 문제 span태그로 감싸서 해결*/
.gridBlank::after{
    content:"*";
    text-indent:-9999px;
    display:inline-block;
    font-size:15px;
    vertical-align:middle;
 }
 /*새로운 평가지프로필 테이블 높이 줄임*/
 /*평가프로필*/
#wrap #content .section-wrap .section-left.profileNver,
.section-wrap .section-left.profileNver{
    position: absolute;
    left: 0;
    top: 0;
    width: 280px;
    padding: 21px 0 22px 0;
}
/*평가지프로필*/
#wrap #content .section-wrap .section-left.profileEvalNver,
.section-wrap .section-left.profileEvalNver{
    position: absolute;
    left: 0;
    top: 0;
    width: 270px;
    padding: 24px 0 25px 0;
}
.simple-profile.profileEvalNver .info-wrap {
    float: left;
    width: 170px;
    padding-left: 10px;
    padding-right: 10px;
}
.grade-wrapNver{
    padding-left:250px;
    margin-bottom:0;
}
 .evalNver .data-table tbody tr td,
 .evalNver .data-table tbody tr th{
    padding: 1px 10px;
}
.evalNver .data-table thead tr th{
    padding: 2px 10px 1px;
}
/*평가PSV*/
.button-area.button-area-tabbar{
    position: absolute;
    right: 0;
    margin-top: 45px;
    z-index: 9999;
}
 /* 툴팁 */       
.tooltipNverWrap{
    float:left;
    position:relative;
    width:100%;
    margin-bottom:40px;
    padding: 20px 10px 20px 10px !important;
}
.tooltipNverWrap ul li{
    line-height:26px;
}
.tooltipNver{
    position:relative;
    text-decoration:underline;
}
.tooltipNver:hover{
    text-decoration:underline;
    color: #075bb5 !important;
}
 .tooltipNver span {
    display:none;
    color: #525252 !important;
}
 .tooltipNver span img {
    float:left;
}
 .tooltipNver:hover span {
    display:block;
    font-size:12px;
    line-height: 17px; 
    position:absolute;
    overflow:hidden;
    top:25px;
    right : -120%; /* 구식 브라우저를 위한 대비책(fallback) */
    right : -webkit-calc(10% - 100px); /* for Chrome, Safari */
    right :    -moz-calc(10% - 100px); /* for Firefox */
    right :         calc(10% - 100px); /* for IE */
    box-sizing:border-box;
    background: #ffffff;
    border:1px solid #cecece; 
    width: 200px;
    box-shadow: 0 0 3px rgba(0,0,0,0.2); 
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2); 
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.2); 
    -ms-box-shadow: 0 0 3px rgba(0,0,0,0.2);
    border-radius: 3px; 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    -ms-border-radius: 3px;
    padding: 10px 10px; 
    z-index: 99;
    word-break:keep-all;
    text-align:left;
}

/*승진심의진행현황*/
    .content-header.promotionNver .visual {
        float: left;
        width: 100%;
        height: 300px;
        padding-left: 130px;
        box-sizing: border-box;
        background: url(../images/promotionNver/promotionNver_main_visual.jpg) 0 0 no-repeat;
        border-radius: 5px;
        color: #ffffff;
        background-size:cover;
    }
    .content-header.promotionNver .visual h2 {
        padding-top: 43px;
        font-size: 50px;
        font-weight: 600;
    }
    .content-header.promotionNver .visual p {
        font-size: 30px;
        line-height: 40px;
        margin-top: 5px;
    }
    .promotionNver-wrap, .promotionNver-wrap .section {
        width: 100%;
        margin: 0 auto;
    }
    .promotionNver-wrap .proDepartmentInner{
        width:100%;
        max-width:1060px;
        margin:0 auto;
    }
    .promotionNver-wrap .proDepartment{
        padding: 40px 0;
    }
    .promotionNver-wrap .proDepartment:nth-child(2n){
        background:#f9f9f9;
    }
    .promotionNver-wrap .proDepartment h3{
        font-size: 30px;
        line-height: 30px;
        color: #292929;
        font-weight: 600;
        padding-bottom: 35px;
    }
    .promotionNver-wrap .proDepartment ol{
        box-sizing:border-box;
        -webkit-box-sizing:border-box;
        overflow:hidden;
        margin-bottom:30px;
    }
    .promotionNver-wrap .proDepartment ol li{
        box-sizing:border-box;
        -webkit-box-sizing:border-box;
        float:left;
        width:21.5%;
        position:relative;
    }
    .promotionNver-wrap .proDepartment ol li.first{
        width:14%;
    }
    .promotionNver-wrap .proDepartment ol li div{
        box-sizing:border-box;
        -webkit-box-sizing:border-box;
        /* padding: 20px 0; */
        margin: 0 13px;
    }
    .promotionNver-wrap .proDepartment ol li.first div{
        padding-left:0;
    }
    .promotionNver-wrap .proDepartment ol li div ul.progressSession{
        overflow:hidden;
        box-sizing:border-box;
        -webkit-box-sizing:border-box;
    }
    .promotionNver-wrap .proDepartment ol li div ul.progressSession li{
        width:50%;
        line-height:15px;
        text-align:center;
    }
    
    /*현재 위치*/
    .promotionNver-wrap .proDepartment ol.locationWrap{
        margin-bottom:0;
    }
    .promotionNver-wrap .proDepartment ol li div.processTitle.locationTitle {
        height: 18px;
    }
    .promotionNver-wrap .proDepartment ol.locationWrap li{
        display:block;
        text-align:left;
    }
    .promotionNver-wrap .proDepartment ol.locationWrap li div.locationBox p span,
    .promotionNver-wrap .proDepartment ol.locationWrap li div.locationBox ul li span{
        display:inline-block;
        zoom:1; *display:inline;
    }
    .promotionNver-wrap .proDepartment ol.locationWrap li div ul.progressSession li{
        text-align:left;
    }
    .nowCurrent{
        font-size:12px;
        padding-left:18px;
        background: url(../images/common/bg_event.png) 0 5px no-repeat;
    }
    
    /* 진행 경과 */
    .promotionNver-wrap .proDepartment ol li:after {
        content: '';
        display: block;
        position: absolute;
        right: -4px;
        top: 46px;
        width: 7px;
        height: 12px;
        background: url(../images/promotionNver/arrow_05.gif) 0 0 no-repeat;
    }
     .promotionNver-wrap .proDepartment ol li.first:after{
        right: 15px;
    }
     .promotionNver-wrap .proDepartment ol li.last:after{
        right: 0px;
        background: url(../images/promotionNver/arrow_05_light.gif) 0 0 no-repeat;
    }
     .promotionNver-wrap .proDepartment ol.progressWrap{
        display:table;
        position:relative;
        width:100%;
        height:105px;
    }
    .promotionNver-wrap .proDepartment ol li div.processTitle{
        font-size:18px;
        line-height:18px;
        color:#6b6b6b;
        display:table-cell;
        vertical-align:middle;
        height:105px;
    }
    .promotionNver-wrap .proDepartment ol li div.processBox{
        background-color: #ececec;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        text-align:center;
        padding:20px 0;
        color:#777;
        margin:0 13px;
    }
    .promotionNver-wrap .proDepartment ol li div.processBox.activation ul.progressSession li.hrAudit.incompleted{
        color:#e7e7e7;
        color:rgba(255, 255, 255, 0.7);
    }
    .promotionNver-wrap .proDepartment ol li div.processBox ul.progressSession li:after{
        content: '|';
        background: none;
        width: auto;
        height: auto;
        top: 0;
        right: 0;
        color:#ccc;
    }
    .promotionNver-wrap .proDepartment ol li div.processBox.activation ul.progressSession li:after{
        content: '|';
        background: none;
        width: auto;
        height: auto;
        top: 0;
        right: 0;
        color:#e7e7e7;
        color:rgba(255, 255, 255, 0.4);
    }
    .promotionNver-wrap .proDepartment ol li div.processBox ul.progressSession li.hrAudit:after{
        content:'';
        display:none;
    }
    .promotionNver-wrap .proDepartment ol li div.processBox p{
        font-size:15px;
        line-height:15px;
    }
    .promotionNver-wrap .proDepartment ol li div.processBox span{
        width:100%;
        height:35px;
        display:block;
        text-align:center;
        background-size:44px 35px;
        margin-bottom: 15px;
    }
    /* 팀장추천 단계*/
    .promotionNver-wrap .proDepartment ol li div.processBox span.stateIcon_01{
       background: url(../images/promotionNver/promotionNver_Incomplete_01.png) center 0 no-repeat;
    }
    /* 1차 세션단계 */
    .promotionNver-wrap .proDepartment ol li div.processBox span.stateIcon_02{
       background: url(../images/promotionNver/promotionNver_Incomplete_02.png) center 0 no-repeat;
    }
    /* 2차 세션단계 */
    .promotionNver-wrap .proDepartment ol li div.processBox span.stateIcon_03{
       background: url(../images/promotionNver/promotionNver_Incomplete_02.png) center 0 no-repeat;
    }
    /* 최종 확정 단계 */
    .promotionNver-wrap .proDepartment ol li div.processBox span.stateIcon_04{
       background: url(../images/promotionNver/promotionNver_Incomplete_03.png) center 0 no-repeat;
    }
    /*** 진행경과 완료 ***/
    .promotionNver-wrap .proDepartment ol li div.processBox.completed{
        background-color:#7b8188;
        color: #fff;
    }
    .promotionNver-wrap .proDepartment ol li div.processBox.completed span.stateIcon_01{
        background: url(../images/promotionNver/promotionNver_complete_01.png) center 0 no-repeat;
    }
    .promotionNver-wrap .proDepartment ol li div.processBox.completed span.stateIcon_02{
        background: url(../images/promotionNver/promotionNver_complete_02.png) center 0 no-repeat;
    }
    .promotionNver-wrap .proDepartment ol li div.processBox.completed span.stateIcon_03{
        background: url(../images/promotionNver/promotionNver_complete_02.png) center 0 no-repeat;
    }
    .promotionNver-wrap .proDepartment ol li div.processBox.completed span.stateIcon_04{
        background: url(../images/promotionNver/promotionNver_complete_03.png) center 0 no-repeat;
    }
    /***진행경과 진행중 ***/
    .promotionNver-wrap .proDepartment ol li div.processBox.activation{
        background-color:#003166;
        color: #fff;
    }
    .promotionNver-wrap .proDepartment ol li div.processBox.activation span.stateIcon_01,
    .promotionNver-wrap .proDepartment ol li div.processBox.activation span.stateIcon_02,
    .promotionNver-wrap .proDepartment ol li div.processBox.activation span.stateIcon_03,   
    .promotionNver-wrap .proDepartment ol li div.processBox.activation span.stateIcon_04{
        background: url(../images/promotionNver/promotionNver_active.png) center 0 no-repeat;
    }
    .promotionNver-wrap .proDepartment ol li div.processBox.activation ul.progressSession li{
         color:#f1eb45;
    }
    /***공통 절반HR Audit - 완료***/
    .promotionNver-wrap .proDepartment ol li div.processBox.activation ul.progressSession li.completed,
    .promotionNver-wrap .proDepartment ol li div.processBox.activation ul.progressSession li.hrAudit.completed{
        color: #e7e7e7;
        color: rgba(255, 255, 255, 0.7);
    }
    .promotionNver-wrap .proDepartment ol li div.personBox.activation p span, .promotionNver-wrap .proDepartment ol li div.personBox.activation ul li.completed p span,
    .promotionNver-wrap .proDepartment ol li div.personBox.activation p span, .promotionNver-wrap .proDepartment ol li div.personBox.activation ul li.hrAudit.completed p span{
        background: #e8eaec;
        color: #77818c;
    }
    .promotionNver-wrap .proDepartment ol li div.endDateBox.activation p, .promotionNver-wrap .proDepartment ol li div.endDateBox.activation ul li.completed,
    .promotionNver-wrap .proDepartment ol li div.endDateBox.activation p, .promotionNver-wrap .proDepartment ol li div.endDateBox.activation ul li.hrAudit.completed {
        color: #77818c;
    }
    
    /***공통_절반HR Audit - 미완료***/
    .promotionNver-wrap .proDepartment ol li div.processBox.activation ul.progressSession li.Incompleted,
    .promotionNver-wrap .proDepartment ol li div.processBox.activation ul.progressSession li.hrAudit.Incompleted{
        color: #e7e7e7;
        color: rgba(255, 255, 255, 0.7);
    }
    .promotionNver-wrap .proDepartment ol li div.personBox.activation p span, .promotionNver-wrap .proDepartment ol li div.personBox.activation ul li.Incompleted p span,
    .promotionNver-wrap .proDepartment ol li div.personBox.activation p span, .promotionNver-wrap .proDepartment ol li div.personBox.activation ul li.hrAudit.Incompleted p span{
        background: #ececec;
        color: #b1b1b1;
    }
    .promotionNver-wrap .proDepartment ol li div.endDateBox.activation p, .promotionNver-wrap .proDepartment ol li div.endDateBox.activation ul li.Incompleted,
    .promotionNver-wrap .proDepartment ol li div.endDateBox.activation p, .promotionNver-wrap .proDepartment ol li div.endDateBox.activation ul li.hrAudit.Incompleted {
        color: #bbbbbb;
    }
    
    /* 본부/직위 인원 */
    .promotionNver-wrap .proDepartment ol.personWrap{
        margin-bottom:10px;
    }
    .promotionNver-wrap .proDepartment ol.personWrap > li{
        background-clip: padding-box;
        background:url(../images/promotionNver/progressDotLine.png) 0 center repeat-x;
    }
    .promotionNver-wrap .proDepartment ol.personWrap > li.first{
        background:none;
    }
    .promotionNver-wrap .proDepartment ol.personWrap > li.personFirst{
        background-image:url(../images/promotionNver/processLineSplit_first.png), url(../images/promotionNver/progressDotLine.png);
        background-position:0 center ,0 center;
        background-repeat:no-repeat, repeat-x;
    }
    .promotionNver-wrap .proDepartment ol.personWrap > li.last{
        background-image:url(../images/promotionNver/processLineSplit_last.png), url(../images/promotionNver/progressDotLine.png);
        background-position:right center ,0 center;
        background-repeat:no-repeat, repeat-x;
    }
    /*짝수부분일경우*/
    .promotionNver-wrap .proDepartment:nth-child(2n) ol.personWrap > li.personFirst{
        background-image:url(../images/promotionNver/processLineSplit_first2.png), url(../images/promotionNver/progressDotLine.png);
        background-position:0 center ,0 center;
        background-repeat:no-repeat, repeat-x;
    }
    .promotionNver-wrap .proDepartment:nth-child(2n) ol.personWrap > li.last{
        background-image:url(../images/promotionNver/processLineSplit_last2.png), url(../images/promotionNver/progressDotLine.png);
        background-position:right center ,0 center;
        background-repeat:no-repeat, repeat-x;
    }
    .promotionNver-wrap .proDepartment ol li div.personBox{
        height: 70px;
        /* padding:28px 0; */
        background:url(../images/promotionNver/processLineSplit.png) left center no-repeat;
        background-size:1px 15px;
    }
    .promotionNver-wrap .proDepartment ol li div.personBox p{
        background:url(../images/promotionNver/processLineSplit.png) right center no-repeat;
        background-size:1px 15px;
        height:70px;
    }
    .promotionNver-wrap .proDepartment ol li div.processTitle.personTitle{
        font-size:18px;
        line-height:18px;
        color:#6b6b6b;
        display:table-cell;
        vertical-align:middle;
        height:70px;
    }
    .promotionNver-wrap .proDepartment ol.personWrap li:after {
        top:30px;
        display:none;
    }
    .promotionNver-wrap .proDepartment ol.personWrap li.first:after {
        top: 30px;
        display: block;
    }
    .promotionNver-wrap .proDepartment ol li div.personBox p{
        font-size:15px;
        line-height:15px;
        text-align:center;
    }
    .promotionNver-wrap .proDepartment ol li div.personBox p span{
        width: 66px;
        height: 66px;
        background:#ececec;
        box-sizing: border-box;
        color:#b1b1b1;
        display: inline-block;
        zoom:1; *display:inline;
        border-radius: 100px;
    }
    .promotionNver-wrap .proDepartment ol li div.personBox p span strong{
         padding: 25px 0;
         display: block;
         /* font-weight:normal; */
    }
    /***인원 완료***/
    .promotionNver-wrap .proDepartment ol li div.personBox.completed p span,
    .promotionNver-wrap .proDepartment ol li div.personBox.completed ul li p span{
        background: #e8eaec;
        color: #77818c;
    }
     /***인원 진행중***/
     .promotionNver-wrap .proDepartment ol li div.personBox.activation p span,
     .promotionNver-wrap .proDepartment ol li div.personBox.activation ul li p span{
        background:#e1ecf9;
        color:#003166;
    }
    /***인원,종료일자 절반HR Audit-미완료***/
    .promotionNver-wrap .proDepartment ol li div.personBox p span.Incompleted,
    .promotionNver-wrap .proDepartment ol li div.personBox ul li p span.Incompleted{
       background: #ececec !important;
        color: #bbbbbb !important;
    }
    .promotionNver-wrap .proDepartment ol li div.endDateBox ul li.Incompleted{
        color: #bbbbbb !important;
    }
    
    
    /*종료 일자*/
    .promotionNver-wrap .proDepartment ol.endDateWrap{
        margin-bottom:0;
    }
    .promotionNver-wrap .proDepartment ol li div.endDateBox{
        height: 50px;
        padding:18px 0;
    }
    .promotionNver-wrap .proDepartment ol.endDateWrap li:after {
        top:20px;
        display:none;
    }
    .promotionNver-wrap .proDepartment ol.endDateWrap li.first:after {
        top: 20px;
        display:block;
    }
     .promotionNver-wrap .proDepartment ol li div.processTitle.endDateTitle{
        font-size:18px;
        line-height:18px;
        color:#6b6b6b;
        display:table-cell;
        vertical-align:middle;
        height:50px;
    }
    .promotionNver-wrap .proDepartment ol li div.endDateBox p,
    .promotionNver-wrap .proDepartment ol li div.endDateBox ul li{
        font-size:15px;
        line-height:15px;
        color:#bbbbbb;
        text-align:center;
    }
    /***종료일자 완료***/
    .promotionNver-wrap .proDepartment ol li div.endDateBox.completed p,
    .promotionNver-wrap .proDepartment ol li div.endDateBox.completed ul li{
        color:#77818c;
    }
     /***종료일자 진행중***/
     .promotionNver-wrap .proDepartment ol li div.endDateBox.activation p,
     .promotionNver-wrap .proDepartment ol li div.endDateBox.activation ul li{
        color:#003166;
    }
    .promotionNver-wrap .proDepartment ol li.nextlevel{
    font-size:30px;
        line-height:30px;
        color:#bbbbbb;
        text-align:center;
    }
    
    /*display:block*/
    .displayBlock{
        display:block !important;
    }
    /*작은크기의 dhtmlx Grid*/
    div.gridbox_dhx_web.gridbox.smallGridBox table.hdr td{
        padding: 2px 10px 3px !important;
        font-size: 13px;
    }
    div.gridbox_dhx_web.gridbox.smallGridBox .dhx_combo_edit{
        height:19px !important;
        line-height:19px !important;
        font-size: 13px;
        text-align:right !important;
    }
    div.gridbox_dhx_web.gridbox.smallGridBox table.obj tr td {
        padding: 3px 10px !important;
        font-size: 13px;
    }
    /*text공통*/
   .txtR{text-align:right !important;}
   .txtC{text-align:center !important;}
   .txtL{text-align:left !important;}
    .h100{height:100% !important;}
    .inputTextAreaForm{
        padding:5px 5px 5px 10px !important;
    }
    /*승진 본부심의 기준 확인*/
    .newTargetSelectWrap{
        overflow:hidden;
    }
    .newTargetSelectWrap .newTargetSelectList li {
        float: left;
        width: 16.6666%;
        margin-bottom: 5px;
        padding-left: 10px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    .newTargetSelectWrap .newTargetSelectList li:first-child,
    .newTargetSelectWrap .newTargetSelectList li:nth-child(7n){
        padding-left:0;
    }
    .newTargetSelectWrap .newTargetSelectList li p{
        display: block;
        height: 44px;
        line-height: 44px;
        padding: 0 20px;
        font-size: 15px;
        text-align: center;
        color: #555;
        background-color: #ececec;
        border-radius: 5px;
        -webkit-border-radius: 5px;
    }
    .newTargetSelectWrap .newTargetSelectList li p.signalWrap{
         text-align: left;
    }
    .newTargetSelectWrap .newTargetSelectList li p.signalWrap .newTargetSignalBlue{
        float: right;
        text-indent: -9999px;
        overflow: hidden;
        width: 10px;
        height: 10px;
        background: #00b9e4;
        margin-top: 16px;
        border-radius: 100px;
        border-radius: 100%;
    }
    .newTargetSelectWrap .newTargetSelectList li p.signalWrap .newTargetSignalRed{
        float: right;
        text-indent: -9999px;
        overflow: hidden;
        width: 10px;
        height: 10px;
        background: #e43452;
        margin-top: 16px;
        border-radius: 100px;
        border-radius: 100%;
    }
    /*승진Nver상태 아이콘*/
    .Nverstate-allDone{display: inline-block; width: 13px; height: 13px; background: url('../images/common/nverPro_blue.png') 0 0 no-repeat; background-size:13px 13px; vertical-align:middle;}
    .Nverstate-someDone{display: inline-block; width: 13px; height: 13px; background: url('../images/common/nverPro_yellow.png') 0 0 no-repeat; background-size:13px 13px; vertical-align:middle;}
    .Nverstate-noDone{display: inline-block; width: 13px; height: 13px; background: url('../images/common/nverPro_red.png') 0 0 no-repeat; background-size:13px 13px; vertical-align:middle;}
    span.dark02{
        background:#97979a;
        display:inline-block;
        width:12px;
        height:12px;
        margin-right:5px;
        border-radius:2px;
        vertical-align:middle;
    }
    /*추가삭제 아이콘만있는 버튼*/
    .NverTogglePlus{
        background:url('../images/common/ico_open.png') 0 0 no-repeat;
        width: 20px;
        height: 20px;
        margin:8px 4px;
    }
    .NverToggleMinus{
        background:url('../images/common/ico_close.png') 0 0 no-repeat;
        width: 20px;
        height: 20px;
        margin:8px 4px;
    }
    /* 대리이하평가 왼쪽 테이블 */
    .positionR{
        position:relative !important;
    }
    .ratingConfirmTable tbody tr.ratingGraph td div.totalRateNver{
        max-height:95%;/* 구식브라우저 */
        max-height:calc(100% - 23px);
        height:95%;
        height:calc(100% - 23px);
        top:23px;
    }
    .ratingGraphTotal.ratingGraphTotal2{
        border-bottom:none;
        position:relative;
    }
    .ratingConfirmTable tbody tr.ratingGraph td div ul.ratingTotalList{
        padding: 5px 0 5px 8px;
        overflow: hidden;
        box-sizing: border-box;
    }
    .ratingConfirmTable tbody tr.ratingGraph td div ul.ratingTotalList li{
        float:left;
        width:100%;
    }
    .ratingConfirmTable tbody tr.ratingGraph.h100 td{
        height:495px;
        max-height:495px;
    }
    /*타이틀 로딩 아이콘*/
    .titleLoadingIcon{
        padding-left:25px;
        margin-left:20px;
        font-size:13px;
        color:#777777;
        background:url('../images/common/titleLoadingIcon.gif') 0 center no-repeat;
    }
    .f_left{
        float:left !Important;
    }
    .f_right{
        float:right !important;
    }
    /* 프린트 td의 영문 줄바꿈안됨 해결 */
    #print td,
    #print th{
        word-break:break-all;
    }
    /* Print 일때 코멘트 리스트 표출 */
    #print .reviewsWrap .reviewsList li p{
        font-size:8pt !important;
        line-height:12pt !important;
        word-break:break-all;
    }
    #print .reviewsWrap .reviewsList li span{
        font-size:7pt !important;
        line-height:14pt !important;
    }
    

/*===== 20210421_PSV화면 추가 =====*/
.psv-keyword-wrap{width:100%; display:table; table-layout:fixed; padding: 0;overflow: hidden;}
.psv-keyword-wrap > *{display:table-cell; vertical-align:top;}
.psv-keyword-wrap .title{height: 100px;padding-top: 25px;text-align: center;border-radius: 5px;-webkit-border-radius: 5px;box-sizing: border-box;-webkit-box-sizing: border-box;}
.psv-keyword-wrap .title h4{padding-bottom: 15px;line-height: 18px;font-size: 18px;color: #fff; opacity: 0.55;filter: alpha(opacity=55); font-family: inherit;}
.psv-keyword-wrap .title strong{position: relative;padding: 0 20px;line-height: 20px;font-size: 18px;color: #fff;;font-weight: normal; font-weight: 600;}
.psv-keyword-wrap .title strong:before{content: '';display: block;position: absolute;left: 0;top:0;width: 13px;height: 11px;background: url('../images/common/mark_left_03.png') 0 0 no-repeat;}
.psv-keyword-wrap .title strong:after{content: '';display: block;position: absolute;right: 0;top:0;width: 13px;height: 11px;background: url('../images/common/mark_right_03.png') 0 0 no-repeat;}
.psv-keyword-wrap .data-list li:first-child{margin-top: 10px;}
.psv-keyword-wrap .data-list li{margin-top: 10px;text-align: center;background-color: #edf8ff;font-weight: 600;border-radius: 5px;-webkit-border-radius: 5px;}
.psv-keyword-wrap .performance .data-list li span.num{display: inline-block; width: 25px; line-height: 25px; height: 25px; margin-right: 10px; font-weight: 600; text-align: center; font-size: 18px; color: #fff;  border-radius: 50%; -webkit-border-radius: 50%; background-color: #00aad2;}
.psv-keyword-wrap .performance{position: relative;width: 270px; padding-right: 30px;}
.psv-keyword-wrap .performance .title{background-color: #00aad2;}
.psv-keyword-wrap .performance .data-list{}
.psv-keyword-wrap .performance .data-list li{height: 98px; line-height: 98px; font-size: 17px; padding: 0 20px; color:#292929;}
.psv-keyword-wrap .performance p{position: absolute;left: 20px;top: 110px;height: 155px;padding-top: 52px;padding-right: 35px;line-height: 25px;text-align: right;font-weight: 600;background: url('../images/mss/bg_text.png') 100% 0 no-repeat;box-sizing: border-box;-webkit-box-sizing: border-box;}
.psv-keyword-wrap .competency{float: left;float: left;position: relative;width: 270px;padding-right: 170px;padding-left: 50px;}
.psv-keyword-wrap .competency .title{background-color: #9735d5;}
.psv-keyword-wrap .competency .data-list{}
.psv-keyword-wrap .competency .data-list li:first-child{height: 49px;line-height: 49px;}
.psv-keyword-wrap .competency .data-list li{height: 48px;line-height: 48px;}
.psv-keyword-wrap .competency p{position: absolute;left: 330px;top: 110px;height: 155px;padding-top: 52px;padding-left: 34px;line-height: 25px;text-align: left;font-weight: 600;background: url('../images/mss/bg_text_02.png') 0 0 no-repeat;box-sizing: border-box;-webkit-box-sizing: border-box;}
.psv-keyword-wrap .opinion-wrap{padding-left: 0; background: #ffffff; border-top: 2px solid #000; overflow: hidden; }       
.psv-keyword-wrap .opinion-wrap .item{float: none; width: 100%; border-bottom: 1px solid #d1d1d1; padding: 0 8px; margin-top: 0; padding-bottom: 15px; }
.psv-keyword-wrap .opinion-wrap .item h5{padding-left: 8px; margin-bottom: 5px; font-weight: 600; font-size: 14px; color: #292929; background: url(../images/common/dot_02.png) 0 50% no-repeat;}
.psv-keyword-wrap .opinion-wrap .item .text-area{min-height: 90px; max-height:90px; overflow-y:auto; padding: 11px 10px 15px 15px; border-radius: 8px; background-color: #f7f7f7;}
ul.dotted-list{width:100%; position:relative;}
ul.dotted-list li{position:relative; padding-left: 8px; font-size: 13px; line-height: 20px;}
ul.dotted-list li + li{margin-top:8px;}
ul.dotted-list li:before, ul.dotted-list li::before{content:''; position:absolute; top:8px; left:0; width:3px; height:3px; background:#999999; border-radius:100%;}
.psv-keyword-wrap.type02 .performance .data-list li{background-color: #f0f4f9;}
.psv-keyword-wrap.type02 .performance .title{background-color: #002c5f;}
.psv-keyword-wrap.type02 .performance .data-list li span.num{background-color: #002c5f;}
.psv-keyword-horizon-wrap{width: 100%;;}
.psv-keyword-horizon-wrap .psv-data-lists{padding: 20px 0; background: #edf8ff; border-radius: 8px; overflow: hidden;}
.psv-keyword-horizon-wrap .psv-data-lists .data-list{width:100%; max-width:1200px; margin:0 auto; padding:0; overflow: hidden; }
.psv-keyword-horizon-wrap .psv-data-lists .data-list li{float: left; width:33.333%;padding: 0 20px; text-align:center;border-left: 1px solid #d1d1d1;box-sizing: border-box;-webkit-box-sizing: border-box;}
.psv-keyword-horizon-wrap .psv-data-lists .data-list li:first-child{border-left: 0 none;}
.psv-keyword-horizon-wrap .psv-data-lists .data-list li .num{display: inline-block; width: 25px; height: 25px; line-height:25px; margin-right: 7px; text-align: center; font-size: 18px; color: #fff; border-radius: 50%; -webkit-border-radius: 50%; background-color: #00aad2;}
.psv-keyword-horizon-wrap .psv-data-lists .data-list li p{display: inline-block;font-size: 17px; font-weight: 600;color: #292929;}
.psv-keyword-horizon-wrap .psv-data-lists + .opinion-wrap{margin-top:10px;}
.psv-keyword-horizon-wrap .opinion-wrap .item .text-area{min-height: 150px; max-height:150px; overflow-y:auto; padding: 11px 10px 15px 15px; border-radius: 8px; background-color: #f7f7f7; word-break:break-all;}
.psv-keyword-horizon-wrap .opinion-wrap .item h4{margin-top: 0; margin-bottom: 0;}
.psv-keyword-horizon-wrap .opinion-wrap .item{padding:0 5px;}
.psv-chart-zone{width:100%; position:relative; display:block; overflow:hidden; margin-top:20px;}
.psv-chart-zone > .spImg{display:block; max-width:100%;}
.window-popup .section-box.psv-section-box{padding:25px 35px 30px 35px; background:#f7f7f7;}
 /*====================*/  
 
 
/*===== 20230213_근태현황 =====*/
* + .attendance-state-wrap{margin-top:40px; overflow-x:auto;}
.attendance-state-wrap .calender{width:100%; min-width:1100px; box-sizing: border-box; -webkit-box-sizing: border-box;}
.attendance-state-wrap .calender-header{position: relative;}
.attendance-state-wrap .calender-header .date{padding-bottom: 18px;font-size: 25px; line-height: 25px; text-align: center; color: #292929; font-weight: 600;}
.attendance-state-wrap .calender-header .btn-area a{display: inline-block; position: absolute; top: 4px; font-size: 19px; line-height: 19px; color: #868686;}
.attendance-state-wrap .calender-header .btn-area .btn.prev{left: 50%;margin-left: -230px; padding-left: 25px; background: url('../../@resource/images/diligence/ico_prev_01.png') left center no-repeat;}
.attendance-state-wrap .calender-header .btn-area .btn.next{right: 50%;margin-right: -230px; padding-right: 25px; background: url('../../@resource/images/diligence/ico_next_01.png') right center no-repeat;}
.attendance-state-wrap .calender-body{margin:10px 0;}
.attendance-state-wrap .calender-body .item-table{table-layout:fixed; width:100%; border-bottom:1px solid #d1d1d1; text-align:center; border-collapse: collapse;}
.attendance-state-wrap .calender-body .item-table thead th{height:53px; padding:10px 0; border-top: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1;font-size: 17px; color: #292929; font-weight: normal; background-color: #edf8ff;}
.attendance-state-wrap .calender-body .item-table thead th:first-child{border-left: 1px solid #d1d1d1;}
.attendance-state-wrap .calender-body .item-table thead th.sun{color:#ff0000;}
.attendance-state-wrap .calender-body .item-table thead th.holi{color:#ff0000;}
.attendance-state-wrap .calender-body .item-table thead th.satur{color:#1050e3;}
.attendance-state-wrap .calender-body .item-table thead th .num{display:block; font-size:14px; line-height:1; font-weight:normal;}
.attendance-state-wrap .calender-body .item-table thead th .total{display:block; font-size:14px; color:#868686; margin-top:4px; font-weight:normal;}
.attendance-state-wrap .calender-body .item-table tbody td{border-top: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; position:relative; vertical-align: top; text-align: left;}
.attendance-state-wrap .calender-body .item-table tbody td:first-child{border-left: 1px solid #d1d1d1;}
.attendance-state-wrap .calender-body .item-table tbody td .data-attend-wrap{width:100%; height:560px; position:relative;}
.attendance-state-wrap .calender-body .item-table tbody td .data-attend-wrap .data-attend-inner{position:relative; height:100%; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column;}
.attendance-state-wrap .calender-body .item-table tbody td .data-attend-wrap .data-attend-inner > div{padding:12px 12px;}
.attendance-state-wrap .calender-body .item-table tbody td .data-attend-wrap .data-attend-inner .data-attend-state{display:block;}
.attendance-state-wrap .calender-body .item-table tbody td .data-attend-wrap .data-attend-inner .data-attend-state > ul.attend-state-list{width:100%; position:relative;}
.attendance-state-wrap .calender-body .item-table tbody td .data-attend-wrap .data-attend-inner .data-attend-state > ul.attend-state-list > li{width:100%; margin:5px 0;}
.attendance-state-wrap .calender-body .item-table tbody td .data-attend-wrap .data-attend-inner .data-attend-state > ul.attend-state-list > li > dl{width:100%; display:table; table-layout:fixed;}
.attendance-state-wrap .calender-body .item-table tbody td .data-attend-wrap .data-attend-inner .data-attend-state > ul.attend-state-list > li > dl > *{display:table-cell; vertical-align:top; line-height:1.2; word-break:break-all;}
.attendance-state-wrap .calender-body .item-table tbody td .data-attend-wrap .data-attend-inner .data-attend-state > ul.attend-state-list > li > dl dt{padding:3px 0; padding-right:4px; color:#292929; font-weight: 600;}
.attendance-state-wrap .calender-body .item-table tbody td .data-attend-wrap .data-attend-inner .data-attend-state > ul.attend-state-list > li > dl dd{width:54px;text-align:center;}
.attendance-state-wrap .calender-body .item-table tbody td .data-attend-wrap .data-attend-inner .data-attend-state > ul.attend-state-list > li > dl dd .state-badge{padding:3px 2px; background:#292929; color:#ffffff; border-radius:5px; font-size:13px; text-align:center; display:block; word-break:break-all;}
.attendance-state-wrap .calender-body .item-table tbody td .data-attend-wrap .data-attend-inner .data-attend-state > ul.attend-state-list > li > dl dd .state-badge .unit{font-size:12px; padding-left:2px; font-weight:normal;}
.attendance-state-wrap .calender-body .item-table tbody td .data-attend-wrap .data-attend-inner .data-attend-state > ul.attend-state-list > li > dl dd .state-badge.type01{background:#292929;}
.attendance-state-wrap .calender-body .item-table tbody td .data-attend-wrap .data-attend-inner .data-attend-state > ul.attend-state-list > li > dl dd .state-badge.type02{background:#14a160;}
.attendance-state-wrap .calender-body .item-table tbody td .data-attend-wrap .data-attend-inner .data-attend-state > ul.attend-state-list > li > dl dd .state-badge.type03{background:#ffa800;}
.attendance-state-wrap .calender-body .item-table tbody td .data-attend-wrap .data-attend-inner .data-attend-state > ul.attend-state-list > li > dl dd .state-badge.type04{background:#d32d49;}
.attendance-state-wrap .calender-body .item-table tbody td .data-attend-wrap .data-attend-inner .data-attend-state + .data-attend-detail,
.attendance-state-wrap .calender-body .item-table tbody td .data-attend-wrap .data-attend-inner .data-attend-detail + .data-attend-detail{border-top:1px solid #dddddd;}
.attendance-state-wrap .calender-body .item-table tbody td .data-attend-wrap .data-attend-inner .data-attend-detail{padding:12px 0 0 0; background:#f9f9f9; -webkit-box-flex:1; -webkit-flex-grow:1; -ms-flex-positive:1; flex-grow:1; -ms-flex:1 1 auto; -webkit-flex:1 1 auto; flex:1 1 auto; overflow:hidden; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column;}
.attendance-state-wrap .calender-body .item-table tbody td .data-attend-wrap .data-attend-inner .data-attend-detail .attend-detail-head{padding:0 12px;}
.attendance-state-wrap .calender-body .item-table tbody td .data-attend-wrap .data-attend-inner .data-attend-detail .attend-detail-head .attend-detail-tit{color:#292929; font-size:16px; padding-bottom:2px; font-weight: 600;}
.attendance-state-wrap .calender-body .item-table tbody td .data-attend-wrap .data-attend-inner .data-attend-detail .attend-detail-state{padding:0 12px 12px 12px; display:block; overflow-y:auto; -webkit-box-flex:1; -webkit-flex-grow:1; -ms-flex-positive:1; flex-grow:1; -ms-flex:1 1 auto; -webkit-flex:1 1 auto; flex:1 1 auto; padding-top:10px;}
.attendance-state-wrap .calender-body .item-table tbody td .data-attend-wrap .data-attend-inner .data-attend-detail .attend-detail-state > ul.detail-state-list{width:100%; position:relative;}
.attendance-state-wrap .calender-body .item-table tbody td .data-attend-wrap .data-attend-inner .data-attend-detail .attend-detail-state > ul.detail-state-list > li{padding-bottom:5px; margin-bottom:5px; width:100%; border-bottom:1px solid #e9e9e9;}
.attendance-state-wrap .calender-body .item-table tbody td .data-attend-wrap .data-attend-inner .data-attend-detail .attend-detail-state > ul.detail-state-list > li:last-child{border-bottom:none;}
.attendance-state-wrap .calender-body .item-table tbody td .data-attend-wrap .data-attend-inner .data-attend-detail .attend-detail-state > ul.detail-state-list > li > dl{width:100%; display:table; table-layout:fixed;}
.attendance-state-wrap .calender-body .item-table tbody td .data-attend-wrap .data-attend-inner .data-attend-detail .attend-detail-state > ul.detail-state-list > li > dl > *{display:table-cell; vertical-align:top; line-height:1.2; word-break:break-all;}
.attendance-state-wrap .calender-body .item-table tbody td .data-attend-wrap .data-attend-inner .data-attend-detail .attend-detail-state > ul.detail-state-list > li > dl > dt{padding:4px 0; padding-right:4px;}
.attendance-state-wrap .calender-body .item-table tbody td .data-attend-wrap .data-attend-inner .data-attend-detail .attend-detail-state > ul.detail-state-list > li > dl > dd{width:70px; text-align:right;}
.attendance-state-wrap .calender-body .item-table tbody td .data-attend-wrap .data-attend-inner .data-attend-detail .attend-detail-state > ul.detail-state-list > li > dl > dd .detail-badge{padding:4px 2px; text-align:center; background:#e9e9e9; border-radius:100px; font-size:13px; display:block; word-break:break-all;}
.attendance-state-wrap .calender-body .item-table tbody td .data-attend-wrap .data-attend-inner .data-attend-detail .attend-detail-state > ul.detail-state-list > li > dl > dd.time{width:80px;}
.attendance-state-wrap .calender-body .item-table tbody td .data-attend-wrap .data-attend-inner .data-attend-detail .attend-detail-state > ul.detail-state-list > li > dl > dd.time .detail-badge{letter-spacing:-0.6px; background:#8b3341; color:#fff;}
 /*====================*/

.apprModal .btn{cursor: pointer;border: 1px solid #999999;text-align: center;border-radius: 5px;outline: none; font-weight: 500;}
.dimLayer{display: block;width: 100%;background-color: rgba(0, 0, 0, 0.3); position: fixed;left: 0;top: 0px;margin: 0;padding: 0;z-index: 9998;}
.apprModal-section{background: #ffffff; box-sizing: border-box; display: none; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: none;z-index: 9999;}

/* --- tooltip 추가 (25.02) --- */
.tooltip {position: relative; display: inline-block;}
.tooltip .tooltiptext {visibility: hidden; width: fit-content; white-space: nowrap; background-color: rgba(0, 29, 100); color: #fff; text-align: center; border-radius: 6px; padding: 5px 10px; position: absolute; z-index: 102; left: 50%; transform: translate( -50%, -120%); font-size: 0.9em;}
.tooltip:hover .tooltiptext {visibility: visible;}
.tooltip .tooltiptext::after {content: " "; position: absolute; border-style: solid; border-width: 4px; border-color:rgba(0, 29, 100, 0.85) transparent transparent transparent; top: 28px; left: calc(50% - 3px);}

/* --- 텍스트 줄임 추가 (25.04) --- */
.text-truncate { width: 100%; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; paddig-bottom:3px;}


/* member-slider 공통 카드 스타일 (bx-arrow-nav와 함께 사용)
   li padding/min-max-width 등 크기는 각 모듈 CSS에서 오버라이드 */
.member-slider li { display: flex; flex-direction: column; align-items: center; text-align: center; }
.member-slider li:last-child { margin-right: 0 !important; }
.member-slider .thumb { width: 78px; height: 78px; border-radius: 50%; background-color: #F0F0F0; color: #949494; border: 1px solid rgba(0, 0, 0, 0.05); display: flex; align-items: center; justify-content: center; flex-shrink: 0; overflow: hidden; margin-bottom: 10px; position: relative; }
.member-slider .thumb img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.member-slider .thumb-initial { font-size: 13px; font-style: normal; font-weight: 600; line-height: 1; }
.member-slider .info-wrap { width: 100%; }
.member-slider .member-name { color: var(--grey01); font-size: 16px; font-weight: 600; line-height: 24px; margin: 0 auto; white-space: nowrap; max-width: 80%; overflow: hidden; text-overflow: ellipsis; text-align: center; }
.member-slider .member-team { color: var(--grey03); font-size: 14px; line-height: 24px; margin: 0 auto; max-width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.member-slider .member-date { color: var(--grey03); font-size: 14px; line-height: 24px; margin: 0; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.member-slider .btn { margin-top: 10px; }

/* bxSlider 공통 화살표 내비게이션
   사용법: 슬라이더 <ul>을 감싸는 컨테이너 div에 bx-arrow-nav 클래스 추가
   예) <div class="tab-cont bx-arrow-nav"> */
.bx-arrow-nav .bx-wrapper { max-width: none !important; }
.bx-arrow-nav .bx-wrapper .bx-controls-direction .bx-prev {
    left: 0; right: auto; width: 43px; height: 43px;
    background-image: url('../images/common/prev_02.png');
}
.bx-arrow-nav .bx-wrapper .bx-controls-direction .bx-next {
    right: 0; width: 43px; height: 43px;
    background-image: url('../images/common/next_02.png');
}
.bx-arrow-nav .bx-wrapper .bx-controls-direction a { z-index: 10 !important; }
.bx-arrow-nav .bx-viewport { margin: 0 43px !important; width: calc(100% - 86px) !important; }

/* 인쇄 — 배경색/이미지 강제 출력 */
@media print {
    * {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}

/* ===== 배너 비주얼 공통 ===== */
/* .mss-visual3 구조 (MssMain · MsseMain 공통) */
.mss-main .mss-visual3{position: relative;border-top-left-radius: 5px;-webkit-border-top-left-radius: 5px;border-top-right-radius: 5px;-webkit-border-top-right-radius: 5px;overflow: hidden;}
.mss-main .mss-visual3 img{vertical-align: top;}
.mss-main .mss-visual3 .title2{display: block;position: absolute;left: 130px;top: 60px;font-size: 45px;line-height: 50px;margin-top: 20px;color: #FFFFFF;}
.mss-main .mss-visual3 .title3{display: block;position: absolute;left: 130px;top: 170px;font-size: 15px;line-height: 20px;margin-top: 50px;color: #FFFFFF;}
/* 배너 비주얼 컨테이너 공통 (EssMain · MssMain · MsseMain · MssjMain) */
.ess-visual,
.mss-visual,
.msse-visual,
.resident-visual{width: 100%; height: 170px; background-color: #E7E7E7; overflow: hidden; position: relative; border-radius: 8px;}
/* 배너 비주얼 Swiper 공통 (EssMain · MssMain · MsseMain · MssjMain) */
.ess-visual .swiper.bannerSwiper,
.mss-visual .swiper.bannerSwiper,
.msse-visual .swiper.bannerSwiper,
.resident-visual .swiper.bannerSwiper{width: 100%; position: relative;}
.ess-visual .swiper-wrapper.ess-slider,
.mss-visual .swiper-wrapper.ess-slider,
.msse-visual .swiper-wrapper.ess-slider,
.resident-visual .swiper-wrapper.ess-slider{display: flex;}
.ess-visual .ess-slider li,
.mss-visual .ess-slider li,
.msse-visual .ess-slider li,
.resident-visual .ess-slider li{width: 100%; flex-shrink: 0; cursor: pointer;}
.ess-visual .ess-slider li img,
.mss-visual .ess-slider li img,
.msse-visual .ess-slider li img,
.resident-visual .ess-slider li img{max-width: 100%; height: auto; display: block; margin-left: auto;}
.ess-visual .swiper-button-prev,.ess-visual .swiper-button-next,
.mss-visual .swiper-button-prev,.mss-visual .swiper-button-next,
.msse-visual .swiper-button-prev,.msse-visual .swiper-button-next,
.resident-visual .swiper-button-prev,.resident-visual .swiper-button-next{width: 50px; height: 50px; background-color: rgba(0,0,0,0.3); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 24px; cursor: pointer; transition: all 0.3s ease;}
.ess-visual .swiper-button-prev:hover,.ess-visual .swiper-button-next:hover,
.mss-visual .swiper-button-prev:hover,.mss-visual .swiper-button-next:hover,
.msse-visual .swiper-button-prev:hover,.msse-visual .swiper-button-next:hover,
.resident-visual .swiper-button-prev:hover,.resident-visual .swiper-button-next:hover{background-color: rgba(0,0,0,0.6);}
.ess-visual .swiper-button-prev::after,.ess-visual .swiper-button-next::after,
.mss-visual .swiper-button-prev::after,.mss-visual .swiper-button-next::after,
.msse-visual .swiper-button-prev::after,.msse-visual .swiper-button-next::after,
.resident-visual .swiper-button-prev::after,.resident-visual .swiper-button-next::after{content: '';}
.ess-visual .swiper-button-prev::before,
.mss-visual .swiper-button-prev::before,
.msse-visual .swiper-button-prev::before,
.resident-visual .swiper-button-prev::before{content: '❮';}
.ess-visual .swiper-button-next::before,
.mss-visual .swiper-button-next::before,
.msse-visual .swiper-button-next::before,
.resident-visual .swiper-button-next::before{content: '❯';}
.ess-visual .swiper-pagination,
.mss-visual .swiper-pagination,
.msse-visual .swiper-pagination,
.resident-visual .swiper-pagination{bottom: 20px !important;}
.ess-visual .swiper-pagination-bullet,
.mss-visual .swiper-pagination-bullet,
.msse-visual .swiper-pagination-bullet,
.resident-visual .swiper-pagination-bullet{background-color: rgba(255,255,255,0.5); width: 12px; height: 12px;}
.ess-visual .swiper-pagination-bullet-active,
.mss-visual .swiper-pagination-bullet-active,
.msse-visual .swiper-pagination-bullet-active,
.resident-visual .swiper-pagination-bullet-active{background-color: white;}
.ess-visual .banner-item,
.mss-visual .banner-item,
.msse-visual .banner-item,
.resident-visual .banner-item{position: relative; cursor: pointer;}
.ess-visual .banner-item img,
.mss-visual .banner-item img,
.msse-visual .banner-item img,
.resident-visual .banner-item img{max-width: 360px; max-height: 168px; height: auto; display: block; margin-left: auto; margin-right: 30px;}
@keyframes fadeIn{from{opacity: 0;}to{opacity: 1;}}
@keyframes slideIn{from{transform: translateY(-50px);opacity: 0;}to{transform: translateY(0);opacity: 1;}}
@media(max-width: 768px){
    .ess-visual .swiper-button-prev,.ess-visual .swiper-button-next,
    .mss-visual .swiper-button-prev,.mss-visual .swiper-button-next,
    .msse-visual .swiper-button-prev,.msse-visual .swiper-button-next,
    .resident-visual .swiper-button-prev,.resident-visual .swiper-button-next{width: 40px;height: 40px;font-size: 18px;}
    .modal-content{padding: 25px;}
    .modal-title{font-size: 20px;}
}
/* 배너 정보 오버레이 (EssMain · MssMain · MsseMain · MssjMain 공통) */
.banner-info-overlay{position: absolute; bottom: 35px; left: 0; right: 0; background: linear-gradient(to top, rgba(0,0,0,0), transparent); color: white; padding: 20px 30px; z-index: 10;}
.banner-info-overlay .banner-title{font-size: 23px; line-height: 150%; font-weight: 700; color: #111111; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width: 810px; padding-left: 30px;}
.banner-info-overlay .banner-content{font-size: 16px; line-height: 150%; font-weight: 400; color: #545454; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width: 810px; padding-left: 30px; padding-top: 10px;}
/* 플로팅 통합검색 버튼 */
.floating-search-wrap{display: flex; align-items: center; position:fixed;margin-bottom:10px; bottom:30px;right:30px;z-index:2002;transition:bottom 0.35s cubic-bezier(0.4,0,0.2,1);}
body:has(#tutorialBtnWrap[style*="display"]):has(#container:not(.container-sub):not(.sub-main):not(.ehr-main)) .floating-search-wrap{bottom:86px;}
.floating-search-btn{position:relative;width:120px;height:48px;border-radius:24px;background:linear-gradient(94deg,#4375AE -10.36%,#1C3048 92.77%);filter:drop-shadow(1px 1px 4px rgba(0,0,0,0.07));border:none;cursor:pointer;overflow:hidden;color:#fff;font-size:14px;font-weight:700;letter-spacing:0.5px;}
.floating-search-btn::after{content:'';position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(196,235,246,0.08) 30%,rgba(255,255,255,0.12) 50%,rgba(196,235,246,0.08) 70%,transparent 100%);transform:skewX(-15deg);animation:floatingBtnShimmer 2.5s infinite linear;}
@keyframes floatingBtnShimmer{0%{left:-75%;}100%{left:130%;}}
.floating-search-tooltip{display:none;position:absolute;bottom:calc(100% + 10px);right:0;width:190px;height:103px;background:#203752;border-radius:12px;color:#fff;font-size:14px;line-height:20px;text-align:center;align-items:center;justify-content:center;flex-direction:column;gap:10px;}
.floating-search-tooltip::after{content:'';position:absolute;bottom:-8px;right:24px;border-width:8px 7px 0;border-style:solid;border-color:#203752 transparent transparent;}
.floating-search-wrap:hover .floating-search-tooltip{display:flex;}
.floating-search-wrap:has(.floating-search-btn.is-active):hover .floating-search-tooltip{display:none;}
/* 플로팅 검색 모달 */
.floating-modal-overlay{display:none;position:fixed;inset:0;background:rgba(17,17,17,0.35);z-index:2000;}
.floating-modal-overlay.is-open{display:block;}
.floating-modal{display:flex;flex-direction:column;position:fixed;right:50px;bottom:150px;width:800px;height:600px;padding:32px 30px 20px 30px;border-radius:10px;background:#fafafa;border:1px solid #ebebeb;box-shadow:0 0 2px 0 rgba(34,34,34,0.10),0 24px 22px 0 rgba(34,34,34,0.05);box-sizing:border-box;z-index:2001;visibility:hidden;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity 0.25s ease,transform 0.25s ease,width 0.3s ease,height 0.3s ease;}
.floating-modal.is-open{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto;}
.floating-btn-img,.floating-btn-close{width:100%;height:100%;object-fit:contain;position:absolute;top:0;left:0;transition:opacity 0.25s ease;pointer-events:none;}
.floating-btn-img{opacity:1;}
.floating-btn-close{opacity:0;}
.floating-search-btn.is-active .floating-btn-img{opacity:0;}
.floating-search-btn.is-active .floating-btn-close{opacity:1;}
.floating-modal-fs-btn{position:absolute;top:10px;right:10px;background:none;border:none;padding:0;cursor:pointer;line-height:0;}
.floating-modal.is-fullscreen{width:82vw;height:77%;}
.floating-modal-search-box{padding:18px;height:170px;border-radius:10px;border-bottom:1px solid #efefef;background:#fff;box-shadow:2px 2px 18px 0 rgba(0,0,0,0.05);box-sizing:border-box;flex-shrink:0;margin-bottom:40px;display:flex;flex-direction:column;justify-content:space-between;}
.floating-modal-search-input-wrap{display:flex;align-items:flex-start;gap:8px;height:80px;}
.floating-modal-search-icon{width:20px;height:20px;flex-shrink:0;margin-top:3px;}
.floating-modal-search-input{flex:1;font-size:18px;color:#828282;font-weight:400;border:none;background:none;outline:none;resize:none;height:100%;overflow-y:auto;line-height:1.5;}
.floating-modal-search-input::placeholder{color:#828282;font-size:18px;font-weight:600;}
.floating-modal-search-tags{display:flex;gap:4px;flex-wrap:wrap;align-items:center;}
.floating-modal-tag{height:28px;padding:0 16px;background:#ecf6fe;color:#004fc7;border:none;border-radius:14px;cursor:pointer;font-size:14px;white-space:nowrap;line-height:28px;}
.floating-modal-content{flex:1;overflow-y:auto;overflow-x:hidden;padding-right:10px;}
.floating-result-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding-bottom:40px;}
.floating-empty-icon{width:48px;height:48px;filter:brightness(0) invert(1) brightness(0.58);}
.floating-empty-title{font-size:24px;font-weight:700;line-height:36px;color:#111111;margin-top:24px;padding-bottom:8px;}
.floating-empty-desc{font-size:14px;font-weight:400;line-height:22px;color:#6b6b6b;}
.floating-result-item:not(:last-child){padding-bottom:32px;border-bottom:1px solid #ebebeb;}
.floating-result-item+.floating-result-item{padding-top:32px;}
.floating-result-item:last-child{padding-bottom:20px;}
.floating-result-title{font-size:20px;font-weight:700;color:#111111;margin-bottom:14px;}
.floating-result-desc{font-size:14px;font-weight:400;line-height:160%;color:#111111;margin-bottom:14px;}
.floating-result-desc ul{list-style:disc !important;padding-left:1.4em !important;margin:4px 0 !important;}
.floating-result-desc li{list-style:disc !important;}
.floating-result-links{display:flex;flex-direction:column;gap:4px;}
.floating-result-links a{display:block;font-size:14px;line-height:22px;font-weight:500;color:#1967ff;text-decoration:none;}
.floating-result-links a:hover{text-decoration:underline;}
.floating-search-spinner{display:none;width:28px;height:28px;border:3px solid #e0e0e0;border-top:3px solid #555;border-radius:50%;animation:hmg-spin 0.8s linear infinite;}
.floating-search-spinner.is-loading{display:block;margin:40px auto;}
@keyframes hmg-spin{to{transform:rotate(360deg);}}
.floating-result-feedback{display:flex;align-items:center;gap:8px;margin-top:12px;}
.floating-feedback-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;cursor:pointer;padding:0;}
.floating-feedback-btn img{width:32px;height:32px;}
.floating-feedback-btn .ic-state-hover,.floating-feedback-btn .ic-state-selected{display:none;}
.floating-feedback-btn:not(.is-selected):hover .ic-state-default{display:none;}
.floating-feedback-btn:not(.is-selected):hover .ic-state-hover{display:block;}
.floating-feedback-btn.is-selected .ic-state-default{display:none;}
.floating-feedback-btn.is-selected .ic-state-selected{display:block;}
.floating-feedback-box{margin-top:12px;padding:18px;border-radius:10px;border-bottom:1px solid #EFEFEF;background:#FFF;box-shadow:2px 2px 18px 0 rgba(0,0,0,0.05);}
.floating-feedback-question{color:#111111;font-size:15px;font-weight:400;line-height:150%;margin-bottom:20px;}
.floating-feedback-chips{display:flex;flex-direction:column;align-items:flex-start;gap:8px;}
.floating-feedback-chip{display:inline-flex;align-items:center;height:34px;padding:0 16px;background:#f5f5f5;border-radius:17px;border:none;cursor:pointer;color:#111111;font-size:15px;font-weight:400;line-height:20px;white-space:nowrap;}
.floating-feedback-chip.is-active{background:#111111;color:#fafafa;}
.floating-direct-input{margin-top:20px;}
.floating-direct-input-header{display:flex;align-items:center;justify-content:space-between;}
.floating-direct-input-title{color:#111111;font-size:15px;line-height:150%;font-weight:400;}
.floating-direct-submit-btn{flex-shrink:0;height:34px;padding:0 16px;background:#111111;color:#fafafa;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:400;white-space:nowrap;}
.floating-direct-textarea{display:block;width:100%;margin-top:8px;padding:12px;border-radius:10px;background:#fff;border:1px solid #EBEBEB;box-sizing:border-box;resize:none;font-size:14px;line-height:150%;color:#111111;outline:none;}
.floating-direct-textarea::placeholder{color:#828282;}
.floating-direct-notice{position:relative;margin-top:8px;padding-left:13px;color:#828282;font-size:13px;line-height:150%;}
.floating-direct-notice::before{content:'';position:absolute;left:0;top:8px;width:3px;height:3px;background:#828282;border-radius:50%;}

/* 튜토리얼 버튼 */
#tutorialBtnWrap{display:none;position:fixed;bottom:30px;right:25px;z-index:99999;}
#container.container-sub ~ #tutorialBtnWrap,
#container.sub-main ~ #tutorialBtnWrap,
#container.ehr-main ~ #tutorialBtnWrap{display:none !important;}
.tutorial-btn{display:block;position:relative;padding:0;border:none;cursor:pointer;background:none;overflow:hidden;line-height:0;}
.tutorial-btn-img{display:block;transition:opacity 0.2s ease;}
.tutorial-btn-hover{position:absolute;top:0;left:0;opacity:0;pointer-events:none;transition:opacity 0.2s ease;}
.tutorial-btn:hover .tutorial-btn-img{opacity:0;}
.tutorial-btn:hover .tutorial-btn-hover{opacity:1;}

/* 인포 툴팁 */
.info-tooltip-wrap{position:relative;display:inline-flex;align-items:center;vertical-align:middle;margin-left:6px;}
.btn-info-ico{display:block;width:16px;height:16px;cursor:pointer;}
.info-tooltip{display:none;position:absolute;bottom:calc(100% + 8px);left:0;background:#121416;color:#fff;font-size:12px;line-height:18px;padding:8px 12px;border-radius:4px;white-space:nowrap;z-index:100;pointer-events:none;}
.info-tooltip::before{content:'';position:absolute;top:100%;left:8px;border:6px solid transparent;border-top-color:#121416;}
.info-tooltip.is-below{bottom:auto;top:calc(100% + 8px);}
.info-tooltip.is-below::before{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:#121416;}
.info-tooltip-wrap:hover .info-tooltip{display:block;}

/* 팀원 기념일 (메인 공통) */
.anni-name-wrap{flex: 1; display: flex; align-items: center; gap: 12px; min-width: 0; overflow: hidden;}
.anni-list{list-style: none; padding: 0; margin: 21px 0 0;height:216px;overflow-y: auto;}
.anni-list li{display: flex; align-items: center; gap: 10px; height: 54px; border-bottom: 1px solid var(--grey06); font-size: 14px; box-sizing: border-box; padding: 0 8px;}
.anni-list li:last-child{border-bottom: 0 none;}
.anni-avatar{width: 40px; height: 40px; border-radius: 50%; background-color: #f0f0f0; color: #949494; display: flex; align-items: center; justify-content: center; font-size: 16px; flex-shrink: 0; border: 1px solid rgba(0,0,0,0.05);}
.anni-avatar img{width: 100%; height: 100%; border-radius: 50%; object-fit: cover; display: block;}
.anni-name{flex: 1; color: var(--grey01); font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.anni-today{flex-shrink: 0; background-color: #091939; color: #fff; font-size: 12px; font-weight: 700; line-height: 150%; padding: 2px 8px; border-radius: 99px; display: inline-flex; align-items: center;}
.anni-event{display: inline-flex; align-items: center; gap: 4px; height: 28px; padding: 0 10px; border-radius: 20px; font-size: 13px; font-weight: 500; flex-shrink: 0; box-sizing: border-box;}
.anni-event.type-blue{background-color: #f6fbff; color: #004fc7;}
.anni-event.type-orange{background-color: #fdf6f1; color: #ed6f26;}
.anni-event.type-green{background-color: #eff5f0; color: #52985b;}
.anni-event.type-purple{background-color: #faf7fd; color: #50139a;}
.anni-name{flex: none;}
.anni-name small{display: block; font-size: 12px; color: var(--grey03); font-weight: normal; margin-top: 2px;}
.no-anniversary{margin-top:26px;}