html, body, #wrap{height:100%}
#wrap{position:relative}
.header_wrap{position:fixed;z-index:100}
.sub_top{position:fixed;left:0;top:0;width:100%;z-index:90}
.bottom_area{background:#fff;z-index:150}

.layer_bnr{overflow:hidden;left:0;bottom:0;width:100%;height:calc(100% - 340px);z-index:110}
.br3_video1{position:absolute;left:0;top:0;width:100%;height:100%;background:url('../img/page/brand/03/lyr_bnr_bg.jpg') no-repeat center;background-size:cover}
.br3_video1:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%}
.layer_bnr .mid{left:0}
.layer_bnr .img_text{margin-top:1.7578%}
.layer_bnr .scroll{bottom:2.34375%;width:34px;margin-left:-17px}
.layer_paging{position:fixed;right:30px;z-index:120}
.layer_paging li{margin-bottom:20px}
.layer_paging li:last-child{margin-bottom:0}
.layer_paging a{display:block;width:20px;height:20px;border-radius:50%;border:3px solid #9f8061;box-sizing:border-box}
.layer_paging li.on a, .layer_paging a:hover{background:#9f8061}

.fp-auto-height{z-index:100}

.layer{overflow:hidden;position:relative;/*position:fixed;left:0;top:100%;*/width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;z-index:110;transition:all 0.8s}
.layer.on{top:0}
.layer1{background-image:url('../img/page/brand/03/lyr1_bg.jpg')}
.layer3{background:#070705}
.layer4{background-image:url('../img/page/brand/03/lyr4_bg.jpg')}
.layer_cont{bottom:15%;margin-left:-590px}
.layer_cont .title{padding:20px 0 25px}
.layer_cont .lyr_text{padding-bottom:50px;font-size:18px;letter-spacing:-0.05em;line-height:178%;color:#eee}
.layer_cont .lyr_text em{color:#fff}
.layer_cont .link{display:inline-block;line-height:40px;padding:0 10px;border-bottom:1px solid rgba(238,238,238,0.3);font-family:'NotoSansKR-Regular';font-size:16px;letter-spacing:-0.05em;color:#eee}
.lyr2_bg{top:0;margin-left:-1280px;width:2560px;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover}
.lyr2_bg1{background-image:url('../img/page/brand/03/lyr2_bg_on.jpg')}
.lyr2_bg2{background-image:url('../img/page/brand/03/lyr2_bg_off.jpg')}
.lyr3_bg{top:0;margin-left:-1280px;opacity:0.4}

.lyr4_bg_cover{top:0;margin-left:-490px;width:980px;height:100%;background:url('../img/page/brand/03/lyr4_bg.jpg') no-repeat center;background-size:cover;z-index:10}
.lyr4_slide1{left:0;top:50%;width:100%;margin-top:-225px}
.lyr4_slide1 .swiper-slide{width:380px;height:370px;margin-right:10px;background:#231c13}
.lyr4_slide1 .swiper-slide .img{height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;opacity:0.5}
.lyr4_slide2{left:50px;top:50%;margin-top:-300px;width:422px;height:605px;background:url('../img/page/brand/03/lyr4_insta_brdr.png') no-repeat center;padding:75px 0 23px;box-sizing:border-box}
.lyr4_slide2 .swiper-container{width:380px;height:370px}
.lyr4_slide2 a{display:block;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover}
.layer4 .text_area{left:528px;top:50%;margin-top:-160px}
.layer4 .text_area .text{padding-top:35px;color:#ebebeb}
.img_title .rows{display:block}
.img_title .row2{margin-top:16px}
.img_title .row2 img{vertical-align:bottom}
.lyr4_ttl{font-size:40px;padding-bottom:10px;letter-spacing:-0.025em;color:#fff}

/* layer5 */
.layer5{position:relative;height:590px;box-sizing:border-box;background:#fff}
.lyr5_vid_wrap{height:530px}
.layer5 .lyr5_video{top:-85px;margin-left:-1280px;width:2560px;height:700px;background:url('../img/page/brand/02/lyr3_video.jpg')no-repeat center}
.layer5 .lyr5_video:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;}
.layer5 .lyr5_txt{position:absolute;top:192px;left:0;width:100%;font-family:'NotoSansKR-Light';font-size:25px;line-height:153%;color:#ccc}
.layer5 .lyr5_ttl{position:absolute;top:282px;left:0;width:100%}

@media screen and (max-height:800px){
    .layer_bnr .mid{margin-top:-30px}
    .layer_bnr .scroll{width:28px;margin-left:-14px}

    .layer_cont{bottom:7.421875%}
}

.layer_paging{display:block}
.bottom_area{position:relative;z-index:401}