/* .inHeader {
    margin-bottom: 23px;
    width: calc(100%);
}

.inHeader .inner-menuBox {
    width: 100%;
    margin-top: 10px;
    font-size: 0px;
    margin-bottom: 23px;
}

.inHeader .inner-menu {
    display: inline-block;
    width: 33.3%;
    height: 16px;
    font-size: 13px;
    color: #595959;
    cursor: pointer;
    text-align: center;
    border-right: 1px solid #d7d7d7;
    box-sizing: border-box;
}

.inHeader .inner-menu:last-child {
    border-right: 0px solid #d7d7d7;
}

.inHeader .inner-menu.active {
    font-weight: normal;
    color: var(--main-color);
} */

.inBox {
    text-align: center;
    width: calc(100%);
}

.audiListBox {
    width: 100% !important;
    background-color: #fff;
    box-sizing: border-box;
    margin-bottom: 15px;
    border-radius: 10px;
    cursor: pointer;
}

.audiListBox .audiImage {
    width: 100%;
    padding-bottom: 100%;
    border-radius: 10px;

    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.audiListBox .sContent {
    position: relative;
    padding: 20px 10px;
    text-align: left;
}

.audiListBox .sContent .lTitle {
    font-size: 12px;
    color: #1f1f1f;
    font-weight: bold;
    margin-bottom: 5px;
}

.audiListBox .sContent .lAppel {
    font-size: 12px;
    color: #1f1f1f;
    margin-bottom: 5px;
}

.audiListBox .sContent .endDate {
    padding-top: 10px;
    font-size: 10px;
    color: #959595;
    text-align: left;
}

.audiListBox .sContent .pickBtn {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 22px;
    height: 22px;
    cursor: pointer;

    /* background-image: url("../../../image/heart.png"); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.audiListBox .sContent .pickBtn.pickOn {
    /* background-image: url("../../../image/full_heart.png"); */
}

/*.page {*/
/*    margin-top: 21px;*/
/*    text-align: center;*/
/*    font-size: 0px;*/
/*    margin-bottom: 80px;*/
/*}*/

/*.page .firstPage,*/
/*.page .leftPage,*/
/*.page .rightPage,*/
/*.page .lastPage {*/
/*    display: inline-block;*/
/*    width: 12px;*/
/*    height: 12px;*/
/*    vertical-align: top;*/
/*    cursor: pointer;*/
/*    background-size: cover;*/
/*    margin-top: 2px;*/
/*}*/

/*.page .firstPage,*/
/*.page .rightPage {*/
/*    margin-right: 1px;*/
/*}*/

/*.page .firstPage {*/
/*    background-image: url("../../../image/web_v2/arrow-left2.png")*/
/*}*/

/*.page .leftPage {*/
/*    background-image: url("../../../image/web_v2/arrow-left.png")*/
/*}*/

/*.page .rightPage {*/
/*    background-image: url("../../../image/web_v2/arrow-right.png")*/
/*}*/

/*.page .lastPage {*/
/*    background-image: url("../../../image/web_v2/arrow-right2.png");*/
/*    margin-right: 20px*/
/*}*/

/*.page .pageBox {*/
/*    display: inline-block;*/
/*    vertical-align: top;*/
/*    height: 18px;*/
/*    margin-left: 10px;*/
/*    margin-right: 10px;*/
/*}*/

/*.page .pageBox .pages {*/
/*    display: inline-block;*/
/*    height: 18px;*/
/*    line-height: 18px;*/
/*    font-size: 10px;*/
/*    color: #959595;*/
/*    margin-right: 15px;*/
/*    cursor: pointer;*/
/*}*/

/*.page .pageBox .pages:last-child {*/
/*    margin-right: 0px;*/
/*}*/

/*.page .pageBox .pages.nowPage {*/
/*    font-weight: bold;*/
/*    !*color: var(--main-color);*!*/
/*}*/

.writeBtn {
    /* position: fixed; */
    /* bottom: 25%; */
    right: 10px;
    /* width: 60px; */
    height: 60px;
    /* background-color: #fff; */
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
    /* border-radius: 50px; */
    padding-top: 30px;
    /* font-size: 10px; */
    /* font-weight: normal; */
    /* color: var(--main-color); */
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
}

.writeBtn .icon {
    position: absolute;
    width: 22px;
    height: 22px;
    top: 12px;
    left: 19px;

    background-image: url("../../../image/svg/icon-registration.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

/* scroll top */
.topBtn {
    right: 10px;
    height: 60px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
    padding-top: 30px;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
}

.topBtn .icon {
    width: 60px;
    height: 60px;
    background-size: cover;
    background-image: url("../../../image/goTop_round.png");
}