@charset "utf-8";
/* History :: Layout */
.company-history {position:relative; padding-top:174px;}
.company-history-wrapper {position:relative; padding-bottom:14.8rem; *zoom:1;}
.company-history-wrapper:after{clear:both; display:block; content:"";}
.company-history-wrapper:before{position:absolute; top:3px; height:100%; width:2px; left:50%; margin-left:-1px; background-color:rgba(0,0,0,0.1); content:"";}
.company-history-wrapper:last-child {padding-bottom:0}
.company-history-wrapper:last-child:before{display:none;}
.company-history-info-box {position:relative; width:50%; }
.company-history-info-box::before{ position:absolute; top:0; width:10px; height:10px;  background-color:#000; border:12px solid #fff;  -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; content:"";  transition:background 0.4s;}

.company-history-info .history-item{position:relative;  margin-bottom:3rem; word-break:keep-all}
.company-history-info .history-month{position:absolute; top:0px; font-size:2rem; line-height: 1.3;  letter-spacing: -0.025em; font-weight:700; color:#000;}
.company-history-info .history-txt{ position:relative; display:block; font-size:1.8rem;  line-height: 1.3; letter-spacing:-0.065em; color: #555; /*font-family:'Noto Sans KR';*/ margin-top:1.5rem;}
.company-history-info .history-month + .history-txt {margin-top:0}
.company-history-year {position:absolute; top:-5px;  font-size:5rem; letter-spacing: -0.025em; color:#000; font-weight: 600;  font-style: italic; transition: color 0.4s;}
/* On */
.company-history-wrapper.on .company-history-info-box::before {background-color: var(--theme-red-color);}
.company-history-wrapper.on .company-history-year {color: var(--theme-red-color);}

@media all and (min-width:801px){
	.company-history:before {content:""; width:2px; height:40px; background-color:#000; position:absolute; top:0; left:50%; margin-left:-1px;}
	.history-left .company-history-info-box{float:left;}
	.history-left .company-history-info-box::before,
	.history-left .company-history-info-box::after {left:100%; transform:translatex(-50%)}
	.history-left .company-history-info {text-align:right; padding-right: 7.5rem;}
	.history-left .company-history-info .history-item{padding-right: 8.7rem; }
	.history-left .company-history-info .history-month{right:0;}
	.history-left .company-history-info .history-txt{padding-right:15px; }
	.history-left .company-history-info .history-txt::before{right:0;}
	.history-left .company-history-year {left:100%; padding-left:7.5rem;}
	.history-left .company-history-year:before{left:0}
	.history-right .company-history-info-box{float:right; }
	.history-right .company-history-info-box::before,
	.history-right .company-history-info-box::after {right:100%; transform:translatex(50%)}
	.history-right .company-history-info {padding-left: 7.5rem;}
	.history-right .company-history-info .history-item{padding-left: 8.7rem;}
	.history-right .company-history-info .history-month{left:0;}
	.history-right .company-history-info .history-txt{padding-left:15px; }
	.history-right .company-history-info .history-txt::before{left:0;}
	.history-right .company-history-list-wrap .company-history-year {right:100%; padding-right:7.5rem;}
	.history-right .company-history-list-wrap .company-history-year:before{right:0}
}
@media all and (max-width:800px){
	.company-history {padding-top:10rem;}
	/* History :: Layout */
	.company-history-wrapper {padding-bottom:10rem}
	.company-history-wrapper:before{left:10px; top:calc(2.5rem - 12px);}
	.company-history-info-box{width:auto; padding-left:40px}
	.company-history-info-box::before{top:calc(2.5rem - 12px); left:-1px; border-width:6px;}
	.company-history-info {margin-top:20px;}
	.company-history-info .history-item{font-size:13px; padding-left:8rem;}
	.company-history-info .history-month{left:0;}
	.company-history-info .history-txt:before{display:none;}
	.company-history-year{position:static; }
	.company-history-year::before{width:20px; left:0; }
}
