@charset "utf-8";

/* 게시판 리스트*/
.boardListWrap{ width:1200px; margin:auto; margin-top:30px; position:relative;font-family:NG,NanumGothic,나눔고딕; }
.boardListWrap .boardListTop{zoom:1;height:37px}
.boardListWrap .boardListTop:after{content:"";display:block;clear:both }
.boardListWrap .boardCategory dl{position:absolute;left:0;margin:0}
.boardListWrap .boardCategory dt{display:none}
.boardListWrap .boardCategory dd{float:left;margin:0 0 0 2px}
.boardListWrap .boardCategory dd select{height:26px;border:1px solid #d7d7d7}
.boardListWrap .boardCategory dd a{float:right}

.boardListWrap .category{float:left;position:relative;bottom:10px}
.boardListWrap .category ul:after{content:"";display:block;clear:both}
.boardListWrap .category ul li{float:left;}
.boardListWrap .category ul li a{display:block;padding:10px 18px;margin:0 10px 0 0;border:1px solid #ccc;color:#666;font-weight:600;font-size:14px}
.boardListWrap .category ul li.active a{background:#e3d9c3;color:#403b38}

.boardListWrap .boardSearch{zoom:1;height:37px}
.boardListWrap .boardSearch:after{content:"";display:block;clear:both }
.boardListWrap .boardSearch dl{position:absolute;right:0;margin:0}
.boardListWrap .boardSearch dt{display:none}
.boardListWrap .boardSearch dd{float:left;margin:0 0 0 2px}
.boardListWrap .boardSearch dd input{height:24px;background:#f7f7f7;border:1px solid #d7d7d7;display:inline-block;vertical-align:top}
.boardListWrap .boardSearch dd select{height:26px;border:1px solid #d7d7d7;display:inline-block;vertical-align:top}
.boardListWrap .boardSearch dd a{display:inline-block;vertical-align:top}

.boardListWrap .listTable{border-top:2px solid #777;color:#555; margin-top:20px}
.boardListWrap .list_table{border-collapse:collapse;width:100%}
.boardListWrap .listTable caption{display:none}
.boardListWrap .listTable th{height:40px;text-align:center;font-size:13px;color:#333;background:#f7f7f7 url(../images/board_list_div.gif) no-repeat left 14px;border-bottom:1px solid #bbb}
.boardListWrap .listTable th:first-child{background:#f7f7f7}
.boardListWrap .listTable td{border-bottom:1px solid #e3e3e3;height:43px;font-size:13px;text-align:center}
.boardListWrap .listTable td.list_title{text-align:left;padding:0 0 0 20px}
.boardListWrap .listTable td a{text-decoration:none;color:#555}
.boardListWrap .listTable td a:hover{text-decoration:underline;}

.boardListWrap .pagingBox{margin:30px 0 0 0;text-align:center}
.boardListWrap .pagingBox span a{height:28px;display:inline-block;vertical-align: middle}
.boardListWrap .pageBtn .page_select a{width:28px;height:21px;border:1px solid #e0e0e0;display:inline-block;padding:7px 0 0 0;font-size:13px;font-family:dotum;text-decoration:none;color:#555}
.boardListWrap .pageBtn .page_select a.on{width:30px;height:23px;background:#a4a5a6;color:#fff;border:none;font-weight:bold}
.boardListWrap .pageBtn .page_prev{margin:0 15px 0 0}
.boardListWrap .pageBtn .page_next{margin:0 0 0 15px}
.boardListWrap .totalPage{font-size:13px;margin:15px 0 0 0}
.boardListWrap .totalPage span{font-weight:bold;font-family:Tahoma}

.boardListWrap .boardBtn{position:relative}
.boardListWrap .boardBtn:after{content:"";display:block;clear:both}
.boardListWrap .btn_right{float:right;/*position:absolute;*/top:-59px;right:0}
.boardListWrap .boardBtn a{height:20px;background:#717171;color:#fff;text-decoration:none;font-size:12px;display:inline-block;padding:5px 12px 0 12px;}

.boardListWrap .category{float:left;position:relative;bottom:10px}
.boardListWrap .category ul:after{content:"";display:block;clear:both}
.boardListWrap .category ul li{float:left;}
.boardListWrap .category ul li a{display:block;padding:10px 18px;margin:0 10px 0 0;border:1px solid #ccc;color:#666;font-weight:600;font-size:14px}
.boardListWrap .category ul li.active a{background:#e3d9c3;color:#403b38}




/* 게시판 글쓰기*/
.boardWriteWrap {width:1200px; margin:auto; margin-top:150px}
.boardWriteWrap .writeTable{border-top:2px solid #777;color:#555;width:100%;font-family:NG,NanumGothic,나눔고딕;padding:0 0 30px 0; margin-top:-120px}
.boardWriteWrap .write_table{border-collapse:collapse;width:100%}
.boardWriteWrap .writeTable caption{display:none}
.boardWriteWrap .writeTable th{height:36px;text-align:center;font-size:13px;color:#555;border-bottom:1px solid #bebebe;background:#e9edf1}
.boardWriteWrap .writeTable td{border-bottom:1px solid #bebebe;height:36px;font-size:13px;padding:0 0 0 20px}
.boardWriteWrap .writeTable td input{border:1px solid #c0c0c0;height:18px}
.boardWriteWrap .writeTable td span{color:#fc0000;font-size:12px;padding:2px 0 0 0;display:inline-block}
.boardWriteWrap .writeTable .addfile input{height:21px;border:none;margin:2px 0 0 0}
.boardWriteWrap .writeTable .checkBox{border:none;vertical-align:middle}

.boardWriteWrap .write_table tbody tr th{width:20%}
.boardWriteWrap .write_table tbody tr td{width:80%}

.boardWriteWrap .boardBtn{zoom:1;border-top:2px solid #777;padding:15px 0 15px 0}
.boardWriteWrap .boardBtn:after{content:"";display:block;clear:both}
.boardWriteWrap .btn_left{float:left}
.boardWriteWrap .btn_right{float:right}
.boardWriteWrap .boardBtn a{height:20px;background:#717171;color:#fff;text-decoration:none;font-size:12px;display:inline-block;padding:5px 12px 0 12px;}



/* 게시판 내용보기*/
.boardviewWrap{width:1200px; margin:auto; position:relative;font-family:NG,나눔고딕}
.boardviewWrap .boardSearch{zoom:1;height:37px;width:100%}
.boardviewWrap .boardSearch:after{content:"";display:block;clear:both }
.boardviewWrap .boardSearch dl{position:absolute;right:0;top:0;margin:0}
.boardviewWrap .boardSearch dt{display:none}
.boardviewWrap .boardSearch dd{float:left;margin:0 0 0 2px}
.boardviewWrap .boardSearch dd input{height:24px;background:#f7f7f7;border:1px solid #d7d7d7}
.boardviewWrap .boardSearch dd select{height:26px;border:1px solid #d7d7d7}
.boardviewWrap .boardSearch dd a{float:right}

.boardviewWrap .viewTable{border-top:2px solid #777;color:#555;}
.boardviewWrap .viewTable dl{border-bottom:1px solid #bebebe;width:100%;margin:0}
.boardviewWrap .viewTable dl:after{content:"";display:block;clear:both}
.boardviewWrap .viewTable dl.file{background:#e9edf1}
.boardviewWrap .viewTable dl.file dd{background:#fff;min-height:17px;width:85%;padding:10px 0;text-indent:20px}
.boardviewWrap .viewTable dl.file dt{border-bottom:none}
.boardviewWrap .viewTable dt{float:left;width:15%;padding:11px 0;background:#e9edf1;font-weight:900;text-align: center;font-size:13px;color:#555}


.boardviewWrap .viewTable dd{float:left;padding:10px 0 10px 0;font-size:14px;margin:0;text-indent:20px}
.boardviewWrap .viewTable dd.w120{width:30%}
.boardviewWrap .viewTable dd.w140{width:25%}
.boardviewWrap .viewTable .viewCon{width:100%; border-bottom:2px solid #777;padding:20px 15px 20px 15px}
.boardviewWrap .viewTable .viewCon p{width:70%; margin:auto; font-size:13px;line-height:19px}
.boardviewWrap .viewTable .viewCon p img{width:100%;}

.boardviewWrap .boardBtn{width:100%; zoom:1;border-bottom:1px solid #a2a2a2;padding:15px 0 15px 0}
.boardviewWrap .boardBtn:after{content:"";display:block;clear:both}
.boardviewWrap .btn_left{float:left}
.boardviewWrap .btn_right{float:right}
.boardviewWrap .boardBtn a{background:#717171;color:#fff;text-decoration:none;font-size:12px;display:inline-block;padding:5px 12px;}

.boardviewWrap .reply{margin:10px 0 0 0}
.boardviewWrap .reply ul{margin:0;list-style:none;padding:0}
.boardviewWrap .reply ul li{font-size:13px;padding:20px 25px 20px 25px;border-bottom:1px solid #cccccc;float:none}
.boardviewWrap .reply ul li .reply_writer{color:#2c83a4;font-weight:600}
.boardviewWrap .reply ul li .reply_date{color:#777;font-size:12px;margin:0 0 0 8px}
.boardviewWrap .reply ul li p{margin:10px 0 0 0;line-height:18px;color:#5a5a5a}

.boardviewWrap .replyWrite{zoom:1;background:#eff3f7;border-bottom:1px solid #d8d8d8;padding:15px 15px 13px 25px;position:relative}
.boardviewWrap .replyWrite:after{content:"";display:block;clear:both}
.boardviewWrap .replyWrite dl{zoom:1}
.boardviewWrap .replyWrite:after{content:"";display:block;clear:both}
.boardviewWrap .replyWrite dt{float:left;padding:3px 0 0 0}
.boardviewWrap .replyWrite dd{padding:0 0 4px 0}
.boardviewWrap .replyWrite input, textarea{border:1px solid #bdbdbd}
.boardviewWrap .replyWrite input{height:18px;margin:0 0 0 5px}
.boardviewWrap .replyWrite textarea{float:left;margin:0 0 0 5px;width:90%}
.boardviewWrap .info_write{float:left;font-size:13px;margin:0 25px 0 0;width:110px}
.boardviewWrap .info_write img{padding:0;vertical-align:middle}
.boardviewWrap .con_write{float:left;font-size:13px;margin:0}
.boardviewWrap .con_write dd{float:left}
.boardviewWrap .con_write .write_btn{position:absolute;top:40px;right:20px;cursor:pointer;padding:3px 5px;height:30px;width:45px;font-weight:600;color:#666}

.boardviewWrap .prev_next ul{width:100%;margin:20px 0 0 0;padding:0;border-top:1px solid #999999;border-bottom:1px solid #999999}
.boardviewWrap .prev_next li{padding:17px 0 17px 40px;font-weight:900;font-size:13px;color:#444;list-style:none}
.boardviewWrap .prev_next li.txt_prev{background:url(../images/bullet_prev.gif) no-repeat 20px 22px}
.boardviewWrap .prev_next li.txt_next{border-bottom:1px solid #bebebe;background:url(../images/bullet_next.gif) no-repeat 20px 22px}
.boardviewWrap .prev_next li:after{content:"";display:block;clear:both }
.boardviewWrap .prev_next a{float:left;font-size:13px;margin:0;text-decoration:none;color:#666;display:inline-block;font-weight:normal;}
.boardviewWrap .prev_next a strong{font-size:14px;background:url(../images/prev_next_div.gif) no-repeat right 4px;padding:0 20px 0 0;margin:0 20px 0 0}

/* 게시판 갤러리*/
.boardGalleryWrap{position:relative}
.boardGalleryWrap .boardListTop{zoom:1;height:37px}
.boardGalleryWrap .boardListTop:after{content:"";display:block;clear:both }
.boardGalleryWrap .boardCategory dl{position:absolute;left:0;margin:0}
.boardGalleryWrap .boardCategory dt{display:none}
.boardGalleryWrap .boardCategory dd{float:left;margin:0 0 0 2px}
.boardGalleryWrap .boardCategory dd select{height:26px;border:1px solid #d7d7d7}
.boardGalleryWrap .boardCategory dd a{float:right}

.boardGalleryWrap .boardSearch{display:none; zoom:1;height:37px}
.boardGalleryWrap .boardSearch:after{content:"";display:block;clear:both }
.boardGalleryWrap .boardSearch dl{position:absolute;right:0;margin:0}
.boardGalleryWrap .boardSearch dt{display:none}
.boardGalleryWrap .boardSearch dd{float:left;margin:0 0 0 2px}
.boardGalleryWrap .boardSearch dd input{height:24px;background:#f7f7f7;border:1px solid #d7d7d7}
.boardGalleryWrap .boardSearch dd select{height:26px;border:1px solid #d7d7d7}
.boardGalleryWrap .boardSearch dd a{float:right}

.boardGalleryWrap .galleryTable{/* border-top:2px solid #777;border-bottom:1px solid #d5d5d5; */color:#555;padding:30px 25px 10px 25px}
.boardGalleryWrap .gallery_table{border-collapse:collapse;width:100%;display: inline-block;}
.gallery_table li {float: left; /* width: 232px; margin-right: 30px; */    width: 22.09%; margin-right: 2.8%; margin-bottom: 30px; /* border: 1px solid lightgray; */}
.gallery_table li img {width: 100%;    height: 200px;}
.gallery_date {display: block; margin: 10px auto; text-align: center;}
.gallery_title {display: block; /* line-height: 24px; */ word-break: keep-all; font-size: 14px; text-align: center; /* border-bottom:1px solid lightgray; */ height:57px; margin: 5px 10px;}
/* .boardGalleryWrap .gallery_table tr td{	
	width:22%;
	}
.boardGalleryWrap .gallery_table tr td table .gallery_img a img{
	width:100%;
	}
.boardGalleryWrap .gallery_table caption{display:none}
.boardGalleryWrap .gallery_table td{float:left; margin:0 3.8% 30px 0}
.boardGalleryWrap .gallery_table td:last-child{margin:0 0 30px 0}
.boardGalleryWrap .gallery_table td td{float:none}
.boardGalleryWrap .galleryTable td{text-align:center}
.boardGalleryWrap .galleryImg_table td.gallery_img{height:160px}
.boardGalleryWrap .galleryImg_table td.gallery_title{text-align:center;font-size:15px;color:#555;padding:6px 0 0 0;width:190px}
.boardGalleryWrap .galleryImg_table td.gallery_date{text-align:center;font-size:12px;color:#777;padding:4px 0 0 0} */


.boardGalleryWrap .pagingBox{margin:30px 0 0 0;text-align:center}
.boardGalleryWrap .pagingBox span a{height:28px;display:inline-block;vertical-align: middle}
.boardGalleryWrap .pageBtn .page_select a{width:28px;height:21px;border:1px solid #e0e0e0;display:inline-block;padding:2px 0 0 0;font-size:13px;font-family:dotum;text-decoration:none;color:#555;padding-top: 3px;}
.boardGalleryWrap .pageBtn .page_select a.on{background:#a4a5a6;color:#fff;border:none;font-weight:bold}
.boardGalleryWrap .pageBtn .page_prev{margin:0 15px 0 0}
.boardGalleryWrap .pageBtn .page_next{margin:0 0 0 15px}
.boardGalleryWrap .totalPage{font-size:13px;margin:15px 0 0 0}
.boardGalleryWrap .totalPage span{font-weight:bold;font-family:Tahoma}

.boardGalleryWrap .boardBtn{position:relative}
.boardGalleryWrap .boardBtn:after{content:"";display:block;clear:both}
.boardGalleryWrap .btn_right{float:right;position:absolute;top:-59px;right:0}
.boardGalleryWrap .boardBtn a{height:26px;background:#717171;color:#fff;text-decoration:none;font-size:12px;display:inline-block;padding:5px 12px 0 12px;}

.boardGalleryWrap .category{float:left;position:relative;bottom:10px}
.boardGalleryWrap .category ul:after{content:"";display:block;clear:both}
.boardGalleryWrap .category ul li{float:left;}
.boardGalleryWrap .category ul li a{display:block;padding:10px 18px;margin:0 10px 0 0;border:1px solid #ccc;color:#666;font-weight:600;font-size:14px}
.boardGalleryWrap .category ul li.active a{background:#e3d9c3;color:#403b38}

.boardGalleryWrap .category{float:left;position:relative;bottom:10px}
.boardGalleryWrap .category ul:after{content:"";display:block;clear:both}
.boardGalleryWrap .category ul li{float:left;}
.boardGalleryWrap .category ul li a{display:block;padding:10px 18px;margin:0 10px 0 0;border:1px solid #ccc;color:#666;font-weight:600;font-size:14px}
.boardGalleryWrap .category ul li.active a{background:#e3d9c3;color:#403b38}


/* 게시판 사이즈 */
.boardListWrap, .boardviewWrap, .boardGalleryWrap{
	width:1200px;
	margin:0 auto;
	}
@media (min-width:10px) and (max-width:1199px)
{
    .boardGalleryWrap{width:95%; margin:auto}
}


@media  (max-width: 800px) {
    .boardListWrap, .boardviewWrap, .boardGalleryWrap{
	width:100%;
	margin:0 auto;
	}
.boardListWrap .list_table thead tr th:nth-child(n+3),
.boardListWrap .list_table tbody tr td:nth-child(n+3){
	display:none;
	}
.boardListWrap .list_table tr th, .boardListWrap .list_table tr td{
	font-size:13px !important;
	}
.boardListWrap .listTable tbody tr td:nth-child(1){
	width:14%;
	}
.boardGalleryWrap .gallery_table tr td{	
	width:46%;
	}
.boardGalleryWrap .galleryImg_table td.gallery_img{
	height:110px;
	}
.boardviewWrap .mobile-hidden{
	display:none;
	}
.boardviewWrap .viewTable{
	padding:0 2%;
	}
.boardviewWrap .viewTable .viewCon .content img{
	width:100% !important;
	height:auto;
	}

}


@media (max-width:910px) {
.gallery_table li {float: left; width: 46%;    margin-left: 2%; margin-right: 2%;margin-bottom: 20px;}
.gallery_title {text-align:left;margin:8px 0;}
}
@media (max-width:420px) {
.gallery_table li {float: left; width: 90%;    margin-left: 5%; margin-right: 5%;margin-bottom: 20px;}
.gallery_title {text-align:left;margin:8px 0;}
}

@media (min-width:10px) and (max-width:1199px)
{
.boardviewWrap {width:95%; margin:auto; }
.boardWriteWrap {width:95%; margin:auto; margin-top:150px}
.galleryTableA {width:95%; margin:auto}
}



@media (min-width:10px) and (max-width:600px)
{

.list_table thead tr th:nth-child(3){display:none}
.list_table thead tr th:nth-child(4){display:none}
.list_table thead tr th:nth-child(5){display:none}

.viewTable dl:nth-child(3){display:none}
.boardviewWrap .viewTable dt{width:25%; text-align:center;  font-size:14px; font-weight:300; color:#333}
.boardListTop{display:none}
.boardSearch{display:none}

.btn_right{padding-right:3%}
}





@media (min-width:400px) and (max-width:699px){
.boardWriteWrap .write_table tbody tr th{width:25%}
.boardWriteWrap .write_table tbody tr td{width:75%}
.boardListWrap{width:96%; margin:auto;  margin-top:80px; }
.boardListWrap .listTable{ margin-top:-100px}
}



@media (min-width:10px) and (max-width:399px)
{
.boardviewWrap .btn_right {float: left;}

.boardWriteWrap .write_table tbody tr th{width:30%}
.boardWriteWrap .write_table tbody tr td{width:70%}
.boardListWrap .listTable{ margin-top:-100px}
.boardListWrap{ width:95%; margin-top:130px; }
}