body{letter-spacing: -0.04em;}

.nav{padding-left: 0;}

.brand-container{overflow: hidden;position: relative;min-height: calc(100vh - 100px);}

/* intro */
.intro_container{height: calc(100vh - 100px);margin-top: 100px;}
.intro_items{display: flex;overflow: hidden;height: 100%;}
.intro_item{overflow: hidden;width: 50%;height: 100%;}
.intro_item1 {cursor: none;position: relative;} 
.custom-cursor {position: absolute;width: 120px;height: 120px;transform-origin: center;animation: rotateCursor 3s infinite linear;cursor: pointer;pointer-events: none; opacity: 0;transition: opacity 0.2s;}
.custom-cursor img{display: block;animation: rotateCursor01 3s infinite linear;}
.custom-cursor.active {
    opacity: 1; /* 커서 활성화 시 가시성 */
}


.intro_item2{cursor: none;position: relative;}
.intro_item_background{position: absolute;inset: 0;}
.intro_item_background:after{content: '';position: absolute;inset: 0;background-color: #000;opacity: 0.4;}
.intro_item1 .intro_item_background{background-image: url('../img/page/brand/brand_banner1.jpg');}
.intro_item2 .intro_item_background{background-image: url('../img/page/brand/brand_banner2.jpg');}
.intro_item_inactive{transition: opacity 0.5s;opacity: 1;text-align: center;}
.intro_item_inactive .main_text{display: flex;flex-direction: column;gap: 15px;}
.intro_item_active{border: 5px solid #ecd68a;box-sizing: border-box;color: #fff;transition: opacity 0.5s;opacity: 0;}
.intro_item1 .intro_item_active{background-color: rgba(11,61,41,0.8);}
.intro_item2 .intro_item_active{background-color: rgba(125,0,6,0.8);}
/* .intro_item .badge{position: absolute;left: 0;top: 0;margin-left: -56px;margin-top: -60px;opacity: 0;} */
.intro_item_box{position: absolute;left: 0;top: 50%;width: 100%;margin-top: -245px;text-align: center;}
.intro_item_box .text{margin-top: 48px;}
.intro_item_box .text .highlight{background-color: var(--brownL)}
.intro_item_box .store{margin-top: 45px;}
.intro_item:hover .intro_item_inactive{opacity: 0;}
.intro_item:hover .intro_item_active{opacity: 1;}

/* banner */
.brand_banner{width: 100%;height: 1050px;color: #fff;}
.brand_banner_inner{width: 100%;height: 100%;}
.banner_normal_bg {background-image: url('../img/page/brand/brand_banner1.jpg');}
.banner_bar_bg{background-image: url('../img/page/brand/brand_banner2.jpg');}
.brand_banner2_title{margin-left: 10px;}
/* .normal_menu_wrap{z-index: 1;} */
.normal_menu01{background-image: url('../img/page/brand/normal_menu01.png');}
.normal_menu02{background-image: url('../img/page/brand/normal_menu02.png');}
.normal_menu03{background-image: url('../img/page/brand/normal_menu03.png');}
.normal_menu04{background-image: url('../img/page/brand/normal_menu04.png');}
.normal_menu05{background-image: url('../img/page/brand/normal_menu05.png');}

.bar_menu01{background-image: url('../img/page/brand/bar_menu01.png');}
.bar_menu02{background-image: url('../img/page/brand/bar_menu02.png');}
.bar_menu03{background-image: url('../img/page/brand/bar_menu03.png');}
.bar_menu04{background-image: url('../img/page/brand/bar_menu04.png');}
.bar_menu05{background-image: url('../img/page/brand/bar_menu05.png');}
.bar_menu05{background-image: url('../img/page/brand/bar_menu06.png');}
.banner_top{padding-top: 100px;text-align: center;}
.banner_top_title{display: inline-flex;position: relative;}
.banner_top_text{position: absolute;left: 10px;bottom: 0;font-weight: 600;font-size: 30px;}
.brand_type2 .banner_top_text{left: 0;}
.banner_top_text em{color: #ecd68a}
.banner_top_text .highlight{background-color: #ad6d20;}
.banner_bot_text .highlight{background-color: #ad6d20;}
.banner_bot{display: flex;justify-content: center;align-items: center;position: absolute;left: 0;bottom: 0;width: 100%;height: 120px;}
.brand_type1 .banner_bot{background-color: rgba(11,61,41,0.8);}
.brand_type2 .banner_bot{background-color: rgba(125,0,6,0.8);}
.banner_bot_text{font-size: 28px;}
.banner_bot_text span{font-weight: 700;}

.with_deco_container{padding-bottom: 21px;}
.with_deco_container .deco_line_wrap{pointer-events: none;}
/* .with_deco_container .deco_line_wrap::after{content: '';position: absolute;width: 100%;height: 445px;left: 0;bottom: 0;background-color: var(--wine);} */

.menu_container{padding: 123px 20px;}
.menu_container h2{font-size: 70px;font-weight: 500;text-align: center;}
.menu_wrap{margin: 39px auto 0;}
.menu_taps{display: flex;align-items: center;justify-content: center;}
.menu_taps li{width: 240px;height: 83px;background: url('../img/page/brand/normal_title_bg.png') no-repeat center / cover;font-size: 22px;font-weight: 600;}
.brand_type2 .menu_taps li{background: url('../img/page/brand/normal_title_bg_red.png') no-repeat center / cover;}
.menu_taps li:not(:last-child){margin-right: 21px;}
.menu_taps li > a{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.menu_taps li.on,
.menu_taps li:hover{background-repeat: no-repeat;background-position: center;background-size: cover;transition: all 0.2s linear;}

.menu_items{max-width: 1500px;width: 100%;display: flex;align-items: center;flex-wrap: wrap;margin: 40px auto 0;}
.menu_item{width: calc((100% - 62px) / 3);height: 350px;}
.menu_item:not(:nth-child(3n)){margin-right: 30px;}
.menu_item:nth-child(n+4) {margin-top: 90px;}
.menu_item span{position: absolute;top: 10px;left: 11px;}
.menu_item p{position: absolute;bottom: -45px;left: 50%;transform: translateX(-50%); font-size: 22px;font-weight: 600;}
.menu_more_btn{width: 380px;height: 54px;margin: 150px auto 0;font-size: 22px;font-weight: 600;}

/* interior */
.interior{padding-top: 150px;}
.interior_marquee_container{display: flex;align-items: center;overflow: hidden;position: relative;height: 630px;}
.interior_marquee_wrap{overflow: hidden;position: relative;height: 300px;}
.interior_tit{font-size: 50px;font-weight: 500;text-align: center;}
.interior_tit > span{color: #0f5638;}
.interior_txt{margin-top: 29px;font-size: 20px;font-weight: 500;text-align: center;}
.interior_marquee{margin-top: 30px;transform: translateY(0);}
.interior_marquee:first-child{margin-top: 0;}
.interior_marquee .marquee-items{gap: 30px;}
.interior_marquee .marquee-item{width: 540px;height: 300px;}
.interior_marquee img{width: 100%;}
.interior_marquee2 .marquee-items{direction: rtl;}

.brand_type1 .menu_container h2 > span,
.brand_type1 .menu_taps li,
.brand_type1 .menu_more_btn,
.brand_type1 .interior_tit > span{color: #0f5638;}
.brand_type1 .menu_more_btn{background-image: url('../img/page/brand/normal_more_btn.png')}

.brand_type2 .menu_container h2 > span,
.brand_type2 .menu_taps li,
.brand_type2 .menu_more_btn,
.brand_type2 .interior_tit > span{color: #7d0006;}
.brand_type2 .menu_more_btn{background-image: url('../img/page/brand/bar_more_btn.png')}

.brand_type1 .menu_taps li:hover,
.brand_type1 .menu_taps li.on,
.brand_type2 .menu_taps li:hover,
.brand_type2 .menu_taps li.on{color: #fff;}

.brand_type1 .menu_taps li:hover,
.brand_type1 .menu_taps li.on{background-image: url('../img/page/brand/normal_title_on.png');}
.brand_type2 .menu_taps li:hover,
.brand_type2 .menu_taps li.on{background-image: url('../img/page/brand/bar_title_on.png');}

.interior_marquee1 .marquee-items{animation: marquee1 30s linear infinite}
.interior_marquee2 .marquee-items{animation: marquee2 30s linear infinite}

@keyframes marquee1 {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-25%);
    }
}

@keyframes marquee2 {
    from {
        transform: translateX(-25%);
    }
    to {
        transform: translateX(0);
    }
}

@keyframes rotateCursor {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@keyframes rotateCursor01 {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(-360deg);
    }
}


.other_type{display: flex;justify-content: center; width: calc(100% - 84px);margin: 100px auto 0;padding-top: 83px;padding-bottom: 90px;letter-spacing: -0.04em;overflow: visible; }
.type_figure img{width: 546px;}
.other_type1{background-color: #0b3d29;}
.other_type2{background-color: #7d0006;}
.other_type1::before{content: '';position: absolute;left: -22px;top: 0;width: 22px;height: 100%;background: url('../img/page/brand/green_box_left.png') no-repeat center / cover;}
.other_type1::after{content: '';position: absolute;right: -22px;top: 0;width: 22px;height: 100%;background: url('../img/page/brand/green_box_right.png') no-repeat center / cover;}
.other_type2::before{content: '';position: absolute;left: -22px;top: 0;width: 22px;height: 100%;background: url('../img/page/brand/red_box_left.png') no-repeat center / cover;}
.other_type2::after{content: '';position: absolute;right: -22px;top: 0;width: 22px;height: 100%;background: url('../img/page/brand/red_box_right.png') no-repeat center / cover;}
.other_type .type_info{padding-top: 13px;margin-left: 57px;text-align: center;}
.other_type .type_text{font-size: 60px;letter-spacing: -0.01em;color: #fff;line-height: 1.2;text-align: start;}
.other_type .type_link{width: 271px;display: flex;justify-content: center;align-items: center;display: block;margin-top: 20px;padding: 25px 0;border-radius: 37px;font-weight: 700;font-size: 28px;color: #fff;}
.other_type1 .type_text em{color: #ecd68a;}
.other_type2 .type_text em{color: #ecd68a;}
.other_type .type_link{background-color: #ad6d20;}