
.mailingFooterContainer{
  width: 100%;
  height: 220px;
  background-color: #000;
  color: #fff;
  text-align: center;
}
.footerTopText {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 10px;
  font-size: 28px;
}

.footerTopMiddle {
  font-size: 16px;
  padding: 15px;
}

.footerEmailInsert{
  width: 450px;
  height: 50px;
  border-radius: 30px;
  background-color: #fff;
  margin: 0 auto;
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.emailInsert {
  padding: 15px;
  width: 366px;
  height: 50px;
  border-radius: 30px  0  0 30px;
  border: 0;
}

.emailInsert:focus {outline: none;}

.startMailing {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 45px;
  background-color: #333333;
  border-radius: 30px;
  cursor: pointer;
}

.viewDetails {
  font-size: 12px;
  cursor: pointer;
}

.cpRight {
  width: 100%;
  background-color: #e9e0d6;
  padding: 15px;
}

.infoContainer {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  column-gap: 15px;
}

.infoText {
  color: #000;
  text-decoration: none;
}
.infoText:hover {
  color:#000;
}
.copyRight{
  display: flex;
  flex-wrap: nowrap;
  column-gap: 15px;
  font-size: 13px;
  justify-content: center;
  align-items: center;
}
/*모바일 노트북*/
@media (min-width: 1600px) {

}

/*
##Device = Laptops, Desktops
##Screen = B/w 1025px to 1280px
##Device = 랩탑, 데스크탑
##Screen = 1025px에서 1280px 사이
*/

@media (max-width: 1280px) {

}

/*
##Device = Tablets, Ipads (portrait),
##Screen = B/w 768px to 1024px
##Device = 태블릿, 아이패드(세로),
##Screen = 768px에서 1024px 사이
*/

@media (max-width: 1024px) {
  /* .footerTopText {
    font-size: 16px;
  }

  .footerTopMiddle {
    font-size: 12px;
    padding: 10px;
  }
  .startMailing {
    font-size: 10px;
  } */
}

/*
##Device = Tablets, Ipads (landscape)
##Screen = B/w 768px to 1024px
##Device = 태블릿, 아이패드(가로)
##Screen = 768px에서 1024px 사이
*/

@media (max-width: 1024px) and (orientation: landscape) {
  /* .footerTopText {
    font-size: 14px;
  }

  .footerTopMiddle {
    font-size: 10px;
    padding: 8px;
  }
  .startMailing {
    font-size: 8px;
  } */
}

/*
##Device = Low Resolution Tablets, Mobiles (Landscape)
##Screen = B/w 481px to 767px
##Device = 저해상도 태블릿, 모바일(가로)
##Screen = 481px에서 767px 사이
*/

@media (max-width: 767px) {

}


/*
##Device = Most of the Smartphones Mobiles (Portrait)
##Screen = B/w 320px to 479px
##Device = 대부분의 스마트폰 모바일 기기(세로)
##Screen = 320px에서 479px 사이
*/
@media (max-width: 479px) {
  .footerTopMiddle {
      font-size: 14px;
  }
  .footerEmailInsert {
    width: 256px;
    height: 35px;
  }
  .emailInsert {
    padding: 15px;
    width: 195px;
    height: 35px;
    border-radius: 30px 0 0 30px;
    border: 0;
    font-size: 13px;
  }
  .startMailing {
    width: 60px;
    height: 30px;
    font-size: 13px;
  }
}
