* {
    margin: 0;
    padding: 0;
}

section {
    width: 100%;
    margin-bottom: 100px;
}

.inner {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
}

img {
    display: block;
}

/* 폰트 */
/* 메인배너 점 텍스트 */
@font-face {
    font-family: 'signus';
    src: url(./font/SignusDigitalRoundNbp-A61D.ttf);
}

.hero_title {
    font-family: "signus", sans-serif;
}

.section_title {
    font-size: 34px;
    margin-bottom: 80px;
}

/* 젠세리프 */
@font-face {
    font-family: 'zen';
    src: url(./font/ZEN-SERIF-Regular.otf);
}

/* 프리텐다드 */
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}

body {
    font-family: 'zen';
}

#dj_pick .lp_wrap1,
#dj_pick .lp_wrap2,
#turn_table .slide,
#all_menu .group_cols
{
  font-family: 'pretendard';
}


#footer{
  width: 100%;
  border-top: 1px solid #e0e0e0;
  padding: 40px 0;
  font-size: 12px;
  color: rgb(104, 104, 104);
  font-family: 'pretendard';
}

/* .inner 이미 쓰고 있으니까, 그 안에서만 정렬 */
#footer .footer_wrap{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 60px;
}

/* 각 컬럼 기본 */
#footer .footer_col{
  flex: 1;
}

/* 브랜드 로고 컬럼은 약간 좁게 */
#footer .footer_brand{
  flex: 0 0 140px;
}

#footer .footer_logo{
  font-size: 20px;
}

/* 섹션 제목 */
#footer .footer_title{
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.08em;
  margin-bottom: 12px;
}

/* 기본 텍스트 */
#footer p{
  margin-bottom: 4px;
}

/* 회사 정보 하단 링크 */
#footer .footer_links{
  margin-top: 18px;
  display: flex;
  gap: 16px;
}

#footer .footer_links a{
  text-decoration: none;
  color: inherit;
}

/* 우측 메뉴 컬럼 */
#footer .footer_menu a{
  display: block;
  text-decoration: none;
  color: inherit;
  margin-bottom: 6px;
  font-size: 15px;
  font-weight: 600;
  line-height: 2em;
}

:root {
  --font-main-black: #131313; 
  --font-main-gray: #575757; 
  --font-main-white: #F8F8F8; 
  --font-main-point: #FF6200;
}