/* 블로그 운영 style start */
.community-wrapper {
    width: 100%;
    height: auto;
    display: flex;
    gap: 100px;
    padding: 50px 0 100px;
}
.community-wrapper .menu-box {
    width: 200px;
    height: auto;
    display: flex;
    flex-direction: column;
}
.community-wrapper .menu-box .menu-header {
    width: 100%;
    height: 90px;
    padding: 20px 0;
    display: flex;
    align-items: flex-end;
    font-size: 22px;
    font-weight: 700;
    color: #111;
    border-bottom: 1px solid #313131;
}
.community-wrapper .menu-box .menus {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}
.community-wrapper .menu-box .menus .menu-item {
    width: 100%;
    height: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 18px;
    font-size: 15px;
    font-weight: 600;
    color: #797979;
    border-bottom: 1px solid #ddd;
}
.community-wrapper .menu-box .menus .menu-item.active {
    font-size: 17px;
    font-weight: 700;
    color: #111;
}
.community-wrapper .menu-box .menus .sub-menus {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 15px;
    border-bottom: 1px solid #ddd;
    padding: 20px 0 20px 25px;
}
.community-wrapper .menu-box .menus .sub-menus .sub-menu-item {
    width: 100%;
    height: auto;
}
.community-wrapper .menu-box .menus .sub-menus .sub-menu-item.active a {
    color: #111;
}
.community-wrapper .menu-box .menus .sub-menus .sub-menu-item a {
    width: 100%;
    height: 100%;
    font-size: 15px;
    font-weight: 500;
    color: #797979;
}
.community-wrapper .holding-point-box {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}
.community-wrapper .holding-point-box .icon {
    width: 20px;
    height: 20px;
}
.community-wrapper .holding-point-box .holding-point {
    font-size: 15px;
    font-weight: 700;
    color: #111;
}
.community-wrapper .community-contents {
    width: calc(100% - 300px);
    height: auto;
    display: flex;
    flex-direction: column;
}
.community-wrapper .community-contents.partnership {
    margin:0 auto;

}
.community-wrapper .community-contents .community-contents-description {
    width: 100%;
    /* height: 150px; */
    padding: 30px;
    background-color: #f9f9f9;
}
.community-wrapper .community-contents .community-contents-description p {
    font-size: 15px;
    line-height: 24px;
    color: #111;
}
.community-wrapper .community-contents .community-contents-description p.notice-text{
    white-space:pre-line;;
}
.community-wrapper .community-contents .community-contents-header {
    width: 100%;
    height: 90px;
    padding: 20px 0;
    flex-direction: column;
    font-size: 22px;
    font-weight: 700;
    color: #111;
    border-bottom: 1px solid #313131;
}
.community-wrapper .community-contents.partnership .community-contents-header{
    height:unset;
}
.community-wrapper .community-contents .community-contents-header .community-header-contents {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px;
}
.community-wrapper .community-contents .community-contents-button-wrap {
    display: flex;
    justify-content: space-between;
    /*height: 40px;*/
    margin: 20px 0;
}
.community-wrapper .community-contents .community-contents-button-wrap div {
    display: flex;
    gap: 10px;
}
.community-wrapper .community-contents .community-contents-button-wrap a {
    display: inline-block;
    /*width: 140px;*/
    padding: 12px;
    font-size: 14px;
    color: #111;
    border: 1px solid #afafaf;
    border-radius: 5px;
}

.community-wrapper .community-contents .community-contents-body {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}
.community-wrapper .community-contents .community-contents-body .info-edit-form {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px 30px 30px;
    /*border-bottom: 1px solid #ddd;*/
}
.community-contents.blog .community-contents-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
}

.community-contents.blog.write .community-contents-header {
    align-items: flex-start;
    padding-bottom: 20px;
}
.community-contents.blog .community-contents-header .blog-write-btn {
    width: auto;
    height: 40px;
    line-height: 40px;
    padding: 0 24px;
    border-radius: 5px;
    background-color: #30a254;
    font-size: 15px;
    color: #fff;
}
.community-contents.blog .blog-list-wrapper {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    border-top: 1px solid #111;
}
.community-contents.blog .blog-list-wrapper .qna-no-item-box {
    width: 100%;
    height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
}
.community-contents.blog .blog-list-wrapper .qna-no-item-box img {
    width: 130px;
}
.community-contents.blog .blog-list-wrapper .qna-no-item-box .text {
    font-size: 15px;
    color: #8e8e8e;
}
.community-contents.blog .blog-list-wrapper .blog-item-wrapper {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 10px;
    gap: 35px;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
}
.community-contents.blog .blog-list-wrapper .blog-item-wrapper .info-box {
    width: 137px;
    /*height: 60px;*/
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0 16px;
    border-radius: 50%;
    font-size: 13px;
    color: #8e8e8e;
}

.community-contents.blog .blog-list-wrapper .blog-item-wrapper.increase_reivew_list .info-box{
    gap:5px;

}

.community-contents.blog .blog-list-wrapper .blog-item-wrapper .info-box .nickname {
    height: auto;
    font-size: 13px;
    color: #8e8e8e;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 두 줄 */
    -webkit-box-orient: vertical;
}

/*.community-contents.blog .blog-list-wrapper .blog-item-wrapper .item-body {
    !*width: calc(100% - 95px);*!
    height: 100%;
    display: flex;
}*/

.blog-list-wrapper .item-body {
    width: calc(100% - 95px);
    height: 100%;
    display: flex;
    gap: 20px;
}
.blog-list-wrapper .item-body .item-info {
    width: 25%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    font-size: 13px;
}

.blog-list-wrapper .item-body .item-info ul {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.blog-list-wrapper .item-body .item-status {
    width: 70px;
    height: 20px;
    background-color: #dbdbdb;
    text-align: center;
    line-height: 20px;
    color: #616161;
}
.blog-list-wrapper .item-body .item-status.success {
    background-color: #cee9d6;
    color: #111111;
}
.blog-list-wrapper .item-body .item-status.my-write {
    background-color: #fee574;
    color: #111111;
}
.blog-list-wrapper .item-body .item-status.reject {
    background-color: #ffe3bb;
    color: #111111;
}


.blog-list-wrapper .item-body .item-contents {
    width: 100%;
}
.blog-list-wrapper .item-body .title-box-wrap {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 20px;
}
.blog-list-wrapper .item-body .title-box-wrap .title-box {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 16px;
    font-weight: 700;
}
.blog-list-wrapper .item-body .title-box-wrap .title-box .category {
    color: #30a254;
}
.blog-list-wrapper .item-body .title-box-wrap .title-box .title {
    color: #111;
}
.blog-list-wrapper .item-body .title-box-wrap .write-date {
    font-family: Roboto;
    font-size: 15px;
    color: #8e8e8e;
}
.blog-list-wrapper .item-body .contents {
    width: 100%;
    height: auto;
    line-height: 1.6;
    font-size: 15px;
    color: #8e8e8e;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 두 줄 */
    -webkit-box-orient: vertical;
}


.blog-list-wrapper .mark {
    display: inline-block;
    /*font-size: 16px;*/
    font-weight: 700;
    color: #fff;
    /*min-width: 26px;*/
    /*height: 20px;*/
    text-align: center;
    /*vertical-align: middle;*/
    /*padding: 0 3px;*/
    margin-right:3px;
}

.blog-list-wrapper .mark-wrap{
    width:200px;
    white-space:nowrap;
    font-weight:500;
    background: #cee9d6a3;
    padding: 10px;
    color: #111;
    border-radius: 8px;
    font-size: 14px;
    text-align:center;
}
.blog-list-wrapper .mark.mark-red{
    color: #ef3d19;
}
.blog-list-wrapper .mark.mark-blue{
    color: #223ee5;
}
.blog-list-wrapper .mark.mark-dark{
    color: #363636;
}

.community-contents.blog .blog-list-pagination {
    width: 100%;
    height: auto;
    padding: 40px 0 50px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.community-contents.blog .community-contents-body .inquiry-contents {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.community-contents.blog .community-contents-body .inquiry-contents .title-box-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.community-contents.blog .community-contents-body .inquiry-contents .title-box-wrap .title-box {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 16px;
    font-weight: 700;
}
.community-contents.blog .community-contents-body .inquiry-contents .title-box-wrap .title-box .category {
    color: #30a254;
}
.community-contents.blog .community-contents-body .inquiry-contents .title-box-wrap .title-box .title {
    color: #111;
}
.community-contents.blog .community-contents-body .inquiry-contents .title-box-wrap .write-date {
    font-family: Roboto;
    font-size: 15px;
    color: #8e8e8e;
}
.community-contents.blog .community-contents-body .inquiry-contents .contents {
    font-size: 15px;
    line-height: 1.73;
    color: #111;
}
.community-contents.blog .community-contents-body .answer-contents {
    width: 100%;
    height: auto;
    padding: 40px;
    background-color: #f6f6f6;
    font-size: 15px;
    line-height: 1.73;
    color: #111;
}
.community-contents.blog .community-contents-footer {
    width: 100%;
    height: auto;
    padding: 30px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.community-contents.blog.write .community-contents-footer {
    justify-content: space-between;
}
.community-contents.blog.partnership.write .community-contents-footer{
    justify-content: center;
}

.community-contents.blog.write .community-contents-footer .community-temp-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.community-contents.blog.write .community-contents-footer .community-temp-buttons .button {
    width: auto;
    height: 40px;
    padding: 0 27px;
    text-align: center;
    line-height: 40px;
    font-size: 15px;
    color: #484848;
}
.community-contents.blog.write .community-contents-footer .community-temp-buttons .button.submit {
    border: solid 1px #fdd000;
    background-color: #fdd000;
}
.community-contents.blog.write .community-contents-footer .community-temp-buttons .button.cancel {
    border: solid 1px #ddd;
    background-color: #fff;
}

.community-contents.blog .community-contents-footer .buttons {
    display: flex;
    align-items: center;
    gap: 10px;
}

.community-contents.blog .community-contents-footer .buttons.right .button {
    background-color: #111;
    color: #fff;
}
.community-contents.blog .community-contents-footer .buttons .button {
    width: 80px;
    height: 40px;
    line-height: 40px;
    border: solid 1px #ddd;
    background-color: #fff;
    font-size: 15px;
    text-align: center;
    color: #484848;
}
.community-contents.blog.write .community-contents-body {
    padding: 20px 20px 40px;
    border-bottom: 1px solid #ddd;
}
.community-contents.blog.write .community-contents-body .categories {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.community-contents.blog.write .community-contents-body .categories .category-item.active {
    border: solid 1px #30a254;
    background-color: #30a254;
    color: #fff;
    font-weight: 700;
}
.community-contents.blog.write .community-contents-body .categories .category-item {
    width: auto;
    height: 40px;
    padding: 0 20px;
    border-radius: 5px;
    border: solid 1px #ddd;
    background-color: #fff;
    font-size: 15px;
    line-height: 40px;
    color: #111;
    text-align: center;
    cursor: pointer;
}
.community-contents.blog.write .community-contents-body .categories input[type="radio"] {
    display: none;
}
.community-contents.blog.write .community-contents-body .input-wrap {
    width: 100%;
    height: 50px;
    margin-bottom: 30px;
}
.community-contents.blog.partnership.write .community-contents-body .input-wrap{
    margin-bottom:20px;
}
.community-contents.blog.partnership.write .input-wrap .input-label {
    width: 130px;
    height: 100%;
    line-height: 50px;
    font-size: 16px;
    font-weight: 700;
    color: #111;
}
.community-contents.blog.write .community-contents-body .input-wrap input {
    width: 100%;
    height: 100%;
}
.community-contents.blog.write .community-contents-body .input-wrap input:last-child {
    width: 200px;
}

/*.community-contents.blog.write .community-contents-footer {
    justify-content: center;
}*/

.community-contents.blog.write .community-contents-footer .community-write-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.community-contents.blog.write .community-contents-footer .community-write-buttons .button {
    width: auto;
    height: 40px;
    padding: 0 27px;
    text-align: center;
    line-height: 40px;
    font-size: 15px;
    color: #484848;
}
.community-contents.blog.write .community-contents-footer .community-write-buttons .button.submit {
    border: solid 1px #fdd000;
    background-color: #fdd000;
}
.community-contents.blog.write .community-contents-footer .community-write-buttons .button.cancel {
    border: solid 1px #ddd;
    background-color: #fff;
}
.community-footer-wrap {
    background-color: #ececec;
    padding: 13.5px 0;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    color: #111;
}
.blog-title-wrapper {
    width: 100%;
    height: 40px;
    display: flex;
    padding: 10px 26px;
    background-color: #f9f9f9;
}

.blog-title-wrapper .blog-title {
    width: 170px;
    font-size: 13px;
    text-align: center;
    color: #7a7a7a;
    border-left: 1px solid #dddddd;
}
.blog-title-wrapper .blog-title:first-child {
    border-left: none;
}
.blog-title-wrapper .blog-title a {
    color: #7a7a7a;
    font-weight: 600;
    vertical-align: text-bottom;
}
.blog-title-wrapper .blog-title .title.active {
    color: #30a254;
}
.blog-title-wrapper .blog-title.nick {
    width: 137px;
}
/* 블로그 운영 style end */

/* 이웃 소통 style start */
.community-wrapper {
    width: 100%;
    height: auto;
    display: flex;
    gap: 100px;
    padding: 50px 0 100px;
}
.community-wrapper .menu-box {
    width: 200px;
    height: auto;
    display: flex;
    flex-direction: column;
}
.community-wrapper .menu-box .menu-header {
    width: 100%;
    height: 90px;
    padding: 20px 0;
    display: flex;
    align-items: flex-end;
    font-size: 22px;
    font-weight: 700;
    color: #111;
    border-bottom: 1px solid #313131;
}
.community-wrapper .menu-box .menus {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}
.community-wrapper .menu-box .menus .menu-item {
    width: 100%;
    height: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 18px;
    font-size: 15px;
    font-weight: 600;
    color: #797979;
    border-bottom: 1px solid #ddd;
}
.community-wrapper .menu-box .menus .menu-item.active {
    font-size: 17px;
    font-weight: 700;
    color: #111;
}
.community-wrapper .menu-box .menus .sub-menus {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 15px;
    border-bottom: 1px solid #ddd;
    padding: 20px 0 20px 25px;
}
.community-wrapper .menu-box .menus .sub-menus .sub-menu-item {
    width: 100%;
    height: auto;
}
.community-wrapper .menu-box .menus .sub-menus .sub-menu-item.active a {
    color: #111;
}
.community-wrapper .menu-box .menus .sub-menus .sub-menu-item a {
    width: 100%;
    height: 100%;
    font-size: 15px;
    font-weight: 500;
    color: #797979;
}
.community-wrapper .community-contents .community-contents-body {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}
.community-wrapper .community-contents .community-contents-body .info-edit-form {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px 30px 30px;
    /*border-bottom: 1px solid #ddd;*/
}
.community-contents.neighbor .community-contents-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
}
.community-contents.neighbor .community-contents-header .blog-write-btn {
    width: auto;
    height: 40px;
    line-height: 40px;
    padding: 0 24px;
    border-radius: 5px;
    background-color: #30a254;
    font-size: 15px;
    color: #fff;
}
.community-contents.neighbor .blog-list-wrapper {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    border-top: 1px solid #111;
}
.community-contents.neighbor .blog-list-wrapper .qna-no-item-box {
    width: 100%;
    height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
}
.community-contents.neighbor .blog-list-wrapper .qna-no-item-box img {
    width: 130px;
}
.community-contents.neighbor .blog-list-wrapper .qna-no-item-box .text {
    font-size: 15px;
    color: #8e8e8e;
}
.community-contents.neighbor .blog-list-wrapper .blog-item-wrapper {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 70px 10px 35px;
    gap: 35px;
    border-bottom: 1px solid #ddd;
    /* cursor: pointer; */
}
.community-contents.neighbor .blog-list-wrapper .blog-item-wrapper .mission-btn{
    min-width: 120px;
    height: 40px;
    background-color: #f4f4f4;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #111111;
    position: relative;
}
.community-contents.neighbor .blog-list-wrapper .blog-item-wrapper .mission-btn:hover{
    background-color: #f7eaab;
}
.community-contents.neighbor .blog-list-wrapper .blog-item-wrapper.tag .mission-btn::after{
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    left: calc(100% - 17px);
    width: 69px;
    height: 20px;
    font-family: Nanum Gothic;
    font-size: 12px;
    font-weight: bold;
    color: white;
    
}
.tag.my-content .mission-btn::after{
    content:'나의 신청건';
    background-color: #30a254;
}
.tag.my-content .mission-btn::before{
    content:'';
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #30a254;
    left: calc(100% - 20px);
    transform: rotate(45deg);
}
.tag.attend-content .mission-btn::after{
    content:'참여완료';
    background-color: #1687d6;
}
.tag.attend-content .mission-btn::before{
    content:'';
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #1687d6;
    left: calc(100% - 20px);
    transform: rotate(45deg);
}
.community-contents.neighbor .blog-list-wrapper .blog-item-wrapper .info-box {
    width: 137px;
    /*height: 60px;*/
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0 16px;
    border-radius: 50%;
    font-size: 13px;
    color: #8e8e8e;
}
.community-contents.neighbor .blog-list-wrapper .blog-item-wrapper .info-box .nickname {
    height: auto;
    font-size: 13px;
    color: #8e8e8e;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 두 줄 */
    -webkit-box-orient: vertical;
}

/*.community-contents.blog .blog-list-wrapper .blog-item-wrapper .item-body {
    !*width: calc(100% - 95px);*!
    height: 100%;
    display: flex;
}*/

.blog-list-wrapper .item-body {
    width: calc(100% - 95px);
    height: 100%;
    display: flex;
    gap: 20px;
    align-items:center;
}
.blog-list-wrapper .item-body .item-info {
    width: 25%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    font-size: 13px;
}

.blog-list-wrapper .item-body .item-info ul {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.blog-list-wrapper .item-body .item-status {
    width: 70px;
    height: 20px;
    background-color: #dbdbdb;
    text-align: center;
    line-height: 20px;
    color: #616161;
}
.blog-list-wrapper .item-body .item-status.success {
    background-color: #cee9d6;
    color: #111111;
}

.blog-list-wrapper .item-body .item-contents {
    width: 100%;
}
.blog-list-wrapper .item-body .title-box-wrap {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 20px;
}
.blog-list-wrapper .item-body .title-box-wrap .title-box {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 16px;
    font-weight: 700;
}
.blog-list-wrapper .item-body .title-box-wrap .title-box .category {
    color: #30a254;
}
.blog-list-wrapper .item-body .title-box-wrap .title-box .title {
    color: #111;
}
.blog-list-wrapper .item-body .title-box-wrap .write-date {
    font-family: Roboto;
    font-size: 15px;
    color: #8e8e8e;
}
.blog-list-wrapper .item-body .contents {
    width: 100%;
    height: auto;
    line-height: 1.6;
    font-size: 15px;
    color: #8e8e8e;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 두 줄 */
    -webkit-box-orient: vertical;
}

.community-contents.neighbor .blog-list-pagination {
    width: 100%;
    height: auto;
    padding: 40px 0 50px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.community-contents.neighbor.view .community-contents-body {
    padding: 40px 30px;
    /* border-bottom: 1px solid #ddd; */
    gap: 40px;
}
.community-contents.neighbor .community-contents-body .inquiry-contents {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.community-contents.neighbor .community-contents-body .inquiry-contents .title-box-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.community-contents.neighbor .community-contents-body .inquiry-contents .title-box-wrap .title-box {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 16px;
    font-weight: 700;
}
.community-contents.neighbor .community-contents-body .inquiry-contents .title-box-wrap .title-box .category {
    color: #30a254;
}
.community-contents.neighbor .community-contents-body .inquiry-contents .title-box-wrap .title-box .title {
    color: #111;
}
.community-contents.neighbor .community-contents-body .inquiry-contents .title-box-wrap .write-date {
    font-family: Roboto;
    font-size: 15px;
    color: #8e8e8e;
}
.community-contents.neighbor .community-contents-body .inquiry-contents .contents {
    font-size: 15px;
    line-height: 1.73;
    color: #111;
}
.community-contents.neighbor .community-contents-body .answer-contents {
    width: 100%;
    height: auto;
    padding: 40px;
    background-color: #f6f6f6;
    font-size: 15px;
    line-height: 1.73;
    color: #111;
}
.community-contents.neighbor .community-contents-footer {
    width: 100%;
    height: auto;
    padding: 30px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.community-contents.neighbor .community-contents-footer .buttons {
    display: flex;
    align-items: center;
    gap: 10px;
}
.community-contents.neighbor .community-contents-footer .buttons.right .button {
    background-color: #111;
    color: #fff;
}
.community-contents.neighbor .community-contents-footer .buttons .button {
    width: 80px;
    height: 40px;
    line-height: 40px;
    border: solid 1px #ddd;
    background-color: #fff;
    font-size: 15px;
    text-align: center;
    color: #484848;
}
.community-footer-wrap {
    background-color: #ececec;
    padding: 13.5px 0;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    color: #111;
}
.blog-title-wrapper {
    width: 100%;
    height: 40px;
    display: flex;
    padding: 10px 26px;
    background-color: #f9f9f9;
}

.blog-title-wrapper .blog-title {
    width: 170px;
    font-size: 13px;
    text-align: center;
    color: #7a7a7a;
    border-left: 1px solid #dddddd;
}
.blog-title-wrapper .blog-title:first-child {
    border-left: none;
}
.blog-title-wrapper .blog-title a {
    color: #7a7a7a;
    font-weight: 600;
    vertical-align: text-bottom;
}
.blog-title-wrapper .blog-title .title.active {
    color: #30a254;
}
.blog-title-wrapper .blog-title.nick {
    width: 137px;
}
/* 이웃 소통 style end */


/* 체험단 style start */
.community-wrapper .community-contents .community-contents-body {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}
.community-wrapper .community-contents .community-contents-body .info-edit-form {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px 30px 30px;
    /*border-bottom: 1px solid #ddd;*/
}
.community-contents.experience .community-contents-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
}
.community-contents.experience .community-contents-header .blog-write-btn {
    width: auto;
    height: 40px;
    line-height: 40px;
    padding: 0 24px;
    border-radius: 5px;
    background-color: #30a254;
    font-size: 15px;
    color: #fff;
}
.community-contents.experience .blog-list-wrapper {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    border-top: 1px solid #111;
}
.community-contents.experience .blog-list-wrapper .qna-no-item-box {
    width: 100%;
    height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
}
.community-contents.experience .blog-list-wrapper .qna-no-item-box img {
    width: 130px;
}
.community-contents.experience .blog-list-wrapper .qna-no-item-box .text {
    font-size: 15px;
    color: #8e8e8e;
}
.community-contents.experience .blog-list-wrapper .blog-item-wrapper {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 10px;
    gap: 35px;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
}
.community-contents.experience .blog-list-wrapper .blog-item-wrapper .info-box {
    width: 137px;
    /*height: 60px;*/
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0 16px;
    border-radius: 50%;
    font-size: 13px;
    color: #8e8e8e;
}
.community-contents.experience .blog-list-wrapper .blog-item-wrapper .info-box .nickname {
    height: auto;
    font-size: 13px;
    color: #8e8e8e;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 두 줄 */
    -webkit-box-orient: vertical;
}

/*.community-contents.blog .blog-list-wrapper .blog-item-wrapper .item-body {
    !*width: calc(100% - 95px);*!
    height: 100%;
    display: flex;
}*/

.blog-list-wrapper .item-body {
    width: calc(100% - 95px);
    height: 100%;
    display: flex;
    gap: 20px;
}
.blog-list-wrapper .item-body .item-info {
    width: 25%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    font-size: 13px;
}

.blog-list-wrapper .item-body .item-info ul {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.blog-list-wrapper .item-body .item-status {
    width: 70px;
    height: 20px;
    background-color: #dbdbdb;
    text-align: center;
    line-height: 20px;
    color: #616161;
}
.blog-list-wrapper .item-body .item-status.success {
    background-color: #cee9d6;
    color: #111111;
}

.blog-list-wrapper .item-body .item-contents {
    width: 100%;
}
.blog-list-wrapper .item-body .title-box-wrap {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 20px;
}
.blog-list-wrapper .item-body .title-box-wrap .title-box {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 16px;
    font-weight: 700;
}
.blog-list-wrapper .item-body .title-box-wrap .title-box .category {
    color: #30a254;
}
.blog-list-wrapper .item-body .title-box-wrap .title-box .title {
    color: #111;
}
.blog-list-wrapper .item-body .title-box-wrap .write-date {
    font-family: Roboto;
    font-size: 15px;
    color: #8e8e8e;
}
.blog-list-wrapper .item-body .contents {
    width: 100%;
    height: auto;
    line-height: 1.6;
    font-size: 15px;
    color: #8e8e8e;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 두 줄 */
    -webkit-box-orient: vertical;
}

.community-contents.experience .blog-list-pagination {
    width: 100%;
    height: auto;
    padding: 40px 0 50px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.community-contents.experience.view .community-contents-body {
    padding: 30px 20px;
    border-bottom: 1px solid #ddd;
    gap: 40px;
}
.community-contents.experience .community-contents-body .inquiry-contents {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.community-contents.experience .community-contents-body .inquiry-contents .title-box-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.community-contents.experience .community-contents-body .inquiry-contents .title-box-wrap .title-box {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 16px;
    font-weight: 700;
}
.community-contents.experience .community-contents-body .inquiry-contents .title-box-wrap .title-box .category {
    color: #30a254;
}
.community-contents.experience .community-contents-body .inquiry-contents .title-box-wrap .title-box .title {
    color: #111;
}
.community-contents.experience .community-contents-body .inquiry-contents .title-box-wrap .write-date {
    font-family: Roboto;
    font-size: 15px;
    color: #8e8e8e;
}
.community-contents.experience .community-contents-body .inquiry-contents .contents {
    font-size: 15px;
    line-height: 1.73;
    color: #111;
}
.community-contents.experience .community-contents-body .answer-contents {
    width: 100%;
    height: auto;
    padding: 40px;
    background-color: #f6f6f6;
    font-size: 15px;
    line-height: 1.73;
    color: #111;
}
.community-contents.experience .community-contents-footer {
    width: 100%;
    height: auto;
    padding: 30px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.community-contents.experience .community-contents-footer .buttons {
    display: flex;
    align-items: center;
    gap: 10px;
}
.community-contents.experience .community-contents-footer .buttons.right .button {
    background-color: #111;
    color: #fff;
}
.community-contents.experience .community-contents-footer .buttons .button {
    width: 80px;
    height: 40px;
    line-height: 40px;
    border: solid 1px #ddd;
    background-color: #fff;
    font-size: 15px;
    text-align: center;
    color: #484848;
}
.community-contents.experience.write .community-contents-body {
    padding: 20px 20px 40px;
    border-bottom: 1px solid #ddd;
}
.community-contents.experience.write .community-contents-body .categories {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.community-contents.experience.write .community-contents-body .categories .category-item.active {
    border: solid 1px #30a254;
    background-color: #30a254;
    color: #fff;
    font-weight: 700;
}
.community-contents.experience.write .community-contents-body .categories .category-item {
    width: auto;
    height: 40px;
    padding: 0 20px;
    border-radius: 5px;
    border: solid 1px #ddd;
    background-color: #fff;
    font-size: 15px;
    line-height: 40px;
    color: #111;
    text-align: center;
    cursor: pointer;
}
.community-contents.experience.write .community-contents-body .categories input[type="radio"] {
    display: none;
}

.community-contents.experience.write .community-contents-body .input-wrap {
    width: 100%;
    height: 50px;
    margin-bottom: 30px;
}
.community-contents.experience.write .community-contents-body .input-wrap input {
    width: 100%;
    height: 100%;
}

.community-contents.experience.write .community-contents-footer {
    justify-content: center;
}
.community-contents.experience.write .community-contents-footer .mypage-write-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.community-contents.experience.write .community-contents-footer .mypage-write-buttons .button {
    width: auto;
    height: 40px;
    padding: 0 27px;
    text-align: center;
    line-height: 40px;
    font-size: 15px;
    color: #484848;
}
.community-contents.experience.write .community-contents-footer .mypage-write-buttons .button.submit {
    border: solid 1px #fdd000;
    background-color: #fdd000;
}
.community-contents.experience.write .community-contents-footer .mypage-write-buttons .button.cancel {
    border: solid 1px #ddd;
    background-color: #fff;
}
.community-footer-wrap {
    background-color: #ececec;
    padding: 13.5px 0;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    color: #111;
}
.blog-title-wrapper {
    width: 100%;
    height: 40px;
    display: flex;
    padding: 10px 26px;
    background-color: #f9f9f9;
}

.blog-title-wrapper .blog-title {
    width: 170px;
    font-size: 13px;
    text-align: center;
    color: #7a7a7a;
    border-left: 1px solid #dddddd;
}
.blog-title-wrapper .blog-title:first-child {
    border-left: none;
}
.blog-title-wrapper .blog-title a {
    color: #7a7a7a;
    font-weight: 600;
    vertical-align: text-bottom;
}
.blog-title-wrapper .blog-title .title.active {
    color: #30a254;
}
.blog-title-wrapper .blog-title.nick {
    width: 137px;
}
/* 체험단 style end */

.check-mark{
    margin: 0 auto;
    width: 20px;
    height: 15px;
    cursor:pointer;
    background:url('/images/table-check.png') no-repeat center center/cover;
}
.check-mark.active{
    background:url('/images/table-check-sel.png') no-repeat center center/cover;
}

.community-wrapper .community-contents .community-contents-button-wrap a.dark-gray {
    background: #9a9a9a;
    border: none;
    color: #fff;
}

p.notify:before {
    content: "!";
    display: inline-block;
    color: #ec1010;
    font-weight: bold;
}
p.notify {
    display: flex;
    gap: 5px;
    font-size: 12px;
    color: #7b7b7b;
}




.community-contents.blog.partnership.write .community-contents-body .input-wrap input{
    width:100% !important;
    margin-right:unset !important;
}