@charset "utf-8";
/* 서브배너 */
.tbsub-bnn{
  position:relative;height:500px; width:100%; background-position:center center; background-size: auto 140%;
}
.tbsub-bnn .subbnnTit{ width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-20%); color:#fff; }
.tbsub-bnn .subbnnTit h1{ letter-spacing: 0.15em; }

@media screen and (max-width:1024px){
  .tbsub-bnn{ position:relative;height:380px; }
}
@media screen and (max-width:768px){
  .tbsub-bnn{ position:relative;height:300px; }
}

.page_submenulist{margin-top:30px;}
.page_submenulist .page_submenus { font-size:0; text-align: center; }
.page_submenulist .page_submenus li{ position:relative; display: inline-block; width:15%; border-bottom:1px solid #e1e1e1;}
.page_submenulist .page_submenus li.thispage::after{position:absolute; bottom:-2px; left:50%; transform:translateX(-50%); width:100%; height:2px; background-color:#3a8afd; content:"";}
.page_submenulist .page_submenus li a{ display: block; width:100%; height:100%; font-size:1.8rem; padding:1em 0; font-weight: 400; color:#333; transition:color .3s ease-out}
.page_submenulist .page_submenus li:hover a{ width:100%; color:#3a8afd;}
.page_submenulist .page_submenus li.thispage a{color:#3a8afd; font-weight: 500;}

.mbsubcombolink{display:none; width:100%; height:40px; padding:0 5px; border:1px solid #ccc; font-size:1.8rem;}

@media screen and (max-width:1024px){
  .page_submenulist .page_submenus li{width:20%;}
}
@media screen and (max-width:768px){
  .page_submenulist{margin-top:25px;}
  .page_submenulist ul{display: none;}
  .mbsubcombolink{display:block; }
}