@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(form_com.css);
/* 18px 미만은 깨짐 방지용 대체 */
* {
  font-family: var(--ff-ko1);
}
@media (min-resolution: 1dppx) {
  * {
    font-feature-settings: 'kern', 'liga';
  }
}
@supports (font-size-adjust: 1) {
  * {
    font-size-adjust: 0.5;
  }
}
/* ========== 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;      /* 살짝 여백 */
}

/* 공통:  클릭효과 */
input:focus, select:focus, textarea:focus{
	 background-color: #eee;
	 border: 1px solid #586ed5!important; outline: 1px solid #586ed5;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6)
}