@charset "utf-8";

.sboard-wrap {
    position: relative;
    padding: 100px 20px;
}

.sboard-wrap.pt_0{padding-top:0;}
.sboard-wrap.pb_20{padding-bottom:20px;}

.sboard-wrap .flex-box {
    margin: 0 0 25px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.sboard-wrap .search-box {}

.sboard-wrap .search-box form {
    display: flex;
    align-items: center;
    width: 518px;
    height: 50px;
    border: 1px solid #bdbdbd;
    padding: 0 20px;
}

.sboard-wrap .search-box form:before {
    content: '';
    width: 35px;
    height: 35px;
    background: url("../img/common/ic_search_bk.svg") no-repeat center;
    flex: 0 0 auto;
}

.sboard-wrap .search-box form input {
    width: 100%;
    height: 50px;
    border: 0;
    background: transparent;
    font-size: 15px;
}

.sboard-wrap .util-box {
    display: flex;
    align-items: center;
    gap: 20px;
}

.sboard-wrap .util-box .util-btn {}

.sboard-wrap .util-box .util-btn .util-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    cursor: pointer;
    max-width: 100%;
    width: 170px;
    height: 45px;
    border: 1px solid #049871;
    padding: 0 20px;
    font-size: 16px;
    font-weight: 600;
    color: #049871;
}

.sboard-wrap .util-box .util-btn .util-menu {
    display: none;
}

.sboard-wrap .util-box .util-btn.util-filter .util-group:after {
    content: '';
    width: 25px;
    height: 25px;
    background: url("../img/common/ic_filter.svg") no-repeat center / contain;
}

.sboard-wrap .util-box .util-btn.util-sort .util-group:after {
    content: '';
    width: 25px;
    height: 25px;
    background: url("../img/common/ic_sort.svg") no-repeat center / contain;
}

/* Sort by 드롭다운 레이어 */
.sboard-wrap .util-box .util-btn.util-sort {
    position: relative;
}
.sboard-wrap .util-box .util-btn.util-sort .util-group {
    cursor: pointer;
    user-select: none;
}
.sboard-wrap .util-box .util-btn.util-sort.open .util-menu {
    display: block;
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    min-width: 150px;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
    z-index: 100;
    overflow: hidden;
}
.sboard-wrap .util-box .util-btn.util-sort .util-menu ul {
    padding: 6px 0;
    list-style: none;
}
.sboard-wrap .util-box .util-btn.util-sort .util-menu ul li a {
    display: block;
    padding: 10px 18px;
    font-size: 15px;
    font-weight: 500;
    color: #424242;
    white-space: nowrap;
    transition: background 0.15s;
}
.sboard-wrap .util-box .util-btn.util-sort .util-menu ul li a:hover {
    background: #f5f5f5;
    color: #049871;
}
.sboard-wrap .util-box .util-btn.util-sort .util-menu ul li.active a {
    color: #049871;
    font-weight: 700;
    background: #f0faf7;
}


.sboard-wrap .target-box {
    margin: 0 0 40px 0;
    padding: 15px 25px;
    width: 100%;
    border-radius: 10px;
    background: #f5f5f5;
}

.sboard-wrap .target-box .tit {
    line-height: 30px;
    font-size: 20px;
    font-weight: 600;
    color: #424242;
    margin: 0 0 10px;
}

.sboard-wrap .target-box .txt {}

.sboard-wrap .target-box .txt+.txt {
    border-top: 1px solid #e0e0e0;
    padding: 10px 0 0 0;
    margin: 10px 0 0 0;
}

.sboard-wrap .target-box .txt ul {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
}

.sboard-wrap .target-box .txt ul li {
    display: flex;
    align-items: center;
    height: 44px;
}

.sboard-wrap .target-box .txt ul li>label {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.sboard-wrap .target-box .txt ul li>label input {
    display: none;
}

.sboard-wrap .target-box .txt ul li>label input~i {
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    background: url("../img/common/ic_checkbox.svg") no-repeat center / contain;
}

.sboard-wrap .target-box .txt ul li>label input~span {
    font-size: 16px;
    font-weight: 500;
    color: #424242;
    text-transform: capitalize;
}

.sboard-wrap .target-box .txt ul li>label input:checked~i {
    background: url("../img/common/ic_checkbox_on.svg") no-repeat center / contain;
}

.sboard-wrap .write-box {
    padding: 50px;
    border-top: 2px solid #212121
}

.sboard-wrap .write-box .form-area {}

.sboard-wrap .write-box .form-area>ul {}

.sboard-wrap .write-box .form-area>ul>li {
    margin-bottom: 50px;
}

.sboard-wrap .write-box .form-area>ul>li:last-of-type {
    margin-bottom: 0;
}

.sboard-wrap .write-box .form-area .title {
    margin: 0 0 15px 0;
    line-height: 25px;
    font-size: 17px;
    font-weight: 600;
    color: #424242;
}

.sboard-wrap .write-box .form-area .flex-box {
    margin: 0 0 15px 0;
    display: flex;
    gap: 20px;
    align-items: stretch;
}

.sboard-wrap .write-box .form-area .flex-box:last-of-type {
    margin-bottom: 0;
}

.sboard-wrap .write-box .form-area .flex-box .input-box {
    margin: 0;
}

.sboard-wrap .write-box .form-area .flex-box .box {
    flex: 1;
}

.sboard-wrap .write-box .form-area .input-box {
    margin: 0 0 15px 0;
    flex: 1;
    display: flex;
    width: 100%;
    align-items: center;
}

.sboard-wrap .write-box .form-area .input-box:last-of-type {
    margin-bottom: 0;
}

.sboard-wrap .write-box .form-area .input-box>div {
    width: 100%;
}

.sboard-wrap .write-box .form-area .input-box .num {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 10px 0 0;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background: #32c19b;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    text-align: center;
}

.sboard-wrap .write-box .form-area .input-box input[type="text"] {
    padding: 0 20px;
    width: 100%;
    height: 50px;
    border-radius: 10px;
    border: 1px solid #e0e0e0;
    background: #fff;
    background-image: none !important;
    box-shadow: none;
    font-size: 15px;
    color: #212121;
}

.sboard-wrap .write-box .form-area .input-box input[type="text"].datepicker {
    background-image: url("../img/common/ic_calendar.svg") !important;
    background-repeat: no-repeat;
    background-position: right 20px center;
}

.sboard-wrap .write-box .form-area .input-box input[type="password"] {
    padding: 0 20px;
    width: 100%;
    height: 50px;
    border-radius: 10px;
    border: 1px solid #e0e0e0;
    background: #fff;
    background-image: none !important;
    box-shadow: none;
    font-size: 15px;
    color: #212121;
}

.sboard-wrap .write-box .form-area .input-box select {
    display: block;
    padding: 0 20px;
    width: 100%;
    height: 50px;
    border-radius: 10px;
    border: 1px solid #e0e0e0;
    background: #fff url("../img/common/ic_dropdown.svg") no-repeat center right 20px;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 15px;
    color: #212121;
}

.sboard-wrap .write-box .form-area .input-box textarea {
    display: block;
    padding: 20px;
    width: 100%;
    height: 360px;
    border-radius: 10px;
    border: 1px solid #e0e0e0;
    background: #fff;
    font-size: 15px;
    color: #212121;
}

.sboard-wrap .write-box .form-area .input-box iframe {
    background: #fff;
}

.sboard-wrap .write-box .form-area .input-box .smarteditor2 {
    width: 100%;
}

.sboard-wrap .write-box .form-area .btn-box {
    display: flex;
    gap: 8px;
}

.sboard-wrap .write-box .form-area .btn-box .btn {
    display: flex;
    align-items: center;
    justify-content: Center;
    width: 50px;
    height: 50px;
    border-radius: 10px;
    background: #424242;
}

.sboard-wrap .write-box .form-area .btn-box .btn.btn-add:before {
    content: '';
    width: 14px;
    height: 14px;
    background: url("../img/common/ic_btn_add.svg") no-repeat center / contain;
}

.sboard-wrap .write-box .form-area .btn-box .btn.btn-delete:before {
    content: '';
    width: 14px;
    height: 14px;
    background: url("../img/common/ic_btn_delete.svg") no-repeat center / contain;
}

.sboard-wrap .write-box .form-area .file-box {}

.sboard-wrap .write-box .form-area .file-box .file-btn {
    display: flex;
    align-items: center;
}

.sboard-wrap .write-box .form-area .file-box .file-btn label {
    display: flex;
    align-items: center;
    gap: 20px;
    width: 100%;
}

.sboard-wrap .write-box .form-area .file-box .file-btn label input {
    display: none;
}

.sboard-wrap .write-box .form-area .file-box .file-btn label span {
    flex: 1;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 20px;
    font-size: 16px;
    font-weight: 400;
    color: #9e9e9e;
    border: 1px solid #e0e0e0;
    text-align: left;
    border-radius: 10px;
    background: #fff;
}

.sboard-wrap .write-box .form-area .file-box .file-btn label p {
    flex: 0 0 auto;
    width: 160px;
    height: 50px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    font-size: 16px;
    font-weight: 600;
    color: #049871;
    border: 1px solid rgb(4 152 113 / 50%);
    text-align: center;
    cursor: pointer;
}

.sboard-wrap .write-box .form-area .file-box .file-list {
    margin-top: 15px;
}

.sboard-wrap .write-box .form-area .file-box .file-list ul {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.sboard-wrap .write-box .form-area .file-box .file-list ul li {
    display: flex;
    align-items: center;
    height: 26px;
    gap: 10px;
}

.sboard-wrap .write-box .form-area .file-box .file-list ul li .file_list_txt {
    font-size: 16px;
    font-weight: 500;
    color: #616161;
}

.sboard-wrap .write-box .form-area .file-box .file-list ul li .file_list_del {
    width: 26px;
    height: 26px;
    background: url("../img/common/ic_file_delete.svg")
}

.sboard-wrap .write-box .form-area .subtitle-box {
    padding: 25px;
    background: #fafafa;
}

.sboard-wrap .write-box .form-area .check-box {
    display: flex;
    align-items: center;
    margin: 0 0 20px 0;
    gap: 20px;
}

.sboard-wrap .write-box .form-area .check-box label {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.sboard-wrap .write-box .form-area .check-box label input {
    display: none;
}

.sboard-wrap .write-box .form-area .check-box label input~i {
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    background: url("../img/common/ic_checkbox.svg") no-repeat center / contain;
}

.sboard-wrap .write-box .form-area .check-box label input~span {
    font-size: 16px;
    font-weight: 500;
    color: #424242;
}

.sboard-wrap .write-box .form-area .check-box label input:checked~i {
    background: url("../img/common/ic_checkbox_on.svg") no-repeat center / contain;
}

.sboard-wrap .write-box .form-area.structure-area {
    padding: 25px;
    border-radius: 20px;
    background: #fafafa;
    margin: 0 0 50px;
}

.sboard-wrap .write-box .form-area.structure-area:last-of-type {
    margin-bottom: 0;
}

.sboard-wrap .write-box .form-area.structure-area .btn-box {}

.sboard-wrap .write-box .form-area.structure-area .btn-box .btn {
    border-radius: 0;
    width: 35px;
    height: 35px;
}

.sboard-wrap .write-box .btn-area {
    margin: 40px 0 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.sboard-wrap .write-box .btn-area .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 180px;
    height: 50px;
    max-width: 100%;
    border: 1px solid #e0e0e0;
    font-size: 16px;
    font-weight: 600;
    color: #212121;
}

.sboard-wrap .write-box .btn-area .btn.btn-cancel {
    border: 1px solid #049871;
    background: #ffffff;
    color: #049871;
}

.sboard-wrap .write-box .btn-area .btn.btn-cancel:hover {
    border: 1px solid #03664C;
    background: #fafafa;
    ccolor: #03664C;
}

.sboard-wrap .write-box .btn-area .btn.btn-submit {
    border: 1px solid #049871;
    background: #049871;
    color: #ffffff;
}

.sboard-wrap .write-box .btn-area .btn.btn-submit:hover {
    border: 1px solid #03664C;
    background: #03664C;
    color: #ffffff
}

.sboard-wrap .table-area {
    padding: 0;
    border: 0;
}

.sboard-wrap .table-area .more {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 0 0 20px;
}

.sboard-wrap .table-area .more button {
    display: flex;
    align-items: center;
    gap: 15px;
}

.sboard-wrap .table-area .more button span {
    font-size: 16px;
    font-weight: 500;
    color: #212121;
}

.sboard-wrap .table-area .more button i {
    display: flex;
    width: 35px;
    height: 35px;
    align-items: center;
    justify-content: center;
    background: #424242;
}

.sboard-wrap .table-area .more button i:before {
    content: '';
    width: 14px;
    height: 14px;
    background: url("../img/common/ic_btn_add.svg") no-repeat center / contain;
}

.sboard-wrap .table-area .table {
    border: 1px solid #e0e0e0;
    border-top: 1px solid #212121;
    border-bottom: 0;
}

.sboard-wrap .table-area .table-head {}

.sboard-wrap .table-area .table-head ul {
    padding: 22px 40px;
}

.sboard-wrap .table-area .table-body {}

.sboard-wrap .table-area ul {
    display: flex;
    align-items: center;
    padding: 10px 40px;
    border-bottom: 1px solid #e0e0e0;
}

.sboard-wrap .table-area ul li {
    padding: 0 5px;
    line-height: 26px;
    font-size: 16px;
    font-weight: 500;
    color: #212121;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    letter-spacing: -0.02em;
}

.sboard-wrap .table-area ul li.chk label {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.sboard-wrap .table-area ul li.chk label input {
    display: none;
}

.sboard-wrap .table-area ul li.chk label input~i {
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    background: url("../img/common/ic_checkbox.svg") no-repeat center / contain;
}

.sboard-wrap .table-area ul li.chk label input~span {
    font-size: 16px;
    font-weight: 500;
    color: #424242;
}

.sboard-wrap .table-area ul li.chk label input:checked~i {
    background: url("../img/common/ic_checkbox_on.svg") no-repeat center / contain;
}

.sboard-wrap .table-area ul li.num {}

.sboard-wrap .table-area ul li.txt {}

.sboard-wrap .table-area ul li.btn {}

.sboard-wrap .table-area ul li.btn .btn-01 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    height: 36px;
    font-size: 15px;
    font-weight: 600;
    color: #ffffff;
    border-radius: 10px;
    border: 1px solid #049871;
    background: #049871;
}

.sboard-wrap .table-area ul li.btn .btn-01:hover {
    color: #049871;
    background: #e6f7f3;
}

.sboard-wrap .table-area ul li.btn .btn-02 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    height: 36px;
    font-size: 15px;
    font-weight: 600;
    color: #049871;
    border-radius: 10px;
    border: 1px solid #049871;
    background: #ffffff;
}

.sboard-wrap .table-area ul li.btn .btn-02:hover {
    color: #049871;
    background: #e6f7f3;
}

.sboard-wrap .table-area ul li.w40 {
    width: 40px;
}

.sboard-wrap .table-area ul li.w80 {
    width: 80px;
}

.sboard-wrap .table-area ul li.w120 {
    width: 120px;
}

.sboard-wrap .table-area ul li.w150 {
    width: 150px;
}

.sboard-wrap .table-area ul li.w200 {
    width: 200px;
}

.sboard-wrap .table-area ul li.w300 {
    width: 300px;
}

.sboard-wrap .table-area ul li input {
    width: 100%;
    height: 50px;
    border-radius: 10px;
    border: 1px solid #e0e0e0;
    font-size: 15px;
}

.sboard-wrap .table-area ul li .btn {
    display: flex;
    width: 35px;
    height: 35px;
    align-items: center;
    justify-content: center;
    background: #424242;
}

.sboard-wrap .table-area ul li .btn.btn-delete:before {
    content: '';
    width: 14px;
    height: 14px;
    background: url("../img/common/ic_btn_delete.svg") no-repeat center / contain;
}

.sboard-wrap .table-area ul li .sort-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    background: url("../img/common/ic_btn_sort.svg") no-repeat center / contain;
}

.sboard-wrap .board-check-box {
    display: flex;
    align-items: center;
    margin: 0 0 20px 0;
}

.sboard-wrap .board-check-box label {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.sboard-wrap .board-check-box label input {
    display: none;
}

.sboard-wrap .board-check-box label input~i {
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    background: url("../img/common/ic_checkbox.svg") no-repeat center / contain;
}

.sboard-wrap .board-check-box label input~span {
    font-size: 16px;
    font-weight: 500;
    color: #424242;
}

.sboard-wrap .board-check-box label input:checked~i {
    background: url("../img/common/ic_checkbox_on.svg") no-repeat center / contain;
}

.sboard-wrap .board-list-box {
    margin: 0 0 40px 0;
}

.sboard-wrap .board-list-box ul {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    border: 1px solid #e0e0e0;
    border-top: 1px solid #424242;
    border-bottom: 0;
}

.sboard-wrap .board-list-box li {
    position: relative;
    border-bottom: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
}

.sboard-wrap .board-list-box li:nth-child(5n) {
    border-right: 0;
}

.sboard-wrap .board-list-box li.empty_list {
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sboard-wrap .board-list-box .chk {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 11;
}

.sboard-wrap .board-list-box .chk label {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.sboard-wrap .board-list-box .chk label input {
    display: none;
}

.sboard-wrap .board-list-box .chk label input~i {
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    background: url("../img/common/ic_checkbox.svg") no-repeat center / contain;
}

.sboard-wrap .board-list-box .chk label input~span {
    font-size: 16px;
    font-weight: 500;
    color: #424242;
}

.sboard-wrap .board-list-box .chk label input:checked~i {
    background: url("../img/common/ic_checkbox_on.svg") no-repeat center / contain;
}

.sboard-wrap .board-list-box .box {
    display: flex;
    padding: 30px;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 400px;
}

.sboard-wrap .board-list-box .box:hover .img img {
    transform: scale(1.1);
}

.sboard-wrap .board-list-box .box:hover .subject {
    text-decoration: underline;
}

.sboard-wrap .board-list-box .img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 16/9; 
    overflow: hidden;
    background: #f5f5f5;
    font-size: 13px;
    font-weight: 700;
    color: #999;
    text-transform: uppercase;
}

.sboard-wrap .board-list-box .img a {
    width: 100%;
    height: 100%;
}

.sboard-wrap .board-list-box .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s;
}

.sboard-wrap .board-list-box .img.document-img {
    aspect-ratio: 1/1.4;
    height: auto;
}

.sboard-wrap .board-list-box .con {
    position: relative;
    padding: 30px 0 0 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1;
}

.sboard-wrap .board-list-box .category {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sboard-wrap .board-list-box .category span {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 8px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-transform: capitalize;
}

.sboard-wrap .board-list-box .category .category_1 {
    background: #32c19b;
    border-color: #32c19b;
    color: #ffffff;
}

.sboard-wrap .board-list-box .category .category_2 {
    background: #456bdc;
    border-color: #456bdc;
    color: #ffffff;
}

.sboard-wrap .board-list-box .category .category_3 {
    background: #9e9e9e;
    border-color: #9e9e9e;
    color: #ffffff;
}

.sboard-wrap .board-list-box .category .cat_1 {
    background: #32c19b;
    border-color: #32c19b;
    color: #ffffff;
}

.sboard-wrap .board-list-box .category .cat_2 {
    background: #456bdc;
    border-color: #456bdc;
    color: #ffffff;
}

.sboard-wrap .board-list-box .category .cat_3 {
    background: #9e9e9e;
    border-color: #9e9e9e;
    color: #ffffff;
}

.sboard-wrap .board-list-box .category .cat_4 {
    background: #32c19b;
    border-color: #32c19b;
    color: #ffffff;
}

.sboard-wrap .board-list-box .category .cat_5 {
    background: #456bdc;
    border-color: #456bdc;
    color: #ffffff;
}

.sboard-wrap .board-list-box .category .cat_6 {
    background: #9e9e9e;
    border-color: #9e9e9e;
    color: #ffffff;
}

.sboard-wrap .board-list-box .subject {
    margin-bottom: 10px;
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 30px;
    font-size: 18px;
    font-weight: 500;
    color: #212121;
    overflow: hidden;
}

.sboard-wrap .board-list-box .date {
    line-height: 24px;
    font-size: 16px;
    font-weight: 400;
    color: #616161;
    margin: auto 0 0 0;
}

.sboard-wrap .board-list-box .desc {
    margin: 0 0 10px 0;
    height: 50px;
    line-height: 25px;
    font-size: 15px;
    font-weight: 400;
    color: #212121;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.sboard-wrap .board-list-box .host {
    margin: 0 0 10px 0;
    height: 50px;
}

.sboard-wrap .board-list-box .host dl {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    color: #424242;
}

.sboard-wrap .board-list-box .host dt {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 100px;
    font-weight: 600;
}

.sboard-wrap .board-list-box .host dt:before {
    content: '';
    width: 2px;
    height: 14px;
    background: #32c19b;
}

.sboard-wrap .board-list-box .host dd {}

.sboard-wrap .board-list-row {}

.sboard-wrap .board-list-row ul {
    grid-template-columns: repeat(1, 1fr);
}

.sboard-wrap .board-list-row ul li {
    border-bottom: 1px solid #e0e0e0;
    border-right: 0;
}

.sboard-wrap .board-list-row ul li:last-of-type {
    /* border-bottom:0; */
}

.sboard-wrap .board-list-row ul li .chk {
    top: 50%;
    transform: translateY(-50%);
}

.sboard-wrap .board-list-row ul li .box {
    flex-direction: row;
    padding: 20px 40px;
    min-height: auto;
}

.sboard-wrap .board-list-row ul li .img {
    display: none;
}

.sboard-wrap .board-list-row ul li .con {
    padding: 0;
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 30px;
}

.sboard-wrap .board-list-row ul li .category {
    margin: 0;
    flex: 0 0 auto;
    width: 130px;
}

.sboard-wrap .board-list-row ul li .subject {
    margin: 0;
    flex: 1;
    font-size: 16px;
    -webkit-line-clamp: 1;
}

.sboard-wrap .board-list-row ul li .date {
    margin: 0;
    flex: 0 0 auto;
    font-size: 15px;
}

.sboard-wrap .board-list-button {}

.sboard-wrap .board-list-button ul {
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: flex-end;
}

.sboard-wrap .board-list-button li {}

.sboard-wrap .board-list-button li .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 25px;
    height: 45px;
    border: 1px solid #9e9e9e;
    border-radius: 0;
    gap: 5px;
    font-size: 15px;
    font-weight: 500;
    color: #212121;
    transition: all 0.5s;
}

.sboard-wrap .board-list-button li .btn.btn_b01 {
    background: #03664c;
    border-color: #03664c;
    color: #ffffff;
}

.sboard-wrap .board-list-button li .btn.btn_b01:hover {
    background: #32c19b;
    border-color: #32c19b;
    colro: #fff;
}

.sboard-wrap .board-list-button li .btn.btn_b02 {
    background: #fff;
    border-color: #03664c;
    color: #03664c;
}

.sboard-wrap .board-list-button li .btn.btn_b02:hover {
    background: #32c19b;
    border-color: #32c19b;
    color: #fff;
}

.sboard-wrap .board-list-button li .btn.btn_admin {
    background: #fff;
    border-color: #212121;
    color: #212121;
}

.sboard-wrap .board-list-button li .btn.btn_admin:hover {
    background: #414141;
    border-color: #414141;
    color: #fff;
}

.sboard-wrap .board-tracker-box {
    border-top: 1px solid #212121;
}

.sboard-wrap .board-tracker-box .table-head {}

.sboard-wrap .board-tracker-box .table-body {}

.sboard-wrap .board-tracker-box ul {
    display: flex;
    align-items: center;
    padding: 22px 40px;
    border-bottom: 1px solid #e0e0e0;
}

.sboard-wrap .board-tracker-box ul li {
    line-height: 26px;
    font-size: 16px;
    font-weight: 500;
    color: #212121;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    letter-spacing: -0.02em;
}

.sboard-wrap .board-tracker-box ul li.chk label {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.sboard-wrap .board-tracker-box ul li.chk label input {
    display: none;
}

.sboard-wrap .board-tracker-box ul li.chk label input~i {
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    background: url("../img/common/ic_checkbox.svg") no-repeat center / contain;
}

.sboard-wrap .board-tracker-box ul li.chk label input~span {
    font-size: 16px;
    font-weight: 500;
    color: #424242;
}

.sboard-wrap .board-tracker-box ul li.chk label input:checked~i {
    background: url("../img/common/ic_checkbox_on.svg") no-repeat center / contain;
}

.sboard-wrap .board-tracker-box ul li.num {}

.sboard-wrap .board-tracker-box ul li.txt {}

.sboard-wrap .board-tracker-box ul li.btn {}

.sboard-wrap .board-tracker-box ul li.btn .btn-01 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    height: 36px;
    font-size: 15px;
    font-weight: 600;
    color: #ffffff;
    border-radius: 10px;
    border: 1px solid #049871;
    background: #049871;
}

.sboard-wrap .board-tracker-box ul li.btn .btn-01:hover {
    color: #049871;
    background: #e6f7f3;
}

.sboard-wrap .board-tracker-box ul li.btn .btn-02 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    height: 36px;
    font-size: 15px;
    font-weight: 600;
    color: #049871;
    border-radius: 10px;
    border: 1px solid #049871;
    background: #ffffff;
}

.sboard-wrap .board-tracker-box ul li.btn .btn-02:hover {
    color: #049871;
    background: #e6f7f3;
}

.sboard-wrap .board-tracker-box ul li.w40 {
    width: 40px;
}

.sboard-wrap .board-tracker-box ul li.w80 {
    width: 80px;
}

.sboard-wrap .board-tracker-box ul li.w120 {
    width: 120px;
}

.sboard-wrap .board-tracker-box ul li.w150 {
    width: 150px;
}

.sboard-wrap .board-tracker-box ul li.w200 {
    width: 200px;
}

.sboard-wrap .board-tracker-box ul li.w350 {
    width: 350px;
}

.sboard-wrap .board-tracker-box ul li .sort-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    background: url("../img/common/ic_btn_sort.svg") no-repeat center / contain;
}

.sboard-wrap .board-faq-box {}

.sboard-wrap .board-faq-box ul {
    grid-template-columns: repeat(1, 1fr);
}

.sboard-wrap .board-faq-box ul li {}

.sboard-wrap .board-faq-box ul li {
    border-bottom: 1px solid #e0e0e0;
}

.sboard-wrap .board-faq-box ul li.active .faq-head .arrow {}

.sboard-wrap .board-faq-box ul li.active .faq-head .arrow:before {
    transform: rotate(180deg);
}

.sboard-wrap .board-faq-box .faq-head {
    display: flex;
    align-items: center;
    padding: 20px 45px;
	transition: all 0.3s ease-out;
}

.sboard-wrap .board-faq-box ul li.active .faq-head{background-color:#E6F7F3;}
.sboard-wrap .board-faq-box ul li.active .faq-head .subject .tit{background-color:#fff; }

.sboard-wrap .board-faq-box .faq-head .label {
    width: 132px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.sboard-wrap .board-faq-box .faq-head .label span {
    display: flex;
    align-items: center;
    padding: 0 8px;
    height: 32px;
    font-size: 16px;
    font-weight: 600;
    color: #424242;
    background: #f5f5f5;
    white-space: nowrap;
    letter-spacing: -0.02em;
}

.sboard-wrap .board-faq-box .faq-head .label span.label-1 {
    background: #32c19b;
    color: #ffffff;
}

.sboard-wrap .board-faq-box .faq-head .label span.label-2 {
    background: #456bdc;
    color: #ffffff;
}

.sboard-wrap .board-faq-box .faq-head .label span.label-3 {
    background: #9e9e9e;
    color: #ffffff;
}

.sboard-wrap .board-faq-box .faq-head .subject {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0 45px;
    gap: 20px;
    -webkit-line-clamp: 1;
}

.sboard-wrap .board-faq-box .faq-head .subject .tit {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background: #e6f7f3;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 700;
    color: #32c19b;
    flex: 0 0 auto;
	transition: all 0.3s ease-out;
}

.sboard-wrap .board-faq-box .faq-head .subject .txt {
    font-size: 16px;
    font-weight: 500;
    color: #212121;
}

.sboard-wrap .board-faq-box .faq-head .arrow {
    margin-left: 50px;
    width: 60px;
    height: 30px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.sboard-wrap .board-faq-box .faq-head .arrow:before {
    content: '';
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background: #e6f7f3 url("../img/sub/faq_arrow.svg") no-repeat center;
    display: flex;
    align-items: center;
    justify-content: center;
	transition: all 0.3s ease-out;
}

.sboard-wrap .board-faq-box .faq-text {
    display: none;
    padding: 20px 145px 20px 222px;
    background: #fafafa;
    border-top: 1px solid #e0e0e0;
}

.sboard-wrap .board-faq-box .faq-text .description {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.sboard-wrap .board-faq-box .faq-text .description .tit {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background: #32C19B;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    flex: 0 0 auto;
}

.sboard-wrap .board-faq-box .faq-text .description .txt {
    font-size: 16px;
    font-weight: 500;
    color: #212121;
	word-break:break-all;
}

.sboard-wrap .board-qna-box {}

.sboard-wrap .board-qna-box>ul {
    border: 1px solid #e0e0e0;
    border-top: 1px solid #212121;
    grid-template-columns: repeat(1, 1fr);
}

.sboard-wrap .board-qna-box>ul>li {
    padding: 20px 40px;
    border: 0;
    border-bottom: 1px solid #e0e0e0;
}

.sboard-wrap .board-qna-box>ul>li:last-of-type {
    border-bottom: 0;
}

.sboard-wrap .board-qna-box>ul>li.active .qna-info .all i {
    transform: rotate(180deg);
}

.sboard-wrap .board-qna-box .qna-head {
    display: flex;
    align-items: center;
}

.sboard-wrap .board-qna-box .info{display:flex; }
.sboard-wrap .board-qna-box .info span{position:relative; padding:0 15px; font-size:1rem; color:#666; display:inline-block; }
.sboard-wrap .board-qna-box .info span:before{position:absolute; left:0; top:50%; width:1px; height:12px; background-color:#999; display:block; content:""; transform:translateY(-50%); }
.sboard-wrap .board-qna-box .info span:first-child::before{display:none;}
.sboard-wrap .board-qna-box .info span:first-child{padding-left:0;}

.sboard-wrap .board-qna-box .qna-head .label {
    margin: 0 30px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.sboard-wrap .board-qna-box .qna-head .label span {
    display: flex;
    align-items: center;
    padding: 0 8px;
    height: 32px;
    font-size: 16px;
    font-weight: 600;
    color: #424242;
    background: #f5f5f5;
    white-space: nowrap;
    letter-spacing: -0.02em;
}



.sboard-wrap .board-qna-box .qna-head .label span.label-1 {
    background: #32c19b;
    color: #ffffff;
}

.sboard-wrap .board-qna-box .qna-head .label span.label-2 {
    background: #456bdc;
    color: #ffffff;
}

.sboard-wrap .board-qna-box .qna-head .label span.label-3 {
    background: #9e9e9e;
    color: #ffffff;
}

.sboard-wrap .board-qna-box .qna-head .icon {
    margin: 0 10px 0 0;
    width: 35px;
    height: 35px;
    border-radius: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    overflow: hidden;
    display: none;
}

.sboard-wrap .board-qna-box .qna-head .icon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sboard-wrap .board-qna-box .qna-head .title {
    flex: 1;
    font-size: 16px;
    font-weight: 500;
    color: #212121;
}

.sboard-wrap .board-qna-box .qna-head .contact {}

.sboard-wrap .board-qna-box .qna-head .contact a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 25px;
    height: 45px;
    border: 1px solid #049871;
    font-size: 17px;
    font-weight: 700;
    color: #049871;
    gap: 10px;
    transition: all 0.3s;
}

.sboard-wrap .board-qna-box .qna-head .contact a:before {
    content: '';
    width: 23px;
    height: 18px;
    background: url("../img/sub/ncp_mail.svg") no-repeat center / contain;
    transition: all 0.3s;
}

.sboard-wrap .board-qna-box .qna-head .contact a:hover {
    background: #049871;
    color: #fff;
}

.sboard-wrap .board-qna-box .qna-head .contact a:hover:before {
    background: url("../img/sub/ncp_mail_w.svg") no-repeat center / contain;
}

.sboard-wrap .board-qna-box .qna-head .date {
    margin: 0;
}

.sboard-wrap .board-qna-box .qna-cont {
    margin: 20px 0 30px;
}

.sboard-wrap .board-qna-box .qna-cont .text {
    line-height: 25px;
    font-size: 15px;
    color: #212121;
}

.sboard-wrap .board-qna-box .qna-cont .flex {
    display: flex;
    align-items: center;
    margin: 20px 0 0 0;
}

.sboard-wrap .board-qna-box .qna-cont .date {
    line-height: 24px;
    font-size: 15px;
    color: #616161;
}

.sboard-wrap .board-qna-box .qna-cont .like {
    display: flex;
    align-items: center;
}

.sboard-wrap .board-qna-box .qna-cont .like:before {
    content: '';
    margin: 0 15px;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background: #bdbdbd;
}

.sboard-wrap .board-qna-box .qna-cont .like dl {
    display: flex;
    align-items: center;
    line-height: 24px;
    font-size: 15px;
    color: #424242
}

.sboard-wrap .board-qna-box .qna-cont .like dl:before {
    content: '';
    flex: 0 0 auto;
    margin: 0 2px 0 0;
    width: 25px;
    height: 25px;
    background: url("../img/common/ic_like.svg") no-repeat center / contain;
}

.sboard-wrap .board-qna-box .qna-cont .like dt {
    margin: 0 10px 0 0;
    font-weight: 600;
}

.sboard-wrap .board-qna-box .qna-cont .like dd {
    font-weight: 400;
}

.sboard-wrap .board-qna-box .qna-cont .share {
    display: flex;
    align-items: center;
}

.sboard-wrap .board-qna-box .qna-cont .share:before {
    content: '';
    margin: 0 15px;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background: #bdbdbd;
}

.sboard-wrap .board-qna-box .qna-cont .share dl {
    display: flex;
    align-items: center;
    line-height: 24px;
    font-size: 15px;
    color: #424242
}

.sboard-wrap .board-qna-box .qna-cont .share dl:before {
    content: '';
    flex: 0 0 auto;
    margin: 0 2px 0 0;
    width: 25px;
    height: 25px;
    background: url("../img/common/ic_share.svg") no-repeat center / contain;
}

.sboard-wrap .board-qna-box .qna-cont .share dt {
    margin: 0 10px 0 0;
    font-weight: 600;
}

.sboard-wrap .board-qna-box .qna-cont .share dd {
    font-weight: 400;
}

.sboard-wrap .board-qna-box .qna-cont .target {
    display: none;
    align-items: center;
}

.sboard-wrap .board-qna-box .qna-cont .target:before {
    content: '';
    margin: 0 15px;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background: #bdbdbd;
}

.sboard-wrap .board-qna-box .qna-cont .target dl {
    display: flex;
    align-items: center;
    line-height: 24px;
    font-size: 15px;
    color: #424242
}

.sboard-wrap .board-qna-box .qna-cont .target dt {
    margin: 0 10px 0 0;
    font-weight: 600;
}

.sboard-wrap .board-qna-box .qna-cont .target dd {
    font-weight: 400;
}

.sboard-wrap .board-qna-box .qna-cont .open {
    display: none;
    align-items: center;
}

.sboard-wrap .board-qna-box .qna-cont .open:before {
    content: '';
    margin: 0 15px;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background: #bdbdbd;
}

.sboard-wrap .board-qna-box .qna-cont .open dl {
    display: flex;
    align-items: center;
    line-height: 24px;
    font-size: 15px;
    color: #424242
}

.sboard-wrap .board-qna-box .qna-cont .open dt {
    margin: 0 10px 0 0;
    font-weight: 600;
    color: #32C19B;
}

.sboard-wrap .board-qna-box .qna-cont .open dd {
    font-weight: 400;
}

.sboard-wrap .board-qna-box .qna-info {
    padding: 15px 30px;
    background: #E6F7F3;
    display: flex;
    align-items: center;
    border-radius: 10px;
}

.sboard-wrap .board-qna-box .qna-info .icon {
    margin: 0 15px 0 0;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
}

.sboard-wrap .board-qna-box .qna-info .icon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sboard-wrap .board-qna-box .qna-info .icon img+img {
    margin-left: -15px;
}

.sboard-wrap .board-qna-box .qna-info .total {
    line-height: 24px;
    font-size: 15px;
    font-weight: 500;
    color: #424242;
}

.sboard-wrap .board-qna-box .qna-info .total span {
    font-weight: 600;
}

.sboard-wrap .board-qna-box .qna-info .comments {
    position: relative;
    margin: 0 0 0 15px;
    padding: 0 0 0 15px;
    line-height: 24px;
    font-size: 15px;
    font-weight: 500;
    color: #32c19b;
}

.sboard-wrap .board-qna-box .qna-info .comments:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 15px;
    background: #bdbdbd;
    transform: translateY(-50%);
}

.sboard-wrap .board-qna-box .qna-info .comments span {
    font-weight: 600;
}

.sboard-wrap .board-qna-box .qna-info .all {
    margin: 0 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 15px;
    font-weight: 500;
    color: #424242;
    cursor: pointer;
}

.sboard-wrap .board-qna-box .qna-info .all i {
    width: 30px;
    height: 30px;
    background: url("../img/sub/qna_arrow.svg") no-repeat center;
}

.sboard-wrap .board-qna-box .qna-comments {
    display: none;
}

.sboard-wrap .board-qna-box .qna-comments>ul {
    grid-template-columns: repeat(1, 1fr);
    border: 0;
}

.sboard-wrap .board-qna-box .qna-comments>ul>li {
    margin: 15px 0 0 0;
    padding: 30px;
    border: 0;
    border-radius: 10px;
    background: #fafafa;
}

.sboard-wrap .board-qna-box .qna-comments .user {
    display: flex;
    align-items: center;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #e0e0e0;
}

.sboard-wrap .board-qna-box .qna-comments .user .icon {
    margin: 0 15px 0 0;
    width: 35px;
    height: 35px;
    border-radius: 35px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sboard-wrap .board-qna-box .qna-comments .user .icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sboard-wrap .board-qna-box .qna-comments .user .title {
    font-size: 16px;
    font-weight: 500;
    color: #212121;
}

.sboard-wrap .board-qna-box .qna-comments .text {
    padding: 20px 0 0 0;
    line-height: 24px;
    font-size: 15px;
    font-weight: 400;
    color: #212121;
}

.sboard-wrap .board-ncp-box {}

.sboard-wrap .board-ncp-box .user {
    margin: 0 0 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.sboard-wrap .board-ncp-box .user .name {
    line-height: 25px;
    font-size: 18px;
    font-weight: 600;
    color: #212121;
}

.sboard-wrap .board-ncp-box .user .country {
    display: flex;
    align-items: center;
    line-height: 25px;
    font-size: 16px;
    font-weight: 500;
    color: #616161;
}

.sboard-wrap .board-ncp-box .user .country:before {
    content: '';
    width: 1px;
    height: 15px;
    background: #bdbdbd;
    margin: 0 10px;
}

.sboard-wrap .board-ncp-box .type {
    width: 100%;
    padding: 5px 10px;
    line-height: 30px;
    font-size: 16px;
    font-weight: 600;
    color: #049871;
    background: #e6f7f3;
    text-align: center;
}

.sboard-wrap .board-ncp-box .info {
    width: 100%;
    padding: 15px;
    background: #fafafa
}

.sboard-wrap .board-ncp-box .info dl {
    margin: 0 0 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: #424242;
    flex-wrap: wrap;
}

.sboard-wrap .board-ncp-box .info dl:last-of-type {
    margin-bottom: 0;
}

.sboard-wrap .board-ncp-box .info dt {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 50px;
    font-size: 15px;
    font-weight: 600;
}

.sboard-wrap .board-ncp-box .info dt:before {
    content: '';
    width: 2px;
    height: 14px;
    background: #32c19b;
}

.sboard-wrap .board-ncp-box .info dd {}

.sboard-wrap .board-ncp-box .act {
    margin: 20px 0 0 0;
}

.sboard-wrap .board-ncp-box .act a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 45px;
    border: 1px solid #049871;
    font-size: 17px;
    font-weight: 700;
    color: #049871;
    gap: 10px;
    transition: all 0.3s;
}

.sboard-wrap .board-ncp-box .act a:before {
    content: '';
    width: 23px;
    height: 18px;
    background: url("../img/sub/ncp_mail.svg") no-repeat center / contain;
    transition: all 0.3s;
}

.sboard-wrap .board-ncp-box .act a:hover {
    background: #049871;
    color: #fff;
}

.sboard-wrap .board-ncp-box .act a:hover:before {
    background: url("../img/sub/ncp_mail_w.svg") no-repeat center / contain;
}

.sboard-wrap .board-qna-box {}

.sboard-wrap .board-qna-box>ul {
    border: 1px solid #e0e0e0;
    border-top: 1px solid #212121;
    grid-template-columns: repeat(1, 1fr);
}

.sboard-wrap .board-qna-box>ul>li {
    padding: 20px 40px;
    border: 0;
    border-bottom: 1px solid #e0e0e0;
}

.sboard-wrap .board-qna-box>ul>li:last-of-type {
    border-bottom: 0;
}

.sboard-wrap .board-qna-box>ul>li.active .qna-info .all i {
    transform: rotate(180deg);
}

.sboard-wrap .board-qna-box .qna-head {
    display: flex;
    align-items: center;
}

.sboard-wrap .board-qna-box .qna-head .label {
    margin: 0 30px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.sboard-wrap .board-qna-box .qna-head .label span {
    display: flex;
    align-items: center;
    padding: 0 8px;
    height: 32px;
    font-size: 16px;
    font-weight: 600;
    color: #424242;
    background: #f5f5f5;
    white-space: nowrap;
    letter-spacing: -0.02em;
}

.sboard-wrap .board-qna-box .qna-head .label span.label-1 {
    background: #32c19b;
    color: #ffffff;
}

.sboard-wrap .board-qna-box .qna-head .label span.label-2 {
    background: #456bdc;
    color: #ffffff;
}

.sboard-wrap .board-qna-box .qna-head .label span.label-3 {
    background: #9e9e9e;
    color: #ffffff;
}

.sboard-wrap .board-qna-box .qna-head .icon {
    margin: 0 10px 0 0;
    width: 35px;
    height: 35px;
    border-radius: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    overflow: hidden;
    display: none;
}

.sboard-wrap .board-qna-box .qna-head .icon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sboard-wrap .board-qna-box .qna-head .title {
    flex: 1;
    font-size: 16px;
    font-weight: 500;
    color: #212121;
}

.sboard-wrap .board-qna-box .qna-head .contact {}

.sboard-wrap .board-qna-box .qna-head .contact a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 25px;
    height: 45px;
    border: 1px solid #049871;
    font-size: 17px;
    font-weight: 700;
    color: #049871;
    gap: 10px;
    transition: all 0.3s;
}

.sboard-wrap .board-qna-box .qna-head .contact a:before {
    content: '';
    width: 23px;
    height: 18px;
    background: url("../img/sub/ncp_mail.svg") no-repeat center / contain;
    transition: all 0.3s;
}

.sboard-wrap .board-qna-box .qna-head .contact a:hover {
    background: #049871;
    color: #fff;
}

.sboard-wrap .board-qna-box .qna-head .contact a:hover:before {
    background: url("../img/sub/ncp_mail_w.svg") no-repeat center / contain;
}

.sboard-wrap .board-qna-box .qna-head .date {
    margin: 0;
}

.sboard-wrap .board-qna-box .qna-cont {
    margin: 20px 0 30px;
}

.sboard-wrap .board-qna-box .qna-cont .text {
    line-height: 25px;
    font-size: 15px;
    color: #212121;
}

.sboard-wrap .board-qna-box .qna-cont .flex {
    display: flex;
    align-items: center;
    margin: 20px 0 0 0;
}

.sboard-wrap .board-qna-box .qna-cont .date {
    line-height: 24px;
    font-size: 15px;
    color: #616161;
}

.sboard-wrap .board-qna-box .qna-cont .like {
    display: flex;
    align-items: center;
}

.sboard-wrap .board-qna-box .qna-cont .like:before {
    content: '';
    margin: 0 15px;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background: #bdbdbd;
}

.sboard-wrap .board-qna-box .qna-cont .like dl {
    display: flex;
    align-items: center;
    line-height: 24px;
    font-size: 15px;
    color: #424242
}

.sboard-wrap .board-qna-box .qna-cont .like dl:before {
    content: '';
    flex: 0 0 auto;
    margin: 0 2px 0 0;
    width: 25px;
    height: 25px;
    background: url("../img/common/ic_like.svg") no-repeat center / contain;
}

.sboard-wrap .board-qna-box .qna-cont .like dt {
    margin: 0 10px 0 0;
    font-weight: 600;
}

.sboard-wrap .board-qna-box .qna-cont .like dd {
    font-weight: 400;
}

.sboard-wrap .board-qna-box .qna-cont .share {
    display: flex;
    align-items: center;
}

.sboard-wrap .board-qna-box .qna-cont .share:before {
    content: '';
    margin: 0 15px;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background: #bdbdbd;
}

.sboard-wrap .board-qna-box .qna-cont .share dl {
    display: flex;
    align-items: center;
    line-height: 24px;
    font-size: 15px;
    color: #424242
}

.sboard-wrap .board-qna-box .qna-cont .share dl:before {
    content: '';
    flex: 0 0 auto;
    margin: 0 2px 0 0;
    width: 25px;
    height: 25px;
    background: url("../img/common/ic_share.svg") no-repeat center / contain;
}

.sboard-wrap .board-qna-box .qna-cont .share dt {
    margin: 0 10px 0 0;
    font-weight: 600;
}

.sboard-wrap .board-qna-box .qna-cont .share dd {
    font-weight: 400;
}

.sboard-wrap .board-qna-box .qna-cont .target {
    display: none;
    align-items: center;
}

.sboard-wrap .board-qna-box .qna-cont .target:before {
    content: '';
    margin: 0 15px;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background: #bdbdbd;
}

.sboard-wrap .board-qna-box .qna-cont .target dl {
    display: flex;
    align-items: center;
    line-height: 24px;
    font-size: 15px;
    color: #424242
}

.sboard-wrap .board-qna-box .qna-cont .target dt {
    margin: 0 10px 0 0;
    font-weight: 600;
}

.sboard-wrap .board-qna-box .qna-cont .target dd {
    font-weight: 400;
}

.sboard-wrap .board-qna-box .qna-cont .open {
    display: none;
    align-items: center;
}

.sboard-wrap .board-qna-box .qna-cont .open:before {
    content: '';
    margin: 0 15px;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background: #bdbdbd;
}

.sboard-wrap .board-qna-box .qna-cont .open dl {
    display: flex;
    align-items: center;
    line-height: 24px;
    font-size: 15px;
    color: #424242
}

.sboard-wrap .board-qna-box .qna-cont .open dt {
    margin: 0 10px 0 0;
    font-weight: 600;
    color: #32C19B;
}

.sboard-wrap .board-qna-box .qna-cont .open dd {
    font-weight: 400;
}

.sboard-wrap .board-qna-box .qna-info {
    padding: 15px 30px;
    background: #E6F7F3;
    display: flex;
    align-items: center;
    border-radius: 10px;
}

.sboard-wrap .board-qna-box .qna-info .icon {
    margin: 0 15px 0 0;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
}

.sboard-wrap .board-qna-box .qna-info .icon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sboard-wrap .board-qna-box .qna-info .icon img+img {
    margin-left: -15px;
}

.sboard-wrap .board-qna-box .qna-info .total {
    line-height: 24px;
    font-size: 15px;
    font-weight: 500;
    color: #424242;
}

.sboard-wrap .board-qna-box .qna-info .total span {
    font-weight: 600;
}

.sboard-wrap .board-qna-box .qna-info .comments {
    position: relative;
    margin: 0 0 0 15px;
    padding: 0 0 0 15px;
    line-height: 24px;
    font-size: 15px;
    font-weight: 500;
    color: #32c19b;
}

.sboard-wrap .board-qna-box .qna-info .comments:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 15px;
    background: #bdbdbd;
    transform: translateY(-50%);
}

.sboard-wrap .board-qna-box .qna-info .comments span {
    font-weight: 600;
}

.sboard-wrap .board-qna-box .qna-info .all {
    margin: 0 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 15px;
    font-weight: 500;
    color: #424242;
    cursor: pointer;
}

.sboard-wrap .board-qna-box .qna-info .all i {
    width: 30px;
    height: 30px;
    background: url("../img/sub/qna_arrow.svg") no-repeat center;
}

.sboard-wrap .board-search-box {}

.sboard-wrap .board-search-box>ul {
    border: 0;
    border-top: 1px solid #212121;
    grid-template-columns: repeat(1, 1fr);
}

.sboard-wrap .board-search-box>ul>li {
    padding: 35px 40px;
    border: 0;
    border-bottom: 1px solid #e0e0e0;
}

.sboard-wrap .board-search-box>ul>li:last-of-type {
    border-bottom: 0;
}

.sboard-wrap .board-search-box .search-head {
    display: flex;
    justify-content: space-between;
}

.sboard-wrap .board-search-box .search-head .left {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 20px 0;
    padding: 0 10px;
}

.sboard-wrap .board-search-box .search-head .right {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    gap: 20px 0;
    padding: 0 10px;
}

.sboard-wrap .board-search-box .search-head .label {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.sboard-wrap .board-search-box .search-head .label span {
    display: flex;
    align-items: center;
    padding: 0 8px;
    height: 32px;
    font-size: 16px;
    font-weight: 600;
    color: #424242;
    background: #f5f5f5;
    white-space: nowrap;
    letter-spacing: -0.02em;
}

.sboard-wrap .board-search-box .search-head .label span.label-1 {
    background: #32c19b;
    color: #ffffff;
}

.sboard-wrap .board-search-box .search-head .label span.label-2 {
    background: #456bdc;
    color: #ffffff;
}

.sboard-wrap .board-search-box .search-head .label span.label-3 {
    background: #9e9e9e;
    color: #ffffff;
}

.sboard-wrap .board-search-box .search-head .user {
    display: flex;
    align-items: center;
}

.sboard-wrap .board-search-box .search-head .icon {
    margin: 0 10px 0 0;
    width: 35px;
    height: 35px;
    border-radius: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    overflow: hidden;
}

.sboard-wrap .board-search-box .search-head .icon img {
    display: block;
    width: 100%;
    height: 100%;
    obje
}

.sboard-wrap .board-search-box .search-head .name {
    flex: 1;
    font-size: 16px;
    font-weight: 500;
    color: #212121;
}

.sboard-wrap .board-search-box .search-head .jobs {
    display: flex;
    align-items: center;
    font-size: 15px;
    color: #212121;
}

.sboard-wrap .board-search-box .search-head .jobs:before {
    content: '';
    width: 1px;
    height: 15px;
    margin: 0 15px;
    background: #bdbdbd;
}

.sboard-wrap .board-search-box .search-head .contact {}

.sboard-wrap .board-search-box .search-head .contact a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 25px;
    height: 45px;
    border: 1px solid #049871;
    font-size: 17px;
    font-weight: 700;
    color: #049871;
    gap: 10px;
    transition: all 0.3s;
}

.sboard-wrap .board-search-box .search-head .contact a:before {
    content: '';
    width: 23px;
    height: 18px;
    background: url("../img/sub/ncp_mail.svg") no-repeat center / contain;
    transition: all 0.3s;
}

.sboard-wrap .board-search-box .search-head .contact a:hover {
    background: #049871;
    color: #fff;
}

.sboard-wrap .board-search-box .search-head .contact a:hover:before {
    background: url("../img/sub/ncp_mail_w.svg") no-repeat center / contain;
}

.sboard-wrap .board-search-box .search-head .bookmark {}

.sboard-wrap .board-search-box .search-head .bookmark .btn-bookmark {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    background: url("../img/common/ic_bookmark.svg") no-repeat center / contain;
}

.sboard-wrap .board-search-box .search-head .date {
    margin: 0;
}

.sboard-wrap .board-search-box .search-cont {
    margin: 20px 0 30px;
    padding: 0 10px;
    display: flex;
    align-items: center;
	flex-wrap:wrap;
}

.sboard-wrap .board-search-box .search-cont dl {
    display: flex;
    align-items: center;
    gap: 10px;
    line-height: 24px;
    font-size: 15px;
    color: #616161;
}

.sboard-wrap .board-search-box .search-cont dl:after {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background: #bdbdbd;
    margin: 0 20px;
}

.sboard-wrap .board-search-box .search-cont dl:last-of-type:after {
    display: none;
}

.sboard-wrap .board-search-box .search-cont dl dt {
    font-weight: 600;
    color: #32c19b;
}

.sboard-wrap .board-search-box .search-cont dl dd {}

.sboard-wrap .board-search-box .search-info {
    padding: 15px 30px;
    background: #E6F7F3;
    display: flex;
    align-items: center;
    border-radius: 10px;
}

.sboard-wrap .board-search-box .search-info dl {
    display: flex;
    align-items: center;
    line-height: 24px;
    font-size: 15px;
    color: #616161;
}

.sboard-wrap .board-search-box .search-info dl:after {
    content: '';
    width: 1px;
    height: 15px;
    background: #bdbdbd;
    margin: 0 20px;
}

.sboard-wrap .board-search-box .search-info dl:last-of-type:after {
    display: none;
}

.sboard-wrap .board-search-box .search-info dl dt {
    font-weight: 600;
    color: #32c19b;
    margin: 0 10px 0 0;
}

.sboard-wrap .board-search-box .search-info dl dd {}

.sboard-wrap .view-area {
    padding: 0 0 90px 0;
}

.sboard-wrap .view-header {
    padding: 40px 50px;
    border-top: 2px solid #212121;
    border-bottom: 2px solid #bdbdbd;
}

.sboard-wrap .view-title-area {
    margin: 0 0 40px 0;
}

.sboard-wrap .view-title-area .flex {
    display: flex;
    align-items: center;
}

.sboard-wrap .view-title-area .flex .category {
    margin: 0 20px 0 0;
}

.sboard-wrap .view-title-area .category {
    margin: 0 0 20px 0;
    display: flex;
    align-items: center;
}

.sboard-wrap .view-title-area .category span {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    padding: 0 8px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    text-transform: capitalize;
}

.sboard-wrap .view-title-area .category span.category_1 {
    background: #32c19b;
    border-color: #32c19b;
    color: #ffffff;
}

.sboard-wrap .view-title-area .category span.category_2 {
    background: #456bdc;
    border-color: #456bdc;
    color: #ffffff;
}

.sboard-wrap .view-title-area .category span.category_3 {
    background: #9e9e9e;
    border-color: #9e9e9e;
    color: #ffffff;
}

.sboard-wrap .view-title-area .title {
    line-height: 45px;
    font-size: 35px;
    font-weight: 600;
    color: #212121;
}

.sboard-wrap .view-title-area .title .country {
    vertical-align: top;
    display: inline-flex;
    align-items: center;
    font-size: 20px;
    font-weight: 400;
    color: #212121;
}

.sboard-wrap .view-title-area .title .country:before {
    content: '';
    margin: 0 30px;
    width: 1px;
    height: 25px;
    background: #bdbdbd;
}

.sboard-wrap .view-info-top {
    margin: 0 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sboard-wrap .view-info-top:last-of-type {
    margin-bottom: 0;
}

.sboard-wrap .view-info-top ul {
    display: flex;
    align-items: center;
    gap: 0 15px;
}

.sboard-wrap .view-info-top ul li {
    display: flex;
    align-items: center;
    height: 55px;
}

.sboard-wrap .view-info-top ul li img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    border-radius: 35px;
    overflow: hidden;
}

.sboard-wrap .view-info-top ul li strong {
    margin: 0 10px 0 0;
    font-size: 15px;
    font-weight: 600;
    color: #32c19b;
}

.sboard-wrap .view-info-top ul li span {}

.sboard-wrap .view-info-top ul li.user span {
    display: flex;
    align-items: center;
    font-size: 17px;
    font-weight: 500;
    color: #212121;
}

.sboard-wrap .view-info-top ul li.user span.user-grade {
    margin: 0 0 0 15px;
    padding: 0 15px;
    height: 30px;
    font-size: 15px;
    font-weight: 500;
    color: #212121;
    border-radius: 5px;
    border: 2px solid #32c19b;
}

.sboard-wrap .view-info-top ul li.user .sv_member {
    padding: 0 10px;
}

.sboard-wrap .view-info-top ul li.date {
    display: flex;
    align-items: center;
    gap: 8px;
}

.sboard-wrap .view-info-top ul li.date:before {
    content: '';
    width: 16px;
    height: 16px;
    background: url("../img/common/ic_time.svg") no-repeat center / contain;
}

.sboard-wrap .view-info-top ul li.date span {
    font-size: 16px;
    font-weight: 400;
    color: #757575;
}

.sboard-wrap .view-info-top ul li.target {}

.sboard-wrap .view-info-top ul li.target:before {
    content: '';
    margin: 0 15px 0 0;
    width: 1px;
    height: 15px;
    background: #bdbdbd;
}

.sboard-wrap .view-info-top ul li.open {}

.sboard-wrap .view-info-top ul li.open:before {
    content: '';
    margin: 0 15px 0 0;
    width: 1px;
    height: 15px;
    background: #bdbdbd;
}

.sboard-wrap .view-info-top .social-box {
    display: flex;
    align-items: center;
}

.sboard-wrap .view-info-top .social-box a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sboard-wrap .view-info-top .social-box a:before {
    content: '';
    width: 40px;
    height: 40px;
    display: block;
}

.sboard-wrap .view-info-top .social-box a.btn-kakaotalk:before {
    background: url("../img/common/ic_kakao_gary.svg") no-repeat center / contain;
}

.sboard-wrap .view-info-top .social-box a.btn-youtube:before {
    background: url("../img/common/ic_youtube_gary.svg") no-repeat center / contain;
}

.sboard-wrap .view-info-top .social-box a.btn-instagram:before {
    background: url("../img/common/ic_insta_gary.svg") no-repeat center / contain;
}

.sboard-wrap .view-info-top .social-box a.btn-facebook:before {
    background: url("../img/common/ic_facebook_gary.svg") no-repeat center / contain;
}

.sboard-wrap .view-flex {
    display: flex;
    align-items: center;
    margin: 40px 0 0;
}

.sboard-wrap .view-flex .view-option {
    margin-top: 0;
    margin-bottom: 0;
}

.sboard-wrap .view-flex .view-bookmark {
    margin-top: 0;
    margin-bottom: 0;
}

.sboard-wrap .view-bookmark {
    margin: 40px 0 20px;
}

.sboard-wrap .view-bookmark .btn-bookmark {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    background: url("../img/common/ic_bookmark.svg") no-repeat center / contain;
}

.sboard-wrap .view-option {
    flex: 1;
    margin: 40px 0 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.sboard-wrap .view-option:last-of-type {
    margin-bottom: 0;
}

.sboard-wrap .view-option dl {
    display: flex;
    align-items: center;
    line-height: 24px;
    font-size: 15px;
}

.sboard-wrap .view-option dl:before {
    content: '';
    flex: 0 0 auto;
    margin: 0 20px;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background: #bdbdbd;
}

.sboard-wrap .view-option dl:first-of-type:before {
    display: none;
}

.sboard-wrap .view-option dt {
    margin: 0 10px 0 0;
    font-weight: 600;
    color: #32c19b;
}

.sboard-wrap .view-option dd {
    color: #616161;
}

.sboard-wrap .view-option dl.view-option-stage dt {
    position: relative;
}

.sboard-wrap .view-option dl.view-option-stage dt:before {
    content: '';
    z-index: -1;
    position: absolute;
    bottom: 0;
    left: -1px;
    right: -1px;
    height: 8px;
    background: #c3ede2;
}

.sboard-wrap .view-option dl.view-option-grade dd {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    border: 2px solid #32c19b;
    height: 30px;
    padding: 0 15px;
    font-size: 15px;
    font-weight: 500;
    color: #212121;
}

.sboard-wrap .view-option.view-option-bar dl:before {
    width: 1px;
    height: 15px;
    margin: 0 15px;
}

.sboard-wrap .view-util-box {
margin-top:10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sboard-wrap .view-util-box .btn-box {
    display: flex;
    align-items: center;
    gap: 20px;
}

.sboard-wrap .view-util-box .btn-box a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 160px;
    max-width: 100%;
    height: 45px;
    border: 1px solid #049871;
    font-size: 16px;
    font-weight: 600;
    color: #049871;
}

.sboard-wrap .view-util-box .btn-box a:before {
    content: '';
    width: 25px;
    height: 25px;
}

.sboard-wrap .view-util-box .btn-box a.btn-download:before {
    display: none;
}

.sboard-wrap .view-util-box .btn-box a.btn-note {
    width: 180px;
}

.sboard-wrap .view-util-box .btn-box a.btn-note:before {
    width: 18px;
    height: 16px;
    background: url("../img/common/ic_note.svg") no-repeat center / contain;
}

.sboard-wrap .view-util-box .btn-box a.btn-print:before {
    background: url("../img/common/ic_print.svg") no-repeat center / contain;
}

.sboard-wrap .view-util-box .btn-box a.btn-pdf:before {
    background: url("../img/common/ic_down.svg") no-repeat center / contain;
}

.sboard-wrap .view-util-box .btn-box a.btn-email:before {
    background: url("../img/common/ic_mail.svg") no-repeat center / contain;
}

.sboard-wrap .view-util-box .down-box {}

.sboard-wrap .view-util-box .down-box .down-all {}

.sboard-wrap .view-util-box .down-box .down-all a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 160px;
    max-width: 100%;
    height: 45px;
    border: 1px solid #049871;
    font-size: 16px;
    font-weight: 600;
    color: #049871;
}

.sboard-wrap .view-util-box .down-box .down-list {
    margin: 10px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.sboard-wrap .view-util-box .down-box .down-list a {
    font-size: 16px;
    font-weight: 500;
    color: #049881;
    text-decoration: underline;
}

.sboard-wrap .view-util-box .social-box {
    display: flex;
    align-items: center;
}

.sboard-wrap .view-util-box .social-box a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sboard-wrap .view-util-box .social-box a:before {
    content: '';
    width: 40px;
    height: 40px;
    display: block;
}

.sboard-wrap .view-util-box .social-box a.btn-kakaotalk:before {
    background: url("../img/common/ic_kakao_gary.svg") no-repeat center / contain;
}

.sboard-wrap .view-util-box .social-box a.btn-youtube:before {
    background: url("../img/common/ic_youtube_gary.svg") no-repeat center / contain;
}

.sboard-wrap .view-util-box .social-box a.btn-instagram:before {
    background: url("../img/common/ic_insta_gary.svg") no-repeat center / contain;
}

.sboard-wrap .view-util-box .social-box a.btn-facebook:before {
    background: url("../img/common/ic_facebook_gary.svg") no-repeat center / contain;
}

.sboard-wrap .view-btn-area {
    position: relative;
    display: flex;
    fle~: center;
    flex-direction: column;
    padding: 30px 0;
}

.sboard-wrap .view-btn-area .ctrl-area {
    margin: 50px 0 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.sboard-wrap .view-btn-area .ctrl-area.tar {
    justify-content: flex-end;
}

.sboard-wrap .view-btn-area .ctrl-area a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    width: 160px;
    border: 1px solid #049871;
    color: #049871;
    font-size: 17px;
    font-weight: 700;
}

.sboard-wrap .view-btn-area .ctrl-area a:hover {
    background: #049871;
    color: #fff;
}

.sboard-wrap .view-btn-area .btn-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.sboard-wrap .view-btn-area .btn-area .ctrl-back {
    width: 50%;
    margin-right: auto;
}

.sboard-wrap .view-btn-area .btn-area .ctrl-back a {
    display: flex;
    flex-direction: column;
    min-height: 62px;
    align-items: flex-start;
    text-align: left;
}

.sboard-wrap .view-btn-area .btn-area .ctrl-back a .tit {
    display: flex;
    align-items: center;
    font-size: 17px;
    font-weight: 700;
    color: #212121;
}

.sboard-wrap .view-btn-area .btn-area .ctrl-back a .tit:before {
    content: '';
    width: 25px;
    height: 25px;
    background: url("../img/common/ic_arrow.svg") no-repeat center / contain;
    transform: rotate(180deg);
}

.sboard-wrap .view-btn-area .btn-area .ctrl-back a .txt {
    margin: 10px 0 0 0;
    line-height: 26px;
    font-size: 16px;
    font-weight: 400;
    color: #424242;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.sboard-wrap .view-btn-area .btn-area .ctrl-next {
    width: 50%;
    margin-left: auto;
}

.sboard-wrap .view-btn-area .btn-area .ctrl-next a {
    display: flex;
    flex-direction: column;
    min-height: 62px;
    align-items: flex-end;
    text-align: right;
}

.sboard-wrap .view-btn-area .btn-area .ctrl-next a .tit {
    display: flex;
    align-items: center;
    font-size: 17px;
    font-weight: 700;
    color: #212121;
}

.sboard-wrap .view-btn-area .btn-area .ctrl-next a .tit:before {
    content: '';
    width: 25px;
    height: 25px;
    background: url("../img/common/ic_arrow.svg") no-repeat center / contain;
    order: 2;
}

.sboard-wrap .view-btn-area .btn-area .ctrl-next a .txt {
    margin: 10px 0 0 0;
    line-height: 26px;
    font-size: 16px;
    font-weight: 400;
    color: #424242;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.sboard-wrap .view-btn-area .btn-area .flex {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 15px 0 0 0;
}

.sboard-wrap .view-btn-area .btn-area .flex .txt {
    margin-top: 0 !important;
}

.sboard-wrap .view-btn-area .btn-area .label {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    height: 32px;
    background: #acacac;
    margin: 30px 0 0 0;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}

.sboard-wrap .view-btn-area .btn-area .label-1 {
    background: #32c19b;
    color: #ffffff;
}

.sboard-wrap .view-btn-area .btn-area .label-2 {
    background: #456bdc;
    color: #ffffff;
}

.sboard-wrap .view-btn-area .btn-area .label-3 {
    background: #9e9e9e;
    color: #ffffff;
}

.sboard-wrap .view-content {
    padding: 60px 40px;
    border-bottom: 1px solid #ddd;
    line-height: 26px;
    font-size: 16px;
    font-weight: 400;
    color: #212121;
}

.sboard-wrap .view-content .view-image {
    margin-bottom: 40px;
    text-align: center;
}

.sboard-wrap .view-content .view-text-fixed {
    margin: 0 0 40px;
    text-align: center;
}

.sboard-wrap .view-content .view-text-fixed .tit {
    margin: 0 0 10px;
    line-height: 1.1;
    font-size: 25px;
    font-weight: 600;
    color: #212121;
}

.sboard-wrap .view-content .view-text-fixed .txt {
    line-height: 1.3;
    font-size: 16px;
    font-weight: 400;
    color: #212121;
}

.sboard-wrap .view-content .view-text {
    margin-bottom: 40px;
}

.sboard-wrap .view-content .view-text strong {
    display: block;
    font-size: 25px;
    font-weight: 600;
    margin: 0 0 30px;
}

.sboard-wrap .view-content .view-text p {}

.sboard-wrap .view-content .view-field {
    position: relative;
    padding: 40px 0;
    text-align: left;
}

.sboard-wrap .view-content .view-field .field {
    margin: 0 0 70px 0;
}

.sboard-wrap .view-content .view-field .field .tit {
    margin: 0 0 30px;
    line-height: 26px;
    font-size: 25px;
    font-weight: 600;
    color: #212121;
}

.sboard-wrap .view-content .view-field .field .txt {}

.sboard-wrap .view-content .view-field .field .txt dl {
    margin: 0 0 10px 0;
    display: flex;
    gap: 20px;
    line-height: 26px;
    font-size: 16px;
    align-items: flex-start;
}

.sboard-wrap .view-content .view-field .field .txt dt {
    display: flex;
    align-items: center;
    font-weight: 600;
    color: #212121;
}

.sboard-wrap .view-content .view-field .field .txt dt:before {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background: #212121;
    margin: 0 10px;
}

.sboard-wrap .view-content .view-field .field .txt dd {
    flex: 1;
    font-weight: 400;
    color: #424242;
    letter-spacing: -0.02em;
}

.sboard-wrap .view-content .view-info {
    margin: 0 0 40px 0;
    padding: 15px 30px;
    border-radius: 10px;
    background: #e6f7f3;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.sboard-wrap .view-content .view-info dl {
    display: flex;
    align-items: center;
    line-height: 25px;
    font-size: 15px;
}

.sboard-wrap .view-content .view-info dl:before {
    content: '';
    width: 1px;
    height: 15px;
    background: #bdbdbd;
    margin: 0 15px;
}

.sboard-wrap .view-content .view-info dl:first-of-type:before {
    display: none;
}

.sboard-wrap .view-content .view-info dt {
    flex: 0 0 auto;
    margin: 0 10px 0 0;
    font-weight: 600;
    color: #32c19b;
}

.sboard-wrap .view-content .view-info dd {
    flex: 1;
    font-weight: 400;
    color: #616161;
}

.sboard-wrap .view-content .view-host {
    margin: 70px 0;
    padding: 20px 40px;
    background: #fafafa;
}

.sboard-wrap .view-content .view-host dl {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    color: #424242;
    line-height: 24px;
}

.sboard-wrap .view-content .view-host dt {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 250px;
    font-weight: 600;
}

.sboard-wrap .view-content .view-host dt:before {
    content: '';
    width: 2px;
    height: 14px;
    background: #32c19b;
}

.sboard-wrap .view-content .view-host dd {}

.sboard-wrap .view-content .attachment-link {
    margin: 60px 0 0 0;
}

.sboard-wrap .view-content .view-event-option {
    padding: 15px 30px;
    display: flex;
    align-items: center;
    background: #E6F7F3;
    border-radius: 10px;
    margin: 0 0 70px;
}

.sboard-wrap .view-content .view-event-option dl {
    display: flex;
    align-items: center;
    line-height: 24px;
    font-size: 17px;
}

.sboard-wrap .view-content .view-event-option dl:after {
    content: '';
    margin: 0 20px;
    width: 1px;
    height: 15px;
    background: #bdbdbd;
}

.sboard-wrap .view-content .view-event-option dl:last-of-type:after {
    display: none;
}

.sboard-wrap .view-content .view-event-option dt {
    color: #32c19b;
    font-weight: 600;
    margin: 0 10px 0 0;
}

.sboard-wrap .view-content .view-event-option dd {
    color: #616161;
    font-weight: 400;
}

.sboard-wrap .view-func-area {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 60px 0;
    gap: 20px;
}

.sboard-wrap .view-func-area .func-like {
    display: flex;
    align-items: center;
    justify-content: Center;
    height: 50px;
    width: 190px;
    border-radius: 10px;
    background: #e6f7f3;
}

.sboard-wrap .view-func-area .func-like dl {
    display: flex;
    align-items: center;
    line-height: 24px;
    font-size: 15px;
    color: #424242
}

.sboard-wrap .view-func-area .func-like dl:before {
    content: '';
    flex: 0 0 auto;
    margin: 0 2px 0 0;
    width: 25px;
    height: 25px;
    background: url("../img/common/ic_like.svg") no-repeat center / contain;
}

.sboard-wrap .view-func-area .func-like dt {
    margin: 0 10px 0 0;
    font-weight: 600;
}

.sboard-wrap .view-func-area .func-like dd {
    font-weight: 600;
    color: #049781;
}

.sboard-wrap .view-func-area .func-share {
    display: flex;
    align-items: center;
    justify-content: Center;
    height: 50px;
    width: 190px;
    border-radius: 10px;
    background: #e6f7f3;
}

.sboard-wrap .view-func-area .func-share dl {
    display: flex;
    align-items: center;
    line-height: 24px;
    font-size: 15px;
    color: #424242
}

.sboard-wrap .view-func-area .func-share dl:before {
    content: '';
    flex: 0 0 auto;
    margin: 0 2px 0 0;
    width: 25px;
    height: 25px;
    background: url("../img/common/ic_share.svg") no-repeat center / contain;
}

.sboard-wrap .view-func-area .func-share dt {
    margin: 0 10px 0 0;
    font-weight: 600;
}

.sboard-wrap .view-func-area .func-share dd {
    font-weight: 600;
    color: #049781;
}

.sboard-wrap .view-func-area .func-choose {}

.sboard-wrap .view-func-area .func-choose button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    height: 50px;
    width: 220px;
    border: 1px solid #049871;
    color: #049871;
    font-size: 17px;
    font-weight: 700;
    gap: 10px;
}

.sboard-wrap .view-func-area .func-choose button span {
    flex: 1;
    text-align: left
}

.sboard-wrap .view-func-area .func-choose button i {
    content: '';
    width: 12px;
    height: 12px;
    background: url("../img/common/ic_choose_arrow.svg") no-repeat center / contain;
}

.sboard-wrap .attachment-link {
    border-radius: 10px;
    background: #f5f5f5;
    padding: 20px 50px;
}

.sboard-wrap .attachment-link>ul {
    display: flex;
    flex-direction: column;
}

.sboard-wrap .attachment-link>ul>li {}

.sboard-wrap .attachment-link .title-area {
    display: none;
}

.sboard-wrap .attachment-link .txt-area {}

.sboard-wrap .attachment-link .txt-area>ul {}

.sboard-wrap .attachment-link .txt-area>ul>li {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sboard-wrap .attachment-link .txt-area a {
    margin: 0 0 5px 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    line-height: 26px;
    font-size: 16px;
    font-weight: 500;
    color: #616161;
    gap: 10px;
}

.sboard-wrap .attachment-link .txt-area a:before {
    content: '';
    flex: 0 0 auto;
    width: 16px;
    height: 26px;
}

.sboard-wrap .attachment-link .txt-area a:hover {
    text-decoration: underline;
}

.sboard-wrap .attachment-link .txt-area a .icon_attachment {
    display: none;
}

.sboard-wrap .attachment-link .txt-area a .icon_link {
    display: none;
}

.sboard-wrap .attachment-link .txt-area.file-area a:before {
    background: url("../img/common/ic_file.png") no-repeat center / contain;
}

.sboard-wrap .attachment-link .txt-area.link-area a:before {
    background: url("../img/common/ic_link.png") no-repeat center / contain;
}

.sboard-wrap .attachment-link .txt-area .bo_v_link_cnt {
    font-size: 12px;
}

.sboard-wrap .view-comment-area {
    border-bottom: 1px solid #ddd;
}

.sboard-wrap .view-comment-area .form-area {
    margin: 0 0 35px 0;
    padding: 30px 40px;
    border-radius: 10px;
    overflow: hidden;
    background: #f5f5f5;
}

.sboard-wrap .view-comment-area .form-area .secret-area {
    display: flex;
    margin: 0 0 10px;
}

.sboard-wrap .view-comment-area .form-area .secret-area label {
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 8px;
}

.sboard-wrap .view-comment-area .form-area .secret-area label input {
    display: none;
}

.sboard-wrap .view-comment-area .form-area .secret-area label input~i {
    flex: 0 0 auto;
    position: relative;
    width: 16px;
    height: 16px;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    background: #ffffff;
}

.sboard-wrap .view-comment-area .form-area .secret-area label input~span {
    font-size: 14px;
    font-weight: 500;
    color: #616161;
}

.sboard-wrap .view-comment-area .form-area .secret-area label input:checked~i {
    border-color: #049871;
}

.sboard-wrap .view-comment-area .form-area .secret-area label input:checked~i:before {
    content: '';
    position: absolute;
    top: 4px;
    left: 2px;
    width: 10px;
    height: 5px;
    border-left: 2px solid #049871;
    border-bottom: 2px solid #049871;
    transform: rotate(-45deg);
}

.sboard-wrap .view-comment-area .form-area .input-area {
    display: flex;
    gap: 10px;
}

.sboard-wrap .view-comment-area .form-area .input-area .input {
    flex: 1;
}

.sboard-wrap .view-comment-area .form-area .input-area .input input {
    padding: 0 20px;
    width: 100%;
    height: 50px;
    font-size: 15px;
    color: #212121;
    border-radius: 5px;
    border: 1px solid #dddd;
    background: #fff;
    background-image: none !important;
}

.sboard-wrap .view-comment-area .form-area .input-area .button {
    flex: 0 0 auto;
}

.sboard-wrap .view-comment-area .form-area .input-area .button button {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 120px;
    height: 50px;
    border: 1px solid #049871;
    font-size: 16px;
    font-weight: 600;
    color: #049871;
}

.sboard-wrap .view-comment-area .form-area .input-area .button button:hover {
    background: #049871;
    color: #fff;
    border-color: #049871;
}

.sboard-wrap .view-comment-area .comment-box {
    padding: 0 40px 60px;
}

.sboard-wrap .view-comment-area .comment-box .head {
    padding: 18px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #212121
}

.sboard-wrap .view-comment-area .comment-box .head .flex {
    display: flex;
    align-items: center;
}

.sboard-wrap .view-comment-area .comment-box .head .head-total {
    display: flex;
    align-items: center;
    gap: 5px;
    line-height: 24px;
    font-size: 15px;
    font-weight: 500;
    color: #424242;
}

.sboard-wrap .view-comment-area .comment-box .head .head-total span {
    font-weight: 600;
}

.sboard-wrap .view-comment-area .comment-box .head .head-total:after {
    content: '';
    margin: 0 15px;
    width: 1px;
    height: 15px;
    background: #bdbdbd;
}

.sboard-wrap .view-comment-area .comment-box .head .head-total:last-of-type:after {
    display: none;
}

.sboard-wrap .view-comment-area .comment-box .head .head-comment {
    display: flex;
    align-items: center;
    gap: 5px;
    line-height: 24px;
    font-size: 15px;
    font-weight: 500;
    color: #32C19B;
}

.sboard-wrap .view-comment-area .comment-box .head .head-comment span {
    font-weight: 600;
}

.sboard-wrap .view-comment-area .comment-box .head .head-comment:last-of-type:after {
    display: none;
}

.sboard-wrap .view-comment-area .comment-box .head .head-comment:after {
    content: '';
    margin: 0 15px;
    width: 1px;
    height: 15px;
    background: #bdbdbd;
}

.sboard-wrap .view-comment-area .comment-box .head .head-sort {
    display: flex;
    align-items: center;
}

.sboard-wrap .view-comment-area .comment-box .head .head-sort .sort-btn {
    display: flex;
    align-items: center;
    gap: 5px;
    line-height: 24px;
    font-size: 15px;
    font-weight: 500;
    color: #616161;
}

.sboard-wrap .view-comment-area .comment-box .head .head-sort .sort-btn:after {
    content: '';
    margin: 0 8px;
    width: 3px;
    height: 3px;
    border-radius: 3px;
    background: #bdbdbd;
}

.sboard-wrap .view-comment-area .comment-box .head .head-sort .sort-btn:last-of-type:after {
    display: none;
}

.sboard-wrap .view-comment-area .comment-box .head .head-sort .sort-btn.on {
    font-weight: 600;
    color: #212121;
}

.sboard-wrap .view-comment-area .comment-box .list {}

.sboard-wrap .view-comment-area .comment-box .list>ul {
    border: 0;
    padding: 40px 0;
}

.sboard-wrap .view-comment-area .comment-box .list>ul>li {
    margin: 40px 0 0 0;
    padding: 0;
    border: 0;
}

.sboard-wrap .view-comment-area .comment-box .list>ul>li:nth-child(1) {
    margin-top: 0;
}

.sboard-wrap .view-comment-area .comment-box .list>ul>li.comment-rep {
    position: relative;
    padding: 30px;
    border-radius: 10px;
    background: #fafafa;
}

.sboard-wrap .view-comment-area .comment-box .list>ul>li.comment-rep+li.comment-rep {
    margin-top: 15px;
}

.sboard-wrap .view-comment-area .comment-box .list>ul>li.comment-rep .comment-head:before {
    content: '';
    margin: 0 15px 0 0;
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    margin-bottom: 15px;
    background: url("../img/common/ic_rep_line.svg") no-repeat center / contain;
}

.sboard-wrap .view-comment-area .comment-box .list>ul>li.comment-rep .comment-cont .date {
    position: absolute;
    top: 30px;
    right: 30px;
}

.sboard-wrap .view-comment-area .comment-box .list .comment-head {
    margin: 0 0 20px 0;
    display: flex;
    align-items: center;
}

.sboard-wrap .view-comment-area .comment-box .list .comment-head .icon {
    margin: 0 10px 0 0;
    flex: 0 0 auto;
    width: 35px;
    height: 35px;
    border-radius: 35px;
    overflow: hidden;
}

.sboard-wrap .view-comment-area .comment-box .list .comment-head .icon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sboard-wrap .view-comment-area .comment-box .list .comment-head .name {
    line-height: 25px;
    font-size: 15px;
    font-weight: 400;
    color: #212121;
    display: flex;
    align-items: center;
}

.sboard-wrap .view-comment-area .comment-box .list .comment-head .name:after {
    content: '';
    margin: 0 15px;
    width: 1px;
    height: 15px;
    background: #bdbdbd;
}

.sboard-wrap .view-comment-area .comment-box .list .comment-head .name .badge {
    display: none;
    flex: 0 0 auto;
    margin: 0 0 0 10px;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    border: 2px solid #32c19b;
    padding: 0 15px;
    height: 30px;
    font-size: 15px;
    font-weight: 500;
    color: #212121;
}

.sboard-wrap .view-comment-area .comment-box .list .comment-head .title {
    line-height: 25px;
    font-size: 16px;
    font-weight: 500;
    color: #212121;
    display: flex;
    align-items: center;
    gap: 5px;
}

.sboard-wrap .view-comment-area .comment-box .list .comment-head.expert {}

.sboard-wrap .view-comment-area .comment-box .list .comment-head.expert .name {}

.sboard-wrap .view-comment-area .comment-box .list .comment-head.expert .name .badge {
    display: flex;
}

.sboard-wrap .view-comment-area .comment-box .list .comment-head.expert .title:after {
    content: '';
    width: 20px;
    height: 20px;
    background: url("../img/common/ic_expert.svg") no-repeat center / contain;
}

.sboard-wrap .view-comment-area .comment-box .list .comment-cont {
    padding: 0;
    border-radius: 0;
    background: transparent;
}

.sboard-wrap .view-comment-area .comment-box .list .comment-cont .text {
    line-height: 25px;
    font-size: 15px;
    font-weight: 400;
    color: #212121;
    word-break: keep-all;
}

.sboard-wrap .view-comment-area .comment-box .list .comment-cont .text p {
    word-break: keep-all;
}

.sboard-wrap .view-comment-area .comment-box .list .comment-cont .bottom {
    margin: 20px 0 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 35px;
}

.sboard-wrap .view-comment-area .comment-box .list .comment-cont .date {
    line-height: 35px;
    font-size: 15px;
    color: #616161;
}

.sboard-wrap .view-comment-area .comment-box .list .comment-cont .util {
    display: flex;
    align-items: center;
    gap: 10px;
}

.sboard-wrap .view-comment-area .comment-box .list .comment-cont .util a {
    padding: 0 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 66px;
    height: 35px;
    border-radius: 5px;
    border: 1px solid #ddd;
    font-size: 14px;
    font-weight: 500;
    color: #616161;
}

.sboard-wrap .view-comment-area .comment-box .list .comment-cont .util a.btn-01 {
    border: 1px solid #ddd;
    background: #fff;
    color: #616161;
}

.sboard-wrap .view-comment-area .comment-box .list .comment-cont .util a.btn-02 {
    border: 1px solid #32C19B;
    background: #fff;
    color: #32C19B;
}

.sboard-wrap .view-comment-area .comment-box .list .comment-cont .form {}

.sboard-wrap .view-comment-area .comment-box .list .comment-cont .form .bo_vc_w {
    margin: 0;
}

.sboard-wrap .view-comment-area .comment-box .list .comment-cont .form form {
    margin: 20px 0 0 0;
}

.sboard-wrap .view-document {
    display: flex;
    gap: 60px;
}

.sboard-wrap .view-document .left {
    flex: 1;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.sboard-wrap .view-document .left .view-text {
    flex: 1;
    text-align: left;
    display: flex;
    flex-direction: column;
}

.sboard-wrap .view-document .left .view-util-box {
    margin: 50px 0 0 0;
}

.sboard-wrap .view-document .right {
    flex: 0 0 auto;
    width: 500px;
    max-width: 100%;
}

.sboard-wrap .view-document .right .view-image {
    width: 100%;
    height: auto;
    aspect-ratio: 5/7;
    border-radius: 10px;
    overflow: hidden;
}

.sboard-wrap .view-document .right .view-image a {
    display: block;
    width: 100%;
    height: 100%;
}

.sboard-wrap .view-document .right .view-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sboard-wrap .view-document .right .view-social {}

.sboard-wrap .view-document .right .view-social .social-box {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.sboard-wrap .view-document .right .view-social .social-box a {
    width: calc(50% - 10px);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 45px;
    border-radius: 10px;
    border: 1px solid #bdbdbd;
    gap: 10px;
    font-size: 16px;
    font-weight: 600;
    color: #212121;
}

.sboard-wrap .view-document .right .view-social .social-box a:before {
    content: '';
    width: 25px;
    height: 25px;
}

.sboard-wrap .view-document .right .view-social .social-box a:hover {
    background: #fafafa;
}

.sboard-wrap .view-document .right .view-social .social-box a.btn-facebook:before {
    background: url("../img/sub/document_facebook.svg") no-repeat center / contain;
}

.sboard-wrap .view-document .right .view-social .social-box a.btn-twitter:before {
    background: url("../img/sub/document_twitter.svg") no-repeat center / contain;
}

.sboard-wrap .view-document .right .view-social .social-box a.btn-linkedin:before {
    background: url("../img/sub/document_linkedin.svg") no-repeat center / contain;
}

.sboard-wrap .view-document .right .view-social .social-box a.btn-email:before {
    background: url("../img/sub/document_email.svg") no-repeat center / contain;
}

.sboard-wrap .view-ncp-type {
    width: 100%;
    padding: 15px;
    line-height: 30px;
    font-size: 16px;
    font-weight: 600;
    color: #049871;
    background: #e6f7f3;
    text-align: center;
}

.sboard-wrap .view-ncp-info {
    width: 100%;
    padding: 30px 40px;
    background: #fafafa
}

.sboard-wrap .view-ncp-info dl {
    margin: 0 0 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: #424242;
    flex-wrap: wrap;
}

.sboard-wrap .view-ncp-info dl:last-of-type {
    margin-bottom: 0;
}

.sboard-wrap .view-ncp-info dt {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 250px;
    font-size: 15px;
    font-weight: 600;
}

.sboard-wrap .view-ncp-info dt:before {
    content: '';
    width: 2px;
    height: 14px;
    background: #32c19b;
}

.sboard-wrap .view-ncp-info dd {}

.sboard-wrap .view-info-box {
    margin: 0 0 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 20px;
    padding: 15px 30px;
    background: #f5f5f5;
}

.sboard-wrap .view-info-box:last-of-type {
    margin-bottom: 0;
}

.sboard-wrap .view-info-box ul {
    display: flex;
    align-items: center;
    gap: 0 15px;
    width: 100%;
}

.sboard-wrap .view-info-box ul li {
    display: flex;
    align-items: center;
}

.sboard-wrap .view-info-box ul li img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    border-radius: 35px;
    overflow: hidden;
}

.sboard-wrap .view-info-box li strong {
    margin: 0 10px 0 0;
    font-size: 15px;
    font-weight: 600;
    color: #32c19b;
}

.sboard-wrap .view-info-box ul li span {}

.sboard-wrap .view-info-box ul li.user span {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 17px;
    font-weight: 500;
    color: #212121;
}

.sboard-wrap .view-info-box ul li.user span.user-type {
    display: flex;
    align-items: center;
    font-size: 15px;
    color: #212121;
}

.sboard-wrap .view-info-box ul li.user span.user-type:before {
    content: '';
    margin: 0 15px;
    width: 1px;
    height: 15px;
    background: #bdbdbd;
}

.sboard-wrap .view-info-box ul li.date {
    margin: 0 0 0 auto;
    display: flex;
    align-items: center;
    gap: 8px;
}

.sboard-wrap .view-info-box ul li.date:before {
    content: '';
    width: 16px;
    height: 16px;
    background: url("../img/common/ic_time.svg") no-repeat center / contain;
}

.sboard-wrap .view-info-box ul li.date span {
    font-size: 16px;
    font-weight: 400;
    color: #757575;
}

.sboard-wrap .view-ncp-news {}

.sboard-wrap .view-ncp-news .flex {
    display: flex;
    gap: 40px;
}

.sboard-wrap .view-ncp-news .view-image {
    width: 400px;
    height: auto;
    aspect-ratio: 1/1;
}

.sboard-wrap .view-ncp-news .view-ncp-box {
    flex: 1;
}

.sboard-wrap .view-ncp-news .view-ncp-box .view-text {
    text-align: left;
}

.sboard-wrap .view-contact {
    margin: 30px 0 30px 0px;
    display: flex;
    align-items: center;
}

.sboard-wrap .view-contact:last-of-type {
    margin-bottom: 0;
}

.sboard-wrap .view-contact a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 15px;
    width: 180px;
    height: 45px;
    border: 1px solid #049871;
    font-size: 17px;
    font-weight: 700;
    color: #049871;
    gap: 10px;
    transition: all 0.3s;
}

.sboard-wrap .view-contact a:before {
    content: '';
    width: 23px;
    height: 18px;
    background: url("../img/sub/ncp_mail.svg") no-repeat center / contain;
    transition: all 0.3s;
}

.sboard-wrap .view-contact a:hover {
    background: #049871;
    color: #fff;
}

.sboard-wrap .view-contact a:hover:before {
    background: url("../img/sub/ncp_mail_w.svg") no-repeat center / contain;
}

.sboard-wrap .viewskin .view-block {
    display: flex;
}

.sboard-wrap .viewskin .view-none {
    display: none !important;
}

.sboard-wrap .viewskin .title-box {
    display: none;
}

.sboard-wrap .viewskin .title-box.view-block {
    display: flex;
}

.sboard-wrap .viewskin .title-box .title.view-block {
    display: flex;
}

.sboard-wrap .viewskin .flex-box {
    display: none;
}

.sboard-wrap .viewskin .search-box {
    display: none;
}

.sboard-wrap .viewskin .util-box {
    display: none;
}

.sboard-wrap .viewskin .target-box {
    display: none;
}

.sboard-wrap .viewskin .board-check-box {
    display: none;
}

.sboard-wrap .viewskin .board-list-box .chk {
    display: none;
}

.sboard-wrap .viewskin .board-list-row {}

.sboard-wrap .proposals {}

.sboard-wrap .proposals .board-list-row {}

.sboard-wrap .proposals .board-list-row ul {
    grid-template-columns: repeat(3, 1fr);
}

.sboard-wrap .proposals .board-list-row ul li {
    border-right: 1px solid #e0e0e0;
    border-bottom: 0;
}

.sboard-wrap .proposals .board-list-row ul li:nth-child(n+4) {
    border-top: 1px solid #e0e0e0;
}

.sboard-wrap .proposals .board-list-row ul li:nth-child(3n) {
    border-right: 0;
}

.sboard-wrap .proposals .board-list-row .con {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
}

.sboard-wrap .proposals .board-list-row .category {
    justify-content: flex-start;
    width: 100%;
    margin: 0 0 15px;
}

.sboard-wrap .proposals .board-list-row .subject {
    margin: 0 0 5px 0;
}

.sboard-wrap .proposals .board-list-row .date {
    display: none;
}

.sboard-wrap .proposals .board-list-row .cate {
    display: flex;
    flex-wrwap: wrap;
}

.sboard-wrap .proposals .board-list-row .cate span {
    display: flex;
    align-items: center;
    line-height: 25px;
    font-size: 15px;
    color: #212121;
}

.sboard-wrap .proposals .board-list-row .cate span:before {
    content: '';
    margin: 0 15px;
    width: 1px;
    height: 15px;
    background: #bdbdbd;
}

.sboard-wrap .proposals .board-list-row .cate span:first-of-type:before {
    display: none;
}

.sboard-wrap .proposals .board-list-row .info {
    margin: 30px 0 0;
    padding: 15px 30px;
    border-radius: 10px;
    background: #e6f7f3;
    width: 100%;
}

.sboard-wrap .proposals .board-list-row .info dl {
    margin: 0 0 10px 0;
    display: flex;
    gap: 10px;
    line-height: 25px;
    font-size: 15px;
}

.sboard-wrap .proposals .board-list-row .info dl:last-of-type {
    margin-bottom: 0;
}

.sboard-wrap .proposals .board-list-row .info dt {
    width: 120px;
    max-width: 100%;
    font-weight: 600;
    color: #32c19b;
}

.sboard-wrap .proposals .board-list-row .info dd {
    flex: 1;
    font-weight: 400;
    color: #616161;
}

#bo_gall.viewskin {}

#bo_gall.viewskin .board-qna-box>ul {
    grid-template-columns: repeat(3, 1fr);
}

#bo_gall.viewskin .board-qna-box>ul>li {
    padding: 25px;
    border-right: 1px solid #e0e0e0;
    border-bottom: 0;
}

#bo_gall.viewskin .board-qna-box>ul>li:nth-child(3n) {
    border-right: 0;
}

#bo_gall.viewskin .board-qna-box>ul>li:nth-child(n+4) {
    border-top: 1px solid #e0e0e0;
}

#bo_gall.viewskin .board-qna-box .qna-head {
    margin: 0 0 5px 0;
    flex-direction: column;
    align-items: flex-start;
}

#bo_gall.viewskin .board-qna-box .qna-head .label {
    margin: 0 0 15px;
}

#bo_gall.viewskin .board-qna-box .qna-head .icon {
    display: none;
}

#bo_gall.viewskin .board-qna-box .qna-head .title {}

#bo_gall.viewskin .board-qna-box .qna-cont {
    margin: 0;
}

#bo_gall.viewskin .board-qna-box .qna-cont .text {
    display: none;
}

#bo_gall.viewskin .board-qna-box .qna-cont .like {
    display: none;
}

#bo_gall.viewskin .board-qna-box .qna-cont .date {
    display: none;
}

#bo_gall.viewskin .board-qna-box .qna-cont .share {
    display: none;
}

#bo_gall.viewskin .board-qna-box .qna-cont .target {
    display: flex;
}

#bo_gall.viewskin .board-qna-box .qna-cont .target:before {
    display: none;
}

#bo_gall.viewskin .board-qna-box .qna-cont .open {
    display: flex;
}

#bo_gall.viewskin .board-qna-box .qna-info {
    display: none;
}

.sub-wrap {}

.sub-wrap .title-box {
    margin: 0 0 40px 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.sub-wrap .title-box .title {
    display: flex;
    align-items: center;
    gap: 10px;
    line-height: 36px;
    font-size: 24px;
    font-weight: 700;
    color: #212121;
}

.sub-wrap .title-box .title img {
    width: 30px;
    height: 30px;
    object-fit: contain;
}

.sub-wrap .title-box .title.view-block {
    display: none;
}

.sub-wrap .title-box .total {
    margin: 0 0 0 5px;
    display: flex;
    align-items: center;
    gap: 4px;
    line-height: 36px;
    font-size: 17px;
    font-weight: 600;
    color: #212121;
}

.sub-wrap .title-box .total span {
    color: #049871;
}

.sub-wrap .title-box .tab {
    margin: 0 0 0 auto;
    display: flex;
    align-items: center;
    gap: 15px;
}

.sub-wrap .title-box .tab .tab-btn {
    display: flex;
    align-items: center;
    text-align: center;
    gap: 5px;
    padding: 0 15px;
    height: 36px;
    border-radius: 36px;
    background: #f5f5f5;
    font-size: 15px;
    font-weight: 500;
    color: #424242;
    letter-spacing: -0.02em;
}

.sub-wrap .title-box .tab .tab-btn:hover {
    color: #049871;
}

.sub-wrap .title-box .tab .tab-btn.on {
    font-weight: 600;
    color: #049871;
    background: #E6F7F3;
}

.sub-wrap .title-box .button {
    margin: 0 0 0 auto;
    display: flex;
    align-items: center;
    gap: 15px;
}

.sub-wrap .title-box .button .btn {
    display: flex;
    align-items: center;
    text-align: center;
    gap: 5px;
    padding: 0 15px;
    height: 42px;
    border-radius: 36px;
    border: 1px solid #bdbdbd;
    background: #fff;
    font-size: 15px;
    font-weight: 500;
    color: #424242;
    letter-spacing: -0.02em;
}

.sub-wrap .title-box .button .btn:hover {
    color: #049871;
}

.sub-wrap .title-box .button .btn.on {
    border: 1px solid #049871;
    color: #049871;
    background: #ffffff;
}

.sub-wrap .list-box {}

.sub-wrap .list-box .list {}

.sub-wrap .list-box .list ul {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    border-top: 1px solid #424242;
    border-left: 1px solid #e0e0e0;
}

.sub-wrap .list-box .list ul li {
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

.sub-wrap .list-box .list .box {
    display: flex;
    padding: 30px 20px;
    flex-direction: column;
    min-height: 400px;
}

.sub-wrap .list-box .list .img {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    background: #f5f5f5;
	overflow:hidden;
}

.sub-wrap .list-box .list .img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sub-wrap .list-box .list .con {
    padding: 30px 0 0 0;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.sub-wrap .list-box .list .label {
    margin: 0 0 20px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.sub-wrap .list-box .list .label>span {
    display: flex;
    align-items: center;
    padding: 0 8px;
    height: 32px;
    font-size: 16px;
    font-weight: 600;
    color: #424242;
    background: #f5f5f5;
}

.sub-wrap .list-box .list .label>span.label-1 {
    background: #32c19b;
    color: #ffffff;
}

.sub-wrap .list-box .list .label>span.label-2 {
    background: #456bdc;
    color: #ffffff;
}

.sub-wrap .list-box .list .label>span.label-3 {
    background: #9e9e9e;
    color: #ffffff;
}

.sub-wrap .list-box .list .label>span.status_open{background:#32c19b;color:#ffffff;}
.sub-wrap .list-box .list .label>span.status_closed{background:#9e9e9e;color:#ffffff;}
.sub-wrap .list-box .list .label>span.status_forthcoming{background:#456bdc;color:#ffffff;}

.sub-wrap .list-box .list .subject {
    margin: 0 0 10px 0;
    line-height: 30px;
    font-size: 18px;
    font-weight: 600;
    color: #212121;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.sub-wrap .list-box .list .desc {
    margin: 0 0 10px 0;
    height: 50px;
    line-height: 25px;
    font-size: 15px;
    font-weight: 400;
    color: #212121;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.sub-wrap .list-box .list .bottom {
    margin: auto 0 0 0;
    display: flex;
    align-items: center;
}

.sub-wrap .list-box .list .date {
    line-height: 24px;
    font-size: 16px;
    color: #616161;
}

.sub-wrap .list-box .list .host {
    margin: 0 0 10px 0;
    height: 50px;
}

.sub-wrap .list-box .list .host dl {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    color: #424242;
}

.sub-wrap .list-box .list .host dt {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 100px;
    font-weight: 600;
}

.sub-wrap .list-box .list .host dt:before {
    content: '';
    width: 2px;
    height: 14px;
    background: #32c19b;
}

.sub-wrap .list-box .list .host dd {}

.sub-wrap .list-box .list.row {}

.sub-wrap .list-box .list.row ul {
    grid-template-columns: repeat(1, 1fr);
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

.sub-wrap .list-box .list.row ul li {
    border-bottom: 1px solid #e0e0e0;
    border-right: 0;
}

.sub-wrap .list-box .list.row ul li:last-of-type {
    border-bottom: 0;
}

.sub-wrap .list-box .list.row ul li .box {
    flex-direction: row;
    padding: 20px 40px;
    min-height: auto;
}

.sub-wrap .list-box .list.row ul li .img {
    display: none;
}

.sub-wrap .list-box .list.row ul li .con {
    padding: 0;
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 30px;
}

.sub-wrap .list-box .list.row ul li .label {
    margin: 0;
    flex: 0 0 auto;
    justify-content: flex-start;
}

.sub-wrap .list-box .list.row ul li .category {
    margin: 0;
    flex: 0 0 auto;
    width: 130px;
}

.sub-wrap .list-box .list.row ul li .subject {
    margin: 0;
    flex: 1;
    font-size: 16px;
    -webkit-line-clamp: 1;
}

.sub-wrap .list-box .list.row ul li .date {
    margin: 0;
    flex: 0 0 auto;
    font-size: 15px;
}

.sub-wrap .list-box .table {
    border-top: 1px solid #212121;
}

.sub-wrap .list-box .table .table-head {}

.sub-wrap .list-box .table .table-body {}

.sub-wrap .list-box .table ul {
    display: flex;
    align-items: center;
    padding: 22px 40px;
    border-bottom: 1px solid #e0e0e0;
}

.sub-wrap .list-box .table ul li {
    line-height: 26px;
    font-size: 16px;
    font-weight: 500;
    color: #212121;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    letter-spacing: -0.02em;
}

.sub-wrap .list-box .table ul li.num {}

.sub-wrap .list-box .table ul li.txt {}

.sub-wrap .list-box .table ul li.btn {}

.sub-wrap .list-box .table ul li.btn .btn-01 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    height: 36px;
    font-size: 15px;
    font-weight: 600;
    color: #ffffff;
    border-radius: 10px;
    border: 1px solid #049871;
    background: #049871;
}

.sub-wrap .list-box .table ul li.btn .btn-01:hover {
    color: #049871;
    background: #e6f7f3;
}

.sub-wrap .list-box .table ul li.btn .btn-02 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    height: 36px;
    font-size: 15px;
    font-weight: 600;
    color: #049871;
    border-radius: 10px;
    border: 1px solid #049871;
    background: #ffffff;
}

.sub-wrap .list-box .table ul li.btn .btn-02:hover {
    color: #049871;
    background: #e6f7f3;
}

.sub-wrap .list-box .table ul li.w40 {
    width: 40px;
}

.sub-wrap .list-box .table ul li.w80 {
    width: 80px;
}

.sub-wrap .list-box .table ul li.w120 {
    width: 120px;
}

.sub-wrap .list-box .table ul li.w150 {
    width: 150px;
}

.sub-wrap .list-box .table ul li.w200 {
    width: 200px;
}

.sub-wrap .list-box .table ul li.w350 {
    width: 350px;
}

.sub-wrap .list-box .table ul li .sort-btn {
    width: 25px;
    height: 25px;
    background: url("../img/common/ic_sort_btn.svg") no-repeat center / contain;
}

.sub-wrap .list-box .more {
    margin: 70px 0 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sub-wrap .list-box .more a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 50px;
    max-width: 100%;
    padding: 0 20px;
    border: 1px solid #049871;
    background: #ffffff;
    font-size: 17px;
    font-weight: 600;
    color: #049871;
    transition: all 0.3s;
}

.sub-wrap .list-box .more a:hover {
    background: #049871;
    border-color: #049871;
    color: #ffffff;
}

.about-wrap {
    position: relative;
    padding: 100px 0 150px;
}

.about-wrap .view-box {}

.about-wrap .view-box ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
}

.about-wrap .view-box ul li {
    padding: 50px;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
	text-align:center;
}

.about-wrap .view-box .img {
    margin: 0 auto 30px;
    width: 60px;
    height: 60px;
}

.about-wrap .view-box .img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.about-wrap .view-box .tit {
    margin: 0 0 10px 0;
    line-height: 22px;
    font-size: 18px;
    font-weight: 600;
    color: #212121;
}

.about-wrap .view-box .txt {
	display:none;
    margin: 0 0 30px 0;
    line-height: 22px;
    font-size: 16px;
    font-weight: 400;
    color: #757575;
}

.about-wrap .view-box .act {
	justify-content:center;
    display: flex;
    align-items: center;
}

.about-wrap .view-box .act a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 30px;
    width: 160px;
    max-width: 100%;
    height: 50px;
    border: 1px solid #e0e0e0;
    font-size: 17px;
    font-weight: 600;
    color: #049871;
    transition: all 0.3s;
}

.about-wrap .view-box .act a:hover {
    background: #049871;
    border-color: #049871;
    color: #ffffff;
}

.about-info-wrap {
    position: relative;
    padding: 100px 20px 150px;
}

.about-info-wrap .view-box {
    margin: 0 0 100px 0;
}

.about-info-wrap .view-box ul {
    position: relative;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}

.about-info-wrap .view-box ul:before {
    content: '';
    position: absolute;
    inset: 0;
    border: 1px solid #e0e0e0;
}

.about-info-wrap .view-box ul li {
    position: relative;
    padding: 30px 50px;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    cursor: pointer;
}

.about-info-wrap .view-box ul li.on {
    z-index: 3;
}

.about-info-wrap .view-box ul li.on:before {
    content: '';
    position: absolute;
    inset: 0 -1px -1px 0;
    border: 1px solid #049871;
    z-index: 5;
}

.about-info-wrap .view-box .img {
    width: 60px;
    height: 60px;
}

.about-info-wrap .view-box .img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.about-info-wrap .view-box .tit {
    line-height: 21px;
    font-size: 18px;
    font-weight: 600;
    color: #212121;
}

.about-info-wrap .info-box {
    margin: 0 0 100px 0;
    display: none;
}

.about-info-wrap .info-box.is-active {
    display: block;
}

.about-info-wrap .info-box .content-box {
    padding: 35px 50px;
    border: 1px solid #E0E0E0;
    border-top: 1px solid #424242
}

.about-info-wrap .info-box .button-box {
    margin: 70px 0 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.about-info-wrap .info-box .button-box a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 320px;
    max-width: 100%;
    height: 50px;
    padding: 0 20px;
    border: 1px solid #049781;
    font-size: 17px;
    font-weight: 600;
    color: #049871;
    transition: all 0.3s;
}

.about-info-wrap .info-box .button-box a:hover {
    background: #049871;
    border-color: #049871;
    color: #ffffff;
}

.about-info-wrap .list-box {}

.about-info-wrap .about {
    margin: 0 0 70px 0;
}

.about-info-wrap .about .img {
    margin: 0 0 40px 0;
    width: 100%;
    height: auto;
    aspect-ratio: 16/5;
}

.about-info-wrap .about .img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-info-wrap .about .con {
    display: flex;
}

.about-info-wrap .about .tit {
    width: 543px;
    max-width: 100%;
    line-height: 40px;
    font-size: 30px;
    font-weight: 700;
    color: #212121;
}

.about-info-wrap .about .txt {
    width: 1057px;
    max-width: 100%;
    padding: 0 0 0 50px;
    line-height: 22px;
    font-size: 16px;
    font-weight: 400;
    color: #757575;
}

.about-info-wrap .about .txt p {
    display: block;
    margin: 0 0 30px 0;
}

.about-info-wrap .about .txt p:last-of-type {
    margin-bottom: 0;
}
.about-info-wrap .image{

}
.about-info-wrap .text{
    margin:0 0 40px;
    line-height: 1.8;
    font-size: 16px;
    font-weight: 400;
    word-break: break-word;
}
.about-info-wrap .text > strong{
    display: block;
    margin:0 0 30px;
    font-size: 20px;
    font-weight: 600;
    color: #212121;
}
.about-info-wrap .text p > strong{
    display: inline-flex;
    align-items:center;
    font-weight: 600;
    margin: 0 4px 0 0;
    flex: 0 0 auto;
}
.about-info-wrap .text p > strong:before{
    content:'';
    margin:0 10px 0 0;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background:#000;
}
.about-info-wrap .text p{
    margin:0 0 20px;
    font-size: 16px;
    font-weight: 400;
    color: #212121;
    word-break: break-word;
}
.about-info-wrap .pillar {
    margin: 0 0 30px;
}

.about-info-wrap .pillar:last-of-type {
    margin-bottom: 0;
}

.about-info-wrap .pillar.is-close {}

.about-info-wrap .pillar.is-close .pillar-btn .arw {
    transform: rotate(180deg);
}

.about-info-wrap .pillar .pillar-btn {
    display: flex;
    align-items: center;
    padding: 0 30px;
    height: 65px;
    border-radius: 10px;
    background: #e6f7f3;
    cursor: pointer;
}

.about-info-wrap .pillar .pillar-btn .tit {
    flex: 1;
    font-size: 20px;
    font-weight: 600;
    color: #212121;
}

.about-info-wrap .pillar .pillar-btn .arw {
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    background: url("../img/sub/about_arrow.svg") no-repeat center / contain;
    transition: all 0.3s;
}

.about-info-wrap .pillar .pillar-play {
    display: flex;
    align-items: center;
    padding: 0 30px;
    height: 65px;
    border-radius: 10px;
    background: #e6f7f3;
	position:relative; 
}

.about-info-wrap .pillar .pillar-play .down a{position:absolute; left:0; top:0; width:100%; height:100%; display:block; }

.about-info-wrap .pillar .pillar-play .ico {
    flex: 0 0 auto;
    margin: 0 15px 0 0;
    width: 35px;
    height: 35px;
    background: url("../img/sub/about_play.svg") no-repeat center / contain;
    transition: all 0.3s;
}

.about-info-wrap .pillar .pillar-play .tit {
    font-size: 20px;
    font-weight: 600;
    color: #212121;
}

.about-info-wrap .pillar .pillar-play:after {
    flex: 0 0 auto;
    margin: 0 0 0 15px;
    width: 35px;
    height: 35px;
    background: url("../img/sub/about_down.svg") no-repeat center / contain;
	display:block; 
	content:"";
}

.about-info-wrap .pillar .pillar-box {
    margin: 15px 0 0 0;
    background: #fafafa;
    padding: 30px;
    border-radius: 10px;
}

.about-info-wrap .pillar .pillar-box .desc {
    position: relative;
    margin: 0 0 25px 0;
    line-height: 25px;
    font-size: 16px;
    font-weight: 400;
    color: #212121;
}
.about-info-wrap .pillar .pillar-box .name {
    position: relative;
    margin: 0 0 25px 0;
    padding: 0 0 0 30px;
    line-height: 25px;
    font-size: 18px;
    font-weight: 600;
    color: #212121;
}

.about-info-wrap .pillar .pillar-box .name:before {
    content: '';
    position: absolute;
    top: 11px;
    left: 13px;
    width: 4px;
    height: 4px;
    background: #212121;
    border-radius: 4px;
}

.about-info-wrap .pillar .pillar-box .item {
    margin: 0 0 25px 0;
    padding: 0 0 30px 0;
    border-bottom: 1px solid #e0e0e0;
}

.about-info-wrap .pillar .pillar-box .item:last-of-type {
    margin: 0;
    padding: 0;
    border: 0;
}

.about-info-wrap .pillar .pillar-box .item .head {
    margin: 0 0 25px 0;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.about-info-wrap .pillar .pillar-box .item .head .num {
    flex: 0 0 auto;
    width: 30px;
    aspect-ratio: 1/1;
    border-radius: 30px;
    background: #32c19b;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
}

.about-info-wrap .pillar .pillar-box .item .head .tit {
    padding: 2px 0;
    line-height: 25px;
    font-size: 17px;
    font-weight: 600;
    color: #212121;
}

.about-info-wrap .pillar .pillar-box .item .desc {
    margin: 0 0 20px 0;
    padding: 0 0 0 25px;
    line-height: 25px;
    font-size: 16px;
    font-weight: 500;
    color: #212121;
}

.about-info-wrap .pillar .pillar-box .item .desc.none {
    padding-left: 0;
}

.about-info-wrap .pillar .pillar-box .item .desc:last-of-type {
    margin-bottom: 0;
}
.about-info-wrap .pillar .pillar-box .item .desc a{
    text-decoration:underline;
}
.about-info-wrap .pillar .pillar-box .item .text{
    padding: 0 0 0 25px;
    line-height: 24px;
    font-size: 16px;
}
.about-info-wrap .pillar .pillar-box .item .text p{
    margin: 0 0 10px 0;
}
.about-info-wrap .pillar .pillar-box .item .text p:last-child{
    margin-bottom:0;
}
.about-info-wrap .pillar .pillar-box .item .text p strong{
    display: inline-flex;
    align-items:center;
    font-weight: 600;
    vertical-align: middle;
    margin: 0 10px 0 0;
}
.about-info-wrap .pillar .pillar-box .item .text p strong:before{
    content:'';
    margin:0 10px 0 0;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background:#000;
}
.about-info-wrap .pillar .pillar-box .item .list {
    margin: 0 0 25px 0;
    padding: 0 0 0 45px;
    line-height: 24px;
    font-size: 16px;
}

.about-info-wrap .pillar .pillar-box .item .list:last-of-type {
    padding-bottom: 0;
    margin-bottom: 0;
}

.about-info-wrap .pillar .pillar-box .item .list ol {}

.about-info-wrap .pillar .pillar-box .item .list ol li {
    list-style: decimal;
    margin: 0 0 10px;
    font-weight: 400;
}
.about-info-wrap .pillar .pillar-box .item .list ol li strong{
    font-weight:600;
}
.about-info-wrap .pillar .pillar-box .item .list ul.dot {}

.about-info-wrap .pillar .pillar-box .item .list ul.dot li {
    display: list-item;
    list-style: disc;
    margin:0 0 10px;
    font-weight:400;
}
.about-info-wrap .pillar .pillar-box .item .list ul.dot li  strong{
    font-weight:600;
}
.about-info-wrap .pillar .pillar-box .item .list ol.num {}

.about-info-wrap .pillar .pillar-box .item .list ol.num li:marker {
    content: counter(list-item) ". ";
}

.about-info-wrap .pillar .pillar-box .item .list ol.grid {
    column-count: 2;
    column-gap: 40px;
    list-style-position: inside;
}

.about-info-wrap .pillar .pillar-box .item .list ol.grid li:marker {
    content: counter(list-item) ". ";
}

.about-info-wrap .pillar .pillar-box .item .image {
    padding: 0 0 30px 0;
}

.about-info-wrap .pillar .pillar-box .item .image:last-of-type {
    padding-bottom: 0;
}

.about-info-wrap .pillar .pillar-box .item .image img {}

.about-info-wrap .pillar .pillar-box .item .label {
    margin: 0 0 25px 0;
    padding: 0 0 0 25px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.about-info-wrap .pillar .pillar-box .item .label span {
    display: flex;
    align-items: center;
    padding: 0 8px;
    height: 32px;
    background: #32c19b;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}

.about-info-wrap .pillar .pillar-box .item .label p {
    line-height: 32px;
    font-size: 17px;
    font-weight: 400;
    color: #212121;
}

.about-info-wrap .pillar .pillar-box .item .country {}

.about-info-wrap .pillar .pillar-box .item .country ul {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: center;
}

.about-info-wrap .pillar .pillar-box .item .country ul li {
    width: calc(20% - 20px);
}

.about-info-wrap .pillar .pillar-box .item .country .country-flag {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    border: 1px solid #e0e0e0;
    background: #fff;
    aspect-ratio: 27/8;
}

.about-info-wrap .pillar .pillar-box .item .country .country-flag img {
    position: relative;
    border: 1px solid #e0e0e0;
}

.about-info-wrap .pillar .pillar-box .item .country .country-name {
    margin: 10px 0 0 0;
    line-height: 25px;
    font-size: 16px;
    font-weight: 400;
    color: #212121;
    text-align: center;
}
.about-info-wrap .pillar .pillar-box .item .country .country-name small{
    line-height: 1;
    font-size:13px;
}

.about-info-wrap .pillar .pillar-box .item .down {
    margin: 0 0 40px 0;
}

.about-info-wrap .pillar .pillar-box .item .down:last-of-type {
    margin-bottom: 0;
}

.about-info-wrap .pillar .pillar-box .item .down ul {}

.about-info-wrap .pillar .pillar-box .item .down ul li {
    margin: 0 0 10px 0;
}

.about-info-wrap .pillar .pillar-box .item .down ul li:last-of-type {
    margin-bottom: 0;
}

.about-info-wrap .pillar .pillar-box .item .down ul li a {
    display: flex;
    align-items: center;
    gap: 10px;
}

.about-info-wrap .pillar .pillar-box .item .down ul li .num {
    flex: 0 0 30px;
    aspect-ratio: 1 / 1;
    border-radius: 30px;
    background: #32c19b;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
}

.about-info-wrap .pillar .pillar-box .item .down ul li .tit {
    line-height: 27px;
    font-size: 17px;
    font-weight: 500;
    color: #212121;
    text-decoration: underline;
}

.about-info-wrap .pillar .pillar-box .item .down ul li .ico {
    flex: 0 0 auto;
    width: 35px;
    height: 35px;
    background: url("../img/sub/about_down.svg") no-repeat center / contain;
}

.about-info-wrap .button {
    margin: 70px 0 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-info-wrap .button a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 50px;
    max-width: 100%;
    padding: 0 20px;
    border: 1px solid #049871;
    background: #ffffff;
    font-size: 17px;
    font-weight: 600;
    color: #049871;
    transition: all 0.3s;
}

.about-info-wrap .button a:hover {
    background: #049871;
    border-color: #049871;
    color: #ffffff;
}

.tracker-wrap {
    position: relative;
    padding: 100px 0 150px;
}

.tracker-wrap .sec-1 {
    margin: 0 0 100px 0;
}

.tracker-wrap .sec-2 {}

.tracker-wrap .list-box {}

.tracker-wrap .list-box .list {}

.tracker-wrap .list-box .table {}

.tracker-wrap .list-box .more {
    margin: 70px 0 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tracker-wrap .list-box .more a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 50px;
    max-width: 100%;
    padding: 0 20px;
    border: 1px solid #049871;
    background: #ffffff;
    font-size: 17px;
    font-weight: 600;
    color: #049871;
    transition: all 0.3s;
}

.tracker-wrap .list-box .more a:hover {
    background: #049871;
    border-color: #049871;
    color: #ffffff;
}

.tracker-wrap .figure-box {
    margin: 0 0 70px 0;
    padding: 0 40px;
}

.tracker-wrap .figure-box .figure {
    margin: 0 0 70px 0;
}

.tracker-wrap .figure-box .figure:last-of-type {
    margin-bottom: 0;
}

.tracker-wrap .figure-box .figure .head {
    margin: 0 0 15px 0;
    display: flex;
    align-items: center;
}

.tracker-wrap .figure-box .figure .head .num {
    flex: 0 0 auto;
    margin: 0 15px 0 0;
    width: 45px;
    height: 45px;
    border-radius: 45px;
    background: #05b385;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    color: #fff;
}

.tracker-wrap .figure-box .figure .head .tit {
    margin: 0 10px 0 0;
    font-size: 24px;
    font-weight: 700;
    color: #212121;
}

.tracker-wrap .figure-box .figure .head .txt {
    font-size: 16px;
    font-weight: 400;
    color: #049871;
}

.tracker-wrap .figure-box .figure .text {
    line-height: 25px;
    font-size: 16px;
    font-weight: 500;
    color: #212121;
}

.tracker-wrap .figure-box .figure .text span {
    margin: 0 0 10px 0;
    display: block;
}

.tracker-wrap .figure-box .figure .text span:last-of-type {
    margin-bottom: 0;
}

.tracker-wrap .figure-box .figure .text span.blue {
    color: #456bdc;
}

.tracker-wrap .figure-box .figure .list {
    margin: 40px 0 0 0;
}

.tracker-wrap .figure-box .figure .list ul {
    display: flex;
    gap: 20px;
}

.tracker-wrap .figure-box .figure .list ul li {
    flex: 1;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 15px;
    border-radius: 10px;
    background: #fafafa;
}

.tracker-wrap .figure-box .figure .list .num {
    padding: 0 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 60px;
    height: 60px;
    font-size: 24px;
    font-weight: 700;
    color: #212121;
    background: #efefef;
    border-radius: 60px;
}

.tracker-wrap .figure-box .figure .list .txt {
    line-height: 22px;
    font-size: 18px;
    font-weight: 600;
    color: #212121;
}

.tracker-wrap .figure-box .figure .list.list-1 li {
    background: #e6f7f3;
}

.tracker-wrap .figure-box .figure .list.list-1 li .num {
    background: #fff;
    color: #049871;
}

.tracker-wrap .figure-box .figure .list.list-1 li .txt {
    color: #212121;
}

.tracker-wrap .figure-box .figure .list.list-2 li {
    background: #049871;
}

.tracker-wrap .figure-box .figure .list.list-2 li .num {
    background: #05B385;
    color: #fff;
}

.tracker-wrap .figure-box .figure .list.list-2 li .txt {
    color: #fff;
}

.tracker-wrap .figure-box .figure .list.list-3 li {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 0;
}

.tracker-wrap .figure-box .figure .list.list-3 li .num {
    background: #e6f7f3;
    color: #05B385;
}

.tracker-wrap .figure-box .figure .list.list-3 li .txt {
    color: #212121;
}

.tracker-wrap .flex-box {
    margin: 0 0 25px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.tracker-wrap .search-box {}

.tracker-wrap .search-box form {
    display: flex;
    align-items: center;
    width: 518px;
    height: 50px;
    border: 1px solid #bdbdbd;
    padding: 0 20px;
}

.tracker-wrap .search-box form:before {
    content: '';
    width: 35px;
    height: 35px;
    background: url("../img/common/ic_search_bk.svg") no-repeat center;
    flex: 0 0 auto;
}

.tracker-wrap .search-box form input {
    width: 100%;
    height: 50px;
    border: 0;
    background: transparent;
    font-size: 15px;
}

.tracker-wrap .util-box {
    display: flex;
    align-items: center;
    gap: 20px;
}

.tracker-wrap .util-box .util-btn {}

.tracker-wrap .util-box .util-btn .util-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    cursor: pointer;
    max-width: 100%;
    width: 162px;
    height: 45px;
    border: 1px solid #049871;
    padding: 0 20px;
    font-size: 16px;
    font-weight: 600;
    color: #049871;
}

.tracker-wrap .util-box .util-btn .util-menu {
    display: none;
}

.tracker-wrap .util-box .util-btn.util-filter .util-group:after {
    content: '';
    width: 25px;
    height: 25px;
    background: url("../img/common/ic_filter.svg") no-repeat center / contain;
}

.tracker-wrap .util-box .util-btn.util-sort .util-group:after {
    content: '';
    width: 25px;
    height: 25px;
    background: url("../img/common/ic_sort.svg") no-repeat center / contain;
}

.tracker-wrap .target-box {
    margin: 0 0 40px 0;
    padding: 15px 25px;
    width: 100%;
    border-radius: 10px;
    background: #f5f5f5;
}

.tracker-wrap .target-box .tit {
    line-height: 30px;
    font-size: 20px;
    font-weight: 600;
    color: #424242;
    margin: 0 0 10px;
}

.tracker-wrap .target-box .txt {}

.tracker-wrap .target-box .txt ul {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
}

.tracker-wrap .target-box .txt ul li {
    display: flex;
    align-items: center;
    height: 44px;
}

.tracker-wrap .target-box .txt ul li>label {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.tracker-wrap .target-box .txt ul li>label input {
    display: none;
}

.tracker-wrap .target-box .txt ul li>label input~i {
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    background: url("../img/common/ic_checkbox.svg") no-repeat center / contain;
}

.tracker-wrap .target-box .txt ul li>label input~span {
    font-size: 16px;
    font-weight: 500;
    color: #424242;
    text-transform: capitalize;
}

.tracker-wrap .target-box .txt ul li>label input:checked~i {
    background: url("../img/common/ic_checkbox_on.svg") no-repeat center / contain;
}

.opportunity-wrap {
    position: relative;
    padding: 100px 0 150px;
}

.opportunity-wrap .sec-1 {
    margin: 0 0 100px 0;
}

.opportunity-wrap .sec-2 {}

.opportunity-wrap .sec-3 {}

.opportunity-wrap .list-box {}

.opportunity-wrap .list-box .agency {}

.opportunity-wrap .list-box .agency ul {
    display: flex;
    flex-wrap: wrap;
    gap: 40px 24px;
    justify-content: center;
}

.opportunity-wrap .list-box .agency ul li {
    width: calc(25% - 18px);
}

.opportunity-wrap .list-box .agency ul li .img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 38/14;
    border-radius: 20px;
    border: 1px solid #e0e0e0;
}

.opportunity-wrap .list-box .agency ul li .img img {
    max-width: 100%;
    height: auto;
}

.opportunity-wrap .list-box .agency ul li .con {
    padding: 20px 0 0 0;
    text-align: center;
}

.opportunity-wrap .list-box .agency ul li .name {
    line-height: 25px;
    font-size: 16px;
    font-weight: 500;
    color: #212121;
}

.opportunity-wrap .list-box .agency ul li .desc {
    margin: 5px 0 0 0;
    line-height: 20px;
    font-size: 14px;
    color: #616161;
}

.opportunity-wrap .list-box .more {
    margin: 70px 0 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.opportunity-wrap .list-box .more a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 50px;
    max-width: 100%;
    padding: 0 20px;
    border: 1px solid #049871;
    background: #ffffff;
    font-size: 17px;
    font-weight: 600;
    color: #049871;
    transition: all 0.3s;
}

.opportunity-wrap .list-box .more a:hover {
    background: #049871;
    border-color: #049871;
    color: #ffffff;
}

.eventnews-wrap {
    position: relative;
    padding: 100px 0 150px;
}

.eventnews-wrap .sec-1 {
    margin: 0 0 100px 0;
}

.eventnews-wrap .sec-2 {}

.eventnews-wrap .calendar-box {}

.eventnews-wrap .calendar-box .head {
    margin: 0 0 50px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.eventnews-wrap .calendar-box .head .prev {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    border: 1px solid #ddd;
    background: #fff url("../img/common/ic_cal_arrow.svg") no-repeat center;
    transform: rotate(180deg);
    cursor: pointer;
}

.eventnews-wrap .calendar-box .head .prev:hover {
    border-color: #212121;
}

.eventnews-wrap .calendar-box .head .next {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    border: 1px solid #ddd;
    background: #fff url("../img/common/ic_cal_arrow.svg") no-repeat center;
    transform: rotate(0);
    cursor: pointer;
}

.eventnews-wrap .calendar-box .head .next:hover {
    border-color: #212121;
}

.eventnews-wrap .calendar-box .head .date {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 60px;
    gap: 15px;
}

.eventnews-wrap .calendar-box .head .date .month {
    font-size: 28px;
    font-weight: 500;
    color: #212121;
}

.eventnews-wrap .calendar-box .head .date .year {
    font-size: 35px;
    font-weight: 700;
    color: #212121;
}

.eventnews-wrap .calendar-box .calendar {
    position: relative;
    text-align: center;
}

.eventnews-wrap .calendar-box .calendar .calendar-head {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    border-top: 2px solid #212121
}

.eventnews-wrap .calendar-box .calendar .calendar-head li {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    font-size: 20px;
    font-weight: 600;
    color: #666;
    border-bottom: 1px solid #e0e0e0;
}

.eventnews-wrap .calendar-box .calendar .calendar-head li.sun {
    color: #ec2027;
}

.eventnews-wrap .calendar-box .calendar .calendar-body {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}

.eventnews-wrap .calendar-box .calendar .calendar-body li {
    display: flex;
    padding: 25px 20px;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    aspect-ratio: 1/1;
    font-size: 20px;
    font-weight: 500;
    color: #666;
}

.eventnews-wrap .calendar-box .calendar .calendar-body li:nth-child(7n) {
    border-right: 0;
}

.eventnews-wrap .calendar-box .calendar .calendar-body li.sun {
    color: #456bdc;
    background: #fafafa;
}

.eventnews-wrap .calendar-box .calendar .calendar-body li.sat {
    color: #32c19b;
    background: #fafafa;
}

.eventnews-wrap .calendar-box .calendar .calendar-body li.disabled {
    color: #999;
}

.eventnews-wrap .calendar-box .calendar .calendar-bars {
    position: absolute;
    top: 62px;
    left: 0;
    width: 100%;
    pointer-events: none;
}

.eventnews-wrap .calendar-box .calendar .calendar-bars .bar {
    position: absolute;
    padding: 0 10px;
    cursor: pointer;
    pointer-events: all;
    display: flex;
    align-items: center;
    min-height: 32px;
}

.eventnews-wrap .calendar-box .calendar .calendar-bars .bar span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding: 0 10px;
    min-height: 32px;
    line-height: 32px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    border-radius: 5px;
    background: #000;
    text-align: left;
}

.eventnews-wrap .calendar-box .calendar .calendar-bars .bar:hover {
    z-index: 5;
}

.eventnews-wrap .calendar-box .calendar .calendar-bars .bar:hover span {
    display: block;
}

.eventnews-wrap .calendar-box .calendar .calendar-bars .bar.active {
    z-index: 5;
}

.eventnews-wrap .calendar-box .calendar .calendar-bars .bar.active span {
    display: block;
}

.eventnews-wrap .calendar-box .calendar .calendar-bars .bar-1 span {
    background: #047f5e;
}

.eventnews-wrap .calendar-box .calendar .calendar-bars .bar-2 span {
    background: #62cfb2;
}

.eventnews-wrap .calendar-box .calendar .calendar-bars .bar-3 span {
    background: #02513C;
}

.eventnews-wrap .calendar-box .calendar .calendar-bars .bar-4 span {
    background: #05B385;
}

.eventnews-wrap .calendar-box .calendar .calendar-modal {
    position: absolute;
    border-radius: 5px 5px 20px 20px;
    border-top: 5px solid #05b385;
    width: 400px;
    max-width: 100%;
    background: #fff;
    box-shadow: 4px 4px 25px rgb(66 66 66 / 15%);
    padding: 15px;
    opacity: 0;
    visibility: hidden;
}

.eventnews-wrap .calendar-box .calendar .calendar-modal.active {
    z-index: 6;
    opacity: 1;
    visibility: visible;
}

.eventnews-wrap .calendar-box .calendar .calendar-modal .subject {
    padding: 15px 0 30px 0;
    line-height: 22px;
    font-size: 17px;
    font-weight: 600;
    color: #212121;
    text-align: center;
}

.eventnews-wrap .calendar-box .calendar .calendar-modal .date {
    margin: 0 0 10px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    text-align: center;
    background: #E6F7F3;
    border-radius: 30px;
}

.eventnews-wrap .calendar-box .calendar .calendar-modal .date .month {
    line-height: 22px;
    font-size: 16px;
    font-weight: 500;
    color: #212121;
}

.eventnews-wrap .calendar-box .calendar .calendar-modal .date .year {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 18px;
    font-weight: 700;
    color: #05b385;
}

.eventnews-wrap .calendar-box .calendar .calendar-modal .date .year:before {
    content: '';
    margin: 0 8px;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background: #62cfb2;
}

.eventnews-wrap .calendar-box .calendar .calendar-modal .description {
    padding: 20px;
    border-radius: 15px;
    background: #f5f5f5;
    text-align: left;
    line-height: 22px;
    font-size: 15px;
    color: #666;
}

.eventnews-wrap .calendar-box .calendar .calendar-modal .description p {
    position: relative;
    margin: 0 0 10px 0;
    padding-left: 12px;
}

.eventnews-wrap .calendar-box .calendar .calendar-modal .description p:before {
    content: '';
    position: absolute;
    top: 8px;
    left: 2px;
    width: 4px;
    height: 4px;
    background: #ccc;
    border-radius: 4px;
}

.eventnews-wrap .calendar-box .calendar .calendar-modal .description p:last-of-type {
    margin: 0;
}

.faq-wrap {
    position: relative;
    padding: 100px 0 150px;
}

.faq-wrap .sec-1 {
    margin: 0 0 100px 0;
}

.faq-wrap .sec-2 {}

.faq-wrap .faq-box {}

.faq-wrap .faq-box .list {
    border: 1px solid #e0e0e0;
    border-top: 1px solid #212121
}

.faq-wrap .faq-box .list ul {}

.faq-wrap .faq-box .list ul li {
    border-bottom: 1px solid #e0e0e0;
}

.faq-wrap .faq-box .list ul li:last-of-type {
    border-bottom: 0;
}

.faq-wrap .faq-box .list ul li.active .faq-head .arrow {}

.faq-wrap .faq-box .list ul li.active .faq-head .arrow:before {
    transform: rotate(180deg);
}

.faq-wrap .faq-box .list .faq-head {
    display: flex;
    align-items: center;
    padding: 20px 45px;
}

.faq-wrap .faq-box .list .faq-head .label {
    width: 132px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.faq-wrap .faq-box .list .faq-head .label span {
    display: flex;
    align-items: center;
    padding: 0 8px;
    height: 32px;
    font-size: 16px;
    font-weight: 600;
    color: #424242;
    background: #f5f5f5;
    white-space: nowrap;
    letter-spacing: -0.02em;
}

.faq-wrap .faq-box .list .faq-head .label span.label-1 {
    background: #32c19b;
    color: #ffffff;
}

.faq-wrap .faq-box .list .faq-head .label span.label-2 {
    background: #456bdc;
    color: #ffffff;
}

.faq-wrap .faq-box .list .faq-head .label span.label-3 {
    background: #9e9e9e;
    color: #ffffff;
}

.faq-wrap .faq-box .list .faq-head .subject {
    display: flex;
    align-items: center;
    padding: 0 45px;
    gap: 20px;
}

.faq-wrap .faq-box .list .faq-head .subject .tit {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background: #e6f7f3;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 600;
    color: #32c19b;
    flex: 0 0 auto;
}

.faq-wrap .faq-box .list .faq-head .subject .txt {
    font-size: 16px;
    font-weight: 500;
    color: #212121;
}

.faq-wrap .faq-box .list .faq-head .arrow {
    margin-left: 50px;
    width: 60px;
    height: 30px;
    display: flex;
    align-items: center;
    cursor: pointer;
	transform: rotate(180deg);
	transition: all 0.3s ease-out;
}

.faq-wrap .faq-box .list .faq-head .arrow:before {
    content: '';
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background: #e6f7f3 url("../img/sub/faq_arrow.svg") no-repeat center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.faq-wrap .faq-box .list .faq-text {
    display: none;
    padding: 20px 145px 20px 222px;
    background: #fafafa;
    border-top: 1px solid #e0e0e0;
}

.faq-wrap .faq-box .list .faq-text .description {
    display: flex;
    align-items: center;
    gap: 20px;
}

.faq-wrap .faq-box .list .faq-text .description .tit {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background: #32C19B;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    flex: 0 0 auto;
}

.faq-wrap .faq-box .list .faq-text .description .txt {
    font-size: 16px;
    font-weight: 500;
    color: #212121;
}

.faq-wrap .faq-box .more {
    margin: 70px 0 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.faq-wrap .faq-box .more a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 50px;
    max-width: 100%;
    padding: 0 20px;
    border: 1px solid #049871;
    background: #ffffff;
    font-size: 17px;
    font-weight: 600;
    color: #049871;
    transition: all 0.3s;
}

.faq-wrap .faq-box .more a:hover {
    background: #049871;
    border-color: #049871;
    color: #ffffff;
}

.faq-wrap .qna-box {}

.faq-wrap .qna-box .list {}

.faq-wrap .qna-box .list>ul {
    border: 1px solid #e0e0e0;
    border-top: 1px solid #212121
}

.faq-wrap .qna-box .list>ul>li {
    padding: 35px 50px;
    border-bottom: 1px solid #e0e0e0;
}

.faq-wrap .qna-box .list>ul>li:last-of-type {
    border-bottom: 0;
}

.faq-wrap .qna-box .list>ul>li.active .qna-info .all i {
    transform: rotate(180deg);
}

.faq-wrap .qna-box .list .qna-head {
    margin: 0 0 20px 0;
    display: flex;
    align-items: center;
}

.faq-wrap .qna-box .list .qna-head .label {
    margin: 0 30px 0 0;
    width: 132px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.faq-wrap .qna-box .list .qna-head .label span {
    display: flex;
    align-items: center;
    padding: 0 8px;
    height: 32px;
    font-size: 16px;
    font-weight: 600;
    color: #424242;
    background: #f5f5f5;
    white-space: nowrap;
    letter-spacing: -0.02em;
}

.faq-wrap .qna-box .list .qna-head .label span.label-1 {
    background: #32c19b;
    color: #ffffff;
}

.faq-wrap .qna-box .list .qna-head .label span.label-2 {
    background: #456bdc;
    color: #ffffff;
}

.faq-wrap .qna-box .list .qna-head .label span.label-3 {
    background: #9e9e9e;
    color: #ffffff;
}

.faq-wrap .qna-box .list .qna-head .icon {
    margin: 0 10px 0 0;
    width: 35px;
    height: 35px;
    border-radius: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    overflow: hidden;
}

.faq-wrap .qna-box .list .qna-head .icon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.faq-wrap .qna-box .list .qna-head .title {
    flex: 1;
    font-size: 16px;
    font-weight: 500;
    color: #212121;
}

.faq-wrap .qna-box .list .qna-cont {
    margin: 0 0 30px;
}

.faq-wrap .qna-box .list .qna-cont .text {
    line-height: 25px;
    font-size: 15px;
    color: #212121;
}

.faq-wrap .qna-box .list .qna-cont .date {
    margin: 20px 0 0 0;
    line-height: 24px;
    font-size: 15px;
    color: #616161;
}

.faq-wrap .qna-box .list .qna-info {
    padding: 15px 30px;
    background: #E6F7F3;
    display: flex;
    align-items: center;
    border-radius: 10px;
}

.faq-wrap .qna-box .list .qna-info .icon {
    margin: 0 15px 0 0;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
}

.faq-wrap .qna-box .list .qna-info .icon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.faq-wrap .qna-box .list .qna-info .icon img+img {
    margin-left: -15px;
}

.faq-wrap .qna-box .list .qna-info .total {
    line-height: 24px;
    font-size: 15px;
    font-weight: 500;
    color: #424242;
}

.faq-wrap .qna-box .list .qna-info .total span {
    font-weight: 600;
}

.faq-wrap .qna-box .list .qna-info .comments {
    position: relative;
    margin: 0 0 0 15px;
    padding: 0 0 0 15px;
    line-height: 24px;
    font-size: 15px;
    font-weight: 500;
    color: #32c19b;
}

.faq-wrap .qna-box .list .qna-info .comments:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 15px;
    background: #bdbdbd;
    transform: translateY(-50%);
}

.faq-wrap .qna-box .list .qna-info .comments span {
    font-weight: 600;
}

.faq-wrap .qna-box .list .qna-info .all {
    margin: 0 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 15px;
    font-weight: 500;
    color: #424242;
    cursor: pointer;
}

.faq-wrap .qna-box .list .qna-info .all i {
    width: 30px;
    height: 30px;
    background: url("../img/sub/qna_arrow.svg") no-repeat center;
}

.faq-wrap .qna-box .list .qna-comments {
    display: none;
}

.faq-wrap .qna-box .list .qna-comments>ul {}

.faq-wrap .qna-box .list .qna-comments>ul>li {
    margin: 15px 0 0 0;
    padding: 30px;
    border-radius: 10px;
    background: #fafafa;
}

.faq-wrap .qna-box .list .qna-comments .user {
    display: flex;
    align-items: center;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #e0e0e0;
}

.faq-wrap .qna-box .list .qna-comments .user .icon {
    margin: 0 15px 0 0;
    width: 35px;
    height: 35px;
    border-radius: 35px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.faq-wrap .qna-box .list .qna-comments .user .icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.faq-wrap .qna-box .list .qna-comments .user .title {
    font-size: 16px;
    font-weight: 500;
    color: #212121;
}

.faq-wrap .qna-box .list .qna-comments .text {
    padding: 20px 0 0 0;
    line-height: 24px;
    font-size: 15px;
    font-weight: 400;
    color: #212121;
}

.faq-wrap .qna-box .more {
    margin: 70px 0 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.faq-wrap .qna-box .more a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 50px;
    max-width: 100%;
    padding: 0 20px;
    border: 1px solid #049871;
    background: #ffffff;
    font-size: 17px;
    font-weight: 600;
    color: #049871;
    transition: all 0.3s;
}

.faq-wrap .qna-box .more a:hover {
    background: #049871;
    border-color: #049871;
    color: #ffffff;
}

.faq-wrap .qna-write {
    margin: 0 auto;
    width: 1000px;
    max-width: 100%;
    border-radius: 50px;
    border: 1px solid #e0e0e0;
    padding: 50px;
}

.faq-wrap .qna-write .title {
    line-height: 45px;
    font-size: 35px;
    font-weight: 600;
    text-align: Center;
    margin: 0 0 50px;
}

.faq-wrap .qna-write .form {}

.faq-wrap .qna-write .form dl {
    margin: 0 0 25px;
}

.faq-wrap .qna-write .form dt {
    margin: 0 0 10px;
    line-height: 25px;
    font-size: 16px;
    font-weight: 600;
    color: #424242;
}

.faq-wrap .qna-write .form dd {}

.faq-wrap .qna-write .form dd .user {
    display: flex;
    align-items: center;
    gap: 10px;
}

.faq-wrap .qna-write .form dd .user img {
    width: 35px;
    height: 35px;
    border-radius: 35px;
    overflow: hidden;
    flex: 0 0 auto;
}

.faq-wrap .qna-write .form dd .user span {
    font-size: 16px;
    font-weight: 500;
    color: #212121;
}

.faq-wrap .qna-write .form dd .inp {}

.faq-wrap .qna-write .form dd .inp input {
    display: block;
    padding: 10px 20px;
    width: 100%;
    height: 50px;
    font-size: 15px;
    color: #333;
    border-radius: 50px;
    background: #fff;
}

.faq-wrap .qna-write .form dd .inp textarea {
    display: block;
    padding: 20px;
    width: 100%;
    height: 150px;
    font-size: 15px;
    color: #333;
    border-radius: 20px;
    background: #fff;
}

.faq-wrap .qna-write .form dd .word {
    margin: 25px 0 0 0;
    text-align: right;
    font-size: 16px;
    color: #424242;
}

.faq-wrap .qna-write .button {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 60px 0 0 0;
    gap: 20px;
}

.faq-wrap .qna-write .button .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 190px;
    height: 50px;
    border: 1px solid #e0e0e0;
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.faq-wrap .qna-write .button .btn_01 {
    background: #049871;
    border-color: #049871;
    color: #ffffff;
}

.faq-wrap .qna-write .button .btn_02 {
    background: #ffffff;
    border-color: #049871;
    color: #049871;
}


.ncp-wrap {
    position: relative;
    padding: 100px 20px 150px;
}

.ncp-wrap .sec-1 {
    margin: 0 0 100px 0;
}

.ncp-wrap .sec-2 {
    margin: 0 0 90px 0;
}

.ncp-wrap .sec-3 {}

.ncp-wrap .info-box {
	padding:50px 0;
	border-bottom:1px solid #333;
	border-top:1px solid #333;
    margin: 0 0 70px 0;
}

.ncp-wrap .info-box .img {
    margin: 0 0 40px 0;
    width: 100%;
    height: auto;
    aspect-ratio: 16/5;
}

.ncp-wrap .info-box .img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ncp-wrap .info-box .con {
    display: flex;
}

.ncp-wrap .info-box .tit {
    width: 543px;
    max-width: 100%;
    line-height: 40px;
    font-size: 30px;
    font-weight: 700;
    color: #212121;
}

.ncp-wrap .info-box .txt {
    max-width: 100%;
    
    line-height: 22px;
    font-size: 16px;
    font-weight: 400;
    color: #757575;
}

.ncp-wrap .info-box .txt p {
    display: block;
    margin: 0 0 30px 0;
    word-break: break-word;
}

.ncp-wrap .info-box .txt p:last-of-type {
    margin-bottom: 0;
}

.ncp-wrap .view-box {}

.ncp-wrap .view-box .head {
    margin: 0 0 40px;
    line-height: 40px;
    font-size: 30px;
    font-weight: 700;
    color: #212121;
}

.ncp-wrap .view-box .cont {}

.ncp-wrap .view-box ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px
}

.ncp-wrap .view-box ul li {
    padding: 50px;
    border: 1px solid #e0e0e0;
    display: flex;
    align-items: center;
}

.ncp-wrap .view-box .img {
    margin: 0 20px 0 0;
    width: 60px;
    height: 60px;
    flex: 0 0 auto;
}

.ncp-wrap .view-box .img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.ncp-wrap .view-box .tit {
    line-height: 26px;
    font-size: 18px;
    font-weight: 400;
    color: #212121;
}
.ncp-wrap .view-box .tit  strong{
    font-weight: 600;
}

.ncp-wrap .list-box {}

.ncp-wrap .list-box .list {}

.ncp-wrap .list-box .list ul {}

.ncp-wrap .list-box .list ul li {}

.ncp-wrap .list-box .list .box {}

.ncp-wrap .list-box .list .img {
    margin: 0 auto;
    width: 250px;
    max-width: 100%;
    height: auto;
    aspect-ratio: 1/1;
}

.ncp-wrap .list-box .list .con {
    align-items: center;
}

.ncp-wrap .list-box .list .user {
    margin: 0 0 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ncp-wrap .list-box .list .user .name {
    line-height: 25px;
    font-size: 18px;
    font-weight: 600;
    color: #212121;
}

.ncp-wrap .list-box .list .user .country {
    display: flex;
    align-items: center;
    line-height: 25px;
    font-size: 16px;
    font-weight: 500;
    color: #616161;
}

.ncp-wrap .list-box .list .user .country:before {
    content: '';
    width: 1px;
    height: 15px;
    background: #bdbdbd;
    margin: 0 10px;
}

.ncp-wrap .list-box .list .type {
    width: 100%;
    padding: 5px 10px;
    line-height: 30px;
    font-size: 16px;
    font-weight: 600;
    color: #049871;
    background: #e6f7f3;
    text-align: center;
}

.ncp-wrap .list-box .list .info {
    padding: 15px;
    background: #fafafa
}

.ncp-wrap .list-box .list .info dl {
    margin: 0 0 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: #424242;
    flex-wrap: wrap;
}

.ncp-wrap .list-box .list .info dl:last-of-type {
    margin-bottom: 0;
}

.ncp-wrap .list-box .list .info dt {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 50px;
    font-size: 15px;
    font-weight: 600;
}

.ncp-wrap .list-box .list .info dt:before {
    content: '';
    width: 2px;
    height: 14px;
    background: #32c19b;
}

.ncp-wrap .list-box .list .info dd {}

.ncp-wrap .list-box .list .act {
    margin: 20px 0 0 0;
}

.ncp-wrap .list-box .list .act a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 45px;
    border: 1px solid #049871;
    font-size: 17px;
    font-weight: 700;
    color: #049871;
    gap: 10px;
    transition: all 0.3s;
}

.ncp-wrap .list-box .list .act a:before {
    content: '';
    width: 23px;
    height: 18px;
    background: url("../img/sub/ncp_mail.svg") no-repeat center / contain;
    transition: all 0.3s;
}

.ncp-wrap .list-box .list .act a:hover {
    background: #049871;
    color: #fff;
}

.ncp-wrap .list-box .list .act a:hover:before {
    background: url("../img/sub/ncp_mail_w.svg") no-repeat center / contain;
}

.ncp-wrap .subscribe {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 60px 80px;
    background: #e6f7f3;
}

.ncp-wrap .subscribe .text {}

.ncp-wrap .subscribe .text .tit {
    line-height: 50px;
    font-size: 30px;
    font-weight: 600;
    color: #212121;
    display: flex;
    align-items: center;
    gap: 15px;
}

.ncp-wrap .subscribe .text .tit span {
    font-sizE: 40px;
    font-weight: 700;
    color: #049871;
}

.ncp-wrap .subscribe .text .txt {
    margin: 20px 0 0 0;
    line-height: 22px;
    font-size: 16px;
    color: #424242;
}

.ncp-wrap .subscribe .button {}

.ncp-wrap .subscribe .button a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 250px;
    max-width: 100%;
    height: 50px;
    border: 1px solid #049871;
    font-size: 17px;
    font-weight: 500;
    color: #fff;
    gap: 10px;
    background: #049871;
    border-radius: 15px;
    transition: all 0.3s;
}

.ncp-wrap .subscribe .button a:before {
    content: '';
    width: 23px;
    height: 18px;
    background: url("../img/sub/ncp_mail_w.svg") no-repeat center / contain;
    transition: all 0.3s;
}

.ncp-wrap .subscribe .button a:hover {
    background: #fff;
    color: #049871;
}

.ncp-wrap .subscribe .button a:hover:before {
    background: url("../img/sub/ncp_mail.svg") no-repeat center / contain;
}

.note-wrap {
    position: fixed;
    z-index: 1000;
    inset: 0;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}

.note-wrap.active {
    opacity: 1;
    visibility: visible;
}

.note-wrap .note {
    position: relative;
    z-index: 2;
    padding: 50px;
    width: 800px;
    max-width: 100%;
    background: #fff;
    border-radius: 50px;
    border: 1px solid #e0e0e0;
}

.note-wrap .note .title {
    margin: 0 0 50px 0;
    line-height: 45px;
    font-size: 35px;
    font-weight: 600;
    color: #212121;
    text-align: center;
}

.note-wrap .note .form {}

.note-wrap .note .form dl {
    margin: 0 0 25px;
}

.note-wrap .note .form dt {
    margin: 0 0 10px;
    line-height: 25px;
    font-size: 16px;
    font-weight: 600;
    color: #424242;
}

.note-wrap .note .form dd {}

.note-wrap .note .form .inp {}

.note-wrap .note .form .inp input {
    display: block;
    width: 100%;
    height: 50px;
    padding: 15px;
    border-radius: 20px;
    border: 1px solid #e0e0e0;
    font-size: 16px;
    font-weight: 500;
    color: #212121;
}

.note-wrap .note .form .inp textarea {
    display: block;
    width: 100%;
    height: 150px;
    padding: 15px;
    border-radius: 20px;
    border: 1px solid #e0e0e0;
    font-size: 16px;
    font-weight: 500;
    color: #212121;
}

.note-wrap .note .util {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.note-wrap .note .util .check {}

.note-wrap .note .util .check label {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.note-wrap .note .util .check label input {
    display: none;
}

.note-wrap .note .util .check label input~i {
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    background: url("../img/common/ic_checkbox.svg") no-repeat center / contain;
}

.note-wrap .note .util .check label input~span {
    font-size: 16px;
    font-weight: 500;
    color: #424242;
    text-transform: capitalize;
}

.note-wrap .note .util .check label input:checked~i {
    background: url("../img/common/ic_checkbox_on.svg") no-repeat center / contain;
}

.note-wrap .note .util .word {
    font-size: 16px;
    color: #424242;
}

.note-wrap .note .button {
    margin: 60px 0 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 20px;
}

.note-wrap .note .button .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 190px;
    max-width: 100%;
    height: 50px;
    border: 1px solid #e0e0e0;
    font-size: 16px;
    font-weight: 600;
    color: #212121;
}

.note-wrap .note .button .btn.btn-01 {
    background: #049871;
    border-color: #049871;
    color: #ffffff;
}

.note-wrap .note .button .btn.btn-02 {
    background: #ffffff;
    border-color: #049871;
    color: #049871;
}

.note-wrap .dim {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: #424242;
    opacity: 0.5;
}

#container .pg_wrap {
    margin: 70px 0 20px;
    float: none;
    display: block;
}

#container .pg_wrap .pg {
    display: flex;
    justify-content: center;
    gap: 10px;
}

#container .pg_wrap .pg_page {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    font-size: 15px;
    color: #424242;
    border-radius: 30px;
    border: 1px solid transparent;
    background: transparent;
}

#container .pg_wrap .pg_current {
    border-radius: 50%;
    border: 1px solid #049871;
    font-weight: 700;
    color: #049871;
    background: transparent;
}

#container .pg_wrap .pg_end {
    background: url("../img/common/ic_pg_arrow2.svg") no-repeat center;
}

#container .pg_wrap .pg_start {
    background: url("../img/common/ic_pg_arrow2.svg") no-repeat center;
    transform: rotate(180deg);
}

#container .pg_wrap .pg_next {
    background: url("../img/common/ic_pg_arrow.svg") no-repeat center;
}

#container .pg_wrap .pg_prev {
    background: url("../img/common/ic_pg_arrow.svg") no-repeat center;
    transform: rotate(180deg);
}

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

    .sboard-wrap {
        padding: 60px 20px;
    }

    .sboard-wrap .flex-box {
        margin: 0 0 15px 0;
        flex-wrap: wrap;
        gap: 10px 0;
    }

    .sboard-wrap .search-box {
        width: 100%;
    }

    .sboard-wrap .search-box form {
        width: 100%;
        height: 45px;
        padding: 0 10px;
    }

    .sboard-wrap .search-box form:before {
        content: '';
        width: 35px;
        height: 35px;
        background: url("../img/common/ic_search_bk.svg") no-repeat center;
        flex: 0 0 auto;
    }

    .sboard-wrap .search-box form input {
        height: 45px;
        font-size: 14px;
    }

    .sboard-wrap .util-box {
        gap: 10px;
    }

    .sboard-wrap .util-box .util-btn {}

    .sboard-wrap .util-box .util-btn .util-group {
        gap: 8px;
        width: 100%;
        height: 40px;
        padding: 0 10px;
        font-size: 14px;
    }

    .sboard-wrap .util-box .util-btn .util-menu {
        display: none;
    }

    .sboard-wrap .util-box .util-btn.util-filter .util-group:after {
        content: '';
        width: 25px;
        height: 25px;
        background: url("../img/common/ic_filter.svg") no-repeat center / contain;
    }

    .sboard-wrap .util-box .util-btn.util-sort .util-group:after {
        content: '';
        width: 25px;
        height: 25px;
        background: url("../img/common/ic_sort.svg") no-repeat center / contain;
    }

    /* Sort by 드롭다운 - 모바일 */
    .sboard-wrap .util-box .util-btn.util-sort .util-menu ul li a {
        font-size: 14px;
        padding: 8px 14px;
    }

    .sboard-wrap .target-box {
        margin: 0 0 30px 0;
        padding: 15px;
    }

    .sboard-wrap .target-box .tit {
        line-height: 30px;
        font-size: 20px;
        font-weight: 600;
        color: #424242;
        margin: 0 0 10px;
    }

    .sboard-wrap .target-box .txt {}

    .sboard-wrap .target-box .txt+.txt {
        border-top: 1px solid #e0e0e0;
        padding: 10px 0 0 0;
        margin: 10px 0 0 0;
    }

    .sboard-wrap .target-box .txt ul {
        grid-template-columns: repeat(2, 1fr);
    }

    .sboard-wrap .target-box .txt ul li {
        height: 36px;
    }

    .sboard-wrap .target-box .txt ul li>label {
        gap: 8px;
    }

    .sboard-wrap .target-box .txt ul li>label input {
        display: none;
    }

    .sboard-wrap .target-box .txt ul li>label input~i {
        width: 20px;
        height: 20px;
    }

    .sboard-wrap .target-box .txt ul li>label input~span {
        font-size: 14px;
    }

    .sboard-wrap .target-box .txt ul li>label input:checked~i {
        background: url("../img/common/ic_checkbox_on.svg") no-repeat center / contain;
    }

    .sboard-wrap .write-box {
        padding: 15px 0;
    }

    .sboard-wrap .write-box .form-area {}

    .sboard-wrap .write-box .form-area>ul {}

    .sboard-wrap .write-box .form-area>ul>li {
        margin-bottom: 20px;
    }

    .sboard-wrap .write-box .form-area .title {
        margin: 0 0 15px 0;
        line-height: 1.5;
        font-size: 14px;
    }

    .sboard-wrap .write-box .form-area .flex-box {
        margin: 0 0 10px 0;
        gap: 10px;
    }

    .sboard-wrap .write-box .form-area .flex-box:last-of-type {
        margin-bottom: 0;
    }

    .sboard-wrap .write-box .form-area .flex-box .input-box {
        margin: 0;
    }

    .sboard-wrap .write-box .form-area .flex-box .box {
        flex: 1;
    }

    .sboard-wrap .write-box .form-area .input-box {
        margin: 0 0 15px 0;
        flex: 1;
        display: flex;
        width: 100%;
    }

    .sboard-wrap .write-box .form-area .input-box:last-of-type {
        margin-bottom: 0;
    }

    .sboard-wrap .write-box .form-area .input-box input[type="text"] {
        padding: 0 10px;
        height: 45px;
        border-radius: 5px;
        font-size: 13px;
    }

    .sboard-wrap .write-box .form-area .input-box input[type="text"].datepicker {
        background-image: url("../img/common/ic_calendar.svg") !important;
        background-repeat: no-repeat;
        background-position: right 20px center;
    }

    .sboard-wrap .write-box .form-area .input-box select {
        display: block;
        padding: 0 40px 0 10px;
        height: 50px;
        border-radius: 5px;
        font-size: 13px;
        background-position: right 10px center;
    }

    .sboard-wrap .write-box .form-area .input-box textarea {
        padding: 10px;
        font-size: 13px;
    }

    .sboard-wrap .write-box .form-area .input-box .smarteditor2 {
        width: 100%;
    }

    .sboard-wrap .write-box .form-area .btn-box {
        display: flex;
        gap: 8px;
    }

    .sboard-wrap .write-box .form-area .btn-box .btn {
        width: 45px;
        height: 45px;
        border-radius: 5px;
    }

    .sboard-wrap .write-box .form-area .btn-box .btn.btn-add:before {
        content: '';
        width: 14px;
        height: 14px;
        background: url("../img/common/ic_btn_add.svg") no-repeat center / contain;
    }

    .sboard-wrap .write-box .form-area .btn-box .btn.btn-delete:before {
        content: '';
        width: 14px;
        height: 14px;
        background: url("../img/common/ic_btn_delete.svg") no-repeat center / contain;
    }

    .sboard-wrap .write-box .form-area .file-box {}

    .sboard-wrap .write-box .form-area .file-box .file-btn {
        display: flex;
        align-items: center;
    }

    .sboard-wrap .write-box .form-area .file-box .file-btn label {
        gap: 8px;
    }

    .sboard-wrap .write-box .form-area .file-box .file-btn label input {
        display: none;
    }

    .sboard-wrap .write-box .form-area .file-box .file-btn label span {
        height: 45px;
        padding: 0 10px;
        font-size: 13px;
        border-radius: 5px;
    }

    .sboard-wrap .write-box .form-area .file-box .file-btn label p {
        width: 130px;
        height: 45px;
        padding: 0 5px;
        font-size: 14px;
    }

    .sboard-wrap .write-box .form-area .file-box .file-list {
        margin-top: 15px;
    }

    .sboard-wrap .write-box .form-area .file-box .file-list ul {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }

    .sboard-wrap .write-box .form-area .file-box .file-list ul li {
        display: flex;
        align-items: center;
        height: 26px;
        gap: 10px;
    }

    .sboard-wrap .write-box .form-area .file-box .file-list ul li .file_list_txt {
        font-size: 16px;
        font-weight: 500;
        color: #616161;
    }

    .sboard-wrap .write-box .form-area .file-box .file-list ul li .file_list_del {
        width: 26px;
        height: 26px;
        background: url("../img/common/ic_file_delete.svg")
    }

    .sboard-wrap .write-box .form-area .subtitle-box {
        padding: 15px;
    }

    .sboard-wrap .write-box .btn-area {
        margin: 40px 0 0 0;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
    }

    .sboard-wrap .write-box .btn-area .btn {
        height: 45px;
        font-size: 14px;
    }

    .sboard-wrap .board-check-box {
        display: flex;
        align-items: center;
        margin: 0 0 20px 0;
    }

    .sboard-wrap .board-check-box label {
        display: flex;
        align-items: center;
        gap: 10px;
        cursor: pointer;
    }

    .sboard-wrap .board-check-box label input {
        display: none;
    }

    .sboard-wrap .board-check-box label input~i {
        flex: 0 0 auto;
        width: 24px;
        height: 24px;
        background: url("../img/common/ic_checkbox.svg") no-repeat center / contain;
    }

    .sboard-wrap .board-check-box label input~span {
        font-size: 16px;
        font-weight: 500;
        color: #424242;
    }

    .sboard-wrap .board-check-box label input:checked~i {
        background: url("../img/common/ic_checkbox_on.svg") no-repeat center / contain;
    }

    .sboard-wrap .board-list-box {
        margin: 0 0 40px 0;
    }



    .sboard-wrap .board-list-box li {
        position: relative;
        border-bottom: 1px solid #e0e0e0;
        border-right: 1px solid #e0e0e0;
    }

    .sboard-wrap .board-list-box li:nth-child(4n) {
        border-right: 0;
    }

    .sboard-wrap .board-list-box li.empty_list {
        height: 300px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .sboard-wrap .board-list-box .chk {
        position: absolute;
        top: 15px;
        left: 15px;
        z-index: 11;
    }

    .sboard-wrap .board-list-box .chk label {
        display: flex;
        align-items: center;
        gap: 10px;
        cursor: pointer;
    }

    .sboard-wrap .board-list-box .chk label input {
        display: none;
    }

    .sboard-wrap .board-list-box .chk label input~i {
        flex: 0 0 auto;
        width: 24px;
        height: 24px;
        background: url("../img/common/ic_checkbox.svg") no-repeat center / contain;
    }

    .sboard-wrap .board-list-box .chk label input~span {
        font-size: 16px;
        font-weight: 500;
        color: #424242;
    }

    .sboard-wrap .board-list-box .chk label input:checked~i {
        background: url("../img/common/ic_checkbox_on.svg") no-repeat center / contain;
    }

    .sboard-wrap .board-list-box .box {
        padding: 10px;
        min-height: auto;
    }

    .sboard-wrap .board-list-box .box:hover .img img {
        transform: scale(1.1);
    }

    .sboard-wrap .board-list-box .box:hover .subject {
        text-decoration: underline;
    }

    .sboard-wrap .board-list-box .img {
        height: auto;
        aspect-ratio: 1/1;
    }

    .sboard-wrap .board-list-box .img>img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all 0.5s;
    }

    .sboard-wrap .board-list-box .img.document-img {
        aspect-ratio: 342 / 400;
        height: auto;
    }

    .sboard-wrap .board-list-box .con {
        padding: 20px 0 0 0;
    }

    .sboard-wrap .board-list-box .category {
        margin-bottom: 10px;
    }

    .sboard-wrap .board-list-box .category span {
        height: 26px;
        padding: 0 6px;
        font-size: 12px;
    }

    .sboard-wrap .board-list-box .subject {
        margin-bottom: 10px;
        line-height: 1.6;
        font-size: 14px;
    }

    .sboard-wrap .board-list-box .date {
        line-height: 18px;
        font-size: 12px;
    }

    .sboard-wrap .board-list-box .desc {
        margin: 0 0 10px 0;
        height: 50px;
        line-height: 25px;
        font-size: 15px;
        font-weight: 400;
        color: #212121;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    .sboard-wrap .board-list-box .host {
        margin: 0 0 10px 0;
        height: 50px;
    }

    .sboard-wrap .board-list-box .host dl {
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 15px;
        color: #424242;
    }

    .sboard-wrap .board-list-box .host dt {
        display: flex;
        align-items: center;
        gap: 8px;
        min-width: 100px;
        font-weight: 600;
    }

    .sboard-wrap .board-list-box .host dt:before {
        content: '';
        width: 2px;
        height: 14px;
        background: #32c19b;
    }

    .sboard-wrap .board-list-box .host dd {}

    .sboard-wrap .board-list-row {}

    .sboard-wrap .board-list-row ul {
        grid-template-columns: repeat(1, 1fr);
    }

    .sboard-wrap .board-list-row ul li {
        border-bottom: 1px solid #e0e0e0;
        border-right: 0;
    }

/*
    .sboard-wrap .board-list-row ul li:last-of-type {
        border-bottom: 0;
    }
*/
    .sboard-wrap .board-list-row ul li .chk {
        top: 50%;
        transform: translateY(-50%);
    }

    .sboard-wrap .board-list-row ul li .box {
        flex-direction: row;
        padding: 15px 15px 15px 40px;
        min-height: auto;
    }

    .sboard-wrap .board-list-row ul li .img {
        display: none;
    }

    .sboard-wrap .board-list-row ul li .con {
        padding: 0;
        display: flex;
		flex-wrap:wrap;
        align-items: center;
        flex-direction: row;
        gap: 10px;
    }

    .sboard-wrap .board-list-row ul li .category {
        margin: 0;
        flex: 0 0 auto;
        width: 60px;
    }

    .sboard-wrap .board-list-row ul li .subject {
        margin: 0;
        flex: 1;
        font-size: 16px;
        -webkit-line-clamp: 1;
    }

    .sboard-wrap .board-list-row ul li .date {
        margin: 0;
        flex: 0 0 auto;
        font-size: 15px;
		width:100%;
    }

    .sboard-wrap .board-list-button {}

    .sboard-wrap .board-list-button ul {
        display: flex;
        align-items: center;
        gap: 5px;
        justify-content: flex-end;
		flex-wrap:wrap;
    }

    .sboard-wrap .board-list-button li {margin-left:0;}

    .sboard-wrap .board-list-button li .btn {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 15px;
        height: 45px;
        border: 1px solid #9e9e9e;
        border-radius: 0;
        gap: 5px;
        font-size: 15px;
        font-weight: 500;
        color: #212121;
        transition: all 0.5s;
    }

    .sboard-wrap .board-list-button li .btn.btn_b01 {
        background: #03664c;
        border-color: #03664c;
        color: #ffffff;
    }

    .sboard-wrap .board-list-button li .btn.btn_b01:hover {
        background: #32c19b;
        border-color: #32c19b;
        colro: #fff;
    }

    .sboard-wrap .board-list-button li .btn.btn_b02 {
        background: #fff;
        border-color: #03664c;
        color: #03664c;
    }

    .sboard-wrap .board-list-button li .btn.btn_b02:hover {
        background: #32c19b;
        border-color: #32c19b;
        color: #fff;
    }

    .sboard-wrap .board-list-button li .btn.btn_admin {
        background: #fff;
        border-color: #212121;
        color: #212121;
    }

    .sboard-wrap .board-list-button li .btn.btn_admin:hover {
        background: #414141;
        border-color: #414141;
        color: #fff;
    }

    .sboard-wrap .board-tracker-box {
        border-top: 1px solid #212121;
    }

    .sboard-wrap .board-tracker-box .table {
        overflow: hidden;
        overflow-x: auto;
    }

    .sboard-wrap .board-tracker-box .table-head {}

    .sboard-wrap .board-tracker-box .table-body {}

    .sboard-wrap .board-tracker-box ul {
        padding: 20px;
    }

    .sboard-wrap .board-tracker-box ul li {
        line-height: 1.5;
        font-size: 14px;
        flex: 0 0 auto;
    }

    .sboard-wrap .board-tracker-box ul li.chk label {
        display: flex;
        align-items: center;
        gap: 10px;
        cursor: pointer;
    }

    .sboard-wrap .board-tracker-box ul li.chk label input {
        display: none;
    }

    .sboard-wrap .board-tracker-box ul li.chk label input~i {
        flex: 0 0 auto;
        width: 24px;
        height: 24px;
        background: url("../img/common/ic_checkbox.svg") no-repeat center / contain;
    }

    .sboard-wrap .board-tracker-box ul li.chk label input~span {
        font-size: 16px;
        font-weight: 500;
        color: #424242;
    }

    .sboard-wrap .board-tracker-box ul li.chk label input:checked~i {
        background: url("../img/common/ic_checkbox_on.svg") no-repeat center / contain;
    }

    .sboard-wrap .board-tracker-box ul li.num {}

    .sboard-wrap .board-tracker-box ul li.txt {}

    .sboard-wrap .board-tracker-box ul li.btn {}

    .sboard-wrap .board-tracker-box ul li.btn .btn-01 {
        font-size: 14px;
        border-radius: 5px;
    }

    .sboard-wrap .board-tracker-box ul li.btn .btn-02 {
        font-size: 14px;
        border-radius: 5px;
    }

    .sboard-wrap .board-tracker-box ul li.w40 {
        width: 40px;
    }

    .sboard-wrap .board-tracker-box ul li.w80 {
        width: 80px;
    }

    .sboard-wrap .board-tracker-box ul li.w120 {
        width: 120px;
    }

    .sboard-wrap .board-tracker-box ul li.w150 {
        width: 150px;
    }

    .sboard-wrap .board-tracker-box ul li.w200 {
        width: 200px;
    }

    .sboard-wrap .board-tracker-box ul li.w350 {
        width: 350px;
    }

    .sboard-wrap .board-tracker-box ul li .sort-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 25px;
        height: 25px;
        background: url("../img/common/ic_btn_sort.svg") no-repeat center / contain;
    }

    .sboard-wrap .board-faq-box {}

    .sboard-wrap .board-faq-box ul {
        grid-template-columns: repeat(1, 1fr);
    }

    .sboard-wrap .board-faq-box ul li {}

    .sboard-wrap .board-faq-box ul li {
        border-bottom: 1px solid #e0e0e0;
    }

    .sboard-wrap .board-faq-box ul li:last-of-type {
        border-bottom: 0;
    }

    .sboard-wrap .board-faq-box ul li.active .faq-head .arrow {}

    .sboard-wrap .board-faq-box ul li.active .faq-head .arrow:before {
        transform: rotate(180deg);
    }

    .sboard-wrap .board-faq-box .faq-head {
        display: flex;
        align-items: center;
        padding: 20px 0px;
    }

    .sboard-wrap .board-faq-box .faq-head .label {
        width: 132px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 auto;
    }

    .sboard-wrap .board-faq-box .faq-head .label span {
        display: flex;
        align-items: center;
        padding: 0 8px;
        height: 32px;
        font-size: 16px;
        font-weight: 600;
        color: #424242;
        background: #f5f5f5;
        white-space: nowrap;
        letter-spacing: -0.02em;
    }

    .sboard-wrap .board-faq-box .faq-head .label span.label-1 {
        background: #32c19b;
        color: #ffffff;
    }

    .sboard-wrap .board-faq-box .faq-head .label span.label-2 {
        background: #456bdc;
        color: #ffffff;
    }

    .sboard-wrap .board-faq-box .faq-head .label span.label-3 {
        background: #9e9e9e;
        color: #ffffff;
    }

    .sboard-wrap .board-faq-box .faq-head .subject {
        display: flex;
        align-items: center;
        margin: 0;
        padding: 0 15px;
        gap: 20px;
        -webkit-line-clamp: 1;
    }

    .sboard-wrap .board-faq-box .faq-head .subject .tit {
        width: 40px;
        height: 40px;
        border-radius: 40px;
        background: #e6f7f3;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        font-weight: 600;
        color: #32c19b;
        flex: 0 0 auto;
    }

    .sboard-wrap .board-faq-box .faq-head .subject .txt {
        font-size: 16px;
        font-weight: 500;
        color: #212121;
    }

    .sboard-wrap .board-faq-box .faq-head .arrow {
        margin-left: 10px;
        width: 40px;
        height: 30px;
        display: flex;
        align-items: center;
        cursor: pointer;
    }

    .sboard-wrap .board-faq-box .faq-head .arrow:before {
        content: '';
        width: 30px;
        height: 30px;
        border-radius: 30px;
        background: #e6f7f3 url("../img/sub/faq_arrow.svg") no-repeat center;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .sboard-wrap .board-faq-box .faq-text {
        display: none;
        padding: 20px;
        background: #fafafa;
        border-top: 1px solid #e0e0e0;
    }

    .sboard-wrap .board-faq-box .faq-text .description {
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .sboard-wrap .board-faq-box .faq-text .description .tit {
        width: 40px;
        height: 40px;
        border-radius: 40px;
        background: #32C19B;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        font-weight: 600;
        color: #fff;
        flex: 0 0 auto;
    }

    .sboard-wrap .board-faq-box .faq-text .description .txt {
        font-size: 16px;
        font-weight: 500;
        color: #212121;
    }

    .sboard-wrap .board-qna-box {}

    .sboard-wrap .board-qna-box>ul {
        border: 1px solid #e0e0e0;
        border-top: 1px solid #212121;
        grid-template-columns: repeat(1, 1fr);
    }

    .sboard-wrap .board-qna-box>ul>li {
        padding: 35px 50px;
        border: 0;
        border-bottom: 1px solid #e0e0e0;
    }

    .sboard-wrap .board-qna-box>ul>li:last-of-type {
        border-bottom: 0;
    }

    .sboard-wrap .board-qna-box>ul>li.active .qna-info .all i {
        transform: rotate(180deg);
    }

    .sboard-wrap .board-qna-box .qna-head {
        margin: 0 0 20px 0;
        display: flex;
        align-items: center;
    }

    .sboard-wrap .board-qna-box .qna-head .label {
        margin: 0 30px 0 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 auto;
    }

    .sboard-wrap .board-qna-box .qna-head .label span {
        display: flex;
        align-items: center;
        padding: 0 8px;
        height: 32px;
        font-size: 16px;
        font-weight: 600;
        color: #424242;
        background: #f5f5f5;
        white-space: nowrap;
        letter-spacing: -0.02em;
    }

    .sboard-wrap .board-qna-box .qna-head .label span.label-1 {
        background: #32c19b;
        color: #ffffff;
    }

    .sboard-wrap .board-qna-box .qna-head .label span.label-2 {
        background: #456bdc;
        color: #ffffff;
    }

    .sboard-wrap .board-qna-box .qna-head .label span.label-3 {
        background: #9e9e9e;
        color: #ffffff;
    }

    .sboard-wrap .board-qna-box .qna-head .icon {
        margin: 0 10px 0 0;
        width: 35px;
        height: 35px;
        border-radius: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 auto;
        overflow: hidden;
    }

    .sboard-wrap .board-qna-box .qna-head .icon img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .sboard-wrap .board-qna-box .qna-head .title {
        flex: 1;
        font-size: 16px;
        font-weight: 500;
        color: #212121;
    }

    .sboard-wrap .board-qna-box .qna-head .contact {}

    .sboard-wrap .board-qna-box .qna-head .contact a {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 0 25px;
        height: 45px;
        border: 1px solid #049871;
        font-size: 17px;
        font-weight: 700;
        color: #049871;
        gap: 10px;
        transition: all 0.3s;
    }

    .sboard-wrap .board-qna-box .qna-head .contact a:before {
        content: '';
        width: 23px;
        height: 18px;
        background: url("../img/sub/ncp_mail.svg") no-repeat center / contain;
        transition: all 0.3s;
    }

    .sboard-wrap .board-qna-box .qna-head .contact a:hover {
        background: #049871;
        color: #fff;
    }

    .sboard-wrap .board-qna-box .qna-head .contact a:hover:before {
        background: url("../img/sub/ncp_mail_w.svg") no-repeat center / contain;
    }

    .sboard-wrap .board-qna-box .qna-cont {
        margin: 0 0 30px;
    }

    .sboard-wrap .board-qna-box .qna-cont .text {
        line-height: 25px;
        font-size: 15px;
        color: #212121;
    }

    .sboard-wrap .board-qna-box .qna-cont .flex {
        display: flex;
        align-items: center;
        margin: 20px 0 0 0;
    }

    .sboard-wrap .board-qna-box .qna-cont .date {
        line-height: 24px;
        font-size: 15px;
        color: #616161;
    }

    .sboard-wrap .board-qna-box .qna-cont .like {
        display: flex;
        align-items: center;
    }

    .sboard-wrap .board-qna-box .qna-cont .like:before {
        content: '';
        margin: 0 15px;
        width: 5px;
        height: 5px;
        border-radius: 5px;
        background: #bdbdbd;
    }

    .sboard-wrap .board-qna-box .qna-cont .like dl {
        display: flex;
        align-items: center;
        line-height: 24px;
        font-size: 15px;
        color: #424242
    }

    .sboard-wrap .board-qna-box .qna-cont .like dl:before {
        content: '';
        flex: 0 0 auto;
        margin: 0 2px 0 0;
        width: 25px;
        height: 25px;
        background: url("../img/common/ic_like.svg") no-repeat center / contain;
    }

    .sboard-wrap .board-qna-box .qna-cont .like dt {
        margin: 0 10px 0 0;
        font-weight: 600;
    }

    .sboard-wrap .board-qna-box .qna-cont .like dd {
        font-weight: 400;
    }

    .sboard-wrap .board-qna-box .qna-cont .share {
        display: flex;
        align-items: center;
    }

    .sboard-wrap .board-qna-box .qna-cont .share:before {
        content: '';
        margin: 0 15px;
        width: 5px;
        height: 5px;
        border-radius: 5px;
        background: #bdbdbd;
    }

    .sboard-wrap .board-qna-box .qna-cont .share dl {
        display: flex;
        align-items: center;
        line-height: 24px;
        font-size: 15px;
        color: #424242
    }

    .sboard-wrap .board-qna-box .qna-cont .share dl:before {
        content: '';
        flex: 0 0 auto;
        margin: 0 2px 0 0;
        width: 25px;
        height: 25px;
        background: url("../img/common/ic_share.svg") no-repeat center / contain;
    }

    .sboard-wrap .board-qna-box .qna-cont .share dt {
        margin: 0 10px 0 0;
        font-weight: 600;
    }

    .sboard-wrap .board-qna-box .qna-cont .share dd {
        font-weight: 400;
    }

    .sboard-wrap .board-qna-box .qna-cont .target {
        display: none;
        align-items: center;
    }

    .sboard-wrap .board-qna-box .qna-cont .target:before {
        content: '';
        margin: 0 15px;
        width: 5px;
        height: 5px;
        border-radius: 5px;
        background: #bdbdbd;
    }

    .sboard-wrap .board-qna-box .qna-cont .target dl {
        display: flex;
        align-items: center;
        line-height: 24px;
        font-size: 15px;
        color: #424242
    }

    .sboard-wrap .board-qna-box .qna-cont .target dt {
        margin: 0 10px 0 0;
        font-weight: 600;
    }

    .sboard-wrap .board-qna-box .qna-cont .target dd {
        font-weight: 400;
    }

    .sboard-wrap .board-qna-box .qna-cont .open {
        display: none;
        align-items: center;
    }

    .sboard-wrap .board-qna-box .qna-cont .open:before {
        content: '';
        margin: 0 15px;
        width: 5px;
        height: 5px;
        border-radius: 5px;
        background: #bdbdbd;
    }

    .sboard-wrap .board-qna-box .qna-cont .open dl {
        display: flex;
        align-items: center;
        line-height: 24px;
        font-size: 15px;
        color: #424242
    }

    .sboard-wrap .board-qna-box .qna-cont .open dt {
        margin: 0 10px 0 0;
        font-weight: 600;
        color: #32C19B;
    }

    .sboard-wrap .board-qna-box .qna-cont .open dd {
        font-weight: 400;
    }

    .sboard-wrap .board-qna-box .qna-info {
        padding: 15px 30px;
        background: #E6F7F3;
        display: flex;
        align-items: center;
        border-radius: 10px;
    }

    .sboard-wrap .board-qna-box .qna-info .icon {
        margin: 0 15px 0 0;
        flex: 0 0 auto;
        display: flex;
        align-items: center;
    }

    .sboard-wrap .board-qna-box .qna-info .icon img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .sboard-wrap .board-qna-box .qna-info .icon img+img {
        margin-left: -15px;
    }

    .sboard-wrap .board-qna-box .qna-info .total {
        line-height: 24px;
        font-size: 15px;
        font-weight: 500;
        color: #424242;
    }

    .sboard-wrap .board-qna-box .qna-info .total span {
        font-weight: 600;
    }

    .sboard-wrap .board-qna-box .qna-info .comments {
        position: relative;
        margin: 0 0 0 15px;
        padding: 0 0 0 15px;
        line-height: 24px;
        font-size: 15px;
        font-weight: 500;
        color: #32c19b;
    }

    .sboard-wrap .board-qna-box .qna-info .comments:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        width: 1px;
        height: 15px;
        background: #bdbdbd;
        transform: translateY(-50%);
    }

    .sboard-wrap .board-qna-box .qna-info .comments span {
        font-weight: 600;
    }

    .sboard-wrap .board-qna-box .qna-info .all {
        margin: 0 0 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        font-size: 15px;
        font-weight: 500;
        color: #424242;
        cursor: pointer;
    }

    .sboard-wrap .board-qna-box .qna-info .all i {
        width: 30px;
        height: 30px;
        background: url("../img/sub/qna_arrow.svg") no-repeat center;
    }

    .sboard-wrap .board-qna-box .qna-comments {
        display: none;
    }

    .sboard-wrap .board-qna-box .qna-comments>ul {
        grid-template-columns: repeat(1, 1fr);
        border: 0;
    }

    .sboard-wrap .board-qna-box .qna-comments>ul>li {
        margin: 15px 0 0 0;
        padding: 30px;
        border: 0;
        border-radius: 10px;
        background: #fafafa;
    }

    .sboard-wrap .board-qna-box .qna-comments .user {
        display: flex;
        align-items: center;
        padding: 0 0 20px 0;
        border-bottom: 1px solid #e0e0e0;
    }

    .sboard-wrap .board-qna-box .qna-comments .user .icon {
        margin: 0 15px 0 0;
        width: 35px;
        height: 35px;
        border-radius: 35px;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .sboard-wrap .board-qna-box .qna-comments .user .icon img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .sboard-wrap .board-qna-box .qna-comments .user .title {
        font-size: 16px;
        font-weight: 500;
        color: #212121;
    }

    .sboard-wrap .board-qna-box .qna-comments .text {
        padding: 20px 0 0 0;
        line-height: 24px;
        font-size: 15px;
        font-weight: 400;
        color: #212121;
    }

    .sboard-wrap .board-ncp-box {}

    .sboard-wrap .board-ncp-box .user {
        margin: 0 0 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }

    .sboard-wrap .board-ncp-box .user .name {
        line-height: 25px;
        font-size: 18px;
        font-weight: 600;
        color: #212121;
    }

    .sboard-wrap .board-ncp-box .user .country {
        display: flex;
        align-items: center;
        line-height: 25px;
        font-size: 16px;
        font-weight: 500;
        color: #616161;
    }

    .sboard-wrap .board-ncp-box .user .country:before {
        content: '';
        width: 1px;
        height: 15px;
        background: #bdbdbd;
        margin: 0 10px;
    }

    .sboard-wrap .board-ncp-box .type {
        width: 100%;
        padding: 5px 10px;
        line-height: 30px;
        font-size: 16px;
        font-weight: 600;
        color: #049871;
        background: #e6f7f3;
        text-align: center;
    }

    .sboard-wrap .board-ncp-box .info {
        width: 100%;
        padding: 15px;
        background: #fafafa
    }

    .sboard-wrap .board-ncp-box .info dl {
        margin: 0 0 15px;
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 14px;
        color: #424242;
        flex-wrap: wrap;
    }

    .sboard-wrap .board-ncp-box .info dl:last-of-type {
        margin-bottom: 0;
    }

    .sboard-wrap .board-ncp-box .info dt {
        display: flex;
        align-items: center;
        gap: 8px;
        min-width: 50px;
        font-size: 15px;
        font-weight: 600;
    }

    .sboard-wrap .board-ncp-box .info dt:before {
        content: '';
        width: 2px;
        height: 14px;
        background: #32c19b;
    }

    .sboard-wrap .board-ncp-box .info dd {}

    .sboard-wrap .board-ncp-box .act {
        margin: 20px 0 0 0;
    }

    .sboard-wrap .board-ncp-box .act a {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        height: 45px;
        border: 1px solid #049871;
        font-size: 17px;
        font-weight: 700;
        color: #049871;
        gap: 10px;
        transition: all 0.3s;
    }

    .sboard-wrap .board-ncp-box .act a:before {
        content: '';
        width: 23px;
        height: 18px;
        background: url("../img/sub/ncp_mail.svg") no-repeat center / contain;
        transition: all 0.3s;
    }

    .sboard-wrap .board-ncp-box .act a:hover {
        background: #049871;
        color: #fff;
    }

    .sboard-wrap .board-ncp-box .act a:hover:before {
        background: url("../img/sub/ncp_mail_w.svg") no-repeat center / contain;
    }

    .sboard-wrap .view-area {
        padding: 0 0 90px 0;
    }

    .sboard-wrap .view-header {
        padding: 15px;
    }

    .sboard-wrap .view-title-area {
        margin: 0 0 20px 0;
    }

    .sboard-wrap .view-title-area .category {
        margin: 0 0 10px 0;
    }

    .sboard-wrap .view-title-area .category span {
        height: 26px;
        padding: 0 6px;
        font-size: 14px;
    }

    .sboard-wrap .view-title-area .title {
        line-height: 1.5;
        font-size: 20px;
    }

    .sboard-wrap .view-title-area .title .country {
        vertical-align: top;
        display: inline-flex;
        align-items: center;
        font-size: 20px;
        font-weight: 400;
        color: #212121;
    }

    .sboard-wrap .view-title-area .title .country:before {
        content: '';
        margin: 0 30px;
        width: 1px;
        height: 25px;
        background: #bdbdbd;
    }

    .sboard-wrap .view-info-top {
        margin: 0 0 10px;
    }

    .sboard-wrap .view-info-top:last-of-type {
        margin-bottom: 0;
    }

    .sboard-wrap .view-info-top ul {
        display: flex;
        align-items: center;
        gap: 0 15px;
    }

    .sboard-wrap .view-info-top ul li {
        height: 35px;
    }

    .sboard-wrap .view-info-top ul li img {
        width: 25px;
        height: 25px;
    }

    .sboard-wrap .view-info-top ul li strong {
        margin: 0 10px 0 0;
        font-size: 15px;
        font-weight: 600;
        color: #32c19b;
    }

    .sboard-wrap .view-info-top ul li span {}

    .sboard-wrap .view-info-top ul li.user span {
        font-size: 14px;
    }

    .sboard-wrap .view-info-top ul li.user span.user-grade {
        margin: 0 0 0 15px;
        padding: 0 15px;
        height: 30px;
        font-size: 15px;
        font-weight: 500;
        color: #212121;
        border-radius: 5px;
        border: 2px solid #32c19b;
    }

    .sboard-wrap .view-info-top ul li.date {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .sboard-wrap .view-info-top ul li.date:before {
        content: '';
        width: 16px;
        height: 16px;
        background: url("../img/common/ic_time.svg") no-repeat center / contain;
    }

    .sboard-wrap .view-info-top ul li.date span {
        font-size: 14px;
    }

    .sboard-wrap .view-info-top ul li.target {}

    .sboard-wrap .view-info-top ul li.target:before {
        content: '';
        margin: 0 15px 0 0;
        width: 1px;
        height: 15px;
        background: #bdbdbd;
    }

    .sboard-wrap .view-info-top ul li.open {}

    .sboard-wrap .view-info-top ul li.open:before {
        content: '';
        margin: 0 15px 0 0;
        width: 1px;
        height: 15px;
        background: #bdbdbd;
    }

    .sboard-wrap .view-info-top .social-box {
        display: flex;
        align-items: center;
    }

    .sboard-wrap .view-info-top .social-box a {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .sboard-wrap .view-info-top .social-box a:before {
        content: '';
        width: 40px;
        height: 40px;
        display: block;
    }

    .sboard-wrap .view-info-top .social-box a.btn-kakaotalk:before {
        background: url("../img/common/ic_kakao_gary.svg") no-repeat center / contain;
    }

    .sboard-wrap .view-info-top .social-box a.btn-youtube:before {
        background: url("../img/common/ic_youtube_gary.svg") no-repeat center / contain;
    }

    .sboard-wrap .view-info-top .social-box a.btn-instagram:before {
        background: url("../img/common/ic_insta_gary.svg") no-repeat center / contain;
    }

    .sboard-wrap .view-info-top .social-box a.btn-facebook:before {
        background: url("../img/common/ic_facebook_gary.svg") no-repeat center / contain;
    }

    .sboard-wrap .view-option {
        margin: 40px 0 20px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .sboard-wrap .view-option:last-of-type {
        margin-bottom: 0;
    }

    .sboard-wrap .view-option dl {
        display: flex;
        align-items: center;
        line-height: 24px;
        font-size: 15px;
    }

    .sboard-wrap .view-option dl:before {
        content: '';
        flex: 0 0 auto;
        margin: 0 20px;
        width: 5px;
        height: 5px;
        border-radius: 5px;
        background: #bdbdbd;
    }

    .sboard-wrap .view-option dl:first-of-type:before {
        display: none;
    }

    .sboard-wrap .view-option dt {
        margin: 0 10px 0 0;
        font-weight: 600;
        color: #32c19b;
		flex-shrink: 0;
    }

    .sboard-wrap .view-option dd {
        color: #616161;
    }

    .sboard-wrap .view-option dl.view-option-stage dt {
        position: relative;
    }

    .sboard-wrap .view-option dl.view-option-stage dt:before {
        content: '';
        z-index: -1;
        position: absolute;
        bottom: 0;
        left: -1px;
        right: -1px;
        height: 8px;
        background: #c3ede2;
    }

    .sboard-wrap .view-util-box {
        flex-wrap: wrap;
        gap: 5px 0;
    }

    .sboard-wrap .view-util-box .btn-box {
        gap: 10px;
        width: 100%;
    }

    .sboard-wrap .view-util-box .btn-box a {
        width: 100%;
        gap: 5px;
        height: 40px;
        font-size: 14px;
    }

    .sboard-wrap .view-util-box .btn-box a:before {
        content: '';
        width: 25px;
        height: 25px;
    }

    .sboard-wrap .view-util-box .btn-box a.btn-note {
        width: 180px;
    }

    .sboard-wrap .view-util-box .btn-box a.btn-note:before {
        background: url("../img/common/ic_note.svg") no-repeat center / contain;
    }

    .sboard-wrap .view-util-box .btn-box a.btn-print:before {
        background: url("../img/common/ic_print.svg") no-repeat center / contain;
    }

    .sboard-wrap .view-util-box .btn-box a.btn-pdf:before {
        background: url("../img/common/ic_down.svg") no-repeat center / contain;
    }

    .sboard-wrap .view-util-box .btn-box a.btn-email:before {
        background: url("../img/common/ic_mail.svg") no-repeat center / contain;
    }

    .sboard-wrap .view-util-box .social-box {
        display: flex;
        align-items: center;
    }

    .sboard-wrap .view-util-box .social-box a {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .sboard-wrap .view-util-box .social-box a:before {
        content: '';
        width: 40px;
        height: 40px;
        display: block;
    }

    .sboard-wrap .view-util-box .social-box a.btn-kakaotalk:before {
        background: url("../img/common/ic_kakao_gary.svg") no-repeat center / contain;
    }

    .sboard-wrap .view-util-box .social-box a.btn-youtube:before {
        background: url("../img/common/ic_youtube_gary.svg") no-repeat center / contain;
    }

    .sboard-wrap .view-util-box .social-box a.btn-instagram:before {
        background: url("../img/common/ic_insta_gary.svg") no-repeat center / contain;
    }

    .sboard-wrap .view-util-box .social-box a.btn-facebook:before {
        background: url("../img/common/ic_facebook_gary.svg") no-repeat center / contain;
    }

    .sboard-wrap .view-btn-area {
        position: relative;
        display: flex;
        fle~: center;
        flex-direction: column;
        padding: 30px 50px;
    }

    .sboard-wrap .view-btn-area .ctrl-area {
        margin: 50px 0 0 0;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
    }

    .sboard-wrap .view-btn-area .ctrl-area a {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 50px;
        width: 160px;
        border: 1px solid #049871;
        color: #049871;
        font-size: 17px;
        font-weight: 700;
    }

    .sboard-wrap .view-btn-area .ctrl-area a:hover {
        background: #049871;
        color: #fff;
    }

    .sboard-wrap .view-btn-area .btn-area {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 40px;
    }

    .sboard-wrap .view-btn-area .btn-area .ctrl-back {
        width: 50%;
        margin-right: auto;
    }

    .sboard-wrap .view-btn-area .btn-area .ctrl-back a {
        display: flex;
        flex-direction: column;
        height: 62px;
        align-items: flex-start;
        text-align: left;
    }

    .sboard-wrap .view-btn-area .btn-area .ctrl-back a .tit {
        display: flex;
        align-items: center;
        font-size: 17px;
        font-weight: 700;
        color: #212121;
    }

    .sboard-wrap .view-btn-area .btn-area .ctrl-back a .tit:before {
        content: '';
        width: 25px;
        height: 25px;
        background: url("../img/common/ic_arrow.svg") no-repeat center / contain;
        transform: rotate(180deg);
    }

    .sboard-wrap .view-btn-area .btn-area .ctrl-back a .txt {
        margin: 10px 0 0 0;
        line-height: 26px;
        font-size: 16px;
        font-weight: 400;
        color: #424242;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }

    .sboard-wrap .view-btn-area .btn-area .ctrl-next {
        width: 50%;
        margin-left: auto;
    }

    .sboard-wrap .view-btn-area .btn-area .ctrl-next a {
        display: flex;
        flex-direction: column;
        height: 62px;
        align-items: flex-end;
        text-align: right;
    }

    .sboard-wrap .view-btn-area .btn-area .ctrl-next a .tit {
        display: flex;
        align-items: center;
        font-size: 17px;
        font-weight: 700;
        color: #212121;
    }

    .sboard-wrap .view-btn-area .btn-area .ctrl-next a .tit:before {
        content: '';
        width: 25px;
        height: 25px;
        background: url("../img/common/ic_arrow.svg") no-repeat center / contain;
        order: 2;
    }

    .sboard-wrap .view-btn-area .btn-area .ctrl-next a .txt {
        margin: 10px 0 0 0;
        line-height: 26px;
        font-size: 16px;
        font-weight: 400;
        color: #424242;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }

    .sboard-wrap .view-content {
        padding: 20px;
        border-bottom: 1px solid #ddd;
        line-height: 1.5;
        font-size: 14px;
    }

    .sboard-wrap .view-content .view-image {
        margin-bottom: 40px;
        text-align: center;
    }

    .sboard-wrap .view-content .view-text {
        margin-bottom: 40px;
    }

    .sboard-wrap .view-content .view-text strong {
        display: block;
        font-size: 25px;
        font-weight: 600;
        margin: 0 0 30px;
    }

    .sboard-wrap .view-content .view-text p {}

    .sboard-wrap .view-content .view-field {
        position: relative;
        padding: 40px 0;
        text-align: left;
    }

    .sboard-wrap .view-content .view-field .field {
        margin: 0 0 70px 0;
    }

    .sboard-wrap .view-content .view-field .field .tit {
        margin: 0 0 20px;
        line-height: 1.5;
        font-size: 18px;
    }

    .sboard-wrap .view-content .view-field .field .txt {}

    .sboard-wrap .view-content .view-field .field .txt dl {
        flex-wrap: wrap;
        gap: 10px;
        line-height: 1.5;
        font-size: 14px;
    }

    .sboard-wrap .view-content .view-field .field .txt dt {
        width: 100%;
    }

    .sboard-wrap .view-content .view-field .field .txt dt:before {
        content: '';
        width: 3px;
        height: 3px;
        margin: 0 5px 0 0;
    }

    .sboard-wrap .view-content .view-field .field .txt dd {}

    .sboard-wrap .view-content .view-info {
        margin: 0 0 40px 0;
        padding: 15px 30px;
        border-radius: 10px;
        background: #e6f7f3;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    .sboard-wrap .view-content .view-info dl {
        display: flex;
        align-items: center;
        line-height: 25px;
        font-size: 15px;
    }

    .sboard-wrap .view-content .view-info dl:before {
        content: '';
        width: 1px;
        height: 15px;
        background: #bdbdbd;
        margin: 0 15px;
    }

    .sboard-wrap .view-content .view-info dl:first-of-type:before {
        display: none;
    }

    .sboard-wrap .view-content .view-info dt {
        flex: 0 0 auto;
        margin: 0 10px 0 0;
        font-weight: 600;
        color: #32c19b;
    }

    .sboard-wrap .view-content .view-info dd {
        flex: 1;
        font-weight: 400;
        color: #616161;
    }

    .sboard-wrap .view-content .view-host {
        margin: 0 0 10px 0;
        padding: 20px 40px;
        background: #fafafa;
    }

    .sboard-wrap .view-content .view-host dl {
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 15px;
        color: #424242;
        line-height: 24px;
    }

    .sboard-wrap .view-content .view-host dt {
        display: flex;
        align-items: center;
        gap: 8px;
        min-width: 250px;
        font-weight: 600;
    }

    .sboard-wrap .view-content .view-host dt:before {
        content: '';
        width: 2px;
        height: 14px;
        background: #32c19b;
    }

    .sboard-wrap .view-content .view-host dd {}

    .sboard-wrap .view-content .attachment-link {
        margin: 60px 0 0 0;
		padding:15px;
    }

    .sboard-wrap .view-func-area {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 60px 0;
        gap: 20px;
    }

    .sboard-wrap .view-func-area .func-like {
        display: flex;
        align-items: center;
        justify-content: Center;
        height: 50px;
        width: 190px;
        border-radius: 10px;
        background: #e6f7f3;
    }

    .sboard-wrap .view-func-area .func-like dl {
        display: flex;
        align-items: center;
        line-height: 24px;
        font-size: 15px;
        color: #424242
    }

    .sboard-wrap .view-func-area .func-like dl:before {
        content: '';
        flex: 0 0 auto;
        margin: 0 2px 0 0;
        width: 25px;
        height: 25px;
        background: url("../img/common/ic_like.svg") no-repeat center / contain;
    }

    .sboard-wrap .view-func-area .func-like dt {
        margin: 0 10px 0 0;
        font-weight: 600;
    }

    .sboard-wrap .view-func-area .func-like dd {
        font-weight: 600;
        color: #049781;
    }

    .sboard-wrap .view-func-area .func-share {
        display: flex;
        align-items: center;
        justify-content: Center;
        height: 50px;
        width: 190px;
        border-radius: 10px;
        background: #e6f7f3;
    }

    .sboard-wrap .view-func-area .func-share dl {
        display: flex;
        align-items: center;
        line-height: 24px;
        font-size: 15px;
        color: #424242
    }

    .sboard-wrap .view-func-area .func-share dl:before {
        content: '';
        flex: 0 0 auto;
        margin: 0 2px 0 0;
        width: 25px;
        height: 25px;
        background: url("../img/common/ic_share.svg") no-repeat center / contain;
    }

    .sboard-wrap .view-func-area .func-share dt {
        margin: 0 10px 0 0;
        font-weight: 600;
    }

    .sboard-wrap .view-func-area .func-share dd {
        font-weight: 600;
        color: #049781;
    }

    .sboard-wrap .attachment-link {
        border-radius: 10px;
        background: #f5f5f5;
        padding: 20px 50px;
    }

    .sboard-wrap .attachment-link>ul {
        display: flex;
        flex-direction: column;
    }

    .sboard-wrap .attachment-link>ul>li {}

    .sboard-wrap .attachment-link .title-area {
        display: none;
    }

    .sboard-wrap .attachment-link .txt-area {}

    .sboard-wrap .attachment-link .txt-area>ul {}

    .sboard-wrap .attachment-link .txt-area>ul>li {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .sboard-wrap .attachment-link .txt-area a {
        margin: 0 0 5px 0;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        line-height: 26px;
        font-size: 12px;
        font-weight: 500;
        color: #616161;
        gap: 10px;
		word-break:break-all;
    }

    .sboard-wrap .attachment-link .txt-area a:before {
        content: '';
        flex: 0 0 auto;
        width: 16px;
        height: 26px;
    }

    .sboard-wrap .attachment-link .txt-area a:hover {
        text-decoration: underline;
    }

    .sboard-wrap .attachment-link .txt-area a .icon_attachment {
        display: none;
    }

    .sboard-wrap .attachment-link .txt-area a .icon_link {
        display: none;
    }

    .sboard-wrap .attachment-link .txt-area.file-area a:before {
        background: url("../img/common/ic_file.png") no-repeat center / contain;
    }

    .sboard-wrap .attachment-link .txt-area.link-area a:before {
        background: url("../img/common/ic_link.png") no-repeat center / contain;
    }

    .sboard-wrap .attachment-link .txt-area .bo_v_link_cnt {
        font-size: 12px;
    }

    .sboard-wrap .view-comment-area {
        border-bottom: 1px solid #ddd;
    }

    .sboard-wrap .view-comment-area .form-area {
        margin: 0 0 35px 0;
        padding: 30px 40px;
        border-radius: 10px;
        overflow: hidden;
        background: #f5f5f5;
    }

    .sboard-wrap .view-comment-area .form-area .secret-area {
        display: flex;
        margin: 0 0 10px;
    }

    .sboard-wrap .view-comment-area .form-area .secret-area label {
        display: flex;
        align-items: center;
        cursor: pointer;
        gap: 8px;
    }

    .sboard-wrap .view-comment-area .form-area .secret-area label input {
        display: none;
    }

    .sboard-wrap .view-comment-area .form-area .secret-area label input~i {
        flex: 0 0 auto;
        position: relative;
        width: 16px;
        height: 16px;
        border-radius: 4px;
        border: 1px solid #e0e0e0;
        background: #ffffff;
    }

    .sboard-wrap .view-comment-area .form-area .secret-area label input~span {
        font-size: 14px;
        font-weight: 500;
        color: #616161;
    }

    .sboard-wrap .view-comment-area .form-area .secret-area label input:checked~i {
        border-color: #049871;
    }

    .sboard-wrap .view-comment-area .form-area .secret-area label input:checked~i:before {
        content: '';
        position: absolute;
        top: 4px;
        left: 2px;
        width: 10px;
        height: 5px;
        border-left: 2px solid #049871;
        border-bottom: 2px solid #049871;
        transform: rotate(-45deg);
    }

    .sboard-wrap .view-comment-area .form-area .input-area {
        display: flex;
        gap: 10px;
    }

    .sboard-wrap .view-comment-area .form-area .input-area .input {
        flex: 1;
    }

    .sboard-wrap .view-comment-area .form-area .input-area .input input {
        padding: 0 20px;
        width: 100%;
        height: 50px;
        font-size: 15px;
        color: #212121;
        border-radius: 5px;
        border: 1px solid #dddd;
        background: #fff;
        background-image: none !important;
    }

    .sboard-wrap .view-comment-area .form-area .input-area .button {
        flex: 0 0 auto;
    }

    .sboard-wrap .view-comment-area .form-area .input-area .button button {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        width: 120px;
        height: 50px;
        border: 1px solid #049871;
        font-size: 16px;
        font-weight: 600;
        color: #049871;
    }

    .sboard-wrap .view-comment-area .form-area .input-area .button button:hover {
        background: #049871;
        color: #fff;
        border-color: #049871;
    }

    .sboard-wrap .view-comment-area .comment-box {
        padding: 0 0 60px;
    }

    .sboard-wrap .view-comment-area .comment-box .head {
        padding: 18px 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid #212121
    }

    .sboard-wrap .view-comment-area .comment-box .head .flex {
        display: flex;
        align-items: center;
    }

    .sboard-wrap .view-comment-area .comment-box .head .head-total {
        display: flex;
        align-items: center;
        gap: 5px;
        line-height: 24px;
        font-size: 15px;
        font-weight: 500;
        color: #424242;
    }

    .sboard-wrap .view-comment-area .comment-box .head .head-total span {
        font-weight: 600;
    }

    .sboard-wrap .view-comment-area .comment-box .head .head-total:after {
        content: '';
        margin: 0 15px;
        width: 1px;
        height: 15px;
        background: #bdbdbd;
    }

    .sboard-wrap .view-comment-area .comment-box .head .head-total:last-of-type:after {
        display: none;
    }

    .sboard-wrap .view-comment-area .comment-box .head .head-comment {
        display: flex;
        align-items: center;
        gap: 5px;
        line-height: 24px;
        font-size: 15px;
        font-weight: 500;
        color: #32C19B;
    }

    .sboard-wrap .view-comment-area .comment-box .head .head-comment span {
        font-weight: 600;
    }

    .sboard-wrap .view-comment-area .comment-box .head .head-comment:last-of-type:after {
        display: none;
    }

    .sboard-wrap .view-comment-area .comment-box .head .head-comment:after {
        content: '';
        margin: 0 15px;
        width: 1px;
        height: 15px;
        background: #bdbdbd;
    }

    .sboard-wrap .view-comment-area .comment-box .head .head-sort {
        display: flex;
        align-items: center;
    }

    .sboard-wrap .view-comment-area .comment-box .head .head-sort .sort-btn {
        display: flex;
        align-items: center;
        gap: 5px;
        line-height: 24px;
        font-size: 12px;
        font-weight: 500;
        color: #616161;
    }

    .sboard-wrap .view-comment-area .comment-box .head .head-sort .sort-btn:after {
        content: '';
        margin: 0 3px;
        width: 3px;
        height: 3px;
        border-radius: 3px;
        background: #bdbdbd;
    }

    .sboard-wrap .view-comment-area .comment-box .head .head-sort .sort-btn:last-of-type:after {
        display: none;
    }

    .sboard-wrap .view-comment-area .comment-box .head .head-sort .sort-btn.on {
        font-weight: 600;
        color: #212121;
		
    }

    .sboard-wrap .view-comment-area .comment-box .list {}

    .sboard-wrap .view-comment-area .comment-box .list>ul {
	padding:0;
        border: 0;
    }

    .sboard-wrap .view-comment-area .comment-box .list>ul>li {
        padding: 40px 0;
    }

    .sboard-wrap .view-comment-area .comment-box .list>ul>li.comment-rep {
        position: relative;
        padding: 30px;
        border-radius: 10px;
        background: #fafafa;
    }

    .sboard-wrap .view-comment-area .comment-box .list>ul>li.comment-rep .comment-head:before {
        content: '';
        margin: 0 15px 0 0;
        flex: 0 0 auto;
        width: 20px;
        height: 20px;
        margin-bottom: 15px;
        background: url("../img/common/ic_rep_line.svg") no-repeat center / contain;
    }

    .sboard-wrap .view-comment-area .comment-box .list>ul>li.comment-rep .comment-cont .date {
        position: absolute;
        top: 30px;
        right: 30px;
    }

    .sboard-wrap .view-comment-area .comment-box .list .comment-head {
        margin: 0 0 20px 0;
        display: flex;
        align-items: center;
    }

    .sboard-wrap .view-comment-area .comment-box .list .comment-head .icon {
        margin: 0 10px 0 0;
        flex: 0 0 auto;
        width: 35px;
        height: 35px;
        border-radius: 35px;
        overflow: hidden;
    }

    .sboard-wrap .view-comment-area .comment-box .list .comment-head .icon img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .sboard-wrap .view-comment-area .comment-box .list .comment-head .name {
        line-height: 25px;
        font-size: 15px;
        font-weight: 400;
        color: #212121;
        display: flex;
        align-items: center;
    }

    .sboard-wrap .view-comment-area .comment-box .list .comment-head .name:after {
        content: '';
        margin: 0 15px;
        width: 1px;
        height: 15px;
        background: #bdbdbd;
    }

    .sboard-wrap .view-comment-area .comment-box .list .comment-head .name .badge {
        display: none;
        flex: 0 0 auto;
        margin: 0 0 0 10px;
        align-items: center;
        justify-content: center;
        border-radius: 5px;
        border: 2px solid #32c19b;
        padding: 0 15px;
        height: 30px;
        font-size: 15px;
        font-weight: 500;
        color: #212121;
    }

    .sboard-wrap .view-comment-area .comment-box .list .comment-head .title {
        line-height: 25px;
        font-size: 16px;
        font-weight: 500;
        color: #212121;
        display: flex;
        align-items: center;
        gap: 5px;
    }

    .sboard-wrap .view-comment-area .comment-box .list .comment-head.expert {}

    .sboard-wrap .view-comment-area .comment-box .list .comment-head.expert .name {}

    .sboard-wrap .view-comment-area .comment-box .list .comment-head.expert .name .badge {
        display: flex;
    }

    .sboard-wrap .view-comment-area .comment-box .list .comment-head.expert .title:after {
        content: '';
        width: 20px;
        height: 20px;
        background: url("../img/common/ic_expert.svg") no-repeat center / contain;
    }

    .sboard-wrap .view-comment-area .comment-box .list .comment-cont {}

    .sboard-wrap .view-comment-area .comment-box .list .comment-cont .text {
        line-height: 25px;
        font-size: 15px;
        font-weight: 400;
        color: #212121;
    }

    .sboard-wrap .view-comment-area .comment-box .list .comment-cont .bottom {
        margin: 20px 0 0 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        line-height: 35px;
    }

    .sboard-wrap .view-comment-area .comment-box .list .comment-cont .date {
        line-height: 35px;
        font-size: 15px;
        color: #616161;
    }

    .sboard-wrap .view-comment-area .comment-box .list .comment-cont .util {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .sboard-wrap .view-comment-area .comment-box .list .comment-cont .util a {
        padding: 0 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 66px;
        height: 35px;
        border-radius: 5px;
        border: 1px solid #ddd;
        font-size: 14px;
        font-weight: 500;
        color: #616161;
    }

    .sboard-wrap .view-comment-area .comment-box .list .comment-cont .util a.btn-01 {
        border: 1px solid #ddd;
        background: #fff;
        color: #616161;
    }

    .sboard-wrap .view-comment-area .comment-box .list .comment-cont .util a.btn-02 {
        border: 1px solid #32C19B;
        background: #fff;
        color: #32C19B;
    }

    .sboard-wrap .view-comment-area .comment-box .list .comment-cont .form {}

    .sboard-wrap .view-comment-area .comment-box .list .comment-cont .form .bo_vc_w {
        margin: 0;
    }

    .sboard-wrap .view-comment-area .comment-box .list .comment-cont .form form {
        margin: 20px 0 0 0;
    }

    .sboard-wrap .view-document {
        display: flex;
        gap: 60px;
    }

    .sboard-wrap .view-document .left {
        flex: 1;
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .sboard-wrap .view-document .left .view-text {
        flex: 1;
        text-align: left;
        display: flex;
        flex-direction: column;
    }

    .sboard-wrap .view-document .left .view-util-box {
        margin: 50px 0 0 0;
    }

    .sboard-wrap .view-document .right {
        flex: 0 0 auto;
        width: 500px;
        max-width: 100%;
    }

    .sboard-wrap .view-document .right .view-image {
        width: 100%;
        height: auto;
        aspect-ratio: 5/7;
        border-radius: 10px;
        overflow: hidden;
    }

    .sboard-wrap .view-document .right .view-image a {
        display: block;
        width: 100%;
        height: 100%;
    }

    .sboard-wrap .view-document .right .view-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .sboard-wrap .view-document .right .view-social {}

    .sboard-wrap .view-document .right .view-social .social-box {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }

    .sboard-wrap .view-document .right .view-social .social-box a {
        width: calc(50% - 10px);
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        height: 45px;
        border-radius: 10px;
        border: 1px solid #bdbdbd;
        gap: 10px;
        font-size: 16px;
        font-weight: 600;
        color: #212121;
    }

    .sboard-wrap .view-document .right .view-social .social-box a:before {
        content: '';
        width: 25px;
        height: 25px;
    }

    .sboard-wrap .view-document .right .view-social .social-box a:hover {
        background: #fafafa;
    }

    .sboard-wrap .view-document .right .view-social .social-box a.btn-facebook:before {
        background: url("../img/sub/document_facebook.svg") no-repeat center / contain;
    }

    .sboard-wrap .view-document .right .view-social .social-box a.btn-twitter:before {
        background: url("../img/sub/document_twitter.svg") no-repeat center / contain;
    }

    .sboard-wrap .view-document .right .view-social .social-box a.btn-linkedin:before {
        background: url("../img/sub/document_linkedin.svg") no-repeat center / contain;
    }

    .sboard-wrap .view-document .right .view-social .social-box a.btn-email:before {
        background: url("../img/sub/document_email.svg") no-repeat center / contain;
    }

    .sboard-wrap .view-ncp-type {
        width: 100%;
        padding: 15px;
        line-height: 30px;
        font-size: 16px;
        font-weight: 600;
        color: #049871;
        background: #e6f7f3;
        text-align: center;
    }

    .sboard-wrap .view-ncp-info {
        width: 100%;
        padding: 30px 40px;
        background: #fafafa
    }

    .sboard-wrap .view-ncp-info dl {
        margin: 0 0 15px;
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 14px;
        color: #424242;
        flex-wrap: wrap;
    }

    .sboard-wrap .view-ncp-info dl:last-of-type {
        margin-bottom: 0;
    }

    .sboard-wrap .view-ncp-info dt {
        display: flex;
        align-items: center;
        gap: 8px;
        min-width: 250px;
        font-size: 15px;
        font-weight: 600;
    }

    .sboard-wrap .view-ncp-info dt:before {
        content: '';
        width: 2px;
        height: 14px;
        background: #32c19b;
    }

    .sboard-wrap .view-ncp-info dd {}

    .sboard-wrap .view-info-box {
        margin: 0 0 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-radius: 20px;
        padding: 15px 30px;
        background: #f5f5f5;
    }

    .sboard-wrap .view-info-box:last-of-type {
        margin-bottom: 0;
    }

    .sboard-wrap .view-info-box ul {
        display: flex;
        align-items: center;
        gap: 0 15px;
        width: 100%;
    }

    .sboard-wrap .view-info-box ul li {
        display: flex;
        align-items: center;
    }

    .sboard-wrap .view-info-box ul li img {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 35px;
        height: 35px;
        border-radius: 35px;
        overflow: hidden;
    }

    .sboard-wrap .view-info-box li strong {
        margin: 0 10px 0 0;
        font-size: 15px;
        font-weight: 600;
        color: #32c19b;
    }

    .sboard-wrap .view-info-box ul li span {}

    .sboard-wrap .view-info-box ul li.user span {
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 17px;
        font-weight: 500;
        color: #212121;
    }

    .sboard-wrap .view-info-box ul li.user span.user-type {
        display: flex;
        align-items: center;
        font-size: 15px;
        color: #212121;
    }

    .sboard-wrap .view-info-box ul li.user span.user-type:before {
        content: '';
        margin: 0 15px;
        width: 1px;
        height: 15px;
        background: #bdbdbd;
    }

    .sboard-wrap .view-info-box ul li.date {
        margin: 0 0 0 auto;
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .sboard-wrap .view-info-box ul li.date:before {
        content: '';
        width: 16px;
        height: 16px;
        background: url("../img/common/ic_time.svg") no-repeat center / contain;
    }

    .sboard-wrap .view-info-box ul li.date span {
        font-size: 16px;
        font-weight: 400;
        color: #757575;
    }

    .sboard-wrap .view-ncp-news {}

    .sboard-wrap .view-ncp-news .flex {
        display: flex;
        gap: 40px;
    }

    .sboard-wrap .view-ncp-news .view-image {
        width: 400px;
        height: auto;
        aspect-ratio: 1/1;
    }

    .sboard-wrap .view-ncp-news .view-ncp-box {
        flex: 1;
    }

    .sboard-wrap .view-ncp-news .view-ncp-box .view-text {
        text-align: left;
    }

    .sboard-wrap .view-contact {
        margin: 30px 0 30px 0px;
        display: flex;
        align-items: center;
    }

    .sboard-wrap .view-contact:last-of-type {
        margin-bottom: 0;
    }

    .sboard-wrap .view-contact a {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 0 15px;
        width: 180px;
        height: 45px;
        border: 1px solid #049871;
        font-size: 17px;
        font-weight: 700;
        color: #049871;
        gap: 10px;
        transition: all 0.3s;
    }

    .sboard-wrap .view-contact a:before {
        content: '';
        width: 23px;
        height: 18px;
        background: url("../img/sub/ncp_mail.svg") no-repeat center / contain;
        transition: all 0.3s;
    }

    .sboard-wrap .view-contact a:hover {
        background: #049871;
        color: #fff;
    }

    .sboard-wrap .view-contact a:hover:before {
        background: url("../img/sub/ncp_mail_w.svg") no-repeat center / contain;
    }

    .sboard-wrap .viewskin .title-box {
        display: none;
    }

    .sboard-wrap .viewskin .flex-box {
        display: none;
    }

    .sboard-wrap .viewskin .search-box {
        display: none;
    }

    .sboard-wrap .viewskin .util-box {
        display: none;
    }

    .sboard-wrap .viewskin .target-box {
        display: none;
    }

    .sboard-wrap .viewskin .board-check-box {
        display: none;
    }

    .sboard-wrap .viewskin .board-list-box .chk {
        display: none;
    }

    .sboard-wrap .viewskin .board-list-row {}

    .sboard-wrap .proposals {}

    .sboard-wrap .proposals .board-list-row {}

    .sboard-wrap .proposals .board-list-row ul {
        grid-template-columns: repeat(3, 1fr);
    }

    .sboard-wrap .proposals .board-list-row ul li {
        border-right: 1px solid #e0e0e0;
        border-bottom: 0;
    }

    .sboard-wrap .proposals .board-list-row ul li:nth-child(n+4) {
        border-top: 1px solid #e0e0e0;
    }

    .sboard-wrap .proposals .board-list-row ul li:nth-child(3n) {
        border-right: 0;
    }

    .sboard-wrap .proposals .board-list-row .con {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
    }

    .sboard-wrap .proposals .board-list-row .category {
        justify-content: flex-start;
        width: 100%;
        margin: 0 0 15px;
    }

    .sboard-wrap .proposals .board-list-row .subject {
        margin: 0 0 5px 0;
    }

    .sboard-wrap .proposals .board-list-row .date {
        display: none;
    }

    .sboard-wrap .proposals .board-list-row .cate {
        display: flex;
        flex-wrwap: wrap;
    }

    .sboard-wrap .proposals .board-list-row .cate span {
        display: flex;
        align-items: center;
        line-height: 25px;
        font-size: 15px;
        color: #212121;
    }

    .sboard-wrap .proposals .board-list-row .cate span:before {
        content: '';
        margin: 0 15px;
        width: 1px;
        height: 15px;
        background: #bdbdbd;
    }

    .sboard-wrap .proposals .board-list-row .cate span:first-of-type:before {
        display: none;
    }

    .sboard-wrap .proposals .board-list-row .info {
        margin: 30px 0 0;
        padding: 15px 30px;
        border-radius: 10px;
        background: #e6f7f3;
        width: 100%;
    }

    .sboard-wrap .proposals .board-list-row .info dl {
        margin: 0 0 10px 0;
        display: flex;
        gap: 10px;
        line-height: 25px;
        font-size: 15px;
    }

    .sboard-wrap .proposals .board-list-row .info dl:last-of-type {
        margin-bottom: 0;
    }

    .sboard-wrap .proposals .board-list-row .info dt {
        width: 120px;
        max-width: 100%;
        font-weight: 600;
        color: #32c19b;
    }

    .sboard-wrap .proposals .board-list-row .info dd {
        flex: 1;
        font-weight: 400;
        color: #616161;
    }

    #bo_gall.viewskin {}

    #bo_gall.viewskin .board-qna-box>ul {
        grid-template-columns: repeat(3, 1fr);
    }

    #bo_gall.viewskin .board-qna-box>ul>li {
        padding: 25px;
        border-right: 1px solid #e0e0e0;
        border-bottom: 0;
    }

    #bo_gall.viewskin .board-qna-box>ul>li:nth-child(3n) {
        border-right: 0;
    }

    #bo_gall.viewskin .board-qna-box>ul>li:nth-child(n+4) {
        border-top: 1px solid #e0e0e0;
    }

    #bo_gall.viewskin .board-qna-box .qna-head {
        margin: 0 0 5px 0;
        flex-direction: column;
        align-items: flex-start;
    }

    #bo_gall.viewskin .board-qna-box .qna-head .label {
        margin: 0 0 15px;
    }

    #bo_gall.viewskin .board-qna-box .qna-head .icon {
        display: none;
    }

    #bo_gall.viewskin .board-qna-box .qna-head .title {}

    #bo_gall.viewskin .board-qna-box .qna-cont {
        margin: 0;
    }

    #bo_gall.viewskin .board-qna-box .qna-cont .text {
        display: none;
    }

    #bo_gall.viewskin .board-qna-box .qna-cont .like {
        display: none;
    }

    #bo_gall.viewskin .board-qna-box .qna-cont .date {
        display: none;
    }

    #bo_gall.viewskin .board-qna-box .qna-cont .share {
        display: none;
    }

    #bo_gall.viewskin .board-qna-box .qna-cont .target {
        display: flex;
    }

    #bo_gall.viewskin .board-qna-box .qna-cont .target:before {
        display: none;
    }

    #bo_gall.viewskin .board-qna-box .qna-cont .open {
        display: flex;
    }

    #bo_gall.viewskin .board-qna-box .qna-info {
        display: none;
    }

    .sub-wrap {}

    .sub-wrap .title-box {
        margin: 0 0 20px 0;
        flex-wrap: wrap;
    }

    .sub-wrap .title-box .title {
        line-height: 20px;
        font-size: 20px;
        align-items: flex-start;
    }

    .sub-wrap .title-box .title img {
        width: 20px;
        height: 20px;
    }

    .sub-wrap .title-box .total {
        margin: 0 0 0 5px;
        display: flex;
        align-items: center;
        gap: 4px;
        line-height: 36px;
        font-size: 17px;
        font-weight: 600;
        color: #212121;
    }

    .sub-wrap .title-box .total span {
        color: #049871;
    }

    .sub-wrap .title-box .tab {
        margin: 0;
        gap: 8px;
    }

    .sub-wrap .title-box .tab .tab-btn {
        padding: 0 12px;
        height: 32px;
        font-size: 12px;
    }

    .sub-wrap .title-box .tab .tab-btn:hover {
        color: #049871;
    }

    .sub-wrap .title-box .tab .tab-btn.on {
        font-weight: 600;
        color: #049871;
        background: #E6F7F3;
    }

    .sub-wrap .title-box .button {
        margin: 0 0 0 auto;
        display: flex;
        align-items: center;
        gap: 15px;
    }

    .sub-wrap .title-box .button .btn {
        display: flex;
        align-items: center;
        text-align: center;
        gap: 5px;
        padding: 0 15px;
        height: 42px;
        border-radius: 36px;
        border: 1px solid #bdbdbd;
        background: #fff;
        font-size: 15px;
        font-weight: 500;
        color: #424242;
        letter-spacing: -0.02em;
    }

    .sub-wrap .title-box .button .btn:hover {
        color: #049871;
    }

    .sub-wrap .title-box .button .btn.on {
        border: 1px solid #049871;
        color: #049871;
        background: #ffffff;
    }

    .sub-wrap .list-box {}

    .sub-wrap .list-box .list {}

    .sub-wrap .list-box .list ul {
        grid-template-columns: repeat(2, 1fr);
    }

    .sub-wrap .list-box .list ul li {
        border-right: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
    }

    .sub-wrap .list-box .list .box {
        padding: 10px;
        min-height: auto;
    }

    .sub-wrap .list-box .list .img {
        width: 100%;
        height: auto;
        aspect-ratio: 35/25;
        background: #f5f5f5;
    }

    .sub-wrap .list-box .list .img img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .sub-wrap .list-box .list .con {
        padding: 30px 0 0 0;
        flex: 1;
        display: flex;
        flex-direction: column;
    }

    .sub-wrap .list-box .list .label {
        margin: 0 0 10px;
    }

    .sub-wrap .list-box .list .label>span {
        height: 26px;
        padding: 0 6px;
        font-size: 14px;
    }

    .sub-wrap .list-box .list .subject {
        margin-bottom: 10px;
        line-height: 24px;
        font-size: 16px;
    }

    .sub-wrap .list-box .list .desc {
        margin: 0 0 10px 0;
        height: 50px;
        line-height: 25px;
        font-size: 15px;
        font-weight: 400;
        color: #212121;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    .sub-wrap .list-box .list .bottom {
        margin: auto 0 0 0;
        display: flex;
        align-items: center;
    }

    .sub-wrap .list-box .list .date {
        line-height: 18px;
        font-size: 12px;
    }

    .sub-wrap .list-box .list .host {
        margin: 0 0 10px 0;
        height: 50px;
    }

    .sub-wrap .list-box .list .host dl {
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 15px;
        color: #424242;
    }

    .sub-wrap .list-box .list .host dt {
        display: flex;
        align-items: center;
        gap: 8px;
        min-width: 100px;
        font-weight: 600;
    }

    .sub-wrap .list-box .list .host dt:before {
        content: '';
        width: 2px;
        height: 14px;
        background: #32c19b;
    }

    .sub-wrap .list-box .list .host dd {}

    .sub-wrap .list-box .list.row {}

    .sub-wrap .list-box .list.row ul {
        grid-template-columns: repeat(1, 1fr);
        border-right: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
    }

    .sub-wrap .list-box .list.row ul li {
        border-bottom: 1px solid #e0e0e0;
        border-right: 0;
    }

    .sub-wrap .list-box .list.row ul li:last-of-type {
        border-bottom: 0;
    }

    .sub-wrap .list-box .list.row ul li .box {
        flex-direction: row;
        padding: 10px 10px;
        min-height: auto;
    }

    .sub-wrap .list-box .list.row ul li .img {
        display: none;
    }

    .sub-wrap .list-box .list.row ul li .con {
        padding: 0;
        display: flex;
        align-items: center;
        flex-direction: row;
        gap: 30px;
    }

    .sub-wrap .list-box .list.row ul li .label {
        margin: 0;
        flex: 0 0 auto;
        justify-content: flex-start;
    }

    .sub-wrap .list-box .list.row ul li .category {
        margin: 0;
        flex: 0 0 auto;
        width: 130px;
    }

    .sub-wrap .list-box .list.row ul li .subject {
        margin: 0;
        flex: 1;
        font-size: 16px;
        -webkit-line-clamp: 1;
    }

    .sub-wrap .list-box .list.row ul li .date {
        margin: 0;
        flex: 0 0 auto;
        font-size: 15px;
    }

    .sub-wrap .list-box .table {
        border-top: 1px solid #212121;
    }

    .sub-wrap .list-box .table .table-head {}

    .sub-wrap .list-box .table .table-body {}

    .sub-wrap .list-box .table ul {
        padding: 20px;
        gap: 10px;
    }

    .sub-wrap .list-box .table ul li {
        line-height: 1.5;
        font-size: 14px;
        flex: 0 0 auto;
    }

    .sub-wrap .list-box .table ul li.num {}

    .sub-wrap .list-box .table ul li.txt {}

    .sub-wrap .list-box .table ul li.btn {}

    .sub-wrap .list-box .table ul li.btn .btn-01 {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 15px;
        height: 36px;
        font-size: 15px;
        font-weight: 600;
        color: #ffffff;
        border-radius: 10px;
        border: 1px solid #049871;
        background: #049871;
    }

    .sub-wrap .list-box .table ul li.btn .btn-01:hover {
        color: #049871;
        background: #e6f7f3;
    }

    .sub-wrap .list-box .table ul li.btn .btn-02 {
        font-size: 14px;
        border-radius: 5px;
    }

    .sub-wrap .list-box .table ul li.btn .btn-02:hover {
        color: #049871;
        background: #e6f7f3;
    }

    .sub-wrap .list-box .table ul li.w40 {
        width: 40px;
    }

    .sub-wrap .list-box .table ul li.w80 {
        width: 80px;
    }

    .sub-wrap .list-box .table ul li.w120 {
        width: 120px;
    }

    .sub-wrap .list-box .table ul li.w150 {
        width: 150px;
    }

    .sub-wrap .list-box .table ul li.w200 {
        width: 200px;
    }

    .sub-wrap .list-box .table ul li.w350 {
        width: 350px;
    }

    .sub-wrap .list-box .table ul li .sort-btn {
        width: 25px;
        height: 25px;
        background: url("../img/common/ic_sort_btn.svg") no-repeat center / contain;
    }

    .sub-wrap .list-box .more {
        margin: 40px 0 0 0;
    }

    .sub-wrap .list-box .more a {
        width: 130px;
        height: 45px;
        padding: 0 10px;
        font-size: 14px;
    }

    .sub-wrap .list-box .more a:hover {
        background: #049871;
        border-color: #049871;
        color: #ffffff;
    }

    .about-wrap {
        padding: 60px 20px
    }

    .about-wrap .sec-1 {
        margin: 0 0 40px 0;
    }

    .about-wrap .sec-2 {
        margin: 0 0 40px 0;
    }

    .about-wrap .sec-3 {
        margin: 0 0 0 0;
    }

    .about-wrap .info-box {
        margin: 0 0 50px 0;
    }

    .about-wrap .info-box .img {
        margin: 0 0 20px 0;
        aspect-ratio: 16/8;
    ;
    }

    .about-wrap .info-box .con {
        flex-wrap: wrap;
    }

    .about-wrap .info-box .tit {
        width: 100%;
        line-height: 1.5;
        font-size: 20px;
    }

    .about-wrap .info-box .tit br {
        display: none;
    }

    .about-wrap .info-box .txt {
        width: 100%;
        padding: 20px 0 0 0;
        line-height: 1.5;
        font-size: 14px;
    }

    .about-wrap .info-box .txt p {
        display: block;
        margin: 0 0 20px 0;
    }

    .about-wrap .view-box {}

    .about-wrap .view-box ul {
        grid-template-columns: repeat(2, 1fr);
    }

    .about-wrap .view-box ul li {
        padding: 20px;
    }

    .about-wrap .view-box .img {
        margin: 0 0 10px 0;
        width: 40px;
        height: 40px;
    }

    .about-wrap .view-box .tit {
        margin: 0 0 10px 0;
        line-height: 1.5;
        font-size: 18px;
    }

    .about-wrap .view-box .txt {
        margin: 0 0 20px 0;
        line-height: 1.4;
        font-size: 12px;
    }

    .about-wrap .view-box .act {}

    .about-wrap .view-box .act a {
        padding: 0 10px;
        width: 120px;
        height: 40px;
        font-size: 14px;
    }

    .about-wrap .list-box {}

    .about-info-wrap {
        padding: 60px 20px;
    }

    .about-info-wrap .view-box {
        margin: 0 0 40px 0;
    }

    .about-info-wrap .view-box ul {
        grid-template-columns: repeat(2, 1fr);
    }

    .about-info-wrap .view-box ul li {
        padding: 15px;
        gap: 10px;
        height: 72px;
    }

    .about-info-wrap .view-box .img {
        width: 30px;
        height: 30px;
    }

    .about-info-wrap .view-box .tit {
        line-height: 1.5;
        font-size: 14px;
    }

    .about-info-wrap .info-box {
        margin: 0 0 100px 0;
        display: none;
    }

    .about-info-wrap .info-box.is-active {
        display: block;
    }

    .about-info-wrap .info-box .content-box {
        padding: 15px;
    }

    .about-info-wrap .info-box .button-box {
        margin: 40px 0 0 0;
    }

    .about-info-wrap .info-box .button-box a {
        width: 180px;
        height: 45px;
        padding: 0 10px;
        font-size: 14px;
    }

    .about-info-wrap .info-box .button-box a:hover {
        background: #049871;
        border-color: #049871;
        color: #ffffff;
    }

    .about-info-wrap .list-box {}

    .about-info-wrap .pillar {
        margin: 0 0 30px;
    }

    .about-info-wrap .pillar:last-of-type {
        margin-bottom: 0;
    }

    .about-info-wrap .pillar.is-close {}

    .about-info-wrap .pillar.is-close .pillar-btn .arw {
        transform: rotate(180deg);
    }

    .about-info-wrap .pillar .pillar-btn {
        padding: 10px 20px;
        height: auto;
        border-radius: 6px;
    }

    .about-info-wrap .pillar .pillar-btn .tit {
        font-size: 15px;
    }

    .about-info-wrap .pillar .pillar-btn .arw {
        width: 24px;
        height: 24px;
    }

    .about-info-wrap .pillar .pillar-play {
        padding: 20px;
        min-height: 60px;
        height: auto;
    }

    .about-info-wrap .pillar .pillar-play .ico {
        margin: 0 10px 0 0;
        width: 24px;
        height: 24px;
        background: url("../img/sub/about_play.svg") no-repeat center / contain;
        transition: all 0.3s;
    }

    .about-info-wrap .pillar .pillar-play .tit {
        font-size: 16px;
    }

    .about-info-wrap .pillar .pillar-play .down {
        margin: 0 0 0 10px;
        width: 25px;
        height: 25px;
    }

    .about-info-wrap .pillar .pillar-box {
        margin: 10px 0 0 0;
        padding: 15px;
    }

    .about-info-wrap .pillar .pillar-box .name {
        position: relative;
        margin: 0 0 25px 0;
        padding: 0 0 0 30px;
        line-height: 25px;
        font-size: 18px;
        font-weight: 600;
        color: #212121;
    }

    .about-info-wrap .pillar .pillar-box .name:before {
        content: '';
        position: absolute;
        top: 11px;
        left: 13px;
        width: 4px;
        height: 4px;
        background: #212121;
        border-radius: 4px;
    }

    .about-info-wrap .pillar .pillar-box .item {
        margin: 0 0 25px 0;
        padding: 0 0 30px 0;
        border-bottom: 1px solid #e0e0e0;
    }

    .about-info-wrap .pillar .pillar-box .item:last-of-type {
        margin: 0;
        padding: 0;
        border: 0;
    }

    .about-info-wrap .pillar .pillar-box .item .head {
        margin: 0 0 12px 0;
        display: flex;
        align-items: flex-start;
        gap: 10px;
    }

    .about-info-wrap .pillar .pillar-box .item .head .num {
        width: 24px;
        height: 24px;
        font-size: 12px;
    }

    .about-info-wrap .pillar .pillar-box .item .head .tit {
        padding: 0;
        line-height: 25px;
        font-size: 14px;
        font-weight: 600;
        color: #212121;
    }

    .about-info-wrap .pillar .pillar-box .item .desc {
        margin: 0 0 10px 0;
        padding: 0;
        line-height: 1.5;
        font-size: 13px;
    }

    .about-info-wrap .pillar .pillar-box .item .desc.none {
        padding-left: 0;
    }

    .about-info-wrap .pillar .pillar-box .item .desc:last-of-type {
        margin-bottom: 0;
    }

    .about-info-wrap .pillar .pillar-box .item .list {
        margin: 0 0 15px 0;
        padding: 0 0 0 18px;
        font-size: 12px;
    }

    .about-info-wrap .pillar .pillar-box .item .list:last-of-type {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .about-info-wrap .pillar .pillar-box .item .list ol {}

    .about-info-wrap .pillar .pillar-box .item .list ol li {
        list-style: decimal;
    }

    .about-info-wrap .pillar .pillar-box .item .list ul.dot {}

    .about-info-wrap .pillar .pillar-box .item .list ul.dot li {
        display: list-item;
        list-style: disc;
    }

    .about-info-wrap .pillar .pillar-box .item .list ol.num {}

    .about-info-wrap .pillar .pillar-box .item .list ol.num li:marker {
        content: counter(list-item) ". ";
    }

    .about-info-wrap .pillar .pillar-box .item .list ol.grid {
        column-count: 1;
        column-gap: 40px;
        list-style-position: inside;
    }

    .about-info-wrap .pillar .pillar-box .item .list ol.grid li:marker {
        content: counter(list-item) ". ";
    }

    .about-info-wrap .pillar .pillar-box .item .image {
        padding: 0 0 30px 0;
    }

    .about-info-wrap .pillar .pillar-box .item .image:last-of-type {
        padding-bottom: 0;
    }

    .about-info-wrap .pillar .pillar-box .item .image img {}

    .about-info-wrap .pillar .pillar-box .item .label {
        margin: 0 0 25px 0;
        padding: 0 0 0 25px;
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .about-info-wrap .pillar .pillar-box .item .label span {
        font-size: 13px;
    }

    .about-info-wrap .pillar .pillar-box .item .label p {
        line-height: 32px;
        font-size: 17px;
        font-weight: 400;
        color: #212121;
    }

    .about-info-wrap .pillar .pillar-box .item .country {}

    .about-info-wrap .pillar .pillar-box .item .country ul {
        gap: 12px;
    }

    .about-info-wrap .pillar .pillar-box .item .country ul li {
        width: calc(33.33% - 8px);
    }

    .about-info-wrap .pillar .pillar-box .item .country .country-flag {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 15px;
        border: 1px solid #e0e0e0;
        background: #fff;
        n
    }

    .about-info-wrap .pillar .pillar-box .item .country .country-flag img {
        position: relative;
        border: 1px solid #e0e0e0;
    }

    .about-info-wrap .pillar .pillar-box .item .country .country-name {
        margin: 10px 0 0 0;
        line-height: 1.4;
        font-size: 12px;
    }

    .about-info-wrap .pillar .pillar-box .item .down {
        margin: 0 0 40px 0;
    }

    .about-info-wrap .pillar .pillar-box .item .down:last-of-type {
        margin-bottom: 0;
    }

    .about-info-wrap .pillar .pillar-box .item .down ul {}

    .about-info-wrap .pillar .pillar-box .item .down ul li {
        margin: 0 0 10px 0;
    }

    .about-info-wrap .pillar .pillar-box .item .down ul li:last-of-type {
        margin-bottom: 0;
    }

    .about-info-wrap .pillar .pillar-box .item .down ul li a {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .about-info-wrap .pillar .pillar-box .item .down ul li .num {
        flex: 0 0 auto;
        width: 24px;
        font-size: 12px;
        font-weight: 600;
        color: #fff;
    }

    .about-info-wrap .pillar .pillar-box .item .down ul li .tit {
        line-height: 27px;
        font-size: 14px;
    }

    .about-info-wrap .pillar .pillar-box .item .down ul li .ico {
        width: 25px;
        height: 25px;
    }

    .tracker-wrap {
        padding: 60px 20px;
    }

    .tracker-wrap .sec-1 {
        margin: 0 0 100px 0;
    }

    .tracker-wrap .sec-2 {}

    .tracker-wrap .list-box {}

    .tracker-wrap .list-box .list {}

    .tracker-wrap .list-box .table {
        overflow: hidden;
        overflow-x: auto;
    }

    .tracker-wrap .list-box .more {
        margin: 40px 0 0 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .tracker-wrap .list-box .more a {
        width: 130px;
        height: 45px;
        padding: 0 10px;
        font-size: 14px;
    }

    .tracker-wrap .figure-box {
        margin: 0 0 20px 0;
        padding: 0;
    }

    .tracker-wrap .figure-box .figure {
        margin: 0 0 70px 0;
    }

    .tracker-wrap .figure-box .figure:last-of-type {
        margin-bottom: 0;
    }

    .tracker-wrap .figure-box .figure .head {
        margin: 0 0 10px 0;
        flex-wrap: wrap;
        gap: 5px 0;
    }

    .tracker-wrap .figure-box .figure .head .num {
        margin: 0 5px 0 0;
        width: 35px;
        height: 35px;
        font-size: 14px;
    }

    .tracker-wrap .figure-box .figure .head .tit {
        font-size: 16px;
    }

    .tracker-wrap .figure-box .figure .head .txt {
        font-size: 14px;
    }

    .tracker-wrap .figure-box .figure .text {
        line-height: 1.5;
        font-size: 14px;
    }

    .tracker-wrap .figure-box .figure .text span {
        margin: 0 0 10px 0;
        display: block;
    }

    .tracker-wrap .figure-box .figure .text span:last-of-type {
        margin-bottom: 0;
    }

    .tracker-wrap .figure-box .figure .text span.blue {
        color: #456bdc;
    }

    .tracker-wrap .figure-box .figure .list {
        margin: 40px 0 0 0;
    }

    .tracker-wrap .figure-box .figure .list ul {
        flex-wrap: wrap;
        gap: 10px;
    }

    .tracker-wrap .figure-box .figure .list ul li {
        min-width: 33.33%;
        padding: 15px 0;
    }

    .tracker-wrap .figure-box .figure .list .num {
        min-width: 40px;
        height: 40px;
        padding: 0 8px;
        font-size: 16px;
    }

    .tracker-wrap .figure-box .figure .list .txt {
        line-height: 1.5;
        font-size: 14px;
        font-weight: 600;
        color: #212121;
    }

    .tracker-wrap .flex-box {
        margin: 0 0 25px 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .tracker-wrap .search-box {}

    .tracker-wrap .search-box form {
        display: flex;
        align-items: center;
        width: 518px;
        height: 50px;
        border: 1px solid #bdbdbd;
        padding: 0 20px;
    }

    .tracker-wrap .search-box form:before {
        content: '';
        width: 35px;
        height: 35px;
        background: url("../img/common/ic_search_bk.svg") no-repeat center;
        flex: 0 0 auto;
    }

    .tracker-wrap .search-box form input {
        width: 100%;
        height: 50px;
        border: 0;
        background: transparent;
        font-size: 15px;
    }

    .tracker-wrap .util-box {
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .tracker-wrap .util-box .util-btn {}

    .tracker-wrap .util-box .util-btn .util-group {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        cursor: pointer;
        max-width: 100%;
        width: 162px;
        height: 45px;
        border: 1px solid #049871;
        padding: 0 20px;
        font-size: 16px;
        font-weight: 600;
        color: #049871;
    }

    .tracker-wrap .util-box .util-btn .util-menu {
        display: none;
    }

    .tracker-wrap .util-box .util-btn.util-filter .util-group:after {
        content: '';
        width: 25px;
        height: 25px;
        background: url("../img/common/ic_filter.svg") no-repeat center / contain;
    }

    .tracker-wrap .util-box .util-btn.util-sort .util-group:after {
        content: '';
        width: 25px;
        height: 25px;
        background: url("../img/common/ic_sort.svg") no-repeat center / contain;
    }

    .tracker-wrap .target-box {
        margin: 0 0 30px 0;
        padding: 15px;
    }

    .tracker-wrap .target-box .tit {
        line-height: 30px;
        font-size: 20px;
        font-weight: 600;
        color: #424242;
        margin: 0 0 10px;
    }

    .tracker-wrap .target-box .txt {}

    .tracker-wrap .target-box .txt+.txt {
        border-top: 1px solid #e0e0e0;
        padding: 10px 0 0 0;
        margin: 10px 0 0 0;
    }

    .tracker-wrap .target-box .txt ul {
        grid-template-columns: repeat(2, 1fr);
    }

    .tracker-wrap .target-box .txt ul li {
        height: 36px;
    }

    .tracker-wrap .target-box .txt ul li>label {
        gap: 8px;
    }

    .tracker-wrap .target-box .txt ul li>label input {
        display: none;
    }

    .tracker-wrap .target-box .txt ul li>label input~i {
        width: 20px;
        height: 20px;
    }

    .tracker-wrap .target-box .txt ul li>label input~span {
        font-size: 14px;
    }

    .tracker-wrap .target-box .txt ul li>label input:checked~i {
        background: url("../img/common/ic_checkbox_on.svg") no-repeat center / contain;
    }

    .opportunity-wrap {
        padding: 60px 20px;
    }

    .opportunity-wrap .sec-1 {
        margin: 0 0 40px 0;
    }

    .opportunity-wrap .sec-2 {
        margin: 0 0 40px 0;
    }

    .opportunity-wrap .sec-3 {}

    .opportunity-wrap .list-box {}

    .opportunity-wrap .list-box .agency {}

    .opportunity-wrap .list-box .agency ul {
        display: flex;
        flex-wrap: wrap;
        gap: 40px 24px;
        justify-content: center;
    }

    .opportunity-wrap .list-box .agency ul li {
        width: calc(25% - 18px);
    }

    .opportunity-wrap .list-box .agency ul li .img {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        aspect-ratio: 38/14;
        border-radius: 20px;
        border: 1px solid #e0e0e0;
    }

    .opportunity-wrap .list-box .agency ul li .img img {
        max-width: 100%;
        height: auto;
    }

    .opportunity-wrap .list-box .agency ul li .con {
        padding: 20px 0 0 0;
        text-align: center;
    }

    .opportunity-wrap .list-box .agency ul li .name {
        line-height: 25px;
        font-size: 16px;
        font-weight: 500;
        color: #212121;
    }

    .opportunity-wrap .list-box .agency ul li .desc {
        margin: 5px 0 0 0;
        line-height: 20px;
        font-size: 14px;
        color: #616161;
    }

    .opportunity-wrap .list-box .more {
        margin: 70px 0 0 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .opportunity-wrap .list-box .more a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 160px;
        height: 50px;
        max-width: 100%;
        padding: 0 20px;
        border: 1px solid #049871;
        background: #ffffff;
        font-size: 17px;
        font-weight: 600;
        color: #049871;
        transition: all 0.3s;
    }

    .opportunity-wrap .list-box .more a:hover {
        background: #049871;
        border-color: #049871;
        color: #ffffff;
    }

    .eventnews-wrap {
        position: relative;
        padding: 100px 0 150px;
    }

    .eventnews-wrap .sec-1 {
        margin: 0 0 100px 0;
    }

    .eventnews-wrap .sec-2 {}

    .eventnews-wrap .calendar-box {}

    .eventnews-wrap .calendar-box .head {
        margin: 0 0 50px 0;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .eventnews-wrap .calendar-box .head .prev {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        border-radius: 10px;
        border: 1px solid #ddd;
        background: #fff url("../img/common/ic_cal_arrow.svg") no-repeat center;
        transform: rotate(180deg);
        cursor: pointer;
    }

    .eventnews-wrap .calendar-box .head .prev:hover {
        border-color: #212121;
    }

    .eventnews-wrap .calendar-box .head .next {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        border-radius: 10px;
        border: 1px solid #ddd;
        background: #fff url("../img/common/ic_cal_arrow.svg") no-repeat center;
        transform: rotate(0);
        cursor: pointer;
    }

    .eventnews-wrap .calendar-box .head .next:hover {
        border-color: #212121;
    }

    .eventnews-wrap .calendar-box .head .date {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 60px;
        gap: 15px;
    }

    .eventnews-wrap .calendar-box .head .date .month {
        font-size: 28px;
        font-weight: 500;
        color: #212121;
    }

    .eventnews-wrap .calendar-box .head .date .year {
        font-size: 35px;
        font-weight: 700;
        color: #212121;
    }

    .eventnews-wrap .calendar-box .calendar {
        position: relative;
        text-align: center;
    }

    .eventnews-wrap .calendar-box .calendar .calendar-head {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        border-top: 2px solid #212121
    }

    .eventnews-wrap .calendar-box .calendar .calendar-head li {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 60px;
        font-size: 20px;
        font-weight: 600;
        color: #666;
        border-bottom: 1px solid #e0e0e0;
    }

    .eventnews-wrap .calendar-box .calendar .calendar-head li.sun {
        color: #ec2027;
    }

    .eventnews-wrap .calendar-box .calendar .calendar-body {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
    }

    .eventnews-wrap .calendar-box .calendar .calendar-body li {
        display: flex;
        padding: 25px 20px;
        border-right: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
        aspect-ratio: 1/1;
        font-size: 20px;
        font-weight: 500;
        color: #666;
    }

    .eventnews-wrap .calendar-box .calendar .calendar-body li:nth-child(7n) {
        border-right: 0;
    }

    .eventnews-wrap .calendar-box .calendar .calendar-body li.sun {
        color: #456bdc;
        background: #fafafa;
    }

    .eventnews-wrap .calendar-box .calendar .calendar-body li.sat {
        color: #32c19b;
        background: #fafafa;
    }

    .eventnews-wrap .calendar-box .calendar .calendar-body li.disabled {
        color: #999;
    }

    .eventnews-wrap .calendar-box .calendar .calendar-bars {
        position: absolute;
        top: 62px;
        left: 0;
        width: 100%;
        pointer-events: none;
    }

    .eventnews-wrap .calendar-box .calendar .calendar-bars .bar {
        position: absolute;
        padding: 0 10px;
        cursor: pointer;
        pointer-events: all;
        display: flex;
        align-items: center;
        min-height: 32px;
    }

    .eventnews-wrap .calendar-box .calendar .calendar-bars .bar span {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        width: 100%;
        height: 100%;
        padding: 0 10px;
        min-height: 32px;
        line-height: 32px;
        font-size: 16px;
        font-weight: 500;
        color: #fff;
        border-radius: 5px;
        background: #000;
        text-align: left;
    }

    .eventnews-wrap .calendar-box .calendar .calendar-bars .bar:hover {
        z-index: 5;
    }

    .eventnews-wrap .calendar-box .calendar .calendar-bars .bar:hover span {
        display: block;
    }

    .eventnews-wrap .calendar-box .calendar .calendar-bars .bar.active {
        z-index: 5;
    }

    .eventnews-wrap .calendar-box .calendar .calendar-bars .bar.active span {
        display: block;
    }

    .eventnews-wrap .calendar-box .calendar .calendar-bars .bar-1 span {
        background: #047f5e;
    }

    .eventnews-wrap .calendar-box .calendar .calendar-bars .bar-2 span {
        background: #62cfb2;
    }

    .eventnews-wrap .calendar-box .calendar .calendar-bars .bar-3 span {
        background: #02513C;
    }

    .eventnews-wrap .calendar-box .calendar .calendar-bars .bar-4 span {
        background: #05B385;
    }

    .eventnews-wrap .calendar-box .calendar .calendar-modal {
        position: absolute;
        border-radius: 5px 5px 20px 20px;
        border-top: 5px solid #05b385;
        width: 400px;
        max-width: 100%;
        background: #fff;
        box-shadow: 4px 4px 25px rgb(66 66 66 / 15%);
        padding: 15px;
        opacity: 0;
        visibility: hidden;
    }

    .eventnews-wrap .calendar-box .calendar .calendar-modal.active {
        z-index: 6;
        opacity: 1;
        visibility: visible;
    }

    .eventnews-wrap .calendar-box .calendar .calendar-modal .subject {
        padding: 15px 0 30px 0;
        line-height: 22px;
        font-size: 17px;
        font-weight: 600;
        color: #212121;
        text-align: center;
    }

    .eventnews-wrap .calendar-box .calendar .calendar-modal .date {
        margin: 0 0 10px 0;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 12px;
        text-align: center;
        background: #E6F7F3;
        border-radius: 30px;
    }

    .eventnews-wrap .calendar-box .calendar .calendar-modal .date .month {
        line-height: 22px;
        font-size: 16px;
        font-weight: 500;
        color: #212121;
    }

    .eventnews-wrap .calendar-box .calendar .calendar-modal .date .year {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        font-size: 18px;
        font-weight: 700;
        color: #05b385;
    }

    .eventnews-wrap .calendar-box .calendar .calendar-modal .date .year:before {
        content: '';
        margin: 0 8px;
        width: 5px;
        height: 5px;
        border-radius: 5px;
        background: #62cfb2;
    }

    .eventnews-wrap .calendar-box .calendar .calendar-modal .description {
        padding: 20px;
        border-radius: 15px;
        background: #f5f5f5;
        text-align: left;
        line-height: 22px;
        font-size: 15px;
        color: #666;
    }

    .eventnews-wrap .calendar-box .calendar .calendar-modal .description p {
        position: relative;
        margin: 0 0 10px 0;
        padding-left: 12px;
    }

    .eventnews-wrap .calendar-box .calendar .calendar-modal .description p:before {
        content: '';
        position: absolute;
        top: 8px;
        left: 2px;
        width: 4px;
        height: 4px;
        background: #ccc;
        border-radius: 4px;
    }

    .eventnews-wrap .calendar-box .calendar .calendar-modal .description p:last-of-type {
        margin: 0;
    }

    .faq-wrap {
        position: relative;
        padding: 100px 0 150px;
    }

    .faq-wrap .sec-1 {
        margin: 0 0 100px 0;
    }

    .faq-wrap .sec-2 {}

    .faq-wrap .faq-box {}

    .faq-wrap .faq-box .list {
        border: 1px solid #e0e0e0;
        border-top: 1px solid #212121
    }

    .faq-wrap .faq-box .list ul {}

    .faq-wrap .faq-box .list ul li {
        border-bottom: 1px solid #e0e0e0;
    }

    .faq-wrap .faq-box .list ul li:last-of-type {
        border-bottom: 0;
    }

    .faq-wrap .faq-box .list ul li.active .faq-head .arrow {}

    .faq-wrap .faq-box .list ul li.active .faq-head .arrow:before {
        transform: rotate(180deg);
    }

    .faq-wrap .faq-box .list .faq-head {
        display: flex;
        align-items: center;
        padding: 20px 45px;
    }

    .faq-wrap .faq-box .list .faq-head .label {
        width: 132px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 auto;
    }

    .faq-wrap .faq-box .list .faq-head .label span {
        display: flex;
        align-items: center;
        padding: 0 8px;
        height: 32px;
        font-size: 16px;
        font-weight: 600;
        color: #424242;
        background: #f5f5f5;
        white-space: nowrap;
        letter-spacing: -0.02em;
    }

    .faq-wrap .faq-box .list .faq-head .label span.label-1 {
        background: #32c19b;
        color: #ffffff;
    }

    .faq-wrap .faq-box .list .faq-head .label span.label-2 {
        background: #456bdc;
        color: #ffffff;
    }

    .faq-wrap .faq-box .list .faq-head .label span.label-3 {
        background: #9e9e9e;
        color: #ffffff;
    }

    .faq-wrap .faq-box .list .faq-head .subject {
        display: flex;
        align-items: center;
        padding: 0 45px;
        gap: 20px;
    }

    .faq-wrap .faq-box .list .faq-head .subject .tit {
        width: 40px;
        height: 40px;
        border-radius: 40px;
        background: #e6f7f3;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        font-weight: 600;
        color: #32c19b;
        flex: 0 0 auto;
    }

    .faq-wrap .faq-box .list .faq-head .subject .txt {
        font-size: 16px;
        font-weight: 500;
        color: #212121;
    }

    .faq-wrap .faq-box .list .faq-head .arrow {
        margin-left: 50px;
        width: 60px;
        height: 30px;
        display: flex;
        align-items: center;
        cursor: pointer;
    }

    .faq-wrap .faq-box .list .faq-head .arrow:before {
        content: '';
        width: 30px;
        height: 30px;
        border-radius: 30px;
        background: #e6f7f3 url("../img/sub/faq_arrow.svg") no-repeat center;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .faq-wrap .faq-box .list .faq-text {
        display: none;
        padding: 20px 145px 20px 222px;
        background: #fafafa;
        border-top: 1px solid #e0e0e0;
    }

    .faq-wrap .faq-box .list .faq-text .description {
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .faq-wrap .faq-box .list .faq-text .description .tit {
        width: 40px;
        height: 40px;
        border-radius: 40px;
        background: #32C19B;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        font-weight: 600;
        color: #fff;
        flex: 0 0 auto;
    }

    .faq-wrap .faq-box .list .faq-text .description .txt {
        font-size: 16px;
        font-weight: 500;
        color: #212121;
    }

    .faq-wrap .faq-box .more {
        margin: 70px 0 0 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .faq-wrap .faq-box .more a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 160px;
        height: 50px;
        max-width: 100%;
        padding: 0 20px;
        border: 1px solid #049871;
        background: #ffffff;
        font-size: 17px;
        font-weight: 600;
        color: #049871;
        transition: all 0.3s;
    }

    .faq-wrap .faq-box .more a:hover {
        background: #049871;
        border-color: #049871;
        color: #ffffff;
    }

    .faq-wrap .qna-box {}

    .faq-wrap .qna-box .list {}

    .faq-wrap .qna-box .list>ul {
        border: 1px solid #e0e0e0;
        border-top: 1px solid #212121
    }

    .faq-wrap .qna-box .list>ul>li {
        padding: 35px 50px;
        border-bottom: 1px solid #e0e0e0;
    }

    .faq-wrap .qna-box .list>ul>li:last-of-type {
        border-bottom: 0;
    }

    .faq-wrap .qna-box .list>ul>li.active .qna-info .all i {
        transform: rotate(180deg);
    }

    .faq-wrap .qna-box .list .qna-head {
        margin: 0 0 20px 0;
        display: flex;
        align-items: center;
    }

    .faq-wrap .qna-box .list .qna-head .label {
        margin: 0 30px 0 0;
        width: 132px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 auto;
    }

    .faq-wrap .qna-box .list .qna-head .label span {
        display: flex;
        align-items: center;
        padding: 0 8px;
        height: 32px;
        font-size: 16px;
        font-weight: 600;
        color: #424242;
        background: #f5f5f5;
        white-space: nowrap;
        letter-spacing: -0.02em;
    }

    .faq-wrap .qna-box .list .qna-head .label span.label-1 {
        background: #32c19b;
        color: #ffffff;
    }

    .faq-wrap .qna-box .list .qna-head .label span.label-2 {
        background: #456bdc;
        color: #ffffff;
    }

    .faq-wrap .qna-box .list .qna-head .label span.label-3 {
        background: #9e9e9e;
        color: #ffffff;
    }

    .faq-wrap .qna-box .list .qna-head .icon {
        margin: 0 10px 0 0;
        width: 35px;
        height: 35px;
        border-radius: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 auto;
        overflow: hidden;
    }

    .faq-wrap .qna-box .list .qna-head .icon img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .faq-wrap .qna-box .list .qna-head .title {
        flex: 1;
        font-size: 16px;
        font-weight: 500;
        color: #212121;
    }

    .faq-wrap .qna-box .list .qna-cont {
        margin: 0 0 30px;
    }

    .faq-wrap .qna-box .list .qna-cont .text {
        line-height: 25px;
        font-size: 15px;
        color: #212121;
    }

    .faq-wrap .qna-box .list .qna-cont .date {
        margin: 20px 0 0 0;
        line-height: 24px;
        font-size: 15px;
        color: #616161;
    }

    .faq-wrap .qna-box .list .qna-info {
        padding: 15px 30px;
        background: #E6F7F3;
        display: flex;
        align-items: center;
        border-radius: 10px;
    }

    .faq-wrap .qna-box .list .qna-info .icon {
        margin: 0 15px 0 0;
        flex: 0 0 auto;
        display: flex;
        align-items: center;
    }

    .faq-wrap .qna-box .list .qna-info .icon img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .faq-wrap .qna-box .list .qna-info .icon img+img {
        margin-left: -15px;
    }

    .faq-wrap .qna-box .list .qna-info .total {
        line-height: 24px;
        font-size: 15px;
        font-weight: 500;
        color: #424242;
    }

    .faq-wrap .qna-box .list .qna-info .total span {
        font-weight: 600;
    }

    .faq-wrap .qna-box .list .qna-info .comments {
        position: relative;
        margin: 0 0 0 15px;
        padding: 0 0 0 15px;
        line-height: 24px;
        font-size: 15px;
        font-weight: 500;
        color: #32c19b;
    }

    .faq-wrap .qna-box .list .qna-info .comments:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        width: 1px;
        height: 15px;
        background: #bdbdbd;
        transform: translateY(-50%);
    }

    .faq-wrap .qna-box .list .qna-info .comments span {
        font-weight: 600;
    }

    .faq-wrap .qna-box .list .qna-info .all {
        margin: 0 0 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        font-size: 15px;
        font-weight: 500;
        color: #424242;
        cursor: pointer;
    }

    .faq-wrap .qna-box .list .qna-info .all i {
        width: 30px;
        height: 30px;
        background: url("../img/sub/qna_arrow.svg") no-repeat center;
    }

    .faq-wrap .qna-box .list .qna-comments {
        display: none;
    }

    .faq-wrap .qna-box .list .qna-comments>ul {}

    .faq-wrap .qna-box .list .qna-comments>ul>li {
        margin: 15px 0 0 0;
        padding: 30px;
        border-radius: 10px;
        background: #fafafa;
    }

    .faq-wrap .qna-box .list .qna-comments .user {
        display: flex;
        align-items: center;
        padding: 0 0 20px 0;
        border-bottom: 1px solid #e0e0e0;
    }

    .faq-wrap .qna-box .list .qna-comments .user .icon {
        margin: 0 15px 0 0;
        width: 35px;
        height: 35px;
        border-radius: 35px;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .faq-wrap .qna-box .list .qna-comments .user .icon img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .faq-wrap .qna-box .list .qna-comments .user .title {
        font-size: 16px;
        font-weight: 500;
        color: #212121;
    }

    .faq-wrap .qna-box .list .qna-comments .text {
        padding: 20px 0 0 0;
        line-height: 24px;
        font-size: 15px;
        font-weight: 400;
        color: #212121;
    }

    .faq-wrap .qna-box .more {
        margin: 70px 0 0 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .faq-wrap .qna-box .more a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 160px;
        height: 50px;
        max-width: 100%;
        padding: 0 20px;
        border: 1px solid #049871;
        background: #ffffff;
        font-size: 17px;
        font-weight: 600;
        color: #049871;
        transition: all 0.3s;
    }

    .faq-wrap .qna-box .more a:hover {
        background: #049871;
        border-color: #049871;
        color: #ffffff;
    }

    .ncp-wrap {
        position: relative;
        padding: 100px 20px 150px;
    }

    .ncp-wrap .sec-1 {
        margin: 0 0 100px 0;
    }

    .ncp-wrap .sec-2 {
        margin: 0 0 90px 0;
    }

    .ncp-wrap .sec-3 {}

    .ncp-wrap .info-box {
		padding:25px 0;
        margin: 0 0 70px 0;
    }

    .ncp-wrap .info-box .img {
        margin: 0 0 40px 0;
        width: 100%;
        height: auto;
        aspect-ratio: 16/5;
    }

    .ncp-wrap .info-box .img img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .ncp-wrap .info-box .con {
        display: flex;
    }

    .ncp-wrap .info-box .tit {
        width: 543px;
        max-width: 100%;
        line-height: 40px;
        font-size: 30px;
        font-weight: 700;
        color: #212121;
    }

    .ncp-wrap .info-box .txt {
        max-width: 100%;
        line-height: 22px;
        font-size: 16px;
        font-weight: 400;
        color: #757575;
    }

    .ncp-wrap .info-box .txt p {
        display: block;
        margin: 0 0 30px 0;
        word-break: break-word;
    }

    .ncp-wrap .info-box .txt p:last-of-type {
        margin-bottom: 0;
    }

    .ncp-wrap .view-box {}

    .ncp-wrap .view-box ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 40px
    }

    .ncp-wrap .view-box ul li {
        padding: 20px;
        border: 1px solid #e0e0e0;
        display: flex;
        align-items: center;
		flex-direction: column;
    }

    .ncp-wrap .view-box .img {
        margin: 0 20px 0 0;
        width: 60px;
        height: 60px;
        flex: 0 0 auto;
    }

    .ncp-wrap .view-box .img img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .ncp-wrap .view-box .tit {
        line-height: 1.5;
        font-size: 16px;
        font-weight: 600;
        color: #212121;
    }

    .ncp-wrap .list-box {}

    .ncp-wrap .list-box .list {}

    .ncp-wrap .list-box .list ul {}

    .ncp-wrap .list-box .list ul li {}

    .ncp-wrap .list-box .list .box {}

    .ncp-wrap .list-box .list .img {
        margin: 0 auto;
        width: 250px;
        max-width: 100%;
        height: auto;
        aspect-ratio: 1/1;
    }

    .ncp-wrap .list-box .list .con {
        align-items: center;
    }

    .ncp-wrap .list-box .list .user {
        margin: 0 0 15px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .ncp-wrap .list-box .list .user .name {
        line-height: 25px;
        font-size: 18px;
        font-weight: 600;
        color: #212121;
    }

    .ncp-wrap .list-box .list .user .country {
        display: flex;
        align-items: center;
        line-height: 25px;
        font-size: 16px;
        font-weight: 500;
        color: #616161;
    }

    .ncp-wrap .list-box .list .user .country:before {
        content: '';
        width: 1px;
        height: 15px;
        background: #bdbdbd;
        margin: 0 10px;
    }

    .ncp-wrap .list-box .list .type {
        width: 100%;
        padding: 5px 10px;
        line-height: 30px;
        font-size: 16px;
        font-weight: 600;
        color: #049871;
        background: #e6f7f3;
        text-align: center;
    }

    .ncp-wrap .list-box .list .info {
        padding: 15px;
        background: #fafafa
    }

    .ncp-wrap .list-box .list .info dl {
        margin: 0 0 15px;
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 14px;
        color: #424242;
        flex-wrap: wrap;
    }

    .ncp-wrap .list-box .list .info dl:last-of-type {
        margin-bottom: 0;
    }

    .ncp-wrap .list-box .list .info dt {
        display: flex;
        align-items: center;
        gap: 8px;
        min-width: 50px;
        font-size: 15px;
        font-weight: 600;
    }

    .ncp-wrap .list-box .list .info dt:before {
        content: '';
        width: 2px;
        height: 14px;
        background: #32c19b;
    }

    .ncp-wrap .list-box .list .info dd {}

    .ncp-wrap .list-box .list .act {
        margin: 20px 0 0 0;
    }

    .ncp-wrap .list-box .list .act a {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        height: 45px;
        border: 1px solid #049871;
        font-size: 17px;
        font-weight: 700;
        color: #049871;
        gap: 10px;
        transition: all 0.3s;
    }

    .ncp-wrap .list-box .list .act a:before {
        content: '';
        width: 23px;
        height: 18px;
        background: url("../img/sub/ncp_mail.svg") no-repeat center / contain;
        transition: all 0.3s;
    }

    .ncp-wrap .list-box .list .act a:hover {
        background: #049871;
        color: #fff;
    }

    .ncp-wrap .list-box .list .act a:hover:before {
        background: url("../img/sub/ncp_mail_w.svg") no-repeat center / contain;
    }

    .ncp-wrap .subscribe {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 60px 80px;
        background: #e6f7f3;
    }

    .ncp-wrap .subscribe .text {}

    .ncp-wrap .subscribe .text .tit {
        line-height: 50px;
        font-size: 30px;
        font-weight: 600;
        color: #212121;
        display: flex;
        align-items: center;
        gap: 15px;
    }

    .ncp-wrap .subscribe .text .tit span {
        font-sizE: 40px;
        font-weight: 700;
        color: #049871;
    }

    .ncp-wrap .subscribe .text .txt {
        margin: 20px 0 0 0;
        line-height: 22px;
        font-size: 16px;
        color: #424242;
    }

    .ncp-wrap .subscribe .button {}

    .ncp-wrap .subscribe .button a {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        width: 250px;
        max-width: 100%;
        height: 50px;
        border: 1px solid #049871;
        font-size: 17px;
        font-weight: 500;
        color: #fff;
        gap: 10px;
        background: #049871;
        border-radius: 15px;
        transition: all 0.3s;
    }

    .ncp-wrap .subscribe .button a:before {
        content: '';
        width: 23px;
        height: 18px;
        background: url("../img/sub/ncp_mail_w.svg") no-repeat center / contain;
        transition: all 0.3s;
    }

    .ncp-wrap .subscribe .button a:hover {
        background: #fff;
        color: #049871;
    }

    .ncp-wrap .subscribe .button a:hover:before {
        background: url("../img/sub/ncp_mail.svg") no-repeat center / contain;
    }

    .note-wrap {
        position: fixed;
        z-index: 1000;
        inset: 0;
        padding: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s;
    }

    .note-wrap.active {
        opacity: 1;
        visibility: visible;
    }

    .note-wrap .note {
        position: relative;
        z-index: 2;
        padding: 50px;
        width: 800px;
        max-width: 100%;
        background: #fff;
        border-radius: 50px;
        border: 1px solid #e0e0e0;
    }

    .note-wrap .note .title {
        margin: 0 0 50px 0;
        line-height: 45px;
        font-size: 35px;
        font-weight: 600;
        color: #212121;
        text-align: center;
    }

    .note-wrap .note .form {}

    .note-wrap .note .form dl {
        margin: 0 0 25px;
    }

    .note-wrap .note .form dt {
        margin: 0 0 10px;
        line-height: 25px;
        font-size: 16px;
        font-weight: 600;
        color: #424242;
    }

    .note-wrap .note .form dd {}

    .note-wrap .note .form .inp {}

    .note-wrap .note .form .inp input {
        display: block;
        width: 100%;
        height: 50px;
        padding: 15px;
        border-radius: 20px;
        border: 1px solid #e0e0e0;
        font-size: 16px;
        font-weight: 500;
        color: #212121;
    }

    .note-wrap .note .form .inp textarea {
        display: block;
        width: 100%;
        height: 150px;
        padding: 15px;
        border-radius: 20px;
        border: 1px solid #e0e0e0;
        font-size: 16px;
        font-weight: 500;
        color: #212121;
    }

    .note-wrap .note .util {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .note-wrap .note .util .check {}

    .note-wrap .note .util .check label {
        display: flex;
        align-items: center;
        gap: 10px;
        cursor: pointer;
    }

    .note-wrap .note .util .check label input {
        display: none;
    }

    .note-wrap .note .util .check label input~i {
        flex: 0 0 auto;
        width: 24px;
        height: 24px;
        background: url("../img/common/ic_checkbox.svg") no-repeat center / contain;
    }

    .note-wrap .note .util .check label input~span {
        font-size: 16px;
        font-weight: 500;
        color: #424242;
        text-transform: capitalize;
    }

    .note-wrap .note .util .check label input:checked~i {
        background: url("../img/common/ic_checkbox_on.svg") no-repeat center / contain;
    }

    .note-wrap .note .util .word {
        font-size: 16px;
        color: #424242;
    }

    .note-wrap .note .button {
        margin: 60px 0 0 0;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        gap: 20px;
    }

    .note-wrap .note .button .btn {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        width: 190px;
        max-width: 100%;
        height: 50px;
        border: 1px solid #e0e0e0;
        font-size: 16px;
        font-weight: 600;
        color: #212121;
    }

    .note-wrap .note .button .btn.btn-01 {
        background: #049871;
        border-color: #049871;
        color: #ffffff;
    }

    .note-wrap .note .button .btn.btn-02 {
        background: #ffffff;
        border-color: #049871;
        color: #049871;
    }

    .note-wrap .dim {
        position: absolute;
        inset: 0;
        z-index: 1;
        background: #424242;
        opacity: 0.5;
    }

    #container .pg_wrap {
        margin: 70px 0 20px;
        float: none;
        display: block;
    }

    #container .pg_wrap .pg {
        display: flex;
        justify-content: center;
        gap: 10px;
    }

    #container .pg_wrap .pg_page {
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        font-size: 15px;
        color: #424242;
        border-radius: 30px;
        border: 1px solid transparent;
        background: transparent;
    }

    #container .pg_wrap .pg_current {
        border-radius: 50%;
        border: 1px solid #049871;
        font-weight: 700;
        color: #049871;
        background: transparent;
    }

    #container .pg_wrap .pg_end {
        background: url("../img/common/ic_pg_arrow2.svg") no-repeat center;
    }

    #container .pg_wrap .pg_start {
        background: url("../img/common/ic_pg_arrow2.svg") no-repeat center;
        transform: rotate(180deg);
    }

    #container .pg_wrap .pg_next {
        background: url("../img/common/ic_pg_arrow.svg") no-repeat center;
    }

    #container .pg_wrap .pg_prev {
        background: url("../img/common/ic_pg_arrow.svg") no-repeat center;
        transform: rotate(180deg);
    }

}

#ca_name option:last-child{display:none !important;}

.sub-wrap .list-box .list.row .target-box .txt ul{grid-template-columns: repeat(5, 1fr); border:none;}
.sub-wrap .list-box .list.row .target-box .txt ul li{border:none;}

@media (max-width: 768px) {
    .sub-wrap .list-box .list.row .target-box .txt ul {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 1440px){
.sub-wrap .list-box .list .box,
.sboard-wrap .board-list-box .box{padding:15px;}
.sub-wrap .list-box .list,
.sub-wrap .list-box .board-ncp-box ul{grid-template-columns:repeat(4, 1fr)}
.sboard-wrap .board-list-box ul{grid-template-columns:repeat(4, 1fr)}

}
@media screen and (max-width: 1200px){
.about-info-wrap .view-box ul li{padding:30px 20px; text-align:center;}

.about-info-wrap .about .con{flex-direction: column; gap:50px;}
.about-info-wrap .about .txt{width:100%; padding:0;}
.about-info-wrap .info-box .content-box{padding:30px;}

.sub-wrap .list-box .board-ncp-box ul{grid-template-columns:repeat(3, 1fr)}

.ncp-wrap .view-box ul{grid-template-columns:repeat(1, 1fr); gap:20px;}
.ncp-wrap .subscribe{padding:40px 20px;}

}

@media screen and (max-width: 1024px){

/*.sboard-wrap .target-box .txt ul{grid-template-columns: repeat(2, 1fr);}*/
.sboard-wrap .board-list-box .gallery_list{border-right:none;}
.sboard-wrap .board-list-box .gallery_list,
.sboard-wrap .target-box .txt ul{grid-template-columns:repeat(2, 1fr)}

.sub-wrap .list-box .board-ncp-box ul{grid-template-columns:repeat(2, 1fr)}

.ncp-wrap .subscribe{flex-direction: column; gap:10px;}

}

@media screen and (max-width: 960px){
.about-info-wrap .info-box .content-box{padding:15px;}
.about-info-wrap .text p{font-size:14px;}
.sboard-wrap .target-box .txt ul{grid-template-columns:repeat(1, 1fr); gap:5px;}

.sub-wrap .list-box .list.row ul li .con{flex-wrap:wrap;}
.sub-wrap .list-box .list .bottom{width:100%;}
.sub-wrap .list-box .list.row ul li .con{gap:15px;}

.sboard-wrap .board-search-box>ul>li{padding:30px 0; }
.sboard-wrap .board-search-box .search-cont{flex-direction: column; align-items:flex-start;}
.sboard-wrap .board-search-box .search-cont dl:after{display:none;}
.sboard-wrap .board-search-box .search-head{flex-direction: column; align-items:flex-start; gap:10px;}
.sboard-wrap .board-search-box .search-head .bookmark{position:absolute; right:20px; top:30px;}
.sboard-wrap .board-search-box .search-head .contact{width:100%; }
.sboard-wrap .board-search-box .search-info{padding:10px; flex-direction: column; align-items:flex-start;}
.sboard-wrap .board-search-box .search-info dl:after{margin:0 5px; display:none;}
.sboard-wrap .view-option dl:before{display:none;}
.sboard-wrap .view-flex .view-option{flex-direction: column; align-items:flex-start;}
.sboard-wrap .view-flex{position:relative; }
.sboard-wrap .view-flex .view-bookmark{position:absolute; right:0; bottom:-50px; }
.sboard-wrap .view-btn-area{padding:20px 0; }
.sboard-wrap .view-btn-area .ctrl-area{flex-wrap:wrap;}
.sboard-wrap .view-btn-area .ctrl-area a{width:80px;  height:40px; line-height:38px;}
.sboard-wrap .view-comment-area .form-area{padding:15px; }
.sboard-wrap .view-comment-area .form-area .input-area{flex-direction: column;}
.sboard-wrap .view-comment-area .form-area .input-area .button button{width:100%; }
.sboard-wrap .view-comment-area .comment-box .head{flex-direction: column;}
.sboard-wrap .view-comment-area .comment-box .head{flex-wrap:wrap; align-items:flex-start;}
.sboard-wrap .attachment-link{padding:10px;}
}
@media screen and (max-width: 768px){
.sub-wrap .list-box .board-ncp-box ul{grid-template-columns:repeat(1, 1fr); gap:5px;}
}

a.newsletter-admin-link{color:#3878C2; text-decoration:underline; word-break:keep-all;}