@CHARSET "UTF-8";

/* .cl-embeddedpage { */
 /*  padding-bottom: 5px; */
/* } */

.div_work {
     border: 1px solid #E6E6E6;
     border-radius: 10px;
     padding: 15px 15px 10px 15px;
     margin: 5px 10px 5px 10px;
     background:#fff;
 }

.cl-placeholder {
  color: #717171 !important; /*2026.02.23웹접근성조치*/
}
.cmb_mb_com .cl-placeholder {
  color: #555 !important;
}


.div_work_box {
    background:#fff;
    padding:20px 25px 20px 35px;
    border-top:1px solid #e6e6e6;
    border-right:0px none;
    border-bottom:0px none;
    border-left:0px none;
}

.div_work_top {
    padding-top: 15px;
    margin: 0px;
}

.div_work_left {
    padding-left: 15px;
    margin: 0px;
}

.div_work_right {
    padding-right: 15px;
    margin: 0px;
}

.div_search {
    margin-bottom:5px;
    padding:19px 25px 15px 25px;
    background:#fff;
    border-top:0px none;
    border-right:0px none;
    border-bottom:1px solid #e6e6e6;
    border-left:0px none;
    /* border-radius:4px; */
}

.div_search .cl-combobox,
.div_search .cl-inputbox,
.div_search .cl-numbereditor,
.div_search .cl-dateinput,
.div_search .cl-maskeditor {
    border:1px solid #e5e5e5;
    border-radius:5px;
    transition:0.2s
}

.mobile {
    background-color: #fff;
}

.mobile .div_search {
    border: 1px solid #E6E6E6;
    border-radius: 10px;
    padding: 15px 15px 10px 15px;
    margin: 0px 10px 5px 10px;
    background:#fff;
}

.mobile .div_search .cl-combobox.cl-focus:not(.display-only-text),
.mobile .div_search .cl-inputbox.cl-focus:not(.display-only-text),
.mobile .div_search .cl-numbereditor.cl-focus:not(.display-only-text),
.mobile .div_search .cl-dateinput.cl-focus:not(.display-only-text),
.mobile .div_search .cl-maskeditor.cl-focus:not(.display-only-text) {
    /*2026.03.06 웹접근성조치*/
    border: none;
    outline: 2px solid red;
    color: #cc0000;
}

/* 게시판 */
.bbs_list .list_body_pc {
  border-bottom: solid 1px #e0e0e0;
}

.label_active {
  color: #fff;
  background-color: #8b0029;
}

.bbs_title_attachment .cl-text::after {
    content: "";
    background-image: url(images/controls/attatch_n.png);
    background-repeat: no-repeat;
    display: inline-block;
    position: relative;
    background-size: 14px 14px;
    width: 14px;
    height: 14px;
    top: 2px;
    left: 5px;
}

/* process 버튼 */
.grp_process01{
    border: none;
    display: flex;
    justify-content: space-between;
    margin-right: 0;
    transition: all 0.3s;
    cursor: auto;
}
.grp_process01.process_button{
    border: none;
    display: flex;
    justify-content: space-between;
    margin-right: 0;
    transition: all 0.3s;
    cursor: pointer;
}
.grp_process01 .processStep {
    font-weight: 600;
    font-size: 12px;
    color: #999;
    transition: all 0.3s;
}
.grp_process01 .processTitle {
    font-weight: 600;
    font-size: 13px;
    color: #666;
    vertical-align: top;
    transition: all 0.3s;
}
.grp_process01 .processBtn {
    border: none;
    background-color: transparent;
}
.grp_process01.process_button .processBtn:hover {
    border: none;
    background-color: transparent;
}
.grp_process01.process_button:not(.cl-disabled):hover .processStep {
    color: #8b0029;
}

.grp_process01::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 10px margin-right:10px;
    width: 30px;
    height: 30px;
    top: 10px;
    left: 7px;
    border-radius: 50%;
    border: 1px solid #9b9b9b;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 53% 50%;
    transition: all 0.3s;
    background-image: url('images/controls/business_step01.png');
}
.grp_process01.bgType1::before{
    background-image: url('images/controls/business_step01.png');
}
.grp_process01.process_button.bgType1:not(.cl-disabled):hover::before{
    border-color: #1869d0;
    background-color: #f2f8ff;
    background-image: url('images/controls/business_step01_over.png');
}

.grp_process01.bgType2::before{
    background-image: url('images/controls/business_step02.png');
}
.grp_process01.process_button.bgType2:not(.cl-disabled):hover::before{
    border-color: #1869d0;
    background-color: #f2f8ff;
    background-image: url('images/controls/business_step02_over.png');
}

.grp_process01.bgType3::before{
    background-image: url('images/controls/business_step03.png');
}
.grp_process01.process_button.bgType3:not(.cl-disabled):hover::before{
    border-color: #1869d0;
    background-color: #f2f8ff;
    background-image: url('images/controls/business_step03_over.png');
}

.grp_process01.bgType4::before{
    background-image: url('images/controls/business_step04.png');
}
.grp_process01.process_button.bgType4:not(.cl-disabled):hover::before{
    border-color: #1869d0;
    background-color: #f2f8ff;
    background-image: url('images/controls/business_step04_over.png');
}
.grp_process01.bgType5::before{
    background-image: url('images/controls/business_step05.png');
}
.grp_process01.process_button.bgType5:not(.cl-disabled):hover::before{
    border-color: #1869d0;
    background-color: #f2f8ff;
    background-image: url('images/controls/business_step05_over.png');
}
.grp_process01.bgType6::before{
    background-image: url('images/controls/business_step06.png');
}
.grp_process01.process_button.bgType6:not(.cl-disabled):hover::before{
    border-color: #1869d0;
    background-color: #f2f8ff;
    background-image: url('images/controls/business_step06_over.png');
}
.grp_process01.bgType7::before{
    background-image: url('images/controls/business_step07.png');
}
.grp_process01.process_button.bgType7:not(.cl-disabled):hover::before{
    border-color: #1869d0;
    background-color: #f2f8ff;
    background-image: url('images/controls/business_step07_over.png');
}


.grp_process01.active:not(.cl-disabled) .processStep {
    color: #8b0029;
}
.grp_process01.bgType1.active:not(.cl-disabled)::before{
    background-color: #8b0029;
    border-color: #8b0029;
    background-image: url('images/controls/business_step01_on.png');
}
.grp_process01.process_button.bgType1.active:not(.cl-disabled):hover::before{
    border-color: #1869d0;
    background-color: #f2f8ff;
    background-image: url('images/controls/business_step01_over.png');
}
.grp_process01.bgType2.active:not(.cl-disabled)::before{
    background-color: #8b0029;
    border-color: #8b0029;
    background-image: url('images/controls/business_step02_on.png');
}
.grp_process01.process_button.bgType2.active:not(.cl-disabled):hover::before{
    border-color: #1869d0;
    background-color: #f2f8ff;
    background-image: url('images/controls/business_step02_over.png');
}
.grp_process01.bgType3.active:not(.cl-disabled)::before{
    background-color: #8b0029;
    border-color: #8b0029;
    background-image: url('images/controls/business_step03_on.png');
}
.grp_process01.process_button.bgType3.active:not(.cl-disabled):hover::before{
    border-color: #1869d0;
    background-color: #f2f8ff;
    background-image: url('images/controls/business_step03_over.png');
}
.grp_process01.bgType4.active:not(.cl-disabled)::before{
    background-color: #8b0029;
    border-color: #8b0029;
    background-image: url('images/controls/business_step04_on.png');
}
.grp_process01.process_button.bgType4.active:not(.cl-disabled):hover::before{
    border-color: #1869d0;
    background-color: #f2f8ff;
    background-image: url('images/controls/business_step04_over.png');
}
.grp_process01.bgType5.active:not(.cl-disabled)::before{
    background-color: #8b0029;
    border-color: #8b0029;
    background-image: url('images/controls/business_step05_on.png');
}
.grp_process01.process_button.bgType5.active:not(.cl-disabled):hover::before{
    border-color: #1869d0;
    background-color: #f2f8ff;
    background-image: url('images/controls/business_step05_over.png');
}
.grp_process01.bgType6.active:not(.cl-disabled)::before{
    background-color: #8b0029;
    border-color: #8b0029;
    background-image: url('images/controls/business_step06_on.png');
}
.grp_process01.process_button.bgType6.active:not(.cl-disabled):hover::before{
    border-color: #1869d0;
    background-color: #f2f8ff;
    background-image: url('images/controls/business_step06_over.png');
}
.grp_process01.bgType7.active:not(.cl-disabled)::before{
    background-color: #8b0029;
    border-color: #8b0029;
    background-image: url('images/controls/business_step07_on.png');
}
.grp_process01.process_button.bgType7.active:not(.cl-disabled):hover::before{
    border-color: #1869d0;
    background-color: #f2f8ff;
    background-image: url('images/controls/business_step07_over.png');
}


.grp_process01.bgType1.cl-disabled::before {
    background-color: #999;
    background-image: url('images/controls/business_step01_on.png');
}
.grp_process01.bgType2.cl-disabled::before {
    background-color: #999;
    background-image: url('images/controls/business_step02_on.png');
}
.grp_process01.bgType3.cl-disabled::before {
    background-color: #999;
    background-image: url('images/controls/business_step03_on.png');
}
.grp_process01.bgType4.cl-disabled::before {
    background-color: #999;
    background-image: url('images/controls/business_step04_on.png');
}
.grp_process01.bgType5.cl-disabled::before {
    background-color: #999;
    background-image: url('images/controls/business_step05_on.png');
}
.grp_process01.bgType6.cl-disabled::before {
    background-color: #999;
    background-image: url('images/controls/business_step06_on.png');
}
.grp_process01.bgType7.cl-disabled::before {
    background-color: #999;
    background-image: url('images/controls/business_step07_on.png');
}
.opt_process01_next::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 1px;
    background: #e6e6e6;
}

.grp_process02 {
    background: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    display: flex;
    justify-content: space-between;
    margin-right: 0;
    transition: all 0.3s;
    cursor: auto;
}
.grp_process02.process_button {
    background: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    display: flex;
    justify-content: space-between;
    margin-right: 0;
    transition: all 0.3s;
    cursor: pointer;
}
.grp_process02 .processStep {
    font-weight: 600;
    font-size: 12px;
    color: #8b0029;
    transition: all 0.3s;
}
.grp_process02 .processTitle {
    font-weight: 600;
    font-size: 13px;
    color: #333;
    text-indent: 5px;
    transition: all 0.3s;
}
.grp_process02 .processCnt {
    font-size: 12px;
    font-weight: 600;
    border-radius: 50%;
    background: #377da3;
    color: #fff;
    text-align: center;
    line-height: 28px;
}
.grp_process02.process_button:not(.cl-disabled):hover {
    border-color: #8b0029;
    background: #f2f8ff;
}

.grp_process02.active:not(.cl-disabled) {
    border-color: #8b0029;
    background: #8b0029;
}
.grp_process02.process_button.active:not(.cl-disabled):hover {
    border-color: #8b0029;
    background: #f2f8ff;
}
.grp_process02.process_button.active:not(.cl-disabled):not(:hover) .processStep {
    color: #a8bde4;
}
.grp_process02.process_button.active:not(.cl-disabled):not(:hover) .processTitle {
    color: #fff;
}
.grp_process02.process_button.active:not(.cl-disabled):not(:hover) .processCnt {
    background: #fff;
    color: #8b0029;
}
.grp_process02.active:not(.process_button):not(.cl-disabled) .processStep {
    color: #a8bde4;
}
.grp_process02.active:not(.process_button):not(.cl-disabled) .processTitle {
    color: #fff;
}
.grp_process02.active:not(.process_button):not(.cl-disabled) .processCnt {
    background: #fff;
    color: #8b0029;
}


.grp_process02.cl-disabled {
    cursor: auto;
}
.grp_process02.cl-disabled .processStep {
    color: #999;
    cursor: auto;
}
.grp_process02.cl-disabled .processTitle {
    color: #999;
    cursor: auto;
}
.grp_process02.cl-disabled .processCnt {
    background: #999;
    color: #fff;
    cursor: auto;
}
.opt_process02_next {
    background: url('images/controls/work-step2_arrow.png') no-repeat 50% 50%;
}

.grp_aprln_bg {
    border: 1px solid #e7e7e7;
    background: #fff;
    border-radius: 7px;
    box-shadow:  0 4px 2px rgba( 204 204 204 / 30%);
    padding : 0px 15px 10px 15px;
}
.grp_aprln_bg.active {
    border: 2px solid #8b0029;
    background: #fff;
    border-radius: 7px;
}
.grp_aprln_bg .step {
    font-weight: 600;
    font-size: 12px;
    color: #8b0029;
    transition: all 0.3s;
}
.grp_aprln_bg .title {
    font-weight: 600;
    font-size: 16px;
    color: #333;
    text-indent: 5px;
    transition: all 0.3s;
}
.grp_aprln_bg .cnt {
    font-size: 12px;
    font-weight: 600;
    border-radius: 50%;
    background: #377da3;
    color: #fff;
    text-align: center;
    line-height: 28px;
}
.grp_aprln {
    border: 1px solid #b2cdf0;
    background: #fff;
    padding: 8px 13px;
    border-radius: 5px;
}
.grp_aprln_bg .grp_aprln .cl-text{
    color: #999;
}
.grp_aprln_bg.active .grp_aprln:not(.bgColor) .cl-text{
    color: #333;
}
.grp_aprln_bg .grp_aprln.bgColor {
    background: #f9fbfe;
}
.grp_aprln .bgType1 {
    background-image: url('images/controls/cardlist_prog_step01.png');
    background-repeat: no-repeat;
    background-position: 0% 50%;
    padding-left: 35px;
}
.grp_aprln .bgType2 {
    background-image: url('images/controls/cardlist_prog_step02.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    padding-left: 35px;
}
.grp_aprln .bgType3 {
    background-image: url('images/controls/cardlist_prog_step03.png');
    background-repeat: no-repeat;
    background-position: 0% 50%;
    padding-left: 35px;
}

/* 로딩박스 */
.prog-box {
    /* top:50px; */
    position: relative;
    width: 315px;
    height: 160px;
    padding:30px;
    border: 1px solid #f4f4f4;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align:center;
    box-shadow: 0 0 10px 1px rgba(0 0 0 / 10%);
}
.prog-box::before{
    content:'';
    display:block;
    position:absolute;
    left:50%;
    transform: translateX(-50%);
    width:100px;
    height:65px;
    background-repeat:no-repeat;
    background-position:50% 50%;
}
/*
.prog-box.type01::before{
    background-image: url(images/controls/loading_character01.png);
    top:-52px;
}
.prog-box.type02::before{
    background-image: url(images/controls/loading_character02.png);
    top:-42px;
}
*/
/* 알림팝업 */
.div_alrm {
    padding: 15px;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    text-align: left;
    position: relative;
    cursor: pointer;
    transition: all 0.3s;
    background-color: #fafafa;
}
.div_alrm .opt_title {
    font-size: 14px;
    color: #8b0029;
    font-weight: 500;
    padding-left: 20px;
    padding-right: 20px;
    background: url(images/com/ntcn/alrm-list_ic.png) no-repeat 0 50%;
}
.div_alrm .opt_text {
    font-size: 12px;
    color: #b2b2b2;
}
.div_alrm .opt_title.read {
    font-size: 14px;
    color: #999;
    font-weight: 500;
    background: url(images/com/ntcn/alrm-list_open.png) no-repeat 0 50%;
}
.div_alrm.lock {
    background: url(images/com/ntcn/check.png)no-repeat 97% 8px;
    transition: all 0s;
}
.div_alrm.active {
    box-shadow: 0 0 5px 2px rgba(204 204 204 / 50%);
    background-color: #fff;
}
.div_alrm.active::before {
    content: '';
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 2px solid #ad9273;
    border-radius: 5px;
    transition: all 0.3s;
}
.div_alrm.active .opt_title {
    color: #333;
}
.div_alrm.active .opt_title::before {
    content: '';
    display: block;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 9px;
    height: 14px;
    background: url(images/com/ntcn/alrmpop-list_arrow.png) no-repeat 50% 50%;
    transition: all 0.3s;
}
.div_alrm.mobile .opt_title::before {
    content: '';
    display: block;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    background: url(images/com/ntcn/alrmpop-list_arrow_up_m.png) no-repeat 50% 50% / 14px;
    transition: all 0.3s;
}
.div_alrm.mobile.active .opt_title::before {
    transform: translateY(-50%) rotate(180deg);
    background: url(images/com/ntcn/alrmpop-list_arrow_up_m.png) no-repeat 50% 50% / 14px;
}
.div_alrm.active .opt_text {
    font-size: 12px;
    color: #666;
}
.btn_alrm_read {
    border-color: #8b0029;
    background-color: #8b0029;
    background-image: url(images/com/ntcn/btn_view_ic_on_m.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 17px;
}

/* 카드형 */
.div_card {
    padding: 15px;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    text-align: left;
    position: relative;
    transition: all 0.3s;
}
.div_card.thin {
    padding: 5px 15px;
}
.div_card .opt_label {
    color: #888 !important;
}
.div_card .div_title {
    border-bottom : solid 1px #f2f2f2;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
.div_card .opt_title {
    font-size: 15px !important;
    color: #111111 !important;
    font-weight: 600;
}
.div_card .opt_ctnt {
    color: #333333;
}

.div_card .opt_pointCtnt {
    color: #AF1439;
    border: none;
    
}
.div_card .opt_pointLabel01 {
    color: #0588fa;
    font-size: 13px !important;
    padding: 2px 5px;
    background: #dff0ff;
    border-radius: 6px;
    text-align: center;
    display: inline-block;
    white-space: normal;
    word-break: keep-all;
}
.div_card .opt_pointLabel02 {
    color: #8b0029;
    font-size: 13px !important;
    padding: 2px 5px;
    background: #8b002926;
    border-radius: 6px;
    text-align: center;
    display: inline-block;
    white-space: normal;
    word-break: keep-all;
}
.div_card .opt_pointLabel03 {
    color: #3f98b6;
    font-size: 13px !important;
    padding: 2px 5px;
    border-radius: 13px;
    text-align: center;
    border: 1px solid #3f98b6;
    display: inline-block;
    white-space: normal;
    word-break: keep-all;
}
.div_card .opt_pointLabel04 {
    color: #000cff;
}
.div_card .bg_attend {
    padding-left: 25px;
    background-image:url('images/controls/ico_attend.png');
    background-repeat: no-repeat;
    background-position: left;
}
.div_card .opt_ctnt_dot {
  color: #333333;
  position: relative;
  padding-left: 10px;
  white-space: nowrap;
}
.div_card .opt_ctnt_dot::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 13px;
  line-height: 1;
}

.opt-arrow-left {
    background-image: url("images/controls/opt-arrow.png");
    transform: scaleX(-1);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-color: rgba(255, 255, 255, 0.8);
    border-color: transparent !important;
    padding: 0px;
    background-size: 6px 15px;
}

.opt-arrow-right {
    background-image: url("images/controls/opt-arrow.png");
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-color: rgba(255, 255, 255, 0.8);
    border-color: transparent !important;
    padding: 0px;
    background-size: 6px 15px;
}

/******************* 성적입력 PC 특화화면 START *******************/

.div_grade_input_title {
    padding:24px;
    border:1px solid #e1e1e1;
    border-radius:4px;
    background:#fff
}

.div_grade_input_title .opt_class_tit {
    font-size:14px;
    color:#fff;
    background:#9a2626;
    padding:0 12px;
    margin-right:10px;
    height:30px;
    line-height:30px;
    border-radius:20px;
}

.div_grade_input_title .opt_title {
    font-size:20px;
    color:#212121;
    font-weight:600
}

.div_grade_input_title .opt_sub_title {
    font-weight:500;
    color:#888
}

.div_grade_input_title .opt_sub_ctnt {
    font-weight:500;
    color:#333
}

.div_grade_input_title .div_grade_input_box_wrap {
    display:flex;
    padding:20px 14px;
    border-radius:10px;
    background:#fbf9f6;
}

.div_grade_input_title .div_grade_input_box_wrap_item {
    display:flex;
}

.div_grade_input_title .div_grade_input_box_wrap .opt_image_ctnt {
    font-size:15px;
    font-weight:500;
    color:#1a1a1a;
}

.div_grade_input_title .div_grade_input_box_wrap .opt_strong {
    font-size:20px;
    font-weight:600;
    color:#1a1a1a;
}

.div_grade_input_title .div_grade_input_box_wrap .opt_ctnt {
    font-size:14px;
    color:#666;
    font-weight:500;
}

/******************* 성적입력 PC 특화화면 END *******************/

.label_suex_type01 {
  border:1px solid #e5e5e5;
  border-radius:5px;
  background-color: #f5f5f5;
  padding: 3px;
}

.label_sles_type01 {
    border-radius: 5px;
    background: #5270cc;
    color: white;
    padding: 1px 3px;
    margin-left: 2px;
    font-size: 12px;
}
.label_sles_type02 {
    border-radius: 5px;
    background: #d6c9b1;
    color: white;
    padding: 1px 3px;
    margin-left: 2px;
    font-size: 12px;
}

/******************* 포털 CSS START ******/
.por-main-body .cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item {
    background-color: transparent;
    font-size: 14px;
    color: #999;
    border-color: transparent;
    background-image:url('images/com/portal/main_body_mdi_header_bg.png');
    background-repeat: no-repeat;
    background-position: right;
}

.por-main-body .cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item.cl-selected {
    background-color: transparent;
    font-size: 14px;
    color: #08326b;
    border-color: transparent;
    background-image:url('images/com/portal/main_body_mdi_header_bg.png');
    background-repeat: no-repeat;
    background-position: right;
}

.por-main-body .cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item:not(.cl-selected):hover {
    background-color: transparent;
}


/******************* 포털 CSS END ******/

/******************* 웹접근성 진단 조치 ******/
.div_search .cl-combobox,
.div_search .cl-inputbox,
.div_search .cl-numbereditor,
.div_search .cl-dateinput,
.div_search .cl-maskeditor {
    margin: 2px;

    &.cl-focus  {
        margin: 2px;
        border: #1a1a1a solid  2px;
    }
}

.div_search .cl-button {
    margin: 2px;
}

.mobile .div_search .cl-combobox,
.mobile .div_search .cl-inputbox,
.mobile .div_search .cl-numbereditor,
.mobile .div_search .cl-dateinput,
.mobile .div_search .cl-maskeditor {
    margin: 0px;
    outline: none  0px;

    &.cl-focus  {
        margin: 2px;
        border: #1a1a1a solid  2px;
    }
}

.mobile .div_search .cl-button {
    margin: 0px;
    outline: none  0px;
}

.btn_com_filter {
    &.cl-focus {
        border: 2px solid #1a1a1a !important;
    }
}

.cl-tabfolder .cl-tabfolder-item.cl-selected
,.main_mdi .main_mdi_item.cl-selected
.main_mdi.cl-focus .main_mdi_item.cl-selected {
    margin: 1px;
    outline: 0px none;
}

.cl-tabfolder.cl-focus:not(.main_mdi) .cl-tabfolder-item.cl-selected{
    outline: 0px none;
}

/******************* 전자결재문서 조회 팝업 ******/
.elcap_pop_title .cl-text{
    color: #ac1700;
    border-bottom: 1px solid #ac1700;
    text-align: left;
    cursor: pointer;
}

/******************* 예약 CSS START ******/
.rsv_btn_prev {width:64px; height:64px; background:#fff; border:1px solid #8b0029; color:#8b0029; border-radius:3px; }
.rsv_btn_prev {padding-top:20px; background:url(images/adm/arsv/work-btn-wrap_prev.png) no-repeat center top;}
.rsv_btn_prev:hover {border-color:#921e1e; background:#fdf9fa; color:#921e1e;}
/******************* 예약 CSS END ******/




/* 모바일 */
@media (max-width: 480px) {
    .div_work_box {
        padding:20px 25px;
    }

    .label_search {
        margin-left: 0px;
    }


    .div_card.thin {
        padding: 15px;
    }

    .div_work {
        border-top: 1px solid #E6E6E6;
        border-right: 0px none;
        border-bottom: 1px solid #E6E6E6;
        border-left: 0px none;
        border-radius: 0px;
        padding: 15px 15px 10px 15px;
        margin: 0px 0px 5px 0px;
        background: #fff;

    }

    .mobile:not(.div_popup) {
        background-color: #f6f6f6;
    }
    .mobile .div_search {
        border-top: 1px solid #E6E6E6;
        border-right: 0px none;
        border-bottom: 1px solid #E6E6E6;
        border-left: 0px none;
        border-radius: 0px;
        padding: 15px 15px 10px 15px;
        margin: 0px 0px 5px 0px;
        background: #fff;
    }

    .cl-accordion.accordion-card {
        background-color: #f6f6f6;
        margin: 0px;
    }

    .cl-accordion.accordion-card .cl-accordion-header {
        border-right: 0px none;
         border-left: 0px none;
        border-radius: 0px;
        font-size: 17px;
        padding: 15px 20px 10px 20px;
    }


    .cl-accordion.accordion-card .cl-accordion-section:not(.cl-accordion-placeholder) .cl-accordion-content {
        border-right: 0px none;
        border-left: 0px none;
        border-radius: 0px;
        padding: 10px 20px 15px 20px;
    }

    .cl-accordion.accordion-card .cl-accordion-section +.cl-accordion-header {
        margin-top: 10px;
    }

    .cl-dialog {
        border-top: 1px solid #e5e5e5;
        border-right: 0px none;
        border-bottom: 0px none;
        border-left: 0px none;
        border-radius: 0px;
        box-shadow: none;
    }

    .cl-overlay{
        background-color : transparent;
    }

}

/******************* 알람 CSS START ******/
.alarm_top_box {
    background: #f4f4f4 none;
    border-radius: 4px;
}
.alarm_top_box::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 12px;
    width: 40px;
    height: 40px;
    background: #fff url(images/com/ntcn/alrm_char_new.png) no-repeat 50% 50%;
    border-radius: 50%;
    transform: translateY(-50%);
}
/******************* 알람 CSS END ******/

/******************* 학사 업무 요약 CSS START ******/
.div_unvfr_sumry_box {
    padding: 20px 14px;
    border-radius: 10px;
    background: #fbf9f6;
}

.div_unvfr_sumry {
    padding: 10px 0 10px 60px;
    background: #fff;
    min-height: 60px;
}

.div_unvfr_sumry .cl-output {
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #1a1a1a !important;
}

.div_unvfr_sumry .point_lable .cl-output,
.div_unvfr_sumry .point_lable.cl-output {
    font-size: 22px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
}
.div_unvfr_sumry .sub_lable .cl-output,
.div_unvfr_sumry .sub_lable.cl-output {
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #666 !important;
}

.div_unvfr_sumry.bg01 {background: #fff url(images/sch/scom/ico_unvfr01.png) no-repeat 15px 50%;}
.div_unvfr_sumry.bg02 {background: #fff url(images/sch/scom/ico_unvfr02.png) no-repeat 15px 50%;}
.div_unvfr_sumry.bg03 {background: #fff url(images/sch/scom/ico_unvfr03.png) no-repeat 15px 50%;}
.div_unvfr_sumry.bg04 {background: #fff url(images/sch/scom/ico_unvfr04.png) no-repeat 15px 50%;}
.div_unvfr_sumry.bg05 {background: #fff url(images/sch/scom/ico_unvfr05.png) no-repeat 15px 50%;}
.div_unvfr_sumry.bg06 {background: #fff url(images/sch/scom/ico_unvfr06.png) no-repeat 15px 50%;}
.div_unvfr_sumry.bg07 {background: #fff url(images/sch/scom/ico_unvfr07.png) no-repeat 15px 50%;}
.div_unvfr_sumry.bg08 {background: #fff url(images/sch/scom/ico_unvfr08.png) no-repeat 15px 50%;}
.div_unvfr_sumry.bg09 {background: #fff url(images/sch/scom/ico_unvfr09.png) no-repeat 15px 50%;}
.div_unvfr_sumry.bg10 {background: #fff url(images/sch/scom/ico_unvfr10.png) no-repeat 15px 50%;}
.div_unvfr_sumry.bg11 {background: #fff url(images/sch/scom/ico_unvfr11.png) no-repeat 15px 50%;}
.div_unvfr_sumry.bg12 {background: #fff url(images/sch/scom/ico_unvfr12.png) no-repeat 15px 50%;}
.div_unvfr_sumry.bg13 {background: #fff url(images/sch/scom/ico_unvfr13.png) no-repeat 15px 50%;}
.div_unvfr_sumry.bg14 {background: #fff url(images/sch/scom/ico_unvfr14.png) no-repeat 15px 50%;}
.div_unvfr_sumry.bg15 {background: #fff url(images/sch/scom/ico_unvfr15.png) no-repeat 15px 50%;}
.div_unvfr_sumry.bg16 {background: #fff url(images/sch/scom/ico_unvfr16.png) no-repeat 15px 50%;}
.div_unvfr_sumry.bg17 {background: #fff url(images/sch/scom/ico_unvfr17.png) no-repeat 15px 50%;}
.div_unvfr_sumry.bg18 {background: #fff url(images/sch/scom/ico_unvfr18.png) no-repeat 15px 50%;}
.div_unvfr_sumry.bg19 {background: #fff url(images/sch/scom/ico_unvfr19.png) no-repeat 15px 50%;}
.div_unvfr_sumry.bg20 {background: #fff url(images/sch/scom/ico_unvfr20.png) no-repeat 15px 50%;}
.div_unvfr_sumry.bg21 {background: #fff url(images/sch/scom/ico_unvfr21.png) no-repeat 15px 50%;}
.div_unvfr_sumry.bg22 {background: #fff url(images/sch/scom/ico_unvfr22.png) no-repeat 15px 50%;}
.div_unvfr_sumry.bg23 {background: #fff url(images/sch/scom/ico_unvfr23.png) no-repeat 15px 50%;}
.div_unvfr_sumry.bg24 {background: #fff url(images/sch/scom/ico_unvfr24.png) no-repeat 15px 50%;}
.div_unvfr_sumry.bg25 {background: #fff url(images/sch/scom/ico_unvfr25.png) no-repeat 15px 50%;}
.div_unvfr_sumry.bg26 {background: #fff url(images/sch/scom/ico_unvfr26.png) no-repeat 15px 50%;}
.div_unvfr_sumry.bg27 {background: #fff url(images/sch/scom/ico_unvfr27.png) no-repeat 15px 50%;}
.div_unvfr_sumry.bg28 {background: #fff url(images/sch/scom/ico_unvfr28.png) no-repeat 15px 50%;}
.div_unvfr_sumry.bg29 {background: #fff url(images/sch/scom/ico_unvfr29.png) no-repeat 15px 50%;}
.div_unvfr_sumry.bg30 {background: #fff url(images/sch/scom/ico_unvfr30.png) no-repeat 15px 50%;}
/******************* 학사 업무 요약 CSS END ******/