@charset "utf-8";
:root{
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-primary-text-emphasis: #052c65;
  --bs-secondary-text-emphasis: #2b2f32;
  --bs-success-text-emphasis: #0a3622;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #664d03;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #cfe2ff;
  --bs-secondary-bg-subtle: #e2e3e5;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #9ec5fe;
  --bs-secondary-border-subtle: #c4c8cb;
  --bs-success-border-subtle: #a3cfbb;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: "Noto Sans KR",system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 13px;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #0d6efd;
  --bs-link-color-rgb: 13, 110, 253;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #0a58ca;
  --bs-link-hover-color-rgb: 10, 88, 202;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;

  --bs-dark-blue-rgb : 3, 65, 88;
  --bs-box-shadow-thin: 0.25rem 0.25rem 0.5rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-thin-bold: 0.25rem 0.25rem 0.5rem rgba(0, 0, 0, 0.50);
}

.container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    --bs-gutter-x: 0;
}

.container{
	--bs-gutter-x: 0;
}

@media (max-width: 767px) {
	.container{
		--bs-gutter-x: 1.5rem;
	}
}


.bg-dark-blue {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-dark-blue-rgb), var(--bs-bg-opacity)) !important;
}
.text-white a { color: #fff; }
.nav-link{
	color: var(--bs-body-color);
}

.fs-em-sm{font-size:0.875em;}
.fs-em-lg{font-size:1.125em;}
.fs-em-025{font-size:1.00em;}
.fs-em-050{font-size:0.50em;}
.fs-em-075{font-size:0.75em;}
.fs-em-100{font-size:1.00em;}
.fs-em-125{font-size:1.25em;}
.fs-em-150{font-size:1.50em;}
.fs-em-175{font-size:1.75em;}
.fs-em-200{font-size:2.00em;}
.fs-em-225{font-size:2.25em;}
.fs-em-250{font-size:2.50em;}
.fs-em-275{font-size:2.75em;}
.fs-em-300{font-size:3.00em;}
.fs-em-325{font-size:3.25em;}
.fs-em-350{font-size:3.50em;}
.fs-em-375{font-size:3.75em;}
.fs-em-400{font-size:4.00em;}
.fs-em-500{font-size:5.00em;}
.fs-em-600{font-size:6.00em;}

.fs-rem-sm {font-size:0.875rem;}
.fs-rem-lg {font-size:1.125rem;}
.fs-rem-025{font-size:1.00rem;}
.fs-rem-050{font-size:0.50rem;}
.fs-rem-075{font-size:0.75rem;}
.fs-rem-100{font-size:1.00rem;}
.fs-rem-125{font-size:1.25rem;}
.fs-rem-150{font-size:1.50rem;}
.fs-rem-175{font-size:1.75rem;}
.fs-rem-200{font-size:2.00rem;}
.fs-rem-225{font-size:2.25rem;}
.fs-rem-250{font-size:2.50rem;}
.fs-rem-275{font-size:2.75rem;}
.fs-rem-300{font-size:3.00rem;}
.fs-rem-325{font-size:3.25rem;}
.fs-rem-350{font-size:3.50rem;}
.fs-rem-375{font-size:3.75rem;}
.fs-rem-400{font-size:4.00rem;}
.fs-rem-500{font-size:5.00rem;}
.fs-rem-600{font-size:6.00rem;}


.pt-6  { padding-top: 3.25rem!important }
.pt-7  { padding-top: 3.50rem!important }
.pt-8  { padding-top: 4.5rem!important }
.pt-9  { padding-top: 5.5rem!important }
.pt-10 { padding-top: 6rem!important }

.pb-6  { padding-bottom: 3.25rem!important }
.pb-7  { padding-bottom: 3.50rem!important }
.pb-8  { padding-bottom: 4.5rem!important }
.pb-9  { padding-bottom: 5.5rem!important }
.pb-10 { padding-bottom: 6rem!important }


.shadow-thin {
    box-shadow: var(--bs-box-shadow-thin) !important;
}
.shadow-thin-bold {
    box-shadow: var(--bs-box-shadow-thin-bold) !important;
}

.bottom-auto{
	bottom:auto !important;
}

/* .text-keep { word-break: keep-all; } */

/* 텍스트 골드 컬러 */
.text-gold {
  --bs-text-opacity: 1;
  /* color: rgba(176, 151, 109, var(--bs-text-opacity)) !important; */
  color: rgba(0, 27, 61, var(--bs-text-opacity)) !important;
}

/* 버튼 골드 컬러 (Bootstrap 변수 형식) */
.btn-gold {
  --bs-btn-color: #fff;
  /* 
  --bs-btn-bg: #b0976d;
  --bs-btn-border-color: #b0976d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #8e7a56;
  --bs-btn-hover-border-color: #8e7a56;
  --bs-btn-focus-shadow-rgb: 176, 151, 109;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #7d6b4c;
  --bs-btn-active-border-color: #7d6b4c;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #b0976d;
  --bs-btn-disabled-border-color: #b0976d;
   */

  --bs-btn-bg: #001B3D;
  --bs-btn-border-color: #001B3D;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0A2342;
  --bs-btn-hover-border-color: #0A2342;
  --bs-btn-focus-shadow-rgb: 176, 151, 109;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0A2342;
  --bs-btn-active-border-color: #0A2342;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #001B3D;
  --bs-btn-disabled-border-color: #001B3D;
}

.btn-dark-reverse {
    /* 기본 상태: 배경 검정 / 글자 흰색 */
    --bs-btn-color: #fff;
    --bs-btn-bg: #212529;
    --bs-btn-border-color: #212529;

    /* 호버 상태: 배경 흰색 / 글자 검정 */
    --bs-btn-hover-color: #212529;
    --bs-btn-hover-bg: #fff;
    --bs-btn-hover-border-color: #212529; /* 테두리는 유지하여 크기 변화 방지 */

    /* 포커스 및 액티브(클릭) 상태 */
    --bs-btn-focus-shadow-rgb: 33, 37, 41;
    --bs-btn-active-color: #212529;
    --bs-btn-active-bg: #f8f9fa; /* 약간의 회색감을 주어 클릭 피드백 제공 */
    --bs-btn-active-border-color: #212529;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

    /* 비활성화 상태 */
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #212529;
    --bs-btn-disabled-border-color: #212529;
    
    /* 부드러운 전환 효과 추가 */
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}


/* Fluid Typography System (Full Set 1-12)
   - 기준: 13px (0.8125rem)
   - 전 클래스 clamp() 적용 완료
*/

/* --- [기본 / Mobile First] --- */
.display-res-1  { font-size: clamp(2.20rem, 8vw, 2.70rem); }
.display-res-2  { font-size: clamp(2.00rem, 7vw, 2.45rem);}
.display-res-3  { font-size: clamp(1.80rem, 6vw, 2.20rem);}
.display-res-4  { font-size: clamp(1.60rem, 5vw, 1.95rem);}
.display-res-5  { font-size: clamp(1.40rem, 4vw, 1.70rem);}
.display-res-6  { font-size: clamp(1.20rem, 3.5vw, 1.45rem);}
.display-res-7  { font-size: clamp(1.10rem, 3vw, 1.30rem);}
.display-res-8  { font-size: clamp(1.00rem, 2.5vw, 1.15rem);}
.display-res-9  { font-size: clamp(0.95rem, 2vw, 1.05rem);}
.display-res-10 { font-size: clamp(0.90rem, 1.5vw, 1.00rem);}
.display-res-11 { font-size: clamp(0.85rem, 1vw, 0.90rem);}
.display-res-12 { font-size: clamp(0.75rem, 0.2vw + 0.7rem, 0.8125rem);}

/* --- [sm: 576px 이상] --- */
@media (min-width: 576px) {
    .display-res-sm-1  { font-size: clamp(2.70rem, 7vw, 3.10rem); }
    .display-res-sm-2  { font-size: clamp(2.45rem, 6.5vw, 2.80rem); }
    .display-res-sm-3  { font-size: clamp(2.20rem, 6vw, 2.50rem); }
    .display-res-sm-4  { font-size: clamp(1.95rem, 5vw, 2.20rem); }
    .display-res-sm-5  { font-size: clamp(1.70rem, 4.5vw, 1.90rem); }
    .display-res-sm-6  { font-size: clamp(1.45rem, 4vw, 1.60rem); }
    .display-res-sm-7  { font-size: clamp(1.30rem, 3.5vw, 1.45rem); }
    .display-res-sm-8  { font-size: clamp(1.15rem, 3vw, 1.30rem); }
    .display-res-sm-9  { font-size: clamp(1.05rem, 2.5vw, 1.15rem); }
    .display-res-sm-10 { font-size: clamp(1.00rem, 2vw, 1.10rem); }
    .display-res-sm-11 { font-size: clamp(0.90rem, 1.5vw, 1.00rem); }
    .display-res-sm-12 { font-size: clamp(0.8125rem, 0.2vw + 0.75rem, 0.85rem); }
}

/* --- [md: 768px 이상] --- */
@media (min-width: 768px) {
    .display-res-md-1  { font-size: clamp(3.10rem, 6vw, 3.80rem); }
    .display-res-md-2  { font-size: clamp(2.80rem, 5.5vw, 3.40rem); }
    .display-res-md-3  { font-size: clamp(2.50rem, 5vw, 3.00rem); }
    .display-res-md-4  { font-size: clamp(2.20rem, 4.5vw, 2.60rem); }
    .display-res-md-5  { font-size: clamp(1.90rem, 4vw, 2.25rem); }
    .display-res-md-6  { font-size: clamp(1.60rem, 3.5vw, 1.90rem); }
    .display-res-md-7  { font-size: clamp(1.45rem, 3vw, 1.70rem); }
    .display-res-md-8  { font-size: clamp(1.30rem, 2.5vw, 1.50rem); }
    .display-res-md-9  { font-size: clamp(1.15rem, 2vw, 1.30rem); }
    .display-res-md-10 { font-size: clamp(1.10rem, 1.5vw, 1.20rem); }
    .display-res-md-11 { font-size: clamp(1.00rem, 1vw, 1.10rem); }
    .display-res-md-12 { font-size: clamp(0.8125rem, 0.3vw + 0.75rem, 0.90rem); }
}

/* --- [lg: 992px 이상] --- */
@media (min-width: 992px) {
    .display-res-lg-1  { font-size: clamp(3.80rem, 5vw, 4.80rem); }
    .display-res-lg-2  { font-size: clamp(3.40rem, 4.5vw, 4.20rem); }
    .display-res-lg-3  { font-size: clamp(3.00rem, 4vw, 3.60rem); }
    .display-res-lg-4  { font-size: clamp(2.60rem, 3.5vw, 3.10rem); }
    .display-res-lg-5  { font-size: clamp(2.25rem, 3vw, 2.70rem); }
    .display-res-lg-6  { font-size: clamp(1.90rem, 2.5vw, 2.30rem); }
    .display-res-lg-7  { font-size: clamp(1.70rem, 2.2vw, 2.00rem); }
    .display-res-lg-8  { font-size: clamp(1.50rem, 2vw, 1.75rem); }
    .display-res-lg-9  { font-size: clamp(1.30rem, 1.8vw, 1.55rem); }
    .display-res-lg-10 { font-size: clamp(1.20rem, 1.5vw, 1.40rem); }
    .display-res-lg-11 { font-size: clamp(1.10rem, 1.2vw, 1.25rem); }
    .display-res-lg-12 { font-size: clamp(0.85rem, 0.4vw + 0.8rem, 1.00rem); }
}

/* --- [xl: 1200px 이상] --- */
@media (min-width: 1200px) {
    .display-res-xl-1  { font-size: clamp(4.80rem, 4vw, 5.50rem); }
    .display-res-xl-2  { font-size: clamp(4.20rem, 3.5vw, 4.80rem); }
    .display-res-xl-3  { font-size: clamp(3.60rem, 3vw, 4.10rem); }
    .display-res-xl-4  { font-size: clamp(3.10rem, 2.5vw, 3.50rem); }
    .display-res-xl-5  { font-size: clamp(2.70rem, 2.2vw, 3.00rem); }
    .display-res-xl-6  { font-size: clamp(2.30rem, 2vw, 2.60rem); }
    .display-res-xl-7  { font-size: clamp(2.00rem, 1.8vw, 2.30rem); }
    .display-res-xl-8  { font-size: clamp(1.75rem, 1.5vw, 2.00rem); }
    .display-res-xl-9  { font-size: clamp(1.55rem, 1.3vw, 1.80rem); }
    .display-res-xl-10 { font-size: clamp(1.40rem, 1vw, 1.60rem); }
    .display-res-xl-11 { font-size: clamp(1.25rem, 0.8vw, 1.40rem); }
    .display-res-xl-12 { font-size: clamp(0.90rem, 0.5vw + 0.8rem, 1.10rem); }
}

/* --- [xxl: 1400px 이상] --- */
@media (min-width: 1400px) {
    .display-res-xxl-1  { font-size: clamp(5.50rem, 3vw, 6.50rem); }
    .display-res-xxl-2  { font-size: clamp(4.80rem, 2.8vw, 5.80rem); }
    .display-res-xxl-3  { font-size: clamp(4.10rem, 2.5vw, 5.00rem); }
    .display-res-xxl-4  { font-size: clamp(3.50rem, 2.2vw, 4.20rem); }
    .display-res-xxl-5  { font-size: clamp(3.00rem, 2vw, 3.50rem); }
    .display-res-xxl-6  { font-size: clamp(2.60rem, 1.8vw, 3.00rem); }
    .display-res-xxl-7  { font-size: clamp(2.30rem, 1.5vw, 2.70rem); }
    .display-res-xxl-8  { font-size: clamp(2.00rem, 1.3vw, 2.40rem); }
    .display-res-xxl-9  { font-size: clamp(1.80rem, 1.1vw, 2.10rem); }
    .display-res-xxl-10 { font-size: clamp(1.60rem, 1vw, 1.80rem); }
    .display-res-xxl-11 { font-size: clamp(1.40rem, 0.8vw, 1.60rem); }
    .display-res-xxl-12 { font-size: clamp(1.00rem, 0.6vw + 0.9rem, 1.25rem); }
}

/* ========================= GNUBOARD ========================= */

.section-gap {
    margin-bottom: clamp(30px, 4.0vw, 65px);
}

.notice-count{
    display: inline-block;
    position: absolute;
    top: -5px;
    right: -10px;
    line-height: 15px;
    padding: 0 5px;
    border-radius: 50%;
    background: #ff1a21;
    color: #fff;
    min-width: 17px;
    height: 17px;
    font-size: 0.85rem;
}
/* PC에서는 기존 스타일 유지 */
.ticker-wrapper {
    overflow: hidden;
}




#wrapper{ z-index:1; }
#hd_sch h3 {
	position:absolute;font-size:0;line-height:0;overflow:hidden
}
#hd_sch {
	border-radius:0px;overflow:hidden
}
#hd_sch #sch_stx {
	float:left;
	width:calc(100% - 60px);
	height:45px;
	padding-left:10px;
	border-radius:0px;
	background:transparent;border:0;border-right:0;font-size:1.25em;color:#000
}
#hd_sch #sch_submit {
	float:left;
	width:60px;height:45px;
	background:transparent;
	color:#000;
	border:0;
	border-radius:0;
	cursor:pointer;
	font-size:16px
}


/* 배경 레이아웃 */
.bg-dark-blue { background-color: var(--lbma-dark-blue); padding: 60px 0; }

/* 시세 카드 스타일 */
.price-card { 
	height: 100%; 
	transition: transform 0.2s;
	color: #ffffff; /* 텍스트 흰색 */
}
.price-label { font-size: 16px; font-weight: 500; margin-bottom: 5px; display: block; color: rgba(255,255,255,0.7); }
.price-main-value { font-size: 32px; font-weight: 400; margin-bottom: 5px; display: block; color: #ffffff; }
.price-date { font-size: 12px; color: rgba(255,255,255,0.5); display: block; margin-bottom: 20px; }

/* 차트 컨테이너 */
.chart-wrapper {
	height: 170px; 
	width: 100%; 
	overflow: hidden;
}

/* Highcharts 커스텀 스타일 (제공해주신 CSS 반영) */
.highcharts-credits { display: none; }

/* 툴팁 내 HTML 줄바꿈 및 스타일 강제 적용 */
.highcharts-tooltip span {
	line-height: 1.5;
}

/* Highcharts 내부 요소 스타일링 */
.highcharts-graph {
	stroke-width: 2px;
}


#side_menu{
	right:-50px;
}

#side_menu.on{
	right:-0px;
}

/* SUB PAGE */
/*
 .header-visual-box {
	min-height: clamp(180px, 20vw, 250px);
	background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('https://cdn.lbma.org.uk/pageheader/_2000x800_crop_center-center_82_line/header-forest.jpg') no-repeat center center; 
	background-size: cover;
}
*/
.header-visual-box { 
	min-height: clamp(180px, 15vw, 300px);
	background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https://rafmohgold.com/wp-content/uploads/2025/11/RG-Kilo-bar-1-scaled.jpg') no-repeat center center; 
	background-size: cover; 
}
.gold-bar-line { width: 60px; height: 3px; background: #fff; margin: 20px 0; }

/* 레이아웃 보정 */
.company-hero-banner {
	min-height: 400px;
	background-image: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('https://cdn.stonexbullion.com/cache/img/hero-d5cc89f142a6e07470fc51741c54c68a.webp');
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: center;
	color: #fff;
	padding: 60px 0;
}

.section-padding { padding: clamp(3rem, 8vw, 6rem) 0; }
.row-gap-res { row-gap: 2rem; }

@media (max-width: 768px) {
	.company-hero-banner { min-height: auto; padding: 50px 0; background-position: 70% center; }
	.text-end-res { text-align: center !important; } /* 모바일에서 이미지 중앙 정렬 */
}


/* SHOP */
#container, #hd, #wrapper, #ft{
	width:auto;
	min-width: auto;
}
#aside{
	position:relative;
	background: #fff;
}

#aside .shop-side-filter{
	background:transparent;
}

@media (max-width: 767px) {
    #aside {
        display: block !important;
        position: fixed;
        top: 0;
        left: -260px; /* 사이드바 너비만큼 왼쪽으로 숨김 */
        width: 260px;
        height: 100%;
        background: #fff;
        z-index: 1050;
        transition: left 0.3s ease-out;
    }

	#aside.open{
		border-right:1px solid #000;
	}


    #aside.open { left: 0; }


    #aside_handle {
        position: absolute;
        top: 35%;        /* 이미지와 비슷한 높이 설정 */
        right: -16px;    /* 핸들의 두께만큼만 밖으로 노출 (이게 핵심) */
        width: 14px;     /* 핸들의 전체 폭 */
        height: 60px;    /* 핸들의 세로 길이 */
        background: #000; /* 이미지처럼 검은색(또는 아주 진한 회색) */
        border: none;
        border-radius: 0 4px 4px 0; /* 오른쪽만 살짝 둥글게 */
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 0;
        cursor: pointer;
        z-index: 1051;
    }

	.open{
		
	}

    #aside_handle i {
        color: #fff;
        font-size: 10px;
        line-height: 1;
        margin: 1px 0;
        display: block !important;
    }

    #aside.open #aside_handle {
        opacity: 0.8;
		right: -25px;
        width: 25px;
    }
}
#container .is_index{margin-left:0px;}

#sct_sortlst{border:none; margin-bottom:2rem;}

#sct_ct_1{display:none;}

.sct .sct_img{padding: 0.5rem;}
.sct .sct_img img{
	max-width: 100%;
    max-height: max-content;
}

.sct:not(.lists-row) .sct_img{
	max-width:50px;
	border-width: 0px !important;
}
.sct.lists-row .sct_img{
	padding: 3rem;
}

.sct_40 .sct_li{
    padding:0px;
}

@media (max-width: 767px) {
    /* 사이드바 전체 통 */
    #aside_my_ov_wrapper {
        position: fixed !important;
        top: 0;
        left: -280px; /* 사이드바 너비만큼 숨김 */
        width: 280px;
        height: 100% !important;
        background: #fff;
        z-index: 9999;
        transition: left 0.3s ease;
        /* 버튼이 보이게 하기 위해 overflow를 visible로 강제 고정 */
        overflow: visible !important; 
    }

    /* 열렸을 때 */
    #aside_my_ov_wrapper.open {
        left: 0 !important;
        box-shadow: 5px 0 15px rgba(0,0,0,0.2);
    }

    /* 내부 스크롤 영역 (본문 디자인 보호) */
    .aside_inner_scroll {
        width: 100%;
        height: 100%;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
    }

    #aside_handle i { color: #fff !important; font-size: 10px; }

    /* 오버레이 */
    #aside_overlay {
        display: none;
        position: fixed;
        top: 0; left: 0; width: 100%; height: 100%;
        background: rgba(0,0,0,0.5);
        z-index: 9998;
    }
    #aside_overlay.active { display: block; }
}