@charset "utf-8";

/* 로그인 */
.login-area {max-width:400px; margin:0 auto;}
.login-area .group {margin-bottom:8px;}
.login-area .group .input {display:block; width:100%; height:54px; font-size:16px;}
.login-area .links {display:flex; justify-content:space-between; margin-top:14px; font-size:14px; color:#505050; font-weight:500; line-height:1.5em;}
.login-area .links a {color:#878787; font-weight:400;}
.login-area .links a:hover {text-decoration:underline;}
.login-area .links .bar {display:inline-block; vertical-align:middle; margin:-.2em 12px 0; width:1px; height:16px; background:#ddd;}
.login-area .btn-pack {display:flex; width:100%; margin-top:10px;}
.login-area .btn-pack.focus {margin-top:20px;}
.login-area .btn-pack.xlarge {font-weight:500;}

.sns-login {margin-top:40px; text-align:center;}
.sns-login .tit {font-size:15px; font-weight:400; line-height:1.3em; margin-bottom:20px;}
.sns-login .link-item {display:inline-block; margin:0 4px;}
.sns-login .link-item svg {display:block;}

.guest-link {margin-top:40px; text-align:center;}
.guest-link a {color:#505050; font-size:16px; line-height:1.5em; text-decoration:underline; text-underline-offset:0.25em;}

.guest-text {margin-top:45px; text-align:center; font-size:15px; line-height:1.75em; color:#505050;}
.guest-text strong {font-weight:500;}
.guest-text .hour {margin-top:10px; color:#878787; font-size:14px; line-height:1.75em;}

/* 회원가입 */
.join-wrap {max-width:400px; margin:0 auto;}
.join-wrap h3 {font-size:15px; line-height:1.3em;}
.join-wrap .required {color:#f84949;}
.join-wrap .group {display:grid; gap:8px; margin-bottom:30px;}
.join-wrap .tit {display:block; color:#2c2c2c; font-size:16px; font-weight:700; line-height:1.3em;}
.join-wrap .btn-pack {display:flex; width:100%; font-weight:700;}
.join-wrap .input {display:block; width:100%;}
.join-wrap .submit {margin-top:40px; text-align:center;}
.join-wrap .etc-link {margin-top:40px; text-align:center;}
.join-wrap .etc-link a {color:#767676; font-size:16px; line-height:1.5em; text-decoration:underline; text-underline-offset:0.25em;}

.join-agree {padding:20px 16px; border:1px solid #ddd; border-radius:4px; font-size:15px; line-height:1.5em;}
.join-agree .agree-item {margin-top:16px; display:flex; justify-content:space-between; align-items:center;}
.join-agree .checkbox {display:flex;}
.join-agree .line {margin:20px 0; border-bottom:1px solid #e5e5e5;}
.join-agree em {color:#999; font-style:normal; font-size:.875em;}
.join-agree em.required {color:var(--color-primary);}
.join-agree .arr {margin-left:10px;}
.join-agree .arr svg {display:block}

/* 전문보기 */
.terms-wrap {font-weight:400; color:#666; line-height:1.75em;}
.terms-wrap .sec {margin-bottom:40px;}
.terms-wrap .sec h3 {color:#222; font-size:1.1em; font-weight:700; margin-bottom:7px;}
.terms-wrap .sec p {margin-bottom:1em;}
.terms-wrap .sec strong {font-weight:700;}
.terms-wrap .sec ol li {padding-left:1em; text-indent:-1em;}
.terms-wrap .sec ol li ol li {padding-left:1.35em; text-indent:-1.35em;}
.terms-wrap .sec small {font-size:.875em; color: #878787;}
.terms-wrap .policy-contact {display:flex; padding:20px 0; background:#fafafa; border:1px solid #e5e5e5; margin-bottom:1em;}
.terms-wrap .policy-contact dl {flex:1; padding:0 20px; border-left:1px solid #e5e5e5;}
.terms-wrap .policy-contact dl:first-child {border-left:0;}
.terms-wrap .policy-contact dt {font-weight:500; color:#333; margin-bottom:12px;}

/* 가입완료 */
.join-complete {display:flex; flex-direction:column; justify-content:center; max-width:400px; min-height:40vh; padding:30px 0; margin:0 auto; text-align:center;}
.join-complete lord-icon {display:block; margin:0 auto 1em; width:120px; height:120px;}
.join-complete h2 {font-size:24px; line-height:1.5em; font-weight:700; color:#2c2c2c;}
.join-complete p {margin-top:6px; line-height:1.5em; font-size:16px; font-weight:500; color:#505050;}
.join-complete .btns {display:flex; justify-content:center; gap:10px; margin-top:50px;}
.join-complete .btn-pack.large {width:100%;}

/* 계정찾기 */
.find-area {max-width:400px; margin:0 auto;}
.find-tab {text-align:center; margin-bottom:30px;}
.find-tab ul {display:flex; border-bottom:1px solid #eee;}
.find-tab ul li {flex:1;}
.find-tab ul li a {display:flex; align-items:center; justify-content:center; width:100%; height:60px; color:#a8a8a8; font-size:16px; font-weight:600; line-height:1.3em;}
.find-tab ul li.active {position:relative; z-index:2; border-color:#28ac9a;}
.find-tab ul li.active:after {content:""; position:absolute; left:0; right:0; bottom:-1px; height:2px; background:#000;}
.find-tab ul li.active a {color:#2c2c2c; 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:flex; width:100%; margin-top:10px;}
.find-content .btn-pack.focus {margin-top:18px;}
.find-content .btn-pack.xlarge {font-weight:500;}
.find-result {text-align:center; padding:10px 0 40px; color:#505050; font-weight:400; line-height:1.75em; border-bottom:1px solid #eee;}
.find-result h4 {color:var(--color-primary); font-size:22px; font-weight:600; 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%;}