/*base*/
body, ul, li, ol,p,h1,h2,h3,h4,h5,h6,dl,dt,dd{margin:0; padding:0;}
body{font:normal 12px suit, serif; height:100%}
ul{list-style: none;}
img{border:0; vertical-align: top;}
a{text-decoration: none;}
input, select{outline:none;}

#wrap{
    width:100vw; 
    height:100vh;
    position:relative;
    background: none;
}
.backvi_slider {
    width: 100%;
    height:100%;
    overflow: hidden;
}
.backvi{
    height:100%;
    z-index:-4;
    position:relative;
}
.backvi #wholevideo {
    width:100vw;
    position: absolute;
    top:0;
    left:0;
}
.backvi .backvi_slide {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-3;
    opacity: 0;
}
.backvi .backvi_slide.show {
    opacity: 1;
}
.backvi .backvi_slide:first-child {
    opacity:1;
}

.nav_bar, .nav_tab, .nav_tab_white, .nav_cont{
    position:relative; 
    z-index: 100;
}

.thumb_menu .pagination .dot.active {
    background-color:#96C13C!important
}
button.prev, button.next {
    position: absolute;
    
}
.goog-te-combo {
    border: 1px solid rgba(255,255,255,0.7);
    border-radius:5px;
    padding:2px;
}




#direct{
    width:100px; 
    height:100px; 
    border-radius:100px; 
    background:linear-gradient(90deg,#02ebe7,#2BA439); 
    color:#fff; 
    font-size:18px; 
    font-weight:800; 
    text-align:center; 
    position:fixed; 
    bottom:130px; 
    right:21%; 
    cursor:pointer; 
    transition:all 0.5s; 
    box-shadow:5px 10px 10px rgba(0,0,0,0.1); 
    display:flex; 
    flex-direction:column;
    z-index:999
}
#direct:hover{
    bottom:140px
}
    #direct img{
    width:100%; 
    height:50px; 
    object-position: right; 
    object-fit: contain; 
}




/*pc*/
@media (min-width:1200px) and (max-width:1967px) {
    #header_t, #header_m, #nav_m, .news_right_m, #edumobile, button.prev, button.next{
        display: none;
    }
    .backvi .backvi_slide{
        width: 100%;
        height:100%;
    }
    .backvi .backvi_slide img {
        display: none;;
    }
    .indexvideo{
        width:100vw; top:0; left:0;
        z-index:0
    }
    .backvi .backvi_slide .txt{
        position:absolute;
        top:0;
        left:0;
        z-index:3;
        width:50%;
        height:100%;
    }
    .backvi .backvi_slide .txt h1{
        position:absolute;
        bottom:200px;
        left:10vmin;
    }
    .backvi .backvi_slide .txt h1 span{
        display: block;
        color:#fff;
        text-shadow: 0 0 10px rgba(0,0,0,0.5)
    }
    .backvi .backvi_slide .txt h1 .t1{
        font-size:30px;
        font-weight:400;
        margin-bottom:56px;
    }
    .backvi .backvi_slide .txt h1 .t2{
        font-size:70px;
    }
    .backvi .backvi_slide .txt h1 .t3{
        font-size:36px;
        font-weight:500
    }

    button.prev, button.next {
        bottom:130px; 
        color:#fff;
        font-size:2rem;
        cursor: pointer;
        z-index:1;
        padding:0 15px 5px;
        border: 1px solid #fff;
        border-radius:50%;
        background: none;
        transition:0.5s;
    }
    button.prev {
        left:10vmin;
    }
    button.next {
        left:16.5vmin;
    }
    button.prev:hover, button.next:hover{
        background-color: rgba(255,255,255,0.3)
    }




    /*content*/
    #cont{
        width:calc(100vw - 10px); 
        height:calc(100% - 60px); 
        position:absolute;
        top:60px; 
        left:10px;
    }

    #cont .thumb_menu{
        width:100%; 
        position:absolute; 
        bottom:0; 
        left:0; 
        height:116px;
        z-index: 10
    }
    #cont .thumb_menu ul{
        width:100%; 
        position:absolute;
    }
    #cont .thumb_menu ul li{
        width:calc(100% / 6); 
        box-sizing: border-box; 
        background-color: rgba(0,0,0,0.5); 
        background-blend-mode: color-dodge; 
        border:1px solid rgba(255,255,255,0.3); 
        transition: 0.5s;
        float:left; 
    }
    #cont .thumb_menu ul li a{
        color:#fff; 
        text-align: center; 
        display: block; 
        width:100%; 
        height:100%;
        padding:2.5vmin 0 10vmin;
    }
    #cont .thumb_menu ul li a p{
        color:rgba(255,255,255,0.7); 
        padding-bottom:10px;
    }
    #cont .thumb_menu ul li a h5{
        font-size:3vmin;
    }
    #cont .thumb_menu ul li:hover{
        background-color: #93BE39;
    }


    .cardnews{
        width:calc((100% - 10px) * 0.2); 
        height:82%;
        display: flex; 
        flex-flow:column;
        justify-content: space-between;
        gap:2vmin;
        position:absolute; 
        top:calc((100% - 116px) * 0.5); 
        right:0px;
        transform:translateY(-50%);
        box-sizing: border-box;
        padding:0 10px;
    }
    .cardnews .news_left_t,.news_left_m{
        display:none
    }
    .cardnews .news_left{
        width:100%;
        background-color: rgba(0,0,0,0.2); 
        border-radius: 10px; 
        padding:15px; 
        box-sizing: border-box;
        height: calc(33% - 20PX);
        border:1px solid rgba(255,255,255,0.5)
    }
    .cardnews .news_left h3{
        font-size:2.3vmin; 
        color:#fff; 
        padding:0 0 10px 10px; 
        border-bottom:1px solid #fff; 
        margin-bottom:10px;
    }

    .cardnews .news_left ul li{
        width:100%; 
        padding:5px 5px; 
        border-bottom:1px solid rgba(255,255,255,0.3); 
        color:#fff; 
        display: flex; 
        justify-content: space-between; 
        box-sizing: border-box; 
        font-size:1.5vmin; 
        cursor:pointer;
    }
    .cardnews .news_left ul li:last-child{
        border-bottom:none;
        padding-bottom:0;
    }
    .cardnews .news_left ul li h4{
        width:75% ; 
        font-weight:normal;
    }

    .cardnews .news_middle_t, .news_middle_m{
        display: none;
    }
    .cardnews .news_middle{
        width:100%; 
        background:linear-gradient(to top, #3f9bff 0%, #00b999 100%); 
        border-radius:10px; 
        box-sizing: border-box; 
        padding:15px; 
        overflow: hidden;
        height: 55%;
        border:1px solid rgba(255,255,255,0.5);
        box-sizing: border-box;
    }
    .cardnews .news_middle h3{
        border-bottom: 1px solid #fff; 
        color:#fff; 
        padding:0 0 10px 10px; 
        font-size:2.3vmin; 
        margin-bottom:10px;
    }
    .cardnews .news_middle .history_slide{
        width:100%; 
        height:calc(100% - 2.5vmin - 30px); 
    }
    .cardnews .news_middle .history_slide ul{
        width:100%; 
        height:100%;
    }

    .cardnews .news_middle .history_slide #history_slide .slick-track li{
        padding:1.1vmin 1vmin; 
        font-size:1.5vmin; 
        box-sizing: border-box; 
    }
    .cardnews .news_middle .history_slide #history_slide .slick-track li:nth-child(even){
        background-color: rgba(255,255,255,0.1); 
        border-radius: 20px;
    }

    .cardnews .news_middle .history_slide ul li a{color:#fff}

    .cardnews .news_right{
        width:100%; 
        border-radius: 10px; 
        overflow: hidden;
        aspect-ratio: 1/1;
        height:55%;
        border:1px solid rgba(255,255,255,0.5);
        box-sizing: border-box;
    }
    .cardnews .news_right .n_slider a img{
        width: 100%;
    }
    .news_slider{
        width: 700%;
        height: 100%;
        display: flex;
    }
    .news_slider .n_slider {
        position: relative;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .news_slider .n_slider span {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background-color: rgba(255,255,255,0.4);
        padding: 10px 20px;
    }
    .news_slider .n_slider a{display: block; width:100%; height:100%;}
    .news_slider .n_slider a img{width:100%; height:100%; object-fit: cover;}
}

/*tablet*/
@media (min-width:768px) and (max-width:1199px){
    #header_pc, #nav_pc, .news_right_m, button.prev, button.next{display: none;}
    #header_m, #nav_m{display: block; position:fixed; top:0; left:0; z-index: 100;}
    .backvi_slider {
        width: 100%;
        height: calc(100% - 60px);
        padding-top:60px;
    }
    .backvi {
        height:100%;
        position: relative;
    }
    .backvi #wholevideo {
        height:100%;
        position:absolute;
        top:0;
        left:50%;
        transform: translateX(-50%);
        object-fit: cover;
    }
    .backvi .backvi_slide img {
        display: none;;
    }
    .backvi .backvi_slide {
        width:100%;
        height:100%;
        position:relative;
        box-sizing: border-box;
        overflow: hidden;;
    }
    .backvi_slide .txt {
        padding:80px 40px;
    }
    
    .backvi .backvi_slide .txt h1{
        display: flex;
        flex-direction: column;
        color:rgba(255,255,255,0.7);
        text-shadow: 0 0 10px rgba(0,0,0,0.8);
    }
    .backvi .backvi_slide .txt h1 .t1 {
        font-size:24px;
        margin-bottom:20px;
        font-weight:500;
    }
    .backvi .backvi_slide .txt h1 .t2 {
        font-size:50px;
        color:rgba(255,255,255,1);
        margin-bottom: 10px;
        font-weight:900;
    }
    .backvi .backvi_slide .txt h1 .t3 {
        font-size:35px;
        color:rgba(255,255,255,1);
    }

    button.prev, button.next {
        position: absolute;
        top:330px;
        background: rgba(255,255,255,0);
        color:#fff;
        border: 1px solid #fff;
        font-size:1.8rem;
        padding:0 15px 5px;
        border-radius:50%;
        z-index:30;
    }
    button.prev {
        left:40px;
    }
    button.next {
        left: 100px;
    }

    #cont{
        display: block; 
        position:absolute; 
        top:60px; 
        left:0;
        height:calc(100% - 60px);
        width:100%;
    }

    #cont .cardnews{
        width:calc(100% - 80px); 
        height:20%; 
        display: flex; 
        justify-content: space-between;
        position: absolute;
        bottom: calc(8% + 40px);
        left: 40px;
        gap: 20px;
    }
    .cardnews .news_left,.news_left_m{display: none;}
    .cardnews .news_left_t{
        width:35%;  
        background-color: rgba(0,0,0,0.5); 
        border-radius: 10px; 
        box-sizing: border-box; 
        padding:2.2vmin; 
    }
    .cardnews .news_left_t h3{font-size:2.6vmin; padding:0 0 10px 10px; border-bottom:1px solid rgba(255,255,255,1); color:#fff; margin-bottom:15px}
    .cardnews .news_left_t ul{
        display: flex; 
        flex-direction: column;
        width:100%; 
        height:calc(100% - 20px - 2.6vmin); 
        justify-content: space-around;
    }
    .cardnews .news_left_t ul li{
        width:100%; 
        padding:0 5px; 
        border-bottom:1px solid rgba(255,255,255,0.1); 
        font-size:1.8vmin;
    }
    .cardnews .news_left_t ul li h4{ 
        width:100%; 
        font-weight:400;
    }
    .cardnews .news_left_t ul li:last-child{
        border-bottom:none; 
        padding-bottom:none;
    }

    .cardnews .news_middle, .news_middle_m{display: none;}
    .cardnews .news_middle_t{
        width:30%; 
        background:linear-gradient(to top, #3f9bff 0%, #00b999 100%); 
        border-radius: 10px; 
        padding:2.2vmin; 
        box-sizing: border-box;
        overflow: hidden;
    }
    .cardnews .news_middle_t h3{
        font-size:2.6vmin; 
        color:#fff; 
        padding:0 0 10px 10px; 
        border-bottom:1px solid #fff; 
        margin-bottom:15px ;
    }

    .cardnews .news_middle_t .history_slide{
        width:100%; 
        overflow: hidden; 
    }
    .cardnews .news_middle_t .history_slide ul{width:100%; height:100%;display: flex; flex-direction: column; justify-content: space-between;}
    .cardnews .news_middle_t .history_slide #history_slide_t .slick-track li{padding:0.9vmin 0.9vmin; font-size:1.7vmin; box-sizing: border-box; }
    .cardnews .news_middle_t .history_slide #history_slide_t .slick-track li:nth-child(even){background-color: rgba(255,255,255,0.1); border-radius: 20px;}

    .cardnews .news_middle_t .history_slide ul li a{color:#fff}

    .cardnews .news_right{width:30%; background-color: red; overflow: hidden; overflow: hidden; border-radius:10px}
    .cardnews .news_right .news_slider{width:700%; height:100%;display: flex; }

    .news_slider .n_slider {
        position: relative;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .news_slider .n_slider a{display: block; width:100%; height:100%;}
    .news_slider .n_slider a img{width:100%; height:100%; object-fit: cover;}


    .thumb_menu{
        width:100%; 
        height:8%; 
        position:absolute; 
        bottom:0; 
        left:50%; 
        transform:translateX(-50%);
    }
    .thumb_menu ul{
        width:100%; 
        height:100%; 
        display: flex; 
    }
    .thumb_menu ul li{
        width:20%; 
        height:100%; 
        background-color:rgba(0,0,0,0.3); 
        color:#fff; 
        border:1px solid rgba(255,255,255,0.7); 
        text-align: center;
    }
    .thumb_menu ul li a{
        color:#fff; 
        display: block; 
        width:100%; 
        height:100%; 
        box-sizing: border-box; 
        padding-top:2.5vmin;
    }
    .thumb_menu ul li a p{
        font-size:1.2vmin; 
        margin-bottom:1.2vmin;
    }
    .thumb_menu ul li a h5{
        font-size: 2.2vmin;
    }

    #direct {
        right: 40px;
        bottom: calc(28% + 40px + 20px)
    }
}



/*Galaxy Fold*/
@media (min-width: 749px) and (max-width:767px) {

    #header_pc, #header_t, #nav_pc{display:none}
    #header_m, #nav_m {
        display: block;
    }
    #wrap {
        width:100;
        height: calc(100% - 60px);
        padding-top: 60px;
    }
    .backvi_slider .backvi #wholevideo {
        display: none;
    }
    .backvi_slider {
        width: 100%;
        height:100%;
    }
    .backvi {
        height: 100%;
        display: flex;
    }
    .backvi .backvi_slide {
        min-width:100%;
        height: 100%;
        box-sizing: border-box;
    }
    .backvi .backvi_slide img {
        width: 100%;
        height:100%;
        object-fit: cover;
        object-position: center;
        position: absolute;
        top:0px;
        left:50%;
        transform: translateX(-50%);
        z-index:-3;

    }
    .backvi .backvi_slide .txt h1{
        display: flex;
        flex-direction: column;
        color: #fff;
        text-align: center;
        text-shadow: 0 0 10px rgba(0,0,0,0.7);
        padding-top:70px
    }
    .backvi .backvi_slide .txt h1 .t1 {
        font-size: 2.5vmin;
        margin-bottom: 25px;
        font-weight: normal;
    }
    .backvi .backvi_slide .txt h1 .t2 {
        font-size: 5vmin;
        font-weight: 900;
    }
    .backvi .backvi_slide .txt h1 .t3 {
        font-size: 3vmin;
    }

    button.prev, button.next {
        position: absolute;
        top:64vmin;
        left:50%;
        font-size:1.5rem;
        color:#fff;
        border: 1px solid #fff;
        background: rgba(255,255,255,0);
        padding: 0 12px 5px;
        border-radius:50%;
        display: none;
    }
    button.prev {
        transform: translateX(-125%);
    }
    button.next {
        transform: translateX(25%)
    }

    #cont{
        display: block; 
        position:absolute; 
        bottom:0;
        left:0;
        height:calc(100% - 300px);
        justify-content: space-between;
    }

    #cont .cardnews{
        width:calc(100% - 140px); 
        margin:0 auto;
        height:65%; 
        display: flex; 
        flex-flow:row wrap; 
        justify-content: space-between; 
        gap:3vmin;
    }
    .cardnews .news_left,.cardnews .news_left_t{display: none;}
    .cardnews .news_left_m{
        width:calc((100% - 6vmin) / 3);  
        background-color: rgba(0,0,0,0.5); 
        border-radius: 10px; 
        box-sizing: border-box; 
        padding:2.5vmin; 
        height:100%;
        overflow: hidden;
    }
    .cardnews .news_left_m h3{
        font-size:2.5vmin; 
        padding:0 0 1vmin 10px; 
        border-bottom:1px solid rgba(255,255,255,1); 
        color:#fff; 
        margin-bottom:8px;
    }
    .cardnews .news_left_m ul{
        display: flex; 
        flex-direction: column; 
        justify-content: space-around; 
        width:100%; 
        height:calc(100% - 2.6vmin - 20px); 
    }
    .cardnews .news_left_m ul li{width:100%; padding:4px 0px; border-bottom:1px solid rgba(255,255,255,0.1); font-size:2vmin}
    .cardnews .news_left_m ul li h4{ width:100%; font-weight:400}
    .cardnews .news_left_m ul li:last-child{border-bottom:none; padding-bottom:none}

    .cardnews .news_middle,.cardnews .news_middle_t{display: none;}
    .cardnews .news_middle_m{
        width:calc((100% - 6vmin) / 3); 
        background:linear-gradient(to top, #3f9bff 0%, #00b999 100%); 
        border-radius: 10px; 
        padding:2.5vmin; 
        box-sizing: border-box; 
        height:100%;
        overflow: hidden;
    }
    .cardnews .news_middle_m h3{
        font-size:2.5vmin; 
        color:#fff; 
        padding:0 0 1vmin 10px; 
        border-bottom:1px solid #fff; 
        margin-bottom:8px;
    }

    .cardnews .news_middle_m .history_slide{
        width:100%; 
        height:80%; 
        overflow: hidden; 
        margin-bottom:1vmin;
    }
    .cardnews .news_middle_m .history_slide ul{
        width:100%; 
        height:100%;
        display: flex; 
        flex-direction: column; 
        justify-content: space-between;
    }
    .cardnews .news_middle_m .history_slide #history_slide_m .slick-track li{
        padding:1vmin 0.9vmin; 
        font-size:2vmin; 
        box-sizing: border-box; 
    }
    .cardnews .news_middle_m .history_slide #history_slide_m .slick-track li:nth-child(even){background-color: rgba(255,255,255,0.1); border-radius: 20px;}

    .cardnews .news_middle_m .history_slide ul li a{color:#fff}
    .cardnews .news_right_m {
        display: none;
    }
    .cardnews .news_right{width:calc((100% - 6vmin) / 3); overflow: hidden; height:100%; border-radius:10px;}
    .cardnews .news_right .news_slider,.cardnews .news_right_m .news_slider_m{width:700%; height:100%;display: flex; }

    .news_slider .n_slider,.news_slider_m .n_slider_m {
        position: relative;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .news_slider .n_slider a, .news_slider_m .n_slider_m a{display: block; width:100%; height:100%;}
    .news_slider .n_slider a img, .news_slider_m .n_slider_m a img{width:100%; height:100%; object-fit: cover;}


    .thumb_menu{
        width:100%; 
        height:18%; 
        position:absolute; 
        bottom:0; 
        left:0;
    }
    .thumb_menu ul{
        width:100%; 
        height:100%; 
        display: flex; 
        flex-flow: row wrap;
    }
    .thumb_menu ul li{
        width:calc(100% / 6); 
        height:100%; 
        background-color:rgba(0,0,0,0.3); 
        color:#fff; 
        border:1px solid rgba(255,255,255,0.7); 
        text-align: center;
        box-sizing: border-box;;
    }
    .thumb_menu ul li a{
        color:#fff; 
        display: block; 
        width:100%; 
        height:100%; 
        box-sizing: border-box; 
        position:relative;
    }
    .thumb_menu ul li a p{display:none}
    .thumb_menu ul li a h5{
        font-size: 2vmin; 
        position:absolute; 
        top:50%; 
        left:50%;
        transform:translate(-50%,-50%); 
        width:100%;
    }

    #direct {
        top: 80px!important;
        right:30px!important;
        width: 70px;
        height:70px;
        font-size: 2.5vmin;
    }
    #direct img {
        height:32px;
    }

}


/*mobile*/
@media (max-width:748px){
    #header_pc, #header_t, #nav_pc{display:none}
    #wrap {
        width:100;
        height: calc(100% - 60px);
        padding-top: 60px;
    }
    .backvi_slider .backvi #wholevideo {
        display: none;
    }
    .backvi_slider {
        width: 100%;
        height:100%;
    }
    .backvi {
        height: 100%;
        display: flex;
    }
    .backvi .backvi_slide {
        min-width:100%;
        height: 100%;
        box-sizing: border-box;
    }
    .backvi .backvi_slide img {
        width: 100%;
        height:100%;
        object-fit: cover;
        object-position: center;
        position: absolute;
        top:0px;
        left:50%;
        transform: translateX(-50%);
        z-index:-3;

    }
    .backvi .backvi_slide .txt h1{
        display: flex;
        flex-direction: column;
        color: #fff;
        text-align: center;
        text-shadow: 0 0 10px rgba(0,0,0,0.7);
        padding-top:50px
    }
    .backvi .backvi_slide .txt h1 .t1 {
        font-size: 4vmin;
        margin-bottom: 25px;
        font-weight: normal;
    }
    .backvi .backvi_slide .txt h1 .t2 {
        font-size: 9.5vmin;
        font-weight: 900;
    }
    .backvi .backvi_slide .txt h1 .t3 {
        font-size: 6vmin;
    }

    button.prev, button.next {
        position: absolute;
        top:64vmin;
        left:50%;
        font-size:1.5rem;
        color:#fff;
        border: 1px solid #fff;
        background: rgba(255,255,255,0);
        padding: 0 12px 5px;
        border-radius:50%;
        display: none;
    }
    button.prev {
        transform: translateX(-125%);
    }
    button.next {
        transform: translateX(25%)
    }

    #cont{
        display: block; 
        position:absolute; 
        bottom:0;
        left:0;
        height:calc(100% - 280px);
        justify-content: space-between;
    }

    #cont .cardnews{width:calc(100% - 40px); margin:0 auto;height:78%; display: flex; flex-flow:row wrap; justify-content: space-between; gap:3vmin}
    .cardnews .news_left,.cardnews .news_left_t{display: none;}
    .cardnews .news_left_m{width:100%;  background-color: rgba(0,0,0,0.5); border-radius: 10px; box-sizing: border-box; padding:2.5vmin; height:32%;
    overflow: hidden;}
    .cardnews .news_left_m h3{font-size:4vmin; padding:0 0 1vmin 10px; border-bottom:1px solid rgba(255,255,255,1); color:#fff; margin-bottom:8px}
    .cardnews .news_left_m ul{display: flex; flex-direction: column; justify-content: space-around; width:100%; height:calc(100% - 2.6vmin - 20px); }
    .cardnews .news_left_m ul li{width:100%; padding:4px 8px; border-bottom:1px solid rgba(255,255,255,0.1); font-size:3vmin}
    .cardnews .news_left_m ul li h4{ width:100%; font-weight:400}
    .cardnews .news_left_m ul li:last-child{border-bottom:none; padding-bottom:none}

    .cardnews .news_middle,.cardnews .news_middle_t{display: none;}
    .cardnews .news_middle_m{width:100%; background:linear-gradient(to top, #3f9bff 0%, #00b999 100%); border-radius: 10px; padding:2.5vmin; box-sizing: border-box; height:30%;overflow: hidden}
    .cardnews .news_middle_m h3{font-size:4vmin; color:#fff; padding:0 0 1vmin 10px; border-bottom:1px solid #fff; margin-bottom:8px }

    .cardnews .news_middle_m .history_slide{width:100%; height:80%; overflow: hidden; margin-bottom:1vmin}
    .cardnews .news_middle_m .history_slide ul{width:100%; height:100%;display: flex; flex-direction: column; justify-content: space-between;}
    .cardnews .news_middle_m .history_slide #history_slide_m .slick-track li{padding:1vmin 0.9vmin; font-size:3vmin; box-sizing: border-box; }
    .cardnews .news_middle_m .history_slide #history_slide_m .slick-track li:nth-child(even){background-color: rgba(255,255,255,0.1); border-radius: 20px;}

    .cardnews .news_middle_m .history_slide ul li a{color:#fff}

    .cardnews .news_right, .cardnews .news_right_m{width:47%; overflow: hidden; height:30%; border-radius:10px;}
    .cardnews .news_right .news_slider,.cardnews .news_right_m .news_slider_m{width:700%; height:100%;display: flex; }

    .news_slider .n_slider,.news_slider_m .n_slider_m {
        position: relative;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .news_slider .n_slider a, .news_slider_m .n_slider_m a{display: block; width:100%; height:100%;}
    .news_slider .n_slider a img, .news_slider_m .n_slider_m a img{width:100%; height:100%; object-fit: cover;}


    .thumb_menu{
        width:100%; 
        height:16%; 
        position:absolute; 
        bottom:0; 
        left:0;
    }
    .thumb_menu ul{
        width:100%; 
        height:100%; 
        display: flex; 
        flex-flow: row wrap;
    }
    .thumb_menu ul li{
        width:calc(100% / 3); 
        height:50%; 
        background-color:rgba(0,0,0,0.3); 
        color:#fff; 
        border:1px solid rgba(255,255,255,0.7); 
        text-align: center;
        box-sizing: border-box;;
    }
    .thumb_menu ul li a{
        color:#fff; 
        display: block; 
        width:100%; 
        height:100%; 
        box-sizing: border-box; 
        position:relative;
    }
    .thumb_menu ul li a p{display:none}
    .thumb_menu ul li a h5{
        font-size: 3vmin; 
        position:absolute; 
        top:50%; 
        left:50%;
        transform:translate(-50%,-50%); 
        width:100%;
    }

    #direct {
        top: 70px!important;
        right:15px!important;
        width: 60px;
        height:60px;
        font-size: 15px;
    }
    #direct img {
        height:29px;
    }
}





/*header*/
header{width:100%; position:absolute;
top:0; left:0;
z-index:20;}

#header_pc{width:100%; height: 60px; line-height:60px; color:#fff; border-bottom:1px solid rgba(255,255,255,0.5); box-sizing: border-box;  position:relative; z-index: 20;}
#header_pc>div{float:left}
#header_pc .header_logo{margin-right:180px}
#header_pc .header_logo a{width:220px; height:80px; margin-left:26px}
#header_pc .header_logo a img{width:220px; margin-top:12px; object-fit:contain}
#header_pc>.header_login{float:right;}
#header_pc .header_menu{position:absolute; left:50%; transform: translateX(-50%); width:60%;; height:100%; display: flex; flex-direction: row; justify-content: space-between; }
#header_pc .header_menu ul{width:100%; height:100%; display: flex; flex-direction: row; justify-content: space-around;}
#header_pc .header_menu ul li{font-size:2.3vh; font-weight:bold; height:100%; }
#header_pc .header_menu ul li:last-child{margin-right:0}
#header_pc .header_menu ul li a{color:#fff; display: block; width:100%; height:100%;}
#header_pc .header_login ul li{float:left; margin-right:35px; font-size: 2.3vh; cursor:pointer}
#header_pc .header_login ul li:last-child{margin-right:26px}

#memwelcome {
    font-size:18px!important;
    text-align: center;
    line-height: initial!important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap:3px;
    height:60px;
}
#memwelcome #memname {
    color:#96C13C;
    font-weight:800;
}
.welcomeblock {
    display: block;
}
#host {
    padding:1px 5px;
    background-color: #96C13C;
    border-radius:5px;
    font-size:16px!important
}

@media (min-width:1200px) {
    nav{
        position:absolute;
        top:60px;
        left:0;
    }
}



/*nav_pc*/
#nav_pc{height:calc(100vh - 60px); position:relative; }
#nav_pc>div{float:left}
#nav_pc .nav_bar{width:10px; height:100%; position:relative; z-index: 1; }
#nav_pc .nav_bar:after {
    position: absolute;
    bottom: 0;
    right: -1px;
    content: '';
    width: 1px;
    height: calc(100% - 80px);
    background: rgba(255,255,255,0.5);
}
/* #nav_pc .nav_bar>ul{width:80px; height:300px; text-align: center; position:absolute; bottom:5%}
#nav_pc .nav_bar>ul li{height:40px; line-height: 40px;} */

#nav_pc .nav_tab{
    height:80px; 
    width:30px; 
    background-image: url(/img/ksea2024/tabbutton_transparent.png);
    background-size: cover; 
    cursor: pointer;
}
#nav_pc .nav_tab_white{
    width:30px; 
    height:80px; 
    background-image: url(/img/ksea2024/tabbutton.png); 
    background-size:cover; 
    display: none;
    cursor: pointer;
}



#nav_pc .nav_cont{
    width:87vw; 
    height:100%; 
    background:rgba(255,255,255,1); 
    margin-left:-100vw; 
}
#nav_pc .nav_cont>div{
    float:left
}
#nav_pc .nav_cont .nav_bigmenu{
    width:18%; 
    height:100%; 
    background:#1e6b28; 
    position:relative; 
    margin-left:-1px; 
    z-index:3;
}
#nav_pc .nav_cont .nav_bigmenu .big1{
    height:50%; 
    box-sizing: border-box; 
    padding: 10% 0 0 15%;
    color:#fff; 
    font-size:19px; 
    font-weight:bold; 
    display:flex; 
    flex-direction:column;
    justify-content:space-around; 
    gap:0.15%;
}
#nav_pc .nav_cont .nav_bigmenu .big1 li{
    width:100%; 
    height:45px; 
    cursor: pointer; 
    line-height:45px; 
    box-sizing: border-box; 
    position:relative;
}
#nav_pc .nav_cont .nav_bigmenu .big1 li span.menuname{
    width:71%;
    height:100%;
    border-radius: 15px;
    padding-left:20px; 
    display:inline-block;
}
#nav_pc .nav_cont .nav_bigmenu .big1 li.on span.menuname{
    background-color: #fff; 
    color: #1e6b28; 
    font-weight:700;
}
#nav_pc .nav_cont .nav_bigmenu .big1 li:hover{
    box-sizing: border-box;
    text-decoration: underline;
}
#nav_pc .nav_cont .nav_bigmenu .big1 li .n_arrow{
    width:10%; 
    height:100%;
    background-size:contain; 
    background-repeat:no-repeat; 
    display:inline-block; 
    background-image: url(/img/ksea2024/nav_arrow.png); 
    background-position:right center; 
    position:absolute; 
    right:0; 
}

#nav_pc .nav_cont .nav_bigmenu .big2{
    height:28%; 
    width:65%; 
    box-sizing: border-box;
    position:absolute; 
    bottom:0; 
    left:50%; 
    transform:translateX(-50%);
}
#nav_pc .nav_cont .nav_bigmenu .big2 li{
    width:100%;
    border-radius: 20px; 
    margin-bottom:10px; 
    font-size:17px; 
    font-weight:500; 
    color:#fff; 
    text-align: center; 
    box-sizing: border-box; 
}
#nav_pc .nav_cont .nav_bigmenu .big2 li:first-child{
    background-image: url(/img/ksea2024/big2_1.jpg);
}
#nav_pc .nav_cont .nav_bigmenu .big2 li:last-child{
    background-image: url(/img/ksea2024/big2_2.jpg);
}
#nav_pc .nav_cont .nav_bigmenu .big2 li a{
    display: block; 
    width:100%; 
    padding:2.5vmin 0; 
    color:#fff; 
    position:relative; 
}
#nav_pc .nav_cont .nav_bigmenu .big2 li:last-child a{
    padding:3.5vmin 0;
}




    /*small1*/
    #nav_pc .nav_cont .nav_smallmenu{
        width:82%; 
        height:100%; 
        position:relative; 
        background-image:url(/img/tabback.png);
    }

    #nav_pc .nav_cont .nav_smallmenu>div{
        width:80%; 
        height:75%;
        position:absolute; 
        left:50%; 
        top:50%; 
        transform:translate(-50%, -50%);
    }
    #nav_pc .nav_cont .nav_smallmenu>div ul{
        width:100%; 
        height:100%; 
        display:flex; 
        flex-flow:row wrap; 
        gap:4%;
    }
    #nav_pc .nav_cont .nav_smallmenu>div li{
        width:22%;
        height:45%;
        text-align: center; 
        background-color:#fff;
        border-radius:20px; 
        box-sizing:border-box; 
        padding:10px; 
        box-shadow:0 5px 10px rgba(0,0,0,0.1);
    }
    #nav_pc .nav_cont .nav_smallmenu>div li a{
        color:#77A518; 
        font-weight: 500; 
        font-size:17px;
        transition:all 0.5s;
        display:block; 
        width:100%; 
        height:100%; 
        transition:all 0.5s;
    }
    #nav_pc .nav_cont .nav_smallmenu>div li a div{margin-bottom:20px; width:100%; height:80%;  border-radius: 20px;  transition:all 0.5s; position:relative; overflow:hidden}
    #nav_pc .nav_cont .nav_smallmenu>div li a div img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); height:100%; transition:all 0.5s;}
    #nav_pc .nav_cont .nav_smallmenu>div li a:hover div img{height:120%}
    #nav_pc .nav_cont .nav_smallmenu>div li a:hover{font-weight:800;}


    /*small2*/
    #nav_pc .nav_cont .nav_smallmenu .small2{width:95%; height:98%;}
    #nav_pc .nav_cont .nav_smallmenu .small2>div{width:25%; height:50%; float:left}

    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_1{width:100%; box-sizing: border-box; padding: 3vmin 3vmin; box-sizing: border-box;border-bottom:1px solid #96C13C; display:flex; flex-direction:row; justify-content:space-between;  gap:2.66%}
    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_1 .b1_1{width:41%; height:100%; border-radius: 20px;  text-align: center; font-size:22px; font-weight:600;  background-position:center; background-size:110%;background-repeat:no-repeat; overflow:hidden}
    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_1 .b1_1 a{color:#fff; display: block;width:100%; height:100%; position:relative; overflow:hidden}
    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_1 .b1_1 a span{position:absolute; width:100%;top:50%; left:50%; transform:translate(-50%, -50%); color:#fff; }
    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_1 .b1_1 a .sliderWrap{width:400%; height:100%; overflow:hidden; border-radius:20px; display:flex; flex-direction:row; justify-content:left}
    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_1 .b1_1 a .sliderWrap>div{width:100%; height:100%; background-size:cover}
    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_1 .b1_1 a .sliderWrap .s1{background-image: url(/img/ksea2024/business/disasterzone_3.png); }
    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_1 .b1_1 a .sliderWrap .s2{background-image: url(/img/ksea2024/business/disasterzone_1.png); }
    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_1 .b1_1 a .sliderWrap .s3{background-image: url(/img/ksea2024/business/machinezone_1.png); }


    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_1 .b1_2{width:36.66%; height:100%;display:flex; flex-flow:row wrap; justify-content:space-between; gap:6%;}
    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_1 .b1_2 li{width:47%; height:47%;border-radius:20px; background-size:130%; background-repeat:no-repeat; position:relative; overflow:hidden}
    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_1 .b1_2 li img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); height:100%; z-index:0; transition:all 0.5s}
    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_1 .b1_2 li:hover img{height:120%}
    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_1 .b1_2 li a{color:#fff; font-size:2vmin; display:block; width:100%; height:100%; position:relative; transition:all 0.5s; border-radius:20px}
    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_1 .b1_2 li a span{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:block; width:100%}
    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_1 .b1_2 li a:hover{font-weight:500}    
    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_1 .b1_2 .b1_2_1 a{background-color:rgba(0,0,0,0.1)}
    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_1 .b1_2 .b1_2_2 a{background-color:rgba(0,0,0,0.1)}
    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_1 .b1_2 .b1_2_3 a{background-color:rgba(0,0,0,0.1)}


    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_1 .b1_3{width:17%; height:100%;border-radius:20px; overflow:hidden; position:relative;}
    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_1 .b1_3 img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); height:100%; z-index:0; transition:all 0.5s}
    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_1 .b1_3:hover img{height:120%}
    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_1 .b1_3 a{display:block; width:100%; height:100%; position:relative; color:#fff; background-color:rgba(0,0,0,0.1); border-radius:20px}
    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_1 .b1_3 a p{position:absolute; transform:translateX(-50%)}
    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_1 .b1_3 a p.recall_1{font-size:20px; top:40%; left:50%; text-align:center; font-weight:bold; width:100%}
    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_1 .b1_3 a p.recall_2{width:80%; text-align:center; box-sizing:border-box; padding:6px; bottom:22%; left:50%; font-size:18px; border:1px solid #fff; transition:all 0.5s;}
    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_1 .b1_3 a p.recall_3{font-size:18px; text-align:center; width:100%; bottom:10%; left:50%; }



    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_1 div{background-position: center; background-repeat:no-repeat; transition:all 0.5s}
    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_1 div.b1_1:hover{background-size:120%}
    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_1 div.b1_3:hover{background-size:340%}
    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_1 div.b1_3:hover .recall_2{background-color:#fff; color:rgba(0,0,0,0.7); font-weight:bold}
    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_1 li{background-position:center; transition:all 0.5s}
    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_1 li:hover{background-size:150%}
    


    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_2{box-sizing: border-box; padding:3vmin; border-right:1px solid #96C13C;}
    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_2 .b2_1{width:100%; height:55%;  border-radius: 20px; text-align: center; line-height:233.5px; font-size:21px; font-weight:600; transition:all 0.5s; margin:0 auto;margin-bottom:8%; position:relative; overflow:hidden}
    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_2 .b2_1 img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); height:100%; z-index:0; transition:all 0.5s;}
    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_2 .b2_1:hover img{height:120%}
    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_2 .b2_1 a{color:#fff; display:block;position:absolute; top:50%; width:100%;;transform:translateY(-50%)}
    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_2 .b2_2{width:100%; height:37%}
    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_2 .b2_2 li{width:100%; height:20%;margin-left:5px; margin-bottom:8px; font-size:15px; text-align:left; border-radius:0; box-shadow:none; padding:0; background-color:rgba(255,255,255,0)}
    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_2 .b2_2 li:last-child{margin-bottom:0}
    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_2 .b2_2 li a{color:#000; font-size:2vmin}
    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_2 .b2_2 li a:hover{text-decoration: underline;}


    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_3{box-sizing: border-box; padding:3vmin;  position:relative; border-right:1px solid #96C13C; display: flex; flex-direction: column; gap:6%;}
    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_3 .b3_1,
    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_3 .b3_2{ width:100%; height:calc(50% - 3%);  border-radius: 20px; text-align: center; line-height:233.5px; font-size:21px; font-weight:600; transition:all 0.5s; margin:0 auto; position:relative; overflow:hidden}
    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_3 a{display: block;width:100%;  height:100%;border-radius: 20px; color:#fff; font-size:21px; font-weight:600; text-align: center; line-height:336px; margin:0 auto; transition:all 0.5s;  position:relative;overflow:hidden; }
    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_3 a img{position:absolute; top:0%; 
      left:50%; transform:translate(-50%,0%); width:100%; z-index:0; transition:all 0.5s; }
    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_3 a:hover img{WIDTH:120%}
    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_3 a span{width:100%; position:absolute; top:50%; transform:translateY(-50%); left:0}
    
    

    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_4{box-sizing: border-box; padding:3vmin; }
    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_4 .b4_1{width:100%; height:100%; border-radius: 20px; text-align: center; font-size:21px; font-weight:600;transition:all 0.5s; margin:0 auto; position:relative; overflow:hidden}
    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_4 .b4_1 img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); height:100%; z-index:0; transition:all 0.5s; }
    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_4 .b4_1:hover img{height:120%}
    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_4 .b4_1 a{color:#fff; display:block; width:100%; HEIGHT:100%; border-radius:20px; background-color:rgba(0,0,0,0.15);position:absolute; top:0; left:0; z-index:5}
    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_4 .b4_1 a span{width:100%;position:absolute; top:50%; transform:translateY(-50%) ; left:0;}


    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_5{padding:3vmin; box-sizing: border-box; border-right:1px solid #96C13C;}
    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_5 ul{width:100%; height:100%;  display:flex; flex-direction:column; justify-content:space-between}
    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_5 li{width:100%; height:10%; font-weight:600; text-align:left; border-radius:0; box-shadow:none; box-sizing:content-box; padding:0;}
    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_5 li a{color:#000; display:block; width:100%; padding: 3px 5px 9px; border-radius:5px; border:1px solid #eee; line-height:30px;font-size:1.8vmin; line-height:3vmin; background-color:#fff; box-sizing:border-box}
    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_5 li a span{display:inline-block; width:3vmin; height:3vmin;margin-right:10px;}
    #nav_pc .nav_cont .nav_smallmenu .small2 .busi_5 li a span img{width:100%; height:100%; }


    /*small3*/



    /*small4*/



    /*small5*/
    #nav_pc .nav_cont .nav_smallmenu .small5{
        width:80%; 
        height:75%;
    }
    #nav_pc .nav_cont .nav_smallmenu .small5 ul{
        width:100%; 
        height:100%;
        display:flex; 
        flex-flow:row wrap; 
        justify-content:space-between; 
        gap:4%; 
    }
    #nav_pc .nav_cont .nav_smallmenu .small5 li{
        width: 30%!important;
        height:45%; 
        text-align: center; 
    }
    #nav_pc .nav_cont .nav_smallmenu .small5 li a div img{
        height:auto; 
        height:100%; 
    }   
    #nav_pc .nav_cont .nav_smallmenu .small5 li:nth-child(2) a div img{
        width:100%;
    }
    #nav_pc .nav_cont .nav_smallmenu .small5 li:hover a div img{
        height:120%
    }
    #nav_pc .nav_cont .nav_smallmenu .small5 li:nth-child(2):hover a div img{
        width:120%
    }



/*--------header_mobile---------------------------------------------------------------------------------------- */
#header_m{width:100%; height:60px; background-color:#fff; box-sizing:border-box; padding:16px 19px; position:absolute; top:0; left:0; z-index:10}
#header_m .header_logo a .logo_img{width:175px; height:28px;background-image:url(/img/ksea2024/logo.png); background-size:cover; background-position:center; float:left;}
#header_m .header_menu{width:30px; height:26px; position:relative; float:right; }
#header_m .header_menu p{width:100%; height:3px; background-color: #77A518; position:absolute; transition:all 0.5s; cursor: pointer;}
#header_m .header_menu p.mline_1{top:0; left:0}
#header_m .header_menu p.mline_2{top:11.5px; left:0}
#header_m .header_menu p.mline_3{bottom:0; left:0}
#header_m .header_menu_m.active p.mline_1{transform: rotate(45deg); top:12.5px}
#header_m .header_menu_m.active p.mline_2{transform: rotate(-45deg); top:12.5px}
#header_m .header_menu_m.active p.mline_3{display:none}





/*---------nav_m-----------------------------------------------*/

#nav_m{width:100%; height:calc(100vh - 60px); margin-left:200vw; transition:all 0.5s; margin-top:60px; position:absolute;z-index:1000;
top:0;}
#nav_m.active{margin-left:0}
#nav_m .nav_login{width:100%; height:60px; background-color: #96C13C; box-sizing: border-box; padding:20px 17px;}
#nav_m .nav_login p{color:#fff; text-decoration: underline; cursor: pointer; float:right;margin-left:37px; font-size:16px;}
#nav_m .nav_left{width:36%; background-color: #77A518;float:left; height:calc(100% - 60px); position:relative}
#nav_m .nav_right{width:64%; background-color: #fff; float:left; height:calc(100% - 60px); position: relative;}

#nav_m .nav_left .nav_m_tab{width:90%; height:40%; display: flex; flex-direction:column; justify-content: space-between;margin:20PX 0 0 10%;}
#nav_m .nav_left .nav_m_tab>li{width:100%; background-color: #fff; border-radius: 10px 0 0 10px; height:16%; background: linear-gradient(90deg, #ddd, #eee); box-sizing: border-box; line-height:48px; font-size:4vw; font-weight:500; padding-left:5vmin}
#nav_m .nav_left .nav_m_tab>li a{display: block; width:100%; height:100%; color:#000; position:relative;}
#nav_m .nav_left .nav_m_tab>li.on{background: #fff; font-weight:800;}
#nav_m .nav_left .nav_m_tab>li a span{position:absolute; top:50%; transform:translateY(-50%)}

#nav_m .nav_left .sns{width:25px; height:300px; position:absolute; bottom:27px; left:22px; display: flex; flex-direction: column; justify-content: space-between;}
#nav_m .nav_left .sns li{width:25px; height:25px;}
#nav_m .nav_left .sns li a{display: block; width:100%; height:100%; }


#nav_m .nav_right .navmenu_box{width:80%; float:right; padding-top:34px; height:75%}
#nav_m .nav_right .navmenu_box ul li{width:100%; height:47px; border-bottom:1px solid #96C13C; box-sizing: border-box; line-height: 47px; font-size:15px; padding-left:16px; }
#nav_m .nav_right .navmenu_box ul li a{display: block; width:100%; height:100%; color:#000}

#nav_m .nav_right .navmenu_box .nav_m_2 #edumobile{height:fit-content!important}
#nav_m .nav_right .navmenu_box .nav_m_2 #edumobile ul{width:calc(100% + 16px); height:188px;background-color:#97c13c0e; margin-left:-16px; padding-left:16px;border-top:1px solid #96C13C; display: none;}
#nav_m .nav_right .navmenu_box .nav_m_2 #edumobile ul li{width:100%; height:47px; border-bottom:1px solid #96C13C; box-sizing: border-box; line-height:47px; font-size:15px; padding-left:16px;}
#nav_m .nav_right .navmenu_box .nav_m_2 #edumobile ul li:last-child{border-bottom:none}

#nav_m .nav_right .nav_m_banner{width:100%; height:25%; position:absolute;bottom:0; }
#nav_m .nav_right .nav_m_banner .nav_m_slide{width:100%; height:100%;background-image: url(/img/ksea2024/nav_m_banner_1.png);background-repeat: no-repeat; background-position: right bottom; background-size: contain; }
#nav_m .nav_right .nav_m_banner .navslide_2{background-image: url(/img/ksea2024/nav_m_banner_2.png);}
#nav_m .nav_right .nav_m_banner .navslide_3{background-image: url(/img/ksea2024/nav_m_banner_3.png);}
#nav_m .nav_right .nav_m_banner .nav_m_slide p{font-size:14px; text-align: right; position:absolute; bottom:15px; right:70px;}
#nav_m .nav_right .nav_m_banner .nav_m_slide p span{font-weight:800}

#nav_m .nav_right .navmenu_box .nav_m_1{display: none;}
#nav_m .nav_right .navmenu_box .nav_m_2{display: none;}
#nav_m .nav_right .navmenu_box .nav_m_3{display: none;}
#nav_m .nav_right .navmenu_box .nav_m_4{display: none;}
#nav_m .nav_right .navmenu_box .nav_m_5{display: none;}

#nav_m .nav_right .navmenu_box .nav_m_1.on{display: block;}
#nav_m .nav_right .navmenu_box .nav_m_2.on{display: block;}
#nav_m .nav_right .navmenu_box .nav_m_3.on{display: block;}
#nav_m .nav_right .navmenu_box .nav_m_4.on{display: block;}
#nav_m .nav_right .navmenu_box .nav_m_5.on{display: block;}





@media (min-width: 768px) and (max-width:1199px) {
    #nav_m .nav_left .nav_m_tab>li {font-size:2.5vw;}
}


@media (min-width : 749px) and (max-width:767px) {
    #nav_m .nav_left .nav_m_tab{
        width:60%; 
        height:40%; 
        display: flex; 
        flex-direction:column; 
        justify-content: space-between;
        margin:20PX 0 0 40%;
    }
    #nav_m .nav_left .nav_m_tab>li{
        width:100%; 
        background-color: #fff; 
        border-radius: 10px 0 0 10px; 
        height:16%; 
        background: linear-gradient(90deg, #ddd, #eee); 
        box-sizing: border-box; 
        line-height:48px; 
        font-size:2.6vw; 
        font-weight:500; 
        padding-left:4vmin;
    }
}