@charset "utf-8";
/* CSS Document */

div#body_container{
background-color: rgba(0,0,0,0.06);
background-color: rgba(76,170,193,0.1);
}

footer{
	position: relative;
}

div#contents_container{
	width: 100%;
	min-height: auto;
	padding: 12vh 0;

	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
}

/*----------------------------------------------------------------*/
/*---sec_entrance-------------------------------------------------------------*/

div#sec_entrance{
	width: 500px;
	background-color: #ffffff;
	padding: 40px 40px;
	margin: 0 auto;

	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;

	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center;
}

/*----------------------------------------------------------------*/

div#sec_entrance div.sec_title{
	margin: 0;
}
div#sec_entrance div.sec_title h2{
	margin-bottom: 20px;
}

div#sec_entrance .pubt{
	margin: 0 auto;
margin-top: 25px;
}

div.sec_title > div p.passwd{
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
}
div.sec_title > div p.passwd b{
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.2em;
  padding: 4px 6px;
  border-bottom: 2px #ececec solid;
}

/*----------------------------------------------------------------*/

div#sec_entrance form.cnt_form{
	width: 100%;
	padding: 0;
	border: none;
}

div#sec_entrance form.cnt_form .er_msg{
	width: 100%;
}

div#sec_entrance form.cnt_form > ul{
	width: 100%;

	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
}
div#sec_entrance form.cnt_form > ul > li{
	width: 100%;
	margin-top: 15px;

	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
}
div#sec_entrance form.cnt_form > ul > li:first-child{
}

div#sec_entrance form.cnt_form > ul > li .pubt{
margin-top: 10px;
}

/*----------------------------------------------------------------*/
/*---login-------------------------------------------------------------*/

div#sec_entrance.login{
	width: 460px;
	padding-left: 50px;
	padding-right: 50px;
}

div#sec_entrance.login form.cnt_form > ul > li:first-child{
	margin-top: 0;
}

div#sec_entrance.login ul li.auto_login{
	margin-top: 15px;
}
div#sec_entrance.login ul li.auto_login label{
font-size: 13px;
	cursor: pointer;
}

div#sec_entrance.login ul li.ot_bt{
	margin-top: 20px;
}
div#sec_entrance.login ul li.ot_bt a.a_il{
	color: #212121;
	font-size: 13px;
	font-weight: 500;
	display: block;
	margin: 0 15px;
}