.ActivedutySection > div{ padding:30px 0; border-bottom:6px solid #22183D;}
.ActivedutySection > div > div{ width:90%; margin:auto; margin-top:180px; }
.ActivedutySection > div > div > .text > div > h3{display:flex; flex-direction: column; margin-bottom:90px;}
.ActivedutySection > div > div > .text > div > h3 > span{ font-size:30px; font-weight:600; line-height:1.2;}
.ActivedutySection > div > div > .text > div > p{ position:relative; display:inline-block;}
.ActivedutySection > div > div > .text > div > p:before{ content:"*"; color: #F00; font-size: 60px; font-weight: 500; position:absolute; top:-60px;}
.ActivedutySection > div > div > .text > div > p > span{ font-size:24px; font-weight:400; }

.ActivedutyListSection > div{ padding:50px 0; }
.ActivedutyListSection > div > div{ }
.ActivedutyListSection > div > div > h3{ width:90%;  margin:auto; font-size:28px; font-weight:500;}
.ActivedutyListSection > div > div > .text > nav{ width:90%;  margin:auto;}
.ActivedutyListSection > div > div > .text > nav > div{ margin-left:380px; position:relative;}
.ActivedutyListSection > div > div > .text > nav > div:after{ content:""; position:absolute; width:100%; right:0; bottom:-5px; height:5px; background-color:#12176A; display:inline-block;}
.ActivedutyListSection > div > div > .text > nav > div > ul{ display:flex; flex-wrap:wrap;}
.ActivedutyListSection > div > div > .text > nav > div > ul > li > a{ display:inline-block; color:#12176A; padding:8px 36px; border:1px solid #12176A; margin-right:-1px; margin-bottom:-1px; font-size:24px; font-weight:400; text-transform:uppercase; transition-duration:0.3s;}
.ActivedutyListSection > div > div > .text > nav > div > ul > li > a.active{ color:#fff; background-color:#12176A; cursor:default; pointer-events: none;}
.ActivedutyListSection > div > div > .text > nav > div > ul > li > a:hover{ background-color:#0B89C6; color:#fff;}
.ActivedutyListSection > div > div > .text > div{ width:90%; margin:50px auto;}
.ActivedutyListSection > div > div > .text > div > table{ border-top:1px solid #3D315F; border-collapse:collapse; width:100%; table-layout:fixed;}
.ActivedutyListSection > div > div > .text > div > table > thead > tr > th{ border-bottom:1px solid #3D315F; padding:8px 0; text-align:center; font-size:20px; font-weight:300;}
.ActivedutyListSection > div > div > .text > div > table > tbody > tr > td{ border-bottom:1px solid #3D315F; padding:8px 0; text-align:center; font-size:18px; font-weight:300;}
.ActivedutyListSection > div > div > .text > div > table > tbody > tr:hover > td{ background-color:#f1f1f1;}

.ActivedutyListSection > div > div > .text > div > nav{ display:flex; justify-content:flex-end; }
.ActivedutyListSection > div > div > .text > div > nav > div{ display:flex; gap:8px; margin:50px 0;}
.ActivedutyListSection > div > div > .text > div > nav > div > a{ border-radius: 10px; border: 1px solid #3D315F;
background-color:#22183D;display:inline-block; padding:12px 24px; font-size:20px; font-weight:500; color:#fff; }
.ActivedutyListSection > div > div > .text > div > nav > div > a:hover{ background-color:#12176A; color:#fff;}
.ActivedutyListSection > div > div > .text > div > nav > div > a.disable{ background-color:#ddd; border:2px solid #bbb; pointer-events: none;}
.ActivedutyListSection > div > div > .text > div > nav > div > a.disable > .linktext{ color:#bbb;}

.ActivedutyReadSection > div{ padding:50px 0; }
.ActivedutyReadSection > div > div{ }
.ActivedutyReadSection > div > div > h3{ width:90%; margin:auto; font-size:35px; font-weight:500;}
.ActivedutyReadSection > div > div > .text > form{ width:90%; margin:50px auto; display:flex; justify-content:center; align-items:center;}
.ActivedutyReadSection > div > div > .text > form > div{ width:calc(100% - 102px); padding:50px; border:1px solid #000;  }
.ActivedutyReadSection > div > div > .text > form > div > ul{ width:100%;}
.ActivedutyReadSection > div > div > .text > form > div > ul > li > label{ font-size:24px; font-weight:600;}
.ActivedutyReadSection > div > div > .text > form > div > ul > li > div{ padding:0;}
.ActivedutyReadSection > div > div > .text > form > div > ul > li > div > input[type=password]{ width:calc(100% - 14px); padding:6px; font-size:20px; font-weight:500;}
.ActivedutyReadSection > div > div > .text > form > div > nav{ margin-top:16px; display:flex; justify-content:flex-end; align-items:center;}
.ActivedutyReadSection > div > div > .text > form > div > nav > a {
    border-radius: 15px;
    border: 1px solid #D9D9D9;
    background: #49474E;
    transition-duration: 0.3s;
    padding: 16px 57px;
    display: inline-block;
    font-size: 18px;
	font-weight:400;
}

.ActivedutyReadSection > div > div > .text > form > div > nav > a > .linktext {
    color: #fff;
    transition-duration: 0.3s;
}
.ActivedutyReadSection > div > div > .text > form > div > nav > a:hover{ background-color:#12176A;}
.ActivedutyReadSection > div > div > .text > form > div > nav > a:hover > .linktext{ color:#fff;}
.ActivedutyReadSection > div > div > .text > div{ width:90%; margin:50px auto;}
.ActivedutyReadSection > div > div > .text > div > div > ul{ display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px 20px;}
.ActivedutyReadSection > div > div > .text > div > div > ul > li{ display:flex; flex-direction: column; border-radius: 30px; flex-grow:1; border:1px solid #3D315F; width:calc(100% - 12px); padding:20px 0;}
.ActivedutyReadSection > div > div > .text > div > div > ul > li > label{  font-size:20px; font-weight:600; padding:0 40px;}
.ActivedutyReadSection > div > div > .text > div > div > ul > li > div{ font-size:18px; font-weight:400; padding:0 40px;}
.ActivedutyReadSection > div > div > .text > div > div > ul > li > div > ul > li{ margin-left:25px; list-style:decimal; font-size:18px; font-weight:400;}
.ActivedutyReadSection > div > div > .text > div > div > ul > li.readfileli{ width:100%;}
.ActivedutyReadSection > div > div > .text > div > div > aside{}
.ActivedutyReadSection > div > div > .text > div > div > aside > ul{margin:16px auto;}
.ActivedutyReadSection > div > div > .text > div > div > aside > ul > li{ margin-left:20px; font-size:22px; color:#ff0000; font-weight:400;  position:relative; }
.ActivedutyReadSection > div > div > .text > div > div > aside > ul > li:before{ content:"※"; position:absolute; left:-20px; top:0;}
.ActivedutyReadSection > div > div > .text > div > div > nav{ display:flex; justify-content:center; gap:6px; padding:85px 0; }
.ActivedutyReadSection > div > div > .text > div > div > nav > .admincontroldiv > a{ background-color:#3D315F;}
.ActivedutyReadSection > div > div > .text > div > div > nav > .admincontroldiv > a > .linktext{ color:#fff;}
.ActivedutyReadSection > div > div > .text > div > div > nav > div > a{ border:1px solid #3D315F; border-radius:20px; color:#12176A; background-color:#fff; display:inline-block; padding:16px 0; width:160px; text-align:center; font-size:24px; font-weight:400; }
.ActivedutyReadSection > div > div > .text > div > div > nav > div > a:hover{ background-color:#12176A; color:#fff;}
.ActivedutyReadSection > div > div > .text > div > div > nav > div > a.disable{ background-color:#ddd; border:2px solid #bbb; pointer-events: none;}
.ActivedutyReadSection > div > div > .text > div > div > nav > div > a.disable > .linktext{ color:#bbb;}
.ActivedutyReadSection > div > div > .text > div > div > nav > div > a.readhomebtn{ background-color:#3D315F;}
.ActivedutyReadSection > div > div > .text > div > div > nav > div > a.readhomebtn > .linktext{ color:#fff;}


.readtitle{ width:calc(100% - 220px); margin:0 30px;}
.readtitle > div > h4 > span{ font-size:32px;}

.readwritedate{ width:130px;}
.readhitcount{ display:none;}
.readcontent{ padding:30px; width:calc(100% - 60px); border-top:1px solid #12176A; margin-top:16px;}
.readcontent > div *{ font-size:18px; line-height:1.6;}
.readcontent > div img{ max-width:100%; margin:8px 0;}
.readcontent > div iframe{ max-width:100%; margin:8px 0;}
.ActivedutyReadSection > div > div > .text > div > ul > li > label{ display:none;}



.ActivedutyWriteSection > div{ padding:50px 0;}
.ActivedutyWriteSection > div > div{ }
.ActivedutyWriteSection > div > div > h3{ width:90%; margin:auto; font-size:28px; font-weight:500;}

.ActivedutyWriteSection > div > div > .text > div{ width:90%; margin:50px auto;}
.ActivedutyWriteSection > div > div > .text > div > ul{ display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px 20px; }
.ActivedutyWriteSection > div > div > .text > div > ul > li{ display:flex;  border-radius: 30px; flex-grow:1; border:1px solid #3D315F; padding:12px 0; width:calc(100% - 2px);flex-direction: column;}
.ActivedutyWriteSection > div > div > .text > div > ul > li.activedutyfileli > div{ padding:6px 40px;}
.ActivedutyWriteSection > div > div > .text > div > ul > li.activedutypasswddatasendagreeli{ width:100%; border:0;}
.ActivedutyWriteSection > div > div > .text > div > ul > li.activedutypasswddatasendagreeli > label{ display:none;}
.ActivedutyWriteSection > div > div > .text > div > ul > li.activedutypasswddatasendagreeli > div{ width:calc(100% - 34px); padding:8px 16px; font-size:20px; font-weight:500; display:flex; align-items:flex-start; gap:12px;}
.ActivedutyWriteSection > div > div > .text > div > ul > li.activedutypasswddatasendagreeli > div > input{ transform:scale(1.5); margin-top:10px;}
.ActivedutyWriteSection > div > div > .text > div > ul > li.activedutypasswddatasendagreeli > div > label{ display:inline-block;}
.ActivedutyWriteSection > div > div > .text > div > ul > li.activedutypasswddatasendagreeli > div > label > span{ display:inline-block; font-size:18px;}
.ActivedutyWriteSection > div > div > .text > div > ul > li > label{ padding:0 40px; display:flex; align-items:flex-start; font-size:20px; font-weight:500; }
.ActivedutyWriteSection > div > div > .text > div > ul > li > div{ width:calc(100% - 80px); padding:0 40px; font-size:18px;}
.ActivedutyWriteSection > div > div > .text > div > ul > li > div > input[type=text]{ width:calc(96% - 14px); padding:6px; font-size:18px; font-weight:500; border:0;}
.ActivedutyWriteSection > div > div > .text > div > ul > li > div > input[type=password]{ width:calc(96% - 14px); padding:6px; font-size:18px; font-weight:500; border:0;}
.ActivedutyWriteSection > div > div > .text > div > ul > li > div > input[type=tel]{ width:calc(96% - 14px); padding:6px; font-size:18px; font-weight:500; border:0;}
.ActivedutyWriteSection > div > div > .text > div > ul > li > div > input[type=email]{ width:calc(96% - 14px); padding:6px; font-size:18px; font-weight:500; border:0;}
.ActivedutyWriteSection > div > div > .text > div > ul > li > div > input[type=date]{ width:calc(96% - 14px); padding:6px; font-size:18px; font-weight:500; border:0;}
.ActivedutyWriteSection > div > div > .text > div > ul > li > div > div > nav > a{ border-radius: 8px; border: 1px solid #D9D9D9; background: #49474E; transition-duration:0.3s; padding:8px 37px; display:inline-block;}
.ActivedutyWriteSection > div > div > .text > div > ul > li > div > div > nav > a > .linktext{ color:#fff; transition-duration:0.3s; font-size:17px;}
.ActivedutyWriteSection > div > div > .text > div > ul > li > div > div > nav > a:hover{ background-color:#12176a;}
.ActivedutyWriteSection > div > div > .text > div > ul > li > div > div > nav > a:hover > .linktext{ color:#fff;}
.ActivedutyWriteSection > div > div > .text > div > ul > li > div > div > .previewdiv > ul > li{ margin-left:26px; list-style:decimal;}



.ActivedutyWriteSection > div > div > .text > div > nav{ display:flex; justify-content:center; gap:6px; padding:85px 0; }
.ActivedutyWriteSection > div > div > .text > div > nav > .admincontroldiv > a{ background-color:#3D315F;}
.ActivedutyWriteSection > div > div > .text > div > nav > .admincontroldiv > a > .linktext{ color:#fff;}
.ActivedutyWriteSection > div > div > .text > div > nav > div > a{ border:1px solid #3D315F; border-radius:10px; color:#12176A; background-color:#fff; display:inline-block; padding:10px 0; width:160px; text-align:center; font-size:20px; font-weight:400; }
.ActivedutyWriteSection > div > div > .text > div > nav > div > a:hover{ background-color:#12176A; color:#fff;}
.ActivedutyWriteSection > div > div > .text > div > nav > div > a.disable{ background-color:#ddd; border:2px solid #bbb; pointer-events: none;}
.ActivedutyWriteSection > div > div > .text > div > nav > div > a.disable > .linktext{ color:#bbb;}


.ActivedutyEditSection > div{ padding:50px 0;}
.ActivedutyEditSection > div > div{ margin-top:80px;}
.ActivedutyEditSection > div > div > h3{ font-size:32px; font-weight:600; text-align:center;}
.ActivedutyEditSection > div > div > .text > div{ width:90%; max-width:1400px; margin:50px auto;}
.ActivedutyEditSection > div > div > .text > div > ul{ display:flex; gap:16px; flex-direction: column;}
.ActivedutyEditSection > div > div > .text > div > ul > li > div > input[type=text]{ width:calc(96% - 14px); padding:6px; font-size:18px; font-weight:500;}
.ActivedutyEditSection > div > div > .text > div > ul > li > label{ display:none;}
.ActivedutyEditSection > div > div > .text > div > nav{ display:flex; justify-content:space-between; gap:30px; padding:30px 0; }
.ActivedutyEditSection > 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; }
.ActivedutyEditSection > div > div > .text > div > nav > div > a:hover{ background-color:#12176A; color:#fff;}
.ActivedutyEditSection > div > div > .text > div > nav > div > a.disable{ background-color:#ddd; border:2px solid #bbb; pointer-events: none;}
.ActivedutyEditSection > div > div > .text > div > nav > div > a.disable > .linktext{ color:#bbb;}