/*서브탭메뉴*/

.tabwrap {
  display: none;
  transform: rotate(-0.03deg);
  width: 90%;
  margin: 0 auto;
  margin-bottom: 35px;
  z-index: 9999;
  position: relative;
  margin-top: -1vw;
}

.tabwrap ul {
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  /* flex-wrap: wrap; */
  border: 1px solid #d1d1d1;
  margin-top: -1px;
}

.tabwrap ul li {
  /* width: 33.3333%; */
  flex: 1;
  display: block;
  font-size: 3vw;
  line-height: 2.8em;
  transform: rotate(-0.03deg);
}

.tabwrap.stab_4_4 ul li {
  flex: 1;
}
.tabwrap.stab_4_4 ul li:last-child {
  flex: 1.4;
}

.tw50 li {
  width: 50% !important;
}
.tw33 li {
  width: 33.3333% !important;
}
.tw25 li {
  width: 25% !important;
}
.tw20 li {
  width: 20% !important;
}

.tabwrap ul a {
  display: block;
  background: #fff;
  color: #636363;
  font-weight: 400;
  border-right: 1px solid #d1d1d1;
  border-left: 1px solid #d1d1d1;
  width: 100%;
  height: 100%;
  letter-spacing: -1px;
}

.tabwrap ul li:first-child a {
  border-left: none;
}

/*서브탭메뉴*/

.ss_tab_wrap {
  display: none;
  transform: rotate(-0.03deg);
  width: 90%;
  margin: 0 auto;
  z-index: 9999;
  position: relative;
  padding-bottom: 5vw;
}

.ss_tab_wrap ul {
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  flex-wrap: wrap;
  border: 1px solid #d1d1d1;
  margin-top: -1px;
}

.ss_tab_wrap > ul > li {
  width: 33.3333%;
  display: block;
  font-size: 3vw;
  line-height: 40px;
  transform: rotate(-0.03deg);
}

.ss_tab_wrap ul a {
  display: block;
  background: #f0f0f0;
  color: #1a3b55;
  font-weight: 400;
  border-right: 1px solid #d1d1d1;
  border-left: 1px solid #d1d1d1;
  width: 100%;
  height: 100%;
}

.ss_tab_wrap ul li:first-child a {
  border-left: none;
}

.tab_on {
  background: #7f0224 !important;
  color: #fff !important;
  z-index: 11111;
}