@charset "utf-8";
/* sub common */
.setting {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    background-color: var(--black-5-color);
}

.setting .inner {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    width: 90%;
    max-width: 410px;
    margin: 0 auto;
    padding: 5rem 4rem;
    border-radius: 10px;
    background-color: #fff;
}

.setting .title,
.basket .title {
    width: 100%;
    /*margin-top: 1rem;*/
    /*margin-bottom: 3rem;*/
    font-family: "nanumNeoEb";
    font-size: var(--font-2-size);
    color: var(--black-2-color);
    text-align: center;
}

.setting .txt {
    width: 100%;
    /*margin-top: -1.5rem;*/
    margin: 20px 0 25px;
    /*margin-bottom: 2.5rem;*/
    color: #2d2d2d71;
    /*color: var(--black-3-color);*/
    text-align: center;
    word-break: keep-all;
    font-size: 16px;
    /*font-size: var(--font-5-size);*/
}

.setting .sub_txt {
    width: 100%;
    margin-bottom: 10px;
    /*margin-bottom: 1.5rem;*/
    /*font-family: "nanumNeoBd";*/
    /*text-align: left;*/
    /*font-size: var(--font-5-size);*/
    font-size: 16px;
}

.setting .main_color {
    color: var(--main-color);
}

.setting .bd_gray {
    border: 1px solid #f1f1f1;
    border-left: 0;
    border-right: 0;
    /*border-top: 1px solid var(--black-4-color);*/
    /*border-bottom: 1px solid var(--black-4-color);*/
}

/* checkBox */
.setting .item_cb_wrap {
    width: 100%;
    gap: 15px 0;
    flex-flow: column;
    display: flex;
}
.setting .item_cb_div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*padding: 15px 0;*/
    /*padding: 1.25rem;*/
}
.setting .item_cb_div.bd_gray {
    padding: 15px 0;
}
.setting .agree_group {
    display: flex;
    align-items: center;
}
.setting .item_cb {
    margin-right: .5rem;
    border: 1px solid var(--black-4-color);
}

.setting .item_cb_div label {
    cursor: pointer;
}
.terms_cont{display: none;}
.terms_sl_btn i{transition: .5s;}
.terms_sl_btn.on i{rotate: 180deg;}
.terms_cont .chk_wrap{padding: 5px 0;}
/* <!-- checkBox --> */
/* tab */
.setting .tab {
    display: flex;
    /*justify-content: space-between;*/
    width: 100%;
    /*margin-bottom: 2rem;*/
    margin-bottom: 20px;
    gap: 0 10px;
}

.setting .tab_item {
    width: 100%;
    padding: 15px 0;
    /*flex-basis: 49%;*/
    /*padding: 1rem;*/
    border: 1px solid var(--main-color);
    border-radius: 3px;
    font-family: "nanumNeoBd";
    color: var(--main-color);
    text-align: center;
    cursor: pointer;
    /*font-size: var(--font-5-size);*/
    font-size: 18px;
    transition: 0.3s linear all;
}

.setting .tab_item.active {
    background: var(--main-color);
    color: #fff;
}

.setting .cont_item {
    display: none;
    width: 100%;
}

.setting .cont_item.active {
    display: inline-block;
}

/* <!-- tab --> */
/* modal */
.setting .modal_btn {
    cursor: pointer;
}

.setting .modal_wrap {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.1);
}

.setting .modal_cont {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 650px;
    height: 80%;
    max-height: 800px;
    padding: 5rem;
    border-radius: 10px;
    background-color: #fff;
}

.setting .modal_tit {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2rem;
    font-family: "nanumNeoBd";
    font-size: var(--font-2-size);
    color: var(--black-2-color);
}

.setting .modal_close {
    cursor: pointer;
}

.setting .modal_close i {
    font-size: var(--font-2-size);
}

.setting .modal_txt {
    overflow-y: scroll;
    height: 100%;
    max-height: 620px;
}

.setting .modal_txt {
    line-height: 1.5;
}

/* <!-- modal --> */
.setting .form {
    width: 100%;
}
.setting .item {
    /*display: flex;*/
    /*flex-flow: column;*/
    /*justify-content: space-between;*/
    /*align-items: baseline;*/
    /*flex-wrap: wrap;*/
    width: 100%;
    /*margin-bottom: 1.5rem;*/
    margin-bottom: 20px;
}

.setting .item_input {
    font-size: 14px;
    /*display: flex;*/
    /*flex-basis: 270px;*/
    width: 100%;
    height: 45px;
    /*max-width: 270px;*/
    padding: 0 20px;
    /*padding: 1.5rem 2.5rem;*/
    border-radius: 5px;
    font-family: "nanumNeoRg";
    background-color: var(--black-6-color);
}

.setting .item_input::placeholder {
    color: var(--black-3-color);
}

.error_div {
    flex-direction: column;
}

.item_input_div {
    /*display: flex;*/
    /*justify-content: space-between;*/
    /*align-items: center;*/
    /*max-height: 44px;*/
    /*width: 100%;*/
}

.item_input_div input {
    height: 45px !important;
}

.item_tit {
    font-size: 16px;
    /*font-size: var(--font-5-size);*/
}

.item_es {
    font-size: var(--font-5-size);
    color: red;
}

.error_txt {    
    width: 100%;
    /*display: inline-block;*/
    /*text-align: end;*/
    color: red;
    /*margin-top: 0.5rem;*/
    margin-top: 5px;
    font-size: var(--font-6-size);
    display: none;
}

/* button */
.setting .btn_wrap {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.setting .btn_wrap>div {
    flex-basis: 49%;
}

.setting .basic_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 60px;
    margin-top: 30px;
    /*margin: 1rem 0;*/
    /*padding: 1.5rem;*/
    border-radius: 5px;
    font-family: "nanumNeoBd";
    /*font-size: var(--font-4-size);*/
    font-size: 18px;
    cursor: pointer;
}

.setting .bd_btn {
    border: 2px solid var(--main-color);
    background: #fff;
    color: var(--main-color);
}

.setting .bg_btn {
    background: var(--main-color);
    color: #fff;
}

.modal[data-modal='terms1'] .modal_body,
.modal[data-modal='terms2'] .modal_body,
.modal[data-modal='terms3'] .modal_body,
.modal[data-modal='terms4'] .modal_body {
    line-height: 20px;
    font-size: 14px;
}

/* <!-- button --> */
/* select */
.setting .item_select {
    display: inline-block;
    padding: 1rem 1.25rem;
    border: 1px solid var(--black-4-color);
    border-radius: 3px;
}
/* <!-- select --> */
/* refer */
.setting .refer_wrap {
    display: flex;
    align-items: center;
    /*margin-top: 1rem;*/
    margin-top: 10px;
    justify-content: center;
}

.setting .refer {
    margin-right: 5px;
    /*margin-right: .75rem;*/
    color: var(--black-2-color);
    /*font-size: var(--font-6-size);*/
    font-size: 14px;
}

.setting .refer_link {
    position: relative;
    color: var(--main-color);
    /*font-size: var(--font-6-size);*/
    font-size: 14px;
}

.setting .refer_link:after {
    content: '';
    display: block;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--main-color);

}

/* <!-- refer --> */
/* table */
.setting .table {
    width: 100%;
    text-align: center;
}
.setting .table_thead {
    border-top: 2px solid var(--main-color);
    border-bottom: 1px solid var(--black-4-color);
}
.setting .table_thead th {
    padding: 1rem 0;
}
.setting .table_td {
    padding: 1rem 0;
    border-bottom: 1px solid var(--black-4-color);
}
.setting .table_coment {
    background: var(--black-6-color);
}
.setting .coment_mark {
    margin-left: .5rem;
    padding: .25rem .75rem;
    border-radius: 3px;
    background: var(--main-color);
    font-size: var(--font-6-size);
    color: #fff;
}
/* <!-- table --> */
/* <!-- sub common --> */
/* login */
.login {
    height: calc(100vh - 120px);
}
.login .inner {
    margin: 0 !important;
}
.login_link_wrap {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 20px;
}

.login_link {
    position: relative;
    /*padding: 1rem;*/
    padding: 0 10px;
    /*font-size: var(--font-6-size);*/
    font-size: 14px;
}

.login_link::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(-50%, -50%);
    width: 1px;
    height: 14px;
    background-color: #bebebe;
    /*background: var(--black-3-color);*/
}

.login_link:last-child:after {
    display: none;
}

.login .title {
    margin-bottom: 30px;
}

/* <!-- login --> */
/* 아이디 찾기 */
.id_srh {
    height: calc(100vh - 120px);
}
.id_srh .inner {
    /* margin: 7rem 0; */
}
.id_srh .inner form {
    width: 100%;
}
.find_id.item_input {
    max-width: 100%;
    width: 100%;
    flex-basis: 100%;
}
.basic_btn {
    background-color: #0074FB;
    color: #FFF;
    padding: 1rem;
    border-radius: 3px;
    width: 100%;
}
.pay_btn {
    background-color: var(--main-2-color);
    color: #FFF;
    margin-top: 1rem;
    padding: 1rem;
    border-radius: 3px;
    width: 100%;
}
/* <!-- 아이디 찾기 --> */
/* 비밀번호 찾기 */
.pw_srh {
    height: calc(100vh - 120px);
}
.pw_srh .inner {
    /* margin: 7rem 0; */
}
.pw_srh .inner form {
    width: 100%;
}
/* <!-- 비밀번호 찾기 --> */
/* join */
.join .inner {
    max-width: 450px;
    /*margin: 3rem 0;*/
}
.join .adress_item2,
.mypage .adress_item2 {
    display: flex;
    flex-direction: column;
    flex-basis: 270px;
    max-width: 270px;
}

.join .adress_item3,
.mypage .adress_item3  {
    display: flex;
    max-width: 270px;
    margin-top: 1rem;
}

.join .adress_input,
.mypage .adress_input  {
    display: flex;
    flex-direction: column;
    max-width: 180px;
}

.join .adress_btn,
.mypage .adress_btn {
    width: fit-content;
    /*width: 100%;*/
    /*max-width: 70px;*/
    /*margin-left: .5rem;*/
    /*padding: 1.5rem;*/
    font-family: 'NanumNeoRg' !important;
    font-size: 14px;
    padding: 0 20px;
    border-radius: 5px;
    background: var(--main-color);
    color: #fff;
    flex-shrink: 0;
}

.join .send_code_btn {
    width: 100%;
    max-width: 100px;
    margin-left: .5rem;
    padding: 1.5rem;
    border-radius: 5px;
    background: var(--main-color);
    color: #fff;
}

.join .cert_confirm_btn {
    width: 100%;
    max-width: 70px;
    margin-left: .5rem;
    padding: 1.5rem;
    border-radius: 5px;
    background: var(--main-color);
    color: #fff;
}

/* <!-- join --> */
/* mypage */
.mypage {
    /* height: 100vh; */
    margin-top: -5rem;
}
.mypage .inner {
    max-width: 450px;
}

/* <!-- join --> */
/* board */
.board .inner {
    width: 90%;
    max-width: 1580px;
    padding: 5rem;
}
.board .title {
    text-align: left;
}
.board .search_wrap {
    width: 100%;
}
.board .search_item {
    display: flex;
}
.board .item_select {
    flex-basis: 115px;
}
.board .search_input {
    margin-left: 0.5rem;
    padding: 1rem 2.5rem;
    border-radius: 3px;
}
.board .search_btn {
    width: 100%;
    max-width: 70px;
    margin-left: 0.5rem;
    padding: 1rem;
    border-radius: 3px;
    background: var(--main-color);
    color: #fff;
}

.board .board_cont {
    width: 100%;
}
.board .table_th_tit {
    text-align: left;
}
.board .borad_bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 2rem;
}
.board .board_page {
    display: flex;
    align-items: center;
}
.board .bp_prev {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    margin: 0 .25rem;
    border: 1px solid var(--black-4-color);
    border-radius: 3px;
}
.board .bp_next {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    margin: 0 .25rem;
    border: 1px solid var(--black-4-color);
    border-radius: 3px;
}
.board .bp_num {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    margin: 0 .25rem;
    border: 1px solid var(--black-4-color);
    border-radius: 3px;
}
.board .bp_click {
    border: 1px solid var(--main-color);
    color: #fff;
    background-color: var(--main-color);
}
.board .borad_write a {
    width: 100%;
    max-width: 70px;
    margin-left: 0.5rem;
    padding: 1rem 1.5rem;
    border-radius: 5px;
    background: var(--main-color);
    color: #fff;
    text-align: center;
}
/* <!-- board --> */
/* board_post */
.board_post .inner {
    width: 90%;
    max-width: 1580px;
    padding: 5rem;
}
.board_post .title {
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 2px solid var(--black-5-color);
    text-align: left;
}
.board_post .bp_info_desc {
    display: flex;
}
.board_post .bp_info_desc li {
    margin-right: 1rem;
}
.board_post .bp_cont {
    margin-bottom: 3rem;
    padding: 1rem;
    font-size: var(--font-4-size);
    line-height: 1.5;
}
/* 댓글 */
.board_post .coment_wrap {
    width: 100%;
    padding: 2rem 3rem ;
    background: var(--black-6-color);
}
.board_post .coment_info {
    display: flex;
    justify-content: space-between;
}
.board_post .coment_info_desc {
    display: flex;
}
.board_post .coment_info_desc div {
    margin-right: 1rem;
}
.board_post .coment_btn  {
    display: flex;
}
.board_post .coment_btn_item {
    margin-left: 1rem;
    cursor: pointer;
}
.board_post .coment_cont {
    padding: 2rem 0;
}
/* <!-- 댓글 --> */
/* 댓글 추가 */
.board_post .coment_add_wrap {
    width: 100%;
    margin-top: 2rem;
    padding: 3rem;
    border: 1px solid var(--black-5-color);
    border-radius: 5px;
}
.board_post .coment_add_textarea {
    width: 100%;
    padding: 2rem 2.5rem;
    border: none;
    background: var(--black-6-color);
}
.board_post .coment_add_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;    
    max-width: 90px;
    margin: 1rem 0;
    padding: 1rem;
    border-radius: 3px;
    font-family: "nanumNeoBd";
    color: #fff;
    cursor: pointer;
    background-color: var(--main-color);
}
/* <!-- 댓글 추가 --> */
.board_post .list_btn {
    max-width: 120px;
    margin: 0 auto;
    margin-top: 3rem;
}
/* <!-- board_post --> */
/* board_write */
.board_write .inner {
    width: 90%;
    max-width: 1580px;
    padding: 5rem;
}
.board_write .title {
    text-align: left;
}
.board_write .bw_cont {
    width: 100%;
}
.board_write .item {
    justify-content: flex-start;
    width: auto;
}
.board_write .item_tit {
    flex-basis: 150px;
}
.board_write .list_btn {
    max-width: 120px;
    margin: 0 auto;
    margin-top: 3rem;
}
/* <!-- board_write --> */
/* 장바구니 페이지 */
.basket {
    min-height: calc(100vh - 120px);
    max-height: -webkit-fill-available;
}
.basket.setting .inner {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    max-width: 1280px;
    background: transparent;
}
.basket .basket_cont {
    width: 100%;
    max-width: 820px;
    padding: 3rem;
    border-radius: 10px;
    background: #fff;
}
.basket .title {
    font-size: var(--font-2-1-size);
}
.basket .list_top_title {
    margin-top: 1.5rem;
    font-size: var(--font-5-size);
}
.basket .list_top_title strong {
    font-family: "nanumNeoBd";
    color: var(--main-color);
}
.basket .list_top_select {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 1.5rem 0;
    padding: 1rem 0;
    border-top: 1px solid var(--black-5-color);
    border-bottom: 1px solid var(--black-5-color);
}
.basket .select_desc {
    display: flex;
    align-items: center;
}
.basket .delete_btn {
    font-size: var(--font-5-size);
    padding: .5rem 1rem;
    border: 1px solid var(--main-color);
    border-radius: 3px;
    color: var(--main-color);
    cursor: pointer;
}
.basket .list_item {
    display: flex;
    align-items: center;
    margin-top: 2rem;
    width: 100%;
}
.basket .list_detail {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0 4%;
    width: 100%;
}
.basket .list_radio {
    margin-right: 2rem;
}
.basket .list_detail_photo {
    flex-basis: 28%;
    position: relative;
}
.basket .list_detail_photo p {
    position: absolute;
    top: 1rem;
    left: 1rem;
    padding: .5rem 1rem;
    border-radius: 30px;
    background: var(--black-1-color);
    font-size: var(--font-6-size);
    color: #fff;
}
.basket .list_detail_desc {
    flex-basis: 68%;
}
.basket .list_detail_tit {
    display: inline-block;
    margin-bottom: 1rem;
    font-family: "nanumNeoBd";
    font-size: var(--font-4-size);
}
.basket .list_detail_txt {
    display: flex;
    flex-direction: column;
    padding: 1.5rem 1.8rem;
    border-radius: 10px;
    background: var(--black-6-color);
}
.basket .list_detail_option {
    display: flex;
    line-height: 1.3;
    margin-bottom: 0.3rem;
}
.basket .list_txt {
    width: 100%;
    max-width: 90px;
    margin-right: .5rem;
}
.basket .ad_price {
    font-family: "nanumNeoBd";
    color: var(--main-color);
}
.basket .make_price {
    font-family: "nanumNeoBd";
    color: var(--main-color);
}
.basket .cart_sum {
    width: 100%;
    max-width: 350px;
    padding: 2rem;
    border-radius: 10px;
    background: #fff;
    height: fit-content;
}
.basket .cart_sum_item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
}
.basket .price_total {
    padding: 1.5rem 0;
    border-top: 1px solid var(--black-5-color);
    border-bottom: 1px solid var(--black-5-color);
    font-family: "nanumNeoBd";
}
.basket .price_total_span {
    font-size: var(--font-3-size);
    /* color: var(--main-color);*/
	color : var(--black-1-color);
}
.basket .inquiry_btn {
    margin: 2rem 0 0;
}
/* <!-- 장바구니 페이지 --> */
#postcodeResult {
    display:none;
    border:1px solid;
    width:100%;
    max-width: 450px;
    min-height:300px;
    margin:5px 0;
    position:relative;
}
/* 이용약관 */
.policy {
    position: relative;
    width: 95%;
    max-width: 1280px;
    margin: 0 auto;
}

.sub-titarea {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 4rem 0;
    padding-bottom: 1rem;
    border-bottom: 4px solid var(--black-5-color);
}

.policy .sub-tit {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    padding-bottom: 0.5rem;
    font-family: "nanumNeoEb";
    font-size: var(--font-2-size);
    color: var(--black-1-color);
    text-align: left;
}

.agreement-content h3,
.privacy-content h3 {
    font-family: "nanumNeoEb";
    font-size: var(--font-4-size);
    color: var(--black-2-color);
    margin-bottom: 1rem;
}
.agreement-content .number-list,
.privacy-content .number-list,
.agreement-content p,
.privacy-content p {
    margin-bottom: 2rem;
}
.agreement-content .number-list li,
.privacy-content .number-list li,
.agreement-content p,
.privacy-content p,
.kr-list li,
.line-list li {
    font-size: var(--font-5-size);
    color: var(--black-2-color);
    line-height: 24px;
}
.w-100 {
    width: 100%;
}
.fi_guide {
    font-size: var(--font-3-size);
    color: var(--black-2-color);
    margin: 0 auto;
    margin-bottom: 2rem;
}
.fi_guide strong {
    font-family: "nanumNeoEb";
}

.kr-list li:last-child,
.line-list li:last-child {
    margin-bottom: 2rem;
}
.ms-2 {
    margin-left: 0.5rem;
}
/* 20250226 게시판 디폴트 변경 */
.board{width: 100%; max-width: 1400px; min-height: 657px; margin: 0 auto; padding: 50px 0;}
.board.notice *{font-size: 1.5rem;}
.board.notice h3{font-size: 2rem; font-weight: 900; margin-bottom: 20px;}
.board.notice input[type='checkbox']{width: 12px; height: 12px; margin: 0; vertical-align: middle; margin-right: 3px; padding: 0; position: inherit;}
.board.notice select.form-control{width: 120px; padding: 5px; border-radius: 5px; border: 1px solid #d9d9d9; background:#fff url('/public/images/down_arraw.svg') no-repeat calc(100% - 5px) center;}
.board.notice select.form-control>div{padding: 0;}
.board.notice table.table{width: 100%; margin: 20px 0; border-bottom: 1px solid #777777;}
.board.notice table.table thead th{padding: 20px 10px; border-top:1px solid var(--main-color); border-bottom: 1px solid #d9d9d9; white-space: nowrap; text-align: center;}
.board.notice table.table tbody{min-height: 700px;}
.board.notice table.table tbody td{padding: 30px 10px; text-align: center;}
.board.notice .pull-right{float: none;}
.board.notice .mb20{display: flex; justify-content: space-between;}
.board.notice .form-group:not(.board.write .form-group){display: flex; gap: 10px;}
.board.notice .form-group input[name="skeyword"]{width: 150px; padding: 5px; border-radius: 5px; border: 1px solid #d9d9d9;}
.board.notice .admin-manage-wrap{float: none; position: relative; margin: 0;}
.board.notice .border_button{display: flex; justify-content: flex-end; gap: 10px; align-items: center;}
.board.notice .admin-manage{padding: 0;}
.board.notice .btn-primary, .board.notice .btn-success{background-image: none; background-color: #953AFF; border: none;}
.board.notice .btn-default{background-image: none; background-color: #fff; padding: 5px 10px;}
.board.notice .searchbox{display: flex; justify-content: flex-end;}
.board.notice .border_button .pull-left{position: relative;}
.board.notice .border_button .btn-admin-manage-layer.admin-manage-layer-list{position: absolute; top: 40px !important; left: 0 !important; width: auto;}
.board.notice .border_button .btn-admin-manage-layer.admin-manage-layer-list>div{text-wrap: nowrap; padding: 3px;}


.board.notice ul.info{display: flex; gap: 5px; justify-content: flex-start;}
.board.notice .post-content{min-height: 150px;}
.board.notice .list-group{display: flex; align-items: center; justify-content: flex-start; margin-top: 0; box-shadow: none; margin-bottom: 10px;}
.board.notice .list-group li{font-size: 1.25rem;}
.board.notice .contents-view{padding-bottom: 20px; border-bottom: 2px solid #e2e2e2;}
.board.notice .contents-view #post-content {line-height: 1.5;}
.media-body{padding: 1rem 0;}
.media-body .media-heading{font-weight: 900; margin-bottom: 10px;}
.media-body .time{font-size: 1.25rem; color: #777777; margin-left: 5px;}
.media-body .reply a{font-size: 1.25rem; text-decoration: underline; margin-left: 5px;}
#comment_write_box{margin: 20px 0;}
#viewcomment{margin: 10px 0; padding: 0 1rem; background-color: #f8f8f8;}
#viewcomment .media:not(:last-child){margin: 0; border-bottom: 1px solid #d9d9d9;}
.sign-wrap{display: flex; align-items: center; justify-content: flex-end;}
.sign-wrap input{max-width: 250px;}
.sign-wrap .form-group{width: fit-content; align-items: center; justify-content: flex-end;}
.sign-wrap label{white-space: nowrap;}
.comment_write_button_area{margin-top: 15px; display: flex; justify-content: flex-end;}
.comment_write_button_area .pull-left, .comment_write_button_area .pull-right{float: none !important;}
.comment_write_button_area .comment_submit{background-image: none; background-color: #fff; color: #222; border-color: #ccc; text-shadow: none; font-weight: 400;}
.chk_comment_all_wrapper{margin-bottom: 10px;}
.admin-manage-wrap{margin-top: 10px;}
.col-sm-10:has(#post_title), #post_content{width: 100% !important; margin-top: 10px;}
.board.write .btn-group{float: none !important;}
.board.write .form-control{height: inherit; margin-top: 5px;}
.board.write .col-sm-2{width: inherit !important;}
.board.write .col-sm-10{width: 100% !important;}
.board.notice .label-warning{background: none; font-size: 1rem !important; color: #888888;}
.board.notice .mb20:has(.col-xs-6){justify-content: space-between;}
.board.notice th:has(input[name="chk_post_id[]"]){vertical-align: middle; text-align: center;}
.board.notice .mb20:has(.col-xs-6)>div{padding: 0 !important;}
.board.notice .mb20:has(.col-xs-6) form{padding: 0 !important; margin: 0 !important;}
.board.notice .comment_write_box_inner{padding: 0;}
@media (max-width:1400px) {
    .board{padding: 50px 5%;}
}
@media (max-width:560px) {
    .board *:not(.board.notice h3){font-size: 1.25rem !important;}
    .board.notice{padding: 50px 15px;}
    .board.notice h3{font-size: 1.5rem;}
    .board.notice .mb20{flex-wrap: wrap; gap: 5px;}
    .board.notice .form-inline, .board.notice select.form-control{width: 100%; margin: 0;}
    .board.notice .col-md-6{width: 100%;}
    .board.notice .searchbox{width: 100%; display: flex; flex: wrap;}
    .board.notice .form-group, .board.notice .searchbox form{width: 100%; margin: 0; padding: 0;}
    .board.notice .form-group div{width: 100%; display: flex; gap: 5;}
    .board.notice .form-group .cke_inner{flex-direction: column;}
    /* .board.notice .form-group .cke_toolbox{display: flex; flex-direction: column;} */
    .board.notice .form-group{flex-wrap: wrap; gap: 5px;}
    .board.notice .form-group input[name="skeyword"]{width: 100%;}
    .board.notice table.table thead th,.board.notice table.table thead td{padding: 10px 5px;}
    .board.notice table.table tbody td, .board.notice table.table tbody td input{vertical-align: middle;}

    .board.notice .list-group{margin-top: 10px;}
    .board.notice .list-group li{width: 100%;}
    .board.write .form-group .col-sm-12,.board.write .form-group .col-sm-10{padding: 0 !important;}
    .sign-wrap{flex-wrap: wrap; gap: 5px; margin-bottom: 10px;}
    .sign-wrap .form-group{flex-wrap: nowrap !important;}
    .sign-wrap .form-group label{width: 15%;}
    .sign-wrap .form-group input{max-width: none;}
    .comment_write_button_area .form-group{width: fit-content !important;}
    .board.write .form-group{margin-bottom: 10px;}
    .cke_toolbar{float: none !important;}
    .cke_toolgroup{margin: 0 !important; padding: 0 !important; float: none !important;}
    .cke_toolbar_separator{display: none;}
    .btn.btn-primary.btn-sm{margin-left: 5px;}
    .board.notice .contents-view{padding: 0 0 20px !important;}
}