@charset "utf-8";

.main,
.main .section { overflow:hidden }
@media screen and (max-width:1024px){
	.section .fp-tableCell,
	.section .fp-scrollable { height:auto !important; }
	
	.fp-section, .fp-tableCell{height:auto !important; }
	.iScrollIndicator,
	.fp-scrollable { height:100% !important; }
	.iScrollVerticalScrollbar { display:none !important; } 

    #fullpage { overflow:hidden }
}
@media screen and (max-height:760px){
	.section { padding:0; }
}

/* #fp-nav { display:block  !important; } */
#menu { opacity:1; position:fixed; right:80px !important; top:50% !important; margin-top:0 !important;transform:translateY(-50%); width:7px; display:flex; justify-content:center; z-index:999; transition:all 0.8s }
#menu li { text-align:center; }
#menu li:not(:last-child) { margin-bottom:24px; }
#menu li a { position:relative; width:7px; height:7px; margin:0 auto; text-indent:-9999em; display:block; }
#menu li a:before { content:""; display:block; width:7px; height:7px; border-radius:7px; background-color:rgba(255, 255, 255, 0.70); transition:all 0.3s }
#menu li a:after { content:""; display:block; opacity:0; transition:all 0.5s; position:absolute; left:50%; top:50%; transform:translate(calc(-50% - 0.5px), calc(-50% - 0.5px)); width:15px; height:18px; background:url(/img/main/fp_icon.png) no-repeat center; }
#menu li.active a:before { opacity:0; }
#menu li.active a:after { opacity:1; }
.fp-viewing-GIFT #menu li a:before,
.fp-viewing-WELFARE #menu li a:before,
.fp-viewing-NEWS #menu li a:before { background-color:#eee; }
.fp-viewing-GIFT #menu li a:after,
.fp-viewing-WELFARE #menu li a:after,
.fp-viewing-NEWS #menu li a:after { background:url(/img/main/fp_icon1.png) no-repeat center; }
.body_hidden #menu { z-index:1; opacity:0; }
.fp-viewing-LAST #menu { opacity:0; }
@media screen and (max-width:1400px){
	#menu { right:40px !important; }
}
@media screen and (max-width:1024px){
	#menu { right:30px !important; }
}
@media screen and (max-width:640px){
	#menu { right:20px !important; }
}
@media screen and (max-height:550px){
    #menu { top:40% !important; }
}

#visual { position:relative; width:100vw; height:100%; }
#visual .swiper-container { position:relative; width:100%; height:100%; overflow:hidden; }
#visual .swiper-container .swiper-slide { position:relative; width:100%; height:100vh; overflow:hidden; display:flex; opacity:0 !important; }
#visual .swiper-container .swiper-slide .bg { z-index:2; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3); }
#visual .swiper-container .swiper-slide .mov { position:relative; width:100%; height:100%; overflow:hidden; }
#visual .swiper-container .swiper-slide .mov video { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
#visual .swiper-container .swiper-slide .mvisualImage { position:absolute; left:0; right:0; top:0; bottom:0; background-position:center center; background-repeat:no-repeat; background-size:cover; opacity:0; }
#visual .swiper-container .swiper-slide .txtbox { color:#fff; position:absolute; top:50%; left:0; width:100%; transform:translate(0, -50%); z-index:15; }
#visual .swiper-container .swiper-slide .txtbox .txtCont { max-width:1600px; margin:0 auto;}
#visual .swiper-container .swiper-slide .txtbox .txt { position:relative; }
#visual .swiper-container .swiper-slide .txtbox .txt > div { overflow:hidden; display:inline-block; }
#visual .swiper-container .swiper-slide .txtbox .txt.txt_2 > div { margin:0; }
#visual .swiper-container .swiper-slide .txtbox .txt > div span { opacity:0; font-size:55px; font-weight:700; color:#fff; line-height:1.3;letter-spacing:-0.02em; display:inline-block; position:relative; }
#visual .swiper-container .swiper-slide .txtbox .txt_3 { margin-top:25px; overflow:hidden; }
#visual .swiper-container .swiper-slide .txtbox .txt_3 > span { opacity:0; font-size:20px; font-weight:400; color:rgba(255, 255, 255, 0.80); line-height:1.3;letter-spacing:-0.02em; display:inline-block; position:relative; }
#visual .swiper-container .swiper-slide.swiper-slide-active { opacity:1 !important; }
#visual .swiper-container .swiper-slide.swiper-slide-active .txtbox .txt > div span { animation:txtLeft 1.0s 1.0s; animation-fill-mode:both; }
#visual .swiper-container .swiper-slide.swiper-slide-active .txtbox .txt.txt_2 > div span { animation:txtLeft 1.0s 1.5s; animation-fill-mode:both; }
#visual .swiper-container .swiper-slide.swiper-slide-active .txtbox .txt_3 > span { animation:ani_3 1.0s 1.8s; animation-fill-mode:both; }
#visual .btn_pn { display:none }

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

#visual .scrollDown { position:absolute; left:50%; bottom:80px; transform:translateX(-50%) rotate(90deg); z-index:11; font-family:var(--mainFont); font-size:14px; font-weight:300; color:rgba(255, 255, 255, 0.20); line-height:1.3; letter-spacing:-0.01em; }
#visual .scrollDown > span > span { font-family:var(--mainFont); font-weight:300; animation:scrollDown 0.8s 1.8s forwards infinite; animation-fill-mode:both; animation-direction:alternate; }
@media screen and (max-width:1800px){
	#visual .swiper-container .swiper-slide .txtbox { padding:0 80px; }
}
@media screen and (max-width:1400px){
	#visual .swiper-container .swiper-slide .txtbox { padding:0 40px; }
	#visual .swiper-container .swiper-slide .txtbox .txt > div span { font-size:45px; }
	#visual .swiper-container .swiper-slide .txtbox .txt_3 { margin-top:25px; }
	#visual .swiper-container .swiper-slide .txtbox .txt_3 > span { font-size:19px; }
}
@media screen and (max-width:1280px){
	#visual .swiper-container .swiper-slide .txtbox .txt > div span { font-size:40px; }
	#visual .swiper-container .swiper-slide .txtbox .txt_3 { margin-top:20px; }
	#visual .swiper-container .swiper-slide .txtbox .txt_3 > span { font-size:18px; }
}
@media screen and (max-width:1024px){
	#visual .swiper-container .swiper-slide .txtbox .txt > div span { font-size:30px; }
	#visual .swiper-container .swiper-slide .txtbox .txt_3 { margin-top:18px; }
	#visual .swiper-container .swiper-slide .txtbox .txt_3 > span { font-size:16px; }
}
@media screen and (max-width:640px){
	#visual .swiper-container .swiper-slide .txtbox { padding:0 10px; }
	#visual .swiper-container .swiper-slide .txtbox { text-align:center }
	#visual .swiper-container .swiper-slide .txtbox .txt > div span { font-size:28px; }
	#visual .swiper-container .swiper-slide .txtbox .txt_3 { margin-top:15px; }
	#visual .swiper-container .swiper-slide .txtbox .txt_3 > span { font-size:16px; }
    #visual .swiper-container .swiper-slide.slide2 .mov { width:200%; margin-left:-90%; }
    #visual .swiper-container .swiper-slide.slide2 .mov video { margin-left:45% }
    #visual .swiper-container .swiper-slide.slide3 .mov { width:200%; margin-left:-60%; }
    #visual .swiper-container .swiper-slide.slide3 .mov video { margin-left:35% }
}

@media screen and (max-width:520px){
	#visual .swiper-container .swiper-slide .txtbox .txt * { display:inline}
	#visual .swiper-container .swiper-slide .txtbox .txt > div span br { display:none }
    #visual .swiper-container .swiper-slide .txtbox .txt > div span.m_br { display:block }
}

@keyframes scrollDown {
	0% { color:rgba(255, 255, 255, 0.20);  }
	100% { color:#fff;  }
}


.txt-box * { font-family:var(--mainFont), 'Pretendard', sans-serif; }
.txt-box .title { color:#222; font-size:66px; font-weight:600; } 
.txt-box .title span { font-weight:600; } 
.txt-box .stxt { margin-top:25px }
.txt-box .stxt span { font-size:20px; color:#333; font-weight:400; letter-spacing:-0.02em; line-height:1.6; }
@media screen and (max-width:1400px){
    .txt-box .title { font-size:55px; } 
    .txt-box .stxt { margin-top:20px }
    .txt-box .stxt span { font-size:19px; }
}
@media screen and (max-width:1024px){
    .txt-box .title { font-size:42px; } 
    .txt-box .stxt { margin-top:15px }
    .txt-box .stxt span { font-size:18px; }
}
@media screen and (max-width:640px){
    .txt-box .title { font-size:34px; } 
    .txt-box .stxt { margin-top:15px }
    .txt-box .stxt span { font-size:15px; }
}

/* animation */
.txt-box .title > span > span,
.txt-box .stxt span { opacity:0; }
.txt-box .title > span,
.txt-box .stxt { display:block; overflow:hidden; }
.txt-box .title > span > span { display:inline-block; min-width:14px; line-height:1.0 }
.txt-box .stxt span { display:block }
.txt-box.on .title > span > span { animation:ani_3 0.7s 0.1s; animation-fill-mode:both; }
.txt-box.on .stxt span { animation:ani_3 0.8s 1.0s; animation-fill-mode:both; }
@media screen and (max-width:640px){
    .txt-box .title > span > span { min-width:10px; }
}


.main2 .cover { background:url(/img/main/about_bg.jpg) no-repeat center / cover; clip-path:circle(17% at 50% 140%); position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100vh; }
.main .about-box { position:absolute; left:0; top:50%; padding-top:5%; transform:translate(0, -50%); width:100%; z-index:10; }
.main .about-box .txt-box { text-align:center; }
.main .about-box .txt-box .txt-1 { transition:all 1.5s 1.5s; color:#222; font-size:62px; font-weight:700; line-height:1.26; letter-spacing:-0.02em; } 
.main .about-box .txt-box .txt-1 span { font-weight:700; font-family:'Pretendard', sans-serif; }
.main .about-box .txt-box .txt-2 { transition:all 1.5s 1.5s; margin-top:25px; color:#333; }
.main .about-box .txt-box .txt-2 span { font-size:20px; font-weight:400; letter-spacing:-0.02em; line-height:1.6; letter-spacing:-0.02em; font-family:'Pretendard', sans-serif; }
.main .about-box .listbox { margin-top:60px; }
.main .about-box .listbox ul { display:flex; flex-wrap:wrap; gap:0 48px; }
.main .about-box .listbox li { position:relative; width:calc((100% - 144px) / 4); }
.main .about-box .listbox li:before { content:""; display:block; padding-bottom:108%; }
.main .about-box .listbox li .box { transition:all 1.5s 1.5s; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid rgba(238, 238, 238, 0); border-radius:20px; background:#fefefd; box-shadow:1px 1px 6px 0px rgba(0, 0, 0, 0.08); text-align:center; display:flex; flex-direction:column; justify-content:center; }
.main .about-box .listbox li .box .icon svg path { transition:all 1.5s 1.5s; }
.main .about-box .listbox li .box dt { transition:all 1.5s 1.0s; margin-top:40px; color:#222; font-size:20px; font-weight:500; line-height:1.3; letter-spacing:-0.02em; }
.main .about-box .listbox li .box dd { margin-top:10px; min-height:100px; }
.main .about-box .listbox li .box dd strong { transition:all 1.5s 1.5s; color:#222; font-size:40px; font-weight:700; line-height:1.3; letter-spacing:-0.02em; display:block; }
.main .about-box .listbox li .box dd span { transition:all 1.5s 1.5s; margin-top:5px; color:#555; font-size:16px; font-weight:300; line-height:1.3; letter-spacing:-0.02em; display:block; }
.main .about-box .listbox li:nth-child(1) { transform:translateX(120px) rotate(-5deg); }
.main .about-box .listbox li:nth-child(2) { transform:translate(50px, 30px) rotate(-3deg); }
.main .about-box .listbox li:nth-child(3) { transform:translateX(-50px) rotate(3deg); }
.main .about-box .listbox li:nth-child(4) { transform:translate(-120px, 50px) rotate(5deg); }
@media screen and (max-width:1400px){
	.main .about-box .txt-box .txt-1 { font-size:52px; }
	.main .about-box .txt-box .txt-2 { margin-top:20px }
    .main .about-box .txt-box .txt-2 span { font-size:19px; }
	.main .about-box .listbox ul {  gap:0 30px; }
	.main .about-box .listbox li { width:calc((100% - 90px) / 4); }
	.main .about-box .listbox li .box dt { margin-top:30px; font-size:19px; }
	.main .about-box .listbox li .box dd { margin-top:10px; min-height:95px; }
	.main .about-box .listbox li .box dd strong { font-size:32px; }
	.main .about-box .listbox li .box dd span { margin-top:5px; font-size:15px; }
}
@media screen and (max-width:1280px){
	.main .about-box .listbox li .box dt { margin-top:25px; font-size:18px; }
	.main .about-box .listbox li .box dd { margin-top:10px; min-height:90px; }
	.main .about-box .listbox li .box dd strong { font-size:28px; }
	.main .about-box .listbox li .box dd span { margin-top:5px; font-size:15px; }
}
@media screen and (max-width:1024px){
	.main2 .cover {height:100%; }
	.main2 .aniBox { padding:120px 0; height:auto; }
	.main .about-box { position:relative; left:0; top:0; padding:0; transform:translate(0); }
	.main .about-box .txt-box .txt-1 { font-size:40px; }
	.main .about-box .txt-box .txt-2 { margin-top:15px }
    .main .about-box .txt-box .txt-2 span { font-size:18px; }
    .main .about-box .listbox { margin-top:50px; }
	.main .about-box .listbox ul { gap:20px; }
	.main .about-box .listbox li { width:calc((100% - 20px) / 2); }
	.main .about-box .listbox li:before { padding-bottom:0; }
	.main .about-box .listbox li .box { border-radius:10px; position:relative; padding:30px 0; }
	.main .about-box .listbox li .box dt { margin-top:20px; font-size:16px; }
	.main .about-box .listbox li .box dd { margin-top:10px; min-height:80px; }
	.main .about-box .listbox li .box dd strong { font-size:24px; }
	.main .about-box .listbox li .box dd span { margin-top:5px; font-size:15px; }
}
@media screen and (max-width:860px){
	.main .about-box .txt-box .txt-2 span br { display:none }
}
@media screen and (max-width:640px){
	.main2 .cover {height:100%; }
	.main2 .aniBox { padding:80px 0; }
	.main .about-box .txt-box .txt-1 { font-size:30px; }
    .main .about-box .txt-box .txt-2 span { font-size:15px; }
    .main .about-box .listbox { margin-top:40px; }
	.main .about-box .listbox ul { gap:10px; }
	.main .about-box .listbox li { width:calc((100% - 10px) / 2); }
	.main .about-box .listbox li .box dt { font-size:15px; }
	.main .about-box .listbox li .box dd { min-height:70px; }
	.main .about-box .listbox li .box dd strong { font-size:20px; }
	.main .about-box .listbox li .box dd span { font-size:14px; }
}
@media screen and (max-width:520px){
	.main .about-box .txt-box .txt-1 { font-size:26px; }
	.main .about-box .listbox li .box { padding:20px 0; }
	.main .about-box .listbox li .box dd { min-height:60px; }
}

/* animation */
.main2 .on .cover { animation:about_bg 5s 1s; animation-fill-mode:both; }
.main .about-box .txt-box .txt-1,
.main .about-box .txt-box .txt-2 { overflow:hidden; }
.main .about-box .txt-box .txt-1 span,
.main .about-box .txt-box .txt-2 span { opacity:0; display:block; }
.main .on .about-box .listbox li .box { border:1px solid rgba(238, 238, 238, 0.20); background:rgba(254, 254, 253, 0.10); box-shadow:1px 1px 6px 0px rgba(0, 0, 0, 0.08); backdrop-filter:blur(2px); }
.main .on .about-box .listbox li .box .icon svg path { fill:#fff }
.main .on .about-box .txt-box .txt-1,
.main .on .about-box .listbox li .box dt,
.main .on .about-box .listbox li .box dd strong,
.main .on .about-box .listbox li .box dd span { color:#fff }
.main .on .about-box .txt-box .txt-2,
.main .on .about-box .listbox li .box dd span { color:rgba(255, 255, 255, 0.80); }
.main .on .about-box .listbox li:nth-child(1) { animation:about_ani1 1.0s 0.3s; animation-fill-mode:both; }
.main .on .about-box .listbox li:nth-child(2) { animation:about_ani2 1.0s 0.3s; animation-fill-mode:both; }
.main .on .about-box .listbox li:nth-child(3) { animation:about_ani3 1.0s 0.3s; animation-fill-mode:both; }
.main .on .about-box .listbox li:nth-child(4) { animation:about_ani4 1.0s 0.3s; animation-fill-mode:both; }

.main .on .about-box .txt-box .txt-1 span { animation:ani_3 0.8s 0.1s; animation-fill-mode:both; }
.main .on .about-box .txt-box .txt-2 span { animation:ani_4 0.8s 0.6s; animation-fill-mode:both; }
@keyframes about_ani1 {
	0% { transform:translateX(120px) rotate(-5deg); }
	100% { transform:translateX(0) rotate(0); }
}
@keyframes about_ani2 {
	0% { transform:translate(50px, 30px) rotate(-3deg); }
	100% { transform:translate(0) rotate(0); }
}
@keyframes about_ani3 {
	0% { transform:translateX(-50px) rotate(3deg); }
	100% { transform:translateX(0) rotate(0); }
}
@keyframes about_ani4 {
	0% { transform:translate(-120px, 50px) rotate(5deg); }
	100% { transform:translate(0) rotate(0); }
}
@keyframes about_bg {
	0% { clip-path:circle(17% at 50% 140%);}
	100% { clip-path:circle(200% at 50% 50%); }
}

@media screen and (max-width:1400px){
	.main .about-box .listbox li:nth-child(1) { transform:translateX(100px) rotate(-5deg); }
	.main .about-box .listbox li:nth-child(2) { transform:translate(45px, 35px) rotate(-3deg); }
	.main .about-box .listbox li:nth-child(3) { transform:translateX(-45px) rotate(3deg); }
	.main .about-box .listbox li:nth-child(4) { transform:translate(-100px, 45px) rotate(5deg); }
	@keyframes about_ani1 {
		0% { transform:translateX(100px) rotate(-5deg); }
		100% { transform:translateX(0) rotate(0); }
	}
	@keyframes about_ani2 {
		0% { transform:translate(45px, 35px) rotate(-3deg); }
		100% { transform:translate(0) rotate(0); }
	}
	@keyframes about_ani3 {
		0% { transform:translateX(-45px) rotate(3deg); }
		100% { transform:translateX(0) rotate(0); }
	}
	@keyframes about_ani4 {
		0% { transform:translate(-100px, 45px) rotate(5deg); }
		100% { transform:translate(0) rotate(0); }
	}
}

@media screen and (max-width:1024px){
	.main .about-box .listbox li:nth-child(1) { transform:translateX(80px) rotate(-5deg); }
	.main .about-box .listbox li:nth-child(2) { transform:translate(40px, 30px) rotate(-3deg); }
	.main .about-box .listbox li:nth-child(3) { transform:translateX(-40px) rotate(3deg); }
	.main .about-box .listbox li:nth-child(4) { transform:translate(-80px, 40px) rotate(5deg); }
	@keyframes about_ani1 {
		0% { transform:translateX(80px) rotate(-5deg); }
		100% { transform:translateX(0) rotate(0); }
	}
	@keyframes about_ani2 {
		0% { transform:translate(40px, 30px) rotate(-3deg); }
		100% { transform:translate(0) rotate(0); }
	}
	@keyframes about_ani3 {
		0% { transform:translateX(-40px) rotate(3deg); }
		100% { transform:translateX(0) rotate(0); }
	}
	@keyframes about_ani4 {
		0% { transform:translate(-80px, 40px) rotate(5deg); }
		100% { transform:translate(0) rotate(0); }
	}
}

.main3 { position:relative; background:url(/img/main/gift1_bg.jpg) no-repeat center / cover; }
.main3:before { opacity:0; transition:all 0.1s 0.1s; content:""; display:block; width:760px; height:760px; z-index:3; position:absolute; right:-200px; top:-220px; border-radius:760px; background:radial-gradient(50.00% 50.00% at 50.00% 50.00%, rgba(234, 85, 4, 0.14) 0%, rgba(234, 85, 4, 0.00) 100%); filter:blur(5px); }
.main3.active:before { opacity:1; transition:all 0.5s 0.5s; }
.main .gift-box { padding-top:5%; }
.main .gift-box .swiper-slide { position:relative; display:flex; }
.main .gift-box .swiper-slide .inner1920 { position:relative; display:flex; }
.main .gift-box .swiper-slide .inner1600 { display:flex; }
.main .gift-box .swiper-slide .imgbox { opacity:0; position:relative; width:48%; transition:all 0.5s }
.main .gift-box .swiper-slide.swiper-slide-active .imgbox { opacity:1; }
.main .gift-box .swiper-slide .imgbox .symbol-1 { position:absolute; right:10%; top:30px; }
.main .gift-box .swiper-slide .imgbox .symbol-1:before { transition:all 1s 0.5s; content:""; display:block; position:absolute; right:70px; top:40px; width:25px; height:25px; background:#b5e45b; border-radius:50px; }
.main .gift-box .swiper-slide .imgbox .symbol-1:after { transition:all 1s 0.5s; content:""; display:block; position:absolute; right:0; top:0; width:46px; height:46px; background:#fa7f62; border-radius:50px; }
.main .gift-box .swiper-slide .imgbox .symbol-2 { position:absolute; left:-8%; bottom:40px; }
.main .gift-box .swiper-slide .imgbox .symbol-2:before { transition:all 1s 0.5s; content:""; display:block; position:absolute; left:70px; bottom:30px; width:30px; height:30px; background:#a28de8; border-radius:50px; }
.main .gift-box .swiper-slide .imgbox .symbol-2:after { transition:all 1s 0.5s; content:""; display:block; position:absolute; left:0; bottom:60px; width:50px; height:50px; background:#fcdd6d; border-radius:50px; }
.main .gift-box .swiper-slide .img-hbox { position:relative; height:610px; display:flex; }
.main .gift-box .swiper-slide .img-hbox img { height:610px; }
.main .gift-box .swiper-slide .img-hbox .img-h { position:absolute; left:0; top:0; }
.main .gift-box .swiper-slide .img-hbox .img-h1 { z-index:3; left:0; }
.main .gift-box .swiper-slide .img-hbox .img-h2 { z-index:2; left:-35%; transition:all 0.5s }
.main .gift-box .swiper-slide .img-hbox .img-h2:hover,
.main .gift-box .swiper-slide .img-hbox .img-h2.on { left:5%; }
.main .gift-box .swiper-slide .img-hbox .img-h3 { z-index:1; left:172px; }
.main .gift-box .swiper-slide .inner1920 .imgbox:before { content:""; display:block; position:absolute; left:-80%; top:0; width:80%; height:610px; background:#f9f9f9;  z-index:3; }
.main .gift-box .swiper-slide .txtbox { width:52%; padding-top:130px; }
.main .gift-box .swiper-slide .txtbox dt { color:#222; font-size:62px; font-weight:700; line-height:1.3; letter-spacing:-0.02em; }
.main .gift-box .swiper-slide .txtbox dd { margin-top:25px; color:#333; font-size:20px; font-weight:400; line-height:1.6; letter-spacing:-0.02em; }
.main .gift-box .btn { margin-top:120px; }
.main .gift-box .btn a { transition:all 0.3s; width:165px; height:50px; display:flex; align-items:center; justify-content:center; border:1px solid rgba(34, 34, 34, 0.14); border-radius:50px; }
.main .gift-box .btn a span { position:relative; transition:all 0.3s; color:#222; font-size:16px; font-weight:300; line-height:1.3; letter-spacing:-0.02em; display:inline-block; padding:5px 25px 5px 0; }
.main .gift-box .btn a span:before { transition:all 0.3s; content:""; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); width:25px; height:25px; background:url(/img/main/plus_icon_s.png) no-repeat right center; }
.main .gift-box .btn a:hover { background:var(--mainColor); border:1px solid var(--mainColor); }
.main .gift-box .btn a:hover span { color:#fff; }
.main .gift-box .btn a:hover span:before { filter:invert(1); }
.main .gift-box .swiper-pagination-g { display:none }
.main .gift-box .control_box { position:absolute; left:48%; top:60%; z-index:10; padding:0 40px; font-family:var(--mainFont); font-size:18px; color:rgba(51, 51, 51, 0.30);  }
.main .gift-box .control_box .activeslide { font-family:var(--mainFont); display:inline-block; text-align:center; width:14px; color:#333; font-size:18px; font-weight:400; letter-spacing:-0.02em; }
.main .gift-box .control_box span { font-family:var(--mainFont); font-weight:400; font-size:18px; }
.main .gift-box .control_box .total span { display:inline-block; width:14px; text-align:center; }
.main .gift-box .control_box .swiper-btn { cursor:pointer; position:absolute; left:0; top:50%; transform:translateY(-50%); right:unset; margin:0; padding:0; display:block; width:30px; height:30px; background:url(/img/main/swiper_g_btn.png) no-repeat center center; }
.main .gift-box .control_box .swiper-btn.swiper-button-next-g { left:unset; right:0; transform:translateY(-50%) rotate(180deg); }
@media screen and (max-width:1600px){
    .main .gift-box .swiper-slide .img-hbox { margin-left:-20px; height:500px; }
	.main .gift-box .swiper-slide .img-hbox img { height:500px; }
    .main .gift-box .swiper-slide .img-hbox .img-h3 { left:143px; }
}
@media screen and (max-width:1400px){
	.main .gift-box .swiper-slide .imgbox { padding-left:4% }
	.main .gift-box .swiper-slide .imgbox img { max-width:80%; }
	.main .gift-box .swiper-slide.slide3 .imgbox img { max-width:70%; }
	.main .gift-box .swiper-slide .inner1920 .imgbox { padding-left:0 }
    .main .gift-box .swiper-slide .img-hbox { height:450px; }
	.main .gift-box .swiper-slide .img-hbox img { max-width:100%; width:100%; height:450px; }
    .main .gift-box .swiper-slide .img-hbox .img-h3 { left:128px; }
	.main .gift-box .swiper-slide .txtbox dt { font-size:52px; }
	.main .gift-box .swiper-slide .txtbox dd { margin-top:20px; font-size:19px; }
	.main .gift-box .swiper-slide .txtbox dd br { display:none }
	.main .gift-box .swiper-slide .imgbox .symbol-1 { right:0; }
	.main .gift-box .swiper-slide .imgbox .symbol-2 { left:0; }
    .main .gift-box .control_box { top:65%; }
}
@media screen and (max-width:1280px){
	.main .gift-box .swiper-slide .txtbox dt { font-size:45px; }
    .main .gift-box .swiper-slide .img-hbox,
	.main .gift-box .swiper-slide .img-hbox img { height:380px; }
    .main .gift-box .swiper-slide .img-hbox .img-h3 { left:105px; }
}
@media screen and (max-width:1024px){
    .main3:before { width:400px; height:400px; right:-100px; top:-120px; }
	.main .gift-box { padding:80px 0 100px; }
    .main .gift-box .swiper-slide .img-hbox .img-h3 { left:105px; }
	.main .gift-box .swiper-slide .txtbox dt { font-size:40px; }
	.main .gift-box .swiper-slide .txtbox dd { margin-top:15px; font-size:18px; }
	.main .gift-box .btn { margin-top:100px; }
	.main .gift-box .btn a { width:150px; height:45px; }
	.main .gift-box .btn a span { font-size:15px; }
	.main .gift-box .swiper-slide .imgbox .symbol-1:before { width:20px; height:20px; right:50px; top:30px;}
	.main .gift-box .swiper-slide .imgbox .symbol-1:after { width:40px; height:40px; }
	.main .gift-box .swiper-slide .imgbox .symbol-2:before { width:25px; height:25px; left:50px; bottom:30px; }
	.main .gift-box .swiper-slide .imgbox .symbol-2:after { width:45px; height:45px; }
}
@media screen and (max-width:960px){
	.main .gift-box .swiper-slide .inner1920 { max-width:500px; margin-left:0; margin:0 auto; }
	.main .gift-box .swiper-slide .inner1920,
	.main .gift-box .swiper-slide .inner1600 { flex-wrap:wrap; }
	.main .gift-box .swiper-slide .imgbox { width:100%; padding:0 17%; text-align:center }
	.main .gift-box .swiper-slide .inner1920 .imgbox { padding:0 }
    .main .gift-box .swiper-slide .inner1920 .imgbox:before { height:350px; }
	.main .gift-box .swiper-slide .imgbox img { max-width:70%; }
	.main .gift-box .swiper-slide.slide3 .imgbox img { max-width:62%; }
    .main .gift-box .swiper-slide .img-hbox,
	.main .gift-box .swiper-slide .img-hbox img { max-width:100%; width:100%; height:350px; }
    .main .gift-box .swiper-slide .img-hbox .img-h2,
    .main .gift-box .swiper-slide .img-hbox .img-h2.on { left:5%; }
    .main .gift-box .swiper-slide .img-hbox .img-h3 { left:100px; }
    .main .gift-box .swiper-slide .img-hbox {  }
	.main .gift-box .swiper-slide .txtbox { width:100%; padding-top:50px; text-align:center }
	.main .gift-box .control_box { left:50%; bottom:50px; top:unset; transform:translateX(-50%); }
	.main .gift-box .btn { margin-top:50px; }
	.main .gift-box .btn a { margin:0 auto; }
}
@media screen and (max-width:760px){
	.main .gift-box .swiper-slide .imgbox { padding:0 8%; }
    .main .gift-box .swiper-slide .inner1920 .imgbox:before { width:200px; }
}
@media screen and (max-width:640px){
	.main .gift-box { padding:60px 0 100px; }
	.main .gift-box .swiper-slide .imgbox { padding:0 3%; }
    .main .gift-box .swiper-slide .inner1920 .imgbox:before { width:100px; height:300px; }
    .main .gift-box .swiper-slide .img-hbox,
	.main .gift-box .swiper-slide .img-hbox img { height:300px; }
    .main .gift-box .swiper-slide .img-hbox .img-h3 { left:84px; }
	.main .gift-box .swiper-slide .txtbox dt { font-size:30px; }
    .main .gift-box .swiper-slide .txtbox dd { font-size:15px; }
	.main .gift-box .btn { margin-top:35px; }
}
@media screen and (max-width:520px){
	.main .gift-box .swiper-slide .txtbox dt { font-size:26px; }
	.main .gift-box .swiper-slide .imgbox { padding:0 0; }
    .main .gift-box .swiper-slide .inner1920 .imgbox:before { width:80px; height:270px; }
    .main .gift-box .swiper-slide .img-hbox,
	.main .gift-box .swiper-slide .img-hbox img { height:270px; }
    .main .gift-box .swiper-slide .img-hbox .img-h3 { left:75px; }
}

/* animation */
.main .gift-box .swiper-slide .txtbox dt,
.main .gift-box .swiper-slide .txtbox dd,
.main .gift-box .btn { opacity:0; }
.main .gift-box .swiper-slide.swiper-slide-active .txtbox dt { animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }
.main .gift-box .swiper-slide.swiper-slide-active .txtbox dd { animation:ani_2 0.8s 0.6s; animation-fill-mode:both; }
.main .gift-box .swiper-slide.swiper-slide-active .btn { animation:ani_2 0.8s 0.8s; animation-fill-mode:both; }
.main .gift-box .swiper-slide.swiper-slide-next .imgbox .symbol-1:before { right:80px; top:0px; }
.main .gift-box .swiper-slide.swiper-slide-next .imgbox .symbol-1:after { right:20px; top:20px; }
.main .gift-box .swiper-slide.swiper-slide-next .imgbox .symbol-2:before { left:20px; bottom:50px; }
.main .gift-box .swiper-slide.swiper-slide-next .imgbox .symbol-2:after { left:60px; bottom:70px; }
@media screen and (max-width:1024px){
	.main .gift-box .swiper-slide.swiper-slide-next .imgbox .symbol-1:before { right:60px; top:0px; }
	.main .gift-box .swiper-slide.swiper-slide-next .imgbox .symbol-1:after { right:15px; top:15px; }
	.main .gift-box .swiper-slide.swiper-slide-next .imgbox .symbol-2:before { left:15px; bottom:40px; }
	.main .gift-box .swiper-slide.swiper-slide-next .imgbox .symbol-2:after { left:50px; bottom:60px; }
}

.main4 { overflow:auto; scrollbar-width:none; }
.main4 .history { position:relative; height:100vh; overflow:auto; background-position:center center; background-repeat:no-repeat; background-size:cover; transition:all 0.3s; }
.main4 .history.history2020 { background-image:url(/img/main/history2020.jpg); }
.main4 .history.history2010 { background-image:url(/img/main/history2010.jpg); }
.main4 .history.history2000 { background-image:url(/img/main/history2000.jpg); }
.main4 .history.history1990 { background-image:url(/img/main/history1990.jpg); }
.main4 .history::-webkit-scrollbar { display:none; }
.main4 .history { scrollbar-width:none; -ms-overflow-style:none; }
.main .history-box { position:relative; }
.main .history-box .fixed-content { position:sticky; left:0; top:200px; width:540px; height:180px; }
.main .history-box .fixed-content .txt-box .title > span > span { color:#fff }
.main .history-box .fixed-content .txt-box .stxt span { color:rgba(255, 255, 255, 0.80); }
.main .history-box .fixed-content .tab-nav { margin-top:80px; }
.main .history-box .fixed-content .tab-nav li:not(:last-child) { margin-bottom:20px; }
.main .history-box .fixed-content .tab-nav li a { font-family:var(--mainFont); color:rgba(255, 255, 255, 0.14); font-size:60px; font-weight:700; line-height:1.3; transition:all 0.3s ease-in-out;}
.main .history-box .fixed-content .tab-nav li a.on { color:#fff; }
.main .history-box .history-list { padding-left:540px; padding-bottom:180px; }
.main .history-box .history-list .historyCont > ul { display:flex; flex-wrap:wrap; border:1px solid rgba(255, 255, 255, 0.20); border-width:0 1px 1px 0; border-radius:20px; overflow:hidden; }
.main .history-box .history-list .historyCont > ul > li { position:relative; width:calc(50% + 1px); padding:50px; height:300px; border:1px solid rgba(255, 255, 255, 0.10); margin:0 -1px -1px 0; }
.main .history-box .history-list .historyCont > ul > li:before { transition:all 0.5s; content:""; display:block; position:absolute; left:0; bottom:0; width:100%; height:0; background:#fff; }
.main .history-box .history-list .historyCont > ul > li:nth-child(1) { border-radius:20px 0 0; }
.main .history-box .history-list .historyCont > ul > li .year { font-family:var(--mainFont); color:#fff; font-size:50px; font-weight:700; line-height:1.3; transition:all 0.5s; position:relative; z-index:1; }
.main .history-box .history-list .historyCont > ul > li .scroll { }
.main .history-box .history-list .historyCont > ul > li .list { opacity:0; margin-top:10px; position:relative; z-index:1; }
.main .history-box .history-list .historyCont > ul > li .list::-webkit-scrollbar { display:none; }
.main .history-box .history-list .historyCont > ul > li .list dl { display:flex; flex-wrap:wrap; }
.main .history-box .history-list .historyCont > ul > li .list dl:not(:last-child) { margin-bottom:20px; }
.main .history-box .history-list .historyCont > ul > li .list dt { transition:all 0.3s; width:40px; font-family:var(--mainFont); color:#222; font-size:16px; font-weight:600; line-height:1.3; }
.main .history-box .history-list .historyCont > ul > li .list dd { width:calc(100% - 40px); }
.main .history-box .history-list .historyCont > ul > li .list dd li { color:#555; font-size:16px; font-weight:400; line-height:1.3; }
.main .history-box .history-list .historyCont > ul > li .list dd li:not(:last-child) { margin-bottom:10px; }
.main .history-box .history-list .historyCont > ul > li .down,
.main .history-box .history-list .historyCont > ul > li .up { opacity:0; }
.main .history-box .history-list .historyCont > ul > li:hover:before{ height:100%; }
.main .history-box .history-list .historyCont > ul > li:hover .year { color:var(--mainColor); }
.main .history-box .history-list .historyCont > ul > li:hover .list { opacity:1; animation:ani_5 0.3s 0.1s; animation-fill-mode:both;}
.main .history-box .history-list .historyCont > ul > li:hover.over .up { opacity:1; cursor:pointer; overflow:hidden; text-indent:-9999em; z-index:11; position:absolute; right:41px; top:unset; bottom:14px; width:20px; height:20px; background:url(/img/main/down_icon1.png) no-repeat center }
.main .history-box .history-list .historyCont > ul > li:hover.on .down { opacity:1; cursor:pointer; overflow:hidden; text-indent:-9999em; z-index:11; position:absolute; right:41px; bottom:14px; top:unset; width:20px; height:20px; background:url(/img/main/down_icon.png) no-repeat center }
.main .history-box .history-list .progress,
.main .history-box .history-list .btn_prev,
.main .history-box .history-list .btn_next { display:none }
@media screen and (max-width:1400px){
    .main .history-box .fixed-content { width:480px; }
    .main .history-box .fixed-content .tab-nav { margin-top:60px; }
    .main .history-box .fixed-content .tab-nav li:not(:last-child) { margin-bottom:15px; }
    .main .history-box .fixed-content .tab-nav li a { font-size:50px; }
    .main .history-box .history-list { padding-left:480px; padding-bottom:180px; }
    .main .history-box .history-list .historyCont > ul > li { padding:40px; } 
    .main .history-box .history-list .historyCont > ul > li:hover.over .up,
    .main .history-box .history-list .historyCont > ul > li:hover.on .down { right:31px; bottom:24px;}
}
@media screen and (max-width:1280px){
    .main .history-box .fixed-content { width:420px; padding-right:30px; }
    .main .history-box .fixed-content .tab-nav { margin-top:50px; }
    .main .history-box .fixed-content .tab-nav li a { font-size:40px; }
    .main .history-box .fixed-content .txt-box .stxt span br { display:none; }
    .main .history-box .history-list { padding-left:420px; padding-bottom:180px; }
    .main .history-box .history-list .historyCont > ul > li { padding:30px; } 
    .main .history-box .history-list .historyCont > ul > li:hover.over .up,
    .main .history-box .history-list .historyCont > ul > li:hover.on .down { right:21px; bottom:34px; }
    .main .history-box .history-list .historyCont > ul > li .year { font-size:40px; } 
    .main .history-box .history-list .historyCont > ul > li .list { margin-top:20px; }
}
@media screen and (max-width:1024px){
    .main4 .history { padding-top:0; height:auto; overflow:inherit; transition:all 0.2s; }
    
    .main .history-box .fixed-content { position:relative; left:0; top:0; width:100%; height:auto; padding:100px 30px 50px; text-align:center; z-index:55; /* background:rgba(0,0,0,0.8); border-radius:0 10px 10px;*/ }
    .main .history-box .fixed-content .tab-nav { margin-top:30px; }
    .main .history-box .fixed-content .tab-nav ul { display:flex; flex-wrap:wrap; gap:30px; justify-content:center;}
    .main .history-box .fixed-content .tab-nav li:not(:last-child) { margin-bottom:0; }
    .main .history-box .fixed-content .tab-nav li a { font-size:32px; }
    .main .history-box .history-list { padding-left:0; padding-bottom:80px; }
    .main .history-box .history-list .historyCont { padding:0 20px; position:relative; }
    .main .history-box .history-list .historyCont > ul { border-radius:0; display:block; /*flex-wrap:nowrap;*/ border:none }
    .main .history-box .history-list .historyCont > ul > li { height:400px; }
    .main .history-box .history-list .historyCont > ul > li:before{ height:100%; opacity:1; }
    .main .history-box .history-list .historyCont > ul > li .year { color:var(--mainColor); }
    .main .history-box .history-list .historyCont > ul > li .list { opacity:1; }
    .main .history-box .history-list .historyCont > ul > li.over .up,
    .main .history-box .history-list .historyCont > ul > li.on .down { opacity:1; }
    
    .main .history-box .history-list .historyCont .slick-slide > div > li { padding:30px; position:relative; border:1px solid rgba(255, 255, 255, 0.2); border-radius:10px; height:400px; }
    .main .history-box .history-list .historyCont .slick-slide > div > li:before { border-radius:10px; transition:all 0.5s; content:""; display:block; position:absolute; left:0; bottom:0; width:100%; height:100%; background:rgba(255, 255, 255, 0.2); }
    .main .history-box .history-list .historyCont .slick-slide > div > li .year { font-family:var(--mainFont); color:#fff; font-size:50px; font-weight:700; line-height:1.3; transition:all 0.5s; position:relative; z-index:1; }
    .main .history-box .history-list .historyCont .slick-slide > div > li .list { opacity:0; margin-top:10px; position:relative; z-index:1; }
    .main .history-box .history-list .historyCont .slick-slide > div > li .list::-webkit-scrollbar { display:none; }
    .main .history-box .history-list .historyCont .slick-slide > div > li .list dl { display:flex; flex-wrap:wrap; }
    .main .history-box .history-list .historyCont .slick-slide > div > li .list dl:not(:last-child) { margin-bottom:20px; }
    .main .history-box .history-list .historyCont .slick-slide > div > li .list dt { transition:all 0.3s; width:40px; font-family:var(--mainFont); color:#fff; font-size:16px; font-weight:600; line-height:1.3; }
    .main .history-box .history-list .historyCont .slick-slide > div > li .list dd { width:calc(100% - 40px); }
    .main .history-box .history-list .historyCont .slick-slide > div > li .list dd li { color:rgba(255, 255, 255, 0.7); font-size:16px; font-weight:300; line-height:1.3; }
    .main .history-box .history-list .historyCont .slick-slide > div > li .list dd li:not(:last-child) { margin-bottom:10px; }
    .main .history-box .history-list .historyCont .slick-slide > div > li .down,
    .main .history-box .history-list .historyCont .slick-slide > div > li .up { opacity:0; }
    .main .history-box .history-list .historyCont .slick-slide > div > li:before{ height:100%; }
    .main .history-box .history-list .historyCont .slick-slide > div > li .year { color:var(--mainColor); }
    .main .history-box .history-list .historyCont .slick-slide > div > li .list { opacity:1; animation:ani_5 0.3s 0.1s; animation-fill-mode:both;}
    .main .history-box .history-list .historyCont .slick-slide > div > li.over .up { opacity:1; cursor:pointer; overflow:hidden; text-indent:-9999em; z-index:11; position:absolute; right:21px; top:unset; bottom:30px; width:20px; height:20px; background:url(/img/main/down_icon1.png) no-repeat center }
    .main .history-box .history-list .historyCont .slick-slide > div > li.on .down { opacity:1; cursor:pointer; overflow:hidden; text-indent:-9999em; z-index:11; position:absolute; right:21px; bottom:30px; top:unset; width:20px; height:20px; background:url(/img/main/down_icon.png) no-repeat center }
    .main .history-box .history-list .historyCont .slick-dots { display:flex !important; justify-content:center; margin-top:30px; }
    .main .history-box .history-list .historyCont .slick-dots li { margin:0 3px; }
    .main .history-box .history-list .historyCont .slick-dots li button { opacity:0.5; outline:none; border:none; border-radius:10px; width:10px; height:10px; overflow:hidden; text-indent:-9999em; }
    .main .history-box .history-list .historyCont .slick-dots li.slick-active button { background:var(--mainColor); opacity:1;}
    .main .history-box .history-list .progress { margin-top:10px; display:block; width:100%; height:3px; border-radius:5px; overflow:hidden; background-image:linear-gradient(to right, var(--mainColor), var(--mainColor)); background-repeat:no-repeat; background-size:0 100%; transition:background-size .4s ease-in-out; }
    .main .history-box .history-list .sr-only {position:absolute; width:1px;height:1px; padding:0; margin: -1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
    .main .history-box .history-list .btn_prev { position:absolute; left:-5px; top:50%; transform:translateY(-50%); width:50px; height:50px; border-radius:50px; text-indent:-9999em; overflow:hidden; background:rgba(255,255,255,0.5) url(/img/main/swiper_h_btn.png) no-repeat center center; }
    .main .history-box .history-list .btn_next { position:absolute; right:-5px; top:50%; transform:translateY(-50%); width:50px; height:50px; background:rgba(255,255,255,0.4); border-radius:50px; text-indent:-9999em; overflow:hidden; transform:translateY(-50%) rotate(180deg); background:rgba(255,255,255,0.5) url(/img/main/swiper_h_btn.png) no-repeat center center; }
}
@media screen and (max-width:640px){
    .main .history-box .fixed-content { padding:50px 10px 40px; }
    .main .history-box .fixed-content .tab-nav { margin-top:20px; }
    .main .history-box .fixed-content .tab-nav ul { gap:20px; }
    .main .history-box .fixed-content .tab-nav li a { font-size:22px; }
    .main .history-box .history-list { padding-bottom:50px; }
    .main .history-box .history-list .historyCont > ul > li { width:100%; border:1px solid rgba(255, 255, 255, 0.20); border-width:1px 0 0 0; }
    .main .history-box .history-list .historyCont > ul > li:nth-child(2n) { border:1px solid rgba(255, 255, 255, 0.20); border-width:1px 0 0; }
    .main .history-box .history-list .historyCont > ul > li:nth-child(1) { border-top:none }
    .main .history-box .history-list .historyCont > ul > li:nth-child(2) { border:1px solid rgba(255, 255, 255, 0.20); border-width:1px 0 0; }
    .main .history-box .history-list .historyCont > ul > li .year { font-size:30px; } 
    .main .history-box .history-list .historyCont > ul > li .list { margin-top:20px; }
    .main .history-box .history-list .historyCont > ul > li .list dl:not(:last-child) { margin-bottom:14px; }
}

.os-theme-dark > .os-scrollbar, .os-theme-light > .os-scrollbar { padding:0; }
.os-theme-dark > .os-scrollbar-vertical, .os-theme-light > .os-scrollbar-vertical { width:2px; }
.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle { background:var(--mainColor); width:2px; border-radius:2px; opacity:0.3 }
.os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active, 
.os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active,
.os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle.active { background:var(--mainColor); border-radius:2px; opacity:0.3 }

/* animation */
.main .history-box .fixed-content .tab-nav li { opacity:0; }
.main .history-box .fixed-content .tab-nav.on li:nth-child(1) { animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }
.main .history-box .fixed-content .tab-nav.on li:nth-child(2) { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }
.main .history-box .fixed-content .tab-nav.on li:nth-child(3) { animation:ani_2 0.8s 0.7s; animation-fill-mode:both; }
.main .history-box .fixed-content .tab-nav.on li:nth-child(4) { animation:ani_2 0.8s 0.9s; animation-fill-mode:both; }
.main .history-box .fixed-content .tab-nav.on li:nth-child(5) { animation:ani_2 0.8s 1.1s; animation-fill-mode:both; }

.main5 { position:relative; z-index:2; }
.main5:before { opacity:0; transition:all 0.1s 0.1s; content:""; display:block; width:760px; height:760px; position:absolute; left:-150px; bottom:-200px; border-radius:760px; background:radial-gradient(50.00% 50.00% at 50.00% 50.00%, rgba(234, 85, 4, 0.14) 0%, rgba(234, 85, 4, 0.00) 100%); filter:blur(5px); }
.main5.active:before { opacity:1; transition:all 0.5s 0.5s; }
.main .welfare-box { display:flex; padding-top:8%; }
.main .welfare-box .txt-box .title > span > span { min-width:30px; }
.main .welfare-box .l-box { width:676px; padding-top:45px; }
.main .welfare-box .r-box { width:calc(100% - 676px); }
.main .welfare-box .r-box ul { position:relative; display:flex; flex-wrap:wrap; gap:20px; }
.main .welfare-box .r-box li { width:calc(50% - 10px); }
.main .welfare-box .r-box li img { max-width:100%; border-radius:20px; transition:all 0.3s; transform:scale(1);}
.main .welfare-box .r-box li:hover img { transform:scale(1.1); }
.main .welfare-box .r-box li a { position:relative; display:block; border-radius:20px; overflow:hidden }
.main .welfare-box .r-box li strong { position:absolute; left:40px; bottom:40px; font-size:20px; color:#fff; font-weight:600; letter-spacing:-0.02em; }
.main .welfare-box .r-box li:nth-child(4) { position:absolute; right:0; bottom:0; } 
@media screen and (max-width:1400px){
    .main .welfare-box .l-box { width:550px; }
    .main .welfare-box .r-box { width:calc(100% - 550px); }
}
@media screen and (max-width:1280px){
    .main .welfare-box .txt-box .title > span > span { min-width:24px; }
    .main .welfare-box .l-box { width:500px; }
    .main .welfare-box .r-box { width:calc(100% - 500px); }
    .main .welfare-box .r-box li strong { left:20px; bottom:20px; font-size:18px; }
}
@media screen and (max-width:1024px){
    .main5:before { width:400px; height:400px; left:-100px; bottom:-120px; }
    .main .welfare-box { flex-wrap:wrap; padding:80px 0; }
    .main .welfare-box .txt-box .title > span > span { min-width:18px; }
    .main .welfare-box .l-box,
    .main .welfare-box .r-box { width:100%; }
    .main .welfare-box .l-box { text-align:center }
    .main .welfare-box .r-box { margin-top:30px; }
    .main .welfare-box .r-box li strong { font-size:20px; }
    .main .welfare-box .r-box li a,
    .main .welfare-box .r-box li img { border-radius:10px; }
}
@media screen and (max-width:640px){
    .main .welfare-box { flex-wrap:wrap; padding:50px 0; }
    .main .welfare-box .txt-box .title > span > span { min-width:14px; }
    .main .welfare-box .r-box ul { gap:10px; }
    .main .welfare-box .r-box li { position:relative; width:100%; overflow:hidden;}
    .main .welfare-box .r-box li:before {content:""; display:block; padding-bottom:45%; }
    .main .welfare-box .r-box li a { position:absolute; left:0; top:0; width:100%; height:100%; }
    .main .welfare-box .r-box li img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
    .main .welfare-box .r-box li:nth-child(4) { position:relative; right:unset; bottom:unset; } 
}

/* animation */
.main .welfare-box .r-box li { opacity:0; }
.main .welfare-box .r-box.on li:nth-child(1) { animation:ani_1 0.8s 0.1s; animation-fill-mode:both; }
.main .welfare-box .r-box.on li:nth-child(2) { animation:ani_2 0.8s 0.1s; animation-fill-mode:both; }
.main .welfare-box .r-box.on li:nth-child(3) { animation:ani_3 0.8s 0.1s; animation-fill-mode:both; }
.main .welfare-box .r-box.on li:nth-child(4) { animation:ani_4 0.8s 0.1s; animation-fill-mode:both; }


.main6 { position:relative; overflow:hidden; }
.main6 .bg { position:relative; z-index:1; display:block; width:100vw; height:100vh; transform:scale(0.5); opacity:0.25; background:url(/img/main/recruit_bg.jpg) no-repeat center / cover; }
.main6 .H { position:absolute; z-index:2; left:50%; top:50%; transform:translate(-50%, -50%); }
.main .recruit-box { position:absolute; left:0; top:50%; transform:translate(0, -50%); width:100%; text-align:center; padding:0 20px; z-index:10; }
.main .recruit-box .txt-box .txt-1 { color:#222; font-size:70px; font-weight:700; line-height:1.26; letter-spacing:-0.02em; } 
.main .recruit-box .txt-box .txt-1 span { font-weight:700; }
.main .recruit-box .txt-box .txt-1 strong { font-weight:700; color:var(--mainColor); }
.main .recruit-box .txt-box .txt-2 { margin-top:25px }
.main .recruit-box .txt-box .txt-2 span { font-size:22px; color:#333; font-weight:400; letter-spacing:-0.02em; line-height:1.6; letter-spacing:-0.02em; }
.main .recruit-box .btn { margin-top:70px; }
.main .recruit-box .btn a { transition:all 0.3s; margin:0 auto; width:210px; height:50px; display:flex; align-items:center; justify-content:center; border:1px solid rgba(34, 34, 34, 0.14); border-radius:50px; }
.main .recruit-box .btn a span { position:relative; transition:all 0.3s; color:#222; font-size:18px; font-weight:300; line-height:1.3; letter-spacing:-0.02em; display:inline-block; padding:5px 25px 5px 0; }
.main .recruit-box .btn a span:before { transition:all 0.3s; content:""; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); width:25px; height:25px; background:url(/img/main/plus_icon_s.png) no-repeat right center; }
.main .recruit-box .btn a:hover { background:var(--mainColor); border:1px solid var(--mainColor); }
.main .recruit-box .btn a:hover span { color:#fff; }
.main .recruit-box .btn a:hover span:before { filter:invert(1); }
@media screen and (max-width:1400px){
    .main .recruit-box .txt-box .txt-1 { font-size:58px; } 
    .main .recruit-box .txt-box .txt-2 { margin-top:20px }
    .main .recruit-box .txt-box .txt-2 span { font-size:19px; }
}
@media screen and (max-width:1024px){
    .main6 .bg { width:100%; height:780px; }
    .main6 .H { transform:translate(-50%, -50%) scale(0.8); }
    .main .recruit-box .txt-box .txt-1 { font-size:42px; } 
    .main .recruit-box .txt-box .txt-2 { margin-top:15px }
    .main .recruit-box .txt-box .txt-2 span { font-size:18px; }
	.main .recruit-box .btn { margin-top:50px; }
	.main .recruit-box .btn a { width:190px; height:45px; }
	.main .recruit-box .btn a span { font-size:16px; }
}
@media screen and (max-width:640px){
    .main6 .bg { height:600px; }
    .main6 .H { transform:translate(-50%, -50%) scale(0.5); }
    .main .recruit-box .txt-box .txt-1 { font-size:34px; } 
    .main .recruit-box .txt-box .txt-2 { margin-top:15px }
    .main .recruit-box .txt-box .txt-2 span { font-size:15px; }
}
@media screen and (max-width:520px){
    .main .recruit-box .txt-box .txt-1 { font-size:28px; } 
}

/* animation */
.main .recruit-box .txt-box .txt-1,
.main .recruit-box .txt-box .txt-2 { overflow:hidden; }
.main .recruit-box .txt-box .txt-1 span,
.main .recruit-box .txt-box .txt-2 span { opacity:0; display:block; }
.main .recruit-box .btn { opacity:0; }
.main .on .recruit-box .txt-box .txt-1 span { animation:ani_3 0.8s 0.1s; animation-fill-mode:both; }
.main .on .recruit-box .txt-box .txt-2 span { animation:ani_4 0.8s 0.6s; animation-fill-mode:both; }
.main .on .bg { animation:bg_size 2s 1s; animation-fill-mode:both; }
.main .on .H { animation:H_size 4s 1s; animation-fill-mode:both; }
.main .on .recruit-box .btn { animation:ani_5 0.8s 2s; animation-fill-mode:both; }

@keyframes bg_size {
	0% { transform:scale(0.5);  opacity:0.25;}
	100% { transform:scale(1); opacity:0.76; }
}
@keyframes H_size {
	0% { transform:translate(-50%, -50%) scale(1); }
	90% { opacity:1;}
	100% { transform:translate(-50%, -50%) scale(12); opacity:0; }
}
@media screen and (max-width:1024px){
    @keyframes H_size {
        0% { transform:translate(-50%, -50%) scale(0.8); }
        90% { opacity:1;}
        100% { transform:translate(-50%, -50%) scale(10); opacity:0; }
    }
}
@media screen and (max-width:640px){
    @keyframes H_size {
        0% { transform:translate(-50%, -50%) scale(0.5); }
        90% { opacity:1;}
        100% { transform:translate(-50%, -50%) scale(8); opacity:0; }
    }
}

.main7 { overflow:hidden }
.main .news-box { padding-top:8%; }
.main .news-box .listbox { position:relative; padding:60px 0 80px; z-index:3 }
.main .news-box .listbox .nav { position:absolute; right:0; top:-25px; z-index:10; }
.main .news-box .listbox .nav ul { display:flex; }
.main .news-box .listbox .nav li { position:relative; }
.main .news-box .listbox .nav li:not(:last-child) { margin-right:30px; padding-right:30px; }
.main .news-box .listbox .nav li:not(:last-child):before { content:""; display:block; width:5px; height:5px; position:absolute; right:2px; top:50%; transform:translateY(-50%); z-index:7; background:#d9d9d9; transition:all 0.3s; } 
.main .news-box .listbox .nav li a { font-size:20px; color:#222; font-weight:400; letter-spacing:-0.02em; }
.main .news-box .listbox .nav li a:hover,
.main .news-box .listbox .nav li a.on { font-weight:700; color:var(--mainColor); }
.main .news-box .listbox .list .tabCont { display:none }
.main .news-box .listbox .list .tabCont.on { display:block }
.main .news-box .listbox .list li { position:relative; border-bottom:1px solid #eee; }
.main .news-box .listbox .list li a { position:relative; display:flex; align-items:center; height:140px; }
.main .news-box .listbox .list li a strong { width:160px; color:var(--mainColor); font-size:18px; font-weight:700; letter-spacing:-0.02em; text-align:center; }
.main .news-box .listbox .list li a .txtbox { position:relative; width:calc(100% - 160px); padding:0 230px 0 110px; color:#333; font-size:30px; font-weight:600; letter-spacing:-0.02em; }
.main .news-box .listbox .list li a .txtbox .stxt { position:relative; font-weight:600; line-height:1.5; display:inline-block; /* overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; */}
.main .news-box .listbox .list li a .txtbox .stxt:before { content:""; display:block; width:120px; height:120px; position:absolute; right:-150px; top:50%; margin-top:-20px; transform:translateY(-50%); z-index:7; border-radius:120px; background:#fdfdfe url(/img/main/plus_icon.png) no-repeat center center; filter:drop-shadow(2px 2px 6px rgba(34, 34, 34, 0.10)); transition:all 0.3s; opacity:0; }
.main .news-box .listbox .list li a .date { width:105px; color:#555; font-size:15px; font-weight:300; letter-spacing:-0.02em; position:absolute; right:65px; top:50%; transform:translateY(-50%); padding:3px 0 3px 28px; background:url(/img/main/date_icon.png) no-repeat left center;  }
.main .news-box .listbox .list li .over { opacity:0; position:absolute; right:-370px; top:50%; z-index:6; background-position:center center; background-repeat:no-repeat; background-size:cover; width:260px; height:300px; transform:translateY(-50%) rotate(0); border-radius:20px; display:block; transition:all 0.5s 0.2s; overflow:hidden; }
.main .news-box .listbox .list li:hover { z-index:2; }
.main .news-box .listbox .list li:hover .txtbox .stxt:before { opacity:1; }
.main .news-box .listbox .list li:hover .over { opacity:1; transform:translateY(-50%) rotate(5deg); }
@media screen and (max-width:1600px){
    .main .news-box .listbox { padding:50px 0 80px; }
    .main .news-box .listbox .list li a { height:120px; }
    .main .news-box .listbox .list li a strong { width:130px; }
    .main .news-box .listbox .list li a .txtbox { position:relative; width:calc(100% - 130px); padding:0 230px 0 50px; font-size:28px; }
}
@media screen and (max-width:1400px){
    .main .news-box .listbox { padding:45px 0 70px; }
    .main .news-box .listbox .nav li:not(:last-child) { margin-right:20px; padding-right:20px; }
    .main .news-box .listbox .nav li a { font-size:19px; }
    .main .news-box .listbox .list li a { height:100px; }
    .main .news-box .listbox .list li a strong { width:110px; }
    .main .news-box .listbox .list li a .txtbox { position:relative; width:calc(100% - 110px); padding:0 200px 0 30px; font-size:26px; }
    .main .news-box .listbox .list li a .date { right:40px; }
}
@media screen and (max-width:1280px){
    .main .news-box .listbox { padding:45px 0 65px; }
    .main .news-box .listbox .nav li:not(:last-child) { margin-right:20px; padding-right:20px; }
    .main .news-box .listbox .nav li:not(:last-child):before { width:4px; height:4px; }
    .main .news-box .listbox .nav li a { font-size:18px; }
    .main .news-box .listbox .list li a { height:100px; }
    .main .news-box .listbox .list li a strong { width:100px; }
    .main .news-box .listbox .list li a .txtbox { position:relative; width:calc(100% - 100px); padding:0 180px 0 30px; font-size:22px; }
    .main .news-box .listbox .list li a .txtbox .stxt:before { width:100px; height:100px; }
    .main .news-box .listbox .list li a .date { right:40px; }
}
@media screen and (max-width:1024px){
    .main .news-box { padding-top:80px; }
	.main .news-box .listbox { padding:40px 0 60px; }
	.main .news-box .listbox .nav { right:30px; top:-20px; }
    .main .news-box .listbox .nav li:not(:last-child) { margin-right:15px; padding-right:15px; }
    .main .news-box .listbox .nav li:not(:last-child):before { width:3px; height:3px; }
    .main .news-box .listbox .nav li a { font-size:16px; }
    .main .news-box .listbox .list li a { height:90px; }
    .main .news-box .listbox .list li a strong { font-size:16px; width:80px; }
    .main .news-box .listbox .list li a .txtbox { position:relative; width:calc(100% - 80px); padding:0 110px 0 0; font-size:18px; }
	.main .news-box .listbox .list li a .txtbox .stxt {  overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
    .main .news-box .listbox .list li a .date { width:100px; font-size:14px; right:0; padding:3px 0 3px 22px;  }
    .main .news-box .listbox .list li a .txtbox .stxt:before,
    .main .news-box .listbox .list li .over { display:none }
}
@media screen and (max-width:640px){
    .main .news-box { padding-top:50px; }
    .main .news-box .listbox .nav { top:10px; right:15px; }
    .main .news-box .listbox .nav li a { font-size:15px; }
    .main .news-box .listbox .list li a strong { font-size:15px; }
    .main .news-box .listbox .list li a .txtbox { font-size:16px; }
}


/* animation */
.main .news-box .listbox .list li { opacity:0; }
.main .news-box .listbox .list .tabCont.on li:nth-child(1) { animation:ani_2 0.5s 0.3s; animation-fill-mode:both; }
.main .news-box .listbox .list .tabCont.on li:nth-child(2) { animation:ani_2 0.5s 0.5s; animation-fill-mode:both; }
.main .news-box .listbox .list .tabCont.on li:nth-child(3) { animation:ani_2 0.5s 0.7s; animation-fill-mode:both; }
.main .news-box .listbox .list .tabCont.on li:nth-child(4) { animation:ani_2 0.5s 0.9s; animation-fill-mode:both; }
.main .news-box .listbox .list .tabCont.on li:nth-child(5) { animation:ani_2 0.5s 1.1s; animation-fill-mode:both; }

.main8 { position:relative; z-index:2; }