*{letter-spacing: -0.045em;}
header .gnb{display: none !important;}
header .menuBtn{display: none !important;}
header .menuBtnMob{display: none !important;}
header .menuArea_mob{display: none !important;}
/* 인트로 */

.intro{width: 100%;height: 100vh;background-color: #fff;position: fixed;top: 0;left: 0;z-index: 1000000;pointer-events: none !important; display: none;}
.intro .intro_txt{
    width: 100%;height: 100%;
    display: flex;align-items: center;justify-content: center;
    position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);
}
.intro .intro_txt > div{overflow: hidden;}

.intro .intro_txt h2{font-family: 'Inter Tight';font-weight: 900;font-size: 110px;color: #1f1f1f;
    /* line-height: 1.0666; */
    letter-spacing: -0.025em;}
.intro .intro_txt h2 .txt2{color: #c01640;}
.intro .intro_txt h2 span{ display: inline-block;
    overflow: hidden;
    white-space: nowrap;}
.intro .intro_txt h2 .txt2 {
    width: 0;
    transition: none;
}


@media screen and (max-width: 1680px){.intro .intro_txt h2{font-size: 100px;}}
@media screen and (max-width: 1440px){.intro .intro_txt h2{font-size: 80px;}}
@media screen and (max-width: 1280px){.intro .intro_txt h2{font-size: 70px;}}
@media screen and (max-width: 1024px){.intro .intro_txt h2{font-size: 55px;}}
@media screen and (max-width: 820px){.intro .intro_txt h2 {font-size: 36px;}}
@media screen and (max-width: 500px){.intro .intro_txt h2 {font-size: 26px;}
/* .intro .intro_txt{top: 45%;} */
}
@media screen and (max-width: 360px){.intro .intro_txt h2 {font-size: 22px;}}


main{overflow: hidden;}
.s1{
    background:rgba(32, 32, 33, 1);
    width: 100%; position: relative;
}
.s1 .pinBx{width: 100%;height: 100vh;box-sizing: border-box;position: relative;}
.s1 .first{width: 100%;height: 100vh;box-sizing: border-box;position: relative;
}
.s1 .first .bg{
    width: 100%; height: 100vh; position: absolute; top: 0; left: 0; z-index: 0; overflow: hidden;
}
.s1 .first .bg .slice{
    width: 50vw;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;


    /* clip-path: unset !important; */
}
.s1 .first .bg .slice._1{transform: translate(-50%, -30%);}
.s1 .first .bg .slice._2{transform: translate(-50%, -50%);}
.s1 .first .bg .slice._3{transform: translate(-50%, -70%);}


.s1 .first .bg .slice *{
    width: 100%;height: 100%;
    transform-origin: center center;
    object-fit: cover;
    object-position: center;
}


.s1 .first .bg .slice._1 *{clip-path: polygon(0 20%, 34% 20%, 34% 80%, 0 80%);}
.s1 .first .bg .slice._2 *{clip-path: polygon(32% 20%, 65% 20%, 65% 80%, 32% 80%);}
.s1 .first .bg .slice._3 *{clip-path: polygon(68% 20%, 100% 20%, 100% 80%, 68% 80%);}


/* .s1 .first .bg .slice._1{border: 1px solid tomato;}
.s1 .first .bg .slice._2{border: 1px solid dodgerblue;}
.s1 .first .bg .slice._3{border: 1px solid goldenrod;} */
.s1 .second{
    width: 100vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    mix-blend-mode: difference;
}
.s1 .second h1{font-size: 110px;font-weight: 700;color: #fff;line-height: 1.345454;text-align: center;}
.s1 .second h1 div{overflow: hidden;}
.s1 .second h1 span{display: block;}

.s1 .swiperBx{width: 100%;height:100%;position: absolute;opacity: 0;pointer-events: none;top: 0;left: 0;pointer-events: auto;}
.s1 .swiperBx .swiper {width: 100%;height: 100%;}
.s1 .swiperBx .swiper-slide {width: 100%;height: 100%;position: relative;}

.s1 .swiperBx .swiper-slide .img{width: 100%;height: 100%;}
.s1 .swiperBx .swiper-slide .img img{
    position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;

}
.s1 .swiperBx .swiper-slide .img img{
    position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;
}
.s1 .swiperBx .swiper-slide .img video{
    position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;
}



.s1 .swiper-slide-active img {
    /* transform: scale(1.1); */
    /* opacity: 1; */
    /* animation: swiper_scale 3s ease forwards; */
    /* animation-delay: 3s; */
}

/* @keyframes swiper_scale{
    from{transform: scale(1.2);}
    to{transform: scale(1);}
} */

.s1 .swiperBx .txtBx{position: absolute;top:25%;left: 0%;width: 100%;}
.s1 .swiperBx .txtBx .wrap{display: flex;flex-direction: column;gap: 35px;
    /* mix-blend-mode: difference; */
}
.s1 .swiperBx .txtBx > div{overflow: hidden;}
.s1 .swiperBx .txtBx small{font-size: 20px;font-family: 'Inter Tight';font-weight: 500;color: #fff;display: block;}
/* .s1 .swiperBx .txtBx ._mix{mix-blend-mode: difference;} */
.s1 .swiperBx .txtBx strong{font-size: 60px;font-weight: 600;color: #fff;line-height: 1.5074;display: block;}
.s1 .swiperBx .txtBx .viewBtn{max-width: 114px;width: 100%;border-radius: 19px;display: flex;align-items: center;justify-content: center;padding: 11px 0;box-sizing: border-box; background: #c01640;gap: 15px;transition: background-color 0.3s;margin-top: 20px;}
.s1 .swiperBx .txtBx .viewBtn:hover{background-color: #932aff;}
.s1 .swiperBx .txtBx .viewBtn span{font-family: 'Inter Tight';font-weight: 500;font-size: 17px;color: #fff;position: relative;top: 1px;}
.s1 .swiperBx .txtBx .viewBtn i{font-size: 18px;color: #fff;}
.xi-long-arrow-right:before {
    content: "\e90b";
    position: relative;
    top: -1px;
}
/* controlBx */
.s1 .swiperBx .controlBx{position: absolute;bottom: 25%;left: 0;width: 100%;display: flex;align-items: center;justify-content: space-between;}
.s1 .controlBx .control{max-width: 256px;width: 100%; position: relative;z-index: 123;}
.s1 .controlBx .control .swiper-pagination{max-width: 256px;width: 100%;}
.s1 .controlBx .pagingBx{display: flex;align-items: flex-end;justify-content: space-between;padding-top: 20px;}
.s1 .controlBx .pagingBx .swiper-fraction{font-family: 'Inter Tight';font-weight: 400;font-size: 17px;color: #fff;display: flex;align-items: flex-end;gap: 8px;line-height: 0.8;}
.swiper-button-next, .swiper-button-prev{font-family: 'Inter Tight';font-weight: 300;font-size: 16px;color: rgba(255, 255, 255, 0.39);transition: color 0.3s;}
.swiper-button-next:hover, .swiper-button-prev:hover{color: #fff;}
.s1 .controlBx .pagingBx .swiper-fraction .current{color: #fff;font-size: 30px;letter-spacing: -0.025em;}
.s1 .controlBx .pagingBx .swiper-fraction .total{color: rgba(255, 255, 255, 0.29);font-size: 18px;}
.s1 .controlBx .pagingBx .swiper-fraction .total em {display: inline-block;margin-right: 5px;}

/* 기본속성 커스텀 */
.progressBar{max-width:100%;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #c01640;}
.swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{height: 2px;}
.swiper-pagination-progressbar{background: rgba(255, 255, 255, 0.52);}
.swiper-button-next, .swiper-button-prev{position: unset;width: unset;height: unset;margin-top: unset;gap: 5px;}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{display: none;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{display: none;}

/* 스크롤 아이콘 */
.s1 .scroll {
	font-size: max(calc(16/1920*100vw), 16px);
	position: absolute;
	bottom: calc(18/16*1em);
	left: 50%;
	transform: translateX(-50%);
	color: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
    z-index: 10;
}

.s1 .scroll>div {
	width: calc(29/16*1em);
	height: calc(54/16*1em);
	border-radius: 200px;
	display: flex;
	justify-content: center;
	border: max(calc(1/16*1em), 1px) solid rgba(255, 255, 255, 0.7);
	box-sizing: border-box;
	position: relative;
	margin-bottom: calc(12/16*1em);
}

.s1 .scroll>div>div {
	width: calc(8/16*1em);
	height: calc(8/16*1em);
	border-radius: 50%;
	background-color: #fff;
	position: absolute;
	margin: calc(8/16*1em) 0;
	animation: scroll forwards infinite ease-in-out 3s;
}

@keyframes scroll {
	0% {
		transform: translateY(0px);
	}

	50% {
		transform: translateY(calc(29/16*1em));
	}

	100% {
		transform: translateY(0px);
	}
}

.s1 .swiper-slide .img video,
.s1 .swiper-slide .img img {
    transform: scale(1.2);
    transition: transform 2s;
}
.s1 .swiper-slide-active .img video,
.s1 .swiper-slide-active .img img {
    transform: scale(1);
}
/* 추가 */
.s1 br._mob{display: none;}
.s2{
    width: 100%;
    padding: 120px 0;
    box-sizing: border-box;
    background-image: url(/asset/img/main/s2_bg.jpg);
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.s2 .wrap{
    display: flex;
    align-items: center;
    justify-content: center;
}

.s2 .txtBx{position: absolute;top: 1%;left: 1%;}
.s2 .txtBx p{font-size: 49px;font-weight: 700;color: #c8324c;line-height: 1.081;font-family: 'Inter Tight';
    filter: blur(2px);}
.s2 .videoBx{max-width: 1426px;width: 100%;position: relative;z-index: 2;}
.s2 .videoBx:before{content: '';display: block;padding-bottom: calc(728 / 1426 * 100%);}
.s2 .videoBx iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.s2 .videoBx video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.s2 .back_logo{position: absolute;}
.s2 .back_logo.n1{bottom: 1%;left: 1%;}
.s2 .back_logo.n2{top: 1%;right: 1%;}

/*  s3  */
.s3{
    background-color: #202021;
    width: 100%; height: 100vh; position: relative;overflow: hidden;
    margin-top: -2px;
}
.s3 .cont{position: relative;width: 100%;height: 100%;margin-top: 2px;}
.s3 ._first{
    position: absolute; width: 100%; height: 100%;
    top: 0; left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 95px; font-weight: 700; color: #fff; line-height: 1.345454; text-align: center; letter-spacing: -0.05em;
    perspective: 1000px;
    overflow: hidden;
}

.s3 ._first div{position: absolute; overflow: hidden;}
.s3 ._first div.n2 p{transform: translateY(110%);}


.s3 .secondBx{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);
    width: 100%;height: 100%;
}
.s3 .secondBx.mob{display: none;}
.s3 ._second{
    width: 100%; height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4em;
}
.s3 ._second .left,
/* .s3 ._second .center, */
.s3 ._second .right {transform: translateY(30%);opacity: 0;}

.s3 ._second .center{flex-shrink: 0;max-width: 380px;width: 100%;}
.s3 ._second .center .img{filter: grayscale(1);}
.s3 ._second .left, .s3 ._second .right{overflow: hidden;
    width: 30vw;
    height: 10em;
    display: flex;
    /* align-items: flex-start; */
    justify-content: center;
    flex-direction: column;
    /* border: 1px solid red; */
}
.s3 ._second .left{align-items: flex-end;}
.s3 ._second .left > div, .s3 ._second .right > div{overflow: hidden;transform: translateY(80%); opacity: 0;position: absolute;}

.s3 ._second .left p{font-size: 138px;font-weight: 700;text-align: center;}
.s3 ._second .right{align-items: flex-start;}
.s3 ._second .right p{font-size: 85px;font-weight: 500;text-align: center;}
.s3 ._second .left ._1 p{color: #c01640;}

/* s4 */

.s4{width: 100%;padding-bottom: 80px; box-sizing: border-box;margin-top: -2px;position: relative;padding: 40px 0 60px 0;box-sizing: border-box;}
.s4 ._more{font-size: 22px;font-weight: 600;color: #000;text-align: center;line-height: 1.7272;overflow: hidden;}
.s4 .marqueeBx:nth-child(2){margin-top: 100px;}
.s4 .marqueeBx{display: flex; overflow: hidden; width: fit-content;}
.s4 .marqueeBx .marquee{
    display: flex; gap: 20px;
    animation: marquee 170s linear infinite;
    padding: 0 10px;
}
.s4 .marqueeBx .marquee.n2{
    display: flex; gap: 20px;
    animation: marquee 170s linear infinite reverse;
    padding: 0 10px;
}

.s4 .marqueeBx .marquee > div{min-width: 324px;width: 100%;min-height: 168px;border: 2px solid #d4d4da;display: flex;align-items: center;justify-content: center;transition: border 0.3s;}
.s4 .marqueeBx .marquee > div:hover{background-color: #c01640;}
.s4 .marqueeBx .marquee > div:hover img{filter: brightness(0.3) invert(1);}
.s4 .marqueeBx .marquee > div img{
    /* filter: grayscale(1) brightness(1); */
    /* max-width: 50%; */
    /* max-width: 60%; */
}

.s4 .marqueeBx .n2 { margin-top: 30px;}

@keyframes marquee {
    0% {transform: translateX(0);}
    100% {transform: translateX(-100%);}
}

/* s5 */

.s5{width: 100%;position: relative;height: 100vh;box-sizing: border-box;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.s5 .back_logo{position: absolute;bottom: 28%;left: 1%;z-index: -1;}
.s5 .titBx{text-align: center;}
.s5 .titBx > div{overflow: hidden;}
.s5 .titBx small{font-family: 'Inter Tight';font-weight: 600;font-size: 18px;color: #c01640;display: block;}
.s5 .titBx h2{font-size: 58px;font-weight: 700;color: #000;line-height: 1.5;padding-top: 15px;}
.s5 .titBx h2 em{color: #c01640;}

.s5 .cardBx{
    /* font-size: 1px; */
    display: inline-flex;
    align-items: center;
    gap: 2em;
    max-width: unset;
    padding-top: 50px;
    transform-style: preserve-3d;
    perspective: 1000px;
    perspective-origin: 50% 50%;
    position: relative;
    left: 35vw;
    box-sizing: border-box;
}
.s5 .cardBx .card {width: 372px;position: relative;overflow: hidden;}

.s5 .cardBx .card:nth-child(4){transform: scale(0.9) translateX(-4%) rotateY(20deg);}
.s5 .cardBx .card:nth-child(5){transform: scale(0.8) translateX(-28%) rotateY(30deg);}
/* .s5 .cardBx .card:nth-child(5){transform: scale(0.7) translateX(-58%) rotateY(35deg);} */

.s5 .cardBx .card .imgBx{border-radius: 26px;overflow: hidden;width: 100%;height: 100%;}
.s5 .cardBx .card .imgBx img{width: 100%;height: 100%;object-fit: cover;transition: transform .8s;}

.s5 .cardBx .card .txtBx{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    padding: 40px;
    box-sizing: border-box;
    color: #fff;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.s5 .cardBx .card:hover .imgBx img{transform: scale(1.1);}
.s5 .cardBx .card .txtBx .tag{width: fit-content;padding: 5px 15px;box-sizing: border-box;text-align: center;background-color:#505255;display: flex;align-items: center;justify-content: center;font-size: 15px;font-weight: 500;color: #bdbdbd;border-radius: 4px;border: 1px solid #bbbbbb;
box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, .1);
opacity: 0.8;
}
.s5 .cardBx .card .txtBx .tit h4{font-size: 30px;font-weight: 700;color: #fff;}
.s5 .cardBx .card .txtBx .tit p{font-size: 17px;font-weight: 400;color: #fff;padding-top: 20px;line-height: 1.64705;}
.s5 .cardBx .card ._num{position: absolute;bottom: -15%;right: 5%;}
.s5 .cardBx .card ._num span{font-size: 199px;font-family: 'Inter Tight';font-weight: 300;color: rgba(255,255,255,0.09)}
.s5 .swiperBx{display: none;padding-top: 40px;text-align: center;overflow: hidden;}



/* s6 */
.s6{width: 100%;height: 100vh;overflow: hidden; position: relative;}
.s6 .bg{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}
.s6 .bg div{
    background-size: cover;background-position: center;
    width: 100%; height: 100%;
}
.s6 .cont{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;padding-top: 80px;box-sizing: border-box;overflow: hidden;}
.s6 .cont .txtBx{display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;}
.s6 .cont .txtBx ._small{overflow: hidden;}
.s6 .cont .txtBx ._small p{font-family: 'Inter Tight';font-weight: 400;font-size: 18px;color: rgba(255, 255, 255, 0.61);}
.s6 .cont .txtBx ._h2{font-size: 72px;font-weight: 600;color: #fff;line-height: 1.4861;padding-top: 35px;text-align: center;overflow: hidden;}
.s6 .cont .txtBx ._h2 .top{display: flex;align-items: center;justify-content: center;gap: 0.13em;overflow: hidden;}
.s6 .cont .txtBx ._h2 .bottom{overflow: hidden;}
.s6 .cont .txtBx ._h2 .top .line{width: 123px;height: 3px;background-color: #fff;}
.s6 .cont .btnBx{padding-top: 80px;display: flex;align-items: center;justify-content: center;gap: 20px;width: 100%;}
.s6 .cont .btnBx .btn{max-width: 186px;width: 100%;border: 1px solid #fff;border-radius: 10px;padding: 20px;box-sizing: border-box;transition: background-color 0.3s, border 0.3s;}
.s6 .cont .btnBx .btn .top{display: flex;align-items: center;justify-content: space-between;}
.s6 .cont .btnBx .btn .top i{font-size: 18px;color: #fff;}
.s6 .cont .btnBx .btn .bottom{padding-top: 30px;}
.s6 .cont .btnBx .btn .bottom p{font-size: 18px;font-weight: 500;color: #fff;}

.s6 .cont .btnBx .btn:hover{background-color: #c01640;border-color: #c01640;}

/* 0730 추가 */
.s1 .first .bg .slice .pc_img{display: block;}
.s1 .first .bg .slice .pc_mo{display: none;}
.s1 .swiperBx .swiper-slide .img .pc_img{display: block;}
.s1 .swiperBx .swiper-slide .img .pc_mo{display: none;}
.s6 .bg .pc_img{display: block;}
.s6 .bg .pc_mo{display: none;}





/* 추가 */
.s3 .cont ._first br._mob{display: none;}

@media (max-width: 1680px){
    .s1 .second h1 {font-size: 92px;}
    .s1 .swiperBx .txtBx strong {font-size: 48px;}

    .s2 .txtBx p {font-size: 38px;}

    .s3 ._first{font-size: 88px;}
    .s3 ._second .left p {font-size: 100px;}
    .s3 ._second .right p {font-size: 62px;}
    /* .s3 ._second .center .img{max-width: 400px;} */


    .s5 .titBx h2 {font-size: 52px;}
    .s5 .cardBx .card .txtBx .tit h4 {font-size: 28px;}


    .s6 .cont .txtBx ._h2 {font-size: 62px;}
}
@media (max-width: 1440px){
    .s1 .second h1 {font-size: 82px;}
    .s1 .swiperBx .txtBx strong {font-size: 42px;}

    .s2 .txtBx p {font-size: 32px;}

    .s3 ._first {font-size: 72px;}
    .s3 ._second .left p {font-size: 88px;}
    .s3 ._second .right p {font-size: 52px;}
    .s3 ._second .center{max-width: 320px;}

    .s5 .cardBx .card{width: 320px;}
    .s5 .cardBx .card ._num span {font-size: 178px;}
    .s5 .cardBx .card .txtBx .tit h4 {font-size: 24px;}
    .s5 .cardBx .card .txtBx .tit p {font-size: 16px;}
    .s5 .titBx h2 {font-size: 48px;}
    .s6 .cont .txtBx ._h2 {font-size: 52px;}

}
@media (max-width: 1280px){
    .s1 .second h1 {font-size: 72px;}
    .s1 .swiperBx .txtBx strong {font-size: 38px;}
    .s1 .swiperBx .controlBx{bottom: 0;margin: 5vw 0;}

    .s3 ._first {font-size: 62px;}

    .s3 ._second .center .img {max-width: 320px;}
    .s3 ._second .left p {font-size: 78px;}
    .s3 ._second .right p {font-size: 42px;}
    .s3 ._second .center {max-width: 240px;}

    .s5 .titBx h2 {font-size: 42px;}
    .s6 .cont .txtBx ._h2 {font-size: 42px;}
}
@media (max-width: 1024px){
    .s1 .first .bg .slice {width: 70vw;}
    .s1 .second h1 {font-size: 62px;}
    .s1 .controlBx .pagingBx .swiper-fraction .current {font-size: 28px;}
    .s1 .swiperBx .controlBx {
        bottom: 0;
        margin: 3vw 0;
    }
    .s1 .scroll {
        font-size: 14px;
    }

    .s2 .txtBx p {font-size: 26px;}
    /* .s3 ._second{justify-content: space-around;} */
    .s3 ._first {font-size: 52px;}
    .s3 ._second .left p {font-size: 68px;}
    .s3 ._second .center {max-width: 200px;}
    .s3 ._second .right p {font-size: 38px;}

    .s5 .cardBx{padding-bottom: 40px;}

    .s4 .marqueeBx .marquee > div{min-width: 280px;min-height: 145px;}

    .s5 .titBx h2 {font-size: 38px;}
    .s5 .cardBx .card {width: 250px;}
    .s5 .cardBx .card .txtBx {padding: 30px;}

    .s6 .cont{padding-top: 0;}
    .s6 .cont .txtBx ._h2 {font-size: 38px;}

}
@media (max-width: 820px){
    .wrap{width: 90%;}
    .s1 .first .bg .slice {width: 80vw;}
    .s1 .second h1 {font-size: 43px;}
    .s1 .swiperBx .txtBx{top: 45%;transform: translateY(-50%);}
    .s1 .swiperBx .txtBx .wrap {gap: 20px;}

    .s1 .swiperBx .scroll{display: none;}
    .s1 .swiperBx .controlBx{bottom: 3%;}
    .s1 .controlBx .control{max-width: unset;}
    .s1 .controlBx .control .swiper-pagination{max-width: unset;}
    .s1 br{display: none;}
    .s1 br._mob{display: block;}
    .s1 .scroll{bottom: calc(100 / 16 * 1em);}

    .s2 .txtBx p {font-size: 22px;}

    /* .s3 ._first {font-size: 34px;} */

    .s3 ._second{gap: 0;}
    .s3 .cont ._first br._mob{display: block;}
    .s3 .secondBx.mob{display: block;}
    .s3 .secondBx{display: none;}
    .s3 ._second {flex-direction: column;justify-content: center;}
    .s3 ._second .left, .s3 ._second .right{width: 100vw;height: 5em;align-items: center;}
    .s3 ._second .Bx{padding-top: 40px;}

    .s3 ._second .left p {font-size: 78px;}
    .s3 ._second .right p {font-size: 52px;}

    .s4 ._more {font-size: 20px;}
    .s4 .marqueeBx:nth-child(2){margin-top: 40px;}
    /* .s4 .marqueeBx .marquee > div img {max-width: 45%;} */
    .s4 .marqueeBx .marquee > div {min-width: 200px; min-height: 103px;}

    .s5{height: unset;padding-bottom: 80px;padding-top: 80px;}
    .s5 .titBx h2 {font-size: 32px;padding-top: 15px;}
    .s5 .cardBx{display: none;}
    .s5 .swiperBx{display: block;
        width: 90%;
        margin: 0 auto;
        overflow: hidden;}
    .s5 .swiperBx .swiper{width: 100%;max-width: 371px;}
    .s5 .swiperBx .swiper-slide{width: 100%;position: relative;overflow: hidden;}
    .s5 .swiperBx .swiper-slide .imgBx{width: 100%;height: 100%;border-radius: 20px;overflow: hidden;}
    .s5 .swiperBx .swiper-slide .imgBx img{width: 100%;height: 100%;object-fit: cover;}

    .s5 .swiperBx .swiper-slide .txtBx{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    padding: 40px;
    box-sizing: border-box;
    color: #fff;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    }
    .s5 .swiperBx .swiper-slide .txtBx .tag {
        width: fit-content;
        padding: 5px 15px;
        box-sizing: border-box;
        text-align: center;
        background-color: #505255;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 15px;
        font-weight: 500;
        color: #bdbdbd;
        border-radius: 4px;
        border: 1px solid #bbbbbb;
        box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, .1);
    }
    .s5 .swiperBx .swiper-slide .txtBx .tit h4 {font-size: 22px;}
    .s5 .swiperBx .swiper-slide .txtBx .tit p {font-size: 16px;        padding-top: 20px;line-height: 1.64705;}
    .s5 .swiperBx .swiper-slide ._num {position: absolute;bottom: -10%;right: 7%;}
    .s5 .swiperBx .swiper-slide ._num span {font-size: 158px;color: rgba(255, 255, 255, 0.09);pointer-events: none;}
    .s5 .swiperBx .swiper-slide .txtBx .tit{text-align: left;}
    .s5 .swiperBx ._arrowBx{display: flex;align-items: center;justify-content: center;gap: 20px;padding-top: 20px;}
    .s5 .swiperBx ._arrowBx .swiper-button-next, .s5 .swiperBx ._arrowBx .swiper-button-prev{width: 45px;height: 45px;border-radius: 50%;background-color: #000;display: flex;align-items: center;justify-content: center;}
    .s5 .swiperBx ._arrowBx .swiper-button-next i, .s5 .swiperBx ._arrowBx .swiper-button-prev i{font-size: 16px;color: #fff;}
    /* .s5 .cardBx{display: none;} */
    /* .s5 .swiperBx{display: block;text-align: center;}
    .s5 .swiperBx .swiper{max-width: 372px;margin: 0 auto;} */
    .s6 .cont .txtBx ._h2 {font-size: 32px;padding-top: 15px;line-height: 1.6;}
    .s6 .cont .txtBx ._h2 .top .line {height: 2px;}

}
@media (max-width: 500px){
    .s1 .first .bg .slice {width: 90vw;}
    .s1 .second h1 {font-size: 32px;}
    .s1 .swiperBx .txtBx small {font-size: 16px;}
    .s1 .swiperBx .txtBx strong {font-size: 28px;}
    .s1 .swiperBx .txtBx .viewBtn {max-width: 100px;padding: 8px 0;}
    .s1 .swiperBx .txtBx .viewBtn span {font-size: 14px;}
    .s1 .controlBx .pagingBx .swiper-fraction .current {font-size: 22px;}
    .s1 .controlBx .pagingBx .swiper-fraction .total {font-size: 16px;}

    .s2 .txtBx p {font-size: 18px;}

    .s3 ._first {font-size: 42px;}
    .s3 ._second .left, .s3 ._second .right {height: 4em;}
    .s3 ._second .left p {font-size: 62px;}
    .s3 ._second .right p {font-size: 38px;}


    .s4 ._more {font-size: 18px;}
    .s4 .marqueeBx .marquee > div img{max-width: 90%;}

    .s5 .swiperBx .swiper {max-width: 285px;}
    .s5 .swiperBx .swiper-slide .txtBx {padding: 30px;}
    .s5 .titBx small {font-size: 16px;}
    .s5 .titBx h2 {font-size: 27px;}

    .s6 .cont .txtBx ._small p {font-size: 16px;}
    .s6 .cont .txtBx ._h2 {font-size: 28px;}
    .s6 .cont .txtBx ._h2 .top .line{width: 50px;}
    .s6 .cont .btnBx .btn .top i {font-size: 16px;}
    .s6 .cont .btnBx .btn .bottom p {font-size: 16px;}

    .s6 .cont .btnBx{flex-direction: column;padding-top: 40px;}


    /* 추가 0730 */
    .s1 .first .bg .slice .pc_img{display: none;}
    .s1 .first .bg .slice .pc_mo{display: block;}
    .s1 .swiperBx .swiper-slide .img .pc_img{display: none;}
    .s1 .swiperBx .swiper-slide .img .pc_mo{display: block;}
    .s6 .bg .pc_img{display: none;}
    .s6 .bg .pc_mo{display: block;}


}
@media (max-width: 360px){
    .s1 .swiperBx .txtBx strong {font-size: 24px;}
    .s1 .second h1 {font-size: 24px;}

    .s2 .txtBx p {font-size: 16px;}

    .s3 ._first {font-size: 36px;}
    .s3 ._second .left p {font-size: 54px;}
    .s3 ._second .right p {font-size: 34px;}

    .s4 ._more {font-size: 16px;}

    .s5 .titBx h2 {font-size: 22px;}
    .s5 .swiperBx .swiper-slide .txtBx{padding: 30px;}
    .s6 .cont .txtBx ._small p {font-size: 16px;}
    .s6 .cont .txtBx ._h2 {font-size: 22px;}
}