/* BASIC css start */
[data-aos][data-aos][data-aos-delay="3500"], body[data-aos-delay="3500"] [data-aos] {
    transition-delay:0;
}
[data-aos][data-aos][data-aos-delay="3500"].aos-animate, body[data-aos-delay="3500"] [data-aos].aos-animate {
    transition-delay:3.5s;
}

@keyframes init-animation {
  from {
    opacity:0;
    transform:translate3d(0, 100px, 0px);
  }

  to {
    opacity: 1;
    transform: translateZ(0);
  }
}

.brand-intro {
}

.brand-intro .about {
    position:relative;
    margin-top:200px;
}
.brand-intro .about .text-box {
    width:1316px;
    margin:0 auto;
}
.brand-intro .about .text-box .titles {
    display:flex;
    align-items:flex-end;
    gap:0px 32px;
}
.brand-intro .about .text-box .titles h3 {
    color:#000;
    font-size:100px;
    font-weight:bold;
    line-height:75px;
    animation-name:init-animation;
    animation-timing-function:ease;
    animation-duration:0.4s;
    animation-fill-mode: backwards;
}
.brand-intro .about .text-box .titles h6 {
    color:#000;
    font-size:34px;
    line-height:30px;
    animation-name:init-animation;
    animation-timing-function:ease;
    animation-duration:0.4s;
    animation-delay:0.4s;
    animation-fill-mode: backwards;
}
.brand-intro .about .text-box p {
    margin-top:90px;
    color:#000000;
    font-size:34px;
    font-weight:600;
    line-height:60px;
    animation-name:init-animation;
    animation-timing-function:ease;
    animation-duration:0.4s;
    animation-delay:0.8s;
    animation-fill-mode: backwards;
}
.brand-intro .about .overlay-box {
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    z-index:10;
}
.brand-intro .about .overlay-box .inner {
    position:relative;
    max-width:1490px;
    height:100%;
    margin:0 auto;
}
.brand-intro .about .sub-text-box {
    position:absolute;
    right:0px;
    bottom:112px;
    z-index:10;
    width:440px;
}
.brand-intro .about .sub-text-box h6 {
    color:#fff;
    font-size:50px;
    font-weight:800;
    line-height:50px;
}
.brand-intro .about .sub-text-box p {
    margin-top:40px;
    color:#fff;
    font-size:18px;
    font-weight:300;
    line-height:35px;
}
.brand-intro .about .swiper {
    margin-top:70px;
}
.brand-intro .about .swiper .swiper-slide {
    width:100%;
    height:100vh;
    padding:0px 205px;
    box-sizing:border-box;
    transition:padding 0.5s ease;
}
.brand-intro .about.expand .swiper .swiper-slide {
    padding:0px;
}
.brand-intro .about .swiper .swiper-slide img {
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center top;
}
.brand-intro .about .swiper-pagination {
    top:0px;
    right:160px;
    bottom:unset;
    left:unset;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:0px 6px;
    width:100px;
    height:80px;
    color:#fff;
    font-size:16px;
    font-weight:300;
    text-align:center;
}
.brand-intro .about .swiper-pagination .swiper-pagination-current {
    font-weight:800;
}
.brand-intro .about .swiper-button-prev {
    top:0px;
    left:unset;
    right:80px;
    width:80px;
    height:80px;
    margin-top:0px;
    background:url(/design/park6594/renew_23/pc/brand/swiper_prev_btn.jpg) no-repeat center center;
    background-size:cover;
}
.brand-intro .about .swiper-button-next {
    top:0px;
    right:0px;
    width:80px;
    height:80px;
    margin-top:0px;
    background:url(/design/park6594/renew_23/pc/brand/swiper_next_btn.jpg) no-repeat center center;
    background-size:cover;
}
.brand-intro .about .swiper-button-prev:after,
.brand-intro .about .swiper-button-next:after {
    display:none;
}

.brand-intro .value {
    height:1128px;
    margin-top:238px;
    padding-top:250px;
    background:url(/design/park6594/renew_23/pc/brand/value_bg.jpg) no-repeat center center;
    background-size:cover;
    box-sizing:border-box;
}
.brand-intro .value .text-box {
    width:1316px;
    margin:0 auto;
}
.brand-intro .value .text-box .titles {
    display:flex;
    align-items:flex-end;
    gap:0px 32px;
}
.brand-intro .value .text-box .titles h3 {
    color:#fff;
    font-size:100px;
    font-weight:bold;
    line-height:75px;
}
.brand-intro .value .text-box .titles h6 {
    color:#fff;
    font-size:34px;
    line-height:30px;
}
.brand-intro .value .circles {
    display:flex;
    justify-content:center;
    margin:196px auto 0px;
}
.brand-intro .value .circles .item {
    display:flex;
    align-items:center;
    flex-direction:column;
    width:398px;
    height:398px;
    padding-top:98px;
    border:5px solid #fff;
    border-radius:50%;
    box-sizing:border-box;
    text-align:center;
}
.brand-intro .value .circles .item:first-child {
    margin-right:-5px;
}
.brand-intro .value .circles .item:last-child {
    margin-left:-5px;
}
.brand-intro .value .circles .item h6 {
    color:#fff;
    font-size:30px;
    font-weight:800;
    line-height:40px;
}
.brand-intro .value .circles .item h6 strong {
    color:#fff;
    font-size:50px;
    font-weight:800;
    line-height:56px;
}
.brand-intro .value .circles .item p {
    margin-top:25px;
    color:#fff;
    font-size:18px;
    font-weight:300;
    line-height:28px;
}

.brand-intro .e-made {
    height:400vh;
    margin-top:160px;
}
.brand-intro .e-made .wrapper {
    position:sticky;
    top:108px;
    height:calc(100vh - 108px);
    white-space:nowrap;
    overflow:hidden;
}
.brand-intro .e-made .wrapper .text-box {
    position:absolute;
    left:9.27vw;
    top:6.77vh;
    z-index:2;
}
.brand-intro .e-made .wrapper .text-box h3 {
    color:#000;
    font-size:5.20vw;
    font-weight:800;
    line-height:12.71vh;
}
.brand-intro .e-made .wrapper .text-box h6 {
    margin-top:8.81vh;
    color:#000;
    font-size:2.60vw;
    font-weight:800;
    line-height:6.77vh;
}
.brand-intro .e-made .wrapper .text-box p {
    margin-top:0.59vh;
    color:#000;
    font-size:1.56vw;
    font-weight:600;
    line-height:5.084vh;
}
.brand-intro .e-made .wrapper .sub-text-box {
    position:absolute;
    top:52.96vh;
    left:17.70vw;
    z-index:2;
}
.brand-intro .e-made .wrapper .sub-text-box h6 {
    color:#000;
    font-size:2.60vw;
    font-weight:800;
    line-height:6.77vh;
}
.brand-intro .e-made .wrapper .sub-text-box p {
    margin-top:1.69px;
    color:#000;
    font-size:0.93vw;
    font-weight:300;
    line-height:2.96vh;
}
.brand-intro .e-made .wrapper .sub-text-box p:last-child {
    margin-top:1.25vw;
}
.brand-intro .e-made .wrapper .img-box {
    width:260.41vw;
    height:100%;
}
.brand-intro .e-made .wrapper .img-box img {
    position:absolute;
    z-index:1;
    transition-property:opacity, transform;
    transition-duration:0.4s;
    transition-timing-function:ease;
    object-fit:cover;
    object-position: center top;
    /*opacity:0;
    transform:translate3d(0px, 100px, 0);*/
}
.brand-intro .e-made .wrapper .img-box img:nth-child(1) {
    top:0px;
    left:50%;
    width:50%;
    height:100%;
    opacity:1;
    transform: translateZ(0);
    transition-delay:0;
}
.brand-intro .e-made .wrapper .img-box img:nth-child(2) {
    top:7.54%;
    left:107.65vw;
    width:32.29vw;
    height:34.23%;
}
.brand-intro .e-made .wrapper .img-box img:nth-child(3) {
    top:57.54%;
    left:109.89vw;
    width:15.26vw;
    height:32.54%;
}
.brand-intro .e-made .wrapper .img-box img:nth-child(4) {
    top:50%;
    left:131.87vw;
    width:19.73vw;
    height:40.08%;
}
.brand-intro .e-made .wrapper .img-box img:nth-child(5) {
    top:0px;
    left:158.07vw;
    width:44.79vw;
    height:100%;
}
.brand-intro .e-made .wrapper .img-box img:nth-child(6) {
    top:30%;
    left:214.37vw;
    width:37.76vw;
    height:70%;
}
.brand-intro .e-made .wrapper .img-box img.custom-animate {
    opacity:1;
    transform: translateZ(0);
    transition-delay:0;
}
.brand-intro .e-made .wrapper .img-box img:nth-child(3).custom-animate {
    transition-delay:0.4s;
}
.brand-intro .e-made .wrapper .img-box img:nth-child(4).custom-animate {
    transition-delay:0.8s;
}
.brand-intro .e-made .wrapper .img-box img:nth-child(5).custom-animate {
    transition-delay:1.2s;
}
.brand-intro .e-made .wrapper .img-box img:nth-child(6).custom-animate {
    transition-delay:1.6s;
}

.brand-intro .e-del {
    height:400vh;
    margin-top:142px;
}
.brand-intro .e-del .wrapper {
    position:sticky;
    top:108px;
    height:calc(100vh - 108px);
    white-space:nowrap;
    overflow:hidden;
}
.brand-intro .e-del .wrapper .text-box {
    position:absolute;
    top:9.66vh;
    left:41.09vw;
    z-index:2;
}
.brand-intro .e-del .wrapper .text-box h3 {
    color:#000;
    font-size:5.20vw;
    font-weight:800;
    line-height:12.71vh;
}
.brand-intro .e-del .wrapper .text-box h6 {
    margin-top:8.81vh;
    color:#000;
    font-size:2.60vw;
    font-weight:800;
    line-height:6.77vh;
}
.brand-intro .e-del .wrapper .text-box p {
    margin-top:0.59vh;
    color:#000;
    font-size:1.56vw;
    font-weight:600;
    line-height:5.08vh;
}
.brand-intro .e-del .wrapper .sub-text-box {
    position:absolute;
    top:61.05vh;
    left:56.51vw;
    z-index:2;
}
.brand-intro .e-del .wrapper .sub-text-box h6 {
    color:#000;
    font-size:2.60vw;
    font-weight:800;
    line-height:5.93vh;
}
.brand-intro .e-del .wrapper .sub-text-box p {
    margin-top:1.69vh;
    color:#000;
    font-size:0.93vw;
    font-weight:300;
    line-height:2.96vh;
}
.brand-intro .e-del .wrapper .img-box {
    width:5500px;
    height:100%;
}
.brand-intro .e-del .wrapper .img-box img {
    position:absolute;
    z-index:1;
    transition-property:opacity, transform;
    transition-duration:0.4s;
    transition-timing-function:ease;
    opacity:0;
    object-fit:cover;
    object-position: center top;
    transform:translate3d(0px, 100px, 0);  
}
.brand-intro .e-del .wrapper .img-box img:nth-child(1) {
    top:0px;
    left:0px;
    opacity:1;
    transform: translateZ(0);
    transition-delay:0;
    width:50%;
    height:100%;
}
.brand-intro .e-del .wrapper .img-box img:nth-child(2) {
    top:26.01%;
    left:87.34vw;
    width:35.46vw;
    height:73.98%;
}
.brand-intro .e-del .wrapper .img-box img:nth-child(3) {
    top:8.13%;
    left:127.86vw;
    width:24.84vw;
    height:32.79%;
}
.brand-intro .e-del .wrapper .img-box img:nth-child(4) {
    top:8.13%;
    left:154.21vw;
    width:26.35vw;
    height:32.79%;
}
.brand-intro .e-del .wrapper .img-box img:nth-child(5) {
    top:50.67%;
    left:140.52vw;
    width:43.80vw;
    height:43.64%;
}
.brand-intro .e-del .wrapper .img-box img:nth-child(6) {
    top:12.37%;
    left:193.12vw;
    width:34.21vw;
    height:38.30%;
}
.brand-intro .e-del .wrapper .img-box img:nth-child(7) {
    top:60%;
    left:210vw;
    width:13.95vw;
    height:22.54%;
}
.brand-intro .e-del .wrapper .img-box img:nth-child(8) {
    top:62.45%;
    left:187.81vw;
    width:14.68vw;
    height:31.94%;
}
.brand-intro .e-del .wrapper .img-box img:nth-child(9) {
    top:10.93%;
    left:237.34vw;   
    width:49.11vw;
    height:79.91%;
}
.brand-intro .e-del .wrapper .img-box img.custom-animate {
    opacity:1;
    transform: translateZ(0);
    transition-delay:0;
}
.brand-intro .e-del .wrapper .img-box img:nth-child(3).custom-animate {
    transition-delay:0.4s;
}
.brand-intro .e-del .wrapper .img-box img:nth-child(4).custom-animate {
    transition-delay:0.8s;
}
.brand-intro .e-del .wrapper .img-box img:nth-child(5).custom-animate {
    transition-delay:1.2s;
}
.brand-intro .e-del .wrapper .img-box img:nth-child(6).custom-animate {
    transition-delay:1.6s;
}
.brand-intro .e-del .wrapper .img-box img:nth-child(7).custom-animate {
    transition-delay:2s;
}
.brand-intro .e-del .wrapper .img-box img:nth-child(8).custom-animate {
    transition-delay:2.4s;
}
.brand-intro .e-del .wrapper .img-box img:nth-child(9).custom-animate {
    transition-delay:2.8s;
}

.brand-intro .slogan {
    display:flex;
    align-items:center;
    flex-direction:column;
    height:calc(100vh - 108px);
    text-align:center;
    box-sizing:border-box;
}
.brand-intro .slogan h2 {
    margin-top:36.92vh;
    color:#000;
    font-size:7.10vh;
    font-weight:800;
    line-height:10.15vh;
}
.brand-intro .slogan p {
    margin-top:1.82vh;
    color:#cccccc;
    font-size:2.03vh;
    line-height:4.06vh;
}
.brand-intro .slogan h6 {
    margin-top:2.43vh;
    color:#000;
    font-size:4.06vh;
    font-weight:600;
    line-height:6.09vh;
}

#footer {
    margin-top:0px !important;
}
/* BASIC css end */