/* BASIC css start */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap');

/* 기본 */
html, body{
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

.hs-inside{
  background: #fff;
  color: #111;
}

/* ✅ MEHVIE 느낌: 2x2 그리드 (상단 1행, 하단 1행) */
.hs-inside__grid{
  display: grid;
  grid-template-columns: 1fr 1fr;  /* 좌/우 반반 */
  grid-template-rows: 1fr 1fr;     /* 2행 */
  min-height: 100vh;               /* 화면 높이 꽉 */
}

/* 공통 셀 */
.hs-inside__cell{
  min-height: 50vh;                /* 각 셀의 기본 높이감 */
}

/* 이미지 영역 */
.hs-inside__media{
  margin: 0;
  overflow: hidden;
  background: #f3f3f3;
}

.hs-inside__media img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;               /* MEHVIE처럼 꽉 차는 느낌 */
  object-position: center;
}

/* 2행 좌: 블랭크 */
.hs-inside__blank{
  background: #fff;
}

/* ✅ 텍스트 영역: MEHVIE처럼 오른쪽 아래에 “앉히기” */
.hs-inside__text{
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 80px 40px 50px;
  box-sizing: border-box;
}


.hs-inside__brand img{
  display:block;
  width:80px;
  height:auto;
  margin-left:-1px;
}


/* 브랜드명 */
.hs-inside__brand{
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  letter-spacing: .22em;
  font-weight: 600;
  margin: 0 0 14px;
}

/* 국문 */
.hs-inside__ko{
  margin: 0;
  font-size: 13px;
  line-height: 1.9;
  color: rgba(17,17,17,.72);
  max-width: 520px;
  word-break: keep-all;
  font-weight: 500;
}

/* 영문 */
.hs-inside__en{
  margin: 22px 0 0;
  font-size: 12px;
  line-height: 1.95;
  color: rgba(17,17,17,.55);
  max-width: 520px;
  font-weight: 500;

}

/* ✅ 작은 PC/태블릿에서는 1열로 자연스럽게 */
@media (max-width: 1024px){
  .hs-inside__grid{
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    min-height: auto;
  }

  .hs-inside__cell{
    min-height: auto;
  }

  .hs-inside__media{
    aspect-ratio: 16 / 9;
  }
  .hs-inside__media img{
    height: 100%;
  }

  .hs-inside__text{
    padding: 48px 24px 60px;
  }

  .hs-inside__blank{
    display: none;
  }
}




/* GO SHOP - left aligned */
.toez_go_shop{
  margin-top: 18px;
  text-align: left;
}

.toez_go_shop .btn_go_shop{
  display: inline-block;
  font-size: 12px;
  letter-spacing: .25em;
  color:#222;
  text-decoration:none;
  padding: 6px 0;
  position: relative;
}

.toez_go_shop .btn_go_shop:after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:72px;
  height:1px;
  background:#222;
  opacity:.75;
}

.toez_go_shop .btn_go_shop:hover{
  opacity:.75;
}
  

/* 푸터 (기존 유지) */
footer{
  background-color: #222;
  color: #aaa;
  text-align: center;
  padding: 20px 0;
}



/* BASIC css end */