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

    /* .all_wrap { width: 100dvw; } */
   
    .main_skip_bt { right: 7.5%; bottom: 5%; }
    .main_skip_bt>div { transform: translate(0); }

/*  */

    .intro_tit h2 { font-size: 1.375rem; }
    .intro_tit h2 span b.spacing { margin-right: 0.5rem; }

    .intro_txt_box h1 { font-size: 3.5rem; line-height: 100%; }

    .intro_circle { width: 20rem; height: 20rem; }
    .intro_circle.circle01 { top: 7%; }
    .intro_circle.circle02 { bottom: 7%; }

/*  */


    .main02>div { gap: 3rem; }

    .main_tit h1 { font-size: 2.125rem; letter-spacing: 0.5rem; padding-left: 0.5rem; }

    .main_guest img { width: 90%; }
    
    .main_txt_box>div { flex-direction: column; gap: 2rem; text-align: center; align-items: center; }

    .main_txt_box>div>div:nth-child(1) h4 { display: none; }
    .main_txt_box>div>div:nth-child(2) h4 { display: block; }

    .sum_txt_box h2 { font-size: 3.25rem; white-space: wrap; }
    .sum_txt_box h5 { font-size: 1rem; margin-top: 1rem; }
    
    .sum_img_box h3 { display: none; }

    .sum_sum { margin-top: 1rem; gap: 4rem; }
    .sum_sum ul { gap: 2.5rem; }
    .sum_sum ul li { width: 100%;  }

    .main_sum_bt { flex-direction: column; }
    

    .cal_content ul li { width: calc(33.33% - 0.75rem); height: 7rem; }
    .cal_content ul li:nth-child(n+4) { width: calc(50% - 0.75rem); }

    .main_cal_bt { flex-direction: column; margin-top: 2rem; }

    

    .main_wrap.on .main_tit>div { transform: translateY(-5rem); }
    
/*  */

    .brand_wrap { padding-bottom: 6rem; }

    .brand01>div{gap:1rem;}
    .brand01 .brand_img_wrap { margin-top: 5rem; }

    .brand_vd_tit h1 { font-size: 4.5rem; }

    .brand_logo { margin-top: 3.75rem; }

    .brand02{margin: 0;}
    .brand02>div{transform: none;}
    .brand_img_wrap{display: block;}
    .brand_img_wrap>div:nth-child(1){width: 90%; margin: 0 auto;}
    .brand_img_wrap>div:nth-child(2){width: 90%; overflow: hidden; margin: 0 auto; padding-top: 4.5rem;}
    .brand01.active .brand_txt_box{right: 0; margin-top: 6rem;}

/*  */

    .pano_vd_box { height: 27rem; }
    .pano_tit { height: 27rem; }

    .pano_tit>div { transform: translateY(-2rem); }
    .pano_tit h1 { font-size: 3.25rem; }

    .pano_txt_box>div { flex-direction: column; text-align: center; align-items: center; gap: 4rem; }

    .pano_txt_box h3 { margin-top: 2rem; }

/*  */

    .location_map { height: 27rem; }

    .location_tit h2 { font-size: 2.5rem; }
    
    .location_img_box img { width: 8.75rem; }

/*  */

    .river_tit h2 { font-size: 1.875rem; line-height: 124%; }

    .river_txt_box>div { flex-direction: column; }
    .river_txt_box.box01>div { align-items: flex-start; }
    .river_txt_box h2 { font-size: 2.5rem; }

    .twentytwenty-container { height: clamp(10rem, 40vw, 20rem); }

    .twentytwenty-handle { transform: translateY(-50%) scale(0.85); }
   
/*  */

    .unit_tit_box h1 { font-size: 2.5rem; }
    .unit_tit_box.box02 { top: 9rem; }
    .unit_tit_box.box02 h1 { font-size: 2.75rem; }
    
    .unit_tit_top { top: -0.75rem; }

    .unit_img_box { flex-direction: column; }
    .unit_img_box>div img { width: 10rem !important; }
    
/*  */

    .amenity_tit_box h1 { font-size: 2.5rem; }
    .amenity_tit_box h3 { line-height: 140%; }

    .amenity_tit_top.top02 { left: -4rem; }

    .amenity_tit_box.box02 h1 { font-size: 1.5rem; }

    .amenity_content { width: 70%; }

/*  */

    .out_txt_box h2 { font-size: 2rem; }

/*    */

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

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

    .footer_const { flex-wrap: wrap; gap: 0.45rem 0; }
    .footer_const li.mo { width: 100%; }
    .footer_const li.space:nth-child(4) { margin-right: 0; }

    .footer p { margin-top: 1.25rem; }
    .footer p br.pad { display: none; }

    .footer_info { flex-wrap: wrap; gap: 0.25rem 0; margin-top: 1.5rem; }
    .footer_info li.mo { width: 100%; }
    .footer_info li:nth-child(2)::after,
    .footer_info li.mo::after { display: none; }

    /* .footer h6 { margin-top: 2.5rem; } */
    
    .top_bt { width: 39px; height: 39px; right: 0; left: 0; margin: auto; }
    .footer.active .top_bt { opacity: 1; top: -20px; transition: 0.6s 0s; }

/*  */

    .guest_pop_tit h5{line-height: 120%; text-align: left;}
    .guest_pop_wrap { top: 0%; height: 100%; max-height: 100%; overflow: scroll; align-items: flex-start; }
    .guest_pop { width: 85%; padding: 5.9375rem 0; padding-bottom: 5rem; overflow: hidden; }
    .guest_pop_close { width: 3.25rem; height: 3.25rem; right: 1.25rem; top: 3.5rem; }
    .guest_pop_box { padding-right: 1.25rem; }

    .guest_wrap { top: 0%; height: 100%; max-height: 100%; display: block; overflow: scroll; align-items: flex-start; }
    /* .guest_wrap>div { padding: 95px 0; padding-bottom: 80px; overflow: hidden; } */
    .guest_wrap>div { padding: 0; padding-bottom: 5px; }

    .guest_tit h1 { font-size: 32px; margin-bottom: 15px; }
    .guest_tit h2 { font-size: 14px; margin-bottom: 12px; }
    .guest_tit { margin-bottom: 45px; }
    .guest_tit p { font-size: 12px; line-height: 150%; margin-top: 0; }

    .guest_wrap .guest_box { width: 100%; margin-right: 0%; margin-bottom: 45px; }
    .guest_box.m { margin-top: 30px; }
    
    .guest_ori { margin-top: 30px; flex-wrap: wrap; justify-content: center; }
    .guest_box h6 { font-size: 11px; width: 100%; text-align: center; }
    .guest_kakao { margin-top: 5px; }
    .guest_kakao img { width: 32px; }
    .guest_kakao p { font-size: 12px; line-height: 140%; margin-left: 10px; transform: translateY(-0px); }
    .guest_kakao p:after { bottom: -5px; }			
    .guest_kakao:hover p:after { width: 0; }

    .guest_box.m h2 { margin-bottom: 0; }
    .guest_box.m h6 { position: relative; text-align: left; margin-bottom: 18px; }

    .per_agree_box { height: 135px; padding: 0 18px; padding-top: 16px; font-size: 12px; line-height: 25px; padding-bottom: 26px; }
    .per_agree_box b { font-size: 14px; }
    .per_agree_box a { margin-left: 6px; top: -1px; }
    .per_agree_box a:after { bottom: -4px; }
    .per_agree_box a.pc { display: none; }
    .per_agree_box a.m { display: inline-block; }

    .per_agree_bt_box { font-size: 11px; line-height: 13px; margin-top: 15px; height: 20px; }
    /*	.per_agree_bt_box input[type="radio"] + label { width: 100%; padding-left: 22px; margin-right: 15px; margin-bottom: 10px; }

    .per_agree_bt_box input[type="radio"] + label:before { width: 16px; height: 16px; }
    .per_agree_bt_box input[type="radio"] + label:after { top: 5px; left: 5px; width: 6px; height: 6px; }*/

    .per_check_box { margin-top: 20px; }
    .per_check_box label { font-size: 14px; }
    .per_check_box input#agreeYny + label > span { padding-left: 6px; }
    .per_check_box input#agreeYny + label:before { width: 14px; height: 14px; border:2px solid #bbb; border-radius: 2px; margin-top: 1px; }
    .per_check_box input#agreeYny + label:after { width: 6px; height: 4px; border: 2px solid #ddd; border-top: 0; border-right: 0; left: 5px; top: 0px; }

    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: 50px; }
    .info_box>ul>li p { line-height: 48px; font-size: 14px; padding-left: 2px; }

    .info_box>ul>li:nth-child(2n-1) { width: 20%; }
    .info_box>ul>li:nth-child(2n) { width: 80%; }
    .info_box>ul>li:last-child { width: 80%; height: auto; }
    .info_box>ul>li:nth-last-child(2) { width: 20%; }
    .info_box>ul>li:nth-child(4) { width: 80%; height: auto; padding: 10px 0 13px; padding-left: 10px; }

    .info_box input { font-size: 14px; padding-left: 10px; }
    .info_box label { font-size: 14px; }

    .info_number01 { width: 65px; font-size: 14px; }
    .info_number02 { width: 50px; }
    .info_number03 { width: 50px; }
    .info_box>ul>li span { line-height: 50px; margin: 0 5px; }

    .info_address>ul>li { height: 50px; }
    .info_address>ul>li:last-child { height: auto; }

    .info_address01 { width: 50%; height: 33px !important; float: left; margin-right: 1%; border-bottom: 0px solid #b6b6b6 !important; margin: 5px 0 !important; }
    .info_address03 { width: calc(100% - 10px); clear: both; height: 33px !important; float: left; border-bottom: 0px solid #b6b6b6 !important; margin: 10px 0 !important; margin-right: 0% !important; margin-top: 0 !important; position: relative; }
    .info_address04 { width: 25%; height: 33px !important; float: left; margin-right: 0%; border-bottom: 0px solid #b6b6b6 !important; margin: 10px 0 !important; margin-top: 0 !important; display: none; }
    /*	.info_address05 { width: 50%; height: 33px !important; float: left; border-bottom: 1px solid #b6b6b6 !important; margin: 5px 0 !important; }*/
    .info_address02 { width: 100px; height: 28px !important; line-height: 26px !important; margin-top: 0px !important; font-size: 10px !important; float: none; position: absolute; right: 10px; top: 10px; }

    .info_address03::placeholder { font-size: 7px; }

    /**/

    .guest_bt_box { width: 200px; height: 50px; margin-top: 0px; font-size: 15px; }
    .guest_bt_box>div { line-height: 48px; }


    .guest_close { top: 10px; right: 2%; padding: 10px; }
    .guest_close p { font-size: 11px; margin-right: 8px; margin-top: 2px; }
    .guest_close>span { width: 20px; height: 20px; }

    /**/


/*서브*/

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

	.sub_top_txt { width: 100%; }
    .sub_top_txt>div { transform: translateY(1.5rem); }
	.sub_top_txt h2 { font-size: 2.125rem; 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 { 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 { font-size: 2.5rem; }
    .sub_line { height: 28px; margin-top: 25px; }
    .sub_page { padding-top: 2.875rem; }

    .sub_ori { padding: 15px 17px; margin-top: 3.5rem; }
    .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_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_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: clamp(5rem, 17vw, 7.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 { padding-bottom: 0px; margin-left: 0; }
    .sub_over_txt_box>div { width: 100%; margin-bottom: 0; }
    .sub_over_txt_box>div:nth-child(7) { width: 100%; }
    .sub_over_txt_box>div:nth-child(8) { width: 100%; }
    .sub_over_txt_box>div:last-child { margin-bottom: 20px; }
    .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_planning_type { flex-direction: column; gap: 1rem; border-top: none !important; }
    .sub_planning_type ul { width: 100% !important; border-top: 3px solid #90bbdf; }
    .sub_planning_type ul li:first-child { display: block; }

    .sub_planning_type_box>div:nth-child(2) .sub_planning_type ul { border-top: 3px solid #ec662a; }

/*  */

    .sub_location_content ul li p { line-height: 140%; }

    .sub_location_map { height: 22rem; }

    .sub_location_tit h2 { font-size: 2.5rem; white-space: nowrap; }
    
    .sub_location_img_box img { width: 7.25rem; }

/*  */

    .sub_amenity_tit_box.box01>div { gap: 4rem; }
        
    .sub_amenity_tit_box h1 { font-size: 2.5rem; }
    .sub_amenity_tit_box h3 { line-height: 140%; }

    .sub_amenity_tit_top.top02 { left: -4rem; }

    .sub_amenity_tit_box.box02 h1 { font-size: 1.5rem; }

    .sub_amenity_top_content_box>div { flex-direction: column; align-items: center; }
    .sub_amenity_top_content.con01 { margin-top: 0; }

    .sub_amenity_content { width: 70%; }


    .sub_amenity_top_txt h4 { font-size: 1.125rem; }
    .sub_amenity_top_txt h2 { font-size: 1.75rem; margin-top: 1rem; }
    .sub_amenity_top_txt h3 { font-size: 1.25rem; }
    .sub_amenity_top_txt p { font-size: 1rem; margin-top: 0.875rem; }
    

/*  */


/**/

    .sub_contact_wrap { width: 100%; }

    .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_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%; 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_container.brand,
    .sub_page.brand { width: 100%; }

    .sub_brand_wrap { padding-bottom: 6rem; }

    .sub_brand01>div{gap:1rem;}
    .sub_brand01 .sub_brand_img_wrap { margin-top: 5rem; }

    .sub_brand_vd_tit h1 { font-size: 3.75rem; }

    .sub_brand_logo { margin-top: 3.75rem; }

    .sub_brand_bg_box h2 { font-size: 3.5rem; bottom: -8rem; }

    .sub_brand_img_wrap{display: block;}
    .sub_brand_img_wrap>div:nth-child(1){width: 90%; margin: 0 auto;}
    .sub_brand_img_wrap>div:nth-child(2){width: 90%; overflow: hidden; margin: 0 auto; padding-top: 4.5rem;}
    /* .sub_brand01.active .sub_brand_txt_box{right: 0; margin-top: 6rem;} */

/**/

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

/*  */

    .sub_privacy_title { margin-bottom: 2.75rem; padding: 2.5rem 0; background: #eeeced; }

}