.elementor-21766 .elementor-element.elementor-element-5aad183{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-21766 .elementor-element.elementor-element-7853cf2{--spacer-size:24px;}.elementor-21766 .elementor-element.elementor-element-3652839{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-21766 .elementor-element.elementor-element-3652839.e-con{--align-self:center;}.elementor-21766 .elementor-element.elementor-element-baf4c9b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-21766 .elementor-element.elementor-element-9bd154a{--display:flex;}.elementor-21766 .elementor-element.elementor-element-1135d38{--display:flex;}.elementor-21766 .elementor-element.elementor-element-016e825{--display:flex;}.elementor-21766 .elementor-element.elementor-element-71616f7{--display:flex;}.elementor-21766 .elementor-element.elementor-element-67c9009{--display:flex;}.elementor-21766 .elementor-element.elementor-element-2fa38c1{--display:flex;}.elementor-21766 .elementor-element.elementor-element-d7cc56a{--display:flex;}.elementor-21766 .elementor-element.elementor-element-8670e30{--display:flex;}.elementor-21766 .elementor-element.elementor-element-ff1dd92{--grid-columns:4;}.elementor-21766 .elementor-element.elementor-element-14ba1bc{--grid-columns:4;}.elementor-21766 .elementor-element.elementor-element-6646636{--display:flex;}.elementor-21766 .elementor-element.elementor-element-771cfde{--grid-columns:4;}.elementor-21766 .elementor-element.elementor-element-67ab791{--grid-columns:4;}.elementor-21766 .elementor-element.elementor-element-bb0ab3c{--grid-columns:4;}.elementor-21766 .elementor-element.elementor-element-bed04eb{--grid-columns:4;}.elementor-21766 .elementor-element.elementor-element-069d3d0{--display:flex;}.elementor-21766 .elementor-element.elementor-element-b0cf9ab{--grid-columns:4;}.elementor-21766 .elementor-element.elementor-element-defcdb5{--grid-columns:4;}.elementor-21766 .elementor-element.elementor-element-815882f{--grid-columns:4;}.elementor-21766 .elementor-element.elementor-element-2f5f0bb{--display:flex;}.elementor-21766 .elementor-element.elementor-element-fcaaa07{--grid-columns:4;}.elementor-21766 .elementor-element.elementor-element-f501cf9{--grid-columns:4;}.elementor-21766 .elementor-element.elementor-element-4502a74{--display:flex;}.elementor-21766 .elementor-element.elementor-element-427e68a{--grid-columns:4;}.elementor-21766 .elementor-element.elementor-element-9fb97db{--grid-columns:4;}.elementor-21766 .elementor-element.elementor-element-3730947{--grid-columns:4;}.elementor-21766 .elementor-element.elementor-element-2d833f0{--display:flex;}.elementor-21766 .elementor-element.elementor-element-25daab8{--grid-columns:4;}.elementor-21766 .elementor-element.elementor-element-e922338{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-21766 .elementor-element.elementor-element-1dc40fc{--grid-columns:5;}@media(max-width:1024px){.elementor-21766 .elementor-element.elementor-element-fd404c0{--grid-columns:2;}.elementor-21766 .elementor-element.elementor-element-ff1dd92{--grid-columns:2;}.elementor-21766 .elementor-element.elementor-element-14ba1bc{--grid-columns:2;}.elementor-21766 .elementor-element.elementor-element-771cfde{--grid-columns:2;}.elementor-21766 .elementor-element.elementor-element-67ab791{--grid-columns:2;}.elementor-21766 .elementor-element.elementor-element-bb0ab3c{--grid-columns:2;}.elementor-21766 .elementor-element.elementor-element-bed04eb{--grid-columns:2;}.elementor-21766 .elementor-element.elementor-element-b0cf9ab{--grid-columns:2;}.elementor-21766 .elementor-element.elementor-element-defcdb5{--grid-columns:2;}.elementor-21766 .elementor-element.elementor-element-815882f{--grid-columns:2;}.elementor-21766 .elementor-element.elementor-element-fcaaa07{--grid-columns:2;}.elementor-21766 .elementor-element.elementor-element-f501cf9{--grid-columns:2;}.elementor-21766 .elementor-element.elementor-element-427e68a{--grid-columns:2;}.elementor-21766 .elementor-element.elementor-element-9fb97db{--grid-columns:2;}.elementor-21766 .elementor-element.elementor-element-3730947{--grid-columns:2;}.elementor-21766 .elementor-element.elementor-element-25daab8{--grid-columns:2;}.elementor-21766 .elementor-element.elementor-element-1dc40fc{--grid-columns:2;}}@media(max-width:767px){.elementor-21766 .elementor-element.elementor-element-fd404c0{--grid-columns:1;}.elementor-21766 .elementor-element.elementor-element-ff1dd92{--grid-columns:1;}.elementor-21766 .elementor-element.elementor-element-14ba1bc{--grid-columns:1;}.elementor-21766 .elementor-element.elementor-element-771cfde{--grid-columns:1;}.elementor-21766 .elementor-element.elementor-element-67ab791{--grid-columns:1;}.elementor-21766 .elementor-element.elementor-element-bb0ab3c{--grid-columns:1;}.elementor-21766 .elementor-element.elementor-element-bed04eb{--grid-columns:1;}.elementor-21766 .elementor-element.elementor-element-b0cf9ab{--grid-columns:1;}.elementor-21766 .elementor-element.elementor-element-defcdb5{--grid-columns:1;}.elementor-21766 .elementor-element.elementor-element-815882f{--grid-columns:1;}.elementor-21766 .elementor-element.elementor-element-fcaaa07{--grid-columns:1;}.elementor-21766 .elementor-element.elementor-element-f501cf9{--grid-columns:1;}.elementor-21766 .elementor-element.elementor-element-427e68a{--grid-columns:1;}.elementor-21766 .elementor-element.elementor-element-9fb97db{--grid-columns:1;}.elementor-21766 .elementor-element.elementor-element-3730947{--grid-columns:1;}.elementor-21766 .elementor-element.elementor-element-25daab8{--grid-columns:1;}.elementor-21766 .elementor-element.elementor-element-1dc40fc{--grid-columns:1;}}/* Start custom CSS for html, class: .elementor-element-7dd2da2 *//* =========================
   EQUIPMENT HERO
========================= */

.equip-hero{
    width:100%;
    max-width:1200px;
    margin:0 auto;
    padding:90px 0 110px;

    display:grid;
    grid-template-columns:1fr auto;
    align-items:flex-start;
    gap:80px;
}

.equip-hero-left span{
    display:block;

    margin-bottom:8px;

    font-size:18px;
    font-weight:800;
    line-height:1;
    letter-spacing:-0.03em;

    color:#7b8088;
}

.equip-hero-left h1{
    margin:0;

    font-size:64px;
    font-weight:900;
    line-height:1.05;
    letter-spacing:-0.07em;

    color:#202126;
}

.equip-hero-right{
    padding-top:8px;
    text-align:right;
}

.equip-hero-right h2{
    margin:0 0 24px;

    font-size:28px;
    font-weight:900;
    line-height:1.25;
    letter-spacing:-0.05em;

    color:#202126;
}

.equip-hero-link{
    display:block;

    margin-top:14px;

    font-size:16px;
    font-weight:800;
    line-height:1.3;
    letter-spacing:-0.03em;

    color:#1677FF;
    text-decoration:none;
}

.equip-hero-link:hover{
    opacity:.75;
}

/* 모바일 */

@media (max-width:767px){

    .equip-hero{
        padding:58px 20px 72px;

        display:flex;
        flex-direction:column;
        gap:36px;
    }

    .equip-hero-left span{
        font-size:14px;
    }

    .equip-hero-left h1{
        font-size:42px;
    }

    .equip-hero-right{
        padding-top:0;
        text-align:left;
    }

    .equip-hero-right h2{
        font-size:22px;
        margin-bottom:18px;
    }

    .equip-hero-link{
        font-size:15px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-baf4c9b *//* =========================
   EQUIPMENT LIBRARY NAV
========================= */

.library-header-wrap{
    overflow:visible !important;
}

/* 네비 부모 */

.equip-nav-wrap{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;

    gap:24px !important;

    overflow-x:auto !important;
    overflow-y:visible !important;

    padding:16px 0 24px !important;

    scrollbar-width:none !important;
}

.equip-nav-wrap::-webkit-scrollbar{
    display:none !important;
}

/* 네비 카드 */

.equip-nav-card{
    flex:0 0 170px !important;
    width:170px !important;
    min-width:170px !important;
    height:160px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    background:#F8F9FB !important;
    border:1px solid #E5E7EB !important;
    border-radius:26px !important;

    cursor:pointer !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease,
        background .25s ease !important;
}

/* 카드 내부 */

.equip-nav-card .e-con-inner,
.equip-nav-card .elementor-widget-wrap{
    height:100% !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;

    gap:10px !important;
}

/* 이미지 */

.equip-nav-card img{
    width:120px !important;
    height:120px !important;

    object-fit:contain !important;
    opacity:1 !important;

    filter:contrast(150%) brightness(80%) !important;

    transition:.25s ease !important;
}

/* 텍스트 */

.equip-nav-card h3,
.equip-nav-card .elementor-heading-title{
    margin:0 !important;

    font-size:16px !important;
    font-weight:900 !important;
    line-height:1.25 !important;
    letter-spacing:-0.04em !important;

    color:#202126 !important;
    text-align:center !important;
}

/* Hover */

.equip-nav-card:hover{
    transform:translateY(-8px) !important;

    background:#ffffff !important;
    border-color:#1677FF !important;

    box-shadow:
        0 14px 34px rgba(22,119,255,.18),
        0 0 0 2px rgba(22,119,255,.10) !important;
}

.equip-nav-card:hover img{
    filter:contrast(180%) brightness(65%) !important;
}

/* Active */

.equip-nav-card.active,
.equip-nav-card.is-active{
    background:#ffffff !important;
    border-color:#1677FF !important;

    box-shadow:
        0 12px 30px rgba(22,119,255,.18),
        inset 0 0 0 1px #1677FF !important;
}

.equip-nav-card.active img,
.equip-nav-card.is-active img{
    filter:contrast(180%) brightness(65%) !important;
}

/* =========================
   MOBILE
========================= */

@media(max-width:767px){

    .equip-nav-wrap{
        gap:14px !important;
        padding:12px 0 18px !important;
    }

    .equip-nav-card{
        flex:0 0 132px !important;
        width:132px !important;
        min-width:132px !important;
        height:132px !important;
        border-radius:20px !important;
    }

    .equip-nav-card img{
        width:82px !important;
        height:82px !important;
    }

    .equip-nav-card h3,
    .equip-nav-card .elementor-heading-title{
        font-size:13px !important;
    }
}
/* =========================
   MOBILE HEADER / NAV FIX
========================= */

@media(max-width:767px){

    /* 헤더 전체 폭 확장 */
    .library-header-wrap{
        width:100% !important;
        max-width:100% !important;

        padding-left:16px !important;
        padding-right:16px !important;

        box-sizing:border-box !important;
    }

    .library-header-wrap > .elementor-element{
        width:100% !important;
        max-width:100% !important;
    }

    /* 네비 전체 폭 */
    .equip-nav-wrap{
        width:100% !important;
        max-width:100% !important;

        display:flex !important;
        flex-wrap:nowrap !important;

        gap:16px !important;

        overflow-x:auto !important;
        overflow-y:visible !important;

        padding:14px 0 22px !important;
    }

    /* 모바일 카드 크게 */
    .equip-nav-card{
        flex:0 0 148px !important;
        width:148px !important;
        min-width:148px !important;
        height:148px !important;

        border-radius:22px !important;
    }

    /* 이미지 크게 */
    .equip-nav-card img{
        width:105px !important;
        height:105px !important;
    }

    .equip-nav-card h3,
    .equip-nav-card .elementor-heading-title{
        font-size:13px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3652839 */.library-header-wrap{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
}

.library-header-wrap > .elementor-element{
    width:100% !important;
    max-width:1200px !important;
}
.library-header-wrap{
    background:#ffffff !important;

  

    padding:70px 40px 50px !important;

    margin-bottom:40px !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8d76ea0 */.equipment-lineup-head{
    margin-left:200px;
    margin-bottom:40px;
}

.equipment-lineup-head span{
    display:block;
    margin-bottom:8px;

    font-size:15px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;

    color:#7B8088;
}

.equipment-lineup-head h2{
    margin:0;

    font-size:48px;
    font-weight:900;
    line-height:1.05;
    letter-spacing:-0.05em;

    color:#202126;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-fd404c0 *//* =========================
   PLEQ 가로 스크롤 Loop Grid
   시작점 300px fake spacer 방식
========================= */

.pleq-loop-grid{
    width:100% !important;
    margin:0 !important;
    overflow:hidden !important;
}

/* 스크롤 트랙 */
.pleq-loop-grid .elementor-loop-container,
.pleq-loop-grid .e-loop-container{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;

    align-items:flex-start !important;
    justify-content:flex-start !important;

    overflow-x:auto !important;
    overflow-y:hidden !important;

    gap:42px !important;

    padding-right:100px !important;
    padding-bottom:24px !important;

    scrollbar-width:none !important;
}

.pleq-loop-grid .elementor-loop-container::-webkit-scrollbar,
.pleq-loop-grid .e-loop-container::-webkit-scrollbar{
    display:none !important;
}

/* 왼쪽 가짜 여백 */
.pleq-loop-grid .elementor-loop-container::before,
.pleq-loop-grid .e-loop-container::before{
    content:"" !important;

    flex:0 0 300px !important;
    width:300px !important;
    min-width:300px !important;

    display:block !important;
}

/* 카드 폭 */
.pleq-loop-grid .elementor-loop-container > *,
.pleq-loop-grid .e-loop-container > *{
    flex:0 0 420px !important;
    width:420px !important;
    max-width:420px !important;
    min-width:420px !important;

    align-self:flex-start !important;
}

/* before까지 카드 폭 먹는 문제 방지 */
.pleq-loop-grid .elementor-loop-container::before,
.pleq-loop-grid .e-loop-container::before{
    max-width:300px !important;
}

/* 모바일 */
@media (max-width:767px){

    .pleq-loop-grid .elementor-loop-container,
    .pleq-loop-grid .e-loop-container{
        gap:22px !important;

        padding-right:16px !important;
        padding-bottom:20px !important;
    }

    .pleq-loop-grid .elementor-loop-container::before,
    .pleq-loop-grid .e-loop-container::before{
        flex:0 0 0 !important;
        width:0 !important;
        min-width:0 !important;
        max-width:0 !important;
    }

    .pleq-loop-grid .elementor-loop-container > *,
    .pleq-loop-grid .e-loop-container > *{
        flex:0 0 300px !important;
        width:300px !important;
        max-width:300px !important;
        min-width:300px !important;
    }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-1dc40fc *//* =========================
   Featured Product Scroll
========================= */

.featured-product-grid{
    overflow:hidden !important;
}

/* 트랙 */

.featured-product-grid .elementor-loop-container,
.featured-product-grid .e-loop-container{

    display:flex !important;
    flex-wrap:nowrap !important;

    overflow-x:auto !important;
    overflow-y:hidden !important;

    gap:32px !important;

    padding-left:300px !important;
    padding-right:100px !important;
    padding-bottom:20px !important;

    scrollbar-width:none !important;
}

.featured-product-grid .elementor-loop-container::-webkit-scrollbar,
.featured-product-grid .e-loop-container::-webkit-scrollbar{
    display:none !important;
}

/* 카드폭 */

.featured-product-grid .elementor-loop-container > *,
.featured-product-grid .e-loop-container > *{

    flex:0 0 320px !important;

    width:320px !important;
    min-width:320px !important;
    max-width:320px !important;
}
.featured-product-grid .e-loop-item:nth-child(1),
.featured-product-grid .elementor-grid-item:nth-child(1),
.featured-product-grid .elementor-loop-container > .e-loop-item:nth-child(1){
    flex:0 0 640px !important;
    width:640px !important;
    min-width:640px !important;
    max-width:640px !important;
}

/* 모바일 */

@media(max-width:767px){

    .featured-product-grid .elementor-loop-container,
    .featured-product-grid .e-loop-container{

        padding-left:24px !important;
        padding-right:24px !important;

        gap:20px !important;
    }

    .featured-product-grid .elementor-loop-container > *,
    .featured-product-grid .e-loop-container > *{

        flex:0 0 280px !important;

        width:280px !important;
        min-width:280px !important;
        max-width:280px !important;
    }
}/* End custom CSS */
/* Start custom CSS *//* =========================
   PROCESS SECTION
========================= */

.process-section{
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
    padding:0 0 80px !important;
}


/* =========================
   자동화라인 대분류 헤더
   200px 오른쪽 이동
========================= */

.process-section .proc-line-head{
    position:relative !important;

    margin:80px 0 46px !important;
    padding-left:200px !important;
    padding-right:80px !important;
}

.process-section .proc-line-head::after{
    content:"" !important;

    position:absolute !important;
    left:200px !important;
    right:0 !important;
    bottom:-22px !important;

    height:2px !important;
    background:#6B7280 !important;
}

.process-section .proc-line-head h2{
    margin:0 !important;

    font-size:56px !important;
    font-weight:900 !important;
    line-height:1.05 !important;
    letter-spacing:-0.06em !important;

    color:#111827 !important;
}


/* =========================
   장비군 헤더
   300px 오른쪽 이동 + 앞쪽 바
========================= */

.process-section .equip-group-head{
    position:relative !important;

    margin:52px 0 28px !important;
    padding-left:300px !important;
    padding-right:80px !important;
}

.process-section .equip-group-head::before{
    content:"" !important;

    position:absolute !important;
    left:260px !important;
    top:50% !important;
    transform:translateY(-50%) !important;

    width:8px !important;
    height:42px !important;

    border-radius:999px !important;
    background:#1677FF !important;
}

.process-section .equip-group-head::after{
    content:"" !important;

    position:absolute !important;
    left:274px !important;
    top:50% !important;
    transform:translateY(-50%) !important;

    width:4px !important;
    height:42px !important;

    border-radius:999px !important;
    background:#D9E8FF !important;
}

.process-section .equip-group-head h3{
    margin:0 !important;

    font-size:38px !important;
    font-weight:900 !important;
    line-height:1.1 !important;
    letter-spacing:-0.05em !important;

    color:#202126 !important;
}


/* =========================
   장비군 Loop Grid
   fake spacer 방식
========================= */

.process-section .equip-group-loop{
    width:100% !important;
    margin-left:0 !important;
    overflow:hidden !important;
}

.process-section .equip-group-loop .elementor-loop-container,
.process-section .equip-group-loop .e-loop-container{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;

    align-items:flex-start !important;
    justify-content:flex-start !important;

    overflow-x:auto !important;
    overflow-y:hidden !important;

    gap:36px !important;

    padding-right:100px !important;
    padding-bottom:28px !important;

    scrollbar-width:none !important;
}

.process-section .equip-group-loop .elementor-loop-container::-webkit-scrollbar,
.process-section .equip-group-loop .e-loop-container::-webkit-scrollbar{
    display:none !important;
}

/* 왼쪽 fake spacer 300px */

.process-section .equip-group-loop .elementor-loop-container::before,
.process-section .equip-group-loop .e-loop-container::before{
    content:"" !important;

    flex:0 0 300px !important;
    width:300px !important;
    min-width:300px !important;
    max-width:300px !important;

    display:block !important;
}

/* 카드 폭: PC 약 4개 노출 */

.process-section .equip-group-loop .elementor-loop-container > *,
.process-section .equip-group-loop .e-loop-container > *{
    flex:0 0 360px !important;
    width:360px !important;
    min-width:360px !important;
    max-width:360px !important;

    align-self:flex-start !important;
}


/* =========================
   대표 공급 장비 헤더
========================= */

.equipment-lineup-head{
    margin-left:200px !important;
    margin-bottom:40px !important;
}

.equipment-lineup-head span{
    display:block !important;
    margin-bottom:8px !important;

    font-size:15px !important;
    font-weight:800 !important;
    letter-spacing:.08em !important;
    text-transform:uppercase !important;

    color:#7B8088 !important;
}

.equipment-lineup-head h2{
    margin:0 !important;

    font-size:48px !important;
    font-weight:900 !important;
    line-height:1.05 !important;
    letter-spacing:-0.05em !important;

    color:#202126 !important;
}





/* =========================
   MOBILE
========================= */

@media (max-width:767px){

    .process-section{
        padding-bottom:56px !important;
    }

    .process-section .proc-line-head{
        margin:56px 0 34px !important;
        padding-left:0 !important;
        padding-right:16px !important;
    }

    .process-section .proc-line-head::after{
        left:0 !important;
        bottom:-16px !important;
    }

    .process-section .proc-line-head h2{
        font-size:36px !important;
    }

    .process-section .equip-group-head{
        margin:42px 0 22px !important;
        padding-left:28px !important;
        padding-right:16px !important;
    }

    .process-section .equip-group-head::before{
        left:0 !important;
        height:36px !important;
    }

    .process-section .equip-group-head::after{
        left:12px !important;
        height:36px !important;
    }

    .process-section .equip-group-head h3{
        font-size:28px !important;
    }

    .process-section .equip-group-loop{
        width:100% !important;
        margin-left:0 !important;
    }

    .process-section .equip-group-loop .elementor-loop-container,
    .process-section .equip-group-loop .e-loop-container{
        gap:22px !important;

        padding-right:16px !important;
        padding-bottom:24px !important;
    }

    .process-section .equip-group-loop .elementor-loop-container::before,
    .process-section .equip-group-loop .e-loop-container::before{
        flex:0 0 0 !important;
        width:0 !important;
        min-width:0 !important;
        max-width:0 !important;
    }

    .process-section .equip-group-loop .elementor-loop-container > *,
    .process-section .equip-group-loop .e-loop-container > *{
        flex:0 0 300px !important;
        width:300px !important;
        min-width:300px !important;
        max-width:300px !important;
    }

    .equipment-lineup-head{
        margin-left:0 !important;
        padding:0 24px !important;
        margin-bottom:28px !important;
        text-align:left !important;
    }

    .equipment-lineup-head span{
        font-size:13px !important;
        line-height:1.3 !important;
        letter-spacing:.08em !important;
    }

    .equipment-lineup-head h2{
        font-size:36px !important;
        line-height:1.12 !important;
        letter-spacing:-0.055em !important;

        word-break:keep-all !important;
        white-space:normal !important;
    }
}/* End custom CSS */