@font-face {
    font-family: 'SUIT';
    font-weight: 100;
    src: url('/assets/font/suit-Thin.woff') format('woff2');
}
@font-face {
    font-family: 'SUIT';
    font-weight: 200;
    src: url('/assets/font/suit-ExtraLight.woff2') format('woff2');
}
@font-face {
    font-family: 'SUIT';
    font-weight: 300;
    src: url('/assets/font/suit-Light.woff2') format('woff2');
}
@font-face {
    font-family: 'SUIT';
    font-weight: 400;
    src: url('/assets/font/suit-Regular.woff2') format('woff2');
}
@font-face {
    font-family: 'SUIT';
    font-weight: 500;
    src: url('/assets/font/suit-Medium.woff2') format('woff2');
}
@font-face {
    font-family: 'SUIT';
    font-weight: 600;
    src: url('/assets/font/suit-SemiBold.woff2') format('woff2');
}
@font-face {
    font-family: 'SUIT';
    font-weight: 700;
    src: url('/assets/font/suit-Bold.woff2') format('woff2');
}
@font-face {
    font-family: 'SUIT';
    font-weight: 800;
    src: url('/assets/font/suit-ExtraBold.woff2') format('woff2');
}
@font-face {
    font-family: 'outfit-l';
    src: url('/assets/font/Outfit-Light.woff');
}
@font-face {
    font-family: 'outfit-m';
    src: url('/assets/font/Outfit-Medium.woff');
}
@font-face {
    font-family: 'outfit-r';
    src: url('/assets/font/Outfit-Regular.woff');
}
/* css set */
/*
#3ABAB8
배경색

#2F9291
서브 텍스트
*/


a{text-decoration: none;color: #111;}
*{box-sizing: border-box;margin: 0;padding: 0;font-family: 'SUIT'}
ul,ol,li{margin: 0;padding: 0;}
li{list-style: none;}
button{background-color: transparent;border: 0;display: flex;align-items: center;justify-content: center;font-family: 'SUIT';cursor: pointer;}

input,textarea,select{font-family: 'SUIT';font-size: 15px;}
input:focus,
select:focus,
textarea:focus{outline: none;border-color: #4295D0;}
body{font-family: 'SUIT';overflow-x: hidden;}

strong{font-weight: 400;}
input,select{border-radius: 8px;height: 48px;border: 1px solid #d9d9d9;transition: 0.3s;padding: 0 10px;font-size: 16px;}
select{appearance: none;width: 100%;background-image: url('/static/web/img/chevron-down.png');background-repeat: no-repeat;background-size: 14px;background-position: calc(100% - 10px) center;cursor: pointer;color: #666;}
input:focus,select:focus, textarea:focus{border-color: #4295D0}

textarea{border-radius: 8px;height: 150px;border: 1px solid #d9d9d9;transition: 0.3s;padding: 10px;font-size: 16px;width: 100%;}
input[type=date]{appearance: none;}
input[type="date"]::-webkit-clear-button,
input[type="date"]::-webkit-inner-spin-button{display: none;}
input[type='date']::-webkit-calendar-picker-indicator {position:absolute;left: 0;top: 0;width: 100%;height: 100%;background: transparent;color: transparent;}
input[type='date']::placeholder{;}


.title-46{font-size: 46px;font-weight: 500;color: #111;}
.title-42{font-size: 42px;font-weight: 500;color: #111;}
.title-36{font-size: 36px;font-weight: 500;color: #111;}
.title-32{font-size: 32px;font-weight: 500;color: #111;}
.title-24{font-size: 24px;font-weight: 500;color: #111;}

.cover-img{display: block;width: 100%;height: 100%;object-fit: cover;}

.btn-100{transition: 0.3s;width: 100%;height: 48px;margin-right: 10px;background-color: #4295D0;color: #fff;font-size: 16px;font-weight: 500;border-radius: 100px;}
.btn-100:last-of-type{margin-right: 0;}

.btn-36{height: 36px;border-radius: 100px;padding: 0 10px;background-color: #4295D0;color: #fff;font-size: 16px;font-weight: 400;display: flex;align-items: center;justify-content: center;margin-right: 10px;}
.btn-36:last-of-type{margin-right: 0;}

.sub-btn{background-color: #d9d9d9;color: #333;}
.sub-btn:hover{background-color: #666;color: #fff;}

.login-section{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;}

.login-wrap{display: flex;height: auto;max-width: 768px;width: 100%;}

.login-img{max-width: 320px;height: auto;margin-right: 64px;flex-shrink: 0;border-radius: 16px;overflow: hidden;}

.login-info{width: calc(100% - 320px - 64px);}
.login-info>p{margin-bottom: 64px;}

.write-item{margin-bottom: 32px;width: 100%;}
.write-item.error input,
.write-item.error select,
.write-item.error textarea{border-color: #E83F49;}
.write-item>p{font-size: 16px;font-weight: 400;margin-bottom: 5px;}
.write-item>p>span{font-size: 14px;font-weight: 400;color: #666;display: block;}
.write-item>span{color: #E83F49;font-size: 14px;font-weight: 400;margin-top: 5px;display: none;}
.write-item.error>span{display: block;}
.write-item:last-of-type{margin-bottom: 0;}
.write-item.desable input{background-color: #f1f1f1;pointer-events: none;}

.input-item{display: flex;margin-bottom: 10px;width: 100%;align-items: center;}
.input-item>button{min-width: 120px;display: flex;align-items: center;justify-content: center;border-radius: 8px;background-color: #4295D0;height: 48px;font-size: 16px;color: #fff;margin-left: 10px;}
.input-item>button>svg{width: 16px;height: 16px;margin-right: 5px;color: #fff;}
.input-sub-item{margin-right: 10px;display: flex;align-items: center;position: relative;width: 100%;}
.input-sub-item:last-of-type{margin-right: 0;}
.input-sub-item>span{font-size: 16px;color: #333;position: absolute;right: 10px;top: 50%;transform: translateY(-50%);}
.input-sub-item>input,
.input-sub-item>select,
.input-sub-item>textarea{width: 100%;margin-right: 10px;}

.input-sub-item>input:last-of-type,
.input-sub-item>select:last-of-type,
.input-sub-item>textarea:last-of-type{margin-right: 0px;}
.input-sub-item>button{width: 36px;height: 36px;display: flex;align-items: center;justify-content: center;position: absolute;right: 5px;top: 50%;transform: translateY(-50%);}
.input-sub-item>button>svg{width: 16px;height: 16px;color: #999;transition: 0.3s;}
.input-sub-item>button:hover>svg{color: #E83F49;}

textarea{height: 200px;resize: none;}






.input-item>span{margin-right: 10px;color: #999;}
.input-item:last-of-type{margin-bottom: 0;}
.input-item>input{width: 100%;margin-right: 10px;}
.input-item>input:last-of-type{margin-right: 0;}

.input-item>select{width: 100%;margin-right: 10px;}
.input-item>select:last-of-type{margin-right: 0;}

.input-item>textarea{width: 100%;margin-right: 10px;}
.input-item>textarea:last-of-type{margin-right: 0;}

.login-option{margin-top: 16px;margin-bottom: 32px;width: 100%;display: flex;align-items: center;justify-content: space-between;}



.auto-login{display: flex;}
.auto-login>input{appearance: none;-webkit-appearance: none;-moz-appearance: none;display: none;}
.auto-login>input[id="check"] + label{
display: flex;cursor: pointer;align-items: center;}
.auto-login>input[id="check"] + label .check{width: 16px;height: 16px;border-radius: 4px;border: 1px solid #d9d9d9;margin-right: 5px;transition: 0.3s;display: flex;align-items: center;justify-content: center;}
.auto-login>input[id="check"] + label .check>svg{width: 16px;height: 16px;transition: 0.3s;color: #fff;opacity: 0;}
.auto-login>input[id="check"] + label>span{font-size: 16px;font-weight: 500;color: #111;transition: 0.3s;font-weight: 500;}

.auto-login>input[id="check"]:checked + label{border-color: #4295D0;}
.auto-login>input[id="check"]:checked + label>span{color: #3987BE;}
.auto-login>input[id="check"]:checked + label .check{background-color: #4295D0;border-color: #4295D0}
.auto-login>input[id="check"]:checked + label .check>svg{opacity: 1;}

.login-join>a{font-size: 16px;color: #3987BE;font-weight: 500;text-decoration: underline;}

.find-account{display: flex;align-items: center;justify-content: center;font-size: 16px;color: #666;margin-bottom: 16px;}
.find-account>a{margin-left: 5px;font-weight: 500;text-decoration: underline;color: #666;transition: 0.3s;}
.find-account>a:hover{color: #3987BE;}


.join-section{display: flex;flex-direction: column;align-items: flex-start;padding: 128px 0 64px 0;max-width: 540px;margin: 0 auto;}
.join-title{margin-bottom: 64px;}
.join-count{display: flex;margin-bottom: 2.5px;font-size: 20px;color: #666;font-weight: 400;}
.join-count>span{display: flex;color: #3987BE;margin-right: 5px;}

.join-agree{margin-bottom: 32px;width: 100%;}

.agree-item{margin-bottom: 10px;cursor: pointer;font-size: 16px;font-weight: 400;color: #666;display: flex;align-items: center;padding: 0 10px;border-radius: 8px;height: 48px;border: 1px solid #d9d9d9;transition: 0.3s;width: 100%;}
.agree-item>svg{width: 20px;height: 20px;color: #999;margin-right: 5px;transition: 0.3s;}
.agree-item:hover{border-color: #4295D0;}
.agree-item.on{border-color: #4295D0;background-color: rgba(66, 149, 208, 0.1);color: #3987BE;}
.agree-item.on>svg{color: #3987BE;}
.all-agree{font-size: 18px;margin-bottom: 0;}
.all-agree>svg{width: 24px;height: 24px;}

.gutter-32{margin: 32px 0;width: 100%;background-color: #d9d9d9;height: 1px;}

.popup{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.6);display: none;z-index: 3;}
.popup-inner{position: absolute;overflow: auto;left: 50%;max-width: 768px;width: 100%;max-height: calc(100% - 64px);top: 50%;transform: translate(-50%, -50%);border-radius: 16px;background-color: #fff;padding: 64px 32px 0px 32px;}
.popup-inner>p{text-align: center;margin-bottom: 32px;}
.popup-inner-375{position: absolute;overflow: auto;left: 50%;width: 100%;max-width: 375px;max-height: calc(100% - 64px);top: 50%;transform: translate(-50%, -50%);border-radius: 16px;background-color: #fff;padding: 32px 16px 16px 16px;}


.agree-txt-wrap{height: auto;font-size: 16px;font-weight: 400;color: #333;padding-bottom: 112px;}
.agree-txt-wrap strong{font-weight: 500;color: #111;font-size: 18px;display: block;margin-bottom: 16px;}

.scroll-btn{position: sticky;bottom: 0px;left: 50%;display: flex;width: 100%;padding-bottom: 32px;}
.scroll-btn::after{display: block;content: '';z-index: 1;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: calc(100% + 10px);background: linear-gradient(to top, #fff 70%, transparent);height: 112px;}
.scroll-btn>button{position: relative;z-index: 2;}

.write-item-wrap{width: 100%;}

.join-section .write-item-wrap{margin-bottom: 64px;}

.alert-txt{margin-bottom: 32px;text-align: center;}
.alert-txt>p{font-size: 20px;font-weight: 500;margin-bottom: 16px;}
.alert-txt>span{font-size: 16px;font-weight: 400;color: #666;}

.jc-txt{font-size: 20px;color: #666;font-weight: 400;margin-bottom: 64px;}

.main-section{width: 100%;padding-top: 164px;}
.header{width: 100%;background-color: #fff;position: fixed;top: 0;z-index: 4;transition: 0.3s;}
.header.dark{background-color: transparent;}
.header::after{display: block;content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: -1;background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), transparent);transition: 0.3s;opacity: 0;}
.header.dark::after{opacity: 1;}
.header:hover::after{opacity: 0;}
.header:hover{background-color: #fff;}
.header-inner{height: 100px;align-items: center;position: relative;width: 100%;max-width: 1400px;display: flex;justify-content: space-between;margin: 0 auto;}
.header-inner::after{display: block;content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 10000px;height: 1px;background-color: #d9d9d9;opacity: 1;}
.header.dark .header-inner::after{opacity: 0;}
.header:hover .header-inner::after{opacity: 1;}


.menu-wrap{display: flex;align-items: center;}
.logo-wrap{height: 100%;display: flex;align-items: center;position: relative;}
.logo-wrap .logo{height: 50px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);transition: 0.3s;cursor: pointer;}

.header .logo-dark{opacity: 0;}
.header .logo-white{opacity: 1;}
.header.dark .logo-white{opacity: 0;}
.header.dark .logo-dark{opacity: 1;}
.header:hover .logo-dark{opacity: 0;}
.header:hover .logo-white{opacity: 1;}

.logo-wrap .logo>img{display: block;height: 100%;}
.menu{width: 150px;position: relative;font-size: 18px;font-weight: 500;color: #111;display: flex;justify-content: center;}
.menu>button{font-size: 18px;font-weight: 500;transition: 0.3s;}
.header.dark .menu>button{color: #fff;}
.header:hover .menu>button{color: #111;}
.menu:nth-of-type(2){width: 200px;}
.mypage-btn{margin-left: 32px;width: 103.19px;height: 36px;}
.mypage-btn button{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;padding: 0 7.5px;border-radius: 100px;border: 1px solid #d9d9d9;font-size: 14px;font-weight: 600;color: #343434;backdrop-filter: blur(5px);gap: 5px;transition: 0.3s;}
.mypage-btn button>svg{width: 20px;height: 20px;color: #121212;transition: 0.3s;}
.mypage-btn button:hover{border-color: #4295D0 !important;background-color: rgba(66, 149, 208, 0.1);color: #3987BE !important;}
.mypage-btn button:hover>svg{color: #3987BE !important;}
.header.dark .mypage-btn button{}
.header.dark .mypage-btn button>svg{color: #fff;}
.header.dark .mypage-btn button{color: #fff;border-color: #fff;}
.header.dark:hover .mypage-btn button>svg{color: #121212;}
.header.dark:hover .mypage-btn button{color: #343434;border-color: #d9d9d9;}
.sub-menu-wrap{width: 100%;;margin: 0 auto;overflow: hidden;max-height: 0;transition: max-height 0.3s ease-out;border-bottom: 1px solid transparent}
.sub-menu-inner{padding-right: 135px;width: 100%;max-width: 1400px;margin: 0 auto;display: flex;justify-content: right;}
.sub-menu-wrap.open{max-height: 5000px;border-color: #d9d9d9;}
.sub-menu{width: 150px;padding: 32px;border-right: 1px solid #d9d9d9;}
.sub-menu:first-of-type{border-left: 1px solid #d9d9d9;}
.sub-menu>a{font-size: 14px;color: #333;margin-bottom: 32px;display: block;transition: 0.3s;}
.sub-menu>a:hover{transform: translateX(0px);color: #3987BE;}
.sub-menu>a:last-of-type{margin-bottom: 0;}
.sub-menu:nth-of-type(2){width: 200px;}
.sub-menu>a{display: block;}

.main-inner{max-width: 1400px;width: 100%;margin: 0 auto;}



.toggle-button {
    display: none;
    margin-left: 10px;
    width: 36px;
    height: 36px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    gap: 8px; /* 라인 사이의 간격을 8px로 조정 */
    position: relative;
}

.line {
    width: 24px;
    height: 2px;
    border-radius: 100px;
    background-color: #121212;
    transition: all 0.3s ease;
}
.header.dark .line{background-color: #fff;}
.header.dark:hover .line{background-color: #121212;}
/* 'X' 모양으로 변환 */
.toggle-button.active .line:nth-child(1) {
    transform: translateY(10px) rotate(45deg);
}

.toggle-button.active .line:nth-child(2) {
    opacity: 0;
}

.toggle-button.active .line:nth-child(3) {
    transform: translateY(-10px) rotate(-45deg);
}

.m-side-menu{position: fixed;top: 60px;background-color: #fff;width: 100%;padding-right: 0;right: -100%;height: calc(100vh - 60px);transition: 0.5s;filter: blur(5px);opacity: 0;}
.m-side-menu.on{right: 0;filter: blur(0);opacity: 1;}
.m-side-menu button{height: 48px;border-bottom: 1px solid #e6e6e6;width: 100%;display: flex;align-items: center;justify-content: left;font-size: 16px;font-weight: 500;transition: 0.3s;padding: 0 16px;justify-content: space-between;}
.m-side-menu button>svg{width: 18px;height: 18px;color: #333;transition: 0.3s;}
.m-sub-wrap.toggle button{background-color: #f9f9f9;border-color: transparent;}
.m-sub-wrap.toggle button>svg{transform: rotate(180deg);}
.m-sub-menu{transition: 0.3s;overflow: hidden;max-height: 0;border-bottom: 1px solid transparent;}
.m-sub-menu.open{max-height: 5000px;background-color: #f9f9f9;border-color: #e6e6e6;}
.m-sub-menu>a{height: 48px;display: flex;align-items: center;font-size: 15px;font-weight: 500;color: #333;transition: 0.3s;padding: 0 16px;}
.m-sub-menu>a:hover{background-color: #f1f1f1;}

.loading{position: fixed;z-index: 10;width: 100vw;height: calc(100% - 0px);left: 0;bottom: 0;background-color: rgba(255, 255, 255, 0.4);backdrop-filter: blur(10px);display: none;align-items: center;justify-content: center;flex-direction: column;font-size: 16px;font-weight: 500;color: #121212;text-align: center;gap: 16px;border-radius: 10px;}
/* HTML: <div class="loader"></div> */
.loader {
    width: 34px;
    aspect-ratio: 1;
    --_g: no-repeat radial-gradient(circle closest-side,#000 90%,#000);
    background: 
      var(--_g) 0    0,
      var(--_g) 0    100%,
      var(--_g) 100% 100%;
    background-size: 40% 40%;
    animation:l11 1s infinite linear;
  }
  @keyframes l11 {
      25% {background-position:100% 0   ,0 100%,100% 100%}
      50% {background-position:100% 0   ,0 0   ,100% 100%}
      75% {background-position:100% 0   ,0 0   ,0    100%}
      100%{background-position:100% 100%,0 0   ,0    100%}
  }

@media (max-width: 1400px){
    .header-inner{padding: 0 32px;}
    .sub-menu-inner{padding-right: ;}
}
@media (max-width: 1200px){
    .title-46{font-size: 42px;}
    .title-42{font-size: 36px;}
    .title-36{font-size: 32px;}
    .title-32{font-size: 26px;}
    .title-24{font-size: 22px;}

    .menu>button{font-size: 16px;}
    .sub-menu{padding: 24px 16px;}
    .sub-menu>a{margin-bottom: 24px;}
    .join-count{font-size: 18px;}
    .jc-txt{font-size: 18px;}
}
@media (max-width: 1024px){

}
@media (max-width: 993px){
    .popup-inner{padding: 32px 16px 0 16px;}
    .toggle-button{display: flex;}
    .header-inner{height: 60px;}
    .logo-wrap .logo{height: 30px;}
    .header-inner{padding: 0 16px;}
    .sub-menu-wrap{display: none;}
    .menu{display: none;}
    
    .title-46{font-size: 40px;}
    .title-42{font-size: 32px;}
    .title-36{font-size: 26px;}
    .title-32{font-size: 24px;}
    .title-24{font-size: 20px;}
    .scroll-btn{padding-bottom: 16px;}
    .scroll-btn::after{height: calc(112px - 16px);}
}
@media (max-width: 768px){
    .jc-txt{font-size: 16px;}
    .join-count{font-size: 16px;}
    .popup-inner{width: calc(100% - 32px);}
    .login-wrap{padding: 0px;flex-wrap: wrap;height: 100%;align-items: center;justify-content: center;overflow: hidden;position: relative;}
    .login-info>p{margin-bottom: 32px;color: #fff;}
    .login-wrap .write-item>p{color: #fff;}
    .write-item>span{}
    .input-item>input{background-color: rgba(255, 255, 255, 0.8);backdrop-filter: blur(5px);}
.login-img{width: 100%;margin-bottom: 32px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);max-width: calc(100% + 32px);width: calc(100% + 32px);height: calc(100% + 32px);border-radius: 0;filter: brightness(0.5) blur(2.5px);}
.login-img>img{}
.login-info{position: relative;z-index: 2;}
.auto-login>input[id="check"] + label .check{background-color: #fff;}
.auto-login>input[id="check"] + label>span{color: #fff;}
.login-join>a{color: #fff;}
.find-account{color: #fff;}
.find-account>a{color: #fff;}
.login-info{width: 100%;max-width: 480px;padding: 0 16px;}
.auto-login>input[id="check"]:checked + label>span{color: #fff;}
.btn-36{font-size: 14px;}
.post-sub-txt{margin-top: 5px !important;}
}
@media (max-width: 640px){
    .title-46{font-size: 36px;}
    .title-42{font-size: 32px;}
    .title-36{font-size: 24px;}
}
@media (max-width: 540px){
    .join-section{padding: 64px 16px 32px 16px !important;}
}
@media (max-width: 480px){
    .title-46{font-size: 32px;}
    .title-42{font-size: 26px;}
    .title-36{font-size: 24px;}
}
@media (max-width: 375px){
    .title-46{font-size: 26px;}
    .title-42{font-size: 24px;}
}

.money-item{margin-bottom: 64px;text-align: center;}
.money-item>p{font-size: 16px;color: #333;}
.money-item>span{color: #333;font-size: 16px;}
.money-item>span>strong{color: #3987BE;}

.exit-item{margin-bottom: 32px;}
.exit-item>p{font-size: 18px;color: #333;margin-bottom: 16px;}
.filebox>label{display: flex;justify-content: center;color: #333;align-items: center;width: 100%;height: 48px;border: 1px solid #4295D0;background-color: rgba(66, 149, 208, 0.1);color: #3987BE;border-radius: 12px;gap: 10px;font-size: 18px;font-weight: 500;cursor: pointer;transition: 0.3s;margin-bottom: 10px;}
.filebox>label:hover{background-color: #4295D0;color: #fff;}
.filebox svg{width: 24px;height: 24px;color: #3987BE;}
.filebox>label:hover>svg{color: #fff;}
.file-item{margin-bottom: 10px;border-radius: 12px;border: 1px solid #d9d9d9;background-color: #f1f1f1;display: flex;align-items: center;justify-content: space-between;padding: 0 10px;font-size: 16px;height: 48px;}
.file-item>button{width: 36px;height: 36px;flex-shrink: 0;}
.file-item>button>svg{width: 16px;height: 16px;color: #666;transition: 0.3s;}
.file-item>button:hover>svg{color: #E83F49;}
.file-item>p{width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #333;}
.mo-br{display: none;}
@media (max-width: 768px){
    .money-item{margin-bottom: 32px;}
    .mo-br{display: inherit;}
    .exit-item>p{font-size: 16px;}
}

.main-popup-wrap{position: fixed;padding-top: 100px;pointer-events: none;width: 100%;height: 100%;left: 0;top: 0;padding: 32px;padding-top: 100px;z-index: 5;dis;}
.main-popup-line{display: flex;gap: 32px;align-items: flex-start;pointer-events: none;}
.main-popup{width: 100%;border-radius: 16px;box-shadow: 1px 20px 32px rgba(0, 0, 0, 0.5);overflow: hidden;max-width: 33.333%;pointer-events: auto;overflow: hidden;position: relative;border: 1px solid #d9d9d9;max-height: calc(100vh - 132px);display: none;}
.main-popup>img{display: block;width: 100%;height: 100%;object-fit: cover;}
.main-popup>button{padding: 0 10px;border-radius: 100px;height: 32px;background-color: rgba(0, 0, 0, 0.8);position: absolute;right: 10px;top: 10px;color: #fff;font-size: 14px;font-weight: 500;gap: 5px;display: flex;align-items: center;justify-content: center;backdrop-filter: blur(5px)}
.main-popup>button:last-of-type{top: auto;bottom: 10px;}

@media (max-width: 993px){
    .main-popup-line{gap: 16px;}
    .main-popup-wrap{padding: 16px;padding-top: 60px;}
    .main-popup{max-height: calc(100vh - 92px);}
}
@media (max-width: 640px){
    .main-popup{max-width: 100%;}
}
#E83F49