/* board common */
input,
select,
textarea,
label {
    display: inline-block;
    box-sizing: border-box;
    width: auto;
    vertical-align: middle;
    line-height: 1.4;
    margin: 0;
    border-radius: 0;
    font-size: 16px;
}

input[type=text],
input[type=tel],
input[type=email],
input[type=password],
input[type=url],
input[type=submit],
input[type=button],
select {
    padding: 0 20px;
    background-color: #f8f9fb;
    border: 0;
    border-radius: 10px;
    color: #666;
}

textarea {
    padding: 20px 20px;
    background-color: #f8f9fb;
    border: 0;
    border-radius: 10px;
    color: #666;
}

/* button common */
.btn {
    min-width: 120px;
    font-size: 16px;
    border: 2px solid #eee;
    border-radius: 50px;
    background-color: transparent;
    color: #333;
    margin: 0 5px;
}

.btn:hover {
    background-color: #eee;
    box-shadow: none;
}

.btn.bg {
    min-width: 200px;
    height: 60px;
    font-size: 18px;
}

.btn.bg span {
    line-height: 60px;
}

.btn.green {
    background-color: green;
    border: 0;
    color: #fff;
    font-weight: 600;
}

.btn.primary {
    background-color: #0645a0;
    border: 0;
    color: #fff;
    font-weight: 600;
}


.btn.danger {
    background-color: red;
    border: 0;
    color: #fff;
    font-weight: 600;
}

.btn.info {
    background-color: skyblue;
    border: 0;
    color: #fff;
    font-weight: 600;
}

.btn.pink {
    background-color: hotpink;
    border: 0;
    color: #fff;
    font-weight: 600;
}

.btn.gray {
    background-color: #eee;
    border: 0;
    color: #666;
}

.btn.black {
    background-color: #333;
    border: 0;
    color: #fff;
}

/* board search */
.search {
    text-align: center;
}

.search select {
    display: inline-block;
    width: 200px;
    height: 60px;
    border-radius: 60px;
    vertical-align: middle;
}

.search .search_input {
    position: relative;
    display: inline-block;
    width: 520px;
    vertical-align: middle;
    margin-left: 20px;
}

.search .search_input input {
    width: 100%;
    height: 60px;
    border-radius: 60px;
    padding-right: 80px;
}

.search .search_input .search_btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    background: url('/main/images/contents/icon_search.png') no-repeat 50% 50%;
    background-color: #0645a0;
    background-size: 18px auto;
    border-radius: 50%;
}

/* project list */
.project_list {
    display: flex;
    flex-wrap: wrap;
    gap: 80px 40px;
    margin-top: 70px;
    margin-bottom: 110px;
}

.project_list li {
    display: inline-block;
    width: calc(25% - 30px);
    transition: all .3s;
}

.project_list li:not(.nodata):hover {
    transform: translateY(-15px);
}

.project_list li .d_day {
    position: absolute;
    top: 20px;
    right: 20px;
    display: inline-block;
    min-width: 60px;
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    font-family: 'Play';
    padding: 3px 0;
    border-radius: 5px;
    text-align: center;
    z-index: 10;
}

.project_list li .d_day.state01 {
    background-color: #0645a0;
}

.project_list li .d_day.state02 {
    background-color: #666;
}

.project_list li .img_box {
    position: relative;
    width: 100%;
    height: 240px;
    overflow: hidden;
    border-radius: 10px;
    border: 1px solid #F4F7FF;
}

.project_list li .img_box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    max-height: none;
    min-width: 100%;
    object-fit: cover;
}

.project_list li .txt_box {
    margin-top: 20px;
}

.project_list li .txt_box dl * {
    display: inline-block;
    font-size: 1rem;
}

.project_list li .txt_box dl dt {
    position: relative;
    padding-right: 10px;
    font-weight: 600;
}

.project_list li .txt_box dl dt:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -2.5px;
    margin-right: -2.5px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #ddd;
}

.project_list li .txt_box dl dd {
    padding-left: 10px;
    color: #0645a0;
}

.project_list li .txt_box .tit {
    font-size: 18px;
    font-weight: 800;
    margin-top: 20px;
}

.project_list li .txt_box p {
    font-size: 1rem;
    color: #999;
    margin-top: 20px;
}

.project_list li.nodata {
    display: block;
    width: 100%;
    text-align: center;
}

.project_list li.nodata strong {
    display: block;
    color: #ddd;
    font-size: 60px;
    font-weight: 800;
    line-height: 90px;
    width: 100px;
    height: 100px;
    border: 5px solid #eee;
    border-radius: 50%;
    margin: 0 auto 20px;
}

.project_list li.nodata span {
    color: #999;
    font-size: 20px;
    font-weight: 600;
}

/* board table */
.bbsList {
    width: 100%;
    border-top: 2px solid #0645a0;
}

.bbsList th {
    font-size: 16px;
    font-weight: 600;
    padding: 17px 0;
    color: #333;
    background-color: #f8f9fb;
    border-bottom: 1px solid #eee;
    text-align: center;
    vertical-align: middle;
}

#bbsViewTab02 .bbsList tr:hover td:nth-child(2),
#bbsViewTab03 .bbsList tr:hover td:nth-child(2) {
    font-weight: 600;
    text-decoration: underline;
}

.bbsList td {
    font-size: 16px;
    font-weight: 200;
    padding: 17px 15px;
    color: #333;
    border-bottom: 1px solid #eee;
    text-align: center;
    vertical-align: middle;
    word-break: keep-all;
}

.bbsList td[data-tbl="subject"] {
    text-align: left;
    font-weight: 400;
}

.bbsList tr:hover td {
    background-color: #fbfbfb;
}

.bbsList .btn {
    min-width: 80px;
    height: 35px;
}

.bbsList .btn span {
    line-height: 33px;
}

/* board view */
.bbsView {
    width: 100%;
    border-top: 2px solid #0645a0;
}

.bbsView .bbsView_header {
    padding-top: 40px;
    text-align: center;
}

.bbsView .bbsView_header h3 {
    display: inline-block;
    font-size: 30px;
    font-weight: 800;
    vertical-align: middle;
}

.bbsView .bbsView_header .d_day {
    display: inline-block;
    min-width: 60px;
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    font-family: 'Play';
    padding: 3px 0;
    border-radius: 5px;
    text-align: center;
    margin-left: 10px;
}

.bbsView .bbsView_header .d_day.state01 {
    background-color: #0645a0;
}

.bbsView .bbsView_header .d_day.state02 {
    background-color: #666;
}

.bbsView_header~.bbsTbView {
    border-top: 0;
}

.bbsView_header .bbsTbView th {
    text-align: center;
}

.bbsView_info {
    margin-top: 30px;
    margin-bottom: 30px;
}

.bbsView_info * {
    display: inline-block;
    font-size: 16px;
    color: #666;
}

.bbsView_info dt {
    font-weight: 800;
}

.bbsView_info dd {
    padding-left: 20px;
    margin-right: 40px;
}

.bbsView_body {
    padding-top: 60px;
}

.bbsView_body p {
    font-size: 17px;
    color: #666;
    font-weight: 400;
    word-break: keep-all;
}

.bbsView_tab {
    position: relative;
    width: 100%;
    font-size: 0;
}

.bbsView_tab .tab_item {
    position: relative;
    display: inline-block;
    min-width: 150px;
    background-color: #f8f9fb;
    padding: 21px 30px;
    text-align: center;
    border-radius: 10px 10px 0 0;
}

.bbsView_tab .tab_item span {
    display: block;
    color: #666;
    font-size: 18px;
    line-height: 1;
}

.bbsView_tab .tab_item.active {
    background-color: #0645a0;
    box-shadow: 0 5px 10px 0 rgba(6, 69, 160, .3);
}

.bbsView_tab .tab_item.active span {
    color: #fff;
    font-weight: 800;
}

.bbsView_content {
    display: none;
    border: 1px solid #eee;
    padding: 60px 80px;
    border-radius: 0 10px 10px 10px;
}

.bbsView_content.active {
    display: block;
}

.bbsView_project .img_box {
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: #f8f9fb;
    margin-bottom: 50px;
}

.bbsView_project .img_box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}

.bbsView_project ul li {
    display: block;
}

.bbsView_project ul li+li {
    margin-top: 40px;
}

.bbsView_project ul li strong {
    display: inline-block;
    width: 260px;
    vertical-align: top;
    font-size: 18px;
    font-weight: 800;
}

.bbsView_project ul li p {
    display: inline-block;
    width: calc(100% - 260px);
}

.bbsView02 .bbsView02_header {
    border-bottom: 1px solid #eee;
}

.bbsView02 .bbsView02_header h4 {
    display: block;
    font-size: 24px;
    font-weight: 800;
}

.bbsView02 .bbsView02_body {
    padding: 40px 0 30px;
    border-bottom: 1px solid #eee;
}

/* view paging */
.view_ctrl {
    position: absolute;
    bottom: 0;
}

.view_ctrl:before,
.view_ctrl:after {
    content: '';
    display: inline-block;
    width: 60px;
    height: 60px;
    background: no-repeat 50% 50%;
    background-size: auto 20px;
    border: 1px solid #eaeaea;
    border-radius: 50%;
    vertical-align: middle;
    transition: border .3s;
}

.view_ctrl:hover:before,
.view_ctrl:hover:after {
    border-color: #7fa4cc;
}

.view_paging .prev_btn {
    left: 0;
}

.view_paging .next_btn {
    right: 0;
}

.view_paging .prev_btn:after,
.view_paging .next_btn:before {
    content: none;
}

.view_paging .prev_btn:before {
    background-image: url('/main/images/contents/icon_bbs_prev.png');
}

.view_paging .next_btn:after {
    background-image: url('/main/images/contents/icon_bbs_next.png');
}

.view_ctrl .txt {
    display: inline-block;
    vertical-align: middle;
    color: #666;
    margin: 0 10px;
}

.view_ctrl .txt>b {
    display: block;
    color: #333;
}

/* board view table */
.bbsTbView {
    width: 100%;
    border-top: 1px solid #eee;
}

.bbsTbView th {
    font-size: 17px;
    font-weight: 600;
    padding: 17px 25px;
    background-color: #f8f9fb;
    border-bottom: 1px solid #eee;
    text-align: left;
    vertical-align: middle;
}

.bbsTbView td {
    font-size: 17px;
    font-weight: 200;
    color: #666;
    padding: 10px 17px;
    border-bottom: 1px solid #eee;
    text-align: left;
    vertical-align: middle;
}

.bbsTbView input {
    height: 40px;
    margin: 0 4px;
}

.bbsTbView textarea {
    height: 140px;
}

.bbsTbView .checkbox {
    margin-right: 40px;
}

.bbsTbView .radio {
    margin-right: 20px;
}

.bbsTbView .checkbox:last-child,
.bbsTbView .radio:last-child {
    margin-right: 0;
}

.bbsTbView .field_list li {
    float: left;
    font-size: 17px;
    width: 50%;
    padding: 10px 0;
}

.bbsTbView .field_list .checkbox {
    margin: 0;
}

/* board table write */
.bbsForm {
    width: 100%;
    border-top: 2px solid #0645a0;
    border-bottom: 1px solid #eee;
    padding: 30px 0;
}

.bbsForm .form_group {
    font-size: 0;
}

.bbsForm .form_group+.form_group {
    margin-top: 40px;
}

.bbsForm .form_group .form_label {
    display: inline-block;
    width: 300px;
    font-size: 18px;
    font-weight: 800;
    vertical-align: top;
}

.bbsForm .form_group .form_field {
    display: inline-block;
    width: calc(100% - 300px);
}

.bbsForm .form_group .form_field .date {
    position: relative;
    display: inline-block;
    width: 250px;
}

.bbsForm .form_group .form_field .date input {
    width: 100%;
}

.bbsForm .form_group .form_field .input_unit {
    font-size: 1rem;
    margin: 0 10px;
    vertical-align: middle;
}

.bbsForm .designFile .btn {
    border-radius: 10px;
}

/* board file */
.bbsView_file {
    position: relative;
    width: 100%;
    min-height: 80px;
    background-color: #f8f9fb;
    padding: 20px 30px;
    margin-top: 60px;
    font-size: 0;
}

.bbsView_file strong {
    display: inline-block;
    width: 100px;
    font-size: 15px;
    font-weight: 800;
    color: #333;
    vertical-align: top;
}

.bbsView_file .file_box {
    display: inline-block;
    width: calc(100% - 100px);
}

.bbsView_file .file_list {
    display: inline-block;
    padding-left: 45px;
}

.bbsView_file .file_list li {
    display: block;
}

.bbsView_file .file_list li a {
    display: inline-block;
    font-size: 15px;
    font-weight: 800;
    color: #333;
    background: url('/main/images/contents/icon_file.png') no-repeat left 50%;
    background-size: 16px auto;
    padding-left: 25px;
}

.bbsView_file .file_list li span {
    font-size: 15px;
    color: #999;
    margin-left: 10px;
}

.bbsView_file .file_list li dl {
    margin-left: -10px;
    margin-top: 10px;
}

.bbsView_file .file_list li dl dd {
    position: relative;
    display: inline-block;
    font-size: 14px;
    color: #999;
    padding: 0 10px;
}

.bbsView_file .file_list li dl dd:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -6px;
    width: 1px;
    height: 12px;
    background-color: #ddd;
}

.bbsView_file .file_list li dl dd:last-child:after {
    content: none;
}

/* board comment */
.commentArea {
    margin-top: 60px;
}

.commentArea .comment_list {
    border-top: 1px solid #eee;
    margin-top: 10px;
}

.commentArea .comment_list li {
    display: block;
    padding: 30px 30px;
    font-size: 1rem;
    border-bottom: 1px solid #eee;
}

.commentArea .comment_list li dl * {
    display: inline-block;
    font-size: 1rem;
}

.commentArea .comment_list li dl dt {
    position: relative;
    padding-right: 10px;
    font-weight: 800;
}

.commentArea .comment_list li dl dt:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -2.5px;
    margin-right: -2.5px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #ddd;
}

.commentArea .comment_list li dl dd {
    padding-left: 10px;
    color: #0645a0;
}

.commentArea .comment_list li p {
    margin-top: 20px;
    color: #333;
    font-size: 1rem;
    font-weight: 400;
}

.commentArea .comment_box {
    margin-top: 30px;
}

.commentArea .comment_box textarea {
    width: 100%;
    height: 160px;
}

.commentArea .comment_box .btn_wrap {
    padding-top: 20px;
}


/* file */
.designFile {
    position: relative;
}

.designFile input[type="file"] {
    overflow: hidden;
    position: absolute;
    margin: -1px;
    width: 1px;
    height: 1px;
    clip: rect(0, 0, 0, 0);
}

/* 데이터피커 */
#ui-datepicker-div {
    font-family: 'Pretendard', sans-serif;
}

.ui-datepicker-trigger {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 10;
    width: 50px;
    height: 50px;
    background: transparent url('/main/images/contents/icon_cal.png') no-repeat 50%;
    background-size: 16px 16px;
    font-size: 0px;
    text-indent: -999em;
    vertical-align: middle;
}

/* .ui-datepicker-trigger:hover,
.ui-datepicker-trigger:focus{-webkit-box-shadow:inset 0 0 0 1px #666; box-shadow:inset 0 0 0 1px #666;} */
.ui-datepicker-calendar {
    width: 100%;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    padding-right: 19px;
    font-family: 'Pretendard', sans-serif;
}

input+.ui-datepicker-trigger {
    border-left: 0;
}

.ui-datepicker {
    width: 250px !important;
    border-color: #eee !important;
    margin-top: -1px;
    border-radius: 10px;
    overflow: hidden;
}

.ui-widget.ui-widget-content {
    z-index: 100 !important;
    background: #fff;
    border: 1px solid #eee;
}

.ui-datepicker .ui-datepicker-header {
    background: #fff;
    border: 0px;
    border-bottom: 1px solid #eee;
}

.ui-datepicker .ui-datepicker-title select {
    height: 30px;
    margin: 0 1px !important;
    font-size: 14px;
    padding: 0 5px;
    background-position: calc(100% - 10px) center;
}

/* .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{top:50%; transform:translateY(-50%); background-repeat:no-repeat; background-position:50% 50%; background-size:22px 22px;} */
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 18px auto;
}

.ui-datepicker .ui-datepicker-prev {
    background-image: url('/main/images/contents/ctrl_prev_arw.png');
}

.ui-datepicker .ui-datepicker-next {
    background-image: url('/main/images/contents/ctrl_next_arw.png');
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    display: inline-block;
    width: 30px;
    /*height:30px;*/
    line-height: 27px;
    background: transparent !important;
    border: 0px !important;
    text-align: center;
    font-size: 14px;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    background: #0645a0 !important;
    color: #fff !important;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    background: #cee0fd !important;
}

.ui-datepicker th {
    font-weight: 400 !important;
    font-size: 14px;
    text-align: center;
}

.ui-datepicker thead tr>th.ui-datepicker-week-end:first-child {
    color: #e82c27;
}

.ui-datepicker thead tr>th.ui-datepicker-week-end:last-child {
    color: #4e86c6;
}

.ui-datepicker tbody tr>td.ui-datepicker-week-end:first-child a {
    color: #e82c27;
}

.ui-datepicker tbody tr>td.ui-datepicker-week-end:last-child a {
    color: #4e86c6;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: 0px !important;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 2px !important;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 2px !important;
}

.day-bar {
    display: inline-block;
    width: 14px;
    text-align: center;
    font-weight: 600;
}

/* pagination */
.pagination {
    text-align: center;
    font-size: 0;
    margin-top: 10px;
}

.pagination .page_item {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #999;
    font-weight: 600;
    border: 1px solid transparent;
    border-radius: 50%;
}

.pagination .page_item:hover {
    color: #0645a0;
}

.pagination .page_item.on {
    color: #fff;
    background-color: #0645a0;
}

.page_control {
    display: inline-block;
    vertical-align: top;
}

.page_control:first-child {
    margin-right: 10px;
}

.page_control:last-child {
    margin-left: 10px;
}

.page_control .page_item {
    background: no-repeat 50% 50%;
    background-size: auto 20px;
    border-color: #eee;
    margin: 0 2px;
}

.page_control .page_item.page_first {
    background-image: url('/main/images/contents/icon_bbs_first.png');
}

.page_control .page_item.page_prev {
    background-image: url('/main/images/contents/icon_bbs_prev.png');
}

.page_control .page_item.page_next {
    background-image: url('/main/images/contents/icon_bbs_next.png');
}

.page_control .page_item.page_end {
    background-image: url('/main/images/contents/icon_bbs_last.png');
}


@media (max-width: 1200px) {

    /* board */
    .table_cont {
        max-width: 100%;
    }

    /* board table write */
    .bbsForm .form_group .form_label {
        width: 240px;
    }

    .bbsForm .form_group .form_field {
        width: calc(100% - 240px);
    }

    .bbsView .bbsView_header h3 {
        font-size: 24px;
    }

    .bbsView_content {
        padding: 60px 60px;
    }

    .bbsView_project ul li strong {
        width: 200px;
    }

    .bbsView_project ul li p {
        width: calc(100% - 200px);
    }

}

@media (max-width: 1024px) {

    /* project list */
    .project_list li {
        width: calc(50% - 30px);
    }

    /* board view */
    .bbsView .bbsView_header h3 {
        font-size: 20px;
    }

    .bbsView_info {
        margin: 20px 0;
    }

    .bbsView_body p {
        font-size: 1rem;
    }

    .bbsView_tab .tab_item {
        min-width: 120px;
    }

    .bbsView_tab .tab_item span {
        font-size: 16px;
    }

    .bbsView_file .file_list {
        padding-left: 20px;
    }

    .bbsView02 .bbsView02_header h4 {
        font-size: 20px;
    }
}

@media (max-width: 768px) {

    /* board search */
    .search {
        text-align: left;
    }

    .search select,
    .search input {
        width: 100% !important;
        margin: 0;
    }

    .search select {
        margin-bottom: 10px;
        height: 50px;
    }

    .search .search_input {
        position: relative;
        width: 100%;
        margin-left: 0;
    }

    .search .search_input input {
        height: 50px;
    }

    .search .search_input .search_btn {
        width: 50px;
        height: 50px;
    }


    /* board table */
    .bbsList th {
        padding: 10px 12px;
    }

    .bbsList td {
        padding: 10px 12px;
    }

    /* board table write */
    .bbsForm .form_group+.form_group {
        margin-top: 20px;
    }

    .bbsForm .form_group .form_label {
        width: 100%;
        margin-bottom: 10px;
        font-size: 16px;
    }

    .bbsForm .form_group .form_field {
        width: 100%;
    }

    .bbsView_content {
        padding: 40px 40px;
    }

    .bbsView_content .btn_wrap {
        padding-top: 20px;
    }

    .bbsView_project ul li strong {
        width: 100%;
    }

    .bbsView_project ul li p {
        width: 100%;
        margin-top: 10px;
    }

    .bbsTbView th {
        padding: 15px 15px;
    }
}

@media (max-width: 576px) {

    /* board table */
    .bbsList,
    .bbsList tbody,
    .bbsList tr,
    .bbsList td,
    .bbsList th {
        display: block;
        width: 100%;
    }

    .bbsList thead {
        display: none;
    }

    .bbsList tr {
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        margin-bottom: 10px;
    }

    .bbsList tr:first-child {
        border-top: 0;
    }

    .bbsList td {
        border-bottom: 1px dashed #eee;
        padding: 5px 10px;
        text-align: left;
        font-size: 1rem;
    }

    .bbsList td:last-child {
        border-bottom: 0;
    }

    .bbsList2 th {
        padding: 10px 10px;
        font-size: 1rem;
    }

    .bbsList2 td {
        padding: 10px 10px;
        font-size: 1rem;
    }

    /* program - 창업 프로그램 */
    .bbsList td[data-tbl="num"] {
        display: none;
    }

    .bbsList td[data-tbl="ect"] {
        text-align: right;
    }

    /* table scroll */
    .scrollTable {
        overflow-x: auto;
    }

    .scrollTable .bbsList2 th,
    .scrollTable .bbsList2 td {
        white-space: nowrap;
    }

    /* board view */
    .bbsView_header {
        padding: 20px 0;
    }

    .bbsView_header h3 {
        font-size: 20px;
    }

    .bbsView .state {
        font-size: 1rem;
        margin-right: 0;
        margin-bottom: 10px;
    }

    /* board view table */
    .bbsTbView,
    .bbsTbView tr,
    .bbsTbView tbody,
    .bbsTbView th,
    .bbsTbView td {
        display: block;
        width: 100%;
        overflow: hidden;
    }

    .bbsTbView th {
        padding: 10px;
        font-size: 15px;
        word-break: keep-all;
    }

    .bbsTbView td {
        padding: 10px 0;
        font-size: 1rem;
    }

    .bbsTbView td input:not([type='checkbox']),
    .bbsTbView td textarea {
        margin: 0;
    }

    /* board table write */
    .bbsForm .form_group .form_field .date {
        width: 100%;
    }

    .designFile input {
        margin-bottom: 5px;
    }

    .designFile .btn {
        margin-left: 0;
    }


    /* file */
    .bbsView_file strong {
        display: none;
    }

    .bbsView_file .file_box {
        width: 100%;
        overflow: hidden;
    }

    .bbsView_file .file_list {
        padding-left: 0;
    }

    .bbsView_file .file_list li a {
        font-size: 1rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* pagination */
    .pagination .page_item {
        width: 32px;
        height: 32px;
        line-height: 32px;
    }

    /* comment */
    .commentArea .comment_list li {
        padding: 20px 10px;
    }

    .view_paging .view_ctrl {
        display: none;
    }

}

@media (max-width: 420px) {
    .project_list {
        display: block;
    }

    .project_list li {
        width: 100%;
    }

    .project_list li+li {
        margin-top: 40px;
    }

    .project_list li .txt_box .tit {
        font-size: 16px;
    }

    .bbsView .bbsView_header {
        padding-top: 20px;
    }

    .bbsView_info {
        margin: 15px 0;
    }

    .bbsView_info * {
        font-size: 14px;
        text-align: left;
    }

    .bbsView_info dt {
        min-width: 45px;
    }

    .bbsView_info dd {
        width: calc(100% - 45px);
        margin-right: 0;
    }

    .bbsView_body {
        padding-top: 20px;
    }

    .bbsView_content {
        padding: 20px 20px;
    }

    .bbsView_file {
        margin-top: 40px;
    }

    .bbsView02 .bbsView02_header h4 {
        font-size: 18px;
    }
}