.History_table {width:100%;border-top:2px solid #395aa9;border-bottom:1px solid #545351;font-size:14px;}
.History_table tbody th {font-family:'Arial';font-size:26px;color:#395aa9;border-bottom:1px dotted #8a8b8f;}
.History_table tbody td {padding:20px 35px;line-height:180%; border-bottom:1px dotted #8a8b8f;}
/* 역사 소개에서 월 적용시 */
.History_table .tc {font-size:16px;text-align:center;}

.company_history_title_text {display:inline-block;width:100%;text-align:center;padding:35px 0;}
.company_history_title_text p {font-size:26px;padding-bottom:7px;}
.company_history_title_text span {font-size:16px;}


.group::after, .tabBlock-tabs::after {
  clear: both;
  content: "";
  display: table;
}

*, ::before, ::after {
  box-sizing: border-box;
}

.unstyledList, .tabBlock-tabs {
  list-style: none;
  margin: 0;
  padding: 0;
}
.tabBlock-tabs_group {width:100%;height:156px;background: url('/img/Company_History_bg.jpg') 50% 50% no-repeat;}
.tabBlock-tabs {max-width:480px;margin:0 auto;padding-top:30px;}
.tabBlock {
margin: 0;
}

.tabBlock-tab {
  font-family:'NanumSquare', 'Arial', 'Nanum Gothic';
  font-size:2.4em;
  text-align:center;
  color: #ccc;
  float:left;
  width:25%;
  cursor: pointer;
  display: inline-block;
  font-weight: 600;
  padding:50px 0 0 0;
  margin:0;
  line-height:90%;
  position: relative;
}
.tabBlock-tab span {display:inline-block;width:100%;font-size:0.6em;}
.tabBlock-tab:last-of-type {

}
.tabBlock-tab::before, .tabBlock-tab::after {
  content: "";
  display: block;
  height: 28px;
  position: absolute;
}
.tabBlock-tab::before {
  background: url('/img/history_circle_icon_off.png') 50% 0 no-repeat;
  left: 0;
  right: 0;
  top: 0;
}
.tabBlock-tab::after {
  background-color: transparent;
  left: 0;
  right: 0;
  top: 0;
}


.tabBlock-tab.is-active {
  position: relative;
  color: #ffffff;
  z-index: 1;
}
.tabBlock-tab.is-active::before {
  background: url('/img/history_circle_icon_on.png') 50% 0 no-repeat;
}
/**
.tabBlock-tab.is-active::after {
  background-color: #fff;
}
**/

.tabBlock-content {

}
.tabBlock-pane {width:90%;margin:0 auto;}
.tabBlock-pane > :last-child {
  margin-bottom: 0;
}


.history_bat {display:inline-block;padding:25px 0;width:100%;background: url('/img/1px_icon_y.gif') repeat-y 50% 0;}
.history_bat ul {}
.history_bat ul:after {display:block;visibility:hidden;clear:both;content:""}
.history_bat .sc_r {display:inline-block;clear:both;margin:20px 0;width:100%;background: url('/img/history_circle_icon.png') no-repeat 50% 6px;}
.history_bat .sc_l {display:inline-block;clear:both;margin:20px 0;width:100%;background: url('/img/history_circle_icon.png') no-repeat 50% 6px;}
.history_bat .sc_r  .xr_gr {float:right;width:50%;padding:0 0 0 50px;box-sizing:border-box;background: url('/img/1px_icon_x.gif') no-repeat 11px 16px;}
.history_bat .sc_l .xr_gl {float:left;width:50%;padding:0 50px 0 0;box-sizing:border-box;text-align:right;background: url('/img/1px_icon_x.gif') no-repeat right 16px;}

.history_bat .xr1 {display:inline-block;width:100%;background:#fff;font-size:2em;}
.history_bat .xr1 span {font-size:0.65em;letter-spacing:-0.1em}
.history_bat .xr2 {padding:15px 0 0 0;font-size:1.2em;line-height:150%;}

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

.tabBlock-tab {font-size:1.8em;}
.tabBlock-tab span {font-size:0.8em;}
.history_bat {display:inline-block;padding:25px 0;width:100%;background: url('/img/1px_icon_y.gif') repeat-y 0 0;}
.history_bat .sc_r {display:inline-block;clear:both;margin:20px 0;width:100%;background: url('/img/history_circle_icon.png') no-repeat -11px 6px;}
.history_bat .sc_l {display:inline-block;clear:both;margin:20px 0;width:100%;background: url('/img/history_circle_icon.png') no-repeat -11px 6px;}

.history_bat .sc_r  .xr_gr {float:left;width:100%;padding:0 0 0 50px;box-sizing:border-box;background: url('/img/1px_icon_x.gif') no-repeat 11px 16px;}
.history_bat .sc_l .xr_gl {float:left;width:100%;padding:0 0 0 50px;box-sizing:border-box;text-align:left;background: url('/img/1px_icon_x.gif') no-repeat 11px 16px;}
}