#fullpage {
    position:relative;
    top:0px;
    z-index:9;
    width:100%;
    height:100vh;
}


/*섹션 공통*/
.section {
    position:relative;
    width:100%;
    /*height:980px;*/
    background-size:cover;
    height:100vh;
}
#intro {
    width: 100vw;
    position: relative;
    background: #13112c;
    background: fixed linear-gradient(to bottom right, #13122c, #014099);
    overflow: hidden;   
}
.network-background-canvas {
    background:rgba(0,0,0,0.25);
    position:absolute;
    top:0;
    left:0;
    width:100vw;
    height:auto;
    z-index:0;
} .sect1 {
    background-color:#014099;
    color:#fff;
}
.container {
    position:relative;
    left:0;
    top:0;
    margin:0 auto;
    height:100%;
    text-align: center;
    z-index:0;
}
.mainTxT {
    height:100vh;
    text-align:center;
    color:#fff;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    flex-direction: column;
    margin:0 auto;
}
.mainTxT>p {
    margin:0 auto;
    text-align:center;
}
.mainTxT>p:first-child {
    font-size:2.08vw;
    font-weight:500;
    line-height:3.54vw;
}
#intro .mainTxT>p:first-child {
    margin-top:2em;
}
.mainTxT>p:nth-child(2) {
    font-size:4.16vw;
    font-weight:700;
    line-height:6.25vw;
    margin-top:46px;
}
.logo_dna {
    margin:0 auto;
    max-width:406px;
    margin-top:3%;
}
.logo_dna>img {
    width:100%; 
}
#about2>.container>.mainTxT {
    display:block;
    padding-top:10vw;
}

#about2>.container>.mainTxT>p:first-child {
    margin-top:13px;
}
#about2>.container>.mainTxT>p:nth-child(2) {
    margin-top:60px;
}
.logo_real {
    margin:80px auto 0;
    max-width:357px;
}
.logo_real>img {
    width:100%;
}



/* about */
#about1 {
    width:100vw;
    height:77.3vw;
    background-color:#fff;
}
.sct4 {
    position:absolute;
}
.sct4>.patent-pc>svg {
    max-width:1920px;
    width:100vw;
    height:77.7vw;
    text-anchor:middle;
    display:block;
}
.sct4>.patent-m>svg {
    min-width:49.3vw;
    width:100vw;
    height:180vw;
    text-anchor:middle;
    display:none;
}
.objGroup>img {
    width:100%;
    height:auto;
}

#about2 {
    width:100vw;
    height:50.25vw;
    position:relative;
    background-color:#000;
}
#about2>.container>.mainTxT {
    padding-top:8vw;
    text-align:center;
}
#about2::before {
    content:"";
    background:url(../imgs/sub_sct2.jpg) center no-repeat;
    background-size:cover;
    position:absolute;
    left:0px;
    top:0px;
    bottom:0; 
    right:0;
    opacity:.6;
}

#about3 {
    margin-top:0;
    background:linear-gradient(30deg, #014099, #099887);
    z-index:-1;
    text-align:center;
    height:auto;
}
.patentTxT>p {
    color:#fff;
    /*text-align:center;*/
    font-size: 1.1vw;
    font-weight: 300;
    line-height:1.7vw;
    padding-top:7.5vw;
}
#about3>.container .mainTxT {
    /*text-align:center;*/
    height:auto;
    padding-top:2.3vw;
}
#about3>.container .mainTxT>p:last-child {
    font-size:3.2vw;
    line-height:4.25vw;
    margin-top:.05vw;
    padding-bottom:5vw;
}

.outro-content {
    text-align:center;
    display: flex;
    align-items:center;
    flex-direction:column;
    color:#fff;
}

/*구글지도 구글맵 회사소개 아이프레임 설정*/
.maps {
    width:90vw;
    height:100vw;
    max-width:1180px;
    max-height:500px;
    margin-top:100px;
}
.frame-map {
    width:100%;
    height:100%;
    border:none;
}
.buttons>li {
    width:390px;
    height:80px;
    background-color:#0024fd;
    text-align:center;
    display:inline-block;
    background:linear-gradient(to right, #014099, #099887);
}
.outro-content>.buttons {
    margin:0 auto;
    text-align:center;
}
.buttons>li {
    margin-top:52px;
    line-height:80px;
}
.buttons>li>a {
    font-size:22px;
    color:#fff;
    display:block;
}
.buttons>li>a>span {
    font-size:12px;
    color:#ffd965;
    vertical-align:middle;
    display:inline-block;
    padding-left:2px;
    padding-bottom:3px;
}
.buttons>li>a>span>img {
    vertical-align:middle;
}

#outro {
    background-color:#fff;
    height:830px;
    max-height:830px;
}
#outro>.container {
    height:760px;
}


/*
* 미디어쿼리 시작
*/
@media (min-width: 1280px) and (max-width:1366px) {

    .patentTxT>p {
        font-size:1.3vw;
        line-height:2.2vw;
    }
}

@media (max-width: 1279px) {
    

    #intro {
        height:54.36vw;
    }
    #intro .mainTxT {
        height:100%;
        padding-top:14.5vw;
        padding-top:2em;
    }
    .mainTxT>p:first-child {
        margin-top: 10px;
        font-size: 2.08vw;
    }
    
    .mainTxT>p:nth-child(2) {
        margin-top: 26px;
        font-size: 4.16vw;
    }

    .mainTxT>div>img {
        margin-top:0;
        width:21.14vw;
        height:auto;
    }
    .logo_dna {
        margin-top:3%;
    }

    
    /*연혁PC*/
    #about1 {
        height: 77vw;
    }
    .sct4>svg {
        width: 100vw;
    }
    .sct4>.patent-pc>svg {
        display: block;
    }

    .sct4>.patent-m>svg {
        display: none;
    }

    /*소개1-PC*/
    #about2 {
        height:50.25vw;
    }
    #about2>.container>.mainTxT {
        padding-top:8vw;
    }
    #about2>.container>.mainTxT>p:first-child {
        margin-top: 10px;
        font-size: 2.08vw;
    }
    #about2>.container>.mainTxT>p:nth-child(2) {
        margin-top: 45px;
        font-size: 4.16vw;
    }
    .logo_real {
        margin-top:50px;
    }

    
    /*특허-PC*/
    #about3 {
       /* margin-top: 50px;*/
    }
    
    #about3>.container>.wrapper>.marquee>h3 {
        color: #014099;
    }
    #about3>.container>.wrapper>.marquee>p {
        color: #4b4b4b;
    }

    
    /*소개2-PC*/
    #about4>.container>.mainTxT {
        padding-top: 8vw;
    }
    
    #about4>.container>.mainTxT>p:first-child {
        margin-top:0px;
    }
    
     #about4>.container>.mainTxT>p:nth-child(2) {
        margin-top: 35px;
    }
    
    
    /*지도*/
    .maps { 
        margin-top: 80px;
        background-size:  120%;
    }
    .buttons>li:nth-child(1) {
        margin-right: 0px;
    }

    .buttons>li:nth-child(2) {
        margin-left: 0px;
    }
 
    .buttons>li:last-child {
        margin-top: 10px;
    }
    #outro {
        height: 800px;
    }


}

@media (max-width: 1600px) {

    .patentTxT>p {
        font-size:1.4vw;
        line-height:2.2vw;
    }
    .maps {
        width:78.2vw;
    }
    .buttons>li {
        width:338px;
    }
    
    
}

@media (max-width: 1030px) {

    #intro>.container>.mainTxT {
        height:100%;
        padding-top:3vw;
    }
    .patentTxT>p {
        font-size:1.4vw;
        line-height:2.2vw;
    }
    .maps {
        width:88vw;
        max-width:800px;
        max-height:400px;
        margin-top:50px;
        background-size:150%; 
    }
    .buttons>li {
        width:288px;
    }
    .buttons>li>a {
        font-size:20px;
        color:#fff;
        display:block;
    }
    .buttons>li:nth-child(1) {
        margin-right:0;
    }

    .buttons>li:nth-child(2) {
        margin-left:0;
    }
 
    .buttons>li:last-child {
        margin-top:20px;
    }
    #outro {
        height:640px;
    }

}

@media (min-width:768px) and (max-width:1023px) {
    
    #intro {
        height:68vw;
    }
    
    #intro .mainTxT>p:first-child {
        margin-top:0;
        font-size:3vw;
        line-height:1.3em;
    }
    #intro .mainTxT>p:nth-child(2) {
        font-size:5vw;
    }
    #intro>.container>.mainTxT {
        height:100%;
        padding-top:10vw;
    }
    .mainTxT>div>img {
        margin-top: 0;
        width:26vw;
        height: auto;
    }
    .logo_dna {
        margin-top:3em;
    }
    #about2 {
        height:64vw;
    }
    #about2>.container>.mainTxT>p:first-child {
        margin-top:0;
        font-size:3vw;
        line-height:1.3em;
    }
    #about2>.container>.mainTxT>p:nth-child(2) {
        font-size:5vw;
    }
    #about4>.container>.mainTxT>p:first-child {
        margin-top:0;
        font-size:3vw;
        line-height:1.4em;
    }
    #about2>.container>.mainTxT {
        padding-top:6.2em;
    }
    .patentTxT>p {
        font-size:2.6vw;
        line-height:4.2vw;
        padding-top:15.5vw;
    }
    #about3>.container .mainTxT>p:first-child {
        font-size:4vw;
        padding-top:2.3vw;
    }
    #about3>.container .mainTxT>p:last-child {
        font-size:5.2vw;
        line-height:4.25vw;
        margin-top:2.4vw;
        padding-bottom:9vw;
    }
    
    #about4>.container>.mainTxT {
        padding-top:8em;
    }
    .buttons>li {
        width:218px;
    }
    .buttons>li:not(:last-child) {
        margin-right:.5em;
    }
    .buttons>li>a {
        font-size:1.1em;
    }
    .buttons::after {
        content:'';
        display:block;
        clear:both;
    }
    
}

@media (max-width:935px) {

    .buttons>li:last-child {
        margin-top:20px;
    }
    #outro {
        height:740px;
    }

}



@media (max-width: 767px) {
    
    #fullpage {
        background-size:cover;
    }
    
    /*배경 설정*/
    section {
        height:auto;
    }
    .container {
        position:relative;
        height:100%;
    }
    #intro>.container {
        margin:0 auto;
        max-width:767px;
        text-align:center;
    }

    /*메인-M*/
    #intro {
         height:100.36vw;
        }

    #intro>.container>.mainTxT {
        padding-top:8vw;
    }

    .mainTxT>p:first-child {
        margin-top:-5px;
        line-height: 6vw;
        font-size: 4.5vw;
    }

    .mainTxT>p:nth-child(2) {
        margin-top: 25px;
        font-size: 8vw;
        line-height: 9vw;
    }
    .mainTxT>div>img {
        margin-top: 5%;
        width: 40vw;
        height: auto;
    }

    /*연혁-M*/

    #about1 {
        height: 178vw;
    }
    .sct4>.patent-pc>svg {
        display: none;
    }

    .sct4>.patent-m>svg {
        min-height: 10vw;
        display: block;
    }

    /*소개1-M*/

    #about2 {
        height: 80vw;
    }

    #about2>.container>.mainTxT {
        padding-top:18vw;
    }

    #about2>.container>.mainTxT>p:first-child {
        margin-top:-5px;
        line-height: 6vw;
        font-size: 4.5vw;
    }

    #about2>.container>.mainTxT>p:nth-child(2) {
        margin-top: 15px;
        font-size: 8vw;
        line-height: 9vw;
    }
    #about2>.container>.mainTxT>div>img {
        width:30vw;
        height:auto;
    }
    .logo_real {
        margin-top:5%;
    }


    /*특허-M*/
    .patentTxT>p {
        font-size:3vw;
        line-height:4.8vw;
        padding-top:19.5vw;
    }
    #about3>.container .mainTxT>p {
        word-break:keep-all;
    }
    #about3>.container .mainTxT>p:first-child {
        font-size:4.9vw;
        line-height:7vw;
        padding-top:8.3vw;
        letter-spacing:-.03em;
    }
    #about3>.container .mainTxT>p:last-child {
        font-size:8.2vw;
        line-height:11.25vw;
        margin-top:2.4vw;
        padding-bottom:9vw;
        width:80%;
    }

    #intro .buttons {
        display:block;
        margin:0 auto;
        padding-top:540px;
        padding-top:122%;
        text-align:center;
    }
    #intro .buttons li,
    #intro .buttons li:last-child {
        margin:0;
    }
    #intro  .buttons>li:last-child {
        margin-top:12px;
    }

    #outro {
        height: 660px;
    }
    #outro .buttons {
        padding-top:30px;
    }
    #intro .arrow.a1 {
            padding-top:77px;
    }
    .arrow img {
        width:10%;
    }
    .maps { 
        width: 85vw;
        background-size: 200%; 
        margin-top: 50px;
        max-width: 700px;
        max-height: 300px;
    }
    .buttons>li:nth-child(1) {
        margin-right: 0px;
    }
    .buttons>li:nth-child(2) {
        margin-left: 0px;
    }
    .buttons>li:last-child {
        margin-top: 10px;
    }
    .buttons>li {
        width:88%;
        height:70px;
        line-height:70px;
        margin-top:10px;
    }
    .buttons>li>a {
        font-size:1.3em;
    }
    .buttons>li>a>span {
        font-size:0.65em;
    }
  
 
}