#hd,#ft,#aside{display: none;}
#wrapper{background: url('../img/main/main_bg.jpg') no-repeat;background-position: center;background-size: cover;height: 100vh;}
#wrapper #container{position: absolute;top: 44%;left: 50%;transform: translate(-50%, -50%);}
#wrapper #container .main_wrap{}

.main_wrap .cont{cursor: pointer;}
.main_wrap .cont{width: 1508px;margin: auto;}
.main_wrap .cont > div{box-shadow: 9px 9px 40px 16px #00000075;}
.main_wrap .cont > div .txt {width: 115px;margin: auto;padding: 15px 0;}
.main_wrap .cont > div .tit{margin-top: 15px; color: #fff;  text-shadow: 5px 5px 1px rgba(0, 0, 0, 095);}
.main_wrap .cont > div .date{margin-bottom: 7px; color: #fff;}
.main_wrap .cont > div .btn_wrap .btn2{display: block;margin: auto; width: 186px;height: 46px;line-height: 43px; transition: all 0.3s ease;}
.main_wrap .cont > div .btn_wrap .btn2:hover{transform: scale(1.1);}

.main_wrap .cont .conference{border: 3px solid #036eb8;width: 710px; background: url('../img/main/ngl_2025_conference_re.jpg') no-repeat; background-position: center;background-size: cover;}
.main_wrap .cont .conference .txt{padding: 10px 0;border-top: 2px solid #fff051;border-bottom: 2px solid #fff051; color: #fff051;}
.main_wrap .cont .conference .btn_wrap .btn2{background: url('../img/main/main_cenference_btn_bg.png') no-repeat;background-position: center;background-size: cover;border: 0;}
.main_wrap .cont .ta_center .loca {color:#fff}


.main_wrap .cont .shortcourse{border: 3px solid #340866;width: 710px;background: url('../img/main/ngl_2025_short5.jpg') no-repeat;background-position: center;background-size: cover;}
.main_wrap .cont .shortcourse .tit{font-weight: 950;}
.main_wrap .cont .shortcourse .txt{padding: 10px 0;border-top: 2px solid #fff;border-bottom: 2px solid #fff;}
.main_wrap .cont .shortcourse .btn_wrap .btn2{background: url('../img/main/main_shortcourse_btn_bg.png') no-repeat;background-position: center;background-size: cover;border: 0;}


br.m_view{display: none;}

img {width:100%}

.main_wrap img {max-width: fit-content}



.main_wrap .cont .conference p,
.main_wrap .cont .conference h3,
.main_wrap .cont .shortcourse p,
.main_wrap .cont .shortcourse h3 {visibility: hidden;}






@media (max-width: 1600px){
    .main_wrap .cont{width: 86vw;}
    .main_wrap .top_title h1{font-size: 2.7vw;} 
    .main_wrap .cont > div{box-shadow: 0.563vw 0.563vw 2.500vw 1.000vw #00000075;}
    .main_wrap .cont > div .txt{width: 7.188vw;padding: 0.938vw 0;}
    .main_wrap .cont > div .tit{margin-top: 0.938vw;}
    .main_wrap .cont > div .date{margin-bottom: 0.438vw;}
    .main_wrap .cont > div .btn_wrap .btn2{width: 11.563vw;height: 2.875vw;line-height: 2.688vw;}
    
    .main_wrap .cont .conference,
    .main_wrap .cont .shortcourse{width: 40.375vw;}
    .main_wrap .cont .conference .txt,
    .main_wrap .cont .shortcourse .txt{padding: 0.625vw 0;}
    
}
@media (max-width: 1024px){
    .main_wrap .cont > div .txt{width: 14.188vw;}
    .main_wrap .cont > div .tit{font-size: 3.67vw;}
    .main_wrap .cont > div .date{font-size: 2.00vw;}
    .main_wrap .cont > div .loca{font-size: 1.450vw;}
    .main_wrap .cont > div .btn_wrap .btn2{font-size: 1.67vw;}
}
@media (max-width: 767px){}
@media (max-width: 480px){
    br.m_view{display: block;}
    #wrapper{height: 100vh;}
    #wrapper #container {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
    .main_wrap .top_title{margin-bottom: 55px;}
    .main_wrap .top_title h1 {font-size: 22px;line-height: 1.4;}
    .main_wrap .cont{width: 300px;row-gap: 40px;flex-direction: column-reverse;}
    .main_wrap .cont .conference, 
    .main_wrap .cont .shortcourse{width: 100%;}
    .main_wrap .cont > div .txt{width: 10.188vw;font-size: 10px;}
    .main_wrap .cont > div .tit{font-size: 27px;margin-top: 11px;margin-bottom: 14px;}
    .main_wrap .cont > div .date {font-size: 13px;margin-bottom: 8px;}
    .main_wrap .cont > div .loca{font-size: 8px;}
    .main_wrap .cont > div .btn_wrap{margin-top: 53px;}
    .main_wrap .cont > div .btn_wrap .btn2 {font-size: 10px;width: 81px;height: 20px;line-height: 20px;}
}