@media all and (max-width: 767px) { 
	
	html { font-size: 12px; }

	html,body { width: 100%; overflow-x: hidden; }

	.pc { display: none !important; }
	.mo { display: block !important; }
	body.main { overflow-y: hidden; }
    body.auto { overflow-y: auto !important; }

    /* .all_wrap { width: 100dvw; } */

/*  */

    /* .main_wrap { max-height: 800px; } */

    .main_line_box { width: 300px !important; height: 353px !important;}
	.main_logo>div:first-child { width: 300px !important; height: 353px !important; }
	.main_txt_logo01 { max-width: 12rem;}
	.main_txt_logo01 img { width: 100%;}
	.main_txt_logo02 img { max-width: 8rem;}

	.main_txt_box>div { transform: translateY(-8rem);}


/*	*/
	
	.sum_txt_box h3 { font-size: 1.75rem; letter-spacing: 1rem; padding-left: 1rem;}
	.sum_txt_box h3 b { letter-spacing: 1rem; padding-left: 0; margin-left: 1rem;}
	.sum_txt_box h3:first-child { transform: translateY(-5rem); }
	.sum_wrap.active .sum_bg2 { top: 10rem;}
	.sum_over_tit h1 { font-size: 6.25rem;}
	.sum_over_txt { width: 16rem; transform: translate(10.5rem, -1rem);}

	.swiper_sum .swiper-slide-active .sum_over_txt { transform: translate(6.5rem, -1rem); }
/*  */

	.location_img::after { animation: none; }
	.location_txt h2 { font-size: 1.25rem; }
	.location_txt p span { font-size: 0.875rem;}

	.location_txt { flex-direction: column; justify-content: center; gap:1.5rem; }
	.location_txt h2 { margin-right: 0; }
	.location_txt p { text-align: center; }
	.location_txt h5 { margin: 0;}

	.location_txt:nth-child(2n) { flex-direction: column; justify-content: center; gap:1.5rem; text-align: center;}
	.location_txt:nth-child(2n) h2 { margin-left: 0;}

	.location_img::after { transform: scale(1.1); }
	.location_img.active:after { transform: scale(1); transition: 1.5s 0.2s;}

/*  */


	.life_wrap { height: 212vw;}
	.life_content { align-items: flex-start;}
	.life_content>div:first-child { margin: 0 auto;}
	.swiper_life { height: 100%; }
	.life_content { height: 100%; }
	.life_content.con01 .life_img.img01 { max-height: 235px; min-height:revert; }
	.life_content.con01>div:first-child { justify-content: space-between; align-items: center;}
	.life_content.con01 .life_txt_box.box01 { left: 0; right: 0; margin: auto;}
	.life_content.con01 .life_img_box.box01 { margin: 21.5rem auto 4rem;}
	.life_tit.tit01 { left: 0; right: 0; margin: auto;}
	.life_content.con01 .life_arrow { right: 0; left: 0; top: 122vw; bottom: revert; justify-content: center; }

	.life_content.con02>div:first-child { align-items: center; }
	.life_content.con02 .life_img.img01 { width: 70%; margin-right: 0; margin-top: 5rem;}
	.life_txt_box.box02 {  flex-direction: column; gap:0; text-align: center; margin-top: 9rem;}
	.life_content.con02 .life_img_box.box02 { display: none;	}
	.life_content.con02 .life_arrow { bottom: 102vw; left: 0; right: 0; justify-content: center;}
	.life_tit.tit02 { left: 67%;}

	.life_content.con03 { justify-content: flex-start;}
	.life_txt_box.box03 {  position: relative; flex-direction: column; text-align: center; justify-content: center; align-items: center; left: 0; right: 0; margin: auto;}
	.life_content.con03 .life_img.img01 { width: 77%; margin-top: 15rem; margin-right: -2rem;}
	.life_tit.tit03 { left: 2.25rem; bottom: 20rem; top: revert;}
	.life_content.con03 .life_arrow { left: 0; right: 0; bottom: 0; top: 1.5rem; justify-content: center; margin: auto; }
	.life_img_box.box03 { display: none;}

	.life_txt_box.box04 { position: relative; flex-direction: column; text-align: center; justify-content: center; align-items: center; left: 0; right: 0; margin: 5rem auto; gap:0;}
	.life_img_box.box04 { display: none;}
	.life_content.con04 .life_img.img01 { width: 57%; bottom: 7rem;}
	.life_content.con04 .life_arrow { left: 0; right: 0; top: revert; bottom: 104vw; justify-content: center;  }

	.life_content.con05 .life_img.img01 { width: 60%; bottom: 7rem;}
	.life_tit.tit05 { top: 18rem;}
	.life_content.con05 .life_arrow { left: revert; right: 0; bottom: 96vw;}


/**/

	#section5 { height: 205vw;}
	.brand_txt_box { width: 100%; left: 0; padding: 0 3.1rem; box-sizing: border-box;}
	.brand_txt_box h3 { font-size: 1.125rem;}
	.brand_txt_box h2 { font-size: 1.75rem;}
	.brand_txt_box>div { transform: translateY(-14rem); }
	.brand_content { width: 100%; right: 0; padding: 0 2rem; box-sizing: border-box; flex-wrap: wrap; bottom: 4rem; }
	.brand_content>div { max-width: 120px; }
	.brand_content h4 { font-size: 0.75rem; letter-spacing: -1px; }
	.brand_content p { line-height: 120%;}


/**/

    .footer { padding: 6rem 5% 10.5rem; display: block; }
    
    /* .footer_logo { width: 58px; margin: auto; margin-bottom: 1.5rem; } */
    .footer { text-align: center; }
	.footer_left ul li:after { display: none;}

	.footer_left ul { display: block;}
   

	.footer>ul { width: 100%; margin-left: 0; margin-top: 2rem; justify-content:center;}
	.footer>ul>li.mo a img { margin-top: -0.3rem; margin-left: 1rem;}
	.footer>ul>li { line-height: 180%;}
	.footer>ul>li:nth-child(4) { margin-top: 1rem;}
	/* .footer>ul>li:nth-child(n+1) { width: 100%;} */
	
        

    .footer .top_bt { width: 40px; height: 40px; margin-top: 0; top: -20px; right: 3rem;  }
    .footer .top_bt:before { width: 11px; height: 11px; }

    .footer>div h6 { text-align: center; position: absolute; left: 0; right: 0; margin: auto; bottom: 7rem; }


/*서브*/

	.sub_top { height: 220px; }
	.sub_top01 .sub_top_img { background: url(../img/sub_top.jpg) right top 10% no-repeat; background-size: cover; animation: sub_top_img 2.0s 0s both; }

	.sub_top_txt { width: 100%; }
	.sub_top_txt h2 { transform: translateY(1.25rem); }

    .sub_top_bg { transform: scale(0.6); }
    .sub_top_bg.bg01 { left: -40%; bottom: -40%; }
    .sub_top_bg.bg02 { right: -25%; bottom: -20%; }
    .sub_top_bg.bg03 { left: -45%; bottom: -35%; }
    .sub_top_bg.bg04 { left: 27%; bottom: -33%; }
    .sub_top_bg.bg05 { left: 13%; top: -28%; }

    @keyframes sub_top_bg {
        from { transform: scale(0.6) rotate(-360deg); }
        to {  }
    }
    @keyframes sub_top_txt2 {
        from { }
        to{ letter-spacing: 1rem; padding-left: 1rem; }
    }

	#snb_wrap { width: 100%; height: 50px; }
	#snb { width: auto; height: 50px; }
	#snb > li { width: calc(50% - 25px); height: 50px; }
	#snb > li > a:after { height: 14px; }
	#snb > li:first-child { width: 50px; }
	#snb > li:first-child img { transform: scale(0.8); }
	#snb > li:nth-child(3) { width: calc(50% - 25px); }
	#snb > li:nth-child(2):after { width: 6px; height: 6px; right: 18px; top: 22px; }
	#snb > li:nth-child(3):after { width: 6px; height: 6px; right: 18px; top: 22px; }
	#snb .ov > a { height: 50px; line-height: 50px; padding: 0 15px; font-size: 12px; min-width:160px; }

	#snb > li:nth-child(2):hover:after { top: 20px; }
	#snb > li:nth-child(3):hover:after { top: 20px; }

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

	#sub_box { padding-bottom: 80px; margin-top: 50px; }
	#sub_tit h2 { font-size: 28px; }
	.sub_line { height: 28px; margin-top: 25px; }
	#sub_page { margin-top: 35px; }

	.sub_ori { padding: 15px 17px; }
	.sub_ori>div { width: 35px; height: 35px; min-width: 35px; margin-right: 14px; background-size: 3.6px; }
	.sub_ori ul li { font-size: 10px; }

	.sub_ori ul.ori2 li { margin-left: 15px; }
	.sub_ori ul.ori2 li:first-child { font-size: 11px; margin-bottom: 2px; }

	.sub_tab_bt { margin-bottom: 10px; }
	.sub_tab_bt ul li { font-size: 11px; line-height: 40px; }

/**/

	.sub_cy_wrap { padding-bottom: 30px; }

	.sub_page.img { margin-top: 40px; }
	.sub_img { margin-bottom: 50px; }

	.sub_img_wrap img { width: 100%;}

	ul.tabs2 { margin-bottom: 10px; }
	ul.tabs2 li { height: 35px; line-height: 34px; font-size: 12px; }

/**/

    .sub_over_wrap { padding-bottom: 1.5rem; }
	.sub_over_wrap>h2 { font-size: 20px; padding-left: 5%; }
	/* .sub_over_img { height: auto; margin-top: 15px; } */
/*	.sub_over_img { height: 150px; }
	.sub_over_img_box p { position: relative; color: #000; font-size: 12px; left: 5%; top: 0%; margin-bottom: 20px; }*/

    .sub_over_top { flex-wrap: wrap; }
    .swiper_planning { width: 100%; }
    .swiper_planning .sub_planning_img { height: 53vw; }

    .swiper_planning_thumb { width: 100%; }
    .swiper_planning_thumb .swiper-wrapper { justify-content: space-between; flex-direction: revert; gap: 0.5rem; }
    .swiper_planning_thumb .swiper-slide { max-width: 118px; height: 17vw; margin-top: 0.5rem; }
    
    .swiper-button-next-planning { display: none; }
    .swiper-button-prev-planning { display: none; }

	.sub_over_bottom { width: 100%; margin-top: 35px; }
	.sub_over_bottom_tit h3 { width: 33%; min-width: 150px; font-size: 16px; line-height: 120%; }
	.sub_over_bottom_tit span { width: 90%; }
	.sub_over_txt_box { margin-top: 3rem; padding-bottom: 0px; margin-left: 0; }
	.sub_over_txt_box>div { width: 100%; margin-bottom: 35px; }
	.sub_over_txt_box>div h4 { font-size: 16px; padding-bottom: 13px; }
	.sub_over_txt_box>div p { height: auto; font-size: 11px; margin-top: 10px; }

/*  */

	.sub_brand_top_img { height: 24rem; background: url(../sub/brand_img.jpg) center no-repeat; background-size: cover; }
	.sub_brand_top_img img { display: none; }

	.sub_brand_tit { left: 2.5rem; top: 3rem; }
	.sub_brand_tit h4 { font-size: 1.125rem; }
	.sub_brand_tit h2 { font-size: 1.5rem; margin-top: 1.375rem; }
	.sub_brand_top h5 { right: 2.5rem; bottom: 2rem; }

    .sub_brand_txt_box>div { width: 140%; margin-left: -20%; }
    .sub_brand_txt_box h3 { font-size: 1.75rem; }
    .sub_brand_txt_box h3 b { font-weight: 600; }
    .sub_brand_txt_box p br.tab { display: block; }

	.sub_brand_content { flex-wrap: wrap; gap: 3.5rem; }

/*  */

	.sub_location_wrap { padding-bottom: 8rem; }

	.sub_location_tit h3 { font-size: 1.625rem;}
	
	.sub_location_content.con04 { flex-wrap: wrap; gap: 8rem; }
	.sub_location_content.con04>div:first-child { margin-top: 8rem; }
	.sub_location_content.con04 .sub_location_img img { width: 14rem; }
	.sub_location_content.con04 .sub_location_img { max-width: 14rem !important; margin: auto;}
	.sub_location_content.con04>div { margin-top: 4rem;}

	.sub_location_txt_box { min-width: 170px; margin: 0;}
	.sub_location_txt_box h1 span::after { width: 1.25rem; bottom: 0.625rem;}
	.sub_location_txt_box img { display: none; }
	.sub_location_txt_box p { width: 150%; }
	
	.sub_location_txt_box.box01 { margin-left: 2rem;}
	.sub_location_txt_box.box01 h1 { font-size: 3.75rem; margin-bottom: 2.25rem; }
	.sub_location_txt_box.box02 { margin-right: 2.25rem; }
	.sub_location_txt_box.box02 h1 { font-size: 3.75rem; margin-left: 0;}
	.sub_location_txt_box.box02>div { margin-left: 3rem;}
	.sub_location_txt_box.box03 { margin-left: 2.25rem; }
	.sub_location_txt_box.box03 h1 { font-size: 3rem; }
	.sub_location_txt_box.box04 { left: 0rem; bottom: -7rem; }
	.sub_location_txt_box.box04 h1 { font-size: 3.75rem; margin-left: -5rem; margin-bottom: 2rem; }
	.sub_location_txt_box.box04>div { margin-left: -2rem;}
	.sub_location_txt_box.box05 h1 { font-size: 3.75rem; transform: rotate(0deg) translate(8rem,-19.5rem); } 

	.sub_location_img img { width: 14.8125rem;}
	.sub_location_content.con01 .sub_location_img { height: 60vw;}
	.sub_location_content.con02 .sub_location_img { border-radius: 50px 0 0 0; }
	.sub_location_content.con03 .sub_location_img { border-radius: 0 50px 0 0; }

	
	.sub_location_content>div.active .sub_location_txt_box.box05 h1 { transform: rotate(0deg) translate(3rem,-19.5rem); }

/*  */

	.sub_premium_wrap { padding-bottom: 3rem; }

	.sub_premium_top_img { border-radius: 0 6rem 0 0; }

	.sub_premium_tit { margin-top: -3rem; }
	.sub_premium_tit h1 { font-size: 7.5rem;  }
	.sub_premium_tit img { width: 20rem; right: 0; left: 0; margin: auto; top: 5.75rem; }
	.sub_premium_tit h4 { font-size: 1.25rem; margin-top: 5.75rem; }
	.sub_premium_tit p { font-size: 0.9375rem; margin-top: 1.375rem; }

	.sub_premium_img { width: 55%; max-width: 360px; }
	.sub_premium_img.img04 { order: 2; }
	.sub_premium_img_box { width: calc(45% - 1rem); gap: 1rem; }
	.sub_premium_img_box.box01 { bottom: 0; position: relative; margin-left: 1rem; }
	.sub_premium_img_box.box03 { position: relative; right: 0; bottom: 0; margin-right: 0; order: 1; }
	.sub_premium_img_box.box03>div::after { display: none; }
	.sub_premium_img_box.box04 { position: relative; margin-right: 1rem; order: 1; }

	.sub_premium_content.con03 .sub_premium_img_wrap { gap: 1rem; order: 1; }

	.sub_premium_content>div { flex-wrap: wrap; }
	.sub_premium_content h1 { font-size: 4rem; }
	.sub_premium_content.con01 { padding-bottom: 0; }
	.sub_premium_content.con01>div { justify-content: flex-start; align-items: flex-end; }
	.sub_premium_content.con01 h1 { left: 14rem; bottom: 11rem; }
	.sub_premium_content.con02>div { margin-top: 5rem; }
	.sub_premium_content.con02>div>div { gap: 0 1rem; }
	.sub_premium_content.con02 h1 { right: 10rem; bottom: 11rem; transform: rotate(0deg) translateX(7rem); }
	.sub_premium_content.con03 { display: flex; justify-content: flex-end; }
	.sub_premium_content.con03 h1 { top: -18rem; left: 12rem; }
	.sub_premium_content.con03>div { max-width: 720px; gap: 3rem; margin-top: 5rem; }
	.sub_premium_content.con04 h1 { left: revert; right: 10rem; top: revert; bottom: 11rem; transform: rotate(0deg) translateX(7rem); }
	.sub_premium_content.con04>div { max-width: 720px; justify-content: flex-end; align-items: flex-end; margin-top: 5rem; }


	.sub_premium_txt_box { width: 100%; }
	.sub_premium_txt_box.box01,
	.sub_premium_txt_box.box04 { margin-left: 0rem; margin-top: 2.5rem; margin-right: 0rem; }
	.sub_premium_txt_box.box02 { flex-wrap: wrap; text-align: right; margin-top: 2.5rem; }
	.sub_premium_txt_box.box02 .sub_premium_txt { min-width: 100%; margin-bottom: 2rem; }
	.sub_premium_txt_box.box03 { order: 2; z-index: 9; }
	.sub_premium_txt_box.box03 .sub_premium_txt { margin-top: 0; margin-bottom: 2rem; }
	
	.sub_premium_txt_box.box01 .sub_premium_txt, 
	.sub_premium_txt_box.box04 .sub_premium_txt { margin-bottom: 2rem; }
	.sub_premium_txt_box.box04 { order: 3; text-align: right; }

	
	.sub_premium_content.active.con02 h1,.sub_premium_content.active.con04 h1 { transform: rotate(0deg) translate(0); opacity: 1; transition: 1.5s 0.2s; }

/**/

    .sub_contact_wrap { width: 100%; }

    .sub_contact_bottom { margin-top: 3rem; margin-bottom: 3rem; }

    .sub_contact_box { width: 100%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
    .sub_contact_map_box { width: 100%; max-width: 360px; height: auto; }

    .sub_contact_txt_box { max-width: 360px; margin: 1.5625rem 0; }

    #map { position: relative; width: 100%; height: 280px; }
    

/**/

	.sub_gongo_top { height: auto; display: block; }

	.sub_gongo_img_box { width: 100%; height: 220px; }

	.sub_gongo_txt_box { width: 100%; display: block; margin-top: 5%; }
	.sub_gongo_txt_box>div>a { padding: 30px 30px 40px; }
	.sub_gongo_logo { transform: scale(0.75); transform-origin: left center; margin-left: 2px; }
	.sub_gongo_txt_box h2 { font-size: 20px; margin-top: 10px; margin-left: -2px; }
	.sub_gongo_txt_box p { font-size: 11px; margin-top: 20px; }
	.sub_gongo_txt_box>div:nth-child(2) { margin-bottom: 10%; }

	.sub_gongo_bt { width: 35px; height: 35px; right: 22px; bottom: 22px; }
	.sub_gongo_bt>div { width: 25px; height: 17px; left: -6px; }
	.sub_gongo_bt>div:after { width: 6px; height: 6px; }

	.sub_gongo_notice { display: none; }

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

/**/

	/* .news_wrap {  } */

	.news_tit h2 { font-size: 68px; }
	.news_tit h4 { font-size: 20px; line-height: 25px; margin-top: 30px; }
	.news_tit p { font-size: 12px; margin-top: 20px; }

	.news_content_box { max-width: 450px; margin-top: 0px; }
	.news_content_vd { padding: 32px 0; margin-bottom: 30px; }
	.news_img { width: 100%; }
	.news_img img { width: 100%; }
	.news_txt_box { width: 100%; margin-top: 20px; }
	.news_txt_box h6 { font-size: 10px; padding: 3px 7px; margin-bottom: 8px; }
	.news_txt_box h4 { font-size: 12px; }
	.news_txt_box h3 { font-size: 18px; line-height: 125%; margin-top: 5px; padding-bottom: 2px; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; line-clamp: 2; }
	.news_txt_box p { font-size: 12px; line-height: 140%; margin-top: 18px; -webkit-line-clamp: 2; line-clamp: 2; }
	.news_bt { margin-top: 40px; font-size: 11px; }
	.news_bt:after { width: 35px; left: 35px; }

	.news_content_vd { flex-wrap: wrap; }
	.news_content_vd .news_img { width: 100%; max-width: 677px; }
	.news_content_vd .news_txt_box { width: 100%; }
	.news_content_vd .news_bt { margin-top: 30px; }

	.news_content>li { width: 100%; margin-right: 0%; }
	.news_content>li>a { padding: 30px; padding-bottom: 35px; }
	.news_content>li:nth-child(3n) { margin-right: 0; }
	.news_content>li:nth-child(2n) { margin-right: 0; }
	.news_content>li:nth-child(n+2) { margin-top: 6%; }

	.news_content>li h4 { font-size: 13px; }
	.news_content>li h2 { font-size: 16px; line-height: 22px; margin-top: 8px; height: 44px; }
	.news_content>li p { font-size: 12px; line-height: 22px; margin-top: 18px; height: 66px; }
	.news_content>li h6 { font-size: 9px; padding: 3px 8px; }
/*	.news_bt { display: none; }*/

/*  */


/**/

    .vr_bt_box { margin-top: 8px; }
    .vr_bt_box ul li { height: 36px; line-height: 35px; font-size: 12px; }

    /**/

    .vr_pop { padding-top: 50px; padding-bottom: 70px; }
    .vr_pop h2 { font-size: 32px; margin-bottom: 20px; }

    .vr_pop ul.tabs3 { margin-bottom: 10px; }
    .vr_pop ul.tabs3>li { height: 45px; font-size: 14px; }
    .vr_pop ul.tabs3>li>a { line-height: 45px; }

    .vr_pop ul.tabs2>li { height: 35px; font-size: 12px; }
    .vr_pop ul.tabs2>li>a { line-height: 35px; }
    
/**/

	body.sub .contact_wrap>div:last-child { width: 100%; }

/**/

}