.home-slider-content .home-slider-desc .indices a.active {
    background: #3987c8;
}

.globe-section .section-desc{ margin:40px 0;}
.globe-section .row .col.col-auto{z-index: 1;}
.globe-section .globe_bg_wrap{overflow: hidden;width: 100%;margin-top:-38px;}
.globe-section .globe_bg_wrap .globe_bg_inner{display:block; width:1509px; height:674px; margin: 0 auto;background: url(../../../img/main/global_img_d.png) 50% 50% no-repeat;background-size: cover;}

.globe_text_wrap{position: absolute; width: 100%; top: 175px; left: 0; right:0; box-sizing:border-box; margin:0 auto; padding:0 126px;}
.globe_text_wrap ul{max-width: 1608px; width:100%;}
.globe_text_wrap ul li{padding-bottom: 40px;}
.globe_text_wrap ul li p{font-size: 26px; line-height: 28px;}
.globe_text_wrap ul li p:before{display:inline-block; vertical-align:middle; content:''; width:10px; height:10px; margin:-3px 10px 0 0; background-color:#9451dc;}
.globe_text_wrap ul li:nth-child(1) p:before{background:#009bd7;}
.globe_text_wrap ul li:nth-child(2) p:before{background:#e8ae3f;}
.globe_text_wrap ul li:nth-child(3) p:before{background:#02ac83;}
.globe_text_wrap ul li:nth-child(4) p:before{background:#e8483f;}

.video-section {
    position: relative;
}

.video-section-body {
    height: 740px;
}
.video-section-body .bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.video-section-body .bg .img {
    position: absolute;
    width: 100vw;
    background: url(../../../img/main/video-section-bg.jpg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    height: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%) scale(1.1);
    -moz-transform: translateX(-50%) scale(1.1);
    -ms-transform: translateX(-50%) scale(1.1);
    -o-transform: translateX(-50%) scale(1.1);
    transform: translateX(-50%) scale(1.1);
}

.anim-group.in .video-section-body .bg .img {
    -webkit-transition: -webkit-transform 1200ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
    -moz-transition: -moz-transform 1200ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
    -ms-transition: -ms-transform 1200ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
    -o-transition: -o-transform 1200ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
    transition: transform 1200ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
    -webkit-transform: translateX(-50%) scale(1);
    -moz-transform: translateX(-50%) scale(1);
    -ms-transform: translateX(-50%) scale(1);
    -o-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
}


.video-section-desc {
    position: absolute;
    top: 58%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
}

.video-section-header {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: calc(50% - 2.25rem);
    z-index: 6;
}


.video-section-header-inner {
    position: absolute;
    left: 0;
    right: 0;
    top: 60%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.video-section-desc .btn-play {
    display: block;
    width: 56px;
    height: 56px;
    background: #fff url(../../../img/common/icon/icon-play.svg) 50% 50% no-repeat;
    -webkit-background-size: auto 1rem;
    background-size: auto 1rem;
    text-indent: -999em;
    overflow: hidden;
    -webkit-transition: background 150ms ease-out;
    -moz-transition: background 150ms ease-out;
    -ms-transition: background 150ms ease-out;
    -o-transition: background 150ms ease-out;
    transition: background 150ms ease-out;
}

.no-mobile .video-section-desc .btn-play:hover {
    background-color: #007acc;
    background-image: url(../../../img/common/icon/icon-play-w.svg) ;
}

#newsAndMedia .col {
    width: 100%;
}

.news-and-media-body {
    position: relative;
    min-height: 300px;
    padding-bottom: 190px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.news-and-media-body .box {
    width: 100vw;
    position: absolute;
    bottom: 0;
    left: 0;
}

.news-and-media-body .box .square {
    position: relative;
    background: #222;
    width: 100%;
    height: 480px;
}

.news-and-media-body .news-and-media-desc {
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    z-index: 2;
}

.news-and-media-body .news-and-media-desc .post-slider-nav {
    font-size: 0;
    margin-top: 3.75rem;
}

.news-and-media-body .news-and-media-desc .post-slider-nav a {
    margin-right: 0.625rem;
}

.extra-info-box {
    position: relative;
}

.extra-info-box .section-title {
    position: relative;
}


.extra-info-box .section-title .btn-link {
    display: inline-block;
    background: url(../../../img/common/icon/icon-external-link.png) 50% 50% no-repeat;
    background-size: contain;
    width: 1.9375rem;
    height: 1.9375rem;
    text-indent: -999em;
    overflow: hidden;
    position: relative;
    margin-left: 1.25rem;
    vertical-align: middle;
    -webkit-transition: background 200ms ease-out;
    -moz-transition: background 200ms ease-out;
    -ms-transition: background 200ms ease-out;
    -o-transition: background 200ms ease-out;
    transition: background 200ms ease-out;
}

.no-mobile .extra-info-box .section-title .btn-link:hover {
    background-image: url(../../../img/common/icon/icon-external-link-on.png);
}

.extra-info-box .img img {
    display: block;
    width: 100%;
}


.extra-info-box .section-desc {
    margin-bottom: 40px;
    height: 7rem;
    max-width: 450px;
}

.extra-info-box .btn {
    margin-bottom: 5.0rem;
}


.show-when-md {
    display: none;
}

.show-when-desktop {
    display: block;
}

.show-when-mobile {
    display: none;
}


.btn.btn-arrow .arrow {
    background-image: url('../../../img/common/ico_arrow_go_white.png');
}

.btn.btn-arrow .arrow.outlink {
    width:13px; height:13px;
    top:48%;
    background-image: url('../../../img/common/ico_outlink_white_main.png');
}


@media screen and (max-width: 1820px) {
    .feature-item .feature-item-desc {
        padding-left: 3.5rem;
    }
}

@media screen and (max-width: 1680px) {
    .video-section-body {
        height: 40vw;
        min-height: 500px;
    }
}


@media screen and (max-width: 1609px) {
    .globe-section .globe_bg_wrap{margin-top:0;}
    .globe-section .globe_bg_wrap .globe_bg_inner{width: 1106px;height:561px;background: url(../../../img/main/global_img_l.png) 50% 50% no-repeat;background-size: cover;}
}

@media screen and (max-width: 1280px) {
    .globe-section .globe_bg_wrap{margin-top:44px;}
    .globe-section .globe_bg_wrap .globe_bg_inner{width:1006px;height:520px;}
    .globe_text_wrap{top:220px; padding:0 88px;}
}

@media all and (max-width:1080px){
    .globe-section .row .col{padding:0;}
    .video-section-desc .btn-play{width:42px; height:42px; background-size:auto 10px;}
    .extra-info-box {position: static; height:100%;}
    .section-inner .col .extra-info-box .extra_text_box{min-height:243px;}

    .globe-section .globe_bg{width:inherit; margin:0 50px;}
    .btn{min-width:44px; height:44px; padding:0;}
    .btn.btn-arrow .arrow{width:11px; height:11px; top:50%; background-image: url('../../../img/common/t_icon_arrow_white.png'); position:absolute; left:inherit;}
    .btn.btn-arrow .arrow.outlink{background-image: url('../../../img/common/t_ico_outlink_white.png'); top: 50%;}
    .section .section-desc { font-size:15px; line-height:26px;}
    .section .section-desc {margin:23px 0 25px;}
    .extra-info-box .section-desc {margin-bottom: 25px; height:128px;}
    .globe-section .globe_bg_wrap{overflow-x:scroll; overflow-y: hidden; scroll-snap-type: x; padding-bottom:40px;}
    .globe-section .globe_bg_wrap .globe_bg_inner{width:1006px; height:433px; background-image:url('../../../img/main/global_img_t.png');}
    .globe_text_wrap{top:inherit; bottom:20px; width:150px; padding:0; left:0; margin:0 0 0 50px;}
    .globe_text_wrap ul{display:inline-block; padding:0;}
    .globe_text_wrap ul li{padding-bottom:30px;}
    .globe_text_wrap ul li p{font-size:18px; line-height:120%;}
    .globe_text_wrap ul li p:before{width:8px; height:8px;}



    .no-mobile .globe-section .globe_drag{display:none;}
    .globe-section .globe_drag{content:'';position:absolute;top:50%;left:50%;margin:-34px 0 0 -34px;width: 68px;height:68px;background: url(../../../img/main/ico_hand.png) 50% 50% no-repeat ;background-size: cover;
        opacity: 1;visibility: visible;
        transition: all 800ms cubic-bezier(0.215, 0.61, 0.355, 1);
        pointer-events: none;
        animation:guide 1.3s ease-in-out infinite;
        -ms-animation:guide 1.3s ease-in-out infinite;
        -webkit-animation-delay:1s;
        -moz-animation-delay:1s;
        -o-animation-delay:1s;
        animation-delay:0.5s;
        animation-direction: alternate;
    }
    .globe-section .globe_drag.off{opacity: 0;visibility: hidden;animation: none;}

    .video-section-header {
        position: relative;
        height: auto;
        margin-bottom:45px;
    }

    .section .section-inner{padding:60px 0;}

    .section#homeTop{margin-bottom:0;}

    .video-section-header-inner {
        position: relative;
        top: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    .video-section-desc{top:50%;}

    .video-section-body {
        min-height:298px;
        height:298px;
        position: relative;
    }

    .news-and-media-body .news-and-media-desc .post-slider-nav {
        margin-top:0;
    }

    .news-and-media-body .box .square {
        height: 300px;
    }
    .extra-info-box .btn {
        margin-bottom:2.85rem;
    }

    .news-and-media-body{padding-bottom:150px;}


}


@media screen and (max-width: 766px) {

    .section .section-inner{padding:20px 0;}
    #videoSection .section-inner{padding-top:40px;}
    #newsAndMedia .section-inner, #extraInfo .section-inner{padding-top:80px;}
    .section-inner .col .extra-info-box .extra_text_box{min-height:inherit;}

    .section#homeTop{margin-bottom:160px;}
    .section .section-desc { font-size:11px; line-height:19px;}
    .section .section-desc {margin-top:20px; margin-bottom:30px;}
    .extra-info-box .section-desc {margin-bottom:30px;}

    .globe-section .row .col{padding:0 8px;}
    .globe_text_wrap ul{padding:0;}
    .globe-section .globe_bg{margin:0 20px;}
    .globe-section .globe_bg .globe_bg_inner{width: 634px; height:280px; background: url(../../../img/main/global_img_m.png) 50% 50% no-repeat;background-size: cover;margin-bottom: 10px;}
    .globe_text_wrap{width:120px; margin:0 0 0 28px; bottom:28px;}
    .globe_text_wrap ul li{padding-bottom:18px;}
    .globe_text_wrap ul li p{font-size:15px;}
    .globe_text_wrap ul li p:before{width:7px; height:7px;}
    .video-section-header {margin-bottom:25px;}

    .video-section-body {
        min-height: 230px;
        height: 230px;
        position: relative;
    }

    .extra-info-box .section-desc {
        height: auto;
    }

    .show-when-desktop {
        display: none;
    }

    .show-when-mobile {
        display: block;
    }


    .video-section-desc .btn-play {

        -webkit-background-size: auto .9rem;
        background-size: auto .9rem;
        width:36px;
        height:36px;
    }

    .video-section .section-desc br {
        display: none;
    }

    .extra-info-box .section-desc {
        margin-bottom: 0;
    }
    .extra-info-box .btn {
        margin: 2.3rem 0;
    }

    .news-and-media-body{padding-bottom:175px;}


}


@media screen and (max-width: 480px) {
    .news-and-media-body .box .square {height: 227px;}
    .news-and-media-body{padding-bottom: 154px;}
}


@keyframes guide {
    0% {
        transform: translate3d(-34px, 0, 0);
    }
    100% {
        transform: translate3d(34px, 0, 0);
    }
}