/* html */
.body {
    overflow: hidden;
}

/* fbox */
.fbox {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (min-width:768px) {
    .fbox.fx > div {
        width: 50%;
    }
    .fbox > .txt.lft {
        padding-right: 30px;
    }
    .fbox > .txt.rt {
        padding-left: 30px;
    }
    .fbox.short > .txt.lft {
        padding-right: 5px;
    }
    .fbox.short > .txt.rt {
        padding-left: 5px;
    }
    .fbox.long > .txt.lft {
        padding-right: 60px;
    }
    .fbox.long > .txt.rt {
        padding-left: 60px;
    }
}
@media (max-width:768px) {
    .fbox {
        flex-wrap: wrap;
    }
}
/* about */
#about .sec1 ul li .icon {
    padding: 30px;
    background-color: #00ffef;
    border-radius: 30px;
}
#about .sec1 ul li:nth-child(2) .icon {
    background-color: #000;
}
#about .sec1 ul li:nth-child(3) .icon {
    background-color: #fecf00;
}
#about .sec1 ul li:nth-child(4) .icon {
    background-color: #000;
}
@media (min-width:1170px){
    #about .sec1 .container {
        width: 1170px;
    }
    #about .sec1 ul li .item {
        transform: skew(0deg, 20deg);

        transition: all 1.5s;
        -o-transition: all 1.5s;
        -moz-transition: all 1.5s;
        -webkit-transition: all 1.5s;
        transition-delay: .3s;
    }
    #about .sec1 ul li.aos-animate .item {
        transform: skew(0deg, 0deg);
    }
}
@media (max-width:768px){
    #about .sec1 {
        padding: 20px 0;
    }
    #about .sec1 ul li {
        margin: 40px 0;
    }
    #about .sec1 ul li .item {
        display: flex;
        align-items: start;
    }
    #about .sec1 ul li .item .icon {
        width: 100px;
        padding: 0px;
        border-radius: 10px;
        overflow: hidden;
    }
    #about .sec1 ul li .item .txt {
        width: calc(100% - 100px);
        padding-left: 20px;
    }
    #about .sec1 ul li .item .txt h2 {
        margin-top: 0px;
    }
}
/* about sec2 */
#about .sec2 {
    position: relative;
    background: url(../img/about_s2.jpg) center center no-repeat;
    background-size: cover;
}
#about .sec2 .txt {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
#about .sec2 .txt h1 {
    line-height: 1.2em;
}
/* about */
#about .sec2 .page {
    width: 1500px;
    height: 100vh;
    display: flex;
    justify-content: right;
    align-items: center;
    margin: 0 auto;
}
#globe-3d, #globe-2d-overlay, #globe-popup-overlay, .globe-popup {
    display: block;
    position: absolute;
}

#globe-2d-overlay, #globe-popup-overlay {
    pointer-events: none;
}
.globe-popup {
    top: 0;
    left: 0;
    background-color: white;
    opacity: 0;
    color: #111;
    font-family: sans-serif;
    padding: 5px 10px;
    font-size: 15px;
    border-radius: 3px;
    filter: drop-shadow(0px 0px 3px #555555);
}
#about .sec2 {
    text-align: center;
    overflow: hidden;
}
#about .sec2 .page {
    width: 100%;
    justify-content: center;
    opacity: .4;
}
#about .sec2 .page .globe-wrapper {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
#about .sec2 .page .globe-wrapper {
    transform: scale(1.3);
}
@media (max-width: 768px){
    #about .sec2 .page {
        height: 650px;
    }
}
/* about .sec3  */
@media (max-width: 1200px){
    #about .sec3 .item .txt br {
        display: none;
    }
}
@media (max-width: 768px){
    #about .sec3 {
        padding: 20px 0;
    }
    #about .sec3 ul li {
        margin: 40px 0;
    }
    #about .sec3 .item {
        display: flex;
        align-items: center;
    }
    #about .sec3 .item .icon {
        width: 100px;
        text-align: center;
    }
    #about .sec3 .item .icon img {
        width: 90%;
    }
    #about .sec3 .item .txt {
        width: calc(100% - 100px);
        padding-left: 20px;
        text-align: left;
    }
}
/* about sec4 */
#about .sec4 {
    background-color: #f7f7f7;
}
#about .sec4 ul li {
    margin: 8px 0;
}
#about .sec4 ul li h5 {
    display: flex;
    align-items: center;
}
#about .sec4 ul li h5 i {
    margin-right: 8px;
}
@media (max-width:768px) {
    #about .sec4 {
        text-align: center;
    }
    #about .sec4 ul li h5 {
        justify-content: center;
    }
    #about .sec4 .fbox > div {
        width: 100% !important;
    }
    #about .sec4 .fbox > .rt {
        order: 1;
        padding: 40px 15px 30px;
    }
    #about .sec4 .fbox > .lft {
        order: 2;
    }
}
/*mapbox*/
.mapbox .root_daum_roughmap .wrap_map {
    height: 850px !important;
}
@media (max-width:768px) {
	.mapbox .root_daum_roughmap .wrap_map {
		height: 350px !important;
	}
}
/* creatorBoard */
#creatorBoard li {
    margin: 15px 0;
}
#creatorBoard .item {
    display: block;
    text-decoration: none;;

    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
#creatorBoard .item .img {
    border-radius: 30px;
    overflow: hidden;
    position: relative;
}
#creatorBoard .item .img .txt {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: end;
    justify-content: start;
    padding: 30px;
    opacity: 0;

    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
#creatorBoard .item .img .txt h2 {
    position: relative;
    z-index: 5;
}
#creatorBoard .item .img .txt:before,
#creatorBoard .item .img .txt:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0,0,0,0.5), transparent);
    opacity: 0;
    z-index: 3;
    border-radius: 30px;

    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
#creatorBoard .item .img .txt:after {
    background: linear-gradient(to top, rgba(87,183,152,0.5), transparent);
}
#creatorBoard .item:hover .img .txt{
    opacity: 1;
}
#creatorBoard .item:hover .img .txt:before {
    opacity: 1;
}

/* subTabs */
#subTabs {
    text-align: center;
}
#subTabs a {
    text-decoration: none;
    display: inline-block;
    margin: 2px 0;
    line-height: 1em;
    padding: 15px 0;
    border-radius: 100px;
    width: 200px;
    text-align: center;
    background-color: #f2f2f2;
    color: #cfcfcf;
    font-weight: 500;
    letter-spacing: -0.02em;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
#subTabs a:hover {
    color: #b6b6b6;
}
#subTabs a.act {
    color: #fff;
    background-color: #5fc79e;
}
@media (max-width:768px) {
    #subTabs a {
        width: auto;
        padding: 8px 20px;
        font-size: 15px;
    }
}

/* bdSearchBox */
#bdSearchBox {
    display: flex;
    align-items: center;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #aaa;
}
#bdSearchBox .lft {
    width: calc(100% - 600px);
}
#bdSearchBox .lft h2,
#bdSearchBox .lft p {
    display: inline-block;
}
#bdSearchBox .lft p {
    margin-left: 8px;
}
#bdSearchBox .rt {
    width: 600px;
}
#bdSearchBox .sch {
    display: flex;
    align-items: center;
    margin: 0 -3px;
}
#bdSearchBox .sch > div {
    padding: 0 3px;
}
#bdSearchBox .sch > .cate {
    width: 30%;
}
#bdSearchBox .sch > .keyw {
    width: 50%;
}
#bdSearchBox .sch > .smtWrp {
    width: 20%;
}
#bdSearchBox .sch > .smtWrp .smt {
    line-height: 50px;
    font-size: 18px;
}
@media (max-width:768px) {
    #bdSearchBox {
        flex-wrap: wrap;
    }
    #bdSearchBox .lft,
    #bdSearchBox .rt {
        width: 100%;
    }
    #bdSearchBox .lft {
        margin-bottom: 15px;
    }
    #bdSearchBox .sch > .smtWrp .smt {
        font-size: 15px;
        line-height: 35px;
        padding: 6px 0;
    }
}

/* pagination */
.pagination {
    margin-bottom: 0px;
}
.pagination > li > a, .pagination > li > span, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    color: #444 !important;
}
.pagination > .active > a:hover,
.pagination > .active > a {
    background-color: #444 !important;
    color: #fff !important;
    border-color: #444 !important;
}

#party .sec1,
#party .sec2 {
    position: relative;
    z-index: 2;
    overflow: hidden;
}
#party .sec1 .endlessRiverListWrp {
    width: 100%;
    height: 30vw;
    overflow: hidden;
}
#party .sec1 .endlessRiverList {
    height: auto !important;
    line-height: 0px !important;
}
#party .sec1 .endlessRiverList li {
    margin: 0px;
}
#party .sec1 .endlessRiverList li img {
    height: 30vw;
}
/* ptList */
.ptList {
    display: flex;
    margin: 0 -15px;
}
.ptList > li {
    width: 20%;
    padding: 0 15px;
}
.ptList > li .img img {
    border-radius: 50%;
}
.ptList > li .txt {
    margin-top: 20px;
    text-align: center;
}
.ptList > li .txt p {
    line-height: 1.2em;
    margin-top: 3px;
}
@media (min-width:768px) {
    .ptList > li:nth-child(even) {
        margin-top: 60px;
    }
}
@media (max-width:768px) {
    .ptList {
        flex-wrap: wrap;
        justify-content: center;
    }
    .ptList > li {
        width: 33.33333%;
        margin-bottom: 30px;
    }
    .ptList > li br {
        display: none;
    }
}
@media (max-width:500px) {
    .ptList > li {
        width: 50%;
    }
}

/* sec3 */
#party .sec3 {
    background-color: #000;
    overflow: hidden;
}
#party .sec3 .inner .container {
    position: relative;
    z-index: 5;
}
#party .sec3,
#party .sec3 #party .sec3 .inner {
    display: block;
    font-size: 52px;
    color: transparent;
}
#party .sec3::before,
#party .sec3::after,
#party .sec3 .inner::before,
#party .sec3 .inner::after {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 3em;
    height: 3em;
    content: ".";
    mix-blend-mode: screen;
    animation: 44s -27s move infinite ease-in-out alternate;
    opacity: .5;
}
  
#party .sec3::before {
    text-shadow: -0.1075009552em 2.4257846554em 7px rgba(212, 0, 255, 0.9), 2.3586196065em 1.7496683031em 7px rgba(252, 0, 255, 0.9), 1.1241021923em 1.2977086703em 7px rgba(255, 117, 0, 0.9), 2.2219873851em 1.8541931627em 7px rgba(192, 0, 255, 0.9), 0.626001853em 2.4889322523em 7px rgba(255, 92, 0, 0.9), 2.1037265709em 2.2920616553em 7px rgba(0, 134, 255, 0.9), 0.8032492697em 0.0749432287em 7px rgba(0, 255, 240, 0.9), 1.5592337453em 1.9173240427em 7px rgba(200, 255, 0, 0.9), 0.2791573105em -0.4569468095em 7px rgba(255, 247, 0, 0.9), -0.0686635772em 1.676034583em 7px rgba(255, 0, 190, 0.9), 0.2033125389em 0.0754618381em 7px rgba(175, 0, 255, 0.9), 0.5551701815em 1.6621029901em 7px rgba(255, 0, 82, 0.9), 1.2124266071em 0.6236614882em 7px rgba(206, 0, 255, 0.9), 0.8912163585em 1.021547876em 7px rgba(74, 0, 255, 0.9), 0.8228012111em 1.3302265496em 7px rgba(172, 255, 0, 0.9), -0.2496402162em 1.5972344715em 7px rgba(255, 0, 188, 0.9), 2.4568460037em 2.3489469064em 7px rgba(0, 255, 167, 0.9), 0.8316201996em 1.5760282377em 7px rgba(26, 255, 0, 0.9), -0.0370704722em -0.2006191848em 7px rgba(0, 255, 119, 0.9), 1.269787993em 0.918733905em 7px rgba(0, 88, 255, 0.9), 2.4646270695em 0.5328418898em 7px rgba(255, 10, 0, 0.9), 2.4797191583em 0.0775195862em 7px rgba(62, 0, 255, 0.9), 0.0128550598em -0.0405165936em 7px rgba(157, 255, 0, 0.9), -0.3520164247em -0.1722686845em 7px rgba(0, 255, 223, 0.9), 1.4147774309em 1.9257340755em 7px rgba(255, 0, 250, 0.9), 1.515171063em 1.5403885224em 7px rgba(255, 186, 0, 0.9), 1.1792220747em 0.8327889022em 7px rgba(255, 0, 45, 0.9), 1.7427055402em 0.8434180766em 7px rgba(255, 131, 0, 0.9), -0.4639742163em 1.7906329041em 7px rgba(255, 0, 24, 0.9), 2.3522570018em 1.8664006312em 7px rgba(0, 179, 255, 0.9), 0.7713896611em 1.0759510045em 7px rgba(0, 94, 255, 0.9), 1.5742665569em 1.2232841453em 7px rgba(255, 0, 218, 0.9), 0.6259692283em -0.1524995628em 7px rgba(255, 36, 0, 0.9), -0.1605424816em 1.2799445003em 7px rgba(0, 255, 233, 0.9), 2.4944914859em -0.4548643228em 7px rgba(0, 33, 255, 0.9), 1.8459545729em 2.004052301em 7px rgba(255, 202, 0, 0.9), 0.2949311915em 1.6489804388em 7px rgba(255, 75, 0, 0.9), -0.4262000056em 2.3481597815em 7px rgba(0, 163, 255, 0.9), 0.533754161em 0.8004585715em 7px rgba(0, 255, 24, 0.9), 0.1631486629em 2.2923045971em 7px rgba(207, 255, 0, 0.9), 0.7443771533em 0.8795885478em 7px rgba(220, 0, 255, 0.9);
    animation-duration: 44s;
    animation-delay: -27s;
}
  
#party .sec3::after {
    text-shadow: 0.606586881em 2.0449208992em 7px rgba(0, 222, 255, 0.9), 0.7345103779em -0.1582583385em 7px rgba(0, 255, 78, 0.9), -0.3780065332em 1.6184443937em 7px rgba(0, 113, 255, 0.9), 1.0234084016em 1.0647741236em 7px rgba(255, 0, 72, 0.9), 0.981582176em 0.7581741458em 7px rgba(0, 255, 240, 0.9), 2.1045178593em 2.4327260314em 7px rgba(255, 0, 51, 0.9), 0.6450022782em 0.016879461em 7px rgba(0, 232, 255, 0.9), 2.2564412127em 1.0809222209em 7px rgba(255, 0, 113, 0.9), 1.8954589323em 1.2129022196em 7px rgba(55, 255, 0, 0.9), 2.0214188227em -0.2619380141em 7px rgba(0, 131, 255, 0.9), 2.2806737763em 1.0936444972em 7px rgba(255, 0, 167, 0.9), 1.5546639442em 1.7549715794em 7px rgba(0, 255, 214, 0.9), 0.1112380811em 1.2136722345em 7px rgba(153, 0, 255, 0.9), 2.4198165005em 2.1533612744em 7px rgba(0, 31, 255, 0.9), -0.4176378535em 0.5192962724em 7px rgba(0, 255, 95, 0.9), 0.7839796669em 1.544104213em 7px rgba(235, 0, 255, 0.9), 2.0550986458em 0.2696724977em 7px rgba(145, 0, 255, 0.9), -0.1130714534em 0.0185903827em 7px rgba(0, 51, 255, 0.9), -0.0960201004em 0.7412891074em 7px rgba(234, 0, 255, 0.9), -0.3676259397em -0.2331084734em 7px rgba(0, 255, 117, 0.9), 1.8693159952em 1.6232438421em 7px rgba(255, 225, 0, 0.9), 0.8317385481em 1.2421883652em 7px rgba(123, 0, 255, 0.9), 2.3559835593em 1.4545893366em 7px rgba(255, 0, 108, 0.9), -0.3221054319em 2.2873920413em 7px rgba(0, 255, 63, 0.9), 2.3827929307em 0.4645184171em 7px rgba(255, 0, 176, 0.9), 1.0190913175em 0.5474767307em 7px rgba(59, 255, 0, 0.9), 1.9821486797em -0.2270650044em 7px rgba(0, 255, 178, 0.9), -0.3406229925em 0.1374252861em 7px rgba(255, 0, 41, 0.9), -0.4741478673em 2.4546599488em 7px rgba(44, 255, 0, 0.9), 2.4407229249em 1.5024432364em 7px rgba(0, 188, 255, 0.9), 1.0698722829em 0.0109319017em 7px rgba(255, 169, 0, 0.9), 1.8364096665em 0.8824157775em 7px rgba(255, 14, 0, 0.9), 2.1396060901em 2.3440402995em 7px rgba(0, 255, 255, 0.9), 2.4878225751em 1.919743172em 7px rgba(135, 255, 0, 0.9), 2.1959573349em 0.8655217908em 7px rgba(0, 168, 255, 0.9), 1.0800619678em -0.2794104444em 7px rgba(255, 124, 0, 0.9), -0.4880816837em 1.1744392894em 7px rgba(0, 255, 149, 0.9), -0.0623175723em 2.3401144946em 7px rgba(255, 0, 220, 0.9), 2.3312310627em 1.2709434299em 7px rgba(104, 255, 0, 0.9), 1.521269609em 0.2435994683em 7px rgba(0, 69, 255, 0.9), 0.3004862872em 2.2457942457em 7px rgba(0, 255, 156, 0.9);
    animation-duration: 43s;
    animation-delay: -32s;
}
  
#party .sec3 .inner::before {
    text-shadow: 1.1070723299em 1.3219679373em 7px rgba(255, 60, 0, 0.9), 0.7492713872em 1.0054355427em 7px rgba(0, 165, 255, 0.9), 0.1174206377em 1.4811640048em 7px rgba(255, 31, 0, 0.9), 1.8750225547em 1.4107740251em 7px rgba(0, 232, 255, 0.9), 0.7281857543em 0.066483208em 7px rgba(42, 255, 0, 0.9), 0.6765599621em 0.9292080382em 7px rgba(43, 255, 0, 0.9), 1.0737305978em 1.0346098989em 7px rgba(255, 161, 0, 0.9), 0.3478115131em 2.283608942em 7px rgba(0, 159, 255, 0.9), 2.1025952001em 1.7238108941em 7px rgba(255, 0, 163, 0.9), 1.6517939328em 2.4012059672em 7px rgba(0, 255, 178, 0.9), 0.4199289522em 2.3097383338em 7px rgba(7, 255, 0, 0.9), 0.3307509382em 0.1308445283em 7px rgba(134, 0, 255, 0.9), 1.3638135508em 0.1453925647em 7px rgba(212, 0, 255, 0.9), 1.7954735386em -0.2774685187em 7px rgba(43, 0, 255, 0.9), 2.3907870058em 2.4394492177em 7px rgba(131, 0, 255, 0.9), 0.0241036736em 2.0452004221em 7px rgba(255, 93, 0, 0.9), 1.056483861em -0.1031368974em 7px rgba(22, 0, 255, 0.9), 0.6500117522em -0.225830368em 7px rgba(255, 0, 232, 0.9), 1.1841684309em 0.0668438917em 7px rgba(0, 255, 254, 0.9), 0.5614491997em 0.7046473973em 7px rgba(142, 255, 0, 0.9), 1.2811798331em 1.7192426053em 7px rgba(255, 246, 0, 0.9), -0.36618437em -0.1148093902em 7px rgba(255, 180, 0, 0.9), -0.092703303em -0.1596841338em 7px rgba(0, 255, 192, 0.9), 0.0102656837em -0.097686355em 7px rgba(0, 255, 47, 0.9), 0.9070167645em 0.7963532074em 7px rgba(0, 56, 255, 0.9), 1.2088129642em 2.3052894622em 7px rgba(0, 176, 255, 0.9), 1.0445807747em 2.2085296797em 7px rgba(255, 126, 0, 0.9), 0.7346893335em 1.0457062716em 7px rgba(103, 255, 0, 0.9), -0.0309596288em 1.7314218836em 7px rgba(255, 0, 245, 0.9), 0.9177892437em -0.2104670833em 7px rgba(255, 0, 128, 0.9), 0.6048622156em -0.1415514951em 7px rgba(182, 0, 255, 0.9), 0.2458274882em 1.6941153897em 7px rgba(255, 0, 50, 0.9), 0.3017848852em 1.2123537537em 7px rgba(0, 255, 55, 0.9), 1.4116005071em 0.2176993196em 7px rgba(255, 212, 0, 0.9), 1.283091256em 2.4659364013em 7px rgba(255, 0, 246, 0.9), -0.3623972681em 0.9640039081em 7px rgba(0, 157, 255, 0.9), 0.5147872187em 1.7668371307em 7px rgba(255, 0, 27, 0.9), -0.3802811426em -0.2874521416em 7px rgba(174, 255, 0, 0.9), 1.5099571374em -0.0503728237em 7px rgba(0, 255, 250, 0.9), 0.5783445911em 1.2223310571em 7px rgba(0, 255, 143, 0.9), 2.0811538001em 1.217583349em 7px rgba(0, 99, 255, 0.9);
    animation-duration: 42s;
    animation-delay: -23s;
}
  
#party .sec3 .inner::after {
    text-shadow: 0.0927010995em -0.371704948em 7px rgba(207, 0, 255, 0.9), -0.0361159293em -0.0467267756em 7px rgba(165, 0, 255, 0.9), 0.4721751316em 0.1544195313em 7px rgba(24, 255, 0, 0.9), 2.4625991354em 0.8167063712em 7px rgba(114, 255, 0, 0.9), 2.0769354989em 0.194293607em 7px rgba(98, 0, 255, 0.9), 1.2876787531em 0.7480437597em 7px rgba(159, 0, 255, 0.9), 1.9443734283em 0.6344422546em 7px rgba(105, 255, 0, 0.9), 0.2278525043em 0.3070070348em 7px rgba(125, 255, 0, 0.9), 1.5743491803em 1.34018937em 7px rgba(255, 0, 211, 0.9), 0.5254861426em 1.0986502216em 7px rgba(42, 0, 255, 0.9), 1.3112709419em 0.7114364996em 7px rgba(255, 0, 221, 0.9), 1.7569503147em 1.4160806154em 7px rgba(208, 255, 0, 0.9), 1.750561589em 0.8022194918em 7px rgba(0, 12, 255, 0.9), -0.2939992536em 1.1280490885em 7px rgba(0, 255, 191, 0.9), 1.6844944737em 1.6822815385em 7px rgba(255, 174, 0, 0.9), 0.3341691049em 2.3026586918em 7px rgba(255, 156, 0, 0.9), -0.3993109498em 0.4223653172em 7px rgba(0, 255, 6, 0.9), -0.1966353639em 0.4985757246em 7px rgba(0, 255, 113, 0.9), 0.1826157671em 1.9986237984em 7px rgba(0, 114, 255, 0.9), 0.2777025711em 1.0556015911em 7px rgba(0, 255, 220, 0.9), 0.8263371806em 1.3842431322em 7px rgba(253, 0, 255, 0.9), -0.3894481109em 2.3706482024em 7px rgba(0, 255, 54, 0.9), 2.3631502525em 1.9893472768em 7px rgba(255, 0, 34, 0.9), 2.2655004642em 0.2086550637em 7px rgba(212, 255, 0, 0.9), 0.3364662976em 2.084372639em 7px rgba(188, 255, 0, 0.9), 0.0110311848em 2.1009576668em 7px rgba(0, 255, 66, 0.9), 0.0611955779em 2.2477334669em 7px rgba(255, 70, 0, 0.9), 1.0520671836em 1.7449421363em 7px rgba(255, 241, 0, 0.9), 0.1925709278em 2.2039481261em 7px rgba(0, 255, 153, 0.9), -0.1226576582em 2.4271321469em 7px rgba(143, 255, 0, 0.9), 1.6140933421em 1.1157845273em 7px rgba(0, 255, 170, 0.9), 0.1426114351em 0.1703546617em 7px rgba(255, 0, 80, 0.9), 2.1669706757em 1.0864735557em 7px rgba(255, 68, 0, 0.9), 0.443492363em -0.1689083767em 7px rgba(255, 221, 0, 0.9), 0.4930354674em -0.132375562em 7px rgba(0, 29, 255, 0.9), 1.0074219323em 1.6636563361em 7px rgba(179, 255, 0, 0.9), 1.9961049636em -0.3011439033em 7px rgba(255, 202, 0, 0.9), 2.0651230531em 1.9708996406em 7px rgba(255, 207, 0, 0.9), 0.8608807982em -0.177109849em 7px rgba(0, 201, 255, 0.9), 2.3534363684em 2.3667641488em 7px rgba(255, 0, 210, 0.9), 0.007642035em 1.9618748952em 7px rgba(255, 176, 0, 0.9);
    animation-duration: 41s;
    animation-delay: -19s;
}
  
@keyframes move {
    from {
      transform: rotate(0deg) scale(12) translateX(-20px);
    }
    to {
      transform: rotate(360deg) scale(18) translateX(20px);
    }
}
@media (max-width:768px) {
    #party .sec3 .fbox > .lft {
        margin-bottom: 20px;
    }
}

/* cloudWrp */
.cloudWrp {
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
}
.cloudWrp .appBox {
    position: relative;
    z-index: 3;
}
.cloudWrp .topic {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.cloudWrp .topic span {
    display: inline-block;
    color: #5fc79e;
    border-radius: 50%;
    font-weight: 700;
    width: 100px;
    line-height: 100px;
    box-shadow: 0 0 30px #5fc79e;
}
@media (max-width:768px) {
    .cloudWrp .appBox canvas {
        width: 100% !important;
    }
}


/* sales */
#sales .sec2 {
    overflow: hidden;
}
#sales .sec2 .vdoBoxWrp {
    background-color: #111;
    padding: 60px 0;
}
#sales .sec2 .vdoBoxOut {
    position: relative;
    padding-left: 260px;
}
#sales .sec2 .vdoBoxOut .lft {
    position: absolute;
    left: 0;
    top: 50%;
    width: 300px;
    transform: translateY(-50%);
    z-index: 3;
}
#sales .sec2 .vdoBoxOut .lft:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    background: linear-gradient(to right, #111, transparent);
    height: 100%;
}
#sales .sec2 .vdoBoxOut:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    background: linear-gradient(to left, #111, transparent);
    height: 100%;
}
#sales .sec2 .endlessRiverList {
    display: flex;
    height: auto !important;
    line-height: 0px !important;
}
#sales .sec2 .endlessRiverList li {
    float: none;
    margin: 0px;
}
#sales .sec2 .endlessRiverList li video {
    height: 30vw;
    max-height: 400px;
}
#sales .sec2 img {
    width: 100%;
}
@media (max-width:768px) {
    #sales .sec2 .fbox {
        flex-wrap: wrap;
    }
    #sales .sec2 .fbox > div {
        width: 100%;
    }
    #sales .sec2 .fbox > .lft iframe {
        height: 350px;
    }
}
@media (max-width:500px) {
    #sales .sec2 .fbox > .lft iframe {
        height: 250px;
    }
}


@media (max-width:768px) {
    #sales .sec3 .fbox,
    #sales .sec4 .fbox {
        flex-wrap: wrap;
    }
    #sales .sec3 .fbox > .lft,
    #sales .sec4 .fbox > .rt {
        width: 100%;
        order: 1;
    }
    #sales .sec3 .fbox > .rt,
    #sales .sec4 .fbox > .lft {
        width: 100%;
        order: 2;
    }
}

/* adBoxs */
.adBoxs .img .tTit {
    -webkit-text-stroke: 2px rgba(50,50,50,1);
    color: transparent;
    margin-bottom: -10px;
    line-height: 1em;
    position: relative;
    z-index: 5;
}
@media (min-width:1200px) {
    .adBoxs .img .tTit {
        font-size: 75px;
        margin-bottom: -20px;
        margin-left: -25px;
    }
}
/* imgmove */
.imgmove {
    position: relative;
    overflow: hidden;
    display: inline-block;
}
.imgmove img {
    opacity: 0;
}
.imgmove.aos-animate img {
    animation: img_opa both cubic-bezier(0.680, 0, 0.265, 1) 1.2s 0.2s;
}
.imgmove .move_left {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background:#000;
    opacity: 0;
}
.imgmove.aos-animate .move_left {
    opacity: 1;
    animation: move_left both cubic-bezier(0.680, 0, 0.265, 1) 1.2s 0.2s;
}

@keyframes move_left {
    0% {transform:translateX(-101%);}
    50% {transform:translateX(0);}
    100% {transform:translateX(101%);}
}
@keyframes img_opa {
    51% {opacity:0;}
    100% {opacity:1;}
}


/* st_icon */
.st_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 -15px;
    flex-wrap: wrap;
}
.st_icon > li {
    padding: 0 15px;
    width: 33.33333%;
    margin: 15px 0;
}
.st_icon .icon img {
    background-color: #f7f7f7;
    border-radius: 50%;
    margin-bottom: 10px;
}
.st_icon > li .txt h5 {
    line-height: 1.2em;
}
@media (max-width:768px) {
    .st_icon {
        align-items: start;
    }
    .st_icon > li {
        margin: 20px 0 0;
    }
    .st_icon > li img {
        max-width: 70%;
    }
}
@media (max-width:400px) {
    .st_icon > li {
        width: 50%;
    }
}

/* project */
#project .imgList li img {
    border-radius: 20px;
}
#project .imgList li .txt {
    margin-top: 15px;
}
#project .sec3 {
    background-color: #f7f7f7;
}


/* project */
#project .sec5 .fbox .rt {
    padding: 20px 50px;
}
#project .sec5 .swiperWrp {
    border-top: 1px solid rgba(255,255,255,0.1);
    border-bottom: 1px solid rgba(255,255,255,0.1);
    padding: 20px 0;
}
@media (max-width: 992px){
    #project .sec5 .fbox {
        flex-wrap: wrap;
    }
    #project .sec5 .fbox > div {
        width: 100%;
    }
    #project .sec5 .fbox .lft {
        order: 2;
    }
    #project .sec5  .fbox .rt {
        order: 1;
        padding: 30px 15px;
    }
}
/* swiper-pagination-bullet */
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{
    bottom: 0px;
}
.swiper-pagination-bullet {
    background-color: #222;
}
/* swiperSub */
.swiperSub .swiper-slide {
    opacity: 0 !important;

    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.swiperSub .swiper-slide.swiper-slide-active {
    opacity: 1 !important;
}
.swiperSub .iconTxt {
    display: flex;
    align-items: center;
    padding: 100px 0;
    max-width: 30vw;
    margin-left: auto;
    margin-right: auto;
}
@media (max-width:768px) {
    .swiperSub .iconTxt {
        padding: 30px 0;
        max-width: 90vw;
    }
}

/* sec6 */
#project .sec6 {
    background: url(../img/pro_sec6.jpg) center center no-repeat;
    background-size: cover;
    background-color: #111;
}

#project .sec6 .endlessRiverList img {
    max-width: 300px;
    border-radius: 20px;
}
@media (max-width:768px) {
    #project .sec6 .endlessRiverList li {
        margin: 5px;
    }
    #project .sec6 .endlessRiverList img {
        max-width: 40vw;
        border-radius: 10px;
    }
}



/* view */


/* gallery-top */
.gallery-top .lft {
    background-color: #f7f7f7;
}
.gallery-top .lft img {
    max-height: 600px;
}
@media (max-width:768px) {
    .gallery-top > div {
        width: 100%;
    }
    .gallery-top .rt {
        margin-bottom: 40px;
        order: 1;
    }
    .gallery-top .lft {
        order: 2;
    }
    .gallery-top .lft img {
        max-height: 100vw;
    }
}

/* tableShape */
.tableShape {
    border-top: 1px solid #aaa;
}
.tableShape > li {
    padding: 15px 0;
    border-bottom: 1px solid #eee;
}
.tableShape > li:last-child {
    border-color: #aaa;
}
.tableShape p {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.tableShape p strong {
    width: 180px;
    padding-left: 8px;
}
.tableShape p span {
    width: calc(100% - 100px);
}

/*al_list*/
.al_list > li {
    margin-bottom: 30px;
}
.al_list > li a {
    text-decoration: none;
    display: block;
}
.al_list > li a p {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 15px;
    line-height: 1.2em;
    font-weight: 700;
    color: #333;
}
.al_list > li a .ibox {
    overflow: hidden;
}
.al_list > li a .ibox img {
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s;
}
.al_list > li a .ibox:hover img {
    transform: scale(1.1);
}

.st_icon2 {
    margin-top: 30px;
}
.st_icon2 > li {
    width: 20%;
}
.st_icon2 > li img{
    width:90px;
}