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

/*서브*/

	.sub_top { height: 20rem; }
	/*.sub_top_img { background: url(../img/sub_top_bg.jpg) left 5% bottom no-repeat; background-size: 8rem; }*/

	.sub_top:after { background:url(../img/sub_top.jpg) left bottom no-repeat; background-size:cover;}

	.sub_top_txt { width: 100%;  transform: translateY(-1rem); }
    .sub_top_txt>div { transform: translateY(1.5rem); }
	.sub_top_txt h2 { font-size: 2.5rem; letter-spacing: 0rem; margin-top: 0rem; }

    .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: 0.625rem; padding-left: 0.625rem; }
    }

    #snb_wrap { width: 100%; height: 50px; margin-top: -0; }
	#snb_box { margin-top:-50px; }
    #snb { width: auto!important; height: 50px; }
    #snb > li { width: calc(40% - 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(60% - 25px)!important; }
    #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 { font-size: 2.5rem; }
    .sub_line { }
    .sub_page { padding-top: 2.875rem; }

    .sub_ori { padding: 15px 15px; }
    .sub_ori>div { width: 35px; height: 35px; min-width: 35px; background-size: 3.6px; display:none;}
    .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_img_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; }



	.sub_img_wrap { margin-top:40px;}

/**/

    .dg_01 { width:17rem; height:17rem; top:-1.5rem;}
	.dg_02 { width:8rem; height:8rem; right:0; top:13rem;}
	.dg_03 { margin-left:2rem; top:23rem; }
	.sum_ob { top:-4rem; width:35%; margin-right:0;}

	.sum_tit h1 { font-size:5rem;}

	.sum_tit_txt { position:relative; left:0; top:0; margin-top:2rem; }
	.sum_tit h2 { margin-top:4rem; }

	.sub_over_bottom { width: 100%; margin-top: 3rem; }
	.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 { padding-bottom: 0px; margin-left: 0; margin-top: 5rem; grid-template-columns:1fr;}
	.sub_over_txt_box > div:first-child {grid-column: auto;}
	.sub_over_txt_box>div { width: 100%; }
	.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; }


/*  */

	.location_tit h1 { font-size:3rem;}
	.location_337 {height:auto;}
	.img_337 { flex-wrap:wrap;}
	.img_337a { width:100%; margin-right:0; margin-left:2rem;}
	.img_337b { width:100%; margin-top:4rem;}
	.img_337c { width:100%; margin-top:4rem; margin-left:-7rem; }
	.img_337_txt { width:100%; top:5.26rem; margin-left:-1.2rem; display:none!important; }

    .img_337a img { width:65%; }
	.img_337b img { width:65%;  }
	.img_337c img { width:70%; }
	
	/*
	.location_337_txt.txt01 { left:auto; right:-5.5rem; top:5rem; text-align:left; }
	.location_337_txt.txt02 { position: relative; bottom:0; left:0; right:0; margin:0 auto;  }
	.location_337_txt.txt03 { right:auto; left:-3rem; bottom:auto; top:7rem; text-align:left; }
	*/

	.location_337_txt.txt01 { position: relative; bottom:0; }
	.location_337_txt.txt02 { position: relative; bottom:0; left:0; right:0; margin:0 auto;  }
	.location_337_txt.txt03 { position: relative; bottom:0; }


   
/*  */
        
	.pre_card_wrap { grid-template-columns: 1fr; }
	.pre_card { width:80%; margin:0 auto; }


/*  */


/**/

    .sub_contact_wrap { width: 100%; }

	.sub_contact_txt_wrap { flex-wrap:wrap; gap:0;}

	.sub_contact_bt2 div:nth-child(1) a:after {   width:20px; height:20px;}
	.sub_contact_bt2 div:nth-child(2) a:after,
	.sub_contact_bt2 div:nth-child(3) a:after {  width:20px; height:20px;  }

	.sub_contact_add2 h1 { font-size: 1.475rem; }
	.sub_contact_add2 p { font-size: 1.225rem;  }

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

    .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_cont_map { height: auto;  }

    .sub_contact_txt_box { max-width: 360px; border-top: none; }
	.sub_contact_txt_box.box02 { margin-top:0.5rem;}

    .sub_contact_add { /*flex-wrap: wrap; */}
	.sub_contact_add div:first-child { width:70%; }
	.sub_contact_add div:last-child { width:30%; }
    .sub_contact_add h4 { font-size: 1.5rem; }
    .sub_contact_add p { font-size: 1.0125rem; margin-top: 0.75rem; }

    .sub_contact_bt { width: 100%; justify-content: flex-end; }

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

/**/


/*  */

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

/**/

    .sub_event_wrap table tbody { gap: 0 4%; }
    .sub_event_wrap table tr { width: 48%; }
    .sub_event_wrap table tr:nth-child(-n+4) { border-top: revert; }
    /* .sub_event_wrap table tr:nth-child(-n+2) { border-top: 2px solid #003c66 } */

    .sub_event_wrap table.tit { margin-top: 1.5rem; color: #fff; }
    .sub_event_wrap table.tit tr:nth-child(2n) { display: none; }

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

/*  */
.btn_all.mo{display: block!important;}
    .sub_privacy_title { margin-bottom: 2.75rem; padding: 2.5rem 0; background: #eeeced; }

}