@media screen and (max-width: 767px) {
    header > div > nav > i.openMenu{display:block;width:18px;height:12px;background:url("../images/menu_btn.png") no-repeat;background-size:18px 12px}
    header > div > nav > div{bottom:0;display:none;left:0;position:fixed;right:0;top:0}
    header > div > nav > div.open{animation:overlay-menu__fade-in-animation .1s ease-out;animation-fill-mode:forwards;background-color:#fff;display:flex;flex-direction:column;overflow:auto;padding:clamp(1rem,0,20rem) clamp(1rem,0,20rem) clamp(1rem,0,20rem) clamp(1rem,0,20em);z-index:100000}
    header > div > nav > div.open > i.closeMenu{display:block}
    header > div > nav > div.open > div{justify-content:flex-start}
    header > div > nav > div > i.closeMenu{position:absolute;right:0;top:5px;z-index:2;background:url("../images/close_btn.png") no-repeat;background-size:18px 18px;width:24px;height:24px}
    header > div > nav > div.open{}
    header > div > nav > div.open > div{padding-top:calc(2rem + 24px)}
    header > div > nav > div.open > div > ul{flex-direction:column;flex-wrap:nowrap}
    header > div > nav > div.open > div > ul > li{color:#000}
    header > div > nav > div.open > div > ul > li > a{line-height:30px}
    .web_wallte_box > div:nth-child(2) > div > div:nth-child(1),.web_wallte_box > div:nth-child(1) > div:nth-child(2) > div:nth-child(1),.web_wallte_box > div:nth-child(1) > div:nth-child(2) > div:nth-child(2),.web_wallte_box > div:nth-child(2) > div > div:nth-child(2){flex-basis:100%}
    .walk_into_box > div:nth-child(2) > div{flex-basis:100%}
    .new_news_box > div:nth-child(2) > ul{grid-template-columns: 1fr;}
    .about_box > div > div:nth-child(2){flex-basis:100%}
    .about_box > div > div:nth-child(2){flex-basis:100%}
    .top_main_box > div > div:nth-child(2){gap:unset;}
    .top_main_box > div > div:nth-child(2) > div:nth-child(1){margin-bottom: 15px;}
    .top_main_box > div > div:nth-child(2) > div .pc_btn{display: none;}
    .about_box{padding: 20px 1rem;}
    .about_box > div > div:nth-child(1) > div{flex-wrap:wrap;}
    .about_box > div > div:nth-child(1) > div > div{width: 100%;padding-bottom: 2rem;}
    .join_box > div > div > div:nth-child(3){grid-template-columns: repeat(1, minmax(0, 1fr));}
}

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

}

@media screen  and (min-width: 782px) {
    .explore_box > div{flex-wrap:nowrap}
    .explore_box > div > div:nth-child(1){flex-grow:0}
    .explore_box > div > div:nth-child(2){flex-grow:0}
    .explore_box > div > div:nth-child(2) > div{flex-wrap:nowrap}
    .explore_box > div > div:nth-child(2) > div > div{flex-basis:0;flex-grow:1}
    .web_wallte_box > div:nth-child(1) > div:nth-child(2),.web_wallte_box > div:nth-child(2) > div{flex-wrap:nowrap}
    .web_wallte_box > div:nth-child(1) > div:nth-child(2) > div,.web_wallte_box > div:nth-child(2) > div > div{flex-grow:0}
    .walk_into_box > div:nth-child(2){flex-wrap:nowrap}
    .walk_into_box > div:nth-child(2) > div{flex-basis:0;flex-grow:1}
    .about_box > div{flex-wrap:nowrap}
    .about_box > div > div:nth-child(1){flex-grow: 0;}
    .about_box > div > div:nth-child(2){flex-wrap:nowrap}
    .about_box > div > div:nth-child(2) > div{flex-basis:0;flex-grow:1}
    .about_box > div > div:nth-child(1) > div{flex-wrap: nowrap;}

    .join_box > div > div > div:nth-child(3){grid-template-columns: repeat(3, minmax(0, 1fr));}

}