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

	body { overflow-x: hidden; }

	.pc { display: none !important; }
	.mo { display: block !important; }

	.intro_wrap {  /*display: none !important;*/}


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

    .main_wrap.mo { display: block; }
    .main_wrap.mo swiper-container { width: 100%; height: 100%; }
    .main_wrap.mo .swiper-slide { display: block; background-color: #000; }

    .swiper_main { width: 100%; height: 100%; }
    .main_content { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }

    .main_wrap .main_vd_box { background-color: #000; }

    .main_wrap.active2 .main_vd.vd05 { opacity: 0.5; transition: 1.2s 0.6s; }

    .main_txt_box p { font-size: 1.25rem; }
    .main_txt_box h3 { font-size: 1.75rem; margin-top: 2.25rem; }
    .main_txt_box h4 { width: 1.25rem; font-size: 1.25rem; }
    .main_txt_box h4 span { margin: 0.525rem 0; }
    .main_logo { width: 11.5rem; margin-top: 3.625rem; }
    
    .main_wrap.mo .swiper-slide-active .main_txt_box { animation: main_txt 1.0s 0.4s both; }

    @keyframes main_txt {
        0% { opacity: 0; }
        100% {}
    }


/**/

#section2 { width: 100%; height: 180vw; position: relative; background: #fff; color: #fff; padding: 0 0%; box-sizing: border-box; padding-top: 0vw; overflow: hidden; margin: auto;  max-width: 100%; top:0; display: flex; justify-content: center; align-items: center; }

.sec02_mo_wrap { width: 100%; height: 100%;  display: flex; justify-content: center; align-items: center; }

.swiper_lo{ width: 100%; height: 100%; margin: auto; top: 0px; position: relative; transform: translateY(-20px);opacity: 0;  overflow: hidden;}
.swiper_lo .swiper-slide {overflow: hidden;}

.sec02_txt_box { top:10%; }
.sec02_txt_box h2 { font-size: 11vw; }
.sec02_txt_box h1 { font-size: 2.8vw; margin-top: 2rem; }
.sec02_txt_bottom {  position: absolute; width: 80%; right:10%; bottom: 7rem; text-align: right; z-index:3; color: #fff;}
.sec02_txt_bottom p { font-size: 3.2vw; }


.sec02_mo_wrap.active .swiper_lo {transform: translateY(0px);opacity: 1; transition: 1s .2s;}

.swiper_lo .swiper-slide-active .sec02_txt_box h2 {transform: translateY(0px);opacity: 1; transition: 1s 0.3s;}
.swiper_lo .swiper-slide-active .sec02_txt_box h1 {transform: translateY(0px);opacity: 1; transition: 1s .5s;}
.swiper_lo .swiper-slide-active .sec02_txt_bottom p {transform: translateY(0px); opacity: 1; transition: 1s 0.7s;}

.swiper_lo .swiper-slide-active .sec02_txt_box {transform: translate(0px); opacity: 1; transition: 1s 0.5s;}
.swiper_lo .swiper-slide-active .sec02_txt_bottom {transform: translate(0px); opacity: 1; transition: 1s 0.7s;}

/*.swiper_lo .swiper-slide-active .sec02_img01 { animation: sec02_img 1.6s 0s both; }*/

@keyframes sec02_img {
	from { transform: scale(1.22); }
	to {  }
}


/* */

.service_txt_box.box01 {margin-left:4rem; margin-top:-10rem;}
.service_txt_box>h5 {font-size:4vw;}
.service_txt_box>h2 {font-size:8vw; margin-top:1rem;}
.service_txt_box>p {font-size:3.2vw; line-height:180%; height:auto; width:100%;}
.service_bt p {font-size:3.2vw;}


.service_img_box.box02 {width:100%; }
.service_img_box.box03 {width:100%; }

.service_txt_box.box02 { margin-top:0rem;}
.service_txt_box.box03 { margin-top:0rem;}

.service_txt_box>h3 {font-size:4vw;}

.service_right>div {height:80vw !important;}
/*.service_txt_box.box03>.service_bt {margin-top:25.5vw;}*/
.service_txt_box>p br {display:block;}

.service_img_box.box04 {width:100%; height:120vw!important}

.ser_notice th, td {font-size:2.8vw;}


/* */
.phil_mo_wrap {width: 100%; height:160vw; position: relative; color: #000; padding: 0 0%; box-sizing: border-box; padding-top: 0vw; overflow: hidden; margin: auto; top:0;   
background: url(../img/phil_bg.jpg) center no-repeat; background-size: cover;  }

.swiper_msw {width:100%; padding-top: 20vw; z-index: 3; margin:0 auto; height:300px; left:0; right:0;}
.swiper-wrapper {}

.phil_tit h2 {font-size:7vw; margin-top:6rem;}
.phil_tit p {font-size:3.2vw; line-height:160%}
.phil_circle {margin:0 auto;}
.phil_mo_wrap.active .phil_tit {transform: translateY(0px);opacity: 1; transition: 1s .2s;}



/* */






/*  */

    .complex_all_wrap { max-height: 600px; }

    .complex_wrap>div p { font-size: 1.25rem; margin-bottom: 1.375rem; }

    .complex_vd:before { width: 180vh; height: 100vh; padding-bottom: 56.25%; left: 50%; transform: translateX(-91.5vh); }

/*  */

    .comm_wrap { height: auto !important; max-height: revert; display: block; }

    .comm_box { width: 100%; height: auto; padding: 80px 0; overflow: hidden; color: #fff; position: relative; display: flex; justify-content: flex-start; align-items: center; }
    .comm_box>h5 { right: 7%; bottom: 5%; }
    .comm_box.box02>h5 { bottom: 5%; top: revert; }

    .comm_box.box01 { transform: translate(100%,0); }
    .comm_box.box02 { transform: translate(-100%,0); }
    .comm_box.box03 { transform: translate(100%,0); }

    .comm_bg { filter: grayscale(0); }
    .comm_box:hover .comm_bg { transform: scale(1); filter: grayscale(0); }

    .comm_txt_box { position: relative; left: 10%; top: revert; transform: translateY(0); }
    .comm_txt_box.box02 { top: revert; bottom: revert; }

    .comm_txt_box h2 { font-size: 2.25rem; }
    .comm_txt_box h4 { font-size: 1.25rem; margin-top: 4.25rem; }
    .comm_txt_box p { font-size: 1rem; margin-top: 1.375rem; }
    .comm_txt_box p br { display: none; }
    .comm_txt_box p br.tab { display: block !important; }

    .comm_wrap.active .comm_box.box01 { opacity: 0; transform: translate(100%,0); transition: 1.4s 0s; }
    .comm_wrap.active .comm_box.box02 { opacity: 0; transform: translate(-100%,0); transition: 1.4s 0s; }
    .comm_wrap.active .comm_box.box03 { opacity: 0; transform: translate(100%,0); transition: 1.4s 0s; }
    .comm_wrap.active .comm_box>h5 { opacity: 0; transition: 1.0s 0.6s; }
    .comm_wrap.active .comm_txt_box { opacity: 0; transform: translate(0); transition: 1.0s 0.6s; }

    .comm_box.box01.active { opacity: 1 !important; transform: translate(0) !important; transition: 1.4s 0s; }
    .comm_box.box02.active { opacity: 1 !important; transform: translate(0) !important; transition: 1.4s 0s; }
    .comm_box.box03.active { opacity: 1 !important; transform: translate(0) !important; transition: 1.4s 0s; }
    .comm_box.active>h5 { opacity: 1 !important; transition: 1.0s 0.6s; }
    .comm_box.active .comm_txt_box { opacity: 1 !important; transform: translate(0) !important; transition: 1.0s 0.6s; }

/*  */

    .brand_wrap { max-height: 500px; }

    .brand_txt_box h1 { font-size: 2.875rem; }
    .brand_txt_box h4 { font-size: 1.25rem; margin-top: 3.75rem; }
    .brand_txt_box>div { width: 1px; height: 5.5rem; margin: 2.875rem auto 2.25rem; }
    .brand_txt_box p { font-size: 1rem; margin-top: 1.25rem; }
    
    .brand_txt_box.box00 { left: 0; right: 0; margin: auto; top: 12%; text-align: center; }
    .brand_txt_box.box01 { left: 10%; top: 15%; }
    .brand_txt_box.box01 h1 { font-size: 3.25rem; }
    .brand_txt_box.box02 { right: revert; left: 10%; top: 15%; }
    .brand_txt_box.box02 h4 { margin-top: 3.75rem; }
    .brand_txt_box.box03 { left: 0; right: 0; margin: auto; top: 15%; text-align: center; }
    .brand_txt_box.box03 h4 { margin-top: 1.5rem; }

    
/**/

	.footer { display: block; bottom: 0; padding: 3.5rem 5% 5rem; }
    .footer-wrap { width:95%; font-size: 2.8vw; display: block; }
	.footer>div>div>div {display: block; }
	.footer>div h6 {font-size: 2.8vw;}

	.footer_bt { top:0; width:38vw; margin-top:0; font-size:2.8vw;}
	.top_bt {top:0; margin-top:0;}
	.footer_bt a::after {display: none;}

	.footer_logo { width: 11rem; }
	.footer_left {margin-top:2rem;}

	.footer_right {font-size:3.2vw; text-align:left; display: block; margin-top:2rem;}
	.footer_right ul {display: block; text-align:left;}
	.footer_right ul li {text-align:left; margin-left:0; }
	.footer_right ul li:first-child span {font-size:5vw;}

	.footer ul { flex-wrap: wrap; margin:0; max-width: 340px; margin-bottom: 0.325rem; }
	.footer ul li { font-size:2.8vw; line-height: 200%; justify-content: center; }
	/* .footer ul li:nth-child(1) { padding-left: 2rem; }*/
	.footer ul li:nth-child(3) { padding: 0; } 
	.footer ul li:nth-child(2):after { display: none; }
	.footer ul li:nth-last-child(4):after { display: none; }
	.footer ul li:last-child { width: 100%;; }
	/* .footer ul li:nth-last-child(3) { margin-left: 20%; } */
	/* .footer ul li:nth-last-child(1),.footer ul li:nth-last-child(2),.footer ul li:nth-last-child(3) { transform: translateX(-33px); } */
	.footer h6 { font-size: 0.95rem; }
    /* .footer ul li img { transform: translateY(-3px); } */

	/*.footer_logo { margin-top: 35px; }
	.footer ul li:last-child { width: 100%; text-align: center; }
	.footer ul li:after { height: 10px; top: 1px; }
	.footer ul li .daewoo { width: 65px; margin-left: 7px; position: relative; top: -1px; }
	.footer>p { font-size: 10px; margin-top: 8px; line-height: 140%; letter-spacing: -0.6px; }
	.footer h6 { font-size: 10px; margin-top: 30px; }*/

/*서브*/

	.sub_top_wrap { height:20rem;}
	.snb_wrap { width: 100%; bottom:8.5rem; font-size:1.125rem;}
	.snb > li {padding:1.64rem 0rem; padding-right:1.5rem;}

    .sub_top { height: 240px; }

    .sub_top_txt { width: 100%; top: 0%; }
    .sub_top_txt h2 { font-size: 2.75rem; margin-top: 1.75rem; }

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

    #snb_wrap { width: 100%; height: 50px; margin-top: -0; }
    #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: 60px; margin-top: 50px; }
    #sub_tit h2 {  }
    /* .sub_line { margin-top: 25px; } */
    #sub_page { margin-top: 35px; width:100%;}

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

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

	/**/

	.his_left .his_txt { margin-right:2rem; }
	.his_txt h2 {font-size:5rem;}
	.his_txt h1 {font-size:1.5rem;}
	.his_txt p {font-size:0.987rem;}


	.his_left .right_cont img {margin-left:2rem;}

	.his_right .his_txt {margin-left:2rem;}
	.his_right .left_cont img { margin-right:2rem; }

	.his_ov {width:80%;}
	.his_ov02 {right:0;}
	.his_ov03 {right:0; position:absolute; top:-7rem;  width:100%;}
	.his_ov05 {right:0; top:10rem;}
	.his_ov06 {top:-5rem;}
	.his_ov07 {right:0;}

	/**/

	.color-group {margin-top:3rem;}


	.ci_cont01 {height:25rem;}
	.ci_img img {width:50%;}
	.ci_cont_box {height:10rem;}
	.ci_cont03 .ci_cont_box {height:15rem;}
	.ci_cont04 .ci_cont_box {height:15rem;}

	.ci_cont05 {display:block; padding:4rem 3rem; width:auto;}

	.color-item-box {justify-content:flex-start; gap:0;}


    /**/

    .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: flex-start; flex-direction: revert; }
    .swiper_planning_thumb .swiper-slide { max-width: 118px; height: 17vw; }

    .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: 40px; 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_location_tit h5 { font-size: 1.125rem; }
    .sub_location_tit h2 { font-size: 1.875rem; letter-spacing: -0.1875rem; margin-top: 0.5rem; }


    .sub_location_bottom { padding: 5rem 0%; gap: 7.5rem; margin-top: 3.5rem; }

    .sub_location_txt_box { margin: 0; margin-top: 0.5rem; }

    .sub_location_img { max-width: 224px; }

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

    .sub_location_img.img01,.sub_location_img.img03 { border-radius: 3.75rem 0 0 0; }

    .sub_location_img { order: 1; }
    .sub_location_txt_box { order: 2; }
    .sub_location_txt_box p { width: 100%; }
    .sub_location_txt_box.box02,.sub_location_txt_box.box04 { text-align: right; }
    .sub_location_txt_box.box02 .txt_icon,.sub_location_txt_box.box04 .txt_icon { justify-content: flex-end; margin-right: 3px; }


    /*  */

    .sub_premium_wrap { max-width: 389px; margin: auto; margin-bottom: 4.75rem; }
    .premium_box { gap: 2.25rem 0; }

    /**/

    .sub_contact_wrap { width: 100%; transform:translateY(0rem);}

    .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: 260px; }

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

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

	.sub_contact_txt_box2>div {width:100%; max-width: 360px; margin-bottom:0px;}
	.sub_contact_txt_box2>div h4 {font-size:1.55rem;}
	.sub_contact_txt_box2>div p {font-size:1.25rem;}

	.dev_ob {width:100%; margin-left:-3rem;}
	.dev_ob img {width:85%;}

	.dev_tit {margin-top:9rem;}

    .dev_icon_wrap {
        flex-wrap: wrap;
        /*gap: 1rem;*/
    }

	.dev_icon {
        width: calc(50% - 1rem); /* 2개씩 배치되도록 설정 */
		aspect-ratio: 1 / 1; /* 정사각형 유지 */
		height:220px;
        
    }


	.dev_city_wrap {flex-wrap: wrap; gap: 1rem;}
	.dev_city {margin-top:5rem;}

	.dev_city h1 {font-size:1.415rem;}
	.dev_city p {font-size:1.095rem;}

	.dev_spe {flex-wrap: wrap; gap: 1rem;}


	/**/

	.sale_wrap { transform:translateY(-3rem); width:90%;}

	.sale_cont_box {flex-wrap: wrap; gap: 1rem;}
	.sale_box {width:100%; }
	.sale_box img {width:100%; }



	/**/


	.sub_over_top.active .over_img_box {clip-path:inset(0% 22% 0% 22%);}
	.over_txt_box h1 {line-height:130%;}
	.over_txt_box p {margin-top:1rem;}


    /**/

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

    /*  */

    .sub_brand_top { height: 35rem; }
    .sub_brand_top>div:last-child { width: 81%; flex-wrap: wrap; justify-content: flex-end; }

    .brand_vd_box:after { left: 50%; top: 0; transform: translateX(-91.5vh); width: 180vh; height: 100vh;}

    .sub_brand_top_tit { width: 100%; text-align: left; }
    .sub_brand_top_logo { transform: translateX(5rem) scale(0.7); margin-top: 9rem; transform-origin: right bottom; }

    .sub_brand_top.active .sub_brand_top_logo { opacity: 1; transform: translate(0) scale(0.7); transition: 1.0s 0s; }

    .sub_brand_middle { width: 100%; padding: 4.5rem 0; }

    .sub_brand_middle>p:last-child { margin-top: 3.5rem; }

    .sub_brand_circle_box { flex-wrap: wrap; }
    .sub_brand_circle { width: 15rem; height: 15rem; margin: 3.5rem 6% 0; }
    .sub_brand_circle h3 {font-size: 1.425rem; }
    .sub_brand_circle p { font-size: 0.925rem; margin-top: 0.875rem; height: 4.25rem; }

    .sub_brand_promise_box { height: auto; margin-top: 3rem; }
    .swiper_promise { padding-bottom: 0; }
    .sub_brand_promise_content { padding-bottom: 0; }
    .sub_barnd_promise_img { height: 15.8125rem; position: relative; top: revert; bottom: 0; margin-top: -3rem; }
    .sub_brand_promise_bg { width: 23.0625rem; position: relative; margin: auto; left: -0.5rem; }
    .sub_brand_promise_content p { line-height: 200%; left: 10%; bottom: 8%; z-index: 2; }

    .sub_brand_promise_box .swiper-pagination { width: 100%; position: relative; right: 0%; top: revert; bottom: 0; margin: auto; display: flex; flex-direction: revert; }
    .sub_brand_promise_box .swiper-pagination span::after { background-color: #000; }



    .sub_brand_tab { margin-top: 8.75rem; }
    .sub_brand_tab ul { flex-wrap: wrap; margin-top: 2rem; }
    .sub_brand_tab ul li { width: calc(33.33% - 1.5px); height: 3.5rem; line-height: 3.5rem; margin-right: 2px; }
    .sub_brand_tab ul li:nth-child(n+4) { width: calc(50% - 1px); margin-top: 2px; }
    .sub_brand_tab ul li:nth-child(3) { margin-right: 0; }

    .sub_brand_list_wrap { margin-top: 4.5rem; }
    .sub_brand_list_bg { top: 36%; }
    .sub_brand_list_tit p { height: 6.25rem; }

    .sub_brand_list_roll { width: 100%; margin-top: 3.125rem; }
    .sub_brand_list_roll img { width: 100%; }

    .brand_roll_bt span { width: 12px; height: 12px; margin: 0 5px; }

    .sub_brand_list_bottom { margin-top: 7rem; }
    .sub_brand_list_box { width: 80% !important; margin: auto; align-items: flex-start !important; transform: translateX(0) !important; justify-content: space-between; flex-wrap: wrap; }
    .sub_brand_list_box.box01 { margin-top: 0; }
    .sub_brand_list_box.box02 { margin-top: 6.25rem; }
    .sub_brand_list_box.box03 { margin-top: 7.5rem; }
    .sub_brand_list_box.box04 { margin-top: 6.25rem; }

    .sub_brand_list_box>div { width: 100% !important; }

    .list01 .sub_brand_list_box.box02>div:nth-child(2) { margin-top: 3rem; }
    .list01 .sub_brand_list_box.box04>div:nth-child(2),.list03 .sub_brand_list_box.box04>div:nth-child(2),.list05 .sub_brand_list_box.box04>div:nth-child(2) { margin-top: 2.5rem; }
    .list02 .sub_brand_list_box.box01,.list04 .sub_brand_list_box.box01 { width: 83.5%; }
    .list02 .sub_brand_list_box.box02,.list04 .sub_brand_list_box.box02 { width: 83.5%; margin-top: 7.5rem; }
    .list02 .sub_brand_list_box.box03,.list04 .sub_brand_list_box.box03 { width: 100%; margin-top: 7.5rem; }
    .list02 .sub_brand_list_box.box04,.list04 .sub_brand_list_box.box04 { width: 76.36%; margin-top: 7.5rem; }
    .list02 .sub_brand_list_box.box05,.list04 .sub_brand_list_box.box05 { width: 76.36%; margin-top: 5rem; flex-direction: revert; justify-content: flex-end; }
    .list02 .sub_brand_list_box.box01>div:nth-child(1),.list04 .sub_brand_list_box.box01>div:nth-child(1) { width: 60.42%; }
    .list02 .sub_brand_list_box.box01>div:nth-child(2),.list04 .sub_brand_list_box.box01>div:nth-child(2) { width: 34.95%; }
    .list02 .sub_brand_list_box.box02>div:nth-child(1),.list04 .sub_brand_list_box.box02>div:nth-child(1) { width: 33.24%; margin-bottom: 2.5rem; text-align: right; }
    .list02 .sub_brand_list_box.box02>div:nth-child(1) h5,.list04 .sub_brand_list_box.box02>div:nth-child(1) h5 { width: 100%; }
    .list02 .sub_brand_list_box.box02>div:nth-child(1) p,.list04 .sub_brand_list_box.box02>div:nth-child(1) p { width: 100%; }
    .list02 .sub_brand_list_box.box02>div:nth-child(2),.list04 .sub_brand_list_box.box02>div:nth-child(2) { width: 52.28%; display: flex; justify-content: flex-start; align-items: flex-end; }
    .list02 .sub_brand_list_box.box03>div:nth-child(1),.list04 .sub_brand_list_box.box03>div:nth-child(1) { width: 100%; }
    .list02 .sub_brand_list_box.box04>div:nth-child(1),.list04 .sub_brand_list_box.box04>div:nth-child(1) { width: 61.31%; }
    .list02 .sub_brand_list_box.box04>div:nth-child(2),.list04 .sub_brand_list_box.box04>div:nth-child(2) { width: 32.06%; }
    .list02 .sub_brand_list_box.box05>div:nth-child(2),.list04 .sub_brand_list_box.box05>div:nth-child(2) { width: 61.31%; text-align: right; }
    .list02 .sub_brand_list_box.box05>div:nth-child(2) h5,.list04 .sub_brand_list_box.box05>div:nth-child(2) h5 { width: 100%; }
    .list02 .sub_brand_list_box.box05>div:nth-child(2) p,.list04 .sub_brand_list_box.box05>div:nth-child(2) p { width: 100%; }

    .list03 .sub_brand_list_box.box02>div:nth-child(1) { width: 31.34%; margin-bottom: 2.5rem; }
    .list03 .sub_brand_list_box.box02>div:nth-child(2) { width: 64.08%; display: flex; justify-content: flex-end; align-items: flex-end; }

    .list05 .sub_brand_list_box.box02>div:nth-child(1) { width: 31.34%; margin-bottom: 2.5rem; }
    .list05 .sub_brand_list_box.box02>div:nth-child(2) { width: 64.08%; display: flex; justify-content: flex-end; align-items: flex-end; }
    .list05 .sub_brand_list_box.box03 { margin-top: 7.5rem; }

    .sub_brand_img01 { width: 60%; max-width: 352px; margin-bottom: 2.5rem; }
    .sub_brand_img02 { width: 80%; max-width: 421px; float: right; margin-top: 6rem; }
    .sub_brand_img03 { width: 55%; max-width: 274px; margin-top: 2rem; float: none; }
    .sub_brand_img04 { width: 70%; max-width: 317px; float: right; }
    .sub_brand_img05 { width: 100%; max-width: 515px; margin-bottom: 2.5rem; }
    .sub_brand_img06 { width: 65%; max-width: 300px; margin-top: 2.5rem; float: none; }
    .sub_brand_img07 { width: 70%; max-width: 260px; float: right; }

    .list02 .sub_brand_img01,.list04 .sub_brand_img01 { width: 90%; max-width: 555px; margin-top: 0; margin-bottom: 2.5rem; }
    .list02 .sub_brand_img02,.list04 .sub_brand_img02 { width: 63.85%; max-width: 307px; margin-top: 0; margin-bottom: 2.5rem; }
    .list02 .sub_brand_img03,.list04 .sub_brand_img03 { width: 32.4%; margin-left: 5%; max-width: 156px; margin-top: 0; font: none; }
    .list02 .sub_brand_img04,.list04 .sub_brand_img04 { width: 160%; max-width: 515px; margin-left: -30%; float: none; }
    .list02 .sub_brand_img06,.list04 .sub_brand_img06 { width: 100%; max-width: 515px; margin-top: 0; font: none; margin-bottom: 2.5rem; }
    .list03 .sub_brand_img03,.list05 .sub_brand_img03 { margin-right: 5%; max-width: 172px; }

    .list03 .sub_brand_img03 { width: 31.47%; margin-top: 0; font: none; }
    .list03 .sub_brand_img04 { width: 58.03%; margin-top: 0; margin-bottom: 2.625rem; }
    .list05 .sub_brand_img03 { width: 31.47%; margin-top: 0; font: none; }
    .list05 .sub_brand_img04 { width: 58.03%; margin-top: 0; margin-bottom: 4.375rem; }

    .sub_brand_list_box h5 { font-size: 2.0625rem; line-height: 115%; width: 200%; }
    .sub_brand_list_box p { font-size: 0.875rem; line-height: 178%; color: #25282a; opacity: 0.8; margin-top: 1.425rem; width: 200%; }
    .sub_brand_list_box h6 { width: 100%; font-size: 0.75rem; line-height: 120%; position: absolute; color: #985a28; letter-spacing: 0.25rem; }
    .brand_ori_left { text-align: right; left: -100%; top: 0; }
    .brand_ori_left span { transform-origin: right top; transform: rotate(-90deg); display: inline-block; position: relative; right: 1.375rem; }
    .brand_ori_left.line2 span { right: 2.5rem; }
    .brand_ori_right { text-align: right; right: 0%; top: 0; }
    .brand_ori_right span { transform-origin: right top; transform: rotate(-90deg); display: inline-block; position: relative; right: -0.75rem; }

    .list01 .sub_brand_list_box.box03>div { width: 90% !important; }
    .list01 .sub_brand_list_box.box03 .brand_ori_left { left: revert; right: 0; }
    .list01 .sub_brand_list_box.box03 .brand_ori_left span { right: -0.75rem; }
    .list02 .sub_brand_list_box.box04>div,.list04 .sub_brand_list_box.box04>div { width: 90% !important; }
    .list02 .sub_brand_list_box.box04 .brand_ori_left,.list04 .sub_brand_list_box.box04 .brand_ori_left { left: revert; right: 0; }
    .list02 .sub_brand_list_box.box04 .brand_ori_left span,.list04 .sub_brand_list_box.box04 .brand_ori_left span { right: -0.75rem; }
    .list02 .sub_brand_list_box.box05>div,.list04 .sub_brand_list_box.box05>div { width: 90% !important; }
    .list02 .sub_brand_list_box.box05 .brand_ori_right,.list04 .sub_brand_list_box.box05 .brand_ori_right { left: -100%; right: revert; }
    .list02 .sub_brand_list_box.box05 .brand_ori_right span { right: 2.5rem; }
    .list04 .sub_brand_list_box.box05 .brand_ori_right span { right: 1.375rem; }

    .list04 .sub_brand_list_box.box01 h5,.list04 .sub_brand_list_box.box02 h5 { font-size: 1.75rem; }


    .sub_brand_list01 { opacity: 0; transform: translateX(-5rem); }
    .sub_brand_list02 { opacity: 0; transform: translateX(5rem); }


    .sub_brand_bottom { margin-top: 13.25rem; }
    .sub_brand_bottom h2 { top: -3.75rem; }

    /**/

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

    /**/

}