body > .BodyWrap{ display:flex; flex-wrap:wrap; gap:12px; align-items:flex-start;}
header{ background-color:#424a60; width:100%;}
header > div{ display:flex; flex-grow:1; justify-content:space-between; align-items:center; min-height:100px;}
header > div > a > h2{ padding:8px;}
header > div > a > h2 > span{ color:#fff;}

.publicnav{ width:230px; position:fixed; left:-230px; top:100px; transition-duration:0.3s; background-color:#fff; z-index:500}
.publicnav.menuon{ left:0;}
.publicnav > ul{ border:1px solid #ddd;}
.publicnav > ul > li{ display:flex; flex-direction: column;}
.publicnav > ul > li > a{ width:calc(100% - 16px); padding:8px; display:inline-block; background-color:#c2cbe4; color:#000; font-size:17px;}
.publicnav > ul > li > ul{ margin:8px;}
.publicnav > ul > li > ul > li{ list-style:disc; margin-left:20px;}
.publicnav > ul > li > ul > li > a{ color:#000;}
.publicnav > ul > li > ul > li > a:hover{ text-decoration:underline; }
.publicnav > nav{ padding:8px; display:flex; justify-content:center; gap:8px;}
.publicnav > nav > a{ color:#000; font-size:17px; font-weight:900; border-radius:50px; border:1px solid #000; padding:4px 12px;}

body > .BodyWrap > section{ width:100%;}

.BodyWrap{ opacity:0;  transition-duration:0.3s;}

.hambergermenubtn{ position:absolute; top:36px; right:36px; width:32px; height:32px; display:inline-block; z-index:501;}
.hambergermenubtn > span{ position:absolute; display:inline-block; transition: all 0.4s; left: 0; width: 100%; height: 8%; background-color: #ffffff; border-radius: 32px; float:left; overflow:hidden; }
.hambergermenubtn > span:nth-child(1){ top:6%;}
.hambergermenubtn > span:nth-child(2){ top:46%;}
.hambergermenubtn > span:nth-child(3){ top:90%;}
.hambergermenubtn.on1 > span:nth-child(1){ top:46%;}
.hambergermenubtn.on1 > span:nth-child(2){ top:46%;}
.hambergermenubtn.on1 > span:nth-child(3){ top:46%;}
.hambergermenubtn.on1.on2 > span:nth-child(1){ transform:rotate(45deg);}
.hambergermenubtn.on1.on2 > span:nth-child(2){ transform:rotate(45deg);}
.hambergermenubtn.on1.on2 > span:nth-child(3){ transform:rotate(-45deg);}


footer{ background-color:#ffffff; color:#000000; border-top:5px solid #12176A; width:100%; padding:50px 0; position:relative; z-index:299;}
footer > div > nav > ul{ display:flex; justify-content:flex-start; width:90%; gap:12px 30px; margin:auto; flex-wrap:wrap;}
footer > div > nav > ul > li{ position:relative;}
footer > div > nav > ul > li:after{ content:""; height:12px; display:inline-block; position:absolute; width:1px; background-color:#bbb; right:-15px; top:8px;}
footer > div > nav > ul > li:last-child:after{ display:none;}
footer > div > nav > ul > li > a{ display:inline-block;  font-size:20px; font-weight:400; color:#000;}

footer > div > div{ margin:auto; width:90%; margin-top:30px;}
footer > div > div > div > h4{ }
footer > div > div > div > h4 > span{ font-size:22px; font-weight:600;}
footer > div > div > div > p{ margin-bottom:16px; }
footer > div > div > div > p > span{ font-size:18px; font-weight:400;}

footer > div > div > ul{ display:flex; margin:auto; flex-wrap:wrap; gap:15px 30px;}
footer > div > div > ul > li{ display:flex;}
footer > div > div > ul > li > label{ font-size:20px; font-weight:400;  }
footer > div > div > ul > li > label:after{ content:":"; margin:0 4px; }
footer > div > div > ul > li > div{ font-size:20px;  font-weight:400; }
footer > div > div > ul > li > div > a{ color:#000; }
footer > div > div > ul > li > div > a:hover{ color:#12176A;}
footer > div > aside{ display:flex; margin:auto; margin-top:50px; width:90%; font-size:18px;  font-weight:400;   }



#AddressFindDiv{ position:fixed; left:0; top:0; width:100%; height:100vh; z-index:501; background-color:rgba(0,0,0,0.7); display:flex; justify-content:center; align-items:center;}
#AddressFindDiv > div{ background-color:#fff; border-radius:8px; box-shadow:1px 1px 8px gray; width:90%; max-width:800px; height:70vh; overflow-y:auto;}
#AddressFindDiv > div > form{ padding:30px; width:calc(100% - 60px);}
#AddressFindDiv > div > form > .searchdiv{ display:flex; gap:4px;}
#AddressFindDiv > div > form > .searchdiv > input[type=text]{ font-size:22px; padding:3px 6px; flex-grow:1; width:calc(100% - 160px);}
#AddressFindDiv > div > form > .searchdiv > a{ border:1px solid #000; width:77px; justify-content:center; display:flex; align-items:center; font-size:22px;}
.addrsearchbtn{ background-color:#000; color:#fff;}
.addrclosebtn{ background-color:#fff; color:#000;}
#AddressFindDiv > div > form > p{ color:#004cff; padding:3px 6px;}

#AddressList > table{ width:100%; margin:30px 0;}
#AddressList > table > tbody > tr > th{ border-top:2px solid #ebebeb; border-bottom:1px solid #ebebeb; padding:6px; font-size:20px;}
#AddressList > table > tbody > tr > th:nth-child(1){ width:140px; }
#AddressList > table > tbody > tr > td{ border-bottom:1px solid #ebebeb; padding:6px;  font-size:18px;}
#AddressList > table > tbody > tr > td > a{ font-size:18px; position:relative; display:inline-block;}
#AddressList > table > tbody > tr > td:nth-child(1){ text-align:center;font-weight:bold; font-size:22px;}
#AddressList > table > tbody > tr > td > a:hover{ color:#004cff; }
#AddressList > table > tbody > tr > td > a:hover:before{ color:#004cff; border:1px solid #004cff; }
#AddressList > nav{ display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin-bottom:30px;}
#AddressList > nav > span
,#AddressList > nav > a{ border:1px solid #000; padding:6px 12px; font-size:18px; text-align:center;}
#AddressList > nav > span{ background-color:#000; color:#fff; }