._04-1-community-list,
._04-1-community-list * {
  box-sizing: border-box;
}
._04-1-community-list {
  background: #ffffff;
  height: auto;
  position: relative;
  margin-bottom: 340px;
}
.con-container {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
  justify-content: center;
  width: 1650px;
  position: relative;
	/* left: 50%; */
	top: 20px;
	/* translate: -50%; */
	margin: 0 auto;
}
.row {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.item {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 536px;
  height: 538px;
  position: relative;
}
.thumb-box {
  background: #e7e7e7;
  border-radius: 4px;
  align-self: stretch;
  flex-shrink: 0;
  height: 538px;
  position: relative;
  overflow: hidden;
}
.sample-1 {
  width: 717.33px;
  height: 538px;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  object-fit: cover;
}
.label-today {
  background: var(--sub-light-org, #f68021);
  border-radius: 0px 0px 10px 0px;
  opacity: 0.8;
  padding: 10px 15px 10px 15px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0px;
  top: 0px;
}
.div {
  color: var(--base-white-fff, #ffffff);
  text-align: center;
  font-family: var(
    --subtit-sem-16-font-family,
    "Pretendard-SemiBold",
    sans-serif
  );
  font-size: var(--subtit-sem-16-font-size, 16px);
  letter-spacing: var(--subtit-sem-16-letter-spacing, -0.025em);
  font-weight: var(--subtit-sem-16-font-weight, 600);
  position: relative;
}
.thumb-box-hover {
  background: var(--base-white-fff, #ffffff);
  opacity: 0.9;
  padding: 20px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  width: 536px;
  position: absolute;
  left: 0px;
  top: 432px;
}
.txt-box {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: flex-end;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
.subject {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.div2 {
  color: var(--base-black-gray-20, #202020);
  text-align: left;
  font-family: var(--body-reg-18-font-family, "Pretendard-Regular", sans-serif);
  font-size: var(--body-reg-18-font-size, 18px);
  letter-spacing: var(--body-reg-18-letter-spacing, -0.025em);
  font-weight: var(--body-reg-18-font-weight, 400);
  position: relative;
}
.wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.group {
  display: flex;
  flex-direction: row;
  gap: 5px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.loveit-none {
  border-radius: 20px;
  border-style: solid;
  border-color: var(--base-lightgray-dd, #cccccc);
  border-width: 1px;
  padding: 5px 10px 5px 10px;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.icon-smile {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
._10_off {
  color: var(--base-dark-gray-77, #777777);
  text-align: left;
  font-family: "Pretendard-Regular", sans-serif;
  font-size: 16px;
  letter-spacing: -0.025em;
  font-weight: 400;
  position: relative;
}
.comments {
  border-radius: 20px;
  border-style: solid;
  border-color: var(--base-lightgray-dd, #cccccc);
  border-width: 1px;
  padding: 5px 10px 5px 10px;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.icon-comments {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
.profile {
  display: flex;
  flex-direction: row;
  gap: 6px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.thumb {
  background: var(--main-green, #ffffff);
  border-radius: 40px;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  overflow: hidden;
}
.thumb img {
  width: 30px;
  height: 30px;  
}
.name {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.watch {
  color: var(--base-dark-gray-77, #777777);
  text-align: left;
  font-family: var(--body-reg-16-font-family, "Pretendard-Regular", sans-serif);
  font-size: var(--body-reg-16-font-size, 16px);
  letter-spacing: var(--body-reg-16-letter-spacing, -0.025em);
  font-weight: var(--body-reg-16-font-weight, 400);
  position: relative;
}
.sample-2 {
  border-style: solid;
  border-color: transparent;
  border-width: 1px;
  width: 536px;
  height: 645px;
  position: absolute;
  left: 0px;
  top: -79px;
  object-fit: cover;
}
.loveit-ck {
  background: var(--main-green, #007433);
  border-radius: 20px;
  padding: 5px 10px 5px 10px;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.icon-smile2 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
._10_on {
  color: var(--base-white-fff, #ffffff);
  text-align: left;
  font-family: "Pretendard-Regular", sans-serif;
  font-size: 16px;
  letter-spacing: -0.025em;
  font-weight: 400;
  position: relative;
}
.icon-comments2 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: visible;
}
._785971-1 {
  border-style: solid;
  border-color: transparent;
  border-width: 1px;
  width: 536px;
  height: 682px;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  object-fit: cover;
}
.label-myshot {
  background: var(--sub-light-org, #f68021);
  border-radius: 0px 0px 10px 0px;
  opacity: 0.8;
  padding: 10px 15px 10px 15px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0px;
  top: 0px;
}
._801137-1 {
  border-style: solid;
  border-color: transparent;
  border-width: 1px;
  width: 536px;
  height: 714px;
  position: absolute;
  left: 0px;
  top: -64px;
  object-fit: cover;
}
.sample {
  border-style: solid;
  border-color: transparent;
  border-width: 1px;
  width: 536px;
  height: 611.44px;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  object-fit: cover;
}
._789400-1 {
  border-style: solid;
  border-color: transparent;
  border-width: 1px;
  width: 738.37px;
  height: 536px;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  object-fit: cover;
}
._1729014473025-1 {
  width: 536px;
  height: 929px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: -391px;
  object-fit: cover;
}
._20240930-095453-1 {
  width: 536px;
  height: 952.24px;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  object-fit: cover;
}
._802870-1 {
  border-style: solid;
  border-color: transparent;
  border-width: 1px;
  width: 539px;
  height: 718px;
  position: absolute;
  left: calc(50% - 271px);
  top: -84px;
  object-fit: cover;
}
.top-container {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 1650px;
  position: relative;
  margin: 0 auto;
  margin-top: 124px;
}
.common-title {
  padding: 10px 0px 10px 0px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.div3 {
  color: var(--base-black-gray-20, #202020);
  text-align: left;
  font-family: var(--tit-sem-34-font-family, "Pretendard-SemiBold", sans-serif);
  font-size: var(--tit-sem-34-font-size, 34px);
  letter-spacing: var(--tit-sem-34-letter-spacing, -0.025em);
  font-weight: var(--tit-sem-34-font-weight, 600);
  position: relative;
}
.common-subtit {
  padding: 10px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.div4 {
  color: var(--base-dark-gray-77, #777777);
  text-align: center;
  font-family: var(--body-reg-16-font-family, "Pretendard-Regular", sans-serif);
  font-size: var(--body-reg-16-font-size, 16px);
  letter-spacing: var(--body-reg-16-letter-spacing, -0.025em);
  font-weight: var(--body-reg-16-font-weight, 400);
  position: relative;
}
.btn-more-group {
  position: absolute;
  inset: 0;
}

.line-gray {
  background: var(--base-lightgray-dd, #cccccc);
  width: 1650px;
  height: 1px;
  position: relative;
  left: 50%;
  translate: -50%;
  top: 255px;
  /* overflow: hidden; */
}
.btn-aroow-down {
  width: 48px;
  height: 48px;
  position: relative;
  left: 50%;
  translate: -50%;
  top: 230px;
  overflow: visible;
}
.div5 {
  color: var(--base-dark-gray-77, #777777);
  text-align: center;
  font-family: var(--body-reg-16-font-family, "Pretendard-Regular", sans-serif);
  font-size: var(--body-reg-16-font-size, 16px);
  letter-spacing: var(--body-reg-16-letter-spacing, -0.025em);
  font-weight: var(--body-reg-16-font-weight, 400);
  position: relative;
  left: 50%;
  translate: -50%;
  top: 158px;
}
.header {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 1920px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.header2 {
  border-style: solid;
  border-color: var(--base-cool-gray-f7f8fa, #f7f8fa);
  border-width: 0px 0px 1px 0px;
  opacity: 0.9;
  padding: 0px 60px 0px 60px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  height: 84px;
  position: relative;
}
.div6 {
  color: var(--base-black-gray-20, #202020);
  text-align: center;
  font-family: var(--body-reg-18-font-family, "Pretendard-Regular", sans-serif);
  font-size: var(--body-reg-18-font-size, 18px);
  letter-spacing: var(--body-reg-18-letter-spacing, -0.025em);
  font-weight: var(--body-reg-18-font-weight, 400);
  position: relative;
}
._02-watch-sell {
  padding: 0px 20px 0px 20px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 124px;
  position: relative;
}
._03-lounge-reservation {
  padding: 0px 20px 0px 20px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 124px;
  position: relative;
}
._04-community-hover {
  padding: 0px 20px 0px 20px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 124px;
  position: relative;
}
.div7 {
  color: var(--main-green, #007433);
  text-align: center;
  font-family: var(
    --subtit-sem-18-font-family,
    "Pretendard-SemiBold",
    sans-serif
  );
  font-size: var(--subtit-sem-18-font-size, 18px);
  letter-spacing: var(--subtit-sem-18-letter-spacing, -0.025em);
  font-weight: var(--subtit-sem-18-font-weight, 600);
  position: relative;
}
._05-customer {
  padding: 0px 20px 0px 20px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 124px;
  position: relative;
}
.icon-right {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.wrap2 {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.icon-search {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.icon-mypage {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}
.itemViewCls, .more_view {
	cursor:pointer;
}

.thumb-box-hover {
	display:none;
}


.btn-loveit-my {
	display: flex;
	flex-direction: row;
	gap: 0px;
	align-items: flex-end;
	justify-content: flex-end;
	flex-shrink: 0;
	position: relative;
	position: relative;
    width: 1650px;
    margin: 0 auto;
}
.loveit-my-on {
	background: var(--main-green, #007433);
	border-radius: 4px;
	border-style: solid;
	border-color: var(--main-green, #007433);
	border-width: 1px;
	padding: 6px 12px 6px 12px;
	display: flex;
	flex-direction: row;
	gap: 2px;
	align-items: center;
	justify-content: flex-start;
	flex-shrink: 0;
}
.loveit-my-off {
	background: var(--base-white-fff, #ffffff);
	border-radius: 4px;
	border-style: solid;
	border-color: var(--base-lightgray-dd, #cccccc);
	border-width: 1px;
	padding: 6px 12px 6px 12px;
	display: flex;
	flex-direction: row;
	gap: 2px;
	align-items: center;
	justify-content: flex-start;
	flex-shrink: 0;
	position: relative;
}
.my_div3_off {
	color: var(--base-dim-gray-3a, #3a3a3a);
	text-align: left;
	font-family: var(--body-reg-16-font-family, 'Pretendard-Regular', sans-serif);
	font-size: var(--body-reg-16-font-size, 16px);
	letter-spacing: var(--body-reg-16-letter-spacing, -0.025em);
	font-weight: var(--body-reg-16-font-weight, 400);
	position: relative;
}
.my_div3_on {
	color: var(--base-white-fff, #ffffff);
	text-align: left;
	font-family: var(--body-reg-16-font-family, 'Pretendard-Regular', sans-serif);
	font-size: var(--body-reg-16-font-size, 16px);
	letter-spacing: var(--body-reg-16-letter-spacing, -0.025em);
	font-weight: var(--body-reg-16-font-weight, 400);
	position: relative;
}
.icon-smile {
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	position: relative;
	overflow: visible;
}
.loveit_my {
	cursor:pointer;
}