#wlwja {width: 100%;margin: auto;padding: 50px 20px;text-align: center;;background-image: url(../img/rkaod.jpg); background-position: center; background-size: cover; background-repeat: no-repeat;}
#wlwja h3 {font-size: 40px;padding-bottom: 15px;color: #615025;word-break: keep-all}
#wlwja h5 {font-size: 18px;padding-bottom: 30px;font-weight: normal;color: #988045;word-break: keep-all}
#wlwja .wlwja-tbox {padding: 15px 10px}
.kbranch {;font-size: 18px;color: #615025;border: 2px solid #615025!important}
.gotobranch {font-size: 16px;cursor: pointer; color: #fff; background: #615025; padding: 5px 7px; border-radius: 3px;}

@media(max-width:500px) {
    .gotobranch {
        margin-top: 20px
    }
}

#coffeespa {width:100%;max-width:960px;margin:auto}
.in_title {text-align: center;word-break: keep-all;padding: 80px 20px}
.in_title h2 {font-size: 2rem}
.in_title p {font-size: 1.2rem}
.cen_bar {width: 80px;height: 5px;background: #615025;margin: 50px auto;}

#notice-title {}
.feeding {margin: 50px auto 100px;}
.bo-table { width: 100%; border-collapse: collapse; padding: 0 20px;margin-top: 50px}
.bo-cate a {font-size: 15px;color: #999}
.bo-title { font-size: 24px; font-weight: bold; padding: 20px 0; border-bottom: 1px solid #efefef;text-align: left}
#bo_v_con {margin:10px 0 30px;width:100%;min-height:200px;word-break:keep-all;overflow:hidden}
#bo_v_con h2, h3 {font-size: 22px}
#bo_v_con p {font-size: 16px;line-height: 26px}
#bo_v_con a {color:#000;text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto}
.bo-con { border-bottom: 1px solid #efefef; padding: 20px 0 80px; text-align: left; width: 100%; }
.btn-prev, .btn-next {padding: 5px 15px;margin: 0 5px;background: #eee;display: inline-block;text-decoration: none;border-radius: 4px;}
.bo-list { width: 100%; margin-bottom: 20px; }
.bo-list-tit { text-align: left; padding: 10px 0; border-bottom: 1px solid #ddd; }
.bo-list-tit a { color: #333; text-decoration: none; display: block; }
.bo-list-tit a:hover { text-decoration: underline; color: #007bff; }
.bo-paging a { margin: 0 5px; text-decoration: none; color: #333; }
.bo-paging { padding-bottom: 10px; }
.bo-list-header {display: flex;justify-content: space-between; align-items: center; margin: 10px 0 15px; padding: 0 10px;font-size: 14px;}
.btn-toggle-list {font-size: 13px;padding: 3px 10px;background: none;border: none;color: #007bff;cursor: pointer;}
.btn-toggle-list:hover {text-decoration: underline;}

@media(max-width:960px){
    .feeding {padding: 0 20px}
}

.post-nav-box {margin-top: 20px;font-size: 14px;line-height: 1.8;}
.post-nav-line {padding: 6px 10px;display: flex;flex-wrap: wrap;align-items: center;}
.post-prev,
.post-next {;color: #555;}
.post-current {background-color: #fff;font-weight: bold;color: #222;}
.post-nav-line .label {display: inline-block;width: 70px;color: #888;flex-shrink: 0;}
.post-nav-line a {color: #555; text-decoration: none; word-break: break-word;}
.post-nav-line a:hover {text-decoration: underline;}

@media screen and (max-width: 600px) {
    .post-nav-box {font-size: 13px;}
    .post-nav-line {flex-direction: column;align-items: flex-start;padding: 10px;}
    .post-nav-line .label {width: auto;margin-bottom: 2px;}
    .post-nav-line a {display: block;word-break: break-word;}
}

/* 댓글 */
.cmt_btn {display: inline-flex;align-items: center;gap: 5px;font-size: 15px;background: none;border: none;cursor: pointer;margin-top:30px;font-weight: bold;color: #222;}
.cmt_toggle_icon {font-size: 12px;color: #666;}
#bo_vc {margin-top: 16px;font-family: 'Noto Sans KR', sans-serif;font-size: 14px;color: #222;}
#bo_vc article {padding: 16px 10px; border-bottom: 1px solid #eee;}
#bo_vc header {display: flex; justify-content: space-between; flex-wrap: wrap;margin-bottom: 6px;}
#bo_vc header h2 {font-size: 15px;font-weight: bold; margin: 0;}
.bo_vc_hdinfo {font-size: 13px; color: #888;}
.cmt_contents p {font-size: 14px;line-height: 1.7;color: #333; margin: 0; white-space: pre-line; word-break: break-word;}
/* 댓글 작성 폼 */
.comment-write-box {margin-top: 25px;padding: 15px;border: 1px solid #eee; border-radius: 6px; background: #f9f9f9;}
.comment-write-box .form-row {display: flex;flex-direction: column;gap: 10px;margin-bottom: 12px;}
.comment-write-box input,
.comment-write-box textarea {padding: 10px;border: 1px solid #ccc;border-radius: 4px;font-size: 14px;width: 100%;box-sizing: border-box;}
.btn-comment-submit {padding: 8px 18px;background-color: #333;color: #fff;font-size: 14px;border: none;border-radius: 4px;cursor: pointer;}
.btn-comment-submit:hover {background-color: #555;}

@media (max-width: 600px) {
  #bo_vc header {flex-direction: column;align-items: flex-start;}
  #bo_vc header h2 {margin-bottom: 4px;}
  .btn-comment-submit {width: 100%;padding: 12px;font-size: 16px;}
  .comment-write-box {padding: 12px;}
  .comment-write-box input,
  .comment-write-box textarea {font-size: 15px;}
}

.btn-write {padding: 4px 8px;background: #f5f5f5;border: 1px solid #ccc;border-radius: 4px;font-size: 12px;text-decoration: none;color: #333;}
.btn-write:hover {background: #e0e0e0;}