@charset "utf-8";

/* 
    #ps-list-view -       https://leaderssys.com/sub/training/accelerated-computing/
    #ps-curriculum-view - https://leaderssys.com/sub/training/accelerated-computing/curriculum1
*/


/* //////////////////////////////////////////////////////////////////////////////////////////
   공통
////////////////////////////////////////////////////////////////////////////////////////// */
#ps-curriculum-view .group__title-area--black .group__title { margin-bottom: 1.5rem; }
#ps-curriculum-view .group__title-area--black .group__desc { font-size: 1.7rem; color: #505050; }



/* //////////////////////////////////////////////////////////////////////////////////////////
   MAIN
////////////////////////////////////////////////////////////////////////////////////////// */

#ps-curriculum-view {background: #F5F5F2;}
#ps-curriculum-view .section-main {position: relative; padding: 8rem 0 7.5rem;}
#ps-curriculum-view .section-main .group__image-area {position: relative; width: 57.3643%; max-width: 740px;}
#ps-curriculum-view .section-main .group__image-area::before {
    content: '';
    position: absolute; top: 0; left: 4.05405%; /*30*/
    width: 15.4054%; /*114*/
    height: 100%;
    background: url(/img/sub/training-view/badge-dli.png) no-repeat top/contain;
}

#ps-curriculum-view .section-main .group__text-area {width: 34.1085%; max-width: 440px;}



#ps-curriculum-view .section-main .group__header {
    border-bottom: 1px solid #DEDEDE;
}

#ps-curriculum-view .section-main .group__title {
    margin: .8rem 0 2rem;
    line-height: 22px; font-size: 2rem; color: #404040; font-weight: 600;
}

#ps-curriculum-view .section-main .group__title-sub {display: block;}

#ps-curriculum-view .section-main .group__tags {display: flex; gap: 0 1.2rem;}
#ps-curriculum-view .section-main .group__tag {line-height: 1; font-size: 1.5rem; color: #606060;}


#ps-curriculum-view .section-main .group__info dl {
    display: flex; flex-direction: column; gap: 1.2rem 0;
    padding: 2rem 0 3rem;
}

#ps-curriculum-view .section-main .group__info dl>div {display: flex;}

#ps-curriculum-view .section-main .group__info dl dt {min-width: 140px; font-size: 1.5rem; color: #606060; font-weight: 500;}
#ps-curriculum-view .section-main .group__info dl dd {font-size: 1.5rem; color: #707070;}
/* #ps-curriculum-view .section-main .group__info dl dd.text {line-height: 160%;} */


#ps-curriculum-view .section-main .group__link {
    display: block;
    max-height: 60px;

    margin-bottom: 1rem;
    padding: 2.2rem 0;
    text-align: center; font-size: 1.7rem; color: #fff; font-weight: 600;

    background: #42424D;
    border: 1px solid #313139;
    border-radius: 5px;
}

#ps-curriculum-view .section-main .group__link:hover {
    color: #FF4F00;
    background: #F4DBC6;
    border: 1px solid #EE7800;
    transition: all .3s;
}

#ps-curriculum-view .section-main .group__note {font-size: 1.3rem; color: #8B8B8B; font-weight: normal;}


/* //////////////////////////////////////////////////////////////////////////////////////////
   탭 메뉴
////////////////////////////////////////////////////////////////////////////////////////// */
.sticky-nav {}

#ps-curriculum-view .scroll-container .section-tab__inner {
    width: 58.8541%; max-width: 1130px; margin: 0 auto;
}


/* ========= 1. 과정정보 ========= */
#ps-curriculum-view .section-tab--01 {}
#ps-curriculum-view .section-tab--01 .section-tab__inner { display: flex; flex-direction: column; gap: 10rem 0; }



/* ========= 1. 과정정보 - 과정 세부 조건 ========= */
#ps-curriculum-view .section-tab--01 .group--detail table {
    margin-top: 3rem;
    border-top: 1.25px solid #918C88; 
    border-bottom: 1.25px solid #918C88;
}

#ps-curriculum-view .section-tab--01 .group--detail table th {text-align: left; font-size: 1.7rem; color: #505050; font-weight: 500;}
#ps-curriculum-view .section-tab--01 .group--detail table td {line-height: 180%; font-size: 1.5rem; color: #707070;}

#ps-curriculum-view .section-tab--01 .group--detail table thead tr {
    background: #EFEDE2;
    border-bottom: 1px solid #BABABA; 
}

#ps-curriculum-view .section-tab--01 .group--detail table thead tr,
#ps-curriculum-view .section-tab--01 .group--detail table tbody tr {
    display: flex; gap: 0 3rem;
}

#ps-curriculum-view .section-tab--01 .group--detail table thead th, 
#ps-curriculum-view .section-tab--01 .group--detail table tbody td {
    flex: 1; padding: 1.5rem 0 1.5rem 3rem;
}


/* ========= 1. 과정정보 - DLI 교육 시청방법 ========= */

#ps-curriculum-view .section-tab--01 .group--watch tr:first-child th,
#ps-curriculum-view .section-tab--01 .group--watch tr:first-child td {
    border-bottom: .75px solid #918C88;
}

#ps-curriculum-view .section-tab--01 .group--watch th,
#ps-curriculum-view .section-tab--01 .group--watch td {
    padding: 2rem 0 2rem 3rem;
}

#ps-curriculum-view .section-tab--01 .group--watch th {min-width: 140px;background: #EFEDE2;}

#ps-curriculum-view .section-tab--01 .group--watch .group__table-row--offline th { padding-top: 2.5rem; vertical-align: baseline; }
#ps-curriculum-view .section-tab--01 .group--watch .group__address {
    display: inline-block; margin-right: 1rem; font-style: normal;
}

#ps-curriculum-view .section-tab--01 .group--watch .group__address-name {font-weight: 600;}

#ps-curriculum-view .section-tab--01 .group--watch .group__link-map {
    display: inline-block;
    padding: .7rem 1.4rem;
    text-align: center; line-height: 1; white-space: nowrap;
    font-size: 1.1rem; color: #606060; font-weight: 500;
    border: 1px solid #606060;
    border-radius: 12px;
}

#ps-curriculum-view .section-tab--01 .group--watch .group__notice-list {margin-top: 1.2rem;}
#ps-curriculum-view .section-tab--01 .group--watch .group__notice-list>li {line-height: 180%; font-size: 1.5rem; color: #848484;}



/* #ps-curriculum-view .section-tab1 {padding: 8.5rem 0; background: #F5F5F2;}
#ps-curriculum-view .section-tab1 .tit-area .desc {line-height: 180%; font-size: 1.7rem; color: #707070;} 
#ps-curriculum-view .section-tab1 .sub-list>li {
    position: relative; padding-left: 1rem;
}

#ps-curriculum-view .section-tab1 .group1 .sub-list>li::before {
    content: '·';
    position: absolute; left: 0;
}

#ps-curriculum-view .section-tab1 .sub-list>li {line-height: 2; font-size: 1.7rem; color: #707070;}
#ps-curriculum-view .section-tab1 .group1 .sub-list>li::before {font-size: 1.7rem; color: #707070;}

*/


/* ========= 2. 학습목표 ========= */

#ps-curriculum-view .section-tab--02 {
    overflow: hidden;
    padding: 9.6rem 0;
    background: url(/img/sub/training-view/bg-goal.png) no-repeat center/cover;
}
#ps-curriculum-view .section-tab--02 .section-tab__inner { display: flex; flex-direction: column; gap: 5rem 0; }
#ps-curriculum-view .section-tab--02 .group__title-area .group__title { margin-bottom: 1.8rem; }

#ps-curriculum-view .section-tab--02 .group__sub-list>li { 
    position: relative;
    padding-left: 3rem;
    line-height: 2.3; font-size: 1.7rem; color: #fff; font-weight: 500;
}

#ps-curriculum-view .section-tab--02 .group__sub-list>li::before {
    content: '';
    position: absolute; left: 0; top: 50%; transform: translateY(-50%);
    width: 18px; height: 100%;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='18' height='14' viewBox='0 0 18 14'><defs><style>.cls-1,.cls-2{fill:none;}.cls-1{stroke:%23707070;}.cls-2{stroke:red;}.cls-3{clip-path:url(%23clip-path);}.cls-4{clip-path:url(%23clip-path-2);}.cls-5{fill:%2376b900;font-size:21px;font-family:Pretendard-SemiBold,Pretendard;font-weight:600;}</style><clipPath id='clip-path'><rect id='사각형_25036' data-name='사각형 25036' class='cls-1' width='18' height='14' transform='translate(-14056 -3875)'/></clipPath><clipPath id='clip-path-2'><rect id='사각형_25035' data-name='사각형 25035' class='cls-2' width='18' height='14' transform='translate(-14056 -3875)'/></clipPath></defs><g id='마스크_그룹_2' data-name='마스크 그룹 2' class='cls-3' transform='translate(14056 3875)'><g id='마스크_그룹_1' data-name='마스크 그룹 1' class='cls-4'><text id='_' data-name='✓ ' class='cls-5' transform='translate(-14056 -3881.138)'><tspan x='0' y='20'>✓ </tspan></text></g></g></svg>") no-repeat left/contain;
}


/* ========= 3. 과정개요 ========= */

#ps-curriculum-view .section-tab--03 {padding: 10.5rem 0; background: #F5F5F2;}

#ps-curriculum-view .section-tab--03 .group__title-area { margin-bottom: 4rem; }

#ps-curriculum-view .section-tab--03 table {
    width: 100%; 
    border-collapse: collapse;
    border-top: 1.25px solid #918C88;
    border-bottom: 1.25px solid #918C88;
}

#ps-curriculum-view .section-tab--03 table tr {display: flex; border-bottom: .75px solid #ccc;}


#ps-curriculum-view .section-tab--03 table th,
#ps-curriculum-view .section-tab--03 table td {
    padding: 2.5rem 3rem;
}

#ps-curriculum-view .section-tab--03 table th {
    width: 29.2035%; max-width: 330px;
    line-height: 150%; text-align: left; font-size: 1.7rem; color: #505050; font-weight: 500;
    background: #EFEDE2;
}

#ps-curriculum-view .section-tab--03 table td { flex: 1; line-height: 180%; font-size: 1.5rem; color: #707070; }

#ps-curriculum-view .section-tab--03 table .group__table-row--breaktime td {padding: 2.5rem 0 2.5rem 0; text-align: center;}
#ps-curriculum-view .section-tab--03 table .group__sub-list>li { position: relative; padding-left: 1rem; }
#ps-curriculum-view .section-tab--03 table .group__sub-list>li::before { content: '·'; position: absolute; left: 0; }
#ps-curriculum-view .section-tab--03 table .group__sub-list .group__link { text-decoration: underline; }


/* https://leaderssys.com/sub/training/data-science/curriculum1 */
#ps-curriculum-view .section-tab--03 .group__table-area .info-text {margin-top: 1.5rem; font-size: 1.7rem; color: #606060;}




/* ========= 4. Q&A 및 유의사항 ========= */
/* 자주 묻는 질문 */



/* ========= 유의사항 ========= */
#ps-curriculum-view .section-faq {padding: 10rem 0; background: #E9E8DF;}


/* #ps-curriculum-view .section-faq .tit-area {margin-bottom: 3rem;}
#ps-curriculum-view .section-faq .tit-area .tit {color: #000;} */

#ps-curriculum-view .section-faq .group__faq-area {
    border-top: 1.25px solid #918C88;
    border-bottom: 1.25px solid #918C88;
}

#ps-curriculum-view .section-faq .group__faq-item {
    overflow: hidden;
    background: #fff;
    border-bottom: 0.75px solid #ccc;
}

#ps-curriculum-view .section-faq .group__faq-btn {
    display: flex; justify-content: space-between; align-items: center;
    width: 100%;
    border: none; outline: none; cursor: pointer;
    background: #F2F2F2;
    box-sizing: border-box;
}

#ps-curriculum-view .section-faq .group__faq-btn,
#ps-curriculum-view .section-faq .group__faq-content {
    padding: 2rem;
}

#ps-curriculum-view .section-faq .group__faq-btn.active { border-bottom: 0.75px solid #B9B9B9; }
#ps-curriculum-view .section-faq .group__faq-btn.active .group__faq-icon {transform: rotate(-180deg);}

#ps-curriculum-view .section-faq .group__faq-title {
    position: relative;
    padding-left: 2.5rem;
    font-size: 1.7rem; color: #505050; font-weight: 500;
}

#ps-curriculum-view .section-faq .group__faq-title::before {
    content: 'Q'; position: absolute; top: 0; left: 0;
    line-height: 1; font-size: 2.1rem; color: #EE7800; font-weight: 500;
}

#ps-curriculum-view .section-faq .group__faq-content {
    display: none;
    font-size: 1.5rem; color: #707070;
    background: #fff; border-top: none; 
}

#ps-curriculum-view .section-faq .group__faq-content.open {display: block;}
#ps-curriculum-view .section-faq .group__faq-list>li em {font-weight: 700; font-style: normal;}
#ps-curriculum-view .section-faq .group__faq-list>li .group__link { text-decoration: underline;}

#ps-curriculum-view .section-faq .group__faq-icon {transition: transform 0.25s ease;}
#ps-curriculum-view .section-faq .group__faq-icon svg {max-width: 16.4px;}



/* 유의사항 */
#ps-curriculum-view .section-faq .gruop--notice {padding-top: 6rem;}
#ps-curriculum-view .section-faq .gruop--notice .group__sub-list>li { 
    position: relative; padding-left: 1.5rem; 
    line-height: 200%; font-size: 1.5rem; color: #707070;
}
#ps-curriculum-view .section-faq .gruop--notice .group__sub-list>li::before {content: '•'; position: absolute; top: 0; left: 0;}
#ps-curriculum-view .section-faq .gruop--notice .group__sub-list .group__sub-desc {display: block;}
#ps-curriculum-view .section-faq .gruop--notice .group__sub-list .group__link {font-weight: 500; text-decoration: underline; color: #707070;}




/* //////////////////////////////////////////////////////////////////////////////////////////
   DLI
////////////////////////////////////////////////////////////////////////////////////////// */

#ps-curriculum-view .section-dli { background: url(/img/sub/training-view/bg-dli.png) no-repeat center/cover; }
#ps-curriculum-view .section-dli .group__title-area .group__desc {
    text-align: center; line-height: 180%; font-size: 1.5rem; color: #fff;
}

#ps-curriculum-view .section-dli .group__box-list {
    gap: 0 5.7416%; /*60*/ width: 81.0077%; max-width: 1045px; margin: 0 auto;
}

#ps-curriculum-view .section-dli .group__box-list>li { display: flex; flex-direction: column; align-items: center; }

#ps-curriculum-view .section-dli .group__icon {
    display: block;
    width: 100px; height: 100px;
    background: url(/img/sub/training-view/img-sprites1.png) no-repeat;
    background-size: 500px;
}

#ps-curriculum-view .section-dli .group__icon--1 {background-position: 0 0;}
#ps-curriculum-view .section-dli .group__icon--2 {background-position: -100px 0;}
#ps-curriculum-view .section-dli .group__icon--3 {background-position: -300px 0;}
#ps-curriculum-view .section-dli .group__icon--4 {background-position: -400px 0;}
#ps-curriculum-view .section-dli .group__icon--5 {background-position: -200px 0;}

#ps-curriculum-view .section-dli .group__box-title {
    margin-top: 1.2rem;
    white-space: nowrap; text-align: center; font-size: 1.5rem; color: #fff; font-weight: 500;
}



/* ========= 리더스시스템즈에서 진행하는 다양한 교육과정을 확인해보세요 ========= */

#ps-curriculum-view .section-curriculum { background: #F5F5F2; }
#ps-curriculum-view .section-curriculum .group__box-list>li {border-radius: 5px;}


/* 이미지 */
#ps-curriculum-view .section-curriculum .group__link {
    overflow: hidden;
    position: relative;
    display: block;
    border-radius: 5px;
    transform: scale(1);
}

#ps-curriculum-view .section-curriculum .group__link img {
    -webkit-transition: transform .5s ease; transition: transform .5s ease;
}

#ps-curriculum-view .section-curriculum .group__link:hover img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

#ps-curriculum-view .section-curriculum .group__tags {
    position: absolute; top: 1.5rem; left: 2rem;
    display: flex; gap: 0 .7rem;
}

#ps-curriculum-view .section-curriculum .group__tag {
    display: inline-block;
    padding: .8rem 1rem;
    font-size: 1.2rem; color: #fff; font-weight: 500;
    border-radius: 3px;
}

#ps-curriculum-view .section-curriculum .group__tag---gray {background: #9B9B9B;}
#ps-curriculum-view .section-curriculum .group__tag--orange {background: #EE7800;}
#ps-curriculum-view .section-curriculum .group__tag--green {background: #76B900;}


/* 텍스트 */
#ps-curriculum-view .section-curriculum .group__box-title {
    margin-top: 1.5rem; line-height: 140%; font-size: 2rem; color: #000; font-weight: 500;
}

#ps-curriculum-view .section-curriculum .group__box-subtitle {
    display: block; margin: .5rem 0 1.5rem; font-size: 1.5rem; color: #505050;
}
#ps-curriculum-view .section-curriculum .group__box-desc { line-height: 180%; font-size: 1.5rem; color: #707070;}


@media all and (max-width: 1620px) {
    /* 교육과정 리스트 */
    #ps-list-view .section-cate .box-list>li {height: auto;}


    /* 교육과정 페이지 */
    #ps-curriculum-view .section-dli .box-list {gap: 0 3.7416%;}

}