@charset "utf-8";
/*
 * layout.css — 페이지 골격 (clean-room rewrite)
 * 헤더/푸터의 시각적 구성은 마크업(table+인라인+이미지)이 담당하므로,
 * 여기서는 전체 래퍼/콘텐츠 영역/스크롤 보조 UI만 정의한다.
 */

/* ---------- 전체 래퍼 ---------- */
#wrap {
  position: relative;
  width: 100%;
  min-width: 1200px;   /* PC 고정폭 사이트 baseline */
  margin: 0 auto;
}

.top_area { width: 100%; }

/* ---------- 헤더 프레임 ---------- */
#header_warp { width: 100%; }
#header { width: 100%; }

/* ---------- 본문 영역 ---------- */
#container { width: 100%; }
#contents  { width: 100%; }

/* 콘텐츠 섹션 래퍼: 내부 테이블이 1200px 고정폭으로 가운데 정렬됨 */
.sub_content,
.main_content {
  width: 100%;
  margin: 0 auto;
}

/* 가운데 정렬 보조 컨테이너 */
.content,
.wrap {
  width: 1200px;
  margin: 0 auto;
}

/* 메인 상품/배너 영역 */
.main_goods_cont { width: 100%; }
.right_banner    { margin: 0 auto; }
.list            { width: 100%; }

/* ---------- 푸터 프레임 ---------- */
#footer_wrap { width: 100%; }

/* ---------- "맨 위로" 스크롤 버튼 ---------- */
.scroll_wrap {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 900;
}

.btn_scroll_top {
  display: block;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #253e7f;
  color: #fff;
  text-align: center;
  line-height: 48px;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
  transition: background 0.2s;
}
.btn_scroll_top:hover { background: #1b2f63; }

/* 위로-화살표 글리프 */
.btn_scroll_top::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-top: 20px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(-45deg);
  vertical-align: top;
}