

#popup_login {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .7);
  z-index: 999999999999;
}

#popup_login.hide {
  display: none;
}

#popup_login.has-filter {
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}


#popup_uplo {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .7);
  z-index: 999999999999;
}

#popup_uplo.hide {
  display: none;
}

#popup_uplo.has-filter {
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

#popup_view {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .7);
  z-index: 999999999999;
}

#popup_view.hide {
  display: none;
}

#popup_view.has-filter {
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}




#popup_pr {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .7);
  z-index: 999999999999;
}

#popup_pr.hide {
  display: none;
}

#popup_pr.has-filter {
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}


/*팝업 로그인*/
.login_content{background:#ffffff;border-radius:5px;padding:25px;height:auto;box-shadow: 1px 1px 3px rgba(0, 0, 0, .3);}

.login_content h3{margin:0px 0px 15px 0px;font-size:2.1rem}
.login_body_pop{width:600px;margin-left:0px;margin-top:20px;font-size:0.8rem;height:auto;}
.login_body_pop .mese {padding:2px 0px 2px 0px;height:auto;}
.login_body_pop .mese span{color:red;}
.login_body_pop .mese span.rig{color:red;float:right;cursor:pointer}
.login_body_pop .mese span.rig div{width:125px;text-align:center;padding:6px;background:#4c8806;border:1px solid #4c8806;border-radius:5px;color:#ffffff;}
.login_body_pop .mese span.rig div a{color:#ffffff;}

.login_body_pop .member_sh{margin-top:20px;height:100px;}
.login_body_pop .member_sh .je{width:100%;float:right;line-height:80px;vertical-align:middle;border-bottom:1px solid #b5b5b5;height:50px;}
.login_body_pop .member_sh .je li{width:23%;display:inline-block;}
.login_body_pop .member_sh .je li input[type="text"]{border: 1px !important;outline-style:none;width:50%;}
.login_body_pop .member_sh .je li input[type="password"]{border: 1px !important;outline-style:none;width:50%;}

.login_body_pop .member_sh .je li:last-child{width:76%;display:inline-block;}
.login_body_pop .member_sh .je li.title_cu{width:80px;line-height:50px;height:50px;vertical-align:middle;}


.login_body_pop .mese_search {margin-top:20px;height:auto;}
.login_body_pop .mese_search span{color:red;}
.login_body_pop .mese_search span.rig{color:black;float:right;cursor:pointer}
.login_body_pop .mese_search span.rig div{width:120px;text-align:center;padding:6px;background:#4c8806;border:1px solid #4c8806;border-radius:5px;color:#ffffff;}


.login_body_pop .login_body_button {clear:both;width:100%;vertical-align:bottom !important;margin-left:0px;margin-top:20px;text-align:center;height:60px}


.login_btn_red {	
    width:290px;
    background-color: #f04040;
    border: none;
    color:#fff !important;
    padding: 15px 0;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    margin-top: 24px;
	margin-right: 10px;
    cursor: pointer;
	border-radius:5px;
	 
	
}

.login_btn_clean {	
    width:300px;
    background-color: #000000;
    border: none;
    color:#fff !important;
    padding: 15px 0;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    margin-top: 24px;
    cursor: pointer;
	border-radius:5px;
 
}

.login_kakao_btn_red {	
    width:100%;
    background-color: #c7bd08;
    border: none;
    color:#fff !important;
    padding: 15px 0;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    margin-top: 25px;
	margin-right: 0px;
    cursor: pointer;
	border-radius:5px;
}
.login_Naver_btn_red {	
    width:100%;
    background-color: #47b748;
    border: none;
    color:#fff !important;
    padding: 15px 0;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    margin-top: 5px;
	margin-right: 0px;
    cursor: pointer;
	border-radius:5px;
}

#login_g-recaptcha {width:100% !important;margin-top:10px;margin-bottom:10px;}




@media only screen and (min-width:0px) and (max-width: 760px) {
	
		 	
					
		/*팝업 로그인*/
		.login_content{width:92%;margin:0 auto;background:#ffffff;border-radius:5px;padding:25px;height:auto;box-shadow: 1px 1px 3px rgba(0, 0, 0, .3);}

		.login_content h3{margin:0px 0px 15px 0px;font-size:2.1rem}
		.login_body_pop{width:100%;margin-left:0px;margin-top:20px;font-size:0.8rem;height:auto;}
		.login_body_pop .mese {padding:2px 0px 2px 0px;height:auto;}
		.login_body_pop .mese span{color:red;}
		.login_body_pop .mese span.rig{color:red;float:right;cursor:pointer}
		.login_body_pop .mese span.rig div{width:125px;text-align:center;padding:6px;background:#4c8806;border:1px solid #4c8806;border-radius:5px;color:#ffffff;}
		.login_body_pop .mese span.rig div a{color:#ffffff;}

		.login_body_pop .member_sh{margin-top:20px;height:100px;border:0px solid red;}
		.login_body_pop .member_sh .je{width:100%;float:right;line-height:50px;vertical-align:middle;border-bottom:1px solid #b5b5b5;height:50px;}
		.login_body_pop .member_sh .je li{width:23%;display:inline-block;}
		.login_body_pop .member_sh .je li input[type="text"]{height:47px;outline-style:none;width:100%;border:0px solid red !important;font-size:1.3rem}
		.login_body_pop .member_sh .je li input[type="password"]{height:47px;outline-style:none;width:100%;border:0px solid red !important;font-size:1.3rem}

		.login_body_pop .member_sh .je li:last-child{width:65%;display:inline-block;}
		.login_body_pop .member_sh .je li.title_cu{width:80px;line-height:50px;height:50px;vertical-align:middle;}


		.login_body_pop .mese_search {margin-top:20px;height:auto;}
		.login_body_pop .mese_search span{color:red;}
		.login_body_pop .mese_search span.rig{color:black;float:right;cursor:pointer}
		.login_body_pop .mese_search span.rig div{width:100px;text-align:center;padding:5px;background:#4c8806;border:1px solid #4c8806;border-radius:5px;color:#ffffff;}


		.login_body_pop .login_body_button {clear:both;width:100%;vertical-align:bottom !important;margin-left:0px;margin-top:20px;text-align:center;height:60px}


		.login_btn_red {	
			width:48.3%;
			background-color: #f04040;
			border: none;
			color:#fff !important;
			padding: 15px 0;
			text-align: center;
			text-decoration: none;
			display: inline-block;
			font-size: 15px;
			margin-top: 24px;
			margin-right: 10px;
			cursor: pointer;
			border-radius:5px;
			 
			
		}

		.login_btn_clean {	
			width:48.3%;
			background-color: #000000;
			border: none;
			color:#fff !important;
			padding: 15px 0;
			text-align: center;
			text-decoration: none;
			display: inline-block;
			font-size: 15px;
			margin-top: 24px;
			cursor: pointer;
			border-radius:5px;
		 
		}

}