@charset "utf-8";

.member-title {text-align:center; margin-bottom:35px;}
.member-title .doc-tit {margin-bottom:10px;}

/* 로그인 */
.login-area {max-width:470px; margin:0 auto;}
.login-tab {text-align:center; border-bottom:4px solid var(--color-primary); margin-bottom:50px;}
.login-tab ul {display:flex; padding:0 2px;}
.login-tab ul li {flex:1; border:4px solid #dfdfdf; border-bottom:0; margin:0 -2px; border-radius:10px 10px 0 0;}
.login-tab ul li a {display:block; color:#333; font-size:18px; font-weight:500; line-height:60px;}
.login-tab ul li.active {position:relative; z-index:2; border-color:var(--color-primary);}
.login-tab ul li.active:after {content:""; position:absolute; left:0; right:0; bottom:-4px; height:4px; background:#fff;}
.login-tab ul li.active a {color:var(--color-primary); font-weight:700;}
.login-content .group {border:1px solid #686868; border-radius:12px; overflow:hidden;}
.login-content .group .input {height:80px; padding:6px 20px; display:block; width:100%; font-size:17px; border:0;}
.login-content .group .input::placeholder {color:#aaa;}
.login-content .group .input + .input {border-top:1px solid #ddd; background-color:#fff;}
.login-content .links {display:flex; justify-content:space-between; margin-top:14px; font-size:17px; color:#242424; font-weight:700; line-height:1.5em;}
.login-content .links .checkbox label:before {border:2px solid #000; border-radius:4px;}
.login-content .links #save_id + label {font-weight:400; color:#454545;}
.login-content .links a:hover {text-decoration:underline;}
.login-content .links .bar {display:inline-block; vertical-align:middle; margin:-.2em 12px 0; width:2px; height:16px; background:#d1d1d1;}
.login-content .btn-pack {display:block; width:100%; margin-top:10px; border-radius:40px;}
.login-content .btn-pack.focus {margin-top:45px;}
.login-content .btn-pack.xlarge {font-weight:500;}

.sns-login {text-align:center; margin-top:50px;}
.sns-login .tit {position:relative; color:#333; font-size:15px; font-weight:400; line-height:1.3em; margin-bottom:35px;}
.sns-login .tit:before {content:""; position:absolute; top:50%; left:0; margin-top:-1px; width:100%; height:1px; background:#ddd;}
.sns-login .tit span {display:inline-block; position:relative; padding:0 30px; background:#fff;}
.sns-login a {margin:0 12px;}

/* 약관동의 */
.agree-wrap {max-width:800px; margin:0 auto 60px; border:1px solid #686868; border-radius:12px;}
.agree-wrap .row {padding:40px; border-bottom:1px solid #ddd;}
.agree-wrap .row:last-child {border-bottom:0;}
.agree-wrap .row.ty2 {padding:25px 40px;}
.agree-wrap .group-tit {margin-bottom:19px;}
.agree-wrap .group-tit-wrap {display:flex; position:relative;}
.agree-wrap .agree-txt.ty2 {color:#242424; font-size:20px; font-weight:700;}
.agree-wrap .agree-txt {margin-bottom:20px; position:relative; display:flex; color:#454545; font-size:17px; font-weight:400; line-height:1.3em;}
.agree-wrap .agree-txt:last-child {margin-bottom:0;}
.agree-wrap .agree-txt .checkbox label:before {border:2px solid #000; border-radius:3px;}
.view-txt {font-size:16px;position:absolute; right:0; top:0;color:#454545; text-decoration:underline;}


/* 회원가입 */
.join-form {max-width:800px; margin:0 auto;}
.join-form .radio-item {margin-right:25px;}
.join-form-top {display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:15px;}
.join-form .required {color:#fd8239}
.join-form .join-form-tit {padding-left:40px; position: relative;font-size:24px; font-weight:700; letter-spacing:-.03em; line-height:1.33em; color: #242424;}
.join-form .join-form-tit:before {content:''; position: absolute; left:0; top:0; width:30px; height:30px; background:url('../images/bbs/check.png') no-repeat 50% 50% / contain;}
.join-form .join-form-txt {color:#505050; font-weight:400; line-height:1.4em;}
.join-form .id-flex {display:flex; align-items:center;}
.join-form .table-wrap {border-radius:12px;border:1px solid #686868; }
.join-form table {width:100%; border-collapse:collapse; border-spacing:0px; font-size:16px; line-height:1.5em;}
.join-form table th {height:80px; font-size:18px;text-align:left; padding:17px 40px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-weight:700; color:#333;}
.join-form table td {height:80px; padding:17px 20px; border-bottom:1px solid #ddd; color:#505050;}
.join-form tr th:first-child,
.join-form tr td:first-child {border-left:0;}
.join-form tr th:last-child,
.join-form tr td:last-child {border-right:0;}
.join-form tr:last-child th,
.join-form tr:last-child td {border-bottom:0;}
.join-form input.input {border:0; font-size:17px; width:100%;}
.join-form input.input::placeholder {color: #aaa;}
.join-form input[readonly] {background-color:#fff; color:#505050;}
.join-form .help-text {display:inline-block; margin-left:10px; color:#767676;}
.join-form + .buttons {margin-top:50px;}

/* 가입완료 */
.join-complete {text-align:center;}
.join-complete .tit {color:var(--color-primary); font-size:28px; font-weight:700; line-height:1.4em; margin-bottom:30px;}
.join-complete .txt {color:#333; font-size:18px; line-height:1.8em;}
.join-complete .icon {width:180px; height:180px; background:var(--color-primary) url("../images/member/complete.png") 50% 50% no-repeat; border-radius:100%; margin:36px auto 45px;}
.join-complete .buttons {margin:0;}
.join-complete .btn-pack {border-radius:40px;}

/* 게정찾기 */
.find-area {max-width:470px; margin:0 auto;}
.find-tab {text-align:center; border-bottom:4px solid var(--color-primary); margin-bottom:50px;}
.find-tab ul {display:flex; padding:0 2px;}
.find-tab ul li {flex:1; border:4px solid #dfdfdf; border-bottom:0; margin:0 -2px; border-radius:10px 10px 0 0;}
.find-tab ul li a {display:block; color:#333; font-size:18px; font-weight:500; line-height:60px;}
.find-tab ul li.active {position:relative; z-index:2; border-color:var(--color-primary);}
.find-tab ul li.active:after {content:""; position:absolute; left:0; right:0; bottom:-4px; height:4px; background:#fff;}
.find-tab ul li.active a {color:var(--color-primary); font-weight:700;}
.find-content .group {margin-bottom:8px;}
.find-content .group .input {display:block; width:100%; height:54px; font-size:16px;}
.find-content .btn-pack {display:block; width:100%; margin-top:10px;  border-radius:40px;}
.find-content .btn-pack.focus {margin-top:30px;}
.find-content .btn-pack.xlarge {font-weight:500;}
.find-result {text-align:center; padding:34px 42px; color:#505050; font-size:18px; font-weight:400; line-height:1.75em; background:#fafafa; border-top:2px solid var(--color-primary); border-bottom:1px solid #ddd;}
.find-result h4 {font-size:22px; font-weight:700; line-height:1.4em; margin-bottom:20px;}
.find-result p:first-child {margin-bottom:10px;}
.find-result .name {color:var(--color-primary); font-size:30px; font-weight:700; line-height:1.5em;}

/* 회원탈퇴 */
.member-leave .txt {text-align:center; color:#505050; line-height:1.7em; margin-bottom:40px;}
.member-leave .txt .tit {color:#333; font-size:20px; line-height:1.5em; margin-bottom:15px;}
.member-leave .form {max-width:470px; margin:0 auto 40px; padding:50px; color:#666; font-size:16px; line-height:1.5em; background:#f9f9f9; border:1px solid #e5e5e5; border-radius:10px;}
.member-leave .form .group {display:flex; align-items:center; margin-bottom:20px;}
.member-leave .form .group:last-child {margin-bottom:0;}
.member-leave .form .group .label-tt {width:90px; color:#222; font-weight:700;}
.member-leave .form .group .text-id,
.member-leave .form .group .input {flex:1 1 auto; min-width:0; width:1%;}