@charset "utf-8";
.pcbr{display:none !important;}
.ptbr{display:none !important;}
.tbr{display:none !important;}
.tmbr{display:block !important;}
.mbr{display:block !important;}
.pc_view{display:none !important;}
.pt_view{display:none !important;}
.tm_view{display:block !important;}
.t_view{display:none !important;}
.m_view{display:block !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: 150px;height: 40px;border: 1px solid #000000;font-size: 10px;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: 20px;z-index: 1;}
section .view_more span{position: relative;width: 100%;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;transform: scale(0.9);}
section .view_more a figure:after{display: block;content:"";position: absolute;top: 6px;right: 4px;width: 10px;height: 1px;background: #000;transition: 0.3s;}
section .view_more a figure:before{display: block;content: "";position: absolute;top: 4px;right: 4px;border: 1px solid #000;width: 4px;height: 4px;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: 25px;}
section .sec_title_g .cate{font-size: 1.2rem;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: 3.3rem;color: #454545;font-family: 'Montserrat';font-weight: 200;letter-spacing: -1px;}
section .title1 p.bold{font-family: 'Shippori Mincho', serif;font-size: 3.2rem;font-weight: 400;color: #000;letter-spacing: 0;}
section .txt1{font-size: 1.2rem;color: #555555;font-family: 'Montserrat','Noto Sans KR';font-weight: 400;line-height: 1.7;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 20px;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: 3rem;color: #fff;font-family: 'Montserrat';font-weight: 200;letter-spacing: -2px;line-height: 1;}
.sec1 .main_slider .text_g .title p.bold{font-family: 'Shippori Mincho', serif;font-size: 3.5rem;font-weight: 100;letter-spacing: -1px;margin-bottom: 6px;}
.sec1 .main_slider .text_g .title p span{display:inline-block;}
.sec1 .arrow_wrap{display:none;}
.sec1 .scroll_down{position: absolute;width: 1px;height: 70px;bottom: 30px;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{display:none;}


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

.sec2{padding: 50px 0 90px;}
.sec2 .sec_title_g{margin-bottom:0;}
.sec2 .contents{width: 100%;border-bottom: 1px solid #e0dfde;padding-bottom: 60px;z-index: 20;}
.sec2 .text_g{padding-top: 10px;}
.sec2 .text_g .title1{line-height: 1.05;}
.sec2 .text_g .txt1{max-width: 700px;margin-top: 30px;}
.sec2 .text_g .view_more{margin-top: 30px;}
.sec2 .bg{position: relative;top: 0;left: -5.8%;width: calc(100% + 12%);margin-top: -35px;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: -28%;left: 50%;transform: translateX(-50%) scale(1);margin-left: 9%;background-size: 100%;}
.sec2 .bg .img{position: relative;top: 0;left: 10%;width: 90%;}
.sec2 .bg img{position: relative;width: 100%;display: block;}



.sec3{padding: 50px 0 0;}
.sec3 .brand_slider_wrap{position: relative;width: 100%;overflow: hidden;}
.sec3 .brand_slider_wrap .brand_slider{position: relative;width: 100%;height: 85vw;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: 25px 20px;}
.sec3 .brand_slider_wrap .brand_slider .text_g .logo{height: 13px;}
.sec3 .brand_slider_wrap .brand_slider .text_g .logo img{height: 100%;}
.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: 45px;height: 45px;background: #222222;z-index: 100;}
.sec3 .brand_nav .arrow .i{display:block;content:"";position: absolute;top: 19px;left: 20px;width: 6px;height: 6px;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: 18px;}


.sec4{padding: 70px 0;}
.sec4 .title1 p.bold{line-height:1;}
.sec4 .big_img{position: relative;width: 100%;overflow: hidden;}
.sec4 .big_img .img_motion{width: 100%;height:79vw;transform: scale(1) !important;}
.sec4 .rnd_con{width: 100%;padding-top: 40px;}
.sec4 .rnd_con .img_g{width: 100%;display: flex;flex-wrap: wrap;}
.sec4 .rnd_con .img_g .img{width: calc(50% - 6px);height: 53vw;}
.sec4 .rnd_con .img_g .img + .img{margin-left: 12px;}
.sec4 .rnd_con .text_g{width: 100%;padding-top: 38px;}
.sec4 .rnd_con .text_g .title1 .bold{line-height:0.9;margin-bottom:4px;}
.sec4 .rnd_con .text_g .txt1{margin: 10px 0 0 0;width: 90%;max-width: 300px;}
.sec4 .rnd_con .text_g .view_more{margin-top: 25px;}

.sec4 .big_img .text_g{padding-top:38px;}
.sec4 .big_img .text_g .title1{}
.sec4 .big_img .text_g .title1 p.bold{}
.sec4 .big_img .text_g .txt1{margin: 10px 0 25px;width: 90%;}




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: 70px 0 75px;}
.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;height: 100%;}
.sec5 .drag_slider_wrap{width:100%;cursor: grab;height: auto;}
.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: 20px;}
.sec5 .values_slider .swiper-wrapper.mousewheel {transition-duration: 0.5s !important;}
.sec5 .values_slider .item{overflow: hidden;margin-right: 20px;}
.sec5 .values_slider .item:last-child{margin-right: 100px;}
.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: 2.8rem;font-family: 'Cormorant Garamond',sans-serif;font-weight: 300;letter-spacing: -1px;}
.sec5 .values_slider .text_g .txt1{font-size: 1.2rem;color: #fff;font-weight: 400;margin-top: 7px;line-height: 1.4;}
.sec5 .values_slider .item1{width: 83vw;height: 65vw;}
.sec5 .values_slider .item2{margin-top: 27vw;width: 76vw;height: 57vw;}
.sec5 .values_slider .item3{width: 76vw;height: 57vw;margin-right: 0 !important;z-index: 2;}
.sec5 .values_slider .item4{width: 76vw;height: 57vw;margin-top: 24vw;margin-left: -4vw;}


.sec6{padding: 70px 0 !important;}
.sec6 .bg{position: absolute;top: 0%;left: 0;width: 100%;height:100%;background-size: auto 100% !important;z-index: 1;}
.sec6 .contents{width: 85%;margin: 0 auto;padding-top: 30px;}
.sec6 .big_tit{position: absolute;top: 0px;left: 50%;width: 300px;text-align: center;font-size: 6rem !important;line-height: 6rem;transform: translate3d(0,0,0) !important;vertical-align: top;font-family: 'Cormorant Garamond',sans-serif;color: #0b1612;font-weight: 400;letter-spacing: -3px;margin-left: -150px;}
.sec6 .contents .img_g{position:relative;overflow: hidden;}
.sec6 .contents .img_g .big_tit{top: -30px;color: #fff;z-index: 2;}
.sec6 .contents .img_g .img{position: relative;width: 100%;margin: 0 auto;height: 40vw;}
.sec6 .contents .img_g .img span{display:block; width:100%; height:100%;}
.sec6 .contents .text_g{width: 100%;padding-top: 25px;text-align: center;}
.sec6 .contents .text_g .tit{font-size: 2.1rem;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: 50px 0 70px 0;text-align:center;}
.sec7 h2{font-family: 'Shippori Mincho', serif;font-size: 3rem;font-weight: 500;line-height: 110%;color: #464646;}
.sec7 h2 br{display:none;}
.sec7 .contents .view_more a{margin:30px auto 0;}
.sec7 .contents .view_more span:after{content:"OUR PARTNERS";}

@media(max-width:480px){

    .sec1 .main_slider .text_g .title p{font-size: 2.2rem;}
    .sec1 .main_slider .text_g .title p.bold{font-size: 2.6rem;}

    .sec7 h2{font-size:3rem;}
}