@charset "utf-8";

@import url('https://hangeul.pstatic.net/hangeul_static/css/nanum-square-neo.css');

@font-face {
	font-family: 'NanumSquareNeo', sans-serif;
}

/* 기본 CSS */
*{
	font-family: 'NanumSquareNeo', sans-serif;
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
}

.weeksurf_content {
    max-width: 700px !important;
    max-height: 518px !important;
    min-width: 0px !important;
    background-color: rgb(0 0 0 / 0%) !important;
    padding-top: 0px !important;
    box-shadow: 0 0 20px rgb(0 0 0 / 0%) !important;
    border: solid 1px rgba(0, 0, 0, 0%) !important;
    display: flex !important;
    height: auto !important;
    margin-right: auto !important;
    flex-direction: column-reverse;
    align-items: stretch;
    justify-content: center;
}

.mobile_img_bak {
height:0px !important;
}


body {
	background-image: url(/layouts/weeksurf/images/surfer5.jpg) !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;
}

.er_login_container{
	display: flex;
	justify-content: center;
	align-items: center;
	height: auto;
	height: 100vh;
}

.er_login {
	background-color: #f4f7f6;
	border-radius: 20px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
	border: solid 1px rgba(0, 0, 0, 0.1);
	padding: 40px;
	max-width: 700px;
	width: 100%;
}

.er_login h1 {
	font-weight: bold;
	font-size: 30px;
	text-align: center;
	margin-bottom: 20px;
	color: #1abc9c;
}

.er_login h2 {
	font-weight: 400;
	font-size: 14px;
	text-align: center;
	margin-bottom: 30px;
	color: #1abc9c;
}

.er_login label{
	display:inline-block
}

form.er_login_form {
	display: flex;
	flex-direction: column;
}

.er_login_input_container {
	display: flex;
	flex-direction: column;
	margin-bottom: 10px;
}

.er_login_input_container2 {
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
}

input.login_style {
	box-shadow: 0 0 0 1px #dbdbdb inset;
	border:none;
	font-size: 16px;
	padding: 15px;
	background-color: #ffffff;
	border-radius: 10px;
	outline: none;
	transition: border-color 0.3s;
}

input:focus.login_style {
	box-shadow: 0 0 0 2px #1abc9c inset;
}

.login_style::placeholder {
	color: #c6c6c6;

}
button.er_login_submit {
	background-color: #1abc9c;
	color: white;
	border: none;
	border-radius: 10px;
	padding: 12px;
	font-size: 16px;
	cursor: pointer;
	margin-top: 22px;
	transition: background-color 0.3s;
}

button:hover.er_login_submit {
	background-color: #148f77;
}

.er_login_links {
	display: flex;
	justify-content: center;
	margin-top: 20px;
}

.er_login_links a {
	color: #444444;
	text-decoration: none;
	margin: 0 5px;
}


.er_login_links span {
	color: #444444;
	font-weight: bold;
	margin: 0 5px;
}

.logo img {
  max-width: 150px;
}

.message.error {
    border-color: #1abc9c!important;
    color: #454545!important;
    text-align: center!important;
    border-radius: 10px!important;
    font-weight: bold!important;
    background-color: #effdfb!important;
    text-shadow: 0 0px 0 rgba(255, 255, 255, 0.5)!important;
}

@media (max-width: 700px) {
	.er_login {
	background-color: #fff;
	box-shadow: none;
	border:none;
	padding: 20px;
	min-width:320px;
	width:90%;
	}
}


/*.message {padding : 10px !important;}*/


input#check_btn2,input#check_btn{
	display:none;
}

input#check_btn2 + label,input#check_btn + label{
	cursor:pointer;
 }

input#check_btn2 + label > span,input#check_btn + label > span{
	vertical-align: middle;
	padding-left: 5px;
 }

/* label:before에 체크하기 전 상태 CSS */
input#check_btn2 + label:before,input#check_btn + label:before{
	content:"";
	display:inline-block;
	width:17px;
	height:17px;
	border:2px solid #1abc9c;
	border-radius: 4px;
	vertical-align:middle;
}
	
/* label:before에 체크 된 상태 CSS */	
input#check_btn2:checked + label:before,input#check_btn:checked + label:before{
	content: "";
	background-color: #1abc9c;
	border-color: #1abc9c;
	background-image: url(/modules/message/skins/weeksurf/images/check_btn.png);
	background-repeat: no-repeat;
	background-position: 50%;
}