@charset "utf-8";
/* CSS Document */
@keyframes fadein {
    from {opacity:0;}
    to {opacity:1;}
}
@-moz-keyframes fadein { /* Firefox */
    from {opacity:0;}
    to {opacity:1;}
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {opacity:0;}
    to {opacity:1;}
}
@-o-keyframes fadein { /* Opera */
    from {opacity:0;}
    to {opacity: 1;}
}
/*화면전환*/


.layerContent {display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.6); z-index:9999;}
.layerContentBox{position:absolute; top: 150px; left: 6%; width: 88%; overflow:hidden; box-sizing:border-box; text-align:center;}
.layerContentBox img{width:auto !important; max-width:100%; max-height:600px; }
.layerContent > div.layerContentBox + a{position:absolute; top:20px; right:20px; z-index:999; }

.layerContentBox2{position:absolute; top: 350px; left: 6%; width: 88%; overflow:hidden; box-sizing:border-box; text-align:center;}
.infoList2014{max-width:100%; width:400px; background:#fff; margin:0 auto; position:relative; padding-bottom:15px;}
.infoList2014 h3{padding:17px 45px 17px 25px; background:#0f4c81; color:#fff; line-height:26px; font-size:20px; text-align:left;}
.layerContentBox2 table{width:95%; margin:20px auto 0; background-color:#fff;}
.layerContentBox2 table th{font-size:18px; padding-bottom:8px;}
.layerContent > div.layerContentBox2 .infoList2014 > a{position:absolute; top:5px; right:5px; z-index:999; }
/*레이어*/



.ListlayerContent {display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0;  z-index:9999; background-color: rgba(0, 0, 0, 0.2);}
.ListlayerContent .centerBox{margin:0 auto 5px auto;}
.ListlayerContentBox{position:absolute; top: 150px; left: 50%; width: 600px; margin-left:-300px; overflow:hidden; box-sizing:border-box; background:#fff; box-shadow:rgba(0, 0, 0, 0.3) 2px 2px 5px;}
.ListlayerContentBox h3{padding:10px; background:#0f4c81; color:#fff; line-height:26px; font-size:18px; text-align:center;}
.ListlayerContentBox > div {padding:20px; box-sizing:border-box;}
.ListlayerContentBox > div .type1 *{font-size:14px; font-weight:normal;}
.listLayerbtn{display:inline-block; width:100px; text-align:center; line-height:40px; border:1px solid #0f4c81; color:#fff; background:#0f4c81;} 
.btn-listLayerClose{color:#0f4c81; background:#fff;} 
/*정보목록 레이어*/

.informationsearch{padding:20px;}
.informationsearchResult{border:1px solid #ccc;}
.informationsearchResult h4{border-bottom:1px solid #ccc; font-size:16px; font-weight:bold; line-height:22px; padding:10px 15px;}
.informationsearchResult ul{padding:8px 0px;}
.informationsearchResult ul li{padding:7px 15px;}
.informationsearchResult ul li a{color:#777;}
.informationsearchResult ul li a:hover{color:#1a79e0;}
/*정보목록 부서명 찾기*/

.boardSearch{box-sizing:border-box; margin-bottom: 20px;} 
.boardSearch p{float:left; padding:10px 10px 5px 0px; color:#888;}
.boardSearch .boardTitle{padding-left: 30px; font-size: 20px; color: #18629E;background:url("/np/resources/images/subCommon/titleArrow.png") 0 50% no-repeat;}
.boardSearch fieldset > div.boardSearchB{float:right; position:relative; padding-left:124px;}
.boardSearch fieldset > div.boardSearchB.hasCb{float:right; position:relative; padding-left:208px;}
.boardSearch fieldset > div.boardSearchTP{float:right; position:relative; padding-left:124px;float:left;}
.boardSearch select {border:1px solid #ccc; padding:0 10px; height:40px; line-height:40px; font-size:14px; width:90px; -webkit-appearance: none; background:url("/np/resources/images/board/boardSchBul.png") no-repeat right center;}
.boardSearch div.boardSearchB select {width:120px; position:absolute; top:0; left:0;}
.boardSearch div.boardSearchB.hasCb select:nth-child(1) {width:100px; position:absolute; top:0; left:0px;}
.boardSearch div.boardSearchB.hasCb select:nth-child(2) {width:100px; position:absolute; top:0; left:104px;}
.boardSearch fieldset > div.boardSearchB > div {position:relative; padding-right:65px; width:350px; box-sizing:border-box;}
.boardSearch fieldset > div.boardSearchB.hasCb > div {position:relative; padding-right:65px; width:250px; box-sizing:border-box;}
.boardSearch fieldset > div.boardSearchB.hasCb.hasWr > div {position:relative; padding-right:65px; width:330px; box-sizing:border-box;}
.boardSearch div input {background-color:#fff; padding:0 10px; height:40px; line-height:36px; font-size:14px; width:100%; box-sizing:border-box; border:1px solid #ddd;}
.boardSearch a {background-color: #333; color: white; height:40px; line-height:40px; font-size:15px; width:65px; text-align:center; position:absolute; right:0; top:0;} 

.boardSearch a.btnSrch {background-color: #333; color: white; height:40px; line-height:40px; font-size:15px; width:65px; text-align:center; position:absolute; right:0; top:0;}
.boardSearch a.btnSrchWts {background-color: #333; color: white; height:40px; line-height:40px; font-size:15px; width:65px; text-align:center; position:absolute; right:89px; top:0;}
.boardSearch a.btnWrite {position:absolute; right:0; top:0;background:#333;padding:0 20px;height:40px;line-height:40px;border:0;color:#FFF;width:auto;}

.boardSearchS{box-sizing:border-box; margin-top: 25px; margin-bottom: 10px;} 
.boardSearch p{float:left; padding:10px 10px 5px 0px; color:#888;}
.boardSearchS .boardTitle{padding-left: 30px; font-size: 20px; color: #18629E;background:url("/np/resources/images/subCommon/titleArrow.png") 0 50% no-repeat;}
.boardSearchS .boardTitle .boardCount{font-size: 17px; color: black;font-weight:200;}
.boardSearchS fieldset > div.boardSearchB{ float:right; /*position:relative; padding-left:124px; */display: flex;}
.boardSearchS fieldset > div.boardSearchB.hasCb{float:right; position:relative; padding-left:208px;}
.boardSearchS fieldset > div.boardSearchTP{float:left;} 
.boardSearchS select {border:1px solid #ccc; padding:0 10px; height:40px; line-height:40px; font-size:14px; width:90px; -webkit-appearance: none; background:url("/np/resources/images/board/boardSchBul.png") no-repeat right center;}
.boardSearchS div.boardSearchB select {width:120px;}
.boardSearchS div.boardSearchB.hasCb select:nth-child(1) {width:100px; position:absolute; top:0; left:0px;}
.boardSearch div.boardSearchB.hasCb select:nth-child(2) {width:100px; position:absolute; top:0; left:104px;}
.boardSearchS fieldset > div.boardSearchB > div {}
.boardSearchS .boardSearchSelectBox{position: relative; margin-left: 10px;}
.boardSearchS .boardSearchSelectBox:after{content:'';width: 9px;height: 5px;position: absolute;right: 10px;top: 50%;transform: translateY(-50%);}
.boardSearchS fieldset > div.boardSearchB.hasCb > div {position:relative; padding-right:65px; width:250px; box-sizing:border-box;}
.boardSearchS fieldset > div.boardSearchB.hasCb.hasWr > div {position:relative; padding-right:65px; width:330px; box-sizing:border-box;}
.boardSearchS div input {background-color:#fff; padding:0 10px; height:40px; line-height:36px; font-size:14px; width:100%; box-sizing:border-box; border:1px solid #ddd;}
.boardSearchS a {background-color: #333; color: white; height:40px; line-height:40px; font-size:15px; width:65px; text-align:center; position:absolute; right:0; top:0;} 
/*게시판 검색*/


.boardSearchWide{box-sizing:border-box; width:100%; background-color:#fafafa; border:1px solid #ccc; padding:20px; margin-bottom:50px;} 
.boardSearchWide fieldset{position:relative; padding-right:100px;} 
.boardSearchWide fieldset > a{position:absolute; bottom:0; right:0; background-color: #333; color: white; height:40px; line-height:40px; font-size:15px; width:90px; text-align:center;} 
.boardSearchWideBox li{position:relative; padding-left:210px; margin-bottom:7px;}
.boardSearchWideBox li:last-of-type{margin-bottom:0px;}
.boardSearchWideBox li > label{position:absolute; top:0; left:0; line-height:35px;}
.boardSearchWideBox li > span{width:100%; display:inline-block; box-sizing:border-box;}
.boardSearchWideBox li > span.shortDay{width:60%; display:inline-block; box-sizing:border-box;}
.boardSearchWideBox li > span.shortDay2{width:30%; display:inline-block; box-sizing:border-box;}
.boardSearchWideBox li > span.shortDay2 a{vertical-align:middle; width:70px; text-align:center; display:inline-block; box-sizing:border-box; background-color:#fff; border:1px solid #ccc; padding:0 10px; height:40px; line-height:36px; font-size:14px;}
.boardSearchWideBox li > span.shortDay2 span{font-size:small;margin-left:5px;}
.boardSearchWideBox select {box-sizing:border-box; border:1px solid #ccc; padding:0 10px; height:40px; line-height:40px; font-size:14px; width:100%; -webkit-appearance: none; background:#fff url("/np/resources/images/board/boardSchBul.png") no-repeat right center;}
.boardSearchWideBox input {background-color:#fff; border:1px solid #ccc; padding:0 10px; height:40px; line-height:36px; font-size:14px; width:100%; box-sizing:border-box;}
.boardSearchWideBox p {height:40px; line-height:40px; font-size:15px;}

.boardSearchWideBox li:after{content: ''; display: block; clear: both; visibility: hidden;}
.boardSearchWideBox li > span.shortSelect{float:left; width:25%;}
.boardSearchWideBox li > input.shortSearch{float:left; width:65%; margin-left:21px;}
.boardSearchWideBox li.shortSelect50{text-align:right; padding-right:10px;}
.boardSearchWideBox li.shortSelect50 div{display:inline-block;}
.boardSearchWideBox li.shortSelect50 span{ width:150px; display:inline-block;}
.boardSearchWideBox li.shortSelect50 span:last-of-type{margin-left:10px;}
.boardSearchWideBox li > span span.tie{position:relative; padding-right:38px; width:46%; box-sizing:border-box;}
.boardSearchWideBox li > span span.tie img{position:absolute; top:5px; right:0;}
.boardSearchWideBox input.shortText {width:100%;}
.boardSearchWideBox li > span b{width:30px; text-align:center; display:inline-block;}
.boardSearchWideBox input[type='checkbox'], .boardSearchWideBox input[type='radio'] {height:auto; width:auto; background-color:#fff; line-height:40px; vertical-align:middle; margin:0px 5px 2px 5px;}
.boardSearchWideBox li > span label {height:40px; line-height:40px;}

.boardSearchWideBox input::placeholder{color:#575757;}

.btnInput .btnInputBox{position:absolute; right:0; width:140px; top:0;}
.boardSearchWideBox li.btnInput input{padding-right:150px;}
.btnInput .btnInputBox:after{content: ''; display: block; clear: both; visibility: hidden;}
.btnInput .btnInputBox a{text-align:center; display:block; box-sizing:border-box; height:40px; line-height:38px; font-size:14px; width:50%; float:left;}
.btnInput .btnInputBox a:first-of-type{background-color:#666; color:#fff;}
.btnInput .btnInputBox a:last-of-type{background-color:#ddd;}
/*게시판 100% 검색*/


.boardArea{border-top:2px solid #646464; margin-bottom:20px;}
.board{width:100%; margin-bottom:10px; text-align:center; box-sizing:border-box;}
.boardL{width:100%; margin-bottom:10px; text-align:center; box-sizing:border-box;}
/*
.boardArea{border-top:2px solid #666; margin-bottom:20px;}
.board{width:100%; margin-bottom:10px; text-align:center; box-sizing:border-box;}

.boardArea{margin-top: 30px; border-top:2px solid #646464; margin-bottom:20px;}
.board{table-layout: fixed; width:100%; margin-bottom:10px; text-align:center; box-sizing:border-box;}
*/
.board thead tr{font-weight :bold;}
.board > thead > tr > *, .board > tbody > tr > *{border-bottom : 1px dashed #ddd; padding :14px 5px; line-height:24px; text-align:center; vertical-align:middle; }
.board thead tr th {white-space:nowrap; border-bottom:1px solid #aaa; color:#222;}
.board tbody tr td {font-size:15px;}
.board tbody tr td.boardTitle {text-align:left;}
.board tbody tr td a{display:inline-block; vertical-align:middle;}
.board tbody tr td img{vertical-align:middle;}
.board tbody tr td a:hover{text-decoration:underline;}

.boardL thead tr{font-weight :bold; font-size: 15px;}
.boardL > thead > tr > *, .boardL > tbody > tr > *{border-bottom : 1px dashed #ddd; padding :14px 5px; line-height:24px; text-align:center; vertical-align:middle; }
.boardL thead tr th {white-space:nowrap; border-bottom:1px solid #aaa; color:#222;}
.boardL tbody tr td {font-size:15px;}
.boardL tbody tr td.boardTitle {text-align:left;}
.boardL tbody tr td a{display:inline-block; vertical-align:middle;}
.boardL tbody tr td img{vertical-align:middle;}
.boardL tbody tr td a:hover{text-decoration:underline;}

.new{background-color:#1a79e0; color:#fff; margin-left:3px; padding:1px 4px 2px 4px; border-radius:50px; font-weight:bold; font-size:10px; line-height:15px;}
.noticeBul{background-color:#333; color:#fff; width:36px; height:36px; line-height:36px; text-align:center; display:inline-block; border-radius:50px; font-size:12px; font-weight:bold;}
.noticeBul2{background-color:#f00; color:#fff; width:36px; height:36px; line-height:36px; text-align:center; display:inline-block; border-radius:50px; font-size:12px; font-weight:bold;}
.boardArea .state{display:block; text-align:center; border-radius:50px; width:85%; margin:0 auto; padding:3px 0;}
.ongoing{border:1px solid #1a79e0; color:#1a79e0;}
.finished{border:1px solid #ccc; color:#ccc;}
.division{display:inline-block; padding:2px 10px; border-radius:50px;}
.division1{border:1px solid #18429f; background-color:#18429f; color:#fff;}
.division2{border:1px solid #c5053a; color:#c5053a;}
.division3{border:1px solid #1d7054; color:#1d7054;}
/*게시판 리스트*/ 

.boardViewArea{border-top : 2px solid #666; margin-bottom:20px;}
.ImgboardViewArea{border:none;}
.ImgboardViewArea.cons {min-height:300px;}
.ImgboardViewArea .tbView tr td.tbl_cnts div {margin-bottom:50px;}
.ImgboardViewArea .tbView tr td.tbl_cnts div img{margin:0 auto; display:block;}
.tbView{table-layout:fixed; width:100%; }
.tbView tr th{background : #f9f9fc; padding:15px 5px; border-bottom:1px solid #ddd;  line-height:22px; text-align:center; }
.tbView tr td{padding:15px 5px 15px 20px; border-bottom:1px solid #ddd; text-align:left; line-height:22px;}
.tbView tr td img{ line-height:22px; vertical-align:middle;}
.tbView tr td.tbl_cnts{width:100%; padding:15px; box-sizing:border-box;}
.tbView tr td.tbl_cnts div{line-height:26px;}
.tbView tr td.tbl_cnts div img{max-width:100%;}
.download { font-size:14px; line-height:22px; display:block;}
.download img{ line-height:22px; vertical-align:middle;}
.downBtn{color:#0f4c81; border:1px solid #0f4c81; padding:0 5px; display:inline-block;}
.viewBtn{background-color:#0f4c81; color:#fff; border:1px solid #0f4c81; padding:0 5px; display:inline-block;}
.download a:hover{font-weight:bold;}
.boardNav{border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.boardNav:after{content: ''; display: block; clear: both; visibility: hidden;}
.boardNav li{float:left; width:50%; box-sizing:border-box; padding:20px;}
.boardNav li:last-of-type{border-left:1px solid #ddd; text-align:right;} 
.boardNav li:first-of-type dt{background:url("/np/resources/images/board/before.png") left top no-repeat; padding-left:40px;} 
.boardNav li:last-of-type dt{background:url("/np/resources/images/board/after.png") right top no-repeat; padding-right:40px;} 
.boardNav li dl dt{line-height:32px; color:#0f4c81; font-size:18px; margin-bottom:5px; font-weight:bold;} 
.boardNav li dl dd a{line-height:24px; font-size:15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block;}
.boardNav li dl dd a img{vertical-align:middle;}
.tbView .state{display:inline-block; border-radius:50px; padding:3px 15px;}
.table-bordered tr td {border: 1px solid #ddd;}
/*게시판 상세*/

.boardWrite {border-top : 2px solid #666;}
.boardWrite legend{display:none;}
.boardform{width:100%; margin-bottom:20px; border-top : 2px solid #666;}
.boardform colgroup col:first-of-type{width:250px;} 
.boardform tr {border-bottom:1px solid #ddd;}
.boardform tr > *{padding:10px; box-sizing:border-box; }
.boardform tr th{background-color:#f9f9fc; vertical-align:top; font-size:16px; line-height:34px;}
.boardform tr th > label {font-weight: normal;}
.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("/np/resources/images/board/boardSchBul.png") no-repeat right center;appearance:none;}
.boardform tr td input{height:30px; box-sizing:border-box; width:100%; border:1px solid #d2d6de; padding-left:10px;}
.boardform tr td textarea{border:1px solid #d2d6de; 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; width: 17px; height: 17px;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;}
.postBtn{display: inline-block; padding:5px 10px; color: #fff; font-size:14px; line-height:20px; vertical-align: middle; background-color: #0f4c81;}
.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; }
/*--------------------게시판 글쓰기--------------------*/

.paging{padding:40px 0; width:100%; text-align:center;}
.paging > a {display: inline-block; width:26px; line-height: 32px; text-align: center; font-size:16px; }
.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: 14px; line-height: 30px; height:32px; width: 32px; transition-duration: 0.4s; border:1px solid #fff; border-radius:50px;}
.paging ol li a:hover,.paging ol li a:hover > b {border:1px solid #ddd; background-color:#fafafa;}
.paging ol li a.focus,.paging ol li a.focus > b { background-color:#222; color:#fff;  border:1px solid #222; font-weight:bold;} 

#paging_div {padding:40px 0; width:100%; text-align:center;}
#paging_div > a, #paging_div img {display: inline-block; width:26px; line-height: 32px; text-align: center; font-size:16px; }
#paging_div img {vertical-align:middle;}
#paging_div ul {display: inline-block; box-sizing: border-box; text-align: center; padding:0 10px;}
#paging_div ul li {display: inline-block;}
#paging_div ul li a,#paging_div ul li strong {display: block; font-size: 14px; line-height: 30px; height:32px; width: 32px; transition-duration: 0.4s; border:1px solid #fff; border-radius:50px;}
#paging_div ul li a:hover {border:1px solid #ddd; background-color:#fafafa;}
#paging_div ul li strong { background-color:#222; color:#fff;  border:1px solid #222; font-weight:bold;} 
/*페이징*/  

.photoboard{width:100%; margin-bottom:20px;}
.photoboard:after{content:''; display:block; visibility:hidden; clear:both;}
.photoboard li.dataNone {padding:80px 0;text-align:center;border:1px #ddd solid;border-left:0;border-right:0;width:100%;}
.photoboard li a{display:block; border:1px solid #ddd;}
.photoboard li a figure img{width:100%; height:270px; display:block;}
.photoboard li a figure figcaption{padding:20px; border-top:1px solid #ddd;}
.photoboard li a figure figcaption dl dt{line-height:23px; height:69px; margin-bottom:15px; overflow:hidden;}
.photoboard li a figure figcaption dl dd{color:#777; font-size:15px; line-height:24px;}

.photoboard li a img{width:100%; height:270px; display:block; overflow:hidden; object-fit:cover;}
.photoboard li a div{padding:20px; border-top:1px solid #ddd;}
.photoboard li a div dl dt{line-height:23px; height:69px; margin-bottom:15px; overflow:hidden;}
.photoboard li a div dl dd{color:#777; font-size:15px; line-height:24px;}

.photoboardSliderBox{width:700px; margin:50px auto 120px auto;}
.photoboardSlider img{width:100%;}
.photoboardSliderBox .bx-wrapper .bx-pager{bottom:-50px;}
.photoboardSliderBox .bx-wrapper .bx-pager.bx-default-pager a{background:#fafafa; width:13px; height:13px; border-radius:10px; border:1px solid #0F4C81;}
.photoboardSliderBox .bx-wrapper .bx-pager.bx-default-pager a:hover, .photoboardSliderBox .bx-wrapper .bx-pager.bx-default-pager a.active{background:#0F4C81; border:1px solid #0F4C81;}
.photoboardSliderBox .bx-wrapper .bx-prev{left:-90px; background:url("/np/resources/images/board/photo/photoL.png") no-repeat;}
.photoboardSliderBox .bx-wrapper .bx-next{right:-90px; background:url("/np/resources/images/board/photo/photoR.png") no-repeat;}
.photoboardSliderBox .bx-wrapper .bx-controls-direction a{margin-top:-30px; width:60px; height:60px;}
.videoBg{width:90%; margin:40px auto 50px auto;}
.videoBox{position:relative; padding-bottom:56.2%; height:0; overflow:hidden; max-width:100%;}
.videoBox iframe, .videoBox object, .videoBox embed{position:absolute; top:0; left:0; width:100%; height:100%;}
.videoContentBox{border-top:1px solid #ddd; padding:40px 0; word-break: keep-all}
.gridImage {padding:10px; float:left; width:33.3%; box-sizing:border-box;}
.gridImage img{width:100%;}
/*갤러리게시판*/

.longDataBox{background-color:#f2f5f8; border:1px solid #ddd; max-height:280px; overflow-y:scroll; box-sizing:border-box; padding:20px; margin-bottom:15px; line-height:24px; font-size:14px; }
.longDataBox *{ font-size:14px;}
/*개인정보동의*/

.wishBox{border:1px solid #ccc; background-color:#fafafa; padding:30px 15px; box-sizing:border-box; margin-bottom:10px;}
.wishBox fieldset{width:100%; max-width:800px; margin:0 auto;}
.wishBox fieldset:after{content:''; display:block; visibility:hidden; clear:both;}
.wishBox fieldset ul{float:left; width: calc(100% - 80px);}
.wishBox fieldset ul li{margin-bottom:10px;} 
.wishBox fieldset ul li:last-of-type{margin-bottom:0px;} 
.wishBox fieldset ul li label{display:inline-block; width:100px;} 
.wishBox fieldset ul li input{width: calc(100% - 130px);}
.wishBox fieldset > div{float:left; width:80px; padding-top:10px;}
.wishBox fieldset > div a{width:80px; height:80px; border-radius:45px; background:#0f4c81; color:#fff; text-align:center; line-height:80px;}
.wishText li{margin-bottom:5px; line-height:22px;}
.wishCom{font-size:14px; line-height:18px; padding:3px; box-sizing:border-box; color:#777; display:inline-block; margin-bottom:3px;}


@media all and (max-width:767px) {
    .layerContentBox{position:absolute; top: 60px; left: 10%; width: 80%; overflow:hidden; box-sizing:border-box; text-align:center;}
    .layerContentBox img{max-height:400px;}

	.layerContentBox2{position:absolute; top: 150px; left: 10%; width: 80%; overflow:hidden; box-sizing:border-box; text-align:center;}
    .infoList2014 h3{padding:15px 45px 15px 20px; background:#0f4c81; color:#fff; line-height:20px; font-size:16px; text-align:left;}
    .layerContentBox2 table{width:95%; margin:20px auto 0; background-color:#fff;}
    .layerContentBox2 table th{font-size:18px; padding-bottom:8px;}
    .layerContent > div.layerContentBox2 .infoList2014 > a{position:absolute; top:5px; right:5px; z-index:999; }
    /*레이어*/

	.ListlayerContentBox{top: 50px; left: 2%; width: 96%; margin-left:0px;}
    .ListlayerContentBox > div {padding:10px;}
    .ListlayerContentBox > div .type1 th, .ListlayerContentBox > div .type1 td{ padding:5px 2px; font-size:12px; line-height:17px;} 
    /*정보목록 레이어*/

    .boardSearch p{float:none; margin-bottom:5px;}
    .boardSearch fieldset > div.boardSearchB{float:none; padding-left:109px;}
    .boardSearch fieldset > div.boardSearchB > div {width:100%;}
    .boardSearch fieldset > div.boardSearchTP{float:none; margin-bottom:7px;}
    .boardSearch div.boardSearchB select {width:85px;}
    .boardSearch div.boardSearchB.hasCb select:nth-child(1) {width:80px; position:absolute; top:0; left:0px;}
    .boardSearch div.boardSearchB.hasCb select:nth-child(2) {width:80px; position:absolute; top:0; left:84px;}
    .boardSearch fieldset > div.boardSearchB.hasCb {float: right;position: relative;padding-left: 170px;}
    .boardSearch fieldset > div.boardSearchB.hasCb > div {position:relative; padding-right:65px; width:170px; box-sizing:border-box;}
    /*게시판 검색*/

    .boardSearchWide{padding:13px;} 
    .boardSearchWide fieldset{padding:0 0 48px 0;} 
    .boardSearchWide fieldset > a{width:100%;} 
    .boardSearchWideBox li{padding:27px 0 0 0; margin-bottom:7px;}
    .boardSearchWideBox li > label{line-height:27px;}
    .boardSearchWideBox li > span.shortSelect{width:100%;}
    .boardSearchWideBox li > input.shortSearch {width:100%; margin:3px 0 0 0;}  
    .boardSearchWideBox li.shortSelect50{padding:0;}  
    .boardSearchWideBox li.shortSelect50 span{ width:100px;}      
    .boardSearchWideBox li > span b{width:100%; line-height:22px;}
    .boardSearchWideBox li > span span.tie{ width:100%;}
	.boardSearchWideBox li > span.shortDay{width:100%;margin-bottom:5px;}
    .boardSearchWideBox li > span.shortDay2{width:100%;}
    .boardSearchWideBox li > span.shortDay2 a{width:60px; padding:0;}
    
    .btnInput .btnInputBox{position:static; width:100%;}
    .boardSearchWideBox li.btnInput input{padding-right:10px;}
    /*게시판 100% 검색*/
    
    .board thead tr{display:none;}
    .board thead tr th{padding: 8px 3px;}
	.board colgroup col{width:100% !important;} 
    .board > tbody > tr {border-bottom : 1px dashed #ddd; width:100%; padding :12px 7px; line-height:24px; vertical-align:middle; display:block;  box-sizing:border-box;}
    .board > tbody > tr > td {font-size:14px; border:0; display:inline-block; padding:0 5px;}
    .board > tbody > tr > td:first-child {display:none;}
    .board > tbody > tr > td.boardTitle {width:100%; box-sizing:border-box; background-color:#fcfcfc; border:1px solid #ccc; padding:10px; margin:10px 0 7px 0; font-size:14px; line-height:22px; text-align:left;}
    
    .boardL thead tr{/* display:none; */}
    .boardL thead tr th{padding: 8px 3px;}
	.boardL colgroup col{/*width:100% !important;*/} 
    .boardL > tbody > tr > td {padding:6px 3px;font-size:14px; /* border:0; display:inline-block;padding:0 5px; */ }
    .boardL > tbody > tr > td.boardTitle {width:100%; box-sizing:border-box; background-color:#fcfcfc; border:1px solid #ccc; padding:10px; margin:10px 0 7px 0; font-size:14px; line-height:22px; text-align:left;}
    .boardArea .state{width:98%; padding:2px 3px;}
    /* 게시판 리스트  */
    
    
    
    
    
    .paging{padding:20px 0;}
    .paging > a { width:16px; line-height: 20px; font-size:12px;}
    .paging ol {padding:0;}
    .paging ol li a {font-size: 12px; line-height: 19px; height:20px; width: 20px;}
    /*페이징*/   
              
    .tbView tr th{ padding:10px 1px;}
    .tbView tr td{padding:10px 5px 10px 15px; word-break: keep-all;}
    .download span{display:block; padding-left:18px;}
    .boardNav li{padding:10px;}
    .boardNav li:first-of-type dt{background:url("/np/resources/images/board/before.png") left 2px no-repeat; background-size:25px; padding-left:30px;} 
    .boardNav li:last-of-type dt{background:url("/np/resources/images/board/after.png") right 2px no-repeat; background-size:25px; padding-right:30px;} 
    .boardNav li dl dt{line-height:27px; font-size:16px;} 
    .boardNav li dl dd a{line-height:20px; font-size:14px;}
    /*게시판 상세*/    
    
    .boardform colgroup col:first-of-type{width:100px;} 
    .boardform tr > *{padding:5px;}
    .boardform tr th, .boardform tr td{font-size:13px; line-height:30px;}
    .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;}    
    .commentB{font-size:12px; line-height:16px;}
    .filebox .upload-name {width:50%;}
    /*--------------------게시판 글쓰기--------------------*/   
    
    .photoboard li{float:left; width:100%; box-sizing:border-box; margin-bottom:20px;}    
    .photoboardSliderBox{width:85%; margin:30px auto 70px auto;}
    .photoboardSliderBox .bx-wrapper .bx-prev{left:-50px; background:url("/np/resources/images/board/photo/photoL.png") no-repeat; background-size:contain;}
    .photoboardSliderBox .bx-wrapper .bx-next{right:-50px; background:url("/np/resources/images/board/photo/photoR.png") no-repeat; background-size:contain;}
    .photoboardSliderBox .bx-wrapper .bx-controls-direction a{margin-top:-20px; width:40px; height:40px;}    
    .photoboardSliderBox .bx-wrapper .bx-pager.bx-default-pager a{width:12px; height:12px; margin:0 3px;}
    .videoBg{margin:20px auto 30px auto;}
    .videoContentBox{padding:20px 0;}   
    .gridImage {width:100%; text-align:center;}
    .gridImage img {width:80%;}
    /*갤러리게시판*/

    .wishBox fieldset ul{width:100%;}
    .wishBox fieldset > div{ width:100%; padding-top:15px;}
    .wishBox fieldset > div a{width:50%; height:40px; border-radius:10px; line-height:40px; margin:0 auto;}
    .wishText li{line-height:18px;}
}
/*mobile*/
@media all and (min-width:768px) and (max-width:1400px) {
	.layerContentBox{position:absolute; top: 120px; left: 10%; width: 80%; overflow:hidden; box-sizing:border-box; text-align:center;}
    .layerContentBox img{max-height:500px; }
    /*레이어*/
    .boardSearch p{float:none; margin-bottom:5px;}
    .boardSearch fieldset > div.boardSearchB{float:none; }
    .boardSearch fieldset > div.boardSearchB > div {width:100%;}
    .boardSearch fieldset > div.boardSearchTP{float:none; margin-bottom:7px;}
    /*게시판 검색*/        
    .boardSearchWideBox li > span.shortSelect{width:100%;}
    .boardSearchWideBox li > input.shortSearch {width:100%; margin:3px 0 0 0;}  
    .boardSearchWideBox li > span span.tie{ width:44%;}
    .boardSearchWideBox li > span.shortDay{width:100%;margin-bottom:5px;}
    .boardSearchWideBox li > span.shortDay2{width:100%;}
    /*게시판 100% 검색*/
    .boardArea .state{width:100%;}
    /*게시판 리스트*/ 
    .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;}    
    .photoboardSliderBox{width:500px; margin:30px auto 70px auto;}
    .gridImage {width:50%;}
    /*갤러리게시판*/ 

}
/*tablet*/
@media all and (min-width:1241px) {    
    
    .photoboard li{float:left; width:31.6%; margin-left:2.5%; box-sizing:border-box; margin-bottom:30px;}
    .photoboard li:nth-of-type(3n+1){margin-left:0;}
    /*갤러리게시판*/ 

}
/*pc*/
 @media (max-width: 460px) {
    .boardSearch{display: block;}
    .boardSearchB{margin-top: 10px;}
    .boardSearch div.boardSearchB select{width: 100%;}

    .boardSearchB .boardSearchSelectBox{width: calc(25% - 10px);}
    .boardSearchB .buttonsArea{width: 50%;}
    .boardSearchB .buttonsArea .btn__xSmall{width: calc(50% - 10px);}
} 

.hide{
  overflow: hidden;
  position: absolute;
  left: -9999px;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}