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

	body { overflow-x: hidden; }

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

/*  */

    #section0 { max-height: 800px; }
    .cg_wrap { padding: 5.25rem 0; }

    .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_vd.vd01:before { background: url(../../images/main_vd_bg01.jpg) center no-repeat; background-size: cover; }
    .main_vd.vd02:before { background: url(../../images/main_vd_bg02.jpg) center no-repeat; background-size: cover; }
    .main_vd.vd03:before { background: url(../../images/main_vd_bg03.jpg) center no-repeat; background-size: cover; }
	.main_vd:before { left: 50%; top: -5vh; transform: translateX(-90vh); width: 180vh; height: 110vh; z-index: 1; padding: 0; }

    .main_wrap.active2 .main_vd.vd01 { 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% {}
    }

/*  */

    .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: 1.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: 620px; }
    
    .brand_bt { width: 7rem; height: 7rem; left: 5%; bottom: 3%; }
    .brand_bt a h4 { font-size: 1.325rem; }

    .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: 20%; text-align: center; }
    .brand_txt_box.box01 { left: 10%; top: 22%; }
    .brand_txt_box.box01 h1 { font-size: 3.25rem; }
    .brand_txt_box.box02 { right: revert; left: 10%; top: 22%; }
    .brand_txt_box.box02 h4 { margin-top: 3.75rem; }
    .brand_txt_box.box03 { left: 0; right: 0; margin: auto; top: 22%; text-align: center; }
    .brand_txt_box.box03 h4 { margin-top: 1.5rem; }

    
/**/

	.footer { display: block; bottom: 0; padding-bottom: 90px; padding-top: 5rem; }

	.footer ul { flex-wrap: wrap; max-width: 340px; }
	.footer ul li { font-size: 0.95rem; line-height: 180%; justify-content: center; }
	.footer ul li:nth-child(1) { padding-left: 2rem; }
	.footer ul li:nth-child(2) { padding-right: 2rem; }
	.footer ul li:nth-child(2):after { display: none; }
	.footer ul li:nth-last-child(4):after { display: none; }
	.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>p { font-size: 0.95rem; line-height: 170%; }
	.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 { width: 90%; height: 120px; margin-top: 6rem; }
	/* .sub_top01 .sub_top_img { background: url(../../images/sub_top.jpg) right top 10% no-repeat; background-size: cover; animation: sub_top_img 2.0s 0s both; } */

    .sub_top.top01 .sub_top_img { background: url(../../images/sub_top01.jpg) right 40% top 10% no-repeat; background-size: cover; }
    .sub_top.top02 .sub_top_img { background: url(../../images/sub_top02.jpg) left 25% top 10% no-repeat; background-size: cover; }
    .sub_top.top03 .sub_top_img { background: url(../../images/sub_top03.jpg) right 20% top 10% no-repeat; background-size: cover; }
    .sub_top.top04 .sub_top_img { background: url(../../images/sub_top04.jpg) right 5% top 10% no-repeat; background-size: cover; }
    .sub_top.top05 .sub_top_img { background: url(../../images/sub_top05.jpg) left 15% top 10% no-repeat; background-size: cover; }
    .sub_top.top06 .sub_top_img { background: url(../../images/sub_top06.jpg) left 35% top 10% no-repeat; background-size: cover; }

	.sub_top_txt { width: 100%; }
	.sub_top_txt h3 { font-size: 1.25rem; }
	.sub_top_txt h2 { font-size: 1.5rem; margin-top: 1rem; margin-top: 0; }

	@keyframes sub_top_txt2 {
        from { letter-spacing: 0.3rem; opacity: 0; transform: translateY(2rem); }
		to{ }
	}

	#snb_wrap { width: 90%; 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: 40px; margin-top: 50px; } */
    /* #sub_container { margin-top: 5rem; } */
	#sub_tit h2 { font-size: 28px; }
	.sub_line { height: 28px; margin-top: 25px; }
	.sub_page { margin-top: 3.25rem; }

    .sub_line_box>div { width: 88%; height: 450px; position: relative; }
    .sub_line02 { top: 225px; right: 12%; animation: sub_line02 1.9s 1.2s both linear; }
    .sub_line04 { transform: rotate(60deg); }

	.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: 16px; }
	ul.tabs2 li { height: 35px; line-height: 32px; font-size: 11px; }
	ul.tabs3 { margin-bottom: 16px; }
	ul.tabs3 li { height: 35px; line-height: 32px; font-size: 11px; }
	ul.tabs2.cy { flex-wrap: wrap; }
	ul.tabs2.cy li { width: 32.66%; }
	ul.tabs2.cy li:nth-child(4) { margin-left: 0; }
	ul.tabs2.cy li:nth-child(n+4) { width: 49.5%; margin-top: 1%; }
	ul.tabs2.vr { flex-wrap: wrap; }
	ul.tabs2.vr li { width: 49.5%; }
	ul.tabs2.vr li:nth-child(3) { margin-left: 0; }
	ul.tabs2.vr li:nth-child(n+3) { width: 32.66%; margin-left: 0; margin-top: 1%; }
	ul.tabs2.db { flex-wrap: wrap; }
	ul.tabs2.db li { width: 49.5%; }
	ul.tabs2.db2 { flex-wrap: wrap; }
	ul.tabs2.db2 li { width: 32.66%; }
	ul.tabs2.db2 li:nth-child(4) { margin-left: 0; }
	ul.tabs2.db2 li:nth-child(n+4) { width: 32.66%; margin-left: 0; margin-top: 1%; }

	ul.tabs2.db3 { flex-wrap: wrap; }
	ul.tabs2.db3 li { width: 49.5%; }



    .tabs2.pr { flex-wrap: wrap; gap: 0.25rem 1%; }

	ul.interior_bt { margin-bottom: 16px; }
	ul.interior_bt li { height: 35px; line-height: 32px; font-size: 11px; }

	.sub_lounge>img { margin-bottom: 50px; }
	.sub_lounge .tabs2 { margin-bottom: 30px; }

/**/

	.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 { flex-direction: revert; }
    .swiper_planning_thumb .swiper-slide { height: 17vw; }
    
	.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: 30px; 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_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; }

/**/

    .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_contact_box { width: 100%; margin: 0%; margin-bottom: 50px; }
    .sub_contact_box:first-child { margin-right: 0%; }

    .sub_contact_map { width: 100%; position: relative; }
    .sub_contact_map img { width: 100%; }
    .contact_map_line01 { width: 100%; height: 1px; background-color: #231916; position: absolute; left: 0; top: 0; transition: 0.5s; }
    .contact_map_line02 { width: 1px; height: 100%; background-color: #231916; position: absolute; right: 0; top: 0; transition: 0.5s; }
    .contact_map_line03 { width: 100%; height: 1px; background-color: #231916; position: absolute; right: 0; bottom: 0; transition: 0.5s; }
    .contact_map_line04 { width: 1px; height: 100%; background-color: #231916; position: absolute; left: 0; bottom: 0; transition: 0.5s; }
    .sub_contact_box:hover .contact_map_line01,.sub_contact_box:hover .contact_map_line03 { width: 100%; }
    .sub_contact_box:hover .contact_map_line02,.sub_contact_box:hover .contact_map_line04 { height: 100%; }
    
    .sub_contact_txt { display: flex; justify-content: center; align-items: center; margin-top: 1.875rem; }
    .sub_contact_txt h3 { font-size: 1.25rem; line-height: 100%; font-weight: 600; color: #231916; margin-right: 0.625rem; }
    .sub_contact_txt p { font-size: 1.0625rem; line-height: 100%; font-weight: 400; }
    
    .sub_contact_bt { width: 100%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-top: 1.875rem; color: #fff; }
    .sub_contact_bt>div { font-size: 0.9375rem; width: 49.5%; height: 2.5rem; line-height: 2.375rem; background-color: #231916; margin-right: 1%; }
    .sub_contact_bt>div:last-child { margin-right: 0; }
    .sub_contact_bt>div>a { width: 100%; height: 100%; display: block; }
    .sub_contact_bt>div span { padding-left: 1.25rem; }
    .sub_contact_bt>div:first-child span { background-size: 10px; }
    .sub_contact_bt>div:last-child span { background-size: 10px; }

/*  */

    .yb_list { flex-wrap: wrap; gap: 0 2%; }
    .yb_list li { width: 48%; max-width: 400px; }
    .yb_list li table { width: 100%; border: 1px solid #ddd; border-top: 2px solid #000; }
    .yb_list li table tr { width: 100%; }
    .yb_list li table tr td { border-bottom: 1px solid #ddd; padding: 0.5625rem 0; font-size: 0.875rem; line-height: 100%; }
    .yb_list li:nth-child(n+3) { margin-top: 5%; }

/**/

}