.header-txt{text-align:center;position:relative;padding:0 20px 60px 20px;}
.header-txt h2{font-size:20px;color:#333;font-weight:bold;line-height:34px;}
.header-txt .back-btn{position:absolute;left:20px;top:0;}
.tit-bx h3{font-size:22px;color:#333;font-weight:bold;line-height:1.4;}
.tit-bx p{font-size:16px;color:#888;margin-top:14px;}
.tit-bx h3 span{color:#B3B3B3;}
.tit-bx h3 em{color:#3182F6}

@media (max-width:300px){
	.tit-bx p{line-height:1.3;}
}

.input-con{margin-top:40px;}
.input-con .input-text-bx {border:1px solid #ddd;border-radius:5px;overflow:hidden;}
.input-con .input-text-bx input[type="text"] {height:60px;border:none;color:#333;font-size:16px;font-weight:bold;}
.input-con .input-text-bx input[type="text"]::placeholder{font-size:16px;color:#B3B3B3;font-weight:bold;}
.input-con .input-text-bx input[type="password"] {height:60px;border:none;color:#333;font-size:16px;font-weight:bold;}
.input-con .input-text-bx input[type="password"]::placeholder{font-size:16px;color:#B3B3B3;font-weight:bold;}
.input-con .input-text-bx input[type="number"] {height:60px;border:none;color:#333;font-size:16px;font-weight:bold;}
.input-con .input-text-bx input[type="number"]::placeholder{font-size:16px;color:#B3B3B3;font-weight:bold;}
.input-con .input-text-bx input[type="email"] {height:60px;border:none;color:#333;font-size:16px;font-weight:bold;}
.input-con .input-text-bx input[type="email"]::placeholder{font-size:16px;color:#B3B3B3;font-weight:bold;}
.input-con .input-text-bx:has(.input-text-bx:focus) {border:1px solid #3182F6}
.input-text-bx:focus-within {
    border-color: #3182F6; /* 포커스 시 테두리 색 변경 */
}
.text-input-bx:focus-within {
    border-color: #3182F6; /* 포커스 시 테두리 색 변경 */
}

.input-con .input-text-bx02 {margin-top:15px;}

#kakao-login-auth {width:100%;height:60px;background:#fee500 url(/images/default/content/kakao-btn.png)no-repeat center left+26px;border-radius:12px;color:#191919;margin-top:15px;font-size:18px;font-weight:600;}

@media (max-width:500px){
	#kakao-login-auth {background-size:25px}
}


.submit-btn {width:100% !important;height:60px !important;display:flex;justify-content:center;align-items:center;color:#fff;font-size:18px !important;font-weight:bold;background:#3182F6 !important;border-radius:15px !important;margin-top:15px;text-align:center !important;font-size:18px !important;border:none !important;}
.input-con .retry-btn {background:#F3F4F5 !important;color:#333;}


.input-con .re-input {margin-top:15px;position:relative;}
.input-con .re-input p.time{position:absolute;top:50%;transform:translateY(-50%);right:12px;font-size:16px;color:#3182F6;font-weight:500;}
.input-con .re-input input[type="text"] {padding-right:60px;}


.join-pop{background: #fff;height: 60%;position: fixed;bottom: 0;left: 0;width: 100%;z-index: 9999;transition-duration: 0.5s;border-radius:20px 20px 0 0;display:flex;justify-content:center;align-items:center;text-align:center;width:600px;left:50%;transform: translate(-50%,100%);}
.join-pop .up {transform: translate(50%,0);}
.join-pop .pop-tit{font-size:22px;font-weight:bold;color:#333;margin:30px 0;line-height:1.5;}
.join-pop > div {width:100%;padding:0 20px;}
.join-pop a.next-txt {width:100%;height:60px;display:flex;justify-content:center;align-items:center;color:#3182F6;font-size:18px;font-weight:bold;background:#fff;border-radius:15px;margin-top:15px;cursor:pointer;}

.skipping {display:block;width:100%;text-align:center;margin-top:30px;color:#3182F6;font-size:18px;font-weight:700;}

.mt2 {margin-top:2rem;}