/* PC */
@media screen and (max-width: 1560px) {    

  	html {font-size: 15.5px !important;}  

}


@media screen and (max-width: 1440px) {    

  	html {font-size: 15px!important;} 

	.ms3 .contbox .ms3_swiper .next_btn { right: 2.5rem;}   

	.com_sec4 .contbox .leftbox .top .sub_titbox .s_txt2 br {display: none;}

}


@media screen and (max-width: 1380px) {    

  	html {font-size: 14.5px !important;}    

	.fixed_nav { right: 1.5rem}

	.main_nav {  bottom: 2.375rem;  margin: -6.625rem auto 6.375rem;}
	.ms1 .contbox { padding: 4rem 0 0 50%;}
	.ms1 .contbox .txtbox .desc { margin-top: 0.5rem;}
	.ms2 .contbox .m_titbox .partner .link { width: 8rem;}
	.ms2 .contbox .corebox .item .txtbox .tit { font: var(--22_heading_sb);}
	.ms2 .contbox .corebox .item .txtbox .desc { font: var(--16_body_normal_r);}
	.ms2 .contbox .corebox .item .iconbox { width: 4rem;}
	.ms4 .weather_box { padding: 2.5rem;}
	.ms4 .weather_box > .leftbox .topbox .topitem1 .bottom .location {  font: var(--20_heading_sb);}
	.ms4 .weather_box > .leftbox .topbox .topitem2 .infoitem { font: var(--18_headline_r);}
	.ms4 .weather_box > .leftbox .topbox .topitem2 .infoitem .desc .icon { width: 1rem;}
	.ms4 .weather_box > .rightbox .txtwrap .txtbox .title { font: var(--30_title_sb);}

	.pr_list_filter .ft_btn { width: 10rem;}

}


@media screen and (max-width: 1200px) {

  	html {font-size: 14px !important;}  

	.pr_sec.view .view_top .infobox .infoitem {width: 100%;}
}


@media screen and (max-width: 1100px) {

  	html {font-size: 13px !important;}  

}


  
/* Tablet */
@media screen and (max-width: 1080px) {


	:root {
		/* Typography */
		--56_display_r: 400 5.6rem/1.286 'Pretendard', sans-serif;
		--56_display_m: 500 5.6rem/1.286 'Pretendard', sans-serif;
		--56_display_sb: 600 5.6rem/1.286 'Pretendard', sans-serif;
		--56_display_b: 700 35.6rem/1.286 'Pretendard', sans-serif;

		--40_display_r: 400 4rem/1.3 'Pretendard', sans-serif;
		--40_display_m: 500 4rem/1.3 'Pretendard', sans-serif;
		--40_display_sb: 600 4rem/1.3 'Pretendard', sans-serif;
		--40_display_b: 700 4rem/1.3 'Pretendard', sans-serif;

		--36_title_r: 400 3.6rem/1.334 'Pretendard', sans-serif;
		--36_title_m: 500 3.6rem/1.334 'Pretendard', sans-serif;
		--36_title_sb: 600 3.6rem/1.334 'Pretendard', sans-serif;
		--36_title_b: 700 3.6rem/1.334 'Pretendard', sans-serif;

		--32_title_r: 400 3.2rem/1.334 'Pretendard', sans-serif;
		--32_title_m: 500 3.2rem/1.334 'Pretendard', sans-serif;
		--32_title_sb: 600 3.2rem/1.334 'Pretendard', sans-serif;
		--32_title_b: 700 3.2rem/1.334 'Pretendard', sans-serif;

		--30_title_r: 400 3rem/1.334 'Pretendard', sans-serif;
		--30_title_m: 500 3rem/1.334 'Pretendard', sans-serif;
		--30_title_sb: 600 3rem/1.334 'Pretendard', sans-serif;
		--30_title_b: 700 3rem/1.334 'Pretendard', sans-serif;

		--28_title_r: 400 2.8rem/1.358 'Pretendard', sans-serif;
		--28_title_m: 500 2.8rem/1.358 'Pretendard', sans-serif;
		--28_title_sb: 600 2.8rem/1.358 'Pretendard', sans-serif;
		--28_title_b: 700 2.8rem.358 'Pretendard', sans-serif;

		--24_title_r: 400 2.4rem/1.334 'Pretendard', sans-serif;
		--24_title_m: 500 2.4rem/1.334 'Pretendard', sans-serif;
		--24_title_sb: 600 2.4rem/1.334 'Pretendard', sans-serif;
		--24_title_b: 700 2.4rem/1.334 'Pretendard', sans-serif;
		
		--22_heading_r: 400 2.2rem/1.364 'Pretendard', sans-serif;
		--22_heading_m: 500 2.2rem/1.364 'Pretendard', sans-serif;
		--22_heading_sb: 600 2.2rem/1.364 'Pretendard', sans-serif;
		--22_heading_b: 700 2.2rem/1.364 'Pretendard', sans-serif;

		--20_heading_r: 400 2rem/1.4 'Pretendard', sans-serif;
		--20_heading_m: 500 2rem/1.4 'Pretendard', sans-serif;
		--20_heading_sb: 600 2rem/1.4 'Pretendard', sans-serif;
		--20_heading_b: 700 2rem/1.4 'Pretendard', sans-serif;

		--18_headline_r: 400 1.8rem/1.445 'Pretendard', sans-serif;
		--18_headline_m: 500 1.8rem/1.445 'Pretendard', sans-serif;
		--18_headline_sb: 600 1.8rem/1.445 'Pretendard', sans-serif;
		--18_headline_b: 700 1.8rem/1.445 'Pretendard', sans-serif;

		--17_headline_r: 400 1.7rem/1.412 'Pretendard', sans-serif;
		--17_headline_m: 500 1.7rem/1.412 'Pretendard', sans-serif;
		--17_headline_sb: 600 1.7rem/1.412 'Pretendard', sans-serif;
		--17_headline_b: 700 1.7rem/1.412 'Pretendard', sans-serif;

		--16_body_normal_r: 400 1.6rem/1.4 'Pretendard', sans-serif;
		--16_body_normal_m: 500 1.6rem/1.4 'Pretendard', sans-serif;
		--16_body_normal_sb: 600 1.6rem/1.4 'Pretendard', sans-serif;
		--16_body_normal_b: 700 1.6rem/1.4 'Pretendard', sans-serif;

		--16_body_read_r: 400 1.6rem/1.6 'Pretendard', sans-serif;
		--16_body_read_m: 500 1.6rem/1.6 'Pretendard', sans-serif;
		--16_body_read_sb: 600 1.6rem/1.6 'Pretendard', sans-serif;
		--16_body_read_b: 700 1.6rem/1.6 'Pretendard', sans-serif;

		--15_body_normal_r: 400 1.5rem/1.467 'Pretendard', sans-serif;
		--15_body_normal_m: 500 1.5rem/1.467 'Pretendard', sans-serif;
		--15_body_normal_sb: 600 1.5rem/1.467 'Pretendard', sans-serif;
		--15_body_normal_b: 700 1.5rem/1.467 'Pretendard', sans-serif;

		--15_body_read_r: 400 1.5rem/1.6 'Pretendard', sans-serif;
		--15_body_read_m: 500 1.5rem/1.6 'Pretendard', sans-serif;
		--15_body_read_sb: 600 1.5rem/1.6 'Pretendard', sans-serif;
		--15_body_read_b: 700 1.5rem/1.6 'Pretendard', sans-serif;

		--14_label_normal_r: 400 1.4rem/1.429 'Pretendard', sans-serif;
		--14_label_normal_m: 500 1.4rem/1.429 'Pretendard', sans-serif;
		--14_label_normal_sb: 600 1.4rem/1.429 'Pretendard', sans-serif;
		--14_label_normal_b: 700 1.4rem/1.429 'Pretendard', sans-serif;

		--14_label_read_r: 400 1.4rem/1.571 'Pretendard', sans-serif;
		--14_label_read_m: 500 1.4rem/1.571 'Pretendard', sans-serif;
		--14_label_read_sb: 600 1.4rem/1.571 'Pretendard', sans-serif;
		--14_label_read_b: 700 1.4rem/1.571 'Pretendard', sans-serif;

		--13_label_r: 400 1.3rem/1.385 'Pretendard', sans-serif;
		--13_label_m: 500 1.3rem/1.385 'Pretendard', sans-serif;
		--13_label_sb: 600 1.3rem/1.385 'Pretendard', sans-serif;
		--13_label_b: 700 1.3rem/1.385 'Pretendard', sans-serif;

		--12_caption_r: 400 1.2rem/1.334 'Pretendard', sans-serif;
		--12_caption_m: 500 1.2rem/1.334 'Pretendard', sans-serif;
		--12_caption_sb: 600 1.2rem/1.334 'Pretendard', sans-serif;
		--12_caption_b: 700 1.2rem/1.334 'Pretendard', sans-serif;

		--11_caption_r: 400 1.1rem/1.273 'Pretendard', sans-serif;
		--11_caption_m: 500 1.1rem/1.273 'Pretendard', sans-serif;
		--11_caption_sb: 600 1.1rem/1.273 'Pretendard', sans-serif;
		--11_caption_b: 700 1.2rem/1.273 'Pretendard', sans-serif;

		--10_caption_r: 400 1rem/1.273 'Pretendard', sans-serif;
		--10_caption_m: 500 1rem/1.273 'Pretendard', sans-serif;
		--10_caption_sb: 600 1rem/1.273 'Pretendard', sans-serif;
		--10_caption_b: 700 1rem/1.273 'Pretendard', sans-serif;

		/* shadow */
		--box-shadow: 0 0.2rem 1rem 0 rgba(0, 0, 0, 0.1)
	}

  	html {font-size: 16px !important;} 

	body.menu {overflow: hidden;}
	body.pop_open {overflow: hidden;}
	body.filter_open {overflow: hidden;}
	body.pr_side_open {overflow: hidden;}
	body.re_side_open {overflow: hidden;}
	body::before { content: "";  position: fixed;  left: 0;  top: 0;  width: 100%;  height: 100%; background-color: rgba(0,0,0,0.4); z-index: 99;  transition: var(--transition); opacity: 0; pointer-events: none;cursor: pointer;}
	body.pop_open::before { opacity: 1;  pointer-events: auto;} 
	body.filter_open::before { opacity: 1;  pointer-events: auto;} 
	body.pr_side_open::before { opacity: 1;  pointer-events: auto;} 
	body.re_side_open::before { opacity: 1;  pointer-events: auto;} 
	body.menu::before { display: none;} 

	.pc {display: none !important;}
	.tablet {display: block !important;}
	.container { padding-top: 5.4rem;} 
	.inner { width: 100%; padding: 0 2rem;}
	.inner2 { width: 100%; padding: 0 2rem;}


	/* header */
	.header { height: 5.4rem;}
	.header .h_inner {height: 100%; padding: 0 2rem; }
	.header .h_left .logobox { width: 11rem;}
	.header .h_nav {display: none;}    
	.header .h_right { gap: 1.4rem;}
	.header .h_right .side_btn { width: 2.4rem; font-size: 2.4rem;}
	.header .h_right .side_btn:hover {color: var(--brand-primary);}


  	/* navbox */
	.navbox {background: var(--basic-white);}
	.navbox .nav_head {height: 5.4rem;}
	.navbox .nav_head .h_inner {padding: 0 2rem;}
	.navbox .nav_head .h_left .logobox { width: 11rem;}
	.navbox .nav_head .h_left .logobox > a .logo_w { opacity: 0;}
	.navbox .nav_head .h_left .logobox > a .logo { opacity: 1;}
	.navbox .nav_head .h_nav {display: none;}    
	.navbox .nav_head .h_right { gap: 1.4rem;}
	.navbox .nav_head .h_right .side_btn { width: 2.4rem; font-size: 2.4rem; color: var(--brand-primary);}
	.navbox .nav_head .h_right .side_btn:hover {color: var(--brand-primary);}
	.navbox .nav_menupop {display: none;}
	.navbox .nav_menubox {flex: 1; padding: 0 2rem; display: flex; flex-direction: column; background: var(--basic-white); transition: var(--transition); overflow: hidden;}
	.navbox .nav_menubox .headbox { display: flex; flex-direction: column; gap: 2rem; border-radius: 1rem; padding: 1.6rem; background: var(--basic-bg2);}
	.navbox .nav_menubox .headbox.login {display: none;}
	body.logged .navbox .nav_menubox .headbox.login {display: flex;}
	body.logged .navbox .nav_menubox .headbox.logout {display: none;}
	.navbox .nav_menubox .headbox .profile_box { display: flex; flex-direction: column; gap: 0.8rem;}
	.navbox .nav_menubox .headbox .profile_box .profile { display: flex; align-items: center; gap: 1.2rem;}
	.navbox .nav_menubox .headbox .profile_box .profile .thum { border: 2px solid var(--basic-border); border-radius: 10rem; display: flex; align-items: center;  justify-content: center;  background: url(../img/profile_basic.png) no-repeat center / contain var(--basic-white); width: 5rem; aspect-ratio: 1 / 1;  overflow: hidden;}
	.navbox .nav_menubox .headbox .profile_box .profile .thum .img {width: 100%; height: 100%; object-fit: cover;}
	.navbox .nav_menubox .headbox .profile_box .profile .txt { display: flex; align-items: center; gap: 1rem;}
	.navbox .nav_menubox .headbox .profile_box .profile .txt .name {font:var(--20_heading_sb);letter-spacing: -0.01em;color: var(--basic-black);}
	.navbox .nav_menubox .headbox .profile_box .profile .txt .profile_btn {  font: var(--12_caption_m); letter-spacing: 0.03em;  color: var(--brand-primary); border: 1px solid var(--brand-primary); border-radius: 10rem; padding: 0.3rem 1rem; background: var(--basic-pointbg); }
	.navbox .nav_menubox .headbox .btnbox {display: flex; align-items: center; gap: 1.4rem;}
	.navbox .nav_menubox .headbox .btnbox .button {flex: 1; padding: 0.7rem 0; width: auto; height: auto; font: var(--14_label_normal_m); border-radius: 0.6rem;}
	.navbox .nav_menubox .headbox .title { font: var(--16_body_normal_sb); letter-spacing: 0.01em;  color: var(--basic-black); height: 5rem; display: flex; align-items: flex-end; }
	.navbox .nav_menubox .bodybox { flex: 1;padding-top: 2rem; overflow: hidden;}
	.navbox .nav_menubox .menuwrap {height: 100%; padding: 0; display: flex; flex-direction: column;  gap: 1rem; overflow: hidden;}
	.navbox .nav_menubox .menuwrap .tab_navbox {display: flex;}
	.navbox .nav_menubox .menuwrap .tab_navbox .tab_nav {width: 50%; font:var(--16_body_normal_r)}
	.navbox .nav_menubox .menuwrap .tab_navbox .tab_nav::before { height: 2px;}
	.navbox .nav_menubox .menuwrap .tab_navbox .tab_nav.on {font-weight: 600;}
	.navbox .nav_menubox .menuwrap .tab_navbox .tab_nav .link {padding: 1.2rem 0;}
	.navbox .nav_menubox .menuwrap .tab_contbox { flex: 1; overflow: auto;}
	.navbox .nav_menubox .menuwrap .tab_contbox::-webkit-scrollbar {display: none;}
	.navbox .nav_menubox .menuwrap .tab_contbox::after {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 6rem; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);}
	.navbox .nav_menubox .bodyitem {position: relative; padding-bottom: 5rem;}
    .navbox .nav_menubox .bodyitem { width: 100%; height: 100%; flex-direction: column; overflow: auto; }
	.navbox .nav_menubox .bodyitem.on {display: flex;}
	.navbox .nav_menubox .bodyitem::-webkit-scrollbar {display: none;}
	.navbox .nav_menubox .bodyitem > li { width: 100%;}
	.navbox .nav_menubox .bodyitem > li.bar {display: block; width: 100%; min-height: 1px; height: 1px;background: var(--basic-border); margin: 1rem 0;}
	.navbox .nav_menubox .bodyitem > li > .title { padding: 1.4rem 0;  display: flex;  align-items: center; line-height: 150%; font: var(--16_body_normal_sb);  letter-spacing: 0.01em;  color: var(--basic-darkgray);}
	.navbox .nav_menubox .bodyitem > li > .title .tit { flex: 1;}
	.navbox .nav_menubox .bodyitem > li > .title .icon {  background: url(../img/acc_arrow2.png) no-repeat center / contain; width: 1.6rem; aspect-ratio: 1 / 1;  transition: var(--transition);}
	.navbox .nav_menubox .bodyitem > li.show > .title .icon {transform: rotate(180deg);}
	.navbox .nav_menubox .bodyitem > li .acc_cont { background: var(--basic-bg2);  border-radius: 1rem; display: none;}
	.navbox .nav_menubox .bodyitem > li .acc_cont > li { font: var(--14_label_normal_m); letter-spacing: 0.01em; color: var(--basic-middlegray); transition: var(--transition);width: 100%; }
	.navbox .nav_menubox .bodyitem > li .acc_cont > li:first-child {padding-top: 1.2rem;}
	.navbox .nav_menubox .bodyitem > li .acc_cont > li:last-child {padding-bottom: 1.2rem;}
	.navbox .nav_menubox .bodyitem > li .acc_cont > li .link {padding: 0.4rem 1.6rem; display: block;}
	.navbox .nav_menubox .footbox { display: flex;align-items: center;  justify-content: space-between; padding: 2rem 0;}
	.navbox .nav_menubox .footbox .titbox { font: var(--14_label_normal_m); letter-spacing: 0.01em; color: var(--basic-darkgray); display: flex; align-items: center; gap: 0.4rem;}
	.navbox .nav_menubox .footbox .titbox .icon { width: 1.6rem;}
	.navbox .nav_menubox .footbox .inq_btn { font: var(--14_label_normal_m); letter-spacing: 0.01em; color: var(--brand-hover);  border: 1px solid var(--brand-hover); border-radius: 0.6rem;  padding: 0.4rem 1rem; }


	/* fixed nav */
	.fixed_nav {bottom: 8.4rem; right: 2rem; gap: 1rem;}
	.fixed_nav .item {width: 4rem;}
	.fixed_nav .item.event_btn, 
	.fixed_nav .item.mail_btn {display: none;}


	/* footer */
	.footer { padding: 4rem 0 8rem; }
	.footer .f_inner { gap: 2rem;}
	.footer .f_top .logobox { width: 11rem;}
	.footer .f_top .balloon {display: none;}
	.footer .f_contbox { gap: 2rem; flex-direction: column;}
	.footer .f_contbox .f_contitem { width: 100%; order: 2; display: flex; flex-direction: column; gap: 1rem;}
	.footer .f_contbox .f_contitem1 { padding: 2rem 0; border-top: 1px solid rgba(255,255,255,0.2);  border-bottom: 1px solid rgba(255,255,255,0.2);}
	.footer .f_contbox .f_contitem3 { order: 1;}
	.footer .f_contbox .f_contitem .f_tit { margin-bottom: 0rem; font: var(--16_body_normal_sb);}
	.footer .f_contbox .f_contitem .acc_tit {display: flex; align-items: center; justify-content: space-between; gap: 1rem;}
	.footer .f_contbox .f_contitem .acc_tit .tit {flex: 1;}
	.footer .f_contbox .f_contitem .acc_tit .arrow {background: url(../img/acc_arrow2.png) no-repeat center/contain; width: 1.6rem; aspect-ratio: 1/1; filter: invert(10); transition: var(--transition);}
	.footer .f_contbox .f_contitem.show .acc_tit .arrow {transform: rotate(180deg);}
	.footer .f_contbox .f_contitem .acc_cont {display: none;}
	.footer .f_contbox .f_contitem .f_infobox { gap: 0.4rem 1.6rem; max-width: unset; padding-bottom: 2rem; }
	.footer .f_contbox .f_contitem .f_infobox .f_txt { font: var(--13_label_r); font-weight: 300; gap: 0.6rem;}
	.footer .f_contbox .f_contitem .f_navbox { gap: 0.6rem;}
	.footer .f_contbox .f_contitem .f_navbox .btn { font: var(--13_label_r);}
	.footer .f_contbox .f_contitem .f_contact .contact_tit {  margin-bottom: 0.2rem;}
	.footer .f_contbox .f_contitem .f_contact .contact_tit .number { font: var(--22_heading_m);}
	.footer .f_contbox .f_contitem .f_contact .contact_tit .inq_btn { font: var(--12_caption_r); padding: 0.4rem 0.8rem;  border-radius: 0.6rem;}
	.footer .f_contbox .f_contitem .f_contact .txtbox { font: var(--13_label_r);  gap: 0.2rem;}
	.footer .f_bottom { padding-top: 2rem; font: var(--12_caption_r); line-height: 150%; flex-direction: column; align-items: unset; gap: 0.6rem;}
	.footer .f_bottom .sns_box { gap: 1.2rem;}
		


	/* mobile nav */
	.mob_nav { position: fixed; left: 0;  bottom: 0; z-index: 50; box-shadow: 0 0.2rem 2rem 0 rgba(0, 0, 0, 0.1); background: var(--basic-white); display: flex; width: 100%; height: 6rem; }
	.mob_nav .nav_item {width: 25%; height: 100%;}
	.mob_nav .nav_item .link {width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;  gap: 0.4rem; text-align: center;}
	.mob_nav .nav_item .link .icon {width: 2.4rem;}
	.mob_nav .nav_item .link .txt {font:var(--10_caption_m);letter-spacing: 0.03em;color: var(--basic-darkgray);}


	/* profile popup */
	#profile_popup .headbox { display: flex; flex-direction: column; gap: 1.6rem; background: var(--basic-bg2);  border-radius: 1rem; padding: 1.6rem; margin-bottom: 2.4rem;}
    #profile_popup .headbox .profile {  display: flex;  flex-direction: column;      align-items: center;  gap: 1.2rem;  }
	#profile_popup .headbox .profile .imgbox { position: relative;  width: 10rem; aspect-ratio: 1 / 1;  }
	#profile_popup .headbox .profile .imgbox .photo {border: 2px solid var(--basic-border); border-radius: 10rem; display: flex; align-items: center;  justify-content: center;  background: url(../img/profile_basic.png) no-repeat center / contain var(--basic-white); width: 100%; aspect-ratio: 1 / 1;  overflow: hidden;}
	#profile_popup .headbox .profile .imgbox .photo .img {width: 100%; height: 100%; object-fit: cover;}
	#profile_popup .headbox .profile .imgbox .photo_btn{background: url(../img/ic_photo.png) no-repeat center/contain; width: 3rem; aspect-ratio: 1/1; position: absolute; right: 0; bottom: 0;}
	#profile_popup .headbox .profile .imgbox .profile_input {display: none;}
    #profile_popup .headbox .profile .txtbox {display: flex; flex-direction: column; align-items: center; text-align: center; }
	#profile_popup .headbox .profile .txtbox .name {font:var(--18_headline_sb);color: var(--basic-black);}
	#profile_popup .headbox .profile .txtbox .mail {font:var(--13_label_m);letter-spacing: 0.01em;color: var(--basic-middlegray);}
	#profile_popup .bodybox { flex: 1; border-top: 1px solid var(--basic-border); padding-top: 2.4rem; padding-bottom: 2rem; display: flex; flex-direction: column; gap: 2.4rem;}
    #profile_popup .bodybox .contbox { display: flex; flex-direction: column; gap: 2rem; }
    #profile_popup .bodybox .contitem { display: flex; align-items: flex-start; }
	#profile_popup .bodybox .contitem .cont_tit { font: var(--14_label_normal_m); letter-spacing: 0.01em; color: var(--basic-darkgray); width: 10rem; }
	#profile_popup .bodybox .contitem .cont_cont { flex: 1; display: flex; align-items: flex-start; gap: 1rem;}
	#profile_popup .bodybox .contitem .input_box { flex: 1; gap: 0;} 
	#profile_popup .bodybox .contitem .input_box .input_text {font:var(--14_label_normal_r);letter-spacing: 0.01em;color: var(--basic-black); height: 3.6rem;}
	#profile_popup .bodybox .contitem .input_box .input_text:not(.focus) {border: none; padding: 0; height: 2.4rem;}
	#profile_popup .bodybox .contitem .input_box .input_status {font:var(--12_caption_sb);letter-spacing: 0.03em;color: var(--brand-hover);}
	#profile_popup .bodybox .contitem .cont_cont .change_btn { border-radius: 0.6rem; padding: 0.4rem 1rem; width: auto;height: auto; font: var(--13_label_m); }
	#profile_popup .bodybox .contitem .switch_wrap {display: flex; flex-direction: column; gap: 2rem;}
	#profile_popup .bodybox .contitem .switch_box { width: 100%; }
	#profile_popup .bodybox .contitem .switch_box .input_switch { width: 3.8rem; height: 2rem; }
	#profile_popup .bodybox .contitem .switch_box .input_switch::before { width: 1.6rem; left: 0.2rem;}
	#profile_popup .bodybox .contitem .switch_box .input_switch:checked:before { left: calc(100% - 1.6rem - 0.2rem);}
	#profile_popup .bodybox .contitem .switch_box .label_switch { display: flex; align-items: center; gap: 0.8rem; font: var(--14_label_normal_r); flex: 1;}
	#profile_popup .bodybox .contitem .switch_box .label_switch .icon {width: 2rem;}
	#profile_popup .bodybox .contitem .switch_box .label_switch .txt {flex: 1;color: var(--basic-black);}
	#profile_popup .bodybox .line {width: 100%; height: 1px; background: var(--basic-border);}
	#profile_popup .bodybox .btnbox {width: 100%; padding-top: 2rem;}
    #profile_popup .bodybox .btnbox .button { width: 100%; height: 4.4rem;  padding: 0; border-radius: 0.6rem; font: var(--14_label_normal_m);}


	/* layout */
	.layout .cont_area { width: 100%;}


	/* form */
	.form_box { gap: 1.6rem;}
	.form_box .form_item { width: 100%;}

	.input_box { gap: 1rem;}
	.input_box .label_text {font: var(--14_label_normal_m)}
	.input_box .label_text.felxible { gap: 0.6rem;}
	.input_box .input_text { border-radius: 0.8rem; height: 4rem; font: var(--14_label_normal_r); padding: 0 1.2rem;}
	.input_box .input_text.datepicker { background: url(../img/ic_datepicker.png) no-repeat right 1.2rem center / 1.8rem auto var(--basic-white); padding-right: 3.6rem;}
	.input_box textarea.input_text {padding: 0.8rem 1.2rem; height: 10rem;}
	.input_box textarea.input_text.h100 { height: 10rem;}
	.input_box .input_status {font: var(--13_label_r); word-break: unset;}
	.input_box .input_btn { border-radius: 0.8rem; height: 4rem; padding: 0.4rem 1.6rem; font: var(--14_label_normal_sb);}
	.input_box .input_item { gap: 0.8rem;}
	.input_box .input_flex { gap: 0.8rem;}
	.input_box .input_flex .sns_select { width: 10rem;}
	.input_box.flexible {gap: 0.8rem;}
	.input_box_view .input_text {padding-right: 3.6rem;}
	.input_box_view .view_btn { width: 1.8rem; right: 1.2rem;}

	.check_box { gap: 0.8rem;}
	.check_box .label_check {font: var(--14_label_normal_r);}
	.check_box .input_check {width: 1.8rem; height: 1.8rem; border-radius: 0.4rem;}
	.check_box .input_check::before { width: 1rem; }
	.check_wrap.ver2 { gap: 0.8rem; max-height: 13rem;  padding: 0 1.4rem; margin: 1rem 0;}
	.check_wrap.ver2 .check_box .input_check { width: 1.2rem; height: 1.2rem;}
	.check_wrap.ver3 {gap: 0.5rem;}
	.check_wrap.ver3 .check_box .label_check { padding: 0.6rem 1.3rem;  border-radius: 10rem;}

	.radio_wrap { gap: 1rem 2rem;}
	.radio_wrap.mh {  height: unset;}
	.radio_box { gap: 0.8rem;}
	.radio_box .input_radio { width: 1.8rem; height: 1.8rem;}
	.radio_box .input_radio::before { width: 0.8rem;}
	.radio_box .label_radio { font: var(--14_label_normal_r);}

	.switch_box { gap: 0.8rem;}
	.switch_box .input_switch { width: 4.4rem; height: 2.4rem;  border-radius: 10rem;}
	.switch_box .input_switch::before { left: 0.2rem; width: 2rem; border-radius: 50%;}
	.switch_box .input_switch:checked::before {left: calc(100% - 0.2rem - 2rem);}
	.switch_box .label_switch { font: var(--14_label_normal_r);}

	.select_box .select { height: 4rem;  font: var(--14_label_normal_r); background: url(../img/select_arrow.png) no-repeat right 1.2rem center / 1.8rem var(--basic-white);  border-radius: 0.8rem; padding: 0 3.6rem 0 1.2rem;}
	.select_box.filter_ver { border-radius: 0.8rem;  padding: 0 1.6rem;}
	.select_box.filter_ver .select {  gap: 0.8rem;}
	.select_box.filter_ver .select .icon { width: 1.6rem;}
	.select_box.filter_ver .select .arrow { width: 1.6rem;}
	.select_box.filter_ver .select_list .input_box .input_text { height: 3.6rem;  padding: 0 3.6rem 0 1.2rem;}
	.select_box.filter_ver .select_list .input_box .sch_btn { width: 1.2rem;  right: 1.6rem;}

	.range_box { margin-top: 1.1rem; padding: 0 0.8rem;}
	.range_box .slider {  margin: 0 auto 1.9rem;}
	.range_box .slider .thumb { top: -0.8rem; width: 1.6rem; padding: 0.4rem;  box-shadow: 0 0.4rem 1rem 0 rgba(0, 0, 0, 0.12);}

	.control_box { gap: 0.2rem;}
	.control_box .input_control { width: 2rem;}
	.control_box .input_count { width: 2.5rem; width: 4rem; font: var(--13_label_m);}
	.control_box.ver2 .input_control {width: 2.4rem;}
	.control_box.ver3 .input_control { width: 2.8rem;}
	.control_box.ver3 .input_count {font: var(--14_label_normal_r);width: 3.4rem; height: 2.8rem;}	

	.rating_box .rating { gap: 0.3rem;}
	.rating_box .rating .label_star {width: 2rem;}


	/* datepicker */
	.ui-datepicker {  margin-top: 1.2rem;  box-shadow: 0 0.4rem 2rem 0 rgba(0, 0, 0, 0.1);  border-radius: 1.2rem; padding: 1.6rem 1.2rem; z-index: 50;} 
	.ui-datepicker .ui-datepicker-header { padding: 0 0.6rem; margin-bottom: 1rem;}
	.ui-datepicker .ui-datepicker-title { font: var(--15_body_normal_sb);}
	.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { width: 1.6rem  !important; }
	.ui-datepicker .ui-datepicker-prev {order: 2; margin-right: 0.8rem;}	
	.ui-datepicker-calendar>thead>tr>th { width: 3rem; height: 3rem;  padding: 0;  }
	.ui-datepicker-calendar>thead>tr>th span { font:var(--14_label_normal_sb)}
	.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { width: 3rem; height: 3rem; font:var(--14_label_normal_r)}
	.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,
	.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,
	.ui-button:hover,.ui-button:focus { width: 3rem; height:3rem;}	
	.ui-state-active::before, .ui-widget-content .ui-state-active::before, .ui-widget-header .ui-state-active::before, a.ui-button:active::before, .ui-button:active::before, .ui-button.ui-state-active:hover::before { border-radius: 0.8rem;  width: 3rem; }


	/* tab */
	.tab_navbox .tab_nav {  font: var(--14_label_normal_r); letter-spacing: 0.01em;}
	.tab_navbox .tab_nav .link { padding: 1.5rem 1rem; }
	.tab_navbox .tab_nav::before { height: 0.3rem;}
	.tab_navbox.round_ver .tab_nav { font: var(--14_label_normal_m);  border-radius: 10rem;}
	.tab_navbox.round_ver .tab_nav .link { padding: 0.5rem 1.4rem;}


	/* button */
	.button { border-radius: 1rem; height: 4.8rem;  width: 16rem; padding: 0 2.4rem;  font: var(--16_body_normal_sb);}
	.button.icon_ver { width: 4.8rem;}
	.button.icon_ver .icon {width: 2rem;}
	.view_more {  max-width: 24rem;  font: var(--16_body_normal_sb);  padding: 1.2rem 0;
    border-radius: 1.2rem;  gap: 0.8rem;}
	.view_more .arrow {width: 1.6rem;}
	.button_box {  gap: 1.2rem; margin-top: 3.6rem;}
	.button_box .button { width: 100%; flex: 1;  height: 4.4rem;  font: var(--15_body_normal_sb);}
	.button_box .button.medium { height: 4.4rem; font: var(--15_body_normal_sb);   border-radius: 1rem;}


	/* badge */
	.badgebox { gap: 0.4rem;}
	.badge { border-radius: 0.4rem; padding: 0.2rem 0.5rem;}


	/* table */
	.tbl {border-radius: 0.8rem 0.8rem 0 0;}
	.tbl thead tr th { font: var(--13_label_sb); padding: 0.8rem 1.2rem 0.8rem 8.5rem;}
	.tbl tbody tr td { font: var(--13_label_r); padding: 0.8rem 1.2rem 0.8rem 8.5rem;}
	.tbl tbody tr td .icon { width: 1.2rem;}
	.tbl tbody tr td .icon.icon_answer { width: 1rem;}
	.tbl .input_box .input_text { height: 3.2rem;}
	.tbl .select_box .select { height: 3.2rem;}
	.tbl.medium thead tr th { font: var(--12_caption_sb); padding:1rem 0.8rem; white-space: nowrap;}	
	.tbl.medium tbody tr td { font: var(--12_caption_r); height: 3.6rem; padding: 0 0.8rem;}
	.tbl.medium tbody tr td .notice_badge { font: var(--11_caption_m); padding: 0.3rem 0.6rem; border-radius: 10rem;}
	.tbl.small thead tr th { font: var(--11_caption_sb); padding: 0.8rem;}
	.tbl.small tbody tr td { font: var(--11_caption_r); height: 3.2rem;  padding: 0 0.8rem;}

	.mob_tbl .tbl{ display: flex; flex-direction: column; align-items: flex-start;  }
	.mob_tbl .tbl thead { display: none;}
	.mob_tbl .tbl tbody{ width: 100%; display: flex; flex-direction: column; align-items: flex-start;  }
	.mob_tbl .tbl tbody tr {border: 1px solid var(--basic-pale); border-bottom: 0; border-radius: 0.8rem; width: 100%; display: flex; flex-direction: column; align-items: flex-start; border-bottom: 0; overflow: hidden; }
	.mob_tbl .tbl tbody tr td { position: relative;  display: flex; align-items: center;
    width: 100%; padding: 1rem 1.2rem 1rem 10.2rem;  height: auto;  text-align: left;  border-bottom: 1px solid var(--basic-pale);}
	.mob_tbl .tbl tbody tr td::before {  content: attr(data-th) ""; position: absolute;  left: 0;top: 0; display: flex;color: var(--basic-darkgray); font-weight: 600; width: 9rem;  height: 100%; background: var(--basic-bg2); padding: 1rem 0 1rem 1.2rem; box-sizing: border-box;}
	.mob_tbl .tbl tbody tr td .input_box {width: 100%;}
	.mob_tbl .tbl tbody tr td .select_box {min-width: 12rem;}


	/* pagination */
	.pagination .page { border-radius: 10rem;  width: 3rem;}
	.pagination .page_link, 
	.pagination .page_ellipsis { font-size: 1.2rem;}
	.pagination .page_btn::after {width: 100%;}
	.pagination .page_btn.prev { margin-right: 1.6rem;}
	.pagination .page_btn.next {margin-left: 1.6rem;}


	/* breadcrumb */
	.breadcrumb { gap: 1rem; margin-top: 1rem; font: var(--14_label_normal_m); }
	.breadcrumb .home { width: 1.4rem; margin-bottom: 0.2rem;}
	.breadcrumb .bar { height: 1rem;}
	.breadcrumb .catebox .cate_btn { gap: 0.5rem;}
	.breadcrumb .catebox .cate_btn .arrow {  width: 1.4rem;}
	.breadcrumb .catebox .cate_popup { position: fixed; left: 0;  top: unset;  bottom: 0; border-radius: 2rem 2rem 0 0; padding: 4.4rem 2rem 2rem; min-width: unset; width: 100%; max-height: 88vh; transform: translateY(2.5rem); z-index: 120;}
	.breadcrumb .catebox.show .cate_popup {transform: translateY(0);}
	.breadcrumb .catebox .cate_popup .linkbox {padding-bottom: 1.6rem;}
	.breadcrumb .catebox .cate_popup .linkbox::before {content: "메뉴 선택"; display: block; font:var(--18_headline_sb); margin-bottom: 1.6rem; color: var(--basic-black);}
	.breadcrumb .catebox .cate_popup .linkbox .link { position: relative; padding: 1rem 0; font: var(--15_body_normal_m); letter-spacing: 0.01em;}


	/* modal  */
	.modal .modal_box {border-radius: 1.2rem;  box-shadow: 0 0.4rem 1rem 0 rgba(0, 0, 0, 0.1);  padding: 2rem 1.6rem 2.4rem;  min-width: unset;  width: calc(100% - 2rem * 2); max-width: 100%; max-height: calc(100% - 2rem*2);}
	.modal .modal_box .modal_tit { font: var(--18_headline_sb); margin-bottom: 1rem;}
	.modal .modal_box .modal_desc { font: var(--14_label_normal_r);}
	.modal .modal_box .modal_btnbox { gap: 1.2rem; margin-top: 2.4rem;}
	.modal .modal_box .modal_btnbox .modal_btn { min-width: 9rem; border-radius: 0.8rem;  height: 3.6rem;  font: var(--14_label_normal_m);}
	.modal .modal_box .modal_head .modal_close { width: 2rem;}

	.modal.ver2 {background: none;overflow: hidden;}
	.modal.ver2 .modal_box {  padding: 0;  width: 100%;  min-width: unset;  max-width: 100%;  height: 100%;  max-height: 100%;  border-radius: 0;  margin: 0; }
	.modal.ver2 .modal_box .modal_head { width: 100%; height: 5.4rem; gap: 1rem; margin-bottom: 0;  padding: 0 2rem; border-bottom: 1px solid var(--basic-border);}
	.modal.ver2 .modal_box .modal_head .tit { font: var(--16_body_normal_sb);  letter-spacing: 0.01em;}
	.modal.ver2 .modal_box .modal_head .modal_close { width: 2.4rem;}
	.modal.ver2 .modal_box .modal_body { width: 100%; flex: 1;  padding: 2rem; gap: 0;  overflow-x: hidden;}
	.modal.ver2 .modal_box .modal_btnbox {  margin-top: 0;  padding: 2rem;}


	/* popup */
	.popup {  position: fixed; left: 0; bottom: 0; border-radius: 2rem 2rem 0 0;   padding: 4.4rem 2rem 2rem; min-width: unset; width: 100%; max-height: 88vh; transform: translateY(2.5rem);}
	.popup.show{transform: translateY(0);}
	.popup.open{transform: translateY(0);}
	.popup::before {content: ""; position: absolute; left: 50%; top: 1.6rem; width: 5rem; height: 0.4rem; border-radius: 10rem; background: var(--basic-border); transform: translateX(-50%);}


	/* swiper */
	.swiper.inner { width: 100%;}	
	.swiper .paging .swiper-pagination-bullet {width: 0.6rem; height: 0.6rem;}
	.swiper .paging .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 3rem; }
	.swiper .paging.fraction { font: var(--12_caption_sb); border-radius: 10rem;   padding: 0.3rem 1rem; gap: 0.3rem;}

	.slidebox .prev_btn { left: -1rem;}
	.slidebox .next_btn { right: -1rem;}
	.slidebox .prev_btn, .slidebox .next_btn { width: 2.4rem;}
	

	/* calender */
	.calender { border-radius: 1rem; padding: 1.6rem; gap: 1.2rem; }
	.calender .cal_head { padding: 0 1rem;}
	.calender .cal_head .control {  gap: 0.8rem;}
	.calender .cal_head .control .cal_btn { width: 1.6rem;}
	.calender .cal_body {font: var(--13_label_r); }
	.calender .cal_body .week_day { gap: 0.6rem; }
	.calender .cal_body .week_date { gap: 0.6rem; }
	.calender .cal_body .week_day .day,
	.calender .cal_body .week_date .date { width: auto; flex: 1;  aspect-ratio: 1 / 0.8;}
	.calender .cal_body .week_date .date { border-radius: 0.5rem;}

	.calender_wrap {flex-direction: column;}
	.calender_wrap .calender.ver2 { width: 100%;}
	.calender.ver2 { gap: 1.2rem;}
	.calender.ver2 .cal_head { padding: 0 1rem;}
	.calender.ver2 .cal_head .cal_btn {width: 2rem;}
	.calender.ver2 .cal_body { gap: 0.4rem;}
	.calender.ver2 .cal_body .week_day .day {font-weight: 700;}
	.calender.ver2 .cal_body .week_date .date {  gap: 0.2rem;  padding: 0.4rem 0;}
	.calender.ver2 .cal_body .week_date .date.selected {  border-radius: 0.4rem;}


	/* no post */
	.no_post { padding: 5rem 0; gap: 1.2rem;}
	.no_post .icon { width: 3.6rem;}
	.no_post .txt { font: var(--14_label_normal_m);}


	/* dot text */
	.dot_txt {  padding-left: 1.2rem;  font: var(--13_label_r);  letter-spacing: 0.02em; word-break: keep-all;}
	.dot_txt::before { top: 0.7rem; width: 0.3rem;}


	/* photo popup */	
	.modal.photo_modal .modal_box { width: calc(100% - 2rem * 2);  height: unset;  min-width: unset; border-radius: 1.2rem; margin-top: 2.5rem;}
	.modal.photo_modal.show .modal_box {margin-top: 0;}
	.modal.photo_modal .modal_box .modal_body { border: 0;  display: flex;  flex-direction: column; border-radius: 0; padding: 0;}
	.photo_modal .photo_list .item .img { border-radius: 0;}
	.photo_modal .photo_thum {  padding: 1.6rem;}
	.photo_modal .photo_thum .item { width: 5.6rem; border-radius: 0.6rem;}
	.photo_modal .photo_thum .item::after { border-radius: 0.6rem;  border: 2px solid var(--brand-secondary);}
	.photo_modal .photo_list .prev_btn, .photo_modal .photo_list .next_btn { display: none;}


	/* term */
	.term_area {gap: 1.6rem;}
	.term_area .term_txtbox .title { font: var(--14_label_normal_sb);}
	.term_area .term_txtbox .sub { font: var(--13_label_sb);}
	.term_area .term_txtbox .desc { font: var(--12_caption_r);}


	/* term popup */
	.term_popup .modal_box .modal_body {  border: 0; border-radius: 0;}
	.term_popup .modal_box .modal_body .term_area { max-height: unset; padding-right: 0; overflow: unset;}
	.term_popup .modal_box .modal_body .term_area::-webkit-scrollbar {display: none;}


	/* product swiper */
	.prd_swiper { width: calc(100% + 2rem * 2); margin: 0 -2rem; padding: 0 2rem;   border-radius: 0;}
	.prd_swiper .item { width: 20rem; gap: 1.2rem;}
	.prd_swiper .item .imgbox { border-radius: 1.2rem;}	
	.prd_swiper .item:hover .imgbox .img {transform: scale(1);}
	.prd_swiper .item .imgbox .top { left: 1rem; bottom: 1rem;  border-radius: 0.4rem;  padding: 0.5rem 0.6rem; gap: 0.4rem; font-size: 0.8rem;}
	.prd_swiper .item .imgbox .wish_btn { width: 2rem;  right: 1rem; bottom: 1rem;}
	.prd_swiper .item .txtbox { gap: 0.4rem;}
	.prd_swiper .item .txtbox .titbox .tit { font: var(--15_body_normal_sb);}
	.prd_swiper .item .txtbox .pricebox .price { font: var(--14_label_normal_sb);  letter-spacing: 0.01em;}
	.prd_swiper .item .txtbox .pricebox .ori { font: var(--13_label_m);}
	.prd_swiper .item .txtbox .detailbox { gap: 1.6rem; margin-bottom: 0.6rem;}
	.prd_swiper .item .txtbox .detailbox .de_item { gap: 0.2rem;  font: var(--12_caption_r); letter-spacing: 0.03em;}
	.prd_swiper .item .txtbox .detailbox .de_item .icon { width: 1.2rem;}
	.prd_slidebox .prev_btn, .prd_slidebox .next_btn {display: none;}


	/* 01 메인 */
	.main_section { border-radius: 5rem 5rem 0 0; }
	.main_nav {display: none;}
	.m_txt1 { font-size: 4rem; margin-bottom: 0.8rem;}
	.m_txt2 { padding-left: 0; font: var(--20_heading_sb);  word-break: keep-all;}
	.m_txt3 { padding-left: 0; font: var(--14_label_normal_r); word-break: keep-all;}
	.m_more { font: var(--14_label_normal_sb); font-family: var(--second-family);  gap: 1.4rem;}
	.m_more .arrow { width: 2.4rem;}

	
	.ms1 { height: 100vh; border-radius: 0; overflow: hidden;}
	.ms1::before { content: ""; position: absolute; left: 0;  bottom: 0;  width: 100%;  height: 75%; background: linear-gradient(to top, #000, transparent); opacity: 0.6; z-index: 2;}
	.ms1 .balloon { top: 6%;  left: auto;  right: -10%;  width: 65%; z-index: 1;}
	.ms1 .inner {z-index: 3; pointer-events: all;}
	.ms1 .contbox { padding: 0 0 8.8rem;  height: 100%;  justify-content: flex-end; gap: 5rem;}
	.ms1 .contbox .txtbox { opacity: 1;}
	.ms1 .contbox .txtbox .sub { font: var(--14_label_normal_sb); font-family: var(--second-family);}
	.ms1 .contbox .txtbox .tit { font: var(--28_title_r); font-weight: 300;}
	.ms1 .contbox .txtbox .desc { margin-top: 1rem; font: var(--14_label_normal_r);   line-height: 160%;}
	.ms1 .contbox .scroll { gap: 0.5rem; margin: 0 auto;}
	.ms1 .contbox .scroll .txt { font: var(--10_caption_sb); display: none;}
	.ms1 .contbox .scroll .ani { width: 1rem; height: 2.4rem; border: 1px solid var(--basic-white); display: none;}
	.ms1 .contbox .scroll .ani .dot { top: 0.2rem; width: 0.6rem;}
	.ms1 .contbox .scroll .arrow { display: block; transition: var(--transition); animation: scrollAni 2s ease-in-out infinite; font-size: 2.4rem;  color: var(--basic-white); }
	@keyframes scrollAni {
		0% { transform: translateY(-0.8rem);}
		50% {transform: translateY(0.8rem); }
		100% {transform: translateY(-0.8rem);}
	}
	.ms1 .ms1_swiper {display: block;}
	.ms1 .ms1_swiper .item0 .img { background-position: 54% 50%;}
	.ms1 .ms1_swiper .item1 .img { background-position: 65% 50%;}
	.ms1 .ms1_swiper .item2 .img { background-position: 20% 50%;}
	.ms1 .ms1_swiper .item3 .img { background-position: 80% 50%;}
	.ms1 .ms1_swiper .item .inner { display: none;}
	.ms1 .ms1_controls { display: flex; align-items: center;  gap: 1rem;}

	.ms2 {z-index: 2; padding: 6rem 0 12rem; overflow: hidden;} 
	.ms2 > .inner {  flex-direction: column; align-items: flex-start; gap: 4rem;}
	.ms2 .contbox { gap: 4rem;}
	.ms2 .contbox .m_titbox .m_txt2 { margin-bottom: 2rem;}
	.ms2 .contbox .m_titbox .partner {  position: relative; right: unset; bottom: unset; margin-top: 2rem;  gap: 1.6rem; transition-delay: unset;}
	.ms2 .contbox .m_titbox .partner .link { width: 8.4rem;}
	.ms2 .contbox .corebox .item { width: 100%; padding: 2rem; border-radius: 1.6rem;}
	.ms2 .contbox .corebox .item .txtbox { gap: 0.6rem;}
	.ms2 .contbox .corebox .item .txtbox .tit { font: var(--18_headline_sb); }
	.ms2 .contbox .corebox .item .txtbox .desc { font: var(--13_label_r);}
	.ms2 .banner { width: 100%;  height: 18rem;  border-radius: 1.6rem;   padding: 2rem; align-items: flex-end; justify-content: flex-end;}
	.ms3 {z-index: 3; padding-bottom: 16rem;} 
	.ms3 .contbox { gap: 4rem;}
	.ms3 .contbox .m_titbox {  flex-direction: column; align-items: unset; gap: 0;}
	.ms3 .contbox .m_titbox .txtbox { gap: 2rem;}
	.ms3 .contbox .ms3_swiper .item { height: 24rem; border-radius: 1.6rem; }
	.ms3 .contbox .ms3_swiper .item .txtbox {  width: 28rem; padding: 4rem 1.6rem 2rem; flex-direction: column; align-items: unset; gap: 2rem; }
	.ms3 .contbox .ms3_swiper .item .txtbox .leftbox {gap: 0.2rem;}
	.ms3 .contbox .ms3_swiper .item .txtbox .leftbox .tit { font: var(--18_headline_m);}
	.ms3 .contbox .ms3_swiper .item .txtbox .leftbox .desc { font: var(--14_label_normal_r); font-weight: 300;}
	.ms3 .contbox .ms3_swiper .swiper-slide { width: 28rem; }	
	.ms3 .contbox .ms3_swiper .swiper-slide-active.effect {transition: unset}
	.ms3 .contbox .ms3_swiper .swiper-slide-active.hover { width: 28rem;}
	.ms3 .contbox .ms3_swiper .prev_btn, .ms3 .contbox .ms3_swiper .next_btn {display: none;}
	.ms4 {z-index: 4;  padding: 6rem 0 10rem;} 
	.ms4 .top_icon .icon { top: 2rem; width: 5rem; font-size: 2rem;}
	.ms4 .m_titbox .m_txt1 { padding-left: 2rem; line-height: 140%; margin-bottom: 0.8rem; }
	.ms4 .weather_box { flex-direction: column; gap: 2rem; padding: 0; border: 0; border-radius: 0; background: none; backdrop-filter: unset; box-shadow: unset; }
	.ms4 .weather_box > .leftbox { width: 100%; gap: 2rem;}
	.ms4 .weather_box > .leftbox .topbox { flex-direction: column; gap: 2rem;}
	.ms4 .weather_box > .leftbox .topbox .topitem1 { width: 100%; border-radius: 1.6rem; background: rgba(255, 255, 255, 0.2);  backdrop-filter: blur(0.3rem);}
	.ms4 .weather_box > .leftbox .topbox .topitem1 .top { min-height: unset;}
	.ms4 .weather_box > .leftbox .topbox .topitem1 .top .txtbox .temper { font: var(--24_title_sb);}
	.ms4 .weather_box > .leftbox .topbox .topitem1 .top .txtbox .state {  font: var(--18_headline_r);}
	.ms4 .weather_box > .leftbox .topbox .topitem1 .top .iconbox { width: 6.4rem;}
	.ms4 .weather_box > .leftbox .topbox .topitem1 .bottom .location { font: var(--16_body_normal_sb);}
	.ms4 .weather_box > .leftbox .topbox .topitem1 .bottom .date { font: var(--14_label_normal_r);}
	.ms4 .weather_box > .leftbox .topbox .topitem2 { width: 100%; border-radius: 1.6rem; gap: 0.4rem;background: rgba(255, 255, 255, 0.2);  backdrop-filter: blur(0.3rem);}
	.ms4 .weather_box > .leftbox .topbox .topitem2 .infoitem { font: var(--15_body_normal_r);}
	.ms4 .weather_box > .leftbox .topbox .topitem2 .infoitem .desc { gap: 0.4rem;}
	.ms4 .weather_box > .leftbox .topbox .topitem2 .infoitem .desc .icon { width: 1.2rem; }
	.ms4 .weather_box > .leftbox .bottombox {  border-radius: 1.6rem; gap: 1rem; background: rgba(255, 255, 255, 0.2);  backdrop-filter: blur(0.3rem);}
	.ms4 .weather_box > .leftbox .bottombox .weekbox { gap: 0.6rem; padding-top: 0;}
	.ms4 .weather_box > .leftbox .bottombox .weekbox > .item { gap: 0.2rem;  padding: 0.8rem 0; border-radius: 0.6rem; flex: 1;}
	.ms4 .weather_box > .leftbox .bottombox .weekbox > .item .day { font: var(--10_caption_m);}
	.ms4 .weather_box > .leftbox .bottombox .weekbox > .item .icon { width: 3rem;}
	.ms4 .weather_box > .leftbox .bottombox .weekbox > .item .temper { font: var(--10_caption_r);}
	.ms4 .weather_box > .rightbox { width: 100%; border-radius: 1.6rem;  padding: 2.4rem 2rem;  gap: 2rem; background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(0.3rem);}
	.ms4 .weather_box > .rightbox .txtwrap .txtbox { padding-bottom: 1rem;}
	.ms4 .weather_box > .rightbox .txtwrap .txtbox .title { font: var(--20_heading_sb);}
	.ms4 .weather_box > .rightbox .txtwrap .txtbox .icon { width: 2.8rem;}
	.ms4 .weather_box > .rightbox .cont_box > .title { font: var(--15_body_normal_sb);}
	.ms4 .weather_box > .rightbox .cont_box > .box { padding: 1.4rem 1.6rem; }
	.ms4 .weather_box > .rightbox .cont_box1 > .box .item { font: var(--12_caption_r);  font-weight: 300; gap: 0.8rem;}
	.ms4 .weather_box > .rightbox .cont_box1 > .box .item .icon { font-size: 1.4rem;}
	.ms4 .weather_box > .rightbox .cont_box2 > .box { flex-wrap: wrap;  gap: 1.4rem 0.8rem;}
	.ms4 .weather_box > .rightbox .cont_box2 > .box .item {  gap: 0.4rem;  font: var(--13_label_r);  font-weight: 300;  word-break: keep-all;  width: calc((100% - 0.8rem) / 2);  flex: unset;}
	.ms4 .weather_box > .rightbox .cont_box2 > .box .item .icon { font-size: 2.4rem;}
	.ms4 .weather_box > .rightbox .m_more { margin-left: 0;}
	.ms5 {z-index: 5; overflow: hidden; padding: 5rem 0 10rem;} 
	.ms5 > .inner { flex-direction: column; align-items: flex-start; gap: 4rem;}
	.ms5 .contbox { padding: 0;  gap: 4rem;}
	.ms5 .contbox .linkbox .item { padding: 1rem 0; gap: 2rem;}
	.ms5 .contbox .linkbox .item .txtbox { flex: 1; flex-direction: column; align-items: unset;  gap: 0.4rem;}
	.ms5 .contbox .linkbox .item .txtbox .tit { font: var(--18_headline_sb); width: 100%;}
	.ms5 .contbox .linkbox .item .txtbox .desc { font: var(--13_label_r);}
	.ms5 .contbox .linkbox .item .iconbox {  width: 2.4rem;}
	.ms5 .banner {  width: 100%;  max-width: unset;  height: 18rem;   border-radius: 1.6rem;  padding: 2rem;  align-items: flex-end; justify-content: flex-end; background-position: 50% 80%;}


	
	/* 서브 공통 */
	.sub_section:last-child { margin-bottom: 10rem;}
	.sub_section.ver2 {margin-top: 4rem;}

	.sub_topbanner { padding: 2rem 0 4rem;}
	.sub_topbanner .banner { height: 16rem;  border-radius: 0; gap: 1rem;}
	.sub_topbanner .banner .sub { font: var(--15_body_normal_sb);}
	.sub_topbanner .banner .tit { font: var(--24_title_sb);}

	.sub_titbox { gap: 0.6rem; margin-bottom: 2.4rem;}	
	.s_txt1 { font: var(--13_label_sb);}
	.s_txt2 { font: var(--24_title_sb);}
	.s_txt3 { font: var(--24_title_sb); font-family: var(--second-family);}

	.s_tit { font: var(--22_heading_sb);}
	.s_tit.flexible { gap: 1rem;}
	.s_tit.flexible .icon { width: 2.4rem;}
	.s_desc { font: var(--14_label_normal_r);}

	.board_titbox { flex-direction: column-reverse;  align-items: unset; gap: 0.6rem; margin-bottom: 2.4rem; }
	.board_titbox .tit {font: var(--22_heading_sb);}
    .board_titbox .desc { font: var(--13_label_sb);  word-break: keep-all;     letter-spacing: 0.01em; }

	.mob_inner .board_titbox {  flex-direction: column-reverse; align-items: unset; gap: 0.6rem;  margin-bottom: 2.4rem;}
	.mob_inner .board_titbox .tit {font: var(--22_heading_sb);}
	.mob_inner .board_titbox .desc { font: var(--13_label_sb);  word-break: keep-all;     letter-spacing: 0.01em; }


	/* 02 회사소개 */
	.com_sec1 { margin-bottom: 5rem;}	
	.com_sec1 .contbox { flex-direction: column;}
	.com_sec1 .contbox .leftbox { width: 100%; max-width: 100%;}
	.com_sec1 .contbox .rightbox { gap: 2rem;}
	.com_sec1 .contbox .rightbox .ceo_txt { font: var(--14_label_normal_r); word-break: keep-all;}
	.com_sec1 .contbox .rightbox .ceo_name { font: var(--15_body_normal_sb); gap: 0.4rem;}
	.com_sec1 .decotxt { position: relative; right: auto; bottom: auto; font-size: 4rem; padding: 0 2rem; margin-top: -2rem; }
	.com_sec2 { margin-bottom: 8rem;}
	.com_sec2 .sub_titbox { margin-bottom: 1rem;}
	.com_sec2 .com_swiper1 { width: calc(100% + 4rem); margin: 0.75rem -2rem;  padding: 0.75rem 2rem;}
	.com_sec2 .com_swiper1 .item { width: 28rem; padding-top: 2rem;}
	.com_sec2 .com_swiper1 .item .box { min-height: 18rem; border-radius: 1.6rem;}
	.com_sec2 .com_swiper1 .item .box .number { font-size: 6rem; right: 1.2rem;  top: -2.4rem;}
	.com_sec2 .com_swiper1 .item .box .top .desc { font: var(--14_label_normal_r);  line-height: 1.5;}
	.com_sec2 .com_swiper1 .item .box .bottom .tit { font: var(--18_headline_sb);}
	.com_sec2 .com_swiper1 .item .box .bottom .sub { font: var(--12_caption_r);}
	.com_sec3 { margin-bottom: 6rem; padding-top: 8rem; margin-top: -8rem;}
	.com_sec3 .sub_titbox { margin-bottom: 2.4rem;}
	.com_sec3 .com_swiper2 { width: calc(100% + 4rem); margin: 0 -2rem; padding: 0 2rem;}
	.com_sec3 .com_swiper2 .item { width: 28rem; gap: 2rem;}
	.com_sec3 .com_swiper2 .item .imgbox { border-radius: 1.6rem; }	
	.com_sec3 .com_swiper2 .item .txtbox { gap: 1rem;}
	.com_sec3 .com_swiper2 .item .txtbox .type { font: var(--13_label_m); padding: 0.4rem 1.2rem;}
	.com_sec3 .com_swiper2 .item .txtbox .tit .name { font: var(--24_title_sb);}
	.com_sec3 .com_swiper2 .item .txtbox .tit .eng { font: var(--15_body_normal_r);  font-family: var(--second-family);}
	.com_sec3 .com_swiper2 .item .txtbox .desc { font: var(--12_caption_r);  line-height: 160%; letter-spacing: 0; word-break: keep-all;}
	.com_sec4  { margin-bottom: 6rem;}
	.com_sec4 .contbox {  flex-direction: column;  gap: 1.4rem;}
	.com_sec4 .contbox .leftbox { width: 100%; max-width: 100%; gap: 4rem; padding: 0;}
	.com_sec4 .contbox .leftbox .top { flex-direction: column-reverse;  align-items: unset;  gap: 2rem; padding: 0;}
	.com_sec4 .contbox .leftbox .top .certificate {  border-radius: 1rem;  width: 12rem; }
	.com_sec4 .contbox .leftbox .top .sub_titbox {  align-items: unset;  text-align: unset; margin: 0;}
	.com_sec4 .contbox .leftbox .top .sub_titbox .s_txt2 { font-size: 2.4rem;}

	.com_sec4 .contbox .leftbox .bottom { height: 14rem;  border-radius: 1.2rem;}
	.com_sec4 .contbox .rightbox { gap: 1.4rem;}
	.com_sec4 .contbox .rightbox .item { gap: 1.4rem;}
	.com_sec4 .contbox .rightbox .item .imgbox { border-radius: 1rem;}	
	.com_sec5 {padding-top: 8rem; margin-top: -8rem;}
	.com_sec5 .map_box .txtbox .add { font: var(--16_body_normal_sb);}
	.com_sec5 .map_box .txtbox .infobox { gap: 0.4rem; flex-direction: column; align-items: unset;}
	.com_sec5 .map_box .txtbox .infobox .bar {display: none;}
	.com_sec5 .map_box .txtbox .infobox .item .icon { font-size: 1.6rem;}
	.com_sec5 .map_box .txtbox .infobox .item .txt { font: var(--14_label_normal_r);}
	.com_sec5 .map_box .map { height: 30rem; }



	/* 03 열기구체험 */	
	.fli_sec .txtbox { margin-bottom: 4rem; flex-direction: column;  gap: 0;}
	.fli_sec .txtbox .leftbox { width: 100%;}
	.fli_sec .txtbox .rightbox { width: 100%; max-width: unset;}
	.fli_sec .txtbox .rightbox .fli_tit { font: var(--18_headline_sb); margin-bottom: 1rem;}
	.fli_sec .txtbox .rightbox .fli_desc { font: var(--13_label_r);  line-height: 160%;  word-break: keep-all;}
	.fli_sec .txtbox .rightbox .bottom { gap: 0.6rem; margin-top: 1.4rem;}
	.fli_sec .txtbox .rightbox .bottom .fli_sub { font: var(--15_body_normal_sb);}
	.fli_sec .txtbox .rightbox .bottom .stepbox { flex-wrap: wrap; gap: 0.6rem 1rem;}
	.fli_sec .txtbox .rightbox .bottom .stepbox .txt {  font: var(--13_label_m);}
	.fli_sec .txtbox .rightbox .bottom .stepbox .arrow { width: 1.4rem;}
	.fli_sec .slidebox { gap: 8px;}
	.fli_sec .slidebox .flight_swiper {  border-radius: 0.6rem;}
	.fli_sec .slidebox .flight_thumbox { border-radius: 0.4rem;}
	.fli_sec .slidebox .flight_thumbox .item { width: calc((100% - 8px * 2) / 3);    border-radius: 0.4rem;}
	.fli_sec .slidebox .flight_swiper .prev_btn { left: 1.2rem;}
	.fli_sec .slidebox .flight_swiper .next_btn { right: 1.2rem;}


	/* 04 예약하기 */	
	.reservation_wrap .sub_topbanner { padding-bottom: 2.4rem;}
	.reservation_wrap.ver2 .sub_topbanner { padding-bottom: 2.4rem;}

	.pr_sec.list { margin-top: 0; }
	.pr_sec.list .pr_filter { position: fixed; left: 0;  top: auto;  bottom: 0;  border-radius: 2rem 2rem 0 0;  padding: 4.4rem 2rem 2rem;  width: 100%; max-height: 88vh; transform: translateY(2.5rem); opacity: 0; pointer-events: none; z-index: 100; transition: var(--transition); display: flex; flex-direction: column; overflow: hidden; }
	.pr_sec.list .pr_filter.show {transform: translateY(0); opacity: 1; pointer-events: auto;}
	.pr_sec.list .pr_filter::before {content: ""; position: absolute; left: 50%; top: 1.6rem; width: 5rem; height: 0.4rem; border-radius: 10rem; background: var(--basic-border); transform: translateX(-50%);}
	.pr_sec.list .pr_filter .ft_top { padding: 0 0 1.6rem;border-bottom: 1px solid var(--basic-border); display: flex; align-items: center;justify-content: space-between; gap: 1rem;}	
	.pr_sec.list .pr_filter .ft_top .ft_tit { gap: 0.8rem;  padding-bottom: 0;  border-bottom: 0;}
	.pr_sec.list .pr_filter .ft_top .ft_tit .count {  width: 2rem;}
	.pr_sec.list .pr_filter .ft_top .switch_box {display: flex;}
	.pr_sec.list .pr_filter .ft_list { padding: 1.6rem 0 2.4rem; gap: 2.4rem; }
	.pr_sec.list .pr_filter .ft_list .item { gap: 1.4rem;}
	.pr_sec.list .pr_filter .ft_list .item > .select_box.filter_ver .select{ height: 4rem;}
	.pr_sec.list .pr_filter .ft_list .item > .input_box .input_text { height: 4rem;}
	.pr_sec.list .pr_filter .ft_bottom { padding: 0;}
	.pr_sec.list .pr_filter .ft_bottom .btnbox { padding-top: 2.4rem; gap: 1.2rem;}
	.pr_sec.list .pr_filter .ft_bottom .button { height: 4.8rem;}
	.pr_sec.list .pr_filter .ft_bottom .button.icon_ver {width: 4.8rem;}
	.pr_sec.list .cont_area {width: 100%;  padding-top: 0; gap: 1rem;}
	.pr_list_filter {  margin-bottom: 1.4rem; flex-wrap: wrap; border: none;  border-bottom: 1px solid var(--basic-border); padding: 0 0 2.4rem; border-radius: 0;}
	.pr_list_filter .ft_item {  flex: unset;  width: calc((100% - 1rem) / 2);  padding: 1rem;  border-radius: 0.6rem;}
	.pr_list_filter .ft_item .tit { font: var(--10_caption_m); letter-spacing: 0.03em;}
	.pr_list_filter .ft_item .desc {  font: var(--14_label_normal_sb);  white-space: nowrap;  overflow: hidden; text-overflow: ellipsis;}
	.pr_list_filter .ft_btn {  width: 100%; height: 4.8rem;  gap: 0.6rem; border-radius: 0.6rem; font: var(--16_body_normal_sb);}
	.pr_list_filter .ft_btn .icon { width: 1.6rem; margin-bottom: 0.1rem;}
	.pr_list_top .leftbox, .pr_list_top .rightbox { gap: 1.2rem;}
	.pr_list_top .rightbox .switch_box {display: none;}
	.pr_list_top .rightbox .select_box { width: 9rem;}
	.pr_list_top .rightbox .select_box .sort_select { height: 3.2rem;}
	.pr_list_top .rightbox .mob_filter_btn {background: url(../img/ic_filter.png) no-repeat center/contain; width: 2rem; aspect-ratio: 1/1;}
	.prd_listbox { gap: 2.4rem; padding-top: 0.8rem;}
	.prd_listbox .item { width: 100%; border-radius: 1.2rem;}	
	.prd_listbox .item:hover .imgbox .img {transform: scale(1);}
	.prd_listbox .item .imgbox .event { width: 3.2rem;  left: 1.4rem; top: 1.4rem;}
	.prd_listbox .item .imgbox .top { left: 1.4rem; bottom: 1.4rem;  gap: 0.4rem;   border-radius: 0.4rem; padding: 0.5rem 0.8rem; font-size: 1.2rem;}
	.prd_listbox .item .txtbox { padding: 1.6rem 1.6rem 2rem;}
	.prd_listbox .item .txtbox .topbox { margin-bottom: 0.2rem;}
	.prd_listbox .item .txtbox .topbox .location { font: var(--14_label_normal_m);}
	.prd_listbox .item .txtbox .topbox .wish_btn {width: 2.4rem;}
	.prd_listbox .item .txtbox .titbox { margin-bottom: 0.2rem;}
	.prd_listbox .item .txtbox .titbox .tit { font: var(--15_body_normal_sb);  letter-spacing: 0.01em;}
	.prd_listbox .item .txtbox .pricebox { gap: 0.8rem;}
	.prd_listbox .item .txtbox .pricebox .price { font: var(--14_label_normal_sb);}
	.prd_listbox .item .txtbox .pricebox .ori {  font: var(--13_label_m);}
	.prd_listbox .item .txtbox .bottombox {  margin-top: 0.8rem;  gap: 0.8rem;}
	.prd_listbox .item .txtbox .bottombox .detailbox { gap: 1.6rem; }
	.prd_listbox .item .txtbox .bottombox .detailbox .de_item { gap: 0.4rem;  font: var(--12_caption_r);  letter-spacing: 0.03em;}
	.prd_listbox .item .txtbox .bottombox .detailbox .de_item .icon { width: 1.8rem;}
    .prd_listbox .item .txtbox .bottombox .schedule_btn { height: unset; padding: 0.4rem 1rem;font: var(--13_label_m); }
	

	/* 출발일정 popup */
	#schedule_popup .prd_datebox { flex-direction: column; padding: 0; gap: 2.4rem; border: 0;}
	#schedule_popup .prd_datebox .prd_calender .cal_state { justify-content: center; gap: 2rem;}
	#schedule_popup .prd_datebox .prd_calender .cal_state .item { gap: 0.5rem; font: var(--13_label_r);}
	#schedule_popup .prd_datebox .prd_calender .cal_state .item .dot { width: 1rem;}
	#schedule_popup .prd_datebox .prd_tbl { padding-top: 2.4rem;  border-top: 1px solid var(--basic-border);}
	#schedule_popup .prd_datebox .prd_tbl .tbl_top { padding-bottom: 1.2rem;}
	#schedule_popup .prd_datebox .prd_tbl .tbl_top .data_btn { gap: 0.5rem;}
	#schedule_popup .prd_datebox .prd_tbl .tbl_top .data_btn .icon { width: 1.6rem;}
	#schedule_popup .prd_datebox .prd_tbl .tbl_box .tbl .tbl_btn { font: var(--11_caption_sb);padding: 0.4rem 1rem; border-radius: 6.25rem;}
	#schedule_popup .prd_datebox .prd_tbl .tbl_bottom { margin-top: 2.4rem;}
	#schedule_popup .prd_datebox .prd_tbl .tbl_bottom .view_more {  gap: 0.4rem;  padding: 0.8rem 2rem; border-radius: 10rem;}
	#schedule_popup .prd_datebox .prd_tbl .tbl_bottom .view_more .arrow {width: 1.6rem;}


	/* 비행일정 선택 popup */
	#flightDate_popup .modal_box { width: calc(100% - 2rem * 2);  height: unset;  min-width: unset; border-radius: 1.2rem; margin-top: 2.5rem;}
	#flightDate_popup.show .modal_box {margin-top: 0;}
	#flightDate_popup .modal_box .modal_body { padding: 2rem 1.2rem; }
	#flightDate_popup .modal_box .input_box { gap: 1.6rem;}
	#flightDate_popup .calender.ver2:nth-child(1) .cal_head .cal_btn.next {opacity: 1; pointer-events: auto;}
	#flightDate_popup .calender_wrap .calender.ver2:nth-child(2) {display: none;}


	/* 할인호텔 객실및인원수 popup */
	#personnel_popup .modal_box { width: calc(100% - 2rem * 2);  height: unset;  min-width: unset; border-radius: 1.2rem; margin-top: 2.5rem;}
	#personnel_popup.show .modal_box {margin-top: 0;}
	#personnel_popup .modal_box .input_box { gap: 1.6rem;}
	#personnel_popup .modal_box .modal_btnbox .modal_btn.full {flex: unset;}


	/* 제품 상세 */
	.product_wrap.view .fixed_nav {display: none;}
	.pr_sec.view {margin-top: 2.4rem;}
	.pr_sec.view .cont_area { width: 100%;}
	.pr_sec.view .view_gallery { margin-bottom: 2.4rem;}
	.pr_sec.view .view_gallery .gallbox { width: 100%;}
	.pr_sec.view .view_gallery .gallbox.box2 {display: none;}
	.pr_sec.view .view_gallery .gallitem { border-radius: 1rem;}
	.pr_sec.view .view_gallery .gallview_btn {  left: 1rem;  bottom: 1rem;  padding: 0.8rem 1rem;  border-radius: 0.6rem;  font: var(--12_caption_m);  letter-spacing: 0.03em; gap: 0.4rem;}
	.pr_sec.view .view_gallery .gallview_btn .icon { width: 1.6rem;  margin-right: 0.4rem;}
	.pr_sec.view .view_top { gap: 2rem;  margin-bottom: 4rem;}	
	.pr_sec.view .view_top .titbox .tit {  font: var(--20_heading_sb);  letter-spacing: -0.01em; margin-bottom: 0.8rem;}
	.pr_sec.view .view_top .titbox .desc { font: var(--13_label_r); letter-spacing: 0.02em; word-break: keep-all;}
	.pr_sec.view .view_top .titbox .badgebox { margin-top: 1.2rem; gap: 0.6rem;}
	.pr_sec.view .view_top .titbox .detailbox { gap: 1.6rem;  margin-top: 1.2rem;}
	.pr_sec.view .view_top .titbox .detailbox .de_item { gap: 0.4rem;}
	.pr_sec.view .view_top .titbox .detailbox .de_item .icon {  width: 1.6rem;}
	.pr_sec.view .view_top .titbox .detailbox .de_item .txt { font: var(--14_label_normal_r);}
	.pr_sec.view .view_top .titbox .detailbox .sns_box {display: flex; align-items: center; gap: 1.2rem; margin-left: auto;}
	.pr_sec.view .view_top .titbox .detailbox .sns_box .sns_btn {background: no-repeat center/contain; width: 2rem; aspect-ratio: 1/1;}
	.pr_sec.view .view_top .titbox .detailbox .sns_box .share_btn {background-image: url(../img/ic_share.png);}
	.pr_sec.view .view_top .titbox .detailbox .sns_box .wish_btn {background-image: url(../img/ic_heart.png); transition: var(--transition);}
	.pr_sec.view .view_top .titbox .detailbox .sns_box .wish_btn.on {background-image: url(../img/ic_heart_on.png);}
	.pr_sec.view .view_top .titbox .detailbox .sns_box .map_btn {background-image: url(../img/ic_map.png);}
	.pr_sec.view .view_top .infobox { padding-top: 2rem; gap: 1rem;}
	.pr_sec.view .view_top .infobox .infoitem {width: 100%; font: var(--13_label_r);  gap: 0.8rem;}
	.pr_sec.view .view_top .infobox .infoitem .tit { width: 8rem;  padding-left: 2rem;}
	.pr_sec.view .view_top .infobox .infoitem .tit::before {  width: 1.4rem; top: 0.25rem;}
	.pr_sec.view .view_top .keybox {  margin-top: 0;  padding: 1.6rem;  border-radius: 1.2rem; gap: 0.8rem;}
	.pr_sec.view .view_top .keybox .tit { font: var(--15_body_read_sb); gap: 0.4rem;}
	.pr_sec.view .view_top .keybox .tit .icon { width: 2rem;}
	.pr_sec.view .view_top .keybox .desc { font: var(--13_label_r); letter-spacing: 0.02em;}
	.pr_sec.view .view_content { gap: 3rem;}
	.pr_sec.view .tab_navbox { top: 5.4rem; width: calc(100% + 2rem * 2); margin: 0 -2rem;  padding: 0 2rem;}
	.pr_sec.view .tab_navbox .tab_nav { flex: 1; }
	.pr_sec.view .tab_navbox .tab_nav .link {padding: 1.2rem 0;}
	.pr_sec.view .view_contbox { gap: 4rem;}
	.pr_sec.view .vc_sec { padding-top: 12rem; margin-top: -12rem;}
	.pr_sec.view .vc_sec_option .vc_box1 { gap: 2.4rem;}

	.pr_sec.view .vc_sec_option .weather_box {flex-direction: column; align-items: unset;  gap: 1.6rem;  padding: 2rem 0;}
	.pr_sec.view .vc_sec_option .weather_box .datebox { width: 100%; padding: 0 2rem;flex-direction: row; align-items: center; gap: 1rem;}
	.pr_sec.view .vc_sec_option .weather_box .datebox .tit { font: var(--18_headline_sb);}
	.pr_sec.view .vc_sec_option .weather_box .weekbox { width: 100%; padding: 0 2rem;}
	.pr_sec.view .vc_sec_option .weather_box .weekbox .item { width: 6.4rem; gap: 0.2rem;  padding: 1rem 0;  border-radius: 0.8rem;}
	.pr_sec.view .vc_sec_option .weather_box .weekbox .item .icon { width: 3.6rem;}
		.pr_sec.view .vc_sec_option .calender.ver2 .cal_head { padding: 1.2rem;}
	.pr_sec.view .vc_sec_option .calender.ver2 .cal_head .cal_btn { width: 2.4rem; background-size: 1.4rem;}
	.pr_sec.view .vc_sec_option .calender.ver2 .cal_head .cal_date { gap: 1rem;}
	.pr_sec.view .vc_sec_option .calender.ver2 .cal_head .cal_date .date_select { font: var(--16_body_normal_sb); padding-right: 2rem; background-size: 1.4rem;}
	.pr_sec.view .vc_sec_option .calender.ver2 .cal_body .week_day { gap: 0;}
	.pr_sec.view .vc_sec_option .calender.ver2 .cal_body .week_day .day { height: auto;}
	.pr_sec.view .vc_sec_option .calender.ver2 .cal_body .week_date { gap: 0;}
	.pr_sec.view .vc_sec_option .calender.ver2 .cal_body .week_date .date { height: auto;}
		.pr_sec.view .vc_sec_option .radio_wrap { padding-top: 2.4rem; gap: 1rem;}
	.pr_sec.view .vc_sec_option .radio_wrap .radio_box { width: 100%;}
	.pr_sec.view .vc_sec_option .radio_wrap .radio_box .input_radio { left: 1.6rem;  width: 1.6rem;  height: 1.6rem;}
	.pr_sec.view .vc_sec_option .radio_wrap .radio_box .label_radio {  font: var(--14_label_normal_r); padding: 1.6rem 1.6rem 1.6rem 4rem; border-radius: 0.8rem;}
	.pr_sec.view .vc_titbox { margin-bottom: 1.6rem;}
	.pr_sec.view .vc_titbox .vc_title { font: var(--18_headline_sb); letter-spacing: 0em;}
	.pr_sec.view .vc_sec_detail .vc_box1 .vc_contbox {  gap: 4rem;}
	.pr_sec.view .vc_sec_detail .vc_box1 .vc_contbox .imgbox {  border-radius: 1.2rem 1.2rem 0 0;  height: 28rem;}
	.pr_sec.view .vc_sec_detail { gap: 4rem;}
	.pr_sec.view .vc_sec_detail .vc_box1 .vc_contbox .imgbox::after {  height: 13.4rem;}
	.pr_sec.view .vc_sec_detail .vc_box1 .vc_contbox .view_morebox .view_more {     width: 100%;  max-width: 100%; }
	.pr_sec.view .vc_sec_detail .vc_box2 .vc_contbox { gap: 1.2rem;}
	.pr_sec.view .vc_sec_detail .vc_box2 .vc_contbox .item { gap: 1rem;}
	.pr_sec.view .vc_sec_detail .vc_box2 .vc_contbox .item .stepbox { gap: 1.2rem;}
	.pr_sec.view .vc_sec_detail .vc_box2 .vc_contbox .item .stepbox .dot { margin: 0.7rem 0.6rem;  width: 0.8rem;}
	.pr_sec.view .vc_sec_detail .vc_box2 .vc_contbox .item .contbox { gap: 0.8rem;}
	.pr_sec.view .vc_sec_detail .vc_box2 .vc_contbox .item .contbox .title { font: var(--16_body_normal_sb);}
	.pr_sec.view .vc_sec_detail .vc_box2 .vc_contbox .item .contbox .info { gap: 0.6rem;}
	.pr_sec.view .vc_sec_detail .vc_box2 .vc_contbox .item .contbox .info .infotxt { gap: 0.4rem;}
	.pr_sec.view .vc_sec_detail .vc_box2 .vc_contbox .item .contbox .info .infotxt .icon {  width: 1.4rem;}
	.pr_sec.view .vc_sec_detail .vc_box2 .vc_contbox .item .contbox .info .infotxt .txt { font: var(--13_label_m);}
	.pr_sec.view .vc_sec_detail .vc_box2 .vc_contbox .item .contbox .info .bar {  height: 1.2rem;}
	.pr_sec.view .vc_sec_detail .vc_box2 .vc_contbox .item .contbox .descbox { gap: 0.6rem;}
	.pr_sec.view .vc_sec_detail .vc_box2 .vc_contbox .item .contbox .descbox .desc {   -webkit-line-clamp: 5; font: var(--12_caption_r); word-break: keep-all;}
	.pr_sec.view .vc_sec_detail .vc_box2 .vc_contbox .item .contbox .descbox .descmore { gap: 0.4rem;}
	.pr_sec.view .vc_sec_detail .vc_box2 .vc_contbox .item .contbox .descbox .descmore .icon { width: 1.4rem; }
	.pr_sec.view .vc_sec_detail .vc_box2 .vc_contbox .item .imgbox { width: 8rem;  border-radius: 0.4rem;}
	.pr_sec.view .vc_sec_detail .vc_box3 .vc_contbox { gap: 2rem;}
	.pr_sec.view .vc_sec_detail .vc_box3 .vc_contbox .item { gap: 1.6rem;}
	.pr_sec.view .vc_sec_detail .vc_box3 .vc_contbox .item .titbox { gap: 0.6rem;}
	.pr_sec.view .vc_sec_detail .vc_box3 .vc_contbox .item .titbox .icon { width: 2rem;}
	.pr_sec.view .vc_sec_detail .vc_box3 .vc_contbox .item .titbox .tit { font: var(--15_body_normal_sb);}
	.pr_sec.view .vc_sec_detail .vc_box3 .vc_contbox .item .descbox { border-radius: 1.2rem; padding: 1.6rem; gap: 0.4rem;}
	.pr_sec.view .vc_sec_policy { gap: 4rem;}
	.pr_sec.view .vc_sec_policy .vc_contbox { gap: 0.4rem;}
	.pr_sec.view .vc_sec_map .vc_contbox .mapbox { aspect-ratio: 1 / 0.6; border-radius: 1.2rem;}
	.pr_sec.view .vc_sec_map .vc_contbox .infobox { gap: 0.8rem;}
	.pr_sec.view .vc_sec_map .vc_contbox .infobox .item { gap: 0.8rem;}
	.pr_sec.view .vc_sec_map .vc_contbox .infobox .item .icon { width: 1.6rem;}
	.pr_sec.view .vc_sec_map .vc_contbox .infobox .item .txt { font: var(--14_label_normal_r); word-break: keep-all;}
	.pr_sec.view .vc_sec_review .vc_box1 .vc_titbox .rv_write_btn { padding: 0.6rem 2rem; border-radius: 0.6rem;}
	.pr_sec.view .vc_sec_review .vc_box1 .vc_contbox { gap: 2.4rem;}
	.pr_sec.view .vc_sec_review .vc_box1 .rv_top { padding: 3.2rem 2rem; gap: 2rem; border-radius: 1.6rem;}
	.pr_sec.view .vc_sec_review .vc_box1 .rv_top > .item:nth-child(3) { display: none;}
	.pr_sec.view .vc_sec_review .vc_box1 .rv_top > .line:nth-child(4) { display: none;}
	.pr_sec.view .vc_sec_review .vc_box1 .rv_top > .item { gap: 0.6rem;}
	.pr_sec.view .vc_sec_review .vc_box1 .rv_top > .item .rv_tit { font: var(--16_body_normal_m);}
	.pr_sec.view .vc_sec_review .vc_box1 .rv_top > .item .rv_cont1 { gap: 0.8rem;}
	.pr_sec.view .vc_sec_review .vc_box1 .rv_top > .item .rv_cont1 .star { width: 1.6rem;}
	.pr_sec.view .vc_sec_review .vc_box1 .rv_top > .item .rv_txt { font: var(--20_heading_sb);letter-spacing: -0.01em;}
	.pr_sec.view .vc_sec_review .vc_box1 .rv_top > .item .rv_cont3 { gap: 0.6rem;}
	.pr_sec.view .vc_sec_review .vc_box1 .rv_top > .item .rv_cont3 .barwrap { gap: 0.2rem;}
	.pr_sec.view .vc_sec_review .vc_box1 .rv_top > .item .rv_cont3 .barwrap .barbox {  width: 0.8rem; height: 6rem;  border-radius: 10rem;}
	.pr_sec.view .vc_sec_review .vc_box1 .rv_top > .item .rv_cont3 .barwrap .txt {  font: var(--12_caption_r); letter-spacing: 0.03em;}
	.pr_sec.view .vc_sec_review .vc_box1 .rv_photo .rv_photo_swiper {width: calc(100% + 2rem*2); margin: 0 -2rem; padding: 0 2rem;}
	.pr_sec.view .vc_sec_review .vc_box1 .rv_photo .rv_photo_swiper .item { width: 8rem; border-radius: 0.4rem;}
	.pr_sec.view .vc_sec_review .vc_box1 .rv_photo .rv_photo_swiper .item .hover {  gap: 0.4rem; font: var(--12_caption_sb); letter-spacing: 0.03em;}
	.pr_sec.view .vc_sec_review .vc_box1 .rv_photo .rv_photo_swiper .item .hover .icon {  width: 1.6rem;}
	.pr_sec.view .vc_sec_review .vc_box1 .rv_list .titbox { padding-bottom: 1.6rem;}
	.pr_sec.view .vc_sec_review .vc_box1 .rv_list .titbox .rightbox { gap: 1.2rem;}
	.pr_sec.view .vc_sec_review .vc_box1 .rv_list .titbox .rightbox .select_box { width: 9rem;}
	.pr_sec.view .vc_sec_review .vc_box1 .rv_list .titbox .rightbox .select_box .sort_select {height: 3.2rem;}
	.pr_sec.view .vc_sec_review .vc_box1 .rv_list .contbox .rv_card { padding: 2.4rem 0; gap: 3rem;}
	.pr_sec.view .vc_sec_review .vc_box1 .rv_list .contbox .rv_card .card_cont { gap: 1.2rem;}
	.pr_sec.view .vc_sec_review .vc_box1 .rv_list .contbox .rv_card .card_cont .topbox { gap: 0.8rem;}
	.pr_sec.view .vc_sec_review .vc_box1 .rv_list .contbox .rv_card .card_cont .topbox .rate { gap: 0.2rem;}
	.pr_sec.view .vc_sec_review .vc_box1 .rv_list .contbox .rv_card .card_cont .topbox .rate .star { width: 1.4rem;}
	.pr_sec.view .vc_sec_review .vc_box1 .rv_list .contbox .rv_card .card_cont .topbox .name { gap: 0.8rem; font: var(--13_label_r);  letter-spacing: 0.02em;}
	.pr_sec.view .vc_sec_review .vc_box1 .rv_list .contbox .rv_card .card_cont .content { gap: 1.6rem;}
	.pr_sec.view .vc_sec_review .vc_box1 .rv_list .contbox .rv_card .card_cont .content .txtbox { gap: 0.6rem; }
	.pr_sec.view .vc_sec_review .vc_box1 .rv_list .contbox .rv_card .card_cont .content .txtbox .text { -webkit-line-clamp: 4; font: var(--14_label_normal_r);}
	.pr_sec.view .vc_sec_review .vc_box1 .rv_list .contbox .rv_card .card_cont .content .txtbox .review_more { gap: 0.4rem;}
	.pr_sec.view .vc_sec_review .vc_box1 .rv_list .contbox .rv_card .card_cont .content .txtbox .review_more .icon { width: 1.4rem;}
	.pr_sec.view .vc_sec_review .vc_box1 .rv_list .contbox .rv_card .card_cont .content .imgbox {gap: 1rem;}
	.pr_sec.view .vc_sec_review .vc_box1 .rv_list .contbox .rv_card .card_cont .content .imgbox .img { width: calc((100% - 1rem*4)/5); border-radius: 0.4rem;}
	.pr_sec.view .vc_sec_review .vc_box1 .pagination {justify-content: center;}
	.pr_sec.view .vc_sec_review .vc_box2 .prd_swiper .item { width: calc(20rem + 8px); padding-right: 8px;}
	.pr_sec.view .pr_result { position: fixed;  top: auto;  left: 0;  bottom: 0;  width: 100%; border: none; border-radius: 2rem 2rem 0 0; padding: 2rem; background: var(--basic-white); box-shadow: var(--box-shadow); z-index: 70;}
	.pr_sec.view .pr_result.show {z-index: 100;}
	.pr_sec.view .pr_result .mob_side_box {display: block;}
	.pr_sec.view .pr_result .mob_side_box .btnbox {display: flex; flex-direction: row; gap: 1.2rem;}
	.pr_sec.view .pr_result .btnbox .button {height: 4.4rem; border-radius: 1rem;}
	.pr_sec.view .pr_result .mob_side_box .btnbox .button.after {display: none;}
	.pr_sec.view .pr_result.selected .mob_side_box .btnbox .button.before {display: none;}
	.pr_sec.view .pr_result.selected .mob_side_box .btnbox .button.after {display: flex;}
	.pr_sec.view .pr_result .mob_side_box .btnbox .select_btn {width: 100%; flex: 1;}
	.pr_sec.view .pr_result .mob_side_box .btnbox .opt_btn {width: 10rem;}
	.pr_sec.view .pr_result .mob_side_box .btnbox .reserve_btn {flex: 1;}
	.pr_sec.view .pr_result .side_box { position: fixed; left: 0;  bottom: 0; border-radius: 2rem 2rem 0 0; padding: 4.4rem 2rem 2rem;  min-width: unset;  width: 100%; max-height: 88vh;transform: translateY(2.5rem); box-shadow: var(--box-shadow); background: var(--basic-white); transition: var(--transition); opacity: 0;  pointer-events: none; gap: 1.6rem;}	
	.pr_sec.view .pr_result.show .side_box {opacity: 1; pointer-events: unset; transform: translateY(0);}
	.pr_sec.view .pr_result .side_box::before { content: ""; position: absolute; left: 50%; top: 1.6rem; width: 5rem; height: 0.4rem; border-radius: 10rem; background: var(--basic-border); transform: translateX(-50%);}
	.pr_sec.view .pr_result .side_box .sns_box,
	.pr_sec.view .pr_result .side_box .quantity_box {display: none;}
	.pr_sec.view .pr_result .side_box .info_box { gap: 1.2rem;}
	.pr_sec.view .pr_result .side_box .info_box.ver2 {display: none;}
	.pr_sec.view .pr_result .side_box .info_box.mob_view {display: flex;}
	.pr_sec.view .pr_result .side_box .info_box > .item { gap: 2rem;}
	.pr_sec.view .pr_result .side_box .info_box > .item .tit { width: 6rem;}
	.pr_sec.view .pr_result .info_box .total { padding-top: 1.6rem; margin-top: 0.8rem;}
	.pr_sec.view .pr_result .side_box .btnbox { flex-direction: row; gap: 1.2rem;}
	.pr_sec.view .pr_result .side_box .btnbox .button.date_btn,
	.pr_sec.view .pr_result .side_box .btnbox .button.room_btn {display: none;}
	.pr_sec.view .pr_result .side_box .btnbox .button.opt_btn {display: flex; width: 10rem;}
	.pr_sec.view .pr_result .side_box .btnbox .button.reserve_btn {flex: 1;}
	.pr_sec.view .pr_result .btnbox .button.reserve_btn2 {display: flex; flex: 1;}


	/* 옵션선택 popup */
	#detailOption_popup .modal_box .modal_body {gap: 2.4rem; padding-bottom: 0;}
	#detailOption_popup .calender.ver2:nth-child(1) .cal_head .cal_btn.next {opacity: 1; pointer-events: unset;}
	#detailOption_popup:not(.date_popup) .calender.ver2 .cal_body .week_date .date::after {display: none;}
	#detailOption_popup:not(.date_popup) .calender.ver2 .cal_body .week_date .date:not(.hide) .price {opacity: 1;}
	#detailOption_popup .line { width: 100%; height: 1px; min-height: 1px;     background: var(--basic-border); }
	#detailOption_popup .input_box { gap: 1.4rem;}
	#detailOption_popup .input_box .label_text { font:var(--16_body_read_sb)}
	#detailOption_popup .input_box .quantity_box { display: flex; flex-direction: column;  gap: 1.2rem;}
	#detailOption_popup .input_box .quantity_box > .item { display: flex; align-items: center;  justify-content: space-between; gap: 1rem;}
	#detailOption_popup .input_box .quantity_box > .item .txtbox {  flex: 1;  display: flex;   flex-direction: column;  gap: 0.2rem;}
	#detailOption_popup .input_box .quantity_box > .item .txtbox .tit {  display: flex;  align-items: center;  gap: 0.4rem;  font: var(--14_label_normal_m);  letter-spacing: 0.01em;   color: var(--basic-black);}
	#detailOption_popup .input_box .quantity_box > .item .txtbox .tit .small{font-weight: 400; color: var(--basic-darkgray);}
	#detailOption_popup .input_box .quantity_box > .item .txtbox .price {  font: var(--16_body_normal_sb);  letter-spacing: 0.01em;  color: var(--basic-darkgray);}
	#detailOption_popup .btn_box { position: sticky; bottom: 0; z-index: 10; box-shadow: var(--box-shadow); background: var(--basic-white); width: calc(100% + 2rem * 2); margin: 0 -2rem; padding: 1.2rem 2rem; display: flex; align-items: center; justify-content: space-between; gap: 1.2rem; }
	#detailOption_popup .btn_box .total { font: var(--18_headline_sb); color: var(--basic-black); }
	#detailOption_popup .btn_box .reserve_btn {height: 4.4rem;font-weight: 500;}


	/* 리뷰작성 popup */	
	#rv_write_popup .modal_box { width: calc(100% - 2rem * 2);  height: unset;  min-width: unset; border-radius: 1.2rem; margin-top: 2.5rem;}
	#rv_write_popup.show .modal_box {margin-top: 0;}
	#rv_write_popup .modal_box .modal_body {gap: 2.4rem;}
	#rv_write_popup .rate_box { gap: 3rem;}
	#rv_write_popup .rate_box .top {  padding: 3rem 2rem; border-radius: 1.2rem;  gap: 0.8rem;}
	#rv_write_popup .rate_box .top .rating_box .rating .label_star { width: 2.4rem;}
	#rv_write_popup .input_box textarea.input_text { height: 14rem;}
	#rv_write_popup .file_box {gap: 0.8rem;}
	#rv_write_popup .file_box .label_file { border-radius: 0.8rem; height: 3.6rem;  font: var(--14_label_normal_r); padding: 0 1.2rem; gap: 0.8rem;}
	#rv_write_popup .file_box .label_file .icon {width: 1.4rem;}
	#rv_write_popup .file_box .label_file .delete { width: 1.4rem;}
	#rv_write_popup .file_box .btnbox .button {  border-radius: 0.8rem; height: 3.6rem;  padding: 0.4rem 1.6rem;  font: var(--14_label_normal_sb);}

	
	/* 공유하기 popup */	
	#share_popup .modal_box { width: calc(100% - 2rem * 2);  height: unset;  min-width: unset; border-radius: 1.2rem; margin-top: 2.5rem;}
	#share_popup.show .modal_box {margin-top: 0;}
	#share_popup .modal_box .modal_body {gap: 2.4rem;}
	#share_popup .sns_box { flex-wrap: wrap;  gap: 4rem 2rem; padding: 1.4rem 0;}
	#share_popup .sns_box .item { width: calc((100% - 2rem*2) / 3);}
	#share_popup .sns_box .item .link { width: 100%; gap: 0.6rem; }
	#share_popup .sns_box .item .link .icon { width: 4rem;}
	#share_popup .sns_box .item .link .txt { font: var(--13_label_r);}


	/* 예약결제 */
	.reserve_wrap .fixed_nav {display: none;}	
	.re_sec .re_sec_detail .prd_tit { font: var(--18_headline_sb);}
	.re_sec .re_sec_detail .prd_info { gap: 1.6rem;}
	.re_sec .re_sec_detail .prd_info .titbox { flex-direction: column;  align-items: unset;  gap: 1rem;}
	.re_sec .re_sec_detail .prd_info .titbox .date { font: var(--14_label_normal_m);}
	.re_sec .re_sec_detail .prd_info .titbox .more_btn {  font: var(--13_label_sb);  gap: 0.4rem;}
	.re_sec .re_sec_detail .prd_info .titbox .more_btn .arrow { width: 1.6rem;}
	.re_sec .re_sec_detail .prd_info .contbox { padding-top: 1.6rem; flex-direction: column; gap: 1.4rem;}
	.re_sec .re_sec_detail .prd_info .contbox .contitem { width: 100%; gap: 0.8rem;}
	.re_sec .re_sec_detail .prd_info .contbox .contitem .tit { font: var(--14_label_normal_sb);}
	.re_sec .re_sec_detail .prd_opt { width: calc(100% + 2rem * 2); margin: 2.4rem -2rem 0; border-radius: 0; padding: 2.4rem 2rem; gap: 2rem; }
	.re_sec .re_sec_detail .prd_opt .titbox {  flex-direction: column; align-items: unset; gap: 0.4rem;}
	.re_sec .re_sec_detail .prd_opt .titbox .tit { font: var(--15_body_normal_sb);}
	.re_sec .re_sec_detail .prd_opt .titbox .price { font: var(--14_label_normal_m);  text-align: left;}
	.re_sec .re_sec_detail .prd_opt .contbox { flex-direction: column; gap: 0.6rem;}
	.re_sec .re_sec_detail .prd_opt .contbox .contitem { width: 100%;  border-radius: 1.2rem; padding: 1.2rem 1.6rem; gap: 0.4rem;}
	.re_sec .cont_area { gap: 4rem;}
	.re_sec .re_sec {  padding-bottom: 4rem;}
	.re_sec .re_sec .re_titbox { margin-bottom: 1.4rem;}
	.re_sec .re_sec .re_titbox { margin-bottom: 1.4rem;flex-direction: column; align-items: unset; gap: 1rem; }
	.re_sec .re_sec .re_titbox .re_tit { font: var(--16_body_normal_sb);      flex-direction: column;  align-items: unset;}
	.re_sec .re_sec_info { gap: 4rem;}
	.re_sec .re_sec_info .tbl tbody tr td { font: var(--13_label_r);  height: unset;  padding: 1rem 1.2rem 1rem 10.2rem;}
	.re_sec .re_sec_info .mob_tbl .tbl tbody {gap: 2rem;}
	.re_sec .re_sec_info .mob_tbl .tbl tbody tr td::before { align-items: center;}
	.re_sec .re_sec_info .tbl tbody tr td .input_box .input_text {  font: var(--13_label_r);  height: 3.2rem;  padding: 0 1rem; border-radius: 0.6rem;}
	.re_sec .re_sec_info .tbl tbody tr td .select_box {width: 100%;}
	.re_sec .re_sec_info .tbl tbody tr td .select_box .select {  font: var(--13_label_r);  height: 3.2rem; border-radius: 0.6rem;  padding-left: 1.2rem;  padding-right: 3.6rem;}
	.re_sec .re_sec_info .tbl tbody tr td .icon_btn {width: 2.4rem;}
	.re_sec .re_sec_info .vhc_list {width: calc(100% + 2rem*2); margin: 0 -2rem; padding: 0 2rem;}
	.re_sec .re_sec_info .vhc_list .item { width: 26rem; gap: 1.2rem;}
	.re_sec .re_sec_info .vhc_list .item .titbox { gap: 0.6rem; font: var(--15_body_normal_r);}
	.re_sec .re_sec_info .vhc_list .item .imgbox {  border-radius: 1.2rem;  height: 18rem;}
	.re_sec .re_sec_info .vhc_list .item .txtbox { padding-bottom: 1.2rem;}
	.re_sec .re_sec_info .vhc_list .item .txtbox .infoitem {  font: var(--14_label_normal_r);}
	.re_sec .re_sec_info .vhc_list .item .txtbox .infoitem .tit { width: 10rem;}
	.re_sec .re_sec_info .vhc_list .item .txtbox .infoitem .select_box .select {  font: var(--14_label_normal_r);  padding-right: 2.4rem;}
	.re_sec .re_sec_info .vhc_listbox .prev_btn, 
	.re_sec .re_sec_info .vhc_listbox .next_btn { top: 10.5rem;}
	.re_sec .re_sec_info .re_controls { gap: 1.2rem;}
	.re_sec .re_sec_info .re_controls .input_box { width: 100%;  gap: 1.6rem; justify-content: space-between;}
	.re_sec .re_sec_info .re_controls .input_box .label_text { gap: 0.4rem; width: 10rem;}
	.re_sec .re_sec_pay .paybox { gap: 0.8rem;}
	.re_sec .re_sec_pay .paybox .payitem {  width: calc((100% - 0.8rem * 2) / 3); height: 4rem; border-radius: 0.8rem; font: var(--14_label_normal_m);}
	.re_sec .re_sec_pay .paybox .payitem .badge { padding: 0.2rem 0.6rem; border-radius: 10rem;  top: -1.2rem;}
	.re_sec .re_sec_pay .paybanner { gap: 0.8rem; padding-top: 2rem; margin-top: 2rem;}
	.re_sec .re_sec_pay .paybanner .banner { border-radius: 0.8rem; padding: 0.8rem 1.2rem; gap: 0.6rem;}
	.re_sec .re_sec_pay .paybanner .banner .icon { width: 1.6rem;}
	.re_sec .re_sec_pay .paybanner .banner .txt { font: var(--13_label_sb);}
	.re_sec .re_sec_pay .paybanner .banner .btn { padding: 0.3rem 0.6rem; border-radius: 0.4rem;}
	.re_sec .re_sec_pay .paybanner .descbox .more_btn .arrow { width: 1.4rem;}
	.re_sec .re_sec_point .re_titbox .point { font: var(--13_label_sb); gap: 0.8rem;}
	.re_sec .re_sec_point .re_titbox .point .num { font: var(--17_headline_sb);}
	.re_sec .side_area .mob_side_box {display: block;}
	.re_sec .side_area .mob_side_box .btn_box {display: flex; align-items: center; justify-content: space-between; gap: 1.2rem;}
	.re_sec .side_area .mob_side_box .btn_box .total{ font: var(--18_headline_sb); color: var(--basic-black);}
	.re_sec .side_area .mob_side_box .btn_box .reserve_btn {height: 4.4rem;font-weight: 500;}
	.re_sec .side_area { position: fixed;  top: auto;  left: 0;  bottom: 0;  width: 100%; border: none; border-radius: 2rem 2rem 0 0; padding: 2rem; background: var(--basic-white); box-shadow: var(--box-shadow); z-index: 100;}
	.re_sec .side_area .side_box { position: fixed; left: 0;  bottom: 0; border-radius: 2rem 2rem 0 0; padding: 4.4rem 2rem 2rem;  min-width: unset;  width: 100%; max-height: 88vh;transform: translateY(2.5rem); box-shadow: var(--box-shadow); background: var(--basic-white); transition: var(--transition); opacity: 0;  pointer-events: none; gap: 1.6rem;}
	.re_sec .side_area.show .side_box {opacity: 1; pointer-events: unset; transform: translateY(0);}
	.re_sec .side_area .side_box::before { content: ""; position: absolute; left: 50%; top: 1.6rem; width: 5rem; height: 0.4rem; border-radius: 10rem; background: var(--basic-border); transform: translateX(-50%);}
	.re_sec .side_area .side_box .titbox {display: none;}
	.re_sec .side_area .side_box .info_box {  gap: 0.8rem;}
	.re_sec .side_area .side_box .info_box .item .tit { width: 10rem;}
	.re_sec .side_area .side_box .info_box .total {  padding: 1rem 2rem;  margin: 0.5rem -2rem 0;}
	.re_sec .side_area .side_box .term_box .check_box { gap: 0.8rem;}
	.re_sec .side_area .side_box .term_box .check_box .label_check {font: var(--14_label_normal_r);}
	.re_sec .side_area .side_box .term_box .check_box .input_check {width: 1.6rem; height: 1.6rem; border-radius: 0.4rem;}
	.re_sec .side_area .side_box .term_box .check_box .input_check::before { width: 0.8rem; }
	.re_sec .side_area .side_box .term_box .check_box .more_btn { width: 1.6rem;}
	

	/* 예약완료 */
	.re_sec.complete .infobox { border-radius: 1.2rem; padding: 2rem 1.6rem; gap: 1.4rem;}
	.re_sec.complete .infobox .title { padding-bottom: 1.4rem;  font: var(--16_body_normal_sb);}
	.re_sec.complete .infobox .descbox { gap: 1rem;}
	.re_sec.complete .infobox .descitem {  font: var(--14_label_normal_r);}
	.re_sec.complete .infobox .descitem .tit { width: 8rem;}
	
	
	/* 05 커뮤니티  */
	.cs_wrap .sub_topbanner { padding-bottom: 4rem;}

	.cs_sec .cs_list .tbl_cont .tbl_top { margin-bottom: 1.6rem;  min-height: unset;  flex-direction: column;  align-items: unset;  gap: 1rem; }
	.cs_sec .cs_list .tbl_cont .tbl_top .total { font: var(--13_label_r);}
	.cs_sec .cs_list .tbl_cont .tbl_top .tbl_search { gap: 1rem;  width: 100%;}
	.cs_sec .cs_list .tbl_cont .tbl_top .tbl_search .input_flex {flex-wrap: wrap;}
	.cs_sec .cs_list .tbl_cont .tbl_top .tbl_search .select_box {flex: 1;}
	.cs_sec .cs_list .tbl_cont .tbl_top .tbl_search .select_box .select {  font: var(--13_label_r);background-size: 1.6rem;}
	.cs_sec .cs_list .tbl_cont .tbl_top .tbl_search .input_box {width: 100%;}
	.cs_sec .cs_list .tbl_cont .tbl_top .tbl_search .input_box .input_text {font: var(--13_label_r); width: 100%;}
	.cs_sec .cs_list .tbl_cont .tbl_top .tbl_search .input_btn { width: 4rem;  padding: 1rem; }
	.cs_sec .cs_list .tbl colgroup col[data-th="작성자"],
	.cs_sec .cs_list .tbl thead tr th[data-th="작성자"],
	.cs_sec .cs_list .tbl tbody tr td[data-th="작성자"] {display: none;}
	.cs_sec .cs_list .tbl colgroup col[data-th="문의 종류"],
	.cs_sec .cs_list .tbl thead tr th[data-th="문의 종류"],
	.cs_sec .cs_list .tbl tbody tr td[data-th="문의 종류"] {display: none;}
	.cs_sec .cs_list .tbl colgroup col[data-th="번호"] {width: 50px !important;}
	.cs_sec .cs_list .tbl colgroup col[data-th="제목"] { width: calc(100% - 50px - 80px) !important; }
	.cs_sec .cs_list .tbl colgroup col[data-th="등록일"] {width:80px !important}
	.cs_sec .cs_list .tbl_cont .tbl_box .tbl thead tr th { padding: 1rem 0.8rem;  font: var(--12_caption_sb);}
	.cs_sec .cs_list .tbl_cont .tbl_box .tbl tbody tr td { font: var(--12_caption_r);  height: 3.6rem; padding: 0 0.8rem;}
	.cs_sec .cs_list .tbl.medium tbody tr td {padding: 0 0.4rem }
	.cs_sec .cs_list .tbl tbody tr td .no_post { padding: 8rem 0;}
	.cs_sec .cs_list .gall_box { gap: 2rem 1.2rem; padding-bottom: 0;}
	.cs_sec .cs_list .gall_box > .item { width: calc((100% - 1.2rem * 1) / 2);}
	.cs_sec .cs_list .gall_box > .item .imgbox { height: 10rem;  border-radius: 0.8rem;}
	.cs_sec .cs_list .gall_box > .item .txtbox { gap: 0.2rem;}
	.cs_sec .cs_list .gall_box > .item .txtbox .tit { font: var(--14_label_normal_sb);}
	.cs_sec .cs_list .gall_box > .item .txtbox .desc { font: var(--13_label_r);}
	.cs_sec .cs_list .gall_box.ver2 > .item { width: 100%;}
	.cs_sec .cs_list .gall_box.ver2 > .item .imgbox .event_end .txt { font: var(--15_body_normal_sb);}
	.cs_sec .cs_list .tbl_cont .tbl_bottom { margin-top: 3.6rem; flex-direction: column;  gap: 2.4rem;}
	.cs_sec .cs_list .tbl_cont .tbl_bottom .btnbox .button { height: unset;  padding: 0.4rem 1.6rem; border-radius: 0.6rem;  font: var(--15_body_normal_r);}

	.cs_sec.contact .contbox { flex-direction: column; gap: 6rem;}
	.cs_sec.contact .contbox .leftbox { position: relative; width: 100%; top: unset;  gap: 4rem;}
	.cs_sec.contact .contbox .leftbox .board_titbox .desc { margin-bottom: 1.4rem;}
	.cs_sec.contact .contbox .leftbox .board_titbox .tit { font: var(--22_heading_sb);   margin-bottom: 0.6rem;}
	.cs_sec.contact .contbox .leftbox .board_titbox .sub { font: var(--14_label_normal_r);}
	.cs_sec.contact .contbox .leftbox .infobox {  gap: 0.4rem;}
	.cs_sec.contact .contbox .leftbox .infobox .item { gap: 0.625rem;}
	.cs_sec.contact .contbox .leftbox .infobox .item .icon { font-size: 1.6rem;}
	.cs_sec.contact .contbox .leftbox .infobox .item .txt { font: var(--14_label_normal_r);}
	.cs_sec.contact .contbox .rightbox .tab_wrap {gap: 2rem;}
	.cs_sec.contact .contbox .rightbox .form_box { border-radius: 1rem;  padding: 2rem;  gap: 1.6rem;}
	.cs_sec.contact .contbox .rightbox .form_box .form_item .input_text { height: 4rem;  flex: unset;}
	.cs_sec.contact .contbox .rightbox .termwrap .termitem.accordion > li .acc_tit {  font: var(--14_label_normal_sb); gap: 1rem;}
	.cs_sec.contact .contbox .rightbox .termwrap .termitem.accordion > li .acc_tit .arrow {  width: 1.6rem;}
	.cs_sec.contact .contbox .rightbox .termwrap .termitem .all_chekbox { flex-direction: column; align-items: unset; gap: 1rem;}
	.cs_sec.contact .contbox .rightbox .termwrap .termitem .all_chekbox .txt { font: var(--13_label_r);}
	.cs_sec.contact .contbox .rightbox .termwrap .termitem .all_chekbox .label_check { font: var(--13_label_r);}

	.cs_sec .board_toplogo {width: 8rem; margin-bottom: 0;}
	.cs_sec .cs_banner {height: 15rem; margin-bottom: 3.2rem;}

	.cs_sec .cs_view .titbox { margin-bottom: 2rem;}
	.cs_sec .cs_view .titbox .tit { font: var(--16_body_normal_sb);}
	.cs_sec .cs_view .titbox .info { font: var(--14_label_normal_r);  gap: 0.8rem;}
	.cs_sec .cs_view .titbox .info .badge { font: var(--13_label_m);  padding: 0.2rem 0.8rem; margin-right: 0.2rem;}
	.cs_sec .cs_view .titbox .info .bar { height: 1.2rem;}
	.cs_sec .cs_view .contbox { font: var(--14_label_normal_r); min-height: 30rem;}
	.cs_sec .cs_write .form_box { gap: 1.6rem; padding-top: 2.4rem; padding-bottom: 2.4rem;}
	.cs_sec .cs_write .form_item { padding: 0;  flex-direction: column;  align-items: unset; border-bottom: 0;}
	.cs_sec .cs_write .form_item.align_center { align-items: unset;}
	.cs_sec .cs_write .input_box .label_text { width: 100%;}
	.cs_sec .cs_write .input_box .input_text { height: 4rem; flex: unset;}
	.cs_sec .cs_write .input_box .select_box { width: 100%;}
	.cs_sec .cs_write .input_box .select_box .select {height: 4rem;}
	.cs_sec .cs_write .input_box .input_flex { flex: unset; flex-wrap: wrap; }
	.cs_sec .cs_write .input_box .input_flex .input_text {flex: unset;}
	.cs_sec .cs_write .input_box_file .input_name { border-radius: 0.8rem;  height: 4rem;  font: var(--14_label_normal_r);  padding: 0 1.2rem;}
	.cs_sec .cs_write .input_box .input_btn { height: 4rem;}


	/* 06 계정 */
	.ac_sec .sub_titbox .s_tit { font: var(--22_heading_sb);}

	.ac_sec.login .login_box { gap: 5rem;}
	.ac_sec.login .login_box .login_form { gap: 3rem;}
	.ac_sec.login .login_box .login_form .input_wrap { gap: 1.2rem;}
	.ac_sec.login .login_box .login_form .input_wrap .input_box .input_text { height: 4.4rem;}
	.ac_sec.login .login_box .login_form .input_wrap .form_bottom .sch_box { gap: 0.8rem;}
	.ac_sec.login .login_box .login_form .input_wrap .form_bottom .sch_box .bar {  height: 1rem;}
	.ac_sec.login .login_box .login_form .btn_box .button { height: 4.8rem;}
	.ac_sec.login .login_box .login_sns {gap: 2.4rem;}
	.ac_sec.login .login_box .login_sns .sns_btn { gap: 0.5rem;}
	.ac_sec.login .login_box .login_sns .sns_btn .icon {  width: 4rem;}
	.ac_sec.login .login_box .login_notice {  border-radius: 1.2rem;  padding: 1.6rem;}
	.ac_sec.login .login_box .login_notice .txt { font: var(--13_label_r);}
	.ac_sec.join .step_box { gap: 2.4rem; margin-bottom: 4rem;}
	.ac_sec.join .step_box .item { gap: 0.2rem;}
	.ac_sec.join .step_box .item .tit { font: var(--12_caption_r);}
	.ac_sec.join .step_box .item .desc { font-size: var(--16_body_normal_sb);}
	.ac_sec.join .join_term {  border: 0;  border-radius: 0;  border-top: 1px solid var(--basic-border);  border-bottom: 1px solid var(--basic-border); gap: 1.6rem;  padding: 2.4rem 0;}
	.ac_sec.join .join_term .termwrap { gap: 2.4rem;}
	.ac_sec.join .join_term .termwrap .termitem { gap: 2.4rem;}
	.ac_sec.join .join_term .termwrap .termitem.accordion .acc_cont > li {  border-radius: 0.8rem; padding: 0 1.2rem; margin-top: 1rem;}
	.ac_sec.join .join_term .termwrap .termitem.accordion > li .acc_tit .check_box .label_check { font: var(--14_label_normal_sb)}
	.ac_sec.join .join_term .termwrap .termitem.accordion > li .acc_tit .arrow { width: 1.6rem;}
	.ac_sec.join .join_term .termwrap .termitem .all_chekbox .label_check { font: var(--14_label_normal_sb)}
	.ac_sec.join .join_form .formwrap {  border: 0;  border-radius: 0;  border-top: 1px solid var(--basic-border);  border-bottom: 1px solid var(--basic-border); padding: 2.4rem 0;}
	.ac_sec.join .join_form .required_txt { gap: 0.5rem; font: var(--14_label_normal_sb);}
	.ac_sec.join .join_form .form_box {gap: 1.6rem;}
	.ac_sec.join .join_form .input_box .input_text, 
	.ac_sec.join .join_form .input_box .input_btn, 
	.ac_sec.join .join_form .select_box .select, 
	.ac_sec.join .join_form .radio_wrap {  height: 4rem;}
	.ac_sec .ac_box .sub_titbox { gap: 1rem;}
	.ac_sec .ac_box .sub_titbox .s_tit { font: var(--18_headline_sb)}
	.ac_sec .ac_box .infobox {  border-radius: 1.2rem; padding: 2rem 1.6rem;  gap: 1.4rem;}
	.ac_sec .ac_box .infobox .item { font: var(--14_label_normal_r); gap: 1rem;}
	.ac_sec .ac_box .form_box { gap: 1.2rem;}
	.ac_sec .ac_box .form_box .input_box .input_text { height: 4rem;}
	.ac_sec .ac_box .form_box .sch_box .txt { font: var(--13_label_r);}
	.ac_sec .ac_box .form_box .sch_box .link { font: var(--13_label_sb);}
	.ac_sec .join_layout { border-bottom: 0;  padding: 2.4rem 0 0;}
	.ac_sec .join_layout .button_box {padding-top: 4rem; margin-top: 4rem; border-top: 1px solid var(--basic-border);}
	
	.ac_sec .ac_box .form_box .input_box .input_text.mx408 { width: 100%;}
	.ac_sec .ac_box .form_box .input_box .input_flex { flex-wrap: wrap;}
	.ac_sec .ac_box .form_box .input_box .input_btn { width: 100%; height: 4rem;   border-radius: 0.8rem;}
	.ac_sec .ac_box .form_box .pwd_input_box { margin: 2rem 0 1.6rem;}
	.ac_sec .ac_box .form_box .pwd_input_box .radio_wrap {  border-radius: 0.8rem;  padding: 2rem 1.4rem;}
	
	

	/* 07 마이페이지 */
	.mypage_wrap .sub_topbanner { padding-bottom: 4rem;}
	.my_sec .mob_inner { padding: 0 2rem;}
	
	.my_sec .my_form .infoitem { gap: 1.2rem;}
	.my_sec .my_form .infoitem .title { font: var(--16_body_normal_sb);}
	.my_sec .my_form .infoitem .listbox { border-radius: 1.2rem; padding: 1rem 0;}
	.my_sec .my_form .infoitem .listbox .item { width: 100%; padding: 0.8rem 1.2rem; gap: 1rem; font:var(--13_label_r)}
	.my_sec .my_form .infoitem .listbox .item .tit { width: 8rem;}
	.my_sec .my_form .infoitem .listbox .item .desc.mx288 { max-width: unset;}
	.my_sec .my_form.ver2 .infoitem .listbox .item.align_center.ver2 {align-items: flex-start;}
	.my_sec .my_form.ver2 .infoitem .listbox .item .tit { width: 8rem;}
	.my_sec .my_form.ver2 .infoitem .listbox .item.align_center.ver2 .tit {margin-top: 0.8rem;}
	.my_sec .my_form.ver2 .infoitem .listbox .item .input_box .input_text,
	.my_sec .my_form.ver2 .infoitem .listbox .item .input_box .input_btn,
	.my_sec .my_form.ver2 .infoitem .listbox .item .select_box .select {height: 3.6rem; min-height: 3.6rem; font: var(--13_label_r);}
	.my_sec .my_form.ver2 .infoitem .listbox .item .desc .select_box.sns_box { width: 100%;}
	.my_sec .my_form.ver2 .infoitem .listbox .item .input_box .input_flex {flex-direction: column; align-items: unset;}
	
	.my_sec .my_withdraw .withdraw_box { padding: 2.4rem 0 4rem; gap: 2.4rem; margin-bottom: 0.4rem;}
	.my_sec .my_withdraw .withdraw_box .sub_titbox { gap: 1rem;}
	.my_sec .my_withdraw .withdraw_box .sub_titbox .s_tit {font:var(--22_heading_sb)}
	.my_sec .my_withdraw .withdraw_box .sub_titbox .s_desc {font: var(--14_label_normal_r); word-break: keep-all;}
	.my_sec .my_withdraw .withdraw_box .form_box { gap: 1.6rem;}
	.my_sec .my_withdraw .withdraw_box .form_box .input_box { flex-direction: column;  align-items: unset;}
	.my_sec .my_withdraw .withdraw_box .form_box .input_box .input_text {flex: unset;}

	.my_sec .my_reserve .contbox .item { border-radius: 1.2rem;  padding: 1.6rem;  gap: 1.2rem;}
	.my_sec .my_reserve .contbox .item .topbox {  flex-direction: column; align-items: unset; gap: 0.6rem;}
	.my_sec .my_reserve .contbox .item .topbox .leftbox { width: 100%; gap: 0.8rem;}
	.my_sec .my_reserve .contbox .item .topbox .leftbox .state .badge {  font: var(--12_caption_m); border-radius: 0.4rem; padding: 0.2rem 0.5rem;}
	.my_sec .my_reserve .contbox .item .topbox .leftbox .state {  gap: 1rem;  font: var(--13_label_m);}
	.my_sec .my_reserve .contbox .item .topbox .rightbox { width: 100%; justify-content: unset;  gap: 1rem;}
	.my_sec .my_reserve .contbox .item .topbox .rightbox .date { font: var(--13_label_m);}
	.my_sec .my_reserve .contbox .item .prdbox { flex-direction: column; gap: 1rem;}
	.my_sec .my_reserve .contbox .item .prdbox .imgbox { width: 100%;  border-radius: 1rem;}
	.my_sec .my_reserve .contbox .item .prdbox .txtbox { width: 100%; gap: 1.2rem;  padding: 0;}
	.my_sec .my_reserve .contbox .item .prdbox .txtbox .title {  font: var(--15_body_normal_sb);}
	.my_sec .my_reserve .contbox .item .prdbox .txtbox .descbox { gap: 0.6rem;}
	.my_sec .my_reserve .contbox .item .prdbox .txtbox .descitem { font: var(--13_label_r);}
	.my_sec .my_reserve .contbox .item .prdbox .txtbox .descitem.total { margin-top: 0.2rem; padding-top: 0.8rem; font: var(--14_label_normal_sb);}
	.my_sec .my_reserve .contbox .item .btnbox { flex-wrap: wrap; gap: 0.6rem 0.8rem;}
	.my_sec .my_reserve .contbox .item .btnbox .button { flex: unset; width: calc((100% - 0.8rem) / 2);height: 3.2rem; font: var(--14_label_normal_m); border-radius: 0.6rem;}
	.my_sec .my_reserve .contbox .no_item .no_post {padding: 8rem 0;}
	.my_sec .pagination {justify-content: center;}


	/* 08 인증현황  */
	.cert_sec .contbox { gap: 2.4rem 1.6rem;}
	.cert_sec .contbox .item { width: 100%; border-radius: 1rem;}
	.cert_sec .contbox .item .txtbox .date { font: var(--13_label_r);}
	.cert_sec .contbox .item .txtbox .tit { font: var(--15_body_normal_sb);  word-break: keep-all;}


}


@media screen and (max-width: 900px) {

  	html {font-size: 14px !important;}

}


@media screen and (max-width: 800px) {

	html {font-size: 2.222223vw !important;} 
	
}


@media screen and (max-width: 700px) {

  	html {font-size: 11.5px !important;}

}




/* Mobile */
@media screen and (max-width: 599px) {

  	html {font-size: 11px !important;}  

  	.mobile {display: block !important;}
  

}
  
      
@media screen and (max-width: 480px) {  

  	html {font-size: 10px !important;}

}


@media screen and (max-width: 320px) {

  	html { font-size: 9px !important;}

}