#container_box{background: url("/admin/images/_main_visual_03.jpg") no-repeat center; /* background:#efefef; */ height: 100%; width: 100%; position: relative; overflow: auto; text-align: center;}
#container_box.container_box2{background: url("/admin/images/_main_visual_03.jpg") no-repeat center center / cover;}
#container_box:before {
    content: ""; display: inline-block;
    width: 1px; height: 100vh;
    margin-right: 0; vertical-align: middle;
}
.main_box{width:380px;background:#FFF; margin:0 auto; padding: 40px 40px 0px 40px; display:none; text-align:left;}
.main_box img{ position: absolute;right: 10px;top: 10px; width: 25px; cursor: pointer;opacity: 0.5;}
.main_box_active{display: inline-block !important; vertical-align: middle;}
.header_box{height:50px;font-size: 30px; }
.header_box span{border-bottom: 2px solid;}
/*		.body_box input{width:100%; border:none; font-size:14px; margin-top:30px;border-bottom:1px solid #BCBCBC;}*/
#pw{margin-bottom:10px;}
.body_box span {font-size:12px; color:red; font-weight: bold; /*display:none;*/}
#login_btn, #join_btn, #backbtn, #find_pw_btn{width:100%; text-align:center; background:#424242; border:1px solid #424242; color:#FFF; height: 50px; line-height: 50px; margin-top:20px; font-size:15px;}
.footer_box{margin-top: 15px;}
.footer_box div{text-align:center; }
.footer_box span{font-size:13px; color:#848383;height:100px; line-height: 100px;}
.footer_box span font{cursor: pointer;}
.footer_box:before{content: ""; display: inline-block; font-size:12px; color:red; font-weight: bold; text-align:left;}
.login_main_box .error_msg1:before{content: "존재하지 않는 회원 아이디입니다.";}
.login_main_box .error_msg2:before{content: "아이디 또는 비밀번호가 다릅니다.";}
.login_main_box .error_msg3:before{content: "아이디를 입력해주세요.";}
.login_main_box .error_msg4:before{content: "비밀번호를 입력해주세요.";}
.login_main_box .error_msg5:before{content: "";}
.pass_main_box .error_msg1:before{content: "존재하지 않는 회원 아이디입니다.";}
.pass_main_box .error_msg2:before{content: "존재하지 않는 핸드폰 번호 입니다.";}
.pass_main_box .error_msg3:before{content: "가입시 등록한 핸드폰 번호와 다릅니다.";}
.pass_main_box .error_msg4:before{content: "";}
.pass_main_box .error_msg5:before{content: "아이디를 입력해주세요.";}
.pass_main_box .error_msg6:before{content: "핸드폰 번호를 입력해주세요.";}

@media (max-width: 400px) {
	.main_box{width:90%;}
}

#id_chk_btn{width: 100px; line-height: 31px; height: 31px; border: 1px solid #424242; background: #424242; color: #FFF;position: absolute; top: 13px; right: 0px; display:inline-block; z-index:5; font-size: 14px;}
input:focus {outline:none;}
#agree_chk1, #agree_chk2{width: 17px; height: 17px; vertical-align: middle;}

.join_main_box{width:450px; display:none; margin: 8% auto;}
.join_main_box .footer_box{margin-top: -25px;}
@media (max-width: 470px) {
	.join_main_box{width:90%; padding: 20px 20px 0px 20px;}

}
.agree_chk{font-size:13px; opacity: 0.7;cursor: pointer;}
.error_msg{position: absolute;}
.content-error{margin: 0px;}
.privacy_main_box, .agreement_main_box{width:800px; padding: 40px;}
.privacy_main_box .footer_box, .agreement_main_box .footer_box{margin-top: 0px;}
.privacy_main_box .body_box, .agreement_main_box .body_box{margin-top:25px;}
.text_box{overflow-y: auto; border:1px solid #BCBCBC; max-height:500px;}
@media (max-width: 820px) {
	.privacy_main_box, .agreement_main_box{width:90%; padding: 20px;}
}

#id_save_box{text-align:left; margin-top:15px;}
#id_save_box label{color: #676565 !important; font-size: 12px; cursor: pointer; vertical-align: -webkit-baseline-middle;}
#id_save{width:17px; height:17px; vertical-align: middle;}
.login_main_box .footer_box {margin-top: -15px;}
/*인풋 박스 효과*/
.body_box .form-group {position: relative;padding-top: 16px;margin-bottom: 16px;}
.body_box .form-group .animated-label { position: absolute;	/*top: 20px;*/left: 0;bottom: 0;z-index: 2;width: 100%;font-weight: 300;opacity: 0.5;cursor: text;transition: 0.2s ease all;margin: 0;-webkit-user-select: none;-moz-user-select: none;user-select: none; font-size: 14px;}
.body_box .form-group .animated-label:after {	content: '';	position: absolute;bottom: 0;left: 45%;height: 2px;width: 10px;visibility: hidden;background-color: #848383;transition: 0.2s ease all;}
.body_box .form-group.not-empty .animated-label {top: 0;font-size: 12px;}
.body_box .form-group .form-control {position: relative;z-index: 1;border-radius: 0;border-width: 0 0 1px;border-bottom-color: rgba(0, 0, 0, 0.25);height: auto;padding: 3px 0 5px;}
.body_box .form-group .form-control:focus { box-shadow: none; border-bottom-color: rgba(0, 0, 0, 0.12);}
.body_box .form-group .form-control:focus ~ .animated-label { top: 0; opacity: 1; color: #848383; font-size: 12px;}
.body_box .form-group .form-control:focus ~ .animated-label:after {visibility: visible; width: 100%; left: 0;}
/*데이터 들어간거*/
.form-control-chk{box-shadow: none !important; border-bottom-color: rgba(0, 0, 0, 0.12) !important;}
.animated-label-chk{top: 0 !important; opacity: 1 !important; color: #848383 !important; font-size: 12px !important;}
.animated-label-chk:after{visibility: visible !important; width: 100% !important; left: 0 !important; background-color: #848383 !important;}

.text-muted{text-align:left;}
.form-check .form-check-label input[type="checkbox"]:checked + .input-helper:before{background:#52CDFF;}
input[type="checkbox"]{accent-color: red;}