.ir-page section {
    padding-bottom: 1rem;
    background-color: white;
}
.ir-page table {
    width: 100%;
    background-color: white;
    border: none;
    border-collapse: collapse;
    font-size: 0.8rem;
}
.ir-page table tbody {
    width: 100%;
}
.ir-page table thead th,
.ir-page table tbody td {
    text-align: center;
}
.ir-page table tbody tr,
.ir-page table thead tr {
    width: 100%;
    height: 3.125rem;
}
.ir-page table thead tr {
    background-color: #333;
    color: white;
}
.ir-page table thead th {
    font-weight: bold;
}
.ir-page table tbody {
}
.ir-page table tbody tr {
    vertical-align: middle;
    border: 1px solid #f0f0f0;
}
.ir-page table tbody td {
    color: #333;
}
.ir-page table .no {
    width: 25%;
}
.ir-page table .no p {
    font-weight: normal;
    margin: 2vw 0;
}
.ir-page table .title {
    text-align: left;
    font-weight: bold;
}
.ir-page table .created-at {
    width: 10%;
}
.ir-page table tr.content {
    display: none;
}
.ir-page table tr.content.active {
    display: table-row;
}
.ir-page table tr.content td {
    width: 100%;
}
.ir-page table tr.content td  * {
    width: 100%;
}
.ir-page table .submitted-at {
    width: 10%;
}
.ir-page table .submitted-person {
    width: 10%;
}
.ir-page {
    padding: 0 4vw 15vw;
    background-color: white;
}
.ir-page dl dt {
    display: block;
    padding: 15px;
    background-color: #666;
    color: white;
    font-size: 4vw;
}
.ir-page dl dt + dd {
    display: none;
}
.ir-page dl dt.active + dd {
    display: block;
}
.ir-page dl dd + dt {
    /* margin-bottom: 1rem; */
}
.ir-page dl dt:after {
    position: relative;
    float: right;
    content: "";
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border-right: 0.2em solid white;
    border-top: 0.2em solid white;
    transform: rotate(135deg);
    margin-right: 0.5em;
    margin-top: 0.2rem;
}
.ir-page dl dt.active:after {
    transform: rotate(-45deg);
    margin-top: 0.5rem;
}
.ir-page dl dd {
    margin: 0;
    padding: 2rem 1rem;
    line-height: 1.8;
}
.ir-page dl dd p {
    font-size: 3vw;
}
.notices.table-page {
    padding: 0 4vw 10vw;
}
table.notices {
    width: 100%;
    background-color: white;
    border: 2px solid #ddd;
    font-size: 0.8rem;
    border-collapse: collapse;
}
table.notices thead th,
table.notices tbody td {
    text-align: center;
}
table.notices tbody tr,
table.notices thead tr {
    height: 3.125rem;
}
table.notices thead tr th {
    padding-left: 3vw;
}
table.notices thead th {
    text-align: left;
    font-weight: bold;
}
table.notices tbody tr {
    border-top: 2px solid #ddd;
    vertical-align: middle;
}
table.notices tbody td {
    color: #333;
}
table.notices tbody td p {
    margin: 2vw 0;
}
table.notices tbody tr.notice td.no,
table.notices tbody tr.notice td.title {
    color: #8fb7db;
}
table.notices tbody tr td.no {
    width: 20%;
}
table.notices thead tr th.title,
table.notices tbody tr td.title {
    text-align: left;
}
table.notices tbody tr td.title a,
table.notices tbody tr td.title a:visited {
    color: #333;
    text-decoration: none;
}
table.notices tbody tr td.created-at {
    width: 10%;
}
table.notices tbody tr td.view-count {
    width: 20%;
    vertical-align: top;
    padding-right: 3vw;
    border-right: 2px solid #ddd;
}
table.notices tbody tr.content {
    display: none;
}
table.notices tbody tr.active {
    display: table-row;
}
.faq-page section {
    padding-bottom: 1rem;
    background-color: white;
}
ul.black-category-menu {
    margin: 0;
    padding: 1rem;
    list-type-style: none;
    background-color: black;
    text-align: center;
}
ul.black-category-menu:after {
    content: "";
    display: block;
    clear: both;
}
ul.black-category-menu li {
    display: inline-block;
    padding: 1rem 1.5rem;
    font-size: 0.9rem;
}
ul.black-category-menu li a {
    color: #888;
    text-decoration: none;
}
ul.black-category-menu li.active span {
    color: #fff;
}
.qna-page section {
    padding-bottom: 1rem;
    background-color: white;
}
.qna-page table {
    width: 100%;
    background-color: white;
    border: none;
    border-collapse: collapse;
    font-size: 0.8rem;
}
.qna-page table tbody {
}
.qna-page table thead th,
.qna-page table tbody td {
    text-align: center;
}
.qna-page table thead tr {
    background-color: #333;
    color: white;
}
.qna-page table thead th {
    font-weight: bold;
}
.qna-page table tbody {
}
.qna-page table tbody tr {
    vertical-align: middle;
}
.qna-page table tbody td {
    border-bottom: 1px solid #ddd;
    color: #333;
}
.qna-page table .no {
    width: 20%;
}
.qna-page table .title {
    text-align: left;
    font-weight: bold;
}
.qna-page table .created-at {
    width: 10%;
}
.qna-page table .submitted-at {
    width: 10%;
}
.qna-page table .submitted-person {
    width: 10%;
}
.faq-page {
    padding: 25px;
    background-color: white;
}
.faq-page dl dt {
    padding: 15px;
    color: #333;
    font-size: 1rem;
    border-top: 1px solid #ddd;
    font-weight: bold;
}
.faq-page dl dt span.no,
.faq-page dl dd span.no {
    float: left;
    width: 10%;
    text-align: center;
}
.faq-page dl dt p,
.faq-page dl dd p {
    padding-left: 10%;
    padding-right: 10%;
    width: 100%;
}
.faq-page dl dt + dd {
    display: none;
}
.faq-page dl dt.active + dd {
    display: block;
}
.faq-page dl dd + dt {
    /* margin-bottom: 1rem; */
}
.faq-page dl dt span.caret {
    float: right;
    width: 0.7rem;
    height: 0.7rem;
    display: inline-block;
    border-right: 0.1em solid black;
    border-top: 0.1em solid black;
    transform: rotate(135deg);
    margin-right: 0.5em;
    margin-top: 0.3rem;
}
.faq-page dl dt.active span.caret {
    transform: rotate(-45deg);
    margin-top: 0.5rem;
}
.faq-page dl dd {
    margin: 0;
    padding: 2rem 1rem;
    line-height: 1.8;
}
.faq-page  p.guide {
    color: #333;
    padding: 2rem;
    font-size: 1rem;
}
.faq-page section ol {
    padding: 0 2rem 0 3rem;
}
dl dt + dd {
    display: none;
}
dl dt.active + dd {
    display: block;
}
dl dt {
    margin-top: 1rem;
}