.member-wrap {position:relative;}
.member-wrap .login-title {text-align:center;}
.member-wrap .login-title strong {display:block;font-size:32px;color:#030000;font-weight:700;line-height:1;}
.member-wrap .login-title span {display:block;margin-top:10px;font-size:38.4px;color:#287bc0;font-weight:300;line-height:1;}
.member-wrap .frm-input {display:block;position:relative;width:100%;height:50px;padding:0 20px;line-height:50px;font-size:14px;color:#000;background-color:#f1f1f1;}
.member-wrap .frm-input.zip {display:inline-block;width:100px}
.member-wrap.mt71 {margin-top:71px;margin-bottom:71px;}

/* login */
.login-box {position:relative;width:100%;margin:0 auto;max-width:377px}
.login-box .login-form {margin-top:28px}
.login-box .mt5 {margin-top:5px}
.login-box .mt11 {margin-top:11px}
.login-box .btn-submit {display:block;width:100%;height:68px;line-height:66px;background-color:#297bc0;text-align:center;font-size:25px;font-weight:500;color:#fff}
.login-box .login-etc {margin-top:16px}
.login-box .login-etc a {font-size:14px;line-height:1;color:#666;}
.login-box .btn_submit {
    width: 100%;
    margin:0;
    height: 2.25rem;
    font-weight: bold;
    font-size: 0.8rem;
}
.login-box .auto-login-box {margin-top:0.5rem}
.login-box .sns-login-wrap {margin-top:1rem;padding-top:1rem;border-top:1px solid #ddd}
.login-box .sns-login-wrap .sub-title {font-size:0.9rem}
.login-box .login-info {margin:1rem 0 0 0;color:#757575}
.login-box .login-info a {font-size:0.7rem;color:#757575}
.login-box .sns-login-list {margin-top:0.65rem;overflow:hidden;}
.login-box .sns-login-list ul {margin:-0.5rem;}
.login-box .sns-login-list ul li {float:left;position:relative;width:25%;padding:0.5rem;text-align:center;}
.login-box .sns-login-list ul li img {width:100%;max-width:3.3rem;height:auto}

/* join */
.join-box {position:relative;}
.join-box .join-form {margin-top:20px;}
.join-box .tit {margin-top:12px;color:#000;font-size:20px;line-height:1;font-weight:400;}
.join-box .allchkbtn {position:relative;width:100%;height:2.5rem;line-height:2.5rem;}
.join-box .allchkbtn label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:2.5rem;
    font-size:0.9rem;
    line-height:2.5rem;
    padding-left:1.5rem;
    cursor: pointer;
    color: #000;
    border: 1px solid #ddd;
}
.join-box .allchkbtn label::before {
    display:block;
    content:"";
    position:absolute;
    top:0.9rem;
    left:0.5rem;
    width:0.75rem;
    height:0.7rem;
    background:url(../imgs/member/allchkbtn.png) no-repeat 0 0;
    background-size: 100% auto;
}
.join-box .allchkbtn input[type="checkbox"]:checked + label {border-color:#1b60a8}
.join-box .mt10 {margin-top:10px}
.join-box .mt20 {margin-top:20px}
.join-box .mt5 {margin-top:5px}
.join-box .member-chkbox .chk-label {color:#000;font-weight:700;}
.join-box .member-chkbox {margin-bottom:0.5rem}
.join-box .text-primary {color: #f34132 !important;}
.member-chkbox {position:relative;display:block;height:1rem;}
.member-chkbox .chk-label {display:inline-block;position:relative;padding-left:1.5rem;font-size:0.8rem;color:#757575;line-height:1rem;cursor:pointer;}
.member-chkbox .chk-label > em {
    position:relative;
    display:inline-block;
    width:0;
    height:1rem;
    margin-top: -2px;
    margin-right:1.5rem;
    margin-left:-1.5rem;
    line-height: 1;
    vertical-align: middle;
}
.member-chkbox .chk-label > em::before {
    display:block;
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:1rem;
    height:1rem;
    background-position:0 0;
    background-repeat:no-repeat;    
    background-image:url(../imgs/member/agreebtn-off.png);
    background-size:100% auto;
} 
.member-chkbox .chk-label input[type="checkbox"]:checked ~ em::after {
    content:"";
    display:block;
    position:absolute;
    top:-2px;
    left:0;
    width:1rem;
    height:1rem;
    background-position:0 0;
    background-repeat:no-repeat;    
    background-image:url(../imgs/member/agreebtn-on.png);
    background-size:100% auto;
}
.join-box .agree-box {margin-top:5px;padding:10px;border:1px solid #ddd;height:129px;overflow-y:auto;font-size:14px;color:#666}
.join-box .mt40 {margin-top:40px}
.join-box .btn-submit {display:inline-block;width:381px;height:61px;line-height:59px;background-color:#3468ad;font-size:25px;color:#fff;font-weight:500;}
.join-box .btn-submit[disabled="disabled"],
.join-box .btn-submit[disabled] {background-color:#c7c7c7;color:#666;cursor:default;}
.join-box .tit2 {display:block;position:relative;font-size:14px;color:#000;line-height:1;font-weight:400;}

.join-tab {position:relative;margin-top:5px}
.join-tab ul li {position:relative;float:left;width:33.333333333%;height:50px;}
.join-tab .tabchk {position:relative;display:block;width:100%;height:50px;}
.join-tab .tabchk label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    font-size: 14px;
    line-height: 50px;
    text-align:center;
    cursor: pointer;
    color: #000;
    background-color:#f1f1f1;
    border-right:1px solid #c0bfbf;
}
.join-tab ul li:last-child .tabchk label {border-right-width:0;}
.join-tab .tabchk :checked + label {background-color:#2b7bc0;color:#fff}
.join-line-box {margin-top:15px;padding-top:15px;border-top:1px solid #297bc0}
.join-box .btn-num2 {
    display:inline-block;
    width:105px;
    height:50px;
    line-height:50px;
    text-align:center;
    font-size:14px;
    color:#fff;
    background-color:#848484;
    margin-left:-5px;
}
.num-box {position:relative;padding-right:105px}
.num-box .btn-num {
    display:block;
    position:absolute;
    top:0;
    right:0;
    width:105px;
    height:50px;
    line-height:50px;
    text-align:center;
    font-size:14px;
    color:#fff;
    background-color:#848484;
}
.num-box .num-txt {
    display:block;
    position:absolute;
    top:13px;
    left:20px;
    font-size:14px;
    color:#666;
}
.num-box .frm-input:hover + .num-txt,
.num-box .frm-input:focus + .num-txt {display:none;}

.member-type-box {position:relative;overflow:hidden;width:100%;max-width:620px;margin:0 auto}
.member-type-box ul {margin:-0.5rem}
.member-type-box ul li {position:relative;float:left;width:50%;padding:0.5rem}
.member-type-box ul li a {display:block;position:relative;}
.member-type-box ul li .type-inner {position:relative;width:100%;height:13.4rem;border:1px solid #ddd}
.member-type-box ul li .type-inner .inner-cont {position:absolute;top:50%;left:50%;width:100%;text-align:center;font-size:1.1rem;transform:translate(-50%,-50%);color:#010101;}
.member-type-box ul li .type-inner .inner-cont::before {
    display:block;
    content:"";
    position:relative;
    width:3.2rem;
    height:3.2rem;
    background-repeat:no-repeat;
    background-size:auto 100%;
    background-position:0 0;
    margin:0 auto 1rem;
}
.member-type-box ul li .type-inner .inner-cont .txt {line-height:1.3}
.member-type-box ul li .type-inner .inner-cont.img1::before {background-image:url(../imgs/member/type/type_img1.png)}
.member-type-box ul li .type-inner .inner-cont.img2::before {background-image:url(../imgs/member/type/type_img2.png)}
.member-type-box ul li:nth-child(1).on .type-inner {background-color:#76c062;color:#fff}
.member-type-box ul li:nth-child(1).on .type-inner .inner-cont {color:#fff}
.member-type-box ul li:nth-child(1).on .type-inner .inner-cont.img1::before {background-image:url(../imgs/member/type/type_img1_on.png)}
.member-type-box ul li:nth-child(2).on .type-inner {background-color:#58c0ce;color:#fff}
.member-type-box ul li:nth-child(2).on .type-inner .inner-cont {color:#fff}
.member-type-box ul li:nth-child(2).on .type-inner .inner-cont.img2::before {background-image:url(../imgs/member/type/type_img2_on.png)}

.member-type-tab {position:relative;margin-top:1rem;}
.member-type-tab ul {padding-left:1px}
.member-type-tab ul li {position:relative;float:left;width:16.6666666666667%;margin-left:-1px}
.member-type-tab ul.w20 li {width:20%}
.member-type-tab ul li a {display:block;position:relative;width:100%;height:3.5rem;font-size:0.9rem;color:#000;font-weight:700;text-align:center;border:1px solid #ddd}
.member-type-tab ul li a .txt {position:absolute;top:50%;left:50%;width:100%;text-align:center;transform:translate(-50%,-50%)}
.member-type-tab ul li a span {display:block;font-size:0.7rem;}
.member-type-tab ul li a.select::before {
    display:block;
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:transparent;
    border:3px solid #c46119;
}
.member-btn-box {margin-top:1.5rem;text-align:center;}
.member-btn-box .btn {min-width:8rem;padding:0 1.25rem;height:3rem;line-height:3rem;font-size:1rem;font-weight:700;}




.meber-join-step {margin-bottom:5rem}
.meber-join-step ul li {float:left;width:25%;text-align:center;}
.meber-join-step ul li.w33 {width:33.333333333333%}