/*

line 158    -> 중국어 모바일 버전 컨트롤
line 2234   -> 중국어 데스크탑 버전 컨트롤


*/



@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);
@import url('https://fonts.googleapis.com/css?family=Lato');

.noto{ font-family: 'Noto Sans Korean', sans-serif; }
.lato{ font-family: 'Lato', sans-serif; }
html,body{ width:100%; height:100%; }
html{ font-size:10px;  }
.ir{ font-size:0; text-indent:-999px;}
.ovh{ overflow:hidden; }
.fl{ float:left; }
.fr{ float:right; }
.wrap{ width:100%; box-sizing:border-box; }
body{
    font-family: 'NanumSquare', sans-serif;
    overflow-x:hidden;
}
.smaller{
    font-size:0.7em;
}
.bigger{
    font-size:1.3em;
}
.wrapper{
    overflow:hidden;
    width:100%;
}


header {
    position:fixed;
    top:0;
    left:0;
    z-index:9;
    width:100%;
    padding:20px 10px;
    box-sizing:border-box;
    transition:all 0.6s ease;
    -webkit-transition:all 0.6s ease;
    -moz-transition:all 0.6s ease;
}
header.on{
    background:rgba(0,0,0,0.6);
}
.logo{
    position: relative;
    z-index:5;
    display:block;
    width:90px;
    height:35px;
}
.h_logo{
    background:url('../img/logo.png') 0 0 no-repeat;
    background-size:100%;
    transition:all 0.6s ease;
    -webkit-transition:all 0.6s ease;
    -moz-transition:all 0.6s ease;
}

.logo img{
    width:90px;
    height:35px;
}
nav{
    position: fixed;
    top:0;
    left:0;
    z-index:10;
    width:100%;
    height:100%;
    padding:20px 10px;
    box-sizing: border-box;
    transform:translateY(-100%);
    transition:transform 0.3s ease;
    -webkit-transition:transform 0.3s ease;
    -moz-transition:transform 0.3s ease;
    background-color:#133a6d;
    background-image: linear-gradient(-130deg, #482e84, #023d66);
    color:#fff;
}
    
nav.on{
    transform:translateY(0);
}
header > div.wrap > button,
nav > button{
    margin-top:10px;
}
nav > button{
    position: relative;
    z-index:10;
}
nav > button img{
    width:18px;
    height:auto;
}

nav ul.navi{
    position:absolute;
    top:44%;
    left:0;
    width:100%;
    clear:both;
    transform:translateY(-50%);
}
nav ul.navi li{
    margin:35px 0;
    text-align:center;
    font-size:20px;
    font-weight:bold;
    line-height:1;
}
.down_wrap{
    display:none;
}
.down{
    display:block;
    width:140px;
    padding:10px 20px;
    padding-left:45px;
    color:#fff;
    font-size:13px;
    font-weight:bold;
    background:url('../img/btn_m_down.png') 16px 10px no-repeat;
    background-size:15px;
    text-align:center;
}
.m_down{
    position: absolute;
    left:10px;
    bottom:70px;
    overflow:hidden;
    width:calc(100% - 20px);
    height:32px;
    border:1px solid #fff;
    box-sizing:border-box;
}
.m_down > span,
.m_down a{
    display:inline-block;
    float:left;
    font-size:13px;
    line-height:32px;
    font-weight:bold;
    text-align:center;
}


/*----   중국어 컨트롤.    ----*/

/*  중국어 다운버튼 표현할 때는, 아래 주석 해제. */
/*
.m_down > span{
    width:40%;
}
.m_down a{
    width:20%;
    border-left:1px solid #fff;
    box-sizing:border-box;
}
*/

/* 아래 부분은 삭제. */
.m_down > span{
    width:50%;
}
.m_down a{
    width:25%;
    border-left:1px solid #fff;
    box-sizing:border-box;
}
.dwon_cn{
    display:none;
}
/* 여기까지 */


/*----      ----*/

.m_down a img{
    width:15px;
    margin-left:5px;
}
nav .nav_sns{
    position: absolute;
    bottom:35px;
    left:0;
    width:100%;
    font-size:0;
    text-align:center;
}
nav .nav_sns li{
    display:inline-block;
    margin:0 20px;
}
nav .nav_sns li a{
    display:block;
    width:25px;
    height:25px;
}
nav .nav_sns li a.daum{
    display:block;
    width:30px;
    height:25px;
}
nav .nav_sns li a.naver{ background:url('../img/side_naver_off.png') 50% 50% no-repeat; background-size:contain;}
nav .nav_sns li a.daum{ background:url('../img/side_daum_off.png') 50% 50% no-repeat; background-size:contain;}
nav .nav_sns li a.kakao{ background:url('../img/sns_kakao.png') 50% 50% no-repeat; background-size:contain;}
nav .nav_sns li a.instar{ background:url('../img/sns_instar.png') 50% 50% no-repeat; background-size:contain;}
nav .nav_sns li a.face{ background:url('../img/sns_face.png') 50% 50% no-repeat; background-size:contain;}
nav .nav_sns li a.tweeter{ background:url('../img/sns_tweeter.png') 50% 50% no-repeat; background-size:contain;}

nav .nav_sns li a.naver:hover{ background:url('../img/sns_naver_on.png') 50% 50% no-repeat; background-size:contain;}
nav .nav_sns li a.daum:hover{ background:url('../img/sns_daum_on.png') 50% 50% no-repeat; background-size:contain;}
nav .nav_sns li a.kakao:hover{ background:url('../img/sns_kakao_on.png') 50% 50% no-repeat; background-size:contain;}
nav .nav_sns li a.instar:hover{ background:url('../img/sns_instar_on.png') 50% 50% no-repeat; background-size:contain;}
nav .nav_sns li a.face:hover{ background:url('../img/sns_face_on.png') 50% 50% no-repeat; background-size:contain;}
nav .nav_sns li a.tweeter:hover{ background:url('../img/sns_tweeter_on.png') 50% 50% no-repeat; background-size:contain;}
header .wrap > button img{
    width:24px;
    height:auto;
}
.lang{
    display:none;
}
.m_lang{
    position: absolute;
    top:27px;
    right:42px;
    overflow:hidden;
    border:1px solid #fff;
    color:#fff;
}
.m_lang a{
    display:block;
    width:44px;
    height:25px;
    float:left;
    font-size:15px;
    font-weight:900;
    line-height:25px;
    text-align:center;
}
.m_lang a.on{
    color:#103a6c;
    background:#fff;
}
aside{
    display:none;
}

.cont{
    width:100%;
    height:100%;
}
.main_visual{
    overflow:hidden;
    position: relative;
    width:100%;
    height:100%;
    background:url('../img/main_m_vis.jpg') 50% 50% no-repeat;
    background-size:cover;
}
.main_visual > .wrap{
    overflow:hidden;
    height:100%;
}
.next_dpec{
    display:none;
}
.main_visual .text_box{
    position: absolute;
    bottom:30px;
    left:0;
    color:#fff;
    font-size:2.4em;
}
.main_visual .text_box span{
    display:inline-block;
    opacity:0;
    transition:opacity 0.3s ease;
    -webkit-transition:opacity 0.3s ease;
    -moz-transition:opacity 0.3s ease;
}

.main_visual .text_box h1{
    width:100%;
    padding:0 14px;
    font-size:45px;
    font-weight:bold;
    box-sizing:border-box;
}
.main_visual .text_box p{
    width:100%;
    padding:20px 14px;
    box-sizing:border-box;
}
.main_visual .text_box p:nth-of-type(1){
    font-weight:bold;
}
.main_visual .img_box{
    position: absolute;
    right:-20px;
    top:30%;
    z-index:5;
    width:200px;
    height:200px;
}
.main_visual .img_box img{
    position: absolute;
    top:0;
    left:0;
    z-index:5;
    display:block;
    width:100%;
    height:100%;
}
.main_visual .img_box img.middle{
    animation: main_r 60s linear infinite;
}
.main_visual .img_box img.outer{
    animation: main_rr 16s linear infinite;
}
.main_visual .img_box img.outer2{
    animation: main_r 34s linear infinite;
}

@keyframes main_r{
    0%{
        transform:rotate(0);
    }
    100%{
        transform:rotate(360deg);
    }
}
@keyframes main_rr{
    0%{
        transform:rotate(0);
    }
    100%{
        transform:rotate(-360deg);
    }
}
@-webkit-keyframes main_r{
    0%{
        transform:rotate(0);
    }
    100%{
        transform:rotate(360deg);
    }
}
@-webkit-keyframes main_rr{
    0%{
        transform:rotate(0);
    }
    100%{
        transform:rotate(-360deg);
    }
}
@-moz-keyframes main_r{
    0%{
        transform:rotate(0);
    }
    100%{
        transform:rotate(360deg);
    }
}
@-moz-keyframes main_rr{
    0%{
        transform:rotate(0);
    }
    100%{
        transform:rotate(-360deg);
    }
}


.light_box{
    display:none;
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.light_box img{ position:absolute; z-index:3;}




.m_light{
    position: absolute;
    top:0;
    left:0;
    z-index:2;
    width:100%;
    height:100%;
}
.m_light .light_1{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:url('../img/main_vis_m_light1.png') 50% 50% no-repeat;
    background-size:cover;
    animation:light1 0.5s linear infinite alternate;

}
.m_light .light_2{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:url('../img/main_vis_m_light2.png') 50% 50% no-repeat;
    background-size:cover;
    animation:light1 1s linear infinite alternate;

}
.m_light .light_3{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:url('../img/main_vis_m_light3.png') 50% 50% no-repeat;
    background-size:cover;
    animation:light1 0.7s linear infinite alternate;

}

@keyframes light1{
    0%{ opacity:1; }
    100%{ opacity:0.4; }
}
@-webkit-keyframes light1{
    0%{ opacity:1; }
    100%{ opacity:0.4; }
}
@-moz-keyframes light1{
    0%{ opacity:1; }
    100%{ opacity:0.4; }
}


.dpec {
    position: relative;
    width:100%;
    padding:30px 14px;
    box-sizing:border-box;
}

.dpec h1{
    font-size:29px;
    text-align:center;
    font-weight:900;
    color:#252525;
}
.dpec h1+p{
    margin:20px 0;
    font-size:12px;
    text-align:center;
    color:#252525;
    line-height:1.4;
}
.dpec .dpec_box{
    position: absolute;
    top:460px;
    left:50%;
    width:251px;
    height:251px;
    margin-left:-125px;
}
.dpec .dpec_box img{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.dpec .dpec_box img:nth-of-type(2){
    animation: main_r 20s linear infinite;
}
.dpec ul li{
    overflow:hidden;
    width:100%;
    padding:30px 20px;
    box-sizing: border-box;
}
.dpec ul li:nth-of-type(3){
    margin-top:300px;
}
.dpec ul .txt_area{
    width:calc(100% - 100px);
}
.dpec ul img{
    width: 86px;
    height:auto;
}
.dpec ul li:nth-of-type(1) img,
.dpec ul li:nth-of-type(3) img,
.dpec ul li:nth-of-type(2) .txt_area,
.dpec ul li:nth-of-type(4) .txt_area{
    float:left;
}
.dpec ul li:nth-of-type(2) img,
.dpec ul li:nth-of-type(4) img,
.dpec ul li:nth-of-type(1) .txt_area,
.dpec ul li:nth-of-type(3) .txt_area{
    float:right;
}
.dpec ul li:nth-of-type(1),
.dpec ul li:nth-of-type(3){
    background:url('../img/dpec_bg.png') 6% 100% no-repeat;
    background-size:109px 79px;
}
.dpec ul li:nth-of-type(2),
.dpec ul li:nth-of-type(4){
    background:url('../img/dpec_bg.png') 98.5% 100% no-repeat;
    background-size:109px 79px;
}
.dpec ul li:nth-of-type(1) img{ animation: dpec_s 3s ease-in-out infinite; }
.dpec ul li:nth-of-type(2) img{ animation: dpec_s 3s 1s ease-in-out infinite; }
.dpec ul li:nth-of-type(3) img{ animation: dpec_s 3s 2s ease-in-out infinite; }
.dpec ul li:nth-of-type(4) img{ animation: dpec_s 3s 3s ease-in-out infinite; }

@keyframes dpec_s{
    0%{ transform:translateY(0%); }
    50%{ transform:translateY(-15%); }
    100%{ transform:translateY(0%); }
}
@-webkit-keyframes dpec_s{
    0%{ transform:translateY(0%); }
    50%{ transform:translateY(-15%); }
    100%{ transform:translateY(0%); }
}
@-moz-keyframes dpec_s{
    0%{ transform:translateY(0%); }
    50%{ transform:translateY(-15%); }
    100%{ transform:translateY(0%); }
}


.dpec ul h2{
    font-size:20px;
    color:#081b7c;
    font-weight:900;
    line-height:1.3;
}
.dpec ul p{
    margin-top:10px;
    font-size:14px;
}

.news{
    width:100%;
    padding:50px 0;
    background:url('../img/news_bg2_m.jpg') 50% 50%  no-repeat;
    background-size:cover;
}
.news h1{
    font-size:29px;
    text-align:center;
    font-weight:900;
    letter-spacing: -1px;
}
.news .news_slide{
    width:100%;
    margin:20px 0;
    font-size:0;
}
.news .news_slide > li{
    display:inline-block;
    width:90%;
    margin:0 10px;
}

.news .news_slide > li a{
    display:block;
    width:100%;
}
.news_slide .slick-dots{
    bottom:-50px;
}
.news_slide .slick-slide{
    margin:0 10px;
}



.news .n_img_box{
    position: relative;
    width:100%;
    padding-bottom:57.9%;
}
.news h2{
    margin:15px 0;
    font-size:16px;
    color:#081b7c;
    line-height:1.3;
    font-weight:700;
}
.news p{
    font-size:12px;
    color:#252525;
    line-height:1.4;
}
.news p.date{
    margin-top:20px;
    font-size:10px;
    color:#7d7d7d;
}
.news_slide .slick-active .n_img_box:before{
    content:'';
    display:block;
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:url('../img/news_border_m.png') 0 0 no-repeat;
    background-size:100%;
}

.bg{
    display:none;
    position:fixed;
    top:0;
    left:0;
    z-index:30;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.8);
    opacity:0;
    transition:opacity 0.4s ease;
    -webkit-transition:opacity 0.4s ease;
    -moz-transition:opacity 0.4s ease;
}
.bg.on{
    opacity:1;
}
.news_pop{
    overflow-y:auto;
    position: absolute;
    top:50%;
    left:50%;
    width:100%;
    max-width:880px;
    height:auto;
    max-height:80%;
    padding:30px;
    background:#fff;
    box-sizing:border-box;
    transform:translate(-50%, -50%);
}
.news_pop  button{
    position: absolute;
    top:0;
    right:0;
    width:18px;
    height:18px;
    background:url('../img/btn_close.png') 0 0 no-repeat;
    background-size:contain;
}
.img_pop{
    position: absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
}
.img_pop > button{
    position: absolute;
    top:-22px;
    right:0;
    width:22px;
    height:22px;
    background:url('../img/btn_m_close.png') 0 0 no-repeat;
    background-size:contain;
}
.news_cont{
    width:100%;
}
.news_cont h2{
    padding:30px 0;
    font-size:25px;
    font-weight:bold;
    line-height:1.4;
    border-bottom:1px solid #000;
}
.news_cont .news_info{
    font-size:13px;
    color:#7d7d7d;
    margin:20px 0;
}
.news_cont .description{
    margin:50px 0 25px 0;
    font-size:15px;
    color:#252525;
}
.news_cont .description img{
    display:block;
    max-width:90%;
    height:auto;
    margin:45px auto;
}

.what{
    width:100%;
    padding:60px 14px 80px;
    background:url('../img/dpec_des_m_bg.jpg') 50% 50% no-repeat;
    background-size:cover;
    color:#fff;
    box-sizing: border-box;
}
.what h1{
    font-size:29px;
    text-align:center;
    font-weight:900;
}
.what h1+p{
    margin:20px 0;
    font-size:12px;
    text-align:center;
    color:#a5adbc;
    line-height:1.4;
}

.m_selector{
    width:90%;
    height:40px;
    margin:0 auto;
    border:1px solid #fff;
    box-sizing:border-box;
}
.m_selector button{
    position: relative;
    display:block;
    width:100%;
    height:100%;
    font-size:15px;
    font-weight:600;
}
.m_selector button:after{
    content:'';
    display:block;
    position: absolute;
    top:14px;
    right:20px;
    width:24px;
    height:11px;
    background:url('../img/arrow_3.png') 0 0 no-repeat;
    background-size:100%;
}
.tab_wrap{
    width:100%;
    position: relative;
}
.tab_menu{
    position: absolute;
    top:40px;
    left:5%;
    z-index:15;
    overflow:hidden;
    width:90%;
    height:0px;
    margin:0 auto;
    border:0px solid #fff;
    box-sizing:border-box;
    transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
}
.tab_menu.on{
    height:160px;
    border:1px solid #fff;
}
.tab_menu button{
    display:block;
    width:100%;
    height:40px;
    background:#fff;
    border-top:1px solid #000;
    box-sizing: border-box;
    color:#000;
    font-size:15px;
    font-weight:600;
}
.tab_menu button:nth-of-type(1){
    border-top:none;
}
.what_slide{
    width:100%;
    font-size:0;
}
.what_slide > li{
    overflow:hidden;
    display:inline-block;
    width:100%;
    font-size:14px;
}
.what_slide .wdpec .what_right{
    position: relative;
    width:100%;
    height:450px;
}
.what_slide .wdpec .what_right ul{
    position: relative;
    z-index:5;
}
.what_slide .wdpec .what_right img{
    position: absolute;
    top:0;
    left:0;
    z-index:3;
    display:block;
    width:261px;
    height:auto;
    margin-top:100px;
    margin-left:calc(50% - 130px);
}
/* .what_slide .wdpec .what_right{
    background:url('../img/dpec_des_img.png') 50% 50% no-repeat;
    background-size:261px 251px;
} */
.what_slide .what_right ul{
    position: relative;
    width:100%;
    height:100%;
}
.what_slide .what_right li{
    position: absolute;
    text-align:center;
}
.what_slide .what_right li:nth-of-type(1){ top:95px; left:50%; transform:translateX(-50%); }
.what_slide .what_right li:nth-of-type(2){ top:285px; left:2%; }
.what_slide .what_right li:nth-of-type(3){ top:285px; right:2%; }
.what_slide .what_right h3{
    font-size:17px;
    font-weight:900;
    color:#4fc6ff;
    background:linear-gradient(to right, #80ecff, #4fc6ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    .what_slide .what_right h3 {
        background: transparent;
    }
}
.what_slide .what_right p{
    margin-top:10px;
    font-size:11px;
    line-height:1.3;
}
.what_slide .what_left h2{
    font-size:20px;
    line-height: 1.3;
    font-weight:600;
}
.what_slide .what_left h2 span.bigger{
    font-size:25px;
    line-height:1.8;
}
.what_slide .more{
    display:inline-block;
    margin-top:40px;
    font-size:12px;
}
.what_slide .more img{
    display:inline-block;
    width:99px;
    height:auto;
    margin-left:30px;
}


.what_slide .slick-dots{
    bottom:-50px;
}
.what_slide .slick-dots li.slick-active button:before{
    opacity:1;
    color:#7de9ff;
}
.what_slide .slick-dots li button:before{
    color:#fff;
}

.scalability{
    padding-bottom:30px;
}

.scalability .s_item{
    padding:0 24px;
    box-sizing: border-box;
}
.usability .what_left,
.globalization .what_left,
.scalability .what_left{
    margin-top:50px;
    background:url('../img/what_02_bg_1.png') 20px 20px no-repeat;
    background-size:194px;
}
.what_slide .usability .what_left h2,
.what_slide .globalization .what_left h2,
.what_slide .scalability .what_left h2,
.scal_02 h2{
    font-size:17px;
}
.scal_02 h2{
    margin-top:50px;
    line-height:1.4;
}
.what_slide .usability .what_left h2 span.bigger,
.what_slide .globalization .what_left h2 span.bigger,
.what_slide .scalability .what_left h2 span.bigger,
.scal_02 h2 span.bigger{
    font-size:30px;
}
.scal_02 h2 span.bigger{
    font-weight:900;
    line-height: 1.8;
}
.scal_02 h2 span.block{
    display:block;
}
.usability .what_left h2+div,
.globalization .what_left h2+div,
.scalability .what_left h2+div{
    margin-top:30px;
    padding-bottom:40px;
}
.usability .what_left h2+div p,
.globalization .what_left h2+div p,
.scalability .what_left h2+div p{
    margin:20px 0;
    font-size:20px;
    color:#6dcff6;
    font-weight:bold;
}
.what_slide .usability .what_right p,
.what_slide .globalization .what_right p,
.what_slide .scalability .what_right p{
    margin:20px 0;
    font-size:15px;
    line-height:1.7;
    font-weight:400;
    word-break: keep-all;
}
.scal_02 h2 span.block{
    display:inline-block;
}
.what_slide .b_slide .texts span{
    display:inline-block;
    opacity:0;
}
.what_slide .scalability .slick-dots{
    bottom:none;
    top:0;
}

.what_slide .scalability .slick-dots li button:before{
    font-size:20px;
}
.what_slide .scalability .slick-prev{
    left:0;
    z-index:10;
}
.what_slide .scalability .slick-next{
    right:0;
    z-index:10;
}
.scal_02 .wrap_box{
    width:100%;
}
.scal_02 .bg_box{
    width:100%;
    padding-bottom:72%;
    background:url('../img/scala_02.png') 0 0 no-repeat;
    background-size:contain;
}
.scal_02 .txt_box{
    width:100%;
    font-size:15px;
    line-height:1.7;
    font-weight:400;
}
.scal_02 .txt_box p{
    margin:15px 0;
}
.scal_02.scal_03 .bg_box{
    display:none;
    position: relative;
    width:100%;
    margin-top:30px;
    padding-bottom:104%;
    padding-top:40px;
    background:url('../img/scala_03_bg.png') 0 40px no-repeat;
    background-size:contain;
}
.scal_02.scal_03 .bg_box P{
    position: absolute;
    bottom:0;
    left:0;
    width:100%;
    font-size:15px;
    text-align:center;
}
.scal_03 .bg_box img{
    position: absolute;
    top:40px;
    left:0;
    width:100%;
    height:auto;
}
.scal_02.scal_03.img_on .bg_box{
    display:block;
}
.scal_03 .bg_box img:nth-of-type(1){ animation: scal_a 5s ease-in-out infinite; }
.scal_03 .bg_box img:nth-of-type(2){ animation: scal_a 5s 1s ease-in-out infinite; }
.scal_03 .bg_box img:nth-of-type(3){ animation: scal_a 5s 2s ease-in-out infinite; }
.scal_03 .bg_box img:nth-of-type(4){ animation: scal_a 5s 3s ease-in-out infinite; }
.scal_03 .txt_box h3{
    margin-top:45px;
    font-size:15px;
    font-weight:900;
    color:#45bbf3;
}
.scal_03 .txt_box p{
    margin-top:0;
}

@keyframes scal_a{
    0%{ transform:translateY(0px); }
    50%{ transform:translateY(-10px); }
    100%{ transform:translateY(0px); }
}
@-webkit-keyframes scal_a{
    0%{ transform:translateY(0px); }
    50%{ transform:translateY(-10px); }
    100%{ transform:translateY(0px); }
}
@-moz-keyframes scal_a{
    0%{ transform:translateY(0px); }
    50%{ transform:translateY(-10px); }
    100%{ transform:translateY(0px); }
}

.scal_03 .txt_box li{
    position: relative;
    padding-left:14px;
    margin:15px 0;
}
.scal_03 .txt_box li:before{
    content:'·';
    display: block;
    position: absolute;
    top:0;
    left:0;
}



.roadmap{
    width:100%;
    padding:60px 14px;
    box-sizing:border-box;
    background:url('../img/history_bg.jpg') 50% 50% no-repeat;
    background-size:cover;
}
.roadmap h1{
    margin-bottom:40px;
    font-size:29px;
    font-weight:900;
    color:#252525;
    text-align:center;
}
.roadmap .dot_wrap{
    position: relative;
    width:100%;
    height:90px;
}
.roadmap .dot_wrap:after{
    content:'';
    position: absolute;
    top:26px;
    left:0;
    z-index:5;
    width:100%;
    height:3px;
    background-color:#2e3093;
    background-image: linear-gradient(90deg, #4c1bbe, #25b6f9);
}
.roadmap .dot_wrap .prev{
    position: absolute;
    top:10px;
    left:0;
    z-index:7;
    width:36px;
    height:36px;
    border-radius: 18px;
    background:#4c1bbe;
    animation:roadBtn 0.6s infinite ease-in-out alternate;
}
.roadmap .dot_wrap .next{
    position: absolute;
    top:10px;
    right:0;
    z-index:7;
    width:36px;
    height:36px;
    border-radius: 18px;
    background:#25b6f9;
    animation:roadBtn 0.6s infinite ease-in-out alternate;
}

@keyframes roadBtn{
    0%{
        transform:scale(1);
        opacity:1;
    }
    100%{
        transform:scale(1.2);
        opacity:0.8;
    }
}
@-moz-keyframes roadBtn{
    0%{
        transform:scale(1);
        opacity:1;
    }
    100%{
        transform:scale(1.2);
        opacity:0.8;
    }
}
@-webkit-keyframes roadBtn{
    0%{
        transform:scale(1);
        opacity:1;
    }
    100%{
        transform:scale(1.2);
        opacity:0.8;
    }
}
.roadmap .dot_wrap .prev img,
.roadmap .dot_wrap .next img{
    width:8px;
    height:auto;
    margin-top:12px;
    margin-left:13px;
}
.roadmap .dot_wrap .next img{
    margin-left:14px;
}
.roadmap .dot_wrap .dotted{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    font-size:0;
}
.roadmap .dot_wrap .dotted li{
    display:none;
    position: absolute;
    top:0;
    z-index:6;
    height:100%;
}
.roadmap .dot_wrap .dotted .active{
    display:inline-block;
}
.roadmap .dot_wrap .dotted .active_0{left:25%; transform:translateX(-50%);}
.roadmap .dot_wrap .dotted .active_1{left:50%; transform:translateX(-50%);}
.roadmap .dot_wrap .dotted .active_2{left:75%; transform:translateX(-50%);}
.roadmap .dot_wrap .dotted.st .active_0{left:50%; transform:translateX(-50%);}
.roadmap .dot_wrap .dotted.st .active_1{left:75%; transform:translateX(-50%);}
.roadmap .dot_wrap .dotted.st .active_2{display:none;}
.roadmap .dot_wrap .dotted.en .active_0{display:none;}
.roadmap .dot_wrap .dotted.en .active_1{left:25%; transform:translateX(-50%);}
.roadmap .dot_wrap .dotted.en .active_2{left:50%; transform:translateX(-50%);}

.roadmap .dot_wrap .dotted .active:after{
    content:'';
    position: absolute;
    top:23px;
    z-index:6;
    width:10px;
    height:10px;
    background:#fff;
    border-radius:5px;
    box-sizing:border-box;
}
.roadmap .dot_wrap .dotted .active_0:after{left:50%;border:2px solid #4e4085;margin-left:-5px;}
.roadmap .dot_wrap .dotted .active_1:after{left:50%;border:2px solid #343e89; margin-left:-5px;}
.roadmap .dot_wrap .dotted .active_2:after{left:50%;border:2px solid #257ac2;margin-left:-5px;}
.roadmap .dot_wrap .dotted .active_0.on:after{background:#4e4085;}
.roadmap .dot_wrap .dotted .active_1.on:after{background:#343e89;}
.roadmap .dot_wrap .dotted .active_2.on:after{background:#257ac2;}
.roadmap .dot_wrap .dotted a{
    position: relative;
    top:0;
    display:inline-block;
    font-size:11px;
    font-weight:900;
    transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
}
.roadmap .dot_wrap .dotted li.active_0 a{ color:#4e4085; }
.roadmap .dot_wrap .dotted li.active_1 a{ color:#343e89; }
.roadmap .dot_wrap .dotted li.active_2 a{ color:#257ac2; }
.roadmap .dot_wrap .dotted li.on a{ 
    top:60px;
    width:94px;
    font-size:20px;
    text-align:center;
}
.road_slide{
    position: relative;
    width:100%;
    font-size:0;
}
.road_slide > li{
    display:inline-block;
    width:100%;
}
.road_slide .inner_list li{
    position: relative;
    margin:20px 0;
    padding-left:20px;
    font-size:13px;
    line-height: 1.4;
}
.road_slide .inner_list li:before{
    position: absolute;
    top:0;
    left:0;
    content:'·';
}

.dawin{
    width:100%;
    padding:40px 14px 80px 14px;
    box-sizing:border-box;
}
.dawin h1{
    font-size:29px;
    color:#252525;
    text-align:center;
    font-weight:900;
}
.dawin h1+p{
    margin:15px 0;
    font-size:13px;
    color:#252525;
    text-align:center;
}
.dawin .m_selector{
    border:1px solid #000;
}
.dawin .m_selector button:after{
    background:url('../img/arrow_3_b.png') 0 0 no-repeat
}
.dawin .tab_menu.on{
    height:160px;
}

.dawin h2{
    font-size:23px;
    font-weight:700;
    text-align:center;
}
.dawin .dawin_slide{
    width:100%;
    margin-top:30px;
    padding:20px;
    background:url('../img/dawin_bg.jpg') 50% 50% no-repeat;
    background-size:cover;
    color:#fff;
    box-sizing: border-box;
    font-size:0;
}
.dawin_slide > li{
    display:inline-block;
    width:100%;
}
.dawin .dawin_slide .tab_right{
    margin-top:40px;
}
.dawin .dawin_slide .tab_right li{
    overflow:hidden;
    margin:10px 0;
    padding-top:30px;
}
.dawin .dawin_slide .tab_right img{
    float:left;
    width:116px;
    height:auto;
}
.dawin .dawin_slide .tab_right li:nth-of-type(1) img{
    animation:dpec_s 3s ease-in-out infinite;
}
.dawin .dawin_slide .tab_right li:nth-of-type(2) img{
    animation:dpec_s 3s 1s ease-in-out infinite;
}
.dawin .dawin_slide .tab_right li:nth-of-type(3) img{
    animation:dpec_s 3s 2s ease-in-out infinite;
}
.dawin .dawin_slide .tab_right li:nth-of-type(4) img{
    animation:dpec_s 4s 3s ease-in-out infinite;
}
.dawin .dawin_slide .tab_right li:nth-of-type(5) img{
    animation:dpec_s 4s 2s ease-in-out infinite;
}
.dawin .dawin_slide .tab_right p{
    float:left;
    width:calc(100% - 130px);
    margin-left:14px;
    margin-top:35px;
    font-size:14px;
    line-height:1.4;
}
.dawin .dawin_slide .tab_left{
    margin-top:40px;
}
.dawin .dawin_slide .tab_left h3{
    display:inline-block;
    margin-top:20px;
    font-size:17px;
    font-weight:bold;
    color:#4fc6ff;
    background:linear-gradient(to right, #80ecff, #4fc6ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    .dawin .dawin_slide .tab_left h3 {
        background: transparent;
    }
}
.dawin .dawin_slide .tab_left ul{
    width:100%;
}
.dawin .dawin_slide .tab_left li{
    position: relative;
    margin:15px 0;
    padding-left:20px;
    font-size:13px;
    line-height: 1.4;
    font-weight:normal;
}
.dawin .dawin_slide .tab_left li:before{
    position: absolute;
    top:0;
    left:0;
    content:'·';
}
.dawin .big_img{
    display:block;
    width:193px;
    height:auto;
    margin:60px auto 10px auto;
}
.dawin .about_wrap{
    width:100%;
    margin-top:10px;
    font-size:13px;
}
.dawin .about_wrap h3{
    position: relative;
    padding-left:25px;
    font-size:20px;
    font-weight:bold;
    color:#a4e4ff;
}
.dawin .about_wrap h3:before{
    content:'';
    position: absolute;
    top:4px;
    left:0;
    display:block;
    width:16px;
    height:9px;
    background:url('../img/history_arrow.png') 0 0 no-repeat;
    background-size: 16px 9px;
}
.dawin .about_wrap li{
    overflow:hidden;
    margin:15px 0;
}
.dawin .about_wrap li.first{
    background:url('../img/history_dot.png') 4px 6px no-repeat;
    background-size:7px;
}
.dawin .about_wrap h4{
    float:left;
    width:62px;
    font-weight:bold;
    line-height:1.5;
    text-align:center;
}
.dawin .about_wrap p{
    float:left;
    width:calc(100% - 62px);
    line-height:1.5;
}
.dawin .about_wrap > div{
    position: relative;
    background:url('../img/history_bg.png') 6px 0 repeat-y;
}
.dawin .about_wrap .about_left{
    margin-top:50px;
}
.dawin .about_wrap .about_left li:last-child{
    margin-bottom:0;
}
.dawin .about_wrap .about_left h3{
    margin-top:50px;
}
.dawin .about_wrap .about_left h3:first-child{
    margin-top:0;
}
.dawin .about_wrap .about_right{
    padding-top:50px;
}
.dawin .about_wrap .about_right h3{
    margin-top:50px;
}
.dawin .about_wrap .about_right h3:first-child{
    margin-top:0;
}





.founder{
    overflow:hidden;
    position: relative;
    width:100%;
    padding:40px 14px;
    box-sizing:border-box;
    color:#fff;
    background-color:#1f9abc;
    background-image: linear-gradient(to bottom, #1e9abe, #42366a);
}
.founder h1{
    font-size:29px;
    font-weight:900;
    text-align:center;
}
.founder .cube_wrap{
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:1;
}
.founder .cube_wrap img{
    position: absolute;
}
.founder .cube_wrap img:nth-of-type(1){ top:0; left:1%; width:84px; animation: dpec_s 4s linear infinite;}
.founder .cube_wrap img:nth-of-type(2){ display:none; }
.founder .cube_wrap img:nth-of-type(3){ top:40%; left:-5px; width:62px; animation: dpec_s 3s 1s linear infinite;}
.founder .cube_wrap img:nth-of-type(4){ top:10%; left:65%; width:30px; animation: dpec_s 6s linear infinite;}
.founder .cube_wrap img:nth-of-type(5){ top:75%; left:0; width:33px; animation: dpec_s 3s 1s linear infinite;}
.founder .cube_wrap img:nth-of-type(6){ display:none;}
.founder .cube_wrap img:nth-of-type(7){ top:80%; right:-15px; width:50px; animation: dpec_s 4s linear infinite;}
.founder .cube_wrap img:nth-of-type(8){ top:20%; right:-15px; width:89px; animation: dpec_s 3s 1s linear infinite;}
.founder .cube_wrap img:nth-of-type(9){ display:none;}
.founder .cube_wrap img:nth-of-type(10){ top:65%; left:20%; width:19px; animation: dpec_s 4s linear infinite;}

.founder .f_top,
.founder .f_bottom,
.founder .f_middle{
    position: relative;
    z-index:3;
    width:100%;
    margin:40px 0;
}
.founder .f_top li{
    margin-top:60px;
}
.founder > ul > li{
    margin-top:60px;
}
.founder .f_middle{
    margin-top:60px;
}
.founder .f_bottom{
    margin-top:60px;
}
.founder > ul > li:nth-of-type(1){
    margin-top:0;
}
.founder figure{
    text-align:center;
}
.founder figure img{
    display:block;
    width:180px;
    height:180px;
    margin:0 auto;
    border-radius: 90px;
}
.founder figure figcaption{
    display:inline-block;
    margin:10px 0;
    color:#4fc6ff;
    background:linear-gradient(to right, #80ecff, #4fc6ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight:bold;
    font-size:15px;
}
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    .founder figure figcaption {
        background: transparent;
    }
}
.founder h2{
    font-size:22px;
    font-weight:500;
    text-align:center;
}
.founder .p_his{
    width:80%;
    margin:0 auto;
    margin-top:20px;
    font-weight:400;
    font-size:13px;
    line-height:1.7;
}
.founder .p_his li{
    margin-top:2px;
}
.f_bottom .slick-dots li.slick-active button:before,
.f_middle .slick-dots li.slick-active button:before{
    opacity:1;
    color:#7de9ff;
}
.f_bottom .slick-dots li button:before,
.f_middle .slick-dots li button:before{
    color:#fff;
}

.partners{
    width:100%;
    padding:60px 0;
}
.partners h1{
    font-size:29px;
    font-weight:900;
    text-align:center;
}

.partners .partner_slide h2{
    margin:20px 0;
    font-size:17px;
    font-weight:500;
}
.partners .partner_slide a,
.partners .partner_slide p{
    font-weight:400;
}
.partners .partner_slide p{
    margin:20px 0;
    line-height:1.4;
}
.partners .partner_slide .bold{
    font-weight:700;
}
.partners .partner_slide .link{
    display:none;
}
.partners .partner_slide{
    width:100%;
    margin:40px 0 20px;
    font-size:0;
}
.partners .partner_slide li.item{
    position: relative;
    display:inline-block;
    width:90%;
    padding:20px 10px;
    height:400px;
    margin:0 10px;
    font-size:12px;
    border:1px solid #cccccc;
    box-sizing: border-box;
}
.partners .partner_slide li.item a{
    display:block;
    width:100%;
}
.partners .partner_slide .slick-dots{
    bottom:-50px;
}
.partners .partner_slide .slick-slide{
    margin:0 10px;
}
.partners .partner_slide .slick-active.item:before{
    content:'';
    display:block;
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:url('../img/partner_bg.png') 0 0 no-repeat;
    background-size:100% 100%;
}
.partners .partner_slide li.item a.detail{
    position: absolute;
    top:20px;
    right:10px;
    display:block;
    width:18px;
    height:18px;
}
.partners .partner_slide li.item a.detail:before{
    content:'';
    display:block;
    position:absolute;
    top:9px;
    left:0;
    width:18px;
    height:1px;
    background:#000;
    transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    transform:rotate(0);
}
.partners .partner_slide li.item a.detail:after{
    content:'';
    display:block;
    position:absolute;
    top:9px;
    left:0;
    width:18px;
    height:1px;
    background:#000;
    transition:all 0.8s ease;
    -webkit-transition:all 0.8s ease;
    -moz-transition:all 0.8s ease;
    transform:rotate(0);
}
.partners .partner_slide li.item a.detail:hover:before,
.partners .partner_slide .slick-active.item a.detail:before{
    transform:rotate(90deg);
}
.partners .partner_slide li.item a.detail:hover:after,
.partners .partner_slide .slick-active.item a.detail:after{
    transform:rotate(0deg);
}
.partner_list{
    width:100%;
    padding:0 14px;
    margin-top:30px;
    font-size:0;
    box-sizing: border-box;
}
.partner_list li{
    display:inline-block;
    width:50%;
    margin:20px 0;
    text-align:center;
}
.partner_list li img{
    max-width:60%;
}

.sns_area{
    width:100%;
    padding:30px 0;
    background-color:#362b9f;
    background-image: linear-gradient(to right, #511dc5, #2aa1d3);
    box-sizing:border-box;
}
.sns_area ul{
    width:100%;
    font-size:0;
    text-align:center;
}
.sns_area li{
    display:inline-block;
    margin:0 20px;
}
.sns_area li a{
    display:block;
    width:25px;
    height:25px;
}
.sns_area li a.daum{
    display:block;
    width:30px;
    height:25px;
}
.sns_area li a.naver{ background:url('../img/side_naver_off.png') 50% 50% no-repeat; background-size:contain;}
.sns_area li a.daum{ background:url('../img/side_daum_off.png') 50% 50% no-repeat; background-size:contain;}
.sns_area li a.naver:hover{ background:url('../img/sns_naver_on.png') 50% 50% no-repeat; background-size:contain;}
.sns_area li a.daum:hover{ background:url('../img/sns_daum_on.png') 50% 50% no-repeat; background-size:contain;}
.sns_area li a.kakao{ background:url('../img/sns_kakao.png') 50% 50% no-repeat; background-size:contain;}
.sns_area li a.instar{ background:url('../img/sns_instar.png') 50% 50% no-repeat; background-size:contain;}
.sns_area li a.face{ background:url('../img/sns_face.png') 50% 50% no-repeat; background-size:contain;}
.sns_area li a.tweeter{ background:url('../img/sns_tweeter.png') 50% 50% no-repeat; background-size:contain;}
.sns_area li a.kakao:hover{ background:url('../img/sns_kakao_on.png') 50% 50% no-repeat; background-size:contain;}
.sns_area li a.instar:hover{ background:url('../img/sns_instar_on.png') 50% 50% no-repeat; background-size:contain;}
.sns_area li a.face:hover{ background:url('../img/sns_face_on.png') 50% 50% no-repeat; background-size:contain;}
.sns_area li a.tweeter:hover{ background:url('../img/sns_tweeter_on.png') 50% 50% no-repeat; background-size:contain;}

footer{
    position: relative;
    width:100%;
    padding:90px 14px 0 14px;
    box-sizing: border-box;
    font-weight:400;
    font-size:12px;
    color:#252525;
    line-height:1.3;
    background:url('../img/footer_bg.png') 140% -30px no-repeat;
    background-size:270px;
}
footer h2{
    font-size:15px;
    font-weight:700;
    margin-bottom:30px;
}
footer a{
    display:block;
}
footer .l_left{
    display:none;
}
footer .right{
    margin-top:30px;
    border-top:1px solid #cfcfcf;
}
footer .right p{
    padding:20px 0;
    font-size:11px;
}

.go_top{
    position: absolute;
    bottom:-76px;
    right:20px;
    z-index:15;
    display:block;
    width:46px;
    height:46px;
    border-radius:23px;
    background:#d3d3d3;
}
.go_top img{
    position: absolute;
    top:50%;
    left:50%;
    display:block;
    width:19px;
    height:10px;
    margin-top:-5px;
    margin-left:-9px;
}
.go_top.fixed{
    position:fixed;
    bottom:30px;
}

.table_wrap{
    width:100%;
    margin-top:70px;
}
.table_head{
    display:none;
}
.table_slide{
    width:100%;
}
.table_slide .item{
    position: relative;
    width:100%;
    height:175px;
    padding:30px 12px;
    background:rgba(46,49,146,0.8);
    color:#fff;
    font-size:15px;
    font-weight:600;
    line-height:1.3;
    box-sizing:border-box;
}

.table_slide .item .date{
    position: absolute;
    left:12px;
    bottom:15px;
    font-size:12px;
    font-weight:normal;
}
.table_slide .item .org{
    position: absolute;
    right:12px;
    bottom:15px;
    font-size:12px;
    font-weight:normal;
}
.table_slide .slick-dots{
    bottom:-50px;
}
.table_slide .slick-dots li.slick-active button:before{
    opacity:1;
    color:#7de9ff;
}
.table_slide .slick-dots li button:before{
    color:#fff;
}
.table_slide .slick-dots li{
    margin:0;
}

.about_slide{
    width:70%;
    margin:0 auto;
    margin-top:50px;
}
.patent_wrap{
    margin-top:120px;
}
.about_slide .item{
    width:100%;
}
.about_slide .item img{
    display:block;
    width:100%;
    height:auto;
}
.about_slide .item p{
    width:100%;
    margin-top:20px;
    color:#fff;
    font-size:15px;
    text-align:center;
    line-height:1.4;
}
.about_slide .slick-prev,
.about_slide .slick-next{
    width:13px;
    height:25px;
}
.about_slide .slick-next:before{
    display:block;
    content:'';
    width:13px;
    height:25px;
    background:url('../img/arr_next.png') 0 0 no-repeat;
    background-size:100%;
    opacity:1;
}
.about_slide .slick-next{
    top:calc(50% - 13px);
    right:-40px;
}
.about_slide .slick-prev:before{
    display:block;
    content:'';
    width:13px;
    height:25px;
    background:url('../img/arr_prev.png') 0 0 no-repeat;
    background-size:100%;
    opacity:1;
}
.about_slide .slick-prev{
    top:calc(50% - 13px);
    left:-40px;
}

.cust{
    height:440px;
    overflow-y:auto;
}
.cust > ul{
    width:100%;
}
.cust .item{
    width:100%;
    margin:55px 0;
    padding:10px;
    box-sizing: border-box;
    background:rgba(255,255,255,0.1);
    border-top:5px solid rgba(255,255,255,0.2);
    border-bottom:5px solid rgba(255,255,255,0.2);
}
.cust .item p{
    position: relative;
    width:100%;
    margin:17px 0;
    padding-left:110px;
    font-size:13px;
    font-weight:500;
    color:#fff;
    line-height:1.4;
    box-sizing: border-box;
}
.cust .item p:before{
    content:'';
    position: absolute;
    top:0;
    left:0;
    display:block;
    width:110px;
    
}
.cust .item p.type:before{
    content:'TYPE';
}
.cust .item p.company:before{
    content:'COMPANY';
}
.cust .item p.place:before{
    content:'PLACE(Data)';
}
.cust .item p.remark:before{
    content:'REMARKS';
}

.logos{
    overflow:hidden;
    width:100%;
}
.logos li{
    float:left;
    width:50%;
    margin:16px 0;
}
.logos li img{
    display:block;
    width: 90%;
    height: auto;
    margin:0 auto;
}

.logos+h3{
    margin-top:70px;
    margin-bottom:30px;
    font-size:20px;
    text-align:center;
}
.cust h4{
    margin-top:50px;
    font-size:17px;
    font-weight:bold;
    text-align:left;
    line-height:1.3;
}
.cust h4:before{
    content:'·';
    display:inline-block;
    margin-right:5px;
}
.cust h4 span{
    display:block;
}
.pics{
    width:100%;
    font-size:0;
}
.pics li{
    display:inline-block;
}
.pics li.single{
    width:50%;
}
.pics li.double{
    width:100%;
}
.pics li.triple{
    width:100%;
}
.pics h5{
    margin-top:30px;
    font-size:15px;
}

.pics img{
    display:inline-block;
}
.pics .single img{
    width:92%;
    margin:15px 4%;
}
.pics .double img{
    width:46%;
    margin:15px 2%;
}
.pics .triple img{
    width:46%;
    margin:15px 2%;
}
.pics .single p{
    margin:0 4%;
    font-size:12px;
}
.pics .double p, .pics .triple p{
    margin:0 2%;
    font-size:12px;
}

@keyframes right_ani{
    0%{
        transform:translateX(30px);
        opacity:0;
    }
    10%,60%{
        transform:translateX(0px);
        opacity:1;
    }
    70%{
        transform:translateX(30px);
        opacity:0;
    }
}
@-webkit-keyframes right_ani{
    0%{
        transform:translateX(30px);
        opacity:0;
    }
    10%,60%{
        transform:translateX(0px);
        opacity:1;
    }
    70%{
        transform:translateX(30px);
        opacity:0;
    }
}
@-moz-keyframes right_ani{
    0%{
        transform:translateX(30px);
        opacity:0;
    }
    10%,60%{
        transform:translateX(0px);
        opacity:1;
    }
    70%{
        transform:translateX(30px);
        opacity:0;
    }
}
@keyframes bottom_ani2{
    0%{
        transform:translateY(30px);
        opacity:0;
    }
    10%,60%{
        transform:translateY(0px);
        opacity:1;
    }
    70%{
        transform:translateY(30px);
        opacity:0;
    }
}
@-webkit-keyframes bottom_ani2{
    0%{
        transform:translateY(30px);
        opacity:0;
    }
    10%,60%{
        transform:translateY(0px);
        opacity:1;
    }
    70%{
        transform:translateY(30px);
        opacity:0;
    }
}
@-moz-keyframes bottom_ani2{
    0%{
        transform:translateY(30px);
        opacity:0;
    }
    10%,60%{
        transform:translateY(0px);
        opacity:1;
    }
    70%{
        transform:translateY(30px);
        opacity:0;
    }
}
@keyframes bottom_ani{
    0%{
        transform:translateY(30px);
        opacity:0;
    }
    100%{
        transform:translateY(0px);
        opacity:1;
    }
}
@-webkit-keyframes bottom_ani{
    0%{
        transform:translateY(30px);
        opacity:0;
    }
    100%{
        transform:translateY(0px);
        opacity:1;
    }
}
@-moz-keyframes bottom_ani{
    0%{
        transform:translateY(30px);
        opacity:0;
    }
    100%{
        transform:translateY(0px);
        opacity:1;
    }
}


.s_left,
.s_right,
.m_left,
.m_right{
    display:none;
}
.his_subT{
    margin:20px 0;
    font-size:16px;
    line-height:1.4;
}
.secure_wrap{
    position: absolute;
    bottom:60px;
    right:10px;
}
.secure_wrap a{
    display:block;
}


/* 데스크탑 */
@media only screen and (min-width : 1280px) {


.wrap{
    max-width:1280px;
    margin:0 auto;
}

header{
    transition:all 0.6s ease;
    -webkit-transition:all 0.6s ease;
    -moz-transition:all 0.6s ease;
}
header.on{
    background:rgba(255,255,255,0.9);
}
nav{
    transition:all 0.6s ease;
    -webkit-transition:all 0.6s ease;
    -moz-transition:all 0.6s ease;
}
header.on nav{
    color:#252525;
}
header .wrap{
    max-width:1920px
}
.m_btn,.go_top{
    display:none;
}
.h_logo{
    width:125px;
    height:49px;
    z-index:11;
}
header.on .logo.h_logo{
    background:url('../img/logo_on.png') 0 0 no-repeat;
    background-size:100%;
}
.logo img{
    width:125px;
    height:auto;
}
.m_logo{
    display:none;
}
nav{
    position:absolute;
    width:100%;
    height:100px;
    transform:translateY(0);
    background:transparent;
    font-size:0;
}
nav.ovh{
    overflow:visible;
}
nav .nav_sns{
    display:none;
}
nav ul.navi{
    position: static;
    margin-top:16px;
    transform:translateY(0);
    text-align:center;
}
nav ul.navi li{
    display:inline-block;
    width:auto;
    margin:0 20px;
    font-size:15px;
}
nav ul.navi li a{
    display: block;
}
nav ul.navi li a.on:after{
    content:'';
    display:block;
    width:100%;
    height:3px;
    margin-top:10px;
    background-color:#64d6ff;
    background-image: linear-gradient(to right, #80ecff, #4fc6ff);
}
.logo{
    margin-left:80px;
}
.down_wrap{
    display:block;
    position: absolute;
    top:25px;
    right:170px;
    border:1px solid #75e3ff;
}
.down_wrap img{
    margin-left:10px;
}
.m_down{
    display:none;
}
.down{
    width:auto;
    height:28px;
    padding:0 10px;
    /* transform:translateX(50%); */
    line-height:28px;
    padding-left:36px;
    font-size:15px;
    color:#2fc7ed;
    border:1px solid #2fc7ed;
    transform: translateX(0);
    background:url('../img/btn_pc_down.png') 8px 4px no-repeat;
    background-size:20px 18px;
}
.down span{
    display:none;
}
.d_btns{
    overflow:hidden;
    height:0;
    transition:height 0.3s ease;
    -webkit-transition:height 0.3s ease;
    -moz-transition:height 0.3s ease;
}

/*----  중국어 숨김. 중국어 표현할 때는 height를 90px로. display:block;  ----*/

.down_wrap:hover .d_btns{
    /* height:60px;    */ /* 영문 표현 */
    height:30px;
}
.dwon_cn{
    display:none;   /* 이 부분 삭제하면 중국어 나타남*/
}

/*----  ----*/



.d_btns a{
    overflow:hidden;
    display:block;
    height:30px;
    padding-left:10px;
    font-size:15px;
    color:#062e96;
    background:#2fc7ed;
    line-height:30px;
}
.d_btns a span:nth-of-type(1){
    display:inline-block;
    width:50px;
}
.d_btns a img{
    float:right;
    margin-right:10px;
    margin-top:7px;
}
.m_lang{
    display:none;
}
.lang{
    display:inline-block;
    position: absolute;
    top:24px;
    right:80px;
    width:80px;
    height:30px;
    padding:0 20px;
    box-sizing:border-box;
    background:url('../img/arrow_1.png') 80% 50% no-repeat, #75e3ff;
    color:#062e96;
    font-size:15px;
    font-weight:bold;
    border-radius: 1px;
    border:none;
    -webkit-appearance: none; 
    -moz-appearance: none;    
    appearance: none;
    text-align:center;
    cursor:pointer;
}
.lang::-ms-expand {
   display: none;    
}


aside{
    display:block;
    position:absolute;
    top:calc(100% + 30px);
    right:30px;
    z-index:15;
    width:28px;
    padding:10px 15px;
    padding-bottom:30px;
    background:rgba(255,255,255,0.1);
}
aside.fixed{
    position:fixed;
    top:300px;
}
aside ul{
    width:100%;
}
aside li{
    width:100%;
    margin-top:30px;
}
aside li a{
    display:block;
    width:23px;
    height:22px;
    margin:0 auto;
}
aside li a.daum{
    display:block;
    width:30px;
    height:22px;
}
aside li a.naver{
    background:url('../img/side_naver_off.png') 0 0 no-repeat;
    background-size:contain;
}
aside li a.daum{
    background:url('../img/side_daum_off.png') 0 0 no-repeat;
    background-size:contain;
}
aside li a.kakao{
    background:url('../img/side_sns.png') 0 0 no-repeat;
    background-position:0 -22px;
}
aside li a.instar{
    background:url('../img/side_sns.png') 0 0 no-repeat;
    background-position:-23px -22px;
}
aside li a.face{
    background:url('../img/side_sns.png') 0 0 no-repeat;
    background-position:-46px -22px;
}
aside li a.tweeter{
    background:url('../img/side_sns.png') 0 0 no-repeat;
    background-position:-69px -22px;
}
aside li a.naver:hover{
    background:url('../img/side_naver_on.png') 0 0 no-repeat;
    background-size:contain;
}
aside li a.daum:hover{
    background:url('../img/side_daum_on.png') 0 0 no-repeat;
    background-size:contain;
}
aside li a.kakao:hover{
    background-position:0 0px;
}
aside li a.instar:hover{
    background-position:-23px 0px;
}
aside li a.face:hover{
    background-position:-46px 0px;
}
aside li a.tweeter:hover{
    background-position:-69px 0px;
}
aside li a.pc_go_top{
    width:28px;
    height:26px;
    background:url('../img/arrow_side.png') 0 0 no-repeat;
    margin-left:0;
}
aside li a.pc_go_top:hover{
    background:url('../img/arrow_side_hover.png') 0 0 no-repeat;
}


.main_visual{
    background:url('../img/main_vis.jpg') 50% 50% no-repeat;
    background-size:cover;
}
.main_visual .wrap{
    position: relative;
    height:100%;
}
.main_visual .img_box{
    right:70px;
    width:400px;
    height:400px;
}
.main_visual .text_box{
    bottom:160px;
}

.main_visual .text_box h1{
    font-size:90px;
    margin:0;
}
.main_visual .text_box h1+p{
    font-size:55px;
    margin:40px 0 25px 0;
}
.main_visual .text_box h1+p+p.smaller{
    font-size:24px;
    margin:0;
}
.m_light .light_1{
    background:url('../img/main_vis_light1.png') 50% 50% no-repeat;
    background-size:cover;
}
.m_light .light_2{
    background:url('../img/main_vis_light2.png') 50% 50% no-repeat;
    background-size:cover;
}
.m_light .light_3{
    background:url('../img/main_vis_light3.png') 50% 50% no-repeat;
    background-size:cover;
}
.next_dpec{
    position: absolute;
    bottom:10px;
    left:50%;
    z-index:9;
    margin-left:10px;
}
.dpec{
    padding:180px 0;
}
.dpec h1{
    font-size:40px;
}
.dpec h1+p{
    font-size:24px;
}
.dpec .dpec_box{
    top:360px;
    width:354px;
    height:354px;
    margin-left:-177px;
}
.dpec ul{
    overflow:hidden;
}
.dpec ul li{
    float:left;
    width:36%;
}
.dpec ul li:nth-of-type(2), .dpec ul li:nth-of-type(4){
    float:right;
}
.dpec ul li:nth-of-type(1), .dpec ul li:nth-of-type(3){
    margin:0;
}
.dpec ul li:nth-of-type(1), .dpec ul li:nth-of-type(3){
    background:url('../img/dpec_bg.png') 4% 100% no-repeat;
}
.dpec ul li:nth-of-type(1),
.dpec ul li:nth-of-type(2),
.dpec ul li:nth-of-type(3),
.dpec ul li:nth-of-type(4){
    background-size:140px auto;
}
.dpec ul li:nth-of-type(3), .dpec ul li:nth-of-type(4){
    margin-top:70px;
}
.dpec ul img{
   width:114px; 
}
.dpec ul .txt_area{
    width:calc(100% - 180px);
    margin-top:30px;
}
.dpec ul li:nth-of-type(2) .txt_area,
.dpec ul li:nth-of-type(4) .txt_area{
    float:right;
    margin-right:50px;
}
.dpec ul h2{
    font-size:28px;
}
.dpec ul p{
    font-size:15px;
}



.news{
    padding:120px 0;
    background:url('../img/news_bg2.jpg') 50% 50% no-repeat;
    background-size:cover;
}
.news h1{
    font-size:40px;
}
.news .news_slide{
    margin-top:40px;
}
.news h2{
    font-size:20px;
    line-height:1.5;
    color:#252525;
}
.news p{
    font-size:15px;
    line-height:1.5;
}
.news p.date{
    font-size:15px;
}
.news_slide .slick-slide{
    width:367px;
    margin:0 40px;
}
.news .n_img_box{
    z-index:3;
}
.news_slide .slick-active .n_img_box:before{
    content:'';
    display:none;
}
.news_slide .slick-list .slick-active{
    position: relative;
}
.news_slide .slick-list .slick-active:hover:before{
    content:'';
    display:block;
    position:absolute;
    top:4px;
    left:4px;
    z-index:2;
    width:100%;
    padding-bottom:57.9%;
    background:url('../img/news_bg.jpg') 50% 50% no-repeat;
    background-size:cover;
}
.news_slide .slick-list .slick-active:hover h2{
    color:#081b7c;
}
.news_pop > button{
    top:18px;
    width:22px;
    height:22px;
    background:url('../img/btn_close.png') 0 0 no-repeat;
    background-size:contain;
}



.what{
    padding:120px 14px;
    background:url('../img/dpec_des_bg.jpg') 50% 50% no-repeat;
    background-size: cover;
}
.what h1{
    font-size:40px;
}
.what h1+p{
    font-size:20px;
}

.what_slide > li{
    width:100%;
    overflow:hidden;
}
.what_slide .wdpec .what_right,
.what_slide .what_right{
    float:right;
    width:50%;
}
.what_slide .wdpec .what_right img{
    width:390px;
    margin-top:70px;
    margin-left:calc(50% - 195px);
}

.what_slide .what_right h3{
    font-size:27px;
}
.what_slide .what_right p{
    font-size:17px;
}
.what_slide .what_right li:nth-of-type(1){ top: 60px;}
.what_slide .what_right li:nth-of-type(2){ top: 350px; left:4.5%}
.what_slide .what_right li:nth-of-type(3){ top: 350px; right:8%}
.what_slide .what_left{
    float:left;
    width:50%;
    height:510px;
}
.what_slide .what_left h2{
    margin-top:50px;
    font-size:40px;
}
.what_slide .what_left h2 span.bigger{
    font-size:50px;
}
.what_slide .wdpec .what_left .more{
    margin-top:120px;
    font-size:15px;
}

.usability .what_left,
.globalization .what_left,
.scalability .what_left{
    margin-top:50px;
    background:url('../img/what_02_bg_1.png') 0px 60px no-repeat;
    background-size:389px;
}
.what_slide .usability .what_left h2,
.what_slide .globalization .what_left h2,
.what_slide .scalability .what_left h2{
    margin-top:0;
    font-size:20px;
}
.scal_02 h2{
    font-size:20px;
}
.what_slide .usability .what_left h2 span.bigger,
.what_slide .globalization .what_left h2 span.bigger,
.what_slide .scalability .what_left h2 span.bigger{
    font-size:45px;
}
.scal_02 h2 span.bigger{
    font-size:45px;
    font-weight:900;
}
.scal_02 h2 span.block{
    display:block;
    margin-top:25px;
    font-size:26px;
    font-weight:bold;
}

.usability .what_left h2+div,
.globalization .what_left h2+div,
.scalability .what_left h2+div{
    margin-top:60px;
}
.usability .what_left h2+div p,
.globalization .what_left h2+div p,
.scalability .what_left h2+div p{
    margin-bottom:20px;
    font-size:28px;
    line-height:1.3;
}
.what_slide .usability,
.what_slide .globalization,
.what_slide .scalability{
    background:url('../img/what_02_bg_2.png') 60% 30px no-repeat;
}
.what_slide .usability .what_right,
.what_slide .globalization .what_right,
.what_slide .scalability .what_right{
    margin-top:200px;
    background:url('../img/what_02_bg_3.png') 70px 90% no-repeat;
    background-size:contain;
}
.what_slide .usability .what_right p,
.what_slide .globalization .what_right p,
.what_slide .scalability .what_right p{
    margin:20px 0;
    font-size:17px;
    line-height:1.7;
    font-weight:300;
    word-break: keep-all;
}
.what_slide .usability .texts span{
    display:inline-block;
}

.scal_02 .bg_box{
    position: relative;
    top:-120px;
    float:right;
    width:50%;
    padding-bottom:36%;
}
.scal_02 .txt_box{
    float:left;
    width:50%;
    margin-top:10px;
    font-size:17px;
}
.scal_02 .txt_box p{
    margin:30px 0;
    word-break: keep-all;
}

.scal_02.scal_03 .bg_box{
    float:right;
    display:block;
    width:480px;
    margin-top:-40px;
    padding-bottom:480px;
}
.scal_03 .txt_box h3{
    display:inline-block;
    color:#fff;
    font-weight:inherit;
}
.scal_03 .txt_box p{
    margin-top:0;
}
.scal_03 .txt_box p strong{
    font-weight:bold;
}
.scal_03 .txt_box ul{
    margin-top:50px;
}
.what_slide .usability .more{
    position: relative;
    top:-100px;
    margin-top:0;
}
.what_slide .scal_03 .more{
    margin-top:60px;
}

.m_selector{
    display:none;
}
.tab_menu{
    position: static;
    height:auto;
    text-align:center;
    border:none;
}
.tab_menu button{
    display:inline-block;
    width:auto;
    margin:0 30px;
    background:transparent;
    color:#8c929f;
    border:none;
    font-weight:400;
    outline: none;
}
.tab_menu button.on{
    font-weight:bold;
    color:#4fc6ff;
}
.tab_menu button.on span{
    display:block;
    width:100%;
    height:2px;
    margin-top:10px;
    background-color:#64d6ff;
    background-image: linear-gradient(to right, #80ecff, #4fc6ff);

}


.roadmap{
    padding:120px 14px;
}
.roadmap h1{
    font-size:40px;
    font-weight:bold;
}
.roadmap .dot_wrap .dotted a{
    top:57px;
    font-size:16px;
}
.roadmap .dot_wrap .dotted li.on a{
    width:220px;
    font-size:35px;
}
.road_slide{
    width:800px;
    margin:0 auto;
    margin-top:40px;
}
.road_slide .inner_list li{
    font-size:16px;
}

.dawin{
    padding:120px 14px;
}
.dawin h1{
    font-size:40px;
}
.dawin h1+p{
    font-size:20px;
}
.dawin .tab_menu button.on{
    font-weight:bold;
    color:#283e92;
}
.dawin .tab_menu button.on span{
    display:block;
    width:100%;
    height:2px;
    margin-top:10px;
    background-color:#64d6ff;
    background-image: linear-gradient(to right, #564284, #2aa1d3);

}
.dawin h2{
    font-size:45px;
    text-align:left;
}
.dawin .dawin_slide{
    padding-bottom:0;
    background:url('../img/dawin_bg_pc.jpg') 50% 50% no-repeat;
    background-size: cover;
}
.dawin .slick-slide{
    overflow:hidden;
    padding:60px 40px;
    padding-bottom:0;
    box-sizing:border-box;
}
.dawin .dawin_slide .tab_right{
    float:right;
    width:55%;
}
.dawin .dawin_slide .tab_right ul{
    position: relative;
    height:490px;
    margin-top:80px;
    background:url('../img/dawin_ring.png') 50% 50% no-repeat;

}
.dawin .dawin_slide .tab_right li{
    position: absolute;
    text-align:center;
}
.dawin .dawin_slide .tab_right img,
.dawin .dawin_slide .tab_right p{
    float:none;
    width:auto;
    margin: 0;
    font-size:13px;
}
.dawin .dawin_slide .tab_right img{
    display:inline-block;
    width:170px;
}
.dawin .dawin_slide .tab_right li:nth-of-type(1){ top:-30px; left:190px; }
.dawin .dawin_slide .tab_right li:nth-of-type(2){ top:20px; right:0; }
.dawin .dawin_slide .tab_right li:nth-of-type(3){ top:100px; left:0; }
.dawin .dawin_slide .tab_right li:nth-of-type(4){ top:250px; left:140px; }
.dawin .dawin_slide .tab_right li:nth-of-type(5){ top:210px; right:70px; }
.dawin .dawin_slide .tab_left{
    float:left;
    width:45%;
    margin-top:20px;
}
.dawin .big_img{
    clear:left;
    margin:0;
    margin-left:60px;
}
.dawin .dawin_slide .tab_left h3{
    font-size:18px;
}
.dawin .dawin_slide .tab_left li{
    margin:10px 0;
    font-size:15px;
}
.dawin .big_img{
    width:386px;
    margin-bottom:0;
}
.dawin .about_wrap{
    margin-top:40px;
    margin-bottom:30px;
}
.dawin .about_wrap h3{
    padding-left:40px;
    font-size:25px;
}
.dawin .about_wrap h3:before{
    width:22px;
    height:12px;
    background-size:100%;
}
.dawin .about_wrap li{
    margin:30px 0;
}
.dawin .about_wrap li.first{
    background-position:7px 8px;
}
.dawin .about_wrap h4{
    width:85px;
    padding-left:40px;
    font-size:15px;
    text-align:left;
    box-sizing:border-box;
}
.dawin .about_wrap p{
    width:calc(100% - 85px);
    font-size:15px;
}
.dawin .about_wrap .about_left{
    float:left;
    width:50%;
    margin-top:0;
    padding-right:40px;
    box-sizing: border-box;
}
.dawin .about_wrap .about_right{
    float:left;
    width:50%;
    margin-top:0;
    padding-top:0;
    padding-left:40px;
    box-sizing: border-box;
}
.dawin .about_wrap > div.about_left{
    background-position:10px 0;
}
.dawin .about_wrap > div.about_right{
    background-position:50px 0;
}


.founder{
    padding:120px 14px;
    background-color:#1f9abc;
    background-image: linear-gradient(-135deg, #1e9abe, #092661, #42366a);
}
.founder h1{
    font-size:45px;
}
.founder .f_top{
    overflow:hidden;
    width:100%;
    margin-top:120px;
}
.founder .f_top > li{
    float:left;
    width:50%;
    margin-top:0;
}
.founder .p_his{
    width:310px;
    margin:0 auto;
    margin-top:30px;
}
.founder figure img{
    width:200px;
    height:200px;
    border-radius: 100px;
}
.founder figure figcaption{
    font-size:18px;
    margin:15px 0;
}
.founder h2{
    font-size:30px;
}
.founder .smaller{
    font-size:20px;
}
.founder .f_middle{
    margin-top:105px;
    padding-bottom:40px;
}
.founder .f_bottom{
    margin-top:105px;
    padding-bottom:40px;
}

.founder .f_bottom .item,
.founder .f_middle .item{
    margin:0 20px;
}
.founder .f_bottom .p_his,
.founder .f_middle .p_his{
    width:100%;
}
.founder .f_bottom figure figcaption,
.founder .f_middle figure figcaption{
    font-size:15px;
}
.founder .f_bottom h2,
.founder .f_middle h2{
    font-size:22px;
}
.founder .f_bottom h2 .smaller,
.founder .f_middle h2 .smaller{
    font-size:15px;
}
.founder .cube_wrap img:nth-of-type(1){ top:0; left:1%; width:auto; animation: dpec_s 4s ease-in-out infinite;}
.founder .cube_wrap img:nth-of-type(2){ display:block; top:50%; left:0; width:auto; animation: dpec_s 4s 2s ease-in-out infinite; }
.founder .cube_wrap img:nth-of-type(3){ top:40%; left:31%; width:auto; animation: dpec_s 3s 1s ease-in-out infinite;}
.founder .cube_wrap img:nth-of-type(4){ top:6%; left:75%; width:auto; animation: dpec_s 7s ease-in-out infinite;}
.founder .cube_wrap img:nth-of-type(5){ top:75%; left:0; width:auto; animation: dpec_s 3s 1s ease-in-out infinite;}
.founder .cube_wrap img:nth-of-type(6){ display:block; top:20%; left:5%; width:auto; animation: dpec_s 8s 1s ease-in-out infinite;}
.founder .cube_wrap img:nth-of-type(7){ top:80%; right:-15px; width:auto; animation: dpec_s 4s ease-in-out infinite;}
.founder .cube_wrap img:nth-of-type(8){ top:20%; right:-15px; width:auto; animation: dpec_s 6s 1s ease-in-out infinite;}
.founder .cube_wrap img:nth-of-type(9){ display:block; top:50%; right:0; width:auto; animation: dpec_s 8s 2s ease-in-out infinite;}
.founder .cube_wrap img:nth-of-type(10){ top:65%; left:20%; width:auto; animation: dpec_s 4s ease-in-out infinite;}

.founder .s_left,
.founder .s_right{
    margin-top:170px;
}
.founder .s_left,
.founder .m_left{
    left:50%;
    transform: translateX(-680px);
}
.founder .s_right,
.founder .m_right{
    left:50%;
    transform: translateX(680px);
}


.partners{
    padding:120px 0;
}
.partners h1{
    font-size:45px;
}
.partners .partner_slide{
    margin-top:60px;
}
.partners .partner_slide li.item{
    margin:0 25px;
}
.partners .partner_slide .slick-active.item:before{
    content:none;
}
.partners .partner_slide .slick-active:hover.item:before{
    content:'';
    display:block;
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:url('../img/partner_bg.png') 0 0 no-repeat;
    background-size:100% 100%;
}
.partners .partner_slide li.item a.detail:hover:before,
.partners .partner_slide .slick-active.item a.detail:before{
    transform: rotate(0);
}
.partners .partner_slide li.item:hover a.detail:before{
    transform: rotate(90deg);
}

.partner_list{
    padding:0 2%;
    margin-top:50px;
}
.partner_list li{
    width:16%;
}
.partner_list li img{
    max-width:100%;
}

.sns_area{
    background-color:#362b9f;
    background-image:linear-gradient(to right, #511dc5, #3c27a8, #2a3992, #2aa1d3);
}

footer{
    padding:45px 0 35px 0;
    background:url('../img/footer_bg.png') 85% -40px no-repeat;
    background-size:auto;
}
footer .wrap{
    overflow:hidden;
}
footer .left{
    overflow: hidden;
    width:50%;
    float:left;
}
footer .l_left{
    display:block;
    float:left;
    width:40%;
    font-size:15px;
}
footer .l_left li{
    margin:0;
    margin-top:20px;
}
footer .l_left li:nth-of-type(1){
    margin-top:0;
}
footer .right,
footer .l_right{
    width:50%;
    float:right;
}
footer .right{
    border:none;
}
footer .l_right{
    width:60%;
    font-size:13px;
    line-height:1.7;
}
footer .right p{
    margin-top:170px;
    font-size:13px;
    text-align:right;
}
footer h2{
    font-size:15px;
    font-weight:normal;
    margin-bottom:20px;
}

.table_wrap{
    margin-top:50px;
}
.table_head{
    display:block;
    width:100%;
    background:#2e3192;
    color:#fff;
    font-size:0;
}

.table_slide{
    width:100%;
}
.table_slide .item{
    height:auto;
    padding:0;
    background:transparent;
    font-size:0;
    line-height:1;
    border-bottom:1px solid rgba(255,255,255,0.15);
}

.dawin_item.scroll .scroll_wrap{
    overflow-x:visible;
    overflow-y:auto;
    width:100%;
    height:700px;
    padding:0 20px;
    box-sizing: border-box;
}
.table_slide .item .date{
    position: static;
    font-size:12px;
}
.table_slide .item .org{
    position: static;
    font-size:12px;
}
.table_wrap p{
    display:inline-block;
    padding:15px 0;
    font-size:15px;
    font-weight:bold;
    text-align:center;
    vertical-align: middle;
    line-height:1.4;
}
.table_wrap p.date,
.table_wrap .item p.date{
    width:150px;
}
.table_wrap p.org,
.table_wrap .item p.org{
    width:220px;
}
.table_wrap p.info,
.table_wrap .item p.info{
    width:calc(100% - 370px);
    padding:15px 30px 15px 80px;
    font-weight:normal;
    box-sizing: border-box;
    text-align:left;
}
.table_wrap .table_head p.info{
    text-align:center;
    font-weight:bold;
}
.about_slide{
    width:100%;
    padding:0 20px;
}
.cert_wrap{
    margin-top:50px;
    margin-bottom:50px;
}
.about_slide .slick-prev, .about_slide .slick-next{
    top:calc(50% - 25px);
    width:26px;
    height:50px;
}
.about_slide .slick-prev{
    left:0;
}
.about_slide .slick-next{
    right:0;
}
.about_slide .slick-next:before,
.about_slide .slick-prev:before{
    width:26px;
    height:50px;
}
.about_slide .item img{
    width:183px;    
}


.cust_wrap{
    height:auto;
}
.cust ul{
    position: relative;
    display:table;
}
.cust .item{
    display:table-row;
    background:transparent;
    border:none;
}
.cust .item p{
    display:table-cell;
    padding:15px 20px;
    text-align:left;
    border:1px solid rgba(255,255,255,0.15);
    vertical-align: middle;
}
.cust .item p:before{
    display:none;
}
.cust .table_wrap p.type{
    width:240px;
    border-left:none;
}
.cust .table_wrap p.company{
    width:210px;
}
.cust .table_wrap p.place{
    width:calc(100% - 640px);
}
.cust .table_wrap p.remark{
    width:190px;
    border-right:none;
}
.cust .table_wrap p.hidden{
    font-size:1px;
    color:transparent;
    border:none;
}
.cust .table_wrap p.row_span.type{
    position: absolute;
    top:0;
    left:0;
    height:100px;
    margin:0;
    line-height:70px;
}
.cust .table_wrap p.row_span.remark{
    position: absolute;
    top:0;
    right:0;
    height:100px;
    margin:0;
    line-height:70px;
}

.cust .table_wrap li:nth-of-type(1) p.row_span{ top:0; }
.cust .table_wrap li:nth-of-type(3) p.row_span{ top:100px; }


.logos{
    margin-top:80px;
}
.logos li{
    width:25%;
    margin:20px 0;
}
.logos li img{
    width: 200px;
}

.logos+h3{
    font-size:25px;
    text-align:left;
}
.cust h4{
    font-size:24px;
}
.cust h4 span{
    display:inline-block;
}
.pics,.pics ul{
    display:inline-block;
}
.pics{
    margin-bottom:40px;
}
.pics h5{
    margin-bottom:10px;
    font-size:20px;
}
.pics li{
    position: relative;
    margin:15px 0;
    padding-bottom:25px;
}
.pics > li{
    width:auto;
}
.pics .single p, .pics .double p, .pics .triple p{
    margin-top:10px;
    margin-bottom:10px;
    font-size:15px;
}
.pics li.single{
    width:272px;
}
.pics li.double{
    width:544px;
}
.pics li.triple{
    width:816px;
}
.pics .single img, .pics .double img, .pics .triple img{
    display:inline-block;
    width:228px;
    height:auto;
    margin:0;
}
.pics .double img, .pics .triple img{
    width:220px;
    margin:0 4px;
}

.news > .wrap,
.partners > .wrap{
    position: relative;
}

.s_left,
.s_right{
    position: absolute;
    top:50%;
    z-index:1010;
    display:block;
    width:20px;
    height:46px;
    margin-top:-23px;
}
.founder .s_left,
.founder .s_right{
    top:62%;
    margin-top:100px;
}
.m_left,
.m_right{
    position: absolute;
    top:50%;
    z-index:1010;
    display:block;
    width:20px;
    height:46px;
    margin-top:-220px;
}
.m_left,
.m_right{
    display:none;
}
.s_left,
.m_left{
    left:-10px;
    background:url('../img/slide_left2.png') 0 0 no-repeat;
    background-size:20px 46px;
}
.s_right,
.m_right{
    right:-10px;
    background:url('../img/slide_right2.png') 0 0 no-repeat;
    background-size:20px 46px;
}
.s_left:hover,
.m_left:hover{
    background:url('../img/slide_left.png') 0 0 no-repeat;
    background-size:20px 46px;
}
.s_right:hover,
.m_right:hover{
    background:url('../img/slide_right.png') 0 0 no-repeat;
    background-size:20px 46px;
}
.partners .s_left,
.partners .s_right{
    margin-top:-170px;
}
footer .wrap{
    position: relative;
}
.secure_wrap{
    text-align: left;
}

}

.intro {
    width: 100%; height: 100vh; position: fixed; top: 0; left: 0; background-color: #ffffff; z-index: 100; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; word-break: keep-all;
}

.intro-title {font-size: 36px; margin-top: 48px; font-weight: 300;}
.intro-title span {font-weight: 500;}