@media(max-width:1400px){
    .nav-wrap{width: 100%; padding: 0 15px; }
    /* mainvisual */
    h3{
        font-size: 40px;
    }
    h5{
        font-size: 20px;
        margin-bottom: 24px;
    }
    #mainvisual{
        height: auto;
    }
    .sub-title{
        font-size: 16px;
        margin-top: 20px;
    }
    .main-bg{
        top: 70px;
    }
    .mainvisual-wrap{
        width: 100%;
        padding: 120px 15px 0;
    }
    .mainvisual-wrap .title{
        font-size: 50px;
    }
    .mainvisual-wrap .text-box{
        padding: 20px;
    }
    .mainvisual-wrap .text-box .event .sort{
        font-size: 20px;
        margin-bottom: 12px;
    }
    .mainvisual-wrap .text-box .event .text{
        font-size: 16px;
        font-weight: 400;
    }
    .mainvisual-wrap .text-box .content{
        margin-top: 20px;
        padding: 20px;
    }
    /* track */
    .track-wrap{
        width: 100%;
        padding: 120px 15px;
    }
    .track-box{
        gap: 20px;
    }
    .track-box > li .sort{
        font-size: 16px;
    }
    .track-box > li .title{
        font-size: 24px;
    }
    /* about */
    .about-wrap{
        width: 100%;
        padding: 120px 15px;
    }
    .about-wrap .text-box{
        margin-top: 40px;
        padding: 20px;
        border: 1px solid #333;
    }
    .new-list li{
        padding: 20px 16px;
    }
    .new-list li .num{
        font-size: 16px;
    }
    .new-list li .title{
        font-size: 20px;
    }
    /* solution */
    .solution-wrap{
        width: 100%;
        padding: 120px 15px;
    }
    .lineup-list{
        gap: 20px;
    }
    .lineup-list li{
        padding: 20px;
    }
    .lineup-list li .sort{
        font-size: 15px;
    }
    .lineup-list li .name{
        font-size: 20px;
        margin-bottom: 10px;
    }
    /* info */
    .info-wrap{
        width: 100%;
        padding: 120px 15px;
    }
    .info-wrap .box-wrap{
        margin-top: 40px;
        gap: 20px;
    }
    .info-wrap .box-wrap li .sort{
        font-size: 20px;
    }
    .info-wrap .box-wrap li .content{
        font-size: 20px;
    }
    .info-wrap .box-wrap li .sub{
        margin-top: 12px;
    }
    #register{
        padding: 0;
    }
}
@media(max-width:1000px){
    .mainvisual-wrap{
        padding: 130px 15px 0;
    }
    .mainvisual-wrap .text-box{
        margin-top: 60px;
    }
    .mainvisual-wrap .text-box .content{
        font-size: 15px;
    }
    .track-box > li img{
        opacity: 0.5;
    }
    .track-box > li .sort{
        font-size: 15px;
    }
    .track-box > li .text-box{
        padding: 12px;
    }
    .track-box > li .text-list li{
        font-size: 15px;
    }
    .track-box > li .text-list li::before{
        left: 8px;
    }
    .about-wrap .text-box{
        font-size: 15px;
        margin-top: 60px;
    }
    .new-list{
        flex-wrap: wrap;
    }
    .new-list li{
        width: calc(50% - 20px);
    }
    .new-list li .cont{
        font-size: 15px;
    }
    .lineup-list li{
        padding: 20px 12px;
    }
    .lineup-list li .sub{
        font-size: 15px;
    }
    .info-wrap .box-wrap{
        margin-top: 60px;
    }
    .info-wrap .box-wrap li .sub{
        font-size: 15px;
    }
}

@media(max-width:768px){
    .nav-wrap .logos h1{height: 20px;}
    .nav-wrap .logos h1::after{height: 22px;}
    .nav-wrap .logos h2{height: 20px;}
    .menu{display: none;}
    .mob-wrap{display: block;}    
    .menu-box{position: absolute; z-index: 20; width: 100%; height: 100vh; top: 70px; left: 0; background-color: #000000; text-align: center; padding: 20px;}    
    .menu-box li{color: #fff; height: 64px; border-bottom: 1px solid #555;}
    .menu-box li a{color: #fff; height: 100%; display: flex; align-items: center; justify-content: center;}
    .menu-box li.register a{color: #3cc8f3;}
    /* mainvisual */
    h3{
        font-size: 32px;
    }
    h5{
        font-size: 18px;
        margin-bottom: 12px;
    }
    .sub-title{
        font-size: 15px;
    }
    .mainvisual-wrap .title{
        font-size: 40px;
        text-shadow: 5px 5px 20px #000;
    }
    .mainvisual-wrap .text-box{
        padding: 12px;
    }
    .mainvisual-wrap .text-box .event > div{
        padding: 0 12px;
    }
    .mainvisual-wrap .text-box .event .sort{
        font-size: 18px;
        margin-bottom: 10px;
    }
    .mainvisual-wrap .text-box .event .text{
        font-size: 15px;
    }
    .mainvisual-wrap .text-box .content{
        padding: 12px;
    }
    .mainvisual-wrap .text-box .content span{
        display: block;
        margin-bottom: -10px;
    }
    .mainvisual-wrap .btn{
        width: 200px;
        height: 48px;
        line-height: 46px;
    }
    .mainvisual-wrap .btn a{
        font-size: 16px;
        font-weight: 700;
    }
    /* track */
    .track-box{
        margin-top: 20px;
        gap: 12px;
    }
    .track-box li{
        width: 100%;
        padding: 12px;
    }
    .track-box > li .title{
        font-size: 20px;
    }
    .track-box > li .text-box{
        padding: 12px;
        font-size: 15px;
        margin-top: 20px;
    }
    .track-box > li .text-list li{
        font-size: 14px;
    }
    /* about */
    .about-wrap .text-box{
        margin-top: 20px;
        padding: 12px;
        line-height: 140%;
    }
    .new-list{
        gap: 12px;
        margin-top: 20px;
    }
    .new-list li{
        width: calc(50% - 6px);
        padding: 12px;
        padding-bottom: 20px;
        text-align: left;
    }
    .new-list li:hover{
        transform: translateY(0);
    }
    /* solution */
    .solution-bg{
        opacity: .6;
    }
    .lineup-list{
        gap: 12px;
        margin-top: 20px;
        justify-content: center;
    }
    .lineup-list li{
        width: calc(50% - 6px);
        padding: 12px;
    }
    .lineup-list li .sort{
        font-size: 12px;
        margin-bottom: 10px;
    }
    /* info */
    .info-wrap .box-wrap{
        margin-top: 20px;
        gap: 12px;
    }
    .info-wrap .box-wrap li{
        width: 100%;
        padding: 12px;
    }
    .info-wrap .box-wrap li .sort{
        font-size: 15px;
        margin-bottom: 10px;
    }
    .info-wrap .box-wrap li .sub{
        margin-top: 6px;
    }
}
@media(max-width:400px){
    .main-bg{
        width: 120%;
    }
}