/*board*/
/*
.listTable li{height:50px;width:100%; margin:20px 0; background:#f3f3f3; height:60px; line-height:35px; border-radius:2px;	box-shadow: 0px 1px 5px rgba(28,35,69,0.14);
	background-color: rgba(255,255,255,0.1);
	transition: box-shadow 0.1s ease, background-color 0.1s ease;
	-webkit-transition: box-shadow 0.1s ease, background-color 0.1s ease;
	border-top:1px solid #161616;}
.listTable li div{float:left; font-size:16px;}
.listTable li div:nth-child(1){width:15%;}
.listTable li div:nth-child(2){width:65%;}
.listTable li div:nth-child(3){width:20%;}
.listTable li.table_tit{font-weight:bold; background:#2d9af6;background-image: linear-gradient(-135deg,#2A9FFD 0%,#3589dc 100%);
    background-image: -webkit-linear-gradient(-135deg,#2A9FFD 0%,#3589dc 100%);border-top:none; color:#fff;}
	.listTable{
    font-size: 14px;
}



.listTable tr td {
	text-align: center;
	border:0;
	background:rgb(0,0,0,0.6);
	padding:10px 0; 
	font-size:15px;
	color:#FFF;
}
.listTable tr td:nth-of-type(2) {text-align:left; text-indent:5px;}
.listTable tr td:nth-of-type(4) { color:#888;} 
.listTable tr td.view_td{
	text-align:left !important;
	padding:0 10px;
	line-height:26px;
}
.listTable tr td.view_td span h5 {display:inline-block;}
.listTable tr td .view_contents {
	min-height:200px;
	display:block;
	margin:30px 0;
}
.listTable tr td .view_contents img { max-width:100%; }
.listTable tr td .nick{font-weight:500;}
.listTable tr td .answer_btn{
	background:linear-gradient(to top,#594b3e,#7f7166);
	padding:5px 7px;
	font-weight:500;
	color:#fff;
	border-radius:3px;
}

.listTable2 tr td .subj{
	text-indent: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	font-weight:500;
}
.listTable tr td .date{
	color:#888;
	font-size:14px;
	font-family:'Open Sans','Noto Sans KR','NanumBarunGothic', 'Malgun Gothic', 'dotum', sans-serif; 
}

.listTable2 td.subj, .listTable2 li{
    text-align: left;
    padding: 15px 30px;
}
.listTable2 td.noCont{
    height: 150px;
    line-height: 150px;
}


*/



.subj_input {width:100%; height:30px; background:#f3f3f5; padding-left:10px; border:1px solid #e4e4e4;}
.boardWrite textarea {border:1px solid #e4e4e4;}
#inputText {width:100%; height:250px; padding:20px;}

.addfile{padding:5px 13px; font-size:14px; border-radius:3px; font-weight:500; background:linear-gradient(to top,#594b3e,#7f7166); color:#fff;}


/*
.listTable th:first-child,
.listTable td:first-child{
    padding-left:3px;
}
.listTable th:last-child,
.listTable td:last-child{
    padding-right:30px;
}

*/


/*board btn*/
.boardBtnW{
    overflow: hidden;
    margin: 20px 0;
    text-align: right;
	float:right;
}
.boardBtnW .align.left{
    float: left;
}
.boardBtnW .align.right{
    float: right;
    text-align: center;
}

.btnBoard{
    display: inline-block;
    line-height:40px;
    padding:0 15px;
    min-width: 140px;
    color:#fff;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    position: relative;
    margin: 0 1px;
	border-radius:5px;
}
.btnBoard.red{background: #dc2c35;}
.btnBoard.blue{background:#3498db;}
.btnBoard.pink{background:#fe496c}
.btnBoard.gray{background: #5b5f69;}
.btnBoard.mint{background: background: #3589dc;
    background-image: linear-gradient(-135deg,#2A9FFD 0%,#3589dc 100%);
    background-image: -webkit-linear-gradient(-135deg,#2A9FFD 0%,#3589dc 100%);
;}

.btnBoard::after{
    content:"";
    display: block;
    width:0;height:0;
    position: absolute;
    top:0;right:0;
    border-top: 0 solid #fff;
    border-left: 0 solid transparent;
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.5;
    -webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}
.btnBoard:hover::after{
    content:"";
    display: block;
    width:0;height:0;
    position: absolute;
    top:0;right:0;
    border-top: 15px solid #fff;
    border-left: 15px solid transparent;
    zoom: 1;
    filter: alpha(opacity=30);
    opacity: 0.3;
}


.boardWrap{
    margin: 0 auto;
    width: 100%;
}
.boardWrap .boardView { border-top:2px solid #555;}
.boardWrap .boardView .subj {
	float:left;
	padding:15px;
	width:100%;
	background:#fff;
	border-bottom:1px solid #e4e4e4;
}
.boardWrap .boardView .subj h2{float:left; 	font-weight:500;padding-left:10px; font-size:18px}
.boardWrap .boardView .subj .date{float:right; line-height:30px; padding-right:10px; }
.boardWrap .boardView .vContent {
	padding:50px 30px;
	border-bottom:1px solid #ddd;
	display:inline-block;
	width:100%;
}
.boardWrap .boardView .vContent p{
	font-size:16px;
	line-height:27px;
}
.boardWrap .boardView .vComment, .boardWrap .boardView .commentForm{display:inline-block;width:100%;}
.boardWrap .boardView .vComment .commentList{width:100%;}
.boardWrap .boardView .vComment .commentList td{ text-align:center; padding:15px 0; border-bottom:1px solid #e4e4e4;}
.boardWrap .boardView .vComment .commentList td:nth-of-type(1){width:20%; background:#f3f3f5; font-weight:500;}
.boardWrap .boardView .vComment .commentList td:nth-of-type(2){width:65%; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4; text-align:left; padding:0 15px;}
.boardWrap .boardView .vComment .commentList td:nth-of-type(3){width:15%;}
.boardWrap .boardView .commentForm {}
.boardWrap .boardView .commentForm li{float:left; }
.boardWrap .boardView .commentForm li:nth-of-type(1){width:80%;}
.boardWrap .boardView .commentForm li:nth-of-type(2){width:20%;}
.commentForm #inputText2 {width:100%; height:80px; padding:15px; border:1px solid #e4e4e4;}
.boardWrap .boardView .commentForm li button{width:100%; height:80px; background:#f8e51c; font-size:15px; font-weight:600;}

.boardNext {
	overflow:hidden;
	border-top:1px solid #555;
	border-bottom:1px solid #e4e4e4;
	display:inline-block;width:100%;
}
.boardNext .prev, .boardNext .next {
	width:100%;
}
.boardNext .prev a, .boardNext .next a {
    display: block;
    width: 100%;
    height: 45px;
    line-height: 45px;
    overflow: hidden;
}
.boardNext .prev .arr {
	margin-right:15px;
	padding:0 30px;
	float:left;
	border-right: 1px solid #eee;
	color:#999;
}
.boardNext .next {
	border-top:1px solid #ddd;

}
.boardNext .next .arr{
	float:left;
	margin-right:15px;
	padding:0 30px;
	border-right: 1px solid #eee;
	color:#999;
}
.nickname {font-weight:500;font-weight: 500;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.nickname .rate_class {display:inline-block; width:20px; height:20px; background:red; border-radius:20px; margin:1px 5px 0 0; }


.comment_box {}
.comment_box dl{background:#fff; display:inline-block; width:100%; padding:10px 0; font-size:14px; color:#333; font-weight:500; border-top:1px solid #ccc; margin-top:15px; border-bottom:1px solid #ccc;}
.comment_box dl dt{float:left; width:25%; text-align:center; line-height:75px;}
.comment_box dl dd{ float:right; width:75%; }
.comment_box ul {}
.comment_box ul li { float:left; width:100%; background:#f4f4f4; color:#333; padding:15px 0; font-size:15px; border-bottom:1px solid #ccc; }
.comment_area {width:80%; float:left; height:80px; }
.comment_area #inputText2 {border:1px solid #ccc; width:100%; height:80px; }
.comment_box dl dd .comment_button{ background:#04af76; line-height:80px; height:80px; text-align:center; width:18%; margin:0 1%; color:#fff; font-size:16px;}
.comment_box ul li > div {float:left;}
.comment_box ul li .nick_name {width:15%; text-align:center; font-weight:600;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.comment_box ul li .comment_con {width:70%; border:1px solid #ccc; padding-left:15px; border-top:none; border-bottom:none;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.comment_box ul li .date {width:15%; text-align:center; color:#777;}
.comment_box ul li:nth-child(2n) {background:#fff;}
.comment_box {

}

.listTable2{
 
	width:100%;
}
.listTable2 tr th, .listTable2 tr td{
    padding:15px 0;
    color:#333;
    border-bottom: 1px solid #eee;
	font-weight:400;
	vertical-align:middle;
	text-align:center;
}
.listTable2 tr th{font-weight:500;color: #fff;background: #747a88;}
.listTable2 tr td.tl{padding-left:5px; text-align:left; font-weight:500;}
.listTable2 tr td.tl a span.txtico{width:15px; height:15px; display:inline-block;background: url(gudanju/img/boardico02.png)no-repeat; vertical-align:middle; margin-right:10px;}
.listTable2 tr th:last-child{border-right:none;}

.listTable2 tbody tr:hover{background:#f3f3f5; }
.listTable2 tbody tr:hover a {color:#3498db;}
/*
.boardWrite {border-top:2px solid #333;}
.boardWrite tr{}
.boardWrite tr td, .boardWrite tr th{padding:15px 0; border-bottom:1px solid #e4e4e4;}
.boardWrite tr td{ padding-left:20px;}
.boardWrite tr th{background:#f3f3f5;}

.pagination{position:relative;margin-top:20px;text-align:center}
.pagination p.page_arr{position:absolute;top:-1px}
.pagination p.page_arr.prev{left:0}
.pagination p.page_arr.next{right:0}
.pagination>ul>li{float:left; margin-left:5px;}
.pagination>ul>li:nth-of-type(1){margin-left:0;}
.pagination>ul>li a{position:relative;display:inline-block;font-weight:700;color:#666;padding:5px 10px;border:1px solid #eee; background:#f3f3f5}
.pagination>ul>li.on a{cursor:default}
.pagination>ul>li.on a{background:#3498db; color:#fff;}
.pagination .btn {
    transition: all 0.4s 0.6s;
    font-size: 16px;
    text-align: center;
    display: inline-block;
    box-sizing: border-box;
    border: 2px solid;
    padding: 10px 50px;
    border-radius: 30px;
    font-weight: 500;
	color:#3498db;
	box-shadow:0 4px 8px 0 rgba(0,0,0,0.1);
	margin-top:-5px;
}
*/
.pagination a.arrow{height:29px;}
.pagination a.pageFirst { background: url(gudanju/img/page_last.png) no-repeat center; transform: rotate(-180deg); }
.pagination a.pageReturn { background: url(gudanju/img/page_next.png) no-repeat center; transform: rotate(-180deg);}
.pagination a.pageNext { background: url(gudanju/img/page_next.png) no-repeat center; }
.pagination a.pageLast { background: url(gudanju/img/page_last.png) no-repeat center; }

.select-input2{padding:20px 10px;background:#f3f3f5; display:inline-block; width:100%; border:1px solid #e4e4e4;}
.select-input2 .select-input-search{display:table;margin:0 auto;}
.select-input-search{width: 100%;max-width: 585px;}
.select-input-search > ul{margin-left: -4px;}
.select-input-search > ul > li{position: relative;float: left;margin-left: 4px;box-sizing: border-box;}
.select-input-search > ul > li.li-but{padding-right: 90px;}
.select-input-search > ul > li.select{width: calc(28% - 4px);}
.select-input-search > ul > li.input{width: calc(72% - 4px);}
.select-input-search > ul > li > button{position: absolute;top: 0;right: 0;}
.select-input-search > ul > li > select,
.select-input-search > ul > li > input{width: 100%;height: 36px;color: #888;font-size: 13px;border: 1px solid #dcdcdc;}
.select-input-search > ul > li > input{padding-left: 8px; background:#fff;}
.select-input-search.only{max-width: 340px;}
.select-input-search.only.wid150{max-width: 150px;}
.select-input-search.only > ul > li{width: calc(100% - 4px) !important;}
.select-input-search > ul > li > button span{
	background: #dc2c35;
    padding: 0 30px;
    display: b;
    display: block;
    color: #fff;
    font-size: 14px;
    line-height: 36px;
}
.select-design {
    display: inline-block;
    background: url(gudanju/img/select_arrow3.jpg) no-repeat right center #fff;
    background-size: 32px 33px;
    cursor: pointer;
    height: 38px;
    padding: 0 0px 0 10px;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    color: #333;
    font-size: 15px;
    float: right;
    filter: alpha(opacity=0);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.select-design::-ms-expand {
    display: none;
    display: hidden;
}
.clear:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}