.section .section-title {
    color: #1a1a1a;
}

.section .section-desc {
    color: #555;
    line-height: 1.75;
    margin: 0;
}

.row.row-half .col {
    flex: 1;
}


.business-desc-box {
    position: relative;
    overflow: hidden;
    background: #000;
}

.business-desc-box.business-desc-box1 {
    margin-top: 15.7894736842105%;
}

.business-desc-box img {
    display: block;
    width: 100%;
    opacity: .9;
}
.no-mobile .business-desc-box img {
    -webkit-transition: -webkit-transform 500ms ease-out;
    -moz-transition: -moz-transform 500ms ease-out;
    -ms-transition: -ms-transform 500ms ease-out;
    -o-transition: -o-transform 500ms ease-out;
    transition: transform 500ms ease-out;
    opacity: 1;
}


.business-desc-box .desc {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 19.7368421052632%;
    padding: 2rem;
}


.no-mobile .business-desc-box .desc {
    padding: 3.75rem 2.5rem;
}

.business-desc-box .desc h2 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    margin-bottom: 1.5rem;
    position: relative;
}

.no-mobile .business-desc-box .desc h2 {
    margin-bottom: 0;
    top: -1rem;
}

.no-mobile .business-desc-box:hover .desc h2 {
    top: 0;
}

.business-desc-box .desc .links {
    position: absolute;
    right: 1.5rem;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    -webkit-transition-delay:100ms;
    -moz-transition-delay:100ms;
    -ms-transition-delay:100ms;
    -o-transition-delay:100ms;
    transition-delay:100ms;
    opacity:0;
}

.business-desc-box .desc .links a {
    display: inline-block;
    margin-right: 1.5rem;
    vertical-align: top;
    padding-right: 1.5rem;
    position: relative;
    font-size:16px;
}

.no-mobile .business-desc-box .desc .links a {
    color: #999;
}

.business-desc-box .desc .links a svg {
    display: block;
    width: 1rem;
    height: 0.8125rem;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(-20%, -50%);
    -moz-transform: translate(-20%, -50%);
    -ms-transform: translate(-20%, -50%);
    -o-transform: translate(-20%, -50%);
    transform: translate(-20%, -50%);
}


.business-desc-box .desc .links a svg path {
    fill:#fff;
}

.no-mobile .business-desc-box .desc .links a:before {
    content: '';
    height: 1px;
    background: #333;
    position: absolute;
    left: 0;
    bottom: -.45rem;
    width: 0%;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}
.no-mobile .business-desc-box .desc .links a:hover:before {
    width: 100%;
}
.no-mobile .business-desc-box .desc .links a svg path {
    fill:#999;
}


.no-mobile .business-desc-box .desc .links a:hover {
    color: #333;
}

.no-mobile .business-desc-box .desc .links a:hover svg path {
    fill:#333;
}

.no-mobile .business-desc-box .desc .links a svg {
    -webkit-transition: -webkit-transform 300ms ease-out;
    -moz-transition: -moz-transform 300ms ease-out;
    -ms-transition: -ms-transform 300ms ease-out;
    -o-transition: -o-transform 300ms ease-out;
    transition: transform 300ms ease-out;
}

.no-mobile .business-desc-box .desc .links a:hover svg {
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}


.no-mobile .business-desc-box .desc {
    padding: 2.8125rem 2.5rem;
    height: 1.75rem;
}

.business-desc-box .desc:before {
    background: #fff;
    width: 0;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    -webkit-transition: width 500ms cubic-bezier(0.86, 0, 0.07, 1);;
    -moz-transition: width 500ms cubic-bezier(0.86, 0, 0.07, 1);;
    -ms-transition: width 500ms cubic-bezier(0.86, 0, 0.07, 1);;
    -o-transition: width 500ms cubic-bezier(0.86, 0, 0.07, 1);;
    transition: width 500ms cubic-bezier(0.86, 0, 0.07, 1);;
}

.no-mobile .business-desc-box:hover .desc:before {
    width: 100%;
}

.no-mobile .business-desc-box:hover .desc h2 {
    color: #222222;
}

.no-mobile .business-desc-box:hover .links {
    opacity: 1;
    visibility: visible;
}


.business-desc-box .desc,
.business-desc-box .desc h2,
.business-desc-box .desc .links a,
.business-desc-box .desc .links a svg path {
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}


#nowOn .col {
    width: 100%;
}

.now-on-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;
}

.now-on-body .box {
    width: 100vw;
    position: absolute;
    bottom: 0;
    left: 0;
}



.now-on-body .box .square {
    position: relative;
    background: #1a1a1a;
    width: 100%;
    height: 480px;
}

.now-on-body .now-on-desc {
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    z-index: 2;
}


.now-on-body .now-on-desc .post-slider-nav {
    font-size: 0;
    margin-top: 3.75rem;
}

.now-on-body .now-on-desc .post-slider-nav a {
    margin-right: 0.625rem;
}


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

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

.extra-info-box .graph {color:#222; position:relative;}
.extra-info-box .graph .inner {position:absolute; padding:0 5rem;box-sizing:border-box;width:100%;top:50%;left:50%;transform:translate(-50%,-50%); font-size:0;}
.extra-info-box .graph .inner > div {display:inline-block; vertical-align:top; position:relative;width:50%;}
.extra-info-box .graph .inner > div.left .title {font-size:18px;margin-bottom:40px;}
.extra-info-box .graph .inner > div.left .text {font-size:16px;color:#aaa; line-height:26px;}
.extra-info-box .graph .inner > div.left .text span {color:#222;}
.extra-info-box .graph .inner > div.right {font-size:16px;color:#aaa; line-height:1;}
.extra-info-box .graph .inner > div.right .graph-y {position:relative; width:100%;}
.extra-info-box .graph .inner > div.right .graph-y span {display:block; position:relative;margin:45px 0;}
.extra-info-box .graph .inner > div.right .graph-y span:first-child {margin-top:0;}
.extra-info-box .graph .inner > div.right .graph-y span:last-child {margin-bottom:0;}
.extra-info-box .graph .inner > div.right .graph-y span:after {content:''; position:absolute;right:0;top:50%;transform:translateY(-50%);width:calc(100% - 70px);height:1px;background:#d9d9d9;}
.extra-info-box .graph .inner > div.right .graph-x {width:100%; padding-left:70px;box-sizing:border-box; font-size:0; text-align:center;}
.extra-info-box .graph .inner > div.right .graph-x span {width:50%; display:inline-block; vertical-align:top; font-size:16px;}
.extra-info-box .graph .inner > div.right .graph-box {position:absolute;bottom:50px; width:100%; height:100%;padding-left:70px;box-sizing:border-box; font-size:0;}
.extra-info-box .graph .inner > div.right .graph-box span {position:relative; font-size:16px; display:inline-block; vertical-align:top;width:50%; text-align:center;height:100%;box-sizing:border-box;}
.extra-info-box .graph .inner > div.right .graph-box span:nth-of-type(1) {padding-top:68px;}
.extra-info-box .graph .inner > div.right .graph-box span:nth-of-type(2) {padding-top:22px;}
.extra-info-box .graph .inner > div.right .graph-box span:before {content:'';width:40px;position:absolute;bottom:-26px;left:50%;transform:translateX(-50%);}
.extra-info-box .graph .inner > div.right .graph-box span:nth-of-type(1):before {height:89px;background:#c8c8c8;}
.extra-info-box .graph .inner > div.right .graph-box span:nth-of-type(2):before {height:134px;background:#222222;}

.extra-info-box .section-desc {
    margin-bottom: -.75rem;
}

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


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

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

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


.normalPop.main_floating .desc .links {
    position: absolute;
    top: 85%;
    transform: translateY(-50%);
    opacity: 1;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    -webkit-transition-delay:100ms;
    -moz-transition-delay:100ms;
    -ms-transition-delay:100ms;
    -o-transition-delay:100ms;
    transition-delay:100ms;
}

.normalPop.main_floating .desc .links a {
    display: inline-block;
    margin-right: 1.5rem;
    vertical-align: top;
    padding-right: 1.5rem;
    position: relative;
    font-size:16px;
}

.no-mobile .normalPop.main_floating .desc .links a {
    color: #999;
}

.normalPop.main_floating .desc .links a svg {
    display: block;
    width: 1rem;
    height: 0.8125rem;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(-20%, -50%);
    -moz-transform: translate(-20%, -50%);
    -ms-transform: translate(-20%, -50%);
    -o-transform: translate(-20%, -50%);
    transform: translate(-20%, -50%);
}


.normalPop.main_floating .desc .links a svg path {
    fill:#333;
}

.no-mobile .normalPop.main_floating .desc .links a:before {
    content: '';
    height: 1px;
    background: #333;
    position: absolute;
    left: 0;
    bottom: -.45rem;
    width: 0%;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}
.no-mobile .normalPop.main_floating .desc .links a:hover:before {
    width: 100%;
}
.no-mobile .normalPop.main_floating .desc .links a svg path {
    fill:#999;
}


.no-mobile .normalPop.main_floating .desc .links a:hover {
    color: #333;
}

.no-mobile .normalPop.main_floating .desc .links a:hover svg path {
    fill:#333;
}

.no-mobile .normalPop.main_floating .desc .links a svg {
    -webkit-transition: -webkit-transform 300ms ease-out;
    -moz-transition: -moz-transform 300ms ease-out;
    -ms-transition: -ms-transform 300ms ease-out;
    -o-transition: -o-transform 300ms ease-out;
    transition: transform 300ms ease-out;
}

.no-mobile .normalPop.main_floating .desc .links a:hover svg {
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}

.no-mobile .normalPop.main_floating:hover .links {
    opacity: 1;
    visibility: visible;
}


.normalPop.main_floating .desc .links a,
.normalPop.main_floating .desc .links a svg path {
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}


.normalPop.main_floating .desc .links a svg {
    display: block;
    width: 1rem;
    height: 0.8125rem;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(-20%, -50%);
    -moz-transform: translate(-20%, -50%);
    -ms-transform: translate(-20%, -50%);
    -o-transform: translate(-20%, -50%);
    transform: translate(-20%, -50%);
}

@media screen and (max-width:1580px) {
    .business-desc-box .desc .links a { font-size:15px;}
    .show-when-md {
        display: block;
    }
    .no-mobile .business-desc-box:hover .desc h2 {
        margin-top: -1.25rem;
    }
    .no-mobile .business-desc-box .desc .links {
        right: auto;
        left: 2.5rem;
        margin-top: 1.75rem;
    }
    .no-mobile .business-desc-box:hover .desc h2 {
        margin-top: -1.25rem;
    }
    .no-mobile .business-desc-box .desc .links {
        right: auto;
        left: 2.5rem;
        margin-top: 1.75rem;
    }

    .business-desc-box .desc .links a { font-size:14px;}

    .extra-info-box .graph .inner {
        padding:0 4rem;
    }

    .extra-info-box .graph .inner > div.left .title { margin-bottom:20px;}
    .extra-info-box .graph .inner > div.right .graph-y span {margin:40px 0;}
    .extra-info-box .graph .inner > div.right .graph-box span:before {width:35px;}
    .extra-info-box .graph .inner > div.right .graph-box span:nth-of-type(1) { padding-top:81px;}
    .extra-info-box .graph .inner > div.right .graph-box span:nth-of-type(2) { padding-top:67px;}
    .extra-info-box .graph .inner > div.right .graph-box span:nth-of-type(1):before {height:67px;}
    .extra-info-box .graph .inner > div.right .graph-box span:nth-of-type(2):before {height:82px;}
}


@media screen and (max-width:1280px){
    .extra-info-box .graph .inner{ padding:0 3.5rem;}
    .extra-info-box .graph .inner > div.left .title { margin-bottom:10px; font-size:16px;}
    .extra-info-box .graph .inner > div.left .text { font-size:14px;}
    .extra-info-box .graph .inner > div.right {font-size:14px;}
    .extra-info-box .graph .inner > div.right .graph-y span {margin:30px 0; font-size:14px;}
    .extra-info-box .graph .inner > div.right .graph-x span {font-size:14px;}
    .extra-info-box .graph .inner > div.right .graph-box span {font-size:14px;}
    .extra-info-box .graph .inner > div.right .graph-box span:before {bottom:-29px;width:30px;}
    .extra-info-box .graph .inner > div.right .graph-box span:nth-of-type(1) { padding-top:67px;}
    .extra-info-box .graph .inner > div.right .graph-box span:nth-of-type(2) { padding-top:22px;}
    .extra-info-box .graph .inner > div.right .graph-box span:nth-of-type(1):before {height:57px;}
    .extra-info-box .graph .inner > div.right .graph-box span:nth-of-type(2):before {height:100px;}
}
@media screen and (max-width:1080px) {
    .extra-info-box .graph .inner {max-width:600px;}

    .business-desc-box .desc .links a { font-size:13px;}

    .row.row-half {
        display: block;
    }
    .row.row-half .col {
        width: 100%;
    }


    .row.row-half .col:first-child {
        margin-right: 0;
        margin-bottom: 2.8rem;
    }


    .row.row-half .col:last-child {
        margin-left: 0;
    }


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

    .business-desc-box {
        max-width: 420px;
        width: 85%;
    }

    .business-desc-box.business-desc-box1 {
        margin-top: 3.5rem;
    }

    .business-desc-box.business-desc-box2 {
        float: right;
    }

    .business-desc-box .desc {
        right: 0;
    }

    .business-desc-box .desc h2 {
        font-size: 1.78rem;
        margin-bottom: 1.25rem;
    }

    .now-on-body .now-on-desc .post-slider-nav {
        display: none;
    }

    .now-on-body .box .square {
        height: 300px;
    }

    .extra-info-box .btn {
        margin: 2.85rem 0;
    }

}



@media screen and (max-width:766px) {
    .extra-info-box .graph .inner {max-width:500px;}
}

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

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

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

    .business-desc-box.business-desc-box1 {
        margin-top: 2.8rem;
    }


    .business-desc-box .desc h2 {
        font-size: 1.4rem;
        margin-bottom: 1rem;
    }

    .business-desc-box .desc .links a {
        margin-right: 1rem;
    }

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

}

@media screen and (max-width:425px) {
    .extra-info-box .graph .inner {max-width:350px;}
    .extra-info-box .graph .inner > div.left .title {font-size:12px; line-height:15px; margin-bottom:10px;}
    .extra-info-box .graph .inner > div.left .text {font-size:10px; line-height:16px;}
    .extra-info-box .graph .inner > div.right {font-size:10px;}
    .extra-info-box .graph .inner > div.right .graph-y span {font-size:10px;margin:25px 0}
    .extra-info-box .graph .inner > div.right .graph-y span:after {width:calc(100% - 40px);}
    .extra-info-box .graph .inner > div.right .graph-box {padding-left:40px;}
    .extra-info-box .graph .inner > div.right .graph-box span {font-size:10px;}
    .extra-info-box .graph .inner > div.right .graph-box span:before {bottom:-35px; width:20px;}
    .extra-info-box .graph .inner > div.right .graph-box span:nth-of-type(1) {padding-top:69px;}
    .extra-info-box .graph .inner > div.right .graph-box span:nth-of-type(2) {padding-top:34px;}
    .extra-info-box .graph .inner > div.right .graph-box span:nth-of-type(1):before {height:42px;}
    .extra-info-box .graph .inner > div.right .graph-box span:nth-of-type(2):before {height:77px;}
    .extra-info-box .graph .inner > div.right .graph-x {padding-left:40px;}
    .extra-info-box .graph .inner > div.right .graph-x span {font-size:10px;}
}