@charset "utf-8";
/* history_list */
.history_list .line { padding: 70px 0; position: relative; } 
.history_list .line:first-child { padding: 45px 0 80px; } 
.history_list .line:last-child { padding: 80px 0 100px 0; } 
.history_list .line:after { content:''; display:block; clear:both } 
.history_list .line .txtAreaR { position:relative; float:right; width:50%; padding-left:100px; box-sizing:border-box; text-align:left; } 
.history_list .line .txtAreaR .info { position:absolute; top:0; left:100px } 
.history_list .line .txtAreaR .info .history_list_date { position: relative; } 
.history_list .line .txtAreaR .info .history_list_date:before { content:''; display:block; position:absolute; top:50%; margin-top: -6px; left: -107px; width: 15px; height: 13px; background:url(../../../img/ico_hex.svg) no-repeat center center; } 
.history_list .line .txtAreaR .info .history_list_date:after { content:''; display:block; position:absolute; top:50%; transform:translateY(-50%); left: -95px; width: 76px; height: 2px; background:url(../../../img/ico_hex_line.svg) no-repeat center center; } 
.history_list .line .txtAreaR .info .list > div { line-height:30px; font-size:18px; text-align:left; margin-top:20px; } 
.history_list .line .txtAreaR .info .list > div .history_list_date { float:left; width: 80px; font-family: 'Heebo-Bold'; font-weight:500; color:#000; font-size: 24px; } 
.history_list .line .txtAreaR .info .list > div .history_list_cont { float:right; width: -webkit-calc(100% - 80px); color:#555; word-break:keep-all; font-family: 'Noto Sans KR'; font-size: 18px; } 
.history_list .line .txtAreaL { position:relative; float:left; width:50%; padding-right:100px; box-sizing:border-box; } 
.history_list .line .txtAreaL .info { position:absolute; top:0; right:100px } 
.history_list .line .txtAreaL .info .history_list_date { } 
.history_list .line .txtAreaL .info .history_list_date:before { content:''; display:block; position:absolute; top:50%; margin-top: -6px; right: -107px; width: 15px; height: 13px; background:url(../../../img/ico_hex.svg) no-repeat center center; } 
.history_list .line .txtAreaL .info .history_list_date:after { content:''; display:block; position:absolute; top:50%; transform:translateY(-50%); right: -95px; width: 76px; height:2px; background:url(../../../img/ico_hex_line.svg) no-repeat center center; } 
.history_list .line .txtAreaL .info .list > div { line-height:30px; font-size:18px; text-align:right; margin-top:20px } 
.history_list .line .txtAreaL .info .list > div .history_list_date { float:right; width: 80px; font-family: 'Heebo-Bold'; font-weight:500; color:#000; font-size: 24px; position: relative; } 
.history_list .line .txtAreaL .info .list > div .history_list_cont { float:left; width: -webkit-calc(100% - 80px); color:#555; word-break:keep-all; font-family: 'Noto Sans KR'; font-size: 18px; } 
.hitory_li_img { padding-top: 28px; } 
.history_list .line:before { content: ''; position: absolute; width: 2px; height: 100%; top: 0; left: 50%; transform: translateX(-50%); background: url(../../../img/line.svg) no-repeat center center; } 
.history_list { position: relative; } 
.history_list:before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 15px; height: 13px; background: url(../../../img/ico_top_hex.svg) no-repeat center center; z-index: 1; } 
.history_list:after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 15px; height: 13px; background: url(../../../img/ico_top_hex.svg) no-repeat center center; z-index: 1; } 
.hitory_li_img{width: 256px;}
.history_list .line:nth-child(2) .txtAreaL .hitory_li_img{float: right;}