.board_read_cont {padding-top:2.6rem;}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
    .board_read_cont {padding-top:0;}
}

/* 상세 상단 */
.read_top_area {border-top:1px solid var(--black);border-bottom:1px solid var(--black);padding:2.8rem 2rem;position:relative;}
.read_top_area .left_area .subject_box {display:flex;justify-content: space-between;align-items: center;margin-bottom:.6rem;}
.read_top_area .left_area .subject_box .subject {font-size:2rem;line-height:2.4rem;font-weight:700;}
.read_top_area .left_area .subject_box .icon_btn_area {display:flex;gap:1.4rem;align-items: center;justify-content: flex-end;position:relative;}
.read_top_area .left_area .subject_box .icon_btn_area button {text-align: center;}
.read_top_area .left_area .subject_box .icon_btn_area button svg {width:2rem;height:auto;display:block;margin:0 auto;}
.read_top_area .left_area .subject_box .icon_btn_area button span {font-size:1rem;line-height:2rem;display:block;}




/* 숨김/스크린리더용 */
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.shareTooltip {position: absolute;right:0;top:5rem;background: var(--white);box-shadow: 0px 0px .6rem 0px rgba(0, 0, 0, 0.2);border-radius: 5rem;padding: 1.4rem 2.5rem;z-index: 9999;display: none;}
.tooltip-inner { position:relative; }
.socialRow { display:flex; gap:1rem; }
.socialBtn { cursor:pointer;width:2.2rem;height:2.2rem; }
.socialBtn img { width:100%; }
.shareTooltip[aria-hidden="false"] { display:block; }
@media screen and (max-width:1023px) { /* Mobile, Tablet */
    .shareTooltip {padding: 2.4rem 3.5rem;}
    .socialRow { gap:2rem; }
    .socialBtn { width:4.2rem;height:4.2rem; }
}




.read_top_area .content_desc {display:flex;gap:.6rem;margin-bottom:1.6rem;align-items: center;}
.read_top_area .content_desc span {color:var(--medium-grey);font-size:1.4rem;line-height:1.4rem;}
.read_top_area .content_desc span.view {color:var(--btncolor-5);}
.read_top_area .content_desc span.dot {display:inline-block;width:.4rem;height:.4rem;background:var(--btncolor-3);border-radius:50%;}

.read_top_area .file-list {margin-top: 10px;}
.read_top_area .file-list a {display: block;text-decoration: none;font-size:1.5rem;line-height:2.4rem;text-decoration: underline;}
.read_top_area .file-list a:hover {color:var(--main-blue-1);text-decoration: underline;}

/* Player Meta Info */
.player-meta-info {margin-top: 2rem;padding-top: 2rem;margin-left: -2rem;margin-right: -2rem;padding-left: 2rem;padding-right: 2rem;border-top: 1px solid #d3d3d3;border-bottom: none;position: relative;}
.player-meta-info .meta-content-wrapper {display: flex;align-items: flex-start;gap: 2rem;}
.player-meta-info .meta-table {flex: 1;width: 100%;border-collapse: collapse;table-layout: fixed;display: table;}
.player-meta-info .meta-table tr {display: table-row;border: none;}
.player-meta-info .meta-table td {padding: 0;border: none;vertical-align: middle;display: table-cell;width: 50%;}
.player-meta-info .meta-table tr:first-child td {padding-bottom: 1.6rem;}
.player-meta-info .meta-cell {display: flex;align-items: center;}
.player-meta-info .contact-btn-wrapper {flex-shrink: 0;position: absolute;right: 2rem;bottom: 0;}
.player-meta-info .meta-label {display: inline-block;font-size: 1.4rem;line-height: 2rem;color: var(--medium-grey);font-weight: 500;white-space: nowrap;width: 100px;min-width: 100px;max-width: 100px;padding-right: 20px;flex-shrink: 0;}
.player-meta-info .meta-value {font-size: 1.5rem;line-height: 2.4rem;color: #000;}
.player-meta-info .contact-btn {background: #F3F6FB;border: none;font-size: 1.5rem;line-height: 2.4rem;color: var(--black);cursor: pointer;padding: 0.6rem 1.2rem;border-radius: 0.4rem;white-space: nowrap;display: flex;align-items: center;gap: 0.4rem;}
.player-meta-info .contact-btn .contact-icon {width: 1.6rem;height: 1.6rem;flex-shrink: 0;object-fit: contain;}
.player-meta-info .contact-btn:hover {background: #e5e9f0;}
.meta-keywords {margin-top: 2rem;padding-top: 2rem;display: flex;flex-wrap: wrap;gap: 0.8rem;}
.meta-keywords .keyword-tag {display: inline-block;padding: 0.4rem 1.2rem;background: #f5f5f5;border-radius: 5px;font-size: 1.3rem;line-height: 2rem;color: var(--black);}

/* Contact Tooltip */
.contact-btn-wrapper {position: relative;display: inline-block;}
.contact-tooltip {position: absolute;top: calc(100% + 0.8rem);right: 0;z-index: 10000;min-width: 180px;}
.contact-tooltip-content {background: var(--white);border: 1px solid #d3d3d3;border-radius: 0.4rem;padding: 1rem 1.4rem;box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);}
.contact-tooltip .contact-phone {font-size: 1.5rem;line-height: 2.4rem;color: var(--black);margin: 0;text-align: center;}

.read_top_area .reported_txt {color:var(--btncolor-5);margin-bottom:.6rem;font-size:1.4rem;line-height:2rem;display: flex;align-items: center;gap:.3rem;}
.read_top_area .reported_txt svg {width:1.8rem;height:auto;}

.read_top_area .btn_area {position:absolute;right:0;top:5rem;}
.read_top_area .btn_area a {display:block;font-size:1.4rem;line-height:2rem;color:var(--btncolor-5);box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);width:10rem;height:5rem;border-radius:5rem;text-align: center;line-height:5rem;}
.read_top_area .btn_area .btnModify {color:var(--black);}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
    .read_top_area {padding:4rem 0;}

    .read_top_area .left_area .subject_box {gap:1.4rem;margin-bottom:1.4rem;}
    .read_top_area .left_area .subject_box .subject {font-size:3.2rem;line-height:4rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .read_top_area .left_area .subject_box .icon_btn_area button svg {width:4.2rem;}
    .read_top_area .left_area .subject_box .icon_btn_area button span {display:none;}

    .read_top_area .content_desc {gap:1.2rem;margin-bottom:2.8rem;}
    .read_top_area .content_desc span {font-size:2.8rem;line-height:3.8rem;}
    .read_top_area .content_desc span.dot {width:.8rem;height:.8rem;}

    .read_top_area .file-list a {font-size:2.6rem;line-height:3.8rem;}
    
    .player-meta-info {margin-top: 2.8rem;padding-top: 2.8rem;margin-left: 0;margin-right: 0;padding-left: 0;padding-right: 0;position: relative;}
    .player-meta-info .meta-content-wrapper {flex-direction: column;gap: 2rem;align-items: flex-start;}
    .player-meta-info .meta-table {display: block;width: 100%;}
    .player-meta-info .meta-table tr {display: block;margin-bottom: 2rem;}
    .player-meta-info .meta-table tr:first-child {margin-bottom: 2rem;}
    .player-meta-info .meta-table tr:last-child {margin-bottom: 0;}
    .player-meta-info .meta-table td {display: block;width: 100%;padding: 0 0 1.6rem 0;vertical-align: top;}
    .player-meta-info .meta-table td:last-child {padding-bottom: 0;}
    .player-meta-info .meta-table tr:last-child td:last-child {padding-bottom: 0;}
    .player-meta-info .meta-cell {justify-content: flex-start;width: 100%;}
    .player-meta-info .meta-label {display: inline-block;font-size: 2.6rem;line-height: 3.8rem;width: 120px;min-width: 120px;max-width: 120px;padding-right: 40px;flex-shrink: 0;}
    .player-meta-info .meta-value {font-size: 2.8rem;line-height: 4rem;text-align: left;}
    .player-meta-info .contact-btn-wrapper {position: absolute;top: 2.8rem;right: 0;}
    .player-meta-info .contact-btn {font-size: 2.4rem;line-height: 3.2rem;padding: 1rem 2.4rem;}
    .player-meta-info .contact-btn .contact-icon {width: 2.4rem;height: 2.4rem;}
    .meta-keywords {margin-top: 2.8rem;padding-top: 2.8rem;gap: 1.2rem;}
    .meta-keywords .keyword-tag {font-size: 2.4rem;line-height: 3.2rem;padding: 0.8rem 2rem;}
    
    .player-meta-info .contact-btn-wrapper .contact-tooltip {position: absolute;top: 20%;right: 0;left: auto;min-width: 200px;}
    .contact-tooltip-content {padding: 2rem 2.4rem;}
    .contact-tooltip .contact-phone {font-size: 2.8rem;line-height: 4rem;}

    .read_top_area .reported_txt {font-size:2.8rem;line-height:2.8rem;margin-bottom:1.7rem;}

    .read_top_area .btn_area {right:0;}
    .read_top_area .btn_area a {font-size:3rem;line-height:3rem;padding:2.8rem 6.5rem;width:auto;height:auto;}
    
}
@media only screen and (max-width: 480px) { /* Mobile */
    .read_top_area .btn_area a {font-size: 2.5rem;line-height: 2.5rem;padding: 2.5rem 3rem;}
}

/* 상세 컨텐츠 */
.content_readtxt {padding:3rem 2rem;font-size:1.5rem;line-height:2.2rem;}
.content_readtxt pre {word-break:break-all;white-space: break-spaces;}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
    .content_readtxt {padding:4.8rem 0;font-size:3rem;line-height:4rem;}
}

/* 이전/다음 게시글 네비게이션 */
.post_navigation .nav_item {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
}
.post_navigation .nav_item span,
.post_navigation .nav_item a {
    font-size: 1.5rem !important;
    line-height: 2.4rem !important;
}
.post_navigation .nav_item img {
    width: 1.2rem !important;
    height: 1.2rem !important;
}
.post_navigation .nav_item > span {
    font-size: 1.4rem !important;
    line-height: 2rem !important;
}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
    .post_navigation .nav_item {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
        padding-top: 2.8rem !important;
        padding-bottom: 2.8rem !important;
    }
    .post_navigation .nav_item span,
    .post_navigation .nav_item a {
        font-size: 3rem !important;
        line-height: 4rem !important;
    }
    .post_navigation .nav_item img {
        width: 2.4rem !important;
        height: 2.4rem !important;
    }
    .post_navigation .nav_item > span {
        font-size: 2.8rem !important;
        line-height: 3.8rem !important;
    }
}

/* 전체목록 보기 버튼 */
.post_navigation ~ div .btn_blue,
.post_navigation + div .btn_blue {
    font-size: 1.5rem !important;
    line-height: 2rem !important;
    padding: 1.2rem 2.4rem !important;
}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
    .post_navigation ~ div .btn_blue,
    .post_navigation + div .btn_blue {
        font-size: 3rem !important;
        line-height: 3rem !important;
        padding: 2.8rem 6.5rem !important;
    }
}
@media only screen and (max-width: 480px) { /* Mobile */
    .post_navigation ~ div .btn_blue,
    .post_navigation + div .btn_blue {
        font-size: 2.5rem !important;
        line-height: 2.5rem !important;
        padding: 2.5rem 3rem !important;
    }
}

/* 댓글 */
.comment_container {border-top:1px solid var(--black);padding-top:3rem;}
.board_commentlist .comment_number {font-size:1.4rem;line-height:2rem;}
.board_commentlist .comment_number span {color:var(--btncolor-6);font-weight:700;}
.board_commentlist .comment_empty {font-size:1.4rem;line-height:2rem;color:var(--medium-grey);text-align:center;padding:2rem 0;}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
    .comment_container {padding-top:4.8rem;}
    .board_commentlist .comment_number {font-size:2.8rem;line-height:3rem;margin-bottom:1.4rem;}
    .board_commentlist .comment_empty {font-size:2.8rem;line-height:3rem;padding:4rem 0;}
}

/* 댓글 목록 */
.board_commentlist > ul > li {padding:1.4rem 0;border-bottom:1px solid #d3d3d3;}
.board_commentlist > ul > li .comment_top {display:flex;align-items: center;gap:.8rem;margin-bottom:.2rem;}
.board_commentlist > ul > li .comment_top .name {font-weight:700;font-size:1.5rem;line-height:2.4rem;}
.board_commentlist > ul > li .comment_top .date {font-size:1.3rem;line-height:2.4rem;color:var(--medium-grey);}
.board_commentlist > ul > li .comment {margin-bottom:.8rem;}
.board_commentlist > ul > li .comment p {font-size:1.4rem;line-height:2rem;}
.board_commentlist > ul > li .comment .reported_txt {color:var(--btncolor-5);margin-bottom:.6rem;font-size:1.3rem;line-height:2.4rem;display: flex;align-items: center;gap:.3rem;font-weight:500;}
.board_commentlist > ul > li .comment .reported_txt svg {width:1.6rem;height:auto;}
.board_commentlist > ul > li .btn_area {display:flex;align-items: center;gap:.6rem;}
.board_commentlist > ul > li > .btn_area .btn {display:block;padding:.3rem 1.2rem;border-radius:.6rem;font-size:1.3rem;line-height:2rem;}
.board_commentlist > ul > li > .btn_area .btn.btnModify {border:1px solid var(--btncolor-6);color:var(--btncolor-6);}
.board_commentlist > ul > li > .btn_area .btn.btnDelete {border:1px solid var(--medium-grey);color:var(--medium-grey);}
.board_commentlist > ul > li > .btn_area .btn.btnReply {background:var(--btncolor-6);color:var(--font-white);}
.board_commentlist .boardComment > li.comment-item-enter {animation:commentFadeIn .32s ease both;}

.board_commentlist > ul > li > .comment_top .others_cont {position:relative;}
.board_commentlist > ul > li > .comment_top .others_cont .btn.btnMeetballs {display:flex;align-items: center;gap:.3rem;}
.board_commentlist > ul > li > .comment_top .others_cont .btn.btnMeetballs > span {display:inline-block;background:var(--medium-grey);width:.2rem;height:.2rem;border-radius:50%;}
.board_commentlist > ul > li > .comment_top .others_cont .btn.btnReport {background:var(--white);color:var(--btncolor-5);box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15);position:absolute;left: 1.5rem;top: 1.5rem;z-index:10;font-size:1.3rem;line-height:2rem;padding:.3rem 1.2rem;}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
    .board_commentlist > ul > li {padding:2.8rem 0;}
    .board_commentlist > ul > li .comment_top {margin-bottom:1.6rem;}
    .board_commentlist > ul > li .comment_top .name {font-size:3rem;line-height:3rem;}
    .board_commentlist > ul > li .comment_top .date {font-size:2.6rem;line-height:3rem;}
    .board_commentlist > ul > li .comment {margin-bottom:1.6rem;}
    .board_commentlist > ul > li .comment p {font-size:3rem;line-height:4rem;}
    .board_commentlist > ul > li .comment .reported_txt {font-size:2.8rem;}
    .board_commentlist > ul > li > .comment_top .btn {font-size:2.6rem;line-height:3.6rem;padding:1.1rem 2.5rem;}
    .board_commentlist > ul > li > .btn_area .btn {padding:.9rem 2rem;font-size:1.9rem;}
    .board_commentlist > ul > li > .comment_top .others_cont .btn.btnMeetballs > span {width:.4rem;height:.4rem;}
    .board_commentlist > ul > li > .comment_top .others_cont .btn.btnReport {top:3rem;}
}


/* 댓글 입력 */
.board_commentinput {padding-top:1.6rem;}
.board_commentinput .commentinput_wrapper {position:relative;}
.board_commentinput textarea {background:#f8faff;border-radius:1rem;width:100%;height:10.2rem;padding:1.4rem 9rem 1.4rem 1.4rem;font-size:1.4rem;line-height:2rem;}
.board_commentinput textarea::placeholder {font-size:1.4rem;line-height:2rem;color:var(--font-grey);}
.board_commentinput .btnSubmit {width:7.2rem;height:10.2rem;border-radius:1rem;background:var(--btncolor-6);color:var(--font-white);position:absolute;right:0;top:0;font-size:1.5rem;line-height:3rem;}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
    .board_commentinput {padding-top:2.8rem;}
    .board_commentinput textarea {padding:2.8rem 12rem 2.8rem 3rem;font-size:3rem;line-height:4rem;height:9.6rem;}
    .board_commentinput textarea::placeholder {font-size:3rem;line-height:4rem;}
    .board_commentinput .btnSubmit {font-size:3rem;padding:3.3rem 3rem;width:auto;height:auto;}
}

@keyframes commentFadeIn {
    from {
        opacity:0;
        transform:translateY(16px);
    }
    to {
        opacity:1;
        transform:translateY(0);
    }
}


/* 댓글의 댓글 */
/* 댓글의 댓글 목록 */
.board_replylist {padding-left:4.8rem;padding-top:1.1rem;}
.board_replylist > ul > li {margin-bottom:1.2rem;}
.board_replylist > ul > li .comment_top {display:flex;align-items: center;gap:.8rem;margin-bottom:.2rem;}
.board_replylist > ul > li .comment_top .name {font-weight:700;font-size:1.5rem;line-height:2.4rem;}
.board_replylist > ul > li .comment_top .date {font-size:1.3rem;line-height:2.4rem;color:var(--medium-grey);}
.board_replylist > ul > li .comment {margin-bottom:.8rem;}
.board_replylist > ul > li .comment p {font-size:1.4rem;line-height:2rem;}
.board_replylist > ul > li .comment_top .btn {display:block;padding:.3rem 1.2rem;border-radius:.6rem;font-size:1.3rem;line-height:2rem;}
.board_replylist > ul > li .btn_area {display:flex;align-items: center;gap:.6rem;}
.board_replylist > ul > li .btn_area .btn {display:block;padding:.3rem 1.2rem;border-radius:.6rem;font-size:1.3rem;line-height:2rem;}
.board_replylist > ul > li .btn_area .btn.btnModify {border:1px solid var(--btncolor-6);color:var(--btncolor-6);}
.board_replylist > ul > li .btn_area .btn.btnDelete {border:1px solid var(--medium-grey);color:var(--medium-grey);}
.board_replylist > ul > li .comment_top .others_cont {position:relative;}
.board_replylist > ul > li .comment_top .others_cont .btn.btnMeetballs {display:flex;align-items: center;gap:.3rem;}
.board_replylist > ul > li .comment_top .others_cont .btn.btnMeetballs > span {display:inline-block;background:var(--medium-grey);width:.2rem;height:.2rem;border-radius:50%;}
.board_replylist > ul > li .comment_top .others_cont .btn.btnReport {background:var(--white);color:var(--btncolor-5);box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15);position:absolute;left:1.5rem;top:2rem;z-index:10;}
.board_replylist .reported_txt {color:var(--btncolor-5);margin-bottom:.6rem;font-size:1.3rem;line-height:2.4rem;display: flex;align-items: center;gap:.3rem;}
.board_replylist .reported_txt svg {width:1.6rem;height:auto;}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
    .board_replylist > ul > li {padding-top:3rem;}
    .board_replylist > ul > li .comment_top {margin-bottom:1.6rem;}
    .board_replylist > ul > li .comment_top .name {font-size:3rem;line-height:3rem;}
    .board_replylist > ul > li .comment_top .date {font-size:2.6rem;line-height:3rem;}
    .board_replylist > ul > li .comment {margin-bottom:1.6rem;}
    .board_replylist > ul > li .comment p {font-size:3rem;line-height:4rem;}
    .board_replylist > ul > li .comment .reported_txt {font-size:2.8rem;}
    .board_replylist > ul > li .btn_area .btn {font-size:2.6rem;line-height:3.6rem;padding:1.1rem 2.5rem;}
    .board_replylist > ul > li .comment_top .others_cont .btn.btnMeetballs > span {width:.4rem;height:.4rem;}
    .board_replylist > ul > li .comment_top .others_cont .btn.btnReport {font-size: 2.6rem;
        line-height: 3.6rem;
        padding: 1.1rem 2.5rem;}

}


/* 댓글의 댓글 입력 */
.board_replyinput {padding-top:1.6rem;}
.board_replyinput .replyinput_wrapper {position:relative;}
.board_replyinput .replyEditable {background:#f8faff;border-radius:1rem;width:100%;height:10.2rem;padding:1.4rem;font-size:1.4rem;line-height:2rem;outline: none;background: #f8faff;margin-left: 4.8rem;}
.board_replyinput .replyEditable:empty:before {content: attr(placeholder);font-size:1.4rem;line-height:2rem;color:var(--font-grey);}
.board_replyinput .tagName {color:var(--main-blue-1);font-size:1.4rem;line-height:2rem;}
.board_replyinput .btnSubmit {width:7.2rem;height:10.2rem;border-radius:1rem;background:var(--btncolor-6);color:var(--font-white);position:absolute;right:0;top:0;font-size:1.5rem;line-height:3rem;}
@media screen and (max-width:1023px) { /* Mobile, Tablet */ 
    .board_replyinput .btnSubmit {font-size:3rem;padding:3.3rem 3rem;width:auto;height:auto;}
    .board_replyinput .replyEditable {padding:2.8rem 3rem;font-size:3rem;line-height:4rem;height:9.6rem;outline: none;background: #f8faff;margin-left: 4.8rem;}
    .board_replyinput .replyEditable:empty:before {font-size:3rem;line-height:4rem;}
    .board_replyinput .tagName {color:var(--main-blue-1);font-size:3rem;line-height:4rem}
}




/* 레이어창 */
.layer_wrap{position:fixed;z-index:104;width:52rem;max-width:100%;height:auto;top: 50%;left:50%;transform:translate(-50%, -50%);background:var(--white);border-radius:2rem;box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15);}
.layer_wrap .layer_cont {position:relative;width:100%;height:100%;padding:3.5rem 4.2rem;}

.layer_wrap .layer_top {margin-bottom:3.7rem;position: relative;}
.layer_wrap .layer_top h3 {font-size: 1.5rem;line-height: 2rem;text-align: center;}
.layer_wrap .layer_top p {font-size: 1.3rem;line-height: 2rem;text-align: center;color:var(--medium-grey);padding-top:.5rem;}
.layer_wrap .layer_mid {}
.layer_wrap .layer_mid .form_field {margin-bottom:1.8rem;display:flex;align-items: center;gap:1.2rem;}
.layer_wrap .layer_mid .form_field.last {margin-bottom:0;}
.layer_wrap .layer_mid .form_field input[type="radio"] {width:2.4rem;height:2.4rem;}
.layer_wrap .layer_mid .form_field label {font-size: 1.5rem;line-height: 2rem;color:#444;}
.layer_wrap .layer_mid textarea {border:1px solid #979797;border-radius:1rem;width:100%;padding:1.8rem 2rem;font-size:1.5rem;line-height:2rem;height:14.8rem;margin-top:1rem;}
.layer_wrap .layer_mid textarea::placeholder {color:#979797;font-size:1.5rem;line-height:2rem;letter-spacing: -0.05em;}
.layer_wrap .layer_bot {margin-top:2.2rem;}
.layer_wrap .layer_bot .btn_area {display: flex;align-items: center;gap: 1rem;justify-content: flex-end;}
.layer_wrap .layer_bot .btn_area button {border: none;font-size: 1.5rem;line-height: 2rem;padding: .6rem 1.6rem;border-radius: .6rem;cursor: pointer;}
.layer_wrap .layer_bot .btn_area button.btnCancel {border:1px solid var(--black);background:var(--white);}
.layer_wrap .layer_bot .btn_area button.submitReport {background:var(--black);color:var(--font-white);border:1px solid var(--black);}

.layer_wrap[layer="comment_modify"] {width:34.2rem;border-radius:1rem;}
.layer_wrap[layer="comment_modify"] .layer_cont {padding:2rem;}
.layer_wrap[layer="comment_modify"] .layer_top {display:none;}
.layer_wrap[layer="comment_modify"] textarea {min-height:6rem;height:auto;padding:1rem 1.4rem;}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
    /* 모달 스타일 - 하단에서 올라옴 */
    .layer_wrap[layer="comment_modify"] {
        left: 0;
        right: 0;
        bottom: 0;
        top: unset;
        width: 100%;
        max-width: 100%;
        transform: translateY(100%);
        border-radius: 2rem 2rem 0 0;
        z-index: 800;
        transition: transform 0.3s ease-out;
    }
    
    /* 모달이 표시될 때 (fadeIn으로 display:block이 설정됨) */
    .layer_wrap[layer="comment_modify"][style*="display: block"],
    .layer_wrap[layer="comment_modify"][style*="display:block"],
    .layer_wrap[layer="comment_modify"]:not([style*="display: none"]) {
        transform: translateY(0);
    }
    
    /* 초기 상태는 숨김 */
    .layer_wrap[layer="comment_modify"][style*="display: none"] {
        transform: translateY(100%);
    }
    
    .layer_wrap[layer="comment_modify"] .layer_cont {
        padding: 3rem 2rem 4rem;
    }
    
    /* 타이틀 영역 - 중앙 정렬, 볼드 */
    .layer_wrap[layer="comment_modify"] .layer_top {
        display: block;
        margin-bottom: 2rem;
        position: relative;
        padding: 0 4rem;
    }
    
    .layer_wrap[layer="comment_modify"] .layer_top h3 {
        font-size: 3rem;
        line-height: 4rem;
        text-align: center;
        font-weight: bold;
        margin: 0;
    }
    
    /* X 닫기 버튼 - 우측 */
    .layer_wrap[layer="comment_modify"] .layer_top .layer_close {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
    }
    
    /* 텍스트 영역 */
    .layer_wrap[layer="comment_modify"] .layer_mid {
        margin-bottom: 2rem;
    }
    
    .layer_wrap[layer="comment_modify"] textarea {
        width: 100%;
        font-size: 2.6rem;
        line-height: 4rem;
        padding: 2.4rem;
        min-height: 13.8rem;
        border: 1px solid #979797;
        border-radius: 1rem;
        box-sizing: border-box;
    }
    
    .layer_wrap[layer="comment_modify"] textarea::placeholder {
        font-size: 2.6rem;
        line-height: 4rem;
    }
    
    /* 버튼 영역 */
    .layer_wrap[layer="comment_modify"] .layer_bot {
        margin-top: 0;
    }
    
    .layer_wrap[layer="comment_modify"] .layer_bot .btn_area {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }
    
    .layer_wrap[layer="comment_modify"] .layer_bot .btn_area .btnCancel {
        display: none;
    }
    
    .layer_wrap[layer="comment_modify"] .layer_bot .btn_area .commentModifySubmit {
        width: 100%;
        border-radius: 4rem;
        height: 8.2rem;
        font-size: 3rem;
        line-height: 4rem;
        background: #000;
        color: #fff;
        border: none;
        cursor: pointer;
        font-weight: normal;
    }
}

.layer_close {position:absolute;top:0;right:0;}
.layer_close .x-icon {position:relative;width:1.3rem;height:1.3rem;}
.layer_close .x-icon .x-icon-1,
.layer_close .x-icon .x-icon-2 {position:absolute;width:1.7rem;height:.2rem;background-color:var(--medium-grey);margin:.8rem -.2rem;}
.layer_close .x-icon .x-icon-1 {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.layer_close .x-icon .x-icon-2 {-webkit-transform: rotate(45deg);transform: rotate(45deg);}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
    .layer_close {top:.7rem;}
    .layer_close .x-icon {position:relative;width:2.8rem;height:2.8rem;}
    .layer_close .x-icon .x-icon-1,
    .layer_close .x-icon .x-icon-2 {width:3.3rem;}
    .layer_close .x-icon .x-icon-1, .layer_close .x-icon .x-icon-2 {margin:1.3rem -.2rem;}
}



/* 레이어창 모바일 */
.layer_wrap_mb {position:fixed;width:100%;height:28rem;top: 50%;left:50%;background:var(--white);border-radius:2rem;padding:4.3rem 4rem;z-index:800;transform:translate(-50%, -50%);}
.layer_wrap_mb .layer_top {position:relative;}
.layer_wrap_mb .layer_top {position:relative;}
.layer_wrap_mb .layer_top h3 {font-size: 1.5rem;line-height: 2rem;text-align: center;}
.layer_wrap_mb .layer_mid {margin-top:6rem;}
.layer_wrap_mb .layer_mid textarea {border:1px solid #111;border-radius:5rem;}
.layer_wrap_mb .layer_mid a {font-size: 1.5rem;line-height: 2rem;}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
    .layer_wrap_mb {position:fixed;width:100%;height:28rem;top: unset;left:0;bottom:0;background:var(--white);border-radius:2rem;padding:4.3rem 4rem;z-index:800;transform:unset;}
    .layer_wrap_mb .layer_top {position:relative;}
    .layer_wrap_mb .layer_top {position:relative;}
    .layer_wrap_mb .layer_top h3 {font-size:3rem;line-height:4rem;text-align: center;}
    .layer_wrap_mb .layer_mid {margin-top:6rem;}
    .layer_wrap_mb .layer_mid a {font-size:3rem;line-height:4rem;}
}

.layer_bg {position:fixed;z-index:103;width:100%;height:100%;background: rgba(0,0,0,0.5);left:0;top:0;}




/* eventSwiper */
.content_readtxt .img_area {width:70%;margin:3rem auto 0;}
.content_readtxt .img_area .swiper {width: 100%;height: 300px;margin-left: auto;margin-right: auto;}

.content_readtxt .img_area .eventSwiper {height: 20%;box-sizing: border-box;padding: 1rem 0 1.5rem;}
.content_readtxt .img_area .eventSwiper .swiper-slide {width: 25%;height: 100%;position:relative;}
.content_readtxt .img_area .eventSwiper .swiper-slide::after {background:rgba(0,0,0,.4);display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;}
.content_readtxt .img_area .eventSwiper .swiper-slide-thumb-active::after {display:none;}
.content_readtxt .img_area .eventSwiper .swiper-scrollbar {opacity:1 !important;background:rgba(224, 230, 237, 1);height:.6rem;width:100%;left:0;bottom:0;}
.content_readtxt .img_area .eventSwiper .swiper-scrollbar-drag {background:rgba(196, 207, 221, 1);}

.content_readtxt .img_area .eventSwiper2 {height: 80%;width: 100%;}
.content_readtxt .img_area .eventSwiper2.swiper-horizontal .swiper-navigation .swiper-button-next {right:1rem !important;}
.content_readtxt .img_area .eventSwiper2.swiper-horizontal .swiper-navigation .swiper-button-prev {left:1rem !important;}
.content_readtxt .img_area .eventSwiper2 .swiper-pagination {display:none;}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
    .content_readtxt .img_area {width:100%;margin:3.4rem auto 0;}
    .content_readtxt .img_area .eventSwiper {display:none;}

    .content_readtxt .img_area .eventSwiper2.swiper-horizontal .swiper-navigation .swiper-button-next {width:7rem;height:7rem;}
    .content_readtxt .img_area .eventSwiper2.swiper-horizontal .swiper-navigation .swiper-button-prev {width:7rem;height:7rem;}
    .swiper-navigation .swiper-button-next svg, .swiper-navigation .swiper-button-prev svg {height:2.4rem;width:auto;}

    .content_readtxt .img_area .eventSwiper2 .swiper-pagination {display:block;}
    .content_readtxt .img_area .eventSwiper2 .swiper-pagination-bullet {width:1.6rem;height:1.6rem;margin:0 .6rem;opacity:.4;}
    .content_readtxt .img_area .eventSwiper2 .swiper-pagination-bullet-active {background:#111;opacity:1;width:5rem;border-radius:1rem;}
}



/* 전체목록보기 */
.board_read_cont .btn_area {margin: 8rem auto 0;text-align: center;}
.board_read_cont .btn_area .btnBlue {background:var(--main-blue-1);}