/* --------- s_slide --------- */
.s_slide .wrap .cont .swiper-slide.n1 {display: flex;align-items: center; padding-left: 430px;}
.s_slide .swiper-slide.n1 img{height: 90%;}
.s_slide .wrap .cont .swiper-slide.n3 {padding-left: 400px;padding-top: 60px;}

/* --------- s_tab --------- */
.s_tab {}
.s_tab .pinBx {width: 100%;height: var(--vh100);display: flex;align-items: center;justify-content: center;position: relative;overflow: hidden;box-sizing: border-box;}
.s_tab .tab {position: absolute;left: 0;display: flex;flex-direction: column;gap: 3px;}
.s_tab .tab div {width: 42px;height: 300px;font-size: 20px;color: #fff;writing-mode: vertical-rl;border-radius: 0 50px 50px 0;background-color: #d8d7dc;transition: background-color 0.3s;display: flex;align-items: center;justify-content: center;padding-right: 0.4em;box-sizing: border-box; cursor: pointer;}
.s_tab .tab div.on {background-color: var(--item_color);}
.s_tab .tab div p {}
.s_tab .wrap {position: relative;height: 100%;}
.s_tab .cont {position: absolute;width: 100%;height: 100%;left: 0;top: 0;pointer-events: none;display: flex;align-items: flex-start;justify-content: center;flex-direction: column;padding-bottom: 100px;box-sizing: border-box;}
.s_tab .cont.on {pointer-events: auto;}
.s_tab .cont .top {display: inline-flex;align-items: center;position: relative;margin-bottom: 10px;width: 100%;}
.s_tab .cont .top .txtBx {width: 50%;padding-right: 30px;box-sizing: border-box;}
.s_tab .cont .top .txtBx small {display: block;color: var(--red);font-weight: 700;}
.s_tab .cont .top .txtBx h3 {font-size: 70px;font-weight: 700;margin-top: 10px;margin-bottom: 24px;}
.s_tab .cont .top .txtBx p {font-size: 22px;font-weight: 300;color: #818181;line-height: calc(36/22);}
.s_tab .cont .top .txtBx p span {}
.s_tab .cont .top .imgArea {position: relative;width: 50%;}
.s_tab .cont .top .imgArea div:not(:first-child) {position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.s_tab .cont .top .imgArea div img {max-width: unset;}
.s_tab .cont .bottom {display: flex;align-items: flex-start;width: 100%;}
.s_tab .cont .bottom .txtBx {width: 33.3%;padding-right: 30px;box-sizing: border-box;}
.s_tab .cont .bottom .txtBx h4 {font-size: 30px;color: #fff;background-color: #000;border-radius: 100px;display: flex;align-items: center;justify-content: center;width: calc(172/30*1em);padding: calc(8/30*1em) 0;box-sizing: border-box;}
.s_tab .cont .bottom .txtBx p {font-size: 24px;font-weight: 500;color: var(--red);line-height: calc(30/24);margin: 1em 0;}
.s_tab .cont .bottom .txtBx span {font-size: 20px;font-weight: 300;line-height: calc(30/20);color: #818181;display: inline-block;max-width: 450px;}

/* 모션 */
.s_tab .cont .top .txtBx {opacity: 0;transform: translateY(60px);}
.s_tab .cont .bottom .txtBx {opacity: 0;transform: translateY(60px);}
.s_tab .cont .top .imgArea div {opacity: 0;transform: translateY(60px);}
/* 트렌지션 */
.s_tab .cont .top .txtBx {transition: opacity 0.5s, transform 0.5s;}
.s_tab .cont .bottom .txtBx {transition: opacity 0.5s, transform 0.5s;}
.s_tab .cont .top .imgArea div {transition: opacity 0.5s, transform 0.5s;}
/* on */
.s_tab .cont.on .top .txtBx {opacity: 1;transform: translateY(0);transition: opacity 1s, transform 1s;}
.s_tab .cont.on .bottom .txtBx {opacity: 1;transform: translateY(0);transition: opacity 1s, transform 1s;}
.s_tab .cont.on .top .imgArea div {opacity: 1;transform: translateY(0);transition: opacity 1s, transform 1s;}
.s_tab .cont.on .top .txtBx {transition-delay: 0.4s;}
.s_tab .cont.on .bottom .txtBx:nth-child(1) {transition-delay: 0.6s;}
.s_tab .cont.on .bottom .txtBx:nth-child(2) {transition-delay: 0.8s;}
.s_tab .cont.on .bottom .txtBx:nth-child(3) {transition-delay: 1s;}
.s_tab .cont.on .top .imgArea div:nth-child(1) {transition-delay: 1.2s;}
.s_tab .cont.on .top .imgArea div:nth-child(2) {transition-delay: 1.6s;}
.s_tab .cont.on .top .imgArea div:nth-child(3) {transition-delay: 1.8s;}

@media screen and (max-height:800px) {
	.s_tab .cont .top .imgArea div img {max-height: 400px;}
}
@media screen and (max-height:700px) {
	.s_tab .tab div {height: 260px;}
	.s_tab .cont .top .imgArea div img {max-height: 350px;}
}

@media screen and (max-width:1700px) {
	.s_tab .cont {padding-left: 60px;padding-bottom: 60px;box-sizing: border-box;}
	.s_tab .cont .top .txtBx h3 {font-size: 60px;}
	.s_tab .cont .top .txtBx p {font-size: 18px;}
	.s_tab .cont .top .imgArea div img {max-width: 100%;}
	.s_tab .cont .bottom .txtBx h4 {font-size: 22px;}
	.s_tab .cont .bottom .txtBx p {font-size: 18px;}
	.s_tab .cont .bottom .txtBx span {font-size: 16px;}
}
@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {
	.s_tab {padding: 80px 0;}
	.s_tab .pinBx {height: auto;}
	.s_tab .tab {display: none;}
	.s_tab .wrap {display: flex;flex-direction: column;gap: 80px;}
	.s_tab .cont {position: unset;pointer-events: auto;padding-left: 0;padding-bottom: 0;}
	.s_tab .cont .top {margin-bottom: 60px;}
	.s_tab .cont .bottom .txtBx p br {display: none;}}
@media screen and (max-width:1024px) {
	.s_tab .cont .top .txtBx h3 {font-size: 50px;}}
@media screen and (max-width:820px) {
	.s_tab .cont .top {flex-direction: column;}
	.s_tab .cont .top .txtBx {width: 100%;padding-right: 0;margin-bottom: 30px;}
	.s_tab .cont .top .imgArea {width: 100%;text-align: center;overflow: hidden;}
	.s_tab .cont .top .imgArea div img {max-height: unset;width: 100%;}
	.s_tab .cont .bottom {flex-direction: column;gap: 30px;}
	.s_tab .cont .bottom .txtBx {width: 100%;}
	.s_tab .cont .bottom .txtBx span {max-width: unset;}
}
@media screen and (max-width:500px) {
	.s_tab .cont .top .txtBx h3 {font-size: 36px;}
	.s_tab .cont .top .txtBx p {font-size: 16px;}
	.s_tab .cont .top .imgArea div img {width: 140%;}
	.s_tab .cont .bottom .txtBx h4 {font-size: 16px;}
	.s_tab .cont .bottom .txtBx p {font-size: 16px;}
	.s_tab .cont .bottom .txtBx span {font-size: 14px;}
}
@media screen and (max-width:320px) {}



/* --------- s_horizon --------- */
.s_horizon {}
.s_horizon .pinBx {width: 100%;height: var(--vh100);display: flex;align-items: center;justify-content: center;position: relative;}
.s_horizon .bg {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: -1;}
.s_horizon .bg div {width: 100%;height: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;}
.s_horizon .cont {width: 100%;}
.s_horizon .cont .wrap {}
.s_horizon .cont h3 {font-size: 50px;font-weight: 700;text-align: center;margin-bottom: calc(120/50*1em);overflow: hidden;}
.s_horizon .cont h3 p {}
.s_horizon .cont .horizon {display: inline-flex;align-items: flex-start;gap: 160px;}
.s_horizon .con {display: flex;align-items: flex-start;}
.s_horizon .con h4 {text-align: right;padding-top: 50px;margin-right: 40px;}
.s_horizon .con h4 small {font-size: 20px;font-weight: 300;padding-right: 17px;box-sizing: border-box;color: rgba(0, 0, 0, 0.6);}
.s_horizon .con h4 p {font-size: 170px;font-weight: 700;}
.s_horizon .con .boxArea {display: flex;align-items: flex-start;gap: 40px;}
.s_horizon .con .boxArea .box {}
.s_horizon .con .boxArea .imgBx {width: 280px;height: 280px;border-radius: 20px;margin-bottom: 24px;overflow: hidden;}
.s_horizon .con .boxArea .imgBx img {width: 100%;height: 100%;object-fit: cover;}
.s_horizon .con .boxArea .txtBx {padding-left: 3px;box-sizing: border-box;max-width: 280px;}
.s_horizon .con .boxArea .txtBx em {font-size: 24px;font-weight: 500;color: var(--red);display: block;margin-bottom: 10px;}
.s_horizon .con .boxArea .txtBx p {font-size: 20px;font-weight: 300;color: #818181;line-height: calc(30/20);}
@media screen and (max-height:900px) {
	.s_horizon .con h4 {padding-top: 70px;}
	.s_horizon .con h4 p {font-size: 120px;}}
@media screen and (max-height:800px) {
	.s_horizon .con h4 {padding-top: 60px;}
	.s_horizon .con h4 p {font-size: 100px;}
	.s_horizon .con .boxArea .imgBx {width: 240px;height: 240px;}
	.s_horizon .con .boxArea .txtBx p {font-size: 17px;}
}
@media screen and (max-height:700px) {
	.s_horizon .con h4 {padding-top: 60px;}
	.s_horizon .con h4 p {font-size: 80px;}
	.s_horizon .con .boxArea .imgBx {width: 200px;height: 200px;}
	.s_horizon .con .boxArea .txtBx p {font-size: 14px;}
}
@media screen and (max-height:600px) {}
@media screen and (max-height:500px) {}

@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {
	.s_horizon .con h4 {padding-top: 60px;}
	.s_horizon .con h4 p {font-size: 80px;}
	.s_horizon .con .boxArea .imgBx {width: 200px;height: 200px;}
	.s_horizon .con .boxArea .txtBx p {font-size: 14px;}
}
@media screen and (max-width:1024px) {}
@media screen and (max-width:820px) {
	.s_horizon .cont h3 {font-size: 40px;}
}
@media screen and (max-width:500px) {
	.s_horizon .cont h3 {font-size: 30px;}
	.s_horizon .cont .horizon {gap: 140px;}
	.s_horizon .con h4 p {font-size: 60px;}
	.s_horizon .con .boxArea .imgBx {border-radius: 10px;margin-bottom: 18px;}
}
@media screen and (max-width:320px) {}



/* --------- s_info --------- */
.s_info .flexBx{gap: 60px;}

/* --------- s_product --------- */

.s_product .productArea .imgBx .shadow{bottom: 0%;right: -33%;width: 309%;height: 8%;}

.s_product .dot.n1{left: 1%;top: 27%;}
.s_product .dot.n2{left: 61%;top: 43%;}
.s_product .dot.n3{left: 30%;top: 54%;}
.s_product .dot.n4{left: 0%;top: 40%;}
.s_product .dot.n5{left: 73%;top: 4%;}
.s_product .dot.n6{left: 83%;top: 20%;}
.s_product .dot.n7{left: 90%;top: 39%;}
.s_product .dot.n8{left: 2%;top: 87%;}

@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) {
	.s_product .productArea{transform: translateX(8%);}
	.s_product .productArea .imgBx{width: 40vw; max-width: 300px;}
}
@media screen and (max-width:500px) {
	.s_product .productArea .imgBx{width: 50vw;}
	.s_product .ground{height: 26vw;}
}
@media screen and (max-width:320px) {}