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

body{height: auto !important;}

body{height: auto !important;}
.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;}
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;transform: scale(1) !important;}

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 5.2%;height: 100%;margin: 0 auto;display: flex;flex-wrap: wrap;align-items: center;}
.sec1 .main_slider .text_g .title{line-height: 1.1;}
.sec1 .main_slider .text_g .title p{font-size: 7rem;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: 6.9rem;font-weight: 100;letter-spacing: -1px;}
.sec1 .main_slider .text_g .title p span{display:inline-block;}
.sec1 .arrow_wrap{display:none;}
.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;}
.sec2 .sec_title_g{margin-bottom:0;}
.sec2 .contents{width: 100%;border-bottom: 1px solid #e0dfde;padding-bottom: 130px;z-index: 20;}
.sec2 .text_g{padding-top: 30px;}
.sec2 .text_g .title1{line-height: 0.95;}
.sec2 .text_g .txt1{max-width: 700px;line-height:1.7;margin-top: 40px;}
.sec2 .text_g .txt1 br{display:none;}
.sec2 .text_g .view_more{margin-top: 50px;}
.sec2 .bg{position: relative;top: 0;left: -5.8%;width: calc(100% + 12%);margin-top: -120px;z-index: 22;}
.sec2 .bg canvas{display: none;}
.sec2 .bg .img:after{display:block;content:"";background: url('../img/main/our_shadow.png')no-repeat top center;width: 35.157vw;height: 21.771vw;position: absolute;bottom: -34%;left: 50%;transform: translateX(-50%) scale(1);margin-left: 9%;background-size: 100%;animation: shadow 3s infinite;animation-direction: alternate;}
.sec2 .bg .img{position: relative;top: 0;left: 10%;width: 90%;}
.sec2 .bg img{position: relative;width: 100%;display: block;}
@-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%;overflow: hidden;}
.sec3 .brand_slider_wrap .brand_slider{position: relative;width: 100%;height: 85vw;max-height: 850px;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;bottom: 0;right: 0;display: flex;flex-wrap: wrap;z-index: 20;}
.sec3 .brand_nav .arrow{position: relative;width: 90px;height: 90px;background: #222222;z-index: 100;}
.sec3 .brand_nav .arrow .i{display:block;content:"";position: absolute;top: 38px;left: 41px;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: 35px;}


.sec4{padding: 100px 0;}
.sec4 .big_img{position: relative;width: 100%;overflow: hidden;}
.sec4 .big_img .img_motion{width: 100%;height: 84vw;max-height: 850px;transform: scale(1) !important;}
.sec4 .rnd_con{width: 100%;padding-top: 30px;}
.sec4 .rnd_con .img_g{width: 100%;display: flex;flex-wrap: wrap;}
.sec4 .rnd_con .img_g .img{width: calc(50% - 2%);height: 53vw;}
.sec4 .rnd_con .img_g .img + .img{margin-left: 4%;}
.sec4 .rnd_con .text_g{width: 100%;padding-top: 60px;}
.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: 60px;}


.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;line-height: 1;}
.sec4 .big_img .text_g .txt1{position:relative;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}




body .scrollmagic-pin-spacer{padding: 0 !important;}
.sec5{position: relative !important;width:100%;background: url("../img/main/values_main_bg.jpg") center center / cover no-repeat;overflow: hidden;padding: 120px 0;}
.sec5 .sec_inner_g{width:100%;height: 100%;}
.sec5 .contents{width: 100%;height: 100%;display: flex;flex-wrap: wrap;align-items: center;}
.sec5 .contents,.sec5 .values_slider,.sec5 .values_slider .swiper-wrapper{position: initial;}
.sec5 .drag_slider_wrap{width:100%;cursor: grab;}
.sec5 .bg{position: absolute;top: 0%;left: -5%;width: calc(100% + 16%);height: 100%;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: 60px;}
.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;transform: translateX(0) !important;width: 100%;padding: 7.4% 8%;}
.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: 76vw;height: 57vw;}
.sec5 .values_slider .item2{margin-top: 21vh;width: 60vw;height: 45vw;}
.sec5 .values_slider .item3{width: 60vw;height: 45vw;margin-right: 0 !important;z-index: 2;}
.sec5 .values_slider .item4{width: 60vw;height: 45vw;margin-top: 215px;margin-left: -5vw;}


.sec6{padding: 100px 0 120px 0 !important;}
.sec6 .bg{position: absolute;top: 0%;left: 0;width: 100%;height:100%;background-size: auto 100% !important;z-index: 1;}
.sec6 .contents{min-width: 650px;width: 38.5%;margin: 0 auto;padding-top: 60px;}
.sec6 .big_tit{position: absolute;top: 0px;left: 50%;width: 900px;text-align: center;font-size: 14rem !important;line-height: 12rem;transform: translate3d(0,0,0) !important;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: -62px;color: #fff;z-index: 2;}
.sec6 .contents .img_g .img{position: relative;width: 100%;min-height: 333px;margin: 0 auto;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;}
}


@media(max-width:860px){
    .sec1 .main_slider .text_g .title p.bold{font-size: 6rem;}
    .sec1 .main_slider .text_g .title p{font-size: 5.3rem;}
}



.sec7{padding: 100px 0 30px 0;text-align:center;}
.sec7 h2{font-family: 'Shippori Mincho', serif;font-size: 8rem;font-weight: 400;line-height:100%;color: #464646;}
.sec7 h2 br{display:none;}
.sec7 .contents .view_more a{margin: 37px auto 0;}
.sec7 .contents .view_more span:after{content:"OUR PARTNERS";}


@media(max-width:960px){
    .sec7 h2{font-size:7rem;}
}