@charset "utf-8";

/* 게시판 리스트 상단 */
/* .bbs_srch {padding:1.5rem 35px; font-size:0.75rem; color:#333; text-align:center; border:1px solid #ddd; background:#f5f5f5;}
.bbs_srch select, .bbs_srch input, .bbs_srch button {margin:1px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.bbs_srch select {min-width:100px; height:2rem; font-size:0.75rem; line-height:2rem; vertical-align:middle; border:1px solid #ccc;}
.bbs_srch input.inpTxt {width:35%; height:2rem; line-height:2rem; padding:0 10px; font-size:0.75rem; vertical-align:middle; border:1px solid #ccc;}
.bbs_srch button.btnSearch {position:relative; padding:0 1rem 0 45px; line-height:2rem; color:#fff; vertical-align:middle; background:#333 url('/00_common/images/board/ico_bbs_srch.png') no-repeat 1rem center; overflow:hidden; transition:all 0.2s ease-out 0.1s;}
.bbs_srch button.btnSearch:hover {background-color:#044ca4;} */

.jconfirm-title > h4 { margin: 0 !important; }  

/* 게시판 리스트 상단 버튼 스타일 */
.bbs_Tbtn1 {padding:0 1rem; line-height:2rem; color:#fff; vertical-align:middle; background:#333;}
.bbs_Tbtn2 {padding:0 1rem; line-height:2rem; color:#fff; vertical-align:middle; background:#044ca4;}
.bbs_Tbtn3 {padding:0 18px; line-height:36px; color:#333; font-weight: 400; vertical-align:middle; border:2px solid #333; background:#fff;}
.bbs_Tbtn4 {padding:0 18px; line-height:36px; color:#044ca4; font-weight: 400; vertical-align:middle; border:2px solid #044ca4; background:#fff;}

/* 게시판 검색 레이아웃 */
.BD_srch { margin-bottom: calc(var(--basicFont) * 0.75); }
.BD_srch > div { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; }
.BD_srch.ar > div { justify-content: end; }
.BD_srch > div .pageinfo { display: flex; align-items: center; flex-wrap: wrap; color: #333; font-size: calc(var(--basicFont) * 0.8); font-weight: 500; line-height: var(--basicLine); }
.BD_srch > div .pageinfo p { display: inline-flex; align-items: center; }
.BD_srch > div .pageinfo p.pge_totle strong { margin: 0 calc(var(--basicFont) * 0.2) 0 calc(var(--basicFont) * 0.4); }
.BD_srch > div .pageinfo p strong { color: rgba(var(--priColor)); font-weight: 600; } 
.BD_srch > div .pageinfo p.pge_num { padding-left: calc(var(--basicFont) * 0.45); margin-left: calc(var(--basicFont) * 0.4); position: relative; }
.BD_srch > div .pageinfo p.pge_num::before { position: absolute; content: ""; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: calc(var(--basicFont) * 0.65); background: #D5D5D5; }
.BD_srch > div .pageinfo p.pge_num strong.now { position: relative; padding-right: calc(var(--basicFont) * 0.15); margin-right: calc(var(--basicFont) * 0.2); margin-left: calc(var(--basicFont) * 0.4); }
.BD_srch > div .pageinfo p.pge_num strong.now::before { position: absolute; content: ""; width: 2px; height: calc(var(--basicFont) * 0.7); background: rgba(var(--priColor)); transform: rotate(15deg) translateY(-50%); right: 0; top: 50%; }
.BD_srch > div select { height: calc(var(--basicFont) * 2.5); min-width: calc(var(--titSize) * 8.5); }
.BD_srch > div .srchWrap { display: flex; align-items: center; gap: calc(var(--basicFont) * 0.5); }
.BD_srch > div .srchWrap input { min-width: auto; height: calc(var(--basicFont) * 2.5); width: 14rem; border: 1px solid #CCCCCC; border-radius: 0.25rem; padding: 0 0.6rem; font-size: calc(var(--basicFont) * 0.85); font-weight: 500; }
.BD_srch > div .srchWrap button.btnSearch { display: inline-flex; align-items: center; justify-content: center; color: #fff; border-radius: 0.25rem; background: rgba(var(--priColor)); width: calc(var(--basicFont) * 2.5); height: calc(var(--basicFont) * 2.5); font-size: calc(var(--basicFont) * 1.1); padding: 0 !important; margin: 0 !important; }

/* 게시판 리스트 : Start ********************************************************************************************************************************************************************************************************************************/
/* 일반형게시판목록 - 스킨A */
.bbs_ListA table {table-layout:fixed;  color:#111111; font-size:calc(var(--basicFont) * 0.85); text-align:center; border-top:1px solid rgba(var(--priColor)); } /* color */
.bbs_ListA table th,
.bbs_ListA table td { vertical-align: middle; }  
.bbs_ListA table thead th {padding:calc(var(--basicFont) * 0.85) 0.5rem; font-weight: 600; border-bottom:1px solid #A4A9D1; background:#F9FAFF; position: relative; }
.bbs_ListA table thead th::before { position: absolute; content: ""; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: calc(var(--basicFont) * 0.8); background: #D0D8FF; }
.bbs_ListA table thead tr th:first-child::before { display: none; }
.bbs_ListA table tbody td {padding:calc(var(--basicFont) * 0.85) 0.5rem; border-bottom:1px solid #CCCCCC;}
.bbs_ListA table .listFileDown { display: inline-flex; align-items: center; justify-content: center; background: #F3F3F3; width: calc(var(--basicFont) * 1.4); height: calc(var(--basicFont) * 1.4); font-size: calc(var(--basicFont) * 0.8); color: rgba(var(--priColor)); border-radius: 50%; }
.bbs_ListA table tbody td.bbs_tit {text-align:left;}
.bbs_ListA table tbody td.bbs_tit a,
.bbs_ListA table tbody td.bbs_tit p {display:flex; align-items: center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; gap: calc(var(--basicFont) * 0.5); }
.bbs_ListA table tbody td.bbs_tit a:hover span, 
.bbs_ListA table tbody td.bbs_tit a:focus span {text-decoration:underline; font-weight: bold; }
.bbs_ListA table tbody td.bbs_tit a span { max-width: 100%; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bbs_ListA table tbody td.bbs_tit a em { display: inline-flex; height: calc(var(--basicFont) * 1.35); border-radius: 0.2rem; padding: 0 0.4rem; font-size: calc(var(--basicFont) * 0.7); font-weight: 600; align-items: center; justify-content: center; }
.bbs_ListA table tbody td.bbs_tit a em.new { color: #fff; background: #00baba; }
.bbs_ListA table tbody td.bbs_tit a:hover span.ico_answer, 
.bbs_ListA table tbody td.bbs_tit a:focus span.comment {text-decoration:none;}
.bbs_ListA table tbody td.bbs_tit span.comment {margin-right:5px; color:#f57f17; font-weight: 400; }
.bbs_ListA table tbody td.bbs_tit span.ico_answer {padding:0 8px; margin-right:5px; font-size:13px; border:1px solid #c1c1c1; }
.bbs_ListA table tbody td strong.ico_noti {display:block; width:26px; height:22px; margin:0 auto; text-indent:-10000em; background:url('/00_common/images/board/ico_noti.png') no-repeat ;}
.bbs_ListA table tbody td strong.sttus_blue {display:inline-block; padding:0 8px; line-height:1rem; font-weight: 400; font-size:0.75rem; color:#044ca4; border:1px solid #044ca4;}
.bbs_ListA table tbody td strong.sttus_green {display:inline-block; padding:0 8px; line-height:1rem; font-weight: 400; font-size:0.75rem; color:#50b848; border:1px solid #50b848;}
.bbs_ListA table tbody td strong.sttus_orange {display:inline-block; padding:0 8px; line-height:1rem; font-weight: 400; font-size:0.75rem; color:#f58220; border:1px solid #f58220;}
.bbs_ListA table tbody td strong.sttus_gray {display:inline-block; padding:0 8px; line-height:1rem; font-weight: 400; font-size:0.75rem; color:#555; border:1px solid #555;}

/* 일반형게시판목록 - 스킨A - typeB*/
.bbs_ListA.typeB table { border-bottom: 1px solid rgba(var(--priColor), 1); }
.bbs_ListA.typeB table thead th::before { display: none; }
.bbs_ListA.typeB table tbody td { border-bottom: 1px solid #d5d5d5; }
.bbs_ListA.typeB table tbody td.bbs_tit { text-align: center; }
.bbs_ListA.typeB table tbody td.bbs_tit a, 
.bbs_ListA.typeB table tbody td.bbs_tit p { justify-content: center; }
.bbs_ListA.typeB table tbody tr:last-child td { border-bottom: transparent; }

/* 일반형게시판목록 - 스킨A - typeC*/
.bbs_ListA.typeC table { border-bottom: 1px solid rgba(var(--priColor), 1); }
.bbs_ListA.typeC table thead th::before { display: none; }
.bbs_ListA.typeC table tbody th { background: #FAFAFA; }
.bbs_ListA.typeC table tbody th,
.bbs_ListA.typeC table tbody td { border-bottom: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; padding: calc(var(--titSize) * 0.9); }
.bbs_ListA.typeC table tbody tr th:first-child { border-left: none; }
.bbs_ListA.typeC table tbody td.bbs_tit { text-align: center; }
.bbs_ListA.typeC table tbody td.bbs_tit a, 
.bbs_ListA.typeC table tbody td.bbs_tit p { justify-content: center; }
.bbs_ListA.typeC table tbody tr:last-child td { border-bottom: transparent; }

.stateLst span { display: inline-flex; align-items: center; justify-content: center; color: #fff; border-radius: 0.2rem; padding: 0.15rem 0.4rem; font-size: calc(var(--titSize) * 0.7); line-height: var(--basicFont); font-weight: 600; }
.stateLst span.okay { background: #2E7CFB; }
.stateLst span.return { background: #EB2826; }
.stateLst span.request { background: #6B7280; }

/* 첨부파일 레이어 */
/* .file_lyrBox {position:relative;}
.file_lyrBox .file_lyr {position:absolute; right:0; top:1.5rem; max-width:150px; padding:5px 0.75rem; text-align:left; border:2px solid #334265; background:#fff; z-index:2;}
.file_lyrBox .file_lyr ul li {position:relative; padding:3px 0 3px 0.75rem; font-size:14px; background:url('/00_common/images/board/ico_Vfile.png') no-repeat left 8px;}
.file_lyrBox .file_lyr a {display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.file_lyrBox .file_lyr a:hover, 
.file_lyrBox .file_lyr a:focus {text-decoration:underline;} */

/* 첨부파일 */
.popover { position:absolute; z-index:1060; background-color:#fff; border:1px solid #ccc; border-radius:6px; }
.popover.top { margin-top:-10px; }
.popover.right { margin-left:10px; }
.popover.bottom { margin-top:10px; }
.popover.left { margin-left:-10px; }
.popover-title { padding:0.4rem 0.7rem; margin:0; font-size:calc(var(--basicFont) * 0.7); background-color:#f7f7f7; border-bottom:1px solid #ebebeb; border-radius:0.25rem 0.25rem 0 0; font-weight: 600; }
.popover-content { padding:0.5rem 0.7rem; line-height: calc(var(--basicFont) * 1); }
.popover-content a { position: relative; font-size: calc(var(--basicFont) * 0.75); }
.popover>.arrow, .popover>.arrow:after { position:absolute; display:block; width:0; height:0; border-color:transparent; border-style:solid; }
.popover>.arrow { border-width:11px; }
.popover>.arrow:after { content:""; border-width:10px; }
.popover.top>.arrow { bottom:-11px; left:50%; margin-left:-11px; border-top-color:#999; border-top-color:rgba(0, 0, 0, .25); border-bottom-width:0; }
.popover.top>.arrow:after { bottom:1px; margin-left:-10px; content:" "; border-top-color:#fff; border-bottom-width:0; }
.popover.right>.arrow { top:50%; left:-11px; margin-top:-11px; border-right-color:#999; border-right-color:rgba(0, 0, 0, .25); border-left-width:0; }
.popover.right>.arrow:after { bottom:-10px; left:1px; content:" "; border-right-color:#fff; border-left-width:0; }
.popover.bottom>.arrow { top:-11px; left:50%; margin-left:-11px; border-top-width:0; border-bottom-color:#999; border-bottom-color:rgba(0, 0, 0, .25)}
.popover.bottom>.arrow:after { top:1px; margin-left:-10px; content:" "; border-top-width:0; border-bottom-color:#fff; }
.popover.left>.arrow { top:50%; right:-11px; margin-top:-11px; border-right-width:0; border-left-color:#999; border-left-color:rgba(0, 0, 0, .25)}
.popover.left>.arrow:after { right:1px; bottom:-10px; content:" "; border-right-width:0; border-left-color:#fff; }

/* 사진형게시판목록 상단 : 공통 */
.bbs_Photo_top {position:relative; margin-bottom:60px; padding:1.5rem; font-size:14px; color:#666; border:4px solid #efefef;}
.bbs_Photo_top:before {content:""; display:block; position:absolute; left:0; bottom:-1.5rem; width:100%; height:1px; background:#cecece;}
.bbs_Photo_top:after {content:""; display:block; clear:both; overflow:hidden;}
.bbs_Photo_top a .img {position:relative; width:40%; height:31.5rem; float:left; text-align:center; background:#000; overflow:hidden;}
.bbs_Photo_top a .img img {position:relative; width:auto; height:100%; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.bbs_Photo_top a .img img.vertImg{width:100%; height:auto;}
.bbs_Photo_top a:hover .img img {opacity:0.4; transform:translate(-50%, -50%) scale(1.1,1.1); -webkit-transform:translate(-50%, -50%) scale(1.1,1.1);}
.bbs_Photo_top a .img:before {content:""; display:block; position:absolute; left:50%; top:50%; width:70px; height:70px; margin:-35px 0 0 -35px; background:url('/00_common/images/board/img_photo_plus.png') no-repeat; opacity:0; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; z-index:2;}
.bbs_Photo_top a:hover .img:before {opacity:1; transform:rotate(360deg);}
.bbs_Photo_top .txt {position:relative; width:55%; height:31.5rem; float:right;}
.bbs_Photo_top .txt dl dt {padding:1rem 0 10px; font-size:1.2rem; font-weight: 400; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.bbs_Photo_top .txt dl dd.cont {font-size:16px;}
.bbs_Photo_top .txt dl dd.util {position:relative; margin-top:0.75rem; height:2rem; text-align:right; border-top:1px dashed #cecece; }
.bbs_Photo_top .txt dl dd.util span.date {padding-left:1rem; line-height:39px; background:url('/00_common/images/board/ico_photo_date.png') no-repeat left center;}
.bbs_Photo_top .txt dl dd.util span.rdcnt {margin-left:1.5rem; padding-left:1rem; line-height:39px; background:url('/00_common/images/board/ico_photo_rdcnt.png') no-repeat left center;}
.bbs_Photo_top .txt ul li {position:relative; margin:7px 0; padding-left:10px; }
.bbs_Photo_top .txt ul li:before {content:""; display:block; position:absolute; left:0; top:10px; width:2px; height:2px; background:#000;}
.bbs_Photo_top .txt a.more_view {position:absolute; right:0; bottom:0; display:block; width:158px; height:48px; line-height:48px; text-align:center; font-size:13px;  font-weight: 400; color:#333; border:1px solid #d9d9d9; overflow:hidden; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.bbs_Photo_top .txt a.more_view:hover {color:#fff; border-color:#044ca4; background:#044ca4;}

/* 사진형게시판목록 - 스킨A */
.bbs_PhotoA { display: flex; flex-wrap: wrap; gap: calc(var(--basicFont) * 2); border-top: 2px solid rgba(var(--priColor)); border-bottom: 1px solid rgba(var(--priColor)); padding: calc(var(--basicFont) * 2) 0; }
.bbs_PhotoA > li {position:relative; width:calc((100% - calc(var(--basicFont) * 4)) / 3); }

.bbs_PhotoA:has(.noData),
.bbs_PhotoA:has(.noDate) { padding: calc(var(--titSize) * 1) 0; }

.bbs_PhotoA > li.noDate,
.bbs_PhotoA > li.noData { display: flex; align-items: center; justify-content: center; font-size: calc(var(--titSize) * 0.9); width: 100%; }
.bbs_PhotoA > li > a {position:relative; display:block; }
.bbs_PhotoA > li > a .img {position:relative; height:11.5rem; background:#e1e1e1; overflow:hidden; border-radius: 0.6rem; display: flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; }
.bbs_PhotoA > li.new a .img::before { position: absolute; content: "NEW"; right: calc(var(--basicFont) * 0.8); top: calc(var(--basicFont) * 0.8); color: #fff; height: calc(var(--basicFont) * 1.35); background: #00BABA; border-radius: 0.2rem; display: inline-flex; align-items: center; justify-content: center; padding: 0 calc(var(--basicFont) * 0.4); z-index: 1; font-size: calc(var(--basicFont) * 0.7); font-weight: 600; }
.bbs_PhotoA > li > a .img img {position:relative; max-width: 100%; height: 100%; object-fit: contain; }
.bbs_PhotoA > li > a > p { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display: block; font-size: var(--basicFont); color: #111; font-weight: 600; line-height: var(--basicLine); margin: calc(var(--basicFont) * 1) 0; }
.bbs_PhotoA > li > a:hover > p,
.bbs_PhotoA > li > a:focus > p { text-decoration: underline; font-weight: bold; }
.bbs_PhotoA > li > a > .detail { display: flex; align-items: center; gap: calc(var(--basicFont) * 0.55) calc(var(--basicFont) * 1.05); color: #555555; font-size: calc(var(--basicFont) * 0.75); flex-wrap: wrap; }
.bbs_PhotoA > li > a > .detail li { position: relative; display: flex; align-items: center; gap: calc(var(--basicFont) * 0.4); }
.bbs_PhotoA > li > a > .detail li::before { position: absolute; content: ""; width: 1px; height: calc(var(--basicFont) * 0.6); background: #d8d8d8; top: 50%; transform: translateY(-50%); right: calc((var(--basicFont) * 1.05) / -2); }
.bbs_PhotoA > li > a > .detail li:last-child:before { display: none; }

/* .bbs_PhotoA > li > a span.date {position:absolute; left:10px; bottom:0; padding-left:1rem; line-height:39px; background:url('/00_common/images/board/ico_photo_date.png') no-repeat left center;}
.bbs_PhotoA > li > a span.rdcnt {position:absolute; right:10px; bottom:0; padding-left:1rem; line-height:39px; background:url('/00_common/images/board/ico_photo_rdcnt.png') no-repeat left center;} */

/* 사진형게시판목록 - 스킨B */
.bbs_PhotoB {border-top:2px solid #334265; }
.bbs_PhotoB:after {content:""; display:block; clear:both;}
.bbs_PhotoB li {position:relative; height:22rem; padding:1.5rem 0; border-bottom:1px solid #cecece;  font-size:14px; color:#666;}
.bbs_PhotoB li.noDate {height:1.5rem; text-align:center; border-bottom:1px dashed #cecece; }/* 게시글 없을경우 */
.bbs_PhotoB li.new:after {content:"N"; display:block; position:absolute; left:0; top:1.5rem; width:2rem; height:2rem; line-height:2rem; text-align:center; color:#fff; font-size:16px; font-weight: 400; background:#f57f17;}
.bbs_PhotoB li a {position:relative; display:block; height:100%; padding-left:350px;}
.bbs_PhotoB li a span {display:block;}
.bbs_PhotoB li a .img {position:absolute; left:0; top:0; width:31rem; height:180px; background:#000; overflow:hidden;}
.bbs_PhotoB li a .img img {position:relative; width:auto; height:100%; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.bbs_PhotoB li a .img img.vertImg{width:100%; height:auto;}
.bbs_PhotoB li a:hover .img img {opacity:0.4; transform:translate(-50%, -50%) scale(1.1,1.1); -webkit-transform:translate(-50%, -50%) scale(1.1,1.1);}
.bbs_PhotoB li a .img:before {content:""; display:block; position:absolute; left:50%; top:50%; width:70px; height:70px; margin:-35px 0 0 -35px; background:url('/00_common/images/board/img_photo_plus.png') no-repeat; opacity:0; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; z-index:2;}
.bbs_PhotoB li a:hover .img:before {opacity:1; transform:rotate(360deg);}
.bbs_PhotoB li a dl {position:relative; padding-top:2rem; font-size:14px; color:#666;}
.bbs_PhotoB li a dl dt {font-size:1rem; line-height:2rem; font-weight: 400; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.bbs_PhotoB li a dl dd.cont {height:2rem; line-height:1rem; overflow:hidden;}
.bbs_PhotoB li a dl dd.util {position:absolute; left:0; top:10px; font-size:16px; color:#777;}
.bbs_PhotoB li a dl dd.util span {position:relative; display:inline-block; margin:0 10px; padding-left:10px; color:#222;}
.bbs_PhotoB li a dl dd.util span:before {content:""; display:block; position:absolute; left:0; top:7px; width:1px; height:10px; background:#cecece;}
.bbs_PhotoB li a dl dd.util span:first-child {margin-left:0; padding-left:0;}
.bbs_PhotoB li a dl dd.util span:first-child:before {display:none;}
.bbs_PhotoB li a .more_view {position:absolute; left:350px; bottom:0; width:158px; height:48px; line-height:48px; text-align:center; font-size:13px;  font-weight: 400; color:#333; border:1px solid #d9d9d9; overflow:hidden; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.bbs_PhotoB li a:hover .more_view {color:#fff; border-color:#044ca4; background:#044ca4;}

/* 사진형게시판목록 - 스킨C */
.bbs_PhotoC {border-top:2px solid #334265; }
.bbs_PhotoC:after {content:""; display:block; clear:both;}
.bbs_PhotoC li {position:relative; height:160px; padding:1rem 0; border-bottom:1px solid #cecece;  font-size:14px; color:#666;}
.bbs_PhotoC li.noDate {height:1.5rem; text-align:center; border-bottom:1px dashed #cecece; }/* 게시글 없을경우 */
.bbs_PhotoC li.new:after {content:"N"; display:block; position:absolute; left:0; top:1rem; width:2rem; height:2rem; line-height:2rem; text-align:center; color:#fff; font-size:16px; font-weight: 400; background:#f57f17;}
.bbs_PhotoC li a {position:relative; display:block; height:100%;}
.bbs_PhotoC li a span {display:block;}
.bbs_PhotoC li a .img {position:relative; width:20%; height:11rem; float:left; background:#000; overflow:hidden;}
.bbs_PhotoC li a .img img {position:relative; width:auto; height:100%; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.bbs_PhotoC li a .img img.vertImg{width:100%; height:auto;}
.bbs_PhotoC li a:hover .img img {opacity:0.4; transform:translate(-50%, -50%) scale(1.1,1.1); -webkit-transform:translate(-50%, -50%) scale(1.1,1.1);}
.bbs_PhotoC li a .img:before {content:""; display:block; position:absolute; left:50%; top:50%; width:70px; height:70px; margin:-35px 0 0 -35px; background:url('/00_common/images/board/img_photo_plus.png') no-repeat; opacity:0; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; z-index:2;}
.bbs_PhotoC li a:hover .img:before {opacity:1; transform:rotate(360deg);}
.bbs_PhotoC li a .img ~ dl {width:77%; float:right;} /* 이미지가 없을 경우 */
.bbs_PhotoC li a dl {position:relative; font-size:14px; color:#666;}
.bbs_PhotoC li a dl dt {font-size:18px; line-height:2rem; font-weight: 400; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.bbs_PhotoC li a dl dd.cont {height:2rem; line-height:1rem; overflow:hidden;}
.bbs_PhotoC li a dl dd.date {margin-top:10px;}

/* PDF게시판목록 - 스킨A */
.bbs_PDF:after {content:""; display:block; clear:both;}
.bbs_PDF li {position:relative; width:32%; height:248px; padding-top:1.5rem; margin-right:2%; float:left; font-size:14px; color:#666;}
.bbs_PDF li:nth-child(3n) {margin-right:0;}
.bbs_PDF li:nth-child(n+4) {margin-top:2rem;}
.bbs_PDF li.noDate {width:100%; margin:0; padding-bottom:1.5rem; float:none; text-align:center; border-bottom:1px dashed #cecece; }/* 게시글 없을경우 */
.bbs_PDF li.new:after {content:"N"; display:block; position:absolute; left:1rem; top:0; width:2rem; height:2rem; line-height:2rem; text-align:center; color:#fff; font-size:16px; font-weight: 400; background:#f57f17; z-index:2;}
.bbs_PDF li a .img {position:absolute; left:1rem; top:0; width:135px; height:185px; border:1px solid #cecece; background:#000; overflow:hidden; z-index:2;}
.bbs_PDF li a .img img {position:relative; width:auto; height:100%; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.bbs_PDF li a .img img.vertImg{width:100%; height:auto;}
.bbs_PDF li a:hover .img img {opacity:0.4; transform:translate(-50%, -50%) scale(1.1,1.1); -webkit-transform:translate(-50%, -50%) scale(1.1,1.1);}
/* PDF No Image */
.bbs_PDF li a .img .bbs_NoImgPDF {position:relative; height:100%; display:block; text-align:center; background:#fff; z-index:3;}
.bbs_PDF li a .img .bbs_NoImgPDF:before {content:"NO IMAGE"; display:block; position:absolute; left:0; top:50%; width:100%; height:1rem; margin:-2rem 0 0 0; padding-top:60px; line-height:1rem; font-size:0; color:#777; background:url('/00_common/images/board/ico_pdf.png') no-repeat center 5px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; z-index:4;}
.bbs_PDF li a:hover .img .bbs_NoImgPDF {background:#f7f9fb;}
.bbs_PDF li a:hover .img .bbs_NoImgPDF:before {background-position:center 0px;}
.bbs_PDF li a  ~ .cont {position:relative; height:218px; padding:1rem 1rem 2rem 180px; border:1px solid #cecece;}/* 이미지가 없을 경우 타입2 */
.bbs_PDF li .cont {position:relative; height:158px; padding:1rem 1rem 2rem 1rem; border:1px solid #cecece;}
.bbs_PDF li:hover .cont {border:1px solid #505c78; box-shadow:3px 3px 6px 0 rgba(0, 0, 0, 0.2);}
.bbs_PDF li .cont p a {display:block; height:60px; line-height:1rem; font-size:16px; color:#111; font-weight: 400; overflow:hidden;}
.bbs_PDF li .cont a.down {position:absolute; right:1rem; bottom:60px; display:block; width:90px; height:1.5rem; padding-left:10px; line-height:1.5rem; font-size:13px; color:#777; border:1px solid #e5e5e5; background:url('/00_common/images/board/ico_Vfile.png') no-repeat 90% center; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.bbs_PDF li .cont a.down:hover {color:#111; border:1px solid #505c78; }
.bbs_PDF li div.util {position:absolute; left:0; bottom:0; width:100%; height:45px; border-top:1px dashed #cecece; overflow:hidden; z-index:2;}
.bbs_PDF li div.util span.date {display:block; float:left; margin-left:1rem; padding-left:1rem; line-height:44px; background:url('/00_common/images/board/ico_photo_date.png') no-repeat left center;}
.bbs_PDF li div.util span.rdcnt {display:block; float:right; margin-right:1rem; padding-left:1rem; line-height:44px; background:url('/00_common/images/board/ico_photo_rdcnt.png') no-repeat left center;}

/* No Image */
.bbs_img a div.img .bbs_NoImg {position:relative; height:100%; display:block; text-align:center; background:#f7f9fb; z-index:3;}
.bbs_img a div.img .bbs_NoImg:before {content:"NO IMAGE"; display:block; position:absolute; left:0; top:50%; width:100%; height:1rem; margin:-2rem 0 0 0; padding-top:60px; line-height:1rem; font-size:13px; color:#777; background:url('/00_common/images/board/img_noimg.png') no-repeat center 5px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; z-index:4;}
.bbs_img a:hover div.img .bbs_NoImg {background:#ebeff2;}
.bbs_img a:hover div.img .bbs_NoImg:before {background-position:center 0px;}

/* No Video */
.bbs_img a div.img .bbs_NoVideo {position:relative; height:100%; display:block; text-align:center; background:#f7f9fb; z-index:3;}
.bbs_img a div.img .bbs_NoVideo:before {content:"NO VIDEO"; display:block; position:absolute; left:0; top:50%; width:100%; height:1rem; margin:-2rem 0 0 0; padding-top:60px; line-height:1rem; font-size:13px; color:#777; background:url('/00_common/images/board/img_novideo.png') no-repeat center 5px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; z-index:4;}
.bbs_img a:hover div.img .bbs_NoVideo {background:#ebeff2;}
.bbs_img a:hover div.img .bbs_NoVideo:before {background-position:center 0px;}

/* FAQ - 스킨A */
.bbs_FaqA {border-top:2px solid #334265;}
.bbs_FaqA li {border-bottom:1px solid #d2d7dc;}
.bbs_FaqA li a {position:relative; display:block; padding:0.75rem 70px 0.75rem 60px; font-size:16px; font-weight: 400; color:#111; }
.bbs_FaqA li a span.faq_arr {display:block; position:absolute; right:1rem; top:13px; width:28px; height:28px; border:1px solid #e7e7e7;  }
.bbs_FaqA li a span.faq_arr:before {content:""; display:block; width:100%; height:100%; background:url('/00_common/images/board/arr_faq.png') no-repeat right center; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; position: absolute; left: 50%; top: 50%; transform: translate(-50% , -50%); }
.bbs_FaqA li.on a span.faq_arr:before {transform:translate(-50% , -50%) rotate(180deg);}
.bbs_FaqA li a:before {content:"Q"; display:block; position:absolute; left:1rem; top:0.75rem; width:25px; height:25px; color:#fff; font-size:0.75rem; text-align:center; line-height:25px; background:#044ca4; border-radius:50%;}
.bbs_FaqA li div.faq_A {position:relative; display:none;  padding:0.75rem 0 0.75rem 60px; font-size:14px; color:#444; border-top:1px solid #d2d7dc; background:#f4f7fa;}
.bbs_FaqA li div.faq_A:before {content:"A"; display:block; position:absolute; left:1rem; top:0.75rem; width:25px; height:25px; color:#fff; font-size:0.75rem; text-align:center; line-height:25px; background:#6a6a6a; border-radius:50%;}
.bbs_FaqA li div.btn_bbs {width : 11.5rem; margin : 0 0 0 auto;}
.bbs_FaqA li div.btn_bbs button {border:1px solid #007367; background:#00897b}

/* 게시판 리스트 : End ********************************************************************************************************************************************************************************************************************************/

/* 게시판 View : Start ********************************************************************************************************************************************************************************************************************************/
.bbs_ViewA { border-bottom: 1px solid #1b1464; }
.bbs_ViewA h3 {padding:calc(var(--basicFont) * 1.2); text-align:center; font-size:calc(var(--basicFont) * 1.2); line-height: calc(var(--basicFont) * 1.8); color: #111; font-weight: 700; border-top: 1px solid #111111; display: flex; align-items: center; justify-content: center; }
.bbs_ViewA h3 .comment { display: inline-flex; align-items: center; justify-content: center; border-radius: 0.2rem; padding: 0.15rem 0.4rem; font-size: 0.6rem; font-weight: 600; color:#fff; background:#00BABA; line-height: var(--basicLine); margin-right: calc(var(--basicFont) * 0.5); min-width: calc(var(--basicFont) * 2.2); }
.bbs_ViewA .bbsV_data {padding: var(--basicFont); display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: calc(var(--basicFont) * 0.5) calc(var(--basicFont) * 4.4); background: #F5F5F5; width: 100%; overflow: hidden; }
.bbs_ViewA .bbsV_data li {position:relative; display:inline-flex; align-items: center; color: #555555; font-size: calc(var(--basicFont) * 0.85); line-height: 1; }
.bbs_ViewA .bbsV_data li::before { position: absolute; content: ""; top: 50%; transform: translateY(-50%) rotate(30deg); left: calc(var(--basicFont) * -2.2); width: 1px; height: calc(var(--basicFont) * 0.7); background: #ccc; }
.bbs_ViewA .bbsV_data li:first-child:before { display: none; }
.bbs_ViewA .bbsV_data li strong { font-weight: 600; font-size: calc(var(--basicFont) * 0.85); line-height: var(--basicLine); margin-right: 0.4rem; }
.bbs_ViewA .bbsV_data li strong i { font-weight: 400; font-size: var(--basicFont); margin-right: 0.4rem; }
.bbs_ViewA .bbsV_cont {position:relative; padding: calc(var(--basicFont) * 3) calc(var(--basicFont) * 2); border-bottom: 1px solid #A4A9D1; font-family: initial; line-height: initial; }
.bbs_ViewA .bbsV_cont img {max-width:100%;} 
.bbs_btns { margin: calc(var(--basicFont) * 2) 0; }

/* 뷰페이지 에디터로 글 작성시 common.css 영향 받는 스타일 수정 */
.bbs_ViewA .bbsV_cont ul {margin-left:1rem; list-style-type:disc;}
.bbs_ViewA .bbsV_cont ul li {list-style-type:disc;}
.bbs_ViewA .bbsV_cont ol{margin-left:1rem; list-style-type:decimal;}
.bbs_ViewA .bbsV_cont ol li {list-style-type:decimal;}
.bbs_ViewA .bbsV_cont b {font-weight:bold;}
.bbs_ViewA .bbsV_cont i { font-style:italic;}

/* 사진게시판일 경우 */
.bbsV_cont .slider-view {width:100%; margin-bottom:1rem; overflow:hidden;}
.bbsV_cont .slider-view .slick-slide { float:left; width:100%; height:auto; min-height:1px; vertical-align:middle; text-align:center;}
.bbsV_cont .slider-view .slick-slide.slick-current img {max-width:100%;}

.bbsV_cont .slider-nav {position:relative; height:174px; margin:1rem 0; line-height:0; font-size:0; border:2px solid #efefef; overflow:hidden;}
.bbsV_cont .slider-nav .slick-list{margin:0 80px;}
.bbsV_cont .slider-nav .slick-slide {display:inline-block;}
.bbsV_cont .slider-nav .slick-slide a{position:relative; display:block; height:110px; margin:1.5rem 1rem; background:#eee; overflow:hidden;}
/* .bbsV_cont .slider-nav .slick-slide img {position:absolute; width:auto; height:100%; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); } */
.bbsV_cont .slider-nav .slick-slide img {position:relative; width:auto; margin-top : 4.25rem; margin-right : 1.75rem; height:100%; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); }
.bbsV_cont .slider-nav .slick-slide img.vertImg{width:100%; height:auto;}
.bbsV_cont .slider-nav .slick-slide a:hover:after, .bbsV_cont .slider-nav .slick-slide a:focus:after {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; border:4px solid #c8d1db; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.bbsV_cont .slider-nav .slick-slide.slick-current a:after {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; border:4px solid #044ca4; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

.bbsV_cont .slider-nav .slick-arrow {display:block; position:absolute; top:50%; width:2rem; height:2rem; margin-top:-1rem; border-radius:1rem; z-index:2; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.bbsV_cont .slider-nav .slick-prev {left:1rem; background:#f2f2f2 url('/00_common/images/board/bbsV_Photo_prev.png') no-repeat center;}
.bbsV_cont .slider-nav .slick-next {right:1rem; background:#f2f2f2 url('/00_common/images/board/bbsV_Photo_next.png') no-repeat center;}
.bbsV_cont .slider-nav .slick-prev:hover, .bbsV_cont .slider-nav .slick-prev:focus {background:#266ed4 url('/00_common/images/board/bbsV_Photo_prev_on.png') no-repeat center;}
.bbsV_cont .slider-nav .slick-next:hover, .bbsV_cont .slider-nav .slick-next:focus { background:#266ed4 url('/00_common/images/board/bbsV_Photo_next_on.png') no-repeat center;}

/* 첨부파일 */
.bbsV_atchmnfl dl { display: flex; flex-wrap: wrap; width: 100%; }
.bbsV_atchmnfl dl + dl { border-top: 1px solid #A4A9D1; }
.bbsV_atchmnfl dl dt { width: 21.05%; display: inline-flex; align-items: center; justify-content: center; background: #F9FAFF; padding: var(--basicFont); font-weight: 600; color: #111; font-size: calc(var(--basicFont) * 0.9); }
.bbsV_atchmnfl dl dd { flex: 1; padding: calc(var(--basicFont) * 1.2); }
.bbsV_atchmnfl dl dd .btns.list { margin: 0 !important; }
.bbsV_downCO { display: flex; flex-direction: column; gap: calc(var(--titSize) * 0.5); }
.bbsV_downCO li span { margin-right: 0.25rem; }

/* 200402 게시글 이동 추가 */
.bbsV_PostMove dl {position:relative; margin-top:1rem; padding:1rem 1rem 1rem 9rem; border:1px solid #cfcfcf; background:#f7f7f7;}
.bbsV_PostMove dl dt {position:absolute; left:0; top:1rem; width:9rem; line-height:2rem; font-weight: 400; color:#111; text-align:center;}
.bbsV_PostMove dl dd {position:relative; padding-right:100px;}
.bbsV_PostMove dl dd select {width:100%; height:2rem; font-size:0.75rem; line-height:2rem; vertical-align:middle; border:1px solid #ccc;}
.bbsV_PostMove dl dd .btn_PostMove {position:absolute; right:0; top:0; display:block; width:4.5rem; height:1.9rem; text-align:center; color:#fff; line-height:1.9rem; border:1px solid #27374a; background:#394b61;}

/* 댓글 */
.bbsV_answer .bbsV_answInfo {position:relative; padding:1rem 1.25rem; border:1px solid #DADADA; margin-top: calc(var(--basicFont) * 2); }
.bbsV_answer .bbsV_answInfo p { font-weight: 500; font-size:calc(var(--basicFont) * 0.9); color:#000;}
.bbsV_answer .bbsV_answInfo p strong {color:rgba(var(--priColor));}
.bbsV_answer .bbsV_answInfo span {display:block; margin-top: calc(var(--basicFont) * 0.5); padding:0 0 0 calc(var(--basicFont) * 1.25); font-size:calc(var(--basicFont) * 0.85); background:url('/00_common/images/board/bu_atte2.png') no-repeat left top calc(var(--basicFont) * 0.1) / contain; background-size: calc(var(--basicFont) * 0.8); }

/* 댓글 입력 폼 */
.bbsV_answer { margin-top: 1rem; }
.bbsV_answer .bbsV_answWrite { border:1px solid #e5e5e5; border-top:none;}
.bbsV_answer .bbsV_answWrite .answer_nmpw {padding:10px 25px; overflow:hidden;}
.bbsV_answer .bbsV_answWrite .answer_nmpw p label {margin-right:10px; font-weight: 400; color:#222;}
.bbsV_answer .bbsV_answWrite .answer_nmpw p input {width:178px; height:2.4rem; line-height:1.4rem; font-size:calc(var(--basicFont) * 0.8); border:1px solid #e5e5e5;}
.bbsV_answer .bbsV_answWrite .answer_nmpw p.answer_name {float:left;}
.bbsV_answer .bbsV_answWrite .answer_nmpw p.answer_pw {float:right;}
.bbsV_answer .bbsV_answWrite .answer_txt {padding:0; border-top:none; border-bottom:1px solid #e5e5e5; background:#fff; height: 100%;}
.bbsV_answer .bbsV_answWrite .answer_txt textarea {width:100%; height:5rem; color:#666; font-size:calc(var(--basicFont) * 0.8); border:none; font-weight: 400 !important; }
.bbsV_answer .bbsV_answWrite .btnRegist {display:inline-block; padding:calc(var(--basicFont) * 0.75) calc(var(--basicFont) * 1); float:right; line-height:1rem; color:#fff; background:rgba(var(--priColor)); font-size: calc(var(--basicFont) * 0.85); }
.bbsV_answer .bbsV_answWrite .btnRegist:hover, .bbsV_answer .bbsV_answWrite .btnRegist:focus {background:#00377b;}

/* 댓글 : 리스트 */
.bbsV_answer .bbsV_answList {margin-top:1rem; border-top:1px solid #e5e5e5;}
.bbsV_answer .bbsV_answList > li {position:relative; padding:0.75rem 0; font-size:calc(var(--basicFont) * 0.85); border-bottom:1px solid #e5e5e5;}
.bbsV_answer .bbsV_answList > li dl dt {margin-bottom:calc(var(--basicFont) * 0.5); color:#333; font-weight: bold; font-size: calc(var(--basicFont) * 0.85); line-height: calc(var(--basicFont) * 1.5); }
.bbsV_answer .bbsV_answList > li.no_answer {color:#333; text-align:center; font-size:calc(var(--basicFont) * 0.85); font-weight: 400; border:1px solid #e5e5e5; border-top:none; background:url('/00_common/images/board/pt_diagonalG50.png') repeat;}

.bbsV_answer .bbsV_answList > li ul {position:relative; margin-top:0.75rem; padding-left:1.5rem; border-top:1px solid #e5e5e5;}
.bbsV_answer .bbsV_answList > li ul:before{content:''; position:absolute; top:0; left:0; width:10px; height:100%; padding-bottom:0.75rem; background:url('/00_common/images/board/pt_diagonalg.png') repeat; border-radius:0 0 5px 5px;}
.bbsV_answer .bbsV_answList > li ul li {position:relative; padding:0.75rem 0; border-top:1px solid #e5e5e5;}
.bbsV_answer .bbsV_answList > li ul li:first-child {border-top:0;}
.bbsV_answer .bbsV_answList > li ul li dl dt {color:#274b9f;}

/* 댓글 : 날짜 및 댓글달기, 수정, 삭제 버튼 */
.bbsV_answer .bbsV_answList li .answ_etc {position:absolute; right:0; top:0.75rem; display: flex; align-items: center; flex-wrap: wrap; gap: 0.35rem; }
.bbsV_answer .bbsV_answList li .answ_etc span.date {padding:0 0.25rem;}
.bbsV_answer .bbsV_answList li .answ_etc a {display:inline-flex; align-items: center; justify-content: space-around; width:calc(var(--basicFont) * 1.5); height:calc(var(--basicFont) * 1.5); margin-left:0.25rem; text-indent:-10000em; border:1px solid #c3c3c3; min-width: auto !important; padding: 0 !important; margin: 0 !important; background-size: contain !important; border-radius: calc(var(--basicFont) * 0.4) !important; }
.bbsV_answer .bbsV_answList li .answ_etc a:hover, .bbsV_answer .bbsV_answList li .answ_etc a:focus {border:1px solid #111; }
.bbsV_answer .bbsV_answList li .answ_etc a.btn_answer_mn { background:url('/00_common/images/board/btn_answer_mn.png') no-repeat center center;}
.bbsV_answer .bbsV_answList li .answ_etc a.btn_updt_mn { background:url('/00_common/images/board/btn_updt_mn.png') no-repeat center center;}
.bbsV_answer .bbsV_answList li .answ_etc a.btn_del_mn { background:url('/00_common/images/board/btn_del_mn.png') no-repeat center center;}

/* 댓글 : 수정 및 댓댓글쓰기 */
.bbsV_answer .bbsV_answList li .bbsV_answWrite {margin-top:1rem; border: none !important; border-top:1px solid #e5e5e5 !important; background:#f7f7f7; width: 100% !important; padding: var(--basicFont); }
.bbsV_answer .bbsV_answList li .bbsV_answWrite textarea { width: 100%; min-height: calc(var(--basicFont) * 6); font-weight: 400 !important; height: auto !important; }
.bbsV_answer .bbsV_answList li .bbsV_answWrite .btn_boxRight {float:right; overflow:hidden;}
.bbsV_answer .bbsV_answList li .bbsV_answWrite .btn_boxRight button {display:block; float:left; padding:0.75rem 1rem; line-height:1rem; color:#fff;}
.bbsV_answer .bbsV_answList li .bbsV_answWrite .btn_boxRight .btnModifi {background:#666;}
.bbsV_answer .bbsV_answList li .bbsV_answWrite .btn_boxRight .btnModifi:hover, .bbsV_answer .bbsV_answList li .bbsV_answWrite .btn_boxRight .btnModifi:focus {background:#555;}
.bbsV_answer .bbsV_answList li .bbsV_answWrite .btn_boxRight .btnCancel {background:#444;}
.bbsV_answer .bbsV_answList li .bbsV_answWrite .btn_boxRight .btnCancel:hover, .bbsV_answer .bbsV_answList li .bbsV_answWrite .btn_boxRight .btnCancel:focus {background:#333;}

/* 댓글 : 수정 및 삭제 시 패스워드 입력 */
.answer_updt {position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; background:rgba(255,255,255,0.9);}
.answer_updt p {margin:0.75rem 0 5px; font-size:0.75rem; color:#111; font-weight: 400;}
.answer_updt input {width:200px; height:28px; line-height:28px; font-size:14px; vertical-align:middle; border:1px solid #ccc;}
.answer_updt .btnCnfirm {display:inline-block; padding:5px 25px 4px; color:#fff; vertical-align:middle; border:1px solid #25282d; background:#41464e;}
.answer_updt .btnCancl {display:inline-block; padding:5px 25px 4px; color:#fff; vertical-align:middle; border:1px solid #7d8489; background:#92999e;}

/* 다음글 이전글 */
.bbsV_prne { border-top: 1px solid #111111; border-bottom: 1px solid #111111; }
.bbsV_prne li {position:relative; padding-left:calc(var(--basicFont) * 8); padding: calc(var(--basicFont) * 0.9) 0; display: flex; }
.bbsV_prne li + li { border-top: 1px solid #ccc; }
.bbsV_prne li span { display: inline-flex; align-items: center; justify-content: center; gap: calc(var(--basicFont) * 0.8); position: relative; padding: 0 calc(var(--basicFont) * 1.2); line-height: calc(var(--basicFont) * 1.2); }
.bbsV_prne li span::after { position: absolute; content: ""; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: calc(var(--basicFont) * 0.6); background: #D0D0D0; }
.bbsV_prne li span::before { content: "\ea78"; font-size: calc(var(--basicFont) * 1.2); width: calc(var(--basicFont) * 1.2); height: calc(var(--basicFont) * 1.2); display: inline-flex; align-items: center; justify-content: center; font-family: 'remixicon'; }

.bbsV_prne li.next span::before { transform: rotate(180deg); }

.bbsV_prne li a {display:block; padding: 0 calc(var(--basicFont) * 1.2); color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size: calc(var(--basicFont) * 0.8); line-height: var(--basicLine); flex: 1; }
.bbsV_prne li a:hover, .bbsV_bbsV_prne li a:focus {color:#333; text-decoration:underline; }
/* 게시판 View : End ********************************************************************************************************************************************************************************************************************************/

/* 게시판 Write ********************************************************************************************************************************************************************************************************************************/
/* 게시판 Write A */
.bbs_WriteA table { table-layout: fixed; color: #111111; font-size: calc(var(--basicFont) * 0.85); text-align: center; border-top: 1px solid rgba(var(--priColor)); }
.bbs_WriteA table th {padding:calc(var(--basicFont) * 0.85) 0.5rem; font-weight: 600; border-bottom:1px solid #CCCCCC; background:#F9FAFF; position: relative; }
.bbs_WriteA table tbody td {padding:calc(var(--basicFont) * 0.85) 0.5rem; border-bottom:1px solid #CCCCCC; text-align: start; }
.bbs_WriteA table tbody th + td { border-left: 1px solid #ccc; } 
.bbs_WriteA table tbody td .inpTxt { width: 100%; }

/* 게시판 Write B */
.bbs_WriteB {font-size:14px; border-top:2px solid #505c78;}
.bbs_WriteB > li {position:relative; display:table; table-layout:fixed; width:100%; border-bottom:1px solid #eaecf1;}
.bbs_WriteB > li dl.tblDL {display:table-row; width:100%; }
.bbs_WriteB > li dl.tblDL dt, 
.bbs_WriteB > li dl.tblDL dd {display:table-cell; vertical-align:middle;}
.bbs_WriteB > li dl.tblDL dt {width:20%; padding:13px 10px; color:#111; font-weight: 400; text-align:left; background:#f9fafb; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.bbs_WriteB > li dl.tblDL dd {width:80%; padding:13px 10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.bbs_WriteB > li.col2 dl.tblDL dd {width:30%;}
.bbs_WriteB > li dl.tblDL dd textarea {width:100%; height:300px; border:1px solid #ddd;}
.bbs_WriteB > li dl.tblDL dd input, 
.bbs_WriteB > li dl.tblDL dd label {vertical-align:middle;}
.bbs_WriteB > li dl.bbsWFile2 {margin:13px 0;}

/* 게시판 공통 : 필수입력, ※ 표시, 파일첨부 */
.essntl {margin:0 5px; color:#c81917; } /* 필수입력 */
.bbs_atte {position:relative; padding-left:16px; font-size:14px;}/* 부가설명 */
.bbs_atte:before {content:"※"; display:block; position:absolute; left:0; top:0;}

/* 파일첨부 : Start ********************************************************************************************************************************************************************************************************************************/
/* 파일첨부1 : Write */
.bbsWFile {position:relative;}
.bbsWFile input[type="file"]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; border:0; clip:rect(0,0,0,0); overflow:hidden;}
.bbsWFile input[readonly] {width:30%; background:#eee;}
.bbsWFile label.bbsWBtn {cursor:pointer; display:inline-block; height:28px; padding:0 0.75rem; line-height:28px; color:#555; border:1px solid #cdcdcd; background:#fff; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.bbsWFile label.bbsWBtn:hover, .bbsWFile label.bbsWBtn:focus{color:#fff; border:1px solid #394b61; background:#394b61; }

/* 파일첨부2 : Write */
.bbsWFile2 {position:relative;}
.bbsWFile2 dt {padding:10px 1rem; font-size:17px; font-weight: 400; color:#fff; background:#394b61;}
.bbsWFile2 dd#fileListDiv {padding:10px 1rem; border:1px solid #ddd; border-top:none; background:#f9fafb;}
.bbsWFile2 dd#fileListDiv p.bbs_atte {padding-bottom:10px;}
.bbsWFile2 dd#fileListDiv ul {max-height:170px; padding:5px 10px; border:1px solid #ddd; background:#fff; overflow-y:auto;}
.bbsWFile2 dd#fileListDiv ul li {position:relative; padding:10px 11rem 10px 0; border-top:1px dotted #ddd;}
.bbsWFile2 dd#fileListDiv ul li:first-child {border-top:none;}
.bbsWFile2 dd#fileListDiv ul li span.fileName {display:block; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.bbsWFile2 dd#fileListDiv ul li span.fileSize {position:absolute; right:25px; top:10px; font-size:14px; color:#666;}
.bbsWFile2 dd#fileListDiv ul li a.delete {display:block; position:absolute; right:0; top:10px; width:17px; height:17px; text-indent:-10000em; background:#58687b url('/00_common/images/board/btn_bbsWFile_del.png') no-repeat center; border-radius:3px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.bbsWFile2 dd#fileListDiv ul li a.delete:hover, .bbsWFile2 dd#fileListDiv ul li a.delete:focus{background-color:#384350; }

.bbsWFile2 dd#fileListDiv a.button_file {position:absolute; right:1rem; top:7px; display:block; padding:4px 10px; color:#fff; font-size:14px; border:1px solid #fff; border-radius:3px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.bbsWFile2 dd#fileListDiv a.button_file:hover, .bbsWFile2 dd#fileListDiv a.button_file:focus {color:#222; background:#fff;}
/* 파일첨부 : End ********************************************************************************************************************************************************************************************************************************/


/* 게시판 버튼 공통 : Start ********************************************************************************************************************************************************************************************************************************/
.btn_bbs {margin:1rem 0; text-align:center;}
.btn_bbs a {display:inline-block; margin:2px; padding:0.6rem 1.5rem; line-height:1.2rem; font-size:0.75rem; color:#fff; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.btn_bbs a span {position:relative; display:block; }
.btn_bbs a span:before{content:''; position:absolute; bottom:0; left:50%; width:0px; height:1px; background:#fff; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.btn_bbs a:hover span:before {content:''; position:absolute; bottom:0; left:50%; width:100%; height:1px; margin-left:-50%;}

.btn_bbs a.btn_bbs_Write {padding-left:2.75rem; border:1px solid #007367; background:#00897b url('/00_common/images/board/btn_bbs_write.png') no-repeat 1.5rem center;}
.btn_bbs a.btn_bbs_Write:hover, .btn_bbs a.btn_bbs_Write:focus {background-color:#007367;}
.btn_bbs a.btn_bbs_List {padding-left:2.75rem; border:1px solid #00377b; background:#044ca4 url('/00_common/images/board/btn_bbs_list.png') no-repeat 1.5rem center;}
.btn_bbs a.btn_bbs_List:hover, .btn_bbs a.btn_bbs_List:focus {background-color:#00377b;}
.btn_bbs a.btn_bbs_Del {padding-left:2.75rem; border:1px solid #27374a; background:#394b61 url('/00_common/images/board/btn_bbs_del.png') no-repeat 1.5rem center;}
.btn_bbs a.btn_bbs_Del:hover, .btn_bbs a.btn_bbs_Del:focus {background-color:#27374a;}

.btn_bbs a.btn_bbs_Bas {border:1px solid #5a6271; background:#727a88;}
.btn_bbs a.btn_bbs_Bas:hover, .btn_bbs a.btn_bbs_Bas:focus {background:#5a6271;}
.btn_bbs a.btn_bbs_BasL {padding:11px 29px; color:#444; border:2px solid #5a6271; background:#fff;}
.btn_bbs a.btn_bbs_BasL:hover, .btn_bbs a.btn_bbs_BasL:focus {color:#044ca4; border-color:#044ca4; background:#f7f7f7;}
.btn_bbs a.btn_bbs_BasL span:before {background:#044ca4;}
/* 게시판 버튼 공통 : End ********************************************************************************************************************************************************************************************************************************/

/* 페이징 : Start ********************************************************************************************************************************************************************************************************************************/
/* 페이징 - 스킨A */
.bbs_pagerA {margin:1rem 0; text-align:center; line-height:0; font-size:0; }
.bbs_pagerA a, .bbs_pagerA span, .bbs_pagerA strong {display:inline-block; margin:0 calc(0.25rem / 2); border-radius:1rem; vertical-align:middle;}
.bbs_pagerA div {display:inline-block; margin:0 var(--titSize);}
.bbs_pagerA .bbs_arr {width:1.5rem; height:1.5rem; line-height:1.5rem; text-indent:-10000em; border:1px solid #D5D5D5; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.bbs_pagerA .bbs_arr:hover, .bbs_pagerA .bbs_arr:focus { border-color:#666666; }
.bbs_pagerA .pgeL1 {background:url('/00_common/images/board/bbs_PAarrL1.png') no-repeat center;}
.bbs_pagerA .pgeL2 {background:url('/00_common/images/board/bbs_PAarrL2.png') no-repeat center;}
.bbs_pagerA .pgeR1 {background:url('/00_common/images/board/bbs_PAarrR1.png') no-repeat center;}
.bbs_pagerA .pgeR2 {background:url('/00_common/images/board/bbs_PAarrR2.png') no-repeat center;}
.bbs_pagerA .pgeL1:hover,
.bbs_pagerA .pgeL1:focus {background:url('/00_common/images/board/bbs_PAarrL1_on.png') no-repeat center;}
.bbs_pagerA .pgeL2:hover,
.bbs_pagerA .pgeL2:focus {background:url('/00_common/images/board/bbs_PAarrL2_on.png') no-repeat center;}
.bbs_pagerA .pgeR1:hover,
.bbs_pagerA .pgeR1:focus {background:url('/00_common/images/board/bbs_PAarrR1_on.png') no-repeat center;}
.bbs_pagerA .pgeR2:hover,
.bbs_pagerA .pgeR2:focus {background:url('/00_common/images/board/bbs_PAarrR2_on.png') no-repeat center;}

.bbs_pagerA .bbs_pge_num {min-width:1.5rem; height:1.5rem; line-height:1.5rem; font-size:0.75rem; color: #333333; }
.bbs_pagerA .bbs_pge_num:hover, .bbs_pagerA .bbs_pge_num:focus { background:#E5EAFF;}
.bbs_pagerA strong.bbs_pge_num, .bbs_pagerA strong.bbs_pge_num:hover, .bbs_pagerA strong.bbs_pge_num:focus {color:#fff; font-weight: bold; background:rgba(var(--priColor), 1);} /* color */

/* 페이징 - 스킨B */
.bbs_pagerB {margin:1rem 0; text-align:center; line-height:0; font-size:0; }
.bbs_pagerB a, .bbs_pagerB span, .bbs_pagerB strong {display:inline-block; padding:0; margin:0; vertical-align:middle;}
.bbs_pagerB div {display:inline-block; margin:0 5px; border:1px solid #bfbfbf;}
.bbs_pagerB .bbs_arr {width:33px; height:33px; margin:0 2px; line-height:33px; text-indent:-10000em; border:1px solid #bfbfbf; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.bbs_pagerB .bbs_arr:hover, .bbs_pagerB .bbs_arr:focus {background-color:#f7f7f7; border-color:#b1b1b1; }
.bbs_pagerB .bbs_arr.pgeL1:hover, .bbs_pagerB .bbs_arr.pgeL1:focus, .bbs_pagerB .bbs_arr.pgeL2:hover, .bbs_pagerB .bbs_arr.pgeL2:focus {background-position:-3px center;}
.bbs_pagerB .bbs_arr.pgeR1:hover, .bbs_pagerB .bbs_arr.pgeR1:focus, .bbs_pagerB .bbs_arr.pgeR2:hover, .bbs_pagerB .bbs_arr.pgeR2:focus {background-position:3px center;}
.bbs_pagerB .pgeL1 {background:url('/00_common/images/board/bbs_PBarrL1.png') no-repeat center;}
.bbs_pagerB .pgeL2 {background:url('/00_common/images/board/bbs_PBarrL2.png') no-repeat center;}
.bbs_pagerB .pgeR1 {background:url('/00_common/images/board/bbs_PBarrR1.png') no-repeat center;}
.bbs_pagerB .pgeR2 {background:url('/00_common/images/board/bbs_PBarrR2.png') no-repeat center;}
.bbs_pagerB .bbs_pge_num {min-width:33px; height:33px; line-height:33px; font-size:0.75rem; border-left:1px solid #bfbfbf;}
.bbs_pagerB .bbs_pge_num:first-child {border-left:none;}
.bbs_pagerB .bbs_pge_num:hover, .bbs_pagerB .bbs_pge_num:focus {color:#555; background:#ededed;}
.bbs_pagerB strong.bbs_pge_num, .bbs_pagerB strong.bbs_pge_num:hover, .bbs_pagerB strong.bbs_pge_num:focus {position:relative; color:#fff; font-weight: 400; background:#044ca4; } /* color */
.bbs_pagerB strong.bbs_pge_num:before {content:""; display:block; position:absolute; left:-1px; top:-1px; width:100%; height:100%; border:1px solid #044ca4;}
/* 페이징 : End ********************************************************************************************************************************************************************************************************************************/

/* 비밀번호 찾기 : Start *******************************************************************************************************************************************************************************************************/
.pwCnfirm_box {max-width:600px; margin:0 auto; padding:45px; text-align:center; border:1px solid #bfbfbf;}
.pwCnfirm_box label {display:block; margin-bottom:10px; padding-top:11rem; font-size:14px; background:url('/00_common/images/board/ico_pwCnfirm.png') no-repeat center top;}
.pwCnfirm_box input {width:100%; height:43px; padding:0 0.75rem; line-height:43px; font-size:14px; border:1px solid #ddd;  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.pwCnfirm_box p {margin-top:10px; line-height:0; font-size:0;}
.pwCnfirm_box p a {display:inline-block; width:49%; height:2rem; margin:2px 0.5%; font-size:14px; line-height:1.9rem; color:#fff; vertical-align:middle; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.pwCnfirm_box p .btn_pwCnfirmB {border:1px solid #00397f; background:#044ca4;}
.pwCnfirm_box p .btn_pwCnfirmB:hover {background-color:#00397f;}
.pwCnfirm_box p .btn_pwCnfirmG {border:1px solid #8e939b; background:#a5aab1;}
.pwCnfirm_box p .btn_pwCnfirmG:hover {background-color:#8e939b;}
/* 비밀번호 찾기 : End *******************************************************************************************************************************************************************************************************/

/* 게시판 상세페이지 팝업 */
#photoViewDiv{height:auto !important; max-height:90vh; }


@media screen and (max-width:1000px){ 
	
	/* 게시판 리스트 : Start ********************************************************************************************************************************************************************************************************************************/
	/* PDF게시판목록 - 스킨A */
	.bbs_PDF li {width:49%; }
	.bbs_PDF li:nth-child(3n) {margin-right:2%;}
	.bbs_PDF li:nth-child(2n) {margin-right:0;}
	.bbs_PDF li:nth-child(n+3) {margin-top:1rem;}
	/* 게시판 리스트 : End ********************************************************************************************************************************************************************************************************************************/

	/* 사진형게시판목록 - 스킨A */
	.bbs_PhotoA > li > a .img { height: 10.5rem; }

	/* 게시판 View : Start ********************************************************************************************************************************************************************************************************************************/
	/* 사진게시판일 경우 
	.bbsV_cont .slider-nav {height:150px; padding:0 80px;}
	.bbsV_cont .slider-nav .slick-slide {width:24%; height:110px; margin:1rem 0.5%;}
	*/
	.bbsV_cont .slider-nav .slick-list {margin: 0 50px;}
	/* 게시판 View : End ********************************************************************************************************************************************************************************************************************************/
	

	/* 게시판 Write : Start ********************************************************************************************************************************************************************************************************************************/
	.bbs_WriteA table th {width:30%; }
	.bbs_WriteA table td .bbs_atte {display:block;}
	.bbs_WriteB dl.tblDL dd .bbs_atte {display:block;}
	/* 게시판 Write : End ********************************************************************************************************************************************************************************************************************************/
	

	/* 파일첨부 : Start ********************************************************************************************************************************************************************************************************************************/
	/* 파일첨부1 : Write */
	.bbsWFile {padding-right:75px;}
	.bbsWFile input[readonly] {width:100%;}
	.bbsWFile label.bbsWBtn {position:absolute; right:0; top:0; padding:0 10px;}

	/* 파일첨부2 : Write */
	.bbsWFile2 dt {padding:10px;}
	.bbsWFile2 dd#fileListDiv {padding:10px;}
	.bbsWFile2 dd#fileListDiv a.button_file {right:10px;}
	/* 파일첨부 : End ********************************************************************************************************************************************************************************************************************************/

	/* 첨부파일 */
	.bbsV_atchmnfl dl dt { width: 100%; border-bottom: 1px solid #ccc; }
	.bbsV_atchmnfl dl dd { width: 100%; flex: none; }


}

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

	/* 게시판 리스트 : Start ********************************************************************************************************************************************************************************************************************************/

	/* 사진형게시판목록 - 스킨B */
	.bbs_PhotoB li a {padding-left:250px;}
	.bbs_PhotoB li a .img {width:21rem;}
	.bbs_PhotoB li a .more_view {left:250px;}

	/* 게시판 리스트 : End ********************************************************************************************************************************************************************************************************************************/

}


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

	/* 게시판 리스트 : Start ********************************************************************************************************************************************************************************************************************************/
	/* 일반형게시판목록 - 스킨A */
	.BD_srch > div .pageinfo { font-size: calc(var(--basicFont) * 0.9); }
	.BD_srch > div { gap: calc(var(--basicFont) * 1); }
	.BD_srch > div .srchWrap { width: 100%; }
	.BD_srch > div .srchWrap input { width: auto; flex: 1; }

	.bbs_ListA:not(.typeC) table {table-layout:none !important; text-align:left; width: 100%; font-size: calc(var(--basicFont) * 0.95); }
	.bbs_ListA:not(.typeC) table colgroup,
	.bbs_ListA:not(.typeC) table thead {display:none;}
	.bbs_ListA:not(.typeC) table tbody tr {position:relative; display:flex; flex-wrap: wrap; padding: calc(var(--basicFont) * 1.25) calc(var(--basicFont) * 1); border-bottom:1px solid #ccc; gap: calc(var(--basicFont) * 0.75) calc(var(--basicFont) * 1); align-items: center; }
	.bbs_ListA:not(.typeC) table tbody td { border:none; position: relative; padding: 0; }
	.bbs_ListA:not(.typeC) table tbody td:not(.bbs_tit)::before { position: absolute; content: ""; width: 1px; height: calc(var(--basicFont) * 0.6); background: #ccc; right: calc((var(--basicFont) * 1) / -2); top: 50%; transform: translateY(-50%); }
	.bbs_ListA:not(.typeC) table tbody td.bbs_tit a { width: 100%; }
	.bbs_ListA:not(.typeC) table tbody td.bbs_tit.ac { text-align: start !important; }
	.bbs_ListA:not(.typeC) table tbody td:last-child::before,
	.bbs_ListA:not(.typeC) table tbody td:first-child:not(.bbs_tit) {display:none;}
	.bbs_ListA:not(.typeC) table tbody td:first-child,
	.bbs_ListA:not(.typeC) table tbody td:last-child,
	.bbs_ListA:not(.typeC) table tbody td.bbs_tit {background:none;}
	.bbs_ListA:not(.typeC) table tbody td.bbs_tit { width: 100%; padding: 0 !important; }
	.bbs_ListA:not(.typeC) table tbody td.bbs_tit a {color:#222;}
	.bbs_ListA:not(.typeC) table tbody tr.noti td:first-child {display:block; position:absolute; left:10px; top:5px; padding:10px 0; width:50px;}
	.bbs_ListA:not(.typeC) table tbody tr.noti td.bbs_tit {padding:10px 10px 10px 70px; }
	.bbs_ListA:not(.typeC) table tbody tr.no_date {padding:10px 0;}
	.bbs_ListA:not(.typeC) table tbody tr.no_date td {display:block; float:none; text-align:center;}

	/* 사진형게시판목록 - 스킨A */
	.bbs_PhotoA { gap: calc(var(--basicFont) * 1.5); }
	.bbs_PhotoA > li { width: calc((100% - calc(var(--basicFont) * 3)) / 3); }
	.bbs_PhotoA > li > a .img { height: 8.5rem; }
	.bbs_PhotoA > li > a > p { margin: calc(var(--basicFont) * 0.75) 0; }

	/* 사진형게시판목록 상단 : 공통 */
	.bbs_Photo_top {padding:1rem;}
	.bbs_Photo_top a .img {width:100%; float:none;}
	.bbs_Photo_top .txt {width:100%; height:auto; float:none;}
	.bbs_Photo_top .txt a.more_view {position:relative; right:auto; bottom:auto; margin:1rem auto 0;}

	/* 사진형게시판목록 - 스킨C */
	.bbs_PhotoC li a .img {width:32%;}
	.bbs_PhotoC li a .img ~ dl {width:65%;} /* 이미지가 없을 경우 */


	/* 게시판 리스트 : End ********************************************************************************************************************************************************************************************************************************/
	

	/* 페이징 : Start ********************************************************************************************************************************************************************************************************************************/
	/* 페이징 - 스킨A */
	.bbs_pagerA .bbs_pge_num {display:none;}
	.bbs_pagerA strong.bbs_pge_num, .bbs_pagerA strong.bbs_pge_num:hover, .bbs_pagerA strong.bbs_pge_num:focus {display:inline-block; min-width:auto; color:#044ca4; background:none;} /* color */
	.bbs_pagerA div a.bbs_pge_num:last-child {display:inline-block; min-width:auto; padding-left:0.75rem; background:url('/00_common/images/board/bbs_pgeNum_mb.png') no-repeat 4px center;}

	/* 페이징 - 스킨B */
	.bbs_pagerB div {border:none;}
	.bbs_pagerB .bbs_pge_num {display:none;}
	.bbs_pagerB strong.bbs_pge_num, .bbs_pagerB strong.bbs_pge_num:hover, .bbs_pagerB strong.bbs_pge_num:focus {display:inline-block; min-width:auto; color:#044ca4; background:none;} /* color */
	.bbs_pagerB div a.bbs_pge_num:last-child {display:inline-block; min-width:auto; padding-left:0.75rem; margin-left:5px; border-left:none; background:url('/00_common/images/board/bbs_pgeNum_mb.png') no-repeat 4px center;}
	.bbs_pagerB strong.bbs_pge_num:before {display:none;}
	/* 페이징 : End ********************************************************************************************************************************************************************************************************************************/

	/* 게시판 View : Start ********************************************************************************************************************************************************************************************************************************/
	/* .bbs_ViewA .bbsV_cont {margin:1.5rem 0;} */

	/* 사진게시판일 경우 
	.bbsV_cont .slider-nav {padding:0 70px;}
	.bbsV_cont .slider-nav .slick-slide {width:32%;}
	*/

	/* 200402 게시글 이동 추가 */
	.bbsV_PostMove dl {padding:0.75rem 1rem 1rem;}
	.bbsV_PostMove dl dt {position:relative; left:auto; top:auto; width:auto; line-height:1rem; text-align:left;}
	.bbsV_PostMove dl dd {margin-top:10px;}


	/* 댓글 : 날짜 및 댓글달기, 수정, 삭제 버튼 */
	.bbsV_answer .bbsV_answList li .answ_etc {position:relative; right:auto; top:auto; margin-top:10px; padding-top:10px; border-top:1px dotted #e5e5e5;}
	.bbsV_answer .bbsV_answList li .answ_etc span.date {padding:0 5px;}

	/* 댓글 : 수정 및 댓댓글쓰기 */
	.bbsV_answer .bbsV_answList li .bbsV_answWrite {margin-top:10px;}

	/* 댓글 : 수정 및 삭제 시 패스워드 입력 */
	.answer_updt input {width:50%; }
	.answer_updt .btnCnfirm, 	.answer_updt .btnCancl {padding:5px 0.75rem 4px;}

	/* 다음글 이전글 */

	/* 게시판 View : End ********************************************************************************************************************************************************************************************************************************/

	/* 게시판 버튼 공통 : Start ********************************************************************************************************************************************************************************************************************************/
	.btn_bbs a {padding:0.6rem 0.75rem;}
	.btn_bbs a.btn_bbs_Write, .btn_bbs a.btn_bbs_List, .btn_bbs a.btn_bbs_Del {padding-left:2rem; background-position:0.75rem center;}
	.btn_bbs a.btn_bbs_BasL {padding:11px 14px;}
	/* 게시판 버튼 공통 : End ********************************************************************************************************************************************************************************************************************************/

	/* 일반형게시판목록 - 스킨A - typeB*/
	.bbs_ListA.typeB table tbody td { border-bottom: none; }
	.bbs_ListA.typeB table tbody td.stateLst { width: 100%; }
	.bbs_ListA.typeB table tbody td.bbs_tit { text-align: start; }
	.bbs_ListA.typeB table tbody td.bbs_tit a, 
	.bbs_ListA.typeB table tbody td.bbs_tit p { justify-content: start; }
	.bbs_ListA.typeB table tbody tr:last-child td { border-bottom: transparent; }

	/* 일반형게시판목록 - 스킨A - typeC*/
	.bbs_ListA.typeC table colgroup { display: none; }
	.bbs_ListA.typeC table tr { display: flex; flex-direction: column; width: 100%; }
	.bbs_ListA.typeC table tbody th, 
	.bbs_ListA.typeC table tbody td { width: 100%; border-left: none !important; text-align: center !important; padding: calc(var(--titSize) * 0.75); }

	.bbsV_answer .bbsV_answInfo p,
	.bbsV_answer .bbsV_answList > li dl dt { font-size: calc(var(--basicFont) * 0.95); }
	.bbsV_answer .bbsV_answWrite .answer_txt textarea,
	.bbsV_answer .bbsV_answInfo span,
	.bbsV_answer .bbsV_answList > li { font-size: calc(var(--basicFont) * 0.9); }
	.bbsV_answer .bbsV_answInfo { padding: calc(var(--basicFont) * 1) calc(var(--basicFont) * 1.2); }

}

@media screen and (max-width:700px){ 
	/* 게시판 리스트 : Start ********************************************************************************************************************************************************************************************************************************/
	/* PDF게시판목록 - 스킨A */
	.bbs_PDF li {width:100%; margin-right:0 }
	.bbs_PDF li:nth-child(3n) {margin-right:0;}
	.bbs_PDF li:nth-child(n+2) {margin-top:1rem;}
	/* 게시판 리스트 : End ********************************************************************************************************************************************************************************************************************************/

	/* 사진형게시판목록 - 스킨A */
	.bbs_PhotoA { gap: calc(var(--basicFont) * 1.5); }
	.bbs_PhotoA > li { width: calc((100% - calc(var(--basicFont) * 1.5)) / 2); }
	/* .bbs_PhotoA > li > a .img { height: 8.5rem; }
	.bbs_PhotoA > li > a > p { margin: calc(var(--basicFont) * 0.75) 0; } */
}

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

	
	/* 게시판 리스트 : Start ********************************************************************************************************************************************************************************************************************************/
	/* 사진형게시판목록 - 스킨B */
	.bbs_PhotoB li {height:auto; padding:1rem 0;}
	.bbs_PhotoB li.new:after {top:1rem;}
	.bbs_PhotoB li a {padding-left:0;}
	.bbs_PhotoB li a .img {position:relative; left:auto; top:auto; width:100%;}
	.bbs_PhotoB li a dl {padding-top:1.5rem;}
	.bbs_PhotoB li a dl dt {margin:10px 0 5px; font-size:18px; line-height:28px;}
	.bbs_PhotoB li a dl dd.util {font-size:14px;}
	.bbs_PhotoB li a .more_view {position:relative; left:auto; bottom:auto; width:100%; margin-top:0.75rem; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
	/* 게시판 리스트 : End ********************************************************************************************************************************************************************************************************************************/


	/* 게시판 View : Start ********************************************************************************************************************************************************************************************************************************/

	/* 사진게시판일 경우 
	.bbsV_cont .slider-nav {padding:0 60px;}
	.bbsV_cont .slider-nav .slick-slide {width:49%;}
	*/

	.bbsVPho_Cntrl a {width:1.5rem; height:1.5rem; margin-top:-0.75rem;}
	.bbsVPho_Cntrl.prev a {left:0.75rem;}
	.bbsVPho_Cntrl.next a {right:0.75rem;}
	/* 게시판 View : End ********************************************************************************************************************************************************************************************************************************/


	/* 게시판 Write : Start ********************************************************************************************************************************************************************************************************************************/
	/* 게시판 Write B */
	.bbs_WriteB > li {display:block; table-layout:auto; border-bottom:1px solid #eaecf1;}
	.bbs_WriteB > li:before {content:''; display:block; position:absolute; top:0px; left:0px; width:110px; height:100%; background:#f9fafb;}
	.bbs_WriteB > li dl.tblDL {position:relative; display:block; overflow:hidden; z-index:2;}
	.bbs_WriteB > li dl.tblDL dt, 
	.bbs_WriteB > li dl.tblDL dd {display:block;}
	.bbs_WriteB > li dl.tblDL dt {position:relative; width:110px; float:left;}
	.bbs_WriteB > li dl.tblDL dd,
	.bbs_WriteB > li.col2 dl.tblDL dd {width:100%; padding:13px 10px 13px 11rem;}
	.bbs_WriteB > li.col2 dl dt, .bbs_WriteB > li.col2 dl dd {border-top:1px solid #eaecf1;}
	.bbs_WriteB > li.col2 dl dt:first-child, 
	.bbs_WriteB > li.col2 dl dd:nth-last-child(3) {border:none;}
	/* 게시판 Write : End ********************************************************************************************************************************************************************************************************************************/
	
	/* 파일첨부 : Start ********************************************************************************************************************************************************************************************************************************/
	/* 파일첨부2 : Write */
	.bbsWFile2 dd#fileListDiv ul {height:105px;}
	.bbsWFile2 dd#fileListDiv ul li {padding:4px 1rem 4px 0;}
	.bbsWFile2 dd#fileListDiv ul li span.fileName {display:block; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
	.bbsWFile2 dd#fileListDiv ul li span.fileSize {position:relative; right:auto; top:auto;}
	.bbsWFile2 dd#fileListDiv a.button_file {right:10px;}
	/* 파일첨부 : End ********************************************************************************************************************************************************************************************************************************/


}


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

	/* 게시판 리스트 : Start ********************************************************************************************************************************************************************************************************************************/

	/* 사진형게시판목록 상단 : 공통 */
	.bbs_Photo_top a .img {height:200px}

	/* 사진형게시판목록 - 스킨C */
	.bbs_PhotoC li {height:auto;}
	.bbs_PhotoC li a .img {width:100%; float:none;}
	.bbs_PhotoC li a .img ~ dl {width:100%; float:none;} /* 이미지가 없을 경우 */

	/* FAQ - 스킨A */
	.bbs_FaqA li a {padding:0.75rem 2rem 0.75rem 45px;}
	.bbs_FaqA li a span.faq_arr {right:10px;}
	.bbs_FaqA li a:before {left:10px;}
	.bbs_FaqA li div.faq_A {padding:0.75rem 10px 0.75rem 45px;}
	.bbs_FaqA li div.faq_A:before {left:10px;}

	/* 게시판 리스트 : End ********************************************************************************************************************************************************************************************************************************/
	
	/* 게시판 View : Start ********************************************************************************************************************************************************************************************************************************/
	.bbs_ViewA .bbsV_data { flex-direction: column; justify-content: start; align-items: start; }
	.bbsV_prne li span::before,

	/* 200402 게시글 이동 추가 */
	.bbsV_PostMove dl dd {padding-right:0;}
	.bbsV_PostMove dl dd .btn_PostMove {position:relative; right:auto; top:auto; width:100%; height:2rem; margin-top:5px; box-sizing:border-box;}

	/* 게시판 View : End ********************************************************************************************************************************************************************************************************************************/
	
	/* 첨부파일 */
	.bbsV_atchmnfl dl dt, 
	.bbsV_atchmnfl dl dd { padding: calc(var(--basicFont) * 0.85); }

}

@media screen and (max-width: 480px) {
	.bbs_ListA:not(.typeC) table tbody tr { padding: calc(var(--basicFont) * 1); }

	/* 사진형게시판목록 - 스킨A */
	.bbs_PhotoA > li > a .img { height: 6.5rem; }
	.bbs_PhotoA > li > a > p { margin: calc(var(--basicFont) * 0.5) 0; }
}

@media screen and (max-width:380px){ 
	/* 사진형게시판목록 - 스킨A */
	.bbs_PhotoA { padding: calc(var(--basicFont) * 1.5) 0; }
	.bbs_PhotoA > li { width: 100%; }

	/* 게시판 View : Start ********************************************************************************************************************************************************************************************************************************/

	/* 사진게시판일 경우 
	.bbsV_cont .slider-nav {height:110px; padding:0 45px;}
	.bbsV_cont .slider-nav .slick-slide {width:49%; height:70px;}
	*/

	.bbsVPho_Cntrl.prev a {left:10px;}
	.bbsVPho_Cntrl.next a {right:10px;}
	/* 게시판 View : End ********************************************************************************************************************************************************************************************************************************/
	

}

@media screen and (max-width:31rem){ 




}