@charset "utf-8";
/* =====================================================================
   ZEONS 메인 홈페이지 — near-ip 디자인 가이드 리스킨
   (딥네이비 + 시안 네온 + 글래스모피즘 / Paperlogy 폰트·굵기 체계)
   * common.css / base.css / main.css 위에 마지막으로 로드되어 덮어씀
   ===================================================================== */

/* ------------------------------------------------------------------ */
/* 1. Paperlogy (페이퍼로지) 웹폰트 100~900                            */
/* ------------------------------------------------------------------ */
@font-face { font-family:'Paperlogy'; src:url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-1Thin.woff2') format('woff2');       font-weight:100; font-style:normal; font-display:swap; }
@font-face { font-family:'Paperlogy'; src:url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-2ExtraLight.woff2') format('woff2'); font-weight:200; font-style:normal; font-display:swap; }
@font-face { font-family:'Paperlogy'; src:url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2') format('woff2');      font-weight:300; font-style:normal; font-display:swap; }
@font-face { font-family:'Paperlogy'; src:url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2');    font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:'Paperlogy'; src:url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2');     font-weight:500; font-style:normal; font-display:swap; }
@font-face { font-family:'Paperlogy'; src:url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2');   font-weight:600; font-style:normal; font-display:swap; }
@font-face { font-family:'Paperlogy'; src:url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2');       font-weight:700; font-style:normal; font-display:swap; }
@font-face { font-family:'Paperlogy'; src:url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');  font-weight:800; font-style:normal; font-display:swap; }
@font-face { font-family:'Paperlogy'; src:url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2') format('woff2');      font-weight:900; font-style:normal; font-display:swap; }

/* ------------------------------------------------------------------ */
/* 2. 테마 토큰 재정의 (theme-setting.css 값 덮어쓰기)                  */
/* ------------------------------------------------------------------ */
html {
    /* 폰트: 전 구간 Paperlogy 로 통일, 굵기는 개별 규칙에서 제어 */
    --font-basic:'Paperlogy';
    --font-point:'Paperlogy';
    --font-point-bold:'Paperlogy';
    --font-point-light:'Paperlogy';

    /* 텍스트 (다크 배경 기준) */
    --color-basic:#e6edf6;
    --color-light:#94a3b8;
    --color-light-deep:#64748b;
    --color-gray:#9fb0c3;
    --color-gray-rgb:159,176,195;
    --color-gray-deep:#7c8ba0;
    --color-gray-deep-rgb:124,139,160;

    /* 액센트: near-ip brand(cyan) 계열 */
    --color-point:#22d3ee;
    --color-blue:#0b1b34;
    --color-blue-rgb:11,27,52;
    --color-sky:#22d3ee;
    --color-sky-rgb:34,211,238;

    --border-line:rgba(255,255,255,0.12);
    --black-white-rgb:255,255,255;

    /* 배경 */
    --bg-basic:#040711;
    --bg-footer:#040711;
    --bg-white:#0d1527;
    --bg-gray:#1e293b;
    --bg-gray-light:#090e1c;
    --bg-blue:#0b1b34;
    --bg-blue-rgb:4,7,17;
    --bg-sky:#0891b2;
    --bg-sky-rgb:8,145,178;

    --logo-img: var(--logo-img_w);
}

/* ------------------------------------------------------------------ */
/* 3. 전역 타이포 / 배경                                               */
/* ------------------------------------------------------------------ */
html, body {
    background-color:#040711 !important;
}
#wrapper, #wrapper *, #footer, #footer *,
input, button, select, textarea, a, p, span,
h1, h2, h3, h4, h5, h6, em, b, strong, div, li {
    font-family:'Paperlogy', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
                'Malgun Gothic', '맑은 고딕', sans-serif !important;
}
body, #wrapper, #mainContainer {
    color:#e6edf6;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    text-rendering:optimizeLegibility;
    letter-spacing:-0.01em;
}
#wrapper { position:relative; z-index:1; }

::selection { background:rgba(6,182,212,0.35); color:#fff; }

/* 스크롤바 (near-ip 스타일) */
::-webkit-scrollbar { width:8px; }
::-webkit-scrollbar-track { background:#040711; }
::-webkit-scrollbar-thumb { background:#1e293b; border-radius:4px; border:1px solid rgba(255,255,255,0.1); }
::-webkit-scrollbar-thumb:hover { background:#0891b2; }
.scrollbox::-webkit-scrollbar-track { background-color:#0d1527; }
.scrollbox::-webkit-scrollbar-thumb { background-color:#22d3ee; }
.scrollbox::-webkit-scrollbar-thumb:hover { background:#0891b2; }

/* ------------------------------------------------------------------ */
/* 4. 배경 레이어 (사이버 그리드 + 앰비언트 오브)                       */
/* ------------------------------------------------------------------ */
.np-bg { position:fixed; inset:0; z-index:0; overflow:hidden; pointer-events:none; }
.np-grid {
    position:absolute; inset:0;
    background-size:50px 50px;
    background-image:
        linear-gradient(to right, rgba(255,255,255,0.03) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255,255,255,0.03) 1px, transparent 1px);
    -webkit-mask-image:radial-gradient(ellipse at 50% 0%, #000 40%, transparent 85%);
            mask-image:radial-gradient(ellipse at 50% 0%, #000 40%, transparent 85%);
}
.np-orb { position:absolute; border-radius:50%; filter:blur(150px); opacity:.55; }
.np-orb-1 { top:-160px; left:18%;  width:600px; height:600px; background:rgba(6,182,212,0.16); animation:npPulse 9s ease-in-out infinite; }
.np-orb-2 { top:32%; right:-120px; width:520px; height:520px; background:rgba(37,99,235,0.14); animation:npPulse 11s ease-in-out infinite 2s; }
.np-orb-3 { bottom:4%; left:2%;    width:600px; height:600px; background:rgba(8,145,178,0.12); animation:npPulse 13s ease-in-out infinite 1s; }
@keyframes npPulse { 0%,100%{opacity:.4;transform:scale(1);} 50%{opacity:.7;transform:scale(1.08);} }

/* ------------------------------------------------------------------ */
/* 5. 공통 스크롤 리빌                                                 */
/* ------------------------------------------------------------------ */
.np-reveal { opacity:0; transform:translateY(28px); transition:opacity .8s cubic-bezier(.16,1,.3,1), transform .8s cubic-bezier(.16,1,.3,1); }
.np-reveal.is-in { opacity:1; transform:none; }

/* ------------------------------------------------------------------ */
/* 6. 헤더 (글래스 내비)                                               */
/* ------------------------------------------------------------------ */
#header {
    background-color:rgba(4,7,17,0.72) !important;
    -webkit-backdrop-filter:blur(20px);
            backdrop-filter:blur(20px);
    border-bottom:1px solid rgba(255,255,255,0.08);
}
.scrollOn #header {
    background-color:rgba(4,7,17,0.9) !important;
    box-shadow:0 10px 30px rgba(0,0,0,0.45);
}
#header .gnb ul li a {
    color:#cbd5e1;
    font-weight:600;
    transition:color .2s;
}
#header .gnb ul li a:hover { color:#67e8f9; }
#header .gnb ul li a.active { color:#22d3ee; font-weight:700; }
#header .gnb ul li a:after { background-color:#22d3ee; box-shadow:0 0 12px rgba(34,211,238,.7); }

/* ------------------------------------------------------------------ */
/* 7. 메인 상단 슬라이드 (Hero)                                        */
/* ------------------------------------------------------------------ */
.main-top-slide:after {
    background:linear-gradient(to top, #040711 6%, rgba(4,7,17,0) 100%) !important;
    height:260px !important;
}
.main-top-slide .main-slidebox ul li { position:relative; }
.main-top-slide .main-slidebox ul li:before {
    content:''; position:absolute; inset:0; z-index:1;
    background:linear-gradient(115deg, rgba(4,7,17,0.9) 0%, rgba(4,7,17,0.55) 45%, rgba(4,7,17,0.35) 100%);
}
.main-top-slide .main-slidebox ul li .respon { position:relative; z-index:2; }
.main-top-slide .main-slidebox ul li .big-txt { font-weight:300; }
.main-top-slide .main-slidebox ul li .big-txt b {
    font-weight:700;
    color:#7de9fb;
    text-shadow:0 0 24px rgba(34,211,238,0.55);
}
.main-top-slide .main-slidebox ul li .small-txt { color:#cbd5e1; font-weight:400; }
.main-top-slide .arrow-box .prev-next .swiper-button { color:#a5f3fc; }
.main-top-slide .arrow-box .prev-next .swiper-button:hover { color:#fff; }
.main-top-slide .arrow-box:after { background-color:rgba(165,243,252,0.5); }
.main-top-slide .arrow-box .swiper-pagination { color:#e2e8f0; }
.main-top-slide .arrow-box .swiper-pagination .swiper-pagination-current { color:#22d3ee; }

/* ------------------------------------------------------------------ */
/* 8. 섹션 타이틀                                                      */
/* ------------------------------------------------------------------ */
#mainContainer h2.mtit-h2 { color:#f8fafc; }
#mainContainer h2.mtit-h2 em {
    font-weight:800;
    background:linear-gradient(90deg,#a5f3fc 0%,#22d3ee 45%,#3b82f6 100%);
    -webkit-background-clip:text; background-clip:text;
    -webkit-text-fill-color:transparent;
}
#mainContainer h2.mtit-h2 span { color:#94a3b8; opacity:1; font-weight:500; }

/* ------------------------------------------------------------------ */
/* 9. 글래스 카드 (SERVICE / PRODUCT 공통)                             */
/* ------------------------------------------------------------------ */
.main-service .service-con ul li,
.main-product .product-con ul li {
    background:rgba(15,23,42,0.65) !important;
    -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px);
    border:1px solid rgba(255,255,255,0.08);
    box-shadow:0 20px 50px rgba(0,0,0,0.4) !important;
    border-radius:24px !important;
    transition:border-color .3s, box-shadow .3s, transform .3s;
}
.main-service .service-con ul li:hover,
.main-product .product-con ul li:hover {
    border-color:rgba(34,211,238,0.4);
    box-shadow:0 0 34px rgba(6,182,212,0.28), inset 0 0 16px rgba(6,182,212,0.05) !important;
    transform:translateY(-4px);
}

/* ------------------------------------------------------------------ */
/* 10. 메인 SERVICE                                                    */
/* ------------------------------------------------------------------ */
.main-service .service-con ul li .icobox {
    background-color:rgba(6,182,212,0.12) !important;
    border:1px solid rgba(34,211,238,0.35) !important;
    box-shadow:0 0 22px rgba(6,182,212,0.2) !important;
    display:flex; align-items:center; justify-content:center;
}
.main-service .service-con ul li:nth-child(2n+1) .icobox {
    background-color:rgba(59,130,246,0.14) !important;
    border-color:rgba(96,165,250,0.4) !important;
}
/* 상단 서비스 카드 아이콘 (Lucide) */
.main-service .service-con ul li .icobox .lucide {
    width:46%; height:46%;
    color:#7de9fb;
    stroke-width:1.9;
}
.main-service .service-con ul li:nth-child(2n+1) .icobox .lucide { color:#93c5fd; }
.main-service .service-con ul li h3 em { font-weight:700; color:#fff; }
.main-service .service-con ul li h3 span { color:#94a3b8; font-weight:500; }
.main-service .service-con ul li h3:after {
    background:linear-gradient(to right, #22d3ee 0%, rgba(34,211,238,0) 100%);
    height:2px;
}
.main-service .service-con ul li p { color:#9fb0c3; font-weight:400; }
.main-service .service-con ul li .tagbox { color:#67e8f9; font-weight:500; }
.main-service .service-con ul li .link-btn {
    background-color:rgba(6,182,212,0.16);
    border:1px solid rgba(34,211,238,0.4);
    color:#a5f3fc;
    border-radius:16px 0 24px;
}
.main-service .service-con ul li .link-btn:hover {
    background-color:rgba(6,182,212,0.4);
    color:#fff;
    box-shadow:0 0 22px rgba(6,182,212,0.5);
}

/* ------------------------------------------------------------------ */
/* 11. 메인 HISTORY / NEWSLETTER                                       */
/* ------------------------------------------------------------------ */
.main-history .years-list .yl-con a,
.main-newsletter .years-list2 .yl-con a {
    color:#64748b; border-color:rgba(255,255,255,0.12);
    transition:color .2s;
}
.main-history .years-list .yl-con a:hover,
.main-newsletter .years-list2 .yl-con a:hover { color:#cbd5e1; }
.main-history .years-list .yl-con a.active,
.main-newsletter .years-list2 .yl-con a.active {
    border-color:#22d3ee !important;
    color:#22d3ee !important;
    font-weight:800;
    text-shadow:0 0 18px rgba(34,211,238,0.5);
}
.main-history .history-list,
.main-newsletter .newsletter-list {
    background:rgba(15,23,42,0.5) !important;
    border:1px solid rgba(255,255,255,0.07);
    border-radius:20px;
    -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
    padding:12px 24px !important;
}
.main-history .history-list .history-con,
.main-newsletter .newsletter-list .newsletter-con { border-bottom:1px solid rgba(255,255,255,0.09); }
.main-history .history-list .history-con .month,
.main-newsletter .newsletter-list .newsletter-con .month { color:#e6edf6; font-weight:700; }
.main-history .history-list .history-con .hc-link,
.main-newsletter .newsletter-list .newsletter-con .hc-link {
    background-color:rgba(6,182,212,0.16) !important;
    border:1px solid rgba(34,211,238,0.35);
    color:#a5f3fc;
}
.main-history .history-list .history-con .hc-link:hover,
.main-newsletter .newsletter-list .newsletter-con .hc-link:hover {
    background-color:#0891b2 !important;
    color:#fff;
    box-shadow:0 0 18px rgba(6,182,212,0.55);
}
.main-history .history-list .history-con .hc-link.disabled,
.main-newsletter .newsletter-list .newsletter-con .hc-link.disabled {
    background-color:rgba(255,255,255,0.06) !important;
    border-color:rgba(255,255,255,0.08);
    color:#475569;
}
.main-history .history-list .history-con .subject em,
.main-newsletter .newsletter-list .newsletter-con .subject em { color:#e6edf6; font-weight:600; }
.main-history .history-list .history-con .subject span,
.main-newsletter .newsletter-list .newsletter-con .subject span { color:#9fb0c3; }
.main-history .history-list .history-con .etc,
.main-newsletter .newsletter-list .newsletter-con .etc { color:#7c8ba0; }
.main-newsletter .link-btn {
    background-color:rgba(6,182,212,0.16) !important;
    color:#a5f3fc !important;
    border:1px solid rgba(34,211,238,0.4) !important;
    border-radius:14px !important;
    font-weight:600;
}
.main-newsletter .link-btn:hover {
    background-color:rgba(6,182,212,0.4) !important;
    color:#fff !important;
    box-shadow:0 0 20px rgba(6,182,212,0.5);
}

/* ------------------------------------------------------------------ */
/* 12. 메인 PRODUCT                                                    */
/* ------------------------------------------------------------------ */
.main-product {
    background:
        radial-gradient(1200px 620px at 72% -6%, rgba(8,145,178,0.18), transparent 70%),
        radial-gradient(900px 500px at 0% 100%, rgba(37,99,235,0.12), transparent 70%),
        #040711 !important;
    color:#fff;
}
/* --- PRODUCT: 캐러셀 → 한 화면 그리드 (스크롤 없이 6종 전체 노출) --- */
.main-product { padding-top:70px; padding-bottom:70px; }
.main-product .respon { max-width:1320px; }
.main-product .product-con .swiper-wrapper {
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0,1fr));
    gap:20px;
    transform:none !important;
}
.main-product .product-con .swiper-wrapper > li {
    width:auto !important;
    height:100% !important;
    margin:0 !important;
    padding:14px !important;
    display:flex;
    flex-direction:column;
}
.main-product .product-con .pic {
    border:1px solid rgba(255,255,255,0.1);
    width:100%;
    aspect-ratio:16 / 9;
    flex-shrink:0;
}
.main-product .product-con .pic img {
    width:100% !important;
    height:100% !important;
    object-fit:cover;
    display:block;
}
.main-product .product-con .pic .pic-in-txt { padding:16px !important; font-size:1.9rem !important; }
.main-product .product-con .pic .pic-in-txt span { font-size:1.2rem !important; margin-top:4px; }
.main-product .product-con .txt {
    flex:1 1 auto;
    margin-top:14px !important;
    padding:0 6px !important;
    font-size:1.35rem;
    line-height:1.6;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.main-product .product-con .link-btn {
    align-self:flex-start;
    margin:14px 6px 2px !important;
    height:38px !important;
    line-height:38px !important;
}
@media screen and (max-width:1023px) {
    .main-product .product-con .swiper-wrapper { grid-template-columns:repeat(2, minmax(0,1fr)); }
}
@media screen and (max-width:600px) {
    .main-product .product-con .swiper-wrapper { grid-template-columns:1fr; gap:16px; }
    .main-product .product-con .pic { aspect-ratio:16 / 10; }
}
.main-product .product-con ul li .pic:after {
    content:''; position:absolute; left:0; right:0; bottom:0; height:70%;
    background:linear-gradient(to top, rgba(4,7,17,0.96) 8%, rgba(4,7,17,0.55) 55%, transparent 100%);
}
.main-product .product-con ul li .pic .pic-in-txt { z-index:2; }
.main-product .product-con ul li .pic .pic-in-txt em { font-weight:800; color:#fff; }
.main-product .product-con ul li .pic .pic-in-txt span { color:#a5b4c4; font-weight:500; }
.main-product .product-con ul li .txt { color:#9fb0c3; font-weight:400; }
.main-product .product-con ul li .link-btn {
    background:linear-gradient(135deg, rgba(6,182,212,0.25), rgba(59,130,246,0.25));
    border:1px solid rgba(34,211,238,0.5);
    box-shadow:0 0 20px rgba(6,182,212,0.25);
    color:#fff;
    border-radius:16px;
    font-weight:600;
}
.main-product .product-con ul li .link-btn:hover {
    background:linear-gradient(135deg, rgba(6,182,212,0.45), rgba(59,130,246,0.45));
    border-color:rgba(34,211,238,0.9);
    box-shadow:0 0 34px rgba(6,182,212,0.55);
}
/* 신규 제품(IP 위치정보 서비스) 강조 */
.main-product .product-con ul li.product-new {
    border-color:rgba(34,211,238,0.45) !important;
    box-shadow:0 0 34px rgba(6,182,212,0.3), 0 20px 50px rgba(0,0,0,0.4) !important;
}
.main-product .product-con ul li.product-new .pic { position:relative; }
.main-product .product-con ul li.product-new .pic:before {
    content:'NEW'; position:absolute; top:14px; left:14px; z-index:3;
    padding:4px 12px; border-radius:999px;
    font-size:1.1rem; font-weight:800; letter-spacing:.08em; color:#04141a;
    background:linear-gradient(135deg,#67e8f9,#22d3ee);
    box-shadow:0 0 20px rgba(34,211,238,0.6);
}

/* ------------------------------------------------------------------ */
/* 13. 메인 PARTNER                                                    */
/* ------------------------------------------------------------------ */
.main-partner { background-color:#04070f !important; }
.main-partner .partner-con .partner-list a {
    background-color:rgba(255,255,255,0.95) !important;
    border:1px solid rgba(255,255,255,0.1);
    border-radius:14px;
}
.main-partner .partner-con .partner-list a:hover {
    box-shadow:0 0 24px rgba(6,182,212,0.35);
    border-color:rgba(34,211,238,0.5);
}

/* ------------------------------------------------------------------ */
/* 14. 메인 CONTACT (다크 지도)                                        */
/* ------------------------------------------------------------------ */
.main-contact { border-top:1px solid rgba(255,255,255,0.08); }
.main-contact .contact-con { filter:none; }
.main-contact .contact-con iframe {
    filter:grayscale(1) invert(0.92) hue-rotate(185deg) brightness(0.9) contrast(0.95);
}

/* ------------------------------------------------------------------ */
/* 15. 푸터                                                            */
/* ------------------------------------------------------------------ */
#footer {
    background-color:#040711 !important;
    border-top:1px solid rgba(255,255,255,0.08);
    color:#94a3b8 !important;
}
#footer a { color:#cbd5e1 !important; transition:color .2s; }
#footer a:hover { color:#67e8f9 !important; }
#footer .foot-mnu ul li:not(:first-child):after { background-color:rgba(255,255,255,0.2); }
#footer .foot-info p.copyright { color:#64748b; opacity:1; }

/* ------------------------------------------------------------------ */
/* 16. 플로팅 버튼 (카톡 상담 + 맨 위로 — 겹침 방지 스택)             */
/* ------------------------------------------------------------------ */
/* 카톡 버튼: 우하단 고정 */
.btnWrap .floating_area { right:30px !important; bottom:30px !important; }
.btnWrap .floating_area li { margin-top:0 !important; }
/* 맨 위로 버튼: 카톡 버튼 위로 충분한 간격(약 35px) 두고 배치 */
#backToTop.upScrollBtn { display:none; position:fixed; right:30px; bottom:112px; z-index:9999; }
#backToTop .scrollBtn {
    width:46px; height:46px;
    display:flex; align-items:center; justify-content:center;
    border-radius:14px;
    color:#a5f3fc;
    background:rgba(15,23,42,0.8);
    -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px);
    border:1px solid rgba(34,211,238,0.4);
    box-shadow:0 0 16px rgba(6,182,212,0.22);
    transition:.3s;
}
#backToTop .scrollBtn:hover {
    color:#fff;
    border-color:#67e8f9;
    box-shadow:0 0 26px rgba(6,182,212,0.5);
    transform:translateY(-3px);
}

/* ------------------------------------------------------------------ */
/* 16-b. GNB 앵커 이동 위치 보정 (고정 헤더 + SERVICE 아이콘 배지)     */
/* ------------------------------------------------------------------ */
html { scroll-behavior:smooth; }
#mainContainer > section[id] { scroll-margin-top:110px; }
#mainContainer > #mainService { scroll-margin-top:150px; }
@media screen and (min-width:1239px) {
    #mainContainer > section[id] { scroll-margin-top:120px; }
    #mainContainer > #mainService { scroll-margin-top:200px; }
}

/* ------------------------------------------------------------------ */
/* 17. Lucide 인라인 아이콘 (lucide.dev)                               */
/* ------------------------------------------------------------------ */
.lucide { display:inline-block; vertical-align:middle; flex:none; stroke:currentColor; }

/* HISTORY / LETTER 원형 링크 버튼 */
.main-history .history-list .history-con .hc-link,
.main-newsletter .newsletter-list .newsletter-con .hc-link {
    display:flex; align-items:center; justify-content:center;
}
.main-history .history-con .hc-link .lucide,
.main-newsletter .newsletter-con .hc-link .lucide { width:15px; height:15px; }

/* SERVICE 카드 링크 버튼 */
.main-service .service-con ul li .link-btn { display:flex; align-items:center; justify-content:center; }
.main-service .service-con ul li .link-btn .lucide { width:16px; height:16px; }

/* PRODUCT 카드 링크 버튼 */
.main-product .product-con .link-btn .lucide { width:15px; height:15px; }

/* 상단 슬라이드 화살표 */
.main-top-slide .arrow-box .prev-next .swiper-button .lucide { width:22px; height:22px; }

/* 맨 위로 버튼 */
#backToTop .scrollBtn .lucide { width:20px; height:20px; }

/* ------------------------------------------------------------------ */
/* 18. 반응형 소소한 보정                                              */
/* ------------------------------------------------------------------ */
@media screen and (min-width:767px) {
    .main-history .history-list,
    .main-newsletter .newsletter-list { padding:8px 24px 8px 0 !important; background:transparent !important; border:0; }
}
@media screen and (max-width:480px) {
    .np-orb { filter:blur(90px); }
}