body {display:none}
    body[class*="fp-viewing-"] {display:block}
    html, body, .container-fluid, .wrap, .content {width: 100%;height: 100%;}

    .row {padding: 0;margin: 0;}
    .wrap {width:100%;height:100%; position: relative;}
    .color-black {color: #000000;}
    .font-weight-900 {font-weight: 900;}
    .position-absolute.top-20 {top: 15%;}

    /*contents 공통*/
    .contents .content-wrap { padding-left: 15vw; padding-right: 23vw; background-position: center center; background-size: cover; }
    .contents .content-wrap > div {position: relative; height: inherit;}
    .contents .content-wrap .content-vertical-center {position: absolute; top: 52%; transform: translateY(-50%)}

    /*content별 배경*/
    .bg-black {background-color: #000000;}
    .contents .content-1-bg {background-image: url("/static/picture/bg-img-01.jpg"); background-size: cover}
    .contents .content-2-bg {background-image: url("/static/picture/bg-img-02.jpg"); background-size: cover}
    .contents .content-3-bg {background-image: url("/static/picture/QQ20251028-085648.png"); background-size: cover}
    .contents .content-4-bg {background-image: url("/static/picture/QQ20251028-085941.png"); background-size: cover}
    .contents .content-5-bg {background-image: url("/static/picture/QQ20251028-090343.png"); background-size: cover}

    /*content- 1, 3, 5*/
    .contents .content-left .main-tit{display: none;}
    .contents .content-left .main-tit.animate__animated {display: block;}
    .contents .content-left .sub-tit{display: none;}
    .contents .content-left .sub-tit.animate__animated {display: block;}
    .contents .content-left .view-more-btn {font-size: .8vw; margin-bottom: 1px; cursor: pointer; display: none;}
    .contents .content-left .view-more-btn.animate__animated {display: block;}
    .contents .content-left .view-more-btn .d-inline-block.white {border-bottom: 1px solid #FFFFFF;}
    .contents .content-left .view-more-btn .d-inline-block.black {border-bottom: 1px solid #000000;}

    .contents .content-right {right: 0; width: 60%;}
    .contents .content-1 .content-right .logo-rotate {transform: rotateZ(20deg);}
    .contents .content-3 .content-right img {width: 120%;}

    /*content-6*/
    .content .content-6 .slick-slide {margin: 0 6vw;}
    .contents .content-6 .img-slide .slide-arrow {cursor: pointer;z-index: 999;position: absolute;top: 50%;transform: translateY(-50%);}
    .content .content-6 .img-slide .slide-arrow.arrow-prev {left: 0;}
    .content .content-6 .img-slide .slide-arrow.arrow-next {right: 0;}
    .slick-dots > li {display: inline-block;}
    .slick-dots > li:only-child {display: none;}

    /*bottom-bar*/
    .bottom-bar .progress {height: 1rem; width: 1rem; border: 2px solid #000000; border-radius: 0px; background-color: transparent; cursor: pointer;}
    .bottom-bar .progress .progress-bar {background-color: #000000;transition: unset;}
    .bottom-bar .progress-wrap {width: 45%; min-width: 200px; height: 80px;}
    .scroll-txt {letter-spacing: -.05rem;}

    /*fixed button*/
    .fixed-btn {bottom: 10rem;width: 91px;height: 91px;background-image: url("/static/picture/go_empsite.png");}
    .contents .content-left .main-tit {line-height: 6rem}
    .auto-scroll-btns i {color: var(--point_color);}


    /*popup_info*/
    .popup_info {z-index: 10000;}
    .popup_info .modal-content { border:1px solid grey!important; border-radius: 5px!important;}
    .popup_info .modal-header{ border-bottom: 2px solid coral!important; min-height: 90px!important; max-height: 90px!important; height: auto;}
    .popup_info .modal-footer > div > div:first-child {border-bottom-left-radius: .42rem;}
    .popup_info .modal-footer > div > div:last-child {border-bottom-right-radius: .42rem;}
    .popup_info .modal-body img {max-width: 100%;}

    @media (min-width: 576px) {
        .modal-dialog {max-width: 100%!important; max-height: 100%!important;}
    }

    .gray_font {color: grey;}

    /*sm*/
    @media (max-width: 576px) {
        .contents .content-1-bg {background-image: url("/static/picture/bg-m-img-01.jpg"); background-position: center right; background-size: cover}
        .contents .content-2-bg {background-image: url("/static/picture/bg-m-img-02.png"); background-position: center right; background-size: cover}
        .contents .content-3-bg {background-image: url("/static/picture/bg-m-img-03.jpg"); background-position: center right; background-size: cover}
        .contents .content-4-bg {background-image: url("/static/picture/bg-m-img-04.jpg"); background-position: center right; background-size: cover}
        .contents .content-5-bg {background-image: url("/static/picture/bg-m-img-05.jpg"); background-position: center right; background-size: cover}

        .contents .content-left .main-tit {line-height: 3.7rem; font-size: 3.2rem;}
        .contents .content-wrap { padding-left: 5vw; padding-right: 5vw; }
        .bottom-bar .progress-wrap {width: 100%;}
        .contents .content-5 .content-right img {width: 80%; padding-left: 2.5rem;}
        .popup_info, .modal-content {top: 0!important; left: 0!important; width: 100vw!important; max-height: 100vh!important;}
    }

    /*md*/
    @media all and (min-width:577px) and (max-width:768px) {
        .contents .content-left .main-tit {line-height: 3.5rem; font-size: 3.5rem;}
        .contents .content-wrap { padding-left: 15vw; padding-right: 15vw; }
        .bottom-bar .progress-wrap {width: 80%;}
        .contents .content-5 .content-right img {width: 85%; padding-left: 5rem;}
        .popup_info, .modal-content {top: 0!important; left: 0!important; width: 100vw!important; max-height: 100vh!important;}
    }

    /*lg*/
    @media all and (min-width:769px) and (max-width:992px) {
        .contents .content-left .main-tit {line-height: 3.5rem; font-size: 3.5rem;}
        .bottom-bar .progress-wrap {width: 80%;}
        .contents .content-5 .content-right img {width: 100%; padding-left: 5rem;}
    }

    /*xl*/
    @media all and (min-width:993px) and (max-width:1200px) {
        .contents .content-left .main-tit {line-height: 5rem; font-size: 4.3rem;}
        .contents .content-wrap { padding-left: 18vw; padding-right: 18vw; }
        .bottom-bar .progress-wrap {width: 70%;}
        .contents .content-5 .content-right img {width: 100%; padding-left: 10rem;}
    }

    @media all and (min-width:1200px) and (max-width:1400px) {
        .contents .content-left .main-tit {font-size: 4.1rem;}
        .bottom-bar .progress-wrap {width: 60%;}
        .contents .content-5 .content-right img {width: 100%; padding-left: 10rem;}
    }

    @media all and (min-width:1400px) and (max-width:1600px) {
        .contents .content-left .main-tit {font-size: 4rem;}
        .bottom-bar .progress-wrap {width: 55%;}
        .contents .content-5 .content-right img {width: 100%; padding-left: 10rem;}
    }

    @media all and (min-width:1600px) and (max-width:1800px) {
        .contents .content-left .main-tit {font-size: 6rem;}
        .bottom-bar .progress-wrap {width: 53%;}
        .contents .content-5 .content-right img {width: 100%; padding-left: 10rem;}
    }

    @media (min-width: 1800px) {
        .contents .content-left .main-tit {font-size: 6rem;}
    }

    @keyframes textAni { 0% {opacity: 0;}        50% {opacity: 0; transform: translateY(50px);} }
    .animate__animated{animation-iteration-count: infinite;}

/* 确保容器定位正确 */
.content-wrap {
  position: relative;
  overflow: hidden;
}

.background-video-container {
  z-index: 0;
}

.background-video {
  opacity: 0.8; /* 可选：降低视频亮度，让文字更清晰 */
}

/* 提升内容层级，确保文字在视频上方 */
.content-1 {
  position: relative;
  z-index: 1;
  height: 100%;
  padding: 20px; /* 可选：增加内边距 */
  box-sizing: border-box;
}

/* 兼容性：确保视频覆盖全屏 */
.background-video {
  object-fit: cover;
}

  
.svginco{
    width: 30px;
    height: 30px;
    margin-top: 25px;
    color: #333;
}
.dgfletter{
      color: #333;
    margin-top: 30px;
    width: 80px;
    text-align: center;
    position: absolute;
}