@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_num_box { gap: 2rem 3rem; flex-direction: column; }
    
    .intro_num { width: 11rem; }
    
    .intro_tit>div>div { bottom: -8rem; display: none; }
    .intro_tit h2 { font-size: 3rem; line-height: 142%; }
    .intro_tit h3 { font-size: 1.625rem; }
    .intro_tit p { font-size: 1rem; margin-top: 0.75rem; line-height: 166%; }
    
    
    .num1 .line { stroke-dasharray: 850; stroke-dashoffset: 850; }
    .num2 .line { stroke-dasharray: 850; stroke-dashoffset: 850; }
    .num3 .line { stroke-dasharray: 680; stroke-dashoffset: 680; }
        

    
    .main_wrap.intro6 .main_tit h1 { letter-spacing: -0.315rem; padding-left: 0rem; }
    .main_wrap.intro6 .main_tit h1 b.spacing { margin-right: 1rem; }
        
    .main_wrap.intro7 .vd_hole { transform: translate(-50%, -50%) rotate(0deg) scale(22); }

    .main_wrap.skip .main_tit h1 { letter-spacing: -0.315rem; padding-left: 0rem; transition: 1.2s 0s; }
    .main_wrap.skip .main_tit h1 b.spacing { margin-right: 1rem; }
    .main_wrap.skip .vd_hole { transform: translate(-50%, -50%) rotate(0deg) scale(22); }

/*  */

    .main02 { padding: 7rem 0 7rem; }

    .main_tit>div>div { top: -6rem; }
    /* .main_tit h3 { font-size: 1.625rem; } */
    .main_tit p { font-size: 1rem; line-height: 166%; margin-top: 0.75rem; }
    .main_tit h1 { font-size: 2.625rem; margin-top: 1rem; }
    .main_tit h1>span { gap: 0.5rem; }
    .main_tit h1>span>span { padding-top: 0.25rem; }
    .main_tit h1 b.spacing { margin-right: 1rem; }
    .main_tit h2 { font-size: 1.75rem; bottom: -5.5rem; white-space: nowrap; }
    
    .main_guest { bottom: 2.5rem; }


    .main_num_box { width: 85%; gap: 4rem; flex-direction: column; }
    
    /* .main_num.num02 { transform: translateY(-1rem); }
    .main_num.num03 { transform: translateY(-2rem); }
    
    .main_num_img::after { width: 160%; left: -30%; }
    .main_num_img.img02::after { width: 120%; left: -10%; } */
    
    .main_num_img.img03 img { transform: translateX(0rem); }
    
    .main_num_img.img01 { transform: translateX(-3.5rem); }
    .main_num_img.img03 { transform: translateX(2.25rem); }


    .main_num_txt { position: absolute; text-align: left; margin-top: 0; }
    .main_num_txt.txt01 { right: -5rem; top: 6.5rem; transform: translateX(3rem); }
    .main_num_txt.txt02 { text-align: center; position: static; margin-top: 1rem; }
    .main_num_txt.txt03 { left: -3.75rem; bottom: 8rem; transform: translateX(-3rem); }

/*  */

    .premium02 { padding: 7rem 0; }
      
    .premium_tit h5 { font-size: 1rem; }
    .premium_tit h3 { font-size: 1.4375rem; margin-top: 0.5rem; }
    .premium_tit h2 { font-size: 3.75rem; margin-left: -0.3125rem; }
        

    .premium_slide { width: 85%; max-width: 300px; margin: auto; margin-top: 2rem; }
    
    .premium_slide_img { height: 32rem; }
    .premium_slide_img::before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; transform: scale(1); transition: 1s; }
    .premium_slide_img::after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3; background: url(../img/premium_bg.png) center no-repeat; background-size: cover; opacity: 1; }
    .premium_slide_img.img01::before { background: url(../img/premium_img01.jpg) center bottom no-repeat; background-size: cover; opacity: 0.9; }
    .premium_slide_img.img02::before { background: url(../img/premium_img02.jpg) center no-repeat; background-size: cover; }
    .premium_slide_img.img03::before { background: url(../img/premium_img03.jpg) center no-repeat; background-size: cover; }
    .premium_slide_img.img04::before { background: url(../img/premium_img04.jpg) center no-repeat; background-size: cover; }
    .premium_slide_img.img05::before { background: url(../img/premium_img05.jpg) center no-repeat; background-size: cover; }
    .premium_slide_img.img06::before { background: url(../img/premium_img06.jpg) center no-repeat; background-size: cover; }
    .premium_slide_img.img07::before { background: url(../img/premium_img07.jpg) center no-repeat; background-size: cover; }
    .premium_slide_img.img08::before { background: url(../img/premium_img08.jpg) center no-repeat; background-size: cover; }

    .premium_slide_txt { position: absolute; left: 2rem; bottom: 3rem; z-index: 9; color: #fff; text-align: left; opacity: 0; transform: translateY(3rem); transition: 0.8s; }
    .premium_slide_txt h3 { font-size: 1.625rem; line-height: 100%; font-weight: 600; }
    .premium_slide_txt p { font-size: 1rem; line-height: 166%; opacity: 0.7; margin-top: 0.625rem; }

    
    .swiper_premium .swiper-slide-active .premium_slide_img { transform: scale(1); }
    .swiper_premium .swiper-slide-active .premium_slide_txt { opacity: 1; transform: translate(0); transition: 1.2s 0.2s; }

    
    .premium02.active .premium_tit { opacity: 1; transform: translate(0); transition: 1.2s 0.2s; }
    .premium02.active .premium_slide { opacity: 1; transform: translate(0); transition: 1.2s 0.2s; }


/*  */

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

/*  */

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

    /**/


}