#subWrap { position:relative; }
#subWrap #sv { position:relative; height:600px; overflow:hidden; }
#subWrap #sv .bg { width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover !important;}
#subWrap #sv .subTitle { position:absolute; top:50%; left:0; transform:translateY(-30%); width:100%; text-align:center; overflow:hidden; line-height:1.2; font-size:70px; font-weight:700; color:#fff; font-family: 'Play', sans-serif; }
#subWrap #sv.sv01 .bg { background:url(/img/sub/subVisual_bg1.jpg); }
#subWrap #sv.sv02 .bg { background:url(/img/sub/subVisual_bg2.jpg); }
#subWrap #sv.sv03 .bg { background:url(/img/sub/subVisual_bg3.jpg); }
#subWrap #sv.sv04 .bg { background:url(/img/sub/subVisual_bg4.jpg); }

/* animation */
#subWrap #sv .subTitle span { display:block; }
#subWrap #sv .subTitle span  { opacity:0; }
#subWrap #sv .bg { animation:bgs1 1.5s 0.3s; animation-fill-mode:both; }
#subWrap #sv .subTitle span { animation:blur_txt 0.8s 0.8s; animation-fill-mode:both; }

@media screen and (max-width:1024px){	
	#subWrap #sv { height:380px; }
	#subWrap #sv .subTitle { font-size:40px; }
}
@media screen and (max-width:640px){	
	#subWrap #sv { height:280px; }
	#subWrap #sv .subTitle { font-size:28px; top:60%; }
}


/* lnb */
#lnb { border-bottom:1px solid #e0e0e0; position:relative; z-index:5; }
#lnb p { display:none; }
#lnb .depth2 { max-width:1500px; margin:0 auto; display:flex; align-items:center; justify-content:center; width:100%; }
#lnb .depth2 li { margin:0 38px; }
#lnb .depth2 li a { position:relative; display:flex; align-items:center; height:70px; font-size:16px; color:#111; font-weight:500; letter-spacing:-0.02em; }
#lnb .depth2 li a:after { content:""; display:block; position:absolute; left:-2px; bottom:-1px; background-color:#eb5405; width:0; height:2px; }
#lnb .depth2 li.over a { color:#eb5405; font-weight:700 }
#lnb .depth2 li.over a:after { width:calc(100% + 4px); }
#lnb .depth2 li ul { display:none; }
@media screen and (max-width:1540px){	
	#lnb .depth2 { padding:0 20px; }
}
@media screen and (max-width:1280px){	
	#lnb .depth2 li { margin:0 30px; }
	#lnb .depth2 li a { height:55px; }
}
@media screen and (max-width:1024px){	
	#lnb .depth2 li { margin:0 25px; }
}
@media screen and (max-width:760px){	
	#lnb .depth2 { text-align:left; }
	#lnb { position:relative; z-index:22;}
	#lnb p { position:relative; z-index:2; cursor:pointer; width:100%; padding:0 20px; display:block; }
	#lnb p:after { content:"\e942"; display:block; position:absolute; right:10px; top:15px; color:#777; font-family:xeicon; font-size:16px; font-weight:300; transition:all 0.3s 0.1s ease-in-out; }
	#lnb p.ov:after { content:"\e945";}
	#lnb p span { font-size:16px; font-weight:600; color:#111; display:flex; align-items:center; height:50px; }
	#lnb .depth2 { display:none; position:absolute; top:51px; left:0; padding:10px 0; width:100%; background-color:#fff; border-bottom:1px solid #eee; z-index;555; }
	#lnb .depth2 li { margin:0; }
	#lnb .depth2 li a:after { display:none }	
	#lnb .depth2 li a { height:auto; display:block; font-size:14px; display:block; padding:8px 20px; color:#111; }
}

#subContents { padding:125px 0 180px 0 }
@media screen and (max-width: 1200px) {
	#subContents { padding:100px 0 160px 0 }
}
@media screen and (max-width: 960px) {
	#subContents { padding:80px 0 140px 0 }
}
@media screen and (max-width: 767px) {
	#subContents { padding:60px 0 120px 0 }
} 

.subTitle { text-align:center; }
.subTitle h2 { font-size:50px; color:#222; font-weight:800; }
.subTit { position:relative; padding-left:19px; }
.subTit:after { content:""; display:block; position:absolute; left:0; top:2px; background-color:#eb5405; width:4px; height:30px; }
.subTit h3 { font-size:33px; color:#333; font-weight:800; }
.subCont { margin-top:75px; }
@media screen and (max-width: 1200px) {
	.subCont { margin-top:55px; }
	.subTitle h2 { font-size:40px; }
	.subTit { padding-left:18px; }
	.subTit:after { top:2px; width:4px; height:28px; }
	.subTit h3 { font-size:30px; }
}
@media screen and (max-width: 960px) {
	.subCont { margin-top:45px; }
	.subTitle h2 { font-size:30px; }
	.subTit { padding-left:16px; }
	.subTit:after { width:3px; height:22px; }
	.subTit h3 { font-size:24px; }
}
@media screen and (max-width: 640px) {
	.subTitle h2 { font-size:26px; }
	.subTit { padding-left:12px; }
	.subTit:after { width:2px; height:16px; }
	.subTit h3 { font-size:19px; }
}

/* company */
.company-box .overview-box .listbox ul {  margin-top:40px; display:flex; gap:30px; flex-wrap:wrap;}
.company-box .overview-box .listbox li { width:calc((100% - 60px) / 3); }
.company-box .overview-box .listbox li .box { height:350px; width:100%; padding:15% 10px 0; text-align:center; display:flex; align-items:center; flex-direction:column; background-color:#f5f5f5; }
.company-box .overview-box .listbox li .box .icon { width:100px; margin:0 auto; background-color:#fff; border-radius:100px; }
.company-box .overview-box .listbox li .box strong { display:block; margin-top:28px; font-size:20px; color:#333; font-weight:700; }
.company-box .overview-box .listbox li .box span { display:block; margin-top:15px; font-size:17px; color:#666; font-weight:400; line-height:1.4 }
.company-box .overview-box .affiliate { margin:130px 0 -180px; background-color:#f9f9f9; overflow:hidden }
.company-box .overview-box .affiliate .inner1500 { padding-top:130px; padding-bottom:130px; }
.company-box .overview-box .affiliate .list { margin-top:35px; }
.company-box .overview-box .affiliate .list > ul { display:flex; gap:20px; flex-wrap:wrap; }
.company-box .overview-box .affiliate .list > ul > li { width:calc((100% - 60px) / 4); height:300px; display:flex; align-items:center; justify-content:center; cursor:pointer; }
.company-box .overview-box .affiliate .list > ul > li > p { color:#fff; font-size:22px; font-weight:700; z-index:1; text-align:center; }
.company-box .overview-box .affiliate .list > ul > li:nth-child(1) { background: url(/img/sub/overview_affiliate1.jpg) no-repeat top center / cover; }
.company-box .overview-box .affiliate .list > ul > li:nth-child(2) { background: url(/img/sub/overview_affiliate2.jpg) no-repeat top center / cover; }
.company-box .overview-box .affiliate .list > ul > li:nth-child(3) { background: url(/img/sub/overview_affiliate3.jpg) no-repeat top center / cover; }
.company-box .overview-box .affiliate .list > ul > li:nth-child(4) { background: url(/img/sub/overview_affiliate4.jpg) no-repeat top center / cover; }
.company-box .overview-box .affiliate .list > ul > li:hover dl { opacity:1; z-index:2; border:3px solid #eb5405; }
.company-box .overview-box .affiliate .list dl { opacity:0; position:absolute; left:0; top:0; background-color:#fff; width:100%; height:100%; padding:30px 35px 0; }
.company-box .overview-box .affiliate .list dt { text-align:center; display:flex; align-items:center; justify-content:center; }
.company-box .overview-box .affiliate .list dd { padding-top:20px; }
.company-box .overview-box .affiliate .list dd li:not(:last-child) { margin-bottom:12px; }
.company-box .overview-box .affiliate .list dd li { position:relative; padding-left:12px; font-size:17px; font-weight:400; color:#666; line-height:1.4; letter-spacing:-0.02em }
.company-box .overview-box .affiliate .list dd li:after { content:""; display:block; position:absolute; left:0; top:10px; background-color:#666; width:4px; height:4px; border-radius:5px;}
@media screen and (max-width: 1500px) {
	.company-box .overview-box .affiliate .list dd { padding:35px 30px 0; }
}
@media screen and (max-width: 1200px) {
	.company-box .overview-box .listbox ul {  margin-top:30px; gap:20px; }
	.company-box .overview-box .listbox li { width:calc((100% - 40px) / 3); }
	.company-box .overview-box .listbox li .box { height:300px; padding-top:13%; }
	.company-box .overview-box .listbox li .box .icon { width:80px; }
	.company-box .overview-box .listbox li .box strong { margin-top:24px; font-size:18px; }
	.company-box .overview-box .listbox li .box span { margin-top:12px; font-size:16px; }
	.company-box .overview-box .affiliate { margin:130px 0 -160px;}
	.company-box .overview-box .affiliate .inner1500 { padding-top:100px; padding-bottom:100px; }
	.company-box .overview-box .affiliate .list { margin-top:30px; }
	.company-box .overview-box .affiliate .list > ul { gap:15px; }
	.company-box .overview-box .affiliate .list > ul > li { width:calc((100% - 45px) / 4); }
	.company-box .overview-box .affiliate .list dl { padding:20px 20px 0; }
	.company-box .overview-box .affiliate .list dd { margin-top:10px; padding:15px 10px 0; }
	.company-box .overview-box .affiliate .list dd li:not(:last-child) { margin-bottom:10px; }
	.company-box .overview-box .affiliate .list dd li { padding-left:12px; font-size:16px; }
	.company-box .overview-box .affiliate .list dd li:after { top:9px; width:3px; height:3px; }
}
@media screen and (max-width: 960px) {
	.company-box .overview-box .listbox ul { gap:10px; }
	.company-box .overview-box .listbox li { width:calc((100% - 20px) / 3); }
	.company-box .overview-box .listbox li .box { height:300px; padding-top:10%; }
	.company-box .overview-box .listbox li .box .icon { width:70px; }
	.company-box .overview-box .affiliate .list > ul > li > p { font-size:18px; }
	.company-box .overview-box .affiliate { margin:100px 0 -140px;}
	.company-box .overview-box .affiliate .inner1500 { padding-top:80px; padding-bottom:80px; }
	.company-box .overview-box .affiliate .list { margin-top:30px; }
	.company-box .overview-box .affiliate .list > ul { gap:15px; }
	.company-box .overview-box .affiliate .list > ul > li { width:calc((100% - 15px) / 2); }
	.company-box .overview-box .affiliate .list > ul > li > p { display:none }
	.company-box .overview-box .affiliate .list dl { opacity:1; padding:25px 10px 0; border:1px solid #ddd; }
	.company-box .overview-box .affiliate .list > ul > li:hover dl { border:1px solid #ddd; }
	.company-box .overview-box .affiliate .list dd { margin-top:10px; padding:10px 10px 0; }
}
@media screen and (max-width: 767px) {
	.company-box .overview-box .affiliate { margin:70px 0 -120px;}
} 
@media screen and (max-width: 640px) {
	.company-box .overview-box .listbox li { width:calc((100% - 10px) / 2); }
	.company-box .overview-box .listbox li .box { height:170px; padding-top:10%; }
	.company-box .overview-box .listbox li:nth-child(3) .box,
	.company-box .overview-box .listbox li:nth-child(4) .box { height:250px; }
	.company-box .overview-box .listbox li .box .icon { width:60px; }
	.company-box .overview-box .listbox li .box strong { margin-top:15px; font-size:17px; }
	.company-box .overview-box .listbox li .box span { margin-top:8px; font-size:15px; }
	.company-box .overview-box .affiliate .inner1500 { padding-top:50px; padding-bottom:50px; }
	.company-box .overview-box .affiliate .list > ul > li > p { font-size:16px; }
	.company-box .overview-box .affiliate .list dl { padding:15px 10px 0; }
	.company-box .overview-box .affiliate .list dt img { max-width:100%; }
	.company-box .overview-box .affiliate .list dd { padding:15px 12px 0;}
	.company-box .overview-box .affiliate .list dd li { padding-left:10px; font-size:15px; }
}
@media screen and (max-width: 560px) {
	.company-box .overview-box .affiliate .list > ul > li { height:360px; }
}
@media screen and (max-width: 480px) {
	.company-box .overview-box .affiliate .list > ul > li { width:100%; height:auto; }
	.company-box .overview-box .affiliate .list dl { position:relative; padding:20px 10px 30px; height:auto }
}
/* animation */
.company-box .overview-box .listbox li,
.company-box .overview-box .affiliate .list > ul > li { opacity:0; }
.company-box .overview-box .listbox.subOn li:nth-child(1) { animation:ani_3 0.5s 0.2s; animation-fill-mode:both; }
.company-box .overview-box .listbox.subOn li:nth-child(2) { animation:ani_3 0.5s 0.4s; animation-fill-mode:both; }
.company-box .overview-box .listbox.subOn li:nth-child(3) { animation:ani_3 0.5s 0.6s; animation-fill-mode:both; }
.company-box .overview-box .listbox.subOn li:nth-child(4) { animation:ani_3 0.5s 0.8s; animation-fill-mode:both; }
.company-box .overview-box .listbox.subOn li:nth-child(5) { animation:ani_3 0.5s 1.0s; animation-fill-mode:both; }
.company-box .overview-box .listbox.subOn li:nth-child(6) { animation:ani_3 0.5s 1.2s; animation-fill-mode:both; }
.company-box .overview-box .listbox.subOn li:nth-child(7) { animation:ani_3 0.5s 1.4s; animation-fill-mode:both; }
.company-box .overview-box .listbox.subOn li:nth-child(8) { animation:ani_3 0.5s 1.6s; animation-fill-mode:both; }
.company-box .overview-box .listbox.subOn li:nth-child(9) { animation:ani_3 0.5s 1.8s; animation-fill-mode:both; }
.company-box .overview-box .affiliate .list > ul > li { opacity:0; }
.company-box .overview-box .affiliate .list.subOn > ul > li:nth-child(1) { animation:ani_2 0.5s 0.2s; animation-fill-mode:both; }
.company-box .overview-box .affiliate .list.subOn > ul > li:nth-child(2) { animation:ani_2 0.5s 0.4s; animation-fill-mode:both; }
.company-box .overview-box .affiliate .list.subOn > ul > li:nth-child(3) { animation:ani_2 0.5s 0.6s; animation-fill-mode:both; }
.company-box .overview-box .affiliate .list.subOn > ul > li:nth-child(4) { animation:ani_2 0.5s 0.8s; animation-fill-mode:both; }
.company-box .overview-box .affiliate .list.subOn > ul > li:nth-child(5) { animation:ani_2 0.5s 1.0s; animation-fill-mode:both; }
.company-box .overview-box .affiliate .list.subOn > ul > li:nth-child(6) { animation:ani_2 0.5s 1.2s; animation-fill-mode:both; }
.company-box .overview-box .affiliate .list.subOn > ul > li:nth-child(7) { animation:ani_2 0.5s 1.4s; animation-fill-mode:both; }
.company-box .overview-box .affiliate .list.subOn > ul > li:nth-child(8) { animation:ani_2 0.5s 1.6s; animation-fill-mode:both; }
.company-box .overview-box .affiliate .list > ul > li:hover li:nth-child(1) { animation:ani_3 0.5s 0.2s; animation-fill-mode:both; }
.company-box .overview-box .affiliate .list > ul > li:hover li:nth-child(2) { animation:ani_3 0.5s 0.4s; animation-fill-mode:both; }
.company-box .overview-box .affiliate .list > ul > li:hover li:nth-child(3) { animation:ani_3 0.5s 0.6s; animation-fill-mode:both; }
.company-box .overview-box .affiliate .list > ul > li:hover li:nth-child(4) { animation:ani_3 0.5s 0.8s; animation-fill-mode:both; }
.company-box .overview-box .affiliate .list > ul > li:hover li:nth-child(5) { animation:ani_3 0.5s 1.0s; animation-fill-mode:both; }
.company-box .overview-box .affiliate .list > ul > li:hover li:nth-child(6) { animation:ani_3 0.5s 1.2s; animation-fill-mode:both; }
.company-box .overview-box .affiliate .list > ul > li:hover li:nth-child(7) { animation:ani_3 0.5s 1.4s; animation-fill-mode:both; }
.company-box .overview-box .affiliate .list > ul > li:hover li:nth-child(8) { animation:ani_3 0.5s 1.6s; animation-fill-mode:both; }

/* history */
.company-box .history-box .history_top { height:405px; display:flex;flex-direction:column; justify-content:center; align-items:center; background: url(/img/sub/history_top_bg.jpg) no-repeat top center / cover; }
.company-box .history-box .history_top strong { font-size:80px; font-weight:700; color:#fff }
.company-box .history-box .history_top span { font-size:19px; font-weight:400; color:#fff; display:block; margin-top:25px; }
.company-box .history-box .history-list { margin-top:85px; position:relative; }
.company-box .history-box .history-list .listbox { position:relative; }
.company-box .history-box .history-list .listbox > ul > li { position:relative; width:50%; margin-left:50%; text-align:left; padding-left:60px; z-index:8 }
.company-box .history-box .history-list .listbox > ul > li:not(:last-child) { margin-bottom:80px; }
.company-box .history-box .history-list .listbox > ul > li:before { transition:.3s; content:''; display:block; position:absolute; top:2px; left:-10px; width:21px; height:21px; background-color:#f7f7f7; border-radius:50%; }
.company-box .history-box .history-list .listbox > ul > li:after { content:''; display:block; position:absolute; top:11px; left:-2px; width:5px; height:5px; background-color:#e0e0e0; border-radius:10px; }
.company-box .history-box .history-list .listbox > ul > li.end { padding-bottom:0; }
.company-box .history-box .history-list .listbox > ul > li dt { position:absolute; left:-150px; top:-8px; color:#333; font-size:40px; font-weight:700; }
.company-box .history-box .history-list .listbox > ul > li dd li { position:relative; padding-left:44px; color:#666; font-size:17px; font-weight:400; line-height:1.5 }
.company-box .history-box .history-list .listbox > ul > li dd li .mon { position:absolute; top:-4px; left:0; color:#333; font-size:22px; font-weight:400;}
.company-box .history-box .history-list .listbox > ul > li dd li:not(:last-child) { margin-bottom:20px; }
.company-box .history-box .history-list .listbox > ul > li.effect:before { background-color:#fdeee6; }
.company-box .history-box .history-list .listbox > ul > li.effect:after { background-color:#eb5405; }
.company-box .history-box .history-list .progressbar { position:absolute; top:20px; left:50%; width:1px; height:calc(100% - 20px); background-color:#e0e0e0; overflow:hidden; }
.company-box .history-box .history-list .progress { position: absolute; left:0; top:0; width:1px; height:0; background:#eb5405; transition:.5s;}
@media screen and (max-width:1200px){
	.company-box .history-box .history-list .listbox {	background:none !important; }
}
@media screen and (max-width:960px){
	.company-box .history-box .history_top { height:320px;  }
	.company-box .history-box .history_top strong { font-size:60px; }
	.company-box .history-box .history_top span { font-size:17px; margin-top:20px; }
	.company-box .history-box .history-list { margin:0 auto; margin-top:50px; max-width:640px; }
	.company-box .history-box .history-list .listbox > ul { padding-left:20px; }
	.company-box .history-box .history-list .listbox > ul > li { width:100%; margin-left:0; padding-left:50px; }
	.company-box .history-box .history-list .listbox > ul > li:before { left:10px; }
	.company-box .history-box .history-list .listbox > ul > li:after {  left:18px; }
	.company-box .history-box .history-list .listbox > ul > li dt { left:0; top:-5px; font-size:24px; position:relative; }
	.company-box .history-box .history-list .listbox > ul > li dd { padding-top:10px; }
	.company-box .history-box .history-list .listbox > ul > li dd li { padding-left:36px; font-size:15px; }
	.company-box .history-box .history-list .listbox > ul > li dd li .mon { top:-6px; font-size:20px; }
	.company-box .history-box .history-list .progressbar { left:39.5px;  height:calc(100% - 50px); }
}

/* animation */
.company-box .history-box .history_top strong,
.company-box .history-box .history_top span,
.company-box .history-box .history-list { opacity:0; }
.company-box .history-box .history_top.subOn strong { animation:ani_3 0.5s 0.2s; animation-fill-mode:both; }
.company-box .history-box .history_top.subOn span { animation:ani_3 0.5s 0.4s; animation-fill-mode:both; }
.company-box .history-box .history-list.subOn { animation:ani_3 0.5s 0.2s; animation-fill-mode:both; }

/* vision */
.company-box .vision-box .box { display:flex; }
.company-box .vision-box .box * { font-family: 'NanumSquare', sans-serif;}
.company-box .vision-box .box > div { width:50%; }
.company-box .vision-box .box .imgbox { position:relative; text-align:right; }
.company-box .vision-box .box .imgbox img { max-width:100%; }
.company-box .vision-box .box .txtbox { padding-right:30px; }
.company-box .vision-box .box .txtbox dt { color:#222; font-size:43px; font-weight:800; }
.company-box .vision-box .box .txtbox dd { margin-top:70px; }
.company-box .vision-box .box .txtbox dd p { color:#222; font-size:17px; font-weight:700; line-height:1.5}
.company-box .vision-box .box .txtbox dd .txt_1 { margin-top:35px; color:#666; font-size:17px; font-weight:400; line-height:1.5}
.company-box .vision-box .box .txtbox dd .txt_2 { margin-top:60px; color:#666; font-size:17px; font-weight:400; line-height:1.5}
.company-box .vision-box .box .txtbox dd .txt_2 strong { color:#333; font-size:20px; font-weight:700; display:block; margin-top:15px; }
.company-box .vision-box .box .txtbox dd .list { margin-top:30px; }
.company-box .vision-box .box .txtbox dd .list li:not(:last-child) { margin-bottom:14px; }
.company-box .vision-box .box .txtbox dd .list li { color:#333; font-size:17px; font-weight:700;}
.company-box .vision-box .box .txtbox dd .list li i { color:#eb5405; font-size:20px; display:inline-block; vertical-align:middle; margin-top:-2px; }
@media screen and (max-width:1500px){
	.company-box .vision-box .box .txtbox dt { font-size:38px; }
	.company-box .vision-box .box .txtbox dd { margin-top:50px; }
	.company-box .vision-box .box .txtbox dd p { font-size:17px; }
	.company-box .vision-box .box .txtbox dd .txt_1 { margin-top:30px; }
	.company-box .vision-box .box .txtbox dd .txt_1 br { display:none }
	.company-box .vision-box .box .txtbox dd .txt_1 .m_br { display:block }
	.company-box .vision-box .box .txtbox dd .txt_2 { margin-top:50px; }
	.company-box .vision-box .box .txtbox dd .txt_2 strong { margin-top:12px; }
	.company-box .vision-box .box .txtbox dd .list { margin-top:25px; }
	.company-box .vision-box .box .txtbox dd .list li:not(:last-child) { margin-bottom:14px; }
}
@media screen and (max-width:1200px){
	.company-box .vision-box .box .imgbox { width:45%; }
	.company-box .vision-box .box .txtbox { width:55%; }
	.company-box .vision-box .box .txtbox dt { font-size:28px; }
	.company-box .vision-box .box .txtbox dd { margin-top:32px; }
	.company-box .vision-box .box .txtbox dd p { font-size:16px; }
	.company-box .vision-box .box .txtbox dd .txt_1 { margin-top:20px; font-size:16px; }
	.company-box .vision-box .box .txtbox dd .txt_2 { margin-top:40px; font-size:16px; }
	.company-box .vision-box .box .txtbox dd .txt_2 strong { font-size:18px; margin-top:8px; }
	.company-box .vision-box .box .txtbox dd .list { margin-top:25px; }
	.company-box .vision-box .box .txtbox dd .list li:not(:last-child) { margin-bottom:10px; }
	.company-box .vision-box .box .txtbox dd .list li { font-size:16px; }
	.company-box .vision-box .box .txtbox dd .list li i { font-size:18px; margin-top:-2px; }
}
@media screen and (max-width:960px){
	.company-box .vision-box .box { flex-direction:column-reverse; }
	.company-box .vision-box .box .imgbox { width:100%; text-align:center; }
	.company-box .vision-box .box .txtbox { width:100%; padding-right:0; margin-top:40px; }
	.company-box .vision-box .box .txtbox dt { font-size:24px; }
}

/* animation */
.company-box .vision-box .box .imgbox:before { content:""; display:block; width:calc(100% + 2px); height:calc(100% + 2px); background:#fff; position:absolute; right:-1px; top:-1px; transition:width 1.2s, opacity 1.5s; z-index:1 }
.company-box .vision-box .box.subOn .imgbox:before { width:0; }
.company-box .vision-box .box .txtbox dt,
.company-box .vision-box .box .txtbox dd p,
.company-box .vision-box .box .txtbox dd .txt_1,
.company-box .vision-box .box .txtbox dd .txt_11,
.company-box .vision-box .box .txtbox dd .txt_2,
.company-box .vision-box .box .txtbox dd .list{ opacity:0; }
.company-box .vision-box .box.subOn .txtbox dt { animation:ani_2 0.5s 0.2s; animation-fill-mode:both; }
.company-box .vision-box .box.subOn .txtbox dd p { animation:ani_2 0.5s 0.4s; animation-fill-mode:both; }
.company-box .vision-box .box.subOn .txtbox dd .txt_1 { animation:ani_2 0.5s 0.6s; animation-fill-mode:both; }
.company-box .vision-box .box.subOn .txtbox dd .list { animation:ani_2 0.5s 0.8s; animation-fill-mode:both; }
.company-box .vision-box .box.subOn .txtbox dd .txt_11 { animation:ani_2 0.5s 1.0s; animation-fill-mode:both; }
.company-box .vision-box .box.subOn .txtbox dd .txt_2 { animation:ani_2 0.5s 1.2s; animation-fill-mode:both; }


/* location */
.company-box .location-box .map-box:not(:last-child) { margin-bottom:55px; }
.company-box .location-box .map-box { display:flex; flex-wrap:wrap; align-items:center; }
.company-box .location-box .map-box > div { width:50%; }
.company-box .location-box .map-box .map { height:450px !important; }
.company-box .location-box .map-box .map .m > div,
.company-box .location-box .map-box .wrap_map { width:100% !important; height:100% !important;}
.company-box .location-box .map-box .info { padding-left:98px; }
.company-box .location-box .map-box .info ul { margin-top:44px; }
.company-box .location-box .map-box .info li:not(:last-child) { margin-bottom:18px; }
.company-box .location-box .map-box .info li { position:relative; color:#666; font-size:17px; font-weight:400; padding-left:90px; font-family: 'NanumSquare', sans-serif; line-height:1.4; }
.company-box .location-box .map-box .info li strong { position:absolute; left:0; top:-1px; color:#333; font-size:20px; font-weight:400; font-family: 'Play', sans-serif;}
@media screen and (max-width:1200px){
	.company-box .location-box .map-box .map { height:350px !important; }
	.company-box .location-box .map-box .info { padding-left:45px; }
	.company-box .location-box .map-box .info ul { margin-top:35px; }
	.company-box .location-box .map-box .info li:not(:last-child) { margin-bottom:15px; }
	.company-box .location-box .map-box .info li { font-size:17px; }
	.company-box .location-box .map-box .info li strong { top:-1px; font-size:20px; }
}
@media screen and (max-width:960px){
	.company-box .location-box .map-box > div { width:100%; }
	.company-box .location-box .map-box .map { height:300px !important; }
	.company-box .location-box .map-box .info { padding-left:0; margin-top:30px; }
	.company-box .location-box .map-box .info ul { margin-top:20px; }
	.company-box .location-box .map-box .info li:not(:last-child) { margin-bottom:10px; }
	.company-box .location-box .map-box .info li { font-size:16px; }
	.company-box .location-box .map-box .info li strong { top:-1px; font-size:18px; }
}

/* animation */
.company-box .location-box .map-box .info dt,
.company-box .location-box .map-box .info dd,
.company-box .location-box .map-box .map { opacity:0; }
.company-box .location-box .map-box .info.subOn dt { animation:ani_2 0.5s 0.2s; animation-fill-mode:both; }
.company-box .location-box .map-box .info.subOn dd { animation:ani_2 0.5s 0.4s; animation-fill-mode:both; }
.company-box .location-box .map-box.subOn .map { animation:ani_1 0.5s 0.2s; animation-fill-mode:both; }


/* business */
.business-box .top-box { display:flex; flex-wrap:wrap; align-items: center; }
.business-box .top-box > div { width:50%; }
.business-box .top-box .imgbox { position:relative; }
.business-box .top-box .imgbox img { width:100%; }
.business-box .top-box .txtbox { padding:0 0 0 105px; }
.business-box .top-box .txtbox dt { font-size:30px; color:#333; font-weight:800; line-height:1.4; }
.business-box .top-box .txtbox dd { padding-top:40px; }
.business-box .top-box .txtbox dd p { margin-top:25px; font-size:17px; color:#666; font-weight:400; line-height:1.6; letter-spacing:-0.02em }
.business-box .cont-box { margin-top:130px; }
.business-box .cont-box dd { margin-top:35px; }
.business-box .cont-box dd li:not(:last-child) { margin-bottom:12px; }
.business-box .cont-box dd li { position:relative; padding-left:12px; font-size:17px; font-weight:400; color:#666; line-height:1.4; letter-spacing:-0.02em }
.business-box .cont-box dd li:after { content:""; display:block; position:absolute; left:0; top:10px; background-color:#666; width:4px; height:4px; border-radius:5px;}
.business-box .cont-box dd p:not(:last-child) { margin-bottom:22px; }
.business-box .cont-box dd p span { position:relative; padding-left:12px; font-size:17px; font-weight:400; color:#666; line-height:1.4; letter-spacing:-0.02em}
.business-box .cont-box dd p span:after { content:""; display:block; position:absolute; left:0; top:8px; background-color:#666; width:4px; height:4px; border-radius:5px;}
.business-box .cont-box dd p strong { display:block; font-size:19px; color:#333; font-weight:700; margin-bottom:10px; }
.business-box .cont-list { margin-top:120px; }
.business-box .cont-list > ul > li { margin-top:70px; }
.business-box .cont-list > ul > li { display:flex; flex-wrap:wrap; }
.business-box .cont-list > ul > li .tit { width:300px; }
.business-box .cont-list > ul > li .tit span { display:block; font-size:13px; font-weight:700; color:#eb5405; text-transform:uppercase; }
.business-box .cont-list > ul > li .tit strong { margin-top:15px; display:block; font-size:28px; font-weight:700; color:#333; }
.business-box .cont-list .cont { width:calc(100% - 300px); }
.business-box .cont-list .cont.c-list { width:100%; margin-top:40px; }
.business-box .cont-list .cont li { position:relative; margin-top:30px; padding-left:12px; font-size:17px; font-weight:400; color:#666; line-height:1.4; letter-spacing:-0.02em}
.business-box .cont-list .cont li:after { content:""; display:block; position:absolute; left:0; top:8px; background-color:#666; width:4px; height:4px; border-radius:5px;}
.business-box .cont-list .cont li strong { display:block; font-size:19px; color:#333; font-weight:400; margin-bottom:10px; }
.business-box .logistics_box { margin-top:130px; background-color:#f9f9f9; padding:70px 50px; text-align:center; }
.business-box .logistics_box img { max-width:100%; }
@media screen and (max-width:1760px){	
	.business-box .top-box { align-items: flex-start; }
	.business-box .top-box .txtbox { padding:50px 0 0 105px; }
}
@media screen and (max-width:1540px){	
	.business-box .top-box .txtbox dt br,
	.business-box .top-box .txtbox dd p br { display:none }
	.business-box .top-box .txtbox { padding:20px 0 0 80px; }
	.business-box .top-box .txtbox dt { font-size:26px; }
	.business-box .top-box .txtbox dd { padding-top:20px; }
	.business-box .top-box .txtbox dd p { margin-top:20px; font-size:17px;}
}
@media screen and (max-width: 1200px) {
	.business-box .top-box .imgbox { width:55%; }
	.business-box .top-box .txtbox { width:45%; padding:10px 0 0 60px; }
	.business-box .top-box .txtbox dt { font-size:22px; }
	.business-box .top-box .txtbox dd { padding-top:10px; }
	.business-box .top-box .txtbox dd p { margin-top:20px; font-size:16px;}
	.business-box .cont-box dd { margin-top:30px; }
	.business-box .cont-box dd li:not(:last-child) { margin-bottom:10px; }
	.business-box .cont-box dd li { padding-left:12px; font-size:16px; }
	.business-box .cont-box dd li:after { top:9px; width:3px; height:3px; }
	.business-box .cont-box dd p span { padding-left:12px; font-size:16px; }
	.business-box .cont-box dd p span:after { top:8px; width:3px; height:3px; }
	.business-box .cont-box dd p strong { font-size:18px; margin-bottom:8px; }
	.business-box .cont-list > ul > li .tit { width:250px; }
	.business-box .cont-list > ul > li .tit span { font-size:13px; }
	.business-box .cont-list > ul > li .tit strong { margin-top:14px; font-size:22px; }
	.business-box .cont-list .cont  { width:calc(100% - 250px); margin-top:30px; }
	.business-box .cont-list .cont li { margin-top:25px; padding-left:12px; font-size:16px; }
	.business-box .cont-list .cont li:after { top:8px; width:3px; height:3px; }
	.business-box .cont-list .cont li strong { font-size:18px; margin-bottom:8px; }
	.business-box .logistics_box { margin-top:100px; padding:50px 40px; }
}
@media screen and (max-width: 960px) {
	.business-box .top-box .imgbox { width:100%; }
	.business-box .top-box .txtbox { width:100%; padding:40px 0 0 0; }
	.business-box .cont-box { margin-top:100px; }
	.business-box .cont-list { margin-top:90px; }
	.business-box .cont-list > ul > li { margin-top:60px; }
	.business-box .cont-list > ul > li .tit { width:100%; }
	.business-box .cont-list .cont { width:100%; }
	.business-box .logistics_box { padding:40px 20px; }
}
@media screen and (max-width: 640px) {
	.business-box .top-box .txtbox dt { font-size:17px; }
	.business-box .top-box .txtbox dd { padding-top:5px; }
	.business-box .top-box .txtbox dd p { margin-top:15px; font-size:15px;}
	.business-box .cont-box dd { margin-top:25px; }
	.business-box .cont-box dd li { padding-left:10px; font-size:15px; }
	.business-box .cont-box { margin-top:80px; }
	.business-box .cont-box dd p span { padding-left:10px; font-size:15px; }
	.business-box .cont-box dd p span:after { top:9px; }
	.business-box .cont-box dd p strong { font-size:17px; margin-bottom:4px; }
	.business-box .cont-list { margin-top:70px; }
	.business-box .cont-list > ul > li { margin-top:40px; }
	.business-box .cont-list > ul > li .tit span { font-size:12px; }
	.business-box .cont-list > ul > li .tit strong { margin-top:10px; font-size:18px; }
	.business-box .cont-list .cont { margin-top:25px; }
	.business-box .cont-list .cont li { margin-top:25px; padding-left:10px; font-size:15px; }
	.business-box .cont-list .cont li:after { top:9px; }
	.business-box .cont-list .cont li strong { font-size:17px; margin-bottom:4px; }
	.business-box .logistics_box { margin-top:50px; padding:30px 10px; }
}

/* animation */
.business-box .top-box .txtbox,
.business-box .cont-box dd,
.business-box .subTit,
.business-box .cont-list > ul > li .tit,
.business-box .cont-list > ul > li .cont,
.business-box .logistics_box,
.business-box .cont-list .cont.c-list { opacity:0; }
.business-box .top-box  .imgbox:before { content:""; display:block; width:calc(100% + 2px); height:calc(100% + 2px); background:#fff; position:absolute; right:-1px; top:-1px; transition:width 1.2s, opacity 1.5s; z-index:1 }
.business-box .top-box.subOn .imgbox:before { width:0; }
.business-box .top-box.subOn .txtbox { animation:ani_3 0.5s 0.2s; animation-fill-mode:both; }
.business-box .subTit.subOn { animation:ani_2 0.5s 0.2s; animation-fill-mode:both; }
.business-box .cont-box dd.subOn { animation:ani_2 0.5s 0.4s; animation-fill-mode:both; }
.business-box .cont-list > ul > li.subOn .tit { animation:ani_3 0.5s 0.2s; animation-fill-mode:both; }
.business-box .cont-list > ul > li.subOn .cont { animation:ani_3 0.5s 0.4s; animation-fill-mode:both; }
.business-box .cont-list .cont.c-list.subOn { animation:ani_3 0.5s 0.4s; animation-fill-mode:both; }
.business-box .logistics_box.subOn { animation:ani_3 0.5s 0.4s; animation-fill-mode:both; }


/* network */
.network-box .map .land path,
.network-box .map .land polygon { transition:all 0.3s ease-in-out; }
.network-box .map .regionTxt { fill:rgba(255,255,255,0.65); font-size:0.35em; font-weight:600; letter-spacing:0.01em; }
.network-box .map .regionTxt-1 { fill:#333; font-size:4.8em; font-weight:800; }
.network-box .map .regionTxt-2 { fill:#666; font-size:4.2em; font-weight:400; }
.network-box .map .circle1 { fill:none; stroke:rgba(235,84,5,0.2); stroke-width:100;}
.network-box .map .circle2 { fill:#fff; }
.network-box .map .circle1_1 { fill:none; stroke:rgba(235,84,5,0.2); stroke-width:100;}
.network-box .map .circle2_1 { fill:#fff; }
.network-box .listbox { margin:145px 0 -180px; background-color:#f9f9f9; padding:150px 0; }
.network-box .listbox .list { margin-top:80px; }
.network-box .listbox .list > ul { display:flex; flex-wrap:wrap; gap:40px 45px; }
.network-box .listbox .list > ul > li { width:calc((100% - 90px) / 3); }
.network-box .listbox .list > ul > li .box { height:200px; background-color:#fff; display:flex; align-items:center; padding-left:45px; }
.network-box .listbox .list > ul > li .box .icon { width:90px; }
.network-box .listbox .list > ul > li .box .txtbox { padding-left:35px; width:calc(100% - 90px); }
.network-box .listbox .list > ul > li .box dt { font-size:20px; color:#333; font-weight:700; }
.network-box .listbox .list > ul > li .box dd { margin-top:15px; }
.network-box .listbox .list > ul > li .box dd li:not(:last-child) { margin-bottom:6px; }
.network-box .listbox .list > ul > li .box dd li { position:relative; color:#666; font-size:16px; font-weight:400; padding-left:75px; line-height:1.2; word-break:break-word; }
.network-box .listbox .list > ul > li .box dd li strong { position:absolute; left:0; top:0px; color:#333; font-size:16px; font-weight:500; }
@media screen and (max-width: 1540px) {
	.network-box .listbox .list > ul { gap:40px 35px; }
	.network-box .listbox .list > ul > li { width:calc((100% - 70px) / 3); }
	.network-box .listbox .list > ul > li .box { padding-left:30px; }
	.network-box .listbox .list > ul > li .box .icon { width:80px; }
	.network-box .listbox .list > ul > li .box .txtbox { padding-left:30px; width:calc(100% - 80px);  }
}
@media screen and (max-width: 1200px) {
	.network-box .map .regionTxt-1 { font-size:5.5em; }
	.network-box .map .regionTxt-2 { font-size:5em; }
	.network-box .listbox { margin:100px 0 -160px; padding:100px 0; }
	.network-box .listbox .list { margin-top:60px; }
	.network-box .listbox .list > ul { gap:30px 20px; }
	.network-box .listbox .list > ul > li { width:calc((100% - 20px) / 2); }
	.network-box .listbox .list > ul > li .box { padding-left:20px; height:180px; }
	.network-box .listbox .list > ul > li .box .icon { width:70px; }
	.network-box .listbox .list > ul > li .box .txtbox { padding-left:20px; width:calc(100% - 70px);  }
	.network-box .listbox .list > ul > li .box dd { margin-top:10px; }
	.network-box .listbox .list > ul > li .box dd li:not(:last-child) { margin-bottom:5px; }
	.network-box .listbox .list > ul > li .box dd li { font-size:15px; padding-left:70px; }
	.network-box .listbox .list > ul > li .box dd li strong { font-size:15px;  }
}
@media screen and (max-width: 960px) {
	.network-box .listbox { margin:80px 0 -140px; padding:80px 0; }
}
@media screen and (max-width: 760px) {
	.network-box .listbox .list { margin-top:40px; }
	.network-box .listbox .list > ul { gap:20px 0; }
	.network-box .listbox .list > ul > li { width:100%; }
	.network-box .listbox .list > ul > li .box { height:150px; }
}
@media screen and (max-width: 640px) {
	.network-box .map .regionTxt-1 { font-size:6.5em; }
	.network-box .map .regionTxt-2 { font-size:6em; }
	.network-box .listbox { margin:60px 0 -120px; padding:60px 0;  }
}

/* animation */
.network-box .map .land { opacity:0; }
.network-box .map.subOn .nMap_1 { animation:ani_3 0.5s 0.2s; animation-fill-mode:both; }
.network-box .map.subOn .nMap_2 { animation:ani_3 0.5s 0.4s; animation-fill-mode:both; }
.network-box .map.subOn .nMap_3 { animation:ani_3 0.5s 0.6s; animation-fill-mode:both; }
.network-box .map.subOn .nMap_4 { animation:ani_3 0.5s 0.8s; animation-fill-mode:both; }
.network-box .map.subOn .nMap_5 { animation:ani_3 0.5s 1.0s; animation-fill-mode:both; }
.network-box .map.subOn .nMap_6 { animation:ani_3 0.5s 1.2s; animation-fill-mode:both; }
.network-box .map.subOn .nMap_7 { animation:ani_3 0.5s 1.4s; animation-fill-mode:both; }
.network-box .map.subOn .nMap_8 { animation:ani_3 0.5s 1.6s; animation-fill-mode:both; }
.network-box .map.subOn .nMap_9 { animation:ani_3 0.5s 1.8s; animation-fill-mode:both; }
.network-box .listbox .list > ul > li { opacity:0; }
.network-box .listbox .list.subOn > ul > li:nth-child(1) { animation:ani_3 0.5s 0.2s; animation-fill-mode:both; }
.network-box .listbox .list.subOn > ul > li:nth-child(2) { animation:ani_3 0.5s 0.4s; animation-fill-mode:both; }
.network-box .listbox .list.subOn > ul > li:nth-child(3) { animation:ani_3 0.5s 0.6s; animation-fill-mode:both; }
.network-box .listbox .list.subOn > ul > li:nth-child(4) { animation:ani_3 0.5s 0.8s; animation-fill-mode:both; }
.network-box .listbox .list.subOn > ul > li:nth-child(5) { animation:ani_3 0.5s 1.0s; animation-fill-mode:both; }
.network-box .listbox .list.subOn > ul > li:nth-child(6) { animation:ani_3 0.5s 1.2s; animation-fill-mode:both; }
.network-box .listbox .list.subOn > ul > li:nth-child(7) { animation:ani_3 0.5s 1.4s; animation-fill-mode:both; }
.network-box .listbox .list.subOn > ul > li:nth-child(8) { animation:ani_3 0.5s 1.6s; animation-fill-mode:both; }
.network-box .listbox .list.subOn > ul > li:nth-child(9) { animation:ani_3 0.5s 1.8s; animation-fill-mode:both; }
.network-box .listbox .list.subOn > ul > li:nth-child(n+10):nth-child(-n+30) { animation:ani_3 0.5s 2s; animation-fill-mode:both; }