body.is-sub {

}
body.is-sub #hd {
    border-bottom: 1px solid #f4f6f8
}
body.is-sub #hd_wrapper {
    display:flex;
    align-items: center;
}
body.is-sub #hd_wrapper .hd_sch_wr {
    display:none
}
body.is-sub #hd_wrapper .today-date-box {
    display:none
}
body.is-sub #gnb {
    display:none
}
body.is-sub .btn_bo_user .board-search-hidden {
    display:none
}
.sub-gnb, .search-open-btn {
    display:none
}

body.is-sub .search-open-btn {
    display: flex;
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #ddd;
    align-items: center;
    justify-content: center;
}


body.is-sub .sub-gnb {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;

  margin: 0 0 0 100px;
  padding: 0;
  list-style: none;
}

body.is-sub .sub-gnb li {
  margin: 0;
  padding: 0;
}

body.is-sub .sub-gnb a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  /* min-width: 140px; */
  height: 44px;
  padding: 0 14px;
  border-radius: 999px;
  background: #fff;
  color: #333;
  font-size: 17px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;

  transition: all 0.22s ease;
}

body.is-sub .sub-gnb a:hover {
  border-color: #d91c24;
  /* background: #fff5f5; */
  color: #d91c24;
  /* transform: translateY(-2px); */
  /* box-shadow: 0 8px 18px rgba(217, 28, 36, 0.12); */
}

body.is-sub .sub-gnb li.active a {
  /* border-color: #d91c24; */
  /* background: #d91c24; */
  color: #d91c24;
  /* box-shadow: 0 8px 18px rgba(217, 28, 36, 0.18); */
}


/* 검색 */ 
.pc-search-wrap {
    position:absolute;
    right:0;
    display:inline-flex;
    align-items: center;
}
.search-layer {
  position: absolute;
  top: calc(100% + 12px);
  right: 0;
  z-index: 99990;

  display: none;
  width: 420px;
}
.search-layer.is-open {
  display: block;
}
.search-layer-panel {
  width: 100%;
  min-height: 300px;
  background: #fff;
  border-radius: 8px;
  border:1px solid #e9e9e9;
  box-shadow: 0 7px 14px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}


.search-layer-head {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px;
  background:#f2f5f9;
  border-bottom: 1px solid #eee;
}

.search-layer-head form {
  flex: 1;
  display: flex;
  height: 44px;
  border: 1px solid #f7faff;
  border-radius: 3px;
  overflow: hidden;
  box-shadow: 0 2px 3px 0 rgba(0,0,0,.05),0 0 2px 0 rgba(0,0,0,.07);
}

.search-layer-head input {
  flex: 1;
  border: 0;
  padding: 0 12px;
  font-size: 15px;
  outline: none;
}

.search-layer-head form button {
  width: 44px;
  border: 0;
  background: #fff;
  cursor: pointer;
}

.search-layer-close {
  width: 42px;
  height: 42px;
  border: 0;
  background: #fff;
  font-size: 30px;
  color: #999;
  cursor: pointer;
}

.search-recent-box {
  padding: 22px;
  color: #777;
}

.search-recent-box strong {
  display: block;
  margin-bottom: 30px;
  font-size: 15px;
  color: #555;
}

.search-recent-box p {
  text-align: center;
  color: #888;
}

.search-keyword-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.search-keyword-list a {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  height: 34px;
  padding: 0 14px;

  border: 1px solid #eee;
  border-radius: 999px;
  background: #fafafa;

  color: #444;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;

  transition: all 0.2s ease;
}

.search-keyword-list a:hover {
  border-color: #d91c24;
  background: #fff5f5;
  color: #d91c24;
}