@charset "utf-8";

.center {max-width: 1200px;margin: auto;width: 100%;height: auto;padding: 0 1rem;box-sizing: border-box;}
.nonscroll {padding-top: 24.5rem;}
.dim {position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.6); transition: background-color 0.1s ease; pointer-events: none;display: none;}
.contents_area {padding-bottom: 16.2rem;overflow: hidden;}



/* 공통 타이틀 */
.title_area {text-align: center;}
.title_area span.small_title {font-size: 1.8rem; color: #BE8372; text-transform: uppercase; display: block; letter-spacing: 1px; margin-bottom: 1rem; transition: color 0.3s ease;font-weight: 500;}
.title_area h2 {font-size: 5.8rem; color: #111; margin-bottom: 1.5rem; font-weight: 500; transition: color 0.3s ease;line-height: 8rem;}
.title_area h2 > span {display: block;}

/* 서브 페이지 : 스크롤 공통 상단 */
.scroll_motion_area {margin-top: 8.6rem;}
.scroll_section {position: relative;_height: 200vh;height: auto;}
.sticky_container {position: sticky; top: 0; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; overflow: hidden; padding: 10rem 0; min-height: 100vh;}
.content-wrapper {position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; height: 100vh; padding-bottom: 4rem;}
.text_content {position: fixed; top: 0; left: 0; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 30vh; padding-top: 17rem; transform: translate3d(0, var(--pin, 0px), 0); will-change: transform;text-align: center; transition: opacity 0.3s ease;z-index: 99;}
.text_content_inner {max-width: 1200px;margin: 75px auto 0;}
.text_content p {font-size: 1.1rem; color: #666; line-height: 1.8; margin-bottom: 1rem;}
.text_content.overlapping span {color: #fff;}
.text_content.overlapping h2 {color: #fff;}
.scroll_image {position: relative; width: 80%; height: 580px; z-index: 10;}
/* 각각 페이지 별 상단 이미지 */
.matinee .scroll_image {background: url("../img/matinee.jpg") center/cover;}
.reservation .scroll_image {background: url("../img/reservation.jpg") 10%/cover;}
.medical .scroll_image {background: url("../img/medical_hotel.jpg") center/cover;}
.carecenter .scroll_image {background: url("../img/carecenter.jpg") center/cover;}
.medicalcare .scroll_image {background: url("../img/medicalcare.jpg") center/cover;}
.babyspa .scroll_image {background: url("../img/babyspa.jpg") center/cover;}
.garden .scroll_image{background: url("../img/garden.jpg") center/cover;}
.spa .scroll_image{background: url("../img/spa.jpg") 67% /cover;}
.lounge .scroll_image{background: url("../img/lounge.jpg") 22% /cover;}
.estheique .scroll_image{background: url("../img/estheique.jpg") 48% /cover;}
.wellness .scroll_image{background: url("../img/wellness.jpg") 30% /cover;}
.education .scroll_image{background: url("../img/education.jpg") 30% /cover;}
.fitness .scroll_image{background: url("../img/fitness.jpg") 42% /cover;}
.atelier .scroll_image{background: url("../img/atelier.jpg") 30% /cover;}
.shop .scroll_image{background: url("../img/shop.jpg") 30% /cover;}
.hoebin .scroll_image{background: url("../img/hoebin.jpg") center/cover;}

.scroll_section_bottom {margin: 75px 0 140px;}
.scroll_section_bottom_content {display: flex;align-items: flex-start;justify-content: space-between;}
.scroll_section_bottom_content .left {width: 35%;}
.scroll_section_bottom_content h2 {font-size: 5.2rem;line-height: 6rem;color: #BE8372;text-align: left;font-family: 'joly';margin-bottom: 1rem;}
.scroll_section_bottom_content h4 {font-size: 4.2rem;line-height: 5.2rem;color: #111;text-align: left;font-family: 'joly';}
.scroll_section_bottom_content span {font-size: 2.4rem;line-height: 3.6rem;color: #3D2C20;text-align: left;font-weight: 500;}
.hoebin .scroll_section_bottom_content h2 {font-size: 4.6rem;line-height: 5rem;color: #BE8372;;font-family: inherit;font-weight: 500;}
.hoebin .scroll_section_bottom_content h2> em {font-size: 3.6rem;line-height: 5rem;font-weight: 400;}
.scroll_section_bottom_content .right {width: calc(100% - 35%);margin-top: 1.2rem;}
.scroll_section_bottom_content .right ul {display: flex;align-items: center;}
.scroll_section_bottom_content .right li {border-top: 1px solid rgba(180, 135, 63, 0.5);padding: 3rem 5rem 3rem 0;font-size: 2rem;line-height: 3.2rem;font-weight: 500;color: #333;text-align: left;}
.scroll_section_bottom_content .right li:last-child {padding-right: 1rem;}


/* 슬라이드 */
.slide_area {width: 100%;height: 100%;margin: 9rem 0 0;}
.slide_area .swiper-wrapper {padding-bottom: 4rem;}
.slide_area .slide {display: flex;justify-content: center;align-items: center;flex-direction: column;}
.slide_area .swiper-pagination {bottom: 0 !important;left: 50% !important;transform: translateX(-50%);}
.slide_area_text {width: 100%;border: 1px solid #C0997C;text-align: center;padding: 2rem 2rem;font-size: 2rem;line-height: 3.6rem;font-weight: 400;box-sizing: border-box;margin: 3rem 0 16rem;height: 14rem;display: flex;align-items: center;justify-content: center;}
.slide_area .swiper-pagination-bullet {width: 1.6rem;height: 1.6rem;background: #ccc;margin-right: 1.4rem;}
.slide_area .swiper-pagination-bullet:last-child {margin-right: 0;}
.slide_area .swiper-pagination-bullet-active {background: #C0997C;}


/* line_list_dl_area */
.line_list_dl_area {width: 100%;}
.line_list_dl_area::after {clear: both; content: ''; display: block;}
.line_list_dl_area + .line_list_dl_area {margin-top: 19rem;}
.line_list_dl_area .line_list_dl {width: 100%; display: flex;}
.line_list_dl_area .line_list_dl:after {clear: both; content: ''; display: block;}
.line_list_dl_area .line_list_dl:first-child {margin-top: 0;}
.line_list_dl_area .line_list_dl + .line_list_dl {margin-top: 10rem;}
.line_list_dl_area .line_list_dl > dt {position: relative;width: 22vw;font-size: 3.2rem;font-weight: 600;line-height: 4.4rem;text-align: left;color: #111;margin-right: 1rem;}
.line_list_dl_area .line_list_dl > dd {width: calc(100% - 22vw);}
.line_list_dl_area .line_list_dl > dd h3 {font-size: 2rem;line-height: 3.6rem;color: #BE8372;margin-bottom: 2rem;font-weight: 500;margin-top: 7rem;}

.table_wrap {border-top: 2px solid #111;}

/* table_type01 */
.table_type01{width:100%;table-layout:auto;text-align: center;}
.table_type01 th,
.table_type01 td {height: 60px;padding: 10px;box-sizing: border-box;border: 1px solid #ccc;}
.table_type01 thead th {text-align: center;font-size: 1.6rem;line-height: 2.4rem;color: #111;font-weight: 600;vertical-align: middle;border-right: 0;border-left: 0;}
.table_type01 tbody td:first-child {text-align: center;font-size: 1.6rem;line-height: 2.4rem;color: #111;vertical-align: middle;border-right: 0;border-left: 0;}
.table_type01 tbody td {font-size: 1.6rem;line-height: 2.4rem;color: #333;vertical-align: middle;border-right: 0;border-left: 0;}
.table_txt {font-size: 1.6rem;line-height: 2.2rem;color: #333;font-weight: 400;text-align: left;display: block;margin-top: 0.8rem;}

/* table_type02 */
.table_type02{width:100%;table-layout:auto;text-align: center;}
.table_type02 th,
.table_type02 td {height: 60px;padding: 10px;box-sizing: border-box;border: 1px solid #ccc;}
.table_type02 thead th,
.table_type02 tbody td:first-child {text-align: center;font-size: 1.6rem;line-height: 2.4rem;color: #111;font-weight: 600;vertical-align: middle;}
.table_type02 tbody td {font-size: 1.6rem;line-height: 2.4rem;color: #333;}
.table_txt {font-size: 1.6rem;line-height: 2.2rem;color: #333;font-weight: 400;text-align: left;display: block;margin-top: 0.8rem;}

/* dot_list01 */
ul.dot_list01 {text-align: left;}
ul.dot_list01::after {clear:both;content:'';display:block;}
ul.dot_list01 > li {position:relative;padding-left:10px;font-size:inherit;line-height:inherit;color:inherit;font-weight: inherit;}
ul.dot_list01 > li::before {position:absolute;top:12px;left:0;width:2px;height:2px;background-color:#333;border-radius:50%;content:"";clear:both;display:block;}

/******************************************* ABOUT(공통) *******************************************/
/* about 페이지 : 띠 배너 */
.middle_banner {position: relative;text-align: center;}
.middle_banner p {font-size: clamp(2.8rem, 5vw, 6.8rem);line-height: clamp(4.8rem, 7vw, 9.6rem);color: #fff;font-family: 'joly';position: absolute;left: 50%;transform: translate(-50%, -50%);width: 100%;}

/* about 페이지 : 하단 컨텐츠 */
.list_area {width: 100%;text-align: center;margin: 14rem 0 0;}
.list_area .title h4 {font-size: 4.8rem;line-height: 6.2rem;color: #111;font-family: 'joly';padding-bottom: 1rem;}
.list_area .title span {font-size: 2.4rem;line-height: 3rem;color: #666;font-weight: 500;}
.list_area .list {margin-top: 10rem;}
.list_area .item_text {margin-top: 2.2rem;display: flex;align-items: flex-start;text-align: left;}
.list_area .item_text h6 {font-size: 2.8rem;line-height: 4.2rem;color: #111;width: 40%;padding-right: 1.5rem;font-weight: 500;}
.list_area .item_text span {font-size: 2rem;line-height: 3.6rem;color: #333;width: calc(100% - 40%);padding-right: 2rem;}


/* 탭 */
.tab_area {overflow: hidden;margin-top: 3.5rem;margin-bottom: 12rem;}
.tab_menu ul {display: flex; width: 100%; margin: 0; padding: 0;box-sizing: border-box;}
.tab_menu li {flex: 1; border: 1px solid #ccc;overflow: hidden;border-right: 0;}
.tab_menu li:last-child {border-right: 1px solid #ccc;}
.tab_menu button {width: 100%; padding: 2rem 0; font-size: 2rem; font-weight: 400; color: #333; border: none; cursor: pointer; line-height: 3.6rem; text-align: center;background: #fff;letter-spacing: 0.08rem;}
.tab_menu li.on {background: #C0997C;}
.tab_menu li.on button { background: transparent; font-weight: 500;color: #fff;}

.tab_contents {width: 100%;position: relative; }
.tab_content {opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0; width: 100%; padding-top: 3rem; transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; z-index: 0;}
.tab_content.active {opacity: 1; visibility: visible; position: relative; z-index: 1;}
.tab_content img {width: 100%;}
.tab_content p {font-size: 2rem;line-height: 3.6rem;color: #333;margin: 3.4rem 0 3.2rem;}
.tab_content .box_wrap {border: 1px solid #E0CCBE;}
.tab_content ul {display: flex;padding: 4rem 0;justify-content: space-evenly;align-items: center;}
.tab_content li {font-size: 2rem;line-height: 3.6rem;color: #333;font-weight: 400;margin-bottom: 1rem;}
.tab_content li:last-child {margin-bottom: 0;}
.tab_content li b {font-weight: 700;padding-right: 1.7rem;}




/******************************************* GUIDE(공통) *******************************************/
/* service_list */
.service_list {display: flex;align-items: flex-start;justify-content: space-between;gap: 4rem;}
.service_list li {display: flex;flex-direction: column;align-items: flex-start;font-size: 1.8rem;line-height: 2.4rem;font-weight: 500;text-align: center;width: 33.33%;}
.service_list li img {margin-bottom: 3rem;}
.service_list li p {text-align: left;font-size: 1.8rem;line-height: 3rem;font-weight: 400;}
.service_list li p span {display: block;font-size: 2rem;line-height: 3.6rem;color: #BE8372;font-weight: 500;}

/* service_gallery */
.service_gallery + .service_gallery {margin-top: 8rem;}
.service_gallery ul {display: flex;align-items: center;justify-content: flex-start;margin-top: 3rem;}
.service_gallery li.left_title {font-size: 1.8rem;line-height: 2.6rem;color: #BE8372;font-weight: 500;outline: 1px solid #BE8372;border-radius: 12px;width: 160px;height: 147px;display: flex;align-items: center;text-align: center;justify-content: space-around;margin-right: 30px;}
.service_gallery li {font-size: 2rem;line-height: 3.2rem;color: #333;font-weight: 400;width: calc(100% - 190px);}
.service_gallery li b {font-size: 2.2rem;line-height: 3.6rem;color: #111;font-weight: 600;display: block;margin-bottom: 0.7rem;}

.service_table .flex_box {display: grid;grid-template-columns: repeat(3, 1fr);gap: 1rem 2rem;padding-left: 0;grid-auto-flow: row;padding: 10px 10px 0 10px;box-sizing: border-box;}
.service_table .flex_box li {line-height: 2.4rem;}


/******************************************* MATINÉE CHAUM *******************************************/
.matinee .middle_banner {display: flex;justify-content: flex-end;height: 1224px;margin-top: -230px;}
.matinee .middle_banner .fade_img {position: relative; width: 100%; height: 100%;}
.matinee .middle_banner .fade_img .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; opacity: 0; transition: opacity 1.5s ease;}
.matinee .middle_banner .fade_img .bg.fadeout {background: url('../img/matinee_middle_bg_fadeout.png') no-repeat center/cover; opacity: 1;}
.matinee .middle_banner .fade_img .bg.fadein {background: url('../img/matinee_middle_bg_fadein.png') no-repeat center/cover;}
.matinee .middle_banner .fade_img .bg.active {opacity: 1 !important;}
.matinee .middle_banner .center {position: absolute;top: 63%;left: 50%;transform: translate(-50%, -50%);z-index: 2;}
.matinee .middle_banner .left_area {text-align: left;}
.matinee .middle_banner .left_area h6 {font-size: 36px;line-height: 52px;font-family: 'joly';color: #111;}
.matinee .middle_banner .left_area p {font-size: 20px;line-height: 38px;color: #333;position: static;transform: none;margin: 30px 0 115px;}


.hollow_text {overflow: hidden;white-space: nowrap;padding: 50px 0;}
.hollow_text p {display: inline-block;font-size: 200px;color:transparent;-webkit-text-stroke:1px #C5C0BD;font-family: 'joly';animation: slideText 50s linear infinite;padding-right: 50px;}
@keyframes slideText {
    0% {transform:translateX(0);}
    100%{transform:translateX(-80%);}
}
.video_area {margin: 60px 0 180px;}
.matinee_slide {margin-top: 74px;}
.matinee_slide .swiper-slide {width: 520px !important;}
/* .matinee_slide .swiper-slide {width: 580px !important;} */
.matinee .scroll_section_bottom_content .right li {border-top: 0;padding-top: 0;}
.matinee .right_area {position: absolute;right: -100px;top: 36px;_animation: fadeEffect 5s ease-in-out;padding-top: 36px;}
@keyframes fadeEffect {
  0%   { opacity: 0; }
  /* 50%  { opacity: 1; } */
  100% { opacity: 1; }
}

/* reservation */
.reservation .line_list_dl_area {border-top: 1px solid #ccc;padding: 6rem 0;}
.reservation .line_list_dl_area.last {border-bottom: 1px solid #ccc;}
.matinee_g .line_list_dl_area + .line_list_dl_area {margin-top: 0;}
.matinee_g .line_list_dl_area .line_list_dl > dt {font-size: 2.4rem;line-height: 3.6rem;color: #BE8372;width: 18vw;}
.matinee_g .line_list_dl_area .line_list_dl > dd {font-size: 1.6rem;width: calc(100% - 18vw);}
.matinee_g ul.dot_list01 > li {line-height: 3rem;font-size: 1.6rem;}
.matinee_g ul.dot_list01 > li::before {top: 1.25rem;}
.matinee_g .txt_box + .txt_box {margin-top: 3.5rem;}
.matinee_g .txt_box b {font-size: 1.8rem;line-height: 2rem;font-weight: 600;margin-bottom: 1.5rem;display: block;}
.matinee_g .txt_box b i {color: #BE8372;display: block;margin-top: 1rem;}
.reservation table strong {font-weight: 600;}
.reservation table p + p {margin-top: 4rem;}
.reservation table .bb_line {border-bottom: 1px solid #111;}
.reservation .info_box.reservation .bg {background: url('../img/reservation_bg01.png') no-repeat center;background-size: cover;}
.reservation .info_box.brochure .bg {background: url('../img/brochure_bg01.png') no-repeat center;background-size: cover;}
.info_box.brochure .tit {padding-left: 3.5rem;}
.info_box.brochure .tit::before {position:absolute;top:50%;left:0;transform: translateY(-50%);width:2.6rem;height:2.6rem;content:"";clear:both;display:block;background: url('../img/icon_brochure.png') no-repeat;}
.reservation .info_links {display: flex;gap: 2rem;justify-content: center;}
.reservation .info_box .tit {margin-bottom: 1.5rem;}
.reservation .info_box .bottom_txt span {font-size: 3.4rem;}
.reservation .btn_arrow {background: url('../img/icon_down.png') no-repeat;background-size: contain;}

/* contact us */
.contact {margin-top: 200px;}
.contact .list {display: flex;align-items: center;padding: 4rem 0;}
.contact .list + .list {border-top: 1px solid #ccc;}
.contact .list:first-child {padding-top: 0;}
/* .contact .list:last-child {border-bottom: 1px solid #ccc;} */
.contact .list .left_img {margin-right: 7rem;}
.contact .list .right_txt strong {font-size: 2rem;line-height: 3.6rem;}
.contact .list .right_txt p {font-size: 1.6rem;line-height: 2.6rem;font-weight: 400;}
.contact .list .right_txt p > span {font-size: 1.6rem;line-height: 2.6rem;font-weight: 500;display: inline-block;margin-right: 0.8rem;}
.contact .line_list_dl_area .line_list_dl > dt {width: 20vw;}
.contact .line_list_dl_area .line_list_dl > dd {width: calc(100% - 20vw);}


/******************************************* EXPERIENCE *******************************************/
.experience .middle_banner .center {position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 100%;display: flex;align-items: center;flex-direction: row;height: 100%;justify-content: space-between;}
.experience .middle_banner > img {width: 100%;height: 640px;object-fit: cover;}
.experience .middle_banner .left_text {text-align: left;color: #fff;width: auto;}
.experience .middle_banner h6 {font-size: 42px;line-height: 52px;font-family: 'joly';margin-bottom: 43px;}
.experience .middle_banner span {font-size: 22px;line-height: 38px;font-weight: 400;}
.experience .middle_banner .right_text {text-align: left;color: #fff;width: auto;}

/* 01, 02, 03 자동 숫자 리스트 */
.counter_reset_wrap {counter-reset:item;}
.experience .line_list_dl {width:100%;display: block;}
.experience .line_list_dl + .line_list_dl {margin-top:95px;}
.experience .line_list_dl::after {clear:both;content:'';display:block;}
.experience .line_list_dl:first-child {margin-top:0;}
.experience .line_list_dl dt {font-size:20px;line-height:40px;position:relative;padding-left: 80px;width: 100%;padding-right: 50px;box-sizing: border-box;font-weight: 700;color: #fff;}
.experience .line_list_dl dt::before {counter-increment:item;content:counter(item,decimal-leading-zero) "";position:absolute;left:0;top:0;color:#fff;font-weight:normal;font-size: 16px;}
.experience .line_list_dl dt::after {content:"";display:inline-block;width: 26px;height: 1px;background: rgba(255, 255, 255, 0.4) !important;position: absolute;top: 19px;left: 30px;}
.experience .line_list_dl dd {padding-left: 80px;font-size: 18px;line-height: 30px;font-weight: 400;width: 100%;margin-top: 5px;}


/* 공통 하단 bar 레이아웃 */
/* .bar {position: absolute;left: calc(50% - 1px);top: 40vh;width: 1px;height: calc(100% - 510px);background: #ddd;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;} */
/* .bar {position: absolute;left: calc(50% - 1px);top: 0;_top: calc(0% + 300px);width: 1px;height: 100%;_height: calc(100% - 55vh);background: #ddd;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.bar span {position: absolute;left: 50%;top: 0;width: 1px;height: 0;max-height: 100%;background: #C0997C;} */
.bar {
    position: absolute;
    left: calc(50% - 0.5px);
    top: 0;
    width: 1px;
    height: 0;
    background: #ddd;
    /* transition 제거 */
}

.bar span {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    max-height: 100%;
    background: #C0997C;
    transition: height 0.3s ease-out; /* span의 height만 애니메이션 */
}

.timeline_container01{ width: 100%; margin: 0 auto; position: relative; overflow: hidden;}
.timeline_container01 .scroll-motion {_display: none;}
.timeline_item {display: flex;align-items: center;margin-bottom: 0;}
.timeline_container01 .timeline_item.top {padding-top: 100px;}
.timeline_container01 .timeline_item.last {margin-bottom: 140px;}
.timeline_item + .timeline_item {margin-top: 115px;}

/* 기본 left */
.timeline_item .img_box {width: 50%;display: flex;justify-content: center;padding-right: 60px;box-sizing: border-box;position: relative;}
.timeline_item .txt_box {width: 50%;padding-left: 55px;box-sizing: border-box;text-align: left;}
.timeline_item .timeline_title {font-size: 32px;line-height: 44px;font-weight: 600;color: #111;margin-bottom: 5px;}
.timeline_item .img_box::before {content: '';position: absolute;left: -11.5px;top: 50%;transform: translateY(-50%);width: 15px;height: 15px;background: #C0997C;border-radius: 50%;z-index: 1;border: 4px solid #fff;}
.timeline_item .img_box i {display: block;font-size: 22px;line-height: 44px;color: #BE8372;}
.timeline_item .timeline_text li {font-size: 20px;line-height: 36px;font-weight: 400;}
.timeline_item .timeline_text li.title {font-weight: 600;color: #043A63;}

/* 기본 right */
.timeline_container01 .timeline_item:nth-of-type(odd) {flex-direction: row-reverse;}
.timeline_container01 .timeline_item:nth-of-type(odd) .img_box {padding-right: 0;padding-left: 55px;justify-content: center;}
.timeline_container01 .timeline_item:nth-of-type(odd) .txt_box {padding-left: 0;padding-right: 55px;text-align: left;}
.timeline_container01 .timeline_item:nth-of-type(even) .img_box::before {left: auto;right: -11.5px;}

/* estheique */
.estheique .bar {top: 350px;}


/* babyspa */
.babyspa.experience .middle_banner {background-color: #F9F2EB;min-height: 640px;overflow: hidden;}
.babyspa.experience .middle_banner .center {justify-content: space-evenly;}
.babyspa.experience .middle_banner .right_text {width: 50%;}
.babyspa.experience .middle_banner .left_text {padding-right: 20px;}
.experience .middle_banner .right_text h6 {font-size: 42px;line-height: 56px;color: #BE8372;font-family: 'joly';font-weight: 700;}
.experience .middle_banner .right_text span {font-size: 22px;line-height: 38px;color: #333;}
.motion_area {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.motion_area img {position: absolute;}
/* top값만 px로 지정, 모션스크립트 영향 */
.motion_area .motion01 {top: -105%;left: -12%;}
.motion_area .motion02 {top: -25%;left: -15%;}
.motion_area .motion03 {top: 67%;left: 5%;}
.motion_area .motion04 {top: -34%;right: -1%;}
.motion_area .motion05 {top: -65%;right: -4%;}

/* education */
.education .bar {top: 350px;}

/******************************************* FACILITIES *******************************************/
.pagination_slide {margin-top: 52px;}
.pagination_slide .swiper-wrapper {padding-bottom: 5rem;}
.pagination_slide > div > .swiper-slide {width: 40%;}
.pagination_slide .swiper-pagination {bottom: 0 !important;left: 50% !important;transform: translateX(-50%);}
.pagination_slide .swiper-pagination-bullet {width: 1.6rem;height: 1.6rem;background: #ccc;margin-right: 1.4rem;}
.pagination_slide .swiper-pagination-bullet:last-child {margin-right: 0;}
.pagination_slide .swiper-pagination-bullet-active {background: #C0997C;}
.pagination_slide + .slide_area_text {border: 0;padding: 0;width: auto;height: auto;margin-bottom: 0;}

.navigation_slide {margin-top: 52px;}
.navigation_slide .swiper-wrapper {padding-bottom: 5rem;}
.navigation_slide .top {width: 100%;display: flex;justify-content: space-between;margin-bottom: 30px;align-items: center;gap: 30px;}
.navigation_slide .text {text-align: left;width: 40%;}
.navigation_slide .text b {display: block;font-size: 22px;line-height: 36px;font-weight: 600;}
.navigation_slide .text span {font-size: 20px;line-height: 32px;}
.navigation_slide .bottom {text-align: left;}
.navigation_slide .bottom > img {width: 69%;}
.navigation_slide .button_wrap {position: absolute;bottom: 5rem;right: 0;z-index: 9;display: flex;flex-direction: row-reverse;align-items: center;gap: 20px;}
.navigation_slide .swiper-button-next,
.navigation_slide .swiper-button-prev {width:60px; height:60px; background-size:contain; background-repeat:no-repeat; background-position:center;position: static;}
.navigation_slide .swiper-button-next::after, .swiper-button-prev::after {display:none;}
.navigation_slide .swiper-button-next {background-image:url("../img/slide_next_btn.png");}
.navigation_slide .swiper-button-prev {background-image:url("../img/slide_prev_btn.png");}
.navigation_slide .swiper-pagination {bottom: -5rem;}
.navigation_slide .swiper-pagination-bullet {width: 1.6rem;height: 1.6rem;background: #ccc;margin-right: 1.4rem;}
.navigation_slide .swiper-pagination-bullet:last-child {margin-right: 0;}
.navigation_slide .swiper-pagination-bullet-active {background: #C0997C;}



/* shop */
.shop .table_type02 {max-width: 600px;width: 100%;margin: 50px auto 0;}
.shop .table_type02 th, .table_type02 td {border: none;}
.shop .table_type02 tr td:first-child,
.shop .table_type02 tbody td:first-child {text-align: left;vertical-align: top;font-size: 20px;}
.shop .table_type02 tbody td {vertical-align: top;text-align: left;font-size: 20px;}
.shop .table_type02 tbody i {letter-spacing: -0.7px;}

/******************************************* HOEBIN *******************************************/
.signature_menu_sect {margin: 10rem 0 0;background-color: #F4F4F4;padding-left:calc((100% - 1200px) / 2);padding-top: 8rem;padding-bottom: 5rem;display: flex;}
.signature_menu_sect .title_area {display: flex;align-items: flex-start;justify-content:flex-start;flex-direction: column;margin-right: clamp(7rem, 12.5vw, 24rem);padding-left: 1rem;position: relative;}
.signature_menu_sect .title {font-size:4.8rem;line-height:6.2rem;font-family: 'joly';text-align: left;margin-bottom: 0;margin-top: clamp(0px, 5.3vw, 100px);}
.signature_menu_sect .btn_down {display:inline-block;margin-top:3.8rem;padding:1.6rem 8.365rem 1.6rem 2rem;border:1px solid #000;border-radius:3rem;font-size:1.8rem;position: relative;}
.signature_menu_sect .btn_down::after {position:absolute;top:50%;right:2rem;transform: translateY(-50%);width:22px;height:20px;content:"";clear:both;display:block;background: url('../img/icon_menudown.png') no-repeat;}

.signature_swiper .slide_txt {font-size:2.4rem;margin-top:4rem;opacity: 0;transition: opacity .4s;pointer-events: none;font-weight: 500;}
.swiper-slide-active .slide_txt {opacity: 1;pointer-events: auto;}


.signature_swiper .button_wrap {bottom: 3rem;right: calc((100% - 300px) / 2);}
.signature_swiper .swiper-pagination {position:relative;margin-top:3rem;text-align:left;}
.signature_swiper .swiper-pagination-bullet {background:#ccc;width:8px;height:8px;opacity:.4;}
.signature_swiper .swiper-pagination-bullet-active {opacity:1;}

.signature_swiper .swiper-button-prev {left:45%;}
.signature_swiper .swiper-button-next {right:45%;}

.signature_pagination.swiper-pagination {position: absolute;left: 1rem !important;padding-bottom: clamp(2rem, 12.5vw, 5rem); text-align: left !important;width: 100%;top: clamp(265px, calc(24.2vw - 0px), 465px);height: 1.6rem;}
.signature_pagination.swiper-pagination > span {width: 1.6rem;height: 1.6rem;margin: 0 var(--swiper-pagination-bullet-horizontal-gap,8px);}
.signature_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #C0997C !important;}
.signature_pagination .swiper-pagination-bullet {background: #ccc !important;opacity: 1 !important;}


.info_links {padding:12rem 0 0;}
.info_links .center {display:flex;gap:2rem;justify-content:center;}
.info_box {position:relative;flex:1;_height:20rem;overflow:hidden;color:#fff;_display:flex;align-items:center;width: 100%;}
/* .info_box .bg {position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;filter:brightness(0.55);} */
.info_box .info_inner {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: calc(100% - 8rem);}

.info_box .bg {height: 20rem;border-radius: 40px;width: 100%;}
.info_box.reservation .bg {background:url('../img/hoebin_reservation.png') no-repeat center;background-size: cover;}
.info_box.hoebin .bg {background:url('../img/hoebin_insta.png') no-repeat center;background-size: cover;}



.info_box .tit {font-size:3rem;margin-bottom:2rem;font-family: 'joly';letter-spacing: 0.1px;position: relative;}
.info_box .bottom_txt {display: flex;justify-content: space-between;}
.info_box .bottom_txt p {font-size: 1.6rem;}
.info_box .bottom_txt span {font-family: 'joly';font-size:2.4rem;display: block;margin-top: 1.5rem;}
.info_box .bottom_txt span + span {margin-top: 1rem;}

.info_box .txt {font-size: 1.6rem;padding-left: 3.5rem;}

.btn_arrow {background: url('../img/icon_insta_btn.png') no-repeat;width: 5.4rem;height: 5.4rem;position: absolute;top: 50%;right: 0;transform: translateY(-50%);background-size: contain;}
/* .btn_arrow::after {content:'';position:absolute;top:50%;left:50%;width:0.8rem;height:0.8rem;border-top:2px solid #fff;border-right:2px solid #fff;transform:translate(-50%,-50%) rotate(45deg);} */

.info_box.reservation .tit {padding-left: 3.5rem;}
.info_box.reservation .tit::before {position:absolute;top:50%;left:0;transform: translateY(-50%);width:2.6rem;height:2.6rem;content:"";clear:both;display:block;background: url('../img/icon_phone.png') no-repeat;}

.info_box.hoebin .tit {padding-left: 3.5rem;}
.info_box.hoebin .tit::before {position:absolute;top:50%;left:0;transform: translateY(-50%);width:2.6rem;height:2.6rem;content:"";clear:both;display:block;background: url('../img/icon_insta_w.png') no-repeat;}

/*
@media (max-width:1105px) {
    .bar {height: 66%;}
}


@media (max-width:847px) {
    .bar {top: 18%;}
}
@media (max-width:793px) {
    .bar {top: 22%;height: 62%;}
} */

@media (max-width:1024px) {
    .signature_menu_sect {flex-direction: column;padding: 5rem 1rem;}
    .signature_menu_sect .title_area {flex-direction: row;justify-content: space-between;align-items: flex-end;margin-right: 0;padding: 0;}
    .signature_menu_sect .title {margin-top: 0;}
    .signature_menu_sect .btn_down {margin: 0 0 1rem 0;}

    .signature_swiper {width: 100%;overflow: visible;margin-top: 12.5rem !important;height: auto;display: block !important;}
    .signature_swiper .swiper-wrapper {padding-bottom: 0 !important;}
    .signature_menu_sect .slide_img {display: block;}
    .signature_menu_sect .slide_img img {width: auto;}
    .signature_swiper .slide_txt {text-align: center;margin-top: 2.5rem;}

    .signature_swiper .button_wrap {display: none;}
    .signature_pagination.swiper-pagination {left: 0 !important;padding-bottom: 0;top: 20rem !important;}


}

@media (max-width:970px) {
    .info_links {padding: 6rem 0 0;}
    .info_links .center {flex-direction:column;}

    .info_box .txt {font-size: 1.6rem;line-height: 2.4rem;}
    .info_box .bottom_txt span {font-size: 2rem;line-height: 2rem;}
    .btn_arrow {width: 3rem;height: 3rem;}
}


@media (max-width:900px) {
    .middle_banner img {height: 22rem;}
    .middle_banner p {font-size: 4.8rem;line-height: 7rem;}

    .service_table .flex_box {width: 100%;margin: 0;grid-template-columns: repeat(2, 1fr);gap: 0 1rem;padding: 0;}
    .service_table .flex_box li {width: 100%;margin: 0 0 0rem 0;}
    .service_table .flex_box.dot_list01 > li::before {top: 11px;}

    /* .experience .middle_banner img {height: auto;margin: auto;} */
}





@media (max-width:768px) {
    .center {padding: 0 2rem;}
    .nonscroll {padding-top: 12.3rem;}
    .contents_area {padding-bottom: 7.5rem;}

    .scroll_motion_area {margin-top: 0;}
    .scroll_section {_height: 150vh;height: auto;}
    .sticky_container {min-height: 0;padding: 0 0;}
    .content-wrapper {height: 60vh;margin-top: 27rem;justify-content: flex-start;padding-bottom: 0;}
    .text_content {padding-top: 12.3rem;height: 13vh;will-change: opacity, transform;transform: translate3d(0, var(--pin, 0px), 0);transition: color 0.3s ease, transform 0.3s ease;}
    .text_content_inner {margin-top: 0;}

    /* 공통 타이틀 */
    .title_area h2 {font-size: 3rem;line-height: 4rem;margin-bottom: 0.7rem;}
    .title_area span.small_title {font-size: 1.3rem;line-height: 1.5rem;}

    .scroll_image {margin-top: 0;width: 90%;height: 50rem;will-change: transform;transition: transform 0.2s ease-out;}
    .medical .scroll_image {background: url("../img/medical_hotel_m.png") center/cover;}

    .scroll_section_bottom {margin: 2.5rem 0 4.5rem;}
    .scroll_section_bottom_content {flex-direction: column;}
    .scroll_section_bottom_content .left {width: 100%;margin-bottom: 2.7rem;}
    .scroll_section_bottom_content h2 {font-size: 4rem;line-height: 4.2rem;margin-bottom: 1.2rem;}
    .scroll_section_bottom_content span {font-size: 1.8rem;line-height: 2.8rem;}
    .scroll_section_bottom_content .right {width: 100%;margin-top: 0;}
    .scroll_section_bottom_content .right ul {display: block;}
    .scroll_section_bottom_content .right li {padding: 1rem 1rem 0.5rem 0;font-size: 1.6rem;line-height: 2.6rem;}
    .hoebin .scroll_section_bottom_content h2 {font-size: 2.8rem;line-height: 3.5rem;}
    .hoebin .scroll_section_bottom_content h2 > em {font-size: 2.8rem;line-height: 3.5rem;}


    .middle_banner img {height: 16rem;}
    .middle_banner p {font-size: 2.6rem;line-height: 3.8rem;padding: 4.2rem;}

    .list_area {margin: 4rem 0 0;}
    .list_area .title h4 {font-size: 3.6rem;line-height: 4rem;padding-bottom: 0.5rem;}
    .list_area .title span {font-size: 1.6rem;line-height: 2.6rem;font-weight: 400;}
    .list_area .list {margin-top: 5.5rem;}
    .list_area .list.first {margin-top: 2.6rem;}
    .list_area .item_text {display: block;margin-top: 1.2rem;}
    .list_area .item_text h6 {width: 100%;font-size: 2rem;line-height: 3rem;padding: 0;margin-bottom: 1rem;font-weight: 600;}
    .list_area .item_text span {width: 100%;font-size: 1.8rem;line-height: 2.8rem;padding: 0;}

    .tab_area {margin-bottom: 5rem;}
    .tab_menu button {font-size: 1.2rem;padding: 0.2rem 0;}
    .tab_content {padding-top: 2rem;}
    .tab_content p {font-size: 1.4rem;line-height: 2.3rem;margin: 1.5rem 0 2.5rem;}
    .tab_content ul {flex-direction: column;align-items: center;padding: 1.8rem 0;max-width: 150px;margin: auto;}
    .tab_content li {font-size: 1.4rem;line-height: 1.8rem;width: 100%;}
    .tab_content li b {padding: 0;width: calc(100% - 50%);display: inline-block;}

    .slide_area {margin: 4.3rem 0 0;}
    .slide_area .swiper-wrapper {padding-bottom: 2.5rem;}
    .slide_area_text {font-size: 1.8rem;line-height: 2.8rem;min-height: 2rem;height: auto;margin: 1.5rem 0 6rem;}
    .slide_area .swiper-pagination-bullet {width: 0.8rem;height: 0.8rem;margin-right: 0.7rem;}


    .line_list_dl_area {padding:0;}
    .line_list_dl_area + .line_list_dl_area {margin-top: 5.1rem;}
    .line_list_dl_area .line_list_dl {flex-direction: column;}
    .line_list_dl_area .line_list_dl > dt {width:100%; display:block; font-size:2rem; line-height:3rem; margin-top:0; padding-bottom:0.9rem; margin-right:0;}
    .line_list_dl_area .line_list_dl > dd {width:100%; display:block;}
    .line_list_dl_area .line_list_dl > dd h3 {font-size:1.5rem; line-height:2.8rem;margin: 3.2rem 0 0.7rem;}
    .line_list_dl_area .line_list_dl > dd h3 em {display:block; width:100%;}

    .service_list {gap: 5rem;flex-direction: column;}
    .service_list li {font-size: 1.8rem;line-height: 2.8rem;flex-direction: row;align-items: center;width: auto;}
    .service_list li img {margin: 0 2rem 0 0;width: 35%;min-width: 104px;}
    .service_list li p {font-size: 1.8rem;line-height: 2.8rem;}
    .service_list li p span {font-size: 1.8rem;line-height: 2.8rem;_margin-bottom: 0.7rem;}

    .service_gallery + .service_gallery {margin-top: 5rem;}
    .service_gallery ul {display: block;margin-top: 1.5rem;}
    .service_gallery li.left_title {width: 100%;width: auto;height: auto;margin: 0 0 2rem 0;border-radius: 0.6rem;padding: 1.35rem 0;font-size: 1.8rem;line-height: 2.8rem;font-weight: 600;}
    .service_gallery li {width: 100%;}
    .service_gallery li b {font-size: 1.8rem;line-height: 2.8rem;margin-bottom: 0.25rem;}
    .service_gallery li {font-size: 1.8rem;line-height: 2.8rem;}




    .table_type01 th,
    .table_type01 td {vertical-align: middle;}
    .table_type01 thead th,
    .table_type01 tbody td:first-child {font-size: 1.3rem;line-height: 1.6rem;height: auto;}
    .table_type01 tbody td {font-size: 1.3rem;line-height: 1.6rem;height: auto;}

    ul.dot_list01 > li {padding-left: 0.6rem;}
    ul.dot_list01 > li::before {top: 0.7rem;}




    .table_txt {font-size: 1.3rem;line-height: 1.8rem;margin-top: 1rem;}
    .text_area .text {font-size: 1.3rem;line-height: 1.8rem;}
    .text_area .text + .text {margin-top: 1.5rem;}


    .experience .middle_banner .center {padding: 5.3rem 2rem 4.2rem;align-items: start;flex-direction: column;justify-content: center;}
    .experience .middle_banner img {height: 50rem;margin: auto;}
    .experience .line_list_dl + .line_list_dl {margin-top: 2.2rem;}
    .experience .line_list_dl dt {font-size: 1.3rem;line-height: 1.8rem;}
    .experience .line_list_dl dt::before {font-size: 1.1rem;}
    .experience .line_list_dl dt::after {top: 0.7rem;}
    .experience .line_list_dl dd {font-size: 1.3rem;line-height: 1.8rem;}
    .experience .middle_banner h6 {font-size: 2.6rem;line-height: 2.8rem;margin-bottom: 1.5rem;}
    .experience .middle_banner span {font-size: 1.5rem;line-height: 2rem;}
    .experience .middle_banner .right_text {width: 100%;margin-top: 5rem;}

    .bar {display: none;}
    .timeline_item .img_box::before {display: none;}
    .timeline_item,
    .timeline_container01 .timeline_item:nth-of-type(odd) {flex-direction: column-reverse;margin: 5rem 0 0 0;}
    .timeline_container01 .timeline_item.top {padding: 0;margin: 4rem 0 0 0;}
    .timeline_container01 .timeline_item.last {margin-bottom: 6rem;}
    .timeline_item .timeline_title::before,
    .timeline_item .timeline_title::after {display: none;}
    .timeline_item + .timeline_item {margin-top: 5rem;}

    .timeline_item .img_box,
    .timeline_container01 .timeline_item:nth-of-type(odd) .img_box {width: 100%;display: block;padding: 0;margin-top: 1.5rem;}
    .timeline_item .txt_box,
    .timeline_container01 .timeline_item:nth-of-type(odd) .txt_box {width: 100%;padding: 0;text-align: left;}


    .timeline_item .timeline_title {font-size: 2rem;line-height: 3rem;margin-bottom: 1rem;}
    .timeline_item .timeline_text li {font-size: 1.8rem;line-height: 2.8rem;}


    .babyspa.experience .middle_banner .right_text {width: 100%;text-align: center;}

    .pagination_slide {margin-top: 3.6rem;}
    .pagination_slide .swiper-wrapper {padding-bottom: 2.5rem;}
    .pagination_slide .swiper-slide {width: 50vw;}
    .pagination_slide .swiper-pagination-bullet {width: 0.8rem;height: 0.8rem;margin-right: 0.7rem;}


    .navigation_slide {margin-top: 3.6rem;}
    .navigation_slide .swiper-wrapper {padding-bottom: 4rem;}
    .navigation_slide .top {display: block;margin-bottom: 1.5rem;}
    .navigation_slide .top::after {content:''; display:block; clear:both;}
    .navigation_slide .text {width: 100%;margin-bottom: 2.5rem;min-height: 132px;}
    .navigation_slide .top > img {float: left;width: calc(50% - 1rem);}
    .navigation_slide .top > img:last-child {margin-right: 0;float: right;}
    .navigation_slide .button_wrap {display: none;}
    .navigation_slide .swiper-pagination-bullet {width: 0.8rem;height: 0.8rem;background: #ccc;margin-right: 1.4rem;}
    .navigation_slide .swiper-pagination-bullet:last-child {margin-right: 0;}
    .navigation_slide .swiper-pagination-bullet-active {background: #C0997C;}
    .navigation_slide .bottom > img {width: 100%;}

    .shop .table_type02 {max-width: 320px;width: 100%;margin-top: 2.5rem;}
    .shop .table_type02 tr td:first-child,
    .shop .table_type02 tbody td:first-child {width: 28%;font-size: 1.6rem;}
    .shop .table_type02 tbody td {font-size: 1.6rem;}
/*


    .matinee .middle_banner img.fade_img {top: 50%;transform: translateY(-50%);} */
    /* .matinee .middle_banner .left_area {height: 90rem;} */
    .matinee .middle_banner {display: block;margin-top: 6rem;height: 150vw;margin-bottom: 8rem;}
    .matinee .middle_banner .center {transform: none;top: 0;left: 0;width: 100%;display: flex;flex-direction: column;justify-content: space-between;}
    .matinee .middle_banner .fade_img {position: absolute;_top: -10rem;left: 0;}
    .matinee .middle_banner .fade_img .bg.fadeout {background: url('../img/matinee_middle_bg_fadeout_mo.png') no-repeat center/cover; opacity: 1;object-fit: cover;}
    .matinee .middle_banner .fade_img .bg.fadein {background: url('../img/matinee_middle_bg_fadein_mo.png') no-repeat center/cover;object-fit: cover;}
    .matinee .middle_banner .fade_img .left_area > img {opacity: 0;}
    .matinee .middle_banner .left_area h6 {font-size: 3.6rem;line-height: 4rem;padding-bottom: 0.5rem;}
    .matinee .middle_banner .left_area p {padding: 1rem 1rem 0.5rem 0;font-size: 1.6rem;line-height: 2.6rem;margin: 1.5rem 0 0;}
    .matinee .middle_banner .left_area > img {width: 65%;height: auto;}
    .matinee .middle_banner .left_area.mo {padding: 0 2rem;position: absolute;bottom: -11vw;}

    /* .matinee .middle_banner .left_area + .left_area {margin-top: 20rem;} */
    .hollow_text p {font-size: 6rem;}
    .video_area {margin: 2rem 0 5rem;}
    .matinee_slide .swiper-slide {width: 50vw !important;}

    .reservation .mt120 {margin-top: 6rem !important;}
    .reservation .line_list_dl_area {padding: 3rem 0;}
    .reservation .line_list_dl_area .line_list_dl > dt {width: 100%;font-size: 2rem;line-height: 3rem;padding-bottom: 0.9rem;}
    .reservation .line_list_dl_area .line_list_dl > dd {width: 100%;}
    .reservation .txt_box b {margin-bottom: 1rem;}
    .reservation ul.dot_list01 > li {line-height: 2.6rem;}
    table .hide-mobile {display: none;}
    .reservation .info_links {flex-direction: column;}
    .reservation .info_box .bottom_txt span {font-size: 2.2rem;}


    .contact {margin-top: 12rem;}
    .contact .line_list_dl_area .line_list_dl > dt {width: 100%;}
    .contact .line_list_dl_area .line_list_dl > dd {width: 100%;}
    .contact .list {flex-direction: column;align-items: flex-start;padding: 3rem 0;}
    .contact .list .left_img {margin: 0 0 1.5rem 0;}
    .contact .list .right_txt strong {font-size: 1.8rem;line-height: 2.8rem;margin-bottom: 1rem;}



    .babyspa.experience .middle_banner {max-height: 1060px;background: url('../img/babyspa_line_bg_mo.png') no-repeat 50%;background-size: cover;}
    .babyspa.experience .middle_banner img {height: auto;margin: auto;}
    .babyspa.experience .middle_banner .left_text {width: 80%;text-align: center;margin: 0 auto;}
    .motion_area > img {display: none;}
    .experience .middle_banner .right_text h6 {font-size: 3.6rem;line-height: 4rem;}


    .signature_menu_sect .title {font-size: 3.6rem;line-height: 4rem;}
    .signature_swiper {margin-top: 10rem !important;}
    .signature_swiper .slide_txt {font-size: 1.8rem;line-height: 2.8rem;margin-top: 1.5rem;}
    .signature_menu_sect .btn_down {margin-bottom: 0.5rem;}
    .signature_pagination.swiper-pagination {top: 15rem !important;}
    .signature_pagination.swiper-pagination > span {width: 0.8rem;height: 0.8rem;}



}

@media (max-width:500px) {
    .info_box .info_inner {width: calc(100% - 2rem);}


}


@media (max-width:425px) {
    .matinee .middle_banner {height: 188vw;}
    .matinee .middle_banner .left_area.mo {bottom: 0;}


}

@media (max-width:413px) {
    .signature_menu_sect .title_area {flex-wrap: wrap;}
    .signature_menu_sect .btn_down {margin: 2rem 0 5rem;}
    .signature_swiper {margin-top: 2rem !important;}
    .signature_pagination.swiper-pagination {top: 19rem !important;}

}

@media (max-width:370px) {
    .matinee .middle_banner {height: 267vw;margin-bottom: 0;}
    .matinee .middle_banner .left_area.mo {bottom: 40vw;}
    .matinee .middle_banner .fade_img {top: -3rem;}
    .matinee .middle_banner .fade_img .bg.fadein {background-size: contain;}

    .hollow_text {margin-top: -13rem;}

    .info_box .bg {height: 16rem;border-radius: 25px;}
    .info_box .bottom_txt p {line-height: 1.6rem;}
    .info_box .bottom_txt span {font-size: 1.6rem;line-height: 1.8rem;margin-top: 1rem;}
    .info_box .bottom_txt span + span {margin-top: 0.5rem;}
}