@media screen and (max-width:1700px) {
    /* main */
    .main_ov .main_cont .cont_item{padding: 180px 0 0 140px;}
    .main_ov .main_cont .cont_item.inception .cont_txt p{max-width:400px;}
    .main_ov .cont_tit_list{left: 140px;}
    .main_ov .year{left: 140px;}
    .main_ov .main_cont .cont_item h3{font-size: 20px; margin-top: 70px;}
    .main_ov .main_cont .cont_item.trial .cont_box{margin-top: 70px;}
    .main_ov .main_cont .cont_item p{font-size: 16px;}
    .main_ov .main_cont .cont_item.inception .cont_img{width: 45vw; right: 100px;position: absolute; bottom: 20px;}
    .main_ov .main_cont .cont_item.first .cont_box .lt_cont{padding-right: 0;}
    .main_ov .main_cont .cont_item.first .cont_box .rt_cont{width: 45vw;position: absolute;bottom: 0;right: 0;}
    .main_ov .main_cont .cont_item.first .cont_box .lt_cont img{max-width: 230px;}
    .main_ov .main_cont .cont_item.first .cont_box .rt_cont .swiper{max-width: 400px; margin-right: 0;}
    .main_ov .main_cont .cont_item.growth{width: 1700px;}
    .main_ov .main_cont .cont_item.growth .cont_box{padding-right: 140px; justify-content: space-between;align-items: start;}
    .main_ov .main_cont .cont_item.growth .cont_box .lt_cont{width: auto;}
    .main_ov .main_cont .cont_item.growth .soga_font img{max-height: 160px;}
    .main_ov .main_cont .cont_item.growth h3{margin-top: 70px;}
    .main_ov .main_cont .cont_item.growth .cont_box .rt_cont{max-width: 300px;margin-top: 30px;}
    .main_ov .main_cont .cont_item.growth .cont_box .rt_cont h3{margin-top: 10px;}
    .main_ov .main_cont .cont_item.trial .cont_box .rt_cont{margin-top: 70px;}
    .main_ov .main_cont .cont_item.return{padding-right: 140px;}
    .main_ov .main_cont .cont_item.return .top_cont img{max-height: 600px;margin-right: 0;}
    .main_ov .main_cont .cont_item.return .return_pc{margin-top: 30px; font-size: 16px; width: 300px;}
    .main_dt .img img{width: 80%;}
    .main_dt .return_cont{margin-bottom: 40px;}
    .main_dt .return_cont li{font-size: 18px; padding: 24px 0 20px;}
    .main_dt .return_cont li:last-child{padding-bottom: 24px;}
    .pc_main_hs .pc_history .pc_hs_tit span{margin-top: 15px;}
    .pc_main_hs .pc_hs_tit{margin-bottom: 40px;}
}

@media screen and (min-width: 1022px) and (max-width: 1024px) {
    /* main */
    .main_top{justify-content: center;}
    .main_top .key_visual{margin-left: 0;}

    .main_ov .year span{font-size: 24px;}
    .main_ov .main_cont .cont_item.inception .cont_img{width: 85vw; right:0;}
    .main_ov .main_cont .cont_item.first .cont_box .rt_cont{width: 85vw;}
    .main_ov .main_cont .cont_item.first .cont_box .rt_cont .swiper{max-width: 100%;}
    .main_ov .main_cont .cont_item.first .cont_box .lt_cont img{left: 0;}
    .main_ov .main_cont .cont_item.first .cont_box .rt_cont > img{max-height: 300px;margin-left: 300px;}
    .main_ov .main_cont .cont_item.growth h3{margin-top: 120px;}
    .main_ov .main_cont .cont_item.growth .cont_box .ct_cont{max-width: 400px;}
    .main_ov .main_cont .cont_item.growth .cont_box .rt_cont{margin-top: 70px; max-width: 400px;}
    .main_ov .main_cont .cont_item.growth .cont_box .lt_cont{max-width: 400px;}
    .main_ov .main_cont .cont_item.growth .soga_font img{display: block; max-height: 230px;}
    .pc_main_hs .pc_history .pc_hs_tit{margin-top: 95px; margin-bottom: 100px;}
    .pc_main_hs .pc_hs_tit .pc_hs_tit_last .btn{margin-bottom: 0;}
    .pc_main_hs .pc_history .pc_hs_item img{max-width: 360px; min-height: 460px;}
    .pc_main_hs .pc_history .pc_hs_item{width: 50%;}
    .pc_main_hs .pc_history .pc_hs_item div::before{top: -5px;}
    .main_ov .main_cont .cont_item.return .return_pc{margin-left: 0;}
    .main_ov .main_cont .cont_item.return .top_cont{gap: 20px;}
}


@media screen and (max-width:899px) {

    /* main */
    .main_top{justify-content: center;}
    .main_top {background: #000;}
    .main_top .key_visual{margin-left: 0;}
    .main_top .key_visual .tit{margin:0 60px;}
    .main_top .key_visual .tit span{width: 100%; margin-bottom: 0;height: 40px;}

    .main_top .key_visual .desc{font-size: 1rem;margin-top: 40px;text-align: center;}
    .main_top .scroll-down{bottom: 70px;}

    .soga_font{font-family: "zw-songganggasa", sans-serif; font-weight: 400; font-size: 12px; font-style: normal; }
    .main_ov{padding: 0;}
    .main_ov .year{top: 82px;left: 24px;bottom: inherit; gap: inherit; width: calc(100% - 48px); flex-direction: row;}
    .main_ov .year span{font-size: 15px; margin-left: 0;}
    .main_ov .year span.m-r{padding-right: 0;}
    .main_ov .main_cont{text-align: left; overflow: hidden;}
    .main_ov .main_cont .cont_item{width: 100vw;padding: 120px 24px 0 24px; flex-direction: column;position: relative;}
    .main_ov .main_cont .cont_item .cont_tit{font-size: 36px;}
    .main_ov .main_cont .cont_item .cont_tit span{font-size: 22px;}
    .main_ov .cont_tit_list{ top: 120px;left: 24px;}
    .main_ov .cont_tit_list div{position: absolute;opacity: 0; font-size: 36px;color: #fff;}
    .main_ov .cont_tit_list div span{font-size: 22px;}
    .main_ov .main_cont .cont_item .cont_txt h3{font-size: 18px;margin-top: 70px;}
    .main_ov .main_cont .cont_item .cont_txt p{font-size: 16px;margin-top: 5px; font-weight: 400;}
    .main_ov .main_cont .cont_item.inception .cont_tit{color: #000;}
    .main_ov .main_cont .cont_item.inception .cont_txt p br{display: block;}
    .main_ov .main_cont .cont_item.inception .cont_img{width: inherit; position: static;}
    .main_ov .main_cont .cont_item .cont_img img{display: block; width: 100%; max-height: 400px; object-fit: cover; height: 40vh;height: calc(var(--vh) * 40); position: relative; z-index: 9;}
    .main_ov .main_cont .cont_item.inception .cont_img img{max-width: 250px; width: inherit;}
    .main_ov .main_cont .cont_item.inception .cont_img p br{display: block;}
    .main_ov .main_cont .cont_item .cont_img p{font-size: 12px; width: 100%;}
    .main_ov .main_cont .cont_item .cont_img .cont_box01{display: flex; align-items: end; position: absolute; left: 150px; bottom: 30px;}
    .main_ov .main_cont .cont_item .cont_img .cont_box01 p{margin: 0 0 70px 20px;}
    .main_ov .main_cont .cont_item .cont_img .cont_box02{position: absolute;right: 0; top: 50%; transform: translateY(-50%);z-index: 9;}
    .main_ov .main_cont .cont_item .cont_img .cont_box02 img{max-height: 230px;}
    .main_ov .main_cont .cont_item .cont_img .cont_box02 p{margin-top: 10px;}
    .main_ov .main_cont .cont_item .cont_img .cont_box03{position: absolute; right: 150px; bottom: 150px;}
    .main_ov .main_cont .cont_item .cont_img .cont_box03 img{height: inherit; max-height: 350px; position: relative; z-index: 1;}
    .main_ov .main_cont .cont_item .cont_box{display: flex;margin-top: 70px; gap: 30px; }
    .main_ov .main_cont .cont_item .cont_box p{font-size: 16px; margin-bottom: 10px; font-weight: 300;margin-top: 5px; max-width: 300px;}
    .main_ov .main_cont .cont_item .cont_box p br{display: none;}
    .main_ov .main_cont .cont_item.inception .cont_img .pc{display: none;}
    .main_ov .main_cont .cont_item.inception .cont_img .mo{display: block;}
    .main_ov .year .progress{ bottom: -5px; left: 0; width: 100%; height: 1px; background-color:rgba(255,255,255, 0.2);}
    
    .main_ov .main_cont .cont_item.first{padding-right: 0;}
    .main_ov .main_cont .cont_item.first .cont_box{text-align: center;}
    .main_ov .main_cont .cont_item.first .cont_box .lt_cont{width: 50%; padding-right: 0;}
    .main_ov .main_cont .cont_item.first .cont_box .lt_cont h3{font-size: 50px;margin-top: 0;}
    .main_ov .main_cont .cont_item.first .cont_box .rt_cont{width: 50%;bottom: 0; position: relative; margin-top: 0;}
    .main_ov .main_cont .cont_item.first .cont_box .rt_cont > img{padding-right: 30px; display: block; margin-bottom: 30px; height: 25vh;height: calc(var(--vh) * 25);margin-left: 0; max-height: inherit;}
    .main_ov .main_cont .cont_item.first .cont_box .rt_cont .swiper_box{margin-left: 100px;}
    .main_ov .main_cont .cont_item.first .cont_box .rt_cont .swiper_box img{aspect-ratio: 10/16; object-fit: cover;}
    .main_ov .main_cont .cont_item.first .cont_box .rt_cont .soga_font{position: absolute; left: 0; top: 50%; transform: translateY(-50%); text-align: left; color: #BF9E73;}
    .main_ov .main_cont .cont_item.first .cont_box .lt_cont p{margin: 10px auto 20px auto;}
    .main_ov .main_cont .cont_item.first .cont_box .lt_cont p br{display: none;}
    .main_ov .main_cont .cont_item.first .cont_box .lt_cont img{height: 35vh; min-width: inherit;position: static;margin-top: 0;}
    .main_ov .main_cont .cont_item.first .cont_box .lt_cont h3 br{display: block;}

    .main_ov .main_cont .cont_item.growth {width: 1200px;}
    .main_ov .main_cont .cont_item.growth .cont_tit{color: #000;}
    .main_ov .main_cont .cont_item.growth .cont_box{margin-top: 70px; display: flex;gap: 30px;padding-right: 0;align-items: flex-start;justify-content: space-between;}
    .main_ov .main_cont .cont_item.growth .lt_cont{width: 100%; display: flex; flex-direction: column;}
    .main_ov .main_cont .cont_item.growth .lt_cont div{text-align: center;}
    .main_ov .main_cont .cont_item.growth .lt_cont div span{text-align: left;}
    .main_ov .main_cont .cont_item.growth .cont_box h3{font-size: 18px;margin-top: 0;}
    .main_ov .main_cont .cont_item.growth .cont_box img{width: 80%;height: 100%; object-fit: cover;}
    .main_ov .main_cont .cont_item.growth .cont_box .lt_cont{width: auto;}
    .main_ov .main_cont .cont_item.growth .cont_box .lt_cont img{width: auto; height: 25vh; height: calc(var(--vh) * 25); object-fit: cover;}
    .main_ov .main_cont .cont_item.growth .cont_box .lt_cont .soga_font{padding-left: 0;}
    .main_ov .main_cont .cont_item.growth .cont_box .lt_cont .soga_font span{display: inline-block;margin-top: 0;}
    .main_ov .main_cont .cont_item.growth .cont_box .rt_cont{margin-top: 20px;}
    .main_ov .main_cont .cont_item.growth .cont_box .rt_cont img{width: auto; height: 30vh; height: calc(var(--vh) * 30); object-fit: cover; margin-bottom: 10px;}
    .main_ov .main_cont .cont_item.growth .cont_box .soga_font{position: relative; color: #81694B;}
    .main_ov .main_cont .cont_item.growth .cont_box .absol span{position: absolute; right: 25px; bottom: 0;}
    .main_ov .main_cont .cont_item.growth .cont_box .absol:last-child span{left: 25px; bottom: 0;}
    .main_ov .main_cont .cont_item.growth .cont_box .ct_cont{margin-top: 50px; display: flex; flex-direction: column;max-width: 300px;}

    .main_ov .main_cont .cont_item.trial {width: 1400px;}
    .main_ov .main_cont .cont_item.trial .cont_box{align-items: normal;margin-top: 70px;}
    .main_ov .main_cont .cont_item.trial .cont_box h3{font-size: 18px; margin-top: 10px;}
    .main_ov .main_cont .cont_item.trial .cont_box .lt_cont{text-align: center; margin-top: 0px; max-width: 360px; height: calc(100dvh - 120px); height: calc(var(--vh) * 100 - 120px); position: relative; display: flex; align-items: center;justify-content: space-between; flex-direction: column; padding-top: 100px;}
    .main_ov .main_cont .cont_item.trial .cont_box .lt_cont::before{content: ''; background: url('/static/img/trial_img01-1.png') no-repeat; width: 100%; max-width: 280px; background-size: cover; height:82px;position: absolute; top: 0px; left: 36px;}
    .main_ov .main_cont .cont_item.trial .cont_box .lt_cont::after{content: ''; background: url('/static/img/trial_img01-2.png') no-repeat; width: 100%; max-width: 280px; background-size: cover; height:82px;position: absolute; top: inherit; bottom: 220px; left: 36px;}
    .main_ov .main_cont .cont_item.trial .cont_box .lt_cont p{ margin: 0 auto 60px}
    .main_ov .main_cont .cont_item.trial .cont_box .lt_cont img{padding-left: 0;margin-bottom: 30px;}

    .main_ov .main_cont .cont_item.trial .cont_box .ct_cont{position: relative;}
    .main_ov .main_cont .cont_item.trial .cont_box .ct_cont img{scale: 1.2; position: relative; left: 175px;top: -150px; height: 47vh;height: calc(var(--vh) * 47);}
    .main_ov .main_cont .cont_item.trial .cont_box .rt_cont{display: flex; margin-top: 50px; align-items: center;  flex-direction: column;  text-align: center;color: #BF9E73;margin-left: 135px; padding-left: 100px; padding-right: 40px;}
    .main_ov .main_cont .cont_item.trial .cont_box .rt_cont h3{font-size: 46px; font-family: "neutronic-hangeul-cond-heavy", sans-serif; font-style: normal; font-weight: 900; color: #BF9E73; }
    .main_ov .main_cont .cont_item.trial .cont_box .rt_cont h3 br{display: block;}
    .main_ov .main_cont .cont_item.trial .cont_box .rt_cont p{font-weight: 500; font-size: 14px; max-width: 260px;}
    .main_ov .main_cont .cont_item.trial .cont_box .rt_cont p span{font-size: 1rem; display: block;margin: 10px 0 30px 0; font-weight: 300;}
    .main_ov .main_cont .cont_item.trial .cont_box .rt_cont > span{font-size: 22px; color: #fff; display: block; max-width: 290px;}
    .main_ov .main_cont .cont_item.trial .cont_box .ct_cont .innocence{width: 181px; height: 93px;position: absolute;top: 438px; left: 265px; background-size: contain;opacity: 0; transform: translate(-80px, -50px) rotate(8deg); transition: none;}

    .main_ov .main_cont .cont_item.return{padding-right: 24px;}
    .main_ov .main_cont .cont_item.return .return_pc{display: none;}
    .main_ov .main_cont .cont_item.return .top_cont{display: block;}
    .main_ov .main_cont .cont_item.return .top_cont img{width: auto;}
    .main_ov .main_cont .cont_item.return .cont_tit{color: #BF9E73;}
    .main_ov .year:has(span[data-year="2025"].on) span{opacity: 0.7;}
    .main_ov .year:has(span[data-year="2025"].on) span.on{opacity: 1;}
    .main_ov .year:has(span[data-year="2025"].on) span + .progress{background: #BF9E73;}
    .main_ov .year:has(span[data-year="2025"].on) span + .progress .progress_bar{background: #BF9E73; opacity: 0.7;}
    .main_ov .main_cont .cont_item.return .cont_box{align-items: baseline;}
    .main_ov .main_cont .cont_item.return .cont_box .top_cont{width: 100%; margin-top: 0;}
    .main_ov .main_cont .cont_item.return .cont_box h3{font-style: normal; letter-spacing: -1px;  color: #FF5C00;}
    .main_ov .main_cont .cont_item.return .cont_box p{margin-top: 10px; color: #BF9E73;}
    .main_ov .main_cont .cont_item.return .cont_box .top_cont img{width: 100%; margin-top: 20px;height: auto; text-align: center;display: block; margin: 10px auto 0;}
    .main_ov .main_cont .cont_item.return p br.pc_on{display: none;}
    .main_ov .main_cont .cont_item.return .top_cont > div{width: 100%;}

    .main_ov .btn{border-radius: 0; padding: 0; opacity: 0; position: fixed;bottom: 0; left: 0; width: 100%;height: 50px; background: #282828; color: #fff;}
    .main_ov .btn a{color: #F7F0ED; font-size: 17px; width: 50%; display: flex; align-items: center;justify-content: center; height: 100%;}
    .main_ov .btn a:first-child{border-right: 1px solid #F7F0ED;}
    .main_ov .btn a::after{content: ''; display: inline-block; background: url('/static/img/ico_arrow.png') no-repeat; width: 32px; height: 8px; position: relative;margin-left: 20px;}

    .main_dt{background: #F7F0ED; padding: 50px 0;}
    .main_dt .inner{display: block;}
    .main_dt .txt{color: #BF9E73; text-align: center;margin-bottom: 50px;font-weight: 400; line-height: 1.4;font-size: 16px; display: block;}
    .main_dt .img{text-align: center;}
    .main_dt .return_cont{margin-bottom: 0; width: auto;}
    .main_dt .return_cont li{font-size: 16px; display: flex; align-items: center;justify-content: space-between;position: relative; padding: 24px 0 20px;padding-right: 30px; margin-left: 30px;}
    .main_dt .return_cont li:last-child{margin-bottom:0; padding-bottom: 24px;}
    .main_dt .return_cont li:last-child::after{content: '';background: url('/static/img/return_bar.png') no-repeat; width: 100%; height: 4px;position: absolute;bottom: 0;background-size: cover;}
    .main_dt .return_cont li::before{content: '';background: url('/static/img/return_bar.png') no-repeat; width: 100%; height: 4px;position: absolute;top: 0; background-size: cover;}
    .main_dt .return_cont li div{color: #CCA16B;}
    .main_dt .return_cont li div:first-child{padding-left: 10px;}
    .main_hs{height: 100%; width: 100%; overflow: hidden;padding-top: 100px; position: relative;}
    /* .main_hs .container{height: 100%;} */
    .main_hs .xScroll2{display: flex;width: max-content;height: 100vh;height: calc(var(--vh) * 100);}
    .main_hs .history .hs_tit {font-size: 22px;font-weight:400;color: #BF9E73; text-align: center;position: sticky; margin-top: 10px; left: 50%;top: 0; background-color: #F7F0ED;}
    .main_hs .history .hs_tit span{font-family: 'Escoredream'; display: block; font-size: 46px; font-weight: 900;margin-top: 10px;}
    .main_hs .history .hs_wrap{width:100%;position: relative;}
    .main_hs .history .hs_wrap .cont_item img{max-width: 220px;}
    .main_hs .history .hs_item{ flex: 0 0 auto; display: flex; align-items: center; justify-content: center;width: 100%;}
    .main_hs .history .hs_item img{max-height: 280px;height: 15vh;height: calc(var(--vh) * 15);}
    .main_hs .main_hs{padding-top: 0; height: calc(100vh - 25vh); height: calc(var(--vh) * 75); overflow: inherit; position: relative;}
    .main_hs .hs_cont{position: relative;}
    .main_hs .history .hsScroll{ display: flex; flex-wrap: nowrap;}
    .main_hs .history .hs_progress_wrap{position: absolute; bottom: -30px; width: 100%; height: 4px; background: #eee;}
    .main_hs .history .hs_progress_wrap .hs_progress_bar{width: 0%; height: 100%; background-color: #000;}
    

    .hs_year{position: absolute; left: 50%; transform: translateX(-50%); width: 100%;margin-top: 20px;}
    .hs_year div{font-size: 36px;font-family: "Escoredream"; font-weight: 400; position: absolute; left: 50%; transform: translateX(-50%); width: 100%; opacity: 0; padding: 10px; text-align: center; color: #BF9E73;}
    .hs_year div.on{opacity: 1;}
    .hs_year::before{content: ''; width: 100%; height: 1px; background: #BF9E73; position: absolute;}
    .hs_year::after{content: ''; width: 10px; height: 10px; border-radius: 10px; background: #BF9E73 ; position: absolute;left: 50%; transform: translateX(-50%);top: -4px;}
    .hs_year span { transition: color 0.3s, font-weight 0.3s;}
    .hs_year span.active { color: #BF9E73;font-weight: 700;}
    .hs_item.active .hs_year { color: #BF9E73; opacity: 1;transform: scale(1.05); }
    .hs_progress_area { position: absolute; bottom: 0; left: 50%;transform: translateX(-50%);width: 90%; height: 2px;display:flex;justify-content: space-between;align-items: center;z-index: 20;}
    .hs_segment {position: relative; flex: 1; height: 4px; background: rgba(0,0,0,0.1); }
    .hs_segment_fill {position: absolute; top: 0; left: 0; height: 100%;width: 0%; background: #BF9E73; transition: width 0.2s linear;}
    .hs_segment.active:last-child .hs_segment_fill::after{content: '';width: 10px;height: 10px;background-color:#BF9E73 ;position: absolute;right: 0;}
    .hs_segment_year {position: absolute;top: -35px;left: 50%;transform: translateX(-50%); font-size: 16px;color: #aaa;font-weight: 500;transition: color 0.3s ease, transform 0.3s ease; white-space: nowrap;}
    .hs_segment .hs_segment_year { display: none; color: #BF9E73;  transform: translateX(-50%) scale(1.2); font-weight: 700; }
    .main_hs { position: relative; width: 100%;}
    .main_hs .hs_tit { position: sticky; top: 0; background: #fff; z-index: 10; font-size: 20px; margin-bottom: 20px; padding: 10px 0; }
    .main_hs .hs_tit div{opacity: 0; position: absolute; font-family: "Escoredream"; font-weight: 400;}
    .main_hs .hs_tit div.on{opacity: 1;position: relative;}
    .main_hs .hs_tit .hs_tit_last{color: #FF5C00; font-weight: bold;}
    .main_hs .hs_tit .hs_tit_last span{color: #BF9E73;font-size: 42px;font-family: "gotham-narrow", sans-serif;}
    .main_hs .hsScroll { display: flex; }
    .main_hs .hs_item { position: relative; }
    .main_hs .hs_item img { display: block; max-width: 300px; }
    .main_hs .hs_item.active .hs_year { color: #BF9E73; font-weight: 400; transform: translateX(-50%) scale(1.1); }
    .main_hs .hs_progress_area { position: relative; margin-top: 20px; }
    .main_hs .hs_progress_bar { position: relative; width: 100%; height: 4px; background: rgba(0,0,0,0.1); border-radius: 2px; }
    .main_hs .hs_fill { position: absolute; top: 0; left: 0; height: 100%; width: 0; background: #BF9E73; border-radius: 2px; }
    .main_hs .hs_progress_circle { position: absolute; top: 50%; left: 0; width: 12px; height: 12px; border-radius: 50%; background: #BF9E73; transform: translate(-50%, -50%); transition: left 0.1s linear; }
    .main_hs .hs_year_labels { display: none; justify-content: space-between; margin-top: 8px; font-size: 14px; color: #999; }
    .main_hs .hs_year_labels span.active { color: #BF9E73; font-weight: 700;}
    .pc_main_hs{display: none;}
    .main_hs.mo_hs{display: block;}
    .pc_main_hs .pc_hs_tit .pc_hs_tit_last .txt br{display: block;}

    .bot_btn{display: block;}
    .bot_btn .btn{width: 100%; margin-top: 0; gap: 20px; flex-direction: column;padding:0 24px 45px}
    .bot_btn .btn a{width: 100%; border-radius: 100px; background: #BF9E73;height: 62px;color: #fff;display: flex; align-items: center;justify-content: center;}
    .bot_btn .btn a.gray{background: #585858;}
    .bot_btn .btn a::after{content: ''; background: url('/static/img/ico_arrow.png') no-repeat; width: 32px; height: 8px; position: relative;margin-left: 20px;}

    .intro {background-image: url(/static/img/intro_bg.png);background-repeat: no-repeat;background-position: center;background-size: contain;}
    .intro_logo img {width: 180px;}

    .btn.main_ov_btn{display: flex;}

    .hs_item { flex: 0 0 auto; transform-origin: center center; }
    .hs_item img {width: 100%;display: block; }
    .main_hs .history .hs_item img{ max-width: 200px;height: inherit;}
    .main_hs .history .hs_item{width: 100%;}
    .main_hs .history .hsScroll{gap: 20px;align-items: center;padding: 0 25vw;box-sizing: content-box;}

    .after_pc_hs_space {
        display: none;
        opacity: 0;
    }

    .after_mobile_hs_space {
        width: 100%;
        height: 0;
        opacity: 1;
        display: block;
    }
}



@media screen and (max-width:599px) { 
    .main_ov .main_cont .cont_item{width: 700px;}
    .main_ov .main_cont .cont_item:last-child{width: 100vw;}
    .main_ov .main_cont .cont_item.first .cont_box h3{font-size: 35px;}
    .main_ov .main_cont .cont_item.return .cont_box h3{font-size: 26px;margin-top: 0;}
    .main_ov .main_cont .cont_item.return .cont_box .top_cont img{ }
    .main_dt .return_cont li{padding-right: 10px; margin-left: 0;}

    .main_ov .btn a::after{ width: 32px; height: 8px; background-size: cover;}
    .main_ov .main_cont .cont_item.trial .cont_box .rt_cont > span{font-size: 18px;}
    .main_ov .main_cont .cont_item.trial .cont_box .rt_cont p span{margin-bottom: 25px;}

    body{background: #000; overflow: hidden;}
    body .mo_slide{display: block; height: 100%;}
    body #container,
    body #footer{display: none;}
    body .mo_slide .swiper {width: 100%;height: 100vh;}
    body .mo_slide .swiper-wrapper {display: flex;}
    body .mo_slide .swiper-slide {height:100%;display: flex;align-items: center;justify-content: center;overflow: hidden;flex-shrink: 0;}
    body .mo_slide .video-slide {width: 100vw;}
    body .mo_slide .video-slide .ios_bg {width: 100vw;height:100%;object-fit: cover;}
    body .mo_slide .wide-slide {width: auto; display: flex;}
    body .mo_slide .wide-slide img {height: 100%;width: auto;display: block;}
    body .head.header-active .logo_main{opacity: 0 !important;}
    body .head.header-active .logo_w{opacity: 1 !important;}
    body .head.last-active .logo_main{opacity: 1 !important;}
    body .head.last-active .logo_w{opacity: 0 !important;}
    body .head.header-active .hamberg span::before, body .head.header-active .hamberg span::after,body .head.header-active .hamberg span{background: #fff !important;}
    body .head.last-active .hamberg span::before, body .head.last-active .hamberg span::after,body .head.last-active .hamberg span{background: #c49c6d !important;}
    body:has(.head.header-active) .mo_slide {background:rgb(247, 240, 237) !important}
    body:has(.head.header-active) .mo_slide .ios_btn{position: fixed;padding: 0; border-radius: 0; bottom: 0; width: 100%; height: 50px; background: #282828; color: #fff;z-index: 1;}
    body:has(.head.header-active) .mo_slide .ios_btn a{color: #F7F0ED;font-size: 17px;width: 50%;display: flex;align-items: center;justify-content: center;height: 100%;}
    body:has(.head.header-active) .mo_slide .ios_btn a::after{content: '';display: inline-block;background: url(/static/img/ico_arrow.png) no-repeat;width: 32px;height: 8px;background-size: cover;position: relative;margin-left: 20px;}
    body:has(.head.header-active) .mo_slide .ios_btn a:first-child{border-right: 1px solid #F7F0ED;}

    body.ios{background: #000; overflow: hidden;}
    body.ios .mo_slide{display: block; height: 100%;}
    body.ios #container,
    body.ios #footer{display: none;}
    body.ios .mo_slide .swiper {width: 100%;height: 100dvh}
    body.ios .mo_slide .swiper-wrapper {display: flex;}
    body.ios .mo_slide .swiper-slide {height: 100dvh;display: flex;align-items: center;justify-content: center;overflow: hidden;flex-shrink: 0;}
    body.ios .mo_slide .video-slide {width: 100vw; position: relative;}
    body.ios .mo_slide .video-slide .ios_bg {width: 100vw;height: 100%;object-fit: cover;}
    body.ios .mo_slide .wide-slide {width: auto; display: flex;}
    body.ios .mo_slide .wide-slide img {height: 100%;width: auto;display: block;}
    body.ios:has(.head.header-active) {background:rgb(247, 240, 237) !important}
    body.ios:has(.head.header-active) .ios_btn{position: fixed;padding: 0; border-radius: 0; bottom: 0; width: 100%; height: 50px; background: #282828; color: #fff;z-index: 1;}
    body.ios:has(.head.header-active) .ios_btn a{color: #F7F0ED;font-size: 17px;width: 50%;display: flex;align-items: center;justify-content: center;height: 100%;}
    body.ios:has(.head.header-active) .ios_btn a::after{content: '';display: inline-block;background: url(/static/img/ico_arrow.png) no-repeat;width: 32px;height: 8px;background-size: cover;position: relative;margin-left: 20px;}
    body.ios:has(.head.header-active) .ios_btn a:first-child{border-right: 1px solid #F7F0ED;}

    .mo_year {position: fixed;top: 68px;left: 20px;z-index: 50;display: flex;gap: 10px;color: #fff;font-size: 16px;opacity: 0;justify-content: space-between;width: calc(100% - 40px);pointer-events: none;transition: opacity .3s ease;}
    .mo_year span {opacity: 0.5;cursor: pointer;transition: opacity .3s; padding-bottom: 5px;}
    .mo_year span.on {opacity: 1;font-weight: 600; border-bottom: 2px solid #fff;}
    .mo_year.show {opacity: 1;pointer-events: auto; }
    .mo_year.show::after{content: '';background-color: #fff;width: 100%;height: 2px;position: absolute;z-index: -1;bottom: 0px;opacity: 0.5;}
    .wide-slide:last-child{margin-left: -1px;}
    /* .mo_year.last-active span {opacity: 1;color: #BF9E73;font-weight: 700;} */
    .mo_year.last-active.show::after{ content: '';background-color: #BF9E73;width: 100%;height: 2px;position: absolute;z-index: -1;bottom: 0px;opacity: 0.5;}
    .mo_year.last-active span {opacity: .5; color: #BF9E73;}
    .mo_year.last-active span[data-index="5"] {opacity: 1;color: #BF9E73;  font-weight: 700; border-bottom: 2px solid #BF9E73;}

    .mo_slide .scroll-right{position: absolute; display: flex; align-items: center; bottom:40px; color: #BF9E73; right: 0; font-size: 14px; font-weight: 400; animation:move 1.5s infinite linear; z-index: 10;}

    @keyframes move{
        0%,100%{
            transform:translate(-20%,-50%);
        }
        50%{
            transform:translate(-25%,-50%);
        }
    }

    .mo_slide .scroll-right::after{content: ''; background: url(/static/img/ico_arrow_m.png) no-repeat; background-size: cover; width: 19px; height: 8px; display: block; margin-left: 5px;}
    .mo_slide .scroll-right.hide { opacity: 0;}

    .mo_slide .wide-slide:last-child div{
        display: flex;
        flex-direction: column;
        background: #f7f0ed;
    }
    body .mo_slide .wide-slide{
        background: #f7f0ed;
    }
    .mo_slide .wide-slide:last-child div img{
        width: 330px;
    }
}