`@charset "UTF-8";

/**************************************************************************************** 서브컨텐츠영역 ****************************************************************************************/

/* 현재위치 */
.breadCrumbsWrap{position:relative;height:18px;padding:10px 0;margin-bottom:20px;/* border-bottom:1px solid #cdcdcd; */*zoom:1;}
.breadCrumbsWrap:after{content:"";display:block;clear:both;}
.breadCrumbsWrap .right{float:right;padding-right:10px;}

.listTitle{position:absolute;left:0;bottom:-1px;height:18px;line-height:18px;padding:10px 50px;font-family:"Malgun Gothic";font-size:18px;color:#ed1c24;border:1px solid #cdcdcd;border-bottom:none;background:#fff;}

/* 박스포인트색상 */
/* .boxPointColor{border-top:3px solid #02aac9;border-bottom:1px solid #ccc;background:#f8f8f8;} */

/* 버튼 */
/* .boardBtn{display:inline-block;padding:3px 5px 1px;border:1px solid #ccc;border-radius:5px;box-shadow:1px 2px 0px #ccc;font:bold 12px/12px Dotum;color:#888;background:#fff;text-decoration:none;} */
/* .boardBtn:hover{text-decoration:none;} */
/* .boardBtn:hover{border:1px solid #405060;box-shadow:1px 2px 0px #02aac9;color:#fff;text-decoration:none;background:#405060;cursor:pointer;} */
.boardBtn{display:inline-block;*display:inline;height:27px;line-height:27px;padding:0 10px;border:1px solid #919090;color:#fff;background:#a19c9c;}
.boardBtn:hover{text-decoration:none;}
.boardBtn:link{text-decoration:none;}
.boardBtn:visited{text-decoration:none;}
.boardBtn:active{text-decoration:none;}
.inputImage{display:inline-block;*display:inline;height:29px;line-height:26px;padding:0 10px;margin-top:-2px;border:1px solid #919090;font-family:"Nanum Gothic";font-size:15px;color:#fff;background:#a19c9c;cursor:pointer;}
.boardIptTxt{height:17px;border:1px solid #ccc;}
.boardSelect{height:19px;border:1px solid #ccc;}

/* 게시판제목 */
.boardTitle{position:relative;padding:0 25px 10px;line-height:21px;font-family:"Nanum Gothic";font-size:21px;color:#333;}
.boardTitle .titleBullet{position:absolute;left:0;top:1px;display:block;width:17px;height:17px;background:#02aac9;}

/* 게시판버튼 */
.boardButton{padding-bottom:20px;*zoom:1;}
.boardButton:after{content:"";display:block;clear:both;}
.boardButton .left{float:left;}
.boardButton .right{float:right;}
.boardButton .center{width:100%;text-align:center;}

.boardButton2{padding:10px 0;border-top:1px solid #ddd;*zoom:1;}
.boardButton2:after{content:"";display:block;clear:both;}
.boardButton2 .left{float:left;}
.boardButton2 .right{float:right;}
.boardButton2 .center{width:100%;text-align:center;}

@media all and (max-width:639px){
    .boardButton2 .left{float:left;width:100%;margin-bottom:10px;}
    .boardButton2 .right{float:right;width:100%;margin-bottom:10px;}
}

/* 게시판페이징 */
.boardPage{padding:10px 0;text-align:center;}
.boardPage a{display:inline-block;}
.boardPage a span{display:block;height:23px;line-height:23px;padding:0 7px;overflow:hidden;border:1px solid #ccc;font-size:15px;background:#fff;}
.boardPage b{display:inline-block;}
.boardPage b span{display:block;height:25px;line-height:25px;padding:0 7px;overflow:hidden;border:none;font-size:15px;color:#fff;background:#fff;}
.boardPage .btnPaging{display:block;width:23px;padding:0;text-indent:-9999px;overflow:hidden;}

/* 게시판검색 */
.boardSearch{padding:10px 0;text-align:right;}

/* 기사 좋아요 */
.likeContentWrap{text-align:center;padding:20px 0;}
.likeContent{display:inline-block;padding:0 10px;height:30px;border:1px solid #ccc;border-radius:5px;box-shadow:1px 1px 2px #ccc;text-decoration:none !Important;
	background-image:-webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);/* chrome, safari */
	background-image:-moz-linear-gradient(top, #fff 0%, #f0f0f0 100%);/* ff */
	background-image:-ms-linear-gradient(top, #fff 0%, #f0f0f0 100%);/* ie10 */
	background-image:-o-linear-gradient(top, #fff 0%, #f0f0f0 100%);/*opera */
	background-image:linear-gradient(top, #fff 0%, #f0f0f0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f0f0f0);/* ie9 이하 버전 */
}
.likeContent span{display:block;padding-left:25px;line-height:30px;font-size:13px;color:#666;font-weight:bold;text-decoration:none !Important;background:url(../img/icon_hand_like.png) 0 4px no-repeat;}

.nolikeContent{display:inline-block;padding:0 10px;height:30px;border:1px solid #ccc;border-radius:5px;box-shadow:1px 1px 2px #ccc;text-decoration:none !Important;
	background-image:-webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);/* chrome, safari */
	background-image:-moz-linear-gradient(top, #fff 0%, #f0f0f0 100%);/* ff */
	background-image:-ms-linear-gradient(top, #fff 0%, #f0f0f0 100%);/* ie10 */
	background-image:-o-linear-gradient(top, #fff 0%, #f0f0f0 100%);/*opera */
	background-image:linear-gradient(top, #fff 0%, #f0f0f0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f0f0f0);/* ie9 이하 버전 */
}
.nolikeContent span{display:block;padding-left:25px;line-height:30px;font-size:13px;color:#666;font-weight:bold;text-decoration:none !Important;background:url(../img/icon_hand_nolike.png) 0 6px no-repeat;}

/**************************************************************************************** 서브우측영역 ****************************************************************************************/
/* 기본 */
.besideContent{min-height:500px;}
.besideContent>div{padding-top:30px;}

/**************************************************************************************** 게시판리스트 ****************************************************************************************/
@media all and (max-width:639px){
    .boardListWrap{margin:0 auto;}
    .boardList .mobileNone{display:none;}
}
@media all and (min-width:640px) and (max-width:1023px){
    .boardList .mobileNone{display:none;}
}
.boardList{width:100%;}
.boardList thead th{height:30px;padding:10px 0;border-bottom:1px solid #ccc;background:#d4d0cb;}
.boardList thead td{height:30px;padding:10px 0;border-bottom:1px solid #ccc;}
.boardList tbody th{height:30px;padding:10px 0;border-bottom:1px solid #cbc8c4;text-align:center;}
.boardList tbody td{height:30px;padding:10px 0;border-bottom:1px solid #cbc8c4;text-align:center;}

.boardList .subject{text-align:left;}
.boardList .subject a{float:left;max-width:80%;height:20px;line-height:20px;overflow:hidden;}
.boardList .subject img{float:left;margin:5px 0 0 10px;}
/* .boardList .subject a{display:block;width:500px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} */

/**************************************************************************************** 게시판뷰 ****************************************************************************************/
/*
@media all and (max-width:639px){
    .boardView{width:calc(100% - 20px);margin:0 auto;}
}
.boardView .subject{padding:10px;color:#333;background:#f8f8f8;*zoom:1;}
.boardView .subject:after{content:"";display:block;clear:both;}
.boardView .subject .left{float:left;}
.boardView .subject .right{float:right;padding-top:5px;}

.boardView .info{padding:5px;border-top:1px solid #ccc;overflow:hidden;background:#fff;*zoom:1;}
.boardView .info:after{content:"";display:block;clear:both;}
.boardView .info .left{float:left;}
.boardView .info .right{float:right;}

.boardView .content{padding:20px;border-top:1px solid #ccc;overflow:hidden;}
*/

.boardView{width:100%;}
.boardView table{width:100%;}
.boardView tbody th{padding:10px 10px 10px 35px;border-bottom:1px solid #cbc8c4;background:#d4d0cb;text-align:left;}
.boardView tbody td{padding:10px 10px 10px 10px;border-bottom:1px solid #cbc8c4;background:none;}
.boardView tbody td.cWrap{padding:20px 10px;}

@media all and (max-width:639px){
    .boardView tbody th{padding:5px 10px;}
    .boardView tbody td{padding:5px 10px;}
    .boardView tbody td.cWrap{padding:20px 0;}
    .boardView tbody td .img_board{display:block !Important;width:100% !Important;height:auto !Important;}
}

/**************************************************************************************** 게시판쓰기 ****************************************************************************************/
.boardWrite{width:100%;}
.boardWrite table{width:100%;}
.boardWrite tbody th{padding:8px 30px;color:#535258;text-align:left;border-bottom:1px solid #cbc8c4;background:#d4d0cb;}
.boardWrite tbody td{padding:8px 0 8px 20px;border-bottom:1px solid #ddd;text-align:left;}

.boardWrite .cleanTable th{padding:0;border:none;}
.boardWrite .cleanTable td{padding:0;border:none;}

.boardWrite input[type="text"],
.boardWrite input[type="password"]{width:50%;height:28px;border:none;}
.boardWrite textarea{line-height:28px;border:none;width:100%;resize:none;}
.boardWrite select{height:28px;border:none;}