@charset "UTF-8";

@import url(font.css);

/* @keyframes image {
    0%   { background-image:url(../images/section01-bg01.jpg)}
    20%   { background-image:url(../images/section01-bg02.jpg)}
    40%   { background-image:url(../images/section01-bg03.jpg)}
    60%   { background-image:url(../images/section01-bg03.jpg)}
    80%   { background-image:url(../images/section01-bg04.jpg)}
    100%   { background-image:url(../images/section01-bg04.jpg)}
}
@-webkit-keyframes zoomin {
    0% {transform: scale(1);}
    50% {transform: scale(1.5);}
    100% {transform: scale(1);}
}
@keyframes zoomin {
    0% {transform: scale(1);}
    50% {transform: scale(1.5);}
    100% {transform: scale(1);}
}  */

.sr-only,
.sr-only:before,
.sr-only:after {width:1px;height:1px;opacity:0;color:rgba(0,0,0,0);position:absolute;top:-9999em;left:-9999em;text-indent:-9999em}

.clear{clear:both;height:0;}
.clearfix:after{content:'';display:block;clear:both}

.cont-wrap {position:relative;font-family:"GmarketSans"}

section {position:relative;letter-spacing:-1.8px}
section .section-inner {width:1920px;margin:auto;height:100%;position:relative}

.section01 {background-image:url(../images/section01-bg04.jpg);-webkit-animation:image 3s infinite alternate;animation:image 8s alternate;background-size:cover;height:950px;filter:brightness(0.3);transition:all 3.0s}
.section01:hover {filter:brightness(1.0)}
.section01 .title {padding-top:390px}
.section01 .title h3 {float:left;width:50%;color:#fff;font-size:90px;font-weight:700;text-align:right;padding-right:270px}
.section01 .title h3>span {color:#f8b551}
.section01 .title p {float:left;width:50%;color:#fff;font-size:45px;padding-left:130px;text-align:center;line-height:50px}
.section01 .title p>span {color:#f8b551;font-weight:700}
.section01 .bottom-txt {font-size:28px;color:#d7d7d7;margin-top:380px;text-align:center}

.section0201 {background-image:url(../images/section0202-bg.jpg);background-position:center center;background-size:cover;background-attachment:fixed;height:950px}
.section0201 .txt-area {padding-top:130px;padding-left:130px;color:#d7d7d7;font-size:35px;line-height:40px;background-color:rgba(28,28,28,0.7);float:right;width:50%;height:100%}
.section0202 {background-image:url(../images/section0202-bg.jpg);background-position:center center;background-size:cover;background-attachment:fixed;height:950px}
.section0202 .txt-area {padding-top:130px;padding-left:130px;color:#d7d7d7;font-size:35px;line-height:40px;background-color:rgba(28,28,28,0.7);float:right;width:50%;height:100%}

.section03 {height:1900px;position:relative;background-image:url(../images/section03-bg.jpg);background-position:center center;background-size:cover;background-attachment:fixed;background-repeat:no-repeat}
.section03 .graph-area {position:absolute;top:0;margin-left:60px;padding-top:120px;padding-bottom:100px}
.section03 .graph-area.sticky {position:sticky}
.section03 .cont0301 {height:950px;width:50%;position:absolute;top:0;right:0}
.section03 .cont0302 {height:950px;width:50%;position:absolute;top:950px;right:0}
.section03 .txt-area {padding-top:130px;padding-left:130px;color:#d7d7d7;font-size:35px;line-height:40px;background-color:rgba(27,29,39,0.7);height:100%}

.section04 {background-image:url(../images/section04-bg.jpg);background-position:center center;background-size:cover;height:950px}
.section04 .txt-area {padding-top:130px;padding-left:130px;color:#d7d7d7;font-size:35px;line-height:40px;background-color:rgba(28,28,28,0.7);float:right;width:50%;height:100%}

.section05 {height:1900px;position:relative;background-image:url(../images/section05-bg.jpg);background-position:center center;background-size:cover;background-attachment:fixed;background-repeat:no-repeat}
.section05 .video-area {position:absolute;top:0;margin-left:100px;padding-top:310px;padding-bottom:310px}
.section05 .video-area video {width:720px;box-shadow:-1px 1px 40px 2px #000}
.section05 .video-area.sticky {position:sticky}
.section05 .cont0501 {height:950px;width:50%;position:absolute;top:0;right:0}
.section05 .cont0502 {height:950px;width:50%;position:absolute;top:950px;right:0}
.section05 .txt-area {padding-top:130px;padding-left:130px;color:#d7d7d7;font-size:35px;line-height:40px;background-color:rgba(28,28,28,0.7);height:100%}

.section06 {background-image:url(../images/section06-bg.jpg);background-position:center center;background-size:cover;height:950px}
.section06 .txt-area {padding-top:130px;padding-left:130px;color:#d7d7d7;font-size:35px;line-height:40px;background-color:rgba(28,28,28,0.7);float:right;width:50%;height:100%}
a.btn-neon{
    position: relative;
    display: inline-block;
    padding: 25px 30px;
    margin: 40px 0;
    color: #f8b551;
    text-decoration: none;
    text-transform: uppercase;
    transition: 0.5s;
    letter-spacing: 4px;
    overflow: hidden;
    margin-right: 50px;
   
}
a.btn-neon:hover{
    background: #f8b551;
    color: #050801;
    box-shadow: 0 0 5px #f8b551,
                0 0 25px #f8b551,
                0 0 50px #f8b551,
                0 0 200px #f8b551;
     -webkit-box-reflect:below 1px linear-gradient(transparent, #0005);
}

a.btn-neon span{
    position: absolute;
    display: block;
}
a.btn-neon span:nth-child(1){
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg,transparent,#f8b551);
    animation: animate1 1s linear infinite;
}
@keyframes animate1{
    0%{
        left: -100%;
    }
    50%,100%{
        left: 100%;
    }
}
a.btn-neon span:nth-child(2){
    top: -100%;
    right: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(180deg,transparent,#f8b551);
    animation: animate2 1s linear infinite;
    animation-delay: 0.25s;
}
@keyframes animate2{
    0%{
        top: -100%;
    }
    50%,100%{
        top: 100%;
    }
}
a.btn-neon span:nth-child(3){
    bottom: 0;
    right: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(270deg,transparent,#f8b551);
    animation: animate3 1s linear infinite;
    animation-delay: 0.50s;
}
@keyframes animate3{
    0%{
        right: -100%;
    }
    50%,100%{
        right: 100%;
    }
}


a.btn-neon span:nth-child(4){
    bottom: -100%;
    left: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(360deg,transparent,#f8b551);
    animation: animate4 1s linear infinite;
    animation-delay: 0.75s;
}
@keyframes animate4{
    0%{
        bottom: -100%;
    }
    50%,100%{
        bottom: 100%;
    }
}

.section07 {background-image:url(../images/section07-bg.jpg);background-position:center top;background-size:cover;height:3187px;text-align:center;color:#d7d7d7}
.section07 .inner .title {font-size:40px;line-height:65px;padding-top:1000px}
.section07 .inner .title>span {font-size:50px;color:#e7b252;font-weight:700}
.section07 .inner .btn-support-alright {margin-top:100px;margin-bottom:100px}
.section07 .inner .btn-support-alright>a {display:inline-block;padding:30px 70px;background-color:#da8633;color:#fff;font-size:35px}
.section07 .inner .btn-support-alright>a>span {color:#ffdfa6}
.section07 .inner .lamp-info {width:1380px;border:1px solid rgba(149,149,149,0.5);background-color:rgba(14,10,10,0.5);padding:50px;border-radius:50px;margin:auto}
.section07 .inner .lamp-info .left {float:left;width:509px}
.section07 .inner .lamp-info .left .lamp-img .slide .slick-slide {margin:0 10px}
.section07 .inner .lamp-info .left .lamp-img .slick-dots {width:initial;bottom:25px;left:50%;transform:translateX(-50%)}
.section07 .inner .lamp-info .left .lamp-img .slick-dots li {margin:0 8px}
.section07 .inner .lamp-info .left .lamp-img .slick-dots li button {background:#fff;border-radius:50%}
.section07 .inner .lamp-info .left .lamp-img .slick-dots li.slick-active button {background:#f8b551}
.section07 .inner .lamp-info .left .lamp-img .slick-dots li button::before {display:none}
.section07 .inner .lamp-info .right {float:left;width:55%;text-align:left;padding-left:60px;color:#d7d7d7;word-break:keep-all}
.section07 .inner .lamp-info .right>p {font-size:33px;line-height:45px}
.section07 .inner .lamp-info .right>ul {margin-top:50px;font-size:20px;line-height:30px;letter-spacing:-1px}
.section07 .inner .lamp-info .right>ul>li {padding-bottom:8px;padding-left:25px;position:relative}
.section07 .inner .lamp-info .right>ul>li::before {content:'※';position:absolute;left:0}
.section07 .inner .alright-count {margin-top:100px}
.section07 .inner .alright-count .count-title {font-size:50px}
.section07 .inner .alright-count .count-title::before {display:block;content:'';width:126px;height:160px;background-image:url(../images/section07-img04.png);background-position:center center;background-repeat:no-repeat;margin:auto;margin-bottom:50px}
.section07 .inner .alright-count .count-img {}

.section08 {background-image:url(../images/section08-bg.jpg);background-position:center center;background-size:cover;height:950px;filter:brightness(0.3);transition:all 3.0s}
.section08:hover {filter:brightness(1.0)}
.section08 .txt-area {padding-top:130px;padding-left:130px;color:#d7d7d7;font-size:35px;line-height:40px;background-color:rgba(28,28,28,0.7);float:right;width:50%;height:100%}
.section08 ul>li {padding-bottom:50px}

.section09 {background-image:url(../images/section09-bg.jpg);background-position:center center;background-size:cover;height:950px;text-align:center}
.section09 .txt {padding-top:150px;font-size:40px;line-height:55px;color:#d7d7d7;margin-bottom:90px}

.section10 {background-image:url(../images/section10-bg.jpg);background-position:center center;background-size:cover;height:1796px}
.section10 .inner {width:1620px;margin:auto;padding-top:100px}
.section10 .inner .line {width:100%;height:1px;background-color:rgba(149,149,149,0.5);margin:80px 0 100px 0}
.section10 .inner .business01>div {float:left}
.section10 .inner .business01 .left {width:45%;font-size:38px;color:#d7d7d7;line-height:55px;padding-top:30px}
.section10 .inner .business01 .right {width:55%;position:relative}
.section10 .inner .business01 .right .map-sources {position:absolute;bottom:80px;left:170px;font-size:20px;color:#9c9c9c}
.section10 .inner .business01 .right .map-sources>a {color:#9c9c9c}
.section10 .inner .business01 .right img {width:100%;max-width:100%}
.section10 .inner .business02 {text-align:center}
.section10 .inner .business02 .outbiz2021-title {font-size:50px;color:#d7d7d7;font-weight:700;margin-bottom:45px}
.section10 .inner .business02 .num {font-size:35px;color:#333;padding:28px 80px 20px 80px;background-color:#d4d1ca;border-radius:50px;display:inline-block}
.section10 .inner .business02 .num>span {width:3px;height:30px;display:inline-block;background-color:#bdbbb5;margin:0 30px;vertical-align: top}



.txt-sources {font-size:20px;color:#d7d7d7;position:absolute;bottom:70px;right:40px;line-height:32px}
.txt-right-sources {font-size:20px;color:#d7d7d7}
.txt-point {color:#f8b551}
.txt-green {color:#37a371}
.txt-big {font-size:45px;line-height:55px}