/*헤더*/
/* ===== 헤더 기본 ===== */
.en{letter-spacing:0;}
.mbr{display:none;}
.site-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	background: rgba(255,255,255,0.95);
	box-shadow:1px 1px 1px rgba(0,0,0,0.1);
	transition: box-shadow .3s ease;
}
.site-header .inbox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1800px;
  width:95%;
  margin: 0 auto;

}
.site-header .inbox h1{position:relative;z-index:9999;}

/* ===== 메인 네비게이션 ===== */
.main-nav {
  z-index: 10;
}

.main-nav > ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}


/* ===== 1차 메뉴 ===== */
.main-nav > ul > li {
  position: relative;
  min-width:150px;
  text-align:center;
  box-sizing:border-box;
}

.main-nav > ul > li > a {
  position: relative;
  display: block;
  font-weight: 600;
  font-size: 17px;
  color: #111;
  padding: 40px 0;
  transition: color 0.3s ease;
}


.hovered.main-nav > ul > li > a{
	color:#111 !important;
}
.main-nav > ul > li:hover > a {
  color: #b0a695 !important;
}


.main-nav > ul > li:hover > a::after {
  width: 100%;
}
.main-nav > ul > li ul{
	position:absolute;
	top:100%;
	left:0;
	background:rgba(255,255,255,0.95);
	width:100%;
	display:none;
}
.main-nav > ul > li ul li{
	border-top:1px solid #eee;
}
.main-nav > ul > li ul li a{
	display:block;
	padding:15px 0;
	font-size:14px;
}
.main-nav > ul > li ul li a:hover{
	background:rgba(176,166,149,0.5);
	color:#fff;
	font-weight:600;
}
.main-nav > ul > li:hover ul{
	display:block;
}



/* ===== 로그인 ===== */
.login {
	display:flex;
	gap:20px;
	align-items:center;
}
.login a {
  display: block;
  position:relative;
  min-width:24px;
}
.login a img{
	width:100%;
	display:block;
}
.login a span{
	display: block;
	position:absolute;
	top:0;
	right:0;
	background:#f00;
	color:#fff;
	font-size:12px;
	border-radius:50%;
	width:16px;
	height:16px;
	line-height:16px;
	text-align:center;
	font-weight:500;
	transform:translate(50%,-50%);
}
/* ===== 모바일 메뉴 버튼 ===== */
/* nav_mopen */
.nav_mopen{
  width: 23px;
  height: 23px;
  position: relative;
  transition: .1s;
  /* margin: 5px 5px; */
  cursor: pointer;
  display: none;
  z-index:999;
}
.nav_mopen span{
  width: 3px;
  height: 3px;
  background-color: #000;
  display: block;
  border-radius: 50%;
  position: absolute;

}
.nav_mopen:hover span{
  transform: scale(1.2);
  transition: 350ms cubic-bezier(.8, .5, .2, 1.4);
}
.nav_mopen span:nth-child(1){
  left: 0;
  top: 0;
}
.nav_mopen span:nth-child(2){
  left: 10px;
  top: 0;
}
.nav_mopen span:nth-child(3){
  right: 0;
  top: 0;
}
.nav_mopen span:nth-child(4){
  left: 0;
  top: 10px;
}
.nav_mopen span:nth-child(5){
  position: absolute;
  left: 10px;
  top: 10px;
}
.nav_mopen span:nth-child(6){
  right: 0px;
  top: 10px;
}
.nav_mopen span:nth-child(7){
  left: 0px;
  bottom: 0px;
}
.nav_mopen span:nth-child(8){
  position: absolute;
  left: 10px;
  bottom: 0px;
}
.nav_mopen span:nth-child(9){
  right: 0px;
  bottom: 0px;
}
.nav_mopen.open{
  transform: rotate(180deg);
  cursor: pointer;
  transition: .2s cubic-bezier(.8, .5, .2, 1.4);
}
.nav_mopen.open span{
  border-radius: 50%;
  transition-delay: 200ms;
  transition: .5s cubic-bezier(.8, .5, .2, 1.4);
  background-color:#000;
}

.nav_mopen.open span:nth-child(2) {
  left: 5px;
  top: 5px;
}
.nav_mopen.open span:nth-child(4) {
  left: 5px;
  top: 15px;
}
.nav_mopen.open span:nth-child(6) {
  right: 5px;
  top: 5px;
}
.nav_mopen.open span:nth-child(8) {
  left: 15px;
  bottom: 5px;
}





.login .menu-trigger {
  display:none;
}








/* 퀵메뉴 */
.quick {
	position: fixed;
	right: 1vw;
	bottom: 1vw;
	z-index:999;
}

.quick_menu {
	background: #3c3c3c; /* fallback */
	text-align: center;
	border-radius: 45px;
	padding: 25px 0;
	margin-bottom: 10px;
	overflow: hidden; /* 내부가 자연스럽게 커지도록 */

	/* 처음엔 접혀있음 */
	transform: scaleY(0);
	transform-origin: bottom; /* 아래에서 위로 커짐 */
	opacity: 0;
	pointer-events: none;

	transition:
		transform 0.6s cubic-bezier(0.25, 1, 0.3, 1),
		opacity 0.4s ease;
}

/* 활성 상태 */
.quick_menu.active {
	transform: scaleY(1);
	opacity: 1;
	pointer-events: auto;
}

.quick_menu li {
	padding: 15px 0;
}

.quick_menu li a {
	color: #fff;
	font-size:13px;
}
#sub .quick_menu li a p{font-size:13px;}
.quick_menu li a img{
	max-width:30px;
}

/* QUICK 버튼 */
.quick_open_btn {
	width: 90px;
	height: 90px;
	border-radius: 50%;
	color: #fff;
	background: #333;
	text-align: center;
	line-height: 90px;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 10px;
	cursor: pointer;
}

/* TOP 버튼 */
.top-btn {
	width: 90px;
	height: 90px;
	border: none;
	border-radius: 50%;
	background: #b0a695;
	color: #fff;
	font-size: 35px;
	cursor: pointer;
	transition: opacity 0.3s;
	z-index: 9999;
	font-weight: 100;
	font-family: "Noto Sans KR", sans-serif;
	pointer-events: auto;
}


  

  /*메인*/
.main-visual {
  position: relative;
}
.main-visual .inbox {
	position: relative;
	height: 85vh;
	width:95vw;
	margin:110px auto 0;
	border-radius: 0;
	transition: border-radius 1s ease;
	overflow: hidden;
}
.main-visual.loaded .inbox {
  border-radius: 100px;
}
.main-visual.scrolled .inbox {
  border-radius: 0;
}

/* --- 슬라이드 공통 --- */
.main-visual .visual_slide {
  list-style: none;
  margin: 0;
  padding: 0;
}

.main-visual .visual_slide .slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: opacity 1.2s ease-in-out;
}

.main-visual .visual_slide .slide.active {
  opacity: 1;
}

/* --- 슬라이드 배경 이미지 --- */
.main-visual .visual_slide .slide1 {
	background: url("/pub/img/visual1.png") no-repeat 50% 50%;
	background-size:cover;
}
.main-visual .visual_slide .slide2 {
	background: url("/pub/img/visual2.png") no-repeat 50% 50%;
	background-size:cover;
}

/* --- 텍스트 박스 --- */
.main-visual .visual_slide .slide .text-box {
  position: absolute;
  top: 50%;
  left: 12%;
  color: #3c3c3c;
  opacity: 0;
  transform: translateY(-20%);
  transition: all 1s ease;
}

.main-visual .visual_slide .slide.active .text-box {
  opacity: 1;
  transform: translateY(-50%);
}
.main-visual .visual_slide .slide .text-box h6{
	font-size:30px;
	font-family: 'Pretendard', sans-serif;
	margin-bottom:20px;
	font-weight:300;
}
.main-visual .visual_slide .slide .text-box h6 b{
	font-weight:600;
}
.main-visual .visual_slide .slide .text-box h2 {
  font-size: 80px;
  line-height: 1.2;
  font-weight: 300;
  margin-bottom: 30px;
}

.main-visual .visual_slide .slide .text-box p {
  font-size: 25px;
  font-weight:300;
  letter-spacing:-1px;
  line-height:1.5;
}
.main-visual .visual_slide .slide .text-box p b{
	font-weight:600;
}

/* --- 좌측 번호 네비게이션 --- */
.main-visual .visual-nav {
  position: absolute;
  left: 100px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.main-visual .visual-nav span {
  font-size: 25px;
  font-weight: 300;
  color: #3c3c3c;
  cursor: pointer;
  position: relative;
  opacity:0.2;
  font-family: "the-seasons", sans-serif;
}

.main-visual .visual-nav span::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 0%;
  height: 2px;
  background: #3c3c3c;
  transition: width 0.4s ease;
}
.main-visual .visual-nav span.active{
	opacity:1;
	 font-weight: 600;
}
.main-visual .visual-nav span.active::after {
  width: 100%;
}

 .main-visual .visual-nav span + span{
	  margin-top:20px;
  }
  
 .main-visual .scroll-down {
    position: absolute;
    right: 5vw;
    top: 50%;
    transform: translate(0, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    z-index: 15;
    color: #3c3c3c;
}
 .main-visual .scroll-down p {
    font-size: 20px;
    font-weight: 700;
   -webkit-writing-mode: vertical-rl; /* 예시: 세로쓰기인 경우 */
    writing-mode: vertical-rl;
	font-family: "the-seasons", sans-serif;
}
 .main-visual .scroll-down .ico {
    margin-top: 0.3em;
    fill: #3c3c3c;
}
.container{
	width:1440px;
	max-width:90%;
	margin:0 auto;
}
.main h3{
	font-size:60px;
	line-height:1.5;
}
.main p{
	font-size:25px;
	line-height:1.5;
}

.monthly_event{
	padding:150px 0;
	text-align:center;
}
.monthly_event .container .title p{
	font-weight:500;
}
.tab_area{
	padding-top:100px;
}
.tab_area .tab_menu{
	display:flex;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
	margin-bottom:70px;
	text-align:center;
}
.tab_area .tab_menu li{
	cursor:pointer;
	width:25%;
	box-sizing:border-box;
	border:1px solid #a0a0a0;
	border-right:0;
	border-top:0;
	color:#a0a0a0;
	font-size:25px;
	padding:25px 0;
	letter-spacing:-1px;
	background:#fff;
}
.tab_area .tab_menu li:nth-child(-n+4){
	border-top:1px solid #a0a0a0;
}
.tab_area .tab_menu li:nth-child(4n),
.tab_area .tab_menu li:last-child{
	border-right:1px solid #a0a0a0;
}
.tab_area .tab_menu li.on{
	background:#b0a695;
	color:#fff;
	font-weight:600;
}

.tab_area .tab_menu li.on a {
	color:#fff;
}

.tab_area .tab_con > li{
	display:none;
}
.tab_area .tab_con > li .flex{
	gap:70px;
	justify-content:center;
	align-items:center;
}
.tab_area .tab_con > li .flex .imgbox{
	overflow:hidden;
	border-radius:50px;
	width:45%;
}
.tab_area .tab_con > li .flex .imgbox img{
	display:block;
	max-width:100%;
}
.tab_area .tab_con > li .flex .textbox{
	text-align:left;
	width:40%;
}
.tab_area .tab_con > li .flex .textbox h4{
	font-size:40px;
	margin-bottom:50px;
}
.tab_area .tab_con > li .flex .textbox p{
	font-size:25px;
	line-height:1.6;
	letter-spacing:-1px;
}
.event_con .flex .filled_btn{
	font-size:30px;
	margin:50px 0 0;
	width:100%;
	max-width:430px;
}
.filled_btn{
	font-size: 25px;
	font-weight:600;
	text-align:center;
	display:block;
	height:80px;
	line-height:80px;
	border-radius:40px;
	color:#fff;
	background:#b0a695;
	letter-spacing:-1px;
}
.tab_area .tab_con > li.on{
	display:block;
}

.treatments_pricing{
	padding:150px 0;
	background:#f3eeea;
}
.treatments_pricing .title{
	text-align:center;
}
.treatments_pricing .title p{
	font-weight:500;
}
.tab_area .tab_con > li .ttbox{
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
	padding:0 10px;
	margin-bottom:20px;
}
.tab_area .tab_con > li .ttbox h4{
	font-size:35px;
	line-height:1;
	display:flex;
	gap:10px;
	flex-wrap:wrap;
	max-width:80%;
}
.tab_area .tab_con > li .ttbox h4 p{
	font-family: 'Pretendard', sans-serif;
}
.tab_area .tab_con > li .ttbox span{
	display:block;
	font-size:20px;
	font-weight:300;
	color:#999;
}
.tab_area .tab_con > li .list{
	border-top:2px solid #b0a695;
	border-bottom:2px solid #b0a695;
	letter-spacing:-1px;
}
.tab_area .tab_con > li .list li{
	border-bottom:1px dashed #b0a695;
	display:flex;
	justify-content:space-between;
	padding:20px 10px;
	align-items:center;
}
.tab_area .tab_con > li .list li:last-child{
	border-bottom:0;
}
.tab_area .tab_con > li .list li .item{
	font-size: 30px;
	font-weight:500;
	max-width:60%;
}
.tab_area .tab_con > li .list li .price span{
	font-size: 20px;
	font-weight:400;
	display:inline-block;
	margin-right:10px;
	color:#666;
}
.tab_area .tab_con > li .list li .price strong{
	font-size: 35px;
	font-weight:700;
	display:inline-block;
	margin-right:5px;
	transform:translateY(2px);
}
.tab_area .tab_con > li .list li .price {
	font-weight:600;
}
.tab_area .filled_btn{
	width:300px;
	margin:100px auto 0;
}
.treatments_pricing .filled_btn{
	width:300px;
	margin:100px auto 0;
}
.main .bna{
	padding:150px 0;
	text-align:center;
}
.main .bna .bnaswiper{
	margin-top:100px;
	
}
.main .bna .bnaswiper .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.5s ease; /* 부드러운 확대 효과 */
	 border-radius: 40px; /* 이미지 곡률 */
	 overflow:hidden;
    transform: scale(0.9);   /* 기본적으로 작게 설정 */
}
.main .bna .bnaswiper .swiper-slide img {
    width: 100%;
    height: auto;
    filter: grayscale(90%); 
}
.main .bna .bnaswiper .swiper-slide-active {
    transform: scale(1);    
}
.main .bna .bnaswiper .swiper-slide-active img {
    filter: grayscale(0%);    
}
.main .bna .empty_btn{
	margin: 100px auto 0;
	width:300px;
}
.empty_btn{
	font-size: 25px;
    font-weight: 600;
    text-align: center;
    display: block;
    height: 80px;
    line-height: 80px;
    border-radius: 40px;
    color: #b0a695;
	border:1px solid #b0a695;
	letter-spacing:-1px;
}
.about{
	padding-bottom:100px;
}
.about .inbox {
	width:95vw;
	margin:0 auto;
	border-radius: 0;
	transition: border-radius 1s ease, background-image 1s ease-in-out;
	overflow: hidden;
	padding:150px;
	box-sizing:border-box;
	background:url('../img/main_interior1.png') no-repeat 30% 50%;
	background-size:cover;
	display:flex;
	justify-content:flex-end;
}
.about.loaded .inbox {
	border-radius: 100px;
}
.about .inbox .text{
	color:#fff;
}
.about .inbox .text h3{
	font-weight:600;
	font-size:80px;
}
.about .inbox .text h5{
	font-size:25px;
	color:#d9d0c1;
	margin-bottom:40px;
}
.about .inbox .text p{
	font-size:25px;
	margin-bottom:50px;
	line-height:1.5;
}
.about .inbox .text p b{
	color:#f6ede0;
	font-weight:500;
}
.about .inbox .text .btn{
	color:#fff;
	display:block;
	border:1px solid #fff;
	width: 150px;
	height:50px;
	line-height:50px;
	box-sizing:border-box;
	text-align:center;
	
}


/*오시는길*/
.location{
	background:#f9f9f9;
}
.location .container{
	width:100%;
	max-width:100%;
	align-items:stretch;
}
.location .container .info{
	width:50vw;
	/* padding:120px 0 120px 13vw; */
	position:relative;
	box-sizing:border-box;
}
.location .container .info .in{
	position:absolute;
	top:50%;
	left:13vw;
	transform:translateY(-50%);
}
.location .container .info h3{
	margin:20px 0;
}
.location .container .info p{
	font-size:20px;
	letter-spacing:-1px;
}
.location .container .info h3{
	font-size:50px;
}
.location .container .info .btnbox{
	display:flex;
	gap:10px;
	margin:20px 0 30px;
}
.location .container .info .btnbox a{
	display:block;
	width: 150px;
	height:30px;
	border-radius:15px;
	line-height:30px;
	font-weight:400;
	font-size:14px;
	text-align:center;
	padding:0;
}
.location .container .info .btnbox a b{
	font-weight:600;
}
.location .container .info .btnbox .naver{
	background:#03c75b;
	color:#fff;
}
.location .container .info .btnbox .kakao{
	background:#fae200;
}
.location .container .info .in > ul > li{
	margin-bottom:30px;
	display:flex;
	align-items:center;
	gap:10px;
}
.location .container .info .in > ul > li:last-child{
	margin-bottom:0;
}
.location .container .info .in > ul > li span{
	font-size:20px;
	font-weight:500;
}
.location .container .info .in > ul > li span.txt{
	display:block;
	width:75px;
}
.location .container .info .in > ul > li strong{
	font-size:30px;
	font-weight:600;
	letter-spacing:-1px;
}
.location .container .info ul li ul li{
	font-size:25px;
	font-weight:500;
	line-height:1.2;
	margin-bottom:10px;
}
.location .container .info ul li ul li:last-child{
	margin-bottom:0;
}
.location .container .info ul li ul li b{
	font-weight:400;
}
.location .container .info ul li ul li span{
	font-size:16px;
	color:#999;
	font-weight:300;
	letter-spacing:-1px;
}
.location .container .info ul li ul li span:first-child:after{
	/* content:""; */
	/* display:inline-block; */
	/* width:1px; */
	/* height:10px; */
	/* background:#ddd; */
	/* margin:0 10px; */
}
.location .container .map{
	width:55vw;
	height:100%;
	box-sizing:border-box;
	/* width:100%; */
	/* height:100%; */
	min-height:841px;
	display:block;
}

/*footer*/

#footer{
	background:#181818;
}
#footer .inbox{
	width:1420px;
	max-width:95vw;
	margin:0 auto;
	padding:30px 0 100px;
}
#footer .inbox .foot_menu{
	border-top:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	padding: 20px 10px;
	justify-content:space-between;
}
#footer .inbox .foot_menu ul{
	display:flex;
}
#footer .inbox .foot_menu .fmenu li:after{
	content: '';
	display:inline-block;
	width:1px;
	height: 16px;
	background:#dcdcdc;
	margin:0 20px;
	transform:translate(0,2px);
}
#footer .inbox .foot_menu .fmenu li:last-child:after{
	display:none;
}
#footer .inbox .foot_menu .fmenu li a{
	color:#dcdcdc;
}
#footer .inbox .snsmenu{
	display:flex;
	margin-bottom:20px;
	gap:20px;
}
#footer .inbox .snsmenu li a img{
	width: 50px;
}
#footer .inbox .foot{
	padding:30px 5px 0;
	justify-content:space-between;
}
#footer .inbox .foot div span{
	font-size:12px;
	color:#fff;
	font-weight:300;
}
#footer .inbox .foot div span:after{
	content: '';
	display:inline-block;
	width:1px;
	height: 12px;
	background:#fff;
	margin:0 5px;
	transform:translate(0,2px);
}
#footer .inbox .foot div span:nth-child(6):after{
	display:none;
}
#footer .inbox .foot div p{
	color:#b8b8b8;
	font-size:9px;
	margin-top: 10px;
}
#footer .inbox .foot .right{
	text-align:right;
}
#footer .inbox .foot .right h1{
	color:#fff;
	font-size:30px;
	font-weight:800;
}
#footer .inbox .foot .right p{
	color:#fff;
	font-size:14px;
	margin-top:5px;
	font-weight:300;
}











/* 노트북 */
@media (max-width: 1440px) {

.site-header .inbox {

}
.site-header .inbox h1 a img{
	width:12vw;
	max-width:135px;
}

.main-nav > ul {
  gap: 1vw;
}
.main-nav.hovered > ul {
  gap: 1vw;
}

/* ===== 1차 메뉴 ===== */
.main-nav > ul > li {
  min-width:12vw;
}

.main-nav > ul > li > a {
  font-size: 1.5vw;
  color: #111;
  padding: 3vw 0 ;
}
.main-nav > ul > li ul li a{
	padding:1vw 0;
	font-size:1.3vw;
}
.main-nav > ul > li > ul {
  display: none;
}

.main-nav > ul > li.is-open > ul {
  display: block;
}

/* ===== 로그인 ===== */
.login {
	gap:2vw;
}
.login a {
  min-width:2.2vw;
}
.login a span{
	font-size:1.2vw;
	width:1.6vw;
	height:1.6vw;
	line-height:1.6vw;
}

	

/* 퀵메뉴 */
.quick_menu {
	border-radius: 4.5vw;
	padding: 2vw 0;
	margin-bottom: 1vw;
}
.quick_menu li {
	padding: 1vw 0;
}
.quick_menu li a {
	color: #fff;
	font-size:1.1vw;
}
#sub .quick_menu li a p{font-size:1.1vw;}
/* QUICK 버튼 */
.quick_open_btn {
	width: 7vw;
	height: 7vw;
	line-height: 7vw;
	font-size: 1.5vw;
	margin-bottom: 1vw;
}
/* TOP 버튼 */
.top-btn {
	width: 7vw;
	height: 7vw;
	font-size: 3vw;
}
/*footer*/
#footer .inbox{
	padding:4vw 0 8vw;
}
#footer .inbox .foot_menu{
	padding: 2vw 1vw;
}
#footer .inbox .foot_menu .fmenu li:after{
	width:1px;
	height: 1.5vw;
	margin:0 2vw;
	transform:translate(0,2px);
}
#footer .inbox .snsmenu{
	margin-bottom:2vw;
	gap:2vw;
}
#footer .inbox .snsmenu li a img{
	width: 4vw;
}
#footer .inbox .foot{
	padding:3vw 0.5vw 0;
}
#footer .inbox .foot .left{
	width:60vw;
	display:flex;
	flex-wrap:wrap;
}
#footer .inbox .foot div span{
	font-size:1vw;
	line-height:1.8;
	display:block;
}
#footer .inbox .foot div span:after{
	width:1px;
	height: 1vw;
	margin:0 0.5vw;
	transform:translate(0,2px);
}
#footer .inbox .foot div p{
	font-size:1vw;
	margin-top: 1vw;
	width:100%;
}
#footer .inbox .foot .right a img{
	width:12vw;
}
	

  /*메인*/

.main-visual .inbox {
	height: 70vh;
	margin:10vw auto 0;
}
.main-visual.loaded .inbox {
  border-radius: 8vw;
}

/* --- 텍스트 박스 --- */
.main-visual .visual_slide .slide .text-box{
	left:10%;
}
.main-visual .visual_slide .slide .text-box h6{
	font-size:2.5vw;
	margin-bottom:2vw;
}
.main-visual .visual_slide .slide .text-box h2 {
  font-size: 6vw;
  margin-bottom: 2vw;
}
.main-visual .visual_slide .slide .text-box p {
  font-size: 2vw;
}

/* --- 좌측 번호 네비게이션 --- */
.main-visual .visual-nav {
  left: 4vw;
  gap: 1vw;
}
.main-visual .visual-nav span {
  font-size: 1.5vw;
}
.main-visual .visual-nav span::after {
  bottom: -0.5vw;
}
.main-visual .visual-nav span + span{
  margin-top:2vw;
}
.main-visual .scroll-down {
	right: 5vw;
	top: 50%;
}
.main-visual .scroll-down p {
	font-size: 1.2vw;
}
.main-visual .scroll-down .ico {
	margin-top: 0.5vw;
}
.main h3{
	font-size:4.5vw;
}
.main p{
	font-size:2vw;
}

.monthly_event{
	padding:12vw 0;
}
.tab_area{
	padding-top:8vw;
}
.tab_area .tab_menu{
	margin-bottom:5vw;
}
.tab_area .tab_menu li{
	font-size:2vw;
	padding:1.7vw 0;
}
.tab_area .tab_con > li .flex{
	gap:3vw;
}
.tab_area .tab_con > li .flex .imgbox{
	border-radius:5vw;
	width:45vw;
}
.tab_area .tab_con > li .flex .textbox h4{
	font-size:2.8vw;
	margin-bottom:3vw;
}
.tab_area .tab_con > li .flex .textbox p{
	font-size:2vw;
}
.event_con .flex .filled_btn{
	font-size:2.2vw;
	margin:3vw 0 0;
}
.filled_btn{
	font-size:2vw;
	height:5vw;
	line-height:5vw;
	border-radius:3vw;
}
.treatments_pricing{
	padding:12vw 0;
}
.tab_area .tab_con > li .ttbox{
	padding:0 1vw;
	margin-bottom:2vw;
}
.tab_area .tab_con > li .ttbox h4{
	font-size:3vw;
}
.tab_area .tab_con > li .ttbox span{
	font-size:1.5vw;
}
.tab_area .tab_con > li .list li{
	padding:1.5vw 1vw;
}
.tab_area .tab_con > li .list li .item{
	font-size: 2.5vw;
}
.tab_area .tab_con > li .list li .price span{
	font-size: 2vw;
	margin-right:1vw;
}
.tab_area .tab_con > li .list li .price strong{
	font-size: 3vw;
	margin-right:0.5vw;
	transform:translateY(0.2vw);
}
.tab_area .filled_btn{
	width:25vw;
	margin:8vw auto 0;
}
.treatments_pricing .filled_btn{
	width:25vw;
	margin:8vw auto 0;
}
.main .bna{
	padding:12vw 0;
}
.main .bna .bnaswiper{
	margin-top:8vw;
	
}
.main .bna .bnaswiper .swiper-slide {
	 border-radius: 3vw; /* 이미지 곡률 */
}
.main .bna .empty_btn{
	margin: 8vw auto 0;
	width:25vw;
}
.empty_btn{
	font-size: 2vw;
    height: 5vw;
    line-height: 5vw;
    border-radius: 3vw;
}
.about{
	padding-bottom:10vw;
}
.about .inbox {
	padding:8vw;
	background-position:60% 50%;
}
.about.loaded .inbox {
  border-radius: 8vw;
}
.about .inbox .text h3{
	font-size:6vw;
}
.about .inbox .text h5{
	font-size:2vw;
	margin-bottom:3vw;
}
.about .inbox .text p{
	font-size:2vw;
	margin-top:4vw;
}
.about .inbox .text .btn{
	width: 12vw;
	height:4vw;
	line-height:4vw;
	
}

/*오시는길*/
.location .container .info{
	width:45vw;
	/* padding:10vw 0 10vw 5vw; */
}
.location .container .info .in{
	left:5vw;
}
.location .container .info h3{
	margin:2vw 0;
}
.location .container .info p{
	font-size:1.8vw;
}
.location .container .info h3{
	font-size:4vw;
}
.location .container .info .btnbox{
	gap:1vw;
	margin:2vw 0 3vw;
}
.location .container .info .btnbox a{
	width: 15vw;
	height:3vw;
	border-radius:1.5vw;
	line-height:3vw;
	font-size:1.4vw;
}
.location .container .info .in > ul > li{
	margin-bottom:2vw;
	gap:0.7vw;
}
.location .container .info .in > ul > li span{
	font-size:1.8vw;
}
.location .container .info .in > ul > li span.txt{
	width:6.8vw;
}
.location .container .info .in > ul > li strong{
	font-size:2.8vw;
}
.location .container .info ul li ul li{
	font-size:2.2vw;
	line-height:1.2;
	margin-bottom:1vw;
}
.location .container .info ul li ul li span{
	font-size:1.3vw;
}
.location .container .info ul li ul li span:first-child:after{
	height:1vw;
	margin:0 0.8vw;
}
.location .container .map{
	width:55vw;
	height:100%;
	min-height:70vw;
}



}

/* 태블릿 */
@media (max-width: 1024px) {
/* ===== 모바일 전체 메뉴 오픈 ===== */
.main-nav {
	position: fixed;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100vh;
	background: rgba(255,255,255,0.99);
	z-index: 999;
	padding: 15vw 0 5vw;
	transition: 0.4s ease;
	box-sizing:border-box;
}
.main-nav.active {
	left: 0;
}
.main-nav > ul {
	flex-direction: column;
}
.main-nav > ul li {
	text-align:left;
	padding-left:10vw;
}
.main-nav::after {
	display: none;
}
.nav_mopen {
	display: flex;
}
.main-nav.hovered > ul {
	gap: 5vw;
}
.main-nav > ul > li > a::after{
	display:none;
}

.main-nav > ul > li{
	width:100%;
}
.main-nav > ul > li > a{
	color:#111;
	width:100%;
	font-size:2.5vw;
	padding:2vw 0;
}

.site-header .inbox h1 a img {
	width: 20vw;
	max-width: 168px;
}
.site-header .inbox{
	gap:1vw;
}
.site-header .inbox h1{
	width:78vw;
	padding:2.5vw 0 1.5vw;
	
}
.login {
	gap:2.5vw;
}
.login a {
  min-width:3vw;
}
.login a span{
	font-size:1.4vw;
	width:2vw;
	height:2vw;
	line-height:2.4vw;
}
.main-nav > ul > li ul{
	position:relative;
	top:0;
	left:0;
	background:none;
	width:100%;
	display:block;
}
.main-nav > ul > li ul li{
	border-top:0;
	padding:0;
}
.main-nav > ul > li ul li a{
	display:block;
	padding:1vw 0;
	font-size:2vw;
	color:#3c3c3c;
}




.login .menu-trigger {
  position: relative;
  z-index:9999;
  width: 4vw;
  height: 3.3vw;
  display:block;
}

.login .menu-trigger div {
  position: absolute;
  left: 0;
  width: 100%;
  height: 0.3vw;
  background-color: #000;
  border-radius: 0.3vw;
}

.login .menu-trigger div:nth-of-type(1) {
  top: 0;
}

.login .menu-trigger div:nth-of-type(2) {
  top: 1.5vw;
}

.login .menu-trigger div:nth-of-type(3) {
  bottom: 0;
}

/* type-01 */
/* 중앙 라인이 고정된 자리에서 투명하게 사라지며 상하라인 회전하며 엑스자 만들기 */
.login .menu-trigger.active-1 div:nth-of-type(1) {
  -webkit-transform: translateY (1.5vw) rotate (-45deg);
  transform: translateY(1.5vw) rotate(-45deg);
}

.login .menu-trigger.active-1 div:nth-of-type(2) {
  opacity: 0;
}

.login .menu-trigger.active-1 div:nth-of-type(3) {
  -webkit-transform: translateY(-1.5vw) rotate(45deg);
  transform: translateY(-1.5vw) rotate(45deg);
}







/* 퀵메뉴 */
.quick {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index:999;
	width:100%;
}
.quick_menu {
	border-radius: 0;
	padding: 0;
	margin-bottom: 0;
	transform: scaleY(1);
	transform-origin: bottom; /* 아래에서 위로 커짐 */
	opacity: 1;
	display:flex;
	justify-content:space-between;
}
.quick_menu li {
	padding: 2vw 0 2vw;
	width:33.3%;
	position:relative;
}
.quick_menu li:after{
	content:"";
	display:block;
	width:1px;
	height:8vw;
	background:rgba(255,255,255,0.5);
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}
.quick_menu li:last-child:after{display:none;}
.quick_menu li a {
	color: #fff;
	font-size:2vw;
}
.quick_menu li a br{display:none;}
.quick_menu li a img{
	width:6vw;
	display:block;
	margin:0 auto 1vw;
}

/* QUICK 버튼 */
.quick_open_btn {
	display:none;
}

/* TOP 버튼 */
.top-btn {
	width: 6vw;
	height: 6vw;
	font-size: 3vw;
	bottom:12vw;
	right:1vw;
	position:fixed;
}




/*footer*/
#footer .inbox{
	padding:5vw 0 15vw;
	text-align:center;
}
#footer .inbox .foot_menu{
	padding: 3vw 5vw 5vw;
	border-top:0;
	display:block;
	position:relative;
}
#footer .inbox .foot_menu ul{
	justify-content:center;
}
#footer .inbox .foot_menu .fmenu li:after{
	width:1px;
	height: 1.5vw;
	margin:0 2vw;
	transform:translate(0,2px);
}
#footer .inbox .snsmenu{
	margin-bottom:0;
	gap:4vw;
	justify-content:center;
}
#footer .inbox .snsmenu{
	/* position:absolute; */
	/* top:0; */
	/* left:50%; */
	/* transform:translateX(-50%); */
}
#footer .inbox .snsmenu li a img{
	width: 6vw;
}
#footer .inbox .foot{
	padding:3vw 0.5vw 0;
	display:block;
}
#footer .inbox .foot .left{
	width:90vw;
	justify-content:center;
}
#footer .inbox .foot div span{
	font-size:1.5vw;
	line-height:1.8;
	display:block;
}
#footer .inbox .foot div span:after{
	width:1px;
	height: 1.5vw;
	margin:0 2vw;
	transform:translate(0,2px);
}
#footer .inbox .foot div span:nth-child(3):after,
#footer .inbox .foot div span:nth-child(5):after{
	display:none;
}
#footer .inbox .foot div p{
	font-size:1.5vw;
	margin-top: 1vw;
	width:100%;
}
#footer .inbox .foot .right a img{
	width:15vw;
}
#footer .inbox .foot .right{
	text-align:center;
	margin-top:5vw;
}

  /*메인*/

.main-visual .inbox {
	height: 70vh;
	margin:13vw auto 0;
}
.main-visual.loaded .inbox {
  border-radius: 10vw;
}
.main-visual .visual_slide .slide1{
	background-position:80% 50%;
}
/* --- 텍스트 박스 --- */
.main-visual .visual_slide .slide .text-box{
	left:15%;
}
.main-visual .visual_slide .slide .text-box h6{
	font-size:3vw;
	margin-bottom:4vw;
}
.main-visual .visual_slide .slide .text-box h2 {
  font-size: 7vw;
  margin-bottom: 4vw;
}
.main-visual .visual_slide .slide .text-box p {
  font-size: 2.5vw;
}

/* --- 좌측 번호 네비게이션 --- */
.main-visual .visual-nav {
  left: 7vw;
  gap: 1vw;
}
.main-visual .visual-nav span {
  font-size: 2vw;
}
.main-visual .visual-nav span::after {
  bottom: -0.5vw;
}
.main-visual .visual-nav span + span{
  margin-top:2vw;
}
.main-visual .scroll-down {
	right: auto;
	top: auto;
	left:50%;
	bottom:3vw;
	transform:translate(-50%,0);
}
.main-visual .scroll-down p {
	font-size: 1.8vw;
	writing-mode: inherit;
}
.main-visual .scroll-down .ico {
	margin-top: 0.5vw;
}
.main h3{
	font-size:6vw;
}
.main p{
	font-size:2.7vw;
}

.monthly_event{
	padding:15vw 0;
}
.tab_area{
	padding-top:10vw;
}
.tab_area .tab_menu{
	margin-bottom:8vw;
}
.tab_area .tab_menu li{
	font-size:2.3vw;
	padding:2vw 0;
}
.tab_area .tab_con > li .flex{
	gap:8vw;
	flex-direction:column;
	
}
.tab_area .tab_con > li .flex .imgbox{
	border-radius:5vw;
	width:70vw;
}
.tab_area .tab_con > li .flex .textbox h4{
	font-size:3.5vw;
	margin-bottom:5vw;
	text-align:center;
}
.tab_area .tab_con > li .flex .textbox{
	width:100%;
}
.tab_area .tab_con > li .flex .textbox p{
	font-size:2.7vw;
	text-align:center;
}
.event_con .flex .filled_btn{
	font-size:3vw;
	margin:5vw auto 0;
}
.filled_btn{
	font-size:2.7vw;
	height:7vw;
	line-height:7vw;
	border-radius:3.5vw;
}
.treatments_pricing{
	padding:15vw 0;
}
.tab_area .tab_con > li .ttbox{
	padding:0 2vw;
	margin-bottom:2vw;
}
.tab_area .tab_con > li .ttbox h4{
	font-size:3.5vw;
}
.tab_area .tab_con > li .ttbox span{
	font-size:2vw;
}
.tab_area .tab_con > li .list li{
	padding:2vw 1vw;
}
.tab_area .tab_con > li .list li .item{
	font-size: 3vw;
}
.tab_area .tab_con > li .list li .price span{
	font-size: 2.5vw;
	margin-right:1vw;
}
.tab_area .tab_con > li .list li .price strong{
	font-size: 4vw;
	margin-right:0.5vw;
	transform:translateY(0.2vw);
}
.tab_area .filled_btn{
	width:30vw;
	margin:8vw auto 0;
}
.treatments_pricing .filled_btn{
	width:30vw;
	margin:8vw auto 0;
}
.main .bna{
	padding:15vw 0;
}
.main .bna .bnaswiper{
	margin-top:8vw;
	
}
.main .bna .bnaswiper .swiper-slide {
	 border-radius: 4vw; /* 이미지 곡률 */
}
.main .bna .empty_btn{
	margin: 8vw auto 0;
	width:30vw;
}
.empty_btn{
	font-size: 2.7vw;
	height: 7vw;
	line-height: 7vw;
	border-radius: 3.5vw;
}
.about{
	padding-bottom:12vw;
}
.about .inbox {
	padding:8vw 5vw;
	background-position:60% 50%;
}
.about.loaded .inbox {
  border-radius: 10vw;
}
.about .inbox .text h3{
	font-size:6vw;
}
.about .inbox .text h5{
	font-size:2.5vw;
	margin-bottom:5vw;
}
.about .inbox .text p{
	font-size:2.5vw;
	margin-top:5vw;
}
.about .inbox .text .btn{
	width: 15vw;
	height:5vw;
	line-height:5vw;
	font-size:2vw;
}
.location .container .map{
	width:53vw;
}
.location .container .map iframe{
	min-height:75vw;
}







	
}




/* 모바일 */
@media (max-width: 768px) {
/* ===== 모바일 전체 메뉴 오픈 ===== */
.main-nav {
	padding: 25vw 0 5vw;
}

.main-nav > ul > li > a{
	font-size:4vw;
	font-weight:500;
}
.main-nav > ul > li > ul > li > a {
	font-size: 3.5vw;
	padding: 1vw 0;
}
.site-header .inbox h1 a img {
	width: 28vw;
	max-width: 168px;
	display:block;
}
.site-header .inbox{
	gap:2vw;
}
.site-header .inbox h1{
	width:70vw;
	padding:4vw 0 3vw;
}
.login {
	gap:2.5vw;
}
.login a {
  min-width:5vw;
}
.login a span{
	font-size:2vw;
	width:3vw;
	height:3vw;
	line-height:3vw;
}
.login .menu-trigger,
.login .menu-trigger div {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}

.login .menu-trigger {
  position: relative;
  z-index:9999;
  width: 5vw;
  height: 4.4vw;
  display:block;
}

.login .menu-trigger div {
  position: absolute;
  left: 0;
  width: 100%;
  height: 0.4vw;
  background-color: #000;
  border-radius: 0.4vw;
}

.login .menu-trigger div:nth-of-type(1) {
  top: 0;
}

.login .menu-trigger div:nth-of-type(2) {
  top: 2vw;
}

.login .menu-trigger div:nth-of-type(3) {
  bottom: 0;
}

/* type-01 */
/* 중앙 라인이 고정된 자리에서 투명하게 사라지며 상하라인 회전하며 엑스자 만들기 */
.login .menu-trigger.active-1 div:nth-of-type(1) {
  -webkit-transform: translateY (2vw) rotate (-45deg);
  transform: translateY(2vw) rotate(-45deg);
}

.login .menu-trigger.active-1 div:nth-of-type(2) {
  opacity: 0;
}

.login .menu-trigger.active-1 div:nth-of-type(3) {
  -webkit-transform: translateY(-2vw) rotate(45deg);
  transform: translateY(-2vw) rotate(45deg);
}



/* 퀵메뉴 */
.quick {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index:999;
	width:100%;
}

.quick_menu {
	border-radius: 0;
	padding: 0;
	margin-bottom: 0;
	transform: scaleY(1);
	transform-origin: bottom; /* 아래에서 위로 커짐 */
	opacity: 1;
	display:flex;
	justify-content:space-between;
}
.quick_menu li {
	padding: 4vw 0 5vw;
	width:33.3%;
	position:relative;
}
.quick_menu li:after{
	content:"";
	display:block;
	width:1px;
	height:15vw;
	background:rgba(255,255,255,0.5);
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}
.quick_menu li:last-child:after{display:none;}
.quick_menu li a {
	color: #fff;
	font-size:2.5vw;
}
#sub .quick_menu li a p{font-size:2.5vw;}
.quick_menu li a img{
	width:6vw;
	display:block;
	margin:0 auto 1vw;
}

/* QUICK 버튼 */
.quick_open_btn {
	display:none;
}

/* TOP 버튼 */
.top-btn {
	width: 10vw;
	height: 10vw;
	font-size: 3vw;
	bottom:22vw;
	right:1vw;
	position:fixed;
}


/*footer*/
#footer .inbox{
	padding:8vw 0 25vw;
}
#footer .inbox .foot_menu{
	padding: 3vw 5vw 5vw;
	border-top:0;
	display:block;
	position:relative;
}
#footer .inbox .foot_menu ul{
	justify-content:center;
	flex-wrap:wrap;
}
#footer .inbox .foot_menu .fmenu li:after{
	width:1px;
	height: 2.5vw;
	margin:0 2vw;
	transform:translate(0,2px);
}
#footer .inbox .foot_menu .fmenu li a{
	font-size:2.7vw;
}
#footer .inbox .snsmenu li a img{
	width: 7vw;
}
#footer .inbox .foot{
	padding:3vw 0.5vw 0;
	display:block;
}
#footer .inbox .foot .left{
	width:85vw;
	margin:5vw auto 0;
}
#footer .inbox .foot div span{
	font-size:2.2vw;
	line-height:1.8;
	display:block;
}
#footer .inbox .foot div span:after{
	width:1px;
	height: 2.2vw;
	margin:0 2vw;
	transform:translate(0,2px);
}
#footer .inbox .foot div span:nth-child(4):after{
	display:none;
}
#footer .inbox .foot div p{
	font-size:2vw;
	margin-top: 2vw;
	width:100%;
}
#footer .inbox .foot .right{
	width:85vw;
	margin:0 auto;
}
#footer .inbox .foot .right a img{
	width:25vw;
}
#footer .inbox .foot .right{
	text-align:center;
	margin-top:5vw;
}

 /*메인*/

.main-visual .inbox {
	height: 70vh;
	margin:17vw auto 0;
}
.main-visual.loaded .inbox {
  border-radius: 10vw;
}
.main-visual .visual_slide .slide1{
	background-position:82% 50%;
}
.main-visual .visual_slide .slide2{
	background-position:75% 50%;
}
/* --- 텍스트 박스 --- */
.main-visual .visual_slide .slide .text-box{
	left:8%;
	top:auto;
	bottom:-5%;
	transform:translate(0,0);
	background:rgba(255,255,255,0.5);
	padding:5vw 0;
	width:84%;
	text-align:center;
}
.main-visual .visual_slide .slide .text-box h6{
	font-size:4vw;
	margin-bottom:5vw;
}
.main-visual .visual_slide .slide .text-box h2 {
  font-size: 9vw;
  margin-bottom: 5vw;
}
.main-visual .visual_slide .slide .text-box h2 br{
	display:none;
}
.main-visual .visual_slide .slide .text-box p {
  font-size: 3.5vw;
}

/* --- 좌측 번호 네비게이션 --- */
.main-visual .visual-nav {
  left: 8%;
  top:12%;
  gap: 2vw;
}
.main-visual .visual-nav span {
  font-size: 3vw;
}
.main-visual .visual-nav span::after {
  bottom: -0.5vw;
}
.main-visual .visual-nav span + span{
  margin-top:2vw;
}
.main-visual .scroll-down {
	right: auto;
	top: auto;
	left:50%;
	bottom:3vw;
	transform:translate(-50%,0);
}
.main-visual .scroll-down p {
	font-size: 2.5vw;
	writing-mode: inherit;
}
.main-visual .scroll-down .ico {
	margin-top: 0.5vw;
}
.main h3{
	font-size:8vw;
}
.main p{
	font-size:3.5vw;
}

.monthly_event{
	padding:15vw 0;
}
.tab_area{
	padding-top:10vw;
}
.tab_area .tab_menu{
	margin-bottom:10vw;
	
}
.tab_area .tab_menu li{
	font-size:3vw;
	padding:2vw 0;
	width:33.333%;
}
.tab_area .tab_menu li:nth-child(-n+4){
	border-top:0;
}
.tab_area .tab_menu li:nth-child(-n+3){
	border-top:1px solid #a0a0a0;
}
.tab_area .tab_menu li:nth-child(4n){
	border-right:0;
}
.tab_area .tab_menu li:last-child{
	border-right:1px solid #a0a0a0;
}
.tab_area .tab_menu li:nth-child(3n){
	border-right:1px solid #a0a0a0;
}
.tab_area .tab_con > li .flex{
	gap:10vw;
	flex-direction:column;
}
.tab_area .tab_con > li .flex .imgbox{
	border-radius:5vw;
	width:100%;
}
.tab_area .tab_con > li .flex .textbox h4{
	font-size:5vw;
	margin-bottom:5vw;
	text-align:center;
}
.tab_area .tab_con > li .flex .textbox p{
	font-size:3vw;
	text-align:center;
}
.event_con .flex .filled_btn{
	font-size:3.2vw;
	margin:5vw auto 0;
	width:70vw;
}
.filled_btn{
	font-size:3vw;
	height:10vw;
	line-height:10vw;
	border-radius:5vw;
}
.treatments_pricing{
	padding:15vw 0;
}
.tab_area .tab_con > li .ttbox{
	padding:0 2vw;
	margin-bottom:3vw;
}
.tab_area .tab_con > li .ttbox h4{
	font-size:5vw;
}
.tab_area .tab_con > li .ttbox span{
	font-size:2.5vw;
}
.tab_area .tab_con > li .list li{
	padding:2.5vw 2vw;
}
.tab_area .tab_con > li .list li .item{
	font-size: 2.8vw;
}
.tab_area .tab_con > li .list li .price span{
	font-size: 2.5vw;
	margin-right:1vw;
}
.tab_area .tab_con > li .list li .price strong{
	font-size: 4vw;
	margin-right:0.5vw;
	transform:translateY(0.2vw);
}
.tab_area .filled_btn{
	width:50vw;
	margin:10vw auto 0;
}
.treatments_pricing .filled_btn{
	width:50vw;
	margin:10vw auto 0;
}
.main .bna{
	padding:15vw 0;
}
.main .bna .bnaswiper{
	margin-top:10vw;
}
.main .bna .bnaswiper .swiper-slide {
	 border-radius: 5vw; /* 이미지 곡률 */
}
.main .bna .empty_btn{
	margin: 10vw auto 0;
	width:50vw;
}
.empty_btn{
	font-size:3vw;
	height:10vw;
	line-height:10vw;
	border-radius:5vw;
}
.about{
	padding-bottom:15vw;
}
.about .inbox {
	padding:15vw 5vw 15vw 10vw;
	background-position:35% 50%;
	justify-content:flex-start;
}
.about.loaded .inbox {
  border-radius: 10vw;
}
.about .inbox .text h3{
	font-size:10vw;
	line-height:1.3;
	margin-bottom:3vw;
}
.about .inbox .text h5{
	font-size:3.5vw;
	margin-bottom:8vw;
}
.about .inbox .text p{
	font-size:3.5vw;
	margin-top:8vw;
}
.about .inbox .text .btn{
	width: 25vw;
	height:8vw;
	line-height:8vw;
	font-size:3vw;
}




/*오시는길*/
.location .container{
	display:block;
}
.location .container .info{
	width:80%;
	padding:15vw 0;
	margin:0 auto;
	box-sizing:border-box;
	text-align:center;
}
.location .container .info .in{
	position:static;
	transform:translateY(0%);
}
.location .container .info h3{
	margin:3vw 0;
	
}
.location .container .info p{
	font-size:3vw;
}
.location .container .info h3{
	font-size:5vw;
}
.location .container .info p br{display:none;}
.location .container .info p .br{display:inline-block;}
.location .container .info .pp br{display:inline-block;}
.location .container .info .btnbox{
	gap:2vw;
	margin:5vw 0 10vw;
}
.location .container .info .btnbox a{
	width: 40vw;
	height:9vw;
	border-radius:4.5vw;
	line-height:9vw;
	font-size:2.8vw;
}
.location .container .info .in > ul{
	text-align:left;
}
.location .container .info .in > ul > li{
	margin-bottom:3vw;
	gap:2vw;
}
.location .container .info .in > ul > li span{
	font-size:3.2vw;
}
.location .container .info .in > ul > li span.txt{
	width:12vw;
}
.location .container .info .in > ul > li strong{
	font-size:5vw;
}
.location .container .info ul li ul li{
	font-size:4vw;
	line-height:1.2;
	margin-bottom:3vw;
}
.location .container .info ul li ul li span{
	font-size:2.5vw;
}
.location .container .info ul li ul li span:first-child:after{
	height:2.2vw;
	margin:0 1vw;
}
.location .container .map{
	width:100%;
}
.location .container .map iframe{
	min-height:60vw;
}









}