@charset "utf-8";

/* --- COMMON --- */
.ps-view .has-menu .page-list{
    left: 14px !important;
    width: auto !important;
    white-space: nowrap;
}
.ps-view .container {width: 67.1875%; max-width: 1290px; margin: 0 auto;}


.ps-view section .link-datail i {
    background: url(/img/product-list-view/product-btn-arrow.svg) no-repeat center/contain;
}
.ps-view section .sc-tit01 {font-size: 2.4rem; color: #404040; font-weight: 500;}

.ps-view .section-intro .group1 {position: relative; height: 48rem;}
.ps-view .section-intro .group1::before {
    content: '';
    position: absolute;
    top: 0; 
    height: 100%;
}
.ps-view .section-intro .logo-dli {max-width: 210px;}
.ps-view .section-intro .text-area {width: 43.0232%; max-width: 555px; padding-top: 7rem;}
.ps-view .section-intro .text-area .tit {
    margin: 5rem 0 2rem; 
    font-size: 2.5rem; color: #fff; font-weight: 500;
}

.ps-view .section-icon {padding: 9.5rem 0; background: #EFEFEF;}
.ps-view .section-icon .sc-tit {margin-bottom: 1.5rem;}
.ps-view .section-icon .box-list {flex-wrap: wrap; gap: 4rem 0;}
.ps-view .section-icon .box-list>li .box-tit {margin: 1rem 0 1rem;}
.ps-view .section-icon .box-list>li .desc {line-height: 180%; font-size: 1.4rem; color: #707070;}

.ps-view .section-icon .common-icon {
    display: block;
    width: 95px; height: 95px;
    background: url(/img/sub/training/img-sprites.png) no-repeat;
    background-size: 780px;
}

.ps-view .section-icon .icon1 {background-position: -285px 0;}
.ps-view .section-icon .icon2 {background-position: -95px 0;}
.ps-view .section-icon .icon3 {background-position: -190px 0;}
.ps-view .section-icon .icon4 {background-position: 0 0;}
.ps-view .section-icon .icon5 {background-position: -380px 0;}
.ps-view .section-icon .icon6 {background-position: -480px 0;}
.ps-view .section-icon .icon7 {background-position: -680px 0;}
.ps-view .section-icon .icon8 {background-position: -580px 0;}


.ps-view .section-course {padding: 16rem 0; background: #F5F5F2;}
.ps-view .section-course .inner {width: 87.5968%; max-width: 1130px; margin: 0 auto;}
.ps-view .section-course .course-list>li {display: flex; justify-content: space-between;}
.ps-view .section-course .course-list>li:nth-child(odd) {flex-direction: row-reverse;}
.ps-view .section-course .course-list>li:first-child {padding-bottom: 9rem;}
.ps-view .section-course .course-list>li:not(:first-child) {border-top: 1px solid #ddd;}
.ps-view .section-course .course-list>li:not(:first-child):not(:last-child) {padding: 9rem 0;}
.ps-view .section-course .course-list>li:last-child {padding-top: 9rem;}
.ps-view .section-course .course-list>li>div {width: 44.07079%; max-width: 498px;}

.ps-view .section-course .tag-box {display: flex; gap: 0 .8rem;}
.ps-view .section-course .tag-box>span {
    display: inline-block; 
    padding: 1rem;
    line-height: 1; font-size: 1.2rem; color: #fff; font-weight: 700;
    border-radius: 3px;
}
.ps-view .section-course .tag-orange {background: #EE7800;}
.ps-view .section-course .tag-gray {background: #9B9B9B;}
.ps-view .section-course .tag-green {background: #76B900;}

.ps-view .section-course .tit-box .tit {margin: 2rem 0 1.5rem; line-height: 140%;}
.ps-view .section-course .tit-box .tit span {display: block;}
.ps-view .section-course .tit-box small {
    display: block;
    margin-bottom: 2rem;
    font-size: 1.5rem; color: var(--font-gray); font-weight: 500;
}
.ps-view .section-course .link-datail {margin-top: 4.5rem;}


.ps-view .section-cate {padding: 16rem 0;}

.ps-view .section-cate .gap {width: 70.83333%; max-width: 1360px; margin: 0 auto;}


.ps-view .section-cate .sc-tit {text-align: center; line-height: 1;}

.ps-view .section-cate .box-list {
    display: flex; justify-content: space-between;
}

.ps-view .section-cate .box-list>li {
    display: flex; flex-direction: column; justify-content: space-between;
    width: 32.2058%; max-width: 438px;
    height: 510px;
    padding: 5rem 3rem 4rem;
    border-radius: 8px;
}

.ps-view .section-cate .box-list .deep-learning {background: url(/img/sub/training/img-curriculum1.png) no-repeat center/cover;}
.ps-view .section-cate .box-list .llms {background: url(/img/sub/training/img-curriculum2.png) no-repeat center/cover;}
.ps-view .section-cate .box-list .data-science {background: url(/img/sub/training/img-curriculum3.png) no-repeat center/cover;}
.ps-view .section-cate .box-list .computing {background: url(/img/sub/training/img-curriculum4.png) no-repeat center/cover;}



.ps-view .section-cate .box-list>li .text-wrap {padding-bottom: 24rem;}
.ps-view .section-cate .box-list>li .tit {
    margin-bottom: 1.5rem; 
    line-height: 1; font-size: 2.8rem; color: #fff; font-weight: 600;
}

.ps-view .section-cate .box-list>li a {
    display: inline-block;
    max-height: 56px;
    padding: 2rem 0;
    text-align: center; font-size: 1.7rem; color: #292929; font-weight: 500;
    border-radius: 3px;
    background: #fff; border: 1px solid #818181;
}

.ps-view .section-inception {height: 48rem; background: #E9E9F0;}

.ps-view .section-inception .container {
    display: flex; align-items: center;
    height: 100%;
}

.ps-view .section-inception .container::before {
    content: '';
    position: absolute;
    top: 0; left: 53.4883%;
    width: 71.08527%; max-width: 917px;
    height: 100%;
    background: url(/img/sub/training/img-inception.png) no-repeat left/cover;
}

.ps-view .section-inception .text-area a {font-size: 1.7rem;}



/* Accelerated Computing ////////////////////////////////////////////////// */
.ps-view.computing .section-intro .group1::before {
    left: 43.7984%;
    width: 68.21705%; max-width: 880px;
    background: url(/img/sub/training/computing/bg-main.png) no-repeat left bottom;
}

/* Deep Learning ////////////////////////////////////////////////// */
.ps-view.deep-learning .section-intro .group1::before {
    left: 43.02325%; /*555*/
    width: 81.3953%; max-width: 1050px;
    background: url(/img/sub/training/deeplearning/bg-main.png) no-repeat left bottom;
}


@media all and (max-width: 1620px) {
    .ps-view .section-cate .box-list>li {height: auto;}

}