.header.scroll{transform: translateY(0);}

/* first */
.first{height: calc(100vh - 100px);margin-bottom: 70px;padding-top: 100px;background-color: #000;overflow: hidden;}
.first_in{display: flex;justify-content: start;align-items: end;width: 1260px;margin: 0 auto;padding-top: 170px;}
.first_in_wrap{width: 100%;}
.first_top{position: relative;z-index: 2;}
.first_img_wrap{width: 100%;height: 745px;margin-top: -100px;}
.first_img{left: 50%;}
.first_img01{bottom: 80px;margin-left: 410px;}
.first_img02{bottom: 80px;margin-left: -1300px;}
.first_img03{margin-left: -564px;}
.first_top_tit01{margin-bottom: 20px;}
.first_top_tit02{display: inline-block;margin-bottom: 43px;}
.first_top_des01{padding-bottom: 5px;}

.first_cover_img{top: 50%;margin-left: 13%;margin-top: -17%;}
.first_cover{display: flex;justify-content: center;align-items: end;top: 0;right: 0;width: 100%;height: 100%;padding-bottom: 100px;box-sizing: border-box;}
.first_cover_bg{overflow: hidden;background-color: #000;}
.first_cover_cont{width: 1044px;height: 229px;background-image: url('../img/page/main/first_cover_cont.png');}
.first_cover_list{margin-right: 75px;}
.first_cover_list:last-child{margin-right: 0;}
.first_cover_list .des{padding-bottom: 15px;}

.first .mouseWrap{position:absolute;top:0;left:0;width:406px;height:406px;z-index:20}
.first .mouseWrap .swiper-slide{width: 100%;}

/* forget */
.forget{margin-bottom: 50px;}
.forget_in{max-width: 1850px;width: 100%;margin: 0 auto;}
.forget_cont{display: flex;justify-content: space-between;}
.forget_left{max-width: 1290px;min-width: 866px;width: 100%;margin-right: 10px;}
.forget_right{max-width: 550px;width: 100%;overflow: hidden;}
.forget_left .twap{height: 254px;background-color: var(--green);}
.forget_left .twap .tit{width: 720px;}
.forget_left .twap .tit .cover{overflow: hidden;}
.forget_left .twap .des{margin-bottom: 30px;}
.forget_left .twap .des .forget_logo{margin-left: 15px;}
.forget_sns_btn{top: 26px;right: 45px;color: var(--beige);text-align: center;line-height: 1;}
.forget_sns_btn .ico{padding-bottom: 7px;}
.forget_sl_wrap{ width: 100%;height: 600px;}
.forget_sl_wrap_black{display: inline-block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);}
.forget_sl{width: 100%;}
.forget_sl .swiper-slide{width: 300px;}
.forget_r_sl{width: 100%;height: 578px;}
.forget_r_sl .swiper-slide{width: 100%;height: 100%;}
.forget_r_sl .forget_tr_sl_bg01{background-image: url('../img/page/main/forget_tr_sl01.jpg');}
.forget_r_sl .forget_tr_sl_bg02{background-image: url('../img/page/main/forget_tr_sl02.jpg');}
.forget_r_sl .forget_tr_sl_bg03{background-image: url('../img/page/main/forget_tr_sl03.jpg');}
.forget_r_sl .forget_tr_sl_bg04{background-image: url('../img/page/main/forget_tr_sl04.jpg');}
.forget_r_sl .forget_tr_sl_bg05{background-image: url('../img/page/main/forget_tr_sl05.jpg');}
.forget_sl01{top: 0;}
.forget_sl02{top: 300px;}
.forget_sl_cover{pointer-events: none;}
.forget_sl_cover .twrap{padding-bottom: 145px;}
.forget_month{margin: 0 30px;}
.forget_num02{width: 338px;text-align: start;}
.forget_sl_cover .des_wrap .des01{padding-bottom: 15px;}
.forget .des_wrap .highlight{left: -5px;right: -5px;background-color:#d8262f}
.forget_top_right_in{height: 100%;}
.forget_top_right .forget_tr_store{bottom: 0;left: 0;width: 100%;height: 287px;}
.forget_top_right .forget_tr_store_bg{background-image: url('../img/page/main/forget_tr_store.png');background-position: left;}

.forget_flow{height: 70px;margin-top: -1px;color: var(--green);border: 1px solid var(--green);}
.forget_flow .marquee-container {position: relative;overflow: hidden;}
.forget_flow .marquee-items {display: flex;gap: 50px;}
.forget_flow .marquee-item {flex: 0 0 auto;line-height: 70px;}
.forget_cover{top: 0;left: 0;width: 325px;height: 100%;background-color: var(--green);color: #fff;}
.forget_cover .twrap{display: flex;justify-content: center;align-items: end;}
.forget_cover .twrap span{margin-right: 6px;}

.forget_bottom_cont{flex-direction: row-reverse;}
.forget_bottom_left .twap{background-color: #7d0006;}
.forget_br_sl_bg01{background-image: url('../img/page/main/forget_br_sl01.jpg');}
.forget_br_sl_bg02{background-image: url('../img/page/main/forget_br_sl02.jpg');}
.forget_br_sl_bg03{background-image: url('../img/page/main/forget_br_sl03.jpg');}
.forget_br_sl_bg04{background-image: url('../img/page/main/forget_br_sl04.jpg');}
.forget_br_sl_bg05{background-image: url('../img/page/main/forget_br_sl05.jpg');}
.forget_left.forget_bottom_left{margin: 0 0 0 10px;}
.forget_bottom_right_in{height: 100%;}
.forget_bottom_right .forget_br_store{bottom: 0;right: 0;width: 100%;height: 287px;}
.forget_bottom_right .forget_br_store_bg{background-image: url('../img/page/main/forget_br_store.png');background-position: right;}

.forget_bottom .forget_flow{color: #7d0006;border: 1px solid #7d0006;}
.forget_bf_cover{background-color: #7d0006;}
.forget_b_sl_cover .forget_num02{width: 238px;}


/* approve */
.approve{margin-bottom: 47px;}
.approve_in{max-width: 1850px;width: 100%;margin: 0 auto;padding: 80px 0 90px;}
.approve_tit_wrap{width: 693px;height: 175px;margin: 0 auto 43px;background: url('../img/page/main/approve_tit_wrap_bg.png')no-repeat center/cover;}
.approve_tit01.com_tit{font-weight: 700;}
.approve_tit02{height: 46px;}
.approve_tit02_logo{margin-right: 8px;}
.approve_video_wrap{display: flex;justify-content: space-between;max-width: 1540px;width: 100%;margin: 0 auto 50px;padding: 0 30px;box-sizing: border-box;}
.approve_video{width: calc((100% - 30px)/2);height: 410px;border: 3px solid transparent;box-sizing: border-box;transition: all 0.1s linear;}
.approve_video_in{width: 100%;height: 100%;}
.approve_video01 .approve_video_bg{background-color: #000;}
.approve_video02 .approve_video_bg{background-color: #000;}
.approve_video_img{position: absolute;left: 50%;bottom: -26px;width: 300px;margin-left: -150px;opacity: 0;transition: all 0.1s linear;}

.approve_video.on{border: 3px solid #d8b345;}
.approve_video.on .approve_video_img{opacity: 1;}

/* story */
.story{padding-top: 57px;padding-bottom: 60px;letter-spacing: -0.04em;}
.story_flow{width: 100%;height: 220px;margin: 0 auto;padding-top: 14px;box-sizing: border-box;}
.story_flow .marquee-container {position: relative;overflow: hidden;}
.story_flow .marquee-items{display: flex;gap: 20px;}
.story_flow .marquee-item{flex: 0 0 auto;position: relative;;width: 315px;height: 191px;padding-top: 9px;box-sizing: border-box;background-color: #f5f1e1;overflow: hidden;}
.story_flow .marquee-item::after{content: '';position: absolute;inset: 0;background: url('../img/page/main/store_flow_box_edge.png') no-repeat center/cover;pointer-events: none;}
.story_info_layer{display: flex;justify-content: center;flex-direction: column;height: 135px;}
.story_name_stamp{display: flex;justify-content: center;align-items: end;gap: 4px;}
.story_name{font-size: 35px;}
.story_flow .open_date{margin-top: 14px;text-align: center;font-size: 18px;font-weight: 600;}
.story_type_layer{position: relative;flex: 1 0 auto;display: flex;justify-content: center;align-items: center;width: 98%;height: 37px;margin-left: 1px;color: #f5f1e1;}
/* .story_type_layer::after{content: '';display: inline-block;position: absolute;left: 0;top: -5px;width: 100%;height: 1px;} */
.story_flow_cover{top: 0;margin-left: -157px;}

.normal_type.marquee-item{color: var(--green);}
.normal_type .story_type_layer{background-color: var(--green);}
/* .normal_type .story_type_layer::after{background-color: var(--green);} */
.bar_type.marquee-item{color: var(--wine);}
.bar_type .story_type_layer{background-color: var(--wine);}
/* .bar_type .story_type_layer::after{background-color: var(--wine);} */

/* full_vd */
.full_vd{max-width: 1700px;height: 956px;margin: 0 auto;padding-bottom: 40px;}
.full_vd_in{width: 100%;height: 100%;}
.full_video{top: 0; left: 0; width: 100%; height: 100%;}
.full_video_lists{z-index:0}
.full_video_lists .full_video_list{opacity: 1;position: absolute;top: 0;left: 0;width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat}
.full_svg{position:absolute;top:0;left:0;width:100%;height:100%}

.full_video_gra{bottom: 0; left: 0; z-index:10;width: 100%; height: 559px; background: url('../img/page/fran/video_gra_pattern.png') repeat center;}
.full_bot_slide{z-index:10;width: 100%; left: 0;bottom: -38px;}
.full_bot_slide .swiper-container{padding-top: 50px}
.full_bot_slide .swiper-slide{position: relative; width: 400px; height: 225px;transition: all 0.3s;cursor: pointer;}
.full_bot_slide .swiper-slide_in{width: 100%;height: 100%;transform: scale(0.85);}
.full_bot_slide .full_bot_sl_bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;}
.full_bot_gra{position: absolute; bottom: 0;left: 0; width: 100%; height: 135px; background-image: url('../img/page/fran/full_bot_gra.png'); background-position: center; background-repeat: no-repeat;}
.full_bot_gra_active{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); opacity: 0;}
.full_bot_slide_txt{position: absolute; left: 20px; bottom: 18px; font-size: 26px; font-weight: 700; line-height: 1.3846; color: #fff; z-index: 1;}
.full_bot_time_wrap{position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; background-color: rgba(255,255,255,0.2); z-index: 1; opacity: 0;}
.full_bot_time{position: absolute; top: 0; left: 0; height: 100%; width: 0; background-color: #e50717;}
.full_bot_slide .swiper-slide.swiper-slide-active .swiper-slide_in{transform:scale(1);transition: all 0.3s;}
.full_bot_slide .swiper-slide.swiper-slide-active .full_bot_gra_active,
.full_bot_slide .swiper-slide.swiper-slide-active .full_bot_time_wrap{opacity: 1;}
.full_play_btn_wrap{bottom: 230px; margin-left: -600px; z-index: 20;}
.full_play_btn_wrap .full_play_btn{display: inline-block; font-size: 26px;font-weight: 800;color: var(--greenD); width: 230px; height: 70px; border-radius: 35px; line-height: 70px; text-align: center; background-color: #fff; }
.full_play_btn_wrap .full_play_btn img{display: inline-block; margin-right: 10px;margin-top: -5px;}
.full_btns{position: absolute;top:675px; left: 50%; z-index:20;width:90px;height:90px;background-repeat:no-repeat;background-position:center;font-size:0}
.full_btns.full_prev{margin-left: 570px;background-image:url('../img/page/main/full_slide_btn.png')}
.full_btns.full_next{margin-left: 670px;background-image:url('../img/page/main/full_slide_btn.png');transform: rotate(-180deg);}

@media screen and (max-width: 1350px) {
    .first_in_wrap{transform: scale(0.8);}
}