@charset "utf-8";

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

.company-tit {padding:0 7vw;}
.company-img {padding:50px 0;}
.company-img.conType1 {padding:50px 0 !important;}
/* .company-img h2 {font-size:var(--fs32); font-weight:700; text-align:center; color:#000; line-height:1.2;} */
.company-img #mainTxt {text-align:center;font-size:var(--fs18); }

.business-overview {position:relative;}
.business-overview img {}
.business-overview a {width:13%; aspect-ratio:1/1; position:absolute;}
.business-overview a:nth-of-type(1) {left:43%; top:21%;}
.business-overview a:nth-of-type(2) {left:18%; top:62%;}
.business-overview a:nth-of-type(3) {left:67%; top:28%;}
.business-overview a:nth-of-type(4) {left:44%; top:62%;}
.business-overview a:nth-of-type(5) {left:67%; top:62%;}
.business-overview a:nth-of-type(6) {left:17%; top:30%;}

.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 {padding:22px 28px;border-top:1px solid #ddd;}
/*.network-list li+li {margin:30px 0 0; padding:30px 0 0; border-top:1px solid #ddd;}*/
.network-list li.light {padding:20px; 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 .country-acc {background:#f3f3f3;}
.network-list .country-acc h3 {color:#e85a21; line-height:1;}
.network-list .country-acc .c_base3 {color:#e85a21!important;}
.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 {}

.overseas-list .country-acc {padding:20px;}
.overseas-list .country-acc-wrap {padding:0 !important;}
.overseas-list .country-acc-wrap h3 {padding-top:20px;}
.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 .titType1 {padding:0 0 40px;}
	.company-img.conType1 {padding:40px 20px !important;}
	
	.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 .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%;}
	
	
}