@charset "UTF-8";

/* login */
.btn-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.btn-wrap .btn + .btn {
    margin-left: 20px;
}
.btn-style-01 {
    border-radius: 10px;
    border: 1px solid #232323;
    font-weight: 500;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    min-height: 60px;
    font-size: 1.125rem;
}
@media (max-width: 768px) {
    .btn-style-01 {
        min-height: 50px;
        font-size: 1rem;
    }
}

.btn-style-02 {
    border-radius: 10px;
    background-color: #4B3329;
    color: #fff;
    font-weight: 500;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    min-height: 60px;
    font-size: 1.125rem;
}
@media (max-width: 768px) {
    .btn-style-02 {
        min-height: 50px;
        font-size: 1rem;
    }
}

.btn-style-03 {
    border-radius: 10px;
    background-color: #E4E4E4;
    color: #292929;
    font-weight: 500;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    min-height: 60px;
    font-size: 1.125rem;
}
@media (max-width: 768px) {
    .btn-style-03 {
        min-height: 50px;
        font-size: 1rem;
    }
}

.sect_login.typeA {
    margin-top: 85px;
}
@media (max-width: 768px) {
    .sect_login.typeA {
        margin-top: 65px;
    }
}
.sect_login.typeA .wrapper {
    max-width: 620px;
    width: 100%;
    padding: 0;
    margin: 0 auto;
}
.sect_login.typeA .wrapper .sub_top {
    text-align: center;
    font-size: 1.625rem;
    font-weight: 600;
    margin-bottom: 55px;
}
@media (max-width: 768px) {
    .sect_login.typeA .wrapper .sub_top {
        margin-bottom: 70px;
    }
}
.login .login_input .sftext {
    margin: 0 0 20px 0;
}
.login .login_input .sftext input {
    height: 60px;
    border-radius: 10px;
    padding: 0 15px;
    /*@include mobile {
    height: 50px;
  }*/
}
.login .login_input .sftext input::placeholder {
    color: #757575;
    font-weight: 400;
}
.login .login_input .sftext input:-webkit-autofill, .login .login_input .sftext input:-internal-autofill-selected {
    -webkit-box-shadow: 0 0 0 30px #fff inset;
    -webkit-text-fill-color: #000000;
}

.sect_login.typeA .wrapper .login_set {
    margin-top: 10px;
    margin-bottom: 60px;
    height: 20px;
    font-size: 0.875rem;
    color: #757575;
}
@media (max-width: 768px) {
    .sect_login.typeA .wrapper .login_set {
        margin-top: 15px;
        margin-bottom: 40px;
    }
}
.sect_login.typeA .wrapper .login_set .login_auto {
    float: left;
}
.sect_login.typeA .wrapper .login_set .login_auto .idSave {
    margin: 0;
}
.sect_login.typeA .wrapper .login_set .login_auto .idSave .idSave__input:checked + label:before {
    background: url(/assets/images/ico/ico_check_02.svg);
    background-repeat: no-repeat;
    background-size: 11px 9px;
    background-color: #4B3329;
    background-position: 50%;
}
.sect_login.typeA .wrapper .login_set .login_auto .idSave .idSave__input + label {
    font-size: 0.875rem;
    color: #757575;
}
.sect_login.typeA .wrapper .login_set .login_auto .idSave .idSave__input + label:before {
    border-radius: 3px;
}
.sect_login.typeA .wrapper .login_set .login_find_wrap {
    float: right;
    display: flex;
}
.sect_login.typeA .wrapper .login_set .login_find_wrap .find_id, .sect_login.typeA .wrapper .login_set .login_find_wrap .find_pw {
    font-size: 0.875rem;
}
.sect_login.typeA .wrapper .login_set .login_find_wrap .login_id {
    display: inline-block;
    font-size: 0.875rem;
}
.sect_login.typeA .wrapper .login_set .login_find_wrap .login_id .login_id a {
    font-size: 0.875rem;
    font-weight: 400;
    text-decoration: underline;
    color: #232323;
}
.sect_login.typeA .wrapper .login_set .login_find_wrap .login_pw {
    padding-left: 15px;
}
.sect_login.typeA .wrapper .login_set .login_find_wrap .line {
    border-left: 1px solid #707070;
    height: 10px;
    margin-top: 4px;
    margin-left: 12px;
    margin-right: -6px;
}
.login_btn {
    font-size: 1.125rem;
}
.login_btn .btn-type-01 {
    border-radius: 10px;
    width: 100%;
    background-color: #4B3329;
    color: #fff;
    height: auto;
    min-height: 60px;
    font-size: 18px;
    padding: 15px 0;
    font-weight: 500;
}

.sect_login.typeA .wrapper .simple_login .line2 {
    display: flex;
    align-items: center;
    color: rgba(0, 0, 0, 0.7);
    font-size: 0.875rem;
    margin-top: 55px;
    margin-bottom: 40px;
}
@media (max-width: 768px) {
    .sect_login.typeA .wrapper .simple_login .line2 {
        margin-top: 40px;
        margin-bottom: 30px;
    }
}
.sect_login.typeA .wrapper .simple_login .line2::before {
    content: "";
    flex-grow: 1;
    margin: 0 30px 0 0;
    background: rgba(0, 0, 0, 0.2);
    height: 1px;
    font-size: 0;
    line-height: 0;
}
@media (max-width: 768px) {
    .sect_login.typeA .wrapper .simple_login .line2::before {
        margin: 0 20px 0 0;
    }
}
.sect_login.typeA .wrapper .simple_login .line2::after {
    content: "";
    flex-grow: 1;
    margin: 0 0 0 30px;
    background: rgba(0, 0, 0, 0.2);
    height: 1px;
    font-size: 0;
    line-height: 0;
}
@media (max-width: 768px) {
    .sect_login.typeA .wrapper .simple_login .line2::after {
        margin: 0 0 0 20px;
    }
}
.sect_login.typeA .wrapper .icon_list {
    display: flex;
    justify-content: space-evenly;
}
.sect_login.typeA .wrapper .icon_list ul {
    display: flex;
    justify-content: center;
}
.sect_login.typeA .wrapper .icon_list ul li {
    display: inline-block;
}
.sect_login.typeA .wrapper .icon_list ul li + li {
    margin-left: 60px;
}
@media (max-width: 768px) {
    .sect_login.typeA .wrapper .icon_list ul li + li {
        margin-left: 40px;
    }
}
@media (max-width: 768px) {
    .sect_login.typeA .wrapper .icon_list ul li img {
        width: 50px;
        height: 50px;
    }
}
.sect_login.typeA .wrapper .icon_list ul li a {
    display: grid;
    justify-content: center;
    text-align: center;
}
@media (max-width: 768px) {
    .sect_login.typeA .wrapper .icon_list ul li a {
        font-size: 0.875rem;
    }
}
.sect_login.typeA .wrapper .icon_list ul li a img {
    margin-bottom: 12px;
}
.sect_login.typeA .wrapper .join_wrap a {
    display: flex;
    justify-content: center;
    font-size: 1rem;
    margin-top: 55px;
}
@media (max-width: 768px) {
    .sect_login.typeA .wrapper .join_wrap a {
        margin-top: 50px;
    }
}
.sect_login.typeA .wrapper .join_wrap a span {
    text-decoration: underline;
    margin-left: 15px;
    color: #424242;
    font-weight: 700;
}
.sect_login.typeA .wrapper .join_wrap a p {
    font-size: 1rem;
}
.sect_login .tab-menu {
    border-radius: 10px 10px 0 0;
    background: #F7F7F7;
    margin-bottom: 50px;
}
@media (max-width: 768px) {
    .sect_login .tab-menu {
        margin-bottom: 30px;
    }
}
.sect_login .tab-menu ul li a {
    background: transparent;
    height: 60px;
    color: #4B3329;
    opacity: 0.25;
    font-weight: 700;
    font-size: 18px;
}
.sect_login .tab-menu ul li a.active {
    opacity: 1;
}
.sect_login .tab-menu ul li a.active::before {
    content: "";
    border-bottom: 2px solid #4B3329;
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
}
.sect_login .tab-menu ul li a.active::after {
    height: 30px;
}

@media (max-width: 768px) {
    .sect_login.typeB {
        max-width: 90%;
        margin: 0 auto;
    }
}
.sect_login.typeB .wrapper {
    max-width: 620px;
    width: 100%;
    padding: 0;
    margin: 0 auto;
}
.sect_login.typeB .wrapper .sub_top {
    text-align: center;
    margin-bottom: 55px;
    font-size: 1.625rem;
    font-weight: 600;
}
.sect_login.typeB .wrapper .sub_body, .sect_login.typeB .wrapper .sub_bottom {
    max-width: 330px;
    width: 100%;
    padding: 0;
    margin: 0 auto;
}
.sect_login.typeB .wrapper .sub_bottom {
    font-weight: 500;
}
.sect_login.typeB .wrapper .login .login_input .sftext {
    margin: 0 0 10px 0;
    position: relative;
}
.sect_login.typeB .wrapper .login .login_input .sftext .id, .sect_login.typeB .wrapper .login .login_input .sftext .password {
    height: 60px;
    border: none;
    border-bottom: 1px solid #BABABA;
    padding-left: 28px;
}
.sect_login.typeB .wrapper .login .login_input .sftext .ico_id {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-image: url("/assets/images/ico/ico_id.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
}
.sect_login.typeB .wrapper .login .login_input .sftext .ico_pw {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-image: url("/assets/images/ico/ico_pw.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
}
.sect_login.typeB .wrapper .login .login_set {
    margin-top: 20px;
    margin-bottom: 40px;
    height: 20px;
    font-size: 0.875rem;
    color: #757575;
}
.sect_login.typeB .wrapper .login .login_set .login_auto {
    float: left;
}
.sect_login.typeB .wrapper .login .login_set .login_auto .idSave {
    margin: 0;
}
.sect_login.typeB .wrapper .login .login_set .login_auto .idSave .idSave__input + label {
    font-size: 0.875rem;
    color: #757575;
}
.sect_login.typeB .wrapper .login .login_set .login_find_wrap {
    float: right;
    display: flex;
}
.sect_login.typeB .wrapper .login .login_set .login_find_wrap .find_id, .sect_login.typeB .wrapper .login .login_set .login_find_wrap .find_pw {
    font-size: 0.875rem;
}
.sect_login.typeB .wrapper .login .login_set .login_find_wrap .login_id {
    display: inline-block;
    font-size: 0.875rem;
}
.sect_login.typeB .wrapper .login .login_set .login_find_wrap .login_id .login_id a {
    font-size: 0.875rem;
    font-weight: 400;
    text-decoration: underline;
    color: #232323;
}
.sect_login.typeB .wrapper .login .login_set .login_find_wrap .login_pw {
    padding-left: 15px;
}
.sect_login.typeB .wrapper .login .login_set .login_find_wrap .line {
    border-left: 0.15em solid #757575;
    height: 10px;
    margin-top: 5px;
    margin-left: 12px;
    margin-right: -6px;
}
.login_btn_list .login_btn {
    font-size: 1.125rem;
}
.login_btn_list .login_btn .btn-type-01 {
    border-radius: 3px;
    width: 100%;
    background-color: #000;
    color: #fff;
    height: auto;
    min-height: 60px;
    font-size: 18px;
    padding: 15px 0;
}
.login_btn_list .login_sns {
    margin-top: 50px;
    text-align: center;
}
.login_sns_list ul li + li {
    margin-top: 10px;
    border-radius: 3px;
    width: 100%;
    background-color: #000;
    color: #fff;
    height: auto;
    min-height: 50px;
}
.login_sns_list ul li a {
    height: auto;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
}

.login_btn_list .login_sns .list1 {
    color: #391B1B;
    background: #FAE332;
}
.login_btn_list .login_sns .list1 .ico_login_kakao {
    margin-right: 5px;
    background-image: url("/assets/images/ico/ico_login_kakao.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
}
.login_btn_list .login_sns .list2 {
    color: #fff;
    background: #2CB24A;
}
.login_btn_list .login_sns .list2 .ico_login_naver {
    margin-right: 5px;
    background-image: url("/assets/images/ico/ico_login_naver.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
}

.sect_login.typeB .wrapper .login .join_wrap a {
    display: flex;
    justify-content: center;
    font-size: 0.875rem;
    margin-top: 30px;
}
.sect_login.typeB .wrapper .login .join_wrap a span {
    text-decoration: underline;
    margin-left: 15px;
    color: #757575;
}
.sect_login.typeB .wrapper .login .join_wrap a p {
    font-size: 0.875rem;
}

@media (max-width: 768px) {
    .sect_login.typeC {
        max-width: 90%;
        margin: 0 auto;
    }
}
.sect_login.typeC .wrapper {
    max-width: 520px;
    width: 100%;
    padding: 0;
    margin: 0 auto;
}
.sect_login.typeC .wrapper .sub_top {
    text-align: center;
    margin-bottom: 70px;
    font-size: 1.625rem;
    font-weight: 600;
}
.sect_login.typeC .wrapper .login .login_input .sftext {
    margin: 0 0 10px 0;
}
.sect_login.typeC .wrapper .login .login_input .sftext .id, .sect_login.typeC .wrapper .login .login_input .sftext .password {
    height: 60px;
}
.sect_login.typeC .wrapper .login .login_set {
    margin-top: 10px;
    margin-bottom: 50px;
    height: 20px;
    font-size: 0.875rem;
    color: #757575;
}
@media (max-width: 768px) {
    .sect_login.typeC .wrapper .login .login_set {
        margin-top: 15px;
        margin-bottom: 40px;
    }
}
.sect_login.typeC .wrapper .login .login_set .login_auto {
    float: left;
}
.sect_login.typeC .wrapper .login .login_set .login_auto .idSave {
    margin: 0;
}
.sect_login.typeC .wrapper .login .login_set .login_auto .idSave .idSave__input + label {
    font-size: 0.875rem;
    color: #757575;
}
.sect_login.typeC .wrapper .login .login_set .login_find_wrap {
    float: right;
    display: flex;
}
.sect_login.typeC .wrapper .login .login_set .login_find_wrap .find_id, .sect_login.typeC .wrapper .login .login_set .login_find_wrap .find_pw {
    font-size: 0.875rem;
}
.sect_login.typeC .wrapper .login .login_set .login_find_wrap .login_id {
    display: inline-block;
    font-size: 0.875rem;
}
.sect_login.typeC .wrapper .login .login_set .login_find_wrap .login_id .login_id a {
    font-size: 0.875rem;
    font-weight: 400;
    text-decoration: underline;
    color: #232323;
}
.sect_login.typeC .wrapper .login .login_set .login_find_wrap .login_pw {
    padding-left: 15px;
}
.sect_login.typeC .wrapper .login .login_set .login_find_wrap .line {
    border-left: 0.15em solid #757575;
    height: 10px;
    margin-top: 5px;
    margin-left: 12px;
    margin-right: -6px;
}
.sect_login.typeC .wrapper .login .login_btn {
    font-size: 1.125rem;
    margin-bottom: 30px;
}
.sect_login.typeC .wrapper .login .login_btn .btn-type-01 {
    border-radius: 3px;
    width: 100%;
    background-color: #000;
    color: #fff;
    height: auto;
    min-height: 60px;
    font-size: 18px;
    padding: 15px 0;
}
.icon_list {
    display: flex;
    justify-content: space-evenly;
}
@media (max-width: 768px) {
    .icon_list ul {
        display: flex;
        justify-content: space-around;
        width: 100%;
    }
}
.icon_list ul li {
    display: inline-block;
}
.icon_list ul li + li {
    margin-left: 30px;
}
@media (max-width: 768px) {
    .icon_list ul li + li {
        margin-left: 0;
    }
}
.icon_list ul li a {
    display: grid;
    justify-content: center;
    text-align: center;
}
@media (max-width: 768px) {
    .icon_list ul li a {
        font-size: 0.75rem;
    }
}
.icon_list ul li img {
    width: 60px;
    height: 60px;
}
@media (max-width: 768px) {
    .icon_list ul li img {
        width: 50px;
        height: 50px;
        margin-bottom: 10px;
    }
}

.sect_login.typeC .wrapper .login .join_wrap a {
    display: flex;
    justify-content: center;
    font-size: 0.875rem;
    margin-top: 50px;
}
.sect_login.typeC .wrapper .login .join_wrap a span {
    text-decoration: underline;
    margin-left: 15px;
}
.sect_login.typeC .wrapper .login .join_wrap a p {
    font-size: 0.875rem;
}

.sect_bbsList.typeA {
    margin-top: 40px;
    padding-bottom: 76px;
    /*paging common*/
}
.sect_bbsList.typeA .wrapper {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    padding: 0 20px;
}
.bbsSch_ {
    background: #fff;
    height: 55px;
}
.bbsSch_ .bbsSch_wrapper {
    float: right;
    font-size: 0;
}
@media (max-width: 768px) {
    .bbsSch_ .bbsSch_wrapper {
        display: flex;
        float: none;
    }
}
.bbsSch_ .bbsSch_wrapper .searchDiv {
    background-size: auto;
    font-weight: 500;
}
.bbsSch_ .bbsSch_wrapper .searchDiv, .bbsSch_ .bbsSch_wrapper .searchTxt, .bbsSch_ .bbsSch_wrapper .btnSearch {
    height: 100%;
    font-size: 0.875rem;
}
.bbsSch_ .bbsSch_wrapper .searchDiv, .bbsSch_ .bbsSch_wrapper .searchTxt {
    border: none;
    border-bottom: 1px solid #E4E4E4;
    padding: 0 5px 0 5px;
}
.bbsSch_ .bbsSch_wrapper .sfselect {
    margin-right: 20px;
    height: 35px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    background-color: #ffffff;
}
@media (max-width: 768px) {
    .bbsSch_ .bbsSch_wrapper .sfselect {
        width: 100%;
        max-width: 100px;
    }
}
.bbsSch_ .bbsSch_wrapper .sfselect .sfselect:before {
    transform: translateY(-50%) rotate(45deg);
    margin-right: 3px;
}
.bbsSch_ .bbsSch_wrapper .sfselect .sfselect:after {
    transform: translateY(-50%) rotate(-45deg);
}
.bbsSch_ .bbsSch_wrapper .sfselect .sfselect > select {
    height: 100%;
    width: 100%;
    font-size: 0.875rem;
    font-weight: 500;
    color: #232323;
    border-color: #D4D4D4;
    border-width: 1px;
    border-style: solid;
    border-radius: inherit;
    padding: 0 20px;
    padding-right: 30px !important;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.bbsSch_ .bbsSch_wrapper .sfselect .sound_only {
    display: inline-block !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0;
    line-height: 0;
    border: 0 !important;
    overflow: hidden !important;
}
.bbsSch_ .bbsSch_wrapper .sfsearch {
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-size: 0;
}
@media (max-width: 768px) {
    .bbsSch_ .bbsSch_wrapper .sfsearch {
        display: flex;
        width: 100%;
    }
}
.bbsSch_ .bbsSch_wrapper .sfsearch .sfsrhtext {
    padding: 0;
    margin-right: 10px;
    width: 200px;
    height: 35px;
    display: inline-block;
    vertical-align: top;
}
@media (max-width: 768px) {
    .bbsSch_ .bbsSch_wrapper .sfsearch .sfsrhtext {
        width: 100%;
    }
}
.bbsSch_ .bbsSch_wrapper .sfsearch .sfbtn {
    position: relative;
    right: auto;
    display: inline-block;
    width: 35px;
    height: 35px;
}
.bbsSch_ .bbsSch_wrapper .sfsearch .sfbtn .btnSearch {
    border: 0;
    outline: none;
    width: 100%;
    max-width: 35px;
    height: 100%;
    border-radius: 2px;
    display: block;
    color: #fff;
    font-size: 0.875rem;
}
.bbsSch_ .bbsSch_wrapper .sfsearch .sfbtn .sfbtn_wr {
    font-size: 0;
    text-align: center;
    outline: 0;
    display: flex;
    position: relative;
    border: 1px solid transparent;
    border-radius: inherit;
    padding: 0;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: transparent;
    color: #ffffff;
    left: -10px;
    border-bottom: 1px solid #e4e4e4;
}
.bbsSch_ .bbsSch_wrapper .sfsearch .sfbtn .sfbtn_wr .ico_search {
    background-image: url("/assets/images/ico/ico_search.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
}
.bbsSch_ .total_num {
    float: left;
    padding: 10px 0;
}
@media (max-width: 768px) {
    .bbsSch_ .total_num {
        margin-top: 20px;
    }
}
.bbsSch_ .total_num span {
    font-size: 1rem;
    font-weight: 400;
}
@media (max-width: 768px) {
    .bbsSch_ .total_num span {
        font-size: 0.875rem;
    }
}
.bbsSch_ .total_num span strong {
    font-weight: 700;
    color: #3B3B3B;
}

.bbstb {
    width: 100%;
    overflow: auto;
}
.bbstb .bbstb_ {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}
.bbstb .bbstb_ .bbstb_thead {
    display: table-header-group;
}
.bbstb .bbstb_ .bbstb_thead .bbstb_tr {
    background-color: #F7F7F7;
    border-top: 1px solid #000;
    border-bottom: 1px solid #E4E4E4;
    display: table-row;
    height: 70px;
}
.bbstb .bbstb_ .bbstb_thead .bbstb_tr .bbstb_th {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    font-size: 1rem;
    font-weight: 500;
    color: #232323;
    text-align: center;
    height: 45px;
    border-left: 0;
    border-top: 0;
}
.bbstb .bbstb_ .bbstb_thead .bbstb_tr .bbstb_th.width-100 {
    width: 100px;
}
@media (max-width: 768px) {
    .bbstb .bbstb_ .bbstb_thead .bbstb_tr .bbstb_th.width-100 {
        display: none;
    }
}
.bbstb .bbstb_ .bbstb_thead .bbstb_tr .bbstb_th.width-120 {
    width: 120px;
}
@media (max-width: 768px) {
    .bbstb .bbstb_ .bbstb_thead .bbstb_tr .bbstb_th.width-120 {
        display: none;
    }
}
@media (max-width: 1220px) {
    .bbstb .bbstb_ .bbstb_thead .bbstb_tr .bbstb_th:last-of-type {
        display: none;
    }
}
.bbstb .bbstb_ .bbstb_tbody {
    display: table-row-group;
}
.bbstb .bbstb_ .bbstb_tbody .bbstb_tr {
    display: table-row;
}
.bbstb .bbstb_ .bbstb_tbody .bbstb_tr .bbstb_td {
    display: table-cell;
    font-size: 1rem;
    font-weight: 400;
    color: #3B3B3B;
    text-align: center;
    height: 60px;
    vertical-align: middle;
    border: 1px solid #E4E4E4;
    position: relative;
}
.bbstb .bbstb_ .bbstb_tbody .bbstb_tr .bbstb_td .bbstb_td a {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 30px;
    position: relative;
    width: auto;
    max-width: 100%;
}
.bbstb .bbstb_ .bbstb_tbody .bbstb_tr .bbstb_td:first-child {
    border-left: 1px solid #E4E4E4;
}
.bbstb .bbstb_ .bbstb_tbody .bbstb_tr .bbstb_td.td_subj {
    padding: 0 30px;
    text-align: left;
}

.sect_bbsList.typeA ul.no_list {
    font-size: 1.125rem !important;
    font-weight: 300;
    text-align: center;
    padding: 50px 0 !important;
    margin: 0 !important;
}
.sect_bbsList.typeA .bbsWr {
    text-align: right;
    font-size: 0;
    margin: 0 -5px;
    padding-top: 30px;
}
.sect_bbsList.typeA .bbsWr .bbsWr_wr {
    display: inline-block;
    padding: 0 5px;
    vertical-align: top;
}
.sect_bbsList.typeA .bbsWr .bbsWr_wr .bbsWr_subt {
    background: #F5F5F5;
    font-size: 10px;
    font-weight: 700;
    color: #D04E34;
    padding: 10px 15px;
    text-align: center;
}
.sect_bbsList.typeA .bbsWr .bbsWr_wr .bbsWr_subt .txt {
    display: inline-block;
    text-align: left;
}
.sect_bbsList.typeA .bbsWr .bbsWr_wr .bbsWr_subt .txt .ico_sub {
    position: relative;
    background-color: #D04E34;
    border-radius: 2px;
    font-size: 10px;
    font-weight: bold;
    color: #fff;
    padding: 0px 6px;
    margin-right: 5px;
}
.paging {
    margin-top: 30px;
    margin-bottom: 0;
}
@media (max-width: 768px) {
    .paging {
        margin-top: 24px;
    }
}
.paging .paging_ul {
    text-align: center;
    margin: 0;
    padding: 0;
    list-style: none;
}
.paging .paging_ul .paging_li {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #656565;
    border: 1px solid #E4E4E4;
    background-color: #fff;
    border-radius: 0;
    vertical-align: top;
    border-radius: 5px;
}
.paging .paging_ul .paging_li.paging_li_active {
    color: #fff;
    background-color: #4B3329;
    border: 1px solid #4B3329;
}
.paging .paging_ul .paging_li .paging_href {
    display: flex;
    width: 35px;
    height: 35px;
    padding: 10px 0px;
    color: inherit;
    font-size: 0.875rem;
    align-items: center;
    justify-content: center;
}
@media (max-width: 768px) {
    .paging .paging_ul .paging_li .paging_href {
        width: 30px;
        height: 30px;
    }
}
.paging .paging_ul .paging_li:not(:last-child) {
    margin-right: 10px;
}
.paging .paging_ul .paging_prev .paging_href:after, .paging .paging_ul .paging_next .paging_href:before {
    transform: rotate(-45deg);
}
.paging .paging_ul .paging_prev .paging_href:before, .paging .paging_ul .paging_next .paging_href:after {
    transform: rotate(45deg);
}
.paging .paging_ul .paging_prev, .paging .paging_ul .paging_next {
    position: relative;
    font-size: 0;
    background: #F7F7F8;
    border: 1px solid #F7F7F8;
}
.paging .paging_ul .paging_prev .paging_href, .paging .paging_ul .paging_next .paging_href {
    font-size: 0;
}
.paging .paging_ul .paging_prev .paging_href:before, .paging .paging_ul .paging_next .paging_href:before {
    margin-left: -5px;
    margin-top: 2px;
}
.paging .paging_ul .paging_prev .paging_href:after, .paging .paging_ul .paging_next .paging_href:after {
    margin-left: -5px;
    margin-top: -4px;
}
.paging .paging_ul .paging_prev .paging_href:after, .paging .paging_ul .paging_prev .paging_href:before,
.paging .paging_ul .paging_next .paging_href:after, .paging .paging_ul .paging_next .paging_href:before {
    content: "";
    position: absolute;
    height: 2px;
    width: 9px;
    background-color: #959595;
    left: 50%;
    top: 50%;
    display: block;
    transition: all 0.2s;
}

.list_ex1 {
    display: table;
    width: 100%;
    border-top: 1px solid #E4E4E4;
    border-bottom: 1px solid #E4E4E4;
    border-collapse: collapse;
}
.list_ex1 .bbstb_tr {
    width: 100%;
    display: table-row;
    border-left: 2px solid transparent;
}
.list_ex1 .bbstb_tr + .bbstb_tr {
    border-top: 1px solid #E4E4E4;
}
.list_ex1 .bbstb_tr.bbstb_tr:hover {
    background: #f7f7f7;
    border-left-color: #000;
}
@media (max-width: 768px) {
    .list_ex1 .bbstb_tr {
        display: flex;
        flex-wrap: wrap;
        padding: 15px 10px;
    }
}
.list_ex1 .bbstb_tr .bbstb_td {
    display: table-cell;
    font-size: 1rem;
    font-weight: 400;
    color: #3B3B3B;
    text-align: center;
    height: 60px;
    vertical-align: middle;
    position: relative;
    transform: translateX(-2px);
}
@media (max-width: 1220px) {
    .list_ex1 .bbstb_tr .bbstb_td:last-of-type {
        display: none;
    }
}
.list_ex1 .bbstb_tr .bbstb_td .bbstb_td a {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 30px;
    position: relative;
    width: auto;
    max-width: 100%;
}
.list_ex1 .bbstb_tr .bbstb_td .td_subj_text:hover {
    text-decoration: underline;
}
.list_ex1 .bbstb_tr .bbstb_td .td_subj_text {
    width: 100%;
    height: 100%;
    padding: 0 15px;
    display: flex;
    align-items: center;
    font-size: 1rem;
}
@media (max-width: 768px) {
    .list_ex1 .bbstb_tr .bbstb_td .td_subj_text {
        font-size: 0.875rem;
        padding: 0;
    }
}
.list_ex1 .bbstb_tr .bbstb_td .td_subj_text > div > p {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 1rem;
}
@media (max-width: 768px) {
    .list_ex1 .bbstb_tr .bbstb_td .td_subj_text > div > p {
        -webkit-line-clamp: 2;
        font-size: 0.875rem;
    }
}
.list_ex1 .bbstb_tr .bbstb_td .td_subj_text > div .ico_atchfile {
    background-image: url("/assets/images/ico/ico_atchfile.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 22px;
    height: 22px;
    display: inline-block;
    position: absolute;
    top: 30%;
    right: 0;
}
@media (max-width: 768px) {
    .list_ex1 .bbstb_tr .bbstb_td .td_subj_text > div .ico_atchfile {
        top: 50%;
    }
}
.list_ex1 .bbstb_tr .bbstb_td.td_num, .list_ex1 .bbstb_tr .bbstb_td.td_hit {
    max-width: 100px;
    min-width: 100px;
}
@media (max-width: 768px) {
    .list_ex1 .bbstb_tr .bbstb_td.td_num, .list_ex1 .bbstb_tr .bbstb_td.td_hit {
        font-size: 0.875rem;
        display: none;
    }
}
.list_ex1 .bbstb_tr .bbstb_td.td_name, .list_ex1 .bbstb_tr .bbstb_td.td_date {
    min-width: 120px;
}
@media (max-width: 768px) {
    .list_ex1 .bbstb_tr .bbstb_td.td_name, .list_ex1 .bbstb_tr .bbstb_td.td_date {
        width: auto;
        height: auto;
        font-size: 0.875rem;
        color: #757575;
        min-width: 0;
    }
}
@media (max-width: 768px) {
    .list_ex1 .bbstb_tr .line {
        border-left: 0.15em solid #757575;
        height: 10px;
        margin-top: 5px;
        margin-left: 12px;
        margin-right: -6px;
    }
}
.list_ex1 .bbstb_tr .td_tag {
    display: inline-block;
    font-size: 1rem;
    font-weight: 500;
    border-radius: 5px;
    padding: 0px 10px;
    border: 1px solid transparent;
}
@media (max-width: 768px) {
    .list_ex1 .bbstb_tr .td_tag {
        font-size: 0.875rem;
    }
}
.list_ex1 .bbstb_tr .bbstb_td.td_subj {
    width: 100%;
    text-align: left;
}
@media (max-width: 768px) {
    .list_ex1 .bbstb_tr .bbstb_td.td_subj {
        height: auto;
        margin-bottom: 10px;
    }
}
@media (max-width: 768px) {
    .list_ex1 .bbstb_tr .line {
        border-left: 0.1rem solid #E4E4E4;
        height: 10px;
        margin-top: 4px;
        margin-left: 10px;
        margin-right: 13px;
    }
}

.sect_bbsList.typeA_tab {
    padding-bottom: 76px;
}
.sect_bbsList.typeA_tab .wrapper {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    padding: 0 20px;
}
.bbsSch_ {
    background: #fff;
    height: 55px;
}
@media (max-width: 768px) {
    .bbsSch_ {
        height: 100px;
    }
}
.bbsSch_ .bbsSch_wrapper {
    float: right;
    font-size: 0;
}
@media (max-width: 768px) {
    .bbsSch_ .bbsSch_wrapper {
        display: flex;
        float: none;
    }
}
.bbsSch_ .bbsSch_wrapper .searchDiv {
    background-size: auto;
    font-weight: 500;
}
.bbsSch_ .bbsSch_wrapper .searchDiv, .bbsSch_ .bbsSch_wrapper .searchTxt, .bbsSch_ .bbsSch_wrapper .btnSearch {
    height: 100%;
    font-size: 0.875rem;
}
.bbsSch_ .bbsSch_wrapper .searchDiv, .bbsSch_ .bbsSch_wrapper .searchTxt {
    border: none;
    border-bottom: 1px solid #E4E4E4;
    padding: 0 5px 0 5px;
}
.bbsSch_ .bbsSch_wrapper .sfselect {
    margin-right: 20px;
    height: 35px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    background-color: #ffffff;
}
@media (max-width: 768px) {
    .bbsSch_ .bbsSch_wrapper .sfselect {
        width: 100%;
        max-width: 100px;
    }
}
.bbsSch_ .bbsSch_wrapper .sfselect .sfselect:before {
    transform: translateY(-50%) rotate(45deg);
    margin-right: 3px;
}
.bbsSch_ .bbsSch_wrapper .sfselect .sfselect:after {
    transform: translateY(-50%) rotate(-45deg);
}
.bbsSch_ .bbsSch_wrapper .sfselect .sfselect > select {
    height: 100%;
    width: 100%;
    font-size: 0.875rem;
    font-weight: 500;
    color: #232323;
    border-color: #D4D4D4;
    border-width: 1px;
    border-style: solid;
    border-radius: inherit;
    padding: 0 20px;
    padding-right: 30px !important;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.bbsSch_ .bbsSch_wrapper .sfselect .sound_only {
    display: inline-block !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0;
    line-height: 0;
    border: 0 !important;
    overflow: hidden !important;
}
.bbsSch_ .bbsSch_wrapper .sfsearch {
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-size: 0;
}
@media (max-width: 768px) {
    .bbsSch_ .bbsSch_wrapper .sfsearch {
        display: flex;
        width: 100%;
    }
}
.bbsSch_ .bbsSch_wrapper .sfsearch .sfsrhtext {
    padding: 0;
    margin-right: 10px;
    width: 200px;
    height: 35px;
    display: inline-block;
    vertical-align: top;
}
@media (max-width: 768px) {
    .bbsSch_ .bbsSch_wrapper .sfsearch .sfsrhtext {
        width: 100%;
    }
}
.bbsSch_ .bbsSch_wrapper .sfsearch .sfbtn {
    position: relative;
    right: auto;
    display: inline-block;
    width: 35px;
    height: 35px;
}
.bbsSch_ .bbsSch_wrapper .sfsearch .sfbtn .btnSearch {
    border: 0;
    outline: none;
    width: 100%;
    max-width: 35px;
    height: 100%;
    border-radius: 2px;
    display: block;
    color: #fff;
    font-size: 0.875rem;
}
.bbsSch_ .bbsSch_wrapper .sfsearch .sfbtn .sfbtn_wr {
    font-size: 0;
    text-align: center;
    outline: 0;
    display: flex;
    position: relative;
    border: 1px solid transparent;
    border-radius: inherit;
    padding: 0;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: transparent;
    color: #ffffff;
    left: -10px;
    border-bottom: 1px solid #e4e4e4;
}
.bbsSch_ .bbsSch_wrapper .sfsearch .sfbtn .sfbtn_wr .ico_search {
    background-image: url("/assets/images/ico/ico_search.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
}
.bbsSch_ .view_mordal {
    position: relative;
    display: flex;
    font-size: 1rem;
    height: 35px;
    align-items: center;
}
@media (max-width: 768px) {
    .bbsSch_ .view_mordal {
        margin-top: 20px;
    }
}
.bbsSch_ .view_mordal .line {
    border-left: 0.1em solid #E4E4E4;
    height: 15px;
    margin-left: 14px;
    margin-right: 12px;
}
.bbsSch_ .view_mordal > button {
    font-size: 1rem;
}
.bbsSch_ .view_mordal .btn_hot {
    color: #ACACAC;
}
.bbsSch_ .view_mordal .hottest > button {
    color: lightgrey;
}

.sect_bbsList.typeA_tab ul.no_list {
    font-size: 1.125rem !important;
    font-weight: 300;
    text-align: center;
    padding: 50px 0 !important;
    margin: 0 !important;
}
.sect_bbsList.typeA_tab .bbsWr {
    text-align: right;
    font-size: 0;
    margin: 0 -5px;
    padding-top: 30px;
}
.sect_bbsList.typeA_tab .bbsWr .bbsWr_wr {
    display: inline-block;
    padding: 0 5px;
    vertical-align: top;
}
.sect_bbsList.typeA_tab .bbsWr .bbsWr_wr .bbsWr_subt {
    background: #F5F5F5;
    font-size: 10px;
    font-weight: 700;
    color: #D04E34;
    padding: 10px 15px;
    text-align: center;
}
.sect_bbsList.typeA_tab .bbsWr .bbsWr_wr .bbsWr_subt .txt {
    display: inline-block;
    text-align: left;
}
.sect_bbsList.typeA_tab .bbsWr .bbsWr_wr .bbsWr_subt .txt .ico_sub {
    position: relative;
    background-color: #D04E34;
    border-radius: 2px;
    font-size: 10px;
    font-weight: bold;
    color: #fff;
    padding: 0px 6px;
    margin-right: 5px;
}

.list_ex1-1 {
    display: table;
    width: 100%;
    border-top: 1px solid #E4E4E4;
    border-bottom: 1px solid #E4E4E4;
    border-collapse: collapse;
    /*인기글 숨김*/
}
.list_ex1-1.hottest {
    display: none;
}
.list_ex1-1 .bbstb_tr {
    width: 100%;
    display: table-row;
    border-left: 2px solid transparent;
}
.list_ex1-1 .bbstb_tr + .bbstb_tr {
    border-top: 1px solid #E4E4E4;
}
.list_ex1-1 .bbstb_tr.bbstb_tr:hover {
    background: #f7f7f7;
    border-left-color: #000;
}
@media (max-width: 768px) {
    .list_ex1-1 .bbstb_tr {
        display: flex;
        flex-wrap: wrap;
        padding: 15px 10px;
    }
}
.list_ex1-1 .bbstb_tr .bbstb_td {
    display: table-cell;
    font-size: 1rem;
    font-weight: 400;
    color: #3B3B3B;
    text-align: center;
    height: 60px;
    vertical-align: middle;
    position: relative;
    transform: translateX(-2px);
}
@media (max-width: 1220px) {
    .list_ex1-1 .bbstb_tr .bbstb_td:last-of-type {
        display: none;
    }
}
.list_ex1-1 .bbstb_tr .bbstb_td .bbstb_td a {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 30px;
    position: relative;
    width: auto;
    max-width: 100%;
}
.list_ex1-1 .bbstb_tr .bbstb_td .td_subj_text:hover {
    text-decoration: underline;
}
.list_ex1-1 .bbstb_tr .bbstb_td .td_subj_text {
    width: 100%;
    height: 100%;
    padding: 0 15px;
    display: flex;
    align-items: center;
    font-size: 1rem;
}
@media (max-width: 768px) {
    .list_ex1-1 .bbstb_tr .bbstb_td .td_subj_text {
        font-size: 0.875rem;
        padding: 0;
    }
}
.list_ex1-1 .bbstb_tr .bbstb_td .td_subj_text > div {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 1rem;
}
@media (max-width: 768px) {
    .list_ex1-1 .bbstb_tr .bbstb_td .td_subj_text > div {
        -webkit-line-clamp: 2;
        font-size: 0.875rem;
    }
}
.list_ex1-1 .bbstb_tr .bbstb_td .td_subj_text > div .ico_atchfile {
    background-image: url("/assets/images/ico/ico_atchfile.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 22px;
    height: 22px;
    display: inline-block;
    position: relative;
    width: 22px;
    height: 22px;
    top: 5px;
    left: 3px;
}
.list_ex1-1 .bbstb_tr .bbstb_td.td_num, .list_ex1-1 .bbstb_tr .bbstb_td.td_hit {
    max-width: 100px;
    min-width: 100px;
}
@media (max-width: 768px) {
    .list_ex1-1 .bbstb_tr .bbstb_td.td_num, .list_ex1-1 .bbstb_tr .bbstb_td.td_hit {
        font-size: 0.875rem;
        display: none;
    }
}
.list_ex1-1 .bbstb_tr .bbstb_td.td_name, .list_ex1-1 .bbstb_tr .bbstb_td.td_date {
    min-width: 120px;
}
@media (max-width: 768px) {
    .list_ex1-1 .bbstb_tr .bbstb_td.td_name, .list_ex1-1 .bbstb_tr .bbstb_td.td_date {
        width: auto;
        height: auto;
        font-size: 0.875rem;
        color: #757575;
        min-width: 0;
    }
}
@media (max-width: 768px) {
    .list_ex1-1 .bbstb_tr .line {
        border-left: 0.15em solid #757575;
        height: 10px;
        margin-top: 5px;
        margin-left: 12px;
        margin-right: -6px;
    }
}
.list_ex1-1 .bbstb_tr .td_tag {
    display: inline-block;
    font-size: 1rem;
    font-weight: 500;
    border-radius: 5px;
    padding: 0px 10px;
    border: 1px solid transparent;
}
@media (max-width: 768px) {
    .list_ex1-1 .bbstb_tr .td_tag {
        font-size: 0.875rem;
    }
}
.list_ex1-1 .bbstb_tr .bbstb_td.td_subj {
    width: 100%;
    text-align: left;
}
@media (max-width: 768px) {
    .list_ex1-1 .bbstb_tr .bbstb_td.td_subj {
        height: auto;
        margin-bottom: 10px;
    }
}
@media (max-width: 768px) {
    .list_ex1-1 .bbstb_tr .line {
        border-left: 0.1rem solid #E4E4E4;
        height: 10px;
        margin-top: 4px;
        margin-left: 10px;
        margin-right: 13px;
    }
}

.sect_bbsList.typeB {
    padding-bottom: 76px;
}
.sect_bbsList.typeB .wrapper {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    padding: 0 20px;
}
.bbsSch_ {
    background: #fff;
    height: 55px;
}
.bbsSch_ .bbsSch_wrapper {
    float: right;
    font-size: 0;
}
@media (max-width: 768px) {
    .bbsSch_ .bbsSch_wrapper {
        display: flex;
        float: none;
    }
}
.bbsSch_ .bbsSch_wrapper .searchDiv {
    background-size: auto;
    font-weight: 500;
}
.bbsSch_ .bbsSch_wrapper .searchDiv, .bbsSch_ .bbsSch_wrapper .searchTxt, .bbsSch_ .bbsSch_wrapper .btnSearch {
    height: 100%;
    font-size: 0.875rem;
}
.bbsSch_ .bbsSch_wrapper .searchDiv, .bbsSch_ .bbsSch_wrapper .searchTxt {
    border: none;
    border-bottom: 1px solid #E4E4E4;
    padding: 0 5px 0 5px;
}
.bbsSch_ .bbsSch_wrapper .sfselect {
    margin-right: 20px;
    height: 35px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    background-color: #ffffff;
}
@media (max-width: 768px) {
    .bbsSch_ .bbsSch_wrapper .sfselect {
        width: 100%;
        max-width: 100px;
    }
}
.bbsSch_ .bbsSch_wrapper .sfselect .sfselect:before {
    transform: translateY(-50%) rotate(45deg);
    margin-right: 3px;
}
.bbsSch_ .bbsSch_wrapper .sfselect .sfselect:after {
    transform: translateY(-50%) rotate(-45deg);
}
.bbsSch_ .bbsSch_wrapper .sfselect .sfselect > select {
    height: 100%;
    width: 100%;
    font-size: 0.875rem;
    font-weight: 500;
    color: #232323;
    border-color: #D4D4D4;
    border-width: 1px;
    border-style: solid;
    border-radius: inherit;
    padding: 0 20px;
    padding-right: 30px !important;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.bbsSch_ .bbsSch_wrapper .sfselect .sound_only {
    display: inline-block !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0;
    line-height: 0;
    border: 0 !important;
    overflow: hidden !important;
}
.bbsSch_ .bbsSch_wrapper .sfsearch {
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-size: 0;
}
@media (max-width: 768px) {
    .bbsSch_ .bbsSch_wrapper .sfsearch {
        display: flex;
        width: 100%;
    }
}
.bbsSch_ .bbsSch_wrapper .sfsearch .sfsrhtext {
    padding: 0;
    margin-right: 10px;
    width: 200px;
    height: 35px;
    display: inline-block;
    vertical-align: top;
}
@media (max-width: 768px) {
    .bbsSch_ .bbsSch_wrapper .sfsearch .sfsrhtext {
        width: 100%;
    }
}
.bbsSch_ .bbsSch_wrapper .sfsearch .sfbtn {
    position: relative;
    right: auto;
    display: inline-block;
    width: 35px;
    height: 35px;
}
.bbsSch_ .bbsSch_wrapper .sfsearch .sfbtn .btnSearch {
    border: 0;
    outline: none;
    width: 100%;
    max-width: 35px;
    height: 100%;
    border-radius: 2px;
    display: block;
    color: #fff;
    font-size: 0.875rem;
}
.bbsSch_ .bbsSch_wrapper .sfsearch .sfbtn .sfbtn_wr {
    font-size: 0;
    text-align: center;
    outline: 0;
    display: flex;
    position: relative;
    border: 1px solid transparent;
    border-radius: inherit;
    padding: 0;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: transparent;
    color: #ffffff;
    left: -10px;
    border-bottom: 1px solid #e4e4e4;
}
.bbsSch_ .bbsSch_wrapper .sfsearch .sfbtn .sfbtn_wr .ico_search {
    background-image: url("/assets/images/ico/ico_search.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
}
.bbsSch_ .total_num {
    float: left;
    padding: 10px 0;
}
@media (max-width: 768px) {
    .bbsSch_ .total_num {
        margin-top: 20px;
    }
}
.bbsSch_ .total_num span {
    font-size: 1rem;
    font-weight: 400;
}
@media (max-width: 768px) {
    .bbsSch_ .total_num span {
        font-size: 0.875rem;
    }
}
.bbsSch_ .total_num span strong {
    font-weight: 700;
    color: #3B3B3B;
}

.sect_bbsList.typeB ul.no_list {
    font-size: 1.125rem !important;
    font-weight: 300;
    text-align: center;
    padding: 50px 0 !important;
    margin: 0 !important;
}

.list_ex2 {
    display: table;
    width: 100%;
    border-top: 1px solid #000;
    border-bottom: 1px solid #E4E4E4;
    border-collapse: collapse;
}
@media (max-width: 1220px) {
    .list_ex2 {
        display: flex;
        flex-direction: column;
    }
}
.list_ex2 .bbstb_tr {
    width: 100%;
    padding: 25px;
    display: flex;
    border-left: 2px solid transparent;
}
.list_ex2 .bbstb_tr + .bbstb_tr {
    border-top: 1px solid #E4E4E4;
}
.list_ex2 .bbstb_tr.bbstb_tr:hover {
    background: #f7f7f7;
    border-left-color: #000;
}
.list_ex2 .bbstb_tr .content_wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    text-overflow: ellipsis;
}
.list_ex2 .bbstb_tr .content_wrap .td_subj_text {
    width: 100%;
    height: 100%;
    padding: 0 15px;
    display: flex;
    align-items: center;
    font-size: 1rem;
}
@media (max-width: 768px) {
    .list_ex2 .bbstb_tr .content_wrap .td_subj_text {
        font-size: 0.875rem;
        padding: 0;
    }
}
.list_ex2 .bbstb_tr .content_wrap .td_subj_text > div {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 1rem;
}
@media (max-width: 768px) {
    .list_ex2 .bbstb_tr .content_wrap .td_subj_text > div {
        -webkit-line-clamp: 2;
        font-size: 0.875rem;
    }
}
.list_ex2 .bbstb_tr .content_wrap .td_content {
    font-size: 0.875rem;
    color: #757575;
    margin-top: 10px;
    padding: 0 15px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
@media (max-width: 768px) {
    .list_ex2 .bbstb_tr .content_wrap .td_content {
        padding: 0 1px;
        margin-top: 0;
        font-size: 0.75rem;
    }
}
.list_ex2 .bbstb_tr .bbstb_td {
    display: table-cell;
    font-size: 1rem;
    font-weight: 400;
    color: #3B3B3B;
    text-align: center;
    height: auto;
    vertical-align: middle;
    position: relative;
}
.list_ex2 .bbstb_tr .bbstb_td .bbstb_td a {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 30px;
    position: relative;
    width: auto;
    max-width: 100%;
}
.list_ex2 .bbstb_tr .bbstb_td .td_subj_text:hover {
    text-decoration: underline;
}
.list_ex2 .bbstb_tr .bbstb_td .td_subj_text {
    width: 100%;
    height: 100%;
    padding: 0 15px;
    display: flex;
    align-items: center;
    font-size: 1rem;
}
@media (max-width: 768px) {
    .list_ex2 .bbstb_tr .bbstb_td .td_subj_text {
        font-size: 1rem;
        padding: 0;
    }
}
.list_ex2 .bbstb_tr .bbstb_td .td_subj_text > div {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 1rem;
}
@media (max-width: 768px) {
    .list_ex2 .bbstb_tr .bbstb_td .td_subj_text > div {
        -webkit-line-clamp: 2;
        font-size: 1rem;
    }
}
.list_ex2 .bbstb_tr .bbstb_td.td_date {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 1.375rem;
}
@media (max-width: 768px) {
    .list_ex2 .bbstb_tr .bbstb_td.td_date {
        font-size: 1rem;
    }
}
.list_ex2 .bbstb_tr .bbstb_td.td_date > span {
    font-size: 1.5rem;
    font-weight: 500;
}
@media (max-width: 768px) {
    .list_ex2 .bbstb_tr .bbstb_td.td_date > span {
        font-size: 1.125rem;
    }
}
.list_ex2 .bbstb_tr .bbstb_td.td_subj {
    width: 100%;
    text-align: left;
}
@media (max-width: 768px) {
    .list_ex2 .bbstb_tr .bbstb_td.td_subj {
        height: auto;
        margin-bottom: 10px;
    }
}
.list_ex2 .bbstb_tr .line {
    border-left: 0.1em solid #E4E4E4;
    margin-left: 26px;
    margin-right: 10px;
}
@media (max-width: 768px) {
    .list_ex2 .bbstb_tr .line {
        margin-left: 16px;
    }
}

.sect_bbsList.typeB2 {
    padding-bottom: 76px;
}
.sect_bbsList.typeB2 .wrapper {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    padding: 0 20px;
}
.sect_bbsList.typeB2 .bbsSch_ {
    background: #fff;
    height: 55px;
}
.sect_bbsList.typeB2 .bbsSch_ .bbsSch_wrapper {
    float: right;
    font-size: 0;
}
@media (max-width: 768px) {
    .sect_bbsList.typeB2 .bbsSch_ .bbsSch_wrapper {
        display: flex;
        float: none;
    }
}
.sect_bbsList.typeB2 .bbsSch_ .bbsSch_wrapper .searchDiv {
    background-size: auto;
    font-weight: 500;
}
.sect_bbsList.typeB2 .bbsSch_ .bbsSch_wrapper .searchDiv, .sect_bbsList.typeB2 .bbsSch_ .bbsSch_wrapper .searchTxt, .sect_bbsList.typeB2 .bbsSch_ .bbsSch_wrapper .btnSearch {
    height: 100%;
    font-size: 0.875rem;
}
.sect_bbsList.typeB2 .bbsSch_ .bbsSch_wrapper .searchDiv, .sect_bbsList.typeB2 .bbsSch_ .bbsSch_wrapper .searchTxt {
    border: none;
    border-bottom: 1px solid #E4E4E4;
    padding: 0 5px 0 5px;
}
.sect_bbsList.typeB2 .bbsSch_ .bbsSch_wrapper .sfselect {
    margin-right: 20px;
    height: 35px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    background-color: #ffffff;
}
@media (max-width: 768px) {
    .sect_bbsList.typeB2 .bbsSch_ .bbsSch_wrapper .sfselect {
        width: 100%;
        max-width: 100px;
    }
}
.sect_bbsList.typeB2 .bbsSch_ .bbsSch_wrapper .sfselect .sfselect:before {
    transform: translateY(-50%) rotate(45deg);
    margin-right: 3px;
}
.sect_bbsList.typeB2 .bbsSch_ .bbsSch_wrapper .sfselect .sfselect:after {
    transform: translateY(-50%) rotate(-45deg);
}
.sect_bbsList.typeB2 .bbsSch_ .bbsSch_wrapper .sfselect .sfselect > select {
    height: 100%;
    width: 100%;
    font-size: 0.875rem;
    font-weight: 500;
    color: #232323;
    border-color: #D4D4D4;
    border-width: 1px;
    border-style: solid;
    border-radius: inherit;
    padding: 0 20px;
    padding-right: 30px !important;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.sect_bbsList.typeB2 .bbsSch_ .bbsSch_wrapper .sfselect .sound_only {
    display: inline-block !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0;
    line-height: 0;
    border: 0 !important;
    overflow: hidden !important;
}
.sect_bbsList.typeB2 .bbsSch_ .bbsSch_wrapper .sfsearch {
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-size: 0;
}
@media (max-width: 768px) {
    .sect_bbsList.typeB2 .bbsSch_ .bbsSch_wrapper .sfsearch {
        display: flex;
        width: 100%;
    }
}
.sect_bbsList.typeB2 .bbsSch_ .bbsSch_wrapper .sfsearch .sfsrhtext {
    padding: 0;
    margin-right: 10px;
    width: 200px;
    height: 35px;
    display: inline-block;
    vertical-align: top;
}
@media (max-width: 768px) {
    .sect_bbsList.typeB2 .bbsSch_ .bbsSch_wrapper .sfsearch .sfsrhtext {
        width: 100%;
    }
}
.sect_bbsList.typeB2 .bbsSch_ .bbsSch_wrapper .sfsearch .sfbtn {
    position: relative;
    right: auto;
    display: inline-block;
    width: 35px;
    height: 35px;
}
.sect_bbsList.typeB2 .bbsSch_ .bbsSch_wrapper .sfsearch .sfbtn .btnSearch {
    border: 0;
    outline: none;
    width: 100%;
    max-width: 35px;
    height: 100%;
    border-radius: 2px;
    display: block;
    color: #fff;
    font-size: 0.875rem;
}
.sect_bbsList.typeB2 .bbsSch_ .bbsSch_wrapper .sfsearch .sfbtn .sfbtn_wr {
    font-size: 0;
    text-align: center;
    outline: 0;
    display: flex;
    position: relative;
    border: 1px solid transparent;
    border-radius: inherit;
    padding: 0;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: transparent;
    color: #ffffff;
    left: -10px;
    border-bottom: 1px solid #e4e4e4;
}
.sect_bbsList.typeB2 .bbsSch_ .bbsSch_wrapper .sfsearch .sfbtn .sfbtn_wr .ico_search {
    background-image: url("/assets/images/ico/ico_search.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
}
.sect_bbsList.typeB2 .bbsSch_ .total_num {
    float: left;
    padding: 10px 0;
}
@media (max-width: 768px) {
    .sect_bbsList.typeB2 .bbsSch_ .total_num {
        margin-top: 20px;
    }
}
.sect_bbsList.typeB2 .bbsSch_ .total_num span {
    font-size: 1rem;
    font-weight: 400;
}
@media (max-width: 768px) {
    .sect_bbsList.typeB2 .bbsSch_ .total_num span {
        font-size: 0.875rem;
    }
}
.sect_bbsList.typeB2 .bbsSch_ .total_num span strong {
    font-weight: 700;
    color: #3B3B3B;
}

.list_ex2-1 {
    display: table;
    width: 100%;
    border-top: 1px solid #000;
    border-bottom: 1px solid #E4E4E4;
    border-collapse: collapse;
}
@media (max-width: 1220px) {
    .list_ex2-1 {
        display: flex;
        flex-direction: column;
    }
}
.list_ex2-1 .bbstb_tr {
    width: 100%;
    padding: 25px;
    display: flex;
    border-left: 2px solid transparent;
    align-items: center;
}
.list_ex2-1 .bbstb_tr + .bbstb_tr {
    border-top: 1px solid #E4E4E4;
}
.list_ex2-1 .bbstb_tr.bbstb_tr:hover {
    background: #f7f7f7;
    border-left-color: #000;
}
.list_ex2-1 .bbstb_tr .content_wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    text-overflow: ellipsis;
}
.list_ex2-1 .bbstb_tr .content_wrap .td_subj_text {
    width: 100%;
    height: 100%;
    padding: 0 15px;
    display: flex;
    font-size: 1.125rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
@media (max-width: 768px) {
    .list_ex2-1 .bbstb_tr .content_wrap .td_subj_text {
        font-size: 1rem;
        padding: 0;
    }
}
.list_ex2-1 .bbstb_tr .content_wrap .td_subj_text > div {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 1.125rem;
}
@media (max-width: 768px) {
    .list_ex2-1 .bbstb_tr .content_wrap .td_subj_text > div {
        -webkit-line-clamp: 1;
        font-size: 1rem;
    }
}
.list_ex2-1 .bbstb_tr .content_wrap .td_content {
    display: none;
}
@media (max-width: 1220px) {
    .list_ex2-1 .bbstb_tr .content_wrap .td_content {
        font-size: 0.875rem;
        color: #757575;
        margin-top: 10px;
        padding: 0 15px;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
}
@media (max-width: 768px) {
    .list_ex2-1 .bbstb_tr .content_wrap .td_content {
        padding: 0 1px;
        margin-top: 0;
        font-size: 0.75rem;
    }
}
.list_ex2-1 .bbstb_tr .content_wrap .td_date {
    font-size: 0.875rem;
    color: #757575;
    margin-top: 10px;
    padding: 0 15px;
    text-align: left;
}
@media (max-width: 1220px) {
    .list_ex2-1 .bbstb_tr .content_wrap .td_date {
        display: none;
    }
}
.list_ex2-1 .bbstb_tr .bbstb_td {
    display: table-cell;
    font-size: 1rem;
    font-weight: 400;
    color: #3B3B3B;
    text-align: center;
    height: auto;
    vertical-align: middle;
    position: relative;
}
.list_ex2-1 .bbstb_tr .bbstb_td.td_info {
    display: flex;
    color: #fff;
    font-weight: 500;
    background: #424242;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    width: 70px;
    height: 70px;
}
@media (max-width: 1220px) {
    .list_ex2-1 .bbstb_tr .bbstb_td.td_info {
        width: 60px;
        min-width: 60px;
        height: 60px;
        min-height: 60px;
    }
}
@media (max-width: 768px) {
    .list_ex2-1 .bbstb_tr .bbstb_td.td_info {
        width: 50px;
        min-width: 50px;
        height: 50px;
        min-height: 50px;
        font-size: 0.875rem;
    }
}
.list_ex2-1 .bbstb_tr .bbstb_td .bbstb_td a {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 30px;
    position: relative;
    width: auto;
    max-width: 100%;
}
.list_ex2-1 .bbstb_tr .bbstb_td .td_subj_text:hover {
    text-decoration: underline;
}
.list_ex2-1 .bbstb_tr .bbstb_td .bbstb_td.td_subj {
    width: 100%;
    text-align: left;
}
@media (max-width: 768px) {
    .list_ex2-1 .bbstb_tr .bbstb_td .bbstb_td.td_subj {
        height: auto;
        margin-bottom: 10px;
    }
}
.list_ex2-1 .bbstb_tr .bbstb_td .line {
    border-left: 0.1em solid #E4E4E4;
    margin-left: 26px;
    margin-right: 10px;
}
@media (max-width: 768px) {
    .list_ex2-1 .bbstb_tr .bbstb_td .line {
        margin-left: 16px;
    }
}

.sect_bbsList.typeC {
    padding-bottom: 76px;
}
.sect_bbsList.typeC .wrapper {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    padding: 0 20px;
}
.sect_bbsList.typeC .bbsSch_ {
    background: #fff;
    height: 55px;
}
.sect_bbsList.typeC .bbsSch_ .bbsSch_wrapper {
    float: right;
    font-size: 0;
}
@media (max-width: 768px) {
    .sect_bbsList.typeC .bbsSch_ .bbsSch_wrapper {
        display: flex;
        float: none;
    }
}
.sect_bbsList.typeC .bbsSch_ .bbsSch_wrapper .searchDiv {
    background-size: auto;
    font-weight: 500;
}
.sect_bbsList.typeC .bbsSch_ .bbsSch_wrapper .searchDiv, .sect_bbsList.typeC .bbsSch_ .bbsSch_wrapper .searchTxt, .sect_bbsList.typeC .bbsSch_ .bbsSch_wrapper .btnSearch {
    height: 100%;
    font-size: 0.875rem;
}
.sect_bbsList.typeC .bbsSch_ .bbsSch_wrapper .searchDiv, .sect_bbsList.typeC .bbsSch_ .bbsSch_wrapper .searchTxt {
    border: none;
    border-bottom: 1px solid #E4E4E4;
    padding: 0 5px 0 5px;
}
.sect_bbsList.typeC .bbsSch_ .bbsSch_wrapper .sfselect {
    margin-right: 20px;
    height: 35px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    background-color: #ffffff;
}
@media (max-width: 768px) {
    .sect_bbsList.typeC .bbsSch_ .bbsSch_wrapper .sfselect {
        width: 100%;
        max-width: 100px;
    }
}
.sect_bbsList.typeC .bbsSch_ .bbsSch_wrapper .sfselect .sfselect:before {
    transform: translateY(-50%) rotate(45deg);
    margin-right: 3px;
}
.sect_bbsList.typeC .bbsSch_ .bbsSch_wrapper .sfselect .sfselect:after {
    transform: translateY(-50%) rotate(-45deg);
}
.sect_bbsList.typeC .bbsSch_ .bbsSch_wrapper .sfselect .sfselect > select {
    height: 100%;
    width: 100%;
    font-size: 0.875rem;
    font-weight: 500;
    color: #232323;
    border-color: #D4D4D4;
    border-width: 1px;
    border-style: solid;
    border-radius: inherit;
    padding: 0 20px;
    padding-right: 30px !important;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.sect_bbsList.typeC .bbsSch_ .bbsSch_wrapper .sfselect .sound_only {
    display: inline-block !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0;
    line-height: 0;
    border: 0 !important;
    overflow: hidden !important;
}
.sect_bbsList.typeC .bbsSch_ .bbsSch_wrapper .sfsearch {
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-size: 0;
}
@media (max-width: 768px) {
    .sect_bbsList.typeC .bbsSch_ .bbsSch_wrapper .sfsearch {
        display: flex;
        width: 100%;
    }
}
.sect_bbsList.typeC .bbsSch_ .bbsSch_wrapper .sfsearch .sfsrhtext {
    padding: 0;
    margin-right: 10px;
    width: 200px;
    height: 35px;
    display: inline-block;
    vertical-align: top;
}
@media (max-width: 768px) {
    .sect_bbsList.typeC .bbsSch_ .bbsSch_wrapper .sfsearch .sfsrhtext {
        width: 100%;
    }
}
.sect_bbsList.typeC .bbsSch_ .bbsSch_wrapper .sfsearch .sfbtn {
    position: relative;
    right: auto;
    display: inline-block;
    width: 35px;
    height: 35px;
}
.sect_bbsList.typeC .bbsSch_ .bbsSch_wrapper .sfsearch .sfbtn .btnSearch {
    border: 0;
    outline: none;
    width: 100%;
    max-width: 35px;
    height: 100%;
    border-radius: 2px;
    display: block;
    color: #fff;
    font-size: 0.875rem;
}
.sect_bbsList.typeC .bbsSch_ .bbsSch_wrapper .sfsearch .sfbtn .sfbtn_wr {
    font-size: 0;
    text-align: center;
    outline: 0;
    display: flex;
    position: relative;
    border: 1px solid transparent;
    border-radius: inherit;
    padding: 0;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: transparent;
    color: #ffffff;
    left: -10px;
    border-bottom: 1px solid #e4e4e4;
}
.sect_bbsList.typeC .bbsSch_ .bbsSch_wrapper .sfsearch .sfbtn .sfbtn_wr .ico_search {
    background-image: url("/assets/images/ico/ico_search.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
}
.sect_bbsList.typeC .bbsSch_ .total_num {
    float: left;
    padding: 10px 0;
}
@media (max-width: 768px) {
    .sect_bbsList.typeC .bbsSch_ .total_num {
        margin-top: 20px;
    }
}
.sect_bbsList.typeC .bbsSch_ .total_num span {
    font-size: 1rem;
    font-weight: 400;
}
@media (max-width: 768px) {
    .sect_bbsList.typeC .bbsSch_ .total_num span {
        font-size: 0.875rem;
    }
}
.sect_bbsList.typeC .bbsSch_ .total_num span strong {
    font-weight: 700;
    color: #3B3B3B;
}
.sect_bbsList.typeC .bbstb {
    width: 100%;
    overflow: auto;
}
.sect_bbsList.typeC .bbstb .bbstb_ {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}
.sect_bbsList.typeC .bbstb .bbstb_ .bbstb_thead {
    display: table-header-group;
}
.sect_bbsList.typeC .bbstb .bbstb_ .bbstb_thead .bbstb_tr {
    background-color: #F7F7F7;
    border-top: 1px solid #000;
    border-bottom: 1px solid #E4E4E4;
    display: table-row;
    height: 70px;
}
.sect_bbsList.typeC .bbstb .bbstb_ .bbstb_thead .bbstb_tr .bbstb_th {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    font-size: 1rem;
    font-weight: 500;
    color: #232323;
    text-align: center;
    height: 45px;
    border-left: 0;
    border-top: 0;
}
.sect_bbsList.typeC .bbstb .bbstb_ .bbstb_thead .bbstb_tr .bbstb_th.width-100 {
    width: 100px;
}
@media (max-width: 768px) {
    .sect_bbsList.typeC .bbstb .bbstb_ .bbstb_thead .bbstb_tr .bbstb_th.width-100 {
        display: none;
    }
}
.sect_bbsList.typeC .bbstb .bbstb_ .bbstb_thead .bbstb_tr .bbstb_th.width-120 {
    width: 120px;
}
@media (max-width: 768px) {
    .sect_bbsList.typeC .bbstb .bbstb_ .bbstb_thead .bbstb_tr .bbstb_th.width-120 {
        display: none;
    }
}
@media (max-width: 1220px) {
    .sect_bbsList.typeC .bbstb .bbstb_ .bbstb_thead .bbstb_tr .bbstb_th:last-of-type {
        display: none;
    }
}
.sect_bbsList.typeC .bbstb .bbstb_ .bbstb_tbody {
    display: table-row-group;
}
.sect_bbsList.typeC .bbstb .bbstb_ .bbstb_tbody .bbstb_tr {
    display: table-row;
}
.sect_bbsList.typeC .bbstb .bbstb_ .bbstb_tbody .bbstb_tr .bbstb_td {
    display: table-cell;
    font-size: 1rem;
    font-weight: 400;
    color: #3B3B3B;
    text-align: center;
    height: 60px;
    vertical-align: middle;
    border: 1px solid #E4E4E4;
    position: relative;
}
.sect_bbsList.typeC .bbstb .bbstb_ .bbstb_tbody .bbstb_tr .bbstb_td .bbstb_td a {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 30px;
    position: relative;
    width: auto;
    max-width: 100%;
}
.sect_bbsList.typeC .bbstb .bbstb_ .bbstb_tbody .bbstb_tr .bbstb_td:first-child {
    border-left: 1px solid #E4E4E4;
}
.sect_bbsList.typeC .bbstb .bbstb_ .bbstb_tbody .bbstb_tr .bbstb_td.td_subj {
    padding: 0 30px;
    text-align: left;
}
.sect_bbsList.typeC ul.no_list {
    font-size: 1.125rem !important;
    font-weight: 300;
    text-align: center;
    padding: 50px 0 !important;
    margin: 0 !important;
}
.sect_bbsList.typeC .bbsWr {
    text-align: right;
    font-size: 0;
    margin: 0 -5px;
    padding-top: 30px;
}
.sect_bbsList.typeC .bbsWr .bbsWr_wr {
    display: inline-block;
    padding: 0 5px;
    vertical-align: top;
}
.sect_bbsList.typeC .bbsWr .bbsWr_wr .bbsWr_subt {
    background: #F5F5F5;
    font-size: 10px;
    font-weight: 700;
    color: #D04E34;
    padding: 10px 15px;
    text-align: center;
}
.sect_bbsList.typeC .bbsWr .bbsWr_wr .bbsWr_subt .txt {
    display: inline-block;
    text-align: left;
}
.sect_bbsList.typeC .bbsWr .bbsWr_wr .bbsWr_subt .txt .ico_sub {
    position: relative;
    background-color: #D04E34;
    border-radius: 2px;
    font-size: 10px;
    font-weight: bold;
    color: #fff;
    padding: 0px 6px;
    margin-right: 5px;
}

.list_ex3 {
    display: flex;
    width: 100%;
    border-top: 1px solid #000;
    border-bottom: 1px solid #E4E4E4;
    border-collapse: collapse;
}
@media (max-width: 1220px) {
    .list_ex3 {
        display: flex;
        flex-direction: column;
    }
}
.list_ex3 .bbstb_tr {
    width: 25%;
    padding: 25px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    border-left: 2px solid transparent;
    align-items: center;
}
.list_ex3 .bbstb_tr > li {
    width: 25%;
}
.list_ex3 .bbstb_tr .content_wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    text-overflow: ellipsis;
}
.list_ex3 .bbstb_tr .content_wrap .td_subj_text {
    width: 100%;
    height: 100%;
    padding: 0 15px;
    display: flex;
    font-size: 1.125rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
@media (max-width: 768px) {
    .list_ex3 .bbstb_tr .content_wrap .td_subj_text {
        font-size: 1rem;
        padding: 0;
    }
}
.list_ex3 .bbstb_tr .content_wrap .td_subj_text > div {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 1.125rem;
}
@media (max-width: 768px) {
    .list_ex3 .bbstb_tr .content_wrap .td_subj_text > div {
        -webkit-line-clamp: 1;
        font-size: 1rem;
    }
}
.list_ex3 .bbstb_tr .content_wrap .td_content {
    display: none;
}
@media (max-width: 1220px) {
    .list_ex3 .bbstb_tr .content_wrap .td_content {
        font-size: 0.875rem;
        color: #757575;
        margin-top: 10px;
        padding: 0 15px;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
}
@media (max-width: 768px) {
    .list_ex3 .bbstb_tr .content_wrap .td_content {
        padding: 0 1px;
        margin-top: 0;
        font-size: 0.75rem;
    }
}
.list_ex3 .bbstb_tr .content_wrap .td_date {
    font-size: 0.875rem;
    color: #757575;
    margin-top: 10px;
    padding: 0 15px;
    text-align: left;
}
.list_ex3 .bbstb_tr .bbstb_td {
    display: table-cell;
    font-size: 1rem;
    font-weight: 400;
    color: #3B3B3B;
    text-align: center;
    height: auto;
    vertical-align: middle;
    position: relative;
}
.list_ex3 .bbstb_tr .bbstb_td.td_info {
    display: flex;
    color: #fff;
    font-weight: 500;
    background: #424242;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    width: 70px;
    height: 70px;
}
@media (max-width: 1220px) {
    .list_ex3 .bbstb_tr .bbstb_td.td_info {
        width: 60px;
        min-width: 60px;
        height: 60px;
        min-height: 60px;
    }
}
@media (max-width: 768px) {
    .list_ex3 .bbstb_tr .bbstb_td.td_info {
        width: 50px;
        min-width: 50px;
        height: 50px;
        min-height: 50px;
        font-size: 0.875rem;
    }
}
.list_ex3 .bbstb_tr .bbstb_td .bbstb_td a {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 30px;
    position: relative;
    width: auto;
    max-width: 100%;
}
.list_ex3 .bbstb_tr .bbstb_td .td_subj_text:hover {
    text-decoration: underline;
}
.list_ex3 .bbstb_tr .bbstb_td.td_subj {
    width: 100%;
    text-align: left;
}
@media (max-width: 768px) {
    .list_ex3 .bbstb_tr .bbstb_td.td_subj {
        height: auto;
        margin-bottom: 10px;
    }
}
.list_ex3 .bbstb_tr .line {
    border-left: 0.1em solid #E4E4E4;
    margin-left: 26px;
    margin-right: 10px;
}
@media (max-width: 768px) {
    .list_ex3 .bbstb_tr .line {
        margin-left: 16px;
    }
}

.list_ex3 ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    margin-top: 30px;
}
.list_ex3 ul > li {
    width: 25%;
    margin-bottom: 40px;
    padding: 0 10px;
}
@media (max-width: 1220px) {
    .list_ex3 ul > li {
        width: 50%;
    }
}
@media (max-width: 768px) {
    .list_ex3 ul > li {
        margin-bottom: 25px;
    }
}
.list_ex3 ul .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.list_ex3 ul .img2 {
    background-size: cover;
    padding-bottom: 72.5%;
    width: 100%;
    height: 0;
}
.list_ex3 ul .txt > h4 {
    font-size: 1.125rem;
    margin-top: 15px;
}
@media (max-width: 768px) {
    .list_ex3 ul .txt > h4 {
        font-size: 1rem;
        margin-top: 10px;
    }
}
.list_ex3 ul .txt .cont {
    margin: 10px 0 20px 0;
    font-size: 0.875rem;
    color: #5B5B5B;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
@media (max-width: 768px) {
    .list_ex3 ul .txt .cont {
        margin: 10px 0 15px 0;
    }
}
.list_ex3 ul .txt .date {
    font-size: 0.875rem;
    color: #888888;
}

.sect_bbsList.typeC2 {
    padding-bottom: 76px;
}
.sect_bbsList.typeC2 .wrapper {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    padding: 0 20px;
}
@media (max-width: 1220px) {
    .sect_bbsList.typeC2 .wrapper {
        width: 96%;
    }
}
.sect_bbsList.typeC2 .bbsSch_ {
    background: #fff;
    height: 55px;
}
.sect_bbsList.typeC2 .bbsSch_ .bbsSch_wrapper {
    float: right;
    font-size: 0;
}
@media (max-width: 768px) {
    .sect_bbsList.typeC2 .bbsSch_ .bbsSch_wrapper {
        display: flex;
        float: none;
    }
}
.sect_bbsList.typeC2 .bbsSch_ .bbsSch_wrapper .searchDiv {
    background-size: auto;
    font-weight: 500;
}
.sect_bbsList.typeC2 .bbsSch_ .bbsSch_wrapper .searchDiv, .sect_bbsList.typeC2 .bbsSch_ .bbsSch_wrapper .searchTxt, .sect_bbsList.typeC2 .bbsSch_ .bbsSch_wrapper .btnSearch {
    height: 100%;
    font-size: 0.875rem;
}
.sect_bbsList.typeC2 .bbsSch_ .bbsSch_wrapper .searchDiv, .sect_bbsList.typeC2 .bbsSch_ .bbsSch_wrapper .searchTxt {
    border: none;
    border-bottom: 1px solid #E4E4E4;
    padding: 0 5px 0 5px;
}
.sect_bbsList.typeC2 .bbsSch_ .bbsSch_wrapper .sfselect {
    margin-right: 20px;
    height: 35px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    background-color: #ffffff;
}
@media (max-width: 768px) {
    .sect_bbsList.typeC2 .bbsSch_ .bbsSch_wrapper .sfselect {
        width: 100%;
        max-width: 100px;
    }
}
.sect_bbsList.typeC2 .bbsSch_ .bbsSch_wrapper .sfselect .sfselect:before {
    transform: translateY(-50%) rotate(45deg);
    margin-right: 3px;
}
.sect_bbsList.typeC2 .bbsSch_ .bbsSch_wrapper .sfselect .sfselect:after {
    transform: translateY(-50%) rotate(-45deg);
}
.sect_bbsList.typeC2 .bbsSch_ .bbsSch_wrapper .sfselect .sfselect > select {
    height: 100%;
    width: 100%;
    font-size: 0.875rem;
    font-weight: 500;
    color: #232323;
    border-color: #D4D4D4;
    border-width: 1px;
    border-style: solid;
    border-radius: inherit;
    padding: 0 20px;
    padding-right: 30px !important;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.sect_bbsList.typeC2 .bbsSch_ .bbsSch_wrapper .sfselect .sound_only {
    display: inline-block !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0;
    line-height: 0;
    border: 0 !important;
    overflow: hidden !important;
}
.sect_bbsList.typeC2 .bbsSch_ .bbsSch_wrapper .sfsearch {
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-size: 0;
}
@media (max-width: 768px) {
    .sect_bbsList.typeC2 .bbsSch_ .bbsSch_wrapper .sfsearch {
        display: flex;
        width: 100%;
    }
}
.sect_bbsList.typeC2 .bbsSch_ .bbsSch_wrapper .sfsearch .sfsrhtext {
    padding: 0;
    margin-right: 10px;
    width: 200px;
    height: 35px;
    display: inline-block;
    vertical-align: top;
}
@media (max-width: 768px) {
    .sect_bbsList.typeC2 .bbsSch_ .bbsSch_wrapper .sfsearch .sfsrhtext {
        width: 100%;
    }
}
.sect_bbsList.typeC2 .bbsSch_ .bbsSch_wrapper .sfsearch .sfbtn {
    position: relative;
    right: auto;
    display: inline-block;
    width: 35px;
    height: 35px;
}
.sect_bbsList.typeC2 .bbsSch_ .bbsSch_wrapper .sfsearch .sfbtn .btnSearch {
    border: 0;
    outline: none;
    width: 100%;
    max-width: 35px;
    height: 100%;
    border-radius: 2px;
    display: block;
    color: #fff;
    font-size: 0.875rem;
}
.sect_bbsList.typeC2 .bbsSch_ .bbsSch_wrapper .sfsearch .sfbtn .sfbtn_wr {
    font-size: 0;
    text-align: center;
    outline: 0;
    display: flex;
    position: relative;
    border: 1px solid transparent;
    border-radius: inherit;
    padding: 0;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: transparent;
    color: #ffffff;
    left: -10px;
    border-bottom: 1px solid #e4e4e4;
}
.sect_bbsList.typeC2 .bbsSch_ .bbsSch_wrapper .sfsearch .sfbtn .sfbtn_wr .ico_search {
    background-image: url("/assets/images/ico/ico_search.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
}
.sect_bbsList.typeC2 .bbsSch_ .total_num {
    float: left;
    padding: 10px 0;
}
@media (max-width: 768px) {
    .sect_bbsList.typeC2 .bbsSch_ .total_num {
        margin-top: 20px;
    }
}
.sect_bbsList.typeC2 .bbsSch_ .total_num span {
    font-size: 1rem;
    font-weight: 400;
}
@media (max-width: 768px) {
    .sect_bbsList.typeC2 .bbsSch_ .total_num span {
        font-size: 0.875rem;
    }
}
.sect_bbsList.typeC2 .bbsSch_ .total_num span strong {
    font-weight: 700;
    color: #3B3B3B;
}
.sect_bbsList.typeC2 .bbstb {
    width: 100%;
    overflow: auto;
}
.sect_bbsList.typeC2 .bbstb .bbstb_ {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}
.sect_bbsList.typeC2 .bbstb .bbstb_ .bbstb_thead {
    display: table-header-group;
}
.sect_bbsList.typeC2 .bbstb .bbstb_ .bbstb_thead .bbstb_tr {
    background-color: #F7F7F7;
    border-top: 1px solid #000;
    border-bottom: 1px solid #E4E4E4;
    display: table-row;
    height: 70px;
}
.sect_bbsList.typeC2 .bbstb .bbstb_ .bbstb_thead .bbstb_tr .bbstb_th {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    font-size: 1rem;
    font-weight: 500;
    color: #232323;
    text-align: center;
    height: 45px;
    border-left: 0;
    border-top: 0;
}
.sect_bbsList.typeC2 .bbstb .bbstb_ .bbstb_thead .bbstb_tr .bbstb_th.width-100 {
    width: 100px;
}
@media (max-width: 768px) {
    .sect_bbsList.typeC2 .bbstb .bbstb_ .bbstb_thead .bbstb_tr .bbstb_th.width-100 {
        display: none;
    }
}
.sect_bbsList.typeC2 .bbstb .bbstb_ .bbstb_thead .bbstb_tr .bbstb_th.width-120 {
    width: 120px;
}
@media (max-width: 768px) {
    .sect_bbsList.typeC2 .bbstb .bbstb_ .bbstb_thead .bbstb_tr .bbstb_th.width-120 {
        display: none;
    }
}
@media (max-width: 1220px) {
    .sect_bbsList.typeC2 .bbstb .bbstb_ .bbstb_thead .bbstb_tr .bbstb_th:last-of-type {
        display: none;
    }
}
.sect_bbsList.typeC2 .bbstb .bbstb_ .bbstb_tbody {
    display: table-row-group;
}
.sect_bbsList.typeC2 .bbstb .bbstb_ .bbstb_tbody .bbstb_tr {
    display: table-row;
}
.sect_bbsList.typeC2 .bbstb .bbstb_ .bbstb_tbody .bbstb_tr .bbstb_td {
    display: table-cell;
    font-size: 1rem;
    font-weight: 400;
    color: #3B3B3B;
    text-align: center;
    height: 60px;
    vertical-align: middle;
    border: 1px solid #E4E4E4;
    position: relative;
}
.sect_bbsList.typeC2 .bbstb .bbstb_ .bbstb_tbody .bbstb_tr .bbstb_td .bbstb_td a {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 30px;
    position: relative;
    width: auto;
    max-width: 100%;
}
.sect_bbsList.typeC2 .bbstb .bbstb_ .bbstb_tbody .bbstb_tr .bbstb_td:first-child {
    border-left: 1px solid #E4E4E4;
}
.sect_bbsList.typeC2 .bbstb .bbstb_ .bbstb_tbody .bbstb_tr .bbstb_td.td_subj {
    padding: 0 30px;
    text-align: left;
}

.list_ex3-2 {
    display: flex;
    width: 100%;
    border-top: 1px solid #000;
    border-bottom: 1px solid #E4E4E4;
    border-collapse: collapse;
}
@media (max-width: 1220px) {
    .list_ex3-2 {
        display: flex;
        flex-direction: column;
    }
}
.list_ex3-2 .bbstb_tr {
    width: 25%;
    padding: 25px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    border-left: 2px solid transparent;
    align-items: center;
}
.list_ex3-2 .bbstb_tr > li {
    width: 25%;
}
.list_ex3-2 .bbstb_tr .content_wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    text-overflow: ellipsis;
}
.list_ex3-2 .bbstb_tr .content_wrap .td_subj_text {
    width: 100%;
    height: 100%;
    padding: 0 15px;
    display: flex;
    font-size: 1.125rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
@media (max-width: 768px) {
    .list_ex3-2 .bbstb_tr .content_wrap .td_subj_text {
        font-size: 1rem;
        padding: 0;
    }
}
.list_ex3-2 .bbstb_tr .content_wrap .td_subj_text > div {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 1.125rem;
}
@media (max-width: 768px) {
    .list_ex3-2 .bbstb_tr .content_wrap .td_subj_text > div {
        -webkit-line-clamp: 1;
        font-size: 1rem;
    }
}
.list_ex3-2 .bbstb_tr .content_wrap .td_content {
    display: none;
}
@media (max-width: 1220px) {
    .list_ex3-2 .bbstb_tr .content_wrap .td_content {
        font-size: 0.875rem;
        color: #757575;
        margin-top: 10px;
        padding: 0 15px;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
}
@media (max-width: 768px) {
    .list_ex3-2 .bbstb_tr .content_wrap .td_content {
        padding: 0 1px;
        margin-top: 0;
        font-size: 0.75rem;
    }
}
.list_ex3-2 .bbstb_tr .content_wrap .td_date {
    font-size: 0.875rem;
    color: #757575;
    margin-top: 10px;
    padding: 0 15px;
    text-align: left;
}
.list_ex3-2 .bbstb_tr .bbstb_td {
    display: table-cell;
    font-size: 1rem;
    font-weight: 400;
    color: #3B3B3B;
    text-align: center;
    height: auto;
    vertical-align: middle;
    position: relative;
}
.list_ex3-2 .bbstb_tr .bbstb_td.td_info {
    display: flex;
    color: #fff;
    font-weight: 500;
    background: #424242;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    width: 70px;
    height: 70px;
}
@media (max-width: 1220px) {
    .list_ex3-2 .bbstb_tr .bbstb_td.td_info {
        width: 60px;
        min-width: 60px;
        height: 60px;
        min-height: 60px;
    }
}
@media (max-width: 768px) {
    .list_ex3-2 .bbstb_tr .bbstb_td.td_info {
        width: 50px;
        min-width: 50px;
        height: 50px;
        min-height: 50px;
        font-size: 0.875rem;
    }
}
.list_ex3-2 .bbstb_tr .bbstb_td .bbstb_td a {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 30px;
    position: relative;
    width: auto;
    max-width: 100%;
}
.list_ex3-2 .bbstb_tr .bbstb_td .td_subj_text:hover {
    text-decoration: underline;
}
.list_ex3-2 .bbstb_tr .bbstb_td.td_subj {
    width: 100%;
    text-align: left;
}
@media (max-width: 768px) {
    .list_ex3-2 .bbstb_tr .bbstb_td.td_subj {
        height: auto;
        margin-bottom: 10px;
    }
}
.list_ex3-2 .bbstb_tr .line {
    border-left: 0.1em solid #E4E4E4;
    margin-left: 26px;
    margin-right: 10px;
}
@media (max-width: 768px) {
    .list_ex3-2 .bbstb_tr .line {
        margin-left: 16px;
    }
}

.list_ex3-2 ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    margin-top: 30px;
}
.list_ex3-2 ul > li {
    width: 33.3%;
    margin-bottom: 40px;
    padding: 0 10px;
}
@media (max-width: 1220px) {
    .list_ex3-2 ul > li {
        width: 50%;
    }
}
@media (max-width: 768px) {
    .list_ex3-2 ul > li {
        width: 100%;
        margin-bottom: 20px;
    }
}
.list_ex3-2 ul > li > a {
    background: #F7F7F7;
    padding: 30px;
}
@media (max-width: 1220px) {
    .list_ex3-2 ul > li > a {
        padding: 20px;
    }
}
.list_ex3-2 ul .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.list_ex3-2 ul .img2 {
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 60.625%;
    width: 100%;
    height: 0;
}
.list_ex3-2 ul .txt > h4 {
    font-size: 1.125rem;
    margin-top: 15px;
}
.list_ex3-2 ul .txt .cont {
    margin: 10px 0 20px 0;
    font-size: 0.875rem;
    color: #5B5B5B;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.list_ex3-2 ul .txt .date {
    font-size: 0.875rem;
    color: #888888;
}

.sect_bbsList.typeC3 {
    padding-bottom: 76px;
}
.sect_bbsList.typeC3 .wrapper {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    padding: 0 20px;
}
@media (max-width: 1220px) {
    .sect_bbsList.typeC3 .wrapper {
        width: 96%;
    }
}
@media (max-width: 768px) {
    .sect_bbsList.typeC3 .wrapper {
        padding: 0 10px;
    }
}
.sect_bbsList.typeC3 .bbsSch_ {
    background: #fff;
    height: 55px;
}
.sect_bbsList.typeC3 .bbsSch_ .bbsSch_wrapper {
    float: right;
    font-size: 0;
}
@media (max-width: 768px) {
    .sect_bbsList.typeC3 .bbsSch_ .bbsSch_wrapper {
        display: flex;
        float: none;
    }
}
.sect_bbsList.typeC3 .bbsSch_ .bbsSch_wrapper .searchDiv {
    background-size: auto;
    font-weight: 500;
}
.sect_bbsList.typeC3 .bbsSch_ .bbsSch_wrapper .searchDiv, .sect_bbsList.typeC3 .bbsSch_ .bbsSch_wrapper .searchTxt, .sect_bbsList.typeC3 .bbsSch_ .bbsSch_wrapper .btnSearch {
    height: 100%;
    font-size: 0.875rem;
}
.sect_bbsList.typeC3 .bbsSch_ .bbsSch_wrapper .searchDiv, .sect_bbsList.typeC3 .bbsSch_ .bbsSch_wrapper .searchTxt {
    border: none;
    border-bottom: 1px solid #E4E4E4;
    padding: 0 5px 0 5px;
}
.sect_bbsList.typeC3 .bbsSch_ .bbsSch_wrapper .sfselect {
    margin-right: 20px;
    height: 35px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    background-color: #ffffff;
}
@media (max-width: 768px) {
    .sect_bbsList.typeC3 .bbsSch_ .bbsSch_wrapper .sfselect {
        width: 100%;
        max-width: 100px;
    }
}
.sect_bbsList.typeC3 .bbsSch_ .bbsSch_wrapper .sfselect .sfselect:before {
    transform: translateY(-50%) rotate(45deg);
    margin-right: 3px;
}
.sect_bbsList.typeC3 .bbsSch_ .bbsSch_wrapper .sfselect .sfselect:after {
    transform: translateY(-50%) rotate(-45deg);
}
.sect_bbsList.typeC3 .bbsSch_ .bbsSch_wrapper .sfselect .sfselect > select {
    height: 100%;
    width: 100%;
    font-size: 0.875rem;
    font-weight: 500;
    color: #232323;
    border-color: #D4D4D4;
    border-width: 1px;
    border-style: solid;
    border-radius: inherit;
    padding: 0 20px;
    padding-right: 30px !important;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.sect_bbsList.typeC3 .bbsSch_ .bbsSch_wrapper .sfselect .sound_only {
    display: inline-block !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0;
    line-height: 0;
    border: 0 !important;
    overflow: hidden !important;
}
.sect_bbsList.typeC3 .bbsSch_ .bbsSch_wrapper .sfsearch {
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-size: 0;
}
@media (max-width: 768px) {
    .sect_bbsList.typeC3 .bbsSch_ .bbsSch_wrapper .sfsearch {
        display: flex;
        width: 100%;
    }
}
.sect_bbsList.typeC3 .bbsSch_ .bbsSch_wrapper .sfsearch .sfsrhtext {
    padding: 0;
    margin-right: 10px;
    width: 200px;
    height: 35px;
    display: inline-block;
    vertical-align: top;
}
@media (max-width: 768px) {
    .sect_bbsList.typeC3 .bbsSch_ .bbsSch_wrapper .sfsearch .sfsrhtext {
        width: 100%;
    }
}
.sect_bbsList.typeC3 .bbsSch_ .bbsSch_wrapper .sfsearch .sfbtn {
    position: relative;
    right: auto;
    display: inline-block;
    width: 35px;
    height: 35px;
}
.sect_bbsList.typeC3 .bbsSch_ .bbsSch_wrapper .sfsearch .sfbtn .btnSearch {
    border: 0;
    outline: none;
    width: 100%;
    max-width: 35px;
    height: 100%;
    border-radius: 2px;
    display: block;
    color: #fff;
    font-size: 0.875rem;
}
.sect_bbsList.typeC3 .bbsSch_ .bbsSch_wrapper .sfsearch .sfbtn .sfbtn_wr {
    font-size: 0;
    text-align: center;
    outline: 0;
    display: flex;
    position: relative;
    border: 1px solid transparent;
    border-radius: inherit;
    padding: 0;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: transparent;
    color: #ffffff;
    left: -10px;
    border-bottom: 1px solid #e4e4e4;
}
.sect_bbsList.typeC3 .bbsSch_ .bbsSch_wrapper .sfsearch .sfbtn .sfbtn_wr .ico_search {
    background-image: url("/assets/images/ico/ico_search.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
}
.sect_bbsList.typeC3 .bbsSch_ .total_num {
    float: left;
    padding: 10px 0;
}
@media (max-width: 768px) {
    .sect_bbsList.typeC3 .bbsSch_ .total_num {
        margin-top: 20px;
    }
}
.sect_bbsList.typeC3 .bbsSch_ .total_num span {
    font-size: 1rem;
    font-weight: 400;
}
@media (max-width: 768px) {
    .sect_bbsList.typeC3 .bbsSch_ .total_num span {
        font-size: 0.875rem;
    }
}
.sect_bbsList.typeC3 .bbsSch_ .total_num span strong {
    font-weight: 700;
    color: #3B3B3B;
}
.sect_bbsList.typeC3 .bbstb {
    width: 100%;
    overflow: auto;
}
.sect_bbsList.typeC3 .bbstb .bbstb_ {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}
.sect_bbsList.typeC3 .bbstb .bbstb_ .bbstb_thead {
    display: table-header-group;
}
.sect_bbsList.typeC3 .bbstb .bbstb_ .bbstb_thead .bbstb_tr {
    background-color: #F7F7F7;
    border-top: 1px solid #000;
    border-bottom: 1px solid #E4E4E4;
    display: table-row;
    height: 70px;
}
.sect_bbsList.typeC3 .bbstb .bbstb_ .bbstb_thead .bbstb_tr .bbstb_th {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    font-size: 1rem;
    font-weight: 500;
    color: #232323;
    text-align: center;
    height: 45px;
    border-left: 0;
    border-top: 0;
}
.sect_bbsList.typeC3 .bbstb .bbstb_ .bbstb_thead .bbstb_tr .bbstb_th.width-100 {
    width: 100px;
}
@media (max-width: 768px) {
    .sect_bbsList.typeC3 .bbstb .bbstb_ .bbstb_thead .bbstb_tr .bbstb_th.width-100 {
        display: none;
    }
}
.sect_bbsList.typeC3 .bbstb .bbstb_ .bbstb_thead .bbstb_tr .bbstb_th.width-120 {
    width: 120px;
}
@media (max-width: 768px) {
    .sect_bbsList.typeC3 .bbstb .bbstb_ .bbstb_thead .bbstb_tr .bbstb_th.width-120 {
        display: none;
    }
}
@media (max-width: 1220px) {
    .sect_bbsList.typeC3 .bbstb .bbstb_ .bbstb_thead .bbstb_tr .bbstb_th:last-of-type {
        display: none;
    }
}
.sect_bbsList.typeC3 .bbstb .bbstb_ .bbstb_tbody {
    display: table-row-group;
}
.sect_bbsList.typeC3 .bbstb .bbstb_ .bbstb_tbody .bbstb_tr {
    display: table-row;
}
.sect_bbsList.typeC3 .bbstb .bbstb_ .bbstb_tbody .bbstb_tr .bbstb_td {
    display: table-cell;
    font-size: 1rem;
    font-weight: 400;
    color: #3B3B3B;
    text-align: center;
    height: 60px;
    vertical-align: middle;
    border: 1px solid #E4E4E4;
    position: relative;
}
.sect_bbsList.typeC3 .bbstb .bbstb_ .bbstb_tbody .bbstb_tr .bbstb_td .bbstb_td a {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 30px;
    position: relative;
    width: auto;
    max-width: 100%;
}
.sect_bbsList.typeC3 .bbstb .bbstb_ .bbstb_tbody .bbstb_tr .bbstb_td:first-child {
    border-left: 1px solid #E4E4E4;
}
.sect_bbsList.typeC3 .bbstb .bbstb_ .bbstb_tbody .bbstb_tr .bbstb_td.td_subj {
    padding: 0 30px;
    text-align: left;
}
.sect_bbsList.typeC3 ul.no_list {
    font-size: 1.125rem !important;
    font-weight: 300;
    text-align: center;
    padding: 50px 0 !important;
    margin: 0 !important;
}
.sect_bbsList.typeC3 .bbsWr {
    text-align: right;
    font-size: 0;
    margin: 0 -5px;
    padding-top: 30px;
}
.sect_bbsList.typeC3 .bbsWr .bbsWr_wr {
    display: inline-block;
    padding: 0 5px;
    vertical-align: top;
}
.sect_bbsList.typeC3 .bbsWr .bbsWr_wr .bbsWr_subt {
    background: #F5F5F5;
    font-size: 10px;
    font-weight: 700;
    color: #D04E34;
    padding: 10px 15px;
    text-align: center;
}
.sect_bbsList.typeC3 .bbsWr .bbsWr_wr .bbsWr_subt .txt {
    display: inline-block;
    text-align: left;
}
.sect_bbsList.typeC3 .bbsWr .bbsWr_wr .bbsWr_subt .txt .ico_sub {
    position: relative;
    background-color: #D04E34;
    border-radius: 2px;
    font-size: 10px;
    font-weight: bold;
    color: #fff;
    padding: 0px 6px;
    margin-right: 5px;
}

.list_ex3-3 {
    display: flex;
    width: 100%;
    border-top: 1px solid #000;
    border-bottom: 1px solid #E4E4E4;
    border-collapse: collapse;
}
@media (max-width: 1220px) {
    .list_ex3-3 {
        display: flex;
        flex-direction: column;
    }
}
.list_ex3-3 .bbstb_tr {
    width: 25%;
    padding: 25px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    border-left: 2px solid transparent;
    align-items: center;
}
.list_ex3-3 .bbstb_tr > li {
    width: 25%;
}
.list_ex3-3 .bbstb_tr .content_wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    text-overflow: ellipsis;
}
.list_ex3-3 .bbstb_tr .content_wrap .td_subj_text {
    width: 100%;
    height: 100%;
    padding: 0 15px;
    display: flex;
    font-size: 1.125rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
@media (max-width: 768px) {
    .list_ex3-3 .bbstb_tr .content_wrap .td_subj_text {
        font-size: 1rem;
        padding: 0;
    }
}
.list_ex3-3 .bbstb_tr .content_wrap .td_subj_text > div {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 1.125rem;
}
@media (max-width: 768px) {
    .list_ex3-3 .bbstb_tr .content_wrap .td_subj_text > div {
        -webkit-line-clamp: 1;
        font-size: 1rem;
    }
}
.list_ex3-3 .bbstb_tr .content_wrap .td_content {
    display: none;
}
@media (max-width: 1220px) {
    .list_ex3-3 .bbstb_tr .content_wrap .td_content {
        font-size: 0.875rem;
        color: #757575;
        margin-top: 10px;
        padding: 0 15px;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
}
@media (max-width: 768px) {
    .list_ex3-3 .bbstb_tr .content_wrap .td_content {
        padding: 0 1px;
        margin-top: 0;
        font-size: 0.75rem;
    }
}
.list_ex3-3 .bbstb_tr .content_wrap .td_date {
    font-size: 0.875rem;
    color: #757575;
    margin-top: 10px;
    padding: 0 15px;
    text-align: left;
}
.list_ex3-3 .bbstb_tr .bbstb_td {
    display: table-cell;
    font-size: 1rem;
    font-weight: 400;
    color: #3B3B3B;
    text-align: center;
    height: auto;
    vertical-align: middle;
    position: relative;
}
.list_ex3-3 .bbstb_tr .bbstb_td.td_info {
    display: flex;
    color: #fff;
    font-weight: 500;
    background: #424242;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    width: 70px;
    height: 70px;
}
@media (max-width: 1220px) {
    .list_ex3-3 .bbstb_tr .bbstb_td.td_info {
        width: 60px;
        min-width: 60px;
        height: 60px;
        min-height: 60px;
    }
}
@media (max-width: 768px) {
    .list_ex3-3 .bbstb_tr .bbstb_td.td_info {
        width: 50px;
        min-width: 50px;
        height: 50px;
        min-height: 50px;
        font-size: 0.875rem;
    }
}
.list_ex3-3 .bbstb_tr .bbstb_td .bbstb_td a {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 30px;
    position: relative;
    width: auto;
    max-width: 100%;
}
.list_ex3-3 .bbstb_tr .bbstb_td .td_subj_text:hover {
    text-decoration: underline;
}
.list_ex3-3 .bbstb_tr .bbstb_td.td_subj {
    width: 100%;
    text-align: left;
}
@media (max-width: 768px) {
    .list_ex3-3 .bbstb_tr .bbstb_td.td_subj {
        height: auto;
        margin-bottom: 10px;
    }
}
.list_ex3-3 .bbstb_tr .line {
    border-left: 0.1em solid #E4E4E4;
    margin-left: 26px;
    margin-right: 10px;
}
@media (max-width: 768px) {
    .list_ex3-3 .bbstb_tr .line {
        margin-left: 16px;
    }
}

.list_ex3-3 ul {
    width: 100%;
}
.list_ex3-3 ul > li {
    padding: 20px 0;
    height: auto;
    border-bottom: 1px solid #E4E4E4;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
@media (max-width: 768px) {
    .list_ex3-3 ul > li {
        align-items: center;
    }
}
.list_ex3-3 ul .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: 180px;
    max-height: 180px;
}
@media (max-width: 768px) {
    .list_ex3-3 ul .img img {
        max-width: 120px;
        max-height: 120px;
    }
}
.list_ex3-3 ul .img2 {
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 60.625%;
    width: 100%;
    height: 0;
}
.list_ex3-3 ul .txt {
    width: 100%;
    height: 100%;
    padding-top: 10px;
}
.list_ex3-3 ul .txt > a h4 {
    font-size: 1.375rem;
    font-weight: 600;
}
@media (max-width: 768px) {
    .list_ex3-3 ul .txt > a h4 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        font-size: 1.25rem;
    }
}
.list_ex3-3 ul .txt > a h4 span {
    font-weight: 400;
}
@media (max-width: 768px) {
    .list_ex3-3 ul .txt > a h4 span {
        display: flex;
        flex-direction: column;
    }
}
.list_ex3-3 ul .txt .source {
    margin: 7px 80px 48px 0;
    font-size: 1.125rem;
    color: #5B5B5B;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
@media (max-width: 1220px) {
    .list_ex3-3 ul .txt .source {
        font-size: 1rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
}
@media (max-width: 768px) {
    .list_ex3-3 ul .txt .source {
        margin: 5px 50px 15px 0;
    }
}
.list_ex3-3 ul .txt .cont {
    margin: 10px 0 20px 0;
    font-size: 1.125rem;
    color: #5B5B5B;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.list_ex3-3 ul .txt .board-data {
    display: flex;
    font-size: 1rem;
    align-items: center;
    color: #757575;
}
.list_ex3-3 ul .txt .board-data .line {
    height: 11px;
    margin-top: 1px;
    border-left: 0.1em solid #E4E4E4;
    margin-left: 16px;
    margin-right: 12px;
}
.list_ex3-3 ul .txt .board-data .writer, .list_ex3-3 ul .txt .board-data .date {
    font-size: 1rem;
}
@media (max-width: 768px) {
    .list_ex3-3 ul .txt .board-data .writer, .list_ex3-3 ul .txt .board-data .date {
        font-size: 0.75rem;
    }
}

.sect_bbsDetail.typeA {
    margin-top: 60px;
    padding-bottom: 76px;
    /*@at-root .atchfile {
    background: #F7F7F7;
    min-height: 70px;
    align-items: center;
    display: flex;
    padding: 10px 20px;
    text-decoration: underline;
    border: 1px solid #E4E4E4;
    font-size: $fs-14;
    @include tablet {
      min-height: 60px;
    }
    @include mobile {
      min-height: 50px;
    }
    > a {
      font-size: $fs-14;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
    }

    .ico_atchfile {
      $ico-img-01: "ico_atchfile.svg";
      $ico-img-01-w: 22px;
      $ico-img-01-h: 22px;
      @include icon-style($ico-img-01-w, $ico-img-01-h, $ico-img-01);
      display: inline-block;
      position: relative;
      width: 25px;
      height: 25px;
      margin-right: 10px;
      flex: none;
    }
  }*/
}
.sect_bbsDetail.typeA .wrapper {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    padding: 0 20px;
}
.sect_bbsDetail.typeA .list_ex_detailA {
    width: 100%;
}
.sect_bbsDetail.typeA .list_ex_detailA .detail_wrapper {
    width: 100%;
    padding: 20px 0;
    height: auto;
    border-bottom: 1px solid #000;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
}
.sect_bbsDetail.typeA .list_ex_detailA .detail_wrapper .detail_head {
    display: flex;
    width: 100%;
}
.sect_bbsDetail.typeA .list_ex_detailA .detail_wrapper .detail_head > h4 {
    width: 100%;
    font-size: 1.625rem;
}
@media (max-width: 768px) {
    .sect_bbsDetail.typeA .list_ex_detailA .detail_wrapper .detail_head > h4 {
        font-size: 1.375rem;
    }
}
.sect_bbsDetail.typeA .list_ex_detailA .detail_wrapper .detail_head .view_cnt {
    font-size: 0.875rem;
    outline: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 20%;
}
.sect_bbsDetail.typeA .list_ex_detailA .detail_wrapper .detail_head .view_cnt .ico_view {
    position: relative;
    margin-right: 5px;
    background-image: url("/assets/images/ico/ico_view.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 25px;
    height: 25px;
}
.sect_bbsDetail.typeA .list_ex_detailA .detail_wrapper .detail_head .view_cnt > p {
    margin-right: 5px;
}
@media (max-width: 1220px) {
    .sect_bbsDetail.typeA .list_ex_detailA .detail_wrapper .detail_head .view_cnt > p {
        display: none;
    }
}
.sect_bbsDetail.typeA .list_ex_detailA .detail_wrapper .detail_head .view_cnt .view_num {
    font-weight: 500;
}
.sect_bbsDetail.typeA .list_ex_detailA .detail_wrapper .source {
    margin: 7px 80px 48px 0;
    font-size: 1.125rem;
    color: #5B5B5B;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.sect_bbsDetail.typeA .list_ex_detailA .detail_wrapper .cont {
    margin: 10px 0 20px 0;
    font-size: 1.125rem;
    color: #5B5B5B;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.sect_bbsDetail.typeA .list_ex_detailA .detail_wrapper .detail_top {
    display: flex;
    font-size: 0.875rem;
    align-items: center;
    color: #757575;
}
.sect_bbsDetail.typeA .list_ex_detailA .detail_wrapper .detail_top .writer, .sect_bbsDetail.typeA .list_ex_detailA .detail_wrapper .detail_top .date {
    font-size: 0.875rem;
}
@media (max-width: 1220px) {
    .sect_bbsDetail.typeA .list_ex_detailA .detail_wrapper .detail_top .writer, .sect_bbsDetail.typeA .list_ex_detailA .detail_wrapper .detail_top .date {
        font-size: 0.75rem;
    }
}
.sect_bbsDetail.typeA .list_ex_detailA .detail_wrapper .detail_top .line {
    height: 11px;
    margin-top: 1px;
    border-left: 0.1em solid #E4E4E4;
    margin-left: 8px;
    margin-right: 6px;
}
.cont {
    margin: 40px 0;
}
@media (max-width: 768px) {
    .cont {
        margin-top: 30px 0;
    }
}
.cont > p {
    line-height: 1.5;
}
@media (max-width: 768px) {
    .cont > p {
        font-size: 0.75rem;
    }
}

.paging.list .paging_wrap {
    margin-top: 30px;
    min-height: 120px;
    display: flex;
    padding: 10px 0;
    flex-direction: column;
}
@media (max-width: 768px) {
    .paging.list .paging_wrap {
        margin-top: 20px;
    }
}
.paging.list .paging_wrap > li {
    padding: 20px;
}
@media (max-width: 768px) {
    .paging.list .paging_wrap > li {
        padding: 15px;
    }
}
.paging.list .paging_wrap .prev {
    border-top: 1px solid #E4E4E4;
}
.paging.list .paging_wrap .next {
    border-top: 1px solid #E4E4E4;
    border-bottom: 1px solid #E4E4E4;
}
.paging.list .paging_wrap .prev, .paging.list .paging_wrap .next {
    position: relative;
    display: flex;
}
.paging.list .paging_wrap .prev > p, .paging.list .paging_wrap .next > p {
    width: 10%;
    font-size: 0.875rem;
}
@media (max-width: 768px) {
    .paging.list .paging_wrap .prev > p, .paging.list .paging_wrap .next > p {
        width: 15%;
    }
}
.paging.list .paging_wrap .prev > a, .paging.list .paging_wrap .next > a {
    width: 90%;
    font-size: 0.875rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
@media (max-width: 768px) {
    .paging.list .paging_wrap .prev > a, .paging.list .paging_wrap .next > a {
        width: 85%;
        margin-left: 45px;
    }
}
.paging.list .paging_wrap .prev:before, .paging.list .paging_wrap .prev:after, .paging.list .paging_wrap .next:before, .paging.list .paging_wrap .next:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 7px;
    background-color: #000;
    left: 84px;
    top: 50%;
    display: block;
    transition: all 0.2s;
    z-index: 1;
}
.paging.list .paging_wrap .prev:before {
    transform: rotate(-45deg);
    margin-right: 4px;
    left: 80px;
}
.paging.list .paging_wrap .prev:after {
    margin-right: 0;
    transform: rotate(45deg);
}
.paging.list .paging_wrap .next:before {
    transform: rotate(45deg);
    margin-right: 4px;
    left: 80px;
}
.paging.list .paging_wrap .next:after {
    margin-right: 0;
    transform: rotate(-45deg);
}
.paging.list .back_list {
    width: 100%;
    height: 100%;
    max-width: 173px;
    max-height: 50px;
    margin: 0 auto;
    margin-top: 30px;
    border: 1px solid #000;
    font-size: 1rem;
    padding: 15px;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media (max-width: 768px) {
    .paging.list .back_list {
        max-height: 40px;
        font-size: 0.875rem;
    }
}

.sect_bbsDetail.typeB {
    margin-top: 60px;
    padding-bottom: 76px;
}
.sect_bbsDetail.typeB .wrapper {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    padding: 0 20px;
}
.sect_bbsDetail.typeB .list_ex_detailB {
    width: 100%;
}
.sect_bbsDetail.typeB .list_ex_detailB .detail_wrapper {
    width: 100%;
    padding: 20px 0;
    height: auto;
    border-bottom: 1px solid #000;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
}
.sect_bbsDetail.typeB .list_ex_detailB .detail_wrapper .detail_head {
    display: flex;
    width: 100%;
}
.sect_bbsDetail.typeB .list_ex_detailB .detail_wrapper .detail_head > h4 {
    width: 100%;
    font-size: 1.625rem;
}
@media (max-width: 768px) {
    .sect_bbsDetail.typeB .list_ex_detailB .detail_wrapper .detail_head > h4 {
        font-size: 1.375rem;
    }
}
.sect_bbsDetail.typeB .list_ex_detailB .detail_wrapper .detail_head .view_cnt {
    font-size: 0.875rem;
    outline: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 20%;
}
.sect_bbsDetail.typeB .list_ex_detailB .detail_wrapper .detail_head .view_cnt .ico_view {
    position: relative;
    margin-right: 5px;
    background-image: url("/assets/images/ico/ico_view.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 25px;
    height: 25px;
}
.sect_bbsDetail.typeB .list_ex_detailB .detail_wrapper .detail_head .view_cnt > p {
    margin-right: 5px;
}
@media (max-width: 1220px) {
    .sect_bbsDetail.typeB .list_ex_detailB .detail_wrapper .detail_head .view_cnt > p {
        display: none;
    }
}
.sect_bbsDetail.typeB .list_ex_detailB .detail_wrapper .detail_head .view_cnt .view_num {
    font-weight: 500;
}
.sect_bbsDetail.typeB .list_ex_detailB .detail_wrapper .source {
    margin: 7px 80px 48px 0;
    font-size: 1.125rem;
    color: #5B5B5B;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.sect_bbsDetail.typeB .list_ex_detailB .detail_wrapper .cont {
    margin: 10px 0 20px 0;
    font-size: 1.125rem;
    color: #5B5B5B;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.sect_bbsDetail.typeB .list_ex_detailB .detail_wrapper .detail_top {
    display: flex;
    font-size: 0.875rem;
    align-items: center;
    color: #757575;
}
.sect_bbsDetail.typeB .list_ex_detailB .detail_wrapper .detail_top .writer, .sect_bbsDetail.typeB .list_ex_detailB .detail_wrapper .detail_top .date {
    font-size: 0.875rem;
}
@media (max-width: 1220px) {
    .sect_bbsDetail.typeB .list_ex_detailB .detail_wrapper .detail_top .writer, .sect_bbsDetail.typeB .list_ex_detailB .detail_wrapper .detail_top .date {
        font-size: 0.75rem;
    }
}
.sect_bbsDetail.typeB .list_ex_detailB .detail_wrapper .detail_top .line {
    height: 11px;
    margin-top: 1px;
    border-left: 0.1em solid #E4E4E4;
    margin-left: 8px;
    margin-right: 6px;
}
.sect_bbsDetail.typeB .cont {
    margin: 40px 0;
    display: flex;
    flex-direction: column;
}
@media (max-width: 768px) {
    .sect_bbsDetail.typeB .cont {
        margin: 30px 0;
    }
}
.sect_bbsDetail.typeB .cont > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: 780px;
    max-height: 780px;
}
@media (max-width: 1220px) {
    .sect_bbsDetail.typeB .cont > img {
        width: auto;
        height: auto;
    }
}
.sect_bbsDetail.typeB .cont > p {
    line-height: 1.5;
}

.sect_history.typeA {
    margin-bottom: 0;
}
@media (max-width: 768px) {
    .sect_history.typeA {
        margin-top: 24px;
    }
}
.sect_history.typeA .wrapper {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    padding: 40px 20px;
    display: flex;
    justify-content: space-between;
}
@media (max-width: 1220px) {
    .sect_history.typeA .wrapper {
        flex-direction: column;
    }
}
.sect_history.typeA .wrapper .year {
    font-size: 46px;
    font-weight: 600;
    margin-right: 60px;
}
@media (max-width: 1220px) {
    .sect_history.typeA .wrapper .year {
        padding-bottom: 20px;
    }
}
@media (max-width: 768px) {
    .sect_history.typeA .wrapper .year {
        font-size: 38px;
    }
}
.sect_history.typeA .wrapper .last_year {
    display: none;
}
@media (max-width: 1220px) {
    .sect_history.typeA .wrapper .last_year {
        display: block;
        font-size: 46px;
        font-weight: 600;
        margin-right: 60px;
        padding-bottom: 20px;
    }
}
@media (max-width: 768px) {
    .sect_history.typeA .wrapper .last_year {
        font-size: 38px;
        padding-top: 50px;
    }
}
.sect_history.typeA .wrapper ul {
    width: 100%;
    max-width: 730px;
}
.sect_history.typeA .wrapper ul li {
    display: flex;
    padding: 20px 0;
}
@media (max-width: 768px) {
    .sect_history.typeA .wrapper ul li {
        flex-direction: column;
        padding: 15px 0;
    }
}
.sect_history.typeA .wrapper ul li .month {
    width: auto;
    min-width: 50px;
    font-size: 1.5rem;
    font-weight: 600;
    margin-top: -4px;
}
.sect_history.typeA .wrapper ul li .txt {
    display: flex;
    width: 100%;
    font-size: 1.125rem;
    margin-left: 90px;
    padding-bottom: 40px;
    align-items: center;
    border-bottom: 1px solid #E4E4E4;
}
@media (max-width: 1220px) {
    .sect_history.typeA .wrapper ul li .txt {
        margin-left: 40px;
    }
}
@media (max-width: 768px) {
    .sect_history.typeA .wrapper ul li .txt {
        margin-left: 0;
        padding: 10px 0 20px 0;
        line-height: 2;
    }
}

.sect_history.typeB {
    margin-bottom: 0;
}
@media (max-width: 768px) {
    .sect_history.typeB {
        margin-top: 24px;
    }
}
.sect_history.typeB .wrapper {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    padding: 40px 20px;
    display: flex;
    justify-content: space-between;
}
@media (max-width: 1220px) {
    .sect_history.typeB .wrapper {
        flex-direction: column;
    }
}
.sect_history.typeB .wrapper .year {
    font-size: 46px;
    font-weight: 600;
    margin-right: 60px;
}
@media (max-width: 1220px) {
    .sect_history.typeB .wrapper .year {
        padding-bottom: 20px;
    }
}
@media (max-width: 768px) {
    .sect_history.typeB .wrapper .year {
        font-size: 38px;
    }
}
.sect_history.typeB .wrapper .last_year {
    display: none;
}
@media (max-width: 1220px) {
    .sect_history.typeB .wrapper .last_year {
        display: block;
        font-size: 46px;
        font-weight: 600;
        margin-right: 60px;
        padding-bottom: 20px;
    }
}
@media (max-width: 768px) {
    .sect_history.typeB .wrapper .last_year {
        font-size: 38px;
        padding-top: 50px;
    }
}
.sect_history.typeB .wrapper ul {
    width: 100%;
    max-width: 730px;
}
@media (max-width: 1220px) {
    .sect_history.typeB .wrapper ul {
        max-width: 100%;
    }
}
.sect_history.typeB .wrapper ul li {
    display: flex;
    padding: 20px 0;
}
@media (max-width: 768px) {
    .sect_history.typeB .wrapper ul li {
        flex-direction: column;
        padding: 15px 0;
    }
}
.sect_history.typeB .wrapper ul li img {
    width: 295px;
    height: 167px;
    object-fit: cover;
}
@media (max-width: 768px) {
    .sect_history.typeB .wrapper ul li img {
        width: 100%;
        height: 100%;
        min-width: 372px;
    }
}
.sect_history.typeB .wrapper ul li .month {
    width: auto;
    min-width: 50px;
    font-size: 1.5rem;
    font-weight: 600;
    margin-top: -4px;
}
.sect_history.typeB .wrapper ul li .txt {
    display: flex;
    width: 100%;
    font-size: 1.125rem;
    margin-left: 90px;
    padding-bottom: 40px;
    border-bottom: 1px solid #E4E4E4;
    justify-content: space-between;
    align-items: flex-start;
}
@media (max-width: 1220px) {
    .sect_history.typeB .wrapper ul li .txt {
        margin-left: 40px;
    }
}
@media (max-width: 768px) {
    .sect_history.typeB .wrapper ul li .txt {
        margin-left: 0;
        padding: 10px 0 20px 0;
        line-height: 2;
        flex-direction: column;
    }
}
.sect_history.typeB .wrapper ul li .txt .txt_img {
    margin-left: 30px;
}
@media (max-width: 768px) {
    .sect_history.typeB .wrapper ul li .txt .txt_img {
        margin-left: 0;
        padding-top: 15px;
    }
}

@media (max-width: 768px) {
    .sect_map.typeA {
        margin-top: 24px;
    }
}
.sect_map.typeA .wrapper {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    padding: 40px 20px;
}
.sect_map.typeA .direction_info {
    margin: 0 auto;
    border: 1px solid #E4E4E4;
    border-radius: 3px;
    padding: 40px;
    margin-bottom: 20px;
}
@media (max-width: 768px) {
    .sect_map.typeA .direction_info {
        padding: 30px 20px;
    }
}
.sect_map.typeA .direction_info .direction_title {
    font-size: 1.75rem;
    font-weight: 600;
}
@media (max-width: 768px) {
    .sect_map.typeA .direction_info .direction_title {
        font-size: 1.25rem;
    }
}
.info_list {
    display: flex;
    width: 100%;
    margin-top: 16px;
}
.info_list ul {
    display: flex;
}
@media (max-width: 1220px) {
    .info_list ul {
        display: grid;
    }
}
.info_list ul li {
    display: flex;
}
@media (max-width: 768px) {
    .info_list ul li {
        flex-direction: column;
    }
}
@media (max-width: 1220px) {
    .info_list ul li {
        margin-top: 10px;
    }
}
.info_list ul li .th {
    font-size: 1rem;
    margin-right: 10px;
    font-weight: 600;
}
@media (max-width: 768px) {
    .info_list ul li .th {
        font-size: 0.875rem;
    }
}
.info_list ul li .td {
    font-size: 1rem;
    margin-right: 30px;
}
@media (max-width: 768px) {
    .info_list ul li .td {
        font-size: 0.875rem;
        margin: 5px 0 0 0;
    }
}

.dir_btn {
    outline: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    max-width: 144px;
    max-height: 50px;
    background: #000;
    padding: 15px 20px;
    color: #fff;
    border-radius: 3px;
    position: absolute;
    top: 70px;
    right: 40px;
    margin-right: 30px;
}
@media (max-width: 768px) {
    .dir_btn {
        position: inherit;
        width: 120px;
        height: 40px;
    }
}
.dir_btn .ico_direction {
    position: relative;
    margin-right: 5px;
    background-image: url("/assets/images/ico/ico_direction.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
}
.dir_btn a {
    text-align: center;
}
@media (max-width: 768px) {
    .dir_btn a span {
        font-size: 0.75rem;
    }
}

.direction_map {
    width: 100%;
    height: 100%;
}
.direction_map #daumRoughmapContainer1677125429751 {
    width: 100% !important;
}

.sect_map.typeB {
    margin-bottom: 0;
}
@media (max-width: 768px) {
    .sect_map.typeB {
        margin-top: 24px;
    }
}
.sect_map.typeB .wrapper {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    padding: 40px 20px;
}
.sect_map.typeB .direction_info {
    margin: 0 auto;
    border: 1px solid #E4E4E4;
    border-radius: 3px;
    padding: 40px 40px 10px 40px;
    margin-bottom: 20px;
}
@media (max-width: 768px) {
    .sect_map.typeB .direction_info {
        padding: 30px 20px 10px 20px;
    }
}
.sect_map.typeB .direction_info .direction_title {
    font-size: 1.75rem;
    font-weight: 600;
}
@media (max-width: 768px) {
    .sect_map.typeB .direction_info .direction_title {
        font-size: 1.25rem;
    }
}
.info_list {
    display: flex;
    width: 100%;
    margin-top: 16px;
    padding-bottom: 20px;
    border-bottom: 1px solid #E4E4E4;
}
@media (max-width: 768px) {
    .info_list {
        border: none;
    }
}
.info_list ul {
    display: flex;
}
@media (max-width: 1220px) {
    .info_list ul {
        display: grid;
    }
}
.info_list ul li {
    display: flex;
}
@media (max-width: 768px) {
    .info_list ul li {
        flex-direction: column;
    }
}
@media (max-width: 1220px) {
    .info_list ul li {
        margin-top: 10px;
    }
}
.info_list ul li .th {
    font-size: 1rem;
    margin-right: 10px;
    font-weight: 600;
}
@media (max-width: 768px) {
    .info_list ul li .th {
        font-size: 0.875rem;
    }
}
.info_list ul li .td {
    font-size: 1rem;
    margin-right: 30px;
}
@media (max-width: 768px) {
    .info_list ul li .td {
        font-size: 0.875rem;
        margin: 5px 0 0 0;
    }
}

.way_list {
    display: flex;
    width: 100%;
    margin-top: 16px;
}
@media (max-width: 768px) {
    .way_list {
        border-top: 1px solid #E4E4E4;
        margin-top: 20px;
        padding-top: 20px;
    }
}
.way_list ul li {
    display: flex;
    margin-bottom: 20px;
    align-items: center;
}
.way_list ul li .ico_bus {
    display: inline-block;
    position: relative;
    margin-right: 20px;
    min-width: 70px;
    min-height: 70px;
    background-image: url("/assets/images/ico/ico_bus2.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 70px;
    height: 70px;
}
.way_list ul li .ico_car {
    display: inline-block;
    position: relative;
    margin-right: 20px;
    min-width: 70px;
    min-height: 70px;
    background-image: url("/assets/images/ico/ico_car2.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 70px;
    height: 70px;
}
.way_list ul li .way_wrap {
    display: grid;
}
.way_list ul li .way_wrap .th {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 8px;
}
@media (max-width: 768px) {
    .way_list ul li .way_wrap .th {
        font-size: 0.875rem;
    }
}
.way_list ul li .way_wrap .td {
    line-height: 1.5;
}
@media (max-width: 768px) {
    .way_list ul li .way_wrap .td {
        font-size: 0.875rem;
    }
}

.sect_map.typeB .direction_map {
    width: 100%;
    height: 100%;
}
.sect_map.typeB .direction_map #daumRoughmapContainer1677125429751 {
    width: 100% !important;
}

.sect_map.typeC {
    margin-bottom: 0;
}
@media (max-width: 768px) {
    .sect_map.typeC {
        margin-top: 24px;
    }
}
.sect_map.typeC .wrapper {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    padding: 40px 20px;
}
.sect_map.typeC .wrapper .tab_control {
    display: flex;
    padding-bottom: 30px;
    margin: 0 -10px;
}
.sect_map.typeC .wrapper .tab_control button {
    width: 33.33%;
    height: 60px;
    font-size: 1.125rem;
    border: 1px solid #E4E4E4;
    border-radius: 3px;
    padding: 17px 0;
    margin: 0 10px;
}
.sect_map.typeC .wrapper .tab_control .btn_1 {
    background: #000;
    color: #fff;
}
.sect_map.typeC .wrapper .direction_info {
    margin: 0 auto;
    border: 1px solid #E4E4E4;
    border-radius: 3px;
    padding: 40px 40px 10px 40px;
    margin-bottom: 20px;
}
@media (max-width: 768px) {
    .sect_map.typeC .wrapper .direction_info {
        padding: 30px 20px 10px 20px;
    }
}
.sect_map.typeC .wrapper .direction_info .direction_title {
    font-size: 1.75rem;
    font-weight: 600;
}
@media (max-width: 768px) {
    .sect_map.typeC .wrapper .direction_info .direction_title {
        font-size: 1.25rem;
    }
}
.info_list {
    display: flex;
    width: 100%;
    margin-top: 16px;
    padding-bottom: 20px;
    border-bottom: 1px solid #E4E4E4;
}
@media (max-width: 768px) {
    .info_list {
        border: none;
    }
}
.info_list ul {
    display: flex;
}
@media (max-width: 1220px) {
    .info_list ul {
        display: grid;
    }
}
.info_list ul li {
    display: flex;
}
@media (max-width: 768px) {
    .info_list ul li {
        flex-direction: column;
    }
}
@media (max-width: 1220px) {
    .info_list ul li {
        margin-top: 10px;
    }
}
.info_list ul li .th {
    font-size: 1rem;
    margin-right: 10px;
    font-weight: 600;
}
@media (max-width: 768px) {
    .info_list ul li .th {
        font-size: 0.875rem;
    }
}
.info_list ul li .td {
    font-size: 1rem;
    margin-right: 30px;
}
@media (max-width: 768px) {
    .info_list ul li .td {
        font-size: 0.875rem;
        margin: 5px 0 0 0;
    }
}

.way_list {
    display: flex;
    width: 100%;
    margin-top: 16px;
}
@media (max-width: 768px) {
    .way_list {
        border-top: 1px solid #E4E4E4;
        margin-top: 20px;
        padding-top: 20px;
    }
}
.way_list ul li {
    display: flex;
    margin-bottom: 20px;
    align-items: center;
}
.way_list ul li .ico_bus {
    display: inline-block;
    position: relative;
    margin-right: 20px;
    min-width: 70px;
    min-height: 70px;
    background-image: url("/assets/images/ico/ico_bus2.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 70px;
    height: 70px;
}
.way_list ul li .ico_car {
    display: inline-block;
    position: relative;
    margin-right: 20px;
    min-width: 70px;
    min-height: 70px;
    background-image: url("/assets/images/ico/ico_car2.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 70px;
    height: 70px;
}
.way_list ul li .way_wrap {
    display: grid;
}
.way_list ul li .way_wrap .th {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 8px;
}
@media (max-width: 768px) {
    .way_list ul li .way_wrap .th {
        font-size: 0.875rem;
    }
}
.way_list ul li .way_wrap .td {
    line-height: 1.5;
}
@media (max-width: 768px) {
    .way_list ul li .way_wrap .td {
        font-size: 0.875rem;
    }
}

.sect_map.typeC .wrapper .direction_info .dir_btn {
    top: 160px;
}
.sect_map.typeC .wrapper .direction_map {
    width: 100%;
    height: 100%;
}
.sect_map.typeC .wrapper .direction_map #daumRoughmapContainer1677125429751,
.sect_map.typeC .wrapper .direction_map #daumRoughmapContainer1677131086794,
.sect_map.typeC .wrapper .direction_map #daumRoughmapContainer1677131980330 {
    width: 100% !important;
}

.sect_paging.typeA {
    margin-top: 30px;
    margin-bottom: 0;
}
@media (max-width: 768px) {
    .sect_paging.typeA {
        margin-top: 24px;
    }
}
.sect_paging.typeA .paging_ul {
    text-align: center;
    margin: 0;
    padding: 0;
    list-style: none;
}
.sect_paging.typeA .paging_ul .paging_li {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #656565;
    border: 1px solid #E4E4E4;
    background-color: #fff;
    border-radius: 0;
    vertical-align: top;
    overflow: hidden;
}
.sect_paging.typeA .paging_ul .paging_li.paging_li_active {
    color: #fff;
    background-color: #363636;
    border: 1px solid #363636;
}
.sect_paging.typeA .paging_ul .paging_li .paging_href {
    display: flex;
    width: 35px;
    height: 35px;
    padding: 10px 0px;
    color: inherit;
    font-size: 0.875rem;
    align-items: center;
    justify-content: center;
}
@media (max-width: 768px) {
    .sect_paging.typeA .paging_ul .paging_li .paging_href {
        width: 30px;
        height: 30px;
    }
}
.sect_paging.typeA .paging_ul .paging_li:not(:last-child) {
    margin-right: 10px;
}
.sect_paging.typeA .paging_ul .paging_prev:after, .sect_paging.typeA .paging_ul .paging_next:before {
    transform: rotate(-45deg);
}
.sect_paging.typeA .paging_ul .paging_prev:before, .sect_paging.typeA .paging_ul .paging_next:after {
    transform: rotate(45deg);
}
.sect_paging.typeA .paging_ul .paging_prev, .sect_paging.typeA .paging_ul .paging_next {
    border: 1px solid #CECECE;
    position: relative;
    font-size: 0;
}
.sect_paging.typeA .paging_ul .paging_prev:before, .sect_paging.typeA .paging_ul .paging_next:before {
    margin-left: -5px;
    margin-top: 2px;
}
.sect_paging.typeA .paging_ul .paging_prev:after, .sect_paging.typeA .paging_ul .paging_next:after {
    margin-left: -5px;
    margin-top: -4px;
}
.sect_paging.typeB {
    margin-top: 30px;
    margin-bottom: 0;
}
@media (max-width: 768px) {
    .sect_paging.typeB {
        margin-top: 24px;
    }
}
.sect_paging.typeB .paging_ul {
    text-align: center;
    margin: 0;
    padding: 0;
    list-style: none;
}
.sect_paging.typeB .paging_ul .paging_li {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #656565;
    border: 1px solid #E4E4E4;
    background-color: #fff;
    border-radius: 10px;
    vertical-align: top;
    overflow: hidden;
}
.sect_paging.typeB .paging_ul .paging_li.paging_li_active {
    color: #fff;
    background-color: #363636;
    border: 1px solid #363636;
}
.sect_paging.typeB .paging_ul .paging_li .paging_href {
    display: flex;
    width: 35px;
    height: 35px;
    padding: 10px 0px;
    color: inherit;
    font-size: 0.875rem;
    align-items: center;
    justify-content: center;
}
@media (max-width: 768px) {
    .sect_paging.typeB .paging_ul .paging_li .paging_href {
        width: 30px;
        height: 30px;
    }
}
.sect_paging.typeB .paging_ul .paging_li:not(:last-child) {
    margin-right: 10px;
}
.sect_paging.typeB .paging_ul .paging_prev:after, .sect_paging.typeB .paging_ul .paging_next:before {
    transform: rotate(-45deg);
}
.sect_paging.typeB .paging_ul .paging_prev:before, .sect_paging.typeB .paging_ul .paging_next:after {
    transform: rotate(45deg);
}
.sect_paging.typeB .paging_ul .paging_prev, .sect_paging.typeB .paging_ul .paging_next {
    border: 1px solid #CECECE;
    position: relative;
    font-size: 0;
}
.sect_paging.typeB .paging_ul .paging_prev:before, .sect_paging.typeB .paging_ul .paging_next:before {
    margin-left: -5px;
    margin-top: 2px;
}
.sect_paging.typeB .paging_ul .paging_prev:after, .sect_paging.typeB .paging_ul .paging_next:after {
    margin-left: -5px;
    margin-top: -4px;
}
.sect_paging.typeC {
    margin-top: 30px;
    margin-bottom: 0;
}
@media (max-width: 768px) {
    .sect_paging.typeC {
        margin-top: 24px;
    }
}
.sect_paging.typeC .paging_ul {
    text-align: center;
    margin: 0;
    padding: 0;
    list-style: none;
}
.sect_paging.typeC .paging_ul .paging_li {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 700;
    color: #656565;
    border: 1px solid #E4E4E4;
    background-color: #fff;
    border-radius: 18px;
    vertical-align: top;
    overflow: hidden;
}
@media (max-width: 768px) {
    .sect_paging.typeC .paging_ul .paging_li:nth-of-type(n + 5) {
        display: none;
    }
}
@media (max-width: 768px) {
    .sect_paging.typeC .paging_ul .paging_li:last-of-type {
        display: inline-block;
    }
}
.sect_paging.typeC .paging_ul .paging_li.paging_li_active {
    color: #fff;
    background-color: #363636;
    border: 1px solid #363636;
}
.sect_paging.typeC .paging_ul .paging_li .paging_href {
    display: flex;
    width: 35px;
    height: 35px;
    padding: 10px 0px;
    color: inherit;
    font-size: 0.875rem;
    align-items: center;
    justify-content: center;
}
@media (max-width: 768px) {
    .sect_paging.typeC .paging_ul .paging_li .paging_href {
        width: 30px;
        height: 30px;
    }
}
.sect_paging.typeC .paging_ul .paging_li:not(:last-child) {
    margin-right: 10px;
}
.sect_paging.typeC .paging_ul .paging_prev:after, .sect_paging.typeC .paging_ul .paging_next:before {
    transform: rotate(-45deg);
}
.sect_paging.typeC .paging_ul .paging_prev:before, .sect_paging.typeC .paging_ul .paging_next:after {
    transform: rotate(45deg);
}
.sect_paging.typeC .paging_ul .paging_prev, .sect_paging.typeC .paging_ul .paging_next {
    border: 1px solid #CECECE;
    position: relative;
    font-size: 0;
}
.sect_paging.typeC .paging_ul .paging_prev:before, .sect_paging.typeC .paging_ul .paging_next:before {
    margin-left: -5px;
    margin-top: 2px;
}
.sect_paging.typeC .paging_ul .paging_prev:after, .sect_paging.typeC .paging_ul .paging_next:after {
    margin-left: -5px;
    margin-top: -4px;
}

.sect_popup {
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    max-width: 400px;
    max-height: 488px;
    padding: 30px 20px;
}
.sect_popup.typeA .sch_wrap .recent_sch {
    font-size: 1rem;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
}
.sect_popup.typeA .sch_wrap .all_delete {
    font-size: 0.875rem;
    color: #888888;
}
.sect_popup.typeA .sch_wrap ul {
    padding: 20px 0 15px 0;
}
.sect_popup.typeA .sch_wrap ul li {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
    align-items: center;
}
@media (max-width: 1220px) {
    .sect_popup.typeA .sch_wrap ul li {
        font-size: 0.875rem;
    }
}
.sect_popup.typeA .sch_wrap ul .delete {
    background-image: url("/assets/images/ico/ico_delete.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.sect_popup.typeA .keyword {
    font-size: 1rem;
    font-weight: 600;
    border-top: 1px solid #E4E4E4;
    padding: 30px 0 20px 0;
}
.sect_popup.typeA .keyword_list {
    width: 100%;
}
.sect_popup.typeA .keyword_list ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.sect_popup.typeA .keyword_list ul li {
    font-size: 0.875rem;
    font-weight: 400;
    color: #757575;
    border: 1px solid #E4E4E4;
    border-radius: 20px;
    height: 35px;
    align-items: center;
    justify-content: center;
    display: flex;
    padding: 8px 15px;
    margin: 0 5px;
    margin-bottom: 10px;
}
.sect_popup.typeA .popup_close {
    width: 100%;
    font-size: 1rem;
    background: #F7F7F7;
    height: 100%;
    min-height: 50px;
    margin-top: 70px;
}

.sect_search.typeA {
    margin-bottom: 0;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.sect_search.typeA .searchBtn {
    outline: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.sect_search.typeA .searchBtn .ico_search_btn {
    background-image: url("/assets/images/ico/ico_search.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
}
.sect_search.typeA .search_top {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 270px;
    position: relative;
}
.sect_search.typeA .search_top .search_open {
    width: 780px;
    height: 55px;
    margin: 0 auto;
    display: flex;
    position: relative;
}
@media (max-width: 1220px) {
    .sect_search.typeA .search_top .search_open {
        width: 100%;
        max-width: 688px;
        height: 55px;
    }
}
@media (max-width: 768px) {
    .sect_search.typeA .search_top .search_open {
        width: 100%;
        max-width: 328px;
        height: 48px;
    }
}
.sect_search.typeA .search_top .search_open .search_txt {
    border: none;
    border-bottom: 2px solid #000;
    padding-right: 43px;
}
.sect_search.typeA .search_top .search_open .sch_btn {
    position: absolute;
    right: 6px;
    top: 50%;
    width: auto;
    height: auto;
    transform: translateY(-50%);
}
@media (max-width: 768px) {
    .sect_search.typeA .search_top .search_open .sch_btn {
        right: 4px;
        top: 35%;
    }
}
.sect_search.typeA .search_top .search_open .sch_btn .ico_search {
    outline: 0;
    display: flex;
    border: 1px solid transparent;
    border-radius: inherit;
    padding: 0;
    background: transparent;
    cursor: pointer;
    background-image: url(/assets/images/ico/ico_search.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
    background-image: url("/assets/images/ico/ico_search.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
}
.sect_search.typeA .search_top .search_open #hd_sch {
    width: 100%;
    display: flex;
    justify-content: center;
    text-align: center;
}
.sect_search.typeA .search_top .hd_sch_wr {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F6F7F9;
    min-height: 0;
    transition: 1s ease-in-out;
    height: 0;
    overflow: hidden;
}
.sect_search.typeA .search_top .search_cancel {
    position: absolute;
    z-index: 5;
    height: 40px;
    top: calc(100% + 40px);
    cursor: pointer;
}
.sect_search.typeA .search_top .search_cancel .ico_cancel {
    display: inline-block;
    background-image: url("/assets/images/ico/ico_cancel2.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 40px;
    height: 40px;
}
.sect_search.typeA .search_bottom {
    height: 100%;
    background: #000;
}

.sect_searchList.typeA .total_sch_wrap {
    position: relative;
    max-width: 1200px;
    margin: 40px auto;
    width: 100%;
    height: 100%;
    padding: 0 20px;
}
.total_sch_head_wrap .top {
    font-size: 34px;
    font-weight: 600;
}
@media (max-width: 768px) {
    .total_sch_head_wrap .top {
        font-size: 1.5rem;
    }
}
.total_sch_head_wrap .bottom {
    background: #F7F7F7;
    border-top: 1px solid #000;
    min-height: 100px;
    justify-content: center;
    display: flex;
    align-items: center;
    margin: 16px 0 50px 0;
}
@media (max-width: 768px) {
    .total_sch_head_wrap .bottom {
        margin: 15px 0 30px 0;
    }
}
.total_sch_head_wrap .bottom .bottom_txt {
    font-size: 1.125rem;
    text-align: center;
    line-height: 1.5;
}
.total_sch_head_wrap .bottom .bottom_txt br {
    display: none;
}
@media (max-width: 768px) {
    .total_sch_head_wrap .bottom .bottom_txt br {
        display: block;
    }
}
@media (max-width: 768px) {
    .total_sch_head_wrap .bottom {
        font-size: 0.875rem;
    }
}
.total_sch_head_wrap .bottom span {
    font-weight: 600;
}

.sect_searchList.typeA .total_sch_wrap .total_sch_middle_wrap {
    width: 100%;
}
.sect_searchList.typeA .total_sch_wrap .total_sch_middle_wrap ul + ul {
    margin-top: 60px;
}
@media (max-width: 768px) {
    .sect_searchList.typeA .total_sch_wrap .total_sch_middle_wrap ul + ul {
        margin-top: 30px;
    }
}
.sect_searchList.typeA .total_sch_wrap .total_sch_middle_wrap ul li + li {
    margin-top: 30px;
}
@media (max-width: 768px) {
    .sect_searchList.typeA .total_sch_wrap .total_sch_middle_wrap ul li + li {
        margin-top: 25px;
    }
}
.sch_result {
    width: 100%;
    display: flex;
    margin-bottom: 20px;
    align-items: center;
}
@media (max-width: 768px) {
    .sch_result {
        align-items: flex-start;
    }
}
.sch_result .sch_result_txt {
    font-size: 1.125rem;
    display: flex;
}
@media (max-width: 768px) {
    .sch_result .sch_result_txt {
        display: unset;
    }
}
.sch_result .sch_result_txt p {
    margin-left: 3px;
    font-size: 1.125rem;
}
@media (max-width: 768px) {
    .sch_result .sch_result_txt p {
        display: block;
        margin-top: 3px;
        margin-left: 10px;
        font-size: 0.875rem;
    }
}
@media (max-width: 768px) {
    .sch_result .sch_result_txt {
        font-size: 0.875rem;
    }
}
.sch_result .sch_result_txt br {
    display: none;
}
@media (max-width: 768px) {
    .sch_result .sch_result_txt br {
        display: block;
    }
}
.sch_result span {
    font-weight: 600;
}
.sch_result .more {
    display: flex;
    position: absolute;
    right: 2%;
    font-size: 0.875rem;
}
@media (max-width: 768px) {
    .sch_result .more {
        right: 4%;
    }
}
@media (max-width: 768px) {
    .sch_result .more a {
        font-size: 0.75rem;
    }
}

.list_category {
    background: #F7F7F7;
    border: 1px solid #E4E4E4;
    padding: 5px 15px;
    font-size: 0.875rem;
}
@media (max-width: 768px) {
    .list_category {
        padding: 5px 10px;
    }
}

.sect_searchList.typeA .total_sch_wrap .total_sch_middle_wrap .list_tit {
    font-size: 1rem;
    font-weight: 600;
    padding: 15px 0 5px 0;
}
@media (max-width: 768px) {
    .sect_searchList.typeA .total_sch_wrap .total_sch_middle_wrap .list_tit {
        font-size: 0.875rem;
    }
}
.sect_searchList.typeA .total_sch_wrap .total_sch_middle_wrap .list_cont {
    line-height: 1.5;
    font-size: 0.875rem;
}
@media (max-width: 768px) {
    .sect_searchList.typeA .total_sch_wrap .total_sch_middle_wrap .list_cont {
        font-size: 0.75rem;
    }
}
.sect_searchList.typeA .total_sch_wrap .total_sch_middle_wrap .list_tit, .sect_searchList.typeA .total_sch_wrap .total_sch_middle_wrap .list_cont {
    margin: 0 20px;
}
@media (max-width: 768px) {
    .sect_searchList.typeA .total_sch_wrap .total_sch_middle_wrap .list_tit, .sect_searchList.typeA .total_sch_wrap .total_sch_middle_wrap .list_cont {
        margin: 0 10px;
    }
}

.sect_searchList.typeB .total_sch_wrap {
    position: relative;
    max-width: 1200px;
    margin: 40px auto;
    width: 100%;
    height: 100%;
    padding: 0 20px;
}
.sect_searchList.typeB .total_sch_wrap .total_sch_middle_wrap.img {
    width: 100%;
    margin-top: 10px;
}
.sect_searchList.typeB .total_sch_wrap .total_sch_middle_wrap.img ul + ul {
    margin-top: 60px;
}
@media (max-width: 768px) {
    .sect_searchList.typeB .total_sch_wrap .total_sch_middle_wrap.img ul + ul {
        margin-top: 40px;
    }
}
.sect_searchList.typeB .total_sch_wrap .total_sch_middle_wrap.img ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    margin-top: 20px;
}
.sect_searchList.typeB .total_sch_wrap .total_sch_middle_wrap.img ul li {
    width: 25%;
    padding: 0 10px;
    padding-bottom: 40px;
}
@media (max-width: 1220px) {
    .sect_searchList.typeB .total_sch_wrap .total_sch_middle_wrap.img ul li {
        width: 50%;
    }
}
@media (max-width: 768px) {
    .sect_searchList.typeB .total_sch_wrap .total_sch_middle_wrap.img ul li {
        padding-bottom: 20px;
    }
}
.sect_searchList.typeB .total_sch_wrap .total_sch_middle_wrap.img ul li .list_img_list img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 3px;
}
.sect_searchList.typeB .total_sch_wrap .total_sch_middle_wrap.img ul li .list_img_list .list_title {
    font-size: 1rem;
    margin: 15px 0 10px 0;
}
@media (max-width: 768px) {
    .sect_searchList.typeB .total_sch_wrap .total_sch_middle_wrap.img ul li .list_img_list .list_title {
        margin: 10px 0 5px 0;
    }
}
.sect_searchList.typeB .total_sch_wrap .total_sch_middle_wrap.img ul li .list_img_list .list_date {
    font-size: 0.875rem;
    color: #888888;
}
.sect_searchList.typeB .total_sch_wrap .total_sch_middle_wrap.img .list_tit {
    font-size: 1rem;
    font-weight: 600;
    padding: 15px 0 5px 0;
}
@media (max-width: 768px) {
    .sect_searchList.typeB .total_sch_wrap .total_sch_middle_wrap.img .list_tit {
        font-size: 0.875rem;
    }
}
.sect_searchList.typeB .total_sch_wrap .total_sch_middle_wrap.img .list_cont {
    line-height: 1.5;
    font-size: 0.875rem;
}
@media (max-width: 768px) {
    .sect_searchList.typeB .total_sch_wrap .total_sch_middle_wrap.img .list_cont {
        font-size: 0.75rem;
    }
}
.sect_searchList.typeB .total_sch_wrap .total_sch_middle_wrap.img .list_tit, .sect_searchList.typeB .total_sch_wrap .total_sch_middle_wrap.img .list_cont {
    margin: 0 20px;
}
@media (max-width: 768px) {
    .sect_searchList.typeB .total_sch_wrap .total_sch_middle_wrap.img .list_tit, .sect_searchList.typeB .total_sch_wrap .total_sch_middle_wrap.img .list_cont {
        margin: 0 10px;
    }
}

.sect_form input[type=text], .sect_form input[type=password], .sect_form input[type=email], .sect_form input[type=tel], .sect_form input[type=url], .sect_form input[type=date], .sect_form input[type=datetime-local], .sect_form input[type=time], .sect_form input[type=number], .sect_form select, .sect_form textarea {
    color: #232323 !important;
    height: 60px;
}
.sect_form input[type=checkbox] + label, .sect_form input[type=radio] + label {
    cursor: pointer;
}
.sect_form.typeA {
    background-color: #F7F7F7;
}
.sect_form.typeA .inner {
    max-width: 1220px;
    width: 100%;
    margin: 0 auto;
    padding: 50px 20px;
}
.register-info--box .register-info--tit {
    padding: 10px 20px;
    background: #292929;
    border-radius: 5px;
}
.register-info--box .register-info--tit h3 {
    color: #fff;
    font-size: 18px;
    display: inline-flex;
    align-items: center;
}
.register-info--box .register-info--tit h3 span {
    font-size: 12px;
    color: #BABABA;
    margin-left: 13px;
}
.register-info--box .register-info--cont {
    margin-top: 30px;
}
.register-info--list {
    padding-bottom: 50px;
}
.register-info--list .input-tit {
    margin-bottom: 20px;
    font-size: 16px;
}
.register-info--list .input-tit .required {
    color: #FC4B3C;
}
.register-info--list .input-tit span {
    font-size: 12px;
    font-weight: 500;
    color: #292929;
    margin-left: 5px;
}
.register-info--list .input-tit .ico-left i {
    margin-right: 5px;
}
.register-info--list .input-tit .ico__eye {
    width: 20px;
    height: 18px;
    background-image: url(/assets/images/user/register/ico_eye.svg);
}
.register-info--list .input-wrap {
    position: relative;
}
.register-info--list .input-wrap input {
    border-color: #D0D0D0;
    font-weight: 400;
}
.register-info--list .register-attach {
    display: flex;
    flex-wrap: nowrap;
    margin-top: 20px;
    overflow: hidden;
    overflow-x: auto;
}
.register-info--list .register-attach > li {
    width: 173px;
    flex: 0 0 auto;
}
.register-info--list .register-attach > li .attach-add__btn {
    padding-bottom: 100%;
    border-radius: 5px;
    position: relative;
    border: 1px dashed #BABABA;
    background: #fff;
}
.register-info--list .register-attach > li .attach-add__btn input {
    display: none;
}
.register-info--list .register-attach > li .attach-add__btn .attach-add {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.register-info--list .register-attach > li .attach-add__btn .attach-add p {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 38px;
    font-weight: 300;
    color: #757575;
    padding-bottom: 10px;
}
.register-info--list .register-attach > li .attach-add__btn .attach-add p span {
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
}
.register-info--list .register-attach > li .register-attach__wrap .material-img {
    padding-bottom: 100%;
    border-radius: 5px;
    position: relative;
    height: 0;
    overflow: hidden;
}
.register-info--list .register-attach > li .register-attach__wrap .material-img > img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
}
.register-info--list .register-attach > li .register-attach__wrap .material-img .attach-del {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 34px;
    height: 34px;
    z-index: 1;
}
.register-info--list .register-attach > li .register-attach__wrap .material-img:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
}
.register-info--list .register-info--list .input-tit {
    margin-bottom: 20px;
    font-size: 16px;
}
.register-info--list .check-box_wrap .check-box input[type=checkbox] + label {
    font-size: 16px;
    font-weight: 400;
    color: #232323;
    background: transparent;
}
.register-info--list .check-box_wrap .check-box input[type=checkbox]:checked + label::before {
    background: no-repeat url(/assets/images/user/register/check_active.svg) 50%;
}
.register-info--list .check-box_wrap .check-box input[type=radio] + label::before, .register-info--list .check-box_wrap .check-box input[type=checkbox] + label::before {
    width: 25px;
    height: 25px;
    border-width: 2px;
    background-color: #fff;
    margin-right: 8px;
}
.register-info--list .check-box_wrap .check-box input[type=radio]:checked + label::before {
    background: no-repeat url(/assets/images/user/register/check-cir_active.svg) 50%;
}
.register-info--list .check-box_wrap .check-box span {
    font-size: 1rem;
}
.register-info--list .check-box_wrap .check-box:not(:last-child) {
    margin-right: 20px;
}
.register-info--list .input-row .input-wrap {
    position: relative;
    display: flex;
    align-items: center;
}
.register-info--list .input-row .input-wrap input {
    border-color: #D0D0D0;
    font-weight: 400;
    height: 60px;
    border: 1px solid #E4E4E4;
    font-size: 16px;
}
.register-info--list .input-row .input-wrap .countCheck {
    height: 60px;
    border: 1px solid #E4E4E4;
    font-size: 16px;
    border-radius: 5px;
}
.register-info--list .input-row .input-wrap .countCheck2 {
    height: 60px;
    border: 1px solid #E4E4E4;
    font-size: 16px;
    border-radius: 5px;
    padding: 20px;
    padding-right: 75px;
    min-height: 100px;
}
.register-info--list .input-row .input-wrap .textarea_count, .register-info--list .input-row .input-wrap .textarea_count2 {
    top: 30%;
    bottom: 15px;
    position: absolute;
    right: 15px;
    font-size: 16px;
    color: #BABABA;
    font-weight: 400;
}
.register-info--list .input-row .input-wrap .btn_inner {
    min-width: 100px;
    width: 100px;
    height: 60px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 500;
    padding: 0 10px;
    background: #292929;
    color: #fff;
}
.register-info--list .input-row .input-wrap.address__post input, .register-info--list .input-row .input-wrap.address__detail input:not(:last-child) {
    max-width: 100%;
    height: 60px;
    margin-bottom: 0;
}
.register-info--list .input-row .btn.attach__btn {
    min-width: 60px;
    width: 60px;
    height: 60px;
    margin-left: 20px;
    border-radius: 5px;
    font-size: 30px;
    font-weight: 500;
    background: #292929;
    color: #fff;
}
.register-info--list .input-row .btn.attach__btn .attach__input {
    height: 60px !important;
    width: 60px !important;
    cursor: pointer;
}

.register-info--box .register-info--cont .register-info--list.flex, .register-info--box .register-info--cont footer .register-info--list.ft-info__txt, footer .register-info--box .register-info--cont .register-info--list.ft-info__txt, .register-info--box .register-info--cont .useInfo-tit ul.register-info--list, .useInfo-tit .register-info--box .register-info--cont ul.register-info--list, .register-info--box .register-info--cont .register-info--list.useInfo-top__box, .register-info--box .register-info--cont .register-info--list.bbsBar-sch, .register-info--box .register-info--cont .register-info--list.rsvInfo-box, .register-info--box .register-info--cont .register-info--list.rsvInfo-list, .register-info--box .register-info--cont .register-info--list.tree-btn-wrap {
    display: flex;
}
.register-info--box .register-info--cont .register-info--list.flex > div, .register-info--box .register-info--cont footer .register-info--list.ft-info__txt > div, footer .register-info--box .register-info--cont .register-info--list.ft-info__txt > div, .register-info--box .register-info--cont .useInfo-tit ul.register-info--list > div, .useInfo-tit .register-info--box .register-info--cont ul.register-info--list > div, .register-info--box .register-info--cont .register-info--list.useInfo-top__box > div, .register-info--box .register-info--cont .register-info--list.bbsBar-sch > div, .register-info--box .register-info--cont .register-info--list.rsvInfo-box > div, .register-info--box .register-info--cont .register-info--list.rsvInfo-list > div, .register-info--box .register-info--cont .register-info--list.tree-btn-wrap > div {
    width: 50%;
}
.register-info--box .register-info--cont .register-info--list.flex > div:not(:last-child), .register-info--box .register-info--cont footer .register-info--list.ft-info__txt > div:not(:last-child), footer .register-info--box .register-info--cont .register-info--list.ft-info__txt > div:not(:last-child), .register-info--box .register-info--cont .useInfo-tit ul.register-info--list > div:not(:last-child), .useInfo-tit .register-info--box .register-info--cont ul.register-info--list > div:not(:last-child), .register-info--box .register-info--cont .register-info--list.useInfo-top__box > div:not(:last-child), .register-info--box .register-info--cont .register-info--list.bbsBar-sch > div:not(:last-child), .register-info--box .register-info--cont .register-info--list.rsvInfo-box > div:not(:last-child), .register-info--box .register-info--cont .register-info--list.rsvInfo-list > div:not(:last-child), .register-info--box .register-info--cont .register-info--list.tree-btn-wrap > div:not(:last-child) {
    margin-right: 20px;
}
.register-info--box .register-info--cont input[readonly] {
    background-color: #fff !important;
}
.register-info--box .register-info--cont .register-manager--tit {
    font-size: 20px;
    margin-bottom: 30px;
}
.register-info--box .register-info--cont .register-manager--tit .btn {
    min-width: 32px;
    width: 32px;
    height: 32px;
    font-size: 20px;
    margin-left: 20px;
    border-radius: 5px;
    background: #292929;
    color: #fff;
}
.register-info--box .register-info--cont .register-manager--tit .btn.btn_del {
    border: 1px solid #000;
    background-color: #fff;
}
.register-info--box .register-info--cont .register-manager--tit .btn.btn_del span {
    color: #000;
}

.sect_form.typeA .inner .register-info .register-info--btn {
    display: -webkit-flex;
    justify-content: right;
    padding-top: 50px;
    border-top: 1px solid #E4E4E4;
    width: 100%;
}
.sect_form.typeA .inner .register-info .register-info--btn .btn_register-cancel {
    background-color: #fff;
    width: 173px;
    height: 50px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #e4e4e4;
    margin-right: 28px;
}
.sect_form.typeA .inner .register-info .register-info--btn .btn_register {
    width: 173px;
    height: 50px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
    background: #292929;
    color: #D0FD5C;
}


/* join */
.mypage-a {
    margin-top: 120px;
}
@media (max-width: 1220px) {
    .mypage-a .header-mypage-a .member-hist {
        margin-top: 40px;
    }
}
@media (max-width: 768px) {
    .mypage-a .header-mypage-a .member-hist {
        margin-top: 30px;
    }
}
.mypage-a .tab-link-02 {
    margin-top: 55px;
    margin-bottom: 35px;
}
@media (max-width: 1220px) {
    .mypage-a .tab-link-02 {
        margin-top: 25px;
        margin-bottom: 30px;
    }
}
@media (max-width: 768px) {
    .mypage-a .tab-link-02 {
        margin-top: 15px;
        margin-bottom: 30px;
    }
}
.mypage-a .list-input-a ul {
    padding: 40px 45px;
}
@media (max-width: 768px) {
    .mypage-a .list-input-a ul {
        padding: 20px 10px;
    }
}
.mypage-a .list-input-a .btn-wrap {
    margin-top: 70px;
}

.header-mypage-a {
    background-color: #F7F7F7;
    padding: 70px 0 50px;
}
@media (max-width: 1220px) {
    .header-mypage-a {
        padding: 40px 0;
    }
}
@media (max-width: 768px) {
    .header-mypage-a {
        padding: 25px 0 35px;
    }
}
.header-mypage-a .inner {
    width: 100%;
    max-width: 1180px;
    padding: 0 10px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
@media (max-width: 1220px) {
    .header-mypage-a .inner {
        flex-direction: column;
    }
}
.header-mypage-a .member-info .txt {
    margin-left: 20px;
}
.member-info {
    display: flex;
    align-items: center;
}
.member-img {
    width: 80px;
    height: 80px;
    position: relative;
}
@media (max-width: 768px) {
    .member-img {
        width: 70px;
        height: 70px;
    }
}
.member-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 1px solid #E4E4E4;
    border-radius: 50%;
    overflow: hidden;
}
.member-img .ico-img-edit {
    background-image: url("/assets/images/ico/ico_img_edit.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0;
    bottom: 0;
}
@media (max-width: 768px) {
    .member-img .ico-img-edit {
        width: 35px;
        height: 35px;
    }
}

.member-info .txt .member-id {
    font-size: 1.875rem;
    font-weight: 700;
}
@media (max-width: 768px) {
    .member-info .txt .member-id {
        font-size: 1.375rem;
    }
}
.member-data {
    display: flex;
    margin-top: 10px;
}
.member-data ul {
    display: flex;
    align-items: center;
}
.member-data ul li {
    display: flex;
    align-items: center;
}
.member-data ul li .th {
    font-weight: 400;
}
@media (max-width: 768px) {
    .member-data ul li .th {
        font-size: 0.875rem;
    }
}
.member-data ul li .td {
    font-weight: 700;
}
@media (max-width: 768px) {
    .member-data ul li .td {
        font-size: 0.875rem;
    }
}
.member-data ul li + li {
    margin-left: 15px;
}

.member-hist {
    width: 100%;
    height: 100%;
    max-width: 580px;
}
@media (max-width: 1220px) {
    .member-hist {
        max-width: 100%;
    }
}
.member-hist ul {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    margin: -10px;
}
@media (max-width: 768px) {
    .member-hist ul {
        margin: 0;
    }
}
.member-hist ul li {
    width: 50%;
    height: 100%;
    padding: 10px;
}
@media (max-width: 768px) {
    .member-hist ul li {
        width: 100%;
        padding: 0;
    }
}
.member-hist ul li .content {
    background-color: #fff;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    min-height: 75px;
    padding: 25px 30px;
    font-size: 1.125rem;
}
@media (max-width: 768px) {
    .member-hist ul li .content {
        min-height: 60px;
        padding: 15px 25px;
    }
}
.member-hist ul li .content .th {
    color: #757575;
    font-weight: 400;
}
@media (max-width: 768px) {
    .member-hist ul li .content .th {
        font-size: 1rem;
    }
}
.member-hist ul li .content .td {
    color: #000000;
    font-weight: 700;
}
@media (max-width: 768px) {
    .member-hist ul li .content .td {
        font-size: 1rem;
    }
}
@media (max-width: 768px) {
    .member-hist ul li + li {
        margin-top: 10px;
    }
}

.mypage-b .inner.flex, .mypage-b footer .inner.ft-info__txt, footer .mypage-b .inner.ft-info__txt, .mypage-b .useInfo-tit ul.inner, .useInfo-tit .mypage-b ul.inner, .mypage-b .inner.useInfo-top__box, .mypage-b .inner.bbsBar-sch, .mypage-b .inner.rsvInfo-box, .mypage-b .inner.rsvInfo-list, .mypage-b .inner.tree-btn-wrap {
    align-items: flex-start;
}
.mypage-b .mypage-tit {
    padding: 30px 0 10px;
    border-bottom: 1px solid #000;
}
.mypage-b .mypage-tit h3 {
    font-size: 16px;
}
.mypage-b .mypage-aside {
    width: 250px;
    flex: none;
    border: 1px solid #4B3329;
    border-radius: 10px;
    padding: 0 20px;
}
@media (max-width: 1420px) {
    .mypage-b .mypage-aside {
        display: none;
    }
}
.mypage-b .mypage-aside__hd h2 {
    padding: 20px 0 18px;
    text-align: center;
    font-size: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.mypage-b .mypage-aside__bd > ul > li {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
    height: 80px;
}
.mypage-b .mypage-aside__bd > ul > li.active .btn {
    background-color: #FAF5F0;
    color: #000;
    text-decoration: underline;
}
.mypage-b .mypage-aside__bd > ul > li:not(:last-child) {
    border-bottom: 1px solid #E4E4E4;
}
.mypage-b .mypage-aside__bd .btn {
    display: block;
    padding: 10px;
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    color: #757575;
    border-radius: 10px;
}
.mypage-b .mypage-aside__bd .btn.logout-btn {
    text-decoration: underline;
}
.mypage-b .mypage-sub {
    padding-left: 40px;
    flex: 1;
}
@media (max-width: 1420px) {
    .mypage-b .mypage-sub {
        width: 100%;
        padding-left: 0;
    }
}
.mypage-b .mypage-info {
    min-height: 130px;
    background-color: #FAF5F0;
    border-radius: 10px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 41px 50px;
    justify-content: space-between;
    flex-wrap: wrap;
}
.mypage-b .mypage-info__tit {
    font-size: 20px;
}
.mypage-b .mypage-info__tit p {
    font-size: 14px;
    margin-bottom: 5px;
}
.mypage-b .mypage .aply-status {
    border: 1px solid #F7EBCA;
    border-radius: 10px;
    overflow: hidden;
    width: 430px;
}
.mypage-b .mypage .aply-status__tit {
    background-color: rgba(235, 206, 124, 0.4);
    text-align: center;
    font-size: 12px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
}
.mypage-b .mypage .aply-status__list {
    display: flex;
    padding: 23px 20px;
    background-color: #fff;
}
.mypage-b .mypage .aply-status__list > li {
    width: 33.3333%;
    text-align: center;
    position: relative;
}
.mypage-b .mypage .aply-status__list > li:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 1px;
    height: 37px;
    background: #E4E4E4;
}
.mypage-b .mypage .aply-status__list .tit {
    font-size: 14px;
    margin-bottom: 9px;
}
.mypage-b .mypage .aply-status__list .cont {
    font-size: 24px;
}
.mypage-b .mypage-cont .login-wrapper {
    margin-top: 30px;
}
.mypage-b .mypage-cont .join-a .join_wrap {
    max-width: 100%;
    padding: 0;
}
.mypage-b .mypage-cont .list-input-a .header-input {
    background: transparent;
    border-radius: 0;
    padding: 0;
    padding-bottom: 16px;
    min-height: auto;
    border-bottom: 1px solid #000;
}
.mypage-b .mypage-cont .list-input-a .header-input .tit {
    font-size: 16px;
    color: #000;
}
.mypage-b .mypage-cont .list-input-a ul {
    padding: 52px 0;
    max-width: 688px;
    width: 100%;
    margin: 0 auto;
    border: 0;
}
@media (max-width: 768px) {
    .mypage-b .mypage-cont .list-input-a ul {
        padding-top: 20px;
    }
}
.mypage-b .mypage-cont .btn-wrap {
    max-width: 780px;
    width: 100%;
    margin: 0 auto;
}
@media (max-width: 1420px) {
    .mypage-b .sns .input-wrap {
        display: block;
    }
}
.mypage-b .sns-btn {
    width: 220px;
    height: 50px;
    border-radius: 10px;
    color: #000;
    font-weight: 500;
}
@media (max-width: 1420px) {
    .mypage-b .sns-btn {
        width: 100%;
    }
    .mypage-b .sns-btn:not(:last-child) {
        margin-bottom: 10px;
    }
}
.mypage-b .sns-btn__img {
    flex: 1;
}
@media (max-width: 1420px) {
    .mypage-b .sns-btn__img {
        justify-content: left;
        padding: 0 14px;
    }
}
.mypage-b .sns-btn__img i {
    background-size: contain;
}
.mypage-b .sns-btn.kakao {
    background: #FAE132;
    border: 1px solid #FAE132;
}
.mypage-b .sns-btn.kakao .sns-btn__img i {
    margin-right: 7px;
}
.mypage-b .sns-btn.naver {
    background: #24C730;
    border: 1px solid #24C730;
    color: #fff;
}
.mypage-b .sns-btn.google {
    border: 1px solid #E4E4E4;
}
.mypage-b .sns-btn.google .btn {
    border-left: 1px solid #E4E4E4;
}
.mypage-b .sns-btn .btn {
    width: 100px;
    height: 100%;
    background: #000;
    color: #fff;
    border-radius: 0 10px 10px 0;
}
.mypage-b .sns-btn .btn:not(.unlink) {
    width: 102px;
    height: calc(100% + 2px);
    margin: -1px;
}
.mypage-b .sns-btn .btn.unlink {
    background: #fff;
    color: #A5A5A5;
}
.mypage-b .input-label .btn {
    text-decoration: underline;
    font-size: 14px;
    color: #757575;
}
.mypage-b .btn-withdraw {
    text-align: center;
    font-size: 14px;
    color: #757575;
    text-decoration: underline;
}
.mypage-b.mypage-withdraw .info-box {
    padding: 28px 20px;
}
.mypage-b.mypage-withdraw .subTit {
    margin-top: 40px;
    text-align: center;
    font-size: 24px;
    color: #4B3329;
}
@media (max-width: 768px) {
    .mypage-b.mypage-withdraw .subTit {
        font-size: 20px;
        line-height: 1.5;
    }
}
.mypage-b.mypage-withdraw .list-input-a ul {
    border: 0;
    padding: 40px 0 80px;
}
@media (max-width: 768px) {
    .mypage-b.mypage-withdraw .list-input-a ul {
        padding: 30px 0 15px;
    }
}
.mypage-b.mypage-withdraw .input-hint {
    line-height: 2;
}
@media (max-width: 768px) {
    .mypage-b.mypage-withdraw input.check-style-01 ~ label {
        justify-content: center;
        text-align: center;
        align-items: flex-start;
        line-height: 1.6;
    }
}
.mypage-b.mypage-bbs .mypage-tit {
    border-bottom: 0;
}
.mypage-b.mypage-bbs .bbsTable {
    margin-top: 0;
}
@media (max-width: 1420px) {
    .mypage-b.mypage-bbs .bbsTable table, .mypage-b.mypage-bbs .bbsTable thead, .mypage-b.mypage-bbs .bbsTable tbody, .mypage-b.mypage-bbs .bbsTable tr {
        display: block;
    }
    .mypage-b.mypage-bbs .bbsTable table {
        border-top: 1px solid #4B3329;
        border-bottom: 1px solid #4B3329;
    }
    .mypage-b.mypage-bbs .bbsTable thead {
        display: none;
    }
    .mypage-b.mypage-bbs .bbsTable tr {
        position: relative;
        padding: 55px 18px 20px;
    }
    .mypage-b.mypage-bbs .bbsTable tr:not(:last-child) {
        border-bottom: 1px solid #e4e4e4;
    }
    .mypage-b.mypage-bbs .bbsTable tr:hover {
        background: #FAF5F0;
    }
    .mypage-b.mypage-bbs .bbsTable tr:hover td {
        background: transparent;
    }
}
@media (max-width: 1420px) and (max-width: 768px) {
    .mypage-b.mypage-bbs .bbsTable tr {
        padding: 55px 10px 20px;
    }
}
@media (max-width: 1420px) {
    .mypage-b.mypage-bbs .bbsTable td {
        display: flex;
        border: 0;
        text-align: left;
        height: auto;
        padding: 5px 0;
        font-size: 18px;
        font-weight: 700;
    }
}
@media (max-width: 1420px) and (max-width: 768px) {
    .mypage-b.mypage-bbs .bbsTable td {
        font-size: 16px;
        margin: 0;
        color: #000;
    }
}
@media (max-width: 1420px) {
    .mypage-b.mypage-bbs .bbsTable td::before {
        margin-right: 3px;
        font-weight: 400;
    }
}
@media (max-width: 1420px) and (max-width: 768px) {
    .mypage-b.mypage-bbs .bbsTable td::before {
        font-size: 16px;
    }
}
@media (max-width: 1420px) {
    .mypage-b.mypage-bbs .bbsTable .td-num {
        display: none;
    }
    .mypage-b.mypage-bbs .bbsTable .td-state {
        position: absolute;
        width: 100%;
        top: 20px;
        left: 18px;
        padding: 0;
        font-size: 16px;
    }
}
@media (max-width: 1420px) and (max-width: 768px) {
    .mypage-b.mypage-bbs .bbsTable .td-state {
        left: 10px;
    }
}
@media (max-width: 1420px) {
    .mypage-b.mypage-bbs .bbsTable .td-etc {
        position: absolute;
        top: 20px;
        right: 20px;
        width: 120px;
        height: calc(100% - 40px);
        padding: 0;
    }
    .mypage-b.mypage-bbs .bbsTable .td-etc .btn {
        width: 100%;
        height: 100%;
    }
}
@media (max-width: 1420px) and (max-width: 768px) {
    .mypage-b.mypage-bbs .bbsTable .td-etc {
        position: static;
        margin-top: 10px;
        width: 100%;
        height: 32px;
    }
}
@media (max-width: 1420px) {
    .mypage-b.mypage-bbs .bbsTable .td-category::before {
        content: "항   목 :";
    }
}
@media (max-width: 1420px) {
    .mypage-b.mypage-bbs .bbsTable .td-rsvDate::before {
        content: "예약일자 :";
    }
}
@media (max-width: 1420px) {
    .mypage-b.mypage-bbs .bbsTable .td-aplyDate::before {
        content: "신청일자 : ";
    }
}
@media (max-width: 1420px) {
    .mypage-b.mypage-bbs .bbsTable .td-payDate::before {
        content: "결제일자 : ";
    }
}
.mypage-b.mypage-bbs .bbsTable .subj-wrap {
    display: block;
    padding-right: 0;
    text-align: center;
}
@media (max-width: 1420px) {
    .mypage-b.mypage-bbs .bbsTable .subj-wrap {
        text-align: left;
    }
}
@media (max-width: 1420px) {
    .mypage-b.mypage-bbs .bbsTable tr::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 2px;
        height: 100%;
        background: #4B3329;
        display: none;
    }
}
@media (max-width: 1420px) {
    .mypage-b.mypage-bbs .bbsTable tr:hover::before {
        display: block;
    }
}
.mypage-b.mypage-bbs .bbsTable tr:hover td:first-child::before {
    background: #4B3329;
}
.mypage-b.mypage-bbs .bbsTable tr:hover td:not(.td-etc) {
    text-decoration: underline;
}
@media (max-width: 1420px) {
    .mypage-b.mypage-bbs .bbsTable tr:hover td:not(.td-etc) {
        text-decoration: inherit;
    }
}
.mypage-b.mypage-bbs .bbsTable tr:hover td .subj-wrap {
    text-decoration: inherit;
}
.mypage-b.mypage-bbs .bbsTable td .btn {
    min-width: 99px;
    height: 30px;
    border-radius: 15px;
    font-size: 16px;
    font-weight: 700;
}
@media (max-width: 1420px) {
    .mypage-b.mypage-bbs .bbsTable td .btn {
        border-radius: 10px;
    }
}
@media (max-width: 768px) {
    .mypage-b.mypage-bbs .bbsTable td .btn {
        border-radius: 30px;
    }
}
.mypage-b.mypage-bbs .bbsTable td .btn:disabled {
    background-color: #D0D0D0 !important;
    color: #757575 !important;
}
.mypage-b.mypage-bbs .bbsTable .td-state.cancel {
    color: #AFAFAF;
}
.mypage-b.mypage-bbs .bbsTable .td-state.complete {
    color: #757575;
}

.join-a.find-id .join_wrap {
    max-width: 660px;
    padding: 0 20px;
}
.join-a .join_wrap {
    /*min-height: 100vh;*/
    max-width: 820px;
    padding: 0 20px;
    margin: 0 auto;
    /*.btn-wrap {margin-top: 50px;}*/
}
@media (max-width: 768px) {
    .join-a .join_wrap {
        max-width: 100%;
        padding: 0;
    }
}
.join-a .join_wrap .join-header {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 15px;
    border-bottom: 1px solid #E4E4E4;
}
.join-a .join_wrap .join-header .tit {
    font-size: 2.125rem;
    color: #4B3329;
    font-weight: 700;
}
@media (max-width: 768px) {
    .join-a .join_wrap .join-header .tit {
        font-size: 1.5rem;
    }
}
.join-a .join_wrap .list-step-a {
    padding: 40px 0;
}
.join-a .join_wrap .btn-wrap {
    margin-top: 40px;
}
@media (max-width: 768px) {
    .join-a .join_wrap .btn-wrap {
        margin-top: 30px;
    }
}
.join-a.find .list-input-a {
    margin-top: 40px;
}
@media (max-width: 768px) {
    .join-a.find .list-input-a {
        margin-top: 30px;
    }
}
.join-a.find .join-finish {
    margin: 0;
    padding: 35px 0 60px;
    border: 1px solid #F7F7F7;
}

.join-b .join_wrap {
    max-width: 450px;
    padding: 0 15px;
    margin: 0 auto;
}
.join-b .join_wrap .join-header {
    border-bottom: 1px solid #000000;
    padding-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.join-b .join_wrap .join-header .tit {
    font-size: 2.125rem;
}
.join-b .join_wrap .btn-wrap {
    margin-top: 25px;
}
.join-b .join_wrap .list-input-b {
    margin-top: 40px;
}
.join-b .join_wrap .list-input-b .btn-wrap {
    margin-top: 40px;
}
@media (max-width: 768px) {
    .join-b .join_wrap .list-input-b .btn-wrap {
        margin-top: 30px;
    }
}
.join-b .join_wrap .join-finish {
    margin: 160px 0;
}
.join-b .tab-link-01 {
    margin-top: 30px;
}
.join-b.find .list-input-b {
    margin-top: 30px;
}

.sfchkra {
    margin: 0;
}
.sfchkra span {
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    margin-left: 10px;
}
.sfchkra .color-2 > input:checked + label i:after {
    background-color: #333333;
    border-width: 3px;
    border-radius: 6px;
}
.sfchkra .color-2 > input + label i {
    border-color: #333333;
}
.sfchkra .size-3 input + label i {
    width: 24px;
    height: 24px;
}

.joinagree_cnt_wr ul li.join_li.joinagree {
    cursor: pointer;
}
.joinagree_cnt_wr ul li.join_li.joinagree + li {
    margin-top: 35px;
}
.joinagree_cnt_wr ul li.join_li.joinagree .tab {
    width: 100%;
    height: 80px;
    display: flex;
    align-items: center;
    text-align: left;
    padding: 0 30px;
    color: #4B3329;
    position: relative;
    background-color: #FAF5F0;
    border: 1px solid #F0EADE;
    border-radius: 10px;
    cursor: pointer;
}
@media (max-width: 768px) {
    .joinagree_cnt_wr ul li.join_li.joinagree .tab {
        padding: 0 20px;
    }
}
.active_btn {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 70px;
    height: 100%;
}
.active_btn .sfbtn_wr {
    font-size: 0;
}
.active_btn::before, .active_btn::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 13px;
    background: #000;
    right: 30px;
    top: 50%;
    display: block;
    transition: all 0.3s;
    cursor: pointer;
}
.active_btn::before {
    transform: rotate(45deg);
    margin-top: -4px;
}
.active_btn::after {
    margin-top: 4px;
    transform: rotate(-45deg);
}
.tab.active > .active_btn::before {
    transform: rotate(-45deg);
}

.tab.active > .active_btn::after {
    transform: rotate(45deg);
}

.tab.active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.active_btn .sfbtn_wr {
    font-size: 0 !important;
}

.joinagree_cnt_wr ul li.join_li.joinagree .tab span {
    font-size: 22px;
    font-weight: bold;
}
@media (max-width: 768px) {
    .joinagree_cnt_wr ul li.join_li.joinagree .tab span {
        font-size: 20px;
    }
}
.joinagree_cnt_wr ul li.join_li.joinagree .tab span.title_cnt {
    font-weight: 400;
}
.joinagree_cnt_wr ul li.join_li.joinagree .join_cnt_wr {
    display: none;
}
.join_box_cnt {
    background: #ffffff;
    border: 1px solid #e4e4e4;
    border-top-width: 0;
    box-sizing: border-box;
    position: relative;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size: 12px;
    font-weight: 400;
    background: transparent;
    color: #535353;
    padding-top: 20px;
    padding-bottom: 20px;
}
.join_box_cnt .join_box_wr {
    overflow-y: scroll;
    padding: 20px;
    max-height: 420px;
    overflow: auto;
    margin-right: 8px;
    padding-top: 0;
    cursor: text;
}
.join_box_cnt .join_box_wr::-webkit-scrollbar {
    width: 4px;
    background-color: transparent;
}
.join_box_cnt .join_box_wr::-webkit-scrollbar-track {
    background: transparent;
}
.join_box_cnt .join_box_wr::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #ADADAD;
}
.join_box_cnt .join_box_wr span {
    font-size: 12px;
    color: #333333;
    font-weight: 400;
    line-height: 1.7;
    display: block;
}
.join_box_cnt .join_box_wr img {
    width: 100%;
}
.join_box_cnt .join_box_wr .sfchkra span {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    margin-left: 10px;
}
.join_box_cnt .modal_cont_ table {
    width: 100%;
    border-bottom: 1px solid #a2a2a2;
    text-align: center;
    line-height: 1.6em;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    border-color: grey;
}
.join_box_cnt .modal_cont_ table th, .join_box_cnt .modal_cont_ table td {
    padding: 10px;
    border: 1px solid #dadde0;
    border-width: 1px 1px 0 1px;
    font-size: 15px;
    word-break: break-all;
    padding: 5px;
    font-size: 13px;
}
.join_box_cnt .modal_cont_ table th:first-child,
.join_box_cnt .modal_cont_ table td:first-child {
    border-left: none;
}
.join_box_cnt .modal_cont_ table th:last-child,
.join_box_cnt .modal_cont_ table td:last-child {
    border-right: none;
}

.joinagree_cnt_wr ul li.join_li.joinagree .join_set {
    padding-top: 15px;
}
@media (max-width: 768px) {
    .joinagree_cnt_wr ul li.join_li.joinagree .join_set p {
        font-size: 14px;
    }
}
.joinagree_cnt_wr ul li.join_li.joinagree .join_set .sfchkra {
    margin: 0;
}
.joinagree_cnt_wr ul li.join_li.joinagree .join_set .sfchkra span {
    font-size: 18px;
    font-weight: 400;
}
@media (max-width: 1420px) {
    .joinagree_cnt_wr ul li.join_li.joinagree .join_set .sfchkra span {
        font-size: 16px;
    }
}
.joinagree_cnt_wr ul input.check-style-01 ~ label::before {
    border-color: #4B3329;
}
.joinagree_cnt_wr ul input.check-style-01 ~ label::after {
    background: #4B3329;
}

.list-agree-b ul li {
    transition: 1s;
}
.list-agree-b ul li .tab {
    position: relative;
    padding: 25px 0;
    cursor: pointer;
}
.list-agree-b ul li .tab .input-wrap label {
    font-size: 1.125rem;
    font-weight: 400;
    display: inline-flex;
}
@media (max-width: 768px) {
    .list-agree-b ul li .tab .input-wrap label {
        font-size: 1rem;
    }
}
.list-agree-b ul li .tab .active_btn::before, .list-agree-b ul li .tab .active_btn::after {
    width: 6px;
    right: 10px;
}
.list-agree-b ul li .tab .active_btn::after {
    margin-right: -1px;
}
.list-agree-b ul li .content {
    display: none;
}
.list-agree-b ul li .content .join_box_cnt {
    border-radius: 3px;
}
.list-agree-b ul li + li {
    border-top: 1px solid #E4E4E4;
    transition: 0.35s;
}
.list-agree-b ul li:last-of-type.active {
    padding-bottom: 25px;
}
.list-agree-b ul li.active + li {
    border-color: transparent;
}
.list-agree-b ul li.not-toggle {
    position: relative;
    cursor: pointer;
}
.list-agree-b ul li.not-toggle label {
    font-size: 1.125rem;
    font-weight: 700;
    padding: 25px 0;
}

.list-step-a ul {
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 768px) {
    .list-step-a ul { /*flex-wrap: wrap; max-width: 275px; margin: 0 auto;*/ }
}
.list-step-a ul li {
    position: relative;
    display: flex;
    align-items: center;
    /* &:nth-of-type(even) {
       @include mobile {margin-left: 40px;}
     }
     &:nth-of-type(n+3) {
       @include mobile {margin-top: 25px;}
     }*/
}
@media (max-width: 768px) {
    .list-step-a ul li {
        width: auto;
    }
}
.list-step-a ul li .img-wrap {
    width: 46px;
    height: 46px;
    background-color: #D0D0D0;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.list-step-a ul li .img-wrap .ico__list-step-a-01 {
    background-image: url("/assets/images/ico/ico__list-step-a-01.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 28px;
    height: 23px;
}
.list-step-a ul li .img-wrap .ico__list-step-a-02 {
    background-image: url("/assets/images/ico/ico__list-step-a-02.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 23px;
    height: 25px;
}
.list-step-a ul li .img-wrap .ico__list-step-a-03 {
    background-image: url("/assets/images/ico/ico__list-step-a-03.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 24px;
    height: 24px;
}
.list-step-a ul li .img-wrap .ico__list-step-a-04 {
    background-image: url("/assets/images/ico/ico__list-step-a-04.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 46px;
    height: 46px;
}
.list-step-a ul li .txt-wrap {
    color: #BABABA;
    margin-left: 10px;
}
.list-step-a ul li .txt-wrap .no {
    font-size: 1rem;
    font-weight: 500;
}
@media (max-width: 768px) {
    .list-step-a ul li .txt-wrap .no {
        display: none;
    }
}
.list-step-a ul li .txt-wrap .tit {
    font-size: 1rem;
    font-weight: 400;
}
.list-step-a ul li + li {
    padding-left: 50px;
}
@media (max-width: 768px) {
    .list-step-a ul li + li {
        padding-left: 30px;
    }
}
.list-step-a ul li + li::before, .list-step-a ul li + li::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 8px;
    left: 22px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #D0D0D0;
}
@media (max-width: 768px) {
    .list-step-a ul li + li::before, .list-step-a ul li + li::after {
        left: 11px;
    }
}
.list-step-a ul li + li::before {
    transform: translateY(-50%) rotate(45deg);
    margin-top: -3px;
}
.list-step-a ul li + li::after {
    transform: translateY(-50%) rotate(-45deg);
    margin-top: 2px;
}
.list-step-a ul li.active .img-wrap {
    background-color: #FED863;
}
.list-step-a ul li.active .img-wrap .ico__list-step-a-01 {
    background-image: url("/assets/images/ico/ico__list-step-a-01_b.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 46px;
    height: 46px;
}
.list-step-a ul li.active .img-wrap .ico__list-step-a-03 {
    background-image: url("/assets/images/ico/ico__list-step-a-03_b.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 46px;
    height: 46px;
}
.list-step-a ul li.active .img-wrap .ico__list-step-a-04 {
    background-image: url("/assets/images/ico/ico__list-step-a-04_b.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 46px;
    height: 46px;
}
.list-step-a ul li.active .txt-wrap {
    color: #4B3329;
}
.list-step-a ul li.active + li::before, .list-step-a ul li.active + li::after {
    background-color: #000000;
}

.list-step-b {
    cursor: default;
}
.list-step-b ul {
    display: flex;
    align-items: center;
    justify-content: center;
}
.list-step-b ul li {
    position: relative;
}
.list-step-b ul li .num {
    width: 30px;
    height: 30px;
    font-size: 0.75rem;
    font-weight: 700;
    background-color: #D0D0D0;
    color: #FFFFFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.list-step-b ul li.active .num {
    background-color: #000000;
}
.list-step-b ul li + li {
    margin-left: 20px;
}
.list-step-b ul li + li::before {
    content: "";
    height: 1px;
    background-color: #D0D0D0;
    width: 20px;
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
}

.list-input-a .header-input {
    background-color: #FAF5F0;
    border-radius: 10px 10px 0 0;
    padding: 15px 30px;
    min-height: 80px;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}
@media (max-width: 768px) {
    .list-input-a .header-input {
        padding: 15px 20px;
        min-height: 60px;
    }
}
.list-input-a .header-input .tit {
    font-size: 1.375rem;
    font-weight: 700;
    color: #232323;
}
@media (max-width: 768px) {
    .list-input-a .header-input .tit {
        font-size: 1.125rem;
    }
}
.list-input-a .header-input.mypage {
    padding: 0;
    background: none;
    min-height: auto;
    padding-bottom: 25px;
}
@media (max-width: 768px) {
    .list-input-a .header-input.mypage {
        padding-bottom: 20px;
    }
}
.list-input-a .header-input.mypage .tit {
    font-size: 1.375rem;
    font-weight: 700;
}
@media (max-width: 768px) {
    .list-input-a .header-input.mypage .tit {
        font-size: 1.125rem;
    }
}
.list-input-a ul {
    border: 1px solid #E4E4E4;
    padding: 30px 45px;
}
@media (max-width: 768px) {
    .list-input-a ul {
        padding: 20px 10px;
    }
}
.list-input-a ul .ul-wrap {
    max-width: 688px;
    margin: 0 auto;
}
.list-input-a ul li .input-label {
    margin-bottom: 10px;
}
.list-input-a ul li .input-label .label {
    font-size: 0.875rem;
    font-weight: 700;
    cursor: pointer;
    color: #232323;
}
.list-input-a ul li .input-label .label.required::after {
    content: "*";
    color: #FF351A;
    margin-left: 5px;
    font-size: 0.875rem;
}
.list-input-a ul li .input-label .input-hint {
    font-size: 0.75rem;
    font-weight: 400;
    color: #888888;
    margin-top: 5px;
    word-break: keep-all;
}
.list-input-a ul li .input-label ~ .input-label {
    margin-top: 15px;
}
.list-input-a ul li .input-label.img {
    margin-bottom: 0;
}
.list-input-a ul li .input-label.img .label {
    display: inline-flex;
    flex-direction: column;
}
.list-input-a ul li .input-label.img .member-img {
    margin-top: 15px;
    width: 112px;
    height: 112px;
}
@media (max-width: 768px) {
    .list-input-a ul li .input-label.img .member-img {
        width: 95px;
        height: 95px;
    }
}
.list-input-a ul li .input-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.list-input-a ul li .input-wrap .mail-wrap {
    display: flex;
    align-items: center;
    width: 70%;
}
@media (max-width: 768px) {
    .list-input-a ul li .input-wrap .mail-wrap {
        width: 100%;
    }
}
.list-input-a ul li .input-wrap .mail-wrap .at-Sign {
    margin: 0 10px;
    font-size: 0.875rem;
}
@media (max-width: 768px) {
    .list-input-a ul li .input-wrap .mail-wrap .at-Sign {
        margin: 0 5px;
    }
}
.list-input-a ul li .input-wrap .mail-wrap input:nth-of-type(2) {
    max-width: 200px;
}
@media (max-width: 768px) {
    .list-input-a ul li .input-wrap .mail-wrap input:nth-of-type(2) {
        max-width: 100%;
    }
}
@media (max-width: 768px) {
    .list-input-a ul li .input-wrap.mail {
        flex-direction: column;
    }
}
.list-input-a ul li .input-wrap.mail .select-style-01 {
    margin-left: 10px;
    max-width: 200px;
    width: 30%;
    border-radius: 10px;
}
@media (max-width: 768px) {
    .list-input-a ul li .input-wrap.mail .select-style-01 {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        padding-left: 15px;
    }
}
.list-input-a ul li .input-wrap input {
    color: #000;
    font-size: 1rem;
    font-weight: 400;
    border-radius: 10px;
    height: 50px;
    border-color: #E4E4E4;
}
@media (max-width: 768px) {
    .list-input-a ul li .input-wrap input {
        height: 50px;
        padding: 0 15px;
    }
}
.list-input-a ul li .input-wrap input::placeholder {
    color: #888888;
    font-weight: 400;
}
.list-input-a ul li .input-wrap input[readonly] {
    color: #000000 !important;
    background-color: #F7F7F7;
}
.list-input-a ul li .input-wrap input.valid {
    border-color: #4087F7;
}
.list-input-a ul li .input-wrap input.invalid {
    border-color: #F45452;
}
.list-input-a ul li .input-wrap input.hidden {
    width: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
}
.select-style-01 {
    border: 1px solid #000000;
    border-radius: 10px;
    background-size: 18px;
    height: 50px;
}
@media (max-width: 768px) {
    .select-style-01 {
        height: 50px;
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-top: 10px;
    }
}

.btn-input {
    margin-left: 15px;
    font-size: 1rem;
    font-weight: 500;
    width: auto;
    background-color: #4B3329;
    color: #fff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    min-width: 100px;
    min-height: 50px;
}
@media (max-width: 768px) {
    .btn-input {
        min-height: 50px;
        min-width: 80px;
    }
}

.list-input-a ul li .input-wrap + .input-wrap {
    margin-top: 10px;
}
.list-input-a ul li .tip-valid {
    font-size: 0.75rem;
    font-weight: 400;
    margin-top: 5px;
    display: none;
}
.list-input-a ul li .tip-valid.valid {
    color: #0F87FF;
    display: block;
}
.list-input-a ul li .tip-valid.invalid {
    color: #F45452;
    display: block;
}
.list-input-a ul li + li {
    margin-top: 30px;
}
@media (max-width: 768px) {
    .list-input-a ul li + li {
        margin-top: 20px;
    }
}
.list-input-a .btn-wrap {
    margin-top: 40px;
}
@media (max-width: 768px) {
    .list-input-a .btn-wrap {
        margin-top: 30px;
    }
}

.list-input-b ul li .input-wrap {
    position: relative;
}
.list-input-b ul li .input-wrap .label {
    transition: top 0.35s, font-size 0.15s;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.875rem;
    font-weight: 400;
    cursor: pointer;
    color: #888888;
}
.list-input-b ul li .input-wrap .label.required::after {
    content: "*";
    margin-left: 0px;
    font-size: 0.75rem;
}
.list-input-b ul li .input-wrap input {
    height: 60px;
    padding: 30px 15px 10px 15px;
    padding-right: 120px;
    font-weight: 500;
    font-size: 0.875rem;
}
.list-input-b ul li .input-wrap input.valid {
    border-color: #0F87FF;
}
.list-input-b ul li .input-wrap input.invalid {
    border-color: #F45452;
}
.list-input-b ul li .input-wrap input.none-label {
    padding: 0 15px;
}
.list-input-b ul li .input-wrap input.none-btn {
    padding: 30px 15px 15px 15px;
}
.list-input-b ul li .input-wrap input[readonly] {
    color: #000000 !important;
    background-color: #F7F7F7;
}
.list-input-b ul li .input-wrap input.value + label {
    top: 20px;
    font-size: 0.75rem;
}
.list-input-b ul li .input-wrap input:focus + label {
    top: 20px;
    font-size: 0.75rem;
}
.list-input-b ul li .input-wrap .btn-input {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.875rem;
    min-width: 70px;
    min-height: 35px;
}
.list-input-b ul li .input-wrap.mail {
    display: flex;
    align-items: center;
}
.list-input-b ul li .input-wrap.mail .at-Sign {
    font-size: 0.875rem;
    font-weight: 700;
    color: #000000;
    margin: 0 3px;
}
.list-input-b ul li .input-wrap ~ .input-wrap {
    margin-top: 10px;
}
.list-input-b ul li .input-hint {
    font-size: 0.6875rem;
    font-width: 400;
    color: #888888;
    margin-top: 8px;
}
.list-input-b ul li .tip-valid {
    font-size: 0.75rem;
    margin-top: 10px;
    font-weight: 400;
    display: flex;
    align-items: center;
    display: none;
}
.list-input-b ul li .tip-valid.valid {
    display: flex;
    color: #0F87FF;
}
.list-input-b ul li .tip-valid.valid::before {
    content: "";
    background-image: url("/assets/images/ico/ico_valid.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    display: inline-block;
}
.list-input-b ul li .tip-valid.invalid {
    display: flex;
    color: #F45452;
}
.list-input-b ul li .tip-valid.invalid::before {
    content: "";
    background-image: url("/assets/images/ico/ico_in_valid.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    display: inline-block;
}
.list-input-b ul li + li {
    margin-top: 20px;
}

.join-finish {
    text-align: center;
    margin: 15px 0 0px;
}
@media (max-width: 768px) {
    .join-finish {
        margin: 60px 0;
    }
}
.join-finish .ico-finish {
    background-image: url("/assets/images/ico/ico_finish.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 60px;
    height: 60px;
}
.join-finish .tit {
    font-size: 1.375rem;
    font-weight: 700;
}
@media (max-width: 768px) {
    .join-finish .tit {
        font-size: 1.25rem;
    }
}
.join-finish .desc {
    font-size: 1.125rem;
    font-weight: 400;
    margin-top: 25px;
}
@media (max-width: 768px) {
    .join-finish .desc {
        font-size: 1rem;
        margin-top: 20px;
    }
}
.join-finish .desc span {
    font-weight: 700;
}
.join-finish .desc a {
    display: inline-block;
    text-decoration: underline;
}
.join-finish .desc.small {
    font-size: 1rem;
    margin-top: 10px;
}

.tab-link-01 ul {
    display: flex;
    align-items: center;
    border-bottom: 1px solid;
    border-color: #E4E4E4;
}
.tab-link-01 ul li {
    width: 100%;
    position: relative;
    cursor: default;
}
.tab-link-01 ul li .tit {
    height: auto;
    min-height: 60px;
    width: 100%;
    padding: 15px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.125rem;
    font-weight: 700;
    color: #D0D0D0;
}
@media (max-width: 768px) {
    .tab-link-01 ul li .tit {
        font-size: 1rem;
    }
}
.tab-link-01 ul li.active .tit {
    color: #000;
}
.tab-link-01 ul li.active a {
    cursor: default;
}
.tab-link-01 ul li.active::after {
    content: "";
    background-color: #000;
    width: 100%;
    height: 2px;
    position: absolute;
    top: calc(100% - 0.5px);
    left: 0;
}

.tab-link-02 {
    overflow: auto;
    overflow-y: hidden;
    padding-bottom: 1px;
}
.tab-link-02 ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 1px solid #BABABA;
}
.tab-link-02 ul li {
    white-space: nowrap;
}
.tab-link-02 ul li a {
    padding: 15px 20px;
    font-size: 1.125rem;
    font-weight: 700;
    color: #BABABA;
    position: relative;
}
@media (max-width: 768px) {
    .tab-link-02 ul li a {
        font-size: 1rem;
    }
}
.tab-link-02 ul li.active a {
    color: #000000;
    cursor: default;
}
.tab-link-02 ul li.active a::before {
    content: "";
    position: absolute;
    bottom: -1.5px;
    background-color: #000000;
    height: 2px;
    width: calc(100% - 40px);
}
.tab-link-02 ul li:first-of-type a {
    padding-left: 0;
}

.scroll-box-txt {
    padding: 20px;
    padding-right: 10px;
    background-color: #F7F7F7;
    border-radius: 3px;
    border: 1px solid #E4E4E4;
    height: 295px;
}
.scroll-box-txt .scoroll-area {
    overflow: auto;
    height: 100%;
    padding-right: 5px;
}
.scroll-box-txt .scoroll-area::-webkit-scrollbar {
    width: 4px;
    background-color: transparent;
}
.scroll-box-txt .scoroll-area::-webkit-scrollbar-track {
    background: transparent;
}
.scroll-box-txt .scoroll-area::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #ADADAD;
}
.scroll-box-txt .scoroll-area .txt {
    font-size: 0.75rem;
    color: #333333;
}
.scroll-box-txt .scoroll-area .txt strong {
    font-size: 0.75rem;
    font-weight: 700;
    color: #333333;
}


/* input */
input.check-style-01 {
    display: none;
}
input.check-style-01 ~ label {
    position: relative;
    cursor: pointer;
}
input.check-style-01 ~ label::before {
    content: "";
    width: 25px;
    height: 25px;
    border: solid 1px #333333;
    border-radius: 3px;
    margin-right: 0;
}
input.check-style-01 ~ label::after {
    content: "";
    display: none;
    width: 15px;
    height: 15px;
    background: #232323;
    position: absolute;
    left: 5px;
    border-radius: 3px;
}
input.check-style-01:checked ~ label::after {
    display: block;
}
input.check-style-02 {
    display: none;
}
input.check-style-02 ~ label {
    white-space: nowrap;
    position: relative;
    cursor: pointer;
}
input.check-style-02 ~ label::before {
    content: "";
    margin-right: 10px;
    width: 20px;
    height: 20px;
    border: solid 1px #333333;
    border-radius: 5px;
    background-image: url("/assets/images/ico/ico_check_02_def.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    background-size: auto;
}
input.check-style-02:checked ~ label::before {
    background-image: url("/assets/images/ico/ico_check_02.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    background-color: #000000;
    background-size: auto;
}
input.check-style-03 {
    display: none;
}
input.check-style-03 ~ label {
    cursor: pointer;
    font-size: 1rem;
    font-weight: 700;
    color: #888888 !important;
    border: 1px solid #E4E4E4;
    min-height: 50px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    background-color: #FFFFFF;
    margin: 0;
    flex-direction: column;
}
input.check-style-03 ~ label span {
    font-weight: 400;
    font-size: 0.875rem;
}
input.check-style-03 ~ label::before {
    display: none;
}
input.check-style-03:checked ~ label {
    font-weight: 700;
    color: #fff !important;
    background-color: #000000;
}
input.input-text-02 {
    font-size: 1rem;
    font-weight: 400;
    border-left: none;
    border-top: none;
    border-right: none;
}