@charset "utf-8";
/* CSS Document */
/*-----------------
게시판 영역 css
-------------------*/

/*게시판 공통*/
.bbs-top-wrap{width: 100%;  display: flex; justify-content: flex-end; align-items:center; }

/*진출단계별법규제*/
/*검색 상단*/
.search-top-box.regl-box{background:transparent; border-radius:var(--krds-number-0); padding:var(--krds-number-0); gap:var(--krds-number-0); }
.search-top-box.regl-box .sch-filter-box{background-color:transparent; gap:var(--krds-number-7); display:flex; flex-direction:column; width:100%;  }
.search-top-box.regl-box  > div.sch-filter-box > dl{background:var(--krds-color-light-gray-5); border-radius:var(--krds-number-5); padding:var(--krds-number-5) var(--krds-number-9); gap:var(--krds-number-12); }
.search-top-box.regl-box  > div.sch-filter-box > dl > dt{width:auto; height:auto; flex-wrap:nowrap;}
.search-top-box.regl-box  > div.sch-filter-box > dl > dt:after{ display:none;}
.search-top-box.regl-box  > div.sch-filter-box > dl > dd ul.regl-list{display:flex; flex-wrap:wrap; gap:var(--krds-number-6);}
.search-top-box.regl-box  > div.sch-filter-box > dl > dd ul.regl-list li{position:relative; flex-shrink:0;}
.search-top-box.regl-box  > div.sch-filter-box > dl > dd ul.regl-list li a{display:flex; gap:var(--krds-number-5); align-items:center; background:var(--krds-color-light-gray-0); border-radius:var(--krds-number-5); padding:var(--krds-number-6); line-height:1; font-weight:400; color:var(--krds-color-light-gray-70); box-sizing:border-box; border:var(--krds-number-1) solid var(--krds-color-light-gray-0); }
.search-top-box.regl-box  > div.sch-filter-box > dl > dd ul.regl-list li a span.flag-icon{display:inline-flex; width:var(--krds-number-9); height:var(--krds-number-9); background-size:cover; line-height:1; border-radius:50%; border:var(--krds-number-1) solid var(--krds-color-light-gray-20); overflow:hidden; }
.search-top-box.regl-box  > div.sch-filter-box > dl > dd ul.regl-list li a:hover{border:var(--krds-number-1) solid var(--krds-color-light-gray-20); }
.search-top-box.regl-box  > div.sch-filter-box > dl > dd ul.regl-list li a:focus{outline: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important; border:var(--krds-number-1) solid var(--krds-color-light-gray-60);}
.search-top-box.regl-box  > div.sch-filter-box > dl > dd ul.regl-list li a:focus-visible{outline:none !important;}
.search-top-box.regl-box  > div.sch-filter-box > dl > dd ul.regl-list li.active a{background:var(--krds-color-light-primary-60); color:var(--krds-color-light-gray-0); font-weight:700;}
.search-top-box.regl-box  > div.sch-filter-box > dl > dd ul.regl-list li.nouse a{color:var(--krds-color-light-gray-40); background:var(--krds-color-light-gray-5); border-color:var(--krds-color-light-gray-20)}
.search-top-box.regl-box  > div.sch-filter-box > dl > dd ul.regl-list li.nouse a span.flag-icon{opacity:0.4;}
.search-top-box.regl-box  > div.sch-filter-box > dl > dd ul.regl-list li.nouse.krds-contextual-help .tooltip-popover.regl-tooltip .tooltip-contents{margin-top:0;}

/*게시물 total*/
.bbs-top-wrap .bbs-total-box{margin-left: 0; margin-right: auto}
/* .bbs-total-box{ background: url("../../img/frt/content/icon-document.svg") no-repeat; background-position: center left; padding-left: var(--krds-number-9);} */
.bbs-total-box p strong{margin-left: var(--krds-number-6)}

/*목록표시개수*/
.bbs-list-view dl{ display: flex; align-items: center; }
.bbs-list-view dl dt{color:var(--krds-color-light-gray-90); font-weight: 700;}
.bbs-list-view dl dd {display:inline-flex;}
.bbs-list-view dl dd div.custom-select .form-select{border:0; height: auto; width: auto; padding: 0 var(--krds-number-10) 0 var(--krds-number-8); background-size: var(--krds-number-9); background-position: center right; font-weight: 700; color:var(--krds-color-light-primary-60);}

/*게시판 상단 버튼*/
.bbs-list-view .btn-top-box .svg-icon.ico-angle { background-image:none; background-color:#fff;  
	-webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: contain; -webkit-mask-image: url(../../libs/krds/img/component/icon/ico_angle.svg) !important;
	mask-repeat: no-repeat; mask-position: center center; mask-size: contain; mask-image: url(../../libs/krds/img/component/icon/ico_angle.svg) !important;
}

/*정렬기준*/
.bbs-top-wrap .bbs-list-view + .bbs-sort-box{display: flex; align-items: center}
.bbs-top-wrap .bbs-list-view + .bbs-sort-box:before{content: ""; display: inline-flex; width: var(--krds-number-1); height: var(--krds-number-8); background:#8A949E; margin: 0 var(--krds-number-8) }
.bbs-sort-box dl{display: flex; gap:var(--krds-number-7); align-items: center;}
.bbs-sort-box dl dt{color:var(--krds-color-light-gray-90); font-weight: 700;}
.bbs-sort-box dl dd ul{display: flex; gap:var(--krds-number-5); align-items: center;}
.bbs-sort-box dl dd ul li button{display: flex; align-items: center; border-radius:0.4rem; border:var(--krds-number-1) solid var(--krds-color-light-gray-20); height: 3rem; padding: 0 var(--krds-number-5);  }
.bbs-sort-box dl dd ul li button.active{background:var(--krds-color-light-primary-10); border-color: var(--krds-color-light-primary-10)}

/*게시판*/
.bbs-list{display: flex; flex-direction: column; gap:var(--krds-number-10) 0; width: 100%; }
.bbs-list *{transition:0.4s ease-in-out;}
.bbs-list > li{width: 100%; padding: var(--krds-number-10) var(--krds-number-12);  border:var(--krds-number-1) solid var(--krds-color-light-gray-30); border-radius: var(--krds-number-7); display: flex; position: relative;}

/*게시판 레이아웃*/
.bbs-list.type01 li{flex-direction: row; align-items: flex-start; gap:0 var(--krds-number-10); align-items: stretch; } /*행사 썸네일 이미지 게시판*/
.bbs-list.type02 li{flex-direction: column; } /*일반게시판*/
.bbs-list.type01 li.no-data{align-items:center;}


/*게시판 공통*/
.bbs-list > li div.subject a{color:var(--krds-color-light-gray-90); font-size:var(--krds-number-10); font-weight: 700; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break: break-all;}
.bbs-list > li div.subject a strong{word-break: break-all; }

/*hover*/
.bbs-list > li:hover{border-color: var(--krds-color-light-primary-60);}
.bbs-list > li div.subject a:hover{text-decoration:underline;}

/*기타*/
.bbs-list > li dl.etc-info{display: flex; gap:var(--krds-number-5) 0;}
.bbs-list > li dl.etc-info dt{display: inline-flex; flex-shrink:0; align-items:center; justify-content: center; height: 3rem; border:var(--krds-number-1) solid var(--krds-color-light-gray-10);  background-color: var(--krds-color-light-gray-5); border-radius:1.5rem; padding:0 var(--krds-number-5);}
.bbs-list > li dl.etc-info dd{display: inline-flex; flex-shrink: 1; padding:0 0 0 var(--krds-number-7); }


/*찜하기 버튼 */
.bbs-list > li div.bbs-btn-box{position: absolute; top: var(--krds-number-12); right: var(--krds-number-12);}
.bbs-list > li div.bbs-btn-box .btn-favorite{height:var(--krds-number-12); padding: 0 var(--krds-number-4); gap:0.5rem;  }
.bbs-list > li div.bbs-btn-box .btn-favorite i.icon-like{ width: var(--krds-number-9); height: var(--krds-number-9); background-color:#33363D; mask-image:url("../../img/frt/content/icon-heart.svg"); mask-repeat:no-repeat; mask-size:contain; mask-position:center; -webkit-mask-image:url("../../img/frt/content/icon-heart.svg"); -webkit-mask-repeat:no-repeat; -webkit-mask-size:contain; -webkit-mask-position:center; }
.bbs-list > li div.bbs-btn-box .btn-favorite.active i.icon-like{background-color:var(--krds-color-light-point-50); mask-image:url("../../img/frt/content/icon-heart-fill.svg"); -webkit-mask-image:url("../../img/frt/content/icon-heart-fill.svg");}

/*행사참가신청신청*/
/*썸네일 이미지 */
.bbs-list.event-list > li div.bbs-thumb-box{width: 36rem; height: 20.3rem; border: var(--krds-number-1) solid var(--krds-color-light-gray-30); background:#F4F5F6 url("../../img/frt/content/noImg.svg") no-repeat;}
/* 메인 배너 이미지와 하나의 이미지로 사용 할때 
.bbs-list.event-list > li div.bbs-thumb-box a{display: flex; width: 100%; max-height: 21.4rem;  aspect-ratio: 20 / 13.5; align-items: center; object-fit: cover; object-position: center; background:#F7F7F8 url(../../img/frt/content/noImg.svg) no-repeat; background-position:center; background-size: 50%; overflow: hidden; justify-content: center }
.bbs-list.event-list > li div.bbs-thumb-box a img{ width: 100%; height: 100%; width: auto; max-width: none; height: 100%; object-fit: contain; object-position: center;}*/
.bbs-list.event-list > li div.bbs-thumb-box a{display: flex; width: 100%;  aspect-ratio: 16 / 9; align-items: center; object-fit: cover; object-position: center; background:#F7F7F8 url(../../img/frt/content/noImg.svg) no-repeat; background-position:center; background-size: 50%; overflow: hidden; }
.bbs-list.event-list > li div.bbs-thumb-box a img{ width: 100%; height: 100%; }

/*행사참가신청 내용*/
.bbs-list.event-list > li div.bbs-cont-box{flex:1; flex-shrink: 1; }
.bbs-list.event-list > li div.bbs-cont-box .bbs-cont{display: flex; justify-content: space-between; align-items: flex-start; gap:0 var(--krds-number-12); height:100%;}
.bbs-list.event-list > li div.bbs-cont-box .bbs-cont .bbs-cont-txt{flex:1; flex-shrink: 1; display: inline-flex; flex-direction: column; flex-wrap: nowrap; gap:var(--krds-number-9); height:100%;}
.bbs-list.event-list > li div.bbs-cont-box .bbs-cont .bbs-cont-txt .event-type-area{display: flex; gap:var(--krds-number-5); }
.bbs-list.event-list > li div.bbs-cont-box .bbs-cont .bbs-cont-txt .event-type-area span{display: inline-flex; align-items: center; padding:var(--krds-number-3) var(--krds-number-5); border-radius: var(--krds-number-3); font-size: 1.5rem }
.bbs-list.event-list > li div.bbs-cont-box .bbs-cont .bbs-cont-txt .event-type-area span.region{background:var(--krds-color-light-point-5); color:var(--krds-color-light-point-60);}
/*행사 상태*/
.bbs-list.event-list > li div.bbs-cont-box .bbs-cont .bbs-cont-txt .event-type-area span.event-status.type01{background:var(--krds-color-light-secondary-5); color:var(--krds-color-high-contrast-secondary-80); border: var(--krds-number-1) solid var(--krds-color-high-contrast-secondary-80);} /*모집중*/
.bbs-list.event-list > li div.bbs-cont-box .bbs-cont .bbs-cont-txt .event-type-area span.event-status.type02{background:var(--krds-color-light-secondary-70); color:var(--krds-color-light-gray-0);} /*모집예정*/
.bbs-list.event-list > li div.bbs-cont-box .bbs-cont .bbs-cont-txt .event-type-area span.event-status.type03{background:var(--krds-color-light-gray-0); color:var(--krds-color-light-primary-60); border: var(--krds-number-1) solid var(--krds-color-light-primary-60);} /*개최예정*/
.bbs-list.event-list > li div.bbs-cont-box .bbs-cont .bbs-cont-txt .event-type-area span.event-status.type04{background:var(--krds-color-light-primary-60); color:var(--krds-color-light-gray-0);} /*개최중*/
.bbs-list.event-list > li div.bbs-cont-box .bbs-cont .bbs-cont-txt .event-type-area span.event-status.type05{background:var(--krds-color-light-gray-20); color:var(--krds-color-light-gray-50);} /*개최종료*/

/*행사 모집 기간*/
.bbs-list.event-list > li div.bbs-cont-box .bbs-cont .bbs-cont-txt .event-period{width: 100%; margin:auto 0 0 0; }
.bbs-list.event-list > li div.bbs-cont-box .bbs-cont .bbs-cont-txt .event-period li {display: flex; flex-direction: column; gap: var(--krds-number-7);}
.bbs-list.event-list > li div.bbs-cont-box .bbs-cate-box {padding-top:var(--krds-number-8); }
.bbs-list.event-list > li div.bbs-cont-box .bbs-cont .bbs-cont-btn{flex-shrink: 0; display: inline-flex; gap:var(--krds-number-8); padding:var(--krds-number-16) 0 0 0; }
.bbs-list.event-list > li div.bbs-cont-box .bbs-cont .bbs-cont-btn p.event-d-day{background: var(--krds-color-high-contrast-secondary-5); border: var(--krds-number-1) dashed var(--krds-color-light-secondary-60); border-radius:var(--krds-number-5); white-space: nowrap; font-size: 2.4rem; color:var(--krds-color-light-secondary-60); font-weight: 700; padding: 0 var(--krds-number-9); display: flex; flex-wrap: nowrap; align-items: center; height: var(--krds-number-17);}
.bbs-list.event-list > li div.bbs-cont-box .bbs-cont .bbs-cont-btn .btn-apply{ height:var(--krds-number-16); background: var(--krds-color-light-primary-5); border: var(--krds-number-1) solid var(--krds-color-light-primary-50); border-radius:var(--krds-number-5); color:var(--krds-color-light-primary-60); padding: 0 var(--krds-number-9);}
.bbs-list.event-list > li div.bbs-cont-box .bbs-cont .bbs-cont-btn .btn-apply:after{content:""; width:var(--krds-number-10); height: var(--krds-number-10); background-color:var(--krds-color-light-primary-50); mask-image:url("../../img/frt/content/icon-arrow-right.svg"); mask-repeat:no-repeat; mask-size:contain; mask-position:center; -webkit-mask-image:url("../../img/frt/content/icon-arrow-right.svg"); -webkit-mask-repeat:no-repeat; -webkit-mask-size:contain; -webkit-mask-position:center; }
.bbs-list.event-list > li div.bbs-cont-box .bbs-cont .bbs-cont-btn .btn-apply:hover{background:var(--krds-color-high-contrast-primary-10); border-color:var(--krds-color-high-contrast-primary-50); }
.bbs-list.event-list > li div.bbs-cont-box .bbs-cont .bbs-cont-btn .btn-apply:focus{background:var(--krds-color-high-contrast-primary-20); border-color:var(--krds-color-high-contrast-primary-50); }

/*일반게시판*/
.bbs-list.type02{gap:0; border-top:var(--krds-number-1) solid var(--krds-color-light-gray-30); margin-top:-0.8rem;}
.bbs-list.type02 li{border:0; border-radius:0; padding:0; border-bottom:var(--krds-number-1) solid var(--krds-color-light-gray-30); padding:var(--krds-number-8) 0; gap:var(--krds-number-8) 0;}
.bbs-list.type02 li div.bbs-cont-box{margin: 0 0; flex:1; flex-shrink: 1; display: inline-flex; flex-direction: column; flex-wrap: nowrap; gap:var(--krds-number-9); width: 100%;}
.bbs-list.type02 li div.bbs-cont-box div.subject{display:flex;gap:var(--krds-number-7); align-items: center; }
.bbs-list.type02 li div.bbs-cont-box div.subject span.category{display:inline-flex; align-items:center; flex-shrink:0; border-radius:var(--krds-number-3); background:var(--krds-color-light-primary-10); color:var(--krds-color-light-primary-60); font-size:1.5rem; padding:0 var(--krds-number-7); height:var(--krds-number-12);}
.bbs-list.type02 li div.bbs-cont-box div.subject a{-webkit-line-clamp:1;}
.bbs-list.type02 > li div.bbs-cont-box .info-box{display: flex; gap:var(--krds-number-4) var(--krds-number-7);}
.bbs-list.type02 > li div.bbs-cont-box .info-box dl.etc-info{display: flex; gap:0 var(--krds-number-7); align-items: center;}
.bbs-list.type02 > li div.bbs-cont-box .info-box dl.etc-info:after{content: ""; background:var(--krds-color-light-gray-40); display: inline-flex; align-items: center; width: var(--krds-number-1); height: var(--krds-number-8);}
.bbs-list.type02 > li div.bbs-cont-box .info-box dl.etc-info:last-child:after{display: none;}
.bbs-list.type02 > li div.bbs-cont-box .info-box dl dt{display: inline-flex; align-items:center; justify-content: center; width:8.4rem; height: 3rem; border:var(--krds-number-1) solid var(--krds-color-light-gray-10);  background-color: var(--krds-color-light-gray-5); border-radius:1.5rem}
.bbs-list.type02 > li div.bbs-cont-box .info-box dl dd{display: inline-flex; flex: 1 1 0; padding-top: var(--krds-number-2); font-size:1.5rem;}
.bbs-list.type02 > li div.bbs-cont-box .info-box + .chip-area{padding-top:var(--krds-number-8); border-top:var(--krds-number-1) solid var(--krds-color-light-gray-20)  }
.bbs-list.type02 > li.no-data{padding:var(--krds-number-12); gap:var(--krds-number-5); border-bottom:var(--krds-number-1) solid var(--krds-color-light-gray-30) !important;}

/*공지사항 게시판*/
.bbs-list.type03{gap:0;}
.bbs-list.type03 li{width: 100%; padding: var(--krds-number-8) 0;  border:var(--krds-number-0); border-bottom:var(--krds-number-1) solid var(--krds-color-light-gray-30); border-radius: var(--krds-number-0); display: grid; grid-template-columns: 8% auto 15% 5% 15%; align-items:center;}
.bbs-list.type03 li > div{text-align:center; vertical-align:middle; padding:0 var(--krds-number-5); }
.bbs-list.type03 li > div.cell-title{text-align:left; font-weight:700; }
.bbs-list.type03 li > div.cell-title a{ overflow:hidden; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical;}
.bbs-list.type03 li > div.cell-file{line-height:1;}
.bbs-list.type03 li > div.cell-file i.svg-icon{background:var(--krds-color-light-primary-50);}
.bbs-list.type03 li:hover{background:var(--krds-color-light-primary-5); }
.bbs-list.type03 li:hover a{text-decoration:underline; color:var(--krds-color-light-gray-90);}
.bbs-list.type03 li.thead{background:var(--krds-color-light-gray-5); border-top:var(--krds-number-2) solid var(--krds-color-high-contrast-primary-80); }
.bbs-list.type03 li.thead > div{text-align:center; font-weight:700;}
.bbs-list.type03 li.thead:hover{border-top-color:var(--krds-color-high-contrast-primary-80); border-bottom-color:var(--krds-color-light-gray-30)}
.bbs-list.type03 li.no-data{display: flex; border-bottom:var(--krds-number-1) solid var(--krds-color-light-gray-30) !important; padding:var(--krds-number-9) var(--krds-number-12);}
.bbs-list.type03 li.no-data:hover{background:var(--krds-color-light-gray-5)}

/*뉴스레터 게시판*/
.bbs-list.type04{display:grid; grid-template-columns: repeat(3, 1fr); gap:var(--krds-number-12); }
.bbs-list.type04 > li{ display:block; padding:0}
.bbs-list.type04 > li a{display:block; padding:0; height:100%;  }
.bbs-list.type04 > li a div.subJectBox{display:flex; flex-direction:column;  padding:var(--krds-number-10); gap:var(--krds-number-9) 0; height:100%;  } 
.bbs-list.type04 > li a div.subJectBox p.imgBox{position:relative; overflow:hidden; width:100%; aspect-ratio: 16 / 9; border:var(--krds-number-1) solid var(--krds-color-light-gray-30); background:var(--krds-color-light-gray-5) url("../../img/frt/content/noImg.svg") no-repeat center; }
.bbs-list.type04 > li a div.subJectBox p.imgBox > img{width:100%; height:100%; object-fit: cover; object-position: center; }
/* .bbs-list.type04 > li a div.subJectBox p.imgBox:has(img){background:#fff;} */
.bbs-list.type04 > li a div.subJectBox p.subject{font-size:1.9rem; font-weight:700; overflow:hidden; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; word-break:break-all;}
.bbs-list.type04 > li a div.subJectBox p.subject.row2{ -webkit-line-clamp:2;}
.bbs-list.type04 > li a div.subJectBox span.go-txt{display:inline-flex; align-items:center; margin:auto 0 0 auto; padding-top:var(--krds-number-6); }
.bbs-list.type04 > li a div.subJectBox span.go-txt:after{content:""; background:url("../../libs/krds/img/component/icon/ico_angle.svg") no-repeat; background-size:cover; width:var(--krds-number-9); height:var(--krds-number-9); transform:rotate(-90deg)}
.bbs-list.type04 li.no-data{ grid-column: 1 / span 3; width:100%; padding:var(--krds-number-12);}
.bbs-list.type04 li.no-data:before{margin-right:var(--krds-number-8); }


.bbs-list.type04 > li a div.subJectBox p.imgBox:has(span){display:flex; justify-content:center; align-items:center;}
.bbs-list.type04 > li a div.subJectBox p.imgBox:has(span img) span{display:flex; width:100%; height:100%; justify-content:space-around; align-items:stretch; }
.bbs-list.type04 > li a div.subJectBox p.imgBox:has(span img) span{ background-repeat:no-repeat; background-position:center; background-color: rgba(255, 255, 255, 0.85); background-blend-mode: lighten; background-size:cover; background-clip:padding-box;}
.bbs-list.type04 > li a div.subJectBox p.imgBox:has(span) span img{object-fit:cover; max-width:100%; max-height:100%;}


/*directory-content*/
.bbs-list.type04 > li a div.subJectBox p.con-imgBox{position:relative; overflow:hidden; width:100%; aspect-ratio: 16 / 9; border:var(--krds-number-1) solid var(--krds-color-light-gray-30); background:var(--krds-color-light-gray-5) url("../../img/frt/content/noImg.svg") no-repeat center; display: flex; align-items: center; justify-content: center;}
.bbs-list.type04 > li a div.subJectBox p.con-imgBox img{width:100%; height:100%; object-fit: contain; min-width:100%;/*  min-height:100%;  */}
.bbs-list.type04 > li a div.subJectBox p.con-imgBox:has(img){background:#fff;}


/*마이페이지내 게시판*/
.bbs-list.type06{gap:0;}
.bbs-list.type06 li{width: 100%; padding:var(--krds-number-8) var(--krds-number-3);  border:var(--krds-number-0); border-bottom:var(--krds-number-1) solid var(--krds-color-light-gray-30); border-radius: var(--krds-number-0); display: grid; align-items:center;}
.bbs-list.type06 li > div{text-align:center; vertical-align:middle; padding:0 var(--krds-number-5); }
.bbs-list.type06 li > div.cell-title{text-align:left; font-weight:700; }
.bbs-list.type06 li > div.cell-title a{ overflow:hidden; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical;}
.bbs-list.type06 li:hover{background:var(--krds-color-light-gray-5); }
.bbs-list.type06 li:hover a:hover{text-decoration:underline; color:var(--krds-color-light-gray-90)}
.bbs-list.type06 li.thead{background:var(--krds-color-light-primary-5); border-top:var(--krds-number-2) solid var(--krds-color-high-contrast-primary-80); border-bottom-color: var(--krds-color-light-gray-0);}
.bbs-list.type06 li.thead > div{text-align:center; font-weight:700; color:var(--krds-color-light-gray-95); }
.bbs-list.type06 li.thead:hover{border-top-color:var(--krds-color-high-contrast-primary-80); border-bottom-color:var(--krds-color-light-gray-0)}
.bbs-list.type06 li.no-data{display: flex; border-bottom:var(--krds-number-1) solid var(--krds-color-light-gray-30) !important; padding:var(--krds-number-9) var(--krds-number-12);}
.bbs-list.type06 li.no-data:hover{background:var(--krds-color-light-gray-5)}

/*문의하기 게시판 리스트*/
.bbs-list.hd-list li{grid-template-columns: 8% 15% auto 10% 15%;}
/*수출역량진단하기 게시판 리스트*/
.bbs-list.sv-list li{grid-template-columns: 8% 15% 15% 15% 25% auto}
.bbs-list.sv-list li > div span:has(.btn) {display:inline-flex; justify-content:center; flex-wrap:wrap; gap:var(--krds-number-3) var(--krds-number-3);}


/*페이징*/
.krds-pagination .page-links .page-link.active{background:var(--krds-color-high-contrast-primary-60);}
.krds-pagination .page-navi:hover,
.krds-pagination .page-link:hover { background-color: var(--krds-color-high-contrast-primary-5); }
.krds-pagination .page-navi:focus,
.krds-pagination .page-link:focus{background-color: var(--krds-color-high-contrast-primary-20);}

/*페이징*/
.pagination{display: flex; display: -webkit-flex; align-items: center; justify-content: center; flex-direction: row; margin:var(--krds-number-14) 0; flex-flow: row wrap; width: 100%;}
.pagination .page-navi{ padding:0 1rem; width: auto; height: 4rem; display: inline-flex; align-items: center; position: relative; }
.pagination .page-navi.disabled{color:var(--krds-color-light-gray-40)}
.pagination .page-navi.prev{order:1;}
.pagination .page-navi.next{order:3;}
.pagination .page-navi.next{flex-direction: row-reverse}
.pagination .page-links{order:2; display: flex; display: -webkit-flex; align-items: center; justify-content: center; flex-direction: row; gap:0 1rem;}
.pagination .page-links .page-link{ width:auto; min-width: var(--krds-number-14); height: var(--krds-number-14); display: inline-flex; display: -webkit-inline-flex; align-items: center; justify-content: center; font-size: 1.7rem; font-weight: 400; color:var(--krds-color-light-gray-70); border-radius: 0.6rem; padding:0 0.6rem; }
.pagination .page-links .page-link:hover{ background-color: var(--krds-color-high-contrast-primary-5); }
.pagination .page-links .page-link.active{background: var(--krds-color-light-primary-60); color: var(--krds-color-light-gray-0);}
.pagination .page-links .page-link.link-dot{width: 2.4rem; min-width:auto; height: 2.4rem; background-image: url("../../libs/krds/img/component/icon/ico_ellipsis.svg"); background-repeat: no-repeat; background-size: cover; }
.pagination .page-links .page-link.link-dot:hover{background-color: var(--krds-color-light-gray-0);}

.pagination .page-navi.prev:before{display: inline-flex; content: ""; width: var(--krds-number-6); height: var(--krds-number-6); position: absolute; top: 50%;  border-top: var(--krds-number-2) solid var(--krds-color-light-gray-80); margin-top: -0.1rem; border-left: var(--krds-number-2) solid var(--krds-color-light-gray-80);  transform: translateY(-50%) rotate(315deg); left:0; }
.pagination .page-navi.next:after{display: inline-flex; content: ""; width: var(--krds-number-6); height: var(--krds-number-6); position: absolute; top: 50%;  border-top: var(--krds-number-2) solid var(--krds-cojavascript:void(0);lor-light-gray-80); margin-top: -0.1rem; border-right: var(--krds-number-2) solid var(--krds-color-light-gray-80);  transform: translateY(-50%) rotate(45deg); right:0;}
.pagination .page-navi.prev.disabled:before{border-color:var(--krds-color-light-gray-40)}
.pagination .page-navi.next.disabled:after{border-color:var(--krds-color-light-gray-40)}

/*버튼영역*/
.page-btn-wrap{display:flex; justify-content:flex-end; padding:var(--krds-number-10) 0 0 0; gap:var(--krds-number-5); }
.page-btn-wrap .btn {display:inline-flex; align-items:center; min-width:var(--krds-number-9);}  
.page-btn-wrap.flex-between{justify-content: space-between}
.page-btn-wrap .btn i.svg-icon.ico-angle{background-image:none; -webkit-mask-repeat: no-repeat !important; -webkit-mask-position: center center !important; -webkit-mask-size: contain !important; -webkit-mask-image: url(../../libs/krds/img/component/icon/ico_angle.svg) !important; 
mask-repeat: no-repeat !important; mask-position: center center !important; mask-size: contain !important; mask-image: url(../../libs/krds/img/component/icon/ico_angle.svg) !important;}
.page-btn-wrap .l-box{margin:0 auto 0 0; display:flex; gap:var(--krds-number-5);}
.page-btn-wrap .r-box{margin:0 0 0 auto; display:flex; gap:var(--krds-number-5);}


/*행사참가 신청 탭메뉴*/
.event-tab {width:100%;  position: relative; overflow: hidden; margin-top: var(--krds-number-8); }
.event-tab *{transition:0.4s ease-in-out;}
.event-tab ul{padding:var(--krds-number-2);}
.event-tab ul li{width: auto; position: relative;}
.event-tab ul li button.btn-tab{width: auto; height: 4rem; padding: 0 var(--krds-number-7); position: relative; font-weight: 700; font-size: 1.9rem; color:#464C53}
.event-tab ul li button.btn-tab:before{content: ""; display: block; width:0; height: 0.3rem; position: absolute; bottom:0; left: 0; background:var(--krds-color-light-primary-60); transition:0.4s ease-in-out;}
.event-tab ul li.active button.btn-tab{color:var(--krds-color-light-primary-60); }
.event-tab ul li.active button.btn-tab:before{width:100%; left:0;}
.event-tab ul li button.btn-tab:hover{background:var(--krds-color-light-primary-5)}
.event-tab ul li button.btn-tab:focus{background:var(--krds-color-high-contrast-primary-20); }
.event-tab .swiper-button-next{padding-left: var(--krds-number-10); background:linear-gradient(90deg,rgba(248,240,255,0.30) 3.12%,var(--krds-color-light-primary-5) 46.25%); width:var(--krds-number-12); box-sizing: content-box;}
.event-tab .swiper-button-prev{padding-right: var(--krds-number-10); background:linear-gradient(90deg, var(--krds-color-light-primary-5) 53.75%,rgba(248,240,255,0.30) 96.88%); width: var(--krds-number-12); box-sizing: content-box}
.event-tab .swiper-button-next:after, .event-tab .swiper-button-prev:after{mask-image:none; -webkit-mask-image:none; background:url("../../img/frt/content/icon-arrow-right.svg") no-repeat; background-position: center; color:transparent; transform: none;}
.event-tab .swiper-button-prev:after{transform:rotate(180deg)}
.event-tab .swiper-button-next.swiper-button-disabled, .event-tab .swiper-button-prev.swiper-button-disabled{display: none; opacity: 0;}
.event-tab .swiper-navigation{display:none;}

/*행사참가신청 좌측 kocca 주관 행사*/
.mob-side-view{}
.side-kocca-event-box{ margin: var(--krds-number-8) 0 0 0; display: flex; flex-direction: column; gap:var(--krds-number-8); overflow: hidden;}
.side-kocca-event-box .info-box-list{width: 100%; border-radius:var(--krds-number-6); border:var(--krds-number-1) solid var(--krds-color-light-gray-20); display: flex; flex-direction: column; overflow: hidden;}
.side-kocca-event-box .info-box-list h2.side-subtitle{background:var(--krds-color-high-contrast-primary-5); border-bottom:var(--krds-number-1) solid var(--krds-color-light-gray-20); width: 100%; display: inline-flex; padding: var(--krds-number-8); font-size: 1.7rem; color:var(--krds-color-light-gray-100); line-height: 1.1; }
.side-kocca-event-box .info-box-list:nth-child(2n) h2.side-subtitle{background:var(--krds-color-high-contrast-secondary-5);}

.side-kocca-event-box .info-box-list ul{padding: var(--krds-number-8); display: flex; flex-direction: column; gap:var(--krds-number-6); }
.side-kocca-event-box .info-box-list ul li{padding:var(--krds-number-6); border-bottom:var(--krds-number-1) solid var(--krds-color-light-gray-20); background:url("../../img/frt/content/icon-arrow-right.svg") no-repeat; background-position: center right var(--krds-number-7) }
.side-kocca-event-box .info-box-list ul li a{ font-size:1.5rem; line-height: 1.46; display:-webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break: break-all; padding-right: var(--krds-number-10); }

/*게시판 상세화면 page title */
.bbs-title-wrap{width:100%;  border-bottom: var(--krds-number-1) solid #D9D9D9; padding-bottom: var(--krds-number-9); display: flex; justify-content: space-between; align-items: flex-end; flex-direction: row; flex-wrap: nowrap; gap: var(--krds-pc-gap-layout-title-body-large); margin-bottom:var(--krds-number-10);}
.bbs-title-wrap.bdb-0{border-bottom: 0; margin-bottom: 0;}
.bbs-title-wrap h2{color: #1E2124; font-size:var(--krds-number-12); display: inline-flex; flex-direction:column; align-items: flex-start; word-break: break-all;}
.bbs-title-wrap h2 span{font-size:1.5rem; border-radius:var(--krds-number-4); padding:var(--krds-number-4) var(--krds-number-6); font-weight:normal; color:var(--krds-color-light-gray-0)}
.bbs-title-wrap h2 span.flag.blue { background-color: var(--krds-color-light-primary-70);}
.bbs-title-wrap h2 span.flag.gray { background-color: var(--krds-color-light-gray-60);}
.bbs-title-wrap h2 span.flag.org { background-color: #9E3110;}
.bbs-title-wrap h2 span.flag.red { background-color: var(--krds-color-light-secondary-70);}
.bbs-title-wrap h2 span.flag.grn { background-color: #1C6218;}
.bbs-title-wrap .sub-util{height: 6rem; align-items: center;}

/*게시판 상세화면 공통 폼*/
.bbs-view-wrap{gap:var(--krds-number-10); display: flex; flex-direction:column; width: 100%;}
.bbs-sub-tit{display:block; width: 100%;  border-bottom:var(--krds-number-1) solid var(--krds-color-light-gray-10); padding: 0 0 var(--krds-number-9) var(--krds-number-11); background:url("../../img/frt/layout/icon-Wbullet.svg") no-repeat; background-position: top 0.5rem left ; background-size: var(--krds-number-10); }
.bbs-sub-tit h3{font-size: var(--krds-number-10); color: var(--krds-color-light-gray-90); font-weight: 700; }

.bbs-detail{width: 100%; display: block; overflow: hidden; padding: var(--krds-number-9) 0 var(--krds-number-15) 0; border-bottom:var(--krds-number-1) solid var(--krds-color-light-gray-10);  }
.bbs-detail:has(.view2-welcon-wrap){padding-top:var(--krds-number-0);}

.bbs-etc-info-box{display: flex; flex-direction: column;  gap:var(--krds-number-7); width: 100%; }
.bbs-etc-info-box > div > dl{border-radius: var(--krds-number-5); display: flex; align-items: stretch; }
.bbs-etc-info-box > div > dl > dt{border-radius: var(--krds-number-5) 0 0 var(--krds-number-5); background: var(--krds-color-light-gray-10); width:14rem; padding:var(--krds-number-8) var(--krds-number-9); display: inline-flex; align-items: center; font-size: 1.5rem;  }
.bbs-etc-info-box > div > dl > dd{display: inline-flex; align-items: center; flex:1; border-radius: 0 var(--krds-number-5) var(--krds-number-5) 0; border:var(--krds-number-1) solid var(--krds-color-light-gray-20);  border-left:0; padding:var(--krds-number-8) var(--krds-number-9); font-size: 1.5rem; font-weight: 700 }
.bbs-etc-info-box > div.download-box > dl > dt{align-items: flex-start;}
.bbs-etc-info-box > div.download-box > dl > dd{border:0; background:var(--krds-color-light-gray-5); padding:var(--krds-number-5) var(--krds-number-9); }
.bbs-etc-info-box > div.link-box > dl > dd a{word-break:break-all;}
.bbs-etc-info-box > div.link-box > dl > dd a:hover{text-decoration: underline;}
.bbs-etc-info-box > div.download-box > dl > dd ul {display: flex; flex-direction: column; width: 100%; gap: var(--krds-number-5)}
.bbs-etc-info-box > div.download-box > dl > dd ul li{display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; border-bottom: var(--krds-number-1) dashed var(--krds-color-light-gray-20); padding-bottom: var(--krds-number-5); gap:var(--krds-number-4);  }
.bbs-etc-info-box > div.download-box > dl > dd ul li:last-child{border-bottom: 0; padding-bottom: 0;}
.bbs-etc-info-box > div.download-box > dl > dd ul li:hover div.file-name-box a{text-decoration: underline}
.bbs-etc-info-box > div.download-box > dl > dd ul li div.file-name-box{display: inline-flex; flex-shrink: 1;}
.bbs-etc-info-box > div.download-box > dl > dd ul li div.file-name-box a{width: 100%;  display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; font-weight: 700 }
.bbs-etc-info-box > div.download-box > dl > dd ul li div.file-btn-box{display: inline-flex; flex-shrink: 0; gap:var(--krds-number-5);}

.bbs-etc-info-box > div.tag-box > dl{border:0; border-radius:0;}
.bbs-etc-info-box > div.tag-box > dl > dd {border:0; padding:0;}
.bbs-etc-info-box > div.tag-box > dl > dd .chip-area .chip-label{background:var(--krds-color-high-contrast-primary-5); border-color:var(--krds-color-light-primary-60); color:var(--krds-color-light-primary-60); font-size:1.5rem; font-weight:500; height:auto; min-height:var(--krds-number-12); padding:var(--krds-number-5) var(--krds-number-8); line-height:1; border-radius:10rem;}


.bbs-bottom-btn{width: 100%; min-width: 0; display:flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; border-top:var(--krds-number-2) solid var(--krds-color-light-gray-50);  padding: var(--krds-number-9) 0;  }

/*참가신청 게시판 상세 화면 top*/
.event-top-area{background:var(--krds-color-light-gray-5); border:var(--krds-number-1) solid var(--krds-color-light-gray-20); border-radius: var(--krds-number-7); padding:var(--krds-number-10) var(--krds-number-11); display: flex; flex-direction: column; gap:2rem 0; width: 100%;  min-width: 0;}
.event-top-area .event-info-wrap{display: flex; gap:var(--krds-number-16);}
.event-top-area .event-info-wrap .bbs-thumb-box{ flex:0 1 auto;  width: 36rem; height:20.3rem;  border: var(--krds-number-1) solid var(--krds-color-light-gray-30); background:#fff url("../../img/frt/content/noImg.svg") no-repeat center; overflow: hidden;}
.event-top-area .event-info-wrap .bbs-thumb-box p{display: flex; width: 100%; height: 100%; align-items: center; object-fit: cover; object-position: center; background:#fff url(../../img/frt/content/noImg.svg) no-repeat; background-position:center; background-size: 50%; overflow: hidden; }
.event-top-area .event-info-wrap .bbs-thumb-box p img{ width: 100%; height: 100%; object-fit: cover; object-position: center;}
.event-top-area .event-info-wrap .bbs-cont-box{flex:1;}
.event-top-area .event-info-wrap .bbs-cont-box ul{display:flex; flex-direction: column; width: 100%; gap:var(--krds-number-5);}
.event-top-area .event-info-wrap .bbs-cont-box ul dl{display: flex; align-items: flex-start; gap:var(--krds-number-8) }
.event-top-area .event-info-wrap .bbs-cont-box ul dl dt{flex-shrink:0; display: inline-flex; align-items: center; justify-content: center; height:var(--krds-number-12); border-radius: var(--krds-number-3); padding:0 var(--krds-number-5); font-size:1.5rem;}
.event-top-area .event-info-wrap .bbs-cont-box ul dl dd{flex-shrink: 1; display: inline-flex;  align-items: center; flex-wrap:wrap; min-height:var(--krds-number-12);}
.event-top-area .event-info-wrap .bbs-cont-box ul dl dd .chip-input span.chip-label{height:var(--krds-number-12); border-radius: var(--krds-number-8); padding:0 var(--krds-number-7); font-size: 1.5rem; }
.event-top-area .event-btn-wrap{display: flex; flex-wrap: wrap; justify-content: flex-end; gap:var(--krds-number-6);  width: 100%;  padding-top: var(--krds-number-9); border-top: var(--krds-number-1) solid var(--krds-color-light-gray-20);}
.event-top-area .event-btn-wrap:not(:has(a)){display:none;}

/*content - view*/
.event-top-area .event-info-wrap:has(.main-content-display) {border-bottom:0; padding-bottom:0;}
.event-top-area .event-info-wrap:has(.main-content-display) .bbs-cont-box .bdb1{ padding-bottom: var(--krds-number-9); margin-bottom:var(--krds-number-9); border-bottom: var(--krds-number-1) solid var(--krds-color-light-gray-20);}
.event-top-area .event-info-wrap .main-content-display{flex:0 1 auto; width: 42rem;}
.event-top-area .event-info-wrap .main-content-display .main-image-panel{ border:var(--krds-number-1) solid var(--krds-color-light-gray-30); background:var(--krds-color-light-gray-0); overflow:hidden; display:flex; align-items:center; justify-content:center; aspect-ratio:16 / 9;}
.event-top-area .event-info-wrap .main-content-display .main-image-panel .swiper-slide{width:100%; height:100%;  background-repeat:no-repeat; background-position:center; background-color: rgba(255, 255, 255, 0.85); background-blend-mode: lighten; background-size:cover; background-clip:padding-box;}
.event-top-area .event-info-wrap .main-content-display .main-image-panel p.img-box{display:flex; width:100%; height:100%; justify-content:space-around; align-items:stretch;}
.event-top-area .event-info-wrap .main-content-display .main-image-panel p.img-box img{object-fit:cover; max-width:100%; max-height:100%}
.event-top-area .event-info-wrap .main-content-display .thumb-nail{padding: var(--krds-number-8) var(--krds-number-9) 0 var(--krds-number-9); position:relative;}
.event-top-area .event-info-wrap .main-content-display .gallery-thumbs{position:static;}
.event-top-area .event-info-wrap .main-content-display .gallery-thumbs .swiper-slide{width:100%; height:6.8rem; aspect-ratio:16 / 9;  border:var(--krds-number-1) solid var(--krds-color-light-gray-30); background-color:var(--krds-color-light-gray-0); background-size:cover; background-repeat:no-repeat; background-position:center; }
.event-top-area .event-info-wrap .main-content-display .gallery-thumbs .swiper-slide:focus, 
.event-top-area .event-info-wrap .main-content-display .gallery-thumbs .swiper-slide:focus-visible, 
.event-top-area .event-info-wrap .main-content-display .gallery-thumbs .swiper-slide:focus-within{
	border-color: transparent !important; border-right: none !important; box-shadow: none !important;
} 
.event-top-area .event-info-wrap .main-content-display .gallery-thumbs .swiper-slide:focus::after,
.event-top-area .event-info-wrap .main-content-display .gallery-thumbs .swiper-slide:focus::before{
	border: none !important; outline: none !important; box-shadow: none !important;
}
.event-top-area .event-info-wrap .main-content-display .gallery-thumbs .swiper-slide-thumb-active:focus{border: none !important; outline: none !important; box-shadow: none !important;}

/* 2. 최종적으로 내가 원하는 KRDS 점선/실선 아웃라인만 깔끔하게 표현 */
.event-top-area .event-info-wrap .main-content-display .gallery-thumbs .swiper-slide:focus-within {
	outline: var(--krds-number-2) solid var(--krds-color-light-primary-50) !important; /* 또는 solid */
	outline-offset: -0.2rem !important;
}
.event-top-area .event-info-wrap .main-content-display .gallery-thumbs .swiper-button-next,  .event-top-area .event-info-wrap .main-content-display .gallery-thumbs .swiper-button-prev{border-radius:0; border:0; background-color:transparent; width:var(--krds-number-9); top:calc(50% + var(--krds-number-7));}

/*일반게시판 상세 화면  top*/
.bbs-top-area{display:flex; justify-content: space-between; gap:0 var(--krds-number-18); align-items: flex-start}
.bbs-top-area *{transition:0.4s ease-in-out;}
.bbs-top-area .bbs-thumb-wrap{width:25rem; display: inline-flex;flex-shrink: 0;}
.bbs-top-area .bbs-thumb-wrap p{overflow: hidden; border-radius: var(--krds-number-5); border:var(--krds-number-1) solid var(--krds-color-light-gray-30); }
.bbs-top-area .bbs-info-wrap{ display: inline-flex; flex-shrink: 1; flex-direction: column; align-items: flex-start; gap:var(--krds-number-7); width: 100%; }
.bbs-top-area .bbs-info-wrap .bbs-etc-box{display:flex; align-items: center; border-radius: var(--krds-number-5); background:var(--krds-color-light-gray-5); gap:var(--krds-number-8); padding: var(--krds-number-7) var(--krds-number-9); margin:0 0 0 auto;}
.bbs-top-area .bbs-info-wrap .bbs-etc-box dl.etc-info{display: flex; gap:var(--krds-number-8); align-items: center; }
.bbs-top-area .bbs-info-wrap .bbs-etc-box dl.etc-info:after{content: ""; background:var(--krds-color-light-gray-40); display: inline-flex; 
    align-items: center; width: var(--krds-number-1); height: var(--krds-number-8);}
.bbs-top-area .bbs-info-wrap .bbs-etc-box dl.etc-info:last-child:after{display: none; }
.bbs-top-area .bbs-info-wrap .bbs-etc-box dl.etc-info:first-child{flex-shrink: 0;}
.bbs-top-area .bbs-info-wrap .bbs-cont-box{width: 100%; border-top: var(--krds-number-1) solid var(--krds-color-light-gray-20); border-bottom: var(--krds-number-1) solid var(--krds-color-light-gray-20); padding:var(--krds-number-7) 0; }
.bbs-top-area .bbs-info-wrap .bbs-cont-box > ul {display: flex; flex-direction: column; gap:var(--krds-number-5); }
.bbs-top-area .bbs-info-wrap .bbs-cont-box > ul > li > dl{display: flex; align-items: flex-start; gap:var(--krds-number-8); }
.bbs-top-area .bbs-info-wrap .bbs-cont-box > ul > li > dl dt{display: inline-flex; align-items: center; justify-content: center; width: var(--krds-number-20); height: var(--krds-number-12); flex-shrink: 0; border-radius: var(--krds-number-3);}
.bbs-top-area .bbs-info-wrap .bbs-cont-box > ul > li > dl dd .chip-label{font-size: 1.5rem; height:auto; min-height: var(--krds-number-12); border-radius: var(--krds-number-max); word-break:break-all; padding:var(--krds-number-5) var(--krds-number-8); line-height:1;}
.bbs-top-area .bbs-btn-box{margin-right: 0; margin-left: auto;}
.bbs-top-area .bbs-btn-box .btn{font-weight:400;}

/*일반게시판 상세보기*/
.bbs-info-table{border-top:var(--krds-number-2) solid var(--krds-color-light-primary-60); margin-bottom:var(--krds-number-8);}
.bbs-info-table.no-bdt{border-top:0; margin-top:var(--krds-number-8);} /*상단 border 없음*/
.bbs-info-table.newsdetail, .bbs-info-table:has(.newsletter_acrticle){border-bottom:var(--krds-number-1) solid var( --krds-color-light-gray-30); padding-bottom:var(--krds-number-14)}
.bbs-info-table.newsdetail > table{max-width:80rem; min-width:auto; margin:auto;}
.bbs-info-table .newsletter_acrticle{width:100%; max-width:80rem; margin:auto;} 
.bbs-info-table  ul.table-list{display: flex; flex-direction: column; width: 100%; }
.bbs-info-table  ul.table-list > li{display:inline-flex; border-bottom: var(--krds-number-1) solid var(--krds-color-light-gray-20)}
.bbs-info-table  ul.table-list > li > dl{display: flex; gap:0; align-items: stretch;}
.bbs-info-table  ul.table-list > li > dl > dt{ display: inline-flex; align-items: center; flex-shrink: 0; width: 15rem; padding: var(--krds-number-8); background:var(--krds-color-light-primary-5); color:var(--krds-color-light-gray-95); font-weight: 700; font-size: 1.5rem; }
.bbs-info-table  ul.table-list > li > dl > dt.wd200{width:20rem;}
.bbs-info-table  ul.table-list > li > dl > dd {display: inline-flex; flex-wrap:wrap; align-items: center; flex-shrink: 1; padding: var(--krds-number-8); word-break:break-all;}
.bbs-info-table  ul.table-list > li > dl > dd a{display: block; word-break: break-all}
.bbs-info-table  ul.table-list + p{margin-top:var(--krds-number-8); border-bottom:var(--krds-number-1) solid var(--krds-color-light-gray-20); padding-bottom:var(--krds-number-8)}

.bbs-info-table > ul.table-list.col2{flex-direction:row; flex-wrap:wrap; align-items:stretch;}
.bbs-info-table > ul.table-list.col2 > li{width:50%}

.bbs-info-table > .vw-infobox:has(.cdet-item-p){margin:0; }
.bbs-info-table > .vw-infobox:has(.cdet-item-p) h3{margin:0; padding: var(--krds-number-8); background:var(--krds-color-light-primary-5); color:var(--krds-color-light-gray-95); font-weight: 700;  border-top: var(--krds-number-1) solid var(--krds-color-light-gray-20);}
.bbs-info-table > .vw-infobox:has(.cdet-item-p) h3:first-child{border-top:0;}
.bbs-info-table > .vw-infobox:has(.cdet-item-p) h3.vw-title.mgb-20{margin-bottom:0 !important}
.bbs-info-table > .vw-infobox .cdet-item-p{ padding: var(--krds-number-8);  }
.bbs-info-table > .vw-infobox .cdet-item-p ul.txt_type2 li{display:flex; width:100%; gap:var(--krds-number-3); align-items:flex-start;}
.bbs-info-table > .vw-infobox .cdet-item-p ul.txt_type2 li:before{content:"•"; display:inline-flex; }

/*일반게시판 상세보기 테이블 - 주요매체*/
.bbs-info-table .table-box-gray-bg table{width:100%; }
.bbs-info-table .table-box-gray-bg table col[style*="25%"]{width: 15rem !important;}
.bbs-info-table .table-box-gray-bg table col[style*="75%"]{width: auto !important;}
.bbs-info-table .table-box-gray-bg table tbody th{ text-align:left; border-bottom: var(--krds-number-1) solid var(--krds-color-light-gray-20); padding: var(--krds-number-8); background:var(--krds-color-light-primary-5); color:var(--krds-color-light-gray-95); font-weight: 700; font-size: 1.5rem; }
.bbs-info-table .table-box-gray-bg table tbody td{ border-bottom: var(--krds-number-1) solid var(--krds-color-light-gray-20); padding: var(--krds-number-8); }

/*태그박스*/
.bbs-detail .tag-box{ margin: var(--krds-number-10) 0;}
.bbs-detail .tag-box dd{display: flex; flex-wrap: wrap; width: 100%; gap:var(--krds-number-5);  }
.bbs-detail .tag-box dd a{display: inline-flex; align-items: center; height: var(--krds-number-12); padding: 0 var(--krds-number-7);    background:var(--krds-color-high-contrast-primary-5); border:var(--krds-number-1) solid var(--krds-color-high-contrast-primary-40); border-radius: var(--krds-number-8);color:var(--krds-color-light-primary-60); font-weight:600}
.bbs-detail .tag-box dd a:hover {background:var(--krds-color-high-contrast-primary-10);color:var(--krds-color-high-contrast-primary-80);}
.bbs-detail .tag-box dd a:focus {background:var(--krds-color-high-contrast-primary-20);color:var(--krds-color-high-contrast-primary-80);}

/*뉴스레터*/
.newsletter-top .info-box{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:var(--krds-number-9) var(--krds-number-10);}
.newsletter-top .info-box p{font-size:1.7rem; font-weight:600;}
.newsletter-top .info-box .btn-box{margin-right:0; margin-left:auto;}
	/* 상세화면*/
	.newsletter_acrticle table{min-width:auto; }

/*content - video*/
.video-wrap{width:100%; aspect-ratio: 16 / 9;}
.video-wrap iframe{width:100% !important; height:100% !important;}

/*content - company profile*/
.comp_prof_wrap{ display:flex; flex-direction:column; gap:var(--krds-number-10)}
.comp_prof_wrap .comp-top{display:flex; gap:0 var(--krds-number-12); }
.comp_prof_wrap .comp-img-box{width:26rem; height:15rem; border:var(--krds-number-1) solid var(--krds-color-light-gray-30); background:var(--krds-color-light-gray-0); }
.comp_prof_wrap .comp-img-box p.img-box{display:flex; align-items:center; justify-content:center; overflow:hidden; width:100%; height:100%; padding:var(--krds-number-8);}
.comp_prof_wrap .comp-img-box p.img-box img{object-fit:cover; max-width:100%; max-height:100%;}
.comp_prof_wrap .comp-info{display:flex; flex-direction:column; gap:var(--krds-number-8) 0; }
.comp_prof_wrap .comp-info{margin-top:var(--krds-number-8);}
.comp_prof_wrap .comp-info .comp-name{font-weight:700; font-size:var(--krds-number-11); margin-bottom:var(--krds-number-12);}

/*content - company profile*/
.related-cont{width:100%; display:block; }
.related-cont ul li a{display:block; width:auto; padding:0 var(--krds-number-4);}
.related-cont ul li a p.img-box{ display:flex; justify-content:center; align-items:center; width:100%; aspect-ratio: 4 / 3; overflow:hidden; border-radius:var(--krds-number-4); border:var(--krds-number-1) solid var(--krds-color-light-gray-30);  background-repeat:no-repeat; background-position:center; background-color: rgba(255, 255, 255, 0.85); background-blend-mode: lighten; background-size:cover; background-clip:padding-box;}
.related-cont ul li a p.img-box span{display:flex; width:100%; height:100%;  justify-content:space-around; align-items:stretch; overflow:hidden;}
.related-cont.related-comp-list ul li a p.img-box span{width:80%; height:80%;}
.related-cont ul li a p.img-box img{object-fit:contain;  max-width:100%; max-height:100%; min-width:0;}
.related-cont ul li a p.tit{width:100%; text-align:center; font-size:1.5rem;  display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.related-cont ul li a:focus, 
.related-cont ul li a:focus-visible, 
.related-cont ul li a:focus-within{
	border-color: transparent !important; border-right: none !important; box-shadow: none !important;
} 
.related-cont ul li a:focus-within {
	outline: var(--krds-number-2) solid var(--krds-color-light-primary-50) !important; /* 또는 solid */
	outline-offset: -0.2rem !important;
}

/*company*/
.comp-wrap{width:100%;}
.comp-wrap .cate-box .chip-label{border-color:var(--krds-color-light-gray-30);}
.comp-wrap .info-box{display:flex; flex-direction:column; gap:var(--krds-number-8) 0; margin-top:var(--krds-number-9)}
.comp-wrap .info-box dt{font-weight:700; font-size:2.8rem}
.comp-wrap .info-box dd{}
.comp-wrap .info-box dd a{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
/* .comp-wrap .info-box dd a pre{margin-block:0; white-space:pre-wrap; word-break:break-all;} */
.comp-wrap .cont-box{margin-top:var(--krds-number-10); padding-top:var(--krds-number-10); border-top:var(--krds-number-1) solid var(--krds-color-light-gray-30); }
.comp-wrap .cont-box dl{display:flex; flex-direction:column; gap:var(--krds-number-7);}
.comp-wrap .cont-box dl dt{font-weight:700; font-size:1.9rem}
.comp-wrap .cont-box dl dd ul{display:flex; gap:var(--krds-number-4);}
.comp-wrap .cont-box dl dd ul li{width:calc((100% - 1.8rem) / 4)}
.comp-wrap .cont-box dl dd ul li a{display:flex; flex-direction:column; gap:var(--krds-number-6); align-items:center;}
.comp-wrap .cont-box dl dd ul li a p.img-box{display:flex; justify-content:center; align-items:center; overflow:hidden; width:100%;  aspect-ratio: 4 / 3; border-radius:var(--krds-number-4); border:var(--krds-number-1) solid var(--krds-color-light-gray-30);  background-repeat:no-repeat; background-position:center; background-color: rgba(255, 255, 255, 0.85); background-blend-mode: lighten; background-size:cover; background-clip:padding-box;}
.comp-wrap .cont-box dl dd ul li a p.img-box span{display:flex; width:100%; height:100%; justify-content:space-around; align-items:stretch;}
.comp-wrap .cont-box dl dd ul li a p.img-box img{object-fit:cover; max-width:100%; max-height:100%;}
.comp-wrap .cont-box dl dd ul li a p.name-box{font-size:1.5rem; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}

/*company - view*/
.event-top-area .event-info-wrap .main-content-display .main-image-panel.comp-img-box{}
.event-top-area .event-info-wrap .main-content-display .main-image-panel.comp-img-box p.img-box{display:flex; align-items:center; justify-content:center; overflow:hidden; width:100%; height:100%; padding:var(--krds-number-8);}
.event-top-area .event-info-wrap .main-content-display .main-image-panel.comp-img-box p.img-box img{object-fit:cover; max-width:100%; max-height:100%;}
/*content 더보기*/
.more-content{}
.more-content button .svg-icon.ico-angle{ background-image:none; mask-image:url(../../libs/krds/img/component/icon/ico_angle.svg) !important; -webkit-mask-image:url(../../libs/krds/img/component/icon/ico_angle.svg) !important;}
/* 버튼이 활성화되었을 때 아이콘 회전 */
.more-content{margin:var(--krds-number-10) 0 0; display:flex; flex-direction:column; gap:var(--krds-number-10);}
.more-content .btn-conts-expand{height:var(--krds-number-17); border-radius:var(--krds-number-4); color:var(--krds-color-light-gray-0); font-size:1.9rem; margin: 0 auto;}
.more-content .btn-conts-expand:before{display:none;}
.more-content .btn-conts-expand[aria-expanded="true"] .ico-angle { transform: rotate(180deg); transition: transform 0.4s ease;}
.more-content .expand-wrap{}
.more-content .expand-wrap ul{display:flex; flex-wrap:wrap; gap:var(--krds-number-6)var(--krds-number-4);}
.more-content .expand-wrap ul li{width:calc((100% - 2.4rem) / 5)}
.more-content .expand-wrap ul li a{display:flex; flex-direction:column; gap:var(--krds-number-6); align-items:center;}
.more-content .expand-wrap ul li a p.img-box{display:flex; justify-content:center; align-items:center; overflow:hidden; width:100%;  aspect-ratio: 4 / 3; border-radius:var(--krds-number-4); border:var(--krds-number-1) solid var(--krds-color-light-gray-30);  background-repeat:no-repeat; background-position:center; background-color: rgba(255, 255, 255, 0.85); background-blend-mode: lighten; background-size:cover; background-clip:padding-box;}
.more-content .expand-wrap ul li a p.img-box span{display:flex; width:100%; height:100%; justify-content:space-around; align-items:stretch;}
.more-content .expand-wrap ul li a p.img-box img{object-fit:cover; max-width:100%; max-height:100%; min-width:0;}
.more-content .expand-wrap ul li a p.tit{font-size:1.5rem; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}






@media (max-width: 1400px) {
	.bbs-list.type01 li{flex-direction:column;}
    .bbs-list.event-list > li div.bbs-thumb-box{ margin:0 auto var(--krds-number-12) auto;}
    .bbs-list.event-list > li div.bbs-cont-box{width:100%;}
    .bbs-list.event-list > li div.bbs-cont-box .bbs-cont .bbs-cont-txt{flex-shrink:1;}
    .bbs-list.event-list > li div.bbs-cont-box .bbs-cont .bbs-cont-btn{flex-shrink:0;}
    .bbs-list.event-list > li div.bbs-cont-box .bbs-cont .bbs-cont-btn p.event-d-day, .bbs-list.event-list > li div.bbs-cont-box .bbs-cont .bbs-cont-btn .btn-box{width:auto;}
    .bbs-list.event-list > li div.bbs-cont-box .bbs-cont .bbs-cont-btn .btn-box .btn-apply{width:100%; }
}

@media (max-width: 1280px) {

	/*뉴스레터 게시판*/
	.bbs-list.type04{grid-template-columns: repeat(2, 1fr); gap:var(--krds-number-10) }
	.bbs-list.type04 > li a div.subJectBox{padding:var(--krds-number-10)}
	.bbs-list.type04 li.no-data{ grid-column: 1 / span 2;}
	
	
	/*행사 상세*/
	.event-top-area .event-info-wrap{flex-direction:column; gap:var(--krds-number-10)}
	.event-top-area .event-info-wrap .bbs-thumb-box{margin:0 auto;}
	.event-top-area .event-info-wrap .main-content-display{margin:0 auto}
	
}

@media (max-width: 1120px) {
    /*일반게시판 상세 화면  top*/
    .bbs-top-area{gap:0 var(--krds-number-14);}
    
    /*게시판 top*/
    .bbs-top-wrap{flex-wrap:wrap;}
    .bbs-top-wrap .bbs-total-box{margin-right:0; width:100%;}
    .bbs-top-wrap .bbs-list-view{margin:0 auto 0 0;}
    .bbs-top-wrap .bbs-list-view + .bbs-sort-box:before{display:none;}

}

@media screen and (min-width:1024px){
	/*content - company profile*/
	.related-cont ul{display:flex; flex-wrap:wrap; gap:var(--krds-number-8); transform:none !important;}
	.related-cont ul li{width:calc((100% - (var(--krds-number-8) * 4)) / 5 ) !important; }
	.related-cont .swiper-button-prev, .related-cont .swiper-button-next{display:none;} 
}

@media (max-width: 1023px) {
    .bbs-title-wrap{flex-direction:column; align-items: flex-start; border-bottom: var(--krds-number-1) solid var(--krds-color-light-gray-20); margin-bottom: var(--krds-number-9); gap:var(--krds-number-8)}
    .bbs-title-wrap .sub-util{display:flex; width: 100%; justify-content: flex-end; }

    .sub_content:has(.side-navigation .mob-side-view) { display: flex; flex-direction: column; width: 100%; min-width: 0;}        
    .side-navigation:has(.mob-side-view){display: block; order:1; margin-right: 0; width: 100%;}
    .side-navigation:has(.mob-side-view) h2.lnb-tit, .side-navigation:has(.mob-side-view) ul.lnb-list{display:none;}
    
    .search-top-box.regl-box  > div.sch-filter-box > dl{flex-direction:column; gap:var(--krds-number-6); padding:var(--krds-number-6) var(--krds-number-9); }
    .search-top-box.regl-box  > div.sch-filter-box > dl > dt{display:inline-flex;}
    .search-top-box.regl-box  > div.sch-filter-box > dl > dd ul.regl-list{gap:var(--krds-number-5);}
	.search-top-box.regl-box  > div.sch-filter-box > dl > dd ul.regl-list li a{border-radius:var(--krds-number-4); padding:var(--krds-number-4) var(--krds-number-6); font-size:1.5rem;}
	.search-top-box.regl-box  > div.sch-filter-box > dl > dd ul.regl-list li a span.flag-icon{width:var(--krds-number-8); height:var(--krds-number-8);}
	
	/*뉴스레터 게시판*/
	.bbs-list.type04{grid-template-columns: repeat(3, 1fr); }
	.bbs-list.type04 li.no-data{ grid-column: 1 / span 3;}
	
	/*content - company profile*/
	/* .related-cont{display:flex;}
	.related-cont ul{order:2}
	.related-cont .swiper-button-prev{order:1}
	.related-cont .swiper-button-next{order:3} */
	.related-cont {padding:0 var(--krds-number-14);}
	.related-cont ul{}
	.related-cont .swiper-button-prev, .related-cont .swiper-button-next{border:0; border-radius:0;  height:100%; background:#fff; top:0; margin-top:0; } 
	.related-cont .swiper-button-next.swiper-button-disabled, .related-cont .swiper-button-prev.swiper-button-disabled{background:#fff;}
	.related-cont .swiper-button-next.swiper-button-disabled::after, .related-cont .swiper-button-prev.swiper-button-disabled::after{background:var(--krds-color-light-gray-20);}
	.related-cont .swiper-button-prev{justify-content:flex-start;}
	.related-cont .swiper-button-next{justify-content:flex-end;}
}

@media (max-width: 767px) {
	/*행사 탭영역*/
	.event-tab.is-first {padding-left: 0;}
    .event-tab.is-last {padding-right: var(--krds-number-5);}
    .event-tab.is-initialized{ padding:0 var(--krds-number-14);}
    .event-tab.is-initialized.is-first{padding-left: 0;}
    .event-tab.is-initialized.is-last {padding-right: var(--krds-number-5);}
    .event-tab.is-initialized .swiper-navigation {display: block;}	
}

@media (max-width: 767px) {
    /*정렬기준*/
    .bbs-top-wrap .bbs-sort-box{display: none;}
    .bbs-top-wrap .bbs-list-view + .bbs-sort-box{display: none;}
    .bbs-sort-box dl{justify-content: flex-end;}
    .bbs-top-wrap .bbs-list-view{margin:0 0 0 auto;}
    .bbs-top-wrap .bbs-total-box{margin-right:auto; width:auto;}

    /*게시판 공통 찜하기*/
    .bbs-list > li div.bbs-btn-box{position:static; margin:var(--krds-number-8) 0 0 auto;}
    /*기타*/
    .bbs-list > li dl.etc-info{flex-wrap:wrap;}

    /*행사참가신청*/
    .bbs-list.type01 > li{flex-direction: column; align-items: center; }
    .bbs-list.event-list > li div.bbs-thumb-box{width:  32rem; height: auto; aspect-ratio: 16 / 9;  margin:0 0  var(--krds-number-12) 0;}
    .bbs-list.event-list > li div.bbs-cont-box{width: 100%;}
    .bbs-list.event-list > li div.bbs-cont-box .bbs-cont{ flex-direction:column; gap:var(--krds-number-10);}
    .bbs-list.event-list > li div.bbs-cont-box .bbs-cont .bbs-cont-txt{width:100%;}
    .bbs-list.event-list > li div.bbs-cont-box .bbs-cont .bbs-cont-btn{ width:100%; justify-content:flex-end; padding:0;}    
    /* .bbs-list.event-list > li div.bbs-cont-box .bbs-cont .bbs-cont-btn .btn-box .btn-apply{font-size: 1.5rem; height: var(--krds-number-14); padding:0 var(--krds-number-7)} */

    /*일반게시판*/
    .bbs-list.type02 > li{align-items: flex-start}
    .bbs-list.type02 li div.bbs-type-box{margin-bottom: var(--krds-number-8);}
    .bbs-list.type02 li div.bbs-cont-box { gap:var(--krds-number-7);}
    .bbs-list.type02 li div.bbs-cont-box div.subject{ justify-content:space-between; flex-direction:column; align-items:flex-start;}
    .bbs-list.type02 li div.bbs-cont-box div.subject a{display: block; -webkit-line-clamp:none; }
    
    /*공지사항 게시판*/
	.bbs-list.type03{display:flex; flex-direction:column; gap:var(--krds-number-8)}
	.bbs-list.type03 li{ display: flex; flex-direction:column; align-items:flex-start; gap:var(--krds-number-7) 0; width: 100%; padding: var(--krds-number-8) var(--krds-number-7);  border:var(--krds-number-0); border-bottom:var(--krds-number-0); border-radius: var(--krds-number-5); background:var(--krds-color-light-gray-5)}
	.bbs-list.type03 li > div{display:flex; align-items:center;  gap: 0 var(--krds-number-5); font-size:1.5rem;  }
	.bbs-list.type03 li > div span {order:3;}
	.bbs-list.type03 li > div:before{content:attr(data-label); display:inline-flex; /*padding-right:var(--krds-number-6);*/ order:1;}
	.bbs-list.type03 li > div:after{content:""; display:inline-flex; order:2; background:var(--krds-color-light-gray-20); width:var(--krds-number-1); height:1.4rem;}
	.bbs-list.type03 li > div.cell-num{display:none;}
	.bbs-list.type03 li > div.cell-title{font-size:1.7rem; }
	.bbs-list.type03 li > div.cell-title:before, .bbs-list.type03 li > div.cell-title:after{display:none; }
	.bbs-list.type03 li > div.cell-title a{ display:block; }
	.bbs-list.type03 li > div.cell-file span{line-height:1;}
	.bbs-list.type03 li.thead{display:none;}
	.bbs-list.type03 li.no-data{align-items:center; gap:var(--krds-number-5); border-bottom:0 !important;}
	
	
	/*마이페이지내 게시판*/
	.bbs-list.type06{gap:var(--krds-number-10) 0;}
	.bbs-list.type06 li.thead{display:none;}
	.bbs-list.type06 li > div.cell-num{display:none;}
	.bbs-list.type06 li{ display:flex; flex-direction:column; align-items:flex-start; gap:var(--krds-number-6) 0; width: 100%; padding: var(--krds-number-8) var(--krds-number-7);  border:var(--krds-number-1) solid var(--krds-color-light-gray-30); border-radius: var(--krds-number-5);}
	.bbs-list.type06 li > div{display:flex; align-items:center;  gap: 0 var(--krds-number-5); }
	.bbs-list.type06 li > div:before{content:attr(data-label); display:inline-flex; font-size:1.3rem; }
	.bbs-list.type06 li > div:after{content:""; display:inline-flex; order:2; background:var(--krds-color-light-gray-20); width:var(--krds-number-1); height:var(--krds-number-7);}
	.bbs-list.type06 li > div span{order:3; text-align:left;}
	.bbs-list.type06 li > div.cell-title{font-size:1.9rem;}
	.bbs-list.type06 li > div.cell-title:before, .bbs-list.type06 li > div.cell-title:after{display:none; }
	
	.bbs-list.type06 li:hover{background:var(--krds-color-light-gray-5); }
	.bbs-list.type06 li:hover a{text-decoration:underline; color:var(--krds-color-light-gray-90)}
	.bbs-list.type06 li.no-data{align-items:center; gap:var(--krds-number-5); border-bottom:0 !important;}

	/*문의하기 게시판 리스트*/
	.bbs-list.hd-list li > div.cell-cate{background:var(--krds-color-high-contrast-secondary-5); border:var(--krds-number-1) solid var(--krds-color-high-contrast-secondary-40); color:var(--krds-color-light-secondary-60);  border-radius:var(--krds-number-3); justify-content:center; font-size:1.3rem; margin:0 0 0 var(--krds-number-5)}
	.bbs-list.hd-list li > div.cell-cate:before, .bbs-list.hd-list li > div.cell-cate:after{display:none; }
	
	/*수출역량진단관리테이블*/
	.bbs-list.sv-list li{border-radius:0; border:0; padding:0; gap:0; border-top:var(--krds-number-2) solid var(--krds-color-light-primary-80);}
	.bbs-list.sv-list li > div{width:100%; border-bottom:var(--krds-number-1) solid var(--krds-color-light-gray-20); padding:var(--krds-number-7) var(--krds-number-6); gap:0 var(--krds-number-8); align-items:flex-start;}
	.bbs-list.sv-list li > div:before{width:8rem; font-size:1.5rem; font-weight:700; flex-shrink:0;height:2.6rem; align-items:center;}
	.bbs-list.sv-list li > div:after{margin-top:var(--krds-number-5);}
	.bbs-list.sv-list li > div span {display:inline-flex; flex-wrap:wrap; gap:var(--krds-number-3) var(--krds-number-3);}
		
	/*뉴스레터 게시판*/
	.bbs-list.type04{grid-template-columns: repeat(2, 1fr); }    
	.bbs-list.type04 li.no-data{ grid-column: 1 / span 2;}
    
    .bbs-title-wrap h2{font-size: 3.2rem;}

    /*게시판 상세화면 공통*/
    /* .bbs-title-wrap .sub-util{justify-content:flex-start;}
    .bbs-title-wrap .sub-util ul.util-list li > button.btn{width:var(--krds-number-13); height:var(--krds-number-13); background-size:50% !important;}
    .bbs-title-wrap .sub-util ul.util-list li.util-item.print{display:none;} */
    
    .bbs-info-table > ul.table-list.col2{flex-direction:column; }
    .bbs-info-table > ul.table-list.col2 > li{width:100%;}
    
    .bbs-info-table > ul.table-list > li > dl{width:100%;}
    .bbs-info-table > ul.table-list > li > dl > dt{width:12rem;}
    
    .bbs-etc-info-box > div > dl{border-radius: var(--krds-number-5); flex-direction: column;  border:var(--krds-number-1) solid var(--krds-color-light-gray-20); padding:var(--krds-number-5) var(--krds-number-8); gap:var(--krds-number-5)}
    .bbs-etc-info-box > div > dl > dt{border-radius: 0; background:var(--krds-color-light-gray-0); width:auto; padding:0 }
    .bbs-etc-info-box > div > dl > dd{border-radius: 0; border:0;  border-left:0; padding:0; }
    .bbs-etc-info-box > div.download-box > dl{background:var(--krds-color-light-gray-5); border:0;}
    .bbs-etc-info-box > div.download-box > dl > dt{background:var(--krds-color-light-gray-5);}

    .bbs-etc-info-box > div.download-box > dl > dd{ padding:0;}
    .bbs-etc-info-box > div.download-box > dl > dd ul li{flex-wrap: wrap; /*flex-direction: column; align-items: flex-start; width: 100%; */}
    .bbs-etc-info-box > div.download-box > dl > dd ul li div.file-name-box{display: inline-flex; flex-shrink: 1;}

   
    /*버튼영역*/
    .page-btn-wrap .btn{flex:1; justify-content:center}
    .page-btn-wrap.flex-between > div {flex:1;}
    .page-btn-wrap .btn-large{font-size:1.5rem;}
    .page-btn-wrap.flex-between .btn-primary{order:1;}
    .page-btn-wrap.flex-between .btn-list, .page-btn-wrap.flex-between .btn-gray-line, .page-btn-wrap.flex-between .btn-gray-fill{order:2}
    
    
    /*일반게시판 상세 화면  top*/
    .bbs-top-area{flex-direction: column; gap:0; }
    .bbs-top-area .bbs-thumb-wrap{order:1; margin:0 auto var(--krds-number-9); }
    
    .bbs-top-area .bbs-info-wrap:has(.bbs-cont-box){ order:2; border-radius:var(--krds-number-5);  border: var(--krds-number-1) solid var(--krds-color-light-gray-20); padding:var(--krds-number-8); }
    .bbs-top-area .bbs-btn-box .btn{flex:1; flex-shrink: 1; font-size: 1.5rem; font-weight: 400; height: 4rem; padding:0 var(--krds-number-5)}
    .bbs-top-area .bbs-info-wrap .bbs-cont-box > ul > li > dl dt{font-size: 1.5rem; width:var(--krds-number-19)}
    
    /*comany - content 상세보기*/
    .more-content .expand-wrap ul li{width:calc((100% - 2.4rem) / 4)}
    

}

@media screen and (max-width:640px){
	.bbs-list.type05 > li .tit-box h4 .btn-accordion_modal{flex-wrap:wrap;} 
	.bbs-list.type05 > li .tit-box h4 .btn-accordion_modal span.cate{margin-right:100%; margin-bottom:var(--krds-number-6);}
	.bbs-list.type05 > li .tit-box h4 .btn-accordion_modal:after{margin-top:var(--krds-number-3);}
	
	.event-top-area .event-info-wrap .bbs-cont-box ul dl{flex-wrap:wrap;}
	
	.event-top-area .event-info-wrap .main-content-display{width:100%;}
	.event-top-area .event-info-wrap .main-content-display .gallery-thumbs .swiper-slide{height:auto;}
	
	/*content - company profile*/
	.comp_prof_wrap .comp-top{flex-direction:column; align-items:center;}
	.comp_prof_wrap .comp-info .comp-name{margin-bottom:0; text-align:center;}
	
}
@media screen and (max-width:560px){
    .event-top-area .event-btn-wrap .btn.btn-xlarge{height: var(--krds-number-14); padding: 0 var(--krds-number-7); font-size: 1.5rem; font-weight: 500;}

    /*페이징*/
    .pagination .page-links .page-link.link-dot{display:none;}
    .pagination .page-links .page-link.link-last{display:none;}
    .page-btn-wrap.flex-between{flex-flow:column; }
    .page-btn-wrap.flex-between .btn{width:100%; flex:auto; }
    
    /*뉴스레터 게시판*/
	.bbs-list.type04{grid-template-columns: repeat(1, 1fr); }
	.bbs-list.type04 li.no-data{ grid-column: 1 / span 1;}
		
	/*company-list*/
	.comp-wrap .cont-box dl{gap:var(--krds-number-6);}
	.comp-wrap .cont-box dl dd ul{flex-direction:column;}
	.comp-wrap .cont-box dl dd ul li{width:100%; }
	.comp-wrap .cont-box dl dd ul li a{flex-direction:row;}  
	.comp-wrap .cont-box dl dd ul li a:before{content:"•"}
	.comp-wrap .cont-box dl dd ul li a p.img-box{/* width:10rem; aspect-ratio: 16 / 9; flex-shrink:0; */ display:none }
	
	 /*comany - content 상세보기*/
    .more-content .expand-wrap ul li{width:calc((100% - 2.4rem) / 3)}
	  
}

@media (max-width:425px) {
    /*게시판공통*/
    .bbs-list > li div.subject a{ font-size: 1.9rem;}
    /*기타*/
    .bbs-list > li dl.etc-info{flex-direction:column; gap:var(--krds-number-6); font-size: 1.5rem;}
    
    /*행사참가신청 게시판*/
    .bbs-list.event-list > li{padding: var(--krds-number-0) var(--krds-number-9) var(--krds-number-9) var(--krds-number-9); }
    .bbs-list.event-list > li div.bbs-thumb-box{ width: calc(100% + var(--krds-number-9) * 2) ;  border-radius: var(--krds-number-7) var(--krds-number-7) 0 0; overflow: hidden; border: none; border-bottom:var(--krds-number-1) solid var(--krds-color-light-gray-30); margin-bottom:var(--krds-number-9); }
    .bbs-list.event-list > li div.bbs-thumb-box a{max-height: none;}
    .bbs-list.event-list > li div.bbs-cont-box .bbs-cont .bbs-cont-txt .event-type-area span{font-size: 1.5rem;}
    .bbs-list.type02 > li div.bbs-cont-box .info-box{flex-wrap: wrap;}
    .bbs-list.type02 > li div.bbs-cont-box .info-box dl.etc-info{flex-direction: row;}
    .bbs-list.type02 > li div.bbs-cont-box .info-box dl.etc-info:not(:has(.sr-only)) { flex-direction:column; gap:var(--krds-number-6); align-items: flex-start}
    .bbs-list.type02 > li div.bbs-cont-box .info-box dl.etc-info:not(:has(.sr-only)) dd { padding-left: var(--krds-number-8);}
    
    .event-top-area .event-info-wrap .main-content-display .main-image-panel{ width: 100%;  border-radius: var(--krds-number-7) var(--krds-number-7) 0 0; overflow: hidden; border: none; border-bottom:var(--krds-number-1) solid var(--krds-color-light-gray-30); aspect-ratio: 4 / 3; }
    
    /*일반게시판*/
    .bbs-list.type02 > li{padding: var(--krds-number-9); }
    .bbs-list.type02 li div.bbs-type-box span{font-size: 1.5rem;}
    .bbs-list.type02 li div.bbs-cont-box {margin-top:var(--krds-number-8)}

    .event-top-area{padding: 0;}
    .event-top-area .event-info-wrap{gap:var(--krds-number-9); padding:0; border-bottom:0;}
    .event-top-area .event-info-wrap .bbs-thumb-box{ width: 100%;  border-radius: var(--krds-number-7) var(--krds-number-7) 0 0; overflow: hidden; border: none; border-bottom:var(--krds-number-1) solid var(--krds-color-light-gray-30); margin:0; }
    .event-top-area .event-info-wrap .bbs-cont-box{margin:var(--krds-number-0) var(--krds-number-9) var(--krds-number-0) var(--krds-number-9); padding-bottom: var(--krds-number-9); border-bottom:var(--krds-number-1) solid var(--krds-color-light-gray-20);} 
    .event-top-area .event-info-wrap .bbs-cont-box ul dl{flex-direction: column; gap:var(--krds-number-4)}
    .event-top-area .event-btn-wrap{padding:var(--krds-number-0) var(--krds-number-9) var(--krds-number-9) var(--krds-number-9); }
    /* .event-top-area .event-info-wrap .bbs-cont-box ul dl dt{font-size: 1.5rem; width: var(--krds-number-19); }
    .event-top-area .event-info-wrap .bbs-cont-box ul dl dd .chip-area{ gap:var(--krds-number-3); }
    .event-top-area .event-info-wrap .bbs-cont-box ul dl dd .chip-input span.chip-label{font-size: 1.3rem; height:var(--krds-number-10); padding:0 var(--krds-number-5);  } */

    /*일반게시판 상세보기*/
    .bbs-info-table > ul > li > dl{flex-direction: column; width: 100%; }
    .bbs-info-table > ul > li > dl > dt, .bbs-info-table ul.table-list > li > dl > dt.wd200{width: 100%; }
    
    .bbs-top-area .bbs-thumb-wrap{order:1; width: 100%; margin-bottom:var(--krds-number-9); }
    .bbs-top-area .bbs-thumb-wrap p{width: 100%; aspect-ratio: 358 / 250; overflow: hidden; }
    .bbs-top-area .bbs-thumb-wrap p img{width: 100%; }
    .bbs-top-area .bbs-info-wrap .bbs-etc-box{padding:var(--krds-number-5) var(--krds-number-7)}
    .bbs-top-area .bbs-info-wrap .bbs-etc-box dl.etc-info{font-size: 1.5rem;}
    .bbs-top-area .bbs-info-wrap .bbs-cont-box > ul > li > dl{flex-wrap: wrap;}
    .bbs-top-area .bbs-btn-box{display: flex; gap:var(--krds-number-5); margin-right: auto; width: 100%; flex: 1 1 0;   }
    .bbs-top-area .bbs-btn-box .btn{flex:1; flex-shrink: 1;}
    
    /*content - company profile*/
    .comp_prof_wrap .comp-img-box{width:100%;}
    
     /*comany - content 상세보기*/
    .more-content .expand-wrap ul li{width:calc((100% - 2.4rem) / 2)}

}


@media (max-width:375px){
	.page-btn-wrap .l-box{display:contents;}
	.page-btn-wrap .r-box{display:contents;}
	.page-btn-wrap .l-box .btn, .page-btn-wrap .r-box .btn{padding:0 var(--krds-number-6); gap:0; font-size:1.7rem;}
}