@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('//fonts.googleapis.com/css?family=Roboto');

/*
a{
    color: inherit !important;
}
*/
body {
    font-family: 'Noto Sans KR' !important;
    font-size:0.8em !important;
}

.eng {
    font-family: "Roboto" !important;
}


.kor {
    font-family: "Noto Sans KR" !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Noto Sans KR" !important;
  font-weight: normal;
  color: #212529;
  margin-top: 0px;
  font-weight: 600; }
  h1 a,
  h2 a,
  h3 a,
  h4 a,
  h5 a,
  h6 a {
    color: inherit; }

.red{
    background-color: red !important;
}


.btn.btn-xs {
    padding: 2px 8px;
    font-size: 0.7rem !important;
}

.category-style-01 .category-item {
    padding: 20px 10px !important;

}

.size16{
    font-size:1.1rem   !important;
}

.candidate-list .candidate-list-image {
    margin-right: 20px !important;
    -ms-flex: 0 0 10px !important;
    flex: 0 0 10px !important;
}

.candidate-list .candidate-list-favourite-time .candidate-list-favourite {
    height: 34px !important;
    width: 34px !important;
    line-height: 34px !important;
    margin-bottom: 0px !important;
}

@media (max-width: 575px){
    .candidate-list .candidate-list-favourite-time {

        display: inline !important;

    }
}

.checkRed{
    color:red !important;
}

#altContent{
    text-align:center !important;
    font-weight:500 !important;
    padding-top:30px !important;
    padding-bottom:30px !important;
    font-size:1.0rem !important;
}

#confirmContent{
    text-align:center !important;
    font-weight:500 !important;
    padding-top:30px !important;
    padding-bottom:30px !important;
    font-size:1.0rem !important;
}


.form-select-lg {
    font-size: 0.88rem !important;
}

.space-ptb {
    padding: 60px 0 !important;
}

.form-control-dok{
    height: 32px !important;
    font-size: 0.88rem !important;
    font-weight: 500 !important;
    padding:4px 10px !important;
}

.button-dok{
    font-size: 0.88rem !important;
    font-weight: 500 !important;
    padding:4px 10px !important;
}

.button-md-dok{
    font-size: 0.88rem !important;
    font-weight: 400 !important;
    padding:4px 10px  !important;
}

#data-table thead tr th{
    border-top:1px solid #cecece !important;
    border-bottom:2px solid #21C87A !important;
}

.btn-xs{
    padding: 0.2125rem 0.525rem !important;
    font-size: .65rem !important;
    border-radius: 3px !important;
}

.modalTitle{
    background-color: #21C87A !important;
    color:#ffffff !important;
}


.wTxt{
    color:#ffffff !important;
}

.searchArea{
    padding:20px 0px !important;
    border:1px solid #efefef !important;
}



body table.dataTable thead tr th.sorting,
body table.dataTable thead tr th.sorting_asc,
body table.dataTable thead tr th.sorting_desc {
    overflow: hidden;
}
body table.dataTable thead tr th.sorting:before,
body table.dataTable thead tr th.sorting_asc:before,
body table.dataTable thead tr th.sorting_desc:before {
    display: none;
}
body table.dataTable thead tr th.sorting:after,
body table.dataTable thead tr th.sorting_asc:after,
body table.dataTable thead tr th.sorting_desc:after {
    opacity: 1;
    color: #ced4da;
    top: 0;
    bottom: 0;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    font-family: Font Awesome\6 Free, Font Awesome\6 Pro, FontAwesome !important;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
}
body table.dataTable thead tr th.sorting:after {
    content: "\f0dc";
}
body table.dataTable thead tr th.sorting_asc:after {
    content: "\f0dd";
    color: #348fe2;
}
body table.dataTable thead tr th.sorting_desc:after {
    content: "\f0de";
    color: #348fe2;
}


.mytag{
    padding:10px 4px !important;
    width:100% !important;
}


.myTagBox{
    margin:0px !important;
}


.myTagBox span {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    padding: 4px 8px;
    display: inline-block;
    margin-right: 8px;
    white-space: nowrap;
    text-align:center !important;
    min-width:100px !important;
    cursor: pointer !important;
    background-color: #53b427 !important;
}

.btn-tag{
    padding:8px 6px !important;
    font-size:0.9em !important;
    overflow:  hidden !important;
    height:35px !important;
    white-space:nowrap !important;
    text-overflow:ellipsis !important;
}

.btn i {
    padding-right: 4px !important;
}


.topBlack{
    border-top:1px solid #000;
}

.rightLine{
    border-right:1px solid #cecece;
}

.divTableTop .divTh{
    background-color: #F6F7FB;
    padding:10px 10px 10px 10px  !important;
    color:#000 !important;
    border-bottom:1px solid #cecece;
}


.divTableTop .divTd{
    border-bottom:1px solid #cecece;
    padding:8px 10px 8px 10px !important;

}