header .pc-nav a:last-child{
    display: none;
}

header #cd-nav li:last-child a{
    display: none;
}


/*지정 class*/
.container-full {
    width: 100%;
    margin: 0 auto;
}

.container {
    padding: 130px 240px;
    margin: 0 auto
}

.sub_container{
    max-width: 1500px;
    padding: 130px 0px;
    margin: 0 auto;
}



@media only screen and (max-width:780px) {
    .container-full {
    width: 100%;
    margin: 0 auto;
}

.container {
    padding:100px 20px;
    margin: 0 auto
}    
}

.fr{float: right}
.fl{float: left}

.tc{text-align: center;}
.tl{text-align: left;}
.tr{text-align: right;}

.bg{background-color:#fafafa;}



.black_bg{background-color: #010812;}

@media only screen and (max-width:780px) {
    .web_all {
        overflow: hidden;
    }    
}





/*header*/
.cf:before,
.cf:after {
    content: "";
    display: table;
}

.cf:after {
    *zoom:1;
}

.small_header {
    height: 80px;
    background-color: rgba(255, 255, 255, 0.65);
    padding-top: 15px;
    padding-bottom: 15px;
}

.small_header h1 {
    width: 130px;
    height: 48px;
}

.small_header h1 a {
    display: block;
    width: 100%;
    height: 100%;
}

.small_header .pc-nav {
    margin-top: 10px;
}

.small_header .pc-nav a {
    font-size:18px;
}

header .pc-nav a:hover{color: #99c1ff}


header, header h1,.pc-nav a {
    -webkit-transition: all 1s;
    transition: all 1s;
}


header {
    width: 100%;
    height: 108px;
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    padding:20px 140px;
    align-items: center;
    -webkit-align-items: center;
}

header h1 {
    width: 120px;
    height:68px;
    float: left;
    background-image: url(../img/logo.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

header h1 a {
    display: block;
    width: 100%;
    height: 100%;
}

.pc-nav{margin-top: 15px;}
.pc-nav a {
    font-size:15px;
    color: #131313;
    font-family: 'Montserrat', sans-serif;
    font-weight:600;
    margin-left: 36px;
}



.cd-primary-nav{display: none;}

@media only screen and (max-width:1024px) {
    header{padding: 20px;}   
    .pc-nav{display: none;}
    .cd-primary-nav{display:block;}
        header h1,.nav-trigger {
        position: absolute;
        top: 42px;
        bottom: auto;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .nav-trigger {
        display: table;
        height: 100%;
        font-size: 1.2rem;
        right:20px;
    }

    .nav-trigger span {
        display: table-cell;
        vertical-align: middle;
    }

    .nav-trigger em, .nav-trigger em::after,.nav-trigger em::before {
        display: block;
        position: relative;
        height: 2px;
        width: 26px;
        background-color: #fff;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }


    .nav-trigger em::before,.nav-trigger em::after {
        position: absolute;
        content: "";
        left: 0;
        -webkit-transition: transform.2s;
        transition: -webkit-transform.2s;
        transition: transform.2s;
        transition: transform.2s, -webkit-transform.2s
    }


    .nav-trigger em::before {
        -webkit-transform:translateY(-6px);
        -ms-transform:translateY(-6px);
        transform:translateY(-6px);
    }


    .nav-trigger em::after {
        -webkit-transform:translateY(6px);
        -ms-transform:translateY(6px);
        transform:translateY(6px);
    }


    .nav-open .nav-trigger em {
        background-color: rgba(255,255,255,0)
    }

    .nav-open .nav-trigger em::before {
        -webkit-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
        transform:rotate(-45deg);
    }


    .nav-open .nav-trigger em::after {
        -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
        transform:rotate(45deg);
    }

    .cd-primary-nav ul {
        position: absolute;
        z-index: 2;
        top: 80px;
        left: 0;
        width: 100%;
        padding:60px 0;
        background-color: #17171d;
        display: none;
    }

    .cd-primary-nav ul a {
        text-align: center;
        display: block;
        padding: 38px 0;
        font-size:28px;
        color: #fff;
        font-family: 'Montserrat', sans-serif;
        font-weight:600;
    }

    .cd-primary-nav ul a:hover {
        color: #8eacda;
        transition:.3s;
    }

    .cd-primary-nav ul .active {
        color: #8eacda
    }

    .nav-open .cd-primary-nav ul,.cd-primary-nav ul:target {
        display: block;
}


}





/*
.main_banner .text h1 {
    font-family: 'Hind+Siliguri', sans-serif;
    font-weight:600;
    color: #fff;
    font-size:140px;
    margin-bottom: 104px;
}*/
.main_banner {
    width: 100%;
    height: 1180px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}



/*.display{    
  position: relative;    
  display: block;
  margin: auto;
  font-family: 'Hind+Siliguri', sans-serif;
  font-weight:600;
  color: #fff;
  font-size:140px;
  margin-bottom: 104px;   
}
.display h1{  
  text-align : center;  
  font-family: Garamond;
  color: #f4f4f4;
  margin-bottom:20px;
}

.main_banner .text span {
    font-family: 'Hind+Siliguri', sans-serif;
    font-weight:400;
    color: #d3d3d3;
    font-size:18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-left:6px;
}*/
.hero {
  display: inline-block;
  width: 100%;
  height: 1080px;
  position: relative;
}

@media only screen and (max-width:780px) {
    .hero {
        height: 900px;
    }
}



.diagonal-hero-bg {
  position: absolute;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #020a15, #000710);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #020a15, #000710);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  z-index: -1;
}

.stars {
  z-index: -1;
  overflow: hidden;
  top: 0;
  left: 0%;
  width: 100%;
  height: 100vh;
  transition: opacity 1s ease-in-out;
  position: absolute;
}

.stars > .small {
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 239px 1074px #91b6ff , 1725px 1590px #91b6ff , 659px 573px #91b6ff , 768px 1196px #91b6ff , 888px 25px #91b6ff , 810px 1877px #91b6ff , 1749px 324px #91b6ff , 964px 1944px #91b6ff , 366px 1934px #91b6ff , 1885px 1179px #91b6ff , 1102px 23px #91b6ff , 888px 1366px #91b6ff , 920px 1829px #91b6ff , 1454px 1036px #91b6ff , 780px 1817px #91b6ff , 1899px 719px #91b6ff , 1516px 448px #91b6ff , 1121px 1013px #91b6ff , 1425px 374px #91b6ff , 1991px 1021px #91b6ff , 1817px 1487px #91b6ff , 1257px 1056px #91b6ff , 1571px 1969px #91b6ff , 49px 780px #91b6ff , 959px 1169px #91b6ff , 587px 1942px #91b6ff , 203px 613px #91b6ff , 1193px 1737px #91b6ff , 1224px 1704px #91b6ff , 626px 76px #91b6ff , 551px 591px #91b6ff , 1502px 32px #91b6ff , 1219px 1305px #91b6ff , 1164px 1972px #91b6ff , 423px 1559px #91b6ff , 863px 1326px #91b6ff , 539px 420px #91b6ff , 948px 841px #91b6ff , 403px 672px #91b6ff , 1751px 330px #91b6ff , 456px 1466px #91b6ff , 177px 1970px #91b6ff , 593px 1553px #91b6ff , 195px 920px #91b6ff , 553px 1896px #91b6ff , 1722px 431px #91b6ff , 1445px 1839px #91b6ff , 1942px 1825px #91b6ff , 116px 1548px #91b6ff , 199px 364px #91b6ff , 1443px 256px #91b6ff , 356px 466px #91b6ff , 873px 1901px #91b6ff , 726px 158px #91b6ff , 1711px 596px #91b6ff , 1642px 468px #91b6ff , 1429px 11px #91b6ff , 310px 1333px #91b6ff , 516px 1330px #91b6ff , 863px 74px #91b6ff , 826px 1545px #91b6ff , 1047px 1390px #91b6ff , 1889px 614px #91b6ff , 332px 1196px #91b6ff , 1992px 516px #91b6ff , 49px 1101px #91b6ff , 807px 1113px #91b6ff , 1319px 80px #91b6ff , 841px 784px #91b6ff , 380px 443px #91b6ff , 261px 268px #91b6ff , 483px 1816px #91b6ff , 1141px 770px #91b6ff , 429px 778px #91b6ff , 1545px 1048px #91b6ff , 250px 175px #91b6ff , 842px 481px #91b6ff , 1805px 935px #91b6ff , 547px 1652px #91b6ff , 1242px 1145px #91b6ff , 884px 636px #91b6ff , 1954px 255px #91b6ff , 1128px 1173px #767676 , 1132px 613px #91b6ff , 1236px 1373px #91b6ff , 992px 816px #91b6ff , 457px 953px #767676 , 512px 1782px #767676 , 450px 1137px #91b6ff , 957px 174px #91b6ff , 635px 1675px #91b6ff , 541px 1748px #767676 , 1916px 736px #91b6ff , 1179px 163px #91b6ff , 320px 815px #91b6ff , 614px 1075px #91b6ff , 96px 1881px #91b6ff , 1615px 1940px #767676 , 111px 1165px #767676 , 591px 1990px #91b6ff , 223px 1516px #767676 , 1930px 785px #91b6ff , 944px 1342px #91b6ff , 245px 800px #91b6ff , 925px 689px #767676 , 614px 493px #91b6ff , 386px 1255px #91b6ff , 1263px 488px #767676 , 610px 26px #91b6ff , 475px 460px #767676 , 1066px 1979px #91b6ff , 1893px 612px #91b6ff , 625px 55px #91b6ff , 719px 200px #91b6ff , 1636px 1829px #767676 , 1967px 1199px #767676 , 339px 806px #91b6ff , 99px 1607px #91b6ff , 1696px 818px #767676 , 543px 1159px #767676 , 1429px 1261px #91b6ff , 626px 145px #91b6ff , 1982px 760px #91b6ff , 707px 110px #767676 , 1866px 1270px #767676 , 348px 1681px #91b6ff , 64px 1305px #91b6ff , 847px 1699px #91b6ff , 1111px 1318px #767676 , 1641px 1257px #767676 , 1633px 1998px #91b6ff , 718px 165px #91b6ff , 287px 205px #767676 , 572px 919px #767676 , 526px 1882px #91b6ff , 1516px 1643px #91b6ff , 1695px 1391px #91b6ff , 620px 215px #767676 , 1638px 841px #767676 , 1366px 1545px #91b6ff , 1133px 948px #91b6ff , 953px 386px #767676 , 716px 1568px #767676 , 1915px 1326px #91b6ff , 1138px 1259px #91b6ff , 1526px 807px #767676 , 1292px 1559px #767676 , 846px 1008px #767676 , 786px 1846px #91b6ff , 52px 1389px #91b6ff , 911px 752px #767676 , 730px 961px #767676 , 1831px 568px #91b6ff , 600px 1971px #91b6ff , 1282px 1383px #767676 , 1043px 1115px #767676 , 653px 616px #767676 , 285px 16px #91b6ff , 752px 1955px #91b6ff , 1771px 412px #767676 , 1395px 627px #767676 , 140px 462px #767676 , 1577px 493px #91b6ff , 1831px 366px #767676 , 940px 162px #767676 , 162px 892px #767676 , 414px 641px #91b6ff , 1790px 1265px #91b6ff , 1440px 1190px #767676 , 741px 172px #767676 , 411px 526px #767676 , 1701px 1488px #91b6ff , 684px 413px #91b6ff , 134px 1428px #767676 , 617px 1213px #767676 , 184px 270px #767676 , 1878px 1162px #91b6ff , 158px 222px #767676 , 59px 1182px #767676 , 1303px 403px #767676 , 115px 400px #91b6ff , 894px 1051px #91b6ff , 1732px 1367px #767676 , 1081px 324px #767676 , 8px 1045px #767676 , 1084px 360px #91b6ff , 1884px 1011px #91b6ff , 516px 1381px #767676 , 920px 10px #767676 , 247px 1778px #767676 , 1408px 997px #91b6ff , 1138px 1149px #767676 , 591px 1657px #767676 , 1499px 463px #767676 , 874px 1528px #91b6ff , 1892px 445px #91b6ff , 462px 1109px #767676 , 1623px 412px #767676 , 26px 1863px #767676 , 549px 1068px #767676 , 747px 29px #767676 , 1152px 1963px #767676 , 894px 556px #767676 , 656px 1590px #91b6ff , 62px 1726px #767676 , 1228px 868px #767676 , 622px 1192px #767676 , 734px 1079px #767676 , 812px 1343px #91b6ff , 1503px 852px #767676 , 72px 651px #767676 , 103px 1277px #767676 , 734px 506px #767676 , 1741px 1812px #767676 , 797px 186px #767676 , 1787px 1307px #767676 , 1669px 478px #767676 , 1640px 1612px #91b6ff , 1265px 1428px #767676 , 512px 1584px #767676 , 1627px 1245px #767676 , 1088px 1334px #767676 , 1134px 1673px #91b6ff , 530px 1746px #767676 , 1517px 1581px #767676 , 55px 447px #767676 , 967px 396px #767676 , 547px 1098px #91b6ff , 532px 560px #767676 , 1147px 901px #767676 , 839px 1079px #767676 , 1794px 475px #767676 , 1016px 127px #91b6ff , 832px 1441px #767676 , 1897px 770px #767676 , 1191px 1711px #767676 , 104px 1297px #767676 , 1548px 1579px #767676 , 297px 1702px #767676 , 1270px 807px #767676 , 1026px 415px #767676 , 1766px 1205px #91b6ff , 238px 1704px #767676 , 1056px 1951px #767676 , 1990px 854px #767676 , 566px 1437px #767676 , 661px 501px #767676 , 1234px 341px #767676 , 413px 645px #767676 , 908px 1547px #767676 , 109px 436px #91b6ff , 665px 47px #767676 , 1852px 1326px #767676 , 1478px 394px #767676 , 1820px 1693px #767676 , 11px 867px #91b6ff , 1265px 828px #767676 , 832px 1195px #767676 , 829px 1786px #91b6ff , 967px 1288px #767676 , 892px 1535px #767676 , 1325px 1062px #767676 , 1820px 1275px #767676 , 136px 1375px #767676 , 874px 83px #91b6ff , 1427px 1519px #91b6ff , 288px 1957px #767676 , 409px 938px #91b6ff , 1059px 1078px #767676 , 1516px 1890px #91b6ff , 806px 1104px #91b6ff , 497px 1740px #767676 , 1815px 254px #91b6ff , 1644px 871px #767676 , 299px 487px #91b6ff , 126px 324px #91b6ff , 1514px 1534px #767676 , 353px 377px #91b6ff , 604px 1774px #91b6ff , 1580px 153px #91b6ff , 330px 648px #767676 , 1152px 8px #91b6ff , 1318px 1843px #91b6ff , 110px 276px #91b6ff , 119px 599px #91b6ff , 476px 612px #767676 , 797px 771px #91b6ff , 806px 532px #91b6ff , 18px 1570px #91b6ff , 1777px 1205px #767676 , 1129px 996px #91b6ff , 662px 846px #91b6ff , 1300px 801px #91b6ff , 1546px 410px #91b6ff , 137px 1462px #767676 , 647px 1459px #91b6ff , 211px 453px #91b6ff , 276px 143px #91b6ff , 605px 68px #91b6ff , 861px 371px #767676 , 1415px 410px #91b6ff , 1974px 1721px #91b6ff , 1313px 902px #91b6ff , 149px 1082px #767676 , 900px 768px #767676 , 1073px 1753px #91b6ff , 1598px 102px #91b6ff , 209px 1088px #91b6ff , 1213px 1945px #767676 , 1668px 711px #91b6ff , 482px 1816px #767676 , 1469px 1798px #91b6ff , 168px 343px #767676 , 1657px 209px #767676 , 195px 884px #91b6ff , 1071px 945px #767676 , 729px 559px #91b6ff , 464px 26px #767676 , 741px 149px #767676 , 1738px 858px #91b6ff , 1075px 267px #91b6ff , 1214px 492px #767676 , 866px 1605px #767676 , 1010px 1721px #91b6ff , 9px 433px #91b6ff , 305px 1285px #91b6ff , 1308px 1068px #767676 , 896px 1393px #91b6ff , 1882px 255px #767676 , 944px 55px #767676 , 1236px 28px #767676 , 585px 1220px #767676 , 1800px 595px #91b6ff , 167px 1206px #767676 , 362px 447px #767676 , 582px 276px #767676 , 1209px 1890px #767676 , 1477px 401px #91b6ff , 191px 169px #767676 , 1005px 477px #767676 , 849px 783px #767676 , 395px 1399px #91b6ff , 1783px 1633px #767676 , 1246px 394px #767676 , 841px 164px #767676 , 1117px 1308px #767676 , 1965px 922px #767676 , 526px 928px #767676 , 1607px 227px #767676 , 1617px 665px #91b6ff , 638px 640px #91b6ff , 1734px 1940px #767676 , 1741px 746px #91b6ff , 1030px 1563px #91b6ff , 570px 1638px #767676 , 85px 1817px #91b6ff , 595px 310px #91b6ff , 1133px 439px #91b6ff , 1198px 1714px #91b6ff , 673px 1093px #767676 , 1255px 1925px #91b6ff , 818px 1455px #91b6ff , 1893px 1964px #91b6ff , 1251px 306px #767676 , 465px 414px #91b6ff , 1287px 952px #91b6ff , 1854px 131px #91b6ff , 1986px 1505px #91b6ff , 1278px 1047px #767676 , 571px 1110px #91b6ff , 327px 1727px #91b6ff , 1380px 624px #91b6ff , 1358px 180px #767676 , 1992px 1293px #91b6ff , 90px 492px #767676 , 1744px 1585px #91b6ff , 1593px 1146px #91b6ff , 522px 643px #767676 , 1276px 447px #91b6ff , 64px 97px #91b6ff , 1047px 560px #91b6ff , 1382px 889px #91b6ff , 12px 358px #767676 , 638px 228px #91b6ff , 1183px 1301px #91b6ff , 1985px 592px #91b6ff , 969px 1040px #91b6ff , 1547px 1309px #767676 , 1926px 25px #91b6ff , 1696px 1524px #91b6ff , 1128px 427px #91b6ff , 993px 1279px #767676 , 1389px 509px #91b6ff , 178px 1954px #91b6ff , 517px 1732px #91b6ff , 1973px 1407px #91b6ff , 1821px 266px #767676 , 1445px 296px #91b6ff , 263px 1783px #91b6ff , 500px 319px #767676 , 551px 1404px #91b6ff , 356px 1171px #91b6ff , 42px 978px #91b6ff , 1889px 417px #91b6ff , 1124px 894px #91b6ff , 1035px 204px #767676 , 634px 1486px #91b6ff , 312px 1px #91b6ff , 783px 976px #91b6ff , 1711px 1848px #91b6ff , 1702px 704px #767676 , 113px 1982px #91b6ff , 1779px 1406px #91b6ff , 680px 257px #767676 , 1228px 261px #767676 , 701px 293px #91b6ff , 1600px 1018px #91b6ff , 979px 320px #91b6ff , 707px 789px #91b6ff , 1064px 287px #767676 , 1531px 1342px #91b6ff , 493px 981px #91b6ff , 441px 456px #91b6ff , 1808px 151px #91b6ff , 1212px 1556px #767676 , 1073px 411px #91b6ff , 833px 1408px #91b6ff , 1692px 1413px #767676 , 1705px 1248px #91b6ff , 1220px 1486px #91b6ff , 101px 840px #91b6ff , 880px 777px #91b6ff , 872px 1451px #91b6ff , 1466px 1073px #91b6ff , 962px 1278px #767676 , 1893px 1575px #91b6ff , 227px 448px #91b6ff , 903px 71px #767676 , 721px 1286px #767676 , 611px 1114px #767676 , 598px 1835px #91b6ff , 513px 1960px #767676 , 1101px 113px #91b6ff , 1170px 678px #767676 , 22px 508px #91b6ff , 106px 507px #91b6ff , 1380px 1242px #767676 , 483px 384px #91b6ff , 1860px 300px #767676 , 53px 1337px #767676 , 885px 1171px #767676 , 458px 776px #767676 , 791px 433px #767676 , 1822px 1250px #767676 , 1614px 1738px #767676 , 1962px 993px #767676 , 1098px 1708px #767676 , 1563px 265px #767676 , 139px 797px #767676 , 287px 559px #767676 , 111px 362px #767676 , 1604px 1834px #767676 , 905px 925px #767676 , 1081px 209px #767676 , 1771px 18px #767676 , 1678px 1783px #767676 , 297px 1578px #767676 , 656px 1498px #767676 , 963px 1200px #767676 , 900px 154px #767676 , 685px 738px #767676 , 99px 1841px #767676 , 28px 1633px #767676 , 1936px 43px #91b6ff , 1461px 557px #767676 , 1965px 932px #767676 , 1341px 192px #767676 , 1308px 990px #767676 , 289px 1517px #767676 , 1111px 909px #767676 , 1204px 687px #767676 , 106px 1728px #767676 , 699px 413px #767676 , 1769px 266px #767676 , 743px 556px #767676 , 27px 1524px #767676 , 460px 1424px #767676 , 1349px 731px #767676 , 277px 1465px #767676 , 212px 1440px #767676 , 756px 1056px #767676 , 1754px 1003px #767676 , 1189px 763px #767676 , 1174px 673px #767676 , 191px 841px #767676 , 1932px 454px #767676 , 1156px 1645px #767676 , 795px 654px #767676 , 505px 998px #767676 , 1469px 118px #767676 , 313px 1484px #767676 , 106px 933px #767676 , 800px 1345px #767676 , 1123px 96px #767676 , 116px 713px #767676 , 1541px 1512px #767676 , 1161px 1352px #767676 , 1981px 1739px #767676 , 1333px 393px #767676 , 590px 35px #767676 , 1409px 1015px #767676 , 166px 673px #767676 , 1685px 1303px #767676 , 1188px 165px #767676 , 1552px 495px #767676 , 1259px 1845px #767676 , 622px 1577px #767676 , 557px 259px #767676 , 84px 368px #767676 , 52px 1266px #767676 , 1608px 825px #767676 , 316px 960px #767676 , 1315px 567px #767676 , 796px 423px #767676 , 1238px 1145px #767676 , 1728px 1204px #767676 , 1380px 1868px #767676 , 1644px 623px #767676 , 1647px 990px #767676 , 458px 1247px #767676 , 1447px 782px #767676 , 1513px 1549px #767676 , 1503px 1186px #767676 , 1701px 564px #767676 , 815px 1026px #767676 , 23px 1060px #767676 , 825px 89px #767676 , 1946px 1479px #767676 , 1389px 1783px #767676 , 40px 1225px #767676 , 1145px 1498px #767676 , 206px 413px #767676 , 948px 1324px #767676 , 1783px 1472px #767676 , 639px 1945px #767676 , 210px 1198px #767676 , 1108px 830px #767676 , 1189px 1113px #767676 , 260px 1413px #767676 , 1079px 1246px #767676 , 456px 798px #767676 , 1272px 1311px #767676 , 583px 977px #767676 , 1555px 1650px #767676 , 1536px 1656px #767676 , 88px 1339px #767676 , 743px 1980px #767676 , 1803px 1434px #767676 , 915px 259px #767676 , 1129px 1583px #767676 , 60px 1776px #767676 , 5px 637px #767676 , 630px 847px #767676 , 1111px 1244px #767676 , 1040px 1976px #767676 , 343px 1662px #767676 , 601px 1611px #767676 , 293px 639px #767676 , 1441px 1458px #767676 , 1208px 698px #767676 , 1631px 1489px #767676 , 1359px 1902px #767676 , 1457px 856px #767676 , 1029px 1733px #767676 , 1303px 1430px #767676 , 1360px 1957px #767676 , 1296px 1322px #767676 , 813px 704px #767676 , 80px 418px #767676 , 1868px 1906px #767676 , 1287px 1789px #767676 , 1379px 1314px #767676 , 154px 1357px #767676 , 1614px 1892px #767676 , 514px 439px #767676 , 171px 1218px #767676 , 502px 1344px #767676 , 1505px 11px #767676 , 1433px 647px #767676 , 1083px 171px #767676 , 1417px 515px #767676 , 1723px 61px #767676 , 1377px 1198px #767676 , 860px 1416px #767676 , 230px 655px #767676 , 758px 1085px #767676 , 1821px 733px #767676 , 1477px 1035px #767676 , 1319px 1003px #767676 , 1402px 1091px #767676 , 1784px 1056px #767676 , 765px 1023px #767676 , 1767px 498px #767676 , 1770px 812px #767676 , 1934px 1739px #767676 , 1338px 1309px #767676 , 701px 966px #767676 , 391px 84px #767676 , 1937px 1359px #767676 , 311px 553px #767676 , 133px 263px #767676 , 594px 665px #767676 , 1058px 119px #767676 , 493px 1672px #767676 , 248px 888px #767676 , 456px 1336px #767676 , 1663px 1785px #767676 , 394px 869px #767676 , 1975px 1237px #767676 , 616px 369px #767676 , 415px 641px #767676 , 1282px 1971px #767676 , 63px 1997px #767676 , 405px 1664px #767676 , 989px 44px #767676 , 1316px 557px #767676 , 1906px 737px #767676 , 799px 1875px #767676 , 1692px 1038px #767676 , 1001px 1033px #767676 , 688px 1467px #767676 , 1157px 1757px #767676 , 1219px 721px #767676 , 745px 615px #767676 , 592px 1610px #767676 , 1979px 659px #767676 , 787px 82px #767676 , 772px 84px #767676 , 1430px 1174px #767676 , 841px 503px #767676 , 879px 1706px #767676 , 1068px 98px #767676 , 1011px 1703px #767676 , 224px 1950px #767676 , 307px 271px #767676 , 820px 256px #767676 , 1096px 54px #767676 , 1731px 1723px #767676 , 472px 1124px #767676 , 1863px 171px #767676 , 1047px 735px #767676 , 1762px 1892px #767676 , 267px 576px #767676 , 922px 1418px #767676 , 1656px 1919px #767676 , 1641px 1350px #767676 , 763px 1077px #767676 , 1450px 1043px #767676 , 321px 334px #767676 , 215px 297px #767676 , 1179px 1312px #767676 , 45px 485px #767676 , 1122px 1504px #767676 , 1860px 1216px #767676 , 787px 640px #767676 , 1870px 517px #767676 , 444px 1160px #767676 , 1073px 1975px #767676 , 1409px 1136px #767676 , 212px 78px #767676 , 1281px 1090px #767676 , 781px 73px #767676 , 694px 346px #767676 , 687px 1524px #767676 , 547px 1774px #767676 , 1814px 704px #767676 , 108px 555px #767676 , 430px 25px #767676 , 487px 1804px #767676 , 1004px 427px #767676 , 293px 1193px #767676 , 451px 1816px #767676 , 37px 1996px #767676 , 867px 1256px #767676 , 1557px 1687px #767676 , 1026px 294px #767676 , 1268px 67px #767676 , 1836px 140px #767676 , 687px 545px #767676 , 1060px 1717px #767676 , 854px 154px #767676 , 1078px 972px #767676 , 1489px 1544px #767676 , 456px 171px #767676 , 675px 809px #767676 , 92px 791px #767676 , 738px 901px #767676 , 282px 1771px #767676 , 1308px 1811px #767676 , 1798px 1884px #767676;
  animation: starsAnimation 50s linear infinite;
}
.stars > .small:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow:  239px 1074px #91b6ff , 1725px 1590px #91b6ff , 659px 573px #91b6ff , 768px 1196px #91b6ff , 888px 25px #91b6ff , 810px 1877px #91b6ff , 1749px 324px #91b6ff , 964px 1944px #91b6ff , 366px 1934px #91b6ff , 1885px 1179px #91b6ff , 1102px 23px #91b6ff , 888px 1366px #91b6ff , 920px 1829px #91b6ff , 1454px 1036px #91b6ff , 780px 1817px #91b6ff , 1899px 719px #91b6ff , 1516px 448px #91b6ff , 1121px 1013px #91b6ff , 1425px 374px #91b6ff , 1991px 1021px #91b6ff , 1817px 1487px #91b6ff , 1257px 1056px #91b6ff , 1571px 1969px #91b6ff , 49px 780px #91b6ff , 959px 1169px #91b6ff , 587px 1942px #91b6ff , 203px 613px #91b6ff , 1193px 1737px #91b6ff , 1224px 1704px #91b6ff , 626px 76px #91b6ff , 551px 591px #91b6ff , 1502px 32px #91b6ff , 1219px 1305px #91b6ff , 1164px 1972px #91b6ff , 423px 1559px #91b6ff , 863px 1326px #91b6ff , 539px 420px #91b6ff , 948px 841px #91b6ff , 403px 672px #91b6ff , 1751px 330px #91b6ff , 456px 1466px #91b6ff , 177px 1970px #91b6ff , 593px 1553px #91b6ff , 195px 920px #91b6ff , 553px 1896px #91b6ff , 1722px 431px #91b6ff , 1445px 1839px #91b6ff , 1942px 1825px #91b6ff , 116px 1548px #91b6ff , 199px 364px #91b6ff , 1443px 256px #91b6ff , 356px 466px #91b6ff , 873px 1901px #91b6ff , 726px 158px #91b6ff , 1711px 596px #91b6ff , 1642px 468px #91b6ff , 1429px 11px #91b6ff , 310px 1333px #91b6ff , 516px 1330px #91b6ff , 863px 74px #91b6ff , 826px 1545px #91b6ff , 1047px 1390px #91b6ff , 1889px 614px #91b6ff , 332px 1196px #91b6ff , 1992px 516px #91b6ff , 49px 1101px #91b6ff , 807px 1113px #91b6ff , 1319px 80px #91b6ff , 841px 784px #91b6ff , 380px 443px #91b6ff , 261px 268px #91b6ff , 483px 1816px #91b6ff , 1141px 770px #91b6ff , 429px 778px #91b6ff , 1545px 1048px #91b6ff , 250px 175px #91b6ff , 842px 481px #91b6ff , 1805px 935px #91b6ff , 547px 1652px #91b6ff , 1242px 1145px #91b6ff , 884px 636px #91b6ff , 1954px 255px #91b6ff , 1128px 1173px #767676 , 1132px 613px #91b6ff , 1236px 1373px #91b6ff , 992px 816px #91b6ff , 457px 953px #767676 , 512px 1782px #767676 , 450px 1137px #91b6ff , 957px 174px #91b6ff , 635px 1675px #91b6ff , 541px 1748px #767676 , 1916px 736px #91b6ff , 1179px 163px #91b6ff , 320px 815px #91b6ff , 614px 1075px #91b6ff , 96px 1881px #91b6ff , 1615px 1940px #767676 , 111px 1165px #767676 , 591px 1990px #91b6ff , 223px 1516px #767676 , 1930px 785px #91b6ff , 944px 1342px #91b6ff , 245px 800px #91b6ff , 925px 689px #767676 , 614px 493px #91b6ff , 386px 1255px #91b6ff , 1263px 488px #767676 , 610px 26px #91b6ff , 475px 460px #767676 , 1066px 1979px #91b6ff , 1893px 612px #91b6ff , 625px 55px #91b6ff , 719px 200px #91b6ff , 1636px 1829px #767676 , 1967px 1199px #767676 , 339px 806px #91b6ff , 99px 1607px #91b6ff , 1696px 818px #767676 , 543px 1159px #767676 , 1429px 1261px #91b6ff , 626px 145px #91b6ff , 1982px 760px #91b6ff , 707px 110px #767676 , 1866px 1270px #767676 , 348px 1681px #91b6ff , 64px 1305px #91b6ff , 847px 1699px #91b6ff , 1111px 1318px #767676 , 1641px 1257px #767676 , 1633px 1998px #91b6ff , 718px 165px #91b6ff , 287px 205px #767676 , 572px 919px #767676 , 526px 1882px #91b6ff , 1516px 1643px #91b6ff , 1695px 1391px #91b6ff , 620px 215px #767676 , 1638px 841px #767676 , 1366px 1545px #91b6ff , 1133px 948px #91b6ff , 953px 386px #767676 , 716px 1568px #767676 , 1915px 1326px #91b6ff , 1138px 1259px #91b6ff , 1526px 807px #767676 , 1292px 1559px #767676 , 846px 1008px #767676 , 786px 1846px #91b6ff , 52px 1389px #91b6ff , 911px 752px #767676 , 730px 961px #767676 , 1831px 568px #91b6ff , 600px 1971px #91b6ff , 1282px 1383px #767676 , 1043px 1115px #767676 , 653px 616px #767676 , 285px 16px #91b6ff , 752px 1955px #91b6ff , 1771px 412px #767676 , 1395px 627px #767676 , 140px 462px #767676 , 1577px 493px #91b6ff , 1831px 366px #767676 , 940px 162px #767676 , 162px 892px #767676 , 414px 641px #91b6ff , 1790px 1265px #91b6ff , 1440px 1190px #767676 , 741px 172px #767676 , 411px 526px #767676 , 1701px 1488px #91b6ff , 684px 413px #91b6ff , 134px 1428px #767676 , 617px 1213px #767676 , 184px 270px #767676 , 1878px 1162px #91b6ff , 158px 222px #767676 , 59px 1182px #767676 , 1303px 403px #767676 , 115px 400px #91b6ff , 894px 1051px #91b6ff , 1732px 1367px #767676 , 1081px 324px #767676 , 8px 1045px #767676 , 1084px 360px #91b6ff , 1884px 1011px #91b6ff , 516px 1381px #767676 , 920px 10px #767676 , 247px 1778px #767676 , 1408px 997px #91b6ff , 1138px 1149px #767676 , 591px 1657px #767676 , 1499px 463px #767676 , 874px 1528px #91b6ff , 1892px 445px #91b6ff , 462px 1109px #767676 , 1623px 412px #767676 , 26px 1863px #767676 , 549px 1068px #767676 , 747px 29px #767676 , 1152px 1963px #767676 , 894px 556px #767676 , 656px 1590px #91b6ff , 62px 1726px #767676 , 1228px 868px #767676 , 622px 1192px #767676 , 734px 1079px #767676 , 812px 1343px #91b6ff , 1503px 852px #767676 , 72px 651px #767676 , 103px 1277px #767676 , 734px 506px #767676 , 1741px 1812px #767676 , 797px 186px #767676 , 1787px 1307px #767676 , 1669px 478px #767676 , 1640px 1612px #91b6ff , 1265px 1428px #767676 , 512px 1584px #767676 , 1627px 1245px #767676 , 1088px 1334px #767676 , 1134px 1673px #91b6ff , 530px 1746px #767676 , 1517px 1581px #767676 , 55px 447px #767676 , 967px 396px #767676 , 547px 1098px #91b6ff , 532px 560px #767676 , 1147px 901px #767676 , 839px 1079px #767676 , 1794px 475px #767676 , 1016px 127px #91b6ff , 832px 1441px #767676 , 1897px 770px #767676 , 1191px 1711px #767676 , 104px 1297px #767676 , 1548px 1579px #767676 , 297px 1702px #767676 , 1270px 807px #767676 , 1026px 415px #767676 , 1766px 1205px #91b6ff , 238px 1704px #767676 , 1056px 1951px #767676 , 1990px 854px #767676 , 566px 1437px #767676 , 661px 501px #767676 , 1234px 341px #767676 , 413px 645px #767676 , 908px 1547px #767676 , 109px 436px #91b6ff , 665px 47px #767676 , 1852px 1326px #767676 , 1478px 394px #767676 , 1820px 1693px #767676 , 11px 867px #91b6ff , 1265px 828px #767676 , 832px 1195px #767676 , 829px 1786px #91b6ff , 967px 1288px #767676 , 892px 1535px #767676 , 1325px 1062px #767676 , 1820px 1275px #767676 , 136px 1375px #767676 , 874px 83px #91b6ff , 1427px 1519px #91b6ff , 288px 1957px #767676 , 409px 938px #91b6ff , 1059px 1078px #767676 , 1516px 1890px #91b6ff , 806px 1104px #91b6ff , 497px 1740px #767676 , 1815px 254px #91b6ff , 1644px 871px #767676 , 299px 487px #91b6ff , 126px 324px #91b6ff , 1514px 1534px #767676 , 353px 377px #91b6ff , 604px 1774px #91b6ff , 1580px 153px #91b6ff , 330px 648px #767676 , 1152px 8px #91b6ff , 1318px 1843px #91b6ff , 110px 276px #91b6ff , 119px 599px #91b6ff , 476px 612px #767676 , 797px 771px #91b6ff , 806px 532px #91b6ff , 18px 1570px #91b6ff , 1777px 1205px #767676 , 1129px 996px #91b6ff , 662px 846px #91b6ff , 1300px 801px #91b6ff , 1546px 410px #91b6ff , 137px 1462px #767676 , 647px 1459px #91b6ff , 211px 453px #91b6ff , 276px 143px #91b6ff , 605px 68px #91b6ff , 861px 371px #767676 , 1415px 410px #91b6ff , 1974px 1721px #91b6ff , 1313px 902px #91b6ff , 149px 1082px #767676 , 900px 768px #767676 , 1073px 1753px #91b6ff , 1598px 102px #91b6ff , 209px 1088px #91b6ff , 1213px 1945px #767676 , 1668px 711px #91b6ff , 482px 1816px #767676 , 1469px 1798px #91b6ff , 168px 343px #767676 , 1657px 209px #767676 , 195px 884px #91b6ff , 1071px 945px #767676 , 729px 559px #91b6ff , 464px 26px #767676 , 741px 149px #767676 , 1738px 858px #91b6ff , 1075px 267px #91b6ff , 1214px 492px #767676 , 866px 1605px #767676 , 1010px 1721px #91b6ff , 9px 433px #91b6ff , 305px 1285px #91b6ff , 1308px 1068px #767676 , 896px 1393px #91b6ff , 1882px 255px #767676 , 944px 55px #767676 , 1236px 28px #767676 , 585px 1220px #767676 , 1800px 595px #91b6ff , 167px 1206px #767676 , 362px 447px #767676 , 582px 276px #767676 , 1209px 1890px #767676 , 1477px 401px #91b6ff , 191px 169px #767676 , 1005px 477px #767676 , 849px 783px #767676 , 395px 1399px #91b6ff , 1783px 1633px #767676 , 1246px 394px #767676 , 841px 164px #767676 , 1117px 1308px #767676 , 1965px 922px #767676 , 526px 928px #767676 , 1607px 227px #767676 , 1617px 665px #91b6ff , 638px 640px #91b6ff , 1734px 1940px #767676 , 1741px 746px #91b6ff , 1030px 1563px #91b6ff , 570px 1638px #767676 , 85px 1817px #91b6ff , 595px 310px #91b6ff , 1133px 439px #91b6ff , 1198px 1714px #91b6ff , 673px 1093px #767676 , 1255px 1925px #91b6ff , 818px 1455px #91b6ff , 1893px 1964px #91b6ff , 1251px 306px #767676 , 465px 414px #91b6ff , 1287px 952px #91b6ff , 1854px 131px #91b6ff , 1986px 1505px #91b6ff , 1278px 1047px #767676 , 571px 1110px #91b6ff , 327px 1727px #91b6ff , 1380px 624px #91b6ff , 1358px 180px #767676 , 1992px 1293px #91b6ff , 90px 492px #767676 , 1744px 1585px #91b6ff , 1593px 1146px #91b6ff , 522px 643px #767676 , 1276px 447px #91b6ff , 64px 97px #91b6ff , 1047px 560px #91b6ff , 1382px 889px #91b6ff , 12px 358px #767676 , 638px 228px #91b6ff , 1183px 1301px #91b6ff , 1985px 592px #91b6ff , 969px 1040px #91b6ff , 1547px 1309px #767676 , 1926px 25px #91b6ff , 1696px 1524px #91b6ff , 1128px 427px #91b6ff , 993px 1279px #767676 , 1389px 509px #91b6ff , 178px 1954px #91b6ff , 517px 1732px #91b6ff , 1973px 1407px #91b6ff , 1821px 266px #767676 , 1445px 296px #91b6ff , 263px 1783px #91b6ff , 500px 319px #767676 , 551px 1404px #91b6ff , 356px 1171px #91b6ff , 42px 978px #91b6ff , 1889px 417px #91b6ff , 1124px 894px #91b6ff , 1035px 204px #767676 , 634px 1486px #91b6ff , 312px 1px #91b6ff , 783px 976px #91b6ff , 1711px 1848px #91b6ff , 1702px 704px #767676 , 113px 1982px #91b6ff , 1779px 1406px #91b6ff , 680px 257px #767676 , 1228px 261px #767676 , 701px 293px #91b6ff , 1600px 1018px #91b6ff , 979px 320px #91b6ff , 707px 789px #91b6ff , 1064px 287px #767676 , 1531px 1342px #91b6ff , 493px 981px #91b6ff , 441px 456px #91b6ff , 1808px 151px #91b6ff , 1212px 1556px #767676 , 1073px 411px #91b6ff , 833px 1408px #91b6ff , 1692px 1413px #767676 , 1705px 1248px #91b6ff , 1220px 1486px #91b6ff , 101px 840px #91b6ff , 880px 777px #91b6ff , 872px 1451px #91b6ff , 1466px 1073px #91b6ff , 962px 1278px #767676 , 1893px 1575px #91b6ff , 227px 448px #91b6ff , 903px 71px #767676 , 721px 1286px #767676 , 611px 1114px #767676 , 598px 1835px #767676 , 513px 1960px #767676 , 1101px 113px #767676 , 1170px 678px #767676 , 22px 508px #767676 , 106px 507px #767676 , 1380px 1242px #767676 , 483px 384px #767676 , 1860px 300px #767676 , 53px 1337px #767676 , 885px 1171px #767676 , 458px 776px #767676 , 791px 433px #767676 , 1822px 1250px #767676 , 1614px 1738px #767676 , 1962px 993px #767676 , 1098px 1708px #767676 , 1563px 265px #767676 , 139px 797px #767676 , 287px 559px #767676 , 111px 362px #767676 , 1604px 1834px #767676 , 905px 925px #767676 , 1081px 209px #767676 , 1771px 18px #767676 , 1678px 1783px #767676 , 297px 1578px #767676 , 656px 1498px #767676 , 963px 1200px #767676 , 900px 154px #767676 , 685px 738px #767676 , 99px 1841px #767676 , 28px 1633px #767676 , 1936px 43px #767676 , 1461px 557px #767676 , 1965px 932px #767676 , 1341px 192px #767676 , 1308px 990px #767676 , 289px 1517px #767676 , 1111px 909px #767676 , 1204px 687px #767676 , 106px 1728px #767676 , 699px 413px #767676 , 1769px 266px #767676 , 743px 556px #767676 , 27px 1524px #767676 , 460px 1424px #767676 , 1349px 731px #767676 , 277px 1465px #767676 , 212px 1440px #767676 , 756px 1056px #767676 , 1754px 1003px #767676 , 1189px 763px #767676 , 1174px 673px #767676 , 191px 841px #767676 , 1932px 454px #767676 , 1156px 1645px #767676 , 795px 654px #767676 , 505px 998px #767676 , 1469px 118px #767676 , 313px 1484px #767676 , 106px 933px #767676 , 800px 1345px #767676 , 1123px 96px #767676 , 116px 713px #767676 , 1541px 1512px #767676 , 1161px 1352px #767676 , 1981px 1739px #767676 , 1333px 393px #767676 , 590px 35px #767676 , 1409px 1015px #767676 , 166px 673px #767676 , 1685px 1303px #767676 , 1188px 165px #767676 , 1552px 495px #767676 , 1259px 1845px #767676 , 622px 1577px #767676 , 557px 259px #767676 , 84px 368px #767676 , 52px 1266px #767676 , 1608px 825px #767676 , 316px 960px #767676 , 1315px 567px #767676 , 796px 423px #767676 , 1238px 1145px #767676 , 1728px 1204px #767676 , 1380px 1868px #767676 , 1644px 623px #767676 , 1647px 990px #767676 , 458px 1247px #767676 , 1447px 782px #767676 , 1513px 1549px #767676 , 1503px 1186px #767676 , 1701px 564px #767676 , 815px 1026px #767676 , 23px 1060px #767676 , 825px 89px #767676 , 1946px 1479px #767676 , 1389px 1783px #767676 , 40px 1225px #767676 , 1145px 1498px #767676 , 206px 413px #767676 , 948px 1324px #767676 , 1783px 1472px #767676 , 639px 1945px #767676 , 210px 1198px #767676 , 1108px 830px #767676 , 1189px 1113px #767676 , 260px 1413px #767676 , 1079px 1246px #767676 , 456px 798px #767676 , 1272px 1311px #767676 , 583px 977px #767676 , 1555px 1650px #767676 , 1536px 1656px #767676 , 88px 1339px #767676 , 743px 1980px #767676 , 1803px 1434px #767676 , 915px 259px #767676 , 1129px 1583px #767676 , 60px 1776px #767676 , 5px 637px #767676 , 630px 847px #767676 , 1111px 1244px #767676 , 1040px 1976px #767676 , 343px 1662px #767676 , 601px 1611px #767676 , 293px 639px #767676 , 1441px 1458px #767676 , 1208px 698px #767676 , 1631px 1489px #767676 , 1359px 1902px #767676 , 1457px 856px #767676 , 1029px 1733px #767676 , 1303px 1430px #767676 , 1360px 1957px #767676 , 1296px 1322px #767676 , 813px 704px #767676 , 80px 418px #767676 , 1868px 1906px #767676 , 1287px 1789px #767676 , 1379px 1314px #767676 , 154px 1357px #767676 , 1614px 1892px #767676 , 514px 439px #767676 , 171px 1218px #767676 , 502px 1344px #767676 , 1505px 11px #767676 , 1433px 647px #767676 , 1083px 171px #767676 , 1417px 515px #767676 , 1723px 61px #767676 , 1377px 1198px #767676 , 860px 1416px #767676 , 230px 655px #767676 , 758px 1085px #767676 , 1821px 733px #767676 , 1477px 1035px #767676 , 1319px 1003px #767676 , 1402px 1091px #767676 , 1784px 1056px #767676 , 765px 1023px #767676 , 1767px 498px #767676 , 1770px 812px #767676 , 1934px 1739px #767676 , 1338px 1309px #767676 , 701px 966px #767676 , 391px 84px #767676 , 1937px 1359px #767676 , 311px 553px #767676 , 133px 263px #767676 , 594px 665px #767676 , 1058px 119px #767676 , 493px 1672px #767676 , 248px 888px #767676 , 456px 1336px #767676 , 1663px 1785px #767676 , 394px 869px #767676 , 1975px 1237px #767676 , 616px 369px #767676 , 415px 641px #767676 , 1282px 1971px #767676 , 63px 1997px #767676 , 405px 1664px #767676 , 989px 44px #767676 , 1316px 557px #767676 , 1906px 737px #767676 , 799px 1875px #767676 , 1692px 1038px #767676 , 1001px 1033px #767676 , 688px 1467px #767676 , 1157px 1757px #767676 , 1219px 721px #767676 , 745px 615px #767676 , 592px 1610px #767676 , 1979px 659px #767676 , 787px 82px #767676 , 772px 84px #767676 , 1430px 1174px #767676 , 841px 503px #767676 , 879px 1706px #767676 , 1068px 98px #767676 , 1011px 1703px #767676 , 224px 1950px #767676 , 307px 271px #767676 , 820px 256px #767676 , 1096px 54px #767676 , 1731px 1723px #767676 , 472px 1124px #767676 , 1863px 171px #767676 , 1047px 735px #767676 , 1762px 1892px #767676 , 267px 576px #767676 , 922px 1418px #767676 , 1656px 1919px #767676 , 1641px 1350px #767676 , 763px 1077px #767676 , 1450px 1043px #767676 , 321px 334px #767676 , 215px 297px #767676 , 1179px 1312px #767676 , 45px 485px #767676 , 1122px 1504px #767676 , 1860px 1216px #767676 , 787px 640px #767676 , 1870px 517px #767676 , 444px 1160px #767676 , 1073px 1975px #767676 , 1409px 1136px #767676 , 212px 78px #767676 , 1281px 1090px #767676 , 781px 73px #767676 , 694px 346px #767676 , 687px 1524px #767676 , 547px 1774px #767676 , 1814px 704px #767676 , 108px 555px #767676 , 430px 25px #767676 , 487px 1804px #767676 , 1004px 427px #767676 , 293px 1193px #767676 , 451px 1816px #767676 , 37px 1996px #767676 , 867px 1256px #767676 , 1557px 1687px #767676 , 1026px 294px #767676 , 1268px 67px #767676 , 1836px 140px #767676 , 687px 545px #767676 , 1060px 1717px #767676 , 854px 154px #767676 , 1078px 972px #767676 , 1489px 1544px #767676 , 456px 171px #767676 , 675px 809px #767676 , 92px 791px #767676 , 738px 901px #767676 , 282px 1771px #767676 , 1308px 1811px #767676 , 1798px 1884px #767676;
}

.stars > .medium {
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 424px 1658px #91b6ff , 529px 263px #767676 , 1641px 187px #767676 , 529px 774px #767676 , 1420px 103px #91b6ff , 861px 1627px #91b6ff , 1808px 617px #91b6ff , 659px 1551px #767676 , 1584px 1726px #767676 , 1522px 1136px #91b6ff , 1668px 409px #767676 , 86px 964px #91b6ff , 1368px 1137px #767676 , 1295px 94px #91b6ff , 496px 790px #91b6ff , 1463px 1401px #91b6ff , 1164px 1556px #91b6ff , 1483px 987px #767676 , 1054px 1101px #767676 , 1932px 1334px #91b6ff , 1579px 1802px #91b6ff , 1017px 205px #767676 , 827px 422px #767676 , 1303px 749px #767676 , 1485px 1141px #91b6ff , 779px 1657px #91b6ff , 1272px 1229px #767676 , 121px 503px #767676 , 40px 1118px #91b6ff , 1069px 274px #767676 , 912px 1444px #91b6ff , 1689px 1409px #767676 , 1159px 1482px #767676 , 1381px 449px #91b6ff , 741px 732px #91b6ff , 1911px 1264px #767676 , 1970px 735px #91b6ff , 1009px 484px #91b6ff , 1453px 1948px #767676 , 1745px 693px #91b6ff , 188px 493px #767676 , 1007px 1682px #767676 , 642px 732px #91b6ff , 1678px 1461px #91b6ff , 1415px 916px #767676 , 854px 764px #91b6ff , 180px 1412px #91b6ff , 410px 699px #91b6ff , 1873px 1060px #91b6ff , 1941px 1989px #767676 , 1393px 409px #91b6ff , 771px 646px #91b6ff , 1239px 599px #91b6ff , 261px 1120px #91b6ff , 14px 1922px #767676 , 1278px 619px #767676 , 1442px 920px #767676 , 1188px 601px #91b6ff , 284px 1650px #767676 , 276px 179px #91b6ff , 1381px 1678px #767676 , 915px 483px #767676 , 1037px 1151px #91b6ff , 928px 923px #767676 , 1632px 56px #91b6ff , 404px 715px #767676 , 1733px 1765px #91b6ff , 1570px 446px #767676 , 1664px 988px #767676 , 4px 628px #767676 , 902px 1995px #767676 , 790px 616px #91b6ff , 317px 590px #91b6ff , 638px 1783px #91b6ff , 627px 429px #91b6ff , 1799px 1897px #767676 , 1750px 14px #91b6ff , 1386px 980px #767676 , 496px 1049px #91b6ff , 1259px 793px #91b6ff , 183px 1538px #767676 , 1686px 270px #91b6ff , 207px 1061px #767676 , 155px 409px #91b6ff , 1829px 1652px #91b6ff , 1632px 1554px #91b6ff , 949px 32px #767676 , 899px 306px #91b6ff , 1856px 1626px #91b6ff , 769px 1967px #91b6ff , 1269px 928px #91b6ff , 286px 758px #767676 , 728px 455px #767676 , 183px 1644px #91b6ff , 1871px 1275px #91b6ff , 1781px 271px #91b6ff , 116px 1208px #767676 , 780px 316px #91b6ff , 967px 1587px #767676 , 55px 1875px #91b6ff , 1324px 1410px #767676 , 513px 128px #91b6ff , 1487px 1039px #91b6ff , 1029px 681px #767676 , 1642px 1483px #91b6ff , 215px 1188px #767676 , 359px 1820px #91b6ff , 633px 1497px #767676 , 1185px 1912px #767676 , 392px 1420px #91b6ff , 900px 1337px #767676 , 1420px 29px #91b6ff , 832px 490px #91b6ff , 1058px 1200px #767676 , 999px 1989px #91b6ff , 254px 662px #91b6ff , 1843px 1502px #91b6ff , 1442px 347px #91b6ff , 254px 56px #91b6ff , 301px 90px #91b6ff , 624px 1471px #91b6ff , 91px 1754px #91b6ff , 640px 1475px #91b6ff , 576px 458px #767676 , 559px 1566px #91b6ff , 1702px 525px #767676 , 118px 350px #91b6ff , 1657px 1899px #767676 , 286px 1993px #91b6ff , 697px 874px #91b6ff , 1178px 737px #767676 , 285px 162px #91b6ff , 962px 1159px #91b6ff , 355px 1640px #91b6ff , 1560px 176px #91b6ff , 476px 1475px #767676 , 1084px 280px #91b6ff , 1008px 1553px #767676 , 1073px 659px #767676 , 147px 501px #91b6ff , 1118px 275px #767676 , 866px 1088px #91b6ff , 710px 291px #767676 , 1499px 139px #767676 , 740px 1355px #91b6ff , 1648px 1700px #91b6ff , 1369px 164px #767676 , 1476px 174px #767676 , 156px 742px #767676 , 1501px 302px #91b6ff , 750px 502px #91b6ff , 1220px 802px #767676 , 1444px 144px #767676 , 324px 1012px #767676 , 477px 1013px #91b6ff , 1681px 159px #767676 , 350px 1402px #767676 , 778px 650px #767676 , 333px 679px #767676 , 612px 1594px #91b6ff , 501px 1796px #767676 , 809px 1875px #767676 , 1895px 1589px #767676 , 270px 1311px #767676 , 1925px 777px #767676 , 1903px 1183px #767676 , 1391px 432px #767676 , 1013px 544px #767676 , 470px 741px #767676 , 820px 169px #767676 , 871px 615px #767676 , 640px 1128px #767676 , 472px 895px #767676 , 788px 1415px #767676 , 1002px 1869px #767676 , 150px 390px #767676 , 1428px 973px #767676 , 1129px 90px #767676 , 1892px 1966px #767676 , 179px 299px #767676 , 24px 1838px #767676 , 470px 861px #767676 , 942px 498px #767676 , 934px 1559px #767676 , 582px 718px #767676 , 1927px 1881px #767676 , 289px 823px #767676 , 365px 554px #767676 , 856px 1386px #767676 , 606px 1031px #767676 , 610px 569px #767676 , 1841px 182px #767676 , 769px 1786px #767676 , 572px 848px #767676 , 1236px 169px #767676 , 1483px 828px #767676 , 1410px 126px #767676 , 1173px 1235px #767676 , 918px 1045px #767676 , 1814px 773px #767676;
  animation: starsAnimation 100s linear infinite;
}
.stars > .medium:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 424px 1658px #767676 , 529px 263px #767676 , 1641px 187px #767676 , 529px 774px #767676 , 1420px 103px #767676 , 861px 1627px #767676 , 1808px 617px #767676 , 659px 1551px #767676 , 1584px 1726px #767676 , 1522px 1136px #767676 , 1668px 409px #767676 , 86px 964px #767676 , 1368px 1137px #767676 , 1295px 94px #767676 , 496px 790px #767676 , 1463px 1401px #767676 , 1164px 1556px #767676 , 1483px 987px #767676 , 1054px 1101px #767676 , 1932px 1334px #767676 , 1579px 1802px #767676 , 1017px 205px #767676 , 827px 422px #767676 , 1303px 749px #767676 , 1485px 1141px #767676 , 779px 1657px #767676 , 1272px 1229px #767676 , 121px 503px #767676 , 40px 1118px #767676 , 1069px 274px #767676 , 912px 1444px #767676 , 1689px 1409px #767676 , 1159px 1482px #767676 , 1381px 449px #767676 , 741px 732px #767676 , 1911px 1264px #767676 , 1970px 735px #767676 , 1009px 484px #767676 , 1453px 1948px #767676 , 1745px 693px #767676 , 188px 493px #767676 , 1007px 1682px #767676 , 642px 732px #767676 , 1678px 1461px #767676 , 1415px 916px #767676 , 854px 764px #767676 , 180px 1412px #767676 , 410px 699px #767676 , 1873px 1060px #767676 , 1941px 1989px #767676 , 1393px 409px #767676 , 771px 646px #767676 , 1239px 599px #767676 , 261px 1120px #767676 , 14px 1922px #767676 , 1278px 619px #767676 , 1442px 920px #767676 , 1188px 601px #767676 , 284px 1650px #767676 , 276px 179px #767676 , 1381px 1678px #767676 , 915px 483px #767676 , 1037px 1151px #767676 , 928px 923px #767676 , 1632px 56px #767676 , 404px 715px #767676 , 1733px 1765px #767676 , 1570px 446px #767676 , 1664px 988px #767676 , 4px 628px #767676 , 902px 1995px #767676 , 790px 616px #767676 , 317px 590px #767676 , 638px 1783px #767676 , 627px 429px #767676 , 1799px 1897px #767676 , 1750px 14px #767676 , 1386px 980px #767676 , 496px 1049px #767676 , 1259px 793px #767676 , 183px 1538px #767676 , 1686px 270px #767676 , 207px 1061px #767676 , 155px 409px #767676 , 1829px 1652px #767676 , 1632px 1554px #767676 , 949px 32px #767676 , 899px 306px #767676 , 1856px 1626px #767676 , 769px 1967px #767676 , 1269px 928px #767676 , 286px 758px #767676 , 728px 455px #767676 , 183px 1644px #767676 , 1871px 1275px #767676 , 1781px 271px #767676 , 116px 1208px #767676 , 780px 316px #767676 , 967px 1587px #767676 , 55px 1875px #767676 , 1324px 1410px #767676 , 513px 128px #767676 , 1487px 1039px #767676 , 1029px 681px #767676 , 1642px 1483px #767676 , 215px 1188px #767676 , 359px 1820px #767676 , 633px 1497px #767676 , 1185px 1912px #767676 , 392px 1420px #767676 , 900px 1337px #767676 , 1420px 29px #767676 , 832px 490px #767676 , 1058px 1200px #767676 , 999px 1989px #767676 , 254px 662px #767676 , 1843px 1502px #767676 , 1442px 347px #767676 , 254px 56px #767676 , 301px 90px #767676 , 624px 1471px #767676 , 91px 1754px #767676 , 640px 1475px #767676 , 576px 458px #767676 , 559px 1566px #767676 , 1702px 525px #767676 , 118px 350px #767676 , 1657px 1899px #767676 , 286px 1993px #767676 , 697px 874px #767676 , 1178px 737px #767676 , 285px 162px #767676 , 962px 1159px #767676 , 355px 1640px #767676 , 1560px 176px #767676 , 476px 1475px #767676 , 1084px 280px #767676 , 1008px 1553px #767676 , 1073px 659px #767676 , 147px 501px #767676 , 1118px 275px #767676 , 866px 1088px #767676 , 710px 291px #767676 , 1499px 139px #767676 , 740px 1355px #767676 , 1648px 1700px #767676 , 1369px 164px #767676 , 1476px 174px #767676 , 156px 742px #767676 , 1501px 302px #767676 , 750px 502px #767676 , 1220px 802px #767676 , 1444px 144px #767676 , 324px 1012px #767676 , 477px 1013px #767676 , 1681px 159px #767676 , 350px 1402px #767676 , 778px 650px #767676 , 333px 679px #767676 , 612px 1594px #767676 , 501px 1796px #767676 , 809px 1875px #767676 , 1895px 1589px #767676 , 270px 1311px #767676 , 1925px 777px #767676 , 1903px 1183px #767676 , 1391px 432px #767676 , 1013px 544px #767676 , 470px 741px #767676 , 820px 169px #767676 , 871px 615px #767676 , 640px 1128px #767676 , 472px 895px #767676 , 788px 1415px #767676 , 1002px 1869px #767676 , 150px 390px #767676 , 1428px 973px #767676 , 1129px 90px #767676 , 1892px 1966px #767676 , 179px 299px #767676 , 24px 1838px #767676 , 470px 861px #767676 , 942px 498px #767676 , 934px 1559px #767676 , 582px 718px #767676 , 1927px 1881px #767676 , 289px 823px #767676 , 365px 554px #767676 , 856px 1386px #767676 , 606px 1031px #767676 , 610px 569px #767676 , 1841px 182px #767676 , 769px 1786px #767676 , 572px 848px #767676 , 1236px 169px #767676 , 1483px 828px #767676 , 1410px 126px #767676 , 1173px 1235px #767676 , 918px 1045px #767676 , 1814px 773px #767676;
}

.stars > .big {
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 588px 979px #767676 , 368px 1361px #767676 , 1368px 1079px #767676 , 941px 201px #767676 , 1124px 548px #767676 , 1011px 1335px #767676 , 710px 1514px #91b6ff , 554px 763px #91b6ff , 1900px 248px #767676 , 402px 1743px #767676 , 198px 1678px #767676 , 513px 24px #767676 , 1270px 419px #767676 , 593px 1203px #767676 , 1795px 267px #767676 , 1356px 688px #91b6ff , 323px 1450px #91b6ff , 1967px 581px #767676 , 292px 157px #91b6ff , 1371px 1418px #767676 , 934px 999px #91b6ff , 760px 963px #91b6ff , 84px 1835px #767676 , 697px 339px #91b6ff , 208px 1584px #91b6ff , 1568px 1056px #91b6ff , 1114px 181px #767676 , 994px 524px #91b6ff , 1181px 999px #91b6ff , 1594px 86px #91b6ff , 474px 853px #91b6ff , 1225px 184px #767676 , 1645px 1336px #91b6ff , 813px 275px #91b6ff , 1952px 1203px #91b6ff , 1481px 80px #767676 , 1051px 1360px #91b6ff , 366px 1686px #91b6ff , 314px 1915px #91b6ff , 1586px 1742px #91b6ff , 791px 1730px #767676 , 1594px 678px #91b6ff , 878px 1528px #91b6ff , 852px 126px #91b6ff , 1757px 138px #767676 , 340px 39px #91b6ff , 929px 1523px #91b6ff , 325px 1570px #91b6ff , 1531px 1475px #91b6ff , 1859px 722px #767676 , 1339px 1288px #91b6ff , 1551px 642px #91b6ff , 1065px 1868px #91b6ff , 822px 1344px #767676 , 985px 1758px #91b6ff , 1956px 1263px #767676 , 1011px 720px #91b6ff , 1036px 253px #91b6ff , 1023px 1437px #767676 , 596px 1945px #91b6ff , 188px 1951px #91b6ff , 198px 1861px #91b6ff , 110px 1879px #767676 , 219px 1484px #91b6ff , 1742px 1867px #91b6ff , 193px 1497px #91b6ff , 1302px 178px #91b6ff , 222px 1853px #767676 , 1407px 225px #91b6ff , 1962px 1994px #767676 , 1892px 1690px #91b6ff , 1299px 1956px #767676 , 1333px 1780px #91b6ff , 1356px 238px #767676 , 1985px 1926px #91b6ff , 603px 875px #767676 , 1461px 201px #91b6ff , 1495px 887px #91b6ff , 1831px 639px #767676 , 1344px 1013px #91b6ff , 159px 1754px #767676 , 30px 375px #91b6ff , 1875px 229px #91b6ff , 926px 282px #767676 , 1322px 1023px #91b6ff , 899px 106px #767676 , 1375px 403px #91b6ff , 121px 146px #767676 , 1979px 1636px #767676 , 1998px 47px #767676 , 1130px 199px #91b6ff , 1779px 618px #91b6ff , 644px 690px #91b6ff , 447px 991px #91b6ff , 852px 64px #91b6ff , 90px 1446px #91b6ff , 158px 1488px #91b6ff , 826px 60px #91b6ff , 947px 538px #91b6ff , 790px 629px #91b6ff;
  border-radius: 100%;
  animation: starsAnimation 150s linear infinite;
}
.stars > .big:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 588px 979px #767676 , 368px 1361px #767676 , 1368px 1079px #767676 , 941px 201px #767676 , 1124px 548px #767676 , 1011px 1335px #767676 , 710px 1514px #91b6ff , 554px 763px #91b6ff , 1900px 248px #767676 , 402px 1743px #767676 , 198px 1678px #767676 , 513px 24px #767676 , 1270px 419px #767676 , 593px 1203px #767676 , 1795px 267px #767676 , 1356px 688px #91b6ff , 323px 1450px #91b6ff , 1967px 581px #767676 , 292px 157px #91b6ff , 1371px 1418px #767676 , 934px 999px #91b6ff , 760px 963px #91b6ff , 84px 1835px #767676 , 697px 339px #91b6ff , 208px 1584px #91b6ff , 1568px 1056px #91b6ff , 1114px 181px #767676 , 994px 524px #91b6ff , 1181px 999px #91b6ff , 1594px 86px #91b6ff , 474px 853px #91b6ff , 1225px 184px #767676 , 1645px 1336px #91b6ff , 813px 275px #91b6ff , 1952px 1203px #91b6ff , 1481px 80px #767676 , 1051px 1360px #91b6ff , 366px 1686px #91b6ff , 314px 1915px #91b6ff , 1586px 1742px #91b6ff , 791px 1730px #767676 , 1594px 678px #91b6ff , 878px 1528px #91b6ff , 852px 126px #91b6ff , 1757px 138px #767676 , 340px 39px #91b6ff , 929px 1523px #91b6ff , 325px 1570px #91b6ff , 1531px 1475px #91b6ff , 1859px 722px #767676 , 1339px 1288px #91b6ff , 1551px 642px #91b6ff , 1065px 1868px #91b6ff , 822px 1344px #767676 , 985px 1758px #91b6ff , 1956px 1263px #767676 , 1011px 720px #91b6ff , 1036px 253px #91b6ff , 1023px 1437px #767676 , 596px 1945px #91b6ff , 188px 1951px #91b6ff , 198px 1861px #91b6ff , 110px 1879px #767676 , 219px 1484px #91b6ff , 1742px 1867px #91b6ff , 193px 1497px #91b6ff , 1302px 178px #91b6ff , 222px 1853px #767676 , 1407px 225px #91b6ff , 1962px 1994px #767676 , 1892px 1690px #91b6ff , 1299px 1956px #767676 , 1333px 1780px #91b6ff , 1356px 238px #767676 , 1985px 1926px #91b6ff , 603px 875px #767676 , 1461px 201px #91b6ff , 1495px 887px #91b6ff , 1831px 639px #767676 , 1344px 1013px #91b6ff , 159px 1754px #767676 , 30px 375px #91b6ff , 1875px 229px #91b6ff , 926px 282px #767676 , 1322px 1023px #91b6ff , 899px 106px #767676 , 1375px 403px #91b6ff , 121px 146px #767676 , 1979px 1636px #767676 , 1998px 47px #767676 , 1130px 199px #91b6ff , 1779px 618px #91b6ff , 644px 690px #91b6ff , 447px 991px #91b6ff , 852px 64px #91b6ff , 90px 1446px #91b6ff , 158px 1488px #91b6ff , 826px 60px #91b6ff , 947px 538px #91b6ff , 790px 629px #91b6ff;
  border-radius: 100%;
}

@keyframes starsAnimation {
  from {
    transform: translateY(-2000px);
  }
  to {
    transform: translateY(0px);
  }
}


.Name {
  position: absolute;
  left: 120px;
    top: 30%;
  font-family: 'Montserrat', sans-serif;
  color: #131313;
  font-size:140px;
    font-weight: 600;
  margin-bottom: 104px;
  letter-spacing: 2.5px;
}

.Name-part {
display: inline-block;
}

.Name.is-expanded .H,
.Name.is-expanded .PEFOUND {
transform: translateX(0);
opacity: 1;
}
.Name.is-expanded .H {
transition: transform 1000ms ease-in-out, opacity 200ms 100ms;
}
.Name.is-expanded .PEFOUND {
max-width: none;
transition: transform 1300ms 125ms ease, opacity 200ms 275ms;
}

.H,
.PEFOUND {
opacity: 0;
}

.H {
transform: translateX(10%);
transition: transform 1000ms 125ms ease-in-out, opacity 200ms 125ms;
}

.O {
position: relative;
z-index: 1;
animation: oEnter 750ms ease-in-out;
animation-fill-mode: forwards;
}

.PEFOUND {
transform: translateX(-10%);
transition: transform 300ms 100ms ease, opacity 200ms;
}

@keyframes oEnter {
0% {
color: #131313;
transform: rotate(50deg);
}
100% {
transform: rotate(0deg);
}
}



/*모바일 배너*/
@media only screen and (max-width:780px) {
    .Name {
        font-size:15vw;
        line-height:10vh;
        left: 40px;
    }
    
    .H{padding-left:80px;}

    .O {
        font-size:80vw;
        text-shadow: 10px 50px 10px rgba(0, 0, 0, 0.47);
    }
    
    .PEFOUND {
        margin-top:30px;
        font-size:18vw;
        line-height:13vh
    }
    
    .main_banner {
        padding: 190px 40px 0px;
    }
}




.img_box {
    height: 680px;
    padding: 0px 96px;
    position: relative;
    background-color: #4d4d4d;
    background-image: url(../img/img.png);
    background-repeat:no-repeat;
    background-position: bottom;
    background-size: cover;
}

.img_box .text {
    position: absolute;
    top: -90px;
}

.img_box .text p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size:42px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing:8px;
    margin-bottom: 5px;
}

.img_box .text p span {
    margin-left:155px;
}

/*모바일 2번째배너*/
@media only screen and (max-width:780px) {
    .img_box {
        height: 500px;
    } 
    
    .img_box .text {
        left:40px;
    }
    
    .img_box .text p span {
    margin-left:0px;
    }
    
    .img_box .text p {
        font-size: 36px;
    }
}



.about .title,.about .text {
    width: 50%;
    font-family: 'Noto Sans KR', sans-serif;
}

.about .title {
    padding-right:120px;
}


.title span {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size:20px;
    color:#8eacda;
    display: block;
    margin-bottom: 36px;
}

.title h2 {
    font-size:32px;
    font-weight: 600;
    color: #fff;
}

.text{
    font-size:22px;
    line-height:38px;
    padding-top: 50px;
    font-weight: 400;
    
}

.text p{color: #e3e3e3}

.about .text span {
    display: block;
    width: 80px;
    height: 80px;
    margin-bottom: 42px;
    border-radius: 20px;
}

.about .text img {
    width: 100%;
    height: 100%;
}

@media only screen and (max-width:780px) {
    
    .about .title {
        padding-right: 0;
        
    }
    .about .title,.about .text {
        width: 100%;
    }
    
     .title {
        padding: 0;
    }
    
    .text p {
        font-size:18px;
    }
    
    .about_2{display: none;}
}






#tab-button {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 0;
}

#tab-button li {
    width: 100%;
    margin-bottom: 16px;
}

#tab-button li a {
    display: block;
    font-size:32px;
    font-weight: 600;
    color: #969696;
    font-family: 'Montserrat', sans-serif;
}

#tab-button li:last-child{
    margin-bottom: 0;
}


#tab-button li .active{color: #fff;}


.animation-element.slide-left {
    opacity: 0;
    -moz-transition: all 500ms linear;
    -webkit-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
    
    -moz-transform: translate3d(-100px,0px,0px);
    -webkit-transform: translate3d(-100px,0px,0px);
    -o-transform: translate3d(-100px,0px,0px);
    -ms-transform: translate3d(-100px,0px,0px);
    transform: translate3d(-100px,0px,0px);
}

.animation-element.slide-left.in-view {
    opacity: 1;
    -moz-transform: translate3d(0px,0px,0px);
    -webkit-transform: translate3d(0px,0px,0px);
    -o-transform: translate3d(0px,0px,0px);
    -ms-transform: translate3d(0px,0px,0px);
    transform: translate3d(0px,0px,0px);
}

.animation-element.slide-right {
    opacity: 0;
    -moz-transition: all 500ms linear;
    -webkit-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
    
    -moz-transform: translate3d(100px,0px,0px);
    -webkit-transform: translate3d(100px,0px,0px);
    -o-transform: translate3d(100px,0px,0px);
    -ms-transform: translate3d(100px,0px,0px);
    transform: translate3d(100px,0px,0px);
}

.animation-element.slide-right.in-view {
    opacity: 1;
    -moz-transform: translate3d(0px,0px,0px);
    -webkit-transform: translate3d(0px,0px,0px);
    -o-transform: translate3d(0px,0px,0px);
    -ms-transform: translate3d(0px,0px,0px);
    transform: translate3d(0px,0px,0px);
}


#slides input{display: none;}
#slide1:checked ~ .mask .overflow {
    margin-left:0;
}
#slide2:checked ~ .mask .overflow { 
    margin-left:-30%;
}


#slides { 
    margin:50px auto;
    width:100%;
    position:relative;
}

#slides .mask { 
    overflow:hidden; 
    margin:auto; 
}

#slides .overflow { 
    width:130%;
    -webkit-transform:translateZ(0);
    -webkit-transition:all 0.5s ease-out;
    -moz-transition:all 0.5s ease-out; 
    -o-transition:all 0.5s ease-out; 
    transition:all 0.5s ease-out; 
}

@media only screen and (max-width:780px) {
    #slides .overflow {
        width: 100%;
    }
}

#slides .slide {
    width:49%;
    height:460px;
    line-height:200px;
    float:left;
    background:#4a4a4a;
    margin-right:2%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

#slides .slide:nth-child(1){background-image: url(../img/m_1.jpg);}
#slides .slide:nth-child(2){background-image: url(../img/m_2.jpg); margin-right: 0;}
#slides .slide:nth-child(3){background-image: url(../img/m_3.png);}

#slides .slide:last-child{margin-bottom: 0;}



#controls {
    width:100%;
}

#controls label {
    display:none;
    width:5%;
    opacity:0.8; 
    position:absolute; 
    top:50%;
    margin-top:-30px; 
    cursor:pointer;
    background:#000; 
    text-align: center;
    padding: 10px 0px;
}


#controls label:hover {
    opacity:10;
}

#slide1:checked ~ #controls label:nth-child(2), #slide2:checked ~ #controls label:nth-child(3), #slide3:checked ~ #controls label:nth-child(4) {
    right:0; 
    display:block;
}

#slide2:checked ~ #controls label:nth-child(1), #slide3:checked ~ #controls label:nth-child(2), #slide4:checked ~ #controls label:nth-child(3) {
    left:0; 
    display:block;
}






card:hover {
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
}
.card:hover:before {
  opacity: 1;
}
.card:hover .info {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
.card:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 15px;

  z-index: 2;
  transition: 0.5s;
  opacity: 0;
}
.card img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 15px;
}
.card .info {
    width: 100%;
    height: 100%;
  display: block;
  position: relative;
  z-index: 3;
  color: white;
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  transition: 0.5s;
    background-color: rgba(0, 0, 0, 0.71);
    text-align: right;

}
.card .info h1 {
  font-family: 'Montserrat', sans-serif;
  font-weight:600;
  color: #fff;
  font-size:38px;
  line-height:43px;
  position: absolute;
  right: 40px;
    bottom:20%;
}
.card .info p {
    font-size:18px;
    line-height: 0;
    margin-top: 28px;
    font-family: 'Montserrat', sans-serif;
    color: #8eacda;
}

@media only screen and (max-width:780px) {
    .card .info {
        opacity: 50;
        padding-top: 140px;
        padding-left: 80px;    
        top: -29px;
    }
    
    .card .info h1 {
        font-size:32px;
        line-height:38px;
    }
    
}




@media only screen and (max-width:1400px) {
    #controls {
        display: none;
    }
    
    #slides .slide {
        width: 100%;
        height:320px;
        margin-bottom: 20px;
    }
}

footer {
    padding: 40px 0px;
    text-align: center;
    border-top: 1px solid #cecece
}

footer p {
    color: #101010
}




/*********************************sub**********************************/
.list_content {
    padding-top:200px;
}

.project_list {
    margin-bottom: 240px;
}

.project_list:last-child {
    margin-bottom: 0;
}

.project_list div {
    width:45%;
    height: 500px;
}

.project_list h2 {
    margin-bottom: 20px;
    font-size: 42px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    margin-bottom: 30px;
}

.project_list .text {
    padding-top: 0;
}

.project_list .text p {
    font-size:20px;
    line-height:32px;
}

.project_list ul {
    display: inline-block;
    margin-top:20px;
}

.project_list ul li span {
    margin-bottom: 0;
    line-height: 14px;
}

.project_list ul li em {
    font-size: 18px;
    color: #cccccc
}

.project_list ul li em a{
    font-size: 18px;
    color: #cccccc
}

.project_list ul li {
    margin-top: 20px;
}

.project_list .button{
    display: block;
    font-size:36px;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    color: #ffffff;
    position: relative;
}

.project_list .button p {
    font-size:36px;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    position: absolute;
    z-index: 1;
    top:15px;
}

.project_list .button p:hover {
    text-shadow: 0px 0px 4px #1c1c18;
}


.project_list .button span {
    display: inline-block;
    width:209px;
    height: 12px;
    background-color: #2740ff;
    position: absolute;
    left: 0;
    top:42px;
    margin-bottom: 0px;
    transition: 0.3s
}

.projectlist_box {
    overflow: hidden;
}
.projectlist_box img {
    display: inline-block;
    width: 100%;
}

@media only screen and (max-width:780px) {
    .list_content {
        padding-top: 0;
    }
    
    .project_list {
        margin-bottom: 60px;
    }
    
    .project_list:nth-child(1n) div {
        margin-top:100px;
    }
    
    .project_list:nth-child(2) .title {
        margin-top:40px;
    }
    
    .project_list div {
        width: 100%;

    }
    
    
    .project_list ul {
        margin-top: 10px;
    }
    
    .project_list div {
        height: auto;
    }
}


.list_content_2 .project_list {
    width: 28%;
    float: left;
    margin-right: 7.333333%;
    margin-bottom: 120px;
}

.list_content_2 .project_list:nth-child(3n) {
    margin-right: 0;
}

.list_content_2 .projectlist_box,.list_content_2 .project_list div {
    width: 100%;
}

.list_content_2 .project_list div {
    height:auto;
    margin-bottom:30px;
}


.list_content_2 .project_list h2 {
    font-size: 32px;
    margin-bottom: 0;
    letter-spacing: -2px;
}

.list_content_2 .project_list ul {
    margin-top: 10px;
}

.list_content_2 .project_list .button p {
    font-size:28px;
    color: #fff
}

.list_content_2 .project_list .button span {
    width: 161px;
    height: 6px;
}

.e_list img {
        display:block;
        width: 100%;
    }

@media only screen and (max-width:780px) {
    .list_content_2 .project_list {
    width: 100%;
    margin-right: 0%;
    margin-bottom: 100px;
    }
    
    .list_content_2 .project_list div {
        margin-top: 20px;
    }

}


.back {
    display: inline-block;
    color: #000;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 19px;
    margin-top: 50px;
    margin-bottom: 10px;
    background-color: #8eacda;
    padding: 10px 20px;
    border-radius: 50px;
    font-weight: bold;
}

.bg {
    width: 100%;
    height:600px;
    background-position: center;
    background-size: auto;
    background-repeat:no-repeat;
    position: relative;
}

.main_img_box img {
    display: block;
    margin: 0 auto;
}

.bg a {
    border-bottom: 2px solid #14228e;
    font-size:28px;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: bold;
    text-align: center;
    letter-spacing: -1px;
    margin-top: 20px;
    color: #14228e
}

.bg_00 {
    background-color: #b81306;  
}

.bg_01 {
    background-image: url(../img/logo_01.png);
    background-color: #000;  
}

.main_img_box {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: -440px
}



.web ul li {
    width: 40%;
    float: left;
    text-align: center;
    border-radius: 20px;
    border: 1px solid #f5f5f5;
    overflow: hidden;
}

.web ul li:nth-child(2n){margin-left:20%;}

.web ul li img {
    display: inline-block;
    width: 100%;
}

.web .container {
    margin-top: 400px;
}

.all_img {
    border-radius: 20px;
    border: 1px solid #f5f5f5;
    box-shadow: 0px 0px 10px #cecece;
    overflow: hidden;
    margin-top: 100px;
}

.all_img img {
    display:inline-block;
    width: 100%;
}

.bg_02 {
    background-image: url(../img/web_02_bg.png)
}


.web .web_2 li{
    width: 23%;
    margin-right:2%;
}

.web .web_2 li:nth-child(2n){margin-left:0%;}
.web .web_2 li:last-child{margin-right:0%;}

.bg_03 {
    background-color: #03004a;
    background-image: url(../img/logo_03.png)
    
}













@media only screen and (max-width:780px) {
    .bg {
        height: 400px;
    } 
    
    .bg_01 {
        background-size: 80%;
    }
    
    .main_img_box {
        bottom: -240px;
    } 
    
    .main_img_box img {
        width: 100%;
        margin-bottom: 20px;
    }
    
    .web .container {
        margin-top: 200px;
    }
    
    .bg a {
        font-size:24px;
    }
    
    .bg_03 {
        background-size: 50%
    }
    
}

.e_list img{width: auto; margin: 0 auto}




/******* wev_project.html*******/


/*각 페이지별 메인*/
.hank{
    background-image: url(../img/hank_01.png);
}


.easter{
    background-image: url(../img/easter_01.png);
}

.marieearle{
    background-image: url(../img/wpbg_01.png);
}

.wideb{
    background-image: url(../img/wpbg_02.png);
}

.cindy{
    background-image: url(../img/wpbg_03.png);
}
.aionco{
    background-image: url(../img/aio_bg.png);
}

.bobbi{
    background-image: url(../img/bob_bg.png);
}

.iso{
    background-image: url(../img/iso_bg.png);
}

.hi_txt{
    padding:130px 140px;
}

.hi_txt h1{
    font-size: 54px;
    font-weight: bold;
    margin-bottom: 14px;
    color: #131313;
    font-family: 'Montserrat', sans-serif;
    text-transform: capitalize;
    letter-spacing: .2px;
}

.hi_txt p{
    font-size: 20px;
    font-weight: 300;
    color: #555;
    max-width: 740px;
    line-height: 32px;
    font-family: 'AppleSDGothicNeoM';
}

.page_btn{margin-top: 40px;}

.page_btn a{
    display:  inline-block;
    text-transform:uppercase;
    font-size: 12px;
    color: #131313;
    padding: 0px 30px;
    height: 40px;
    line-height: 40px;
    font-weight: 600;
    border: 1px solid #131313;
    border-radius: 5px;
    font-family: 'Montserrat', sans-serif;
}

.page_btn a:hover{
    transition: .3s;
    background-color: #fff;
    color: #000;
}

.page_btn a:nth-child(1){margin-right:10px;}


.page_btn a.action{
    background-color: #131313;
    color: #fff;
}

.lest_ul li{
    width:33.333%;
    height: auto;
    position: relative;
    overflow: hidden;
    float: left;
}

.lest_ul li a{
    display: block;
    width: 100%;
    height: 100%;
}

.lest_ul li a div{
    width: 100%;
    height: 100%;
    padding: 5px;
    box-sizing: border-box;
}

.lest_ul li a img{width: 100%;}

.lest_ul li a .txt_box{
    background-color: rgba(2, 10, 21, 0.92);
    font-size: 20px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.5s linear;

}

.lest_ul li a:hover .txt_box{
    opacity: 1;
}

.lest_ul li p{
    font-size: 26px;
    font-weight:600;
    color: #fff;
    font-family: 'Hind+Siliguri', sans-serif;
    text-transform:capitalize;
    letter-spacing: 0;
}

.lest_ul li span{
    display: block;
    font-size: 18px;
    color: #f5f5f5;
    font-weight: 400;
    letter-spacing: 0;
    margin-top: 10px;
}




@media only screen and (max-width:1024px) {
    .hi_txt{
        padding: 100px 140px 80px
    }
    .page_btn a{
        width: 100%;
    }
    .page_btn a:nth-child(1){
        margin-right:0;
        margin-bottom: 10px;
    }
    
    .lest_ul li{
        width: 50%;
        height: auto;
    }
    
}


@media only screen and (max-width:780px) {
    
    .hi_txt{
        padding: 40px 40px 80px;
    }
    
    .hi_txt h1{
        margin-bottom: 24px;
    }
    
    
    .lest_ul li{
        width: 100%;
        height: auto;
        margin-bottom: 30px
    }
    
    .lest_ul li a div{
        padding: 0
    }
    
        
    /*각 페이지 메인*/
    .marieearle{
    background-image: url(../img/mo_wpbg_01.png)    
    }
    
    
    .project{
        margin: 80px 0px !important;
        background-size: cover !important;
    }    
    .project_container,.project_txtbox,.project_txtbox,.project_01,.project_02,.project_05{
        max-width:100%;
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .project_02 img,.project_05 img{
        width: 100% !important;
    }
    
    
    .project_container h1{
        font-size: 40px !important;
        line-height: 50px !important;
        letter-spacing: .5em !important;
    }

    .project_bg{
        height: 600px;
    }
    
    .project_txt li{
        float: none;
        width: 100%;
        margin-bottom: 30px;
    }
    
    .project_txt li:first-child{
        margin-right:0;

    }
    

    .project_03 img{
        width: 100%;
    }
    
    .pr_position span{
        width: 100%;
        position: relative;
        bottom: 0;
        right: 0;
        
    }
    
    .project img:last-child{
        margin-bottom: 0;
    }
    
    .project_btn{
        width: 100%;
        margin-bottom:80px;
    }
    
    
    .pr_position span{
        display: none !important;
    }
}


/*홈페이지 상세 설명 페이지*/
.project_container{
    max-width: 1200px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    position: relative;
}


.project_container h1{
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-size: 60px;
    color: #fff;
    letter-spacing:1em;
    line-height: 80px;
}



.project_bg{
    width: 100%;
    height: 800px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}



.project_txtbox{
    padding: 0 140px;
    margin: 0 auto;
    font-family: 'Hind+Siliguri', sans-serif;
}

.project_txtbox h2{
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 700;
    color: #000;
    margin-bottom: 60px;
}


.project_txtbox h3{
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    color: #333;
    border-bottom: 3px solid #333;
    padding-bottom:16px;
    margin-bottom: 16px;
}

.project_txtbox p{
    font-weight: 500;
    line-height: 30px;
    letter-spacing: -.2px;
    font-family: 'AppleSDGothicNeoM';
}


.project_txt li{
    float: left;
    width: 325px;
}

.project_txt li:first-child{
    margin-right: 50px;
}


.project_txtbox .pr_p{
    margin-top: 16px;
}


.project_btn{
    display: block;
    width: 260px;
    height: 50px;
    background-color: #000;
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 54px;
    border-radius: 5px;
    margin-top: 50px;
}

.project{
    width: 100%;
    padding: 130px 0px;
    margin: 130px 0;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
}

.project_01{
    width: 1300px;
    margin: 0 auto;
}

.project_01 img{
    width: 100%;
}

.project_txtbox .pr_h2{
    margin-bottom: 0px;
}


.project_02{
    margin-top: 80px;
}

.project_03{
    position: relative;
}

.project_03 img{

    margin-bottom:130px;
}

.project_05 img{
    width: 360px;
}

.pr_gif{
    text-align: left;
}

.pr_gif img{
    width: 900px;
}

.pr_position{
    position: relative;
}

.pr_position span{
    display: block;
    width: 600px;
    position: absolute;
    right: -25px;
    bottom: -1204px;
}

.project:last-child{margin-bottom: 0;}


.gradient{
    width: 100%;
}

.gradient div{
    position: relative;
    display: inline-block;
    width: 410px;
    height: 275px;
    background-color: #fff;
}

.gradient div:first-child{
    margin-right: 80px;
}

.gradient div p{
    position: absolute;
    right: 20px;
    bottom: 20px;
    color: #fff;
    text-align:left;
    font-size: 18px;
    letter-spacing: .1px;
    text-transform: uppercase;
}



.project_04 img{
    box-shadow: -4px 4px 8px -1px rgba(230,193,117,0.23)
;
}

.project_06 img{
    box-shadow: -4px 4px 8px -1px rgba(64, 64, 64, 0.23)
;
}


/*이벤트 랜딩페이지*/


/*2023 메인 CSS*/

.new_box h2{
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 54px;
    text-transform: uppercase;
    letter-spacing: 18px;
    margin-bottom: 30px;
}

.new_box p{
    font-size: 20px;
    line-height: 30px;
    font-family: 'AppleSDGothicNeoM';
}


.about_box{
    width: 70%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.about_box li{
    width: 100%;
    font-size: 24px;
    font-weight: 600;
    padding: 40px 120px;
    color: #fff;
    border-bottom: 1px solid #a8a8a8;
    font-family: 'Montserrat', sans-serif;
    
}

.about_box span{ 
    display: block;
        width: 100%;
    font-size: 14px;
    margin-bottom: 14px;
}

.about_box .fr{
    font-size: 20px;
}


#slides .slide_100 .slide{
    float: none;
    width: 100%;
    height: 200px;
    position: relative;
    background-image: none;
    background-color: #fff;
    display: flex;
    text-align: left;
    border-bottom: 1px solid #282828;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    letter-spacing: -.5px;
}


#slides .slide_100 .slide h2{
    color:#131313;
    position: absolute;
    font-size: 30px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding-left: 120px;
}

#slides .slide_100 .card .info{
    position: sticky;
}

#slides .slide_100 .card .info p{
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin-top: 0;
    width: 100%;
    height: 100%;
    padding-right: 60px;
    line-height: revert;
    letter-spacing: 0px;
}