.guild_container {
  font-size: 1em;
  word-break: keep-all;
}

@media only screen and (max-device-width: 640px) {
  .guild_container {
    padding-left: 5px;
    padding-right: 5px;
  }

	.list_table .guild_name {
		margin-left: 30px;
		width: 60%;
	}

	.list_table .guild_info {
		width: 0;
		display: none;
	}

  .swal2-title {
    font-size: 0.8em;
  }

  .swal2-content {
    font-size: 0.8em;
  }
}

@media only screen and (max-device-width: 768px) {
  .guild_container {
    padding-left: 5px;
    padding-right: 5px;
  }

	.list_table .guild_name {
		margin-left: 30px;
		width: 60%;
	}

	.list_table .guild_info {
		width: 0;
		display: none;
	}

  .swal2-title {
    font-size: 0.8em;
  }

  .swal2-content {
    font-size: 0.8em;
  }
}

.gd_width_full {
  width: 100%;
}

.gd_input {
  -webkit-transition: border-color 150ms ease-in-out,
    -webkit-box-shadow 150ms ease-in-out;
  border: 1px solid #e5e5e5;

  display: inline-block;
  height: 32px;
  line-height: 1.3em;
  padding: 10px;
  margin: 10px 0;
  box-sizing: border-box;
  border-radius: 2px;
  vertical-align: middle;
}

.gd_textarea {
  -webkit-transition: border-color 150ms ease-in-out,
    -webkit-box-shadow 150ms ease-in-out;
  border: 1px solid #e5e5e5;

  display: inline-block;
  height: 80px;
  line-height: 1.3em;
  padding: 10px;
  margin: 10px 0;
  box-sizing: border-box;
  border-radius: 2px;
  vertical-align: middle;
}

.gd_textarea:focus,
.gd_input:focus {
  border: 1px solid #2196f3;
  box-shadow: 0 0 8px #719ece;
}

.gd_button {
    font-size: 1.2em;
    text-align: center;
    cursor: pointer !important;
    padding: 10px 17px !important;
    margin: 1px !important;
    outline: none;
    border: none;
    border-radius: 4px;
    text-decoration: none !important;
    transition: 200ms;
  	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	background-color:#ededed;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#2e2e2e;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}

.gd_button.basic {
  padding: 7px 14px !important;
  font-size: 1em !important;
  margin: 0px !important;
  color: #343739;
  background-color: white;
  border: 1px solid #e8eaeb;
}

.gd_button.basic:hover {
  border-color: #bdc1c5;
  background-color: #f8f8f8;
}

.gd_button.basic:active {
  border-color: #bdc1c5;
  background-color: #ececec;
}

.gd_button.round {
  border-radius: 100px !important;
}

.gd_button.shadow {
  box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2);
}

.gd_button.shadow:hover {
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
}

.gd_button.shadow:active {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

.gd_button.waves-effect {
  /* todo */
}

.gd_button.primary {
	box-shadow:inset 0px 1px 0px 0px #f9eca0;
	background:linear-gradient(to bottom, #f0c911 5%, #f2ab1e 100%);
	background-color:#f0c911;
	border-radius:6px;
	border:1px solid #e65f44;
	display:inline-block;
	cursor:pointer;
	color:#c92200;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ded17c;
}

.gd_button.primary:hover {
	background:linear-gradient(to bottom, #f2ab1e 5%, #f0c911 100%);
	background-color:#f2ab1e;
}

.gd_button.success {
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
	background-color:#3d94f6;
	border-radius:6px;
	border:1px solid #337fed;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #1570cd;
}

.gd_button.success:hover {
	background:linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
	background-color:#1e62d0;
}

.gd_button.danger {
	box-shadow:inset 0px 1px 0px 0px #f29c93;
	background:linear-gradient(to bottom, #fe1a00 5%, #ce0100 100%);
	background-color:#fe1a00;
	border-radius:6px;
	border:1px solid #d83526;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
}

.gd_button.danger:hover {
	background:linear-gradient(to bottom, #ce0100 5%, #fe1a00 100%);
	background-color:#ce0100;
}

.gd_center {
  text-align: center;
}

.gd_line {
  line-height: 1.8em;
}

.gd_padding_1em {
  padding: 1em;
}

.text-danger {
  color: red;
}

.gd_mini_logo {
  width: 100px;
  height: 100px;
  border-radius: 5%;
}

.guild_editor {
  margin: 15px;
}

.wrap_set {
  font-size: 14px;
  background: #fff;
  border-radius: 1px;
  border: 1px solid #e0e5ee;
}

.list_table {
  width: 100%;
  font-size: 1em;
  vertical-align: middle;
  text-decoration: none;
  border-collapse: collapse;
}

.list_table th,
.list_table td {
  width: 600px;
  height: 80px;
  padding: 8px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}

.list_table tr:hover {
  background-color: #f5f5f5;
  cursor: pointer;
}

.list_table .guild_name {
  margin-left: 30px;
  width: 30%;
}

.list_table .guild_info {
	width: 30%;
	text-align: center;
}

.list_table .guild_rank {
  width: 20%;
}

.list_img {
  margin-left: 30px !important;
}

.square {
  float: left;
  position: relative;
  width: 70%;
  padding-bottom: 70%; /* = width for a 1:1 aspect ratio */
  margin: 1.66%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; /* you change this to "contain" if you don't want the images to be cropped */
  border-radius: 5%;
}

.gd_module_block {
  background-image: url("https://api.hoto.dev/get/module.gif"), url("data:image/gif;base64,R0lGODlhAQABAJAAAP8AAAAAACH5BAUQAAAALAAAAAABAAEAAAICBAEAOw==");
  background-repeat: no-repeat;
}

.gd_link {
  color: white;
}

.gd_usermenu {
  width: 100%;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.gd_usermenu::-webkit-scrollbar {
  display: none;
}

.list_logo {
  width: 100%;
  padding-bottom: 100%;
  cursor: pointer;
}

@media (min-width: 320px) and (max-width: 767px) {
  .list_table .guild_logo {
    margin-left: 0;
    width: 30%;
  }

  .list_table .guild_name {
    margin-left: 0;
    width: 40%;
  }

  .list_table .guild_rank {
    width: 30%;
  }

  .list_img {
    margin: 1.66% !important;
  }
}

/* ÇÏ´ÜÀ§Á¬Ãß°¡ */
.ms_wrapper1 {
	margin: 10px;
}

hr {
    background:#353535;
    height:1px;
    border:0;
}