/* list */
.helpList.selected > .activeTag {
    background-image: url(../../../img/information/common/Select_List.png);
    background-size: cover;
}
.helpSubListData.selected > .activeTag {
    background-image: url(../../../img/information/common/Select_SubList.png);
}
.arrowIcon {
    background-image: url(../../../img/information/common/Arrow_List.png);
}
.activeTag {
    background-size: cover;
    display: block;
    position: absolute;
    z-index: 2;
}

.helpListContainer {
    margin: 0;
    color: #fff;
    background-color: rgba(0, 0, 0, 0);
}
.helpListContainer > li {
    list-style: none;
}
.helpList > .listData {
    background-image: url(../../../img/information/common/MainList.png);
}
.helpList > .listData > h1 {
    width: 100%;
    font-weight: normal;
    text-align: center;
}
.helpList {
    color: #fff;
    position: relative;
    text-decoration: none;
}
.helpList > .listData > .arrowIcon {
    background-size: cover;
}
.helpList.selected > .listData > .arrowIcon {
    transform: rotate(180deg);
}
.helpSubListData {
    color: #000;
    position: relative;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}
.helpSubListData.selected > .activeFrame {
    display: block;
    position: absolute;
    z-index: 1;
    border-image: url(../../../img/information/common/Box_Select2.png) 44% fill / auto / 0 stretch;
}
.helpSubListData > .listData {
    background-image: url(../../../img/information/common/SubList.png);
}
.listData {
    background-size: 100% 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

/* header */
.helpDetailHeader {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.helpDetailHeader * {
    margin: 0;
    padding: 0;
}
.helpDetailHeader h1 {
    width: 100%;
}