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

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

	html { font-size: 14px; }

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

    /* 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: 4%; bottom: 4%; 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; transform: translate(-50%,-50%); 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 { background: url(../img/main_img.jpg) left -50vw center no-repeat; background-size: cover; }

    .intro_txt_box>div { transform: translateY(1rem); }
    .intro_txt_box p { font-size: 1rem; padding-left: 2.625rem; }
    .intro_txt_box h1 { font-size: 18rem; letter-spacing: 1.25rem; margin-top: 0rem; }
    .intro_txt_box img { width: 19rem; margin-right: 2rem; }

    .intro_bg_box { transform: translate(-50%,-50%) scale(1.4); }

    .intro_wrap.intro2 .intro_bg_box>div:nth-child(2n-1)>div:nth-child(2n-1) { transform: rotate(90deg) scale(1.02); transition: 1.8s 0.2s; }
    .intro_wrap.intro2 .intro_bg_box>div:nth-child(2n-1)>div:nth-child(2n) { transform: rotate(-90deg) scale(1.02); transition: 2.2s 0.2s; }
    .intro_wrap.intro2 .intro_bg_box>div:nth-child(2n)>div:nth-child(2n) { transform: rotate(90deg) scale(1.02); transition: 1.8s 0.2s; }
    .intro_wrap.intro2 .intro_bg_box>div:nth-child(2n)>div:nth-child(2n-1) { transform: rotate(-90deg) scale(1.02); transition: 2.2s 0.2s; }

    .intro_wrap.skip .intro_bg_box>div:nth-child(2n-1)>div:nth-child(2n-1) { transform: rotate(90deg) scale(1.02); transition: 1.8s 0s; }
    .intro_wrap.skip .intro_bg_box>div:nth-child(2n-1)>div:nth-child(2n) { transform: rotate(-90deg) scale(1.02); transition: 2.2s 0s; }
    .intro_wrap.skip .intro_bg_box>div:nth-child(2n)>div:nth-child(2n) { transform: rotate(90deg) scale(1.02); transition: 1.8s 0s; }
    .intro_wrap.skip .intro_bg_box>div:nth-child(2n)>div:nth-child(2n-1) { transform: rotate(-90deg) scale(1.02); transition: 2.2s 0s; }
    .intro_wrap.skip .intro_img_box { clip-path: polygon(0 calc(0% + 6.5rem), 32% calc(0% + 6.5rem), 32% 100%, 0% 100%); transition: 1.5s 0s; }

/*  */

    .right_scroll_wrap { transform: scale(0.9); transform-origin: right bottom; }

/*  */

    /* .main_wrap { height: auto; flex-wrap: wrap; margin-top: 6.5rem; } */

    /* .main01 { height: calc(100dvh - 6.5rem); position: relative; } */
    


    .main_wrap.active .main_tit { opacity: 1; transform: translate(0); transition: 1.2s 0.4s; }
	.main_wrap.active .main_txt_box h4 { opacity: 1; transform: translate(0); transition: 1.2s 0.8s; }
	.main_wrap.active .main_txt_box h2 { opacity: 1; letter-spacing: 0; padding-left: 0; transition: 1.2s 0.8s; }
	.main_wrap.active .main_quick_wrap { opacity: 1; transform: translate(0); transition: 1.2s 0.8s; }
	.main_wrap.active .main_prev,
	.main_wrap.active .main_next{ opacity: 1; transition: 1.2s 0.8s; }

    
    

    .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; }
    
    
    @media all and (max-width: 1000px) { 

        .intro_bg_box { transform: translate(-50%,-50%) scale(1.8); }

        .intro_img { background: url(../img/main_img.jpg) center no-repeat; background-size: cover; }

        .intro_wrap.intro2 .intro_bg_box>div:nth-child(2n-1)>div:nth-child(2n-1) { transform: rotate(90deg) scale(1.05); transition: 1.8s 0.2s; }
        .intro_wrap.intro2 .intro_bg_box>div:nth-child(2n-1)>div:nth-child(2n) { transform: rotate(-90deg) scale(1.05); transition: 2.2s 0.2s; }
        .intro_wrap.intro2 .intro_bg_box>div:nth-child(2n)>div:nth-child(2n) { transform: rotate(90deg) scale(1.05); transition: 1.8s 0.2s; }
        .intro_wrap.intro2 .intro_bg_box>div:nth-child(2n)>div:nth-child(2n-1) { transform: rotate(-90deg) scale(1.05); transition: 2.2s 0.2s; }

        .intro_wrap.skip .intro_img_box { clip-path: polygon(0 45%, 100% 45%, 100% 100%, 0% 100%); transition: 1.5s 0s; }
        /* .intro_wrap.skip .intro_img_box { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); transition: 1.5s 0s; } */

		/* .vl_line.line03 { width: 28rem; height: 28rem; }
		.vl_line.line04 { width: 28rem; height: 28rem; transform: translate(calc(-50% - (14rem - 0.125rem)), -50%); }
		.vl_line.line05 { width: 9rem; transform: translate(-3.5rem, 13rem); } */
		.vl_line_box { transform: scale(0.8); }
		
		.vl_line.line02 { height: 150vh;}
		.intro_wrap.intro .vl_line.line01::after { height: 130%; transition: 2.0s 0s; }
		.intro_wrap.intro4 .vl_line.line01::after { height: 0%; transition: 2.0s 0s; }
		
/*  */

        .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: 1; }
        .main_guest .main_guest_bg.black { opacity: 0; }
        .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; }

    }

/*  */
/* #section2 */

	#section2 { padding-bottom: 9rem; height: 120vh; }

	.service_wrap { height: 120vh; padding-bottom: 9rem;}
	.service_cont_box {  max-width: 80%; flex-wrap: wrap; align-items: center; justify-content: center; margin-top: 5rem; }
	.service_img { max-height: 16rem; }
	.service_con.con01,.service_con.con02{ margin-top: 0; }
	.service_con.con03,.service_con.con04,.service_con.con05 { margin-top: 1rem; }

	.service_vl_line_wrap .vl_line_box { transform: scale(1) translateY(-20%); }
    .service_vl_line_wrap .vl_line.line01 { height: 150%;}
	.service_vl_line_wrap .vl_line.line02 { height: 170%;}

/*  */

	.pr_wrap { height: auto; padding-bottom: 7.0625rem;}
	.pr_vd_box { width: 80%;}


/*  */
	.brand_wrap { height: auto;}
	.brand01.sticky_wrap { height: 80dvh;}
	.brand_door_txt>div { text-align: center; transform: translate(0, 6.5rem); }
	.brand_door_txt h2 { font-size: 2.45rem; line-height: 130%; }
	.brand_door h3 { bottom: revert; top: 11.25rem;}
	.brand_wrap.active .brand_door { transform: translateY(-7rem); transition: 1.6s 0.8s; }
	

/*  */

	.out_wrap { padding-bottom: 1rem; }
	.out_wrap .vl_line_box { transform:scale(1); }
	.out_txt_box.box01 { right: revert; left: -13.9375rem; top: -16.5rem; transform: translateX(-5rem);}
	.out_txt_box.box02 { left: revert; right: -13.875rem; bottom: -16.5rem; transform: translateX(5rem);}
	.out_box { transform: translate(0); }
	.out_img img { width: 17.375rem;}

/*  */

	.brand_wrap2>div { transform: translateX(0); }
	.brand02_logo { transform: translate(0, 3rem);}
	.brand_wrap2.active .brand02_logo { transform: translate(0); }

	.brand02_tit { position: absolute; text-align: center; height: revert; top: 10rem;}
	.brand02_tit>div { transform: translate(0); }
	.brand02_logo { top: -25%;}
	.brand_txt_box.box01>div { transform: translate(-5rem, 11rem); }
	.brand_txt_box.box02>div { transform: translate(-5rem, 25rem); }
	.brand_txt_box.box01 h2 { left: -3.25rem;}
	.brand_txt_box.box02 h2 { right: -2rem;}


/*  */

    .design_img_box { width: 61.45%; height: calc(100dvh - 6.5rem); transition: 0s; position: relative; left: 0%; }
    /* .design_img_box.box01 { transform: translateX(-100%); } */
    .design_img_box.box02 { display: block; transform: translateX(0%); order: 4; }
    .design_img_box.box02 .design_img.img02 { opacity: 1; }
    .design_img { transition: 0s; }

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

        .design_img_box { width: 100%; height: 30dvh; order: 2; opacity: 0; }
        .design_img_box.box01 { transform: translateY(0rem); }
        .design_img_box.box02 { transform: translateY(0rem); order: 4; }

    }



/*  */

    .footer { padding: 4.625rem 0 5rem; font-size: 0.875rem; }

    /* .footer_logo { width: 16rem; } */

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

    /* .footer p { margin-top: 0.875rem; line-height: 140%; } */

    /* .footer_info { margin-top: 0.375rem; }
    .footer_info li { padding: 0 0.625rem; }

    .footer h6 { margin-top: 2.75rem; } */


    .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 { font-size: 1.875rem;}


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

	.sub_vl_line_wrap { transform: translate(3rem, 15.3rem); }

	#snb_wrap { width: 100%; max-width: 1100px; margin: auto; height: 55px; }
	#snb { width: auto; height: 55px; }
	#snb_box { width: 100%; }
	#snb > li { width: 200px; height: 55px; }
	#snb > li > a:after { height: 16px; }
	#snb > li:first-child { width: 55px; }
	#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_container { margin-top: 8rem; } */
	#sub_box { width: 90%; margin: 58px auto 0; }
	#sub_tit h2 { font-size: 38px; }
	/* .sub_line { height: 32px; margin-top: 30px; } */
	.sub_page { margin-top: 3.5rem; background: #fff;}

    .sub_line_box>div { width: calc(95% - 25px); height: 590px; position: relative; }
    .sub_line02 { height: calc(100% - 295px); top: 295px; right: calc(5% + 25px); animation: sub_line02 1.9s 1.2s both linear; }
    /* .sub_line04 { transform: rotate(35deg); } */
    .sub_line05 { transform: rotate(-30deg) translate(-0.65vw, -4vh); }

	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_brand_top { height: 27rem;}
	.sub_brand_tit { padding: 6rem; box-sizing:border-box; }
	.sub_brand_tit h2 { font-size: 2rem; }
	.sub_brand_logo { width: 10rem; bottom: 6rem; right: 6rem;}
	.sub_brand_txt_box_wrap { gap:3rem; }
	.sub_brand_txt_box_wrap .pc { display: none;}
	.sub_brand_txt_box.box02 { margin-left: 0;}

	.sub_brand_box2_tit { padding: 6rem;}
	.sub_brand_box2_tit h2 { line-height: 130%; margin-top: 0.5rem; }


/**/


	.sub_lotte_top { height: 45rem;}
	.sub_lotte_bg { background: url(../sub/lotte_bg.jpg) 60% center no-repeat; background-size: cover; }
	.sub_lotte_brands { flex-direction: column; padding: 5rem; box-sizing: border-box; gap:3rem; }
	.sub_lotte_box::after { width: 40%; height: 1px; right: revert; top: revert; bottom: -1.2rem;}

	.lotte_high_cont_box { flex-direction: column; gap:15rem; height: auto; }
	.lotte_high_cont_txt { margin-top: 0;}
	.lotte_high_cont_img  { margin: auto;}



/**/

	.sub_greeting_cont {  flex-direction: column; gap:5rem; }
	.sub_greeting_tit h1 { line-height: 120%;}
	.greeting_txt { margin-top: 0; width: 90%; }
	.greeting_name img { width: 5rem;}
	.sub_info_wrap { padding-bottom: 135px;}


/**/

	.sub_infra_box_wrap { gap:2rem; align-items: flex-start; }
	.infra_middle { padding: 5rem; box-sizing:border-box; }
	.infra_middle_cont_box { flex-direction: column; align-items: center; }
	.infra_middle_cont_txt { text-align: center; transform: translateY(3rem);}
	.infra_middle_icon_box { flex-direction: column; gap:2rem; }
	.infra_middle_icon_box>div:last-child { margin-left: 5rem;}
	.infra_middle_icon_box.icon_box02 { margin-left: 10rem;}

	.sub_infra_bot .sub_infra_box.infra02 { margin-left: 0;}
	.sub_infra_box .infra_img { max-height:320px; overflow: hidden; } 

	


/**/
	.life_img_box img { width: 100%;}
	.life_bot { flex-direction: column; margin-top: 6rem; height: 38rem; width: 50%;}
	.life_bot .life_box { padding: 2.5rem 0 2rem;}


/**/


	.fnb_img_box { flex-direction: column; align-items: center; }
	.swiper_fnb_thumb  { width: 35%;}
	.swiper_fnb_thumb .swiper-wrapper { flex-direction: row; justify-content: center; gap:0.2rem; }
	.swiper-container { overflow: revert;}
	.swiper_fnb_thumb .swiper-slide { height: 12vw; width: 40% !important;}

	.swiper_fnb_thumb .swiper-slide-thumb-active:after { border: 3px solid #000; }

	.fnb_bot_box { flex-direction: column; align-items: center; width: 90%;}
	.fnb_bot_box_img { margin-left: 0; width: 100%;}
	.fnb_bot_box_img img { width: 100%; }

	.fnb_bot_box_txt { position: relative; width: 100%; padding: 17rem 4rem; box-sizing: border-box; margin-top: 0; }
	.fnb_bot_imgs { flex-direction: column; margin-top: 6rem; gap:2rem; }

	.fit_thumb .swiper-slide { width: 19% !important; height: 9vw;}


/**/


	.sub_complex_top img {width: 100%;}


/**/
	.sub_cy_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_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: 65px; }
    .sub_over_txt_box>div { width: 48%; margin-bottom: 40px; }
    .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; margin-top: 0; }
    .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: 375px; }
    
    .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; }

}
