/* 목록(베이직) */
.main-container .main-left .board-list-wrap { padding: 24px 30px; border: 1px solid #E7E6E6; border-radius: 12px; margin-bottom: 24px; } 
.main-container .main-left .board-list-wrap .top-wrap { margin-bottom: 10px; } 
.main-container .main-left .board-list-wrap .top-wrap .tit-box { display: flex; align-items: center; gap: 0 8px; } 
.main-container .main-left .board-list-wrap .top-wrap .tit-box h1 { font-size: 20px; font-weight: 700; } 

.main-container .main-left .board-list-wrap .top-wrap .cate-box { margin: 15px 0; } 
.main-container .main-left .board-list-wrap .top-wrap .cate-box ul { font-size: 18px; font-weight: 700; } 
.main-container .main-left .board-list-wrap .top-wrap .cate-box ul li { position: relative; width: auto; } 
.main-container .main-left .board-list-wrap .top-wrap .cate-box ul li a { color: #9DA5B6; } 
.main-container .main-left .board-list-wrap .top-wrap .cate-box ul li a:hover,
.main-container .main-left .board-list-wrap .top-wrap .cate-box ul li.active a { color: #000; } 
.main-container .main-left .board-list-wrap .top-wrap .cate-box ul li.new::before { content: ""; position: absolute; top: 0; right: -10px; width: 6px; height: 6px; border-radius: 50%; background-color: #F35F4C; } 

.main-container .main-left .board-list-wrap .top-wrap .sub-cate-box { padding: 0; padding-bottom: 0; margin-top: 10px; border-radius: 6px; } 
.main-container .main-left .board-list-wrap .top-wrap .sub-cate-box ul { font-size: 16px; font-weight: 500; } 
.main-container .main-left .board-list-wrap .top-wrap .sub-cate-box ul li { position: relative; width: auto; border: 1px solid #E7E6E6; border-radius: 24px; background-color: #fff; } 
.main-container .main-left .board-list-wrap .top-wrap .sub-cate-box ul li:hover,
.main-container .main-left .board-list-wrap .top-wrap .sub-cate-box ul li.active { background-color: #F35F4C; font-weight: 600; } 
.main-container .main-left .board-list-wrap .top-wrap .sub-cate-box ul li a { padding: 6px 12px; display: block; } 
.main-container .main-left .board-list-wrap .top-wrap .sub-cate-box ul li:hover a,
.main-container .main-left .board-list-wrap .top-wrap .sub-cate-box ul li.active a { color: #fff; } 
.main-container .main-left .board-list-wrap .top-wrap .sub-cate-box ul li.new a { padding-right: 15px; } 
.main-container .main-left .board-list-wrap .top-wrap .sub-cate-box ul li.new::before { content: ""; position: absolute; top: 5px; right: 10px; width: 4px; height: 4px; border-radius: 50%; background-color: #F35F4C; } 
.main-container .main-left .board-list-wrap .top-wrap .sub-cate-box ul li.new:hover::before { background-color: #fff; } 
.main-container .main-left .board-list-wrap .top-wrap .sub-cate-box ul li.active::before { background-color: #fff; } 

.main-container .main-left .board-list-wrap .content-wrap { border-radius: 2px; padding-bottom: 30px; } 
.main-container .main-left .board-list-wrap .content-wrap .btn-wrap { position: relative; display: flex; justify-content: space-between; padding-bottom: 20px; gap: 5px;} 
.main-container .main-left .board-list-wrap .content-wrap .btn-wrap select { padding: 7px; border: 1px solid #c9c9c9; border-radius: 8px; font-size: 15px; font-weight: 500; cursor: pointer; } 
.main-container .main-left .board-list-wrap .content-wrap .btn-wrap .btn-box {margin-left: auto;}

.main-container .main-left .board-list-wrap .content-wrap .list-area.basic .w-img { width: 70px; flex-shrink: 0; } 
.main-container .main-left .board-list-wrap .content-wrap .list-area.basic .w-sunj { width: 100%; min-width: 0; } 
.main-container .main-left .board-list-wrap .content-wrap .list-area.basic .w-end { width: 61px; flex-shrink: 0; }
.main-container .main-left .board-list-wrap .content-wrap .list-area.basic .w-rate { width: 50px; flex-shrink: 0; } 
.main-container .main-left .board-list-wrap .content-wrap .list-area.basic .w-region { width: 140px; flex-shrink: 0; } 

.main-container .main-left .board-list-wrap .content-wrap .list-area.basic { width: 100%; border-top: 2px solid #1F2124; } 
.main-container .main-left .board-list-wrap .content-wrap .list-area.basic li { box-sizing: border-box; } 
.main-container .main-left .board-list-wrap .content-wrap .list-area.basic .head-box { display: flex; padding: 12px 30px; width: 100%; border-bottom: 1px solid #E7E6E6; font-size: 15px; font-weight: 600; text-align: center; } 
.main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-box { position: relative; display: flex; align-items: center; padding: 10px 30px; border-bottom: 1px solid #E7E6E6; } 

.main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-box.ad { background-color: #FEF2F1; } 
.main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-box.ad .content-box .subj-box .cate { padding: 2px 6px; border: 0; border-radius: 6px; font-weight: 700; background-color: #FBCFC9; color: #F03A23; } 

.main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-box .thumb-img { width: 70px; min-width: 70px; height: 70px; min-height: 70px; } 
.main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-box .thumb-img img { width: 100%; height: 100%; border-radius: 12px; } 
.main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-box .content-box { width: 100%; padding: 0 10px; min-width: 0; box-sizing: border-box; } 
.main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-box .content-box .subj-box { display: flex; align-items: center; gap: 0 1%; margin-bottom: 5px;} 
.main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-box .content-box .subj-box .cate-box { display: inline-flex; gap: 0 5px; white-space: nowrap; } 
.main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-box .content-box .subj-box .cate { padding: 2px 6px; border: 1px solid #D3D5D7; border-radius: 6px; background-color: #F5F6FA; font-weight: 700; color: #5F5F5F; display: inline-flex; align-items: center;} 
.main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-box .content-box .subj-box .region {
    padding: 2px 6px;
    padding-left: 3px;
    border: 1px solid #D3D5D7;
    border-radius: 6px;
    background-color: #F5F6FA;
    font-weight: 700;
    color: #5F5F5F;
    width: auto;
    display: flex;
    align-items: center;
}
.main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-box .content-box .subj-box .region .region-icon{
    width: 16px;
    height: 16px;
}
.main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-box .content-box .subj-box .subj-area { width: 100%; min-width: 0; } 
.main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-box .content-box .subj-box .subj-area .subj { 
    font-size: 16px;
    line-height: 23px;
    font-weight: 500;
    margin-right: 5px;
    display: block;
}

.main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-box .content-box .subj-box .subj-area .subj .subj-text{
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-box .content-box .subj-box .subj-area .subj .cate-tag-wrap{
    font-size: 14px;
    display: inline-block;
    margin-right: 3px;
}

.main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-box .content-box .subj-box .comment-cnt { font-size: 16px; font-weight: 600; color: #F03A23; } 

.main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-box .content-box .info-box { display: flex; align-items: center; color: #5F5F5F; overflow: hidden; } 
.main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-box .content-box .info-box .nick { display: flex; align-items: center; gap: 0 3px; 
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-box .content-box .info-box .nick .nick-text{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-box .content-box .info-box .nick .mb-profile-img { width: 20px; height: 20px; border-radius: 40px; } 
.main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-box .content-box .info-box .info { display: flex; align-items: center; gap: 0 2px; flex-shrink: 0; } 
.main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-box .content-box .info-box .info .icon-hit { filter: invert(33%) sepia(90%) saturate(0%) hue-rotate(206deg) brightness(89%) contrast(88%); } 
.main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-box .content-box .info-box .cnt{ flex-shrink: 0; }
.main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-box .rate { display: flex; align-items: center; justify-content: center; flex-shrink: 0; flex-basis: 50px; width: 70px; height: 26px; padding: 2px 6px; border-radius: 6px; font-weight: 500; color: #fff; background-color: #F35F4C; } 
.main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-box .region {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 140px;
    flex-shrink: 0;
}
.main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-box .region .region-icon{
    width: 20px;
    height: 20px;
}

.main-container .main-left .board-list-wrap .chk_box{
    width: 30px;
    flex-shrink: 0;
}

/* .main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-box .right-comment-box { flex-direction: column; justify-content: center; align-items: center; margin-left: auto; min-width: 40px; height: 60px; border-radius: 8px; background-color: #F5F6FA; } 
.main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-box .right-comment-box .cnt { padding-bottom: 8px; font-weight: 600; color: #5F5F5F; } 
.main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-box .right-comment-box .txt { font-size: 11px; color: #858894; } */

.main-container .main-left .board-list-wrap .page-wrap { display: flex; justify-content: center; margin-bottom: 20px; } 
.main-container .main-left .board-list-wrap .page-wrap ul { display: flex; align-items: center; justify-content: center; width: 100%; } 
.main-container .main-left .board-list-wrap .page-wrap ul li { padding: 5px 10px; } 
.main-container .main-left .board-list-wrap .page-wrap ul li a { display: flex; align-items: center; color: #858894; border: 1px solid #fff; } 
.main-container .main-left .board-list-wrap .page-wrap ul .txt { padding: 5px; } 
.main-container .main-left .board-list-wrap .page-wrap ul .txt a { color: #000; } 
.main-container .main-left .board-list-wrap .page-wrap ul li.active { border: 1px solid #D3D5D7; border-radius: 4px; box-sizing: border-box; } 
.main-container .main-left .board-list-wrap .page-wrap ul li.active a { color: #000; } 
.main-container .main-left .board-list-wrap .page-wrap ul .txt a img { filter: invert(0%) sepia(65%) saturate(18%) hue-rotate(308deg) brightness(98%) contrast(104%); } 
.main-container .main-left .board-list-wrap .page-wrap ul .page-prev a img { transform: rotate(180deg); } 

.main-container .main-left .board-list-wrap .search-wrap { display: flex; justify-content: center; gap: 0 5px; } 
.main-container .main-left .board-list-wrap .search-wrap select { padding: 8px 12px; border: 1px solid #D3D5D7; border-radius: 4px; } 
.main-container .main-left .board-list-wrap .search-wrap .search-txt-box { position: relative; } 
.main-container .main-left .board-list-wrap .search-wrap .search-txt-box input { padding: 8px 12px; width: 280px; border: 1px solid #D3D5D7; border-radius: 4px; box-sizing: border-box; } 
.main-container .main-left .board-list-wrap .search-wrap .search-txt-box button { position: absolute; top: 8px; right: 10px; background-color: #fff; border: 0; } 

/* 목록(이벤트) */
.main-container .main-left .board-list-wrap .content-wrap .list-area.event .w-img { width: 12%; } 
.main-container .main-left .board-list-wrap .content-wrap .list-area.event .w-sunj { width: 79%; } 
.main-container .main-left .board-list-wrap .content-wrap .list-area.event .w-end { width: 9%; } 

.main-container .main-left .board-list-wrap .content-wrap .list-area.event { width: 100%; border-top: 2px solid #1F2124; } 
.main-container .main-left .board-list-wrap .content-wrap .list-area.event li { box-sizing: border-box; } 
.main-container .main-left .board-list-wrap .content-wrap .list-area.event .head-box { display: flex; padding: 12px 30px; width: 100%; border-bottom: 1px solid #E7E6E6; font-size: 15px; font-weight: 600; text-align: center; } 
.main-container .main-left .board-list-wrap .content-wrap .list-area.event .list-box { position: relative; display: flex; align-items: center; padding: 10px 30px; border-bottom: 1px solid #E7E6E6; } 
.main-container .main-left .board-list-wrap .content-wrap .list-area.event .list-box.start { background-color: #FEF2F1; } 
.main-container .main-left .board-list-wrap .content-wrap .list-area.event .list-box.start .tag { padding: 2px 6px; border-radius: 6px; font-weight: 700; background-color: #FBCFC9; color: #F03A23; } 
.main-container .main-left .board-list-wrap .content-wrap .list-area.event .list-box .thumb-img { width: 70px; min-width: 70px; } 
.main-container .main-left .board-list-wrap .content-wrap .list-area.event .list-box .thumb-img img { width: 100%; border-radius: 12px; } 
.main-container .main-left .board-list-wrap .content-wrap .list-area.event .list-box .content-box { width: 100%; padding: 0 10px; min-width: 0; box-sizing: border-box; } 
.main-container .main-left .board-list-wrap .content-wrap .list-area.event .list-box .content-box .subj-box { display: flex; align-items: center; gap: 0 1%; margin-bottom: 5px;} 
.main-container .main-left .board-list-wrap .content-wrap .list-area.event .list-box .content-box .subj-box .cate-box { display: inline-flex; gap: 0 5px; white-space: nowrap; } 
.main-container .main-left .board-list-wrap .content-wrap .list-area.event .list-box .content-box .subj-box .cate { padding: 2px 6px; border: 1px solid #D3D5D7; border-radius: 6px; background-color: #F5F6FA; font-weight: 700; color: #5F5F5F; } 
.main-container .main-left .board-list-wrap .content-wrap .list-area.event .list-box .content-box .subj-box .subj-area { width: 100%; min-width: 0; } 
.main-container .main-left .board-list-wrap .content-wrap .list-area.event .list-box .content-box .subj-box .subj-area .subj { 
    font-size: 16px;
    line-height: 23px;
    font-weight: 500;
    margin-right: 5px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
} 
.main-container .main-left .board-list-wrap .content-wrap .list-area.event .list-box .content-box .subj-box .subj-area .subj .cate-tag-wrap{
    font-size: 14px;
    display: inline-block;
    margin-right: 3px;
}

.main-container .main-left .board-list-wrap .content-wrap .list-area.event .list-box .content-box .subj-box .comment-cnt { font-size: 16px; font-weight: 600; color: #F03A23; } 
.main-container .main-left .board-list-wrap .content-wrap .list-area.event .list-box .end-btn { display: flex; align-items: center; justify-content: center; flex-shrink: 0; flex-basis: 61px; height: 26px; padding: 2px 6px; border-radius: 6px; font-weight: 500; background-color: #E2E4E9; } 

.main-container .main-left .board-list-wrap .content-wrap .list-area.event .list-box.end { background-color: #E2E4E9; } 
.main-container .main-left .board-list-wrap .content-wrap .list-area.event .list-box.end .thumb-img { position: relative; } 
.main-container .main-left .board-list-wrap .content-wrap .list-area.event .list-box.end .thumb-img .img-bg { position: absolute; top: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; border-radius: 8px; background-color: rgb(0,0,0,0.6); color: #B5BBC8; font-weight: 700; } 
.main-container .main-left .board-list-wrap .content-wrap .list-area.event .list-box.end .tag { padding: 2px 6px; border-radius: 6px; font-weight: 700; background-color: #5F5F5F; color: #fff; } 
.main-container .main-left .board-list-wrap .content-wrap .list-area.event .list-box.end .content-box .subj-box .comment-cnt { color: #5F5F5F; } 

.main-container .main-left .board-list-wrap .content-wrap .list-area.event .list-box .content-box .info-box { display: flex; align-items: center; color: #5F5F5F; } 
.main-container .main-left .board-list-wrap .content-wrap .list-area.event .list-box .content-box .info-box .nick .mb-profile-img { width: 20px; height: 20px; border-radius: 40px; } 
.main-container .main-left .board-list-wrap .content-wrap .list-area.event .list-box .content-box .info-box .info { display: flex; align-items: center; gap: 0 2px; } 
.main-container .main-left .board-list-wrap .content-wrap .list-area.event .list-box .content-box .info-box .info .icon-hit { filter: invert(33%) sepia(90%) saturate(0%) hue-rotate(206deg) brightness(89%) contrast(88%); } 

/* 250227 - 체험단 목록 관련 */
.main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-notice-box .end-btn { display: flex; align-items: center; justify-content: center; flex-shrink: 0; flex-basis: 61px; height: 26px; padding: 2px 6px; border-radius: 6px; font-weight: 500; background-color: #E2E4E9; } 

.main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-box.end { background-color: #E2E4E9; } 
.main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-box.end .thumb-img { position: relative; } 
.main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-box.end .thumb-img .img-bg { position: absolute; top: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; border-radius: 8px; background-color: rgb(0,0,0,0.6); color: #B5BBC8; font-weight: 700; } 
.main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-box.end .tag { padding: 2px 6px; border-radius: 6px; font-weight: 700; background-color: #5F5F5F; color: #fff; } 
.main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-box.end .content-box .subj-box .comment-cnt { color: #5F5F5F; } 

/* event 게시판 공지사항 스타일 추가 */
.main-container .main-left .board-list-wrap .content-wrap .list-area.event .list-notice-box {
    position: relative;
    display: flex;
    align-items: center;
    padding: 15px 30px;
    border-bottom: 1px solid #E7E6E6;
    background-color: #FEF2F1; /* basic 공지사항 배경색과 동일하게 설정 또는 event에 맞게 조정 */
}

.main-container .main-left .board-list-wrap .content-wrap .list-area.event .list-notice-box .thumb-img {
    width: 70px;
    min-width: 70px;
    height: 70px;
    min-height: 70px;
}

.main-container .main-left .board-list-wrap .content-wrap .list-area.event .list-notice-box .thumb-img img {
    width: 100%;
    height: 100%;
    border-radius: 12px;
}

.main-container .main-left .board-list-wrap .content-wrap .list-area.event .list-notice-box .content-box {
    width: 100%;
    padding: 0;
    min-width: 0;
    box-sizing: border-box;
}

.main-container .main-left .board-list-wrap .content-wrap .list-area.event .list-notice-box .content-box .subj-box {
    display: flex;
    align-items: center;
    gap: 0 1%;
    /* margin-bottom: 5px; /* basic 스타일 참고, 필요시 활성화 */
}

.main-container .main-left .board-list-wrap .content-wrap .list-area.event .list-notice-box .content-box .subj-box .cate-tag-wrap {
    font-size: 14px;
    display: inline-block;
    margin-right: 3px;
}

.main-container .main-left .board-list-wrap .content-wrap .list-area.event .list-notice-box .content-box .subj-box .cate-tag-wrap .cate {
    padding: 2px 6px;
    border: 0; /* basic 공지 태그 스타일 참고 */
    border-radius: 6px;
    font-weight: 700;
    background-color: #FBCFC9; /* basic 공지 태그 스타일 참고 */
    color: #F03A23; /* basic 공지 태그 스타일 참고 */
}

.main-container .main-left .board-list-wrap .content-wrap .list-area.event .list-notice-box .content-box .subj-box .cate-tag-wrap .tag {
    padding: 2px 6px;
    border-radius: 6px;
    font-weight: 700;
    /* 진행중, 종료 태그 스타일은 event.list.php 내의 스타일을 따르거나 여기서 정의 */
    /* 예: 진행중일 때 basic 공지 태그 스타일 사용 */
    background-color: #FBCFC9; 
    color: #F03A23;
}

.main-container .main-left .board-list-wrap .content-wrap .list-area.event .list-notice-box .content-box .subj-box .cate-tag-wrap .tag.end-tag { /* 종료 태그에 대한 별도 스타일 */
    background-color: #5F5F5F;
    color: #fff;
}

.main-container .main-left .board-list-wrap .content-wrap .list-area.event .list-notice-box .content-box .subj-box .subj-area {
    width: 100%;
    min-width: 0;
}

.main-container .main-left .board-list-wrap .content-wrap .list-area.event .list-notice-box .content-box .subj-box .subj-area .subj {
    font-size: 16px;
    line-height: 23px;
    font-weight: 500;
    margin-right: 5px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.main-container .main-left .board-list-wrap .content-wrap .list-area.event .list-notice-box .content-box .subj-box .comment-cnt {
    font-size: 16px;
    font-weight: 600;
    color: #F03A23;
}

.main-container .main-left .board-list-wrap .content-wrap .list-area.event .list-notice-box .content-box .info-box {
    display: flex;
    align-items: center;
    color: #5F5F5F;
    /* margin-top: 5px; /* basic 스타일 참고, 필요시 활성화 */
}

.main-container .main-left .board-list-wrap .content-wrap .list-area.event .list-notice-box .content-box .info-box .info {
    display: flex;
    align-items: center;
    gap: 0 2px;
}

.main-container .main-left .board-list-wrap .content-wrap .list-area.event .list-notice-box .end-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    flex-basis: 61px;
    height: 26px;
    padding: 2px 6px;
    border-radius: 6px;
    font-weight: 500;
    background-color: #E2E4E9;
    margin-left: 10px; /* basic의 end-btn과 유사하게 오른쪽으로 약간의 여백 */
}

/* 목록 공지 */
.main-container .main-left .board-list-wrap .content-wrap .w-writer { width: 20%; text-align: center; } 
.main-container .main-left .board-list-wrap .content-wrap .w-sunj { width: 70%; min-width: 0; text-align: center; } 
.main-container .main-left .board-list-wrap .content-wrap .w-date { width: 10%; text-align: center; } 

.main-container .main-left .board-list-wrap .content-wrap .list-area.basic { padding-bottom: 20px; width: 100%; border-top: 2px solid #1F2124; } 
.main-container .main-left .board-list-wrap .content-wrap .list-area.basic .head-notice-box { display: flex; padding: 12px 30px; width: 100%; border-bottom: 1px solid #E7E6E6; font-size: 15px; font-weight: 600; text-align: center; } 
.main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-notice-box { position: relative; display: flex; align-items: center; padding: 15px 30px; border-bottom: 1px solid #E7E6E6; } 
.main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-notice-box { background-color: #FEF2F1; } 

.main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-notice-box .thumb-img { width: 70px; min-width: 70px; height: 70px; min-height: 70px; margin-right: 10px; } 
.main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-notice-box .thumb-img img { width: 100%; height: 100%; border-radius: 12px; } 

.main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-notice-box .content-box .subj-box .cate { padding: 2px 6px; border: 0; border-radius: 6px; font-weight: 700; background-color: #FBCFC9; color: #F03A23; } 
.main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-notice-box .content-box { width: 100%; padding: 0; min-width: 0; box-sizing: border-box; } 
.main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-notice-box .content-box .subj-box { display: flex; align-items: center; gap: 0 1%; } 
.main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-notice-box .content-box .subj-box .subj-area { width: 100%; min-width: 0; } 
.main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-notice-box .content-box .subj-box .subj-area .subj {
    font-size: 16px;
    line-height: 23px;
    font-weight: 500;
    margin-right: 5px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-notice-box .content-box .subj-box .subj-area .cate-tag-wrap{
    font-size: 14px;
    display: inline-block;
    margin-right: 3px;
}
.main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-notice-box .content-box .subj-box .comment-cnt { font-size: 16px; font-weight: 600; color: #F03A23; } 

.main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-notice-box .content-box .info-box { display: flex; align-items: center; color: #5F5F5F; } 
/* .main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-notice-box .content-box .info-box .nick .mb-profile-img { width: 20px; height: 20px; border-radius: 40px; } */
.main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-notice-box .content-box .info-box .info { display: flex; align-items: center; gap: 0 2px; } 
.main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-notice-box .content-box .info-box .info .icon-hit { filter: invert(33%) sepia(90%) saturate(0%) hue-rotate(206deg) brightness(89%) contrast(88%); } 
.main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-notice-box .rate { display: flex; align-items: center; justify-content: center; flex-shrink: 0; flex-basis: 50px; width: 70px; height: 26px; padding: 2px 6px; border-radius: 6px; font-weight: 500; color: #fff; background-color: #F35F4C; } 
.main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-notice-box .write-box { flex: 1 0 105px; text-align: center; } 
.main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-notice-box .date-box { flex: 1 0 85px; text-align: center; } 

/* 본문 */
.cu-view-wrap .sv_member, 
.cu-view-wrap .sv_guest, 
.cu-view-wrap .member, 
.cu-view-wrap .guest { font-weight: 700; } 
.cu-view-wrap .ip-txt { padding-left: 5px; color: #5F5F5F } 

.cu-view-wrap { padding: 24px 30px; border: 1px solid #E7E6E6; border-radius: 12px; } 
.cu-view-wrap .cu-board-name { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; white-space: nowrap; } 
.cu-view-wrap .cu-board-name .name-txt { display: flex; color: #F35F4C; } 
.cu-view-wrap .cu-board-name .board-top-btn ul { display: flex; align-items: center; } 
.cu-view-wrap .cu-board-name img { filter: invert(60%) sepia(79%) saturate(4569%) hue-rotate(333deg) brightness(102%) contrast(91%); } 

.cu-view-wrap .view-title { margin-bottom: 16px; width: 100%; font-family: 'Pretendard' !important; } 
.cu-view-wrap .view-title .cu-view-cate { padding: 2px 10px; margin-right: 5px; border: 1px solid #D3D5D7; border-radius: 6px; background-color: #F5F6FA; font-size: 20px; font-weight: 600; } 
.cu-view-wrap .view-title .cu-view-subj { font-size: 26px; font-weight: 500; line-height: 1.4; word-break: break-all; } 

.cu-view-wrap .cu-view-user { display: flex; align-items: center; padding-bottom: 17px; margin-bottom: 20px; border-bottom: 1px solid #E7E6E6; } 
.cu-view-wrap .cu-view-user .profile-img { margin-right: 10px; } 
.cu-view-wrap .cu-view-user .profile-img img { width: 50px; height: 50px; border-radius: 50%; } 
.cu-view-wrap .cu-view-user .user-info { width: 100%; } 
.cu-view-wrap .cu-view-user .user-info .txt1 .info-heart { display: inline-flex; align-items: center; gap: 0 2px; padding: 3px 6px; margin: 0 0 2px 5px; border-radius: 4px; background-color: #FEF2F1; color:#F35F4C; font-size: 11px; font-weight: 600; } 
.cu-view-wrap .cu-view-user .user-info .txt1 .info-heart img { width: 11px; height: 11px; } 
.cu-view-wrap .cu-view-user .user-info .txt2 { display: flex; align-items: center; justify-content: space-between; margin-right: auto; } 
.cu-view-wrap .cu-view-user .user-info .txt2 .date { font-size: 12px; color:#5F5F5F; } 
.cu-view-wrap .cu-view-user .user-info .txt2 .ect { font-size: 13px; letter-spacing: -0.5px; } 
.cu-view-wrap .cu-view-user .user-info .txt2 .ect img { width: 16px; height: 16px; } 

.cu-view-wrap .act-wrap { display: flex; align-items: center; width: 100%; justify-content: center; gap: 0 15px; margin-bottom: 20px; } 
.cu-view-wrap .act-wrap .heart-box { display: flex; width: 100%; max-width: 200px; height: 60px; align-items: center; justify-content: center; gap: 0 3px; background-color: #f35f4c; border-radius: 10px; font-size: 16px; font-weight: 600; color: #fff; } 
.cu-view-wrap .act-wrap .share-box { display: flex; width: 100%; max-width: 200px; height: 60px; align-items: center; justify-content: center; gap: 0 5px; border: 2px solid #1F2124; border-radius: 10px; font-size: 16px; font-weight: 600; cursor: pointer; } 
.cu-view-wrap .act-wrap img { width: 20px; height: 20px; }
.cu-view-wrap .act-wrap .heart-box img{
    filter: saturate(0) brightness(1000%);
    width: 22px;
    height: 22px;
}

.cu-view-wrap .earn-petcoin-wrap{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 20px;
    border-radius: 10px;
    background-color: #F5F6FA;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    margin: 30px 0;
}

.cu-view-wrap .earn-petcoin-wrap .earn-petcoin-tips{
    color: #f35f4c;
    margin-right: 10px;
}

.cu-view-wrap .earn-petcoin-wrap .earn-petcoin-text{
    color: #101112;
}

.cu-view-wrap .earn-petcoin-wrap .earn-petcoin-right{
    color: #5F5F5F;
    display: flex;
    align-items: center;
    font-size: 13px;
}

.cu-view-wrap .earn-petcoin-wrap .earn-petcoin-right img{
    width: 16px;
    height: 16px;
    margin-left: 5px;
}

.act-wrap #good_button{
    width: 100%;
    max-width: 200px;
}

#bo_v_atc .view-produc-txt { margin-bottom: 20px; text-align: center; font-size: 20px; color: #F35F4C; font-weight: 600; word-break: break-all; }

/* Naver Map Styles */
#bo_v_atc .naver-map-container {
    margin-top: 30px;
    border: 1px solid #ccc;
}

#bo_v_atc .naver-map-container .naver-map-view {
    width: 100%;
    height: 300px;
}

#bo_v_atc .naver-map-container .place-info-link {
    display: block;
    padding: 15px 20px;
    text-decoration: none;
}

#bo_v_atc .naver-map-container .place-info-name {
    display: block;
    margin-bottom: 3px;
    font-size: 1.2em;
}

#bo_v_atc .naver-map-container .place-info-address {
    color: #555;
}

/* 댓글 */
.cu-cmt-btn { display: flex; align-items: center; gap: 0 3px; margin-bottom: 20px; border: 0; background-color: #fff; } 
.cu-cmt-btn .cnt { font-size: 13px; font-weight: 600; } 

.cu-cmt-wrap { position: relative; } 
.cu-cmt-wrap article { display: flex; min-width: 0; } 
.cu-cmt-wrap .pf_img { margin-right: 10px; } 
.cu-cmt-wrap .pf_img img { width: 36px; height: 36px; border-radius: 30px; } 
.cu-cmt-wrap .cm_wrap { width: 100%; } 
.cu-cmt-wrap .cm_wrap .info-heart { display: inline-flex; align-items: center; gap: 0 2px; padding: 3px 6px; margin-left: 5px; border-radius: 4px; background-color: #FEF2F1; color: #F35F4C; font-size: 11px; font-weight: 600; } 
.cu-cmt-wrap .cm_wrap .info-heart img { width: 11px; height: 11px; } 
.cu-cmt-wrap .cm_wrap .cmt_contents { padding: 10px 0; } 
.cu-cmt-submit { padding: 8px; width: 110px; height: 45px; border: 0; border-radius: 8px; color: #fff; background-color: #F35F4C; } 

.add-heart-box { text-align: center; padding-bottom: 10px; } 
.add-heart-box a { background-color: #ffa4a4; border: 1px solid #ff9494; color: #fff; } 
.add-heart-box a:hover { color: #fff; } 

.add-hit-box { text-align: center; padding-bottom: 20px; } 
.add-hit-box a { background-color: #333; border: 1px solid #111; color: #fff; } 
.add-hit-box a:hover { color: #fff; } 

/* 글쓰기 */
/** 원본에 넣은 css **/
.cu-radio { display: flex !important; gap: 0 5px; } 
.cu-write-select { margin-bottom: 15px; }
.cu-write-select select { padding: 8px 20px; border: 1px solid #D3D5D7; border-radius: 4px; } 
.cu-rate-wrap .tit { font-weight: 600; margin-right: 5px; } 
#cu_rate_range { margin-right: 5px; } 
.cu-btn-wrap { display: flex; align-items: center; justify-content: end; gap: 0 10px; width: 100%; } 
.cu-btn-wrap .cancel-btn { padding: 8px 32px; border-radius: 8px; background-color: #D3D5D7; } 
.cu-btn-wrap .confirm-btn { padding: 8px 32px; border: 0; border-radius: 8px; background-color: #F35F4C; color: #fff } 

/** 원본수정 **/
#bo_w .write_div { margin: 20px 0; } 
#bo_w .bo_v_option li { margin: 0 10px 0 0; } 
.write_div .chk_box input[type="checkbox"] + label span, .bo_vc_w .chk_box input[type="checkbox"] + label span { top: 0px; } 
#bo_vc .cmt_contents { padding: 5px 0; } 
#bo_vc_empty { padding: 40px 0 !important; } 
.bo_vc_w textarea { padding: 10px; border-radius: 8px; } 
#bo_v_img { text-align: center; } 
#bo_v_img video { margin-bottom: 20px; max-width: 100%; height: auto; } 

/* 하트 애니메이션 */
.heart-box img.animate {
    animation: heart-spread-out 0.6s forwards;
}

#cate_wrap{
    margin-bottom: 20px;
}

/* 250317 - 사용후기 별점 모양 */
.cu-rate-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

/* 별점 전체 컨테이너 */
.cu-rate-wrap .star-rating {
    position: relative;
    display: inline-block;
    font-size: 30px;   /* 별 크기 */
    color: #ccc;       /* 회색 별(비활성) */
    cursor: pointer;
    user-select: none;
}

/* 회색 별 배경 */
.cu-rate-wrap .star-rating-background {
    /* 기본적으로 "★★★★★"가 회색으로 표시됨 */
}

/* 노란색 별(채워진 영역) */
.cu-rate-wrap .star-rating-foreground {
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    overflow: hidden;
    color: gold;
    height: 100%;
}

/* 포인트 획득 가능 말풍선 스타일 */
#fboardlist .btn_write,
.act-wrap #good_button,
.cmt-submit-wrap{
    display: inline-block;
    position: relative;
}

.point-tooltip {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 80%;
    right: 0;
    background-color: #FEF2F1; /* 어두운 배경 */
    color: #F35F4C; /* 흰색 글씨 */
    padding: 6px 12px;
    border-radius: 100px;
    font-size: 14px;  /* 적절한 글씨 크기 */
    font-weight: bold;
    white-space: nowrap; /* 줄바꿈 방지 */
    z-index: 10; /* 다른 요소 위에 오도록 */
    box-shadow: 0 0 3px rgba(0,0,0,0.3); /* 약간의 그림자 */
    /* 애니메이션 적용 */
    animation: bounceTooltip 1.2s ease-in-out infinite;
}

/* 말풍선 꼬리 */
.point-tooltip::after {
    content: "";
    position: absolute;
    width: 12px;   /* SVG의 원래 크기에 맞게 조절 */
    height: 10px;
    /* 데이터 URI로 인코딩된 SVG 삽입 */
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%277%27%20height%3D%276%27%20viewBox%3D%270%200%207%206%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M4.36602%205.5C3.98112%206.16667%203.01887%206.16667%202.63397%205.5L0.46891%201.75C0.0840092%201.08333%200.565136%200.25%201.33494%200.25L5.66507%200.250001C6.43487%200.250001%206.91599%201.08333%206.53109%201.75L4.36602%205.5Z%27%20fill%3D%27%23FEF2F1%27/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    /* 원하는 위치에 맞게 조정 */
    left: 15px;
    top: 100%;
    transform: translateX(-50%) translateY(-55%);
}

.point-tooltip.write-point-tooltip{
    width: auto;
    padding: 6px 18px;
    background-color: #1D2977;
    color: #fff;
    bottom: 120%;
    right: -10px;
    transform: none; /* 기본 transform 제거 */
}

.point-tooltip.write-point-tooltip::after{
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%277%27%20height%3D%276%27%20viewBox%3D%270%200%207%206%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M4.36602%205.5C3.98112%206.16667%203.01887%206.16667%202.63397%205.5L0.46891%201.75C0.0840092%201.08333%200.565136%200.25%201.33494%200.25L5.66507%200.250001C6.43487%200.250001%206.91599%201.08333%206.53109%201.75L4.36602%205.5Z%27%20fill%3D%27%231D2977%27/%3E%3C/svg%3E");
    right: 20px;
    left: auto;
}

.point-tooltip.write-point-tooltip img{
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.alarm-wrap .point-tooltip.write-point-tooltip{
    top: auto;
    bottom: 110%;
    right: -5px;
}

/* 위아래로 부드럽게 움직이는 애니메이션 */
@keyframes bounceTooltip {
    0%,
    100% {
        transform: translateY(0); 
    }

    50% {
        transform: translateY(-3px);
    }
}

/* 좋아요 눌렀을 때 애니메이션 */
@keyframes heart-spread-out {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(2);
        opacity: 0;
    }
}

@media all and (max-width: 1280px){
    .main-container .main-left .board-list-wrap {
        padding: 0 0 24px 0;
        border: 0;
        background-color: white;
        margin-bottom: 0;
    }
    
    .main-container .main-left .board-list-wrap > div{
        padding: 18px 15px;
    }

    .main-container .main-left .board-list-wrap .top-wrap,
    .main-container .main-left .board-list-wrap .content-wrap .btn-wrap{
        padding: 12px;
    }

    .main-container .main-left .board-list-wrap .content-wrap .btn-wrap{
        border-bottom: 1px solid #E7E6E6;
    }

    .main-container .main-left .board-list-wrap .top-wrap{
        margin-bottom: 0;
        padding-bottom: 0;
        padding-top: 18px;
    }

    .main-container .main-left .board-list-wrap .content-wrap{
        padding-bottom: 10px;
    }

    .main-container .main-left .board-list-wrap .content-wrap .list-area.event .list-box .content-box .info-box .nick{
        display: flex;
        align-items: center;
    }
    
    .main-container .main-left .board-list-wrap .content-wrap .list-area.event .list-box .content-box .info-box .nick img{
        margin-right: 3px;
    }

    .main-container .main-left .board-list-wrap .content-wrap .list-area { border: 0 !important; } 
    .main-container .main-left .board-list-wrap .content-wrap .list-area .head-box { padding: 12px !important; } 
    .main-container .main-left .board-list-wrap .content-wrap .list-area .list-box { padding: 12px !important; } 

    /* 목록 공지 */
    .main-container .main-left .board-list-wrap .content-wrap .list-area.basic { border: 0; } 
    .main-container .main-left .board-list-wrap .content-wrap .list-area.basic .head-notice-box { padding: 12px 0; } 
    .main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-notice-box,
    .main-container .main-left .board-list-wrap .content-wrap .list-area.event .list-notice-box {
        padding: 12px;
    }

    /* 본문 */
    .cu-view-wrap { border: 0; padding: 24px 0; } 

    .cu-view-wrap .view-title .cu-view-subj{
        font-size: 22px;
    }

    #bo_v{
        margin-bottom: 0;
        padding-top: 10px;
    }

	#bo_vc{
		margin-top: 20px;
	}

	#bo_vc .bo_vl_opt{
		top: -7px;
	}
}

@media all and (max-width: 570px) { 

    #bo_v_con{
        margin: 10px 0 20px;
    }

    .cu-view-wrap .view-title .cu-view-cate{
        font-size: 14px;
    }
    
    .cu-view-wrap .view-title .cu-view-subj{
        font-size: 18px;
    }

    .cu-view-wrap .act-wrap .heart-box{
        font-size: 14px;
    }

    .cu-view-wrap .act-wrap .share-box{
        font-size: 14px;
    }

    .main-container .main-left .board-list-wrap .top-wrap .tit-box h1{
        font-size: 18px;
        font-weight: normal;
        margin-top: 2px;
    }

    .main-container .main-left .board-list-wrap .top-wrap .cate-box{
        margin: 12px 0;
        margin-bottom: 0;
    }

    .main-container .main-left .board-list-wrap .content-wrap{
        padding-bottom: 0;
    }

    .main-container .main-left .board-list-wrap .content-wrap .btn-wrap{
        flex-wrap: wrap;
    }
    
    /* .main-container .main-left .board-list-wrap .content-wrap ul .list-box .thumb-img { min-width: 90px; } */
    .main-container .main-left .board-list-wrap .content-wrap .list-area .list-box .content-box .subj-box { flex-direction: column; align-items: start !important; gap: 8px 0 !important; } 
    /* .main-container .main-left .board-list-wrap .content-wrap .list-area .list-box .content-box .info-box { flex-wrap: wrap !important; }  */
    .main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-box .rate { flex-basis: 30px; height: auto; font-size: 10px; } 
    .main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-notice-box .content-box .subj-box .comment-cnt { font-size: 13px; } 
    .main-container .main-left .board-list-wrap .content-wrap .list-area.event .list-box .end-btn { flex-basis: 47px; margin-left: 10px; font-size: 10px; } 

    /* .main-container .main-left .board-list-wrap .page-wrap ul li:not(.txt) { display: none; } */
    /* 모바일 게시판 댓글 부분 */
    .main-container .main-left .board-list-wrap .content-wrap .list-area .list-box .content-box .subj-box { white-space: normal !important; margin-bottom: 5px !important; } 
    .main-container .main-left .board-list-wrap .content-wrap .list-area .list-box .content-box .subj-box .cate-box { font-size: 12px !important; } 
    .main-container .main-left .board-list-wrap .content-wrap .list-area .list-box .content-box .info-box { font-size: 12px !important; } 
    .main-container .main-left .board-list-wrap .content-wrap .list-area .list-box .content-box .info-box .info img { width: 15px !important; } 
    .main-container .main-left .board-list-wrap .content-wrap .list-area .list-box .content-box .info-box .nick a { font-size: 12px !important; } 
    .main-container .main-left .board-list-wrap .content-wrap .list-area.event .list-box.start .tag { font-size: 12px; } 

    /* 목록 공지 */
    .main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-notice-box .content-box .subj-box .subj-area .subj,
    .main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-box .content-box .subj-box .subj-area .subj,
    .main-container .main-left .board-list-wrap .content-wrap .list-area.event .list-box .content-box .subj-box .subj-area .subj{
        font-size: 14px;
        line-height: 19px;
        word-break: break-all;
    }
    
    .main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-notice-box .content-box .info-box { flex-wrap: wrap; font-size: 12px; } 

    .main-container .main-left .board-list-wrap .search-wrap .search-txt-box input { width: 100%; } 
    .main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-notice-box .content-box .subj-box .subj-area .cate-tag-wrap,
    .main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-box .content-box .subj-box .subj-area .subj .cate-tag-wrap,
    .main-container .main-left .board-list-wrap .content-wrap .list-area.event .list-box .content-box .subj-box .subj-area .subj .cate-tag-wrap{
        /* margin: 0; */
    }

    .main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-notice-box .content-box .subj-box .cate,
    .main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-box .content-box .subj-box .cate,
    .main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-box .content-box .subj-box .region,
    .main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-box.end .tag,
    .main-container .main-left .board-list-wrap .content-wrap .list-area.event .list-box.end .tag{
        font-size: 12px;
    }

    .main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-box .content-box .subj-box .subj-area .subj .cate-tag-wrap.cate-tag-rate-wrap{
        display: flex;
        gap: 0 5px;
        white-space: nowrap;
        line-height: normal;
        margin-bottom: 3px;
    }

    .main-container .main-left .board-list-wrap .content-wrap .list-area.basic .list-box .content-box .subj-box .subj-area .subj .subj-text.review .review-subj-text{
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
    }
    
    /* event 게시판 공지사항 .subj-box 스타일 (basic과 동일하게 수정) */
    .main-container .main-left .board-list-wrap .content-wrap .list-area.event .list-notice-box .content-box .subj-box {
        flex-direction: column;
        align-items: start !important;
        gap: 8px 0 !important;
    }
    .main-container .main-left .board-list-wrap .content-wrap .list-area.event .list-notice-box .content-box .subj-box .subj-area .subj {
        font-size: 14px;
        line-height: 19px; /* basic과 동일하게 line-height도 명시 */
    }
    .main-container .main-left .board-list-wrap .content-wrap .list-area.event .list-notice-box .content-box .subj-box .subj-area .cate-tag-wrap {
        /* margin: 0; */
    }
    .main-container .main-left .board-list-wrap .content-wrap .list-area.event .list-notice-box .content-box .subj-box .cate-tag-wrap .cate,
    .main-container .main-left .board-list-wrap .content-wrap .list-area.event .list-notice-box .content-box .subj-box .cate-tag-wrap .tag {
        font-size: 12px;
    }
    .main-container .main-left .board-list-wrap .content-wrap .list-area.event .list-notice-box .content-box .subj-box .comment-cnt {
        font-size: 13px;
    }
    .main-container .main-left .board-list-wrap .content-wrap .list-area.event .list-notice-box .content-box .info-box {
        font-size: 12px;
    }

    .main-container .main-left .board-list-wrap .page-wrap{
        margin-bottom: 0;
    }
    
    .cu-view-wrap .earn-petcoin-wrap{
        margin: 10px 0;
        margin-bottom: 30px;
        font-size: 13px;
        padding: 10px 15px;
    }

    .cu-view-wrap .earn-petcoin-wrap .earn-petcoin-right img{
        margin-left: 0;
    }
        
    #bo_v_atc .naver-map-container .naver-map-view {
        height: 240px;
    }
}

@media all and (max-width: 480px) {
    .main-container .main-left .board-list-wrap .content-wrap .btn-wrap select.with-board-select{
        flex: 1 0 auto;
    }
}