@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

/** 베이직 셋 **/
*{
    font-family: 'Noto Sans KR', sans-serif;
    box-sizing: border-box;
}
p,
h1, h2, h3, h4 {
    padding:0px;
    margin:0px;
    line-height: 100%;
}
h1 {
    font-style: italic;
    font-weight: bold;
    font-size: 40px;
}
h2 {
    font-size: 20px;
}
a, a:visited {
    text-decoration: none;
    color: #2e639e;
}
a:hover {
    text-decoration: underline;
}
.touchonly {
    display: none;
}
html.touch .touchonly {
    display: block;
}
.noselect, .noselect * {
    user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
}
.doselect, .doselect *:not(.noselect) {
    user-select: text;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -o-user-select: text;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

ul,li{
    list-style: none;
    padding:0;
    margin:0;
}

.panel {
    height: 100%;
    width: 100%;
}


.text-center{
    text-align:center;
}

/**********************************************************************
* nav
 */
nav{
    width:100%;
    position: fixed;
    top:0px;
    height:130px;
    left:0;
    z-index: 10;
    display: flex;
    align-items: center;
}
nav .header--wrapper{
    width:100%;
    max-width:1200px;
    margin:0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

nav .header--wrapper .logo{
    width:201px;
    height:41px;
}
nav .header--wrapper .logo a{
    display: flex;
    width:201px;
    height:41px;
    background:url(../img/logo_w.png) no-repeat center;
    font-size:0px;
}
nav.mob{
    background: rgba(255,255,255,1);
}

nav.pchover .header--wrapper .logo a,
nav.mob .header--wrapper .logo a,
nav.actv .header--wrapper .logo a{
    background:url(../img/logo_b.png) no-repeat center;
}

nav.mob .header--wrapper .logo{
    position: relative;
    z-index: 99;
}

nav .header--wrapper .gnb--list{
    width:100%;
    display: flex;
    align-items: center;
    justify-content:flex-end;
    height:41px;
}
nav .header--wrapper .gnb--list a{
    color:#fff;
    font-weight:300;
}


nav.pchover .header--wrapper .gnb--list a,
nav.actv .header--wrapper .gnb--list a{
    color:#555;
}

nav .header--wrapper .gnb--list > li{
    margin-left:45px;
    position: relative;
    z-index: 2;
}
nav .header--wrapper .gnb--list > li > a{
    height:38px;
    padding:0 15px;
    white-space: nowrap;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    border:1px solid transparent;
    justify-content: center;
}

nav .header--wrapper .gnb--list > li > ul{
    overflow: hidden;
    max-height:0px;
    position: absolute;
    top:105px;
    width:120px;
    text-align: center;
    left:50%;
    transform: translateX(-50%);
    transition: all .2s linear;
    opacity: 0;
}

nav.pchover .header--wrapper .gnb--list > li.actv > a{
    border:1px solid #f79b7a;
    border-radius: 50px;
    font-weight: 500;
    color:#e8513c;
}

nav.pchover .header--wrapper .gnb--list > li > ul{
    max-height:1000px;
    opacity: 1;
    top:65px;
}
nav.pchover .header--wrapper .gnb--list > li > ul a{
    color:#777;
    font-size:14px;
    white-space: normal;
    word-break: break-word;
    font-weight: 500;
}
nav.pchover .header--wrapper .gnb--list > li > ul a:hover{
    color:#e8513c;
    font-weight: 500;
}

nav.pchover .header--wrapper .gnb--list > li > ul > li{
    margin-bottom:15px;
}


nav .header--wrapper .gnb--list:after{
    content:'';
    display: block;
    height:0px;
    width:100%;
    position: absolute;
    top:0px;
    left:0px;
    z-index: -1;
    background: #fff;
    transition: all .2s linear;
}
nav .header--wrapper .gnb--list.actv:after{
    height:400px;
}

/**********************************************************************
* 메인
 */

section#one {
    background-color: #f15a23;
}

section#two {
    background-color: #fff;
}

section#three {
    background-color: #322d37
}

section#four {
    background-color: #fff;
}

section#four.is-active {
    background-color: #222
}


@keyframes animation {
    0% {
        transform: translateY(0)
    }
    100% {
        transform: translateY(20px)
    }
}

.scrollmagic-pin-spacer{
    min-height:auto!important;
}

.swiper{
    z-index:1;
    width:100%;
    height:100%;
}

.sect--05{
    height:499px;
    background-color: #1f1f1f;
    overflow-y: hidden;
    width:100%;
}
.sitemap--wrap{
    background-color: #1f1f1f;
    width:100%;
    height:290px;
}
.sitemap--wrap ul{
    width:100%;
    max-width:1200px;
    margin:0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.sitemap--wrap ul li > div > h2{
    font-size:16px;
    color:#fff;
    font-weight: 500;
    text-align: left;
    margin:0px;
    margin-top:45px;
    margin-bottom:25px;
}
.sitemap--wrap ul li ul{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}
.sitemap--wrap ul li ul li{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom:13px;
}
.sitemap--wrap ul li ul li a{
    font-size:16px;
    font-weight: 100;
    color:#acacac;
}

.foot--wrapper{
    height:499px;
}
.copy--right--wrap{
    width:100%;
    background:#111;
    height:209px;
}

.copy--right--wrap > div{
    width:100%;
    max-width:1200px;
    margin:0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding-top:40px;
}

.copy--right--wrap .foot--logo{}
.copy--right--wrap .foot--logo a{
    display: block;
    width:180px;
    height:37px;
    background:url(../img/ft_logo.png) no-repeat center;
}

.copy--right--wrap .copy--text{
    text-align:left;
    margin-left:70px;
}

.copy--right--wrap .copy--text p{
    margin:0;
}

.copy--right--wrap .copy--text p.ftc{
    font-size:18px;
    font-weight: 500;
    margin-bottom:15px;
    color:#fff;
}

.copy--right--wrap .copy--text p.thd,
.copy--right--wrap .copy--text p.sec{
    font-size:16px;
    color:#c8c8c8;
    line-height: 1.5;
}

.copy--right--wrap .copy--text p.thd{
    margin-top:20px;
}



/**********************************************************************
* 메인 슬라이드 별 CSS
 */


.swiper__nav__wrap{
    position: absolute;
    bottom:125px;
    left:50%;
    transform: translateX(-50%);
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width:100%;
    max-width:1200px;
}

.swiper__nav__wrap .swiper-fractions{
    margin-left:15px;
    color:#fff;
    font-size:17px;
    font-weight: 500;
}
.swiper__nav__wrap .swiper-fractions > span:nth-of-type(2),
.swiper__nav__wrap .swiper-fractions > span:nth-of-type(3){
    color:#ee855e!important;
}

.swiper__nav__wrap .swiper-playstop-wrap{
    width:40px;
    height:16px;
}
.swiper__nav__wrap .swiper-playstop-wrap .swiper-button-pause{
    background: url(../img/pause_btn.png) no-repeat center;
    width:40px;
    height:16px;
}
.swiper__nav__wrap .swiper-playstop-wrap .swiper-button-play{
    background: red;
    width:40px;
    height:16px;
    display: none;
}

.swiper__nav__wrap .swiper-button-next,
.swiper__nav__wrap .swiper-button-prev{
    position: static;
    margin:0!important;
}

.swiper__nav__wrap .swiper-button-next:after,
.swiper__nav__wrap .swiper-button-prev:after{
    display: none;
}

.swiper__nav__wrap .swiper-button-prev{
    width:10px;
    height:16px;
    background:url(../img/prev_btn.png) no-repeat center;
    margin-left:40px!important;
}
.swiper__nav__wrap .swiper-button-next{
    width:10px;
    height:16px;
    background:url(../img/next_btn.png) no-repeat center;
}

.swiper__nav__wrap .swiper-pagination{
    height:6px;
    background:rgba(255,255,255,0.1);
    width:auto!important;
    display: inline-flex;
    position: static;
}
.swiper__nav__wrap .swiper-pagination > span{
    top:0px;
    margin:0px!important;
    vertical-align: top;
    width:30px;
    height:6px;
    border-radius: 6px;
    opacity: 0;
    background:#fff;
    font-size:17px;
}
.swiper__nav__wrap .swiper-pagination > span.swiper-pagination-bullet-active{
    opacity: 1;
}



.slide--content--01{
    display: flex;
    align-items: center;
    justify-content: center;
    width:100%;
    height:100%;
    background: url(../img/slide_bg01.png) no-repeat center;
    background-size: cover!important;
}

.slide--content--01 .caption--text--image{
    width:583px;
    height:207px;
    font-family: 'Poppins', sans-serif;
    font-size:175px;
    color:#fff;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -1px;
}

.slide--content--01 .caption--captions{
    text-align: right;
    margin-left:166px;
}
.slide--content--01 .caption--captions p{
    font-size:50px;
    color:#fff;
    font-weight: 300;
    margin:0px;
    padding:0px;
    line-height:100%;
    margin-bottom:20px;
}

.slide--content--01 .caption--captions p:last-child{
    margin-bottom:0px;
}



.sect--02{
    height:1081px!important;
    background:#fff url(../img/deep_bg.png) no-repeat left 57%;
    background-size: 39%;
}
.sect--02 .deep--logo--wrap{
    position: absolute;
    top:130px;
    left:50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.sect--02 .deep--logo{
    width:248px;
    height:70px;
    background:url(../img/deepsight_text.png) no-repeat center;
}

.sect--02 .deep--logo--wrap p{
    font-size:22px;
    color:#777;
    font-weight: 300;
    font-family: 'Poppins', sans-serif;
    margin-top:25px;
}

.sect--02 .inner--container{
    width:100%;
    height:100%;
    position: relative;
    z-index: 1;
}

.sect--02 .inner--container .desc--wrap{
    max-width:615px;
    text-align: left;
    position: absolute;
    top:50%;
    left:50%;
    transform: translateY(-50%);
    margin-left:50px;
}
.sect--02 .inner--container .desc--wrap h2{
    font-size:40px;
    color:#555;
    font-weight: 300;
    letter-spacing: -1px;
    line-height: 1.5;
    padding:0px;
    margin:0px;
    margin-bottom:45px;
}
.sect--02 .inner--container .desc--wrap h2 em{
    font-style:normal;
    font-weight: 700;
}


.sect--02 .inner--container .desc--wrap p{
    font-size:18px;
    color:#888;
    letter-spacing: -1px;
    padding:0px;
    margin:0px;
    line-height: 1.7;
}
.sect--02 .inner--container .desc--wrap a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width:222px;
    height:55px;
    color:#fff;
    background: #555;
    border-radius: 55px;
    margin-top:80px;
}

.sect--03 .inner--container{
    width:100%;
    height:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.sect--03 .inner--container > h2{
    font-size:50px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color:#fff;
    text-transform: uppercase;
    padding:0px;
    margin:0px;
    line-height: 100%;
    margin-bottom:30px;
}
.sect--03 .inner--container > p{
    padding:0px;
    margin:0px;
    font-size:22px;
    font-weight:300;
    color:#fff;
    line-height: 1.6;
}

.sect--03 .inner--container .tab--wrap{
    margin-top:150px;
}
.sect--03 .inner--container .tab--wrap .tab--items{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left:110px;
}
.sect--03 .inner--container .tab--wrap .tab--items > div{
    height:54px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding:0 20px;
    color:rgba(255,255,255,0.5);
    cursor: pointer;
    border:2px solid #322d37;
    border-radius: 54px;
}

.sect--03 .inner--container .tab--wrap .tab--items > div.actv{
    border-color:#af3e23;
    color:#af3e23;
}

.sect--03 .inner--container .tab--wrap .tab--contents{
    padding-top:90px;
}
.sect--03 .inner--container .tab--wrap .tab--contents > div{
    display: none;
}

.sect--03 .inner--container .tab--wrap .tab--contents > div.actv{
    display: flex;
}
.sect--03 .inner--container .tab--wrap .tab--contents > div .l--sections{
    width:375px;
}

.sect--03 .inner--container .tab--wrap .tab--contents > div .l--sections p{
    text-align: left;
}

.sect--03 .inner--container .tab--wrap .tab--contents > div .l--sections p:nth-of-type(1){
    font-size:40px;
    font-weight: 300;
    text-align: left;
    color:#ed4719;
    margin:0px;
    padding:0px;
}

.sect--03 .inner--container .tab--wrap .tab--contents > div .l--sections p:nth-of-type(1) em{
    font-style: normal;
    font-weight: 700;
    margin-top:10px!important;
}

.sect--03 .inner--container .tab--wrap .tab--contents > div .l--sections p:nth-of-type(2){
    font-size:18px;
    color:#fff;
    margin:0px;
    padding:0px;
    margin-top:15px;
}


.sect--03 .inner--container .tab--wrap .tab--contents > div .l--sections a{
    display: flex;
    align-items: center;
    justify-content: center;
    width:152px;
    height:55px;
    border-radius: 55px;
    background:#ed4719;
    color:#fff;
    font-size:18px;
    font-weight: 500;
    margin-top:66px;
}
.sect--03 .inner--container .tab--wrap .tab--contents > div .r--sections{
    margin-left:70px;
}
.sect--03 .inner--container .tab--wrap .tab--contents > div .r--sections > ul{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.sect--03 .inner--container .tab--wrap .tab--contents > div .r--sections > ul > li{
    margin-right:40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-width:230px;
    max-width:230px;
}
.sect--03 .inner--container .tab--wrap .tab--contents > div .r--sections > ul > li:last-child{
    margin-right:0px;
}

.sect--03 .inner--container .tab--wrap .tab--contents > div .r--sections .thumb--wrap{
    width:170px;
    height:170px;
    border-radius: 200px;
    background-size: 90%!important;
}

.sect--03 .inner--container .tab--wrap .tab--contents > div .r--sections .thumb--wrap.thumb--01{
    background:#ed4719 url(../img/deep_ic01.png) no-repeat center;
}
.sect--03 .inner--container .tab--wrap .tab--contents > div .r--sections .thumb--wrap.thumb--02{
    background:#ed4719 url(../img/deep_ic02.png) no-repeat center;
}
.sect--03 .inner--container .tab--wrap .tab--contents > div .r--sections .thumb--wrap.thumb--03{
    background:#ed4719 url(../img/deep_ic03.png) no-repeat center;
}

.sect--03 .inner--container .tab--wrap .tab--contents > div .r--sections .thumb--wrap.thumb--04{
    background:#ed4719 url(../img/deep_ic04.png) no-repeat center;
}

.sect--03 .inner--container .tab--wrap .tab--contents > div .r--sections .thumb--wrap.thumb--05{
    background:#ed4719 url(../img/deep_ic05.png) no-repeat center;
}
.sect--03 .inner--container .tab--wrap .tab--contents > div .r--sections .thumb--wrap.thumb--06{
    background:#ed4719 url(../img/deep_ic06.png) no-repeat center;
}
.sect--03 .inner--container .tab--wrap .tab--contents > div .r--sections .thumb--wrap.thumb--07{
    background:#ed4719 url(../img/deep_ic07.png) no-repeat center;
}
.sect--03 .inner--container .tab--wrap .tab--contents > div .r--sections .thumb--wrap.thumb--08{
    background:#ed4719 url(../img/deep_ic08.png) no-repeat center;
}
.sect--03 .inner--container .tab--wrap .tab--contents > div .r--sections .thumb--wrap.thumb--09{
    background:#ed4719 url(../img/deep_ic09.png) no-repeat center;
}
.sect--03 .inner--container .tab--wrap .tab--contents > div .r--sections .thumb--wrap.thumb--10{
    background:#ed4719 url(../img/deep_ic10.png) no-repeat center;
}
.sect--03 .inner--container .tab--wrap .tab--contents > div .r--sections .thumb--wrap.thumb--11{
    background:#ed4719 url(../img/deep_ic11.png) no-repeat center;
}
.sect--03 .inner--container .tab--wrap .tab--contents > div .r--sections .thumb--wrap.thumb--12{
    background:#ed4719 url(../img/deep_ic12.png) no-repeat center;
}
.sect--03 .inner--container .tab--wrap .tab--contents > div .r--sections .thumb--wrap.thumb--13{
    background:#ed4719 url(../img/deep_ic13.png) no-repeat center;
}
.sect--03 .inner--container .tab--wrap .tab--contents > div .r--sections .thumb--wrap.thumb--14{
    background:#ed4719 url(../img/deep_ic14.png) no-repeat center;
}

.sect--03 .inner--container .tab--wrap .tab--contents > div .r--sections .captions{
    color:#fff;
    font-size:14px;
    font-weight: 300;
    margin-top:25px;
    height:57px;
    letter-spacing: -1px;
}

.sect--04 .inner--container{
    width:100%;
    max-width:1200px;
    margin:0 auto;
    padding-top:108px;
}

.sect--04 .inner--container .desc--title{
    font-size:17px;
    color:#000;
    text-align: right;
    padding:0px;
    margin:0px;
    width:100%;
    margin-bottom:20px;
    margin-top:25px;
}
.sect--04 .inner--container .desc--title i{
    font-style: normal;
    color:#e8513c;
}
.astrc{
    font-style: normal;
    color:#e8513c;
    margin-left:5px;
}
.sect--04 .inner--container > h2{
    font-size:35px;
    font-weight: 700;
    text-align: center;
    margin:0px;
    padding:0px;
}
.sect--04 .inner--container > p{
    font-size:17px;
    color:#777;
    font-weight: 300;
    margin-top:20px;
}

.form--group--wrap .form--table{
    border-top:2px solid #535353;
}
.form--group--wrap table{
    width:100%;
}
.form--group--wrap table tbody th{
    height:50px;
    background:#fafafa;
    font-size:17px;
    color:#000;
    text-align:left;
    padding-left:40px;
    border-bottom:1px solid #eee;
}
.form--group--wrap table tbody td{
    height:50px;
    border-bottom:1px solid #eee;
    padding-left:35px;
    text-align: left;
}


.form--group{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.form--group .form--check{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-right:35px;
}
.form--group .form--check:last-child{
    margin-right:0px;
}
.form--group .form--check input{}
.form--group .form--check label{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size:16px;
}
.form--group .form--check label:before{
    content:'';
    display: inline-flex;
    width:20px;
    height:20px;
    background: url(../img/input_off.png) no-repeat center;
    margin-right:13px;
    color:#555;
}

.form--group .form--check input:checked + label:before{
    background: url(../img/input_on.png) no-repeat center;
}

.form--group .form--text{
    width:100%;

}
.form--group .form--text input{
    width:calc(100% - 35px);
    border:1px solid #d5d5d5;
    border-radius: 5px;
    height:38px;
    padding-left:17px;
    box-sizing: border-box;
}
.form--group .form--text input::placeholder{
    color:#a3a3a3;
    font-size:14px;
    font-weight: 100;
}

.form--group .form--text textarea{
    width:calc(100% - 35px);
    color:#a3a3a3;
    font-size:14px;
    font-weight: 100;
    padding:14px;
    border:1px solid #d5d5d5;
    border-radius: 5px;
    margin:10px 0px;
    box-sizing: border-box;
    min-height:155px;
}
.form--group .form--text textarea::placeholder{
    color:#a3a3a3;
    font-size:14px;
    font-weight: 100;
}

.btn--wrap{
    width:100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn--wrap .qna--btn{
    margin-top:40px;
    width:200px;
    height:60px;
    background:#e8513c;
    border-radius: 60px;
    border:0px;
    color:#fff;
    font-size:18px;
    font-weight: 100;
}



/**********************************************************************
* 서브
 */

.container--wrap{
    padding-top:312px;
    height:100%;
}

.container--wrap .sub--wrap{
    width:100%;
}

.container--wrap .sub--wrap .sub--head{
    width:100%;
    max-width:1200px;
    margin:0 auto;
    height:438px;
}

.container--wrap .sub--wrap .sub--head.about{
    height:auto;
}

.container--wrap .sub--wrap .sub--head .deep--logo{
    width:300px;
    height:85px;
    background:url(../img/deepsub_logo.png) no-repeat center;
    margin-bottom:35px;
}
.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:100px;
    color:#111;
    margin-bottom:50px;
}

.container--wrap .sub--wrap .sub--head p{
    padding:0px;
    margin:0px;
    font-size:22px;
    line-height: 1.5;
    color:#696d72;
    font-family: 'Poppins', sans-serif;
}

.container--wrap .sub--wrap .sub--head.customerst p,
.container--wrap .sub--wrap .sub--head.research p,
.container--wrap .sub--wrap .sub--head.monitoring p{
    color:#111!important;
    font-weight: 400!important;
    font-size:22px!important;
}

.container--wrap .sub--wrap .sub--head.research p span{
    display: inline-flex;
    width:78px;
    height:2px;
    background:#000;
    margin:0 4px;
}


.container--wrap .sub--wrap .sub--evt--visual{
    width:100%;
    height:510px;
    background:url(../img/deepsub_bg.jpg) no-repeat center;
}

.container--wrap .sub--wrap .sub--evt--visual.trand{
    background:url(../img/trand_bg.png) no-repeat center;
}

.container--wrap .sub--wrap .sub--evt--visual.monitoring{
    background:url(../img/monitoring_bg.png) no-repeat center;
}

.container--wrap .sub--wrap .sub--evt--visual.bigdata{
    background:url(../img/bigdata_bg.png) no-repeat center;
}

.container--wrap .sub--wrap .sub--evt--visual.research{
    background:url(../img/research_bg.png) no-repeat center;
}

.container--wrap .sub--wrap .sub--evt--visual.customerst{
    background:url(../img/customerst_bg.png) no-repeat center;
}

.container--wrap .sub--wrap .sub--evt--visual.recurit{
    background:url(../img/recurit_bg.png) no-repeat center;
    height:543px;
}

.container--wrap .sub--wrap .sub--evt--visual.wtc{
    background:url(../img/wtc_bg.png) no-repeat center;
}

.container--wrap .sub--wrap .sub--evt--visual.about{
    background:url(../img/about_bg.png) no-repeat center;
    height:660px;
}

.container--wrap .sub--wrap .sub--evt--visual.notice{
    background:url(../img/notice_bg.png) no-repeat center;
}
.container--wrap .sub--wrap .sub--evt--visual.qna{
    background:url(../img/qna_bg.png) no-repeat center;
}

.container--wrap .sub--wrap .sub--evt--visual.dev{
    background:url(../img/dev_bg.png) no-repeat center;
}


.sub--body .section-1{
    width:100%;
    background:url(../img/deepsub_bg2.jpg) no-repeat center left;
}
.sub--body .section-1 .inner--wrap{
    width:100%;
    max-width:1200px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height:1080px;
    margin:0 auto;
}
.sub--body .section-1 .inner--wrap .desc--wrap{
    max-width:650px;
    width:100%;
}
.sub--body .section-1 .inner--wrap .desc--wrap h2{
    color:#222;
    font-size:45px;
    font-weight: 700;
    margin:0px;
    margin-bottom:65px;
}
.sub--body .section-1 .inner--wrap .desc--wrap p{
    font-size:20px;
    color:#777;
    font-weight: 300;
    padding:0px;
    margin:0px;
    line-height: 1.6;
    letter-spacing: -1px;
}
.sub--body .section-1 .inner--wrap .desc--wrap .caution--wrap{
    font-size:30px;
    color:#e8513c;
    font-weight: 500;
    margin-top:50px;
}

.sub--body .section-2{
    width:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.sub--body .section-2 .inner--wrap > h2{
    font-size:60px;
    color:#222;
    text-align: center;
    margin:0px;
    line-height: 100%;
}

.sub--body .section-2 .inner--wrap > p{
    font-size:20px;
    color:#777;
    text-align: center;
    margin:0;
    padding:0;
    margin-top:40px;
    margin-bottom:135px;
    line-height: 2.1;
}

.sub--body .section-3{
    margin-top:168px;
    height:1078px;
    background: url(../img/deepsub_mid_bg.jpg) no-repeat center;
}
.sub--body .section-3 .inner--wrap{
    margin:0 auto;
    width:100%;
    max-width:1450px;
    padding-top:125px;
}

.sub--body .section-3 .inner--wrap > h2{
    font-size:45px;
    color:#ed4719;
    font-weight: 500;
    text-align: center;
    padding:0px;
    margin:0px;
    line-height: 100%;
}
.sub--body .section-3 .inner--wrap > h3{
    font-size:45px;
    color:#fff;
    font-weight: 500;
    text-align: center;
    padding:0px;
    margin:0px;
    line-height: 100%;
    margin-top:25px;
    margin-bottom:35px;
}
.sub--body .section-3 .inner--wrap >p{
    font-size:20px;
    color:#fff;
    font-weight: 300;
    text-align: center;
    padding:0px;
    margin:0px;
    line-height: 1.5;
}
.sub--body .section-3 .inner--wrap .thumb--wrap{
    margin-top:80px;
}
.sub--body .section-3 .inner--wrap .thumb--wrap ul{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.sub--body .section-3 .inner--wrap .thumb--wrap ul li{
    max-width:255px;
}
.sub--body .section-3 .inner--wrap .thumb--wrap ul li .thumb{
    width:255px;
    height:255px;
}

.sub--body .section-3 .inner--wrap .thumb--wrap ul li .thumb.thumb--01{
    background:url(../img/deepsub_mid01.png) no-repeat center;
}
.sub--body .section-3 .inner--wrap .thumb--wrap ul li .thumb.thumb--02{
    background:url(../img/deepsub_mid02.png) no-repeat center;
}
.sub--body .section-3 .inner--wrap .thumb--wrap ul li .thumb.thumb--03{
    background:url(../img/deepsub_mid03.png) no-repeat center;
}
.sub--body .section-3 .inner--wrap .thumb--wrap ul li .thumb.thumb--04{
    background:url(../img/deepsub_mid04.png) no-repeat center;
}
.sub--body .section-3 .inner--wrap .thumb--wrap ul li .captions{
    word-break: keep-all;
    font-size:23px;
    color:#ed4719;
    font-weight: 500;
    margin-top:40px;
    min-height:70px;
}

.sub--body .section-3 .inner--wrap .thumb--wrap ul li .desc{
    font-weight: 300;
    word-break: keep-all;
    font-size:17px;
    margin-top:25px;
    color:#fff;
}

.sub--body .section-4 .inner--wrap{
    width:100%;
    max-width:1200px;
    margin:0 auto;
    padding-top:150px;
}

.sub--body .section-4 .inner--wrap h2{
    font-size:50px;
    font-weight: 500;
    color:#111;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.sub--body .section-4 .inner--wrap h2 span{
    width:80px;
    height:4px;
    background:#111;
    display: inline-flex;
    margin-left:15px;
}
.sub--body .section-4 .inner--wrap h3{
    font-size:52px;
    font-weight: 500;
    color:#111;
    margin-top:30px;
}
.sub--body .section-4 .inner--wrap h3 strong{
    font-size:52px;
    color:#ed4719;
    font-weight: 400;
    text-transform: uppercase;
}
.sub--body .section-4 .inner--wrap .thumb--wrap{
    margin-top:115px;
}
.sub--body .section-4 .inner--wrap .thumb--wrap ul{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}
.sub--body .section-4 .inner--wrap .thumb--wrap ul li{
    margin-bottom:95px;
    max-width:540px;
}
.sub--body .section-4 .inner--wrap .thumb--wrap ul li:nth-of-type(2){
    margin-top:110px;
}
.sub--body .section-4 .inner--wrap .thumb--wrap ul li:nth-of-type(3){
    margin-top:-110px;
}
.sub--body .section-4 .inner--wrap .thumb--wrap ul li .thumb{
    width:540px;
    height:540px;
}
.sub--body .section-4 .inner--wrap .thumb--wrap ul li .thumb.thumb--01{
    background:url(../img/deepsub_th01.png) no-repeat center;
}
.sub--body .section-4 .inner--wrap .thumb--wrap ul li .thumb.thumb--02{
    background:url(../img/deepsub_th02.png) no-repeat center;
}
.sub--body .section-4 .inner--wrap .thumb--wrap ul li .thumb.thumb--03{
    background:url(../img/deepsub_th03.png) no-repeat center;
}
.sub--body .section-4 .inner--wrap .thumb--wrap ul li .thumb.thumb--04{
    background:url(../img/deepsub_th04.png) no-repeat center;
}
.sub--body .section-4 .inner--wrap .thumb--wrap ul li .captions{
    color:#111;
    font-size:45px;
    font-weight: 500;
    line-height: 100%;
    margin-top:50px;
    letter-spacing: -1px;
}

.sub--body .section-4 .inner--wrap .thumb--wrap ul li .desc{
    font-size:20px;
    color:#555;
    font-weight: 300;
    margin-top:24px;
    letter-spacing: -1px;
}

.sub--body .trand-section-1{
    padding-top:135px;
}
.sub--body .trand-section-1 .inner--wrap{
    width:100%;
    max-width:1200px;
    margin:0 auto;
}

.sub--body .trand-section-1 .inner--wrap > h2{
    font-size:45px;
    color:#222;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    text-align: center;
}

.sub--body .trand-section-1 .inner--wrap > h3{
    font-size:45px;
    color:#e8513c;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    text-align: center;
    margin-top:10px;
}
.sub--body .trand-section-1 .inner--wrap > p{
    font-size:20px;
    font-weight: 300;
    color:#777;
    text-align: center;
    line-height: 1.7;
    margin-top:45px;
}

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

.sub--body .trand-section-1 .inner--wrap .thumb--wrap--trand > ul{}
.sub--body .trand-section-1 .inner--wrap .thumb--wrap--trand > ul > li{
    display:flex;
    align-items: center;
    justify-content: center;
    margin-bottom:220px;
}

.sub--body .trand-section-1 .inner--wrap .thumb--wrap--trand > ul > li:nth-of-type(2){
    flex-direction: row-reverse;
}


.sub--body .trand-section-1 .inner--wrap .thumb--wrap--trand .thumb{
    width:620px;
    min-width:620px;
    height:420px;
}

.sub--body .trand-section-1 .inner--wrap .thumb--wrap--trand .thumb.thumb--01{
    background:url(../img/trand_thumb01.png) no-repeat center;
}
.sub--body .trand-section-1 .inner--wrap .thumb--wrap--trand .thumb.thumb--02{
    background:url(../img/trand_thumb02.png) no-repeat center;
}
.sub--body .trand-section-1 .inner--wrap .thumb--wrap--trand .thumb.thumb--03{
    background:url(../img/trand_thumb03.png) no-repeat center;
}

.sub--body .trand-section-1 .inner--wrap .thumb--wrap--trand .desc{
    height:420px;
    width:100%;
    padding-left:110px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}

.sub--body .trand-section-1 .inner--wrap .thumb--wrap--trand .desc h2{
    font-size:42px;
    color:#111;
    font-weight: 300;
}

.sub--body .trand-section-1 .inner--wrap .thumb--wrap--trand .desc p{
    font-size:20px;
    color:#777;
    margin-top:45px;
    line-height: 1.8;
    font-weight: 300;
}

.sub--body .trand-section-1 .inner--wrap .thumb--wrap--trand > ul > li:nth-of-type(2) .desc{
    padding-left: 0px;
    padding-right:110px;
}



/**********************************************************
* 위기관리 모니터링
 */



.sub--body .monitor-section-1{
    padding-top:135px;
}
.sub--body .monitor-section-1 .inner--wrap{
    width:100%;
    max-width:1200px;
    margin:0 auto;
}

.sub--body .monitor-section-1 .inner--wrap > h2{
    font-size:45px;
    color:#222;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    text-align: center;
    text-transform: uppercase;
}

.sub--body .monitor-section-1 .inner--wrap > h2 em{
    font-size:45px;
    color:#e8513c;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    text-align: center;
    text-transform: uppercase;
    font-style: normal;
}

.sub--body .monitor-section-1 .inner--wrap > p{
    font-size:20px;
    font-weight: 300;
    color:#777;
    text-align: center;
    line-height: 1.7;
    margin-top:45px;
}

.sub--body .monitor-section-1 .inner--wrap .thumb--wrap--monitoring{
    padding-top:150px;
}

.sub--body .monitor-section-1 .inner--wrap .thumb--wrap--monitoring > ul{}
.sub--body .monitor-section-1 .inner--wrap .thumb--wrap--monitoring > ul > li{
    display:flex;
    align-items: center;
    justify-content: center;
    margin-bottom:220px;
}

.sub--body .monitor-section-1 .inner--wrap .thumb--wrap--monitoring > ul > li:nth-of-type(4),
.sub--body .monitor-section-1 .inner--wrap .thumb--wrap--monitoring > ul > li:nth-of-type(2){
    flex-direction: row-reverse;
}


.sub--body .monitor-section-1 .inner--wrap .thumb--wrap--monitoring .thumb{
    width:620px;
    min-width:620px;
    height:420px;
}

.sub--body .monitor-section-1 .inner--wrap .thumb--wrap--monitoring .thumb.thumb--01{
    background:url(../img/monitoring_thumb01.png) no-repeat center;
}
.sub--body .monitor-section-1 .inner--wrap .thumb--wrap--monitoring .thumb.thumb--02{
    background:url(../img/monitoring_thumb02.png) no-repeat center;
}
.sub--body .monitor-section-1 .inner--wrap .thumb--wrap--monitoring .thumb.thumb--03{
    background:url(../img/monitoring_thumb03.png) no-repeat center;
}
.sub--body .monitor-section-1 .inner--wrap .thumb--wrap--monitoring .thumb.thumb--04{
    background:url(../img/monitoring_thumb04.png) no-repeat center;
}

.sub--body .monitor-section-1 .inner--wrap .thumb--wrap--monitoring .desc{
    height:420px;
    width:100%;
    padding-left:70px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}

.sub--body .monitor-section-1 .inner--wrap .thumb--wrap--monitoring .desc h2{
    font-size:42px;
    color:#111;
    font-weight: 300;
}

.sub--body .monitor-section-1 .inner--wrap .thumb--wrap--monitoring .desc p{
    font-size:20px;
    color:#777;
    margin-top:45px;
    line-height: 1.8;
    font-weight: 300;
}

.sub--body .monitor-section-1 .inner--wrap .thumb--wrap--monitoring > ul > li:nth-of-type(4) .desc,
.sub--body .monitor-section-1 .inner--wrap .thumb--wrap--monitoring > ul > li:nth-of-type(2) .desc{
    padding-left: 0px;
    padding-right:70px;
}

/**********************************************************
* 빅데이터 분석
 */



.sub--body .bigdata-section-1{
    padding-top:135px;
}
.sub--body .bigdata-section-1 .inner--wrap{
    width:100%;
    max-width:1200px;
    margin:0 auto;
}

.sub--body .bigdata-section-1 .inner--wrap > h2{
    font-size:45px;
    color:#222;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    text-align: center;
    text-transform: uppercase;
}

.sub--body .bigdata-section-1 .inner--wrap > h2 em{
    font-size:45px;
    color:#e8513c;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    text-align: center;
    text-transform: uppercase;
    font-style: normal;
}

.sub--body .bigdata-section-1 .inner--wrap > p{
    font-size:20px;
    font-weight: 300;
    color:#777;
    text-align: center;
    line-height: 1.7;
    margin-top:45px;
}
.sub--body .bigdata-section-1 .inner--wrap .step--wrap{
    margin-top:105px;
}
.sub--body .bigdata-section-1 .inner--wrap .step--wrap > div{
    margin-bottom:80px;

}


.sub--body .bigdata-section-1 .inner--wrap .step--wrap > div:last-child{
    margin-bottom:0px;
}
.sub--body .bigdata-section-1 .inner--wrap .step--wrap > div >ul{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.sub--body .bigdata-section-1 .inner--wrap .step--wrap > div >ul> li{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    width:100%;
    max-width:268px;
}

.sub--body .bigdata-section-1 .inner--wrap .step--wrap > div >ul> li .step--head.it--01{
    border:3px solid #f3493e;
    color:#f3493e;
}
.sub--body .bigdata-section-1 .inner--wrap .step--wrap > div >ul> li .step--head{
    width:248px;
    height:66px;
    border-radius: 66px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:20px;
    font-weight: 500;
    position: relative;
    z-index: 1;
    background-color:#fff;
}


.sub--body .bigdata-section-1 .inner--wrap .step--wrap > div:nth-of-type(1) >ul> li .step--head:before{
    content:'';
    display: flex;
    width:1px;
    height:120px;
    background: #f3493e;
    position: absolute;
    top:60px;
    left:50%;
    z-index: -1;
}


.sub--body .bigdata-section-1 .inner--wrap .step--wrap > div:nth-of-type(2) >ul> li .step--head:before{
    content:'';
    display: flex;
    width:70px;
    height:1px;
    background: #f3493e;
    position: absolute;
    left: 248px;
    top:50%;
    z-index: -1;
}

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

.sub--body .bigdata-section-1 .inner--wrap .step--wrap > div >ul> li .step--head.it--02{
    background:#f3493e;
    color:#fff;
}

.sub--body .bigdata-section-1 .inner--wrap .step--wrap > div >ul> li .step--head.it--03{
    background:#152731;
    color:#fff;
}

.sub--body .bigdata-section-1 .inner--wrap .step--wrap > div >ul> li .desc{
    padding-top:30px;
    padding-left:25px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}

.sub--body .bigdata-section-1 .inner--wrap .step--wrap > div >ul> li .desc h2{
    color:#111;
    font-size:20px;
    font-weight: 500;
    margin-bottom:25px;
    line-height: 1.3;
    word-break: keep-all;
}

.sub--body .bigdata-section-1 .inner--wrap .step--wrap > div >ul> li .desc p{
    display: flex;
    width:calc(100% - 25px);
    word-break: keep-all;
    margin-bottom:20px;
    line-height: 1.4;
}

.sub--body .bigdata-section-1 .inner--wrap .step--wrap > div >ul> li .desc p:before{
    content:'*';
    display: inline-flex;
    width:13px;
    color:#555;
    font-size:17px;
    position: relative;
    top:3px;
}

.bigdata-section-2{
    margin-top:185px;
}

.bigdata-section-2 .circle--wrap{
    width:100%;
    height:1080px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    background: url(../img/bigdata_bg2.png) no-repeat center;
    background-size: cover;
    flex-direction: column;
    box-sizing: border-box;
    padding-top:170px;
}
.bigdata-section-2 .circle--wrap .circle--inner--wrap{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width:100%;
    max-width:1200px;
    margin:0 auto;
    margin-top:245px;
}


.bigdata-section-2 .circle--wrap > h2{
    font-size:40px;
    font-weight: 100;
    text-align: center;
    width:100%;
    color:#fff;
}

.bigdata-section-2 .circle--wrap .circle--inner--wrap > div{
    width:300px;
    height:300px;
    border-radius: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    color:#fff;
    text-align: center;
    font-size:22px;
    font-weight: 500;
}

.bigdata-section-2 .circle--wrap .circle--inner--wrap > div:nth-of-type(1){
    background:#8d0900;
}
.bigdata-section-2 .circle--wrap .circle--inner--wrap > div:nth-of-type(2){
    background: #0b181f;
}
.bigdata-section-2 .circle--wrap .circle--inner--wrap > div:nth-of-type(3){
    background:#ff4260;
}

.bigdata-section-2 .circle--wrap .captions{
    width:100%;
    margin-top:125px;
    text-align: center;
    color:#fff;
    font-size: 22px;
    font-weight: 300;
}

.bigdata-section-3{}
.bigdata-section-3 .inner--wrap{
    padding-top:115px;
}
.bigdata-section-3 .inner--wrap > h2{
    font-size:45px;
    color:#222;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    text-align: center;
    text-transform: uppercase;
}
.bigdata-section-3 .inner--wrap > h3{
    font-size:45px;
    color:#222;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    text-align: center;
    text-transform: uppercase;
    margin-top:20px;
}

.bigdata-section-3 .inner--wrap > h3 em{
    color:#e8513c;
    font-style:normal;
}

.bigdata-section-3 .inner--wrap .box--thumb{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width:100%;
    max-width:1200px;
    margin:0 auto;
    margin-top:109px;
}



.bigdata-section-4{
    width:100%;
    padding-bottom:150px;
}
.bigdata-section-4 .inner--wrap{
    padding-top:200px;
    width:100%;
    max-width:1200px;
    margin:0 auto;
}

.bigdata-section-4 .inner--wrap > h3,
.bigdata-section-4 .inner--wrap > h2{
    font-size:60px;
    color:#222;
    font-weight: 700;
    line-height: 1.5;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.bigdata-section-4 .inner--wrap > h2 span{
    width:170px;
    height:4px;
    display: inline-flex;
    background:#222;
    margin-left:25px;
}

.bigdata-section-4 .inner--wrap .sub--table--wrap{
    width:100%;
    border-top:2px solid #000;
    margin-top:110px;
}

.bigdata-section-4 .inner--wrap .sub--table--wrap table{
    width:100%;
}

.bigdata-section-4 .inner--wrap .sub--table--wrap table thead th{
    background: #f3f4f6;
    color:#000;
    font-size:17px;
    font-weight: 500;
    height:60px;
    border-bottom:1px solid #eee;
    text-align: center;
}

.bigdata-section-4 .inner--wrap .sub--table--wrap table tbody td{
    font-size:16px;
    font-weight: 300;
    color:#555;
    border:1px solid #eee;
    height:40px;
    text-align: center;
}

.bigdata-section-4 .inner--wrap .sub--table--wrap table tbody td.bg--type{
    background:#fafafa;
}

.bigdata-section-4 .inner--wrap .sub--table--wrap table tbody td:nth-of-type(1){
    border-left:0px!important;
}
.bigdata-section-4 .inner--wrap .sub--table--wrap table tbody td:last-child{
    border-right:0px!important;
}

.research-section-1{
    width:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding:120px 0px;
}
.research-section-1 .inner--wrap{
    max-width:1200px;
    width:100%;
    margin:0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}
.research-section-1 .inner--wrap .title--c h2{
    font-size:60px;
    color:#222;
    font-weight: 700;
    margin-bottom:15px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.research-section-1 .inner--wrap .title--c h2 span{
    width:105px;
    height:4px;
    background:#222;
    display: inline-flex;
}
.desc--info--wrap{
    margin-top:80px;
}
.desc--info--wrap > ul >li{
    font-size:20px;
    color:#555;
    font-weight: 300;
    margin-bottom:25px;
}
.desc--info--wrap > ul >li:last-child{
    margin-bottom:0px;
}
.desc--info--wrap > ul >li > div{
    height:75px;
    width:415px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgb(246,163,54);
    border-radius: 75px;
    box-sizing: border-box;
    padding:0 3px;
    background: linear-gradient(147deg, rgba(246,163,54,1) 0%, rgba(232,81,60,1) 100%);
    margin-right:35px;
}
.desc--info--wrap > ul >li > div span{
    background: #fff;
    padding:0 30px;
    font-size:22px;
    color:#333;
    width:100%;
    height:69px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    border-radius: 69px;
}

.research-section-2{
    background:url(../img/research_bg2.png) no-repeat center;
    height:800px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.research-section-2 .inner--wrap{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.research-section-2 .inner--wrap h2{
    font-size:22px;
    color:#222;
    text-align: center;
}
.research-section-2 .inner--wrap h3{
    color:#222;
    font-size:55px;
    margin-top:25px;
}

.research-section-2 .inner--wrap .step--info{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top:65px;
}
.research-section-2 .inner--wrap .step--info > div{
    width:250px;
    height:250px;
}

.research-section-2 .inner--wrap .step--info > div.step01{
    background:url(../img/rs_step01.png) no-repeat center;
}
.research-section-2 .inner--wrap .step--info > div.step02{
    background:url(../img/rs_step02.png) no-repeat center;
}
.research-section-2 .inner--wrap .step--info > div.step03{
    background:url(../img/rs_step03.png) no-repeat center;
}
.research-section-2 .inner--wrap .step--info > div.step04{
    background:url(../img/rs_step04.png) no-repeat center;
}
.research-section-2 .inner--wrap .step--info > div.step05{
    background:url(../img/rs_step05.png) no-repeat center;
}


.research-section-3{
    padding:140px 0px;
}
.research-section-3 .inner--wrap > h3,
.research-section-3 .inner--wrap > h2{
    font-size:60px;
    color:#222;
    font-weight: 700;
    line-height: 1.5;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.research-section-3 .inner--wrap > h3 span{
    width:170px;
    height:4px;
    display: inline-flex;
    background:#222;
    margin-left:25px;
}
.research-section-3 .inner--wrap{
    width:100%;
    max-width:1200px;
    margin: 0 auto;
}
.research-section-3 .inner--wrap .sub--table--wrap{
    width:100%;
    border-top:2px solid #000;
    margin-top:110px;
}

.research-section-3 .inner--wrap .sub--table--wrap table{
    width:100%;
}

.research-section-3 .inner--wrap .sub--table--wrap table thead th{
    background: #f3f4f6;
    color:#000;
    font-size:17px;
    font-weight: 500;
    height:60px;
    border-bottom:1px solid #eee;
    text-align: center;
}

.research-section-3 .inner--wrap .sub--table--wrap table tbody td{
    font-size:16px;
    font-weight: 300;
    color:#555;
    border:1px solid #eee;
    height:40px;
    text-align: center;
}

.research-section-3 .inner--wrap .sub--table--wrap table tbody td.bg--type{
    background:#fafafa;
}

.research-section-3.inner--wrap .sub--table--wrap table tbody td:nth-of-type(1){
    border-left:0px!important;
}
.research-section-3 .inner--wrap .sub--table--wrap table tbody td:last-child{
    border-right:0px!important;
}
.dep--list{
    margin-top:160px;
}
.dep--list > div{
    margin-bottom:50px;
}
.dep--list > div h2{
    font-size:15px;
    font-weight: 400;
    background:#7a7d7d;
    border-radius: 30px;
    height:30px;
    color:#fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding:0 15px;
    margin-bottom:15px;
}

.dep--list > div  > div ul{
    width:100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.dep--list > div  > div ul li{
    margin-right:10px;
    margin-bottom:15px;
}



/*******************************************************
* 채용안내
 */
.recurit-section-1{
    padding:280px 0px;
    background:url(../img/op_text_cp.png) no-repeat 8.4% 390px;
}
.recurit-section-1 .inner--wrap{
    width:100%;
    max-width:1400px;
    margin:0 auto;
    display:flex;
    align-items: center;
    justify-content: flex-end;
}
.recurit-section-1 .inner--wrap > div{
    width:100%;
    max-width:720px;
}
.recurit-section-1 .inner--wrap > div > h2{
    font-size:45px;
    color:#111;
    font-weight: 700;
}

.recurit-section-1 .inner--wrap > div > p{
    font-size:20px;
    color:#555;
    font-weight: 300;
    line-height: 1.7;
    margin-top:70px;
}

/*******************************************************
* 오시는길
 */
.wtc-section-1{}
.wtc-section-1 .inner--wrap{}
.wtc-section-1 .inner--wrap .map--contents{
    width:100%;
    display: flex;
    position: relative;
    z-index: 1;
    padding-bottom:206px;
}

.wtc-section-1 .inner--wrap .map--contents .overview{
    position: absolute;
    top:0px;
    left:0px;
    z-index: 2;
    width:100%;
    height:100%;
    background: rgba(0,0,0,.5);
    display: flex;
    align-items: center;
    justify-content: center;
    color:#fff;

}

.wtc-section-1 .inner--wrap .map--contents .map{
    position: relative;
    /*height:750px;*/
    height:590px;
    width:100%;
}

.wtc-section-1 .inner--wrap .map--contents .map .root_daum_roughmap{
    width:100%!important;
}
.wtc-section-1 .inner--wrap .map--contents .map  .root_daum_roughmap .wrap_controllers{
    display: none!important;
}
.wtc-section-1 .inner--wrap .map--contents .add--info{
    pointer-events: none;
    max-width:1200px;
    width:100%;
    height:257px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    -webkit-box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.26);
    box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.26);
    position: absolute;
    bottom:102px;
    left:50%;
    transform: translateX(-50%);
    padding:80px 70px;
    box-sizing: border-box;
    background: #fff;
    z-index: 9;
}

.wtc-section-1 .inner--wrap .map--contents .add--info > h2{
    font-size:22px;
    color:#000;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    margin-bottom:35px;
}

.wtc-section-1 .inner--wrap .map--contents .add--info > p{
    margin-bottom:25px;
    font-size:17px;
    color:#333;
    font-weight: 400;
}
.wtc-section-1 .inner--wrap .map--contents .add--info .add--num ul{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.wtc-section-1 .inner--wrap .map--contents .add--info .add--num ul li{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-right:35px;
    position: relative;
    z-index: 1;
}

.wtc-section-1 .inner--wrap .map--contents .add--info .add--num ul li:before{
    content:'';
    display: inline-flex;
    width:16px;
    height:16px;
    margin-right:10px;
}

.wtc-section-1 .inner--wrap .map--contents .add--info .add--num ul li:after{
    content:'';
    width:1px;
    height:16px;
    background:#e2e2e2;
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    right:18px;
}

.wtc-section-1 .inner--wrap .map--contents .add--info .add--num ul li:last-child:after{
    display: none;
    padding-right:0px;
}

.wtc-section-1 .inner--wrap .map--contents .add--info .add--num ul li:nth-of-type(1):before{
    background:url(../img/add_ic01.png) no-repeat center;
}
.wtc-section-1 .inner--wrap .map--contents .add--info .add--num ul li:nth-of-type(2):before{
    background:url(../img/add_ic02.png) no-repeat center;
}
.wtc-section-1 .inner--wrap .map--contents .add--info .add--num ul li:nth-of-type(3):before{
    background:url(../img/add_ic03.png) no-repeat center;
}



/*******************************************************
* 오피니언 소개
 */


.about-section-1{
    width:100%;
    height:1080px;
    background:url(../img/about_bg2.png) no-repeat center;
    display: flex;
    align-items: center;
}
.about-section-1 .inner--wrap{
    width:100%;
    max-width:1200px;
    margin:0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.sect--desc--01{
    width:100%;
    max-width:650px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}

.sect--desc--01 > h2{
    font-size:45px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}

.sect--desc--01 > h2 span{
    color:#e8513c;
}

.sect--desc--01 > p{
    margin-top:45px;
    font-size:20px;
    color:#777;
    line-height: 1.7;
}

.sect--desc--01 .btn--wrap{
    width:100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top:95px;
}

.sect--desc--01 .btn--wrap a{
    font-size:18px;
    color:#fff;
    font-weight: 300;
    background:#e8513c;
    height:60px;
    border-radius: 60px;
    padding:0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.sect--d .btn--wrap{
    width:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top:45px;
}

.sect--d .btn--wrap a{
    font-size:18px;
    color:#fff;
    font-weight: 300;
    background:#e8513c;
    height:60px;
    border-radius: 60px;
    padding:0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.about-section-2 .inner--wrap > h2{
    font-size:60px;
    color:#222;
    text-align: center;
    font-weight: 700;
    line-height: 1.4;
}

.about-section-2 .inner--wrap >p{
    font-size:20px;
    color:#777;
    text-align: center;
    line-height: 1.8;
    margin-top:35px;
}

.about-section-2 .sub--evt--visual2 {
    width:100%;
    height:500px;
    background:url(../img/about_bg3.png) no-repeat center;
    margin-top:110px;
}
.about-section-3 .inner--wrap{
    width:100%;
    max-width:1200px;
    margin:0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding:60px 0px 80px;
}
.about-section-3 > h2{
    width:100%;
    max-width:1200px;
    margin:0 auto;
    display: flex;
    align-items: center;
    padding-top:80px;
    font-size:40px;
    font-weight: 600;
}
.about-section-3 .inner--wrap .evt--r--ban--content{
    display: flex;
    align-items: center;
    justify-content: center;
    height:100%;
    flex-direction: column;
}
.about-section-3 .inner--wrap .evt--r--ban--content > div{
    margin-bottom:125px;
}
.about-section-3 .inner--wrap .evt--r--ban--content > div:last-child{
    margin-bottom:0px;
}
.about-section-3 .inner--wrap > ul{
    position: relative;
}
.about-section-3 .inner--wrap > ul:after{
    content:'';
    width:1px;
    height:calc(100% - 90px);
    position: absolute;
    top:10px;
    left:110px;
    background:#e2e6ed;
}
.about-section-3 .inner--wrap li{
    display: flex;
    margin-bottom:100px;
}
.about-section-3 .inner--wrap li:last-child{
    margin-bottom:0px;
}
.about-section-3 .inner--wrap li > div:nth-of-type(1){
    font-size:30px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    line-height: 100%;
    position: relative;
}
.about-section-3 .inner--wrap li > div{
    position: relative;
    z-index: 1;
}
.about-section-3 .inner--wrap li > div:nth-of-type(2){
    margin-left:100px;
    font-size:18px;
    color:#222;
    font-weight: 300;
    line-height: 1.8;
    margin-top:-5px;
}

.about-section-3 .inner--wrap li > div:nth-of-type(1):after{
    content:'';
    display: block;
    width:8px;
    height:8px;
    background: #fff;
    border:3px solid #e8513c;
    border-radius: 20px;
    position: absolute;
    top:10px;
    left:104px;
}

.about-section-4{
    width:100%;
    box-sizing: border-box;
    /*background:#322d37 url(../img/organizationchart.png) no-repeat center;*/
    background:#322d37;
    /*height: 440px;*/
    padding-top: 140px;
    padding-bottom:140px;
}

.about-section-4 .organization__chart{
    margin-top:85px;
}

.about-section-4 .organization__chart img{
    max-width:100%;
    margin:0 auto;
}

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

.about-section-4 .inner--wrap{
    width:100%;
    max-width:1200px;
    margin:0 auto;
}

.about-section-4 .inner--wrap > h2{
    font-size:40px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    color:#ed4719;
    text-transform: uppercase;
}

.about-section-4 .inner--wrap > h3{
    font-size:40px;
    color:#fff;
    font-weight: 300;
}

.notice--body{
    padding-top:140px;
}
.notice--body h2{
    color:#222;
    font-size:45px;
    font-weight:700;
    text-align: center;
}
.notice--body > p{
    text-align: center;
    color:#777;
    font-size:20px;
    font-weight: 300;
    margin-top:20px;
}

.notice--body .tab{
    width:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top:64px;
}

.notice--body .tab > div{
    width:160px;
    height:60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:16px;
    color:#999;
    font-weight: 400;
    border:1px solid #e4e4e4;
    border-radius: 60px;
    box-sizing: border-box;
    margin:0px 12.5px;
    cursor: pointer;
}
.notice--body .tab > div.actv{
    color:#111;
    font-weight: 500;
    border-color:#111;
}

.notice--body .board--wrap{
    border-top:2px solid #111;
    max-width:1200px;
    width:100%;
    margin:0 auto;
    margin-top:70px;
}
.notice--body .board--wrap table{
    width:100%;
}
.notice--body .board--wrap td,
.notice--body .board--wrap th{
    height:60px;
    border-bottom:1px solid #eee;
}

.notice--body .board--wrap td a{
    text-decoration: none;
    color:#222;
}

.notice--body .board--wrap .nt--ic02,
.notice--body .board--wrap .nt--ic01{
    display: inline-flex;
    height:28px;
    padding:0px 16px;
    color:#fff;
    border-radius: 30px;
    margin-right:15px;
}
.notice--body .board--wrap .nt--ic01{
    background:#333;
}
.notice--body .board--wrap .nt--ic02{
    background:#e8513c;
}
.board__pagination{
    width:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top:40px;
    padding-bottom:150px;
}


.board__pagination.ty2{
    justify-content: space-between;
    max-width:1200px;
    margin:0 auto;
    padding-bottom:15px;
}

.board__pagination a{
    vertical-align: top;
    display: inline-flex;
    width:40px;
    height:40px;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    border:1px solid #ddd;
    box-sizing: border-box;
    color:#888;
    font-size:14px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    text-decoration: none;
}

.board__pagination a.list{
    padding:0 15px;
    width:auto;
}
.board__pagination a.prev{
    background:url(../img/left_ic.png) no-repeat center;
}
.board__pagination a.next{
    background:url(../img/right_ic.png) no-repeat center;
}

.board__pagination a.actv{
    border-color:#222;
    color:#222;
    font-weight: 500;
}


.qna--contents{
    width:100%;
    max-width:1200px;
    margin:0 auto;
    padding-bottom:140px;
}
.qna--contents .desc--title{
    font-size:17px;
    color:#000;
    text-align: right;
    padding:0px;
    margin:0px;
    width:100%;
    margin-bottom:20px;
    margin-top:25px;
}
.qna--contents .desc--title i{
    font-style: normal;
    color:#e8513c;
}

.hmb--btn{
    position: fixed;
    top:20px;
    right:20px;
    z-index: 999;
    width:30px;
    height:30px;
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
}


.hmb--btn span{
    display: block;
    height:3px;
    margin:3px 0px;
    width:100%;
    background:#fff;
    transition: all .3s linear;
}

nav.mob .hmb--btn span,
nav.actv .hmb--btn span{
    background:#7a7d7d;
}

nav.sub--wrap{
    background: #fff;
}



.hmb--btn.actv span:nth-of-type(1){
    transform: translateY(4.5px) rotate(45deg) ;
}
.hmb--btn.actv span:nth-of-type(2){
    display: none;
}
.hmb--btn.actv span:nth-of-type(3){
    transform: translateY(-4.5px) rotate(135deg) ;
}


nav.mob .header--wrapper .gnb--list > li{
    min-height:45px;
    border-bottom:1px solid #eee;
    width:100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left:15px;
    position: relative;
    z-index: 1;
}

nav.mob .header--wrapper .gnb--list > li:first-child{
    border-top:1px solid #eee;
}

nav.mob .header--wrapper .gnb--list > li:after{
    content:'';
    display: block;
    width:20px;
    height:20px;
    background: url(../img/btm_arrow2.png) no-repeat center;
    position: absolute;
    top:13px;
    right:15px;
}



/**************************************************************
* 게시판 보기
 */
.board--wrap.view--type{
    margin-bottom:150px;
}
.board--title--wrap{
    padding:20px;
    background: #f8f8f8;
}
.board--title{
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size:16px;
    overflow: hidden;
}
.board--info{
    margin-top:15px;
    font-size:12px;
}
.board--info span{
    margin-right:15px;
}
.board--content{
    padding:20px;
    min-height:500px;
    border:1px solid #eee;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}


/*************************************************************
* 조직도
 */

.organization--chart{
    width:100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top:45px;
    position: relative;
    z-index: 1;
}
.organization--chart:after{
    content:'';
    width:100%;
    height:1px;
    border-bottom:1px dashed #ed4719;
    position: absolute;
    top:25px;
    z-index: -1;
}


.organization--chart > div{
    display: inline-flex;
    background-color: #322d37;
    border:1px solid #ed4719;
    color:#ed4719;
    height:50px;
    border-radius: 60px;
    align-items: center;
    justify-content: center;
    width:170px;
}


.agree--check{
    margin-top:10px;
    width:100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.agree--check >a{
    margin-left:10px;
    color:#222;
}


.modal--layer--wrap{
    position: fixed;
    top:0px;
    left:0px;
    background: rgba(0,0,0,.5);
    width:100%;
    height:100%;
    z-index: 99999;
    display: none;
    align-items: center;
    justify-content: center;
}

.modal--layer--wrap .modal--layer--content{
    width:100%;
    max-width:500px;
    height:450px;
    background: #fff;
    padding:15px;
    position: relative;
    z-index: 1;
}

.modal--layer--wrap .modal--layer--content h2{}
.modal--layer--wrap .modal--layer--content .agree--text{
    margin-top:15px;
    overflow-y: auto;
    max-height:350px;
    font-size:13px;
    line-height: 1.6;
}

.modal--layer--wrap .modal--layer--content .agree--text h2{
    font-size:15px;
}

.modal--layer--wrap .modal--layer--content .agree--text p{}

.modal--layer--wrap .modal--layer--content .agree--text em{
    color:#a50025;
    font-style: normal;
}

.modal--layer--wrap .modal--layer--content .modal--close{
    position: absolute;
    top:0px;
    right:0px;
    background: #fff;
    border:0px;
    width:45px;
    height:45px;
    overflow:hidden;
}

.modal--layer--wrap .modal--layer--content .modal--close span{
    font-size:30px;
    display: block;
    position: relative;
    top:-2px;
    transform: rotate(45deg);
}

.agree--table{
    width:100%;
}
.agree--table thead th{
    background:#f1f1f1;
    border:1px solid #ddd;
    padding:10px;
}

.agree--table tbody td{
    border:1px solid #ddd;
    padding:10px;
}

.agree--table.ty2{
    width:100%;
}
.agree--table.ty2 th{
    background:#f1f1f1;
    border:1px solid #ddd;
    padding:10px;
}
.agree--table.ty2 td{
    border:1px solid #ddd;
    padding:10px;
}


.qna__btn{
    display: flex;
    align-items: center;
    justify-content: center;
    height:35px;
    line-height: 35px;
    background: #e8513c;
    border-radius: 35px;
    position: fixed;
    bottom:35px;
    right:35px;
    font-size: 14px;
    z-index: 9999;
    color:#fff!important;
    padding:0px 15px;
}


.dev__content__bg{
    margin-top:102px;
    padding-bottom:100px;
}

.dev__content__bg img{
    width:100%;
    max-width:100%;
}

.dev__content__bg .mvs{
    display: none;
}



.sub--body .dev-section-1{
    padding-top:135px;
}
.sub--body .dev-section-1 .inner--wrap{
    width:100%;
    max-width:1200px;
    margin:0 auto;
}


.sub--body .dev-section-1 .inner--wrap > p{
    font-size:30px;
    font-weight: 300;
    color:#333;
    text-align: center;
    line-height: 1.7;
    margin-top:45px;
}