/*기본List*/
.basicList{border-top:1px solid #303030; margin-bottom:20px;}
.basicList ul li.tit_li{display:none}
.basicList ul li.noti_li{background:rgba(0,0,0,0.01)}

.basicList ul li{overflow:hidden; position:relative; padding:15px 10px; overflow:hidden; border-bottom:1px solid #e6e6e6}
.basicList ul li span{display:block}
.basicList ul li a{color:#323232; display:block; overflow:hidden}
.basicList ul li:hover{display:block; width:100%; height:100%; background:rgba(0,0,0,0.01)}

.basicList ul li span{float:left; font-size:0.95em;}
.basicList ul li span.select_btn{margin-bottom:10px; width:20px;}
.basicList ul li span.select_btn input{height:auto; line-height:auto;}
.basicList ul li span.notice{display:inline-block; margin-bottom:10px;  font-weight:bold; color:#000000;}
.basicList ul li span.notice:before{font-family:'FontAwesome'; content:'\f06a'; font-size:14px; margin-right:3px; color:#323232 }
.basicList ul li span.num{display:none;}
.basicList ul li span.cate{color:#969696; font-size:0.9em; min-height:1px;}
.basicList ul li span.title{width:100%; font-size:1em; margin-bottom:10px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.basicList ul li span.name{clear:both; margin-right:5%; border-right:1px solid #e6e6e6; padding-right:5%;  text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.basicList ul li span.date{text-align:center;}
.basicList ul li span.attm{width:30px; text-align:center;}
.basicList ul li span.re{width:50px; text-align:center;  margin-left:5%;  color:#969696}
.basicList ul li span.attm.in:before{font-family:'FontAwesome'; content:'\f0c7'; font-size:14px; color:#969696}

.basicList ul li.re{padding:10px; background:rgba(0,0,0,0.01)}
.basicList ul li.re .title:before{font-family:'FontAwesome'; content:'\f0f3'; margin-right:10px; display:inline-block; font-size:14px; color:#323232}
.basicList ul li.re .title,
.basicList ul li.re span.select_btn{margin-bottom:0px;}
.basicList ul li.re .name,
.basicList ul li.re .date{display:none}





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

.basicList{margin-bottom:30px}
.basicList ul li {padding:17px 0px 17px 5px;}
.basicList ul li span{margin-right:2%;}
.basicList ul li span:last-child{margin-right:0%;}
.basicList ul li span.select_btn{margin:0;}
.basicList ul li span.cate,
.basicList ul li span.num,
.basicList ul li span.notice,
.basicList ul li span.none{width:calc(7% + 30px); display:block; text-align:center; margin-bottom:0px; min-height:1px}
.basicList ul li span.title{width:calc(56% - 30px); margin-bottom:0px;}
.basicList ul li span.name{margin-right:2%; width:15%; padding-right:0%; text-align:center; border-right:0px; clear:none}
.basicList ul li span.date{width:11%;}

.basicList ul li span.re{margin-left:0}
.basicRe ul li span.cate,
.basicRe ul li span.num,
.basicRe ul li span.notice,
.basicRe ul li span.none{width:calc(7% + 50px);}
.basicRe ul li span.title{width:calc(56% - 80px);}



.basicList ul li.tit_li{display:block; background:#f5f5f5; color:#323232; text-align:center !important; font-weight:600}
/*.basicList ul li.tit_li span.date{text-align:center }
.basicList ul li.tit_li span.title{width:calc(63% - 60px);}*/

.basicList ul li.re .name,
.basicList ul li.re .date{display:inline-block}

}

@media all and (min-width:1024px) {
.basicList ul li span.title{width:calc(62% - 30px);}
.basicList ul li span.name{width:15%;}
.basicList ul li span.date{width:9%}

.basicRe ul li span.title{width:calc(56% - 50px);}

}

/*수정삭제*/
.editList{border-top:1px solid #303030; margin-bottom:20px;}
.editList ul li{overflow:hidden; position:relative; padding:15px 10px; overflow:hidden; border-bottom:1px solid #e6e6e6}
.editList ul li span.txt{color:#323232; display:block; float:none; height:36px; line-height:36px;}
.editList ul li span.pswd{text-align:right; margin-top:10px; display:block;  float:none;}

@media all and (min-width:768px) {
.editList ul li span.txt,
.editList ul li span.pswd{width:50%; float:left}
.editList ul li span.pswd{margin-top:0}
}



/*검색창*/
.searchTop{margin-bottom:10px; overflow:hidden; text-align:right}
.searchBox button{background:#414141; border-color:#414141; color:#ffffff}

@media all and (min-width:768px) {
.searchTop{margin-bottom:20px;}
.searchBox {width:50%; float:right;}
}

/*페이지*/
.pageList{text-align:center; vertical-align:top; margin-bottom:20px; font-size:0px;}
.pageList a{display:inline-block;}
.pageList a:first-child, 
.pageList a:last-child{display:none;}
.pageList a img{height:30px;}
.pageList span{display:inline-block; vertical-align:top; font-size:11px;}
.pageList span.btn a{text-indent:-999999px; position:relative;}
.pageList span.btn a:before{font-family:'FontAwesome';	content:"\f100"; text-indent:0; position:absolute; display:block; width:100%; text-align:center; font-size:11px;}
.pageList span.btn_next a:before{content:'\f101';}
.pageList span a.on{background:#f5f5f5; color:#414141}
.pageList span a:hover{color:#414141}
.pageList span a{width:25px; line-height:30px; border:1px solid #dcdcdc; border-right:0px;}
.pageList span a:first-child, 
.pageList span a:last-child{display:inline-block}
.pageList span:last-child a{border-right:1px solid #dcdcdc}

@media all and (min-width:768px) {
.pageList{margin-bottom:30px;}
.pageList a:first-child, 
.pageList a:last-child{display:inline-block;}
}

/*게시판 버튼*/
.boardButton{margin-bottom:20px;text-align:right;}
.boardButton span a,
.boardButton button,
.boardButton input{display:block; color:#ffffff}
.boardButton span{display:inline-block; background:#808080; height:36px; line-height:36px; padding:0 15px}
.boardButton span:last-child{background:#414141}

.boardButton .redbtn{background:#414141; border-color:#414141; color:#ffffff}
@media all and (min-width:768px) {
.boardButton{margin-bottom:30px;}
}

/*뷰*/
.viewTop{border-top:1px solid #303030; padding:20px 10px; border-bottom:1px solid #e6e6e6}
.viewTop h4{font-size:1.3em; font-weight:600; margin-bottom:10px;}
.viewTop ul{overflow:hidden;}
.viewTop ul li{float:left; float:left; margin-right:3%; padding-right:3%; border-right:1px solid #e6e6e6;}
.viewTop ul li:last-child{margin-right:0; padding-right:0; border-right:0}
.v_attem{padding:10px 10px; border-bottom:1px solid #e6e6e6}
.v_attem ul li span { display:inline-block; font-size:0.95em}
.v_attem ul li span img{width:13px; vertical-align:middle; margin-right:10px}
.v_attem ul li{line-height:20px; color:#808080}
.v_contents{padding:10px 10px; border-bottom:1px solid #e6e6e6; min-height:150px}



.v_bottom{border-bottom:1px solid #e6e6e6; margin-bottom:20px;}
.v_bottom li{border-bottom:1px solid #e6e6e6; padding:10px 0; font-size:0.9em; padding-left:30px; background:url(../img/board/bg_viewbefore.gif) no-repeat 10px center}
.v_bottom li span{font-weight:bold; margin-bottom:5px; display:inline-block}
.v_bottom li:last-child{border-bottom:0px; background:url(../img/board/bg_viewnext.gif) no-repeat 10px center}

@media all and (min-width:768px) {
.v_contents{padding:20px 20px}
.v_bottom{margin-bottom:30px; overflow:hidden;}
.v_attem{padding:15px 10px;}
.v_bottom li{float:left; width:50%; border-right:1px solid #e6e6e6;  background:url(../img/board/bg_viewbefore2.gif) no-repeat left center; padding:20px 10px 20px 30px; border-bottom:0;}
.v_bottom li:last-child{border-right:0; text-align:right;  background:url(../img/board/bg_viewnext2.gif) no-repeat right center; padding:20px 30px 20px 10px}
}


/*댓글달기*/
.v_comment{border-bottom:1px solid #e6e6e6}
.v_comment .comment{margin-bottom:20px; padding:20px; border:1px solid #e6e6e6; border-top:0;}
.v_comment .comment h5{font-weight:600; margin-bottom:10px;}

.v_comment .mentbox{overflow:hidden; position:relative; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #f0f0f0}
.v_comment .mentbox dl{overflow:hidden; margin-bottom:10px}
.v_comment .mentbox dl dt, 
.v_comment .mentbox dl dd{float:left; margin-right:10px; font-weight:600}
.v_comment .mentbox dl dd{font-weight:normal; color:#808080; padding-left:10px; position:relative;}
.v_comment .mentbox dl dd:before{display:block; content:''; width:1px; height:8px;; background:#e6e6e6; position:absolute; left:0; top:0; bottom:0; margin:auto}
.v_comment .mentbox .ment_li{position:absolute; right:0; top:0; text-align:right;}
.v_comment .mentbox .ment_li li{display:inline-block; vertical-align:top;}
.v_comment .mentbox .ment_li li a{display:inline-block; padding:2px 5px; background:#414141; border-radius:3px; color:#ffffff; font-size:11px}

.v_comment .comment .mentbox:last-child{margin-bottom:0; border-bottom:0; padding-bottom:0}

.v_comment .mentwrite{padding:20px; background:rgba(0,0,0,0.03);}
.v_comment .mentwrite h5{font-weight:600; margin-bottom:10px}
.v_comment .mentwrite .writebox{ overflow:hidden}
.v_comment .mentwrite .writebox textarea{float:left; width:calc(100% - 60px); height:60px; overflow-y:auto}
.v_comment .mentwrite .writebox button{float:right; width:60px; height:60px; background:#414141; color:#ffffff; border-color:#414141}

/*라이트*/
#writeWrap{margin-bottom:20px;}
.writecom{border-top:1px solid #303030; border-bottom:1px solid #dcdcdc}
.writecom ul li{padding:10px 10px; overflow:hidden;}
.writecom ul li span{display:block; float:left; line-height:35px}
.writecom ul li span.w_txt{width:70px;}
.writecom ul li span.inputTxt{width: calc(100% - 70px)}
.writeCon{padding:13px 10px; min-height:200px; border-bottom:1px solid #dcdcdc}
.writeCon iframe{width:100%}
.writeBottom{border-top:0px; margin-bottom:20px;}

@media all and (min-width:768px) {
.writeBottom{margin-bottom:30px;}
#writeWrap{margin-bottom:30px;}
.writecom ul li{padding:12px 10px}
}


/*이벤트갤러리*/
.gallery_board{position:relative;}
.gallery_board ul{overflow:hidden;}
.gallery_board ul li{float:left; width:48%; margin: 0 1% 20px;}
.gallery_board ul li dl{padding:15px 10px; border:1px solid #dcdcdc }
.gallery_board ul li dl dt{font-weight:600; margin-bottom:10px; font-size:1.1em;  text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.gallery_board ul li dl dd{position:relative; color:#969696; overflow:hidden; font-size:0.8em}
.gallery_board ul li dl dd .view{float:right;}
/*.gallery_board ul li .e_img{position:relative; min-height:300px}
.gallery_board ul li .e_img img{position:absolute; left:0; top:0; bottom:0; right:0; margin:auto;}*/
.gallery_board ul li {position:relative}
.gallery_board ul li  img{width:100%; height:100%; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto}
.gallery_board ul li .e_img{padding-bottom:60.5%; overflow:hidden; position:relative; background:#dcdcdc}

@media all and (min-width:768px) {
.gallery_board ul li{width:31.33%;}
}


/*댓글*/
.board_comment {display:block; width:100%; border-collapse:collapse; border-top:1px solid #d7d7d7; padding:15px; background:#f8f8f8}
.board_comment .comment_top{margin-bottom:10px; overflow:hidden}
.board_comment .comment_top .tit{font-weight:500; color:#2155ae; }
.board_comment .comment_top .tit span{font-weight:normal; font-size:0.9em; margin-left:10px; padding-left:10px; color:#969696}
.board_comment .comment_top ul{text-align:right; }
.board_comment .comment_top ul li{display:inline-block; vertical-align:middle;}
.board_comment .comment_top ul li a{display:block; padding:5px 7px; border-radius:3px; background:#8494b0; color:#ffffff; font-size:0.9em}
.board_comment .comment_top ul li a.btn_edit{background:#2155ae}

.board_comment .comment_box {display:block; overflow:hidden}
.board_comment .comment_box textarea{margin-bottom:10px;  resize: vertical;}
.board_comment .comment_box button{display:block; border:0px; background:#2155ae; border-radius:3px; color:#ffffff; display:block; min-width:140px}


@media all and (min-width:768px) {
.board_comment .comment_top .tit{float:left; width:50%; line-height:30px}
.board_comment .comment_top ul{float:left; width:50%;}

}