@charset "utf-8";

/***************************************************************************/
/*				           모바일/Small Devices (991px 이하)	   	                     /
/***************************************************************************/

/* 공통 */
.auth-container {width:100%;max-width:360px;margin:0 auto;padding:30px;}
.auth-container h2 {font-size: 1.4rem;text-align: center;font-weight:600;margin-bottom:15px;letter-spacing: -0.5px;}
.input-group input[type="text"], .input-group input[type="password"], .input-group input[type="email"], .input-group input[type="tel"] {width:100%;padding:11px 15px;font-size:16px;border-radius:6px;outline:none;}
.auth-caption {background:var(--color-light-p);font-size:0.76rem;color:#999;line-height:1.4;padding:17px;border-radius:8px;margin-bottom:15px;}
.auth-caption span {color:#cd0111;}
.btn-auth {width:100%;padding:14px 0;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);border:none;color:#fff;font-weight:500;font-size:1rem;cursor:pointer;border-radius:6px;margin-top:10px;transition:background 0.2s ease;}

/* 회원가입 */
.input-group {margin-bottom:12px;}
.input-group label {display:block;font-size:0.9rem;font-weight:500;margin-bottom:4px;}
.id-check-wrap {display:flex;align-items:stretch;width:100%;overflow:hidden;}
.id-check-wrap input {flex:1 1 75%;padding:11px 14px;font-size:16px;border-radius:6px 0 0 6px !important;border-right:none;outline:none;min-width:0;}
.id-check-wrap button {flex:0 0 25%;display:flex;align-items:center;justify-content:center;background:#3a3d4b;border:none;border-left:1px solid var(--color-ccc);border-radius:0 6px 6px 0;font-size:0.86rem;color:#fff;cursor:pointer;white-space:nowrap;}
.terms {margin-top:20px;padding:0 0 5px 1px;}
.terms-title {font-size:0.95rem;font-weight:600;margin-bottom:12px;}
.terms-title .required {color:#e12f3b;font-size:0.85rem;margin-left:3px;}
.terms-item {display:flex;align-items:center;justify-content:space-between;margin-bottom:5px;}
.terms-item label {display:flex;align-items:center;gap:8px;font-size:0.86rem;cursor:pointer;}
.terms-item input[type="checkbox"] { appearance: none; width: 18px; height: 18px; border: 2px solid #613d9d; border-radius: none !important; position: relative; cursor: pointer; outline: none; box-shadow: none; background-color: transparent; }
.terms-item input[type="checkbox"]:focus { outline: none; box-shadow: none; }
.terms-item input[type="checkbox"]:checked { background-color: #613d9d; border-color: #613d9d; }
.terms-item input[type="checkbox"]:checked::after { content: ""; position: absolute; top: 2px; left: 5px; width: 4px; height: 8px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg); background: none; }
.terms-btn {padding:4px 10px;font-size:0.76rem;border:1px solid var(--btn-basic-border);background:none;cursor:pointer;border-radius:4px;}

/* 로그인 */
.login-links {text-align:center;margin-top:18px;font-size:0.86rem;color:#666;}
.login-links a {color:#666;text-decoration:none;margin:0 5px;}
.login-links span {color:#aaa;}

/* 아이디비번 찾기 결과 */
.result-wrap {padding:30px 0;text-align:center;font-size:0.9rem;}
.result-wrap .myid {font-size:1.2rem;color:#de2f3d;font-weight:600;}
.result-wrap .mypw span {font-weight:600;display:block;}


/***************************************************************************/
/*				        데스크톱/Large Devices (992px 이상)	   	                     /
/***************************************************************************/
@media (min-width: 992px) {

/* 공통 */
.auth-container {width:100%;max-width:510px;margin:245px auto 0;padding:50px 0;}
.auth-container h2 {font-size: 1.8rem;text-align: center;font-weight:600;margin-bottom:30px;}
.auth-caption {background:#f6f5f7;font-size:0.82rem;color:#999;line-height:1.5;padding:20px 25px;border-radius:8px;margin-bottom:20px;}

/* 회원가입 */
.input-group {margin-bottom:17px;}
.input-group label {display:block;font-size:0.86rem;font-weight:500;margin-bottom:5px;}

/* 로그인 */
.login-links {text-align:center;margin-top:18px;font-size:0.86rem;color:#666;}
.login-links a {color:#666;text-decoration:none;margin:0 5px;}
.login-links a:hover {color:#222;text-decoration:underline;}
.login-links span {color:#aaa;}

/* 아이디비번 찾기 결과 */
.result-wrap {font-size:1rem;}

}