.button {
  display: block;
  width: 100%;
  border-radius: 5px;
}
.blue {
  background-color: var(--bis-color-blue); 
  color: var(--bis-color-white); font-weight: 700; font-size: var(--bis-font-size-15);
  line-height: 51px; text-align: center;
}
.blue:hover {
  background-color: var(--bis-color-deep-blue);
  color: var(--bis-color-white); font-weight: 700;
  line-height: 51px; text-align: center;
}
.black {
  background-color: var(--bis-color-black);
  text-align: center; color: var(--bis-color-white);
  font-size: var(--bis-font-size-15); font-weight: 400; line-height: 140%;
}
.black:hover {
  background-color: var(--bis-color-blue);
  color: var(--bis-color-white);
}
.black-red {
  background-color: var(--bis-color-black);
  text-align: center; color: var(--bis-color-white);
  font-size: var(--bis-font-size-15); font-weight: 500;
}
.black-red:hover {
  background-color: var(--bis-color-red);
  color: var(--bis-color-white);
}
.line-blue {
  border:1px solid var(--bis-color-blue); border-radius: 5px;
  background-color: var(--bis-color-white);
  text-align: center; color: var(--bis-color-blue);
}
.line-blue:hover {
  border:1px solid var(--bis-color-blue); border-radius: 5px;
  background-color: var(--bis-color-light-silver);
}
.blue-gradation {
  background: linear-gradient( to bottom, #3BC8FF, #1764FF );
  border: 1px solid #1764FF; border-radius: 5px;
  color: var(--bis-color-white);
  font-size: var(--bis-font-size-18); font-weight: 700;
  text-align: center;
  transition: .3s;
}
.blue-gradation:hover {                                                      
  background: linear-gradient( to bottom, #1764FF, #1764FF );
  color: var(--bis-color-white);
  transition: .3s;
}
.gray {
  background-color: var(--bis-color-light-silver);
  border: 1px solid var(--bis-color-light-gray); border-radius: 5px;
  color: var(--bis-color-black);
  font-size: var(--bis-font-size-18); font-weight: 700;
  text-align: center;
  transition: .3s;
}
.gray:hover {
  background-color: var(--bis-color-blue);
  color: var(--bis-color-white);
  border-color: var(--bis-color-deep-blue);
}


/* button */
button {
  cursor: pointer;
}
.keyword {
  display: inline-block;
  text-align: center; font-size: var(--bis-font-size-12); font-weight: 400; line-height: 22px;
  border-radius: 13px; padding: 0 20px;
}
.ehKeyw {
  color: var(--bis-color-black);
  border: 1px solid var(--bis-color-light-gray);
}
.ehKeyw:hover {
  color: var(--bis-color-blue);
  border-color: var(--bis-color-blue);
}
.tag {
  display: inline-block;
  text-align: center; font-size: var(--bis-font-size-12); font-weight: 400;
  border-radius: 13px;
  padding: 0 20px;
}
.eh-rdlk {
  color: var(--bis-color-black);
  border: 1px solid var(--bis-color-light-gray);
}
.eh-rdlk:hover {
  color: var(--bis-color-blue);
  border-color: var(--bis-color-blue);
}



/********************************************************************** 1500 미만 해상도 */
@media only screen and (max-width:1500px) and (min-width:1300px){
  .keyword {
    padding: 0 15px;
  }
}
/********************************************************************** 1300 미만 해상도 */
@media only screen and (max-width:1299px) and (min-width:1200px){
  .keyword {
    padding: 0 12px;
  }
}
/********************************************************************** 1024 미만 해상도 */
@media only screen and (max-width:1199px) and (min-width:900px){
  .keyword {
    padding: 0 5%;
  }
}