@charset "euc-kr";
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:"Malgun Gothic","Apple SD Gothic Neo",Arial,sans-serif;color:#222;background:#fff;line-height:1.6}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer;border:0;background:none}.container{width:min(1180px,92%);margin:0 auto}header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.96);border-bottom:1px solid #eee}.nav{height:72px;display:flex;align-items:center;justify-content:space-between}.logo img{height:44px;display:block}.menu{display:flex;gap:28px;font-size:15px;font-weight:800}.menu a:hover{color:#e60012}.hero-slider-section{padding:0;background:#fff0f2;overflow:hidden;transition:background-color .5s}.hero-slider{position:relative;width:min(1280px,100%);aspect-ratio:1280/400;margin:0 auto;overflow:hidden;background:#f6f6f6}.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .6s ease}.hero-slide.active{opacity:1;z-index:1}.hero-slide picture,.hero-slide img{width:100%;height:100%;display:block}.hero-slide img{object-fit:cover}.hero-arrow{position:absolute;top:50%;z-index:4;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;background:rgba(0,0,0,.4);color:#fff;font-size:36px;line-height:1}.hero-prev{left:22px}.hero-next{right:22px}.hero-dots{position:absolute;left:50%;bottom:20px;z-index:5;transform:translateX(-50%);display:flex;gap:8px}.hero-dot{width:11px;height:11px;border-radius:20px;background:rgba(255,255,255,.7);border:1px solid rgba(0,0,0,.2)}.hero-dot.active{width:30px;background:#e60012;border-color:#e60012}section{padding:78px 0}.section-title{text-align:center;margin-bottom:36px}.section-title span{color:#e60012;font-weight:900;font-size:14px}.section-title h2{font-size:clamp(28px,4vw,42px);letter-spacing:-1px;margin-top:8px}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.category-card{border-radius:22px;background:#f8f8f8;border:1px solid #eee;padding:10px;transition:.2s;text-align:left;overflow:hidden}.category-card:hover,.category-card.active{transform:translateY(-4px);background:#fff;border-color:#e60012;box-shadow:0 12px 30px rgba(0,0,0,.08)}.category-thumb{aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#fff}.category-thumb img{width:100%;height:100%;object-fit:cover;display:block}.category-copy{padding:10px 4px 2px}.category-copy h3{font-size:16px;letter-spacing:-.5px}.category-copy p{font-size:12px;color:#777;margin-top:3px}.products{background:#fafafa}.product-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px;flex-wrap:wrap}.product-toolbar h3{font-size:26px;letter-spacing:-.8px}.product-toolbar p{font-size:14px;color:#777}.product-count{display:inline-flex;align-items:center;justify-content:center;margin-left:8px;min-width:30px;height:30px;padding:0 10px;border-radius:20px;background:#e60012;color:#fff;font-size:14px;font-weight:900}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product-card{background:#fff;border:1px solid #eee;border-radius:24px;overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,.05);transition:.2s}.product-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(0,0,0,.09)}.product-img{height:190px;background:#f2f2f2}.product-img img{width:100%;height:100%;object-fit:cover;display:block}.product-info{padding:18px}.tag{display:inline-block;padding:4px 9px;border-radius:20px;background:#ffe4e6;color:#e60012;font-size:11px;font-weight:900;margin-bottom:10px}.product-info h3{font-size:18px;letter-spacing:-.5px;margin-bottom:6px}.product-info p{font-size:14px;color:#666;margin-bottom:16px;min-height:44px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:999px;border:2px solid #111;font-size:14px;font-weight:900;transition:.2s}.btn.primary{background:#111;color:#fff}.btn.primary:hover{background:#e60012;border-color:#e60012}.btn.secondary:hover{background:#111;color:#fff}.product-info .btn{width:100%}.product-detail-frame-wrap{margin-top:34px;background:#fff;border:1px solid #eee;border-radius:24px;box-shadow:0 12px 35px rgba(0,0,0,.06);overflow:hidden}.product-detail-frame-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid #eee;background:#fff}.product-detail-frame{width:100%;height:1100px;border:0;display:block;background:#fff}.pagination{display:flex;justify-content:center;gap:8px;margin-top:28px}.page-btn{min-width:38px;height:38px;padding:0 12px;border-radius:20px;border:1px solid #ddd;background:#fff;font-weight:900}.page-btn.active,.page-btn:hover{background:#111;color:#fff;border-color:#111}.about{background:#111;color:#fff}.about-wrap{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.about h2{font-size:clamp(30px,4vw,48px);line-height:1.18;letter-spacing:-1.2px;margin-bottom:18px}.about p{color:#ddd;margin-bottom:24px}.about-list{display:grid;gap:12px}.about-item{padding:18px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}.support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.support-card{padding:26px;border-radius:24px;background:#fff;border:1px solid #eee}.contact{background:#e60012;color:#fff;text-align:center}.contact h2{font-size:clamp(30px,4vw,44px);margin-bottom:12px}.contact p{margin-bottom:24px;color:#fff4f4}.contact .btn{border-color:#fff;background:#fff;color:#e60012}.btn-group{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}footer{padding:32px 0;background:#111;color:#aaa;font-size:14px}.footer-wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.back-top-btn{position:fixed;right:22px;bottom:22px;z-index:1000;width:54px;height:54px;border-radius:50%;background:#111;color:#fff;font-weight:900;box-shadow:0 10px 26px rgba(0,0,0,.25);display:none}.back-top-btn.show{display:block}.mobile-label{display:none}.detail-page{background:#fafafa}.detail-hero{padding:40px 0;background:#fff}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:start}.detail-gallery{width:100%}.detail-radio{position:absolute;opacity:0;pointer-events:none}.detail-main{border-radius:24px;overflow:hidden;background:#eee;min-height:430px}.detail-panel{display:none;width:100%;height:100%}.detail-panel img{width:100%;height:430px;object-fit:cover;display:block}.detail-thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:10px}.thumb-btn{display:block;border:2px solid transparent;border-radius:12px;overflow:hidden;cursor:pointer;background:#fff}.thumb-btn img{width:100%;height:70px;object-fit:cover;display:block}.detail-radio:nth-of-type(1):checked~.detail-main .detail-panel1,.detail-radio:nth-of-type(2):checked~.detail-main .detail-panel2,.detail-radio:nth-of-type(3):checked~.detail-main .detail-panel3,.detail-radio:nth-of-type(4):checked~.detail-main .detail-panel4,.detail-radio:nth-of-type(5):checked~.detail-main .detail-panel5{display:block}.detail-radio:nth-of-type(1):checked~.detail-thumbs .thumb-btn:nth-of-type(1),.detail-radio:nth-of-type(2):checked~.detail-thumbs .thumb-btn:nth-of-type(2),.detail-radio:nth-of-type(3):checked~.detail-thumbs .thumb-btn:nth-of-type(3),.detail-radio:nth-of-type(4):checked~.detail-thumbs .thumb-btn:nth-of-type(4),.detail-radio:nth-of-type(5):checked~.detail-thumbs .thumb-btn:nth-of-type(5){border-color:#e60012;box-shadow:0 6px 18px rgba(230,0,18,.18)}.detail-text h1{font-size:36px;letter-spacing:-1px;margin-bottom:12px}.detail-text p{color:#555;margin-bottom:18px}.detail-specs{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:20px 0}.spec-box{background:#f6f6f6;border-radius:16px;padding:14px}.spec-box small{display:block;color:#888;font-weight:900}.detail-long img{width:100%;display:block;border-radius:20px}.company-hero{background:#f8f8f8;padding:68px 0}.company-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.company-grid img{width:100%;border-radius:26px}.history-list{display:grid;gap:14px}.history-item{padding:18px;border-radius:18px;border:1px solid #eee;background:#fff}.ci-logo-box{text-align:center;padding:34px;border-radius:24px;border:1px solid #eee;background:#fff}.ci-logo-box img{max-width:280px;width:70%}.ck-popup-overlay{display:none;position:fixed;inset:0;z-index:3000;background:rgba(0,0,0,.45);align-items:center;justify-content:center;padding:20px}.ck-popup-overlay.show{display:flex}.ck-popup-box{width:min(520px,92vw);background:#fff;border-radius:24px;overflow:hidden;position:relative}.ck-popup-close{position:absolute;right:10px;top:10px;z-index:2;background:#111;color:#fff;width:34px;height:34px;border-radius:50%;font-size:22px}.ck-popup-img{width:100%;display:block}.ck-popup-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;background:#fff}.ck-popup-bottom button{padding:8px 14px;border-radius:20px;background:#111;color:#fff;font-weight:900}
@media(max-width:1100px){.category-grid{grid-template-columns:repeat(3,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.menu{display:none}.about-wrap,.company-grid,.detail-layout{grid-template-columns:1fr}.product-grid,.support-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.nav{height:64px}.logo img{height:38px}.hero-slider{aspect-ratio:750/600}.hero-arrow{width:40px;height:40px;font-size:30px}.hero-prev{left:10px}.hero-next{right:10px}.category-grid,.product-grid,.support-grid{grid-template-columns:1fr}.product-img{height:220px}section{padding:58px 0}.pc-label{display:none}.mobile-label{display:inline}.back-top-btn{width:48px;height:48px;right:16px;bottom:16px}.detail-specs{grid-template-columns:1fr}}


/* Cafe24 path/product visibility fix */
.product-card{display:flex;}
.product-card[style*="none"]{display:none !important;}
.logo img{display:block;max-height:48px;width:auto;}
.hero-slide:not(.active){opacity:0;pointer-events:none;}
.hero-slide.active{opacity:1;pointer-events:auto;}


/* product image visibility fix */
.product-grid{align-items:stretch;}
.product-card{display:flex;flex-direction:column;overflow:hidden;}
.product-img{width:100%;height:210px;background:#f2f2f2;display:flex;align-items:center;justify-content:center;}
.product-img img{width:100%;height:100%;object-fit:cover;display:block;}
.product-info h3{display:block;color:#222;}
.detail-main{min-height:420px;display:flex;align-items:center;justify-content:center;background:#f2f2f2;}
.detail-main img{width:100%;height:auto;min-height:420px;object-fit:cover;display:block;}
.thumb-btn{background:#fff;cursor:pointer;}
.thumb-btn img{display:block;width:100%;height:74px;object-fit:cover;}
@media(max-width:640px){.product-img{height:220px}.detail-main{min-height:300px}.detail-main img{min-height:300px}.thumb-btn img{height:90px}}


/* detail thumbnail click fix */
.detail-main{min-height:420px;display:flex;align-items:center;justify-content:center;background:#f2f2f2;}
.detail-main img{width:100%;height:auto;min-height:420px;object-fit:cover;display:block;}
.detail-thumbs{position:relative;z-index:2;}
.thumb-btn{background:#fff;cursor:pointer;display:block;width:100%;padding:0;}
.thumb-btn img{pointer-events:none;display:block;width:100%;height:74px;object-fit:cover;}
@media(max-width:640px){.detail-main{min-height:300px}.detail-main img{min-height:300px}.thumb-btn img{height:90px}}




/* Detail gallery image visibility fix */
.detail-main-image-wrap{width:100%;min-height:430px;border-radius:24px;overflow:hidden;background:#f5f5f5;border:1px solid #eee;display:flex;align-items:center;justify-content:center;position:relative;}
.detail-main-image-wrap picture{width:100%;height:100%;display:block;}
.detail-main-img{width:100%;height:auto;min-height:430px;max-height:none;display:block;object-fit:contain;background:#fff;}
.detail-thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:14px;}
.thumb-btn{height:86px;border-radius:14px;border:2px solid transparent;background:#fff;overflow:hidden;cursor:pointer;padding:0;display:block;}
.thumb-btn picture,.thumb-btn img{width:100%;height:100%;display:block;}
.thumb-btn img{object-fit:cover;}
.thumb-btn:hover,.thumb-btn.active{border-color:#e60012;}
@media(max-width:640px){.detail-main-image-wrap{min-height:320px;border-radius:18px}.detail-main-img{min-height:320px}.detail-thumbs{grid-template-columns:repeat(5,1fr);gap:6px}.thumb-btn{height:64px;border-radius:10px}}