/*기본List*/
.mb0{margin-bottom:0 !important;}

.basicList{border-top:2px 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; display:block; overflow:hidden}
.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.select_btn{margin-bottom:10px;}
.basicList ul li span.notice{display:inline-block; margin-bottom:10px;  background:#0f7bcd; 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;}
.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{}

.basicList ul li span.re{margin-left:0}


@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.cate{width:13%}
.basicList ul li span.num{display:block; text-align:center; width:7%;}
.basicList ul li span.notice{width:13%; text-align:center; margin-bottom:0px;}
.basicList ul li span.title{width:54%; 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.re .name,
.basicList ul li.re .date{display:inline-block}




}

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


}


/*답리스트*/

.basicRe ul li span.cate{margin-bottom:10px}
.basicRe ul li span.re{margin-left:10px; font-size:0.85em; font-weight:600; color:#969696}
.basicRe ul li span.ing{color:#e10000}
@media all and (min-width:768px) {
.basicRe ul li span.cate{margin-bottom:0px}
.basicRe ul li span.cate,
.basicRe ul li span.num,
.basicRe ul li span.notice,
.basicRe ul li span.none{width:calc(5% + 50px); text-align:center;}
.basicRe ul li span.re{display:block; width:8%; text-align:center;}
.basicRe ul li span.title{width:calc(56% - 80px);}
.basicRe ul li span.re{margin-left:0px;}
}


@media all and (min-width:1024px) {
.basicRe ul li span.title{width:calc(60% - 50px);}

}

/*수정삭제*/
.editList{border-top:2px 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}
}


/*갤러리 list*/
.GalleryList{border-top:2px solid #303030; margin-bottom:20px;}
.GalleryList ul {overflow:hidden; padding-top:20px;}
.GalleryList ul li{border:1px solid #e6e6e6; margin-bottom:20px; position:relative; box-sizing:border-box}
.GalleryList ul li span{display:block;}
.GalleryList ul li .Gimg{width:100%;  overflow:hidden; position:relative; padding-bottom:56.25%}
.GalleryList ul li .Gimg img{display:block; vertical-align:middle;  width:100%;position:absolute; left:0; right:0;  top:0; margin: auto;}
.GalleryList ul li span.select_btn{position:absolute; padding:10px; left:0; top:0px; z-index:10}
.GalleryList ul li span.title{display:block; padding:10px 10px 0px; font-weight:bold; font-size:1.1em; }
.GalleryList ul li span.date{padding:10px; text-align:right}


@media all and (min-width:640px) {
.GalleryList ul li{width:47%; float:left; margin: 0 1.5%; margin-bottom:20px;}
.GalleryList ul li span.title{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
}
@media all and (min-width:768px) {
.GalleryList{margin-bottom:30px}
.GalleryList ul {padding-top:30px;}
}

@media all and (min-width:1024px) {
.GalleryList ul li{width:30.33%;}

}

/*검색창*/
.searchTop{margin-bottom:20px; overflow:hidden; text-align:right}
.searchBox select, .searchBox input, .searchBox button {font-size:0.9em; font-family:inherit}
.searchBox select{padding:.750em .586em; float:left; width:24%; margin-right:1%}
.searchBox button{background:#505050; border-color:#505050; color:#ffffff}
.searchBox span{float:left; width:75%}
.searchBox span:after{clear:both; content:'';}
.searchBox span input{width:75%; float:left;}
.searchBox span button{width:25%; float:left;}
.searchTop p{text-align:center; margin-bottom:10px}

.searchBox:after{clear:both; display:block; content:''; }

@media all and (min-width:768px) {
.searchTop{margin-bottom:20px;}
.searchBox {width:50%; float:right; max-width:400px}
.searchTop p{float:left; width:50%; line-height:40px; text-align:left}

.searchBox select{width:24%; margin-right:1%}
.searchBox span{width:75%}
}

@media all and (min-width:1200px) {
.searchTop{margin-bottom:40px;}
}



/*페이지*/
.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 .0f7bcd; color:#0f7bcd}
.pageList span a:hover{color:#0f7bcd}
.pageList span a{padding:0 10px; 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;}
}

@media all and (min-width:1200px) {
.pageList{margin-bottom:50px;}
}

/*게시판 버튼*/
.boardButton{margin-bottom:20px;text-align:right;}
.boardButton span a{font-size:0.9em; padding:.548em .786em; display:block; color:#ffffff}
.boardButton span{display:inline-block; background:#505050; }
.boardButton span:last-child{background:#0f7bcd}

@media all and (min-width:768px) {
.boardButton{margin-bottom:30px;}
.boardButton span a {padding:10px 20px;}
}
@media all and (min-width:1200px) {
.boardButton{margin-bottom:50px;}
}
/*뷰*/
.viewTop{border-top:2px 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}

.viewTop ul li.attach{display:block; margin-top:10px; font-size:0.9em;}
.viewTop ul li.attach span{font-weight:600; display:inline-block; margin-right:10px; }
.viewTop ul li.attach a:before{display:inline-block; margin-right:5px; vertical-align:middle; content:'\f0c7'; font-family:'FontAwesome'; }

.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:600; 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}

.v_comment{padding:10px; border-bottom:1px solid #dcdcdc; background:#f5f5fa}
.v_comment p.ing{color:#969696; font-weight:600; text-align:center;}
.v_comment p.ing:before{display:inline-block; vertical-align:middle; content:'\f118'; font-family:'FontAwesome'; font-size:25px; margin-right:10px; font-weight:normal }

.v_comment p.attach{display:block; margin-top:10px; font-size:0.9em; color:#323232; margin-bottom:20px;}
.v_comment p.attach span{font-weight:600; display:inline-block; margin-right:10px; }
.v_comment p.attach a:before{display:inline-block; margin-right:5px; vertical-align:middle; content:'\f0c7'; font-family:'FontAwesome'; }


@media all and (min-width:768px) {
.viewTop ul li.attach{display:inline-block; margin-top:0px; font-size:0.9em;}

.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:0px;}
.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:2px 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:#f5fafa}
.writeCon iframe{width:100%}
.writeBottom{border-top:0px; margin-bottom:20px;}
.writeBottom ul li{padding:5px 10px !important}
.writeBottom .attem_btn{padding:0px; width:25px; height:25px; line-height:20px; border-color:#808080;  background:#808080; color:#ffffff; font-weight:bold; font-size:15px}
@media all and (min-width:768px) {
.writeBottom{margin-bottom:30px;}
#writeWrap{margin-bottom:30px;}
.writecom ul li{padding:15px 10px}
}


/*카드리스트*/
.webzineList{overflow:hidden; border-top:1px solid #dcdcdc}
.webzineList ul li.wzlist{overflow:hidden; position:relative;}
.webzineList ul li.wzlist .chkbox{position:absolute; z-index:15; right:20px; top:20px;}
.webzineList ul li.wzlist .img{position:relative; }
.webzineList ul li.wzlist .img span{position:absolute; z-index:5; display:inline-block; padding:10px 20px; color:#ffffff; background:#909090}
.webzineList ul li.wzlist .img span.on{background:#1274c6}
.webzineList ul li.wzlist .img img{width:100%;}
.webzineList ul li.wzlist dl{margin-bottom:30px; padding:30px 20px; border-bottom:1px solid #dcdcdc}
.webzineList ul li.wzlist dl dt{font-weight:800; font-size:1.2em; margin-bottom:10px;}
.webzineList ul li.wzlist dl dd{margin-bottom:10px;}
.webzineList ul li.wzlist dl dd.date{font-size:0.9em}
.webzineList ul li.wzlist dl dd:last-child{margin-bottom:0;}

@media all and (min-width:640px) {
.webzineList ul li.wzlist{padding:30px 0px; border-bottom:1px solid #dcdcdc}
.webzineList ul li.wzlist .img{float:left; width:30%; margin-right:3%;}
.webzineList ul li.wzlist dl{float:left; width:67%; padding:0 20px; box-sizing:border-box;  border-bottom:0px; margin-bottom:0}
}

@media all and (min-width:1024px) {
.webzineList ul li.wzlist .img{width:22%;}
.webzineList ul li.wzlist dl{width:75%;}
}


/*댓글개발*/

.board_comment {display:block; width:100%; border-collapse:collapse; border-bottom:1px solid #e6e6e6; padding:15px; background:#f8f8f8}
.board_comment .comment_top{margin-bottom:10px; overflow:hidden}
.board_comment .comment_top .tit{font-weight:600; color:#000000; }
.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:#969696; color:#ffffff; font-size:0.9em}
.board_comment .comment_top ul li a.btn_edit{background:#00b0ec}

.board_comment .comment_box {display:block; overflow:hidden; word-break:break-all; font-size:0.9em}
.board_comment .comment_box textarea{margin-bottom:10px;  resize: vertical; background:#ffffff}
.board_comment .comment_box button{display:block; border:0px; background:#00b0ec; 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%;}
.board_anwser h4 .tit_tt{display:inline-block;}

}