body.about04_spacetime, p {
  word-break: keep-all;
}
/* section 01 */
.space_sec01 {
  position: relative;
  background:#3123A2 url("/public/img/space_sec01_bg.png") no-repeat center;
  height: 100vh;
}
.space_sec01 .container {
  padding-top: 100px;
}
.space_sec01_titleWrap {
  position: absolute;
  top: 52%;
  transform: translateY( -50%);
  width: 100%;
  text-align: center;
}

.space_sec01 .storeWrap {
  position: absolute;
  left: 50%;
  bottom: 35%;
  transform: translateX(-50%);.space_sec01 .storeWrap
  text-align: center;
}
.space_sec01 .storeWrap img {
  width: 157px;
}

/* section 02 */
.space_txtWrap {
  position: relative;
  text-align: center;
}
.space_txtWrap .space_title {
  position: relative;
  font-family: 'S-CoreDream-7ExtraBold';
  font-size: 55px;
  color: #000;
  padding: 35px 0 15px;
  line-height: 1.3;
}
.space_txtWrap .space_title .space_num {
  font-family: 'S-CoreDream-8Heavy';
  font-size: 80px;
  color: #3026A4;
  line-height: 1;
  opacity: 0.14;
  position: absolute;
  left: 50%;
  top:0;
  transform: translateX(-50%);
}
.space_txtWrap .title_bar {
  width: 55px;
  height: 3px;
  background: #3026A4;
  margin: auto;
}
.space_txtWrap .space_txt {
  font-size: 18px;
  color: #666;
  line-height: 1.5;
  margin-top: 30px;
}
.space_sec02 {
  background: #E7EAEF;
}

/* section 03 */
.sec03_list {
  line-height: 1.4;
  margin-bottom: 20px;
}
.sec03_list .circle {
  width: 180px;
  height: 180px;
  border-radius: 100%;
  color: #fff;
  padding-top: 60px;
  margin: auto;
}
.sec03_list:nth-child(1) .circle {
  background: rgb(49,35,162);
  background: linear-gradient(90deg, rgba(49,35,162,1) 0%, rgba(95,52,174,1) 100%);
}
.sec03_list:nth-child(2) .circle {
  background: rgb(98,53,174);
  background: linear-gradient(90deg, rgba(98,53,174,1) 0%, rgba(144,71,187,1) 100%);
}
.sec03_list:nth-child(3) .circle {
  background: rgb(143,70,187);
  background: linear-gradient(90deg, rgba(143,70,187,1) 0%, rgba(192,89,199,1) 100%);
}
.sec03_list:nth-child(4) .circle {
  background: rgb(203,88,216);
  background: linear-gradient(90deg, rgba(203,88,216,1) 0%, rgba(245,109,206,1) 100%);
}
.sec03_list .circle .list_num {
  font-size: 12px;
  font-weight: 300;
}
.sec03_list .circle .list_tit {
  font-size: 22px;
  font-weight: 500;
  margin-top: 5px;
}
.sec03_list .list_txtWrap .list_bar {
  width: 1px;
  height: 20px;
  background: #B0B0B0;
  margin: 10px auto;
}
.sec03_list .list_txtWrap .list_txt {
  color: #333;
}

/* section 04 */
.space_sec04 {
  background: #E7EAEF;
}
.sec04_list {
  margin-bottom: 20px;
}
.sec04_list .sec04_list_txt {
  margin-top: 20px;
  color: #333;
}

/* section 05 */
.space_sec05 {
  background: url("/public/img/space_sec05_bg.png") no-repeat bottom;
  background-size: 100%;
  overflow: hidden;
}
.sec05_imgWrap {
  width: 50%;
  float: left;
}
.sec05_txtWrap {
  width: 50%;
  float: left;
  margin-top: 160px;
}
.sec05_txtWrap .space_txtWrap {
  text-align: left;
}
.sec05_txtWrap .space_txtWrap .space_title .space_num {
  left: 0;
  transform: translateX(0);
}
.sec05_txtWrap .space_txtWrap .title_bar {
  margin: 0;
}
.sec05_list {
  font-size: 21px;
  color: #333;
  margin-bottom: 12px;
}
.sec05_list span {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  color: #fff;
  text-indent: 9px;
  margin-right: 15px;
  position: absolute;
}
.sec05_list:nth-child(1) span {
  background: #A99FDE;
}
.sec05_list:nth-child(2) span {
  background: #9CC1F4;
}
.sec05_list:nth-child(3) span {
  background: #F4CEED;
}
.sec05_list p {
  display: inline-block;
  padding-left: 55px;
}

/* section 06 */
.space_sec06 .video_wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.space_sec06 .video_wrapper iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* section 07 */
.sec07_list { margin-bottom: 10px; }
.sec07_list img { width: 100%; }
.more_btnWrap { text-align: center; }

/* section 08 */
.space_sec08 {
  position: relative;
  background: url("/public/img/space_sec07_bg.png") no-repeat center;
  background-size: cover;
  height: 85vh;
}
.space_sec08 .space_txtWrap {
  text-align: left;
}
.space_sec08 .space_txtWrap .space_title {
  font-size: 45px;
}
.space_sec08 .space_txtWrap .space_title br {
  display: none;
}
.space_sec08 .space_txtWrap .title_bar {
  background: #000;
  margin: 0;
  height: 2px;
}
.space_sec08 .space_txtWrap .space_txt {
  color: #000;
}
.sec08_contentWrap {
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
}



@media screen and (max-width: 1199px) {
  .sec05_imgWrap { width: 40%; }
  .sec05_txtWrap { width: 60%; padding-left: 10px; }
}
@media screen and (max-width: 991px) {
  .space_txtWrap .space_title { font-size: 45px; padding: 25px 0 15px; }
  .space_txtWrap .space_title .space_num { font-size: 60px; }
  .space_txtWrap .space_txt { font-size: 16px;}
  .sec03_list .circle { width: 150px; height: 150px; padding-top: 45px; }
  .sec03_list .list_txtWrap .list_txt br { display: none; }
  .sec05_imgWrap { width: 30%; }
  .sec05_txtWrap { width: 70%; margin-top: 40px;}
  .sec05_list { font-size: 18px;}
  .sec05_list span { width: 35px; height: 35px; text-indent: 8px;}
  .sec05_list p { padding-left: 50px;}
  .space_sec08 .space_txtWrap .space_title br { display: block; }
}
@media screen and (max-width: 767px) {
  .space_sec01 .container { padding-top: 80px; }
  .space_sec01 .container .space_sec01_logo { width: 70px; }
  .space_sec01 .storeWrap { bottom: 50px; width: 100%; padding: 0 20px; }
  .space_sec01 .storeWrap img{ max-width: 49%; }
  .space_txtWrap .space_title { font-size: 30px; }
  .sec03_list .circle { width: 130px; height: 130px; padding-top: 40px; }
  .sec03_list .circle .list_tit { font-size: 18px; }
  .sec03_list .list_txtWrap .list_txt { font-size: 13px; }
  .sec04_list img { width: 50%; }
  .sec05_imgWrap { float: none; margin: auto; width: 50%; }
  .sec05_txtWrap { float: none; margin: auto; width: 100%; }
  .sec05_txtWrap .space_txtWrap { text-align: center; }
  .sec05_txtWrap .space_txtWrap .space_title .space_num { left: 50%; transform: translateX(-50%);}
  .sec05_txtWrap .space_txtWrap .title_bar { margin: auto; }
  .sec05_list { font-size: 16px; }
  .sec05_list span { width: 32px; height: 32px; text-indent: 7px; margin-right: 5px;}
  .sec05_list p { padding-left: 37px; }
  .space_sec08 { background-position: top right 33%; }
  .space_sec08::after {
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left: 0;
    background: rgba(0,0,0,0.35);
  }
  .sec08_contentWrap { position: relative; top: 0; transform: translateY(50px); z-index: 9; }
  .space_sec08 .space_txtWrap { text-align: center; color: #fff; }
  .space_sec08 .space_txtWrap .title_bar { margin: auto; background: #fff;}
  .space_sec08 .space_txtWrap .space_title { font-size: 35px; color: #fff;}
  .space_sec08 .space_txtWrap .space_title br { display: none; }
  .space_sec08 .space_txtWrap .space_txt { color: #fff; }
  .space_sec08 .storeWrap { width: 100%; padding: 0 20px; text-align: center; }
  .space_sec08 .storeWrap img{ max-width: 49%; }
}
@media screen and (max-width: 400px) {
  .space_txtWrap .space_title br { display: none;}
}