@charset "utf-8";

.clearfix {zoom: 1;}/* 플롯시 컨텐츠 공백 해결 */
.clearfix:after {clear: both; display: block; content:'';}
.blind {display:block; overflow:hidden; position:absolute; top:0; left:0; width:0 !important; min-width:0 !important; height:0; border:0; background:0 0; font-size:0; line-height:0}

/* slick */
.slick-slide { display:none; min-height:1px; vertical-align:middle; overflow:hidden;}
.slick-list { overflow:hidden;}
.slick-list.dragging { cursor:pointer;}
.slick-list .slick-track{display:inline-block;}
.slick-initialized .slick-slide { display:inline-block;}
.slick-arrow{cursor: pointer;}
.slick-arrow.slick-hidden { display:none; list-style-type: none;} 
.slick-current { opacity:1; display:block;}

/* 작성폼 input 기본스타일 */
.inp_st {font-size: 0.7rem !important; border-radius: 0.4rem !important;}
.inp_st[readonly] {background:#eee;}

/* 게시판 리스트 상단 버튼 스타일 */
.bbs_Tbtn1 {padding:0 20px; line-height:40px; color:#fff; vertical-align:middle; background:#333;}
.bbs_Tbtn2 {padding:0 20px; line-height:40px; 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;}

/* 상단 */
.pageinfo {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; font-size: 0.75rem; margin-bottom: 0.4rem;}
.pageinfo .pge_totle {color: #111; font-weight: 500;}
.pageinfo .pge_totle strong {color: #085ea9; font-weight: 500;}

/* search */
.bbs_srch fieldset {display: flex; flex-wrap: wrap; align-items: center;}
.bbs_srch fieldset > * + * {margin-left: 0.5rem;}
.bbs_srch select {min-width: unset; width: 5rem; background: url(/resource/images/board/brd_sel_arr.png) right 0.5rem center no-repeat; padding-right: calc(1rem + 12px); font-size: 0.7rem;}
.bbs_srch .bbsWSch {margin-left: 1rem; position: relative;}
.bbs_srch .bbsWSch .inpTxt {min-width: unset; width: 14rem; padding-right: 4.1rem; font-size: 0.7rem;}
.bbs_srch .bbsWSch .btnSearch {display: flex; justify-content: center; align-items: center; min-width: unset; height: 1.9rem; border-radius: 0.25rem; padding: 0 0.75rem; position: absolute; right: 0; top: 0;}

/* search2 */
.bbs_srch2 {border-radius: 1rem; border: 2px solid #e3edf7; background: #f7faff; padding: 1.25rem 1.75rem; font-size: 0.75rem; margin-bottom: 1rem;}
.bbs_srch2 fieldset {display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.bbs_srch2 select,
.bbs_srch2 input,
.bbs_srch2 button {margin: 0.15rem !important;}
.bbs_srch2 input.inpTxt {flex: 1; height: 1.9rem;}
.bbs_srch2 .btnSearch {display: flex; justify-content: center; align-items: center; min-width: unset; height: 1.9rem; border-radius: 0.35rem; background: #032e73; padding: 0 1rem; color: #fff; white-space: nowrap; margin: 0;}
/* search2 : active */
.bbs_srch2 .btnSearch:hover,
.bbs_srch2 .btnSearch:focus {background: #000;}
.bbs_srch2 input.confmDt {width:13%; height:2rem; line-height:2rem; padding:0 0.5rem; font-size:0.75rem; vertical-align:middle; border:1px solid #ccc;}

/* 게시판 리스트 : Start ********************************************************************************************************************************************************************************************************************************/
/* 일반형게시판 정보 */
.bbs_info {border: 1px solid #d4d4d4; padding: 1.75rem 1.5rem; margin-bottom: 2.25rem;}

/* 일반형게시판목록 - 스킨A */
.bbs_ListA {position: relative;}
.bbs_ListA:not(.noBorderBottom)::after {content: ""; display: block; width: 100%; height: 1px; background: #a8a8a8; position: absolute; left: 0; bottom: 0;}
.bbs_ListA table {table-layout: fixed; border-top: 3px solid #056cbb; text-align: center;} /* color */
.bbs_ListA table thead th {border-bottom: 1px solid #b8cce0; background: #f7fbff; padding: 0.8rem 0.5rem; color: #111; font-weight: 500;}
.bbs_ListA table tbody td {border-bottom: 1px solid #ddd;padding: 0.75rem 0.3rem;font-size: 0.75rem;}
.bbs_ListA table tbody tr.no_date td {padding: 7.5rem 0;}
.bbs_ListA table tbody tr:hover {background: #f7fafd;}
.bbs_ListA table tbody td.bbs_tit {text-align:left;}
.bbs_ListA table tbody td.bbs_tit a {display: flex; align-items: center;}
.bbs_ListA table tbody td.bbs_tit a em {display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.bbs_ListA table tbody td.bbs_tit a em.txtOvN {text-overflow: clip;} 
.bbs_ListA table tbody td.bbs_tit a:hover em,
.bbs_ListA table tbody td.bbs_tit a:focus em {text-decoration:underline;}
.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.new {flex-shrink: 0; display: inline-block; width: 1rem; height: 1rem; background: #085ea9; font-size: 0.5rem; color: #fff; font-weight: 400; text-align: center; line-height: 1rem; margin-right: 5px;}
.bbs_ListA table tbody td.bbs_tit span.comment {color: #085ea9; font-weight: 400; margin: 0 5px;}
.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.bbs_tit span.btn_S {flex-shrink: 0; min-width: unset; border-radius: 0.25rem; padding: 0.1rem 0.25rem; font-size: 0.55rem; margin: 0; margin-left: 0.2rem;}
.bbs_ListA table tbody td.bbs_tit span.btn_S.btn_blue {background: #085ea9; color: #fff;}
.bbs_ListA table tbody td.bbs_tit span.btn_S.btn_gray {background: #777; color: #fff;}
.bbs_ListA table tbody td.bbs_tit span.btn_S.btn_yellow {background: #fbd23d; color: #222;}

.bbs_ListA table tbody td strong.ico_noti {display:block; width:26px; height:22px; margin:0 auto; text-indent:-10000em; background:url('../images/board/ico_noti.png') no-repeat ;}
.bbs_ListA table tbody td strong[class^="sttus_"] {display: inline-block; line-height: 0.9rem; padding: 0 0.25rem; font-size: 0.6rem; font-weight: 400; white-space: nowrap;}
.bbs_ListA table tbody td strong.sttus_blue {color:#044ca4; border:1px solid #044ca4;}
.bbs_ListA table tbody td strong.sttus_green {color:#50b848; border:1px solid #50b848;}
.bbs_ListA table tbody td strong.sttus_orange {color:#f58220; border:1px solid #f58220;}
.bbs_ListA table tbody td strong.sttus_gray {color:#555; border:1px solid #555;}

/* 게시물 삭제, 이동 */
.BD_table .flexWr {display: flex; align-items: center;}
.BD_table .flexWr select {flex: 1; width: 100%;}
.BD_table .flexWr .btn_gr {flex-shrink: 0; margin-left: 0.5rem;}

/* 첨부파일 레이어 */
.file_lyrBox {position: relative;}
.file_lyrBox .file_lyr {width: 9rem; border: 2px solid #334265; background: #fff; padding: 5px 15px; text-align: left; position: absolute; right: 0; top: 30px; z-index: 2;}
.file_lyrBox .file_lyr ul li {display: flex; justify-content: space-between; align-items: center; background:url('../images/board/ico_Vfile.png') no-repeat left center; padding: 3px 0 3px 15px; position: relative;}
.file_lyrBox .file_lyr a {display: block; font-size: 0.7rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.file_lyrBox .file_lyr a:hover,
.file_lyrBox .file_lyr a:focus {text-decoration:underline;}
.file_lyrBox .file_lyr.hide {display:none;}


/* 사진형게시판목록 상단 : 공통 */
.bbs_Photo_top {position:relative; margin-bottom:60px; padding:30px; font-size:14px; color:#666; border:4px solid #efefef;}
.bbs_Photo_top:before {content:""; display:block; position:absolute; left:0; bottom:-30px; 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:330px; 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('../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:330px; float:right;}
.bbs_Photo_top .txt dl dt {padding:20px 0 10px; font-size:24px; 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:15px; height:40px; text-align:right; border-top:1px dashed #cecece; }
.bbs_Photo_top .txt dl dd.util span.date {padding-left:20px; line-height:39px; background:url('../images/board/ico_photo_date.png') no-repeat left center;}
.bbs_Photo_top .txt dl dd.util span.rdcnt {margin-left:30px; padding-left:20px; line-height:39px; background:url('../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:after {content:""; display:block; clear:both;}
.bbs_PhotoA li {position:relative; width:23.5%; margin-right:2%; float:left; font-size: 0.65rem; color:#666; letter-spacing: 0;}
.bbs_PhotoA li.noDate {width:100%; margin:0; padding: 8rem 0; float:none; text-align:center; border-bottom:1px dashed #cecece; font-size: 0.8rem;}/* 게시글 없을경우 */
.bbs_PhotoA li.new:after {content:"N"; display:block; position:absolute; left:0; top:0; width:40px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:16px; font-weight: 400; background:#E05710;}
.bbs_PhotoA li:nth-child(4n) {margin-right:0;}
.bbs_PhotoA li:nth-child(n+5) {margin-top:40px;}
.bbs_PhotoA li a {position:relative; display:block; height:265px; border:1px solid #cecece; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.bbs_PhotoA li a:hover {border:1px solid #000; box-shadow:3px 3px 6px 0 rgba(0, 0, 0, 0.2);}
.bbs_PhotoA li a span {display:block;}
.bbs_PhotoA li a .img {display: flex; justify-content: center; align-items: center; height: 9rem; background: #eee; position: relative; overflow: hidden;}
.bbs_PhotoA li a .img img {width: 100%; height: 100%; object-fit: cover; /* transition: 0.3s; */}
/* .bbs_PhotoA li a:hover .img img {transform: scale(1.1,1.1);} */
.bbs_PhotoA li a .img:before {content: ""; display: block; width: 100%; height: 100%; background: url('../images/board/img_photo_plus.png') rgba(255,255,255,0.6) center no-repeat; position: absolute; left: 0; top: 0; z-index: 2; opacity: 0; transition: 0.3s ease;}
.bbs_PhotoA li a:hover .img:before {opacity: 1;}
.bbs_PhotoA li a p {line-height: 2rem; padding: 0 0.5rem; font-size: 0.75rem; font-weight: 400; color:#333; white-space:nowrap; text-overflow:ellipsis; border-bottom:1px dashed #cecece; overflow:hidden; }
.bbs_PhotoA li a span.date {position:absolute; left: 0.5rem; bottom:0; padding-left:20px; line-height:39px; background:url('../images/board/ico_photo_date.png') no-repeat left center;}
.bbs_PhotoA li a span.rdcnt {position:absolute; right: 0.5rem; bottom:0; padding-left:20px; line-height:39px; background:url('../images/board/ico_photo_rdcnt.png') no-repeat left center;}
/* 사진형게시판목록 - 스킨A : noImg */
.bbs_PhotoA li a .img img.noImg {width: auto; height: auto; max-width: 100%;}

/* 사진형게시판목록 - 스킨B */
.bbs_PhotoB {border-top:2px solid #334265; }
.bbs_PhotoB:after {content:""; display:block; clear:both;}
.bbs_PhotoB li {position:relative; height:240px; padding:30px 0; border-bottom:1px solid #cecece;  font-size:14px; color:#666;}
.bbs_PhotoB li.noDate {height:30px; text-align:center; border-bottom:1px dashed #cecece; }/* 게시글 없을경우 */
.bbs_PhotoB li.new:after {content:"N"; display:block; position:absolute; left:0; top:30px; width:40px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:16px; font-weight: 400; background:#F55617;}/*230517 명도대비수정*/
.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:320px; 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('../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:40px; font-size:14px; color:#666;}
.bbs_PhotoB li a dl dt {font-size:20px; line-height:40px; font-weight: 400; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.bbs_PhotoB li a dl dd.cont {height:40px; line-height:20px; 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 {border-bottom: 1px solid #cecece; padding: 1rem 0; font-size: 0.7rem; color:#666; position: relative;}
.bbs_PhotoC li.noDate {padding: 8rem 0; text-align: center;}/* 게시글 없을경우 */
.bbs_PhotoC li.new:after {content:"N"; display:block; position:absolute; left:0; top:20px; width:40px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:16px; font-weight: 400; background:#f57f17;}
.bbs_PhotoC li a {display: flex; flex-wrap: wrap; justify-content: space-between;}
.bbs_PhotoC li a span {display: block;}
.bbs_PhotoC li a .img {width: 20%; height: 6rem; background: #000; overflow: hidden;}
.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('../images/board/img_photo_plus.png') no-repeat; opacity:0; z-index:2;}
.bbs_PhotoC li a .img img {width: 100%; height: 100%; position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.bbs_PhotoC li a .img img.vertImg {width: 100%; height: auto;}
.bbs_PhotoC li a .img ~ dl {width: 77%;} /* 이미지가 없을 경우 */
.bbs_PhotoC li a dl {font-size: 0.7rem; color: #666;}
.bbs_PhotoC li a dl dt {display: flex; align-items: center;}
.bbs_PhotoC li a dl dt em {display: block; font-size: 0.9rem; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.bbs_PhotoC li a dl dt span.btn_S {flex-shrink: 0; min-width: unset; border-radius: 0.25rem; padding: 0.1rem 0.25rem; font-size: 0.6rem; margin: 0; margin-left: 0.5rem;}
.bbs_PhotoC li a dl dt span.btn_S.btn_blue {background: #085ea9; color: #fff;}
.bbs_PhotoC li a dl dt span.btn_S.btn_gray {background: #777; color: #fff;}
.bbs_PhotoC li a dl dt span.btn_S.btn_yellow {background: #fbd23d; color: #222;}
.bbs_PhotoC li a dl dd.cont {margin-top: 0.5rem;}
.bbs_PhotoC li a dl dd.date {margin-top: 0.5rem;}
/* 사진형게시판목록 - 스킨C : active */
.bbs_PhotoC li a .img::before,
.bbs_PhotoC li a .img img {transition: 0.3s ease;}
.bbs_PhotoC li a:hover .img::before,
.bbs_PhotoC li a:focus .img::before {opacity:1; transform:rotate(360deg);}
.bbs_PhotoC li a:hover .img img,
.bbs_PhotoC li a:focus .img img {opacity: 0.4; transform: translate(-50%, -50%) scale(1.1,1.1);}

/* 사진형게시판목록 - 스킨C type02 */
.bbs_PhotoC.type02 { border-top: none; display: flex; width: 100%; flex-wrap: wrap; gap: 1rem; }
.bbs_PhotoC.type02 li { width: calc((100% - 1rem) / 2); border: none; padding: 0; }
.bbs_PhotoC.type02 li a { border: 1px solid #cecece; padding: 1rem; }
.bbs_PhotoC.type02 li a .img { width: 7rem; height: 7.5rem; display: flex; align-items: center; justify-content: center; }
.bbs_PhotoC.type02 li a .img::before { display: none; }   
.bbs_PhotoC.type02 li a .img img { max-width: 100%; }
.bbs_PhotoC.type02 li a dl { width: calc(100% - 8.5rem);  }
.bbs_PhotoC.type02 li a dl dt { margin-bottom: 0.5rem; font-weight: 500; }
.bbs_PhotoC.type02 li a dl dd { display: flex; align-items: start; word-break: break-all; font-size: 0.75rem; position: relative; padding-left: 0.5rem; margin-top: 0; }
.bbs_PhotoC.type02 li a dl dd + dd  { margin-top: 0.3rem; }
.bbs_PhotoC.type02 li a dl dd span { min-width: 2.25rem; color: #0d69cd; }
.bbs_PhotoC.type02 li a dl dd:before { content: ""; position: absolute; top: 0.45rem; left: 0; width: 3px; height: 3px; background: #777; }
/* 사진형게시판목록 - 스킨C type02 : active */
.bbs_PhotoC.type02 li a { transition: 0.15s; -webkit-transition: 0.15s; }
.bbs_PhotoC.type02 li a:hover,
.bbs_PhotoC.type02 li a:focus { border-color: #0d69cd; }


/*사진형게시판목록 - 스킨C type03*/
.bbs_PhotoC.type03 {border-top:2px solid #334265; }
.bbs_PhotoC.type03:after {content:""; display:block; clear:both;}
.bbs_PhotoC.type03 > li {border-bottom: 1px solid #cecece; padding: 1rem 0; font-size: 0.7rem; color:#666; position: relative;}
.bbs_PhotoC.type03 li.noDate {padding: 8rem 0; text-align: center;}/* 게시글 없을경우 */
.bbs_PhotoC.type03 li.new:after {content:"N"; display:block; position:absolute; left:0; top:20px; width:40px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:16px; font-weight: 400; background:#f57f17;}
.bbs_PhotoC.type03 li a span {display: block;}
.bbs_PhotoC.type03 li {display: flex; align-items: center;}
.bbs_PhotoC.type03 li .img {position:relative; width: 20%; height: 6rem; background: #000; overflow: hidden; }
.bbs_PhotoC.type03 li .img::before {content:""; display:block; position:absolute; left:50%; top:50%; width:70px; height:70px; margin:-35px 0 0 -35px; background:url('../images/board/img_photo_plus.png') no-repeat; opacity:0; z-index:2;}
.bbs_PhotoC.type03 li .img img {width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.bbs_PhotoC.type03 li .img a {position:absolute; left:0; top:0; width:100%; height: 100%; z-index: 3;}
.bbs_PhotoC.type03 li .img a img.vertImg {width: 100%; height: auto;}
.bbs_PhotoC.type03 li .img ~ dl {width: 77%;} /* 이미지가 없을 경우 */
.bbs_PhotoC.type03 li dl {font-size: 0.7rem; color: #666;}
.bbs_PhotoC.type03 li dl dt {display: flex; align-items: center; margin-left:1rem;}
.bbs_PhotoC.type03 li dl dt em {display: block; font-size: 0.9rem; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.bbs_PhotoC.type03 li dl dt span.btn_S {flex-shrink: 0; min-width: unset; border-radius: 0.25rem; padding: 0.1rem 0.25rem; font-size: 0.6rem; margin: 0; margin-left: 0.5rem;}
.bbs_PhotoC.type03 li dl dt span.btn_S.btn_blue {background: #085ea9; color: #fff;}
.bbs_PhotoC.type03 li dl dt span.btn_S.btn_gray {background: #777; color: #fff;}
.bbs_PhotoC.type03 li dl dt span.btn_S.btn_yellow {background: #fbd23d; color: #222;}
.bbs_PhotoC.type03 li dl dd.cont {margin-left:1rem; margin-top: 0.5rem;}
.bbs_PhotoC.type03 li dl dd.date {margin-top: 0.5rem;}
/* 사진형게시판목록 - 스킨C : active */
.bbs_PhotoC.type03 li .img::before,
.bbs_PhotoC.type03 li .img img {transition: 0.3s ease;}
.bbs_PhotoC.type03 li .img:hover::before ,
.bbs_PhotoC.type03 li .img:focus::before {opacity:1; transform:rotate(360deg);}
.bbs_PhotoC.type03 li .img img:hover,
.bbs_PhotoC.type03 li .img img:focus {opacity: 0.4; transform: translate(-50%, -50%) scale(1.1,1.1);}


.bbs_PhotoC.type03 li dl dd > ul.list_bbsV_data {display: flex; flex-wrap: wrap; border-top: 1px solid #e4e4e4;  border-bottom: 1px solid #e4e4e4; background: #fafafa; padding: 0.45rem; }
.bbs_PhotoC.type03 li dl dd > ul.list_bbsV_data > li {display: flex; align-items: flex-start; padding: 0.45rem 0.5rem; font-size: 0.7rem; color: #666; position: relative; border-bottom:none;}
.bbs_PhotoC.type03 li dl dd > ul.list_bbsV_data > li:not(:last-child)::after {content: ""; display: block; width: 1px; height: 0.75rem; background: #ccc; position: absolute; right: 0; top: calc(50% - 0.38rem);}
.bbs_PhotoC.type03 li dl dd > ul.list_bbsV_data > li i {font-size: 1rem; color: #666; margin-right: 0.2rem;}
.bbs_PhotoC.type03 li dl dd > ul.list_bbsV_data > li strong {display: block; color: #111; font-weight: 500; margin-right: 0.3rem;}
.bbs_PhotoC.type03 li dl dd > ul.list_bbsV_data > li a {color: #0162a7; margin-left: 0.3rem;}
.bbs_PhotoC.type03 li dl dd > ul.list_bbsV_data > li a:hover,
.bbs_PhotoC.type03 li dl dd > ul.list_bbsV_data > li a:focus {text-decoration: underline;}





/* 사진형게시판목록 - 스킨D */
.bbs_PhotoD {display: flex; flex-wrap: wrap; justify-content: space-between;}
.bbs_PhotoD .listWr {width: calc(50% - 0.75rem);}
.bbs_PhotoD .listWr:nth-child(n+3) {margin-top: 1rem;}
.bbs_PhotoD .listWr h3 {font-size: 1.1rem; color: #111; font-weight: 600;}
.bbs_PhotoD .listWr .conWr {border-radius: 1.5rem; border-top-left-radius: 0 !important; padding: 1.5rem 1rem; margin-top: 0.75rem; position: relative;}
.bbs_PhotoD .listWr:nth-child(4n+1) .conWr {background: #fbf2f7;}
.bbs_PhotoD .listWr:nth-child(4n+2) .conWr {background: #ffe9bd;}
.bbs_PhotoD .listWr:nth-child(4n+3) .conWr {background: #def7f1;}
.bbs_PhotoD .listWr:nth-child(4n) .conWr {background: #cbecfb;}
.bbs_PhotoD .listWr .conWr .photoSlide {margin: -0.5rem;}
.bbs_PhotoD .listWr .conWr .photoSlide .slick-track {display: inline-flex;}
.bbs_PhotoD .listWr .conWr .photoSlide .item {height: auto; padding: 0.5rem;}
.bbs_PhotoD .listWr .conWr .photoSlide .item .itemWr {display: flex; flex-direction: column; height: 100%; border-radius: 1rem; position: relative;}
.bbs_PhotoD .listWr .conWr .photoSlide .item .itemWr::before {content: ""; display: block; width: 100%; height: 100%; border-radius: 1rem; position: absolute; left: 0; top: 0; opacity: 0;}
.bbs_PhotoD .listWr .conWr .photoSlide .item01 .itemWr::before {border: 2px solid #ff7800;}
.bbs_PhotoD .listWr .conWr .photoSlide .item02 .itemWr::before {border: 2px solid #0069ba;}
.bbs_PhotoD .listWr .conWr .photoSlide .item03 .itemWr::before {border: 2px solid #555;}
.bbs_PhotoD .listWr .conWr .photoSlide .item .itemWr::after {content: "\e929"; display: flex; justify-content: center; align-items: center; width: 1.3rem; height: 1.3rem; border-radius: 50%; border: 2px solid #fff; font-family: 'xeicon'; font-size: 0.9rem; color: #fff; position: absolute; right: 1rem; bottom: -0.5rem; opacity: 0;}
.bbs_PhotoD .listWr .conWr .photoSlide .item01 .itemWr::after {background: #ff7800;}
.bbs_PhotoD .listWr .conWr .photoSlide .item02 .itemWr::after {background: #0069ba;}
.bbs_PhotoD .listWr .conWr .photoSlide .item03 .itemWr::after {background: #555;}
.bbs_PhotoD .listWr .conWr .photoSlide .item .itemWr .img {display: flex; justify-content: center; align-items: center; height: calc(10.25rem + 2px); border-radius: 1rem 1rem 0 0; border: 1px solid #ccc; background: #fafafa; font-size: 0; line-height: 0; overflow: hidden;}
.bbs_PhotoD .listWr .conWr .photoSlide .item .itemWr .img img {width: 100%; height: 100%; object-fit: cover;}
.bbs_PhotoD .listWr .conWr .photoSlide .item .itemWr .txt {flex: 1; border-radius: 0 0 1rem 1rem; background: #fff; padding: 0.75rem 1rem 1rem;}
.bbs_PhotoD .listWr .conWr .photoSlide .item .itemWr .txt .ctgr {display: flex; justify-content: center; align-items: center; width: 4.25rem; height: 2.25rem; border-radius: 1rem 0; color: #fff; font-weight: 600; position: absolute; left: 0; top: 0;}
.bbs_PhotoD .listWr .conWr .photoSlide .item01 .itemWr .txt .ctgr {background: #ff7800;}
.bbs_PhotoD .listWr .conWr .photoSlide .item02 .itemWr .txt .ctgr {background: #0069ba;}
.bbs_PhotoD .listWr .conWr .photoSlide .item03 .itemWr .txt .ctgr {background: #555;}
.bbs_PhotoD .listWr .conWr .photoSlide .item .itemWr .txt .tit {color: #222; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.bbs_PhotoD .listWr .conWr .photoSlide .item .itemWr .txt ul {margin-top: 0.25rem;}
.bbs_PhotoD .listWr .conWr .photoSlide .item .itemWr .txt ul li {font-size: 0.7rem; color: #555; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.bbs_PhotoD .listWr .conWr .photoSlide .item .itemWr .txt ul li + li {margin-top: 0.1rem;}
.bbs_PhotoD .listWr .conWr .photoSlide .item .itemWr .txt ul li strong {color: #222; font-weight: 500;}
.bbs_PhotoD .listWr .conWr .control a {display: flex; justify-content: center; align-items: center; width: 1.9rem; height: 1.9rem; border-radius: 50%; border: 1px solid #a5a5a5; background: #fff; color: #a5a5a5; position: absolute; top: calc(50% - 0.85rem);}
.bbs_PhotoD .listWr .conWr .control a.prev {left: 0.5rem;}
.bbs_PhotoD .listWr .conWr .control a.next {right: 0.5rem;}
/* 사진형게시판목록 - 스킨D : active */
.bbs_PhotoD .listWr .conWr .photoSlide .item .itemWr,
.bbs_PhotoD .listWr .conWr .photoSlide .item .itemWr:hover::before,
.bbs_PhotoD .listWr .conWr .photoSlide .item .itemWr:hover::after,
.bbs_PhotoD .listWr .conWr .control a {transition: 0.15s;}
.bbs_PhotoD .listWr .conWr .photoSlide .item .itemWr:hover,
.bbs_PhotoD .listWr .conWr .photoSlide .item .itemWr:focus {box-shadow: 0 0.25rem 0.25rem rgba(0,0,0,0.1);}
.bbs_PhotoD .listWr .conWr .photoSlide .item .itemWr:hover::before,
.bbs_PhotoD .listWr .conWr .photoSlide .item .itemWr:focus::before,
.bbs_PhotoD .listWr .conWr .photoSlide .item .itemWr:hover::after,
.bbs_PhotoD .listWr .conWr .photoSlide .item .itemWr:focus::after {opacity: 1;}
.bbs_PhotoD .listWr:nth-child(4n+1) .conWr .control a:hover,
.bbs_PhotoD .listWr:nth-child(4n+1) .conWr .control a:focus {border-color: #d1358c; background: #d1358c; color: #fff;}
.bbs_PhotoD .listWr:nth-child(4n+2) .conWr .control a:hover,
.bbs_PhotoD .listWr:nth-child(4n+2) .conWr .control a:focus {border-color: #fa0; background: #fa0; color: #fff;}
.bbs_PhotoD .listWr:nth-child(4n+3) .conWr .control a:hover,
.bbs_PhotoD .listWr:nth-child(4n+3) .conWr .control a:focus {border-color: #099b78; background: #099b78; color: #fff;}
.bbs_PhotoD .listWr:nth-child(4n) .conWr .control a:hover,
.bbs_PhotoD .listWr:nth-child(4n) .conWr .control a:focus {border-color: #10a4e7; background: #10a4e7; color: #fff;}
/* 사진형게시판목록 - 스킨D : no_data */
.bbs_PhotoD .listWr.noList {width: 100%; border-radius: 1.5rem; border-top-left-radius: 0 !important; background: #fbf2f7; padding: 7.5rem 1rem; text-align: center; margin-top: 0;}

/* 사진형게시판목록 - 스킨C type02 View */
.exbiView{ display:flex; padding:1.25rem; border:1px solid #ddd;}
.exbiView h3{ font-weight:700; color:#000; font-size:1.1rem; margin:0.5rem 0 0.75rem;}
.exbiView .img {display: flex; justify-content: center; align-items: center; width: 12.5rem; background: #eaeaea; font-size: 0; line-height: 0;}
.exbiView .img img { max-width:100%; height:auto; object-fit: contain;}
.exbiView .con{ flex:1; padding-left:1.5rem; margin-top: 1.5rem;}
.exbiView .con .cate{ color:#0d69cd; font-weight:600;}
.exbiView .con ul{ padding-top:0.75rem; border-top:1px dashed #ddd;}
.exbiView .con li{ display:flex;}
.exbiView .con li + li{ margin-top:0.5rem;}
.exbiView .con li > span{ min-width:4.5rem; font-weight:600; color:#000;}
.exbiView .con li > a{word-break: break-all;}

/* PDF게시판목록 - 스킨A */
.bbs_PDF {display: flex; flex-wrap: wrap; border-top: 2px solid #056cbb;}
.bbs_PDF li {display: flex; flex-direction: column; width: calc((100% - 5rem) / 3); padding-top: 2.5rem; margin-left: 2.5rem;}
.bbs_PDF li:nth-child(3n+1) {margin-left: 0;}
.bbs_PDF li > a {flex: 1; display: flex; flex-direction: column; align-items: center; border: 2px solid #ebf7ff; background: #ebf7ff; padding: 0 1.5rem 1rem; text-align: center;}
.bbs_PDF li > a .txt {width: 100%; padding: 1rem 0;}
.bbs_PDF li > a .txt .tit {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-height: 2.8rem; font-size: 1rem; color: #111; font-weight: 600; overflow: hidden; text-overflow: ellipsis;}
.bbs_PDF li > a .img {width: 100%; height: 10.75rem; background: #fff; font-size: 0; line-height: 0;}
.bbs_PDF li > a.a4Size .img {height: 17.2rem;}
.bbs_PDF li > a .img img {max-width: 13.5rem; max-height: 100%; object-fit: contain;}
.bbs_PDF li .btns {display: flex; justify-content: space-between; margin: 1rem 0 0;}
.bbs_PDF li .btns a {min-width: unset; width: calc(50% - 0.2rem); border-radius: 0.25rem; margin: 0;}
/* PDF게시판목록 - 스킨A : active */
.bbs_PDF li > a {transition: 0.15s;}
.bbs_PDF li > a:hover,
.bbs_PDF li > a:focus {border-color: #acd0e8; box-shadow: 0.1rem 0.05rem 0.5rem rgba(0,0,0,0.1);}
.bbs_PDF li > a:hover .txt .tit,
.bbs_PDF li > a:focus .txt .tit {text-decoration: underline;}
/* PDF게시판목록 - 스킨A : no_data */
.bbs_PDF li.noDate {width: 100%; padding: 10rem 0; text-align: 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:20px; margin:-40px 0 0 0; padding-top:60px; line-height:20px; font-size:13px; color:#777; background:url('../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 Image_bbs_PhotoC.type03 */
.bbs_img .bbs_PhotoC li div.img .bbs_NoImg {width:100%; height:100%; display:block; text-align:center; background:#f7f9fb; z-index:3; }
.bbs_img .bbs_PhotoC li div.img .bbs_NoImg:before {content:"NO IMAGE"; display:block; position:absolute; left:0; top:50%; width:100%; height:20px; margin:-40px 0 0 0; padding-top:60px; line-height:20px; font-size:13px; color:#777; background:url('../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 .bbs_PhotoC li div.img .bbs_NoImg a:hover {background:#ebeff2;}
.bbs_img .bbs_PhotoC li 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:20px; margin:-40px 0 0 0; padding-top:60px; line-height:20px; font-size:13px; color:#777; background:url('../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;}

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

/* 게시판 View : Start ********************************************************************************************************************************************************************************************************************************/
.bbs_ViewA h3 {font-size: 1.1rem; color: #000; font-weight: 600;}
.bbs_ViewA h3 .comment {margin-right:5px; padding:3px 5px; vertical-align:middle; font-size:13px; font-weight: 200; color:#fff; background:#53709a;}
.bbs_ViewA .bbsV_data {display: flex; flex-wrap: wrap; justify-content: center; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; background: #fafafa; padding: 0.45rem; margin-top: 1.25rem;}
.bbs_ViewA .bbsV_data li {display: flex; align-items: center; padding: 0.45rem 1rem; font-size: 0.7rem; color: #666; position: relative;}
.bbs_ViewA .bbsV_data li:not(:last-child)::after {content: ""; display: block; width: 1px; height: 0.75rem; background: #ccc; position: absolute; right: 0; top: calc(50% - 0.38rem);}
.bbs_ViewA .bbsV_data li i {font-size: 1rem; color: #666; margin-right: 0.2rem;}
.bbs_ViewA .bbsV_data li strong {display: block; color: #111; font-weight: 500; margin-right: 0.3rem;}
.bbs_ViewA .bbsV_data li a {color: #0162a7; margin-left: 0.3rem;}
.bbs_ViewA .bbsV_data li a:hover,
.bbs_ViewA .bbsV_data li a:focus {text-decoration: underline;}
.bbs_ViewA .bbsV_cont {/*요청사항 게시판 글자 자동 줄맞춤 추가*/ overflow-wrap:anywhere; padding-bottom: 2rem; font-family: 'SCDream', 'Montserrat', 'Noto Sans KR', '돋움', 'Dotum', '굴림', 'Gulim', AppleGothic, UnDotum, Arial, Tahoma, Verdana, sans-serif !important; margin-top: 2rem;}
/* .bbs_ViewA .bbsV_cont * {font-family: 'SCDream', 'Montserrat', 'Noto Sans KR', '돋움', 'Dotum', '굴림', 'Gulim', AppleGothic, UnDotum, Arial, Tahoma, Verdana, sans-serif !important;} */
.bbs_ViewA .bbsV_cont img:not(.slick-slide img) {max-width: 100%;margin-bottom: 1.5rem;height: auto !important; object-fit: contain;} /* 뷰페이지 큰 이미지 출력시 가로 스크롤 방지 */
.bbs_ViewA .ifrmWr {width: 100%; padding-bottom: 56.25%; position: relative;}
.bbs_ViewA .ifrmWr iframe {width: 100%; height: 100%; position: absolute;}
.bbs_ViewA > .ifrmWr {margin-top: 2rem;}
.bbs_ViewA .bbsV_cont .ifrmWr {margin-bottom: 2rem;}
.sr-only {position: absolute; width: 1px;  height: 1px; padding: 0;  margin: -1px;  overflow: hidden;  clip: rect(0, 0, 0, 0);  white-space: nowrap;  border: 0;}

/* 뷰페이지 에디터로 글 작성시 common.css 영향 받는 스타일 수정 */
.bbs_ViewA .bbsV_cont ul {margin-left:20px; list-style-type:disc;}
.bbs_ViewA .bbsV_cont ul li {list-style-type:disc;}
.bbs_ViewA .bbsV_cont ol{margin-left:20px; 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:20px; 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 a {display: flex;justify-content: center;align-items: center;width: 100%;height: 25rem;background: #eaeaea;}
.bbsV_cont .slider-view .slick-slide.slick-current img {max-width: 100%; max-height: 100%; object-fit: contain;}

.bbsV_cont .slider-view {position:relative;margin:20px 0;line-height:0;font-size:0;border:2px solid #efefef;overflow:hidden;}
.bbsV_cont .slider-view .slick-list{margin:0 80px;}
.bbsV_cont .slider-view .slick-slide {display:inline-block;padding: 30px 20px;}
.bbsV_cont .slider-view .slick-slide a {display: flex; justify-content: center; align-items: center; background: #eaeaea; position: relative; overflow: hidden;}
.bbsV_cont .slider-view .slick-slide img {max-width: 100%; max-height: 100%; object-fit: contain;}
.bbsV_cont .slider-view .slick-slide img.vertImg{width:100%; height:auto;}
.bbsV_cont .slider-view .slick-slide a:hover:after,
.bbsV_cont .slider-view .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-view .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-view .slick-arrow {display:block;position:absolute;top:50%;width:40px;height:40px;margin-top:-20px;border-radius:20px;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-view .slick-prev {left:20px; background:#f2f2f2 url('../images/board/bbsV_Photo_prev.png') no-repeat center;}
.bbsV_cont .slider-view .slick-next {right:20px; background:#f2f2f2 url('../images/board/bbsV_Photo_next.png') no-repeat center;}
.bbsV_cont .slider-view .slick-prev:hover, .bbsV_cont .slider-view .slick-prev:focus {background:#266ed4 url('../images/board/bbsV_Photo_prev_on.png') no-repeat center;}
.bbsV_cont .slider-view .slick-next:hover, .bbsV_cont .slider-view .slick-next:focus { background:#266ed4 url('../images/board/bbsV_Photo_next_on.png') no-repeat center;}

.bbsV_cont .slider-nav {position:relative; height:174px; margin:20px 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; padding: 30px 20px;}
.bbsV_cont .slider-nav .slick-slide a {display: flex; justify-content: center; align-items: center; height: 110px; background: #eaeaea; position: relative; overflow: hidden;}
.bbsV_cont .slider-nav .slick-slide img {max-width: 100%; max-height: 100%; object-fit: contain;}
.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:40px; height:40px; margin-top:-20px; border-radius:20px; 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:20px; background:#f2f2f2 url('../images/board/bbsV_Photo_prev.png') no-repeat center;}
.bbsV_cont .slider-nav .slick-next {right:20px; background:#f2f2f2 url('../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('../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('../images/board/bbsV_Photo_next_on.png') no-repeat center;}

/* 첨부파일 */
.bbsV_atchmnfl { font-size:14px; line-height:24px; border-top:1px solid #cfcfcf;}
.bbsV_atchmnfl dl {position:relative; /* height:120px; */ padding-left:180px; border-bottom:1px solid #cfcfcf;}
.bbsV_atchmnfl dt {position:absolute; left:0; top:0; width:180px; height:100%; display:table; font-weight: 400; color:#111; text-align:center; background:#f7f7f7;}
.bbsV_atchmnfl dt span {height:100%; display:table-cell; vertical-align:middle;}
.bbsV_atchmnfl dd {padding:10px 0 10px 20px;}
.bbsV_atchmnfl dd ul {max-height:100px; overflow-y:auto; }
.bbsV_atchmnfl dd ul.bbsV_file li {display: flex; align-items: center; background: url('/common/images/board/ico_Vfile.png') left top 7px no-repeat; padding-left: 20px; color: #666;}
.bbsV_atchmnfl dd ul.bbsV_file li .fileName {display: block; max-width: calc(100% - 0.5rem - 18px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.bbsV_atchmnfl dd ul.bbsV_file li .fileView {display: block; width: 18px; height: 20px; background: url('/common/images/board/ico_file.png'); margin-left: 0.5rem;}
/*250612 바로보기, 바로듣기 아이콘 정렬*/
.bbsV_atchmnfl dd ul.bbsV_file .glan {display: flex; background:none; padding-left: 0px; color: #666;}
.bbsV_atchmnfl dd ul.bbsV_file .glan .e_view{display: block; width: 63px; height: 20px; background: url('/common/images/board/ico_view.png') no-repeat; margin-left: 0.3rem;}
.bbsV_atchmnfl dd ul.bbsV_file .glan .e_lstn{display: block; width: 63px; height: 20px; background: url('/common/images/board/ico_listen.png') no-repeat; margin-left: 0.3rem;}

/* 첨부파일 : active */
.bbsV_atchmnfl dd ul.bbsV_file li .fileName:hover,
.bbsV_atchmnfl dd ul.bbsV_file li .fileName:focus {color: #000; text-decoration: underline;}

.bbsV_atchmnfl dd ul.bbsV_downCO li {position:relative; margin:3px 0 0; padding-right:80px; line-height:22px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.bbsV_atchmnfl dd ul.bbsV_downCO li span {margin-right:5px;}
.bbsV_atchmnfl dd ul.bbsV_downCO li a {position:absolute; right:10px; top:0; display:block; padding:2px 10px; line-height:18px; font-size:13px; color:#fff; background:#99a3b0;}
.bbsV_atchmnfl dd ul.bbsV_downCO li a:hover, .bbsV_atchmnfl dd ul.bbsV_downCO li a:focus {text-decoration:underline; background:#747f8c;}

/* 200402 게시글 이동 추가 */
.bbsV_PostMove dl {position:relative; margin-top:20px; padding:20px 20px 20px 180px; border:1px solid #cfcfcf; background:#f7f7f7;}
.bbsV_PostMove dl dt {position:absolute; left:0; top:20px; width:180px; line-height:40px; 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:40px; font-size:15px; line-height:40px; vertical-align:middle; border:1px solid #ccc;}
.bbsV_PostMove dl dd .btn_PostMove {position:absolute; right:0; top:0; display:block; width:93px; height:38px; text-align:center; color:#fff; line-height:38px; border:1px solid #27374a; background:#394b61;}

/* 태그 */
.bbsV_tag {display: flex; align-items: flex-start; margin-top: 4rem;}
.bbsV_tag h4 {border-radius: 1.5rem; background: #0947c4; padding: 0.25rem 1.6rem; font-size: 0.75rem; color: #fff; font-weight: 500; margin-right: 0.6rem;}
.bbsV_tag ul {display: flex; flex-wrap: wrap; padding: 0.1rem;}
.bbsV_tag ul li {margin-right: 0.75rem;}
.bbsV_tag ul li a {display: block; padding: 0.15rem 0; color: #666;}
/* 태그 : active */
.bbsV_tag ul li a:hover,
.bbsV_tag ul li a:focus {color: #0947c4;}

/* 게시물 삭제, 이동 */
.bbsV_tbl_moveDelete {margin-top: 2rem !important;}

/* 댓글 */
.bbsV_answer {border-top: 2px solid #036daa; margin-top: 2rem;}
.bbsV_answer .bbsV_answInfo {display: flex; flex-wrap: wrap; align-items: center; border-bottom: 1px solid #ccc; padding: 1rem 0; font-size: 0.75rem; color: #111; margin-bottom: 1.5rem;}
.bbsV_answer .bbsV_answInfo i {font-size: 1rem; color: #666; margin-right: 0.25rem;}
.bbsV_answer .bbsV_answInfo strong {display: block; font-size: 0.7rem; color: #666; font-weight: 400; margin-left: 0.25rem;}
.bbsV_answer .bbsV_answInfo .wnrn {width: 100%; font-size: 0.7rem; color: #666; margin-top: 0.25rem;}
.bbsV_answer .bbsV_answInfo .wnrn i {font-size: inherit; color: #999;}

/* 댓글 입력 폼 */
.bbsV_answer .bbsV_answWrite {padding-left: 3.35rem; margin-top: 1rem; position: relative;}
.bbsV_answer .bbsV_answWrite::before {content: "\e9f5"; display: flex; justify-content: center; align-items: center; width: 1.5rem; height: 1.5rem; border-radius: 50%; background: #bfbcbc; font-family: 'xeicon'; font-size: 0.9rem; color: #fff; position: absolute; left: 0; top: 0; z-index: 1;}
.bbsV_answer .bbsV_answWrite .iptWrap {border-radius: 0 0.5rem 0.5rem 0.5rem; border: 1px solid #d7d7d7; background: #fff; padding: 1rem 1.5rem; position: relative;}
.bbsV_answer .bbsV_answWrite .iptWrap::before {content: ""; display: block; border-top: 0.45rem solid #d7d7d7; border-right: 0.5rem solid #d7d7d7; border-left: 0.5rem solid transparent; border-bottom: 0.45rem solid transparent; position: absolute; left: 0; top: -1px; transform: translateX(-100%);}
.bbsV_answer .bbsV_answWrite .iptWrap::after {content: ""; display: block; border-top: calc(0.45rem - 1px) solid #fff; border-right: calc(0.5rem - 1px) solid #fff; border-left: calc(0.5rem - 1px) solid transparent; border-bottom: calc(0.45rem - 1px) solid transparent; position: absolute; left: 1px; top: 0; transform: translateX(-100%);}
.bbsV_answer .bbsV_answWrite .iptWrap .answer_nmpw {display: flex;}
.bbsV_answer .bbsV_answWrite .iptWrap .answer_nmpw p {display: flex; align-items: center;}
.bbsV_answer .bbsV_answWrite .iptWrap .answer_nmpw p + p {margin-left: 0.75rem;}
.bbsV_answer .bbsV_answWrite .iptWrap .answer_nmpw p label {font-size: 0.7rem; color: #666; margin-right: 0.5rem;}
.bbsV_answer .bbsV_answWrite .iptWrap .answer_nmpw p input {min-width: unset; width: 5rem; height: 1.6rem;}
.bbsV_answer .bbsV_answWrite .iptWrap .answer_txt textarea {height: 5rem; border: 0; background: none; padding: 0; font-size: 0.75rem; color: #777; margin-top: 0;}
.bbsV_answer .bbsV_answWrite .iptWrap .answer_txt .bbsWFile input[type="text"] {width: calc(100% - 5rem);}
.bbsV_answer .bbsV_answWrite .iptWrap .answer_txt .bbsWFile .btn_bl {min-width: unset; padding: 0.3rem 0.7rem; font-size: 0.7rem; white-space: nowrap;}
.bbsV_answer .bbsV_answWrite .btnWrap {display: flex; justify-content: center; text-align: center; margin-top: 1rem;}
.bbsV_answer .bbsV_answWrite .btnWrap button {border-radius: 2.35rem; padding: 0.6rem 2.75rem; color: #fff; margin: 0.25rem;}
.bbsV_answer .bbsV_answWrite .btnWrap .btnRegist {background: #005a9a; font-weight: 500;}
.bbsV_answer .bbsV_answWrite .btnWrap .btnModifi {background: #41464e;}
.bbsV_answer .bbsV_answWrite .btnWrap .btnCancel {background: #92999e;}

/* 댓글 : 리스트 */
.bbsV_answer .bbsV_answList > li {padding-left: 3.35rem; position: relative; margin-top: 1rem;}
.bbsV_answer .bbsV_answList > li::before {content: "\e9f5"; display: flex; justify-content: center; align-items: center; width: 1.5rem; height: 1.5rem; border-radius: 50%; background: #bfbcbc; font-family: 'xeicon'; font-size: 0.9rem; color: #fff; position: absolute; left: 0; top: 0; z-index: 1;}
.bbsV_answer .bbsV_answList > li dl {border-radius: 0 0.5rem 0.5rem 0.5rem; border: 1px solid #d7d7d7; background: #fff; padding: 0.75rem 1.5rem; position: relative;}
.bbsV_answer .bbsV_answList > li dl::before {content: ""; display: block; border-top: 0.45rem solid #d7d7d7; border-right: 0.5rem solid #d7d7d7; border-left: 0.5rem solid transparent; border-bottom: 0.45rem solid transparent; position: absolute; left: 0; top: -1px; transform: translateX(-100%);}
.bbsV_answer .bbsV_answList > li dl::after {content: ""; display: block; border-top: calc(0.45rem - 1px) solid #fff; border-right: calc(0.5rem - 1px) solid #fff; border-left: calc(0.5rem - 1px) solid transparent; border-bottom: calc(0.45rem - 1px) solid transparent; position: absolute; left: 1px; top: 0; transform: translateX(-100%);}
.bbsV_answer .bbsV_answList > li dl dt {display: flex; flex-wrap: wrap; align-items: flex-end; padding-right: 4rem; color: #111; font-weight: 500;}
.bbsV_answer .bbsV_answList > li dl dt .date {display: block; font-size: 0.7rem; color: #666; font-weight: 400; margin-left: 0.4rem;}
.bbsV_answer .bbsV_answList > li dl dd {font-size: 0.75rem; margin-top: 0.5rem;}
.bbsV_answer .bbsV_answList > li dl dd textarea {height: 5rem; border: 0; background: #f1f1f1; margin-top: 0;}
.bbsV_answer .bbsV_answList > li dl dd .bbsWFile input[type="text"] {width: calc(100% - 5rem);}
.bbsV_answer .bbsV_answList > li dl dd .bbsWFile .btn_bl {min-width: unset; padding: 0.3rem 0.7rem; font-size: 0.7rem; white-space: nowrap;}
.bbsV_answer .bbsV_answList > li .btn_bbs {margin-top: 0.5rem !important;}
.bbsV_answer .bbsV_answList > li ul {margin-top: 0.5rem; position: relative;}
.bbsV_answer .bbsV_answList > li ul > li {padding-left: 3.35rem; position: relative;}
.bbsV_answer .bbsV_answList > li ul > li + li {margin-top: 1rem;}
.bbsV_answer .bbsV_answList > li ul > li::before {content: "\e9f5"; display: flex; justify-content: center; align-items: center; width: 1.5rem; height: 1.5rem; border-radius: 50%; background: #bfbcbc; font-family: 'xeicon'; font-size: 0.9rem; color: #fff; position: absolute; left: 0; top: 0; z-index: 1;}
.bbsV_answer .bbsV_answList > li ul > li dl {border: 0; background: #f6f6f6;}
.bbsV_answer .bbsV_answList > li ul > li dl::before {border-top-color: #f6f6f6; border-right-color: #f6f6f6;}
.bbsV_answer .bbsV_answList > li ul > li dl::after {display: none;}
.bbsV_answer .bbsV_answList > li ul > li dl dt {color: #0060b1;}

/* 댓글 : no_data */
.bbsV_answer .bbsV_answList > li.no_answer {border: 1px solid #e5e5e5; background: url('../images/board/pt_diagonalG50.png'); padding: 4.5rem 1rem; font-size: 0.75rem; text-align: center;}
.bbsV_answer .bbsV_answList > li.no_answer::before {display: none;}

/* 댓글 : 리스트(공통) */
.bbsV_answer .bbs_ListA .cntPerPage {display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; margin-bottom: 0.5rem;}
.bbsV_answer .bbs_ListA .cntPerPage label {font-size: 0.7rem; color: #666; margin-right: 0.5rem;}
.bbsV_answer .bbs_ListA .cntPerPage select {min-width: unset;}
.bbsV_answer .bbs_ListA table tbody td {/* height: 2rem; */font-size: 0.7rem;}
.bbsV_answer .bbs_ListA table tbody td .atch {color: #2a76c4; text-decoration: underline;}
.bbsV_answer .bbs_pagerB {margin-top: 1rem;}

/* 댓글 - pagination */
#boardTB_paginate {margin-top: 1rem;}
#boardTB_paginate .pagination {display: flex; flex-wrap: wrap; justify-content: center;}
#boardTB_paginate .pagination li {margin-left: -1px; margin-top: -1px;}
#boardTB_paginate .pagination li a {display: block; line-height: 1.5rem; border: 1px solid #ccc; padding: 0 0.6rem; font-size: 0.75rem; color: #777;}
/* 댓글 - pagination */
#boardTB_paginate .pagination li a:hover,
#boardTB_paginate .pagination li a:focus,
#boardTB_paginate .pagination li.active a {border-color: #144293; background: #144293; color: #fff; position: relative; z-index: 1; text-decoration: underline;}

/* 댓글 : 답글쓰기, 수정, 삭제 버튼 */
.bbsV_answer .bbsV_answList > li .answ_etc {position: absolute; right: 1.5rem; top: 0.75rem;}
.bbsV_answer .bbsV_answList > li .answ_etc a {width: auto; height: auto; border: 0; font-size: 0.7rem; margin-left: 0.4rem; text-indent: unset;}
.bbsV_answer .bbsV_answList > li .answ_etc a.btns_updt_mn {background: none;}
.bbsV_answer .bbsV_answList > li .answ_etc a.btns_del_mn {background: none; color: #ff3737;}
.bbsV_answer .bbsV_answList > li .btn_answer_mn {display: inline-block; font-size: 0.7rem; color: #666; margin-top: 0.5rem;}
/* 댓글 : 답글쓰기, 수정, 삭제 버튼 : active */
.bbsV_answer .bbsV_answList > li .answ_etc a:hover,
.bbsV_answer .bbsV_answList > li .answ_etc a:focus,
.bbsV_answer .bbsV_answList > li .btn_answer_mn:hover,
.bbsV_answer .bbsV_answList > li .btn_answer_mn:focus {text-decoration: underline;}

/* 댓글 : 수정 및 삭제 시 패스워드 입력 */
.answer_updt {display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; background: rgba(255,255,255,0.9); text-align: center; position: absolute; left: 0; top: 0; z-index: 1;}
.answer_updt label {font-size: 0.85rem; font-weight: 600;}
.answer_updt .iptWrap {display: flex; margin-top: 0.5rem;}
.answer_updt .iptWrap input {margin: 0;}
.answer_updt .iptWrap .btnCnfirm,
.answer_updt .iptWrap .btnCancl {display: inline-flex; justify-content: center; align-items: center; width: 3.5rem; height: 1.9rem; border-radius: 0.35rem; font-size: 0.75rem; color: #fff; margin-left: 0.25rem;}
.answer_updt .iptWrap .btnCnfirm {background: #41464e;}
.answer_updt .iptWrap .btnCancl {background: #92999e;}

/* 댓글 : 수정 및 댓댓글쓰기 */
.bbsV_answer .bbsV_answList li .bbsV_answWrite {margin-top: 0.5rem;}
.bbsV_answer .bbsV_answList li .bbsV_answWrite .iptWrap {border: 0; background: #f6f6f6;}
.bbsV_answer .bbsV_answList li .bbsV_answWrite .iptWrap::before {border-top-color: #f6f6f6; border-right-color: #f6f6f6;}
.bbsV_answer .bbsV_answList li .bbsV_answWrite .iptWrap::after {display: none;}

/* 다음글 이전글 */
.bbsV_prne {border-top: 2px solid #000; margin-top: 2.5rem;}
.bbsV_prne li {display: flex; justify-content: space-between; border-bottom: 1px solid #e4e4e4; padding: 1rem 0;}
.bbsV_prne li span {display: flex; align-items: center; color: #111; font-weight: 500;}
.bbsV_prne li span i {font-size: 1rem; margin-right: 1rem;}
.bbsV_prne li a {display: block; width: calc(100% - 5.6rem); color: #555; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/* 다음글 이전글 : active */
.bbsV_prne li a:hover,
.bbsV_prne li a:focus {color: #000; text-decoration: underline;}
/* 게시판 View : End ********************************************************************************************************************************************************************************************************************************/

/* 게시판 Write ********************************************************************************************************************************************************************************************************************************/
/* 게시판 Write A */
.bbs_WriteA {border-top: 2px solid #0f4e93; font-size: 0.7rem;}
.bbs_WriteA table th {border-right: 1px solid #c5c9d6; border-bottom: 1px solid #c5c9d6; background: #f0f8ff; padding: 0.5rem 1rem; font-size: 0.8rem; color: #000; font-weight: 500; text-align: center;}
.bbs_WriteA table td {border-bottom: 1px solid #c5c9d6; padding: 0.4rem 1rem;}
.bbs_WriteA table td textarea {width: 100%; height: 300px; border-radius: 0.4rem; border: 1px solid #ccc; margin-top: 0.2rem;}
.bbs_WriteA table td input,
.bbs_WriteA table td label {vertical-align:middle;}
.bbs_WriteA table td [class^="btn_"] {min-width: unset; padding: 0.375rem 0.75rem;}

/* 게시판 Write A - customize */
.bbs_WriteA table td .bbsWSch {position: relative;}
.bbs_WriteA table td .bbsWSch input {padding-right: 3.75rem;}
.bbs_WriteA table td .bbsWSch a {margin: 0; position: absolute; right: 0; top: 0.1rem;}
.bbs_WriteA table td .bbsWRadio ul {display: flex; flex-wrap: wrap; margin: -0.1rem -0.25rem;}
.bbs_WriteA table td .bbsWRadio ul li {padding: 0.1rem 0.25rem;}
.bbs_WriteA table td .bbsWRadio ul li input[type="radio"] {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.bbs_WriteA table td .bbsWRadio ul li input[type="radio"] + label {padding-left: 0.9rem; color: #444; position: relative; cursor: pointer;}
.bbs_WriteA table td .bbsWRadio ul li input[type="radio"] + label::before {content: ""; display: block; width: 0.65rem; height: 0.65rem; border-radius: 50%; border: 1px solid #666; position: absolute; left: 0; top: 0.15rem;}
.bbs_WriteA table td .bbsWRadio ul li input[type="radio"] + label::after {content: ""; display: block; width: 0.35rem; height: 0.35rem; border-radius: 50%; background: #144293; position: absolute; left: 0.15rem; top: 0.3rem; transform: scale(0);}
.bbs_WriteA table td .bbsWCheck ul {display: flex; flex-wrap: wrap; margin: -0.1rem -0.25rem;}
.bbs_WriteA table td .bbsWCheck ul li {padding: 0.1rem 0.25rem;}
.bbs_WriteA table td .bbsWCheck ul li input[type="checkbox"] {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.bbs_WriteA table td .bbsWCheck ul li input[type="checkbox"] + label {padding-left: 0.9rem; color: #444; position: relative; cursor: pointer;}
.bbs_WriteA table td .bbsWCheck ul li input[type="checkbox"] + label::before {content: ""; display: block; width: 0.65rem; height: 0.65rem; border: 1px solid #666; position: absolute; left: 0; top: 0.15rem;}
.bbs_WriteA table td .bbsWCheck ul li input[type="checkbox"] + label::after {content: ""; display: block; width: 0.2rem; height: 0.35rem; border-bottom: 1px solid #144293; border-right: 1px solid #144293; position: absolute; left: 0.25rem; top: 0.25rem; transform: rotate(45deg); opacity: 0; visibility: hidden;}
/* 게시판 Write A - customize : active */
.bbs_WriteA table td .bbsWRadio ul li input[type="radio"] + label::before,
.bbs_WriteA table td .bbsWRadio ul li input[type="radio"] + label::after,
.bbs_WriteA table td .bbsWCheck ul li input[type="checkbox"] + label::before,
.bbs_WriteA table td .bbsWCheck ul li input[type="checkbox"] + label::after {transition: 0.15s;}
.bbs_WriteA table td .bbsWRadio ul li input[type="radio"]:hover + label,
.bbs_WriteA table td .bbsWRadio ul li input[type="radio"]:focus + label {text-decoration: underline;}
.bbs_WriteA table td .bbsWRadio ul li input[type="radio"]:checked + label {color: #085ea9;}
.bbs_WriteA table td .bbsWRadio ul li input[type="radio"]:checked + label::before {border-color: #144293;}
.bbs_WriteA table td .bbsWRadio ul li input[type="radio"]:checked + label::after {transform: scale(1);}
.bbs_WriteA table td .bbsWCheck ul li input[type="checkbox"]:hover + label,
.bbs_WriteA table td .bbsWCheck ul li input[type="checkbox"]:focus + label {text-decoration: underline;}
.bbs_WriteA table td .bbsWCheck ul li input[type="checkbox"]:checked + label {color: #085ea9;}
.bbs_WriteA table td .bbsWCheck ul li input[type="checkbox"]:checked + label::before {border-color: #144293;}
.bbs_WriteA table td .bbsWCheck ul li input[type="checkbox"]:checked + label::after {opacity: 1; visibility: visible;}

/* 게시판 공통 : 필수입력, ※ 표시, 파일첨부 */
.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] {border: 0; background: none; padding: 0 0.75rem;}
.bbsWFile label.bbsWBtn {cursor:pointer; display:inline-block; height:28px; padding:0 15px; 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 20px; font-size:17px; font-weight: 400; color:#fff; background:#394b61;}
.bbsWFile2 dd#fileListDiv {padding:10px 20px; 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 120px 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('../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:20px; 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 {display: flex !important; justify-content: flex-end !important; min-width: unset !important; border-radius: unset !important; padding: 0 !important; text-align: center !important; margin: 0 !important; margin-top: 1.5rem !important;}
.btn_bbs button,
.btn_bbs a {display: block !important; min-width: unset !important; border-radius: 0.5rem !important; padding: 0.5rem 1.5rem !important; color: #fff; margin: 0.1rem 0 !important;}
.btn_bbs button + button,
.btn_bbs a + a {margin-left: 0.5rem !important;}
.btn_bbs button span,
.btn_bbs a span {position:relative; display:block; }
.btn_bbs button span::before,
.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 button:hover span::before
.btn_bbs a:hover span:before {content:''; position:absolute; bottom:0; left:50%; width:100%; height:1px; margin-left:-50%;}

.btn_bbs button.btn_bbs_Write,
.btn_bbs a.btn_bbs_Write {border: 1px solid #0e375c; background: #0e375c;}
.btn_bbs button.btn_bbs_Write span::before,
.btn_bbs a.btn_bbs_Write span::before {background: #0e375c;}
.btn_bbs button.btn_bbs_Write:hover,
.btn_bbs button.btn_bbs_Write:focus,
.btn_bbs a.btn_bbs_Write:hover,
.btn_bbs a.btn_bbs_Write:focus {background: #fff; color: #0e375c;}
.btn_bbs button.btn_bbs_List,
.btn_bbs a.btn_bbs_List {border:1px solid #00377b; background:#044ca4;}
.btn_bbs button.btn_bbs_List:hover,
.btn_bbs button.btn_bbs_List:focus,
.btn_bbs a.btn_bbs_List:hover,
.btn_bbs a.btn_bbs_List:focus {background-color:#00377b;}
.btn_bbs button.btn_bbs_Del,
.btn_bbs a.btn_bbs_Del {border: 1px solid #e40000; background: #e40000;}
.btn_bbs button.btn_bbs_Del span::before,
.btn_bbs a.btn_bbs_Del span::before {background: #e40000;}
.btn_bbs button.btn_bbs_Del:hover,
.btn_bbs button.btn_bbs_Del:focus,
.btn_bbs a.btn_bbs_Del:hover,
.btn_bbs a.btn_bbs_Del:focus {background: #fff; color: #e40000;}

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

/* 페이징 : Start ********************************************************************************************************************************************************************************************************************************/
/* 페이징 - 스킨A */
.bbs_pagerA {margin:20px 0; text-align:center; line-height:0; font-size:0; }
.bbs_pagerA a, .bbs_pagerA span, .bbs_pagerA strong {display:inline-block; margin:0 2px; border-radius:20px; vertical-align:middle;}
.bbs_pagerA div {display:inline-block; margin:0 5px;}
.bbs_pagerA .bbs_arr {width:38px; height:38px; line-height:38px; 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_pagerA .bbs_arr:hover, .bbs_pagerA .bbs_arr:focus {background-color:#f7f7f7; border-color:#b1b1b1; }
.bbs_pagerA .bbs_arr.pgeL1:hover, .bbs_pagerA .bbs_arr.pgeL1:focus, .bbs_pagerA .bbs_arr.pgeL2:hover, .bbs_pagerA .bbs_arr.pgeL2:focus {background-position:-3px center;}
.bbs_pagerA .bbs_arr.pgeR1:hover, .bbs_pagerA .bbs_arr.pgeR1:focus, .bbs_pagerA .bbs_arr.pgeR2:hover, .bbs_pagerA .bbs_arr.pgeR2:focus {background-position:3px center;}
.bbs_pagerA .pgeL1 {background:url('../images/board/bbs_PAarrL1.png') no-repeat center;}
.bbs_pagerA .pgeL2 {background:url('../images/board/bbs_PAarrL2.png') no-repeat center;}
.bbs_pagerA .pgeR1 {background:url('../images/board/bbs_PAarrR1.png') no-repeat center;}
.bbs_pagerA .pgeR2 {background:url('../images/board/bbs_PAarrR2.png') no-repeat center;}
.bbs_pagerA .bbs_pge_num {min-width:40px; height:40px; line-height:40px; font-size:15px; }
.bbs_pagerA .bbs_pge_num:hover, .bbs_pagerA .bbs_pge_num:focus {color:#555; background:#ededed;}
.bbs_pagerA strong.bbs_pge_num, .bbs_pagerA strong.bbs_pge_num:hover, .bbs_pagerA strong.bbs_pge_num:focus {color:#fff; font-weight: 400; background:#044ca4;} /* color */

/* 페이징 - 스킨B */
.bbs_pagerB {display: flex; flex-wrap: wrap; justify-content: center; text-align: center; margin-top: 2.5rem;}
.bbs_pagerB > div {display: flex;}
.bbs_pagerB > div.lst {margin: 0 0.5rem;}
.bbs_pagerB a,
.bbs_pagerB span,
.bbs_pagerB strong {display: block; width: 35px; line-height: 30px; border: 1px solid #ccc; font-size: 0.75rem; color: #777; margin-left: -1px;}
.bbs_pagerB a:not(:first-child),
.bbs_pagerB span:not(:first-child),
.bbs_pagerB strong:not(:first-child) {margin-left: -1px;}
.bbs_pagerB a:hover,
.bbs_pagerB a:focus,
.bbs_pagerB span:hover,
.bbs_pagerB span:focus,
.bbs_pagerB strong,
.bbs_pagerB strong:hover,
.bbs_pagerB strong:focus {border-color: #144293; background: #144293; color: #fff; position: relative; z-index: 1; text-decoration: underline;}
/* 페이징 : 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:120px; font-size:14px; background:url('../images/board/ico_pwCnfirm.png') no-repeat center top;}
.pwCnfirm_box input {width:100%; height:43px; padding:0 15px; 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:40px; margin:2px 0.5%; font-size:14px; line-height:38px; 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 *******************************************************************************************************************************************************************************************************/

/* 고객만족도 조사*/
.satisfaction {position: relative; bottom: 0; right: 0; margin: 0; width:100%;}
.satisfaction .satisfaction_list .input_radio span {margin-right: 0;}
.satisfaction .btn_na.mini {border: none;}
.satisfaction{ margin:60px 0 20px; border:1px solid #ccc;  background-color:#fff; padding-bottom: 15px; padding:10px;}
.satisfaction .question{position:relative;color:#fff;font-size:14px;padding:10px 20px 10px 50px;background:#617284 url('/common/images/board/survey_icon1.png') no-repeat 20px 13px;}/*230516 명도대비 수정*/
.satisfaction .question_link{position:absolute; right:20px; top:8px; font-size:15px; line-height:16px; color:#fff; padding:5px 10px 5px 32px; border:1px solid #b2bac0; background:url('/common/images/board/survey_icon2.png') no-repeat 10px center}
.satisfaction .satisfaction_list{padding:16px 20px 10px; overflow:hidden; font-size:14px}
.satisfaction .satisfaction_list label {vertical-align:middle}
.satisfaction_list input {font-size:inherit; font-family:inherit; color:inherit; line-height:1.5; height: auto; padding:1px 5px; border:solid 1px #dedede; vertical-align:middle}
.satisfaction .satisfaction_list .input_radio{display:block; width:100%; line-height:24px; float:left}
.satisfaction .satisfaction_list .input_radio span{display:inline-block; margin-right:2%}
.satisfaction .satisfaction_list label{display:inline-block; margin-right:15px; color:#535252}
.satisfaction .list_st{padding: 0 1rem; }
.satisfaction .list_st li{font-size: 0.7rem; padding-left: 0.5rem;}
.satisfaction .list_st li::before{width: 3px; height: 3px;}
.satisfaction .list_st li::after{display: none;}

.csnstSubmit input[type="button"]{width:20%; border:1px solid #454f5f; background-color:#454f5f; color:#fff;}
.satisfaction .admin_info{position:relative; border-top:1px solid #e1e1e1; font-size:13px}
.satisfaction .admin_info h3 {position:absolute; top:10px; left:20px; height:25px; color:#333; line-height:20px; background:url('/common/images/board/survey_arrow.png') no-repeat 85px 8px; padding-right:10px;}
.satisfaction .admin_info ul{margin-left:120px; line-height:25px; padding:7px 0; border-left:1px solid #e1e1e1}
.satisfaction .admin_info ul li{float:left; margin-left:25px; padding-left:10px; background:url('/common/images/board/survey_dot.png') no-repeat left 50%}
.satisfaction .admin_info ul li a{color:#333}
.satisfaction .admin_info ul li span{ float:left; color:#1c55cc; margin:0 10px 0 0; padding-right:8px; background:url('/common/images/board/survey_line.gif') no-repeat right 50% }

/* 영상 게시판 - 첨부파일 동영상 */
#vodSolBtn .btn_bbs {justify-content: flex-start !important; margin-top: 0 !important;}

/* 영상 게시판 - 첨부파일 image */
#wordMainImg input {width: 100%;}

/* 영상 게시판 - 첨부파일 progress */
#vodBasicFile .progress {height: 1.75rem; border-radius: 0.35rem; border: 1px solid #ddd; background: #fff; margin-top: 0.5rem; position: relative; overflow: hidden;}
#vodBasicFile .progress .bar {width: 0; height: 100%; background: #bfe5ff; position: absolute; left: 0; top: 0;}
#vodBasicFile .progress .percent {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}



@media (max-width: 1540px) {

	/* PDF게시판목록 - 스킨A */
	.bbs_PDF li {width: calc((100% - 4rem) / 3); padding-top: 2rem; margin-left: 2rem;}
	.bbs_PDF li .btns {flex-wrap: wrap;}
	.bbs_PDF li .btns a {width: 100%;}
	.bbs_PDF li .btns a + a {margin-top: 0.25rem;}
	
	/* 첨부파일 */
	.bbsV_atchmnfl dl {position:relative; /* height:120px; */ padding-left:165px; border-bottom:1px solid #cfcfcf;}
	.bbsV_atchmnfl dt {width:150px; height:100%; display:table; font-weight: 400; color:#111; text-align:center; background:#f7f7f7;}
}



@media (max-width: 1480px){

	input:not([type="checkbox"], [type="radio"]),
	select {min-width: unset;}

	/* 사진게시판일 경우 */
	.bbsV_cont .slider-view .slick-slide a {height: 55vw;}

	/* 게시판 View - B */
	.bbs_ViewB .bbsV_head dl.w25 {width: 50%;}
	
	/* 첨부파일 */
	.bbsV_atchmnfl dl {position:relative; /* height:120px; */ padding-left:125px; border-bottom:1px solid #cfcfcf;}
	.bbsV_atchmnfl dt {width:125px; height:100%; display:table; font-weight: 400; color:#111; text-align:center; background:#f7f7f7;}
}



@media (max-width: 1240px) {

	.btn_bbs {margin-top: 2.5vw !important;}
	.bbs_pagerB {margin-top: 2rem;}

	/* 사진형게시판목록 - 스킨D */
	.bbs_PhotoD .listWr h3 {font-size: 1.05rem;}
	.bbs_PhotoD .listWr .conWr {margin-top: 0.5rem;}
}



@media (max-width: 1024px){ 

	/* 댓글 입력 폼 */
	.bbsV_answer .bbsV_answWrite .iptWrap .answer_txt .bbsWFile {display: flex; padding-right: 0;}
	.bbsV_answer .bbsV_answWrite .iptWrap .answer_txt .bbsWFile input[type="text"] {flex: 1;}

	/* 댓글 : 리스트 */
	.bbsV_answer .bbsV_answList > li dl dd .bbsWFile {display: flex; padding-right: 0;}
	.bbsV_answer .bbsV_answList > li dl dd .bbsWFile input[type="text"] {flex: 1;}

	.bbs_WriteA table td [class^="btn_"] {padding: 0.36rem 0.75rem;}

	.bbs_info {padding: 1.25rem 1.5rem;}
}



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

	/* 게시판 View : Start ********************************************************************************************************************************************************************************************************************************/
	/* 사진게시판일 경우 
	.bbsV_cont .slider-nav {height:150px; padding:0 80px;}
	.bbsV_cont .slider-nav .slick-slide {width:24%; height:110px; margin:20px 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 ********************************************************************************************************************************************************************************************************************************/


}

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

	/* 게시판 리스트 : Start ********************************************************************************************************************************************************************************************************************************/
	/* 사진형게시판목록 - 스킨A */
	.bbs_PhotoA li {width:49%;}
	.bbs_PhotoA li.noDate {padding: 16vw 0; font-size: 0.75rem;}/* 게시글 없을경우 */
	.bbs_PhotoA li:nth-child(4n) {margin-right:2%;}
	.bbs_PhotoA li:nth-child(2n) {margin-right:0;}
	.bbs_PhotoA li:nth-child(n+3) {margin-top:40px;}

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

	/* PDF게시판목록 - 스킨A */
	.bbs_PDF li {width: calc((100% - 3rem) / 3); padding-top: 1.5rem; margin-left: 1.5rem;}
	.bbs_PDF li > a {padding: 0 1rem 1rem;}
	.bbs_PDF li > a .txt .tit {max-height: 2.66rem; font-size: 0.95rem;}
	.bbs_PDF li .btns {margin-top: 0.25rem;}

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

}

@media screen and (max-width:860px) {
	/* 사진형게시판목록 - 스킨C type02 */
	.bbs_PhotoC.type02 li { width: 100%; }
	.bbs_PhotoC.type02 li a { justify-content: start; gap: 1rem; }

	/* 사진형게시판목록 - 스킨C type02 View */
	.exbiView { flex-direction: column; }
	.exbiView .img { width: 100%;}
	.exbiView .con { padding-left: 0; }
}

@media screen and (max-width:800px){
	
	/* search2 */
	.bbs_srch2 {padding:0.75rem 1.25rem;}
	.bbs_srch2 select {min-width:auto; width:100%; margin:1px 0;}
	.bbs_srch2 input.inpTxt {flex: unset; width: 100% !important; margin: 1px 0;}
	.bbs_srch2 .btnSearch {width:100%; margin:1px 0; padding:0 1.25rem; background-image:none; }

	/* 상단 */
	.pageinfo .bbs_srch {width: 100%;}

	/* search */
	.bbs_srch {margin-top: 0.3rem;}
	.bbs_srch fieldset > * {margin-right: -1px;}
	.bbs_srch fieldset > * + *,
	.bbs_srch .bbsWSch {margin-left: 0;}


	/* 게시판 리스트 : Start ********************************************************************************************************************************************************************************************************************************/
	/* 일반형게시판 정보 */
	.bbs_info {padding: 1.25rem; margin-bottom: 2rem;}

	/* 일반형게시판목록 - 스킨A */
	.bbs_ListA table {table-layout:auto; text-align:left; }
	.bbs_ListA table colgroup {display:none;} /* 200325 추가 */
	.bbs_ListA table thead {display: none !important;}
	.bbs_ListA table tbody tr {display: flex; flex-wrap: wrap; align-items: center; height: auto !important; border-bottom: 1px solid #ddd; padding:  33px 0 10px; position: relative;}
	.bbs_ListA table tbody td {display: block; border: none; background:url('../images/board/bbs_line.png') no-repeat right center; padding: 0 10px !important; font-size: 0.7rem; margin-top: 5px;}
	.bbs_ListA table tbody td:first-child {display:none;}
	.bbs_ListA table tbody td:first-child, .bbs_ListA table tbody td:last-child, .bbs_ListA table tbody td.bbs_tit {background:none;}
	.bbs_ListA table tbody td.bbs_tit {display: block; width: 100%; padding: 10px !important; font-size: 0.75rem; color: #000; font-weight: 500; margin-top: 0; position: absolute; left: 0; top: 0;}
	.bbs_ListA table tbody td.no_data {display: none;}
	.bbs_ListA table tbody tr.noti td:first-child {display:block; position:absolute; left:10px; top:5px; padding:10px 0; width:50px;}
	.bbs_ListA table tbody tr.noti td.bbs_tit {padding:10px 10px 10px 70px; }
	.bbs_ListA table tbody tr.no_date {padding: 7.5rem 0;}
	.bbs_ListA table tbody tr.no_date td {display: block; width: 100%; padding: 0.75rem 0.5rem; text-align: center; margin-top: 0;}

	/* 첨부파일 레이어 */
	.file_lyrBox {position:inherit;}
	.file_lyrBox .file_lyr {top:70px; max-width:100%; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

	/* 사진형게시판목록 상단 : 공통 */
	.bbs_Photo_top {padding:20px;}
	.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:20px 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:15px; background:url('../images/board/bbs_pgeNum_mb.png') no-repeat 4px center;}

	/* 페이징 - 스킨B */
	.bbs_pagerB a,
	.bbs_pagerB span,
	.bbs_pagerB strong {width: auto; border: 0; background: none; padding: 0 0.25rem; margin-left: 0; text-decoration: none;}
	.bbs_pagerB .bbs_pge_num {display:none;}
	.bbs_pagerB strong.bbs_pge_num {display: block; color: #144293;}
	.bbs_pagerB a:hover,
	.bbs_pagerB a:focus,
	.bbs_pagerB span:hover,
	.bbs_pagerB span:focus,
	.bbs_pagerB strong,
	.bbs_pagerB strong:hover,
	.bbs_pagerB strong:focus {background: none; color: #777; position: relative; z-index: 1; text-decoration: none;}
	.bbs_pagerB div a.bbs_pge_num:last-child {display:inline-block; min-width:auto; padding-left:15px; margin-left:5px; border-left:none; background:url('../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_data {padding: 0.3rem;}
	.bbs_ViewA .bbsV_data li {padding: 0.3rem 0.75rem;}

	/* 첨부파일 */
	.bbsV_atchmnfl dl {height:auto; padding-left:0;}
	.bbsV_atchmnfl dt {position:relative; left:auto; top:auto; width:auto; height:40px; padding:5px 10px; display:block; line-height:30px; text-align:left; border-bottom:1px dotted #cfcfcf;}
	.bbsV_atchmnfl dt span {display:block;}
	.bbsV_atchmnfl dd {padding:10px;}

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

	/* 댓글 입력 폼 */
	.bbsV_answer .bbsV_answWrite {padding-left: 0.75rem;}
	.bbsV_answer .bbsV_answWrite::before {top: 0.6rem;}
	.bbsV_answer .bbsV_answWrite .iptWrap {border-radius: 0.5rem; padding: 0.5rem; padding-left: 1.5rem;}
	.bbsV_answer .bbsV_answWrite .iptWrap::before,
	.bbsV_answer .bbsV_answWrite .iptWrap::after {display: none;}
	.bbsV_answer .bbsV_answWrite .iptWrap .answer_txt {padding-top: 0.4rem; margin-top: 0.4rem;}

	/* 댓글 : 리스트 */
	.bbsV_answer .bbsV_answList > li {padding-left: 0.75rem;}
	.bbsV_answer .bbsV_answList > li::before {top: 0.6rem;}
	.bbsV_answer .bbsV_answList > li dl {border-radius: 0.5rem; padding: 0.5rem; padding-left: 1.5rem;}
	.bbsV_answer .bbsV_answList > li dl::before,
	.bbsV_answer .bbsV_answList > li dl::after {display: none;}
	.bbsV_answer .bbsV_answList > li ul > li {padding-left: 0.75rem;}
	.bbsV_answer .bbsV_answList > li ul > li::before {top: 0.6rem;}

	/* 댓글 : 리스트(공통) */
	.bbsV_answer .bbs_ListA table tbody tr {padding-top: 0;}
	.bbsV_answer .bbs_ListA table tbody td.bbs_tit {padding-bottom: 5px !important; position: static;}

	/* 댓글 : 답글쓰기, 수정, 삭제 버튼 */
	.bbsV_answer .bbsV_answList > li .answ_etc {right: 0.5rem; top: 0.5rem;}

	/* 댓글 - pagination */
	#boardTB_paginate .pagination li a {line-height: 1.25rem; padding: 0 0.5rem; font-size: 0.7rem;}
	/* 게시판 View : End ********************************************************************************************************************************************************************************************************************************/

	/* 게시판 버튼 공통 : Start ********************************************************************************************************************************************************************************************************************************/
	.btn_bbs a {padding: 0.5rem 1rem !important;}
	.btn_bbs a.btn_bbs_BasL {padding:11px 14px;}
	/* 게시판 버튼 공통 : End ********************************************************************************************************************************************************************************************************************************/
}



@media (max-width:768px) {

	.bbs_WriteA table td [class^="btn_"] {padding: 0.34rem 0.75rem;}

	.btn_bbs {flex-wrap: wrap; margin-top: 1rem !important;}
	.bbs_pagerB {margin-top: 1.5rem;}

	/* 게시물 삭제, 이동 */
	.BD_table table,
	.BD_table table tbody,
	.BD_table table tr,
	.BD_table table th,
	.BD_table table td {display: block;}

	/* PDF게시판목록 - 스킨A : no_data */
	.bbs_PDF li.noDate {padding: 20vw 0;}

	/* 사진형게시판목록 - 스킨D */
	.bbs_PhotoD .listWr {width: 100%;}
	.bbs_PhotoD .listWr:nth-child(n+2) {margin-top: 1rem;}
	/* 사진형게시판목록 - 스킨D : active */
	.bbs_PhotoD .listWr.noList {padding: 20vw 1rem; margin-top: 0;}
}



@media (max-width: 700px) {

	/*250612 바로보기, 바로듣기 아이콘 정렬*/
	.bbsV_atchmnfl dd ul.bbsV_file li .fileName {width: calc(90% - 0.7rem - 30px);}
	.bbsV_atchmnfl dd ul.bbsV_file li .fileView {display: block; width: 23px; height: 20px; background: url('/common/images/board/ico_file.png') no-repeat; margin-left: 0.5rem;}
	.bbsV_atchmnfl dd ul.bbsV_file .glan .e_view{display: block; width: 23px; height: 20px; background: url('/common/images/board/ico_m_view.png') no-repeat; margin-left: 0.3rem;}
	.bbsV_atchmnfl dd ul.bbsV_file .glan .e_lstn{display: block; width: 23px; height: 20px; background: url('/common/images/board/ico_m_listen.png') no-repeat; margin-left: 0.3rem;}



	/* PDF게시판목록 - 스킨A */
	.bbs_PDF {justify-content: space-between;}
	.bbs_PDF li {width: calc(50% - 0.75rem); margin: 0;}
}



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

	
	/* 게시판 리스트 : Start ********************************************************************************************************************************************************************************************************************************/
	/* 사진형게시판목록 - 스킨B */
	.bbs_PhotoB li {height:auto; padding:20px 0;}
	.bbs_PhotoB li.new:after {top:20px;}
	.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:30px;}
	.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:15px; -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%;}
	*/

	/* 게시판 View - B */
	.bbs_ViewB .bbsV_head dl.w25 {width: 100%;}
	.bbs_ViewB .bbsV_head dl dd {text-align: left;}

	.bbsVPho_Cntrl a {width:30px; height:30px; margin-top:-15px;}
	.bbsVPho_Cntrl.prev a {left:15px;}
	.bbsVPho_Cntrl.next a {right:15px;}

	/* 게시물 삭제, 이동 */
	.BD_table .flexWr {flex-wrap: wrap;}
	.BD_table .flexWr .btn_gr {width: 100%; margin: 0.25rem 0 0;}
	/* 게시판 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 120px;}
	.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 20px 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 (max-width: 580px) {

	/* 사진형게시판목록 - 스킨D */
	.bbs_PhotoD .listWr .conWr .photoSlide .item .itemWr .txt {padding: 0.5rem 0.75rem 0.75rem;}
	.bbs_PhotoD .listWr .conWr .photoSlide .item .itemWr .txt .ctgr {width: 4rem; height: 2rem; font-size: 0.7rem;}
}


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

	/* 게시판 리스트 : Start ********************************************************************************************************************************************************************************************************************************/
	/* 사진형게시판목록 상단 : 공통 */
	.bbs_Photo_top a .img {height:200px}
	
	/* 사진형게시판목록 - 스킨A */
	.bbs_PhotoA li {width:100%; margin-right:0;}
	.bbs_PhotoA li:nth-child(4n) {margin-right:0;}
	.bbs_PhotoA li:nth-child(n+2) {margin-top:20px;}

	/* 사진형게시판목록 - 스킨C */
	.bbs_PhotoC li {padding: 0 0 0.5rem;}
	.bbs_PhotoC li a .img {width:100%;}
	.bbs_PhotoC li a .img ~ dl {width: 100%; margin-top: 0.5rem;} /* 이미지가 없을 경우 */
	.bbs_PhotoC li a dl dt em {font-size: 0.85rem;}
	.bbs_PhotoC li a dl dt span.btn_S {margin-left: 0.25rem;}

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

	/* 게시판 View - B */
	.bbs_ViewB .bbsV_head {border-top-width: 2px;}
	.bbs_ViewB .bbsV_head dl {display: block;}
	.bbs_ViewB .bbsV_head dl dt,
	.bbs_ViewB .bbsV_head dl dd {width: 100%; padding: 0.5rem;}

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

	/* 태그 */
	.bbsV_tag {flex-wrap: wrap;}
	.bbsV_tag h4 {margin-right: 0;}
	.bbsV_tag ul {width: 100%; margin-top: 0.5rem;}

	/* 댓글 입력 폼 */
	.bbsV_answer .bbsV_answWrite .btnWrap button {padding: 0.5rem 1.5rem;}

	/* 댓글 : 리스트 */
	.bbsV_answer .bbsV_answList > li dl dt .date {width: 100%; margin-left: 0; margin-top: 0.25rem;}

	/* 댓글 : 수정 및 삭제 시 패스워드 입력 */
	.answer_updt .iptWrap {flex-wrap: wrap; justify-content: center;}
	.answer_updt .iptWrap input {width: 100%;}
	.answer_updt .iptWrap .btnCnfirm,
	.answer_updt .iptWrap .btnCancl {margin: 0.5rem 0.25rem 0;}
	/* 게시판 View : End ********************************************************************************************************************************************************************************************************************************/

	/* 사진형게시판목록 - 스킨C type02 */ 
	.bbs_PhotoC.type02 li a { justify-content: center; gap: 0.5rem; }
	.bbs_PhotoC.type02 li a dl dt { margin-bottom: 0.35rem; }
	.bbs_PhotoC.type02 li a dl dd + dd { margin-top: 0.25rem; }
}



@media (max-width: 480px) {
	
	/* search2 */
	.bbs_srch2 {padding: 0.75rem;}

	.btn_bbs a {font-size: 0.7rem;}
	.btn_bbs a + a {margin-left: 0.25rem !important;}

	/* 일반형게시판 정보 */
	.bbs_info {padding: 1rem; margin-bottom: 1.75rem;}

	/* 게시판 View : Start ********************************************************************************************************************************************************************************************************************************/
	.bbs_ViewA h3 {font-size: 1rem;}
	.bbs_ViewA .bbsV_data {margin-top: 0.75rem;}
	.bbs_ViewA .bbsV_data li {padding: 0.3rem 0.5rem;}
	.bbs_ViewA .bbsV_data li:not(:last-child)::after {display: none;}
	.bbs_ViewA .bbsV_cont {margin-top: 1.5rem;}

	/* 태그 */
	.bbsV_tag {margin-top: 1.5rem;}
	.bbsV_tag ul li a {font-size: 0.7rem;}

	/* 댓글 */
	.bbsV_answer .bbsV_answInfo {margin-bottom: 1rem;}

	/* 댓글 입력 폼 */
	.bbsV_answer .bbsV_answWrite .iptWrap .answer_nmpw {flex-wrap: wrap;}
	.bbsV_answer .bbsV_answWrite .iptWrap .answer_nmpw p {width: 100%;}
	.bbsV_answer .bbsV_answWrite .iptWrap .answer_nmpw p + p {margin-left: 0;}
	.bbsV_answer .bbsV_answWrite .btnWrap {margin-top: 0.5rem;}

	/* 다음글 이전글 */
	.bbsV_prne {margin-top: 2rem;}
	.bbsV_prne li {padding: 0.75rem 0;}
	.bbsV_prne li span i {margin-right: 0.5rem;}
	.bbsV_prne li a {width: calc(100% - 4.6rem);}
	/* 게시판 View : End ********************************************************************************************************************************************************************************************************************************/

	/* PDF게시판목록 - 스킨A */
	.bbs_PDF li {width: calc(50% - 0.5rem); padding-top: 1rem;}
	.bbs_PDF li > a {padding: 0 0.5rem 0.5rem;}
	.bbs_PDF li > a .txt {padding: 0.75rem 0;}
	.bbs_PDF li > a .txt .tit {max-height: 2.38rem; font-size: 0.85rem;}

	/* 사진형게시판목록 - 스킨D */
	.bbs_PhotoD .listWr h3 {font-size: 1rem;}
	.bbs_PhotoD .listWr .conWr .control > a {width: 1.75rem; height: 1.75rem;}
}



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

	.inp_st {font-size: 0.65rem !important;}

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

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

	/* 사진형게시판목록 - 스킨C type02 View */
	.exbiView .con li {flex-wrap: wrap;}
	.exbiView .con li > span {width: 100%;}

	.bbsVPho_Cntrl.prev a {left:10px;}
	.bbsVPho_Cntrl.next a {right:10px;}

	/* 댓글 입력 폼 */
	.bbsV_answer .bbsV_answWrite .iptWrap .answer_txt .bbsWFile {flex-wrap: wrap;}
	.bbsV_answer .bbsV_answWrite .iptWrap .answer_txt .bbsWFile input[type="text"] {width: 100%;}
	.bbsV_answer .bbsV_answWrite .iptWrap .answer_txt .bbsWFile .btn_bl {width: 100%; border-radius: 0.4rem;}

	.bbsV_answer .bbsV_answList > li dl dd .bbsWFile {flex-wrap: wrap;}
	.bbsV_answer .bbsV_answList > li dl dd .bbsWFile input[type="text"] {width: 100%;}
	.bbsV_answer .bbsV_answList > li dl dd .bbsWFile .btn_bl {width: 100%; border-radius: 0.4rem;}
	/* 게시판 View : End ********************************************************************************************************************************************************************************************************************************/
	
	/* 게시판 Write ********************************************************************************************************************************************************************************************************************************/
	/* 게시판 Write A */
	.bbs_WriteA {font-size: 0.65rem;}
	.bbs_WriteA table,
	.bbs_WriteA tbody {display: block;}
	.bbs_WriteA table tr {display: block;}
	.bbs_WriteA table th {display: block; width: 100%; border-right: 0; border-bottom: 0; font-size: 0.7rem;}
	.bbs_WriteA table td {display: block; padding: 0.4rem 10px;}
	.bbs_WriteA table td [class^="btn_"] {padding: 0.4rem 0.75rem;}

	.btn_bbs {margin-top: 0.75rem !important;}

	/* PDF게시판목록 - 스킨A */
	.bbs_PDF li {width: 100%;}
	.bbs_PDF li > a {padding: 0 0.75rem 0.75rem;}
	.bbs_PDF li > a .txt .tit {max-height: 2.52rem; font-size: 0.9rem;}
	.bbs_PDF li .btns {margin-top: 0.5rem;}
	.bbs_PDF li .btns a {width: calc(50% - 0.25rem);}
	.bbs_PDF li .btns a + a {margin-top: 0;}
}