main {overflow: hidden; }


/* 인트로 영상 */
._intro {
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	background-color: #000;
}

.videoBx {
	position: relative;
	width: 100%;
	height: 100%;
}
.videoBx iframe{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.videoBx .pc {
	width: 100vw;
	height: 56.25vw;      /* 16:9 */
	min-width: 177.78vh;
	min-height: 100vh;
}

.videoBx .mo {
	width: 56.25vh;      /* 9:16 */
	height: 100vh;
	min-width: 100vw;
	min-height: 177.78vw;
}

/* 가로가 길경우 */
@media (orientation: landscape){
	.videoBx .mo { display: none; }
	.videoBx .pc { display: block; }
}
/* 세로가 길경우 */
@media (orientation: portrait){
	.videoBx .mo { display: block; }
	.videoBx .pc { display: none; }
}



/* 공통 모음 */
._title{}
._title h3{
	font-family:'museo-sans'; font-size: 100px; font-weight: 700;
	letter-spacing: -0.03em; overflow: hidden;
}
._title .red{color: var(--red);}
._title h3 p{}

@media screen and (max-width:1600px) {
	._title h3{font-size: max(calc(100/1600*100vw),38px);}
}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:820px) {}
@media screen and (max-width:500px) {}
@media screen and (max-width:320px) {}





/* s_visual */
.s_visual { }
.s_visual .pinBx {position: relative; }
.s_visual .wrap {height: var(--vh100);letter-spacing: -0.03em;display: flex;align-items: center;justify-content: center;flex-direction: column;padding-top: calc(var(--headerH) * 0.5);box-sizing: border-box;overflow: hidden; pointer-events: none; position: relative; z-index: 4;}
.s_visual h2 {font-size: min(calc(130/920*var(--vh100)),min(calc(120/1500*100vw),130px));text-align: center;font-family: 'museo-sans';font-weight: 700;line-height: 1.1;margin: 1em 0; }
.s_visual h2>div{display: flex; gap: 0.25em; justify-content: center;}
.s_visual h2>div:nth-child(2) {margin-top: -0.1em; }
.s_visual h2 p { }
.s_visual .txtBx {font-family: 'museo-sans';line-height: calc(22/16);font-size: calc(16/920*var(--vh100));}
.s_visual .txtBx.n1 {margin-left: auto; width: calc(410/16*1em); white-space: nowrap; }
.s_visual .txtBx.n2 {margin-right: auto;display: flex;gap: 1em; }
.s_visual .txtBx em {display: block;margin-bottom: calc(14/16*1em);font-weight: 700; }
.s_visual .txtBx p {font-weight: 300;color: #444444; }
.s_visual .scroll {position: absolute;bottom: calc(40/920*var(--vh100));font-size: calc(14/920*var(--vh100));font-family: 'museo-sans';font-weight: 300;color: #444444;opacity: 0; transform: translateY(60px);}
.s_visual .scroll p {animation: floating10 forwards infinite 3s; }
.s_visual .imgArea {position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;perspective: 2000px;font-size: max(calc(1/1920*100vw),0.7px); overflow: hidden;}
.s_visual .imgArea .imgBx {position: absolute;overflow: hidden; width: 1000em;}
.s_visual .imgArea .imgBx::before {content: '';display: block;padding-bottom: calc(230/360*100%); }
/* .s_visual .imgArea .imgBx.n1 {transform: translate(-78vw,-75vh) scale(1);}
.s_visual .imgArea .imgBx.n2 {transform: translate(76vw,10vh) scale(1);}
.s_visual .imgArea .imgBx.n3 {transform: translate(25vw,-87vh) scale(1);}
.s_visual .imgArea .imgBx.n4 {transform: translate(-11vw,92vh) scale(1);}
.s_visual .imgArea .imgBx.n5 {transform: translate(79vw,0vh) scale(1);}
.s_visual .imgArea .imgBx.n6 {transform: translate(-93vw,-8vh) scale(1);}
.s_visual .imgArea .imgBx.n7 {transform: translate(90vw,10vh) scale(1);}
.s_visual .imgArea .imgBx.n8 {transform: translate(-60vw,90vh) scale(1);} */
.s_visual .imgArea .imgBx.n1 {transform: translate(calc(-50vw - 60%), calc(-46vh - 0%)) scale(1);}
.s_visual .imgArea .imgBx.n2 {transform: translate(calc(50vw + 60%), calc(40vh - 0%)) scale(1);}
.s_visual .imgArea .imgBx.n3 {transform: translate(calc(-20vw - 0%), calc(50vh + 60%)) scale(1);}
.s_visual .imgArea .imgBx.n4 {transform: translate(calc(50vw + 60%), calc(-40vh - 0%)) scale(1);}
.s_visual .imgArea .imgBx.n5 {transform: translate(calc(-6vw - 0%), calc(-50vh - 60%)) scale(1);}
.s_visual .imgArea .imgBx.n6 {transform: translate(calc(50vw + 60%), calc(0vh - 0%)) scale(1);}
.s_visual .imgArea .imgBx.n7 {transform: translate(calc(-50vw - 60%), calc(0vh - 0%)) scale(1);}
.s_visual .imgArea .imgBx.n8 {transform: translate(calc(0vw - 0%), calc(0vh - 0%)) scale(1);}
.s_visual .imgArea .imgBx:nth-child(4n+1) {border-radius: 100em 0 0 0; }
.s_visual .imgArea .imgBx:nth-child(4n+2) {border-radius: 0 100em 0 0; }
.s_visual .imgArea .imgBx:nth-child(4n+3) {border-radius: 0 0 100em 0; }
.s_visual .imgArea .imgBx:nth-child(4n+4) {border-radius: 0 0 0 100em; }
.s_visual .imgArea .imgBx img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-size: cover; opacity: 0;}
.s_visual .swiperBx{
	position: absolute;left: 0;top: 0;width: 100%;height: 100%; z-index: 4;
	display: flex; align-items: center; justify-content: center;
}
.s_visual .swiper {
	width: 100%; height: 100%;
	background-color: #000;
}
.s_visual .swiper-wrapper {}
.s_visual .swiper-slide { overflow: hidden; }
.s_visual .swiper-slide a {
	position: absolute; left: 0; top: 0; width: 100%; height: 100%;
}
.s_visual .swiper-slide div { width: 100%; height: 100%; background-size: cover; background-position: center;}
.s_visual .swiper-slide .mo {display: none; }
/* 세로가 길경우 */
@media (orientation: Portrait) {
	.s_visual h2{margin: 2em 0;}
	.s_visual .swiper-slide .pc {display: none; }
	.s_visual .swiper-slide .mo {display: block; }
}


.s_visual .swiperBx .controls{
	position: absolute; color: #fff; z-index: 2; bottom: 50px;
	display: flex; align-items: center; justify-content: center;
	font-weight: 600; letter-spacing: -0.04em;
}
.s_visual .swiperBx .controls .arrow{font-size: 20px; cursor: pointer;}
.s_visual .swiperBx .controls .arrow i{}
.s_visual .swiperBx .controls .center{
	display: flex; align-items: center; justify-content: center; margin: 0 10px;
}
.s_visual .swiperBx .controls .center p{
	min-width: 2em; font-weight: 600; text-align: center;
}
.s_visual .swiperBx .controls .center .dotBx{
	display: flex !important; align-items: center; justify-content: center;
	gap: 10px; margin: 0 8px;
}
.s_visual .swiperBx .controls .center .dotBx span{
	width: 7px; height: 7px; background-color: rgba(255,255,255,0.5);
	border-radius: 100px; transition: width 0.5s,background-color 0.5s;
	margin: 0; position: relative;
}
.s_visual .swiperBx .controls .center .dotBx span::before {
	content:''; display: block; position: absolute; width: 100%; height: 100%;
	padding: 5px;
	left: 50%; top: 50%; transform: translate(-50%,-50%);
}
.s_visual .swiperBx .controls .center .dotBx .swiper-pagination-bullet-active{
	background-color: #fff; width: 40px;
}


@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {}
@media screen and (max-width:820px) {}
@media screen and (max-width:500px) {
	.s_visual .wrap{padding-top: 0; padding-bottom: calc(var(--headerH) / 2);}
	.s_visual h2{font-size: min(calc(130/920*var(--vh100)),min(calc(160/1500*100vw),130px)); margin: 1.5em 0;}
	.s_visual h2>div{flex-direction: column; gap: 0;}
	.s_visual .txtBx{font-size: 10px;}
	.s_visual .txtBx.n1{text-align: right;}
	.s_visual .txtBx.n2{}
	.s_visual .imgArea{font-size: 0.6px; }

	.s_visual .swiperBx .controls{bottom: 40px;}
	.s_visual .swiperBx .controls .arrow{font-size: 18px; }
	.s_visual .swiperBx .controls .center p{font-size: 12px; }
	.s_visual .swiperBx .controls .center .dotBx{gap: 6px;}
	.s_visual .swiperBx .controls .center .dotBx span{width: 6px; height: 6px;}
	.s_visual .swiperBx .controls .center .dotBx .swiper-pagination-bullet-active{width: 20px;}

}
@media screen and (max-width:320px) {}



/* s_synergy */
.s_synergy{background-color: #eee;}
.s_synergy .pinBx{
	width: 100%; height: var(--vh100);
	display: flex; align-items: center; justify-content: center;
}
.s_synergy .pinBx > div{
	width: 50%; box-sizing: border-box; height: 100%;
	display: flex; align-items: center; justify-content: center; margin: 0 auto;
}
.s_synergy .sequence{}
.s_synergy .sequence canvas{
	width: 100%; height: 100%;
}
.s_synergy .left{flex-direction: column;}
.s_synergy .left .sequence{width: 400px; height: 400px; margin-bottom: 50px;}
.s_synergy .left .sequence canvas{}
.s_synergy .left .txtBx{
	font-family:'museo-sans'; font-size: 70px; font-weight: 900; letter-spacing: -0.03em;
	display: flex; color: #fff;
}
.s_synergy .left .txtBx p{transition: color 0.5s;}

.s_synergy .right{position: relative; overflow: hidden;}
.s_synergy .right .txtArea{position: relative; font-size: 1px; }
.s_synergy .right .top{
	font-family:'museo-sans'; font-weight: 700; font-size: max(20em,16px);
	letter-spacing: -0.03em; position: absolute; top: calc(-185/20*1em); z-index: 2;
    line-height: 1.3;
}
.s_synergy .right .sequence{
	position: absolute; left: 0; top: 0;
	width: 100%; height: 100%; z-index: -1;
}
.s_synergy .right .txtBx{
	height: 150em;
	/* box-shadow: 0 0 0 1px dodgerblue; */
}
.s_synergy .right .vertical{
	display: flex; flex-direction: column; gap: 300em;
	height: max-content; transition: transform 0.8s;
}
.s_synergy .right .txtBx .txt{
	font-family:'museo-sans'; letter-spacing: -0.03em;
	/* box-shadow: 0 0 0 1px dodgerblue; */
}
.s_synergy .right .txtBx .txt div{
	display: flex; align-items: center; gap: 40em;
	font-weight: 700; position: relative;
	margin-bottom: 25em;
	color: #D4D4D4; transition: color 0.8s;
}
.s_synergy .right .txtBx .txt small{
	font-size: max(16em,14px);
	position: absolute; left: -60px;
}
.s_synergy .right .txtBx .txt h3{
	font-size: 100em; display: flex;
}
.s_synergy .right .txtBx .txt h3 b{transition: color 0.8s;}
.s_synergy .right .txtBx .txt p{
	font-size: 24em;  font-weight: 300;
	box-sizing: border-box;
	color: #D4D4D4; transition: color 0.8s;
}

/* 모션 */
.s_synergy.step01 .left .txtBx p:nth-child(1){color: var(--red);}
.s_synergy.step02 .left .txtBx p:nth-child(2){color: var(--red);}
.s_synergy.step03 .left .txtBx p:nth-child(3){color: var(--red);}
.s_synergy.step04 .left .txtBx p:nth-child(4){color: var(--red);}
.s_synergy.step05 .left .txtBx p:nth-child(5){color: var(--red);}

.s_synergy .right .vertical{transform: translateY(23.1%);}
.s_synergy.step01 .right .vertical{transform: translateY(0%);}
.s_synergy.step02 .right .vertical{transform: translateY(calc(-23.1% * 1));}
.s_synergy.step03 .right .vertical{transform: translateY(calc(-23.1% * 2));}
.s_synergy.step04 .right .vertical{transform: translateY(calc(-23.1% * 3));}
.s_synergy.step05 .right .vertical{transform: translateY(calc(-23.1% * 4));}

.s_synergy.step01 .right .txtBx .txt:nth-child(1) div{color: #000;}
.s_synergy.step01 .right .txtBx .txt:nth-child(1) h3 b{color: var(--red);}
.s_synergy.step01 .right .txtBx .txt:nth-child(1) p{color: rgba(0,0,0,0.6);}

.s_synergy.step02 .right .txtBx .txt:nth-child(2) div{color: #000;}
.s_synergy.step02 .right .txtBx .txt:nth-child(2) h3 b{color: var(--red);}
.s_synergy.step02 .right .txtBx .txt:nth-child(2) p{color: rgba(0,0,0,0.6);}

.s_synergy.step03 .right .txtBx .txt:nth-child(3) div{color: #000;}
.s_synergy.step03 .right .txtBx .txt:nth-child(3) h3 b{color: var(--red);}
.s_synergy.step03 .right .txtBx .txt:nth-child(3) p{color: rgba(0,0,0,0.6);}

.s_synergy.step04 .right .txtBx .txt:nth-child(4) div{color: #000;}
.s_synergy.step04 .right .txtBx .txt:nth-child(4) h3 b{color: var(--red);}
.s_synergy.step04 .right .txtBx .txt:nth-child(4) p{color: rgba(0,0,0,0.6);}

.s_synergy.step05 .right .txtBx .txt:nth-child(5) div{color: #000;}
.s_synergy.step05 .right .txtBx .txt:nth-child(5) h3 b{color: var(--red);}
.s_synergy.step05 .right .txtBx .txt:nth-child(5) p{color: rgba(0,0,0,0.6);}

@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {}
@media screen and (max-width:820px) {}
@media screen and (max-width:500px) {}
@media screen and (max-width:320px) {}

/* 가로가 길경우 */
@media (orientation: landscape) {}
@media (orientation: landscape) and (max-height:900px){}
@media (orientation: landscape) and (max-height:800px){
	.s_synergy .left .sequence{width: 300px; height: 300px;}
	.s_synergy .right .txtArea{font-size: 0.9px; }
}
@media (orientation: landscape) and (max-height:700px){
	.s_synergy .left .sequence{width: 260px; height: 260px;}
	.s_synergy .left .txtBx{font-size: 60px; }
	.s_synergy .right .txtArea{font-size: 0.8px; }
}
@media (orientation: landscape) and (max-height:600px){}
@media (orientation: landscape) and (max-height:500px){}
@media (orientation: landscape) and (max-height:400px){}
@media (orientation: landscape) and (max-height:300px){}

/* 세로가 길경우 */
@media (orientation: Portrait){
	.s_synergy .pinBx{flex-direction: column; gap: 20px;}
	.s_synergy .pinBx > div{height: auto; width: 100%;}

	.s_synergy .left .sequence{width: 360px; height: 360px;}

	.s_synergy .right .sequence{display: none;}
	.s_synergy .right .top{position: unset; text-align: center; margin-bottom: 60px;}
	.s_synergy .right .txtBx .txt div{justify-content: center;}
	.s_synergy .right .txtBx .txt small{position: unset;}
	.s_synergy .right .txtBx .txt p{text-align: center;}
}
@media (orientation: Portrait) and (max-width:1600px) {}
@media (orientation: Portrait) and (max-width:1440px) {}
@media (orientation: Portrait) and (max-width:1280px) {}
@media (orientation: Portrait) and (max-width:1024px) {}
@media (orientation: Portrait) and (max-width:820px) {
	.s_synergy .pinBx{}

	.s_synergy .left .sequence{width: min(calc(380/820*100vw),300px); height: min(calc(380/820*100vw),300px); margin-bottom: 30px;}
	.s_synergy .left .txtBx{font-size: calc(100/820*100vw); }

	.s_synergy .right .txtArea{font-size: max(0.5px,calc(1/820*100vw)); }
	.s_synergy .right .top{margin-bottom: max(calc(var(--vh) * 10),60px);}
}
@media (orientation: Portrait) and (max-width:500px) {
	.s_synergy .right .top{font-size: 16px; }
}
@media (orientation: Portrait) and (max-width:320px) {}




/* s_product */
.s_product{padding: 200px 0; overflow: hidden;}
.s_product .wrap{}
.s_product ._title{}
.s_product h3{text-align: center; margin-bottom: 1.2em;}
.s_product h3 p{}

.s_product .contBx{
	font-size: max(calc(1/1920*100vw),0.6px);
	width: 470em; height: 470em;
	display: flex; align-items: center; justify-content: center;
	margin: 0 auto; position: relative;
	box-sizing: border-box;
	transform: rotate(-4deg);
}
/* .s_product .contBx::after {
	content:''; display: block; width: 100%; height: 100%;
	position: absolute; z-index: 8888; border: 1px solid tomato;
	box-sizing: border-box; left: 0; top: 0;
} */
.s_product .cont.n1{
	transform: unset !important;
}
.s_product .cont.n2{
	perspective-origin: 50% 50%;
	-webkit-perspective: 2000em;
    perspective: 2000em;
}
.s_product .cont.n3{
	position: relative; margin: 0 auto;
	display: flex; align-items: center; justify-content: center;
	height: 1px; width: 1px;
	transform-style: preserve-3d;
	will-change: transform;
}
/* .s_product .cont.n3::before {
	content:''; display: block; position: absolute;
	z-index: 3; width: 20px; height: 20px; background-color: tomato;
} */
.s_product .box{
	position: absolute;
	transform-origin: center center; backface-visibility: hidden;
	will-change: transform;
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}
.s_product .box.hide{pointer-events: none; z-index: -1; background-color: dodgerblue;}
.s_product .box.hide p{background-color: dodgerblue;}
.s_product .box a{
	position: relative;
	border: max(2em,1px) solid transparent; box-sizing: border-box;
	transition: border-color 0.8s;
}
.s_product .box a:hover{border-color: var(--red);}
html.mo .s_product .box a{border-color: var(--red);}
.s_product .box .imgBx{}
.s_product .box .imgBx::before {
	content:''; display: block; padding-bottom: 100%;
}
.s_product .box .imgBx img{
	position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;
}
.s_product .box p{
	font-family:'museo-sans'; font-weight: 700;
	position: absolute; z-index: 2; color: var(--red); letter-spacing: -0.03em;
	padding: 1em; box-sizing: border-box; max-width: 100%; line-height: 1.3;
	left: 0; top: 0;
	opacity: 0; transition: opacity 0.5s;
}
.s_product .box p.wow{
	background-color: dodgerblue; font-size: 120px; color: #fff;
	display: flex; align-items: center; justify-content: center;
	position: absolute; z-index: 99; opacity: 1;
	width: 100%; height: 100%;
}
.s_product .box a:hover p{opacity: 1;}
html.mo .s_product .box a p{opacity: 1;}

.s_product .drag{
	text-align: center; font-weight: 500;
	margin-top: 60px;
	font-size: max(calc(1/1920*100vw),1px);
}
.s_product .drag div{
	animation: floating20 forwards infinite 3s;
}
.s_product .drag i{
	font-size: 22em;
}
.s_product .drag p{
	font-family:'museo-sans';
	font-size: 18em;
}

@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {
	.s_product{padding: 180px 0;}
}
@media screen and (max-width:1024px) {
	.s_product{padding: 120px 0;}
}
@media screen and (max-width:820px) {
	.s_product{padding: 100px 0;}
}
@media screen and (max-width:500px) {}
@media screen and (max-width:320px) {}



/* s_global */
.s_global{
	padding: 200px 0; background-color: #eeeeee; position: relative;
	display: flex; align-items: center; justify-content: center; flex-direction: column;
	z-index: 2;
}
.s_global .wrap{}
.s_global ._title{margin-right: auto;}
.s_global ._title h3{margin-bottom: calc(40/100*1em);}
.s_global ._title div{
	font-family:'museo-sans'; font-weight: 300;
	font-size: 40px; display: block; letter-spacing: -0.03em; line-height: calc(54/40);
}
.s_global ._title small{
	-webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
}
.s_global .marquee{
	font-family:'museo-sans';
	font-size: 220px; letter-spacing: -0.03em; white-space: nowrap; font-weight: 700;
	display: flex; align-items: center; justify-content: flex-start;
	margin-top: calc(100/220*1em); margin-bottom: calc(200/220*1em); position: relative; z-index: 2;
}
.s_global .marquee p{
	animation: marquee forwards infinite 20s linear; padding-right: 0.25em;
}
.s_global .earth{
	position: absolute; padding-top: 60px;
	font-size: 1px;
}
.s_global .earth .floating{
	animation: floating30 forwards infinite 10s;
}
.s_global .earth .scale{
	animation: scale110 forwards infinite 12s;
}
.s_global .earth .imgBx{}
.s_global .earth .imgBx:not(.n1){
	position: absolute; left: 0; top: 0;
}
.s_global .earth .imgBx img{width: 840em; max-width: unset;}
.s_global .cont{
	max-width: 800px; margin-left: auto;
}
.s_global .cont > div{
	letter-spacing: -0.03em; font-family:'museo-sans';
	display: flex; justify-content: space-between; position: relative;
	padding: 46px 0; box-sizing: border-box;
}
.s_global .cont > div > small{
	font-family:'museo-sans';
	display: block; font-size: 20px; font-weight: 600;
}
.s_global .cont > div > .odometer{
	font-size: 150px; font-weight: 700; height: 0.75em;
	display: flex; align-items: center; letter-spacing: -0.04em;
}
.s_global .cont > div > .odometer.red{color: var(--red);}
.s_global .cont > div .line{
	position: absolute; left: 0; bottom: 0; transform-origin: left center;
	width: 100%; height: 1px; background-color: rgba(0,0,0,0.1);
}
.s_global .cont > div > .odometer .odometer-formatting-mark{display: none !important;}

@media screen and (max-width:1600px) {
	.s_global ._title div{font-size: max(calc(40/1600*100vw),20px); }

	.s_global .marquee{font-size: max(calc(220/1600*100vw),70px); }
}
@media screen and (max-width:1440px) {
	.s_global .earth{font-size: calc(1/1440*100vw); }
}
@media screen and (max-width:1280px) {
	.s_global{padding: 180px 0;}

	.s_global .cont > div > .odometer{font-size: calc(150/1280*100vw); }
}
@media screen and (max-width:1024px) {
	.s_global{padding: 120px 0;}

	.s_global .marquee{margin-top: 0.8em; margin-bottom: 0.5em;}
	.s_global .earth{position: unset; padding-top: 0;}
}
@media screen and (max-width:820px) {
	.s_global{padding: 100px 0;}
}
@media screen and (max-width:500px) {
	.s_global ._title div{font-size: 16px; max-width: 320px;}

	.s_global .earth{font-size: calc(0.6/500*100vw); }

	.s_global .cont > div{padding: 30px 0;}
	.s_global .cont > div > small{font-size: 18px; }
	.s_global .cont > div > .odometer{font-size: calc(70/500*100vw); }
}
@media screen and (max-width:320px) {}




/* s_news */
.s_news{background-color: #000; overflow: hidden;}
.s_news .wrap{
	position: relative; padding: 380px 0;
	display: flex; align-items: center;
}
.s_news .wrap ._title{color: #fff; z-index: 3;}
.s_news .wrap ._title h3{}
.s_news .wrap ._title h3 div{overflow: hidden;}
.s_news .wrap ._title h3 div p{}
.s_news .wrap .small{
	position: absolute; right: 0; top: 120px;
	font-family:'museo-sans'; font-weight: 300; letter-spacing: -0.03em; line-height: calc(22/16);
	color: #676767; text-align: right;
}
.s_news .wrap .small small{
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent;
}
.s_news .swiperArea{
	flex: 1; padding-right: 200px; box-sizing: border-box;
	display: flex; align-items: center; justify-content: center;
}
.s_news .swiperBx{
	width: 1px; height: 1px; position: relative;
	transform: unset !important;
	display: flex; align-items: center; justify-content: center;
}

.s_news .count{
	position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid tomato;
    box-sizing: border-box;
	font-weight: 700;
    color: var(--red);
    left: 411px;
    z-index: 5;
    writing-mode: vertical-rl;
}
.s_news .count .now{}
.s_news .count .all{}

.s_news .swiper{
	transform: rotate(45deg) !important;
	overflow: visible; min-width: 0;
}
.s_news .swiper-wrapper{}
.s_news .swiper-slide{
	width: auto;
	transform: rotate(-45deg);
}
.s_news .swiper-slide a{
	display: flex; align-items: center; justify-content: center; position: relative;
	transition: transform 0.8s;
	width: 460px;
}
.s_news .swiper-slide.swiper-slide-active a{
	transform: scale(1.63);
}

.s_news .swiper-slide a .num{
	position: absolute; left: 100%; margin-left: 1.2em; font-weight: 800;
	box-sizing: border-box;
	color: var(--red); font-size: 11px;
	transition: opacity 0.5s; opacity: 0;
}
.s_news .swiper-slide-active a .num{opacity: 1; transition-delay: 0.5s;}
.s_news .swiper-slide a .num div{
	writing-mode: vertical-rl;
}

.s_news .swiper-slide a .imgBx{position: relative; width: 100%; overflow: hidden;}
.s_news .swiper-slide a .imgBx::before{
	content:''; display: block; padding-bottom: calc(500/750*100%);
}
.s_news .swiper-slide a img{
	position: absolute; left: 0; top: 0; width: 100%; height: 100%;
	object-fit: cover; filter: brightness(0.7);
}
.s_news .swiper-slide a p{
	position: absolute; bottom: calc(40/22*1em);
	font-size: 16px; letter-spacing: -0.03em; color: #fff;
	opacity: 0; transition: opacity 0.8s; width: 100%;
	padding: 0 10px; box-sizing: border-box; text-align: center;
	line-height: 1.3;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.s_news .swiper-slide.swiper-slide-active a p{opacity: 1; transition-delay: 0.6s;}

@media screen and (max-width:1800px) {
	.s_news .swiper-slide a{width: calc(460/1800*100vw);}
	.s_news .swiper-slide a p{font-size: calc(22/1800*100vw); }
}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {
	.s_news .wrap{flex-direction: column; align-items: flex-start; padding: 180px 0;}
	.s_news .swiperArea{width: 100%; padding-right: 0; margin-top: 60px;}
	.s_news .swiperBx{display: block; width: 100%; height: auto;}
	.s_news .swiper{transform: unset !important; min-width: unset; width: 100%;}
	.s_news .swiper-slide{transform: unset;}
	.s_news .swiper-slide a{flex-direction: column;}
	.s_news .swiper-slide.swiper-slide-active a{transform: unset;}
	.s_news .swiper-slide a{width: 400px;}
	.s_news .swiper-slide a .num{display: none;}
	.s_news .swiper-slide a .imgBx{margin-bottom: 14px;}
	.s_news .swiper-slide a p{opacity: 1; font-size: 20px; position: unset;}
}
@media screen and (max-width:1024px) {
	.s_news .wrap{padding: 120px 0;}
}
@media screen and (max-width:820px) {
	.s_news .wrap{padding: 100px 0;}
	.s_news .wrap .small{position: unset; text-align: left; margin-top: 20px;}
	.s_news .swiper-slide a{width: calc(400/820*100vw);}
	.s_news .swiper-slide a p{font-size: 16px; }
}
@media screen and (max-width:500px) {
	.s_news .wrap .small{font-size: 14px; }
	.s_news .swiperArea{margin-top: 40px;}
	.s_news .swiper-slide a{width: 90vw;}
	.s_news .swiper-slide a p{text-align: left; font-size: 14px; padding-left: 4px;}
}
@media screen and (max-width:320px) {}