@charset "utf-8";




.tabmenu { text-align: center; width: 100%; max-width: 1600px; margin: 0 auto 100px; overflow: hidden; font-size:0; padding-top:1px; padding-left: 1px;  }
.tabmenu li { position: relative; display: inline-block; width:calc(100% / 5);  margin-top: -1px; margin-left: -1px; text-align: center; }
.tabmenu li a { text-decoration: none; width:100%; height:70px; line-height:70px; display: block; background:#fff;
                      color:#111; font-size:2.0rem;  font-weight: 600;  border: 1px solid #e3e3e3; 
                      box-sizing: border-box; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.tabmenu li a:hover { background:#454545; color:#FFF }

.tabmenu.fs-s li a { font-size: 1.5rem; }

.tabmenu.col5 li { width:calc(100% / 5); max-width: 280px; }
.tabmenu.col6 li { width:calc(100% / 6);  }
.tabmenu.col7 li { width:calc(100% / 7); float: left; }



/* 페이지 인식을 위한 부분 */
.tab01 .tabmenu  a.menu1,
.tab02 .tabmenu  a.menu2,
.tab03 .tabmenu  a.menu3,
.tab04 .tabmenu  a.menu4,
.tab05 .tabmenu  a.menu5,
.tab06 .tabmenu  a.menu6,
.tab07 .tabmenu  a.menu7,
.tab08 .tabmenu  a.menu8,
.tab09 .tabmenu  a.menu9,
.tab10 .tabmenu  a.menu10,
.tab11 .tabmenu  a.menu11,
.tab12 .tabmenu  a.menu12 { color:#fff; background:#a5a4a3; font-weight:600; border-color: #a5a4a3 !important; z-index:98; }

.tabmenu a{}
.tabmenu a.on{ color:#fff; background:#239caa; font-weight:600; border-color: #239caa !important; z-index:98; }



@media all and (max-width:1280px) {
  .tabmenu.col6 li { width:calc(100% / 5); }
}

@media all and (max-width:1080px) {
  .tabmenu { margin-top: 0; margin-bottom: 5%; }
  .tabmenu li a { height:55px; line-height: 55px; }
}


@media all and (max-width:976px) {
  .tabmenu li { width:calc(100% / 5); }
  .tabmenu li a { font-size: 1.8rem;  }

  .tabmenu.col3 li { width:calc(100% / 3);  float: inherit; }
  .tabmenu.col5 li { width:calc(100% / 3); }
  .tabmenu.col6 li { width:calc(100% / 3); }
}

@media all and (max-width:768px) {
  .tabmenu li { width:calc(100% / 3); }

}

@media all and (max-width:640px) {
  .tabmenu li a { height:50px; line-height: 50px;  }
}
@media all and (max-width:480px) {
  .tabmenu li { width:calc(100% / 2); }
  .tabmenu li a { font-size: 1.7rem; height:45px; line-height: 45px;}
}