.boardSearch:after{content: ''; display: block; clear: both; visibility: hidden;}
.boardSearch{box-sizing:border-box; margin-bottom:13px;} 
.boardSearch p{float:left; padding:10px 10px 5px 0px; font-size:18px;}
.boardSearch form fieldset > div.boardSearchB{float:right; position:relative; padding-left:132px;}
.boardSearch.boardSearchSX form fieldset > div.boardSearchB{padding-left:0;}
.boardSearch form select {border:1px solid #ccc; padding:0 10px; position:absolute; top:0; left:0; height:40px; line-height:38px; width:125px; box-sizing:border-box;  background:url('/images/egovframework/scourt/option1.png') no-repeat 90% center;}
.boardSearch form fieldset > div.boardSearchB > div {position:relative; padding-right:60px; width:320px; box-sizing:border-box;}
.boardSearch form div input { padding:0 10px; height:40px; line-height:38px; width:100%; box-sizing:border-box; border:1px solid #ccc;}
.boardSearch a {background-color: #203452; height:40px; line-height:40px; width:60px; text-align:center; position:absolute; right:0; top:0;} 
.boardSearch a img{margin-top:-5px;} 
.boardSearch form fieldset > div.boardSearchB.excelBox > div {position:static; padding-right:0px; width:auto;}
.boardSearch div.excelBox a{width:100px; color:#fff; position:static;}
/*게시판 검색*/

.boardArea, .boardAreaScr{border-top:2px solid #000; margin-bottom:20px;}
.board{width:100%; margin-bottom:10px; box-sizing:border-box; /*table-layout:fixed;*/}
.board thead tr{font-weight :bold;}
.noticeTr{background:#fffdf9;}
.board > thead > tr > *, .board > tbody > tr > *{border-bottom : 1px solid #ccc; padding :15px 5px; line-height:30px; text-align:center; vertical-align:middle; }
.board thead tr th {white-space:nowrap; border-bottom:1px solid #666; font-size:18px; background:#f7f9fc;}
.board tbody tr td {font-size:18px;}
.board tbody tr td.boardTitle {text-align:left;}
.board tbody tr.noticeTr td.boardTitle {text-align:left; padding-left:40px; background:url(/images/egovframework/scourt/board/boardNotice.png) left center no-repeat;}
.board tbody tr td a{vertical-align:middle; display:inline-block;}
.board tbody tr td span.boardTie{display:inline-block; margin:0 5px;}
.board tbody tr td img{vertical-align:middle; margin:1px;}
.board tbody tr td a:hover{text-decoration:underline;}
.new{background-color:#b50081; vertical-align:middle; height:21px; color:#fff; margin-left:3px; display:inline-block; width:21px; text-align:center; border-radius:50px; font-weight:bold; font-size:14px; line-height:20px; padding-top:1px; box-sizing:border-box;} 
.stateBul{padding:3px 8px; text-align:center; display:inline-block; border:1px solid #014099; margin:2px 0;}
.stateBul01{color:#014099; background:#fff; }
.stateBul02{color:#fff; background:#014099; }
.stateBul03{ border:1px solid #ccc;  color:#555; background-color:#f1f1f1;}
.stateBul04{ color:#fff; background-color:#b50081; border:1px solid #b50081;}
.bookCover img{width:100px !important; border:1px solid #ddd;}
/*게시판 리스트*/ 

.paging{padding:40px 0; width:100%; text-align:center;}
.paging > a {display: inline-block; width:26px; line-height: 48px; text-align: center; font-size:20px; }
.paging ol {display: inline-block; box-sizing: border-box; text-align: center; padding:0 10px;}
.paging ol li {display: inline-block;}
.paging ol li a {display: block; font-size: 18px; font-weight:900; line-height: 48px; height: 48px; width: 48px; border-radius:50px; }
.paging ol li a:hover, .paging ol li a.focus {color:#fff; box-shadow: 2px 2px 3px #e0e6eb; background: linear-gradient(to bottom right, #1f5db4 30%, #1e2d6f 70%); 
                    background: -webkit-linear-gradient(to bottom right, #1f5db4 30%, #1e2d6f 70%); 
                    background: -moz-linear-gradient(to bottom right, #1f5db4 30%, #1e2d6f 70%); 
                    background: -o-linear-gradient(to bottom right, #1f5db4 30%, #1e2d6f 70%);} 
.greyBox .paging{padding:10px 0 0 0 ;}
/*페이징*/  

.boardViewArea{border-top : 2px solid #000; margin:-21px 0 20px 0; }
.boardViewArea h4{font-size:22px; line-height:30px; padding:25px 10px 20px; border-bottom:1px solid #ccc;}
.boardData{width:100%; border-bottom:1px solid #ccc; padding:10px; box-sizing:border-box; background-color:#f7f9fc;}
.boardData li{display:inline-block; line-height:28px; margin-right:25px; font-size:17px;}
/*.boardData li:before{content:'· ';}*/
.boardContents{padding:15px; box-sizing:border-box; line-height:28px; border-bottom:1px solid #ccc;}
.boardContents img{max-width:100%; display:block;}

.navFile{ border-bottom:1px solid #ccc; position:relative; padding-left:80px; background-color:#f7f9fc;}
.navFile dl dt{ position:absolute; top:18px; left:10px;}
.navFile dl dd{ box-sizing:border-box; padding:15px 10px;}

.filedownload:after{content:''; display:block; visibility:hidden; clear:both;}
.filedownload{margin-bottom:8px; font-size:17px; display:block; line-height:20px; padding:1px 0 2px 0px; color:#014099; }
.filedownload > img{width:20px; float:left;}
.filedownload > a{display:inline-block; padding-left:8px; float:left; max-width:calc(100% - 20px); box-sizing:border-box;}
.filedownload:last-of-type{ margin-bottom:0px; }
.filedownload .filedownData{padding-left:5px; font-size:15px; line-height:25px; color:#666; font-weight:lighter;}
.boardNav{border:1px solid #ccc;}
.boardNav li {box-sizing:border-box; padding:15px;}
.boardNav li:first-of-type {border-bottom:1px solid #ccc;}
.boardNav li dl:after{content: ''; display: block; clear: both; visibility: hidden;}
.boardNav li dl dt{float:left; width:100px; font-size:17px; box-sizing:border-box; line-height:24px; color:#014099;}
.boardNav li dl dd{float:left; width:calc(100% - 100px); line-height:24px; font-size:17px; box-sizing:border-box;}
/*보더 뷰*/

.boardWrite {border-top : 2px solid #000; }
.boardWrite legend{display:none;}
.boardform{width:100%; margin-bottom:20px;}
.boardform colgroup col:first-of-type{width:250px;} 
.boardform tr {border-bottom:1px solid #ccc;}
.boardform tr > *{padding:10px; box-sizing:border-box; }
.boardform tr th{background-color:#f7f9fc; vertical-align:top; font-size:17px; line-height:34px;}
.boardform tr td{ vertical-align:middle;}
.boardform tr td select{height:30px; width:200px; padding:0 0 0 10px; box-sizing:border-box; border:1px solid #d2d6de; background:url('/images/egovframework/scourt/board/subNavBg_s.png') no-repeat 95% center;}
.boardform tr td input{height:30px; box-sizing:border-box; width:100%; border:1px solid #ccc; padding-left:10px;}
.boardform tr td textarea{border:1px solid #ccc; padding:10px; box-sizing:border-box; display : block; width : 100%; height : 250px; }
.boardform td input[type='checkbox'],
.boardform td input[type='radio'] {height:auto; width:auto; background-color:#fff; line-height:32px; vertical-align:middle; margin:0px 5px 2px 5px;}
.boardform tr td img{vertical-align:middle;}
.boardform tr td p{display:inline-block;}
.commentB{padding:2px 0 0 10px; font-size:14px; color:#4c6ca8; margin-bottom:8px; display:inline-block;}
.boardform tr td input.shortText{width:230px;}
.boardform tr td input.shortText3{width:350px;}
.postBtn{display: inline-block; padding:5px 10px; color: #fff; font-size:14px; line-height:20px; vertical-align: middle; background-color: #014099;}
.filebox{margin-bottom:5px;}
.filebox label.fileUploadBtn { display: inline-block; padding:5px 10px; color: #fff; font-size:14px; line-height:20px; vertical-align: middle; background-color: #0f4c81; cursor: pointer; border: 1px solid #0f4c81;}
.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.filebox .upload-name { display: inline-block; width:60%; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.filebox a {display: inline-block; padding:5px 10px; color: #0f4c81; font-size:14px; line-height:20px; vertical-align: middle; background-color: #e8f0f9; border: 1px solid #0f4c81; }
/*게시판 글쓰기*/

.faqArea{border-top:2px solid #000;}
.faqArea ul li { margin : -1px 0 0 0;} 
.faqArea ul li:first-of-type  {margin:0;}
.faqArea ul li:first-of-type > a {border-top : none; }
/*자주묻는질문*/


.calendar{width:100%; padding-top:20px;}
.monthCalendar{width:100%; text-align:center; line-height:30px; margin-bottom:30px; font-size:26px;}
.monthCalendar > *{display:inline-block; font-size:30px; font-weight:bold; line-height:30px; padding:0 20px; }    
.calendarArea {border-top : 2px solid #000; margin-bottom:15px;}
.calendarArea table {width:100%; }
.calendarArea thead th {padding : 12px 10px; text-align : center; font-weight : bold; border : 1px solid #ccc; border-top:none;  font-size : 20px; width:14.28%; background-color:#f7f9fc; }
.calendarArea thead th:first-child { color : #d41e1e }
.calendarArea thead th:last-child { color : #2892d8 }
.calendarArea tbody td { padding : 10px; border : 1px solid #ccc; font-size : 17px; line-height:22px; vertical-align : top; height:120px; box-sizing:border-box;}
.calendarArea tbody td > b { font-size:15px;}
.calendarArea tbody td div {padding : 2px 0; text-align:left;} 
.calendarArea tbody td > div.calendarClose {text-align:center; color:#ee1443; padding-top:18px; }
.calendarArea tbody td div a{display:block; position:relative; padding:2px 0 0 45px; margin-bottom:10px; width:100%; box-sizing:border-box;} 
.eventBul{padding:1px 4px; box-sizing:border-box; display:inline-block; position:absolute; top:0; left:0; font-size:15px;}
.eventBul1{ border:1px solid #014099;  color:#014099;}
.visit_s{ text-align:center; box-sizing:border-box; border-radius:25px; padding:8px 5px; margin-top:8px;}
.calendarArea tbody td div a.visit_s1{padding:8px 5px; border:1px solid #014099; color:#014099;} 
.visit_s2{color:#fff; background:#014099;}
.visit_s3{ background:#f1f1f1; color:#555; border:1px solid #ccc; }
/*캘린더*/

.agreeCon{border:1px solid #ccc; padding:10px; box-sizing:border-box; height:150px; overflow-y:scroll; background:#fafafa; margin-bottom:15px ;}
/*개인정보 동의*/


.photoboard{width:100%; margin-bottom:20px;}
.photoboard:after{content:''; display:block; visibility:hidden; clear:both;}
.photoboard li a img{width:100%; height:270px; display:block; margin-bottom:20px;}
.photoboard li a p{line-height:25px; margin-bottom:12px; font-size:20px; font-weight:600; padding:10px; border:1px solid #777;}
.photoboard li > p{color:#444; font-size:17px; line-height:25px; font-weight:100; overflow:hidden; height:170px;}
/*갤러리게시판*/ 


@media all and (max-width:767px) {
    

    
    .boardSearch p{float:none; margin-bottom:5px; font-size:14px;}
    .boardSearch form fieldset > div.boardSearchB{float:none; padding-left:94px;}
    .boardSearch form fieldset > div.boardSearchB > div {width:100%;}
    .boardSearch form select {width:90px; height:36px; line-height:34px; font-size:14px; padding:0 0 0 4px;} 
    .boardSearch form div input {height:36px; line-height:34px; font-size:14px;}
    .boardSearch a { height:36px; line-height:36px; font-size:14px;}
    .boardSearch div.excelBox a{width:75px;}
    /*게시판 검색*/

    .boardSearchDetail{box-sizing:border-box; margin-bottom:10px; border:1px solid #ccc; border-radius:15px; padding:10px 10px 5px 10px;} 
    .boardSearchDetail *{font-size:15px;} 
    .boardSearchDetail form.boardSearchDetailLeft fieldset > div.boardSearchDetailInputBox{margin-bottom:5px;}
    .boardSearchDetail form.boardSearchDetailLeft div input { padding:0 8px; height:36px; line-height:34px; box-sizing:border-box; border:1px solid #ccc; width:100%; margin-bottom:3px;}
    .boardSearchDetail form.boardSearchDetailLeft select {border:1px solid #ccc; padding:0 8px; height:36px; line-height:34px; box-sizing:border-box; background:url('/images/egovframework/scourt/option1.png') no-repeat 95% center; width:100%; margin-bottom:3px;}
    .boardSearchDetail form.boardSearchDetailLeft .boardSearchText {display:block;  line-height:28px; box-sizing:border-box; width:100%; margin-bottom:3px;}
    .boardSearchDetail a {background-color: #203452; height:36px; line-height:36px; width:70px; text-align:center; margin:0 0 5px auto; display:block !important;} 
    .boardSearchDetail a img{padding-bottom:3px;} 
    /*게시판 디테일 검색 */
    
    .boardViewArea{ margin:-21px 0 20px 0; }
    .boardArea .board thead tr{display:none;}        
    .boardArea .board colgroup col{width:100% !important;} 
    .boardArea .board > tbody > tr {width:100%; padding :8px 7px 9px; line-height:24px; display:block; box-sizing:border-box; border-bottom:1px solid #ccc;}
    .boardArea .board > tbody > tr > td {font-size:14px; line-height:18px; border:0; display:inline-block; padding:4px 4px 4px 0; text-align:left;}
    .boardArea .board > tbody > tr > td.boardTitle {width:100%; box-sizing:border-box; background-color:#fcfcfc; border:1px solid #ccc; padding:7px 5px; margin:5px 0 5px 0; font-size:14px; line-height:20px; text-align:left;}    
    .boardArea .board tbody tr.noticeTr td.boardTitle {background:url(/images/egovframework/scourt/board/boardNotice.png) 7px center no-repeat; background-size:20px; padding-left:35px;}
    .new{ height:16px; width:16px; font-size:12px; line-height:15px; padding-top:1px;} 
    .stateBul{padding:0px 5px;}
    .boardArea .board tbody tr td > img{width:25px; margin:0 4px 0 0; }
    .boardArea .board > tbody > tr > td.moDel{display:none;}
    .bookCover{width:100% !important; border-bottom:1px solid #e5e5e5 !important; padding-bottom:10px !important; margin-bottom:10px !important; text-align:center !important;}
    .bookCover img{width:130px !important; border:1px solid #ddd;}        
    /*게시판 리스트*/ 
    
    .mobileInfo{display:block; font-size:14px; line-height:18px; padding:10px; border:1px dashed #d0dae8; margin-bottom:10px;}
    .boardAreaScr{overflow-x:scroll;}
    .boardAreaScr .board{width:800px;}
    .boardAreaScr .board > tbody > tr > td {font-size:16px; line-height:22px; padding:10px 2px;}
    /*게시판 리스트모바일 스크롤버전*/ 

    .paging{padding:20px 0;}
    .paging > a { width:16px; line-height: 20px; font-size:13px; }
    .paging ol {padding:0;}
    .paging ol li a {font-size: 13px; line-height: 20px; height:20px; width: auto; padding:2px;}
    /*페이징*/   
    
    .boardViewArea h4{font-size:18px; line-height:26px; padding:10px 10px 5px;}
    .boardData{ padding:10px;}
    .boardData li{line-height:22px; margin-right:15px; font-size:15px;}
    .boardData li span{line-height:26px; height:26px; font-size:14px;}
    .boardContents{padding:10px; line-height:22px; font-size:15px;}
    .navFile dl dt{ font-size:17px; }
    .filedownload{ font-size:15px; line-height:20px;}
    .filedownload .filedownData{font-size:14px; }
    .boardNav li {padding:10px;}
    .boardNav li dl dt{ width:70px; font-size:15px; line-height:20px; }
    .boardNav li dl dd{ width:calc(100% - 70px); font-size:15px; line-height:20px;}
    
    .tbView{ width:100%; margin-bottom:10px;}
    .tbView tr th{background : #f7f9fc; padding:10px 5px; border-bottom:1px solid #ccc;  line-height:20px; text-align:center; font-size:15px; }
    .tbView tr td{padding:10px 5px 10px 10px; border-bottom:1px solid #ccc; text-align:left; line-height:20px; font-size:15px; }
    .tbView tr.boardViewTitle td{font-size:18px; line-height:26px; padding:20px 10px 15px;}
    .tbView tr td.tbl_cnts{padding:10px; box-sizing:border-box; line-height:20px; font-size:15px;}
    .tbView tr td.tbl_cnts div{line-height:20px;}    
    /*보더 뷰*/  
    
    .boardform colgroup col:first-of-type{width:100px;} 
    .boardform tr > *{padding:5px;}
    .boardform tr th, .boardform tr td{font-size:15px;}
    .boardform tr td select{width:150px; padding:0 0 0 5px;}
    .boardform tr td input{padding-left:5px;}
    .boardform tr td textarea{padding:5px; height : 200px; }
    .boardform tr td input.shortText{width:180px;}    
    .boardform tr td input.shortText3{width:100%;}    
    .commentB{font-size:12px; line-height:16px;}
    .filebox .upload-name {width:50%;}
    /*--------------------게시판 글쓰기--------------------*/   
    
    .faqArea ul li > a { position : relative; display : block; padding : 15px 25px 15px 35px;  font-size : 16px; line-height:22px; background-image:url(/images/egovframework/scourt/board/Q.png), url(/images/egovframework/scourt/board/subNavBg_s.png);
     background-repeat:no-repeat; background-position: 5px 11px, 97% 20px;  background-size:30px, auto; border-top : 1px solid #ccc; border-bottom : 1px solid #ccc; }
    .faqArea ul li.active > a{font-weight:bold; background:url(/images/egovframework/scourt/board/Q.png),url(/images/egovframework/scourt/board/subNavBg_b.png),#e7ebf2;  background-repeat:no-repeat; background-position: 5px 11px,  97% 20px, center;  background-size:30px, auto, auto; }
    .faqArea ul li .answer { display : none; padding : 15px 10px 15px 40px;  line-height : 22px; font-size : 16px;  background: #f7f9fc url(/images/egovframework/scourt/board/A.png) no-repeat 5px 11px;  background-size:30px; }
     .faqGu{display:inline-block; width:130px; text-align:center; background:#b50081; color:#fff; font-size:14px; margin-right:3px; letter-spacing:-1px; border-radius:50px;}
    /*자주묻는질문*/
    
    .monthCalendar{margin-bottom:20px; font-size:17px;}
    .monthCalendar > *{ font-size:22px; padding:0 15px; }        
    .calendarArea {overflow-x:scroll}
    .calendarArea table {min-width:700px;}
    .calendarArea thead th {padding : 8px 0;  font-size : 17px;}
    .calendarArea tbody td { font-size : 15px; line-height:19px; height:70px; }
    .calendarArea tbody td > b { font-size:13px;}
    .calendarArea tbody td.calendarClose > div {padding-top:0px; }
    .calendarArea tbody td div a{padding:25px 0 0 4px; } 
    /*캘린더*/ 

    .photoboard li{float:left; width:100%; box-sizing:border-box; margin-bottom:35px;}        
    .photoboard li a img{ height:auto;}
    .photoboard li a p{ height:auto; overflow:auto; font-size:17px; margin-bottom:10px; line-height:20px;}
    .photoboard li > p{font-size:14px; line-height:20px; height:auto; overflow:auto;}
    /*갤러리게시판*/ 
    
    .loanDate::before{content:'대출일 : ';}
    .returnDate::before{content:'반납예정일 : ';}
    /*각 게시판 모바일버전 붙임*/
    
    .imgBorad ul {border-top : 2px solid #000; }
    .imgBorad ul li{padding:25px 0; border-bottom:1px solid #ccc;}
    .imgBorad ul li figure img{width:170px; height:230px; margin:0 auto 10px auto; display:block; box-sizing:border-box; border:1px solid #ccc;}
    .imgBorad ul li figure > p{display:none;}
    .imgBorad ul li figure figcaption{width:100%; box-sizing:border-box; overflow:hidden;}
    .imgBorad ul li figure figcaption dl dt{margin-bottom:10px; font-size:18px; font-weight:bold; line-height:28px;}
    .imgBorad ul li figure figcaption dl dd{font-size:15px; line-height:24px; margin-bottom:3px;}
    .imgBorad ul li figure figcaption dl dd > *{display: inline-block;}
    .imgBorad ul li figure figcaption dl dd span{width:80px; font-weight:bold; color:#117dc3;}
    .imgBorad ul li figure figcaption > a{display:block; margin-top:10px;}
    
    .eventSt{padding:5px 10px; font-size:15px; line-height:15px; border-radius:50px; display:inline-block; margin-right:5px;}
    .eventSt1{border:1px solid #b50081; color:#b50081;}
    .eventSt2{border:1px solid #014099; color:#014099;}
    /*이미지보더*/
    
     .boardimgView > img{width:200px; margin:20px auto; display:block; box-sizing:border-box; border:1px solid #ccc;}
     .boardimgView > img + .tbView tbody{border-top:1px solid #ccc; }
     
}
/*mobile*/
@media all and (min-width:768px) {	
    

    .boardSearchDetail{box-sizing:border-box; margin-bottom:30px; border:1px solid #ccc; border-radius:15px; padding:20px 20px 10px 20px;} 
    .boardSearchDetail form.boardSearchDetailLeft {text-align:center;}
    .boardSearchDetail form.boardSearchDetailLeft fieldset {position:relative; padding-right:80px; width:auto; display:inline-block;}
    .boardSearchDetail form.boardSearchDetailLeft fieldset > div.boardSearchDetailInputBox{text-align:right; margin-bottom:7px;}
    .boardSearchDetail form.boardSearchDetailLeft div input { padding:0 10px; height:40px; line-height:38px; box-sizing:border-box; border:1px solid #ccc; margin-bottom:3px;}
    .boardSearchDetail form.boardSearchDetailLeft div input[type="search"] { width:350px; }
    .boardSearchDetail form.boardSearchDetailLeft select {border:1px solid #ccc; padding:0 10px; height:40px; line-height:38px; box-sizing:border-box; background:url('/images/egovframework/scourt/option1.png') no-repeat 90% center; width:140px; margin-bottom:3px;}
    .boardSearchDetail a {background-color: #203452; height:40px; line-height:40px; width:70px; text-align:center; position:absolute; right:0; top:50%; margin-top:-25px;} 
    .boardSearchDetail a img{padding-bottom:3px;} 
    /*게시판 디테일 검색 */
    
    .tbView{table-layout:fixed; width:100%; margin-bottom:10px;}
    .tbView tr th{background : #f7f9fc; padding:15px 5px; border-bottom:1px solid #ccc;  line-height:22px; text-align:center; }
    .tbView tr td{padding:15px 5px 15px 15px; border-bottom:1px solid #ccc; text-align:left; line-height:22px;}
    .tbView tr.boardViewTitle td{font-size:22px; line-height:30px; padding:35px 20px 30px;}
    .tbView tr td.tbl_cnts{padding:20px; box-sizing:border-box; line-height:28px;}
    .tbView tr td.tbl_cnts div{line-height:28px;}
    /*보더 뷰*/
    
    .imgBorad ul {border-top : 2px solid #000; }
    .imgBorad ul li{padding:25px 0; border-bottom:1px solid #ccc;}
    .imgBorad ul li figure{position:relative;}
    .imgBorad ul li figure > p{position:absolute; width:20px; height:20px; left:5px; top:5px; box-sizing:border-box; font-size:20px; font-weight:bold;}
    .imgBorad ul li figure img{position:absolute; width:170px; height:230px; left:40px; top:0; box-sizing:border-box; border:1px solid #ccc;}
    .imgBorad ul li figure figcaption{width:100%; padding-left:240px; box-sizing:border-box; overflow:hidden;}
    .imgBorad ul li figure figcaption dl {margin-bottom:10px;}
    .imgBorad ul li figure figcaption dl dt{margin-bottom:28px; font-size:20px; font-weight:bold; line-height:40px;}
    .imgBorad ul li figure figcaption dl dd{font-size:17px; line-height:25px; margin-bottom:5px; display:inline-block; width:45%;}
    .imgBorad ul li figure figcaption dl dd:after{content: ''; display: block; clear: both; visibility: hidden;}
    .imgBorad ul li figure figcaption dl dd > *{float:left;}
    .imgBorad ul li figure figcaption dl dd span{width:100px; font-weight:bold; display:block; color:#117dc3;}
    .imgBorad ul li figure figcaption dl dd > p{width:77%}
    .eventSt{padding:5px 10px; font-size:17px; line-height:18px; border-radius:50px; display:inline-block; margin-right:5px;}
    .eventSt1{border:1px solid #b50081; color:#b50081;}
    .eventSt2{border:1px solid #014099; color:#014099;}
     /*이미지보더*/

     .boardimgView{padding-left:270px; position:relative;}
     .boardimgView > img{width:230px; position:absolute; top:20px; left:20px; box-sizing:border-box; border:1px solid #ccc;}

     .faqGu{display:inline-block; width:160px; text-align:center; background:#b50081; color:#fff; font-size:15px; margin-right:10px; border-radius:50px;}
    
}
/*pc/tablet*/
@media all and (min-width:768px) and (max-width:1358px) {
    
    
    .boardSearch {position:relative;}
    .boardSearch p{float:none; margin-bottom:5px;}
    .boardSearch form fieldset > div.boardSearchB{float:none; }
    .boardSearch form fieldset > div.boardSearchB > div {width:100%;}
    .boardSearch form fieldset > div.boardSearchB.excelBox {position:absolute; right:0; top:0;}


    /*게시판 검색*/  
          
    .board tbody tr td {font-size:16px;}
    .stateBul{padding:1px 5px;}
    /*게시판 리스트*/ 
    .faqArea ul li > a { position : relative; display : block; padding : 25px 55px 25px 70px;  font-size : 17px; line-height:24px; background-image:url(/images/egovframework/scourt/board/Q.png),url(/images/egovframework/scourt/board/subNavBg_s.png);
     background-repeat:no-repeat; background-position: 12px 12px, 98% 32px;  border-top : 1px solid #ccc; border-bottom : 1px solid #ccc; }
    .faqArea ul li.active > a{font-weight:bold; background:url(/images/egovframework/scourt/board/Q.png),url(/images/egovframework/scourt/board/subNavBg_b.png),#e7ebf2;  background-repeat:no-repeat; background-position: 12px 12px, 98% 32px, center; }
    .faqArea ul li .answer { display : none; padding : 30px 10px 30px 70px;  line-height : 25px; font-size : 17px;  background: #f7f9fc url(/images/egovframework/scourt/board/A.png) no-repeat 12px 22px; }
    /*자주묻는질문*/
    .photoboard li{float:left; width:48%; margin-left:4%; box-sizing:border-box; margin-bottom:20px;}
    .photoboard li:nth-of-type(2n+1){margin-left:0;}    
    /*갤러리게시판*/ 
    
}
/*tablet*/
@media all and (min-width:1359px) {    
    
    .faqArea ul li > a { position:relative; display:block; padding:25px 65px 25px 70px; font-size:17px; line-height:25px; background:url(/images/egovframework/scourt/board/Q.png),url(/images/egovframework/scourt/board/subNavBg_s.png);
     background-repeat:no-repeat; background-position: 12px 12px, 98% 32px;  border-top : 1px solid #ccc; border-bottom : 1px solid #ccc; }
    .faqArea ul li.active > a{font-weight:bold; background:url(/images/egovframework/scourt/board/Q.png),url(/images/egovframework/scourt/board/subNavBg_b.png), #e7ebf2;  background-repeat:no-repeat; background-position: 12px 12px, 98% 32px, center; }
    .faqArea ul li .answer { display:none; padding:30px 10px 30px 70px; line-height:25px; font-size:17px; background:#f7f9fc url(/images/egovframework/scourt/board/A.png) no-repeat 12px 22px; }
    /*자주묻는질문*/
    
    .photoboard li{float:left; width:31.65%; margin-left:2.5%; box-sizing:border-box; margin-bottom:30px;}
    .photoboard li:nth-of-type(3n+1){margin-left:0;}
    /*갤러리게시판*/ 

    

}
/*pc*/