/* =============게임별 게시판 3줄로 고정 반응형| 각요소  고정 간격, 여백, 너비값 수정 */

.game_list_wrap {width:90vw; display: flex; flex-wrap: wrap; gap: 3vw; margin:0 auto; margin-top: 60px;}
.game_list_wrap dl {cursor: pointer; width: 28vw; position: relative;}

.game_list_wrap dl:hover {  transform: scale(1.05); transition: 0.3s;}

.game_list_wrap dl dd {width: 100%; height: 100%;}
.game_list_wrap dl dd img {width: 100%; height: 100%; object-fit: cover; border-radius: 15px;}
.game_list_wrap dl dt {display: flex; align-items: center; justify-content: center; position: absolute; bottom: 0; width: 100%; height: 85px; background: rgba(0, 0, 0, 0.6); border-radius: 0px 0px 15px 15px;}
.game_list_wrap dl dt strong { font-weight: 700;  font-size: 18px;  line-height: 21px;  color: #F5F5F5; max-width: calc(100% - 20px); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

ul.tabs li.current a {border-bottom: initial;}


/* 게임별 게시판 이미지 크기 상세 */

/* 0901수정사항 - 각 반응별 width값 삭제. height , font-size, line-height값만 유지*/
@media screen and (max-width:1900px) {
}

@media screen and (max-width:1280px) { /* 0901수정사항 - 반응형 진입 사이즈 변경 1200->1280 */
  .game_list_wrap dl dt {height: 60px;}
}

@media screen and (max-width:1000px) {
  .game_list_wrap dl dt {height: 40px;}
}


@media screen and (max-width:730px) {
  .game_list_wrap dl dt strong {font-size: 14px;}
}

@media screen and (max-width:550px) {
  .game_list_wrap dl dt strong {font-size: 12px; line-height: 14px;}
}
/* 각 반응별 width값 삭제. height , font-size, line-height값만 유지 끝 */