@charset "utf-8";

/* 로그인 */
.login-area {max-width:648px; margin:0 auto; padding:34px 50px; border-radius:100px; box-shadow:3px 3px 15px 10px rgba(0,0,0,.15);}
.login-area .inner {max-width:440px; margin:0 auto;}
.login-area h3 {text-align:center; font-size:30px; font-weight:600; line-height:1.3em; margin-bottom:76px;}
.login-area .group {display:flex; align-items:center; padding:0 16px; margin-bottom:5px;}
.login-area .group label {width:138px; font-size:20px; font-weight:500; line-height:1.3em; letter-spacing:-.025em;}
.login-area .group .input {flex:1 1 auto; min-width:0; width:1%; height:44px; padding:0 6px; font-size:17px; border-radius:0; border:0; font-size:17px; border-bottom:1px solid #ddd;}
.login-area .save {padding:8px 0 32px 16px; font-size:15px;}
.login-area .btn-pack {display:block; width:100%;}
.login-area .btn-pack.xlarge {font-size:28px;}
.login-area .btn-pack.xlarge:hover {transform:scale(1.05)}
.login-area .links {margin-top:18px;}
.login-area .links .row {display:flex; margin:0 -9px;}
.login-area .links .col {width:32%; padding:0 9px;}
.login-area .links .col:nth-child(2) {width:36%;}
.login-area .links a:hover {text-decoration:underline;}
.login-area .links .btn-pack.large {padding:0; min-width:100%;}

/* 약관동의 */
.agree-wrap {max-width:680px; margin:0 auto 50px;}
.agree-wrap .group {margin-top:40px;}
.agree-wrap .group:first-child {margin-top:0;}
.agree-wrap .agree-tit {color:#221e1f; font-size:20px; font-weight:500; line-height:1.3em; letter-spacing:-.03em;}
.agree-wrap .agree-tit .checkbox label:before {width:24px; height:24px; background:#fff url("../images/member/checkbox.png") 50% 50% no-repeat; border:2px solid #ccc; border-radius:100%;}
.agree-wrap .agree-tit .checkbox input:checked + label:before {background-color:#231f20; border-color:#231f20; background-image:url("/images/member/checkbox_on.png");}
.agree-wrap .agree-box {position:relative; max-height:175px; margin-top:17px; padding:16px 20px; border:1px solid #ddd; overflow:auto;}
.agree-wrap .agree-box .terms-wrap {color:#767676; font-size:14px;}
.agree-wrap .agree-box .terms-wrap .sec {margin-bottom:20px;}
.agree-wrap .agree-box .terms-wrap .sec h3 {color:#767676; font-size:14px; font-weight:300; margin-bottom:0;}
.agree-wrap .agree-box .terms-wrap .sec strong {font-weight:300;}

.terms-wrap {font-weight:300; color:#666; line-height:1.75em; letter-spacing:-.03em;}
.terms-wrap .sec {margin-bottom:40px;}
.terms-wrap .sec h3 {color:#222; font-size:1.1em; font-weight:500; margin-bottom:7px;}
.terms-wrap .sec p {margin-bottom:1em;}
.terms-wrap .sec strong {font-weight:500;}
.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 .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;}
.terms-wrap .table {margin:10px 0;}
.terms-wrap .table table {width:100%; border-collapse:collapse; border-spacing:0px;}
.terms-wrap .table th {padding:10px; border:1px solid #dfdfdf; background:#fafafa; font-weight:500; color:#333;}
.terms-wrap .table td {padding:10px; border:1px solid #dfdfdf; text-align:center; font-weight:300; color:#666;}
.terms-wrap .table td b {font-weight:500;}

/* 회원가입 */
.join-form {max-width:1020px; margin:0 auto 70px;}
.join-form .required {color:#ee3f44; font-size:14px;}
.join-form .join-form-txt {text-align:right; color:#999; font-size:15px; line-height:1.4em;}
.join-form table {table-layout:fixed; width:100%; border-collapse:collapse; border-spacing:0px; font-size:15px; line-height:1.5em; letter-spacing:-.025em;}
.join-form table th {padding:10px 0; width:226px; height:63px; text-align:left; font-weight:500; color:#221e1f;}
.join-form table th .required {display:inline-block; width:23px;}
.join-form table td {padding:10px 23px 10px 42px; border-bottom:1px solid #ddd;  font-weight:500; color:#221e1f;}
.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 input[readonly] {background-color:#fff; color:#505050;}
.join-form .radiobox {margin:10px 35px 0 0;}
.join-form .help-text {margin-top:12px; color:#999; font-size:12px; font-weight:300; line-height:1.5em; letter-spacing:-.02em;}
.join-form .input.none-border {border-radius:0; border:0; padding:0;}
.join-form .btn-pack {border-color:#ddd;}
.join-form + .buttons {margin-top:50px;}

/* 가입완료 */
.join-complete {text-align:center;}
.join-complete .tit {color:#221e1f; font-size:28px; font-weight:500; line-height:1.4em; letter-spacing:-.03em; margin-bottom:30px;}
.join-complete .txt {color:#999; font-size:18px; line-height:1.7em; letter-spacing:-.025em;}
.join-complete .icon {width:180px; height:180px; background:#221e1f url("../images/member/complete.png") 50% 50% no-repeat; border-radius:100%; margin:36px auto 45px;}
.join-complete .buttons {margin:0;}

/* 게정찾기 */
.find-area {max-width:648px; margin:0 auto; padding:34px 50px; border-radius:100px; box-shadow:3px 3px 15px 10px rgba(0,0,0,.15);}
.find-area .inner {max-width:480px; margin:0 auto;}
.find-area .head {text-align:center; margin-bottom:40px;}
.find-area .head h3 {font-size:30px; font-weight:600; line-height:1.3em;}
.find-area .head p {color:#999; font-size:15px; font-weight:300; line-height:1.45em; margin-top:27px;}
.find-area .group {display:flex; align-items:center; padding:0 16px; margin-bottom:5px;}
.find-area .group label {width:160px; font-size:20px; font-weight:500; line-height:1.3em; letter-spacing:-.025em;}
.find-area .group .input {flex:1 1 auto; min-width:0; width:1%; height:44px; padding:0 6px; font-size:17px; border-radius:0; border:0; font-size:17px; border-bottom:1px solid #ddd;}
.find-area .save {padding:8px 0 32px 16px; font-size:15px;}
.find-area .btn-pack {display:block; width:100%;}
.find-area .links {margin-top:22px;}
.find-area .links .row {display:flex; justify-content:center; margin:0 -9px;}
.find-area .links .col {width:32%; padding:0 9px;}
.find-area .links .col:nth-child(2) {width:36%;}
.find-area .links .cen {text-align:center;}
.find-area .links .btn-pack.large {padding:0; min-width:100%;}
.find-area .links .cen .btn-pack.large {min-width:140px; width:140px; margin:0 auto;}

.find-result {text-align:center; color:#999; font-size:17px; line-height:1.6em; letter-spacing:-.025em; margin-bottom:30px;}
.find-result h4 {color:#555; font-size:18px; line-height:1.4em; margin-bottom:8px;}
.find-result p:first-child {margin-bottom:10px;}
.find-result .name {color:#000; font-size:30px; font-weight:700; line-height:1.5em;}

/* 회원탈퇴 */
.member-leave {max-width:684px; margin:0 auto; padding:45px 50px 60px; border-radius:100px; box-shadow:3px 3px 15px 10px rgba(0,0,0,.15);}
.member-leave .txt {text-align:center; font-weight:300; margin-bottom:40px;}
.member-leave .form {max-width:410px; margin:0 auto 40px;}
.member-leave .form .group {display:flex; align-items:center; margin-bottom:5px;}
.member-leave .form .group:last-child {margin-bottom:0;}
.member-leave .form .group .label-tt {width:138px; font-size:20px; font-weight:500; line-height:1.3em; letter-spacing:-.025em;}
.member-leave .form .group .text-id,
.member-leave .form .group .input {flex:1 1 auto; min-width:0; width:1%; display:flex; align-items:center; height:44px; padding:0 6px; font-size:17px; border-radius:0; border:0; font-size:17px; border-bottom:1px solid #ddd;}
.member-leave .btn-pack.xlarge {width:100%; max-width:440px; font-size:26px; margin:0 auto;}

.member-leave-link {margin-top:30px; color:#929292; font-weight:300; text-align:right;}
.member-leave-link a {border-bottom:1px solid #929292;}

.member-leave-pop {max-width:1094px; padding:55px 115px 60px; border-radius:15px;}
.member-leave-pop h2 {text-align:center; font-size:28px; font-weight:600; line-height:1.3em; letter-spacing:-.03em; margin-bottom:65px;}
.member-leave-pop .group {margin-bottom:45px;}
.member-leave-pop .group h3 {font-size:20px; font-weight:600; line-height:1.3em; letter-spacing:-.03em; margin-bottom:12px;}
.member-leave-pop .group .memo {padding:18px 25px; color:#999999; font-size:15px; font-weight:300; line-height:1.5em; border:2px solid #ccc;}
.member-leave-pop .group .memo ul li {position:relative; padding-left:10px;}
.member-leave-pop .group .memo ul li:before {content:"·"; position:absolute; top:0; left:0; font-weight:600;}
.member-leave-pop .group .input {display:block; width:100%; height:41px; padding:5px 24px; color:#999; font-size:15px; border:2px solid #ccc; border-radius:0;}
.member-leave-pop .check {text-align:center; margin-bottom:54px; color:#999; font-size:15px; line-height:1.5em; font-weight:300;}
.member-leave-pop .btn-pack.xlarge {width:100%; max-width:440px; font-size:26px; margin:0 auto;}
.member-leave-pop a.close-modal {top:17px; right:17px; width:22px; height:22px;}