@charset "utf-8";
.mb-140 {margin-bottom: clamp(40px, calc( 140 / var(--inner) * 100vw ), 140px);}

.gr-txt {font-size: var(--font-size-20);font-weight: 600;letter-spacing: -.02em; line-height: 1.2em; background: -webkit-linear-gradient(var(--color-primary), #2c2c2c); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 40px;}
.gr-bg {display: inline-flex; align-items: center; justify-content: center; width: 54px; height: 34px; border-radius: 17px; font-size: var(--font-size-16); font-weight: 600; color: #fff; background-image: linear-gradient( 140deg, rgb(44,44,44) 0%, rgb(177,56,51) 100%);}

.txt-box .tit01 {margin-bottom: 90px; font-size: var(--font-size-42); font-weight: 600; letter-spacing: -.02em; color: #2c2c2c; line-height:1.33em;}
.txt-box .tit02 {font-size: var(--font-size-32);line-height:1.5em;}
.txt-box .t-red {color: var(--color-primary);}
.txt-box .txt01 {font-size: var(--font-size-26); font-weight: 600; letter-spacing: -.02em; color: #2c2c2c; line-height:1.54em;}
.txt-box .txt02 {font-size: var(--font-size-16); letter-spacing: -.02em; color: #505050; line-height:1.75em;}
.txt-box .txt03 {margin: 30px 0 35px; font-size: var(--font-size-18); letter-spacing: -.02em; color: #505050; line-height:1.75em;}

.txt-box2 {position: relative; padding-top: 75px;}
.txt-box2::before {content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 40px; background-color: #2c2c2c;}
.txt-box2 h3 {font-size: var(--font-size-32); font-weight: 600; letter-spacing: -.02em; color: #2c2c2c; line-height:1.50em;}

.red-bar {display: inline-flex; align-items: center; background-color: #f8f8f8; border-radius: 16px; width: 100%; padding: 18px 25px; }
.red-bar p {position: relative; padding-left: 20px; font-size: var(--font-size-18); font-weight: 500; letter-spacing: -.02em; line-height: 1.2em;}
.red-bar p::before {content: ''; position: absolute; width: 3px; height: 85%; left: 0;top: 2px; background-color: var(--color-primary);}

.intro-list {display: flex; margin: 65px -50px 0;}
.intro-list li {flex: 1; padding: 0 50px;}
.intro-list li .txt .t01 {margin: 35px 0 40px; font-size: var(--font-size-26); font-weight: 600; letter-spacing: -.02em; color: #2c2c2c; line-height:1.2em;}
.intro-list li .txt .t02 {font-size: var(--font-size-16); letter-spacing: -.02em; color: #505050; line-height:1.75em;}
.intro-list.ty2 {margin: 65px -20px 0;}
.intro-list.ty2 li {padding: 0 20px;}

.num-list {display: flex; margin:65px -20px 70px;}
.num-list .box {padding: 0 20px; flex: 1;}
.num-list .box .cnt {padding: 40px; border-radius: 16px; background-color: #f8f8f8; height: 100%;}
.num-list .box .cnt .num {display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 100%;font-size: var(--font-size-18); font-weight: 600; color: #fff; background-image: linear-gradient( 140deg, rgb(44,44,44) 0%, rgb(177,56,51) 100%);}
.num-list .box .cnt h3 {margin: 25px 0 15px; font-size: var(--font-size-28); font-weight: 600; letter-spacing: -.02em; line-height: 1.2em; color: #2c2c2c;}
.num-list .box .cnt .txt {font-size: var(--font-size-16); letter-spacing: -.02em; line-height: 1.2em; color: #505050;}

.doc-tit {width: 28.6%;}
.doc-tit h2 {position: relative; padding-left: 25px; font-size: var(--font-size-32); font-weight: 600; letter-spacing: -.02em; color: #2c2c2c; line-height:1.5em;}
.doc-tit h2::before {content: ''; position: absolute; left: 0 ;top: 10px; width: 4px; height: 14px; background-color: var(--color-primary);}

.t-box {padding: 30px 50px; display: flex;align-items: center;justify-content: space-between; border-top: 1px solid #2c2c2c; border-bottom: 1px solid #dfdfdf;}
.t-box .red {font-size: var(--font-size-20); line-height: 1.2em; font-weight: 600; letter-spacing: -.02em; color: var(--color-primary);}
.t-box .red span {margin-left: 30px; font-size: var(--font-size-14); line-height: 1.2em; font-weight: 500; letter-spacing: -.02em; color:#a8a8a8;}
.t-box .price {font-size: var(--font-size-28); line-height: 1.2em; font-weight: 600; letter-spacing: -.02em; color: #2c2c2c;}
.t-box .price span {font-size: var(--font-size-16); font-weight: 500;}

.sub-video-boxs {display: flex; margin:0 -10px;}
.sub-video-boxs .sub-video-box {padding:0 10px;}

.sub-video-box video {width: 100%;}

.fitness {margin-bottom: clamp(40px, calc( 140 / var(--inner) * 100vw ), 140px);}
.fitness01 {position: relative;}
.fitness01::before {content: ''; position: absolute; z-index: -1; width: 396px; height: 393px; right: 0; top: 0; background-image: url(/images/sub/biz-img.png); background-repeat: no-repeat; background-size: contain;}
.fitness02 .contain {display: flex; justify-content: flex-end;}
.fitness02 .txt-box {margin: 0 7.1% 0 auto; max-width: 410px; width: 100%;}
.fitness03 .contain {display: flex; align-items: flex-start; justify-content: space-between;}
.fitness03 .biz-cnt {margin-left: 30px;}
.fitness03 .items {display: flex; align-items: center; margin: 40px -5px 90px;}
.fitness03 .item {padding: 0 5px;}
.fitness04 .biz-imgs {margin-top: 70px; display: flex; align-items: center; background-color: #f8f8f8; border: 4px solid transparent; background-image: linear-gradient(#f8f8f8, #f8f8f8), linear-gradient(to right, #2c2c2c 0%,var(--color-primary) 100%); background-origin: border-box; background-clip: content-box, border-box;}
.fitness04 .biz-imgs img {margin: 60px 80px;}
.fitness04 .biz-imgs p {position: relative; padding-top: 30px; font-size: var(--font-size-20); font-weight: 500; letter-spacing: -.02em; color: #2c2c2c; line-height:1.70em;}
.fitness04 .biz-imgs p::before {content: ''; position: absolute; top: 0; left: 0; width: 8px; height: 8px; border-radius: 100%; background-color: var(--color-primary);}
.fitness04 .biz-imgs p + p {margin-top: 65px;}
.fitness05 {margin-bottom: 0;}

.sauna:not(:last-child) {margin-bottom: clamp(40px, calc( 140 / var(--inner) * 100vw ), 140px);}
.sauna .wrap {display: flex; align-items: flex-end;}
.sauna .sauna-info {position: relative; margin-top: -60px; display: flex; background-color: #1d4195;}
.sauna .sauna-info li {flex: 1;}
.sauna .sauna-info .box {position: relative; padding: 0 20px; display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 180px;}
.sauna .sauna-info li:not(:first-child) .box::before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 68.4%; background-color: rgba(255,255,255,.24);}
.sauna .sauna-info .box p {position: relative; padding-top: 35px; text-align: center; font-size: var(--font-size-18); letter-spacing: -.02em; color: #fff; line-height:1.67em;}
.sauna .sauna-info .box p::after {content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 8px; height: 8px; border-radius: 100%; background-color: #121212;}
.sauna .contain {position: relative;}
.sauna01 .contain::after {content: ''; position: absolute; width: 191px; height: 200px; right: 30px; top: 0; background-image: url(/images/sub/biz-img14.png); background-repeat: no-repeat; background-size: contain;}
.sauna01 .wrap img {margin-left: -11.5%;}
.sauna01 .txt-box {margin:0 0 60px 100px;}
.sauna02 .contain::after {content: ''; position: absolute; width: 191px; height: 200px; left: 30px; top: 0; background-image: url(/images/sub/biz-img15.png); background-repeat: no-repeat; background-size: contain;}
.sauna02 .wrap {justify-content: flex-end;}
.sauna02 .wrap img {margin-right: -11.5%;}
.sauna02 .txt-box {margin:0 100px 60px 0;}
.sauna02 .sauna-info {background-color: var(--color-primary);}
.sauna02 .sauna-info .box p::after {background-color:#121212;}

.swimming {margin-bottom: clamp(40px, calc( 140 / var(--inner) * 100vw ), 140px);}
.swimming01 {margin-bottom: 95px;}
.swimming01 .contain.ty3 {position: relative;}
.swimming01 .contain.ty3::after {position: absolute; content: 'SWIMMING'; z-index: -1; right: 30px; top: -20%; font-size: var(--font-size-160); letter-spacing: -.03em; line-height: 0.7em; font-weight: 800; color: #f4f4f4;}
.swimming02 .txt-box {text-align: right;}
.swimming02 .tit01 {margin-bottom: 65px;}
.swimming02 .items {display: flex; justify-content: flex-end; margin: 0 -5px 70px;}
.swimming02 .item {padding: 0 5px;}
.swimming02 .item .red-bar {width: 226px;}
.swimming02 .biz-imgs {display: flex; margin: 0 -20px;}
.swimming02 .biz-imgs li {padding: 0 20px;}

.golf:not(:last-child)  {margin-bottom: clamp(40px, calc( 140 / var(--inner) * 100vw ), 140px);}
.golf01 .contain {display: flex; justify-content: flex-end; align-items: flex-end;}
.golf01 .txt-box {position: relative; margin: 0 5.8% 0 auto; max-width: 480px; width: 100%;}
.golf01 .txt-box::after {content: ''; position: absolute; left: 0; top: -145%; width: 118px; height: 200px; background-image: url(/images/sub/biz-img28.png); background-repeat: no-repeat; background-size: contain;}
.golf02 .txt-box {text-align: right;}
.golf03 .txt-box {text-align: center;}

.instructors:not(:last-child)  {margin-bottom: clamp(40px, calc( 140 / var(--inner) * 100vw ), 140px);}
.instructors .txt-box .tit01 {margin-bottom: 0;}
.instructors .txt-box .txt01 {margin: 60px 0 45px;}
.instructors03 .txt-box .txt02:last-child {margin-top: 25px;}
.instructors01 {position: relative;}
/* .instructors01::after {position: absolute; content: ''; width: 680px; height: 720px; right: 0; top: 0; background-image: url(/images/sub/biz-img36.jpg); background-repeat: no-repeat; background-size: contain;} */
.instructors01>img {position: absolute; right: 0; top: 0; z-index: -1;}
.instructors01 .biz-imgs {display: flex; justify-content: flex-end; margin: 95px -20px 0;}
.instructors01 .biz-imgs li {padding: 0 20px;}
.instructors02 .items {display: flex; flex-wrap: wrap; margin:40px -5px 85px;}
.instructors02 .items .item {width: 33.33%; padding: 5px;}
.instructors02 .biz-imgs {display: flex; margin: 0 -20px;}
.instructors02 .biz-imgs li {padding: 0 20px;}
.instructors03 .contain {display: flex; justify-content: space-between;}
.instructors03 .biz-imgs {display: flex; margin: 0 -30px;}
.instructors03 .biz-imgs .img {padding:0 30px;}
.instructors04 .num-list {flex-direction: column; margin: 65px 0px 70px;}
.instructors04 .num-list .box {padding:20px 0;}
.instructors04 .biz-imgs {display: flex; flex-wrap: wrap; margin:-20px; margin-top:40px;}
.instructors04 .biz-imgs li {padding:20px;}


.aqua .cnt {display: flex; align-items: center; justify-content: space-between; margin-bottom:140px;}
.aqua .txt-box .tit01 {margin-bottom: 60px;}
.aqua .t-cnt {max-width: 480px; width: 100%;}
.aqua .items {margin: -4px 0;}
.aqua .items .item {padding: 4px 0;}
.aqua .intro-list {flex-wrap: wrap; margin: 65px -20px 0;}
.aqua .intro-list li {flex: 1 0 auto; padding:20px; width: 50%;}

.private { display: flex; align-items: flex-start; justify-content: space-between;}
.private:nth-child(odd) {flex-direction: row-reverse;}
.private .biz-imgs {display: flex; margin: 0 -10px;}
.private .biz-imgs .img {padding: 0 10px;}
.private:nth-child(even) .biz-imgs .img:last-child {margin-top: 160px;}
.private .cnt h2 {margin-bottom: 45px; font-size: var(--font-size-32); line-height: 1.2em; font-weight: 600; letter-spacing: -.02em; color: #2c2c2c;}
.private .cnt h2 span {color: var(--color-primary);}
.private .itmes {margin: -5px 0;}
.private .itmes .item {padding: 5px 0;}
.private .itmes .item .box {border-radius: 16px; padding: 30px; max-width: 500px; width: 100%; }
.private .itmes .item .box.black {background-color: #2c2c2c;}
.private .itmes .item .box.red {background-color: var(--color-primary);}
.private .itmes .item .box>p {position: relative; margin-bottom: 35px; padding-left: 20px; font-size: var(--font-size-18); line-height: 1.2em; font-weight: 600; letter-spacing: -.02em; color: #fff;}
.private .itmes .item .box>p::before {content: ''; position: absolute; width: 8px; height: 8px; left: 0; top:50%; transform: translateY(-50%); border-radius: 100%; background-color: #fff;}
.private .itmes .item .box ul {display: flex; flex-wrap: wrap ; margin: -4px;}
.private .itmes .item .box ul li {padding: 4px;}
.private .itmes .item .box ul li p {padding: 7.5px 15px; display: inline-flex; align-items: center; justify-content: center; font-size: var(--font-size-16); font-weight: 500; letter-spacing: -.02em; line-height: 1.2em; color: #fff; border-radius: 17px; background-color: rgba(255, 255, 255, 0.2);}

#specialty .thumb {position:relative; padding-bottom:145.9%; margin-bottom:25px; overflow:hidden;}
#specialty .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
#specialty .top {display: flex;}
#specialty .top .img {width: 38.2%; margin-right: 60px;}
#specialty .box {margin-top: 35px; flex:1 1 auto; min-width:0; width:1%;}
#specialty .box .tit {font-size: var(--font-size-28); line-height: 1.2em; font-weight: 600; letter-spacing: -.02em; color: #2c2c2c;}
#specialty .box .info {margin: 35px 0; padding: 20px 0; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf;}
#specialty .box .info dl {margin-bottom: 20px; display: flex; align-items: center;}
#specialty .box .info dl:first-child {align-items: flex-start;}
#specialty .box .info dl:last-child {margin-bottom: 0;}
#specialty .box .info dt {width: 60px; margin-right: 35px; color: #a8a8a8; font-size: var(--font-size-16); font-weight: 600; letter-spacing: -.04em; line-height: 1.2em;}
#specialty .box .info dt.red {color: var(--color-primary);}
#specialty .box .info dd span {color: #a8a8a8; font-size: var(--font-size-14); letter-spacing: -.04em; line-height: 1.2em;}
#specialty .box .info dd {flex:1 1 auto; min-width:0; width:1%; color: #2c2c2c; font-size: var(--font-size-16); letter-spacing: -.04em; line-height: 1.2em;}
#specialty .box ul li {margin-bottom: 20px;}
#specialty .box ul li:last-child {margin-bottom: 0px;}
#specialty .box ul li p {color: #505050; font-size: var(--font-size-15); letter-spacing: -.04em; line-height: 1.2em;}
#specialty .btm {margin-top: 70px;}
#specialty .btm .btn-wrap {display: flex; justify-content: center;}
#specialty .btm .btn-wrap a {margin: 0 5px; width: 150px; height: 58px; display: inline-flex; justify-content: center; align-items: center; border-radius: 30px; font-size: var(--font-size-16); font-weight: 600; color: #fff; letter-spacing: -.04em; border: 1px solid var(--color-primary); background-color: var(--color-primary);}
/* #specialty .btm .btn-wrap a:first-child {background-color: #fff; color: #2c2c2c; border-color: #dfdfdf;}*/

.facilities {display: flex; align-items: center ;margin-bottom: clamp(40px, calc( 100 / var(--inner) * 100vw ), 100px);}
.facilities:last-child {margin-bottom: 0;}
.facilities .biz-slider {position: relative; flex:1 1 auto; min-width:0; width:1%;}
.facilities .biz-slider .pager {position: absolute; bottom: 10px; right: 15px; border-radius: 6px; background: rgba(0, 0, 0, 0.5); color: #fff; padding: 8px 12px; font-size: var(--font-size-14);}
.facilities .cnt {width: 35.8%; margin-left: 115px;}
.facilities .cnt-tit {display: flex; align-items: center; margin-bottom: 35px;}
.facilities .cnt-tit h2 {margin-right: 20px; font-size: var(--font-size-32); line-height: 1.2em; font-weight: 600; letter-spacing: -.02em; color: #2c2c2c;}
.facilities .cnt-tit ul {display: flex; margin: 0 -4px;}
.facilities .cnt-tit ul li {padding: 0 4px;}
.facilities .items {margin: -4px 0;}
.facilities .items .item {padding: 4px 0;}

.charge {display: flex;}
/* .charge .doc-tit {width: 28.6%;} */
.charge .cnt { flex:1 1 auto; min-width:0; width:1%;}
.charge .cnt .wrap01 {margin-bottom: 95px;}
.charge .cnt .wrap h3 {margin-bottom: 45px; font-size: var(--font-size-26); line-height: 1.2em; font-weight: 600; letter-spacing: -.02em; color: #505050;}
.charge .list-wrap {display: flex; flex-wrap: wrap; margin: -10px;}
.charge .cnt .item {width: 33.33%; padding: 10px;}
.charge .cnt .item.item01 {width: 100%;}
.charge .cnt .item .box {background-color: #f8f8f8; border-radius: 24px; padding: 40px;}
.charge .cnt .item .box>p.red {font-size: var(--font-size-20); line-height: 1.2em; font-weight: 600; letter-spacing: -.02em; color: var(--color-primary);}
.charge .cnt .item .box ul {margin-top: 30px; padding-top: 30px; border-top: 1px solid #dfdfdf;}
.charge .cnt .item .box ul li {margin:-10px -5px; display: flex; align-items: center;}
.charge .cnt .tt {margin:10px 5px; padding: 26px 27.5px; font-size: var(--font-size-24); line-height: 1.2em; font-weight: 600; letter-spacing: -.02em; color: #2c2c2c; display: inline-flex; align-items: center; justify-content: center; border-radius: 16px; background-color: #fff;}
.charge .cnt .tt span {font-size: var(--font-size-16); font-weight: 500; color: #878787;}
.charge .cnt .t01 {width: 80px;}
.charge .cnt .t02,
.charge .cnt .t03 {display: flex; flex: 1 1 auto;  min-width: 0; width: 1%; flex-direction: column;}
.charge .cnt .item.item01 .t02,
.charge .cnt .item.item01 .t03 {justify-content: space-between; flex-direction: row;}
.charge .cnt .item:not(.item01) .t02 p:first-child {text-align: left; width: 100%;}
.charge .cnt .item:not(.item01) .t02 p:last-child {text-align: right; width: 100%;margin-top: 10px;}


.lesson {display: flex;}
/* .lesson .doc-tit {width: 28.6%;} */
.lesson .cnt { flex:1 1 auto; min-width:0; width:1%;}
.lesson .cnt h3 {margin-bottom: 90px; font-size: var(--font-size-32); line-height: 1.2em; font-weight: 600; letter-spacing: -.02em; color: #2c2c2c;}
.lesson .cnt .wrap:not(:last-child) {margin-bottom: clamp(40px, calc( 100 / var(--inner) * 100vw ), 100px);}
.lesson .cnt .wrap .tit {margin-bottom: 30px; font-size: var(--font-size-26); line-height: 1.2em; font-weight: 600; letter-spacing: -.02em; color: #505050;}
.lesson .cnt .wrap .txt {font-size: var(--font-size-18); line-height: 1.67em; letter-spacing: -.02em; color: #505050;}
.lesson .cnt .call {margin-top: 30px; padding: 18px 40px; display: flex; align-items: center; width: 100%; background-color: #f8f8f8; border-radius: 32px;}
.lesson .cnt .call p {font-size: var(--font-size-18); line-height: 1.2em; font-weight: 500; letter-spacing: -.02em; color: #2c2c2c;}
.lesson .cnt .call p:nth-child(2) {margin: 0 30px 0 10px;}
.lesson .cnt .call p:nth-child(3) {font-size: var(--font-size-20);font-weight: 600;}
.lesson .cnt .gr-bg {width: 84px; margin-left: 20px;}
.lesson .cnt .wrap>img {margin-top: 35px;}
.lesson .slider {position: relative; margin: 35px 0; padding-bottom: 45px;}
.lesson .t-box {margin: 40px 0;}
.lesson .t-box .price span:first-child {color: #878787; margin-right: 35px;}
.lesson .cnt .wrap .slider .tit {margin: 25px 0 0 0; font-size: var(--font-size-18); font-weight: 500; color: #2c2c2c;}
.swiper-pagination-progressbar.swiper-pagination-horizontal {height: 2px; bottom: 0; position: absolute; top: unset;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#333}
.lesson04 .img-wrap {display: flex; flex-wrap: wrap; margin:25px -10px -10px;;}
.lesson04 .img-wrap .img {padding:10px; width: 50%;}
.lesson04 .more {display: flex; align-items: center; margin-top:30px;}
.lesson04 .more .btn-wrap {margin-left:10px;}
.lesson04 .more a {display: inline-flex; align-items: center; justify-content: space-between; background-color: var(--color-primary); width: 245px; height: 64px; border-radius: 32px; padding: 0 40px; font-size: var(--font-size-20);font-weight: 600; letter-spacing: -.02em; color: #fff;}
.lesson04 .more .call {margin-top:0 !important;}



.program01 {position: relative;  display: flex; justify-content: space-between; align-items: flex-start;}
.program01::after {content: ''; position: absolute; left: 0; bottom: 0; width: 188px; height: 200px; background-image: url(/images/sub/biz-img75.jpg); background-repeat: no-repeat; background-size: contain;}
.program01 img {margin-top: 75px;}
.program02 .txt-box2 {text-align: center;}
.program02 .txt-box2::before {left: 50%; transform: translateX(-50%);}
.program02 .biz-imgs {display: flex; margin: 65px -50px 0;}
.program02 .img {padding: 0 50px;}

table {width: 100%; border-collapse: collapse; border-spacing: 0px;}
table th, 
table td {height: 64px; padding: 7px 15px; border: 1px solid #ddd; border-left: 0;}
table th {background: #fafafa; font-weight: 600; font-size: var(--font-size-16); color: #2c2c2c; letter-spacing: -.02em; border-bottom: 1px solid #2c2c2c; border-top: 1px solid #2c2c2c;}
table th:first-child {border-right: 1px solid #2c2c2c;}
table th:last-child { border-right: 0;}
table td {text-align: center; }
table td.bg {border-right: 1px solid #2c2c2c; background: #fafafa; font-weight: 500; font-size: var(--font-size-16); color: #2c2c2c; letter-spacing: -.02em;}
table td:last-child {border-right: 0;border-left: 1px solid #ddd;}
table td.ohter {text-align: left; padding: 7px 70px;}
table td p {display: inline-block; width: 65%; margin-right: 10px;}
table td span { flex:1 1 auto; min-width:0; width:1%; text-align: left; font-weight: 500;}


.class-time {display: flex; justify-content: space-between;}
.class-time .cnt {flex:1 1 auto; min-width:0; width:1%;}
.class-time .btm-tt {margin-top: 25px; display: flex; justify-content: space-between;}
.class-time .btm-tt .tt01 {font-size: var(--font-size-14); font-weight: 500; letter-spacing: -.02em; line-height: 1.2em; color: #505050;}
.class-time .btm-tt .tt02 {font-size: var(--font-size-14); letter-spacing: -.02em; line-height: 1.2em; color: #a8a8a8;}
.class-time03 table tr:not(:first-child)  td.ohter p {text-align: center;}
.class-time04 table tr td.ohter p {text-align: center;}

.skin .wrap { display: flex; justify-content: space-between; align-items: flex-start;}
.skin .wrap:first-child {margin-bottom: clamp(40px, calc( 100 / var(--inner) * 100vw ), 100px);}
.skin .wrap01 {position: relative;}
.skin .wrap01::after {content: ''; position: absolute; left: 0; bottom: 0; width:200px; height: 195px; background-image: url(/images/sub/biz-img80.jpg);background-repeat: no-repeat; background-size: contain;}
.skin .wrap01 img {margin-top: 75px;}
.skin .wrap02 {align-items: center; justify-content: flex-start;}
.skin .wrap02 .txt-box {margin-left: 100px;}
.skin .wrap02 .txt-box .txt02 {margin-top: 40px;}

.barber {position: relative;  display: flex; justify-content: space-between; align-items: flex-start;}
.barber::after {content: ''; position: absolute; left: 0; bottom: 0; width: 175px; height: 200px; background-image: url(/images/sub/biz-img83.jpg); background-repeat: no-repeat; background-size: contain;}
.barber img {margin-top: 75px;}

.wash-room {position: relative;  display: flex; justify-content: space-between; align-items: flex-start;}
.wash-room::after {content: ''; position: absolute; left: 0; bottom: 0; width: 200px; height: 200px; background-image: url(/images/sub/biz-img84.jpg); background-repeat: no-repeat; background-size: contain;}
.wash-room img {margin-top: 75px;}
.wash-room .txt-box .tit01 {margin-bottom: 40px;}

.parking .wrap { display: flex; justify-content: space-between; align-items: flex-start;}
.parking .wrap01 {position: relative; margin-bottom: clamp(40px, calc( 100 / var(--inner) * 100vw ), 100px);}
.parking .wrap01::after {content: ''; position: absolute; left: 0; bottom: 0; width:200px; height: 183px; background-image: url(/images/sub/biz-img88.jpg);background-repeat: no-repeat; background-size: contain;}
.parking .wrap01 img {margin-top: 75px;}
.parking .wrap02 {align-items: center; justify-content: flex-start;}
.parking .wrap02 .txt-box {margin-left: 100px;}
.parking .wrap02 .txt-box .txt02 {margin-top: 40px;}
.parking-img {margin-top: clamp(40px, calc( 100 / var(--inner) * 100vw ), 100px);}

.counsel {display: flex; justify-content: space-between;}
.counsel .cnt {flex:1 1 auto; min-width:0; width:1%;}

.operating-hours .contain {display: flex; justify-content: space-between;}
.operating-hours .cnt {flex:1 1 auto; min-width:0; width:1%;}
.operating-hours .wrap:not(:last-child) {margin-bottom: clamp(40px, calc( 100 / var(--inner) * 100vw ), 100px);}
.operating-hours .txt-box .txt01 {color: #505050; margin-bottom: 40px;}
.operating-hours table th {height: 100px;}
.operating-hours table th span {font-size: var(--font-size-13); font-weight: 500; color: #a8a8a8; letter-spacing: -.02em; line-height: 1.2em;}
.operating-hours table td span.other {font-size: var(--font-size-13); font-weight: 500; color: #a8a8a8; letter-spacing: -.02em; line-height: 1.2em;}
.operating-hours table td.price {font-size: var(--font-size-18); font-weight: 600; color: #2c2c2c; letter-spacing: -.02em; line-height: 1.2em;}
.operating-hours table td.price span {margin-bottom: 10px; display: inline-block; width: auto; font-size: var(--font-size-16); font-weight: 500; color: #878787;text-decoration: line-through;}
.operating-hours table th.last-other {border-right: 1px solid #2c2c2c;}
.operating-hours .t-box:last-child {border: 0; border-bottom: 1px solid #2c2c2c;}
.operating-hours .t-box .red {display: flex; flex-direction: column;}
.operating-hours .t-box .red span {margin:10px 0 0 0 ; color: #505050;}
.operating-hours .price-list {display: flex; margin: 0 -20px;}
.operating-hours .price-list .box {display: flex; align-items: center; padding: 0 20px;}
.operating-hours .price-list .box .time {margin-right: 20px; display: inline-flex; align-items: center; justify-content: center; font-size: var(--font-size-12); font-weight: 500; color: #fff; letter-spacing: -.02em; width: 43px; height: 26px; border-radius: 13px; background-color: var(--color-primary);}
.operating-hours01 .box {padding:40px; background-color: #f8f8f8; border-radius: 24px; display: flex; justify-content: space-between;}
.operating-hours01 .left .txt:not(:first-child) {margin-top: 16px;}
.operating-hours01 .left .txt {display: flex; align-items: center;}
.operating-hours01 .left .gr-bg {width: 140px; height: 34px;}
.operating-hours01 .tt01 {margin-left: 20px; font-size: var(--font-size-24); font-weight: 600; letter-spacing: -.02em; line-height: 1.2em; color: #2c2c2c;}
.operating-hours01 .right {display: flex; align-items: center;}
.operating-hours01 .red {margin-right: 30px; font-size: var(--font-size-20); font-weight: 600; letter-spacing: -.02em; line-height: 1.2em; color: var(--color-primary);}
.operating-hours01 .tt02 {font-size: var(--font-size-18); letter-spacing: -.02em; line-height: 1.2em; color: #505050;}
.operating-hours .wrap02 table th {height: 75px;}
.operating-hours .wrap02 table td {height: 95px;}
.operating-hours03 {background-image: url(/images/sub/biz-img95.jpg); padding: clamp(40px, calc( 120 / var(--inner) * 100vw ), 120px) 0; width: 100%; background-position: 50%; background-repeat: no-repeat; background-size: cover;}
.operating-hours03 .txt-box {text-align: center;}
.operating-hours03 .txt-box .tit01 {margin-bottom: 65px;}
.operating-hours03 .contain {flex-direction: column;align-items: center !important;}
.operating-hours03 .cont {display: flex; margin: 0 -10px;}
.operating-hours03 .cont .img {padding: 0 10px;}
.operating-hours03 .cont ul {padding: 0 10px; margin: -5px 0;}
.operating-hours03 .cont ul li {padding: 5px 0;}
.operating-hours03 .red-bar {display: flex; flex-direction: column; align-items: flex-start; padding: 36px 40px;}
.operating-hours03 .red-bar h3 {margin-bottom: 25px; display: inline-flex; align-items: center; font-size: var(--font-size-24); font-weight: 600; letter-spacing: -.02em; line-height: 1.2em; color: #2c2c2c;}
.operating-hours03 .gr-bg {width: 34px; margin-left: 12px;}
.operating-hours03 .red-bar p::before {height: 18px;}
.operating-hours03 .red-bar p {line-height: 1.56em;}
.operating-hours .wrap04 .t-box:last-child .red {display: block; }
.operating-hours .wrap04 .t-box:last-child .red span {margin-left: 30px; color: #a8a8a8;}

.payment {display: flex; justify-content: space-between;}
.payment .cnt {flex:1 1 auto; min-width:0; width:1%;}
.payment .list-wrap {margin: -10px 0;}
.payment .cnt .item {padding: 10px 0;}
.payment .cnt .item .box {background-color: #f8f8f8; border-radius: 24px; padding: 40px;}
.payment .cnt .item .box>p.red {font-size: var(--font-size-20); line-height: 1.2em; font-weight: 600; letter-spacing: -.02em; color: var(--color-primary);}
.payment .cnt .item .box ul {margin-top: 30px; padding-top: 30px; border-top: 1px solid #dfdfdf;}
.payment .cnt .tt {margin: 10px 5px; padding: 26px 27.5px; display: flex; align-items: center; border-radius: 16px; background-color: #fff;}
.payment .cnt .tt p {margin-right: 60px; font-size: var(--font-size-16); font-weight: 500; letter-spacing: -.02em; line-height: 1.2em; color: #878787;}
.payment .cnt .tt p span {margin-left: 30px; color: #2c2c2c;}
.payment .cnt .item .box .txt {font-size: var(--font-size-18); font-weight: 500; letter-spacing: -.02em; line-height: 1.67em; color: #2c2c2c;}
.payment .cnt .item .box .txt span {color: var(--color-primary);}
.payment .cnt .item .box .txt:not(:last-child) {margin-bottom: 30px;}
.payment .cnt .item .box .t03 {font-size: var(--font-size-14); font-weight: 400; color: #878787;}

.root_daum_roughmap .wrap_controllers,
.root_daum_roughmap .border1,
.root_daum_roughmap .border2,
.root_daum_roughmap .border3,
.root_daum_roughmap .border4 {display: none !important;}

.directions .wrap01 {margin: 65px 0 95px;}
.directions .txt-box .tit02 {margin-bottom: 65px;}
.info-wrap {display: flex;}
.info-wrap li {flex:1;}
.info-wrap li .box {position: relative; padding:50px 20px; height: 100%; display: flex; flex-direction: column;  align-items: center; justify-content: center;}
.info-wrap li:not(:first-child) .box::before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 100%; background-color: #ddd;}
.info-wrap li .box p { margin-top: 30px; text-align: center; font-weight: 500; font-size: var(--font-size-20); letter-spacing: -.02em; line-height: 1.2em; color: #2c2c2c;}
.info-wrap li .box01 p {font-size: var(--font-size-16); line-height: 1.5em;}