@font-face {
    font-family: 'Grotesk-Remix-reg';
    src: url('fonts/39DD9F_0_0.woff') format('woff');
    src: url('fonts/39DD9F_0_0.ttf') format('truetype'), url('fonts/39DD9F_0_0.woff') format('woff'), url('fonts/39DD9F_0_0.woff2') format('eot'),url('fonts/39DD9F_0_0.ttf') format('eot');
    font-style: normal;
}

@font-face {
    font-family: 'Grotesk-Remix-mid';
    src: url('fonts/39DDDA_0_0.woff') format('woff'),
    url('fonts/39DDDA_0_0.ttf') format('truetype'), 
    url('fonts/39DDDA_0_0.woff') format('woff'), 
    url('fonts/39DDDA_0_0.woff2') format('woff2');
    font-style: normal;
}


@font-face {
    font-family: 'j-Reg';
    src: url('fonts/JJGothic-Regular.woff') format('woff'),url('fonts/J-Medium.eot') format('eot');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'j-ExtraBold';
    src: url('fonts/JJGothic-ExtraBold.woff') format('woff'),url('fonts/J-Medium.eot') format('eot');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'j-Med';
    src: url('fonts/JJGothic-Medium.woff') format('woff'),url('fonts/J-Medium.eot') format('eot');
    font-weight: normal;
    font-style: normal;
}
a{
    text-decoration: none!important;
    color: black
}
.center{
    overflow: hidden;
}
body{
    position: relative;
    width: 100%;
    /* height: 100vh; */
    height: auto;
    left: 0;
    top: 0;
    overflow-x: hidden;
}

.cat_title{
    position: relative;
    display: inline-block;
    width: 100%;
    line-height: 1.3;
    font-family: 'Grotesk-Remix-Mid', j-ExtraBold, sans-serif;
    /* border-bottom: 2px solid black; */
    text-align: center;
    /* font-size: 1.8vh; */
    font-size: 2.8vh;
    padding-left: 3vw;
    padding-right: 3vw;
}
.cat_title>div{
    width: 50%;
    display: inline-block;
}
.cat_title>div:nth-child(1){
    text-align: right;
}
.cat_title>div:nth-child(2){
    padding-left: 2vh;
    text-align: left
}


.topbar{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1.4;
    padding-left: 2.5vw;
    font-size: 1.7vh;
    font-family: 'Grotesk-Remix-Reg', j-Med, sans-serif;
    position: fixed !important;
    z-index: 100000!important;
    background: none;
    width: 100%;
    height: 3.4vh;
    transition: 0.5s
}
.topbar_c{
    /* color: white; */
    /* border-top: 3px solid white; */
    background: rgb(255, 255, 255);
    border-bottom: 2px solid #e5e5e5;
}

.topbar_c>span:nth-last-child(1),
.topbar_c>span>span{
    line-height: 2.4 !important;
}
.topbar>span{
    -webkit-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
    padding-right: 2.5vh;
    transition: 0.1s;
}
.topbar>span:nth-last-child(1){ 
    position: absolute;
    right: 0; }

.topbar>span{
    display: inline-block;
    padding-right: 2.5vw;
    height: 100%;
    padding-top: 0.1vh;
    padding-left: 0.2vw
}

.topbar>span>span{
    transition: 0.5s;
    height: 100%;
    float: left;
    line-height: 1.7;
    cursor: pointer;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}
.topbar>span:hover >span{
    /*border-bottom: 2px solid #0a0f96;*/
    color: gray;
}


.text_whole_wrap {
    margin-left: 50vw;
    width: 100vw;
    height: 60vh;
    font-size: 7vh;
    line-height: 1.15;
    /*overflow: hidden;*/
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
.space{
    width: 3.7vh;
    height: 1px;
    display: inline-block;}
.sm_space{
    display: inline-block !important;
    width: 0.3vh;
    height: 0.1vh
}
.logo {
    left: calc(50vw + 40vh);
    position: absolute;
    height: 15vh;
}
.bd{
    /*font-family: 'Grotesk-Remix-Reg', j-Bold, sans-serif !important;*/

}
.sm_number {
    background-position: top;
    width: 3.75vh;
    white-space: nowrap;
    vertical-align: top;
    font-size: 2.75vh;
    font-family: 'Grotesk-Remix-Bold', sans-serif;
    height: 3.75vh;
    display: inline-block !important;
}
.image_whole>.sm_number {
    z-index: 1000;
    right: 0;
    height: 4.4vh;
    width: 3.2vh;
    font-size: 1.6vh;
    line-height: 2;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    position: absolute;
}

.schedule div {
    font-size: 2.75vh;
}
.kr_bottom{
    display: inline-block;
    position: relative;
}
.inter{
    overflow: hidden !important;
    z-index: 100 !important;

    pointer-events: none;
    /* z-index: 10; */
    /* mix-blend-mode: hard-light; */
    position: absolute;
    left: 0;
    height: 600vh;
    width: 100%;
    /*display: none*/
}
.inter div{
    /*margin-left: 3vw;*/
    width:5.2vw;
    height:5.2vw;
    z-index: 10;
    position: absolute;
    pointer-events: all;
    cursor: pointer;
    /*background: red;*/
    /*opacity: 0.4;*/
    -webkit-transition:1s cubic-bezier(.18,.48,.25,1), 3s opacity linear;
    -o-transition:1s cubic-bezier(.18,.48,.25,1), 3s opacity linear;
    transition:1s cubic-bezier(.18,.48,.25,1), 3s opacity linear;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.edge_kale_img_1{
    background:url(img/kaleidoscope.png);
}
.edge_kale_img_2{
    background:url(img/kaleidoscope_2.png);
}
.edge_kale_img_3{
    background:url(img/kaleidoscope_3.png);
}
.edge_kale_img_4{
    background:url'(img/kaleidoscope_4.png');
}
.top_inter_wrap_2,
.top_inter_wrap{
-webkit-transition: 1s;
-o-transition: 1s;
transition: 1s;
position: absolute;
left: 0;
top: 130vh;
width: 100vw;
height: 40vh;
pointer-events: none;
/* opacity: 0; */
overflow: visible !important;
width: 100%;
/*overflow-x: hidden;*/
/*overflow-x: hidden !important;*/
}
.top_inter_wrap_2{
    top: 100vh;
    overflow: visible;
}
@media (max-aspect-ratio: 1460/900) {
    .top_inter_wrap_2{
        top:119vh;
    }
}
@media (max-aspect-ratio: 1350/900) {
    .top_inter_wrap_2{
        top:118vh;
    }
}
@media (max-aspect-ratio: 1210/900) {
    .top_inter_wrap_2{
        top:117vh;
    }
}
@media (max-aspect-ratio: 1100/900) {
    .top_inter_wrap,.top_inter_wrap_2{
        display: none
    }
}
.top_inter {
    -webkit-transition: 1s cubic-bezier(0,.34,0,1.01);
    -o-transition: 1s cubic-bezier(0,.34,0,1.01);
    transition: 1s cubic-bezier(0,.34,0,1.01);
    width: 8.2vh !important;
    height: 8.2vh;
    background-image: url(img/inter/sun.png);
     /*background: red; */
    position: absolute;
    background-size: auto 100% !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
/*.top_inter_1 {
    left: 3;
}
.top_inter_2 {
    left: 8.2vw;
}
.top_inter_3 {
    left: 13.4vw;
}
.top_inter_4 {
    left: 18.6vw;
}
.top_inter_5 {
    left: 23.8vw;
}
.top_inter_6 {
    left: 29vw;
}
.top_inter_7 {
    left: 34.2vw;
}
.top_inter_8 {
    left: 39.4vw;
}
.top_inter_9 {
    left: 44.6vw;
}
.top_inter_10 {
    left: 49.8vw;
}
.top_inter_11 {
    left: 55vw;
}
.top_inter_12 {
    left: 60.2vw;
}
.top_inter_13 {
    left: 65.4vw;
}
.top_inter_14 {
    left: 70.6vw;
}
.top_inter_15 {
    left: 75.8vw;
}
.top_inter_16 {
    left:81vw;
}
.top_inter_17 {
    left: 86.2vw;
}
.top_inter_18 {
    left: 96.6vw;
}*/
.top_inter_topline{
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
}










.inter_corners{
    background-image: url(img/inter/corn.png);
    width: 5.8vw !important;
    -webkit-transform:translateX(-0.85vw);
        -ms-transform:translateX(-0.85vw);
            transform:translateX(-0.85vw);
    -webkit-transform-origin: right;
        -ms-transform-origin: right;
            transform-origin: right;
    z-index: 1 !important;
}
.inter_clocks{
    background-size: 100% !important;
    background-image: url(img/inter/clocks.png);
    z-index: 10;
}
.inter_kaleidoscope{
    background-size: 80% !important;
    background-image: url(img/inter/kale.png);
    z-index: 10;
}
.inter_sundries{
    background-image: url(img/inter/sun.png);
    z-index: 10;
    background-size: 80% !important;
}
.inter_polyhedrons{
    transition: 2s cubic-bezier(0,.34,0,1.01);
    background-position: left !important;
    background-image: url(img/inter/poly.png);
    z-index: 10;
    background-size: 60% !important;
}
.inter_plants{
    background-image: url(img/inter/plants.png);
    z-index: 10;
    background-position: left !important;
}
.big_inter.inter_sundries{
    background-image: url(img/inter/big_sun.png);
}
.big_inter.inter_polyhedrons{
    background-image: url(img/inter/big_poly.png);
}
.big_inter_0_2.inter_polyhedrons,
.inter_polyhedrons.big_inter_1_3,
.big_inter.inter_polyhedrons_2{
    background-image: url(img/inter/big_poly_2.png);
}
.big_inter.inter_clocks{
    background-image: url(img/inter/big_clocks.png);
}
.list {
    float: left;
    font-size: 1.7vh;
    line-height: 1.3;
    height: auto;
}
.inter_counter_1.inter_clocks:hover{
    -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
            transform: rotate(360deg);
}
.inter_counter_1.inter_sundries:hover{
    -webkit-transform: scale(1.2) !important;
        -ms-transform: scale(1.2) !important;
            transform: scale(1.2) !important;
}
.inter_counter_1.inter_plants:hover{
/*    -webkit-transform: translateX(40%);
        -ms-transform: translateX(40%);
            transform: translateX(40%);*/
}
.inter_counter_1.inter_polyhedrons:hover{
    background-position: 40% !important;
}
.inter_counter_1.inter_kaleidoscope:hover{
    -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
            transform: rotate(360deg);
}

.inter_counter_1.inter_corners:hover{
    /*-webkit-transform: scale(0.95);*/
        /*-ms-transform: scale(0.95);*/
            /*transform: scale(0.95);*/
}
* {
    font-family: 'Grotesk-Remix-Reg', j-Med, sans-serif;
    font-weight: normal;
    font-style: normal;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0;
    padding: 0;
    word-break: keep-all;
}
.schedule_wrap * {
    font-family: 'Grotesk-Remix-mid', j-ExtraBold, sans-serif !important
}
.big_inter{
    position: absolute;
    background-size: 100% !important;
    z-index: 1000000000 !important;
}
@media (max-aspect-ratio: 1460/900) {
.big_inter_0_4{
    background-position: top !important;
    top: 425vh !important;
}
}
.big_inter_1_2,
.big_inter_1_1{
    left: auto !important;
    right: 0;
}
.big_inter_1_1{
    width: 21.2vw !important;
    height: 21.2vw !important;
    margin-top: 5.3vw
}
.big_inter_1_1,
.big_inter_1_2{
    background-position-x: 25vw !important;
}
.big_inter_1_2{
    width: 18.3vw !important;
    height: 18.3vw !important;
    margin-top: 5.3vw;
}
.big_inter_1_3{
    background-position-y: -30vw !important;
}
.big_inter_1_5{
width: 21.2vw !important;
    margin-top: 30vw;
height: 21.2vw !important;
left: 65.4vw !important;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
background-position-y: -35vw !important;
}
.big_inter_1_3 {
    left: 0vw !important;
    height: 20.2vw !important;
    width: 20.2vw !important;
    margin-top: 1vw;
}

.big_inter_1_7,
.big_inter_1_6{
    right: 50vw !important;
    left: auto !important;
    margin-right: -2vw;
}
.big_inter_1_7{
    -webkit-transform: translateX(-100%) translateY(-100%);
        -ms-transform: translateX(-100%) translateY(-100%);
            transform: translateX(-100%) translateY(-100%);
    width: 20vh !important;
    height: 20vh !important;
}
.big_inter_1_6{
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
    width: 20vh !important;
    height: 20vh !important;
}
.big_inter_0_1{
    left: auto !important;
    right: 0 !important;
    width: 21.2vw !important;
    height: 21.2vw !important;
    background-position-x: 25vw !important
}
.big_inter_0_2{

    width: 18.5vw !important;
    background-position-x: -25vw !important;
    background-position-y: 0vw !important; 
}
.big_inter_0_2.big_inter_am_2{
    -webkit-transform: translateY(37vw);
        -ms-transform: translateY(37vw);
            transform: translateY(37vw);
}
.big_inter_0_4 {
    width: 15.6vw !important;
    left: 18.6vw !important;
    height: 21.2vw;
    background-position-y:-25vw !important

}
@media (min-aspect-ratio: 1460/900) {
.big_inter_0_4{
    left: 0
}
}
.big_inter_0_3{
    width: 21.2vw !important;
    height: 21.2vw !important;
    background-position-x:-25vw !important;
    margin-top: 5.3vw;
}.big_inter_0_5{
    transform:translateY(-100%);
    right: 50vw;
    left: auto !important;
    margin-right: -2.5vw;
    background-position-y:-25vw !important;
    width: 20vh !important;
    height: 20vh !important;
}
.big_animate{
    pointer-events: none !important;
    background-position-x:0vw !important;
    background-position-y:0vw !important;
}
.big_inter.inter_polyhedrons{
    background-size: contain !important;
    background-position: right !important;
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left;
}
/*big_inter 
    transform: translateX(-200%);
    left: 51vw;

    transform: translateX(-100%);
    left: 51vw;

    right: 0;*/
/*--------------------------------------------------------------*/

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

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

.center {
    position: relative;
    z-index: 10;
    height: 100vh;
    width: 100%;
}




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

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

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


.info_wrap {
    padding-bottom: 5vh;
    margin-top: 2.5vh;
    margin-right: 2vw;
    margin-left: 3vw;
    position: relative;
    width: calc(100% - 6vw);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.info_wrap div {
    font-size: 1.5vh;
    text-align: left;
    line-height: 1.4;
    width: 100%;
    font-family: 'Grotesk-Remix-Reg', j-Med, sans-serif;
    position: relative;
}
.info_title *{
    font-family: 'Grotesk-Remix-Reg', j-Med, sans-serif
}

.info_title img:nth-child(1){
    -webkit-transform: scale(0.96);
        -ms-transform: scale(0.96);
            transform: scale(0.96);
}
.sns_image {
    margin-right: 0.5vh;
    width: 2.5vh;
    height: 2.5vh;
    /* margin-top: 0.5vh; */
    display: inline-block;
    margin-top: 0.2vh;
    transition: 0.2s;
}
.below_sns:hover,
.sns_image:hover{
    opacity: 0.5
}
.fb{
margin-left: 0.2vh;
    margin-right: 0.4vh;
    -webkit-transform: scale(0.96);
        -ms-transform: scale(0.96);
            transform: scale(0.96);
}
.ins{
    margin-right: 0.25vh;
}
.below_sns{
    margin-top: -1.35vh;
    transition: 0.2s;
}
/*--------------------------------------------------------------*/

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

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

.overlay_top{
    -webkit-transform: translateX(0.1vw);
        -ms-transform: translateX(0.1vw);
            transform: translateX(0.1vw);
    z-index: 0;
    position: absolute;
    width: 100%;
    height: 600vh;
    }
.overlay_top div,
.overlay_top span{
    letter-spacing: 0.1vh;
    font-size: 1.3vh;
    z-index: 1000;
    overflow: visible;
    width: auto;
    pointer-events: none;
    white-space: nowrap;
    font-family: 'Grotesk-Remix-Mid';
    height: auto;
    letter-spacing: 1px;
    float: left;
    display: inline-block;
}
.overlay_top div{
    position: absolute;
    display: block;
    width: 10vw;
}
.inv{
    opacity: 0
}

.grid_num span:nth-child(1){
    font-size: 1.3vh;
}
.grid_num span:nth-child(2){
    line-height: 1.1;
    font-size: 1.5vh;
}
.grid_num span:nth-child(3){
    font-size: 1.3vh;
}

.grid_num_1 span:nth-child(1){
    font-size: 1.3vh;
}
.grid_num_1 span:nth-child(2){
    line-height: 1.1;
    font-size: 1.5vh;
}
.grid_num_1 span:nth-child(3){
    font-size: 1.3vh;
    padding-left: 0.1vh;
}
.grid_num_1,
.kaleidoscope_list a,
.kaleidoscope_list_each_title,
.kaleidoscope_curator_title, 
.kaleidoscope_map_image_wrapper,
.sundries_map_image_etc_wrapper{
    left: 2.75vw
}
.polyhedrons_list a,
.polyhedrons_list_each_title,
.polyhedrons_curator_title,
.grid_num_2,
.polyhedrons_map_image_wrapper{
    left: 18.6vw
}
.clocks_list a,
.clocks_list_each_title,
.clocks_curator_title,
.grid_num_3,
.clocks_map_image_wrapper{
    left: 34.2vw
}
.corners_list a,
.corners_list_each_title,
.corners_curator_title,
.grid_num_4,
.corners_map_image_wrapper{
    left: 49.8vw
}
.sundries_list a,
.sundries_list_each_title,
.sundries_curator_title,
.grid_num_5,
.sundries_map_image_wrapper{
    left: 65.4vw
}
.plants_list a,
.plants_list_each_title,
.plants_curator_title,
.grid_num_6,
.plants_map_image_wrapper{
    left: 81vw
}
.plants_curator_title{
    /*position: absolute !important;*/
}

/*----center----------------------------------------------------*/

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

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

/*--------------------------------------------------------------*/
.bold{
    font-family: 'Grotesk-Remix-Reg', j-ExtraBold, sans-serif !important;
}
.text_whole {
    white-space: nowrap;
    top: 3.5vh;
    position: relative;
    width: calc(100vw - 40vh);
    cursor: pointer;
    -webkit-transition:  color 3s;
    -o-transition:  color 3s;
    transition: color  3s
}
.text_whole:hover{
    color: gray;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s
}
.text_whole_sub_wrap {
    font-family: 'Grotesk-Remix-Reg', j-Reg, sans-serif;
    position: relative;
    height: 44vh;
    width: 100%;
    /*padding-left: 12vh;*/
    /*padding-right: 12vh;*/
    text-align: center;
}
.text_whole_sub_wrap * {
    line-height: 0.6;
    font-family: 'Grotesk-Remix-Reg', j-Reg, sans-serif;
    display: inline;
}
.text_whole_sub_wrap .sm_number{
    font-family: 'Grotesk-Remix-Bold', j-Reg, sans-serif;
}
.typography_and_objects_en{
    /*padding-bottom: 2vh;*/
}
.bluebox{
    position: absolute;
    border: 0.4vh solid #0a0f96;
    left: 50vw;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 100000;
}
.bluebox_box {
    border-radius: 0% !important
}
.center>.bluebox{
    border-top: none;
    border-left: none;
    border-right: none;
}
.image_whole_wrap>.bluebox{
    border-top: none;
    border-left: none;
    border-right: none;
}
.bluebox_1{
    width: 36vh;
    height: 10vh;
    top: 7vh;
    margin-left: -21vh;
}
.bluebox_2{
    width: 19vh;
    height: 10vh;
    top: -1.5vh;
    margin-left: 25vh;
    border-radius: 50%;
}

.bluebox_3{
    width: 25vw;
    top: 40vh;
    margin-left: -71vh;
    -webkit-transform: rotate(13deg);
        -ms-transform: rotate(13deg);
            transform: rotate(13deg);
}

.bluebox_4{
    width: 25vw;
    top: 52vh;
    margin-left: -71vh;
    -webkit-transform: rotate(-13deg);
        -ms-transform: rotate(-13deg);
            transform: rotate(-13deg);
}
.bluebox_5{
    width: 25vw;
    top: 40vh;
    margin-left: 2.5vh;
    -webkit-transform: rotate(13deg);
        -ms-transform: rotate(13deg);
            transform: rotate(13deg);
}

.bluebox_6{
    width: 25vw;
    top: 52vh;
    margin-left: 2.5vh;
    -webkit-transform: rotate(-13deg);
        -ms-transform: rotate(-13deg);
            transform: rotate(-13deg);
}
.bluebox_7{
    margin-left: 0vw;
    width: 80vw;
    top: 39.7vh;
    z-index: 100000;
    -webkit-transition:1s cubic-bezier(0,.34,.07,1.01);
    -o-transition:1s cubic-bezier(0,.34,.07,1.01);
    transition:1s cubic-bezier(0,.34,.07,1.01);
}
.bluebox_7bfanimate_1{
    margin-left: -40vw;
}
.bluebox_7bfanimate_2{
    margin-left: -100vw;
}
.bluebox_7bfanimate_2-1{
    margin-left: 100vw;
}
.bluebox_7bfanimate_2-2{
    margin-left: -50vw;
}
.bluebox_8{
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    /* margin-left: calc(-50vw + 0.15vh); */
    width: 0vw;
    top: 39.7vh;
    border-bottom: 0;
    border-left: 0.4vh solid #0a0f96 !important;
    height: 80vw;
    top: 30vw;
    left: 0;
    -webkit-transition:1s cubic-bezier(0,.34,.07,1.01);
    -o-transition:1s cubic-bezier(0,.34,.07,1.01);
    transition:1s cubic-bezier(0,.34,.07,1.01);
}
.bluebox_8bfanimate_1{
    top: -30vw;
}
.bluebox_8bfanimate_2{
    top: -80vw;
}
.bluebox_9{
    width: 0vw;
    border-bottom: 0;
    border-left: 0.4vh solid #0a0f96 !important;
    height: 80vw;
    top: -80vw;
    left: auto;
    right: 0;
    -webkit-transition:1s cubic-bezier(0,.34,.07,1.01);
    -o-transition:1s cubic-bezier(0,.34,.07,1.01);
    transition:1s cubic-bezier(0,.34,.07,1.01);
}
.bluebox_9bfanimate_1{
    top: -65vw; 
}
.bluebox_9bfanimate_2{
    top: 30vw; 
}
.bluebox_9bfanimate_2{
    top: 30vw; 
}
.removeframe{
    transition: 0s !important
}
/*----center----------------------------------------------------*/

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

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

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

.schedule_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1px;
    width: 140vh;
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
.schedule_wrap>div:nth-child(1) {
    padding-right: 3.5vh;
    width: 50%;
}

.schedule_wrap>div:nth-child(2) {
    padding-left: 3.5vh;
    width: 50%;
}
.schedule {
    width: 100%;
    position: relative;
}
.schedule * {
    font-family: 'Grotesk-Remix-mid';
}
.schedule_kr_2 {
    padding-bottom: 1.5vh;
}
.schedule_en_2 {
    padding-bottom: 1.5vh;
}
.schedule div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    line-height: 1;
}


.schedule>div {
    padding-top: 0.6vh;
}
.middleslash{
    background-position: center;
    background-size: auto 100%;
    background-repeat: repeat-x;
    background-image: url(img/middleslash.png);
    width: 5vw;
}
/*----center----------------------------------------------------*/

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

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

/*--------------------------------------------------------------*/
.remote_wrap{
    font-family: 'Grotesk-Remix-Reg', j-Mid, sans-serif;
    font-size: 1.6vh;
    left: 1vw;
    z-index: 100000;
    position: absolute;
    line-height: 1.3;
}
#link_info{
    opacity: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1.4;
    padding-left: 2.7vw;
    font-size: 1.6vh;
    font-family: 'Grotesk-Remix-Reg', j-Med, sans-serif;
    position: fixed !important;
    z-index: 100000!important;
    background: rgb(246, 246, 246);
    width: auto;
    height: 3.3vh;
    bottom: 0;
    border-top: 2px solid #e5e5e5;
    transition: 0.3s;
    border-right: 2px solid #e5e5e5;
    padding-top: 0.1vh;
    padding-right: 0.2vh;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s}
.index{
    font-family: 'Grotesk-Remix-Reg', j-Mid, sans-serif;
    font-size: 1.6vh;
    /* width: 10px; */
    /* background: white; */
    left: 1vw;
    top: 14vh;
    z-index: 100000;
    position: absolute;
    line-height: 1.3;
}
.artdirector{
    display: block;
}
.index_s {
    font-family: 'Grotesk-Remix-Reg', j-Mid, sans-serif;
    font-size: 1.6vh;
    left: 1vw;
    bottom: 0vh;
    z-index: 100000;
    position: absolute;
    line-height: 1.3;
}
.remote_wrap div {
    font-family: 'Grotesk-Remix-Mid', j-Med, sans-serif;
    display: block;
}
.index div {
    font-family: 'Grotesk-Remix-Mid', j-Med, sans-serif;
    display: block;
}
.index_wrap {
    z-index: 10;
    font-family: 'Grotesk-Remix-Reg', j-Reg, sans-serif;
    width: 100%;
    position: relative;
    word-break: keep-all;
    font-size: 1.9vh;
    text-align: left;
    line-height: 1.5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 4vh;
    padding-top: 0.1vh
}

.index_wrap div{
    padding-top: 0.1vh;
    font-family: 'Grotesk-Remix-Reg', j-Med, sans-serif;
}
.index_wrap span{
    font-family: 'Grotesk-Remix-Reg', j-Med, sans-serif;
}
.index_wrap .kr {
    padding-right: 2vw;
    margin-left: 2.75vw;
}
.index_wrap .en {
    padding-right: 2.5vw;
    margin-left: 2vw;
}

.index_wrap>div {
    width: 50%
}
.close{
    position: fixed;
    width: 4vh !important;
    height: 4vh;
    top: 0;
    left: calc(100% - 7.5vh);
    background-image: url(img/x.svg);
    margin: 0.5vh;
    background-size: cover;
    z-index: 100000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000;
    cursor: pointer;
}
/*----center----------------------------------------------------*/

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

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

/*--------------------------------------------------------------*/
#iframe_1{
    top: 50%;
    position: absolute;
    transform: translateY(-100%);}
#iframe_2{
    top: 50%;
    position: absolute;
    transform: translateY(-0%);}
.image_whole {
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: top;
    position: absolute;
}
.image_whole img {
    position: absolute;
}


.kaleidoscope_image_whole {
    width: 34vh;
    height: 17vh;
    left: calc(50vw - 70vh);
    top: 3vh;
    padding-top: 10vh;
    background-size: contain;
    background-repeat: no-repeat;
}
.kaleidoscope_image_whole>.img{
    position: absolute;
    background-color: #fc3500;
    -webkit-transition: top 1s, -webkit-transform 1s;
    transition: top 1s, -webkit-transform 1s;
    -o-transition: top 1s, transform 1s;
    transition: top 1s, transform 1s;
    transition: top 1s, transform 1s, -webkit-transform 1s;
}
.kaleidoscope_image_whole>.img_1{
    left: 17vh;
    position: absolute;
    -webkit-transform: rotate(105deg);
        -ms-transform: rotate(105deg);
            transform: rotate(105deg);
    height: 17vh;
    width: 17vh;
   clip-path: polygon(36.6%0%,13.4%13.4%,0%36.6%,0%63.4%,13.4%86.6%,36.6%100%,63.4%100%,86.6%86.6%,100%63.4%,100%36.6%,86.6%13.4%,63.4%0);
    -webkit-clip-path: polygon(36.6%0%,13.4%13.4%,0%36.6%,0%63.4%,13.4%86.6%,36.6%100%,63.4%100%,86.6%86.6%,100%63.4%,100%36.6%,86.6%13.4%,63.4%0);
    top: 0;
    animation-delay: 0s;
  }
.kaleidoscope_image_whole>.img_2{
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    left: 11.5vh;
    top: 0.8vh;
    width: 15vh;
    height: 15vh;
    clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
    -webkit-clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
    animation-delay: 0.5s;
}
.kaleidoscope_image_whole>.img_3{
    width: 13vh;
    height: 13vh;
    top: 2vh;
    left: 5.5vh;
    /* transition: 0.6s; */
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    animation-delay: 1s;
}
.kaleidoscope_image_whole>.img_4{
    width: 2vh;
    /* transform: rotate(-90deg); */
    width: 5vh;
    width: 11vh;
    height: 11vh;
    left: 0vh;
    /* transition: 0.8s; */
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    animation-delay: 1.5s;
    top: 3vh;
}
.kaleidoscope_image_whole>.img>div:nth-child(1){
  height: 100%;
  width: 200%;
  left: 0;
  top: 0;
  background-size: contain;
    mix-blend-mode: color-burn;
    z-index: 10
}
.kale_image_ani_class{
    -webkit-animation: kale_ani 0.5s linear  infinite;
            animation: kale_ani 0.5s linear  infinite;
}

.kale_image_ani_class_2{
    -webkit-animation: kale_anib 1.8s cubic-bezier(0,.55,0,1)  infinite;
            animation: kale_anib 1.8s cubic-bezier(0,.55,0,1)  infinite;
}
.blue_1{
width: 10vw;
    height: 11vh;
    background: #0097cd;
    z-index: 1;
    transform: scale(1);
    margin-top: -26vh;
    position: absolute;
}
.blue_2{
    width: 10vw;
    height: 11vh;
    transform: rotate(14deg) translateX(-100%);
    background: #ffffff;
    z-index: 0;
    transform-origin: right;
    margin-top: -11vh;
    position: absolute;
    margin-left: 1vh;
}
.blue_3{
    width: 10vw;
    height: 15vh;
    transform: rotate(28deg) translateX(-100%);
    background: #131da5;
    z-index: 0;
    transform-origin: right;
    margin-top: -11vh;
    position: absolute;
    margin-left: 1vh;
}
.blue_4{

    width: 10vw;
    height: 11vh;
    transform: rotate(110deg) translateX(-220%);
    background: #0b0f9e;
    z-index: 0;
    margin-left: -31%;
    position: absolute;
    margin-top: -8%;
}
@keyframes kale_ani {
  0% {margin-left: 0%;}
  100% {margin-left: -100%;}
}
@-webkit-keyframes kale_ani {
  0% {margin-left: 0%;}
  100% {margin-left: -100%;}
}
@keyframes kale_anib {
  0% {transform:rotate(0deg)}
  30% {transform:rotate(250deg)}
  100% {transform:rotate(360deg)}
}
@-webkit-keyframes kale_anib {
  0% {transform:rotate(0deg)}
  30% {transform:rotate(250deg)}
  100% {transform:rotate(360deg)}
}
.kaleidoscope_image_whole>.img_1>div:nth-child(1){
  background-image: url('img/kale_4.png')
}
.kaleidoscope_image_whole>.img_2>div:nth-child(1){
  background-image: url('img/kale_3.png')
}
.kaleidoscope_image_whole>.img_3>div:nth-child(1){
  background-image: url('img/kale_2.png')
}


/*----center----------------------------------------------------*/

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

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

.clocks_image_ani_class{
    -webkit-animation: clocks_ani 30s steps(60, end)  infinite;
            animation: clocks_ani 30s steps(60, end)  infinite;
}
.clocks_image_ani_s_class{
    -webkit-animation: clocks_ani_s 2s linear forwards;
            animation: clocks_ani_s 2s linear forwards;
}
.clocks_image_s{
    opacity: 0.6;
}
@-webkit-keyframes clocks_ani {
  0% {-webkit-transform: rotate(0deg);transform: rotate(0deg)}
  100% {-webkit-transform: rotate(360deg);transform: rotate(360deg)}
}
@-webkit-keyframes clocks_ani_s {
  0% {-webkit-transform: translate(1.2vh, 1.2vh) scale(1.1);transform: translate(1.2vh, 1.2vh) scale(1.1);
    opacity: 0.6}
  100% {-webkit-transform: translate(2.4vh, 2.4vh) scale(1.1);transform: translate(2.4vh, 2.4vh) scale(1.1);
    opacity: 0.3}
}
/*--------------------------------------------------------------*/


/*--------------------------------------------------------------*/
.corners_image_whole {
    top: 5.5vh;
    background-image: url(img/corners.png);
    width: 26vh;
    height: 16.5vh;
    left:calc(50vw + 20vh);
}

.corners_ani_1 {
    width: 100%;
    left: 0;
    height: 100%;
    background-image: url(img/corners_line.png);
    background-size: auto 100%;
    background-position: left;
    top: 0;
    position: absolute;
    z-index: 10
}
.corners_ani_2_inner {
    width: 100%;
    left: 0;
    height: 100%;
    background-image: url(img/corners_ani_2.png);
    background-size: 100% 100%;
    background-position: center;
    top: 0;
    position: absolute;
    -webkit-transform-origin: 73.5% 59.8%;
        -ms-transform-origin: 73.5% 59.8%;
            transform-origin: 73.5% 59.8%;
    -webkit-transform: scale(2);
        -ms-transform: scale(2);
            transform: scale(2);
}

.corners_ani_2 {
    width: 90%;
    left: 10%;
    top: 0%;
    height: 100%;
    position: absolute;
    overflow: hidden;
}
.corners_ani_3{

    -webkit-box-shadow: inset 0vh 0vh 12vh 0px black;

            box-shadow: inset 0vh 0vh 12vh 0px black;
    width: 90%;
    height: 100%;
    position: absolute;
    left: 10%;
    opacity: 0
}
.corners_image_ani_class{
    -webkit-animation: corners_ani_1 1s infinite;
            animation: corners_ani_1 1s infinite;
}
.corners_image_ani_class_3{
    -webkit-animation: corners_ani_3 1s infinite;
            animation: corners_ani_3 1s infinite;
}
@-webkit-keyframes corners_ani_1 {
  20% {-webkit-transform: scale(1.7);transform: scale(1.7);}
  40% {-webkit-transform: scale(1.5);transform: scale(1.5);}
  60% {-webkit-transform: scale(1);transform: scale(1);}
  100% {-webkit-transform: scale(2);transform: scale(2);}
}
@-webkit-keyframes corners_ani_3 {
  20% {opacity: 0;}
  40% {opacity: 0.2;}
  60% {opacity: 0.4;}
  100% {opacity:0;}
}
/*----center----------------------------------------------------*/

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

.sundries_image_ani{
    -webkit-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
    z-index:1000;
    position: absolute;
    background-size: 102%;
    display: block;
    width: 100%;
    height: 100%;
}
.sundries_image_ani_class{
    -webkit-animation: sundries_ani 0.8s cubic-bezier(0,0,.21,1) infinite;
            animation: sundries_ani 0.8s cubic-bezier(0,0,.21,1) infinite;
}
.sundries_image_ani_1{
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
    background-image: url('img/sundries1.png');
}
.sundries_image_ani_2{
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
    background-image: url('img/sundries2.png');
}
.sundries_image_ani_3{
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
    background-image: url('img/sundries3.png');
}
.sundries_image_ani_4{
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
    background-image: url('img/sundries4.png');
}
.sundries_image_ani_5{
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
    background-image: url('img/sundries5.png');
}
.sundries_image_ani_6{
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
    background-image: url('img/sundries6.png');
}
.sundries_image_ani_7{
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
    background-image: url('img/sundries7.png');
}
.sundries_image_ani_s{
    -webkit-transform: translate(0.8vh, 0.3vh);
        -ms-transform: translate(0.8vh, 0.3vh);
            transform: translate(0.8vh, 0.3vh);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    position: absolute;
    background-size: 102%;
    display: block;
    width: 100%;
    opacity: 0.5;
    height: 100%;
}
.sundries_image_ani_s_class{
    -webkit-animation: sundries_ani_s 0.8s cubic-bezier(.85,-0.85,.36,1.01) infinite;
            animation: sundries_ani_s 0.8s cubic-bezier(.85,-0.85,.36,1.01) infinite;
}
.sundries_image_ani_1_s{
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
    background-image: url('img/sundries_s_2.png');
}
.sundries_image_ani_2_s{
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
    background-image: url('img/sundries_s_3.png');
}
.sundries_image_ani_3_s{
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
    background-image: url('img/sundries_s_4.png');
}
.sundries_image_ani_4_s{
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
    background-image: url('img/sundries_s_5.png');
    opacity: 0.4
}
.sundries_image_ani_5_s{
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
    background-image: url('img/sundries_s_6.png');
    opacity: 0.35
}
.sundries_image_ani_6_s{
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
    background-image: url('img/sundries_s_7.png');
    opacity: 0.3
}
.sundries_image_ani_7_s{
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
    background-image: url('img/sundries_s_8.png');
    opacity: 0.2
}
@-webkit-keyframes sundries_ani {
  0% {margin-top: -0vh;}
  5% {margin-top: 0.5vh;}
  20% {margin-top: -2vh;
  animation-timing-function: linear;}
  100% {margin-top: -0vh;}
}
@-webkit-keyframes sundries_ani_s {
  0% {opacity: 0.5;}
  20% {opacity:0.3;
  animation-timing-function: linear;}
  100% {opacity: 0.5;}
}
/*--------------------------------------------------------------*/

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

/*----center----------------------------------------------------*/

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

.poly_image_ani{
    transition: 2s;
    position: absolute;
    background-size: 100%;
    background-position: top;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 100%;
}
.poly_image_ani_0{
    background-image: url('img/poly_top/poly_top_1.png');
    opacity: 0.6;
}
.poly_image_ani_1{
    background-image: url('img/poly_top/poly_top_0.png');
}
.opacity_05{
    opacity: 0.7
}
.poly_image_ani_2{
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
    background-image: url('img/poly_top/poly_top_8.png');
}
.poly_image_ani_3{
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
    background-image: url('img/poly_top/poly_top_7.png');
}
.poly_image_ani_4{
    -webkit-animation-delay: 0.6s;
            animation-delay: 0.6s;
    background-image: url('img/poly_top/poly_top_6.png');
}
.poly_image_ani_5{
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
    background-image: url('img/poly_top/poly_top_5.png');
}
.poly_image_ani_6{
  -webkit-animation-delay: 1.0s;
          animation-delay: 1.0s;
    background-image: url('img/poly_top/poly_top_4.png');
}
.poly_image_ani_7{
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
    background-image: url('img/poly_top/poly_top_3.png');
}
.poly_image_ani_8{
    -webkit-animation-delay: 1.4s;
            animation-delay: 1.4s;
    background-image: url('img/poly_top/poly_top_2.png');
}
.goup{
    transform: translateY(-0.5vh);
}
.poly_image_ani_class{
    -webkit-animation-name: poly_ani; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: cubic-bezier(0,.34,0,1.01);
            animation-timing-function: cubic-bezier(0,.34,0,1.01);
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
}
.poly_image_ani_class_2{
    -webkit-animation-name: poly_ani_2; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: cubic-bezier(0,.34,0,1.01);
            animation-timing-function: cubic-bezier(0,.34,0,1.01);
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
}
@-webkit-keyframes poly_ani {
  0% {margin-top: 0vh;}
  /*20% {margin-top: -3vh;}*/
  40% {margin-top:  -2vh;}
  /*60% {margin-top: 0vh;}*/
  100% {margin-top: 0vh;}
}
@-webkit-keyframes poly_ani_2 {
  0% {-webkit-transform: translate(0vh, 0vh);transform: translate(0vh, 0vh);
    opacity: 0.6}
  100% {-webkit-transform: translate(1.2vh, 1.2vh);transform: translate(1.2vh, 1.2vh);
    opacity: 0.3}
}




.kaleidoscope_image_whole .sm_number{
    top: 0;
    left: 0;
    width: 1.7vw;
}
.polyhedrons_image_whole {
    width: 35vh;
    height: 37vh;
    left: calc(50vw - 41vh);
    top: 2vh;
    z-index: 100;
}
.polyhedrons_image_whole .sm_number{
    right: 3vh;
    top: 1vh;
}
.poly_shadow_0 {
    opacity: 0
}


.poly_shadow_50 {
    opacity: 0.5
}


.poly_shadow_100 {
    opacity: 1
}
.polyhedrons_image_sub_1_d {
    -webkit-transform: translateX(25vw) translateY(10vw);
        -ms-transform: translateX(25vw) translateY(10vw);
            transform: translateX(25vw) translateY(10vw);
    background-image: url(img/dot-01.png);
    background-size: 1vh;
    background-repeat: repeat;
}


.clocks_image_whole {
    top: 2.5vh;
    left: calc(50vw - 4vh);
    width: 21vh;
    height: 21vh;
}
.clocks_image_ani {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(img/clocks.png);
    background-size: contain;
    -webkit-transform-origin: center !important;
        -ms-transform-origin: center !important;
            transform-origin: center !important;
    z-index: 1;
    background-repeat: no-repeat;
}
.clocks_image_s{
    -webkit-transform: translate(1.2vh, 1.2vh) scale(1.1);
        -ms-transform: translate(1.2vh, 1.2vh) scale(1.1);
            transform: translate(1.2vh, 1.2vh) scale(1.1);
    width: 100%;
    height: 100%;
    background-image: url(img/clocks_s.png);
    background-size: contain;
    -webkit-transform-origin: center !important;
        -ms-transform-origin: center !important;
            transform-origin: center !important;
    z-index: 0;
    background-repeat: no-repeat;
}


/*----center----------------------------------------------------*/

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

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


/*----center----------------------------------------------------*/

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

.plants_tile_image{
    position: absolute;
    width: 120px;
    height: 180px;
    clip-path: url(#svgPath);
    -webkit-clip-path: url(#svgPath);
    top: 0;
    left: 0;
    background-color: black
}
.plants_ani_1{
    width: 800%;
    height: 100%;
    position: absolute;
    left: 0;
    top:0;
    background-image: url(img/plants_ani_1.png);
    background-size: 25% 100%;
}
.plants_ani_black{
    width: 100%;
    height: 100%;
    background: radial-gradient(transparent 40%,black);
    z-index: 10000000;
    position: absolute;
    opacity: 0;
}
.plants_image_ani_class{
    -webkit-animation: plants_ani_1 2s infinite;
            animation: plants_ani_1 2s infinite;
}
.plants_image_ani_class_2{
    -webkit-animation: plants_ani_2 2s infinite;
            animation: plants_ani_2 2s infinite;
}
@-webkit-keyframes plants_ani_1 {
  from {left: 0;}
  to {left: -700%;}
}
@-webkit-keyframes plants_ani_2 {
  from {opacity: 0;}
  to {opacity: 0.5;}
}
/*--------------------------------------------------------------*/

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

.sundries_image_whole {
    position: absolute;
    left: calc(50vw + -7vh);
    width: 56.5vh;
    height: 12vh;
    /* background-image: url(img/sundries.png); */
    bottom: 1vh;
}

.plants_image_whole_number,
.plants_image_whole {
    overflow: hidden;
    width: 18.5vh;
    height: 27vh;
    left: calc(50vw + 50vh);
    top: 4vh;
    clip-path: url(#svgPath);
    -webkit-clip-path: url(#svgPath);
    background-size: contain;
}
.plants_image_whole_number{
    background: none;
    clip-path: none;
    -webkit-clip-path: none;
    top: 2.5vh;
}
.kaleidoscope_text_whole .sm_number,
.kaleidoscope_image_whole .sm_number{
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(img/digits/1.png);
}
.polyhedrons_text_whole .sm_number,
.polyhedrons_image_whole .sm_number{
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(img/digits/2.png);
}
.clocks_text_whole .sm_number,
.clocks_image_whole .sm_number{
    right: -2vh;
    top: 0;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(img/digits/3.png);
}
.corners_text_whole .sm_number,
.corners_image_whole .sm_number{
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(img/digits/4.png);
    top: -3vh;
    right: -3vh;
}
.sundries_text_whole .sm_number,
.sundries_image_whole .sm_number{
    top: -3vh;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(img/digits/5.png);
}
.plants_text_whole .sm_number,
.plants_image_whole_number .sm_number{
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(img/digits/6.png);
}
/*--------------------------------------------------------------*/

/*-------map----------------------------------------------------*/

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

.image_whole_wrap {
    background: #e6e6e6;
    z-index: 10;
    left: 50%;
    height: 40vh;
    width: 100%;
    position: relative;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    background-size: cover;
    overflow: hidden;
    transition: background 1.5s ease-out;

    box-shadow: inset 0vh 0vh 13vh #0000000d;
}
.image_whole_hover{
    background:#bababa
}
.elem_image a {
    -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
            transform-origin: left top;
    float: left;
    width: 2.5vh;
    height: 2.5vh;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.plants_elem_image a,{
    width: 5.3vh;
    height: 8vh;
}
.img_overlay_top{
    position: absolute !important;
    width: 50vw !important;
    height: 5vh !important;
    background: #177d9a;
    left: 3vw;
    mix-blend-mode: color-burn;
    z-index: 50!important
}
.img_overlay_bottom{
    position: absolute !important;
    width: 50vw !important;
    height: 10vh !important;
    background: white;
    left: 3vw;
    mix-blend-mode: hue;
    z-index: 0!important;
}
.img_overlay_bottom_1,
.img_overlay_top_1{
    width: 50vw !important;
    left: 0;
    height: 5vh !important;
    margin-top: 15vh
}
.img_overlay_bottom_2,
.img_overlay_top_2{
    width: 50vw;
    left: 34.2vw;
    height: 5vh !important;
    margin-top:0vh
}
.img_overlay_bottom_3,
.img_overlay_top_3{
    width: 62.4vw !important;
    left: 64.1vh;
    margin-top: 0;
    height: 15vh !important;
}
.img_overlay_bottom_4,
.img_overlay_top_4{
    width: 3vw;
    margin-top: 10vh;
    left: 97vw;
    height: 10vh;
}
.img_overlay_bottom_5,
.img_overlay_top_5{
    width: 50vw !important;
    left: 63.8vw;
    margin-top: 120vh;
    height: 10vh !important;
}
.img_overlay_bottom_6,
.img_overlay_top_6{
    width: 57vw !important;
    margin-top: 86vh;
    height: 11vh !important;
    left: 24vw
}
.img_overlay_bottom_7,
.img_overlay_top_7{
      width: 50vw !important;
    margin-top: 55vh;
    height: 5vh !important;
    left: 0vw;
}
.img_overlay_bottom_8,
.img_overlay_top_8{
    width: 50vw !important;
    margin-top: 200vh;
    left: 50vw;
    height: 8vh !important;
}
.img_overlay_bottom_9,
.img_overlay_top_9{
    width: 50vw !important;
    margin-top: 180vh;
    height:10vh !important;
    left:50vw
}
.img_overlay_bottom_10,
.img_overlay_top_10{
    width: 50vw !important;
    margin-top: 355vh;
    height: 10vh !important
}
/*.img_overlay_bottom_11,
.img_overlay_top_11{
    width: 50vw !important;
    margin-top: 355vh;
    height: 10vh !important
}
.img_overlay_bottom_12,
.img_overlay_top_12{
    width: 50vw !important;
    margin-top: 355vh;
    height: 10vh !important
}
.img_overlay_bottom_13,
.img_overlay_top_13{
    width: 50vw !important;
    margin-top: 355vh;
    height: 10vh !important
}*/
.img_overlay_bottom_14,
.img_overlay_top_14{
    width: 50vw !important;
    margin-top: 355vh;
    height: 10vh !important
}
.img_overlay_bottom_15,
.img_overlay_top_15{
    width: 50vw !important;
    margin-top: 355vh;
    height: 10vh !important
}
.img_overlay_bottom_16,
.img_overlay_top_16{
    width: 3vw !important;
    margin-top: 355vh;
    height: 50vh !important;
    right: 0;
    left: auto;
}
.img_overlay_bottom_17,
.img_overlay_top_17{
    width: 50vw !important;
    margin-top: 305vh;
    height: 5vh !important;
}
.img_overlay_bottom_18,
.img_overlay_top_18{
    width: 5vw !important;
    margin-top: 305vh;
    height: 150vh !important;
    left: 50vw;
}
.img_overlay_bottom_19,
.img_overlay_top_19{
    width: 5vw !important;
    margin-top: 185vh;
    height: 150vh !important;
    left: 5vw;
}
.img_overlay_bottom_10,
.img_overlay_top_10{
    width: 50vw !important;
    margin-top: 355vh;
    height: 10vh !important
}


/*--------list--------------------------------------------------

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

/*--------------------------------------------------------------*/
.list_wrap {
    z-index: 10;
    height: auto;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.list_wrap>div>div>span:nth-child(1){
    /*width: 7.8vw;*/
    display: inline-block;
}
.list_title>div {
    position: relative;
    text-transform: capitalize !important;
    font-family: 'Grotesk-Remix-Reg', j-Med, sans-serif;
    left: 0;
    line-height: 1.3;
    width: 100%;
    right: 1vh;
    display: inline-block;
    float: left;
}
.list_title>div:nth-child(2) {
    left: 2vw
}
.list_title>div:nth-child(1)>span:nth-child(2){
    -webkit-transform: translateY(0.15vh);
        -ms-transform: translateY(0.15vh);
            transform: translateY(0.15vh);
    display: inline-block;
}
.list,
.text_list_title {
    width: 100vw;
    z-index: 100000000000000000;
    display: inline-block;
    position: relative;

    overflow: visible;
    z-index: 10;
    clear: both;
}
.list_title>div>span{
    font-family: 'Grotesk-Remix-Reg', j-ExtraBold, sans-serif;
}

.kaleidoscope_list_title>span:nth-child(2) {
    right: -0.6vh;
}
.kaleidoscope_list_title>div:nth-child(2)>span{
    left: -2vw !important
}
.polyhedrons_list_title>div:nth-child(2)>span{
    left: -2vw !important
}

.text_list_title:nth-child(2) {
    padding-top: 45vh;
    pointer-events: none;
    position: absolute;
}
.text_list_title:nth-child(3) {
    padding-top: 90vh;
    pointer-events: none;
    position: absolute;
}

.list a {
    background: linear-gradient(to right, white 95%, rgba(255, 255, 255, 0));
    overflow: hidden;
    position: relative;
    color: black;
    display: block;
    margin-left: 2px;
}
.small_list{
    font-size: 1.1vh;
    display: block;

}
.sundries_list_each_title_2_wrapper{
    display: inline-block;
    width: 100%;
    height: 117vh;
    position: relative;
}
.curator_title{
    font-size: 1.7vh;
    background: white;
    width: 15.66vw;
    position: relative;
    /*font-family: 'Grotesk-Remix-Mid', j-Bold, sans-serif;*/
}
.curator_title>div:nth-child(1){
    /*color: #0a0f96;*/
    font-family: 'Grotesk-Remix-Mid', j-ExtraBold, sans-serif;
}
.curator_title>div:nth-child(1) *{
    font-family: 'Grotesk-Remix-Mid', j-ExtraBold, sans-serif;
}
.curator_title div,
.list a {
    width: calc(15.66vw);
}
.plants_list a{
    background: white;
    width: calc(15.66vw);
}
.list_each_title {
    background: linear-gradient(to right, white 95%, rgba(255, 255, 255, 0));
    width: 15.66vw;
    margin-left: 2px;
    font-family: 'Grotesk-Remix-Mid', j-ExtraBold, sans-serif;
    /*color: #0a0f96;*/
}

.list_each_title * {
    font-family: 'Grotesk-Remix-Mid', j-ExtraBold, sans-serif !important;
    z-index: 100000000000000000;
    display: inline-block;
}
.list * {
    /*color: #0a0f96;*/
    font-family: 'Grotesk-Remix-Reg', j-Med;
}


.elem_talk,
.elem_name,
.elem_title  {
    display: inline-block;
    width: calc(50% - 1vh);
}

.elem_name {
    text-indent: -1vh;
    padding-right: 1vh;
    left: 9.5vw !important;
    display: inline-block;
    float: left;
    line-height: 1.4;
    margin-left: 1vh;
}
.elem_title {
    padding-right: 1vh;
    left: 9.5vw !important;
    display: inline-block;
    float: left;
    /*padding-top: 0.5vh;*/
    line-height: 1.4;
}

.elem_talk {
    z-index: 1000;
    position: absolute;
    left: -12.5vw;
    width: 12.5vw;
}
.artdirector,
.curator,
.list a{
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s
}
.artdirector:hover,
.curator:hover,
.list a:hover {
    cursor: pointer;
    background:  #e6e6e6
}
.plants_curator_title:hover{
    cursor: pointer;
    background:  #e6e6e6
}
.jgms:hover > a{
    cursor: pointer;
    background:  #fc4f00
}
.jjs:hover > a{
    cursor: pointer;
    background:  #008ec1
}
.post_artwork .number{
    letter-spacing: 0.17vh;
    font-family: 'Grotesk-Remix-Mid', j-Med, sans-serif;
    transform: scale(0.8);
    display: inline-block;
}
.list_whole_title_wrap,
.list_each_title_wrap {
    padding-left: 10%;
    z-index: 100;
    width: 100%;
    position: fixed;
}

.talk>div>div:nth-child(1),
.talk>div>div:nth-child(2){   
    color: #0a0f96;
}

.typojanchi_list_title {
    width: 100%
}
.list_title {
    text-align: center;
    z-index: 10;
    width: 100%;
    float: left;
    font-size: 1.7vh;
    line-height: 1.5;
    text-align: left;
    position: relative;
    height: auto;
    margin-right: 100vw;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.list_title_wrapper{
    overflow: hidden;
    padding-left: 3vw;
    padding-right: 3vw;
    width: 100%;
}
.list_title * {
    font-family: 'Grotesk-Remix-reg', j-Med, sans-serif;
}
.plants_list_title>div{
    float: right;
}
.list_title_curator {
    background-size: contain;
    background-repeat: repeat-x;
    line-height: 1.4 !important;
}
/*--------list--------------------------------------------------

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

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

.curator_post,
.artdirector_post,
.post_artwork,
.post,
.close{
-o-transition: opacity .2s linear;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
    opacity: 0
}
.opacity_1{
-o-transition: opacity .2s linear;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
    opacity: 1
}


.curator_post,
.artdirector_post,
.post_artwork,
.post {
    padding: 0.5vw;
    font-size: 1.9vh;
    height: 100vh;
    line-height: 1.5;
    top: 0;
    display: none;
    z-index: 1000000!important;
    position: fixed;
    width: 100%;
    left: 0vw;
    top: 0vh;
    background: white;
    overflow-y: auto;
    overflow-x: hidden;
}
.dis_wrapper{
    z-index: 1000000;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    width: 100% !important;
    height: auto;
    position: fixed !important;
    bottom: 0 !important;
    top: auto ! important;
    background: white;
    padding-bottom: 0.5vw;
    padding-top: 0.5vw;
    border-top: 2px solid #e5e5e5;
}
.post_artwork .dis_wrapper>div>div{
    white-space: nowrap;
}
.post_artwork .dis_wrapper>div>div>span{
    display: inline-block;
}
.post_artwork .dis_wrapper>div>div>span:nth-child(1){
    min-width: 2vw
}
.post_artwork .dis_wrapper>div>div>span:nth-child(2){
    min-width: 8.1vw
}
.post_artwork .dis_wrapper>div>div>span:nth-child(3){
    min-width: 16.1vw
}
.post_artwork .dis_wrapper>div>div>span:nth-child(4){
    min-width: 16vw
}
.list_post_img{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
.list_post_img>div{
    width: 100%;
    display: inline-block;
}
.list_post_img>div>div{
    font-size: 1.4vh;
    letter-spacing: 0.15vh;
    font-family: 'Grotesk-Remix-Mid', j-Med, sans-serif;
    padding-bottom: 1.6vh;
}
.list_post_img>div>img{
    width: 100%;
}
.dis_wrapper>div{
    width: 100%
}
.post_artwork{
    line-height: 1.4;
    font-size: 1.7vh;
}
.post_artwork>div{
    width: 100%
}
.post_artwork>div>div:last-child {
    /*border-bottom: 1px solid black;*/
}
.column6{
    border-bottom: 0px solid black !important;
}
.img_wrapper{
    height: 100%;
    background: rgb(230, 230, 230);
    -webkit-transition: 0.5s ease-out;
    -o-transition: 0.5s ease-out;
    transition: 0.5s ease-out
}
.img_wrapper>div{
    height: 50vw;
    top: calc(50vh - 25vw);
    margin-bottom: 20vh;
    /* transform: scale(0.9); */
    position: relative;
    display: inline-block;
    width: calc(50vw - 1vw);
    background-size: contain !important;
    float: left;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
.no_image{
    height: auto !important;
    width: 100% !important;
    text-align: center;
    font-size: 1.8vh;
    top: 50.5% !important;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    display: block;}
.post>div{
    width: 25%;
    display: inline-block;
    padding-left: 1vw;
    float: left;
    padding-right: 1vw;
}
.post_img{
background: #e6e6e6;
    right: 0.5vw;
    position: fixed;
    overflow: hidden;
    float: left !important;
    display: inline-block !important;
    width: calc(50% - 1vw) !important;
    height: calc(100vh - 1vw);
    padding-left: 0 !important;
    z-index: 0;
}
.img_button{
    top: 50%;
    position: absolute;
    width: 4vh;
    height: 4vh;
    /*background: #ffffff;*/
    margin-left: 0.5vh;
    border-radius: 50%;
    background-image: url(img/arrow.svg);
    background-size: 100%;
    background-position: -29%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    /*mix-blend-mode: difference;*/
}
.img_button:hover{
    cursor: pointer;
}
.img_button_right{
    right: 0;
    margin-right: 0.5vh;
    left: auto;
    -webkit-transform: translateY(-50%) scale(-1) translateX(1.5vh);
    -ms-transform: translateY(-50%) scale(-1) translateX(1.5vh);
    transform: translateY(-50%) scale(-1);
}
.artdirector_post>div{
    width: 46vw;
    float: left;
    display: inline-block;
}
.artdirector_post>div:nth-child(2){
    float: right;
}
.curator_post>div{
    width: 50%;
    display: inline-block;
    padding-left: 1vw;
    float: left;
}
.post_title, 
.post_artist,
.post_country{
}
.list_post_img{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: auto;
    padding-bottom: 40vh
}
.curator{
    padding-left: 0.1vw;
    margin-left: -0.1vw;
    padding-top: 0.1vw;
    margin-top: -0.1vw;}

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

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


.talk{
    width: 96vw;
    margin-left: 3vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 10vh;
    padding-top: 10vh;
}
.talk>div{
    display: block;
    width: 47vw;
    /*height: 9.6vh;*/
}
.talk>div:nth-child(1){
    height : auto
}
.talk>div>div{
    width: 100%;
    font-size: 1.7vh
}
/*--------------------------------------------------------------*/



.inter_line_wrapper{
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100vw;
    /* height: 10vh; */
    position: absolute;
    left: 0;
}
.inter_line_wrapper img{
    /*width: 5vw;*/
}
.noblend{
    mix-blend-mode: normal !important
}
/*--------------------------------------------------------------*/

/*--------------------------------------------------------------*/
.credit {
    padding-left: 3vw;
    font-family: 'Grotesk-Remix-reg', j-Med, sans-serif;
    width: 100%;
    z-index: 10;
    position: relative;
    font-size: 2.5vh;
    line-height: 1.6;
    padding-right: 3vw;
    padding-bottom: 5vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.credit * {
    font-family: 'Grotesk-Remix-reg', j-Med, sans-serif;
}
.credit div {
    vertical-align: top;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.4vh;
    line-height: 1.4;
    font-family: 'Grotesk-Remix-reg', j-Med, sans-serif;
    height: 100%;
    position: relative;
}
.credit>div{
    display: block;
    width: 100%;
}

#blinking{
    z-index: 100000000000000000000;
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100%;
    background: white
}
#blinking div{
    width: 20vw;
    height: 20vw;
    top: 50vh;
    left: 50vw;
    -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    position: absolute;
    background: red;
  animation: blink-animation 2s infinite;
  -webkit-animation: blink-animation 2s infinite;
}
.hidden{
    overflow: hidden;
}
@keyframes blink-animation {
  0% {
    opacity: 1
  }
  50% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
@-webkit-keyframes blink-animation {
  0% {
    opacity: 1
  }
  50% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}

.ztop{
    z-index: 100000000000000000000;
}
.grid_wrap_1>div:nth-child(1){
    display: none !important;
}
.rollup{
    position: absolute;
    z-index: 10;
    width: 33vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: none;
    line-height: 1.4;
    padding: 10px;
}
.rollup>div{
    width: 100%
}
.rollup>div>div:nth-child(1),
.rollup>div>div:nth-child(2),
.rollup>div>div:nth-child(4){
}
.center .multi_en{
    -webkit-transform: translateY(8.6%) !important;
        -ms-transform: translateY(8.6%) !important;
            transform: translateY(8.6%) !important;
    display: inline-block;
}
.list_wrap .multi_en,
.topbar .multi_en,
.index_wrap .multi_en,
.info_wrap .multi_en{
    -webkit-transform: translateY(5%) !important;
        -ms-transform: translateY(5%) !important;
            transform: translateY(5%) !important;
    display: inline-block;
}
.info_wrap .multi_en{
    letter-spacing: 0.05vh;
}
.talk .multi_en{
    -webkit-transform: translateY(6%) !important;
        -ms-transform: translateY(6%) !important;
            transform: translateY(6%) !important;
    display: inline-block;
}
.animate_out{
    opacity: 0 !important
}
/*@media (max-aspect-ratio: 1550/900) {
    
    .list,.list a,.curator_title {
        min-width: 23.5vw;
    }
}
    .text_whole_sub_wrap{
        padding: 0
    }*/
@media (max-aspect-ratio: 1460/900) {
.big_inter_1_2 {
    margin-top: 20vh;
}
    .inter_counter_1{
    width: 6.85vw !important;
    height: 6.85vw !important;
    }
    .inter_corners {
    width: 7.7vw !important;
    -webkit-transform: translateX(-0.85vw);
        -ms-transform: translateX(-0.85vw);
            transform: translateX(-0.85vw);
    }
    .list,.list a,.curator_title {
        min-width: 27vw;
    }

    .grid_num_1,
    .kaleidoscope_list a,
    .kaleidoscope_list_each_title,
    .kaleidoscope_curator_title, 
    .kaleidoscope_map_image_wrapper,
    .sundries_map_image_etc_wrapper{
        left: 2.75vw
    }
    .polyhedrons_list a,
    .polyhedrons_list_each_title,
    .polyhedrons_curator_title,
    .grid_num_2,
    .polyhedrons_map_image_wrapper{
        left: 16.75vw
    }
    .clocks_list a,
    .clocks_list_each_title,
    .clocks_curator_title,
    .grid_num_3,
    .clocks_map_image_wrapper{
        left: 29.75vw
    }
    .corners_list a,
    .corners_list_each_title,
    .corners_curator_title,
    .grid_num_4,
    .corners_map_image_wrapper{
        left: 43.25vw
    }
    .sundries_list a,
    .sundries_list_each_title,
    .sundries_curator_title,
    .grid_num_5,
    .sundries_map_image_wrapper{
        left: 56.75vw
    }
    .plants_list a,
    .plants_list_each_title,
    .plants_curator_title,
    .grid_num_6,
    .plants_map_image_wrapper{
        left: 70.25vw
    }
.kaleidoscope_image_whole {
    left: 2.5vw;



}
.polyhedrons_image_whole {
    left: 26vw;


}

.clocks_image_whole {
    left: auto;
    right: 28vw;

}
.corners_image_whole {
    left: auto;
    right: 5vw;

}
.sundries_image_whole {
    left: auto;
    right: 2.5vw;

}
.plants_image_whole_number,
.plants_image_whole {
    display: none;
}
.big_inter_1_5{

    width: 10.6vw !important;
    height: 10.6vw !important;
    -webkit-transform: translateX(-200%);
        -ms-transform: translateX(-200%);
            transform: translateX(-200%);
}
.big_inter_1_3{
    display: none;
}
@media (max-aspect-ratio: 1500/945) {
    .pos_y_76.pos_x_-1,
    .pos_y_76.pos_x_0,
    .pos_y_76.pos_x_1,
    .pos_y_76.pos_x_2,
    .pos_y_76.pos_x_3,
    .pos_y_76.pos_x_4,
    .pos_y_76.pos_x_5,
    .pos_y_76.pos_x_6,
    .pos_y_76.pos_x_7,
    .pos_y_76.pos_x_8,
    .pos_y_76.pos_x_9,
    .pos_y_76.pos_x_10,
    .pos_y_76.pos_x_11,
    .pos_y_76.pos_x_12,
    .pos_y_76.pos_x_13,,
    .pos_y_76.pos_x_14,
    .pos_y_76.pos_x_15,
    .pos_y_76.pos_x_16,
    .pos_y_76.pos_x_17,
    .pos_y_76.pos_x_18,
    .pos_y_76.pos_x_19,
    .pos_y_76.pos_x_20,
    .pos_y_75.pos_x_-1,
    .pos_y_75.pos_x_0,
    .pos_y_75.pos_x_1,
    .pos_y_75.pos_x_2,
    .pos_y_75.pos_x_3,
    .pos_y_75.pos_x_4,
    .pos_y_75.pos_x_5,
    .pos_y_75.pos_x_6,
    .pos_y_75.pos_x_7,
    .pos_y_75.pos_x_8,
    .pos_y_75.pos_x_9,
    .pos_y_75.pos_x_10,
    .pos_y_75.pos_x_11,
    .pos_y_75.pos_x_12,
    .pos_y_75.pos_x_13,,
    .pos_y_75.pos_x_14,
    .pos_y_75.pos_x_15,
    .pos_y_75.pos_x_16,
    .pos_y_75.pos_x_17,
    .pos_y_75.pos_x_18,
    .pos_y_75.pos_x_19,
    .pos_y_75.pos_x_20,

    .pos_y_74.pos_x_-1,
    .pos_y_74.pos_x_0,
    .pos_y_74.pos_x_1,
    .pos_y_74.pos_x_2,
    .pos_y_74.pos_x_3,
    .pos_y_74.pos_x_4,
    .pos_y_74.pos_x_5,
    .pos_y_74.pos_x_6,
    .pos_y_74.pos_x_7,
    .pos_y_74.pos_x_8,
    .pos_y_74.pos_x_9,
    .pos_y_74.pos_x_10,
    .pos_y_74.pos_x_11,
    .pos_y_74.pos_x_12,
    .pos_y_74.pos_x_13,,
    .pos_y_74.pos_x_14,
    .pos_y_74.pos_x_15,
    .pos_y_74.pos_x_16,
    .pos_y_74.pos_x_17,
    .pos_y_74.pos_x_18,
    .pos_y_74.pos_x_19,
    .pos_y_74.pos_x_20,

    .pos_y_69.pos_x_12,
    .pos_y_69.pos_x_13,,
    .pos_y_69.pos_x_14,
    .pos_y_69.pos_x_15,
    .pos_y_69.pos_x_16,
    .pos_y_69.pos_x_17,
    .pos_y_69.pos_x_18,
    .pos_y_69.pos_x_19,
    .pos_y_69.pos_x_20,

    .pos_y_68.pos_x_12,
    .pos_y_68.pos_x_13,,
    .pos_y_68.pos_x_14,
    .pos_y_68.pos_x_15,
    .pos_y_68.pos_x_16,
    .pos_y_68.pos_x_17,
    .pos_y_68.pos_x_18,
    .pos_y_68.pos_x_19,
    .pos_y_68.pos_x_20,

    .pos_y_67.pos_x_12,
    .pos_y_67.pos_x_13,,
    .pos_y_67.pos_x_14,
    .pos_y_67.pos_x_15,
    .pos_y_67.pos_x_16,
    .pos_y_67.pos_x_17,
    .pos_y_67.pos_x_18,
    .pos_y_67.pos_x_19,
    .pos_y_67.pos_x_20,

    .pos_x_6.pos_y_64,
    .pos_x_7.pos_y_64,
    .pos_x_8.pos_y_64,

    {
        display: none
    }
}
@media (max-aspect-ratio: 1300/900) {
    .bluebox_1{
        height: 7vw;
        top: 4.8vw;
    margin-left: -14.5vw;
    }
    .bluebox_2{
        width: 13vw;
        height: 7vw;
    margin-left: 17.3vw;
    }
    .bluebox_3{
    margin-left: -49vw;
    }
    .bluebox_4{
    margin-left: -49vw;
    top: calc(40vh + 8vw)
    }
    .bluebox_5{
    }
    .bluebox_6{
    top: calc(40vh + 8vw)
    }
    .text_whole_sub_wrap{
        font-size: 4.7vw;
    }
    .sm_number{
        font-size: 1.85vw
    }
    .schedule_wrap {
        width: 95vw;
    }

    .kaleidoscope_image_whole {
        display: none;
        left: 2.5vw;
    }
    .polyhedrons_image_whole {
        left: 2.5vw;
    }
    .clocks_image_whole {
        left: 35vw;
        right: auto;
    }
}
@media (max-aspect-ratio: 1060/900) {
.sm_number {
    width: 3vw;
    height: 3vw;
}
    .text_whole_sub_wrap{
        font-size: 5vw;
    }
    .sm_number{
        font-size: 1.96vw
    }
    .clocks_image_whole {
        left: auto;
        right: 31vw;
    }

}

@media (max-aspect-ratio: 900/900) {
                    .kaleidoscope_image_whole {
                        width: 34vw;
                        height: 17vw;
                    }
                    .polyhedrons_image_whole {
                        width: 36vw;
                        height: 36vw;
                    }
                    .clocks_image_whole {
                        width: 22vw;
                        height: 37vw;
                        right: 37vw;
                    }
                    .corners_image_whole {
                        width: 27vw;
                        height: 17vw;
                        right: 7vw
                    }
                    .sundries_image_whole {
                        width: 50vw;
                        height: 10vw;
                    }
                    .plants_image_whole {
                        width: 18vw;
                        height: 27vw;
                    }
                    .image_whole_wrap {
                        height: 40vw;
                    }   
    .bluebox_9,.bluebox_8,.bluebox_7 {
        display: none;
    }
}
@media (max-aspect-ratio: 760/900) {
.center {
height: auto;
}.text_whole_wrap {
height:auto;
}
.text_whole_sub_wrap{
    height: auto;
}
    .text_whole_sub_wrap{
        font-size: 5.8vw
    }
    .sm_number{
        font-size: 2.28vw
    }
    .center,
    .text_whole_wrap,.text_whole_sub_wrap {
        /*height: auto;*/
    }
    .schedule_wrap>div:nth-child(1){
        padding-right: 3vw;
    }
    .schedule_wrap>div:nth-child(2){
        padding-left: 3vw;
    }
}
@media (max-aspect-ratio: 920/900) {
    .text_whole_sub_wrap{
        font-size: 5.5vw;
    }
    .sm_number{
        font-size: 2.165vw
    }
    .schedule div {
        font-size: 2.7vw;
    }
    .bluebox_1 {
    margin-left: -15.5vw;
    width: 27vw;
    height: 8vw;
    top: 5.35vw;
}
    .bluebox_2 {

    margin-left: 17.3vw;
    left: 52.5vw;
    top: -1.5vw;
    width: 15vw;
    height: 8.5vw;
}
}
@media (max-aspect-ratio: 1110/900) {
    .logo{
        display: none
    }
    .big_inter{
        display: none !important
    }
    .talk,.credit,
    .info_wrap {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .talk>div,
    .info_wrap>div,
    .credit>div{
        width: 33.33%
    }
    .list,.list a,.curator_title {
        min-width: 32vw;
    }
    .grid_num_1,
    .kaleidoscope_list a,
    .kaleidoscope_list_each_title,
    .kaleidoscope_curator_title, 
    .kaleidoscope_map_image_wrapper,
    .sundries_map_image_etc_wrapper{
        left: 2vw
    }
    .polyhedrons_list a,
    .polyhedrons_list_each_title,
    .polyhedrons_curator_title,
    .grid_num_2,
    .polyhedrons_map_image_wrapper{
        left: 2vw
    }
    .clocks_list a,
    .clocks_list_each_title,
    .clocks_curator_title,
    .grid_num_3,
    .clocks_map_image_wrapper{
        left: 34vw
    }
    .corners_list a,
    .corners_list_each_title,
    .corners_curator_title,
    .grid_num_4,
    .corners_map_image_wrapper{
        left: 34vw
    }
    .sundries_list a,
    .sundries_list_each_title,
    .sundries_curator_title,
    .grid_num_5,
    .sundries_map_image_wrapper{
        left: 66vw
    }
    .plants_list a,
    .plants_list_each_title,
    .plants_curator_title,
    .grid_num_6,
    .plants_map_image_wrapper{
        left: 66vw
    }
    .curator_title,
    .elem_link{
        background: white
    }

}
@media (max-aspect-ratio: 820/900) {
    
    .bluebox_3,
    .bluebox_4,
    .bluebox_5,
    .bluebox_6 {
        display: none
}
    .list,.list a,.curator_title {
        min-width: 48vw;
    }
    .grid_num_1,
    .kaleidoscope_list a,
    .kaleidoscope_list_each_title,
    .kaleidoscope_curator_title, 
    .kaleidoscope_map_image_wrapper,
    .sundries_map_image_etc_wrapper{
        left: 2vw
    }
    .polyhedrons_list a,
    .polyhedrons_list_each_title,
    .polyhedrons_curator_title,
    .grid_num_2,
    .polyhedrons_map_image_wrapper{
        left: 2vw
    }
    .clocks_list a,
    .clocks_list_each_title,
    .clocks_curator_title,
    .grid_num_3,
    .clocks_map_image_wrapper{
        left: 2vw
    }
    .corners_list a,
    .corners_list_each_title,
    .corners_curator_title,
    .grid_num_4,
    .corners_map_image_wrapper{
        left: 50vw
    }
    .sundries_list a,
    .sundries_list_each_title,
    .sundries_curator_title,
    .grid_num_5,
    .sundries_map_image_wrapper{
        left: 50vw
    }
    .plants_list a,
    .plants_list_each_title,
    .plants_curator_title,
    .grid_num_6,
    .plants_map_image_wrapper{
        left: 50vw
    }
}
@media (max-aspect-ratio: 575/900) {
    .talk>div,
    .info_wrap>div,
    .credit>div{
        width: 100%
    }
    .list,.list a,.curator_title {
        min-width: 96vw;
    }
    .grid_num_1,
    .kaleidoscope_list a,
    .kaleidoscope_list_each_title,
    .kaleidoscope_curator_title, 
    .kaleidoscope_map_image_wrapper,
    .sundries_map_image_etc_wrapper{
        left: 2vw
    }
    .polyhedrons_list a,
    .polyhedrons_list_each_title,
    .polyhedrons_curator_title,
    .grid_num_2,
    .polyhedrons_map_image_wrapper{
        left: 2vw
    }
    .clocks_list a,
    .clocks_list_each_title,
    .clocks_curator_title,
    .grid_num_3,
    .clocks_map_image_wrapper{
        left: 2vw
    }
    .corners_list a,
    .corners_list_each_title,
    .corners_curator_title,
    .grid_num_4,
    .corners_map_image_wrapper{
        left: 2vw
    }
    .sundries_list a,
    .sundries_list_each_title,
    .sundries_curator_title,
    .grid_num_5,
    .sundries_map_image_wrapper{
        left: 2vw
    }
    .plants_list a,
    .plants_list_each_title,
    .plants_curator_title,
    .grid_num_6,
    .plants_map_image_wrapper{
        left: 2vw
    }
}
@media (min-aspect-ratio: 1680/890) {
    .bluebox_3,
    .bluebox_4,
    .bluebox_5,
    .bluebox_6{
        display: none;
    }
}
@media (min-aspect-ratio: 1680/770) {
    .bluebox{
        border : 0.15vw solid #0a0f96
    }
    .talk *,
.info_wrap div,
.curator_title,
.list,
.credit div,
.overlay_top div span,
.topbar>span>span,
#link_info {
    font-size: 0.85vw !important;
}
#link_info{
    height: auto;
}
.big_inter_1_6,
.big_inter_1_7,
.big_inter_0_5{
    width: 10vw !important;
    height: 10vw !important;
}
.topbar{
    height: 1.7vw
}
.index_wrap{
    font-size: 1vw
}
.curator_post, .artdirector_post, .post_artwork, .post{
    font-size: 1vw
}
.small_list{
    font-size: 0.7vw;
}
.text_whole>.sm_number ,
.image_whole>.sm_number {
    background-size: auto 100% !important;
}
}