@charset "utf-8";

.visualTop { position:relative; z-index:100; }

.subtitle-box { text-align:center; padding-top:210px; }
.subtitle-box .location { display:flex; justify-content:center; position:relative; z-index:2; }
.subtitle-box .location i { font-size:15px; color:#999; }
.subtitle-box .location > .stit { position:relative; margin-left:11px; padding-left:15px; font-size:15px; color:#999; font-weight:400; }
.subtitle-box .location > .stit:before { content:""; display:block; position:absolute; top:6px; left:0; width:3px; height:3px; background-color:#ccc; border-radius:5px; }
.subtitle-box .location > .txt { position:relative; margin-left:11px; padding-left:15px; font-size:15px; color:#999; font-weight:400; }
.subtitle-box .location > .txt:before { content:""; display:block; position:absolute; top:6px; left:0; width:3px; height:3px; background-color:#ccc; border-radius:5px; }
.subtitle-box .location > .txt > span { cursor:pointer; position:relative; display:inline-block; padding-right:23px; }
.subtitle-box .location > .txt > span:after { content:"\e936"; display:block; font-family:xeicon; color:#999; font-size:12px; position:absolute; right:0; top:50%; transform:translateY(calc(-50% - 0.5px)); transition:all 0.3s ease; }
.subtitle-box .location > .txt > span.ov:after { content:"\e930";}
.subtitle-box .location .submenu-box { text-align:left; position:absolute; left:50%; top:23px; width:150px; margin-left:4px; transform:translateX(-50%); display:none; }
.subtitle-box .location .submenu-box.subm3 { width:170px; }
.subtitle-box .location .submenu-box .subDepth ul { padding:20px 10px 20px 20px; background-color:#111; border-radius:10px;  }
.subtitle-box .location .submenu-box .subDepth ul li:not(:last-child) { margin-bottom:10px; }
.subtitle-box .location .submenu-box .subDepth ul li a { color:rgba(255,255,255,0.3); font-size:14px; font-weight:300; }
.subtitle-box .location .submenu-box .subDepth ul li a:hover { color:rgba(255,255,255,1); }
@media screen and (max-width:1024px){	
	.subtitle-box { padding-top:170px; }
	.subtitle-box .location i { font-size:14px; }
	.subtitle-box .location > .stit { margin-left:8px; padding-left:10px; font-size:14px;}
	.subtitle-box .location > .stit:before { top:6px; width:2px; height:2px; }
	.subtitle-box .location > .txt { margin-left:8px; padding-left:10px; font-size:14px; }
	.subtitle-box .location > .txt:before { top:6px; left:0; width:2px; height:2px; }
}
@media screen and (max-width:640px){	
	.subtitle-box { padding-top:120px; }
}

.subtitle-box .subTitle { margin-top:50px; }
.subtitle-box .subTitle h2 { font-size:80px; color:#222; font-weight:600; }
.subtitle-box .subTitle h2 span { font-weight:600; }
.subtitle-box .subTitle p { margin-top:20px; font-size:18px; color:#333; font-weight:400; line-height:1.6; }
.subtitle-box .subTitle p span { font-weight:400; }
@media screen and (max-width:1280px){	
	.subtitle-box .subTitle { margin-top:45px; padding:0 20px; }
	.subtitle-box .subTitle h2 { font-size:65px; }
	.subtitle-box .subTitle p { margin-top:15px; font-size:17px; }
}
@media screen and (max-width:1024px){	
	.subtitle-box .subTitle { margin-top:35px; }
	.subtitle-box .subTitle h2 { font-size:45px; }
	.subtitle-box .subTitle p { margin-top:10px; font-size:16px; }
	.subtitle-box .subTitle p br { display:none; }
}
@media screen and (max-width:640px){	
	.subtitle-box .subTitle { margin-top:25px; }
	.subtitle-box .subTitle h2 { font-size:28px; }
	.subtitle-box .subTitle p { margin-top:8px; font-size:14px; }
}


/* animation */
.subtitle-box .subTitle h2 { opacity:0; }
.subtitle-box .subTitle p { overflow:hidden; }
.subtitle-box .subTitle p span { opacity:0; display:block; }
.subtitle-box .subTitle h2 { animation:blur_txt 0.8s 0.3s; animation-fill-mode:both; }
.subtitle-box .subTitle p span { animation:ani_3 0.8s 0.6s; animation-fill-mode:both; }


.depthMenu { position:absolute; top:315px; right:35px; text-align:left; z-index:2; }
.depthMenu:after { content:""; display:block; position:absolute; top:26px; left:0; width:150px; height:1px; background-color:#fff; }
.depthMenu p { position:relative; z-index:2; cursor:pointer; width:150px; font-size:16px; font-weight:300; color:#f5f5f5; }
.depthMenu p:after { content:""; display:block; position:absolute; right:0; top:-5px; width:25px; height:25px; background:url(/img/sub/icon_depth_down.png) center center no-repeat; transition:all 0.3s ease-in-out; }
.depthMenu p.ov:after { transform:rotate(180deg); }
.depthMenu p span { font-size:16px; font-weight:300; color:#f5f5f5; }
.depthMenu .sub_box { display:none; position:absolute; top:0; left:0; text-align:left; }
.depthMenu .sub_box ul { background-color:#fff; padding:20px 40px 20px 20px; width:150px; margin-top:26px; box-shadow:2px 2px 3px rgba(0,0,0,0.05), -2px -2px 3px rgba(0,0,0,0.05); }
.depthMenu .sub_box.on { display:block; }
.depthMenu .sub_box li { position:relative; margin-top:14px; white-space:nowrap; }
.depthMenu .sub_box li:first-child { margin-top:0; }
.depthMenu .sub_box li.active { display:block; }
.depthMenu .sub_box li a { color:#333; font-size:15px; font-weight:400; }
.depthMenu .sub_box li a.over { color:#117bf6; font-weight:500; }
@media screen and (max-width:1024px){	
	.depthMenu { top:340px; right:20px; }
}
@media screen and (max-width:640px){	
	.depthMenu { top:260px; right:20px; }
	.depthMenu:after { top:22px; width:140px; }
	.depthMenu p { width:140px; }
	.depthMenu p span { font-size:15px; }
	.depthMenu .sub_box ul { margin-top:22px; width:140px; }
	.depthMenu .sub_box li a { font-size:14px; }
}

/* lnb */
#lnb { border-bottom:1px solid #ddd; position:relative; z-index:5; display:none }
#lnb p { display:none; }
#lnb .subDepth { max-width:1400px; margin:0 auto; display:block; text-align:center; }
#lnb .subDepth .depth2 { display:flex; align-items:center; justify-content:center; width:100%; }
#lnb .subDepth .depth2 li { }
#lnb .subDepth .depth2 li a { position:relative; display:flex; align-items:center; height:79px; padding:0 72px; }
#lnb .subDepth .depth2 li span { position:relative; font-size:18px; color:#111; font-weight:500; letter-spacing:-0.02em; display:block; white-space:nowrap; line-height:0.9}
#lnb .subDepth .depth2 li span:before {content:""; display:block; position:absolute; left:-10%; bottom:-32px; width:0; height:2px; background:#26b4f0; transition:all 0.3s ease-in-out; }
#lnb .subDepth .depth2 li a.line span:before { bottom:-24px; }
#lnb .subDepth .depth2 li.over span { color:#26b4f0; }
#lnb .subDepth .depth2 li a:hover span:before,
#lnb .subDepth .depth2 li.over span:before,
#lnb .subDepth .depth2 li.over.off span:before { animation:lnb_line 0.5s 0.1s; animation-fill-mode:both; }
#lnb .subDepth .depth2 li.over a:hover span:before,
#lnb .subDepth .depth2.on li.over span:before,
#lnb .subDepth .depth2 li.off span:before { animation:lnb_line_z 0.5s 0.1s; animation-fill-mode:both; }
#lnb .subDepth .depth2 li ul { display:none; }
@media screen and (max-width:1440px){	
	#lnb .subDepth { padding:0 20px; }
	#lnb .subDepth .depth2 { }
	#lnb .subDepth .depth2 li a { padding:0 60px;  }
}
@media screen and (max-width:1280px){	
	#lnb .subDepth .depth2 li a { height:69px; padding:0 42px; }
	#lnb .subDepth .depth2 li span:before { bottom:-27px; }
	#lnb .subDepth .depth2 li a.line span:before { bottom:-19px; }
}
@media screen and (max-width:1024px){	
	#lnb .subDepth .depth2 li a { padding:0 25px; }
	#lnb .subDepth .depth2 li span { font-size:16px; }
	#lnb .subDepth .depth2 li span:before { bottom:-28px; }
	#lnb .subDepth .depth2 li a.line span:before { bottom:-21px; }
}
@media screen and (max-width:760px){	
	#lnb .subDepth { 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:""; display:block; position:absolute; right:10px; top:12px; width:25px; height:25px; background:url(/img/sub/icon_depth_down_m.png) center center no-repeat; transition:all 0.3s ease-in-out; }
	#lnb p.ov:after { transform:rotate(180deg); }
	#lnb p span { font-size:16px; font-weight:600; color:#111; display:flex; align-items:center; height:50px; }
	#lnb .subDepth { display:none; position:absolute; top:51px; left:0; width:100%; background-color:#fff; border-bottom:1px solid #ddd;}
	#lnb .subDepth .depth2 { display:block; padding:10px 0; margin:0; }
	#lnb .subDepth .depth2 li a { height:auto; display:block; padding:0; }
	#lnb .subDepth .depth2 li span:before { display:none; }
	#lnb .subDepth .depth2 li span { font-size:14px; display:block; padding:10px 0; color:#666; }
}

#contents { padding:80px 0 0; }
@media screen and (max-width:1024px){	
	#contents { padding:60px 0 0; }
}
@media screen and (max-width:640px){	
	#contents { padding:40px 0 0; }
}

.subContTitle { text-align:center; }
.subContTitle .stit { font-size:16px; color:#00aeef; font-weight:700; letter-spacing:-0.02em; }
.subContTitle .stit span { font-weight:700; line-height:1.3 }
.subContTitle h3 { margin-top:18px; font-size:47px; color:#111; font-weight:700; letter-spacing:-0.02em; }
.subContTitle h3 span { font-weight:700; line-height:1.3 }
@media screen and (max-width:1024px){	
	.subContTitle .stit { font-size:14px; }
	.subContTitle h3 { margin-top:14px; font-size:38px; }
}
@media screen and (max-width:640px){	
	.subContTitle .stit { font-size:12px; }
	.subContTitle h3 { margin-top:10px; font-size:28px; }
}

.subContTitle .stit,
.subContTitle h3 { overflow:hidden; }
.subContTitle .stit span,
.subContTitle h3 span { opacity:0; display:block; }
.subContTitle.subOn .stit span { animation:txtUp 0.8s 0.3s; animation-fill-mode:both; }
.subContTitle.subOn h3 span { animation:txtUp 0.8s 0.3s; animation-fill-mode:both; }

.tabmenu { }
.tabmenu ul { display:flex; flex-wrap:wrap; }
.tabmenu li a { position:relative; border:1px solid #e5e5e5; border-bottom:1px solid #04bcdd; background-color:#f9f9f9; color:#444; font-size:16px; font-weight:400; width:calc(100% + 2px); padding:0 2px; height:60px; margin:0 -1px 0 0; text-align:center; display:flex; align-items:center; justify-content:center; }
.tabmenu li.on a { position:relative; z-index:1; background-color:#fff; color:#04bcdd; font-weight:700; border:1px solid #04bcdd; border-bottom:1px solid #fff;}
.tabmenu.m1 li { width:100%; }
.tabmenu.m1 li.on a { border-radius:6px; }
.tabmenu.m2 li { width:50%; }
.tabmenu.m3 li { width:33.333%; }
.tabmenu.m4 li { width:25%; }
.tabmenu.m5 li { width:20%; }
.tabmenu.m6 li { width:16.666%; }
@media screen and (max-width:1024px){	
	.tabmenu li a { font-size:15px; height:50px; font-size:15px; }
	.tabmenu.m6 li { width:33.33% }
}
@media screen and (max-width:640px){	
	.tabmenu.m1 li { width:100%; }
	.tabmenu li a { font-size:14px; height:45px;  }
}
/* animation */
/*
.tabmenu li a,
.tabmenu ul { opacity:0; }
.subOn .tabmenu ul { animation:ani_5 0.5s 0.5s; animation-fill-mode:both; }
.subOn .tabmenu li:nth-child(1) a { animation:bgs4 0.5s 0.6s; animation-fill-mode:both; }
.subOn .tabmenu li:nth-child(2) a { animation:bgs4 0.5s 0.8s; animation-fill-mode:both; }
.subOn .tabmenu li:nth-child(3) a { animation:bgs4 0.5s 1.0s; animation-fill-mode:both; }
.subOn .tabmenu li:nth-child(4) a { animation:bgs4 0.5s 1.2s; animation-fill-mode:both; }
.subOn .tabmenu li:nth-child(5) a { animation:bgs4 0.5s 1.4s; animation-fill-mode:both; }
.subOn .tabmenu li:nth-child(6) a { animation:bgs4 0.5s 1.6s; animation-fill-mode:both; }
*/

/* company */
.company-box,
.company-values .inner1720 { overflow:hidden; }
.company-values .inner1720 > .imgbox { position:relative; border-radius:15px; overflow:hidden; }
.company-values .inner1720 > .imgbox:after { content:""; display:block; padding-bottom:27.05%; }
.company-values .inner1720 > .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.company-values .values-cont { display:flex; flex-wrap:wrap; padding:120px 0; }
.company-values .values-cont .titlebox { width:500px; }
.company-values .values-cont .titlebox p { color:#aaa; font-size:20px; font-family:'Patua One', cursive; font-weight:400; }
.company-values .values-cont .titlebox h3 { margin-top:35px; color:#222; font-size:52px; font-weight:600; }
.company-values .values-cont .cont-box { width:calc(100% - 500px); }
.company-values .gray_box { background-color:#f5f5f5; }
.company-values .overview-box .overview dt { color:#333; font-size:24px; font-weight:600; }
.company-values .overview-box .overview dd { margin-top:18px; color:#444; font-size:17px; font-weight:400; line-height:1.4 }
.company-values .overview-box .overview .listbox { margin-top:50px; }
.company-values .overview-box .overview .listbox > ul { display:flex; flex-wrap:wrap; gap:20px;}
.company-values .overview-box .overview .listbox > ul > li { position:relative; width:calc((100% - 40px) / 3); }
.company-values .overview-box .overview .listbox > ul > li:after {content:""; display:block; padding-bottom:106.25%; }
.company-values .overview-box .overview .listbox > ul > li .box { position:absolute; left:0; top:0; width:100%; height:100%; padding:45px 40px 60px; border-radius:15px; }
.company-values .overview-box .overview .listbox > ul > li:nth-child(1) .box { background-color:#1d1760; }
.company-values .overview-box .overview .listbox > ul > li:nth-child(2) .box { background-color:#f36b21; }
.company-values .overview-box .overview .listbox > ul > li:nth-child(3) .box { background-color:#00bcdd; }
.company-values .overview-box .overview .listbox > ul > li .box p { color:#fff; font-size:21px; font-weight:600;}
.company-values .overview-box .overview .listbox > ul > li .box .num { position:absolute; left:40px; bottom:40px; color:#fff; font-size:80px; font-weight:700; font-family:'Pretendard', sans-serif;}
.company-values .overview-box .overview .listbox > ul > li .box .icon { position:absolute; right:40px; top:42px; }
.company-values .overview-box .overview .listbox > ul > li:nth-child(1) .box .icon { right:46px; }
.company-values .values-box .values-top { position:relative; margin:0 auto; width:591px; height:591px; background:url(/img/sub/company_values_bg.png) center center no-repeat;}
.company-values .values-box .values-top dl { text-align:center; }
.company-values .values-box .values-top dt { height:295px; width:100%; padding-top:195px; color:#fff; font-size:34px; font-weight:700; font-family:'Pretendard', sans-serif; }
.company-values .values-box .values-top dd ul { position:relative; }
.company-values .values-box .values-top dd ul li { position:absolute; top:0; left:0; width:256px; color:#666; font-size:18px; font-weight:400; padding-top:70px;}
.company-values .values-box .values-top dd ul li strong { color:#333; font-size:19px; font-weight:700; font-family:'Pretendard', sans-serif; display:block; margin-bottom:10px; }
.company-values .values-box .values-top dd ul li:nth-child(2) { left:165px; padding-top:162px; }
.company-values .values-box .values-top dd ul li:nth-child(3) { left:338px; }
.company-values .values-box .listbox { margin-top:75px; }
.company-values .values-box .listbox > ul > li { padding:40px 0; border-bottom:1px solid #e5e5e5;}
.company-values .values-box .listbox > ul > li:first-child { border-top:1px solid #e5e5e5; }
.company-values .values-box .listbox > ul > li dl { display:flex; flex-wrap:wrap; align-items:center; }
.company-values .values-box .listbox > ul > li dt { color:#333; font-size:23px; font-weight:600; width:442px; }
.company-values .values-box .listbox > ul > li dt .icon { width:125px; text-align:center; display:inline-block; vertical-align:middle }
.company-values .values-box .listbox > ul > li dd { width:calc(100% - 442px); }
.company-values .values-box .listbox > ul > li dd li:not(last-child) { margin-bottom:10px; }
.company-values .values-box .listbox > ul > li dd li { position:relative; padding-left:8px; color:#444; font-size:17px; font-weight:300; line-height:1.4 }
.company-values .values-box .listbox > ul > li dd li:after {content:""; display:block; position:absolute; top:10px; left:0; width:2px; height:2px; border-radius:4px; background-color:#444; }
.company-values .vision-box { padding:120px 0 0; }
.company-values .vision-box .vision { margin:0 auto; width:866px; height:403px;  }
.company-values .vision-box .vision > ul { position:relative; height:100%; display:flex; justify-content:space-between; flex-wrap:wrap; }
.company-values .vision-box .vision > ul:after {content:""; display:block; position:absolute; top:50%; left:50%; width:74px; height:11px; transform:translate(-50%, -50%);  background:url(/img/sub/company_vision_bg3.png) center center no-repeat; }
.company-values .vision-box .vision > ul > li { width:403px; height:100%; display:flex; align-items:center; justify-content:center; text-align:center; background:url(/img/sub/company_vision_bg1.png) center center no-repeat; }
.company-values .vision-box .vision > ul > li:nth-child(2) { background:url(/img/sub/company_vision_bg2.png) center center no-repeat; }
.company-values .vision-box .vision > ul > li .circle dt { margin-top:30px; color:#444; font-size:23px; font-weight:700; }
.company-values .vision-box .vision > ul > li .circle dd { margin-top:16px; color:#444; font-size:17px; font-weight:300; line-height:1.4 }
@media screen and (max-width:1400px){	
	.company-values .values-cont .titlebox { width:300px; }
	.company-values .values-cont .titlebox p { font-size:19px; }
	.company-values .values-cont .titlebox h3 { margin-top:30px; font-size:38px; }
	.company-values .values-cont .cont-box { width:calc(100% - 300px); }
}
@media screen and (max-width:1280px){	
	.company-values .values-cont { padding:100px 0; }
	.company-values .vision-box { padding:100px 0 0; }
	.company-values .values-cont .titlebox { width:240px; }
	.company-values .values-cont .titlebox p { font-size:19px; }
	.company-values .values-cont .titlebox h3 { margin-top:28px; font-size:36px; }
	.company-values .values-cont .cont-box { width:calc(100% - 240px); }
	.company-values .overview-box .overview .listbox > ul { gap:15px;}
	.company-values .overview-box .overview .listbox > ul > li { width:calc((100% - 30px) / 3); }
	.company-values .overview-box .overview .listbox > ul > li .box { padding:25px 20px 30px; border-radius:15px; }
	.company-values .overview-box .overview .listbox > ul > li .box p { font-size:20px; }
	.company-values .overview-box .overview .listbox > ul > li .box .num { left:20px; bottom:20px; font-size:55px; }
	.company-values .overview-box .overview .listbox > ul > li .box .icon { right:20px; top:20px; }
	.company-values .overview-box .overview .listbox > ul > li:nth-child(1) .box .icon { right:15px; }
	.company-values .values-box .values-top { width:480px; height:480px; background-size:480px 480px !important; }
	.company-values .values-box .values-top dt { height:240px; padding-top:165px; font-size:28px; }
	.company-values .values-box .values-top dd ul li { width:206px; font-size:17px; padding-top:50px;}
	.company-values .values-box .values-top dd ul li strong { font-size:18px; }
	.company-values .values-box .values-top dd ul li:nth-child(2) { left:140px; padding-top:122px; }
	.company-values .values-box .values-top dd ul li:nth-child(3) { left:275px; }
	.company-values .values-box .listbox > ul > li { padding:30px 0; }
	.company-values .values-box .listbox > ul > li dt { font-size:21px; width:360px; }
	.company-values .values-box .listbox > ul > li dt .icon { width:100px; }
	.company-values .values-box .listbox > ul > li dd { width:calc(100% - 360px); }
	.company-values .values-box .listbox > ul > li dd li:not(last-child) { margin-bottom:8px; }
	.company-values .values-box .listbox > ul > li dd li { padding-left:8px; font-size:16px; }
	.company-values .values-box .listbox > ul > li dd li:after {top:9px; }
	.company-values .vision-box .vision { margin:0 auto; width:688px; height:320px;  }
	.company-values .vision-box .vision > ul > li { width:320px; background-size:320px 320px !important; } 
	.company-values .vision-box .vision > ul:after { width:60px; height:9px; background-size:60px 9px !important; }
	.company-values .vision-box .vision > ul > li .circle dt { margin-top:25px; font-size:20px; }
	.company-values .vision-box .vision > ul > li .circle dd { margin-top:14px; font-size:16px; } 
}
@media screen and (max-width:1024px){	
	.company-values .inner1720 > .imgbox:after { padding-bottom:30%; border-radius:10px; }
	.company-values .values-cont .titlebox { width:100%; text-align:center; }
	.company-values .values-cont .cont-box { width:100%; margin-top:40px; }
	.company-values .values-cont { padding:80px 0; }
	.company-values .vision-box { padding:80px 0 0; }
}
@media screen and (max-width:640px){	
	.company-values .inner1720 > .imgbox:after { padding-bottom:45%; }
	.company-values .values-cont { padding:60px 0; }
	.company-values .vision-box { padding:60px 0 0; }
	.company-values .values-cont .titlebox p { font-size:17px; }
	.company-values .values-cont .titlebox h3 { margin-top:15px; font-size:24px; }
	.company-values .overview-box .overview dt { font-size:17px; }
	.company-values .overview-box .overview dd { margin-top:15px; font-size:15px; }
	.company-values .overview-box .overview dd br { display:none }
	.company-values .overview-box .overview .listbox > ul { gap:10px; justify-content:center}
	.company-values .overview-box .overview .listbox > ul > li { width:calc((100% - 10px) / 2); }
	.company-values .overview-box .overview .listbox > ul > li:after { padding-bottom:70%; }
	.company-values .overview-box .overview .listbox > ul > li .box p { font-size:18px; }
	.company-values .overview-box .overview .listbox > ul > li .box .num {  font-size:36px; }
	.company-values .values-box .values-top { width:320px; height:320px; background-size:320px 320px !important; }
	.company-values .values-box .values-top dt { height:160px; padding-top:115px; font-size:18px; }
	.company-values .values-box .values-top dd ul li { width:206px; font-size:15px; padding-top:40px; left:-40px; }
	.company-values .values-box .values-top dd ul li strong { font-size:16px; }
	.company-values .values-box .values-top dd ul li:nth-child(2) { left:60px; padding-top:80px; }
	.company-values .values-box .values-top dd ul li:nth-child(3) { left:165px; }
	.company-values .values-box .listbox > ul > li { padding:30px 0; }
	.company-values .values-box .listbox > ul > li dt { font-size:19px; width:100%; }
	.company-values .values-box .listbox > ul > li dt .icon { width:100px; }
	.company-values .values-box .listbox > ul > li dd { width:100%; padding:10px 0 0 100px; }
	.company-values .values-box .listbox > ul > li dd li:not(last-child) { margin-bottom:8px; }
	.company-values .values-box .listbox > ul > li dd li { padding-left:8px; font-size:16px; }
	.company-values .values-box .listbox > ul > li dd li:after {top:9px; }
	.company-values .vision-box .vision { margin:0 auto; width:320px; height:auto;  }
	.company-values .vision-box .vision > ul { justify-content:center; }
	.company-values .vision-box .vision > ul > li { width:300px; height:300px; background-size:300px 300px !important; margin:25px 0 } 
	.company-values .vision-box .vision > ul:after { width:9px; height:60px; background-size:9px 60px !important; background:url(/img/sub/company_vision_bg3_1.png) center center no-repeat; }
	.company-values .vision-box .vision > ul > li .circle dt { margin-top:20px; font-size:18px; }
	.company-values .vision-box .vision > ul > li .circle dd { margin-top:12px; font-size:15px; } 
}


/* animation */
.company-values .inner1720 > .imgbox { opacity:0; }
.company-values .inner1720 > .imgbox { animation:bgs3 0.5s 0.2s; animation-fill-mode:both; }
.company-values .values-cont .titlebox p,
.company-values .values-cont .titlebox h3 { opacity:0; }
.company-values .values-cont .titlebox.subOn p { animation:ani_2 0.5s 0.2s; animation-fill-mode:both; }
.company-values .values-cont .titlebox.subOn h3 { animation:ani_2 0.5s 0.5s; animation-fill-mode:both; }
.company-values .overview-box .overview dl,
.company-values .overview-box .overview .listbox > ul > li { opacity:0;}
.company-values .subOn .overview dl { animation:ani_3 0.5s 0.2s; animation-fill-mode:both; }
.company-values .subOn .overview .listbox > ul > li:nth-child(1) { animation:ani_3 0.5s 0.4s; animation-fill-mode:both; }
.company-values .subOn .overview .listbox > ul > li:nth-child(2) { animation:ani_3 0.5s 0.6s; animation-fill-mode:both; }
.company-values .subOn .overview .listbox > ul > li:nth-child(3) { animation:ani_3 0.5s 0.8s; animation-fill-mode:both; }
.company-values .values-box .values-top,
.company-values .values-box .listbox > ul > li { opacity:0;}
.company-values .subOn .values-top { animation:bgs3 0.5s 0.2s; animation-fill-mode:both; }
.company-values .subOn .listbox > ul > li:nth-child(1) { animation:ani_2 0.5s 0.4s; animation-fill-mode:both; }
.company-values .subOn .listbox > ul > li:nth-child(2) { animation:ani_2 0.5s 0.6s; animation-fill-mode:both; }
.company-values .subOn .listbox > ul > li:nth-child(3) { animation:ani_2 0.5s 0.8s; animation-fill-mode:both; }
.company-values .vision-box .vision > ul > li,
.company-values .vision-box .vision > ul:after { opacity:0;}
.company-values .subOn .vision > ul > li:nth-child(1) { animation:ani_1 0.5s 0.4s; animation-fill-mode:both; }
.company-values .subOn .vision > ul > li:nth-child(2) { animation:ani_2 0.5s 0.4s; animation-fill-mode:both; }
.company-values .subOn .vision > ul:after { animation:ani_5 0.5s 0.8s; animation-fill-mode:both; }

.esg-box .inner1720 { overflow:hidden; }
.esg-box .inner1720 > .imgbox { position:relative; border-radius:15px; overflow:hidden; }
.esg-box .inner1720 > .imgbox li { position:relative; }
.esg-box .inner1720 > .imgbox li:after { content:""; display:block; padding-bottom:27.05%; }
.esg-box .inner1720 > .imgbox li img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.esg-box .inner1720 > .imgbox .btn_pn { position:absolute; top:50%; transform:translateY(-50%); font-size:40px; color:#a5a5a5; cursor:pointer; }
.esg-box .inner1720 > .imgbox .button-prev { left:40px; }
.esg-box .inner1720 > .imgbox .button-next { right:40px; }
@media screen and (max-width:1024px){	
	.esg-box .inner1720 > .imgbox li:after { padding-bottom:30%; border-radius:10px; }
	.esg-box .inner1720 > .imgbox .button-prev { left:30px; }
	.esg-box .inner1720 > .imgbox .button-next { right:30px; }
}
@media screen and (max-width:640px){	
	.esg-box .inner1720 > .imgbox li:after { padding-bottom:45%; }
	.esg-box .inner1720 > .imgbox .button-prev { left:15px; }
	.esg-box .inner1720 > .imgbox .button-next { right:15px; }
}


/* animation */
.esg-box .inner1720 > .imgbox { position:relative; opacity:0; }
.esg-box .inner1720 > .imgbox { animation:bgs3 0.5s 0.2s; animation-fill-mode:both; }

.family-box {}
.family-box .listbox > ul { display:flex; flex-wrap:wrap; gap:40px 40px; }
.family-box .listbox > ul > li { position:relative; width:calc((100% - 80px) / 3); }
.family-box .listbox > ul > li .box { position:relative; border-radius:10px; overflow:hidden; }
.family-box .listbox > ul > li .box:after { content:""; display:block; padding-bottom:108%; }
.family-box .listbox > ul > li .box img { position:absolute; left:0; top:0; width:100%;  height:100%; object-fit:cover; -o-object-fit:cover; }
.family-box .listbox > ul > li .txt { position:absolute; left:40px; bottom:45px; }
.family-box .listbox > ul > li .txt dt { color:#00bcdd; font-size:16px; font-weight:600; }
.family-box .listbox > ul > li .txt dd { color:#fff; font-size:32px; font-weight:700; margin-top:15px; }
.family-box .listbox > ul > li .bg { opacity:0; border-radius:10px; position:absolute; left:0; top:0; width:100%; height:100%; background:linear-gradient(to bottom,  rgba(36,43,50,0) 0%,rgba(93,101,115,0.6) 100%); mix-blend-mode:multiply; transition:all 0.3s ease-in-out; }
.family-box .listbox > ul > li a:after { opacity:0; content:"\e9c5"; display:block; text-align:center; font-family:xeicon; color:#fff; font-size:19px; position:absolute; right:44px; bottom:24px; width:56px; height:56px; line-height:56px; background-color:#00bcdd; border-radius:50%; transition:all 0.3s ease-in-out; }
.family-box .listbox > ul > li a:hover:after { opacity:1; bottom:44px; }
.family-box .listbox > ul > li a:hover .bg { opacity:1; }
@media screen and (max-width:1280px){	
	.family-box .listbox > ul { gap:30px 30px; }
	.family-box .listbox > ul > li { width:calc((100% - 60px) / 3); }
	.family-box .listbox > ul > li .txt { left:30px; bottom:35px; }
	.family-box .listbox > ul > li .txt dt { font-size:16px; }
	.family-box .listbox > ul > li .txt dd { font-size:28px; margin-top:13px; }
}
@media screen and (max-width:1024px){	
	.family-box .listbox > ul { gap:20px 20px; }
	.family-box .listbox > ul > li { width:calc((100% - 40px) / 3); }
	.family-box .listbox > ul > li .txt { left:20px; bottom:25px; }
	.family-box .listbox > ul > li .txt dt { font-size:15px; }
	.family-box .listbox > ul > li .txt dd { font-size:22px; margin-top:10px; }
}
@media screen and (max-width:860px){	
	.family-box .listbox > ul { gap:20px 20px; }
	.family-box .listbox > ul > li { width:calc((100% - 20px) / 2); }
	.family-box .listbox > ul > li .txt { left:20px; bottom:25px; }
	.family-box .listbox > ul > li .txt dt { font-size:15px; }
	.family-box .listbox > ul > li .txt dd { font-size:22px; margin-top:10px; }
}
@media screen and (max-width:640px){	
	.family-box .listbox > ul { gap:10px; }
	.family-box .listbox > ul > li { width:calc((100% - 10px) / 2); }
	.family-box .listbox > ul > li .txt { left:10px; bottom:15px; }
	.family-box .listbox > ul > li .txt dt { font-size:14px; }
	.family-box .listbox > ul > li .txt dd { font-size:19px; margin-top:7px; }
}

/* animation */
.family-box .listbox > ul > li { opacity:0; }
.family-box .listbox > ul > li.subOn:nth-child(3n-2) { animation:ani_3 0.5s 0.2s; animation-fill-mode:both; }
.family-box .listbox > ul > li.subOn:nth-child(3n-1) { animation:ani_3 0.5s 0.4s; animation-fill-mode:both; }
.family-box .listbox > ul > li.subOn:nth-child(3n) { animation:ani_3 0.5s 0.6s; animation-fill-mode:both; }
@media screen and (max-width:860px){	
	.family-box .listbox > ul > li.subOn:nth-child(2n+1) { animation:ani_3 0.5s 0.2s; animation-fill-mode:both; }
	.family-box .listbox > ul > li.subOn:nth-child(2n) { animation:ani_3 0.5s 0.4s; animation-fill-mode:both; }
}

.family-popup { position:fixed; left:0; top:0; width:100%; height:100%; visibility:hidden; opacity:0; z-index:-11; transition:all 0.3s ease-in-out; }
.family-popup .bg { position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.6); }
.family-popup.on { height:100%; opacity:1; visibility:visible; z-index:99999; }
.family-popup .popup-cont { z-index:33; position:absolute; top:50%; left:50%; width:100%; transform:translate(-50%, -50%); max-width:1500px;  }
.family-popup .popup-cont .btn_close { cursor:pointer; position:absolute; top:0; right:-50px; font-size:34px; color:#fff }
.family-popup .popup-cont .popup-body { background-color:#fff; border-radius:15px; overflow:hidden; display:flex; flex-wrap:wrap;  }
.family-popup .popup-cont .popup-body .imgcont { width:calc(100% - 925px); padding:80px 80px 0 80px; }
.family-popup .popup-cont .popup-body .imgcont .imgbox img { width:100%; border-radius:0px 0px 80px 0px;}
.family-popup .popup-cont .popup-body .imgcont dl { margin-top:48px; }
.family-popup .popup-cont .popup-body .imgcont dl dt { color:#04bcdd; font-size:16px; font-weight:600; font-family:'Pretendard', sans-serif; }
.family-popup .popup-cont .popup-body .imgcont dl dd { margin-top:24px; color:#222; font-size:21px; font-weight:600; line-height:1.2 }
.family-popup .popup-cont .popup-body .imgcont dl dd strong { font-weight:700; font-size:35px; }
.family-popup .popup-cont .popup-body .txtbox { width:925px; height:720px; background-color:#f4fbfc; overflow:auto; border-radius:0 15px 15px 0; } 
.family-popup .popup-cont .popup-body .txtbox .cont {  padding:115px 75px; }
.family-popup .popup-cont .popup-body .txtbox .cont h3 { color:#222; font-size:38px; font-weight:700; }
.family-popup .popup-cont .popup-body .txtbox .cont .question { }
.family-popup .popup-cont .popup-body .txtbox .cont .q { margin-top:80px; position:relative; padding-left:29px; color:#222; font-size:21px; font-weight:600; line-height:1.3; }
.family-popup .popup-cont .popup-body .txtbox .cont .q > span { font-weight:600; }
.family-popup .popup-cont .popup-body .txtbox .cont .q strong { position:absolute; left:0; top:0; color:#00bcdd; font-size:21px; font-weight:800;  }
.family-popup .popup-cont .popup-body .txtbox .cont .q .stxt { font-size:18px; font-weight:500; }
.family-popup .popup-cont .popup-body .txtbox .cont .a { padding-top:10px; }
.family-popup .popup-cont .popup-body .txtbox .cont .a > p { margin-top:15px; color:#555; font-size:17px; font-weight:400; line-height:1.6; }
.family-popup .popup-cont .popup-body .txtbox .cont .a ul { margin-top:10px; display:flex; flex-wrap:wrap; gap:0 10px; }
.family-popup .popup-cont .popup-body .txtbox .cont .a ul > li { width:calc((100% - 10px) / 2); color:#555; font-size:17px; font-weight:400; line-height:1.6; }
.family-popup .popup-cont .popup-body .txtbox .cont .a ul > li:not(:last-child) { margin-bottom:5px; }

@media screen and (max-height:760px){
	.family-popup .popup-cont { max-width:1100px;  }
	.family-popup .popup-cont .popup-body .imgcont { width:40%; padding:80px 80px 0 80px; }
	.family-popup .popup-cont .popup-body .imgcont .imgbox img { max-width:100%; border-radius:0px 0px 20px 0px;}
	.family-popup .popup-cont .popup-body .txtbox {  width:60%; height:550px; } 
	.family-popup .popup-cont .popup-body .imgcont { padding:55px 55px 0 55px; } 
	.family-popup .popup-cont .popup-body .imgcont dl { margin-top:35px; }
	.family-popup .popup-cont .popup-body .imgcont dl dt { font-size:16px; }
	.family-popup .popup-cont .popup-body .imgcont dl dd { margin-top:20px; font-size:19px; }
	.family-popup .popup-cont .popup-body .imgcont dl dd strong { font-size:32px; }
	.family-popup .popup-cont .popup-body .txtbox .cont {  padding:70px 40px; }
	.family-popup .popup-cont .popup-body .txtbox .cont h3 { font-size:30px; }
	.family-popup .popup-cont .popup-body .txtbox .cont .q { margin-top:40px; padding-left:22px; font-size:19px; }
	.family-popup .popup-cont .popup-body .txtbox .cont .q strong { font-size:19px; }
	.family-popup .popup-cont .popup-body .txtbox .cont .q .stxt { font-size:16px; }
	.family-popup .popup-cont .popup-body .txtbox .cont .a { padding-top:8px; }
	.family-popup .popup-cont .popup-body .txtbox .cont .a > p { margin-top:13px; font-size:16px; }
	.family-popup .popup-cont .popup-body .txtbox .cont .a ul > li { font-size:16px; }
}
@media screen and (max-width:1540px){ 
	.family-popup .popup-cont { top:50%; left:20px; width:calc(100% - 40px); transform:translate(0, -50%); }
	.family-popup .popup-cont .btn_close { top:-50px; right:0; }
	.family-popup .popup-cont .popup-body .imgcont { width:calc(100% - 65%); padding:60px 70px 0 70px; }
	.family-popup .popup-cont .popup-body .txtbox { width:65%; height:600px; }
	.family-popup .popup-cont .popup-body .txtbox .cont {  padding:80px 50px; }
	.family-popup .popup-cont .popup-body .txtbox .cont .q { margin-top:60px; }
	.family-popup .popup-cont .popup-body .txtbox .cont .a > p br { display:none; }
}
@media screen and (max-width:1280px){ 
	.family-popup .popup-cont .btn_close { top:10px; right:10px; color:#111 }
	.family-popup .popup-cont .popup-body .imgcont { padding:55px 55px 0 55px; } 
	.family-popup .popup-cont .popup-body .imgcont dl { margin-top:35px; }
	.family-popup .popup-cont .popup-body .imgcont dl dt { font-size:16px; }
	.family-popup .popup-cont .popup-body .imgcont dl dd { margin-top:20px; font-size:19px; }
	.family-popup .popup-cont .popup-body .imgcont dl dd strong { font-size:32px; }
	.family-popup .popup-cont .popup-body .txtbox .cont {  padding:70px 40px; }
	.family-popup .popup-cont .popup-body .txtbox .cont h3 { font-size:30px; }
	.family-popup .popup-cont .popup-body .txtbox .cont .q { margin-top:40px; padding-left:22px; font-size:19px; }
	.family-popup .popup-cont .popup-body .txtbox .cont .q strong { font-size:19px; }
	.family-popup .popup-cont .popup-body .txtbox .cont .q .stxt { font-size:16px; }
	.family-popup .popup-cont .popup-body .txtbox .cont .a { padding-top:8px; }
	.family-popup .popup-cont .popup-body .txtbox .cont .a > p { margin-top:13px; font-size:16px; }
}
@media screen and (max-width:1024px){ 
	.family-popup .popup-cont .popup-body .imgcont { width:100%; padding:35px 30px 0 30px; display:flex; align-items:flex-end; } 
	.family-popup .popup-cont .popup-body .imgcont .imgbox img { max-width:180px; border-radius:0px 0px 50px 0px; }
	.family-popup .popup-cont .popup-body .imgcont dl { padding-left:20px;}
	.family-popup .popup-cont .popup-body .txtbox { width:100%; margin-top:30px; height:320px; overflow:auto; border-radius:0; border-radius:0 0 15px 15px;  }
	.family-popup .popup-cont .popup-body .txtbox .cont { padding:50px 20px; }
}
@media screen and (max-width:640px){ 
	.family-popup .popup-cont .btn_close { font-size:28px; }
	.family-popup .popup-cont .popup-body .imgcont {padding:20px 20px 0 20px; } 
	.family-popup .popup-cont .popup-body .imgcont .imgbox img { max-width:160px; border-radius:0px 0px 20px 0px;}
	.family-popup .popup-cont .popup-body .imgcont dl { padding-left:20px;}
	.family-popup .popup-cont .popup-body .imgcont dl { margin-top:35px; }
	.family-popup .popup-cont .popup-body .imgcont dl dt { font-size:15px; }
	.family-popup .popup-cont .popup-body .imgcont dl dd { margin-top:12px; font-size:15px; }
	.family-popup .popup-cont .popup-body .imgcont dl dd strong { font-size:20px; display:block }
	.family-popup .popup-cont .popup-body .txtbox { width:100%; margin-top:30px; height:300px;}
	.family-popup .popup-cont .popup-body .txtbox .cont { padding:30px 20px; }
	.family-popup .popup-cont .popup-body .txtbox .cont h3 { font-size:20px; }
	.family-popup .popup-cont .popup-body .txtbox .cont .q { margin-top:25px; padding-left:20px; font-size:17px; }
	.family-popup .popup-cont .popup-body .txtbox .cont .q strong { font-size:17px; }
	.family-popup .popup-cont .popup-body .txtbox .cont .q .stxt { font-size:15px; }
	.family-popup .popup-cont .popup-body .txtbox .cont .a { padding-top:7px; }
	.family-popup .popup-cont .popup-body .txtbox .cont .a > p { margin-top:10px; font-size:15px; }
	.family-popup .popup-cont .popup-body .txtbox .cont .a ul > li { font-size:15px; }
}

/* animation */
.family-popup .popup-cont .popup-body .imgcont .imgbox,
.family-popup .popup-cont .popup-body .txtbox { opacity:0; }
.family-popup.on .popup-cont .popup-body .imgcont .imgbox { animation:ani_3 0.5s 0.2s; animation-fill-mode:both; }
.family-popup.on .popup-cont .popup-body .txtbox { animation:ani_2 0.5s 0.2s; animation-fill-mode:both; }


.recruitment-box .inner1720 { overflow:hidden; }
.recruitment-box .inner1720 > .imgbox { position:relative; border-radius:15px; overflow:hidden; }
.recruitment-box .inner1720 > .imgbox:after { content:""; display:block; padding-bottom:27.05%; }
.recruitment-box .inner1720 > .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }

@media screen and (max-width:1280px){	
}
@media screen and (max-width:1024px){	
	.recruitment-box .inner1720 > .imgbox:after { padding-bottom:30%; border-radius:10px; }
}
@media screen and (max-width:640px){	
	.recruitment-box .inner1720 > .imgbox:after { padding-bottom:45%; }
}


/* animation */
.recruitment-box .inner1720 > .imgbox { opacity:0; }
.recruitment-box .inner1720 > .imgbox { animation:bgs3 0.5s 0.2s; animation-fill-mode:both; }

/* network */
.network-global,
.network-global .inner1720 { overflow:hidden; }
.network-global .inner1720 > .imgbox { position:relative; border-radius:15px; overflow:hidden; }
.network-global .inner1720 > .imgbox:after { content:""; display:block; padding-bottom:27.05%; }
.network-global .inner1720 > .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.network-global .top-listbox { margin-top:115px; }
.network-global .top-listbox > ul { display:flex; flex-wrap:wrap; gap:40px 40px; }
.network-global .top-listbox > ul > li { position:relative; width:calc((100% - 120px) / 4); transition:all 0.1s ease-in-out; cursor:pointer; }
.network-global .top-listbox > ul > li:after {content:""; display:block; padding-bottom:64.1%; transition:all 0.1s ease-in-out; border:1px solid #e5e5e5; border-radius:10px; }
.network-global .top-listbox > ul > li .box { position:absolute; left:0; top:0; width:100%; height:100%; padding:34px 25px 28px; transition:all 0.1s ease-in-out; }
.network-global .top-listbox > ul > li .box .tit { position:relative; font-size:16px; font-weight:600; color:#444; padding-left:14px;  }
.network-global .top-listbox > ul > li .box .tit:after {content:""; display:block; position:absolute; left:0; top:5px; width:6px; height:6px; background-color:#04bcdd; border-radius:10px; transition:all 0.1s ease-in-out; }
.network-global .top-listbox > ul > li .box .sbox { height:90px; background-color:#f5f5f5; border-radius:8px; margin-top:25px; display:flex; align-items:center; justify-content:center; transition:all 0.1s ease-in-out; }
.network-global .top-listbox > ul > li .box .sbox img { height:22px; }
.network-global .top-listbox > ul > li .box p { position:absolute; left:0; bottom:28px; width:100%; text-align:center; font-size:15px; color:#666; }
.network-global .top-listbox > ul > li .box p i { font-size:14px; display:inline-block; vertical-align:middle; margin-top:-2px; transition:all 0.1s ease-in-out; }
.network-global .top-listbox > ul > li .flag { position:absolute; right:25px; top:34px; transition:all 0.1s ease-in-out; }
.network-global .top-listbox > ul > li .flag img { width:23px; }
.network-global .top-listbox > ul > li:hover:after { content:""; display:block; border:2px solid #04bcdd; position:absolute; left:-1px; top:-1px; width:calc(100% - 2px); padding-bottom:calc(64.1% - 2px); }
.network-global .top-listbox > ul > li:hover .box .sbox { background-color:#e5f8fc; }
.network-global .branch-box { margin-top:120px; padding:115px 0; background-color:#f5f5f5; }
.network-global .branch-box h3.title { text-align:center; font-size:50px; color:#222; font-weight:600; }
.network-global .branch-box h3.title span { font-weight:600; }
.network-global .branch-box .listbox { margin-top:85px; }
.network-global .branch-box .listbox > ul > li:not(last-child) { margin-bottom:50px; }
.network-global .branch-box .listbox > ul > li .box { gap:0 40px; display:flex; flex-wrap:wrap; align-items:center; background-color:#fff; border-radius:10px; padding:60px 80px; }
.network-global .branch-box .listbox > ul > li .box > div { width:calc((100% - 40px) / 2); }
.network-global .branch-box .listbox > ul > li .box .mapbox { position:relative; overflow:hidden; }
.network-global .branch-box .listbox > ul > li .box .mapbox:before {content:""; display:block; }
.network-global .branch-box .listbox > ul > li .box .mapbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.network-global .branch-box .listbox > ul > li .box .mapbox .cls-100{fill:none;stroke:none}
.network-global .branch-box .listbox > ul > li .box .mapbox .cls-1{fill:#ddd;}
.network-global .branch-box .listbox > ul > li .box .mapbox .txt{font-size:17px;fill:#110d62;font-family:MyriadPro-Regular, Myriad Pro;}
.network-global .branch-box .listbox > ul > li .box .mapbox .circle1,
.network-global .branch-box .listbox > ul > li .box .mapbox .circle2{fill:#312e77;}
.network-global .branch-box .listbox > ul > li .box .mapbox .circle1{opacity:0.2;}
.network-global .branch-box .listbox > ul > li .box .mapbox .circle3{fill:#fff;}
.network-global .branch-box .listbox > ul > li .box .txtbox { position:relative; }
.network-global .branch-box .listbox > ul > li .box .txtbox .titbox { height:55px; border-bottom:1px solid #e5e5e5; }
.network-global .branch-box .listbox > ul > li .box .txtbox .tit { position:relative; font-size:36px; font-weight:700; color:#222; padding-left:12px;  }
.network-global .branch-box .listbox > ul > li .box .txtbox .tit:after {content:""; display:block; position:absolute; left:0; top:4px; width:8px; height:8px; background-color:#04bcdd; border-radius:10px; transition:all 0.1s ease-in-out; }
.network-global .branch-box .listbox > ul > li .box .txtbox .flag { position:absolute; right:0; top:2px; }
.network-global .branch-box .listbox > ul > li .box .txtbox .flag img { width:31px; }
.network-global .branch-box .listbox > ul > li .box .txtbox .logo { margin-top:40px; }
.network-global .branch-box .listbox > ul > li .box .txtbox .logo img { height:31px; }
.network-global .branch-box .listbox > ul > li .box .txtbox .txtcont { margin-top:22px; padding-bottom:10px; display:flex; align-items:center; justify-content:space-between; }
.network-global .branch-box .listbox > ul > li .box .txtbox .txtcont strong { color:#1c1561; font-size:21px; font-weight:700; }
.network-global .branch-box .listbox > ul > li .box .txtbox .link { display:flex; align-items:center; justify-content:center; min-width:130px; height:40px; padding:0 20px; border-radius:50px; background-color:#e6e6e6; transition:all 0.3s ease-in-out; }
.network-global .branch-box .listbox > ul > li .box .txtbox .link span { color:#666; font-size:14px; font-weight:400; transition:all 0.3s ease-in-out; }
.network-global .branch-box .listbox > ul > li .box .txtbox .link i { display:inline-block; color:#666; font-size:14px; font-weight:400; margin:0 0 0 10px; transition:all 0.3s ease-in-out; }
.network-global .branch-box .listbox > ul > li .box .txtbox .link:hover { background-color:#05b4dd; transition:all 0.3s ease-in-out; }
.network-global .branch-box .listbox > ul > li .box .txtbox .link:hover span,
.network-global .branch-box .listbox > ul > li .box .txtbox .link:hover i { color:#fff; }
.network-global .branch-box .listbox > ul > li .box .txtbox .info { margin-top:10px; background-color:#f5f5f5; padding:40px 34px; border-radius:8px; }
.network-global .branch-box .listbox > ul > li .box .txtbox .info dt { display:flex; align-items:center; justify-content:space-between; color:#222; font-size:18px; font-weight:600; }
.network-global .branch-box .listbox > ul > li .box .txtbox .info dt .link { margin:-10px 0; }
.network-global .branch-box .listbox > ul > li .box .txtbox .info dd { margin-top:25px; padding-top:13px; border-top:1px solid #e0e0e0; }
.network-global .branch-box .listbox > ul > li .box .txtbox .info dd p { padding-left:21px; margin-top:13px; position:relative; color:#444; font-size:16px; line-height:1.5; }
.network-global .branch-box .listbox > ul > li .box .txtbox .info dd p i { position:absolute; left:0; top:5px; color:#04bcdd; font-size:16px; }
.network-global .branch-box .listbox > ul > li .box .txtbox .consol { display:flex; margin-top:15px; justify-content:flex-end; }
.network-global .branch-box .listbox > ul > li .box .txtbox .consol a { position:relative; font-size:14px; color:#888; }
.network-global .branch-box .listbox > ul > li .box .txtbox .consol a:after {content:""; display:block; position:absolute; left:50%; bottom:-5px; transform:translateX(-50%); width:0; height:1px; background-color:#e5e5e5; transition:all 0.3s ease-in-out; }
.network-global .branch-box .listbox > ul > li .box .txtbox .consol a:hover:after { width:100%; }
.network-global .branch-box .listbox > ul > li .box .txtbox .btn { margin-top:45px; }
.network-global .branch-box .listbox > ul > li .box .txtbox .btn a { color:#666; font-size:15px; font-weight:600; display:flex; justify-content:center; align-items:center; border:1px solid #ddd; border-radius:8px; width:100%; height:60px; transition:all 0.3s ease-in-out; }
.network-global .branch-box .listbox > ul > li .box .txtbox .btn a:hover { color:#fff; background-color:#444; }
.network-box .branch-allmenu { position:fixed; left:0; bottom:0; width:100%; padding:0 100px; transform:translateY(80px); transition:all .5s ease; z-index:22 }
.network-box .branch-allmenu.on { transform:translateY(0); transition:all .5s ease;  }
.network-box .branch-allmenu .btn a { height:80px; background-color:#05b4dd; display:flex; justify-content:center; align-items:center; border-radius:100px 100px 0 0; font-size:21px; color:#fff;  }
.network-box .branch-allmenu.on .btn a { opacity:1; }
.network-box .branch-allmenu .btn a i { font-size:17px; display:inline-block; margin-left:10px; }
@media screen and (max-width:1600px){	
	.network-global .top-listbox > ul { gap:30px 30px; }
	.network-global .top-listbox > ul > li { width:calc((100% - 90px) / 4); }
	.network-global .top-listbox > ul > li .box .sbox { height:70px; }
	.network-global .top-listbox > ul > li .box .sbox img { height:20px; }
}
@media screen and (max-width:1400px){
	.network-global .top-listbox > ul { gap:30px 30px; }
	.network-global .top-listbox > ul > li { width:calc((100% - 60px) / 3); }
	.network-global .branch-box .listbox > ul > li .box { gap:0 30px; padding:50px 70px; }
	.network-global .branch-box .listbox > ul > li .box > div { width:calc((100% - 30px) / 2); }
	.network-box .branch-allmenu { transform:translateY(75px); }
	.network-box .branch-allmenu .btn a { height:75px; border-radius:90px 90px 0 0; font-size:20px; }
	.network-box .branch-allmenu .btn a i { font-size:17px; margin-left:10px; }
}
@media screen and (max-width:1280px){
	.network-global .top-listbox { margin-top:80px; }
	.network-global .top-listbox > ul { gap:20px 15px; }
	.network-global .top-listbox > ul > li { width:calc((100% - 30px) / 3); }
	.network-global .top-listbox > ul > li .box { padding:34px 25px 48px; }
	.network-global .top-listbox > ul > li .box .sbox { padding:0 10px; height:60px; }
	.network-global .top-listbox > ul > li .box p { bottom:20px; }
	.network-global .top-listbox > ul > li .flag { right:25px; top:30px; }
	.network-global .branch-box { margin-top:80px; padding:80px 0; }
	.network-global .branch-box h3.title { font-size:36px; }
	.network-global .branch-box .listbox { margin-top:60px; }
	.network-global .branch-box .listbox > ul > li .box { gap:0 20px; padding:40px 40px; }
	.network-global .branch-box .listbox > ul > li .box > div { width:calc((100% - 20px) / 2); }
	.network-global .branch-box .listbox > ul > li .box .txtbox .titbox { height:50px; }
	.network-global .branch-box .listbox > ul > li .box .txtbox .tit { font-size:30px; }
	.network-box .branch-allmenu { transform:translateY(70px); }
	.network-box .branch-allmenu .btn a { height:70px; border-radius:60px 60px 0 0; font-size:19px; }
	.network-box .branch-allmenu .btn a i { font-size:16px; margin-left:8px; }
}
@media screen and (max-width:1024px){	
	.network-global .inner1720 > .imgbox:after { padding-bottom:30%; border-radius:10px; }
	.network-global .top-listbox > ul > li .box .sbox img { height:18px; }
	.network-global .top-listbox > ul > li:after { padding-bottom:60%; }
	.network-global .top-listbox > ul > li .box { padding:25px 20px 25px; }
	.network-global .top-listbox > ul > li .flag { right:20px; top:20px; }
	.network-global .branch-box h3.title { font-size:30px; }
	.network-global .branch-box .listbox > ul > li .box { gap:0 20px; padding:35px 35px; }
	.network-global .branch-box .listbox > ul > li .box > div { width:calc((100% - 20px) / 2); }
	.network-global .branch-box .listbox > ul > li .box .txtbox .titbox { height:42px; }
	.network-global .branch-box .listbox > ul > li .box .txtbox .tit { font-size:24px; }
	.network-global .branch-box .listbox > ul > li .box .txtbox .tit:after { top:2px; width:6px; height:6px;}
	.network-global .branch-box .listbox > ul > li .box .txtbox .flag img { width:28px; }
	.network-global .branch-box .listbox > ul > li .box .txtbox .logo { margin-top:28px; }
	.network-global .branch-box .listbox > ul > li .box .txtbox .logo img { height:28px; }
	.network-global .branch-box .listbox > ul > li .box .txtbox .txtcont { margin-top:20px; padding-bottom:10px; }
	.network-global .branch-box .listbox > ul > li .box .txtbox .txtcont strong { font-size:18px; }
	.network-global .branch-box .listbox > ul > li .box .txtbox .link { min-width:120px; height:40px; padding:0 15px; }
	.network-global .branch-box .listbox > ul > li .box .txtbox .link span { font-size:13px; }
	.network-global .branch-box .listbox > ul > li .box .txtbox .link i { font-size:13px; margin:0 0 0 8px; }
	.network-global .branch-box .listbox > ul > li .box .txtbox .info { margin-top:8px; padding:30px 20px; }
	.network-global .branch-box .listbox > ul > li .box .txtbox .info dt { font-size:17px;}
	.network-global .branch-box .listbox > ul > li .box .txtbox .info dt .link { margin:-10px 0; }
	.network-global .branch-box .listbox > ul > li .box .txtbox .info dd { margin-top:15px; padding-top:12px; }
	.network-global .branch-box .listbox > ul > li .box .txtbox .info dd p { padding-left:21px; margin-top:11px; font-size:15px; }
	.network-global .branch-box .listbox > ul > li .box .txtbox .info dd p i { top:5px; font-size:15px; }
	.network-global .branch-box .listbox > ul > li .box .txtbox .consol { margin-top:15px;}
	.network-global .branch-box .listbox > ul > li .box .txtbox .consol a { font-size:14px; }
	.network-global .branch-box .listbox > ul > li .box .txtbox .btn { margin-top:40px; }
	.network-global .branch-box .listbox > ul > li .box .txtbox .btn a {font-size:14px; border-radius:6px; height:50px; }
	.network-box .branch-allmenu { transform:translateY(60px); }
	.network-box .branch-allmenu .btn a { height:60px; border-radius:30px 30px 0 0; font-size:18px; }
	.network-box .branch-allmenu .btn a i { font-size:15px; }
}
@media screen and (max-width:860px){
	.network-global .branch-box .listbox > ul > li .box { gap:0 10px; padding:20px; }
	.network-global .branch-box .listbox > ul > li .box > div { width:100%; }
	.network-global .top-listbox > ul > li .box { padding:20px 20px 20px; }
	.network-global .top-listbox > ul > li .flag img { width:23px; }
	.network-global .top-listbox > ul > li .flag { right:20px; top:18px; }
	.network-global .top-listbox > ul { gap:10px 10px; }
	.network-global .top-listbox > ul > li { width:calc((100% - 10px) / 2); }
	.network-global .top-listbox > ul > li:after { padding-bottom:52%; }
	.network-global .top-listbox > ul > li .box p { bottom:15px; }
	.network-global .branch-box .listbox > ul > li .box .txtbox { margin-top:30px; }
	.network-global .branch-box .listbox > ul > li .box .txtbox .flag img { width:23px; }
	.network-global .branch-box .listbox > ul > li .box .txtbox .logo { margin-top:22px; }
	.network-global .branch-box .listbox > ul > li .box .txtbox .logo img { height:22px; }
	.network-box .branch-allmenu { padding:0 20px; }
}
@media screen and (max-width:640px){
	.network-global .top-listbox { margin-top:40px; }	
	.network-global .branch-box { margin-top:40px; padding:40px 0; }
	.network-global .inner1720 > .imgbox:after { padding-bottom:45%; }
	.network-global .top-listbox > ul { gap:10px 0; }
	.network-global .top-listbox > ul > li { width:100%; }
	.network-global .top-listbox > ul > li:after { padding-bottom:170px; }
	.network-global .top-listbox > ul > li .box { padding:15px 15px 15px; }
	.network-global .top-listbox > ul > li .box p { bottom:20px; }
	.network-global .branch-box h3.title { font-size:24px; }
	.network-global .branch-box .listbox { margin-top:30px; }
	.network-global .branch-box .listbox > ul > li .box .txtbox .titbox { height:35px; }
	.network-global .branch-box .listbox > ul > li .box .txtbox .tit { font-size:18px; }
	.network-global .branch-box .listbox > ul > li .box .txtbox .tit:after { top:2px; width:5px; height:5px;}
	.network-global .branch-box .listbox > ul > li .box .txtbox .logo { margin-top:20px; }
	.network-global .branch-box .listbox > ul > li .box .txtbox .logo img { height:20px; }
	.network-global .branch-box .listbox > ul > li .box .txtbox .txtcont { margin-top:20px; padding-bottom:10px; }
	.network-global .branch-box .listbox > ul > li .box .txtbox .txtcont strong { font-size:16px; }
	.network-global .branch-box .listbox > ul > li .box .txtbox .link { min-width:100px; height:35px; }
	.network-global .branch-box .listbox > ul > li .box .txtbox .info { margin-top:8px; padding:20px 15px; }
	.network-global .branch-box .listbox > ul > li .box .txtbox .info dt { font-size:16px;}
	.network-global .branch-box .listbox > ul > li .box .txtbox .info dt .link { margin:-5px 0; }
	.network-global .branch-box .listbox > ul > li .box .txtbox .info dd { margin-top:10px; padding-top:10px; }
	.network-global .branch-box .listbox > ul > li .box .txtbox .info dd p { padding-left:18px; margin-top:10px; font-size:14px; }
	.network-global .branch-box .listbox > ul > li .box .txtbox .info dd p i { top:5px; font-size:14px; }
	.network-global .branch-box .listbox > ul > li .box .txtbox .consol { margin-top:14px;}
	.network-global .branch-box .listbox > ul > li .box .txtbox .consol a { font-size:14px; }
	.network-global .branch-box .listbox > ul > li .box .txtbox .btn { margin-top:30px; }
	.network-box .branch-allmenu { transform:translateY(50px); }
	.network-box .branch-allmenu .btn a { height:50px; border-radius:10px 10px 0 0; font-size:16px; }
	.network-box .branch-allmenu .btn a i { font-size:14px; }
}

/* animation */
/*
.network-global > .imgbox:after { content:""; display:block; width:50%; height:100%; background:#fff; position:absolute; left:0; top:0; transition:width 0.8s, opacity 0.5s; z-index:1 }
.network-global > .imgbox:before { content:""; display:block; width:50%; height:100%; background:#fff; position:absolute; right:0; top:0; transition:width 0.8s, opacity 0.5s; z-index:1 }
.network-global > .imgbox.subOn:after { width:0; }
.network-global > .imgbox.subOn:before { width:0; }
.network-global > .imgbox.subOn img { animation:bgs5 1.5s 0.8s; animation-fill-mode:both; }
*/
.network-global .inner1720 > .imgbox { opacity:0; }
.network-global .inner1720 > .imgbox { animation:bgs3 0.5s 0.2s; animation-fill-mode:both; }
.network-global .branch-box h3.title { overflow:hidden; }
.network-global .branch-box h3.title span { opacity:0; display:block;}
.network-global .branch-box h3.title.subOn span {animation:txtUp 0.5s 0.3s; animation-fill-mode:both;  }
.network-global .top-listbox > ul > li { opacity:0; }
.network-global .top-listbox > ul > li.subOn:nth-child(4n-3) { animation:ani_3 0.5s 0.2s; animation-fill-mode:both; }
.network-global .top-listbox > ul > li.subOn:nth-child(4n-2) { animation:ani_3 0.5s 0.4s; animation-fill-mode:both; }
.network-global .top-listbox > ul > li.subOn:nth-child(4n-1) { animation:ani_3 0.5s 0.6s; animation-fill-mode:both; }
.network-global .top-listbox > ul > li.subOn:nth-child(4n) { animation:ani_3 0.5s 0.8s; animation-fill-mode:both; }
.network-global .branch-box .listbox > ul > li .box,
.network-global .branch-box .listbox > ul > li .box .mapbox,
.network-global .branch-box .listbox > ul > li .box .mapbox .txt,
.network-global .branch-box .listbox > ul > li .box .txtbox { opacity:0; }
.network-global .branch-box .listbox > ul > li.subOn .box { animation:ani_3 0.5s 0.2s; animation-fill-mode:both; }
.network-global .branch-box .listbox > ul > li.subOn .box .mapbox { animation:bgs3 0.5s 0.4s; animation-fill-mode:both; }
.network-global .branch-box .listbox > ul > li.subOn .box .mapbox .txt { animation:ani_5 0.8s 0.5s; animation-fill-mode:both; }
.network-global .branch-box .listbox > ul > li.subOn .box .mapbox .circle1 { animation:map_over1 1.0s 0s infinite; }
.network-global .branch-box .listbox > ul > li.subOn .box .txtbox { animation:ani_2 0.5s 0.6s; animation-fill-mode:both; }

@media screen and (max-width:1400px){
	.network-global .top-listbox > ul > li.subOn:nth-child(3n-2) { animation:ani_3 0.5s 0.2s; animation-fill-mode:both; }
	.network-global .top-listbox > ul > li.subOn:nth-child(3n-1) { animation:ani_3 0.5s 0.4s; animation-fill-mode:both; }
	.network-global .top-listbox > ul > li.subOn:nth-child(3n) { animation:ani_3 0.5s 0.6s; animation-fill-mode:both; }
}
@media screen and (max-width:860px){
	.network-global .top-listbox > ul > li.subOn:nth-child(2n-1) { animation:ani_3 0.5s 0.2s; animation-fill-mode:both; }
	.network-global .top-listbox > ul > li.subOn:nth-child(2n) { animation:ani_3 0.5s 0.4s; animation-fill-mode:both; }
	.network-global .branch-box .listbox > ul > li.subOn .box .txtbox { animation:ani_3 0.5s 0.8s; animation-fill-mode:both; }
}
@media screen and (max-width:640px){
	.network-global .top-listbox > ul > li.subOn:nth-child(2n+1) { animation:ani_3 0.5s 0.2s; animation-fill-mode:both; }
	.network-global .top-listbox > ul > li.subOn:nth-child(2n) { animation:ani_3 0.5s 0.4s; animation-fill-mode:both; }
}



.company-box,
.news-box { margin-bottom:120px; }



.search-box { padding:38px 0; background-color:#f5f5f5; border-radius:1px; }
.search-box .search { justify-content:center; display:flex; }
.search-box .search select { margin-right:10px; position:relative; z-index:3; width:140px; height:50px; padding:0 18px; font-size:14px; color:#222; font-weight:300; border:none; outline:none; background:#fff; border:1px solid #e5e5e5; border-radius:3px; }
.search-box .search select { -webkit-appearance:none; -moz-appearance:none; appearance:none; background:#fff url(/img/sub/icon_select_down1.png) right center no-repeat; }
.search-box .search select:before { content:""; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); width:20px; height:20px; background-color:#000 }
.search-box .search select::-ms-expand { display:none; }
.search-box .search .ipbtn { position:relative; width:360px;}
.search-box .search .ipbtn input { width:100%; height:50px; padding:0 55px 0 18px; border:1px solid #e5e5e5; outline:none; color:#222; font-size:14px; font-weight:300; background-color:#fff; border-radius:3px; }
.search-box .search .ipbtn ::placeholder { color:#777; opacity:1; font-weight:300; }
.search-box .search .ipbtn .btn { position:absolute; right:0; top:0; display:block; width:50px; height:50px; background:url(/img/sub/icon_search.png) center center no-repeat; }
.search-box .search .ipbtn .btn button { border:none; background:none; border:none; width:100%; height:100%; opacity:0; overflow:hidden;}
@media screen and (max-width:760px){
	.search-box { padding:25px 10px; }
	.search-box .search select { margin-right:7px; width:120px; height:45px; }
	.search-box .search .ipbtn input { height:45px; }
	.search-box .search .ipbtn { width:calc(100% - 120px);}
	.search-box .search .ipbtn .btn { width:45px; height:45px; }
}

/* news */
.news-list .search-box { margin-top:50px; }
.news-list .listbox { margin-top:50px; }
.news-list .listbox > ul { display:flex; flex-wrap:wrap; gap:46px 46px; }
.news-list .listbox > ul > li { width:calc((100% - 92px) / 3); }
.news-list .listbox > ul > li .imgbox { position:relative; border-radius:10px; overflow:hidden; border: 0.5px solid #efefef; }
.news-list .listbox > ul > li .imgbox:after { content:""; display:block; padding-bottom:64.3%; }
.news-list .listbox > ul > li .imgbox img { position:absolute; left:0; top:0; height:100%; object-fit:cover; -o-object-fit:cover; width:100%; }
.news-list .listbox > ul > li .txtbox { margin-top:25px; }
.news-list .listbox > ul > li .txtbox dt { font-size:14px; font-weight:600; color:#04bcdd; }
.news-list .listbox > ul > li .txtbox dd { margin-top:10px; padding-right:30px; }
.news-list .listbox > ul > li .txtbox dd .txt { display:flex; align-items:center;}
.news-list .listbox > ul > li .txtbox dd .txt span { font-size:21px; font-weight:700; color:#333; line-height:1.2; overflow:hidden; text-overflow:ellipsis; /* display:-webkit-box; -webkit-line-clamp:1; */ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;     word-break: break-all;}
.news-list .listbox > ul > li .txtbox dd .txt img { width:14px; height:14px; margin-left:10px; }
.news-list .listbox > ul > li .txtbox .date { margin-top:12px; color:#999; font-size:13px; font-weight:300; display:block; }
@media screen and (max-width:1280px){
	.news-list .listbox > ul { gap:30px 25px; }
	.news-list .listbox > ul > li { width:calc((100% - 50px) / 3); }
	.news-list .listbox > ul > li .txtbox { margin-top:20px; }
	.news-list .listbox > ul > li .txtbox dt { font-size:13px;}
	.news-list .listbox > ul > li .txtbox dd .txt span { font-size:18px; }
	.news-list .listbox > ul > li .txtbox .date { margin-top:10px; font-size:12px; }
}
@media screen and (max-width:1024px){
	.news-list .search-box,
	.news-list .listbox { margin-top:30px; }
	.news-list .listbox > ul { gap:30px 20px; }
	.news-list .listbox > ul > li .txtbox dd { margin-top:8px; }
	.news-list .listbox > ul > li { width:calc((100% - 40px) / 3); }
	.news-list .listbox > ul > li .txtbox .date { margin-top:5px; }
}
@media screen and (max-width:960px){
	.news-list .listbox > ul { gap:30px 20px; }
	.news-list .listbox > ul > li { width:calc((100% - 20px) / 2); }
}
@media screen and (max-width:640px){
	.news-list .listbox > ul { gap:30px 15px; }
	.news-list .listbox > ul > li { width:calc((100% - 15px) / 2); }
	.news-list .listbox > ul > li .txtbox { margin-top:15px; }
	.news-list .listbox > ul > li .txtbox dt { font-size:12px;}
	.news-list .listbox > ul > li .txtbox dd .txt span { font-size:16px; }
	.news-list .listbox > ul > li .txtbox .date { font-size:12px; }
}

/* animation */
.news-list .listbox > ul > li .imgbox:before { content:''; display:block; position:absolute; top:0; left:-75%; z-index:2; width:50%; height:100%; background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); transform:skewX(-30deg); }
.news-list .listbox > ul > li a:hover .imgbox::before { animation:shine .75s; }


.news-view .view .viewTop { text-align:center; padding:40px 0 48px; background-color:#f9f9f9; border-top:1px solid #04bcdd; border-bottom:1px solid #e5e5e5; }
.news-view .view .viewTop .stit { color:#04bcdd; font-size:16px; font-weight:600; margin-bottom:25px;  }
.news-view .view .viewTop .title { font-size:34px; line-height:1.5; font-weight:700; color:#333; }
.news-view .view .viewTop .date { margin:20px 0 0 0; font-size:13px; font-weight:300; color:#999;  }
.news-view .view .viewCont { padding:50px; min-height:200px; color:#666; font-size:16px; line-height:1.4; }
.news-view .view .viewCont * { word-break:break-word; }
.news-view .view .viewCont img { max-width:100%; }
.news-view .view .viewbottom { position:relative; margin:50px 0 0 0; display:flex; justify-content:space-between; }
.news-view .view .viewbottom .btn_v a { font-size:15px; font-weight:500; color:#999; min-height:40px; }
.news-view .view .viewbottom .btn_v strong { display:block; margin-bottom:10px; }
.news-view .view .viewbottom .btn_v span { position:relative; font-size:16px; color:#666; line-height:1.2; font-weight:300; line-height:1.2; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.news-view .view .viewbottom .prev { padding:0 0 0 48px; width:35%; background:url(/img/sub/btn_bv_prev.png) left center no-repeat; }
.news-view .view .viewbottom .next { text-align:right; padding:0 48px 0 0; background:url(/img/sub/btn_bv_next.png) right center no-repeat; }
.news-view .view .viewbottom .next span {; }
.news-view .view .viewbottom .btn_list { position:absolute; top:10px; left:50%; transform:translateX(-50%); background:url(/img/sub/btn_bv_list.png) center top no-repeat; padding-top:30px; }
.news-view .view .viewbottom .btn_list a { color:#777; font-size:14px; font-weight:300; }
.news-view .view .file { border-top:1px solid #e5e5e5; }
.news-view .view .file li { display:flex; height:60px; border-bottom:1px solid #e5e5e5; align-items:center;}
.news-view .view .file li strong { font-size:14px; color:#999; font-weight:400; width:150px; display:flex; align-items:center; padding-left:42px; background-color:#f7f7f7; height:100%; }
.news-view .view .file li a { width:calc(100% - 150px); position:relative; padding:2px 0 2px 50px; background:url(/img/sub/icon_file.png) 30px 4px no-repeat; }
.news-view .view .file li a span { font-size:14px; color:#666; line-height:1.2; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
@media screen and (max-width:1280px){
	.news-view .view .viewTop .stit { font-size:15px; }
	.news-view .view .viewTop .title { font-size:28px; }
}
@media screen and (max-width:1024px){
	.news-view .view .viewTop { padding:30px 0 38px; }
	.news-view .view .viewTop .stit { font-size:15px; margin-bottom:20px;}
	.news-view .view .viewTop .title {  font-size:24px; }
	.news-view .view .viewTop .date { margin:10px 0 0 0; font-size:12px; }
	.news-view .view .viewCont { padding:40px; min-height:150px; }
	.news-view .view .viewbottom .btn_v span { display:none; }
	.news-view .view .viewbottom .btn_v strong { margin-bottom:0; }
	.news-view .view .viewbottom .btn_list { padding:0; background:none; top:2px; }
	.news-view .view .viewbottom .prev { padding:2px 0 0 20px; width:auto; }
	.news-view .view .viewbottom .next { padding:2px 20px 0 0; width:auto; }
	.news-view .view .file li { height:55px }
	.news-view .view .file li strong { width:120px; padding-left:22px; }
	.news-view .view .file li a { width:calc(100% - 120px); padding:2px 0 2px 30px; background-position:15px 4px; }
}
@media screen and (max-width:640px){
	.news-view .view .viewTop { padding:30px 0; }
	.news-view .view .viewTop .stit { font-size:14px; margin-bottom:15px; }
	.news-view .view .viewTop .title { font-size:20px; }
	.news-view .view .viewCont { padding:30px 20px; min-height:100px; }
	.news-view .view .viewbottom .prev { margin:0; }
	.news-view .view .viewbottom .next { margin:0; }
	.news-view .view .viewbottom .btn_v a { font-size:14px; }
	.news-view .view .file li strong { width:100px; padding-left:20px; }
}

.page { margin:60px auto 0 auto; text-align:center; padding:0; } 
.page a { position:relative; font-size:16px; line-height:35px; font-weight:400; color:#949494; font-family:'Rubik', sans-serif; border:none; padding:0; min-width:35px; margin:0 -4px; display:inline-block; }
.page ul { display:inline-block; }
.page li { display:inline-block; vertical-align:middle; margin:0 3px; }
.page li.on a { font-weight:400; color:#fff; background-color:#04bcdd; border:none; padding:0 4px; border-radius:50px; }
.page li:hover a,
.page li a:hover { border:none; /* background:none; */ }
.page li.on:hover a  { background-color:#04bcdd; }
.page .btn_pn { display:inline-block; vertical-align:middle; padding:0;  }
.page .btn_prev { display:inline-block; vertical-align:middle; height:35px; padding:0; width:20px; margin-right:8px; overflow:hidden; text-indent:-9999em; background:url(/img/sub/btn_b_prev.png) center center no-repeat; }
.page .btn_next { display:inline-block; vertical-align:middle; height:35px; padding:0; width:25px; margin-left:8px; overflow:hidden; border:none; text-indent:-9999em; background:url(/img/sub/btn_b_next.png) center center no-repeat;}
.page .btn_first { display:inline-block; vertical-align:middle; height:35px; padding:0; width:25px; margin-right:-4px; overflow:hidden; border:none;  text-indent:-9999em; background:url(/img/sub/btn_b_first.png) center center no-repeat;}
.page .btn_last { display:inline-block; vertical-align:middle; height:35px; padding:0; width:25px;  margin-left:-4px; overflow:hidden; border:none; text-indent:-9999em; background:url(/img/sub/btn_b_last.png) center center no-repeat;}
.page li span { color:#aaa; display:block;  margin-top:-10px; font-weight:800; }

@media screen and (max-width:640px){
	.page { margin:30px auto 0 auto; }
	.page a { font-size:16px; line-height:35px; }
}





figure{margin:0;}
input[type="submit"],input[type="button"], input[type="file"],  input[type="text"], button { appearance:none; -moz-appearance:none; -webkit-appearance:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; }
input[type="checkbox"]{ padding:0 !important;}
select::-ms-expand { display:none; }
select { 
    -webkit-appearance:none; 
    -moz-appearance:none; 
    appearance:none;
     background:url(/img/sub/icon_select00001.png) no-repeat 93% 50%;
}

.bg_box{background:#f5f5f5; border-radius:10px}
.gdpr,
.sitemap{margin-bottom:120px;}
/* sitemap */
.sitemap nav{padding:100px;}
.sitemap nav > ul{position:relative; display:flex; flex-wrap:wrap;}
.sitemap nav > ul > li{width:20%;}
.sitemap nav > ul li:last-of-type{margin-bottom:0;}
.sitemap nav > ul > li > span{font-weight:bold; display:inline-block; vertical-align:top; width:100%; font-size:28px; color:#333; margin-bottom:23px;}
.sitemap nav > ul > li > ul > li{margin-bottom:10px;}
.sitemap nav > ul > li > ul > li > a{display:inline-block; padding:5px 0; vertical-align:top; width:100%; font-size:17px; color:#444; transition:0.3s}
.sitemap nav > ul > li > ul > li > ul{margin-top:6px; padding-left:10px; box-sizing:border-box;}
.sitemap nav > ul > li > ul > li > ul > li > a{position:relative; display:inline-block; vertical-align:top; width:100%; font-weight:300; font-size:15px; color:#666; padding:6px 0 6px 10px; transition:0.3s}
.sitemap nav > ul > li > ul > li > ul > li > a span{position:absolute; left:0;}
.sitemap nav > ul > li > ul > li:hover > a{font-weight:400; color:#0642b0;}
.sitemap nav > ul > li > ul > li > ul > li:hover > a{color:#000;}
.sitemap nav > ul > li.right{position:absolute;top:300px; right:0;}

/* gdpr */
.gdpr  h3.title { display:none; } 
.gdpr .info{padding:80px 60px;}
.gdpr .info > h3 {font-weight:bold; font-size:19px; color:#333333; letter-spacing:-0.015em; margin-bottom:30px; }
.gdpr .info dl{margin-bottom:60px;}
.gdpr .info dl:last-of-type{margin-bottom:0;}
.gdpr .info dl dt{font-weight:bold; font-size:19px; letter-spacing:-0.015em; color:#333333;line-height:1.8; margin-bottom:10px;}
.gdpr .info dl dd{font-size:16px; color:#444; letter-spacing:-0.015em; line-height:1.8; padding-left:20px;}
.gdpr .info dl:first-of-type dd{padding-left:0;}
.gdpr .info dl dd ul li{margin-bottom:10px;}
.gdpr .info dl dd ul li:last-of-type{margin-bottom:0;}
.gdpr .info dl dd ul li a{position:relative; color:#1c1561; }
.gdpr .info dl dd ul li a::after{content:""; position:absolute; bottom:-1px; left:0; width:100%; height:1px; background:#1c1561;} 
.gdpr .info dl dd ul li a i{position:relative; top:2px; font-size:16px;}
.gdpr .info dl dd ul li ul { padding-left:10px; }
.gdpr .info dl dd ul li ul li {margin-bottom:5px;}
.gdpr .info dl dd > p { padding-top:20px; }
.gdpr .info dl dd a { color:#1c1561;}

/* recruitment */
.recruitment-box{}
.recruitment-box .bgg{background:#f5f5f5;}
.recruitment-box *{font-family:'Pretendard'; word-break:keep-all;}
.recruitment-box .scon{padding:120px 0;}
.recruitment-box .scon .inner{display:flex; flex-wrap:wrap;}
.recruitment-box .scon .inner > dt{width:500px; font-weight:600; font-size:52px; color:#222222;}
.recruitment-box .scon .inner > dt span{display:block; font-family:'Patua One', cursive; font-size:20px; color:#aaa; margin-bottom:30px;}
.recruitment-box .scon .inner > dt strong{font-weight:600; display:block;}
.recruitment-box .scon .inner > dd{width:calc(100% - 500px); padding-top:50px;}
.recruitment-box .scon01{}
.recruitment-box .scon01 .inner dd .box{border-bottom:1px solid #e5e5e5;}
.recruitment-box .scon01 .inner dd .box:last-of-type{border-bottom:none;}
.recruitment-box .scon01 .inner dd .box h3{font-weight:600; font-size:24px; color:#333;}
.recruitment-box .scon01 .inner dd .box > p{font-weight:400; font-size:17px; color:#444; margin-top:20px;}
.recruitment-box .scon01 .inner dd .box .circle{display:flex; background:url(/img/sub/recruitment_bg01.jpg) 50% 50% no-repeat;  max-width:923px; margin:50px auto 80px;}
.recruitment-box .scon01 .inner dd .box .circle .item{position:relative; width:33.6%; padding-bottom:33.6%; overflow:hidden;}
.recruitment-box .scon01 .inner dd .box .circle .item .p50{position:absolute; top:50%; left:50%; width:calc(100% - 68px); transform:translate(-50%,-50%); z-index:2; text-align:center;}
.recruitment-box .scon01 .inner dd .box .circle .item::after{content:""; position:absolute; top:50%; left:50%; width:calc(100% - 68px); height:calc(100% - 68px); transform:translate(-50%,-50%); background:#fff; border-radius:50%;box-shadow:0px 0px 40px 0px rgba(0, 0, 0, 0.1); text-align:center; }
.recruitment-box .scon01 .inner dd .box .circle .item .p50 figure{}
.recruitment-box .scon01 .inner dd .box .circle .item .p50 .txt{}
.recruitment-box .scon01 .inner dd .box .circle .item .p50 .txt h4{font-family:'Nunito Sans', sans-serif; font-weight:bold; font-size:19px; color:#333; margin:28px 0 14px; text-transform:uppercase;}
.recruitment-box .scon01 .inner dd .box .circle .item .p50 .txt p{font-weight:400; font-size:15px; color:#444;}
.recruitment-box .scon01 .inner dd .box dl{display:flex;}
.recruitment-box .scon01 .inner dd .box dt{width:175px; font-weight:bold; font-size:23px; color:#333;}
.recruitment-box .scon01 .inner dd .box dd{width:calc(100% - 175px);}
.recruitment-box .scon01 .inner dd .box02{padding:40px 0;}
.recruitment-box .scon01 .inner dd .box02 dd p{font-weight:300; font-size:17px; color:#444;}
.recruitment-box .scon01 .inner dd .box02 dd .flex_box{display:flex; margin-top:24px;}
.recruitment-box .scon01 .inner dd .box02 dd .flex_box .item{position:relative; width:240px; height:90px; border:1px solid #f36b21; text-align:center; border-radius:45px; padding:21px 0; margin-right:70px;}
.recruitment-box .scon01 .inner dd .box02 dd .flex_box .item::before{content:""; position:absolute; top:50%; right:-6px; transform:translateY(-50%); width:5px; height:5px; border:3px solid #fff; background:#f36b21; border-radius:50%; }
.recruitment-box .scon01 .inner dd .box02 dd .flex_box .item::after{content:''; position:absolute; top:50%; right:-69px; background:url(/img/sub/recruitment_bg02.jpg) 50% 50% no-repeat; background-size:cover; width:66px; height:10px; transform:translateY(-50%);}
.recruitment-box .scon01 .inner dd .box02 dd .flex_box .item p{font-weight:600; font-size:18px; color:#f36b21;}
.recruitment-box .scon01 .inner dd .box02 dd .flex_box .item p span{display:block; font-weight:300; font-size:16px; margin-bottom:10px;}
.recruitment-box .scon01 .inner dd .box02 dd .flex_box .item:last-of-type{border-color:#1d1760; margin-right:0;}
.recruitment-box .scon01 .inner dd .box02 dd .flex_box .item:last-of-type p{color:#1d1760;}
.recruitment-box .scon01 .inner dd .box02 dd .flex_box .item:last-of-type::after{display:none; }
.recruitment-box .scon01 .inner dd .box02 dd .flex_box .item:last-of-type::before{left:-6px; right:auto; background:#1d1760;}
.recruitment-box .scon01 .inner dd .box03{padding-top:40px;}
.recruitment-box .scon01 .inner dd .box03 dd ul li{font-weight:300; font-size:17px; color:#444; margin-bottom:17px;}
.recruitment-box .scon01 .inner dd .box03 dd ul li:last-of-type{margin-bottom:0;}
.recruitment-box .scon02 dd p{font-size:17px; color:#444; line-height:1.8;}
.recruitment-box .scon02 dd .circle{background:#fff; border-radius:150px; display:flex; padding:25px 40px; margin-top:50px;}
.recruitment-box .scon02 dd .circle .item{position:relative; margin-right:40px; border-radius:50%; max-width:200px; max-height:200px;}
.recruitment-box .scon02 dd .circle .item::before{content:""; position:absolute; top:50%; right:0; width:5px; height:5px; background:#00bcdd; border-radius:50%; transform:translateY(-50%); z-index:3; right:-2%;}
.recruitment-box .scon02 dd .circle .item::after{content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:1px dashed  #e0e0e0; border-radius:50%;box-sizing:border-box;}
.recruitment-box .scon02 dd .circle .item:last-of-type{margin-right:0;}
.recruitment-box .scon02 dd .circle .item .svg_circle{position:relative; z-index:10;}
.recruitment-box .scon02 dd .circle .item svg{fill:none; transform:rotate(-90deg);}
.recruitment-box .scon02 dd .circle .item .txt{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; text-align:center; z-index:12;}
.recruitment-box .scon02 dd .circle .item .txt p{font-family:'Nunito Sans', sans-serif; font-weight:bold; font-size:12px; color:#aaa;}
.recruitment-box .scon02 dd .circle .item .txt p span{font-weight:bold; color:#00bcdd;}
.recruitment-box .scon02 dd .circle .item .txt h4{font-weight:600; font-size:21px; color:#444; margin-top:17px;}
.recruitment-box .scon02 dd .circle .item:nth-of-type(1) .svg_circle svg{stroke-dasharray:625; stroke-dashoffset:468.75;}
.recruitment-box .scon02 dd .circle .item:nth-of-type(2) .svg_circle svg{stroke-dasharray:625; stroke-dashoffset:312.5;}
.recruitment-box .scon02 dd .circle .item:nth-of-type(2)::before{top:auto; bottom:-2px; left:50%; transform:translateX(-50%);}
.recruitment-box .scon02 dd .circle .item:nth-of-type(3) .svg_circle svg{stroke-dasharray:625; stroke-dashoffset:156.25;}
.recruitment-box .scon02 dd .circle .item:nth-of-type(3)::before{left:-2px; right:auto;}
.recruitment-box .scon02 dd .circle .item:nth-of-type(4) .svg_circle svg{fill:#00bcdd;}
.recruitment-box .scon02 dd .circle .item:nth-of-type(4)::before,
.recruitment-box .scon02 dd .circle .item:nth-of-type(4)::after{display:none; }
.recruitment-box .scon02 dd .circle .item:nth-of-type(4) .txt p,
.recruitment-box .scon02 dd .circle .item:nth-of-type(4) .txt p span,
.recruitment-box .scon02 dd .circle .item:nth-of-type(4) .txt h4{color:#fff;}
.recruitment-box .scon03 .list{border-top:1px solid #00bcdd; box-sizing:border-box;}
.recruitment-box .scon03 .list .item{box-sizing:border-box;}
.recruitment-box .scon03 .list .item .tit{padding:24px 34px; border-bottom:1px solid #e5e5e5;}
.recruitment-box .scon03 .list .item .tit p{position:relative; font-weight:400; font-size:16px; letter-spacing:-0.015em; color:#333; padding-left:60px;line-height:1.4}
.recruitment-box .scon03 .list .item .tit p span{position:absolute; font-size:18px; left:0; font-family:'Patua One', cursive; color:#a5a9ad;}
.recruitment-box .scon03 .list .item .tit p i{position:absolute; right:0; color:#a5a9ad;}
.recruitment-box .scon03 .list .item .txt{display:none; padding:24px 34px; border-bottom:1px solid #e5e5e5;}
.recruitment-box .scon03 .list .item .txt * { width:100%; }
.recruitment-box .scon03 .list .item .txt p{position:relative; font-weight:400; font-size:16px; letter-spacing:-0.015em; color:#333; padding-left:60px; line-height:1.6; width:100%; }
.recruitment-box .scon03 .list .item .txt p span{position:absolute; font-size:18px; left:0; font-family:'Patua One', cursive; color:#a5a9ad;}
.recruitment-box .scon03 .list .item.on .tit{background:#f9f9f9;}
.recruitment-box .scon03 .list .item.on .tit p span{color:#00bcdd;}
.recruitment-box .scon03 .list .item.on .txt p span{color:#f36b21;}
.recruitment-box .scon04{}
.recruitment-box .scon04 .input_box{display:flex; flex-wrap:wrap;}
.recruitment-box .scon04 .input_box dl{width:100%; margin-right:0; display:flex; align-items:center; margin-bottom:15px;}
.recruitment-box .scon04 .input_box .w50{width:calc(50% - 28px); margin-right:56px;}
.recruitment-box .scon04 .input_box dl:last-of-type{margin-right:0;}
.recruitment-box .scon04 .input_box dl:nth-of-type(2n){margin-right:0;}
.recruitment-box .scon04 .input_box dl dt{width:156px; font-size:16px; color:#333;}
.recruitment-box .scon04 .input_box dl dt span{position:relative; top:-5px; color:#00bcdd;}
.recruitment-box .scon04 .input_box dl dd{width:calc(100% - 156px); height:50px;}
.recruitment-box .scon04 .input_box dl dd select{border:1px solid #e5e5e5; background-color:#fff; width:100%; height:100%; border-radius:4px; padding:0 25px; font-size:14px; color:#aaa;}
.recruitment-box .scon04 .input_box dl dd input[type="text"]{padding:0 25px; border:1px solid #e5e5e5; background-color:#fff; width:100%; height:100%; font-size:16px;border-radius:4px; outline:none;	}
.recruitment-box .scon04 .input_box dl dd.radio{height:auto; display:flex;}
.recruitment-box .scon04 .input_box dl dd.radio label{display:flex; margin-right:30px;}
.recruitment-box .scon04 .input_box dl dd.radio label:last-of-type{margin-right:0;}
.recruitment-box .scon04 .input_box dl dd.radio label input{display:none; }
.recruitment-box .scon04 .input_box dl dd.radio label span{position:relative; width:13px; height:13px; border:1px solid #e7e7e7; border-radius:50%; background:#fff;}
.recruitment-box .scon04 .input_box dl dd.radio label span::after{content:""; display:none;  position:absolute; top:3px; left:3px; width:5px; height:5px; background:#00bcdd; border-radius:50%;}
.recruitment-box .scon04 .input_box dl dd.radio label input:checked + span::after{display:block; }
.recruitment-box .scon04 .input_box dl dd.radio label p{font-size:15px; color:#777; margin-left:5px;}
.recruitment-box .scon04 .input_box dl dd.email{display:flex; align-items:center;}
.recruitment-box .scon04 .input_box dl dd.email input{width:calc(33.33% - 16.5px);}
.recruitment-box .scon04 .input_box dl dd.email span{width:33px; line-height:50px; text-align:center;}
.recruitment-box .scon04 .input_box dl dd.email select{width:calc(33.33% - 8px); margin-left:8px;}
.recruitment-box .scon04 .input_box dl dd.f{position:relative; display:flex;}
.recruitment-box .scon04 .input_box dl dd #fileName{width:calc(100% - 140px); height:50px; border:1px solid #ddd; padding:0 20px; font-size:14px; color:#555; border-radius:4px 0 0 4px}
.recruitment-box .scon04 .input_box dl dd .file{width:140px; height:50px; background:#999999; left:-100px; cursor:pointer; border-radius:0 4px 4px 0}
.recruitment-box .scon04 .input_box dl dd .file span{display:inline-block; width:100%; height:100%; text-align:center; line-height:50px; font-size:15px; color:#fff;}
.recruitment-box .scon04 .input_box dl dd .file input{display:none}
.recruitment-box .scon04 .input_box .captcha_box dd{display:flex;}
.recruitment-box .scon04 .input_box .captcha_box dd label{position:relative; width:100%;}
.recruitment-box .scon04 .input_box dl.captcha_box dd input[type="text"]{padding-left:60px;}
.recruitment-box .scon04 .input_box .captcha_box dd button{position:absolute; top:1px; left:0; width:48px; height:48px; background-color:#fff; border:none; color:#666;}
.recruitment-box .scon04 .input_box .bot{display:flex; align-items:center; justify-content:space-between; width:100%; margin-top:25px;}
.recruitment-box .scon04 .input_box .bot .chk input{display:none; }
.recruitment-box .scon04 .input_box .bot .chk label{display:flex; align-items:center; cursor:pointer;}
.recruitment-box .scon04 .input_box .bot .chk label span{position:relative; top:-3px; display:inline-block; vertical-align:top; width:16px; height:16px; border:1px solid #ddd; line-height:1.3em; background-color:#fff; border-radius:3px}
.recruitment-box .scon04 .input_box .bot .chk label span i{position:absolute; top:-1px; left:-0.5px; color:#fff; font-size:16px; font-weight:bold;}
.recruitment-box .scon04 .input_box .bot .chk label p{width:calc(100% - 16px); display:inline-block; vertical-align:middle; font-weight:300; font-size:15px; letter-spacing:-0.015em; color:#333; padding-left:5px; ;line-height:1.4em}
.recruitment-box .scon04 .input_box .bot .chk label p a{position:relative; top:-4px; display:inline-block; vertical-align:top; /* width:70px; height:25px; */ width:80px; height:30px; line-height:25px; background-color:#fff; border-radius:13px; border:1px solid #e5e5e5; padding:0 5px; font-size:12px; text-align:center;}
.recruitment-box .scon04 .input_box .bot .chk input[id="chk"]:checked + label span{}
.recruitment-box .scon04 .input_box .bot .chk input[id="chk"]:checked + label span i{color:#04bcdd;}
.recruitment-box .scon04 .input_box .bot button{width:163px; height:60px; color:#fff; font-weight:500; font-size:16px; background:#f36b21; border:none; border-radius:30px}
.recruitment-box .scon04 .input_box .bot button i{position:relative; top:2px; margin-left:12px;}

@media (max-width:1500px){
	.recruitment-box .scon01 .inner dd .box .circle{background-size:contain;}
	.recruitment-box .scon01 .inner dd .box .circle .item .p50 .txt h4{font-size:16px;}
	.recruitment-box .scon .inner > dt{width:300px;}
	.recruitment-box .scon .inner > dd{width:calc(100% - 300px);}

	.recruitment-box .scon02 dd .circle .item{max-width:none; max-height:none;}
}

@media (max-width:1280px){
	.sitemap nav{padding:50px;}
	.sitemap nav > ul > li{width:33.33%; margin-bottom:40px; }
	.sitemap nav > ul > li:nth-of-type(n+4){margin-bottom:0;}
	.sitemap nav > ul > li.right{position:static;}

	.gdpr .info{padding:50px 16px}
	.gdpr .info dl{margin-bottom:30px;}
	
	
	.recruitment-box .scon{padding:60px 0;}
	.recruitment-box .scon .inner { flex-direction: column;}
	.recruitment-box .scon .inner > dd{padding-top:25px;}
	.recruitment-box .scon .inner > dd.subOn { width: 90%;}
	.recruitment-box .scon .inner > dt span{margin-bottom:14px; font-size:18px;}
	.recruitment-box .scon .inner > dt{font-size:38px;}
	.recruitment-box .scon01 .inner dd .box .circle{margin:25px auto 40px;}
	.recruitment-box .scon01 .inner dd .box .circle .item .p50 .txt h4{margin:14px 0 7px;}
	.recruitment-box .scon01 .inner dd .box .circle .item::after{width:calc(100% - 34px); height:calc(100% - 34px);}
	.recruitment-box .scon02 dd p br{display:none; }
	.recruitment-box .scon02 dd .circle .item{margin-right:20px;}
	.recruitment-box .scon02 dd .circle .item .txt h4{font-size:18px; margin-top:8px;}
	.recruitment-box .scon04 .input_box .w50{width:100%; margin-right:0;}
}

@media screen and (max-width:1024px){
    .gdpr .info > h3 { font-size:17px; margin-bottom:20px; }
    .gdpr .info dl dt{font-size:17px; margin-bottom:7px;}
    .gdpr .info dl dd{font-size:14px; padding-left:18px;}
    .gdpr .info dl dd ul li{margin-bottom:7px;}
    .gdpr .info dl dd ul li a i{font-size:14px;}
    .gdpr .info dl dd ul li ul { padding-left:8px; }
    .gdpr .info dl dd ul li ul li {margin-bottom:3px;}
    .gdpr .info dl dd > p { padding-top:15px; }
}
@media screen and (max-width:960px){
	.sitemap nav{padding:50px 16px;}
	.sitemap nav > ul > li{width:50%;}
	.sitemap nav > ul > li > span{margin-bottom:12px;}
	.sitemap nav > ul > li > ul > li > a{padding:3px 0;}

	.recruitment-box .scon .inner > dt{width:100%;}
	.recruitment-box .scon .inner > dd{width:100%;}
	.recruitment-box .scon01 .inner dd .box dl{flex-wrap:wrap;}
	.recruitment-box .scon01 .inner dd .box dt{width:100%; margin-bottom:20px;}
	.recruitment-box .scon01 .inner dd .box dd{width:100%;}
	.recruitment-box .scon02 dd .circle{flex-wrap:wrap; border-radius:20px}
	.recruitment-box .scon02 dd .circle .item{width:calc(50% - 20px); margin-right:40px; margin-bottom:40px;}
	.recruitment-box .scon02 dd .circle .item:nth-of-type(2n){margin-right:0;}
	.recruitment-box .scon02 dd .circle .item:nth-of-type(n + 3){margin-bottom:0;}
	.recruitment-box .scon02 dd .circle .item .txt h4{font-size:24px;}
	.recruitment-box .scon03 .list .item .txt p,
	.recruitment-box .scon03 .list .item .tit p{padding-left:30px;}
	.recruitment-box .scon03 .list .item .txt p span,
	.recruitment-box .scon03 .list .item .tit p span{width:30px;}
}

@media screen and (max-width:640px){
	.sitemap nav > ul > li > span{font-size:24px;}
	.sitemap nav > ul > li > ul > li{margin-bottom:6px;}
	.sitemap nav > ul > li > ul > li > a{font-size:16px;}
	.sitemap nav > ul > li > ul > li > ul{margin-top:0; padding-left:0;}

	.recruitment-box .scon01 .inner dd .box02 dd .flex_box .item p{font-size:16px;}
	.recruitment-box .scon01 .inner dd .box .circle{flex-wrap:wrap; background:none;}
	.recruitment-box .scon01 .inner dd .box .circle .item{width:100%; padding-bottom:200px;}
	.recruitment-box .scon01 .inner dd .box .circle .item::after{border-radius:50px; box-shadow:0px 0px 10px 0px rgb(0 0 0 / 10%)}
	.recruitment-box .scon01 .inner dd .box .circle .item .p50 .txt h4{font-size:18px;}
	.recruitment-box .scon01 .inner dd .box02 dd .flex_box .item{margin-right:50px;}
	.recruitment-box .scon01 .inner dd .box02 dd .flex_box .item::after{width:45px; right:-47px;}
	.recruitment-box .scon02 dd .circle .item{width:calc(50% - 10px); margin-right:20px;}
	.recruitment-box .scon02 dd .circle .item .txt h4{font-size:18px;}
	.recruitment-box .scon .inner > dt{font-size:28px;}
	.recruitment-box .scon .inner > dt br{display:none; }
	.recruitment-box .scon04 .input_box dl{flex-wrap:wrap; margin-bottom:30px;}
	.recruitment-box .scon04 .input_box dl dt{width:100%; margin-bottom:15px;}
	.recruitment-box .scon04 .input_box dl dd{width:100%;}
	.recruitment-box .scon04 .input_box .bot{flex-wrap:wrap; margin-top:15px;}
	.recruitment-box .scon04 .input_box .bot .chk{width:100%;}
	.recruitment-box .scon04 .input_box .bot button{margin-left:auto; margin-top:20px;}
	.recruitment-box .scon04 .input_box dl dd.radio label p{font-size:18px;}

}

/* animation */
.sitemap nav > ul > li { opacity:0; }
.sitemap nav > ul > li { animation:ani_3 0.5s 0.2s; animation-fill-mode:both; }
.sitemap nav > ul > li > span { animation:ani_3 0.5s 0.4s; animation-fill-mode:both; }
.sitemap nav > ul > li > ul > li { animation:ani_3 0.5s 0.6s; animation-fill-mode:both; }

.company-values .values-cont .titlebox p,
.company-values .values-cont .titlebox h3 { opacity:0; }
.company-values .values-cont .titlebox.subOn p { animation:ani_2 0.5s 0.2s; animation-fill-mode:both; }
.company-values .values-cont .titlebox.subOn h3 { animation:ani_2 0.5s 0.5s; animation-fill-mode:both; }
.company-values .overview-box .overview dl,
.company-values .overview-box .overview .listbox > ul > li { opacity:0;}

.recruitment-box .scon .inner > dt span,
.recruitment-box .scon .inner > dt strong,
.recruitment-box .scon .inner > dd { opacity:0; }
.recruitment-box .scon .inner > dt.subOn span { animation:ani_2 0.5s 0.2s; animation-fill-mode:both; }
.recruitment-box .scon .inner > dt.subOn strong { animation:ani_2 0.5s 0.5s; animation-fill-mode:both; }
.recruitment-box .scon .inner > dd.subOn { animation:ani_2 0.5s 0.6s; animation-fill-mode:both; }

#privacy-popup { position:fixed; left:0; top:0; width:100%; height:100%; visibility:hidden; opacity:0; z-index:-11; transition:all 0.3s ease-in-out; }
#privacy-popup .bg { position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.6); }
#privacy-popup.on { height:100%; opacity:1; visibility:visible; z-index:99999; }
#privacy-popup .popup-cont { z-index:33; position:absolute; top:50%; left:50%; width:100%; transform:translate(-50%, -50%); max-width:860px; }
#privacy-popup .popup-cont .btn_close { cursor:pointer; position:absolute; top:0; right:-50px; font-size:34px; color:#fff; }
#privacy-popup .popup-cont .popup-body { background-color:#fff; border-radius:15px; padding:15px 0 15px 0; height:70%; }
#privacy-popup .popup-cont .popup-body h3.title { display:block; padding:10px 0; font-weight:bold; font-size:21px; color:#222; text-align:center;}
#privacy-popup .popup-cont .popup-body .info{background-color:#fff; padding:30px 40px; height:650px; overflow:auto;}
#privacy-popup .popup-cont .gdpr { margin:0;}

@media screen and (min-width:800px){ 
    #privacy-popup .popup-cont .popup-body .info{ height:450px; }
}
@media screen and (max-width:1024px){ 
    #privacy-popup .popup-cont .popup-body .info{ height:520px; }
}

@media screen and (max-width:860px){ 
	#privacy-popup .popup-cont { top:50%; left:20px; width:calc(100% - 40px); transform:translate(0, -50%); }
	#privacy-popup .popup-cont .btn_close { top:-50px; right:0; }
}
@media screen and (max-width:640px){ 
	#privacy-popup .popup-cont .btn_close { top:-40px; font-size:28px; }
    #privacy-popup .popup-cont .popup-body .info{padding:10px 20px;}
    #privacy-popup .popup-cont .popup-body .info{ height:420px; }
}


/*ai technology*/
.ai_content { margin-top:2%; margin-bottom:120px; }
.ai_content .ai_box{ display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:58px; }
.ai_content .ai_box:first-child{ margin-top:0px; }
.ai_content .ai_box:nth-child(2n) { flex-direction: row-reverse; }
.ai_content .ai_box .ai_box_txt{ width:44%; display:flex; flex-direction:column; justify-content:center; }
.ai_content .ai_box .box_img img { border-radius:100px 20px 20px 20px; }
.ai_content .ai_box:nth-child(2n) .box_img { padding-right:0; padding-left:40px;}
.ai_content .ai_box:nth-child(2n) .ai_box_txt{ padding-right:40px; padding-left:0; } 
.ai_content .ai_box .ai_box_txt .num{ color:#00bcdd; font-size:15px; font-weight:bold; }
.ai_content .ai_box .ai_box_txt .box_title{ color:#222; font-size:40px; font-weight:bold; margin-top:40px; line-height:1.3; }
.ai_content .ai_box .ai_box_txt .box_title span a { color:#222; }
.ai_content .ai_box .ai_box_txt .box_content{ color:#444; font-size:17px; line-height:1.764705; margin-top:40px; }
@media screen and (max-width:1540px){
	.ai_content .ai_box .box_img { padding-right:40px; width:50%;}
	.ai_content .ai_box .box_img img { width:100%; }
	.ai_content .ai_box .ai_box_txt { padding-left:40px; width:50%; }
	.ai_content .ai_box .ai_box_txt .box_content br { display:none; }
}
@media screen and (max-width:1280px){
	.ai_content .ai_box .box_img { padding-right:30px; }
	.ai_content .ai_box:nth-child(2n) .box_img { padding-left:30px;}
	.ai_content .ai_box:nth-child(2n) .ai_box_txt{ padding-right:30px; }
	.ai_content .ai_box .ai_box_txt { padding-left:30px; }
	.ai_content .ai_box .ai_box_txt .num{ font-size:15px; }
	.ai_content .ai_box .ai_box_txt .box_title{ font-size:28px; margin-top:30px; }
	.ai_content .ai_box .ai_box_txt .box_content{ font-size:16px; margin-top:30px; }
}
@media screen and (max-width:1024px){
	.ai_content .ai_box:nth-child(2n) .box_img { padding-left:20px;}
	.ai_content .ai_box:nth-child(2n) .ai_box_txt{ padding-right:20px; } 
	.ai_content .ai_box .ai_box_txt .num{ font-size:14px; }
    .ai_content .ai_box .box_img img { border-radius:50px 10px 10px 10px; }
	.ai_content .ai_box .ai_box_txt .box_title{ font-size:20px; margin-top:20px; }
	.ai_content .ai_box .ai_box_txt .box_content{ font-size:15px; margin-top:20px; }
}
@media screen and (max-width:860px){
	.ai_content .ai_box .box_img { width:100%; text-align:center; padding:0; }
	.ai_content .ai_box .box_img img { max-width:320px;}
	.ai_content .ai_box .ai_box_txt { width:100%; margin-top:40px; padding:0; }
	.ai_content .ai_box:nth-child(2n) .ai_box_txt { padding:0; }
}

/* animation */
.ai_content .ai_box > div { opacity:0; }
.ai_content .ai_box .box_img { position:relative; opacity:0; }
.ai_content .ai_box.subOn .box_img { position:relative; animation:bgs4 0.5s 0.5s; animation-fill-mode:both; }
.ai_content .ai_box.subOn .ai_box_txt { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }
.ai_content .ai_box.subOn:nth-child(2n) .ai_box_txt { animation:ani_1 0.8s 0.5s; animation-fill-mode:both; }
.ai_content .ai_box .box_img:before { content:''; display:block; width:30%; height:100%; position:absolute; top:0; left:0; background-color:#fff; z-index:2; }
.ai_content .ai_box .box_img:after { content:''; display:block; width:70%; height:100%; position:absolute; top:0; right:0; background-color:#fff; z-index:2; }
.ai_content .ai_box:nth-child(2n):before { width:70%; right:0; left:unset; }
.ai_content .ai_box:nth-child(2n):after { width:30%; left:0; }
.ai_content .ai_box.subOn .box_img { opacity:1; }
.ai_content .ai_box.subOn .box_img:before{ width:0; transition:width 1.3s .6s;}
.ai_content .ai_box.subOn .box_img:after{ width:0; transition:width  0.8s .6s;}
@media screen and (max-width:860px){
	.ai_content .ai_box.subOn .ai_box_txt { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }
	.ai_content .ai_box.subOn:nth-child(2n) .ai_box_txt { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }
}


/*industry*/
.industry_wrap { width:100%; background:#f5f5f5; }
.industryTitle { color:#333; font-size:35px; font-weight:bold; margin-top:74px; animation:ani_3 0.5s 0.6s; animation-fill-mode:both; }
.industry_content .industry_box { display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:60px; }
.industry_content .industry_box:first-child { padding-top:100px; margin-top:0; }
.industry_content .industry_box:nth-child(2n) { flex-direction:row-reverse; }
.industry_content .industry_box .industry_box_txt{ width:42%; display:flex; flex-direction:column; justify-content:center; margin-left:90px; }
.industry_content .industry_box:nth-child(2n) .box_img { padding-right:0; padding-left:40px;}
.industry_content .industry_box:nth-child(2n) .industry_box_txt{ padding-right:40px; padding-left:40px; } 
.industry_content .industry_box .industry_box_txt .box_title { color:#222; font-size:40px; font-weight:bold; margin-top:30px; line-height:1.3; }
.industry_content .industry_box .industry_box_txt .box_content { color:#444; font-size:17px; line-height:1.764705; margin-top:30px; }
.industry_content .industry_box .industry_box_txt .box_btn { margin-top:40px; }
.industry_content .industry_box .industry_box_txt .box_btn a { width:158px; height:50px; border:1px solid #e5e5e5; background:#fff; border-radius:30px; display:inline-block; line-height:50px; text-align:center; }
.industry_content .industry_box .industry_box_txt .box_btn a img{ padding:18px 0 0 17px; }
.industry_content .industry_box:last-child{ padding-bottom:120px; }
@media screen and (max-width:1540px){
	.industry_content .industry_box .box_img { padding-right:40px; width:50%; }
	.industry_content .industry_box .box_img img { width:100%; }
	.industry_content .industry_box .industry_box_txt { padding-left:80px; padding-right:40px; width:50%; margin-left:0;  }
	.industry_content .industry_box .industry_box_txt br { display:none; }
}
@media screen and (max-width:1280px){
	.industryTitle { font-size:26px; margin-top:50px; }
	.industry_content .industry_box .box_img { padding-right:30px; }
	.industry_content .industry_box .box_img { padding-left:30px;}
	.industry_content .industry_box:nth-child(2n) .ai_box_txt{ padding-right:30px; }
	.industry_content .industry_box .industry_box_txt { padding-left:60px; }
	.industry_content .industry_box .industry_box_txt .num{ font-size:15px; }
	.industry_content .industry_box .industry_box_txt .box_title{ font-size:28px; margin-top:30px; }
	.industry_content .industry_box .industry_box_txt .box_content{ font-size:16px; margin-top:30px; }
	.industry_content .industry_box .industry_box_txt .box_btn { text-align:center; margin:0 auto; margin-top:20px; }
	.industry_content .industry_box .industry_box_txt .box_btn a { width:140px; height:42px; line-height:42px; font-size:14px; }
	.industry_content .industry_box .industry_box_txt .box_btn a img { padding:18px 0 0 17px; }
}
@media screen and (max-width:1024px){
	.industryTitle { font-size:22px; margin-top:35px; }
	.industry_content .industry_box .ai_box_txt { padding-left:60px; } 
	.industry_content .industry_box:nth-child(2n) .box_img { padding-left:20px;}
	.industry_content .industry_box:nth-child(2n) .ai_box_txt{ padding-right:20px; } 
	.industry_content .industry_box .industry_box_txt .num{ font-size:14px; }
	.industry_content .industry_box .industry_box_txt .box_title{ font-size:20px; margin-top:20px; }
	.industry_content .industry_box .industry_box_txt .box_content{ font-size:15px; margin-top:20px; }
}
@media screen and (max-width:860px){
	.industry_content .industry_box .box_img { width:100%; text-align:center; padding:0; }
	.industry_content .industry_box .box_img img { max-width:320px;}
	.industry_content .industry_box .industry_box_txt { width:100%; margin-top:40px; padding:0; }
	.industry_content .industry_box:nth-child(2n) .industry_box_txt { padding:0; }
}
@media screen and (max-width:640px){
	.industryTitle { font-size:18px; margin-top:30px; }
}

/* animation */
.industry_content .industry_box > div { opacity:0; }
.industry_content .industry_box .box_img { position:relative; opacity:0; }
.industry_content .industry_box.subOn .box_img { position:relative; animation:bgs4 0.5s 0.5s; animation-fill-mode:both; }
.industry_content .industry_box.subOn .industry_box_txt { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }
.industry_content .industry_box.subOn:nth-child(2n) .industry_box_txt { animation:ani_1 0.8s 0.5s; animation-fill-mode:both; }
.industry_content .industry_box .box_img:before { content:''; display:block; width:30%; height:100%; position:absolute; top:0; left:0; background-color:#f5f5f5; z-index:2; }
.industry_content .industry_box .box_img:after { content:''; display:block; width:70%; height:100%; position:absolute; top:0; right:0; background-color:#f5f5f5; z-index:2; }
.industry_content .industry_box:nth-child(2n):before { width:70%; right:0; left:unset; }
.industry_content .industry_box:nth-child(2n):after { width:30%; left:0; }
.industry_content .industry_box.subOn .box_img { opacity:1; }
.industry_content .industry_box.subOn .box_img:before{ width:0; transition:width 1.3s .6s;}
.industry_content .industry_box.subOn .box_img:after{ width:0; transition:width  0.8s .6s;}
@media screen and (max-width:860px){
	.industry_content .industry_box.subOn .industry_box_txt { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }
	.industry_content .industry_box.subOn:nth-child(2n) .industry_box_txt { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }
}


/*transport*/
.transport_menu { width:100%; background-color:#fff; border:1px solid #e5e5e5; border-width:1px 0;  }
.transport_menu ul{ display:flex; max-width:1500px; height:100%; justify-content:center; align-items:center; flex-wrap:wrap; margin:0 auto; }
.transport_menu ul li{ height:64px; position:relative; text-align:center; }
.transport_menu ul li a{ width:100%; height:100%; font-size:16px; color:#666; font-weight:300; transition:0.2s; display:flex;  justify-content:center; align-items:center; }
.transport_menu.m3 ul li { width:320px; }
.transport_menu.m4 ul li{ width:25%; }
.transport_menu.m5 ul li{ width:20%; }
.transport_menu.m6 ul li { width:16.66%; }
.transport_menu.fixed{ position:fixed; top:0; left:0; z-index:2; background-color:rgba(255,255,255,0.8); transition:all .5s ease; }
#wrap.down .transport_menu.fixed{ transform:translateY(90px);}
.transport_menu ul li.on a { color:#04bcdd; font-weight:500; letter-spacing:-0.02em;  }
.transport_menu ul li.on:after{ content:''; position:absolute; left:50%; bottom:-1px; transform:translateX(-50%); width:100%; height:1px; background:#04bcdd; }
@media screen and (max-width:960px){
	.transport_menu ul li{ height:55px; }
	.transport_menu ul li a{ font-size:15px; }
	.transport_menu.m3 ul li,
	.transport_menu.m6 ul li { width:33.33%; }
	.transport_menu.m6 ul li:nth-child(n+4):nth-child(-n+6) { border-top:1px solid #e5e5e5; }
	#wrap.down .transport_menu.fixed{ transform:translateY(70px);}
}


.transport_content{ width:100%; background:#f5f5f5; }
.transport_content h3 { width:100%; text-align:center; font-size:52px; font-weight:bold; color:#222; padding:100px 0 70px 0; font-family:'Nunito Sans', sans-serif; }

/* top image */
.cont_title_img.ani_tra { position:relative; border-radius:15px; overflow:hidden; }
.cont_title_img.ani_tra:after { content:""; display:block; padding-bottom:27.05%; }
.cont_title_img.ani_tra img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }


/* common */
.fontP { font-family:'Pretendard', sans-serif; }
.fontN { font-family:'Nunito Sans', sans-serif; }

.transport_content * { font-family:'Pretendard', sans-serif; }
.transport_content .imgFlex3 { margin-top:50px; display:flex; gap:0 10px; }
.transport_content .imgFlex3 li { position:relative; width:calc((100% - 10px) / 2)}
.transport_content .imgFlex3 span { font-weight:600; position:absolute; bottom:15px; left:15px; color:rgba(255, 255, 255, 0.9); font-family:'Nunito Sans', sans-serif; }
.transport_content .contentDot li { position:relative; display:flex; gap:0 5px; padding-left:7px; }
.transport_content .contentDot li::before {content:""; display:block; position:absolute; top:12px; left:0; width:2px; height:2px; border-radius:4px; background-color:#666; }
.transport_content .cont1_box .cont1_in_list ul li img { width:100%; }
.transport_content .cont1_box{ margin-top:80px; display:flex; }
.transport_content .cont1_in .txt1{ width:500px; font-size:42px; font-weight:bold; color:#222; flex-shrink:0; } 
.transport_content .cont1_in .txt2{ width:100%; font-size:17px; color:#444; line-height:1.764705882352941; }
.transport_content .gap4 { display:flex; flex-direction:column; gap:4px 0; }
.transport_content .gap4 * { font-weight:300; }
.transport_content .cont1_box .cont1_in_list{ display:flex; flex-direction:column; }
.transport_content .cont1_box .txt2 .txt2_box{ padding:40px 0 40px 38px; border-top:1px solid #e5e5e5; display:flex; gap:0 20px; justify-content:space-between; }
.transport_content .cont1_box .txt2 .txt2_box .box_title p{ font-size:23px; font-weight:bold; color:#333; line-height:1.3043; margin-top:-3px; font-family:'Pretendard', sans-serif; }
.transport_content .cont1_box .txt2 .txt2_box .box_title{ position:relative; padding-left:30px; display:flex; width:100%; }
.transport_content .cont1_box .txt2 .txt2_box .box_title .num{ position:absolute; left:0; top:0;  font-size:15px; font-weight:bold; color:#00bcdd; font-family:'Nunito Sans', sans-serif; }
.transport_content .cont1_box .txt2 .txt2_box .txt2_box_txt p:first-child{ margin-bottom:4px; }
.transport_content .cont1_box .txt2 .txt2_box .txt2_box_txt { width:72.454%; flex-shrink:0; font-size:17px; }
.transport_content .cont1_box .txt2 .txt2_box .txt2_box_txt .box_txt_in{ font-size:15px; font-weight:300; color:#666; margin:30px 0 25px 23px; }
.transport_content .cont1_box .txt2 .txt2_box .txt2_box_txt .box_txt_in img{ padding:10px 5px 0 0; }
.transport_content .cont1_box .txt2 .txt2_box .txt2_box_txt .box_txt_in span{ color:#444; }
.transport_content .cont1_box .txt2 .txt2_box:last-child{ border-bottom:0; }
.transport_content .content2{ width:100%; background:#fff; }
.transport_content .c3_last_ul{ 	margin-bottom:40px; }
.transport_content .cont1_box:last-child{ padding-bottom:80px; }
@media screen and (max-width:1600px) {
	.transport_content .cont1_box .txt2 .txt2_box .txt2_box_txt br { display:none; }
	.transport_content .cont1_box .txt2 .txt2_box .txt2_box_txt .box_txt_in { margin:30px 0 0; }
}
@media screen and (max-width:1400px) {
	.transport_content h3 { font-size:38px; }
	.transport_content .cont1_in .txt1 { width:300px; font-size:30px; }
	.transport_content .cont1_box .txt2 .txt2_box { padding:30px 20px; }
}
@media screen and (max-width:1280px) {
	.transport_content h3 { font-size:36px; }
	.transport_content .cont1_in .txt1 { width:240px; font-size:28px; }
	.transport_content .cont1_box .txt2 .txt2_box { padding:20px 0; }
}
@media screen and (max-width:1024px) {
	.cont_title_img:after { padding-bottom:30%; border-radius:10px; }
	.transport_content .cont1_box { flex-direction:column; gap:40px 0; }
	.transport_content .cont1_in .txt1 { width:100%; }
}
@media screen and (max-width:960px) {
	.transport_content h3 { padding:80px 0 40px; }
	.transport_content .cont1_box { margin-top:50px; gap:30px 0; }
	.transport_content .cont1_box .txt2 .txt2_box { flex-direction:column; gap:20px 0; padding:30px 0; }
	.transport_content .cont1_box .txt2 .txt2_box .box_title { align-items:center; }
	.transport_content .cont1_box .txt2 .txt2_box .box_title p { line-height:1; }
	.transport_content .cont1_in .txt2 br,
	.transport_content .cont1_box .txt2 .txt2_box .box_title p br { display:none; }
	.transport_content .cont1_box .txt2 .txt2_box .txt2_box_txt { width:100%; }
}
@media screen and (max-width:640px) {
	.cont_title_img:after { padding-bottom:45%; }
	.transport_content h3 { font-size:24px; padding:60px 0 40px; }
	.transport_content .imgFlex3 { flex-direction:column; align-items:center; gap:20px 0; }
	.transport_content .cont1_in .txt1 { font-size:20px; }
	.transport_content .cont1_box .txt2 .txt2_box .box_title p { font-size:18px; }
	.transport_content .cont1_in .txt2 { font-size:16px; }
	.transport_content .cont1_box { margin-top:40px; }
	.transport_content .cont1_box:last-child { padding-bottom:60px; }
}

/* animation */
.transport_content .cont1_box .txt1,
.transport_content .cont1_box .txt2 { opacity:0; }
.transport_content .cont1_box.subOn .txt1 { animation:ani_2 0.5s 0.2s; animation-fill-mode:both; }
.transport_content .cont1_box.subOn .txt2 { animation:ani_2 0.5s 0.4s; animation-fill-mode:both; }
.cont_title_img.ani_tra { opacity:0; }
.cont_title_img.ani_tra.subOn{ animation:bgs3 0.5s 0.2s; animation-fill-mode:both; }


.project_content{ margin-bottom:120px; }
.project_content .project_top { position:relative; }
.project_content .project_top:before {content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:70%; background-color:#f5f5f5; }
.project_content .cont1_in_wrap { position:relative; z-index:2; }
.project_content .cont1_in{ /* display:flex; gap:30px 130px; */ text-align:center;  padding:80px 0 100px; }
.project_content .cont1_in .txt1 { margin-bottom:30px;}
.project_content .txt1{ font-size:35px; font-weight:bold; color:#333; line-height:1.48571428; }
.project_content .txt2{ font-size:17px; color:#444; line-height:1.7647058; }
/* .project_content .txt2 p:first-child{ margin-bottom:25px; } */
.project_content .txt2 p { margin-bottom:25px; }
.project_content .txt2 p:last-child { margin-bottom:0; }
.project_content .content2 { margin-top:100px; }
.project_content .content2 .contries ul{  display:flex }
.project_content .content2 .contries li{ width:33.33%; margin-left:-1px; }
.project_content .content2 .contries li a{ position:relative; text-align:center; padding:25px 0; border:1px solid #e5e5e5; display:inline-block; width:100%; transition:0.2s; font-size: 17px; color: #000;}
.project_content .content2 .contries li.on a,.project_content .content2 .contries li:hover a{ background:#04bcdd; color:#fff; border:1px solid #04bcdd; position:relative; z-index:1; }
.project_content .content2 .cont2_in h3{ font-size:40px; font-weight:bold; color:#333; width:100%; text-align:center; margin:80px 0 52px 0; }
.project_content .content2 .cont2_in .contries_box { border-bottom:1px solid #e5e5e5;}
.project_content .content2 .cont2_in .contries_box > li { border-top:1px solid #e5e5e5;  }
.project_content .content2 .cont2_in .contries_box > li.on .box_title{ background:#f7f7f7; color:#333; }
.project_content .content2 .cont2_in .contries_box > li.on .box_title span { opacity:1; }
.project_content .content2 .cont2_in .contries_box > li:hover .box_title { color:#333; }
.project_content .content2 .cont2_in .contries_box > li:hover .box_title span { opacity:1; }
.project_content .content2 .cont2_in .contries_box .box_title { position:relative; padding:25px 100px 25px 70px; cursor:pointer; color:#999; font-weight:700; font-size:21px; line-height:1.4; transition:all 0.2s; }
.project_content .content2 .cont2_in .contries_box .box_title span { position:absolute; left:40px; top:50%; transform:translateY(-50%); font-size:16px; font-weight:bold; color:#00bcdd;  display:inline-block; opacity:0.5; transition:all 0.2s; }
.project_content .content2 .cont2_in .contries_box .box_title i { position:absolute; right:40px; top:50%; transform:translateY(-50%); color:#666; font-size:17px; line-height:0.9;transition:all 0.3s ease-in-out; }
.project_content .content2 .cont2_in .contries_box > li.on .box_title i { transform:rotate(180deg); margin:-10px 0 0 0;  }
.project_content .content2 .cont2_in .contries_box .cont2_box { display:none; }
.project_content .content2 .cont2_in .contries_box > li.on .cont2_box { display:block; }
.project_content .content2 .cont2_in .contries_box .p_listbox { display:flex; flex-wrap:wrap; border-top:1px solid #e5e5e5; padding:30px 40px; }
.project_content .content2 .cont2_in .contries_box .imgbox { width:50%; position:relative; }
.project_content .content2 .cont2_in .contries_box .imgbox .slick-slide { position:relative; overflow:hidden; }
.project_content .content2 .cont2_in .contries_box .imgbox .slick-slide:after { content:""; display:block; padding-bottom:72.4%; }
.project_content .content2 .cont2_in .contries_box .imgbox .slick-slide img { position:absolute; left:0; top:0; height:100%; object-fit:cover; -o-object-fit:cover; width:100%; }
.project_content .content2 .cont2_in .contries_box .imgbox .btn_pn { position:absolute; top:50%; transform:translateY(-50%); border:none; outline:none; background:none; }
.project_content .content2 .cont2_in .contries_box .imgbox .btn_pn i { font-size:40px; color:rgba(255,255,255,0.6);  transition:all 0.3s ease-in-out;}
.project_content .content2 .cont2_in .contries_box .imgbox .btn_pn:hover i { color:#04bcdd;}
.project_content .content2 .cont2_in .contries_box .imgbox .btn_pn.btn_prev { left:20px; }
.project_content .content2 .cont2_in .contries_box .imgbox .btn_pn.btn_next { right:20px; }
.project_content .content2 .cont2_in .contries_box .imgbox .slick-dots { position:absolute; bottom:25px; left:0; width:100%; display:flex; justify-content:center; }
.project_content .content2 .cont2_in .contries_box .imgbox .slick-dots li { margin:0 5px; }
.project_content .content2 .cont2_in .contries_box .imgbox .slick-dots li button { width:7px; height:7px; padding:0; margin:0; background-color:#fff; border:none; outline:none; text-indent:-9999em; transition:all 0.3s ease-in-out;}
.project_content .content2 .cont2_in .contries_box .imgbox .slick-dots li.slick-active button { background-color:#04bcdd; }
.project_content .content2 .cont2_in .contries_box .box_txt{ width:50%; margin-top:113px; padding-left:120px; }
.project_content .content2 .cont2_in .contries_box .box_txt p:first-child{ font-size:32px; font-weight:bold; color:#333; }
.project_content .content2 .cont2_in .contries_box .box_txt ul{ margin-top:40px; color:#777; font-weight:300; font-size:16px; }
.project_content .content2 .cont2_in .contries_box .box_txt ul span{ color:#333; /* font-weight:400; */ font-weight:600;}
.project_content .content2 .cont2_in .contries_box .box_txt ul li { position:relative; padding-left:10px; line-height:1.4; }
.project_content .content2 .cont2_in .contries_box .box_txt ul li:not(:last-child) { margin-bottom:22px; }
.project_content .content2 .cont2_in .contries_box .box_txt ul li:after{ content:''; position:absolute; left:0; top:7px; width:2px; height:2px; background:#777; border-radius:5px; }
.project_content .content2 .cont2_in .contries_box .box_txt .key{ /* font-weight:600; */font-weight:700; font-size:18px; color:#333; margin-top:50px; }
.project_content .content2 .cont2_in .contries_box .box_txt .handing{ font-weight: 600; font-size:16px;	color:#333; margin-top:20px; line-height:1.4;}

@media screen and (max-width:1280px) {
	.project_content .content2 .contries li a{ padding:20px 0; }
	.project_content .txt1{ font-size:30px; width:35%; }
	.project_content .txt2{ font-size:17px; width:65%; }
	.project_content .txt2 p:first-child{ margin-bottom:25px; }
	.project_content .txt1 br,
	.project_content .txt2 p br { display:none }
	.project_content .content2 .cont2_in h3{ font-size:36px; margin:50px 0 40px 0; }
	.project_content .content2 .cont2_in .contries_box .imgbox { width:55%; }
	.project_content .content2 .cont2_in .contries_box .box_title { padding:20px 80px 20px 60px; font-size:19px; }
	.project_content .content2 .cont2_in .contries_box .box_title span { font-size:15px; left:30px;  }
	.project_content .content2 .cont2_in .contries_box .box_title i { right:30px; font-size:16px; }
	.project_content .content2 .cont2_in .contries_box .box_txt{ width:45%; margin-top:40px; padding-left:50px; }
	.project_content .content2 .cont2_in .contries_box .box_txt p:first-child{ font-size:26px; }
	.project_content .content2 .cont2_in .contries_box .box_txt ul{ margin-top:30px; font-size:16px; }
	.project_content .content2 .cont2_in .contries_box .box_txt ul li { padding-left:10px; line-height:1.4; }
	.project_content .content2 .cont2_in .contries_box .box_txt ul li:not(:last-child) { margin-bottom:12px; }
	.project_content .content2 .cont2_in .contries_box .box_txt .key{ font-size:17px; margin-top:30px; }
	.project_content .content2 .cont2_in .contries_box .box_txt .handing{ font-size:16px;	margin-top:18px; }
}
@media screen and (max-width:1024px) {
	.project_content .content2 {  margin-top:80px; }
	.project_content .txt1{ font-size:24px;  }
	.project_content .txt2{ font-size:16px; }
	.project_content .cont1_in{ padding:60px 0 80px; }
	.project_content .content2 .cont2_in h3{ font-size:26px; margin:40px 0 30px 0; }
	.project_content .content2 .cont2_in .contries_box .p_listbox { padding:30px 20px; }
}
@media screen and (max-width:960px) {
	.project_content .cont1_in{  flex-wrap:wrap; }
	.project_content .txt1,
	.project_content .txt2{ width:100%; margin-top:30px }
	.project_content .txt2 p:first-child{ margin-bottom:15px; }
	.project_content .content2 .cont2_in .contries_box .imgbox { max-width:450px; width:100%; margin:0 auto; }
	.project_content .content2 .cont2_in .contries_box .box_txt{ width:100%; margin-top:30px; padding-left:0; }
	.project_content .content2 .cont2_in .contries_box .imgbox .btn_pn.btn_prev { left:12px; }
	.project_content .content2 .cont2_in .contries_box .imgbox .btn_pn.btn_next { right:12px; }
	.project_content .content2 .cont2_in .contries_box .imgbox .btn_pn i { font-size:30px; }
	.project_content .content2 .cont2_in .contries_box .imgbox .slick-dots { bottom:12px; }
}
@media screen and (max-width:640px) {
	.project_content .cont1_in{ padding:40px 0 40px; }
	.project_content .txt1,
	.project_content .txt2{ width:100%; margin-top:20px }
	.project_content .txt2 p:first-child{ margin-bottom:12px; }
	.project_content .txt1{ font-size:18px;  }
	.project_content .txt2{ font-size:15px; }
	.project_content .content2 .cont2_in h3{ font-size:22px; margin:30px 0 20px 0; }
	.project_content .content2 .cont2_in .contries_box .box_title { padding:20px 60px 20px 50px; font-size:18px; }
	.project_content .content2 .cont2_in .contries_box .box_title span { font-size:14px; left:20px; }
	.project_content .content2 .cont2_in .contries_box .box_title i { right:20px; font-size:15px; }
	.project_content .content2 .cont2_in .contries_box .box_txt p:first-child{ font-size:20px; }
	.project_content .content2 .cont2_in .contries_box .box_txt ul{ margin-top:20px; font-size:15px; }
	.project_content .content2 .cont2_in .contries_box .box_txt ul li:not(:last-child) { margin-bottom:10px; }
	.project_content .content2 .cont2_in .contries_box .box_txt .key{ font-size:16px; margin-top:20px; }
	.project_content .content2 .cont2_in .contries_box .box_txt .handing{ font-size:15px;	margin-top:8px; }
}


/* animation */
.project_content .cont1_in .txt1,
.project_content .cont1_in .txt2 { opacity:0 ; }
.project_content .cont1_in.subOn .txt1 { animation:ani_2 0.5s 0.2s; animation-fill-mode:both; }
.project_content .cont1_in.subOn .txt2 { animation:ani_2 0.5s 0.4s; animation-fill-mode:both; }
/*
.project_content .content2 .contries li a,
.project_content .content2 .contries ul { opacity:0; }
.project_content .content2 .contries.subOn ul { animation:ani_5 0.5s 0.5s; animation-fill-mode:both; }
.project_content .content2 .contries.subOn ul li:nth-child(1) a { animation:bgs4 0.5s 0.6s; animation-fill-mode:both; }
.project_content .content2 .contries.subOn ul li:nth-child(2) a { animation:bgs4 0.5s 0.8s; animation-fill-mode:both; }
.project_content .content2 .contries.subOn ul li:nth-child(3) a { animation:bgs4 0.5s 1.0s; animation-fill-mode:both; }
.project_content .content2 .contries.subOn ul li:nth-child(4) a { animation:bgs4 0.5s 1.2s; animation-fill-mode:both; }
.project_content .content2 .contries.subOn ul li:nth-child(5) a { animation:bgs4 0.5s 1.4s; animation-fill-mode:both; }
.project_content .content2 .contries.subOn ul li:nth-child(6) a { animation:bgs4 0.5s 1.6s; animation-fill-mode:both; }
*/


.view { border:none; border:none; margin:none }


.project_content .contTopImg .cont_title_img { position:relative; border-radius:15px; overflow:hidden; }
.project_content .contTopImg .cont_title_img li { position:relative; }
.project_content .inner1720 > .cont_title_img li { position:relative; }
.project_content .contTopImg .cont_title_img li:after { content:""; display:block; padding-bottom:27.05%; }
.project_content .contTopImg .cont_title_img li img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.project_content .contTopImg .cont_title_img .btn_pn { position:absolute; top:50%; transform:translateY(-50%); font-size:40px; color:#a5a5a5; cursor:pointer; }
.project_content .contTopImg .cont_title_img .button-prev { left:40px; }
.project_content .contTopImg .cont_title_img .button-next { right:40px; }
@media screen and (max-width:1024px){	
	.project_content .contTopImg .cont_title_imgli:after { padding-bottom:30%; border-radius:10px; }
	.project_content .contTopImg .cont_title_img .button-prev { left:30px; }
	.project_content .contTopImg .cont_title_img .button-next { right:30px; }
}
@media screen and (max-width:640px){	
	.project_content .contTopImg .cont_title_img li:after { padding-bottom:45%; }
	.project_content .contTopImg .cont_title_img .button-prev { left:15px; }
	.project_content .contTopImg .cont_title_img .button-next { right:15px; }
}

/* animation */
.project_content .contTopImg .cont_title_img { position:relative; opacity:0; }
.project_content .contTopImg .cont_title_img { animation:bgs3 0.5s 0.2s; animation-fill-mode:both; }