.history-bg{background: url('../img/section_bg.png') #f9f9f9; padding: 70px 0 100px 0 !important;font-family: 'NanumSquare'; text-align: left;}
.hist{padding: 0 5px;}
.hist .history{ position: relative;font-size: 17px; border-left:4px solid #aaa;display: inline-block;margin: auto;padding-left: 20px;margin-top: 50px; margin-left: 15px;}

.hist .history dl{}
.hist .history dt::before{margin-right: 10px;content: "";width: 20px;height: 20px;display: inline-block;border: solid 3px #2f3e75;border-radius: 50px;background: #fff;vertical-align: -4px;}
.hist .history dt {left: -12px;position: absolute;font-size: 17px;line-height: 28px;margin-top: -10px;}

.hist .history dl dd{display: block;color:#333;line-height: 28px;padding-left: 0;padding-top: 20px;clear: both;vertical-align: top;width: 100%;margin-bottom: 40px;}
.hist .history dl dd ul li{position:relative;font-family: 'NanumBarunGothic','NanumBarunGothicBold', serif;font-size: 14px;}
.hist .history dl dd ul li span{width:16%;display:inline-block;padding:0 0 0 20px;position:absolute;color:#333;}
.hist .list_dash li p{display:inline-block;color:#333;    line-height: 22px;}


.history-bg li.arrow-left{width: auto !important;border: 0;padding: 0 10px}
.history-bg .arrow-right{width: auto !important;border: 0;padding: 0 10px}
.history-bg .arrow-left a,.history-bg .arrow-right a{font-size:20px;}
.history-bg .arrow-left a i,.history-bg .arrow-right a i{vertical-align: -3px;}
.history-bg .arrow-left:hover,.history-bg .arrow-right:hover{background: none !important;}
.history-bg .arrow-left:hover a,.history-bg .arrow-right:hover a{color:#000 !important;}