/********************************* 회원가입 */
.container_join {box-sizing:border-box; position:relative; margin:0 auto; padding:10px; width:100%; max-width:600px; padding-bottom:50px}

.container_join input {border:1px solid rgb(222, 222, 222); text-indent:10px}
.join_title_wrap {padding:40px 0 80px 0; text-align:center; color:rgb(29, 29, 29);}
@media screen and (max-width:800px) {
.join_title_wrap h3 {font-size:30px; margin:0;}
}
@media screen and (min-width:801px) {
.join_title_wrap h3 {font-size:40px; margin:0;}
}
.join_title_wrap p {font-size:14px; line-height:14px; font-weight:400; margin:10px auto 0 auto;}
.join_title_wrap p span {cursor:pointer;}

.required {display:none;}
@media screen and (max-width:800px) {
	.join_form_wrap {box-sizing:border-box; position:relative; margin:0 auto; padding:40px 10px; width:100%; background:#fff;}
}
@media screen and (min-width:801px) {
	.join_form_wrap {box-sizing:border-box; position:relative; margin:0 auto; padding:40px 20px; width:100%; background:#fff;}
}
.join_form_wrap .required_input {position:absolute; top:-34px; right:0px; color:rgb(29, 29, 29); font-size:12px;}
.join_form_wrap .join_info_input {box-sizing:border-box; width:100%;}
.join_info_box {box-sizing:border-box; position:relative; width:100%; height:50px; margin-bottom:24px}
.join_info_box:after {display:block; clear:both; content:"";}
@media screen and (max-width:800px) {
	.join_sub_title {float:left; width:82px; height:50px; font-size:12px; font-weight:bold;}
	.join_sub_title .sub_title_txt {position:relative; top:18px}
	.join_sub_title .sub_title_star {position:relative; top:18px; color:#ff6600}
	.join_info_input .join_info_box ._input_box {float:left; position:relative; width:calc(100% - 82px); height:50px}
}
@media screen and (min-width:801px) {
	.join_sub_title {float:left; width:120px; height:50px; font-size:16px; font-weight:bold;}
	.join_sub_title .sub_title_txt {position:relative; top:14px}
	.join_sub_title .sub_title_star {position:relative; top:14px; color:#ff6600}
	.join_info_input .join_info_box ._input_box {float:left; position:relative; width:calc(100% - 120px); height:50px}
}
.join_info_input .join_info_box ._input_box input {box-sizing:border-box;}
.join_info_input .join_info_box .inputer_class {box-sizing:border-box; width:100%; height:100%;}
.join_info_input .join_info_box .cnfmBox {box-sizing:border-box; position:absolute; bottom:-24px; left:4px; width:100%; height:20px; font-size:13px;}
.join_info_input .join_info_box .cnfmBox div {position:relative; left:120px; width:calc(100% - 120px);}

.join_form_wrap .btn_join {box-sizing:border-box; padding:20px; width:100%; text-align:center; font-weight:bold; color:#fff; background-color:#c92020;}
.join_form_wrap .btn_join:hover {background:red;}

.join_info_box .zip_input_class1{float:left; width:100px; height:50px}
.join_info_box .zip_input_class2{float:left; width:100px; height:50px}

.join_info_box .bir1{width:77px; height:44px}
.join_info_box .bir2{width:77px; height:44px}

.menuBar {margin:34px 0; border-bottom:1px solid rgb(222,222,222);}

.join_agreement_chks{margin-bottom:40px}
/* checkbox */
.join_agreement_chks .chk_all_wrap{font-size:14px}
.join_agreement_chks .chk_cell_wrap{font-size:12px}
.join_agreement_chks .checks{margin-bottom:10px; color:#222; font-weight:bold}
.join_agreement_chks .checks_icon_txt{color:#ff6600}
.join_agreement_chks .info_go {text-decoration:underline; cursor:pointer;}

.join_agreement_chks .checks input[type="checkbox"]:checked + label:before { /* 체크박스를 체크했을때 */
  color: #99a1a7;
  background: url('/images/member/checkbox_on@2x.png') no-repeat left top;
  -webkit-background-size: cover;
  background-size: cover;
  border: none;
  border-radius: 0px;
}

.join_agreement_chks .checks input[type="checkbox"] + label:before {
    /* 가짜 체크박스 */
    content: ' ';
    display: inline-block;
    width: 24px; /* 체크박스의 너비를 지정 */
    height: 24px; /* 체크박스의 높이를 지정 */
    line-height: 24px; /* 세로정렬을 위해 높이값과 일치 */
    margin: -1px 4px 0 0;
    text-align: center;
    vertical-align: middle;
    background: url('/images/member/checkbox_off@2x.png') no-repeat left top;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    border: none;
    border-radius: 0px;
}

.container_join #show {display:none; position:fixed; top:150px; left:calc(50% - 280px); width:560px; height:500px;}
.container_join #show .close_info_bg {position:absolute; top:0px; right:-28px; width:30px; height:30px; background-color:#000;}
.container_join #show .close_info_box {position:absolute; box-sizing:border-box; border:4px solid #000; top:0px; right:-28px; width:30px; height:30px; background:url(/edutube_img/footer/menu_x.png) no-repeat center center; background-size:40px; cursor:pointer;}
.container_join #show .pop_info_box {box-sizing:border-box; padding:10px; border:2px solid #000; width:100%; height:100%; background-color:#fff; overflow:scroll;}

/********************************* 회원가입 FIN */