@charset "utf-8";

.blind {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

:focus-visible{
	outline: solid 2px #3b3a3a;
}

.ui-datepicker-year{
	margin-right: 4px !important;
}

.ui-datepicker-year:focus{
	outline: solid 3px #3b3a3a;
}

.ui-datepicker-month:focus{
	outline: solid 3px #3b3a3a;
}


#logo:has(a:focus-visible) {
    outline: 2px solid #3b3a3a;
    outline-offset: 4px; 
    border-radius: 4px;
}

#logo a:focus-visible {
    outline: none;
}

.captcha_child {
    display: flex;
    align-items: stretch;
    gap: 8px;
}

.captcha_btn_group {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 4px;
}

.captcha_btn_group .btn {
    flex: 1; 
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    padding: 0 10px;
    font-size: 14px;
}

.skip-link{
  position:fixed; /* 다른 레이아웃 영향 없음 */
  top:-100px;     /* 평소 숨김 */
  background:#055f9b;
  border-color:#055f9b;
  color:#fff;
  z-index:10000;  /* 가림 방지 */
  width:100%;
  text-align:center;
  font-size:16px;
  padding:6px 0 6px 0;
}
.skip-link:focus{ top:0px; }  /* 탭으로 오면 화면에 노출 */

.skip-link_02{
  position:fixed; /* 다른 레이아웃 영향 없음 */
  top:-100px;     /* 평소 숨김 */
  background:#4879FF;
  border-color:#4879FF;
  color:#fff;
  z-index:10000;  /* 가림 방지 */
  width:100%;
  text-align:center;
  font-size:16px;
  padding:6px 0 6px 0;
}
.skip-link_02:focus{ top:0px; }  /* 탭으로 오면 화면에 노출 */

.hasDatepicker{
	background: #eee !important;
}

.hasDatepicker.required{
	background: #eee;
	background-image: url('/images/common/required.png') !important;
	background-position: right 6px top 6px !important;
	background-repeat: no-repeat !important;
}

html {
    scroll-behavior: smooth;
}