/* BASIC css start */
/* 기본 스타일 */
.mlog-sign {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}

@media (max-width: 1024px) and (min-width: 768px) {
  #loginWrap .mlog-sign {
    grid-template-columns: repeat(2, 1fr); /* 2개의 열 */
  }
}

#loginWrap .mlog-sign .mlog, #loginWrap .mlog-sign .sign, #loginWrap .mlog-sign .order-sp {
  padding: 20px;
  width: 386px;
  border:0;
}


@media (max-width: 768px) {
  .mlog-sign {
    grid-template-columns: 1fr;
    border: none;
  }

  .mlog-sign > div {
    border-bottom: 1px solid #e9e9e9;
    width: auto;
  }

  .mlog-sign > div:last-child {
    border-bottom: none;
  }
}

#loginWrap .order-sp {

    padding-left: 76px;
    width: 386px;
    text-align: left;
    height:auto;

}

#loginWrap .mlog-sign .order-sp dl { padding-top:22px }
#loginWrap .mlog-sign .order-sp dl dt { font-size:11px; color:#adadad }
#loginWrap .mlog-sign .order-sp dl dd { padding-top:15px }
#loginWrap .mlog-sign .order-sp dl dd a { width:384px; height:58px; font-size:15px; line-height:58px }

.sns-login{
margin-bottom:60px;
}


/* BASIC css end */