.member{padding:5rem 0}


input[type="password"],
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"]
{height:55px;border:1px solid #ccc;border-radius:5px;color:#666;padding:0 1rem;font-size:16px;}
input[type="password"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus
{border:2px solid #2071f8;}
button {font-family: 'Pretendard';}


/*로그인*/
.login-con {padding-bottom:5rem;}
.login-tit {text-align:center;}
.login-tit p {color:#2071f8;font-size:1rem;line-height:1;font-weight:600;}
.login-tit h3{color:#333;font-weight:700;font-size:1.75rem;letter-spacing:-0.075rem;line-height:1;margin-top:15px;} 

.login-bx{width:460px;margin:0 auto;margin-top: 3rem;} 
.login-bx .login-form .input-bx:not(:last-child) {margin-bottom:15px;}

.login-bx .save-bx {display:flex;justify-content:space-between;margin-top:0.9rem;}
.login-bx .save-bx {position:relative;}
.login-bx .save-bx input[type="checkbox"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.login-bx .save-bx input[type="checkbox"] + label {display:inline-block; vertical-align:middle; line-height:1.25rem; position:relative; padding-left:2rem; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;font-size:0.8rem;color:#333;}
.login-bx .save-bx input[type="checkbox"] + label:before {content:'';position:absolute;left:0px;top:0px;margin:0;width:1.25rem;height:1.25rem;text-align:center;box-sizing:border-box; background-color: #fff; border:1px solid #ccc; transition: background-color .15s ease-in-out,background-position .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;border-radius:0.25rem;}
.login-bx .save-bx input[type="checkbox"] + label:active:before,
.login-bx .save-bx input[type="checkbox"]:checked + label:active:before {}
.login-bx .save-bx input[type="checkbox"]:checked + label:before {background:#333; border-color:#333;}
.login-bx .save-bx input[type="checkbox"]:checked + label:after {content:'';display:block;position:absolute;width:0.6rem;height:0.6rem;background:url(/images/default/content/check.png)no-repeat center center;background-size:cover;left:0.3rem;top:0.3rem;}
.agree-tit{border-bottom:1px solid #191919;}
.login-bx .lost-bx a{color:#333;font-size:0.8rem;padding:0 15px;line-height:1;}
.login-bx .lost-bx a:last-child{padding-right:0;border-left:1px solid #ddd;}
.login-bx .login-btn {margin-top:1.75rem;}
.login-bx .login-btn button,
.login-bx .login-btn input {height:55px;line-height:55px;background:#2071f8;color:#fff;text-align:center;border:2px solid #2071f8;width:100%;font-family: 'Pretendard';font-size:0.9rem;border-radius:5px;}
.login-bx .login-info {margin-top:15px;}
.login-bx .login-info a{height:55px;line-height:55px;background:#fff;color:#333;text-align:center;border:1px solid #ccc;width:100%;font-family: 'Pretendard';font-size:0.9rem;border-radius:5px;display:inline-block;}

@media (max-width:500px){
	.member {padding:5rem 1rem 0 1rem;}
	.login-bx{width:100%;}
	.login-con{padding-bottom:3rem;}
}

/*회원가입 1단계*/
.sigup-con {width:460px;margin:0 auto;}
.sigup-bar {width:5rem;height:5px;background:#dddddd;border-radius:2.5px;margin:0 auto;position:relative;overflow:hidden;}
.sigup-bar em {position:absolute;height:100%;background:#2071f8;left:0;}
.sigup-bar em.bar-01 {width:24%;}
.sigup-bar em.bar-02 {width:48%;}
.sigup-bar em.bar-03 {width:70%;}
.sigup-bar em.bar-04 {width:80%;} 
.sigup-bar em.bar-end {width:100%;}

h3.member-tit{color:#888;font-weight:700;text-align:center;font-size:1.75rem;line-height:1.25;margin-top:1.2rem;margin-bottom:3rem;}
h3.member-tit b{color:#333;}
.sigup-con .select-type{margin-top:3.2rem;} 
.sigup-con .select-type a {width:100%;border:1px solid #cccccc;display:inline-block;padding:2rem 1rem 2rem 6rem;border-radius:15px;position:relative;background:#fff;}
.sigup-con .select-type a:before{content:'';display:block;position:absolute;width:1.65rem;height:2.2rem;background:url(/images/default/content/type01-icon.png)no-repeat center center;background-size:cover;left:2.25rem;top:50%;margin-top:-1.1rem;}
.sigup-con .select-type a p {font-size:16px;color:#666}
.sigup-con .select-type a strong {font-size:1.25rem;color:#333;font-weight:700;line-height:1;margin-top:0.5rem;display:inline-block;}
.sigup-con .select-type a:not(:last-child){margin-bottom:0.9rem;}
.sigup-con .select-type a.type02:before {background:url(/images/default/content/type02-icon.png)no-repeat center center;background-size:cover;}
.sigup-con .select-type a:after{content:'';position:absolute;width:calc(100% - 2px);height:calc(100% - 2px);border:2px solid #2071f8;left:-1px;top:-1px;border-radius:15px;opacity:0;}

.sigup-con .select-type a:hover:after {opacity:1;}
.sigup-con .select-type a:hover{box-shadow: 0px 10px 30px  0px rgb(32 113 248 / 10%);}

.btn-zone {margin-top:2rem;}
.btn {line-height:55px;background:#2071f8;color:#fff;text-align:center;border:2px solid #2071f8 !important;width:100%;font-size:0.9rem;border-radius:5px !important;display:inline-block;}
.btn:hover{background:#1d65de;border:2px solid #1d65de !important;}

.btn-con{width:17.5rem;margin:0 auto;display:block;padding-right:2rem;background:#2071f8 url(/images/default/content/arrow-right.png)no-repeat center right+5.75rem;}
.btn-con:hover{background:#1d65de url(/images/default/content/arrow-right.png)no-repeat center right+5.75rem;}
.sigup-con .btn-zone a {width:100%;height:55px;}

@media (max-width:767px){
	.sigup-con{font-size:15px;}
}
@media (max-width:500px){
	.sigup-con{width:100%;}
}


/*회원가입 2단계*/
.df{display:flex;}
.sigup-con02{width:525px ;margin:0 auto;}
.sigup-form {margin-top:3.2rem;}
.sigup-form > div{display:flex;}
.sigup-form > div .left {width:24%;color:#333;font-weight:700;font-size:0.9rem;line-height:2.75rem;}
.sigup-form > div .left em{color:#f12b2b;}
.sigup-form > div .right{width:calc(100% - 24% );}
.sigup-form > div:not(:last-child){margin-bottom:0.9rem;}
.sigup-form > div .right .phone-number input {margin-right:10px;    max-width: calc((100% - 20px) / 3);}
.sigup-form > div .right .chk-con button{width:4.5rem;line-height:2.75rem;background:#2071f8;color:#fff;text-align:center;border-radius:5px;margin-left:0.25rem;font-size:0.9rem;}
.sigup-form > div .right .chk-con button:hover{background:#1d65de;}
.sigup-form > div .right .chk-con input{width:calc(100% - 4.75rem);}
.sigup-form > div .right .form-text{font-size:0.8rem;color:#666;line-height:1.3;display:block;margin-top:0.6rem;}

.sigup-form > div .right .radio-bx {width:100%;}
.sigup-form > div .right .radio-bx > div:first-child{margin-right:20px;}
.sigup-form > div .right .radio-bx > div{ width: calc((100% - 20px) / 3);border:1px solid #ccc;height:55px;border-radius:0.25rem;background:#e9ecef;color:#333333;}

.sigup-form > div .right .radio-bx > div input[type="radio"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.sigup-form > div .right .radio-bx > div input[type="radio"] + label {display:inline-block; position: relative; padding-left:2.25rem; margin-left:0px; color:#555; line-height:25px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;line-height:55px;width:100%;}
.sigup-form > div .right .radio-bx > div input[type="radio"] + label:before {content: ' '; position:absolute; top:50%; left:1rem; display: inline-block; width: 25px; height: 20px; line-height: 20px; background:url("/images/default/content/radio.svg") no-repeat 0 50%;transform:translateY(-50%);}
.sigup-form > div .right .radio-bx > div input[type="radio"][disabled] + label:before {background:url("/images/default/content/radio_disabled.svg") no-repeat 0 50%;}
.sigup-form > div .right .radio-bx > div input[type="radio"]:checked + label:before{background:url("/images/default/content/radio01.png") no-repeat 0 50%}

.sigup-form > div .right .email-bx input[type="email"]{width:calc(100% - 6.75rem);}
.sigup-form > div .right .email-bx .cont-select{margin-left:0.5rem;}
.sigup-form > div .right .email-bx .cont-select button{}

input[readonly] {background:#e9ecef;color:#333333;border:1px solid #ccc !important;}
input[readonly]:focus {border:1px solid #ccc !important;}

.btn_wrap{margin-top:2.5rem;}
.btn_wrap.wrap02 {margin-top: 3rem;display:flex;gap:14px;}
.btn_wrap.wrap02 a.btn01 {border:1px solid #2071f8 !important;color:#2071f8;background:#fff;}
.btn_wrap.wrap02 a.btn01:hover{
    box-shadow: 0px 10px 30px 0px rgb(32 113 248 / 10%);}
.btn_wrap.btn_wrap_con{width:26.25rem;margin:0 auto;margin-top:3rem;}

/*셀렉트 박스*/
.cont-select {position: relative;width:6.25rem;}
.btn-select {width: 100%;height:50px;padding: 0 15px;font-size: 16px;background-color: #fff;border: 1px solid #ccc;box-sizing: border-box;border-radius: 0.25rem;cursor: pointer;text-align: left;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color: #999;font-family: 'Pretendard';position: relative;}
.btn-select:after{content: '';display: block;position: absolute;width: 0.7rem;height: 0.4rem;background: url(/images/default/content/sel-icon.png) no-repeat center center;background-size: cover;top: 50%;transform: translateY(-50%);right: 1rem;}

.btn-select:focus {outline: 1px solid #2071f8; border: 1px solid #2071f8; color:#2071f8;}
.list-member {list-style-type : none; display: none; position: absolute; width: 100%; top: 55px; left: 0; padding: 0; border: 1px solid #ddd; box-sizing: border-box; border-radius: 0.25rem; background: #fff; z-index: 2;padding:0.4rem;}
.btn-select.on+.list-member {display: block;}
.list-member li {width:100%;box-sizing: border-box;}
.mem_tb .list-member li:not(:last-child){margin-bottom:0.4rem;}
.list-member li button {width: 100%; padding: 0.65rem 0.5rem; border: none; background-color: #fff; border-radius: 0.25rem; cursor: pointer; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size:16px; color:#666; font-family: 'Pretendard'; font-weight: 500;}
.list-member li button:hover,
.list-member li button:focus,
.list-member li button.selected{background-color: #deebf7; color:#2071f8;}
.btn-select.on:after{transform:rotate(-180deg) translateY(50%);}

@media (max-width:767px){
	.sigup-con02{width:100%;padding:0 1rem;}
	.sigup-form > div .right .chk-con button{margin-left:0.5rem;}
	.sigup-form > div .right .chk-con input{    width: calc(100% - 5rem);}
	.btn_wrap.btn_wrap_con{width:100%;}
}
@media (max-width:500px){
	.sigup-con02{padding:0;}
	.sigup-form > div{display:block;}
	.sigup-form > div .left{width:100%;line-height:inherit;margin-bottom:0.5rem;font-size:15px;}
	.sigup-form > div .right{width:100%;}
	.sigup-form > div .right .radio-bx > div input[type="radio"] + label{padding-left:2.5rem;}

}

/*약관동의 */
.info-agree-con{margin-top: 3rem;}
.info-agree-con > div {}
.info-agree-con > div:not(:last-child) {margin-bottom:15px;}
.info-agree-con > div .agree-con{border:1px solid #ddd;border-radius:5px;height:55px;position:relative;padding:0 1rem 0 15px;}
.info-agree-con > div .agree-con.agree-first{border:1px solid #2071f8;background:#f5f7f8;}
.more-btn{position:absolute;right:1rem;font-size:14px;top:50%;transform:translateY(-50%);padding-right:1.1rem;}
.more-btn:after{content: '';display: block;position: absolute;width: 0.7rem;height: 0.4rem;background: url(/images/default/content/sel-icon.png) no-repeat center center;background-size: cover;top: 50%;margin-top:-0.2rem;right: 0;transform: rotate(0);}

.more-btn.on:after {    transform: rotate(180deg);}

.info-agree-con > div .agree-con input[type="checkbox"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.info-agree-con > div .agree-con input[type="checkbox"] + label {display:inline-block; position: relative; padding-left:1.75rem; margin-left:0px; color:#555; line-height:25px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;line-height:55px;font-size:16px;color:#333;}
.info-agree-con > div .agree-con input[type="checkbox"] + label em {color:#2071f8;}
.info-agree-con > div .agree-con input[type="checkbox"] + label:before {content: ' '; position:absolute; top:50%; left:0; display: inline-block; width: 19px; height: 18px; line-height: 18px; background:url("/images/default/content/check-btn.png") no-repeat 0 50%;transform:translateY(-50%);}
.info-agree-con > div .agree-con input[type="checkbox"][disabled] + label:before {background:url("/images/default/content/radio_disabled.svg") no-repeat 0 50%;}
.info-agree-con > div .agree-con input[type="checkbox"]:checked + label:before{background:url("/images/default/content/check-btn-on.png") no-repeat 0 50%}

.info-agree-con > div .agree-txt  {background: #f5f7f8;max-height: 220px;overflow-y: scroll;border: 1px solid #e5e5e5;box-sizing: border-box;padding: 15px 20px;margin-top: -1px;border-radius: 0 0 4px 4px;text-align: left;display:none;}
.info-agree-con > div .agree-txt  p {font-size:15px;color:#333;}


@media (max-width:767px){
.info-agree-con > div .agree-con input[type="checkbox"] + label {font-size:15px;}
.more-btn{font-size:13px;}
}

/*휴대폰 인증*/
.phone-certi {text-align:center;}
.phone-certi .phone-icon{width:4.5rem;height:4.5rem;background:#f4f6f8;border-radius:50%;margin:0 auto;display:flex;justify-content:center;align-items:center;margin-top:3rem;margin-bottom:1.25rem;}
.phone-certi p.certi-txt {display:inline-block;font-size:0.8rem;text-align:center;position:relative;padding-left:0.5rem;}
.phone-certi p.certi-txt:before{content:'';display:block;position:absolute;width:5px;height:5px;background:#cccccc;border-radius:50%;left:0;top:0.5rem;}

@media (max-width:767px){
	.phone-certi .phone-icon{width:6rem;height:6rem;}

}

/*회원가입 완료*/
.end-bx{text-align:center;}
.end-bx .end-txt {color:#333;font-size:0.9rem;margin-top:1.5rem;}

/*아이디,비밀번호찾기*/
.lost{width:460px;margin:0 auto;}
.lost .lost-tab{display:flex;margin-top:3rem;}
.lost .lost-tab > li{font-size:1rem;font-weight:600;color:#999999;width:50%;text-align:center;border-bottom:1px solid #ddd;padding-bottom:0.75rem;position:relative;cursor:pointer;}

.lost .lost-tab > li.on{color:#2071f8;}
.lost .lost-tab > li.on:after{content:'';display:block;position:absolute;width:100%;height:2px;background:#2071f8;left:0;bottom:0;}

#lost02{margin-top:3rem;}
#lost02 input {margin-top:1.25rem;}

.lost-txt{margin:2.5rem 0;color:#333;font-size:.9rem;}
.lost-txt em{border-bottom:1px solid #333;}

@media (max-width:500px){
	.lost{width:100%;}
}

/* 회원탈퇴 */
.withdraw{width: 100%;margin: 0 auto; text-align:center;}
.withdraw p.tit {font-size:1.25rem;font-weight:600;color:#333;margin:1.25rem 0 1rem;}
.withdraw p.txt {font-size:0.8rem;font-weight:500;color:#666;}

.withdraw .icon-bx{width:4.5rem;height:4.5rem;border-radius:50%;display:flex;justify-content:center;align-items:center;background:#f4f6f8;margin:0 auto;}
.withdrawBtn{margin-top:4rem; text-align:center;display:flex; justify-content:center;align-items:center;}
.withdrawBtn a{width:12.75rem;display:flex; justify-content:center;align-items:center;height:2.75rem;color:#2071f8;border:1px solid #2071f8;border-radius:5px ;font-weight:600;}
.withdrawBtn .btn_confirm{width:12.75rem;display:flex; justify-content:center;align-items:center;height:2.75rem;color:#023a73;border-radius:5px ;font-weight:600;background: #2071f8;border:none;color:#fff;margin-left:0.75rem;}
.withdrawBtn .btn_confirm:hover{box-shadow: none;}

.personal-information .top-bx{border:1px solid #333;font-weight:600;color:#333;padding:1rem;}
.personal-information dl.indet dd{margin-left: 0.78125vw;text-indent: -0.78125vw;}
.personal-information dl {padding:1rem 0;}
.personal-information dl:not(:last-child){border-bottom:1px solid #ddd;}
.personal-information dl dt {    margin-bottom: 0.5208333333vw;font-size: 0.9rem;font-weight: 600;color: #000;}
.personal-information dl strong{display: block;margin-bottom: 0.5rem;font-weight: normal;color: #000;margin:0.5rem 0;}
.personal-information dl dd {color: #636363;line-height: 1.75;font-size:0.8rem;}

.personal-information dl strong.mg{margin:0.5rem 0;}
.personal-information dl dd.mg {margin:0.5rem 0 0 0;}
.personal-information dl dd.mg2{margin:0.5rem 0;}