@charset "utf-8";
/* 게시판 공통 */
.sub_container {padding-bottom: 100px;}
.sub_container .sub-tit {background-color: var(--primary); padding: 40px 0;}
.sub_container .sub-tit .wrap1200 {display: flex; flex-direction: column; align-items: center; row-gap: 25px;}
.sub_container .sub-tit .wrap1200 h2 {font-family: 'GMarketSans'; font-size: 32px; font-weight: 700; color: #fff; }
.sub_container .sub-tit .wrap1200 p {font-size: 16px; color: #fff;}
.sub_container #bo_list .bo_tit {display: flex; align-items: center; column-gap: 5px;}
.sub_container #bo_list .bo_tit .new_icon {margin-left: 0; background-color: #EEF5FF; font-size: 14px; width: 20px; height: 20px; line-height: 20px; text-align: center; border-radius: 5px; color: var(--primary); font-weight: 700;}
#bo_list ,
#apply_list ,
#bo_v {padding-top: 50px;}
#bo_list_total {font-size: 16px; color: var(--text3);}
.board-list {display: flex; flex-direction: column; row-gap: 25px;}
.board-item {font-size: 16px; display: flex; align-items: center; background-color: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);}
.board-item > div:not(.subject-div){width: 10%; text-align: center; color: var(--text3); font-weight: 500;}
.board-item > div.col-num {color: var(--primary);}
.board-item .check-div {display: flex; align-items: center; justify-content: center;}
.board-item:not(:has(.check-div)) > div.subject-div {width: 60%;}
.board-item:has(.check-div) > div.subject-div {width: 50%;}
.board-head {height: 45px; border-radius: 25px;}
.board-cont {transition: border 0.2s; height: 60px; border-radius: 15px; border: 1px solid transparent; cursor: pointer;}
.board-cont:hover {border: 1px solid var(--primary);}
/* 이용현황 */
#apply_list .board-item:not(:has(.check-div)) > div.subject-div {width: 50%;}
#apply_list .board-item:has(.check-div) > div.subject-div {width: 40%;}
#apply_list .board-item .subject-div .bo_tit:has(.gift-thumb),
#apply_list .board-item .customer-wrap  {display: flex; align-items: center; column-gap: 5px;}
#apply_list .board-item .customer-wrap {justify-content: center;}
#apply_list .board-item .subject-div .gift-thumb {width: 25px; height: 25px; border-radius: 5px; object-fit: cover; border: 1px solid var(--line);}
#apply_list .board-item .customer-wrap .bank-thumb {width: 25px; height: 25px; border-radius: 50%; object-fit: cover; border: 1px solid var(--line);}
/* basic view */
#bo_v .bo-view {padding: 30px; margin-bottom: 30px;}
#bo_v .bo_tit_wrap {display: flex; flex-direction: column; align-items: center; justify-content: center; row-gap: 15px; padding-bottom: 30px; border-bottom: 1px solid var(--line);}
#bo_v .bo_tit_wrap .date {font-size: 16px; font-weight: 500; color: var(--text2);}
#bo_v .bo_tit_wrap h3 {font-size: 20px; font-weight: 500; color: var(--primary);}
#bo_v #bo_v_atc {padding-top: 30px; line-height: 1.5;}
#bo_v .btn-wrap {width: 100%;}

@media screen and (max-width: 1024px) {
    #apply_list .board-head {display: none;}
    #apply_list .board-cont {flex-wrap: wrap; padding: 15px; height: fit-content; column-gap: 5px; row-gap: 10px;}
    #apply_list .board-item:not(:has(.check-div)) > div.subject-div {width: 100%;}
    #apply_list .board-item > div:not(.subject-div) {text-align: left;}
    #apply_list .board-item > div:not(.subject-div):not(.check-div) {width: fit-content;}
    #apply_list .board-item > div.col-price,
    #apply_list .board-item > div.col-customer {padding-right: 5px; position: relative;}
    #apply_list .board-item > div.col-price::after,
    #apply_list .board-item > div.col-customer::after {content: ''; background-color: var(--line); width: 1px; height: 80%; position: absolute; right: 0; top: 10%;}
    #apply_list .board-item > div.col-status {flex: 1;text-align: right;}
}
@media screen and (max-width: 768px) {
    .sub_container .sub-tit {padding: 20px 0;}
    .sub_container .sub-tit .wrap1200 {row-gap: 15px;}
    .sub_container .sub-tit .wrap1200 h2 {font-size: 24px;}
    #bo_list ,
    #apply_list ,
    #bo_v {padding-top: 30px;}
    .board-head {display: none;}
    .board-cont {flex-wrap: wrap; padding: 15px; height: fit-content; column-gap: 5px; row-gap: 10px;}
    .board-item > div:not(.subject-div):not(.check-div),
    .board-item > div.check-div {width: fit-content;}
    .board-item > div.col-writer,
    .board-item > div.col-hit {padding-right: 5px; position: relative;}
    .board-item > div.col-writer::after,
    .board-item > div.col-hit::after {content: ''; background-color: var(--line); width: 1px; height: 80%; position: absolute; right: 0; top: 10%;}
    .board-item:not(:has(.check-div)) > div.subject-div,
    .board-item:has(.check-div) > div.subject-div {width: 100%;}
    .board-item > div:not(.subject-div) {text-align: left;}
}
@media screen and (max-width: 480px) {
    #bo_v .btn-wrap > .sc-btn {flex: 1;}
}
@media screen and (max-width: 370px) {
    #apply_list .board-item > div.col-time {display: none;}
    #apply_list .board-item > div.col-customer::after {display: none;}
}


/*  */
/*  */
/*  */
/*  */
/*  */
/*  */