/* 체크박스 */
label.chkWrap {cursor:pointer;display:inline-block;}
label.chkWrap > i {display:inline-block;width:16px;height:16px;margin-top:-4px;background:url("/dist/img/check_out.png") left top no-repeat;background-size:100% 100%;vertical-align:middle;transition-duration:.3s;}
label.chkWrap > span {margin-left:5px;font-size:12px;}
label.chkWrap input[type=checkbox] {display:none;}
label.chkWrap input[type=checkbox]:checked + i {background:url("/dist/img/check_in.png") left top no-repeat;background-size:100% 100%;}

label.chkWrap_2 {cursor:pointer;display:inline-block;}
label.chkWrap_2 > i {display:inline-block;width:20px;height:20px;background:url("/dist/img/check_out_2.jpg") left top no-repeat;background-size:100% 100%;vertical-align:middle;transition-duration:.3s;}
label.chkWrap_2 > span {vertical-align: middle;display: inline-block;margin-left:5px;font-size:16px;}
label.chkWrap_2 input[type=checkbox] {display:none;}
label.chkWrap_2 input[type=checkbox]:checked + i {background:url("/dist/img/check_in_2.jpg") left top no-repeat;background-size:100% 100%;}

/* 회원가입 */
.join-sub-bg { background-image: url('/dist/img/member/join_top_bg.jpg') !important; }

.join-logo img { max-width:250px; }

.join_pre_new {width: 100%;margin: 0 auto}
.join_pre_new::after {content: "";display: block;clear: both;}
.join_pre_new > .join_pre {padding: 0px 11% 0 12%;border-right: 1px solid #bcbcbc;box-sizing: border-box;}
.join_pre_new > .join_new {padding: 0px 12% 0 11%;box-sizing: border-box;}
.join_pre_new > div > div:nth-child(1) {padding-bottom: 15px;border-bottom: 1px dashed #c6c6c6;}
.join_pre_new > div > div:nth-child(1) > div {vertical-align: middle;display: inline-block;height: 105px;}
.join_pre_new > div > div:nth-child(1) > div:nth-child(2) {padding: 20px 0 0 20px;font-size: 28px;line-height: 1.3;box-sizing: border-box;}
.join_pre_new > div > div:nth-child(1) > div:nth-child(2) > span {font-weight: 600;}
.join_pre_new > div > div:nth-child(2) {margin-top: 20px;font-size: 15px;color: #797979;line-height: 1.3;text-align: center;}
.join_pre_new > div > div:nth-child(3) {margin-top: 20px;text-align: center;}

.join_pn_box {width: 100%;}
.join_pn_box > div {margin-top: 10px;width: 100%;border-bottom:1px solid #cecece;}
.join_pn_box > div:first-child {margin-top: 0;}
.join_pn_box > div > span {vertical-align: middle;display: inline-block;}
.join_pn_box > div > span.jpb_title {width: 25%;font-size: 20px;}
.join_pn_box > div > span.jpb_time {width: 10%;font-size: 15px;color: #888;text-align: center;}
.join_pn_box > div > input {width:40%;height:56px;border:0;font-size: 20px;color: #888;}
.join_pn_box > div > button {height:52px;background-color: #fff;border:0;font-size: 15px;}

.join_spot_search {margin-top: 50px;width:100%;font-size: 20px;font-weight: 600;text-align: center;cursor: pointer;}
.join_spot_search > span {vertical-align: middle;display: inline-block;height:28px;}

.join-tit { font-size: 40px; }
.join-desc { font-size: 20px; }

.join_agree_title {width: 100%;}
.join_agree_title > label > span {margin-left: 15px;font-size: 16px; margin-top:-7px;}
.join_agree_title > label > span > i {font-size: 16px;}

.join_agree_text {width: 100%;height:180px;padding:20px 15px;overflow: auto;font-size: 13px;line-height: 1.5;border: 1px solid #e1e1e1;box-sizing: border-box;}

.join_ok_wrap > div > img { width: 60px;height: auto; }
.join_ok_wrap > div {font-size: 1.4rem !important;}
.join_ok_wrap > button {width: 90px;height: 28px;font-size: 1.2rem;}

.join_ok_wrap div button#go_mypage, .join_ok_wrap div button#go_payment {max-width: 150px;height: 50px;background-color: #fff;border: 1px solid #dcdcdc;font-size: 18px;width: 100%;}
.join_ok_wrap div button#go_payment {background-color: #FF4c4c;}

@media (min-width:767px) {
    .join-logo img { max-width:459px;}

    .join_agree_title > label > span { font-size: 30px; }
    .join_agree_title > label > span > i { font-size: 20px; }

    label.chkWrap_2 > i { width: 26px;height:26px; }
    label.chkWrap_2 > span { font-size:20px; }

    .join_ok_wrap > div > img { width:97px; }
    .join_ok_wrap > div {font-size: 40px !important;}
    .join_ok_wrap > div:nth-child(3) {font-size: 20px !important;}
    .join_ok_wrap > button {width: 220px;height: 50px;font-size: 18px;}

    .join_ok_wrap div button#go_mypage, .join_ok_wrap div button#go_payment {max-width:268px;height:70px;}
}

@media (max-width: 991px) {
    .join_pre_new > .join_pre,.join_pre_new > .join_new { padding: 0 20px; }
}

@media (max-width: 767px) {
    .join_pre_new > .join_pre,.join_pre_new > .join_new { padding: 20px; }
    .join_pre_new > .join_pre { border-right:0; border-bottom: 1px solid #bcbcbc; }

    /* 기존/신규 회원 페이지 */
    .join-tit { font-size: 2rem; }
    .join-desc { font-size: 1.5rem; }
    .join_pn_box { padding: 0 1rem; }
    .join_pn_box > div > span.jpb_title,.join_pn_box > div > input,.join_pn_box > div > button { font-size:1.3rem;width:100%; }
    .join_pn_box > div > button 
    {
        font-size: 1rem;
        margin-left: 0;
        text-align: center;
        border-radius: 0.5rem;
        color: #fff;
        margin-left: 0px;
        height: auto;
        padding: 1rem;
        margin-bottom: 1rem;
        margin-left:0px !important;
    }
    .join_pn_box > div > button.pre-bgc { background-color: #525795; }
    .join_pn_box > div > button.new-bgc { background-color: #FF4c4c; }
    
    .join_pn_box > div > span.jpb_time { margin-bottom: 1rem; }

    .join_btn { border-radius: 0.5rem !important;padding: 1rem;font-size: 16px; }
}