/* -------- 로그인 -------- */

.login {display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 0 20px; width: 100%; height: 100vh;}
.login > div {width: 100%;}
.login-logo {width: 130px !important; margin-bottom: 50px;}

.login-wrap {margin-bottom: 80px;}
.log-btn {margin-top: 25px; display: flex; flex-direction: column; align-items: center; gap: 10px;}
.log-btn ul li {display: inline-block; padding: 0 13px; position: relative; font-size: 13px;}
.log-btn ul li::after {content: ""; display: block; position: absolute; width: 1px; height: 10px; background-color: #888; top: 50%; left: -2px; transform: translateY(-50%);}
.log-btn ul li:first-child::after {content: none;}
.join-wrap p {font-size: 13px;}
.lo-input {display: flex; flex-direction: column; gap: 10px;}
.lo-input input {width: 100%;}

/* -------- 회원가입 -------- */

.join-wrap {display: flex; align-items: center; gap: 10px; position: absolute; left: 50%; bottom: 30px; transform: translateX(-50%); justify-content: center;}
.join-wrap span {color: #FF6200;}

.join-con .input-wrap {margin-top: 30px;}
.join-con .input-wrap > div .id-du {display: flex; align-items: center; gap: 10px;}
/* .join-con .input-wrap button {} */
.join-con .input-wrap div.id-confirm { width: 115px;font-size: 14px;}
.join-con .input-wrap div.ph-confirm {width: 170px;font-size: 14px;}
.confirm-num {margin-top: 10px;}

/* -------- 아이디 찾기 -------- */

.join-con h2 {margin: 30px 0; font-size: 20px;}
.done-txt p span {display: inline-block; font-size: 18px !important; color: #FF6200 !important; padding: 0 !important;} 

/* -------- 인트로 -------- */

.intro {width: 100%; height: 100vh; background-color: #FF8941; display: flex; align-items: center; justify-content: center;}
.intro .intro_box {display: flex; flex-direction: column; align-items: center; gap: 17px;}
.intro .intro-logo {width: 150px;}
.intro .intro_box p {text-align: center; font-size: 15px; color: #fff; line-height: 1.5;}


@media (max-width:310px){
    .join-con .input-wrap button {font-size: 12px;}
}