* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  background-color: #000;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;
  overflow-x: hidden;
  overflow-y: auto;
}

html {
  scroll-behavior: smooth;
}

img {
  border: 0;
  vertical-align: top;
  max-width: 100%;
}

.btn:hover {
  transform: scale(1.05);
}

#scale-container {
  position: relative;
  max-width: 2560px;
  margin: 0 auto;
  min-width: 1500px;
}

.bg-section {
  position: relative;
  margin: 0 auto;
  max-width: 2560px;
  min-width: 1500px;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}


.bg-1 {
  background-image: url("https://static.web.sdo.com/chd//pic/260520/bg-01.jpg");
  width: 100%;
  height: 1648px;
}

.bg-2 {
  background-image: url("https://static.web.sdo.com/chd//pic/260520/bg-02.jpg");
  width: 100%;
  height: 2812px;
}

.section-2 {
  position: relative;
  width: 1500px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center top;
}

.section2-1 {
  height: 500px;
}

.section2-2 {
  height: 836px;
}

.section2-3 {
  height: 708px;
}

.section2-4 {
  height: 720px;
}

.btn-enter,
.btn-act {
  display: block;
  width: 216px;
  height: 62px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.btn-enter {
  background-image: url("https://static.web.sdo.com/chd//pic/260520/btn-enter.png");
}

.btn-act {
  background-image: url("https://static.web.sdo.com/chd//pic/260520/btn-act.png");
}

.btn-single {
  position: absolute;
  left: 50%;
  bottom: 45px;
  transform: translate(-50%, -50%);
}

.btn-row {
  position: absolute;
  left: 50%;
  bottom: 35px;
  transform: translate(-50%, -50%);
  display: flex;
  gap: 120px;
}

.btn-single:hover {
  transform: translate(-50%, -50%) scale(1.05);
}

.btn-row .btn-enter:hover,
.btn-row .btn-act:hover {
  transform: scale(1.05);
}