/* 게시판 공통 레이아웃 */
.board_container {max-width:var(--max-width);margin:0 auto;}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
  .board_container {padding:0 var(--side-padding);}
}


/* 자유게시판 탭 */
.board_tab_cont {}
.board_tab_cont ul {display:flex;gap:1rem;justify-content: center;margin-bottom:4.6rem;align-items: center;}
.board_tab_cont ul li {}
.board_tab_cont ul li.selected a {background:var(--main-blue-1);font-weight:700;}
.board_tab_cont ul li a {display:block;width:12rem;height:4rem;background:var(--btncolor-2);border-radius:5rem;color:var(--font-white);text-align: center;font-size:1.3rem;line-height:4rem;}
.board_tab_cont ul li a:hover {color:var(--main-blue-1);}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
  .board_tab_cont {display:none;}
}


/* 자유게시판 상단 */
.content_top_area {display:flex;justify-content: space-between;margin-bottom:1rem;align-items: center;}
.content_top_area .left_area {display:flex;gap:1.4rem;align-items: center;}
.content_top_area .left_area .flex_area {display:flex;gap:1.4rem;align-items: center;}
.content_top_area .left_area p {font-size:1.5rem;line-height:2rem;}
.content_top_area .left_area p > span {font-size:1.5rem;line-height:2rem;color:#F8AD40;font-weight:700;}
.content_top_area .left_area .checkbox {display:flex;gap:.6rem;align-items: center;}
.content_top_area .left_area .checkbox input {width:1.6rem;height:1.6rem;}
.content_top_area .left_area .checkbox label {font-size:1.5rem;line-height:2rem;}
.content_top_area .left_area select {font-size:1.5rem;line-height:2rem;border:0;color:var(--medium-grey);font-weight:400;padding:0 3rem 0 0;height:auto;}

.content_top_area .right_area {position:relative;}
.content_top_area .right_area input {width:37rem;height:4rem;border:1px solid #ddd;border-radius:5rem;color:#959595;padding-left:2.2rem;font-size:1.5rem;line-height: 2.2rem;font-weight:400;}
.content_top_area .right_area input::placeholder {color:#959595;font-size:1.5rem;line-height: 2.2rem;font-weight:400;}
.content_top_area .right_area button {position:absolute;right:1.85rem;top:50%;transform: translate(0, -50%);}
.content_top_area .right_area button img {width:1.6rem;height:1.6rem;}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
    .content_top_area {flex-direction: column-reverse;gap:5.6rem;margin-bottom:2.2rem;}
    .content_top_area .left_area {width:100%;justify-content: space-between;}
    .content_top_area .left_area p {font-size:3rem;line-height:4rem;}
    .content_top_area .left_area p > span {font-size:3rem;line-height:4rem;}
    .content_top_area .left_area .checkbox input {width:3rem;height:3rem;}
    .content_top_area .left_area .checkbox label {font-size:3rem;line-height:4rem;}
    .content_top_area .left_area select {font-size:3rem;line-height:4rem;background-position: right 0rem top 50%;}

    .content_top_area .right_area {width:100%;}
    .content_top_area .right_area input {width:100%;height:8.2rem;font-size:3rem;line-height:3rem;padding-left:4.4rem;}
    .content_top_area .right_area input::placeholder {font-size:3rem;line-height:3rem;}
    .content_top_area .right_area button {right:4.7rem;}
    .content_top_area .right_area button img {width:3.15rem;height:3.15rem;}
}



/* 자유게시판 목록 - 공통 */
.content_table_list .col_1 {width:8.5rem;}
.content_table_list .col_2 {width:12.5rem;}
.content_table_list .col_3 {width:auto;}
.content_table_list .col_4 {width:11.5rem;}
.content_table_list .col_5 {width:11.5rem;}
.content_table_list .col_6 {width:11.5rem;}

/* boardPc */
.boardCommon.boardPc {}
.boardCommon.boardPc thead {border-top:1px solid var(--black);border-bottom:1px solid var(--black);}
.boardCommon.boardPc thead th {font-weight:700;font-size: 1.5rem;line-height: 6rem;padding:0 3rem;}
.boardCommon.boardPc thead th.type {text-align: left;}
.boardCommon.boardPc .boardList .list.notice td {background:#F8FAFF;}
.boardCommon.boardPc .boardList .list.notice td.subject {font-weight:700;}
.boardCommon.boardPc .boardList th,
.boardCommon.boardPc .boardList td {font-weight: 400;font-size: 1.5rem;line-height: 5rem;vertical-align: middle;text-align: center;padding:0 3rem;}
.boardCommon.boardPc .boardList td {border-bottom:1px solid #dddddd;color:var(--medium-grey);}
.boardCommon.boardPc .boardList td.type,
.boardCommon.boardPc .boardList td.subject {text-align: left;color:var(--font-black);}
.boardCommon.boardPc .boardList td.subject .comment {display:none;}


/* boardMb */
.boardCommon.boardMb .boardList .list {border-bottom:1px solid #dddddd;color:var(--medium-grey);display:flex;padding:3.2rem 1.6rem;gap:1rem;}
.boardCommon.boardMb .boardList .list.notice {background:#F8FAFF;}
.boardCommon.boardMb .boardList .list.notice p.subject {font-weight:700;width: calc(100% - 8rem);display:inline-block;}
.boardCommon.boardMb .boardList .list .list_info {display:flex;align-items: center;gap:2rem;}
.boardCommon.boardMb .boardList .list > div {width: calc(100% - 6.8rem);}
.boardCommon.boardMb .boardList p.number {width:6.8rem;text-align: center;}
.boardCommon.boardMb .boardList p {font-weight: 400;font-size: 3rem;line-height: 4rem;vertical-align: middle;text-align: left;}
.boardCommon.boardMb .boardList span {font-weight: 400;font-size: 3rem;line-height: 4rem;}
.boardCommon.boardMb .boardList p.type,
.boardCommon.boardMb .boardList p.subject {text-align: left;color:var(--font-black);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;}
.boardCommon.boardMb .boardList p.subject .comment {display:none;}


/* 조회수 많을 때 */
.boardCommon .boardList .list.hot .view {color:#DC3545;}
.boardCommon .boardList .list.hot .icon > span.hot_icon {display:block;}

/* 등록일 기준 일주일 이내일 때 */
.boardCommon .boardList .list.new .icon > span.new_icon {display:block;}

/* 고정 아이콘 */
.boardCommon .fix_icon {text-align: center;}
.boardCommon .fix_icon img {width:1rem;height:auto;margin:0 auto;}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
  .boardCommon .fix_icon img {width:1.8rem;}
}

/* 아이콘 */
.boardCommon .icon {display:inline-flex;gap:.6rem;align-items: center;margin-left:.8rem;}
.boardCommon .icon > span {font-size:1.5rem;line-height:5rem;font-weight:400;vertical-align: middle;}
.boardCommon .icon .new_icon {display:none;color:var(--main-blue-1);}
.boardCommon .icon .hot_icon {display:none;color:#DC3545;}
.boardCommon .icon .file_icon img {width:1.25rem;height:auto;vertical-align: middle;}

/* 글쓰기 버튼 */
.content_table_list .btn_area {text-align: right;margin-top:2.8rem;}
.content_table_list .btn_area .write_btn {display:inline-block;padding:.6rem 4.15rem;color:var(--font-white);font-size:1.5rem;line-height:3rem;letter-spacing:.02em;background:var(--main-blue-1);border-radius:5rem;text-align: center;}