@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; }

    .logo_wrap { width: 25rem; }
        
        
    .intro_logo { width: 13rem; transform: translateY(calc(14rem + 5.125rem)); }
    .intro_txt_box h3{font-size: 2rem;}

    .intro_img{clip-path: inset(18% 32% 18% 32% round 12rem);}
    .intro_txt_box.box01{ clip-path: polygon(68% 0, 100% 0, 100% 100%, 68% 100%);}
    .intro_txt_box.box02{ clip-path: polygon(0 0, 32% 0, 32% 100%, 0% 100%);}
    .intro_txt_box.box01.white{ clip-path: inset(18% 20% 18% 20% round 12rem);}
    .intro_txt_box.box02.white{ clip-path: polygon(32% 0, 100% 0, 100% 100%, 32% 100%);}

    .intro_txt_box.box01>div { width: 85%; max-width: 1000px; gap: 1.875rem; }

    /* .intro_wrap.intro .intro_img.img01 { clip-path: polygon(calc(50% - 0.8125rem) calc(46% - 14rem), calc(50% + 0.8125rem) calc(46% - 14rem), calc(50% + 0.8125rem) calc(46% + 14rem), calc(50% - 0.8125rem) calc(46% + 14rem)); transition: 1.5s 0s; } */

    /* .intro_wrap.intro2 .intro_img.img01 { clip-path: polygon(calc(50% - 10rem) calc(46% - 14rem), calc(50% + 10rem) calc(46% - 14rem), calc(50% + 10rem) calc(46% + 14rem), calc(50% - 10rem) calc(46% + 14rem)); transition: 1.5s 0s; } */
    .intro_wrap.intro2 .intro_logo { opacity: 1; transform: translateY(calc(14rem + 2.125rem)); transition: 1.5s 0s; }

    .intro_wrap.intro3 .intro_img.img01 { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); transition: 2.5s 0s; }
    .intro_wrap.intro3 .intro_logo { opacity: 0; transition: 0.8s 0s; }

    .intro_wrap.intro7 .main_vd_box { clip-path: polygon(calc(50% - 0.8125rem) calc(50% - 14rem), calc(50% + 0.8125rem) calc(50% - 14rem), calc(50% + 0.8125rem) calc(50% + 14rem), calc(50% - 0.8125rem) calc(50% + 14rem)); transition: 1.5s 0s; }

    .intro_wrap.intro8 .intro_txt_box.box05 { opacity: 0; transition: 1.5s 1.2s; }
    .intro_wrap.intro8 .main_vd_box { clip-path: polygon(calc(50% - 10rem) calc(50% - 14rem), calc(50% + 10rem) calc(50% - 14rem), calc(50% + 10rem) calc(50% + 14rem), calc(50% - 10rem) calc(50% + 14rem)); transition: 1.5s 0s; }
    
    .intro_wrap.intro9 .main_vd_box { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); transition: 2.5s 0s; }

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

        .logo_wrap { width: 20rem; } 

    }

/*  */

    .right_scroll_wrap { transform: scale(0.85); transform-origin: right center; right: 3%; }

/*  */
    .main_wrap { height: 100dvh; flex-wrap: wrap; }

    .main01 { height: 100dvh; position: relative; }
    .main02 { width: 100%; height: auto; position: relative; padding: 8rem 0 9rem; flex-direction: column-reverse; gap: 8rem; background-color: #000; }
    .main02::before { content: ''; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background: url(../img/brand_bg02.jpg) center no-repeat; background-size: cover; opacity: 0.25; }


    .main_tit_box>div { width: 90%; max-width: 800px; transform: translateY(-10rem); gap: 1.125rem; }
    .main_tit_box>div>div>div { gap: 1.25rem; }
    .main_tit_box h4 { font-size: 1rem; }
    .main_tit_box h2 { font-size: 2.9375rem; }


    .main_guest { left: 5%; bottom: 3.5rem; }

    /* .main_txt_box { width: 100%; height: auto; position: relative; display: none; } */
    .main_txt_box>div { transform: translateY(0); }
    .main_square_box { width: 23rem; height: 23rem; }
    .main_square>div>span::before { transition: 0s; }
    .main_square>div>span::after { transition: 0s; }
    .main_square h4 { font-size: 1.5rem; transition: 0s; }
    .main_txt_box img { width: 15.6875rem; margin-top: 3.875rem; transition: 0s; }
    .main_txt_box p { font-size: 1rem; line-height: 166%; margin-top: 1.75rem; transition: 0s; }
    
    .main_bgm { width: 53%; bottom: 6rem; }

    .sum_wrap { height: auto; flex-wrap: wrap; }


    .sum_vd_box { height: auto; position: relative; }
    .sum_vd { position: static; transform: translate(0); }


    .sum_tit_box>div { transform: translateY(-2rem); }

    .sum_box { position: relative; padding: 7rem 0 8rem; flex-direction: column; }
    .sum_box>div { flex-direction: column; gap: 5rem; }

    .sum_txt_box { width: auto; display: inline-block; margin-top: 0; text-align: center; color: #000; }
    .sum_txt_box>div { transition: 0s; transform: translateY(-3rem); }
    .sum_txt_box h2 { font-size: 4.25rem; }
    .sum_txt_box h5 { font-size: 1rem; margin-top: 1rem; margin-left: 0rem; }

    .sum_img_box { position: relative; top: 0; width:90%; margin:0 auto; justify-content:center;}
    .sum_img_box h3 { transition: 0s; }
    .sum_img_box img:nth-child(1) { transition: 0s; width:100%;}
	.sum_img_box img:nth-child(2) { transition: 0s; width:30%;}
    .sum_img_box img:nth-child(3) { transition: 0s; width:30%;}
	.sum_img_box div {max-width:100%; position:static;}
	.sum_img_box h6 { bottom:0; color:#444;}

    .sum_sum { max-width: 1000px; transition: 0s; color: #000; gap: 6rem; }
    .sum_sum ul { gap: 4.625rem 3.5rem; justify-content: space-between; }
    .sum_sum ul li { width: calc(33.33% - 2.375rem);  }
    .sum_sum ul li h3 { font-size: 1.25rem; }
    .sum_sum ul li p { font-size: 1rem; border-top: 1px solid #000; left:0;}


    .sum_box .imgc { width: 100%; color: #000; text-shadow: none; opacity: 0; text-align: center; position: static; text-shadow: none; font-weight: 500; margin-top: 4rem; }

    .main_sum_bt { gap: 1rem; margin-top: 1rem; transform: translateY(3rem); }
    .main_sum_bt>div { width: 16.875rem; height: 3.75rem; border: 1px solid #000; color: #000; } 
    .main_sum_bt>div>a { font-size: 1rem; padding: 0 2.25rem; }
    .main_sum_bt>div>a>div { background: url(../img/down.png) right center no-repeat; background-size: cover; }
    

    .cal_txt_box { color: #000; margin-top: 0; text-align: center; }
    .cal_txt_box>div { transform: translateY(-3rem); transition: 0s; }
    .cal_txt_box h2 {font-size: 4.25rem; transition: 0s; color: #031442; }
    .cal_txt_box h5 { font-size: 1rem; margin-top: 1rem; font-weight: 500; transition: 0s; }

    .cal_content { color: #000; transition: 0s; }
    .cal_content ul { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; gap: 0.75rem; flex-wrap: wrap; }
    .cal_content ul li { width: calc(20% - 0.75rem); height: 11.125rem; border: 1px solid rgba(0,0,0,0.4); }
    .cal_content ul li h3 { font-family: 'trajan'; font-size: 1.5rem; line-height: 100%; font-weight: 700; }
    .cal_content ul li p { font-size: 0.875rem; line-height: 128%; opacity: 0.7; margin-top: 0.375rem; }
    .cal_content ul li:nth-child(n+6) { width: calc(50% - 0.75rem); height: 7rem; }
        
    .main_cal_bt { transition: 0s; } 
    .main_cal_bt>div { border: 1px solid rgba(0,0,0,0.4); }

    .main_cal_over { display: none; }
    
    .cal_content ul li:hover { color: #000; }

    .cal_wrap { height: auto; display: flex; justify-content: center; align-items: center; z-index: 9; }

    .cal_clock_box { position: relative; transform: translateY(0rem); transition: 0s; transform: scale(0.9); }

    .cal_clock_tit { right: -10.625rem; bottom: 2.75rem; transform: translateX(5rem); transition: 0s; }
    .cal_clock_tit h2 { font-size: 3.375rem; }
    .cal_clock_tit h4 { font-size: 1.25rem; margin-top: 1.125rem; opacity: 0.3; }

    .swiper_cal { z-index: 9; }



    .main_wrap.on .main_tit2 h3 { opacity: 1; letter-spacing: 0.25rem; padding-left: 0.25rem; transition: all 1.5s 0.8s; }
    .main_wrap.on .sum_bg { opacity: 0.3; transition: 1.3s 0s; }
    .main_wrap.on .main_bg { opacity: 0; transition: 1.3s 0s; }

    
    
    .sum_tit_box.active>div>div { opacity: 1; transform: translate(0); transition: 1.2s 0.2s; }
    .sum_tit_box.active h3 { opacity: 1; transform: translate(0); transition: 1.2s 0.2s; }
    .sum_tit_box.active img { opacity: 1; transform: translate(0); transition: 1.2s 0.2s; }
    .sum_box .imgc.active { opacity: 0.7; transform: translate(0); transition: 1.2s 0.2s; }

    .sum_txt_box.active>div { opacity: 1; transform: translate(0); transition: 1.2s 0.2s; }
    .sum_txt_box.active h2 { opacity: 1; width: 100%; transition: 1.2s 0.2s; }
    .sum_txt_box.active h2::before { width: 100%; transition: 2.0s 0.2s; } 
    .sum_txt_box.active h2 span { opacity: 1; transition: 1.2s 0.2s; }
    .sum_txt_box.active h3 { opacity: 1; transform: translate(0); transition: 1.2s 1.0s; }
    .sum_sum.active { opacity: 1; transform: translate(0); transition: 1.2s 0.2s; }
    .sum_img_box.active h3 { opacity: 1; transform: translate(0); transition: 1.2s 0.2s; }
    .sum_img_box.active img { opacity: 1; transform: translate(0); transition: 1.2s 0.2s; }
	.sum_img_box.active div h6 { opacity: 1; transition: 1.2s 0.2s; }
    .main_sum_bt.active { opacity: 1; transform: translate(0); transition: 1.2s 0.2s; }
    .cal_txt_box.active>div { opacity: 1; transform: translate(0); transition: 1.2s 0.2s; }
    .cal_content.active { opacity: 1; transform: translate(0); transition: 1.2s 0.2s; }
    .main_cal_bt.active { opacity: 1; transform: translate(0); transition: 1.2s 0.2s; }


    .cal_wrap.active .cal_clock_box { opacity: 1; transition: 1.2s 0.2s; }
    .cal_wrap.active .cal_clock_tit { opacity: 1; transform: translate(0); transition: 1.2s 0.2s; }

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

        .main_img>div { background: url(../img/main_m.jpg) center bottom 5% no-repeat; background-size: 170%; }

        .main_tit_box>div { transform: translateY(-12rem); }
        .main_tit_box>div>div { flex-direction: column; }
        .main_tit_box>div>div>div { flex-direction: column; text-align: center; }
        .main_tit_box>div>div>span { display: none; }
        .main_tit_box h4 { font-size: 1.25rem; }
        .main_tit_box h2 { font-size: 3.5rem; }

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

        .main02>div>div { gap: 4rem; justify-content: center; }

        .main_tit { width: 100%; height: 60%; }
        .main_tit>div { margin-right: 0; margin-top: 0; transform: translateY(0rem); }
        .main_tit h2 { line-height: 100%; flex-direction: column; gap: 0; }
        .main_tit h2 span { width: auto; }
        .main_tit h2 span:last-child { margin-top: 0; margin-left: 0; }

        .main_tit2 { width: 100%; height: 37%; bottom: revert; top: 0; }
        .main_tit2>div { position: relative; }
        .main_tit2 h1 { font-size: 18rem; letter-spacing: 0.5rem; }
        .main_tit2>div>div>div { gap: 1.375rem; }
        .main_tit2 p { font-size: 1rem; padding-left: 0; text-align: center; }
        .main_tit2 h3 { display: flex; justify-content: center; align-items: center; gap: 0.5rem; flex-direction: column; font-size: 2.5rem; }
        .main_tit2 p:last-child { margin-right: 0; text-align: center; }
        
        .main_guest .main_guest_bg.white { opacity: 0; }
        .main_guest .main_guest_bg.black { opacity: 1; }
        /* .main_guest p { color: #fff; } */

        .main_bgm { width: 65%; bottom: 6rem; color: #fff; }

        .sum_txt_box { width: 100%; text-align: center; }
        .sum_txt_box>div { transform: translateY(-3rem); }
        .sum_txt_box h5 { margin-left: 0; }

        /* .sum_sum { margin-top: 4rem; } */
        .sum_sum ul li { width: calc(50% - 2.375rem); }

        .cal_content ul li { height: 9.5rem; }

        .main_wrap.on .main_tit2 h3 { opacity: 1; letter-spacing: 0.5rem; padding-left: 0.5rem; transition: all 1.5s 0.8s; }



        .cal_clock_box { position: relative; transition: 0s; margin: revert; transform: scale(0.9) translateX(65%); }

        .cal_clock_tit { position: absolute; left: -30rem; top: -2rem; margin: auto; right: revert; text-align: left; }


    }

/*  */

    .brand_wrap { width: 100%; height: 45rem; flex-wrap: wrap; margin-top: 36rem; }
    .brand_wrap::after { display: none; }
    
    .brand_tit_box { height: auto; top: -23rem; transform: translateY(0); }
    .brand_tit_box p { font-size: 1rem; transition: 0s; }
    .brand_tit_box h1 { font-size: 7.5rem; gap: 0.25rem; transition: 0s; }
    .brand_tit_box img { width: 12rem; bottom: -8rem; transition: 0s; }
            
    .brand_img_box { position: relative; height: 100%; clip-path: circle(0 at 50% 50%); transition: 0s; }
    
    .brand_img.active { opacity: 1; }
    .brand_img.active::before { transform: scale(1); }
    
    .brand_txt_box { transform: translateY(0rem); transition: 0s; }
    .brand_txt>div>div { right: 0.5rem; bottom: -9.5rem; transition: 0s; }
    .brand_txt h5 { font-size: 1.125rem; left: 0.75rem; top: -2rem; transition: 0s; }
    .brand_txt h1 { font-size: 7.5rem; gap: 2.5rem; }
    .brand_txt h3 { font-size: 1.5rem; }
    .brand_txt p { font-size: 0.9375rem; margin-top: 1.5rem; }
        
    .brand_over { transform: translateY(0rem); transition: 0s; }
    .brand_over h1 { font-size: 7.5rem; gap: 2.5rem; }
    
    .brand_circle_box { width: 27.5rem; height: 27.5rem; transform: translateY(0rem); }
    .brand_circle_txt { width: 109.9315%; transition: 0s; }
    .brand_circle { width: 6.5rem; left: -1rem; transition: 0s; }
    
    
    
    
    .brand_tit_box.active p { opacity: 1; transform: translate(0); transition: 1.2s 0.2s; }
    .brand_tit_box.active h1 { opacity: 1; gap: 2.5rem; transition: 1.2s 0.2s; }
    .brand_tit_box.active img { opacity: 1; transform: translate(0); transition: all 1.2s 0.2s, bottom 1.2s 0s; }
    

    .brand_circle_box.active .brand_circle { opacity: 1; transition: 1.2s 0.2s; }
    .brand_circle_box.active .brand_circle_txt { opacity: 1; transition: 1.2s 0.2s; }
    .brand_over.active { opacity: 1; transition: 1.2s 0.2s; }
    .brand_txt_box.active { opacity: 1; transition: 1.2s 0.2s; }
    .brand_img_box.active { clip-path: circle(13.75rem at 50% 50%); transition: 1.2s 0.2s; }
    
    @media (max-width: 1000px) {
    .brand_over h1 {font-size: 4.5rem;}
    .brand_txt>div{width: 82vw;}
    .brand_txt>div>div{bottom: -12rem;}
}

/*  */
    
    .location_wrap { width: 100%; height: auto; flex-wrap: wrap; padding: 8rem 0; }

    /* .location_drag { display: none; } */
    
    .location_tit_box { width: 100%; height: auto; text-align: center; transform: translateY(-3rem); }
    .location_tit_box>div { max-width: revert; transform: translateY(0rem); }
    .location_tit_box h2 { font-size: 3.25rem; }
    .location_tit_box h4 { margin-top: 3.75rem; }
    .location_tit_box p { font-size: 0.9375rem; margin-top: 1.25rem; }
    
    .location_map { width: 80%; height: auto; margin-top: 5rem;}
    .location_map::after { display: none; }
    .location_map img { display: block; transform: scale(1.2); }
    
    .location_content_box { width: 100%; position: static; justify-content: center; align-items: center; margin-top: -2.5625rem; }
    .location_content_box>div { flex-direction: column; transform: translateX(0rem); gap: 2rem; }
    .location_icon_box { display: flex; justify-content: center; align-items: center; gap: 1rem; }
    .location_icon { width: 5.125rem; height: 5.125rem; }
    .location_icon img { transform: scale(0.9); }
        
    .location_txt_box { width: 100%; display: flex; justify-content: center; align-items: center; height: auto; position: relative; text-align: center; margin-top: 1.5rem; }
    .location_txt { width: 100%; justify-content: center; height: auto; transform: translateY(3rem); }
    .location_txt h3 { font-size: 1.25rem; }
    .location_txt p { font-size: 0.9375rem; margin-top: 0.75rem; }
    
    
    .location_ori { width: 100%; position: static; margin-top: 7rem; }
    .location_ori p { font-size: 0.8125rem; line-height: 178%; }
    .location_ori br { display: block; }
    
    
    
    
    
    .location_map.active img { transform: scale(1); transition: 2.5s 0s; }
    .location_tit_box.active,
    .location_content_box.active,
    .location_ori.active { opacity: 1; transform: translate(0); transition: 1.2s 0.2s; }
    
    
    @media all and (max-width: 1000px) { 


    }

/*  */

    .master_wrap { height: auto; padding: 12rem 0; justify-content: center; }

    .master_tit_box { position: relative; width: 90%; max-width: 800px; margin: auto; justify-content: flex-start; }
    .master_tit_box h2 { font-size: 2.125rem; }
    .master_tit_box p { font-size: 1rem; margin-top: 2.5rem; }

    .master_txt { left: 0; right: 0; width: 90%; max-width: 800px; margin: auto; justify-content: flex-end; align-items: flex-end; transform: translateX(5rem); }
    .master_txt h3 { font-family: 'antro'; font-size: 3.625rem; line-height: 100%; font-weight: 600; transform: translateY(-12rem); }


    .master_wrap.active .master_bg { animation: masterClip 3.5s ease forwards; }

    @keyframes masterClip {
        0% {
            clip-path: polygon(calc(50% - 0.8125rem) calc(50% - 14rem), calc(50% + 0.8125rem) calc(50% - 14rem), calc(50% + 0.8125rem) calc(50% - 14rem), calc(50% - 0.8125rem) calc(50% - 14rem));
        }
        
        50% {
            clip-path: polygon(calc(50% - 0.8125rem) calc(50% - 14rem), calc(50% + 0.8125rem) calc(50% - 14rem), calc(50% + 0.8125rem) calc(50% + 14rem), calc(50% - 0.8125rem) calc(50% + 14rem));
        }
        
        55% {
            clip-path: polygon(calc(50% - 0.8125rem) calc(50% - 14rem), calc(50% + 0.8125rem) calc(50% - 14rem), calc(50% + 0.8125rem) calc(50% + 14rem), calc(50% - 0.8125rem) calc(50% + 14rem));
        }
        
        100% {
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        }
    }

    .master_wrap.active .master_bg::after { opacity: 1; transition: 1.5s 2.4s; }
    .master_wrap.active .master_txt { opacity: 1; transform: translate(0); transition: 1.2s 2.4s; }
    .master_wrap.active .master_tit_box { opacity: 1; transform: translate(0); transition: 1.2s 2.4s; }

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

        .master_tit_box { width: 85%; }
        .master_txt { width: 85%; }

    }

/*  */

    .complex_wrap { width: 100%; height: auto; flex-wrap: wrap; }
    .complex_wrap>div { width: 100%; height: auto; }
    .complex_wrap>div>div { max-width: none; height: auto; flex-wrap: wrap; }

    .complex01 { margin-bottom: 8rem; }
    .complex01,
    .complex03 { align-items: flex-end !important; }
    .complex01>div,
    .complex03>div { height: auto !important; align-items: flex-end; }
    .complex03>div { flex-direction: row-reverse; }

    .complex_vd_box { position: relative; width: 100%; height: auto; }
    .complex_vd { position: relative; top: 0%; transform: translate(-0%,-0%); left: 0%; width: 90%; padding-bottom: 40%; }
    /* .complex_vd iframe { top: 0%; transform: translate(-0%,-0%); left: 0%; } */
    .complex_vd_box.box01 { width: 100%; }
    .complex_vd_box.box03 { width: 100%; height: auto; }
    .complex_vd_box.box01 .complex_vd iframe,
    .complex_vd_box.box03 .complex_vd iframe { width: 100%; height: 100%; opacity: 0.5; }
    .complex_vd_box.box03::before { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/complex_bg2.png) center left no-repeat; background-size: cover; z-index: 3; }
    .complex_vd_box.box04::before { background: url(../img/complex_bg2.png) center left no-repeat; background-size: cover; display: none; }


/*    .complex_img { height: 40rem; }*/
    .complex_img::after { background: url(../img/complex_img01.jpg) center bottom 5% no-repeat; background-size: cover; }

    .complex_txt_box { position: relative; padding-top: 10rem; box-sizing: border-box; }
    .complex_txt_box>div { transform: translateY(0rem); }
    .complex_txt_box>div::before { width: 4px; left: 0.375rem; top: -10rem; transition: 0s; }
    .complex_txt_box h2 { font-size: 3.625rem; transition: 0s; }
    .complex_txt_box p { font-size: 1rem; margin-top: 2.25rem; transition: 0s; }
    .complex_txt_box.box01 { width: 90%; max-width: 1000px; justify-content: flex-start; align-items: flex-end; }
    .complex_txt_box.box01>div { width: 100%; max-width: revert; display: flex; justify-content: space-between; align-items: center; }
    .complex_txt_box.box02 { width: 90%; max-width: revert; justify-content: flex-end; align-items: flex-end; right: 0; }
    .complex_txt_box.box02>div { transform: translateY(0rem); margin-right: 10%; margin-bottom: 4rem; }
    .complex_txt_box.box02>div::before { background-color: #fff; }
    .complex_txt_box.box03 { width: 90%; max-width: 1000px; position: absolute; left: 0; top: 0; color: #fff; z-index: 9; justify-content: flex-start; }
    .complex_txt_box.box03>div { width: auto; max-width: revert; margin-left: 10%; margin-bottom: 4rem; }
    .complex_txt_box.box03>div::before { left: revert; right: 0.375rem; background-color: #fff;  }
    .complex_txt_box.box04 { width: 90%; max-width: revert; justify-content: flex-end; align-items: flex-end; right: 0; left: revert; }
    .complex_txt_box.box04>div { transform: translateY(0rem); margin-right: 10%; margin-bottom: 4rem; }
    .complex_txt_box.box04>div::before { background-color: #fff; }

    .complex_design { position: static; }
    .complex_design>div { opacity: 0; transform: translateY(-3rem); transition: 0.8s; }
    .complex_design h3 { font-family: 'define'; font-size: 20px; line-height: 100%; }
    .complex_design h4 { font-size: 0.875rem; line-height: 100%; opacity: 0.7; margin-top: 0.875rem; }
    .complex_design img { width: 17.1875rem; margin-top: 2.5rem; }



    .complex_vd { padding-bottom: 40%; }
    .complex_vd_box.active .complex_img::after { transform: scale(1); transition: 2.5s 0s; }
    .complex_txt_box.active .complex_design>div { opacity: 1; transform: translate(0); transition: 1.2s 0.2s; }
    .complex_txt_box.active>div::before { height: 8rem; transition: 2.5s 0.2s; }
    .complex_txt_box.active h2 { opacity: 1; transform: translate(0); transition: 1.2s 0.2s; }
    .complex_txt_box.box01.active p { opacity: 0.7; transform: translate(0); transition: 1.2s 0.5s; }
    .complex_txt_box.box02.active p,
    .complex_txt_box.box03.active p,
    .complex_txt_box.box04.active p { opacity: 0.4; transform: translate(0); transition: 1.2s 0.5s; }
    
    .complex_wrap.active .complex_img.img01 { transform: scale(1); transition: 2.5s 0s; }
    .complex_txt_box.active,
    .complex_img_box.active { opacity: 1; transform: translate(0); transition: 1.2s 0.6s; }
    
    
    .comm_img_box img.active {opacity: 1; transform: scale(1); transition: 2.5s 0s; }
    .comm_txt_box.active { opacity: 1; transform: translate(0); transition: 1.2s 0.6s; }




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

/*        .complex_img { height: 32rem; }*/


        .complex_txt_box>div::before { display: none; }
        .complex_txt_box.box01 { width: 85%; }
        .complex_txt_box.box01>div { justify-content: center; flex-direction: column; gap: 6rem; }
        .complex_txt_box.box01>div::before { display: block; }
        .complex_txt_box.box01>div>div { width: 100%; }

        .complex_design { width: 100%; }

    }

/*  */

    .comm_wrap { width: 100%; height: auto; flex-wrap: wrap; }
    .comm_wrap>div {margin-top: 4rem; height: auto; justify-content: center; }

    .comm01 { background-color: #141414; flex-wrap: wrap; }
    .comm02 { flex-wrap: wrap; }

    .comm_bg_box { width: 100%; height: auto; padding: 6rem 0; display: flex; justify-content: center; align-items: center; }
    .comm_bg::before { opacity: 0.5; }
    .comm_bg::after { display: block; }

    .comm_tit_box { max-width: 800px; position: relative; padding-top: 5rem; padding-top: 0; justify-content: flex-start; }
    .comm_tit_box>div { position: relative; transform: translateY(0rem); }
    .comm_tit_box>div::before { left: -3.375rem; top: -5rem; transition: 0s; display: none; }
    .comm_tit_box h3 { font-size: 1.5rem; transition: 0s; }
    .comm_tit_box p { font-size: 0.875rem; margin-top: 2.25rem; transition: 0s; }

    .comm_right { width: 90%; padding: 7rem 0; padding-bottom: 8rem; }
    .comm_right>div { width: 90%; max-width: 800px; transform: translateY(0rem); }

    .comm_right_tit { transition: 0s; }
    .comm_right_tit h5 { font-size: 1rem; letter-spacing: 0.4688rem; margin-right: -0.25rem; }
    .comm_right_tit h2 { font-size: 2.5rem; margin-top: 1rem; }

    .comm_txt_box { position: relative; gap: 2.375rem; margin-top: 0; transition: 0s; left: 0; align-items: start; width: 100%; }
    .comm_txt_box h3 { font-size: 1.25rem; line-height: 100%; }
    .comm_txt_box p { font-size: 1rem; line-height: 100%; margin-top: 0.875rem; }
    .comm_img .img_all>div .comm_imgs.bg01{width: 54vw; height: 30vw; }
    .comm_img .img_all>div .comm_imgs.bg02{width: 42vw; height: 26vw; }
    .comm_img .img_all>div .comm_imgs.bg03{width: 32vw; height: 44vw; }

    .comm_img_box { position: relative; display: flex; flex-direction: column; gap:2rem; width: 100%;}
    .comm_img_box::before { width: 200%; height: 200%; margin-left: -50%; transform: rotate(-90deg); }

    /* .comm_img.active { opacity: 0.6; transform: scale(1); } */
    .comm_wrap.active .comm_img .img_all>div .comm_imgs::after { transform: scale(1); transition: 2.5s 0s; }


    .comm_content_box { position: absolute; left: 0; bottom: 0; top: revert; width: 100%; max-width: revert; height: auto; border-right: none; transition: 0s; transform: translate(0); }
    .comm_content_box>div { width: 100%; transform: translateY(0); display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap; }
    .comm_content { width: 33.33%; text-align: center; padding: 1.875rem 0 !important; color: #fff; border-right: 1px solid rgba(255,255,255,0.3); }
    .comm_content:nth-child(3) { border-right: none; }
    .comm_content:last-child { border: none; }
    .comm_content:nth-child(n+4) { width: 49.5%; border-top: 1px solid rgba(255,255,255,0.3); }
    .comm_content::after { width: 100%; height: 6px; background-color: #c4896e; position: absolute; right: 0; top: -6px; transition: 0.5s; }
    .comm_content h3 { font-size: 1.3125rem; transition: 0.5s; }
    .comm_content p { font-size: 0.9375rem; margin-top: 0.75rem; opacity: 0.4; }
    .comm_txt_box h2{line-height: 120%;}
    .comm_txt_box h2 br.mo{display: block;}
    .comm_txt_box.white{display: none;}

    .comm_content.active::after { top: 0; }
    .comm_content.active h3 { color: #c4896e; }




    .comm_bg_box.active .comm_tit_box>div::before { height: 8rem; transition: 2.5s 0.2s; }
    .comm_bg_box.active .comm_tit_box h3 { opacity: 1; transform: translate(0); transition: 1.2s 0.2s; }
    .comm_bg_box.active .comm_tit_box p { opacity: 0.4; transform: translate(0); transition: 1.2s 0.5s; }
    .comm_right_tit.active, 
    .comm_txt_box.active { opacity: 1; transform: translate(0); transition: 1.2s 0.2s; }

    .comm_content_box.active { opacity: 1; transition: 1.2s 0.2s; }


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

        .comm_tit_box { width: 85%; }

        .comm_right { width: 85%; }
        .comm_right>div { width: 100%; }

        /* .comm_img_box { height: 32rem; } */

        .comm_content_box { position: relative; }
        .comm_content { width: 50%; color: #000; border-top: none; border-right: 1px solid rgba(0,0,0,0.3); }
        .comm_content:nth-child(2n) { border-right: none; }
        .comm_content:nth-child(3) { border-right: 1px solid rgba(0,0,0,0.3) !important; }
        .comm_content:nth-child(n+3) { width: 50%; border-top: 1px solid rgba(0,0,0,0.3); }
        .comm_content:last-child { width: 100%; }
        
        .comm_content p { opacity: 0.7; }

    }
    
    
/*    */
    .space_img{ transform: translate(0); clip-path: polygon(calc(50% - 28vw) calc(50% - 30vh), calc(50% + 28vw) calc(50% - 30vh), calc(50% + 28vw) calc(50% + 30vh), calc(50% - 28vw) calc(50% + 30vh));}
    .space_txt_box.white{ clip-path: polygon(calc(50% - 28vw) calc(50% - 30vh), calc(50% + 28vw) calc(50% - 30vh), calc(50% + 28vw) calc(50% + 30vh), calc(50% - 28vw) calc(50% + 30vh));}
    .space_ori{width: 52vw; height:58vh; }
    .space_leaf{width: 100%;}
    .space_txt_box>div{ height: 100%; display: flex; flex-direction: column; justify-content: space-around;}
    .space_txt_box h4{font-size: 2rem; text-align: center; margin-top: 0; margin-left: 0;}
    .space_txt_box h2{ font-size: 5rem; line-height: 150%; margin-left: 0;}
    .space_txt_box h2 br{display: block!important;}
    .space_txt_box p{ font-size: 1.4rem; text-align: center; margin-top: 0; margin-left: 0;}
    
    
.space_wrap.active .space_img::before { clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); transition: 2.5s 0s; }
.space_wrap.active .space_leaf { opacity: .5; transition: 1.2s 1.0s; }
.space_txt_box h2.active { opacity: 1; letter-spacing: 2.8rem; transition: all 1.5s 1.0s, opacity 1.2s .0s; }
.space_txt_box h4.active { opacity: 1; transform: translate(0); transition: 1.2s .4s; }
.space_txt_box p.active { opacity: 1; transform: translate(0); transition: 1.2s .6s; }



/*  */

    .unit_wrap { width: 100%; height: auto; flex-wrap: wrap; }

    .unit01 { width: 100%; height: auto; padding: 8rem 0; }
    .unit02 { width: 100%; height: auto; padding: 8rem 0; }
    .unit02>div { width: 90%; max-width: 800px; transform: translateY(0rem); display: flex; justify-content: center; align-items: flex-start; gap: 5rem; flex-direction: column; }

    .unit_tit_box { width: 90%; max-width: 800px; position: relative; transition: 0s; justify-content: flex-end; }
    .unit_tit_box>div { opacity: 0; transform: translateX(5rem); transition: 0.8s; display: flex; justify-content: center; align-items: flex-start; gap: 2.75rem; }
    .unit_tit_box h2 { font-size: 2.125rem; }
    .unit_tit_box p { font-size: 1rem; margin-top: 5.25rem; }

    .unit_txt { position: absolute; left: 0; right: 0; margin: auto; width: 90%; max-width: 800px; height: 100%; justify-content: flex-start; align-items: flex-end; transition: 0s; }
    .unit_txt h3 { font-size: 3.625rem; transform: translateY(-5rem); color: #fff; }

    .unit_content { width: 100%; transition: 0s; display: flex; justify-content: center !important; align-items: center !important; }
    .unit_content>div { gap: 1.75rem; flex-direction: column !important; align-items: center !important; }
    .unit_content.con01 { transform: translateY(5rem); }
    .unit_content.con01>div { transform: translate(0); }
    .unit_content.con02 { margin-top: 0; transform: translateY(5rem); }
    .unit_content.con02>div { transform: translate(0); }
    .unit_content.con03 { margin-top: 0; transform: translateY(5rem); }
    .unit_content.con03>div { transform: translate(0); }

    .unit_img_box { position: relative; }
    .unit_img_box>div { overflow: hidden; }

    .unit_txt_box { width: 100%; text-align: center; }
    .unit_txt_box h3 { font-size: 1.375rem; }
    .unit_txt_box p { font-size: 1rem; margin-top: 0.75rem; }

    .unit_bt { position: relative; right: -0.5rem !important; }
    .unit_bt.bt01 { right: 0; bottom: 0; }
    .unit_bt.bt02 { right: 0; top: 0; }
    .unit_bt.bt03 { right: 0; bottom: 0; }

    .unit_obj { position: absolute; }
    .unit_obj.obj01 { opacity: 0.33; z-index: -1; right: -6.25rem; bottom: -1.625rem; }
    .unit_obj.obj02 { z-index: 2; right: -3.75rem; bottom: -1.75rem; }




    .unit01.active .unit_bg { animation: masterClip 3.5s ease forwards; }

    @keyframes masterClip {
        0% {
            clip-path: polygon(calc(50% - 0.8125rem) calc(50% - 14rem), calc(50% + 0.8125rem) calc(50% - 14rem), calc(50% + 0.8125rem) calc(50% - 14rem), calc(50% - 0.8125rem) calc(50% - 14rem));
        }
        
        50% {
            clip-path: polygon(calc(50% - 0.8125rem) calc(50% - 14rem), calc(50% + 0.8125rem) calc(50% - 14rem), calc(50% + 0.8125rem) calc(50% + 14rem), calc(50% - 0.8125rem) calc(50% + 14rem));
        }
        
        55% {
            clip-path: polygon(calc(50% - 0.8125rem) calc(50% - 14rem), calc(50% + 0.8125rem) calc(50% - 14rem), calc(50% + 0.8125rem) calc(50% + 14rem), calc(50% - 0.8125rem) calc(50% + 14rem));
        }
        
        100% {
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        }
    }

    .unit01.active .unit_bg::after { opacity: 1; transition: 1.5s 0s; }
    .unit01.active .unit_bg::before { transform: scale(1); transition: 2.5s 0s; }
    .unit01.active .unit_tit_box>div { opacity: 1; transform: translate(0); transition: 1.2s 2.4s; }
    .unit01.active .unit_txt { opacity: 1; transform: translate(0); transition: 1.2s 2.4s; }
    .unit_content.active { opacity: 1; transform: translate(0); transition: 1.2s 0.2s; }


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

        .unit_tit_box { width: 85%; }
        .unit_txt { width: 85%; }


    }

/*  */

    .out_wrap { width: 100%; height: auto; }

    .out_vd_box { position: relative; height: auto; }
    .out_vd { position: relative; top: 0%; transform: translate(-0%,-0%); left: 0%; padding-bottom: 65%; }
    .out_vd iframe { position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%; width: 100%; height: 100%; z-index: 2; opacity: 0.5; transition: 1.2s; }

    .out_tit_box { width: 100%; max-width: revert; justify-content: flex-end; align-items: flex-end; }
    .out_tit_box>div { transform: translateY(0rem); position: relative; margin-right: 8%; margin-bottom: 6rem; }
    .out_tit_box>div::before { left: 0.375rem; top: -10rem; transition: 0s; }
    .out_tit_box h2 { margin-top: 2rem; font-size: 2rem; transition: 0s; }
    .out_tit_box p { font-size: 1rem; margin-top: 2.375rem; transition: 0s; }
    .out_tit_box h6{ position: relative; transform: rotate(0); left: auto; top: auto; padding-right:0;}




    .out_wrap.active .out_tit_box>div::before { height: 8rem; transition: 2.5s 0.2s; }
    .out_wrap.active .out_tit_box h2 { opacity: 1; transform: translate(0); transition: 1.2s 0.2s; }
    .out_wrap.active .out_tit_box p { opacity: 1; transform: translate(0); transition: 1.2s 0.5s; }
    .out_wrap.active .out_tit_box h4 { opacity: 1; transform: translate(0); transition: 1.2s 0.5s; }
    .out_wrap.active .out_tit_box h6 { opacity: 1; transition: 1.2s 0.6s; }
    .out_wrap.active .out_tit_box h6::after { width: 100%; transition: 2.0s 0.6s;}


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

        .out_vd { padding-bottom: 70%; }
        .out_vd iframe { width: 130%; height: 130%; }

        .out_tit_box>div::before { display: none; }

    }
/*  */
    
    #section2::before { content: ''; width: 120%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/brand_bg.jpg) center top no-repeat; background-size: contain; opacity: 0.6; }

    
    
    
/*    */

    .contact_wrap { height: auto; padding: 10rem 0; }
    .contact_wrap>div { transform: translateY(0rem); gap: 2.5rem; }
    .contact_wrap>div:last-child {width: 70%; transform: translateY(0); }

    .contact_tit { text-align: center; 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_wrap .sub_contact_map_box { display: flex; flex-direction: column; gap:3rem; width: 100%; height: auto; border: none; }

    .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_bottom>div { justify-content: center; gap: 2rem; }

    .sub_contact_map_box::before,
    .sub_contact_map_box::after,
    .sub_contact_map_box span { display: none; } 
    .sub_contact_map_box h2 b{font-size:3.625rem ;}
    
    .sub_contact_map_box h2{position: relative; left: auto; white-space: nowrap;}
    .sub_contact_map_box img{ width: 100%!important; position: relative; right: auto; border: 1px solid rgba(255, 255, 255, 0.2); background-color: rgba(43, 56, 67, 0.3);}
    .contact_wrap .sub_contact_txt_box{flex-direction: column; align-items: stretch; gap: 1.5rem;}
    .sub_contact_add p{font-size: 1.4rem;}

    .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.2s; }

/*  */

    .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%; }
    /* .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%; }*/

    .swiper_planning .sub_planning_img { height: 50vw; }

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

    .sub_over_logo { display: none; }

    .sub_over_bottom { width: 100%; margin-top: 0px; margin-bottom: 5rem; }
    .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: 65px; gap: 2.5rem 0; }
    .sub_over_txt_box>div { width: 48%; margin-bottom: 0px; }
    .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_brand_wrap { padding-bottom: 5rem; }

    .sub_brand_vd_tit { width: 85%; left: 0; right: 0; margin: auto; position: relative; padding: 8rem 0; justify-content: flex-start; }
    .sub_brand_vd_tit>div { transform: translateY(0rem); }
    .sub_brand_vd_tit h1 { font-size: 4.5rem; }
    .sub_brand_vd_tit h1 span b { transition: 0s; }
    .sub_brand_vd_tit h3 { font-size: 1.25rem; margin-top: 3.875rem; gap: 0.625rem; transition: 0s; }
    .sub_brand_vd_tit h3 b::after { transition: 0s; }
    .sub_brand_vd_tit p { font-size: 1rem; margin-top: 1.875rem; transition: 0s; }

    .sub_brand_tit { transition: 0s; }
    .sub_brand_tit p { font-size: 1rem; }

    .sub_brand_middle { flex-direction: column; }

    .sub_brand_img_wrap { transform: translateY(0rem);}
    .sub_brand_tit{ width: 100%; transform: translateY(4rem); }
    .sub_brand_img { transition: 0s; }

    .sub_brand_bg_box { padding: 6.25rem 0; justify-content: center; }
    
    .sub_brand_bg_box h2 { font-size: 4.25rem; left: 5%; bottom: -6.125rem; }
    
    .sub_brand_bg_txt { width: 85%; max-width: revert; justify-content: flex-end; }
    .sub_brand_bg_txt p { font-size: 1rem; }
    .sub_brand_bg_txt h3 { font-size: 1.5rem; margin-top: 2.625rem; }

    
    .sub_brand_content_box { flex-wrap: wrap; gap: 5rem; justify-content: center; }
    
    .sub_brand_content { text-align: center; }
    .sub_brand_content_txt {position: relative; bottom: auto; margin-top:2rem; text-align: center; }

    .sub_brand_content { transition: 0s; width: calc(33% - 2rem); }



    @media all and (max-width: 1000px) { 
        
        
        .sub_brand_content{width: 100%;}
        .sub_brand_txt_box.box01{ left: -8rem;}
        .sub_brand_txt_box h3{font-size: 2.4rem;}
        .sub_brand_content.con01,.sub_brand_content.con02{margin-top: 0;}
        .sub_brand_content{text-align: center;}
        .sub_brand_content_img img{width: auto!important;}
        .sub_brand_content_txt h3 { font-size: 1.875rem; }
        .sub_brand_content_txt p { font-size: 1rem; margin-top: 1.5rem; }

    }


/*  */

    .sub_ori.location { transform: translateY(0rem); background-color: #f3f3f3; }

    .sub_location_wrap { width: 100%; transform: translateX(0); flex-direction: column; padding-bottom: 0rem; }

    .sub_location_map { max-width: revert; height: 50rem; }
    /* .sub_location_map img { display: block; width: 100%; } */

    .sub_location_box { position: static; width: 100%; justify-content: center; padding: 6rem 0 !important; }
    .sub_location_box>div { width: 85%; max-width: revert; transform: translateY(0rem); }

    .sub_location_tit h2 { font-size: 3.125rem; }
    .sub_location_tit p {  font-size: 1.125rem; margin-top: 1.75rem; }

    .sub_location_content { margin-top: 5rem; }

    .sub_location_img_box { position: static; }

    .sub_location_content ul li h3 { font-size: 1.25rem; }
    .sub_location_content ul li p { font-size: 0.9375rem; }



    .sub_location_map.active::before { transform: scale(1); transition: 2.5s 0s; }
    .sub_location_tit.active h2 span b { transform: translateY(0); transition: 1.2s 0.2s; }
    .sub_location_tit.active p { opacity: 0.7; transform: translate(0); transition: 1.2s 0.2s; }
    .sub_location_img_box.active { opacity: 1; transform: translate(0); transition: 1.2s 0.2s; }
    .sub_location_content ul.active { opacity: 1; transform: translate(0); transition: 1.2s 0.2s; }

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

        .sub_location_map { height: 40rem; }

        .sub_location_tit { text-align: center; }
        .sub_location_tit p { margin-top: 0.75rem; }

        .sub_location_img_box { transform: translateY(3rem); flex-direction: row; }
        
        .sub_location_content { justify-content: center; flex-direction: column-reverse; align-items: center; }
        .sub_location_content ul { transform: translateY(3rem); text-align: center; justify-content: center; align-items: center; margin-top: 3rem; }

    }

/*  */

    .sub_amenity_wrap { width: 100%; height: auto; display: block; }

    .sub_amenity_bg_box { display: none; }

    .sub_amenity_tit_box { width: 100%; text-align: center; padding: 7rem 0; position: static; justify-content: center; }
    .sub_amenity_tit_box.box01>div { width: 90%; max-width: revert; height: auto; transform: translateY(0rem); display: flex; justify-content: center; align-items: center; gap: 5rem; flex-direction: column; }
    .sub_amenity_tit_box.box02 { height: auto; position: static; text-align: left; padding: 0; text-align: center; }
    .sub_amenity_tit_box.box02 h1 { font-size: 2.125rem; text-align: center; }
    .sub_amenity_tit_box h4 { font-size: 1.125rem; transition: 0s; transform: translateY(3rem); }
    .sub_amenity_tit_box h2 { font-size: 1.25rem; margin-top: 0.625rem; transition: 0s; transform: translateY(3rem); }
    .sub_amenity_tit_box h3 { transition: 0s; }
    .sub_amenity_tit_box p { font-size: 1rem; margin-top: 2.125rem; transition: 0s; transform: translateY(3rem); }
    .sub_amenity_tit_box h1 { font-size: 3rem; text-align: center; }
    .sub_amenity_tit_box h1 span b i { transition: 0s; }
    .sub_amenity_tit_top { transition: 0s; }
    .sub_amenity_tit.tit01 { position: static; }
    .sub_amenity_tit.tit02 { position: static; }

    .sub_amenity_top_content.con01 { margin-top: 12rem; }


    .sub_amenity_img_box { display: flex; justify-content: center; align-items: flex-start; gap: 5rem 2.25rem; flex-wrap: wrap; margin-top: 12rem; }
    /* .sub_amenity_img_box>div { display: flex; justify-content: flex-start; align-items: flex-end; gap: 2.25rem; } */
    .sub_amenity_content { width: 40%; }
    .sub_amenity_content img { width: 100%; }
    .sub_amenity_img { width: 100%; max-width: 315px; overflow: hidden; opacity: 0; transition: 0s; }
    .sub_amenity_img img { transform: scale(1.1); transition: 0s; }

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

    .sub_amenity_txt_box { text-align: center; padding: 0; box-sizing: border-box; opacity: 0; transform: translateY(3rem); }
    .sub_amenity_txt_box::before { display: none; }
    .sub_amenity_txt_box h3 { font-size: 1.25rem; }
    .sub_amenity_txt_box p { font-size: 1rem; margin-top: 0.875rem; white-space: nowrap; }

/*  */

    #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; }

	.pr_pop { width: 80%; max-width: 1100px; transform: translateY(0px); }
	.pr_pop_close { width: 55px; height: 55px; top: -65px; }
    
    @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; }
        
    }
    @media all and (max-width: 1400px) { 

        .sub_event_box { max-height: auto; margin-top: 1.5rem; padding-right: 0; }
            
    }


}