@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_img_box,.intro_img_box_line{height: 48%;}

	.intro_tit { left: 2rem; top: 19%;}
	.intro_tit h1 { font-size: 3.375rem;}
	.intro_tit h3 { margin-top: 3.25rem; }

	.intro_txt { font-size: 1.875rem; bottom: 73vw; }
	.intro_txt b { margin-left: -6rem; }

	.main_img { width: 190%; }

	@media all and (max-width: 375px) { 
		.intro_txt { bottom: 62vw;}
	}

/*  */

    .main_txt_box { left: 2rem; top: 21%; }
	.main_txt_box h2 { font-size: 2.25rem; }
	.main_txt_box h4 { margin-top: 2.375rem; font-size: 1.875rem; }
	
	.main02 { padding: 7rem 0 7rem; }
	.cal_wrap { width: 90%; }
	.cal_content ul li { width: calc(50% - 0.3125rem); height: 7.25rem; }
	.cal_content ul li:nth-child(n+5) { width: 100%; }

	.cal_obj { max-width: 250px; }
	.cal_btn_box { flex-direction: column; }
	.cal_btn_box div a { width: 15rem; }
    
    
    .main_guest { bottom: 2.5rem; left: 2rem; display:none;}
	.main_guest_mo{background:#003c66; font-size:1em; position:fixed; z-index:10; bottom:0px; height:24px; width:100%; color:#fff; padding:14px; margin-left:-10px;}


    
/*  */

    .premium_wrap { height: 200vw;}
	.pre_tit { padding-left: 2rem; }
	.pre_tit h2 { font-size: 4.625rem;}

	.main_pre_img.img02 { background: url(../img/pre_img02.jpg) no-repeat 65% center / cover; }

	.swiper_pre_thumb { right: 3rem; width: revert; }
	.swiper_pre_thumb .swiper-wrapper { flex-direction: column; justify-content: center; }
	.swiper_pre_thumb .swiper-slide { width: revert !important; margin-right: 0; }


/*  */


	.complex_left { height: 68vw !important;}
	.complex_ori { padding: 0 2rem; }
	.complex_right { padding-left: 3rem; }

	.complex_obj { max-width: 120px; top: 19rem;}
	.complex_obj img { width: 100%; }

	.swiper_complex_thumb { max-width: 90%; margin-top: 7.75rem; }
	.swiper_complex_thumb .swiper-slide { height: 5.5625rem;}


/*  */

	.commu_unit img { width: 100%; }
	.commu_img_box { justify-content: center; flex-wrap:wrap; }
	.commu_img_box>div { width: calc(50% - 0.46875rem); }
	.commu_img_box>div img { width: 100%; }
	.commu_img_box p { font-size: 0.9375rem; }
	.ori_box { width: 100%; }

	.commu_bottom { height: 22rem; }
	.commu_bottom img { width: 210%; }
	.commu_bottom .bottom_tit { right: 2rem; bottom: revert; margin: 0; top: 4rem; }
	.commu_bottom .bottom_tit h2 { font-size: 3.25rem; }
	.commu_bottom h6 { left: 0; right: 0; padding: 0 2rem; bottom: 3rem; }

/*  */

	.unit_wrap  { height: auto; padding: 7rem 0;}
	.unit_wrap>div:first-child { top: 0; }
	.unit_wrap>div:first-child div:nth-child(1) h2 { font-size: 4rem;}
	.unit_wrap>div:first-child div:nth-child(1) h4 { font-size: 1.375rem; }
	.unit_wrap>div:first-child div:nth-child(2) ul { justify-content: center; }
	.unit_box { transform: translate(0); }
	.unit_iso { margin: 0 auto;}
	.e_unit_iso { margin-bottom: 4rem; }
	.unit_content { flex-direction: column; align-items: center; gap: 2rem; }
	.unit_txt_box ul li { font-size: 0.9375rem;}
	.unit_txt_box h2 { font-size: 1.25rem; line-height: 40px; }
	.unit_tag { margin: 4rem auto; height: 40px; line-height: 40px; font-size: 1.25rem;}
	/* .unit_content.con02 .e_unit_iso img { width: 90%;} */
	.swiper_unit-2 { width: 90%; margin: 50px auto; }
	.swiper_unit-2>div { display: flex; justify-content: space-between; }
	.swiper_unit-2>div>div { width: 100%; }
	.unit_ori { bottom: 0;}



	.unit_wrap.active .unit_box { transform: translate(0);  }



/*  */

    .contact_tit h2 { font-size: 4rem; }
    .contact_tit h5 { font-size: 1rem; margin-top: 1rem; }

    .contact_wrap .sub_contact_map_box { max-width: 360px; height: auto; }
    .contact_wrap .sub_contact_txt_box { max-width: 360px; }
    .contact_wrap .sub_contact_add { gap: 1.5rem; justify-content: center; flex-direction: column; }
    .contact_wrap .sub_contact_add p { width: auto; }
    .contact_wrap .sub_contact_add div:last-child { width: auto; }

/*    */

    .btn_all{ flex-direction: column;}

/*  */

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

    .footer_left { gap: 1.5rem; }
    .footer_const ul { flex-wrap: wrap; gap: 0.375rem 0; justify-content: center; }
    .footer_const li.mo { width: 100%; }
    .footer_const li.mo::after { display: none; }
    .footer p { margin-top: 1.25rem; }
    .footer p br.pad { display: none; }
    .footer_info { flex-wrap: wrap; gap: 0.25rem 0; width:100%; min-width:500px;}
    .footer_info li.mo { width: 100%; }
    .footer_right .footer_info li:nth-child(1) { width: auto; }
    .footer_right .footer_info li:nth-child(1)::after { display: block; }
    .footer_right .footer_info li { padding: 0 0.625rem !important; }

    /* .footer.active .top_bt { opacity: 1; top: -20px; transition: 0.6s 0s; } */

    .footer h6 { line-height: 148%; margin-top: 4rem; }
    .footer_info ul{flex-wrap: wrap; gap: .4rem; margin-bottom: 1.2rem;}
    .footer_info li:nth-child(1):after { display: none; }
    .footer_info li:nth-child(2):after { display: none; }

	.footer_info li:nth-child(1) img{width:65px;}
	.footer_info li:nth-child(2) img{width:85px;}
	.footer_info li:nth-child(3) img{width:75px;}

/*  */

    .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: 0.75rem; top: 2.75rem; background: none; }
    .guest_pop_close:before { height: 50%; background-color: #000; }
    .guest_pop_close::after { height: 50%; background-color: #000; }
    .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; }

    /**/


}