#content {float:none;padding:20px 0 20px 0px;}


.tab-group { margin:0px auto 50px auto; padding:0; text-align:center}
.tab-group li { display:inline-block; list-style:none; width:200px; height:50px; line-height:50px; text-align:center; border:1px #eee solid;}
.tab-group li a { font-size:17px;}
.tab-group li.on { background-color:#1fb25a; border:1px #1fb25a solid;}
.tab-group li:hover {	background-color:#1fb25a; border:1px #1fb25a solid;  color:#fff; transition:all .35s, opacity .3s;	 -webkit-transition:all .35s, opacity .3s; -moz-transition:all .35s, opacity 3s; }
.tab-group li:hover a  {	 color:#fff; }
.tab-group li.on a { color:#fff}
				
.area { padding:95px 0;}
#content .subContent h3.subTitleSubject{ display:none;}
.history-content {max-width:1400px; width:100%; margin:0 auto;}
.history-list-box {max-width:1220px; width:100%; margin:0 auto; padding-left:10%;}
.history-list-con {position:relative;}
.history-list-box > ul li{overflow:hidden; display:table; width:100%;}
.history-list-box > ul li h4{display:table-cell;position:relative; width:15%;  color:#4c4c4c; font-size:30px;font-weight:600; letter-spacing:-0.25px; vertical-align: top; border-right:1px solid #dfdfdf; line-height:38px;}
.history-list-box .pic-list-con{position: relative;}					
.history-list-box .pic-list-con:after{position:absolute; top:50%; left:-16%; content:""; width:220px; height:1px; background-color:#dfdfdf; z-index:-999; }
.history-list-box > ul li h4:after{position:absolute; top:21px; left:107px; content:""; width:106px; height:1px; background-color:#dfdfdf; }
.history-list-box > ul li .history-list-con{display:table-cell; width:70%;}
.history-list-box > ul li dl {}
.history-list-box > ul li dl dt{position:relative; float:left; width:9%; padding-left: 15px;}
.history-list-box > ul li dl dt:before{position:absolute; display:block; content:""; top:50%; left:-7px; width:13px; height:13px; margin-top:-5px; background:url("/layouts/bluebDesign/image/sub/history_dot.png") no-repeat;}
/*.history-list-box > ul li .pic-list-con::before{position:absolute; display:block; content:""; top:385%; left:-7px; width:13px; height:13px; margin-top:-10px; background:url("/layouts/bluebDesign/image/sub/history_dot2.png") no-repeat;}*/
.history-list-box > ul li dl dt strong{color:#4c4c4c; font-weight:600; font-size:17px; letter-spacing: -0.25px; line-height:38px;}
.history-list-box > ul li dl dd{float:left; width:84%; padding-left:3%;}
.history-list-box > ul li dl:last-child dd{  padding-bottom:35px;}
.history-list-box > ul li dl dd p{padding-bottom:10px; color:#4c4c4c; font-size:17px; font-weight:400; letter-spacing:-0.25px; line-height:38px;}
.history-list-box > ul li dl dd p img { padding-left: 10%;}
.history-list-box > ul li dl dd p strong{display:inline-block; width:10%; color:#08c6a9; font-weight:600; vertical-align:top;}
.history-list-box > ul li dl dd p span{display:inline-block; width:70%;  vertical-align:top;}
.history-img img {float:left; width:50%;}
@media all and ( max-width:1220px ){
    /* -------- 회사소개 :: 연혁 -------- */
    .history-list-box > ul li h4{font-size:25px;}
    .history-list-box > ul li h4:after{ display:none; left:90px; width:40px;}
    .history-list-box > ul li dl dt strong{font-size:20px;}
    .history-list-box > ul li dl dd p strong,.history-list-box > ul li dl dd p span{font-size:13px}
}
@media all and ( max-width:768px ){
    /* -------- 회사소개 :: 연혁 -------- */
    .history-con-top-list ul{text-align:center;}
    .history-con-top-list ul li{float:none; display:inline-block; width:31.5%; margin:0.5% !important;}
    .history-list-box > ul li h4{display:block;width:100%;}
    .history-list-box > ul li h4:after{ display:none;position:static; margin:10px 0 20px;}
    .history-list-box > ul li .history-list-con{display:block; width:100%;}
    .history-list-box > ul li dl dt{width:25%; text-indent:10px;}
	.history-list-box > ul li dl dt:before {left:0;}
    .history-list-box > ul li dl dd{width:100%;}
	.history-list-box > ul li dl dd p {padding-left: 5%;}
    .history-list-box > ul li dl dd p strong{width:15%;}
	.history-img img {float:none;max-width:100%; width:100%;}             
	.history-list-box .pic-list-con:after { display:none;}
	.history-list-box .pic-list-con1:after { display:none;}
	.history-list-box .pic-list-con2:after { display:none;}

}