@media (max-width: 768px) {
    /*박람회*/
    #expotop {margin: 0;}
    .expotop {width: 100%; padding: 0 10px}
    .ex_title {width: 100%;}
    .ex_title>h1 {top:-50px;}
    .ex_title>h2 {border: none; font-size: 30px; line-height: 30px;}
    .expo_slide {width: 100%;}
    .expo_slide>li {height: 200px;}
    /*박람회목록*/
    .expo_list {width: 100%; border: none; margin: 0}
    .expo_list>li {width: 50%; padding: 10px;}
    .expo_list>li>h1>p {font-size: 16px;}
    .expo_list>li>h1 {font-size: 12px; padding-top: 10px; height: 50px; margin: 0; padding-left: 10px}
    
    /*박람회보기*/
    .expoview {width: 80%; height: 75vh; overflow-y: scroll;top:0; left: 50%; transform: translate(-50%,0);margin-top: 100px;}
    .expoview button {color: #000; top:20px; right: 20px;}
        .ev_con {padding: 0}
    .ev_text {width: 100%; padding: 15px;;}
    .ev_text>h1 {font-size: 18px;}
    .ev_text>h1>p {font-size: 30px; display: block;}
    .ev_text>h2 {font-size: 10px} 
    .ev_text>h3 {font-size: 12px; line-height: 20px;}

    .ev_con h4 {width: 100%; margin-top: 50px; padding: 10px; text-align: center;}
    .ev_img {text-align:center; width: 100%;}
    .ev_img>img {width: 100%; margin: 20px 0;}
}