@charset "utf-8";

/* --- COMMON --- */
#sub section .sc-tit {
    display: block; 
    font-size: 2.4rem; color: #606060; font-weight: normal;
}
#sub section .desc {
    display: block; 
    line-height: 180%; font-size: 1.5rem; color:#707070;
}

/* 
    공통 요소
    https://leaderssys.com/sub/technology/vision-ai.php
    https://leaderssys.com/sub/edge_computing03.php
    https://leaderssys.com/sub/technology/robotics.php
    https://leaderssys.com/sub/design_visualization06.php
    https://leaderssys.com/sub/on_premise.php
*/
#sub section .group-reverse .box-item {
    display: flex; align-items: center; gap: 0 7.2580%; /* 90/1240 */
}
#sub .sc-intro {display: flex; align-items: center; height: 21.5rem;}
#sub .sc-intro .main-tit {
    display: inline-block; 
    line-height: 150%; font-size: 2.5rem; color:#fff; font-weight: normal;
}
#sub .sc-intro .main-tit .txt1 {display: block;}


/*
    탭 메뉴 공통
    https://leaderssys.com/sub/metaverse-enterprise.php
    https://leaderssys.com/sub/metaverse-creator.php
*/
#sub .common-tabmenu .tabnav>li a {
    display: block; 
    height: 100%; 
    padding: 1.6rem 0; 
    text-align: center; font-size: 1.6rem;
}
#sub .common-tabmenu .tabnav>li:first-child a.active {border-left: none !important;}
#sub .common-tabmenu .tabnav>li:last-child a.active {border-right: none !important;}

.sub-dev-omniverse .section-box .box-list,
#sub .tab-omniverse .tab-wrap{
    width: 95.5555%; max-width: 1290px; margin: 0 auto;
}

#sub .tab-omniverse .tit-box{padding-top: 1.5rem;}
#sub .tab-omniverse .tit-box .small-tit {
    display: block; 
    font-size: 1.4rem; color: #606060;
}
#sub .tab-omniverse .tit-box .tit{
    display: block; 
    margin: 1.2rem 0 2rem; 
    font-size: 2rem; color: #404040; font-weight: 500;
}
#sub .tab-omniverse .tab-box .desc{font-size: 1.4rem;}

#sub .tab-omniverse .tab-item img,
.sub-hpc01 #sec02 .box-item img,
.sub-public .section3 .box-item img{
    border: 1px solid #D1D1D1;
}

.sub-creator .section5 .tabnav>li {
    position: relative; 
    flex: 1; text-align: center;
}
.sub-omniverse .section5 .tab-area .tabnav>li {position: relative; flex: 1;}
.sub-ai-platform .section5 .tabnav>li {flex: 1; text-align: center;}
.sub-genuine .section7 .nav-item {z-index: 1; flex: 1;}


/* #sub .btn-link::before {
    content: ""; position: absolute; left: 0; bottom: 0; 
    width: 0; height: 1px; 
    background:#688DA3; transition: width .3s ease;
}
#sub .btn-link:hover::before {width: 100%;} */


#sub .sc-boxgap .box-item .btn-link {width: fit-content; margin-top: 3rem;}
.sub-explore .box-item .btn-link {width: fit-content;}


/*  */
#sub .box-item .btn-link, 
.sub-virtualization .section5 .text-area .btn-link,
.sub-rendering .section5 .text-area .btn-link,
.sub-generative-ai .sc-education .btn-link,
.sub-analysis .section3 .text-area .btn-link,
.sub-robotics .section3 .text-area .btn-link,
.sub-robotics .section3 .text-area .btn-link,
.sub-networking .section4 .text-area .btn-link {
    display: inline-block; margin-top: 3rem;
}

#sub .sc-tit-gap {
    display: block; 
    margin-bottom: 3rem; 
    font-size: 2.4rem; color: #606060; font-weight: normal;
}

.sub-creator-omniverse .section7 .text-area .link-inquiry,
.sub-rendering .section5 .text-area .btn-link,
.sub-generative-ai .sc-education .btn-link {
    color: #659F00 !important;
}

.sub-analysis .section3 .text-area .btn-link {color:#fff !important;}
.sub-robotics .section3 .text-area .btn-link {color: #77B900 !important;}
.sub-networking .section4 .text-area .btn-link {color: #0A97FF !important;}



/* ================== NVIDIA Solution & Technology ================== */
/* ============= FLEX ============= */
.sub-quantum .section3 .text-area,
.sub-embedded .section4 .box-item:first-child .text-flex,
.sub-multidisplay .section2 .sub-item,
.sub-analysis .section2 .text-box1 .sub-list>li {
    display: flex; 
}

#sub .sc-dli .group-dli,
.sub-gamedev .section4 .box-list,
.sub-vworkstation .section3 .half-area,
.sub-explore #section-processors .box-area,
.sub-explore .section-table .table-area .row-box,
.sub-dev-omniverse .section5 .tab,
.sub-creator .section4 .tab-wrapper .tab,
.sub-energy .section3 .tab-area .tab,
.sub-edgecomputing .section5 .half-tab,
.sub-analysis .section2 .half-area,
.sub-vision .section5 .group2 .half-area,
.sub-industry .section3 .half-area,
.sub-vision .section2 .half-area,
.sub-genuine .section7 .tit-area {
    display: flex; justify-content: space-between;
}

.sub-aeco .section5 .tab-area .tab,
.sub-explore #section-intro,
.sub-voice-ai .section1 .container,
.sub-networking .section4 .group-half {
    display: flex; align-items: center;
}

.sub-prediction .section2 .video-flex,
.sub-prediction .section6 .box-inner,
.sub-vworkstation .section2 .half-area,
.sub-machinelearning .section2 .half-area {
    display: flex; justify-content: space-between; align-items: center;
}

.sub-prediction .section6 .box-area .num-box,
.sub-machinelearning .sc-bargraph .graph-area,
.sub-explore .section10 .tit-area{
    display: flex; justify-content: space-between; align-items: flex-end; 
}

.sub-media .section2 .box-list,
.sub-explore #section-processors .box-list,
.sub-voice-ai .section6 .box-list,
.sub-industry .section3 .half-area .box-list,
.sub-rendering .section6 .box-list, 
.sub-virtualization .section3 .box-list,
.sub-supercomputing .section2 .box-list,
.sub-embedded .section4 .box-list,
.sub-energy .section5 .box-list,
.sub-creator-omniverse .section5 .logo-list,
.sub-creator .section5 #tab01 .logo-list,
.sub-vision .section2 .half-area .box-list,
.sub-vision .section5 .group2 .half-area .box-list,
.sub-vision .section7 .box-list,
.sub-robotics .section2 .box-list {
    display: flex; justify-content: space-between; flex-wrap: wrap;
}

.sub-explore .section17 .box-list,
.sub-cloudcomputing .section4 .box-list,
.sub-cloudcomputing .section5 .box-list,
.sub-public .section4 .box-list {
    display: flex; justify-content: space-between; flex-wrap: wrap; gap: 2rem 0;
}

.sub-voice-ai .section5 .box-item,
.sub-quantum .section4 .row-area,
.sub-aeco .section4 .box-area,
.sub-onpremise .section2 .half-area,
.sub-ai-infra .section2 .half-area {
    display: flex; justify-content: space-between; gap: 0 9rem;
}

#sub .tab-omniverse .tab-list,
.sub-explore .section9 .box-area,
.sub-genuine .section6 .box-list {
    display: flex; justify-content: space-between; gap: 0 3rem;
}

.sub-explore #section-explore .box-list {flex-wrap: wrap; gap: 2rem 0;}


.sub-gamedev .section4 .box-list,
.sub-embedded .section3 .box-list,
.sub-energy .section4 .box-list {
    flex-wrap: wrap; gap: 2.5rem 0;
}

#sub .sc-boxgap .box-item,
.sub-explore .section6 .group2 .box-item,
.sub-explore .section15 .group2 .box-item {
    display: flex; justify-content: space-between; flex-direction: column;
}

#sub section .group-reverse .box-list,
.sub-vehicle-computing .section-reverse .box-list{
    display: flex; flex-direction: column; gap: 5rem 0;
}

.sub-hpc02 #sec05 .text-area .desc-wrap,
.sub-explore #section-intro .text-wrap {
    display: flex; flex-direction: column; gap: 3.5rem 0;
}

.sub-quantum .section4 .text-wrap .desc-box,
.sub-ai-infra .section3 .text-area .desc-wrap,
.sub-multidisplay .section2 .sub-list,
.sub-onpremise .section4 .box-item .desc-box {
    display: flex; flex-direction: column; gap: 2.5rem 0;
}

.sub-prediction .section6 .box-area .num-box>div,
.sub-creator .section5 #tab02 .text-wrap,
.sub-creator .section5 .tit-area {
    display: flex; flex-direction: column; align-items: center;
}

.sub-omniverse .section5 #tab01 .logo-list>li,
.sub-omniverse .section5 #tab02 .logo-list a,
.sub-creator .section5 #tab01 .logo-list>li {
    display: flex; flex-direction: column; align-items: center; gap: 2.5rem 0;
}

#sub .common-tabmenu .tabnav>li,
#sub .tab-omniverse .tab-item,
.sub-prediction .section5 .half-area>div,
.sub-prediction .section6 .box-area>div,
.sub-voice-ai .section5 .box-item>div,
.sub-aeco .section4 .box-area>div,
.sub-networking .section5 .group-box>div,
.sub-onpremise .section2 .half-area>div,
.sub-ai-infra .section2 .half-area>div,
.sub-quantum .section4 .row-area>div,
.sub-hpc01 #sec03 .text-area .box-item {
    flex: 1;
}

.sub-robotics .section4 .box-item:nth-child(even),
.sub-vision .section4 .box-item:nth-child(even),
.sub-omniverse .group-reverse .box-item:nth-child(even),
.sub-genuine .section4 .box-item:nth-child(even),
.sub-quantum .section4 .row-area:nth-child(even),
.sub-voice-ai .section5 .box-item:nth-child(even),
.sub-onpremise .section4 .box-item:nth-child(even),
.sub-engineering .section2 .box-item:nth-child(even),
.sub-vehicle-computing .section3 .box-item:nth-child(even),
.sub-industry .section5 .box-item:nth-child(odd),
.sub-vehicle-computing .section4 .box-item:nth-child(odd) {
    flex-direction: row-reverse;
}


/* ============= WIDTH ============= */
.sub-voice-ai .section5 .box-inner,
.sub-embedded .section4 .inner,
.sub-energy .section5 .gap,
.sub-aeco .section4 .gap,
.sub-explore .section7 .group2 .img-inner {
    width: 87.5968%; max-width: 1130px; margin: 0 auto;
}
.sub-multidisplay .section2 .sub-item .desc,
.sub-multidisplay .section2 .prd-list {
    width: 73.1707%; max-width: 300px;
}

.sub-creator .section4 .gap,
.sub-dev-omniverse .section-box .inner,
.sub-dev-omniverse .section5 .inner {
    width: 70.3125%; max-width: 1350px; margin: 0 auto;
}

.sub-voice-ai .section7 .img-area,
.sub-generative-ai .sc-business .img-area {
    width: 62.0155%; max-width: 800px;
}

#page-prdcategory .container,
#sub .maxinner, 
#sub .container,
.support-cscenter .container,
.leaderssys-introduction .container,
.sub-genuine .container {
    width: 67.1875%; max-width: 1290px; margin: 0 auto;
}

.leaderssys-introduction #sc-dli .img-area,
.sub-edgecomputing .section5 .img-wrap,
.sub-vehicle .section4 .tab .img-wrap,
.sub-genuine .section2 .text-area {
    width: 51.1627%; max-width: 660px;
}

.sub-creator .section5 #tab01 .logo-list>li img,
.sub-omniverse .section5 #tab02 .logo-list>li img,
.sub-gamedev .section4 .box-list .logo-mundfish,
.sub-energy .section4 .box-list .ridgeway_kite {
    width: 50%;
}

.page-twin-guidebook #sec02 .img-area,
.sub-cloudcomputing .section4 .box-item,
.sub-media .section2 .box-item,
.sub-prediction .section2 .video-flex>div,
.sub-creator .section4 #tab05 .img-area,
.sub-creator .section4 .text-area,
.sub-rendering .section2 .text-area,
.sub-voice-ai .section6 .box-item {
    width: 48.8372%; max-width: 630px;
}

.sub-omniverse .section4 .box-item .img-wrap,
.sub-omniverse .section6 .box-item .img-wrap {
    width: 46.8992%; max-width: 605px;
}

.sub-ai-infra .section3 .text-area,
.sub-vehicle-computing .section-reverse .box-item .img-wrap,
.sub-reverse .group-reverse .box-item .img-wrap {
    width: 46.5116%; max-width: 600px;
}

.sub-energy .section5 .box-item,
.sub-virtualization .section3 .box-item,
.sub-embedded .section4 .box-item:nth-child(even) {
    width: 46.0176%; max-width: 520px;
}

.sub-omniverse .section4 .box-item .text-wrap,
.sub-omniverse .section6 .box-item .text-wrap {
    width: 43.7984%; max-width: 565px;
}

.sub-reverse .group-reverse .box-item .text-wrap {
    width: 42.6356% !important; max-width: 550px !important;
}

.sub-creator-omniverse .section4 .box-item .img-wrap,
.sub-edgecomputing .section2 .box-item svg{
    width: 33.3333%; max-width: 100px;
}

.sub-ai-inference .sc-advantage .box-item,
.sub-xrsolution .section2 .box-item,
.sub-multidisplay .section2 .box-item,
.sub-explore #section-processors .box-area .img-wrap {
    width: 31.7829%; max-width: 410px;
}

.sub-voice-ai .section2 .box-item .img-wrap,
.sub-voice-ai .section4 .box-item .img-wrap {
    width: 26.6666%; max-width: 80px;
}


/* ============= BG ============= */

.sub-ai-platform .section6,
.sub-quantum .sc-resource,
.sub-machinelearning .sc-datacenter,
.sub-voice-ai .sc-datacenter,
.sub-prediction .sc-datacenter {
    background: #F5F5F2;
}

.sub-industry .section5,
.sub-onpremise .section4,
.sub-quantum .section4,
.sub-vision .section4{
    padding: 14rem 0; background:#F5F5F2;
}

.sub-robotics .section4,
.sub-edgecomputing .section7,
.sub-deeplearning .section4,
.sub-vworkstation .section7,
.sub-ai-inference .sc-advantage,
.sub-analysis .section4,
.sub-machinelearning .section4 {
    padding: 12rem 0; background: #F5F5F2;
}

.sub-ai-platform .section5,
.sub-creator-omniverse .sc-tab{
    padding: 12rem 0; background:#fff;
}

#sub .sc-dli,
.sub-ai-infra .section3 .text-area,
.sub-rendering .section5 .text-area {
    padding: 10rem 0;
}

.page-twin-guidebook #sec02,
.sub-machinelearning .section2,
.sub-robotics .section2,
.sub-vision .section2,
.sub-edgecomputing .section2,
.sub-prediction .section2,
.sub-deeplearning .section2,
.sub-virtualization .section5,
.sub-rendering .section6,
.sub-onpremise .section2,
.sub-industry .section2,
.sub-ai-platform .section2, 
.sub-ai-platform .section4,
.sub-voice-ai .section2, 
.sub-voice-ai .section4, 
.sub-voice-ai .section6,
.sub-hpc01 #sec02 {
    padding: 10rem 0; background: #F5F5F2;
}

.sub-vehicle-computing .section3,
.sub-industry .section3{
    padding: 10rem 0; background:#000;
}

.sub-cloudcomputing .section3,
.sub-public .section4,
.sub-rendering .section3,
.sub-ai-inference .section3,
.sub-explore .section17,
.sub-omniverse .section4,
.sub-quantum .section3,
.sub-genuine .section3,
.sub-dev-omniverse .section2,
.sub-dev-omniverse .section6,
.sub-creator .section5,
.sub-creator-omniverse .section2 {
    padding: 10rem 0; background: #fff;
}

.sub-public .section2 .box-item,
.sub-productdev .section2 .box-item{
    padding: 2.6rem; background: #fff;
}

.sub-ai-infra .section2,
.sub-public .section2,
.sub-media .section3,
.sub-aeco .section2,
.sub-aeco .section4,
.sub-vehicle .section2,
.sub-vehicle .section4 {
    padding: 10rem 0; background: #F4F4F5;
}

.sub-vehicle .sc-dli,
.sub-ai-infra .sc-datacenter {
    background: #F4F4F5;
}

.sub-generative-ai .sc-education,
.sub-explore #section-processors {
    padding: 12rem 0; background: #F5F5F5;
}

.sub-omniverse .section2,
.sub-omniverse .section5,
.sub-cloudcomputing .section2,
.sub-creator .section3,
.sub-dev-omniverse .section7 {
    padding: 10rem 0; background: #F5F5F5;
}

.sub-omniverse .section7 {background: #F5F5F5;}


.sub-vehicle .section5,
.sub-omniverse .section6{
    padding: 10rem 0; background: #EBEBEB;
}

.sub-vworkstation .section4,
.sub-hpc #sec04{
    padding: 10rem 0; background:#F8F8F8;
}

.sub-hpc #sec03,
.sub-vworkstation .section5{
    padding: 10rem 0; background: #F4F4F4;
}

.sub-prediction .section3,
.sub-machinelearning .section3 {
    padding: 10rem 0; background:#E4E4E4;
}

.sub-voice-ai .section5,
.sub-prediction .section6{
    padding: 10rem 0; background: #eee;
}

.sub-vision .section3,
.sub-voice-ai .section3{
    padding: 10rem 0; background:#E2E6E8;
}

.sub-xrsolution .section2,
.sub-edgecomputing .sc-video {
    padding: 10rem 0; background: #F7F7F7;
}


/*  */
.sub-explore .sc-dli {padding: 10rem 0; background:#F2EBDF;}
.sub-supercomputing .section3{padding: 10rem 0; background:#E6E5DB;}
.sub-vworkstation .section3{padding: 10rem 0; background:#E8E8DF;}

.sub-productdev .section4,
.sub-public .section3{
    padding: 8rem 0; background:#D3D8DB;
}

.sub-productdev .section5,
.sub-media .section6{
    padding: 8rem 0; background:#FAFAFA;
}

.sub-generative-ai .sc-datacenter,
.sub-ai-inference .sc-datacenter{
    background: #E3E3E3;
}

.sub-supercomputing .sc-datacenter {background:#D3D8DB;}
.sub-xrsolution .sc-datacenter {background:#F4F4F4;}
.sub-onpremise .sc-datacenter {background:#eee;}

.sub-explore .section14,
.sub-explore .section5,
.sub-healthcare .sc-datacenter {
    background:#FAFAFA;
}

.sub-media .section2,
.sub-media .section5,
.sub-gamedev .section2 {
    padding: 9.5rem 0; background:#E6E6E6;
}


/* ============= FONT ============= */
.sub-analysis .section3 .text-area .tit,
.sub-vision .section5 .group1 .tit-area .tit{
    display: block; 
    margin-bottom: 3rem; 
    font-size: 2.4rem; color: #fff; font-weight: normal;
}

.sub-networking .section4 .text-area .tit{
    font-size: 2.4rem; color: #fff; font-weight: normal;
}

.sub-explore #section-intro .text-area .title,
.sub-generative-ai .sc-business .text-area .tit,
.sub-voice-ai .section7 .text-area .tit{
    font-size: 2.4rem; color: #fff; font-weight: 500;
}

.sub-industry .section3 .tit-area .tit,
.sub-vision .section5 .group2 .tit-area .tit{
    font-size: 2.4rem; color: #ccc; font-weight: normal;
}

.sub-explore .section-table .group1 .box-area .tit{
    display: block; 
    margin: 2.5rem 0 1.5rem; 
    font-size: 2.1rem; color: #7C7C7C; font-weight: normal;
}

.sub-prediction .section4 .box-item .tit,
.sub-hpc #sec03 .box-item .tit,
.sub-machinelearning .section4 .box-item .tit,
.sub-vworkstation .section4 .box-item .tit {
    display: block; 
    margin: 2rem 0 1.5rem; 
    font-size: 2.1rem; color:#343E3B; font-weight: normal;
}

.sub-industry .section2 .box-item .tit,
.sub-embedded .section3 .box-item .tit {
    font-size: 2.1rem; color:#343E3B; font-weight: normal;
}

.sub-vehicle .section4 .tab .tit,
.sub-aeco .section5 .tab-area .text-wrap .tit,
.sub-industry .section4 .tab-area .text-wrap .tit {
    display: block; 
    margin-bottom: 1.2rem; 
    font-size: 2.1rem; color: #5F5F5F; font-weight: normal;
}

.sub-vision .section6 .box-item .tit,
.sub-reverse .group-reverse .box-item .tit,
.sub-networking .section7 .box-item .tit,
.sub-omniverse .section3 .box-item .tit,
.sub-omniverse .section6 .box-item .text-wrap .tit {
    font-size: 2.1rem; color: #5F5F5F; font-weight: normal;
}

.sub-explore .section-table .table-area .box-item .tit{
    display: block; 
    margin-bottom: 1.5rem; 
    font-size: 2.1rem; color: #7C7C7C; font-weight: normal;
}

.sub-hpc01 #sec02 .box-item .tit{
    display: block; 
    margin: 2.5rem 0 2rem; 
    font-size: 2rem; color: #707070; font-weight: normal;
}

.sub-vision .section7 .box-item .box-tit,
.sub-omniverse .section3 .box-item .tit, 
.sub-networking .section5 .box-item .tit,
.sub-hpc02 #sec06 .box-item .tit,
.sub-gamedev .section2 .box-item .box-tit,
.sub-robotics .section2 .box-item .box-tit {
    display: block; 
    margin: 2.5rem 0 1.2rem;
}

.sub-explore #section-datacenter .box-item .tit,
.sub-explore #section-server .box-item .tit,
.sub-explore #section-gpu .box-item .tit,
.sub-vworkstation .section3 .text-box .tit,
.sub-productdev .section3 .box-item .tit {
    display: block; 
    margin: 2.5rem 0 1.2rem; 
    font-size: 2.1rem; color: #707070; font-weight: normal;
}

.sub-virtualization .section4 .box-item .tit,
.sub-ai-infra .section2 .half-area .tit,
.sub-onpremise .section2 .half-area .tit {
    display: block; 
    margin: 2.5rem 0 1.2rem; 
    font-size: 1.8rem; color: #707070; font-weight: normal;
}

.sub-quantum .section2 .box-item .tit{
    display: block; 
    margin: 2.5rem 0 1.2rem;
    font-size: 1.8rem; color: #707070; font-weight: 500;
}

.sub-productdev .section2 .box-item .tit,
.sub-productdev .section4 .box-item .tit,
.sub-public .section2 .box-item .tit,
.sub-media .section2 .box-item .tit {
    display: block; 
    margin-bottom: 1.2rem; 
    font-size: 2.1rem; color: #707070; font-weight: normal;
}

.sub-embedded .section4 .box-item .tit,
.sub-networking .section5 .box-item .tit,
.sub-voice-ai .section6 .box-item .tit,
.sub-explore .section10 .text-area .box-item .tit,
.sub-explore .section-table .group2 .text-area .tit,
.sub-explore .section13 .box-item .tit,
.sub-energy .section5 .box-item .tit,
.sub-ai-platform .section3 .text-area .tit {
    font-size: 2.1rem; color: #707070; font-weight: normal;
}

.sub-analysis .section4 .tab-area .box-item .tit,
.sub-energy .section3 .tab-area .tit {
    display: block; 
    line-height: 1; 
    font-size: 2.1rem; color:#847B74; font-weight: normal;
}

.sub-dev-omniverse .section-box .box-item .tit,
.sub-networking .section2 .box-item .tit,
.sub-hpc01 #sec04 .box-item .tit,
.sub-hpc03 #sec05 .box-item .tit {
    display: block; 
    margin: 2rem 0 1.5rem; 
    font-size: 1.8rem; color: #606060; font-weight: normal;
}

.sub-hpc01 #sec03 .text-area .box-item .tit,
.sub-explore .section11 .group2 .box-area .tit{
    font-size: 1.8rem; color: #606060; font-weight: normal;
}

.sub-hpc01 #sec05 .box-item .tit {
    line-height: 1; 
    font-size: 1.8rem; color:#606060; font-weight: normal;
}

.sub-prediction .section5 .half-area .text-wrap .samll-text,
.sub-cloudcomputing .section4 .box-item .tit,
.sub-analysis .section5 .box-item .tit,
.sub-hpc #sec06 .box-item .tit {
    font-size: 1.8rem; color: #707070; font-weight: normal;
}

.sub-edgecomputing .section5 .box-item .tit,
.sub-explore .section15 .group2 .box-item .tit,
.sub-rendering .section6 .box-item .tit {
    font-size: 1.7rem; color: #606060; font-weight: normal;
}

.sub-quantum .section4 .text-wrap .tit,
.sub-explore #section-intro .text-area .title{
    display: block; 
    margin-bottom: 3rem; 
}

.sub-hpc01 #sec03 .text-area .box-item .tit,
.sub-supercomputing .section4 .box-tit,
.sub-generative-ai .sc-business .text-area .tit,
.sub-voice-ai .section7 .text-area .tit,
.sub-vision .section5 .group2 .tit-area .tit,
.sub-industry .section3 .tit-area .tit,
.sub-explore #section-explore .box-item .tit,
.sub-explore .section-table .group2 .text-area .tit,
.sub-explore .section6 .group2 .text-area .box-item .tit,
.sub-rendering .section6 .box-item .tit,
.sub-analysis .section5 .box-item .tit,
.sub-reverse .group-reverse .box-item .tit,
.sub-omniverse .section6 .box-item .text-wrap .tit {
    display: block; 
    margin-bottom: 2rem;
}

.common-omniverse .sc-table .tit-area .sc-tit,
.support-cscenter #sc-bottom .left-area .info-box,
.sub-creator .section4 .tab-area>div .box-tit,
.sub-analysis .section2 .half-area .text-box1 .box-tit,
.sub-hpc #sec04 .box-item .box-tit,
.sub-prediction .section3 .box-item .box-tit,
.sub-rendering .section4 .box-item .box-tit,
.sub-vehicle-computing .section4 .box-item .box-tit,
.sub-ai-platform .section4 .box-item .box-tit, 
.sub-dev-omniverse .section5 .tab .text-wrap .box-tit {
    display: block; 
    margin-bottom: 2rem;
}

.sub-embedded .section4 .box-item .tit,
.sub-ai-inference .sc-advantage .box-item .box-tit,
.sub-networking .section3 .box-tit,
.sub-vision .section6 .box-item .tit,
.sub-vehicle .section5 .group-engine .box-tit,
.sub-edgecomputing .section7 .box-item .box-tit {
    display: block; 
    margin: 3rem 0 1.2rem;
}

.sub-healthcare .section2 .box-item .box-tit,
.sub-energy .section5 .box-item .tit,
.sub-cloudcomputing .section2 .box-item .box-tit {
    display: block; 
    margin: 2rem 0 1.2rem; 
}

.sub-explore .section13 .box-item .tit,
.sub-networking .section7 .box-item .tit {
    display: block; 
    margin: 1.5rem 0 1.2rem; 
}

.sub-deeplearning .section2 .box-item .box-tit,
.sub-xrsolution .section3 .box-item .box-tit,
.sub-robotics .section5 .box-item .box-tit,
.sub-voice-ai .section6 .box-item .tit,
.sub-prediction .section5 .half-area .text-wrap .samll-text,
.sub-creator-omniverse .section4 .box-item .tit {
    display: block; 
    margin: 1.5rem 0;
}

.sub-creator .section4 .text-area .apps-wrap .tit,
.sub-vworkstation .section5 .box-wrap .tit,
.sub-cloudcomputing .section3 .box-item .box-tit,
.sub-cloudcomputing .section4 .box-item .tit,
.sub-explore .section6 .group1 .box-area .box-item .tit,
.sub-explore .section9 .box-area .box-tit,
.sub-explore .section10 .text-area .box-item .tit,
.sub-explore .section11 .group2 .tit-area .sc-tit,
.sub-explore .section11 .group2 .box-area .tit,
.sub-embedded .section3 .box-item .tit,
.sub-vision .section3 .box-item .box-tit,
.sub-vworkstation .section2 .half-area .text-wrap .box-tit,
.sub-edgecomputing .section5 .tab-area .box-tit,
.sub-edgecomputing .sc-video .sc-tit,
.sub-machinelearning .section3 .box-item .box-tit,
.sub-voice-ai .section5 .box-item .box-tit,
.sub-healthcare .section3 .box-item .box-tit,
.sub-networking .section6 .tit-area .sc-tit,
.sub-networking .section6 .box-item .box-tit {
    display: block; 
    margin-bottom: 1.5rem;
}

.sub-energy .section3 .tab-area .tit,
.sub-hpc01 #sec05 .box-item .tit, 
.sub-industry .section2 .box-item .tit,
.sub-edgecomputing .section5 .box-item .tit,
.sub-explore .section15 .group2 .box-item .tit,
.sub-explore .section11 .group1 .box-area .box-item .tit,
.sub-vworkstation .section6 .box-tit,
.sub-healthcare .section4 .box-item .box-tit,
.sub-vision .section2 .half-area .box-item .box-tit,
.sub-vision .section5 .group1 .box-item .box-tit,
.sub-dev-omniverse .section4 .box-item .box-tit,
.sub-media .section4 .box-item .box-tit,
.sub-creator .section4 .text-area .box-tit, 
.sub-aeco .section3 .box-tit {
    display: block; 
    margin-bottom: 1.2rem;
}

.sub-networking .section3 .box-tit,
.sub-edgecomputing .section5 .box-item .tit,
.sub-networking .section2 .box-item .tit,
.sub-explore .section10 .tit-area .sc-tit,
.sub-omniverse .section5 #tab01 .logo-tit {
    line-height: 150%;
}

.sub-healthcare .section4 .box-item .box-tit,
.sub-healthcare .section2 .box-item .box-tit,
.sub-aeco .section2 .box-item .tit,
.sub-explore #section-explore .box-item .tit,
.sub-explore .section11 .group1 .box-area .box2 .tit,
.sub-explore .section11 .group1 .box-area .box4 .tit {
    line-height: 140%;
}

.sub-analysis .section2 .text-box1 .sub-list>li,
.sub-multidisplay .section2 .prd-list>li {
    position: relative; 
    padding-left: 1rem; 
}

.sub-vision .section5 .group2 .info-list,
.sub-industry .section3 .half-area .info-list {
    padding-left: 1rem;
}

.sub-deeplearning .section2 .box-item img,
.sub-deeplearning .section3 .img-area img,
.sub-media .section6 .box-item img{
    border: 1px solid #D2D2D2;
}

.sub-healthcare .sc-datacenter .box-item img {
    border: 1px solid #D2D2D2 !important;
}

.sub-dev-omniverse .section-box .box-item img,
.sub-virtualization .section4 .box-item img,
.sub-hpc01 #sec04 .box-item img,
.sub-hpc02 #sec06 .box-item img,
.sub-hpc03 #sec05 .box-item img {
    border: 1px solid #c7c7c7;
}

.sub-networking .section3 .box-item img,
.sub-networking .section7 .box-item img,
.sub-voice-ai .section3 .box-item img,
.sub-cloudcomputing .section2 .box-item img,
.sub-productdev .section3 .box-item img,
.sub-aeco .section4 .box-area img,
.sub-aeco .section5 .tab-area .img-wrap img {
    border: 1px solid #ccc;
}

#sub .sc-datacenter .box-item img,
.sub-vworkstation .section7 .box-item img,
.sub-xrsolution .sc-datacenter .box-item img,
.sub-engineering .section3 .box-item img,
.sub-productdev .section5 .box-item img {
    border: 1px solid #BDBDBD;
}

.sub-rendering .section4 .box-item,
.sub-prediction .section3 .box-item,
.sub-machinelearning .section3 .box-item,
.sub-vision .section3 .box-item,
.sub-vision .section2 .half-area .box-item{
    background: #F7F7F4; 
    border: 1px solid #DBDBD8; 
}

.sub-engineering .section4 .box-item,
.sub-cloudcomputing .section5 .box-item,
.sub-aeco .section6 .logo-item,
.sub-energy .section4 .box-item {
    background:#fff; 
    border: 1px solid #CECECE;
}

.sub-explore .section17 .box-item,
.sub-explore .section6 .group1 .box-area .box-item {
    padding: 3.5rem 2.5rem;
}


/* ============= MARGIN ============= */
.sub-multidisplay .section2 .tit-area,
.sub-genuine .section6 .tit-area,
.sub-explore .section-table .group2 .box-area {
    margin-bottom: 7.5rem;
}

.sub-dev-omniverse .section-box .tit-area,
.sub-machinelearning .sc-bargraph .tit-area,
.sub-explore .section5 .group1 .sc-tit,
.sub-explore .section6 .group1 .tit-area,
.sub-explore .section7 .group1 .sc-tit,
.sub-explore #section-gpu .sc-tit,
.sub-prediction .section3 .sc-tit,
.sub-machinelearning .section3 .sc-tit {
    margin-bottom: 5.5rem;
}

#sub .common-group1 .tit-area,
.sub-xrsolution section .tit-area,
.sub-vehicle .section5 .group-engine .text-area {
    margin-bottom: 5rem;
}

.sub-explore .section-table .group2 .tit-area,
.sub-explore .section9 .tit-area,
.sub-explore .section10 .tit-area,
.sub-explore .section14 .tit-area,
.sub-ai-inference .sc-advantage .sc-tit,
.sub-vehicle .section5 .group-simulation,
.sub-vision .section2 .tit-area,
.sub-deeplearning .section2 .tit-area,
.sub-vworkstation .section5 .tit-area,
.sub-prediction .section6 .tit-area,
.sub-rendering .section3 .tit-area,
.sub-rendering .section4 .sc-tit,
.sub-creator .section4 .sc-tit,
.sub-creator .section4 .text-area .text-wrap {
    margin-bottom: 4.5rem;
}

.sub-networking .section3 .sc-tit,
.sub-embedded .section3 .sc-tit,
.sub-supercomputing section .tit-area,
.sub-hpc #sec04 .tit-area {
    margin-bottom: 4rem;
}

.sub-hpc #sec06 .tit-area,
.sub-hpc03 #sec05 .tit-area,
.sub-public .section4 .sc-tit,
.sub-cloudcomputing .section5 .sc-tit,
.sub-edgecomputing .section7 .sc-tit,
.sub-edgecomputing .section5 #tab03 .text-wrap,
.sub-generative-ai .section-bg .text-area .desc,
.sub-explore .section6 .group1 .tit-area .sc-tit,
.sub-explore #section-explore .sc-tit {
    margin-bottom: 3.5rem;
}

.common-omniverse .sc-table .tit-area,
.sub-vision .section2 .half-area .box-item .tit-wrap {
    margin-bottom: 3rem;
}

.sub-edgecomputing .section5 .half-tab .tit-box,
.sub-vehicle .section5 .sc-tit,
.sub-hpc #sec03 .tit-area,
.sub-explore .section14 .tit-area .flex-wrap {
    margin-bottom: 2.4rem;
}

.sub-analysis .section2 .text-box1 .sub-list>li,
.sub-multidisplay .section2 .prd-list>li,
.sub-vision .section2 .half-area .info-item,
.sub-generative-ai .sc-icon .box-item .desc {
    line-height: 180%; font-size: 1.5rem; color: #707070;
}

.sub-explore #section-intro .text-wrap>p,
.sub-quantum .section5 .tit-area>p,
.sub-networking .section4 .text-area>p {
    line-height: 180%; font-size: 1.5rem; color:#fff;
}

.sub-industry .section3 .tit-area>p,
.sub-vision .section5 .group2 .tit-area>p, 
.sub-ai-infra .section3 .text-area .desc-wrap>p {
    line-height: 180%; font-size: 1.5rem; color: #ccc;
}

.sub-industry .section3 .half-area .info-item,
.sub-vision .section5 .group2 .half-area .info-item {
    line-height: 180%; font-size: 1.5rem; color: #aaa;
}

.common-omniverse .sc-table tbody .here,
.sub-creator .section3 tbody .here,
.sub-omniverse .section6 .box-item .btn-link {
    color: #659F00 !important;
}

.sub-omniverse .section6 .box-item .btn-link::before,
.sub-rendering .section5 .text-area .btn-link::before,
.sub-generative-ai .sc-education .btn-link::before {
    background: #659F00 !important;
}

.page-twin-guidebook #sec02 .text-area .desc-wrap .tit,
.sub-generative-ai .section-bg .text-area .tit,
.sub-genuine .section4 .box-item .tit,
.sub-vehicle .section-bg .text-area .tit {
    display: block; 
    margin-bottom: 2rem; 
    font-size: 2.1rem; color: #606060; font-weight: normal;
}

.sub-quantum .section3 .text-area .tit,
.sub-quantum .section4 .text-wrap .tit{
    display: block;
    font-size: 2.1rem; color: #606060; font-weight: normal;
}

.sub-networking .section3 .sc-tit,
.sub-genuine .section6 .box-item .tit,
.sub-explore .section-table .table-area .tit-wrap .tit {
    font-size: 2.1rem; color: #606060; font-weight: 500;
}

.sub-creator .section4 .video-area,
.sub-rendering .section2 .video-area {
    width: 46.5116%; max-width: 600px; border-radius: 5px;
}

.sub-creator .section2 .video-area,
.sub-prediction .section2 .video-area,
.sub-dev-omniverse .section5 .tab .video-area,
.sub-creator-omniverse .section2 .video-area{
    border-radius: 5px;
}

.sub-hpc #sec01,
.sub-xrsolution .sc-intro,
.sub-multidisplay .section1,
.sub-vworkstation .section1 {
    background: #000 url(/img/sub/technology/v_workstation/bg-main.png) no-repeat center;
    background-size: contain;
}

.sub-genuine .section4 .box-item img,
.sub-voice-ai .section5 .box-item img,
.sub-virtualization .section3 .box-item img {
    border: 1px solid #ddd;
}

.sub-industry .section3 .tit-area>p,
.sub-vision .section5 .group2 .tit-area>p {
    max-width: 72rem;
}

.sub-vision .section5 .group2 .half-area .box-item,
.sub-industry .section3 .half-area .box-item {
    position: relative; 
    display: flex; 
    width: 43.1034%; max-width: 250px; 
    padding-top: 1.5rem;
    border-top: 1px solid #707070;
}

.sub-vision .section5 .group1 .box-item,
.sub-industry .section2 .box-item {
    padding: 4rem 3rem; 
    background: #FCFCFC; border: 1px solid #DBDBD8;
}

.sub-vehicle-computing .section3 .sc-maintit,
.sub-vehicle-computing .section4 .sc-maintit{
    margin-bottom: 5rem; 
    text-align: center; font-size: 2.4rem; font-weight: 600;
}

.sub-xrsolution .section4 .box-item .tit,
.sub-multidisplay .section3 .box-item .tit{
    display: block; 
    margin-bottom: 1.5rem; 
    font-size: 2.1rem; color: #767676; font-weight: normal;
}

.sub-deeplearning .sc-dli,
.sub-edgecomputing .sc-dli,
.sub-robotics .sc-dli,
.sub-industry .sc-dli {
    background: #D8D8D8;
}

.sub-edgecomputing .sc-intro,
.sub-analysis .sc-intro,
.sub-onpremise .section1,
.sub-prediction .section1 {
    background: url(/img/sub/technology/prediction/bg-main.png) no-repeat center, linear-gradient(90deg, #080017 0%, #0b0331 100%);
}

.sub-generative-ai .sc-business .text-area,
.sub-voice-ai .section7 .text-area {
    z-index: 1; 
    width: 39.3798%; max-width: 508px;
}

.sub-analysis .section3 .text-area>p,
.sub-vision .section5 .group1 .tit-area>p,
.sub-voice-ai .section7 .text-area>p, 
.sub-generative-ai .sc-business .text-area p {
    line-height: 180%; font-size: 1.6rem; color: #fff;
}

.sub-dev-omniverse .section4,
.sub-creator-omniverse .section4{
    padding: 12rem 0; background: #D5D8D8;
}

.sub-omniverse .section5 .tab-area .tabnav::after,
.sub-creator .section5 .tabnav::after,
.sub-ai-platform .section5 .tabnav::after{
    content: ''; 
    position: absolute; bottom: 1px; left: 0; 
    width: 100%; 
    border-bottom: 1px solid #ccc;
}

.sub-ai-platform .section5 .tab-area .text-box .link-text,
.sub-omniverse .section5 .tab-area .tab .link-direct,
.sub-creator .section5 #tab01 .link-direct,
.sub-creator .section5 #tab01 .logo-tit .green{
    color: #76b900; font-weight: 600;
}

.sub-gamedev .section4 .tit,
.sub-omniverse .section5 .tit-area {
    margin-bottom: 6rem; text-align: center;
}

.sub-edgecomputing .section5 .tabnav,
.sub-dev-omniverse .section5 .tabnav,
.sub-creator-omniverse .sc-tab .tabnav {
    margin-bottom: calc( 6rem + 6px ); /* 6rem */
    border-bottom: 6px solid #5F5F5F;
}

.sub-creator .section4 .tabnav {
    margin-bottom: calc( 6rem + 6px ); 
    border-bottom: 6px solid #897B72;
}

.sub-omniverse .section5 .tab-area .tabnav a.active,
.sub-ai-platform .section5 .tabnav>li .nav.active,
.sub-creator .section5 .tabnav>li a.active {
    z-index: 1; 
    color: #76B900; border-bottom: 4px solid #76B900;
}

.sub-creator-omniverse .sc-tab .tabnav>li a.active,
.sub-dev-omniverse .section5 .tabnav a.active {
    color: #F5F4EE; background: #5F5F5F;
}

.sub-creator .section5 #tab01 .logo-tit,
.sub-omniverse .section5 .tab-area .tab .desc,
.sub-omniverse .section5 .tab-area .logo-list>li .tit{
    text-align: center; 
    font-size: 1.5rem; color: #707070; font-weight: 600;
}

.sub-vworkstation .section5 .box-wrap .tit,
.sub-prediction .section6 .box-area .box-wrap-tit {
    font-size: 1.5rem; color: #707070; font-weight: 600;
}

.sub-dev-omniverse .section3 tbody td:nth-child(2),
.sub-creator-omniverse .section3 tbody td:nth-child(2) {
    background: #ECF0F0;
}

.sub-generative-ai .sc-business,
.sub-voice-ai .section7,
.sub-voice-ai .section1,
.sub-rendering .section5,
.sub-networking .section4 {
    background: #000;
}


/* 
    공통
    https://leaderssys.com/sub/ai_data_science03.php
    https://leaderssys.com/sub/technology/self-driving-cars.php
*/
#sub .sc-dli .text-area .tit {
    display: block; 
    max-width: 42rem; 
    margin-bottom: 1.5rem;
    line-height: 150%; font-size: 2.1rem; color: #606060; font-weight: normal;
}
#sub .sc-dli .text-area {width: 42.6356% !important; max-width: 550px !important;}
#sub .sc-dli .text-area .desc{max-width: 50.6rem; font-size: 1.5rem;}
#sub .sc-dli .img-area{
    display: flex; align-items: center; 
    width: 28.372%; max-width: 366px; margin-right: 11.3178%;
}
#sub .sc-dli .btn-link{display: inline-block; margin-top: 4rem;}
#sub .btn-link{position: relative; font-size: 1.7rem; color:#688DA3;}


/* 페이지 없음 https://leaderssys.com/sub/edge_computing05.php */


.sub-creator .section5 .tabnav>li a.active{
    position: absolute; 
    width: 100%; height: 100%; 
}

.sub-explore section .color-area .img-wrap::before{
    content: ''; 
    position: absolute; top: 0; left: 0; 
    width: 100%; height: 100%;
}



/* 
    유튜브 플레이어 영역
    https://leaderssys.com/sub/hpc01.php hpc02.php hpc03.php 
    https://leaderssys.com/sub/ai_data_science06.php

*/
.product-list-view .section-video .video-area,
#sub .sc-video .video-area {
    overflow: hidden; 
    position: relative; 
    height: 100%; border: none;
}

.product-list-view .section-video .framebox, 
#sub .sc-video .video-area .framebox {
    position: relative; 
    height: 0; 
    padding-bottom: 56.25%;
}

.product-list-view .section-video .framebox iframe,
.product-list-view .section-video .thumb,
#sub .sc-video .video-area .framebox iframe,
#sub .sc-video .video-area .thumb {
    position: absolute; top: 0; left: 0; 
    width: 100%; height: 100%;
}

.product-list-view .section-video .thumb,
#sub .sc-video .video-area .thumb{
    z-index: 5;
}

.product-list-view .section-video .btnwrap,
#sub .sc-video .video-area .btnwrap{ 
    z-index: 100; 
    position: absolute; top: 0; left: 0;
    display: flex; justify-content: center; align-items: center; 
    width: 100%; height: 100%; cursor: pointer; 
    transition: all 0.3s;
}

.product-list-view .section-video button,
#sub .sc-video .video-area .btnwrap button{
    width: 15.303%; height: 16.1%; 
    border: none;
    background: url(/img/nvidia/datacenter/video_btn.svg) no-repeat center/contain;
}

.product-list-view .section-video .btnwrap:hover,
#sub .sc-video .video-area .btnwrap:hover {
    background:rgba(0,0,0,.25);
}

#sub .html5-video-container video {
    top: 0 !important;
}


/* 
    1. RTX
    https://leaderssys.com/sub/design_visualization01.php
    https://leaderssys.com/sub/technology/infra-structure.php

    2. 엔터프라이즈
    https://leaderssys.com/sub/ai_data_science01.php
    https://leaderssys.com/sub/ai_data_science02.php
    https://leaderssys.com/sub/ai_data_science06.php
    https://leaderssys.com/sub/on_premise.php
    https://leaderssys.com/sub/supercomputing.php

    3. 데이테센터 https://leaderssys.com/sub/healthcare.php
*/
#sub .sc-datacenter{padding: 9.5rem 0;}
#sub .sc-datacenter .box-item .tit {
    display: block; 
    margin: 3rem 0 1.2rem; 
    line-height: 1; font-size: 2.1rem; color: #606060; font-weight: normal;
}

.common-omniverse .sc-table thead .features,
.common-omniverse .sc-table tbody td:first-child {
    padding-left: 2.8rem; text-align: left;
}

/*
    https://leaderssys.com/sub/metaverse-developer.php 
    https://leaderssys.com/sub/metaverse-enterprise.php
*/
.common-omniverse .sc-table{padding: 9.5rem 0 15rem; background:#F5F5F5;}
.common-omniverse .sc-table .tit-area .inquiry{font-size: 1.6rem; color:#659F00;}
.common-omniverse .sc-table .table-area{width: 100%; border-spacing: 0;}
.common-omniverse .sc-table thead tr {background:#B4BABA;}
.common-omniverse .sc-table thead th {padding: 2.5rem 0;}
.common-omniverse .sc-table thead .features {
    width: 57.3643%; max-width: 740px; font-size: 2rem; color:#fff;
}
.common-omniverse .sc-table thead .personal{
    width: 21.2403%; max-width: 274px;
    border-left: 1.5px solid #fff; 
    border-right: 1.5px solid #fff;
}
.common-omniverse .sc-table thead .enterprise {width: 21.2403%; max-width: 274px;}
.common-omniverse .sc-table thead .tit{
    display: block; 
    margin-bottom: 7px; 
    line-height: initial; font-size: 2rem; color:#fff;
}
.common-omniverse .sc-table thead .small{font-size: 1.5rem; color:#fff;}
.common-omniverse .sc-table tbody td{
    position: relative; 
    padding: 1.8rem 0; 
    font-size: 1.6rem; color:#707070; font-weight: 500;
    border-bottom: 1px solid #C7D1D1;
}
.common-omniverse .sc-table tbody td.check::after {
    content: ''; 
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 20px; height: 29px;
    background: url(/img/sub/metaverse_enterprise/icon-check.svg) no-repeat center/contain;
}


/* https://leaderssys.com/sub/explore.php */
.explore-nav {position: sticky !important;}
.explore-nav .maxinner {
    width: 70.94062% !important; max-width: 1350px !important;
    height: 100%;
}
.explore-nav ul {width: 100%;}
.explore-nav ul li {white-space: nowrap; text-overflow: ellipsis;}

.sub-explore section .sc-tit {font-weight: 500 !important;}
.sub-explore section .color-area .img-wrap{
    position: relative; 
    display: flex; align-items: center; justify-content: center; 
    height: 10rem;
}

.sub-explore .section5 .group1 .table-area .tit-wrap .btn-link::before,
.sub-explore .section10 .tit-area .btn-link::before,
.sub-explore .section14 .tit-area .flex-wrap .btn-link::before {
    background: #7C7C7C !important;
}
.sub-explore #section-intro {
    height: 44.2rem;
    background: #000 url(/img/sub/technology/explore/bg-explore.png) no-repeat center/cover;
}
.sub-explore #section-explore{padding: 12rem 0; background: #E8E7E5;}
.sub-explore #section-explore .box-item{border: 1px solid #ccc; background:#fff;}
.sub-explore #section-processors .box-wrapper {
    display: flex; flex-direction: column; gap: 4.3rem 0;
}
.sub-explore #section-processors .box-tit{
    display: block; 
    margin: 3.5rem 0 0 3rem; 
    line-height: 150%; font-size: 2.1rem; color: #fff; font-weight: normal;
}
.sub-explore #section-processors .box1 .img-wrap{background: #000 url(/img/sub/technology/explore/bg-processors1.png) no-repeat center/cover;}
.sub-explore #section-processors .box2 .img-wrap{background: #000 url(/img/sub/technology/explore/bg-processors2.png) no-repeat center/cover;}
.sub-explore #section-processors .box3 .img-wrap{background: #000 url(/img/sub/technology/explore/bg-processors3.png) no-repeat center/cover;}
.sub-explore #section-processors .box-area .text-wrap{
    width: 68.2170%; max-width: 880px; background: #FEFEFE;
}
.sub-explore #section-processors .box-list{
    gap: 4rem 0;
    width: 86.3636%; max-width: 760px; margin: 0 auto; 
    padding: 3.5rem 0; 
    background: #FEFEFE;
}
.sub-explore #section-processors .box-item {width: 46.0526%; max-width: 350px;}
.sub-explore #section-processors .box-item .tit{
    display: block; margin-bottom: 1rem; 
    font-size: 1.7rem; color: #578299; font-weight: normal; 
}
.sub-explore #section-datacenter {padding: 12rem 0; background: #E2DFD6;}


/* table 공통 */
.sub-explore .section-table{padding: 14rem 0;}
.sub-explore .section-table .table-area .tit-wrap{
    width: 17.0542%; max-width: 220px; padding: 3rem 0 0 2.5rem;
}
.sub-explore .section-table .table-area .box-wrap{width: 82.9457%; max-width: 1070px;}
.sub-explore .section-table .table-area .box-list{
    display: flex; flex-wrap: wrap; gap: 4.5rem 8%;
    width: 93.4579%; max-width: 1000px; 
    padding: 3rem 0; margin-left: 5rem;
}
.sub-explore .section-table .table-area .box-item{width: 28%; max-width: 280px;}
.sub-explore .section-table .table-area .sub-item{
    position: relative; 
    display: flex; 
    line-height: 25px; font-size: 1.5rem; color: #707070;
}
.sub-explore .section-table .table-area .sub-item i {width: 1rem;}
.sub-explore .section-table .group1{margin-bottom: 10rem;}
.sub-explore .section-table .group1 .box-area svg {width: 31.4634%; max-width: 129px;}
.sub-explore .section-table .group2 .text-area .box-list{flex-wrap: wrap; gap: 6.8rem 0;}
.sub-explore .section5 .group1 .table-area {
    border-top: 5px solid #BE7C00; 
    border-bottom: 5px solid #BE7C00;
}
.sub-explore .section5 .group1 .table-area .tit-wrap{background: #F4F2ED;}
.sub-explore .section5 .group1 .table-area .tit-wrap .btn-link{
    display: inline-block; 
    margin-top: 1.5rem; color: #7C7C7C !important;
}
.sub-explore .section5 .group1 .table-area .table-border {
    display: block; 
    height: 1px; background: #BE7C00;
}
.sub-explore .section5 .group1 .table-area .box-item small {font-size: 1.5rem;}
.sub-explore .section5 .group2 .color-area .img-wrap::before {background: rgb(195 128 86 / 69%);}
.sub-explore .section5 .group2 .box-area .box1 .img-wrap{
    background: url(/img/sub/technology/explore/img-architecture1.png) no-repeat center/cover;
}
.sub-explore .section5 .group2 .box-area .box2 .img-wrap{
    background: url(/img/sub/technology/explore/img-architecture2.png) no-repeat center/cover;
}
.sub-explore .section5 .group2 .box-area .box3 .img-wrap{
    background: url(/img/sub/technology/explore/img-architecture3.png) no-repeat center/cover;
}
.sub-explore .section6 {padding: 12.6rem 0; background: #F2F0ED;}
.sub-explore .section6 .group1 .tit-area .desc{font-size: 1.8rem !important;}
.sub-explore .section6 .group1 .box-area{margin-bottom: 10rem;}
.sub-explore .section6 .group1 .box-area .box-item{background: #FAFAFA; border: 1px solid #D5CDC0;}
.sub-explore .section6 .group2 .tit-area .desc {max-width: 94rem; font-size: 1.8rem !important;}
.sub-explore .section6 .group2 .color-area .img-wrap::before {background: rgb(101 83 41 / 70%);}
.sub-explore .section6 .group2 .color-area .box1 .img-wrap{
    background: url(/img/sub/technology/explore/img-workroad1.png) no-repeat center/cover;
}
.sub-explore .section6 .group2 .color-area .box2 .img-wrap{
    background: url(/img/sub/technology/explore/img-workroad2.png) no-repeat center/cover;
}
.sub-explore .section6 .group2 .color-area .box3 .img-wrap{
    background: url(/img/sub/technology/explore/img-workroad3.png) no-repeat center/cover;
}
.sub-explore .section6 .group2 .text-area .box-list{flex-wrap: wrap; gap: 8rem 0;}
.sub-explore .section7{background: #FCFDFC;}
.sub-explore .section7 .group1 .table-area{
    border-top: 5px solid #598B00; 
    border-bottom: 5px solid #598B00;
}
.sub-explore .section7 .group1 .table-area .tit-wrap {background: #F1F2F0;}
.sub-explore .section7 .group1 .table-area .table-border {
    display: block; height: 1px; background: #598B00;
}
.sub-explore #section-gpu {
    padding: 11rem 0; 
    background: url(/img/sub/technology/explore/bg-gpu.png) center/contain;
}
.sub-explore .section9{padding: 11rem 0; background: #F1F4EF;}
.sub-explore .section9 .tit-area .desc{font-size: 1.8rem !important;}
.sub-explore .section9 .box-area .box{
    flex: 1; 
    padding: 3.2rem; 
    border: 1px solid #DBDBDB; background: #FCFDFC;
}
.sub-explore .section10{padding: 14rem 0; background: #fff;}
.sub-explore .section10 .tit-area .btn-link {margin-bottom: .8rem; color: #7C7C7C !important;}
.sub-explore .section10 .color-area .img-wrap::before {background: rgb(116 184 0 / 40%);}
.sub-explore .section10 .color-area .box1 .img-wrap {
    background: url(/img/sub/technology/explore/img-visualization1.png) no-repeat center/cover;
}
.sub-explore .section10 .color-area .box2 .img-wrap {
    background: url(/img/sub/technology/explore/img-visualization2.png) no-repeat center/cover;
}
.sub-explore .section10 .color-area .box3 .img-wrap {
    background: url(/img/sub/technology/explore/img-visualization3.png) no-repeat center/cover;
}
.sub-explore .section10 .text-area{margin: 4rem 0 6rem;}
.sub-explore .section10 .text-area .box-list {flex-wrap: wrap; gap: 4.5rem 0;}
.sub-explore .section11 {padding: 12rem 0; background: #EDEFEA;}
.sub-explore .section11 .group1 .box-area .box-list {flex-wrap: wrap; gap: 3rem 0;}
.sub-explore .section11 .group1 .box-area .box-item{border: 1px solid #DBDBDB; background: #FCFDFC;}
.sub-explore .section11 .group2 .box-area .box-list {flex-wrap: wrap; gap: 6.5rem 0;}

.sub-explore #section-server {
    padding: 12rem 0; 
    background: url(/img/sub/technology/explore/bg-server.png) center/contain;
}
.sub-explore .section13{padding: 12rem 0; background: #fff;}
.sub-explore .section13 .tit-area .desc{font-size: 1.8rem !important;}
.sub-explore .section14 .tit-area .desc{max-width: 66rem; font-size: 1.8rem !important;}
.sub-explore .section14 .tit-area .flex-wrap .btn-link {height: 100%; color: #7C7C7C !important;}
.sub-explore .section14 .table-area{
    border-top: 5px solid #4A6C8E; 
    border-bottom: 5px solid #4A6C8E;
}
.sub-explore .section14 .table-area .tit-wrap{background: #E9ECF0;}
.sub-explore .section14 .table-area .table-border {display: block; height: 1px; background:#4A6C8E;}

.sub-explore .section15{padding: 14rem 0; background: #DDE1E2;}
.sub-explore .section15 .group1 .tit-area .desc{max-width: 131rem; font-size: 1.8rem !important;}
.sub-explore .section15 .group1 .box-area .box-item{
    padding: 3rem; 
    background: #fff; border: 1px solid #DBDBD8;
}
.sub-explore .section15 .group1 .box-area .box-item .tit {margin-bottom: 1rem; line-height: 1;}
.sub-explore .section15 .group2 .tit-area .desc{font-size: 1.8rem !important;}
.sub-explore .section15 .group2 .box-list{flex-wrap: wrap; gap: 7rem 0;}
.sub-explore #section-software {
    padding: 12rem 0; 
    background: url(/img/sub/technology/explore/bg-software.png) center/contain;
}
.sub-explore #section-software .box-item {padding: 3.8rem 3rem; background: #fff;}
.sub-explore #section-software .box-item .tit{
    display: block; 
    margin-bottom: 2rem;
    line-height: 140%; font-size: 2rem; color: #707070; font-weight: 500;
}
.sub-explore #section-software .box1 .tit span{display: inline-block;}
.sub-explore #section-software .box-item .desc{height: 24rem;}
.sub-explore #section-software .sub-list{margin-top: 2rem;}
.sub-explore #section-software .sub-list>li {line-height: 2.4; font-size: 1.5rem; color: #789BAD;}

.sub-explore .section17 .tit-area .sc-tit{line-height: 150%; color:#707070 !important;}
.sub-explore .section17 .box-list .desc{line-height: 160%; font-size: 1.6rem; color:#808080;}
.sub-explore .section17 .box-item{
    width: 32.5581%; max-width: 420px; 
    border: 1px solid #DBDBDB; background:#fff;
}
.sub-explore .section17 .box-item .tit {
    display: block; 
    margin-bottom: 1rem; 
    line-height: 1; 
    font-size: 1.7rem; color:#707070; font-weight: 500;
}
.sub-explore .sc-dli .img-area {
    display: block !important;
    width: 51.1627% !important; max-width: 660px !important; 
    margin-right: 0 !important;
}

/* 
.page-explore #sc-intro{background: url(/img/main/summary/bg-intro.png) no-repeat center/cover;}
.page-explore #sc-explore{background: url(/img/main/summary/bg1.png) no-repeat center/cover;}

.page-explore #sc-support .box-list .box1 .img-wrap{background:url(/img/main/summary/img01.png) no-repeat center/cover;}
.page-explore #sc-support .box-list .box2 .img-wrap{background: url(/img/main/summary/img02.png) no-repeat center/cover;}
.page-explore #sc-support .box-list .box3 .img-wrap{background: url(/img/main/summary/img03.png) no-repeat center/cover;}

.page-explore #sc-datacenter{padding: 10rem 0; background: url(/img/main/summary/bg-02.png) center/contain;}
.page-explore #sc-gpu{padding: 12rem 0; background:url(/img/main/summary/bg-03.png) center/contain;}
.page-explore #sc-server{padding: 10rem 0; background: url(/img/main/summary/bg-04.png) center/contain;}
.page-explore #sc-software{padding: 7.6rem 0; background: url(/img/main/summary/bg-05.png) center/contain;}
*/


/* https://leaderssys.com/sub/embedded_systems.php */
.sub-embedded .section1{
    background: url(/img/sub/technology/embedded/bg-intro.png) no-repeat center/cover;
}
.sub-embedded .section2{padding: 9rem 0; background:#fff;}
.sub-embedded .section3{padding: 8.2rem 0; background:#D4DDD0;}
.sub-embedded .section3 .box-item{padding: 2.3rem 3rem 4.6rem; background:#fff;}
.sub-embedded .section4{padding: 12rem 0; background:#FDFDFA;}
.sub-embedded .section4 .box-list{gap: 5rem 0;}
.sub-embedded .section4 .box-item:nth-child(odd) {width: 51.3274%; max-width: 580px;}
.sub-embedded .section4 .box-item:first-child .text-list>li{
    line-height: 3rem; 
    font-size: 1.5rem; color: #707070;
}
.sub-embedded .section4 .box-item:first-child .text-flex p{padding-left: .3rem;}


/* https://leaderssys.com/sub/product_dev.php */
.sub-productdev .section1{
    background: url(/img/sub/technology/product_dev/bg-main.png) no-repeat center/cover;
}
.sub-productdev .section2{padding: 9rem 0; background:#DDDCE3;}
.sub-productdev .section3{padding: 7rem 0; background:#F4F4F5;}
.sub-productdev .section4 .box-item{
    padding: 4rem; 
    border: 1px solid #ccc; background:#F7F7F7;
}


/* https://leaderssys.com/sub/public.php */
.sub-public .section1 {
    background: url(/img/sub/technology/public_sector/bg-main.png) no-repeat center/cover;
}
.sub-public .section4 .box-item{
    width: 23.2558%; max-width: 300px; 
    border: 1px solid #CECECE;
}
.sub-public .section4 .box-list .martin{width: 65.6666%; max-width: 197px;}
.sub-public .section4 .box-list .booz{width: 60%; max-width: 180px;}
.sub-public .section4 .box-list .radiant{width: 30%; max-width: 90px;}
.sub-public .section4 .box-list .raytheon{width: 35.3333%; max-width: 106px;}
.sub-public .section4 .box-list .alion{width: 32.6666%; max-width: 98px;}
.sub-public .section4 .box-list .carahsoft{width: 37%; max-width: 111px;}
.sub-public .section4 .box-list .carnegie{width: 65.3333%; max-width: 196px;}
.sub-public .section4 .box-list .hopkins{width: 39.6666%; max-width: 119px;}


/* https://leaderssys.com/sub/energy.php */
.sub-energy .section1{
    background: url(/img/sub/technology/energy/bg-main.png) no-repeat center/cover;
}
.sub-energy .section2{
    padding: 9rem 0; 
    background: url(/img/sub/technology/energy/bg1.png) no-repeat center/cover;
}
.sub-energy .section2 .tit-area .tit{font-size: 2.4rem; color:#84705C; font-weight: normal;}
.sub-energy .section2 .box-item{padding: 2.5rem; background:#FAFAF9;}
.sub-energy .section2 .box-item .tit{
    display: block; 
    margin-bottom: 1.4rem; 
    line-height: 1; font-size: 2.1rem; color:#84705C; font-weight: normal;
}
.sub-energy .section3{padding: 9rem 0; background:#E8E7DF;}
.sub-energy .section3 .tabnav {
    margin-bottom: 5rem; 
    border-bottom: 6px solid #847B74;
}
.sub-energy .section3 .tabnav>li{background:#F5F4EF;}
.sub-energy .section3 .tabnav>li a{
    color: #606060;
    border-top: 1px solid #EBEBEB;
    border-left: 1px solid #EBEBEB;
    border-right: 1px solid#EBEBEB;
}
.sub-energy .section3 .tabnav>li a.active{
    color:#fff; 
    border: 1px solid #847B74; background:#847B74;
}
.sub-energy .section3 .tab-area .box-list{
    display: flex; justify-content: space-between; gap: 0 2.3255%;
}
.sub-energy .section3 .tab-area .box-item{flex: 1; max-width: 630px;}
.sub-energy .section4{padding: 12rem 0; background:#F0F0F0;}
.sub-energy .section4 .sc-tit{margin-bottom: 4rem; color:#4B4B4B !important;}

.sub-energy .section4 .box-item,
.sub-public .section4 .box-item{
    display: flex; align-items: center; justify-content: center;
    height: 8.6rem;
}

.sub-energy .section4 .box-list .basker{width: 53%;}
.sub-energy .section4 .box-list .c3{width: 31.3333%;}
.sub-energy .section4 .box-list .conundrum{width: 42.6666%;}
.sub-energy .section4 .box-list .comptational{width: 54%;}
.sub-energy .section4 .box-list .emerson{width: 36.6666%;}
.sub-energy .section4 .box-list .geo_computing{width: 48.3333%;}
.sub-energy .section4 .box-list .hallliburton{width: 69.6666%;}
.sub-energy .section4 .box-list .hivecell{width: 48%;}
.sub-energy .section4 .box-list .ihs_markit{width: 50.6666%;}
.sub-energy .section4 .box-list .prower_runner{width: 49.3333%;}
.sub-energy .section4 .box-list .rolloos{width: 41.3333%;}
.sub-energy .section4 .box-list .schlumberger{width: 39.3333%;}
.sub-energy .section4 .box-list .seismicCity{width: 42.6666%;}
.sub-energy .section4 .box-list .stone_ridge{width: 42.6666%;}
.sub-energy .section4 .box-list .sparkcognition{width: 45.6666%;}
.sub-energy .section5{padding: 14rem 0; background:#FAFAFA;}
.sub-energy .section5 .box-list{gap: 6rem 0;}


/* https://leaderssys.com/sub/healthcare.php */
.sub-healthcare .sc-intro{
    background:#000 url(/img/sub/technology/healthcare/bg-main.png) no-repeat center; 
    background-size: contain;
}
.sub-healthcare .section2{padding: 9rem 0; background:#F0F0F0;}
.sub-healthcare .section2 .box-item .desc{font-size: 1.6rem; color:#656565;}
.sub-healthcare .section3{
    padding: 9rem 0; 
    background: url(/img/sub/technology/healthcare/bg1.png) no-repeat center/cover;
}
.sub-healthcare .section3 .box-item{background:#F5F5F5; border: 1px solid #DBDBD8;}
.sub-healthcare .section4{padding: 9.5rem 0; background:#F0F0F0;}
.sub-healthcare .section4 .box-item{
    padding: 4rem; 
    background:#F7F7F7; border: 1px solid #EBEBEB;
}


/* https://leaderssys.com/sub/supercomputing.php */
.sub-supercomputing .section1{
    background: url(/img/sub/technology/super_computing/bg-main.png) no-repeat center/cover;
}
.sub-supercomputing .section2{
    padding: 9rem 0;
    background: url(/img/sub/technology/super_computing/bg1.png) no-repeat; 
    background-size: cover;
}
.sub-supercomputing .section2 .box-list {gap: 4rem 0;}
.sub-supercomputing .section4{
    padding: 10rem 0; 
    background: url(/img/sub/technology/super_computing/bg2.png) no-repeat center/cover;
}
.sub-supercomputing .section4 .box-item{
    padding: 4.5rem 4rem; 
    background: #F7F7F7; border: 1px solid #ddd;
}


/* https://leaderssys.com/sub/game_dev.php */
.sub-gamedev .section1 {
    background: url(/img/sub/technology/game_dev/bg-main.png) no-repeat center/cover;
}
.sub-gamedev .section3 {background: linear-gradient(90deg, #0d101c 0%, #3b3e47 100%);}
.sub-gamedev .section3 .gap{
    max-height: 487px;
    background: url(/img/sub/technology/game_dev/bg1.png) no-repeat right/cover;
}
.sub-gamedev .section3 .text-area {width: 40.6976%; max-width: 525px; padding: 8.6979% 0 10.9474%;}
.sub-gamedev .section3 .text-area .tit {font-size: 2.4rem; color:#fff; font-weight: normal;}
.sub-gamedev .section3 .text-area>p {
    max-width: 484px; 
    padding: 3rem 0 4.3rem; 
    line-height: 180%; font-size: 1.8rem; color:#fff;
}
.sub-gamedev .section3 .text-area .btn-link {color:#5EE5FD !important;}
.sub-gamedev .section3 .text-area .btn-link:hover::before {
    width: 130% !important; 
    background: #5EE5FD !important;
}
.sub-gamedev .section3 .text-area .btn-link::after {
    background: url(/img/sub/technology/game_dev/link-icon.svg) no-repeat center/contain;
}
.sub-gamedev .section4 {padding: 9.7rem 0 14rem; background:#F4F4F5;}
.sub-gamedev .section4 .gap {width: 74.4186%; max-width: 960px; margin: 0 auto;}
.sub-gamedev .section4 .box-item{
    display: flex; justify-content: center; align-items: center; 
    width: 31.25%; max-width: 300px; height: 10rem; 
    border: 1px solid #CECECE;
}
.sub-gamedev .section4 .box-list .logo-ea {width: 21.6666%;}
.sub-gamedev .section4 .box-list .logo-enix {width: 73.3333%;}
.sub-gamedev .section4 .box-list .logo-silver {width: 17.3333%;}
.sub-gamedev .section4 .box-list .logo-remedy {width: 30.6666%;}
.sub-gamedev .section4 .box-list .logo-gamges {width: 44.6666%;}


/* https://leaderssys.com/sub/design_visualization07.php */
.sub-media .section1{background: url(/img/sub/technology/media/bg-main.png) no-repeat center/cover;}
.sub-media .section2 .box-list{gap: 3rem 0;}
.sub-media .section2 .box-item{padding: 2.326% 2.7133%; background:#fff;}
.sub-media .section3{overflow: hidden; position: relative;}
.sub-media .section3 .sc-tit{margin-bottom: 5.5rem; text-align: center;}
.sub-media .section3 .wall-panner-rows>div {height: 120px;}
.sub-media .section4{
    padding: 10rem 0; 
    background: url(/img/sub/technology/media/bg1.png) no-repeat center/cover;
}
.sub-media .section4 .tit-area .desc{font-size: 1.8rem !important;}


/* DESKTOP BREAKPOINT */
@media only screen and (min-width: 1350px) {
    /* .sub-media .section3 .wall-panner {padding-bottom: 60px;} */
    .sub-media .section3 .wall-panner-h2 {
        padding-top: 120px; padding-bottom: 60px; font-size: 40px;
    }
    .sub-media .section3 .wall-panner-row {
        width: 9300px; /* 3100 x 3 = 9300 */ height: 120px;
    }
    .sub-media .section3 .wall-panner-row-short {
        width: 8634px; /* 2878 x 3 = 8634 */ height: 120px;
    }
    .sub-media .section3 .wall-img-1 {
        margin: 0 0 10px 0; /*top. right, bottom left*/
        background: transparent url(/img/sub/technology/media/wall-img-a-row1-ptld.svg) left center repeat-x;
        background-size: contain;
        /* animation: slideLaptopDesktop 40s linear infinite; */
    }
    .sub-media .section3 .wall-img-2 {
        margin: 0 0 10px 0; /*top. right, bottom left*/
        background: transparent url(/img/sub/technology/media/wall-img-a-row2-ptld.svg) center center repeat-x;
        background-size: contain;
    }
    .sub-media .section3 .wall-img-3 {
        margin: 0; /*top. right, bottom left*/
        background: transparent url(/img/sub/technology/media/wall-img-a-row3-ptld.svg) center center repeat-x;
        background-size: contain;
    }
    .sub-media .section3 .wall-img-4 {
        margin: 0; /*top. right, bottom left*/
        background: transparent url(/img/sub/technology/media/wall-img-a-row4-ptld.svg) right center repeat-x;
        background-size: contain;
    }
    .sub-media .section3 .wall-pan-rate-1 {animation: slideLaptopDesktop 40s linear infinite;}
    .sub-media .section3 .wall-pan-rate-2 {animation: slideLaptopDesktop 50s linear infinite;}
    .sub-media .section3 .wall-pan-rate-3 {animation: slideLaptopDesktop 60s linear infinite;}
    .sub-media .section3 .wall-pan-rate-4 {animation: slideLaptopDesktopShort 70s linear infinite;}
}

/* LAPTOP BREAKPOINT */
@media only screen and (min-width: 1024px) and (max-width: 1349px) {
    /* .sub-media .section3 .wall-panner {padding-bottom: 30px;} */
    .sub-media .section3 .wall-panner-h2 {
        font-size: 40px; padding-top: 60px; padding-bottom: 30px;
    }
    .sub-media .section3 .wall-panner-row {
        width: 9300px; /* 3100 x 3 = 9300 */ height: 120px;
    }
    .sub-media .section3 .wall-panner-row-short {
        width: 8634px; /* 2878 x 3 = 8634 */ height: 120px;
    }
    .sub-media .section3 .wall-img-1 {
        margin: 0 0 10px 0;
        background: transparent url(/img/sub/technology/media/wall-img-a-row1-ptld.svg) left center repeat-x;
        background-size: contain;
    }
    .sub-media .section3 .wall-img-2 {
        margin: 0 0 10px 0;
        background: transparent url(/img/sub/technology/media/wall-img-a-row2-ptld.svg) center center repeat-x;
        background-size: contain;
    }
    .sub-media .section3 .wall-img-3 {
        margin: 0;
        background: transparent url(/img/sub/technology/media/wall-img-a-row3-ptld.svg) center center repeat-x;
        background-size: contain;
    }
    .sub-media .section3 .wall-img-4 {
        margin: 0;
        background: transparent url(/img/sub/technology/media/wall-img-a-row4-ptld.svg) right center repeat-x;
        background-size: contain;
    }
    .sub-media .section3 .wall-pan-rate-1 {animation: slideLaptopDesktop 40s linear infinite;}
    .sub-media .section3 .wall-pan-rate-2 {animation: slideLaptopDesktop 50s linear infinite;}
    .sub-media .section3 .wall-pan-rate-3 {animation: slideLaptopDesktop 60s linear infinite;}
    .sub-media .section3 .wall-pan-rate-4 {animation: slideLaptopDesktopShort 70s linear infinite;}
}

/* TABLET BREAKPOINT */
@media only screen and (min-width: 640px) and (max-width: 1023px) {
    /* .sub-media .section3 .wall-panner {padding-bottom: 30px;} */
    .sub-media .section3 .wall-panner-h2 {
        font-size: 30px; padding-top: 60px; padding-bottom: 30px;
    }
    .sub-media .section3 .wall-panner-row {
        width: 9300px; /* 3100 x 3 = 9300 */ height: 120px;
    }
    .sub-media .section3 .wall-panner-row-short {
        width: 8634px; /* 2878 x 3 = 8634 */ height: 120px;
    }
    .sub-media .section3 .wall-img-1 {
        background: transparent url(/img/sub/technology/media/wall-img-a-row1-ptld.svg) left center repeat-x;
        background-size: contain;
        margin: 0 0 8px 0; /*top. right, bottom left*/
    }
    .sub-media .section3 .wall-img-2 {
        background: transparent url(//www.nvidia.com/content/dam/en-zz/Solutions/industries/media-and-entertainment/wall-img-a-row2-ptld.svg) center center repeat-x;
        background-size: contain;
        margin: 0 0 8px 0; /*top. right, bottom left*/
    }
    .sub-media .section3 .wall-img-3 {
        background: transparent url(/img/sub/technology/media/wall-img-a-row3-ptld.svg) center center repeat-x;
        background-size: contain;
        margin: 0; /*top. right, bottom left*/
    }
    .sub-media .section3 .wall-img-4 {
        background: transparent url(/img/sub/technology/media/wall-img-a-row4-ptld.svg) right center repeat-x;
        background-size: contain;
        margin: 0; /*top. right, bottom left*/
    }
    .sub-media .section3 .wall-pan-rate-1 {animation: slideMobileTablet 25s linear infinite;}
    .sub-media .section3 .wall-pan-rate-2 {animation: slideMobileTablet 30s linear infinite;}
    .sub-media .section3 .wall-pan-rate-3 {animation: slideMobileTablet 35s linear infinite;}
    .sub-media .section3 .wall-pan-rate-4 {animation: slideMobileTabletShort 40s linear infinite;}
}

/* MOBILE BREAKPOINT */
@media only screen and (max-width: 639px) {
    /* .sub-media .section3 .wall-panner {padding-bottom: 30px;} */
    .sub-media .section3 .wall-panner-h2 {
        padding-top: 30px; padding-bottom: 15px; font-size: 24px;
    }
    .sub-media .section3 .wall-panner-row {
        width: 9300px; /* 3100 x 3 = 9300 */ height: 120px;
    }
    .sub-media .section3 .wall-panner-row-short {
        width: 8634px; /* 2878 x 3 = 8634 */ height: 120px;
    }
    .sub-media .section3 .wall-img-1 {
        margin: 0 0 8px 0; /*top. right, bottom left*/
        background: transparent url(/img/sub/technology/media/wall-img-a-row1-ptld.svg) left center repeat-x;
        background-size: contain;
    }
    .sub-media .section3 .wall-img-2 {
        margin: 0 0 8px 0; /*top. right, bottom left*/
        background: transparent url(/img/sub/technology/media/wall-img-a-row2-ptld.svg) center center repeat-x;
        background-size: contain;
    }
    .sub-media .section3 .wall-img-3 {
        margin: 0; /*top. right, bottom left*/
        background: transparent url(/img/sub/technology/media/wall-img-a-row3-ptld.svg) center center repeat-x;
        background-size: contain;
    }
    .sub-media .section3 .wall-img-4 {
        margin: 0; /*top. right, bottom left*/
        background: transparent url(/img/sub/technology/media/wall-img-a-row4-ptld.svg) right center repeat-x;
        background-size: contain;
    }
    .sub-media .section3 .wall-pan-rate-1 {animation: slideMobileTablet 25s linear infinite;}
    .sub-media .section3 .wall-pan-rate-2 {animation: slideMobileTablet 30s linear infinite;}
    .sub-media .section3 .wall-pan-rate-3 {animation: slideMobileTablet 35s linear infinite;}
    .sub-media .section3 .wall-pan-rate-4 {animation: slideMobileTabletShort 40s linear infinite;}
}


/* https://leaderssys.com/sub/aeco.php */
.sub-aeco .section1{background: url(/img/sub/technology/aeco/bg-main.png) no-repeat center/cover;}
.sub-aeco .section3{
    padding: 10rem 0; 
    background: url(/img/sub/technology/aeco/bg1.png) no-repeat center/cover;
}
.sub-aeco .section5{padding: 10.5rem 0; background:#E5E8EA;}
.sub-aeco .section5 .tabnav .nav{
    color:#707070;
    border-top: 1px solid #E9E9E9; 
    border-left: 1px solid #E9E9E9; 
    background:#F4F4F5;
}
.sub-aeco .section5 .tabnav .nav.active {color:#E4E4E4; background:#5F5F5F;}
.sub-aeco .section5 .tab-area .text-wrap{width: 36.4341%; max-width: 470px;}
.sub-aeco .section5 .tab-area .img-wrap {
    width: 51.1627%; max-width: 660px; margin-right: 8rem;
}
.sub-aeco .section6{padding: 9.4rem 0; background:#FBFBFC;}
.sub-aeco .section6 .sc-tit{text-align: center; color:#4B4B4B;}
.sub-aeco .section6 .logo-list{
    display: flex; justify-content: center; flex-wrap: wrap; gap: 12px .93023%;
}
.sub-aeco .section6 .logo-item{
    display: flex; justify-content: center; align-items: center;
    width: 15.8914%; max-width: 205px; height: 9rem; 
}
.sub-aeco .section6 .logo-item1 img{width: 39.0243%;}
.sub-aeco .section6 .logo-item2 img{width: 39.0243%;}
.sub-aeco .section6 .logo-item3 img{width: 77.0731%;}
.sub-aeco .section6 .logo-item4 img{width: 50.5365%;}
.sub-aeco .section6 .logo-item5 img{width: 35.1219%;}
.sub-aeco .section6 .logo-item6 img{width: 63.4146%;}
.sub-aeco .section6 .logo-item7 img{width: 65.3658%;}
.sub-aeco .section6 .logo-item8 img{width: 39.0243%;}
.sub-aeco .section6 .logo-item9 img{width: 54.6341%;}
.sub-aeco .section6 .logo-item10 img{width: 61.4634%;}
.sub-aeco .section6 .logo-item11 img{width: 84.3902%;}
.sub-aeco .section6 .logo-item12 img{width: 57.0731%;}
.sub-aeco .section6 .logo-item13 img{width: 29.7560%;}
.sub-aeco .section6 .logo-item14 img{width: 49.7560%;}
.sub-aeco .section6 .logo-item15 img{width: 32.1951%;}
.sub-aeco .section6 .logo-item16 img{width: 77.5609%;}

.sub-analysis .section3 .text-area .btn-link::after,
.sub-gamedev .section3 .text-area .btn-link::after {
    content: ''; 
    position: absolute; top: 50%; right: -3rem; transform: translateY(-50%);
    width: 21px; height: 21px;
}


/* https://leaderssys.com/sub/ai_data_science01.php */
.sub-analysis .section2{padding: 10rem 0 15.8rem; background:#F8F6F2;}
.sub-analysis .section2 .text-box1 .sub-list>li::before {
    content: '-'; 
    position: absolute; top: 0; left: 0;
}
.sub-analysis .section3{
    background: #404038 url(/img/sub/technology/data_analysis/img2.png) no-repeat top/contain;
}
.sub-analysis .section3 .text-area{padding: 23rem 0 22rem; margin-left: 51.1627%;}
.sub-analysis .section3 .text-area .btn-link::before{background: #fff !important;}
.sub-analysis .section3 .text-area .btn-link:hover::before {width: 113% !important;}
.sub-analysis .section3 .text-area .btn-link::after {
    background: url(/img/sub/technology/data_analysis/icon-link-btn.svg) no-repeat center/contain;
}
.sub-analysis .section3 .text-area>p{max-width: 625px;}
.sub-analysis .section4 .tabnav{border-bottom: 6px solid #6B685C;}
.sub-analysis .section4 .tabnav a{
    color: #767676;
    border-top: 1px solid #A2A2A2;
    border-right: 1px solid#A2A2A2;
    background:#F4F4F5;
}
.sub-analysis .section4 .tabnav>li:first-child a {border-left: 1px solid #A2A2A2;}
.sub-analysis .section4 .tabnav a.active{
    color: #F4F4F5; 
    border-left: none; border-right: none; 
    background:#6B685C;
}
.sub-analysis .section4 .tab-area{margin-top: 5rem;}
.sub-analysis .section4 .tab-area .box-item .tit{margin: 2rem 0;}
.sub-analysis .section4 .tab-area .box-item img{width: 19.5121%; max-width: 80px;}
.sub-analysis .section5{padding: 12rem 0; background:#EDEDE8;}
.sub-analysis .section5 .box-wrap{
    padding: 8rem 0 5.6rem; 
    margin-bottom: 5.8rem; 
    background:#F8F8F8; border: 1px solid #ccc;
}
.sub-analysis .section5 .box-inner {width: 60.31%; max-width: 778px; margin: 0 auto;}
.sub-analysis .section5 .box-inner .tit{
    display: block; 
    margin-top: 5rem; 
    text-align: center; font-size: 1.7rem; color:#8DC725; font-weight: 500;
}
.sub-analysis .section6 {background:#FCFCFB;}



/* https://leaderssys.com/sub/ai_data_science02.php */
.sub-machinelearning .section1{
    background: url(/img/sub/technology/machine_learning/bg-main.png) no-repeat center/cover;
}
.sub-machinelearning .section3 .box-item{padding: 4rem 3rem;}
.sub-machinelearning .section4 .box-list{flex-wrap: wrap; gap: 6.5rem 0;}
.sub-machinelearning .section4 .box-item svg{width: 19.5121%; max-width: 80px;}
.sub-machinelearning .section4 .box-item::after {display: none;}

.sub-machinelearning .sc-bargraph{
    padding: 10.6rem 0; 
    background: url(/img/sub/technology/machine_learning/bg1.png) center/contain;
}
.sub-machinelearning .sc-bargraph .graph-area{margin: 5rem 0 6rem;}
.sub-machinelearning .sc-bargraph .graph-wrap{width: 47.67441%; padding: 0 15px;}
.sub-machinelearning .sc-bargraph .graph1 svg{max-width: 615px; height: 358.91px;}
.sub-machinelearning .sc-bargraph .graph2 svg{max-width: 615px; height: 270.91px;}
.sub-machinelearning .sc-bargraph .legend {float: right; margin-right: 0; text-align: right;}
.sub-machinelearning .sc-bargraph .legend-entry {display: inline-block; margin-right: 0; margin-bottom: 10px;}

.sub-generative-ai .section-bg:nth-child(even) .text-area,
.sub-vehicle .section-bg:nth-child(even) .text-area,
.sub-vehicle .section-bg:nth-child(odd) .text-area,
.sub-generative-ai .section-bg:nth-child(odd) .text-area{
    position: absolute; 
    top: 50%; transform: translateY(-50%);
}

.sub-vehicle .section-bg:nth-child(odd) .text-area,
.sub-generative-ai .section-bg:nth-child(odd) .text-area {
    left: 0;
}

.sub-vehicle .section-bg:nth-child(even) .text-area{right: 0;}
.sub-generative-ai .section-bg:nth-child(even) .text-area{right: 3rem;}



/* https://leaderssys.com/sub/generative-ai.php */
.sub-generative-ai #sec01{
    background: url(/img/sub/technology/generative-ai/bg-intro.png) no-repeat center/cover;
}
.sub-generative-ai #sec02{padding: 10.5rem 0 4.7rem; background: #E0E1E6;}
.sub-generative-ai .section-bg-wrapper section:nth-child(odd) .text-area {margin-left: 2.222%;}
.sub-generative-ai .section-bg-wrapper section:nth-child(even) .text-area {margin-right: 4.444%;}
.sub-generative-ai .section-bg {background: #E0E1E6;}
.sub-generative-ai .section-bg .bg-container{
    position: relative; 
    width: 70.9406%; max-width: 1350px; margin: 0 auto;
}

.sub-generative-ai .section-bg .text-area {width: 30.3703%; max-width: 410px; /* 기준 1350 */}
.sub-generative-ai .section-bg .text-area .small-tit{
    display: block; 
    margin-bottom: 1rem; 
    line-height: 27px; font-size: 1.7rem; font-weight: normal;
}
.sub-generative-ai .section-bg2 .group {display: flex; justify-content: flex-end;}
.sub-generative-ai .section-bg2 .img-area {width: 97.7777%; max-width: 1320px;}
.sub-generative-ai .section-bg3 .img-area {width: 97.7777%; max-width: 1320px;}

.sub-generative-ai .sc-icon{padding: 12.5rem 0; background: #fff;}
.sub-generative-ai .sc-icon .box-list{flex-wrap: wrap; gap: 12.5rem 0;}
.sub-generative-ai .sc-icon .box-item .tit{
    display: block; 
    margin: 1.7rem 0; 
    line-height: 1; 
    font-size: 1.8rem; color: #404040; font-weight: 500;
}
.sub-generative-ai .sc-icon .box-item svg {width: 33.6609%; max-width: 137px;}



/* https://leaderssys.com/sub/ai_data_science03.php */
.sub-deeplearning .section1{
    background: url(/img/sub/technology/deep_learning/bg-main.png) no-repeat center/cover;
}
.sub-deeplearning .section3{
    padding: 9rem 0; 
    background: url(/img/sub/technology/deep_learning/bg1.png) center/contain;
}
.sub-deeplearning .section3 .text-area .tit{
    display: block; 
    max-width: 53rem; 
    margin-bottom: 3.8rem;
    line-height: 160%; font-size: 2.1rem; color: #606060; font-weight: normal;
}



/* https://leaderssys.com/sub/ai_data_science04.php */
.sub-ai-inference .sc-intro{
    background: #777 url(/img/sub/technology/inference/bg-intro.png) no-repeat center;
}
.sub-ai-inference .section2{padding: 9rem 0; background: #EDEDED;}
.sub-ai-inference .section3 .table-inner{width: 91.0077%; max-width: 1174px; margin: 0 auto;}
.sub-ai-inference .sc-advantage .box-list{display: flex; flex-wrap: wrap; gap: 6rem 2.3255%;}
.sub-ai-inference .sc-advantage .box-item svg{width: 24.3902%; max-width: 100px;}
.sub-ai-inference .section5{padding: 14.5rem 0 11rem; background: #fff;}
.sub-ai-inference .section5 .tit-area {margin-bottom: 6.5rem;}



/* https://leaderssys.com/sub/ai_data_science05.php */
.sub-voice-ai .section1 .container {
    height: 100%;
    background:url(/img/sub/technology/conversational-ai/bg-intro.png) no-repeat right/contain;
}
.sub-voice-ai .section5 .box-list{display: flex; flex-direction: column; gap: 8rem 0;}
.sub-voice-ai .section6 .box-list{gap: 5rem 0;}
.sub-voice-ai .section7 .text-area>p {max-width: 49.5rem;}



/* https://leaderssys.com/sub/ai_data_science06.php */
.sub-prediction .section2 .video-area {max-height: 378px;}
.sub-prediction .section2 .video-area .thumb{
    background: #000 url(/img/sub/technology/prediction/thumb-video.png) no-repeat center/cover;
}
.sub-prediction .section4{padding: 10.6rem 0 16.5rem; background:#F5F5F2;}
.sub-prediction .section4 .box-list{flex-wrap: wrap; gap: 6.5rem 0;}
.sub-prediction .section4 .box-item svg{width: 19.5121%; max-width: 80px}
.sub-prediction .section5{
    padding: 10.6rem 0; 
    background: url(/img/sub/technology/prediction/bg1.png) no-repeat center/cover;
}
.sub-prediction .section5 .half-area .text-wrap .tit{
    display: block; 
    max-width: 57rem;
    line-height: 150%; font-size: 2.1rem; color:#707070; font-weight: normal;
}
.sub-prediction .section6 .box-area .box {
    padding: 3rem; 
    margin: 1.5rem 0 2rem; 
    background: #E6E6E6; border: 1px solid #c3c3c3;
}
.sub-prediction .section6 .box-area .num-box{width: 43.5087%; max-width: 248px;}
.sub-prediction .section6 .box-area .num-box .tit{
    width: 110%; 
    text-align: center; font-size: 1.5rem; color:#707070;
}
.sub-prediction .section6 .box-wrap1 .img-logo{width: 43.5087%; max-width: 248px;}
.sub-prediction .section6 .box-wrap1 .num1{width: 45.9677%; max-width: 114px;}
.sub-prediction .section6 .box-wrap1 .num1 img{width: 65.7894%; max-width: 75px;}
.sub-prediction .section6 .box-wrap1 .num2{width: 47.5806%; max-width: 118px;}
.sub-prediction .section6 .box-wrap1 .num2 img{width: 81.3559%; max-width: 96px;}
.sub-prediction .section6 .box-wrap2 .box{padding: 3rem 2.8rem 3rem 4.5rem;}
.sub-prediction .section6 .box-wrap2 .img-logo{width: 34.1726%; max-width: 190px;}
.sub-prediction .section6 .box-wrap2 .num1{width: 45.9677%; max-width: 114px;}
.sub-prediction .section6 .box-wrap2 .num1 img{width: 70.17543%; max-width: 80px;}
.sub-prediction .section6 .box-wrap2 .num2{width: 47.5806%; max-width: 118px;}
.sub-prediction .section6 .box-wrap2 .num2 img{width: 81.3559%; max-width: 96px;}



/* https://leaderssys.com/sub/virtualization.php */
.sub-virtualization .section1{
    background: #000 url(/img/sub/technology/vgpu/bg-main.png) no-repeat center; 
    background-size: contain;
}

.sub-virtualization .section3{
    padding: 14rem 0 11rem; 
    background: url(/img/sub/technology/vgpu/bg1.png) no-repeat center/cover;
}
.sub-virtualization .section3 .box-list{
    gap: 6.5rem 0;
    width: 87.5968%; max-width: 1130px; margin: 0 auto;
}
.sub-virtualization .section3 .box-item .tit {
    display: block; 
    margin: 1.6rem 0; 
    line-height: 140%; font-size: 2.1rem; color: #606060; font-weight: normal;
}
.sub-virtualization .section3 .box-item p {
    line-height: 180%; font-size: 1.6rem; color: #707070;
}
.sub-virtualization .section4{padding: 9rem 0; background:#E4E8EA;}



/* https://leaderssys.com/sub/design_visualization03.php */
.sub-rendering .section1{
    background: url(/img/sub/technology/rendering_soution/bg-main.png) no-repeat center/cover;
}
.sub-rendering .section2{padding: 7rem 0; background: #F5F5F2;}
.sub-rendering .section2 .text-area .sc-tit {margin-bottom: 2rem; line-height: 150%;}
.sub-rendering .section2 .video-area .thumb{
    background: url(/img/sub/technology/rendering_soution/thumb-video1.png) no-repeat center/cover;
}
.sub-rendering .section4{
    padding: 10rem 0; 
    background: url(/img/sub/technology/rendering_soution/bg1.png) center/contain;
}
.sub-rendering .section4 .box-item{padding: 2.869% 2.326%;}
.sub-rendering .section5 .container{
    background: url(/img/sub/technology/rendering_soution/bg-omniverse.png) no-repeat center/cover;
}
.sub-rendering .section5 .text-area .tit{
    display: block; 
    margin-bottom: 1.5rem; 
    font-size: 2.4rem; color: #DEDEDE; font-weight: 500;
}
.sub-rendering .section5 .text-area>p {line-height: 180%; font-size: 1.5rem; color: #DEDEDE;}
.sub-rendering .section6 .box-list {gap: 1rem 0;}
.sub-rendering .section6 .box-item{
    width: 49.6124%; max-width: 640px; 
    background:#F7F7F4; border: 1px solid #C6C8CA;
}



/* https://leaderssys.com/sub/networking_solution.php */
.sub-networking .section1{
    background: #0A1114 url(/img/sub/technology/networking-solution/bg-intro.png) no-repeat center/contain;
}
.sub-networking .section2 {padding: 9.5rem 0; background: #fff;}
.sub-networking .section3 {padding: 9.5rem 0; background: #E7EAEB;}
.sub-networking .section4 .text-area{margin-right: 7.9831%;}
.sub-networking .section4 .text-area>p {max-width: 452px;}
.sub-networking .section4 .text-area .btn-link::before {background: #0A97FF !important;}
.sub-networking .section5 {padding: 12rem 0; background:#fff;}
.sub-networking .section6{padding: 9.2rem 0; background:#F5F5F5;}
.sub-networking .section6 .box-item{
    padding: 2.5rem 3rem; 
    background: #fff; border: 1px solid #D1D1D1;
}
.sub-networking .section6 .box-item>p {line-height: 160%; font-size: 1.7rem; color: #707070;}
.sub-networking .section7{padding: 9rem 0; background: #CDD2D5;}
.sub-networking .section7 .box-item .desc{color: #5F5F5F !important;}
.sub-networking .section7 .box-item .btn-link{color: #498EB7 !important;}
.sub-networking .section7 .box-item .btn-link::before{background: #498EB7 !important;}


/* https://leaderssys.com/sub/cloud_computing.php */
.sub-cloudcomputing .section1 {
    background:#030D13 url(/img/sub/technology/cloud_computing/bg-main.png) no-repeat center;
    background-size: contain;
}
.sub-cloudcomputing .section3 .box-list{flex-wrap: wrap; gap: 5.5rem 0;}
.sub-cloudcomputing .section4{padding: 12rem 0; background:#E4E8EA;}
.sub-cloudcomputing .section4 .box-item{padding: 2.7132%; background: #fff;}
.sub-cloudcomputing .section5{padding: 10.5rem 0; background: #CDD2D5;}
.sub-cloudcomputing .section5 .box-item{
    display: flex; justify-content: center; 
    width: 23.2558%; height: 8.6rem; 
}
.sub-cloudcomputing .section5 .box-item .logo-alibaba {width: 49.3333%; max-width: 149px;}
.sub-cloudcomputing .section5 .box-item .logo-aws {width: 24.6666%; max-width: 74px;}
.sub-cloudcomputing .section5 .box-item .logo-google {width: 66.6666%; max-width: 230px;}
.sub-cloudcomputing .section5 .box-item .logo-baidu {width: 64.3333%; max-width: 192px;}
.sub-cloudcomputing .section5 .box-item .logo-ibm {width: 53.6666%; max-width: 161px;}
.sub-cloudcomputing .section5 .box-item .logo-microsoft {width: 45.3333%; max-width: 136px;}
.sub-cloudcomputing .section5 .box-item .logo-oracle {width: 42%; max-width: 125px;}
.sub-cloudcomputing .section5 .box-item .logo-tencent {width: 61%; max-width: 183px;}


/* https://leaderssys.com/sub/on_premise.php */
.sub-onpremise .section2 .half-area .box1 img {border: 1px solid #343434;}
.sub-onpremise .section2 .half-area .box2 img {border: 1px solid #CBCBCB;}
.sub-onpremise .section3{
    position: relative; 
    background: url(/img/sub/technology/on_premises/bg1.png) no-repeat center/cover;
}
.sub-onpremise .section3 .container {position: relative; padding: 10.5rem 0 9.4rem;}
.sub-onpremise .section3 .text-area .tit{
    display: block; 
    margin-bottom: 3.3rem; 
}
.sub-onpremise .section3 .text-area .desc{color: #ccc !important;}
.sub-onpremise .section3 .img-area {
    position: absolute; bottom: 0; left: 51.1627%; 
    width: 63.5658%; max-width: 820px;
}
.sub-onpremise .section4 .box1{padding-bottom: 1rem;}
.sub-onpremise .section4 .box-item .tit{margin-bottom: 2.5rem; line-height: 150%;}


/* https://leaderssys.com/sub/design_visualization01.php */
.sub-xrsolution .section2 .box-list{display: flex; flex-wrap: wrap; gap: 7.2rem 2.3255%;}
.sub-xrsolution .section3{
    padding: 10rem 0;
    background: url(/img/sub/technology/xr-solution/bg1.png) no-repeat center/cover;
}
.sub-xrsolution .section4{padding: 9rem 0; background:#EAEDF2;}
.sub-xrsolution .section4 .box-item{
    padding: 4rem 3rem; 
    background: #fff; border: 1px solid #D1D1D1;
}



/* https://leaderssys.com/sub/design_visualization02.php */
.sub-multidisplay .section2{padding: 9.2rem 0 13rem; background:#F7F7F7;}
.sub-multidisplay .section2 .box-list{display: flex; flex-wrap: wrap; gap: 14.7rem 2.3255%;}
.sub-multidisplay .section2 .box-item .box-tit {display: block; margin: 2.5rem 0 4.5rem;}
.sub-multidisplay .section2 .sub-item:nth-child(2) {
    height: 9.8rem; 
    padding-top: 2.5rem; 
    border-top: 1px solid #c3c3c3; 
    border-bottom: 1px solid #c3c3c3;
}
.sub-multidisplay .section2 .sub-item .tit{
    width: 26.8292%; max-width: 110px; 
    font-size: 1.7rem; color: #606060; font-weight: 500;
}
.sub-multidisplay .section2 .prd-list>li::before{
    content: '-'; 
    position: absolute; top: 0; left: 0; transform: translateY(-50%);
    width: 9px; height: 1px; color: #707070;
}
.sub-multidisplay .section3{padding: 9.4rem 0; background:#EAEDF2;}
.sub-multidisplay .section3 .box-list{flex-wrap: wrap; gap: 3rem 0;}
.sub-multidisplay .section3 .box-item{padding: 3.101% 2.171%; background: #fff;}



/* https://leaderssys.com/sub/design_visualization05.php */
.sub-vworkstation .section2 {padding: 9rem 0 13.3rem; background:#F5F5F2;}
.sub-vworkstation .section3 .half-area>div{width: 46.2184%; max-width: 550px;}
.sub-vworkstation .section4 .box-item .img-wrap {width: 19.5121%; max-width: 80px;}
.sub-vworkstation .section5 .box-wrap{
    flex: 1; 
    padding: 3.101% 4.6512%; 
    border: 1px solid #c3c3c3; background: #F5F5F5;
}
.sub-vworkstation .section6 {padding: 8.5rem 0; background:#EDEDE8;}
.sub-vworkstation .section6 .box-item{border: 1px solid #BDBDBD; background: #fff;}
.sub-vworkstation .section7 .tit-area {display: flex; margin-bottom: 5rem;}
.sub-vworkstation .section7 .tit-area .btn-link {height: 100%; margin-left: auto;}

.sub-vworkstation .section6 .box-item,
.sub-rendering .section6 .box-item,
.sub-prediction .section3 .box-item{
    padding: 3.101% 2.326%; /* 4rem 3rem */
}



/* https://leaderssys.com/sub/design_visualization06.php */
.sub-engineering .section1{
    background: url(/img/sub/technology/engineering/bg-main.png) no-repeat center/cover;
}
.sub-engineering .section2{padding: 9rem 0 17.6rem; background: #E2E6E8;}
.sub-engineering .section3{padding: 12rem 0; background:#FAFAFA;}
.sub-engineering .section4{padding: 7.6rem 0; background:#EBEBEB;}
.sub-engineering .section4 .box-item{
    display: flex; justify-content: center; align-items: center; 
    flex: 1; height: 9rem; 
}


/*  공통
    https://leaderssys.com/sub/hpc02.php
    https://leaderssys.com/sub/hpc03.php 
*/
.sub-hpc #sec02{padding: 8.7rem 0 11.3rem; background: #E4E5E6;}
.sub-hpc #sec03 .box-item svg {width: 24.3902%; max-width: 100px;}
.sub-hpc #sec04 .box-item{
    padding: 3.101%; 
    background: #F5F5F5; border: 1px solid #c3c3c3;
}



/* https://leaderssys.com/sub/hpc01.php */
.sub-hpc01 #sec01{background: url(/img/sub/technology/hpc/bg-main.png) no-repeat center/cover;}
.sub-hpc01 #sec03{padding: 14rem 0; background:#E4E4E4;}
.sub-hpc01 #sec03 .video-area .thumb{background: url(/img/sub/technology/hpc/thum-video.png) no-repeat center/cover;}
.sub-hpc01 #sec04{padding: 12rem 0; background:#F0F0F0;}
.sub-hpc01 #sec05{
    padding: 12rem 0 17.5rem; 
    background: url(/img/sub/technology/hpc/bg1.png) no-repeat center/cover;
}
.sub-hpc01 #sec05 .tit-area .tit-flex{display: flex; margin-bottom: 3.5rem;}
.sub-hpc01 #sec05 .tit-area .btn-link{height: 100%; margin-left: auto; font-size: 2.1rem;}
.sub-hpc01 #sec05 .box-list{flex-wrap: wrap; gap: 5rem 0;}



/* https://leaderssys.com/sub/hpc02.php */
.sub-hpc02 #sec02 .video-area .thumb{
    background: url(/img/sub/technology/hpc_simulation/thum-video.png) no-repeat center bottom/cover;
}
.sub-hpc02 #sec05{
    padding: 12rem 0;
    background: url(/img/sub/technology/hpc_simulation/bg1.png) center/contain;
}
.sub-hpc02 #sec05 .text-area {width: 45.7364%; max-width: 590px; padding-top: 1.7rem;}
.sub-hpc02 #sec05 .text-area .desc-wrap>p {line-height: 180%; font-size: 1.6rem; color: #434343;}
.sub-hpc02 #sec06{padding: 9.6rem 0; background: #E1E4E6;}



/* https://leaderssys.com/sub/hpc03.php */
.sub-hpc03 #sec02 .video-area .thumb{
    background: url(/img/sub/technology/hpc_virtualization/thumb-video.png) no-repeat center bottom/cover;
}
.sub-hpc03 #sec05 {padding: 9.6rem 0; background: #E1E4E6;}



/* 
    https://leaderssys.com/sub/edge_computing01.php
    참고링크 https://www.nvidia.com/en-sg/edge-computing/5g/
*/
.sub-ai-platform .section1 {background: url(/img/sub/technology/5g_platform/bg-main.png) no-repeat center/cover;}
.sub-ai-platform .section3{
    padding: 6.6rem 0; 
    background: url(/img/sub/technology/5g_platform/bg1.png) no-repeat center/cover;
}
.sub-ai-platform .section3 .text-area{width: 40.31007%; max-width: 520px;}
.sub-ai-platform .section5 .tabnav {width: 45.8914%; max-width: 592px; margin: 0 auto;}
.sub-ai-platform .section5 .tabnav>li .nav{
    position: relative; 
    display: block; 
    padding-bottom: 1rem; 
    font-size: 1.6rem; color: #707070; font-weight: 600;
}
.sub-ai-platform .section5 .tab-area .text-box{padding: 5rem 0 5.5rem; text-align: center;}
.sub-ai-platform .section5 .tab-area .box-list{
    display: flex; justify-content: center; flex-wrap: wrap; 
    width: 83.3333%; max-width: 1075px; margin: 0 auto;
}
.sub-ai-platform .section5 #tab01 .box-item{
    width: 17.1348%; /* 215px */
    border-radius: 2px;
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.19) /* AO */ , 0 2px 6px 0 rgba(0,0,0,0.19);
}
.sub-ai-platform .section5 #tab01 .box-item:nth-child(-n+5){margin: 1.5rem;}
.sub-ai-platform .section5 #tab01 .box-item:nth-child(n+6):nth-child(-n+10) {margin: 1.5rem 1.5rem 0;}
.sub-ai-platform .section5 #tab01 .box-item:hover{
    box-shadow: 0 0 4px 0 rgba(0,0,0,0.17) /* AO */ , 0 6px 18px 2px rgba(0,0,0,0.17);
}
.sub-ai-platform .section5 #tab02 .desc{max-width: 1020px; margin: 0 auto;}
.sub-ai-platform .section5 #tab02 .box-item{width: 16.666%;}
.sub-ai-platform .section5 #tab03 .box-item{width: 16.666%;}
.sub-ai-platform .section5 #tab04 .box-item{width: 16.666%;}



/* https://leaderssys.com/sub/edge_computing03.php */
.sub-industry .section1 {
    background: url(/img/sub/technology/industry/bg-main.png) no-repeat center/cover;
}
.sub-industry .section3 .half-area .box-list{margin-top: 8.5rem;}
.sub-industry .section3 .half-area .box-item::after{
    content: ''; 
    position: absolute; top: -1.5px; left: 0; 
    width: 8rem; height: 2px; 
    background:#aaa;
}
.sub-industry .section3 .half-area .img-wrap {padding-top: 1rem;}
.sub-industry .section4{padding: 10.5rem 0; background: #D5D5D5;}
.sub-industry .section4 .tabnav a{
    color: #707070;
    border-top: 1px solid #E9E9E9;
    border-left: 1px solid #E9E9E9;
    border-right: 1px solid#E9E9E9;
    background: #F4F4F5;
}
.sub-industry .section4 .tabnav a.active{color: #F4F4F5; background: #5F5F5F;}
.sub-industry .section4 .tab-area{
    width: 93.7984%; max-width: 1210px; margin: 0 auto; padding-top: 7.8rem;
}
.sub-industry .section4 .tab-area .tab{display: flex; gap: 0 8rem;}
.sub-industry .section4 .tab-area .img-wrap{width: 54.5454%; max-width: 660px;}
.sub-industry .section4 .tab-area .text-wrap{width: 38.8429%; max-width: 470px;}
.sub-industry .section4 .tab-area .text-box .small-tit{
    display: block; 
    margin-bottom: 1rem; 
    font-size: 1.5rem; color: #707070; font-weight: normal;
}

.sub-robotics .section1,
.sub-vision .section1 {
    background: url(/img/sub/technology/vision-ai/bg-intro.png) no-repeat center/cover;
}


/* https://leaderssys.com/sub/technology/robotics.php */
.sub-robotics .section2 .box-list{
    gap: 7.7rem 0;
    width: 82.9457%; max-width: 1070px; margin: 0 auto;
}
.sub-robotics .section2 .box-item{width: 48.2242%; max-width: 516px;}
.sub-robotics .section3{padding: 6.5rem 0; background: #fff;}
.sub-robotics .section3 .text-area .btn-link::before {background: #77B900 !important;}
.sub-robotics .section5{padding: 7rem 0; background:#E3E4E5;}

.sub-explore #section-explore .box-item,
.sub-explore .section11 .group1 .box-area .box-item,
.sub-vision .section2 .half-area .box-item,
.sub-healthcare .section3 .box-item{
    padding: 3.5rem 3rem; 
}


/* https://leaderssys.com/sub/technology/vision-ai.php */
.sub-vision .section2 .half-area .box-list{gap: 5rem 0;}
.sub-vision .section2 .half-area .box-item{width: 47.61904%;}
.sub-vision .section2 .half-area .img-wrap{width: 49.3798%; max-width: 637px; margin-top: 4rem;}
.sub-vision .section3 .box-item{padding: 4rem 3rem;}
.sub-vision .section5{
    padding: 14.4rem 0 8rem;
    background: #000 url(/img/sub/technology/vision-ai/bg-industry.png) no-repeat center/contain;
}
.sub-vision .section5 .group2 .half-area .box-list{margin-top: 8.5rem;}
.sub-vision .section5 .group2 .half-area .box-item::after{
    content: ''; 
    position: absolute; top: -1.5px; left: 0; 
    width: 8rem; height: 2px; 
    background:#aaa;
}

.sub-vision .section5 .group2 .half-area .box-item .tit,
.sub-industry .section3 .half-area .box-item .tit{
    display: block; 
    width: 8rem; 
    padding-top: .5rem; 
    font-size: 2.1rem; color: #ccc; font-weight: 500;
}

.sub-vision .section5 .group2 .half-area .img-wrap{padding-top: 1rem;}
.sub-vision .section6{padding: 11rem 0 7.8rem; background: #D5D5D5;}
.sub-vision .section7{padding: 16rem 0; background: #F5F5F2;}
.sub-vision .section7 .box-list {
    gap: 8.5rem 0;
    width: 98.4496%; max-width: 1270px; margin: 0 auto;
}
.sub-vision .section7 .box-item {width: 47.24409%; max-width: 600px;}


/* https://leaderssys.com/sub/technology/edge-computing.php */
.sub-edgecomputing .section3{padding: 14rem 0; background:#E2E6E8;}
.sub-edgecomputing .section3 .box-list {flex-wrap: wrap; gap: 5.5rem 0;}
.sub-edgecomputing .sc-video .thumb {
    background: #000 url(/img/sub/technology/edge-computing/video-thumb.png) no-repeat center/cover;
}
.sub-edgecomputing .section5{padding: 12.2rem 0 15.5rem; background: #D5D5D5;}
.sub-edgecomputing .section5 .tabnav>li a {
    color: #707070; 
    border-right: 1px solid #EBEBEB; background: #F4F4F5;
}
.sub-edgecomputing .section5 .tabnav>li:first-child a{border-left: 1px solid #EBEBEB;}
.sub-edgecomputing .section5 .tabnav a.active {color: #E4E4E4; background: #5F5F5F;}
.sub-edgecomputing .section5 .half-tab .text-wrap{width: 42.6356%; max-width: 550px;}
.sub-edgecomputing .section5 .box-item{border: 1px solid #C6C6C6; background: #fff;}
.sub-edgecomputing .section5 #tab01 .box-item{flex: 1; padding: 3.5rem 2.5rem;}
.sub-edgecomputing .section5 #tab02 .box-item{padding: 3rem 2.5rem;}
.sub-edgecomputing .section5 #tab03 .box-item{padding: 3.5rem 2.5rem;}
.sub-edgecomputing .section5 #tab04 .box-item{flex: 1; padding: 2.5rem;}
.sub-edgecomputing .section6 {padding: 4.5rem 0; background: #fff;}
.sub-edgecomputing .section6 .inner {width: 68.75%; max-width: 1320px; margin: 0 auto;}
.sub-edgecomputing .section6 .img-area{width: 48.7121%; max-width: 643px;}
.sub-edgecomputing .section7 .box-item img{border: 1px solid #DBDBD8;}


/* 
    https://leaderssys.com/sub/technology/self-driving-cars.php
    https://leaderssys.com/sub/technology/in-vehicle-computing.php
*/
.sub-vehicle .section2 .sc-tit{color: #44474E !important;}

.sub-vehicle .section-bg-wrapper section:nth-child(even) .text-area {margin-right: 3.4108%;}
.sub-vehicle .section-bg .container{position: relative;}
.sub-vehicle .section-bg .text-area {width: 44.8062%; max-width: 578px;}

.sub-vehicle .section4 .tabnav{margin-bottom: 7rem; border-bottom: 6px solid #827B86;}
.sub-vehicle .section4 .tabnav a{
    color: #707070;
    border-top: 1px solid #E9E9E9;
    border-right: 1px solid #E9E9E9;
    background: #DBD8DF; 
}
.sub-vehicle .section4 .tabnav a.active {
    color: #E4E4E4; 
    border-right: none; background: #827B86;
}
.sub-vehicle .section4 .tab-area>div {display: flex; gap: 0 90px;}
.sub-vehicle .section4 .tab-area .text-wrap{
    display: flex; flex-direction: column; justify-content: center; 
    width: 36.4341%; max-width: 470px;
}
.sub-vehicle .section5 .group-simulation .sc-tit{color: #44474E !important;}



/* https://leaderssys.com/sub/technology/self-driving-cars.php */
.sub-self-drivingcars .sc-intro {
    background: url(/img/sub/technology/self-drivingcars/bg-intro.png) no-repeat center/contain, linear-gradient(90deg, #111 0%, #0c0c0c 100%);
}
.sub-self-drivingcars .section-bg {background:#dbd8df;}
.sub-self-drivingcars .section5 .group-engine .box-list {flex-wrap: wrap; gap: 4rem 0;}



/* https://leaderssys.com/sub/technology/in-vehicle-computing.php */
.sub-vehicle-computing .sc-intro{
    background: #000 url(/img/sub/technology/in-vehicle-computing/bg-intro.png) no-repeat center/contain;
    /* center/contain, linear-gradient(90deg, #111 0%, #0c0c0c 100%); */
}
.sub-vehicle-computing .section-reverse .box-item{
    display: flex; align-items: center; gap: 0 6.9767%;
}
.sub-vehicle-computing .section-reverse .box-item .text-wrap {width: 42.6356%; max-width: 550px;}
.sub-vehicle-computing .section3 .sc-maintit {color:#DEDEDE;}
.sub-vehicle-computing .section3 .box-item .tit{
    display: block; 
    margin-bottom: 2.2rem; 
    line-height: 1; 
    font-size: 2.1rem; color:#DEDEDE; font-weight: 500;
}
.sub-vehicle-computing .section3 .box-item p{line-height: 180%; font-size: 1.5rem; color: #B4B4B4;}
.sub-vehicle-computing .section4 .sc-maintit {color: #4B4B4B;}


/* https://leaderssys.com/sub/technology/infra-structure.php */
.sub-ai-infra .sc-intro {background: #000 url(/img/sub/technology/ai-infra/bg-intro.png) no-repeat center/contain;}
.sub-ai-infra .section2 .tit-area .sc-tit {margin-bottom: 2rem; color: #44474E !important;}
.sub-ai-infra .section2 .half-area .box1 img {border: 1px solid #343434;}
.sub-ai-infra .section2 .half-area .box2 img {border: 1px solid #CBCBCB;}
.sub-ai-infra .section3{
    background: #000 url(/img/sub/technology/self-driving-training/bg1.png) no-repeat center bottom/contain;
}
.sub-ai-infra .section3 .text-area .tit{
    display: block; 
    margin-bottom: 2.2rem; 
}

.sub-ai-infra .section3 .text-area .tit,
.sub-onpremise .section3 .text-area .tit{
    line-height: 1; font-size: 2.1rem; color: #ddd; font-weight: normal;
}

.sub-creator .section5 #tab02 .text-wrap .desc,
.sub-omniverse .section4 .tit-area,
.sub-ai-platform .section5 .tit-area {
    text-align: center;
}


/* https://leaderssys.com/sub/design_visualization04.php */
.sub-omniverse .sc-intro {
    background: #000 url(/img/sub/technology/nvidia-omniverse/bg-intro.png) no-repeat center/contain;
}
.sub-omniverse .section2 .img-area {width: 77.5193%; max-width: 1000px; margin: 0 auto;}
.sub-omniverse .section3{padding: 8rem 0; background: #E5EBEF;}
.sub-omniverse .section3 .box-item svg {width: 19.5121%; max-width: 80px;}
.sub-omniverse .section4 .box-item .small-tit{font-size: 1.2rem; color: #659F00;}
.sub-omniverse .section4 .box-item .tit{
    display: block; 
    margin: 1rem 0 2rem; 
    line-height: 1; 
    font-size: 1.8rem; color: #606060; font-weight: normal;
}
.sub-omniverse .section5 .tit-area>p {font-size: 1.6rem; color: #707070;}
.sub-omniverse .section5 .tab-area .tabnav{width: 29.9065%; margin: 0 auto;}
.sub-omniverse .section5 .tab-area .tabnav>li a{
    z-index: 1; 
    width: 100%; height: 100%; 
    text-align: center; 
}
.sub-omniverse .section5 .tab-area .tab .desc-gap {padding: 5rem 0 7rem;}
.sub-omniverse .section5 .tab-area .logo-list {
    display: flex; justify-content: center; flex-wrap: wrap; gap: 4rem 0;
    width: 92.24806%; max-width: 1190px; margin: 0 auto;
}
.sub-omniverse .section5 #tab01 .desc-gap {max-width: 90rem; margin: 0 auto;}
.sub-omniverse .section5 #tab01 .logo-list>li{width: calc(100% / 6);}
.sub-omniverse .section5 #tab01 .logo-list>li img {width: 36.4545%;}
.sub-omniverse .section5 #tab02 .desc {max-width: 80.5rem; margin: 0 auto;}
.sub-omniverse .section5 #tab02 .logo-list>li {width: calc(100% / 8);}
.sub-omniverse .section5 #tab02 .logo-list>li .tit.green {color: #76b900;}
.sub-omniverse .section5 #tab02 .logo-list>li.aireal a{cursor: initial;}
.sub-omniverse .section5 #tab02 .logo-list>li.bentley a{cursor: initial;}
.sub-omniverse .section5 #tab02 .logo-list>li.syncTwin a{cursor: initial;}
.sub-omniverse .section6 .sc-tit{margin-bottom: 9rem; text-align: center;}



/* https://leaderssys.com/sub/metaverse-creator.php */
.sub-creator .section1{
    background: url(/img/sub/technology/metaverse_creator/main-bg.png) no-repeat center/contain;
}
.sub-creator .section2{padding: 9rem 0; background: #E8E8DE;}
.sub-creator .section2 .inner {width: 68.75%; max-width: 1320px; margin: 0 auto;}
.sub-creator .section2 .video-area{width: 52.2727%; max-width: 690px; margin: 0 auto;}
.sub-creator .section2 .video-area .thumb{
    background: #000 url(/img/sub/technology/metaverse_creator/thumb-acceleration.png) no-repeat center/cover;
}
.sub-creator .section3 .tit-area .link-inquiry {font-size: 1.6rem; color: #659F00;}
.sub-creator .section3 thead th{
    padding: 1.7rem 0; 
    font-size: 1.6rem; color: #707070; font-weight: normal;
    background: #F0F0E6;
}
.sub-creator .section3 tbody td{
    padding: 2rem 0; 
    text-align: center; 
    line-height: 160%; font-size: 1.6rem; color: #707070; 
    background: #fff;
}
.sub-creator .section3 tbody td:first-child{
    width: 8.5271%; max-width: 110px; 
    font-weight: 600; background: #F0F0E6;
}
.sub-creator .section3 tbody td:nth-child(2){width: 19.3798%; max-width: 250px;}
.sub-creator .section3 tbody td:nth-child(3){width: 18.8372%; max-width: 243px;}
.sub-creator .section3 tbody td:nth-child(4){width: 7.9844%; max-width: 103px;}
.sub-creator .section3 tbody td:nth-child(5){width: 11.6279%; max-width: 150px;}
.sub-creator .section3 tbody td:nth-child(6){width: 15.5038%; max-width: 200px;}
.sub-creator .section3 tbody td .text span{display: block;}
.sub-creator .section4 {padding: 12rem 0; background:#E8E8DE;}
.sub-creator .section4 .tabnav a{
    color: #707070;
    border-top: 1px solid #E8E8DD;
    border-left: 1px solid #E8E8DD;
    border-right: 1px solid #E8E8DD;
    background: #F5F4EE;
}
.sub-creator .section4 .tabnav a.active{color:#F5F4EE; background:#897B72;}
.sub-creator .section4 .text-area .apps-wrap{width: 55.555%; max-width: 350px;}
.sub-creator .section4 .text-area .apps-wrap .tit{font-size: 1.5rem; color: #707070;}
.sub-creator .section4 .text-area .logo-list>li {width: 21.4285%; max-width: 75px;}

.sub-creator .section4 #tab01 .logo-list {display: flex; flex-wrap: wrap; gap: 13px 4.7617%;}
.sub-creator .section4 #tab01 .video-area .thumb{background: #000 url(/img/sub/technology/metaverse_creator/video/tab1/thumb.png) no-repeat center/cover;}
.sub-creator .section4 #tab02 .video-area .thumb{background: #000 url(/img/sub/technology/metaverse_creator/video/tab2/thumb.png) no-repeat center/cover;}
.sub-creator .section4 #tab03 .video-area .thumb{background: #000 url(/img/sub/technology/metaverse_creator/video/tab3/thumb.png) no-repeat center/cover;}
.sub-creator .section4 #tab04 .video-area .thumb{background: #000 url(/img/sub/technology/metaverse_creator/video/tab4/thumb.png) no-repeat center/cover;}
.sub-creator .section4 #tab04 .text-area .desc-wrap {display: flex; flex-direction: column; gap: 2rem 0;}

.sub-creator .section4 #tab02 .text-area .logo-list,
.sub-creator .section4 #tab03 .text-area .logo-list,
.sub-creator .section4 #tab04 .text-area .logo-list {
    display: flex; gap: 0 4.7617%;
}

.sub-creator .section5 .tit-area {margin-bottom: 6rem;}
.sub-gamedev .section4 .tit{font-size: 2.4rem; color: #4B4B4B; font-weight: normal;}
.sub-creator-omniverse .section4 .sc-tit {margin-bottom: 6rem; color: #4B4B4B !important;}
.sub-creator-omniverse .section4 .box-item .tit {font-size: 1.8rem; color: #4B4B4B; font-weight: 500;}



/* https://www.nvidia.com/en-us/omniverse/creators/ */
.sub-creator .section5 .group-tab {width: 69.7674%; max-width: 900px; margin: 0 auto;}
.sub-creator .section5 .tit-area .sc-tit{margin-bottom: 2.1rem; color: #606060;}
.sub-creator .section5 .tit-area .desc{max-width: 63rem; text-align: center;}
.sub-creator .section5 .tabnav {width: 42.2222%; max-width: 380px; margin: 0 auto;}
.sub-creator .section5 .tab-area .desc-wrap{padding: 5rem 0 7rem; text-align: center;}
.sub-creator .section5 #tab01 .logo-list{gap: 4rem 0;}
.sub-creator .section5 #tab01 .logo-list>li{width: 16.6666%; max-width: 150px;}
.sub-creator .section5 #tab01 .logo-tit {line-height: 170%;}
.sub-creator .section5 #tab01 .logo-tit .green{display: inline-block; max-width: 10.7rem;}
.sub-creator .section5 #tab02 .box-list{
    display: flex; justify-content: space-between; gap: 0 40px; 
    max-width: 1070px; margin: 0 auto;
}
.sub-creator .section5 #tab02 .box-item {
    align-items: center; 
    width: 21.6666%; max-width: 195px;
}
.sub-creator .section5 #tab02 .box-item .link-img{
    display: block; 
    width: 27.17948%; /*53*/ margin: 0 auto;
}
.sub-creator .section5 #tab02 .btn-link {font-size: 1.6rem; color: #76B900;}
.sub-creator .section5 #tab02 .btn-link::before {background: #76B900 !important;}

.sub-industry .section4 .tabnav{border-bottom: 6px solid #5F5F5F;}
.sub-aeco .section5 .tabnav{margin-bottom: 7.8rem; border-bottom: 6px solid #5F5F5F;}



/* https://leaderssys.com/sub/metaverse-developer.php */
.sub-dev-omniverse .section1{
    background: url(/img/sub/technology/metaverse_developer/bg-main.png) no-repeat center;
    background-size: contain;
}
.sub-dev-omniverse .section2 .img-area {display: flex; justify-content: center;}
.sub-dev-omniverse .section5{padding: 12rem 0 7rem; background: #F5F5F5;}
.sub-dev-omniverse .section5 .tabnav a{
    color: #606060;
    border-top: 1px solid #F5F5F5;
    border-right: 1px solid #F5F5F5;
    background: #E8E8E8;
}
.sub-dev-omniverse .section5 #tab04 .video-area .thumb{
    background: #000 url(/img/sub/technology/metaverse_developer/img-tab4.png) no-repeat center bottom/cover;
}
.sub-dev-omniverse .section5 #tab05 .video-area .thumb{
    background: #000 url(/img/sub/technology/metaverse_developer/img-tab5.png) no-repeat center bottom/cover;
}


/* ====== section-box  = section6 + section7 ====== */
.sub-dev-omniverse .section-box .box-item {flex: 1; max-width: 300px;}


/* https://leaderssys.com/sub/metaverse-enterprise.php */
.sub-creator-omniverse .section1{
    background: #3C465B url(/img/sub/metaverse_enterprise/main-bg.png) no-repeat center/contain;
}
.sub-creator-omniverse .section2 .video-area{width: 53.4883%; max-width: 690px; margin: 0 auto;}
.sub-creator-omniverse .section2 .video-area .thumb{
    background: #000 url(/img/sub/metaverse_enterprise/video-thumb.png) no-repeat center/cover;
}
.sub-creator-omniverse .section5{padding: 10rem 0 15rem; background: #F5F5F5;}
.sub-creator-omniverse .section5 .logo-list {gap: 5rem 0;}
.sub-creator-omniverse .section5 .logo-item{width: 13.9534%; max-width: 180px;}
.sub-creator-omniverse .section5 .logo-item .tit{
    display: block; 
    margin-top: .5rem; 
    text-align: center; 
    line-height: 150%; font-size: 1.6rem; color: #707070; font-weight: 600;
}

.sub-omniverse .section5 .tab-area .tabnav>li a,
.sub-creator .section5 .tabnav>li a {
    position: relative; 
    display: block; 
    padding: 1rem 0;
    font-size: 1.6rem; color: #707070; font-weight: 600;
}

.sub-creator-omniverse .sc-tab .tabnav>li a {
    color: #606060;
    border-top: 1px solid #8D8D8D;
    border-right: 1px solid #8D8D8D;
    background:#F5F5F5;
}

.sub-creator-omniverse .sc-tab .tabnav>li:first-child a {border-left: 1px solid #8D8D8D;}
.sub-creator-omniverse .section7 {background: url(/img/sub/metaverse_enterprise/bg-inquiry.png) no-repeat right/cover;}
.sub-creator-omniverse .section7 .text-area{
    width: 41.8604%; max-width: 540px; padding: 8.5rem 0 11.8rem;
}
.sub-creator-omniverse .section7 .text-area .small-tit {
    display: block; font-size: 1.6rem; color: #bbb;
}
.sub-creator-omniverse .section7 .text-area .tit{
    display: inline-block; 
    margin: 1.6rem 0 3rem; 
    line-height: 1; 
    font-size: 2.4rem; color: #F5F5F5; font-weight: 600;
}
.sub-creator-omniverse .section7 .text-area>p {
    max-width: 540px; 
    line-height: 180%; font-size: 1.5rem; color: #F5F5F5;
}


/* https://leaderssys.com/sub/quantum_computing.php */
.sub-quantum .section1{
    background: #000 url(/img/sub/technology/quantum/bg1.png) no-repeat center; 
    background-size: contain;
}
.sub-quantum .section2{padding: 9.2rem 0 13rem; background: #F5F5F2;}
.sub-quantum .section2 .box-item .img-wrap{width: 26.3414%; max-width: 108px;}
.sub-quantum .section2 .box-item .desc{color: #606060 !important;}
.sub-quantum .section3 .img-area .tit{margin-bottom: 1.6rem; text-align: center;}
.sub-quantum .section3 .text-area .tit{width: 15.89147%; max-width: 205px;}
.sub-quantum .section3 .text-area .desc{
    width: 82.9457%; max-width: 1070px; margin-top: -.4rem; margin-left: auto;
}
.sub-quantum .section4 .group-half {display: flex; flex-direction: column; gap: 12rem 0;}
.sub-quantum .section5{padding: 12rem 0 8rem; background: #000;}
.sub-quantum .section5 .tit-area .main-tit{
    margin-bottom: 2.8rem; 
    font-size: 2.1rem; color: #fff; font-weight: normal;
}
.sub-quantum .section5 .tit-area>p{max-width: 1270px;}

.sub-explore .section6 .group2 .color-area .img-wrap .tit,
.sub-explore section .color-area .img-wrap .tit {
    z-index: 1; 
    font-size: 2.1rem; color: #fff;
}


@media all and (max-width: 1700px){

    /* ============== SUB - TECHNOLOGY ============== */
    /* 수정금지 */
    .sub-hpc #sec01,
    .sub-xrsolution .sc-intro,
    .sub-multidisplay .section1,
    .sub-vworkstation .section1 {
        background-size: cover;
    }
    .sub-networking .section1,
    .sub-cloudcomputing .section1,
    .sub-virtualization .section1,
    .sub-quantum .section1,
    .sub-creator-omniverse .section1,
    .sub-creator .section1,
    .sub-onpremise .section1,
    .sub-prediction .section1,
    .sub-genuine .section6,
    .sub-healthcare .sc-intro,
    .sub-dev-omniverse .sc-intro,
    .sub-edgecomputing .sc-intro,
    .sub-analysis .sc-intro,
    .sub-ai-inference .sc-intro {
        background-size: cover;
    }

    .sub-analysis .section3{background-size: cover;}

    .sub-voice-ai .section5 .box-item .box-tit {line-height: 140%;}
    .sub-creator-omniverse .section7 .text-area {padding: 6.5rem 0;}
    .sub-quantum .section3 .text-area .tit {font-size: 1.9rem;}

    .sub-multidisplay .section2 .sub-list>li:first-child {height: 5rem;}
    .sub-multidisplay .section2 .sub-list>li:nth-child(2) {height: 13rem;}
    .sub-explore #section-software .box1 .tit span{display: initial;}
}