/*--<style>-------------------------------*/     

/*------------------*/
div.t_menu3_bt_container_cls {
  overflow: hidden;
  border: 0px solid #ccc;
  background-color: white;/*#f1f1f1;*/
  margin: 4px 2px 0px 2px;      /* tab      top, right,bottom,left */   
  display:inline-flex;
  width: 98.4%;  /*<== 1.먼저 버턴 전체 테두리를 100%  로 만든다*/
}

/* Style the buttons that are used to open the tab content */
div.t_menu3_bt_container_cls button {
  display:inline-flex;  /*  <==  div 와 ul 2곳에 "display:inline-flex;" style 을 지정해 줘야만 된다. */
  background-color: white;/*#f1f1f1;*/
  /*background-color: inherit;*/
  cursor: pointer;
  padding: 1px 1px;   /*top, right,bottom,left */     
  border: 1px solid #ccc;
  
  margin: 0px 0px 0px 0px;      /* tab       top, right,bottom,left */    
  width: 47.05px; /*<== 2.버턴 개별 너비를 조정한다*/
  height: 24px;
  border-radius: 0px  10px  0px  0px;      /* tab              .    ,     ,      ,      ;*/   
}

/* Change background color of buttons on hover */
div.t_menu3_bt_container_cls button:hover {
  background-color: #F7FDFD;
  border-bottom: none;
}

/* Create an active/current tablink class */
div.t_menu3_bt_container_cls button.active {
  background-color: #F7FDFD;
  border-bottom: none;
}

/* Style the tab content */
.t_menu3_content_cls {
  overflow:hidden ; /*scroll 만들어진다.overflow-x:auto;overflow-y:auto;overflow:auto;*/

  padding: 2px 2px 2px 4px;     /*margin   top, right,bottom,left */   
  
  margin: 0px 1px 0px 2px;      /*margin   top, right,bottom,left */   
  width: 95.1%;
  height: 210px;
  text-decoration:none; /* no underline / font-style: italic; /* no underline  */
  
  border: 1px solid #ccc;
  border-top: none;
  border-radius: 0px  0px  2px  2px;      /* tab              .    ,     ,      ,      ;*/   
  
}
/*-----------------------------------*/     
    
/*--</style>-------------------------------*/     



