@charset "utf-8";
/* CSS Document */
/* 테두리색상 #fff 테두리라인색 #9e9e9e를 교체하시면 됩니다.*/
body {
  margin: 0 0 0 0;
  overflow: hidden;
}
#image_list_3 {
  float: left;
  width: 100%;
  background-color: #fff;
}
.clsBannerScreen {
  overflow: hidden;
  position: relative;
  width: 400px;
  height: 450px;
  cursor: pointer;
  clear: both;
}
.clsBannerScreen .images {
  position: absolute;
  display: none;
}
ul,
li {
  list-style: none;
  margin: 0 0 0 0;
  padding: 0;
}
.clsBannerButton {
  width: 400px;
  cursor: pointer;
  overflow: hidden;
}
.clsBannerButton li.type01 {
  width: 100px;
  float: left;
}
.clsBannerButton li.type02 {
  width: 100px;
  float: left;
}
.clsBannerButton li.type03 {
  width: 100px;
  float: left;
}
.clsBannerButton li.type04 {
  width: 100px;
  float: left;
}

@media all and (max-width: 288px) {
  .hd_pops_con iframe {
    width: 100% !important;
    height: auto !important;
  }

  .clsBannerScreen {
    width: 288px !important;
    height: 324px !important;
  }

  .clsBannerScreen img {
    width: 288px;
    height: 324px;
  }

  .clsBannerButton li {
    width: calc(288px / 4) !important;
  }

  .clsBannerButton li img {
    max-width: 100%;
    height: 40px;
  }
}