@charset "utf-8";




@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);



@import url(btn_com.css);
@import url(tb_com.css);
@import url(tx_com.css);
@import url(box_com.css);

@import url(form_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;      /* 살짝 여백 */
}
/* PC/모바일 분기 스타일 */
.wg_mo_only { display: none; }
.wg_pc_only { display: block; }

@media (max-width: 768px) {
  .wg_mo_only { display: block; }
  .wg_pc_only { display: none; }
}


.sub_stit_link{width: 100%; float: left;  position:relative; }
.sub_stit_box{width: 100%; float: left; position:relative; }
.wg_side{width: 100%; float: left;  position:relative; }