@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}

/*페이지*/
.pageList{text-align:center; margin-bottom:20px;}
.pageList li{display:inline-block;border:1px solid #ccc; text-align:center}
.pageList li a{display:block; width:26px; height:26px;  line-height:24px; font-size:0.8em}
.pageList li a.select{font-weight:bold; background:#606060; color:#ffffff; text-decoration:underline;}

/*게시판버튼*/
.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}
.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;}
.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 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';}



@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);*/}


@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;}

}


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

}

@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:20px 0 0 0; position:absolute;font-size:1em; text-align:center; background:#007dc6; top:0; left:0;}
.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:100%}


/*동영상일경우*/
.movieCont {position:relative; padding-bottom: 59%;}
.movieCont iframe {position: absolute; top: 0; left: 0;right: 0; bottom: 0; width: 100%;height: 100%;}
.MovieSubtitles {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}


.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%;}

}