@charset "UTF-8";

.table-rec .lv1 {font-weight: 500; font-size: 1.125em; color: var(--darkgray); padding: 12px 0;}
.table-rec .lv2 {padding: 12px; text-align: center; font-weight: 500; font-size: 1.063rem; background: var(--ivory); color: var(--darkgray);}


.td-curriculum .td-curriculum-wrap {display: -webkit-flex; display: flex; justify-content: center; align-items: start;}
.td-curriculum .td-curriculum-wrap p {padding: 6px; text-align: left; font-weight: 700; font-size: 1em; color: rgba(81,81,81,1); letter-spacing: -0.5px;}
.td-curriculum .td-curriculum-wrap img {width: 76px; height: 99px; object-fit: cover;}


.td-curriculum-lv2-1 {
    background-image: linear-gradient(to right, rgba(255, 117, 97, .1), rgba(255, 117, 97, .1)), linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
}
.td-curriculum-lv2-1-5 {
    background-image: linear-gradient(to right, rgba(185, 135, 165, .1), rgba(185, 135, 165, .1)), linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
}
.td-curriculum-lv2-2 {
    background-image: linear-gradient(to right, rgba(255, 160, 92, .1), rgba(255, 160, 92, .1)), linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1))
}
.td-curriculum-lv2-2-3 {
    background-image: linear-gradient(to right, rgba(255, 191, 76, .1), rgba(255, 191, 76, .1)), linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
}
.td-curriculum-lv2-3 {
    background-image: linear-gradient(to right, rgba(255, 221, 60, .1), rgba(255, 221, 60, .1)), linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
}
.td-curriculum-lv2-3-4 {
    background-image: linear-gradient(to right, rgba(154, 204, 83, .1), rgba(154, 204, 83, .1)), linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
}
.td-curriculum-lv2-3-6 {
    background-image: linear-gradient(to right, rgba(177, 162, 146, .1), rgba(177, 162, 146, .1)), linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
}
.td-curriculum-lv2-4 {
    background-image: linear-gradient(to right, rgba(83, 185, 125, .1), rgba(83, 185, 125, .1)), linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
}
.td-curriculum-lv2-4-5 {
    background-image: linear-gradient(to right, rgba(99, 169, 179, .1), rgba(99, 169, 179, .1)), linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
}
.td-curriculum-lv2-4-6 {
    background-image: linear-gradient(to right, rgba(91, 144, 179, .1), rgba(91, 144, 179, .1)), linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
}
.td-curriculum-lv2-5 {
    background-image: linear-gradient(to right, rgba(114, 152, 233, .1), rgba(114, 152, 233, .1)), linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
}
.td-curriculum-lv2-5-6 {
    background-image: linear-gradient(to right, rgba(106, 127, 233, .1), rgba(106, 127, 233, .1)), linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
}
.td-curriculum-lv2-6 {
    background-image: linear-gradient(to right, rgba(98, 102, 232, .1), rgba(98, 102, 232, .1)), linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
}
.td-curriculum-lv2-6-7 {
    background-image: linear-gradient(to right, rgba(132, 108, 233, .1), rgba(132, 108, 233, .1)), linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
}
.td-curriculum-lv2-7 {
    background-image: linear-gradient(to right,rgba(166, 114, 233, .1), rgba(166, 114, 233, .1)), linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
}
/* //교육과정 (커리큘럼) 끝 */

.popup-curriculum {min-width: 1200px; background: #fff;}
.popup-curriculum .popup-area {width: 100%;}
.popup-curriculum .popup-area .top {width: 100%; height: 70px; background: #191919; line-height: 70px; text-align: center; font-weight: 700; font-size: 1.250em; color: rgba(255,255,255,1); position: relative;}
.popup-curriculum .popup-area .top .close {top: 50%; right: 30px; transform: translateY(-50%);}
.popup-curriculum .popup-area .top .close::before, .popup-curriculum .popup-area .top .close::after {width: 1.5px; background: #fff;}
.popup-curriculum .popup-area .info-area {background: #fff; padding: 30px 20px;}
.popup-curriculum .popup-area .info-area input {margin-bottom: 18px;}
.popup-curriculum .popup-area .info-area .btn-login {width: 100%; height: 50px; border-radius: 6px; background: #333333; color: #fff; font-weight: 500; font-size: 1.125em; margin-bottom: 10px;}
.popup-curriculum .popup-area .info-area .flex {display: -webkit-flex; display: flex; justify-content: space-between; align-items: center;}
.popup-curriculum .popup-area .info-area .ul-info {display: -webkit-flex; display: flex; justify-content: start; align-items: center;}
.popup-curriculum .popup-area .info-area .ul-info li a {font-size: 0.875em; color: #707070;}
.popup-curriculum .popup-area .info-area .ul-info li::after {content: ''; display: inline-block; width: 1px; height: 10px; background: #707070; margin: 0 10px;}
.popup-curriculum .popup-area .info-area .ul-info li:last-child::after {display: none;}

.popup-curriculum .popup-area .info-area .horizontal_line {
    width: 100%; height: 1px; margin: 30px 0;
    background-image: linear-gradient(to right, rgb(223, 223, 223) 44%, rgba(223, 223, 223, 0) 56%);
    background-position: bottom;
    background-size: 18px 1px;
    background-repeat: repeat-x;
}


/* 일반 교육과정 시작 */
.table {width: 100%;}
.table th, .table td {border: 1px solid #DFDFDF;}
/* 일반 교육과정 끝 */





@media screen and (max-width:1200px){
    .popup-curriculum {min-width: calc(100% - 72px); max-width: calc(100% - 72px);}

    .table-wrap {overflow-x: auto;}
    .table-wrap .table-rec {width: 1160px;}
}

@media screen and (min-width:993px){
}

@media screen and (max-width:992px){
    
}

@media screen and (max-width:768px){
    .popup-curriculum {min-width: calc(100% - 64px); max-width: calc(100% - 64px);}
}

@media screen and (max-width:480px){
    .popup-curriculum {min-width: calc(100% - 32px); max-width: calc(100% - 32px);}
}