html{scroll-behavior:smooth;}
.apec_wrap{background-color: #fff;}
.apec_wrap_inner{max-width: 750px;width:100%;margin:80px auto 0;}
.apec_wrap img{display: block; width: 100%;}
.apec_wrap .ab{position: absolute;}
.apec_wrap .only_pc{display: block;}
.apec_wrap .only_mo{display: none;}

.sticky_wrapper{height:500vh;position: relative;opacity: 0;}
.sticky_wrapper.on{animation: fadeInAni 1.5s ease-in-out forwards;}
.sticky_content{position: sticky;top: 0;width:100%;height: 100vh;background-color: #000;overflow: hidden;}

.apec_wrap .apec_section01,
.apec_wrap .apec_section02{width: 100%;height: 100vh;display: flex;align-items: center;background-color:#000;position: absolute;top: 0;left: 0;}
.apec_wrap .apec_section02{flex-direction: column; justify-content: center;}

.apec_wrap .apec_section01::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height:146px;z-index: 1;background: url("//themedicube.co.kr/web/upload/images/apec/apec_img10.webp")no-repeat 100%/cover;opacity:1;}
.apec_wrap .apec_section01.show-hidden::before {opacity:0;}
.apec_wrap .apec_section01::after{content: "";position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%);width: 57.2%;height: 48px;z-index: 1;background: url("//themedicube.co.kr/web/upload/images/apec/apec_img07.webp")no-repeat 100%/cover;opacity:1;}
.apec_wrap .apec_section01.show-after::after {opacity:0;}
.apec_wrap .apec_section01 .image_wrap{height: 100%;display: flex;justify-content: center;align-items: center;position:relative;}
.apec_wrap .apec_section01 .image_wrap::before{content:"";position:absolute;top:0;left:0;z-index:10;width:0%;height:100%;background: linear-gradient(-90deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.40) 100%);}
.apec_wrap .apec_section01 .image_wrap::after{content:"";position:absolute;top:0;right:0;z-index:10;width:0%;height:100%;background: linear-gradient(90deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.40) 100%);}
.apec_wrap .apec_section01.show-before .image_wrap::before{width:22%;}
.apec_wrap .apec_section01.show-before .image_wrap::after{width:22%;}
.apec_wrap .apec_section01 .image_wrap img{width: 100%;}

.apec_wrap .apec_section02 {opacity: 0;}
.apec_wrap .apec_section02 .text_wrap{width:75%;}
.apec_wrap .apec_section02 p {margin:30px 0 0 0;width: 100%;text-align: center;color: #F6F6F6;font-size: 25px;line-height: 40px;letter-spacing: -1px;font-weight: 300;}
.apec_wrap .apec_section02 .text_wrap img,
.apec_wrap .apec_section02 p span {filter: blur(20px);opacity: 0;transform: translateY(100px);display: block;width: 100%;}
.apec_wrap .apec_section02 p span {font-weight: 300;}

.apec_wrap .bt_video {overflow: hidden;max-width: 100%;background-color:#000;}
.apec_wrap .bt_video .video_con {position: relative;padding-bottom: 56.25%;width: 300%;left: -100%;}
.apec_wrap .bt_video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;aspect-ratio: 16/9;pointer-events: none;display:block;}

.apec_wrap .edition_box{position: relative;}
.apec_wrap .edition_box p{position: absolute;top: 30%;left: 0;width: 100%;text-align: center;}
.apec_wrap .edition_box p span{display: block;color: #F6F6F6;font-size:22px;font-weight: 300;letter-spacing: -1px;line-height: 35px;opacity: 0;transform: translateY(150px);}
.apec_wrap .edition_box p.on span{animation: fadeUpAni 1s ease-in-out forwards;}
.apec_wrap .edition_box p.on span:nth-child(2){animation-delay: 0.5s;}
.apec_wrap .edition_box p.on span:nth-child(3){animation-delay: 1s;}

.apec_wrap .boost_top{position: relative;}
.apec_wrap .boost_top .boost_pro{position: absolute;top: 15%;left: 50%;transform: translateX(-50%);width: 18%;height: 58.5%;}
.apec_wrap .boost_top .boost_pro .boost_pro_img_main{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;}
.apec_wrap .boost_top .boost_pro .boost_pro_img_over01{position: absolute;bottom: 0;left: 0;width: 100%;height: 80%;display: block;opacity:0.7;}
.apec_wrap .boost_top .boost_pro .boost_pro_img_over02{position: absolute;top: 0;left: 0;width: 100%;height: 80%;display: block;opacity:0.7;}
.apec_wrap .boost_top .boost_pro .boost_pro_img_over01.on{animation: boostProAni 1s ease-in-out forwards;}
.apec_wrap .boost_top .boost_pro .boost_pro_img_over02.on{animation: boostProAni 0.7s ease-in-out forwards;}
.apec_wrap .boost_top .boost_pro .boost_pro_img img{width: 100%;height: 100%;display: block;}

@keyframes boostProAni{
    0%{opacity: 0.7;filter: brightness(100%);}
    50%{opacity: 0.4;filter: brightness(50%);}
    100%{opacity: 0;filter: brightness(0%);}
}
@keyframes fadeInAni{
    0%{opacity: 0;filter: brightness(0%);}
    100%{opacity: 1;filter: brightness(100%);}
}
@keyframes fadeUpAni{
    0%{opacity:0;transform: translateY(100px);}
    100%{opacity:1;transform: translateY(0);}
}

@media all and (max-width: 750px){
  .apec_wrap .only_pc{display: none;}
  .apec_wrap .only_mo{display: block;}
  .sticky_wrapper{height:350vh;}
  .apec_wrap_inner{margin:53px auto 0;}
  .apec_wrap .apec_section01::before{height:19.5vw;}
  .apec_wrap .apec_section01::after{bottom:35px;height:6.4vw;}
  .apec_wrap .apec_section02 .text_wrap{width:85%;}
  .apec_wrap .apec_section02 p {margin:15px 0 0 0;width: 100%;text-align: center;color: #F6F6F6;font-size: 15px;line-height: 24px;letter-spacing: -1px;font-weight: 300;}
  .apec_wrap .boost_top .boost_pro .boost_pro_img_over01{opacity:0.4;}
  .apec_wrap .boost_top .boost_pro .boost_pro_img_over02{opacity:0.4;}
  @keyframes boostProAni{
      0%{opacity: 0.4;filter: brightness(100%);}
      50%{opacity: 0.2;filter: brightness(50%);}
      100%{opacity: 0;filter: brightness(0%);}
  }
}