@charset "utf-8";

.company {}
.company>div .titType1 {padding:0 0 50px;}

.history {}
.history-wrap {display:flex; gap:100px;}
.history-tab {align-self:start; position:sticky; top:20px;}
.history-tab .tabBtn {}
.history-con {}
.history-con dl {padding-left:100px; position:relative;}
.history-con dl+dl {padding-top:30px; margin-top:30px; border-top:1px solid #e5e5e5;}
.history-con dl>* {}
.history-con dt {color: var(--base3); font-size:var(--fs18); font-weight: 300; line-height: 140%; position:absolute; left:0; }
.history-con dd {position:relative; color:#333; font-weight:300; padding-left:10px;}
.history-con dd:before {content:""; position:absolute; left:0; top:12px; width:3px; height:3px; background:#ccc;}

.network-list {}
.network-list li {}
.network-list li+li {margin:30px 0 0; padding:30px 0 0; border-top:1px solid #ddd;}
.network-list li.light {margin:15px 0 0; padding:15px 0 0; border-top:1px dashed #e5e5e5;}
.network-list li h3 {padding:0 0 10px; font-size:var(--fs18); color:var(--base3); font-size: var(--fs18); line-height: 160%;}
.network-list li p {padding-left:70px; font-weight: 300;line-height: 120%; position:relative;}
.network-list li p+p {padding-top:5px;}
.network-list li p span {color:#000; left:0; position:absolute;}

.domestic {}
.domestic-wrap {display:flex; gap:50px;}
.domestic-list {}
.domestic-map {align-self:start; position:sticky; top:20px;}
.domestic-map img {}

.overseas-wrap {}
.overseas-map {padding:0 0 50px;}
.overseas-map img {}
.overseas-list {}

.vision {}
.vision-wrap {}
.vision-item {display:flex; gap:10px; width:100%;}
.vision-item+.vision-item {margin-top:20px; padding-top:20px; border-top:1px solid #e5e5e5;}
.vision-item h3 {width:150px; align-self:start; color: var(--base3);font-size:var(--fs18);font-weight: 300; line-height: 100%;}
.vision-item .inner {width:calc(100% - 150px); display:flex; gap:50px; flex-wrap:wrap;}
.vision-item .inner .con {width:calc((100% - 50px)/2);}
.vision-item .inner .con h4 {padding:0 0 10px; color: var(--base2);font-size: var(--fs18);font-weight: 300; line-height: 100%;}
.vision-item .inner .con p {color:#333; font-weight:300; line-height:100%;}



/* ************************ 태블릿 이하(~991) ************************ */
@media (max-width: 1199px) {
	
	.company>div .titType1 {padding:0 0 40px;}
	
	.history-con dl {padding-left:80px;}
	.history-con dl+dl {padding-top: 25px; margin-top: 25px;}
	.history-con .tabItem {display:block;}

	.domestic-wrap {gap:30px;}
	
	.overseas-map {padding:0 0 40px;}
	
	.vision-item .inner {gap:30px;}
	.vision-item .inner .con {width:calc((100% - 30px)/2);}
}


/* ************************ 모바일 ************************ */
@media (max-width: 767px) {
	
	.company>div .titType1 {padding:0 0 30px;}
	
	.history-con dt {padding-bottom:10px; position:static;}
	.history-con dl {padding-left:0;}
	.history-con dl+dl {padding-top: 20px; margin-top: 20px;}
	
	.network-list li h3 {padding:0 0 5px;}
	.network-list li+li {margin:14px 0 0; padding:14px 0 0;}
	.network-list li p {padding-left:0;}
	.network-list li p span {position:static;}
	
	.domestic-wrap {flex-direction:column;}
	
	.overseas-map {padding:0 0 30px;}
	
	.vision-item {flex-direction:column; gap:20px;}
	.vision-item h3 {}
	.vision-item .inner {width:100%; gap:10px;}
	.vision-item .inner .con {width:100%;}
	
	
}