/* Elitech Korea V2 page design normalization
   Purpose: keep sub pages, forms, cards, typography, spacing and colors consistent. */
:root{
    --ek-sys-ink:#101828;
    --ek-sys-text:#475467;
    --ek-sys-muted:#667085;
    --ek-sys-soft:#f8fafc;
    --ek-sys-soft-2:#f3f6fb;
    --ek-sys-line:#e5e7eb;
    --ek-sys-blue:#155fb7;
    --ek-sys-blue-soft:#eef5ff;
    --ek-sys-orange:#f47721;
    --ek-sys-green:#10b981;
    --ek-sys-radius-lg:30px;
    --ek-sys-radius-md:22px;
    --ek-sys-radius-sm:14px;
    --ek-sys-shadow:0 18px 50px rgba(16,24,40,.06);
    --ek-sys-max:1280px;
}
body.v2-body,
body{color:var(--ek-sys-text);letter-spacing:-.015em;word-break:keep-all}
body:not(.adm) a{text-decoration:none}

/* common old sub visual */
#sub_visual.ek-common-sub-visual{position:relative;height:300px!important;min-height:300px!important;background:#07192f!important;overflow:hidden;margin:0!important;text-align:left!important}
#sub_visual.ek-common-sub-visual .backgroundimg{position:relative;height:300px!important;width:100%;max-width:none!important;margin:0!important}
#sub_visual.ek-common-sub-visual .visual_area{position:absolute;inset:0;width:100%!important;max-width:none!important;height:300px!important;background-position:center!important;background-size:cover!important;transform:none!important;opacity:.34;filter:saturate(.82) contrast(1.04)}
#sub_visual.ek-common-sub-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,19,38,.92),rgba(8,19,38,.62) 52%,rgba(8,19,38,.26));z-index:1}
#sub_visual.ek-common-sub-visual .ek-sub-visual-copy{position:relative;z-index:2;width:min(calc(100% - 48px),var(--ek-sys-max));height:100%;margin:0 auto;display:flex;flex-direction:column;justify-content:center;color:#fff}
.ek-sub-visual-path{display:flex;gap:8px;align-items:center;margin-bottom:16px;color:rgba(255,255,255,.62);font-size:13px;font-weight:800;letter-spacing:.01em}
.ek-sub-visual-path a{color:rgba(255,255,255,.76)!important}.ek-sub-visual-path span{color:rgba(255,255,255,.62)}
.ek-sub-visual-kicker{display:inline-flex;align-items:center;width:max-content;height:30px;padding:0 12px;margin-bottom:12px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.10);color:#fff;font-size:12px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
.ek-sub-visual-copy h1{margin:0;color:#fff;font-size:48px;line-height:1.12;font-weight:950;letter-spacing:-.065em}
.ek-sub-visual-copy p{max-width:720px;margin:14px 0 0;color:rgba(255,255,255,.78);font-size:16px;line-height:1.72}
#sub_tit{display:none!important}

/* breadcrumb dropdown bar below old visual */
#sub_menu{border-bottom:1px solid var(--ek-sys-line)!important;background:#fff!important}
.sub_location{height:58px!important;max-width:var(--ek-sys-max)!important;background:#fff!important}
.sub_location > div .cen{width:58px!important;height:58px!important;line-height:58px!important;background:var(--ek-sys-blue)!important}
.sub_location ul{width:220px!important;max-width:none!important;border-color:var(--ek-sys-line)!important;background:#fff!important}
.sub_location ul li span{height:58px!important;line-height:58px!important;padding:0 38px 0 18px!important;color:var(--ek-sys-ink)!important;font-size:14px!important;font-weight:850!important;letter-spacing:-.02em!important;background:none!important;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sub_location ul li span:after{content:"";position:absolute;right:18px;top:50%;width:7px;height:7px;border-right:1px solid #98a2b3;border-bottom:1px solid #98a2b3;transform:translateY(-65%) rotate(45deg)}
.sub_location ul ul{top:58px!important;border:1px solid var(--ek-sys-line)!important;border-top:0!important;box-shadow:0 18px 38px rgba(16,24,40,.08)!important}
.sub_location ul li a{padding:10px 16px!important;color:#475467!important;font-size:14px!important;line-height:1.45!important}
.sub_location ul li a:hover{background:var(--ek-sys-blue)!important;color:#fff!important}

/* standalone sub hero normalization */
.ek-greeting-hero,.ek-location-hero,.ek-delivery-hero,.ek-dealer-hero,.ek-kc-hero,
.ek-soft-sub,.ek-promo-hero,.ek-cloud-sub,.ek-register-hero,.ek-check-hero,.ek-inquiry-sub,.ek-sample-sub{
    padding:64px 0 42px!important;
    border-bottom:1px solid var(--ek-sys-line)!important;
    background:linear-gradient(180deg,#fff 0%,#f8fafc 100%)!important;
}
.ek-as{padding-top:64px!important;background:#fff!important}
.ek-as-check{padding-top:64px!important;background:#fff!important}

.ek-greeting-wrap,.ek-location-wrap,.ek-delivery-wrap,.ek-dealer-wrap,.ek-kc-wrap,.ek-soft-wrap,.ek-promo-wrap,.ek-cloud-wrap,
.ek-register-wrap,.ek-check-wrap,.ek-as-wrap,.ek-as-check-wrap,.ek-inquiry-wrap,.ek-sample-wrap{
    width:min(calc(100% - 48px),var(--ek-sys-max))!important;
    margin-left:auto!important;margin-right:auto!important;
}

.ek-greeting-breadcrumb,.ek-location-breadcrumb,.ek-delivery-breadcrumb,.ek-dealer-breadcrumb,.ek-kc-breadcrumb,
.ek-soft-path,.ek-promo-path,.ek-cloud-path,.ek-register-breadcrumb,.ek-check-breadcrumb,.ek-as-breadcrumb,.ek-as-check-breadcrumb,.ek-inquiry-path,.ek-sample-path{
    display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:center!important;margin:0 0 18px!important;
    color:#98a2b3!important;font-size:13px!important;font-weight:800!important;line-height:1.4!important;letter-spacing:0!important;
}
.ek-greeting-breadcrumb a,.ek-location-breadcrumb a,.ek-delivery-breadcrumb a,.ek-dealer-breadcrumb a,.ek-kc-breadcrumb a,
.ek-soft-path a,.ek-promo-path a,.ek-cloud-path a,.ek-register-breadcrumb a,.ek-check-breadcrumb a,.ek-inquiry-path a,.ek-sample-path a{color:#667085!important;text-decoration:none!important}

.ek-greeting-kicker,.ek-location-kicker,.ek-delivery-kicker,.ek-dealer-kicker,.ek-kc-kicker,
.ek-soft-label,.ek-promo-label,.ek-cloud-label,.ek-register-kicker,.ek-check-kicker,.ek-as-eyebrow,.ek-as-check-eyebrow,.ek-inquiry-label,.ek-sample-label{
    display:inline-flex!important;align-items:center!important;width:max-content!important;height:30px!important;padding:0 12px!important;margin:0 0 14px!important;
    border:1px solid #dbeafe!important;border-radius:999px!important;background:var(--ek-sys-blue-soft)!important;color:var(--ek-sys-blue)!important;
    font-size:12px!important;font-weight:950!important;letter-spacing:.12em!important;text-transform:uppercase!important;
}

.ek-greeting-hero h1,.ek-location-hero h1,.ek-delivery-hero h1,.ek-dealer-hero h1,.ek-kc-hero h1,
.ek-soft-sub h1,.ek-promo-hero h1,.ek-cloud-sub h1,.ek-register-hero h1,.ek-check-hero h1,.ek-as-head h1,.ek-as-check-head h1,.ek-inquiry-sub h1,.ek-sample-sub h1{
    margin:0!important;color:var(--ek-sys-ink)!important;font-size:46px!important;line-height:1.14!important;font-weight:950!important;letter-spacing:-.065em!important;
}
.ek-greeting-hero p,.ek-location-hero p,.ek-delivery-hero p,.ek-dealer-hero p,.ek-kc-hero p,
.ek-soft-sub p,.ek-promo-hero p,.ek-cloud-sub p,.ek-register-hero p,.ek-check-hero p,.ek-as-head p,.ek-as-check-head p,.ek-inquiry-sub p,.ek-sample-sub p{
    max-width:780px!important;margin:15px 0 0!important;color:var(--ek-sys-muted)!important;font-size:16px!important;line-height:1.75!important;word-break:keep-all!important;
}

/* section spacing */
.ek-greeting-body,.ek-location-body,.ek-delivery-body,.ek-dealer-body,.ek-kc-body,.ek-soft-body,.ek-promo-body,.ek-register-body,.ek-check-body,.ek-inquiry-body,.ek-sample-body{
    padding:54px 0 96px!important;background:#fff!important;
}
.ek-cloud-section,.ek-cloud-qr-section{padding:72px 0!important}.ek-cloud-section.alt{background:var(--ek-sys-soft)!important}

/* card normalization */
.ek-register-card,.ek-register-side,.ek-check-card,.ek-check-result,.ek-check-note,.ek-sample-form,.ek-inquiry-form,.ek-inquiry-info,.ek-inquiry-note,
.ek-as-card,.ek-as-side-block,.ek-as-check-box,.ek-location-panel,.ek-delivery-card,.ek-dealer-card,.ek-kc-card,.ek-promo-card,.ek-soft-card,
.ek-info-card,.ek-admin-card,.ek-admin-page .ek-admin-panel,.ek-admin-page table,.ek-admin-page .ek-edit-box{
    border:1px solid var(--ek-sys-line)!important;border-radius:var(--ek-sys-radius-lg)!important;background:#fff!important;box-shadow:var(--ek-sys-shadow)!important;
}
.ek-side-block,.ek-as-side-block{border-bottom:1px solid var(--ek-sys-line)!important}

/* form fields */
.ek-field label,.ek-as-field label,.ek-edit-field label,.ek-inquiry-form label,.ek-sample-page label,.ek-field-title{
    color:#344054!important;font-size:13px!important;font-weight:850!important;line-height:1.45!important;
}
.ek-field input,.ek-field select,.ek-field textarea,
.ek-as-field input,.ek-as-field select,.ek-as-field textarea,
.ek-edit-field input,.ek-edit-field select,.ek-edit-field textarea,
.ek-inquiry-form input,.ek-inquiry-form select,.ek-inquiry-form textarea,
.ek-check-form input,.ek-as-check-form input,
.ek-sample-page input,.ek-sample-page select,.ek-sample-page textarea,
.ek-admin-search input,.ek-admin-search select,.ek-admin-status-form select,.ek-admin-status-form textarea{
    border:1px solid #d0d5dd!important;border-radius:14px!important;background:#fff!important;color:var(--ek-sys-ink)!important;font-size:15px!important;outline:0!important;
}
.ek-field input:not([type=file]),.ek-field select,.ek-as-field input:not([type=file]),.ek-as-field select,.ek-edit-field input:not([type=file]),.ek-edit-field select,
.ek-inquiry-form input,.ek-inquiry-form select,.ek-check-form input,.ek-as-check-form input,.ek-sample-page input:not([type=file]):not([type=checkbox]):not([type=radio]),.ek-sample-page select,
.ek-admin-search input,.ek-admin-search select,.ek-admin-status-form select{height:52px!important;padding:0 15px!important}
.ek-field textarea,.ek-as-field textarea,.ek-edit-field textarea,.ek-inquiry-form textarea,.ek-sample-page textarea,.ek-admin-status-form textarea{min-height:112px!important;padding:14px 15px!important;line-height:1.65!important;resize:vertical!important}
.ek-field input:focus,.ek-field select:focus,.ek-field textarea:focus,
.ek-as-field input:focus,.ek-as-field select:focus,.ek-as-field textarea:focus,
.ek-edit-field input:focus,.ek-edit-field select:focus,.ek-edit-field textarea:focus,
.ek-inquiry-form input:focus,.ek-inquiry-form select:focus,.ek-inquiry-form textarea:focus,
.ek-check-form input:focus,.ek-as-check-form input:focus,
.ek-sample-page input:focus,.ek-sample-page select:focus,.ek-sample-page textarea:focus{
    border-color:var(--ek-sys-blue)!important;box-shadow:0 0 0 4px rgba(21,95,183,.10)!important;
}

/* buttons */
.ek-submit button,.ek-submit a,.ek-check-form button,.ek-as-submit button,.ek-as-submit a,.ek-as-check-form button,
.ek-inquiry-submit,.ek-sample-page .ek-submit,.ek-admin-search button,.ek-admin-search a,.ek-admin-actions a,.ek-admin-actions button,.ek-edit-actions button,.ek-edit-actions a,
.ek-as-actions a,.ek-as-head-actions a{
    border-radius:999px!important;font-weight:900!important;letter-spacing:-.02em!important;text-decoration:none!important;
}
.ek-submit button,.ek-check-form button,.ek-as-submit button,.ek-as-check-form button,.ek-inquiry-submit,.ek-sample-page .ek-submit,.ek-admin-search button,.ek-edit-actions button,
.ek-as-actions .primary,.ek-as-head-actions .primary{background:#111827!important;color:#fff!important;border-color:#111827!important}
.ek-submit button:hover,.ek-check-form button:hover,.ek-as-submit button:hover,.ek-as-check-form button:hover,.ek-inquiry-submit:hover,.ek-sample-page .ek-submit:hover,
.ek-admin-search button:hover,.ek-edit-actions button:hover,.ek-as-actions .primary:hover,.ek-as-head-actions .primary:hover{background:var(--ek-sys-orange)!important;border-color:var(--ek-sys-orange)!important;color:#fff!important}

/* sample product choice refinement */
.ek-product-choice-grid{gap:16px!important}
.ek-product-choice-card{border:1px solid var(--ek-sys-line)!important;border-radius:24px!important;background:#fff!important;box-shadow:none!important;overflow:hidden!important;transition:border-color .18s,box-shadow .18s,transform .18s!important}
.ek-product-choice-card:hover{transform:translateY(-2px)!important;box-shadow:0 14px 36px rgba(16,24,40,.07)!important}
.ek-product-choice-card.is-active{border-color:var(--ek-sys-green)!important;box-shadow:0 0 0 4px rgba(16,185,129,.10)!important}
.ek-product-choice-thumb{background:#fff!important;border:0!important}
.ek-product-choice-desc{border:0!important;background:transparent!important;color:#667085!important;box-shadow:none!important}

@media(max-width:768px){
    #sub_visual.ek-common-sub-visual,#sub_visual.ek-common-sub-visual .backgroundimg,#sub_visual.ek-common-sub-visual .visual_area{height:240px!important;min-height:240px!important}
    #sub_visual.ek-common-sub-visual .ek-sub-visual-copy{width:min(calc(100% - 32px),var(--ek-sys-max))!important}
    .ek-sub-visual-copy h1{font-size:34px!important}.ek-sub-visual-copy p{font-size:14px!important}
    .sub_location > div .cen{display:none!important}.sub_location ul{width:50%!important}
    .ek-greeting-hero,.ek-location-hero,.ek-delivery-hero,.ek-dealer-hero,.ek-kc-hero,.ek-soft-sub,.ek-promo-hero,.ek-cloud-sub,.ek-register-hero,.ek-check-hero,.ek-inquiry-sub,.ek-sample-sub{padding:48px 0 32px!important}
    .ek-greeting-wrap,.ek-location-wrap,.ek-delivery-wrap,.ek-dealer-wrap,.ek-kc-wrap,.ek-soft-wrap,.ek-promo-wrap,.ek-cloud-wrap,.ek-register-wrap,.ek-check-wrap,.ek-as-wrap,.ek-as-check-wrap,.ek-inquiry-wrap,.ek-sample-wrap{width:min(calc(100% - 32px),var(--ek-sys-max))!important}
    .ek-greeting-hero h1,.ek-location-hero h1,.ek-delivery-hero h1,.ek-dealer-hero h1,.ek-kc-hero h1,.ek-soft-sub h1,.ek-promo-hero h1,.ek-cloud-sub h1,.ek-register-hero h1,.ek-check-hero h1,.ek-as-head h1,.ek-as-check-head h1,.ek-inquiry-sub h1,.ek-sample-sub h1{font-size:34px!important}
    .ek-greeting-hero p,.ek-location-hero p,.ek-delivery-hero p,.ek-dealer-hero p,.ek-kc-hero p,.ek-soft-sub p,.ek-promo-hero p,.ek-cloud-sub p,.ek-register-hero p,.ek-check-hero p,.ek-as-head p,.ek-as-check-head p,.ek-inquiry-sub p,.ek-sample-sub p{font-size:14px!important}
    .ek-greeting-body,.ek-location-body,.ek-delivery-body,.ek-dealer-body,.ek-kc-body,.ek-soft-body,.ek-promo-body,.ek-register-body,.ek-check-body,.ek-inquiry-body,.ek-sample-body{padding:38px 0 72px!important}
}
