/* YJ Water KBoard Menu Shell SAFE 0.1.0
   /water/ V0.1.11 메뉴 시각 규격을 게시판 공통틀에만 복제합니다. */

body.yj-wkbms-mounted .site-header .header-top .auth-links{
  display:none!important;
}
body.yj-wkbms-mounted .site-header .navbar.yj-wkbms-nav{
  width:100%!important;
  margin:0!important;
  padding:0!important;
  background:#fff!important;
  border-top:1px solid #e7ebef!important;
  border-bottom:1px solid #dfe5ea!important;
  box-shadow:none!important;
}
body.yj-wkbms-mounted .site-header .navbar.yj-wkbms-nav .nav-container.yj-wkbms-row{
  width:min(1180px,calc(100% - 32px))!important;
  min-height:62px!important;
  margin:0 auto!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,7fr) minmax(0,3fr)!important;
  column-gap:22px!important;
  align-items:stretch!important;
  background:#fff!important;
  font-family:Arial,"Noto Sans KR","Malgun Gothic",sans-serif!important;
}
body.yj-wkbms-mounted .yj-wkbms-main{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  width:100%!important;
  min-width:0!important;
  min-height:62px!important;
  margin:0!important;
  padding:0!important;
  gap:0!important;
  white-space:nowrap!important;
  background:#fff!important;
}
body.yj-wkbms-mounted .yj-wkbms-link{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  min-height:62px!important;
  height:62px!important;
  margin:0!important;
  padding:0 4px!important;
  color:#172b3b!important;
  background:#fff!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  text-align:center!important;
  text-decoration:none!important;
  transform:none!important;
  transition:color .15s ease,transform .15s ease,box-shadow .15s ease,background-color .15s ease!important;
}
body.yj-wkbms-mounted .yj-wkbms-ko{
  display:block!important;
  margin:0!important;
  padding:0!important;
  font-size:17px!important;
  line-height:1.24!important;
  font-weight:500!important;
  letter-spacing:-.35px!important;
  color:inherit!important;
  white-space:nowrap!important;
}
body.yj-wkbms-mounted .yj-wkbms-en{
  display:block!important;
  margin:7px 0 0!important;
  padding:0!important;
  color:#7b8b98!important;
  font-size:8.5px!important;
  line-height:1!important;
  font-weight:400!important;
  letter-spacing:.55px!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
body.yj-wkbms-mounted .yj-wkbms-link:hover,
body.yj-wkbms-mounted .yj-wkbms-link:focus-visible{
  color:#1477a8!important;
  background:#f7fbfe!important;
  transform:translateY(-1px)!important;
  box-shadow:inset 0 -2px 0 #65acd2!important;
}
body.yj-wkbms-mounted .yj-wkbms-link:hover .yj-wkbms-en,
body.yj-wkbms-mounted .yj-wkbms-link:focus-visible .yj-wkbms-en{
  color:#5f8298!important;
}
body.yj-wkbms-mounted .yj-wkbms-link.is-current{
  color:#1477a8!important;
  background:#fff!important;
  box-shadow:inset 0 -2px 0 #148fbd!important;
}
body.yj-wkbms-mounted .yj-wkbms-link.is-current .yj-wkbms-ko{
  font-weight:700!important;
}
body.yj-wkbms-mounted .yj-wkbms-member{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:15px!important;
  min-width:0!important;
  min-height:62px!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
  background:#fff!important;
}
body.yj-wkbms-mounted .yj-wkbms-member-link{
  display:inline-flex!important;
  align-items:center!important;
  margin:0!important;
  padding:0!important;
  color:#5b6670!important;
  background:transparent!important;
  border:0!important;
  text-decoration:none!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:400!important;
}
body.yj-wkbms-mounted .yj-wkbms-member-link:hover,
body.yj-wkbms-mounted .yj-wkbms-member-link:focus{
  color:#1772b8!important;
}
body.yj-wkbms-mounted .yj-wkbms-classroom{
  padding:8px 12px!important;
  font-size:14px!important;
  font-weight:700!important;
  color:#174e78!important;
  background:#eaf4fb!important;
  border:1px solid #c7deee!important;
  border-radius:3px!important;
}
body.yj-wkbms-mounted .yj-wkbms-classroom:hover,
body.yj-wkbms-mounted .yj-wkbms-classroom:focus{
  color:#0f5f98!important;
  background:#e2f0fa!important;
  border-color:#a9cde4!important;
}

@media (min-width:981px){
  body.yj-wkbms-mounted .yj-wkbms-link:nth-child(1){
    align-items:flex-start!important;
    text-align:left!important;
    padding-left:0!important;
  }
  body.yj-wkbms-mounted .yj-wkbms-link:nth-child(5){
    align-items:flex-end!important;
    text-align:right!important;
    padding-right:0!important;
  }
  /* 현재 /water/ 기준판의 기출문제풀이-교재주문 간격 보정 계승 */
  body.yj-wkbms-mounted .yj-wkbms-link:nth-child(4) .yj-wkbms-ko,
  body.yj-wkbms-mounted .yj-wkbms-link:nth-child(4) .yj-wkbms-en{
    position:relative!important;
    left:28px!important;
  }
}
@media (max-width:1040px){
  body.yj-wkbms-mounted .yj-wkbms-ko{font-size:15px!important}
  body.yj-wkbms-mounted .yj-wkbms-en{font-size:8px!important;letter-spacing:.35px!important}
}
@media (max-width:980px){
  body.yj-wkbms-mounted .site-header .navbar.yj-wkbms-nav .nav-container.yj-wkbms-row{
    display:block!important;
    min-height:auto!important;
  }
  body.yj-wkbms-mounted .yj-wkbms-main{min-height:58px!important}
  body.yj-wkbms-mounted .yj-wkbms-link{min-height:58px!important;height:58px!important}
  body.yj-wkbms-mounted .yj-wkbms-member{
    justify-content:flex-end!important;
    min-height:34px!important;
    border-top:1px solid #f0f3f5!important;
  }
}
@media (max-width:720px){
  body.yj-wkbms-mounted .site-header .navbar.yj-wkbms-nav .nav-container.yj-wkbms-row{
    width:100%!important;
    padding:0 14px!important;
    overflow:hidden!important;
  }
  body.yj-wkbms-mounted .yj-wkbms-main{
    display:flex!important;
    gap:24px!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }
  body.yj-wkbms-mounted .yj-wkbms-main::-webkit-scrollbar{display:none!important}
  body.yj-wkbms-mounted .yj-wkbms-link{
    flex:0 0 auto!important;
    width:auto!important;
    padding:0!important;
    align-items:flex-start!important;
    text-align:left!important;
  }
  body.yj-wkbms-mounted .yj-wkbms-ko{font-size:14px!important}
  body.yj-wkbms-mounted .yj-wkbms-en{margin-top:6px!important;font-size:7px!important}
  body.yj-wkbms-mounted .yj-wkbms-member-link{font-size:12px!important}
  body.yj-wkbms-mounted .yj-wkbms-classroom{font-size:13px!important;padding:7px 10px!important}
}

/* V0.2.0: JS DOM 교체 없이 서버에서 직접 출력한 정수 게시판 메뉴에도 동일 규격 적용 */
body.yj-water-kboard-common-shell .site-header .header-top .auth-links{display:none!important}
body.yj-water-kboard-common-shell .site-header .navbar.yj-wkbms-nav .nav-container.yj-wkbms-row{box-sizing:border-box!important}
body.yj-water-kboard-common-shell .yj-wkbms-link.is-current{box-shadow:none!important;color:#172b3b!important}