/* --------------------------------------------
 * board
/* ------------------------------------------ */
.listTable2 {
	margin-top:20px;
	border-top:1px solid #333;
	width:100%;
	background:#fff;
}
.listTable2 tr th, .listTable2 tr td{
    padding:10px 0;
    color:#333;
    border-bottom: 1px solid #eee;
	font-weight:400;
	vertical-align:middle;
	text-align:right;
}
.listTable2 tr th{font-weight:500;color: #fff;background: #747a88;}
.listTable2 tr td.tl{text-align:left; font-weight:500;}
.listTable2 tr td.tl a {display:block; line-height:23px; font-size:15px; font-weight:600;    white-space: nowrap;   overflow: hidden; text-overflow: ellipsis;}
.listTable2 tr td.tl.longtit a { white-space: normal; }
.listTable2 tr td.tl .summary {
    font-size: 13px;
    margin-top: 5px;
    color: #999;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 20px;
}
.listTable2 tr td.tl a span.txtico{width:13px; height:13px; display:inline-block;background: url(img/boardico02.png)no-repeat; vertical-align:middle; margin-right:7px; background-size:13px;}
.listTable2 tr th:last-child{border-right:none;}

.listTable2 tbody tr:hover a {color:#3498db;}
.listTable2 th:first-child,
.listTable2 td:first-child{
    padding-left:15px;
}
.listTable2 th:last-child,
.listTable2 td:last-child{
    padding-right:10px;
}
.listTable2 tr td.comment em{
	display: block;
    font-size: 14px;
    color: #2594cb;
	font-weight:bold;
}
.listTable2 tr td.comment span{
	display: inline-block;
    background: #f2f4f6;
    padding: 7px;
    line-height: 16px;
    font-size: 11px;
    border-radius: 3px;
    color: #999;
    text-align: center;
}
.listTable2 tr td.consultBtn span{
	display: inline-block;
    background: #f2f4f6;
    padding: 7px;
    line-height: 16px;
    font-size: 11px;
    border-radius: 3px;
    color: #999;
    text-align: center;
}
.listTable2 tr td.consultBtn.end span {background:#333; color:#fff;}
.listTable2 tr td p.dataWrap{
    display: block;
    margin-top: 7px;
    line-height: 17px;
}
.listTable2 tr td p.dataWrap span {font-size:12px; color:#999; margin-right:10px; position:relative;}
.listTable2 tr td p.dataWrap span:after{
    position: absolute;
    top: 2px;
    right: -8px;
    width: 1px;
    height: 10px;
    background: #ccc;
    content: '';
}
.listTable2 tr td p.dataWrap span:last-child:after{display:none;}



.listTable3{
	border-top:1px solid #333;
	width:100%;
	background:#fff;
}
.listTable3 tr th, .listTable3 tr td{
    padding:10px 0;
    color:#333;
    border-bottom: 1px solid #eee;
	font-weight:400;
	vertical-align:middle;
	text-align:right;
}
.listTable3 tr th{font-weight:500;color: #fff;background: #747a88;}
.listTable3 tr td.tl{text-align:left; font-weight:500;}
.listTable3 tr td.tl a {display:block; line-height:23px; font-size:15px; font-weight:600;    white-space: nowrap;   overflow: hidden; text-overflow: ellipsis;}
.listTable3 tr td.tl h4.summary{
    font-size: 13px;
    margin-top: 5px;
    color: #999;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 20px;
}
.listTable3 tr td.tl a span.txtico{width:13px; height:13px; display:inline-block;background: url(img/boardico02.png)no-repeat; vertical-align:middle; margin-right:7px; background-size:13px;}
.listTable3 tr th:last-child{border-right:none;}

.listTable3 tbody tr:hover a {color:#3498db;}
.listTable3 th:first-child,
.listTable3 td:first-child{
    padding-left:15px;
}
.listTable3 th:last-child,
.listTable3 td:last-child{
    padding-right:10px;
}
.listTable3 tr td.comment em{
	display: block;
    font-size: 14px;
    color: #2594cb;
	font-weight:bold;
}
.listTable3 tr td.comment span{
display: inline-block;
    background: #f2f4f6;
    padding: 7px;
    line-height: 16px;
    font-size: 11px;
    border-radius: 3px;
    color: #999;
    text-align: center;
}
.listTable3 tr td p.dataWrap{
    display: block;
    margin-top: 7px;
    line-height: 17px;
}
.listTable3 tr td p.dataWrap span {font-size:12px; color:#999; margin-right:10px; position:relative;}
.listTable3 tr td p.dataWrap span:after{
    position: absolute;
    top: 2px;
    right: -8px;
    width: 1px;
    height: 10px;
    background: #ccc;
    content: '';
}
.listTable3 tr td p.dataWrap span:last-child:after{display:none;}






/* --------------------------------------------
 * siteNotice
/* ------------------------------------------ */
.boardContents.siteNotice table { margin:0; border:0; background-color:transparent; }
.boardContents.siteNotice tr td { display:block; border:0; margin-bottom:10px; border-radius:5px; background:#fff; border:1px solid #eee;}
.boardContents.siteNotice tr td h4 { color:#2895ff; }
.boardContents.siteNotice tr td .summary { color:#000; }
.boardContents.siteNotice tr td .dataWrap { text-align:right; }





/* --------------------------------------------
 * boardWrite
/* ------------------------------------------ */
.boardWrite { }
.boardWrite tr{}
.boardWrite tr td, .boardWrite tr th{padding:5px 0;}
.boardWrite tr td{ padding-left:10px;}
.boardWrite tr th{font-size:13px; font-weight:500;line-height:1.2; padding-top:10px; vertical-align: top;}
.boardWrite tr td input{
	width: 100%;
    height: 35px;
    background: #fff;
    padding-left: 10px;
    border: 1px solid #e4e4e4;
}
.boardWrite tr td textarea {width:100%; height:145px;border: 1px solid #e4e4e4; padding:10px;}
.boardWrite tr td textarea.ht130 {height:130px;}



.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 button {
	position: relative;
	display: inline-block;
	font-weight: 700;
	color: #666;
	padding: 5px 7px;
	font-size:13px;
	line-height:13px;
	background-color:transparent;
 }
 .pagination button.active {
	background: #47516e;
	color: #fff;
 }

.pagination>ul{/* width:250px; *//* margin:auto; */display: inline-block;}
.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 7px;
	font-size:13px;
}
.pagination>ul>li a i {font-size:15px}
.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 {}
.pagination a.pagePrev {}
.pagination a.pageNext {  }
.pagination a.pageLast {}


.inputWrap { width:50%; display:flex; }

.inputWrap select
,.inputWrap span
,.inputWrap label
,.inputWrap input
,.inputWrap button { margin-left:3px; height:36px; line-height:36px; color:#888; font-size:13px; border: 1px solid #dcdcdc; }

.inputWrap span { border:0; padding:0 5px; font-weight:bold; }
.inputWrap label { border:0; padding:0 5px; font-weight:bold; }
.inputWrap button { background-color:#333; padding: 0 5px; color: #fff; font-size: 13px; line-height: 36px; }


.searchWrap { width:50%; padding:10px 0; margin:0 auto; }

.searchWrap select
,.searchWrap input
,.searchWrap button { margin-left:3px; height: 36px;color: #888;font-size: 13px;border: 1px solid #dcdcdc;}

.searchWrap select { width:30%; min-width:100px; }
.searchWrap input { width:50%; }
.searchWrap button { width:20%; background: #2895ff; padding: 0; color: #fff; font-size: 13px; line-height: 36px; }

.select-input2{ display:inline-block; width:100%; margin-top:30px;}
.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[type="submit"] {
	background: #333;
    padding: 0 30px;
    display: block;
    color: #fff;
    font-size: 13px;
    line-height: 36px;
}
.select-design {
    display: inline-block;
    background: url(/_img/select_arrow.png) no-repeat 90% center #fff;
    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;
}

/*board btn*/
.boardBtnW{
    overflow: hidden;
    margin: 0px 0 0 0;
    text-align: center;
}
.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: 80px;
    color:#fff;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    position: relative;
    margin: 15px 1px;
	border-radius:5px;
}
.btnBoard.red{background: #dc2c35;}
.btnBoard.blue{background:#3498db;}
.btnBoard.pink{background:#fe496c}
.btnBoard.gray{background: #5b5f6a;}
.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;
}
.boardWrap h1.tit {
    text-align: center;
    font-size: 17px;
    margin: 15px 0 15px;
    font-weight: 500;
}
.boardWrap .boardView { }
.boardWrap .boardView .subj {
	float:left;
	padding:10px;
	width:100%;
	background:#f4f4f4;
}
.boardWrap .boardView .subj h2{float:left; 	font-weight:500;padding-left:10px;}
.boardWrap .boardView .subj .date{float:right; line-height:30px; padding-right:20px; }
.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;
}

.boardNext {
	overflow:hidden;
	margin:35px auto;
	border-top:2px solid #585858;
	border-bottom:1px solid #ddd;
}
.boardNext .prev, .boardNext .next {
	width:100%;
}
.boardNext .prev a, .boardNext .next a {
    display: block;
    width: 100%;
    height: 45px;
    line-height: 45px;
    padding: 0 10px;
    overflow: hidden;
    font-size: 13px;
}
.boardNext .prev .arr {
	margin-right:15px;
	padding-right:29px;
	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-right:29px;
	border-right: 1px solid #eee;
	color:#999;
}

/**viewBoard**/

.viewBoard { /* margin-top:20px; */ background:#fff; /* padding-bottom:40px; */ box-shadow:0px 3px 6px 0px rgba(0,13,57,0.1); border-radius:7px}
.viewBoard .vbTitW {
    padding: 20px 20px 0;
    display: inline-block;
    width: 100%;}
.viewBoard .vbTitW .vbTit  {display:block;font-size:18px; margin-bottom:10px; }
.viewBoard .vbTitW .vbTit strong{font-weight:600;}
.viewBoard .vbTitW .vbDate, .viewBoard .vbTitW .vbNick {
    display: inline-block;
    color: #777;
    font-size: 13px;
    font-weight: 300;
	margin-right:20px;
	position:relative;
	line-height:20px;
}
.viewBoard .vbTitW .vbNick:after{
width: 1px;
    height: 10px;
    background: #ccc;
    position: absolute;
    content: '';
    right: -11px;
    top: 5px;
}
.viewBoard .vbTitW .vbRightBox{
    float: left;
    line-height: 30px;
    margin-top: 15px;
}
.viewBoard .vbContW {
    text-align: left;
    padding: 30px 0px;
    display: inline-block;
    width: 100%;
    padding: 20px 20px 20px;
}
.viewBoard .vbContW p {line-height:24px; font-size:14px;}
.viewBoard .vbContW img {margin-bottom:30px; max-width:100%;}
.viewBoard .boardBtnW {display:inline-block; width:100%; text-align:center;white-space: nowrap;}
.viewBoard .boardBtnW a {padding:7px 15px; color:#fff; font-size: 13px; line-height:21px; font-weight:500;}
.nearNaviW {
    width: 100%;
    display: inline-block;
    margin: 15px 0 0px;
}
.nearNaviW dl {float:left; width:100%; border-bottom:1px solid #e4e4e4;padding:10px; line-height:25px; }
.nearNaviW dl:last-child{border-bottom:none;}
.nearNaviW dl:hover{background:#138962;}
.nearNaviW dl dd{float:right; width:80%; color:#333; }
.nearNaviW dl dt{float:left; width:20%;color:#777; font-size:12px; text-align:keft; position:relative;}
.nearNaviW dl dt:after{
    position: absolute;
    content: '';
    background: #ccc;
    width: 1px;
    height: 15px;
    top: 5px;
    right: 12px;
}
.nearNaviW dl dt span{display:none;}
.nearNaviW dl dd .nNDate{float:right; color:#aaa; font-size:12px;}
.nearNaviW dl dd .nNTit {
	float: left;
    font-weight: 500;
    font-size: 13px;
    text-indent: 6px;
}
.nearNaviW dl dd a{display:block;width:100%;}
.nearNaviW dl dd a:hover{color:#ce222d;}
.boardContent .btnWrap {margin:20px 0 0;}
.btnWrap{display:block;text-align:center; }
.btnWrap .btnStyle {
    text-align: center;
    display: inline-block;
    padding: 10px 40px;
    background: #c51b23;
    color: #fff;
    border: 1px solid red;
    border-radius: 30px;
    /* font-weight: 600; */
    font-size: 15px;
}
.myinfoWrap .btnWrap {margin-top:30px;}

.board_comment {
	width: 100%;
	display:inline-block;
	position: relative;
/* 	background:#fff; */
}
.board_comment .cmt_write_area {
	padding: 20px;
/* 	border-bottom: 1px solid #e4e4e4; */
}
.board_comment .cmt_write_area .tit {
    font-size: 14px;
    font-weight: 500;
    color: #333;line-height: 1;
    margin-bottom: 10px;
}
.board_comment .cmt_write_area .tit span {
	color:#3498db;
}
.board_comment .cmt_write_area .cmt_write {
	overflow: hidden;
}
.board_comment .cmt_write_area .cmt_write textarea {
    width: 75%;
    height: 90px;
    float: left;
    display: block;
    font-size: 13px;
    color: #333;
    line-height: 19px;
    padding: 10px 10px;
    background: transparent;
    border: 1px solid #e4e4e4;
    resize: none;
}
.board_comment .cmt_write_area .cmt_write textarea:focus {
	border-color: #337fb2;
}
.board_comment .cmt_write_area .cmt_write button {
	width: 25%;
	height: 90px;
	float: right;
	background: #d8d8d8;
	color: #fff;
	font-size: 14px;
}
.board_comment .cmt_list {
	padding: 0 20px;
}
.board_comment .cmt_list li {
	position: relative;
	padding: 15px 0 15px 0px;
	border-bottom: 1px solid #e4e4e4
}
.board_comment .cmt_list li .delete {
	display: inline-block;
	position: absolute;
	right: 0; top: 13px;
}
.board_comment .cmt_list li .delete i {
	font-size:16px;
}
.board_comment .cmt_list li .cmt_txt {

}
.board_comment .cmt_list li .cmt_txt .cmt_info {

}
.board_comment .cmt_list li .cmt_txt .cmt_info span {
	font-size: 14px;
	line-height: 20px;
	display: inline-block;
	letter-spacing: 0;
}
.board_comment .cmt_list li .cmt_txt .cmt_info .nick {
	color: #3498db;
}
.board_comment .cmt_list li .cmt_txt .cmt_info .data {
	color: #999;
	margin-left: 6px;
}
.board_comment .cmt_list li .cmt_txt p {
	font-size: 13px;
	line-height: 24px;
	margin-top: 2px;
	max-width: 90%;
	word-break: keep-all;
}
.board_comment .pagination {
	margin: 30px 0 0;
}
.boardContent .freeBoardBox .btnWrap{margin-top:30px;}


@media only screen and (max-width: 700px){
	.searchWrap { width:100%; }
}


/*가이드*/
	.siteGuide .listTable2 td {padding:0 !important;}
	.siteGuide .tit {position:relative; padding:13px }
	.siteGuide .tit.on {background:#f3f3f3;}
	.siteGuide .tit .btn {position:absolute; top:13px; right:13px; content:url('../_img/siteGuide_plus.png'); }
	.siteGuide .tit .btn::after {transform:rotate(45deg);  transition: transform .25s linear;}
	.siteGuide .tit.on .btn {position:absolute; top:13px; right:13px; content:url('../_img/siteGuide_minus.png');}
	.siteGuide .dateView {display: none;   overflow: hidden; text-align:center; padding:13px; border: 13px solid #f3f3f3; box-sizing:border-box;}
	.siteGuide .dateView img { max-width:100% !important;}
	.siteGuide .dataWrap {display:none !important;}