/* bright */
.bright{display: flex;align-items: center;justify-content: center;height: calc(100vh - 72px);background-image: url('../img/main/bright_bg.png');}
.bright_house{position: absolute;left: 50%;transform: translateX(-50%); bottom: 0;}
.bright_center{position: relative;filter: blur(20px);}
.bright_center p{position: absolute;left: 50%;top: 200px;margin-left: -221.5px;}
/* .bright_center p:nth-child(3){position: absolute;top: 430px;left: 50%;transform: translateX(-50%); color: #f6f5ef;font-size: 45px; line-height: 1.29;font-family: var(--sogang);text-align: center;white-space: nowrap;} */

/* mood */
.mood{height: calc(100vh - 72px);}
.mood_box_wrap{width: 100%;height: 100%;overflow: hidden;}
.mood_box_wrap .mood_box{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding-top: 9%;box-sizing: border-box;background-color: #000;}
.mood_box01 .mood_box_bg{background-image: url('../img/page/brand/mood_box01_240425.jpg');}
.mood_box02 .mood_box_bg{background-image: url('../img/page/brand/mood_box02_240425.jpg');opacity: 0.75;}
.mood_box03 .mood_box_bg{background-image: url('../img/page/brand/mood_box03_240514.jpg');background-position: center top;}
.mood_box01 .deco{background-image: url('../img/page/brand/mood_box01_deco.png');background-position: center bottom;}
.mood_box01 .loading{background-image: url('../img/page/brand/mood_box01_loading.png');background-position: center bottom;}
.mood_box .twrap{position: relative;text-align: center;color: #fff;width: 30%;margin: 0 auto;}
.mood_box .twrap::before {content: '';position: absolute;left: 50%;top: 50%;width: 100%;height: 100%;background-color: rgba(0,0,0, 0.5);transform: translate(-50%, -50%);filter: blur(60px);border-radius: 80%;}
.mood_box .twrap .bot_tit{font-size: 32px;font-family: var(--sogang);filter: blur(20px);}
.mood_box .twrap .bot_tit em{font-size: 42px;color: var(--gold);}
.mood_box .twrap .detail{margin-top: 25px;font-size: 18px;font-weight: 350;line-height: 1.5;position: relative;}
.mood_moon{width: 157px;height: 157px;left: 100px;top: 0;margin-top: 7%;border-radius: 50%;}
.mood_moon img{width: 100%;height: 100%;}
.mood_moon .moon_light{box-shadow: 0px 0px 120px #f0b00f80;border-radius: 50%;}
.mood_moon .moon_shadow{top: 0.5px;left: 0px;width: 156.5px;height: 156.5px;background-color: rgba(0,0,0,0.7);border-radius: 50%;}
.mood_moon svg{position: absolute;left: 0;top: 0;}
.mood_moon svg image{width: 100%;height: 100%;}

/* bi_flow */
.bi_flow{margin: 80px 0;}
.bi_flow .flow_item{margin-right: 29px;}

/* traditional */
.traditional{padding: 30px;background-color: var(--denim);}
.traditional_wrap{display: flex;height: 700px;}
.traditional_wrap > div{display: flex;align-items: flex-end;width: 50%;padding-bottom: 50px;box-sizing: border-box;overflow: hidden;}
.traditional p span.title_bg_black{background: rgba(0, 0, 0, 0.3);display:inline-block;width:162px;}
.traditional .traditional_left{background-image: url('../img/main/traditional_left_bg_240514.jpg');}
.traditional .traditional_left.bg-2{background-image: url('../img/main/traditional_right_bg_240514.jpg');}
.traditional .traditional_right{justify-content: start;background-image: url('../img/main/traditional_right_bg_240514.jpg');}
.traditional .twrap{min-width: 480px;width: 80%;}
.traditional .traditional_left .twrap{margin: 0 0 0 auto;}
.traditional .traditional_right .twrap{margin: 0 auto 0 0;}
.traditional_left p{margin-top: 19px;padding-top: 0;font-size: 20px;line-height: 1.5;color: #f6f5ef;}
.traditional_right p{margin-top: 19px;font-size: 20px;line-height: 1.5;color: #f6f5ef;}
.traditional_right{text-align: right;}
.traditional_right .deco{position: absolute;left: 155px;top: 40px;}
.traditional_wrap02{margin-top: 30px;}
.traditional_wrap02 .traditional_right{background-image: url('../img/main/traditional_right_bg02.jpg');}
.traditional_wrap02 .traditional_right p:first-child img{filter: drop-shadow(0px 0px 100px rgba(0,0,0,0.2)) drop-shadow(0px 0px 50px rgba(0,0,0,0.2)) drop-shadow(0px 0px 100px rgba(0,0,0,0.2)) drop-shadow(0px 0px 100px rgba(0,0,0,0.2));}
.traditional_left p.demi{ display: inline-block;padding:8px;width: auto;background: rgba(0, 0, 0, 0.3);border-radius: 16px}
/* casual */
.casual_flow{position: absolute;left: 50%;top: 548px;transform: translateX(-50%);}
.casual_flow .flow_item{width: 2309px;margin-right: 30px;}
.casual_top_flow{display: flex;position: absolute;left: 0;top: 120px;width: 100%;height: 320px;}
.casual_bot_flow{display: flex;position: absolute;left: 0;bottom: 192px;width: 100%;height: 320px;}
.casual_top_flow > div,
.casual_bot_flow > div,
.casual_top_flow > div > .js-marquee,
.casual_bot_flow > div > .js-marquee{display: flex;}
.casual_top_flow .flow_item,
.casual_bot_flow .flow_item{position: relative;width: 320px;height: 320px;margin-right: 20px;}
.gray_cir{border-radius: 50%;background-color: #8e8e8e;}
.gold_squre{background-color: var(--gold);}
.casual .center{position: relative;width: 700px;padding-top: 214px;padding-bottom: 192px;margin: 0 auto;text-align: center;background-color: var(--oat);}
.casual .title{font-size: 32px;line-height: 1.5;}
.casual .title em{font-size: 42px;}
.casual_slide{width: 738px;height: 569px;margin: 25px auto 0;}
.casual .sub{font-size: 30px;font-weight: 700;line-height: 1.5;}
.casual .detail{margin-top: 25px;}

/* sig */
.sig{padding: 0 30px 30px 30px;padding-bottom: 0;}
.sig a{display: flex;width: 100%;height: 100%}
.sig .cont{position: relative;flex: 1;height: 800px;overflow: hidden;}
.sig .cont .cont_in{display: flex;flex-direction: column;justify-content: flex-end;align-items: center}
.sig .cont01 .cont_bg{background-image: url('../img/main/sig_cont01_1106.jpg');}
.sig .cont02 .cont_bg{background-image: url('../img/main/sig_cont02.jpg');}
.sig .cont03 .cont_bg{background-image: url('../img/main/sig_cont05.jpg');}
.sig .cont04 .cont_bg{background-image: url('../img/main/sig_cont03.jpg');}
.sig .cont05 .cont_bg{background-image: url('../img/main/sig_cont04.jpg');}
.sig .cont .twrap{position: relative;text-align: center;}
.sig .cont .twrap{position: relative;padding-bottom: 20%;color: #fff;}
.sig .cont .twrap .nums{align-items: flex-end;font-size: 50px;font-family: var(--sogang);color: var(--gold);}
.sig .cont.cont03 .twrap .nums{font-size: 120px;}
.sig .cont .twrap .unit{font-size: 40px;}
.sig .cont .twrap .txt01{margin-top: 18px;font-size: 18px;font-weight: 350;}
.sig .cont .twrap .txt02{margin-top: 40px;font-size: 30px;line-height: 1.5;}
.sig .cont .twrap .txt02 em{font-size: 40px;font-weight: 700;}
.sig .title{left: 0;right: 0;top: 55px;margin: 0 auto;color: #fff;font-size: 62px;line-height: 1.25;}
.sig .sig_tit_glow{transform: translateX(-50%);}
.sig .sig_note{position: absolute;top: 100%;right: 0;left: 0;font-size: 14px;color: #868686;text-align: center;}

/* best */
/* .best{padding-top: 54px;padding-bottom: 59px;}
.best .title{padding-top: 7px;}
.best_slide{position: relative;width: 920px;margin-top: 53px;}
.best_slide .swiper-slide{display: flex;}
.best_sl{display: inline-flex;align-items: center;justify-content: center;width: 215px;height: 80px;margin-right: 20px;background-color: #fff;}
.best_sl:last-child{margin-right: 0;}
.best_sl p{font-size: 26px;font-weight: 350;}
.best_slide .swiper-pagination-fraction{font-size:24px;color:#8a8986;line-height: 22px;letter-spacing: -0.025em;text-align:center}
.best_slide .swiper-pagination-fraction .swiper-pagination-current{color: #000;}
.best_slide .swiper-pagination-fraction{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.best_btns{width: 54px;height: 18px;margin-top: 55px;background-image: url('../img/main/best_btns.png');font-size: 0;opacity: 0.2;}
.best_btns.on{opacity: 1;}
.best_prev{margin-right: 200px;transform: rotateY(180deg);} */

/* worry */
.worry{height: 600px;margin-top: 30px;}
.worry_box{background-color: #000;color: #fff;}
.worry_back{position: absolute;inset: 0;}
.worry_back video{width: 100%;height: 100%;object-fit: cover;}
.worry_head p{text-shadow: 0 0 20px rgba(0,0,0,0.7);}
.worry_tit{margin-bottom: 24px;font-size: 50px;line-height: 1.2;}
.worry_sub{margin-bottom: 16px;font-size: 40px;line-height: 1.2;}

/* lower */
.lower{padding: 60px 0;}
.lower .cont{position: relative;display: flex;flex-direction: column;justify-content: space-between;width: 50%;height: 780px;padding: 40px;padding-bottom: 60px;box-sizing: border-box;overflow: hidden;}
.lower .cont01{padding-top: 83px;background-image: url('../img/main/lower01.jpg');}
.lower .cont02{margin-top: 120px;padding-top: 70px;background-image: url('../img/main/lower02_240429.jpg');}
.lower_tit{font-size: 32px;font-family: var(--sogang);line-height: 1.5;}
.lower_tit em{font-size: 42px;}
.lower .nums{align-items: center;font-size: 50px;font-family: var(--sogang);font-weight: 400;}
.lower .num{display: inline-flex;justify-content: flex-end;width: 28px;height: 65px;font-size: 50px;}
.lower .unit{height: 50px;font-size: 40px;}
.lower .num_det{margin-bottom: 5px;font-weight: 350;}
.lower_cir{width: 200px;height: 200px;border-radius: 50%;border: 1px solid #fff;color: #fff;text-align: center;box-sizing: border-box;}
.lower .cont01 .lower_cir{margin: 0 auto;}
.lower_cir:first-child{margin-right: 30px;}
.lower_cir p{font-size: 20px;line-height: 1.5;font-weight: 700;}
.lower_cir p em{font-size: 30px;}

/* story */
.story{padding: 60px 0;border-top: 1px solid rgba(34,40,56,0.3);background-color: var(--denim);color: #fff;}
.story_in{margin-top: 40px;}
.story_vid{flex: 1 0 auto;width: 590px;height: 332px;margin-right: 10px;background-color: #000;}
.story_vid .iframe_wrap{overflow: hidden;position: relative;height: 332px;}
.story .cont{display: flex;flex-direction: column;justify-content: space-between;margin-left: 10px;}
.story_cont_tit{line-height: 1.5;}
.story_cont_det{margin-top: 20px;}
.story_cont_slide{width: 590px;}
.story_cont_slide .swiper-slide{width: auto;}
.story_cont_sl{width: 192px;height: 108px;background-color: #000;box-sizing: border-box;}
.story_cont_slide .swiper-slide-active .story_cont_sl{border: 5px solid var(--gold);}
.story_control{margin-top: 46px;}
.story_control .swiper-pagination-fraction{margin: 0 80px;font-size: 24px;color: #8a8986;}
.story_control .swiper-pagination-fraction .swiper-pagination-current{color: #fff;}
.story_btns{width: 54px;height: 18px;background-image: url('../img/main/best_btns_240514.png');font-size: 0;opacity: 0.2;}
.story_btns.on{opacity: 1;}
.story_prev{transform: rotateY(180deg);}

/* cabin */
/* .cabin{display: flex;align-items: center;justify-content: center;height: 700px;background-image: url('../img/main/cabin.jpg');}
.cabin .title{font-size: 44px;letter-spacing: -0.02em;line-height: 1.5;position: relative;color: #fff;white-space: nowrap;} */

/* news */
.news{padding: 100px 0;}
.news_bg{width: 40%;height: 470px;background-color: var(--denim);position: absolute;top: 56%;left: 0;transform: translateY(-50%);}
.news_in{margin-top: 50px;position: relative;justify-content: flex-end;}
.news .tit{position: absolute;top: 55px;left: 0;display: block;}
.news_cont{display: flex;flex-direction: column;justify-content: space-between;}
.news_slide{width: 480px;margin-right: 10px;}
.news_slide .swiper-container{height: 349px;}
.news_slide .swiper-slide{background-color: #000;}
.news_sl{background-image: url('../img/main/new_sl.jpg');}
.news_sl_txt{position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;width: 93%;height: 52px;line-height: 52px;text-align: center;color: #fff;text-overflow: ellipsis;overflow: hidden;white-space:nowrap}
.new_sl_txt_bg{width: 100%;height: 52px;background-color: rgba(34,40,56,0.78);bottom: 0;left: 0;}
.news_paging{display: flex;align-items: center;justify-content: center;height: 51px;background-color: var(--denim);}
.news_paging li{width: 15px;height: 15px;border: 1px solid var(--gold);box-sizing: border-box;margin-right: 13px;opacity: 0.5;border-radius: 50%;}
.news_paging li.swiper-pagination-bullet-active{border: none;background-color: var(--gold);opacity: 1;}
.news_paging li:last-child{margin-right: 0;}
.news_list{width: 580px;height: 350px;margin-left: 10px;border-top: 1px solid rgba(0,0,0,0.7);border-bottom: 1px solid rgba(0,0,0,0.7);box-sizing: border-box;}
.news_list li{display: flex;align-items: center;justify-content: space-between;height: 70px;padding-left: 10px;border-bottom: 1px solid rgba(0,0,0,0.3);box-sizing: border-box;}
.news_list li a{display: flex;align-items: center;justify-content: space-between;width: 100%;}
.news_list li p{font-size: 20px;letter-spacing: -0.025em;font-weight: 350;}
.news_list li .news_text{margin-left: 40px;white-space: nowrap;text-overflow: ellipsis;box-sizing: border-box;overflow: hidden;}

.news_list_paging .first_btn,
.news_list_paging .last_btn{width: 12px;height: 12px;background-image: url('../img/main/news_list_paging01.png');}
.news_list_paging .paging_prev,
.news_list_paging .paging_next{width: 8px;height: 12px;background-image: url('../img/main/news_list_paging02.png');}
.news_list_paging .last_btn,
.news_list_paging .paging_next{transform: rotate(180deg);}
.news_list_paging .paging_prev{margin-left: 39px;margin-right: 58px;}
.news_list_paging .paging_next{margin-left: 58px;margin-right: 39px;}

.news_list_paging li{position: relative;width: 20px;margin-right: 30px;font-size: 18px;line-height: 42px;font-weight: 500;color: #888;text-align: center;cursor: pointer;}
.news_list_paging li:last-child{margin-right: 0;}
.news_list_paging li.on{color: var(--gold);}
.news_list_paging li.on::after{content: '';display: inline-block;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;width: 100%;height: 2px;background-color: var(--gold);}

/* media */
.media{margin-top: 120px;height: 338px;justify-content: flex-end;}
.media .tit{left: 0;top: 0;}
.media_slide{width: 600px;height: 338px;margin-right: 10px;}
.media_slide .swiper-slide{width: 100%;}
.media_sl{width: 600px;height: 338px;background-color: #000;}
.media_sl iframe{width: 100%;height: 100%;}
.media_control{margin-top: 46px;bottom: 0;margin-left: -315px;}
.media_control > div{flex-direction: column;}
.media_control .swiper-pagination-fraction{margin: 0 80px;font-size: 24px;color: #8a8986;}
.media_control .swiper-pagination-fraction .swiper-pagination-current{color: #000;}
/* .media_mini_slide .swiper-wrapper{display: flex;flex-direction: column;justify-content: space-between;align-items: center;} */
.media_mini_slide{width: 190px;height: 338px;}
.media_mini_slide .swiper-slide{width: 190px;height: 107px;}
.media_mini_slide .swiper-slide:nth-child(1){background-color: #fdf;}
.media_mini_slide .swiper-slide:nth-child(2){background-color: rgb(105, 13, 13);}
.media_mini_slide .swiper-slide:nth-child(3){background-color: rgb(160, 35, 160);}
.media_mini_sl{position: relative;width: 190px;height: 107px;border: none;box-sizing: border-box;}
.media_mini_sl img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.media_mini_slide .active .media_mini_sl{border: 5px solid var(--gold);}
.media_btns{width: 65px;height: 65px;background-image: url('../img/main/media_btns.png');font-size: 0;opacity: 1;}
.media_btns.on{opacity: 1;}
.media_next{transform: rotateX(180deg);margin-top: 10px;}

.test_slide{width: 150px;height: 330px;background-color: #fff;}
.test_slide .swiper-slide{width: 100%;height: 100px;background-color: #000;}
.test_slide .swiper-slide.swiper-slide-active{border: 1px solid var(--gold);}
.test_btns{position: absolute;top: -50px;width: 30px;height: 30px;background-color: #b06868;}
.test_next{background-color: #6858df;}

/* ray */
.ray{padding-top: 54px;padding-bottom: 192px;}
.ray_top{align-items: flex-end;}
.ray_top .line{flex: 1;height: 1px;margin: 0 52px 13px;background-color: #000;opacity: 0.2;}
.ray .sns{margin-bottom: 5px;}
.ray .sns li{margin-right: 31px;}
/* .ray .sns li.on{opacity: 1;} */
.ray .sns li:last-child{margin-right: 0;}
.ray_sns{height: 230px;margin-top: 60px;}
.ray_sns .flow_item{width: 230px;height: 230px;margin-right: 12px;background-color: #000;}
.ray_sns a{display: inline-block;width: 100%;height: 100%;overflow: hidden;}