@charset "UTF-8";

@media(max-width:1220px){
    .slide--content--01 .caption--text--image{
        /*width:300px;*/
        background-size: contain;
        font-size:120px;
    }
    .slide--content--01 .caption--captions p{
        font-size:40px;
    }

    .swiper__nav__wrap{
        justify-content: center;
        top:auto;
        bottom:20px;
    }



    .sect--02{
        background-size: 40%;
    }



    .sect--02 .inner--container .desc--wrap h2{
        font-size:25px;
    }
    .sect--02 .inner--container .desc--wrap p{
        font-size:16px;
    }





    .sect--03 .inner--container > h2{
        font-size:30px;
    }
    .sect--03 .inner--container > p{
        font-size: 16px;
    }

    .sect--03 .inner--container .tab--wrap{
        margin-top:50px;
    }

    .sect--03 .inner--container .tab--wrap .tab--items{
        margin-left:0px;
    }


    .sect--03 .inner--container .tab--wrap .tab--contents{
        padding-top:45px;
    }
    .sect--03 .inner--container .tab--wrap .tab--items > div{
        height:40px;
    }
    .sect--03 .inner--container .tab--wrap .tab--contents > div.actv{
        flex-direction: column;
    }
    .sect--03 .inner--container .tab--wrap .tab--contents > div .l--sections{
        width:100%;
    }
    .sect--03 .inner--container .tab--wrap .tab--contents > div .l--sections p{
        text-align: center;
    }
    .sect--03 .inner--container .tab--wrap .tab--contents > div .l--sections p:nth-of-type(1) br{
        display: none;
    }

    .sect--03 .inner--container .tab--wrap .tab--contents > div .l--sections p:nth-of-type(1){
        text-align: center;
        font-size:25px;
    }
    .sect--03 .inner--container .tab--wrap .tab--contents > div .l--sections p:nth-of-type(2){
        font-size:16px;
    }

    .sect--03 .inner--container .tab--wrap .tab--contents > div .l--sections a{
        margin:15px auto;
        height:35px;
    }

    .sect--03 .inner--container .tab--wrap .tab--contents > div .r--sections{
        margin-left:0px;
        margin-top:35px;
    }


    .sect--03 .inner--container .tab--wrap .tab--contents > div .r--sections .thumb--wrap{
        width:120px;
        height:120px;
        background-size: contain!important;
        margin: 0 auto;
    }


    .sect--03 .inner--container .tab--wrap .tab--contents > div .r--sections > ul > li{
        margin:0 25px!important;
    }

    .sect--03 .inner--container .tab--wrap .tab--contents > div .r--sections > ul > li.dummy{
        display: none;
    }



    /*******************
    * 딥사이트
     */

    .container--wrap{
        padding:152px 0px;
    }
    .container--wrap .sub--wrap .sub--head{
        padding:0 20px;
        height:140px;
        box-sizing: border-box;
    }
    .container--wrap .sub--wrap .sub--head .deep--logo{
        width:150px;
        background-size: contain;
        height:45px;
        margin-bottom:15px;
    }
    .container--wrap .sub--wrap .sub--head p{
        font-size:16px
    }

    .about-section-2 .sub--evt--visual2,
    .container--wrap .sub--wrap .sub--evt--visual.about,
    .container--wrap .sub--wrap .sub--evt--visual{
        height:250px;
        background-size: cover;
    }

    .sub--body .section-1{
        background-size: 50%;
    }
    .sub--body .section-1 .inner--wrap{
        height:360px;
    }
    .sub--body .section-1 .inner--wrap .desc--wrap{
        max-width:100%;
        padding:0 20px;
    }
    .sub--body .section-1 .inner--wrap .desc--wrap h2{
        font-size:30px;
        margin-bottom:25px;
    }
    .sub--body .section-1 .inner--wrap .desc--wrap p{
        font-size:16px;
        word-break: keep-all;
        text-align: justify;
    }
    .sub--body .section-1 .inner--wrap .desc--wrap p br{
        display: none;
    }
    .sub--body .section-1 .inner--wrap .desc--wrap .caution--wrap{
        margin-top:25px;
        font-size:18px;
    }



    .sub--body .section-2 .inner--wrap > h2{
        font-size:30px;
    }
    .sub--body .section-2 .inner--wrap > p{
        font-size:16px;
        margin-top:20px;
        margin-bottom:65px;
    }
    .sub--body .section-2 .inner--wrap > div{
        text-align: center;
    }
    .sub--body .section-2 .inner--wrap img{
        max-width:90%;
    }



    .sub--body .section-3{
        height:auto;
        padding:45px 0px;
        background-size: cover;
    }
    .sub--body .section-3 .inner--wrap{
        padding-top:0px;
    }
    .sub--body .section-3 .inner--wrap > h3,
    .sub--body .section-3 .inner--wrap > h2{
        font-size:30px;
    }

    .sub--body .section-3 .inner--wrap .thumb--wrap ul{
        flex-wrap: wrap;
        padding:0 20px;
    }
    .sub--body .section-3 .inner--wrap .thumb--wrap ul li{
        padding-bottom:45px;
    }

    .sub--body .section-3 .inner--wrap .thumb--wrap ul li .captions{
        margin-top:20px;
        font-size:20px;
    }
    .sub--body .section-3 .inner--wrap .thumb--wrap ul li .desc{
        font-size:16px;
    }




    .bigdata-section-4 .inner--wrap > h3,
    .bigdata-section-4 .inner--wrap > h2,
    .sub--body .section-4 .inner--wrap h3 strong,
    .sub--body .section-4 .inner--wrap h3,
    .sub--body .section-4 .inner--wrap h2{
        font-size:30px;
        box-sizing: border-box;
        padding-left:20px;
    }
    .bigdata-section-4 .inner--wrap > h2 span{
        width:80px;
    }

    .sub--body .section-4 .inner--wrap h3,
    .sub--body .section-4 .inner--wrap h2{
        padding:0 20px;
    }

    .sub--body .section-4 .inner--wrap h3{
        margin-top:15px;
    }

    .sub--body .section-4 .inner--wrap{
        padding-top:45px;
    }

    .sub--body .section-4 .inner--wrap .thumb--wrap{
        margin-top:45px;
    }


    .sub--body .section-4 .inner--wrap .thumb--wrap ul{
        padding: 0 20px;
    }
    .sub--body .section-4 .inner--wrap .thumb--wrap ul li{
        max-width:50%;
        margin-bottom:45px;
        width:100%;
    }


    .sub--body .section-4 .inner--wrap .thumb--wrap ul li .captions{
        font-size:30px;
        margin-top:25px;
    }

    .sub--body .section-4 .inner--wrap .thumb--wrap ul li .desc{
        font-size:18px;
        margin-top:15px;
        white-space: normal;
    }

    .sub--body .section-4 .inner--wrap .thumb--wrap ul li:nth-of-type(2),
    .sub--body .section-4 .inner--wrap .thumb--wrap ul li:nth-of-type(3){
        margin-top:0px;
    }


    .recurit-section-1 .inner--wrap > div > h2,
    .notice--body h2,
    .about-section-4 .inner--wrap > h3,
    .about-section-4 .inner--wrap > h2,
    .about-section-2 .inner--wrap > h2,
    .sect--desc--01 > h2,
    .research-section-3 .inner--wrap > h3,
    .research-section-3 .inner--wrap > h2,
    .research-section-2 .inner--wrap h3,
    .research-section-1 .inner--wrap .title--c h2,
    .bigdata-section-3 .inner--wrap > h3,
    .bigdata-section-3 .inner--wrap > h2,
    .container--wrap .sub--wrap .sub--head.research h2,
    .container--wrap .sub--wrap .sub--head.bigdata h2,
    .container--wrap .sub--wrap .sub--head.monitoring h2,
    .container--wrap .sub--wrap .sub--head h2{
        font-size:30px;
        margin-bottom:15px;
    }

    .recurit-section-1 .inner--wrap > div > p,
    .about-section-2 .inner--wrap >p,
    .sect--desc--01 > p,
    .container--wrap .sub--wrap .sub--head.customerst p,
    .container--wrap .sub--wrap .sub--head.research p,
    .container--wrap .sub--wrap .sub--head.monitoring p{
        font-size:16px!important;
    }



    .sub--body .monitor-section-1{
        padding-top:65px;
    }
    .sub--body .monitor-section-1 .inner--wrap > h2 em,
    .sub--body .monitor-section-1 .inner--wrap > h2{
        font-size:30px;
    }

    .sub--body .monitor-section-1 .inner--wrap > p{
        font-size:16px;
        margin-top:25px;
    }

    .sub--body .monitor-section-1 .inner--wrap{
        padding:0 20px;
        box-sizing: border-box;
    }

    .sub--body .bigdata-section-1 .inner--wrap > p{
        margin-top:25px;
        box-sizing: border-box;
        padding-left:20px;
        padding-right:20px;
    }


    .bigdata-section-3 .inner--wrap .box--thumb{
        flex-direction: column;
    }

    .bigdata-section-3 .inner--wrap .box--thumb img{
        width:100%;
        max-width:100%;
    }

    .bigdata-section-3 .inner--wrap .box--thumb > div{
        margin-bottom:15px;
    }

    .research-section-1 .inner--wrap .title--c h2 span{
        width:80px;
    }
    .research-section-1 .inner--wrap{
        padding:0 20px;
    }
    .desc--info--wrap > ul >li > div{
        height:44px;
    }
    .desc--info--wrap > ul >li > div span{
        height:40px;
        font-size:16px;
    }

    .desc--info--wrap > ul >li{
        font-size:16px;
    }

    .research-section-2{
        height:auto;
        padding:45px 0px;
        background-size: cover!important;
    }
    .research-section-2 .inner--wrap .step--info{
        flex-wrap: wrap;
    }

    .research-section-3 .inner--wrap{
        padding:0 20px;
    }


    .container--wrap .sub--wrap .sub--head.about img{
        height:45px;
    }


    .about-section-1{
        height:540px;
    }

    .about-section-3 .inner--wrap{
        padding:45px 20px;
    }

    .about-section-4{
        padding-right:20px;
        padding-left:20px;
        background-size: 80%;
    }


    .notice--body .tab > div{
        height:40px;
    }


    .hmb--btn{
        display: flex;
    }
    nav{
        height:auto;
    }
    nav .header--wrapper{
        padding:20px;
    }

    nav .header--wrapper .logo a,
    nav .header--wrapper .logo{
        width:150px;
        background-size: contain!important;
    }

    nav .header--wrapper .gnb--list{
        background: #fff;
        flex-direction: column;
        position: absolute;
        top:0px;
        left:-100%;
        width:100%;
        height:100vh;
        align-items: flex-start;
        justify-content: flex-start;
        padding-top:80px;
        transition: all .3s linear;
    }

    nav .header--wrapper .gnb--list.actv{
        left:0%;
    }

    nav .header--wrapper .gnb--list li{
        margin-left: 0px;
        padding-left:0px!important;
    }
    nav .header--wrapper .gnb--list li a{
        color:#222;
        height:45px;
    }





    nav .header--wrapper .gnb--list > li{
        flex-direction: column;
        align-items: flex-start!important;
    }

    nav .header--wrapper .gnb--list > li > ul{
        position: static;
        max-height: 0;
        opacity: 0;
        top:0px;
        left:0px;
        width:100%;
        left:0!important;
        transform: translateX(0%);
        background: #f8f8f8;
    }
    nav .header--wrapper .gnb--list > li.mactv > ul{
        opacity: 1;
        border-top:1px solid #eee;
        max-height:1000px;
        padding:20px 15px;

    }

    nav .header--wrapper .gnb--list > li > ul li{
        text-align: left;
        margin-bottom:10px;
    }
    nav .header--wrapper .gnb--list > li > ul li:last-child{
        margin-bottom:0px;
    }

    nav .header--wrapper .gnb--list > li > ul li a br{
        display: none;
    }



    .recurit-section-1 .inner--wrap{
        padding-left:20px;
        padding-right:20px;
    }

}


@media(max-width:1145px){
    .sub--body .section-4 .inner--wrap .thumb--wrap ul li{
        padding: 0 20px;
        box-sizing: border-box;
    }
    .sub--body .section-4 .inner--wrap .thumb--wrap ul li .thumb{
        width:100%;
        padding-bottom:100%;
        height:auto;
        background-size: cover!important;
    }

    .bigdata-section-4{
        padding-bottom:0px;
    }
    .bigdata-section-4 .inner--wrap{
        padding-top:45px!important;
    }
}


@media(max-width:1070px){
    .sub--body .monitor-section-1 .inner--wrap .thumb--wrap--monitoring .thumb{
        width:100%;
        background-size: cover!important;
        min-width:100%;
    }
    .sub--body .monitor-section-1 .inner--wrap .thumb--wrap--monitoring > ul > li{
        flex-direction: column;
        margin-bottom:65px;
    }

    .sub--body .monitor-section-1 .inner--wrap .thumb--wrap--monitoring > ul > li:nth-of-type(2n){
        flex-direction: column!important;
    }


    .sub--body .monitor-section-1 .inner--wrap .thumb--wrap--monitoring .desc{
        padding-left:0px;
        padding-right:0px!important;
        height:auto;
        padding-top:25px;
    }
    .sub--body .monitor-section-1 .inner--wrap .thumb--wrap--monitoring .desc h2{
        font-size:30px;
    }
    .sub--body .monitor-section-1 .inner--wrap .thumb--wrap--monitoring .desc p{
        margin-top:15px;
        font-size:16px;
    }


    .sub--body .bigdata-section-1 .inner--wrap .step--wrap > div:nth-of-type(2) >ul> li .step--head:before,
    .sub--body .bigdata-section-1 .inner--wrap .step--wrap > div:nth-of-type(1) >ul> li .step--head:before{
        display: none;
    }

    .sub--body .bigdata-section-1 .inner--wrap .step--wrap > div >ul{
        flex-wrap: wrap;
        padding:0 20px;
        box-sizing: border-box;
    }

    .sub--body .bigdata-section-1 .inner--wrap .step--wrap > div >ul> li .step--head{
        height:40px;
        border-width: 2px!important;
        font-size:16px;
    }

    .sub--body .bigdata-section-1 .inner--wrap .step--wrap > div >ul> li{
        max-width:50%;
        margin-bottom:45px;
    }
    .sub--body .bigdata-section-1 .inner--wrap .step--wrap > div >ul> li .desc{
        width:100%;
    }


    .organization--chart{
        flex-wrap: wrap;
    }
    .organization--chart > div{
        margin-bottom:25px;
    }

}


@media(max-width:1030px){

    .desc--info--wrap{
        width:100%;
    }
    .desc--info--wrap > ul >li{
        align-items: center!important;
        justify-content: center!important;
    }
    .desc--info--wrap > ul >li > div{
        margin-right:0px;
    }
}

@media(max-width:970px){

    .bigdata-section-2 .circle--wrap{
        padding-top:65px;
        height:auto;
        padding:45px 20px;
        box-sizing: border-box;
    }
    .bigdata-section-2 .circle--wrap > h2{
        font-size:30px;
    }

    .bigdata-section-2 .circle--wrap .circle--inner--wrap{
        flex-direction: column;
        margin-top:65px;
        align-items: center;
        box-sizing: border-box;
    }
    .bigdata-section-2 .circle--wrap .circle--inner--wrap > div{
        margin-bottom:35px;
    }

    .bigdata-section-4 .inner--wrap{
        padding:0 20px;
    }
    .research-section-3 .inner--wrap .sub--table--wrap,
    .bigdata-section-4 .inner--wrap .sub--table--wrap{
        overflow-x: auto;
    }

    .research-section-3 .inner--wrap .sub--table--wrap table,
    .bigdata-section-4 .inner--wrap .sub--table--wrap table{
        min-width:970px;
    }
    .desc--info--wrap > ul >li{
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-wrap: wrap;
        flex-direction: column;
    }
    .desc--info--wrap > ul >li > div{
        margin-bottom:15px;
    }

    .about-section-3 .inner--wrap .evt--r--ban--content{
        display: none;
    }

    .about-section-1 .sect--desc--01{
        align-items: center;
    }
    .about-section-1 .sect--desc--01 .btn--wrap{
        justify-content: center;
    }

    .recurit-section-1{
        background: none;
    }

    .wtc-section-1 .inner--wrap .map--contents{
        flex-direction: column;
        padding-bottom:0px;
        border-bottom:1px solid #eee;
    }

    .wtc-section-1 .inner--wrap .map--contents .add--info{
        position: static;
        bottom:0px;
        left:0px;
        transform: translateX(0%);
        box-shadow:unset;
    }
    .wtc-section-1 .inner--wrap .map--contents .add--info .add--num ul{
        flex-direction: column;
        align-items: flex-start;
    }
    .wtc-section-1 .inner--wrap .map--contents .add--info .add--num ul li:after{
        display: none;
    }


    .sub--body .section-3 .inner--wrap .thumb--wrap ul li .desc{
        text-align: center;
        word-break: keep-all;
    }
}

@media(max-width:880px) {
    .organization--chart:before {
        content: '';
        width: 100%;
        height: 1px;
        border-bottom: 1px dashed #ed4719;
        position: absolute;
        bottom: 45px;
        z-index: -1;
    }


    .about-section-4 .organization__chart .pc{
        display: none;
    }
    .about-section-4 .organization__chart .m{
        display: block;
    }



    .about-section-3 .inner--wrap li > div:nth-of-type(1){
        font-size:20px;
    }
    .about-section-3 .inner--wrap li > div:nth-of-type(2){
        font-size:14px;
    }

    .sect--desc--01 > h2,
    .sect--desc--01 > p{
        padding-left:15px;
        padding-right:15px;
    }
    .about-section-3 > h2{
        font-size:25px;
        padding-left:15px;
    }
}

@media(max-width:820px){
    .sect--02{
        background: none;
        height:730px!important;
    }
    .slide--content--01{
        flex-direction: column;
    }
    .slide--content--01 .caption--captions{
        margin-left:0px;
        margin-top:45px;
    }
    .slide--content--01 .caption--captions p{
        font-size:20px;
        text-align: center;
    }
    .slide--content--01 .caption--text--image{
        max-height:80px;
        margin-bottom:35px;
    }
    .swiper__nav__wrap{
        justify-content: center;
        top:auto;
        bottom:20px;
    }



    .sect--02 .inner--container .desc--wrap{
        margin-left:0px;
        max-width:100%;
        width:100%;
        padding:0 20px;
        left:0;
        transform: translateX(0);
        text-align: center;
    }
    .sect--02 .inner--container .desc--wrap p br{
        display: none;
    }
    .sect--02 .inner--container .desc--wrap a{
        margin:0 auto;
        margin-top:40px;
    }

    .sect--03 .inner--container{
        height:auto;
        padding:45px 0px;
    }

    .sect--03 .inner--container > p{
        padding:0 20px;
    }
    .sect--04,
    .sect--03{
        height:auto;
    }
    .sect--03 .inner--container .tab--wrap .tab--contents > div .r--sections > ul{
        align-items: center;
        flex-direction: column;
    }
    .sect--03 .inner--container .tab--wrap .tab--contents > div .r--sections > ul li{
        margin-bottom:45px!important;
    }

    .sect--03 .inner--container .tab--wrap .tab--contents > div .r--sections .thumb--wrap{
        width:200px;
        height:200px;
        background-size: contain!important;
        margin: 0 auto;
    }

    .sub--body .section-3 .inner--wrap .thumb--wrap ul{
        flex-wrap: wrap;
    }
    .sub--body .section-3 .inner--wrap .thumb--wrap ul li{
        max-width:50%;
        width:50%;
        display:flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .copy--right--wrap{
        height:auto;
        padding-bottom:35px;
    }



    .form--group--wrap table tbody td .form--group{
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
    }
    .agree--check{
        flex-wrap: wrap;
        padding-right:15px;
    }
}


@media(max-width:760px){

    .sub--body .section-3 .inner--wrap .thumb--wrap ul li{
        padding:0 20px;
    }
    .sub--body .section-3 .inner--wrap .thumb--wrap ul li .thumb{
        width:100%;
        height:auto;
        padding-bottom:100%;
        background-size: cover!important;
    }
    .sub--body .section-4 .inner--wrap .thumb--wrap ul li{
        max-width:100%;
        width:100%;
    }

    .sub--body .bigdata-section-1 .inner--wrap .step--wrap > div >ul> li{
        max-width:100%;
        margin-bottom:45px;
    }


    .bigdata-section-2 .circle--wrap > h2{
        font-size:25px;
        line-height: 1.4;
    }

}


@media(max-width:720px){
    *{
        word-break: keep-all;
    }

    .sect--04{
        padding-bottom: 45px;
    }
    .sect--04 .inner--container > h2{
        font-size:30px;
    }
    .sect--04 .inner--container > p{
        padding:0 20px;
        line-height: 1.3;
    }
    .sect--04 .inner--container .desc--title{
        padding-right:20px;
    }

    .form--group--wrap table tbody th,
    .form--group--wrap table tbody td{
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width:100%;
        padding-left:15px;
        height:auto;
        padding-top:10px;
        padding-bottom:10px;
    }

    .form--group--wrap table tbody td .form--group{
        width:calc(100% - 15px);
    }
    .form--group--wrap table tbody td .form--group .form--text textarea,
    .form--group--wrap table tbody td .form--group .form--text input{
        width:100%;
    }


    .form--group--wrap table tbody td .form--group.check--wrap{
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .btn--wrap .qna--btn{
        height:40px;
    }

    .sitemap--wrap{
        height:auto;
    }

    .sitemap--wrap ul{
        flex-direction: column;
    }

    .sitemap--wrap ul li ul{
        max-height:0px;
        overflow: hidden;
    }
    .sitemap--wrap ul li{
        width:100%;
        position: relative;
        transition: all .7s ease-out;
    }

    .sitemap--wrap ul li > div{
        width:100%;
        cursor: pointer;
        position: relative;
    }
    .sitemap--wrap ul li > div:after{
        content:'';
        display: block;
        width:20px;
        height:20px;
        background: url(../img/btm_arrow.png) no-repeat center;
        position: absolute;
        top:50%;
        transform: translateY(-50%);
        right:15px;
    }
    .sitemap--wrap ul li > div > h2{
        margin:0px;
        padding:15px;
    }


    .sitemap--wrap ul li > ul li{
        padding-left:15px;
    }    
    .sitemap--wrap ul li > div.actv + ul{
        max-height:1000px;
    }

    .sitemap--wrap ul li > div.actv:after{
        transform: translateY(-50%) rotate(180deg);
    }

    .copy--right--wrap > div{
        flex-direction: column;
        padding-left:20px;
        padding-right:20px;
        box-sizing: border-box;
    }
    .copy--right--wrap .copy--text{
        margin-left:0px;
        margin-top:15px;
    }



    .sub--body .section-3 .inner--wrap .thumb--wrap ul{
        padding:0 20px;
    }
    .sub--body .section-3 .inner--wrap .thumb--wrap ul li{
        max-width:100%;
        width:100%;
        display:flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin-bottom:35px;
    }


    .sub--body .section-3 .inner--wrap > h3,
    .sub--body .section-3 .inner--wrap > h2{
        font-size:20px;
        padding:0 20px;
    }

    .sub--body .section-3 .inner--wrap >p{
        font-size:16px;
        padding:0 20px;
        word-break: keep-all;

    }
    .sub--body .section-3 .inner--wrap >p br{
        display: none;
    }


    .sub--body .trand-section-1 .inner--wrap .thumb--wrap--trand{
        padding-top:50px;
    }

    .sub--body .trand-section-1 .inner--wrap .thumb--wrap--trand > ul > li{
        flex-direction: column!important;
    }

    .sub--body .trand-section-1 .inner--wrap .thumb--wrap--trand > ul > li:nth-of-type(2){

    }
    .sub--body .trand-section-1 .inner--wrap .thumb--wrap--trand .desc{
        padding-left:10px!important;
        padding-right:10px!important;
        height:auto!important;
        padding-top:25px;
    }
    .sub--body .trand-section-1 .inner--wrap .thumb--wrap--trand .desc h2{
        font-size:30px;
    }
    .sub--body .trand-section-1 .inner--wrap .thumb--wrap--trand .desc p{
        margin-top:25px;
    }
    .sub--body .trand-section-1 .inner--wrap .thumb--wrap--trand .thumb{
        width:100%;
        min-width:100%;
    }

    .sub--body .trand-section-1 .inner--wrap > h2{
        font-size:25px!important;
    }

    .sub--body .trand-section-1 .inner--wrap .thumb--wrap--trand > ul > li{
        margin-bottom:45px;
    }

}
@media(max-width:640px){

    .container--wrap .sub--wrap .sub--head p br{
        display: none;
    }
    .sub--body .dev-section-1{
        padding-top:50px;
    }
    .sub--body .dev-section-1 .inner--wrap > p{
        font-size:20px!important;
        margin-top:20px;
    }
}

@media(max-width:625px) {
    .about-section-4{
        height:auto;
        padding-bottom:45px;
    }
    .organization--chart:after,
    .organization--chart:before {
        display: none;
    }
}


@media(max-width:540px){
    .research-section-2 .inner--wrap .step--info{
        justify-content: center;
    }
    .research-section-3 .inner--wrap > h3 span{
        display: none;
    }

    .organization--chart > div{
        width:calc(50% - 7.5px);

    }
    .organization--chart > div:nth-of-type(2n){
        margin-left:15px;
    }

    .dev__content__bg .pvs{
        display: none;
    }
    .dev__content__bg .mvs{
        display: block;
    }
}

@media(max-width:480px){
    .desc--info--wrap > ul >li > div{
        width:100%;
    }
}