@charset "UTF-8";

/* layer-popup */
.popup-layer {position:absolute;z-index:100;top:15vh;left:50%;display:none;overflow:hidden;width:90vw;max-width:600px;transform:translateX(-50%);text-align:center;border:1px solid #cbcbcb;background-color:#fff;}
.popup-layer.close {display:none !important;}
.popup-inner {position:relative;}


.popup-footer.flex-between {display:flex;align-items:center;justify-content:space-between;padding:5px;font-size:.8125em;font-weight:700;}
.popup-layer input[type='checkbox'] + label:before, .popup-layer input[type='checkbox']:checked + label:before {width:15px;height:15px;margin-right:5px;}
.popup-footer button {padding:2px 8px;font-weight:inherit;border:1px solid #cbcbcb;}
.popup-close {position:absolute;top:0;right:0;width:30px;height:30px;background:#000f41 url(../images/common/ico-popup-close.png) center no-repeat;background-size:50%;}

/* h-title */
h1, h2, h3, h4, h5, h6 {font-weight:700;}
h2 {padding-bottom:15px;font-size:26px;line-height:1;letter-spacing:-.03em;}
.sec-left h2 {border-bottom:2px solid #ededed;}
.sec-left h2 span {position:relative;}
.sec-left h2 span em {color:#4a39ce;}
.sec-left h2 span:after {position:absolute;bottom:-11px;left:0;width:100%;height:2px;content:'';background-color:#4a39ce;}
.main-section {overflow:hidden;box-sizing:border-box;margin:auto;}
.main-section .inner {box-sizing:border-box;width:1000px;margin:0 auto;}
.inner * {box-sizing:border-box;}

.visual-wrap, .main-slider, .main-slider li {height:550px;}
.main-slider li a {display:block;width:100%;height:100%;}
.main-slider li a:focus-visible {border:2px dotted red;}
.main-slider li .figure {position:relative;left:50%;overflow:hidden;width:100%;width:2000px;height:550px;height:550px;transform:translateX(-50%);}
.visual-wrap .bx-wrapper .bx-pager {display:flex;}
.visual-wrap .bx-wrapper .bx-pager.bx-default-pager a {display:flex;overflow:hidden;align-items:center;justify-content:center;width:auto !important;min-width:20px;height:20px !important;margin:0 1px;text-indent:0;}
.visual-wrap .bx-wrapper .bx-pager.bx-default-pager a span {display:block;box-sizing:border-box;width:12px;height:12px;font-size:1px;text-indent:-9999rem;color:transparent;border-radius:6px;background-color:#fff;}
.visual-wrap .bx-wrapper .bx-pager.bx-default-pager a.active span {width:83px;background-color:#6cf3ff !important;}
.visual-wrap .bx-wrapper .bx-pager.bx-default-pager a:hover span {background-color:#6cf3ff !important;}
.visual-wrap .bx-wrapper .bx-pager.bx-default-pager a.active {margin:0 5px;}
.visual-wrap .bx-controls.bx-has-pager.bx-has-controls-auto {display:flex;align-items:center;justify-content:center;}
.visual-wrap .bx-wrapper .bx-controls-auto {width:20px;height:20px;}
.visual-wrap .bx-wrapper .bx-controls-auto .bx-start {width:20px !important;height:20px !important;background:url(../images/main/ico-main-sprite_2024.png) 0 -25px no-repeat !important;}
.visual-wrap .bx-wrapper .bx-controls-auto .bx-stop {width:20px !important;height:20px !important;background:url(../images/main/ico-main-sprite_2024.png) -25px -25px no-repeat !important;}
.visual-wrap .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {position:relative;order:1;}
.visual-wrap .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto > div a {margin:0;padding:0;}

section.section-top .inner {display:grid;justify-content:space-between;}
section.section-bottom .inner {display:grid;justify-content:space-between;}
.sec-left {width:480px;grid-area:1 / 1;}
.sec-right {width:480px;grid-area:1 / 2;}
section.section-top {margin-top:40px;}
section.section-bottom {margin-top:30px;}
section.section-top .sec-left {display:flex;flex-direction:column;height:100%;}

.section-service div {display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 5px;}
.section-service a {display:flex;align-items:center;flex-direction:column;gap:18px;}
.section-service i.ico {display:block;width:95px;height:95px;border-radius:100%;background:#f4f2f8 url(../images/main/ico-main-sprite_2024.png);}
.section-service i.ico-intro {background-position:0 -66px;}
.section-service i.ico-place {background-position:-95px -66px;}
.section-service i.ico-program {background-position:-190px -65px;}
.section-service i.ico-qna {background-position:-285px -66px;}
.section-service a:hover i.ico {background-color:#5350c5;}
.section-service a:hover i.ico-intro {background-position:0 -161px;}
.section-service a:hover i.ico-place {background-position:-95px -161px;}
.section-service a:hover i.ico-program {background-position:-190px -161px;}
.section-service a:hover i.ico-qna {background-position:-285px -161px;}


/* 예약하기 */
.section-experience {display:flex;align-items:flex-start;flex-wrap:wrap;justify-content:space-between;}
.today {display:inline-flex;align-items:center;height:30px;margin-left:18px;padding:0 8px;font-size:14px;font-weight:500;line-height:1;letter-spacing:0;color:#fff;border-radius:5px;background:#1f81d9;}
.btn-outlink {display:inline-flex;align-items:center;height:30px;padding:0 15px;font-size:15px;font-weight:700;line-height:1;letter-spacing:-.75px;color:#4131c5;border:1px solid #4131c5;border-radius:18px;}
.btn-outlink span {position:relative;padding-right:23px;}
.btn-outlink span:after {position:absolute;top:calc(50% - 7px);right:0;width:14px;height:14px;content:'';background:url(../images/main/ico-main-sprite_2024.png) -67px -27px;}
.section-experience h2 {display:inline-flex;align-content:center;align-items:center;padding-bottom:13px;}
i.ico.icon-calendar {width:18px;height:18px;margin-right:9px;background:url(../images/main/ico-main-sprite_2024.png) -86px -25px;}
.today-box {overflow:hidden;width:100%;min-height:200px;letter-spacing:-.8px;border-radius:20px;background:#f8f9fc;}
.today-box .title {margin-bottom:0;padding:12px 37px;font-size:18px;font-weight:bold;line-height:1;background:#f2f4f8;}
.today-box .title span {position:relative;}
.today-box .title span:before {position:absolute;top:calc(50% - 6px);left:-18px;width:12px;height:12px;content:'';background:url(../images/main/ico-main-sprite_2024.png) 0 0;}
.today-box .title span:first-child:before {display:none;}
.today-box div {display:flex;flex-wrap:wrap;padding:12px 37px;background:#f8f9fc;gap:12px 0;}
.today-box div p {width:50%;line-height:1;}
.today-box div .item {position:relative;margin-right:10px;padding-left:15px;}
.today-box div .item em {font-weight:bold;}
.today-box div .item:before {position:absolute;top:calc(50% - 5px);left:0;width:9px;height:9px;content:'';background:url(../images/main/ico-main-sprite_2024.png) -17px 0;}
.today-box div .remain em {color:#0087ff;}
.today-box div .remain em:after {margin:0 5px;content:'/';color:#000;}
/* 임시 */
.section-experience.sec-imsi .today-box div {padding:7px 30px 11px;gap:6px 0;}
.section-experience.sec-imsi .today-box div p {display:inline-flex;align-items:center;justify-content:space-between;padding-right:15px;}
.section-experience.sec-imsi .today-box div p .item {margin-right:0;}
.section-experience.sec-imsi .btn.btn-go {display:inline-flex;align-items:center;justify-content:center;width:80px;height:22px;line-height:1;border-radius:2px;background:#4557c7;}
.section-experience.sec-imsi .btn.btn-go span {display:inline-flex;align-items:center;justify-content:center;font-size:13px;line-height:1;color:#fff;}
.section-experience.sec-imsi .btn.btn-go span:after {display:block;width:11px;height:6px;margin-left:6px;content:'';background:url(../images/main/ico-main-sprite_2024.png) -70px 0 no-repeat;}
/* 월 */
.section-experience.sec-imsi.sec-month .today-box li {display:flex;}
.section-experience.sec-imsi.sec-month .today-box div {height:240px;padding:11px 30px 16px 20px;gap:inherit;}
.section-experience.sec-imsi.sec-month .today-box div p {width:100%;padding-right:0 !important;font-size:18px;}
.section-experience.sec-imsi.sec-month .today-box div .item {padding-left:19px;}
.section-experience.sec-imsi.sec-month .today-box .title span {position:unset;}
.section-experience.sec-imsi.sec-month .today-box .title {display:flex;align-items:center;flex-direction:column;justify-content:center;min-width:164px;padding:0;font-size:22px;gap:14px;}
.section-experience.sec-imsi.sec-month .today-box .title .month:before {position:static;width:20px;height:20px;margin-right:8px;background-size:833px auto;}
.section-experience.sec-imsi.sec-month .today-box .title .month {display:flex;align-items:center;justify-content:center;font-size:28px;}/* 공지사항 */
/* type-row */
.section-experience.sec-imsi.sec-month .today-box .type-row {flex-direction:column;}
.section-experience.sec-imsi.sec-month .today-box .type-row .title {flex-direction:row;justify-content:flex-start;padding:11px 14px 12px;gap:10px; background:#dbdffa;}
.section-experience.sec-imsi.sec-month .today-box .type-row .title span {font-size:22px !important;}
.section-experience.sec-imsi.sec-month .today-box .type-row > div {display:flex;flex-direction:row;height:196px;padding:6px 14px 10px;gap:14px;}
.section-experience.sec-imsi.sec-month .today-box .type-row > div div {align-content:space-between;width:calc(50% - 7px);height:100%;padding:0 !important;gap:unset;}
.section-experience.sec-imsi.sec-month .today-box .type-row > div div+div {gap:10px;display:flex;flex-direction:column;}

/* 공지사항 */
.section-news {position:relative;}
.section-news .news-list {margin-top:5px;}
.section-news .news-list li {box-sizing:border-box;line-height:43px;border-bottom:1px solid #ededed;}
.section-news .news-list li a {display:flex;justify-content:space-between;gap:20px;}
.section-news .news-list .text {position:relative;overflow:hidden;flex-grow:1;padding-left:15px;white-space:nowrap;text-overflow:ellipsis;}
.section-news .news-list .text:before {position:absolute;top:20px;left:0;width:5px;height:2px;content:'';background:#9c9c9c;}
.section-news .news-list .date {white-space:nowrap;}
.section-news .more {position:absolute;top:7px;right:6px;}
.section-news .more span {position:relative;padding-right:21px;}
.section-news .more span:after {position:absolute;top:calc(50% - 6px);right:0;display:block;width:13px;height:13px;content:'';background:url(../images/main/ico-main-sprite_2024.png) -50px -28px;}

/* 홍보배너 */
.section-banner {overflow:hidden;height:270px;border-radius:20px;}
.section-banner .banner-bottom-list {position:relative;height:270px;}
.section-banner .banner-bottom-list #hongbo-list {width:100%;height:270px;}
.section-banner .banner-bottom-list #hongbo-list a {position:relative;}
.section-banner .banner-bottom-list #hongbo-list a:focus-visible .img-area:before {position:absolute;top:0;left:0;box-sizing:border-box;width:480px;height:270px;content:'';border:3px dotted #f00;}
.section-banner .banner-bottom-list .img-area {position:relative;overflow:hidden;width:100%;height:270px;margin:0;padding:0;;}
.section-banner .banner-bottom-list .img-area  img {width:100%;aspect-ratio:480 / 270;}
.section-banner .bx-has-controls-auto {width:100%;}
.section-banner .bx-wrapper .bx-controls-direction a {position:absolute;z-index:1;top:-90px;width:22px;height:41px;padding:0;transform:unset;background:url(../images/main/ico-main-sprite_2024.png)  no-repeat;}
.section-banner .bx-wrapper .bx-controls-direction .bx-prev {left:15px;background-position:-110px  -3px;}
.section-banner .bx-wrapper .bx-controls-direction .bx-next {right:15px;left:auto;background-position:-137px -3px;}
.section-banner .bx-wrapper .bx-pager.bx-default-pager {display:flex;align-items:center;background: rgba(0,0,0,.7);border-radius: 50vh 0 0 50vh;padding-left: 5px;}
.section-banner .bx-wrapper .bx-pager.bx-default-pager a {display:flex;overflow:hidden;align-items:center;justify-content:center;width:auto !important;min-width:20px;height:20px !important;margin:0 1px;text-indent:0;}
.section-banner .bx-wrapper .bx-pager.bx-default-pager a span {display:block;box-sizing:border-box;width:12px;height:12px;font-size:1px;text-indent:-9999rem;color:transparent;border-radius:6px;background-color:#fff;}
.section-banner .bx-wrapper .bx-pager.bx-default-pager a.active span {width:25px;background-color:#6cf3ff !important;}
.section-banner .bx-wrapper .bx-pager.bx-default-pager a:hover {padding:0 4px;}
.section-banner .bx-wrapper .bx-pager.bx-default-pager a:hover span {width:100%;background-color:#6cf3ff !important;}
.section-banner .bx-wrapper .bx-pager.bx-default-pager a.active:hover {padding:0 !important;}
.section-banner .bx-wrapper .bx-pager.bx-default-pager a.active:hover span {width:25px;}
.section-banner .bx-controls.bx-has-pager.bx-has-controls-auto {position:absolute;bottom:30px;display:flex;align-items:flex-end;justify-content:center;width:100% !important;height:24px;margin:0 !important;}
.section-banner .bx-wrapper .bx-controls-auto {width:25px !important;height:20px !important;}
.section-banner .bx-wrapper .bx-controls-auto .bx-start {width:20px !important;height:20px !important;background:url(../images/main/ico-main-sprite_2024.png) 0 -25px no-repeat !important;}
.section-banner .bx-wrapper .bx-controls-auto .bx-stop {width:20px !important;height:20px !important;background:url(../images/main/ico-main-sprite_2024.png) -25px -25px no-repeat !important;}
.section-banner .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {position:relative;order:1;background: rgba(0,0,0,.7);	padding-right: 5px;	border-radius: 0 50vh 50vh 0;}
.section-banner .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto > div a {margin:0;padding:0;}

/* 서울시 통합배너 */
.seoul-banner {margin:40px auto 70px !important;}


#floating {position:absolute;z-index:10;top:556px;right:calc(50% - 650px);width:110px;line-height:1.4;cursor:pointer;}
#floating.on {margin-top:-218px !important;}
#floating.on.top {margin-top:0 !important;}
#floating button {display:flex;align-items:center;justify-content:center;width:100%;padding:10px;cursor:pointer;color:#fff;border-radius:12px 12px 0 0 ;background-color:#4675e3;}
#floating .ico-quick {width:15px;height:8px;margin-right:10px;background:url(../images/main/ico-main-sprite_2024.png) -51px -2px no-repeat;}
#floating ul {display:none;overflow:hidden;flex-direction:column;justify-content:space-between;padding:0;font-size:.8125rem;text-align:center;word-break:keep-all;color:#575757;border:1px solid #4675e3;background-color:#fff;}
#floating.on ul {display:flex;letter-spacing:-.52px;}
#floating ul li {position:relative;padding:10px 0 ;}
#floating ul li a {position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;}
#floating ul li a:before {width:32px;height:32px;margin-bottom:6px;content:'';border-radius:100%;background:#d7d7d7 url(../images/main/ico-main-sprite_2024.png) no-repeat;}
#floating ul li.blog a:before {background-position:-165px 0;}
#floating ul li.ins a:before {background-position:-202px 0;}
#floating ul li.kakao a:before {background-position:-239px 0;}
#floating ul li:after {position:absolute;bottom:0;left:0;width:100%;height:1px;content:'';background:#e9e8e8;}
#floating ul li:last-child:after {display:none;}
#floating ul li.tel {display:flex;flex-direction:column;font-size:.9375rem;color:#fff;background-color:#4675e3;}
#floating ul li.tel .num {font-size:1rem;}


@media screen and (max-width: 1339px) {#floating {right:0;}}