/* 멤버 */
.member { background: #EFECE7; padding:190px 0 100px}
.member h3 { text-align: center; }
.member .sign-up,
.member .sign-in {margin: 0 auto;padding-top:30px;width:100%;max-width: 560px; padding: 50px; background: #fff; border-radius: 10px}
.member .sign-up .button-group,
.member .sign-in .button-group {margin-top: 30px;text-align: center;}
.member .sign-up .button-group .button,
.member .sign-in .button-group .button { display:block; width:100%; line-height:60px;font-size:17px; font-weight:600; border-radius:10px}
.member .sign-up .ment,
.member .sign-in .ment {margin-top: 30px;text-align: center;font-size: 16px;font-weight: 500;color: #231815;}
.member .sign-up .ment a,
.member .sign-in .ment a {display: inline-block;font-size: 16px;font-weight: bold;margin-left: 10px;}
.member .sign-in .tab {display: flex;gap:10px;margin-bottom: 30px;}
.member .sign-in .tab a {position:relative;display:flex;flex: 1;gap:4px;align-items: center;justify-content: center;border-bottom: solid 2px #cdd2d5;background-color: #fff;font-size: 20px;font-weight: bold;height:60px;color: #9b9b9b;}
/* .member .sign-in .tab a:after{content: "";display: none;width:16px;height:16px;background: url(/_public/images/icon/ico_chk.svg) no-repeat;background-size: cover;} */
.member .sign-in .tab a.active {border-color:#231815;color:#231815;font-weight: bold;}
.member .sign-in .tab a.active:after{display: block;}
.member .sign-in .button-group .button{display: block;background: #0C1726;color:#fff;}
.member .sign-in .button-group .button:hover{ background:#000;}
.member .sign-in .button-group .button:disabled{background: #cdd2d5;border-color:#cdd2d5;color:#fff;}

.member .sign-in .button-group .button + .button {margin-top: 10px;}
.member .sign-in .ment + .ment {margin-top: 10px;}
.member .sign-in .none-members {margin-top: 95px;}
.member .sign-in .none-members fieldset {margin-top: 20px;}
.member .sign-in .none-members h4{position:relative;font-size:16px;font-weight:500;color: #202020;text-align: center;}
.member .sign-in .none-members h4 span{position:relative;display: inline-block;padding:0 15px;background: #fff;z-index: 1;}
.member .sign-in .none-members h4:before{content: "";position:absolute;top:10px;left:0;display: inline-block;width:100%;height: 1px;background: #ccc;}
.member .sign-in .forgot-password {margin-top: 95px;}
.member .sign-in .none-members .cmm-form + .cmm-form{margin-top:20px;}
.member .sign-in .in-members .cmm-form{}

.member .sign-in .in-members .cmm-form + .cmm-form{ }
.member .sign-in .in-members .form i {position: absolute;top: 14px;left: 0;font-size: 13px;}
.member .sign-in .in-members .form input[type="text"],
.member .sign-in .in-members .form input[type="password"] {}
.member .sign-in .in-members .form input[type="text"]::placeholder,
.member .sign-in .in-members .form input[type="password"]::placeholder {color:#787878;}
.member .sign-in .in-members .checkbox-type1{display: inline-block;margin-top:30px;}
.member .sign-in .sns-button{margin-top:30px;}
.member .sign-in .sns-button h4{position:relative;font-size:16px;font-weight:500;color: #202020;}
.member .sign-in .sns-button h4 span{position:relative;display: inline-block;padding:0 15px;background: #fff;z-index: 1;}
.member .sign-in .sns-button h4:before{content: "";position:absolute;top:10px;left:0;display: inline-block;width:100%;height: 1px;background: #ccc;}
.member .sign-in .sns-button button{position:relative;display: block;width:100%;margin-top:30px;height: 60px;font-size:16px;font-weight:600;text-align: center;}
.member .sign-in .sns-button button:before{content:"";position:absolute;display: inline-block;left:20px;top: 50%;transform: translateY(-50%);}
.member .sign-in .sns-button button + button{margin-top:10px;}
.member .sign-in .sns-button .signin-naver{background: #5abc38;color:#fff;}
.member .sign-in .sns-button .signin-naver:before{width:21px;height: 20px;background: url(/_public/images/common/naver.png) no-repeat;background-size: cover;}
.member .sign-in .sns-button .signin-kakao{background: #ffdb2a;color:#202020;}
.member .sign-in .sns-button .signin-kakao:before{width:23px;height: 21px;background: url(/_public/images/common/kakao.png) no-repeat;background-size: cover;}
.member .sign-in .sns-button .signup-button{position:relative;border:1px solid #804e38;background: #fff;color:#804e38;}
.member .sign-in .sns-button .signup-button:hover { border:1px solid #804e38;background:#804E38;color:#fff; }

.member .sign-in .sns-button .signupto-button{position:relative;border:1px solid #ddc8a8;background: #f0e8dc;color:#804e38;}
.member .sign-in .sns-button .signupto-button:hover { border:1px solid #804e38;background:#804E38;color:#fff; }


.member .totit { font-size: 16px; display: block; font-weight: 500; margin-bottom: 10px}
.member .toinfo p { font-size: 16px; word-break: keep-all; background: #f5f5f5; padding: 20px; border-radius: 10px; }

.member .jumin-box{display:flex;align-items:center;gap:18px;}
.member .jumin-box span{flex-shrink:0;font-size:24px;color:#111;}
.member .jumin-box input{flex:1;}




.member .sign-in .link-box{margin-top:30px;display: flex;align-items: center;justify-content: space-between;gap:10px;}
.member .sign-in .link-box p{position: relative;padding-left: 40px;font-size: 16px;font-weight: 600;letter-spacing: -0.32px;color: #202020;}
.member .sign-in .link-box p:before{content: "";position: absolute;left:0;width:35px;height: 22px;background: url(/_public/images2/contents/signin_icon.png) no-repeat;background-size: cover;}
.member .sign-in .link-box .btn{ display:flex;gap:20px;}
.member .sign-in .link-box .btn a{position: relative;font-size: 16px;font-weight: 500;color: #202020;}
.member .sign-in .link-box .btn a:before{content: "";position: absolute;top:3px;left:-10px;width:1px;height:17px;background: #aaa;}
.member .sign-in .link-box .btn a:first-child:before{display:none;}
.member .sign-in .btn-signup{margin-top:40px;width:100%;height:55px;display: flex;align-items: center;justify-content: center; border-radius: 27.5px;border: solid 1px #002d7b;background-color: #fff;gap:5px;font-size: 18px;font-weight: bold;line-height: 1;color: #202020;}
.member .sign-in .btn-signup:before{content: "";position: relative;top:-1px;display: inline-block;width:57px;height:21px;background: url(/_public/images2/common/logo2.png) no-repeat;background-size: cover;}


/* .member .sign-in .sns-button .signup-button:before{content: "";position:absolute;top:9px;left:10px;display: inline-block;width:40px;height:40px;background: url(/_public/images/common/logo_s.svg) no-repeat;background-size: cover;} */


.member .sign-in .find-box{margin-top:40px;display: flex;justify-content: center;gap:80px;}
.member .sign-in .find-box a{position: relative;font-size: 16px;font-weight: 500;color: #231815;}
.member .sign-in .find-box a:before{content: "";position:absolute;top:4px;left:-40px;display: inline-block;width:1px;height:14px;background: #cdd2d5;}
.member .sign-in .find-box a:first-child:before{display: none;}
.member .sign-in .find-phone .radio-type1{  display: flex; width: 100%}
.member .sign-in .find-email{margin-top:50px;}
.member .sign-in .find-email .radio-type1{ display: flex; width: 100%}
.member .sign-in .find-email .radio-type1 label { width: 100%}
.member .sign-in .find-phone .radio-type1 label { width: 100%}
.member .sign-in .radio-type1 input[type="radio"] { width: 20px; margin-right: 10px;}
.member .sign-in .radio-type1 input[type="radio"]:checked + label { background: #fff; color: #000;}
.member .sign-in .radio-type1 input[type="radio"]:checked + label::after {content: "선택됨";background: url(/_public/images2/icon/checked_ico2.svg) no-repeat 0 50%; margin-left: 10px;font-size: 16px; color: #804E38; padding-left: 20px;}
.member .sign-in .certification input[type="number"] {padding: 0 110px 0 10px;}
.member .sign-in .certification-button {position: absolute;top: -1px;right: 0;padding: 0 10px;line-height: 40px;font-size: 14px;border-radius: 0;}
.member .sign-up {margin-top:30px;width:100%;max-width: 530px;background: #f6f6f6;padding:40px;}
.member .sign-up .radio-group {font-size: 0;padding-bottom: 5px;}
.member .sign-up .radio-group .radio-type1 {display: inline-block;margin: 0;width: 80px;}
.member .sign-up .radio-group .radio-type1 label {font-size: 13px;line-height: 35px;}
.member .sign-up .ios-chk {position: absolute;bottom: 5px;right: 0;}
.member .sign-up .ios-chk label {position: relative !important;top: inherit !important;left: inherit !important;font-size: 13px;}
.member .sign-up .birth input[type="number"] {padding: 0 210px 0 10px;}
.member .sign-up .birth .radio-group {padding: 0;position: absolute;top: 0;right: 0;}
.member .sign-up .name{position: relative;}
.member .sign-up .name .button{position: absolute;top:0;right:0;width:80px;line-height: 35px;font-size:13px;border-radius: 0;}
.member .sign-up .button-group .button{display:flex;align-items:center;justify-content:center;width:100%;font-size:17px;font-weight:600;background: #202020;color: #fff;}
.member .sign-up section + section{margin-top:60px;}
.member .sign-up section .section-title{font-size: 26px;border-bottom:2px solid #231815;padding-bottom:10px;font-weight: 500;color: #202020;margin-bottom: 30px;}
.member .sign-finish{border-radius: 10px; margin: 0px auto 0;width:100%;max-width:530px;padding:40px;background: #fff;}
.member .sign-finish .txt-box{margin:0 auto;max-width:500px;}
.member .sign-finish .txt-box .icon{text-align: center;font-size:0;}
.member .sign-finish .txt-box h3{margin-top:15px;text-align: center;font-size: 40px;font-weight: normal;color: #202020;}
.member .sign-finish .txt-box .tit{margin-top:40px;text-align:center; font-size: 18px;font-weight: 500;line-height: 1.39;color: #231815;}
.member .sign-finish .txt-box .tit strong{display:inline-block;font-weight:bold;}
.member .sign-finish .txt-box .tit span{display:inline-block;font-weight:bold;text-decoration: underline;}
.member .sign-finish .txt-box .txt{margin-top:30px;font-size: 18px;font-weight: 500;line-height: 1.39;text-align: center;color: #231815;}
.member .sign-finish .button-group{margin-top:40px;display: flex;flex-direction: column;gap:10px;}
.member .sign-finish .button-group .button{display: flex;align-items: center;justify-content: center;height:60px; font-size: 17px;font-weight: 500;color: #804E38;border:1px solid #804E38;background: #fff;border-radius: 10px; }
.member .sign-finish .button-group .button:first-child{background: #0C1726;color:#fff;}
.member .sign-finish .oin { padding: 20px; border-radius: 10px; background: #F6F2E8; margin-top: 40px; font-size: 17px; text-align:center; word-break: keep-all;}
.member .sign-finish .oin strong { display: block; margin-bottom: 5px}
.member .sign-finish .oin span { font-size:16px}

/* tablet */
@media all and (max-width:1280px) {

}

/* mobile */
@media all and (max-width:1024px) {
    .member .sign-in .in-members .checkbox-type1{margin-top:20px;}
    .member .sign-up .button-group .button,
    .member .sign-in .button-group .button{line-height:50px;font-size:15px;}
    .member .sign-in .sns-button button{height:50px;}
    .member .sign-in .sns-button{margin-top:30px;}
    .member .sign-in .sns-button .signin-naver:before{width:18px;height:17px;}
    .member .sign-in .sns-button .signin-kakao:before{width:18px;height:16px;}
    .member .sign-in .sns-button .signup-button:before{top: 13px;left: 16px;width: 25px;height: 25px;}

    .member{padding:110px 20px;}
    .member .sign-in{padding:20px 25px 30px;}
    .member .sign-in .title-box h2{font-size:22px;}
    .member .sign-in .title-box h2 i{width:80px;}
    .member .sign-in .title-box p{font-size:15px;}
    .member .sign-in fieldset{ }
    .member .sign-in fieldset .field-box .field input[type="text"],
    .member .sign-in fieldset .field-box .field input[type="password"]{font-size:15px;}
    .member .sign-in fieldset .btn-submit{height: 50px;font-size: 15px;}
    .member .sign-in .link-box{margin-top:20px;flex-direction: column;align-items: flex-start;}
    .member .sign-in .link-box .btn{width:100%;justify-content: flex-end; margin-top: 10px;}
    .member .sign-in .btn-signup{margin-top:20px;font-size: 15px;}
    .member .uscall { font-size: 14px}
    .member .sign-in .in-members .form input[type="text"],
    .member .sign-in .in-members .form input[type="password"] {}
    .member .sign-in .in-members .form input[type="text"]::placeholder,
    .member .sign-in .in-members .form input[type="password"]::placeholder { font-size: 16px}
    .member .sign-in .link-box .btn a  { font-size: 15px}
    .member .sign-in .link-box p { font-size: 15px;padding-left:36px;}
    .member .sign-in .link-box p:before { width: 30px; height: 19px}

    .member .sign-up{padding:20px;}
    .member .sign-up section .section-title{font-size:21px;padding-bottom: 5px;margin-bottom: 20px;}
    .member .sign-up .ment,
    .member .sign-in .ment{margin-top:20px;font-size:14px;}
    .member .sign-up .ment a,
    .member .sign-in .ment a{font-size:15px;}
    .member .sign-finish{padding:30px 20px 20px;}
    .member .sign-finish .txt-box .icon img{max-width: 40px;}
    .member .sign-finish .txt-box h3{font-size:30px;}
    .member .sign-finish .txt-box .tit{margin-top:30px;font-size:16px;}
    .member .sign-finish .txt-box .txt{font-size:16px;}
    .member .sign-finish .button-group{margin-top:40px;}
    .member .sign-finish .button-group .button{height:50px;font-size:15px;}
    .member .sign-in .tab a {  font-size: 17px;height: 55px;}
    .member .sign-in .tab a.active {}
    .member .cmm-form .form input[type="text"],
    .member .cmm-form .form input[type="tel"],
    .member .cmm-form .form input[type="number"],
    .member .cmm-form .form input[type="email"],
    .member .cmm-form .form input[type="password"] { height: 55px}
    .member .cmm-form .form input[type="text"]::placeholder,
    .member .cmm-form .form input[type="tel"]::placeholder,
    .member .cmm-form .form input[type="password"]::placeholder { font-size: 16px}
    .member .cmm-form { padding: 10px 0 0 }
    .member .sign-up .button-group, .member .sign-in .button-group { margin-top: 15px}


    .member .totit { font-size: 15px; }
    .member .toinfo p { font-size: 15px; padding: 15px; }
    .member .jumin-box span{font-size:20px;}

}

/* mobile */
@media all and (max-width:768px) {

}