@charset "utf-8";

/* 마이페이지 */
.mypage-menu {border-bottom:1px solid #505050; margin-bottom:60px;}
.mypage-menu ul {display:flex; justify-content:center;}
.mypage-menu ul li {width:auto; padding:0 25px;}
.mypage-menu ul li a {display:flex; align-items:center; justify-content:center; position:relative; height:58px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#a8a8a8;}
.mypage-menu ul li a:hover,
.mypage-menu ul li.active a {color:#2c2c2c;}
.mypage-menu ul li.active a:before {content:""; position:absolute; width:7px; height:7px; background:#2c2c2c; border-radius:100%; left:0; top:0;}

/* 쿠폰 */
.my-coupon-list {}
.my-coupon-list ul li {display:flex; margin-bottom:20px;}
.my-coupon-list ul li.none {display:block; padding:100px 0; text-align:center; border-bottom:none;}
.my-coupon-list ul li.none > div {border:0; margin-left:0;}
.my-coupon-list ul li.none .img {margin-bottom:17px;}
.my-coupon-list ul li.none .tt {font-size:20px; font-weight:400; line-height:1.2em; letter-spacing:-0.03em; color:#686868;}

.my-coupon-list ul li:last-child {margin-bottom:0;}
.my-coupon-list ul li > div {border:1px solid #ddd; border-radius:7px; margin-left:-1px; position:relative;}
.my-coupon-list ul li .cnt {flex: 1 1 auto; min-width: 0; width: 1%; padding:35px 55px;}
.my-coupon-list ul li .cnt .tit {font-size:21px; font-weight:700; line-height:1.4em; letter-spacing:-0.03em; color:#242424; margin-bottom:8px;}
.my-coupon-list ul li .cnt .txt {font-weight:400; line-height:1.7em; letter-spacing:-0.03em; color:#454545;}
.my-coupon-list ul li .cnt .deadline {font-weight:400;line-height:1.7em; letter-spacing:-0.03em; color:#454545;}
.my-coupon-list ul li .cnt .deadline .bar {display:inline-block; width:1px; height:14px; background:#ddd; vertical-align:middle; margin:0 14px;}
.my-coupon-list ul li .discount {min-width:200px; display:flex; justify-content:center; align-items:center; font-size:22px; font-weight:700; line-height:1.2em; letter-spacing:-0.03em;}


/* 로그인 */
.login-area {max-width:1000px; margin:0 auto;}
.login-content {display:flex; margin:0 -30px;}
.login-content > .group {width:50%; padding:0 30px;}
.login-content .left .tit {font-family:var(--font-marcellus); font-size:48px; font-weight:400; line-height:1.2em; letter-spacing:0; color:#2c2c2c; margin-bottom:40px;}
.login-content .tt {font-size:18px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:13px;}
.login-content .tx {line-height:2em; letter-spacing:-0.04em; color:#505050; margin-bottom:43px;}
.login-content .more a {display:inline-block; padding:26px 90px 26px 40px; border:1px solid #505050; font-size:17px; font-weight:500; line-height:1em; letter-spacing:-0.03em; color:#2c2c2c; position:relative;}
.login-content .more a:before {content:""; position:absolute; width:20px; height:14px; background:url("../images/sub/arrow_double.png") no-repeat 50% 50%; right:40px; top:50%; margin-top:-7px; background-size:contain;}


.login-content .right .group {margin-bottom:8px;}
.login-content .right .group .input {display:block; width:100%; height:54px; font-size:16px;}
.login-content .links {display:flex; justify-content:space-between; margin-top:14px; font-size:14px; color:#505050; font-weight:500; line-height:1.5em;}
.login-content .links a:hover {text-decoration:underline;}
.login-content .links .bar {display:inline-block; vertical-align:middle; margin:-.2em 12px 0; width:1px; height:16px; background:#ddd;}
.login-content .btn-pack {display:block; width:100%; margin-top:10px;}
.login-content .btn-pack.focus {margin-top:20px;}
.login-content .btn-pack.xlarge {font-weight:500;}
.login-content .non-member-tab {text-align:center; margin-top:48px; font-size:14px; font-weight:500; line-height:1.2em; letter-spacing:-0.04em; color:#878787; text-decoration:underline;}

.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:20px;}
.sns-login a {margin:0 7px;}

.non-member-order-tit {font-size:24px; font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#2c2c2c; margin-bottom:50px;}
.non-member-info {margin-top:35px; text-align:center;}
.non-member-info .tt {font-size:15px; font-weight:500; line-height:1.7em; letter-spacing:-0.04em; color:#505050; margin-bottom:10px;}
.non-member-info .tx {font-size:14px; font-weight:400; line-height:1.2em; letter-spacing:-0.04em; color:#878787;}

/* 약관동의 */
.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:#333; 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:#2c2c2c; border-color:#2c2c2c; 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;}

.agree-cen {display:flex; max-width:680px; margin:0 auto;}
.agree-cen .btn {flex:1; margin:0 2px;}
.agree-cen input {width:100%; text-align:left;}
.agree-cen .btn-pack.large {font-size:17px;}
.agree-cen img {vertical-align:middle; display:inline-block; margin-right:15px;}
.arrow-wrap {display:inline-block; position:relative; width:100%;}
.arrow-wrap:before {content:""; position:absolute; width:5px; height:8px; background:url("../images/main/mv_next.png") no-repeat 50% 50%; right:33px; top:50%; margin-top:-4px; text-align:left; z-index:1;}

/* 회원가입 */
.join-tit {}
.join-tit h3 {display:inline-block; color:#005d32; font-size:18px; font-weight:500; line-height:1.3em;}
.join-tit p {display:inline-block;}
.join-tit.flex {display:flex; justify-content:space-between;}
.join-form {max-width:480px; margin:0 auto 60px;}
.join-form .required {color:#878787;}
.join-form .join-form-txt {color:#505050; font-weight:300; line-height:1.4em; margin-bottom:12px;}
.join-form table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #242424; font-size:16px; line-height:1.5em; letter-spacing:-.03em;}
.join-form table th {padding:12px 15px; height:69px; border:1px solid #ddd; background:#fafafa; font-weight:500; color:#333;}
.join-form table th small {font-weight:400; color:#686868; line-height:1.3em;}
.join-form table td {padding:12px 20px; border:1px solid #ddd; color:#505050; font-weight:300;}
.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-right:30px; font-weight:500;}
.join-form .help-text {display:inline-block; margin-left:10px; color:#767676;}
.join-form + .buttons {margin-top:50px;}
.join-form .buttons .btn-pack {width:100%;}

.join-form dl {margin-bottom:28px;}
.join-form dt {font-weight:700; color:#2c2c2c; letter-spacing:-0.04em; margin-bottom:10px;}
.join-form .id-btn {display:inline-block; height:44px; line-height:44px; width:132px; background:#121212; text-align:center; font-size:15px; color:#fff; font-weight:700;}
.join-form dl.fix-info dd {border:1px solid #dfdfdf; background:#fafafa; color:#a8a8a8; height:44px; line-height:42px; padding:0 16px;}
.join-form .leave-btn {text-align:right; font-size:12px; font-weight:400; line-height:1.2em; letter-spacing:-0.04em; color:#878787; text-decoration:underline;}

/* 가입완료 */
.join-complete {text-align:center;max-width:472px; margin:0 auto;}
.join-complete .inner {padding:50px 0; border-top:1px solid #505050; border-bottom:1px solid #505050; margin-bottom:18px;}
.join-complete .img {margin-bottom:34px;}
.join-complete .tit {color:#2c2c2c; font-size:24px; font-weight:700; line-height:1.4em; letter-spacing:-.04em; margin-bottom:15px;}
.join-complete .txt {color:#333; font-size:18px; line-height:1.8em; letter-spacing:-.03em;}
.join-complete .icon {width:180px; height:180px; background:#005d32 url("../images/member/complete.png") 50% 50% no-repeat; border-radius:100%; margin:36px auto 45px;}
.join-complete .buttons {margin:0;}
.join-complete .buttons .cen {display:flex;}
.join-complete .buttons .cen a {width:50%;}

/* 게정찾기 */
.find-area {}
.find-tab {text-align:center; padding-bottom:15px; border-bottom:1px solid #505050; margin-bottom:60px;}
.find-tab ul {display:flex;}
.find-tab ul li {position:relative; margin-right:50px;}
.find-tab ul li a {display:block; color:#a8a8a8; letter-spacing:-0.04em; font-weight:700;}
.find-tab ul li.active {position:relative;}
.find-tab ul li.active:after {content:""; position:absolute; width:7px; height:7px; background:#2c2c2c; border-radius:100%; left:0; top:-20px; border-radius:100%;}
.find-tab ul li.active a {color:#2c2c2c;}


.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;}
.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:#2c2c2c; font-size:18px; font-weight:300; line-height:1.75em; letter-spacing:-.03em; border-top:1px solid #505050; border-bottom:1px solid #505050;}
.find-result h4 {font-size:22px; font-weight:500; line-height:1.4em; letter-spacing:-.03em; margin-bottom:20px;}
.find-result p:first-child {margin-bottom:10px;}
.find-result .name {color:#2c2c2c; font-size:30px; font-weight:700; line-height:1.5em;}

/* 회원탈퇴 */
.member-leave .txt {text-align:center; color:#505050; line-height:1.7em; letter-spacing:-.03em; 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:500;}
.member-leave .form .group .text-id,
.member-leave .form .group .input {flex:1 1 auto; min-width:0; width:1%;}