/********************************* 회원가입 */
.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:#ff6735;}
.join_form_wrap .btn_join:hover {background:#133281;}

.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/join/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/join/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 */




/********************************* 로그인 */
.logbody {width:100%; height:100%;}
.log_box {margin:0 auto; width:500px;}
.log_box .img_pad {position:relative; margin:86px auto 58px auto; width:100%; height:90px; border-radius:35px;}
.log_box .img_pad .logo_img {width:100%; height:100%; background:url('/edutube_img/header/logo.png') no-repeat center center; background-size:contain;}

.log_box .input_area {margin:0 auto 8px auto; box-sizing:border-box; padding:10px; width:460px; height:48px; border:1px solid #dadada; background-color:#fff;}
.log_box .input_area input#log_id, .log_box .input_area input#log_pw {width:100%; height:100%; border:none; background-color:#fff;}
.log_box .log_btn {margin:0 auto; width:460px; height:48px; line-height:48px; text-align:center; background-color:#1096d1; color:#fff; cursor:pointer;}
.log_box .log_btn:hover {background-color:#0C4F8B;}
.log_box .sub_member {margin:0 auto; width:460px; height:48px; line-height:48px;}
.log_box .sub_member .mem_box {float:left; width:50%; height:100%; color:#505151; cursor:pointer;}
.log_box .sub_member .mem_box span {float:left; display:block; color:#505151;}
.log_box .sub_member .mem_box:hover span {color:#1096d1;}
.log_box .sub_member .mem_box span.icon {margin:2px 8px 0px; width:15px; height:48px; background:url('/edutube_img/icon/search_icon.png') no-repeat center center;}
.log_box .sub_member .mem_box:hover span.icon {background:url('/edutube_img/icon/search_icon_on.png') no-repeat center center;}
.log_box .sub_member .autolog #keeplog {float:right; position:relative; margin-right:4px; top:14px; width:20px; height:20px;}
.log_box .sub_member .autolog label {cursor:pointer;}
.log_box .sub_member .autolog span {float:right;}
.log_box .join_area {box-sizing:border-box; margin:60px auto 0px; width:460px; height:42px;}
.log_box .join_area .join_txt {float:left; position:relative; width:304px; height:42px; text-align:left;}
.log_box .join_area .join_txt span {position:absolute; left:0px;}
.log_box .join_area .join_txt span:nth-child(1) {top:0px; font-size:14px; font-weight:bold; color:#1096d1;}
.log_box .join_area .join_txt span:nth-child(2) {bottom:0px; font-size:12px; color:#989898;}
.log_box .join_area .join_btn {float:right; width:116px; height:42px; line-height:42px; text-align:center; color:#fff; background:#1096d1; cursor:pointer;}
.log_box .join_area .join_btn:hover {background:#0C4F8B;}
.log_box .artpickshop {margin:98px auto; width:460px; height:147px; background:url('/edutube_img/loginjoin/logincon.png'); cursor:pointer;}
.log_box .artpickshop:hover {
 	box-shadow:4px 4px 10px rgba(0,0,0,0.5);
	-webkit-transform:scale(1.02); /*  크롬 */
	-moz-transform:scale(1.02); /* FireFox */
	-o-transform:scale(1.02); /* Opera */
	transform:scale(1.02);
	transition: transform .35s;
	-o-transition: transform .35s;
	-moz-transition: transform .35s;
	-webkit-transition: transform .35s;
}
/********************************* 로그인 */