.bn-list-common01.type04 .b-col-num { width: 8%; }
.bn-list-common01.type04 .b-col-title { width: auto; }
.bn-list-common01.type04 .b-col-writer { width: 10%; }
.bn-list-common01.type04 .b-col-date { width: 15%; }
.bn-list-common01.type04 .b-col-stat { width: 10%; }
.bn-list-common01.type04 .b-col-industry { width: 9%;}
.bn-list-common01.type04 .b-col-address { width: 32%;}
.bn-list-common01.type04 .b-col-phone { width: 14%;}
.bn-list-common01.type04 .b-col-web { width: 11%;}
.bn-list-common01.type04 .b-col-cat { width: 11%;}
.bn-list-common01.type04 .b-col-image { width: 17%;}
.bn-list-common01.type04 .b-col-name { width: 18%;}
.bn-list-common01.type04 .b-col-detail { width: auto;}
.bn-list-common01.type04 .b-col-price { width: 12%;}

/* form select */
.box-info-inner{display: flex;gap: 10px;}
.b-form-select.type04{display: inline-block;position: relative;width: 120px;z-index: 24;}
.b-form-select.type04 .b-sel-title{display: block;padding: 16px 20px;font-weight: 400;width: 100%;border: 1px solid rgba(0, 0, 0, 0.2);background: #fff url(../img/board/i-selectbox.png) no-repeat right 20px center;font-size: 16px;color: #767676;box-sizing: border-box;vertical-align: middle;border-radius: 8px;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;line-height: 1;}
.b-form-select.type04 ul{display: none;position: absolute;top: 100%;width: 100%;border: 1px solid #d0d0d0;border-radius: 8px;overflow: hidden;background: #fff;}
.b-form-select.type04 ul li{width: 100%;height: 100%;border: 0;border-top: none;background-color: #fff;font-weight: 300;box-sizing: border-box;font-size: 15px;color: #666;box-shadow: none;-moz-appearance: none;-webkit-appearance: none;appearance: none;border-radius: 5px;}
.b-form-select.type04 ul li a{display: block;padding: 6px 15px;width: 100%;box-sizing: border-box;font-weight: 500;font-size: 14px;line-height: 140%;letter-spacing: 0.01em;color: #767676;}
.b-form-select.type04.close ul{display: block;}

/* form radio */
.type04 .b-radio{display:none;}
.type04 .b-radio + label{display:inline-block;position:relative;margin-right:40px;padding-left:28px;font-weight:400;cursor:pointer;}
.type04 .b-radio + label:before{content:"";display:inline-block;position:absolute;top:50%;left:0;padding:0 0 0 3px;width:20px;height:20px;border:1px solid rgba(0,0,0,.2);font-size:13px;border-radius:24px;box-sizing:border-box;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);background-color:#fff;}
.type04 .b-radio:checked + label:after{content:"";display:block;position:absolute;top:50%;left:5px;width:10px;height:10px;background-color:#124e87;border-radius:12px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);}

.bn-list-common01.type04 table { width: 100%; border-spacing: 0; border-top: 2px solid #000000; table-layout: fixed; }
.bn-list-common01.type04 table thead th { padding: 18px 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.4); font-weight: 600; font-size: 18px; line-height: 110%; letter-spacing: 0; color: #000000; text-align: center; height: 60px; box-sizing: border-box; }
.bn-list-common01.type04 table tbody td { position: relative; padding: 18px 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); font-weight: 400; font-size: 16px; line-height: 110%; letter-spacing: 0; color: #545454; text-align: center; height: 60px; box-sizing: border-box; }
.bn-list-common01.type04 table tbody tr.b-top-box { background-color: #f7f7f7; }
.bn-list-common01.type04 table tbody td.b-td-left { text-align: left !important; }
.bn-list-common01.type04 .b-title-box { display: flex; align-items: center; flex-wrap: wrap;gap: 10px;}
.bn-list-common01.type04 .b-title-box.b-title-box-center {justify-content: center;}
.bn-list-common01.type04 .b-title-box a { display: inline-flex; max-width: calc(100% - 40px); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: middle; font-weight: 500; font-size: 18px; line-height: 110%; letter-spacing: 0; color: #000000; text-decoration: none;align-items: center;gap: 10px;}
.bn-list-common01.type04 .b-title-box a.new:after{content:'N';display:inline-flex;align-items:center;justify-content:space-evenly;position:relative;top:0;width:25px;height:25px;border-radius:50%;line-height:21px;font-weight:300;text-align:center;font-size:12px;color:#fff;background:#009BB4;}
.bn-list-common01.type04 .b-title-box .b-m-con { display: none; }

.bn-list-common01.type04 a.b-button-box{padding: 4px 12px;background: #fff;border: 1px solid #bbb;border-radius: 8px;font-weight: 500;font-size: 16px;line-height: 140%;color: #767676;box-sizing: border-box;width: 96px;display: block;height: 34px;margin: 0 auto;transition: .3s ease;text-align: center;}
.bn-list-common01.type04 a.b-button-box.b-button-box-c-blue{background-color: #002C63;border-color: #002C63;color: #fff;}
.bn-list-common01.type04 a.b-button-box:hover {background-color: #002C63;border-color: #002C63;color: #fff;}

.bn-list-common01.type04 .b-image-box{display: block;width: 140px;height: 140px;margin: 0 auto;}
.bn-list-common01.type04 .b-image-box:not(:has(img)){background-color: #D9D9D9;}
.bn-list-common01.type04 .b-image-box img{display: block;width: 100%;height: 100%;object-fit: cover;}

/* bn-view-common01 type04 */
.bn-view-common01.type04 .b-main-box{padding: 0 0 40px;border-bottom: 1px solid #0000001A}
.bn-view-common01.type04 .b-content-box {padding:40px 0 80px;}
.bn-view-common01.type04 .b-content-box > p {font-weight: 400;font-size: 18px;line-height: 140%;color:#545454;}
.bn-view-common01.type04 .b-content-box > p + p {margin-top: 19px;}
.bn-view-common01.type04 .b-content-box img {padding: 19px 0 40px 0;width: 100%;}
.bn-view-common01.type04 .b-main-box .b-top-box .b-title-box{font-weight: 700;font-size: 36px;line-height: 120%;color: #262626;padding-bottom: 20px;}
.bn-view-common01.type04 .b-main-box .b-top-box .b-title-box.b-new {position:relative;} 
.bn-view-common01.type04 .b-main-box .b-top-box .b-title-box.b-new:after {content:"N";width:32px;height:32px;border-radius: 50%;background:#009BB4;display: inline-flex;align-items:center;justify-content:center;font-weight: 700;font-size: 16px;line-height: 100%;color:#fff;position: relative;top: -7px;left: 12px;}
.bn-view-common01.type04 .b-main-box .b-top-box .b-etc-box{border-bottom: 1px solid #000;padding-bottom: 30px;}
.bn-view-common01.type04 .b-main-box .b-title-box .b-cate{line-height:20px;}
.bn-view-common01.type04 .b-etc-box ul li {position:relative;font-size:18px;line-height:140%;color:#767676;padding: 0;margin: 0;}
.bn-view-common01.type04 .b-etc-box ul li.b-writer-box {background:url(../img/board/ico-writer.png) no-repeat center left;padding-left: 26px;}
.bn-view-common01.type04 .b-etc-box ul li.b-date-box {background:url(../img/board/ico-date.png) no-repeat center left;padding-left: 26px;}
.bn-view-common01.type04 .b-etc-box ul li.b-hit-box {background:url(../img/board/ico-view.png) no-repeat center left;padding-left: 26px;}
.bn-view-common01.type04 .b-etc-box ul li:before {content:"";}
.bn-view-common01.type04 .b-etc-box ul li.b-writer-box span:nth-of-type(1) {display:block;padding: 0;}
.bn-view-common01.type04 .b-etc-box ul li.b-date-box span:nth-of-type(1) {display:block;padding: 0;}
.bn-view-common01.type04 .b-etc-box ul li:after{content: none;}
.bn-view-common01.type04 .b-main-box .b-top-box .b-etc-box ul {display:flex;align-items:center;flex-wrap:wrap;gap: 10px 20px;}
.bn-view-common01.type04 .b-main-box .b-title-box span:nth-of-type(2){line-height:20px;}
.bn-view-common01.type04 .b-file-box {padding: 20px 16px;background: rgba(234, 243, 248, 0.5);border: 1px solid #D8E3EA;border-radius: 16px;}
.bn-view-common01.type04 .b-file-box .t-num {position:relative;font-weight: 400;font-size: 16px;line-height: 120%;color:#262626;margin-bottom:20.5px;display:flex;align-items:center;gap: 8px;}
.bn-view-common01.type04 .b-file-box .t-num:before {content:"";background:url(../img/board/ico-b-file.png) no-repeat center;width:20px;height:20px;}

.bn-view-common01.type04 .b-file-box ul {display:grid;grid-template-columns:repeat(2, 1fr);gap: 10px;}
.bn-view-common01.type04 .b-file-box ul li {padding:0;border: 1px solid #D8E3EA;background: #fff;border-radius: 8px;}
.bn-view-common01.type04 .b-file-box ul li a{position:relative;padding: 12px;display: flex;align-items: center;gap: 10px;font-size: 16px;color: #262626;}
.bn-view-common01.type04 .b-file-box ul li a:before {content:"";background:url(../img/board/ico-b-download.png) no-repeat center;width:20px;height:20px}
.bn-view-common01.type04 .b-file-box ul li a span:first-child {display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.bn-view-common01.type04 .b-file-box ul li a span:last-child {color:#767676;margin-left: auto;}

.bn-view-common01.type04 .b-pager-box {display:flex;align-items:center;gap:40px;padding: 60px 0 0;justify-content: center;}
.bn-view-common01.type04 .b-pager-box div {border-bottom: 0;flex: 1;text-align: center;}
.bn-view-common01.type04 .b-pager-box div > ul {padding:0;}
.bn-view-common01.type04 .b-pager-box div:nth-of-type(2){border-bottom: 0;width: auto;flex: none;}
.bn-view-common01.type04 .b-pager-box div:nth-of-type(1) p:nth-of-type(1){background: url(../img/board/btn-prev-page02.png) no-repeat center left;padding: 0 0 0 24px;width: 71px;font-weight: 600;font-size: 18px;line-height: 1;color: #767676;}
.bn-view-common01.type04 .b-pager-box div p:nth-of-type(2) {padding: 19px 20px;-webkit-box;}
.bn-view-common01.type04 .b-pager-box div p:nth-of-type(2) a {font-weight: 600;font-size: 18px;line-height: 120%;color:#262626;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.bn-view-common01.type04 .b-pager-box div:last-child p:nth-of-type(1) {width: 100%;padding:19px 20px;-webkit-box;}
.bn-view-common01.type04 .b-pager-box div:last-child p:nth-of-type(2) {width:71px;padding:0;background:url(../img/board/btn-next-page02.png) no-repeat center right;padding-right:24px;font-weight: 600;font-size: 18px;line-height: 1;color: #767676;}
.bn-view-common01.type04 .b-write-reply-box .reply-content-count span{color:#124e87;}
.bn-view-common01.type04 .b-write-reply-box .write-reply-content .write-reply-etc-box > button{background-color:#124e87;}
.btn-view-list a {display: block;border: 1px solid #003B90;padding: 19px 10px;width: 200px;font-size: 20px;font-weight: 700;line-height: 1;letter-spacing: 0;color: #fff;border-radius: 50px;transition: all .3s;text-align: center;box-sizing: border-box;background: #003B90;margin: 0 auto;}

/* bn-write-common01 type04 */
.bn-write-common01.type04 .b-table-wrap{border-top:2px solid #124e87;}
.bn-write-common01.type04 .b-table-box .b-row-box .b-title-box{background:#f1f5f8;text-align:left;}
.bn-write-common01.type04 .b-input.datepicker{background:#fff url(../img/board/ico-datepicker02.gif) no-repeat right 10px top 50%;}

.b-text-line-through{text-decoration: line-through;}
.b-mark-line-through{color: #009BB4;font-size: 16px;}

@media screen and (max-width: 1024px) {
	/* bn-list-common01 type04 */
	.bn-list-common01.type04.bn-task table {width:900px;}
	.bn-list-common01.type04.bn-task .table-wrap::-webkit-scrollbar {display:none;}
	.bn-list-common01.type04 table colgroup { display: none; }
	.bn-list-common01.type04 table thead { display: none; }
	.bn-list-common01.type04 table, .bn-list-common01.type04 table tbody, .bn-list-common01.type04 table tbody tr { display: block; width: 100%; }
	.bn-list-common01.type04 table tbody tr { padding: 16px 12px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); box-sizing: border-box; height: auto;}
	.bn-list-common01.type04 table tbody td:not(.b-td-left) { display: none !important; }
	.bn-list-common01.type04 table tbody td.b-td-left { display: block; width: 100% !important; padding: 0; border-bottom: none; height: auto; box-sizing: border-box;}
	.bn-list-common01.type04 .b-title-box { padding: 0; display: block; }
	.bn-list-common01.type04 .b-title-box a { display: block; max-width: 100%; white-space: normal; word-break: break-all; margin-bottom: 10px; font-size: 16px; font-weight: 600; color: #111111; }
	.bn-list-common01.type04 .b-title-box .b-m-con { display: flex; flex-wrap: wrap; align-items: center; gap: 8px;}
	.bn-list-common01.type04 .b-title-box .b-m-con span + *::before { content: '|'; color: #d0d0d0; margin-right: 8px; font-size: 12px; }
	.bn-list-common01.type04 .b-title-box .b-m-con a + *::before { content: '|'; color: #d0d0d0; margin-right: 8px; font-size: 12px; }
	.bn-list-common01.type04 .b-title-box .b-m-con a {margin-bottom: 0;}
	.bn-list-common01.type04 .b-title-box .b-m-con span.b-num { padding: 3px 12px; background: #000000; color: #ffffff; border-radius: 30px; font-size: 12px; font-weight: 600; white-space: nowrap; margin-bottom: 4px; }
	.bn-list-common01.type04 .b-title-box .b-m-con span.b-num::before { content: none !important; }

	.bn-list-common01.type04 .b-title-box .b-m-con a.b-button-box{margin: 0;}
	.bn-list-common01.type04 .b-title-box .b-m-con a.b-button-box::before {display: none;}

	.bn-list-common01.type04:has(.b-image-box) table tbody tr{min-height: 175px;}
	.bn-list-common01.type04:has(.b-image-box) table tbody td.b-td-left{position: relative; padding-left: 150px;}
	.bn-list-common01.type04:has(.b-image-box) .b-title-box .b-m-con .b-image-box + span::before{display: none;}
	.bn-list-common01.type04 .b-image-box{position: absolute;top: 0;left: 0;}

	/* bn-view-common01 type04 */
	.bn-view-common01.type04 .b-pager-box {gap:20px}
	.bn-view-common01.type04 .b-main-box .b-top-box .b-title-box {font-size: 32px;}
	.btn-view-list a {width:150px;}
}

@media screen and (max-width: 768px) {
	/* bn-list-common01 type04 */
	.bn-list-common01.type04:is(.bn-common) table thead tr{display:none;}
	.bn-list-common01.type04:is(.bn-common) table tbody td{padding:13px 0;border-right:none;font-size:14px;}
	.bn-list-common01.type04:is(.bn-common) .b-top-box .b-title-box a span{display:inline-block;font-weight:600;color:#666;}
	.bn-list-common01.type04:is(.bn-common) .b-reply-box .b-title-box{background-position:0 4px;background-size:13px 12px;}
	.bn-list-common01.type04:is(.bn-common) .b-title-box .b-etc-box{position:absolute;top:50%;right:0;transform:translateY(-50%);}
	.bn-list-common01.type04:is(.bn-common) .b-title-box .b-etc-box .b-new{width:21px;height:21px;background-size:100%;}
	.bn-list-common01.type04:is(.bn-common) .b-title-box .b-m-con{display:block;padding:5px 0 0 0;max-width:calc(100% - 48px);}
	.bn-list-common01.type04:is(.bn-common) .b-title-box .b-m-con span{position:relative;padding:0 20px 0 0;color:#969696;vertical-align:middle;}
	.bn-list-common01.type04:is(.bn-common) .b-title-box .b-m-con span:after{content:"";display:block;position:absolute;top:3px;right:10px;width:1px;height:12px;background-color:#d3d3d3;}
	.bn-list-common01.type04:is(.bn-common) .b-title-box .b-m-con span:last-of-type{padding:0;}
	.bn-list-common01.type04:is(.bn-common) .b-title-box .b-m-con span:last-of-type:after{display:none;}
	.bn-list-common01.type04:is(.bn-common) .b-title-box .b-m-con .b-writer{display:none;}
	.bn-list-common01.type04:is(.bn-common) .b-reply-box .b-num-box{text-indent:-99999px;}

	/* bn-view-common01 type04 */
	.bn-view-common01.type04:is(.bn-common) .b-main-box .b-top-box{padding:0;}
	.bn-view-common01.type04:is(.bn-common) .b-main-box .b-title-box .b-cate{font-size:15px;line-height:20px;}
	.bn-view-common01.type04:is(.bn-common) .b-main-box .b-title-box span:nth-of-type(2){font-size:15px;line-height:20px;}

	.bn-view-common01.type04 .b-file-box ul {grid-template-columns:repeat(1, 1fr);}
	.bn-view-common01.type04 .b-file-box {padding:20px 16px;}
	.bn-view-common01.type04 .b-file-box ul li a {font-size:14px}
	.bn-view-common01.type04 .b-pager-box div:first-child p:nth-of-type(2),
	.bn-view-common01.type04 .b-pager-box div:last-child p:nth-of-type(1){display:none;}
	.bn-view-common01.type04 .b-pager-box div:nth-of-type(1) p:nth-of-type(1)  {background-position: center left !important;text-align:left;}
	.bn-view-common01.type04 .b-pager-box div:last-child p:nth-of-type(2) {text-align:right;}
	.btn-view-list a {width:130px;padding: 15px;font-size:18px;}
	.bn-view-common01.type04 .b-content-box {padding: 20px 0 40px;}
	.bn-view-common01.type04 .b-pager-box {padding: 30px 0 0;}

	.box-info-inner{flex-direction: column;width: 100%;}
	.b-form-select.type04{width: 100%;}
}

@media screen and (max-width: 374px) {
	.btn-view-list a {width: 100px;font-size: 16px;}
}