/* 디바이드랩 글로벌 커스텀 CSS — 원본 head 인라인에서 박제 (analysis/05 §2-1) */

/* --- head inline style block [3] --- */
/* [2026-07-11 성능 개선] 풀 가변폰트(2.07MB) → 공식 dynamic-subset(유니코드 레인지 분할 — 쓰는 글리프 청크만 로드). 동일 폰트·동일 패밀리명. */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css');
* {font-family: Pretendard Variable,’ Noto Sans KR’, sans-serif;}

/* --- head inline style block [4] --- */
html {
		scroll-behavior: auto;
	}

/* --- head inline style block [5] --- */
/* 버튼1 기본 스타일 */
#h-btn-1 {
  display: inline-flex; /* flexbox로 콘텐츠 정렬 */
  align-items: center;
  justify-content: center;
  width: 164px;
  height: 40px;
  border-radius: 7px;
  border: solid 1px #1b62ed;
  font-weight: 700;
  background: #ffffff00;
  color: #fff !important;
	border: solid 1px #ffffff;
  text-decoration: none;
  position: relative;
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* 가상 요소로 아이콘 추가 */
#h-btn-1::after {
  content: ''; /* XEIcon 아이콘 */
  font-family: 'xeicon'; /* 아이콘 폰트 지정 */
  margin-left: 10px;
  transition: margin-left 0.3s ease;
}

/* 호버 시 애니메이션 효과 */
#h-btn-1:hover::after {
  margin-left: 20px;
}

/* 반응형 스타일 */
@media screen and (max-width: 767px) {
  #h-btn-1 {
    width: 120px;
    height: 34px;
    border-radius: 7px;
    font-size: 15px;
  }

  #h-btn-1::after {
    margin-left: 10px;
  }

  #h-btn-1:hover::after {
    margin-left: 20px;
  }
}

/* 버튼2 기본 스타일 */
#h-btn-2 {
  display: inline-flex; /* flexbox로 콘텐츠 정렬 */
  align-items: center;
  justify-content: center;
  width: 164px;
  height: 40px;
  border-radius: 7px;
  border: solid 1px #1b62ed;
  font-weight: 700;
  background: #1b62ed;
  color: #fff !important;
  text-decoration: none;
  position: relative;
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* 가상 요소로 아이콘 추가 */
#h-btn-2::after {
  content: ''; /* XEIcon 아이콘 */
  font-family: 'xeicon'; /* 아이콘 폰트 지정 */
  margin-left: 10px;
  transition: margin-left 0.3s ease;
}

/* 호버 시 애니메이션 효과 */
#h-btn-2:hover::after {
  margin-left: 20px;
}

/* 반응형 스타일 */
@media screen and (max-width: 767px) {
  #h-btn-2 {
    width: 120px;
    height: 34px;
    border-radius: 7px;
    font-size: 15px;
  }

  #h-btn-2::after {
    margin-left: 10px;
  }

  #h-btn-2:hover::after {
    margin-left: 20px;
  }
}

/* --- head inline style block [6] --- */
#gen-header {
background: rgba(255, 255, 255, 0.9) !important;
backdrop-filter: blur(10px);
}
  
#menuhopin {
background: rgba(255, 255, 255, 0.9) !important;
backdrop-filter: blur(10px);
}