@charset "utf-8";
/* css setting start */
.sec-wrap,
.sec-header,
.sec-content,
.sec-footer {position:relative;width:100%;margin:0;padding:0;box-sizing:border-box;}
 

/*************************************************** header ***************************************************/
.sec-header{width:100%; height:90px; display:flex; justify-content:center; align-items:center; font-size: 18px; padding:0 5%; gap:5%; position:fixed; top:0; left:0; z-index:10; background: #f7f4f1;}
.sec-header .logo{position:absolute; left:5%; top:11px; z-index:9;}
.sec-header .gnb > ul{display:flex; gap:80px; justify-content:center;}
.sec-header .gnb > ul > li a{font-weight:500;}
.sec-header .lang{position:absolute; right:5%; z-index:9; line-height: 1; padding:5px 0; }
.sec-header .lang > a{height:40px; background: #82191e; color: #fff; font-size: 14px;border-radius:4px; padding:0 15px 0 10px; display:inline-flex; align-items:center; justify-content:center; gap:10px;}
.sec-header .lang img{max-width:16px; filter:invert(1);}
.sec-header .lang > ul{position:absolute;  left:0; width:100%;  top:100%; background: #fff; border-radius:4px; padding:10px; font-size: 14px; text-align: center; border:1px solid #ddd; opacity:0;     pointer-events: none; transition:all ease .3s;}
.sec-header .lang > ul li a{display:block; padding:3px 0; color: #666;}
.sec-header .lang > ul li a:hover,
.sec-header .lang > ul li a.on{color: #82191e; font-weight: 500;}
.sec-header .lang:hover > ul{  opacity:1;    pointer-events: auto;}
.sec-header .menubar{ position:relative; z-index:9; display:none; width:20px; height:20px; cursor:pointer;}
.sec-header .menubar span{width:100%; height:2px; margin:4px 0; display:block; background: #000; transition:all ease .3s;}
.sec-header.open .menubar{padding-top: 10px;}
.sec-header.open .menubar span:nth-child(2){display:none;}
.sec-header.open .menubar span:first-child{transform:rotate(45deg);}
.sec-header.open .menubar span:last-child{transform:rotate(-45deg);}
.sec-header.open .menubar span{ margin: -2px 0;}


/*************************************************** footer ***************************************************/
.sec-footer{padding:50px 0;  background: #f7f4f1;}
.sec-footer .inner{display:flex; gap:70px;}
.sec-footer .ft-info p{color: #666;  margin-top: 10px; font-size: 16px; }
.sec-footer .ft-info p span{margin:0 10px; font-weight: 100; color: #ddd;}
.sec-footer .ft-info p.copy{margin-top: 30px; color: #aaa;  }

.marquee {background: #fac02c; position: relative;  width: 100vw;max-width: 100%;  height: 120px; overflow-x: hidden;}
.marquee img{max-width:180px;}
.marquee .track {  position: absolute; white-space: nowrap;  will-change: transform;  height:100%; animation: marquee 32s linear infinite;}
.marquee .content{display:flex; gap:16%; height:100%; align-items:center;}
@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}



/*************************************************** common ***************************************************/
body{padding-top: 90px; font-size: 18px; background: url('/images/body_bg.jpg') repeat-y top center / 100%; }
p{line-height: 1.6;}
h1,h2,h3,h4,h5,strong{font-weight: 500;}
.inner{width:90%; max-width:1500px; margin:0 auto;}

/* youtube */
.youtube-cont{position:relative;background: #555; aspect-ratio: 16 / 9;} 
.youtube-cont iframe {   width: 100%; height: 100%; object-fit: cover; } 
.youtube-cont .play-btn{width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; cursor:pointer;  transform:none;}
.youtube-cont .play-btn > img{width:100%; height:100%; position:absolute; left:0; top:0;  object-fit:cover; }
.youtube-cont .play-btn:after{content:''; width:70px; height:70px; background: url('/images/btn_play.png') no-repeat center center / cover; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}


/* video */
.video-cont{position:relative;background: #555; aspect-ratio: 16 / 9;} 
.video-cont video {   width: 100%; height: 100%; object-fit: cover; } 
.video-cont .play-btn{width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; cursor:pointer;  transform:none;}
.video-cont .play-btn > img{width:100%; height:100%; position:absolute; left:0; top:0;  object-fit:cover; }
.video-cont .play-btn:after{content:''; width:70px; height:70px; background: url('/images/btn_play.png') no-repeat center center / cover; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
 
/* obj */
.obj{position:absolute; z-index:-1;}
 
/* review */
.review-card{position:relative; background: url('/images/review_bg.jpg') #f8f6f4 no-repeat top center / auto; padding:60px 40px 50px;}
.review-card:before{content:''; width:70px; height:40px; position:absolute; right:30px; top:40px; background: url('/images/logo_01.png') no-repeat center center / contain;}
.review-card .star i{color: #d8caba;}
.review-card .star-2 i:nth-child(-n+2),
.review-card .star-3 i:nth-child(-n+3),
.review-card .star-4 i:nth-child(-n+4),
.review-card .star-5 i:nth-child(-n+5){color: #82191e;}
.review-card h3{font-size: 24px; margin:0 0 10px;}

/* sns */
.sns-list{display:flex; justify-content:space-between; flex-wrap:wrap; gap:20px;} 
.sns-list > li a{display:flex; gap:30px; align-items:center; font-size: 20px;}
.sns-list > li strong{font-size: 16px; color: #82191e; line-height: 1;}
.sns-list > li .ico{width:88px; height:88px; border-radius:50%; background: #82191e; display:flex; align-items:center; justify-content:center;}
.sns-list > li .txt{display: flex;  flex-direction: column; gap:3px;}
 
/* pagination */
.pagination{display:flex; gap:20px; justify-content:center; align-items:center;}
.pagination a{font-size: 22px;color: #b8a9a2; font-family: "Gowun Dodum", sans-serif;}
.pagination a.on{color: #82191e; font-weight: 600;}

/* swiper */
.swiper-wrapper{height:auto !important;}


/*************************************************** main ***************************************************/
.main{overflow:hidden; }
.main-tit{margin-bottom: 100px; display:flex; align-items:flex-end; justify-content:space-between;}
.main-tit h2{font-size: 56px; font-family: "Gowun Dodum", sans-serif; font-weight: 400; max-width:1000px;}
.more-btn {display:inline-flex; align-items:center; justify-content:center; gap:20px;}
.more-btn .arr{width: 48px; height: 48px;background: url('/images/arr.png') #82191e no-repeat center center / 16px;  border-radius:50%; display:inline-block; }
.main-visual{background:#000; position:relative;  width:100%; height:calc(100vh - 60px);   }
.main-visual:before{content:''; width:100%; aspect-ratio: 8 / 1; background: url('/images/visual_obj.png') no-repeat center top / cover; position:absolute; bottom:0; left:0; z-index:1;}
.main-visual video{position:absolute; left:0; top:0; width:100%; height:100%; object-fit: cover; opacity:0.6; } 
.main-visual .tit{position:absolute; z-index:1; width:100%; height:100%; display:flex; flex-direction:column; gap:30px; align-items:center; justify-content:center; color: #fff; font-size: 24px; text-align: center;}
.main-visual .tit p{font-family: "Gowun Dodum", sans-serif; letter-spacing:0.5em;}
.main-about{background: url('/images/main_about_bg.jpg') no-repeat top center / cover; padding:150px 0 340px;}
.main-about .main-tit{margin-bottom: 0;}
.main-about .inner{max-width:100%; display:flex;gap:0; align-items:center;}
.main-about .inner > div{width:50%;}
.main-about .inner .txt{max-width:700px; padding-left: 5%; }
.main-about .inner .txt p{font-size: 20px; line-height: 1.8; margin:30px 0;}
.main-about .inner .txt p strong{color: #82191e;} 
.main-program{position:relative; padding:100px 0; background-image: linear-gradient(0deg, transparent, #efe9e6); z-index:1;} 
.main-program .obj{right:0; top:-80px;}
.main-program .card-list {display:flex; justify-content:space-between;}
.main-program .card-list li{position:relative; width:30%;  padding:3.4vw 2.4vw; aspect-ratio: 1 / 1.58036; display: flex
; flex-direction:column;   } 
.main-program .card-list li:before{content:''; width:100%; height:50%; position:absolute; left:0; top:0; background: url('/images/bg_line01_top.png') no-repeat top center / cover; z-index:-1;}
.main-program .card-list li:after{content:''; width:100%; height:50%; position:absolute; left:0; bottom:0; background: url('/images/bg_line01_btm.png') no-repeat bottom center / cover; z-index:-1;}
.main-program .card-list li .cont:before{content:''; width:3.2vw; aspect-ratio: 1 / 1.5; position:absolute; right:1.5vw; top:1.5vw; background: url('/images/logo_02.png') no-repeat center center / contain;} 
.main-program .card-list li h3{font-size: 2.1vw; line-height: 1; color: #82191e;  font-family: "Gowun Dodum", sans-serif; writing-mode: vertical-rl; letter-spacing:0.2em; position:absolute; left:2.4vw; top:3.4vw;}
.main-program .card-list li .cont{width:100%; margin-top:auto;}
.main-program .card-list li .img{text-align: center; margin :0 auto 20px; max-width:80%;}
.main-media{position:relative; padding:200px 0 100px; } 
.main-media .right{right:0; top:-80px;}
.main-media .left{left:0; top:-80px;}
.main-media .media-slider{margin-left:calc(50% - 750px);} 
.main-media .container{max-width:1500px; }
.main-media .swiper-container{overflow:visible;}
.main-reivew{position:relative; padding:100px 0 200px; } 
.main-reivew .top{left:5%; top:0;} 
.main-reivew .left{left:0; bottom:0;} 
.main-reivew .right{right:0; bottom:0;} 
.main-reivew .review-slider{margin-left:calc(50% - 750px);} 
.main-reivew .container{max-width:1500px; }
.main-reivew .swiper-container{overflow:visible;}
.main-reivew .swiper-container .swiper-slide{height:auto;}
.main-reivew .swiper-container .review-card{height:100%;}
.main-contact .map{margin-top: 80px;}
 

/*************************************************** en ***************************************************/
:lang(en) .main-tit h2{font-size: 46px;} 
:lang(en) .about .overview .inner .txt h2{font-size: 36px;}

:lang(jp) *{word-break:break-all; font-family: 'Noto Sans JP','Noto Sans KR',Dotum,Helvetica,AppleGothic,Gulim,'Roboto','굴림',Sans-serif;} 
:lang(jp) .main-about .inner .txt p{    letter-spacing: -3px;}
:lang(jp) .about .overview .inner .txt h2{font-size: 36px;}

/*************************************************** sub ***************************************************/
.sub-tit{margin-bottom: 80px; }
.sub-tit h2{font-size: 50px; font-family: "Gowun Dodum", sans-serif; font-weight: 400;}
.sub-tit p{font-size: 20px;  margin-top: 20px;}

.sub-visual{background:#000; position:relative;  width:100%; height:calc(100vh - 60px);   }
.sub-visual.sv01{background: url('/images/sub_visual01.jpg') no-repeat center center / cover;}
.sub-visual.sv02{background: url('/images/sub_visual02.jpg') no-repeat center center / cover;}
.sub-visual.sv03{background: url('/images/sub_visual03.jpg') no-repeat center center / cover;}
.sub-visual.sv04{background: url('/images/sub_visual04.jpg') no-repeat center center / cover;}
.sub-visual:before{content:''; width:100%; aspect-ratio: 8 / 1; background: url('/images/visual_obj.png') no-repeat center top / cover; position:absolute; bottom:0; left:0; z-index:1;} 
.sub-visual .tit{position:absolute; z-index:1; width:100%; height:100%; display:flex; flex-direction:column; gap:30px; align-items:center; justify-content:center; color: #fff; font-size: 80px; font-family: "Gowun Dodum", sans-serif; padding-bottom: 80px;text-align: center; }  
.sub-visual + div{position:relative; }
.sub-visual + div:before{content:''; width:100%; height:300px;background-image: linear-gradient(0deg, transparent, #efe9e6); position:absolute; left:0; top:0; z-index:1;}
.sub-visual + div > div{position:relative; z-index:2;}

/* about */
.about .sub-tit{text-align:center;}
.about .overview{ background: url('/images/about_ovv_bg.png') no-repeat center center / cover; padding:150px 0 340px; z-index:-1;} 
.about .overview .inner{  display:flex; align-items:center;}
.about .overview .inner > div{width:50%;}
.about .overview .inner .img{max-width:750px;} 
.about .overview .inner .txt h2{font-size: 40px; font-family: "Gowun Dodum", sans-serif; margin-bottom: 50px;}
.about .overview .inner .txt h2 strong{font-family: "Gowun Dodum", sans-serif; color: #82191e;}
.about .overview .inner .txt p{font-size: 20px; margin:20px 0; } 
.about .secret{position:relative; padding:50px 0 200px; z-index:1;}  
.about .secret .card-list {display:flex; justify-content:space-between;}
.about .secret .card-list li{position:relative; width:30%;  padding:4vw 2vw; aspect-ratio: 1 / 1.47558;   text-align: center; background: #f7f5f3;} 
.about .secret .card-list li:before{content:''; width:100%; height:50%; position:absolute; left:0; top:0; background: url('/images/bg_line02_top.png') no-repeat top center / 100%; z-index:-1;}
.about .secret .card-list li:after{content:''; width:100%; height:50%; position:absolute; left:0; bottom:0; background: url('/images/bg_line02_btm.png') no-repeat bottom center / 100%; z-index:-1;}
.about .secret .card-list li .cont:before{content:''; width: 3vw;aspect-ratio: 1 / 1.5; position:absolute; right:1.5vw; top:1.8vw; background: url('/images/logo_02.png') no-repeat center center / contain;} 
.about .secret .card-list li h3{font-size: 36px; color: #82191e; margin-bottom: 15px; font-family: "Gowun Dodum", sans-serif;  }
.about .secret .card-list li p{ }
.about .secret .card-list li .img{  max-width:80%; margin :0 auto 30px;}

/* program */
.program {padding:100px 0;} 
.program .sections section{padding:100px 0 0; position:relative;}
.program nav{position:sticky; top:90px; z-index:3;}
.program nav ul{display:flex; border-bottom:1px solid #000;}
.program nav ul li{width:100%; text-align: center; } 
.program nav ul li a{display:block; height:70px; line-height: 70px; font-size: 22px;  background: url('/images/body_bg.jpg') repeat-y top center  ;}
.program nav ul li a.active{background: url('/images/active_bg.jpg') no-repeat center center / cover; color: #fff; border:0;}
.program .card-list {display:flex;  gap:4.5%; flex-wrap:wrap;}
.program .card-list > li{position:relative; width:30.334%;  padding:5vw 3vw; display: flex;  flex-direction: column; margin-bottom: 4.5%; }
.program .card-list > li:before{content:''; width:100%; height:50%; position:absolute; left:0; top:0; background: url('/images/bg_line03_top.png') no-repeat top center / 100%; z-index:-1;}
.program .card-list > li:after{content:''; width:100%; height:50%; position:absolute; left:0; bottom:0; background: url('/images/bg_line03_btm.png') no-repeat bottom center / 100%;}
.program .card-list .cont:before{content:''; width: 3vw;aspect-ratio: 1 / 1.5; position:absolute; right:1.5vw; top:1.8vw; background: url('/images/logo_02.png') no-repeat center center / contain;}
.program .card-list h3{font-size: 32px;  margin-bottom: 15px; font-weight: 600;  }
.program .card-list p strong{ color: #82191e; }
.program .card-list .cont {min-height:400px;}
.program .card-list .cont > ul{margin-top: 20px; margin-bottom:30px;}
.program .card-list .cont > ul li{position:relative; font-size: 20px; padding-left: 16px; margin:5px 0;}
.program .card-list .cont > ul li:before{content:''; width:4px; height:4px; background: #82191e; border-radius:50%; position:absolute; left:0; top:13px;} 
.program .card-list .price{display:flex; justify-content:space-between; border-top:1px dashed #ccc; margin-top:auto; padding-top: 20px; font-weight: 600;  }
.program .card-list .price strong{font-size: 32px; vertical-align:baseline; margin-right: 5px; font-weight: 600; }
.program .obj.left{left:-1%; top:20%;}
.program .obj.right{right:0; bottom:14%;}
.program .obj.bottom{left:3%; bottom:-5%;}
.program .obj.right{ bottom:-32%;}


/* promotion */
.promotion{padding:200px 0;}
.promotion .total {margin-bottom: 30px;}
.promotion .total strong{color: #82191e; font-weight: 600;}
.promotion .media-list{display:flex; flex-wrap:wrap; justify-content:space-between; gap:5%;}
.promotion .media-list > li{width:47.5%; margin-bottom: 5%;}
.promotion .media-list h3{font-size: 22px; margin-top: 20px;}   
.promotion section{position:relative;} 
.promotion .obj.right{right:0; top:-20%;  max-width:300px;} 
.promotion .obj.top{left:3%; top:0;  } 
.promotion .obj.left{left:-3%; top:40%;  } 
.promotion .obj.bottom{right:3%; bottom:-10%;  } 


/* appointment */
.appointment {padding:100px 0 200px;}
.appointment section + section{padding-top: 150px;}
.appointment .app-tit{font-size: 36px; text-align: center;font-family: "Gowun Dodum", sans-serif; position:relative; z-index:1;}
.appointment .sub-tit{border-bottom:1px solid #000; padding-bottom: 20px; margin-bottom: 40px;} 
.appointment .review-list{display:flex; flex-wrap:wrap;gap:50px; margin:50px 0;}
.appointment .review-list > li{width:calc(33.33% - 34px);}
.appointment .sns-list > li{ }
.appointment .sns-list > li .ico{width:73px; height:73px;}
.appointment .sns-list > li > a{gap:20px;} 
.appointment .oper-hours{display:flex; gap:50px; justify-content:space-between;}
.appointment .oper-hours > li{position:relative;width:100%; background: #f8f6f4; padding:70px 20px; text-align: center;}
.appointment .oper-hours > li p{line-height: 1.5;font-size: 20px;}
.appointment .oper-hours > li strong{color: #82191e;}
.appointment .oper-hours > li .time{font-size: 30px;  margin-top: 15px;}
.appointment .oper-hours > li .ico{position:absolute; left:0; top:0; width:100%;}
.appointment .notice{background: #f8f6f4; padding:50px 60px;}
.appointment .notice dl{display:flex;  flex-wrap:wrap;  }
.appointment .notice dl + dl{margin-top: 30px;}
.appointment .notice dl dt{width:240px; font-size: 20px; font-weight: 500;}
.appointment .notice dl dd{width:calc(100% - 240px);}
.appointment .notice dl dd ul li{ position:relative;  padding-left: 16px;  }
.appointment .notice dl dd ul li + li{margin-top: 5px;}
.appointment .notice dl dd ul li:before{content:''; width:4px; height:4px; background: #82191e; border-radius:50%; position:absolute; left:0; top:10px;}  
.appointment .travel{font-size: 22px; display:flex;  justify-content:space-between; }
.appointment .travel li{width:23%; text-align: center;}
.appointment section{position:relative;}
.appointment .obj.top{left:0; top:0; } 
.appointment .obj.right{right:0; top:-40%;  max-width:320px;} 
.appointment .obj.left{left:0; top:-10%;  max-width:240px;} 


/*************************************************** responsive ***************************************************/

@media screen and (max-width:1500px){ 
	.main-tit h2{font-size: 40px;} 
	.about .overview .inner .txt h2{font-size: 32px;}
	.about .overview .inner .txt h2 br{display:none;}
	.main-media .media-slider{margin-left: 0;}
	.main-reivew .review-slider{margin-left: 0;}
}
@media screen and (max-width:1000px){
	body{padding-top: 60px;font-size: 16px;}  
	.pc-br{display:none;}
	.mo-br{display:block;}

	/* header */
	.sec-header{height:60px; justify-content:flex-end;} 
	.sec-header .logo  {width:90px;}
	.sec-header .menubar{  display:block; } 
	.sec-header .gnb{width:100%; height:100vh; position:fixed; top:-100%; right:0; background: #f7f4f1;   transition:all ease .6s; opacity:0;  }
	.sec-header .gnb > ul{flex-direction:column; padding:5%; gap:0; height: calc(100% - 140px);}
	.sec-header .gnb > ul > li { text-align: center;}
	.sec-header .gnb > ul > li a{display:block; padding:20px 0; font-size: 28px; font-family: "Gowun Dodum", sans-serif;}
	.sec-header.open .gnb{top:60px; opacity:1;}
	.sec-header .lang{right:calc(40px + 5%);}
	.sec-header .lang > a{height:30px; }

	/* footer */
	.sec-footer{padding:30px 0;}
	.sec-footer .inner{ flex-direction: column; gap:0;}
	.sec-footer .ft-info p{font-size: 14px;}
	.sec-footer .ft-info p.copy{margin-top: 10px;}


	.more-btn{gap:10px;}
	.more-btn .arr{width: 32px; height: 32px; background-size: 12px;}

	/* main */
	.main-tit{flex-direction:column; gap:20px; margin-bottom: 40px; align-items: flex-start;} 
	.main-tit h2{font-size: 28px;}
	.main-visual .tit p{letter-spacing: 0.2em; font-size: 16px;}
	.main-visual .tit img{max-width:200px;} 
	.main-about{padding: 70px 0  ; background-position: left;}
	.main-about .inner{flex-direction:column; gap:30px;}
	.main-about .inner > div{width: 100%; }
	.main-about .inner .img{max-width:80%; margin-right: auto;} 
	.main-about .inner .txt p{margin:20px 0; font-size: 16px;}
	.main-about .inner .txt p strong{display:inline;}
	.main-about .inner .txt{padding-left: 0;}
 	.main-program{padding:50px 0;}
	.main-program .card-list{flex-direction:column; gap:30px;}
	.main-program .card-list > li{width: 100%; padding:140px 30px 40px; aspect-ratio: auto;}
	.main-program .card-list li h3{font-size: 8vw; left:30px; top:10vw;}
	.main-program .card-list li .cont:before{width: 50px;  right:20px; top:20px;}
	.main-program .card-list li .img{max-width:70%; }
	.main-media{padding:100px 0 50px;}
	.main-reivew{padding:50px 0 100px;}
	.main-contact .map iframe{height:300px;}
	.main-program .obj {max-width:80%;}
	.main-media .right{right:-5%; max-width:60%; top:-5%;}
	.main-media .left{top:-5%; max-width:50%;}
	.main-reivew .left{max-width:40%; display:none;}
	.main-reivew .right{max-width:60%; bottom:-5%;}



	/* common */
	.video-cont .play-btn:after{width: 40px; height: 40px;} 
	.youtube-cont .play-btn:after{width: 40px; height: 40px;}

	.review-card{padding:30px 20px;}
	.review-card h3{font-size: 18px;}
	.review-card p{font-size: 14px;}
	.review-card:before{width: 60px; height: 30px; right: 20px; top: 30px;}

	.sns-list{flex-direction:column; gap:30px;}
	.sns-list > li .ico{width: 50px; height: 50px; padding:15px;}
	.sns-list > li strong{font-size: 14px;}
	.sns-list > li a{font-size: 18px; gap:15px;}

 


	/* sub */
	.sub-visual .tit{font-size:40px; padding-bottom: 40px;}
	.sub-visual + div:before{height:200px;}
	.sub-tit{margin-bottom: 40px;}
	.sub-tit h2{font-size: 30px;}
	.sub-tit p{font-size: 16px; margin-top: 15px;}
	.sub-tit p br{display:none; }


	.about .overview{padding:70px 0; z-index:1;}
	.about .overview .inner{flex-direction:column;}
	.about .overview .inner > div{width: 100%;}
	.about .overview .inner .txt h2{font-size: 26px; margin-bottom: 20px;}
	.about .overview .inner .txt h2 strong{display:inline;}
	.about .overview .inner .txt p{font-size: 18px;} 
	.about .secret .card-list{flex-direction:column; gap:20px;}
	.about .secret .card-list li{width: 100%; padding: 40px 20px;}
	.about .secret .card-list li h3{font-size: 26px; margin-bottom: 10px;}
	.about .secret .card-list li .img{margin:0 auto 20px;}
	.about .secret{padding :0 0 100px;}
	.about .secret .card-list li .cont:before{width:46px; right:15px; top:15px;}

	.marquee{height:60px;}
	.marquee .content{gap:60px;}
	.marquee img{max-width:100px;}
 

	.program{padding:50px 0;}
	.program nav{top:60px; } 
	.program .sections section{padding:50px 0 0;}
	.program nav ul li a{font-size: 16px; height:50px; line-height: 50px;}
	.program .card-list{flex-direction:column; gap:20px;}
	.program .card-list > li{width: 100%; padding:20vw 10vw; margin-bottom: 0;}
	.program .card-list > li h3{font-size: 26px; margin-bottom: 10px;}
	.program .card-list > li .img{margin:0 auto 20px;}
	.program .card-list .cont{min-height:auto;}
	.program .card-list .cont:before{width: 50px;  right:20px; top:20px;}  
	.program .card-list .cont > ul li{font-size: 16px;}
	.program .card-list .cont > ul li:before{top:10px;}
	.program .card-list .price strong{font-size: 28px;}
	.program .obj.left{max-width:30%; left:-10%;}
	.program .obj.right{max-width:50%; bottom:-8%; }



	.appointment{padding:50px 0 100px;}
	.appointment .app-tit{font-size: 20px;} 
	.appointment section + section{padding-top: 50px;}
	.appointment .sub-tit{padding-bottom: 10px; margin-bottom: 30px;}
	.appointment .oper-hours{flex-direction:column; gap:20px;}
	.appointment .oper-hours > li{padding:50px 20px 40px;}
	.appointment .oper-hours > li p{font-size: 18px;}
	.appointment .oper-hours > li .time{font-size: 22px; margin-top: 10px;}
	.appointment .notice{padding:30px  ;}
	.appointment .notice dl{flex-direction:column; gap:10px;}
	.appointment .notice dl dt{width:100%; font-size: 18px;}
	.appointment .notice dl dd{width:100%;}
	.appointment .notice dl dd ul li{font-size: 14px;}
	.appointment .notice dl dd ul li:before{top:8px;}
	.appointment .notice dl + dl{margin-top: 20px;}
	.appointment .review-list{margin:30px 0; flex-direction:column; gap:20px;}
	.appointment .review-list > li{width:100%;}
	.pagination a{font-size: 16px;}
	.appointment .travel{flex-wrap:wrap;}
	.appointment .travel li{width:48%; margin-bottom: 3%; font-size: 16px;}
	.appointment .obj.left{max-width:40%;}
	.appointment .obj.right{max-width:50%; top:-10%;}

	.promotion{padding:100px 0;} 
	.promotion .media-list > li{width:100%; margin-bottom: 40px;}
	.promotion .media-list h3{font-size: 18px; margin-top: 10px;}
	.promotion .obj.top{top:-5  %;}
	.promotion .obj.right{max-width:50%; top:-10%;}
	.promotion .obj.left{max-width:30%; left:-10%;}
	.promotion .obj.bottom{max-width:40%;}
	


}
/* css setting end */