/*기본List*/
.basicList{border-top:3px solid #303030; margin-bottom:20px;}

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

.basicList ul li span{float:left; font-size:0.95em;}
.basicList ul li span.txt{color:#323232; display:block; float:none;}
.basicList ul li span.pswd{text-align:right; margin-top:10px; display:block;  float:none;}
.basicList ul li span.select_btn{margin-bottom:10px;}
.basicList ul li span.notice{display:inline-block; margin-bottom:10px;  background:#982121; font-size:0.8em; font-weight:bold; padding:3px 12px; border-radius:100px; color:#ffffff}
.basicList ul li span.num{display:none;}
.basicList ul li span.cate{color:#969696; font-size:0.9em; width:7%}
.basicList ul li span.title{width:100%; font-size:1em; margin-bottom:10px; color:#303030}
.basicList ul li span.name{clear:both; margin-right:5%; border-right:1px solid .e6e6e6; padding-right:5%;}
.basicList ul li span.date{}

@media all and (min-width:768px) {
.basicList{margin-bottom:30px}
.basicList ul li {padding:20px 0px 20px 15px;}
.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.num{display:block; text-align:center; width:7%;}
.basicList ul li span.notice{width:7%; text-align:center; margin-bottom:0px;}
.basicList ul li span.title{width:56%; 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%; text-align:right;}
.basicList ul li span.txt,
.basicList ul li span.pswd{display:inline-block; vertical-align:middle; line-height:36px;}
.basicList ul li span.pswd{margin-top:0px;}

}

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

/*검색창*/
.searchTop{margin-bottom:10px; overflow:hidden; text-align:right}
.searchBox select, .searchBox input, .searchBox button {font-size:0.9em; font-family:inherit}
.searchBox select{padding:.548em .586em;}
.searchBox button{background:#505050; border-color:#505050; 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;}
.pageList a{display:inline-block; padding: 0 5px;}
.pageList a:first-child, 
.pageList a:last-child{display:none;}
.pageList a img{height:30px;}
.pageList span{display:inline-block; vertical-align:top}
.pageList span a.on{border-bottom:2px solid .982121; color:#982121}
.pageList span a:hover{color:#982121}
.pageList span a{padding:0 20px; line-height:30px; font-weight:bold}
.pageList span a:first-child, 
.pageList span a:last-child{display:inline-block}
@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{font-size:13px; padding:.548em .786em; display:block; color:#ffffff}
.boardButton span{display:inline-block; background:#505050; }
.boardButton span:last-child{background:#982121}

.boardButton .redbtn{background:#982121; border-color:#982121; color:#ffffff}
@media all and (min-width:768px) {
.boardButton{margin-bottom:30px;}
.boardButton span a,
.boardButton button,
.boardButton input{font-size:14px; padding:10px 20px;}
}

/*뷰*/
.viewTop{border-top:3px solid #303030; padding:20px 10px; border-bottom:1px solid #c8c8c8}
.viewTop h4{font-size:1.2em; font-weight:700; 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; line-height:100%;}
.viewTop ul li:last-child{margin-right:0; padding-right:0; border-right:0}
.v_attem{padding:10px 10px; border-bottom:1px solid #c8c8c8}
.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 #c8c8c8; min-height:150px}
.v_bottom{border-bottom:1px solid #c8c8c8; 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}
.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}
}

/*라이트*/
#writeWrap{margin-bottom:20px;}
.writecom{border-top:3px solid #808080; border-bottom:1px solid #c8c8c8}
.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:10px 10px; min-height:200px; border-bottom:1px solid #c8c8c8; background:#f5f5f5}
.writeCon iframe{width:100%}
.writeBottom{border-top:0px; margin-bottom:20px;}
.writeBottom ul li{padding:5px 10px !important}

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