.MediaMenuSection > div{ margin-top:100px; width:100%; display:inline-block;}
.MediaMenuSection > div > nav{ position:relative; width:90%; margin:auto; margin-top:50px; margin-bottom:50px;}
.MediaMenuSection > div > nav > div{ }
.MediaMenuSection > div > nav > div > ul{ display:flex; flex-wrap:wrap; gap:10px;  }
.MediaMenuSection > div > nav > div > ul > li{ flex-grow:1; border:1px solid #070930; border-bottom:5px solid #12176A;}
.MediaMenuSection > div > nav > div > ul > li > a{ display:inline-block; text-align:center; width:calc(100% - 2px); background-color:#fff; color:#070930; padding:8px 0; border:1px solid #12176A; font-size:20px; font-weight:400; text-transform:uppercase; transition-duration:0.3s;}
.MediaMenuSection > div > nav > div > ul > li > a.active{ color:#fff; background-color:#12176A; cursor:default; pointer-events: none;}
.MediaMenuSection > div > nav > div > ul > li > a:hover{ background-color:#12176A; color:#fff;}


.NewsListSection > div{ padding:50px 0;}
.NewsListSection > div > div > h3{ display:none;}
.NewsListSection > div > div > .text > div{ width:90%; margin:auto;}
.NewsListSection > div > div > .text > div > ul{ display:flex; flex-wrap:wrap; gap:30px; margin-bottom:50px;}
.NewsListSection > div > div > .text > div > ul > li{ flex-grow:1; border:1px solid #ddd; padding:16px; }
.NewsListSection > div > div > .text > div > ul > li .NewsListImg{ width:100%; height:300px; display:flex; justify-content:center; align-items:center; border:1px solid #ddd;}
.NewsListSection > div > div > .text > div > ul > li .NewsListImg img{ width:100%; height:100%; object-fit:cover; object-position:center;}
.NewsListSection > div > div > .text > div > ul > li .NewsListTitle{ margin:8px 0; display:inline-block; width:100%; line-height:1.2; font-size:20px; font-weight:400; color:#000;}
.NewsListSection > div > div > .text > div > ul > li .datetext{ color:#000;}
.NewsListSection > div > div > .text > div > nav{ display:flex; flex-wrap:wrap; justify-content:space-between; border-top:1px solid #12176A; padding:30px 0; }
.NewsListSection > div > div > .text > div > nav > div{ display:flex; justify-content:center; gap:8px; width:100%; margin:8px 0;}
.NewsListSection > div > div > .text > div > nav > div > a{ position:fixed; z-index:300; right:30px; bottom:30px; width:60px; height:60px; background-color:#fff; border-radius:50%; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill%3D%22%2312176A%22%20d%3D%22M11%209V5H9v4H5v2h4v4h2v-4h4V9h-4zm-1%2011a10%2010%200%201%201%200-20%2010%2010%200%200%201%200%2020z%22%2F%3E%0A%3C%2Fsvg%3E") ;
background-size:60px 60px; display:inline-block; background-repeat:no-repeat; background-position:center; font-size:0;  box-shadow:0px 0px 3px #12176A
}

.NewsWriteSection > div{ padding:50px 0;}
.NewsWriteSection > div > div > h3{ display:none;}
.NewsWriteSection > div > div > .text > div{ width:90%; margin:auto;}
.NewsWriteSection > div > div > .text > div > ul{ display:flex; gap:16px; flex-direction: column;}
.NewsWriteSection > div > div > .text > div > ul > li > div > input[type=text]{ width:calc(96% - 14px); padding:6px; font-size:18px; font-weight:500;}
.NewsWriteSection > div > div > .text > div > ul > li > label{ display:none;}
.NewsWriteSection > div > div > .text > div > nav{ display:flex; justify-content:space-between; gap:30px; padding:30px 0; }
.NewsWriteSection > div > div > .text > div > nav > div > a{ border:2px solid #12176A; color:#12176A; background-color:#fff; display:inline-block; padding:4px 20px; font-size:20px; font-weight:400; }
.NewsWriteSection > div > div > .text > div > nav > div > a:hover{ background-color:#12176A; color:#fff;}
.NewsWriteSection > div > div > .text > div > nav > div > a.disable{ background-color:#ddd; border:2px solid #bbb; pointer-events: none;}
.NewsWriteSection > div > div > .text > div > nav > div > a.disable > .linktext{ color:#bbb;}

.NewsEditSection > div{ padding:50px 0;}
.NewsEditSection > div > div > h3{ display:none;}
.NewsEditSection > div > div > .text > div{ width:90%; margin:auto;}
.NewsEditSection > div > div > .text > div > ul{ display:flex; gap:16px; flex-direction: column;}
.NewsEditSection > div > div > .text > div > ul > li > div > input[type=text]{ width:calc(96% - 14px); padding:6px; font-size:18px; font-weight:500;}
.NewsEditSection > div > div > .text > div > ul > li > label{ display:none;}
.NewsEditSection > div > div > .text > div > nav{ display:flex; justify-content:space-between; gap:30px; padding:30px 0; }
.NewsEditSection > div > div > .text > div > nav > div > a{ border:2px solid #12176A; color:#12176A; background-color:#fff; display:inline-block; padding:4px 20px; font-size:20px; font-weight:400; }
.NewsEditSection > div > div > .text > div > nav > div > a:hover{ background-color:#12176A; color:#fff;}
.NewsEditSection > div > div > .text > div > nav > div > a.disable{ background-color:#ddd; border:2px solid #bbb; pointer-events: none;}
.NewsEditSection > div > div > .text > div > nav > div > a.disable > .linktext{ color:#bbb;}


.NewsReadSection > div{ padding:50px 0;}
.NewsReadSection > div > div > h3{ display:none;}
.NewsReadSection > div > div > .text > div{ width:90%; margin:auto;}
.NewsReadSection > div > div > .text > div > ul{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; border-top:1px solid #12176A; padding:16px 0;}
.NewsReadSection > div > div > .text > div > ul > li{ }
.NewsReadSection > div > div > .text > div > nav{ display:flex; flex-wrap:wrap; justify-content:space-between; border-top:1px solid #12176A; padding:30px 0; }
.NewsReadSection > div > div > .text > div > nav > div{ display:flex; justify-content:center; gap:8px; width:100%; margin:8px 0;}
.admincontroldiv{ order:1;}
.controldiv{ order:2;}
.NewsReadSection > div > div > .text > div > nav > div > a{ border:2px solid #12176A; color:#12176A; background-color:#fff; display:inline-block; padding:4px 20px; font-size:20px; font-weight:400; }
.NewsReadSection > div > div > .text > div > nav > div > a:hover{ background-color:#12176A; color:#fff;}
.NewsReadSection > div > div > .text > div > nav > div > a.disable{ background-color:#ddd; border:2px solid #bbb; pointer-events: none;}
.NewsReadSection > div > div > .text > div > nav > div > a.disable > .linktext{ color:#bbb;}
.readtitle{ width:calc(100% - 24px); margin:0 12px;}
.readtitle > div > h4 > span{ font-size:32px;}

.readwritedate{ width:calc(100% - 24px); margin:0 12px; text-align:right;}
.readhitcount{ display:none;}
.readcontent{ padding:16px; width:calc(100% - 32px); border-top:1px solid #12176A; margin-top:16px;}
.readcontent > div p{ margin:8px 0;}
.readcontent > div *{ font-size:20px; line-height:1.6;}
.readcontent > div img{ max-width:100%; margin:8px 0;}
.readcontent > div iframe{ max-width:100%; margin:8px 0;}
.NewsReadSection > div > div > .text > div > ul > li > label{ display:none; }



.NoticeSection > div{ padding:50px 0;}
.NoticeSection > div > div > h3{ display:none;}
.NoticeSection > div > div > .text > div{ width:90%; margin:auto;}
.NoticeSection > div > div > .text > div > ul{ display:flex; flex-wrap:wrap; gap:50px;}
.NoticeSection > div > div > .text > div > ul > li{ flex-grow:1; border:1px solid #ddd; padding:16px; }
.NoticeSection > div > div > .text > div > ul > li .NoticeListImg{ width:100%; height:300px; display:flex; justify-content:center; align-items:center; border:1px solid #ddd;}
.NoticeSection > div > div > .text > div > ul > li .NoticeListImg img{ width:100%; height:100%; object-fit:cover; object-position:center;}
.NoticeSection > div > div > .text > div > ul > li .NoticeListTitle{ margin:8px 0; display:inline-block; width:100%; line-height:1.2; font-size:20px; font-weight:400;}



.NoticeListSection > div{ padding:50px 0;}
.NoticeListSection > div > div > h3{ display:none;}
.NoticeListSection > div > div > .text > div{ width:90%; margin:auto;}
.NoticeListSection > div > div > .text > div > ul{ display:flex; flex-wrap:wrap; gap:30px; margin-bottom:50px;}
.NoticeListSection > div > div > .text > div > ul > li{ flex-grow:1; border:1px solid #ddd; padding:16px; }
.NoticeListSection > div > div > .text > div > ul > li .NoticeListImg{ width:100%; height:300px; display:flex; justify-content:center; align-items:center; border:1px solid #ddd;}
.NoticeListSection > div > div > .text > div > ul > li .NoticeListImg img{ width:100%; height:100%; object-fit:cover; object-position:center;}
.NoticeListSection > div > div > .text > div > ul > li .NoticeListTitle{ margin:8px 0; display:inline-block; width:100%; line-height:1.2; font-size:20px; font-weight:400; color:#000;}
.NoticeListSection > div > div > .text > div > ul > li .datetext{ color:#000;}
.NoticeListSection > div > div > .text > div > nav{ display:flex; flex-wrap:wrap; justify-content:space-between; border-top:1px solid #12176A; padding:30px 0; }
.NoticeListSection > div > div > .text > div > nav > div{ display:flex; justify-content:center; gap:8px; width:100%; margin:8px 0;}
.NoticeListSection > div > div > .text > div > nav > div > a{ position:fixed; z-index:300; right:30px; bottom:30px; width:60px; height:60px; background-color:#fff; border-radius:50%;  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill%3D%22%2312176A%22%20d%3D%22M11%209V5H9v4H5v2h4v4h2v-4h4V9h-4zm-1%2011a10%2010%200%201%201%200-20%2010%2010%200%200%201%200%2020z%22%2F%3E%0A%3C%2Fsvg%3E") ;
background-size:60px 60px; display:inline-block; background-repeat:no-repeat; background-position:center; font-size:0; box-shadow:0px 0px 3px #12176A;
}



.NoticeWriteSection > div{ padding:50px 0;}
.NoticeWriteSection > div > div > h3{ display:none;}
.NoticeWriteSection > div > div > .text > div{ width:90%; margin:auto;}
.NoticeWriteSection > div > div > .text > div > ul{ display:flex; gap:16px; flex-direction: column;}
.NoticeWriteSection > div > div > .text > div > ul > li > div > input[type=text]{ width:calc(96% - 14px); padding:6px; font-size:18px; font-weight:500;}
.NoticeWriteSection > div > div > .text > div > ul > li > label{ display:none;}
.NoticeWriteSection > div > div > .text > div > nav{ display:flex; justify-content:space-between; gap:30px; padding:30px 0; }
.NoticeWriteSection > div > div > .text > div > nav > div > a{ border:2px solid #12176A; color:#12176A; background-color:#fff; display:inline-block; padding:4px 20px; font-size:20px; font-weight:400; }
.NoticeWriteSection > div > div > .text > div > nav > div > a:hover{ background-color:#12176A; color:#fff;}
.NoticeWriteSection > div > div > .text > div > nav > div > a.disable{ background-color:#ddd; border:2px solid #bbb; pointer-events: none;}
.NoticeWriteSection > div > div > .text > div > nav > div > a.disable > .linktext{ color:#bbb;}

.NoticeEditSection > div{ padding:50px 0;}
.NoticeEditSection > div > div > h3{ display:none;}
.NoticeEditSection > div > div > .text > div{ width:90%; margin:auto;}
.NoticeEditSection > div > div > .text > div > ul{ display:flex; gap:16px; flex-direction: column;}
.NoticeEditSection > div > div > .text > div > ul > li > div > input[type=text]{ width:calc(96% - 14px); padding:6px; font-size:18px; font-weight:500;}
.NoticeEditSection > div > div > .text > div > ul > li > label{ display:none;}
.NoticeEditSection > div > div > .text > div > nav{ display:flex; justify-content:space-between; gap:30px; padding:30px 0; }
.NoticeEditSection > div > div > .text > div > nav > div > a{ border:2px solid #12176A; color:#12176A; background-color:#fff; display:inline-block; padding:4px 20px; font-size:20px; font-weight:400; }
.NoticeEditSection > div > div > .text > div > nav > div > a:hover{ background-color:#12176A; color:#fff;}
.NoticeEditSection > div > div > .text > div > nav > div > a.disable{ background-color:#ddd; border:2px solid #bbb; pointer-events: none;}
.NoticeEditSection > div > div > .text > div > nav > div > a.disable > .linktext{ color:#bbb;}


.NoticeReadSection > div{ padding:50px 0;}
.NoticeReadSection > div > div > h3{ display:none;}
.NoticeReadSection > div > div > .text > div{ width:90%; margin:auto;}
.NoticeReadSection > div > div > .text > div > ul{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; border-top:1px solid #12176A; padding:16px 0;}
.NoticeReadSection > div > div > .text > div > ul > li{ }
.NoticeReadSection > div > div > .text > div > nav{ display:flex; flex-wrap:wrap; justify-content:space-between; border-top:1px solid #12176A; padding:30px 0; }
.NoticeReadSection > div > div > .text > div > nav > div{ display:flex; justify-content:center; gap:8px; width:100%; margin:8px 0;}
.NoticeReadSection > div > div > .text > div > nav > div > a{ border:2px solid #12176A; color:#12176A; background-color:#fff; display:inline-block; padding:4px 20px; font-size:20px; font-weight:400; }
.NoticeReadSection > div > div > .text > div > nav > div > a:hover{ background-color:#12176A; color:#fff;}
.NoticeReadSection > div > div > .text > div > nav > div > a.disable{ background-color:#ddd; border:2px solid #bbb; pointer-events: none;}
.NoticeReadSection > div > div > .text > div > nav > div > a.disable > .linktext{ color:#bbb;}
.NoticeReadSection > div > div > .text > div > ul > li > label{ display:none; }