.about_history .top_history {margin-top:2%;text-align:center} /* margin-bottom:6.8%;padding-bottom:5.6%;border-bottom:1px solid #e0e0e0;*/
.about_history .top_history .cmt_history {display:block;margin-bottom:15px;font-family:'LGSmHanL';font-size:1.5em;color:#111}
.about_history .top_history .tit_history {display:inline-block;position:relative;margin-bottom:4%;padding:0 30px;font-family:'Noto Sans CJK KR black';font-size:2em;color:#111;font-weight:normal}
.about_history .top_history .tit_history:before {display:block;position:absolute;top:10px;left:0;width:17px;height:14px;background:url(/m_web/company/v2/images/ico.png) -100px -360px no-repeat;content:''}
.about_history .top_history .tit_history:after {display:block;position:absolute;top:10px;right:0;width:17px;height:14px;background:url(/m_web/company/v2/images/ico.png) -120px -360px no-repeat;content:''}
.about_history .top_history .sub_txt {text-align:left}
.about_history .top_history .rolling_history {overflow:hidden;max-height:145px;margin-top:3%;padding:0 5%}
.about_history .top_history .rolling_history .bx-wrapper {margin:0 auto}
.about_history .top_history .rolling_history .list_img {font-size:0}
.about_history .top_history .rolling_history .list_img li {display:inline-block;width:33.3%;padding:0 1%;box-sizing:border-box}
.about_history .top_history .rolling_history .list_img li img {width:100%}
.about_history .tab_history {display:block;overflow:hidden;max-width:1000px;width:100%;margin-bottom:6%}
.about_history .tab_history li {display:block;float:left;width:24.7%;border-bottom:2px solid #fff;border-left:2px solid #fff}
.about_history .tab_history li:nth-child(4n+1) {border-left:none}
.about_history .tab_history li a {display:block;height:50px;line-height:50px;font-size:1em;color:#111;text-align:center;background:#eee;letter-spacing:-0.05em}
.about_history .tab_history li.active a {background:#a50034;color:#fff}
.about_history .tab_history li > a .term_tit {display:inline-block;vertical-align:middle}
.about_history .tab_history li > a .term_year {display:inline-block;vertical-align:middle}
.about_history .tab_history_cont {display:none}
.cont_history .tit_term {width:200px;height:60px;margin:0 auto;padding:0 1%;line-height:60px;font-size:1.25em;color:#fff;text-align:center;font-weight:normal;background:#398dce;border-radius:50px;box-sizing:border-box;transition:0.3s}
.cont_history .innr {overflow:hidden;position:relative;padding-top:5%;background:url(/m_web/company/v2/images/history_line.jpg) 50% 0 repeat-y;transition:0.3s}
.cont_history .innr:after {display:block;position:absolute;bottom:0;left:50%;width:5px;height:5px;margin-left:-2px;background:#eee;border-radius:50%;content:''}
.cont_history .innr .group_year {overflow:hidden;position:relative;width:51%;min-height:90px;letter-spacing:-0.03em;box-sizing:border-box;transition:0.3s}
.cont_history .innr .group_year:nth-child(odd) {float:right;padding-left:142px}
.cont_history .innr .group_year:nth-child(even) {float:left;padding-right:142px}
.cont_history .innr .group_year.gap_up {margin-top:-20px}
.cont_history .innr .group_year .tit_year {display:block;position:relative;width:126px;font-family:'Noto Sans CJK KR black';font-size:2em;color:#398dce;font-weight:normal;word-break:break-all} /* width:70px; font-size:1.5em */
.cont_history .innr .group_year:nth-child(odd) .tit_year {float:left;margin-left:-132px;padding-left:38px}
.cont_history .innr .group_year:nth-child(even) .tit_year {float:right;margin-right:-132px;padding-right:38px}
.cont_history .innr .group_year .tit_year:after {display:block;position:absolute;top:8px;width:37px;height:17px;content:''}
.cont_history .innr .group_year:nth-child(odd) .tit_year:after {left:-8px;background:url(/m_web/company/v2/images/ico_m.png) -100px -100px no-repeat;background-size:250px 300px;content:''}
.cont_history .innr .group_year:nth-child(even) .tit_year:after {right:-8px;background:url(/m_web/company/v2/images/ico_m.png) -100px -120px no-repeat;background-size:250px 300px;content:''}
.cont_history .innr .group_year .list_year li {position:relative;padding:6px 0;font-family:'Noto Sans CJK KR Thin';line-height:1.2em;font-size:1.1rem;color:#fff; letter-spacing: 0.03rem;} /* color:#333 */
/*.cont_history .innr .group_year:nth-child(odd) .list_year li {padding-left:45px}*/
.cont_history .innr .group_year:nth-child(even) .list_year li {padding-right:45px;text-align:right}
.cont_history .innr .group_year .list_year .tit_month {position:absolute;top:6px;font-family:'LGSmHanR';color:#333}
.cont_history .innr .group_year:nth-child(odd) .list_year .tit_month {left:0}
.cont_history .innr .group_year:nth-child(even) .list_year .tit_month {right:0}
.cont_history .innr .group_year .list_year li.tit_none {padding-left:0;padding-right:0}
.cont_history .innr .group_year:nth-child(even) .list_year {padding-right:38px;}

@media screen and (max-width:1024px){
	.about_history .tab_history {padding:0 2%;box-sizing:border-box}
}
@media screen and (max-width:768px){
	.about_history .tab_history li {display:none;float:none;width:100%;border-left:none;border-bottom:1px solid #fff}
	.about_history .tab_history li.active {display:block}
	.about_history .tab_history li a {padding:0 3%;text-align:left;font-size:1.125em}
	.about_history .tab_history li.active a {background:#a50034 url(/m_web/company/v2/images/tab_arr.png) 95% 50% no-repeat;background-size:15px auto}
	.about_history .top_history .sub_txt {padding:0 5%;line-height:1.625em}
	.about_history .top_history .rolling_history {position:relative;margin:3% 5% 0 5%;padding:0 9%}
	.about_history .top_history .rolling_history .list_img li {width:auto;padding:0}
	.about_history .top_history .rolling_history .bx-controls-direction a {display:block;position:absolute;top:50%;margin-top:-25px;width:20px;height:50px;font-size:0;text-indent:-999px}
	.about_history .top_history .rolling_history .bx-prev {left:4%;margin-left:-10px;background:url(/m_web/company/v2/images/ico.png) -100px -740px no-repeat}
	.about_history .top_history .rolling_history .bx-next {right:4%;margin-right:-10px;background:url(/m_web/company/v2/images/ico.png) -121px -740px no-repeat}
	.cont_history {padding:0 5%}
	.cont_history .tit_term {width:150px;height:50px;line-height:50px;margin:0}
	.cont_history .innr {background-position:20px 0}
	.cont_history .innr:after {left:18px;margin-left:0} 
	.cont_history .innr .group_year {width:100%;margin-bottom:7%}
	.cont_history .innr .group_year:nth-child(odd) {float:none;padding-left:20px}
	.cont_history .innr .group_year:nth-child(even) {float:none;padding:0 0 0 20px}
	.cont_history .innr .group_year:nth-child(odd) .tit_year {float:none;width:100%;margin:0;padding-left:36px}
	.cont_history .innr .group_year:nth-child(even) .tit_year {float:none;margin:0;padding:0 0 0 36px}
	.cont_history .innr .group_year:nth-child(even) .tit_year:after {right:none;left:-8px;background:url(/m_web/company/v2/images/ico_m.png) -100px -100px no-repeat;background-size:250px 300px;content:''}
	.cont_history .innr .group_year .list_year {padding-left:36px}
	.cont_history .innr .group_year:nth-child(even) .list_year li {text-align:left;padding:6px 0 6px 45px}
	.cont_history .innr .group_year:nth-child(even) .list_year li.tit_none {padding-left:0}
	.cont_history .innr .group_year:nth-child(even) .list_year .tit_month {right:none;left:0}
	.cont_history .innr .group_year.gap_up {margin-top:0}
	
}

@media screen and (max-width:480px){
	.cont_history .innr .group_year .list_year li br {display:none}
	.cont_history .innr .group_year .list_year li {font-size: 0.9em; padding: 3px 0;}
	.cont_history .tit_term {
		width: 130px;
		height: 35px;
		line-height: 35px;
		margin: 0;
		font-size: 1em;
	}
}