.page-board.layer-mo{font-family: "Pretendard", sans-serif; position: relative; color: #212529;}
.page-board.layer-mo .section{padding: 0 20px 40px;}
.page-board.layer-mo .section .section-title{margin-bottom: 40px;}

.page-board.layer-mo .notice-section .list-box{width: 100%; border-top: 1px solid #f1f3f5; border-bottom: 1px solid #f1f3f5;}
.page-board.layer-mo .notice-section .list-box .board{width: 100%; height: 140px; padding: 20px 10px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; border-bottom: 1px solid #f1f3f5;}
.page-board.layer-mo .notice-section .list-box .board:last-child{border-bottom:0;}
.page-board.layer-mo .notice-section .list-box .board .title-box{width: 90%; height: 100%; display: flex; flex-wrap: wrap; align-items: center;}
.page-board.layer-mo .notice-section .list-box .board .title-box .sub-title{font-size: 14px; font-weight: 500; color: #868e96; width: 100%; height: 20px; align-content: center;}
.page-board.layer-mo .notice-section .list-box .board .title-box .main-title{font-size: 20px; font-weight: bold; width: 100%; height: 40px; align-content: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.page-board.layer-mo .notice-section .list-box .board .title-box .reg-date{font-size: 14px; color: #868e96; font-weight: 500;}
.page-board.layer-mo .notice-section .list-box .board span{font-size: 40px; color:#868e96;}
.page-board.layer-mo .notice-section .paging{margin: 40px 0 0;}


.page-board.layer-mo .question-section{}
.page-board.layer-mo .question-section .button-box{width: 100%; display: flex; justify-content: center; margin-top: 40px;}
.page-board.layer-mo .question-section .button-box .board-write{width: 36%; height: 40px; font-size:16px; background-color: #212529; border-radius: 5px; color: white; font-weight: 500; text-align: center; align-content: center;}
.page-board.layer-mo .question-section .list-box{width: 100%; border-top: 1px solid #f1f3f5; border-bottom: 1px solid #f1f3f5;}
.page-board.layer-mo .question-section .list-box .no-list{width: 100%; height: 140px; font-size: 18px; font-weight: bold; text-align: center; align-content: center;}
.page-board.layer-mo .question-section .list-box .board{width: 100%; height: 140px; padding: 20px 10px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; border-bottom: 1px solid #f1f3f5;}
.page-board.layer-mo .question-section .list-box .board:last-child{border-bottom:0;}
.page-board.layer-mo .question-section .list-box .board .line{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.page-board.layer-mo .question-section .list-box .board .line .category{font-size: 14px; font-weight: 500; color: #868e96;}
.page-board.layer-mo .question-section .list-box .board .line .status{background-color: #868e96; color: white; font-weight: 500; font-size: 14px; border-radius: 4px; padding: 3px 6px;}
.page-board.layer-mo .question-section .list-box .board .line .status.completed{background-color: #212529;}
.page-board.layer-mo .question-section .list-box .board .line .main-title{font-size: 20px; line-height: 24px; font-weight: bold; width: 80%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.page-board.layer-mo .question-section .list-box .board .line .right-arrow{font-size: 40px; color:#868e96;}
.page-board.layer-mo .question-section .list-box .board .line .reg-date{font-size: 14px; color: #868e96; font-weight: 500;}
.page-board.layer-mo .question-section .list-box .board .line .reg-user{font-size: 14px; color: #868e96; font-weight: 500;}
.page-board.layer-mo .question-section .paging{margin: 40px 0 0;}

.page-board.layer-mo .info-section{}
.page-board.layer-mo .info-section .info-box{width: 100%; border-top: 1px solid #f1f3f5; border-bottom: 1px solid #f1f3f5; padding: 20px 10px; margin-bottom: 40px;}
.page-board.layer-mo .info-section.notice-info .info-box .sub-title{width: 100%; font-size: 16px; color: #868e96; font-weight: 500; margin-bottom: 20px;}
.page-board.layer-mo .info-section.notice-info .info-box .sub-title.none{display: none;}
.page-board.layer-mo .info-section.notice-info .info-box .title{width: 100%; font-size: 20px; font-weight: bold; margin-bottom: 20px;}
.page-board.layer-mo .info-section.notice-info .info-box .reg-date{width: 100%; font-size: 14px; color: #868e96; font-weight: 500; margin-bottom: 20px;}
.page-board.layer-mo .info-section.notice-info .info-box .contents{width: 100%; font-size: 16px; }
.page-board.layer-mo .info-section .button-box{width: 100%; padding: 0 10px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.page-board.layer-mo .info-section .button-box button{width: 32%;}
.page-board.layer-mo .info-section .button-box button.admin{visibility: hidden;}

.page-board.layer-mo .info-section.question-info .info-box{padding: 20px 0;}
.page-board.layer-mo .info-section.question-info .info-box .line{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 20px; padding: 0 10px;}
.page-board.layer-mo .info-section.question-info .info-box .line .category{font-size: 14px; font-weight: 500; color: #868e96;}
.page-board.layer-mo .info-section.question-info .info-box .line .status{background-color: #868e96; color: white; font-weight: 500; font-size: 14px; border-radius: 4px; padding: 3px 6px;}
.page-board.layer-mo .info-section.question-info .info-box .line .status.completed{background-color: #212529;}
.page-board.layer-mo .info-section.question-info .info-box .line .main-title{font-size: 20px; line-height: 24px; font-weight: bold; width: 80%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.page-board.layer-mo .info-section.question-info .info-box .line .reg-date{font-size: 14px; color: #868e96; font-weight: 500;}
.page-board.layer-mo .info-section.question-info .info-box .line .reg-user{font-size: 14px; color: #868e96; font-weight: 500;}
.page-board.layer-mo .info-section.question-info .info-box .contents{width: 100%; font-size: 16px; font-weight: 500; line-height: 20px; margin-bottom: 20px; padding: 0 10px;}
.page-board.layer-mo .info-section.question-info .img-box{width: 100%;}
.page-board.layer-mo .info-section.question-info .img-box img{width: 100%; margin-bottom: 20px;}

.page-board.layer-mo .info-section.question-info .comment-box{width: 100%; background-color: #f1f3f5; padding: 10px;}
.page-board.layer-mo .info-section.question-info .comment-box .comment-list{width: 100%;}
.page-board.layer-mo .info-section.question-info .comment-box .comment-list .comment{width: 100%; margin-bottom: 20px; position: relative;}
.page-board.layer-mo .info-section.question-info .comment-box .comment-list .comment .comment-delete{position: absolute; top: 0; right: 0; font-size: 14px; font-weight: 500; color: #b00020; }
.page-board.layer-mo .info-section.question-info .comment-box .comment-list .comment .comment-header{width: 100%; font-size: 14px; color: #868e96; font-weight: 500;margin-bottom: 10px;}
.page-board.layer-mo .info-section.question-info .comment-box .comment-list .comment .comment-header .comment-user{font-weight: 600; margin-right: 10px;}
.page-board.layer-mo .info-section.question-info .comment-box .comment-list .comment .comment-content{font-size: 14px; line-height: 16px; font-weight: 500;}
.page-board.layer-mo .info-section.question-info .comment-box .comment-check{width: 100%; margin-bottom: 10px; display: none;}
.page-board.layer-mo .info-section.question-info .comment-box .comment-check .radio-box{margin-right: 10px; display: inline-flex;}
.page-board.layer-mo .info-section.question-info .comment-box .comment-check .radio-box input[type="radio"]{display: none;}
.page-board.layer-mo .info-section.question-info .comment-box .comment-check .radio-box input[type="radio"] + label {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 1px solid #868e96;
    position: relative;
    cursor: pointer;
    vertical-align: middle;
    margin-right: 5px;
}
.page-board.layer-mo .info-section.question-info .comment-box .comment-check .radio-box input[type="radio"]:checked + label{border: 1px solid #b00020;}
.page-board.layer-mo .info-section.question-info .comment-box .comment-check .radio-box input[type="radio"]:checked + label::after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    width: 10px;
    height: 10px;
    background: #b00020; /* 안쪽 빨강 */
}
.page-board.layer-mo .info-section.question-info .comment-box .comment-check .radio-box span{font-size: 14px; font-weight: 500; color: #868e96;}
.page-board.layer-mo .info-section.question-info .comment-box .comment-check .radio-box input[type="radio"]:checked + span{color: #212529; font-weight: 600;}
.page-board.layer-mo .info-section.question-info .comment-box .comment-write{width: 100%; display: none; flex-wrap: wrap; align-items: stretch; justify-content: space-between;}
.page-board.layer-mo .info-section.question-info .comment-box .comment-write textarea{width: 80%; height: 52px; padding: 10px; border: 0; font-size: 14px; line-height: 16px; font-weight: 500;}
.page-board.layer-mo .info-section.question-info .comment-box .comment-write textarea::placeholder{color: #868e96; opacity: 0.8;}
.page-board.layer-mo .info-section.question-info .comment-box .comment-write button{ width: 16%; border: 0; background-color: #868e96; color: white; font-size: 14px; font-weight: 500;}


.page-board.layer-mo .write-section .info-box{width: 100%; border-top: 1px solid #f1f3f5; border-bottom: 1px solid #f1f3f5; padding: 20px 10px;}
.page-board.layer-mo .write-section .info-box .data-box{width: 100%; margin-bottom: 26px;}
.page-board.layer-mo .write-section .info-box .data-box.flex{display: flex; flex-wrap: wrap; align-items: center;}
.page-board.layer-mo .write-section .info-box .data-box:last-child{ margin-bottom: 0;}
.page-board.layer-mo .write-section .info-box .data-box.last-box{ margin-bottom: 0;}
.page-board.layer-mo .write-section .info-box .data-box p{font-size: 12px; font-weight: bold; margin-bottom: 10px;}
.page-board.layer-mo .write-section .info-box .data-box span{font-size: 12px; font-weight: bold; display: block; width: 20%;}
.page-board.layer-mo .write-section .info-box .data-box .input-text{width: 100%; height: 40px; font-size: 12px; padding-left: 10px; border: 1px solid #868e96; border-radius: 6px;}
.page-board.layer-mo .write-section .info-box .data-box .input-text.half{width: 48%;}
.page-board.layer-mo .write-section .info-box .data-box .right-box{display: flex; flex-wrap: wrap; width: 80%;}
.page-board.layer-mo .write-section .info-box .data-box .right-box.review-type{height: 34px; align-content: space-between;}
.page-board.layer-mo .write-section .info-box .data-box .right-box .radio-box{margin-right: 10px; display: inline-flex;}
.page-board.layer-mo .write-section .info-box .data-box .right-box .radio-box .labelText{font-size: 12px; color: #868e96;}
.page-board.layer-mo .write-section .info-box .data-box .right-box .radio-box input[type="radio"]{display: none;}
.page-board.layer-mo .write-section .info-box .data-box .right-box .radio-box input[type="radio"] + label {
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 1px solid #868e96;
    position: relative;
    cursor: pointer;
    vertical-align: middle;
    margin-right: 4px;
}
.page-board.layer-mo .write-section .info-box .data-box .right-box .radio-box input[type="radio"]:checked + label{border: 1px solid #b00020;}
.page-board.layer-mo .write-section .info-box .data-box .right-box .radio-box input[type="radio"]:checked ~ .labelText{color: #212529; font-weight: bold;}
.page-board.layer-mo .write-section .info-box .data-box .right-box .radio-box input[type="radio"]:checked + label::after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    width: 8px;
    height: 8px;
    background: #b00020; /* 안쪽 빨강 */
}
.page-board.layer-mo .write-section .info-box .data-box textarea{width: 100%; height: 80px; font-size: 12px; padding: 10px; border: 1px solid #868e96; border-radius: 6px; line-height: 14px;}
.page-board.layer-mo .write-section .info-box .data-box textarea::placeholder{opacity: 0.5;}
.page-board.layer-mo .write-section .info-box .data-box textarea.review-content{height: 160px;}
.page-board.layer-mo .write-section .info-box .data-box .moFileUpload{display: none;}
.page-board.layer-mo .write-section .info-box .data-box .fileUpload{display: none;}
.page-board.layer-mo .write-section .info-box .data-box .file-box{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 10px;}
.page-board.layer-mo .write-section .info-box .data-box .file-box:last-child{ margin-bottom: 0;}
.page-board.layer-mo .write-section .info-box .data-box .file-box button{width: 24%; height: 40px; color: #868e96; font-size: 14px; border: 1px solid #868e96; border-radius: 6px;}
.page-board.layer-mo .write-section .info-box .data-box .file-box button.file-add{ background-color: #212529; color: white; border: 0;}
.page-board.layer-mo .write-section .info-box .data-box .file-box button.file-delete{ background-color: #212529; color: white; border: 0;}
.page-board.layer-mo .write-section .info-box .data-box .file-box .input-text{width: 74%;}
.page-board.layer-mo .write-section .info-box .data-box .file-box .input-text.half{width: 48%;}
.page-board.layer-mo .write-section .button-box{width: 100%; padding: 0 10px; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 40px;}
.page-board.layer-mo .write-section .button-box button{width: 48%;}
.page-board.layer-mo .write-section .button-box button.admin{visibility: hidden;}
.page-board.layer-mo .write-section .star-box{ border-top: 1px solid #f1f3f5; padding: 20px 0; display: flex; flex-wrap: wrap; justify-content: center;}
.page-board.layer-mo .write-section .star-box p{font-size: 12px; font-weight: bold; margin-bottom: 10px; width: 100%;}
.page-board.layer-mo .write-section .star-box p.text-center{text-align: center;}
.page-board.layer-mo .write-section .star-box p.description{color: #868e96; font-weight: 500; margin-bottom: 0;}
.page-board.layer-mo .write-section .star-box input[type=radio]{display: none;}
.page-board.layer-mo .write-section .star-box .star-rating{font-size: 30px; margin-bottom: 14px; display: flex; flex-direction: row-reverse;}
.page-board.layer-mo .write-section .star-box .star-rating label {color: #C4C4C4; cursor: pointer;}
.page-board.layer-mo .write-section .star-box .star-rating :checked ~ label {color: #b00020;}
.page-board.layer-mo .write-section .info-box .data-box.moFileList{margin-bottom: 10px;}
.page-board.layer-mo .write-section .info-box .data-box.moFileList button.big-button{width: 100%; height: 40px; font-size: 14px; background-color: #212529; color: white; border: 0; border-radius: 6px; margin-bottom: 10px; }
.page-board.layer-mo .write-section .info-box .data-box.moFileList .file-list{width: 100%;}
.page-board.layer-mo .write-section .info-box .data-box.moFileList .file-list .file-box{margin-bottom: 10px;}
.page-board.layer-mo .write-section .info-box .data-box .description{width: 100%; text-align: center; font-size: 10px; color: #868e96; font-weight: 500; margin-bottom: 0;}
.page-board.layer-mo .write-section .description-box{width: 100%; padding: 20px 10px 0;}
.page-board.layer-mo .write-section .description-box .title{width: 100%; text-align: center; margin-bottom: 20px; font-size: 12px; font-weight: 600;}
.page-board.layer-mo .write-section .description-box .description{width: 100%; text-align: left; font-size: 10px; color: #868e96; font-weight: 500; margin-bottom: 0; line-height: 14px;}

@media (max-width:575px) {
    .page-board.layer-pc{display: none;}
    .page-board.layer-mo{display: block;}
    .page-board.layer-mo .old-section{padding: 40px 20px 40px;}
}


@media (max-width:390px) {
    .page-board.layer-mo .write-section .info-box .data-box .right-box.category{height: 34px; align-content: space-between;}
}