/* list */
#bbs_history{}
#bbs_history:after { content:''; display:block; clear:both; }
#bbs_history .year{font-weight:bold; font-size:25px; color:#dfad4b; position:relative; padding-bottom:3%;}
#bbs_history .year span {position:absolute; top:-10px;}

#bbs_history > img{margin-bottom:32px;}

/*#bbs_history .year:first-child{color:#998675;}*/

#bbs_history .history_list {padding:10px 0 0 3px;}
#bbs_history .history_list ul {}
#bbs_history .history_list ul li {zoom:1; padding-bottom:4px; position:relative; }
#bbs_history .history_list ul li:after{content:'';display:block;clear:both;}
#bbs_history .history_list ul li span {float:left; color:#222;  font-weight:bold;  width:8%;}
#bbs_history .history_list ul li a,
#bbs_history .history_list ul li em { width:45%; font-size:14px; color:#666; font-weight:normal;}

#bbs_history .history_list ul li a{position:relative; letter-spacing:-0.5px;}
/* #bbs_history .history_list ul li a:before{content:''; display:block; width:4px; height:4px; border-radius:2px; background:#998675; position:absolute; top:8px; left:-15px;} */
#bbs_history .history_list ul li em{position:relative; letter-spacing:-0.5px; width:100%;}
/* #bbs_history .history_list ul li em:before{content:''; display:block; width:4px; height:4px; border-radius:2px; background:#998675; vertical-align:3px; margin-right:12px; position:absolute; left:-15px; top:9px; } */

#bbs_history .tab{display:table;table-layout:fixed;width:100%;border-collapse:collapse;border-spacing:0;border:none;}
#bbs_history .tab ul{display:table-row;}
#bbs_history .tab li{display:table-cell;height:43px;line-height:43px;text-align:center;vertical-align:middle;}
#bbs_history .tab li:first-child a{margin-left:0;}
#bbs_history .tab li a {display:block;width:100%;position:relative;margin:0 0 0 -1px;text-align:center;font-weight:bold;color:#6c6c6c;border:1px solid #dfdfdf;background:#f5f5f5;}
#bbs_history .tab li a:hover,
#bbs_history .tab li.on a{border-bottom-color:#fff;color:#0585cb;background:#fff;z-index:2;}
#bbs_history .tab li a:hover:before,
#bbs_history .tab li.on a:before{content:'';position:absolute;left:-1px;top:-1px;right:-1px;border-top:2px solid #0585cb;}
#bbs_history .tab_cont {position:relative; padding:0 0 200px;}
#bbs_history .tab_cont.on{overflow:visible;height:auto;padding:30px 0 0;}


#bbs_history .tab_cont.odd{padding-left:54%; position:relative;}
#bbs_history .tab_cont:after {content:""; display:block; width:12px; height:12px; margin-left:-6px; background-image:url('./image/ico_bullet.png'); position:absolute; left:50%; top:0; z-index:2;}
#bbs_history .tab_cont.even .history_list{margin-right:54%; text-align:right;}
#bbs_history .tab_cont.odd .year { padding-bottom:5%;}
#bbs_history .tab_cont.even .year{margin-left:40%; padding-bottom:3%;}
#bbs_history .tab_cont.even .history_list ul li em{text-align:right;}
#bbs_history .tab_cont:before{content:''; display:block; width:1px; height:100%; background:#e2e2e2; position:absolute; top:0; left:50%;}
#bbs_history .tab_wrap{position:relative; padding:35px 0 0;}
/* #bbs_history .tab_wrap:before{content:''; display:block; width:15px; height:15px; background:url('/layouts/default/image/sub/circle.png') no-repeat;position:absolute; top:0; left:50%; margin-left:-7px; z-index:1;} */
#bbs_history .tab_wrap:after{content:''; display:block; width:12px; height:12px; background:url('./image/ico_bullet.png') no-repeat;position:absolute; bottom:0; left:50%; margin-left:-6px;}
#bbs_history .tab_cont .year .year_img {top:16px; width:500px; height:200px;}
#bbs_history .tab_cont .year .year_img img {width:100%; height:100%;}
#bbs_history .tab_cont.odd .year .year_img{position:absolute; left:-540px;}
#bbs_history .tab_cont.even .year .year_img{position:absolute; left:90px;}

#bbs_history .tab_cont .history_list ul li span {position:absolute; top:0;}
#bbs_history .tab_cont.odd .history_list ul li span {left:0;}
#bbs_history .tab_cont.even .history_list ul li span {right:0;}
#bbs_history .tab_cont.odd .history_list ul li {padding-left:25px;}
#bbs_history .tab_cont.even .history_list ul li {padding-right:25px;}

#boardList td {height:36px;}
/* @list */

#bbs_history .bbs_wrap {overflow:hidden;}
#bbs_history .bbs_wrap:after {content:""; display:block; clear:both;}
#bbs_history .bbs_wrap .dtable.row .th {border-left:none 0;}
#bbs_history .bbs_wrap .dtable.row .td,
#bbs_history .bbs_wrap .dtable.row .th {padding:10px 10px 11px;}
#bbs_history .bbs_wrap .left {width:50%;}
#bbs_history .bbs_wrap .left_ {width:500%; margin-left:50%;}