@import url("common.css");

.op70 { opacity:.7; }
.sr_only { position:absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }

/*** 공통 타이틀 박스 ***/
.tbox { position:relative; text-align:center; padding:0 5% 30px; box-sizing:border-box; }
.tbox .fs18 { padding:8px 0 0; line-height:150%; }
.btnArea { padding:48px 0 0; }




/*** 비주얼 뱃지 ***/
.badge { display:inline-flex; align-items:center; justify-content:center; padding:4px 20px; border-radius:30px; background:var(--main); color:rgba(238,242,240,.95); }

/*** 카드 공통 ***/
.card_link { display:block; }
.card dt { overflow:hidden; }
.card dt img { width:100%; height:100%; display:block; object-fit:cover; transition:all .4s linear; }
/* .card:hover dt img { transform:scale(1.05); } */

/*** Visual ***/
#visual { width:100%; height:calc(var(--vh) - 170px);  /* height:910px;  */overflow:hidden; position:relative; background:var(--grayBg); }
#visual .visual_in { width:100%; height:100%; position:relative; }
#visual .visual_slider { position:absolute; inset:0; }
#visual .visual_slider, #visual .visual_slider .slick-list, #visual .visual_slider .slick-track { height:100%; }
#visual .visual_slider .slick-slide { height:100%; }
#visual .v_slide { position:relative; height:100%;}
#visual .v_slide .bg {position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center; transform:scale(1); bill-change:opacity, transform; transition:transform 3.5s ease-in-out; }
#visual .v_slide.action .bg { transform:scale(1.1);  transition:transform 3.5 ease-in-out; }
#visual .visual_txt { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); text-align:center; z-index:2; width:min(1590px, 90%); }
#visual .visual_txt .badge { margin:0 auto 30px; }
#visual .visual_txt .fs70 { line-height:110%; letter-spacing:-1.4px; font-weight:300;}
#visual .visual_txt .fs18 { padding:30px 0 0; opacity:.6; }
#visual .visual_txt [data-visual-badge], #visual .visual_txt [data-visual-title], #visual .visual_txt [data-visual-desc] { transition:opacity 1s ease, transform 1s ease, filter 1s ease; transform:translateY(0); filter:blur(0); }
#visual .visual_txt.is-out [data-visual-badge], #visual .visual_txt.is-out [data-visual-title], #visual .visual_txt.is-out [data-visual-desc] { opacity:0; transform:translateY(18px); filter:blur(2px); transition-delay:0s; }
#visual .visual_txt.is-in [data-visual-badge] { transition-delay:0.3s; }
#visual .visual_txt.is-in [data-visual-title] { transition-delay:0.6s; }
#visual .visual_txt.is-in [data-visual-desc] { transition-delay:0.9s; }
#visual .pager { position:absolute; left:50%; bottom:42px; transform:translateX(-50%); z-index:10; width:min(1590px, 90%); }
#visual .pager .pager_in { display:flex; align-items:center; justify-content:center; gap:20px; }
#visual .pager .pg { display:inline-flex; align-items:center; justify-content:center; font-family:var(--eng); font-weight:500; font-size:0.8889rem; line-height:175%; opacity:.5; color:var(--black); }
#visual .pager .pg.is-active { opacity:1; }
#visual .pager .line { display:block; width:100px; height:2px; background:rgba(17,17,17,.15); position:relative; overflow:hidden; }
#visual .pager .line .fill { display:block; height:100%; width:0%; background:var(--main); }
#visual .pager .line .fill.is-anim { animation:pagerFill var(--dur, 4000ms) linear forwards; }
#visual.is-paused .pager .line .fill.is-anim { animation-play-state:paused; }
@keyframes pagerFill { from { width:0%; } to { width:100%; } }

#visual .scroll_down { display:inline-block; font-size:0.7222rem; font-weight:500; line-height:120%; font-family:var(--eng); text-align:center; position:absolute; left:50%; bottom:36px; transform:translateX(-50%); z-index:2; }
#visual .scroll_down span { display:block; width:20px; height:30px; border-radius:20px; box-sizing:border-box; position:relative; margin:12px auto 0; }
#visual .scroll_down span:after { content:''; display:block; width:2px; height:5px; border-radius:2px; position:absolute; left:50%; top:8px; margin-left:-1px; animation:scroll_down 1s linear infinite; }
@keyframes scroll_down { 0%,100% { transform:translateY(0); opacity:1; } 50% { transform:translateY(2px); opacity:.5; } }

#visual[data-theme="dark"] { background:#000; }
#visual[data-theme="dark"] .visual_txt .fs70, #visual[data-theme="dark"] .visual_txt .fs18 { color:var(--white); }
#visual[data-theme="dark"] .pager .pg { color:var(--white); }
#visual[data-theme="dark"] .pager .line { background:rgba(255,255,255,.2); }
#visual[data-theme="dark"] .pager .line .fill { background:var(--white); }
#visual[data-theme="dark"] .scroll_down { color:var(--white); }
#visual[data-theme="dark"] .scroll_down span { border-color:rgba(255,255,255,.5); }
#visual[data-theme="dark"] .scroll_down span:after { background:var(--white); }

#visual[data-theme="light"] .visual_txt .fs70, #visual[data-theme="light"] .visual_txt .fs18 { color:var(--black); }
#visual[data-theme="light"] .pager .pg { color:var(--black); }
#visual[data-theme="light"] .pager .pg.is-active { color:var(--main); }
#visual[data-theme="light"] .scroll_down { color:var(--black); }
#visual[data-theme="light"] .scroll_down span { border-color:rgba(17,17,17,.35); }
#visual[data-theme="light"] .scroll_down span:after { background:var(--main); }


/* Visual 텍스트: 더 부드러운 디졸브 */
#visual .visual_txt [data-visual-badge],
#visual .visual_txt [data-visual-title],
#visual .visual_txt [data-visual-desc]{
	transition:
		opacity 1s ease,
		transform 1s cubic-bezier(.2,.8,.2,1),
		filter 1s cubic-bezier(.2,.8,.2,1);
	will-change:opacity, transform, filter;
}

#visual .visual_txt.is-out [data-visual-badge],
#visual .visual_txt.is-out [data-visual-title],
#visual .visual_txt.is-out [data-visual-desc]{
	opacity:0;
	transform:translateY(22px);
	filter:blur(10px);
}

#visual .visual_txt.is-in [data-visual-badge]{transition-delay:0.3s;}
#visual .visual_txt.is-in [data-visual-title]{transition-delay:0.6s;}
#visual .visual_txt.is-in [data-visual-desc]{transition-delay:0.9s;}





/*** Brand / Info ***/
#info { background:var(--white); position:relative; overflow:hidden; max-width:1820px; margin:0 auto;}
#info .info_in { display:flex; align-items:center; justify-content:space-between; gap:80px; position:relative; }
#info .txt_area { flex:1 1 0; max-width:670px; position:relative; z-index:1; padding-left:calc((100% - 1590px) / 2);}
#info .txt_area .fs18.black { color:var(--black); }
#info .txt_area .fs60 { padding:20px 0 30px; }
#info .txt_area .fs60 span { color:var(--main); line-height:inherit; }
#info .txt_area .btnArea { padding:60px 0 0; }
#info .img_area { flex:1 1 0; max-width:910px; position:relative; z-index:1; }
#info .img_area::before {content:''; position:absolute; left:0; top:50%; transform:translate(-50%, -50%); width:clamp(260px, 32vw, 612px); aspect-ratio:612 / 609; background:url('/img/info_bg.png') no-repeat center/contain; pointer-events:none;}
#info .img_area .img { width:100%; aspect-ratio:91 / 75; background-repeat:no-repeat; background-size:cover; background-position:center; background-color:var(--main); }

/*** Program ***/
#program { background:var(--white); }
#program .tbox { padding-bottom:50px; }
#program .program_list { display:flex; gap:30px; justify-content:center; flex-wrap:wrap; }
#program .program_list .card { flex:1 1 calc((100% - 90px) / 4); background:var(--white); border-bottom:1px solid rgba(17,17,17,.15); box-sizing:border-box; }
#program .program_list .card dt { aspect-ratio:1/1; overflow:hidden; background:var(--black); position:relative;}
#program .program_list .card dt::after {content:''; position:absolute; background:rgba(255,255,255,.2); top:0; left:0; z-index:1; width:100%; height:100%; opacity:0; transition:all 0.5s ease;}
#program .program_list .card dd { text-align:center; padding:30px 0; }
#program .program_list .card dd .fs18 { color:var(--basic); padding:5px 0 0; }

#program .program_list .card:hover dt::after {opacity:1; transition:all 0.5s ease;}


/*** Store Info ***/
#store .basic_in {display:none;}
#store .store_box_top {flex-shrink: 0;}
#store .store_tab_list {}
#store .store_tab_list li {width:auto; flex:1; text-align:center; padding:15px 0; position:relative; cursor:pointer;}
#store .store_tab_list li:hover {color: var(--main);}
#store .store_tab_list li.active {color: var(--main); font-weight: 600;}
#store .store_tab_list li.active::after {content:''; background-color: var(--main); width:100%; height:3px; position:absolute; bottom:0; left:0;}
#store .store_in { position:relative; min-height:700px;}
#store .map_area { width:100%; height:700px; overflow:hidden; position:relative; background:var(--border);}
#store .map_area .map { width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center; }
#store .store_box { position:absolute; left:calc((100% - 1590px) / 2); bottom:0; width:375px; padding:15px 30px 30px; box-sizing:border-box; background:var(--white); max-height:calc(100% - 50px); height:100%; display: flex; 
    flex-direction: column;}
#store .store_box .search_area { display:flex; align-items:center; margin:20px 0;  position:relative;}
#store .store_box .search_input { flex:1; height:50px; border:0; outline:none; padding:0 20px; background:rgba(255,255,255,.9); box-sizing:border-box; font-size:0.888rem; color:var(--black); min-width:0; border:1px solid var(--border); border-right:0;}
#store .store_box .search_input::placeholder {font-size:0.8888rem; color:rgba(34,34,34,0.5);}
#store .store_box .search_btn { width:50px; height:50px; display:flex; align-items:center; justify-content:center; background:rgba(27,58,42,.9); position:relative; flex-shrink: 0; cursor:pointer; border:0; transition:all 0.3s linear;}
#store .store_box .search_btn:hover {background:var(--sub); transition:all 0.3s linear;}
#store .store_box .search_btn span { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;  display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
#store .store_box .search_btn:after { content:'\e8b6'; font-size:24px; display:block; line-height:1; font-family:var(--icon); color:var(--white); font-weight:400;}
#store .store_box .bbs_store_list {flex: 1; min-height: 0; position:relative;}
#store .store_box .bbs_store_list::after {content: ''; position: absolute; left: 0;  bottom: 0; width: 100%;  height: 60px; background: linear-gradient(to top, #fff 0%, rgba(255, 255, 255, 0) 100%); pointer-events: none; z-index: 10; }

#store .store_box .bbs_store_scroll {overflow-y: auto; scrollbar-width: thin; height:100%; padding-right:7px; padding-bottom:30px; box-sizing:border-box;}
#store .store_box .bbs_store_scroll dl {display:flex; flex-wrap:wrap; align-items:center;}
#store .store_box .bbs_store_scroll dl+dl {border-top:1px solid var(--border);  padding:15px 0 0; margin:15px 0 0;}
#store .store_box .bbs_store_scroll dl dd {flex:1; display:flex; flex-wrap:wrap;}
#store .store_box .bbs_store_scroll dl dd h4.fs16 {font-weight: 600; color:var(--black);}
#store .store_box .bbs_store_scroll dl dd p.address, #store .store_box .bbs_store_scroll dl dd p.tel {font-size: 14px; font-weight: 400; line-height: 157.143%; color:rgba(17,17,17,0.6); display:inline-flex; gap:0 4px;}
#store .store_box .bbs_store_scroll dl dd p::before {font-size:16px; display:block; line-height:1; flex-shrink: 0; font-family:var(--icon); position:relative; top:3px;}
#store .store_box .bbs_store_scroll dl dd p.address::before {content:'\e0c8';}
#store .store_box .bbs_store_scroll dl dd p.tel::before {content:'\e0b0';}
#store .store_box .bbs_store_scroll dl dd p+p {margin:2px 0 0;}
#store .store_box .bbs_store_scroll dl dt {padding:0 10px; flex-shrink: 0;}
#store .store_box .bbs_store_scroll dl dt .detailview {width:40px; aspect-ratio: 1 / 1; border:1px solid var(--main); border-radius:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; transition:all 0.3s linear;}
#store .store_box .bbs_store_scroll dl dt .detailview::before {content:'\e0c8'; font-family:var(--icon); font-variation-settings: 'FILL' 1; font-size:25px; display:block; line-height:1; color: var(--main); transition:all 0.3s linear;}

#store .store_box .bbs_store_scroll dl dt .detailview:hover {background:var(--main); transition:all 0.3s linear;}
#store .store_box .bbs_store_scroll dl dt .detailview:hover::before {color:var(--white); transition:all 0.3s linear;}


#store .store_box .bbs_store_scroll .simplebar-track.simplebar-vertical {width: 4px !important;background: rgba(27, 58, 42, 0.15) !important;  z-index:999;}
#store .store_box .bbs_store_scroll .simplebar-scrollbar::before {background-color: var(--main) !important; border-radius: 0 !important; opacity: 1 !important; top: 0 !important; bottom: 0 !important; left: 0 !important; right: 0 !important;}
#store .store_box .bbs_store_scroll .simplebar-scrollbar.simplebar-visible::before {opacity: 1 !important;}



/*** Success Story (review) ***/
#review { background:var(--white); }
#review .review_in { display:flex; align-items:flex-start; justify-content:space-between; gap:30px 80px;  flex-wrap:wrap;}
#review .tbox.sticky { width:313px; padding:0; text-align:left; position:sticky; top:200px; flex-shrink:0; }
#review .tbox.sticky .fs18 { padding:15px 0 0; }
#review .tbox.sticky .btnArea { padding:50px 0 0; }
#review .review_list { display:flex; gap:40px 30px; flex:1; max-width:1050px; flex-wrap:wrap;}
#review .review_list .col { flex:1; display:flex; flex-direction:column; gap:40px; }
#review .review_list .col:nth-child(2n) { padding-top:150px; }
.review_list dt {position:relative; overflow: hidden; aspect-ratio: 51 / 40; background:var(--grayBg);}
/* .review_list dt::before { content:''; position:absolute; background:rgba(255,255,255,.2); top:0; left:0; z-index:1; width:100%; height:100%; opacity:0; transition:all 0.5s ease;} */
#review .review_list .card dt img { mix-blend-mode: luminosity; opacity:0.8; transition:all .3s linear; }
.review_list dt.no_img img{width: 100%;  display: block; width: 100%; height: 100%; object-fit: cover; transition:all .3s linear;}

.review_list dt.is_img {display:flex; flex-wrap:wrap; align-items:flex-start; padding:27px 0 0; box-sizing:border-box;}
.review_list dt.is_img .people {position:relative; max-width:410px; width:82%; margin:0 auto; height:calc(100% - 50px);}
.review_list dt.is_img .people img {height:633px; position:absolute; width:auto; display:block; object-fit:unset;}
.review_list dt.is_img .people img.before {top:0; left:0}
.review_list dt.is_img .people img.after {top:0; right:0;}
.review_list dt.is_img .lose_weight {position:absolute; bottom:40px; left:0; width:100%; text-align:center;}
.review_list dt.is_img .lose_weight::before {content:''; width:107px;  aspect-ratio: 107 / 37; background:url("/twcenter/bbs/skin/successBasic/image/green_arrow.svg")no-repeat center / 100% auto; display:block; position:relative; margin:0 auto;}
.review_list dt.is_img .lose_weight .fs28 {color: var(--main); font-size: 1.555555555555556rem; font-weight: 600; line-height:135.714%;}

#review .review_list .card dd { padding:10px 0 0; }
#review .review_list .card dd .fs18 { color:var(--black);  opacity:0.7;}
#review .review_list .card dd .fs30 { color:var(--black); margin:-2px 0 0; }
 #review .review_list .card:hover dt img { mix-blend-mode: unset; transition:all .3s linear; opacity:1;} 



/*** Banner ***/
#banner { background:var(--white); }
#banner .banner_in { display:flex; flex-wrap:wrap; align-items:flex-start; }
#banner .banner_in .box { width:50%; aspect-ratio: 91 / 60; box-sizing:border-box; position:relative; overflow:hidden; background-repeat:no-repeat; background-position:center; background-size:cover;  min-height:400px;}
#banner .banner_in .box a {padding:30px; box-sizing:border-box; display:block; width:100%; height:100%; position:relative; z-index:10; display:flex; align-items:center; justify-content:center; text-align:center; }
#banner .banner_in .box:before { content:''; position:absolute; background:rgba(255,255,255,.2); top:0; left:0; z-index:-1; width:100%; height:100%; opacity:0; transition:all 0.5s ease;}
#banner .banner_in .box.lab { margin-top:100px; }
#banner .banner_in .box .txt { position:relative; z-index:1; width:min(520px, 90%); }
#banner .banner_in .box .fs60 { color:var(--white); }
#banner .banner_in .box .fs18 { color:rgba(255,255,255,.7); padding:12px 0 0; }
#banner .banner_in .box .lineBtn { margin:40px auto 0; }

#banner .banner_in .box:hover:before {opacity:1; transition:all 0.5s ease;}
#banner .banner_in .box:hover .lineBtn {opacity:.45;}
#banner .banner_in .box:hover .lineBtn::after {transform:rotate(45deg);}

/*** Events ***/
#events { background:var(--white); }
#events .tbox { padding-bottom:0; margin-bottom:50px;}
#events .tbox .arrowArea {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; display:flex; justify-content:space-between; }
#events .tbox .arrowArea .arr {font-size:0;}
#events .tbox .arrowArea .arr.slick-hidden {display:none;}
#events .tbox .arrowArea .arr::before {content:'\e2ea'; opacity:.3; font-size:50px; display:block; line-height:1; font-family:var(--icon); color:var(--black); transition:all 0.3s linear; font-weight:200;}
#events .tbox .arrowArea .arr:hover::before {opacity:1; transition:all 0.3s linear;}
#events .tbox .arrowArea .prev {}
#events .tbox .arrowArea .next {transform: scaleX(-1);}
#events .events_list .slick-list { margin-left:-30px; }
#events .events_list .card { margin-left:30px; border-bottom:1px solid var(--border); box-sizing:border-box; }
#events .events_list .card dt {position:relative; overflow:hidden;  padding:80px 0 0; background:url("/twcenter/bbs/skin/eventBasic/image/event_bg.jpg")no-repeat center / cover;}
#events .events_list .card.end dt {filter:grayscale(1); opacity:0.7;}
#events .events_list .card dt::after {content:''; position:absolute; background:rgba(255,255,255,.2); top:0; left:0; z-index:1; width:100%; height:100%; opacity:0; transition:all 0.5s ease;}

#events .events_list .card dt .thumb {display:block; overflow: hidden; aspect-ratio: 1 / 1; box-shadow: 54px -89px 29px 0 rgba(0, 0, 0, 0.00), 35px -57px 27px 0 rgba(0, 0, 0, 0.01), 20px -32px 22px 0 rgba(0, 0, 0, 0.05), 9px -14px 17px 0 rgba(0, 0, 0, 0.09), 2px -4px 9px 0 rgba(0, 0, 0, 0.10); max-width:250px; width:80%; margin:0 auto; background:var(--white);}
#events .events_list .card dt .thumb img{width: 100%;  display: block; width: 100%; height: 100%; object-fit: cover; transition:all .3s linear;}
#events .events_list .card dd { text-align:center; padding:30px 0; }
#events .events_list .card .date { display:inline-flex; gap:2px; align-items:center; padding:5px 0 0; opacity:0.8;}
#events .events_list .card .date::before { content:'\ebcc'; font-size:20px; line-height:1; font-family:var(--icon); }
#events .btnArea { padding:50px 0 0; text-align:center; }

#events .events_list .card:hover dt::after {opacity:1; transition:all 0.5s ease;}




#youtube {}
#youtube .basic_in {display:flex; flex-wrap:wrap; align-items:center; }
#youtube .basic_in .video {width:50%; overflow: hidden; aspect-ratio: 78 / 44; max-width:780px; flex-shrink: 0; }
#youtube .basic_in .video iframe {display: block; width: 100%; height: 100%; object-fit: cover;}
#youtube .basic_in .tBox {width:50%;padding:0 80px; box-sizing:border-box;}
#youtube .basic_in .tBox .fs60 {font-family:var(--eng); margin:0 0 15px;}
#youtube .basic_in .tBox .fs18 {margin:5px 0 0;}
#youtube .basic_in .tBox .lineBtn {margin:50px 0 0;}



/*******************************************************************************
    @media 1350px
*******************************************************************************/
@media all and (max-width:1700px){


#store .store_box {left:5%; max-width:50%; }
#info .txt_area {padding-left:calc(5% - 50px);}
	
	
}

/*******************************************************************************
    @media 1350px
*******************************************************************************/
@media all and (max-width:1500px){


	#visual .pager { bottom:60px; }

.review_list dt.is_img .people img {height:38vw; position:absolute; }
.review_list dt.is_img .lose_weight {bottom:2vw;}
.review_list dt.is_img .lose_weight::before {width:8vw;}
.review_list dt.is_img .lose_weight .fs28 {font-size:2.5vw;}

	
	
}

/*******************************************************************************
    @media ~1280px
*******************************************************************************/
@media all and (max-width:1300px){




	#visual {height:calc(var(--vh) - 105px); }
	#info .info_in { flex-wrap:wrap;}

	
	#review .review_in { flex-wrap:wrap; }
	#review .tbox.sticky { position:relative; top:auto; width:100%; padding:0 0 20px; text-align:center; }
	#review .tbox.sticky br {display:none;}
	#review .review_list { width:100%; justify-content:center;}
	#review .review_list .col:nth-of-type(2n) { padding-top:80px; }
	.review_list dt.is_img .people img {height:50vw; position:absolute; }

	#youtube .basic_in .tBox {padding:0 0 0 5%;}
	
	
}

/*******************************************************************************
    @media  ~980px
*******************************************************************************/
@media all and (max-width:980px){



	.tbox { padding:0 5% 20px; }
	.tbox .fs18 { padding:6px 0 0; }
	

	#visual .visual_txt .badge { margin-bottom:20px; }
	#visual .visual_txt .fs18 { padding:20px 0 0;}
	#visual .pager { bottom:54px; gap:14px; }
	#program .program_list {gap:15px;}
	
	
	#info .info_in {gap:0 6%;}
	#info .info_in br {display:none;}
	
	#visual .scroll_down { bottom:26px; }
	#program .program_list .card { width:calc((100% - 30px)/2); }
	#program .program_list .card dd {padding:20px 0;}
	#banner .banner_in .box { height:460px;  min-height:auto;}
	#events .events_list .slick-list {margin-left:-20px;}
	#events .events_list .card { width:calc((100% - 30px)/2);  margin-left:20px;}
	#events .events_list .card dt .thumb {max-width:60%;}
	#events .events_list .card dd {padding:20px 0;}
	
	#store .store_in { min-height:auto; }
	#store .map_area { height:600px; }
	#store .store_box { /* top:10px; left:10px; transform: translateY(0); width:calc(100% - 40px); padding:40px; max-width:100%; */}
	#store .store_box .fs18 {margin:5px 0 0;}
	#store .store_box .search_area {margin:25px 0;}
	#store .store_box .search_area::before {left:15px;}
	#store .store_box .search_input {height:45px;}
	#store .store_box .search_btn {width:45px; height:45px;}
	#store .store_box .search_btn:after {font-size:22px;}
	
	
	
	
	.review_list dt.is_img .lose_weight {bottom:4vw;}
	.review_list dt.is_img .lose_weight::before {width:10vw;}
	.review_list dt.is_img .lose_weight .fs28 {font-size:3.5vw;}


	
	
	
	
	
	
}

/*******************************************************************************
    @media  ~680px
*******************************************************************************/
@media all and (max-width:680px){




	.tbox { padding:0 0 20px; }
	#visual {height:calc(var(--vh) - 70px); }
	#visual .visual_txt { top:48%; }
	#visual .scroll_down { font-size:11px; bottom:18px; }
	#visual .scroll_down span { width:16px; height:24px; margin:8px auto 0; }
	#visual .scroll_down span:after { top:6px; }
	#visual .pager { bottom:40px; }
	#visual .pager .line { width:70px; }
	
	.review_list dt.is_img {padding:5px 0 0;}
/* 	.review_list dt.is_img .people img {height:max(350px, 105vw); position:absolute; }
	.review_list dt.is_img .lose_weight {bottom:max(25px, 8vw);}
	.review_list dt.is_img .lose_weight::before {width:max(56px, 17vw);}
	.review_list dt.is_img .lose_weight .fs28 {font-size:max(18px, 5vw);} */


	
	#info {overflow:hidden;}
	#info .info_in {width:90%; margin:0 auto;}
	#info .img_area::before {left:auto; right:0; top:0; transform: translate(20%, -50%);}
	#info .txt_area {max-width:100%; flex:none; width:100%; margin:0 0 40px;}
	#info .txt_area .fs60 {padding:10px 0 20px;}
	#info .txt_area .btnArea {padding:40px 0 0;}
	
	#banner .banner_in .box.lab {margin:0;}
	#banner .banner_in .box .lineBtn {margin:20px auto 0;}
	
	#program .tbox {padding-bottom:25px;}
	#program .program_list {gap:20px 10px;}
	#program .program_list .card { flex: 1 1 calc((100% - 10px) / 2);  border-bottom:0;}
	#program .program_list .card dd {padding:15px 0 0;}
	#program .program_list .card dd .fs18 {padding:0;}
	
	#review {position:relative;}
	#review .tbox.sticky {position: unset; padding:0;}
	#review .review_in {padding-bottom:60px;}
	#review .review_list { flex-wrap:wrap; gap:0 10px;}
	#review .review_list .col { gap:20px; }
	#review .tbox.sticky .fs18 {padding:10px 0 0;}
	#review .review_list .col { width:100%; }
	#review .review_list .col.offset { padding-top:50px; }
	#banner .banner_in .box { width:100%; height:250px; }
	#review .tbox.sticky .btnArea {position:absolute; bottom:0; left:0; width:100%; padding:30px 0 0;}
	
	#banner .banner_in {width:90%; margin:0 auto;}
	
	#store .basic_in {display:block;}
	#store .store_in { min-height:auto; }
	#store .map_area { height:300px; display:none;}
	#store .store_tab_list li {padding:10px 0;}
	#store .store_box {position:relative; /* height:500px; */width:90%; height:auto; padding:0; /* padding:5px 15px 15px;  */max-width:100%; /* margin:-70px 0 30px; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); */}
	#store .store_box .search_area {margin: 15px 0 ;}
	#store .store_box .search_input {height:45px; padding:0 15px;}
	#store .store_box .search_btn {width:45px; height:45px;}
	#store .store_box .search_btn:after {font-size:22px;}
	#store .store_box .bbs_store_scroll {overflow-y:unset; padding-right:0;}
	#store .store_box .bbs_store_scroll dl dd h4.fs16 {margin:0 0 5px; width:100%;}
	#store .store_box .bbs_store_scroll dl dd p.address, #store .store_box .bbs_store_scroll dl dd p.tel {font-size:12px; width:100%;}
	#store .store_box .bbs_store_scroll dl dd p::before {top:1px;}
	#store .store_box .bbs_store_scroll dl dt .detailview {width:30px;}
	#store .store_box .bbs_store_scroll dl dt .detailview::before {font-size:18px;}
	#store .store_box .bbs_store_scroll dl dt {padding:0 10px 0 5px;}
	#store .store_box .bbs_store_scroll dl+dl {margin:10px 0 0; padding:10px 0 0;}
	
	
	#events {overflow:hidden;}
	#events .tbox {margin-bottom:30px; padding:0 45px; box-sizing:Border-box;}
	#events .events_list .card { width:100%; margin-left:10px;}
	#events .events_list .card dd {padding:15px 0;}
	#events .events_list .card .date {padding:5px 0 0;}
	#events .events_list .card .date::before {font-size:17px;}
	#events .btnArea {padding:30px 0 0;}
	#events .events_list .slick-list {width:85%; overflow:visible !important; margin-left:-10px;}
	#events .events_list .card dt {padding:40px 0 0;}
    #events .events_list .card dt .thumb {max-width: 180px; width:60%;}
	#events .tbox .arrowArea .arr::before {font-size:35px;}
	
	
	#youtube .basic_in .video {width:100%;}
	#youtube .basic_in .tBox {width:100%; padding:30px 0 0;}
	#youtube .basic_in .tBox .fs60 {margin:0 0 10px;}
	#youtube .basic_in .tBox .lineBtn {margin:30px 0 0;}
	
	
	
}
/*******************************************************************************
	@media 481~680px
*******************************************************************************/
@media all and (max-width:520px) { 

#review .review_list {display:block;}
#review .review_list .col {flex:none;}
#review .review_list .col.offset {padding-top:20px;}
.review_list dt.is_img .people img {height:max(350px, 105vw); position:absolute; }
	.review_list dt.is_img .lose_weight {bottom:max(25px, 8vw);}
	.review_list dt.is_img .lose_weight::before {width:max(56px, 17vw);}
	.review_list dt.is_img .lose_weight .fs28 {font-size:max(18px, 5vw);} 

}