/* 공통 */
.se_con { padding:80px 0 110px; }
.sub_title { width:1300px; margin:0 auto; text-align:center; }
.sub_title h1 { font-size:48px; }
.sub_title h1::after { content:""; display: inline-block; width:12px; height:12px; border:3px solid #910023; border-radius: 50%; vertical-align: 50px; }
.sub_title span { font-size:17px; color:rgba(0,0,0,.64); }
.con_wrap { width:1300px; margin:0 auto; }

.table_type { border-collapse: collapse; width:100%; line-height: 1; border: 1px solid #e1d7d7; }
.table_type caption { display: none; }
.table_type thead th { font-size:20px; background:#000; color:#fff; line-height: 70px; font-weight: 400; }
.table_type thead th ~ th { border-left:1px solid rgba(255,255,255,.15); }
.table_type tbody tr { border-top: 1px solid #e1d7d7; }
.table_type tbody tr th { font-size:20px; background:#f2efef; color:#000; font-weight: 400; border-right: 1px solid #e1d7d7; }
.table_type tbody tr td { padding:28px 60px; font-size:16px; line-height: 36px; font-weight: 300; text-transform: uppercase; }
.table_type tbody tr td li:before { content:""; display: inline-block; width:3px; height: 3px; margin-right: 7px; background:#910023;
vertical-align: middle; }

.tab { display: none;}
.tab.active { display: block;}
.tab_btn { display: flex; justify-content: center; }
.tab_btn li { width: 270px; margin:0 10px; text-align: center; }
.tab_btn li a { display: block; width: 100%; line-height: 66px; font-size:16px; color:#000; transition: all .3s ease; cursor: pointer;
  background:#efe8e8; }
.tab_btn li a.active { background:#910023; color:#fff; }


/*Content CSS*/
#about3_wrap { padding-top:100px; line-height: 1; }
#about3_wrap .sub_bot_bg { margin-top: -230px; width: 100%; height: 600px; background: url('../img/ab3_bg.jpg') no-repeat center / cover; }

#about3_wrap .his_con { width:1300px; margin:60px auto 0; }
.his_list_wr { position: relative; width:100%; padding:40px 0 90px; text-align: left; z-index: 1; background:#fff; }
.his_list_wr::before { content: ''; position: absolute; top:0; left:50%; transform:translateX(-50%); width: 1px; height:calc(100% - 90px);
background: #ddd; z-index: -1;  }
.his_list_wr > li { display: flex; flex-direction: row-reverse; align-items: flex-start; width: 50%; text-align: right;
  margin-bottom: 109px; }
.his_list_wr > li:nth-child(odd) { margin-left:7px; }
.his_list_wr > li:nth-child(even) { justify-content: flex-start; text-align: left; margin-left:calc(50% - 7px); flex-direction: row; }

.his_list_wr .his_dot { display: flex; align-items: center; }
.his_list_wr > li:nth-child(even) .his_dot { flex-direction: row-reverse; }
.his_list_wr .his_dot::after { content: ''; display:block; width: 15px; height: 15px; background: #fff; border:3px solid #910023; border-radius: 50%; }
.his_list_wr .his_dot::before { content: ''; display: block; width: 70px; height: 1px; background: #910023; }

.his_txt { position: relative; height: 0; top:-15px; }
.his_list_wr > li:nth-child(odd) .his_txt {margin-right: 30px; }
.his_list_wr > li:nth-child(even) .his_txt {margin-left: 30px; }
.his_txt h2 { font-size:36px; color:#000; margin-bottom:30px; }
.his_txt .his_list > li { display: flex; align-items: flex-start; line-height: 30px; font-size:14px; }
.his_txt .his_list > li::before { content:""; display: inline-block; margin:13px 10px 0; width: 5px; height: 5px; background:#910023; }
.his_list_wr > li:nth-child(odd) .his_txt .his_list li { flex-direction: row-reverse;}
.his_list_wr > li:nth-child(odd) .his_txt .his_list span { margin-left:30px;}
.his_list_wr > li:nth-child(even) .his_txt .his_list span { margin-right:30px;}