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

/* ---------------------------------------------------- */
/* BASE BTN
/* ---------------------------------------------------- */
input[type=button]{
font-family: FontAwesome ;
}

.send{
  display: block;
	text-align:center;
	margin:20px auto;
}


.g-recaptcha {
margin-right:auto;
margin-left:auto;
text-align: center;
width:300px;
  margin-bottom: 1em;
}

.top_login-panel{
  margin:100px 0;
  padding: 30px ;
  border-radius: 0px;
  background: rgba(97,157,185,0.3);
  color: #000;
  line-height: 3;
}
.top_login-panel p{
  font-size:20px ;
  color:#203749;
  font-weight: 600;
}

.top_login-panel p.red{
  color:#E54B1E;
}
  

.top_login-panel ul {
  color: #203749;
  padding-left: 2em ;
}

.top_login-panel li {
  padding-bottom: 5px ;
  list-style: disc outside;
}

.top_login-panel li a{
  color: #203749;
  padding-bottom: 5px;
}

.top_login-panel li a:hover{
  color: #E54B1E;
}

/*----------------------------------------------------
    TABLE
----------------------------------------------------*/
form{
}


.table{
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  padding: 0;
  margin: 0 0 60px 0;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{
    padding: 10px;
	  border: 1px solid #ddd;
		line-height: 1.4;
}

.table th {
background: rgba(195,178,165,0.2);;
	font-weight: 600;
	vertical-align: middle;
}

.table td {
background: #fff;
  line-height: 1.4;
	vertical-align: middle;
}

.table td ul{
  margin-left:1.5em ;
  font-size: 0;
}
.table td li{
  display: inline-block;
  font-size: 14px;
  line-height: 1;
  width: 50%;
  position: relative;
  padding-left: 0.8em;
  padding-bottom:10px;
}

.table td li:before{
  font-family: 'ionicons';
  content: "\f125";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -10px;
  font-size: 10px ;
}

.must {
    background: #E54B1E;
    color: #fff;
    text-align: center;
    margin: -5px 0.5em 3px;
    font-size: 70%;
    width: 60px;
    height: 32px;
    line-height: 32px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    float: right;
}

.new {
    background: #E54B1E;
    color: #fff;
    text-align: center;
    font-size: 11px;
    width: 40px;
    height: 20px;
    line-height: 20px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
  margin: 0px 15px 3px 0;
      float: left;
}

.form-control {
display: block; 
     height: 34px; 
     padding: 6px 12px; 
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
		margin-bottom:5px ;
}

.form-control:focus {
    border-color:#F6BD00 !important;
    box-shadow:none;
  background: #F4E9C3;
}
.table_clm>tbody>tr>td, .table_clm>tbody>tr>th, .table_clm>tfoot>tr>td, .table_clm>tfoot>tr>th, .table_clm>thead>tr>td, .table_clm>thead>tr>th {
    border: 1px solid #ddd;
		text-align:left;
      padding: 20px;
		line-height: 1.4;
}
 
.outline th,.outline td{
  padding: 8px ;
}

.table th.w30{
  width: 30% !important;
}

.table th.w20{
  width: 20% !important;
}

.gray {
	background:#999;
  color:#fff;
}

.gray:hover {
	background:#999;
  color:#fff;
}

.blue{
  background: #24609F;
  color:#fff;
}

.caution{
  padding: 20px ;
  border: 1px solid #619DB9;
  margin: 20px 0;
}

.caution h4{
  font-size: 18px ;
  font-weight: 600;
  color: #619DB9;
}

.caution ul{
  margin: 10px 30px;
}
.caution li{
  padding-bottom: 10px ;
  line-height: 1.3;
}

.caution li:before {
  position: relative;
  top: -2px;
  left: -15px;
  display: inline-block;
  width: 6px;
  height: 6px;
  content: '';
  border-radius: 100%;
  background: #619DB9;
}

@media only screen and (max-width:767px) {
  .top_login-panel{
  margin:30px 0;
}
  
.table th.w30,.table th.w20{
  width: 100% !important;
}

	.must {
    margin: -2px 0.5em 3px;
    width: 50px;
    height: 25px;
    line-height: 25px;
		font-weight: 600;
}
  
 .table{
    font-size: 14px ;
  margin: 3em 0 ;
}
  
  .table td li{
    margin-left: 1em;
  display: block;
  font-size: initial;
  line-height: 1;
  width: 100%;
  position: relative;
  padding-left: 0.8em;
}

.table_clm>tbody>tr>td, .table_clm>tbody>tr>th, .table_clm>tfoot>tr>td, .table_clm>tfoot>tr>th, .table_clm>thead>tr>td, .table_clm>thead>tr>th {
  border: none;
		text-align:left;
  padding:15px ;
}
    .table_clm th, .table_clm td{
        width: 100%;
        display:block;
        border-top: none;
        padding:15px ;
    }
			
.table>tbody>tr>th, .table>thead>tr>th {
	text-align:cener;
	background:rgba(195,178,165,0.2);;
  padding:15px ;
   }
	 
.table-bordered>tbody>tr>td {
  background: #fff;
  padding:15px ;
   }
  .caution ul{
  margin: 10px 10px 10px 25px;
}
  
}

@media only screen and (max-width: 800px) {
  .table_etc {
    width: 100%;
  }
  .table_etc tr {
    display: block;
    float: left;
  }
.table_etc tr td, .table_etc tr th {
    display: block;
    height: 40px;
	width: auto;
  }
.table_etc thead {
    display: block;
    float: left;
    width: 30%;
  }
.table_etc thead tr {
    width: 100%;
  }
.table_etc tbody {
    display: block;
    float: left;
    width: 70%;
  }
.table_etc tbody tr {
    width: 30%;
  }
}
@media only screen and (max-width: 1200px){

.table td li{
  display: block;
  font-size: initial;
  line-height: 1;
  width: 100%;
  position: relative;
  padding-left: 0.8em;
}
}

@media only screen and (min-width: 768px){

.w100{	width:100px ;}
.w200{	width:200px ;}
.w300{	width:300px ; }
.w400{	width:400px ;}
.w450{	width:450px ;}
.w600{	width:600px ;}
.w_auto{width: 100%;}
}
@media only screen and (max-width: 767px){
.w100{	width:100% ;}
.w200{	width:100% ;}
.w300{	width:100% ;}
.w400{	width:100% ;}
.w450{	width:100% ;}
.w600{	width:100% ;}
.w_auto{width: 100%;}
}

.bg_blue{
  background: #619DB9 !important;
  color: #fff;
}

.txt_c{
  text-align: center;
}