#wrap_join {display:flex; flex-direction:column; align-items:center; }

#wrap_join .wrap_label input, #slt_choose {border:1px solid #939393; height:32px; font-size:15px;}

.txt_undertitle {text-align:center; margin:0 auto; color:#1400FF; font-weight:500; line-height:160%; margin-bottom:11px;}

.wrap_label {margin-bottom:20px; width:422px;}

.tit_title {display:block; font-size:15px; letter-spacing:-0.7px; margin-bottom:10px;}

.wrap_label .wrap {display:flex; line-height:100%; align-items:center; width:422px;}

.wrap_nickname {gap:12px;}

.btn_check {width:103px; height:32px; background:#f8f8f8; border:1px solid #939393; color:rgba(26,26,26,0.8); font-size:14px;}

#inp_nickname {width:calc(100% - 103px);}

#inp_username, #inp_phone {width:100%;}

.wrap_mail {gap:6px; margin-bottom:11px;}

.wrap_mail input:first-child {width:166px;}

.wrap_mail input:nth-child(3) {width:116px;}

#slt_choose {background: url('https://youngwiki.kr/images/bgarrow.svg') 85% 50% no-repeat; font-size:14px; letter-spacing:-0.5px; color:rgba(34,34,34,0.8); width:103px; padding:0 26px 0 16px; margin-left:6px;}

.txt_ctfc {font-size:15px; letter-spacing:-0.7px; font-weight:300; margin-bottom:35px;}

.txt_ctfc span {font-weight:500;}

.div_terms {display:flex; flex-direction:column; margin-bottom:54px; width:422px;}

.div_terms label {margin-bottom:8px; cursor:pointer; display:flex; align-items:center; gap:8px;}

.lbl_gap {margin-bottom:14px !important;}

.div_termsdetail {border:1px solid #939393; height:120px; font-size:14px; overflow:auto; line-height:160%; font-family:'Noto Sans KR', sans-serif; padding:4px;}


.div_terms p {font-size:15px; letter-spacing:-0.7px; margin-bottom:14px; color:rgba(0,0,0,0.8);}

.txt_word {font-size:14px; font-weight:300; letter-spacing:-0.7px;}

.inp_term {width:15px; height:15px; border:1px solid #939393; position:relative;}

.inp_term:checked:after {content:'✓'; width:13px; height:13px; color:#fff; position:absolute; background:#2CBCAB; top:0px; left:0px; line-height:13px; text-align:center; font-weight:700;}

.btn_register {color:#fff; width:123px; height:42px; border:1px solid #d9d9d9; background:#252525; margin-bottom:170px;}


.pop_popup {position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); width:545px; height:260px; background:#fff; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);  text-align:center; display:flex; flex-direction:column; justify-content:center; align-items:center; padding-top:2%;}

.pop_popup p {font-size:18px; line-height:190%;}

.pop_popup span {color:#1400FF;}

.pop_popup1 span {color:#F80000;}

.btn_popup {width:123px; height:32px; background:#252525; border:1px solid #d9d9d9; margin-top:37px; color:#fff; font-size:15px;}


.pop_popup {display:none;}


@media all and (max-width:720px) {
    .pop_popup {width:336px; height:175px;}

    .pop_popup p {font-size:15px;}

    .btn_popup {margin-top:28px;}
}


@media all and (max-width:560px) {
    .txt_undertitle {font-size:15px;}

    .wrap_label input {width:313px;}

    #wrap_join .wrap_label:nth-of-type(4) {margin-bottom:0;}

    .wrap_name {gap:7px;}

    .wrap_mail {display:grid; gap:6px; grid-template-columns:169px 15px 116px; grid-template-rows:38px; margin-bottom:35px;}

    #slt_choose {margin-left:0;}

    .div_terms {margin-bottom:34px;}

    .txt_word {letter-spacing:-1px;}

    .btn_register {margin-bottom:80px;}

}


@media all and (max-width:460px) {

    .wrap_label, .wrap_label .wrap, .div_terms {width:320px;}

    .wrap_mail {display:flex; flex-wrap:wrap; margin-bottom:35px;}

    #inp_mail-id {width:175px;}

    .wrap_mail span {display:block; width:15px;}

    .txt_undertitle {font-size:14px;}

    .pop_popup {width:280px; height:165px;}

    #inp_term1 {margin-top:-21px;}
}

@media all and (max-width:332px) {

    #inp_term0 {margin-top:-21px;}
}