@charset "utf-8";


/*@import url(common/c_krds.css);
@import url(common/c_forms.css);
@import url(common/c_components.css);

@import url(common/com_grid.css);
*/




/*@import url(common/com_table.css);
@import url(common/com_input.css);
@import url(common/com_icon.css);
@import url(common/com_btn.css);
*/

@import url(btn_total.css);


@import url(layout/header.css);
@import url(layout/wing.css);
@import url(layout/basics.css);
@import url(layout/navAccordion.css);
@import url(layout/component.css);
@import url(layout/widget_com.css);


@import url(font/icon_line.css);
@import url(font/font.css);


@import url(layout/fontst.css);

@import url(layout/often.css);


@import url(layout/admin7_layout.css);
@import url(hayan_com.css);

/* ========== Skip Links ========== */
.skiplink{
  position: fixed;
  top: 0; left: 0;
  transform: translateY(-100%);
  transition: transform .18s ease;
  /* 헤더보다 더 큰 값 주기 */
  z-index: 100000000;  /* 헤더 99999999보다 1 이상 크게 */
  
  padding: 10px 14px;
  background: #fff;
  color: #000;
  font-weight: 700;
  text-decoration: none;
  border-radius: 8px;
  height: 50px
}
.skiplink:focus{
  transform: translateY(0); /* 포커스 시 화면에 내려오기 */		
}
/* 사용자가 모션 줄이기 설정 시 애니메이션 제거 */
@media (prefers-reduced-motion: reduce){
  .skiplinks{ transition:none; }
}

.sp_com{height: var(--sp-com); width: 100%; float: left}

/* 접근성을위한  */
a:focus {
  outline: none; /* 기본 포커스 제거 */
}

a:focus-visible {
  outline: 2px solid #333; /* Tab 키 등 키보드 포커스 시 표시 */
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.btn-allmenu:focus {
  outline: 2px solid #000;  /* 포커스 시 테두리 보이게 */
  outline-offset: 2px;      /* 살짝 여백 */
}