/************ 회원가입 ************/
.member_join {width:760px;margin:auto;display:flex;justify-content: center;align-items:stretch;gap:40px}
.member_join .member_box{margin:0px;width:100%;}
.member_join .join_box{width:100%}

.join_box .graip_111 {display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap: 10px;	gap: 10px;}
.join_box .grip_211 {display:grid;grid-template-columns: 2fr 1fr 1fr;grid-gap: 10px;	gap: 10px;}
.join_box .grip_21 {display:grid;grid-template-columns: 2fr 1fr;grid-gap: 10px;	gap: 10px;}

.join_box .formt1-3 {display:flex;align-items:center}
.join_box .formt1-3 span{width:110px;color:#888;}
.join_box .formt1-3 div{width:calc(100% - 110px);}


.member_box {max-width:360px;margin:auto;}
.member_box .mem_tit{font-size:25px;text-align:center;padding:25px 0}

.member_box .quicksnsicon{text-align:center;padding-bottom:35px;}
.member_box .quicksnsicon 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;margin-top: 10px;}

.member_box .join_box li .txt label{display:block;margin-bottom: 7px;}

.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;}
	.member_box .join_box input[type="text"]:focus{border: 1px solid var(--color-point);}
.member_box .join_box input[type="password"]:focus{border: 1px solid var(--color-point);}

.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}
	
.join_box .agree_box {border:1px solid #cecfce;padding:15px;border-radius:5px}
.join_box .agree_box .agree_tit{border-bottom:1px solid #cecfce;padding-bottom:10px;margin-bottom:10px;}

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

.join_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 {margin-right: 5px;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;}



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

/************ 로그인 ************/
.login_tit{border: 3px solid var(--color-point); text-align: center;padding: 20px;font-size: 17px;line-height: 26px;border-radius: 10px 0px 10px 0px;width: 70%;margin: auto;}
.login_tit p strong{color:var(--color-sub);font-weight: 700;}
.login_down{margin: 30px auto;background: url(/images/login_bottom.png);padding-bottom: 150px;}
.login_down p{text-align: center;font-size: 16px;color: #666;padding: 15px 0;line-height: 21px;border-bottom: 1px solid #999;border-bottom-style: dashed;}
.login_down p:before{content:'';display:inline-block; width: 25px;background: url(/images/icon_orange.png);height: 25px;background-size: 88%;vertical-align: middle;background-repeat: no-repeat;}
.login_down p strong{color:var(--color-sub);font-weight: 700;}
.login_down p .down_plus{color:#575757;font-weight: 700;}

.login_box {width:360px;margin:auto;}
.mlogin_box h3{display:block;font-size:30px;color:#222;font-weight:500;text-align:center;    margin-top: 30px;}
.mlogin_box .sub_txt_f{display:block;font-size:14px;color:#999;padding:15px 0;text-align:center}
.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;border-bottom:none;}
.mlogin_box .loginid:focus{border:1px solid var(--color-point);border-bottom:none;}
.mlogin_box .loginpw{width:100%;border:1px solid #cecfce;border-bottom-left-radius:5px;border-bottom-right-radius:5px;line-height:50px;padding:0 10px;}
.mlogin_box .loginpw:focus{border:1px solid var(--color-point);}
.mlogin_box .find {font-size:14px;color:#999;margin:10px 0 15px;position:relative;line-height: 25px;}
.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 .quicksnsicon{text-align:center;padding-bottom:35px;}
.login_box .quicksnsicon span{color:#999;font-size:13px;display:block;padding:20px 0}


.quicksnsicon  {white-space:nowrap;}
.quicksnsicon a {display:inline-block;margin:0 2px;vertical-align:middle;text-indent:-9999px;BORDER-RADIUS:5PX;overflow:hidden;color:#fff;padding:25px 7px 10px 7px;font-size:13px;letter-spacing:-0.5px}
.quicksnsicon a.facebook {background:url('/images/member/ic_facebook.jpg') center 10px no-repeat;background-size:35px;background-color:#3b5a9a;}
.quicksnsicon a.kakao {background:url('/images/member/ic_kakao.jpg') center 10px no-repeat;background-size:35px;background-color:#fcd700;color:#333}
.quicksnsicon a.naver {background:url('/images/member/ic_naver.jpg') center 10px no-repeat;background-size:35px;background-color:#00bf19;}
.quicksnsicon a.normal {background:url('/images/dokkebi_profile1.jpg') center 10px no-repeat;background-size:35px;background-color:#fff;border:1px solid #cecfce;color:#333}


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

.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)}


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



/** 비밀번호 변경 캠패인 **/
.change_pwd {text-aligN:center;}
.change_pwd .tit {font-size:32px;font-weight:900}
.change_pwd .text {padding:25px 0;line-height:1.6;font-size:17px}

.change_pwd .box {text-align:left;max-width:420px;margin:auto;}
.change_pwd .cpwdlist li{font-size:17px;padding-bottom:10px;white-space:nowrap;vertical-align:middle;position:relative;padding-left:125px}
.change_pwd .cpwdlist li span{display:inline-block;width:125px;position:absolute;left:0px;top:0px;}
.change_pwd .cpwdlist li input{padding:8px;vertical-align:middle;border-radius:2px;font-size:14px;vertical-align:middle;border:1px solid #666;}
.change_pwd .cpwdlist li.deps_line{margin-bottom:10px;height:10px}