@charset "utf-8";
/**************************************************

	SUPERBOARD :: HISTORY SKIN :: basic

**************************************************/
.his-wrap{position: relative;}
.his-wrap .bar{position: sticky;top: 0;left: 50%;background: #ff6114;height: 250px;content: '';display: block;width: 2px;z-index: 2;}
.his-wrap .bar::after{content: '';display: block;width: 15px;height: 15px;border-radius: 15px;background: #ff6114;position: absolute;bottom: 0;left: 50%;transform: translate(-50%, 0);}

.history_wrap{position: relative;}
.history_wrap h4{font-size: 40px;color: #000;text-align: center;letter-spacing: -1px;margin-bottom: 40px;}
.history_wrap dl{position: relative;display: flex;justify-content: space-between;flex-wrap: wrap;margin: 0;padding-bottom: 150px;}
.history_wrap dl:before{content: '';display: block;position: absolute;top: 0;left: 50%;width: 2px;height: 100%;background: rgba(0,0,0,0.1);}
.history_wrap dl > *{width: 50%;box-sizing: border-box;}
.history_wrap dl dt{text-align: right;padding-right: 60px;}
.history_wrap dl dd{padding: 0 0 0 90px;}
.history_wrap dl dd h5{font-size: 42px;color: #222222;}
.history_wrap dl dd ul{margin-top: 20px;}
.history_wrap dl dd ul li{position: relative;padding-left: 105px;margin: 8px 0;}
.history_wrap dl dd ul li.no-month{padding-left: 0;}
.history_wrap dl dd ul li > *{font-size: 16px;line-height: 32px;}
.history_wrap dl dd ul li > strong{position: absolute;top: 0;left: 0;color: #ff661c;}
.history_wrap dl dd ul li > p{color: #555555;font-size: 17px;}

.history_wrap dl:nth-child(even){flex-direction: row-reverse;}
.history_wrap dl:nth-child(even) dd{padding: 0 90px 0 0;}
.history_wrap dl:nth-child(even) dd h5{text-align: right;}
.history_wrap dl:nth-child(even) dd ul li{padding-left: right;padding-left: 0;padding-right: 105px;text-align: right;}
.history_wrap dl:nth-child(even) dd ul li > strong{left: auto;right: 0;}