body, body *{
	-webkit-tap-highlight-color : transparent;
}

.pg_search_wrap .cm_writer2{
	display:none !important;
}
.cm_content_wrap .cm_list_title .cm_comment{
	background: unset;
	padding-top: 0;
	font-size: inherit;
	color: #47afff;
	opacity: 1;
	min-width: fit-content;
	margin-top: 0;
	margin-left: 4px;
}
.cm_content_wrap .cm_list_sub{
	gap: 14px;
}
#vue_container:has(.app_report_pg[style="display: block;"]) .input_comment.floating{
	display: none;
}
.layout_fix.helpcenter {
	padding-left: 2%;
	padding-right: 2%;
	box-sizing: border-box;
}
.m_layout_fix.helpcenter .content_wrap.policies{
	box-sizing: 100%;
	max-width: 100%;
}	
/* 0618수정 - 쌀콘장터 쌀콘효과 설명란 안보이던문제수정 */
.buy_ssalcon .modal_content_wrap .selected_item .item_info .info_opt,
.buy_ssalcon_error .modal_content_wrap .selected_item .item_info .info_opt {
  display: block;
  font-size: 12px;
  margin-top: 10px;
}
/* 쌀콘장터 쌀콘효과 설명란 안보이던문제수정끝 */

/* 0613수정 - IOS 댓글란 스크롤기능 수정 */
.scrollDisable {
  touch-action: none;
  height: 100%;
  overflow: hidden;
}
/* IOS 댓글란 스크롤기능 수정 끝 */

/* 0604수정 - IOS 오버스크롤 막기 */
html,
body {
  overscroll-behavior: none;
}
/* IOS 오버스크롤 막기 끝 */
/* 0604수정 - IOS 랭킹디테일 차트 뒷배경 검은색 문제  */
.renew-evaluation .highcharts-plot-background {
  fill: none;
}
/* IOS 랭킹디테일 차트 뒷배경 검은색 문제  끝 */
/* 0531수정 - 커뮤/공지 굵은 폰트에서 css 안먹는 현상 수정 */
#v-contents *:not([style]) {
  font-size: inherit;
  font-family: inherit;
  color: inherit;
  font-style: inherit;
  text-decoration: revert;
}
/* 커뮤/공지 굵은 폰트에서 css 안먹는 현상 수정 끝 */
/* 앱5차수정 - 회원가입완료 페이지 쌀콘지급 안내멘트 추가 */
.login_box .greeting1.bebe_ssalcon > span {
  display: block;
  margin: 0 auto;
  margin-bottom: 10px;
  width: 120px;
  background-color: #72c2ff;
  padding: 6px;
  border-radius: 6px;
}
.login_box .greeting1.bebe_ssalcon > span > img {
  display: block;
  width: 100%;
  height: auto;
}
.login_box .greeting1.bebe_ssalcon strong {
  color: #72c2ff;
}
/* 회원가입완료 페이지 쌀콘지급 안내멘트 추가 끝 */

/* 앱4차수정 - 데일리페이지 헤더 부분 수정  */
.layout_fix.ssalpoint #tab-btn {
  height: 30px !important;
}
.layout_fix.ssalpoint #tab-btn > ul {
  display: none;
}
.pointState .conMain01{
	margin-bottom: 20px;
}
.pointState .conMain01 .main-content {
	display: flex;
}

.getpoint-box {
	display: flex;
	flex-direction: colunm;
	width: 100%;
	padding: 0 2%;
	flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 15px;
}
.getpoint-background {
	background-color: #72C2FF;
	width: 96%;
	height: 23px;
	border-radius: 20px;
	display: flex; 
	align-items: center;
  justify-content: center;
}

.getpoint-background p{
	color: white;	
}
/* 데일리페이지 헤더 부분 수정  끝 */
/* 앱3차수정 - 헤더 | 돋보기 이미지 짤림현상 수정 */
.btn-search .search_icon {
  background-image: url("/images/m_icon_search_bck.svg");
  background-size: contain;
}
/* 헤더 | 돋보기 이미지 짤림현상 수정 끝 */

/* 앱3차수정 - 팝업 | 커뮤-게임별게시판 쌀먹순위 안내팝업 */
.app_popup.modal_alert .popup_content p {
  line-height: 1.5em;
}
.app_popup.modal_alert .title {
  padding-top: 20px;
}
/* 팝업 | 커뮤-게임별게시판 쌀먹순위 안내팝업 끝 */
/* 앱3차수정 - 검색페이지 | 각 요소별 사이 여백 추가 */
.listBox_con {
  padding-bottom: 26px;
}
.search_history .recently_list {
  margin-bottom: 30px;
}
.hot_list .listBox_title {
  margin-bottom: 23px;
}
/* 검색페이지 | 각 요소별 사이 여백 추가 끝 */
/* main-home-page */
.ad-sense-box {
  box-sizing: border-box;
  width: 100%;
  height: 60px;
  margin-top: 20px;
  display: none;
}

.ad-sense-box .inner-wrap {
  background-color: rgba(211, 229, 255, 1);
  border-radius: 10px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ad-sense-box .inner-wrap img {
  display: block;
  width: 66px;
  height: 50px;
}

.gallery-box,
.gallery-box * {
  box-sizing: border-box;
}

.gallery-box {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 20px;
  gap: 6px;
}

.gallery-box>.inner-wrap {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
}

.gallery-box .gallery-item {
  height: auto;
  aspect-ratio: 1/1.2;
  flex-basis: 30%;
  flex-grow: 1;
  border-radius: 10px;
  overflow: hidden;
}

.gallery-box .gallery-item .item-wrap {
  width: 100%;
  height: 100%;
}

.gallery-box>.inner-wrap:first-child .gallery-item .item-wrap {
  padding: 12px 14px;
}

.gallery-box>.inner-wrap:first-child .item-wrap {
  background: linear-gradient(180deg, rgba(217, 217, 217, 0) 80.26%, rgba(26, 26, 26, 0.29) 109.57%);
}

.main-home .gallery-box>.inner-wrap:first-child .item01 .item-wrap {
  background-color: rgba(254, 235, 207, 1);
}

.main-home .gallery-box>.inner-wrap:first-child .item02 .item-wrap {
  background-color: rgba(199, 211, 255, 1);
}

.main-home .gallery-box>.inner-wrap:first-child .item03 .item-wrap {
  /* background-color: rgba(202, 236, 187, 1); */
	padding: 0;
	position: relative;
	overflow: hidden;
}
.main-home .gallery-box > .inner-wrap:first-child .item03 .item-tit{
	display:none;
	
}
.main-home .gallery-box>.inner-wrap:first-child .item03 img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: -5px;
}
.main-home .gallery-box>.inner-wrap:first-child .item03 .foot-box{
	position: absolute;
	bottom:0;
	padding: 10px;
	background-color: rgba(0, 0, 0, 0.6);
	width: 100%;
	height: 40%;
}



/* 앱5차수정 - 메인홈 포토카드 타이틀 라인 정리 */
.main-home .gallery-box > .inner-wrap:first-child .item-tit {
  color: #fff;
  width: fit-content;
  padding: 3px 6px;
  border-radius: 5px;
  font-size: 10px;
  height: 22px;
}
/* 메인홈 포토카드 타이틀 라인 정리 끝 */
.main-home .gallery-box>.inner-wrap:first-child .item01 .item-tit {
  background-color: rgba(208, 148, 255, 1);
}

/* 앱5차수정 - 메인홈 포토카드 타이틀 라인 정리  */
.main-home .gallery-box > .inner-wrap:first-child .item02 .item-tit {
  background-color: transparent;
}

.main-home .gallery-box > .inner-wrap:first-child .item03 .item-tit {
  background-color: transparent;
}
/* 메인홈 포토카드 타이틀 라인 정리  끝 */


.main-home .gallery-box>.inner-wrap:first-child img {
  display: block;
  width: 100%;
  height: 90px;
  margin-top: 6px;
  object-fit: cover;
}

.main-home .gallery-box>.inner-wrap:first-child .foot-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 70px;
  padding-top: 10px;
}

.main-home .gallery-box>.inner-wrap:first-child .gallery-item:not(.item01, .item03) .foot-box p {
  color: #fff;
  font-size: 10px;
}

.progressive-bar {
  margin-top: 40px;
  background-color: #fff;
  border-radius: 20px;
}

.progressive-box .progressive-bar {
  border-radius: 20px;
  height: 20px;
  position: relative;
}

.progressive-box .progressive-bar .now-persent-bar {
  border-radius: 20px;
  background-color: rgba(114, 194, 255, 1);
  width: 50%;
  height: 100%;
}

.progressive-box .progressive-bar .progressive-txt {
  position: absolute;
  display: flex;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.progressive-box .progressive-bar .progressive-txt p {
  color: black;
  font-size: 12px;
}

.progressive-box .progressive-bar .progressive-txt p:first-child {
  font-weight: bold;
}




.main-home .gallery-box>.inner-wrap:last-child .gallery-item {
  position: relative;
}

.main-home .gallery-box>.inner-wrap:last-child .gallery-item .item-wrap {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: flex-end;
}

.main-home .gallery-box>.inner-wrap:last-child .gallery-item>img {
  display: block;
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
  position: absolute;
  z-index: -99;
}

.main-home .gallery-box>.inner-wrap:last-child .gallery-item .foot-box {
  width: 100%;
  height: 40%;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.main-home .gallery-box>.inner-wrap:last-child .gallery-item .foot-box p,
.main-home .gallery-box>.inner-wrap:first-child .item03 .foot-box p{
  color: #fff;
  font-size: 12px;
}

.main-home .gallery-box>.inner-wrap:last-child .gallery-item .foot-box p:first-child,
.main-home .gallery-box>.inner-wrap:first-child .item03 .foot-box p:first-child{
  font-size: 16px;
}

.history-slider {
  width: 100%;
  margin-top: 40px;
}

.history-slider .slider-tit {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
}

.history-slider .slider-tit p {
  font-size: 16px;
}

.history-slider .slider-tit p.on {
  font-size: 18px;
}

.history-slider .slider-tit p:first-child::after {
  content: '|';
  padding-left: 10px;
  padding-right: 10px;
  font-size: 16px;
  color: rgba(120, 120, 120, 0.2);
}

.history-slider .slider-cont ul {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow-x: scroll;
  gap: 6px;
}

.history-slider .slider-cont ul::-webkit-scrollbar {
  display: none;
}

.history-slider .slider-cont ul li {
  width: 100px;
  min-width: 100px;
  height: auto;
}

.history-slider .slider-cont ul li img {
  width: 92%;
  margin-left: 4%;
  height: auto;
  border-radius: 12px; 
  aspect-ratio: 1 / 1;
}

.history-slider .slider-cont ul li p {
  width: 100%;
  max-width: 100%;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  
}



/* 앱3차수정 - 메인홈 | 베스트글과 랭킹목록 사이 여백 추가 */
.best-box {
  width: 100%;
  margin-top: 40px;
  margin-bottom: 30px;
}
/* 메인홈 | 베스트글과 랭킹목록 사이 여백 추가 끝 */

.best-box .inner-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.best-box .inner-wrap .cm-category {
  width: 100%;
}

.categoryGroupCss .cate-tit {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}

.categoryGroupCss .cate-tit p {
  height: 20px;
  line-height: 20px;
  font-size: 18px;
}

.categoryGroupCss .btn-togo {
  background-image: url('/images/app/arrow_right_blue.svg');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 40px;
  height: 16px;
}

/* 앱3차수정 - 메인홈 | 베스트글 목록 폰트 간격 수정 */
.cate-list-box {
  display: flex;
  height: 44px;
  align-items: center;
  box-shadow: -6px -3px 6px 0px rgba(233, 233, 233, 0.3), 4px 4px 10px 2px rgba(233, 233, 233, 0.6);

  margin-bottom: 6px;
  border-radius: 5px;
  background-color: #fff;
  padding-left: 10px;
  padding-right: 10px;
  gap: 6px;
  padding-top: 8px;
  padding-bottom: 6px;
}

/* 메인홈 | 베스트글 목록 폰트 간격 수정 */

.best-box .cate-list-box:nth-child(even) {
  background-color: rgba(248, 251, 255, 1);
}

.best-box .cate-list-box .post-preview {
  flex-grow: 1;
}

.best-box .cate-list-box>img {
  display: block;
  width: 40px;
  height: 30px;
  object-fit: cover;
  border-radius: 4px;
}

/* 앱3차수정 - 메인홈 | 베스트글 목록 폰트 간격 수정 */
.best-box .cate-list-box .post-tit p {
  font-size: 11px;
}
/* 메인홈 | 베스트글 목록 폰트 간격 수정 끝 */

.best-box .cate-list-box .sub-cont {
  display: flex;
  gap: 6px;
}

.best-box .cate-list-box .sub-cont li {
  display: flex;
  gap: 2px;
  align-items: center;
}

.best-box .cate-list-box .sub-cont li::after {
  display: block;
  content: '|';
  font-size: 8px;
  height: 10px;
  line-height: 12px;
  color: rgba(173, 173, 173, 1);
  padding-left: 6px;
}

.best-box .cate-list-box .sub-cont li img {
  width: 10px;
  height: 10px;
}

/* 앱3차수정 - 메인홈 | 베스트글 목록 폰트 간격 수정 */
.best-box .cate-list-box .sub-cont li p {
  font-size: 9px;
  height: 10px;
  line-height: 12px;
  opacity: 0.5;
}
/* 메인홈 | 베스트글 목록 폰트 간격 수정 끝 */

.ranking-box,
.ranking-box * {
  box-sizing: border-box;
}

.ranking-box p {
  font-size: 10px;
}
/* 앱5차수정 - 모바일랭킹 매출순위 폰트사이즈 및 랭킹정보란 정렬법 수정 수정  */
.mobileCate .infoBoxesCont,
.moCate .infoBoxesCont {
  flex-direction: row;
  align-items: center;
}
.mobileCate .infoBoxesCont p {
  font-size: 10px;
}
/* 0624수정 - 모바일랭킹 "위" 텍스트 처리 오류수정 */
.mobileCate .infoBoxesCont:not(:has(.graph_box)) p::after {
  display: inline-block;
  content: "위";
}
/* 모바일랭킹 "위" 텍스트 처리 오류수정 끝 */
/* 모바일랭킹 매출순위 폰트사이즈 및 랭킹정보란 정렬법 수정 끝 */
.ranking-box .inner-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.ranking-box .cate-list-box {
  height: 60px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.categoryGroupCss .cate-subTit {
  margin-bottom: 10px;
}

.categoryGroupCss .cate-subTit p {
  color: #72C2FF;
}

.ranking-box .categoryGroupCss .cate-tit {
  margin-bottom: 6px;
}

.ranking-box .cate-list-box .rk-main-info {
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

/* 0611수정 - 랭킹정보 차트란 추가 */

/* .rk-sub-info {
  width: 70px;
  max-width: 70px;
  min-width: 70px;
} */
.rk-sub-info {
  height: 100%;
  max-height: 100%;
}
.rk-sub-info > ul {
  height: 100%;
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.rk-sub-info > ul > li {
  width: 70px;
  min-width: 70px;
  max-width: 70px;
}
.subInfoBox.graphBox {
  display: flex;
  flex-direction: column;
  position: relative;
}
.subInfoBox.graphBox .graph_box {
  flex-grow: 1;
}
.subInfoBox.graphBox .ranking_graph + p {
  position: absolute;
  top: 70%;
  /* left: 50%; */
  transform: translateY(-50%) scale(0.8);
  font-size: 14px;
  white-space: nowrap;
}
.subInfoBox.graphBox .ranking_graph + p strong {
  font-size: 8px;
  height: 10px;
  display: block;
  line-height: 8px;
  color: #fb460e;
}

body:has(.modal_select .filter_list > .on > a[data-code="hot"]) {
}
/* 랭킹정보 차트란 추가 */

.rk-gameBg {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 5px;
}

.rk-rankArrow .rankArrow-bg {
  display: none;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.rk-rankArrow.rankUp .rankArrow-bg {
  display: block;
  background-image: url('/images/rank_up.svg');
}

.rk-rankArrow.rankDown .rankArrow-bg {
  display: block;
  background-image: url('/images/rank_down.svg');
}

.ranking-box .infoBoxes01 {
  display: flex;
  flex-direction: row;
  gap: 6px;
  align-items: center;
  justify-content: end;

}

.ranking-box .infoBoxes02 {
  flex-grow: 1;
  min-width: 0;
}

.ranking-box .infoBoxes01 .rk-rank p {
  font-size: 8px;
}

.ranking-box .infoBoxes01 .rk-rank>p {
  width: 100%;
  font-size: 10px;
  color: rgba(114, 194, 255, 1);
}

.rk-gameTit {
  display: flex;
  flex-direction: row;
  gap: 4px;
}

.rk-gameTit .btn_like {
  width: 12px;
  height: 12px;
  min-width: 12px;
  min-height: 12px;
  background-size: contain;
  margin: 0;
  float: initial;
}

.rk-gameTit>p:last-child {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rk-rankArrow {
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: center;
}

.rk-rankArrow .rankArrow-bg {
  width: 8px;
  height: 8px;
}

.rk-gamePreview {
  display: flex;
}

/* 앱5차수정 - 메인홈, 랭킹 수익성 란 hidden처리  */
.rk-gamePreview > div::after {
  display: none;
  /* display: block;
  content: "|";
  padding-left: 2px;
  padding-right: 4px;
  font-size: 10px;
  color: rgba(120, 120, 120, 0.2); */
}
/* 메인홈, 랭킹 수익성 란 hidden처리 끝 */

.rk-gamePreview>div:last-child::after {
  content: '';
}

.rk-gamePreview .rk-countStar {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2px;
}

.rk-gamePreview .rk-countStar img {
  transform: translateY(-2px);
}
/* 앱5차수정 - 메인홈, 랭킹 수익성 란 hidden처리 */
.rk-rebateRate {
  display: none;
}
/* 메인홈, 랭킹 수익성 란 hidden처리 끝 */
.rk-rebateRate>p:first-child {
  color: rgba(63, 63, 63, 0.4);
}


.infoBoxesTit {
  color: rgba(63, 63, 63, 0.4);
  width: 100%;
  text-align: left;
}
/* 앱5차수정 - 랭킹정보란 정렬법 수정  */
.infoBoxesCont {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
/* 랭킹정보란 정렬법 수정 끝 */

.pcCate .infoBoxesCont>p:last-child {
  color: rgba(251, 70, 14, 1);
  font-size: 8px;
}

.pcCate .infoBoxesCont>p::after {
  content: '%';
  font-size: inherit;
  color: inherit;
}

.moCate .infoBoxesCont img {
  width: 12px;
  height: 12px;
}

.moCate .infoBoxesCont>p::after {
  content: '위';
  font-size: inherit;
  color: inherit;
}

.p2eCate .infoBoxesCont {
  flex-direction: column;
  gap: 0;
}

.p2eCate .infoBoxesCont>p {
  height: 10px;
}

.p2eCate .infoBoxesCont>p:last-child {
  font-size: 8px;
  color: rgba(251, 70, 14, 1);
}

.p2eCate .infoBoxesCont>p:last-child::after {
  color: inherit;
  font-size: inherit;
  content: '%';
}

.rk-rebateRate p {
  display: flex;
  position: relative;
  gap: 4px;
}

.rk-rebateRate p::after {
  display: block;
  content: '-';
  font-size: inherit;
  color: inherit;
  border-radius: 9px;
}

.rk-rebateRate.bestRate p::after {
  background: linear-gradient(101.08deg, #74FFE6 4.84%, #72C2FF 100%);
  content: '매우 높음';
  font-size: 8px;
  padding-left: 4px;
  padding-right: 4px;
  height: 14px;
  color: #fff;
}

.rk-rebateRate.highRate p::after {
  background: linear-gradient(100.15deg, #3DABFF 8.23%, #FFD673 100%);
  content: '높음';
  font-size: 8px;
  padding-left: 4px;
  padding-right: 4px;
  height: 14px;
  color: #fff;
}

.rk-rebateRate.normalRate p::after {
  background: rgba(114, 194, 255, 1);
  content: '보통';
  font-size: 8px;
  padding-left: 4px;
  padding-right: 4px;
  height: 14px;
  color: #fff;
}

.rk-rebateRate.rowRate p::after {
  background: rgba(143, 175, 224, 1);
  content: '낮음';
  font-size: 8px;
  padding-left: 4px;
  padding-right: 4px;
  height: 14px;
  color: #fff;
}

.rk-rebateRate.worstRate p::after {
  background: rgba(255, 110, 78, 1);
  content: '매우 낮음';
  font-size: 8px;
  padding-left: 4px;
  padding-right: 4px;
  height: 14px;
  color: #fff;
}

.app_footer.footerRenew .layout_fix.bottom .footer_sns_list li::after {
  display: none;
}

.app_footer.footerRenew .layout_fix.bottom .footer_sns_list li a>div {
  display: flex;
  align-items: center;
}

.app_footer.footerRenew .layout_fix.bottom .footer_sns_list li a>div img {
  width: 10px;
  height: 10px;
  transform: translateY(-2px);
}

.app_footer.footerRenew .layout_fix.bottom .footer_sns_list li a>div p {
  font-size: 10px;
  color: #686868;
}

.app_slide_wrap.slide_wrap_renew .multiple-items .items_list {
  height: 260px;
}

.app_sliding_menu .ctg_box .js_slide_cate.cate-point .ctg1 {
  background: url('/images/app/menu01.svg') no-repeat center left 15px;
}

.app_sliding_menu .ctg_box .js_slide_cate.cate-equip .ctg1 {
  background: url('/images/app/menu05.svg') no-repeat center left 15px;
}

.app_sliding_menu .ctg_box .js_slide_cate.cate-link .ctg1 {
  background: url('/images/app/menu02.svg') no-repeat center left 15px;
}

.app_sliding_menu .ctg_box .js_slide_cate.cate-myLog .ctg1 {
  background: url('/images/app/menu03.svg') no-repeat center left 15px;
}

.app_sliding_menu .ctg_box .js_slide_cate.cate-notice .ctg1 {
  background: url('/images/app/menu07.svg') no-repeat center left 15px;
}

.app_sliding_menu .ctg_box .js_slide_cate.cate-help .ctg1 {
  background: url('/images/app/menu08.svg') no-repeat center left 15px;
}

.app_sliding_menu .ctg_box .js_slide_cate.cate-logOut .ctg1 {
  background: url('/images/app/menu09.svg') no-repeat center left 15px;
}



/* ranking page */
.ranking-home .ad-sense-box.top-adsense {
  margin-top: 10px;
}

.ranking-home .ranking-box {
  margin-top: 20px;
}

.ranking-home .top-btn {
  margin-top: 30px;
  margin-bottom: 30px;
}


.ranking-category .ad-sense-box.top-adsense {
  margin-top: 120px;
}

.ranking-category .ranking-box {}

.ranking-category .ranking-box .cate-tit,
.ranking-category .ranking-box .cate-subTit {
  display: none;
}

.discription_line {
  width: 100%;
  height: 20px;
  margin-top: 20px;
  margin-bottom: 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.discription_wrap {
  display: flex;
  align-items: center;
}

.discription_wrap p {
  color: rgba(63, 63, 63, 0.4);
  font-size: 10px;
  height: 100%;
  line-height: 21px;
  margin-right: 4px;
}

.discription_wrap p span {
  display: none;
  font-size: inherit;
  color: inherit;
}

.discription_wrap.source-view p span {
  display: inline-block;
}

.discription_wrap img {
  display: block;
  width: 12px;
  height: 12px;
  cursor: pointer;
}

.filter-box {
  display: flex;
}

.filter-box.op-modalSelect {
  flex-direction: row;
}

.ranking-category .discription_line .filter-box {
  align-items: center;
}

.ranking-category .discription_line .filter-box p {
  font-size: 10px;
}

.ranking-category .discription_line .filter-box img {
  display: block;
  width: 12px;
  height: 12px;
}


.app_popup .filter_list .inner-wrap {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 20px;
  margin-bottom: 10px;
}

.app_popup .filter_list .inner-wrap label {
  font-size: 14px;
  color: rgba(63, 63, 63, 0.6);
}

.app_popup .filter_list .inner-wrap input {
  display: none;
}

.app_popup .filter_list .inner-wrap input:checked+label {
  color: rgba(114, 194, 255, 1);
}

.app_popup.discriptionPopup .title {
  margin: 0;
  padding: 0;
}

.app_popup.discriptionPopup .source-box {
  display: none;
}

.app_popup.discriptionPopup.source-view .source-box {
  display: block;
}

.app_popup.discriptionPopup .source-box p,
.app_popup.discriptionPopup .source-box span {
  display: block;
  width: 100%;
  text-align: center;
  padding: 0;
}

.app_popup.discriptionPopup .source-box p {
  padding-bottom: 4px;
  color: rgba(63, 63, 63, 1);
  font-size: 12px;
}

.app_popup.discriptionPopup .source-box span {
  padding-bottom: 16px;
  color: rgba(63, 63, 63, 0.4);
  font-size: 10px;
}

.app_popup.discriptionPopup .popup_content {
  margin-top: 30px;
  padding-bottom: 20px;
}

.app_popup.discriptionPopup .popup_content>p {
  padding-bottom: 4px;
}

.app_popup.discriptionPopup .popup_content>p:last-child {
  padding: 0;
}

.m_header_wrap.app_header_wrap .m_header .pg_title {
  max-width: 100%;
}


/* 앱2차수정 - 3depth 카테고리 크기 변경 및 폰트사이즈 변경 */
.depth2.faq .search_btn ~ li{
  width: auto;
  font-size: 14px;
}
/* 3depth 카테고리 크기 변경 및 폰트사이즈 변경 */


.head-mainListBox {
  flex-grow: 1;
  display: flex;
  overflow-x: scroll;
  gap: 4px;
  padding-right: 10px;
}

.head-mainListBox::-webkit-scrollbar {
  display: none;
}

.boxes-wrap {
  display: flex;
  align-items: center;
  padding: 2px 9px;
  border-radius: 20px;
  border: 1px solid rgba(201, 201, 201, 1);
  background-color: #fff;
}

.boxes-wrap img {
  width: 32px;
  height: 32px;
  display: none;
}

.head-mainListBox li.on .boxes-wrap {
  background-color: rgba(114, 194, 255, 1);
  border: none;
}

.head-mainListBox li.on .boxes-wrap img {
  display: block;
}

.head-mainListBox li.on .boxes-wrap p {
  color: #fff;
}

.boxes-wrap p {
  text-wrap: nowrap;
  height: 32px;
  line-height: 34px;
}


.ranking-detail .game_profile .game_profile_info>ul>li:nth-child(2) {
  text-wrap: nowrap;
}

.m_header_wrap.app_header_wrap .header_menu li a {
  text-wrap: nowrap;
  font-size: 12px;
}

.ranking-detail .icons_j li {
  position: relative;
}

.ranking-detail .icons_j li>img:first-child {
  display: block;
  width: 12px;
  height: 12px;
}

.ranking-detail .icons_j li>img:last-child:not(:first-child) {
  display: block;
  width: 60px;
  position: absolute;
  left: -9px;
  display: none;
  top: 18px;
}

.ranking-detail .icons_j li:hover>img:last-child:not(:first-child) {
  display: block;
}

.ranking-detail~.ad-sense-box.top-adsense {
  margin-top: -30px;
  margin-bottom: 10px;
  width: 96%;
  margin-left: 2%;
}

.ranking-detail-gradeGraph .detail_j .contents_j {
  box-shadow: none;
}

.ranking-detail-gradeGraph .detail_j .contents_j .coin_info_box,
.ranking-detail-gradeGraph .detail_j .contents_j .coinmonth_j {
  box-shadow: -6px -3px 6px rgba(233, 233, 233, 0.3), 4px 4px 8px 2px #E9E9E9;
  border-radius: 12px;
  padding: 30px 30px;
}

.market-share,
.market-share * {
  box-sizing: border-box;
}

.market-share.contents_j {
  padding-top: 26px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  margin-bottom: 10px;
}

.market-share .inner-wrap {
  display: flex;
  flex-direction: row;
  width: 100%;
  max-width: 100%;
  height: 50px;
}


.market-share.pc-version .inner-wrap .contents-boxes {
  width: 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.market-share.pc-version .inner-wrap .boxes02 {
  border-left: 1px solid rgba(215, 215, 215, 1);
}

.market-share.pc-version .boxes-tit {
  font-size: 12px;
  color: rgba(112, 112, 112, 1);
  width: 100%;
  text-align: center;
}


.market-share.pc-version .boxes-cont {
  padding-top: 8px;
}

.market-share.pc-version .boxes-cont p {
  font-size: 14px;
}

.market-share.pc-version .boxes01 .boxes-cont {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.market-share.pc-version .boxes01 .boxes-cont>p:nth-child(2) {
  font-size: 8px;
  color: rgba(251, 70, 14, 1);
  line-height: 20px;
}

.market-share.pc-version .boxes02 .boxes-cont p {
  width: 100%;
  text-align: center;
}

.discription-txt {
  color: rgba(63, 63, 63, 1);
  font-size: 10px;
  text-align: right;
  margin-top: 16px;
}

.market-share.mo-version .contents-boxes {
  width: 100%;
}

.market-share.mo-version .boxes-tit {
  display: flex;
  gap: 2px;
  align-items: center;
  justify-content: center;

}

.market-share.mo-version .boxes-tit p {
  font-size: 12px;
  color: rgba(112, 112, 112, 1);
}

.market-share.mo-version .boxes-cont {
  margin-top: 10px;
}

.market-share.mo-version .boxes-cont p {
  width: 100%;
  text-align: center;
}

.layout_fix.ranking-detail~.layout_j .coinmonth_j {
  box-shadow: none;
  margin-top: 0;
}

.layout_fix.ranking-detail~.layout_j .coin_info_box .coin_info .coin_img {
  width: 20px;
  height: 20px;
}

.layout_fix.ranking-detail~.layout_j .coin_info_box .coin_info .coin_name {
  font-size: 16px;
  margin: 0;
  flex-grow: 1;
}

.layout_fix.ranking-detail~.layout_j .coin_info_box .coin_info .coin_price {
  font-size: 14px;
  margin: 0;

}

.layout_fix.ranking-detail~.layout_j .coin_info_box .coin_info .coin_price .greenper_j {
  margin: 0;
  font-size: 12px;
  align-items: start;
  gap: 2px;
  font-weight: bold;
}

.layout_fix.ranking-detail~.layout_j .coin_info_box .coin_info .coin_price .greenper_j img {
  display: block;
  width: 8px;
  height: 14px;
}

.layout_fix.ranking-detail~.layout_j .coin_info_box .coin_info li:first-child {
  font-size: 14px;
}


.layout_fix.ranking-detail~.layout_j .coin_info_box .trading li:last-child {
  margin: 0;
}

.layout_fix.ranking-detail~.layout_j .coin_info_box .trading li .sub {
  font-size: 12px;
}

.layout_fix.ranking-detail~.layout_j .coin_info_box .trading li .redper_j {
  margin: 0;
  align-items: start;
  gap: 2px;
}

.layout_fix.ranking-detail~.layout_j .coin_info_box .trading li .redper_j img {
  width: 8px;
  height: 10px;
}

.layout_fix.ranking-detail~.layout_j .coin_info_box .coin_info.trading li:first-child {
  margin: 0;
  flex-basis: 76px;
  flex-grow: 1;
}

.coin_info_box+.coin_source {
  padding: 0 30px;
}

.coin_info_box+.coin_source .discription-txt {
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(235, 235, 235, 1);
}

.cm-list-renew.layout_fix .cm_list_container .cm_box .cm_content_wrap .cm_list_sub .cm_board{
  width: initial;
}
/* 앱3차수정 - 커뮤니티 | 글목록 간격 수정 */
.cm-list-renew .cm_list .cm_box {
  padding: 4px 12px;
  padding-top: 10px;
  padding-bottom: 6px;
}

/* 커뮤니티 | 글목록 간격 수정 끝 */

.cm-list-renew .cm_list .cm_box .cm_content_wrap {
  gap: 0;
}

/* 앱3차수정 - 커뮤니티 | 글제목 폰트 수정  */
.cm-list-renew .cm_box .cm_list_title > p {
  /* font-family: 'GmarketSansLight' , 'Noto Sans KR', 'Noto'; */
  /* font-weight: bold; */
  font-size: 11px;
}
/* 커뮤니티 | 글제목 폰트 수정   */
.cm-list-renew .cm_box:has(.isClicked) .cm_list_title > p {color: #a3a3a3;}
.cm-list-renew .cm_box:has(.isClicked) .cm_list_title .cm_comment {color: #72c2ff;}
.cm-list-renew .cm_list_container .cm_box .cm_content_wrap .cm_list_sub .cm_date {
  font-size: 8px;
}

.cm-list-renew .cm_content_mark {
  padding-right: 10px;
}

.cm_list_bg {
  width: 22px;
  height: 22px;
  min-width: 22px;
  min-height: 22px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url('/images/img_commu/cm_list_normal_size22.svg');
}
/* 앱3차수정 - 커뮤니티 | 일반 말풍선 아이콘일시 hidden 처리  */
.cm_box:not(.cm_notice_list, .cm_best_list, .cm_pop_list, .cm_admin_list, .cm_img_list) .cm_list_bg {
  display: none;
}
/* 커뮤니티 | 일반 말풍선 아이콘일시 hidden 처리 끝 */

/* 0620수정 - 공지 아이콘색상  변경  */
.cm_notice_list .cm_list_bg {
  background-image: url("/images/img_commu/cm_list_notice_size20_red.svg");
}
/* 공지 아이콘색상  변경  끝 */

.cm_best_list .cm_list_bg {
  background-image: url('/images/img_commu/cm_list_best_size22.svg');
}

.cm_pop_list .cm_list_bg {
  background-image: url('/images/img_commu/cm_list_popular_size22.svg');
}

.cm_admin_list .cm_list_bg {
  background-image: url('/images/img_commu/cm_list_adminmark_size22.svg');
}

.cm_img_list .cm_list_bg {
  background-image: url('/images/img_commu/square_blue_img.png');
}

.renew-evaluation .m_user_rating .total-bar {
  padding: 0;
}



.renew-evaluation .m_user_rating .total-bar {
  display: flex;
}

.renew-evaluation .m_user_rating .total-bar li {
  margin: 0;
  flex-basis: 50%;
}

.renew-evaluation .m_user_rating .total-bar li:first-child {
  padding-right: 2%;
  border-right: 1px solid rgba(215, 215, 215, 1);
}

.renew-evaluation .m_user_rating .total-bar li:last-child {
  padding-left: 2%;
}

.renew-evaluation .m_user_rating .evaluation-persent-box {
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 20px;
}

.renew-evaluation .m_user_rating .evaluation-persent-box>ul {
  padding: 0;
  display: flex;
  align-items: center;
}

.renew-evaluation .m_user_rating .evaluation-persent-box>ul li {
  margin: 0;
}

.evaluation-persent-box>ul li:first-child p {
  font-size: 10px;
}

.evaluation-persent-box>ul li:first-child {
  flex-basis: 60px;
}

.evaluation-persent-box>ul li:last-child {
  flex-grow: 1;
}

.evaluation-persent-box .progressive-box {
  width: 100%;
  height: 14px;
}

.evaluation-persent-box .progressive-box .progressive-bar {
  margin: 0;
  height: 14px;
  background-color: rgba(239, 239, 239, 1);
}

.evaluation-persent-box .progressive-box .now-value,
.evaluation-persent-box .progressive-box .total-value {
  display: none;
}

.renew-evaluation .progressive-box .progressive-bar .progressive-txt {
  flex-direction: row-reverse;
  width: 100%;
}

.renew-evaluation .progressive-txt p:nth-child(2) {
  padding-right: 10px;
  font-size: 8px;
}

/* 앱3차수정 - 애드센스 영역 상단여백크기 조절 */
#jayu .ad-sense-box {
  width: 96%;
  margin-left: 2%;
  margin-top: 4px;
}
/* 애드센스 영역 상단여백크기 조절 끝 */


.utill_box,
.utill_box * {
  box-sizing: border-box;
}

.utill_box {
  width: 100%;
  height: 50px;
  padding: 0 10px;
}

.utill_box .utill_list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  width: 100%;
  gap: 10px;
}


.utill_box .utill_list>div:first-child {
  max-width: calc(70% - 10px);
  overflow-x: scroll;
}

.utill_box .utill_list>div:first-child::-webkit-scrollbar {
  display: none;
}

.utill_box .utill_list>div:last-child {
  min-width: 30%;
}

/* 앱2차수정 - 커뮤>핫게시판 버튼필터 불필요하게 짤리는 현상 수정 */
.utill_box .utill_list:not(:has(.dropdown-fillter)) >div:first-child{
  max-width: 98%;
}

/* 커뮤>핫게시판 버튼필터 불필요하게 짤리는 현상 수정 */


.utill_box .btn-fillter ul {
  display: flex;
  flex-direction: row;
  gap: 6px;
}

.utill_box .btn-fillter ul li {
  background-color: rgba(234, 234, 234, 1);
  border-radius: 7px;
  color: rgba(186, 186, 186, 1);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 10px;
}

.utill_box .btn-fillter ul li p {
  font-size: 14px;
  text-wrap: nowrap;
}

.utill_box .btn-fillter ul li.on {
  background-color: rgba(114, 194, 255, 1);
}

.utill_box .btn-fillter ul li.on p:last-child {
  color: #fff;
}

.utill_box .btn-fillter ul li .btn-fillter-bg {
  display: none;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
}

.utill_box .btn-fillter ul li.adminBtn .btn-fillter-bg {
  display: block;
  background-image: url('/images/img_commu/cm_list_adminmark_size22.svg');
  margin-left: -6px;
}

.layout_fix.cm_cont_list.main_cm_list .utill_box .search_wrap_comm {
  position: relative;
  width: 200px;
}

.layout_fix.cm_cont_list.main_cm_list .layout_wrap .basic_wrap .utill_box ul.tabs {
  padding: 0;
  margin: 0;
}

.layout_fix.cm_cont_list.main_cm_list .layout_wrap .basic_wrap .utill_box .search_wrap_comm .right_search .btn_search {
  position: relative;
  min-width: 40px;
}

.layout_fix.cm_cont_list.main_cm_list .layout_wrap .basic_wrap .utill_box .search_wrap_comm .right_search .inner_search {
  flex-grow: 1;
}

.layout_fix.cm_cont_list.main_cm_list .layout_wrap .basic_wrap .utill_box .search_wrap_comm .right_search {
  gap: 10px;
}

.cm_cont_list .utill_box ul.tabs {
  margin-bottom: 0;
}


.utill_box .btn_cm_write {
  width: 80px;
  height: 30px;
  cursor: pointer;
}

.utill_box .btn_cm_write p {
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 34px;
  border-radius: 51px;
  background-color: rgba(114, 194, 255, 1);
  color: #fff;
}


.utill_box .list01>div:last-child {
  display: flex;
  flex-direction: row;
  gap: 20px;
}

/* 앱3차수정 - 커뮤니티 | 필터버튼 아래로 내림  */
#jayu:not(.gameList_renew) .utill_box {
  height: auto;
}
#jayu:not(.gameList_renew) .utill_box .utill_list {
  flex-direction: column;
  gap: 0;
}
#jayu:not(.gameList_renew) .utill_box .utill_list > div:first-child {
  max-width: 100%;
  width: 100%;
}
#jayu:not(.gameList_renew) .utill_box .list01 > div:last-child:not(.btn-fillter) {
  max-width: 100%;
  width: 100%;
  height: 20px;
  justify-content: flex-end;
}
#jayu:not(.gameList_renew) .utill_box .list01 > div .dropdown-fillter {
  width: 65px;
  height: 20px;
}
#jayu:not(.gameList_renew) .utill_box .list01 > div .dropdown-fillter .option-switch {
  width: 8px;
  height: 8px;
}
#jayu:not(.gameList_renew) .utill_box .list01 > div .dropdown-fillter .now-option p:first-child {
  font-size: 9px;
}
/* 커뮤니티 | 필터버튼 아래로 내림  끝 */

.dropdown-fillter {
  width: 80px;
  height: 30px;
  position: relative;
  box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.07);
}

.dropdown-fillter .now-option {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 4px 6px;
  cursor: pointer;
}

.dropdown-fillter .now-option p:first-child {
  font-size: 12px;
}

.dropdown-fillter .option-switch {
  background-image: url('/images/arrow_down_size8.svg');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
}

.dropdown-fillter .now-option.active .option-switch {
  background-image: url('/images/arrow_up_size8.svg');
}

.dropdown-fillter .option-box {
  display: none;
  position: absolute;
  width: 80px;
  height: auto;
  z-index: 999;
  left: 0;
  top: 32px;
  background-color: #fff;
  box-shadow: 4px 4px 10px 2px rgba(233, 233, 233, 0.6);
  cursor: pointer;
}

.dropdown-fillter .now-option.active+.option-box {
  display: block;
}

.dropdown-fillter .option-box>div {
  position: relative;
  width: 100%;
}

.dropdown-fillter .option-box .option-item {
  height: 30px;
  line-height: 34px;
  border-bottom: 1px solid rgba(221, 221, 221, 1);
  padding-left: 6px;
  font-size: 12px;
}

.dropdown-fillter .option-box .option-item:hover {
  background-color: rgba(169, 218, 255, 1);
  color: #fff;
}

.dropdown-fillter .option-box .option-item:last-child {
  border-bottom: none;
}

/* 앱3차수정 - 커뮤니티 드롭다운 필터 디자인 수정  */
#jayu .dropdown-fillter {
  box-shadow: none;
}
#jayu:not(.gameList_renew) .utill_box .list01 > div .dropdown-fillter .now-option {
  justify-content: flex-end;
  gap: 6px;
}
#jayu:not(.gameList_renew) .utill_box .list01 > div .dropdown-fillter .now-option p:first-child {
  scale: 1.1;
  transform-origin: right center;
}
/* 커뮤니티 드롭다운 필터 디자인 수정  끝 */

.app_popup.select-filter-option .title {
  padding-bottom: 0;
  margin: 0;
}

.app_popup.select-filter-option label p {
  color: rgba(63, 63, 63, 0.6);
  padding-bottom: 20px;
}

.app_popup.select-filter-option input:checked+label p {
  color: rgba(114, 194, 255, 1);
}


.gameList_renew .ad-sense-box {
  margin-top: 30px;
}

.gameList_renew .game_list_wrap {
  margin-top: 20px;
}















.commu_game_main .discription_line {
  margin: 0;
}

.gameList_renew .utill_box .page-tit {
  display: flex;
  height: 100%;
}

.gameList_renew .utill_box .page-tit p {
  font-size: 14px;
  line-height: 40px;
  height: 100%;
}

.commu_game_main .utill_box .list02>div:last-child {
  align-items: center;
}

.swiper-custom-btn {
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  box-shadow: 0px 0px 10px rgb(74 74 74 / 60%);
  border-radius: 50%;
}

.swiper-next-btn {
  background-image: url('/images/arrow_right.svg');
}

.swiper-prev-btn {
  background-image: url('/images/arrow_left.svg');
}


.realTimeRank-remote {
  display: flex;
  gap: 6px;
}



.view_rankDetail {
  background-color: rgba(114, 194, 255, 1);
  color: #fff;
  width: 60px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  border-radius: 51px;
  cursor: pointer;
  font-size: 10px;
}

.game-list-box,
.game-list-box * {
  box-sizing: border-box;
}

.game-list-box {
  margin-top: 20px;
  width: 100%;
  height: 162px;
  box-shadow: -6px -3px 6px 0px rgba(233, 233, 233, 0.3), 4px 4px 10px 2px rgba(233, 233, 233, 0.6);
  padding: 15px 13px;
  border-radius: 20px;
}

.commu_game_main .game-list-box .swiper-container {
  height: 100%;
  width: 100%;
  margin: 0;
}

.commu_game_main .game-list-box .swiper-container .swiper-slide-active:hover {
  transform: none;
}

.commu_game_main .game-list-box .swiper-container .swiper-slide {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  cursor: initial;
  gap: 12px;
}

.cm-game-list {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 220px;
}

.game-rank-num {
  font-size: 15px;
  color: rgba(114, 194, 255, 1);
}

.game-rank-num+p {
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 4px;
}

.up-down-box {
  display: flex;
}

.up-down-bg {
  width: 12px;
  height: 12px;
  min-width: 12px;
  min-height: 12px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.rank-up .up-down-bg {
  background-image: url('/images/img_commu/icon_rankUp.svg');
}

.rank-down .up-down-bg {
  background-image: url('/images/img_commu/icon_rankDown.svg');
}

.game-list-icon {
  margin-top: 30px;
  width: 100%;
  box-sizing: border-box;
}

.game-list-icon * {
  box-sizing: border-box;
}

.icon-wrap {
  width: 100%;
}

/* 앱3차수정 - 게임별게시판 | 게임아이콘 정렬방식 수정 */
.game-icon-group {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 12px 2%;
  padding-right: 6px;
}
.game-icon-member {
  width: calc(96% / 3);
  height: 30vw;
  position: relative;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}
/* 게임별게시판 | 게임아이콘 정렬방식 수정 끝 */

.game-icon-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: fill !important;
  object-position: center center;
  z-index: -99;
}

.game-icon-member .top-line {
  width: 100%;
  padding: 6px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}


.game-icon-member .icon-tear {
  width: 33px;
  height: 18px;
  border-radius: 12px;
  background-color: rgba(87, 164, 255, 1);
  color: #fff;
  line-height: 18px;
  text-align: center;
  font-size: 8px;
}

.game-icon-member .favorite-gameCommu {
  background: url('/images/icon_heart_empty_size9.svg') #fff no-repeat center;
  background-size: 10px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  cursor: pointer;
}


.game-icon-member.heart-checked .favorite-gameCommu {
  background: url('/images/icon_heart_fill_size9.svg') #fff no-repeat center;
  background-size: 10px;

}

.game-icon-member.ad-icon-member .icon-tear {
  background-color: rgba(255, 170, 108, 1);
}

.game-icon-member .bottom-line {
  height: 40%;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
}

.game-icon-member .icon-tit {
  color: #fff;
  font-weight: 700;
  width: 100%;
  max-width: 100%;
  text-align: center;
  font-size: 10px;
}

.total-list-wrap {
  height: 100%;
  width: 100%;
  /* border: 1px solid; */
  overflow: hidden;
  position: relative;
}

.total-list-wrap .total-move-wrap {
  position: absolute;
  width: 100%;
  /* border: 1px solid; */
  height: 100%;
  top: 0;
  left: 0;
}

.total-game-list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 100%;
  width: auto;
  align-items: flex-start;
  position: relative;
}

.total-member {
  width: calc(100% / 2);
  height: calc(100% / 25);
}

.game-list-box .total-member {
  width: calc(100% / 2);
  height: calc(100% / 5);
  padding-right: 16px;
}

.total-member .total-mem-wrap {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;

}

.total-member .total-mem-wrap p {
  font-size: 12px;
}

.total-member .total-mem-wrap .mem-number {
  text-align: right;
  min-width: 26px;
  width: 26px;
  font-weight: bold;
  color: rgba(114, 194, 255, 1);
}

.total-member .total-mem-wrap .mem-name {
  /* padding-top: 2px; */
  padding-left: 8px;
  padding-right: 4px;
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

}

.modal-window .modal_bottom {
  width: 100%;
  height: 50px;
  position: relative;
  margin-top: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.total-pagenation-box {
  width: 200px;
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 30px;
}

.flex-swiper-page {
  display: flex;
  flex-direction: row;
  gap: 4px;
}

.flex-swiper-page p {
  font-size: 22px;
  font-weight: bold;
}

.flex-swiper-page .now-page {
  color: rgba(114, 194, 255, 1);
}

.flex-swiper-next {
  background-image: url('/images/arrow_right.svg');
}

.flex-swiper-prev {
  background-image: url('/images/arrow_left.svg');
}

.flex-swiper-remote {
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
  box-shadow: 0px 0px 10px rgb(74 74 74 / 60%);
  cursor: pointer;
}

.realTimeRank-remote .flex-swiper-remote {
  width: 26px;
  height: 26px;
}

.flex-swiper-remote.remote-btn-disabled {
  opacity: 0.4;
  cursor: initial;
}

.gameList_renew .utill_box {
  height: 80px;
}

.gameList_renew .utill_box .utill_list {
  height: 50%;
}

.gameList_renew .utill_box .list02>div:last-child {
  display: flex;
  flex-direction: row;
  gap: 4px;
}

.mem-updownBox {
  display: flex;
}

.mem-updownBox .bg {
  display: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 14px;
  height: 14px;
}

.mem-updownBox.rank-up .bg {
  display: block;
  background-image: url('/images/arrow_rankup.svg');
}

.mem-updownBox.rank-down .bg {
  display: block;
  background-image: url('/images/arrow_rankdown.svg');
}

.mem-updownBox.rank-up p {
  color: rgba(252, 104, 59, 1);
}

.mem-updownBox.rank-down p {
  color: rgba(112, 135, 235, 0.8);
}

.discriptionPopup-summary.app_popup .popup_content p {
  padding: 2px;
}

.discriptionPopup-summary.app_popup .popup_content p:last-child {
  padding-bottom: 20px;
}

.discriptionPopup-summary.app_popup .title {
  padding: 0;
  padding-bottom: 12px;
}

.m_layout_fix.commuRankDetail {
  padding: 0;
  padding-top: 60px;
}

.m_layout_fix.commuRankDetail .layout_wrap {
  padding: 0 4px 100px;
}

.commuRankDetail .game-list-box {
  box-shadow: initial;
  /* border: 1px solid; */
  border-radius: initial;
  padding: 0;
  height: auto;
}

.commuRankDetail .total-game-list {
  flex-wrap: nowrap;
}

.commuRankDetail .game-list-box .total-member {
  width: 100%;
  height: 30px;
  padding-right: 0;
}

.commuRankDetail .total-list-wrap .total-move-wrap {
  position: relative;
}

.commuRankDetail .total-member .total-mem-wrap .mem-number {
  color: rgba(63, 63, 63, 0.6);
}

.homeBtn {
  display: none;
  background-image: url('/images/icon_homebtn_commu.svg');
  background-repeat: no-repeat;
  background-position: center;
  width: 24px;
  /* 앱4차수정 - 게임별게시판 홈버튼 크기, 위치 수정 */
  height: 30px;
  margin-top: -4px;
  margin-left: -12px;
  max-width: 30px;
  background-size: 30px;
  /* 게임별게시판 홈버튼 크기, 위치 수정 끝 */
  border-radius: 6px;
}

.game_commu_tit .homeBtn {
  display: block;
}

.tab-content2.current2.gameCommu-renew {
  padding-top: 120px;
}


/* 앱3차수정 - 커뮤니티 | 글목록 폰트, 간격 수정 */
.cm-list-renew .cm_content_wrap .cm_list_sub {
  justify-content: flex-start;
  gap: 6px;
}
.cm-list-renew .cm_content_wrap .cm_list_sub li {
  font-size: 9px !important;
  /* color: rgb(196, 196, 196) !important; */
  opacity: 0.6;
}
.cm_content_wrap .cm_list_sub li + li {
  padding-right: 4px;
  padding-left: 4px;
  height: 10px;
  border-left: 0.5px solid rgb(196, 196, 196);
  line-height: 1.4em;
}
.cm_content_wrap .cm_list_sub li + li::before {
  content: none !important;
  display: none !important;
}
.cm_list_container .cm_box .cm_content_wrap .cm_list_sub .cm_view {
  padding-left: 26px;
  background-position: 6px center;
}
.cm_list_container .cm_box .cm_content_wrap .cm_list_sub .cm_like {
  padding-left: 26px;
  background-position: 6px center;
}
.cm-list-renew .cm_content_wrap .cm_list_sub .cm_writer {
  display: block !important;
  max-width: 53px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: normal;
}

/* 커뮤니티 | 글목록 폰트, 간격 수정 끝 */

.cm-list-renew .cm_list_container .cm_box .cm_content_wrap .cm_list_sub .cm_like,
.cm-list-renew .cm_list_container .cm_box .cm_content_wrap .cm_list_sub .cm_view,
.cm-list-renew .cm_list_container .cm_box .cm_content_wrap .cm_list_sub .cm_date {
  font-size: 10px;
}

.age-limit-bg {
  background-image: url('/images/icon_adultwarning.svg');
  width: 50px;
  height: 50px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.app_popup.age-limit-popup .title {
  margin-bottom: 0;
  font-size: 14px;
}

.app_popup.age-limit-popup .inner-wrap {
  padding-bottom: 20px;
}

.app_popup.age-limit-popup p {
  padding: 0;
  font-size: 8px;
}

.age-limit-popup .popup-cont {
  display: flex;
}

.age-limit-popup .popup-cont.popcont01 {
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 10px;
}

.age-limit-popup .popup-cont.popcont01 .age-limit-txt p {
  text-align-last: left;
}

.age-limit-popup .popup-cont.popcont01 .age-limit-txt p:first-child {
  font-size: 10px;
  color: black;
}

.age-limit-popup .popup-cont.popcont02 {
  flex-direction: column;
}

.age-limit-popup .popup-cont.popcont02 p {
  font-size: 10px;
}

.layout_fix.cm_write.commu-post-renew {
  padding-top: 60px;
}

.commu-post-renew+.input_comment.floating,
.input_comment.floating.listpage-Floating {
  border-radius: 11px 11px 0px 0px;
  height: 50px;
  justify-content: center;
  border: none;
  box-shadow: 4px 4px 8px 2px rgba(233, 233, 233, 1), -6px -3px 6px 0px rgba(233, 233, 233, 0.3);
  overflow: hidden;
  transition: all 0.1s;
}

.commu-post-renew+.input_comment.floating .comment_box,
.input_comment.floating.listpage-Floating .comment_box {
  margin: 0;
  padding: 0;
  background-color: transparent;
  width: 98%;
  max-width: 98%;
  height: 38px;
  overflow: hidden;
  border: none;
  padding: 0 16px;
  align-items: center;
}

.commu-post-renew+.input_comment .comment_box input,
.input_comment.floating.listpage-Floating .comment_box textarea{
  background-color: rgba(249, 249, 249, 1);
  display: block;
  height: 38px;
  max-height: 38px;
  padding: 0;
  padding-left: 8px;
  flex-grow: 1;
}
.input_comment.floating.listpage-Floating{
	height: auto;
	padding-top: 6px;
	padding-bottom: 6px;
}
.input_comment.floating.listpage-Floating .comment_box{
	display: flex;
	gap: 10px;
}
.input_comment.floating.listpage-Floating .comment_box textarea{
    width: 100%;
    height: 40px;
    color: #686868;
    font-family: 'GmarketSansMedium', 'Noto Sans KR', 'Noto';
    font-size: 14px;
    line-height: 16px;
    padding: 10px 13px;
    resize: none;
    border: none;
    background: #F9F9F9;
    border-radius: 5px;
    box-sizing: border-box;
     -ms-overflow-style: none;
}
.input_comment.floating.listpage-Floating .comment_box textarea::-webkit-scrollbar{
	display:none;
}
.commu-post-renew+.input_comment .comment_box input+button,
.input_comment.floating.listpage-Floating .comment_box textarea+button{
  background-image: url('/images/icon_submitBtn_up.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 32px;
  height: 30px;
  padding: 0;
}

.app_header_wrap {
  overflow: hidden;
  transition: all 0.1s;
}

.layout_fix.cm_write.cm_write_renew .wr_container {
  padding: 26px 10px;
  width: 100%;
}

.layout_fix.cm_write.cm_write_renew .wr_container,
.layout_fix.cm_write.cm_write_renew .wr_container * {
  box-sizing: border-box;
}

.cm_write_renew .editortogglebox {
  position: relative;
  right: initial;
  top: 0;
}

.cm_write_renew .utill_box {
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 20px;
  padding: 0;
}

.cm_write_renew .utill_box .btn-fillter ul li {
  padding: 8px 12px;
}

.cm_write_renew .utill_box .utill_list>div:first-child {
  max-width: 100%;
}

.cm_write_renew .utill_box .btn-fillter ul li p {
  color: rgba(186, 186, 186, 1);
}

.cm_write_renew .utill_box .gameCate-list .btn-fillter ul li.on {
  background-color: rgba(109, 109, 109, 1);
}

.cm_write_renew .find_input {
  margin: 0;
}

.cm_write_renew .wr_container textarea {
  width: 100%;
  height: 381px;
  resize: none;
  border: none;
  background: #F9F9F9;
  border-radius: 5px;
  padding: 18px 13px;
  font-size: 14px;
  letter-spacing: 0.025em;
  font-family: 'GmarketSansMedium', 'Noto Sans KR', 'Noto';
  color: #686868;
}

.wr_container textarea::placeholder {
  font-family: 'GmarketSansMedium', 'Noto Sans KR', 'Noto';
  font-weight: 500;
  color: #686868;
}

.utill_list.variableList,
.utill_list.switchList {
  display: none;
}
/* 에디터교체 - 에디터영역 및 파일업로드 관련 주의사항란 css 추가 */
.utill_list.namo-editor-write,
.namo-editor-write {
  width: 100%;
  display: block;
  min-height: 300px;
}
.utill_list.uploadRule-txt {
  flex-direction: column;
  align-items: flex-start;
  padding-left: 20px;
}
.utill_list.uploadRule-txt ul li {
  position: relative;
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: 6px;
}

@media screen and (min-width: 600px) {
  .utill_list.uploadRule-txt ul li {
    font-size: 14px;
  }
  .utill_list.uploadRule-txt ul li br {
    display: none;
  }
}
.utill_list.uploadRule-txt ul li::before {
  display: inline-block;
  content: "·";
  width: 10px;
  position: absolute;
  top: 0;
  left: -10px;
}
/* 파일업로드 관련 주의사항란 css 추가 끝 */
.addSource .utill_list.variableList.newsCate-list {
  display: flex;
}

.addGame .utill_list.variableList.gameCate-list {
  display: flex;
}

.utill_list.switchList.on {
  display: flex;
}

.utill_list.basic-write {
  flex-direction: column;
}

.addImgBox {
  width: 100%;
  height: 200px;
}

.addImgBox .content_box {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between
}

.addImgBox .content_box .img_add_box {
  display: flex;
  width: 100%;
  min-height: 80px;
  height: 100px;
  position: relative;
  align-items: center;
  justify-content: center;
}

.addImgBox .swiper {
  width: 80%;
  height: 100%;
  margin-left: 10%;
}

.addImgBox .swiper-pagination {
  position: relative;
  top: 10px;
}

.addImgBox .swiper-pagination,
.addImgBox .swiper-pagination span {
  font-size: 10px;
}

.addImgBox .swiper .swiper-wrapper {
  width: 100%;
  height: 60px;
}

.addImgBox .swiper .swiper-slide {
  height: 100%;
  opacity: 1 !important;
}

.addImgBox .swiper-pagination-total,
.addImgBox .swiper-pagination-current {
  color: black !important;
}

.addImgBox .swiper-button-prev,
.addImgBox .swiper-button-next {
  background: none !important;
  box-shadow: none !important;
}

.addImgBox .swiper-button-prev {
  background-image: url('/images/img_mypage/prev_size20.svg') !important;
  left: 0;
}

.addImgBox .swiper-button-next {
  background-image: url('/images/img_mypage/next_size20.svg') !important;
  right: 0;
}

.addImgBox .swiper-buttons {
  top: 60% !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

.addImgBox .swiper-buttons::after {
  content: "" !important;
}

.addImgBox .swiper-scrollbar {
  bottom: 0px !important;
  width: 80% !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  height: 10px !important;
}

.addImgBox .content_box .img_add_box .img_add {
  width: 100%;
  height: 100%;
  border-radius: 5px;
  background: #F9F9F9 url(/images/icon_add_img.svg) no-repeat center;
  margin-left: 6px;
}

.addImgBox .content_box .img_add_box .img_add:first-child {
  margin-left: 0;
}

.addImgBox .content_box .img_add_box .img_add input {
  cursor: pointer;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.addImgBox .content_box .img_expl {
  display: block;
  margin-left: 0;
  padding-top: 0;
  width: 100%;
}

.addImgBox .content_box .img_expl li {
  color: rgba(63, 63, 63, 0.6);
  font-size: 10px;
  display: flex;
}

.addImgBox .content_box .img_expl li::before {
  content: "*";
  margin-right: 4px;
}

.addImgBox .content_box .img_expl li:first-child {
  margin-bottom: 12px;
}

.img_cancelBtn {
  position: absolute;
  z-index: 99;
  background: url('/images/icon_close_bck.svg') #e8e8e8a3 no-repeat;
  background-size: 14px;
  background-position: center;
  width: 16px;
  height: 18px;
  top: 4px;
  right: 6px;
  border-radius: 50%;
  padding: 2px;
  display: none;
}

.cm_write_renew .content_box .img_add_box .img_add.has_img .img_cancelBtn {
  display: block;
}

/* 캘린더교체 - 캘린더교체에 따른 css 추가 */
/* eventPAGE */
.choiceDate {
  display: flex;
  width: 100%;
  flex-direction: row;
  gap: 20px;
  margin-bottom: 35px;
  justify-content: center;
}
.choiceDate .prevMonth,
.choiceDate .nextMonth {
  cursor: pointer;
  width: 30px;
  height: 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16px;
}
.choiceDate .prevMonth {
  background-image: url(/images/arrow_left.svg);
}
.choiceDate .nextMonth {
  background-image: url(/images/arrow_right.svg);
}
.choiceDate .selected-date {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.choiceDate .selected-date p {
  color: #3f3f3f;
  font-size: 25px;
  font-weight: bold;
}
.choiceDate .selected-date .selected-year::after {
  content: "년";
}
.choiceDate .selected-date .selected-month::after {
  content: "월";
}
#eventCalendar {
  box-shadow: -6px -3px 6px 0px #e9e9e94d, 4px 4px 10px 2px #e9e9e999;
  border-radius: 10px;
  margin-top: 10px;
  width: 100%;
  padding: 30px 12px;
  box-sizing: border-box;
}
#eventCalendar .cal-table {
  width: 100%;
  border-collapse: collapse;
}
#eventCalendar .cal-table thead {
  height: 30px;
}
#eventCalendar .cal-table thead tr th p {
  text-align: center;
  font-size: 16px;
  font-weight: normal;
  height: 100%;
  line-height: 30px;
}
#eventCalendar .cal-table tbody tr td {
  height: 100px;
}
#eventCalendar .cal-table tbody tr td {
  padding: 14px 4px 20px;
  box-sizing: border-box;
}
#eventCalendar .cal-table tbody tr td.pastday {
  opacity: 0.3;
}
#eventCalendar .cal-table tbody tr td:not(.notSelectedMonth) {
  cursor: pointer;
}
#eventCalendar .cal-table tbody tr td:not(.notSelectedMonth):hover .td-wrap {
  scale: 1.1;
  transform-origin: center center;
  transition: all 0.1s;
}
#eventCalendar .cal-table tbody tr td.notSelectedMonth p {
  color: #3f3f3f1a;
}
#eventCalendar .cal-table tbody tr td.notSelectedMonth span {
  display: none;
}
#eventCalendar .cal-table tbody tr td.activedDay .td-wrap {
  background: linear-gradient(206.13deg, #edcbff -15.25%, #a3cff3 109.07%);
}
#eventCalendar .cal-table tbody tr td.activedDay .td-wrap p {
  color: white;
}
#eventCalendar .cal-table tbody tr td.activedDay .td-wrap span {
  background-color: white;
  color: #686868;
}
#eventCalendar .cal-table tbody tr td .td-wrap {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 6px;
}
#eventCalendar .cal-table tbody tr:not(:first-child) {
  border-top: 1px solid #eeeeee;
}
#eventCalendar .cal-table tbody tr td p,
#eventCalendar .cal-table tbody tr td span {
  text-align: center;
}
#eventCalendar .cal-table tbody tr td p {
  font-size: 20px;
  font-weight: bold;
}
#eventCalendar .cal-table tbody tr td span {
  background-color: #68b3f8;
  display: inline-block;
  padding: 2px 9px;

  height: 16px;
  border-radius: 5px;
  line-height: 16px;
  color: white;
}
#eventCalendar .btn-hideCalendar {
  width: 100%;
  height: 30px;
  background-image: url("/images/icon_arrowDown.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px;
  transform: rotateX(180deg);
  cursor: pointer;
}
#eventCalendar .btn-hideCalendar:hover {
  transition: all 0.2s;
  background-size: 40px;
}
#eventCalendar.shortView tbody tr:not(:has(.activedDay)) {
  display: none;
}
#eventCalendar.shortView .btn-hideCalendar {
  transform: none;
}
/* eventPAGE end */
/* 캘린더교체에 따른 css 추가 끝 */

/* 랜덤박스추가 - 레이아웃 css  */
.layout_fix.marketplace.randompage,
.layout_fix.marketplace.random-reward {
  padding-top: 120px;
  padding-bottom: 120px;
}
.popup.app_popup.ssalfticonConfirm,
.popup.app_popup.ssalfticonList,
.popup.app_popup.ssalconSales,
.popup.app_popup.offlineConfirm,
.popup.app_popup.alert_popup,
.popup.app_popup.showItemList,
.popup.app_popup.coupon_resend,
.popup.app_popup.resending,
.popup.app_popup.resending2,
.popup.app_popup.coupon_guide {
  width: 100% !important;
  top: initial;
  bottom: 0;
  left: 0;
  transform: initial;
  border-radius: 15px 15px 0px 0px;
  padding: initial;
  overflow-y: initial;
}
.popup.app_popup.ssalfticonConfirm .title,
.popup.app_popup.ssalfticonList .title,
.popup.app_popup.ssalconSales .title,
.popup.app_popup.offlineConfirm .title,
.popup.app_popup.alert_popup .title,
.popup.app_popup.showItemList .title,
.popup.app_popup.coupon_resend .title,
.popup.app_popup.resending .title,
.popup.app_popup.resending2 .title,
.popup.app_popup.coupon_guide .title {
  padding: 36px 0 16px;
  font-size: 18px;
  line-height: 21px;
  color: #000;
}

.popup.app_popup.coupon_resend .modal_content_wrap,
.popup.app_popup.coupon_guide .modal_content_wrap {
  padding-bottom: 60px;
}
.popup.app_popup.coupon_guide .content_guide_box strong {
  font-size: 14px;
}
.popup.app_popup.coupon_resend .btn {
  border-radius: unset !important;
}
.popup.app_popup.resending .buy_question p,
.popup.app_popup.resending2 .buy_question p {
  text-align: center;
}
.winning-details {
  box-sizing: border-box;
  max-width: 990px;
  padding: 0 2px;
  margin-top: 10px;
}
.winning-details > .inner-wrap {
  box-shadow: 4px 4px 8px 2px #e9e9e9, -6px -3px 6px 0px #e9e9e94d;
  height: 30px;
  width: 100%;
  border-radius: 6px;
  margin-bottom: 10px;
  /* display: flex; */
  padding: 0 4px;
}

.winning-details .swiper-container .swiper-slide {
  width: 500px;
}
.winning-details .swiper-container .swiper-slide div {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
.winning-details .swiper-container {
  height: 100%;
  margin-top: 0;
}
.winning-details .swiper-container .swiper-slide {
  height: 100%;
  background-size: unset;
  opacity: unset;
  width: unset;
  border-radius: unset;
}
.winning-details .swiper-container .swiper-slide.swiper-slide-active {
  z-index: unset;
  opacity: unset;
  transition: unset;
  cursor: unset;
  width: unset;
  height: unset;
}
.winning-details .swiper-container .swiper-slide.swiper-slide-active:hover {
  transform: none;
}
.winning-details .swiper-container .swiper-wrapper {
  transition-timing-function: linear;
}

.winning-details .swiper-container p,
.winning-details .swiper-container span {
  text-wrap: nowrap;
  font-size: 12px;
  line-height: 32px;
}
.winning-details .swiper-container .swiper-slide > img {
  width: 24px;
  height: 24px;
  border-radius: 10px;
  object-fit: contain;
}

.winning-details .swiper-container .reward-nickname,
.winning-details .swiper-container div p {
  font-weight: bold;
}
.winning-details .swiper-container .ssal div p strong {
  color: black;
  font-size: 12px;
}
.winning-details .swiper-container .ssal.mythologySsal div p strong {
  color: rgb(94, 196, 209);
}
.winning-details .swiper-container .ssal.uniqueSsal div p strong {
  color: #c2bf00;
}
.winning-details .swiper-container .ssal.legendarySsal div p strong {
  color: red;
}
.winning-details .swiper-container .ssal.rareSsal div p strong {
  color: rgb(160, 78, 255);
}

.winning-details .swiper-container .swiper-slide.offline div p,
.winning-details .swiper-container .swiper-slide.fticon div p,
.winning-details .swiper-container .swiper-slide.offline div p strong,
.winning-details .swiper-container .swiper-slide.fticon div p strong {
  color: rgb(196, 94, 209);
}
.layout_fix.marketplace.randompage .layout_wrap .basic_wrap {
  display: flex;
  position: relative;
  padding-bottom: 100px;
}
.layout_fix.marketplace.randompage .layout_wrap .basic_wrap .random-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("../images/randombox/ranBg_moSize.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: -1;
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
}

.layout_fix.marketplace.randompage .layout_wrap .basic_wrap .random-bg .bgStick {
  height: 100%;
  width: 6vw;
  background-image: url("../images/randombox/frame.png");
  /* background-repeat: no-repeat; */
  background-position: center;
  background-size: contain;
}

.layout_fix.marketplace.randompage .layout_wrap .basic_wrap .random-wrap {
  width: 100%;
}
.randombox {
  margin-top: 20vw;
}
.randombox .ran-head {
  margin-bottom: 16px;
}
.randombox .ran-head p,
.headBtn-group .headBtn > a {
  font-size: 6vw;
  line-height: 1.2;
  color: #fff;
  text-align: center;
}
.randombox.randombox02 .ran-head > p {
  color: #f3ff67;
}
.randombox .ran-body-top .box-frame {
  width: 34vw;
  height: 34vw;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
  overflow: visible;
}
.randombox .ran-body-top .box-frame img {
  display: block;
  max-width: unset;
  width: 100%;
}
.randombox .ran-body-top .box-frame.active img {
  width: 250%;
  position: absolute;
  left: -70%;
  top: -40%;
}
.randombox .ran-body-foot {
  position: relative;
  z-index: 1;
}
.ran-head {
  position: relative;
}
.headBtn-group {
  position: absolute;
  right: 0;
  top: 0;
  padding-right: 8vw;
  padding-left: 8vw;
  box-sizing: border-box;
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
}
.headBtn-group .groupright {
  transform: translateY(-8vw);
}
.headBtn-group .groupright > div {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}
.headBtn-group .ssalcon-sale {
  gap: 1vw;
  margin-bottom: 1vw;
}
.headBtn-group .headBtn {
  background-color: #eaeaea;
  border-radius: 20px;
  overflow: hidden;
  cursor: pointer;
  width: fit-content;
  height: fit-content;
  padding: 2vw 3vw 1vw;
}
.headBtn-group .ssalcon-sale .headBtn,
.salesBtn p {
  background-color: transparent;
  background-image: url("../images/randombox/randombox_btn_p.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
.headBtn-group .ssalcon-sale > img {
  display: block;
  width: 8vw;
  height: 8vw;
  object-fit: cover;
}
.headBtn-group .ssalcon-sale .headBtn {
  background-position: center;
}
.headBtn-group .headBtn > p,
.headBtn-group .headBtn > a {
  font-size: 3vw;
  color: #3f3f3f;
}
.headBtn-group .headBtn > a {
  text-align: center;
  display: block;
  height: fit-content;
}
.headBtn-group .ssalcon-sale .headBtn > p {
  color: #ffffff;
}
.ran-btn-wrap {
  display: flex;
  justify-content: center;
  gap: 16px;
}
.ranBtn {
  background-image: url("../images/randombox/randombox_btn_y.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: flex;
  border-radius: 6px;
  padding: 3vw 6vw 2vw;
  gap: 4px;
  align-items: center;
  box-shadow: 4px 10px 20.7px 0px #0000004d, -3px -4px 7px 0px #ffffff26 inset, 0px 2px 0px 0px #844f00;
  cursor: pointer;
}
.ranBtn p {
  color: #fff;
  text-shadow: -1px -1px 3px #895f29;
  font-size: 3vw;
}
.showListFoot {
  width: 100%;
  display: flex;
}
.showListFoot > div {
  opacity: 0;
  visibility: hidden;
  transition: 1.2s all;
  flex-grow: 1;
  max-width: calc(100% / 3);
  display: flex;
  gap: 4px;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.showListFoot > div > p {
  cursor: pointer;
  font-size: 3vw;
}
.showListFoot > div:first-child {
  justify-content: flex-end;
}
.showListFoot > div:last-child {
  justify-content: flex-start;
}
.showListFoot .normalBtn p {
  background-color: #fff;
  text-align: center;
  width: 64%;
  padding: 2vw 0px 1vw;
  border-radius: 50px;
}

.salesBtn p {
  text-align: center;
  width: 130px;
  height: 40px;
  font-size: 16px;
  line-height: 40px;
  color: #fff;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.popup.openBox {
  padding: 0;
  background-color: black;
  height: 70vh;
}
.popup.openBox video {
  width: 100%;
  margin-top: 15vh;
}
.popup.app_popup.showItemList {
  background-color: transparent;
  padding: 0;
  overflow: visible;
  top: 50%;
  transform: translateY(-30%);
}
.popup.showItemList > .textAction {
  width: 50vw;
  margin: 0 auto;
  display: block;
  transition: 0.3s all linear;
}
.popup.showItemList > .textAction + div {
  display: none;
  position: absolute;
  top: 0;
}
.relative-wrap .frameV {
  width: 100%;
}
.relative-wrap .boxes-itemWrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 20vw;
  height: 20vw;
  display: flex;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  gap: 0 12px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: none;
}
.relative-wrap .boxes-itemWrap .boxes-itemList {
  width: 100%;
  height: 100%;
}
.relative-wrap .boxes-itemWrap .boxes-itemList .showEffect {
  width: 100%;
  position: absolute;
  scale: 4;
  transform-origin: center center;
}
.relative-wrap .boxes-itemWrap .boxes-itemList img {
  display: block;
  max-width: 100%;
}

.popup.ssalconList .modal_content_wrap {
  max-height: 50svh;
  overflow-x: hidden;
  overflow-y: scroll;
  margin-bottom: 30px;
  width: 100%;
  padding-top: 10px;
  padding-right: 30px;
  padding-left: 30px;
}
.popup.ssalconList .btnbox .btn.left {
  border-radius: unset !important;
}
.ssalconBox {
  margin-bottom: 20px;
}
.ssalconBox .boxTit p {
  font-size: 16px;
}
.ssalconBox .boxWrap {
  display: flex;
  flex-direction: row;
  width: 100%;
  flex-wrap: wrap;
}
.ssalconBox .boxWrap .boxes-item {
  position: relative;
  min-width: calc(100% / 6);
  max-width: calc(100% / 6);
}

.ssalconBox .boxWrap .boxes-item::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.ssalconBox .boxWrap .boxes-item img {
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.salesTable {
  display: flex;
  flex-wrap: wrap;
}
.tableItems {
  position: relative;
  min-width: calc(100% / 6);
  max-width: calc(100% / 6);
}
.tableItems::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.tableItems .emptyWrap {
  background-color: #d6d6d6;
  width: 96%;
  height: 96%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.tableItems .pillWrap {
  display: none;
  width: 96%;
  height: 96%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.tableItems.pill .emptyWrap {
  display: none;
}
.tableItems.pill .pillWrap {
  display: block;
}
.tableItems.pill .pillWrap img {
  max-width: 100%;
}

.tableItems p {
  text-align: center;
}
.tableItems .emptyWrap p {
  width: 100%;
  height: 100%;
  font-size: 3.5vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.salesPrice {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  height: 50px;
}
.salesPrice img {
  display: block;
  width: 24px;
  height: 24px;
}
.salesPrice p {
  font-size: 16px;
}
.salesPrice .selectedPrice {
  padding-left: 10px;
  font-weight: bold;
}
.hasSsalcon .utill_box {
  margin-bottom: 16px;
  padding: 0;
  height: 6vw;
}
.hasSsalcon .utill_box .btn-fillter ul li {
  width: 90px;
  height: 6vw;
}
.hasList {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  max-height: 30vw;
  height: 30vw;
  overflow-x: hidden;
  overflow-y: scroll;
}
.hasList .hasItem {
  min-width: calc(100% / 6);
  max-width: calc(100% / 6);
  position: relative;
}
.hasList .hasItem img {
  max-width: 100%;
}
.hasSsalcon:has(.normalSsal.on) .hasList .hasItem:not([data-ssalcon-grade="normal"]) {
  display: none;
}
.hasSsalcon:has(.rareSsal.on) .hasList .hasItem:not([data-ssalcon-grade="rare"]) {
  display: none;
}
.hasSsalcon:has(.uniqueSsal.on) .hasList .hasItem:not([data-ssalcon-grade="unique"]) {
  display: none;
}
.hasSsalcon:has(.legendarySsal.on) .hasList .hasItem:not([data-ssalcon-grade="legendary"]) {
  display: none;
}
.hasSsalcon:has(.mythologySsal.on) .hasList .hasItem:not([data-ssalcon-grade="mythology"]) {
  display: none;
}
.hasList .hasItem .selectedView {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(136, 136, 136, 0.7);
}
.hasList .hasItem.checked .selectedView {
  display: flex;
  justify-content: center;
  align-items: center;
}
.hasList .hasItem.checked .selectedView img {
  width: 45px;
  height: 45px;
}

.popup.ssalfticonList .modal_content_wrap ul {
  max-height: 50svh;
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
  overflow-x: hidden;
}
.popup.ssalfticonList .modal_content_wrap ul li {
  display: flex;
  align-items: center;
  gap: 18px;
  padding-right: 20px;
}
.popup.ssalfticonList .modal_content_wrap ul li {
  border-top: 1px solid #e6e6e6;
}
.popup.ssalfticonList .modal_content_wrap ul li:last-child {
  border-bottom: 1px solid #e6e6e6;
}
.popup.ssalfticonList .modal_content_wrap ul li img {
  min-width: 80px;
}
.popup.ssalfticonList .modal_content_wrap ul li p {
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
  text-overflow: ellipsis;
}

.popup.app_popup.ssalfticonConfirm .modal_content_wrap,
.popup.app_popup.ssalfticonList .modal_content_wrap,
.popup.app_popup.ssalconSales .modal_content_wrap,
.popup.app_popup.offlineConfirm .modal_content_wrap,
.popup.app_popup.alert_popup .modal_content_wrap {
  padding-top: 20px;
  padding-left: 1vw;
  padding-right: 1vw;
  width: 90%;
  min-width: 90%;
  padding-bottom: 60px;
}
.popup.ssalfticonConfirm .modal_content_wrap ul,
.popup.offlineConfirm .modal_content_wrap ul {
  display: flex;
  flex-direction: column;
  /* justify-content: center; */
  align-items: center;
  max-height: 300px;
  overflow: hidden;
  overflow-y: scroll;
}
.popup.ssalfticonConfirm .modal_content_wrap ul li,
.popup.offlineConfirm .modal_content_wrap ul li {
  width: 90%;
  display: flex;
}
.popup.ssalfticonConfirm .modal_content_wrap ul > span,
.popup.offlineConfirm .modal_content_wrap ul > span {
  width: 60%;
  border-top: 1px solid #cecece;
  margin-bottom: 40px;
}
.popup.ssalfticonConfirm .modal_content_wrap ul > li:last-child,
.popup.offlineConfirm .modal_content_wrap ul > li:nth-child(3) {
  flex-direction: column;
  margin-bottom: 30px;
}
.popup.ssalfticonConfirm .modal_content_wrap ul > li:first-child,
.popup.offlineConfirm .modal_content_wrap ul > li:first-child {
  gap: 16px;
  align-items: center;
  margin-bottom: 30px;
}
.popup.ssalfticonConfirm .modal_content_wrap ul > li:first-child img,
.popup.offlineConfirm .modal_content_wrap ul > li:first-child img {
  min-width: 20vw;
  width: 20vw;
  border-radius: 6px;
  box-shadow: 4.2px 4.2px 8.4px 2.1px #e9e9e9, -6.3px -3.15px 6.3px 0px #e9e9e94d;
}
.popup.ssalfticonConfirm .modal_content_wrap ul > li:first-child p,
.popup.offlineConfirm .modal_content_wrap ul > li:first-child p {
  font-size: 4vw;
  line-height: 1.2;
  margin-bottom: 4px;
}
.popup.ssalfticonConfirm .modal_content_wrap ul > li:first-child span,
.popup.offlineConfirm .modal_content_wrap ul > li:first-child span {
  font-size: 3vw;
  color: #8a8888;
}
.popup.ssalfticonConfirm .modal_content_wrap ul > li:last-child > p:first-child,
.popup.offlineConfirm .modal_content_wrap ul > li:nth-child(3) > p:first-child {
  width: 100%;
  text-align: center;
  font-size: 4vw;
  margin-bottom: 20px;
}
.popup.ssalfticonConfirm .modal_content_wrap ul > li:last-child > p:not(:first-child),
.popup.offlineConfirm .modal_content_wrap ul > li:nth-child(3) > p:not(:first-child) {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 8px;
  font-size: 3vw;
}
.popup.ssalfticonConfirm .modal_content_wrap ul > li:last-child > p:not(:first-child) span,
.popup.offlineConfirm .modal_content_wrap ul > li:nth-child(3) > p:not(:first-child) span {
  font-size: 3vw;
}
.popup.ssalfticonConfirm.fticon-confirm-2step .modal_content_wrap ul > li:last-child > p,
.popup.offlineConfirm.offline-confirm-2step .modal_content_wrap ul > li:nth-child(3) > p {
  display: block;
  text-align: center;
}
ul:has(.daum_api) li:first-child {
  padding-top: 20px;
}
li:has(.daum_api) {
  padding-bottom: 30px;
}
.daum_api {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1vw 1vw;
}
.daum_api > input[id] {
  background-color: #f9f9f9;
  height: 6vw;
  padding: 8px;
  font-size: 3vw;
}
.daum_api > input[id="sample6_postcode"],
.daum_api > input[type="button"] {
  width: 40%;
  font-size: 3vw;
}
.daum_api > input[type="button"] {
  border-radius: 51px;
  background-color: #72c2ff;
  cursor: pointer;
  color: #fff;
}
.daum_api > input[id="sample6_address"] {
  width: 100%;
}
.daum_api > input[id="sample6_detailAddress"] {
  flex-grow: 1;
}

.popup.alert_popup {
  overflow: visible;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.52);
  border-radius: 0;
  padding: 0;
  top: 0;
  left: 0;
  transform: none;
}
.popup.alert_popup .style-box {
  background: #fff;
  border-radius: 14.5px 14.5px 0 0;
  position: absolute;
  width: 100%;
  overflow-y: auto;
  padding: 0;
  box-sizing: border-box;
  z-index: 1000001;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.popup.alert_popup .style-box .title {
  margin-bottom: 0;
  font-size: 4vw;
  height: 5vw;
  padding-bottom: 0;
  box-sizing: content-box;
}
.popup.alert_popup .style-box p {
  font-size: 3vw;
  height: 4vw;
  text-align: center;
}

.popup.alert_popup .style-box .modal_content_wrap {
  padding-bottom: 60px;
}

.layout_fix.marketplace.random-reward .content_wrap ul .purchased table {
  width: unset;
  max-width: 100%;
  width: 100%;
}
.layout_fix.marketplace.random-reward .content_wrap ul .purchased .lower {
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  margin-bottom: 4px;
}
.layout_fix.marketplace.random-reward .content_wrap ul .purchased .lower > ul {
  width: 100%;
  justify-content: flex-end;
  align-items: center;
}
.layout_fix.marketplace.random-reward .content_wrap ul .purchased .lower > ul li {
  font-size: 10px;
}

.layout_fix.marketplace .content_wrap ul .purchased .lower ul .bar15 {
  height: 10px;
}
.layout_fix.marketplace.random-reward .content_wrap ul .purchased table th {
  padding: 0;
  height: 40px;
  line-height: 40px;
  text-align: center;
  min-width: 100px;
}
.layout_fix.marketplace.random-reward .content_wrap ul .purchased table th > div {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.layout_fix.marketplace.random-reward .content_wrap ul .purchased table th a {
  font-size: 3vw;
  position: relative;
}
.layout_fix.marketplace.random-reward .content_wrap ul .purchased table th:not(.notFilter) a::after {
  content: "";
  display: block;
  background-image: url("../images/arrow_down.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0;
  right: -16px;
}
.layout_fix.marketplace.random-reward .content_wrap ul .purchased table th.reverse:not(.notFilter) a::after {
  transform: rotate(180deg);
}
.layout_fix.marketplace.random-reward .content_wrap ul .purchased table td {
  padding: 0;
  height: 30px;
  line-height: 30px;
  text-align: center;
  text-wrap: nowrap;
  font-size: 3vw !important;
}
.layout_fix.marketplace.random-reward .content_wrap ul .purchased table tr > td:nth-child(1) {
  min-width: 160px;
  width: 160px;
}
.layout_fix.marketplace.random-reward .content_wrap ul .purchased table tr > td:nth-child(4) {
  max-width: 100px;
  width: 100px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
}
.layout_fix.marketplace.random-reward .content_wrap ul .purchased table td:last-child a {
  padding: 0;
  font-size: 3vw;
  display: block;
  height: 6vw;
  line-height: 6vw;
}
.layout_fix.marketplace.random-reward .content_wrap ul .purchased table tbody tr:hover {
  background-color: #cce7fc;
}

.popup.app_popup.ssalfticonConfirm .btnbox .btn,
.popup.app_popup.ssalfticonList .btnbox .btn,
.popup.app_popup.ssalconSales .btnbox .btn,
.popup.app_popup.offlineConfirm .btnbox .btn,
.popup.app_popup.alert_popup .btnbox .btn {
  border-radius: unset !important;
  font-size: 4vw;
}
.layout_fix.marketplace.random-reward .pagination.modal {
  justify-content: center;
}

/* 랜덤박스 레이아웃 css 끝 */

.layout_fix.marketplace.ssalcon_renew .content_wrap.gallery ul .auction .item_box li img {
  width: 60px;
  height: 60px;
}

.layout_fix.marketplace.ssalcon_renew .content_wrap.gallery ul .auction .item_box li .item_price {
  width: 60px;
  font-size: 10px;
  padding: 0;
  margin-top: 10px;
}

.layout_fix.marketplace.marekt_renew {
  padding-top: 120px;
}

.layout_fix.marketplace.marekt_renew .utill_box .btn-fillter ul {
  flex-direction: row;
  flex-wrap: initial
}

.layout_fix.marketplace.marekt_renew .utill_box .utill_list>div:first-child {
  max-width: 100%;
}

.layout_fix.marketplace.marekt_renew .utill_box .btn-fillter ul li {
  border-radius: 20px;
  padding: 6px 14px;
}

.layout_fix.marketplace.marekt_renew .utill_box {

  margin-top: 10px;
  height: 50px;
}

.layout_fix.marketplace.ssalcon_renew .content_wrap.gallery ul .auction,
.layout_fix.marketplace .content_wrap.gallery ul .auction.markets {
  margin-top: 0px;
}


.layout_fix.marketplace.gift-renew .gift_category .swiper-slide img {
  width: 45px;
  height: 45px;
  box-sizing: border-box;
  border-radius: 50%;
  object-fit: cover;
}

.layout_fix.marketplace.gift-renew .gift_category .swiper-slide .inner-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
}

/* 앱3차수정 - 쌀프티콘페이지 | 브랜드 이름 폰트크기 수정 */
.layout_fix.marketplace.gift-renew .gift_category .swiper-slide .inner-wrap p {
  color: rgba(104, 104, 104, 1);
  max-width: 80%;
  text-wrap: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 10px;
}
/* 쌀프티콘페이지 | 브랜드 이름 폰트크기 수정 끝 */

.layout_fix.marketplace.gift-renew .gift_category .swiper-slide:hover img,
.layout_fix.marketplace.gift-renew .gift_category .swiper-slide.on img {
  border: 3px solid #72C2FF;
  border-radius: 50%;
}


.layout_fix.marketplace.gift-renew .utill_box .utill_list>div:first-child {
  max-width: 100%;
}

.utill_box .btn-fillter.round-btn ul {
  flex-wrap: nowrap !important;
}

.utill_box .btn-fillter.round-btn ul li {
  border-radius: 40px;
}

.utill_box .btn-fillter.round-btn ul li:not(.on) {
  background-color: #fff;
  border: 1px solid rgba(216, 216, 216, 1);
}

.utill_box .btn-fillter.round-btn ul li:not(.on) p {
  color: rgba(153, 153, 153, 1);
}

.utill_box .utill_list>div:first-child::-webkit-scrollbar {
  display: none;
}

.layout_fix.marketplace.gift-renew .content_wrap.gallery ul .auction .item-list ul {
  gap: 30px 24px;
}

.layout_fix.marketplace.gift-renew .content_wrap.gallery ul .auction .item-list li {
  width: 48%;
  max-width: 40%;
}

.layout_fix.marketplace.gift-renew .content_wrap.gallery ul .auction .item-list li .item-img-box {
  width: 100%;
}

.layout_fix.marketplace.gift-renew .content_wrap.gallery ul .auction .item-list li .item-img-box img {
  object-fit: initial;
}
/* 앱3차수정 - 쌀프티콘 | 브랜드 표시 라인 스와이퍼 컨트롤러 미제공으로 인한 css 추가 */
.gift-renew .swiper-button-next,
.gift-renew .swiper-button-prev {
  display: none !important;
}
/* 쌀프티콘 | 브랜드 표시 라인 스와이퍼 컨트롤러 미제공으로 인한 css 추가 끝 */
.buy_type.app_popup.popup .modal_content_wrap .modal_content .trade_item_info .product_info div.product div p:nth-child(1) {
  font-size: 12px;
}

.buy_type.app_popup.popup .modal_content_wrap .modal_content .trade_item_info .product_info div.product div p:nth-child(2) {
  font-size: 10px;
}

.buy_type.app_popup.popup .modal_content_wrap .modal_content .trade_item_info .product_info div.product div p:nth-child(2) span {
  font-size: 10px;
}

.buy_type.app_popup.popup .modal_content_wrap .modal_content .trade_item_info .product_info div.product div .buy span.confirm {
  font-size: 12px;
}

.coin-icon {
  background-image: url('/images/icon_dailyCoin.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 14px;
  height: 14px;
}

.discripBoxes {
  display: flex;
  justify-content: space-between;
}

.point-view>div {
  display: flex;
  flex-direction: row;
  gap: 4px;
}

.point-view .coin-icon+p {
  font-weight: bold;
}


.point-view.shortPoint p {
  color: rgba(251, 70, 14, 1);
}

.discripBoxes p {
  font-size: 10px;
  color: rgba(63, 63, 63, 1);
  margin-bottom: 4px;
}

.sale_discription {
  border-top: 1px solid rgba(230, 230, 230, 1);
  border-bottom: 1px solid rgba(230, 230, 230, 1);
  width: 90% !important;
  margin: 0 auto;
  margin-top: 10px;
  padding-bottom: 10px;
}

.layout_fix.equip-renew {
  padding-top: 80px;
}

.layout_fix.mypage.equip-renew .content_wrap ul .mypage_box {
  margin-bottom: 10px;
}


.equip-summary {
  width: 100%;
}

.equip-summary p {
  font-size: 8px;
}

.equip-summary .cont-tit p {
  font-size: 10px;
  color: rgba(114, 194, 255, 1);
}

.equip-summary ul {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.equip-summary ul>li {
  width: 32%;
  max-width: 32%;
}

.layout_fix.mypage.equip-renew .content_wrap ul .mypage_box.width_full .my_title {
  gap: 6px;
}

.layout_fix.mypage.equip-renew .content_wrap ul .mypage_box.width_full .my_title li {
  margin: 0;
}

.layout_fix.mypage.equip-renew .content_wrap ul .mypage_box.width_full .my_title li.on {
  opacity: 1;
}


.app_popup.popup.tit-m0 .title {
  margin: 0;
}

.equip-renew .accordion-item .content {
  display: block;
}

.equip-renew #accordion,
.equip-renew .qna_container,
.popup .modal_content_wrap .modal_content {
  margin: 0;
  /* 0618수정 - 쌀콘장터 쌀콘효과 안보이던문제수정  */
  gap: 10px;
  /* 쌀콘장터 쌀콘효과 설명란 안보이던문제수정 끝 */
}


.item_option>p {
  display: flex;
  gap: 6px;
  align-items: center;
}

.item_option>p>strong {
  background-color: rgba(114, 194, 255, 1);
  padding: 2px 8px;
  margin-top: -2px;
  border-radius: 15px;
  font-size: 10px;
  color: white;
  font-weight: 400;
  display: none;
}

.li.on .item_option>p>strong {
  display: block;
}

.layout_fix.ssalpoint.daily-renew {
  padding-top: 140px;
}

.app_shadow_box {
  box-sizing: border-box;
  background: #FFF;
  box-shadow: -6px -3px 6px rgba(233, 233, 233, 0.3), 4px 4px 8px 2px #E9E9E9;
  border-radius: 11px;
  padding: 15px;
  margin-bottom: 10px;
}

.hasSsalpoint .cont-tit p {
  font-size: 14px;
}

.hasSsalpoint .cont-main p {
  width: 100%;
  height: 50px;
  line-height: 60px;
  font-size: 30px;
  font-weight: bold;
  color: rgba(114, 194, 255, 1);
  text-align: right;
}

.pointState>.cont-tit:first-child {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  align-items: center;
}




.pointState .main-tit {
  margin-bottom: 10px;
}

.pointState .main-tit p {
  color: rgba(114, 194, 255, 1);
  font-weight: bold;
  font-size: 18px;
}

.pointState .conMain01 .main-tit p {
  display: flex;
  gap: 6px;
  align-items: center;
}

.pointState .conMain01 .main-tit {
  display: flex;
  justify-content: space-between;
  align-items: center;

}

.pointState .conMain01 .main-tit .coin-icon {
  width: 45px;
  height: 45px;
}

strong.mark_question {
  background-color: rgba(234, 234, 234, 1);
  padding: 6px 10px;
  border-radius: 4px;
  font-weight: 400;
}
/* .pointState>.cont-tit:first-child p:last-child {
  background-color: rgba(234, 234, 234, 1);
  padding: 6px 10px;
  border-radius: 4px;
} */

.conMain01 .main-content .progressive-bar {
  margin-top: 20px;
  margin-bottom: 40px;
  box-shadow: 4px 4px 8px 2px rgba(233, 233, 233, 1), -6px -3px 6px 0px rgba(233, 233, 233, 0.3);

}


.pointState .conMain02 .con-num01,
.pointState .conMain02 .con-num02 {
  margin-bottom: 20px;
  width: 100%;
}

.equip-detail {
  width: 100%;
  display: flex;

}

.equip-detail li {
  width: 32%;
  height: 45px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.equip-detail li:not(:first-child) {
  border-left: 1px solid rgba(120, 120, 120, 0.2);
  padding-left: 2%;
}

.daily-mission {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 20px 0;
  justify-content: space-around;
}

.daily-mission li {
  width: calc(80% / 3);
}

.daily-mission li>p,
.equip-detail li>p {
	text-align: center;
  font-weight: bold;
  color: rgba(63, 63, 63, 0.4);
}

.daily-mission li>p+div {
  box-sizing: border-box;
  max-width: 120px;
  height: 36px;
  border: 5px solid rgba(114, 194, 255, 0.5);
  border-radius: 23px;
  margin-top: 10px;
}

.daily-mission li>p+div p {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 28px;
}

/* 앱4차수정 - 데일리페이지 링크버튼 추가 */
.utill_box.linkBtnBox {
  display: flex;
  flex-direction: row;
  gap: 10px;
  justify-content: center;
  align-items: center;
  height: 25px;
  margin-top: 20px;
  margin-bottom: 50px;
  padding: 0 20px;
}
.utill_box.linkBtnBox .utill_list {
  height: 100%;
}

.utill_box.linkBtnBox .utill_list p {
  flex-grow: 1;
  font-size: 10px;
  height: 100%;
  line-height: 25px;
  text-align: center;
  border: 2px solid #72c2ff;
  border-radius: 51px;
  padding: 0 14px;
  cursor: pointer;
  text-wrap: nowrap;
}

.utill_box.linkBtnBox .utill_list p:hover {
  background-color: #72c2ff;
  color: #fff;
}

/* 데일리페이지 링크버튼 추가 끝 */

/* 0524수정 - 앱 포인트 사용/보상내역 일부 기기에서 스크롤이 안되던 문제 수정.  */
.layout_fix.ssalpoint > .content_wrap {
  min-height: 101vh;
}
/* 앱 포인트 사용/보상내역 일부 기기에서 스크롤이 안되던 문제 수정. 끝 */
.popup.app_popup.daily-point-popup.tit-m0 .title {
  padding-top: 10px;
}

.popup.app_popup.daily-point-popup p {
  padding: 0;
  padding-bottom: 6px;
  font-size: 10px;
}

.popup.app_popup.daily-point-popup p strong {
	font-size: 11px;
}
.txt-box p {
  margin-bottom: 12px;
}

.txt-box .box-tit {
  font-size: 14px;
}


.txt-box .box-cont {
  padding-left: 14px;
  color: rgba(63, 63, 63, 1);
  font-weight: 100;
}


.app_sliding_menu.mymenu-renew .ctg_box dl.mymenu-point-log .ctg1 {
  background: url(/images/app/menu01.svg) no-repeat center left 15px;
}

.app_sliding_menu .ctg_box dl.mymenu-link .ctg1 {
  background: url(/images/app/menu02.svg) no-repeat center left 15px;
}

.app_sliding_menu .ctg_box dl.mymenu-myLog .ctg1 {
  background: url(/images/app/menu03.svg) no-repeat center left 15px;
}

.app_sliding_menu .ctg_box dl.mymenu-equip .ctg1 {
  background: url(/images/app/menu05.svg) no-repeat center left 15px;
}

.app_sliding_menu .ctg_box dl.mymenu-notice .ctg1 {
  background: url(/images/app/menu07.svg) no-repeat center left 15px;
}

.app_sliding_menu .ctg_box dl.mymenu-helpcenter .ctg1 {
  background: url(/images/app/menu08.svg) no-repeat center left 15px;
}
/* 차단추가 - 선택자 클래스명 변경. dl.logout-> dl.mymenu-logout  */
.app_sliding_menu .ctg_box dl.mymenu-logout .ctg1 {
  /* 선택자 클래스명 변경. dl.logout-> dl.mymenu-logout 끝 */
  background: url(/images/app/menu09.svg) no-repeat center left 15px;
}

.app_sliding_menu:not(:has(dl.mymenu-logout dt a)) .ctg_box{
	display:none;
}

.app_sliding_menu:not(:has(dl.mymenu-logout dt a)) .info_box .myInfo{
	display: none;
}
.app_sliding_menu:not(:has(dl.mymenu-logout dt a)) .info_box .myPoint img,
.app_sliding_menu:not(:has(dl.mymenu-logout dt a)) .info_box .myPoint strong{
	display: none;
}
.app_sliding_menu:not(:has(dl.mymenu-logout dt a)) .info_box .myPoint{
	justify-content: center;
	font-size: 0px;
}
.app_sliding_menu:not(:has(dl.mymenu-logout dt a)) .info_box .myPoint::after{
	display: block;
	content: "로그인";
	font-size: 14px;
}

/* 차단추가 - 커뮤글상세 유저정보창 수정 */
.popup.user_information .info_wrap .user_info_who .profile_con {
  margin-bottom: 0;
}
.user_information .info_wrap .user_info_who {
  gap: 10px;
}
.user_information .info_wrap .user_info_who .add_blockList {
  background-color: #72c2ff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  border-radius: 6px;
  gap: 4px;
  padding: 0 12px;
}
.user_information .info_wrap .user_info_who .add_blockList p {
  height: 100%;
  line-height: 32px;
  color: #fff;
}
/* 커뮤글상세 유저정보창 수정 끝 */

/* 차단추가 - 차단추가로인한 css */

.block-page .content_title {
  margin-top: 30px;
}

.block-page .layout_wrap .basic_wrap {
  width: 100%;
  max-width: 100%;
}

:not(.listTit) > .blockItem {
  box-shadow: 4px 4px 10px 2px rgba(233, 233, 233, 0.6), -6px -3px 6px rgba(233, 233, 233, 0.3);
  border-radius: 6px;
  margin-bottom: 8px;
}
.blockItem {
  display: flex;
  box-sizing: border-box;
  height: 60px;
  align-items: center;
}
.blockItem > div {
  flex-grow: 1;
  text-align: center;
  height: fit-content;
  width: 0px;
  display: flex;
  justify-content: center;
}
.blockItem > div:first-child {
  max-width: 150px;
}
:not(.listTit) > .blockItem > div:nth-child(2) p,
:not(.listTit) > .blockItem > div:nth-child(3) p {
  max-width: 150px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
  line-height: 1.2;
}
.blockItem .removeBtn > p {
  display: inline-block;
  background-color: #a9cdf0;
  padding: 12px 24px 10px;
  border-radius: 6px;
  cursor: pointer;
}
.blockItem .removeBtn > p:hover {
  background-color: #68b3f8;
}
/* 차단추가로인한 css 끝 */
@media (min-width: 523px){
 .gallery-box .gallery-item {
 	 height: auto;
 	 aspect-ratio: 1/1.6;
  }
}
@media (max-width: 522px){
	.gallery-box>.inner-wrap:first-child{
		height:0 !important;
	}
	.gallery-box>.inner-wrap{
		flex-wrap: wrap;
	}
	.main-home .gallery-box>.inner-wrap:last-child .gallery-item{
		width: 33%;
	}
	
}

/* 앱4차수정 - 커뮤 댓글달기 버튼 css수정 */
@media screen and (max-width: 1270px) {
  .btn.h40.sky.cm40.cmu_mainCom {
    color: transparent !important;
    margin-bottom: 0 !important;
  }
}
/* 커뮤 댓글달기 버튼 css수정 끝 */

/* 0611수정 - 랭킹정보 차트란 추가에 따른 반응형 수정  */
@media screen and (max-width: 589px) {
  .layout_fix:not(.main-home, .ranking-home) .subInfoBox,
  .subInfoBox.graphBox {
    display: none;
  }
  
/* 0624수정 - 메인홈,랭킹홈에선 쌀먹점수란만 보이게 수정. */
  .main-home .subInfoBox.popularityBox,
  .ranking-home .subInfoBox.popularityBox {
    display: none;
  }
  .main-home .subInfoBox.graphBox,
  .ranking-home .subInfoBox.graphBox {
    display: flex;
  }
  /* 메인홈,랭킹홈에선 쌀먹점수란만 보이게 수정. 끝 */
  .subInfoBox.smallView-on {
    display: flex !important;
    flex-direction: column;
  }
}
/* 랭킹정보 차트란 추가에 따른 반응형 수정  끝 */

/* 에디터교체 - 파일업로드에 관한 안내문 추가 반응형css */
@media screen and (max-width: 500px) {
  .utill_list.uploadRule-txt ul li {
    font-size: 14px;
  }
  
  /* 차단추가 - 차단반응형 css */
  .blockItem > div:first-child {
    max-width: 80px;
  }
  .blockItem > div p {
    font-size: 12px;
  }
  :not(.listTit) > .blockItem > div p {
    font-size: 14px;
  }
  :not(.listTit) > .blockItem > div:nth-child(2) p,
  :not(.listTit) > .blockItem > div:nth-child(3) p {
    font-size: 14px;
  }
  /* 차단반응형 css 끝 */
}
/* 파일업로드에 관한 안내문 추가 반응형css 끝 */

/* 앱5차수정 - 반응형| 메인홈 - 포토카드 폰트사이즈 수정  */
@media screen and (max-width: 430px) {
  .main-home .gallery-box > .inner-wrap:last-child .gallery-item .foot-box p:first-child {
    font-size: 11px;
  }
  .main-home .gallery-box > .inner-wrap:last-child .gallery-item .foot-box p {
    font-size: 8px;
    line-height: 1.2em;
  }
  
  /* 에디터교체 - 파일업로드에 관한 안내문 추가 반응형css */
  .utill_list.uploadRule-txt ul li {
    font-size: 3vw;
  }
  /* 파일업로드에 관한 안내문 추가 반응형css 끝 */
  
  /* 캘린더교체 - 반응형 css추가 */
  #eventCalendar .cal-table thead tr th p {
    font-size: 14px;
  }
  #eventCalendar .cal-table tbody tr td p {
    font-size: 16px;
  }
  #eventCalendar .cal-table tbody tr td span {
    font-size: 10px;
    padding: 0px 6px;
    height: 14px;
    line-height: 16px;
  }
  #eventCalendar .cal-table {
    table-layout: fixed;
  }
  #eventCalendar .cal-table tbody tr td {
    height: 80px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
  .choiceDate .selected-date p {
    font-size: 18px;
  }
  .choiceDate .prevMonth,
  .choiceDate .nextMonth {
    width: 20px;
    height: 20px;
    background-size: 12px;
  }
  /* 반응형 css추가 끝 */
  
  /* 차단추가 - 차단반응형 css */
  .blockItem > div:first-child {
    max-width: 70px;
  }
  .blockItem > div p {
    font-size: 11px;
  }
  :not(.listTit) > .blockItem > div p {
    font-size: 12px;
  }
  :not(.listTit) > .blockItem > div:nth-child(2) p,
  :not(.listTit) > .blockItem > div:nth-child(3) p {
    font-size: 12px;
  }
  .blockItem .removeBtn > p {
    padding-left: 18px;
    padding-right: 18px;
  }
  /* 차단반응형 css 끝 */
}
/* 반응형| 메인홈 - 포토카드 폰트사이즈 수정  끝 */
/* 앱3차수정 - 화면 좁은 기기에대한 반응형 추가  */
@media screen and (max-width: 350px) {
  .gallery-box .gallery-item {
    /* height: 176px; */
  }
  .main-home .gallery-box > .inner-wrap:first-child .gallery-item .item-tit {
    height: 22px;
  }
  .main-home .gallery-box > .inner-wrap:first-child .item02 .item-tit,
  .main-home .gallery-box > .inner-wrap:first-child .item03 .item-tit {
    background-color: transparent;
  }

  .main-home .gallery-box > .inner-wrap:first-child .gallery-item:not(.item01) .foot-box p {
    scale: 0.8;
    transform-origin: 0 center;
  }
  .main-home .gallery-box > .inner-wrap:first-child img {
    height: 75px;
  }
  .main-home .gallery-box > .inner-wrap:first-child .foot-box {
    height: 45px;
  }
  .main-home .gallery-box > .inner-wrap:first-child .foot-box .progressive-bar {
    margin-top: 20px;
  }
  .main-home .gallery-box > .inner-wrap:last-child .gallery-item .foot-box p:first-child {
    font-size: 12px;
  }
  .main-home .gallery-box > .inner-wrap:last-child .gallery-item .foot-box p {
    font-size: 8px;
    line-height: 1.2em;
  }
  
  /* 캘린더교체 - 반응형 추가 */
  #eventCalendar .cal-table thead tr th p {
    font-size: 12px;
  }
  #eventCalendar .cal-table tbody tr td p {
    font-size: 13px;
  }
  #eventCalendar .cal-table tbody tr td span {
    font-size: 8px;
  }

  /* 반응형 추가 끝 */
  
  /* 차단추가 - 차단반응형 css */

  .blockItem .removeBtn > p {
    padding-left: 12px;
    padding-right: 12px;
  }
  /* 차단반응형 css 끝 */
}