.board_list {
    padding: 30px 0;
    background: #fff;
}

.board_list>div {
    width: 100%;
    max-width: 1100px;
    margin: auto;
}


.board_list article {
    display: flex;
    width: 100%;
    /* margin-top: 30px; */
}

.board_list article+article {
    margin-top: 30px;
}

.board_list .counter+article {
    margin-top: 30px;
}

.board_list article+article~article {
    margin-top: 30px;
}

.board_list article ~ div {
    margin-top: 30px;
}

.board_list article ~ div:last-of-type {
    /* margin-bottom: 30px; */
}


.board_list article dl {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    background: #fff;
}



/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* 탭 메뉴 정렬 */

.board_list article dl dt {
    /* .board_list article dl dd{ */
    display: flex;
    align-items: center;
    justify-content: center;
    color: #707070;
    flex: 1 1 10%;
    /* min-width: 184px; */
    height: 56px;
}

.board_list article dl dt~dt {
    margin-left: -1px;
}

.board_list article dl dt a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #6e5d42;
    font: 19px/1.3em "나눔바른고딕";
    border: 1px solid #c3c3c3;
    background: #fff;
    text-align: center;
}

.board_list article dl dt a.on {
    background: #830020;
    border: 1px solid #830020;
    color: #ffffff;
    /* text-shadow: 1px 1px 0px #36010f; */
    z-index: 1;
}

.board_list .tab6 dl dt {
    flex: 1 1 33%;
}
.board_list .tab6 dl dt:nth-of-type(3n + 4) {
    margin-left: 0;
}
.board_list .tab6 dl dt:nth-of-type(3) ~ dt {
    margin-top: -1px;
}


/* 탭 메뉴 정렬 */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* 팁 박스 */


.board_list .tipbox {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 100px;
    background: #f2f0ed;
    border: 1px solid #8f816a;
    padding: 27px;
}
.board_list .tipbox:before {
    content: "";
    position: absolute;
    display: block;
    top: 2px;
    left: 2px;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    border: 1px solid #eceae6;
    background: #ffffff;
}

.board_list .tipbox .mark{
    z-index: 1;
    border: 0;
    min-width: 54px;
    height: 54px;
    background: url(../../../../images/iosf/ko/content/board/img_ntis_54x54.png)no-repeat center;
    margin-right: 20px;
}
.board_list .tipbox .mark.icon-researcher1{
    background: url(../../../../images/iosf/ko/content/profile/img_researcher1_54x54.png)no-repeat center;
}
.board_list .tipbox .mark.icon-researcher2{
    background: url(../../../../images/iosf/ko/content/profile/img_researcher2_54x54.png)no-repeat center;
}

.board_list .tipbox .text{
    text-align: left;
}
.board_list .tipbox .text p{
    position: relative;
    z-index: 1;
    font: 17px/1.3em "나눔바른고딕";
    color: #000;
    background: #fff;
    border: 0;
    padding: 0;
}



/* 팁 박스 */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */


.board_list article div {
    align-items: center;
    /* display: flex; */
    /* background: green; */
    /* border: 1px solid #d8d8d8; */
    min-height: 48px;
    /* margin-right: auto; */
    /* height: 0px; */
}
.board_list .counter div {
    display: flex;
    border: 1px solid #d8d8d8;
    margin-right: auto;
}

.board_list .counter div p:first-of-type {
    display: flex;
    align-items: center;
    font: 17px/1.3em "나눔바른고딕";
    color: #6e5d42;
    padding: 11px 15px;
    min-height: 100%;
    background: #f4f4f4;
    border-right: 1px solid #dbdbdb;
}

.board_list article div p {
    font: 17px/1.3em "나눔바른고딕";
    padding: 10px 15px;
    color: #000;
}

.board_list article div p span {
    font: 17px/1.3em "나눔바른고딕";
    color: #000;
}


.board_list article form {
    display: flex;
}
.board_list article form .inputbox{
    border: 0;
    align-items: normal;
}



/* ------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 달력 */

.board_list article form span {
    display: flex;
    position: relative;
}

.board_list article form span:last-of-type .calendar-wrapper {
    margin-right: 10px;
}

.board_list article form .calendar-wrapper input {
    width: 136px;
    margin-left: 0;
}

.board_list article form .calendar-wrapper img {
    position: absolute;
    display: inline-block;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------- */




.board_list article select {
    width: 100px;
    /* min-height: 40px; */
    padding: 0 20px 0 13px;
    padding-right: 30px;
    background: url(../../../../images/iosf/ko/content/board/image_arrowdown_20x4.png) no-repeat right 52%/ 20px 4px;
    font: 17px/1.3em "나눔바른고딕";
    color: #000;
    border: 1px solid #d8d8d8;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.board_list article select.wd120 {
    width: 120px;
}

.board_list article select::-ms-expand {
    display: none;
}


.board_list article select::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 4px;
    background: #000;
    top: 0;
    right: 0;
}

.board_list article select+select,
.board_list article input {
    margin-left: 10px;
}

.board_list article select option {
    font: 17px/1.3em "나눔바른고딕";
    color: #000;
}


.board_list article label {
    display: block;
    width: 1px;
    height: 1px;
    margin: 0 0 0 -1px;
    overflow: hidden;
}
    

.board_list article input {
    font: 17px/1.3em "나눔바른고딕";
    width: 190px;
    /* min-height: 40px; */
    padding: 0px 13px 0 13px;
    margin-right: -1px;
    border: 1px solid #d8d8d8;
}

.board_list article input::placeholder {
    font: 17px/1.3em "나눔바른고딕";
    color: #898989;
    /* vertical-align: middle; */
}

.board_list article input:-ms-input-placeholder {
    font: 17px/1.3em "나눔바른고딕";
    color: #898989;
}


.board_list article form button {
    width: 48px;
    height: 48px;
    background:
        url(../../../../images/iosf/ko/content/board/icon_search_18x18.png) no-repeat center/18px 18px,
        #8f816a;
}

.board_list article form button {
    color: rgba(0,0,0,0);
    user-select: none;
    text-shadow: none;
}

.board_list .counter .btn{
    border: 0;
    margin-left: 20px;
}

.board_list .counter .btn div {
    min-width: 100px;
    height: 100%;
    border: 0;
}
.board_list .counter .btn div ~ div{
    margin-left: 10px;
}

.board_list .counter .btn div a{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 48px;
    background: #313133;
    font: bold 17px/1.3em "나눔바른고딕";
    color: #fff;
    padding-right: 46px;
    padding-left: 14px;
}
.board_list .counter .btn div a:hover{
    background: #830020;
}

.board_list .counter .btn div a:after{
    content: "";
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../../../../images/iosf/ko/content/board/img_link_white_16x16.png)no-repeat center;
}



/* 게시판 테이블 */

table,
tr,
th,
td {
    border-spacing: 0;
    border-collapse: separate;
}


/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* 게시글이 하나도 없을 떄 */



.board_list article table tr.empty td {
    width: 100%;
    height: 66px;
    padding: 30px;
    background: #fcfcfc;
}

.board_list article table tr.empty td p {
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
    font: normal 17px/1.3em "나눔바른고딕";
    color: #898989;
    /* padding-left: -25px; */
}

.board_list article table tr.empty td p:before {
    content: "";
    display: block;
    width: 24px;
    min-height: 24px;
    margin: auto;
    margin-bottom: 8px;
    background: url(../../../../images/iosf/ko/content/board/icon_alert_24x24.png) no-repeat center/24px 24px;
}


/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------- */



.board_list article table {
    width: 100%;
    border-top: 2px solid #830020;
    border-bottom: 1px solid #222222;
}

.board_list article table.notice {
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #c8c8c8;
}

.board_list article table tr th,
.board_list article table tr td {
    display: table-cell;
    min-width: 110px;
    height: 56px;
    font: 17px/1.3em "나눔바른고딕";
    color: #313131;
    padding: 10px 13px;
    text-align: center;
    border-left: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
}

.board_list article table tr th:first-of-type,
.board_list article table tr td:first-of-type {
    min-width: 100px;
}

.board_list article table tr th:last-of-type,
.board_list article table tr td:last-of-type {
    border-right: 1px solid #d8d8d8;
}



/* ----------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------- */
/* 공지사항 번호 박스처리*/



.board_list article table .notice td {
    background: #fcfaf5;
}

.board_list article table .notice td b {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    font: bold 15px/1.3em "나눔바른고딕";
    color: #fff;
    text-shadow: 1px 1px 0 #434343;
    padding: 4px 9px 3px;
    background: #65001a;
}

.board_list article table td b,
.board_list article table td p {
    font: 17px/1.3em "나눔바른고딕";
    color: #000000;
}


/* ----------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------- */
/* 답변대기 , 완료 상태표시 */



.board_list article table td small {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 76px;
    height: 28px;
    font: bold 13px/1.3em "나눔바른고딕";
    /* line-height: 16px; */
    color: #fff;
    text-shadow: 1px 1px 0px #860121;
    background: #c2022e;
    padding: 4px 10px 5px;
    border: 1px solid #b8022b;
    white-space: nowrap;
}

.board_list article table td small.clear {
    text-shadow: 1px 1px 0px #598c06;
    background: #75ba04;
    border: 1px solid #6aa904;
}


/* ----------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------- */


.board_list article table tr th {
    color: #735231;
    border-bottom: 1px solid #c8c8c8;
}

.board_list article table tr:last-of-type td {
    border-bottom: 0px solid #000;
    /* margin-bottom: 10px; */
}

.board_list article table tr .title {
    text-align: left;
    /* width: 74%; */
}

.board_list article table tr .title.new span,
.board_list article.photo_board .title.new span {
    display: inline-flex;
    vertical-align: bottom;
    width: 48px;
    height: 22px;
    background:
        url(../../../../images/iosf/ko/content/board/image_new_48x22.png) no-repeat center/44px 18px;
    /* #f67400; */
    margin-left: 3px;
    margin-bottom: 3px;
}

/* .board_list article table tr .title.new span:before{
    content: "NEW";
    font: bold 12px "나눔바른고딕";
    color: #fff;
    text-shadow: 1px 1px 1px #ce4c19;
    vertical-align:auto;
    margin: auto;
} */

.board_list article table tr td.name,
.board_list article table tr td.date {
    width: 17%;
}

.board_list article table tr td a {
    /* display: flex; */
    /* height: 100%; */
    /* align-items: center; */
    text-align: left;
    font: 17px/1.3em "나눔바른고딕";
    color: #000;
    /* background: #fff; */
    /* margin-right: 6px; */
}

.board_list article table .notice .title a {
    /* background: #fcfbf9; */
    /* width: 98%; */
}

.board_list article table tr td a:hover {
    text-decoration: underline;
    text-underline-position: under;
    text-decoration-thickness: 1.3px ;
}



/* 페이징 버튼 */
section .paging {
    margin: 20px 40px auto;
}


section .paging dl,
section .paging dt,
section .paging dd {
    display: flex;
    align-items: center;
}

section .paging dt {
    margin: 0 20px;
}

section .paging dt button,
section .paging dd button {
    font: 17px/1.3em "나눔바른고딕";
    color: #313131;
    width: 48px;
    height: 48px;
    border: 1px solid #d8d8d8;
    border-left: 0;
    background: #fff;
    transition: all 0.2s;
}

section .paging dt button:first-of-type,
section .paging dd button:first-of-type {
    border-left: 1px solid #d8d8d8;
}

section .paging dd button.on {
    background: #830020;
    color: #fff;
    border: 1px solid #830020;
    transition: all 0.1s;
}

section .paging dl {
    justify-content: center;
    width: 100%;
}

section .paging dt:first-of-type button {
    background:
        url(../../../../images/iosf/ko/content/board/icon_paging_prev_14x14.png) no-repeat center;
    background-size: 14px 14px;
}

section .paging dt:first-of-type button:first-of-type {
    background:
        url(../../../../images/iosf/ko/content/board/icon_paging_first_14x14.png) no-repeat center;
    background-size: 14px 14px;
}

section .paging dt:last-of-type button {
    background:
        url(../../../../images/iosf/ko/content/board/icon_paging_next_14x14.png) no-repeat center;
    background-size: 14px 14px;
}

section .paging dt:last-of-type button:last-of-type {
    background:
        url(../../../../images/iosf/ko/content/board/icon_paging_last_14x14.png) no-repeat center;
    background-size: 14px 14px;
}

/* 페이징 버튼 end*/

/* 페이징 버튼 모바일 비활성 */
section .paging .mobile {
    display: none;
    margin: 0 9px;
}

section .paging .mobile p {
    font: 19px/1.3em "나눔바른고딕";
    /* color: #991233; */
}

section .paging .mobile p:last-of-type {
    font: 19px/1.3em "나눔바른고딕";
    font-weight: normal;
    color: #000000;
}

section .paging .mobile small {
    font: 19px/1.3em "나눔바른고딕";
    margin: 0 2px;
    color: #000000;
}


/* 버튼 */

.board_list .btn dl dd button {
    font: bold 15px1.3em "나눔바른고딕";
    color: #fff;
    text-shadow: 1px 1px 0px #992401;
    /* background: #f67400; */
    /* 접근성수정 */
    background: #EB6E07;
    min-width: 100px;
    padding: 8px 10px 9px;
    /* min-height: 40px; */
    border-radius: 20px;
}

.board_list .btn dl .right {
    margin-left: auto;
}

.board_list .btn dl .left {
    margin-right: auto;
}

.board_list .btn dl .center {
    margin: auto;
}



/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */

/* h1 제목 부분 */

.board_list article h1 {
    display: flex;
    align-items: center;
    font: bold 23px "나눔바른고딕";
    color: #000;
}

.board_list article h1:before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 22px;
    margin-right: 10px;
    background: url(../../../../images/iosf/ko/content/board/icon_titlebar_4x22.png) center/4px 22px;
}


/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* 급식 업체 리스트 페이지 meal_company */


.board_list .meal_company {
    flex-direction: column;
    width: 100%;
    height: 296px;
    padding: 27px;
    background:
        url(../../../../images/iosf/ko/content/board/bg_pattern_1100x296.png) repeat center/1140px 296px,
        url(../../../../images/iosf/ko/content/board/bg_tiger_392x296.png) no-repeat right center/392px 296px,
        #8f816a;
    border-top: 2px solid #830020;
    border-bottom: 2px solid #635848;
}

.board_list .meal_company div {
    border: 0;
}

.board_list .meal_company div b {
    display: block;
    font: bold 23px "나눔바른고딕";
    color: #fff;
    text-shadow: 1px 1px 0px #4a381c;
}

.board_list .meal_company div b:after {
    content: "";
    display: block;
    width: 58px;
    height: 1px;
    background: #e0d6c6;
    margin-top: 13px;
}

.board_list .meal_company dl {
    display: flex;
    background: transparent;
    margin-top: 30px;
    align-items: flex-start;
}

.board_list .meal_company dl dt {
    flex: 0 1 238px;
    height: 168px;
    background:
        url(../../../../images/iosf/ko/content/board/bg_companyex_194x98.png) no-repeat center,
        #fff;
    border: 1px solid #6c6152;
    margin-right: 20px;
}

.board_list .meal_company dl dd {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    flex: 1;
    vertical-align: top;
}

.board_list .meal_company dl dd div {
    display: flex;
    background-color: #fff;
    flex-direction: column;
    flex: 1 0 45%;
}

.board_list .meal_company dl dd div:nth-child(2n) {
    margin-left: 20px;
}

.board_list .meal_company dl dd div p {
    display: flex;
    align-items: center;
    font: normal 15px "나눔바른고딕";
    color: #fff;
    text-shadow: 1px 1px 0px #524329;
    padding: 11px 15px;
    min-height: 0;
    width: 100%;
    background: #867963;
    border: 1px solid #6c6152;
}

.board_list .meal_company dl dd div p:before {
    content: "";
    flex: 0 0 2px;
    height: 14px;
    display: block;
    background: #e0d6c6;
    margin-right: 7px;
}

.board_list .meal_company dl dd div small {
    font: normal 15px "나눔바른고딕";
    display: block;
    width: 100%;
    padding: 11px 15px;
    color: #313131;
    background: #fff;
}

.board_list .meal_company dl dd .btn {
    position: relative;
    display: flex;
    flex: 1 0 90%;
    margin-top: 20px;
    background: transparent;
    border-top: 1px solid #b5a795;
}

/* .board_list .meal_company dl dd .btn:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #b5a795;
} */

.board_list .meal_company dl dd .btn a {
    font: bold 15px/1.3em "나눔바른고딕";
    color: #fff;
    text-shadow: 1px 1px 0px #6a3403;
    padding: 8px 17px 10px;
    /* background: #fea51c; */
    /* 접근성수정 */
    background: #695d4b;
    border-radius: 20px;
    border: 1px solid #5c5449;
    margin-top: 20px;
    min-height: 40px;
}


/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* 썸네일 보드 리스트 board_list_thumnail */


.board_list.thumnail article table tr {
    display: flex;
    width: 0;
    min-width: 100%;
    flex-wrap: nowrap;
    padding: 30px;
    border: 1px solid #d8d8d8;
    border-top: 0;
}
.board_list.thumnail article table tr:last-of-type {
    border-bottom: 0;
}

.board_list.thumnail article table tr th,
.board_list.thumnail article table tr td,
.board_list.thumnail article table tr td:last-of-type {
    /* background: #000; */
    border: 0px solid #000;
    margin-bottom: 5px;
}

.board_list.thumnail article table div {
    border: 0px solid #000;
}



.board_list.thumnail article table tr .image {
    position: relative;
    display: block;
    min-width: 247px;
    height: 142px;
    padding: 0;
    overflow: hidden;
    background: transparent;
    border: 1px solid #EDEDED;
    margin-right: 28px;
}
.board_list.thumnail article table tr .image img {
    background:
    url(../../../../images/iosf/ko/content/board/bg_thumb_247x142_00.jpg) no-repeat center,
    #FCFCFC;
}
.board_list.thumnail.link article table tr .image {
    min-width: 199px;
    height: 142px;
}
.board_list.thumnail.link article table tr .image img {
    background:
    url(../../../../images/iosf/ko/content/board/bg_thumb_199x142_00.jpg) no-repeat center/110%,
    #FCFCFC;
}

.board_list.thumnail article table tr .image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #EDEDED;
    transition: all 0.2s;
}

.board_list.thumnail article table tr td {
    display: block;
    width: 100%;
    padding: 0px 15px 0px 0;
    text-align: left;
}
.board_list.thumnail article table tr td .num{
    display: flex;
    min-height: 30px;
}
.board_list.thumnail article table tr td .num b,
.board_list.thumnail article table tr td .num span{
    display: flex;
    align-items: center;
    justify-content: center;
    font: 15px/1.3em "나눔바른고딕";
    min-width: 70px;
    height: 30px;
    padding: 5px 15px;
    background: #8f816a;
    color: #fff;
    margin: 0;
}
.board_list.thumnail article table tr td .num span{
    margin-left: 10px;
    border: 1px solid #d8d8d8;
    background: #fff;
    color: #6e5d42;
}


.board_list.thumnail article table tr td .title {
    width: 0;
    height: auto;
    min-height: auto;
    padding: 18px 0px 0px;
    margin: 0;
    margin-bottom: 18px;
}

.board_list.thumnail article table tr td .title a {
    width: 100%;
    font: 19px/1.3em "나눔바른고딕";
    color: #000000;
    height: 50px;
}

.board_list.thumnail article table tr:hover .image img {
    width: 120%;
    height: 120%;
    top: -10%;
    left: -10%;
    transition: all 0.15s;
}
.board_list.thumnail.link article table tr .image a{
    /* position: relative; */
    display: block;
    width: 100%;
    height: 100%;
}

/* 썸네일 링크 페이지 이미지 롤오버 바로가기 효과 */
/* .board_list.thumnail.link article table tr .image:hover:after{
    content: "바로가기";
    display: inline-block;
    position: absolute;
    color: #fff;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: transparent;
    padding: 29% 0;
    line-height: 5.4em;
    background: 
    url(../../../../images/iosf/ko/content/board/img_link_white_44x44.png)no-repeat center,
    rgba(0,0,0,0.7);
    background-position: 50% 30%;
} */



.board_list.thumnail article table tr td .text {
    /* width: 100%; */
    min-height: 40px;
    font: 15px/1.3em "나눔바른고딕";
    color: #313131;
    align-items: flex-start;
    margin-top: 6px;
}

.board_list.thumnail article table tr td .text+div {
    margin-top: 10px;
}

.board_list.thumnail article table tr td .text~div {
    text-align: left;
    display: inline-flex;
    align-items: center;
    font: 13px/1.3em "나눔바른고딕";
    color: #626262;
    min-height: auto;
    width: auto;
    min-width: auto;
    bottom: 20px;
    margin-right: 13px;
}

.board_list.thumnail article table tr td .title~div {
    /* width: calc(100% - 164px); */
    /* width: auto; */
    font: 15px/1.3em "나눔바른고딕";
    color: #7d7d7d;
    display: inline-flex;
    min-width: fit-content;
    height: auto;
    min-height: auto;
    margin-right: 10px;
}

.board_list.thumnail article table tr td div {
    width: 0;
    min-width: 100%;
}

/* .board_list.thumnail article table tr td .name{
    width: 100%;
} */

.board_list.thumnail article table tr .title.new span {
    margin-bottom: 3px;
}

.board_list.thumnail article table tr td .name:before,
.board_list.thumnail article table tr td .date:before,
.board_list.thumnail article table tr td .viewcount:before,
.board_list .photo_board .name:before,
.board_list .photo_board .date:before,
.board_list .photo_board .viewcount:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-bottom: 2px;
    margin-right: 7px;
}

.board_list.thumnail article table tr td .name:before,
.board_list article.photo_board .name:before {
    background: url(../../../../images/iosf/ko/content/board/icon_name_grey_16x16.png) no-repeat center;
    background-size: 100%;
    /* vertical-align: top; */
}

.board_list.thumnail article table tr td .date:before,
.board_list article.photo_board .date:before {
    background: url(../../../../images/iosf/ko/content/board/icon_date_16x16.png) no-repeat center;
}

.board_list.thumnail article table tr td .viewcount:before,
.board_list article.photo_board .viewcount:before {
    background: url(../../../../images/iosf/ko/content/board/icon_viewcount_grey_16x16.png) no-repeat center;
}


/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* 사진게시판, 브로셔, 카드뉴스 */

.board_list .photo_board {
    width: 100%;
}
.board_list .photo_board .list{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
.board_list .photo_board .list .card{
    display: flex;
    flex-direction: column;
    width: calc((100% / 3) - (60px / 3));
    /* aspect-ratio: 121/200; */
    /* height: 574px; */
    padding: 30px;
    border: 1px solid #d8d8d8;
    border-top: 2px solid #830020;
}
.board_list .photo_board .list .card{
    margin-left: 30px;
    align-items: flex-start;
}
.board_list .photo_board .list .card:nth-of-type(1),
.board_list .photo_board .list .card:nth-of-type(3n + 4){
    margin-left: 0;
}
.board_list .photo_board .list .card:nth-of-type(3) ~ div{
    margin-top: 30px;
}
.board_list .photo_board .list .card .image{
    position: relative;
    width: 100%;
    aspect-ratio: 143/200;
    /* height: 400px; */
    border: 1px solid #efefef;
    overflow: hidden;
}
.board_list .photo_board .list .card .image a{
    z-index: 1;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
    width: 86px;
    height: 86px;
    color: #fff;
    padding: 50px 0px 0;
    text-align: center;
    background: 
    url(../../../../images/iosf/ko/content/board/img_largeview_white_28x28.png)no-repeat center,
    rgba(0,0,0,0.8);
    background-position: 29px 20px;
    opacity: 0;
}
.board_list .photo_board .list .card:hover .image a{
    opacity: 1;
    transition: all 0.2s;
}


.board_list .photo_board .list .card .image img{
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.15s;
}
.board_list  .photo_board .list .card:hover .image img {
    width: 120%;
    height: 120%;
    top: -10%;
    left: -10%;
    transition: all 0.15s;
}

.board_list .photo_board .list .card .text{
    margin-top: 20px;
}
.board_list .photo_board .list .card .text .title{
    min-height: 48px;
    margin-bottom: 20px;
}
.board_list .photo_board .list .card .text .title a{
    font: 19px/1.4em "나눔바른고딕";
    color: #000;
}
.board_list .photo_board .list .card:hover .text .title a{
    text-decoration: underline;
    text-underline-position: under;
    text-decoration-thickness: 1.3px;
}

.board_list article.photo_board .title ~ div{
    display: inline-flex;
    min-height: auto;
    font: 15px/1.4em "나눔바른고딕";
    color: #7d7d7d;
    margin-right: 18px;
}
.board_list article.photo_board .text > div:last-of-type{
    margin-right: 0;
}


/* -------------------------------------------- */
/* 카드뉴스 */

.board_list.newsletter .photo_board .list .card{
    position: relative;
    padding: 0px 0px 30px;
    aspect-ratio:unset;
    /* border-left: 0; */
    /* border-right: 0; */
}
.board_list.newsletter .photo_board .list .card .image{
    position: absolute;
    top: -2px;
    left: -1px;
    width: calc(100% + 2px);
    aspect-ratio: 1/1;
    border: 0;
    border-top: 2px solid #830020;
}
.board_list.newsletter .photo_board .list .card .text{
    /* border-left: 1px solid #d8d8d8; */
    /* border-right: 1px solid #d8d8d8; */
    margin-top: 105%;
    padding: 0 30px;
}

/* 사진게시판, 브로셔, 카드뉴스 */
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------- */
/* 자주 묻는 질문 FAQ */

.board_list article.subject{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    /* margin-top: 30px; */
}

.board_list article + .subject{
    margin-top: 50px;
}

.board_list .subject h1{
    align-items: flex-start;
    font: 23px/1.3em "나눔바른고딕";
    color: #000000;

}
.board_list .subject h1:before{
    width: 3px;
    height: 22px;
    margin-top: 3px;
}
.board_list .subject div{
    min-height: auto;
}
.board_list .subject button{
    width: 22px;
    height: 22px;
    background: url(../../../../images/iosf/ko/content/board/img_arrowdown_brown_22x22.png)no-repeat center;
    background-size: 22px 22px;
}
.board_list .subject.on button{
    background: url(../../../../images/iosf/ko/content/board/img_arrowup_brown_22x22.png)no-repeat center;
}



.board_list .faq_list dl{
    flex-direction: column;
    width: 100%;
    border: 1px solid #d8d8d8;
    border-top: 1px solid #222222;
    align-items: flex-start;
}
.board_list .faq_list dl dt{
    flex: none;
}
.board_list .faq_list dl dd,
.board_list .faq_list dl dt:not(:last-of-type){
    width: 100%;
    border-bottom: 1px solid #d8d8d8;
    justify-content: flex-start;
}
.board_list .faq_list dl dt div{
    display: flex;
    padding: 0 30px;
}
.board_list .faq_list dl dt div span{
    display: flex;
    align-items: center;
    font: 17px/1.3 "나눔바른고딕";
    color: #434343;
    height: 52px;
}
.board_list .faq_list dl dt div span b{
    font-weight: normal;
}
.board_list .faq_list dl dt div span ~ span:before{
    content: "";
    display: inline-block;
    width: 1px;
    height: 18px;
    background: #b5b5b5;
    margin: 0 13px 2px;
}

.board_list .faq_list dl .btn{
    height: 110px;
}
.board_list .faq_list dl dt.btn div button{
    min-width: 134px;
    font: bold 17px/1.3 "나눔바른고딕";
    color: #ffffff;
    padding: 13px 20px;
    background: #8f816a;
}
.board_list .faq_list dl dt.btn div button.detail:before{
    content: "개요보기";
    display: inline-block;
    font: bold 17px/1.3 "나눔바른고딕";
}
.board_list .subject.on + .faq_list dl dt.btn div button.detail:before{
    content: "개요닫기";
}
.board_list .faq_list dl dt.btn div button:after{
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../../../../images/iosf/ko/content/board/img_arrowdown_white_14x14.png)no-repeat center;
    background-size: 14px 14px;
    margin-bottom: -4px;
    margin-left: 15px;
}
.board_list .subject.on + .faq_list dl dt.btn div button.detail:after{
    background: url(../../../../images/iosf/ko/content/board/img_arrowup_white_14x14.png)no-repeat center;
    background-size: 14px 14px;
}


.board_list .faq_list dl dt.btn div button.download:after{
    background: url(../../../../images/iosf/ko/content/board/img_down_18x18.png)no-repeat center;
    background-size: 18px 18px;
}

.board_list .faq_list dl dt.btn div button.download{
    background: #313233;
}
.board_list .faq_list dl dt.btn div button ~ button{
    margin-left: 10px;
}

.board_list .subject.off + .faq_list dl dd{
    height: 0;
    padding: 0 30px;
    overflow: hidden;
    transition: all ease-out 0.3s;
}

.board_list .subject.on + .faq_list dl dd{
    height: unset;
    /* height: calc(100% - 166px); */
    display: block;
    transition: all ease-out 0.3s;
}


.board_list .faq_list dl dd{
    background: #fafafa;
    padding: 30px;
}
.board_list .faq_list dl dd.text h5,
.board_list .faq_list dl dd.text p,
.board_list .faq_list dl dd.text span,
.board_list .faq_list dl dd.text b,
.board_list .faq_list dl dd.text small{
    /* display: flex; */
    font: inherit;
    line-height: 1.4em;
    font-family: '나눔바른고딕';
    /* font: 17px/1.5em "나눔바른고딕"; */
    color: #434343;
    background: transparent;
    border: 0;
}
.board_list .faq_list dl dd.text h5{
    font-weight: bold;
    color: #000000;
    padding-bottom: 4px;
}
.board_list .faq_list dl dd.text p{
    padding: 4px 15px;
    text-align: left;
}
.board_list .faq_list dl dd.text b{
    margin-right: 3px;
}


.board_list .faq_list dl dd.text h5:not(:first-of-type){
    margin-top: 40px;
}
.board_list .faq_list dl dd.text small{
    padding: 2px 36px;
}

/* faq글자 전체 초기화 */
.board_list .faq_list dl dd.text > div :is( html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video){
    color: initial;
    background: initial;
    min-width: initial;
    height: initial;
    margin: initial;
	/* padding: 0; */
	border: 0;
	/* font-size: 100%; */
	/* font: inherit; */
	vertical-align: baseline;
    /* font: 17px/1.5em "나눔바른고딕"; */
}


/* 자주 묻는 질문 FAQ */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* 프로필, 리서처, profile, researcher */


.board_list .researcher {
    border-top: 2px solid #830020;
}
.board_list .researcher > div{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
.board_list .researcher div section{
    display: flex;
    flex-direction: column;
    width: 50%;
    padding: 30px;
    border: 1px solid #d8d8d8;
    border-top: 0;
    border-left: 0;
}
.board_list .researcher div section:nth-of-type(odd){
    border-left: 1px solid #d8d8d8;
}

.board_list .researcher div section .title p{
    font: bold 21px/1.3em "나눔바른고딕";
    color: #000;
    min-height: auto;
    background: transparent;
    border: 0;
    padding: 0;
}
.board_list .researcher div section .title:after{
    content: "";
    display: block;
    width: 48px;
    height: 1px;
    background: #8f816a;
    margin: 13px 0 30px;
}

.board_list .researcher div section .profile dt{
    width: 170px;
    height: 217px;
    flex: initial;
    border: 1px solid #ececec;
}
.board_list .researcher div section .profile dt img{
    width: 100%;
    height: 100%;
    /* background: url(../../../../images/iosf/ko/content/profile/bg_researcher_170x217_00.png)no-repeat center; */
    background-size: 101%;
}


.board_list .researcher div section .profile dd{
    flex: 1;
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.board_list .researcher table{
    border-top: 1px solid #222222;
    border-bottom: 1px solid #9f9f9f;
} 
.board_list .researcher table tr th{
    background: #f6f6f6;
    color: #6e5d42;
} 
.board_list .researcher table tr td{
    width: 68%;
}

.board_list .researcher table tr th, 
.board_list .researcher table tr td{
    font:  17px/1.3em "나눔바른고딕";
    columns: #000;
}
.board_list .researcher table tr th:nth-child(n), 
.board_list .researcher table tr td:nth-child(n){
    border-right: 0;
    text-align: left;
    height: auto;
    padding: 8px 13px;
} 
.board_list article.researcher table tr:last-of-type th,
.board_list article table tr:last-of-type td {
    border-bottom: 0;
}
.board_list .researcher table tr th:nth-last-child(1), 
.board_list .researcher table tr td:nth-last-child(1) {
    border-right: 1px solid #d8d8d8;
}

.board_list .researcher section .profile .btn{
    min-width: 140px;
    margin-top: 18px;
    min-height: auto;
}
.board_list .researcher section .profile .btn div{
    min-height: auto;
}


.board_list .researcher section .profile .btn a{
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 140px;
    height: 44px;
    font: bold  17px/1.3em "나눔바른고딕";
    color: #000;
    border: 1px solid #c3c3c3;
}
.board_list .researcher section .profile .btn a:hover{
    /* background: #313133; */
    background: #8f816a;
    color: #fefefe;
}
 
.board_list .researcher section .profile .btn a:after{
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../../../../images/iosf/ko/content/profile/img_arrowright_grey_14x14.png)no-repeat center;
    margin-left: 9px;
    margin-bottom: 2px;
}
.board_list .researcher section .profile .btn a:hover:after{
    background: url(../../../../images/iosf/ko/content/profile/img_arrowright_white_14x14.png)no-repeat center;
}



/* 프로필, 리서처, profile, researcher */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* 리서처2, researcher2 추가*/

.board_list .researcher .card{
    width: calc(100% / 3);
    padding: 30px;
}
.board_list .researcher div .card:nth-of-type(n){
    border-left: 0px solid #d8d8d8;
}

.board_list .researcher div .card:nth-of-type(1),
.board_list .researcher div .card:nth-of-type(3n + 4){
    border-left: 1px solid #d8d8d8;
}

.board_list .researcher .card p{
    font: 17px/1.3em "나눔바른고딕";
    color: #000;
    padding: 0;
}
.board_list .researcher .card p ~ p{
    margin-top: 7px;
}

.board_list .researcher .card .title{
    color: #8d7d63;
}
.board_list .researcher .card .title:after{
    display: none;
}
.board_list .researcher .card .name{
    font-size: 21px;
    font-weight: bold;
    text-align: left;
    text-transform: uppercase;
}
.board_list .researcher .card .name br{
    display: none;
}

.board_list .researcher .card .name:after{
    content: "";
    display: block;
    width: 48px;
    height: 1px;
    background: #8f816a;
    margin: 11px 0 20px;
}
.board_list .researcher .card .text .major{
    color: #313131;
    height: auto;
}
.board_list .researcher .card .text .date{
    color: #7d7d7d;
}
.board_list .researcher .card .btn{
    display: flex;
    min-height: auto;
    margin-top: 19px;
    /* width: 100%; */
}
.board_list .researcher .card .btn a{
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 106px;
    font: bold 15px/1.3em "나눔바른고딕";
    color: #fff;
    padding: 9px 13px;
    background: #313133;
}
.board_list .researcher .card .btn a.red{
    background: #830020;
}
.board_list .researcher .card .btn a:disabled{
    background: #c3c3c3;
}

.board_list .researcher .card .btn a.link:after{
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../../../../images/iosf/ko/content/profile/img_link_white_14x14.png)no-repeat center;
    background-size: 14px 14px;
    margin-left: 8px;
    margin-bottom: 1px;
}
.board_list .researcher .card .btn a ~ a{
    margin-left: 10px;
}


/* 리서처2, researcher2 추가*/
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */






/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */


@media screen and (max-width: 1140px) {
    .board_list.thumnail>div {
        /* padding: 0 10px; */
    }


}


@media screen and (max-width: 1040px) {

    /* ------------------------------------------ */
    /* profile researcher */

    .board_list .researcher div section{
        width: 100%;
    }
    .board_list .researcher div section:nth-of-type(n) {
        border-left: 1px solid #d8d8d8;
    }
    .board_list .researcher table tr td{
        width: 90%;
    }

    .board_list .researcher .card .name br{
        display: block;
    }
    .board_list .researcher .card:nth-of-type(n) {
        border-left: 0px solid #d8d8d8;
    }
    /* profile researcher */
    /* -------------------------------------------- */

}


@media screen and (max-width: 960px) {


    /* ----------------------------------------------------------------------------------------------------------------------- */
    /* 탭 메뉴 정렬 */
    .board_list article dl dt {
        flex: 1 1 34.333%;
    }

    .board_list article dl dt:nth-of-type(4) {
        margin-left: 0;
    }

    .board_list article dl dt:nth-of-type(3)~dt {
        margin-top: -1px;
    }

    .board_list article.tab3 dl dt:nth-of-type(n),
    .board_list article.tab4 dl dt:nth-of-type(n),
    .board_list article.tab5 dl dt:nth-of-type(n),
    .board_list article.tab6 dl dt:nth-of-type(n),
    .board_list article.tab7 dl dt:nth-of-type(n),
    .board_list article.tab8 dl dt:nth-of-type(n) {
        margin-left: -1px;
    }
    .board_list article.tab3 dl dt:nth-of-type(2n + 3),
    .board_list article.tab4 dl dt:nth-of-type(2n + 3),
    .board_list article.tab5 dl dt:nth-of-type(2n + 3),
    .board_list article.tab6 dl dt:nth-of-type(2n + 3),
    .board_list article.tab7 dl dt:nth-of-type(2n + 3),
    .board_list article.tab8 dl dt:nth-of-type(2n + 3) {
        margin-left: 0;
    }

    .board_list article.tab3 dl dt:nth-of-type(2) ~ dt,
    .board_list article.tab4 dl dt:nth-of-type(2) ~ dt,
    .board_list article.tab5 dl dt:nth-of-type(2) ~ dt,
    .board_list article.tab6 dl dt:nth-of-type(2) ~ dt,
    .board_list article.tab7 dl dt:nth-of-type(2) ~ dt,
    .board_list article.tab8 dl dt:nth-of-type(2) ~ dt {
        margin-top: -1px;
    }

    .board_list .tab6 dl dt,
    .board_list .tab8 dl dt{
        flex: 1 0 45%;
    }
    .board_list .tab3 dl dt:last-of-type,
    .board_list .tab5 dl dt:last-of-type,
    .board_list .tab7 dl dt:last-of-type{
        flex: none;
        width: calc(50%);
    }


    .board_list article dl dt a{
        font-size: 17px;
    }


/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
    /* 탭 메뉴 한 줄 처리 */
    .board_list .single_line dl dt {
        flex: 1 1 10%;
    }

    .board_list .single_line dl dt:nth-of-type(4) {
        margin-left: -1px;
    }

    .board_list .single_line dl dt:nth-of-type(2)~dt {
        margin-top: 0px;
    }
    /* 탭 메뉴 한 줄 처리 */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */

    .board_list .tipbox{
        flex-direction: column;
        border-left: 0;
        border-right: 0;
        padding: 27px 13px;
    }
    .board_list .tipbox:before{
        width: 100%;
        left: 0;
    }
    .board_list .tipbox .mark{
        margin: 0;
        margin-bottom: 20px;
    }


    .board_list .counter > div{
        margin-top: 30px;
        border: 0;
        min-height: auto;
    }
    .board_list .counter > div p{
        display: flex;
        align-items: center;
        padding: 0;
    }

    .board_list .counter > div p:first-of-type{
        background: transparent;
        border: 0;
        padding: 0;
    }
    .board_list .counter > div p ~ p:before{
        content: "";
        display: inline-block;
        width: 1px;
        height: 15px;
        background: #b5b5b5;
        margin: 0 10px 3px;
    }

    .board_list .counter{
        flex-direction: column-reverse;
    }

    .board_list article select.wd120 {
        width: 185px;
    }
    .board_list article .inputbox:has(.wd120 ~ .wd120) .wd120{
        width: 125px;
    }

    .board_list .counter input{
        width: 100%;
    }
    .board_list .counter button{
        min-width: 48px;
    }


/* ------------------------------------------------------------------------ */
/* 카운터, 링크버튼 세로배치 */

    .board_list .counter form{
        flex-direction: column;
    }
    .board_list article form .inputbox{
        width: 100%;
    }
    .board_list .counter .btn{
        margin: 0;
        margin-top: 20px;
    }
    .board_list .counter .btn div{
        flex: 1;
    }
    .board_list .counter .btn div a{
        justify-content: flex-start;
    }

/* 카운터, 링크버튼 세로배치 */
/* ------------------------------------------------------------------------ */



    .board_list .counter.calendar_pick {
        flex-direction: column;
    }

    .board_list .counter.calendar_pick form {
        margin-top: 20px;
    }

    .board_list .counter.calendar_pick input:last-of-type {
        flex: auto;
        /* flex: 1 0 10%; */
    }



    /* ----------------------------------------------------------------------------------------------------------------------- */
    /* ----------------------------------------------------------------------------------------------------------------------- */
    /* ----------------------------------------------------------------------------------------------------------------------- */
    /* ----------------------------------------------------------------------------------------------------------------------- */
    /* ----------------------------------------------------------------------------------------------------------------------- */
    /* 썸네일 보드 리스트 board_list_thumnail */

    .board_list.thumnail article table tr {
        position: relative;
        display: block;
        align-items: center;
        padding: 30px 0;
        border-left: 0;
        border-right: 0;

        /* flex-direction: column; */
    }

    .board_list.thumnail article table tr .image,
    .board_list.thumnail article table tr .image a {
        display: block;
        width: 100%;
        height: 0;
        padding-top: 57%;
        margin: auto;
        margin-top: 50px;
    }
    .board_list.thumnail.link article table tr .image,
    .board_list.thumnail.link article table tr .image a {
        padding-top: 71%;
    }

    .board_list.thumnail article table tr .image a {
        display: block;
        width: 100%;
        height: 0;
        padding-top: 57%;
    }

    .board_list.thumnail article table tr td {
        width: 100%;
        padding: 0;
    }

    .board_list.thumnail article table tr td .num{
        position: absolute;
        top: 30px;
        left: 0;
        height: 30px;
    }

    .board_list.thumnail article table tr td .title {
        padding: 20px 0 0px;
    }

    .board_list.thumnail article table tr td .text {
        margin-top: 14px;
    }

    .board_list.thumnail article table tr td .text+div {
        margin-top: 14px;
    }


    /* 썸네일 보드 리스트 board_list_thumnail */
    /* ----------------------------------------------------------------------------------------------------------------------- */
    /* ----------------------------------------------------------------------------------------------------------------------- */
    /* ----------------------------------------------------------------------------------------------------------------------- */
    /* ----------------------------------------------------------------------------------------------------------------------- */
    /* ----------------------------------------------------------------------------------------------------------------------- */
    /* ----------------------------------------------------------------------------------------------------------------------- */
    /* ----------------------------------------------------------------------------------------------------------------------- */
    /* 사진게시판 photo_board */

    .board_list .photo_board .list .card{
        width: calc((100% / 2) - (30px / 2));

    }

    .board_list .photo_board .list .card:nth-of-type(n){
        margin: 0;
        margin-left: 30px;
        border-left: 0;
        border-right: 0;
    } 

    .board_list .photo_board .list .card:nth-of-type(1),
    .board_list .photo_board .list .card:nth-of-type(2n + 3){
        margin-left: 0px;
    }
    .board_list .photo_board .list .card:nth-of-type(2) ~ div {
        margin-top: 30px;
    }
    .board_list .photo_board .list .card .text {
        margin-top: 20px;
        width: calc(100% + 60px);
        position: relative;
        left: -28px;
    }

    /* 사진게시판 photo_board */
    /* ----------------------------------------------------------------------------------------------------------------------- */
    /* ----------------------------------------------------------------------------------------------------------------------- */
    /* ----------------------------------------------------------------------------------------------------------------------- */
    /* ----------------------------------------------------------------------------------------------------------------------- */
    /* ----------------------------------------------------------------------------------------------------------------------- */
    /* ----------------------------------------------------------------------------------------------------------------------- */


/* } */







/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------- */




/* @media screen and (max-width: 768px) { */

    .board_list .meal_company {
        width: 100%;
        height: 401px;
        background:
            url(../../../../images/iosf/ko/content/board/bg_pattern_600x401.png) repeat center/600px 401px,
            url(../../../../images/iosf/ko/content/board/bg_tiger_340x340.png) no-repeat right top/340px 340px,
            #8f816a;
    }


    .board_list .meal_company dl dt {
        flex: 0 0 275px;
        height: 194px;
    }

    .board_list .meal_company dl dd {
        flex-direction: column;
    }

    .board_list .meal_company dl dd div:nth-child(2n) {
        margin-left: 0;
    }

    .board_list .meal_company dl dd div {
        width: 100%;
        height: 100%;
        flex: auto;
    }

    .board_list .meal_company dl dd div~div {
        margin-top: 21px;
    }

    .board_list .meal_company dl dd .btn {
        width: calc(100% + 295px);
        left: -295px;

    }




    .board_list article table tr th,
    .board_list article table tr td,
    .board_list article table tr td:last-of-type {
        /* background: #000; */
        border: 0px solid #000;
    }

    .board_list article table thead {
        display: none;
    }

    .board_list article h1 {
        font: bold 19px "나눔바른고딕";
    }

    .board_list article h1:before {
        width: 3px;
        height: 18px;
        margin-right: 8px;
        background: url(../../../../images/iosf/ko/content/board/icon_titlebar_4x22.png) center/4px 22px;
    }

    .board_list .meal_company div b {
        font-size: 21px;
    }



    /* ------------------------------------------------------------------- */
    /* ------------------------------------------------------------------- */
    /* ------------------------------------------------------------------- */
    /* faq 자주묻는 질문 */

    .board_list article.subject h1 {
        font-size: 21px;
    }
    .board_list .subject h1:before{
        margin-top: 2px;
        height: 20px;
    }

    .board_list .faq_list dl{
        border-left: 0;
        border-right: 0;
    }
    .board_list .faq_list dl dt{
        height: auto;
    }
    .board_list .faq_list dl .btn{
        width: 100%;
        justify-content: flex-start;
        padding: 20px 0;
        height: auto;
    }

    .board_list .faq_list dl dt.profile div{
        padding: 0;
        min-height: 46px;
        flex-wrap: wrap;
    }
    .board_list .faq_list dl dt.profile div{
        padding: 8px 0;
    }
    
    .board_list .faq_list dl dt div span{
        display: flex;
        align-items: center;
        font-size: 15px;
        height: auto;
        color: #7d7d7d;
        margin: 4px 0;
        margin-right: 18px;
    }

    .board_list .faq_list dl dt div span b{
        display: none;
    }

    .board_list .faq_list dl dt div span.name:before,
    .board_list .faq_list dl dt div span:before{
        content: "";
        display: inline-block;
        width: 16px;
        height: 16px;
        background: url(../../../../images/iosf/ko/content/board/img_name_16x16.png)no-repeat center;
        background-size: 16px 16px;
        margin-bottom: 3px;
        margin-right: 7px;
    }
    .board_list .faq_list dl dt div span.tel:before{
        width: 16px;
        height: 16px;
        background: url(../../../../images/iosf/ko/content/board/img_tel_16x16.png)no-repeat center;
        background-size: 16px 16px;
        margin-right: 7px;
    }
    .board_list .faq_list dl dt div span.email:before{
        width: 16px;
        height: 16px;
        background: url(../../../../images/iosf/ko/content/board/img_email_16x16.png)no-repeat center;
        background-size: 16px 16px;
        margin-right: 7px;
    }
    .board_list .faq_list dl dt div span ~ span:before {
        margin-left: 0px;
    }


    
    .board_list .faq_list dl dd{
        background: #fff;
        padding: 30px 0;
    }
    .board_list .subject.off + .faq_list dl dd{
        padding: 0px 0;
    }
    .board_list .subject.on + .faq_list dl dd {
        height: unset;
        /* height: calc(100% - 135px); */
    }
    .board_list article.subject{
        margin-top: 40px;
    }
    .board_list .faq_list dl dt.btn div{
        width: 100%;
        padding: 0;
    }


    /* faq 자주묻는 질문 */
    /* ------------------------------------------ */
    /* ------------------------------------------ */
    /* profile researcher */

    .board_list .researcher div section:nth-of-type(n){
        border-left: 0;
        border-right: 0;
    }
    .board_list .researcher div section{
        align-items: center;
        padding: 30px 0;
    }
    .board_list .researcher div section .title p{
        font-size: 19px;
        height: auto;
    }
    .board_list .researcher div section .title:after{
        margin: 13px auto 30px;
    }
    .board_list .researcher div section .profile{
        justify-content: center;
    }
    .board_list .researcher table tr{
        width: 100%;
        padding: 0;
        /* border: 0; */
    } 
    .board_list .researcher table tr th:nth-child(n), 
    .board_list .researcher table tr td:nth-child(n){
        width: 100%;
        padding: 8px 10px;
        border-left: 0;
        border-right: 0;
    }
    .board_list .researcher div section .profile dd{
        width: 100%;
        flex: none;
        margin: 20px 0 0;
    }
    .board_list .researcher section .profile .btn{
        margin: 20px auto 0;
    }

    .board_list .researcher table tr td:last-of-type{
        margin: 0;
    }


    .board_list .researcher .card{
        width: 100%;
        align-items: flex-start;
        padding: 30px 0;
    }

    /* profile researcher */
    /* ------------------------------------------ */
    /* ------------------------------------------ */


    /* ------------------------------------------------------------------------------------------------------------------------------------- */
    /* ------------------------------------------------------------------------------------------------------------------------------------- */
    /* ------------------------------------------------------------------------------------------------------------------------------------- */
    /* ------------------------------------------------------------------------------------------------------------------------------------- */
    /* ------------------------------------------------------------------------------------------------------------------------------------- */
    /* ------------------------------------------------------------------------------------------------------------------------------------- */
    /* 게시글이 하나도 없을 떄 */


    .board_list article table tr.empty {
        border: 0px solid #000;
        background: #fcfcfc;
    }

    .board_list article table tr.empty td {
        width: calc(100% + 40px);
        height: auto;
        /* margin: 0px -20px; */
    }

    .board_list article table tr.empty td p {
        flex-direction: column;
        width: 100%;
        position: relative;
        /* left: 20px; */
        /* margin: 0 -20px; */
        /* min-width: 310px; */
        height: auto;
        /* background: #f6f6f6; */
        border: 0;
    }


    /* ------------------------------------------------------------------------------------------------------------------------------------- */
    /* ------------------------------------------------------------------------------------------------------------------------------------- */
    /* ------------------------------------------------------------------------------------------------------------------------------------- */
    /* ------------------------------------------------------------------------------------------------------------------------------------- */
    /* ------------------------------------------------------------------------------------------------------------------------------------- */
    /* ------------------------------------------------------------------------------------------------------------------------------------- */



    .board_list article table tbody tr {
        /* width: 100vw; */
        display: flex;
        flex-wrap: wrap;
        padding: 30px 0;
        /* flex-direction: column; */
        border: 1px solid #d8d8d8;
        border-top: 0 solid #d8d8d8;
        border-left: 0;
        border-right: 0;
    }

    /* faq_list 관련 추가*/
    /* faq_list 관련 추가*/
    /* faq_list 관련 추가*/
    .board_list article.faq_list table tbody tr{
        display: table-row;
    }
    /* faq_list 관련 추가*/
    /* faq_list 관련 추가*/
    /* faq_list 관련 추가*/


    .board_list article table colgroup col {
        max-width: 0% !important;
    }

    .board_list article table tbody tr:last-of-type {
        border-bottom: 0px solid #000;
    }

    .board_list article table .notice td{
        background: transparent;
    }

    .board_list article table tbody tr td {
        height: auto;
        min-width: auto;
        padding: 0;
        /* display: inline-flex; */
    }
    /* faq_list 관련 추가*/
    /* faq_list 관련 추가*/
    .board_list article.faq_list table tbody tr th,
    .board_list article.faq_list table tbody tr td {
        padding: inherit;
    }
    /* faq_list 관련 추가*/
    /* faq_list 관련 추가*/

    .board_list article table tr th:first-of-type, 
    .board_list article table tr td:first-of-type{
        min-width: auto;
    }
    .board_list article table tbody tr td.title {
        display: flex;
        /* width: calc(100% - 40px); */
        flex: 1 0 95%;
    }

    .board_list article table tbody tr td.title a {
        display: block;
        padding-bottom: 2px;
        min-height: 48px;
    }

    .board_list article table .notice td b {
        background: #65001a;
    }

    .board_list article table .notice {
        /* background: #fcfbf9; */
    }


    /* --------------------------------------------------------------------- */
    /* --------------------------------------------------------------------- */
    /* --------------------------------------------------------------------- */
    /* --------------------------------------------------------------------- */
    /* 공지사항이 아닌 글 박스처리 */

    .board_list article table td b {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        min-width: 70px;
        height: 30px;
        font: 15px/1.3em "나눔바른고딕";
        color: #fff;
        text-shadow: 1px 1px 0 #77674f;
        padding: 4px 8px;
        background: #8f816a;
        margin-right: 9px;
    }

    /* --------------------------------------------------------------------- */
    /* --------------------------------------------------------------------- */
    /* --------------------------------------------------------------------- */
    /* --------------------------------------------------------------------- */


    .board_list article table td p {
        font: 15px/1.3em "나눔바른고딕";
        display: inline-flex;
        justify-content: center;
        align-items: center;
        min-width: 64px;
        height: 30px;   
        padding: 4px 14px;
        color: #967c57;
        /* background: #fff; */
        border: 1px solid #e6e6e6;
        margin-right: 9px;
    }



    .board_list article table tr .title {
        margin-top: 18px;
        margin-bottom: 18px;
        background: transparent;
    }

    .board_list article table tr .title.new a:after {
        margin-bottom: 1px;
    }

    .board_list article table tr td a {
        width: calc(100% - 20px);
        font: 19px/1.3em "나눔바른고딕";
        /* line-height: 1.2em; */
    }

    .board_list article table tr td.name,
    .board_list article table tr td.date {
        width: auto;
    }


    .board_list article table tr td:last-of-type {
        margin-bottom: 10px;
    }


    /* .board_list article table tr td.name, */
    .board_list article table tr td.title~td {
        text-align: left;
        display: inline-flex;
        height: 1em;
        align-items: center;
        font: 15px/1.3em "나눔바른고딕";
        color: #7d7d7d;
        bottom: 20px;
        margin-right: 13px;
        margin-bottom: 10px;
    }


    .board_list article table tr td.name:before,
    .board_list article table tr td.date:before,
    .board_list article table tr td.viewcount:before,
    .board_list article.photo_board .name:before,
    .board_list article.photo_board .date:before,
    .board_list article.photo_board .viewcount:before {
        content: "";
        display: inline-block;
        width: 17px;
        height: 16px;
        vertical-align: middle;
        margin-bottom: 2px;
        margin-right: 8px;
    }

    .board_list article table tr td.name:before,
    .board_list article.photo_board .name:before {
        background: url(../../../../images/iosf/ko/content/board/icon_name_16x14.png) no-repeat center;
        background-size: 16px 16px;
    }

    .board_list article table tr td.date:before,
    .board_list article.photo_board .date:before {
        background: url(../../../../images/iosf/ko/content/board/icon_date_16x16.png) no-repeat center;
        background-size: 16px 16px;
    }

    .board_list article table tr td.viewcount:before,
    .board_list article.photo_board .viewcount:before {
        background: url(../../../../images/iosf/ko/content/board/icon_viewcount_grey_16x16.png) no-repeat center;
        background-size: 16px 16px;
    }


    /* 모바일 페이징 활성 */

    .board_list .paging dd {
        display: none;
    }

    .board_list .paging .mobile {
        display: flex;
    }



}


/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------- */




@media screen and (max-width: 640px) {

    .board_list{
        padding: 20px 0;
    }

    .board_list.thumnail>div {
        padding: 0;
    }


    .board_list .meal_company {
        width: 100%;
        height: 615px;
        background:
            url(../../../../images/iosf/ko/content/board/bg_pattern_600x401.png) repeat center/600px 401px,
            url(../../../../images/iosf/ko/content/board/bg_tiger_340x340.png) no-repeat right top/340px 340px,
            #8f816a;
    }

    .board_list .meal_company div {
        height: auto;
    }

    .board_list .meal_company dl dt {
        flex: 0 0 100%;
        height: 194px;
    }

    .board_list .meal_company dl dd {
        margin-top: 20px;
    }

    .board_list .meal_company dl dd .btn {
        width: 100%;
        left: 0px;
    }

    .board_list .counter.calendar_pick form {
        flex-wrap: wrap;
    }

    /* .board_list article form .calendar-wrapper input{
        width: 100%;
    } */
    .board_list .counter.calendar_pick form span {
        flex: 1 0 40%;
        margin-bottom: 10px;
        height: 42px;
    }

    .board_list .counter.calendar_pick form span+div {
        height: 42px;
    }

    .board_list article form span:last-of-type .calendar-wrapper {
        margin-right: 0;
    }

    .board_list .counter.calendar_pick select {
        flex: 1 0 20%;
    }

    .board_list .counter.calendar_pick input:last-of-type {
        flex: 1 0 30%;
        height: 42px;
    }


    /* ----------------------------------------------------------------------------------------------------------------------- */
    /* 탭 메뉴 정렬 */

    .board_list article dl dt {
        flex: 1 1 50%;
    }

    .board_list article dl dt:nth-of-type(n) {
        margin-left: -1px;
    }

    .board_list article dl dt:nth-child(odd) {
        margin-left: 0px;
    }

    .board_list article dl dt:nth-of-type(2)~dt {
        margin-top: -1px;
    }


    /* 탭 메뉴 한 줄 처리 */
    .board_list .single_line dl dt {
        flex: 1 1 10%;
    }

    .board_list .single_line dl dt:nth-child(odd) {
        margin-left: -1px;
    }

    .board_list .single_line dl dt:nth-of-type(2)~dt {
        margin-top: 0px;
    }

    /* ----------------------------------------------------------------------------------------------------------------------- */

    .board_list .counter div {
        width: 100%;
        height: 100%;
        /* flex: 1 1 100%; */
    }

    .board_list article div p:first-of-type {
        display: block;
        /* flex: 1 1 70px; */
        /* min-width: 70px; */
        height: 100%;
    }

    .board_list article div p+p {
        width: 100%;
        text-align: right;
    }

    .board_list article input {
        width: 100px;
        flex: 1 1 30px;
    }


    .board_list article table tbody tr {
        /* margin-right: -180px; */
    }

    
/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */
    /* 사진게시판 photo_board */

    .board_list .photo_board .list .card{
        width: 100%;
    }

    .board_list .photo_board .list .card:nth-of-type(n){
        margin: 0;
    }
    .board_list .photo_board .list .card:nth-of-type(1) ~ div{
        margin-top: 20px;
    }



    /* .board_list .photo_board .list .card .text .title{
        height: auto;
    }
    .board_list .photo_board .list .card .image{
        height: unset;
    }
    .board_list .photo_board .list .card .text{

    } */


/* ----------------------------------------------------------------------------------------- */
    /* faq */
    /* .board_list .subject.on + .faq_list dl dt.profile div{
        padding: 14px 0;
    } */


}



/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------- */





@media screen and (max-width: 480px) {

    .board_list .counter form,
    .board_list .counter form .inputbox {
        flex-wrap: wrap;
    }

    .board_list article select {
        flex: 1 1 26%;
        min-height: 48px;
    }

    /* .board_list article {
        overflow: hidden;
    } */

    .board_list article input {
        flex: 1 0 75%;
        /* width: 100%; */
        margin-left: 0px;
        margin-top: 10px;
    }

    .board_list .counter input,
    .board_list .counter button {
        margin-top: 10px;
    }

    .board_list .counter.calendar_pick input,
    .board_list .counter.calendar_pick button {
        margin-top: 0;
    }

    .board_list .counter.calendar_pick form>input {
        margin-left: 10px;
    }


    .board_list article table tbody tr td.title{
        overflow: hidden;
        text-overflow: ellipsis;
        word-wrap: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .board_list article table tr td.name {
        flex: 0 0 100%;
        margin-bottom: 6px;
        margin-right: -20px;
        /* padding-right: 20px; */
        /* white-space: nowrap; */
        /* word-break: break-all; */
        /* word-wrap: break-word; */
    }

    .board_list article table tr td.name:before {
        align-items: flex-start;
    }



    /* ----------------------------------------------------------------------------------------------------------------------- */
    /* ----------------------------------------------------------------------------------------------------------------------- */
    /* 썸네일 보드 리스트 board_list_thumnail */

    .board_list.thumnail article table tr td div.name {
        width: 100%;
        margin-bottom: 10px;
    }

    /* ----------------------------------------------------------------------------------------------------------------------- */
    /* ----------------------------------------------------------------------------------------------------------------------- */
    /* ----------------------------------------------------------------------------------------------------------------------- */
    /* faq 자주묻는질문 */

    .board_list .faq_list dl dt.btn div button{
        width: 100%;
    }


}

@media screen and (max-width: 350px) {

    .board_list>div {
        min-width: 100%;
    }

    /* body{
        width: 350px;
    } */

    .board_list article table tbody tr {
        /* width: 100vw; */
        min-width: 100%;
    }
}