.content-outer-wrap {background: url(/_res/gradcau/graduate/img/common/bg-content02.png) no-repeat bottom;}
.history-wrap {}
.history-inner {position: relative;margin: 100px 0 0 0;}
.history-inner:before {content: '';width: 1px;height: calc(100% - 30px);background:  #D9D9D9; position: absolute;left: 210px; top: 20px;bottom: 0;}
.history-box {display: flex;gap: 0;position: relative;}
.history-box + .history-box {margin: 60px 0 0 0;}
.history-box .history-year {width: 150px;position: relative;flex: none;margin: 0px 81px 0 0;}
.history-box .history-year p.txt-year {font-family: Playfair Display SC;font-weight: 700;font-size: 64px;line-height: 80%;color:#0053CF;text-align:right;}
.history-box .history-year p.txt-year span {font-size: 36px;display:block;}
.history-box .history-year .txt-desc {font-weight: 600;font-size: 16px;line-height: 120%;text-align: right;}
.history-box .history-year .txt-desc span {display:block;}
.history-box .history-year .txt-desc .t1 {color:#0053CF;}
.history-box .history-year .txt-desc .t2 {color:#003B84;}
.history-box .history-year .txt-desc .t3 {color:#767676;font-weight: 500;}
.history-box .history-desc {display: flex;gap: 20px 0;flex-direction: column;flex: 1;position: relative;}
.history-box .history-desc .history-month {position: relative;display:flex; gap: 27px;}
.history-box .history-desc .history-month:before {content: '';width: 9px;height: 9px;border-radius: 50%;background: #D9D9D9;position: absolute;left: -25px;top: 12px;z-index: 999;}
.history-box.first .history-desc .history-month:first-child:before {top: 20px;}
.history-box .history-desc .history-month .month-box {font-family: Playfair Display SC;font-weight: 700;font-size: 24px;line-height: 28px;color:#0053CF;min-width: 28px;}
.history-box .history-desc .history-month .txt-box {font-weight: 400;font-size: 18px;line-height: 160%;color: #767676;}
.history-box .history-desc .history-month .txt-box ul li p span {font-weight: 500;color: #000; }
.history-box:last-child .history-desc:after {content: "";position: absolute;left: -23px;bottom: -30px;width: 4px;background: #ffffff;height: 30px;}

@media (max-width: 1024px) {}
@media (max-width: 768px) {
	.history-inner {margin: 80px 0 0 0;}
	.history-inner:before {left: 0;height: calc(100% - 150px );top:135px;}
	.history-box {flex-direction:column;gap: 20px;}
	.history-box + .history-box {margin: 40px 0 0 0;}
	.history-box .history-year {padding-left:20px;margin: 0;}
	.history-box .history-year p.txt-year {text-align: left;}
	.history-box .history-desc .history-month {gap: 16px;padding-left: 20px;}
	.history-box .history-desc .history-month:before {left: -4px;}
	.history-box .history-year .txt-desc {text-align: left;}
	.history-box.first .history-desc .history-month:first-child:before {top: 12px;}
	.history-box:last-child .history-desc:after {content: "";position: absolute;left: 0;bottom: 0;width: 4px;background: #ffffff;height: auto;}
	
}