/* =====================================================================
   DS ELECTRIC PRODUCT SKIN : item3 list
   Product index only. Detail/write styles live in style.css.
   ===================================================================== */

.dse2-page-wrap,
.dse2-list {font-family:"Noto Sans KR",sans-serif;color:#263746;}
.dse2-list * {box-sizing:border-box;}

/* path --------------------------------------------------------------- */
.dse2-path-banner{align-items:flex-end;padding:0 0 24px;box-sizing:border-box;}
.dse2-path-banner .dse2-banner-path{text-align:right;}
.dse2-path-banner .breadcrumb{display:inline-flex;align-items:center;margin:0;padding:10px 16px;background:rgba(255,255,255,.85);border:1px solid rgba(255,255,255,.65);border-radius:6px;}
.dse2-path-banner .breadcrumb li{font-family:"Noto Sans KR",sans-serif;font-size:14px;line-height:1.5;color:#52718e;}
.dse2-path-banner .breadcrumb li+li:before{content:"/";padding:0 10px;color:#7890a5;}
.dse2-path-banner .breadcrumb [aria-current="page"]{color:#102f51;font-weight:700;}

/* heading ------------------------------------------------------------ */
.dse3-list-head{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin:0;padding:3px 0 20px 20px;border-bottom:1px solid #dce4ec;background:#fff;}
.dse3-list-head:before{content:"";position:absolute;left:0;top:4px;width:3px;height:58px;background:#2586d9;}
.dse3-list-head:after{content:"";position:absolute;right:0;bottom:-3px;width:5px;height:5px;background:#2586d9;}
.dse3-list-head-copy{min-width:0;}
.dse3-list-eyebrow{display:block;margin:0 0 1px;color:#52718e;font:700 11px/1.4 "Roboto Condensed",sans-serif;letter-spacing:.18em;}
.dse3-list-head h1{margin:0;color:#102f51;font-family:"Noto Sans KR",sans-serif;font-size:28px;font-weight:700;line-height:1.28;letter-spacing:-.04em;}
.dse3-list-head p{margin:7px 0 0;color:#708394;font-size:13px;font-weight:400;line-height:1.65;letter-spacing:-.015em;word-break:keep-all;}
.dse3-list-count{display:flex;align-items:baseline;justify-content:flex-end;flex:0 0 auto;padding:0 4px 2px 0;color:#7890a5;white-space:nowrap;}
.dse3-list-count span{margin-right:9px;font-size:12px;font-weight:500;}
.dse3-list-count strong{color:#173955;font:700 22px/1 "Roboto Condensed",sans-serif;letter-spacing:-.025em;}
.dse3-list-count em{margin-left:3px;color:#7890a5;font-size:12px;font-style:normal;}

/* categories --------------------------------------------------------- */
.dse2-list .dse2-categories{margin:0 0 34px;border:0;border-bottom:1px solid #dce4ec;background:#fff;}
.dse2-list .dse2-categories ul{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none;}
.dse2-list .dse2-categories li{flex:0 0 auto;margin:0;padding:0;border-right:0;}
.dse2-list .dse2-categories a{position:relative;display:block;min-width:0;padding:13px 18px 12px;color:#617487;background:#fff;font-size:14px;font-weight:500;line-height:1.35;text-align:center;text-decoration:none;white-space:nowrap;transition:color .2s ease,background .2s ease;}
.dse2-list .dse2-categories a:before{content:"";position:absolute;left:0;top:50%;width:1px;height:16px;background:#e3e9ee;transform:translateY(-50%);}
.dse2-list .dse2-categories li:first-child a:before{display:none;}
.dse2-list .dse2-categories a:after{content:none!important;display:none!important;}
.dse2-list .dse2-categories a:hover,.dse2-list .dse2-categories a:focus{color:#102f51;background:#f8fbfd;}
.dse2-list .dse2-categories #bo_cate_on,.dse2-list .dse2-categories a.on{color:#2586d9;font-weight:700;background:#fff;box-shadow:inset 0 -2px 0 #2586d9;}

/* product search ----------------------------------------------------- */
.dse2-list-bottom-search{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;margin-top:56px;padding:20px 0 0;border-top:1px solid #d9e3ea;}
.dse2-search-heading{flex:0 0 auto;margin:0;padding:0;font-family:"Noto Sans KR",sans-serif;}
.dse2-search-heading span{display:block;margin:0 0 6px;color:#6f91ae;font:700 9px/1.25 "Roboto Condensed",sans-serif;letter-spacing:.18em;}
.dse2-search-heading strong{display:block;margin:0;color:#102f51;font-size:14px;font-weight:700;line-height:1.35;letter-spacing:-.025em;}
.dse2-search{display:flex;align-items:center;width:316px;height:40px;margin-left:auto;border:1px solid #cfd5da;border-radius:3px;background:#fff;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease;}
.dse2-search:focus-within{border-color:#9aabb8;box-shadow:0 0 0 1px rgba(37,134,217,.05);}
.dse2-search select{flex:0 0 96px;width:96px;height:38px;margin:0;padding:0 27px 0 10px;border:0!important;border-right:1px solid #dde2e6!important;border-radius:0!important;outline:0;background-color:#fff;color:#5f6f7d;font-family:"Noto Sans KR",sans-serif;font-size:12px;line-height:38px;box-shadow:none!important;cursor:pointer;}
.dse2-search input{flex:1;min-width:0;height:38px;padding:0 8px;border:0!important;outline:0;background:#fff!important;color:#263746;font-family:"Noto Sans KR",sans-serif;font-size:12px;box-shadow:none!important;}
.dse2-search input::placeholder{color:#9aa5ae;}
.dse2-search button{flex:0 0 40px;width:40px;height:38px;padding:0;border:0;background:#fff;color:#111;font-size:15px;line-height:38px;text-align:center;transition:color .2s ease,background-color .2s ease;}
.dse2-search button:hover,.dse2-search button:focus{background:#f7f9fa;color:#2586d9;outline:0;}

/* product index ------------------------------------------------------ */
.dse2-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;row-gap:58px;}
.dse2-product{position:relative;min-width:0;}
.dse2-product-visual{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;overflow:hidden;background:#f4f7f9;text-decoration:none!important;}
.dse2-product-visual:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:#2586d9;transform:scaleX(0);transform-origin:left center;transition:transform .3s ease;z-index:3;}
.dse2-product-visual>img{display:block;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain;mix-blend-mode:multiply;transform:scale(1.12);transform-origin:center center;transition:transform .4s ease;}
.dse2-product-no{position:absolute;left:16px;top:14px;z-index:2;color:#8da1b1;font:700 11px/1 "Roboto Condensed",sans-serif;letter-spacing:.08em;}
.dse2-product-arrow{position:absolute;right:14px;top:14px;z-index:2;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #cad7e1;border-radius:50%;color:#497087;font-size:11px;transform:translateY(-4px);opacity:0;transition:all .25s ease;}
.dse2-product-visual:hover:before{transform:scaleX(1);}
.dse2-product-visual:hover>img{transform:scale(1.17);}
.dse2-product-visual:hover .dse2-product-arrow{opacity:1;transform:none;background:#2586d9;border-color:#2586d9;color:#fff;}
.dse2-product-copy{padding:19px 2px 0;}
.dse2-product h2{margin:0 0 17px;color:#102f51;font-family:"Noto Sans KR",sans-serif;font-size:23px;font-weight:700;line-height:1.35;letter-spacing:-.035em;}
.dse2-product h2 a{color:inherit;text-decoration:none;}
.dse2-product-specs{margin:0;padding:0;border-top:1px solid #dce5ec;}
.dse2-product-specs>div{display:grid;grid-template-columns:minmax(0,42%) minmax(0,58%);padding:8px 0;border-bottom:1px solid #e8eef2;}
.dse2-product-specs dt,.dse2-product-specs dd{margin:0;min-width:0;font-size:12px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.dse2-product-specs dt{padding-right:9px;color:#738696;font-weight:500;}
.dse2-product-specs dd{color:#31495b;font-weight:600;}
.dse2-product-empty-spec{min-height:51px;margin:0;padding:9px 0;border-top:1px solid #dce5ec;border-bottom:1px solid #e8eef2;color:#8799a7;font-size:12px;line-height:1.6;}
.dse2-product-link{display:inline-flex;align-items:center;gap:8px;margin-top:15px;color:#173955!important;font:700 12px/1.4 "Noto Sans KR",sans-serif;letter-spacing:-.01em;text-decoration:none!important;}
.dse2-product-link i{color:#2586d9;transition:transform .2s ease;}
.dse2-product-link:hover i{transform:translateX(4px);}
.dse2-product-check{position:absolute;left:9px;top:9px;z-index:5;}
.dse2-product-check input{width:17px;height:17px;margin:0;}
.dse2-product.is-current .dse2-product-visual{outline:2px solid #2586d9;outline-offset:-2px;}
.dse2-product-3d{position:absolute;left:16px;bottom:14px;z-index:3;display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid rgba(37,134,217,.25);border-radius:2px;background:rgba(255,255,255,.92);color:#2586d9;font:700 9px/1 "Roboto Condensed",sans-serif;letter-spacing:.08em;box-shadow:0 2px 8px rgba(16,47,81,.05);}
.dse2-product-3d i{font-size:10px;}

.dse2-empty{padding:90px 20px;border-top:1px solid #dce5ec;border-bottom:1px solid #dce5ec;text-align:center;}
.dse2-empty span{display:block;color:#2586d9;font:700 10px/1.4 "Roboto Condensed",sans-serif;letter-spacing:.16em;}
.dse2-empty strong{display:block;margin-top:8px;color:#173955;font-size:20px;}
.dse2-empty p{margin:8px 0 0;color:#7b8d9b;font-size:13px;}

/* paging ------------------------------------------------------------- */
.dse2-paging{margin-top:26px;text-align:center;}
.dse2-paging .pg_wrap{display:inline-block;}
.dse2-paging .pg{display:flex;align-items:center;gap:5px;}
.dse2-paging .pg_page,.dse2-paging .pg_current{display:inline-flex!important;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 8px;border:1px solid #d8e1e8;background:#fff;color:#617487!important;font-size:12px;text-decoration:none!important;box-shadow:none!important;}
.dse2-paging .pg_current{border-color:#173955;background:#173955;color:#fff!important;}
.dse2-paging .pg_page:hover{border-color:#2586d9;color:#2586d9!important;}

/* admin -------------------------------------------------------------- */
.dse2-admin-checkall{margin:0 0 16px;padding:10px 12px;background:#f6f9fb;color:#65798a;font-size:12px;}
.dse2-admin-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:42px;padding-top:22px;border-top:1px solid #dbe4eb;}
.dse2-admin-tools>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap;}
.dse2-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:39px;padding:0 16px;border:1px solid transparent;border-radius:0;color:#354b5e!important;background:#fff;font-size:12px;font-weight:600;line-height:1;text-decoration:none!important;cursor:pointer;transition:all .2s ease;}
.dse2-btn-primary{border-color:#1f78bf;background:#2586d9;color:#fff!important;}
.dse2-btn-primary:hover,.dse2-btn-primary:focus{border-color:#102f51;background:#102f51;color:#fff!important;}
.dse2-btn-ghost{border-color:#d6e0e7;color:#64798a!important;}
.dse2-btn-ghost:hover{border-color:#aebfcb;color:#173955!important;}

/* responsive --------------------------------------------------------- */
@media (max-width:1199px){
    .dse2-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;}
}

@media (max-width:991px){
    .dse2-page-wrap{margin-top:38px;}
    .dse3-list-head{margin-top:32px;}
}

@media (max-width:767px){
    .dse3-list-head{display:block;margin-top:24px;padding:2px 0 17px 16px;}
    .dse3-list-head:before{top:3px;height:51px;}
    .dse3-list-head h1{font-size:24px;}
    .dse3-list-head p{margin-top:6px;padding-right:12px;font-size:12px;line-height:1.65;}
    .dse3-list-count{justify-content:flex-start;margin-top:11px;padding:0;color:#8092a0;}
    .dse3-list-count span{margin-right:7px;font-size:11px;}
    .dse3-list-count strong{font-size:17px;}
    .dse3-list-count em{font-size:11px;}
    .dse2-path-banner{padding-bottom:14px;}
    .dse2-path-banner .breadcrumb{padding:7px 10px;}
    .dse2-path-banner .breadcrumb li{font-size:11px;}
    .dse2-path-banner .breadcrumb li+li:before{padding:0 6px;}
    .dse2-page-wrap{margin-top:24px;}
    .dse2-list .dse2-categories{margin-bottom:26px;overflow-x:auto;}
    .dse2-list .dse2-categories ul{flex-wrap:nowrap;min-width:max-content;}
    .dse2-list .dse2-categories li{flex:0 0 auto;}
    .dse2-list .dse2-categories a{min-width:0;padding:12px 15px 11px;font-size:14px;}
    .dse2-list-bottom-search{display:block;margin-top:44px;padding-top:17px;}
    .dse2-search-heading{margin-bottom:14px;}
    .dse2-search{width:100%;max-width:360px;margin-left:0;}
    .dse2-product-grid{grid-template-columns:1fr;row-gap:46px;}
    .dse2-product-visual{aspect-ratio:1.08/1;}
    .dse2-product h2{font-size:22px;}
    .dse2-admin-tools{align-items:stretch;flex-direction:column;}
    .dse2-admin-tools>div{width:100%;}
    .dse2-admin-tools .dse2-btn{flex:1;}
    .dse2-product-3d{left:12px;bottom:12px;padding:5px 7px;}
}