/* 공통 */
.sub_con {width:1280px; margin:0 auto;}

/*Content CSS*/
.his_head {width:100%; height:400px;position: relative; z-index: 1; padding-top:95px; text-align: center; background: url('../img/his_head.jpg') 50% 50% no-repeat; }
.his_head h1 {font-size:50px; font-weight: 400; color:#fff; font-family: 'S-CoreDream-5Medium';}
.his_head p {font-size:18px; font-weight: 400; color:#e4e4e4; margin-top:24px; font-family: 'S-CoreDream-3Light'; }
.his_head p span {  color: #ff8000; font-family: 'S-CoreDream-4Regular';}


/* history */
.history_list_wrap {width:1100px; margin:-110px auto 130px; background: #fff; position: relative; z-index: 2; padding-top:110px;}

.history_list {position:relative; width:100%; height:auto; *zoom:1; }
.history_list_wrap {position: relative;}

.history_list::after {content: ""; display: table; clear:both; }
.history_list::before {content: ""; display: block; position: absolute;  width:1px; height:79%; background: #d6d6d6; top:20px; left:50%; transform:translateX(-50%);}
.history_list > li {width:100%; margin-bottom:50px;}
.history_list > li:last-child {margin-bottom:0;}
.history_list > li div {width:50%;}
.history_list > li::after {content: ""; display: table; clear:both;}
.history_list > li:nth-child(odd) div {float:left; text-align:right; padding-right:80px;}
.history_list > li:nth-child(even) div {float:right; text-align:left; padding-left:80px;}

.history_list > li h2 {font-size:40px;  font-weight: 400;   position:relative; margin-bottom:15px;  color:#272727; font-family: 'S-CoreDream-5Medium';}
.history_list > li h2::before  {content: ''; display: block; position: absolute; width:14px; height:14px; background: #ff8000; border-radius: 50%;}
.history_list > li:nth-child(odd) h2::before {top:20px; right:-87px;}
.history_list > li:nth-child(even) h2::before {top:20px; left:-87px;}

.history_list > li:nth-child(odd) ul li span {padding-right:15px;}
.history_list > li:nth-child(even) ul li span {padding-left:15px;}

.history_list > li:nth-child(odd) ul {float:right; border-bottom-left-radius: 0;border-bottom-right-radius: 30px;}
.history_list > li ul {max-width:400px; min-width:400px; transition: all .2s ease; }
.history_list > li ul li  {margin-bottom:2px; display: inline-block; width:100%; display: flex;align-items: flex-start;}
.history_list > li:nth-child(odd) ul li {flex-direction:  row-reverse;}
.history_list > li ul li:last-child {margin-bottom:0;}
.history_list > li ul li b {font-size:24px; font-family: 'S-CoreDream-4Regular'; font-weight: 400;  float:left; padding-left: 5px; color:#ff8000; position: relative; top:4px;}
.history_list > li ul li span {font-weight: 400; color:#585858; font-size:16px; line-height: 40px;}
.history_list li > ul { margin-top:20px;}
.history_list li:nth-child(odd) > ul {float:right;}

.history_list > li:nth-child(odd) ul li b { float:right; padding-right:5px; padding-left:0;}
.history_list > li:nth-child(odd) ul li span { float:right; padding-right:20px;}
.history_list > li:nth-child(even) ul li span {padding-left:20px;}


@media screen and (max-width: 992px) {

}

@media screen and (max-width: 480px) {

}