.boardSearch{box-sizing:border-box; margin-bottom:40px; background:#f7f7f7; border-radius:10px; padding:14px 24px;} 
.boardSearch fieldset > *{ border-radius:6px; float:left; margin-left:16px; height:40px; box-sizing:border-box;} 
.boardSearch fieldset select{margin-left:0; width:160px; background:#fff url(/images/uce/commmon/menuArr.png) right 12px center no-repeat;}
.boardSearch input{width:calc(100% - 292px);}
.boardSearch select, .boardSearch input{border:1px solid #ddd; padding:0 10px;} 
.boardSearch a{width:100px; background:#078c8c; text-align:center; line-height:40px; color:#fff;} 
/*게시판 검색*/

.mgtop {margin-top: 24px;}

.boardBox{border-top:2px solid #15dfdf; margin-bottom:60px;}
.boardTable{width:100%; box-sizing:border-box; border-collapse: collapse; table-layout:fixed;}
.boardTable > thead > tr > *, .boardTable > tbody > tr > *{ padding :14px 4px; line-height:150%; text-align:center; vertical-align:middle; }
.boardTable thead tr th {white-space:nowrap; border-bottom:1px solid #ccc; background:#e7fdfd; }
.boardTable tbody tr { border-bottom : 1px dashed #ccc;}
.boardTable tbody tr td.boardTitle {text-align:left; }
.boardTable tbody tr td a{vertical-align:middle; display:inline-block; max-width:94%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal;}
.boardTable tbody tr td img{vertical-align:middle; margin:1px;}
.boardTable tbody tr td a:hover{text-decoration:underline;}
.new{ color:#078c8c; margin-left:3px; display:inline-block; font-weight:bold; font-size:14px; box-sizing:border-box;} 
.boardBox .notice{border:1px solid #078c8c; color:#078c8c; border-radius:50px; padding:2px 8px;}
/*게시판 리스트*/ 

.pagin{text-align:center;}
.pagin a{line-height:40px; width:40px; border-radius:8px; transition-duration:0.2s; vertical-align:middle; text-align:center;}
.pagin a.pageN{ width:72px; margin:0 10px;}
.pagin a:hover{ background:#e7fdfd;}
.pagin > *{display:inline-block; vertical-align:middle;}
.pagin > .floatClear .pageL{float:left; display:block; margin:0 2px;}
.pagin > .floatClear > span{width:50px; height:40px; background:url(/images/uce/comBoard/pageD.png) center center no-repeat; }
.pagin > .floatClear .pageL.active{background:#15dfdf; color:#000; font-weight:bold;}
/*페이지네이션*/

.hScroll{display: flex; align-items: center; margin-bottom:60px;}
.scrollB { border:1px solid #333; border-radius:6px; padding: 11px 5px 13px 5px; cursor: pointer; box-shadow:rgba(0, 0, 0, 0.1)2px 2px 4px; }
.scrollB:disabled { display:none; cursor: not-allowed;}
.tabBox {overflow: hidden; width: 100%;}
.subTapBasic{display: flex; transition: transform 0.3s ease;} 
.subTapBasic li{border-bottom:1px solid #ccc; min-width:160px;}
.subTapBasic li > a{display:block; text-align:center; font-size:17px; line-height:44px; color:#777; box-sizing:border-box; transition-duration:0.3s; border-bottom:4px solid #fff;}
.subTapBasic li.active > a{ color:#078c8c; border-bottom:4px solid #078c8c; font-weight:bold;}   
/*탭*/

.boardView{border-top:2px solid #15dfdf;}
.boardView h4{font-size:18px; line-height:150%; padding:20px 10px; border-bottom:1px solid #ccc;}
.boardData{width:100%; border-bottom:1px solid #ccc; padding:10px; box-sizing:border-box; background:#e7fdfd; }
.boardData li{display:inline-block; line-height:150%; margin-right:25px; font-size:16px;}
.boardData li:before{content:'· ';}
.boardContents{padding:15px; box-sizing:border-box; line-height:150%; font-size:16px; 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:#e7fdfd;}
.navFile dl dt{ position:absolute; top:19px; left:10px;}
.navFile dl dd{ box-sizing:border-box; padding:15px 10px;}
.filedownload{margin-bottom:8px; font-size:16px; display:block; line-height:150%; color:#078c8c; position:relative; padding-left:22px;}
.filedownload > img{position:absolute; top:3px; left:0;}
.filedownload:last-of-type{ margin-bottom:0px; }
.boardNav{border-top:2px solid #15dfdf;}
.boardNav li {box-sizing:border-box; padding:12px; border-bottom:1px solid #ccc;}
.boardNav li dl:after{content: ''; display: block; clear: both; visibility: hidden;}
.boardNav li dl dt{float:left; width:88px; font-size:16px; box-sizing:border-box; line-height:150%;}
.boardNav li dl dt img{margin-right:4px;}
.boardNav li dl dd{float:left; width:calc(100% - 88px); font-size:16px; box-sizing:border-box; line-height:150%;}
/*1023추가*/
.boardTable tbody tr td img.lock {width: 16px; display: inline-block; margin-right: 4px;}
img.lock{width: 16px; display: inline-block; margin: 0 4px;}
.boardAnswer li { border-radius: 10px; margin: 8px 0; padding: 16px 16px 18px; font-weight: bold; background: #f8f8f8;}
.boardAnswer li img {width: 24px; display: inline-block; margin-right: 4px;}
.boardAnswer li span {display: block;padding: 8px 30px;font-weight: normal;line-height: 1.5rem; white-space: pre-wrap;}
.boardContents pre { white-space: pre-wrap;}
/*1023추가 끝*/
/*보더 뷰*/

.boardWrite {border-top : 2px solid #15dfdf;}
.boardWrite legend{display:none;}
.boardform{width:100%; margin-bottom:20px;}
.boardform colgroup col:first-of-type{width:200px;} 
.boardform tr {border-bottom:1px solid #ccc;}
.boardform tr > *{padding:10px; box-sizing:border-box; }
.boardform tr th{background-color:#e7fdfd; font-size:16px; line-height:150%; font-weight:bold; vertical-align: middle;}
.boardform tr td{ vertical-align:middle;}
.boardform tr td input{height:32px; box-sizing:border-box; width:100%; border:1px solid #ddd; padding-left:10px;}
.boardform tr td textarea{border:1px solid #ddd; 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;}
.boardform tr td img{vertical-align:middle;}
.boardform tr td p{display:inline-block;}
.comment{padding:5px 0 0 10px; font-size:14px; color:#078c8c; display:inline-block;}
.commentno {display: none;}
.fuera {padding:0; margin-bottom:7px;} /*1125 코멘트 추가*/
.boardform tr td input.shortText{width:230px;}
.boardform tr td select{border: 1px solid #ddd; box-sizing: border-box; height: 32px; padding-left: 10px; vertical-align: middle; width: 230px; -webkit-appearance:none; -moz-appearance:none; appearance:none; background: url(/images/uce/login/select.png)no-repeat right 10px center;}
.boardform tr td select::-ms-expand{display:none;}
.filebox{margin:4px 0;}
.filebox label.fileUploadBtn { display: inline-block; padding:5px 10px; color: #000; font-size:14px; line-height:20px; vertical-align: middle; background-color: #15dfdf; cursor: pointer;}
.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 .fileUploadBtn.focusView {outline:none !important; box-shadow: 0 0 2px 2px rgba(151, 94, 200, 0.3);}
.filebox a {display: inline-block; padding:5px 10px; color: #078c8c; font-size:14px; line-height:20px; vertical-align: middle; border: 1px solid #078c8c; }
/*게시판 글쓰기*/

.btnBox{margin:32px auto; text-align:right;}
.basicBtn{padding:0 18px; display:inline-block; line-height:40px; border-radius:6px;}
.basicBtn1{background:#078c8c; color:#fff;}
.basicBtn2{border:1px solid #078c8c; color:#078c8c;}
.basicBtn3{background: #fff; border: 1px solid #777;}
/*버튼*/

.calendar{width:100%; padding-top:20px;}
.monthCalendar{width:100%; text-align:center; line-height:30px; margin-bottom:30px; font-size:20px;}
.monthCalendar > *{display:inline-block; font-size:24px; font-weight:bold; line-height:30px; padding:0 12px; }    
.calendarArea {border-top : 2px solid #15dfdf; margin-bottom:20px;}
.calendarArea table {width:100%; }
.calendarArea thead th {padding : 12px 10px; text-align : center; font-weight : bold; border : 1px solid #ddd; border-top:none;  font-size : 16px; width:14.28%; background-color:#e7fdfd; }
.calendarArea tr > *:first-of-type{color:#CD0404;}
.calendarArea tr > *:last-of-type{color:#0056aa;}
.calendarArea tbody td { padding : 6px; border : 1px solid #ddd; font-size : 16px; line-height:150%; 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:#CD0404; padding:4px 0; }
.calendarArea tbody td div a{display:block; position:relative; margin-bottom:10px; width:100%; box-sizing:border-box; font-size:15px;}
.eventBul{padding:1px 4px; box-sizing:border-box; display:inline-block; position:absolute; top:0; left:0; font-size:14px; line-height:150%; border-radius:4px;}
.eventBul1{ border:1px solid #078c8c;  color:#078c8c;}
.eventBul2{ border:1px solid #15dfdf;  color:#000; background:#15dfdf;}
/*캘린더*/

@media all and (max-width:860px) {   
    
    .boardSearch{padding:6px; margin-bottom:20px;} 
    .boardSearch fieldset > *{margin-left:4px; height:44px; font-size:14px;} 
    .boardSearch fieldset select{width:90px; }
    .boardSearch input{width:calc(100% - 148px);}
    .boardSearch select, .boardSearch input{ padding:0 4px; height: 44px;} 
    .boardSearch a{width:50px; line-height:44px;} 
    /*게시판 검색*/
   
    .boardBox{ margin-bottom:36px;}
    .boardTable > thead > tr > *, .boardTable > tbody > tr > *{ padding :6px 4px; text-align:left; }
    .boardTable, .boardTable tbody, .boardTable td, .boardTable tr {display: block;}
    .boardTable thead, .boardTable th { display: none;}
    .boardTable tr { margin-bottom: 2px; border: none; padding: 4px;}
    .boardTable td { position: relative; padding-left: 100px !important; }
    .boardTable td::before { content: attr(data-label); position: absolute; left: 0; width: 100px; padding-left: 10px; font-weight:bold;}  
    td[data-label] {min-height: 28px;}
    /*게시판 리스트*/ 
        
    .pagin{padding-top:50px; position:relative;}
    .pagin a.pageN{position:absolute; top:0; left:50%; transform: translateX(-36px); display:block; margin:0;}
    .pagin a.pageN.prev{margin-left:-40px;}
    .pagin a.pageN.next{margin-left:40px;}
    .pagin > .floatClear .pageL{width:32px; line-height:32px; font-size:15px;}
    .pagin > .floatClear > span.pageL{width:18px; height:32px;}
    /*페이지네이션*/       
    
    .hScroll{margin-bottom:36px;}
    .subTapBasic li{ min-width:140px;}
    .subTapBasic li > a{ font-size:15px; line-height:36px; } 
    /*탭*/    
    
    .boardform colgroup col:first-of-type{width:100px;} 
    .boardform tr > *{padding:5px;}
    .boardform tr th, .boardform tr td{font-size:14px;}
    .boardform tr td input{padding-left:5px;}
    .boardform tr td input + input{margin-top:5px;}
    .boardform tr td textarea{padding:5px; height : 200px; }
    .boardform tr td input.shortText{width: calc(100% - 80px);}     
    .comment{font-size:12px; line-height:16px; padding:0; margin:5px 0 0 0;}
    .filebox .upload-name {width:calc(100% - 112px);}
    /*게시판 글쓰기*/   
    .monthCalendar{margin-bottom:20px; font-size:17px;}
    .monthCalendar > *{ font-size:22px; padding:0 15px; }        
    .calendarArea {overflow-x:scroll}
    .calendarArea table {min-width:640px;}
    .calendarArea thead th {padding : 8px 0;  font-size : 16px;}
    .calendarArea tbody td { font-size : 14px; height:70px; }
    .calendarArea tbody td > b { font-size:13px;}
    .calendarArea tbody td.calendarClose > div {padding-top:0px; }
    .calendarArea tbody td div a{padding:22px 0 0 0px; font-size:14px;} 
    .calendarArea tbody td div:last-of-type a{margin-bottom:4px;}
    .eventBul{ line-height:124%;}
    /*캘린더*/ 


    /*모바일 검색 배경 제거*/
    .boardSearch{background:none; border-radius:0; padding:0} 

	.mescribeno tr td:nth-child(4) {display: none;}
}
/*mobile*/
@media all and (min-width:860px) and (max-width:1100px) { 
}
/*tablet세로*/

@media all and (min-width:1101px) and (max-width:1299px) {    
}
/*tablet가로*/

@media all and (min-width:861px) and (max-width:1299px) { 
}
/*tablet*/
@media all and (min-width:1300px) {  
}
/*pc*/