/* 검색 */
div.bbs-search{width:35rem; margin:3rem auto; padding:0.75rem; border:1px solid #ccc; border-radius:3rem; overflow:hidden;}
div.bbs-search div.sel-wrap{float:left; width:30%; border:0; border-radius:0; border-right:1px solid #ccc;}
div.bbs-search div.sel-wrap select{height:2rem; line-height:2rem;}
div.bbs-search div.sel-wrap select:focus{border:0;}
div.bbs-search input{float:left; width:60%; height:2rem; line-height:2rem; border:0;}
div.bbs-search a.search-btn{float:left; width:10%; display:inline-block; height:2rem; line-height:2rem; background:url("../img/bbs_search.svg") center / 1.25rem auto no-repeat; font-size:0; text-indent:-9999px;}

/* bbs category */
div.bbs-ctgr{margin-bottom:1rem;}
div.bbs-ctgr ul li{display:inline-block; margin-right:1.5rem;}
div.bbs-ctgr ul li:last-child{margin-right:0;}
div.bbs-ctgr ul li a{position:relative; display:inline-block; padding-bottom:0.25rem;}
div.bbs-ctgr ul li a:after{content:""; position:absolute; top:50%; right:-1rem; transform:translateY(-50%); display:inline-block; width:4px; height:4px; background:#ccc; border-radius:50%;}
div.bbs-ctgr ul li:last-child a:after{display:none;}
div.bbs-ctgr ul li a > span{display:inline-block; vertical-align:middle;}
div.bbs-ctgr ul li a > span.tit{font-size:1.125rem; font-family:"NotoKr_M";}
div.bbs-ctgr ul li a > span.count{margin-left:0.1rem; padding:2px 6px; border-radius:0.25rem; background:#f0f0f0; font-size:0.9rem;}
div.bbs-ctgr ul li.on a{border-bottom:2px solid #9d1c20; color:#9d1c20;}
div.bbs-ctgr ul li.on a > span.count{background:#f7edee; color:#9d1c20;}
div.bbs-ctgr ul li.on a > span.tit,
div.bbs-ctgr ul li a:hover span.tit{font-family:"NotoKr_B"}

/* bbs - pagination */
div.pagination{margin:3rem 0; text-align:center;}
div.pagination ul li{display:inline-block;}
div.pagination ul li a{display:inline-block; width:2rem; height:2rem; line-height:2rem; border-radius:50%; vertical-align:middle; font-family:"Montserrat_M";}
div.pagination ul li.arrow a{width:2.5rem; height:2.5rem; line-height:2.5rem; border:1px solid #ccc; background:url("../img/arrow_gray.svg") center / 0.8rem auto no-repeat;}
div.pagination ul li.prev{margin-right:0.75rem;}
div.pagination ul li.next{margin-left:0.75rem;}
div.pagination ul li.prev a{transform:rotate(90deg);}
div.pagination ul li.next a{transform:rotate(-90deg);}
div.pagination ul li.on a{background:var(--color-main01); color:#fff; font-family:"Montserrat_SB";}

/* bbs - list */
div.bbs-table table{border-bottom:2px solid var(--color-main02);}
div.bbs-table table thead{background:var(--color-main02);}
div.bbs-table table thead th{position:relative; color:#fff;}
div.bbs-table table thead th:after{content:""; position:absolute; top:50%; right:0; transform:translateY(-50%); display:inline-block; width:1px; height:30%; background:rgba(255, 255, 255, 0.3);}
div.bbs-table table thead th:last-child:after{display:none;}
div.bbs-table table tbody tr{border-bottom:1px solid #e0e0e0;}
div.bbs-table table tbody tr:last-child{border-bottom:none;}
div.bbs-table table tbody tr td.tit a{display:inline-block; max-width:35vw; /* max-width:45rem; */ vertical-align:middle; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
div.bbs-table table tbody tr.main-noti td span.main-noti{display:inline-block; width:4rem; height:2rem; line-height:2rem; border-radius:5px; background:#9d1c20; color:#fff; font-family:"NotoKr_M"; box-shadow:0 5px 15px rgba(0, 0, 0, 0.3);}
div.bbs-table table tbody tr.main-noti td.tit a{font-family:"NotoKr_M";}
div.bbs-table table tbody tr td span.new{display:inline-block; width:1.75rem; height:1.5rem; line-height:1.5rem; margin-left:0.25rem; border-radius:5px; background:var(--color-main01); vertical-align:middle; color:#fff; text-align:center; font-size:0.8rem; font-family:"Montserrat_B"; box-shadow:0 2px 10px rgba(0, 0, 0, 0.2);}
div.bbs-table table tbody tr td a.attach{display:inline-block; width:1.375rem; height:auto;}
div.bbs-table table tbody tr td a.attach img{display:inline-block; width:100%; height:auto;}
div.bbs-table table tbody tr td span.attach{display:inline-block; width:1.375rem; height:auto;}
div.bbs-table table tbody tr td span.attach img{display:inline-block; width:100%; height:auto;}
div.bbs-table table tbody tr td img.secret{display:inline-block; width:1.375rem; height:auto; vertical-align:middle;}
div.bbs-table table tbody tr.reply{background:#f6f7fa;}
div.bbs-table table tbody tr.reply td img.reply{display:inline-block;}

/* bbs - write */
div.bbs-table table.table01-hor tr:nth-child(2n) td{background:#fff;}

/* bbs - view */
div.bbs-view div.top{width:100%; height:auto; padding:2rem 1.5rem; background:var(--color-main02); border-top-left-radius:1.5rem; border-top-right-radius:1.5rem; text-align:center;}
div.bbs-view div.top div.tit{margin-bottom:1rem; font-size:1.75rem; color:#fff; font-family:"NotoKr_M";}
div.bbs-view div.top > ul li{display:inline-block; color:rgba(255, 255, 255, 0.7);}
div.bbs-view div.top > ul li:after{content:""; display:inline-block; width:1px; height:12px; margin:0 1rem; background:rgba(255, 255, 255, 0.3);}
div.bbs-view div.top > ul li:last-child:after{display:none;}
div.bbs-view div.bot div.cont{padding:3rem; border-bottom:1px solid #e0e0e0;}
div.bbs-view div.bot div.cont table,
div.bbs-view div.bot div.cont table th,
div.bbs-view div.bot div.cont table td{border:1px solid #ccc;}
div.bbs-view div.bot div.cont img{display:inline-block; max-width:100%; height:auto;}
div.bbs-view div.bot div.cont ul,
div.bbs-view div.bot div.cont ol,
div.bbs-view div.bot div.cont dl{
    /* 공통 초기화로 숨겨진 게시글 본문 목록 기호와 들여쓰기를 복원한다. */
    list-style:revert;
    margin:1rem 0;
    padding-left:1.75rem;
}
div.bbs-view div.bot div.cont li{margin:0.3rem 0;}
div.bbs-view div.bot div.attach{padding:2.5rem 0; border:1px solid #e0e0e0; background:#f0f2f5; margin-top:3rem;}
div.bbs-view div.bot div.attach div.tit{float:left; width:20%; text-align:center; font-size:1.25rem; font-family:"NotoKr_M";}
div.bbs-view div.bot div.attach div.att-list{float:left; width:80%; padding-left:2.5rem; border-left:1px solid #e0e0e0;}
div.bbs-view div.bot div.attach div.att-list ul li{width:100%; height:auto; margin-bottom:0.5rem;}
div.bbs-view div.bot div.attach div.att-list ul li:last-child{margin-bottom:0;}
div.bbs-view div.bot div.attach div.att-list ul li a{display:inline-block; padding-left:1.5rem; background:url("../img/attach.svg") 0 2px / 1.125rem auto no-repeat;}
div.bbs-view div.bot div.attach div.att-list ul li a:hover{text-decoration:underline;}

/* bbs - comment */
div.bbs-view div.view-comment{margin-top: 4rem;}
div.bbs-view  div.view-comment p.comment-tit{position: relative; font-family: 'NotoKr_B',sans-serif; font-size: 1.25rem;}
div.bbs-view  div.view-comment p.comment-tit > span.comment-count{color: var(--color-main01);}
div.bbs-view  div.view-comment div.comment-wrap ul{margin-top: 1rem;}
div.bbs-view  div.view-comment div.comment-wrap ul > li{position: relative; padding: 1.25rem 0; border-bottom: 1px solid #ddd;}
div.bbs-view  div.view-comment div.comment-wrap ul > li:first-child{border-top: 2px solid #333;}
div.bbs-view  div.view-comment div.comment-wrap ul > li:last-child{border-bottom: 1px solid #ddd;}
div.bbs-view  div.view-comment div.comment-wrap ul > li.comment-reply{padding-left: 3.625rem;}
div.bbs-view  div.view-comment div.comment-wrap ul > li.comment-reply:before{content: ''; position: absolute; left: 1.875rem; top: 1.45rem; width: 1rem; height: 0.75rem; background: url("../img/reply_arrow.png") no-repeat center/100%;}
div.bbs-view  div.view-comment div.comment-wrap ul > li div.comment-list-top{display: flex; justify-content: space-between; align-items: center;}
div.bbs-view  div.view-comment div.comment-wrap ul > li div.comment-list-top p.comment-name{font-family: 'NotoKr_M',sans-serif; font-size: 1.125rem;}
div.bbs-view  div.view-comment div.comment-wrap ul > li div.comment-list-top div.comment-btn{display: flex;}
div.bbs-view  div.view-comment div.comment-wrap ul > li div.comment-list-top div.comment-btn a{position: relative; padding: 0 0.75rem; border-right: 1px solid #ddd; font-size: 1rem; color: #999; transition: all 0.4s;}
div.bbs-view  div.view-comment div.comment-wrap ul > li div.comment-list-top div.comment-btn a:last-child{border-right: 0; padding-right: 0;}
div.bbs-view  div.view-comment div.comment-wrap ul > li div.comment-list-top div.comment-btn a.comment-del{color: var(--color-red);}
div.bbs-view  div.view-comment div.comment-wrap ul > li.comment-reply.re-write-wrap{display: none;}
div.bbs-view  div.view-comment div.comment-wrap ul > li.comment-reply.re-write-wrap.on{display: block;}
div.bbs-view  div.view-comment div.comment-cont{margin-top: 1rem; font-size: 1rem; line-height: 1.4; word-break: keep-all;}
div.bbs-view  div.view-comment div.comment-time{margin-top: 2rem;}
div.bbs-view  div.view-comment div.comment-time p{ position: relative; padding-left: 1.25rem; font-size: 0.85rem; color: #999;}
div.bbs-view  div.view-comment div.comment-time p:before{content: ''; position: absolute; left: 0; top: 50%; transform: translate(0, -50%); width: 0.875rem; height: 0.875rem; background: url("../img/clock.svg") no-repeat center/100%;}
div.bbs-view  div.view-comment div.comment-write{padding: 1.25rem 2rem; background: #f5f5f5; border-bottom: 2px solid #333;}
div.bbs-view  div.view-comment div.comment-write.comment-re-write{padding: 0; background: transparent;  border-bottom: 0;}
div.bbs-view  div.view-comment div.comment-write div.comment-write-top{width: 100%; display: flex; gap: 1rem; justify-content: space-between; align-items: center;}
div.bbs-view  div.view-comment div.comment-write div.comment-write-top textarea{width: 100%; height: 5rem; font-size: 0.875rem;}
div.bbs-view  div.view-comment div.comment-write div.comment-write-top a.comment-write-btn{padding: 1rem; min-width: 6rem; background: #333; color: #fff; text-align: center; border-radius: 0.5rem; font-size: 1.125rem;}
div.bbs-view  div.view-comment div.comment-write div.comment-write-bot{display: flex; justify-content: space-between; align-items: center; margin-top: 0.625rem;}
div.bbs-view  div.view-comment div.comment-write div.comment-write-bot div.comment-write-input{display: flex; gap: 0.625rem;}
div.bbs-view  div.view-comment div.comment-write div.comment-write-bot div.comment-write-input input{width: 12rem; line-height: 2.625rem; font-size: 0.875rem; padding: 0 0.75rem; border: 1px solid #ddd; border-radius: 0;}
div.bbs-view  div.view-comment div.comment-write div.comment-write-bot div.comment-write-input input:focus{border: 1px solid var(--color-main04);}

/* 건의사항 */
div.bbs-table-hor table{border-top:2px solid #253a73; border-bottom:2px solid #253a73;}
div.bbs-table-hor table th{border-bottom:1px solid rgba(255, 255, 255, 0.3); background:#253a73; color:#fff;}
div.bbs-table-hor table td{border-bottom:1px solid #e0e0e0; padding:1rem;}
div.bbs-table-hor table tr:nth-child(2n) td{background:#f6f7fa;}

div.D1500 div.bbs-table-hor table tbody tr.attach td div.ip-file{margin-bottom:0.5rem;}
div.D1500 div.bbs-table-hor table tbody tr.attach td div.ip-file:last-child{margin-bottom:0;}
div.D1500 div.bbs-table-hor table tbody tr.pw td div.con01 > input[type="text"]{float:left; width:80%;}
div.D1500 div.bbs-table-hor table tbody tr.pw td div.con01 > label.c-input{float:right; width:18%;}
div.D1500 div.bbs-table-hor table tbody tr.pw td div.con02{margin-top:0.25rem;}


@media screen and (max-width:1280px){
    div.bbs-table table tbody tr td.tit a{max-width:30vw;}
}

@media screen and (max-width:1024px){
    div.bbs-table table tbody tr td.tit a{max-width:43vw;}
}

@media screen and (max-width:768px){
    div.bbs-table{border-radius:0;}
    div.bbs-table table{border-top:1px solid #e0e0e0;}
    div.bbs-table table colgroup,
    div.bbs-table table thead{display:none;}
    div.bbs-table table,
    div.bbs-table table tbody,
    div.bbs-table table tr,
    div.bbs-table table th,
    div.bbs-table table td{display:block; text-align:left;}
    div.bbs-table table tr{padding:1rem 0;}
    div.bbs-table table td{padding:0;}
    div.bbs-table table tbody tr.main-noti td.tit a{font-family:"NotoKr_B";}
    div.bbs-table table tbody tr.main-noti td span.main-noti{width:3rem; height:1.75rem; line-height:1.75rem; font-size:0.9rem; text-align:center;}
    div.bbs-table table tbody tr.main-noti td.num{margin-bottom:0.5rem;}
    div.bbs-table table tbody tr:not(.main-noti) td.num{display:none;}
    div.bbs-table table tbody tr td.tit a{max-width:90%; font-family:"NotoKr_M";}
    div.bbs-table table tbody tr td.file{display:none;}
    div.bbs-table table tbody tr td.date,
    div.bbs-table table tbody tr td.view,
    div.bbs-table table tbody tr td.writer,
    div.bbs-table table tbody tr td.status{display:inline-block; margin-top:0.5rem; font-size:0.9rem; color:#555;}
    div.bbs-table table tbody tr td.date:before,
    div.bbs-table table tbody tr td.view:before,
    div.bbs-table table tbody tr td.writer:before{content:""; display:inline-block; width:1px; height:10px; background:#ccc; margin:0 0.8rem; vertical-align:middle;}
    div.bbs-table table tbody tr td.status::before{content:""; display:inline-block; width:1px; height:10px; background:#ccc; margin:0 0.8rem; vertical-align:middle;}

    div.bbs-search{width:100%;}
}

@media screen and (max-width:640px){
    div.D1500 div.bbs-table-hor table colgroup{display:none;}
    div.D1500 div.bbs-table-hor table tbody tr th{width:30%;}
    div.D1500 div.bbs-table-hor table tbody tr.pw td div.con01 > input[type="text"]{width:50%;}
    div.D1500 div.bbs-table-hor table tbody tr.pw td div.con01 > label.c-input{width:45%;}
}

@media screen and (max-width:480px){
    div.bbs-ctgr ul li{margin-right:1rem;}
    div.bbs-ctgr ul li a:after{right:-0.75rem;}
    div.bbs-ctgr ul li a > span.tit{font-size:1rem;}
    div.bbs-ctgr ul li a > span.count{display:none;}

    div.bbs-table table tbody tr td.tit a{max-width:85%;}
    div.bbs-table table tbody tr.reply td img.reply{width:1rem;}
    div.bbs-table table tbody tr td img.secret{width:1rem;}
    div.bbs-table table tbody tr td span.new{width:1.5rem; height:1.35rem; line-height:1.35rem; font-size:0.5rem;}

    div.bbs-view div.top{padding:1.5rem;}
    div.bbs-view div.top div.tit{font-size:1.5rem;}
    div.bbs-view div.bot div.cont{padding:1.5rem;}
    div.bbs-view div.bot div.attach{padding:1.5rem;}
    div.bbs-view div.bot div.attach div.tit{float:none; width:100%; padding-bottom:0.5rem; margin-bottom:0.5rem; border-bottom:1px solid #e0e0e0; text-align:left;}
    div.bbs-view div.bot div.attach div.att-list{float:none; width:100%; padding-left:0; border-left:0;}

    /* view 댓글영역 */
    div.bbs-view div.view-comment div.comment-wrap ul > li div.comment-list-top p.comment-name{font-size: 1.1rem;}
    div.bbs-view div.view-comment div.comment-wrap ul > li.comment-reply{padding-left: 2.625rem;}
    div.bbs-view div.view-comment div.comment-wrap ul > li.comment-reply:before{left: 1rem;}
    div.bbs-view div.view-comment div.comment-write{padding: 1.25rem 1rem;}
    div.bbs-view div.view-comment div.comment-write div.comment-write-top{flex-wrap: wrap; justify-content:end;}
    div.bbs-view div.view-comment div.comment-write div.comment-write-top a.comment-write-btn{padding: 0.8rem;}
}

/* 수강생 게시판 댓글은 본문과 분리된 카드 형태로 보여 가독성과 작성 동선을 높인다. */
div.bbs-view div.view-comment{margin-top:3rem; padding:1.75rem; border:1px solid #dce5f3; border-radius:1rem; background:#f8faff;}
div.bbs-view div.view-comment div.comment-heading{display:flex; align-items:center; justify-content:space-between; gap:1rem; padding-bottom:1rem; border-bottom:1px solid #dce5f3;}
div.bbs-view div.view-comment p.comment-tit{font-size:1.2rem; color:#1d315f;}
div.bbs-view div.view-comment p.comment-tit > span.comment-count{display:inline-flex; align-items:center; justify-content:center; min-width:1.6rem; height:1.6rem; margin-left:.35rem; padding:0 .35rem; border-radius:99px; background:var(--color-main01); color:#fff; font-size:.8rem;}
div.bbs-view div.view-comment span.comment-guide{color:#73809a; font-size:.88rem;}
div.bbs-view div.view-comment div.comment-wrap ul{margin-top:1rem;}
div.bbs-view div.view-comment div.comment-wrap ul > li.comment-item{margin-top:.65rem; padding:1.15rem 1.25rem; border:1px solid #e0e7f2; border-radius:.75rem; background:#fff;}
div.bbs-view div.view-comment div.comment-wrap ul > li.comment-item:first-child{border-top:1px solid #e0e7f2;}
div.bbs-view div.view-comment div.comment-wrap ul > li.empty{padding:2rem 1rem; border:1px dashed #cad5e8; border-radius:.75rem; background:#fff; color:#7e8aa1; text-align:center;}
div.bbs-view div.view-comment div.comment-wrap ul > li.comment-reply.comment-item{margin-left:2.25rem; padding-left:1.25rem; border-color:#d9e3f5; background:#f1f5fc;}
div.bbs-view div.view-comment div.comment-wrap ul > li.comment-reply:before{top:1.35rem; left:.75rem; opacity:.7;}
div.bbs-view div.view-comment div.comment-list-top p.comment-name{font-size:1rem; color:#22375e;}
div.bbs-view div.view-comment div.comment-list-top div.comment-btn{gap:.35rem;}
div.bbs-view div.view-comment div.comment-list-top div.comment-btn a{padding:.35rem .55rem; border:1px solid #d7e0ee; border-radius:.35rem; color:#59708f; font-size:.8rem;}
div.bbs-view div.view-comment div.comment-list-top div.comment-btn a:last-child{padding:.35rem .55rem;}
div.bbs-view div.view-comment div.comment-list-top div.comment-btn a:hover{border-color:var(--color-main01); background:#eef5ff; color:var(--color-main01);}
div.bbs-view div.view-comment div.comment-list-top div.comment-btn a.comment-del{color:#be4c53;}
div.bbs-view div.view-comment div.comment-cont{margin-top:.75rem; color:#3f4c61; line-height:1.65;}
div.bbs-view div.view-comment div.comment-time{margin-top:.75rem;}
div.bbs-view div.view-comment div.comment-time p{font-size:.78rem;}
div.bbs-view div.view-comment div.comment-write{margin-top:1rem; padding:1rem; border:1px solid #d4e0f1; border-radius:.75rem; background:#fff;}
div.bbs-view div.view-comment div.comment-write.comment-re-write{margin-top:.65rem; padding:1rem; border:1px solid #d7e2f4; border-radius:.75rem; background:#fff;}
div.bbs-view div.view-comment div.comment-write div.comment-write-top textarea{min-height:5.5rem; padding:.8rem; border:1px solid #cbd8ea; border-radius:.5rem; resize:vertical;}
div.bbs-view div.view-comment div.comment-write div.comment-write-top textarea:focus{border-color:var(--color-main01); outline:none; box-shadow:0 0 0 3px rgba(45, 104, 196, .1);}
div.bbs-view div.view-comment div.comment-write div.comment-write-bot{justify-content:flex-end; margin-top:.75rem;}
div.bbs-view div.view-comment a.comment-write-btn{display:inline-flex; align-items:center; justify-content:center; min-width:6.25rem; padding:.7rem 1rem; border-radius:.45rem; background:var(--color-main01); color:#fff; font-size:.9rem;}
div.bbs-view div.view-comment a.comment-write-btn:hover{filter:brightness(.92);}

/* 답변 행은 원글과 시각적으로 구분하되 목록 번호에는 영향을 주지 않는다. */
div.bbs-table table tbody tr.reply td.tit{text-align:left; padding-left:2rem;}
div.bbs-table table tbody tr.reply td.tit img.reply{width:1rem; margin-right:.3rem; opacity:.7;}
div.bbs-table table tbody tr.reply td.tit a{color:#465978;}

/* 게시판 목록은 전체 건수와 작성 동선을 분리해 답변이 많은 목록에서도 빠르게 인지할 수 있게 한다. */
div.sub-wrap div.bbs-list-toolbar{display:flex; align-items:center; justify-content:space-between; gap:1rem; margin:1.5rem 0 .75rem;}
div.sub-wrap div.bbs-list-toolbar p.board-total{font-size:.95rem; color:#63718a;}
div.sub-wrap div.bbs-list-toolbar p.board-total strong{margin:0 .15rem; color:var(--color-main01); font-family:"Montserrat_B"; font-size:1.05rem;}
div.sub-wrap div.bbs-list-toolbar div.top-btn-wrap{margin:0;}
div.sub-wrap div.bbs-list-toolbar a.add-btn{min-width:5rem; border-radius:.4rem; box-shadow:none;}
div.bbs-table.bbs-list-table{border:1px solid #d7e0ee; border-radius:1rem; overflow:hidden; background:#fff;}
div.bbs-table.bbs-list-table table{border-bottom:0;}
div.bbs-table.bbs-list-table table thead{background:#f7f9fc;}
div.bbs-table.bbs-list-table table thead th{padding:1.15rem .75rem; color:#263650; font-family:"NotoKr_M";}
div.bbs-table.bbs-list-table table thead th:after{background:#dbe2ed;}
div.bbs-table.bbs-list-table table tbody tr{transition:background .2s ease;}
div.bbs-table.bbs-list-table table tbody tr:hover{background:#f7faff;}
div.bbs-table.bbs-list-table table tbody tr.reply{background:#f7f9fc;}
div.bbs-table.bbs-list-table table tbody tr.reply:hover{background:#f0f5fc;}
div.bbs-table.bbs-list-table table tbody tr td{padding:1rem .75rem; color:#5c6b82;}
div.bbs-table.bbs-list-table table tbody tr td.tit a{color:#27364e;}
div.bbs-table.bbs-list-table table tbody tr td.tit a:hover{text-decoration:underline; color:var(--color-main01);}
div.bbs-table.bbs-list-table table tbody tr.reply td.tit{padding-left:2.25rem;}

/* 글쓴이는 수정 대상이 아니므로 입력창 대신 일반 텍스트로 표시한다. */
section.board.write span.writer-text{display:inline-block; min-width:10rem; padding:.65rem .8rem; border-radius:.35rem; background:#f5f7fa; color:#43516a;}

@media screen and (max-width:480px){
    div.bbs-view div.view-comment{padding:1.15rem;}
    div.bbs-view div.view-comment div.comment-heading{align-items:flex-start; flex-direction:column; gap:.35rem;}
    div.bbs-view div.view-comment div.comment-wrap ul > li.comment-reply.comment-item{margin-left:1.25rem;}
    div.bbs-view div.view-comment div.comment-write div.comment-write-top{display:block;}
    div.bbs-view div.view-comment div.comment-write div.comment-write-top textarea{width:100%;}
    div.sub-wrap div.bbs-list-toolbar{margin-top:1rem;}
    div.bbs-table.bbs-list-table{border-radius:.65rem;}
    div.bbs-table.bbs-list-table table tbody tr td{padding:.15rem 0;}
    div.bbs-table.bbs-list-table table tbody tr.reply td.tit{padding-left:1.5rem;}
}