.header_wrap{position:absolute}
.header_wrap.is_fixed{position:absolute;background-color:rgba(255,255,255,0.9)}

#wrap{position:fixed;left:0;top:0;right:0;bottom:0}



.depth1_a:hover, .depth1_li.on .depth1_a{color:#ffffff}
.footer_wrap{position:relative;z-index:2}

.kakao_link{top:calc(100vh - 195px);bottom:auto}
.btn_pop_inq{top:calc(100vh - 290px);bottom:auto}
.pop_inq{top:calc(100vh - 570px);bottom:auto}

.sub_content > *{position:relative;z-index:2}
.sub_content > *.brand_visual{z-index:1}


/* brand_visual */
.brand_visual{}
.brand_visual_wrap{position:relative;height:160vh}
.bv_video_wrap{position:absolute;top:0;width:100%;height:100vh}
.bv_video_wrap .bv_video{position:relative;width:100%;height:100%;background-color:#000;overflow:hidden}
.bv_video_wrap .bv_video:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%}
.bv_title_wrap{position:absolute;top:0;left:0;width:100%;height:100vh}
.bv_head{position:absolute;top:50%;left:50%;width:650px;height:212px;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}
.bv_head .bv_logo{margin-bottom:30px}

.scroll_wrap{position:absolute;bottom:40px;left:0;width:258px}
.scroll_wrap .scroll_bar_wrap{position:relative;width:2px;height:54px;margin:0 auto;overflow:hidden}
.scroll_wrap .scroll_bar{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff}
.scroll_wrap .scroll_text{padding-top:20px;font-family:'NotoSansKR-Medium';font-size:12px;line-height:100%;color:#fff;text-align:center}


.parallax_wrap{overflow:hidden}
.parallax_bg{position:absolute;top:0;left:0;width:100%;height:100%}
.parallax_inner{position:absolute;top:50%;left:50%;width:100%;height:102vh;min-height:102%;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}

/* first */
.first{position:relative;height:100vh;overflow:hidden}
.first_back .parallax_inner{background-image:url('../img/page/brand/first_back.jpg')}
.first_content{position:relative;width:100%;height:100%}
.first_head{position:absolute;top:20vh;left:0;width:100%}
.first_img{top:35vh;margin-left:-276px}
.first_food{opacity:0}
.first_text{position:absolute;bottom:0;right:90px;width:450px;height:270px;font-family:'NotoSansKR-Regular';font-size:18px;letter-spacing:-0.025em;line-height:178%;color:#fff}

/* only */
.only{position:relative;height:100vh;overflow:hidden}
.only_back .parallax_inner{background-image:url('../img/page/brand/only_back.jpg')}
.only_content{position:relative;width:100%;height:100%}
.only_head{position:absolute;top:20vh;left:0;width:100%;opacity:0}
/* .only_food{top:334px;margin-left:-276px} */
.only_stick{top:35vh;margin-left:75px;opacity:0}
.only_text{position:absolute;bottom:0;right:90px;width:450px;height:270px;font-family:'NotoSansKR-Regular';font-size:18px;letter-spacing:-0.025em;line-height:178%;color:#fff;opacity:0}

.fo_title_wrap{position:absolute;top:0;left:0;width:100%;height:100vh;z-index:1}

/* best */
.best{position:relative;height:100vh;overflow:hidden}
.best_back .parallax_inner{background-image:url('../img/page/brand/best_back.jpg')}
.best_content{position:relative;width:100%;height:100%}
.best_head{padding:150px 0 70px}
.best_text{position:absolute;bottom:0;right:90px;width:450px;height:270px;font-family:'NotoSansKR-Regular';font-size:18px;letter-spacing:-0.025em;line-height:178%;color:#fff}

/* fob */
.fob{position:relative;height:100vh;overflow:hidden}
.fob_back .parallax_inner{background-image:url('../img/page/brand/fob_back.jpg')}
.fob_content{position:relative;width:100%;height:100%}
.fob_head{position:absolute;top:50%;left:50%;margin-top:-158px;margin-left:-600px}
.fob_head .fob_title{margin-bottom:60px}
.fob_head .fob_title3{margin-bottom:0}

/* identity */
.identity{padding:200px 0;background-color:#f6f5ef}
.identity_head{margin-bottom:80px}
.identity_paging{margin-bottom:60px}
.identity_paging li{width:400px;opacity:0.3}
.identity_paging li:hover{opacity:0.8}
.identity_paging li.on{opacity:1}
.identity_paging .paging_title{margin-bottom:28px}
.identity_paging .paging_text{font-family:'NotoSansKR-Regular';font-size:18px;letter-spacing:-0.025em;line-height:178%;color:#6f6967}
.identity .mod_wrap{margin-bottom:20px;overflow:hidden}
.identity .mod_btn{position:relative;float:right;width:128px;height:40px;border-radius:20px;background-color:#dad6c5;transition:all 0.3s}
.identity .mod_btn.dark{background-color:#000}
.identity .mod_btn .mod_btn_ball{position:absolute;top:7px;left:7px;width:26px;height:26px;border-radius:50%;background-color:#fff;transition:all 0.3s}
.identity .mod_btn.dark .mod_btn_ball{left:95px}
.identity .mod_btn:before, .identity .mod_btn:after{opacity:0;position:absolute;top:13px;font-family:'NotoSansKR-Bold';font-size:15px;line-height:100%}
.identity .mod_btn:before{content:'다크 모드';left:15px;color:#fff}
.identity .mod_btn:after{content:'라이트 모드';right:14px;color:#6f6967}
.identity .mod_btn.dark:before{opacity:1}
.identity .mod_btn.light:after{opacity:1}
.identity .logo_wrap{position:relative;width:100%;height:245px}
.identity .logo_wrap .light_logo{background-color:#fff;transition:all 0.3s}
.identity .logo_wrap .dark_logo{background-color:#000;transition:all 0.3s}
.identity .logo_wrap.light .dark_logo{opacity:0}
.identity .logo_wrap.dark .light_logo{display:0}
.identity .logo_wrap .mod_logo{position:absolute;top:0;left:0;width:100%;height:100%}
.identity .logo_wrap .logo1{position:absolute;top:76px;left:122px}
.identity .logo_wrap .logo2{position:absolute;top:80px;left:259px}
.identity .logo_wrap .logo3{position:absolute;top:82px;left:785px}

/* ingre */
.ingre{padding:200px 0;background-color:#fff}
.ingre .left_side{float:left}
.ingre .right_side{float:right}
.ingre_head{margin-bottom:194px}
.ingre_head .ingre_title{margin-bottom:35px}
.ingre_box .ingre_box_title{padding:36px 0 18px;font-family:'NotoSansKR-Bold';font-size:25px;letter-spacing:-0.025em;line-height:136%;color:#141310}
.ingre_box.box1{margin-bottom:145px}
.ingre_box.box2{margin-bottom:178px}
.ingre_box.box3{margin-bottom:178px}
.ingre_box.box4{margin-bottom:178px}

/* delicate */
.delicate{position:relative;height:1000px;background-image:url('../img/page/brand/delicate_bg.jpg')}
.delicate_bg{position:absolute;top:0;left:0;width:100%;height:100%;background-position:right center}
.delicate_bg1{background-image:url('../img/page/brand/delicate_img1.png')}
.delicate_bg2{background-image:url('../img/page/brand/delicate_img2.png')}
.delicate_head{position:absolute;top:50%;left:50%;margin-left:-600px;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
.delicate_head .delicate_title{margin-bottom:30px}

/* side_layer */
.side_layer_wrap{background-color:#d7dcdf}
.side_layer{position:relative;max-width:100%;min-width:calc(100% - 258px);width:1662px;height:2786px;margin-left:auto}
.side_layer .clip_wrap{position:absolute;top:0;left:0;width:100%;height:2786px;background-color:#f6f5ef}
.side_head{padding:150px 0 112px}
.side_head .side_num{margin-bottom:28px}
.side_head .side_title{margin-bottom:32px}

/* bowl */
.bowl{border-bottom:1px solid rgba(0,0,0,0.2)}
.bowl_view{position:relative;width:100%;height:520px;background-image:url('../img/page/brand/bowl_view.jpg')}
.bowl_view .bowl_img{position:absolute;top:-49px;left:352px}
.bowl_list{padding:84px 0 172px}
.bowl_list li{width:400px}
.bowl_list .list_title{margin-bottom:24px;font-family:'NotoSansKR-Bold';font-size:25px;letter-spacing:-0.025em;line-height:136%;color:#141310}
.bowl_list .list_title em{color:#daa800}

/* packing */
.packing_view{position:relative;width:100%;height:520px;background-image:url('../img/page/brand/packing_view.jpg')}
.packing_view .packing_img{position:absolute;top:-76px;left:55px}
.packing_list{padding:84px 0 172px}
.packing_list li{width:400px}
.packing_list .list_title{margin-bottom:24px;font-family:'NotoSansKR-Bold';font-size:25px;letter-spacing:-0.025em;line-height:136%;color:#141310}
.packing_list .list_title em{color:#daa800}
.packing .text_wrap{padding:82px 0 195px;overflow:hidden}
.packing .left_wrap{width:510px}
.packing .view_title{padding-left:204px;font-family:'NotoSansKR-Bold';font-size:25px;letter-spacing:-0.025em;line-height:136%;color:#141310}
.packing .view_title em{color:#daa800}

/* interior */
.interior{padding-bottom:220px;background-color:#fff}
.int_head{padding:200px 0 80px}
.int_sub{margin-top:55px;overflow:hidden}
.int_sub .int_sub_num{float:left;width:40px;margin-top:10px;font-family:'NotoSansKR-Bold';font-size:18px;color:#bbb}
.int_sub .int_sub_title{float:left;font-family:'NotoSansKR-Regular';font-size:25px;letter-spacing:-0.025em;line-height:156%;color:#141310}
.int_sub .int_sub_title em{font-family:'NotoSansKR-Bold'}
.int_img2{margin-top:148px}
.int_img_wrap{margin-top:124px}
.int_img3{margin-top:122px}