/* .startup-container .back-img{background-color: aqua; width: 100%; position: absolute; top: 0; height: 400px; z-index: -1;} */
.startup-container .startup-wrap { width: 100%; background-color: #fff; display: flex; justify-content: center;}
.startup-container .startup-wrap .startup-inner{ padding: var(--Spacing-XL) 40px; width: 768px;}
.startup-container .startup-wrap .startup-inner .startup-title{ display: flex; justify-content: space-between; font-size: var(--Font-Size-Title); color: var(--text-primary); line-height: 24px;}
.startup-container .startup-wrap .startup-inner .line-divider{border: 2px solid var(--main-005); margin: var(--Spacing-S) 0 ;}

.startup-container .startup-wrap .startup-inner .section-box{width: 100%; margin-top: var(--Spacing-XL);}
.startup-container .startup-wrap .startup-inner .section-box .box-title{font-size: var(--Font-Size-Body_Long); font-weight: 500; margin-bottom: var(--Spacing-S);}
.startup-container .startup-wrap .startup-inner .section-box .input-box{width: 100%;    height: 48px; background: var(--bg-base); border: none; padding: var(--Spacing-XS) var(--Spacing-M); border-radius: var(--Radius-XS); margin-top: var(--Spacing-S); font-size: var(--Font-Size-Body_Short); font-weight: 400; }
.startup-container .startup-wrap .startup-inner .section-box .input-box::placeholder{font-size: var(--Font-Size-Body_Short); font-weight: 400; color: var(--text-unselected);}
.startup-container .startup-wrap .startup-inner .section-box .form-box{display: flex; justify-content: space-between; gap: var(--Spacing-XS); }
.startup-container .startup-wrap .startup-inner .section-box .form-box select{width: 100%; height: 48px; font-size: var(--Font-Size-Body_Short);border: none; padding: var(--Spacing-XS) var(--Spacing-M); border-radius: var(--Radius-XS); background: var(--bg-base); font-weight: 400; position: relative;}
.startup-container .startup-wrap .startup-inner .section-box .form-box div{position: relative; width: 100%;}
.startup-container .startup-wrap .startup-inner .section-box .form-box div::after{    background: url(../images/arrow-to-bottom.svg); position: absolute; content: ''; width: 16px; height: 16px; right: 5%; top: 50%; transform: translate(-50%, -50%);}
.startup-container .startup-wrap .startup-inner .section-box .form-box select:invalid{ color: var(--text-unselected); }

.startup-container .startup-wrap .startup-inner .section-box .text-area{width: 100%; height: 150px; font-size: var(--Font-Size-Body_Short); border: none; padding: var(--Spacing-S) var(--Spacing-M); border-radius: var(--Radius-XS); background: var(--bg-base); font-weight: 400; resize: none;}
.startup-container .startup-wrap .startup-inner .section-box .text-area::placeholder{color: var(--text-unselected);}

.startup-container .startup-wrap .startup-inner .section-box .age-label{font-size: var(--Font-Size-Body_Short); height: 25px; display: flex; justify-content: center; align-items: center; width: fit-content; font-weight: 400;}
.startup-container .startup-wrap .startup-inner .section-box .age-label input{    width: 20px; height: 20px; margin-right: var(--Spacing-XS); }
.startup-container .startup-wrap .startup-inner .section-box .age-label-box{display: flex; gap: var(--Spacing-M); margin-top: var(--Spacing-S);}

.startup-container .startup-wrap .startup-inner .section-box .policy-agree-label{margin-bottom: var(--Spacing-S); font-size: var(--Font-Size-Body_Long); font-weight: 400; color: var(--text-secondary); display: flex; align-items: center; gap: var(--Spacing-XS);}
.startup-container .startup-wrap .startup-inner .section-box .policy-agree-label input{width: 20px; height: 20px; }
.startup-container .startup-wrap .startup-inner .section-box .policy-textarea{width: 100%; height: 306px; font-size: var(--Font-Size-Body_Short); color: var(--text-unselected); border: none; padding: var(--Spacing-S) var(--Spacing-M); border-radius: var(--Radius-XS); background: var(--bg-base); font-weight: 400; resize: none;     box-sizing: border-box; overflow-y: auto;}
.startup-container .startup-wrap .startup-inner .section-box .policy-textarea h3{font-size: var(--Font-Size-Body_Long); color: var(--text-secondary);}
.startup-container .startup-wrap .startup-inner .section-box .policy-textarea p{font-size: var(--Font-Size-Body_Long); color: var(--text-secondary); font-weight: 400; white-space: pre-line; }


.startup-container .startup-wrap .startup-inner .section-box.btn-wrap .apply-btn{ background-color: var(--main-001); border-radius: var(--Radius-XS); padding: var(--Spacing-M) var(--Spacing-XL);display: flex; justify-content: center; align-items: center; font-size: var(--Font-Size-Body_Short); color: var(--text-reverse); width: 320px;}
.startup-container .startup-wrap .startup-inner .section-box.btn-wrap{display: flex; justify-content: center; }
aside.pop-request { width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.5); position: fixed; left: 0; top: 0; z-index: 99; display: none; }
aside.pop-request .wrap { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
aside.pop-request .wrap .inner { width: 300px; border-radius: 12px; background: #fff; overflow: auto; box-sizing: border-box;  }
aside.pop-request .wrap .inner .title{text-align: center; margin-bottom: 30px; }
.loading-spinner {  width: 50px;  height: 50px;  border: 6px solid #ccc;  border-top: 6px solid #fff;  border-radius: 50%;  animation: spin 1s linear infinite;  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);}
.pop-request.loading p{display: block; position: absolute; bottom: 37%; left: 50%; transform: translate(-50%, -30%); color: #fff; text-align: center; width: 70%; }

@keyframes spin {
  0% { transform: translate(-50%, -50%) rotate(0deg); }
  100% { transform: translate(-50%, -50%) rotate(360deg); }
}


select{   -webkit-appearance:none; /* for chrome */ -moz-appearance:none; /*for firefox*/ appearance:none;}

/* 태블릿 */
@media (max-width: 1199px) {
    .startup-container .startup-wrap{margin-top: 100px; }
    
}

/* 모바일 */
@media (max-width: 767px) {
    .startup-container .startup-wrap{margin-top: 100px; }
    .startup-container .startup-wrap .startup-inner .section-box .form-box{flex-wrap: wrap;}
    .startup-container .startup-wrap .startup-inner {width: 324px;}
}