@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC&display=swap);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600;700;800&display=swap');


.pcbr{display:block !important;}
.ptbr{display:block !important;}
.tbr{display:none !important;}
.tmbr{display:none !important;}
.mbr{display:none !important;}
.pc_view{display:block !important;}
.pt_view{display:block !important;}
.tm_view{display:none !important;}
.t_view{display:none !important;}
.m_view{display:none !important;}
.slick-list,.slick-track{width:100%;height:100%;}

body{height: auto !important;}
#wrap{opacity:0;}
#wrap{opacity:1;transition: 1.2s cubic-bezier(0.6, 0.01, 0, 1.12) 0.3s;}

body{height: auto !important;overflow-x: hidden;}
.fixinner{height:100% !important; overflow:hidden;}







#wrap{background:#f5f5f5;}
section{position:relative;box-sizing:border-box;}
section *{box-sizing:border-box;}
section .inner{position:relative;z-index: 10;}
section .contents{position:relative;}
section .view_more{position:relative;}
section .view_more a{position: relative;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;width: 200px;height: 54px;border: 1px solid #000000;font-size: 1.1rem;text-align: center;font-family: 'Montserrat';text-transform: uppercase;font-weight: 500;color: #000000;letter-spacing: -0.5px;transition: 0.3s;}
section .view_more figure{display:block;position: relative;width: auto;overflow:hidden;padding-right: 26px;z-index: 1;}
section .view_more span{position: relative;width: 100%;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;margin-top: 2px;}
section .view_more a figure:after{display: block;content:"";position: absolute;top: 6px;right: 4px;width: 12px;height: 1px;background: #000;transition: 0.3s;}
section .view_more a figure:before{display: block;content: "";position: absolute;top: 3px;right: 4px;border: 1px solid #000;width: 6px;height: 6px;transform: rotate(45deg);border-left: 0;border-bottom: 0;transition: 0.3s;}
section .view_more a:before{display:block;content:"";position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;opacity: 0;background: #222;transition: 0.3s;z-index: 0;}
section .view_more a:hover{border-color: #222222;}
section .view_more a:hover:before{opacity: 1;}
section .view_more a:hover figure:before{border-color:#fff;}
section .view_more a:hover figure:after{background:#fff;}
section .view_more a:hover span{color:#fff; transition:0.4s;}
section .view_more span:after{content:'VIEW MORE';display:block;left: 0;position: absolute;top: 100%;width: 100%;text-align: center;opacity: 0; transition:0.5s;}
section .view_more a:hover span:after{opacity:1;transition:0.7s;}
section .view_more a:hover span{opacity: 1;position: relative;transform: translateY(-100%);transition: transform 0.3s ease 0.1s;}


#wrap section .sec_title_g{margin-bottom: 40px;}
section .sec_title_g .cate{font-size: 1.6rem;color: #000;font-family: 'Montserrat';font-weight: 500;line-height: 1em;text-transform: uppercase;}
section .sec_title_g .cate span{display: inline-block;}
section .title1{font-size: 5rem;color: #454545;font-family: 'Montserrat';font-weight: 200;letter-spacing: -1px;}
section .title1 p.bold{font-family: 'Shippori Mincho', serif;font-size: 5rem;font-weight: 400;color: #000;letter-spacing: 0;}
section .txt1{font-size: 1.9rem;color: #555555;font-family: 'Montserrat','Noto Sans KR';font-weight: 400;line-height: 1.5;letter-spacing: -0.5px;}

section .img_motion{position: relative;width:100%;height:100%;overflow: hidden;}
section .img_motion span{width:100%;height:100%;display:block;}

section.white .sec_title_g .cate{color: #fff;}
section.white .sec_title_g .txt1{color: #fff;}


.sec1{width: 100%;height: 100vh;}
.sec1 .main_slider,.sec1 .main_slider .item,.sec1 .main_slider .img{width: 100%;height: 100%;}
.sec1 .main_slider .item{position:relative;width: 100%;height: 100%;overflow:hidden;}
.sec1 .main_slider .img_g{position:absolute;width: 100%;height: 100%;}
.sec1 .main_slider .bg{position: relative;width: 100%;height: 100%;top: 0;left: 0;}
.sec1 .main_slider.slide_next .item.swiper-slide-active .bg{animation: nextAni 1s cubic-bezier(0.42, 0, 0.21, 0.9) alternate; transition:clip-path 1.3s !important;}
.sec1 .main_slider.slide_prev .item.swiper-slide-active .bg{animation: prevAni 1s cubic-bezier(0.42, 0, 0.21, 0.9) alternate; transition:clip-path 1.3s !important;}

.sec1 .main_slider .img{position: relative;transform: scale(1.1);width: 100%;height: 100%;transition:3s 0.1s;}
.sec1 .main_slider .swiper-slide-active .img{transform:scale(1);}


@keyframes prevAni {
    0%{clip-path: inset(100% 0px 0% 0px);}
    100%{clip-path: inset(0px 0px 0% 0px);}
}
@keyframes nextAni {
    0%{clip-path: inset(0% 0px 100% 0px);}
    100%{clip-path: inset(0px 0px 0% 0px);}
}
@keyframes scaleAni {
    0%{transform: scale(1.13);}
    100%{transform:scale(1);}
}

.sec1 .main_slider .img{position: relative;top: 0;left: 0;}
.sec1 .main_slider .text_g{position: relative;padding: 0 23%;height: 100%;margin: 0 auto;display: flex;flex-wrap: wrap;align-items: center;}
.sec1 .main_slider .text_g .title{line-height: 1.07;}
.sec1 .main_slider .text_g .title p{font-size: 8rem;color: #fff;font-family: 'Montserrat';font-weight: 200;letter-spacing: -2px;}
.sec1 .main_slider .text_g .title p.bold{font-family: 'Shippori Mincho', serif;font-size: 8.4rem;font-weight: 100;letter-spacing: -1px;}
.sec1 .main_slider .text_g .title p span{display:inline-block;}
.sec1 .arrow_wrap .arrow{position: absolute;top: 50%;left: 2.5%;width: 30px;height: 60px;margin-top: -30px;font-size: 0;z-index: 100;}
.sec1 .arrow_wrap .arrow:before{display: block;content:"";position: absolute;top: 9px;left: 9px;width: 41px;height: 41px;border: 1px solid #fff;border-top: 0;border-left: 0;transform: rotate(135deg);}
.sec1 .arrow_wrap .next{left: auto;right: 2.5%;}
.sec1 .arrow_wrap .next:before{transform: rotate(-45deg);left: -21px;}
.sec1 .arrow_wrap .arrow:hover:before{border-color:#000; transition:0.3s;}
.sec1 .scroll_down{position: absolute;width: 1px;height: 100px;bottom: 35px;left: 50%;background: rgba(255,255,255,0.4);z-index: 10;overflow:hidden;}
.sec1 .scroll_down:after{display:block;content:"";position: absolute;top: 0;left: 0;width: 1px;height: 100%;background: #fff;animation: lineActiveAnimation 1.9s cubic-bezier(0.445,0.05,0.55,0.95) infinite;}
@keyframes lineActiveAnimation {
    0%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:center top;transform-origin:center bottom}
    49%{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:center top;transform-origin:center bottom}
    50%{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:center bottom;transform-origin:center top}
    99%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:center bottom;transform-origin:center top}
    100%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:center bottom;transform-origin:center top}
}
.sec1 .pagination{position: absolute;left: 0;padding:0 5.2%;bottom: 55px;width: 100%;z-index: 20;}
.sec1 .pagination .list{position:relative;display:inline-block;vertical-align:middle;opacity: 1;width: auto;height: 18px;background: transparent;border-radius: 0;outline: 0;}
.sec1 .pagination button{position:relative;width: 4px;height: 4px;border-radius: 50%;background: #fff;padding: 0;margin: 0;border: 0;box-sizing:border-box;}
.sec1 .pagination .list + .list{margin-left: 24px;}
.sec1 .pagination button svg{position: absolute;width: 18px;height: 18px;stroke: #fff;fill: none;stroke-width: 2;stroke-dashoffset: 100;stroke-dasharray: 100;margin: -8px 0 0 -6px;}
.sec1 .pagination .swiper-pagination-bullet-active button svg{animation-name:circ; animation-duration:4s; -webkit-animation-name:circ; -webkit-animation-duration:4s; stroke-dashoffset:0\0; stroke-dasharray:0\0;}

@keyframes circ {
    0% {stroke-dashoffset:100;}
    100% {stroke-dashoffset:0;}
}
@-webkit-keyframes circ {
    0% {stroke-dashoffset:100;}
    100% {stroke-dashoffset:0;}
}

.sec2{padding:100px 0 0;}
.sec2 .sec_title_g{margin-bottom:0;}
.sec2 .contents{padding: 0px 11.5%;width: 100%;height: 45.75vw;margin-top: -16px;z-index: 20;}
.sec2 .inner:before{display:block;content:"";position: absolute;top: 0;left: 50%;width: 1px;height: 100%;background: #e0dfde;z-index: 1;}
.sec2 .text_g{padding-top: 12.5vw;}
.sec2 .text_g .title1{line-height: 0.95;}
.sec2 .text_g .txt1{line-height:1.7;margin-top: 40px;}
.sec2 .text_g .view_more{margin-top: 50px;}
.sec2 .bg{position: absolute;top: 97px;right: 0;width: 100%;z-index: 13; }
.sec2 .bg canvas{position:absolute;top:0;right:0;transition: unset;z-index:100;/* display: none; */}
/*.sec2 .bg .img:after{display:block;content:"";background: url('/elasty/images/main/our_shadow.png')no-repeat top center;width: 35.157vw;height: 21.771vw;position: absolute;bottom: -40%;left: 50%;transform: translateX(-50%) scale(1);margin-left: 9%;background-size: 100%;animation: shadow 3s infinite;animation-direction: alternate;}*/

.sec2 .bg .img{position: absolute; width: 66.146vw; height: 39.531vw;top: 0;right: 0;}
.sec2 .bg img{width: 100%; filter:blur(5px);}
.sec2 .bg.in-view img{filter:blur(0px); transition:1.5s;}
@-webkit-keyframes shadow {
    0% {margin-left: 9%; margin-bottom:0%; opacity:1;}
    100% {margin-left: 4%; margin-bottom:-2%; opacity:0.7;}
}


.sec3{padding: 95px 0 0;}
.sec3 .brand_slider_wrap{position: relative;width: 100%;display: flex;flex-wrap: wrap;/* overflow: hidden; */}
.sec3 .brand_slider_wrap .brand_slider{position: relative;width: 50%;height: 42.6045vw;overflow: hidden;}
.sec3 .brand_slider_wrap .brand_slider .item{width: 100%;height: 100%;overflow: hidden;}
.sec3 .brand_slider_wrap .brand_slider .item a{width:100%;height:100%;display:block;}
.sec3 .brand_slider_wrap .brand_slider .group{width: 100%;height: 100%;overflow: hidden;}
.sec3 .brand_slider_wrap .brand_slider .img{width: 100%;height: 100%;}
.sec3 .brand_slider_wrap .brand_slider .text_g{position: absolute;bottom: 0;left: 0;width: 100%;padding: 6% 6.5%;}
.sec3 .brand_slider_wrap .brand_slider .text_g .logo{width: ;}
.sec3 .brand_slider_wrap .brand_slider .text_g .logo img{width: ;}
.sec3 .brand_slider_wrap .brand_slider .text_g .txt1{color: #fff;font-size: 1.6rem;font-weight: 300;line-height: 1.7;margin-top: 18px;}
.sec3 .brand_nav{position:absolute;top: 50%;left: 50%;display: flex;flex-wrap: wrap;transform: translate(-50%,-50%);z-index: 20;}
.sec3 .brand_nav .arrow{position: relative;width: 100px;height: 100px;background: #222222;z-index: 100;}
.sec3 .brand_nav .arrow .i{display:block;content:"";position: absolute;top: 43px;left: 47px;width: 14px;height: 14px;border: 1px solid rgba(255,255,255,0.5);transform: rotate(135deg);border-top: 0;border-left: 0;}
.sec3 .brand_nav .arrow:hover{background: #111111; transition:0.3s;}
.sec3 .brand_nav .arrow:hover .i{border-color:#fff;transition: 0.3s;}
.sec3 .brand_nav .arrow.button_next .i{display:block;content:"";transform: rotate(-45deg);left: 39px;}


.sec4{padding: 100px 0;}
.sec4 .contents{display:flex;flex-wrap: wrap;}
.sec4 .big_img{position: relative;width:50%;overflow: hidden;}
.sec4 .big_img .img_motion{width: 100%;height: 44.271vw;min-height: 850px;}
.sec4 .rnd_con{width:50%;padding-left: 6.8%;}
.sec4 .rnd_con .img_g{width: 100%;display: flex;flex-wrap: wrap;}
.sec4 .rnd_con .img_g .img{width: calc(50% - 2%);height: 23.1775vw;}
.sec4 .rnd_con .img_g .img + .img{margin-left: 4%;}
.sec4 .rnd_con .text_g{width: 100%;padding-top: 8%;}
.sec4 .rnd_con .text_g .title1{line-height:1.1;}
.sec4 .rnd_con .text_g .txt1{margin-top: 30px;}
.sec4 .rnd_con .text_g .view_more{margin-top: 59px;}

.sec4 .big_img .text_g{
    position:absolute;left:6%;bottom:55px;z-index:100;
    width:88%;
    box-sizing:border-box;
    padding:60px 50px;
    border:1px solid rgba(255,255,255,0.5);
}
.sec4 .big_img .text_g:before{
    display:block;content:"";
    width:100%;height:100%;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    position:absolute;left:0;top:0;
}
.sec4 .big_img .text_g .title1{position:relative;z-index:10;color:#fff;line-height:1.1;text-shadow:0 2px 3px rgba(0,0,0,0.2);}
.sec4 .big_img .text_g .title1 p.bold{color:#fff;letter-spacing:-1.5px;}
.sec4 .big_img .text_g .txt1{margin:30px 0 50px;color:#fff;font-weight:300;text-shadow:0 2px 3px rgba(0,0,0,0.2);}
.sec4 .big_img .view_more a{border:1px solid #fff;color:#fff;}
.sec4 .big_img .view_more a figure:before{border: 1px solid #fff;border-left:0;border-bottom:0;}
.sec4 .big_img .view_more a figure:after{background:#fff}
.sec4 .big_img .view_more a:hover{border-color:#000;}

.sec5{width:100%;min-height: 100vh;padding: 0px 0 110px;background: url("../img/main/values_main_bg.jpg") center center / cover no-repeat;overflow: hidden;}
.sec5 .sec_title_g{padding-top:100px;}
.sec5 .contents,.sec5 .values_slider,.sec5 .values_slider .swiper-wrapper{position: initial;}
.sec5 .bg{position: absolute;top: -20%;left: -5%;width: calc(100% + 16%);height: 100vh;z-index: 0;transition-duration: 1s !important;}
.sec5 .values_slider .swiper-wrapper{padding-left: 5.2%;}
.sec5 .values_slider .swiper-wrapper.mousewheel {transition-duration: 0.5s !important;}
.sec5 .values_slider .item{overflow: hidden;margin-right: 70px;}
.sec5 .values_slider .item:last-child{margin-right: 300px;}
.sec5 .values_slider .item .group{width: 100%;height: 100%;}
.sec5 .values_slider .item .img{position: relative;width: 100%;height: 100%;top: 0;left: 0;}
.sec5 .values_slider .item .img span{display: block;width: 100%;height: 100%; }
.sec5 .values_slider .text_g{position: absolute;bottom: 0;left: 0;width: 100%;padding: 7.4% 9%;}
.sec5 .values_slider .text_g .title{color: #fff;font-size: 6rem;font-family: 'Cormorant Garamond',sans-serif;font-weight: 300;letter-spacing: -1px;}
.sec5 .values_slider .text_g .txt1{font-size: 1.9rem;color: #fff;font-weight: 300;margin-top: 9px;}
.sec5 .values_slider .item1{width: 800px;height: 600px;}
.sec5 .values_slider .item2{margin-top: 200px;width: 600px;height: 450px;}
.sec5 .values_slider .item3{width: 600px;height: 450px;margin-right: 0 !important;z-index: 2;}
.sec5 .values_slider .item4{width: 600px;height: 450px;margin-top: 215px;margin-left: -60px;}
.sec5.scroll{pointer-events:auto;}

.sec6{padding: 100px 0 100px 0;}
.sec6 .bg{position: absolute;top: 0%;left: 0;width: 100%;height:100%;z-index: 1;}
.sec6 .contents{min-width: 658px;width: 38.5%;margin: 0 auto;padding-top: 65px;}
.sec6 .big_tit{position: absolute;top: 0;left: 50%;width: 900px;text-align: center;font-size: 15rem;line-height: 12rem;vertical-align: top;font-family: 'Cormorant Garamond',sans-serif;color: #0b1612;font-weight: 500;letter-spacing: -3px;margin-left: -450px;}
.sec6 .contents .img_g{position:relative;overflow: hidden;}
.sec6 .contents .img_g .big_tit{top: -65px;color: #fff;z-index: 2;}
.sec6 .contents .img_g .img{position: relative;width: 100%;min-height: 333px;height: 17vw;}
.sec6 .contents .img_g .img span{display:block; width:100%; height:100%;}
.sec6 .contents .text_g{width: 100%;padding-top: 33px;text-align: center;}
.sec6 .contents .text_g .tit{font-size: 4rem;font-family: 'Montserrat',sans-serif;color: #454545;font-weight: 300;letter-spacing: -2px;}
.sec6 .contents .view_more{margin:28px auto 0; display:flex; flex-wrap:wrap; justify-content:center;}
.sec6 .contents .view_more span:after{content:"Going to PI Mall";}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .sec2 .bg img{display:block;}
    .sec2 .bg canvas{display:none;}
}



.sec7{padding: 100px 0 130px 0;text-align:center;}
.sec7 h2{font-family: 'Shippori Mincho', serif;font-size: 9.2rem;font-weight: 400;line-height:100%;color: #464646;}
.sec7 .contents .view_more{margin: 35px auto 0;text-align: center;display: flex;flex-wrap: wrap;justify-content: center;}
.sec7 .contents .view_more span:after{content:"OUR PARTNERS";}



/*motion*/
.sec1 .arrow_wrap{opacity:0;}
#wrap .sec1 .arrow_wrap{opacity:1;transition:1s 1s;}

section .sec_title_g .cate{opacity:0; filter: blur(0px); transform:translateX(-0px);}
section .sec_title_g .cate.in-view{opacity:1; filter: blur(0px); transform:translateX(0px); transition:1s;}

.sec2 .text_g .title1{opacity:0; filter: blur(20px); transform:translateX(-40px);}
.sec2 .text_g.in-view .title1{opacity:1; filter: blur(0px); transform:translateX(0px); transition:1.2s 0.7s;}
.sec2 .text_g .txt1{opacity:0; transform:translateX(-40px);}
.sec2 .text_g.in-view .txt1{opacity:1; transform:translateX(0px); transition:1.2s 0.8s;}
.sec2 .text_g .view_more{opacity:0; transform:translateX(-40px);}
.sec2 .text_g.in-view .view_more{opacity:1; transform:translateX(0px); transition:1.2s 0.9s;}


.sec2 .inner:before{opacity:1; height: 0%;}
.sec2 .inner.in-view:before{opacity:1; height: 100%; transition:3s ease;}
.sec2 .bg{opacity:0;transform: translate3d(50px, -50px, 0px);transition: 1s 0.6s;}
.sec2 .bg.in-view{opacity:1;transform: translate3d(0%, 0%, 0px);}

.sec3{opacity:0;}
.sec3.in-view{opacity:1; transition:1s 0.3s;}
.sec3 .brand_slider_wrap .brand_slider .text_g .logo{opacity:0; transform:translateX(30px); transition:1s;}
.sec3 .brand_slider_wrap .brand_slider .swiper-slide-active .text_g .logo{opacity:1; transform:translateX(0px); transition:1.2s 0.2s;}
.sec3 .brand_slider_wrap .brand_slider .text_g .txt1{opacity:0; transform:translateX(30px); transition:1s;}
.sec3 .brand_slider_wrap .brand_slider .swiper-slide-active .text_g .txt1{opacity:1; transform:translateX(0px); transition:1.2s 0.4s;}

.sec3 .brand_slider_wrap .b_slider2 .text_g .logo{transform:translateY(30px);}
.sec3 .brand_slider_wrap .b_slider2 .swiper-slide-active .text_g .logo{transform:translateY(0px);}
.sec3 .brand_slider_wrap .b_slider2 .text_g .txt1{opacity:0; transform:translateY(30px);}
.sec3 .brand_slider_wrap .b_slider2 .swiper-slide-active .text_g .txt1{opacity:1; transform:translateY(0px);}




.sec4 .big_img:before{display: block;content:"";background: #f5f5f5;display: block;clear: both;content: '';position: absolute;bottom: 0;right: 0;width: 100%;height: 100%;z-index: 100;}
.sec4 .big_img.in-view:before{width:0;transition: 0.6s ease width 0.3s;}
.sec4 .rnd_con .img_g .img{opacity:0; transform:translate3d(0,0px,0);}
.sec4 .rnd_con .img_g .img.in-view{opacity:1; transform:translate3d(0,0px,0); transition:1.2s 0.5s;}

.sec4 .text_g .title1{opacity:0; filter: blur(0px); transform:translateX(-0px);}
.sec4 .text_g.in-view .title1{opacity:1; filter: blur(0px); transform:translateX(0px); transition:1.2s 0.1s;}
.sec4 .text_g .txt1{opacity:0; transform:translateX(-0px);}
.sec4 .text_g.in-view .txt1{opacity:1; transform:translateX(0px); transition:1.2s 0.2s;}
.sec4 .text_g .view_more{opacity:0; transform:translateX(-0px);}
.sec4 .text_g.in-view .view_more{opacity:1; transform:translateX(0px); transition:1.2s 0.3s;}

.sec5 .contents{transform:translate3d(0px,0,0); opacity:0;}
.sec5 .contents.in-view{transform:translate3d(0px,0,0); opacity:1; transition:1s;}

.sec6 .contents .text_g .tit{opacity:0;filter: blur(0px);letter-spacing:5px;}
.sec6 .contents .text_g.in-view .tit{opacity:1;filter: blur(0px);letter-spacing: -1.2px;transition: 1s 0.1s;}
.sec6 .contents .view_more{opacity:0; transform:translate3d(0,0px,0);}
.sec6 .contents .view_more.in-view{opacity:1;transform:translate3d(0,0px,0); transition:1s 0.3s;}

.sec7 h2{opacity:0; transform:translate3d(0,45px,0);}
.sec7 .in-view h2{opacity:1;transform:translate3d(0,0px,0); transition:1s 0.25s;}
.sec7 .view_more{opacity:0; transform:translate3d(0,45px,0);}
.sec7 .in-view .view_more{opacity:1;transform:translate3d(0,0px,0); transition:1s 0.3s;}


@media(max-width:1820px){
    .sec1 .main_slider .text_g{padding: 0 13%;}
}


@media(max-width:1480px){
    .sec1 .main_slider .text_g{padding: 0 15%;}
    .sec2 .contents{padding: 0 6%;}
}

@media(max-width:1400px){
    .sec1 .main_slider .text_g .title p.bold{font-size: 8rem;}
    .sec1 .main_slider .text_g .title p{font-size: 7.5rem;}
    .sec3 .brand_nav .arrow{width: 90px; height: 90px;}
    .sec3 .brand_nav .arrow .i{top:38px;left: 41px;}
    .sec3 .brand_nav .arrow.button_next .i{left: 34px;}
}

@media(max-width:1279px){
    .sec1 .main_slider .text_g .title p.bold{font-size: 7rem;}
    .sec1 .main_slider .text_g .title p{font-size: 6rem;}
    .sec2 .contents{padding: 0;}
    .sec4 .big_img .img_motion{height: 100%;min-height: auto;}
    .sec3 .brand_slider_wrap .brand_slider .text_g{padding: 40px 50px;}
    .sec4 .rnd_con{padding-left: 5.5%;}
    .sec5 .values_slider .item1{width: 600px;height: 400px;}
    .sec5 .values_slider .item2{margin-top: 200px;width: 500px;height: 350px;}
    .sec5 .values_slider .item3{width: 500px;height: 350px;margin-right: 0 !important;z-index: 2;}
    .sec5 .values_slider .item4{width: 500px;height: 350px;margin-top: 215px;margin-left: -60px;}

}


/*125%*/
@media screen and (min-width: 1441px) and (max-width: 1670px) {
    .sec1 .main_slider .text_g .title p.bold{font-size: 8.4rem;}
    .sec1 .main_slider .text_g .title p{font-size: 8.2rem;}
    section .title1{font-size: 4rem;}
    section .title1 p.bold{font-size: 5rem;}
    section .txt1{font-size: 1.7rem;}
    section .view_more a{font-size: 1rem;}
    section .view_more a figure:after{top:5px;}
    section .view_more a figure:before{top:2px;}
    .sec7 h2{font-size: 8.2rem;}
    section .view_more figure{height: 11px;}
    .sec3 .brand_nav .arrow{width: 84px; height: 84px;}
    .sec3 .brand_nav .arrow .i{top: 34px;left: 38px;}
    .sec3 .brand_nav .arrow.button_next .i{left: 30px;}
    .sec3 .brand_slider_wrap .brand_slider .text_g .logo img{transform: scale(0.8);margin-left: -25px;}
    .sec5 .values_slider .item1{height: 500px;}
    .sec5 .values_slider .item2{margin-top: 130px; height: 400px;}
    .sec5 .values_slider .item4{height: 380px; margin-top: 150px; margin-left: -50px;}
    section .view_more span{top:1px;}
    .sec5 .values_slider .text_g .title{font-size: 5rem;}
    .sec5 .values_slider .text_g .txt1{font-size: 1.7rem;}
}