*{box-sizing:border-box;margin:0;padding:0}body{font-family:'Noto Sans KR','Apple SD Gothic Neo',sans-serif;color:#222;background:#fff}a{color:inherit;text-decoration:none}
.top{background:#111;color:#bbb;font-size:12px;text-align:center;padding:7px}
header{border-bottom:1px solid #e5e5e5}.hd{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:22px 20px}
.logo{font-family:Georgia,serif;font-size:30px;letter-spacing:6px;font-weight:700}.util{font-size:12px;color:#666;display:flex;gap:16px}
nav ul{display:flex;justify-content:center;gap:48px;list-style:none;padding:14px;font-size:15px;font-weight:500;border-top:1px solid #f0f0f0}nav a:hover{color:#a8875a}
.wrap{max-width:1200px;margin:auto;padding:0 20px}h2{text-align:center;font-family:Georgia,serif;letter-spacing:4px;font-size:24px;margin:60px 0 8px}.sub{text-align:center;color:#999;font-size:13px;margin-bottom:28px}
.brands{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.brand{border:1px solid #e5e5e5;height:90px;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;letter-spacing:3px;font-size:15px;font-weight:700;transition:.2s}.brand:hover{background:#111;color:#fff}
.car{position:relative;overflow:hidden;margin-top:50px}.track{display:flex;transition:transform .6s ease}.track .card{flex:0 0 20%;padding:0 8px}
.arr{position:absolute;top:40%;background:rgba(0,0,0,.6);color:#fff;border:0;width:38px;height:38px;font-size:18px;cursor:pointer;z-index:2}.prev{left:0}.next{right:0}
.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px 16px}.card img{width:100%;aspect-ratio:1;object-fit:cover;background:#f3f3f3;display:block}
.card .b{font-size:12px;font-weight:700;letter-spacing:1px;margin-top:10px}.card .n{font-size:13px;color:#555;margin:4px 0;line-height:1.4}.card .p{font-size:14px;font-weight:700}.tag{font-size:10px;color:#a8875a;border:1px solid #a8875a;padding:0 4px;margin-left:4px}
footer{background:#111;color:#aaa;margin-top:80px;padding:40px 20px;font-size:13px;line-height:1.9}.ft{max-width:1200px;margin:auto;display:flex;gap:60px;flex-wrap:wrap}footer h4{color:#fff;margin-bottom:8px}
@media(max-width:768px){nav ul{gap:18px;overflow-x:auto}.util{display:none}.brands{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:repeat(2,1fr)}.track .card{flex:0 0 50%}.logo{font-size:22px}}
.grid .card.hid{display:none}
.more{display:block;margin:28px auto 0;padding:10px 40px;background:#fff;border:1px solid #222;font-size:13px;letter-spacing:2px;cursor:pointer}.more:hover{background:#111;color:#fff}

.bn{position:relative;overflow:hidden;width:100%}.bt{display:flex;transition:transform .6s ease}.bt img{flex:0 0 100%;width:100%;height:auto;display:block}
.ba{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.4);color:#fff;border:0;width:40px;height:40px;font-size:20px;cursor:pointer}.bp{left:10px}.bx{right:10px}
.dots{position:absolute;bottom:10px;left:0;right:0;display:flex;justify-content:center;gap:8px}.dots i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer}.dots i.on{background:#fff}
@media(max-width:768px){.ba{width:28px;height:28px;font-size:14px}}
.mrow{display:flex;gap:20px;margin-bottom:20px;align-items:stretch}.mbn{width:450px;height:auto;display:block;flex:0 0 450px;align-self:flex-start}
.ms{position:relative;overflow:hidden;flex:1;min-width:0}.mt{display:flex;transition:transform .5s ease}
.mc{flex:0 0 50%;padding:0 6px;display:flex;gap:12px;height:200px}.mc img{height:200px;width:200px;object-fit:cover;flex:0 0 200px}.mc div{padding-top:30px}
.mc .b{font-size:12px;font-weight:700;letter-spacing:1px}.mc .n{font-size:13px;color:#555;margin:6px 0;line-height:1.4}.mc .p{font-size:15px;font-weight:700}
.ma{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.55);color:#fff;border:0;width:26px;height:26px;font-size:14px;cursor:pointer}.mp{left:0}.mx{right:0}
@media(max-width:768px){.mrow{flex-direction:column;gap:10px;margin-bottom:28px}.mbn{width:100%;flex:none}.mc{flex-direction:column;height:auto;gap:0}.mc img{width:100%;height:auto;aspect-ratio:1;flex:none}.mc div{padding-top:8px}}
footer{background:#fff;color:#888;margin-top:80px;padding:0 0 40px;font-size:12px;line-height:1.9;border-top:1px solid #ddd}
.fbar{border-bottom:1px solid #ddd}.fbar ul{max-width:1200px;margin:auto;list-style:none;display:flex;flex-wrap:wrap;padding:14px 20px}
.fbar li{color:#555;font-size:13px;padding:0 14px;border-left:1px solid #ccc;line-height:1;cursor:pointer}.fbar li:first-child{border:0;padding-left:0}.fbar b{color:#222}
.finfo{max-width:1200px;margin:auto;padding:24px 20px 0}.fco{font-weight:700;color:#333;font-size:13px;margin-bottom:6px}
.fl span{display:inline-block}.fl span+span:before{content:"";display:inline-block;width:1px;height:10px;background:#ccc;margin:0 10px;vertical-align:middle}
.fhl{display:inline-block;margin-top:14px;padding:6px 12px;background:#f7f2ea;color:#8a6a3a;font-weight:700;border-left:3px solid #a8875a}
@media(max-width:768px){.fbar li{padding:4px 8px;font-size:12px}.fl span{display:block}.fl span+span:before{display:none}}
@media(max-width:768px){.fbar li:nth-child(4){border-left:1px solid #ccc;padding-left:8px}.fbar li:nth-child(4){border-left:1px solid #ccc}.fl span{display:block}.fl span+span:before{display:none}}
.arr,.ma,.bp,.bx{background:none!important;color:#fff;opacity:.55;font-size:34px!important;width:40px;height:60px;text-shadow:0 0 6px rgba(0,0,0,.45);transition:opacity .2s}.arr:hover,.ma:hover,.bp:hover,.bx:hover{opacity:.95}.ma{font-size:28px!important}
#bn,.car,.ms{user-select:none}#bn img,.car img,.ms img{-webkit-user-drag:none;pointer-events:none}
nav ul{justify-content:center;gap:0 40px!important}nav a{font-size:12px;font-weight:700;letter-spacing:.3px;color:#111;white-space:nowrap}
nav{position:relative;z-index:50}nav li.dd{position:relative}nav .sub2{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);background:#fff;border:1px solid #eee;box-shadow:0 6px 18px rgba(0,0,0,.08);padding:8px 0;min-width:130px;margin-top:14px}nav .sub2:before{content:'';position:absolute;top:-16px;left:0;right:0;height:16px}nav li.dd:hover .sub2{display:block}nav .sub2 a{display:block;padding:9px 18px;font-weight:500;font-size:13px}nav .sub2 a:hover{background:#f7f7f7}
@media(max-width:768px){nav .sub2{display:none!important}}

.subtabs{display:flex;flex-wrap:wrap;gap:8px 28px;justify-content:flex-start;margin:18px 0 14px;font-size:14px}.subtabs a{color:#aaa;text-decoration:none}.subtabs a.on{color:#000;font-weight:700}.subtabs a:hover{color:#000}
.brands{grid-template-columns:repeat(6,1fr)}.brand{height:84px;padding:10px 14px;text-align:center;font-size:13px;letter-spacing:2px}.brand img{height:40px;max-width:100%;object-fit:contain;transition:.2s}.brand.has-logo:hover{background:#fff;border-color:#111}.brand.has-logo:hover img{opacity:.6}
@media(max-width:1024px){.brands{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.brands{grid-template-columns:repeat(3,1fr);gap:8px}.brand{height:64px;padding:8px}.brand img{height:28px}.brand{font-size:11px;letter-spacing:1px}}@media(max-width:420px){.brands{grid-template-columns:repeat(2,1fr)}}
.bsl{position:relative}.bsv{overflow:hidden;touch-action:pan-y;user-select:none;cursor:grab}.bsv:active{cursor:grabbing}.bst{display:flex;transition:transform .7s ease}.bpg{flex:0 0 100%;align-content:start}.bpg img{pointer-events:none}
.bsp,.bsx{position:absolute;top:50%;transform:translateY(-50%);background:none;border:0;font-size:34px;color:rgba(0,0,0,.18);cursor:pointer;padding:10px;z-index:2;transition:color .2s}.bsp:hover,.bsx:hover{color:rgba(0,0,0,.45)}.bsp{left:-48px}.bsx{right:-48px}.bsl.single .bsp,.bsl.single .bsx{display:none}
.bsd{display:flex;justify-content:center;gap:8px;margin-top:16px}.bsd i{width:8px;height:8px;border-radius:50%;background:#ddd;cursor:pointer}.bsd i.on{background:#111}
@media(max-width:1200px){.bsp{left:-6px}.bsx{right:-6px}.bsp,.bsx{font-size:26px}}