@charset "utf-8";

.mpg-menu {margin-bottom:35px;}
.mpg-menu ul {display:flex; justify-content:center;}
.mpg-menu ul li {padding:0 5px;}
.mpg-menu ul li a {width:340px; height:60px; font-size:var(--font-size-18); letter-spacing:-.03em; border:1px solid #ddd; font-weight:600; display:flex; justify-content:center; align-items:center; border-radius:5px;}
.mpg-menu ul li.active a {color:#fff; background-color:#282729; border-color:#282729;}

.btn-pack.very-large.ty2 {margin-top:20px; border-radius:5px;}

.agree-radio {margin-top:20px; text-align:right;}
.agree-radio .item:first-child {padding-right:30px;}

.login-process {margin:30px 0 -20px;}
.login-process ol {display:flex; justify-content:center;}
.login-process ol li {font-size:22px; font-weight:700; padding:0 45px; color:#b7b7b7; position:relative;}
.login-process ol li:after {position:absolute; content:''; top:50%; margin-top:-1px; height:1px; width:50px; right:-25px; background-color:#ddd;}
.login-process ol li:last-child:after {display:none;}
.login-process ol li.active {color:#242424;}

/* 로그인 */
.mem-tit {margin-bottom:12px;font-size: clamp(0.9375rem, 0.8882rem + 0.1974vw, 1.125rem); font-weight:500; letter-spacing:-.03em; color:#242424;}

.login-area {max-width:470px; margin:0 auto;}
.login-tab {text-align:center; border-bottom:4px solid #006c3c ; 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:var(--font-size-18); line-height:60px;}
.login-tab ul li.active {position:relative; z-index:2; border-color:#006c3c ;}
.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:#006c3c ; font-weight:500;}
.login-content .group {margin-bottom:25px;}
.login-content .group .input {display:block; width:100%; height:54px;border-radius:5px;}
.login-content .links {display:flex; justify-content:space-between; margin-top:14px; font-size:var(--font-size-18); 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 {height:70px; line-height:68px; display:block; width:100%; margin-top:10px;}
.login-content .btn-pack.dark {margin-top:35px;}
.login-content .btn-pack.xlarge {font-weight:500;}
.login-content .checkbox label:before {width:24px; height:24px; border-radius:100%;}
.checkbox input:checked + label:before {background-color:#006c3c ; border-color:#006c3c ;}

.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 {margin-bottom:50px;max-width:900px;margin-left:auto;margin-right:auto;}
.agree-wrap .group {margin-top:40px;}
.agree-wrap .group:first-child {margin-top:0;}
.agree-wrap .agree-tit {color:#333; font-size:var(--font-size-20); 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:#006c3c ; border-color:#006c3c ; 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 {font-size:14px;}
.agree-wrap .agree-box .terms-wrap .sec {margin-bottom:20px;}
.agree-wrap .agree-box .terms-wrap .sec h3 {font-size:14px; font-weight:500; margin-bottom:0; color:#454545;}
.agree-wrap .agree-box .terms-wrap.privacy .sec h3 {font-size:14px; font-weight:500;}
.agree-wrap .agree-box .terms-wrap.privacy .sec h4 {font-size:14px; margin-left:5px; font-weight:400; margin-bottom:0;}

.privacy .ml {margin-left:20px;}
.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;}

/* 회원가입 */
.join-form .required {color:#fd8239}
.join-form .join-form-txt {color:#505050; font-weight:400; 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;}
.join-form table th {padding:18px; border:1px solid #ddd; background:#fff; font-weight:500; color:#242424;}
.join-form table td {padding:18px; border:1px solid #ddd; color:#454545;height:80px;}
.join-form table td .radio-wrap{display:flex;flex-wrap:wrap;margin:0 -10px -5px;}
.join-form table td .radio-wrap>span{padding:0 10px;margin-bottom:5px;}
.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:#f8f8f8; color:#909090;}
.join-form .help-text {display:inline-block; margin-left:10px; color:#767676;}
.join-form + .buttons {margin-top:50px;}

.join-form .content{margin-bottom:95px;}
.join-form .content:last-child{margin-bottom:0;}
.join-form .content .title{margin-bottom:15px;font-size: clamp(1rem, 0.9013rem + 0.3947vw, 1.375rem);color: #242424;font-weight:700;line-height:1.3em;}
.join-form .content .title span{color: #878787;}

.join-form .content .agree-con{border-top:2px solid #242424;}
.join-form .content .agree-con .group{padding:30px 20px;border-bottom:1px solid #ddd;}
.join-form .content .agree-con .group .agree-tit{color: #242424;font-weight:500;}
.join-form .content .agree-con .group .box{margin-top:15px;padding:35px 40px;border:1px solid #ddd;border-radius:5px;}
.join-form .content .agree-con .group .box .row{margin-bottom:25px;}
.join-form .content .agree-con .group .box .row:last-child{margin-bottom:0;}
.join-form .content .agree-con .group .box .row .tit{margin-bottom:10px;color: #242424;font-weight:500;line-height:1.4em;}
.join-form .content .agree-con .group .box .row .tt{line-height:1.4em;color: #878787;}
.join-form .content .agree-con .group .box .row .table{margin-top:25px;}
.join-form .content .agree-con .group .box .row .table table{border-top:1px solid #ddd;}
.join-form .content .agree-con .group .box .row .table table th{border-right:0;background-color: #f4f4f4;color: #454545;font-weight:500;}
.join-form .content .agree-con .group .box .row .table table th,
.join-form .content .agree-con .group .box .row .table table td{height:44px;padding:10px 15px;font-size: clamp(0.8125rem, 0.7961rem + 0.0658vw, 0.875rem);}
.join-form .content .agree-con .group .box .tt2{color: #242424;font-weight:500;}

.join-btn{margin-top:55px;}
.join-btn p{margin-bottom:25px;color: #242424;font-size: clamp(0.875rem, 0.8092rem + 0.2632vw, 1.125rem);line-height:1.4em;text-align:center;font-weight:600;}
.join-btn .btn{display:flex;align-items:center;position:relative;padding:0 30px;margin:0 auto;height:70px;width:300px;border-radius:10px;background-color: #307244;border:none;color: #ffffff;font-weight:600;line-height:1.2em;font-size: clamp(0.875rem, 0.8092rem + 0.2632vw, 1.125rem);cursor:pointer;transition:.3s;text-align:left;}
.join-btn .btn:after{content:'';width:16px;height:12px;background:url('../images/main/more-arr.png')no-repeat 100% 50%/contain;position: absolute;right:30px;top:50%;margin-top:-6px;z-index:1;}
.join-btn .btn:hover{background-color: #265b36;}


/* 가입완료 */
.join-complete {text-align:center;}
.join-complete .tit {color:#454545; font-size:30px; font-weight:700; line-height:1.4em; letter-spacing:-.03em; margin-bottom:30px;}
.join-complete .txt {color:#333; font-size: clamp(0.875rem, 0.8092rem + 0.2632vw, 1.125rem); margin-bottom:65px; line-height:1.8em; letter-spacing:-.03em;}
.join-complete .icon {width:180px; height:180px; background:#006c3c  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;justify-content:center;}
.join-complete .buttons .cen .btn{display:flex;justify-content:center;align-items:center;max-width:425px;width:100%;height:70px;margin-right:16px;font-size: clamp(0.875rem, 0.8092rem + 0.2632vw, 1.125rem);font-weight:500;line-height:1.2em;border:1px solid #ddd;}
.join-complete .buttons .cen .btn.type2{background-color: #006c3c;color: #fff;border:none;}
.join-complete .buttons .cen .btn:last-child{margin-right:0;}

/* 게정찾기 */
.find-area {max-width:470px; margin:0 auto;}
.find-tab {text-align:center; border-bottom:4px solid #006c3c ; 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:var(--font-size-18); line-height:60px;}
.find-tab ul li.active {position:relative; z-index:2; border-color:#006c3c ;}
.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:#006c3c ; font-weight:500;}
.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-result {text-align:center; padding:34px 42px; color:#505050; font-size:18px; font-weight:300; line-height:1.75em; letter-spacing:-.03em; background:#fafafa; border-top:2px solid #006c3c ; border-bottom:1px solid #ddd;}
.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:#006c3c ; font-size:30px; font-weight:700; line-height:1.5em;}

/* 회원탈퇴 */
.member-leave{border-top:2px solid #242424;padding-top:40px;}
.member-leave .txt {text-align:center; color:#686868;  letter-spacing:-.03em; margin-bottom:25px;}
.member-leave .txt .tit {color:#242424; font-size: clamp(0.9375rem, 0.8882rem + 0.1974vw, 1.125rem); line-height:1.5em; margin-bottom:15px;}
.member-leave .form2{max-width:535px;width:100%;margin:0 auto 50px;}
.member-leave .form2 input.input{height:52px;border-radius:5px;width:100%;}
.member-leave .buttons{margin:0;}

/* .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%;} */