.agree {
	width: 100%;
	padding: 0;
	margin: 0 0 2rem 0;
}
.agree .title {
	width: 100%;
	padding: 0px 0px 10px 0px ;
	margin: 0px;
	font-size: 1.1em;
	font-weight: 300;
}
.agree .title span{
	font-weight: 700;
}
.agree .con {
	width: 100%;
	height: 250px;
	padding: 10px 20px ;
	margin: 0px;
	font-size: 0.8em;
	background-color: #f9f9f9;
	border-top: 3px solid #226348;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	overflow-y: auto;
}
.agree .chk {
	position: relative;
	text-align: right;
	padding: 5px 0px 0px 0px;
}
.agree label {
	position: absolute;
	top: 10px;
	right: 0px;
	font-size: 0.8em;
	padding: 0px 30px 0px 0px;
}
.agree input {
	width: 22px;
	height: 22px;
}
.bt_join {
	width: 100%;
  font-family: "GmarketSansMedium", "Roboto", system-ui, -apple-system, "Noto Sans", sans-serif;
	font-size:1.2rem;
	color: #ffffff;
	padding: 20px 0px;
	background-color: #226348;
	border:0px;
	cursor:pointer;
  /*border-radius: 5px;*/
}
.bt_join:focus, .bt_join:hover {
  color: #fffda3;
	background-color: #144732;
	outline: 0;
}
.bt_join .arrow{
  padding-left: 2rem !important;
  transition: all .2s;
}
.bt_join:focus, .bt_join:hover .arrow{
  padding-left: 4rem !important;
}


@media (max-width: 768px) {
  .agree .con {
    height: 150px;
  }
  .bt_join {
    font-size:1.1rem;
  }
}