@font-face {
    font-weight: 300;
    font-family: 'pre';
    src: url('/static/user/assets/font/Pretendard-Light.woff2');
}
@font-face {
    font-weight: 400;
    font-family: 'pre';
    src: url('/static/user/assets/font/Pretendard-Regular.woff2');
}
@font-face {
    font-weight: 500;
    font-family: 'pre';
    src: url('/static/user/assets/font/Pretendard-Medium.woff2');
}
@font-face {
    font-weight: 600;
    font-family: 'pre';
    src: url('/static/user/assets/font/Pretendard-SemiBold.woff2');
}

@font-face {
    font-weight: 400;
    font-family: 'lato';
    src: url('/static/user/assets/font/Lato-Light.woff');
}
@font-face {
    font-weight: 500;
    font-family: 'lato';
    src: url('/static/user/assets/font/Lato-Regular.woff');
}
@font-face {
    font-weight: 600;
    font-family: 'lato';
    src: url('/static/user/assets/font/Lato-Bold.woff');
}
@font-face {
    font-weight: 400;
    font-family: 'lato-italic';
    src: url('/static/user/assets/font/Lato-LightItalic.woff');
}
@font-face {
    font-weight: 600;
    font-family: 'lato-italic';
    src: url('/static/user/assets/font/Lato-BoldItalic.woff');
}
@font-face {
    font-weight: 600;
    font-family: 'mont';
    src: url('/static/user/assets/font/Montserrat-Bold.woff');
}

a{text-decoration: none;}
*{box-sizing: border-box;margin: 0;padding: 0;}
ul,ol,li{margin: 0;padding: 0;list-style: none;}
body{font-family: 'lato';position: relative;padding-top: 60px;background-color: #000;}
body.on{padding-top: 100px;}
button{background-color: transparent;border: 0;cursor: pointer;font-family: 'lato' !important;}
input:focus,
select:focus,
textarea:focus{outline: none;}
select{appearance: none;background-image: url('/static/user/img/down_gray.png');background-repeat: no-repeat;background-size: 12px;background-position: calc(100% - 10px) center;cursor: pointer;color: #999;}
#datepicker{background-image: url('/static/user/img/calendar.png');background-size: 24px;background-position: calc(100% - 15px) center;background-repeat: no-repeat;cursor: pointer;font-size: 16px;font-family: 'lato';color: #121212;font-weight: 500;}
#datepicker::placeholder{color: #999;font-weight: 500;}
input,
select,
textarea{font-family: 'lato';}
html{scroll-behavior: smooth;}


/* 헤더 */
nav{width: 100%;position: fixed;top: 0;left: 0;z-index: 6;}
.join{height: 40px;display: flex;align-items: center;justify-content: center;background-color: #5D72E9;font-size: 14px;color: #fdfdfd;overflow: hidden;transition: 0.3s;}
.join>p{margin-right: 40px;}
.join>a{color: #fdfdfd;text-decoration: underline;}
.nav-inner{height: 60px;padding: 0 40px;display: flex;align-items: center;justify-content: space-between;position: relative;background-color: #000;transition: 0.3s;}
.alert{position: absolute;width: 18px;height: 18px;font-size: 14px;color: #000;background-color: #fdfdfd;border-radius: 100%;bottom: -0px;right: -0px;display: flex;align-items: center;justify-content: center;font-weight: 500 !important;}
.nav-btn-wrap>a{height: 36px;display: flex;align-items: center;justify-content: center;padding: 0 20px;border-radius: 6px;background-color: #fff;color: #000;font-weight: 500;font-size: 16px;transition: 0.3s;margin-left: 20px;}
.nav-btn-wrap>button{display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;border-radius: 100%;transition: 0.3s;position: relative;margin-left: 20px;position: relative;}
.nav-btn-wrap>button>img{display: block;width: 100%;height: 100%;}
.nav-btn-wrap>button:hover{background-color: rgba(255, 255, 255, 0.1);}
.nav-btn-wrap>a:hover{background-color: #5D72E9;color: #fdfdfd;}
.nav-btn-wrap{display: flex;align-items: center;}
.lang-select{position: absolute;top: calc(100% + 0px);right: 0;width: 102px;height: 43px;display: flex;justify-content: center;align-items: center;padding-top: 10px;transition: 0.3s;opacity: 0;filter: blur(2.5px);pointer-events: none;}
.lang-select.on{top: calc(100% + 8px);filter: blur(0);opacity: 1;pointer-events: inherit;}
.lang-select>img{position: absolute;left: 0;top: 0;width: 100%;display: block;height: 100%;z-index: 1;}
.lang-select>a{font-size: 18px;font-weight: 500;font-family: 'lato';position: relative;z-index: 2;color: #999;display: block;padding-bottom: 2.5px;transition: 0.3s;}
.lang-select>a:first-of-type{margin-right: 10px;padding-right: 10px;}
.lang-select>a:first-of-type::after{position: absolute;right: 0;top: calc(50% - 1.5px);transform: translateY(-50%);background-color: #999;width: 1px;height: 12px;display: block;content: '';}
.lang-select>a.on{color: #5D72E9;font-weight: 600;}
.lang-select>a:hover,
.lang-select>a:focus,
.lang-select>a:active{color: #5D72E9;}
.mo-header-popup{position: fixed;top: 0;left: 0;width: 100%;height: 0vh;background-color: #111C28;transition: 0.8s;overflow: hidden;z-index: 5;}
.mo-header-popup.on{height: 100vh;}
.mo-header-logo{display: flex;align-items: center;justify-content: space-between;width: 100%;margin-bottom: 96px;padding: 20px 20px 0 20px;}
.mo-header-logo>a>img{display: block;height: 40px;}
.mo-header-logo>button{width: 28px;height: 28px;}
.mo-header-logo>button>img{display: block;width: 100%;height: 100%;}
.mo-header-menu{padding: 0 24px;}
.mo-header-menu>a{display: block;margin-bottom: 26px;font-size: 30px;color: #fdfdfd;font-family: 'lato';font-weight: 500;transition: 0.3s;}
.mo-header-menu>a.on{font-weight: 600;color: #5D72E9;}
.mo-header-menu>a:hover,
.mo-header-menu>a:active,
.mo-header-menu>a:focus{color: #5D72E9;}


.logo{height: 50px;cursor: pointer;position: relative;z-index: 2;}
.logo>img{display: block;height: 100%;}
.menu{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);display: flex;align-items: center;}
.menu>a{font-size: 16px;;margin-right: 40px;color: #fdfdfd;position: relative;font-weight: 400;}
.menu>a::after{position: absolute;bottom: -0px;left: 50%;transform: translateX(-50%);width: 0%;height: 1px;background-color: #fdfdfd;transition: 0.3s;display: block;content: '';}
.menu>a:hover::after{width: 100%;}
.menu>a.on::after{width: 100%;}
.menu>a:last-of-type{margin-right: 0;}

#header.on .join{height: 0px;}
#header.on .nav-inner{height: 60px;}
#header.on .nav-inner>a{height: 36px;}
#header.on-force .join{height: 0px !important;}
#header.on-force .nav-inner{height: 60px !important;}
#header.on-force .nav-inner>a{height: 36px !important;}

/* 배너 */
.banner{width: 100%;position: relative;overflow: hidden;height: calc(100vh - 60px);background-repeat: no-repeat;background-size: cover;background-position: center;z-index: 4;}
body.on .banner{height: calc(100vh - 100px);}
.banner::after{display: block;width: 100%;height: 100%;object-fit: cover;background-color: rgba(0, 0, 0, 0.2);z-index: 1;position: absolute;left: 0;top: 0;content: '';}
.banner>img{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;object-fit: cover;display: block;z-index: 0;}
.banner-btn{display: flex;align-items: center;justify-content: center;position: relative;z-index: 2;position: fixed;bottom: 100px;left: 50%;transform: translateX(-50%);}
.banner-btn>a{height: 70px;font-size: 20px;display: flex;align-items: center;justify-content: center;padding: 0 25px;border-radius: 100px;background-color: #5D72E9;color: #fff;font-weight: 500;transition: 0.3s;}
.banner-btn>a:hover{background-color: #fff;color: #5D72E9;}
.banner-txt{height: calc(100% - 160px);display: flex;align-items: center;width: 100%;margin: 0 auto;max-width: 1540px;font-weight: 500;color: #fdfdfd;font-size: 90px;position: relative;z-index: 2;letter-spacing: -2.25px;}
.banner-txt>p{line-height: 110px;}

.banner-txt>p>span{overflow: hidden;display: inline-block;}
.banner-txt>p>span>strong{transform: translateY(100%);display: inline-block;font-weight: inherit;}
.banner>video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.banner-txt>p>span:nth-of-type(1)>strong{transition: 0.5s 0.2s;}
.banner-txt>p>span:nth-of-type(2)>strong{transition: 0.5s 0.3s;}
.banner-txt>p>span:nth-of-type(3)>strong{transition: 0.5s 0.4s;}
.banner-txt>p>span:nth-of-type(4)>strong{transition: 0.5s 0.5s;}
.banner-txt>p>span:nth-of-type(5)>strong{transition: 0.5s 0.6s;}
.banner-txt>p>span:nth-of-type(6)>strong{transition: 0.5s 0.7s;}
.banner-txt>p>span:nth-of-type(7)>strong{transition: 0.5s 0.8s;}
.banner-txt>p>span:nth-of-type(8)>strong{transition: 0.5s 0.9s;}
.banner-txt>p>span:nth-of-type(9)>strong{transition: 0.5s 1s;}
.banner-txt>p>span:nth-of-type(10)>strong{transition: 0.5s 1.1s;}
.banner-txt>p>span:nth-of-type(11)>strong{transition: 0.5s 1.2s;}
.banner-txt>p>span:nth-of-type(12)>strong{transition: 0.5s 1.3s;}
.banner-txt>p>span:nth-of-type(13)>strong{transition: 0.5s 1.4s;}
.swiper-slide.swiper-slide-active .banner-txt>p>span>strong{transform: translateY(0);}
.banner.on .banner-txt>p>span>strong{transform: translateY(0);}
/* 레이아웃 모듈 */
section{width: 100%;padding: 200px 0;}
.bg-white{background-color: #fff;}
.bg-navy{background-color: #111C28;}
.inner-1540{width: 100%;max-width: 1540px;width: 100%;margin: 0 auto;}
.inner-1280{width: 100%;max-width: 1280px;width: 100%;margin: 0 auto;}
.inner-1080{width: 100%;max-width: 1080px;margin: 0 auto;}


/* 섹션 메뉴 */
.section-wrap{position: relative;background-color: #fff;}
.continue{position: fixed;opacity: 0;bottom: 0px;filter: blur(5px);left: 50%;transform: translateX(-50%);height: 70px;border-radius: 100px;font-size: 20px;color: #fff;background-color: #5D72E9;padding: 0 25px;z-index: 3;transition: 0.5s 1.2s;font-weight: 500;}
section.on .continue{filter: blur(0);bottom: 60px;opacity: 1;}
.section-menu{position: sticky;top: 60px;background-color: rgba(255, 255, 255, 1);backdrop-filter: blur(5px);z-index: 3;transition: 0.5s;margin-bottom: 150px;}
.section-menu.on{background-color: rgba(255, 255, 255, 1);backdrop-filter: blur(5px);border: 0;}
.section-menu-inner{display: flex;align-items: center;max-width: 1018px;width: 100%;margin: 0 auto;transition: 0.5s;height: 60px;}
.section-menu a{font-size: 13px;border: 0;border-bottom: 1px solid #e6e6e6;transition: 0.3s;width: 20%;cursor: pointer;position: relative;text-transform: uppercase;font-weight: 500;text-align: center;color: #121212;display: flex;align-items: center;justify-content: center;height: 100%;}
.section-menu a::after{display: block;content: '';position: absolute;bottom: -1px;left: 0;width: 0%;height: 2px;transition: 0.3s;background-color: #000;}
.section-menu a.on::after{width: 100%;}
.section-menu a.on{font-weight: 600;}
/* MONADOO */
.why-img{width: 100%;margin-bottom: 40px;}
.why-img>img{display: block;width: 100%;}
.why-img-3{width: 100%;margin-bottom: 100px;border-radius: 30px;overflow: hidden;aspect-ratio: 4/3;}
.why-img-3>img{display: block;width: 100%;}

.why-wrap-2{display: flex;}
.ww-2-txt{width: calc(100% - 750px);margin-left: 150px;color: #fdfdfd;padding: 0;padding-bottom: 20px;}
.ww-2-img{width: 600px;height: auto;border-radius: 30px;overflow: hidden;;}
.ww-2-img>img{display: block;width: 100%;height: 100%;object-fit: cover;}

.why-section-wrap .section-2 .ww-2-txt{position: relative;}
.why-section-wrap .section-2 .ww-2-txt::after{display: block;content: '';width: 100%;aspect-ratio: 4/4;;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);border-radius: 100%;background: radial-gradient(circle, rgba(93, 114, 233, 0.5), #111C28 70%);}
.why-section-wrap .section-2 .ww-2-txt p{position: relative;z-index: 2;}

.why-wrap-3{display: flex;}
.ww-3-txt{width: 50%;}

.why-wrap-4{color: #fff;position: relative;}
.why-wrap-4 .txt-2{width: 50%;}
.ww-4-img{position: absolute;top: 0;right: 0;height: 120%;}
.ww-4-img>img{display: block;height: 100%;width: auto;;}


.section-5{padding-top: 0;}
.section-5-1{padding-top: 200px;}
.why-wrap-5{display: flex;padding-top: 60px;}
.ww-5-txt:first-of-type{width: calc(100% - 600px);}
.ww-5-txt:last-of-type{width: 600px;}
.why-img-5{width: 100%;aspect-ratio: 16/6;background-image: url('/img/MONADOO_banner_6.png');overflow: hidden;background-size: cover;background-position: center;}

/* 아코디언 */
.accodian-wrap{padding: 0 100px 0 70px;border-radius: 30px;background: linear-gradient(to left, #111111, #1B213F, #111111);display: flex;justify-content: space-between;box-shadow: 1px 1px 50px rgba(75, 92, 188, 0.4);position: relative;overflow: auto;}
.ac-title{font-size: 36px;color: #fff;}
.ac-title p{font-weight: 600;margin-bottom: 20px;}
.ac-title span{color: #aeaeae !important;display: block;}
.ac-txt{padding: 70px 0;width: 50%;position: relative;display: flex;flex-direction: column;justify-content: space-between;}
.ac-img{width: 35%;position: absolute;right: 0;bottom: 0;}
.aci-wrap{width: 100%;}
.aci-wrap>img{width: 100%;display: block;}
.aci-wrap>img{display: block;width: 100%;display: none;}
.ac-sub-txt{font-size: 16px;height: 50px;display: flex;align-items: center;border-bottom: 2px solid #999;}
.ac-sub-txt>span{margin-right: 5px;color: #fff;}

.accodian-item{height: auto;border-bottom: 1px solid #999;font-size: 16px;}
.accodian-item>button{display: flex;align-items: center;justify-content: space-between;color: #fdfdfd;border: 0;padding: 15px 0;font-size: 16px;width: 100%;font-weight: 500;cursor: pointer;}

.accodian-item>p{max-height: 0;overflow: hidden;font-size: 16px;color: #aeaeae;transition: max-height 0.5s;}
.accodian-item>p.open{padding-bottom: 20px;}

.plus-minus{width: 14px;height: 14px;position: relative;}
.plus-minus .line-1{width: 100%;height: 2px;background-color: #999;position: absolute;left: 0;top: 50%;transform: translateY(-50%);transition: 0.5s;}
.plus-minus .line-2{width: 2px;height: 100%;background-color: #999;position: absolute;left: 50%;top: 0;transform: translateX(-50%);transition: 0.5s;}
.accodian-item.on .line-2{transform: translateX(-50%) rotate(90deg)}

/* 슬라이드 + wrap */
.slide-inner{display: flex;align-items: center;}

.slide-txt{max-width: 500px;min-width: 500px;margin-right: 100px;color: #fff;}
.slide{position: relative;}
.ai-slide{width: 100%;aspect-ratio: 16/10 !important;overflow-x: hidden;overflow-y: visible !important;padding: 2% 0;}

.swiper-button-prev{left: 1% !important;width: 60px !important;height: 60px !important;background-image: url('/img/arrow_left.png');background-size: auto 30px;background-position: center;background-repeat: no-repeat;z-index: 1 !important;}
.swiper-button-prev::after{display: none !important;}
.swiper-button-next{right: 1% !important;width: 60px !important;height: 60px !important;background-image: url('/img/arrow_right.png');background-size: auto 30px;background-position: center;background-repeat: no-repeat;z-index: 1 !important;}
.swiper-button-next::after{display: none !important;}

.slide .swiper-slide .slide-img{transform: scale(0);}
.member-slide .swiper-button-prev{left: 10% !important;;}
.member-slide .swiper-button-next{right: 10% !important;;}

.member-slide{width: 100%;aspect-ratio: 19/8;overflow-x: hidden;}
.slide .swiper-slide{padding: 15% 0;}
.member-slide .swiper-slide{padding: 10% 0;}
.slide .swiper-slide .slide-img{opacity: 0;filter: brightness(0.5);}
.slide-img{background-color: #5D72E9;height: 100%;width: 100%;overflow: hidden;border-radius: 10px;transition: 0.8s;position: relative;}

.slide .swiper-slide-prev .slide-img{transform: scale(1.75);transform-origin: left;opacity: 1;}
.member-slide .swiper-slide-prev .slide-img{transform: scale(1.4) !important;}

.slide .swiper-slide-next .slide-img{transform: scale(1.75);transform-origin: right;opacity: 1;}
.member-slide .swiper-slide-next .slide-img{transform: scale(1.4) !important;}

.slide .swiper-slide-active .slide-img{transform: scale(2.5);opacity: 1;filter: brightness(1);}
.member-slide .swiper-slide-active .slide-img{transform: scale(1.9) !important;}

.slide-img>img{display: block;width: 100%;height: 100%;object-fit: cover;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.ai-slide .slide-img>img{width: calc(100% + 10px);}
.member-slide .slide-img>img{width: calc(100% + 20px);}

.slide .swiper-slide-prev{z-index: 2;}
.slide .swiper-slide-next{z-index: 2;}
.slide .swiper-slide-active{z-index: 3;}

.add-slide{width: 100%;}

/* ai start */
.ai-start{display: flex;align-items: center}
.ai-start-img{width: 50%;overflow: hidden;border-radius: 0 30px 30px 0;background: linear-gradient(to bottom, #B1A9A9, #66697C);aspect-ratio: 4/4.5;}
.ai-start-img>img{display: block;width: 100%;height: 100%;object-fit: cover;;}
.ai-start-txt{width: 500px;margin-left: 200px;}
.ai-btn{display: flex;justify-content: right;margin-top: 100px;}
.ai-btn>button{display: flex;align-items: center;justify-content: center;padding: 0 40px;height: 70px;color: #fdfdfd;font-size: 20px;background-color: #111C28;border-radius: 100px;border: 0;transition: 0.3s;font-weight: 500;}
.ai-btn>button:hover{background-color: #5D72E9;color: #fdfdfd;}

/* membership*/
.member-wrap{display: flex;}
.member-wrap-2{display: flex;}
.member-item{width: calc(33.333% - 10px);margin-right: 15px;}
.member-item:last-of-type{margin-right: 0;}
.member-img{width: 100%;aspect-ratio: 4/4;border-radius: 20px;margin-bottom: 40px;background-color: #f1f1f1;overflow: hidden;position: relative;}
.hover-img{position: absolute;width: 100%;height: 100%;left: 50%;top: 50%;transform: translate(-50%, -50%);backdrop-filter: blur(10px);display: flex;align-items: center;justify-content: center;opacity: 0;transition: 0.5s;}
.hover-img>img{display: block;width: 32px;height: 32px;;}
.member-item:hover .hover-img{opacity: 1;}
.member-img>img{display: block;width: 100%;height: 100%;object-fit: cover;}
.member-txt{width: 100%;}
.member-wrap .member-item .txt-1{margin-bottom: 10px;color: #fdfdfd;}
.member-wrap .member-item .txt-2{color: #cacaca;}


.member-item-2{width: calc(50% - 10px);margin-right: 20px;border-radius: 30px;overflow: hidden;cursor: pointer;border: 1px solid transparent;transition: 0.3s;}
.member-item-2:last-of-type{margin-right: 0;}
.member-item-2:hover{border-color: #B0BAF1;box-shadow: 1px 1px 20px rgba(227, 232, 255, 0.32);}

.section-3 .txt-1{color: #727272;}
.section-3 .txt-2{color: #727272;}

.mi-title{padding: 15px 0;font-size: 24px;color: #121212;background-color: #5D72E9;display: flex;align-items: center;justify-content: center;font-weight: 600;transition: 0.3s;}
.member-item-2:hover .mi-title{background-color: #B0BAF1;}
.mi-txt{padding: 32px 0 40px 0;background-color: #253648;color: #fff;text-align: center;}
.mi-txt .txt-2{color: #fdfdfd;font-weight: 600;}
.main-price{font-size: 32px;font-weight: 500;color: #fdfdfd;}
.main-price>span{font-size: 80px;margin-right: 5px;}
.sub-price strong{font-weight: 400;}
.sub-price{font-size: 16px;margin-bottom: 40px;color: #fdfdfd;}
.mi-txt>button{padding: 0 20px;height: 38px;border-radius: 100px;border: 1px solid rgba(253, 253, 253, 0.4);color: #fdfdfd;font-size: 19px;transition: 0.3s;font-weight: 500;}
.member-item-2:hover .mi-txt>button{background-color: #fdfdfd;color: #5D72E9;}

/* ADD PRODUCT */

.add-wrap{flex-wrap: wrap;}
.add-wrap .member-img{border-radius: 0;margin-bottom: 20px;}

.add-wrap .member-item{margin-bottom: 60px;cursor: pointer;}
.add-wrap .member-item:last-of-type{margin-right: 20px;}
.add-wrap .member-item:nth-of-type(3n){margin-right: 0;}
.add-wrap .member-txt .txt-2{color: #121212;display: none !important;}/* 0214 */ 
.add-wrap .txt-2{color: #000;font-weight: 600;letter-spacing: 0;}
.add-price{font-size: 15px;color: #121212;font-weight: 500;margin-bottom: 10px;}
.add-sub{font-size: 15px;color: #505050;display: block;margin-bottom: 10px;}

.menu-buy{position: absolute;display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;left: 0;background-color: #000;display: flex;align-items: center;justify-content: center;opacity: 0;color: #fff;font-size: 16px;transition: 0.3s;backdrop-filter: blur(5px);pointer-events: none;/* 쇼핑 기능 삭제에 따른 none */display: none !important;}
.menu-buy.on{opacity: 1;pointer-events: inherit;}
.menu-buy>span{display: block;margin-right: 60px;position: relative;color: rgba(255, 255, 255, 0.5);transition: 0.5s;}
.menu-buy>span::after{display: block;content: '';width: 40px;height: 1px;background-color: #fff;opacity: 0.5;right: -50px;top: 50%;transform: translateY(-50%);position: absolute;}
.menu-buy>span:last-of-type{margin-right: 0;}
.menu-buy>span:last-of-type::after{display: none;}
.menu-buy>span.on{color: #fff;}

.cart{position: fixed;width: 480px;padding: 40px;background-color: #fff;top: 0px;right: 0;transition: 0.3s;box-shadow: 1px -1px 20px rgba(0, 0, 0, 0.2);opacity: 0;pointer-events: none;filter: blur(5px);z-index: 6;height: 100vh !important;}
.cart.on{opacity: 1;filter: blur(0);pointer-events: inherit;}
#header.on .cart{top: 0px;}
.cart .txt-1{width: 100%;display: flex;align-items: center;justify-content: space-between;color: #121212;}
.close{height: 36px;width: 36px;border-radius: 100%;display: flex;align-items: center;justify-content: center;transition: 0.3s;}
.close:hover{background-color: rgba(93, 114, 233, 0.3);}
.close>img{display: block;width: 18px;height: 18px;;}
.cart-list{margin-bottom: 10px;max-height: 400px;overflow: auto;position: relative;padding-right: 10px;border-bottom: 2px solid #999;}
.cart-list::-webkit-scrollbar{position: absolute !important;right: -10px !important;width: 5px;border-radius: 100px !important;background-color: #e6e6e6}
.cart-list::-webkit-scrollbar-thumb{background-color: #999;border-radius: 100px !important;}
.cart-list>p{margin-bottom: 32px;}
.cart-item{display: flex;padding: 10px 0;border-bottom: 1px solid #999999;}
.cart-item:last-of-type{border-bottom: 0;}
.cart-img{width: 60px;height: 60px;border-radius: 10px;overflow: hidden;margin-right: 20px;}
.cart-img>img{display: block;width: 100%;height: 100%;object-fit: cover;}
.cart-txt{width: calc(100% - 80px);}
.cart-txt>p{font-size: 14px;display: flex;align-items: center;justify-content: space-between;margin-bottom: 5px;color: #121212;}
.cart-txt>p>span:first-of-type{font-weight: 500;}
.cart-txt>p>span>strong{font-weight: 400;}
.cart-txt>span{display: flex;align-items: center;justify-content: space-between;color: #777777;font-size: 12px;}
.cart-txt>span>p:last-of-type{font-size: 14px;}

.cart-total{margin-bottom: 40px;}
.cart-total>p{margin-bottom: 10px;display: flex;align-items: center;justify-content: space-between;color: #121212;}
.cart-total>p>span>strong{font-weight: 400;}
.cart-total>p:last-of-type{font-weight: 500;}

.cart-btn{position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%);width: calc(100% - 60px);;}
.cart-btn>button{margin-bottom: 10px;height: 50px;width: 100%;border-radius: 100px;display: flex;align-items: center;justify-content: center;font-size: 20px;font-weight: 500;border: 1px solid #5D72E9;color: #5D72E9;}
.cart-btn>button:first-of-type{background-color: #5D72E9;color: #fdfdfd;}

.add-popup{position: fixed;bottom: 0;left: 0;width: 100%;height: calc(100% - 60px);backdrop-filter: blur(10px);background-color: rgba(0, 0, 0, 0.2);border-radius: 0px;overflow: hidden;z-index: 5;opacity: 0;filter: blur(5px);transition: 0.5s;pointer-events: none;}
.add-popup.on{pointer-events: inherit;opacity: 1;filter: blur(0);}

.ap-inner{display: flex;max-width: 980px;width: 100%;height: calc(100% - 200px);position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);border-radius: 20px;overflow: hidden;background-color: #fff;}/* 0214 */

.ap-img{width: calc(100% - 480px);height: 100%;}
.add-slide{width: 100%;height: 100%;overflow: hidden;position: relative;}
.add-slide .swiper-wrapper{width: 100%;height: 100%;}
.add-slide .swiper-slide{width: 100%;height: 100%;overflow: hidden;}
.add-slide .swiper-slide>img{display: block;width: 100%;height: 100%;object-fit: cover;}
.add-slide .swiper-pagination{bottom: 40px !important;left: 50% !important;transform: translate(-50%) !important;}
.add-slide .swiper-pagination-bullet{transition: 0.3s;background-color: transparent;border: 1px solid rgba(255, 255, 255, 0.8);}
.add-slide .swiper-pagination-bullet-active{background-color: #fff;}

.ap-txt{padding: 40px;position: relative;width: 480px;;}
.ap-txt>.txt-2{display: none;}/* 0214 */
.ap-close{position: absolute;right: 30px;top: 30px;width: 36px;height: 36px;display: flex;align-items: center;justify-content: center;;}
.ap-close>img{display: block;width: 100%;height: 100%;;}
.ap-title{width: calc(100% - 40px);margin-bottom: 20px;}
.ap-title>span:first-of-type{font-size: 28px;font-weight: 500;margin-bottom: 5px;display: block;}
.ap-title>span:last-of-type{font-size: 14px;display: block;}
.ap-title>span>strong{font-weight: 400;}

.detail{margin-top: 26px;margin-bottom: 32px;}/* 0214 */
.detail>p{font-size: 16px;margin-bottom: 5px;font-weight: 500;color: #777;}
.detail-inner{max-height: 220px;overflow-y: auto;font-size: 14px;color: #121212;}
/* 0214 */
.add-price-wrap{}
.ap-item{width: 50%;}
.ap-item:last-of-type{display: none;}
/**/
.add-price-wrap{display: flex;margin-bottom: 5px;width: 100%;position: absolute;bottom: 109px;}
.ap-item{width: 50%;}
.ap-item>p{font-size: 14px;font-weight: 500;margin-bottom: 10px;}
.ap-item>span{font-size: 14px;}
.ap-item>span>strong{font-weight: 400;}

.ea-set{display: flex;border-radius: 100px;overflow: hidden;border: 1px solid #5D72E9;height: 50px;width: 140px;}
.ea-set>button{display: flex;align-items: center;justify-content: center;width: 40px;height: 100%;}
.ea-set>button>img{display: block;width: 10px;height: auto;;}
.ea-set>input{width: 60px;height: 100%;text-align: center;border: 0;font-size: 14px;border-right: 1px solid #5D72E9;border-left: 1px solid #5D72E9;}


.btn-50{display: flex;align-items: center;justify-content: center;width: 100%;;position: relative;height: 60px;border-radius: 100px;background-color: #5D72E9;border: 1px solid #5D72E9;color: #fff;font-size: 20px;}
.btn-50>img{display: block;margin-right: 10px;height: 24px;width: auto;;}
.add-cart{font-size: 20px;color: #fff;font-weight: 500;}

.ap-txt .btn-50{width: calc(100% - 80px);position: absolute;bottom: 40px;}/* 0214 */

.email-btn{background-color: #999;border: 1px solid #999;margin-bottom: 10px;}
.email-btn.on{background-color: #5D72E9;border-color: #5D72E9;}
.email-btn>p{font-size: 20px;color: #fff;}
.gutter{margin: 15px 0;height: 1px;width: 100%;background-color: #999;}
.gutter-30{margin: 15px 0;height: 1px;width: 100%;background-color: #999;}


.google-btn{background-color: #fff;border-color: #fff;color: #777;box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);margin-bottom: 10px;}
.apple-btn{background-color: #000;color: #fff;border-color: #000;margin-bottom: 10px;}
.kakao-btn{background-color: #FFE000 ;color: #000;border-color: #FFE000;margin-bottom: 0px;}


/* join */
.join-section{padding: 100px 0;}
.join-wrap{display: flex;}
.join-inner{width: calc(100% - 495px);}
.join-wrap-login .join-inner{width: 758px;}
.join-wrap-login .join-item{margin-bottom: 0;}
.login-section .inner-1280 .title-2{font-weight: 500 !important;text-align: center;margin-bottom: 70px;}
.join-item{padding: 30px;background-color: #fff;border-radius: 20px;width: 100%;margin-bottom: 15px;position: relative;}
.join-item>button{position: absolute;right: 30px;top: 30px;width: 32px;height: 32px;background-color: #7777;display: flex;align-items: center;justify-content: center;transition: 0.3s;border-radius: 100%;}
.join-item>button>img{display: block;width: 18px;height: auto;;}
.join-item>button:hover{background-color: #5D72E9;}
.join-item.open .join-title{display: none;}
.join-title>p{font-weight: 500 !important;text-transform: uppercase;}
.join-title>span{display: block;margin-top: 12px;}
.join-item .txt-2{color: #121212;}



.login-swiper{width: 100%;height: auto;overflow: hidden;border-radius: 20px;}
.login-swiper .swiper-wrapper{width: 100%;height: auto;}
.login-swiper .swiper-slide{width: 100%;transition: 0.5s;opacity: 0;}
.login-swiper .swiper-slide-active{opacity: 1;}

.input-wrap{margin-bottom: 15px;padding-top: 5px;}
.input-wrap>label{width: 100%;position: relative;height: 50px;border: 1px solid #999;display: block;border-radius: 10px;}
.input-wrap>label input{border: 0;width: 100%;height: 100%;padding: 0 15px;background-color: transparent;font-size: 16px;font-weight: 500;}
.input-wrap>label select{border: 0;width: 100%;height: 100%;padding: 0 15px;background-color: transparent;font-size: 16px;font-weight: 500;}
.input-wrap>label textarea{border: 0;width: 100%;height: 100%;padding: 0 15px;background-color: transparent;font-size: 16px;font-weight: 500;}
.input-wrap>label>span{position: absolute;top: 50%;transform: translateY(-50%);left: 15px;padding: 0 5px;border-radius: 100px;color: #999;font-size: 16px;background-color: #fff;transition: 0.3s;font-weight: 500;pointer-events: none;}
.textarea>label>span{top: 20px;}
.input-wrap>label.on>span{top: -1.5px;font-size: 12px;}
.input-wrap>label.red{border-color: #FF3A44;}
.input-wrap>label.red>span{color: #FF3A44;}
.input-wrap>p{margin-top: 10px;font-size: 16px;color: #777;}
.txt-count{color: #121212;font-size: 12px;margin-top: 5px;display: flex;justify-content: right;width: 100%;}
.input-wrap>label>button{position: absolute;top: 50%;transform: translateY(-50%);right: 15px;display: flex;align-items: center;justify-content: center;width: 24px;height: 24px;}
.input-wrap>label>button>img{display: block;transition: 0.3s;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.img-txt{margin-top: 10px;color: #777;font-size: 14px;padding: 0 20px;}
.input-wrap>label>button.on>img{opacity: 1;}

.eye-on{opacity: 1;}
.eye-off{opacity: 0;}
.eye.on .eye-on{opacity: 0}
.eye.on .eye-off{opacity: 1}

.input-wrap>label .eye{}
.input-wrap>label .eye{}
.input-wrap>label .eye{}


.back-btn{width: 36px;height: 36px;display: flex;padding-right: 0.5%;align-items: center;justify-content: center;margin-bottom: 15px;background-color: #e6e6e6;border-radius: 100%;transition: 0.3s;}
.back-btn>img{display: block;width: 30%;height: auto;transition: 0.3s;}
.back-btn:hover{background-color: #5D72E9;}
.back-btn:hover>img{filter: brightness(5);}

.resend{font-size: 16px;color: #777;text-align: right;width: 100%;margin-top: 15px;}
.resend>button{font-weight: 500;font-size: 16px;color: #5D72E9;display: none;}
.forgot{display: flex;margin-top: 30px;font-size: 16px;color: #000;font-weight: 500;align-items: center;justify-content: center;}
.forgot>img{display: block;height: 16px;width: auto;margin-left: 5px;;}


.main-txt-wrap{display: flex;}


/* 줄바꿈 모듈 */
.pc-br{display: inherit;}
.mo-br{display: none;}

/* 텍스트 모듈 */
.title{font-size: 92px;font-weight: 500;margin-bottom: 92px;color: transparent;background: linear-gradient(to right, #5D72E9, #9DA6DC);background-clip: text;}
.title-1{font-size: 70px;font-weight: 600;margin-bottom: 60px;color: #121212;}
.title-2{font-size: 60px;font-weight: 600;margin-bottom: 40px;color: #121212;}
.title-3{font-size: 42px;font-weight: 500;margin-bottom: 40px;color: #121212;}
.title-48{font-size: 48px;font-weight: 500;margin-bottom: 40px;color: #121212;}
.txt{font-size: 30px;}
.txt-1{font-size: 24px;font-weight: 500;margin-bottom: 20px;color: #727272;}
.txt-2{font-size: 20px;line-height: 32px;letter-spacing: -0.5px;color: #727272;}
.txt-sub{font-size: 24px;color: #5D72E9;display: block;margin-bottom: 40px;}
.mail-sub-txt{font-size: 16px;font-weight: 500;}
.txt-sub{font-size: 24px;color: #5D72E9;display: block;margin-bottom: 40px;}
.mail-sub-txt{font-size: 16px;font-weight: 500;}
p.txt-3{font-weight: 500;margin-bottom: 20px;}
span.txt-3{margin-bottom: 20px;display: block;margin-bottom: 40px;}
span.txt-3:last-of-type{margin-bottom: 0;}

.main-txt-wrap p{font-weight: 500;margin-bottom: 20px;}
.main-txt-wrap span{margin-bottom: 40px;display: block;}
.main-txt-wrap span:last-of-type{margin-bottom: 0;}

.bg-navy .title-1{color: #fdfdfd;}
.bg-navy .title-2{color: #fdfdfd;}
.bg-navy .title-3{color: #fdfdfd;}
.bg-navy .title-48{color: #fdfdfd;}
.bg-navy .txt-1{color: #cacaca;}
.bg-navy .txt-2{color: #cacaca;}

.bg-navy .join-txt-inner{color: #fdfdfd !important;}

.ai-start-txt .title-1{color: #;}
.ai-start-txt .title-2{color: #;}
.ai-start-txt .title-3{color: #;}
.ai-start-txt .txt-1{color: #;}
.ai-start-txt .txt-2{color: #;}


.pass-must{margin-bottom: 30px;}
.pass-must>p{margin-bottom: 10px;}
.pm{display: flex;align-items: center;font-size: 16px;margin-bottom: 10px;}
.pm-dot{width: 16px;height: 16px;border-radius: 100%;border: 1px solid #777;transition: 0.5s;margin-right: 10px;}
.pm-dot.on{background-color: #5D72E9;}
.pm>span{font-weight: 400;color: #777;}

.dual-label{display: flex;}
.dual-label .input-wrap{width: calc(50% - 7.5px);margin-right: 15px;}
.dual-label .input-wrap:last-of-type{margin-right: 0;}

.join-depth-2{display: none;}
.join-depth-3{display: none;}
.join-depth-4{display: none;}
.join-depth-5{display: none;}

.hamberger{display: none !important;}


.join-wrap{align-items: flex-start;}
.join-inner{align-items: flex-start;}
.join-wrap-login{justify-content: center;}
.join-cart{width: 480px;margin-left: 15px;padding: 40px;background-color: #fff;border-radius: 20px;}
.join-cart .cart-total{margin-bottom: 0;}

.member-inner{padding: 0 100px;}


.main-banner{padding: 100px 0;display: flex;align-items: center;justify-content: center;flex-direction: column;text-align: center;overflow: hidden;position: relative;}

.main-banner>img{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;display: block;object-fit: cover;}
.main-banner .title-2>span{background: linear-gradient(to right, #FFF4D6, #999380);-webkit-background-clip: text;color: transparent;}
.main-banner .title-2{margin-bottom: 20px;position: relative;z-index: 2;color: #fdfdfd;font-size: 73.5px;}
.main-banner .txt-2{color: #cacaca;position: relative;z-index: 2;font-size: 30px;}
.main-banner .banner-btn{margin-top: 100px;}
.main-banner .banner-btn>a{font-size: 20px;background-color: #111C28;text-transform: uppercase;}
.main-banner .banner-btn>a:hover{background-color: #fff;color: #111C28;}


footer{background-color: #00061B;font-family: 'pre';color: #999;}
.footer-top{border-bottom: 1px solid #4D5065;padding-top: 48px;padding-bottom: 24px;}
.footer-bottom{padding: 24px 0 100px 0;}
.footer-inner{display: flex;justify-content: space-between;max-width: 1540px;width: 100%;margin: 0 auto;}
.footer-bottom .footer-inner{align-items: center;}
.footer-logo{font-size: 16px;color: #696E87;font-weight: 300;}
.footer-logo>img{display: block;height: 40px;width: auto;margin-left: -10px;margin-bottom: 40px;}
.footer-logo>p{margin-bottom: 2.5px;}
.footer-logo p span a{color: #696e87 !important;}
.footer-link{display: flex;align-items: flex-end;margin-bottom: 0px !important;justify-content: right;}
.footer-link>span{font-size: 16px;line-height: 16px;margin-right: 20px;}
.footer-link>a{display: flex;align-items: center;justify-content: center;width: 24px;height: 24px;margin-right: 10px;}
.footer-link>a:last-of-type{margin-right: 0;}
.footer-link>a>img{transition: 0.3s;}
.footer-link>a:hover>img{filter: brightness(3);}
.footer-txt{display: flex;flex-direction: column;justify-content: space-between;}
.footer-btn{display: flex;}
.footer-btn>a{margin-right: 20px;font-size: 16px;transition: 0.3s;display: block;color: #999;}
.footer-btn>a:last-of-type{margin-right: 0;}
.footer-btn>a:first-of-type{color: #f1f1f1;}
.footer-btn>a:hover{color: #f1f1f1;}
.footer-reserved{font-size: 20px;color: #696E87;font-weight: 300;}
.footer-store{display: flex;}
.footer-store>a{display: flex;align-items: center;justify-content: center;color: #121212;width: 120px;height: 40px;border-radius: 6px;margin-right: 10px;background-color: #fff;font-size: 14px;}
.footer-store>a:last-of-type{margin-right: 0;}
.footer-store>a>img{display: block;width: 100%;height: 100%;}

.mypage-wrap{height: calc(100vh - 60px);background-color: #fff;display: flex;background-color: #EFF3F3;}
body.on .mypage-wrap{height: calc(100vh - 100px);}
.mypage-menu{width: 240px;height: 100%;padding: 50px 10px;background-color: #fff;}
.mypage-menu>button{width: 100%;height: 44px;border: 1px solid transparent;border-radius: 6px;margin-bottom: 10px;display: flex;align-items: center;font-size: 16px;padding: 0 15px;transition: 0.3s;position: relative;font-weight: 500;}
.mypage-menu>button.on{border-color: #5D72E9;font-weight: 600;}
.mypage-menu>button:hover{border-color: rgba(93, 114, 233, 0.5);}
.mypage-menu>button>img{position: absolute;right: 10px;top: 50%;transform: translateY(-50%);}
.mypage-menu>button:nth-of-type(3){display: none;}
.my-btn-icon{width: 24px;height: 24px;margin-right: 10px;}
.my-btn-icon>img{display: block;width: 100%;height: 100%;object-fit: cover;;}
.my-gutter{margin: 10px auto;width: calc(100% - 30px);height: 1px;background-color: #999;}

.my-title{margin-bottom: 40px;}
.customer-title{margin-bottom: 20px;}
.my-title .title-2{margin-bottom: 0;}
.my-title>span{display: block;margin-top: 10px;font-size: 14px;color: #777;}

.mypage-main{display: flex;justify-content: center;width: calc(100% - 240px);height: 100%;position: relative;}

.loading-wrap{position: absolute;left: 0;top: 0;z-index: 2;display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;background-color: rgba(255, 255, 255, 0.4);backdrop-filter: blur(5px);}
.loader {
    width: 48px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: 
      radial-gradient(farthest-side,#5D72E9 94%,#0000) top/8px 8px no-repeat,
      conic-gradient(#0000 30%,#5D72E9);
    -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);
    animation: l13 1s infinite linear;
  }
  @keyframes l13{ 
    100%{transform: rotate(1turn)}
  }

  
.my-wrap{max-width: 768px;height: auto;width: 100%;overflow-y: auto;padding: 60px 0;padding-right: 10px;}
.my-wrap::-webkit-scrollbar{position: absolute !important;right: -10px !important;width: 5px;border-radius: 100px !important;background-color: #e6e6e6;display: none;}
.my-wrap::-webkit-scrollbar-thumb{background-color: #999;border-radius: 100px !important;}
.my-inner{padding: 30px 30px;width: 100%;border-radius: 10px;background-color: #fff;}
.my-gutter{margin-bottom: 15px;width: 100%;background-color: #999;;}
.my-next-btn{display: flex;margin-top: 25px;justify-content: center;}
.my-next-btn>button{display: flex;align-items: center;justify-content: center;padding: 0 40px;font-size: 16px;font-weight: 500;color: #fff;background-color: #5D72E9;border-radius: 100px;height: 44px;}
.pass_change{display: flex;align-items: center;justify-content: center;height: 30px !important;padding: 0 15px;background-color: #999;color: #fff;font-size: 14px;border-radius: 100px;width: auto !important;transition: 0.3s;}
.pass_change.on{background-color: #121212;}


.plan-item{padding: 30px 40px;border-radius: 10px;margin-bottom: 15px;background-color: #fff;transition: 0.3s;border: 1px solid transparent;cursor: pointer;}
.plan-item:hover{border-color: #5D72E9;}
.plan-title{width: 100%;display: flex;justify-content: space-between;}
.plan-title>button{display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: 100%;transition: 0.3s;background-color: #f0f0f0;}
.plan-title>button>img{display: block;height: 16px;width: auto;transition: 0.3s;}
.plan-title>button:hover{background-color: #5D72E9;}
.plan-title>button:hover>img{filter: brightness(3);}
.pt-txt>p{margin-bottom: 10px;font-size: 20px;font-weight: 500;display: flex;align-items: center}
.pt-txt>p>img{width: 18px;height: 18px;margin-right: 10px;}
.pt-txt>span{font-size: 16px;color: #777;}
.pt-txt>span>strong{font-weight: 400;}
.plan-date{font-size: 14px;color: #777;margin-top: 20px;}
.plan-date strong{font-weight: normal;}
.location>strong{display: block;margin-bottom: 2.5px;}
.gold{display: none;}

.order-title{font-size: 16px;color: #121212;margin-bottom: 15px;}
.order-title>span{display: block;margin-bottom: 10px;}
.order-price{display: flex;justify-content: space-between;align-items: flex-end;}
.order-price>span{font-size: 16px;color: #777;}
.order-price>p{font-size: 20px;color: #121212;font-weight: 500;}
.order-item{margin-bottom: 30px;}
.order-item .plan-item:last-of-type{margin-bottom: 0;}

.customer-search{width: 100%;margin-bottom: 15px;display: flex;justify-content: right;}
.customer-search>label{display: block;height: 40px;position: relative;width: 240px;}
.customer-search>label>input{width: 100%;height: 100%;border: 0;border-bottom: 1px solid #777;transition: 0.3s;padding: 0 10px;background-color: transparent;font-size: 14px;}
.customer-search>label>input:focus{border-color: #5D72E9;}
.customer-search>label>button{position: absolute;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;right: 0;top: 0;}
.customer-search>label>button>img{display: block;width: 20px;height: 20px;;}

.my-table{width: 100%;}
.my-table>ul{height: 50px;width: 100%;display: flex;}
.my-table>ul>li{height: 100%;display: flex;align-items: center;justify-content: center;font-size: 14px;font-weight: 500;color: #121212;width: 100%;}
.my-table-title{border-bottom: 2px solid #999;}
.my-table-index{border-bottom: 0.5px solid #ddd;cursor: pointer;}
.my-table-index:last-of-type{border-bottom: 0;}
.my-table>ul>li:nth-of-type(1){width: 40px;min-width: 40px;}
.my-table>ul>li:nth-of-type(2){width: 100px;min-width: 100px;} 
.my-table>ul>li:nth-of-type(4){width: ;}
.my-table>ul>li:nth-of-type(5){min-width: 200px;max-width: 200px;padding: 0 10px;word-break: break-all;white-space: wrap;}
.my-table>ul>li:nth-of-type(6){width: ;}

.my-table-index:hover{background-color: #EFF1FF;}

.plan-edit-item{margin-bottom: 80px;width: 100%;}
.plan-edit-title{padding-bottom: 10px;border-bottom: 1px solid #999;display: flex;justify-content: space-between;align-items: flex-end;}
.plan-edit-title>p{font-size: 20px;}
.plan-edit-title>button{font-size: 14px;color: #999;text-decoration: underline;}
.plan-edit-txt>p{display: flex;margin-bottom: 5px;font-size: 18px;color: #121212;}
.plan-edit-txt>span{font-size: 16px;color: #121212;}
.plan-edit-txt{margin-top: 10px;}

.plan-edit-table{margin-bottom: 15px;}
.plan-edit-table>ul{display: flex;height: 50px;align-items: center;}
.plan-edit-table>ul>li{display: flex;justify-content: center;align-items: center;font-size: 16px;color: #777;height: 100%;width: 100%;;}
.plan-edit-table>ul>li button{width: 20px;height: 20px;}
.plan-edit-table>ul>li button>img{display: block;width: 100%;height: 100%;}
.plan-edit-table>ul>li>span>img{height: 20px;width: auto;display: block;}
.plan-edit-table>ul>li:first-of-type{justify-content: left;/*width: 60px;min-width: 60px;*/}
.plan-edit-table>ul>li:nth-of-type(4){width: 60px;min-width: 60px;}
.plan-edit-table>ul>li:last-of-type{justify-content: right;width: 60px;min-width: 60px;}

.plan-edit-table-2>ul>li:first-of-type{width: 100%;min-width: auto;}
.plan-edit-table-2>ul>li:last-of-type{width: 100%;min-width: auto;}

.table-tag{font-size: 12px;height: 22px;width: 52px;display: flex;align-items: center;justify-content: center;border-radius: 5px;}
.table-tag-default{background-color: #d9d9d9;color: #777;}
.table-tag-blue{background-color: #5D72E9;color: #fff;}
.plan-edit-btn{display: flex;}
.plan-edit-btn>button{display: flex;align-items: center;justify-content: center;font-size: 16px;color: #777;}
.plan-edit-btn>button>img{width: 20px;height: 20px;margin-right: 10px;display: block;transform: translateY(1.5px);}


/* 추가 상품 추가 추천 */

.item-add-sub-txt{text-align: center;margin-top: 32px;}
.item-add-sub-txt>span{display: block;color: #777;font-size: 14px;}
.close-add{position: relative;width: 16px;height: 16px;transition: 0.3s;}
.close-add>div:first-of-type{position: absolute;width: 100%;height: 2px;background-color: #999;left: 0;top: 50%;transform: translateY(-50%);border-radius: 100px;}
.close-add>div:last-of-type{position: absolute;width: 2px;height: 100%;left: 50%;transform: translateX(-50%);top: 0;background-color: #999;border-radius: 100px;}
.add-title.on .close-add{transform: rotate(45deg);}
.add-title{display: flex;height: 60px;width: 100%;justify-content: space-between;align-items: center;font-size: 16px;font-weight: 500;transition: 0.3s;color: #121212;border-radius: 10px;background-color: #fff;padding: 0 40px;border: 0;}
.add-title .close-add>div{transition: 0.3s;}
.add-title.on .close-add>div{background-color: #000;}
.add-title.on{color: #121212;border-color: transparent;background-color: #fff;border-radius: 10px 10px 0 0;}

.item-add{border-radius: 10px;transition: 0.3s;margin-bottom: 15px;}

.ae{display: flex;padding: 0 20px 0px 20px;}
.add-edit{background-color: #fff;border-radius: 0 0 10px 10px;transition: max-height 0.5s ease-in-out;max-height: 0;overflow: hidden;}
.add-edit.open{max-height: 1500px;}
.ae-wrap{padding: 0 40px 40px 40px;}
.ae-wrap>p{font-size: 16px;font-weight: 500;margin-bottom: 15px;padding: 0 20px;}
.ae-img-wrap{display: block;width: 200px;flex-shrink: 0;margin-right: 20px;margin-bottom: 5px;}
.ae-img{width: 100%;aspect-ratio: 4/4;margin-bottom: 8px;overflow: hidden;position: relative;}
.ae-img-wrap .img-txt{text-align: center !important;font-size: 12px;padding: 0 !important;display: flex;flex-wrap: wrap;justify-content: center;}
.ae-img>label{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;font-size: 16px;background-color: transparent;color: #fff;transition: 0.3s;cursor: pointer;}
.ae-img>label>input{display: none;}
.ae-img>label>span{padding: 5px 10px;border-radius: 3px;background-color: rgba(0, 0, 0, 0.5);color: #fff;font-size: 14px;}
.ae-img>img{display: block;width: 100%;height: 100%;}
.ae-txt{width: calc(100% - 200px);}
.ae-txt .info-write-item:last-of-type{margin-bottom: 0;}
.ae-txt .textarea{margin-bottom: 0;}
.ae-txt .textarea>label{height: 90px;}
.ae-txt .textarea textarea{padding: 10px 15px;font-family: 'lato';font-weight: 500;font-size: 16px;}


.ae>span{font-size: 14px;color: #999;display: block;margin-bottom: 15px;}

.ae-sub{display: flex;padding: 0 20px;margin-bottom: 20px;}
.ae-sub-item{width: calc(16.666% - 8.333px);aspect-ratio: 4/4;border-radius: 0px;position: relative;overflow: hidden;margin-right: 10px;}
.ae-sub-item>img{display: block;width: 100%;height: 100%;object-fit: cover;;}
.ae-sub-item>button{display: flex;align-items: center;justify-content: center;position: absolute;right: 5px;top: 5px;width: 20px;height: 20px;border-radius: 5px;background-color: rgba(0, 0, 0, 0.3);transition: 0.3s}
.ae-sub>button{display: flex;align-items: center;justify-content: center;width: calc(16.666% - 8.333px);aspect-ratio: 4/4;position: relative;overflow: hidden;transition: 0.3s;background-color: #f7f7f7;;}
.ae-sub>button>img{display: block;transition: 0.3s;}

.ae-sub>button:hover{background-color: #5D72E9;color: #fff;}
.ae-sub>button:hover>img{filter: brightness(3);}
.save-reset{display: flex;justify-content: right;}
.save-reset>button{margin-left: 10px;display: flex;align-items: center;justify-content: center;height: 44px;width: 100px;border-radius: 100px;font-size: 16px;font-weight: 500;border: 1px solid #999;color: #777;}
.save-reset>button:last-of-type{background-color: #5D72E9;border-color: #5D72E9;color: #ffff;} 

.my-popup-inner{max-width: 768px;width: 100%;height: auto;padding: 70px;position: absolute;border-radius: 30px;background-color: #fff;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.my-popup-inner .save-reset{margin-top: 40px;}
.my-popup-inner .ae-wrap{padding: 0;}
.my-popup-inner>button{position: absolute;right: 40px;top: 40px;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;}
.my-popup-inner>button>img{width: 26px;height: 26px;display: block;}
.my-popup-inner-2{max-width: 500px;padding: 40px;}
.my-popup-inner-2>p{font-size: 16px;font-weight: 500;}

.banner-txt-support{display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;}
.banner-txt-support>p{font-size: 72px;font-weight: 450;}

.support-search{height: 54px;width: 100%;max-width: 768px;position: relative;margin-top: 120px;}
.support-search>input{width: 100%;height: 100%;border-radius: 10px;background-color: rgba(255, 255, 255, 0.6);transition: 0.3s;border: 0;padding: 0 30px;font-size: 16px;position: absolute;top: 0;left: 0;}
.support-search>input:focus{background-color: #fff;}
.support-search>button{width: 54px;height: 100%;position: absolute;top: 0;right: 15px;display: flex;align-items: center;justify-content: center;}
.support-search>button>img{width: 24px;height: 24px;}

.support-wrap-768{max-width: 768px;margin: 0 auto 0 auto;padding-top: 120px;display: flex;flex-wrap: wrap;}
.support-wrap-1280{max-width: 1280px;margin: 0 auto 0 auto;padding-top: 120px;display: flex;flex-wrap: wrap;padding-bottom: 100px;}
.support-wrap-768 .support-item{display: flex;flex-direction: column;justify-content: center;align-items: center;border-radius: 10px;border: 1px solid #999;width: calc(33.333% - 6.666px);margin-right: 10px;margin-bottom: 10px;text-align: center;aspect-ratio: 4/3;} 
.support-wrap-768 .support-item:nth-of-type(3n){margin-right: 0;}
.support-wrap-768 .support-item>p{font-size: 20px;color: #121212;}
.support-wrap-768 .support-item>img{display: block;width: 30px;height: 30px;margin-bottom: 10px;;}

.support-accodian{width: 100%;}
.support-acc-item{width: 100%;border-bottom: 1px solid #999;}
.support-acc-item:first-of-type{border-top: 2px solid #999;}
.support-acc-item>button{}

.support-acc-item>button{display: flex;align-items: center;justify-content: space-between;padding: 30px 0;font-size: 24px;font-weight: 500;color: #121212;width: 100%;;}
/*.support-txt-wrap{max-height: 1000px;height: 0px;overflow: hidden;transition: 0.3s;padding: 0 20px}*/
.support-txt-wrap>p{font-size: 20px;white-space: wrap;word-break: break-all;}

/*.support-acc-item.on .support-txt-wrap{height: auto;padding: 0 20px 20px 20px;}*/
.support-acc-item.on .plus-minus .line-2{transform: translateX(-50%) rotate(90deg)}

.join-title-2{margin-bottom: 60px;}
.join-title-2 .title-1{color: #fff;margin-bottom: 10px;}
.join-title-2 .txt-2{color: #fdfdfd;margin-bottom: 0;font-weight: 400;}


.join-section-wrap .member-wrap{margin-bottom: 60px;}/**/
.join-sub-txt{font-size: 14px;color: #777;line-height: 24px;text-align: center;}/**/
.join-sub-txt>span{font-weight: 500;}
.join-txt-wrap{display: flex;}
.join-txt{width: 50%;}
.join-img{width: 50%;}
.join-img>img{display: block;width: 100%;height: 100%;object-fit: cover;}

.join-txt-wrap-2 .join-img{position: relative;overflow-y: hidden;overflow-x: visible;}
.join-txt-wrap-2 .join-img>img{position: absolute;width: 100%;height: auto;opacity: 0;transition: 0.6s;}
.join-txt-wrap-2 .join-img>img.on{opacity: 1;}
.join-txt-title{margin-bottom: 20px;color: #fdfdfd;}/**/
.bg-white .join-txt-title{color: #121212;}
.join-MONADOO{font-size: 36px;margin-bottom: 10px;color: #fdfdfd;font-weight: 500;}/**/
.join-txt-title .title-48{margin-bottom: 0;}
.join-txt-title .txt-2{font-size: 18px;}

.join-txt-inner span{display: block;margin-bottom: 20px;color: #fdfdfd !important;width: 100%;;}
.join-txt-inner span:last-of-type{margin-bottom: 0;}
.join-shampoo-txt{margin-bottom: 20px;display: flex;flex-direction: column;align-items: flex-start;cursor: pointer;}/**/
.join-shampoo-txt:last-of-type{margin-bottom: 0;}
.join-shampoo-txt>p{font-weight: 600 !important;color: #fdfdfd !important;font-size: 16px;line-height: 22px;}
.join-shampoo-txt>span{color: #cacaca !important;}
.join-txt-inner p{margin-bottom: 5px;color: #fdfdfd !important;font-weight: 500;}/**/
.join-txt-inner span{font-size: 15px;line-height: 22px;}
.bg-white .join-txt-inner>p{color: #121212 !important;font-weight: 600;}
.bg-white .join-txt-inner>span{color: #727272 !important;}

.join-txt-wrap-2 .join-txt-inner{}
.join-txt-wrap-2 .join-shampoo-txt p{position: relative;cursor: pointer;}
.join-txt-wrap-2 .join-shampoo-txt p::after{display: block;content: '';position: absolute;bottom: 0;left: 0;transition: 0.3s;width: 0;height: 1px;background-color: #fdfdfd;}
.join-txt-wrap-2 .join-shampoo-txt:hover p::after{width: 100%;}
.join-txt-wrap-2 .join-shampoo-txt.on p::after{width: 100%;}

.bg-white .join-txt-inner>span{color: #777;}
.join-txt-1{padding-right: 150px;}/**/
.join-txt-2{padding-left: 150px;}/**/

.join-txt-wrap-2 .join-txt-inner{max-width: 360px;}

.contact-us{padding: 30px 120px;border-radius: 30px;background-color: #f3f3f3;display: flex;align-items: center;justify-content: space-between;width: 100%;;}
.cu-txt>p{margin-bottom: 5px;}
.contact-us>button{display: flex;align-items: center;justify-content: center;height: 44px;padding: 0 20px;transition: 0.3s;background-color: #5D72E9;color: #fff;font-size: 16px;border-radius: 100px;font-weight: 500;}
.contact-us>button:hover{background-color: #fff;color: #5D72E9;}

.ai-section-wrap .section-1{padding-top: 0;padding-bottom: 150px;}
.ai-section-wrap .section-2{background: url('../img/ai_section_img_1.png') no-repeat top center #111C28;;}
.ai-section-wrap .section-3{padding-bottom: 30px;}
.ai-section-wrap .section-5{padding-top: 130px;padding-bottom: 250px;}
.ai-section-wrap .ww-2-img{width: calc(50% - 150px);}
.ai-section-wrap .ww-2-txt{width: 50%;margin-left: 150px;;}

.section-email{padding: 50px 0;overflow: hidden;}

.email-us-wrap{width: 100%;display: flex;justify-content: space-between;}
.eu-txt{display: flex;flex-direction: column;justify-content: space-between;}
.eu-txt .txt-2{color: #667085;}
.eu-txt .title-2{color: #fdfdfd;}

.eu-write{max-width: 500px;position: relative;z-index: 2;}
.eu-write>img:first-of-type{display: block;position: absolute;left: -80px;top: -30%;width: 160%;z-index: -2;pointer-events: none;}
.eu-write>img:last-of-type{display: block;position: absolute;right: -80px;bottom: -30%;width: 160%;z-index: -2;pointer-events: none;}
.eu-form{padding: 30px 50px;border-radius: 30px;box-shadow: 0px 0px 50px rgba(75, 92, 188, 0.4);background: linear-gradient(to left, #111, #14161E, #111);height: 100%;}
.eu-write-txt{color: #667085;font-size: 16px;margin-bottom: 10px;}
.eu-sub{margin-bottom: 5px;font-size: 14px;font-weight: 500;color: #999;display: block;}

.eu-form .input-wrap{margin-bottom: 10px;}
.eu-form .input-wrap label{border-color: #616161 !important;color: #fdfdfd !important;}
.eu-form .input-wrap input,
.eu-form .input-wrap select,
.eu-form .input-wrap textarea{color: #fdfdfd;}
.eu-form .input-wrap input::placeholder,
.eu-form .input-wrap select::placeholder,
.eu-form .input-wrap textarea::placeholder{color: #667085;}
.eu-form .input-wrap textarea{padding-top: 15px;}
.eu-form .input-wrap:last-of-type>label{height: 150px !important;}
.eu-form .check-privacy{margin-bottom: 10px;display: flex;align-items: center;}
.eu-form .check-privacy>span{font-size: 16px;color: #616161;display: block;padding-bottom: 2.5px;}
.eu-form .check-privacy>span>a{text-decoration: underline;color: #616161;transition: 0.3s;}
.eu-form .check-privacy>span>a:hover{color: #5D72E9;}
.custom-check{margin-right: 10px;height: 20px;width: 20px;;}
.eu-form .custom-check > input {
    appearance: none; /* 기본 체크박스 제거 */
    -webkit-appearance: none; /* Safari 등 호환성 */
    -moz-appearance: none;
    display: none;
  }
  
  .eu-form .custom-check > input[id="check"] + label {
    display: inline-block; /* 크기 조정을 위해 필요 */
    width: 100%;
    height: 100%;
    background-color: #fff;
    border: 1px solid #D0D5DD;
    border-radius: 6px;
    transition: 0.3s;
    pointer-events: inherit;
    cursor: pointer;
    background-repeat: no-repeat;background-position: center;background-size: 12px;
  }
  
  .eu-form .custom-check > input[id="check"]:checked + label {
    background-color: #5D72E9 !important;border: #5D72E9;background-image: url('../img/icon_check2.png'); /* 선택된 상태에서 배경색 변경 */
  }
  .eu-form>button{display: flex;position: relative;align-items: center;justify-content: center;height: 42px;width: calc(100% - 2px);background-color: rgba(255, 255, 255, 0.1);border-radius: 10px;z-index: 1;}
  .eu-form>button>span{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;background-color: #111;position: relative;z-index: 2;border-radius: 7px;transition: 0.3s;}
  .eu-form>button:hover>span{background-color: transparent;}
  .eu-form>button>span>p{display: block;color: transparent;background: linear-gradient(to right, #9DA6DC, #5D72E9);background-clip: text;font-size: 16px;font-weight: 500;transition: 0.3s;}
  .eu-form>button:hover>span>p{color: #111;}
  .eu-form>button::after{display: block;content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: calc(100% + 2.5px);height: calc(100% + 2px);background: linear-gradient(to right, #9DA6DC, #5D72E9);z-index: -1;border-radius: 8px;}
  .eu-form>button::before{display: block;content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 8px;background: linear-gradient(to right, #9DA6DC, #5D72E9);transition: 0.3s;opacity: 0;z-index: 1;}
  .eu-form>button:hover::before{opacity: 1;}

  .main-pagenation{position: fixed;top: 50%;transform: translateY(-50%);left: 0;width: 40px;display: flex;flex-direction: column;align-items: flex-end;}
  .main-section{width: 100%;height: calc(100vh - 60px);background-color: #111C28;}
.main-page-bullet{margin-bottom: 40px;width: 10px;height: 10px;background-color: rgba(253, 253, 253, 0.5);border-radius: 100%;position: relative;transform: translateX(-10px);transition: 0.5s;}
.main-page-bullet.on{transform: translateX(0);background-color: #fdfdfd;}
.main-page-bullet:last-of-type{margin-bottom: 0;}
.main-page-bullet::before{display: block;width: 0px;content: '';height: 1px;background-color: #fdfdfd;position: absolute;top: 50%;transform: translateY(-50%);left: -30px;transition: 0.6s;}
.main-page-bullet.on::before{width: 40px;}

.main-section{padding: 0;}
.main-section-1{background-image: url('../img/home_banner_2.jpg');background-size: cover;background-position: center;}
.main-section-2{background-image: url('../img/home_banner_3.png');background-size: cover;background-position: center;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.main-section-3{display: flex;align-items: center;justify-content: center;position: relative;}
.main-section-3::before{display: block;content: '';width: 100vh;height: 100vh;position: absolute;top: 50%;transform: translateY(-50%);background: radial-gradient(circle, rgba(93, 114, 233, 0.8), transparent 70%);border-radius: 100%;left: -50vh;}
.main-section-3::after{display: block;content: '';width: 100vh;height: 100vh;position: absolute;top: 50%;transform: translateY(-50%);background: radial-gradient(circle, rgba(93, 114, 233, 0.8), transparent 70%);border-radius: 100%;right: -50vh;}
.video-view-txt{display: flex;align-items: center;justify-content: center;flex-direction: column;}
.arrow{width: 24px;height: 24px;margin-bottom: 10px;}
.video-view-txt .txt-1{font-weight: 400;color: #fdfdfd;}
.main-video{max-width: 930px;aspect-ratio: 16/9;width: 100%;margin-bottom: 40px;}
.main-video>video{width: 100%;height: 100%;object-fit: cover;}
.main-video>img{width: 100%;height: 100%;object-fit: cover;}

.learn-more{width: 100%;height: 100%;justify-content: center;display: flex;position: relative;}
.lm-txt{width: auto;position: absolute;bottom: 100px;right: 0;z-index: 3;}
.lm-img{width: 80%;position: relative;z-index: 2;display: flex;align-items: center;}
.lm-img>img{display: block;width: 100%;}
.lm-txt .title-2{font-weight: 500;}
.lm-txt .title-2>span>strong{background: linear-gradient(to right, #5D72E9, #A9B6FF);color: transparent;background-clip: text;}
.lm-txt>a{font-weight: 400;color: #667085;display: flex;align-items: center;color: #667085 !important;transition: 0.3s;}
.lm-txt>a>img{margin-left: 10px;}
.lm-txt>a:hover{color: #5D72E9 !important;}
.learn-more .banner-btn{position: absolute;bottom: 100px;left: 50%;width: 100%;padding: 0;}

.main-data-wrap{width: 100%;height: auto;position: relative;}
.main-data-wrap{}




.inner-slide .txt-1{max-width: 460px;width: 100%;text-align: center;color: #fdfdfd;font-weight: 400;white-space: wrap;display: flex;flex-wrap: wrap;justify-content: center;}
.inner-slide .txt-1>span{display: inline-block;overflow: hidden;}
.inner-slide .txt-1>span>strong{font-weight: normal;transform: translateY(100%);display: inline-block;}
.inner-slide .txt-1>span:nth-of-type(1)>strong{transition: 0.5s 0.4s;}
.inner-slide .txt-1>span:nth-of-type(2)>strong{transition: 0.5s 0.7s;}
.inner-slide .txt-1>span:nth-of-type(3)>strong{transition: 0.5s 0.8s;}
.inner-slide .txt-1>span:nth-of-type(4)>strong{transition: 0.5s 0.9s;}
.inner-slide .txt-1>span:nth-of-type(5)>strong{transition: 0.5s 1s;}
.inner-slide .txt-1>span:nth-of-type(6)>strong{transition: 0.5s 1.1s;}
.inner-slide .txt-1>span:nth-of-type(7)>strong{transition: 0.5s 1.2s;}
.inner-slide .txt-1>span:nth-of-type(8)>strong{transition: 0.5s 1.3s;}
.inner-slide .txt-1>span:nth-of-type(9)>strong{transition: 0.5s 1.4s;}
.inner-slide .txt-1>span:nth-of-type(10)>strong{transition: 0.5s 1.5s;}


.inner-slide.swiper-slide-active .txt-1>span>strong{transform: translateY(0);}
.main-data{display: flex;flex-direction: column;justify-content: center;align-items: center;}
.main-data>p{font-size: 30px;font-weight: 400;color: #cacaca;margin-bottom: 10px;overflow: hidden;}
.main-data>p>span{display: block;transform: translateY(100%);transition: 0.5s 0.4s;}
.main-data>span{font-size: 100px;font-weight: 600;color: transparent;background: linear-gradient(to right, #5D72E9, #A9B6FF);background-clip: text;display: flex;overflow: hidden;transition: 0.5s 0.6s;opacity: 0;}
.main-data>span>p{font-size: 62px;line-height: 150px;}
.main-data>span>strong{}

.inner-slide.swiper-slide-active .main-data-wrap .main-data>p>span{transform: translateY(0);}
.inner-slide.swiper-slide-next .main-data-wrap .main-data>p>span{transform: translateY(0);}
.inner-slide.swiper-slide-prev .main-data-wrap .main-data>p>span{transform: translateY(0);}

.inner-slide.swiper-slide-active .main-data-wrap .main-data>span{opacity: 1;}
.inner-slide.swiper-slide-next .main-data-wrap .main-data>span{opacity: 1;}
.inner-slide.swiper-slide-prev .main-data-wrap .main-data>span{opacity: 1;}

.main-banner-txt{font-size: 110px;font-family: 'mont';text-align: center;display: flex;justify-content: center;margin-bottom: 0 !important;color: #fff;}


  /*9DA6DC
  5D72E9*/
.why-section-wrap .section-1{padding-bottom: 150px;padding-top: 0;}
.why-section-wrap .section-2{}
.why-section-wrap .section-3{padding: 150px 0 80px 0;}
.why-section-wrap .section-4{background: url('/static/user/img/monadoo_banner_5_1.png') no-repeat center rgba(17, 28, 40, 0.9);background-size: cover;padding: 250px 0 250px 0;}
.why-section-wrap .section-5{padding-bottom: 150px;}

.member-section-wrap .section-1{padding-top: 150px;padding-bottom: 120px;}
.member-section-wrap .section-2{padding-top: 150px;padding-bottom: 230px;}
.member-section-wrap .section-3{padding-top: 150px;padding-bottom: 90px;}
.member-section-wrap .section-4{padding-top: 90px;}
.member-section-wrap .section-4 .title-2{margin-bottom: 80px;}
.member-section-wrap .section-2 .inner-1080{padding: 0 40px;}
.join-section-wrap .section-1{padding: 150px 0;}
.join-section-wrap .section-2{padding-top: 100px;padding-bottom: 250px;}
.join-section-wrap .section-3{padding: 250px 0;}
.join-section-wrap .section-4{padding-top: 250px;padding-bottom: 150px;}


.my-popup-inner-alert{padding: 40px;}

.my-popup-inner-alert .ae-wrap>p{font-size: 42px;padding: 0;}
.my-popup-inner-alert .ae{margin-bottom: 10px;padding: 0;}
.my-popup-inner-alert .ae>p{font-size: 18px;}
.my-popup-inner-alert .img-txt{font-size: 16px;padding: 0;}
.my-popup-inner-alert .save-reset{padding: 0;}
.my-popup-inner-alert .save-reset>button:last-of-type{width: auto;padding: 0 20px;}

.payment-card-add{margin-bottom: 32px;}
.card-input-wrap{margin-bottom: 16px;display: flex;}
.card-input-wrap .card-input:first-of-type{width: calc(100% - 126px);margin-right: 16px;}
.card-input-wrap .card-input:last-of-type{width: 110px;}
.card-input>p{font-size: 14px;color: #344054;margin-bottom: 5px;font-weight: 500;}
.ci-input{height: 44px;position: relative;width: 100%;}
.ci-input>input{transition: 0.3s;width: 100%;height: 100%;border-radius: 8px;border: 1px solid #d0d5dd;padding-left: 14px;font-size: 16px;color: #121212;}
.ci-input>input:focus{border-color: #5D72E9;}
.card-img-input>input{padding-left: 62px;}
.card-img{width: 34px;height: 24px;border: 1px solid #f2f4f7;border-radius: 4px;position: absolute;left: 14px;top: 50%;transform: translateY(-50%);}

.title-1>span,
.title-2>span,
.title-3>span{display: inline-block;overflow: hidden;}
.title-1>span>strong,
.title-2>span>strong,
.title-3>span>strong{transform: translateY(100%);display: inline-block;}

.title-1>span:nth-of-type(1)>strong,
.title-2>span:nth-of-type(1)>strong,
.title-3>span:nth-of-type(1)>strong{transition: 0.5s 0.1s;}
.title-1>span:nth-of-type(2)>strong,
.title-2>span:nth-of-type(2)>strong,
.title-3>span:nth-of-type(2)>strong{transition: 0.5s 0.2s;}
.title-1>span:nth-of-type(3)>strong,
.title-2>span:nth-of-type(3)>strong,
.title-3>span:nth-of-type(3)>strong{transition: 0.5s 0.3s;}
.title-1>span:nth-of-type(4)>strong,
.title-2>span:nth-of-type(4)>strong,
.title-3>span:nth-of-type(4)>strong{transition: 0.5s 0.4s;}
.title-1>span:nth-of-type(5)>strong,
.title-2>span:nth-of-type(5)>strong,
.title-3>span:nth-of-type(5)>strong{transition: 0.5s 0.5s;}
.title-1>span:nth-of-type(6)>strong,
.title-2>span:nth-of-type(6)>strong,
.title-3>span:nth-of-type(6)>strong{transition: 0.5s 0.6s;}
.title-1>span:nth-of-type(7)>strong,
.title-2>span:nth-of-type(7)>strong,
.title-3>span:nth-of-type(7)>strong{transition: 0.5s 0.7s;}
.title-1>span:nth-of-type(8)>strong,
.title-2>span:nth-of-type(8)>strong,
.title-3>span:nth-of-type(8)>strong{transition: 0.5s 0.8s;}

.swiper-slide.swiper-slide-active .title-1>span>strong,
.swiper-slide.swiper-slide-active .title-2>span>strong,
.swiper-slide.swiper-slide-active .title-3>span>strong{transform: translateY(0%);}

.lm-txt>a{overflow: hidden;}
.lm-txt>a>span{transform: translateY(100%);transition: 0.5s 0.2s;}
.lm-txt>a>img{opacity: 0;transition: 0.5s 0.4s;}
.swiper-slide.swiper-slide-active .lm-txt>a>span{transform: translateY(0);}
.swiper-slide.swiper-slide-active .lm-txt>a>img{opacity: 1;}

.arrow{overflow: hidden;}
.arrow>img{display: block;opacity: 0;transition: 0.5s 0.1s;}
.swiper-slide.swiper-slide-active .arrow>img{opacity: 1;}
.video-view-txt>p{overflow: hidden;}
.video-view-txt>p>span{transform: translateY(100%);display: block;transition: 0.5s 0.2s;}
.swiper-slide.swiper-slide-active .video-view-txt>p>span{transform: translateY(0);}

.main-video>video{transform: translateY(100%);transition: 1s;}
.main-video>img{transform: translateY(100%);transition: 1s;}
.main-video{overflow: hidden;}

.swiper-slide.swiper-slide-active .main-video>video{transform: translateY(0%)}
.swiper-slide.swiper-slide-active .main-video>img{transform: translateY(0%)}

.item-sub-txt>p{white-space: wrap;font-weight: 400;padding-right: 32px;display: none;}
.item-add-price{font-weight: 500;}
.item-add-price>span{font-weight: 400 !important;}

@media (max-width: 1540px) {
    .footer-btn>a{font-size: 14px;margin-right: 10px;}
    .footer-link>span{font-size: 14px;}
    .footer-logo{font-size: 14px;}
    .main-data>span{font-size: 76px;}
    .main-section-3::before{width: 70vh;height: 70vh;left: -35vh;}
    .main-section-3::after{width: 70vh;height: 70vh;right: -35vh;}
    .main-data>span>p{font-size: 42px;line-height: 120px;}
    .main-data-wrap{}
    .footer-inner{padding: 0 40px;}
    body{overflow-x: hidden;}
    section{overflow-x: hidden;}
    .inner-1540{padding-left: 40px;padding-right: 40px;}
    .banner-txt{padding-left: 40px;padding-right: 40px;}
    .ai-start-txt{margin-left: 100px;}
    .ai-btn{margin-top: 80px;}
    .ai-start-img{aspect-ratio: 5/6;}
    .title{}
    .title-1{}
    .title-2{}
    .title-3{}
    .txt-1{}

    .txt-2{}
    .txt-sub{}
    .mail-sub-txt{}



}

@media (max-width: 1400px) {
    .banner-btn{bottom: 80px;}
    .main-data>span{font-size: 76px;}
    .main-data>span>p{font-size: 42px;line-height: 120px;}

    .join-MONADOO{font-size: 32px;margin-bottom: 10px;}
    .join-txt-inner p{margin-bottom: 10px;}
    .join-txt-1{padding-right: 120px;}
    .join-txt-2{padding-left: 120px;}
    .join-section-wrap .member-wrap{margin-bottom: 60px;}
    .join-sub-txt{font-size: 14px;}



    .join-section-wrap .section-1{padding: 120px 0;}
    .join-section-wrap .section-2{padding-top: 80px;padding-bottom: 180px;}
    .join-section-wrap .section-3{padding: 180px 0;}
    .join-section-wrap .section-4{padding-top: 180px;padding-bottom: 120px;}

    .member-section-wrap .section-1{padding-top: 120px;padding-bottom: 100px;}
    .member-section-wrap .section-2{padding-top: 120px;padding-bottom: 180px;}
    .member-section-wrap .section-3{padding-top: 120px;padding-bottom: 80px;}
    .member-section-wrap .section-4{padding-top: 80px;}
    .member-section-wrap .section-4 .title-2{margin-bottom: 80px;}

    .why-section-wrap .section-1{padding-bottom: 120px;}
    .why-section-wrap .section-3{padding: 120px 0 80px 0;}
    .why-section-wrap .section-4{padding: 180px 0 180px 0;}
    .why-section-wrap .section-5{padding-bottom: 120px;}

    .ai-section-wrap .section-1{padding-top: 0;padding-bottom: 120px;}
    .ai-section-wrap .section-3{padding-bottom: 30px;}
    .ai-section-wrap .section-5{padding-top: 100px;padding-bottom: 200px;}
    .ai-section-wrap .ww-2-txt{margin-left: 100px;}
    .ai-section-wrap .ww-2-img{width: calc(50% - 100px);}
    .my-wrap{padding: 60px 0;}
    .support-acc-item>button{font-size: 22px;padding: 20px 0;}
    .support-txt-wrap>p{font-size: 16px;}
    .support-wrap-768,
    .support-wrap-1280{padding-top: 100px;}
    .support-wrap-1280{padding-bottom: 80px;}
    .join-section{padding: 80px 0;}
    .banner-txt{font-size: 86px;}
    .banner-txt>p{line-height: 96px;}
    .banner-btn>a{height: 70px;}
    .continue{height: 74px;}
    .section-menu a{font-size: 13px;}
    .section-menu{margin-bottom: 120px;}
    .why-img-3{margin-bottom: 80px;}
    section{padding: 160px 0}
    .section-5-1{padding-top: 160px;}

    .why-wrap-4 .txt-2{position: relative;z-index: 2;}
    .why-wrap-4 .title-3{position: relative;z-index: 2;}
    .title{font-size: 82px;margin-bottom: 80px;}
    .title-1{font-size: 52px;margin-bottom: 40px;}
    .title-2{font-size: 42px;}
    .title-3{font-size: 36px;}
    .title-48{font-size: 42px;}
    .txt-1{font-size: 22px;}
    .txt-2{font-size: 18px;line-height: 32px;}
    .txt-sub{font-size: 18px;}
    .mail-sub-txt{}

.ai-start-img{aspect-ratio: 5/5;}
.ai-start-txt{margin-left: 80px;}
.ai-start{padding-right: 40px;}

.main-banner .title-2{font-size: 64px;}
.main-banner .txt-2{font-size: 26px;}
.main-banner{padding: 80px 0;}
.main-banner .banner-btn{margin-top: 80px;}

.member-section-wrap .section-4 .title-2{margin-bottom: 60px;}
.contact-us{padding: 30px 80px;}
.footer-bottom{padding-bottom: 80px;}
.lm-txt{right: 80px;}
}

@media (max-width: 1280px) {

    .inner-1280{padding-left: 40px;padding-right: 40px;}
    .section-menu a{font-size: 12px;}
.slide-inner{justify-content: space-between;}
.slide-txt{min-width: 500px;max-width: 500px;width: auto;;margin-right: 60px;}
.ai-slide{width: 100%;}
.swiper-button-prev{left: 0.5% !important;width: 40px !important;height: 40px !important;background-size: auto 20px !important}
.swiper-button-next{right: 0.5% !important;width: 40px !important;height: 40px !important;background-size: auto 20px !important}

.mi-title{font-size: 20px;}
.main-price>span{font-size: 62px;}
.mi-txt>button{font-size: 16px;height: 36px;}
.support-wrap-1280{padding-left: 40px;padding-right: 40px;;}
    .ai-section-wrap .ww-2-txt{margin-left: 100px;}
    .ai-section-wrap .ww-2-img{width: calc(50% - 100px);}
}
@media (max-width: 1200px) {
    .ap-close>img{width: 26px;height: 26px;}
    .footer-inner{flex-wrap: wrap;}
    .footer-txt{width: 100%;margin-top: 15px;}
    .footer-logo{margin-bottom: 2.5px;}
    .footer-link{justify-content: left;margin-top: 15px;}
    .alert{font-size: 12px;}
    .banner-btn{bottom: 75px;}
    .main-section-3::before{width: 60vh;height: 60vh;left: -30vh;}
    .main-section-3::after{width: 60vh;height: 60vh;right: -30vh;}

    .main-data>span{font-size: 62px;}
    .main-data>span>p{font-size: 32px;line-height: 100px;}
    .main-data>p{font-size: 24px;}
    
    .main-pagenation{width: 30px;}
    .main-page-bullet{width: 8px;height: 8px;margin-bottom: 30px;}
    .main-page-bullet.on::before{width: 32px;}

    .footer-logo>img{height: 50px;margin-bottom: 20px;}
    .footer-logo{font-size: 14px;}
    .footer-reserved{font-size: 16px;}
    .footer-bottom{padding-bottom: 75px;}
    .contact-us{padding: 20px 75px;}
    .contact-us>button{height: 40px;font-size: 15px;}
    .join-title-2{margin-bottom: 40px;}
    .join-txt-title{margin-bottom: 20px;}
    .join-MONADOO{font-size: 26px;margin-bottom: 10px;}
    .join-txt-inner p{margin-bottom: 10px;}
    .join-shampoo-txt{margin-bottom: 20px;}
    .join-txt-1{padding-right: 90px;}
    .join-txt-2{padding-left: 90px;}
    .join-section-wrap .member-wrap{margin-bottom: 40px;}
    .join-sub-txt{font-size: 12px;}

    .section-email{padding: 40px 0;}

    .join-section-wrap .section-1{padding: 90px 0;}
    .join-section-wrap .section-2{padding-top: 75px;padding-bottom: 140px;}
    .join-section-wrap .section-3{padding: 140px 0;}
    .join-section-wrap .section-4{padding-top: 140px;padding-bottom: 90px;}


    .member-section-wrap .section-1{padding-top: 90px;padding-bottom: 75px;}
    .member-section-wrap .section-2{padding-top: 90px;padding-bottom: 140px;}
    .member-section-wrap .section-3{padding-top: 90px;padding-bottom: 60px;}
    .member-section-wrap .section-4{padding-top: 60px;}
    .member-section-wrap .section-4 .title-2{margin-bottom: 60px;}

    .why-section-wrap .section-1{padding-bottom: 80px;}
    .why-section-wrap .section-3{padding: 80px 0 75px 0;}
    .why-section-wrap .section-4{padding: 120px 0 120px 0;}
    .why-section-wrap .section-5{padding-bottom: 80px;}

    .ai-section-wrap .section-1{padding-top: 0;padding-bottom: 100px;}
    .ai-section-wrap .section-3{padding-bottom: 30px;}
    .ai-section-wrap .section-5{padding-top: 80px;padding-bottom: 175px;}
    .ac-title{font-size: 32px;}
    .add-wrap .member-item{margin-bottom: 40px;}
    .add-sub{margin-bottom: 0;}
    .add-title{padding: 0 20px;}
    .save-reset>button{height: 40px;width: 90px;font-size: 14px;}
    .ae-wrap{padding: 0 20px 20px 20px;}
    .plan-edit-txt>p{font-size: 16px;;margin-bottom: 0;}
    .plan-edit-table>ul>li{font-size: 14px;}
    .plan-edit-txt>span{font-size: 14px;}
    .plan-edit-txt>span>strong{margin-left: 5px;}
    .order-title>span{margin-bottom: 5px;}
    .order-title{font-size: 14px;margin-bottom: 10px;}
    .order-price>p{font-size: 18px;}
    .order-price>span{font-size: 14px;}
    .plan-item{padding: 20px;}
    .order-item{margin-bottom: 20px;}
    .plan-title>button{width: 32px;height: 32px;}
    .plan-title>button>img{height: 12px;}
    .my-wrap{padding: 60px 0;}
    .support-acc-item>button{font-size: 20px;padding: 20px 0;}
    .support-txt-wrap>p{font-size: 16px;}
    .support-wrap-768,
    .support-wrap-1280{padding-top: 80px;}
    .support-wrap-1280{padding-left: 20px;padding-right: 20px;padding-bottom: 75px;}
    .my-title{margin-bottom: 20px;}
    .support-search{margin-top: 80px;height: 50px;}
    .support-wrap-768 .support-item>p{font-size: 16px;}
    .support-wrap-768 .support-item>img{width: 24px;height: 24px;}
    .plan-edit-item{margin-bottom: 60px;}
    .footer-link>span{font-size: 14px;}
    .footer-inner{padding: 0 20px;}
    .cart-btn{width: calc(100% - 40px);bottom: 20px;}
    .section-menu{margin-bottom: 100px;}
    .join-section{padding: 75px 0;}
    .plan-edit-title>p{font-size: 18px;}



    .banner-btn>a{height: 56px;font-size: 20px;padding: 15px;}
    .ai-btn>button{height: 56px;font-size: 20px;padding: 15px;}
    .continue{height: 56px;font-size: 20px;padding: 15px;}
    .menu>a{margin-right: 20px;font-size: 14px;}
    .inner-1280,
    .inner-1540,
    .banner-txt{padding-left: 20px;padding-right: 20px;}
    .banner-txt>p{font-size: 72px;line-height: 86px;}
    .section-5-1{padding-top: 150px;}
    .why-img-3{margin-bottom: 75px;}
    .section{padding: 150px 0}
    .why-wrap-5{padding-top: 40px;}
    .title{}
    .title-1{font-size: 42px;}
    .title-2{font-size: 36px;}
    .title-3{font-size: 32px;}
    .title-48{font-size: 36px;}
    .txt-1{}
    .txt-2{font-size: 16px;line-height: 26px;}
    .txt-sub{font-size: 16px;margin-bottom: 20px;}
    .mail-sub-txt{}
    .ww-5-txt:first-of-type{width: calc(100% - 500px);}
    .ww-5-txt:last-of-type{width: 500px;}

    section{padding: 150px 0}

    .title{font-size: 62px;margin-bottom: 75px;}
    .ai-start{padding-right: 20px;}
    .ai-start-img{min-width: 50%;width: 50%;;}
    .ai-btn{justify-content: left;margin-top: 75px;}
    .ai-start-txt{margin-left: 75px;}

    .main-price{font-size: 26px;}

.main-price>span{font-size: 56px;}
.mi-txt>button{font-size: 16px;}
.cart-list{max-height: 320px;}
.cart{padding: 40px 20px;}

.add-sub{margin-bottom: 10px;}
.cart-btn>button{height: 46px;font-size: 16px;}
.cart-total{margin-bottom: 20px;}
.join-cart{padding: 20px;width: 400px;;}
.join-inner{width: calc(100% - 415px) !important;}
.join-item{padding: 15px;}
.join-item>button{right: 15px;top: 15px;width: 24px;height: 24px;}
.join-item>button>img{width: 14px;height: 14px;}
.btn-50{height: 50px;font-size: 16px !important;}
.email-btn>p{font-size: 16px;}
.input-wrap>p{font-size: 13px;}
.mail-sub-txt{font-size: 13px;}
.input-wrap>label>span{font-size: 13px;}
.input-wrap>label{height: 40px;}
.ci-input{height: 40px;}
.ci-input>input{font-size: 14px;padding-left: 10px;}
.card-img{left: 10px;}
.slide-txt{min-width: 500px;max-width: 500px;}
.card-img-input>input{padding-left: 54px;}

.main-banner .title-2{font-size: 56px;}
.main-banner .txt-2{font-size: 24px;}
.main-banner{padding: 75px 0;}

.main-txt-wrap p{margin-bottom: 10px;}
.main-txt-wrap span{margin-bottom: 20px;}
.pt-txt>p{font-size: 18px;margin-bottom: 5px;}
.pt-txt>span{font-size: 14px;}
.input-wrap>label input,
.input-wrap>label select,
.input-wrap>label textarea{font-size: 14px;}
.input-wrap>label>button{height: 26px;padding: 0 10px;font-size: 12px;right: 10px;}
#datepicker{font-size: 14px;background-size: 18px;background-position: calc(100% - 10px) center}
#datepicker::placeholder{font-size: 13px;}
.my-next-btn>button{height: 40px;font-size: 14px;}
.mypage-menu>button{height: 40px;font-size: 14px;}
.input-wrap{padding-top: 0;}
.my-gutter{margin-top: 15px;margin-bottom: 15px;}
.dual-label .input-wrap{margin-right: 15px;}
.my-inner .dual-label .input-wrap:first-of-type{width: 100% !important;max-width: 50%;}
.my-inner .dual-label .input-wrap:last-of-type{width: 100px !important;}

.add-title{height: 50px;}
.my-popup-inner>button{width: 32px;height: 32px;}
.my-popup-inner>button>img{width: 20px;height: 20px;;}

.ww-2-img{width: 500px;}
.ww-2-txt{margin-left: 100px;width: calc(100% - 600px);padding: 40px 0;}

.learn-more{align-items: center;}
.lm-txt{bottom: 150px;right: 75px;}
/*.lm-img{max-width: 768px}*/

}

@media (max-width: 1080px) {
    .inner-1080{padding-left: 20px;padding-right: 20px;}
    .ac-txt{padding: 50px 0;}
    .accodian-wrap{padding: 0 70px 0 50px;}
    .eu-txt{padding-left: 45px;}
}

@media (max-width: 1024px) {
    .lm-txt{right: 60px;}
    

    .title{}
    .title-1{}
    .title-2{}
    .title-3{font-size: 26px;}
    .title-48{font-size: 32px;}
    .txt-1{}
    .txt-2{font-size: 18px;line-height: 26px;}
    .txt-sub{}
    .mail-sub-txt{}
    .slide-txt{min-width: 450px;max-width: 450px;}
}

@media (max-width: 993px) {
    .banner-btn{bottom: 128px;}
    .main-section-3::before{width: 60vh;height: 60vh;left: -30vh;}
    .main-section-3::after{width: 60vh;height: 60vh;right: -30vh;}
    .main-video{max-width: 640px;}
    .main-video{margin-bottom: 20px;}
    .arrow{margin-bottom: 5px;}

    .main-data>span>p{font-size: 26px;line-height: 70px;}

    .main-data>p{font-size: 20px;}

    .footer-logo>img{height: 50px;margin-bottom: 15px;}
    .footer-logo{font-size: 14px;}
    .footer-reserved{font-size: 14px;}
    .footer-bottom{padding-bottom: 60px;}
    .footer-top .footer-inner{flex-wrap: wrap;}
    .footer-link>a{width: 20px;height: 20px;}
    .footer-link{justify-content: left}
    .contact-us{padding: 15px 45px;border-radius: 20px;}
    .contact-us>button{height: 40px;font-size: 14px;padding: 0 15px;}
    .join-title-2{margin-bottom: 45px;}
    .join-txt-title{margin-bottom: 15px;}
    .join-MONADOO{font-size: 24px;margin-bottom: 5px;}
    .join-txt-inner p{margin-bottom: 5px;}
    .join-shampoo-txt{margin-bottom: 15px;}
    .join-txt-1{padding-right: 75px;}
    .join-txt-2{padding-left: 75px;}
    .join-section-wrap .member-wrap{margin-bottom: 30px;}
    .join-sub-txt{font-size: 12px;}


    .ww-4-img{height: 100%;}


    .join-section-wrap .section-1{padding: 75px 0;}
    .join-section-wrap .section-2{padding-top: 60px;padding-bottom: 90px;}
    .join-section-wrap .section-3{padding: 90px 0;}
    .join-section-wrap .section-4{padding-top: 90px;padding-bottom: 75px;}

    .member-section-wrap .section-1{padding-top: 60px;padding-bottom: 75px;}
    .member-section-wrap .section-2{padding-top: 60px;padding-bottom: 90px;}
    .member-section-wrap .section-3{padding-top: 60px;padding-bottom: 45px;}
    .member-section-wrap .section-4{padding-top: 45px;}
    .member-section-wrap .section-4 .title-2{margin-bottom: 45px;}

    .why-section-wrap .section-1{padding-bottom: 60px;}
    .why-section-wrap .section-3{padding: 60px 0 45px 0;}
    .why-section-wrap .section-4{padding: 90px 0 90px 0;}
    .why-section-wrap .section-5{padding-bottom: 60px;}


    .ai-section-wrap .section-1{padding-top: 0;padding-bottom: 60px;}
    .ai-section-wrap .section-3{padding-bottom: 30px;}
    .ai-section-wrap .section-5{padding-top: 60px;padding-bottom: 100px;}
    .ai-section-wrap .ww-2-txt{margin-left: 60px;}
    .ai-section-wrap .ww-2-img{width: calc(50% - 60px);}
    .ac-title{font-size: 26px;}
    .ac-txt{padding: 50px 0;}
    .accodian-wrap{padding: 0 70px 0 50px;}
    .footer-bottom{padding-bottom: 45px;}
    .mypage-main{width: calc(100% - 60px);}
    .my-popup-inner>button{top: 20px;right: 20px;}
    .pt-txt>span{font-size: 13px;}
    .pt-txt>p{font-size: 16px;}
    .pt-txt>p>img{width: 16px;height: 16px;}
    .my-wrap{padding: 45px 0;}
    .mypage-menu{width: 60px;}
    .mypage-menu>button{position: relative;width: 40px;padding: 0;justify-content: center;}
    .mypage-menu>button>span{position: absolute;left: calc(100% + 10px);transition: 0.3s;opacity: 0;z-index: 2;padding: 5px 0;width: 70px;border-radius: 5px;background-color: rgba(0, 0, 0, 0.5);color: #fff;}
    .mypage-menu>button:hover>span{left: calc(100% + 20px);opacity: 1;}
    .mypage-menu>button:nth-of-type(2)>span,
    .mypage-menu>button:nth-of-type(4)>span{width: 110px;}
    .mypage-menu>button>img{display: none;}
    .my-btn-icon{margin-right: 0;}
    .support-acc-item>button{font-size: 18px;padding: 20px 0;}
    .support-txt-wrap>p{font-size: 15px;}
    .support-wrap-768,
    .support-wrap-1280{padding-top: 60px;padding-bottom: 60px;}
    .support-search{margin-top: 60px;}
    .my-popup-inner .save-reset{margin-top: 30px;}
    .my-popup-inner{padding: 30px;}
    .img-txt{padding: 0 15px;}
    .ae-wrap>p{padding: 0 15px;}
    .ae-sub{padding: 0 15px;}
    .ae{padding: 0 15px;}
    .save-reset{padding: 0 15px;}
    .ae-sub{margin-bottom: 15px;}
    .plan-edit-item{margin-bottom: 45px;}
    .my-next-btn{margin-top: 15px;}
    .my-inner{padding: 30px 15px;}
    .plan-title>button{width: 32px;height: 32px;}
    .plan-title>button>img{height: 12px;}
    .cart-btn{width: calc(100% - 30px);bottom: 15px !important;}
    .banner{background-size: cover !important;}
    .slide-txt{min-width: 400px;max-width: 400px;margin-right: 45px;}
    .section-menu{margin-bottom: 60px;}
    .join-section{padding: 60px 0;}



    .ac-sub-txt{font-size: 14px;}




    .accodian-item>button{font-size: 14px;padding: 15px 0;}
    .accodian-item>p{font-size: 14px;}
    .title{font-size: 52px;margin-bottom: 60px;}

    .section-menu a{font-size: 12px;}
    .inner-1280, .inner-1540, .inner-1080, .banner-txt{padding-left: 15px;padding-right: 15px;}
    p,span,strong{letter-spacing: 0%;}
    .banner{aspect-ratio: auto;height: calc(100vh - 96px);}
    .hamberger{display: flex !important;}
    .nav-inner{padding: 0 15px;height: 60px !important;}
    .menu{display: none;}
    .cart{top: 97px;}
    .join{height: 40px;font-size: 14px;display: flex;padding: 0 15px;align-items: center;justify-content: space-between;}
    .nav-inner{height: 56px;}
    .header.on .nav-inner{height: 56px;}
    .logo{height: 40px;}
    .banner-txt>p{font-size: 64px;line-height: 76px;}
    .join>p{margin-right: 0}
    section{padding: 120px 0}
    .section-5-1{padding-top: 120px;}
    .why-wrap-5{padding-top: 30px;}
    .title{}
    .title-1{font-size: 32px;margin-bottom: 30px;}
    .title-2{font-size: 32px;margin-bottom: 30px;}
    .title-3{font-size: 24px;margin-bottom: 30px;}
    .title-48{font-size: 26px;}
    .txt-1{font-size: 20px;margin-bottom: 15px;}
    .txt-2{font-size: 16px;line-height: 26px;}
    .txt-sub{}
    .mail-sub-txt{}
    .why-img-3{margin-bottom: 60px;}
    .ww-5-txt:first-of-type{width: calc(100% - 450px);}
    .ww-5-txt:last-of-type{width: 450px;}
    .why-wrap-3,
    .why-wrap-5{justify-content: space-between;}

    .ai-btn{margin-top: 30px;}
    .ai-start-txt{margin-left: 60px;}
    .ai-start-img{aspect-ratio: 6/7;}
    .ai-start{padding-right: 15px;}
    .member-img{margin-bottom: 30px;}
    .member-item{margin-right: 15px;width: calc(33.333% - 10px);;}
    .member-txt .txt-2{font-size: 16px;}
    .member-txt .txt-1{font-size: 20px;}
    
    .mi-title{font-size: 18px;padding: 10px 0;}
    
    .main-price>span{font-size: 46px;}
    .main-price{font-size: 24px;}
    .mi-txt{padding: 30px 0;}
    .mi-txt .txt-1{font-size: 16px;}
    .sub-price{font-size: 14px;margin-bottom: 30px;}
    .menu-buy>span{font-size: 14px;margin-right: 20px;}
    .menu-buy>span::after{width: 15px;right: -17.5px;}
    .cart{padding: 30px 15px;height: calc(100% - 97px);}
    #header.on .cart{height: calc(100% - 57px);}
    .ea-set{height: 40px;width: 120px;;}
    .ea-set>input{width: 40px;}
    .ap-txt{padding: 30px}
    .ap-title{margin-bottom: 15px;}
    .detail{margin: 15px 0;margin-bottom: 32px;}
    .ap-txt .btn-50{bottom: 30px;height: 46px;font-size: 18px;width: calc(100% - 60px);;}
    .ap-inner{width: calc(100% - 30px);height: calc(100% - 64px);}/* 0214 */ 
    .ap-title>span:first-of-type{font-size: 22px;}
    .ap-img{width: 450px;}
    .ap-txt{width: calc(100% - 450px);}
    .detail-inner{max-height: 100px;}
    .add-price{justify-content: space-between;width: 100%;;}
    .ap-item{width: auto;}

    .main-banner .title-2{font-size: 52px;}
    .main-banner .txt-2{font-size: 20px;}
    .main-banner{padding: 60px 0;}
    .main-banner .banner-btn>a{font-size: 18px;}
    .ai-btn>button{font-size: 18px;}

    .ww-2-img{width: 400px;}
.ww-2-txt{margin-left: 60px;width: calc(100% - 460px);padding: 30px 0;}

.member-section-wrap .section-4 .title-2{margin-bottom: 60px;}
.ac-img{width: 40%;}
}

@media (max-width: 880px) {
    .ac-img{width: 50%;}
    .ai-section-wrap .ww-2-txt{margin-left: 60px;width: 50%;;}
    .ai-section-wrap .ww-2-img{width: calc(50% - 60px);}
    .title{font-size: 46px;margin-bottom: 60px;}
    .ac-txt{padding: 50px 0;}

    .mypage-main{padding: 0 15px;}
    .slide-txt{min-width: 350px;max-width: 350px;margin-right: 30px;}

    .txt-2{font-size: 16px;line-height: 24px;}



    .member-txt .txt-2{font-size: 16px;}
    .member-txt .txt-1{font-size: 20px;}

    .join-wrap{flex-wrap: wrap;flex-direction: column-reverse;}
    .join-cart{width: 100%;margin-left: 0;margin-bottom: 15px;}
    .join-inner{width: 100% !important;}
    .ai-start-img{aspect-ratio: 6/8;}
}

@media (max-width: 768px) {
    .banner{height: calc(100vh - 50px);}
    body.on .banner{height: calc(100vh - 82px);}
    .mypage-wrap{height: calc(100vh - 50px);}
    body.on .mypage-wrap{height: calc(100vh - 82px);}
    .item-sub-txt>p{padding-right: 16px;}
    .nav-btn-wrap>button{margin-left: 10px;}
    .nav-btn-wrap>a{margin-left: 10px;padding: 0 10px;font-size: 14px;height: 32px;}
    .ai-section-wrap .section-5 .txt-2{color: #f1f1f1 !important;}
    .item-add-sub-txt{margin-top: 16px;}
    .item-add-sub-txt>span{font-size: 12px;}
    
    .lm-img{width: calc(80% - 32px);}
    .learn-more{align-items: top;padding: 10vh 0;}
    .lm-txt{text-align: center;
        width: 100%;
        top: 10vh;
        right: 50%;
        transform: translateX(50%);}
        .lm-txt>a{justify-content: center;}
    .lm-txt .title-2{font-size: 42px;}
    .learn-more .banner-btn{position: inherit;bottom: auto;margin-top: 30px;}
    .main-section-3::before{transform: translateY(0);top: -30vh;background: radial-gradient(circle, rgba(93, 114, 233, 0.5), transparent 70%);z-index: 0;}
    .main-section-3::after{transform: translateY(0);bottom: -30vh;background: radial-gradient(circle, rgba(93, 114, 233, 0.5), transparent 70%);z-index: 0;}
    .main-section-3{overflow: hidden;}

    .main-video{max-width: 100%;}
    .main-video{margin-bottom: 30px;}
    .main-section-2{justify-content: left;}
    .arrow{margin-bottom: 5px;}

    .main-data>span{font-size: 46px;}
    .main-data>span>p{font-size: 22px;line-height: 65px;}
    .main-data>p{width: 100%;}
    .main-data{width: 100%;margin-bottom: 30px;}
    .main-data:nth-of-type(2){position: inherit;}
    .main-data>p{font-size: 18px;margin-bottom: 5px;}
    .main-slide .swiper-slide .txt-1{max-width: 360px;}

    .mo-non{display: none;}
    .email-us-wrap{flex-wrap: wrap;justify-content: right;}
    .eu-write{width: 100%;max-width: 100%;}
    .eu-form{padding: 30px 45px;}
    .eu-form>button{height: 40px;}
    .eu-sub{font-size: 12px;}
    .custom-check{width: 16px;height: 16px;margin-right: 5px;}
    .eu-form .check-privacy>span{font-size: 14px;}
    .eu-txt{padding-left: 15px;width: 100%;position: relative;z-index: 3;}
    .eu-txt .txt-2{margin-bottom: 15px;}
    .txt-1{font-size: 18px;}
    .contact-us{padding: 15px 30px;border-radius: 15px;}
    .contact-us>button{height: 40px;font-size: 14px;padding: 0 15px;}
    .join-MONADOO{font-size: 22px;margin-bottom: 2.5px;}
    .join-txt-inner p{margin-bottom: 5px;}
    .join-shampoo-txt{margin-bottom: 15px;}
    .join-txt-1{padding-right: 0px;}
    .join-txt-2{padding-left: 0px;}
    .join-img{width: 100%;position: absolute !important;z-index: 1;opacity: 0.5;height: 100%;}
    .join-txt-wrap{position: relative;}
    .join-txt{width: 100%;padding: 60px 0 60px 45px;position: relative;z-index: 2;}
    .join-section-wrap .member-wrap{margin-bottom: 30px;}
    .join-sub-txt{font-size: 12px;}
    .eu-form .custom-check > input[id="check"] + label{background-size: 10px;}

    .why-section-wrap .section-2 .ww-2-txt::after{height: 100%;aspect-ratio: 4/4;width: auto;left: 0;transform: translateY(-50%);}
    .ww-4-img{opacity: 0.5;}
    .why-wrap-4 .txt-2{width: 100%;}
    .why-wrap-4{padding-left: 45px;}

    .section-email{padding: 30px 0;}

    .join-section-wrap .section-1{padding: 60px 0;}
    .join-section-wrap .section-2{padding-top: 45px;padding-bottom: 75px;}
    .join-section-wrap .section-3{padding: 75px 0;}
    .join-section-wrap .section-4{padding-top: 75px;padding-bottom: 60px;}

    .member-section-wrap .section-1{padding-top: 45px;padding-bottom: 60px;}
    .member-section-wrap .section-2{padding-top: 45px;padding-bottom: 75px;}
    .member-section-wrap .section-3{padding-top: 45px;padding-bottom: 30px;}
    .member-section-wrap .section-4{padding-top: 30px;}
    .member-section-wrap .section-4 .title-2{margin-bottom: 45px;}

    .why-section-wrap .section-1{padding-bottom: 45px;}
    .why-section-wrap .section-3{padding: 45px 0 30px 0;}
    .why-section-wrap .section-4{padding: 75px 0 75px 0;}
    .why-section-wrap .section-5{padding-bottom: 45px;}

    .ai-section-wrap .section-1{padding-top: 0;padding-bottom: 45px;}
    .ai-section-wrap .section-3{padding-bottom: 30px;}
    .ai-section-wrap .section-5{padding-top: 45px;padding-bottom: 75px;}
    .why-wrap-2{flex-wrap: wrap;padding-left: 45px;justify-content: left !important;}
    .ww-2-img{margin-bottom: 30px;}
    .ai-section-wrap .ww-2-img{aspect-ratio: 4/5;width: 350px;}
    .ww-2-txt{width: 100% !important;margin-left: 0 !important;padding: 0;}
    .accodian-wrap{}
    .ac-txt{width: 60%;padding: 60px 0 60px 0;}
    .ac-title{margin-bottom: 30px;text-align: left;}
    .alert{font-size: 10px;}
    .ac-title{font-size: 24px;}
    .ac-title .txt-2{line-height: 20px;}
    .customer-wrap{overflow-x: auto;width: 100%;;}
    .my-table{min-width: 768px;}
    .my-table>ul{}
    .my-popup-inner{width: calc(100% - 30px);}
    .close-add{width: 14px;height: 14px;}
    .ae-wrap>p{font-size: 14px;}
    .ae-wrap{padding: 0 15px 15px 15px;}
    .img-txt{display: block;width: 100%;font-size: 12px;}
    .ae{margin-bottom: 0px !important;}
    .ae-txt .textarea>label{height: 80px;}
    .txt-count{font-size: 10px;}
    .ae-img{margin-right: 15px;width: 150px;height: 150px;;}
    .ae-txt{width: calc(100% - 165px);}
    .plan-edit-title{padding-bottom: 5px;}
    .plan-edit-title>p{font-size: 16px;}
    .plan-edit-btn>button>img{width: 18px;height: 18px;margin-right: 5px;}
    .plan-edit-table>ul>li button{width: 18px;height: 18px;}
    .plan-edit-txt{margin-top: 5px;}
    .plan-edit-btn>button{font-size: 14px;}
    .plan-edit-table>ul>li{font-size: 12px;}
    .table-tag{font-size: 10px;height: 20px;width: 40px;;}
    .plan-edit-table>ul>li:last-of-type{width: 40px;min-width: 40px;}
    .plan-edit-table>ul>li:nth-of-type(4){width: 50px;}
    .plan-edit-table>ul>li:first-of-type{width: 40px;}
    
    .plan-edit-table-2>ul>li:nth-of-type(1){width: 80px;min-width: 80px;}
    .plan-edit-table-2>ul>li:nth-of-type(2){width: 100px;min-width: 100px;}
    .plan-edit-table-2>ul>li:nth-of-type(3){width: 60px;min-width: 60px;}
    .plan-edit-table-2>ul>li:nth-of-type(4){width: 100%;}
    .order-price>span{font-size: 12px;}
    .plan-title>button{height: 26px;width: 26px;position: absolute;right: 0;top: 0;}
    .plan-title{position: relative;}
    .plan-item{padding: 15px;}
    .pt-txt>span{font-size: 12px;}
    .plan-date>p{font-size: 11px;}
    .plan-title>button>img{height: 10px;}
    .my-wrap{padding: 45px 0;}
    .support-acc-item>button{padding: 15px 0;}
    .support-txt-wrap{padding: 0 15px 0px 15px;}
    .support-acc-item.on .support-txt-wrap{padding: 0 15px 15px 15px;}
    .support-wrap-768{padding-left: 15px;padding-right: 15px;max-width: 480px;}
    .support-wrap-768,
    .support-wrap-1280{padding-top: 45px;}
    .banner-txt-support .title-3{margin-top: 10px;}
    .support-search{margin: 60px auto 0 auto;width: calc(100% - 30px);;}
    .support-wrap-768 .support-item{width: calc(50% - 5px);}
    .support-wrap-768 .support-item:nth-of-type(3n){margin-right: 10px;}
    .support-wrap-768 .support-item:nth-of-type(2n){margin-right: 0;}
    .my-popup-inner{padding: 45px;}
    .footer-inner{flex-wrap: wrap;padding: 0 15px;}
    .footer-store{margin-bottom: 20px;}

    .my-wrap{padding-right: 5px;}
    .footer-txt{width: 100%;}
    .footer-bottom .footer-inner{flex-direction: column-reverse;}
    .title-2{font-size: 26px;}
    .cart-btn{bottom: 45px !important;}
    .join-section{padding: 45px 0;}
    .slide-inner{flex-wrap: wrap;}
    .ai-slide{margin: 0 auto;max-width: 768px;padding: 6% 0;}
    .slide-txt{width: 100%;max-width: 100%;margin-bottom: 30px;padding-left: 45px;}
    .ai-slide .swiper-slide{}
    .footer-bottom .footer-inner{align-items: flex-start;}



    .accodian-item>p{text-align: left;padding-top: 0 !important;}
    
    .plus-minus{width: 12px;height: 12px;}
    .section-menu{top: 50px;}
    .section-menu-inner{display: flex;overflow-x: auto;display: flex;flex-wrap: nowrap;width: 100%;height: 50px;}
    .section-menu-inner::-webkit-scrollbar{display: none;}
    .section-menu a{width: auto;padding: 0 20px;height: 100%;display: flex;align-items: center;white-space: nowrap;}
    body.on .section-menu{top: 82px !important;}
    .why-img-5{aspect-ratio: 4/4;}

    .pc-br{display: none;}
    .mo-br{display: inherit;}
    .why-wrap-5{flex-wrap: wrap;justify-content: left;padding-left: 45px;}
    .ww-5-txt{width: 100% !important;}
    
    section{padding: 90px 0}
    .section-5-1{padding-top: 90px;}
    .why-wrap-2{flex-wrap: wrap;justify-content: center ;}
    
    .why-img-3{margin-bottom: 45px;}

    .title{font-size: 42px;margin-bottom: 45px;}
    .managing-ww-2{flex-wrap: wrap;}

    
    .ai-start{position: relative;padding: 0;}
    .ai-start-img{width: calc(100% - 30px);aspect-ratio: 6/6;filter: brightness(0.6);position: relative;}
    .ai-start-img::after{display: block;content: '';height: 100%;width: 50%;position: absolute;right: 0;top: 0;background: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.5));}
    .ai-start-txt{position: absolute;padding-right: 60px;right: 30px;top: 50%;transform: translateY(-50%);width: auto;color: #fff;margin-left: 0;padding-left: 60px;}
    .ai-btn{justify-content: right;margin-top: 60px;}
    .ai-start-txt .title-2{color: #fdfdfd;text-shadow: 1px 1px 5px rgba(255, 255, 255, 0.2);}
    .ai-start-txt .txt-1{color: #fdfdfd;}
    .member-img{margin-bottom: 15px;}

    .ap-inner{flex-wrap: wrap;justify-content: flex-start;align-items: center;padding-top: 30px;height: calc(100% - 30px);}
    .ap-txt{width: 100%;position: none;}
    .ap-img{width: 300px;border-radius: 20px;overflow: hidden;aspect-ratio: 4/4 !important;height: auto !important;;}
    .ap-txt .btn-50{position: fixed !important;bottom: 30px !important;}
    .add-price{justify-content: left;}
    .ap-item{margin-right: 30px;}
    .ap-item:last-of-type{margin-right: 0;}
    .ap-close{position: fixed;top: 15px;right: 15px;}
    .menu-buy{position: fixed;top: 115px;z-index: 10 !important;left: 15px;;width: auto;height: auto;display: block;padding: 10px;border-radius: 15px;background-color: rgba(0, 0, 0, 0.6);}
    #header.on .menu-buy{top: 75px;}
    .menu-buy>span{display: block;margin-bottom: 10px;}
    .menu-buy>span:last-of-type{margin-bottom: 0;}
    .menu-buy>span::after{display: none;}
    .add-wrap{display: flex !important;white-space: wrap;}
    .add-wrap .member-item{display: block !important;width: calc(50% - 7.5px);margin-right: 15px;margin-bottom: 15px;}
    .add-wrap .member-item:nth-of-type(3n){margin-right: 15px;}
    .add-wrap .member-item:nth-of-type(2n){margin-right: 0;}
    .add-wrap .member-img{margin-bottom: 10px;}
    .continue{bottom: 30px !important;}
.slide-txt{margin-bottom: 60px;}
    .menu-buy{padding: 0 15px;border-radius: 10px;display: flex;top: auto !important;justify-content: space-between;position: fixed;bottom: 15px;height: 30px;width: calc(100% - 30px);}
    .menu-buy>span{font-size: 13px;margin-bottom: 0px;}

    .join-section{background-size: cover !important;}

    .main-banner .title-2{font-size: 42px;}
    .main-banner .txt-2{font-size: 18px;}
    .main-banner{padding: 60px 0;}
    .main-banner .banner-btn{margin-top: 60px;}
    .main-banner .banner-btn>a{font-size: 16px;}
    .ai-btn>button{font-size: 16px;}
    .add-title{padding: 0 15px;}
    .why-wrap-3{flex-wrap: wrap;padding-left: 45px;}
    .ww-3-txt{width: 100%;}
    .title-48{margin-bottom: 15px;}
    .why-img{margin-bottom: 30px;}
    .member-section-wrap .section-4 .title-2{margin-bottom: 45px;}
    .ac-txt{width: 100%;position: relative;z-index: 2;}
    .ac-img{width: 40%;z-index: 1;opacity: 0.4;}
    .ae-txt .dual-label{flex-wrap: wrap;}
    .ae-txt .dual-label .input-wrap{margin-right: 0;width: 100%;}
    .my-popup-inner-alert{padding: 30px;}
    .my-popup-inner-alert .ae-wrap>p{font-size: 32px;}
    .my-popup-inner-alert .ae>p{font-size: 16px;}
    .my-popup-inner-alert .img-txt{font-size: 14px;}
    .my-popup-inner-alert .save-reset>button:last-of-type{width: auto;padding: 0 10px;}
}

@media (max-width: 640px) {
    .ac-img{width: 50%;}
    .main-slide .swiper-slide .txt-1{max-width: 360px;}



    .join-section-wrap .section-1{padding: 45px 0;}
    .join-section-wrap .section-2{padding-top: 30px;padding-bottom: 60px;}
    .join-section-wrap .section-3{padding: 60px 0;}
    .join-section-wrap .section-4{padding-top: 60px;padding-bottom: 45px;}

    .ai-section-wrap .section-1{padding-top: 0;padding-bottom: 45px;}
    .ai-section-wrap .section-3{padding-bottom: 30px;}
    .ai-section-wrap .section-5{padding-top: 45px;padding-bottom: 75px;}
    .save-reset>button{height: 32px;width: 80px;margin-left: 5px;}
    .mypage-main{width: calc(100% - 42px);}
    .ae-sub{flex-wrap: wrap;}
    .ae-sub-item{width: calc(33.333% - 3.333px);margin-right: 5px;margin-bottom: 5px;}
    .ae-sub-item:nth-of-type(3){margin-right: 0;}
    .ae-sub>button{width: calc(33.333% - 3.333px);margin-bottom: 5px;}
    .mypage-menu{padding: 30px 5px;width: 42px;;}
    .mypage-menu>button{width: 32px;height: 32px;}
    .my-btn-icon{width: 18px;height: 18px;}
    .my-wrap{padding: 30px 0;}
    .support-acc-item>button{font-size: 16px;}
    .support-txt-wrap>p{font-size: 14px;}
    .slide-txt{margin-bottom: 40px;}
    .join-section{padding: 30px 0;padding-bottom: 60px;}
    .join-txt{padding: 30px 0 30px 15px;}


    .accodian-item>p{text-align: left;padding-top: 0 !important;}
    .banner-txt>p{font-size: 56px;line-height: 72px;}
    .why-img-3{margin-bottom: 30px;}
    section{padding: 60px 0}
    .section-5-1{padding-top: 60px;}

    .member-wrap-2{flex-wrap: wrap;}
    .member-item-2{width: 100%;margin-right: 0;margin-bottom: 15px;}
    .member-item-2:last-of-type{margin-bottom: 0;}
    .mi-title{font-size: 16px;padding: 10px 0;}

    .member-wrap{display: block;white-space: nowrap;overflow-x: auto}
    .member-item{width: calc(50% - 10px);display: inline-block;vertical-align: top;}
    .member-inner{}
    .member-txt .txt-2{font-size: 14px;white-space: wrap;}
    .member-txt .txt-1{font-size: 18px;white-space: wrap;}

    .plan-date{font-size: 10px;}
    .pt-txt>span{font-size: 13px;}
    .my-popup-inner{padding: 30px;}

    .mypage-menu>button>span{font-size: 12px;left: 100%;padding: 2.5px 0;width: 60px;;}
    .mypage-menu>button:hover>span{left: calc(100% + 10px);opacity: 1;}
    .mypage-menu>button:nth-of-type(2)>span,
    .mypage-menu>button:nth-of-type(4)>span{width: 90px;}

    .member-item .txt-2{line-height: 22px;}
}

@media (max-width: 560px) {
    .ae{flex-wrap: wrap;}
    .ae-txt{width: 100%;margin-top: 15px;}
    .banner-txt>p{font-size: 48px;line-height: 64px;}
    .title{font-size: 36px;margin-bottom: 30px;}
    .menu-buy>span{font-size: 10px;}
    .ai-start-img{aspect-ratio: 6/7;}
}

@media (max-width: 480px) {
    .lm-img{width: calc(100% - 32px);}
    .ac-img{width: 70%;}
    .footer-btn{flex-wrap: wrap;}
    .footer-btn>a{margin-right: 0;margin-bottom: 15px;width: 33.333%;}
    .footer-link{margin-top: 0;}
    .member-section-wrap .section-2 .inner-1080{padding: 0 15px}
    .ai-section-wrap .ww-2-img{width: 100%;}
    .lm-txt .title-2{margin-bottom: 15px;}
    .lm-txt .title-2{font-size: 32px;}
    .footer-bottom{padding-bottom: 24px;}
    .eu-form{padding: 30px 15px;padding-bottom: 15px;}
    .txt-1{font-size: 18px;}
    .contact-us{padding: 15px 15px;border-radius: 15px;flex-wrap: wrap;justify-content: right;}
    .cu-txt{width: 100%;}
    .contact-us>button{height: 32px;font-size: 12px;padding: 0 10px;}
    .join-title-2{margin-bottom: 30px;}
    .join-txt{padding: 15px 0 15px 0px;}

    .main-slide .swiper-slide .txt-1{font-size: 14px;padding: 0 30px;max-width: 100%;}

    .why-wrap-4{padding-left: 15px;}
    .why-wrap-3{padding-left: 15px;}

    .section-email{padding: 30px 0;}

    .join-section-wrap .section-1{padding: 30px 0;}
    .join-section-wrap .section-2{padding-top: 30px;padding-bottom: 45px;}
    .join-section-wrap .section-3{padding: 45px 0;}
    .join-section-wrap .section-4{padding-top: 45px;padding-bottom: 30px;}

    .member-section-wrap .section-1{padding-top: 30px;padding-bottom: 45px;}
    .member-section-wrap .section-2{padding-top: 30px;padding-bottom: 60px;}
    .member-section-wrap .section-3{padding-top: 30px;padding-bottom: 30px;}
    .member-section-wrap .section-4{padding-top: 30px;}

    .why-section-wrap .section-1{padding-bottom: 30px;}
    .why-section-wrap .section-3{padding: 30px 0 30px 0;}
    .why-section-wrap .section-4{padding: 60px 0 60px 0;}
    .why-section-wrap .section-5{padding-bottom: 30px;}

    .ai-section-wrap .section-1{padding-top: 0;padding-bottom: 45px;}
    .ai-section-wrap .section-3{padding-bottom: 30px;}
    .ai-section-wrap .section-5{padding-top: 45px;padding-bottom: 60px;}
    .ac-txt{padding: 30px 0 30px 0;}
    .my-popup-inner{padding-left: 15px;padding-right: 15px;}
    .img-txt{padding: 0px;}
    .ae-wrap>p{padding: 0px;}
    .ae-sub{padding: 0px;}
    .ae{padding: 0px;}
    .save-reset{padding: 0px;}
    .support-wrap-768 .support-item>p{font-size: 14px;}
    .support-wrap-768,
    .support-wrap-1280{padding-top: 30px;}
    .plan-edit-title>p{font-size: 16px;}
    .plan-edit-item{margin-bottom: 30px;}
    .customer-search>label{width: 100%;}
    .main-banner .banner-btn{margin-top: 30px;}
    .member-item{width: calc(100% - 0px);display: inline-block;vertical-align: top;}
    .banner-txt>p{font-size: 36px;line-height: 56px;}
    .txt-2{font-size: 14px;line-height: 24px;}
    .member-item .txt-2{line-height: 20px;}
    .title{font-size: 32px;margin-bottom: 30px;}
    .title-1{font-size: 26px;}
    .ai-start-img{width: calc(100% - 15px);aspect-ratio: 5/7;}
    .ai-start-img::after{display: none;}
    .ai-btn{justify-content: left;}
    .ai-start-img{aspect-ratio: 6/8;}
    .ai-start-txt{right: 15px;justify-content: left;right: auto;left: 0;}
    .ap-inner{padding: 15px 0;}
    .ap-txt{padding: 15px 15px 0 15px;}
    .ap-img{width: 200px;}
    .ap-title>span:first-of-type{font-size: 18px;}
    .ap-txt .txt-1{font-size: 18px;margin-bottom: 5px !important;}
    .detail{margin: 16px 0 32px 0}/* 0214 */
    .ap-txt .btn-50{bottom: 15px !important;width: calc(100% - 30px) !important;;}
    .detail-inner{max-height: 70px;}
    .add-price{font-size: 13px;word-break: break-all;width: 100%;justify-content: space-between;bottom: 75px;}
    .ap-item:last-of-type{text-align: right;}
    .add-wrap .member-txt{word-break: break-all;white-space: wrap !important;}
    .add-sub{font-size: 12px;margin-bottom: 5px;}
    .continue{bottom: 15px !important;}
    .add-wrap .member-item{width: calc(50% - 5px);margin-right: 10px;}
    .add-wrap .member-item:nth-of-type(3n){margin-right: 10px;}
    .add-wrap .member-item:nth-of-type(2n){margin-right: 0;}
    .cart{width: 100%;padding-top: 15px;}
    .cart-list{max-height: 240px;}
    .cart-total{font-size: 12px;}
    .cart-btn>button{height: 42px;font-size: 16px;}

    .menu-buy{height: 42px;}
    .menu-buy>span{font-size: 12px;text-align: center;}

    .main-banner .title-2{font-size: 36px;}
    .main-banner .txt-2{font-size: 16px;}
    .main-banner{padding: 60px 0;}
    .main-banner .banner-btn{margin-top: 60px;}
    .main-banner .banner-btn>a{font-size: 16px;}
    .ai-btn>button{font-size: 16px;}

    .my-inner .dual-label .input-wrap:first-of-type{width: calc(100% - 110px) !important;max-width: 100%;}
.my-inner .dual-label .input-wrap:last-of-type{width: 100px !important;}

.slide-txt{padding-left: 15px;}
.why-wrap-2{padding-left: 15px;}
.why-wrap-3, .why-wrap-5{padding-left: 15px;}
.ai-start-txt{padding-left: 30px;}

.my-popup-inner-alert{padding: 30px;}
.my-popup-inner-alert .ae-wrap>p{font-size: 24px;}
.my-popup-inner-alert .ae>p{font-size: 14px;}
.my-popup-inner-alert .img-txt{font-size: 12px;}
.my-popup-inner-alert .save-reset>button:last-of-type{width: auto;padding: 0 10px !important;}
}

@media (max-width: 420px) {
    .support-acc-item>button{font-size: 14px;text-align: left;}
    .support-txt-wrap>p{font-size: 13px;}
    .title-3{font-size: 20px;}
    .title-48{font-size: 24px;}
    .txt-2{font-size: 14px;}

    .main-banner .title-2{font-size: 32px;}
    .main-banner .txt-2{font-size: 14px;}
    .main-banner{padding: 60px 0;}
    .main-banner .banner-btn{margin-top: 60px;}
    .main-banner .banner-btn>a{font-size: 16px;}
    .footer-reserved{font-size: 10px;}
}

@media (max-width: 350px) {
    .main-data>span{font-size: 22px;}
    .main-data>span>p{font-size: 14px;line-height: 30px;}
    .main-data>p{font-size: 14px;margin-bottom: 5px;}
    .main-slide .swiper-slide .txt-1{font-size: 14px;padding: 0 30px;max-width: 100%;}

    .banner-txt>p{font-size: 32px;line-height: 46px;}
    .join{font-size: 12px;}
}
/* 배너 비율 16 : 9 */

/* 0317 */
@media (max-width: 768px) {
    .nav-inner{height: 50px !important;}
    body{padding-top: 50px !important;}
    body.on{padding-top: 82px !important;}
    .join{height: 32px !important;}
    .nav-btn-wrap>button{height: 26px;width: 26px;margin-left: 10px;}
    .logo{height: 32px !important;}
}
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay{background-color: #5D72E9 !important;border-color: #5D72E9 !important}