@charset "UTF-8";
/*@import 'https://fonts.googleapis.com/css?family=Roboto';*/

/*@font-face {*/
/*  font-family: 'Noto Sans KR';*/
/*  font-style: normal;*/
/*  font-weight: 100;*/
/*  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),*/
/*       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),*/
/*       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');*/
/*}*/
/*@font-face {*/
/*  font-family: 'Noto Sans KR';*/
/*  font-style: normal;*/
/*  font-weight: 300;*/
/*  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),*/
/*       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),*/
/*       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');*/
/*}*/
/*@font-face {*/
/*   font-family: 'Noto Sans KR';*/
/*   font-style: normal;*/
/*   font-weight: 400;*/
/*   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),*/
/*        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),*/
/*        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');*/
/* }*/
/*@font-face {*/
/*   font-family: 'Noto Sans KR';*/
/*   font-style: normal;*/
/*   font-weight: 500;*/
/*   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),*/
/*        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),*/
/*        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');*/
/* }*/
/*@font-face {*/
/*   font-family: 'Noto Sans KR';*/
/*   font-style: normal;*/
/*   font-weight: 700;*/
/*   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),*/
/*        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),*/
/*        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');*/
/*}*/

* {
	font-family: "Noto Sans KR","Roboto", sans-serif;
}


/* 탭 css*/ 

.nav.nav-tabs .nav-item .nav-link:hover {
    padding: 10px 15px;
    font-weight: 500;
    color: #fff !important;
}

.nav.nav-tabs .nav-item .nav-link.active:hover{
	color: #212121 !important;
}



.header .navbar-brand {
    font-weight: 500 !important;
}

.page-header {
    font-weight: 400 !important;
    font-size: 23px !important;
}

/* 
	폼 라벨 글자부분을 기본적으로 align right로 표기하여 간격을 줄여놨는데 화면비율이 줄어들면
	label과 input이 아래위로 갈라지기때문에 label 텍스트 부분을 다시 왼쪽으로 지정해줌.
*/
@media (max-width:992px){
	.form label.col-form-label-sm{
		text-align: left !important;
		margin-left: 5px !important;
	}
    .form label.col-md-hidden{
        display: none;
    }
}

/* 화면비율이 줄어들시, 라벨과 인풋차이가 커짐 방지. FORM에서 마진 추가 요망 */
.form label.col-form-label-sm{
    margin-bottom: 3px !important;
}

.width-110{
	width: 110px !important;
}
.width-120{
	width: 120px !important;
}
.width-130{
	width: 130px !important;
}
.width-140{
	width: 140px !important;
}
.width-160{
	width: 160px !important;
}
.width-170{
	width: 170px !important;
}
.width-180{
	width: 180px !important;
}
.width-190{
	width: 190px !important;
}

.m-t-50 {
    margin-top: 50px !important;
}
.m-t-60 {
    margin-top: 60px !important;
}
.m-t-70 {
    margin-top: 70px !important;
}
.m-t-80 {
    margin-top: 80px !important;
}



.child-content{
	margin-left: 10px;
	margin-right: 10px;
}

/** jquery-validation */
.form input.state-error, .form select.state-error,.form textarea.state-error,
 .form .radio.state-error, .form .checkbox.state-error , .form .toggle.state-error {
	background: #fff0f0;
}

.form .valid{
	background: #F0FFF0;
}

.form label.state-error{

	padding: 3px 0 0 10px;
    list-style-type: none!important;
    margin: 0!important;
    color: #d2190b;
    font-size: 12px!important;
    line-height: inherit!important;
    /*   
    color: #FF0000;
    font-size:9pt;
	font-weight: 600;
    */
}

.input-group-addon{cursor: pointer;}

.modal-footer button.btn{
    width: 70px !important;
}

.form-wjinput input{
    padding: 0 0 0 0!important;
    min-height: 0!important;
}

.form-control[readonly]{
    background-color: #e9ecef!important;
}

.wj-combobox[disabled]{
    background-color: #e9ecef!important;
}

/* cellTemplate 버튼 border 색상 */
.wj-flexgrid .wj-cell:not([wj-state-measuring]) button.wj-cell-maker {
    border-color: white;
}

input.wj-form-control {
    font-size: .75rem;
}

.inputCenter input{
    text-align: center;
}

/* dropzone - file */
.fa-download{
    cursor: pointer!important;
}
.fa-desktop{
    cursor: pointer!important;
}
.dz-download {
    cursor: pointer!important;
    font-size: 14px;
    text-align: center;
    display: inline-block;
    border: none;
    width: 100%;
    color: #014510;
}
.dz-preview-pdf {
    cursor: pointer!important;
    font-size: 14px;
    text-align: center;
    border: none;
    width: 100%;
    color: #014510;
}
.dz-remove {
    color: #c12f2f;
}

/*모달 xl 사이즈 늘림*/
@media (min-width:1500px){
    .modal-xl{max-width:1500px}
}

.cursor{cursor: pointer;}

.radio.radio-css.alarm-radio label{
    padding-left:16px;
    margin:0px;
    positon:relative;
}
.radio.radio-css.alarm-radio.radio-inline+.radio-inline{
    margin-left:8px;
}

/* 교육대상조회 모달 리스트박스 css */

.theListBox{
    width: 100%;
    height: 350px;
    margin: 0px auto;
}

/* START CSR NO : R100041554 교육시스템 기능 추가 요청 */
.theListBox2{
    width: 100%;
    height: 100px;
    margin: 0px auto;
}
/* END CSR NO : R100041554 교육시스템 기능 추가 요청 */

.videoList{
    width: 100%;
}

.videoList .wj-glyph-check{
    color: #0b6f2c;
}

.video-js{
    max-height: 500px;
}

.video-js-mobile{
    width: 100%;
    /*height: 60vw;*/
    height: 300px;
}

.theListBox:after, .theListBox2:after{
    content: '';
    display: block;
    position: absolute;
    width: 28px;
    height: 28px;
    left: calc(100% - 25px);
    top: 50%;
    margin-top: -14px;
    background-color: white;
    transform: rotate(45deg);
    box-shadow: 1px -1px 0 0 #ccc;
    z-index: 5;
}

/* 교육대상조회 모달 리스트박스 css 끝 */

/* 그리드 폰트 색상 변경 시*/
.selectName a {
    color: #444;
}

.btn-login {
    color: #ffffff;
    background-color: #be0037;
    border-color: #be0037;
}

.child-content, .nav{
    max-width: 1280px;
/*    margin: auto;*/
}

#header-in-div {
    display: flex;
    max-width: 1280px;
    width: 1280px;
    /*margin: auto;*/
    /*background: #fff;*/
}

#header-out-div {
    display: flex;
    max-width: 1280px;
    width: 1280px;
    margin: auto;
}

/* 교육등록화면 */
.table-responsive {
    margin: auto;
    max-width: max-content;
}

/* 교육화면 */
span.content-header {
    font-weight: 600;
    font-size: 15px;
}

div.form-control-btn {
    margin-top: 10px;

}

.edutest-header {
    display: flex;
    flex-direction: column;
}

.edu-date-status {
    background-color: #eee;

}

button.deptDelBtn {
    margin-left: auto;
    background-color: transparent;
    border-color: transparent;
}

button.empDelBtn {
    background-color: transparent;
    border-color: transparent;
}

button.allDeptAddBtn {
    background-color: transparent;
    border-color: transparent;
}

button.allDeptDiffBtn {
    background-color: transparent;
    border-color: transparent;
}

button.deptAddBtn {
    background-color: transparent;
    border-color: transparent;
}

button.empAddBtn {
    background-color: transparent;
    border-color: transparent;
}

.accordion div.card-header {
    height: 40px;
}

.header.navbar-default .navbar-brand {
    color: #be0037;
}
.top-menu {
    background: #be0037;
}

.top-menu .nav>li>a  {
    color: #ffffff;
}

.tdleft {
    width:150px;
    min-width:150px;
}

.tdright {
    width:1100px;
}

.solRow>td:nth-child(2){
    color: #0c7cd5;
}

.note-editor .note-toolbar {
    background: #e0e0e0;
    color: #474747;
    padding: 0 0 5px 5px !important;
    position: relative !important;
    width: 100% !important;
}

.note-editor.note-frame {
    border: 1px solid rgba(33,33,33,.15) !important;
    border-radius: 3px;
}

.selectedForm {
    height: 525px;
    max-height: 525px;
    overflow-y: scroll!important;
    display: inline-block;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 4px;
}

.selectedZone {
    width: 350px;
}

/* ==============================
   PDF / Print 영역 전용 설정
   ============================== */
.print-area {
  height: auto !important;
  overflow: visible !important;
}

@media print {
  .print-area {
    page-break-inside: avoid;
  }

  .modal, .modal-dialog, .modal-content {
    position: static !important;
    overflow: visible !important;
    transform: none !important;
    max-width: 100% !important;
  }
}