form#listsearch{ display:flex;justify-content: space-between; align-items: center; padding:0; width:90%; margin:auto}
form#listsearch > div{ display:flex; }
form#listsearch input[type=text]{ border:0; background-color: #f3f3f3; font-size:20px; padding:8px; float:left; width:240px;}

form#listsearch  > aside { font-size:20px;}
.bbslist > ul.head > li > a{ border-top:2px solid #1E2B6C; background-color:#f6f6f6;}
.bbslist > ul.head > li > a > span{ font-weight:bold; }

.bbslist > ul > li > a{ display:flex; width:100%; justify-content: space-between; padding:10px 0; border-top:1px solid #a1a1a1;}
.bbslist > ul > li > a > span{ display:inline-block; text-align:center;}
.bbslist > ul > li > a > span.no{ display:none;}
.bbslist > ul > li > a > span.title{ width:54%; padding:0 3%; }
.bbslist > ul > li > a > span.file{ width:15%;;}
.bbslist > ul > li > a > span.regdate{ width:20%;}
.bbslist > ul > li > a > span.hit{ display:none;}

.bbslist > ul.body > li > a > span.title{ text-align:left;}

.bbslist > nav.BbsListNav0{ text-align:right; margin:20px 0;}
.bbslist > nav.BbsListNav0 > a{background-color:#1E2B6C; color:#fff; font-size:20px; display:inline-block; padding:8px 48px;}


.bbslist > nav.pagelist{ text-align: center; padding: 1em 0;}
.bbslist > nav.pagelist > span{ font-weight: 700; font-size: 20px;  display: inline-block; padding: 0.3em 0.5em; }
.bbslist > nav.pagelist > a{ font-size:20px; background: #fff;  display: inline-block; padding: 0.3em 0.5em; }


.bbswrite > ul > li > label{ display:none;}
.bbswrite > ul > li > div{ margin:6px 0; width:100%; float:left; display:inline-block;}
.bbswrite > ul > li > div input[type=text]{ border:0; border-bottom:1px solid #d2d2d2; border-bottom:1px solid #000; font-size:22px; width:96%; padding:8px 2%;}

.bbswrite > nav{ text-align:center; margin:20px 0; margin-bottom:100px; width:100%; display:inline-block;}
.bbswrite > nav > a{background-color:#1E2B6C; color:#fff; font-size:20px; display:inline-block; padding:8px 48px; margin:8px;}

.bbsread > ul{ width:100%; display:flex; flex-wrap:wrap;}
.bbsread > ul > li{ width:100%; display:flex; border-bottom:1px solid #ddd; flex-grow:1;}
.bbsread > ul > li:nth-child(1){ border-top:2px solid #1E2B6C; background-color:#f6f6f6; justify-content: center; font-size:22px;}
/*
.bbsread > ul > li:nth-child(2),
.bbsread > ul > li:nth-child(3){ width:50%;}
*/
.bbsread > ul > li > label{ background-color:#f6f6f6; padding:12px 15px; width:120px; text-align:center; font-size:20px;}
.bbsread > ul > li > div{ padding:12px 15px; font-size:20px;}
.bbsread > ul > li > div#readtitle{ font-size:26px; font-weight:bold; word-wrap:break-word; max-width:500px;}
.bbsread > ul > li:nth-child(1) > label,
.bbsread > ul > li:nth-child(5) > label
{ display:none;}
.bbsread > ul > li:nth-child(5) > div{ min-height:300px;}

.bbsread > ul > li > div img{ max-width:500px; 
    /* display: none; */
}

.bbsread > nav.BbsReadNav0{ text-align:center; margin:20px 0;}
.bbsread > nav.BbsReadNav0 > a{background-color:#1E2B6C; color:#fff; font-size:20px; display:inline-block; padding:8px 48px;}


#readcontent {
    max-width: 540px;
}
#readcontent p{
    max-width: 540px;
}
#readcontent>p>a{
    display: inline-block;
    max-width: 540px;
    overflow: hidden;
}





.bbslist > ul > li > a > span{ display:inline-block; text-align:center;}
.bbslist > ul > li > a > span.no{ width:10%;}
.bbslist > ul > li > a > span.title{ width:60%; }
.bbslist > ul > li > a > span.img img{width: 200px; height: 130px; margin-top: 35px;}
.bbslist > ul > li > a > span.file{ width:10%; display:flex; align-items: center;justify-content: center;}
.bbslist > ul > li > a > span.file img{ height:20px; width:auto;}
.bbslist > ul > li > a > span.regdate{ width:10%;}
.bbslist > ul > li > a > span.hit{ width:10%;}
.bbslist > ul > li > a > span.img{ 
    width:440px;
    height: 100%;
    background-image: url(https://file.rh-marathon.com/img/20220623/120116_0.png);
    background-position: center center;
    background-size: 100% 100%;
}
.bbslist > ul > li >a{
    height: 200px;
}
.bbslist > ul > li > a>div{
    padding-left: 28px;
    width: 700px;
}
/* .bbslist > ul > li > a>div>div{
    border-left: 1px solid #000;
} */
.bbslist > ul > li > a>div>div:nth-child(1){
    width: 100%;
    height: 90px;
    font-size: 26px;
    font-weight: 600;
    line-height: 1.5;
    color: #000;
}


.bbslist > ul > li > a>div>div:nth-child(2){
    width: 100%;
    height: 60px;
    font-size: 18px;
}
.ddddd{
    overflow: hidden;
    line-height: 1.2;
    max-height: 60px;
} 



.bbslist > ul > li > a>div>div:last-child{
    width: 100%;
    height: 24px;
}

.file img{
    width: 20px;
    height: 20px;
}
.b_content{ 
    display: -webkit-box;
    overflow: hidden;
    width: 90%;;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.eyeeye{
    width: 24px;
    height: 24px;
 }

form#listsearch{
    margin-top: 66px;
 }
 .bbslist > ul > li:last-child{
    border-bottom: 1px solid #a1a1a1;
  }
  header>div>h1>a>svg:nth-child(1){

    display: none;
  }
header>div>h1>a>svg:nth-child(2){
  
    display: block;
  }


  form#listsearch .searchbtn img{
    width: 17px;
    height: 17px;
}
form#listsearch .searchbtn{ 
    width:40px;
    position: absolute;
    top: 10px;
    right: 0;
    z-index: 44;
}
form#listsearch >div{
    position: relative;
}
.eyeeye{
    width: 18px;
    height: 12px;
    margin-left: 12px;
 }
 .hit{
     margin-left: 6px;
 }
 .down {
    background-color: rgb(196 207 233 / 88%);
    -webkit-transition-duration: 0.1s;
    -webkit-transition-timing-function: ease;
    transition-duration: 0.1s;
    transition-timing-function: ease;
  }
  header{ position:fixed; width:100%; height: 90px; display:inline-block; right:0; top:0; z-index:300;}
  .bbslist2 > ul.head > li > a{ border-top:2px solid #1E2B6C; background-color:#f6f6f6;}
  .bbslist2 > ul.head > li > a > span{ font-weight:bold; }

  .bbslist2 > ul > li > a{ display:flex; width:100%; justify-content: space-between; padding:10px 0; border-bottom:1px solid #ddd;}
  .bbslist2 > ul > li > a > span{ display:inline-block; text-align:center;}
  .bbslist2 > ul > li > a > span.no{ display:none;}
  .bbslist2 > ul > li > a > span.title{ width:54%; padding:0 3%; }
  .bbslist2 > ul > li > a > span.file{ width:15%;;}
  .bbslist2 > ul > li > a > span.regdate{ width:20%;}
  .bbslist2 > ul > li > a > span.hit{ display:none;}

  .bbslist2 > ul.body > li > a > span.title{ text-align:left;}

  .bbslist2 > nav.BbsListNav0{ text-align:right; margin:20px 0;}
  .bbslist2 > nav.BbsListNav0 > a{background-color:#1E2B6C; color:#fff; font-size:20px; display:inline-block; padding:8px 48px;}

  .bbslist2 > nav.pagelist{ text-align: center; padding: 1em 0;}
  .bbslist2 > nav.pagelist > span{ font-weight: 700; font-size: 20px; background: #f1f1f1;  display: inline-block; padding: 0.3em 0.5em; border: 1px solid #ddd; }
  .bbslist2 > nav.pagelist > a{ font-size:20px; background: #fff;  display: inline-block; padding: 0.3em 0.5em; border: 1px solid #ddd;  }
  



  #readcontent{ border:1px solid #ddd; display:flex; margin-bottom:20px;}
  #readcontent>div {width: 100% !important; }
#readcontent>div>div>a img{ max-width:240px;}
#readcontent> div{ margin:12px 20px;}
#readcontent > div > h4{ font-size:20px; line-height:1.6;}
#readcontent > div > p{ font-size:16px;}