/* @media screen and (min-width : 1921px) {
    body {background-color: #ff0}
}
@media screen and (max-width : 1400px) {
    body {background-color: #f00}
}
@media screen and (max-width : 1024px) {
    body {background-color: #0f0}
}
@media screen and (max-width : 720px) {
    body {background-color: #0ff}
} */

.home_wapper {
    font-family: akrobat;
    text-align: center;
}

.split_bar {
    width:100%;
    height:5.078vw;
    background-color: #f2f2f2;
}

.home_wapper .flow_banner {
    height: 33.109vw;
    position: relative;
}

.home_wapper h2,
.home_wapper h3,
.home_wapper h4 {
    width: 62.5vw;
    margin: auto;
    font-family: akrobat;
    /* font-family: noto-sans; */
    font-style: normal;
    font-stretch: normal;
    letter-spacing: -1px;
    text-align: center;
    color: #ffffff;
    position: relative;
    z-index: 3;
}
.home_wapper .flow_banner_content .content > a {
    position: relative;
    z-index: 3;
}
.home_wapper h2 {
    font-size: 2.812vw;
    font-weight: 900;
    line-height: 1.24;
    padding-top: 9.843vw;
}

.home_wapper h3 {
    font-size: 1.875vw;
    font-weight: 100;
    line-height: 1.35;
    font-stretch: semi-condensed;
    padding-top: 1.25vw;
}

.home_wapper h4 {
    font-size: 0.937vw;
    font-weight: 500;
    line-height: 1.38;
    padding-top: 2.226vw;
}

.home_wapper h5 {
    font-family: akrobat;
    font-size: 3.593vw;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: center;
}

.home_wapper h5::before,
.home_wapper h5::after {
    content: "";
    position: relative;
    display: inline-block;
    top: -0.039vw;
    width: 0.625vw;
    height: 2.343vw;
}
.home_wapper h5::after {
    left: 0.625vw;
}
.home_wapper h5::before {
    right: 0.625vw;
}

.home_wapper .top_banner {
    background-color: #0008;
}

.home_wapper .top_banner .view_button {
    width: 13vw;
    height: 3vw;
    font-family: akrobat;
    font-size: 1.8vw;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.44;
    letter-spacing: normal;
    color: #ffffff;
    border-radius: 3vw;
    border: 3px solid #fff;
    background-color: transparent;
    margin-top: 20px;
}

.home_wapper .flow_banner_sns {
    position: absolute;
	bottom:3.515vw;
	left: 50%;
	transform: translate(-50%, 0);
    width: fit-content;
	text-align: center;
	z-index: 3;
	padding: 0 1vw;
	border-radius: 66px;
	-webkit-backdrop-filter: blur(5.4px);
	backdrop-filter: blur(5.4px);
	background-color: #fff5;
}

.home_wapper .sns_icon {
    margin: 0.35vw 1.074vw;
	width: 1.6vw;
	height: 1.6vw;
	box-shadow: 0 2px 5px;
}
.home_wapper .sns_icon.circle {
	border-radius: 1.6vw;
}

.home_wapper i:hover {
    color: #7fe5ff;
}

.home_wapper .flow_banner_content {
    display: table;
    /* position: relative; */
}

.home_wapper .flow_banner_content .shadow {
    opacity: 0.3;
    background-color: #1b2436;
    top:0;left:0;bottom:0;right:0;
    position: absolute;
    z-index: 1;
}
.home_wapper .flow_banner_content > div {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 33.109vw;
    float: left;
    display: table-cell;
    text-align: center;
	-moz-transition: opacity 1s;
    transition: opacity 1s;
    overflow: hidden;
    background-size: cover;
    background-position: bottom;
    opacity: 0;
}

.home_wapper .flow_banner_content > div.active {
    z-index: 3;
    opacity: 1;
}

.home_wapper .flow_banner_page  {
    position: absolute;
    bottom:0.976vw;
    width: 100%;
    z-index: 3;
}

.home_wapper .flow_banner_page button {
    border: node;
    border-radius: 0.39vw;
    opacity: 0.5;
    width: 0.781vw;
    height: 0.781vw;
    background: none;
    background-color: #fff;
    margin: 0 0.527vw;
	-moz-transition: width .25s, opacity .25s;
	transition: width .25s, opacity .25s;
}

.home_wapper .flow_banner_page button.active {
    width: 2.265vw;
    opacity: 1;
}

.home_wapper .button_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.home_wapper .button_area > div{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    width:100%;
    height: 10.055vw;;
    background-position: 0 -1.5vw;
    background-size: 100% 133.07%;
    position: relative;
}
.home_wapper .video{
    background-image: url(/assets/images/main/Video-Main-IMG.png);
}
.home_wapper .webtoon{
    background-image: url(/assets/images/main/Webtoon-Main-IMG.png);
}

.home_wapper .button_area .button_corver {
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.5;
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    transition: background-color .5s;
}

.home_wapper .button_area button {
    border: none;
    background: none;
    position: relative;
    top: 4vw;
    width: 11.718vw;
    height: 3.085vw;
}
.home_wapper .button_area button.video_btn {
    background-image: url(/assets/images/main/Video-button.png);
    background-size: 100%;
}
.home_wapper .button_area button.webtoon_btn {
    background-image: url(/assets/images/main/webtoon-button.png);
    background-size: 100%;
}

.home_wapper .button_area > div:hover .button_corver {
    background-color: #337fff;
}
.home_wapper .button_area > div:hover button.video_btn {
    background-image: url(/assets/images/main/Video-mouseover.png);
    background-repeat: no-repeat;
}
.home_wapper .button_area > div:hover button.webtoon_btn {
    background-image: url(/assets/images/main/Webtoon-mouseover.png);
    background-repeat: no-repeat;
}

.home_wapper .fleta_explanation {
    position: relative;
    width: 70.312vw;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.home_wapper .fleta_explanation .fleta_building{
    height: 39.0625vw;
}

.home_wapper .fleta_explanation > div{
    width:70%;
    text-align: left;
}

.home_wapper .fleta_explanation > div:first-child{
    padding: 4.492vw 0 7.890vw 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
}

.home_wapper .explanation_contents_case {
    height: 48.046vw;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    display: table;
    overflow: hidden;
}

.home_wapper .explanation_contents_middle_case {
    display: table-cell;
    vertical-align: middle;
}

.home_wapper .explanation_contents {
    width: 49.218vw;
}
.home_wapper .explanation_contents > div {
    width: 0.1%;
    float: left;
	-moz-transition: width .25s;
    transition: width .25s;
    overflow: hidden;
    font-family: akrobat;
    font-size: 4.101vw;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: -0.0429vw;
    text-align: left;
    color:#337fff;
    position: relative;
}

.home_wapper .explanation_contents > div .content_vertical_case {
    display: table;
}
.home_wapper .explanation_contents > div .content_vertical_inner_case {
    display: table-cell;
    vertical-align: middle;
}

.home_wapper .explanation_contents p {
    width: 48.718vw;
    vertical-align: middle;
    white-space: normal;
}

.home_wapper .explanation_contents > div.active {
    width: 99%;
}

.home_wapper .explanation_contents_page  {
    width: 100%;
    display: table;
    padding-top:4vw;
}

.home_wapper .explanation_contents_page button {
    border: node;
    width: 7.812vw;
    height: 0.39vw;
    background: none;
    background-color: #f2f6fc;
    margin-right: 1.328vw;
	-moz-transition: background-color .25s;
	transition: background-color .25s;
}

.home_wapper .explanation_contents_page button.active {
    background-color: #337fff;
}

.home_wapper .explanation_contents > div {
}

.home_wapper .explanation_contents .content1 {
    padding-top:3vw;
}
.home_wapper .explanation_contents .content3 {
    padding-top:2vw;
}

.home_wapper .explanation_contents .purple {
    color:#337fff;
}

.home_wapper .explanation_contents .exp_text {
    font-family: noto-sans;
    font-size: 1.171vw;
    font-weight: 500;
    font-style: normal;
    font-stretch: semi-condensed;
    line-height: 1.32;
    letter-spacing: -0.0117vw;
    text-align: left;
    color: #888888;
}

@media screen and (max-width : 1024px) {
}

.home_wapper .fleta_document {
    background-image: url(/assets/images/main/planet.png);
    background-position: center;
    background-repeat: no-repeat;
    padding:1.835vw 0 6.562vw 0;
    background-color: #1b2436;
}

.home_wapper .document_icon {
    padding: 1.25vw 0 2.539vw 0;
}
.home_wapper .document_icon img {
    height: 8.2031vw;
}
.home_wapper .button_case {
    padding-bottom: 1.445vw;
}
.home_wapper .button_case button{
    background: none;
    border: none;
}
.home_wapper .button_case img {
    width: 31.25vw;
}

@media screen and (max-width : 1024px) {
    .home_wapper .fleta_document {
        background-size: 100%;
    }
    .home_wapper .document_icon img {
        height: 16.2031vw;
    }
    .home_wapper .button_case img {
        width: 60.25vw;
    }

}

.home_wapper .tech_benefit {
    padding-bottom: 8.593vw;
}

.home_wapper .tech_benefit_case {
    width: 72.265vw;
    padding-top: 1.953vw;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.home_wapper .tech_benefit_case .tech_element {
    padding-top: 5.468vw;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    text-align: left;
}
.home_wapper .tech_benefit_case .tech_element img {
    width: 23.75vw;
}

.home_wapper .tech_benefit_case .middle_split_bar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 0%;
    flex: 0 0 0%;
    position: relative;
}
.home_wapper .tech_benefit_case .middle_split_bar > div:first-child {
    width:0.156vw;
    background-color: #337fff;
    position: absolute;
    left:-0.078vw;
    bottom:0;
    top:0;
}

.home_wapper .arrow_case {
    position: absolute;
    width: 2.617vw;
    bottom:0;
    top:0;
}

.home_wapper .arrows {
    display: table;
    height: 100%;
    position: relative;
    left: -3.710vw;
}
.home_wapper .arrow {
    display: table-cell;
    vertical-align: middle;
    width:2.617vw;
    height:4.882vw;
}
.home_wapper .arrow img {
    width:2.617vw;
    height:4.882vw;
}
.home_wapper .arrow:nth-child(2) div {
    background-color: #fff;
    padding: 1.171vw 0;
}
.home_wapper .arrow:nth-child(1) img {
    animation: fade-in-steps1 1s infinite;
}
.home_wapper .arrow:nth-child(2) img {
    animation: fade-in-steps2 1s infinite;
}
.home_wapper .arrow:nth-child(3) img {
    animation: fade-in-steps3 1s infinite;
}
@keyframes fade-in-steps1 {0% {opacity: 0;}50% {opacity: 0;}51% {opacity: 1;}100% {opacity: 0.2;}}
@keyframes fade-in-steps2 {0% {opacity: 0.6;}25% {opacity: 0.2;}26% {opacity: 0;}75% {opacity: 0;}76% {opacity: 1;}100% {opacity: 0.6;}}
@keyframes fade-in-steps3 {0% {opacity: 1;}50% {opacity: 0.2;}51% {opacity: 0;}75% {opacity: 0;}100% {opacity: 0;}}

.home_wapper .tech_benefit_case .benefit {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}

.home_wapper .tech_element dt {
    font-size: 2.031vw;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: left;
    color: #337fff;
    padding: 0.781vw 0 0.39vw 0;
}
.home_wapper .tech_element dt span {
    font-weight: 300;
}
.home_wapper .tech_element dd::before {
    content : "";
    width: 0.234vw;
    height: 0.234vw;
    background-color: #3cbcff;
    display: inline-block;
    position: relative;
    top: -0.195vw;
    margin-right:0.39vw;
}

.home_wapper .tech_element dl {
    padding-bottom: 1.718vw;
}
.home_wapper .tech_element dd {
    font-size: 1.171vw;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.23;
    letter-spacing: normal;
    text-align: left;
    color: #3cbcff;
}

@media screen and (min-width : 1921px) {
}
@media screen and (max-width : 1400px) {
}
@media screen and (max-width : 1024px) {
    .home_wapper .tech_benefit_case {
        width: 65vw;
    }

    .home_wapper .tech_benefit_case .tech_element {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }
    .home_wapper .tech_benefit_case .tech_element img {
        width: 65vw;
    }

    .home_wapper .tech_element dt {
        font-size: 5.031vw;
        padding: 0.781vw 0 0.39vw 0;
    }
    .home_wapper .tech_element dd {
        font-size: 2.571vw;
    }
    .home_wapper .tech_element dd::before {
        width: 0.634vw;
        height: 0.634vw;
        top: -0.395vw;
        margin-right:0.9vw;
    }
    
    .home_wapper .tech_benefit_case .middle_split_bar {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }
    .home_wapper .tech_benefit_case .middle_split_bar > div:first-child {
        display:none;
    }
    
    .home_wapper .arrow_case {
        transform: rotate(90deg) translate(4.97vw, -2vw);
        margin: 0 auto;
        position: relative;
    }
}



.home_wapper .benefit {
    text-align: right;
    padding-top: 7.812vw;
}

.home_wapper .benefit_case {
    display: inline-block;
    text-align: left;
    padding: 3.906vw 2.343vw;
    width: 26.562vw;
    height: 59.179vw;
    border-radius: 2.695vw;
    border: solid 0.039vw #337fff;
    background-image: linear-gradient(156deg, #337fff, #337fff);
}

.home_wapper .benefit_text {
    display:inline-block;
    font-family: akrobat;
    font-size: 1.796vw;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.24;
    letter-spacing: normal;
    text-align: left;
    color: #7fe5ff;
}


.home_wapper .benefit_text span {
    color: #ffffff;
}

.home_wapper .benefit_list li {
    display: table;
    padding-bottom: 4.101vw;
}
.home_wapper .benefit_list img {
    width: 8.6328vw;
}
.home_wapper .benefit_text {
    display: table-cell;
    vertical-align: middle;
    padding-left: 2.343vw;
}

@media screen and (max-width : 1024px) {
    .home_wapper .benefit_case {
        width: 65vw;
        height: 109.179vw;
        border-radius: 2.695vw;
    }
    .home_wapper .benefit_list img {
        width: 18.6328vw;
    }
    .home_wapper .benefit_text {
        font-size: 4.6vw;
    }
    
}

.home_wapper .road_map{
    padding-top: 7.8125vw;
    position: relative;
}

#fletaRoadMap {
    position: absolute;
    top:0;left:0;right:0;bottom:0;
    background: linear-gradient(-190deg, #1B2436 65%, #6E45E5);
    z-index: 0;
    overflow: hidden;
}

.home_wapper .road_map_case {
    position: relative;
    z-index: 1;
}

.home_wapper .road_map_case .left_arrow,
.home_wapper .road_map_case .right_arrow {
    display:none;
}

.home_wapper .quarter_map {
    padding:4.2968vw 0 12.1093vw 0;
}

.home_wapper .quarter_map ul li {
    display: inline-block;
    width: 15vw;
    margin: 0 0.5vw;
    vertical-align: top;
}


.home_wapper .quarter_map .year {
    font-size: 2.2656vw;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.03;
    letter-spacing: -0.0234vw;
    text-align: center;
    color: #f2f6fc;
}
.home_wapper .quarter_map .quarter {
    font-size: 2.2656vw;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.03;
    letter-spacing: -0.0234vw;
    text-align: center;
    color: #f2f6fc;
}

.home_wapper .bar {
    padding: 0.7812vw 0 1.25vw 0;
    background-image: linear-gradient(to left, #00e5d3 0, #00e5d3 50%, #fff0 50%, #fff0 100%);
    background-size: 0.2343vw 0.1171vw;
    background-repeat: repeat-x;
    background-position: 0 1.0546vw;
}
.home_wapper .bar li {
    height: 0.7031vw;
    background-color: #7fe5ff;
}
.home_wapper .bar li.current {
    height: 1.0546vw;
    margin-top: -0.3125vw;
    position: relative;
    top: 0.15625vw;
    border-radius: 0.50781vw;
    background-image: linear-gradient(to left, #337fff, #00e5d3);
}

.home_wapper ol li {
    font-family: akrobat;
    font-size: 1.171875vw;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
    letter-spacing: -0.01171vw;
    text-align: left;
    color: #f2f6fc;
}

.home_wapper ol li.bold {
    font-weight: 800
}
.home_wapper ol li.blue {
    color: #00e5d3;
}

@media screen and (max-width : 1024px) {
    .home_wapper .road_map_case .slider_arrows {
        background-image: linear-gradient(to left, #00e5d3 0, #00e5d3 50%, #fff0 50%, #fff0 100%);
        background-size: 2px 1px;
        background-repeat: repeat-x;
        background-position: 0 1px;
        position: absolute;
        top: 23.2vw;
        left:0;right:0;
        height: 3px;
    }

    .home_wapper .bar {
        background: none;
    }

    .home_wapper .road_map_case .left_arrow,
    .home_wapper .road_map_case .right_arrow {
        display: block;
        position: absolute;
        top: -2.8vw;
        width: 3vw;
        height: 6vw;
        border: none;
        background: none;
        background-size: 100%;
    }

    .home_wapper .road_map_case .left_arrow {
        left: 2.5vw;
        background-image: url(/assets/images/main/W-Arrow_back.png)
    }
    
    .home_wapper .road_map_case .right_arrow {
        right: 2.5vw;
        background-image: url(/assets/images/main/W-Arrow_next.png)
    }

    .home_wapper .quarter_map {
        width: 81vw;
        margin: auto;
        overflow: hidden;
    }

    .home_wapper .quarter_map > ul {
        white-space: nowrap;
        position: relative;
        -moz-transition: left .25s;
        transition: left .25s;
    }

    .home_wapper .quarter_map ul li {
        width: 25vw;
        white-space: normal;
        margin: 0 1vw;
    }

    .home_wapper .quarter_map.index1 > ul {left: 0vw;}
    .home_wapper .quarter_map.index2 > ul {left: -28vw;}
    .home_wapper .quarter_map.index3 > ul {left: -55vw;}
    .home_wapper .quarter_map.index4 > ul {left: -82vw;}
    .home_wapper .quarter_map.index5 > ul {left: -82vw;}
    .home_wapper .quarter_map.index6 > ul {left: -82vw;}
    .home_wapper .quarter_map.index7 > ul {left: -82vw;}
    .home_wapper .quarter_map.index8 > ul {left: -82vw;}

    .home_wapper .quarter_map .year {
        font-size: 4.4656vw;
    }
    .home_wapper .quarter_map .quarter {
        font-size: 4.4656vw;
    }
    .home_wapper ol li {
        font-size: 2.341875vw;
    }
    
}

@media screen and (max-width : 720px) {
    .home_wapper .road_map_case .slider_arrows {
        top: 32.739vw;
    }

    .home_wapper .quarter_map ul li {
        width: 38vw;
        margin: 0 1vw;
    }

    .home_wapper .bar li {
        height: 1.4031vw
    }
    .home_wapper .bar li.current {
        height: 2.1046vw;
        margin-top: -0.625vw;
        top: 0.3125vw;
    }

    .home_wapper .quarter_map.index1 > ul {left: 0vw;}
    .home_wapper .quarter_map.index2 > ul {left: -41vw;}
    .home_wapper .quarter_map.index3 > ul {left: -82vw;}
    .home_wapper .quarter_map.index4 > ul {left: -123vw;}
    .home_wapper .quarter_map.index5 > ul {left: -164vw;}
    .home_wapper .quarter_map.index6 > ul {left: -205vw;}
    .home_wapper .quarter_map.index7 > ul {left: -246vw;}

    .home_wapper .quarter_map .year {
        font-size: 8.8656vw;
    }
    .home_wapper .quarter_map .quarter {
        font-size: 8.8656vw;
    }
    .home_wapper ol li {
        font-size: 4.641875vw;
    }

}

.home_wapper .core_team {
    z-index: 2;
    position: relative;
}
.home_wapper .advisors {
    z-index: 1;
}

.home_wapper .core_team_case {
    position: relative;
}

.home_wapper .advisors_case ul,
.home_wapper .core_team_case ul {
    text-align: left;
    width: 84.4vw;
    margin: auto;
}

.home_wapper .advisors_case li,
.home_wapper .core_team_case li {
    display: inline-block;
    width: 27vw;
    text-align: left;
    margin-bottom: 4.82vw;
}

@media screen and (max-width : 1400px) {
    .home_wapper .advisors_case ul,
    .home_wapper .core_team_case ul {
        width: 65vw;
    }

    .home_wapper .advisors_case li,
    .home_wapper .core_team_case li {
        width: 32.3vw;
        margin-bottom: 2vw;
    }
}

.home_wapper .profile_pic {
    border-radius: 5vw;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 10vw;
    height: 10vw;
    display: inline-block;
}

.home_wapper .core_team_case li {
    position: relative;
}

.home_wapper .core_team_case .detail {
    width: 1.8vw;
    height: 1.8vw;
    background-color: transparent;
    background-image: url(/assets/images/main/plus.png);
    background-size: 100%;
    position: absolute;
    top: 4.0vw;
    left: 9.1vw;
}

.home_wapper .profile_content_case {
    display: inline-block;
    vertical-align: top;
    margin-left: 1vw;
}
.home_wapper .profile_content_middle_case {
    display: table;
    height: 10vw;
}
.home_wapper .profile_content {
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 0.7vw;
}

.home_wapper .profile_content .profile{
    border-bottom:0.039vw solid #e6e6e6;
}

.home_wapper .profile_content .profile p {
    display: inline-block;
    font-size: 1.745vw;
    font-weight: 800;
    width: 12vw;
    padding-bottom: 0.6vw;
}
.home_wapper .profile_content .profile p.name {
    line-height: 1;
}

.home_wapper .profile_content .profile i {
    font-size: 2.5vw;
    margin: 0;
}

.home_wapper .profile_content .position {
    font-size: 1.572vw;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: left;
    color: #337fff;
    padding-top: 0.4vw;
    width: 15vw;
}
.home_wapper .profile_content .a_position {
    font-size: 1.1vw;
}

@media screen and (max-width : 1024px) {
    .home_wapper .advisors_case ul,
    .home_wapper .core_team_case ul {
        width: 78vw;
    }

    .home_wapper .advisors_case li,
    .home_wapper .core_team_case li {
        width: 30.45vw;
        margin: 6vw 0 3vw 6vw;
    }

    .home_wapper .profile_pic {
        border-radius: 20vw;
        width: 30vw;
        height: 30vw;
    }

    .home_wapper .core_team_case .detail {
        width: 3.75vw;
        height: 3.75vw;
        border-radius: 7.25vw;
        font-size: 4.5vw;
        padding: 0vw 0vw 1.9vw 0.0vw;
        line-height: 2.7vw;
        top: 25.5vw;
        left: 13.35vw;
        background-color: #fff6;
    }

    .home_wapper .profile_content .profile p {
        font-size: 4vw;
        width: 24vw;
    }
    
    .home_wapper .profile_content .profile i {
        font-size: 4.5vw;
    }
    
    .home_wapper .profile_content .position {
        font-size: 4vw;
        width: 30vw;
    }
    
}

.home_wapper .partners_case ul {
    width: 84.4vw;
    margin: auto;
}

.home_wapper .partners_case li {
    display: inline-block;
    margin: 0 1vw 4vw 1vw;
}

.home_wapper .partners_case li img {
    width: 13vw;
    height: 4.7272vw;
}


@media screen and (max-width : 1024px) {
    .home_wapper .partners_case ul {
        width: 90vw;
    }
    .home_wapper .partners_case li img {
        width: 25.781vw;
        height: 9.375vw;
    }
}


.home_wapper .more_fleta {
    position: relative;
}
.home_wapper .more_fleta_case {
    padding-bottom: 7.8125vw;
}

.home_wapper .more_fleta .left_arrow,
.home_wapper .more_fleta .right_arrow {
    display:none;
}

.home_wapper .more_fleta_case li {
    width: 18.75vw;
    border-radius: 1.992vw;
    background-image: linear-gradient(147deg, #337fff, #337fff);
    display: inline-block;
    padding: 1.425vw;
    margin: 0 0.3906vw;
    position: relative;
    vertical-align: top;
}

.home_wapper .more_fleta_case li img {
    width: 18.75vw;
    height: 10.488vw;
}

.home_wapper .more_fleta_case .medium-title {
    width: 18.75vw;
    height: 7.109vw;
    margin-top: 1.5625vw;
    font-size: 2.2vw;
    font-weight: 800;
    line-height: 1.06;
    text-align: left;
    color: #ffffff;
    overflow: hidden;
}
.home_wapper .more_fleta_case .medium-text {
    width: 18.75vw;
    height: 5.468vw;
    margin: 1.5625vw 0;
    font-size: 0.946vw;
    line-height: 1.71;
    text-align: left;
    color: #ffffff;
    overflow: hidden;
}

.home_wapper .more_fleta_case .medium-info {
    position: absolute;
    bottom:0;
    left:0; right:0;
    font-size: 0.664vw;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: left;
    color: #f2f2f2;
    padding: 1.425vw;
}

.home_wapper .more_fleta_case .medium-info i {
    font-size: 0.664vw;
    color: #f2f2f2;
    margin:0 0.664vw 0 0 ;
}
.home_wapper .more_fleta_case .medium-info i ~ i {
    margin-left:0.664vw;
}

@media screen and (max-width : 1024px) {
    .home_wapper .more_fleta .left_arrow,
    .home_wapper .more_fleta .right_arrow {
        display: block;
        position: absolute;
        top: 40.5vw;
        width: 4vw;
        height: 4vw;
        border:none;
        background:none;
        background-size: 100%;
    }

    .home_wapper .more_fleta .left_arrow {
        left: 2.5vw;
        background-image: url(/assets/images/main/circlestyle_Back.png)
    }

    .home_wapper .more_fleta .right_arrow {
        right: 2.5vw;
        background-image: url(/assets/images/main/circlestyle_Next.png)
    }

    .home_wapper .more_fleta_case {
        width: 84vw;
        margin: auto;
        overflow: hidden;
    }

    .home_wapper .more_fleta_case ul {
        white-space: nowrap;
        position: relative;
        left: 0;
        -moz-transition: left .25s;
        transition: left .25s;
    }

    #MoreFleta.index2 ul {
        left: -42vw;
    }
    #MoreFleta.index3 ul {
        left: -84vw;
    }
    #MoreFleta.index4 ul {
        left: -84vw;
    }

    .home_wapper .more_fleta_case li {
        width: 30.0vw;
        border-radius: 4vw;
        padding: 5vw;
        margin: 0 1vw;
        white-space: normal;
    }

    .home_wapper .more_fleta_case li img {
        width: 30.0vw;
        height: 16.4vw;
    }

    .home_wapper .more_fleta_case .medium-title {
        width: 30.0vw;
        height: 14.209vw;
        margin-top: 3.125vw;
        font-size: 3.812vw;
        font-weight: 800;
        line-height: 1.06;
    }

    .home_wapper .more_fleta_case .medium-text {
        width: 30.0vw;
        height: 10.936vw;
        margin: 3.125vw 0;
        font-size: 1.7vw;
    }

    .home_wapper .more_fleta_case .medium-info {
        font-size: 1.328vw;
        padding: 2.85vw;
    }

}

@media screen and (max-width : 720px) {
    .home_wapper .more_fleta .left_arrow,
    .home_wapper .more_fleta .right_arrow {
        top: 40.5vw;
        width: 8vw;
        height: 8vw;
        background-size: 100%;
    }

    .home_wapper .more_fleta_case {
        width: 79vw;
    }

    #MoreFleta.index2 ul {
        left: -80.3vw;
    }
    #MoreFleta.index3 ul {
        left: -160.6vw;
    }
    #MoreFleta.index4 ul {
        left: -241.0vw;
    }

    .home_wapper .more_fleta_case li {
        width: 60.0vw;
        border-radius: 8vw;
        padding: 5.7vw;
        margin: 0 4vw;
    }

    .home_wapper .more_fleta_case li img {
        width: 60.0vw;
        height: 32.8vw;
    }

    .home_wapper .more_fleta_case .medium-title {
        width: 60.0vw;
        height: 28.418vw;
        margin-top: 6.25vw;
        font-size: 7.624vw;
        font-weight: 800;
        line-height: 1.06;
    }

    .home_wapper .more_fleta_case .medium-text {
        width: 60.0vw;
        height: 21.872vw;
        margin: 6.25vw 0;
        font-size: 3.184vw;
    }

    .home_wapper .more_fleta_case .medium-info {
        font-size: 2.656vw;
        padding: 5.7vw;
    }

}

.home_wapper #ProfileLayer {
    display: none;
    top:0;left:0;
    position: absolute;
    box-shadow: 0.1171vw 0.5859vw 1.1718vw 0 rgba(0, 0, 0, 0.16);
    background-color: #f2f6fc;
    width: 21.289vw;
    height: 27.929vw;
}

.home_wapper #ProfileLayer .top_area {
    height: 5.976vw;
    width: 21.289vw;
    font-family: akrobat;
    font-weight: 800;
    line-height: 1.24;
    text-align: left;
    color: #1b2436;
}
.home_wapper #ProfileLayer .top_area .name {
    font-size: 1.64vw;
    padding: 0.976vw 0 0.195vw 1.21vw;
}
.home_wapper #ProfileLayer .top_area .position {
    font-size: 1.25vw;
    color: #337fff;
    padding-left:1.21vw;
}
.home_wapper #ProfileLayer .profile {
    height: 21.953vw;
    width: 21.289vw;
    background-color: #ffffff;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    padding: 0.468vw 0.781vw;
    text-align: left;
    overflow-y: scroll;
}
.home_wapper #ProfileLayer .ProfileLayerClose {
    position: absolute;
    right:0.585vw;
    top:0.585vw;
    background : none;
    border : none;
}

.home_wapper #ProfileLayer .ProfileLayerClose img {
    width : 2vw;
}

.flow_text {
    height: 55px;
    background-color: #337fff;
}
.flow_text img {
    padding-top:12px;
}
.flow_text .under_1300 {
    display: none;
}
@media screen and (max-width : 1024px) {
    .flow_text .under_1300 {
        display: block;
    }
    .flow_text .over_1300 {
        display: none;;
    }
}
@media screen and (max-width : 1024px) {
    .home_wapper #ProfileLayer {
        width: 40.289vw;
        height: 50.929vw;
        margin-left: -18vw;
    }
    
    .home_wapper #ProfileLayer .top_area {
        width: 40.289vw;
        height: 8.376vw;
    }
    .home_wapper #ProfileLayer .top_area .name {
        font-size: 3.14vw;
        padding: 0.976vw 0 0.195vw 1.21vw;
    }
    .home_wapper #ProfileLayer .top_area .position {
        font-size: 2.5vw;
        padding-left:1.21vw;
    }
    
    .home_wapper #ProfileLayer .profile {
        width: 40.289vw;
        height: 42.589vw;
    }    

    .home_wapper #ProfileLayer .ProfileLayerClose img {
        width : 4vw;
    }
    
}

.home_wapper .tech_benefit_title {
    padding: 6.6vw 0 2vw 0;
    color: #337fff;
}

.home_wapper .road_map_title {
    color: #7fe5ff;
}
.home_wapper .more_fleta_title,
.home_wapper .partners_title,
.home_wapper .advisors_title,
.home_wapper .core_team_title {
    color: #337fff;
    padding: 6.6406vw 0 7.03125vw 0;
}

.home_wapper .tech_benefit_title::before,
.home_wapper .tech_benefit_title::after {
    background-color: #337fff;
}

.home_wapper .road_map_title::before,
.home_wapper .road_map_title::after {
    background-color: #7fe5ff;
}
.home_wapper .more_fleta_title::before,
.home_wapper .more_fleta_title::after,
.home_wapper .partners_title::before,
.home_wapper .partners_title::after,
.home_wapper .advisors_title::before,
.home_wapper .advisors_title::after,
.home_wapper .core_team_title::before,
.home_wapper .core_team_title::after {
    background-color: #337fff;
}

.home_wapper .core_team_title::after,
.home_wapper .advisors_title::after,
.home_wapper .partners_title::after,
.home_wapper .more_fleta_title::after {
    left: 1.5625vw;
}

.home_wapper .core_team_title::before,
.home_wapper .advisors_title::before,
.home_wapper .partners_title::before,
.home_wapper .more_fleta_title::before {
    right: 1.5625vw;
}
@media screen and (max-width : 1024px) {
    .home_wapper .tech_benefit_title,
    .home_wapper .road_map_title,
    .home_wapper .more_fleta_title,
    .home_wapper .partners_title,
    .home_wapper .advisors_title,
    .home_wapper .core_team_title {
        font-size: 7.093vw;
    }
    
    .home_wapper .tech_benefit_title::before,
    .home_wapper .tech_benefit_title::after,
    .home_wapper .road_map_title::before,
    .home_wapper .road_map_title::after,
    .home_wapper .more_fleta_title::before,
    .home_wapper .more_fleta_title::after,
    .home_wapper .partners_title::before,
    .home_wapper .partners_title::after,
    .home_wapper .advisors_title::before,
    .home_wapper .advisors_title::after,
    .home_wapper .core_team_title::before,
    .home_wapper .core_team_title::after {
        top: -0.039vw;
        width: 1.025vw;
        height: 4.643vw;
    }
    
    .home_wapper .tech_benefit_title::after,
    .home_wapper .road_map_title::after,
    .home_wapper .core_team_title::after,
    .home_wapper .advisors_title::after,
    .home_wapper .partners_title::after,
    .home_wapper .more_fleta_title::after {
        left: 3.0625vw;
    }
    
    .home_wapper .tech_benefit_title::before,
    .home_wapper .road_map_title::before,
    .home_wapper .core_team_title::before,
    .home_wapper .advisors_title::before,
    .home_wapper .partners_title::before,
    .home_wapper .more_fleta_title::before {
        right: 3.0625vw;
    }
}




@media screen and (min-width : 2560px) {

    .home_wapper {
        padding-top : 99.84px;
    }
    
    .split_bar {
        height : 129.9968px;
    }
    
    .home_wapper .flow_banner {
        height : 949.9904000000001px;
    }
    
    .home_wapper h2,
    .home_wapper h3,
    .home_wapper h4 {
        width : 1600px;
    }
    .home_wapper h2 {
        font-size : 71.98719999999999px;
        padding-top : 251.98080000000002px;
    }
    
    .home_wapper h3 {
        font-size : 48px;
        padding-top : 32px;
    }
    
    .home_wapper h4 {
        font-size : 23.9872px;
        padding-top : 56.9856px;
    }
    
    .home_wapper h5 {
        font-size : 91.9808px;
    }
    
    .home_wapper h5::before,
    .home_wapper h5::after {
        top: - 0.9984000000000001px;
        width : 16px;
        height : 59.9808px;
    }
    .home_wapper h5::after {
        left : 16px;
    }
    .home_wapper h5::before {
        right : 16px;
    }
    
    .home_wapper .flow_banner_sns {
        bottom : 89.984px;
    }
    .home_wapper i {
        font-size : 49.9968px;
        margin: 0 27.4944px;
    }
    .home_wapper .sns_icon {
		width: 49.9968px;
		height: 49.9968px;
	}

	.home_wapper .flow_banner_content > div {
        height : 949.9904000000001px;
    }
    
    .home_wapper .flow_banner_page  {
        bottom : 24.985599999999998px;
    }
    
    .home_wapper .flow_banner_page button {
        border-radius : 9.984000000000002px;
        width : 19.9936px;
        height : 19.9936px;
        margin: 0 13.491200000000001px;
    }
    
    .home_wapper .flow_banner_page button.active {
        width : 57.98400000000001px;
    }
    
    .home_wapper .button_area > div{
        height : 257.408px;;
        background-position: 0 - 38.4px;
    }
    .home_wapper .button_area button {
        top : 102.4px;
        width : 299.98080000000004px;
        height : 78.976px;
    }
    
    .home_wapper .fleta_explanation {
        width : 1799.9872px;
    }
    
    .home_wapper .fleta_explanation .fleta_building{
        height : 1000px;
    }
    
    .home_wapper .fleta_explanation > div:first-child{
        padding : 114.99520000000001px 0 201.98399999999998px 0;
    }
    
    .home_wapper .explanation_contents_case {
        height : 1229.9776px;
    }
    
    .home_wapper .explanation_contents {
        width : 1259.9808000000003px;
    }
    .home_wapper .explanation_contents > div {
        font-size : 104.98559999999999px;
        letter-spacing: - 1.0982399999999999px;
    }
    
    .home_wapper .explanation_contents p {
        width : 1259.9808000000003px;
    }
    
    .home_wapper .explanation_contents_page button {
        width : 199.9872px;
        height : 9.984000000000002px;
        margin-right : 33.9968px;
    }
    
    .home_wapper .explanation_contents .exp_text {
        font-size : 29.977600000000002px;
        letter-spacing: - 0.29952px;
    }
    
    .home_wapper .fleta_document {
        padding : 46.976000000000006px 0 167.9872px 0;
    }
    
    .home_wapper .document_icon {
        padding : 32px 0 64.9984px 0;
    }
    .home_wapper .document_icon img {
        height : 209.99935999999997px;
    }
    .home_wapper .button_case {
        padding-bottom : 36.992000000000004px;
    }
    .home_wapper .button_case img {
        width : 800px;
    }
    .home_wapper .tech_benefit {
        padding-top : 43.52px;
        padding-bottom : 219.98080000000002px;
    }
    .home_wapper .tech_benefit_case {
        width : 1849.984px;
        padding-top : 49.9968px;
    }
    
    .home_wapper .tech_benefit_case .tech_element {
        padding-top : 139.9808px;
    }
    .home_wapper .tech_benefit_case .tech_element img {
        width : 608px;
    }
    .home_wapper .tech_benefit_case .middle_split_bar > div:first-child {
        width : 3.9936000000000003px;
        left:- 1.9968000000000001px;
    }
    
    .home_wapper .arrow_case {
        width : 66.99520000000001px;
    }
    
    .home_wapper .arrows {
        left: - 94.976px;
    }
    .home_wapper .arrow {
        width : 66.99520000000001px;
        height : 124.97919999999998px;
    }
    .home_wapper .arrow img {
        width : 66.99520000000001px;
        height : 124.97919999999998px;
    }
    .home_wapper .arrow:nth-child(2) div {
        padding : 29.977600000000002px 0;
    }
    .home_wapper .tech_element dt {
        font-size : 51.99360000000001px;
        padding : 19.9936px 0 9.984000000000002px 0;
    }
    .home_wapper .tech_element dd::before {
        width : 5.990400000000001px;
        height : 5.990400000000001px;
        top: - 4.992000000000001px;
        margin-right : 9.984000000000002px;
    }
    
    .home_wapper .tech_element dl {
        padding-bottom : 43.9808px;
    }
    .home_wapper .tech_element dd {
        font-size : 29.977600000000002px;
    }
    
    .home_wapper .benefit {
        padding-top : 199.9872px;
    }
    
    .home_wapper .benefit_case {
        padding : 99.9936px 59.9808px;
        width : 679.9872px;
        height : 1514.9823999999999px;
        border-radius : 68.992px;
        border: solid 0.9984000000000001px #337fff;
    }
    
    .home_wapper .benefit_text {
        font-size : 45.9776px;
    }
    
    .home_wapper .benefit_list li {
        padding-bottom : 104.98559999999999px;
    }
    .home_wapper .benefit_list img {
        width : 220.99968px;
    }
    .home_wapper .benefit_text {
        padding-left : 59.9808px;
    }
    
    .home_wapper .road_map{
        padding-top : 200px;
    }
    .home_wapper .quarter_map {
        padding : 109.99808000000002px 0 309.99807999999996px 0;
    }
    .home_wapper .quarter_map ul li {
        width : 384px;
        margin: 0 12.8px;
    }
    .home_wapper .quarter_map .year {
        font-size : 57.999359999999996px;
        letter-spacing: - 0.59904px;
    }
    .home_wapper .quarter_map .quarter {
        font-size : 57.999359999999996px;
        letter-spacing: - 0.59904px;
    }
    
    .home_wapper .bar {
        padding : 19.998720000000002px 0 32px 0;
        background-size : 5.99808px 2.99776px;
        background-position: 0 26.99776px;
    }
    .home_wapper .bar li {
        height : 17.99936px;
    }
    .home_wapper .bar li.current {
        height : 26.99776px;
        margin-top: - 8px;
        top : 4px;
        border-radius : 12.999936px;
    }
    
    .home_wapper ol li {
        font-size : 30px;
        letter-spacing: - 0.299776px;
    }
    .home_wapper .more_fleta_title,
    .home_wapper .partners_title,
    .home_wapper .advisors_title,
    .home_wapper .core_team_title {
        padding : 169.99936000000002px 0 180px 0;
    }
    
    .home_wapper .core_team_title::after,
    .home_wapper .advisors_title::after,
    .home_wapper .partners_title::after,
    .home_wapper .more_fleta_title::after {
        left : 40px;
    }
    
    .home_wapper .core_team_title::before,
    .home_wapper .advisors_title::before,
    .home_wapper .partners_title::before,
    .home_wapper .more_fleta_title::before {
        right : 40px;
    }
    .home_wapper .advisors_case ul,
    .home_wapper .core_team_case ul {
        width : 2160.64px;
    }
    
    .home_wapper .advisors_case li,
    .home_wapper .core_team_case li {
        width : 691.2px;
        margin-bottom : 123.39200000000001px;
    }
    
    .home_wapper .profile_pic {
        border-radius : 128px;
        width : 256px;
        height : 256px;
    }
    
    .home_wapper .core_team_case .detail {
        border : 0.9984000000000001px solid #337fff;
        width : 46.08px;
        height : 46.08px;
        border-radius : 46.08px;
        font-size : 48.64px;
        padding : 0px 0 30.72px 0px;
        line-height : 33.28px;
        top : 102.4px;
        left : 227.84px;
    }
    
    .home_wapper .profile_content {
        margin : 64px 0 0 20.48px;
    }
    
    .home_wapper .profile_content .profile{
        border-bottom : 0.9984000000000001px solid #e6e6e6;
    }
    
    .home_wapper .profile_content .profile p {
        display: inline-block;
        font-size : 44.672000000000004px;
        width : 307.2px;
    }
    
    .home_wapper .profile_content .profile i {
        font-size : 64px;
    }
    
    .home_wapper .profile_content .position {
        font-size : 40.2432px;
        padding-top : 10.24px;
        width : 384px;
    }
    .home_wapper .profile_content .a_position {
        font-size : 28.16px;
    }
    
    .home_wapper .partners_case ul {
        width : 2160.64px;
    }
    
    .home_wapper .partners_case li {
        margin: 0 25.6px 102.4px 25.6px;
    }
    
    .home_wapper .partners_case li img {
        width : 332.8px;
        height : 121.01632px;
    }
    
    
    .home_wapper .more_fleta_case {
        padding-bottom : 200px;
    }
    
    .home_wapper .more_fleta_case li {
        width : 480px;
        border-radius : 50.995200000000004px;
        padding : 36.48px;
        margin: 0 9.999360000000001px;
    }
    
    .home_wapper .more_fleta_case li img {
        width : 480px;
        height : 268.4928px;
    }
    
    .home_wapper .more_fleta_case .medium-title {
        width : 480px;
        height : 181.99040000000002px;
        margin-top : 40px;
        font-size : 35.993599999999994px;
    }
    .home_wapper .more_fleta_case .medium-text {
        width : 480px;
        height : 139.9808px;
        margin : 40px 0;
        font-size : 24.9776px;
    }
    
    .home_wapper .more_fleta_case .medium-info {
        font-size : 16.9984px;
        padding : 36.48px;
    }
    
    .home_wapper .more_fleta_case .medium-info i {
        font-size : 16.9984px;
        margin:0 16.9984px 0 0 ;
    }
    .home_wapper .more_fleta_case .medium-info i ~ i {
        margin-left : 16.9984px;
    }
    
    .home_wapper #ProfileLayer {
        box-shadow : 2.99776px 14.99904px 29.99808px 0 rgba(0, 0, 0, 0.16);
        width : 544.9984000000001px;
        height : 714.9823999999999px;
    }
    
    .home_wapper #ProfileLayer .top_area {
        height : 152.9856px;
        width : 544.9984000000001px;
    }
    .home_wapper #ProfileLayer .top_area .name {
        font-size : 41.983999999999995px;
        padding : 24.985599999999998px 0 4.992000000000001px 30.976px;
    }
    .home_wapper #ProfileLayer .top_area .position {
        font-size : 32px;
        padding-left : 30.976px;
    }
    .home_wapper #ProfileLayer .profile {
        height : 561.9968px;
        width : 544.9984000000001px;
        padding : 11.980800000000002px 19.9936px;
    }
    .home_wapper #ProfileLayer .ProfileLayerClose {
        right : 14.975999999999999px;
        top : 14.975999999999999px;
    }
    
    .home_wapper #ProfileLayer .ProfileLayerClose img {
        width : 51.2px;
    }
}

@media screen and (max-width : 720px) {
    .home_wapper .top_banner {
        height: 70.109vh;
    }
    .home_wapper .flow_banner {
        height: 60.109vh;
    }
    .home_wapper .flow_banner_content > div {
        height: 60.109vh;
    }
    .home_wapper h2 {
        font-size: 8.812vw;
        padding-top: 18.843vw;
    }
    .home_wapper h3 {
        font-size: 4.875vw;
        padding-top: 1.25vh;
    }
    .home_wapper .flow_banner_content h4 {
        display: none;
    }
    .home_wapper .top_banner .view_button {
        width: 27.875vw;
        height: 8vw;
        font-size: 5vw;
    }
    .home_wapper .button_area > div {
        height: 10vh;
    }
    .home_wapper .button_area > div {
        background-position: center;
        background-size: cover;
    }
    .home_wapper .flow_banner_sns {
        bottom: 7vw;
    }
    .home_wapper i {
        font-size: 7vw;
        margin: 0 3vw;
    }
    .home_wapper .sns_icon {
		margin: 0.7vw 1.5vw;
		width: 4vw;
		height: 4vw;
	}
    .home_wapper .flow_banner_page {
        bottom: 0.976vw;
    }
    .home_wapper .flow_banner_page {
        bottom: 0.976vw;
    }

    .home_wapper .flow_banner_page button.active {
        width: 6vw;
    }
    .home_wapper .flow_banner_page button {
        width: 2vw;
        height: 2vw;
        border-radius: 1vw;
    }

    .home_wapper .button_area button {
        top: 3vh;
        width: 30vw;
        height: 8vw;
    }

    .home_wapper .fleta_explanation > div:first-child {
        display: none;
    }
    .home_wapper .explanation_contents_case {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding: 5vh 0;
    }
    .home_wapper .explanation_contents {
        width: 100%;
    }
    .home_wapper .explanation_contents p{
        width: 70vw;
    }
    .home_wapper .explanation_contents_page {
        padding-top: 1vw;
    }
    .home_wapper .explanation_contents_page button {
        width: 21.5vw;
        height: 1vw;
    }
    .home_wapper .explanation_contents .exp_text {
        font-size: 2vw;
    }
    .home_wapper .explanation_contents > div {
        font-size: 6vw;
    }
    .home_wapper .explanation_contents .content1 {
        padding-top: 7vh;
    }

    .home_wapper .document_icon {
        display: none;
    }
    .home_wapper .fleta_document div:nth-child(2) {
        padding-top: 5.445vw;
    }


    .home_wapper .core_team_case .detail {
        width: 6vw;
        height: 6vw;
        border-radius: 7.25vw;
        font-size: 8vw;
        padding: 0vw 0vw 1.3vw 0.2vw;
        top: 23.5vw;
        left: 12.35vw;
    }
    .home_wapper #ProfileLayer {
        width: 65vw;
        height: 85vw;
    }
    .home_wapper #ProfileLayer .top_area {
        padding: 3vw 0px 3vw 2vw;
    }
    .home_wapper #ProfileLayer .top_area .name {
        font-size: 5vw;
        padding: 0.976vw 0 0.195vw 1.21vw;
    }
    .home_wapper #ProfileLayer .top_area .position {
        font-size: 4vw;
        padding-left: 1.21vw;
    }
    .home_wapper #ProfileLayer .top_area {
        width: 63vw;
        height: 12vw;
    }
    .home_wapper #ProfileLayer .profile {
        width: 65vw;
        height: 67vw;
    }
    .home_wapper #ProfileLayer .ProfileLayerClose {
        right: 1vw;
        top: 1vw;
    }
    .home_wapper #ProfileLayer .ProfileLayerClose img {
        width: 6vw;
    }
}


.button_case button {
	width: 39vw;
	border-radius: 5vw;
	-webkit-backdrop-filter: blur(2.5vw);
	backdrop-filter: blur(2.5vw);
	font-family: Akrobat;
	font-size: 2.5vw;
	font-weight: 900;
	text-align: center;
	line-height: 1;
	padding: 1.3vw;
}
.button_case button p {
	display: inline-block;
}
.button_case.main_btn1 button {
	border: solid 5px #6e45e5;
	background-image: linear-gradient(to bottom, #337fff, #6e45e5);
	color: #fff;
}
.button_case.main_btn1 button:hover {
	border: solid 5px #7fe5ff;
	background-image: linear-gradient(to bottom, #f2f6fc, #3cbcff);
	color: #fff;
}
.button_case.main_btn2 button {
	border: solid 5px #6e45e5;
	background-image: linear-gradient(to bottom, #f2f2f2, #ffe200);
	color: #6e45e5;
}
.button_case.main_btn2 button:hover {
	border: solid 5px #7fe5ff;
	background-image: linear-gradient(to bottom, #ffe200, #3cbcff);
	color: #ffe200;
}

@media screen and (max-width : 1024px) {
	.button_case button {
		width: 50vw;
		border-radius: 10vw;
		font-size: 5vw;
		line-height: 1.0;
		padding: 2.5vw;
	}

}