/* 250904 전체 보드 크기 조절 */
.wrap_board .list .subject{
  width: 473px;
}
.wrap_board .list .subject .tit{
  width: 439px;
}

/* 250903 전략 게시판 보드 크기 조절 */
.strategy-board.wrap_board .list .subject{
  width:396px;
}
.strategy-board.wrap_board .list .subject .tit{
  width:359px;
}



/* 250903 유저 프로필 버튼*/
.freeBoard div li .writer  a.profile-btn,
.wrap_board .list li dt .writer a.profile-btn,
.content_area .board_tit .writer a.profile-btn,
.wrap_board .gr_tit .writer a.profile-btn,
.cmt_writer a.profile-btn
{
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
  font-weight: 500;
  color: inherit;
}
/*게시판 크기 조절*/
.wrap_board .list .name-card{
  width: 188px;
}
.wrap_board .list li dt .writer span, .cmt_writer a.profile-btn span{
  max-width: 56px;
  flex-shrink: 0;
}
.cmt_writer a.profile-btn{
  min-width:196px;
}
.comment_list .cmt_writer{
  padding: 10px 12.5px 0;
}
.comment_list .cmt_date{
  margin-left: auto;
}

/*닉네임*/
.freeBoard div li .writer  a.profile-btn .nick-name,
.wrap_board .list li dt .writer a.profile-btn .nick-name,
.wrap_board .gr_tit .writer a.profile-btn .nick-name,
.content_area .board_tit .writer a.profile-btn .nick-name,
.cmt_writer a.profile-btn .nick-name {
  color: inherit;
  background: none;
  margin:0;
  padding:0;
  display: block;
  white-space: nowrap;
  max-width:100%;
  font-size: 12px;
  letter-spacing: -0.9px;
}

 .cmt_writer a.profile-btn span{
  font-size:12px;
  letter-spacing: -0.9px;
 }

/*추가 된 아이콘*/
.wrap_board .list li dt .writer a.profile-btn .stat-icon ,
.content_area .board_tit .writer a.profile-btn .stat-icon,
.wrap_board .gr_tit .writer a.profile-btn .stat-icon,
.cmt_writer .profile-btn .stat-icon{
  margin-left: 2px;
  margin-right: 0px;
}

.freeBoard div li .writer  a.profile-btn .stat-icon{
  padding-left: 2px;
  margin:0
}



/*hover*/
.wrap_board .list li dt .writer a.profile-btn span,
.content_area .board_tit .writer a.profile-btn span,
.cmt_writer:hover .profile-btn span,
.wrap_board .gr_tit .writer a.profile-btn span{
  font-weight: 500;
}



.freeBoard div li .writer:hover  a.profile-btn,
.wrap_board .list li dt:hover .writer a.profile-btn,
.content_area .board_tit .writer:hover a.profile-btn,
.wrap_board .gr_tit .writer:hover a.profile-btn,
.cmt_writer:hover a.profile-btn{
    font-weight: 700;
    color:inherit;
}
.freeBoard div li .writer:hover  a.profile-btn .nick-name,
.wrap_board .list li dt:hover .writer a.profile-btn .nick-name,
.content_area .board_tit .writer:hover a.profile-btn .nick-name,
.wrap_board .gr_tit .writer:hover a.profile-btn .nick-name,
.cmt_writer:hover .profile-btn .nick-name {
  text-decoration: underline;
  font-weight: 700;
  color:inherit;
}

.wrap_board .list li dt:hover .writer span.nick-name{
  color:#858b9b;
}
.wrap_board .list li dt:hover .writer .stat-icon{
    filter: brightness(0) invert(1);
    transition: all 0.2s ease 0.2s;
}


/* 250903 유저 프로필 팝업 */
#user-record-popup{
  display: flex;
  position: absolute;
  width: 0;
  height: 0;
  background-color: #fcfcfc;
  z-index: 9;
  overflow: hidden;
  opacity: 0;
  transform: scale(0) translate(-20px, -20px);
  transform-origin: top left;
  transition: all 0.3s ease-out;
  box-shadow: 0 1px 1px rgba(0,0,0,.1);
  box-sizing: border-box;
}

#user-record-popup.open{
  opacity: 1;
  transform: scale(1) translate(0, 0);
  width: 281px;
  height: auto;
  box-sizing: border-box;
}

#user-record-popup.test{
  opacity: 1;
  transform: scale(1) translate(0, 0);
  width: 281px;
  height: auto;
    box-sizing: border-box;
  top:500px;
  left:500px;
}

.user-record-popup .user-record-popup-inner{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding:25px;
  gap:16px;
  opacity: 0;
}

#user-record-popup.open .user-record-popup-inner{
  opacity: 1;
  transition: opacity 0.2s ease-out 0.2s;

}


.user-record-popup .user-content{
  box-sizing: border-box;
}


.user-record-popup .user-content-heder{
  position: relative;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.user-record-popup .user-content-heder .season-record{
  font-size: 16px;
  line-height: 18px;
  font-weight: 500;
  color:#000;
}

.user-record-popup .user-content-body{
  box-sizing: border-box;
}

.user-record-popup .user-content-body .play-mode-box{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap:4px;
  padding:16px 0;
  background: #F5F5F5;
}

.user-record-popup .user-content-body .play-mode-box span{
color: #666;
text-align: center;
text-overflow: ellipsis;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 18px;
}

.user-record-popup .user-content-body .play-mode-box p{
  color: #282D3C;
  text-align: center;
  text-overflow: ellipsis;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px; 
}

.user-record-popup .user-content-body .profile-info-list{
  display: flex;
  flex-direction: column;
  gap:16px;
}

.user-record-popup .user-content-body .profile-info-list.no-data{
  align-items: center;
  justify-content: center;
  height: 60px;
  color:#999;
  font-size:12px;
}

.user-record-popup .user-content-body .profile-info-item{
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  color:#666;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}


.user-record-popup .user-content-body .profile-info-list .profile-info-item .play-data{
  color: #282D3C;
  text-align: right;
  text-overflow: ellipsis;
  font-family: 'Teko', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 10px;
  box-sizing: border-box;
  padding-top: 4px;
}

.user-record-popup .user-content-body .profile-info-list .profile-info-item .play-data .unit-type{
font-family: "Noto Sans KR";
font-size: 12px;
line-height: 18px;
display: block;
margin-top: -6px;
width: 12px;
flex:1;
}

.user-record-popup .user-content-body .profile-info-list .profile-info-item .play-label{
  display: flex;
  align-items: center;
  gap:8px;
  height: 10px;
  width: 100px;
  position: relative;
}

.user-record-popup .user-content-body .profile-info-list .profile-info-item .play-label::before{
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  width: 1px;
  height: 8px;
  background: #D9D9D9;
  transform: translate(0px, -50%);
}


.user-record-popup .user-content-body .profile-info-list .profile-info-item .play-label .list-dot{
  display: inline-block;
  width: 3px;
  height: 3px;
  background: #666;
}



.user-record-popup .border-line{
  width: 100%;
  height: 1px;
  background: #E5E5E5;
  border: none;
  align-self: stretch;
  margin:16px 0;
  padding: 0;
}

.user-record-popup .no-data .border-line{

  margin:0 0 16px;
  padding: 0;
}



.user-record-popup .user-content-body .user-content-footer{
  line-height: 18px;
  display: flex;
  align-items: start;
  gap:4px;
  overflow: hidden;
}

.user-record-popup .user-content-body .user-content-footer .footer-text{
  color:#A7AAB6;
  text-overflow: ellipsis;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  text-align: left;
  line-height: 18px;
}

.user-record-popup .user-content-body .no-data-text{
  color:#666;
  text-align: center;
  overflow: hidden;
text-align: center;
text-overflow: ellipsis;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 18px;
padding:25px 0;
}