@charset "utf-8";

/* ================== COMMON ================== */
#grapector .container,
#dli-course .container,
#dil-view .container,
#dil-view .sc-curriculum .group-bg .tab-menu,
#dil-view .sc-curriculum .group-curriculum {
    width: 67.1875%; max-width: 1290px; margin: 0 auto;
}

#grapector #sc-ai .img-item .desc,
#dil-view .sc-advantage .box-item .desc,
#dil-view .sc-value .box-item .desc {
    line-height: 180%; font-size: 1.4rem; color:#707070;
}

#grapector #sc-system .box-item,
#dil-view .sc-curriculum .group-bg .tab-menu>li {
    flex: 1;
}

#dil-view .sc-advantage .tit-area .desc,
#dil-view .sc-value .tit-area .desc,
#dil-view .sc-curriculum .group-bg .text-area .desc,
#grapector #sc-dashboard .tit-area .desc,
.leaderssys-introduction #sc-partners .box-item .desc,
.leaderssys-introduction #sc-service .box-item .desc {
    line-height: 180%; font-size: 1.6rem; color: #808080;
}

.leaderssys-introduction #sc-business .box-item .tit,
#dil-view .sc-value .box-item .tit {
    display: block; 
    margin: 1.7rem 0 1.5rem; 
    font-size: 2.1rem; color: #606060; font-weight: normal;
}


/* ======= DLI ======= */
#dil-view .sc-tit {font-size: 2.4rem; font-weight: normal; color:#606060;}
#dil-view .sc-intro {
    padding: 3.3421% 0 4.0108%; /* 8.5rem 0 10.2rem */
    background: url(/img/sub/dli/main/bg-intro.png) no-repeat center, linear-gradient(90deg, rgba(42,53,60,1) 50%, rgba(218,223,219,1) 50%);
    background-size: contain;
}
/* #dil-view .sc-intro .group-text {max-height: 25.5rem;} */
#dil-view .sc-intro .group-text .logo-dli{
    display: block; 
    width: 18.9922%; max-width: 245px; margin-bottom: 3rem;
}
#dil-view .sc-intro .group-text .text-area .tit{
    margin-bottom: 1.5rem; 
    font-size: 2.5rem; color:#fff; font-weight: 500;
}
#dil-view .sc-advantage {
    padding: 9rem 0; 
    background: url(/img/sub/dli/main/bg1.png) center/contain;
}
#dil-view .sc-advantage .box-list{flex-wrap: wrap; gap: 2.5rem 0;}
#dil-view .sc-advantage .box-item{
    padding: 2.869% 2.326%; 
    background:#F7F7F4; border: 1px solid #DBDBD8;
}
#dil-view .sc-advantage .box-item .tit {
    display: block; 
    margin-bottom: 1.2rem; 
    font-size: 2.1rem; color: #707070; font-weight: normal;
}
#dil-view .sc-curriculum {padding-bottom: 16.6rem; background-color:#EFF1F4;}
#dil-view .sc-curriculum .group-bg {
    position: relative; 
    padding: 10rem 0 14rem; 
    background: url(/img/sub/dli/main/bg2.png); background-size: contain;
}
#dil-view .sc-curriculum .group-bg .sc-tit{padding-bottom: 2.2rem;}
#dil-view .sc-curriculum .group-bg .tab-menu{
    z-index: 10; 
    position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);
    display: flex;
}
#dil-view .sc-curriculum .group-bg .tab-menu button{
    overflow: visible; 
    width: 100%; height: 7rem;
    font-size: 2.1rem; color:#707070;
    background:#fff; border: 1px solid #DDE0E2; 
    transition: all 0.2s ease;
}
#dil-view .sc-curriculum .group-bg .menu.active button {opacity: 1; background:#EFF1F4;}


/* 교육과정 tabmenu */
#dil-view .sc-curriculum .curriculum-inner{
    width: 87.7519%; max-width: 1132px; margin: 0 auto; margin-top: 7rem;
}
#dil-view .sc-curriculum .curriculum-tab {display: none;}
#dil-view .sc-curriculum .curriculum-tab:nth-of-type(1) {display: block;}
#dil-view .sc-curriculum .box-item {
    overflow: hidden; 
    position: relative; 
    width: 30.9187%; max-width: 350px; height: 63rem; 
    background:#fff;
}
#dil-view .sc-curriculum .box-item .img-wrap {overflow: hidden; position: relative;}
#dil-view .sc-curriculum .box-item .img-wrap img {height: 27.4193%;}
#dil-view .sc-curriculum .box-item .img-wrap:hover img {transform: scale(1.12, 1.12); transition: .4s;}
#dil-view .sc-curriculum .box-item .img-wrap .cate-box{
    position: absolute; bottom: 0; right: 2.3rem; 
    display: block; 
    padding: 1rem; 
    font-size: 1.5rem; color: #fff; font-style: normal;
}
#dil-view .sc-curriculum .box-item .img-wrap .box-course{padding: 1rem; font-size: 1.5rem; color: #fff;}
#dil-view .sc-curriculum .box-item .img-wrap .box-basic{background:#688DA3;}
#dil-view .sc-curriculum .box-item .img-wrap .box-telecom{background:#519386;}
#dil-view .sc-curriculum .box-item .img-wrap .box-finance{background:#3A863A;}
#dil-view .sc-curriculum .box-item .img-wrap .box-gov{background:#425490;}
#dil-view .sc-curriculum .box-item .img-wrap .box-orange{background:#E89468;}
#dil-view .sc-curriculum .box-item .img-wrap .box-intermediate{background:#B50000;}

#dil-view .sc-curriculum #tab00 .box6 .course-list{
    position: absolute; bottom: 0; right: 2.3rem;
    display: flex; gap: 0 1rem; 
    font-size: 1.5rem; color: #fff; font-style: normal;
}
#dil-view .sc-curriculum #tab00 .box-list{
    display: flex; justify-content: space-between; flex-wrap: wrap; gap: 9.6rem 0;
}
#dil-view .sc-curriculum #tab01 .box-list{display: flex; flex-wrap: wrap; gap: 9.6rem 3.6219%;}
#dil-view .sc-curriculum #tab01 .box4 {height: 66rem;} 
#dil-view .sc-curriculum #tab01 .box4 .class-desc {font-size: 1.3rem;}
#dil-view .sc-curriculum #tab01 .box5 {height: 66rem;}
#dil-view .sc-curriculum #tab02 .box-list {display: flex; gap: 0 3.6219%;}

#dil-view .sc-curriculum .curriculum-list {display: flex; flex-direction: column; gap: 1rem 0;}
#dil-view .sc-curriculum .curriculum-item .tit{
    display: block; 
    margin-right: .5rem; 
    font-size: 1.5rem; font-weight: 500; color: #688DA3;
}
#dil-view .sc-curriculum .curriculum-item .desc{font-size: 1.5rem; color: #606060;}
#dil-view .sc-curriculum .curriculum-wrap {
    width: 80.8571%; height: 72.5806%; margin: 0 auto; padding: 3rem 0;
}
#dil-view .sc-curriculum .curriculum-wrap .link-class{
    position: absolute; bottom: 6.452%;
    display: flex; align-items: center; justify-content: center;
    width: 80.8571%; height: 6.452%; 
    font-size: 1.5rem; color:#606060; 
    border: 1px solid #ccc;
}
#dil-view .sc-curriculum .curriculum-wrap .link-class:hover {
    color:#fff; 
    border: 1px solid #688DA3; background:#688DA3; 
    transition: all .5s;
}
#dil-view .sc-curriculum .curriculum-wrap .curriculum-desc{
    padding: 2rem 0 3rem; 
    line-height: 180%; font-size: 1.4rem; color: #707070;
}
#dil-view .sc-curriculum .curriculum-wrap .link-direct{
    display: block; 
    line-height: 160%; font-size: 1.7rem; color: #707070;
}

#dil-view .sc-curriculum .curriculum-item,
#dli-course .sc-intro .flow-wrap>li,
.leaderssys-introduction #sc-intro {
    display: flex; align-items: center; 
}



/* =============== DLI 교육과정 페이지 =============== */
#dli-course .sc-intro{
    position: relative; 
    padding: 9rem 0; background:#E6E5DB;
}
#dli-course .sc-intro .sc-tit{
    line-height: 150%; font-size: 2.5rem; color:#606060; font-weight: normal;
}
#dli-course .sc-intro .flow-wrap{display: flex; gap: 0 4.8rem; padding: 2.5rem 0 3.5rem;}
#dli-course .sc-intro .flow-wrap .tit{
    display: block; 
    padding-right: .3em; 
    font-size: 1.5rem; color:#6095AA; font-weight: normal;
}
#dli-course .sc-intro .flow-wrap .desc{font-size: 1.5rem; color:#707070;}

#dli-course .sc-edu .group-half {display: flex; justify-content: space-between;}
#dli-course .sc-edu .col-left{
    display: flex; flex-direction: column; 
    width: 57.5193%; max-width: 742px;
}
#dli-course .sc-edu .col-left .sc-tit{
    margin-bottom: 4.5rem; 
    font-size: 2.2rem; color: #6095AA; font-weight: normal;
}
#dli-course .sc-edu .col-left .img-wrap{
    display: flex; justify-content: space-between; margin-top: 3rem;
}
#dli-course .sc-edu .col-left .img-wrap img {width: 47.4393%; max-width: 352px;}

#dli-course .sc-edu .col-right{width: 33.7209%; max-width: 435px;}
#dli-course .sc-edu .col-right .text-list{
    display: flex; flex-direction: column; gap: 5rem 0; 
    margin-bottom: 4rem;
}
#dli-course .sc-edu .col-right .text-list>* {font-size: 1.5rem; color:#707070;}
#dli-course .sc-edu .col-right .text-item .tit{
    display: block; 
    margin-bottom: 1.2rem; 
    font-size: 1.4rem; font-weight: normal; color:#6095AA;
}
#dli-course .sc-edu .col-right .link-inquiry{
    display: block; 
    text-align: center; line-height: 50px; font-size: 1.5rem; color:#fff;
    background:#688DA3;
}
#dli-course .sc-edu .col-right .arrow-wrap>li {
    position: relative; padding-left: 1.5rem; line-height: 180%;
}

#dli-course .sc-edu .col-right .arrow-wrap>li::before,
.computing_course02 .sc-learning .col-right .arrow-wrap>li::before {
    content: '>'; 
    position: absolute; top: 0; left: 0; 
    font-size: 1.5rem; color: #707070;
}

#dli-course .sc-edu .col-right .text-item .desc,
.computing_course02 .sc-learning .col-right .text-item .desc,
.computing_course01 .sc-learning .list6 .desc{
    line-height: 160%;
}

#dli-course .sc-learning,
.computing_course02 .sc-outline{
    background: url(/img/sub/dli/course/bg-sec03.png) center/contain !important;
}

#dli-course .sc-learning{padding: 8.5rem 0 9.5rem;}
#dli-course .sc-learning .sc-tit{
    display: block; 
    margin-bottom: 3.7rem; 
    font-size: 2.2rem; color:#688DA3; font-weight: normal;
}
#dli-course .sc-learning .group-learning{
    display: flex; justify-content: space-between; align-items: center;
}
#dli-course .sc-learning .list-area {display: flex; flex-direction: column; gap: 2rem 0;}
#dli-course .sc-learning .list-item{
    display: flex; 
    padding-bottom: 2rem; 
    border-bottom: 1px solid #D9D9D9;
}
#dli-course .sc-learning .list-item .num {
    padding-right: 1.5rem; 
    font-size: 1.7rem; color:#688DA3;
}
#dli-course .sc-learning .list-item .desc{font-size: 1.6rem; color:#606060;}
#dli-course .sc-learning .logo-area{width: 29.3023%; max-width: 378px;}
#dli-course .sc-learning .logo-area img{display: block; width: 100%;}

#dli-course .sc-outline {padding: 9rem 0 17rem; background:#F5F5F2;}
#dli-course .sc-outline .sc-tit{
    display: block; 
    margin-bottom: 4.2rem; 
    font-size: 1.8rem !important; color:#688DA3; font-weight: normal;
}
#dli-course .sc-outline table {width: 100%; border-collapse: collapse;}
#dli-course .sc-outline table tr {
    border-bottom: 1px solid #D0CEC6; background:#DFE4E6;
}
#dli-course .sc-outline table tr:last-child {border-bottom: none;}
#dli-course .sc-outline table td:first-child{
    display: flex; flex-direction: column; 
    max-width: 270px; 
    padding: 11.113% 16.667%; /* 3rem 4.5rem */
    line-height: 160%; font-size: 1.5rem; color: #606060;
}
#dli-course .sc-outline table td:last-child{
    width: 79.0697%; max-width: 1020px; 
    padding: 2.326% 5.814%; /* 3rem 7.5rem */
    line-height: 180%; font-size: 1.5rem; color: #606060; 
    background: #F8F8F8;
}
#dli-course .sc-outline table td .tit{font-weight: normal;}
#dli-course .sc-outline table td .link-join{color: #606060;}
#dli-course .sc-outline table .breaktime td{
    padding: 1.6rem 0 !important; 
    line-height: initial !important; text-align: center;
}
#dli-course .sc-outline table .breaktime td:first-child {padding: 0;}

.computing_course02 .sc-intro .tit-area .sc-tit{margin-bottom: 2rem;}
.computing_course02 .sc-intro .tit-area .desc{font-size: 1.4rem; color:#606060;}


.computing_course02 .sc-learning,
.leaderssys-introduction #sc-inquiry,
#dil-view .sc-value,
#dli-course .sc-edu {
    padding: 10rem 0; background: #F5F5F2 !important;
}

#dli-course .sc-edu .col-left .text-list,
.computing_course02 .sc-learning .col-left {
    display: flex; flex-direction: column; gap: 3rem 0;
}

#dli-course .sc-edu .col-left .text-item,
.computing_course02 .sc-learning .col-left .list-item{
    line-height: 180%; font-size: 1.5rem; color: #606060;
}

#dli-course .sc-edu .col-right,
.computing_course02 .sc-learning .col-right {
    padding: 5.5rem 4.5rem; 
    background:#fff; border: 1px solid #E3E2E1;
}

.computing_course02 .sc-learning .col-left{width: 57.5193%; max-width: 742px;}
.computing_course02 .sc-learning .col-left .tit-wrap .desc{
    max-width: 51rem; 
    line-height: 180%; font-size: 1.4rem; color:#606060;
}
.computing_course02 .sc-learning .col-left .list-item .num{
    display: block; 
    padding-right: 2.3rem; 
    font-size: 1.7rem; color:#688DA3;
}
.computing_course02 .sc-learning .col-left .dli-logo {width: 33.6927%; max-width: 250px;}

.computing_course02 .sc-learning .col-right{width: 34.1085%;}
.computing_course02 .sc-learning .col-right .text-list{
    display: flex; flex-direction: column; gap: 5rem 0; 
    margin-bottom: 4rem;
}
.computing_course02 .sc-learning .col-right .text-item{font-size: 1.5rem; color:#707070;}
.computing_course02 .sc-learning .col-right .text-item .tit{
    display: block; 
    margin-bottom: 1.2rem; 
    font-size: 1.4rem; color:#6095AA;
}
.computing_course02 .sc-learning .col-right .link-inquiry{
    display: block; 
    text-align: center; line-height: 50px; font-size: 1.5rem; color:#fff;
    background:#688DA3;
}
.computing_course02 .sc-learning .col-right .arrow-wrap>li{
    position: relative; 
    padding-left: 1.5rem; line-height: 180%;
}
.computing_course03 .sc-learning .tit-wrap .desc{
    max-width: 63rem; 
    line-height: 180%; font-size: 1.4rem; color: #606060;
}


/* https://leaderssys.com/sub/grapector.php */
#grapector .sc-tit{font-size: 2.4rem; color: #606060; font-weight: 500;}

#grapector #sc-view{
    background: #000 url(/img/sub/grapector/bg1.png) no-repeat center;
    background-size: contain;
}
#grapector #sc-view .tit-area .tit{
    padding-bottom: 3.2rem; 
    font-size: 2.5rem; color:#fff; font-weight: normal;
}
#grapector #sc-system{
    padding: 10rem 0; 
    background: url(/img/sub/grapector/bg2.png) center/contain;
}
#grapector #sc-system .box-list {
    display: flex; justify-content: space-between; 
    padding: 4.109% 5.117% 3.876% 5.117%; background:#F7F7F4;
}
#grapector #sc-system .box-item .box-tit {display: block; margin-bottom: 1.2rem;}
#grapector #sc-system .box-item .desc{line-height: 170%; font-size: 1.5rem; color:#707070;}
#grapector #sc-system .box2{padding-left: 5.8rem;}

#grapector #sc-dashboard{
    padding: 12rem 0; 
    background: url(/img/sub/grapector/bg3.png) no-repeat center/cover;
}
#grapector #sc-dashboard .box-list{display: flex; flex-wrap: wrap; gap: 5.2rem 2.3257%;}
#grapector #sc-dashboard .box-item{
    width: 31.7829%; max-width: 410px; height: 25.6rem; 
    padding: 2.869% 3.101% 0;
    border: 1px solid #DBDBD8; background:#fff;
}
#grapector #sc-dashboard .sub-item {line-height: 25px; font-size: 1.5rem; color:#688DA3;}
#grapector #sc-ai{padding: 12rem 0; background:#D4DADD;}

#grapector #sc-ai .box-item{
    width: 19.0697%; max-width: 246px; max-height: 63px; 
    padding: 2.1rem 0;
    text-align: center; font-size: 1.7rem; color:#707070;
    border: 1px solid #B7B7B7; background:#fff;
}
#grapector #sc-ai .img-item .box-tit {
    display: block; 
    margin: 1.6rem 0 1.2rem; line-height: 1;
}

#grapector #sc-grapector {padding: 9.8rem 0; background: #E8E5D9;}
#grapector #sc-grapector .tit-area .sc-tit {margin-bottom: 1.5rem;} 
#grapector #sc-grapector .box-area>div {width: 46.2184%; max-width: 550px;}
#grapector #sc-grapector .box-area .tit {
    display: block;
    margin-top: 2rem;
    font-size: 2.1rem; color: #707070; font-weight: 500;
}




#grapector #sc-ai .box-list {margin-bottom: 6rem;}
#grapector #sc-dashboard .box-item .box-tit {margin-bottom: 3rem;}
.computing_course03 .sc-learning .tit-wrap {margin-bottom: 3rem;}


#grapector #sc-ai .box-list,
.leaderssys-introduction #sc-service .box-list {
    display: flex; justify-content: space-between; flex-wrap: wrap; gap: 2rem 0;
}

#dil-view .sc-intro .group-text .text-area .desc,
#grapector #sc-view .tit-area .desc,
.leaderssys-introduction #sc-intro .text-area .desc {
    line-height: 180%; font-size: 1.5rem; color:#fff;
}

#dil-view .sc-intro .group-text .text-area .desc {max-width: 65.4rem;}
#dil-view .sc-curriculum .group-bg .text-area .desc{max-width: 124rem;}
.leaderssys-introduction #sc-intro .text-area .desc {width: 43.5rem;}
.computing_course01 .sc-learning .list6 .desc{max-width: 62rem;}



/* ====== 회사소개 https://leaderssys.com/sub/aboutus.php ====== */
.leaderssys-introduction #sc-intro {
    height: 40rem;
    background: url(/img/sub/about/bg-01.png) no-repeat center/cover;
}
.leaderssys-introduction #sc-intro .text-area .tit{
    margin-bottom: 3rem; 
    line-height: 140%; font-size: 2.5rem; color:#fff; font-weight: normal;
}

/* ====== 사업영역 ====== */
.leaderssys-introduction #sc-business{padding: 14rem 0; background:#F5F5F2;}
.leaderssys-introduction #sc-business .sc-tit{
    margin-bottom: 3.8rem; 
    color: #606060; font-size: 2.4rem; font-weight: normal;
}
.leaderssys-introduction #sc-business .box-list{flex-wrap: wrap; gap: 12rem 0;}
.leaderssys-introduction #sc-business .box-item .desc {line-height: 180%; font-size: 1.5rem; color:#707070;}



/* ====== 리더스시스템즈 글로벌 파트너사 ====== */
.leaderssys-introduction #sc-partners {
    padding: 10rem 0; 
    background: url(/img/sub/about/bg-02.png) no-repeat center/cover;
}
.leaderssys-introduction #sc-partners .tit-area{padding-bottom: 5.4rem;}
.leaderssys-introduction #sc-partners .tit-area .sc-tit{
    margin-bottom: 2.8rem; 
    font-size: 2.2rem; color:#606060; font-weight: normal;
}
.leaderssys-introduction #sc-partners .tit-area .desc {
    line-height: 180%; font-size: 1.4rem; color:#606060;
}
.leaderssys-introduction #sc-partners .box-list{flex-wrap: wrap; gap: 3rem 2.3255%;}



/* ====== 리더스시스템즈 국내 파트너사 ====== */
.leaderssys-introduction #sc-customer .group-edu,
.leaderssys-introduction #sc-customer .group-public {
    padding-top: 26rem;
}

.leaderssys-introduction #sc-customer {padding: 12.8rem 0 18.2rem; background:#fff;}
.leaderssys-introduction #sc-customer .sc-tit{
    margin-bottom: 8rem; 
    font-size: 2.2rem; color:#606060; font-weight: normal;
}
.leaderssys-introduction #sc-customer .customer-list {
    display: flex; flex-wrap: wrap; gap: 10rem 7.0335%; 
    width: 84.4961%; max-width: 1090px; margin: 0 auto;
}
.leaderssys-introduction #sc-customer .customer-item {
    display: flex; flex-direction: column; align-items: center;
    width: 19.7247%; max-width: 215px;
}
.leaderssys-introduction #sc-customer .customer-item .tit{
    padding-top: 3.5rem;
    font-size: 1.8rem; color:#808080; font-weight: 500;
}

.leaderssys-introduction #sc-customer .group-service .customer-item {justify-content: space-between;}
.leaderssys-introduction #sc-customer .group-service .gap img{margin-top: 2rem;}



/* ====== 1. 주요고객사 제조/서비스 ====== */
/* 215 */

.leaderssys-introduction #sc-customer .customer-samsung-sdi img,
.leaderssys-introduction #sc-customer .customer-samsung-elec img {
    width: 88.3720%; max-width: 190px;
}

.leaderssys-introduction #sc-customer .customer-samsung-adv img {
    width: 79.0697%; max-width: 170px;
}

.leaderssys-introduction #sc-customer .customer-hyundai img {
    width: 76.7441%; max-width: 165px;
}

.leaderssys-introduction #sc-customer .customer-ls img,
.leaderssys-introduction #sc-customer .customer-kbs img,
.leaderssys-introduction #sc-customer .customer-gs-shop img{
    width: 69.7674%; max-width: 150px;
}

.leaderssys-introduction #sc-customer .customer-mobis img,
.leaderssys-introduction #sc-customer .customer-autoever img {
    width: 68.37209%; max-width: 147px;
}

.leaderssys-introduction #sc-customer .customer-sbs img,
.leaderssys-introduction #sc-customer .customer-samsung-sds img,
.leaderssys-introduction #sc-customer .customer-lg img,
.leaderssys-introduction #sc-customer .customer-lgu-cns img {
    width: 66.5116%; max-width: 143px;
}

.leaderssys-introduction #sc-customer .customer-samsung img,
.leaderssys-introduction #sc-customer .customer-samsung-c-t img,
.leaderssys-introduction #sc-customer .customer-naver img,
.leaderssys-introduction #sc-customer .customer-hanhwa img{
    width: 63.7209%; max-width: 137px;
}

.leaderssys-introduction #sc-customer .customer-hello img,
.leaderssys-introduction #sc-customer .customer-hynix img{
    width: 60.9302%; max-width: 131px;
}

.leaderssys-introduction #sc-customer .customer-mbc img,
.leaderssys-introduction #sc-customer .customer-skt img{
    width: 59.0697%; max-width: 127px;
}

.leaderssys-introduction #sc-customer .customer-posco img,
.leaderssys-introduction #sc-customer .customer-lgu img {
    width: 53.4883%; max-width: 115px;
}

.leaderssys-introduction #sc-customer .customer-kt img {width: 32.1888%;}

.leaderssys-introduction #sc-service {padding: 12rem 0; background:#F5F5F2;}
.leaderssys-introduction #sc-service .tit-area{padding-bottom: 4rem;}
.leaderssys-introduction #sc-service .tit-area .tit{
    display: block; 
    max-width: 71rem; 
    padding-bottom: 2rem;
    line-height: 150%; font-size: 2.2rem; color:#707070; font-weight: normal;
}
.leaderssys-introduction #sc-service .box-item{
    width: 32.5581%; 
    padding: 1.938% 1.706%; /* 2.5rem 2.2rem */
    border: 1px solid #D3D3D3; background:#fff;
}
.leaderssys-introduction #sc-service .box-item .tit{
    display: block; 
    margin-bottom: 1rem; 
    font-size: 1.7rem; color:#688DA3; font-weight: normal;
}
.leaderssys-introduction #sc-dli{padding: 8.2rem 0 10.6rem; background:#D3D8DB;}
.leaderssys-introduction #sc-dli .group-half {display: flex; justify-content: space-between;}
.leaderssys-introduction #sc-dli .text-area{width: 38.2170%; max-width: 493px;}
.leaderssys-introduction #sc-dli .text-area .tit{
    max-width: 42rem; 
    line-height: 150%; font-size: 2.1rem; color: #606060; font-weight: normal;
}
.leaderssys-introduction #sc-dli .text-area .desc{
    max-width: 47.6rem; 
    padding: 3rem 0 3.5rem; 
    line-height: 180%; font-size: 1.5rem;
}
.leaderssys-introduction #sc-inquiry .sub-quick {padding: 0 !important;} 
.leaderssys-introduction #sc-inquiry .sub-quick .maxinner{
    display: flex; justify-content: space-between; 
    max-width: 1290px;
}
.leaderssys-introduction #sc-inquiry .sub-quick-item{
    position: relative; 
    width: 31.7829%; 
    padding: 2.5428% 2.6836% 3.3257%; 
    background:#Fff;
}
.leaderssys-introduction #sc-inquiry .sub-quick-item::after{
    content: ""; 
    position: absolute; left: 0; bottom: 0;
    width: 100%; height: .6rem; 
    background:#688DA3;
}
.leaderssys-introduction #sc-inquiry .sub-quick-item h2{
    padding-top: 6rem; 
    font-size: 2.4rem; color:#606060; font-weight: normal;
}
.leaderssys-introduction #sc-inquiry .sub-quick-item p{
    margin-top: 1.2rem; 
    line-height: 180%; font-size: 1.7rem; color:#606060;
}
.leaderssys-introduction #sc-inquiry .sub-quick-item:first-of-type h2 {
    background: url('/img/ico/ico-inquiry-intro01.svg') no-repeat left top;
    background-size: 4.2rem;
}
.leaderssys-introduction #sc-inquiry .sub-quick-item:nth-of-type(2) h2 {
    background: url('/img/ico/ico-inquiry-intro02.svg') no-repeat left top;
    background-size: 4.2rem;
}
.leaderssys-introduction #sc-inquiry .sub-quick-item:nth-of-type(3) h2 {
    background: url('/img/ico/ico-inquiry-intro03.svg') no-repeat left top;
    background-size: 4.8rem;
}
.leaderssys-introduction #sc-inquiry .btnset {
    min-width: 17rem; height: 4.5rem; line-height: 4.5rem;
    margin-top: 4rem; 
    font-size: 1.5rem; color:#fff;
    background:#5F5F5F;
}
.leaderssys-introduction #sc-inquiry .btnset:hover {background:#333;}



@media all and (max-width: 1700px) {
    /* ============== DLI / GRAPECTOR ============== */
    #dil-view .sc-intro,
    #grapector #sc-view {
        background-size: cover;
    }

    #dil-view .sc-curriculum .group-curriculum .link-direct br,
    #grapector #sc-system .box3 .desc br {
        display: none;
    }

    #main_wrap .btn-link,
    #dil-view .sc-curriculum .group-curriculum .link-direct {
        font-size: 1.6rem;
    }

    #dil-view .sc-curriculum .curriculum-item .tit,
    #dil-view .sc-curriculum .curriculum-item .desc {
        font-size: 1.4rem;
    }

    /* ============== 회사소개 ============== */
    .leaderssys-introduction #sc-business .box-list .desc br,
    .data_course02 .sc-edu .col-left .text-item br {
        display: none;
    }

    .leaderssys-introduction #sc-inquiry .sub-quick-item p{width: 105%;}
    .data_course02 .sc-edu .col-left .text-item span{display: initial;}
}