/* @author Big Boss */
/* v1 shop.head.php utility classes — Tailwind CDN 대체 (순수 CSS) */

.flex {display:flex;}
.inline-flex {display:inline-flex;}
.grid {display:grid;}
.hidden {display:none;}
.flex-col {flex-direction:column;}
.flex-1 {flex:1 1 0%;}
.shrink-0 {flex-shrink:0;}
.shrink {flex-shrink:1;}
.min-w-0 {min-width:0;}
.items-center {align-items:center;}
.items-start {align-items:flex-start;}
.justify-center {justify-content:center;}
.justify-between {justify-content:space-between;}
.justify-end {justify-content:flex-end;}
.gap-0 {gap:0;}
.gap-2 {gap:0.5rem;}
.gap-3 {gap:0.75rem;}
.gap-4 {gap:1rem;}
.gap-10 {gap:2.5rem;}
.grid-cols-1 {grid-template-columns:repeat(1,minmax(0,1fr));}
.grid-cols-2 {grid-template-columns:repeat(2,minmax(0,1fr));}
.w-full {width:100%;}
.h-full {height:100%;}
.h-8 {height:2rem;}
.h-9 {height:2.25rem;}
.h-10 {height:2.5rem;}
.h-11 {height:2.75rem;}
.w-8 {width:2rem;}
.h-\[8px\] {height:8px;}
.relative {position:relative;}
.absolute {position:absolute;}
.fixed {position:fixed;}
.top-0 {top:0;}
.right-0 {right:0;}
.left-0 {left:0;}
.top-full {top:100%;}
.top-1\/2 {top:50%;}
.inset-0 {inset:0;}
.-translate-y-1\/2 {transform:translateY(-50%);}
.translate-x-full {transform:translateX(100%);}
.z-50 {z-index:50;}
.z-\[92\] {z-index:92;}
.z-\[95\] {z-index:95;}
.z-\[96\] {z-index:96;}
.z-\[100060\] {z-index:100060;}
.mx-auto {margin-left:auto;margin-right:auto;}
.mt-0 {margin-top:0;}
.mt-2 {margin-top:0.5rem;}
.mt-3 {margin-top:0.75rem;}
.mb-3 {margin-bottom:0.75rem;}
.mb-4 {margin-bottom:1rem;}
.mt-px {margin-top:1px;}
.p-4 {padding:1rem;}
.p-5 {padding:1.25rem;}
.px-0 {padding-left:0;padding-right:0;}
.px-2 {padding-left:0.5rem;padding-right:0.5rem;}
.px-3 {padding-left:0.75rem;padding-right:0.75rem;}
.px-4 {padding-left:1rem;padding-right:1rem;}
.px-5 {padding-left:1.25rem;padding-right:1.25rem;}
.py-1 {padding-top:0.25rem;padding-bottom:0.25rem;}
.py-2 {padding-top:0.5rem;padding-bottom:0.5rem;}
.py-3 {padding-top:0.75rem;padding-bottom:0.75rem;}
.py-4 {padding-top:1rem;padding-bottom:1rem;}
.py-5 {padding-top:1.25rem;padding-bottom:1.25rem;}
.py-8 {padding-top:2rem;padding-bottom:2rem;}
.pt-6 {padding-top:1.5rem;}
.pb-2 {padding-bottom:0.5rem;}
.pb-20 {padding-bottom:5rem;}
.pt-0 {padding-top:0;}
.pt-4 {padding-top:1rem;}
.pl-4 {padding-left:1rem;}
.pr-12 {padding-right:3rem;}
.max-w-\[1180px\] {max-width:1180px;}
.max-w-\[1260px\] {max-width:1260px;}
.max-w-\[90vw\] {max-width:90vw;}
.min-h-\[500px\] {min-height:500px;}
.text-xs {font-size:0.75rem;line-height:1rem;}
.text-sm {font-size:0.875rem;line-height:1.25rem;}
.text-base {font-size:1rem;line-height:1.5rem;}
.text-2xl {font-size:1.5rem;line-height:2rem;}
.text-\[10px\] {font-size:10px;}
.text-\[11px\] {font-size:11px;}
.text-\[12px\] {font-size:12px;}
.text-\[13px\] {font-size:13px;}
.text-\[14px\] {font-size:14px;}
.text-\[15px\] {font-size:15px;}
.text-\[17px\] {font-size:17px;}
.text-\[18px\] {font-size:18px;}
.text-\[22px\] {font-size:22px;}
.font-bold {font-weight:700;}
.font-semibold {font-weight:600;}
.font-black {font-weight:900;}
.font-extrabold {font-weight:800;}
.text-center {text-align:center;}
.text-white {color:#fff;}
.text-slate-300 {color:#cbd5e1;}
.text-slate-400 {color:#94a3b8;}
.text-slate-500 {color:#64748b;}
.text-slate-600 {color:#475569;}
.text-slate-700 {color:#334155;}
.text-slate-800 {color:#1e293b;}
.text-slate-900 {color:#0f172a;}
.text-red-500 {color:#ef4444;}
.text-\[\#195593\] {color:#195593;}
.tracking-\[-0\.02em\] {letter-spacing:-0.02em;}
.tracking-\[-0\.03em\] {letter-spacing:-0.03em;}
.tracking-\[-0\.04em\] {letter-spacing:-0.04em;}
.leading-5 {line-height:1.25rem;}
.leading-6 {line-height:1.5rem;}
.whitespace-nowrap {white-space:nowrap;}
.outline-none {outline:none;}
.bg-white {background-color:#fff;}
.bg-slate-50 {background-color:#f8fafc;}
.bg-slate-50\/90 {background-color:rgba(248,250,252,0.9);}
.bg-\[\#195593\] {background-color:#195593;}
.bg-\[\#dc2626\] {background-color:#dc2626;}
.bg-\[\#f8fbff\] {background-color:#f8fbff;}
.bg-black\/40 {background-color:rgba(0,0,0,0.4);}
.border {border-width:1px;border-style:solid;}
.border-2 {border-width:2px;border-style:solid;}
.border-b {border-bottom-width:1px;border-bottom-style:solid;}
.border-t {border-top-width:1px;border-top-style:solid;}
.border-slate-100 {border-color:#f1f5f9;}
.border-slate-200 {border-color:#e2e8f0;}
.border-blue-100 {border-color:#dbeafe;}
.border-\[\#195593\] {border-color:#195593;}
.rounded-md {border-radius:0.375rem;}
.rounded-full {border-radius:9999px;}
.rounded-xl {border-radius:0.75rem;}
.rounded-2xl {border-radius:1rem;}
.rounded-none {border-radius:0;}
.ring-1 {box-shadow:0 0 0 1px #e2e8f0;}
.ring-slate-100 {}
.overflow-hidden {overflow:hidden;}
.overflow-visible {overflow:visible;}
.overflow-y-auto {overflow-y:auto;}
.overflow-x-auto {overflow-x:auto;}
.transition {transition:all 0.15s ease;}
.transition-transform {transition:transform 0.15s ease;}
.duration-200 {transition-duration:200ms;}
.shadow-\[-12px_0_30px_rgba\(0\,0\,0\,0\.18\)\] {box-shadow:-12px 0 30px rgba(0,0,0,0.18);}
.min-h-\[500px\].w-full {}
.hover\:text-\[\#195593\]:hover {color:#195593;}
.hover\:border-\[\#195593\]:hover {border-color:#195593;}
.hover\:bg-\[\#123f6d\]:hover {background-color:#123f6d;}
.hover\:bg-slate-100:hover {background-color:#f1f5f9;}
.hover\:text-red-600:hover {color:#dc2626;}
.hover\:underline:hover {text-decoration:underline;}
.focus\:border-\[\#195593\]:focus {border-color:#195593;}
.focus\:ring-4:focus {box-shadow:0 0 0 4px rgba(59,130,246,0.25);}
.focus\:ring-blue-100:focus {box-shadow:0 0 0 4px #dbeafe;}
.placeholder\:text-slate-400::placeholder {color:#94a3b8;}
@media (min-width:768px) {
  .md\:flex {display:flex;}
  .md\:hidden {display:none;}
  .md\:justify-center {justify-content:center;}
  .md\:px-0 {padding-left:0;padding-right:0;}
  .md\:pt-6 {padding-top:1.5rem;}
  .md\:py-6 {padding-top:1.5rem;padding-bottom:1.5rem;}
  .md\:px-6 {padding-left:1.5rem;padding-right:1.5rem;}
  .md\:h-12 {height:3rem;}
  .md\:h-9 {height:2.25rem;}
  .md\:w-9 {width:2.25rem;}
  .md\:pl-5 {padding-left:1.25rem;}
  .md\:pr-14 {padding-right:3.5rem;}
  .md\:min-h-\[52px\] {min-height:52px;}
  .md\:max-w-none {max-width:none;}
  .md\:shrink-0 {flex-shrink:0;}
  .md\:text-\[21px\] {font-size:21px;}
  .md\:grid-cols-\[1\.4fr_\.8fr\] {grid-template-columns:1.4fr 0.8fr;}
  .md\:border-b {border-bottom-width:1px;border-bottom-style:solid;}
  .md\:bg-white\/95 {background-color:rgba(255,255,255,0.95);}
  .md\:backdrop-blur {backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}
}

@media (max-width:767px) {
  .max-md\:border-b-0 {border-bottom-width:0;}
  .max-md\:flex-1 {flex:1 1 0%;}
  .max-md\:gap-1 {gap:0.25rem;}
  .max-md\:gap-2 {gap:0.5rem;}
  .max-md\:items-center {align-items:center;}
  .max-md\:px-2 {padding-left:0.5rem;padding-right:0.5rem;}
  .max-md\:px-3 {padding-left:0.75rem;padding-right:0.75rem;}
  .max-md\:py-0 {padding-top:0;padding-bottom:0;}
  .max-md\:py-1 {padding-top:0.25rem;padding-bottom:0.25rem;}
  .max-md\:text-\[11px\] {font-size:11px;}
  .max-md\:text-\[10px\] {font-size:10px;}
  .max-md\:text-slate-400 {color:#94a3b8;}
  .max-md\:text-slate-700 {color:#334155;}
  .max-md\:h-8 {height:2rem;}
  .max-md\:w-8 {width:2rem;}
  .max-md\:shrink-0 {flex-shrink:0;}
  .max-md\:min-w-0 {min-width:0;}
  .max-md\:max-w-none {max-width:none;}
  .max-md\:overflow-x-auto {overflow-x:auto;}
  .max-md\:overflow-y-hidden {overflow-y:hidden;}
  .max-md\:mt-0 {margin-top:0;}
  .max-md\:px-1 {padding-left:0.25rem;padding-right:0.25rem;}
  .max-md\:\[-webkit-overflow-scrolling\:touch\] {-webkit-overflow-scrolling:touch;}
}


.mx-auto.min-h-\[500px\].w-full.max-w-\[1180px\].pb-20.pt-0 {margin-left:auto;margin-right:auto;min-height:500px;width:100%;max-width:1180px;padding-bottom:5rem;padding-top:0;}
.mx-auto.min-h-\[500px\].w-full.max-w-\[1180px\].px-3.pb-20.pt-4 {margin-left:auto;margin-right:auto;min-height:500px;width:100%;max-width:1180px;padding:1rem 0.75rem 5rem;}
@media (min-width:768px){.md\:px-0{padding-left:0;padding-right:0;}.md\:pt-6{padding-top:1.5rem;}}

.relative.z-50.max-md\:border-b-0{position:relative;z-index:50;}
@media (max-width:767px){.max-md\:border-b-0{border-bottom-width:0;}}
@media (min-width:768px){.md\:border-b{border-bottom:1px solid #e2e8f0;}.md\:border-slate-200{border-color:#e2e8f0;}.md\:bg-white\/95{background:rgba(255,255,255,0.95);}.md\:backdrop-blur{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}}