.sub #header{background-color: #fff}
.sub-cont .inner{padding: 0 var(--inner-cont-pd) !important}

.sub-top, .sub-tit-wr{position: relative; width: 100%;height: 38.6rem;margin-top: var(--header-hei); background-position: center;background-repeat: no-repeat;background-size: cover;}
.sub1 .sub-top{background-image: url(/theme/basic/img/sub/sub1/sub1_top_bg.png);}
.sub2 .sub-top{background-image: url(/theme/basic/img/sub/sub2/sub2_top_bg.png);}

/* 게시 */
.sub3.sub-top, .sub4.sub-top, .sub5.sub-top, .sub6.sub-top{margin-bottom: var(--header-hei)}
.sub3.sub-top{background-image: url(/theme/basic/img/sub/sub3/sub3_top_bg.png);}
.sub4.sub-top{background-image: url(/theme/basic/img/sub/sub4/sub4_top_bg.png);}
.sub5.sub-top{background-image: url(/theme/basic/img/sub/sub5/sub5_top_bg.png);}
.sub6.sub-top{background-image: url(/theme/basic/img/sub/sub4/sub4_top_bg.png);}
.sub-top h3{position: absolute;left: 22.7rem;bottom: 10rem;font-size: 7rem;color: #fff;}

@media all and (min-width:1921px) {
  .sub-top, .sub-tit-wr{height: 51.6rem}
}

 @media all and (max-width:768px) {

   .sub-top h3{left: 3rem;font-size: 3.5rem;bottom: 5rem}
   .sub-top, .sub-tit-wr{height: 30rem}
   .navi-wr{display: none}

}




.board .contents{padding-bottom: 8rem}
.page-tit{padding-bottom: 7.9rem;margin-top: var(--header-hei)}
.page-tit .tit{
  font-size: 60px;
  font-style: normal;
  font-weight: 800;
  line-height: 60px;
  letter-spacing: -0.6px;
  background: var(--gr1, linear-gradient(180deg, #094890 0%, #372D82 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}

.bo_sch_wrap{display: none}


.cont{position: relative;}
.navi-wr{position: fixed;;left: 0;top: 50rem;border-radius: 0 2rem 2rem 0;overflow: hidden;width: 19.5rem;filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));z-index: 100;transition: opacity 0.3s;
  opacity: 0;
  pointer-events: none;}
  .navi-wr.active {
  opacity: 1;
  pointer-events: auto;
}
.navi-wr > li{background-color: #0E458E;}
.navi-wr > li > a{font-size: 2rem;color: #fff;padding: 1.5rem 3.5rem;display: block;}

.navi-wr > li, .navi-wr .top-name{display: flex;align-items: center;justify-content: flex-start;}
.navi-wr .top-name{padding: 2.5rem 3.5rem;border-bottom: 2px solid #fff;}
.navi-wr .top-name strong{font-size: 2.4rem;color: #fff;}
.navi-wr .top-name .icon{margin-left: .5rem}

.navi-wr > li.menu{position: relative;cursor: pointer;}
.navi-wr > li.menu::after{
  position: absolute;
  content: '';
  background: url(/theme/basic/img/sub/ico_navi_line.svg) no-repeat center / cover;
  width: calc(100% - 3rem);
  height: 1px;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}
.navi-wr > li.menu:last-child::after{display: none}
.navi-wr > li.menu:hover, .navi-wr > li.current{background-color: #fff}
.navi-wr > li.menu:hover > a, .navi-wr > li.current > a{color: #0E458E;font-weight: 700}


/*  */
 @media all and (max-width:768px) {
   .tb-scoll{overflow-x: scroll;}
   .mo-width{width: 180%;overflow: hidden;}
 }