@charset"utf-8";
/*게시판공통*/

.boardBox{position:relative;}

/*체크박스*/
.boardBox .icheckbox_square-yellow{margin-bottom:10px;}

/*검색*/
.searchBox{border:1px solid #ccc; background:#fafafa; padding:30px 0px; letter-spacing:-0.06em; text-align:center; margin-bottom:20px; }
.searchBox fieldset{max-width:400px; margin: 0 auto;}
.searchBox select, .searchBox input, .searchBox a{margin:0 1%; border-color:#ccc; border-radius:0px;  font-family:NanumGothic; padding:.25em; font-size:0.8em;}
.searchBox .searchBtn{height:2.571em; background:#007dc6; border:1px solid #007dc6; display:inline-block; padding:.25em .8em; color:#ffffff}

.in_srch .in_txt { border:1px solid #d5d5d5; } 



/*페이지*/
.pageList{text-align:center; margin:1.5em 0;}
.pageList li{display:inline-block; text-align:center}
.pageList li span {display:inline-block}
.pageList li a{display:block; width:30px; height:30px;  line-height:30px; font-size:0.925em}
.pageList li.first,.pageList li.last,.pageList li.prev,.pageList li.next {border:1px solid #dedede}
.pageList li.prev {margin-right:1em}
.pageList li.next {margin-left:1em}
.pageList li a.select{font-weight:500; text-decoration:none; color:#1f2c5c}
.pageList li a.select:after {content:""; display:block; width:70%; height:2px; background:#1f2c5c; margin:0 auto}


/*게시판버튼*/
.boardBtn{margin-bottom:20px; overflow:hidden}
.boardBtn a, .btn_group a{display:inline-block;  padding:.4em .8em; background:#808080; color:#ffffff; font-size:0.9em; letter-spacing:-0.06em; border-radius:3px;}
/*.btn{display:inline-block;  padding:.4em .8em; background:#808080; color:#ffffff; font-size:0.9em; letter-spacing:-0.06em}*/
.btn-lg {padding:.6em 0.8em; font-size:1em; letter-spacing:0}
.boardBtn a.btnWrite, .boardBtn a.btnList, .btn_group .btnList{background:#007dc6; padding:.4em 1.5em;}
.btn_group a.btnWrite, .btn_group a.btnList, .btn_group .btnList{background:#007dc6; padding:.4em 1.5em;}
.boardBtn a.btnList{float:right; margin-top:15px;}
.btn_group {text-align:center;}
.btn_group input[type="submit"] {border:none; color:#fff}
.btnGray {display:inline-block; height:auto !important; background:#f5f5f5; padding:.5em .2em !important;font-size:12px; line-height:1.2!important; margin:0 !important;}
.btn-blue {background:#007dc6 !important}

/* 공지사항리스트 */

#list_body {padding-top:30px!important;}
.column li{position:relative;  width: 100%; margin: 0 auto 10px auto; background-color: #fff; border:1px solid #ccc; border-radius:3px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }
.column li a {display:block; color:#333;padding:10px 8px 8px 8px; }
.column li a:hover {background-color:#f5f5f5;}
.column a:hover {text-decoration:none;}
.column h4 { font-size:1.0em; line-height:1.143em; margin: 0 0 0 0;}
.column h4 span {display:inline-block;}
.column .title {font-size:0.875em; letter-spacing:-1}
.column strong { font-weight:normal;}
.column .no_data { padding:10%;text-align:center; }

.column h4 span.cont_txt {padding-left:40px;}
.column p {position:relative; width:100%; text-align:right}
span.notice_date, span.hits, span.file {color:#808080; font-size:13px}
span.notice_date {margin-right:10px;}
.file_wrap {text-align:right;}
.file_wrap span a {font-size:12px !important}
.label-notice{position:absolute; left:10px; top:18px; padding:2px 5px; background:#05639b; border-radius:3px;  color:#fff; font-size:11px; margin-right:5px}
.column h4 span.label-num {position:absolute; left:10px; top:18px; padding:2px 5px; text-align:center; padding:0 5px}
.totalnum {width:100%; text-align:right; display:block; padding:5px}
.totalnum em {color:#F30; font-family:'NanumGothicBold';}

.btn_bo_adm li { float:left !important; margin:0 5px 0 !important; padding:0 !important; width:auto !important; }
.btn_bo_adm input { background:#808080 !important; cursor:pointer; }
a.btn_admin, .btn_admin, a.btn_admin:hover, .btn_admin:hover { background:#007dc6}
a.btn_b02, .btn_b02, a.btn_b02:hover, .btn_b02:hover { background:#333; }

.btn_bo_user li a { display:inline-block !important; margin:0 !important; padding:0 !important; width:auto !important; padding:8px !important; border-radius:3px !important; }

/*게시판 tab*/
#bo_cate ul {margin:10px;padding-left:1px;zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {float:left;margin-bottom:-1px;width:20%}
#bo_cate a {display:block;position:relative;margin-left:-1px;padding:5px 0;border:1px solid #ddd;background:#f7f7f7;color:#888;text-align:center;text-decoration:none;letter-spacing:-0.1em}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none}
#bo_cate #bo_cate_on {z-index:2;border:1px solid #565e60;background:#fff;color:#565e60;font-weight:bold}



@media (min-width: 768px) {

/* 공지사항리스트 */
#list_body {padding-top:10px!important; border-top:2px solid #333}
.column li {border-left:0; border-right:0; border-top:0; border-bottom:1px dashed #ccc; box-shadow:none; margin:0;}
.column li a {display:block; color:#333;padding:20px 8px 18px 8px; }
.label-notice {display:inline-block; }
.column p {width:auto; text-align:left; position:absolute; right:10px; top:10px}


}



/*갤러리리스트*/

.photoList{overflow:hidden;position:relative;*zoom:1; margin-bottom:30px;}
.photoList:after{display:block;clear:both;content:""}

.photoList li{overflow:hidden;position:relative; margin-bottom:30px;}
.photoList li:last-child{margin-bottom:0px;}
.photoList .thumb{display:block; position:relative; padding-bottom:75%}
.photoList .thumb img{display:block;border:0;}
.photoList .thumb img {position: absolute; top: 0; left: 50%; /*width:100%;*/ height: 100%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%); max-width: none;}
.photoList .thumb em{visibility:hidden;position:absolute;bottom:0;left:0; display:block;width:100%;height:100%;background:#007dc6 url("../images/bbs/ic_view.png") no-repeat center center; font-weight:bold;font-style:normal;color:#fff;text-align:center;opacity:.6;filter:alpha(opacity=60); text-indent:-999999px; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.photoList .thumb em{_visibility:visible;_width:100%;_height:100%;}
.photoList .itemType {position: absolute; top: 0px;right: 0px; z-index:99;display: block;width: 45px;height: 45px;line-height: 45px;text-align: center; font-size: 0.8em;color: #fff; opacity: 0.8;}
.movieitem {background:#ff902e}
.photoitem {background:#0167c6}
.photoList a{display:block;cursor:pointer; letter-spacing:-0.06em;}
.photoList a .thumb_bg {position: absolute; left: 0;bottom: 0;width: 100%; padding: 10px; background-color: rgba(0,0,0,0.0); z-index: 1; color:rgba(255,255,255,0.0);}
.photoList a span.tit{display:block; font-size:1.1em; margin-bottom:5px;}
.photoList a span.txt{display:block;margin-bottom:10px; font-size:0.9em;}

.photoList a:hover .thumb_bg {background-color:rgba(0,0,0,0.6); transition: all 0.2s ease-out 0s;color:rgba(255,255,255,0.9)}
/*.photoList a:hover .thumb  img {-webkit-transition: all 0.3s ease;	-moz-transition: all 0.3s ease;transition: all 0.3s ease;-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);*/
	
/*검색*/	
.srchbox .in_sel {display:inline; height:2.462em !important; line-height:2em !important; vertical-align:middle !important}
.search1{height:2.462em;padding:0px;border:1px solid #d5d5d5;background:#f9f9f9; vertical-align:middle !important; margin:0 !important}
.srchbox .in_srch {width:100%; position:relative; display:inline-block; vertical-align:middle;}
.srchbox .in_srch .in_txt {width:78%; height:2.462em; line-height:2.462em; margin:0 !important}
.srchbox .in_srch .btn_srch {position:absolute;top:0 !important;right:0;display:block;width:20%; height:2.462em;  line-height:2.462em; background:#007dc6; color:#fff; overflow:hidden; border:0px solid #007dc6; border-radius:3px; cursor:pointer;}
.list_body form {margin-left:-2%;}	


/*a.btn_admin, .btn_admin, a.btn_b02, .btn_b02 {padding:8px 12px}*/

@media all and (min-width:680px) {
.photoList li{width:46%; margin: 0 2% 30px; float:left;}
.photoList .thumb{width:100%; /*height:200px;*/overflow:hidden;}
/*.photoList .thumb img{min-height:200px;}*/
}

@media all and (min-width:768px) {
.photoList .itemType {width:60px; height:60px; line-height:60px;}

/*검색*/	
.srchbox .in_sel {display:inline; height:2.462em !important; line-height:2em !important; vertical-align:middle !important}
.search1{height:2.462em;padding:0px;border:1px solid #d5d5d5;background:#f9f9f9; vertical-align:middle !important}
.srchbox .in_srch {position:relative; display:inline-block; vertical-align:middle; padding-right:62px;}
.srchbox .in_srch .in_txt {width:120px; height:2.462em; line-height:2.462em; margin-right:5px}
.srchbox .in_srch .btn_srch {position:absolute;top:0;right:0;display:block;width:60px; height:2.462em;  line-height:2.462em; background:#007dc6; color:#fff; overflow:hidden; border:0px solid #007dc6 border-radius:3px}
.list_body form {margin-left:-2%;}


}


@media all and (min-width:1024px) {	
/*.photoList .thumb{height:300px;}
.photoList .thumb img{min-height:300px;}*/

/*검색*/


.list_head .srchbox {width:auto;float:right;}
.list_head .srchbox select {width:auto; margin-bottom:0}
.list_head .listnum {display:inline-block;}
.srchbox .in_srch {width:250px; padding-right:62px !important}
.srchbox .in_srch .in_txt {width:100%;}

}

@media all and (min-width:1280px) {
.photoList li{width:31.3333%;}
.photoList .thumb{/*height:250px;*/}
.photoList .thumb img{/*min-height:250px;*/}

}


/*게시글보기*/

.viewTop{min-height:80px; padding:10px 10px 35px 100px; letter-spacing:-0.06em; border-bottom:1px solid #ebecec; margin-bottom:20px;}
.viewTop li.date{width:80px; height:80px; padding:0 0 0 0; position:absolute;font-size:1em; text-align:center; background:#007dc6; top:0; left:0; border-radius:3px;}
.viewTop li span.today{display:block; font-size:1.4em; color:#ffffff; font-weight:600; margin-bottom:5px;}
.viewTop li span.year{display:block; font-size:0.85em; color:#ffffff; }
.viewTop li.tit{font-size:1.1em; color:#303030; margin-bottom:10px;}
.viewTop li.name{font-size:0.9em;}
.viewTop li.name b{font-weight:normal; margin-right:5px;}
.viewTop li.name span.hit{display:none;}

.viewContainer{font-size:0.9em; padding-bottom:20px; border-bottom:1px solid #ebecec; }
.viewContainer img{display:inline-block; text-align:center}
.boardBox .syncSlider .item img {width:auto; margin:0 auto}


/*동영상일경우*/
.movieCont {position:relative; padding-bottom: 59%;}
.movieCont iframe {position: absolute; top: 0; left: 0;right: 0; bottom: 0; width: 100%;height: 100%;}
{padding: 10px 20px; border:1px solid #ccc; border-radius:8px; background:#f5f5f5; margin-top:20px}
.MovieSubtitles pre {padding:15px; white-space : pre-line; font-size:1em;  display:block; line-height:1.8em; }

.viewFile{padding:20px 10px; border-bottom:1px solid #ebecec; }
.viewFile ul{overflow:hidden;}
.viewFile li{float:left; font-size:0.9em}
.viewFile li a{font-size:0.9em}
.viewFile li.tit{width:23%; margin-right:5%;}
.viewFile li.txt{width:72%; float:right;}

.viewFoot{position:relative; padding:25px 0px; border-bottom:1px solid #ebecec; overflow:hidden; margin-bottom:30px;  letter-spacing:-0.06em;}
.viewFoot li{width:49%; float:left;}

.viewFoot li:first-child{margin-right:2%;}
.viewFoot li:last-child{border-left:1px dotted #ccc}
.viewFoot li a{font-size:0.9em}
.viewFoot li.prev{padding-left:20px; }
.viewFoot li.next{padding-right:20px; padding-left:3%; text-align:right; float:right}
.viewFoot li span.arrow{position:absolute; font-size:1.8em; top:40%; color:#808080}
.viewFoot li.prev .arrow{left:0px;}
.viewFoot li.next .arrow{right:0px;}

.viewFoot li .txt b{font-size:0.9em; display:block}
.viewFoot li .txt {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

/*이미지슬라이드*/
.syncSlider{margin-bottom:20px; position:relative;}
.syncSlider #sync1 .owl-wrapper-outer{margin-bottom:10px;}
.syncSlider #sync1 .item img{/*width:100%*/ height:auto}
.syncSlider #sync2 .item{margin: 5px; cursor: pointer; padding:2px; opacity:0.5;}
.syncSlider #sync2 .synced .item{background: #0c83e7; opacity:1;}

.syncSlider .owl-controls{margin-top:0px !important; position:absolute; z-index:2; right:0px; bottom:0px;}
/*
.syncSlider .owl-controls .owl-buttons div{margin:0px !important; border-radius:0px  !important; opacity:0.8 !important; width:40px; height:40px; padding: 10px  !important; text-indent:-9999999px;}
.syncSlider .owl-controls .owl-buttons div.owl-prev{margin-right:3px !important; background:#505050 url(../images/bbs/btn_prev.png) no-repeat center center !important;}
.syncSlider .owl-controls .owl-buttons div.owl-next{background:#505050 url(../images/bbs/btn_next.png) no-repeat center center !important;}
*/

.syncSlider .owl-carousel .owl-buttons {width:110px;}

@media all and (min-width:768px) {

.viewTop li.tit{font-size:1.4em;}
.viewTop li.name span.hit{display:inline-block; float:right; font-size:0.9em}
.viewTop li.name span.hit b{display:inline-block; margin-right:5px;}


}

/*글작성*/
h3.boardh3{font-size:1.2em; text-align:center; padding:10px 0px;}
h3.boardh3:before{content:'';}

input.ed ,textarea.ed{border-color:#ccc; border-radius:0px; padding:.25em; font-size:0.9em; margin:0px;}

.writeTop dl{overflow:hidden; letter-spacing:-0.06em; margin-bottom:20px;}
.writeTop dl:first-child dt{border-top:1px solid #808080; padding-top:20px;}
.writeTop dl:first-child dd{border-top:1px solid #c8c8c8; padding-top:20px;}
.writeTop dl:last-child{border-bottom:1px solid #ebecec; padding-bottom:20px;}
.writeTop dl dt{clear:both; float:left; width:25%; padding-right:3%; font-weight:bold; font-size:0.9em; text-indent:10px; line-height:2.571em}
.writeTop dl dd{float:left; width:75%;}
.writeTop dl dd .input_type input{width:100%; }

.writeBox{margin-bottom:20px;}
.writeBox textarea{min-height:10em}

#bo_w .btn_submit { padding:11px; } 


.writeFile{margin-bottom:30px;}
.writeFile input{ padding:.25em; font-size:0.9em; margin:0px;  font-family:NanumGothic;}
.file_input {overflow:hidden; border:1px solid #c8c8c8; position:relative; max-width:500px; margin-bottom:5px;}
.file_input label {position:absolute; right:0px;top:0px; font-size:0.8em; padding:.4em 1em; height:38px; border-left:1px solid #c8c8c8; background:#fcfcfc; color:#808080; width:28%; text-align:center;}
.file_input label input {position:absolute; width:0; height:0; overflow:hidden; background:none;font-size:0px;}
.file_input input[type=text] {width:72%; vertical-align:middle; display:inline-block; height:38px; padding:0; border:0; background:none; text-indent:10px; color:#808080; font-size:0.8em;}

@media all and (min-width:768px) {
.writeTop dl dt{width:15%; }
.writeTop dl dd{width:85%;}

}



/*포토갤러리*/
.cbp .cbp-item { box-shadow: 0px 0px 6px rgba(0,0,0,.21) !important; padding-bottom:20px !important; border-radius:3px;}
.cbp-wrapper-outer {overflow:visible !important}
.cbp-l-grid-masonry-projects-title {color:#333 !important; font-weight:700; font-size:1.125em}
.cbp-l-grid-masonry-projects .cbp-caption-activeWrap {background:rgba(0,0,0,0.3) !important}.cbp-l-grid-masonry-projects .cbp-l-caption-buttonLeft, .cbp-l-grid-masonry-projects .cbp-l-caption-buttonRight {color:#fff !important}
.cbp-l-grid-masonry-projects .cbp-l-caption-buttonLeft, .cbp-l-grid-masonry-projects .cbp-l-caption-buttonRight {background:rgb(0,0,0,0.0) !important}