/* 조합소개 > 조합안내 > 설립목적 및 연혁 */
.history-slo-box{padding:0 0 90px 0;}
.history-slo-box > p{font-size:18px;line-height:32px;text-align:center;}
.history-box > div:last-of-type{padding:0;}
.history-box > div > p{font-weight:700;font-size: 28px;line-height: 70px;}

.history-content{position:relative;background:url(/_res/ajou/gs/img/content/history-dot.png) no-repeat 46px 0 ;padding: 45px 0 45px 19px;}
.history-content:before{content:'';position:absolute;top:0;left: 58px;z-index:-10;width:1px;height:100%;background-color:#dbdbdb;transform:translateX(-50%);-ms-transform:translateX(-50%);}
.history-content:after{content:'';display:block;clear:both;}
.history-content > li{position:relative;padding:0 0 60px 0;}
.history-content > li:last-of-type{padding:0;}
.history-content > li:after{content:'';display:block;clear:both;}
.history-content > li.history-2011-box{margin:-80px 0 0 0;}
.history-content > li.history-1988-box{margin:150px 0 0 0;}
.history-content > li > div:after{content:'';display:block;clear:both;}
.history-content > li > div > dl{position:relative;width:100%;min-height:50px;padding: 0 0 0 24px;}
.history-content > li:last-of-type > div > dl{padding:0;}
.history-content > li > div > dl:before{content:'';position:absolute;top: 12px;;width:7px;height:7px;background-color: #0b419b;border-radius:50%;}
.history-content > li > div > dl:after{content:'';display:block;clear:both;}
.history-content > li > div > dl > dt{display: inline-block;font-weight: 500;font-size: 20px;line-height: 32px;vertical-align: top;}
.history-content > li > div > dl > dd{display:inline-block;width:100%;max-width: calc(100% - 200px);vertical-align:top;}
.history-content > li > div > dl > dd > ul > li{padding:0 0 8px 0;display: table;width: 100%;}
.history-content > li > div > dl > dd > ul > li:last-of-type{padding:0;}
.history-content > li > div > dl > dd > ul > li:only-of-type{padding:5px 0 0 0;}
.history-content > li > div > dl > dd > ul > li:after{content:'';display:block;clear:both;}
.history-content > li > div > dl > dd > ul > li span{font-size:16px;color:#767676;line-height:22px;display: table-cell;width: 6%;}
.history-content > li > div > dl > dd > ul > li p{position:relative;display:block;font-size:16px;line-height:24px;box-sizing: border-box;padding: 0 0 0 10px;width:100%}
.history-content > li > div > dl > dd > ul > li p:after{content:'';position:absolute;top:10px;left:0px;width:4px;height:4px;background-color:#333;border-radius:50%;}
.history-content > li > div > dl > dd > ul > li > ul{margin: 0 0 12px 27px;}
.history-content > li > div > dl > dd > ul > li > ul li {padding:0 0 0 12px;margin: 0 0 0 12px;position:relative;font-size:15px;line-height:19px;}
.history-content > li > div > dl > dd > ul > li > ul li:after{content:'';clear:both;display:block;position:absolute;top: 7px;left:0;width:6px;height:2px;background-color: #333;}


/*.history-content > li.right-box > div > dl{float:right;}*/
.history-content > li.right-box > div > dl:before{left: 39px;margin: 0 0 0 -3px;}
.history-content > li.right-box > div > dl > dt{float:left;padding: 0 0 0 60px;}
.history-content > li.right-box > div > dl > dd{float:left;padding:0 0 0 20px;}
.history-content > li.right-box > div > dl > dd > ul > li > p{margin:0 0 5px 27px;}



@media screen and (max-width:768px) {
	
	.history-box > div{border-bottom: 1px dotted #000;margin:0 0 10px 0;padding:25px 0;}
	.history-box > div:last-of-type{border:none}
	.history-box > div > p {font-weight: 700;font-size: 22px;line-height: 45px;text-align: center;}	
	
	.history-content {position: relative;background: none;padding:0;}
	.history-content:before{display:none}	
	.history-content > li > div > dl{padding:0}
	.history-content > li > div > dl:before{content: '';position: absolute;top: 14px;width: 4px;height: 4px;background-color: #0b419b;border-radius: 50%;}
	.history-content > li.right-box > div > dl:before{left: 4px;margin: 0 0 0 -3px;}
	.history-content > li > div > dl > dt{display: inline-block;font-weight: 500;font-size: 18px;line-height: 32px;vertical-align: top;}
	.history-content > li.right-box > div > dl > dt{padding: 0 0 0 11px;}
	.history-content > li > div > dl > dd{display:block;width: 100%;max-width: calc(100% - 59px);}
	.history-content > li > div > dl > dd > ul > li span{font-size: 15px;color: #767676;line-height: 22px;display: table-cell;width: 13%;}
	.history-content > li > div > dl > dd > ul > li p{position: relative;display: block;font-size: 15px;line-height: 24px;box-sizing: border-box;padding: 0 0 0 10px;width: 100%;}
	.history-content > li.right-box > div > dl > dd > ul > li > p { margin: 0 0 0px 2px;}
	.history-content > li > div > dl > dd > ul > li > ul {margin: 0 0 9px 1px;}
	.history-content > li.right-box > div > dl > dd {float: left;padding: 0 0 0 7px;}
	.history-content > li > div > dl > dd > ul > li p:after {top: 10px;left: 2px;width: 3px;height: 3px;}
	
	
}