@media all and (max-width: 1600px) { 

	html { font-size: 15px; }
	
}
@media all and (max-width: 1400px) { 
	
    #cursor { display: none; }

	html { font-size: 14px; }

	#fullpage { height: auto; }
	.section { height: auto; }
	body.main .all_wrap { height: auto; }

    /* body.main { overflow-y: hidden; } */
    /* body.auto { overflow-y: auto !important; } */

	/* #fullpage { height: auto; }
	.section { height: auto; }
	body.main { overflow-y: hidden; }
	body.main .all_wrap { height: auto; } */

    /* body.main { overflow-y: hidden; } */
    /* body.auto { overflow-y: auto !important; } */

/*  */

 /**/

    .main_skip_bt { width: 70px; height: 70px; position: fixed; right: 5%; bottom: 5%; left: revert; top: revert; animation: sub_top_txt111 1.0s 1.0s both; }
    .main_skip_bt>div { width: 70px; height: 70px; background-color: #000; display: flex; justify-content: center; align-items: center; border-radius: 100%; left: 0; top: 0; transition: opacity 1.0s; opacity: 1; position: absolute; display: flex; }
    .main_skip_bt>div p { font-family: 'lexend', sans-serif; color: #fff; font-size: 14px; font-weight: 600; display: inline-block; position: relative; letter-spacing: 0; text-transform: uppercase; display: block; }
    .main_skip_bt>div:before { content:''; width: 94px; height: 94px; position: absolute; left: -12px; top: -12px; background-color: #000; opacity: 0.3; border-radius: 100%;  
    
        animation-name: cursor_skip, cursor_skip2;
        animation-duration: 2.1s, 2.1s;
        animation-delay: 0s, 0s;
        animation-timing-function: ease, ease;
        animation-fill-mode: both, both;
        animation-iteration-count: infinite, infinite;
  
    }
            
    @keyframes intro {
        from { width: 0%; }
        to { width: 100%; }
    }


    .intro_all_wrap { height: 100dvh; }
    
    .intro_img_box { transform: translateY(-2rem); }
        
    .logo_wrap>div { gap: 1.125rem; transform: translateY(1rem); }
        
    .logo_wrap h2 { font-size: 1.75rem; }

    .intro_bt_box>div { transform: translateY(19rem); }

    .intro_bg_box>div { transform: translateY(-105%) scale(1.05); }
    
    /* .intro_vd iframe { display: none; } */
    .intro_vd video { display: block; }

    
    .main_wrap.intro5 .intro_bg02 { transform: translate(0) scale(1.05); transition: 1.5s 0.2s cubic-bezier(1,0,.65,.57); }
    .main_wrap.intro5 .intro_bg03 { transform: translate(0) scale(1.05); transition: 1.5s 0.4s cubic-bezier(1,0,.65,.57); }
    .main_wrap.intro5 .intro_bg04 { transform: translate(0) scale(1.05); transition: 1.5s 0.6s cubic-bezier(1,0,.65,.57); }
    .main_wrap.intro5 .intro_bg05 { transform: translate(0) scale(1.05); transition: 1.5s 0.8s cubic-bezier(1,0,.65,.57); }

    @media all and (max-width: 1200px) { 
        
        .logo_wrap { width: 42rem; }
        .logo_wrap h4 { font-size: 1.875rem; gap: 2.5rem; }
        .logo_wrap img { width: 16rem; bottom: -6rem; opacity: 0; }
        
        .intro_bt_box>div { transform: translateY(16rem); }
        .intro_bt { width: 66px; height: 66px; }

        .intro_img_box { --mask-size: 26rem; }

    }
    
/*  */

    .right_scroll_wrap { transform: scale(0.85) translateY(0rem); transform-origin: right center; }

/*  */

    #section1 { touch-action: none; }
    .main_wrap { width: 100vw; height: 100dvh; flex-wrap: wrap; }

    .main01 { height: 100dvh; position: relative; }
        
    .main_tit>div { margin-left: 5%; }

    .main_txt_box>div>div { right: 0; }
    
    .main_txt_line.line01,
    .main_txt_line.line04 { width: 5.5%; }
    .main_txt_line.line02 { width: 36%; }
    .main_txt_line.line03 { width: 14%; }

    .mouse_scroll_wrap { left: 5%; }
    
    .main_txt_line.line01,
    .main_txt_line.line04 { width: 5%; }
    .main_txt_line.line02 { width: 30%; }
    .main_txt_line.line03 { width: 10%; }

    .main_guest { right: 4%; bottom: 2.75rem; }

        
    .main_wrap.on4 .main_vd_box>div { clip-path: polygon(0 calc(0% + 6.25rem), 68% calc(0% + 6.25rem), 68% 100%, 0% 100%); }
    

    @media all and (max-width: 1200px) { 
        
        .main_txt_box { transform: translateX(100%); }
        .main_txt_box>div { transform: translateY(-6rem); }
        .main_txt_box>div>div { left: 0; right: 0; margin: auto; bottom: -16.5rem; text-align: center; transform: translateY(3rem); color: #fff; }
        
        .main_wrap.on4 .main_vd_box>div { clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); }
        .main_wrap.on4 .intro_vd_box>div { clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); }
        .main_wrap.on4 .main_txt_box h3:last-of-type { color: #fff; }
        .main_wrap.on4 .main_leaf { opacity: 0; }

    }

    @media screen and (max-width: 1400px) and (orientation: portrait) {
        
        .intro_vd_box::after { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url(../img/main_bg_m.png) center no-repeat; background-size: cover; z-index: 5; transition: 1.2s; }
        .intro_vd::before { display: none; }
        
        .main_tit { justify-content: center; text-align: center; }
        .main_tit>div { margin-left: 0; }
        .main_tit h4 { font-size: 1rem; margin-left: 0rem; text-align: center; transform: translateY(-3rem); }
        .main_tit h1 { font-size: 2.75rem; gap: 2rem; }
        .main_tit h1 b { align-items: center; gap: 0.625rem; }
        .main_tit h1 i.spacing { margin-right: 0.625rem; }
        .main_tit p { transform: translateY(3rem); margin-left: 0; }

        .main_tit.white { clip-path: polygon(23.5% 0, 76.5% 0, 76.5% 100%, 23.5% 100%); opacity: 0; 
            
            -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0), linear-gradient(#000 0 0), linear-gradient(#000 0 0), linear-gradient(#000 0 0), linear-gradient(#000 0 0), linear-gradient(#000 0 0), linear-gradient(#000 0 0), linear-gradient(#000 0 0), linear-gradient(#000 0 0), linear-gradient(#000 0 0);
            mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0), linear-gradient(#000 0 0), linear-gradient(#000 0 0), linear-gradient(#000 0 0), linear-gradient(#000 0 0), linear-gradient(#000 0 0), linear-gradient(#000 0 0), linear-gradient(#000 0 0), linear-gradient(#000 0 0), linear-gradient(#000 0 0); 
            -webkit-mask-repeat: no-repeat; 
            mask-repeat: no-repeat; 
            mask-size:
            16% 0,
            16% 40%, 
            16% 40%, 
            16% 40%, 
            16% 0;
        
            mask-position:
            6% 0%,
            28% 46%,
            50% 62%,
            72% 35%,
            94% 100%;
        }
        
        .main_vd_box {
            mask-size:
            16% 0,
            16% 0,
            16% 0,
            16% 0,
            16% 0;
        
            mask-position:
            6% 0%,
            28% 46%,
            50% 62%,
            72% 35%,
            94% 100%;
        }
        
        .main_txt_box { transform: translateX(100%); }
        .main_txt_box>div { transform: translateY(-6rem); }
        .main_txt_box>div>div { left: 0; right: 0; margin: auto; bottom: -17.5rem; text-align: center; transform: translateY(3rem); color: #fff; }

        .mouse_scroll_wrap { width: 100%; flex-direction: column; justify-content: center; align-items: center; gap: 2rem; left: 0; }
        .mouse_scroll { flex-direction: column; justify-content: center; align-items: center; text-align: center; }
        .mouse_scroll>div { transform: scale(0.9); transform-origin: center top; }
        .mouse_scroll p br { display: none; }
        
        .main_ori.ori01 { margin-left: 0; text-align: center; }
        .main_ori.ori01::before { display: none; }
        


        .main_wrap.on .main_vd_box { 
            mask-size:
            16% 0%, 
            16% 40%, 
            16% 40%, 
            16% 40%, 
            16% 0%;
            transition: mask-size 1.6s 0s, mask-position 1.2s 0s;
        }        
        .main_wrap.on1 .main_vd_box { mask-size: 16% 100%, 16% 100%, 16% 100%, 16% 100%, 16% 100%; }
        .main_wrap.on2 .main_vd_box,
        .main_wrap.on3 .main_vd_box,
        .main_wrap.on4 .main_vd_box { mask-size: 20.5% 100%, 20.5% 100%, 20.5% 100%, 20.5% 100%, 20.5% 100%; 
            mask-position: 
            0% 0%,
            25% 0%,
            50% 0%,
            75% 0%,
            100% 0%;
        }
        .main_wrap.on4 .main_vd_box>div { clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); }
        .main_wrap.on4 .intro_vd_box>div { clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); }
        .main_wrap.on4 .intro_vd iframe { position: absolute; top: 50%; left: 50%; width: 100vw; height: 56.25vw; min-width: 177.78vh; min-height: 100vh; transform: translate(-50%, -50%); border: 0; transition: 1.6s; }
        .main_wrap.on4 .main_txt_box h3:last-of-type { color: #fff; }
        .main_wrap.on4 .main_leaf { opacity: 0; }
        
        .main_wrap.on2 .intro_vd_box::after,
        .main_wrap.on3 .intro_vd_box::after,
        .main_wrap.on4 .intro_vd_box::after { opacity: 0; }

    }
    
    @media all and (max-width: 1200px) { 
        
        .main_tit h1 b { flex-direction: column; }

        
        .main_wrap.on4 .intro_vd iframe { position: absolute; top: 50%; left: 50%; width: 100vw; height: 56.25vw; min-width: 177.78vh; min-height: 100vh; transform: translate(-50%, -50%); border: 0; transition: 1.6s; }

    }

/*  */
    .brand_txt_box p { font-size: 1rem; }
    

    
    .brand_wrap.on2 .sum_txt_box.white { clip-path: polygon(0 0, 20% 0, 20% 100%, 0% 100%); }
    .brand_wrap.on2 .brand_vd_box { clip-path: polygon(0 calc(0% + 7.1875rem), 20% calc(0% + 7.1875rem), 20% 100%, 0% 100%); }
    .brand_wrap.on2 .brand_vd iframe { opacity: 0.3; }
    
    
    @media all and (max-width: 1200px) { 
        
        .brand_logo_wrap { width: 67%; }
        .brand_logo_wrap>div { width: 30rem; }
        .brand_logo_wrap img { width: 13.5rem; }
        
    }
    
    @media screen and (max-width: 1400px) and (orientation: portrait) {
            
        .brand_box>div { transform: translateY(2rem); display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 6rem; }

        .brand_logo_wrap { width: 100%; height: auto; position: relative; margin: 0; }
        .brand_logo_wrap>div { width: 30rem; transform: translateY(0); }
        .brand_logo_wrap img { width: 13.5rem; }

        .brand_txt_box { width: 100%; height: auto; position: relative; text-align: center; }
        .brand_txt_box>div { transform: translateY(0); }
        .brand_txt_box>div::before { display: none; }
        
        .brand_bg_box>div { width: 25%; height: 25%; }

    }
    
    @media all and (max-width: 1000px) {

        .brand_logo_wrap>div { width: 28rem; }
        .brand_logo_wrap img { width: 12.5rem; }

    }

/*  */

    .sum_txt_box { transform: translateY(-12rem); }
    .sum_txt_box>div { margin-left: 5%; }

    .sum_box { width: 80%; }
    .sum_box>div:first-child { width: 90%; max-width: revert; transform: translateY(12rem); }

    .sum_img_box { position: static; display: flex; justify-content: center; align-items: center; margin-top: 7rem; }
    .sum_img_box img { transform: translateY(-3rem); }

    /* .sum_bt { justify-content: flex-start; margin-top: 3rem; } */

    .sum_sum { max-width: revert; margin-top: 6rem; }
    .sum_sum ul { justify-content: flex-start; }
    /* .sum_sum ul li { width: calc(33.33% - 1.1875rem); } */
    .sum_sum ul li h3 { font-size: 1.25rem; }
    .sum_sum ul li p { font-size: 1rem; }
    .sum_sum ul li>div>div>span h4 { font-size: 1rem; }
    .sum_sum ul li>div>div>span h6 { font-size: 0.9375rem; }

    .sum_tit_box { text-align: center; }
    .sum_tit_box>div { opacity: 0; transform: translateY(-3rem); }
    .sum_tit_box h2 { font-size: 4.375rem; }
    .sum_tit_box h5 { font-size: 1rem; margin-top: 1rem; margin-left: 0rem; }

    .sum_txt { display: none; }
    
    
    @media all and (max-width: 1200px) { 

        .sum_box>div:first-child { transform: translateY(10rem); }
        
        .sum_sum { margin-top: 3rem; }
        .sum_sum ul { gap: 3rem 3rem; }

        .sum_txt_box h2 { font-size: 5rem; }

        .sum_leaf { width: 19rem; top: -12rem; right: -1.5rem; }

        .sum_ori { margin-top: 3.75rem; }
        
    }

    @media screen and (max-width: 1400px) and (orientation: portrait) {
            
        .sum_wrap>div { display: flex; justify-content: center; align-items: flex-start; gap: 5rem; flex-direction: column; }

        .sum_txt_box { margin: auto; width: 85%; height: auto; position: relative; display: none; transform: translateY(0); padding-top: 3rem; }
        .sum_txt_box.white { display: block; clip-path: revert; }
        .sum_txt_box>div { margin-left: 0; }

        .sum_box { width: 100%; position: relative; }
        .sum_box>div:first-child { width: 85%; max-width: revert; transform: translateY(0); }
        
        .sum_bt>div { border: 1px solid #fff; color: #fff; }
        .sum_bt>div.active { background-color: #fff; color: #000; }
    
        .sum_sum { color: #fff; margin-top: 5rem; }

        .sum_sum ul li p { border-top: 1px solid #fff; }

        .sum_ori { margin-top: 6rem; }
        .sum_ori p { color: #fff; }
        
        .brand_wrap.on2 .sum_txt_box.white { clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); }
        .brand_wrap.on2 .brand_vd_box { clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); }

    }
    
    @media all and (max-width: 1000px) {
        
        .sum_leaf { width: 15rem; top: -8rem; right: -1.5rem; }
        
    }

/*  */

    .nature_leaf.leaf01 { width: 25rem; left: 18%; top: -8rem; }
    .nature_leaf.leaf02 { width: 40rem; right: 5%; bottom: -11rem; }
    
    
    @media all and (max-width: 1200px) { 

        .nature_tit2 h2 { font-size: 5.5rem; margin-right: 2rem; }

        .nature_img_box img { width: 9.5rem; }

        .nature_txt_box>div { transform: translateX(0); padding-bottom: 6.5rem; }
        
        .nature_leaf.leaf01 { width: 13rem; left: 30%; top: -3rem; }
        .nature_leaf.leaf02 { width: 22rem; right: 3%; bottom: -8rem; }

    }

    @media screen and (max-width: 1400px) and (orientation: portrait) {
        
        .nature_box>div { transform: translateY(1rem); display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 6rem; }
        
        .nature_tit2 { width: auto; height: auto; position: relative; text-align: center; }
        .nature_tit2>div { flex-direction: column; transform: translateY(0); }
        .nature_tit2 h2 { margin-right: 0; }  
        .nature_tit2 span { display: block; width: 5rem; margin-top: 3rem; opacity: 0; }
        .nature_tit2 span::before { width: 100%; }
        .nature_tit2 p { margin-left: 0; }

        .nature_img_box { margin-top: 0; margin-top: 3rem; }
        
        .nature_txt_box { width: 100%; position: relative; text-align: center; }
        .nature_txt_box>div { transform: translateX(0); padding-bottom: 0; }
        .nature_txt_box>div::before { display: none; }
        .nature_txt_box h4 { opacity: 0; transform: translateY(3rem); }
        .nature_txt_box p { line-height: 200%; opacity: 0; transform: translateY(3rem); }

        .nature_leaf.leaf01 { width: 13rem; left: 4%; top: 10rem; }
        .nature_leaf.leaf02 { width: 24rem; right: -3%; bottom: -7rem; }        
        
        .nature_wrap.on2 .nature_tit2 span { opacity: 1; transition: 1.5s 0.6s; }
        
        .nature_wrap.on2 .nature_ori { transform: translateX(0); }

    }

    @media all and (max-width: 1000px) {

        .nature_vd_box { clip-path: polygon(42% 17%, 58% 17%, 58% 83%, 42% 83%); }

        .nature_tit>div { flex-direction: column; gap: 2.5rem; }
        .nature_tit h2 { transform: translateY(-3rem); }
        .nature_tit span { width: 3.5rem; }
        .nature_tit span::before { left: 0; right: 0; margin: auto; }
        .nature_tit h4 { transform: translateY(3rem); }
        .nature_tit h4 b { font-size: 3rem; }

        .nature_box>div { gap: 4rem; }
        
        .nature_tit2 h2 { font-size: 4.75rem; }
        
        .nature_txt_box h4 b { font-size: 3rem; }

        .nature_img_box img { width: 9rem; }
        
        .nature_leaf.leaf01 { width: 9rem; left: 4%; top: 7rem; }
        .nature_leaf.leaf02 { width: 18rem; right: -3%; bottom: -7rem; }     

    }

/*  */

    .beyond_tit p { font-size: 1rem; }

    @media screen and (max-width: 1400px) and (orientation: portrait) {
        
        .beyond_vd iframe { opacity: 0.7; }

        .beyond_tit { width: 100%; max-width: revert; justify-content: center; text-align: center; }
        .beyond_tit>div { margin-left: 0; }
        
        .beyond_tit h4 { transform: translateY(3rem); }
        .beyond_tit h2 { transform: translateY(3rem); }
        .beyond_tit span { margin-top: 4.5rem; transform: translateY(3rem); }
        .beyond_tit p { transform: translateY(3rem); }

    }

    @media all and (max-width: 1000px) {

        .beyond_tit h4 b { font-size: 3rem; }

    }


/*  */

    .art_tit p { font-size: 1rem; }

    .art_tit2 p { font-size: 1rem; }

    .art_txt_box p { font-size: 1rem; }
    
    
    @media all and (max-width: 1200px) {
        
        .art_tit { width: 100%; justify-content: flex-start;}
        .art_tit>div { margin-left: 5%; }
        .art_tit h2 { font-size: 4.75rem; }

        .art_tit2 h2 { font-size: 5.25rem; }
        
        .art_img_box { margin-left: 18%; }
        .art_img_box.box01 { width: 80%; }
        .art_img_box.box02 { width: 60%; }

    }
    
    @media screen and (max-width: 1400px) and (orientation: portrait) {
            
        .art_bg_box>div { width: 25%; height: 25%; }
        
        .art_tit_box>div { transform: translateY(1rem); display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 6rem; }

        .art_tit { width: 100%; position: relative; text-align: center; max-width: revert; }
        .art_tit>div { margin-left: 0; transform: translateY(0); }
        .art_tit h4,
        .art_tit h3,
        .art_tit h2,
        .art_tit p { transform: translateY(-3rem); }

        .art_txt_box { width: 100%; position: relative; text-align: center; }
        .art_txt_box>div { transform: translateY(0); }
        .art_txt_box h4 { transform: translateY(3rem); }
        .art_txt_box p { transform: translateY(3rem); }

        .art_box>div { flex-direction: column; gap: 5rem; transform: translateY(0); }
        
        .art_img_box { margin-left: 0%; }
        .art_img_box.box01 { width: 80%; }
        .art_img_box.box02 { width: 60%; }

        .art_tit2 { text-align: center; }
        .art_tit2 h4,
        .art_tit2 h2,
        .art_tit2 span,
        .art_tit2 h3,
        .art_tit2 p { transform: translateY(-3rem); }

    }

    @media all and (max-width: 1000px) {

        .art_txt_box h4 b { font-size: 3rem; }

        .art_tit h2 { font-size: 4.5rem; }

        .art_box>div { gap: 4rem; }
        
        .art_tit2 h2 { font-size: 5rem; margin-top: 1.5rem; }
        .art_tit2 span { margin-top: 3rem; }

    }

/*  */

    .edu_bg { width: 50%; }
    .edu_bg h3 { right: 5%; bottom: 2.25rem; }
    
    .edu_txt_box { width: 50%; }
    .edu_txt_box p { font-size: 1rem; }

    .edu_txt_box.box01>div { left: 5%; margin-left: 0; transform: translateY(-14rem); transform: translateY(-2rem); }
    .edu_txt_box.box03>div { left: 5%; transform: translateY(-14rem); }

    .edu_img_box { margin-left: 10%; }
    .edu_img_box.box02 { margin-left: 10%; }
    
    
    @media all and (max-width: 1200px) {
        
        .edu_wrap { width: 225vw; width: 200vw; height: 100dvh; }

        .edu01 { width: 150vw; width: 100vw; }
        .edu02 { width: 75vw; width: 100vw; }

        /* .edu_ori { width: 75vw; left: revert; right: 0; } */

        /* .edu_txt_box.box01>div { margin-left: 5vw; transform: translateY(-12rem); } */
        .edu_txt_box.box01>div { transform: translateY(0); }
        .edu_txt_box.box03>div { margin-left: 5vw; transform: translateY(-12rem); }

        .edu_txt.txt02 p br.mo { display: block; }
        
        .edu_leaf { width: 20rem; right: -6.5rem; bottom: 5rem; }
        
        .edu_img_box.box01 { margin-left: 0; }
        .edu_img_box.box02 { margin-bottom: 3.5rem; }
        
        .edu_img_box>div>img:nth-child(1) { width: 13rem; }
        .edu_img_box>div>img:nth-child(2) { width: 15rem; margin-left: 5.5rem; }
        .edu_img_box>img:last-child { width: 6rem; margin-top: 5.5rem; }
                
        .edu_img_box.box01>div>img:nth-child(1) { margin-left: 7.5rem; }
        .edu_img_box.box01>div>img:nth-child(2) { width: 13rem; }

        .edu_wrap.on2 { transform: translateX(-100vw); }
        .edu_wrap.on3 { transform: translateX(-125vw); }
        
        /* .edu_wrap.on .edu_ori,
        .edu_wrap.on2 .edu_ori { opacity: 0; transform: translateY(3rem); transition: 1.2s 0.6s; }
        .edu_wrap.on2 .edu_txt.txt03 { opacity: 0; transform: translateX(-5rem); transition: 1.2s 0.6s; } */
        
        .edu_wrap.on2 .edu_leaf { opacity: 1; transition: 1.2s 0.6s; }
        .edu_wrap.on3 .edu_txt.txt02,
        .edu_wrap.on3 .edu_txt.txt03,
        .edu_wrap.on3 .edu_img_box,
        .edu_wrap.on3 .edu_ori { opacity: 1; transform: translate(0); transition: 1.2s 0.6s; }

    }
    

    @media screen and (max-width: 1400px) and (orientation: portrait) {
                
        .edu_wrap { width: 100vw; height: 100dvh; flex-wrap: wrap; }

        .edu01 { width: 100vw; height: 100dvh; }
        .edu02 { width: 100vw; height: 100dvh; }
        
        .edu_bg { width: 100% !important; height: 50%; }
        /* .edu_bg.bg02 { top: revert; bottom: 0; } */

        .edu_txt_box { width: 100%; height: 50%; }
        /* .edu_txt_box.box01>div { margin-left: 10%; transform: translateY(-10rem); } */
        .edu_txt_box.box01>div { margin-left: 0; margin-right: 10%; transform: translateY(0rem); }
        .edu_txt_box.box02 { justify-content: flex-end; text-align: right; }
        .edu_txt_box.box02>div { margin-left: 0%; margin-right: 10%; transform: translateY(0.5rem); align-items: flex-end; }
        .edu_txt_box.box03 { width: 100%; height: 50%; bottom: revert; top: 0; }
        .edu_txt_box.box03>div { transform: translateY(-10rem); }

        .edu_txt_box.box01 { width: 100%; height: 50%; top: revert; bottom: 0; justify-content: flex-end; }
        .edu_txt_box.box02 { width: 100%; }

        .edu_img_box { justify-content: flex-end; margin-right: 25%; margin-right: 0; margin-left: revert; margin-bottom: 3rem; }
        .edu_img_box>div>img:nth-child(1) { width: 13rem; }
        .edu_img_box>div>img:nth-child(2) { width: 15rem; margin-left: 6.25rem; }
        .edu_img_box>img:last-child { width: 6rem; margin-top: 5.5rem; }

        .edu_img_box.box02 { margin-left: 0; margin-right: 20%; }

        .edu_leaf { width: 20rem; left: -3rem; right: revert; bottom: 5rem; transform: scaleX(-1); }

        .edu_ori { width: 100%; left: 0; color: #fff; }
        

        
        
        .edu_wrap.on .edu_ori,
        .edu_wrap.on2 .edu_ori { opacity: 0; transform: translateY(3rem); transition: 1.2s 0.6s; }
        /* .edu_wrap.on2 .edu_txt.txt03 { opacity: 0; transform: translateX(-5rem); transition: 1.2s 0.6s; } */
        .edu_wrap.on2,
        .edu_wrap.on3 { transform: translate(0dvh); }
        .edu_wrap.on2 .edu01,
        .edu_wrap.on2 .edu02 { transform: translateY(-100dvh); }
        .edu_wrap.on3 .edu01,
        .edu_wrap.on3 .edu02 { transform: translateY(-80dvh); }
        
        .edu_wrap.on2 .edu_leaf,
        .edu_wrap.on3 .edu_leaf { opacity: 1; transition: 1.2s 0.6s; }
        .edu_wrap.on3 .edu_txt.txt02,
        .edu_wrap.on3 .edu_txt.txt03,
        .edu_wrap.on3 .edu_img_box,
        .edu_wrap.on3 .edu_ori { opacity: 1; transform: translate(0); transition: 1.2s 0.6s; }

    }
    
    @media all and (max-width: 1000px) {

        .edu_txt_box h4 b { font-size: 3rem; }
        
        /* .edu_txt_box.box01>div { transform: translateY(-6rem); } */
        .edu_txt_box.box03>div { transform: translateY(-6rem); }

        /* .edu_img_box { margin-right: 20%; } */
        .edu_img_box>div { flex-direction: row; }
        .edu_img_box.box01>div>img:nth-child(2) { width: auto; height: 8.3125rem; }
        
        .edu_img_box.box02 { margin-right: 0%; }

        .edu_img_box img { margin: 0 !important; }
        
        .edu_leaf { width: 15rem; left: -2rem; right: revert; bottom: 8rem; }
        
        /* .edu_wrap.on3 .edu_txt.txt02,
        .edu_wrap.on .edu_txt.txt02 { opacity: 0; transform: translateX(5rem); transition: 0.8s 0s; }
        .edu_wrap.on3 .edu_img_box,
        .edu_wrap.on .edu_img_box { opacity: 0; transform: translateY(-3rem); transition: 0.8s 0s; }
        
        .edu_wrap.on2 .edu_txt.txt02,
        .edu_wrap.on2 .edu_img_box { opacity: 1; transform: translate(0); transition: 1.2s 0.6s; } */
        
    }

/*  */

    .location_tit { width: 100%; justify-content: flex-start; transition: 0.8s; }
    .location_tit>div { margin-left: 5%; transform: translateY(-12rem); }
    .location_tit>div>p { font-size: 1rem; }
        
    .location_txt_box>div { margin-right: 26.75rem; gap: 6.25rem; transform: translateY(2rem); }

    .location_txt ul li { font-size: 1rem; }
    
    /* .location_map img { width: 98rem; transform: translate(36rem,7rem); } */
    .location_map img { width: 87rem; transform: translate(22rem,4rem); }

    .location_ori p { text-align: center; transform: translate(0); }

    @media all and (max-width: 1200px) {
        
        .location_leaf { display: none; }
        
        .location_tit>div { transform: translateY(-8rem); }
        .location_tit>div>div { gap: 3.25rem; }

        .location_img_all_wrap { transform: translateX(-18%); }

        .location_txt_box>div { gap: 5.25rem; }

        /* .location_map img { width: 80rem; transform: translate(35rem,11rem); } */
        /* .location_map img { width: 76rem; transform: translate(35rem,6rem); } 260826 */
        /* .location_map img { width: 75rem; transform: translate(29rem,7rem); } 260828 */
        .location_map img { width: 63rem; transform: translate(16rem,4rem); }
        /* .location_map img { width: 70rem; transform: translate(18rem, -2rem); } */
        /* .location_map img { width: 66rem; transform: translate(19.5rem, 6rem); } */

        
        .location_wrap.on .location_tit h4:first-child::after,
        .location_wrap.on2 .location_tit h4:first-child::after { width: 12.62rem; transition: 1.6s 0.6s; }
        .location_wrap.on2 .location_tit { opacity: 0; }
        .location_wrap.on2 .location_ori { opacity: 0; transform: translateY(3rem); transition: 0.8s; }

    }

    @media screen and (max-width: 1400px) and (orientation: portrait) {
            
        .location_tit>div { transform: translateY(-22rem); }
        
        /* .location_map img { width: 90rem; transform: translate(38rem,11rem); } */
        /* .location_map img { width: 90rem; transform: translate(36rem,4rem); 260826 } */
        /* .location_map img { width: 90rem; transform: translate(34rem,6rem); } 260828 */
        .location_map img { width: 76rem; transform: translate(19rem,7rem); }
        /* .location_map img { transform: translate(18rem, 2rem); } */

        .location_img_all_wrap { transform: translateY(4rem); }

        .location_leaf { display: none; }
        

        .location_wrap.on2 .location_tit { opacity: 1; }
        .location_wrap.on2 .location_ori { opacity: 1; transform: translate(0); transition: 1.6s 0.6s; }

    }
    
    @media all and (max-width: 1000px) {

        .location_tit>div { transform: translateY(-14rem); }
        .location_tit>div>div { flex-direction: column; align-items: flex-start; gap: 1.5rem; }
        
        /* .location_map img { width: 68rem; transform: translate(30rem,0); } 260826 */
        /* .location_map img { width: 68rem; transform: translate(20rem,4rem); } */
        /* .location_map img { width: 60rem; transform: translate(26rem,8rem); } */
        /* .location_map img { width: 62rem; transform: translate(24rem,8rem); } 260828 */
        .location_map img { width: 53rem; transform: translate(13rem,8rem); }
        
        .location_img_all_wrap { transform: translate(2%, -2rem); }

        .location_txt_box>div { margin-right: 24.75rem; }


        
        .location_wrap.on .location_tit h4:first-child::after,
        .location_wrap.on2 .location_tit h4:first-child::after { width: 4rem; transition: 1.6s 0.6s; }
        
        .location_wrap.on2 .location_tit { opacity: 0; }

    }

/*  */

    .guest_pop_box { padding-right: 2.5rem; }

    .guest_pop_tit h2 { font-size: 4.875rem; }

    .guest_scroll { right: 2rem; }

    .main_guest_tit_box p { font-size: 1rem; }
    
    @media all and (max-width: 1200px) {
        
        .main_guest_tit_box { text-align: center; }
        .main_guest_tit_box h2 { font-size: 6rem; }

        .main_guest_qr_box { align-items: center; flex-direction: column-reverse; gap: 4rem; }
        .main_guest_qr { width: 13rem; height: 13rem; }
        
        .main_guest_leaf { width: 60rem; right: -32.5rem; bottom: -16rem; }

    }

    @media screen and (max-width: 1400px) and (orientation: portrait) {

                
        .main_guest_vd_box { width: 100%; height: 38%; clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); }
        .main_guest_vd_box>div { transform: translateX(0); }
        .main_guest_vd iframe { width: 140%; height: 140%; min-width: revert; min-height: revert; }

        .main_guest_box { width: 100%; height: 62%; }
        .main_guest_box>div:first-child { transform: translateY(-2rem); }

        .main_guest_tit h4 { font-size: 1.1875rem; margin-left: -0.375rem; margin-bottom: 1.125rem; }
        .main_guest_tit h1 { font-size: 2.5rem; gap: 2.25rem; }
        .main_guest_tit h1 b span { gap: 1.5rem; }
        .main_guest_tit h1 i.spacing { margin-right: 1.25rem; }
        .main_guest_tit_img { margin-top: 1rem; }
        .main_guest_tit img { width: 14rem; }
            
        .main_guest_tit_box { text-align: center; transform: translateY(-3rem); }
        .main_guest_tit_box h2 { font-size: 5rem; }
        .main_guest_tit_box p { font-size: 1rem; margin-top: 1rem; }
        
        .main_guest_qr_box { flex-direction: column-reverse; gap: 5rem; }

        .main_guest_qr { width: 13rem; height: auto; }
        
        .main_guest_leaf { width: 60rem; position: absolute; right: -37.5rem; bottom: -20rem; z-index: 1; }

    }    

    @media all and (max-width: 1000px) {
        
        .main_guest_vd_box { height: 30%; }

        .main_guest_box { height: 70%; }

        .main_guest_tit { text-align: center; }
        .main_guest_tit>div { transform: translateY(-1.5rem); }
        .main_guest_tit h4 { text-align: center; transform: translateY(-3rem); }
        .main_guest_tit h1 { flex-direction: column; margin-top: 1.5rem; gap: 1rem; }
        .main_guest_tit h1 b span { gap: 1rem; }
        .main_guest_tit h1 i.spacing { margin-right: 1rem; }
        .main_guest_tit_img { text-align: center; margin-top: 2.25rem; transform: translateY(3rem); }
        .main_guest_tit img { width: 16rem; }
        
        .main_guest_leaf { width: 50rem; right: -26rem; bottom: -14rem; z-index: 1; }
    }

/*  */

    /* .contact_wrap { height: auto; padding: 8rem 0; } */
    /* .contact_wrap>div { transform: translateY(0rem); gap: 2.5rem; } */

    /* .contact_tit { transform: translateY(-3rem); margin-bottom: 5rem; } */
    .contact_tit h2 { font-size: 4.25rem; }
    .contact_tit h5 { font-size: 1rem; margin-top: 1rem; margin-left: 0.25rem; }    
    .contact_tit p { font-size: 1rem; }

    .contact_txt_box { margin-top: 3.75rem; min-width: 28.5rem; }
    .contact_txt_box h4 { font-size: 1.25rem; }
    .contact_txt_box h2 { font-size: 3.4375rem; margin-top: 0.375rem; }

    .contact_add { gap: 3.25rem; margin-top: 5.875rem; }
    .contact_add p { font-size: 1rem; }
    .contact_add>div { gap: 0.4375rem; }

    .contact_wrap .sub_contact_bottom { margin-bottom: 0; }
    .contact_wrap .sub_contact_map_box { max-width: 480px; height: auto; }

    .sub_contact_map_box:hover::before,
    .sub_contact_map_box:hover::after { width: 0; }
    .sub_contact_map_box:hover span::before,
    .sub_contact_map_box:hover span::after { height: 0; }

    .contact_tit.active { opacity: 1; transform: translate(0); transition: 1.2s 0.2s; }
    .sub_contact_bottom.active { opacity: 1; transform: translate(0); transition: 1.2s 0.6s; }

    @media all and (max-width: 1000px) { 

        .contact_wrap>div { flex-direction: column; }

        .contact_wrap .sub_contact_bottom { transform: translateY(3rem); }

        .sub_contact_add p { color: rgba(255,255,255,0.7); }

        .contact_tit { text-align: center; transform: translateY(-3rem); margin-bottom: 0; margin-right: 0; }
        .contact_tit p { margin-left: 0; }
                
        .contact_leaf { width: 40rem; left: -13.5rem; bottom: -12.25rem; }

        .contact_wrap .sub_contact_map_box { height: auto; }

    }

/*  */

    .right_brand_wrap { top: 6.5rem; }
    .right_brand_wrap.active { top: 5rem; }

/*  */

    .footer { padding: 4.625rem 0 5rem; font-size: 0.875rem; }
    .footer>div { flex-direction: column; justify-content: center; align-items: center; gap: 2rem; }
    .footer>div:first-child { justify-content: center; align-items: center; }

    .footer_left { flex-direction: column; justify-content: center; align-items: center; gap: 2.5rem; }

    .footer_info ul { justify-content: center; }

    .footer_logo { margin-top: 0; }

    /* .footer_const { margin-top: 3.5rem; } */
    /* .footer_const li { padding: 0 0.875rem; } */
    /* .footer_const li span { font-size: 1.6rem; } */

    .footer p { text-align: center; margin-top: 1.5rem; }

    .footer h6 { text-align: center; margin-left: 0; margin-top: 5rem; }

    .footer_right { align-items: center; }
    .footer_right .footer_info ul { justify-content: center; text-align: center; }

    .top_bt { right: 5%; bottom: 4.75rem; }
    /* .top_bt:before { width: 8px; height: 8px; } */
    /* .top_bt::after { height: 14px; } */

    @media all and (max-width: 1000px) { 
        
        .footer p br.pad { display: block; }
        
    }

/**/

    .guest_pop_wrap { width: 90%; right: -90%; }

	.guest_wrap.ok { height: auto; padding: 10px 0 0px; }
	.guest_ok_box { transform: translateY(0px); }

	.guest_ok_box>h3 { font-size: 24px; line-height: 30px; }
	.guest_ok_box>p { font-size: 13px; line-height: 26px; margin-top: 20px; margin-bottom: 80px; }

	.guest_ok_bg { width: 380px; right: 0px; top: -90px; }

    /* .guest_bt { width: 44px; height: 44px; right: 25px; top: 22px; } */

    /**/

    .guest_wrap { top: 0%; height: 100%; max-height: revert; }

    .guest_tit h1 { font-size: 36px; margin-bottom: 20px; }
    .guest_tit h2 { font-size: 16px; margin-bottom: 16px; }
    .guest_tit { margin-bottom: 55px; }
    .guest_tit p { font-size: 13px; margin-top: 0; }

    .guest_wrap .guest_box { width: 100%; margin-right: 0%; margin-bottom: 30px; }

    .guest_ori { margin-top: 30px; }
    .guest_box h6 { font-size: 12px; }
    .guest_kakao img { width: 32px; }
    .guest_kakao p { font-size: 12px; margin-left: 10px; transform: translateY(-0px); }
    .guest_kakao p:after { bottom: -5px; }

    .per_agree_box { height: 150px; padding: 0 22px; padding-top: 18px; letter-spacing: -1px; font-size: 13px; line-height: 28px; padding-bottom: 35px; }
    .per_agree_box b { font-size: 15px; }
    .per_agree_box a { margin-left: 8px; top: -1px; }
    .per_agree_box a:after { bottom: -4px; }

    .per_agree_bt_box { font-size: 12px; line-height: 15px; margin-top: 15px; height: 20px; }
/*	.per_agree_bt_box input[type="radio"] + label { padding-left: 25px; margin-right: 15px; margin-bottom: 10px; }*/

    .per_check_box { margin-top: 25px; }
    .per_check_box label { font-size: 16px; }
    .per_check_box input#agreeYny + label > span { padding-left: 8px; }
    .per_check_box input#agreeYny + label:before { width: 17px; height: 17px; border:2px solid #bbb; border-radius: 2px; margin-top: 2px; }
    .per_check_box input#agreeYny + label:after { width: 7px; height: 4px; border: 2px solid #ddd; border-top: 0; border-right: 0; left: 6px; top: 2px; }

    input#agreeYny:checked + label:before { background-color: #0075ff; border-color: #0075ff; }
    input#agreeYny:checked + label:after { border-color: #fff; }

    /**/

    .info_box>ul { padding-top: 2px; }
    .info_box>ul>li { height: 55px; }
    .info_box>ul>li p { line-height: 53px; font-size: 15px; padding-left: 2px; }

    .info_box>ul>li:nth-child(2n-1) { width: 9%; border-top: 1px solid #25282a; }
    .info_box>ul>li:nth-child(2n) { width: 41%; }
    .info_box>ul>li:last-child { width: 91%; height: auto; }
    .info_box>ul>li:nth-last-child(2) { width: 9%; }
    .info_box>ul>li:nth-child(4),.info_box>ul>li:nth-child(6) { padding: 15px 0; padding-left: 10px; }

    .info_box input { font-size: 15px; padding-left: 10px; }
    .info_box label { font-size: 14px; }

    .info_number01 { width: 65px; font-size: 15px; }
    .info_number02 { width: 50px; }
    .info_number03 { width: 50px; }
    .info_box>ul>li span { line-height: 55px; margin: 0 5px; }

    .info_address>ul>li { height: 55px; }

    .info_address01 { width: 13%; height: 33px; float: left; margin-right: 1%; }
/*	.info_address03 { width: 34%; height: 33px; float: left; margin-right: 1%; }*/
    .info_address03 { width: 65%; height: 33px; float: left; margin-right: 1%; }
    .info_address04 { width: 30%; height: 33px; float: left; margin-right: 3%; }
    .info_address05 { width: 50%; height: 33px; float: left; }
    .info_address02 { width: 110px;; height: 31px !important; margin-top: 12px !important; font-size: 11px !important; float: right; }

    /**/

    .guest_bt_box { width: 220px; height: 56px; margin-top: 0px; font-size: 16px; }
    .guest_bt_box>div { line-height: 54px; }

    
/*서브*/

    /* .sub_top { height: 28.25rem; } */

    .sub_top_img { background-size: 11.5rem; }

    .sub_top_txt { width: 100%; }
    .sub_top_txt h3 { font-size: 1.313rem; }
    .sub_top_txt h2 { margin-top: 1rem; margin-top: 0; }

    @keyframes sub_top_txt2 {
        from {  }
        to{ letter-spacing: 1rem; padding-left: 1rem; }
    }

	#snb_wrap { width: 100%; height: 55px; margin-top: -0; }
	#snb { width: auto; height: 55px; }
	#snb > li { width: 200px; height: 55px; }
	#snb > li > a:after { height: 16px; }
	#snb > li:first-child { width: 60px; }
	#snb > li:first-child img { transform: scale(0.9); }
	#snb > li:nth-child(3) { width: 220px; }
	#snb > li:nth-child(2):after { width: 7px; height: 7px; transform: rotate(45deg); right: 18px; top: 24px; }
	#snb > li:nth-child(3):after { width: 7px; height: 7px; transform: rotate(45deg); right: 18px; top: 24px; }
	#snb .ov > a { height: 55px; line-height: 55px; padding: 0 15px; font-size: 13px; min-width:160px; }

	#snb > li:nth-child(2):hover:after { transform: rotate(135deg); top: 22px; }
	#snb > li:nth-child(3):hover:after { transform: rotate(135deg); top: 22px; }

	#snb .ov ul li a { font-size: 11px; padding:11px 15px; }

	#sub_box { padding-bottom: 80px; margin-top: 70px; }
	/* #sub_tit h2 { font-size: 36px; } */
	.sub_line { height: 32px; margin-top: 30px; }
	/* #sub_page { margin-top: 40px; } */

	body.full .sub_ori { width: 90%; }
	.sub_ori { width: 100%; padding: 20px 25px; }
	.sub_ori>div { width: 45px; height: 45px; min-width: 45px; margin-right: 16px; background-size: 4.3px; }
	.sub_ori ul li { font-size: 11px; }
	.sub_ori ul li br { display: none; }

	.sub_ori ul.ori2 li { margin-left: 17px; }
	.sub_ori ul.ori2 li:first-child { font-size: 12px; }

	.sub_tab_bt { margin-bottom: 15px; }
	.sub_tab_bt ul li { font-size: 15px; line-height: 50px; }


/**/

	.sub_img_wrap { padding-bottom: 50px; }

	.sub_page.img { margin-top: 40px; }
	.sub_img { width: 100%; margin-bottom: 80px; }

	ul.tabs2 { margin-bottom: 15px; }
	ul.tabs2 li { height: 40px; line-height: 40px; font-size: 14px; }

/**/


    .sub_over_wrap { background-color: #fff; }
    .sub_over_wrap>h2 { font-size: 24px; padding-left: 5%; }
    /* .sub_over_img { margin-top: 30px; } */
    /*	.sub_over_img_box p { font-size: 12px; left: 5%; top: 8%; }*/

    .sub_over_txt { right: 2.5rem; bottom: 0.75rem; }
    .sub_over_txt h2 { font-size: 1.75rem; }
    .sub_over_txt h2 span { font-size: 3.75rem; margin-left: 7.5rem; }

    .swiper_planning .sub_planning_img { height: 50vw; }

    .swiper_planning_thumb .swiper-slide { height: 10vw; }

    .sub_over_bottom { width: 100%; margin-top: 0px; }
    .sub_over_bottom_tit h3 { width: 33%; min-width: 315px; font-size: 24px; }
    .sub_over_bottom_tit span { width: 70%; }
    .sub_over_txt_box { margin-top: 2.5rem; gap: 2.5rem 0; }
    .sub_over_txt_box>div { width: 48%; }
    .sub_over_txt_box>div h4 { font-size: 18px; padding-bottom: 18px; }
    .sub_over_txt_box>div p { font-size: 12px; margin-top: 15px; }

/**/

    .sub_location_wrap { padding: 0; }

    .sub_location_map { height: auto; }
    .sub_location_move { display: none; }
    .sub_location_map_m { display: block; }
    .sub_location_map img { width: 100%; transform: scale(1); transform-origin: right bottom; }

    /* .sub_location_bottom { flex-wrap: wrap; justify-content: center; gap: 5rem; padding: 5rem 15%; } */


    .sub_location_map_plus>div:nth-child(2) { display: none; }

    .sub_location_content:hover::after { width: 0; }
    .sub_location_content:hover::before { width: 0; }
    .sub_location_content:hover span::after { height: 0; }
    .sub_location_content:hover span::before { height: 0; }

    @media all and (max-width: 1000px) { 
        
        .sub_location_content p br { display: none; }
        .sub_location_content { height: 26rem; }

    }

/*  */

    .sub_life_wrap { padding-bottom: 7rem; }

    .sub_life_tit { position: relative; top: 0; right: 0; text-align: center; }
    .sub_life_tit h4 { font-size: 1.375rem; }
    .sub_life_tit h2 { font-size: 3.25rem; margin-top: 1.875rem; }

    .sub_life_box { width: 100%; max-width: 600px; margin: auto; flex-wrap: wrap; justify-content: center; margin-top: 5rem; }
    .sub_life_content { width: auto; max-width: 600px; gap: 2.375rem; opacity: 0; }
    .sub_life_content.con01 { width: 100%; }
    .sub_life_content.con02 { margin-top: 7rem; }
    .sub_life_content.con03 { margin-left: 0; margin: auto; margin-top: 7rem; }

    .sub_life_img_box { display: inline-block; overflow: hidden; border-radius: 5rem 0 0 0; }
    .sub_life_img_box img { width: 238px; }
    .sub_life_img_box.box02 img { width: 343px; }
    .sub_life_img_box.box02 { border-radius: 0 5rem 0 0; margin-bottom: 2.375rem; }
    .sub_life_img_box.box03 { order: 2; }

    .sub_life_txt_box { display: flex; justify-content: flex-start; align-items: center; gap: 3.75rem; }
    .sub_life_txt_box img { order: 2; }
    .sub_life_txt_box h3 { font-size: 1.3125rem; line-height: 100%; font-weight: 600; color: #897d70; }
    .sub_life_txt_box p { font-size: 1rem; line-height: 156%; opacity: 0.7; margin-top: 1.25rem; font-weight: 500; }
    .sub_life_txt_box.box01 { display: block; }
    .sub_life_txt_box.box01 h3 { margin-top: 2rem; }


/*  */

    #sub_container.premium { overflow: visible; }

/**/

    .sub_contact_wrap { width: 100%; }

    .sub_contact_bottom { margin-top: 3rem; margin-bottom: 4.375rem; }
    .sub_contact_bottom>div { width: 100%; display: flex; justify-content: space-between; align-items: flex-start; }

    @media all and (max-width: 1200px) { 
        
        .sub_contact_bottom>div { flex-wrap: wrap; justify-content: center; align-items: center; gap: 5rem 0; }

    }
    
    .sub_contact_map_box { width: 524px; height: 412px; }
    
    .sub_contact_txt_box { max-width: 524px; margin: 1.5625rem 0; }
    

/**/

    .sub_gongo_top { height: 440px; }

    .sub_gongo_img_box { width: 57.545%; }

    .sub_gongo_txt_box { width: 40%; }
    .sub_gongo_txt_box>div>a { padding: 35px 30px 35px; }
    .sub_gongo_logo { transform: scale(0.85); transform-origin: left center; margin-left: 2px; }
    .sub_gongo_txt_box h2 { font-size: 21px; margin-top: 10px; margin-left: -2px; }
    .sub_gongo_txt_box p { font-size: 12px; margin-top: 20px; }

    .sub_gongo_bt { width: 40px; height: 40px; right: 30px; bottom: 30px; }
    .sub_gongo_bt>div { width: 28px; height: 17px; left: -9px; }
    .sub_gongo_bt>div:after { width: 8px; height: 8px; }

    .sub_gongo_notice { margin-top: 30px; }

    .sub_gongo_txt_box>div:hover .sub_gongo_bt>div { left: -5px; }

/**/

/**/

    .vr_bt_box { margin-top: 10px; }
    .vr_bt_box ul li { height: 40px; line-height: 40px; font-size: 14px; }

/*  */

    .sub_pr_vd.shorts2 { gap: 3rem 2.5rem; }
    .sub_pr_vd.shorts2 iframe { max-width: 300px; aspect-ratio: 9/16 !important; }

    @media all and (max-width: 1000px) { 

        .sub_pr_vd.shorts2 { width: 70%; gap: 3rem 2.5rem; }
        .sub_pr_vd.shorts2 iframe { max-width: 350px; aspect-ratio: 9/16 !important; }
        
    }

}