/************ 회원가입 ************/
.member_box {margin:auto;}
.member_box .mem_tit{font-size:25px;text-align:center;padding:25px 0}

.member_box .snsicon{text-align:center;padding-bottom:35px;}
.member_box .snsicon span{color:#999;font-size:13px;display:block;padding:0 0 20px 0}


.member_box .join_box li{padding-bottom:30px}
.member_box .join_box li .tit{font-size:16px;font-weight:bold;padding-bottom:5px}
.member_box .join_box li .txt{color:#777;font-size:14px;letter-spacing:-0.5px}

		

.member_box .join_box input[type="text"], 
.member_box .join_box input[type="password"], 
.member_box .join_box select  {transition: border-color .2s,box-shadow .2s,background-color .2s;
    box-sizing: border-box;
    height: 40px;
    width: 100%;
    padding: 0 10px;
    line-height: 40px;
    border-radius: 4px;
    border: 1px solid #dbdbdb;
    background-color: #fff;
    color: #424242;
    font-size: 15px;}

.join_box input[size="3"] {width:60px !important;}
.join_box input[size="4"] {width:70px !important;}
.join_box input[size="5"] {width:75px !important;}
.join_box input[size="6"] {width:80px !important;}
.join_box input[size="10"] {width:110px !important;}
.join_box select.tell {width:34%;margin-left:0px}
.join_box .tell {width:calc(33% - 8px) !important;margin-left:8px}
.join_box .btn_member {display:inline-block;border:1px solid var(--color-point);color:var(--color-point);text-align:center;line-height: 38px;border-radius:5px;padding:0 10px}

.join_box .box:after {clear:both;content:'';display:block}
.join_box .box .detail{float:left;width:calc(100% - 100px);padding-right:10px}
.join_box .box .detail_btn{float:left;width:100px;}
.join_box .box .detail_btn a{display:block;border:1px solid var(--color-point);color:var(--color-point);text-align:center;line-height: 38px;border-radius:5px}
	
.member_box .agree_box {border:1px solid #cecfce;padding:15px;border-radius:5px}
.member_box .agree_box .agree_tit{border-bottom:1px solid #cecfce;padding-bottom:10px;margin-bottom:10px;}

.member_box .agree_box label a{text-decoration:underline;}

.member_box .agree_box li {padding:5px 0}
label span {cursor:pointer;display:inline-block;padding-left:5px}
input[type="checkbox"] {display: none;}
input[type="checkbox"] + label:before {display: inline-block; content:'';width:25px; height: 25px; background:url(/images/member/checked_gray.png) #fff center no-repeat;background-size:15px;border:1px solid #cecfce;cursor: pointer; border-radius: 20px;vertical-align:middle;margin-right:8px}
input[type="checkbox"]:checked + label:before {background:url(/images/member/checked.png) var(--color-point) no-repeat center;background-size:15px;border:1px solid var(--color-point)}

input[type="radio"] {display: none;}
input[type="radio"] + label:before {display: inline-block; content:'';width:22px; height: 22px; border:1px solid #cecfce;cursor: pointer; border-radius: 20px;vertical-align:middle}
input[type="radio"]:checked + label:before {border:6px solid var(--color-point);width:22px;height:22px;}



.member_box .agree_box *{vertical-align:middle}

/************ 로그인 ************/
.login_box {max-width:360px;margin:auto;}
.mlogin_box h3{display:block;font-size:20px;color:#222;font-weight:normal;}
.mlogin_box .sub_txt_f{display:block;font-size:12px;color:#999;padding:8px 0}
.mlogin_box .loginid{width:100%;border:1px solid #cecfce;border-top-left-radius:5px;border-top-right-radius:5px;line-height:50px;padding:0 10px}
.mlogin_box .loginpw{width:100%;border:1px solid #cecfce;border-top:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px;line-height:50px;padding:0 10px}
.mlogin_box .find {font-size:14px;color:#999;margin:10px 0 15px;position:relative;}
.mlogin_box .find a{position:absolute;right:0px;top:0px;}

.login_btn a{text-align:center;display:block;margin-top:5px;}
.login_btn .login{background-color:var(--color-point);color:#fff;display:block;line-height:50px;}
.login_btn .join{border:1px solid var(--color-point);color:var(--color-point);display:block;line-height:48px;}

.login_box .snsicon{text-align:center;padding-bottom:35px;}
.login_box .snsicon span{color:#999;font-size:13px;display:block;padding:20px 0}


.snsicon a {display:inline-block;width:48px;height:48px;margin:0 5px;vertical-align:middle;text-indent:-9999px;border-radius:100%;overflow:hidden}
.snsicon a.facebook {background:url('/images/member/ic_facebook.jpg') center no-repeat;background-size:35px;background-color:#3b5a9a;}
.snsicon a.kakao {background:url('/images/member/ic_kakao.jpg') center no-repeat;background-size:35px;background-color:#fcd700}
.snsicon a.naver {background:url('/images/member/ic_naver.jpg') center no-repeat;background-size:35px;background-color:#00bf19}


/************ 아이디 비밀번호찾기 ************/

.tap_find {padding:15px 0 15px;position:relative;background-color:#fff;z-index:1}
.tap_find ul:after {clear:both;content:'';display:block}
.tap_find li {float:left;width:calc(50% + 1px);border:1px solid #cecfce;border-bottom:1px solid var(--color-point);margin-left:-1px;position:relative;}
.tap_find li a{color:#7d7d7d;display:block;line-height:53px;text-align:center}
.tap_find li.on {border:1px solid var(--color-point);border-bottom:1px solid #fff;z-index:3}
.tap_find li.on a{color:var(--color-point)}


.mlogin_input {width:100%;border:1px solid #cecfce;border-radius:5px;line-height:50px;padding:0 10px;margin-bottom:5px}
.mlogin_input2 {width:33.3%;border:1px solid #cecfce;border-radius:5px;line-height:50px;padding:0 10px;margin-bottom:5px}