@charset "utf-8";

#main { }
#visual { position:relative; background-color:#fff; }
.visual { position:relative; width:100%; height:100%; }
/*
.visual .swiper-slide { position:relative; width:100%; height:calc(100vh + 50px); overflow:hidden; display:flex; align-items:center; justify-content:center; transition:all 0.3s ease-in-out; }
.visual .swiper-slide .mvisualImage { position:absolute; left:0; right:0; top:0; bottom:0; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.visual .swiper-slide .visual_txt .txt { opacity:0; overflow:hidden; }
.visual .swiper-slide .visual_txt .txt_1 > span { display:inline-block; font-family: 'Patua One', cursive; color:#fff; font-size:30px; letter-spacing:-0.01em; line-height:1.2; background-size:200% 100%; -webkit-background-clip:text; background-image:linear-gradient(to right, rgba(166,170,174,1) 0%,rgba(217,221,226,1) 100%); -webkit-text-fill-color:transparent; background-position:100%; }
.visual .swiper-slide .visual_txt .txt_2 { margin-top:30px; }
.visual .swiper-slide .visual_txt .txt_2 > span { display:inline-block; color:#222; font-size:80px; font-weight:600; letter-spacing:-0.01em; line-height:1.3; }
.visual .swiper-slide .visual_txt .txt_2 > span span { font-size:70px; color:#f36b21; font-family: 'Noto Sans KR', sans-serif; font-weight:700; }
.visual .swiper-slide .visual_txt .txt_2 > span strong { font-weight:700;}
.visual .swiper-slide.swiper-slide-active .visual_txt .txt { opacity:1; }
.visual .swiper-slide.swiper-slide-active .visual_txt .txt_1 > span { animation:ani_4 1.0s 0.5s; animation-fill-mode:both; }
.visual .swiper-slide.swiper-slide-active .visual_txt .txt_2 > span { animation:txtUp 1.0s 1.5s; animation-fill-mode:both; }

.visual .swiper-slide.visu01 {}
.visual .swiper-slide.visu01 .visual_txt,
.visual .swiper-slide.visu02 .visual_txt,
.visual .swiper-slide.visu04 .visual_txt,
.visual .swiper-slide.visu05 .visual_txt {	position:absolute; left:0; top:20%; text-align:center; width:100%; }
.visual .swiper-slide.visu02 .mvisualImage { background-color:#f36b21; }
.visual .swiper-slide.visu02 .visual_txt .txt_1 > span { background-image:linear-gradient(to right, rgba(255,160,108,1) 0%,rgba(255,235,224,1) 100%); }
.visual .swiper-slide.visu02 .visual_txt .txt_2 > span { color:#fff; }
.visual .swiper-slide.visu03 .visual_txt {	position:absolute; left:0; top:50%; transform:translateY(-50%); text-align:right; width:54%;}
.visual .swiper-slide.visu03 .mvisualImage { background-color:#04bcdd; }
.visual .swiper-slide.visu03 .visual_txt .txt_1 > span { background-image:linear-gradient(to right, rgba(255,199,169,1) 0%,rgba(138,241,255,1) 100%); }
.visual .swiper-slide.visu03 .visual_txt .txt_2 > span { color:#fff; }
.visual .swiper-slide.visu04 .visual_txt .txt_1 > span { background-image:linear-gradient(to right, rgba(255,234,125,1) 0%,rgba(16,158,225,1) 100%); }
.visual .swiper-slide.visu04 .visual_txt .txt_2 > span { color:#fff; }
.visual .swiper-slide.visu04 .visual_txt .txt_2 > span span { color:#fff; }
.visual .swiper-slide.visu05 .mvisualImage { background-color:#777a7b; }
.visual .swiper-slide.visu05 .visual_txt .txt_1 > span { background-image:linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.5) 100%); }
.visual .swiper-slide.visu05 .visual_txt .txt_2 > span { color:#fff; }
.visual .swiper-slide.visu05 .visual_txt .txt_2 > span span { color:#fff; }

.visual .swiper-slide .lottie-box { opacity:0; }
.visual .swiper-slide.swiper-slide-active .lottie-box { width:100%; max-width:930px; height:500px; margin:0 auto; margin-top:16%; animation:ani_5 0.5s 0.5s; animation-fill-mode:both; }
.visual .swiper-slide.swiper-slide-active #visual-lottie02.lottie-box { max-width:750px; height:300px; bottom:200px;}
.visual .swiper-slide .lottie-box svg { width:100% !important; }
*/
/*
.fp-scroller {transition-duration:0.5s !important; transition-timing-function:unset !important; overflow:hidden;}
*/
@media screen and (max-width:1024px){
	.main1,
	.main2,
	.main3,
	.main4,
	.main5, 
	.main6,
	.main1 .fp-tableCell,
	.main2 .fp-tableCell,
	.main3 .fp-tableCell,
	.main4 .fp-tableCell,
	.main5 .fp-tableCell,
	.main6 .fp-tableCell,
	.section .fp-scrollable { height:auto !important; height:-webkit-fill-available !important; }
	
	.fp-section, .fp-tableCell{height:auto !important;}
	.iScrollIndicator,
	.fp-scrollable { height:100% !important; height:-webkit-fill-available !important; }
	.iScrollVerticalScrollbar { display:none !important; } 
}
@media screen and (max-height:760px){
	.main1,
	.main2,
	.main3,
	.main4,
	.main5, 
	.main6 { padding:0; }
}

.main1,
#visual,
.visual,
.visual_slider{ height:100vh; height:calc(var(--vh, 1vh) * 100); }
.visual	.vbox { position:relative; width:100%; height:100vh; height:calc(var(--vh, 1vh) * 100); overflow:hidden; display:flex !important; flex-wrap:wrap; align-items:center; justify-content:center; transition:all 0.3s ease-in-out; }
.visual .mvisualImage { position:absolute; left:0; right:0; top:0; bottom:0; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.visual .visual_txt { position:relative; z-index:22 }
.visual .visual_txt .txt { opacity:0; overflow:hidden;}
.visual .visual_txt .txt_1 > span { display:inline-block; font-family: 'Patua One', cursive; color:#fff; font-size:30px; letter-spacing:-0.01em; line-height:1.2; background-size:200% 100%; -webkit-background-clip:text; background-image:linear-gradient(to right, rgba(166,170,174,1) 0%,rgba(217,221,226,1) 100%); -webkit-text-fill-color:transparent; background-position:100%; }
.visual .visual_txt .txt_2 { margin-top:30px; }
.visual .visual_txt .txt_2 > span { display:inline-block; color:#222; font-size:80px; font-weight:600; letter-spacing:-0.01em; line-height:1.3; }
.visual .visual_txt .txt_2 > span span { font-size:70px; color:#231f20; font-family: 'Noto Sans KR', sans-serif; font-weight:600; }
.visual .visual_txt .txt_2 > span strong { font-weight:700; font-family: 'Nunito Sans', sans-serif; }

.visual .slick-slide.slick-active .visual_txt .txt { opacity:1; }
.visual .slick-slide.slick-active .visual_txt .txt_1 > span { animation:ani_4 1.0s 0.5s; animation-fill-mode:both; }
.visual .slick-slide.slick-active .visual_txt .txt_2 > span { animation:txtUp 1.0s 1.5s; animation-fill-mode:both; }
@media screen and (max-width:1280px){
	.visual .visual_txt .txt_1 > span {	font-size:24px; }
	.visual .visual_txt .txt_2 > span { font-size:55px; }
	.visual .visual_txt .txt_2 > span span { font-size:50px; }
	.visual .visual_txt .txt_2 { margin-top:26px; }
}
@media screen and (max-width:1024px){
	.visual .visual_txt .txt_1 > span {	font-size:18px; }
	.visual .visual_txt .txt_2 > span { font-size:42px; }
	.visual .visual_txt .txt_2 > span span { font-size:39px; }
	.visual .visual_txt .txt_2 { margin-top:20px; }
}
@media screen and (max-width:640px){
	.visual .visual_txt .txt_1 > span {	font-size:16px; }
	.visual .visual_txt .txt_2 > span { font-size:24px; }
	.visual .visual_txt .txt_2 > span span { font-size:22px; }
	.visual .visual_txt .txt_2 { margin-top:15px; }
}

.visual { opacity:0;}
.visual.subOn { animation:ani_5 0.5s 0.2s; animation-fill-mode:both; }
.visual .visu01 {}
.visual .visu01 .visual_txt,
.visual .visu02 .visual_txt,
.visual .visu04 .visual_txt,
.visual .visu05 .visual_txt {	position:absolute; left:0; top:20%; text-align:center; width:100%; z-index:3 }
.visual .visu02 .mvisualImage { background-color:#f36b21; }
.visual .visu02 .visual_txt .txt_1 > span { background-image:linear-gradient(to right, rgba(255,160,108,1) 0%,rgba(255,235,224,1) 100%); }
.visual .visu02 .visual_txt .txt_2 > span { color:#fff; }
.visual .visu03 .visual_txt {	position:absolute; left:0; top:50%; transform:translateY(-50%); text-align:right; width:54%;}
.visual .visu03 .mvisualImage { background-color:#04bcdd; }
.visual .visu03 .visual_txt .txt_1 > span { background-image:linear-gradient(to right, rgba(255,199,169,1) 0%,rgba(138,241,255,1) 100%); }
.visual .visu03 .visual_txt .txt_2 > span { color:#fff; }
.visual .visu03 .ani-cont { opacity:0; position:absolute; top:50%; left:60%; transform:translateY(-50%); z-index:5; width:400px; height:400px;	}
.visual .visu03 .ani-cont:before { content:""; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:264px; height:264px; background-color:#e6f3fa; border-radius:500px;}
.visual .visu03 .ani-cont:after { content:""; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:400px; height:400px; background:url(/img/main/bg_ani3.png) center;}
.visual .visu03 .ani-cont .ani-box { display:none; width:400px; height:400px; }
.visual .visu03 .ani-cont .ani-box.active { display:block;}
.visual .visu03 .ani-cont #ani-box2 g,
.visual .visu03 .ani-cont #ani-box3 g	{ fill:none !important }
.visual .visu03 .ani-cont #ani-box2 path,
.visual .visu03 .ani-cont #ani-box3 path { fill:none !important; stroke:#1d175f !important } 
.visual .visu03 #ani-box2 { width:120%; margin-left:-10%; }
.visual .visu03 #ani-box3 { width:90%; margin:0 auto; }
.visual .visu03 #ani-box4 { margin-left:-7%; }
.visual .slick-slide.slick-active .visu03 .ani-cont { animation:ani_5 0.1s 0.1s; animation-fill-mode:both; }
.visual .visu04 .visual_txt .txt_1 > span { background-image:linear-gradient(to right, rgba(255,234,125,1) 0%,rgba(16,158,225,1) 100%); }
.visual .visu04 .visual_txt .txt_2 > span { color:#fff; }
.visual .visu04 .visual_txt .txt_2 > span span { color:#fff; }
.visual .visu04 .vboxCont { position:absolute; left:0; top:0; width:100%; height:100%; display:flex;	background-position:center center; background-repeat:no-repeat; background-image:url(/img/main/img_mvisual4.jpg); background-size:cover;}
.visual .visu04 .vboxCont > div { opacity:0; width:33.33%; } 
/*
.visual .visu04 .vboxCont .box1 { background-image:url(/img/main/img_mvisual4_1.jpg); }
.visual .visu04 .vboxCont .box2 { background-image:url(/img/main/img_mvisual4_2.jpg); }
.visual .visu04 .vboxCont .box3 { background-image:url(/img/main/img_mvisual4_3.jpg); }
*/
.visual .visu04 .blobby-box { opacity:0; position:absolute; z-index:5; width:350px; height:350px; }
.visual .visu04 .blobby-box#blobby-box1 { top:35%; left:10%; }
.visual .visu04 .blobby-box#blobby-box2 { top:8%; right:18%; transform:rotate(45deg) scale(0.7); }
.visual .visu04 .blobby-box#blobby-box3 { top:55%; right:10%; transform:rotate(150deg) scale(0.9); }
.visual .visu04 .blobby-box .blobby { width:300px; }
.visual .slick-slide.slick-active .visu04 .vboxCont .box1 { animation:ani_1 0.8s 0.2s; animation-fill-mode:both; }
.visual .slick-slide.slick-active .visu04 .vboxCont .box2 { animation:ani_1 0.8s 0.6s; animation-fill-mode:both; }
.visual .slick-slide.slick-active .visu04 .vboxCont .box3 { animation:ani_1 0.8s 1.0s; animation-fill-mode:both; }
.visual .slick-slide.slick-active .visu04 .blobby-box#blobby-box1 { animation:ani_5 1.0s 0.5s; animation-fill-mode:both; }
.visual .slick-slide.slick-active .visu04 .blobby-box#blobby-box2 { animation:ani_5 1.0s 1.0s; animation-fill-mode:both; }
.visual .slick-slide.slick-active .visu04 .blobby-box#blobby-box3 { animation:ani_5 1.0s 1.5s; animation-fill-mode:both; }
.visual .visu05 .mvisualImage { background-color:#777a7b; }
.visual .slick-slide.slick-active .visu04 .mvisualImage { animation:bgs5 1.8s 0.5s; animation-fill-mode:both; }
.visual .slick-slide.slick-active .visu05 .mvisualImage { animation:bgs5_1 1.8s 0.5s; animation-fill-mode:both; }
.visual .visu05 .visual_txt .txt_1 > span { background-image:linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.5) 100%); }
.visual .visu05 .visual_txt .txt_2 > span { color:#fff; }
.visual .visu05 .visual_txt .txt_2 > span span { color:#fff; }
.visual .pc { display:block; }
.visual .mobile { display:none; }
@media screen and (max-width:1280px){
	.visual .visu03 .visual_txt { width:60%;}
	.visual .visu03 .ani-cont { width:320px; height:320px; left:65%; }
	.visual .visu03 .ani-cont .ani-box { width:320px; height:320px; }
	.visual .visu03 .ani-cont:before { width:212px; height:212px; }
	.visual .visu03 .ani-cont:after {width:320px; height:320px; background-size:320px 320px;}
}
@media screen and (max-width:1024px){
	.visual .visu03 .visual_txt { top:40%; width:100%; text-align:center; }
	.visual .visu03 .ani-cont { top:60%; left:50%; transform:translate(-50%, -50%);}
	.visual .visu03 .ani-cont,
	.visual .visu03 .ani-cont .ani-box { width:240px; height:240px; }
	.visual .visu03 .ani-cont:before { width:158px; height:158px; }
	.visual .visu03 .ani-cont:after {width:320px; height:320px; background-size:240px 240px;}
	.visual .visu04 .vboxCont { flex-direction:column; }
	.visual .visu04 .vboxCont > div { width:100%; height:33.333%}
	.visual .visu04 .vboxCont .box2 { background-position:center 20%; }
	.visual .visu04 .vboxCont .box2 { background-position:center 30%; }
	.visual .visu04 .vboxCont .box3 { background-position:center 30%; }
	.visual .visu04 .blobby-box { width:280px; height:280px; }
	.visual .visu04 .blobby-box#blobby-box1 { top:40%; left:0%; }
	.visual .visu04 .blobby-box#blobby-box2 { top:5%; right:8%; }
	.visual .visu04 .blobby-box#blobby-box3 { top:unset; bottom:8%; right:3%; }
}
@media screen and (max-width:640px){
	.visual .visu03 .visual_txt { top:43%;}
	.visual .visu03 .ani-cont { top:57%;}
	.visual .visu03 .ani-cont,
	.visual .visu03 .ani-cont .ani-box { width:180px; height:180px; }
	.visual .visu03 .ani-cont:before { width:120px; height:120px; }
	.visual .visu03 .ani-cont:after {width:180px; height:180px; background-size:180px 180px;}
	.visual .visu04 .blobby-box { width:140px; height:140px; }
	.visual .pc { display:none; }
	.visual .mobile { display:block; }
}

.visual .lottie-box { opacity:0; }
.visual .slick-slide.slick-active .lottie-box { width:100%; max-width:930px; height:500px; margin:0 auto; margin-top:12%; animation:ani_5 0.5s 0.5s; animation-fill-mode:both; }
.visual .lottie-box svg { width:100% !important; }
@media screen and (max-width:970px){
	.visual .slick-slide.slick-active .lottie-box {	padding:0 20px; }
}

.swiper-button-next:after, 
.swiper-button-prev:after { display:none; }

.visual .btn_pn { position:absolute; top:15px; width:13px; height:13px; font-size:12px; color:#333; outline:none; background:none; }
.visual .swiper-button-prev { left:-45px; }
.visual .swiper-button-next { left:-28px; }

.visual .btnbox { position:absolute; bottom:100px; left:145px; width:120px; z-index:9; }
.visual .btnbox .box { position:relative; }
.visual .btnbox .swiper-pagination { display:inline-block;	}
.visual .swiper-pagination-progressbar { width:100%; background:rgba(0,0,0,0.3) !important; height:1px !important; }
.visual .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:#000 !important; height:1px; }
.visual .slick-dots { display:none !important; }
.visual .progress { display:block; width:100%; height:1px; overflow:hidden; background-color:rgba(0,0,0,0.3); background-image:linear-gradient(to right, #000, #000); background-repeat:no-repeat; background-size:0 100%; transition: background-size .4s ease-in-out;}
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }

#visual .scrollDown { position:absolute; right:100px; bottom:90px; z-index:11; }
#visual .scrollDown:before { content:""; display:block; width:10px; height:17px; background:#b5beca; position:absolute; left:0; top:0; border-radius:5px; }
#visual .scrollDown span { position:relative; font-size:12px; color:rgba(51,51,51,0.8); font-weight:300; padding-left:20px; }
#visual .scrollDown span:before { content:""; display:block; width:2px; height:2px; background:#515356; position:absolute; left:4px; animation:scrollDown 2s infinite;}
@media screen and (max-width:1440px){
	.visual .btnbox { bottom:80px; left:80px; }
	#visual .scrollDown { right:80px; bottom:80px; }
}
@media screen and (max-width:1024px){
	.visual .btnbox { bottom:80px; left:50%; transform:translateX(-50%); }
	#visual .scrollDown { display:none; }
}
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) 
{ @media {
    _:-webkit-full-screen, .visual .btnbox { bottom:200px; }
}}
	
	
.main-title h3 span { font-family: 'Patua One', cursive; color:#aaa; font-size:20px; letter-spacing:-0.01em; }
.main-title .txt { margin-top:30px; }
.main-title .txt span { color:#000; font-size:56px; font-weight:600; letter-spacing:-0.01em; line-height:1.2 }
.main-title .txt span strong { font-weight:700; font-family: 'Nunito Sans', sans-serif; }
.main-box .btn-more a { display:flex; justify-content:center; align-items:center; width:60px; height:60px; background-color:#f36b21; border-radius:60px; transition:all 0.3s ease-in-out; }
.main-box .btn-more a span { display:none; margin-right:18px; font-size:14px; font-weight:400; color:#fff; animation:ani_5 0.5s 0.2s; animation-fill-mode:both; }
.main-box .btn-more a i { display:inline-block; width:10px; height:10px; background:url(/img/main/icon_arr.png) no-repeat center; }
.main-box .btn-more a:hover { width:170px; }
.main-box .btn-more a:hover span { display:inline-block;	}
.main-box .btn-more a:hover i { animation:ani_5 0.8s 0.3s; animation-fill-mode:both; }
@media screen and (max-width:1280px){
	.main-title h3 span { font-size:19px; }
	.main-title .txt { margin-top:20px; }
	.main-title .txt span { font-size:44px; }
}
@media screen and (max-width:1024px){
	.main-title h3 span { font-size:18px; }
	.main-title .txt { margin-top:15px; }
	.main-title .txt span { font-size:32px; }
	#main .btn-more a { width:50px; height:50px; }
	#main .btn-more a:hover { width:160px; }
}
@media screen and (max-width:640px){
	.main-title h3 span { font-size:16px; }
	.main-title .txt { margin-top:10px; }
	.main-title .txt span { font-size:24px; }
	#main .btn-more a { width:45px; height:45px; }
	#main .btn-more a:hover { width:150px; }
	#main .btn-more a span { margin-right:16px; font-size:13px; } 
}

/* work */
.main-work { background-color:#fff; position:relative; z-index:5; }
.main-work .main-title { text-align:center; }
.main-work .list-box { margin-top:100px; }
.main-work .list-box ul { display:flex; gap:32px; flex-wrap: wrap; }
.main-work .list-box li { position:relative;	width:calc((100% - 96px) / 4)}
.main-work .list-box li:before { content:""; display:block; padding-bottom:120%; }
.main-work .list-box li .box { cursor:pointer; position:absolute; top:0; left:0; background-color:#2b3084; border-radius:10px; overflow:hidden; display:flex; width:100%; height:100%; padding:50px 0 0 42px; }
.main-work .list-box li .box .bg { display:block; /* background-color:rgba(255,255,255,0.6); */background-color:rgba(255,255,255,0.3);	position:absolute; top:0; left:0; opacity:0; visibility:hidden; z-index:-5; width:100%; height:100%; border-radius:10px; }
.main-work .list-box li.over .box .bg { opacity:1; visibility:visible; z-index:1; animation:ani_5 0.1s 0.05s; animation-fill-mode:both; }
.main-work .list-box li.on .box .bg,
.main-work .list-box li.off .box .bg { display:block; animation:bgs4_d2 0.1s 0.05s; animation-fill-mode:both; }
.main-work .list-box li .box p { font-family: 'Nunito Sans', sans-serif; font-size:30px; font-weight:600; color:#fff; line-height:1.3; }
.main-work .list-box li .box .icon { position:absolute; bottom:30px; right:30px; width:100px; }
.main-work .list-box li .box .icon.icon_ani3 { width:150px; right:10px; }
.main-work .list-box li .box .icon.icon_ani4 { width:120px; right:20px; }
.main-work .list-box li:nth-child(2) .box { background-color:#403e3f; }
.main-work .list-box li:nth-child(3) .box { background-color:#00b0d5; }
.main-work .list-box li:nth-child(4) .box { background-color:#fb7f32; }
@media screen and (max-width:1280px){
	.main-work { padding:120px 0;}
	.main-work .list-box ul { gap:25px; }
	.main-work .list-box li { width:calc((100% - 75px) / 4) }
	.main-work .list-box li .box { padding:30px 0 0 22px;}
	.main-work .list-box li .box p { font-size:24px; }
	.main-work .list-box li .box .icon { bottom:30px; right:25px; width:75px; }
	.main-work .list-box li .box .icon.icon_ani3 { width:140px; }
	.main-work .list-box li .box .icon.icon_ani4 { width:110px; }
}
@media screen and (max-width:1024px){
    .main2,
	.main2 .fp-tableCell,
	.main2 .fp-scrollable { height:auto !important; }
	.main-work { padding:100px 0; }
	.main-work .list-box { margin:0 auto; max-width:760px; margin-top:80px;  }
	.main-work .list-box ul {gap:20px; }
	.main-work .list-box li { width:calc((100% - 20px) / 2) }
    .main-work .list-box li:before { padding-bottom:100%; }
}
@media screen and (max-width:640px){
	.main-work { padding:80px 0; }
	.main-work .list-box { margin-top:40px; }
	.main-work .list-box ul { gap:10px; }
	.main-work .list-box li { width:calc((100% - 10px) / 2) }
	.main-work .list-box li .box { padding:20px 0 0 18px;}
	.main-work .list-box li .box p { /* font-size:18px; */ font-size:17px; }
	.main-work .list-box li .box .icon { bottom:20px; right:18px; width:60px; }
	.main-work .list-box li .box .icon.icon_ani3 { width:115px; right:0; }
	.main-work .list-box li .box .icon.icon_ani4 { width:90px; right:5px; }
}


/* animation */
.main-work .list-box li { opacity:0; }
.on .main-work .list-box li:nth-child(1) { animation:ani_3 0.3s 0.2s; animation-fill-mode:both; }
.on .main-work .list-box li:nth-child(2) { animation:ani_3 0.3s 0.4s; animation-fill-mode:both; }
.on .main-work .list-box li:nth-child(3) { animation:ani_3 0.3s 0.6s; animation-fill-mode:both; }
.on .main-work .list-box li:nth-child(4) { animation:ani_3 0.3s 0.8s; animation-fill-mode:both; }

/* network */
.main3 { background:#f5f5f5 url(/img/main/network_bg.png) no-repeat center 150px; }
.main-network { overflow:hidden; height:100vh; }
.main-network .inner { display:flex; flex-wrap:wrap; }
.main-network .network-left { position:relative; width:50%; }
.main-network .network-left .title-box { position:sticky; top:0; padding:285px 0 200px 0; max-width:1500px; width:100vw;}
.main-network .network-left .btn-more { margin-top:65px; }
.main-network .list-box { position:relative; z-index:5; padding:50px 0 0; width:50%; display:flex; justify-content:space-between; }
.main-network .list-box:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.main-network .list-box > ul { position:relative; width:calc((100% - 50px) / 2); }
.main-network .list-box > ul:nth-child(2) { margin-top:100px; }

/*
.main-network .list-box > ul:nth-child(2) { margin-top:100px; transform:translateY(-63%); }
*/
/*
.main-network .list-box li { position:relative; width:calc((100% - 50px) / 2); margin-top:50px; float:left; }
.main-network .list-box li:nth-child(2) { margin-top:100px; }
.main-network .list-box li:nth-child(2n) { float:right;}
*/
.main-network .list-box li { position:relative; margin-top:50px }
.main-network .list-box li:before { content:""; display:block; padding-bottom:115%; }
.main-network .list-box li .box { cursor:pointer; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#231f20; border-radius:60px 10px 10px; overflow:hidden; transition:all 0.1s ease-in-out; }
.main-network .list-box li .box .icon { width:100%; height:100%; border-radius:60px 10px 10px 10px; }
.main-network .list-box li..box .pin { color:#04bcdd; fill:#04bcdd; }
.main-network .list-box li .box .info { position:absolute; bottom:32px; left:32px; text-align:left; }
.main-network .list-box li .box .info img { margin:0; }
.main-network .list-box li .box .info strong { font-family: 'Nunito Sans', sans-serif; display:block; color:#fefefe; font-size:28px; font-weight:300; margin-top:10px; transition:all 0.1s ease-in-out; }
.main-network .list-box li .box .bg { display:block; background-color:rgba(245,245,245,0.4); position:absolute; top:0; left:0; opacity:0; visibility:hidden; z-index:-5; width:100%; height:100%; border-radius:60px 10px 10px; }
.main-network .list-box .over .box .bg { opacity:1; visibility:visible; z-index:1; animation:ani_5 0.1s 0.05s; animation-fill-mode:both; }
.main-network .list-box .on .box .bg,
.main-network .list-box .off .box .bg { display:block; animation:bgs4_d2 0.1s 0.05s; animation-fill-mode:both; }
.main-network .list-box .on .box { background-color:#20b1ce; }
.main-network .list-box .on .box .map-pin { display:none }
.main-network .list-box .on .box .map-1 { fill:#f4f4f4; stroke:#20b1ce; }
.main-network .list-box .on .box .map-2 { fill:#e76925; stroke:#20b1ce; }
.main-network .list-box .on .box .info strong { color:#222; }
@media screen and (max-width:1540px){
	.main-network .inner .network-left .title-box { width:calc(100vw - 40px); }
}
@media screen and (max-width:1280px){
	.main-network .network-left { width:45%; }
	.main-network .list-box { width:55%; }
	.main-network .list-box > ul { position:relative; width:calc((100% - 30px) / 2); }
	.main-network .list-box > ul:nth-child(2) { margin-top:80px; }
	.main-network .list-box li { margin-top:30px;}
	
	.main-network .list-box li .box,
	.main-network .list-box li .box .icon,
	.main-network .list-box li.over .box .bg { border-radius:50px 10px 10px; }
}
@media screen and (max-width:1024px){
    .main3,
	.main3 .fp-tableCell,
	.main3 .fp-scrollable { height:auto !important; }
    .main-network { overflow:hidden; height:auto; }
	.main-network .network-left { width:42%; }
	.main-network .network-left .btn-more { margin-top:40px; }
	.main-network .list-box { width:58%; }
	.main-network .list-box > ul { position:relative; width:calc((100% - 20px) / 2); }
	.main-network .list-box > ul:nth-child(2) { margin-top:80px; }
	.main-network .list-box li { margin-top:20px;}
	/*
	.main-network .list-box li { width:calc((100% - 20px) / 2); margin-top:20px; }
	*/
	.main-network .list-box li .box,
	.main-network .list-box li .box .icon,
	.main-network .list-box li .box .bg { border-radius:40px 8px 8px; }
	.main-network .list-box li .box .info { bottom:25px; left:25px; }
	.main-network .list-box li .box .info strong { font-size:24px; margin-top:10px;	}
}
@media screen and (max-width:760px){
	.pin-spacer,
	.main-network { height:auto !important;	max-height:auto !important; top:0 !important; position: relative !important; padding:0 !important; transform: translate(0, 0) !important; }
	.main-network .network-left{ width:100%; }
	.main-network .list-box { width:100%; }
	.main-network .network-left .title-box { position:sticky; top:0; padding:60px 0 0 0; }
	.main-network .network-left .title-box br { display:none }
	.main-network .network-left .btn-more { margin-top:20px; }
	.main-network .list-box li .box,
	.main-network .list-box li .box .icon,
	.main-network .list-box li .box .bg { border-radius:30px 5px 5px }
	.main-network .list-box li .box .info { bottom:20px; left:20px; }
	.main-network .list-box li .box .info strong { font-size:20px; margin-top:8px;	}
}

/*
.main-network .list-box .swiper-container { position:relative; width:calc((100% - 50px) / 2); }
.main-network .list-box .swiper-slide { position:relative; margin-top:50px; }
.main-network .list-box .swiper-slide:before { content:""; display:block; padding-bottom:115%; }
.main-network .list-box .swiper-slide .box { cursor:pointer; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#231f20; border-radius:60px 10px 10px; overflow:hidden; transition:all 0.1s ease-in-out; }
.main-network .list-box .swiper-slide .box .icon { width:100%; height:100%; border-radius:60px 10px 10px 10px; }
.main-network .list-box .swiper-slide .box .cls-1, 
.main-network .list-box .swiper-slide .box .cls-3 { fill:#231f20; transition:all 0.1s ease-in-out;}
.main-network .list-box .swiper-slide .box .cls-2 { fill:#393637; transition:all 0.1s ease-in-out; }
.main-network .list-box .swiper-slide .box .pin { color:#04bcdd;	fill:#04bcdd; }
.main-network .list-box .swiper-slide .box .info { position:absolute; bottom:32px; left:32px; }
.main-network .list-box .swiper-slide .box .info strong { font-family: 'Nunito Sans', sans-serif; display:block; color:#fefefe; font-size:28px; font-weight:300; margin-top:10px;	}
.main-network .list-box .swiper-slide .box .pin { position:absolute; color:#04bcdd; font-size:30px; transition:all 0.1s ease-in-out; }
.main-network .list-box .swiper-slide .box .pin-1 { left:190px; top:106px; }
.main-network .list-box .swiper-slide .box .pin-2 { left:230px; top:135px; }
.main-network .list-box .swiper-slide .box .pin-3 { left:235px; top:120px; }
.main-network .list-box .swiper-slide .box .pin-4 { left:165px; top:138px; }
.main-network .list-box .swiper-slide .box .pin-5 { left:175px; top:88px; }
.main-network .list-box .swiper-slide .box .pin-6 { left:224px; top:122px; }
.main-network .list-box .swiper-slide .box .pin-7 { left:140px; top:98px; }
.main-network .list-box .swiper-slide .box .pin-8 { left:224px; top:165px; }
.main-network .list-box .swiper-slide .box .bg { display:block; background-color:rgba(255,255,255,0.4); position:absolute; top:0; left:0; opacity:0; visibility:hidden; z-index:-5; width:100%; height:100%; border-radius:60px 10px 10px; }
.main-network .list-box .over .box .bg { opacity:1; visibility:visible; z-index:1; animation:ani_5 0.1s 0.05s; animation-fill-mode:both; }
.main-network .list-box .on .box .bg,
.main-network .list-box .off .box .bg { display:block; animation:bgs4_d2 0.1s 0.05s; animation-fill-mode:both; }
.main-network .list-box .on .box { background-color:#04bcdd; }
.main-network .list-box .on .box .cls-1, 
.main-network .list-box .on .box .cls-3 { fill:#04bcdd; }
.main-network .list-box .on .box .cls-2 { fill:#fff; }
.main-network .list-box .on .box .pin { color:#f36b21; fill:#f36b21; }
.main-network .list-box .on .box .map { animation:bgs2_1 0.3s 0.1s; animation-fill-mode:both;}
@media screen and (max-width:1540px){
	.main-network .inner .network-left .title-box { width:calc(100vw - 40px); }
}
@media screen and (max-width:1280px){
	.main-network .network-left { width:45%; }
	.main-network .list-box { width:55%; }
	.main-network .list-box > ul { position:relative; width:calc((100% - 30px) / 2); }
	.main-network .list-box > ul:nth-child(2) { margin-top:100px; transform:translateY(-62%); }
	.main-network .list-box .swiper-slide { margin-top:30px;}
	
	.main-network .list-box .swiper-slide .box,
	.main-network .list-box .swiper-slide .box .icon,
	.main-network .list-box .over .box .bg { border-radius:50px 10px 10px; }
}
@media screen and (max-width:1024px){
	.main-network .network-left { width:42%; }
	.main-network .network-left .btn-more { margin-top:40px; }
	.main-network .list-box { width:58%; }
	.main-network .list-box > ul { position:relative; width:calc((100% - 20px) / 2); }
	.main-network .list-box > ul:nth-child(2) { margin-top:100px; transform:translateY(-62%); }
	.main-network .list-box .swiper-slide { margin-top:20px;}
	.main-network .list-box .swiper-slide .box,
	.main-network .list-box .swiper-slide .box .icon,
	.main-network .list-box .over .box .bg { border-radius:40px 8px 8px; }
	.main-network .list-box .swiper-slide .box .info { bottom:25px; left:25px; }
	.main-network .list-box .swiper-slide .box .info strong { font-size:24px; margin-top:10px;	}
}
@media screen and (max-width:760px){
	.pin-spacer,
	.main-network { height:auto !important;	max-height:auto !important; top:0 !important; position: relative !important; padding:0 !important; transform: translate(0, 0) !important; }
	.main-network .network-left{ width:100%; }
	.main-network .list-box { width:100%; }
	.main-network .network-left .title-box { position:sticky; top:0; padding:60px 0 0 0; }
	.main-network .network-left .title-box br { display:none }
	.main-network .network-left .btn-more { margin-top:20px; }
	.main-network .list-box .swiper-slide .box,
	.main-network .list-box .swiper-slide .box .icon,
	.main-network .list-box .over .box .bg { border-radius:30px 5px 5px }
	.main-network .list-box .swiper-slide .box .info { bottom:20px; left:20px; }
	.main-network .list-box .swiper-slide .box .info strong { font-size:20px; margin-top:8px;	}
	.main-network .list-box > ul { transform:translateY(0) !important; }
}
*/

/* people-industries */
.main4 { background:#f4f3f2 url(/img/main/people_bg.jpg) no-repeat left center / cover; padding:0 0 0; }
.main-people-industries { padding:0 100px 0; }
.main-people-industries .box-pi { display:flex; justify-content:space-between; flex-wrap:wrap; gap:0 40px; }
.main-people-industries .box-pi > div { width:calc((100% - 40px) / 2); }
.main-people-industries .box-pi > div > ul > li { position:relative; display:none }
.main-people-industries .box-pi > div > ul > li .box { position:relative; }
.main-people-industries .box-pi > div > ul > li .imgbox img { border-radius:100px 0 0; max-width:100%; }
.main-people-industries .box-pi > div > ul > li .txtbox { position:absolute; top:0; left:0; width:100%; height:100%; padding:0 0 0 90px; border-radius:100px 0 0; display:flex; flex-direction:column; justify-content:center; }
.main-people-industries .box-pi > div > ul > li dt { font-family: 'Patua One', cursive; color:rgba(255,255,255,.6); font-size:20px; letter-spacing:-0.01em; }
.main-people-industries .box-pi > div > ul > li dd { padding-top:35px; letter-spacing:-0.02em; color:rgba(255,255,255,.3); font-size:26px; font-weight:600; font-family: 'Nunito Sans', sans-serif; }
.main-people-industries .box-pi > div > ul > li dd > span { font-weight:500; font-style:italic; font-family: 'Noto Serif KR', serif; font-size:20px; }
.main-people-industries .box-pi > div > ul > li dd p { color:#fff; font-weight:700; font-size:64px; padding-bottom:14px; font-family: 'Nunito Sans', sans-serif; }
.main-people-industries .box-pi .btn-more { margin-top:40px; }
.main-people-industries .box-pi .people-box .btn-more a { background-color:#00bcdd !important; }
@media screen and (max-width:1720px){
	.main-people-industries .box-pi { gap:0 35px; }
	.main-people-industries .box-pi > div { width:calc((100% - 35px) / 2); }
	.main-people-industries .box-pi > div > ul > li .imgbox img { border-radius:80px 0 0; }
	.main-people-industries .box-pi > div > ul > li .txtbox { padding:0 0 0 80px; border-radius:80px 0 0; }
	.main-people-industries .box-pi > div > ul > li dt { font-size:18px; }
	.main-people-industries .box-pi > div > ul > li dd { padding-top:25px; font-size:22px; }
	.main-people-industries .box-pi > div > ul > li dd p { font-size:50px; padding-bottom:12px; }
}
@media screen and (max-width:1280px){
	.main-people-industries { padding:0 80px 0; }
	.main-people-industries .box-pi { gap:0 30px; }
	.main-people-industries .box-pi > div { width:calc((100% - 30px) / 2); }
	.main-people-industries .box-pi > div > ul > li .imgbox img { border-radius:60px 0 0; }
	.main-people-industries .box-pi > div > ul > li .txtbox { padding:0 0 0 60px; border-radius:60px 0 0; }
	.main-people-industries .box-pi > div > ul > li dt { font-size:17px; }
	.main-people-industries .box-pi > div > ul > li dd { padding-top:22px; font-size:20px; }
	.main-people-industries .box-pi > div > ul > li dd p { font-size:40px; padding-bottom:10px; }
}
@media screen and (max-width:1024px){	
	.main-people-industries { padding:160px 40px 130px; }
	.main-people-industries .box-pi { gap:0 20px; }
	.main-people-industries .box-pi > div { width:calc((100% - 20px) / 2); }
	.main-people-industries .box-pi > div > ul > li .imgbox img { border-radius:30px 0 0; }
	.main-people-industries .box-pi > div > ul > li .txtbox { padding:0 0 0 30px; border-radius:30px 0 0; }
	.main-people-industries .box-pi > div > ul > li dt { font-size:16px; }
	.main-people-industries .box-pi > div > ul > li dd { padding-top:20px; font-size:18px; }
	.main-people-industries .box-pi > div > ul > li dd p { font-size:32px; padding-bottom:8px; }
}
@media screen and (max-width:760px){
	.main-people-industries { padding:60px 20px 80px; }
	.main-people-industries .box-pi { gap:10px 10px; }
	.main-people-industries .box-pi > div { width:100%; }
	.main-people-industries .box-pi > div > ul > li .imgbox img { border-radius:20px 0 0; }
	.main-people-industries .box-pi > div > ul > li .txtbox { padding:0 0 0 20px; border-radius:20px 0 0; }
	.main-people-industries .box-pi > div > ul > li dt { font-size:15px; }
	.main-people-industries .box-pi > div > ul > li dd { padding-top:15px; font-size:16px; }
	.main-people-industries .box-pi > div > ul > li dd p { font-size:24px; padding-bottom:6px; }
	.main-people-industries .box-pi .btn-more { margin-top:20px; }
}

/* animation */
/*.main-people-industries .box-pi > div > ul > li .imgbox,*/
.main-people-industries .box-pi > div > ul > li dt,
.main-people-industries .box-pi > div > ul > li dd,
.main-people-industries .box-pi .btn-more { opacity:0; }
/*
.main-people-industries .box-pi .people-box > ul > li.on .imgbox { animation:ani_2 0.5s 0.3s; animation-fill-mode:both; }
.main-people-industries .box-pi .industries-box > ul > li.on .imgbox { animation:ani_1 0.5s 0.3s; animation-fill-mode:both; }
*/
.main-people-industries .box-pi > div > ul > li.on dt { animation:ani_2 0.5s 0.5s; animation-fill-mode:both; }
.main-people-industries .box-pi > div > ul > li.on dd { animation:blur_txt 1.2s 0.8s; animation-fill-mode:both; }
.main-people-industries .box-pi > div > ul > li.on .btn-more { animation:ani_3 0.8s 1.0s; animation-fill-mode:both; }
.main-people-industries .box-pi .industries-box > ul > li.on dt { animation:ani_2 0.5s 0.9s; animation-fill-mode:both; }
.main-people-industries .box-pi .industries-box > ul > li.on dd { animation:blur_txt 1.2s 1.2s; animation-fill-mode:both; }
.main-people-industries .box-pi .industries-box > ul > li.on .btn-more { animation:ani_3 0.8s 1.4s; animation-fill-mode:both; }
@media screen and (max-width:640px){
	/*
	.main-people-industries .box-pi .people-box > ul > li.on .imgbox { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
	.main-people-industries .box-pi .industries-box > ul > li.on .imgbox { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
	*/
}

/* new */
.main5{ position:relative; overflow:hidden; width:100%; }
.main5 .main-new .{ display:flex; height:100%; padding-top:8%;}
.main5 .main-new .main-title h3 { position:relative; z-index:3; }
.main5 .main-new .main-title .txt span { position:relative; z-index:3; }
/* .main-new .alarm { position:absolute; left:10%; top:5%; width:410px; height:425px; opacity:0.2; } */
.main-new .alarm { position:absolute; left:120px; top:-34px; width:80px; height:95px; }
.main-new .alarm svg g:nth-of-type(5) path { fill:#f36b21 !important; } 
/*.main-new:before { content:""; display:block; position:absolute; left:0; top:0; width:450px; height:461px; background:url(/img/main/new_icon.png) no-repeat center; }*/
.main-new .inner { position:relative; z-index:2; display:flex; flex-wrap:wrap; }
.main-new .inner .title-box { position:relative; width:540px; }
.main-new .inner .title-box .btn-more { margin-top:60px; }
.main-new .inner .list-box { width:calc(100% - 540px); padding-top:55px; }
.main-new .inner .list-box li { position:relative; }
.main-new .inner .list-box li:before { content:""; display:block; position:absolute; right:0; bottom:0; background:#e5e5e5; width:calc(100% - 280px - 40px); height:1px; }
.main-new .inner .list-box li:not(:last-child) { margin-bottom:60px; }
.main-new .inner .list-box li * { font-family:'Pretendard', sans-serif; }
.main-new .inner .list-box li a { display:flex; }
.main-new .inner .list-box li .imgbox { width:280px; position:relative; }
.main-new .inner .list-box li .imgbox:before {content:""; display:block; padding-bottom:64.2%; }
.main-new .inner .list-box li .imgbox img { position:absolute; left:0; top:0; width:100; height:100%; object-fit:cover; -o-object-fit:cover; }
.main-new .inner .list-box li .txtbox { width:calc(100% - 280px); padding-left:40px; }
.main-new .inner .list-box li dt strong { color:#222; font-size:28px; font-weight:600; max-height:42px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;	word-break: break-all;}
.main-new .inner .list-box li dt .date { color:#999; font-size:16px; font-weight:300; display:block; /* margin-top:18px; */ margin-top:15px; }
.main-new .inner .list-box li dd { /* margin-top:30px; */ margin-top:20px; color:#666; font-size:15px; font-weight:300; line-height:1.5; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.main-new .inner .list-box li .txtbox dl > .color { margin-bottom:10px; font-size: 14px; font-weight: 600; color: #04bcdd;}


@media screen and (max-width:1280px){
	.main-new { padding-top:120px; }
	.main-new .alarm { left:100px; top:-25px; width:60px; height:75px; }
	.main-new:before { top:-50px; width:340px; background-size:340px auto !important }
	.main-new .inner .title-box { width:400px; }
	.main-new .inner .list-box { width:calc(100% - 400px); padding-top:40px; }
	.main-new .inner .list-box li .imgbox { width:260px; }
	.main-new .inner .list-box li .txtbox { width:calc(100% - 260px); }
	.main-new .inner .list-box li:before { width:calc(100% - 260px - 40px); }
}
@media screen and (max-width:1024px){
	.main-new { padding-top:100px; }
	.main-new .alarm { left:75px; top:5px; width:35px; height:50px; }
	.main-new:before { top:-100px; width:210px; background-size:210px auto !important }
	.main-new .inner .title-box { width:260px; }
	.main-new .inner .title-box .main-title .txt { margin-top:20px; }
	.main-new .inner .list-box { width:calc(100% - 260px); padding-top:40px; }
	.main-new .inner .list-box li .imgbox { width:240px; }
	.main-new .inner .list-box li .txtbox { width:calc(100% - 240px); padding-left:20px; padding-bottom:20px; }
	.main-new .inner .list-box li:before { width:calc(100% - 240px - 20px); }
	.main-new .inner .list-box li dt strong { font-size:22px; max-height:40px; }
	.main-new .inner .list-box li dt .date { font-size:15px; margin-top:12px; }
	.main-new .inner .list-box li dd { margin-top:20px; font-size:15px; }
}
@media screen and (max-width:760px){
	.main-new { padding-top:70px; }
	.main-new:before { top:-120px; width:160px; background-size:160px auto !important }
	.main-new .inner .title-box { width:100%; }
	.main-new .inner .title-box .main-title .txt br { display:none }
	.main-new .inner .list-box { width:100%; padding-top:40px; }
	.main-new .inner .list-box li .imgbox { width:200px; }
	.main-new .inner .list-box li .txtbox { width:calc(100% - 200px); }
	.main-new .inner .list-box li:before { width:calc(100% - 200px - 20px); }
	.main-new .inner .list-box li dt strong { font-size:18px; max-height:40px; }
	.main-new .inner .list-box li dt .date { font-size:15px; margin-top:12px; }
	.main-new .inner .list-box li dd { margin-top:20px; font-size:15px; }
}
@media screen and (max-width:640px){
	.main-new .alarm { left:53px; top:5px; width:32px; height:48px; }
}



/* talent */
.main-talent { margin-bottom:60px; padding:0 100px; }
.main-talent .box { position:relative; background-color:#bbe1f3; border-radius:15px; height:360px; display:flex; align-items:center; padding-left:128px; }
.main-talent .box dt { font-family: 'Patua One', cursive; color:#f36b21; font-size:20px; }
.main-talent .box dd { padding-top:20px;	}
.main-talent .box dd p { color:#222; font-size:45px; font-weight:600; }
.main-talent .box dd p strong { font-weight:700; font-family: 'Nunito Sans', sans-serif; }
.main-talent .box dd span.more { margin-top:40px; display:block; color:#666; font-size:14px; font-weight:400; letter-spacing:0.02em; transition:all 0.3s ease-in-out; }
.main-talent .box dd span.more:hover { color:#333; } 
.main-talent .box dd span.more i { opacity:0; transition:all 0.3s ease-in-out; }
.main-talent .box dd span.more:hover i { opacity:1; margin-left:5px;}
.main-talent .img-people { position:absolute; right:0; bottom:0; }
.main-talent .img-people li { position:absolute; bottom:0; }
.main-talent .img-people li:nth-child(1) { right:618px; }
.main-talent .img-people li:nth-child(2) { right:389px; }
.main-talent .img-people li:nth-child(3) { right:185px; }
.main-talent .img-people li:nth-child(4) { right:725px; }
.main-talent .img-people li:nth-child(5) { right:310px; }
.main-talent .img-people li:nth-child(6) { right:110px; }
.main-talent .img-people li:nth-child(7) { right:438px; }
@media screen and (max-width:1750px){
	.main-talent .box { padding-left:80px; }
	.main-talent .box dd p { font-size:40px;	}
	.main-talent .img-people li img { height:260px; }
	.main-talent .img-people li:nth-child(1) { right:430px; }
	.main-talent .img-people li:nth-child(2) { right:250px; }
	.main-talent .img-people li:nth-child(3) { right:95px; }
	.main-talent .img-people li:nth-child(4) { right:520px; }
	.main-talent .img-people li:nth-child(5) { right:200px; }
	.main-talent .img-people li:nth-child(6) { right:10px; }
	.main-talent .img-people li:nth-child(7) { right:280px; }
}
@media screen and (max-width:1280px){
	.main-talent { margin-top:100px; padding:0 80px; }
	.main-talent .box { height:300px; padding-left:60px; }
	.main-talent .box dt { font-size:18px; }
	.main-talent .box dd { padding-top:15px;	}
	.main-talent .box dd p { font-size:32px; }
	.main-talent .img-people li img { height:220px; }
	.main-talent .img-people li:nth-child(1) { right:390px; }
	.main-talent .img-people li:nth-child(2) { right:230px; }
	.main-talent .img-people li:nth-child(3) { right:85px; }
	.main-talent .img-people li:nth-child(4) { right:470px; }
	.main-talent .img-people li:nth-child(5) { right:170px; }
	.main-talent .img-people li:nth-child(6) { right:10px; }
	.main-talent .img-people li:nth-child(7) { right:260px; }
}
@media screen and (max-width:1024px){	
	.main-talent { margin-top:80px; padding:0 40px; }
	.main-talent .box { align-items:flex-start; padding-top:40px; padding-left:40px; border-radius:10px; }
	.main-talent .box dt { font-size:17px; }
	.main-talent .box dd { padding-top:12px;	}
	.main-talent .box dd p { font-size:28px; }
	.main-talent .box dd span.more { margin-top:20px; font-size:13px; }
}
@media screen and (max-width:860px){
	.main-talent .box { height:260px; padding-top:30px; }
	.main-talent .box dt { font-size:17px; }
	.main-talent .box dd { padding-top:15px;	}
	.main-talent .box dd p { font-size:24px; }
	.main-talent .img-people li img { height:160px; }
	.main-talent .img-people li:nth-child(1) { right:280px; }
	.main-talent .img-people li:nth-child(2) { right:155px; }
	.main-talent .img-people li:nth-child(3) { right:55px; }
	.main-talent .img-people li:nth-child(4) { right:340px; }
	.main-talent .img-people li:nth-child(5) { right:120px; }
	.main-talent .img-people li:nth-child(6) { right:10px; }
	.main-talent .img-people li:nth-child(7) { right:190px; }
}
@media screen and (max-width:640px){
	.main-talent { margin-top:40px; padding:0 20px; }
}
@media screen and (max-width:480px){
	.main-talent .img-people li img { height:130px; }
	.main-talent .img-people li:nth-child(1) { right:220px; }
	.main-talent .img-people li:nth-child(2) { right:125px; }
	.main-talent .img-people li:nth-child(3) { right:50px; }
	.main-talent .img-people li:nth-child(4) { right:270px; }
	.main-talent .img-people li:nth-child(5) { right:100px; }
	.main-talent .img-people li:nth-child(6) { right:10px; }
	.main-talent .img-people li:nth-child(7) { right:140px; }
}


/* animation 
.main-talent .img-people li { opacity:0; }
.main-talent .box.subOn .img-people li:nth-child(1) { animation:blur_txt 1.2s 0.3s; animation-fill-mode:both; }
.main-talent .box.subOn .img-people li:nth-child(2) { animation:blur_txt 1.2s 0.5s; animation-fill-mode:both; }
.main-talent .box.subOn .img-people li:nth-child(3) { animation:blur_txt 1.2s 0.7s; animation-fill-mode:both; }
.main-talent .box.subOn .img-people li:nth-child(4) { animation:blur_txt 1.2s 0.9s; animation-fill-mode:both; }
.main-talent .box.subOn .img-people li:nth-child(5) { animation:blur_txt 1.2s 1.1s; animation-fill-mode:both; }
.main-talent .box.subOn .img-people li:nth-child(6) { animation:blur_txt 1.2s 1.3s; animation-fill-mode:both; }
.main-talent .box.subOn .img-people li:nth-child(7) { animation:blur_txt 1.2s 1.5s; animation-fill-mode:both; }
*/

.main6 footer { padding:40px 100px; }
@media screen and (max-width:1280px){
	.main6 footer { padding:40px 80px; }
}
@media screen and (max-width:1024px){
	.main6 footer { padding:50px 40px; }
}
@media screen and (max-width:640px){
	.main6 footer { padding:50px 10px; }
}