/* =========================================================
   GILDONG MEMORY GALLERY V1
   2026-09-29

   FARM -> 길동세끼 추억관
========================================================= */


/* =========================================================
   HERO
   다른 서브페이지와 동일 규격
========================================================= */

.farm-memory-hero.functional-page-hero.gs-subhero.gs-depth-hero-card{
  width:
    min(1180px, calc(100% - 48px)) !important;

  max-width:1180px !important;

  box-sizing:border-box !important;

  height:88px !important;
  min-height:88px !important;
  max-height:88px !important;

  margin:
    14px auto 12px !important;

  padding:
    8px 22px !important;

  overflow:hidden !important;
}


.farm-memory-hero
.functional-wrap{
  width:100% !important;
  max-width:none !important;
  height:100% !important;

  margin:0 !important;
  padding:0 !important;

  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;

  box-sizing:border-box !important;
}


.farm-memory-hero small{
  margin:
    0 0 4px !important;

  color:#a58b61 !important;

  font-family:
    Arial,
    "Noto Sans KR",
    sans-serif !important;

  font-size:7px !important;
  font-weight:900 !important;

  line-height:1 !important;
  letter-spacing:.18em !important;
}


.farm-memory-hero h1{
  margin:
    0 0 5px !important;

  color:#314737 !important;

  font-family:
    "Noto Sans KR",
    Arial,
    sans-serif !important;

  font-size:26px !important;
  font-weight:900 !important;

  line-height:1 !important;
  letter-spacing:-.045em !important;
}


.farm-memory-hero p{
  margin:0 !important;

  color:#7c827b !important;

  font-family:
    "Noto Sans KR",
    Arial,
    sans-serif !important;

  font-size:9px !important;
  font-weight:500 !important;

  line-height:1.3 !important;
}


/* =========================================================
   FEED AREA
========================================================= */

.farm-photo-page{
  padding-bottom:80px;
}


.farm-feed-area{
  padding-top:18px !important;
}


.farm-feed-area
> .farm-photo-wrap{
  width:
    min(1180px, calc(100% - 48px)) !important;

  max-width:1180px !important;

  margin:
    0 auto !important;
}


/* =========================================================
   TOOLBAR
========================================================= */

.farm-feed-toolbar{
  min-height:54px;

  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;

  gap:16px !important;

  box-sizing:border-box;

  padding:
    0 2px 14px !important;
}


.farm-feed-tabs{
  display:flex;
  align-items:center;

  gap:8px;
}


.farm-memory-toolbar-right{
  display:flex;
  align-items:center;
  justify-content:flex-end;

  gap:12px;
}


.farm-feed-count{
  white-space:nowrap;

  color:#979b96;

  font-family:
    Arial,
    "Noto Sans KR",
    sans-serif;

  font-size:10px;
  font-weight:700;
}


.farm-memory-upload-button{
  min-width:112px !important;
  height:38px !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  box-sizing:border-box;

  padding:
    0 16px !important;

  border:
    1px solid #466951 !important;

  border-radius:
    9px !important;

  background:
    #466951 !important;

  color:#fff !important;

  text-decoration:none !important;

  font-family:
    "Noto Sans KR",
    Arial,
    sans-serif !important;

  font-size:11px !important;
  font-weight:800 !important;

  box-shadow:
    0 6px 18px
    rgba(49,75,58,.12);

  transition:
    transform .16s ease,
    box-shadow .16s ease,
    background .16s ease !important;
}


.farm-memory-upload-button:hover{
  background:
    #385a44 !important;

  transform:
    translateY(-1px);

  box-shadow:
    0 8px 22px
    rgba(49,75,58,.18);
}


/* =========================================================
   FEED SHELL
   이후 세로형 PHOTO / GIF / VIDEO 카드가 들어갈 자리
========================================================= */

.farm-photo-grid{
  grid-template-columns:
    repeat(3,minmax(0,1fr)) !important;

  gap:
    18px !important;
}


/* 기존 카드도 새 컨셉에 맞춰 부드럽게 */
.farm-photo-card{
  overflow:hidden;

  border-radius:
    18px !important;

  border:
    1px solid rgba(73,94,78,.12) !important;

  background:
    #fff !important;

  box-shadow:
    0 12px 34px
    rgba(39,54,43,.07) !important;
}


/* =========================================================
   EMPTY STATE
========================================================= */

.farm-photo-grid:empty{
  min-height:370px;

  border:
    1px dashed
    rgba(85,105,90,.20);

  border-radius:18px;
}


/* =========================================================
   MOBILE
   Instagram / Shorts 스타일 1열
========================================================= */

@media(max-width:700px){

  .farm-memory-hero.functional-page-hero.gs-subhero.gs-depth-hero-card{
    width:
      calc(100% - 20px) !important;

    height:82px !important;
    min-height:82px !important;
    max-height:82px !important;

    margin:
      10px auto 8px !important;

    padding:
      8px 14px !important;
  }


  .farm-memory-hero h1{
    font-size:
      22px !important;
  }


  .farm-memory-hero p{
    max-width:72%;

    font-size:
      8px !important;

    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }


  .farm-feed-area{
    padding-top:
      10px !important;
  }


  .farm-feed-area
  > .farm-photo-wrap{
    width:
      calc(100% - 20px) !important;
  }


  .farm-feed-toolbar{
    align-items:flex-start !important;
    flex-direction:column !important;

    gap:10px !important;

    padding-bottom:
      12px !important;
  }


  .farm-feed-tabs{
    width:100%;
  }


  .farm-feed-tabs button{
    flex:1 1 0;
  }


  .farm-memory-toolbar-right{
    width:100%;

    justify-content:space-between;
  }


  .farm-memory-upload-button{
    min-width:112px !important;
  }


  .farm-photo-grid{
    grid-template-columns:
      minmax(0,1fr) !important;

    gap:
      18px !important;

    max-width:
      430px;

    margin:
      0 auto;
  }


  .farm-photo-card{
    border-radius:
      16px !important;
  }

}


/* /GILDONG MEMORY GALLERY V1 */


/* MEMORY TITLE FONT V2 BEGIN */

/*
 * 기존 Noto Sans 계열과 확실하게 구분되는
 * 추억관 전용 에디토리얼 Serif 제목.
 */
.farm-memory-hero h1{
  font-family:
    "Noto Serif KR",
    "Malgun Myeongjo",
    "Batang",
    serif !important;

  font-weight:700 !important;

  letter-spacing:
    -.055em !important;
}

/* MEMORY TITLE FONT V2 END */


/* =========================================================
   MEMORY INSTAGRAM FEED V1
========================================================= */

.memory-card{
  width:100%;
  min-width:0;

  overflow:hidden;

  border:
    1px solid rgba(53,73,60,.12);

  border-radius:16px;

  background:#fff;

  box-shadow:
    0 12px 32px rgba(31,45,35,.08);
}


.memory-media{
  position:relative;

  width:100%;

  aspect-ratio:9 / 16;

  overflow:hidden;

  background:#111;
}


.memory-media img,
.memory-media video{
  width:100%;
  height:100%;

  display:block;

  object-fit:cover;
}


.memory-media video{
  background:#000;
}


.memory-card-body{
  padding:12px 13px 14px;
}


.memory-actions{
  height:30px;

  display:flex;
  align-items:center;

  gap:15px;

  margin-bottom:10px;
}


.memory-action{
  min-width:0;
  height:30px;

  display:inline-flex;
  align-items:center;
  justify-content:flex-start;

  gap:5px;

  margin:0;
  padding:0;

  border:0;

  background:transparent;

  color:#273a2e;

  font:
    800 11px/1
    Arial,
    "Noto Sans KR",
    sans-serif;
}


button.memory-action{
  cursor:pointer;
}


.memory-action-icon{
  width:22px;
  height:22px;

  display:block;
}


.memory-action-icon svg{
  width:100%;
  height:100%;

  display:block;

  fill:none;
  stroke:currentColor;

  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}


.memory-like[aria-pressed="true"]{
  color:#d84555;
}


.memory-like[aria-pressed="true"]
.memory-action-icon svg{
  fill:currentColor;
}


.memory-view{
  margin-left:auto;

  color:#7a837d;
}


.memory-author-row{
  display:flex;
  align-items:center;

  gap:8px;
}


.memory-avatar,
.memory-avatar-fallback{
  width:31px;
  height:31px;

  flex:0 0 31px;

  border-radius:50%;
}


.memory-avatar{
  display:block;
  object-fit:cover;
}


.memory-avatar-fallback{
  display:flex;
  align-items:center;
  justify-content:center;

  background:#466951;

  color:#fff;

  font:
    900 11px Arial,
    sans-serif;
}


.memory-author-text{
  min-width:0;

  display:flex;
  flex-direction:column;

  gap:2px;
}


.memory-author-text strong{
  overflow:hidden;

  color:#31463a;

  font:
    800 11px/1.25
    Arial,
    "Noto Sans KR",
    sans-serif;

  white-space:nowrap;
  text-overflow:ellipsis;
}


.memory-author-text small{
  color:#9aa09b;

  font:
    500 8px/1
    Arial,
    sans-serif;
}


.memory-caption{
  margin:10px 0 0;

  color:#34483b;

  font:
    500 11px/1.55
    Arial,
    "Noto Sans KR",
    sans-serif;

  word-break:break-word;
}


.memory-empty{
  grid-column:1/-1;

  min-height:330px;

  display:flex;
  align-items:center;
  justify-content:center;

  border:
    1px dashed rgba(64,86,70,.18);

  border-radius:16px;

  color:#a2a7a3;

  font:
    500 11px/1.5
    Arial,
    "Noto Sans KR",
    sans-serif;
}


/* 3-column vertical reels on desktop */

.farm-photo-grid{
  display:grid !important;

  grid-template-columns:
    repeat(3, minmax(0, 1fr)) !important;

  gap:22px !important;
}


/* =========================================================
   COMMENT POPUP
========================================================= */

.memory-comment-overlay[hidden]{
  display:none !important;
}


.memory-comment-overlay{
  position:fixed;
  inset:0;

  z-index:100000;

  display:flex;
  align-items:center;
  justify-content:center;

  padding:20px;

  background:
    rgba(15,20,17,.52);

  backdrop-filter:
    blur(5px);
}


.memory-comment-sheet{
  width:min(440px, 100%);
  max-height:min(650px, calc(100vh - 40px));

  display:flex;
  flex-direction:column;

  overflow:hidden;

  border:
    1px solid rgba(255,255,255,.25);

  border-radius:20px;

  background:#fffdf9;

  box-shadow:
    0 25px 80px rgba(0,0,0,.22);
}


.memory-comment-head{
  height:56px;

  flex:0 0 56px;

  display:flex;
  align-items:center;
  justify-content:space-between;

  box-sizing:border-box;

  padding:0 17px;

  border-bottom:
    1px solid rgba(48,67,54,.10);
}


.memory-comment-head strong{
  color:#304539;

  font:
    900 14px/1
    Arial,
    "Noto Sans KR",
    sans-serif;
}


.memory-comment-close{
  width:32px;
  height:32px;

  border:0;

  background:transparent;

  color:#58665d;

  font:300 28px/1 Arial;

  cursor:pointer;
}


.memory-comment-list{
  min-height:240px;

  flex:1 1 auto;

  overflow-y:auto;

  padding:6px 16px;
}


.memory-comment-row{
  padding:12px 2px;

  border-bottom:
    1px solid rgba(48,67,54,.07);
}


.memory-comment-row strong{
  display:block;

  margin-bottom:4px;

  color:#304539;

  font:
    800 10px/1.25
    Arial,
    "Noto Sans KR",
    sans-serif;
}


.memory-comment-row p{
  margin:0 0 5px;

  color:#46564c;

  font:
    500 11px/1.5
    Arial,
    "Noto Sans KR",
    sans-serif;

  word-break:break-word;
}


.memory-comment-row small{
  color:#a2a7a3;

  font:
    500 8px/1
    Arial,
    sans-serif;
}


.memory-comment-empty{
  min-height:200px;

  display:flex;
  align-items:center;
  justify-content:center;

  color:#a4aaa5;

  font:
    500 10px/1.5
    Arial,
    "Noto Sans KR",
    sans-serif;
}


.memory-comment-form{
  height:58px;

  flex:0 0 58px;

  display:flex;
  align-items:center;

  gap:8px;

  box-sizing:border-box;

  padding:9px 12px;

  border-top:
    1px solid rgba(48,67,54,.10);

  background:#fff;
}


.memory-comment-form input{
  min-width:0;
  height:38px;

  flex:1 1 auto;

  box-sizing:border-box;

  padding:0 12px;

  border:
    1px solid #dce1dc;

  border-radius:20px;

  outline:none;

  color:#33473b;

  background:#fafbf9;

  font:
    500 11px
    Arial,
    "Noto Sans KR",
    sans-serif;
}


.memory-comment-form button{
  height:36px;

  padding:0 9px;

  border:0;

  background:transparent;

  color:#466951;

  font:
    900 11px
    Arial,
    "Noto Sans KR",
    sans-serif;

  cursor:pointer;
}


body.memory-comments-open{
  overflow:hidden;
}


/* =========================================================
   MEMORY WRITE PAGE
========================================================= */

.memory-write-page{
  width:
    min(760px, calc(100% - 40px));

  margin:
    24px auto 80px;

  box-sizing:border-box;

  padding:30px;

  border:
    1px solid rgba(56,78,63,.10);

  border-radius:22px;

  background:
    rgba(255,253,249,.96);

  box-shadow:
    0 18px 50px rgba(37,51,41,.08);
}


.memory-write-heading{
  margin-bottom:24px;
}


.memory-write-heading small{
  display:block;

  margin-bottom:6px;

  color:#a28a66;

  font:
    900 8px/1
    Arial,
    sans-serif;

  letter-spacing:.16em;
}


.memory-write-heading h1{
  margin:0 0 7px;

  color:#31463a;

  font-family:
    "Noto Serif KR",
    "Malgun Myeongjo",
    serif;

  font-size:27px;
  font-weight:900;

  letter-spacing:-.05em;
}


.memory-write-heading p{
  margin:0;

  color:#858d87;

  font:
    500 11px/1.5
    Arial,
    "Noto Sans KR",
    sans-serif;
}


.memory-write-login{
  padding:50px 20px;

  text-align:center;
}


.memory-write-login p{
  margin:0 0 16px;

  color:#69766e;

  font-size:11px;
}


.memory-write-login button{
  height:40px;

  padding:0 20px;

  border:0;
  border-radius:8px;

  background:#466951;
  color:#fff;

  font:
    900 11px
    Arial,
    sans-serif;

  cursor:pointer;
}


.memory-picker{
  min-height:330px;

  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;

  gap:7px;

  box-sizing:border-box;

  padding:25px;

  border:
    1px dashed rgba(69,98,77,.30);

  border-radius:18px;

  background:
    #fafbf8;

  cursor:pointer;
}


.memory-picker input{
  position:absolute;

  width:1px;
  height:1px;

  overflow:hidden;

  opacity:0;
}


.memory-picker-plus{
  width:54px;
  height:54px;

  display:flex;
  align-items:center;
  justify-content:center;

  margin-bottom:5px;

  border-radius:50%;

  background:#edf2ed;

  color:#466951;

  font:300 34px/1 Arial;
}


.memory-picker strong{
  color:#3f5547;

  font:
    900 12px
    Arial,
    "Noto Sans KR",
    sans-serif;
}


.memory-picker small{
  color:#979d98;

  font:
    500 9px
    Arial,
    "Noto Sans KR",
    sans-serif;
}


.memory-write-preview{
  width:min(360px, 100%);

  margin:
    0 auto 24px;
}


.memory-write-preview-media{
  width:100%;

  aspect-ratio:9 / 16;

  overflow:hidden;

  border-radius:18px;

  background:#111;

  box-shadow:
    0 15px 40px rgba(0,0,0,.12);
}


.memory-write-preview-media img,
.memory-write-preview-media video{
  width:100%;
  height:100%;

  display:block;

  object-fit:cover;
}


.memory-write-preview-meta{
  margin-top:9px;

  color:#939b95;

  text-align:center;

  font:
    500 9px
    Arial,
    sans-serif;
}


.memory-write-remove{
  width:100%;

  margin-top:7px;
  padding:6px;

  border:0;

  background:transparent;

  color:#6a796f;

  font:
    700 10px
    Arial,
    "Noto Sans KR",
    sans-serif;

  cursor:pointer;
}


.memory-write-caption{
  display:block;

  margin-top:20px;
}


.memory-write-caption > span{
  display:block;

  margin-bottom:7px;

  color:#43564a;

  font:
    800 10px
    Arial,
    "Noto Sans KR",
    sans-serif;
}


.memory-write-caption textarea{
  width:100%;

  box-sizing:border-box;

  resize:vertical;

  padding:13px 14px;

  border:
    1px solid #d9dfda;

  border-radius:11px;

  outline:none;

  background:#fff;

  color:#34473b;

  font:
    500 11px/1.6
    Arial,
    "Noto Sans KR",
    sans-serif;
}


.memory-write-status{
  min-height:20px;

  margin-top:10px;

  color:#7b877f;

  font:
    600 9px/1.5
    Arial,
    "Noto Sans KR",
    sans-serif;
}


.memory-write-actions{
  display:flex;
  justify-content:flex-end;

  gap:8px;

  margin-top:12px;
}


.memory-write-actions a,
.memory-write-actions button{
  height:40px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  box-sizing:border-box;

  padding:0 17px;

  border:
    1px solid #d1d8d2;

  border-radius:8px;

  background:#fff;

  color:#66746b;

  text-decoration:none;

  font:
    800 10px
    Arial,
    "Noto Sans KR",
    sans-serif;
}


.memory-write-actions button{
  border-color:#466951;

  background:#466951;

  color:#fff;

  cursor:pointer;
}


/* =========================================================
   MOBILE REELS
========================================================= */

@media(max-width:700px){

  .farm-photo-grid{
    width:100%;

    grid-template-columns:
      minmax(0, 1fr) !important;

    gap:18px !important;

    margin:0 auto;
  }


  .memory-card{
    max-width:430px;

    margin:0 auto;

    border-radius:14px;
  }


  .memory-media{
    aspect-ratio:9 / 16;
  }


  .memory-card-body{
    padding:
      11px 12px 13px;
  }


  .memory-comment-overlay{
    align-items:flex-end;

    padding:0;
  }


  .memory-comment-sheet{
    width:100%;
    max-width:none;

    max-height:76vh;

    border-radius:
      22px 22px 0 0;
  }


  .memory-write-page{
    width:
      calc(100% - 20px);

    margin:
      12px auto 50px;

    padding:
      19px 15px;

    border-radius:17px;
  }


  .memory-picker{
    min-height:280px;
  }


  .memory-write-preview{
    max-width:100%;
  }

}



/* =========================================================
   MEMORY INSTAGRAM COMPACT FEED V3
========================================================= */


/* hidden 속성이 기존 flex/grid CSS보다 우선 */
.memory-picker[hidden],
.memory-write-preview[hidden],
.memory-write-login[hidden],
.memory-write-form[hidden]{
  display:none !important;
}


/*
 * PC:
 * 인스타그램처럼 한 줄 중앙 피드.
 * 현재 1180px 컨텐츠 대비 약 1/4~1/5 체감.
 */

.farm-photo-grid{
  width:100% !important;

  display:flex !important;
  flex-direction:column !important;

  align-items:center !important;

  gap:22px !important;
}


.memory-card{
  width:280px !important;

  max-width:280px !important;

  flex:none !important;

  margin:0 auto !important;

  border-radius:14px !important;
}


.memory-media{
  width:100% !important;

  aspect-ratio:9 / 16 !important;

  overflow:hidden !important;

  background:#111;
}


/*
 * 원본은 그대로 보관.
 * 화면에서만 9:16 crop.
 *
 * 이미지의 얼굴/머리 위쪽이 지나치게 잘리지 않도록
 * 중심을 살짝 위쪽으로 올린다.
 */

.memory-media img{
  width:100% !important;
  height:100% !important;

  display:block !important;

  object-fit:cover !important;

  object-position:
    50% 25% !important;
}


.memory-media video{
  width:100% !important;
  height:100% !important;

  display:block !important;

  object-fit:cover !important;

  object-position:
    center center !important;

  background:#000;
}


.memory-card-body{
  padding:
    9px 10px 11px !important;
}


.memory-actions{
  height:27px !important;

  gap:12px !important;

  margin-bottom:
    8px !important;
}


.memory-action{
  height:27px !important;

  gap:4px !important;

  font-size:
    9px !important;
}


.memory-action-icon{
  width:19px !important;
  height:19px !important;
}


.memory-avatar,
.memory-avatar-fallback{
  width:27px !important;
  height:27px !important;

  flex:
    0 0 27px !important;
}


.memory-author-text strong{
  font-size:
    9px !important;
}


.memory-author-text small{
  font-size:
    7px !important;
}


.memory-caption{
  margin-top:
    8px !important;

  font-size:
    9px !important;

  line-height:
    1.5 !important;
}


/* 내 추억 삭제 */

.memory-item-delete{
  margin-left:auto;

  padding:4px 3px;

  border:0;

  background:transparent;

  color:#a0958e;

  font:
    700 8px
    Arial,
    "Noto Sans KR",
    sans-serif;

  cursor:pointer;
}


.memory-item-delete:hover{
  color:#c24c54;
}


/* 내 댓글 삭제 */

.memory-comment-row{
  position:relative;
}


.memory-comment-delete{
  position:absolute;

  top:10px;
  right:0;

  padding:3px 5px;

  border:0;

  background:transparent;

  color:#aaa29c;

  font:
    700 8px
    Arial,
    "Noto Sans KR",
    sans-serif;

  cursor:pointer;
}


.memory-comment-delete:hover{
  color:#c24c54;
}


/* 글쓰기 선택 영역도 과도하게 크지 않게 */

.memory-write-page{
  width:
    min(620px, calc(100% - 40px)) !important;

  padding:
    25px !important;
}


.memory-picker{
  width:
    min(360px, 100%) !important;

  min-height:
    170px !important;

  margin:
    0 auto !important;

  padding:
    18px !important;
}


.memory-write-preview{
  width:
    min(230px, 100%) !important;

  margin:
    0 auto 18px !important;
}


.memory-write-preview-media{
  width:100% !important;

  aspect-ratio:
    9 / 16 !important;

  border-radius:
    14px !important;

  overflow:hidden !important;
}


.memory-write-preview-media img{
  width:100% !important;
  height:100% !important;

  object-fit:cover !important;

  object-position:
    50% 25% !important;
}


.memory-write-preview-media video{
  width:100% !important;
  height:100% !important;

  object-fit:cover !important;

  object-position:
    center !important;
}


/* 모바일은 인스타 피드처럼 화면 폭 활용 */

@media(max-width:700px){

  .farm-photo-grid{
    width:100% !important;

    align-items:center !important;

    gap:18px !important;
  }


  .memory-card{
    width:
      min(390px, calc(100% - 8px)) !important;

    max-width:
      390px !important;
  }


  .memory-write-page{
    width:
      calc(100% - 20px) !important;

    padding:
      18px 14px !important;
  }


  .memory-picker{
    width:100% !important;

    min-height:
      155px !important;
  }


  .memory-write-preview{
    width:
      min(240px, 100%) !important;
  }

}


/* /MEMORY INSTAGRAM COMPACT FEED V3 */


/* =========================================================
   MEMORY CARD SIZE FINAL V4
   desktop zoom 1.25 고려
========================================================= */

@media(min-width:1101px){

  .memory-card{
    width:165px !important;
    max-width:165px !important;
    flex:0 0 165px !important;
  }


  .memory-card-body{
    padding:
      7px 8px 8px !important;
  }


  .memory-actions{
    height:23px !important;
    gap:8px !important;
    margin-bottom:6px !important;
  }


  .memory-action{
    height:23px !important;
    font-size:8px !important;
  }


  .memory-action-icon{
    width:16px !important;
    height:16px !important;
  }


  .memory-avatar,
  .memory-avatar-fallback{
    width:23px !important;
    height:23px !important;
    flex:0 0 23px !important;
  }


  .memory-author-text strong{
    font-size:8px !important;
  }


  .memory-author-text small{
    font-size:6px !important;
  }


  .memory-caption{
    font-size:8px !important;
  }

}


/* 중간 화면 */
@media(min-width:701px) and (max-width:1100px){

  .memory-card{
    width:180px !important;
    max-width:180px !important;
    flex:0 0 180px !important;
  }

}


/* 모바일은 기존 인스타형 크기 유지 */
@media(max-width:700px){

  .memory-card{
    width:min(390px, calc(100% - 8px)) !important;
    max-width:390px !important;
  }

}


/* /MEMORY CARD SIZE FINAL V4 */

/* MEMORY TITLE MATCH PLAY V3 BEGIN */

/*
 * 놀이터와 제목 폰트 속성을
 * 완전히 동일하게 맞춘다.
 */
.farm-memory-hero h1 {
  font-family:
    "Noto Serif KR", Georgia, serif !important;

  font-weight:
    500 !important;

  letter-spacing:
    -.06em !important;
}

/* MEMORY TITLE MATCH PLAY V3 END */