@charset "UTF-8";
/* ==========================================
   Legacy 화면 신규 스타일 전환
   기존 HTML 클래스 유지
   EDU 교육용
   .ui-redesign
========================================== */

/* ==========================================
  old 공통 작업
========================================== */
.pop-wrap .fix-foot .agree-foot input[type="checkbox"] {
    border: 0;
}

.ui-redesign input[type="radio"],
.ui-redesign input[type="checkbox"] {
    border:0;
}

.ui-redesign :is(input, select, textarea):focus-visible {
    outline: 0;
}

.ui-redesign select,
.ui-redesign .sch-input input {
    background: #fff;
}

.ui-redesign select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url(../images/icon/icon_select_arrow.png) no-repeat right 5px center !important;
}

.ui-redesign .btn {
    /*height:40px;*/
    line-height: 1;
    padding:20px 10px;

    border:1px solid transparent;
    border-radius:4px;

    font-size:20px;
    font-weight:500;
    text-decoration:none;
    cursor:pointer;

    background: #0B78CB;
}

.ui-redesign .btn-preview {
    border:1px solid #0B78CB;
    border-radius:4px;
    background: #fff;
}
.ui-redesign .btn-preview span {
    color:#0B78CB;
}

.ui-redesign .btn-head.app,
.ui-redesign .head .head-right .btn-list {
    background:#fff;
    border-color:#1478d4;
    color:#1478d4;
}

.ui-redesign .btn-head.app span,
.ui-redesign .head .head-right .btn-list span {
    color:#1478d4;
}

.ui-redesign .view-type-year button.on {
    background:#0B78CB;
    color:#fff;
}
.ui-redesign .view-type-year button.on span {
    color:#fff;
}

.ui-redesign .list-class>ul>li .more-wrap .more-in .btn-wrap {
    width: auto;
}

.ui-redesign .list-class>ul>li .in .btn-wrap a,
.ui-redesign .list-class>ul>li .in .btn-wrap button {
    height:40px;
}

.form-list>li input {
    border:0;
}

/*팝업*/
.ui-redesign .pop-wrap .sch-box .sch-box-in {
    background:#fff;
    border:1px solid #ddd;
}

.ui-redesign .pop-wrap .pop-cont .list-table {
    border-top:2px solid #aabace;
}
.ui-redesign .list-table-wrap .list-table.y-scl {
    border-top:0;
}

.ui-redesign .pop-wrap .pop-cont .list-table table {
    background:#fff;
}

.ui-redesign .pop-wrap .pop-cont .list-table table th {
    background:#f4faff;
}

.ui-redesign .pop-wrap .pop-cont .list-table table td {
    border-bottom:1px solid #d7dee7;
}

.ui-redesign .pop-wrap .pop-foot .btn-apply {
    background:#0B78CB;
}

.ui-redesign .pop-wrap .btn-cancel,
.ui-redesign .pop-wrap .btn-close {
    background:#EBF0F5;
    border: 1px solid #BBC4D0;
}
.ui-redesign .pop-wrap .btn-cancel > span,
.ui-redesign .pop-wrap .btn-close > span {
    color: #33363d;
}

/* ==========================================
  tab 영역
========================================== */
.ui-redesign .tab-area2 {
    display:flex;
    flex-wrap:wrap;
}

.ui-redesign .tab-area2 ul::before {
    border-bottom: 1px solid #0066B3
}

.ui-redesign .tab-area2 li {
    flex:1 1 25%;
    cursor:pointer;
    font-size:20px;
    line-height:20px;
    text-align:center;

    border-top: 1px solid #0066B3;
    border-right: 1px solid #0066B3;
}

.ui-redesign .tab-area2 li:first-child {
    border-left: 1px solid #0066B3;
}

.ui-redesign .tab-area li a,
.ui-redesign .tab-area2 li a {
    color: #0066B3;
}

.ui-redesign .tab-area2 li.on {
    border: 1px solid #0066B3;
    padding: 0;
}

.ui-redesign .tab-area2 li.on a {
    background: #0066B3;
    color: #fff;
}


/* ==========================================
  sch-box 영역
========================================== */
.ui-redesign .sch-box .sch-box-in {
    border: 0;
    /*padding: 16px 40px 40px;*/
    background: #f5f6f8;
}

.ui-redesign .sch-box .sch-box-in .ui-search-reset {
    margin-bottom:0;
}

.ui-redesign .sch-box .sch-btn-wrap button {
    height: 47px;
    line-height: 1;
    padding: 0 20px;
    border-radius: 4px;

    font-size: 20px;
    font-weight: 500;
}
.ui-redesign .sch-box .sch-btn-wrap button span {
    font-size: 20px;
    font-weight: 500;
}

.ui-redesign .sch-box .sch-btn-wrap .btn-sch {
    background: #0B78CB;
}

.ui-redesign .sch-box .btn-sch2 {
    width: auto;
}

/* ==========================================
  테이블 + 리스트
========================================== */
.ui-redesign .list,
.ui-redesign .list-list,
.ui-redesign .list-class ,
.ui-redesign .list-table,
.ui-redesign .data-list {
    border-top:2px solid #d7dee7;
}
.ui-redesign .list-table.head-row thead {
    border-bottom: 1px solid #d7dee7;
}

.ui-redesign .list>ul>.blog-li,
.ui-redesign .list-table th {
    border-bottom:1px solid #d7dee7;
}

.ui-redesign .list-list>ul>li {
    /*border-bottom: 1px solid #e8e8e8;*/
    /*padding: 20px 0;*/
    /*display: grid;*/
    /*grid-template-columns: 1fr;*/
}
.ui-redesign .list-list.type-btn>ul>li {
    grid-template-columns: minmax(0, 1fr) minmax(140px, max-content);
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
}

/*교육 결제현황*/
.ui-redesign .list-list.mark-btn>ul>li {
    /*grid-template-columns: 1fr;*/
    /*grid-template-columns: 60px 1fr 180px;*/
}

.ui-redesign .jojikdo-wrap .jojikdo-top,
.ui-redesign .jojikdo-wrap .jojikdo-foot {
    background:#0B78CB;
}

.ui-redesign .jojikdo-wrap .jojikdo-in .list-table th {
    background:#f4faff;
}

.ui-redesign .top-wrap .btn-list {
    border: 0;
    background:#EBF0F5;
}

/*신청 공문서 출력*/
#popSelectUser2 .foot-text-wrap dl dd .input-box {
    padding: 0;
}

.ui-redesign table th,
.ui-redesign .table th,
.ui-redesign .thead th {
    background: #F4FAFF;
    font-weight: 700;
    letter-spacing: -0.5px;
    word-break: keep-all;
    text-align: center;
}

/* ==========================================
  페이징
========================================== */
.ui-redesign .type-pc .paging {
    gap: 10px;
}

.ui-redesign .type-pc .paging a {
    min-width: 48px;
    height: 48px;
    border-radius: 10px;
    background: #f0f2f4;

    font-size: 16px;
    font-weight: 700;
}

.ui-redesign .type-pc .paging a:hover,
.ui-redesign .type-pc .paging a.on {
    background: #333b42;
    color: #fff;
}

.ui-redesign .type-pc .paging .prev,
.ui-redesign .type-pc .paging .next,
.ui-redesign .type-pc .paging .first,
.ui-redesign .type-pc .paging .last{
    min-width: 6px;
    width: 20px;
    border:0;
    background: transparent;
    margin:0;
}
.type-pc .paging .prev:hover::before,
.type-pc .paging .next:hover::before,
.type-pc .paging .first:hover::before,
.type-pc .paging .last:hover::before {
    color: #f0f2f4;
}

.ui-redesign .type-pc .paging a.disabled:hover,
.ui-redesign .type-pc .paging .next:hover,
.ui-redesign .type-pc .paging .next:hover::before,
.ui-redesign .type-pc .paging .last:hover,
.ui-redesign .type-pc .paging .last:hover::before{
    background: unset;
    color: #000;
}

/* ==========================================
  아코디언 accordion
========================================== */
.ui-redesign .list-faq {
    border-top: 2px solid #D7DEE7;
}

.ui-redesign .list-faq>ul>li .q-block .q-em,
.ui-redesign .list-faq>ul>li .a-block .a-em {
    display: none;
}

.ui-redesign .list-faq > ul > li .q-block .btn-tog {
    border: 0;
}

/* ==========================================
  파일업로드 에디터
========================================== */
.ui-redesign .year_tab {
    border-right: 1px solid #0066B3;
}

.ui-redesign .year_tab li {
    background: #fff;
    color: #0066B3;
    border: 1px solid #0066B3;
    border-right: 0;
}

.ui-redesign .year_tab .active {
    background: #0066B3;
    color: #fff;
    border-top: 0;
    line-height: 44px;
}

.year_tab .active a {
    color: #fff;
}


/*학습현황*/
.ui-redesign .home-content {
    position: relative;
    padding-top: 5px;
}

.ui-redesign .home-content .home-tit {
}

.ui-redesign .home-content .home-top-module {
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    border-top: 1px solid #d7dee7;
    border-bottom: 1px solid #d7dee7;
}

.ui-redesign .home-content .home-top-module .top-info-wrap {
    padding: 20px;
}

.ui-redesign .home-content .home-top-module .top-info-wrap.subject {
    border-left: 1px solid #d7dee7;
}

.ui-redesign .home-content .home-top-module .top-info-wrap .home-h3 {
    font-size:24px;
    font-weight:600;
    margin-bottom:20px;
}

.ui-redesign .home-content .home-top-module .top-info-wrap .title-in .title {
    font-size:24px;
    font-weight:500;
}

.ui-redesign .home-content .home-top-module .top-info-wrap .list-table {
    border-top: 0;
    margin-bottom: 15px;
}

.ui-redesign .home-content .home-top-module .top-info-wrap .dl-home dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    margin-bottom: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ui-redesign .home-content .home-top-module .top-info-wrap .dl-home dl dt {
    color: #0066b3;
    font-weight: 600;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.ui-redesign .home-content .home-top-module .top-info-wrap .dl-home dl dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    column-gap: 6px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.ui-redesign .home-content .home-top-module .top-info-wrap .dl-home dl dd small {
    color: #FA4242;
}

.ui-redesign .home-content .home-top-module .top-info-wrap .dl-home dl dd .flag-md {
    margin-left: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.ui-redesign .home-content .home-cont .top-select-wrap {
    width: 100%;
    padding: 30px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 50px;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 10px;
    font-size: 18px;
}

.ui-redesign .home-content .home-cont .top-select-wrap {
    font-size: 18px;
}

.ui-redesign .home-content .home-cont .home-nav .home-menu li:first-child {
    border-left: 1px solid #0066b3;
}

.ui-redesign .home-content .home-cont .home-nav .home-menu li {
    border-top: 1px solid #0066b3;
    border-right: 1px solid #0066b3;
    border-bottom: 1px solid #0066b3;
    color: #0066b3;
}

.ui-redesign .home-content .home-cont .home-nav .home-menu li.on {
    border-top: 1px solid #0066b3;
    border-right: 1px solid #0066b3;
    border-left: 1px solid #0066b3;
    background: #0066b3;
    color: #fff;
}

.ui-redesign .home-content .home-cont .home-cover-wrap .foot-wrap .btn-foot {
    background: #0066b3;
}

.ui-redesign  .home-content .home-btn-wrap {
    position: absolute;
    right: 0;
    top: 10px;
}


/* ==========================================
  모바일 보정
========================================== */
@media (max-width: 1023px) {
    .ui-redesign .sch-box .btn-sch,
    .ui-redesign .sch-box .btn-sch2,
    .ui-redesign .sch-box .btn-sch3 {
        width: 110px;
        height: 40px;
    }
}
@media (max-width: 1024px) {

}

@media (max-width: 720px) {
    .ui-redesign .sch-box .sch-box-in .sch-table .sch-tr .sch-td-wrap {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .ui-redesign .home-content .home-top-module {
        grid-template-columns: 1fr;
    }

    .ui-redesign .home-content .home-top-module .top-info-wrap.subject {
        border-top: 1px solid #d7dee7;
        border-left: 0;
    }

    .ui-redesign .home-content .home-cont .top-select-wrap {
        display: block;
    }

    .ui-redesign .home-content .home-cont .top-select-wrap .btn-select {
        width: auto;
        margin-top: 10px;
    }
}

@media (max-width: 640px) { }