@charset "utf-8";

.board{margin-top:30px; position:relative;}

.board .required{
	color:red; 
	font-weight:bold;	}
/* 목록형 */

/*#####colgroup#####*/
.board_list .col_check{width:5%}
.board_list .col_num{width:7%}
.board_list .col_gubun{width:13%}
.board_list .col_file{width:7%}
.board_list .col_write{width:17%}
.board_list .col_count{width:10%}
.board_list .col_date{width:15%}
.board_list .col_sul_date{width:25%}
/*#####colgroup#####*/


input[type=text],
input[type=number],
input[type=email],
input[type=url],
input[type=tel],
textarea,
input[type=password]{-webkit-appearance:none;-moz-appearance:none;appearance:none;
position:relative;
display:inline-block;
width:100%;
height:35px;
text-align:left;
font-size:14px;
line-height:1;
color:#111;
padding:0 10px;
background-color:#fff;
border-radius:0;
border:1px solid #9a9a9a;
box-sizing:border-box;transition:background 0.5s, border 0.5s ease;z-index:0;outline:none; font-family: 'notokr', sans-serif, Arial !important;}
input:-webkit-autofill{-webkit-box-shadow: 0 0 0 40px #efefef inset;-webkit-text-fill-color: #333}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{transition:background-color 5000s ease-in-out 0s;}
select{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;
width:100%;height:35px;font-size:14px;color:#111;line-height:1;padding:5px 20px 5px 10px;border-radius:0;background-color:#fff;border:1px solid #ddd;background-image:url(../../images/util/select_arrow_gray.png);background-position:right 10px center;background-repeat:no-repeat;box-sizing:border-box;z-index:0;white-space:normal;word-wrap:normal;word-break:normal}
select:focus{outline:none;border:1px solid #333}
select::-ms-expand{display:none}
select{padding:5px 10px \0/IE9;}
textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;width:100%;height:160px;font-size:14px;line-height:20px;color:#333;padding:10px;background-color:#fff;border:1px solid #ddd;border-radius:0;box-sizing:border-box;resize:none;transition:background 0.5s, border 0.5s ease}
textarea.gray{background:#f6f6f6}



.board .board_list{
	font-size:15px;
	width:100%; 
	margin-top:10px;
	table-layout: fixed;	
}
.board .board_list thead th{
	border-top:3px solid #61646c;
	border-bottom:1px solid #e4e4e4; 
	text-align:center;
	font-weight:400;
	height:50px;	
}
.board .board_list thead tr{background:#f8f8f8;}
.board .board_list tbody{border-bottom:2px solid #e4e4e4}
.board .board_list tbody td{
	padding:15px 3px;
	border-bottom:1px solid #e4e4e4;	
	text-align:center; 	
}
.board .board_list tbody td.tal {padding-left:10px;}
.board .board_list tbody td.title a{
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	text-align:left;
	width:98%;
	display:block;
}
.board .board_list tbody td.answer{
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	text-align:left;
	width:98%;
	display:block;
}
.Classification{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.board .board_list tbody th{
	padding:10px 0;	
	border-bottom:1px solid #e4e4e4;
	text-align:center; 	
}
.board .board_list tbody img{vertical-align:middle ! important;}
.board .board_list tbody td.subject{text-align:left; width:50%;}
.board .board_list tbody td.subject a{display: inline-block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.board_info{font-size:15px;}
.board_info .board_info_page{
	width:100%;
	color:#333;
}

.board_list .Question{display:inline-block; width:40px;}
.board_list .Qtitle{display:inline-block !important; width: calc(100% - 50px) !important;}
.board_list .Answer{display:inline-block; width:40px; vertical-align:top;}
.board_list .view_file{display:inline-block; width: calc(100% - 50px);}
.board_list .Aarea{background:#f7f7f7;}

.board .board_list2{
	font-size:15px;
	width:100%; 
	margin-top:10px;	
	table-layout:fixed;
	border-top:3px solid #61646c;
}
.board .board_list2 body td{
	border-top:3px solid #61646c;
	border-bottom:1px solid #e4e4e4; 
	text-align:center;
	font-weight:400;	
}
.board .board_list2 thead tr{background:#f8f8f8;}
.board .board_list2 tbody td{
	padding:15px 10px;
	border-bottom:1px solid #e4e4e4;	
	text-align:left; 
	vertical-align:middle;
}
.board .board_list2 tbody td.tal {padding-left:10px;}
.board .board_list2 tbody td.title a{
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	text-align:left;
	width:98%;
	display:block;
}
.board .board_list2 tbody td.answer{
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	text-align:left;
	width:98%;
	display:block;
}
.Classification{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.board .board_list2 tbody th{
	padding:10px 0;	
	border-bottom:1px solid #e4e4e4;
	text-align:center; 
	background:#f8f8f8;
	vertical-align: middle;
}
.board .board_list2 tbody img{vertical-align:middle ! important;}
.board .board_list2 tbody td.subject{text-align:left;}

.board .leftLine{border-left:1px solid #e4e4e4}


/* FAQ 목록*/
.board .board_list_wrap dl{
	border-top: 3px solid #61646c;
	margin-top:10px;
}
.board .board_list_wrap dt, .board .board_list_wrap dd{
	padding:15px 0 15px 35px;;
	border-bottom:1px solid #e4e4e4; 
	color:#888;
	font-size:14px;
}
.board .board_list_wrap dt{background:url('images/board/faq_question.gif') no-repeat left 7px center;}
.board .board_list_wrap dd{background:url('images/board/faq_answer.gif') no-repeat left 7px top 15px;}
.board_info{width:100%;}

.board_info .search_box span{
	font-weight:400; 
	color:red;
}.board_info .search_box{
	position:relative;
	width:100%;
	border:1px solid #e9e9e9;
	margin:20px 0;
	background:#fafafa; 
	padding:20px 0;
}
.search_box .board_search{
	width:70%; 
	margin:0 auto;
	height:100%;	
	text-align:center;
}
.board_search .box1{float:left; width:30%; margin-right:1%;}
.board_search .box2{float:left; width:69%;}

.board_search .styled{
	display:inline-block;
	border:1px solid #9a9a9a;
	height:35px;
	font-weight:1;
	box-sizing:border-box;	
	-webkit-appearance: none; 네이티브 외형 감추기 
	-moz-appearance: none;
	appearance: none;	
	background:#fff url('images/board/select_bg.png') no-repeat 90% 50%; 	
	background-size:10px;	
	width: 100%;
    font-size: 14px;
    color: #888;
    line-height: 1;
    padding: 5px 20px 5px 10px;
    border-radius: 0;
}
.board_search .box2 .textbox{display:inline-block; width:calc(100% - 84px);}
.board_search .box2 .searchbox{display:inline-block; width:80px; height:35px; text-align:center;
	background:#081d6c url('images/board/submit_bg.png') no-repeat 25% 50%;
	background-size:15px;
	box-sizing:border-box;	
	border-radius:0;
	border:none;
	color:#fff;
	padding-left:30px;
	cursor:pointer;
}
@media only screen and (max-width: 1024px){
	.board_search .box2 .textbox{height:35px;}
}
@media only screen and (max-width: 768px){
	.board_search{width:94%;}
	.board_search .box1{float:none; margin-right:0; width:100%;}
	.board_search .box2{float:none; width:100%; margin-top:1%;}
}


/*
.board_search .search_title{width:60%; float:left;}
.board_search .search_all{width:40%; float:left;}
.board_search .search_title60{float:left;}
.board_search .search_title80{float:left;}
.board .board_info .search_box .board_search .textbox{
	display:inline-block;
	box-sizing:border-box;
	border:1px solid #9a9a9a !important; 
	height:40px;
	margin-top:0 !important ; 
	font-weight:1;
	width:200px;
	padding:0 10px;
}.searchbox{
	width:100px;
	background:#3d4452 url('images/board/submit_bg.png') no-repeat 25% 50%;
	background-size:20px;
	display:inline-block;
	box-sizing:border-box;	
	height:40px;
	border-radius:0;
	border:none;
	color:#fff;
	padding-left:30px;
	cursor:pointer;
}
.file_img{width:20px;}
*/


.num{font-weight:1;}
.notice td a{font-weight:400; vertical-align:middle;}
.n_board{border-bottom:1px solid #e4e4e4; text-align:center; padding:20px 10px;}
.board .btn_area{margin:20px 0; border-top:0; padding-top:0;}
.board .btn_area:after{content:""; display:block; float:none; clear:both;}
.board .btn_area .right{float:right;}
.board .btn_area .right a{margin-left:5px;padding:12px 20px; float:left;  background:#354b8a; color:#fff; vertical-align:middle; line-height:auto; font-size:15px;}
.board .btn_area .right button{padding:12px 20px; float:right; margin-left:6px; background:#354b8a; color:#fff; border:none; font-size:15px;}
.board .btn_area .left{float:left;}
.board .btn_area .left a{padding:12px 20px; background:#67708a; border:1px solid #67708a; color:#fff; font-size:15px;}

.board .board_list thead th.num{width:10%;}
.board .board_list thead th.file{width:10%;}
.board .board_list thead th.hit{width:10%;}
.board .board_list thead th.write{width:10%;}
.board .board_list thead th.date{width:10%;}
.board .board_list thead th.subject{width:50%;}

.board .board_view .head{border-bottom:none; margin-top:0;}
.board .board_view .head .info_wrap {
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    font-size: 15px;
    width: 100%;
}
.board .board_view .head .info_wrap:after {
    content: "";
    clear: both;
    display: block;
    float: none;
}
.board .board_view .head .info_wrap .info {
    width: calc(100% - 242px);
    float: left;
    padding: 15px;
}
.board .board_view .head .info_wrap .info_2 {
    width: 212px;
    float: left;
    padding: 15px 0;
}
.board .board_view .head .info_wrap dl dt {
    float: left;
    color: #7c7777;
    font-weight: 100;
}
.board .board_view .head .info_wrap dl dd {
    float: left;
    color: #7c7777;
    font-weight: 100;
}
.board .board_view .head .info_wrap dl dt:after {
    content: "/";
    font-weight: 100;
    color: #333;
    padding: 0 10px;
}
.board .board_view .head .info:after {
    content: "";
    clear: both;
    display: block;
    float: none;
}
.board .board_view .head .info_wrap .info_2 dl:after{
    content: "";
    clear: both;
    display: block;
    float: none;
}
@media only screen and (max-width: 1050px){
		/*
		.board .board_list tbody td.num{width:10%;}
		.board .board_list thead th.num{width:10%;}
		.board .board_list thead th.subject{width:70%;}
		.board .board_list tbody td.day{width:20%;}
		.board .board_list thead th.day{width:20%;}
		.board .board_list tbody td.title{width:70%;}
		.board .board_list thead th.title{width:70%;}
		*/
	}
@media only screen and (max-width: 768px){
	.board .board_list tbody td.res_hide{display:none;}
	.board .board_list thead th.res_hide{display:none;}
	.board .board_list .res_hide_col{width:auto;}
	.board .board_list tbody td.title{width:70%;}
	.board .board_list tbody td.date{width:30%;}
	.board .board_list thead th.title{width:70%;}
	.board .board_list thead th.date{width:30%;}
	.board_list .col_date{width:auto;}
	.board .board_view .head .info_wrap .info{float:none; width:100%; padding:10px 10px 0 10px;}
	.board .board_view .head .info_wrap .info_2{float:none; width:100%; padding:10px;}
	.board .board_view .head .info dl{width:100% ! important;}
}
@media only screen and (max-width: 500px){
	/*
	.board .board_list tbody td{padding:15px;}
	.board .board_list tbody td.num{display:none;}
	.board .board_list thead th.num{display:none;}
	.board .board_list tbody td.day{width:40%;}
	.board .board_list thead th.day{width:40%;}
	.board .board_list tbody td.title{width:60%;}
	.board .board_list thead th.title{width:60%;}
	*/
}


.prg_write {display:table;width:100%;table-layout:fixed;border-top: solid 2px #555;}
.prg_write th:first-child, .prg_write td:first-child {border-left:none;}
.prg_write th , .prg_write td {padding:8px 10px;word-wrap:break-word;word-break:keep-all;vertical-align:middle}
.prg_write thead th {padding:15px 10px;background:#fcfcfc; border-left: 1px solid transparent;border-bottom: 1px solid transparent;border-left-color:#dadada;border-bottom-color:#787878; line-height:17px; font-size:15px; color:#000}
.prg_write tbody th{border-left: 1px solid transparent;border-bottom: 1px solid transparent;border-left-color:#ccc;border-bottom-color:#ccc; text-align:center; color:#121212;background:#f5f5f5;}
.prg_write th > label {}
.prg_write td {text-align:left; border-left: 1px solid transparent;border-bottom: 1px solid transparent;border-left-color:#ccc;border-bottom-color:#ccc; color:#666}
.prg_write tbody td *{vertical-align:middle;}
.prg_write td .file_upload{border-top:1px dotted #bbb; padding-top:8px; padding-bottom:8px;}
.prg_write td .file_upload.n1{border-top:0;}
.prg_write td .file_upload .item{overflow:hidden;}
.prg_write td .file_upload .item .input_file{float:left; width:200px;}
.prg_write td .file_upload .item .input_memo{margin-left:210px;}

 /* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
input[type="file"] {width:200px;}
}

/*웹진형*/
.board .webzine_list{border-top:3px solid #61646c; box-sizing:border-box; font-size:15px; width:100%; clear:both; padding:10px 0;}
.board .webzine_list ul{width:100%; }
.board .webzine_list ul li{width:100%; box-sizing:border-box; border-bottom:1px solid #d7d7d7;}
.board .webzine_list ul li a:hover{text-decoration:none;}
.board .webzine_list ul li .wbox{padding:2%; display:table;}
.board .webzine_list ul li .wbox:after{content:""; display:block; float:none; clear:both;}
.board .webzine_list ul li .wbox .photo_wrap{width:250px; float:left; }
.board .webzine_list ul li .wbox .photo_wrap a.photo{display:block; position:relative; padding-top:65%; overflow:hidden;}
.board .webzine_list ul li .wbox a.photo img{position:absolute; top:50%; left:50%;  transform:translate(-50%,-50%); max-width:100%; height:auto;}
.board .webzine_list ul li .wbox .detail{width:calc(100% - 250px); display:table-cell; vertical-align:middle;}
.board .webzine_list ul li .wbox .detail .subject{display:block; font-weight:bold; font-size:18px; padding:10px 20px;}
.board .webzine_list ul li .wbox .detail .content{display:block; font-size:15px; padding:10px 20px;}
.board .webzine_list ul li .wbox .detail .info{display:block; font-size:13px; color:#919191; padding:0 20px 10px;}
.board .webzine_list ul li .wbox .detail .info span{margin-left:20px; position:relative; padding-left:6px;}
.board .webzine_list ul li .wbox .detail .info span:before{content:""; display:inline-block; position:absolute;
	left:0; top:6px; width:3px; height:3px; background:#919191;}
.board .webzine_list ul li .wbox .detail .info span:first-child{margin-left:0;}
/*


/*웹진형*/
.board .webzine_list2{border-top:3px solid #61646c; box-sizing:border-box; font-size:15px; width:100%; padding:10px 0;}
.board .webzine_list2 ul{width:100%; }
.board .webzine_list2 ul:after{content:""; display:block; float:none; clear:both}
.board .webzine_list2 ul li{width:50%; float:left; box-sizing:border-box; border-bottom:1px solid #d7d7d7;}
.board .webzine_list2 ul li.nodata{width:100%; padding:20px; text-align:center;}
.board .webzine_list2 ul li a:hover{text-decoration:none;}
.board .webzine_list2 ul li .wbox{padding:2%; }
.board .webzine_list2 ul li .wbox:after{content:""; display:block; float:none; clear:both;}
.board .webzine_list2 ul li .wbox .photo_wrap{width:170px; float:left; }
.board .webzine_list2 ul li .wbox .photo_wrap a.photo{display:block; position:relative; padding-top:70%; overflow:hidden;}
.board .webzine_list2 ul li .wbox a.photo img{position:absolute; top:50%; left:50%;  transform:translate(-50%,-50%);max-width:100%; height:auto;}
.board .webzine_list2 ul li .wbox .detail{width:calc(100% - 170px); float:left;}
.board .webzine_list2 ul li .wbox .detail .subject{display:block; font-weight:bold; font-size:18px; padding:10px 20px;
	overflow: hidden; white-space: nowrap; text-overflow: ellipsis;	width:75%;}
.board .webzine_list2 ul li .wbox .detail .content{display:block; font-size:15px; padding:0 20px; height:25px;}
.board .webzine_list2 ul li .wbox .detail .info{display:block; font-size:13px; color:#919191; padding:0 20px 10px;}
.board .webzine_list2 ul li .wbox .detail .info span{display:inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
	width:75%;}


/* 기본게시판2 */
.no-img {position: absolute;
    display: block;
    margin: 0 auto;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);}
.no-img img {margin:0 auto;}
.board_webzine{
	width:100%;
	border-top:3px solid #505050;
	margin-top:25px;
	border-bottom:1px solid #505050;
}
.board_webzine .item{ 
	padding:2% 0; 
	border-top:1px solid #ccc;
}
.board_webzine .item:first-child{ 
	border-top:none;
}
.board_webzine .item:after{
	content:"";
	display:block;
	clear:both; 
	float:none;
}
.board_webzine .detail{
	width:calc(100% - 270px); 
	float:left; 
	position:relative;
}
.board_webzine .img {
	position:relative;
	padding-bottom:173px;
	width:270px; 
	float:right; 
	overflow:hidden;
	box-sizing:border-box;
}
.board_webzine .img a {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:100%;
}	
.board_webzine .img img{  
	margin-left:auto; 
	margin-right:auto; 
	/* max-width:100% !important; */
	display:block;
	width:auto !important;
	/* height:auto !important; */
	height:100%;
}
.board_webzine .detail .date{
	width:90px;
	height:90px;
	background:#ededed; 
	border-radius:100%; 
	color:#333;
	text-align:center;
	position:absolute; 
	top:0px;
	left:0; 
	transition:.2s;
	font-size:15px; 
	display:table;
}
.board_webzine .detail .date span{
	display:table-cell;
	vertical-align:middle;
	font-size:12px;
}
.board_webzine .detail .date span strong{
	display:block;
	font-size:15px;
}
.board_webzine .detail .title{
	padding:10px 50px 0 130px; 
	font-weight:bold;
	transition:.5s;
}
.board_webzine .detail .title a{
	font-weight:bold;
	font-size:18px;
	color:#333;
	display:block;     
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.board_webzine .detail .subject{padding:20px 50px 0 130px;}
.board_webzine .detail .subject a{
	color:#333; 
	font-size:15px;
	display:block;    
	white-space: normal; 
	line-height: 1.6em; 
	height: 3.2em; 
	word-wrap: break-word; 
	display: -webkit-box;
	-webkit-line-clamp: 2; 
	-webkit-box-orient: vertical; 
	overflow:hidden;
}
.board_webzine .detail .info {font-size:15px;padding:10px 0 0 130px;}
.board_webzine .detail .info span {display:inline-block;padding:0 10px;color:#083f89;}
.board_webzine .detail .info span:first-child {padding-left:0;}
.board_webzine .detail .info span strong {color:#333;font-weight:normal;}
.board_webzine .detail .more a{
	display:inline-block; 
	margin:20px 50px 0 150px; 
	text-indent:-9999px; 
	background:url('images/board/webzineArrow-off.png') no-repeat;	
	height:17px; 
	width:66px; 
	transition:.5s;
}
.board_webzine .item:hover .date{
	background:#083f89; 
	color:#fff; 
	transition:.2s;
}
.board_webzine .item:hover .title a{
	color:#083f89;  
	transition:.5s;
}
.board_webzine .item:hover .more a{
	background:url('images/board/webzineArrow-on.png') no-repeat;	
	transition:.5s;
}

@media only screen and (max-width: 755px){
	.board_webzine .detail{
		float:none; 
		width:70%;
		margin-left:30%;
		position:static;
	}
	.board_webzine .img{
		float:none; 
		width:70%; 
		height:120px; 
		margin-left:30%;
	}
	.board_webzine .img img{
		width:95% !important;
	}
	.board_webzine .detail .title a{font-size:15px;}
	.board_webzine .detail .more a{
		margin:0; 
		position:absolute; 
		bottom:25px; 
		left:10px; 
		background-size:50px;
	}
	.board_webzine .item:hover .more a{background-size:50px;}
	.board_webzine .detail{height:auto;}
	.board_webzine .item{
		padding:20px 0;
		position:relative;
	}
	.board_webzine .detail .date{
		margin-top:20px;
	}
	.board_webzine .detail .date span{font-size:10px;}
	.board_webzine .detail .subject{display:none;}
	.board_webzine .detail .title{padding:20px 0 0 0 ;}
}

/*갤러리형*/
.board .gallery_list{border-top:3px solid #61646c; box-sizing:border-box; font-size:15px; width:100%; clear:both; padding:10px 0;}
.board .gallery_list ul{width:100%;}
.board .gallery_list ul li{width:23%; border:1px solid #d7d7d7; box-sizing:border-box; float:left; margin:0 1%;}
.board .gallery_list:after{content:""; display:block; float:none; clear:both;}
.board .gallery_list ul li a:hover{text-decoration:none;}
.board .gallery_listbox{width:100%;}
.board .gallery_list .txt dt{width:90%; padding:10px 0;margin:0 auto;color:#333; font-weight:bold; font-size:14px;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.board .gallery_list .txt .write_info{text-align:center; font-size:12px; color:#898989; font-weight:100; padding-bottom:15px;}
.board .gallery_list .txt .write_info .date:after{content:"/"; font-weight:100; color:#898989; padding:0 10px;}
	@media only screen and (max-width: 880px){
		.board .gallery_list ul li{width:31.3%; margin-bottom:10px;}
		.board .gallery_list .thumb img{height:280px ! important;}
	}
	@media only screen and (max-width: 600px){
		.board .gallery_list .thumb img{height:190px ! important;}
	}
	@media only screen and (max-width: 480px){
		.board .gallery_list ul li{width:48%; margin-bottom:10px;}
		.board .gallery_list .txt .write_info .date:after{content:"";  padding:0 ! important;}
		.board .gallery_list .txt .write_info .created{display:block;}
		.board .gallery_list .txt .write_info .date{display:block;}
		.board .gallery_list .thumb img{height:160px ! important;}	
	}
.board .navi{
	margin-top:15px; 
	width:100%; 
	height:100%; 
	font-size:15px; 
}.board .navi:after{
	content:""; 
	display:block; 
	float:none; 
	clear:both;
}.board .navi a:hover{text-decoration:none;	}
.board .navi .navi_admin{
	background:#3d4452 url('images/board/setting.png') no-repeat 8px 50%;
	background-size:17px;
	width:80px; 
	text-align:center;	
	height:35px; 
	float:left; 
	font-size:16px; 
	line-height:35px;
}.board .navi .navi_admin a{
	color:#fff;	
	font-weight:1;	
	display:block;
	padding-left:22px;
}.board .navi .navi_write{
	width:80px;
	text-align:center;	
	height:40px; 
	line-height:40px;	
	float:right; 
	font-size:16px;
	background:#3d4452 url('images/board/i_write.png') no-repeat 13px 50%; 
	background-size:17px;
	border-radius:3px;
}.board .navi .navi_write a{
	color:#fff; 
	font-weight:1; 
	display:block; 
	padding-left:18px;
}.board .navi .pagination{text-align:center;}
.board .navi .pagination li a{font-size:12px; padding:5px 10px; font-weight:1; border:1px solid #d6d6d6; background:#fff; color:#333;}
.board .navi .pagination li.active a{background:#3d4452; color:#fff;  padding:5px 10px; font-size:12px; border:0;}
.board .navi .pagination .next{margin:0 0 0 4px; }
.board .navi .pagination .next a{ font-size:0px; padding:19px 14px 9px 13px; font-weight:1; 
	background:url('images/board/pagination_next.gif') no-repeat center left 7px; background-size:12px; 
	 text-indent:-1000px;}
.board .navi .pagination .prev a{font-size:0px; padding:18.5px 14px 9px 13px; font-weight:1; 
background:url('images/board/pagination_prev.gif') no-repeat center left 7px; background-size:12px; }
.board .board_view{font-size:15px;}
.board .board_view .head{border-top:3px solid #61646c; border-bottom:1px solid #d6d6d6;}
.board .board_view .head .title{padding:20px 15px 20px 15px; margin:0; font-weight:400; color:#000; font-size:18px; background:#f8f8f8; word-wrap:break-word;}
.board .board_view .head .info{padding:15px;font-size:14px;}
.board .board_view .head .info dl{font-size:14px; float:left; margin-left:15px;}

.board .board_view .head .info dl.responsive_dl_etc1{display:block; margin-left:0;}
.board .board_view .head .info dl:first-child{margin-left:0;}
.board .board_view .head .info dl dt{float:left; color:#7c7777; font-weight:100;}
.board .board_view .head .info dl dt:after{content:"/"; font-weight:100; color:#333; padding:0 10px;}
.board .board_view .head .info dl dd{float:left; color:#333; font-weight:400;}
.board .board_view .head .info .responsive_dd_file_link a{border-radius:5px ; background:#487fd0; color:#fff; line-height:15px; text-align:center; padding:1px;}
.board .board_view .head .info .responsive_dd_file_link a:hover{text-decoration:none;}

.board .board_view .body .etc{padding-bottom:15px;}
.board .board_view .body .etc dl{font-size:16px; float:left; margin-left:15px;}
.board .board_view .body .etc dl:first-child{margin-left:0;}
.board .board_view .body .etc dl dt{float:left; color:#083f89;}
.board .board_view .body .etc dl dt:after{content:"/"; color:#333; padding:0 10px;}
.board .board_view .body .etc dl dd{float:left; color:#333; font-weight:400;}

.upload_files{width:100%; font-size:14px;  border:1px solid #d7d7d7;  box-sizing:border-box;}
.upload_files a:hover{text-decoration:none;}
.upload_files li{width:100%; padding:10px 0 10px;}
.upload_files li:after{content:""; display:block; float:none; clear:both; }
.down_wrap:after{content:""; display:block; float:none; clear:both; }
#down_icon{width:50px; float:left; text-align:center; }
#down_name{width:calc(100% - 200px);  float:left; word-wrap:break-word; font-weight:1; color:#333;}
#down_name a{line-height:20px;  }
#down_url{width:150px;  font-weight:1;
	float:left;  background:url('images/board/down.png') no-repeat center left 40px;}
#down_url a{color:red; line-height:20px; display:inline-block; padding-left:45px;}
#down_url:before{ content:"｜"; font-weight:1;  color:#7c7777; padding-left:10px;}
.view_ctrl{width:100%; margin-top:15px;  background:#f8f8f8; border:1px solid #d7d7d7; border-left:none; border-right:none; box-sizing:border-box; color:#333; font-weight:1; font-size:14px;}
.view_ctrl a:hover{text-decoration:none;}
.view_ctrl:after{content:""; display:block; float:none; clear:both; }
.view_ctrl dt.prev{float:left; width:100px;  color:#333; font-weight:bold; padding:10px 0 10px 20px;
	background:url('images/board/before.png') no-repeat center right 15px;
	 border-bottom:1px dashed #ccc;
	}
.view_ctrl dd{float:left; width:calc(100% - 120px); padding:10px 0; border-bottom:1px dashed #ccc;}
.view_ctrl dd a{white-space: nowrap; padding-right:20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;}
.view_ctrl dd a img{vertical-align:middle;}
.view_ctrl dt.next{float:left; width:100px;  color:#333; font-weight:bold; padding:10px 0 10px 20px;;
	background:url('images/board/after.png') no-repeat center right 15px;
	}
.view_ctrl dd .comment{border:1px solid red; float:left;}
.view_ctrl dd:last-child{border-bottom:none;}
.view_ctrl span.none{color:#ccc;}
.board_view .body .board_content{padding:20px 10px 30px 10px; color:#333; width:100%;}
.board .board_view .body .comment{border:1px solid #d7d7d7; margin-bottom:20px; background:#f8f8f8; margin-top:20px;}
.board .board_view .body .comment .title{background:#fff; padding:10px 0 10px 20px; font-weight:1;}
.board .board_view .body .comment_write{width:96%;  margin:0 auto; padding:20px 0;}
.board .board_view .body .comment_write:after{content:""; display:block; float:none; clear:both;}
#comment{float:left;height: 70px; width:calc(100% - 80px);  border: solid 1px #cbcbcb;    padding: 12px 10px 10px 14px;	box-sizing:border-box;}
.board .board_view .body .comment_write_btn{float:left; background:#52608d; border:none; color:#fff; font-weight:1; height:70px; width:70px; margin-left:10px;}
.board .board_view .body .comment_write_form .tac{font-size:14px; color:#333; font-weight:1;}
.board .board_view .body .comment_write_form .tac a:hover{text-decoration:none;}
.board .board_view .body .comment_write_form .tac a span{color:#52608d; font-weight:600;}
.board .board_view .body .board_content div{text-align:none ! important;}
.board .board_view .body .board_content{font-size:15px !important;}
.board .board_view .body .board_content img{max-width:100% ! important; display:block; margin-left:auto; margin-right:auto;
	height:auto ! important;}
.comment_list{border-top:1px dashed #d7d7d7; padding:10px 0; background:#fff;}
.comment_list ul{width:96%; margin:0 auto; }
.comment_list ul li dl{padding:10px 0; }
.comment_list ul li dl dt{color:#333; font-weight:400;}
.comment_list ul li dl dt span.user_id{font-weight:1;}
.comment_list ul li dl dt span.date{padding-left:20px; color:#7c7777; font-weight:1;}
.comment_list ul li dl dd{padding-top:20px; font-weight:1;}
.comment_list ul li dl.reply_bg{margin-left:0 ! important; border-top:none; border-bottom:1px solid #d7d7d7;
	padding-left:30px;
	background:url('images/board/reply.png') no-repeat top 10px left 0;
	background-size:15px;
	}
.board .mesg_text{background:#f8f8f8; border:1px solid #d7d7d7;}
.board .mesg_text p{background:url('images/board/etc_icon.png') no-repeat top 20px left 20px ; background-size:30px; 
	font-size:14px;  padding:20px 20px 20px 60px; font-weight:1; word-break:break-all ! important;}
.board .write_board_info{padding:15px 0; text-align:right;
	background:url('images/board/check_need.png') no-repeat top 50% right 115px ;
	background-size:8px; color:red; font-weight:100; font-size:14px;
	}
.board .board_write{border-top:3px solid #61646c;}
.board .board_write .item{width:100%; border-bottom:1px solid #d7d7d7;}
.board .board_write .item:after{content:""; display:block; float:none; clear:both;}
.board .board_write .item .item_head{width:21%; background:#f8f8f8; float:left; }
.board .board_write .item .item_head span{padding:0px 15%; line-height:50px; font-weight:400; font-size:14px; color:#333;}
.board .board_write .item .item_head span img{width:8px; vertical-align:middle; margin-right:2%; margin-top:-7%;}
.board .board_write .item .item_body{width:79%; background:#fff; float:left; }
.board .board_write .item .item_body span{padding:0px 1%; line-height:50px; font-weight:100; font-size:14px; color:#333;}
.board .board_write .item .item_body span #notice_yn{vertical-align:middle;}
.board .board_write .item .item_body span #secret_yn{vertical-align:middle;}
.board .board_write .item .item_body .body .textbox{padding-left:1%;width:98% ! important; 
	height:30px; border:1px solid #ccc; box-sizing:border-box; font-weight:100; color:#7a777;}
.board .board_write .item_file{width:100%; height:158px; border-bottom:1px solid #d7d7d7;}
.board .board_write .item_file:after{content:""; display:block; float:none; clear:both;}
.board .board_write .item_file .item_head{width:21%; background:#f8f8f8; float:left;  height:100%;}
.board .board_write .item_file .item_head span{line-height:158px; padding:0px 15%; font-weight:400; font-size:14px; color:#333;}
.board .board_write .item_file .item_body{width:79%; background:#fff; float:left; height:100%; }
.board .board_write .item_file .item_body .textbox{width:98% ! important; height:32px;
	border:1px solid #ccc; box-sizing:border-box; font-weight:100;
	margin-left:1%; margin-right:1%; background:#f8f8f8; font-size:14px; color:#7a7777; 
	}
.board .board_write .item_file .item_body .textbox:first-child{margin-top:12px;}
.board .board_write .navi{width:170px; margin:20px auto 0;}
.board .board_write .navi:after{content:""; display:block; clear:both; float:none;}
.board .board_write .navi .write_btn1{padding-left:24px;
    width: 80px;
    text-align: center;
    height: 35px;
    line-height: 35px;
    float: right;
    font-size: 16px;
    background: #3d4452 url("images/board/i_write.png") no-repeat 8px 50%;
    background-size: 17px;
	float:left;
	border:none;
	margin-right:10px;
	color:#fff;
	cursor:pointer;
}.board .board_write .navi .write_list{
	background: #3d4452 url("images/board/write_list.png") no-repeat 14px 50%; 
	background-size:13px;
    width: 80px;
    text-align: center;
    height: 35px;
    font-size: 16px;
    line-height: 35px;
	border:none;
	float:left;
}.board .board_write .navi .write_list a{
	display:block;
	color:#fff;
	padding-left:20px;
}#reaction_title_2{white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
#reaction_title_2 img{padding:5px;}
#reaction_title_2 a:hover{text-decoration:none;}
/*삭제 및 이동 알림창*/
.board_manager{width:90%;  margin:0 auto; margin-top:5%; }
.board_manager .blind{width:100%; background:#f8f8f8; padding:10px 0; border-toP:3px solid #61646c; text-align:center; font-size:16px; color:#333;}
.board_manager .item{width:100%; border-bottom:1px solid #d7d7d7; color:#333; font-size:14px; padding:13px 0;}
.board_manager .first input{
	background:#8e93a5 url("images/board/delete.png") no-repeat 16% 50%;
	background-size:13px;
	border:1px solid #757a8d;
	color:#fff;
	cursor:pointer;
	padding-left:24px;
	font-size:16px;
}.board_manager .second input{
	background:#8e93a5 url("images/board/moving.png") no-repeat 18% 50%;
	background-size:12px;
	border:1px solid #757a8d;
	color:#fff;
	cursor:pointer;
	padding-left:24px;
	font-size:16px;
}.board_manager .second select{
	padding:2px 30px 4px 10px;
	margin-top:5px;
	-webkit-appearance:none;
	background:#fff url("images/board/select_bg.png") no-repeat 90% 50%;
}.board_manager .second select option{color:red;}
	@media (min-width:768px) and (max-width:1023px){
		.board_search{width:96%; margin:0 auto;}
	}
		@media only screen and (max-width: 710px){
		.board .board_view .head .info .responsive_dl_write{ width:48.5%; margin-left:0 ! important; }
		.board .board_view .head .info .responsive_dl_hit{ width:48.5%; margin-left:0 ! important; }
		.board .board_view .head .info .responsive_dl_created{ width:100%; margin-left:0 ! important; }
		.board .board_view .head .info .responsive_dl_file{ width:100%; margin-left:0 ! important; }
	}
	@media only screen and (max-width: 767px){
		#reaction_writer{display:none;}
		#reaction_file{display:none;}
		#reaction_views{display:none;}
		#reaction_number{width:1%;}
		#reaction_title{width:20%;}
		#reaction_day{}
		#reaction_writer_2{display:none;}
		#reaction_file_2{display:none;}
		#reaction_views_2{display:none;}
		#reaction_number_2{ }
		#reaction_title_2{margin-right:7%; max-width: 5px; white-space: nowrap;	overflow: hidden;text-overflow: ellipsis;}
			.board_info .fr{padding:2% 0;}

	}
		
	@media only screen and (max-width: 430px){
		.board .board_write .item .item_head span{padding:0px 9%; }
		.board .board_write .item_file .item_head span{padding:0px 9%;}
	}
 /* board Page */
 .boardPage { margin-top:10px;text-align:center; margin-bottom:30px; }
 .boardPage ul { display:inline-block;font-size:0; }
 .boardPage ul li { display:inline-block; font-size:16px;margin:0 4px;}
 .boardPage ul li a { color:#000000;border:1px solid #e2e2e2; font-size:0.750em;}
 .boardPage ul li.active a { color:#000000;border:1px solid #081d6c;}
 .boardPage ul li a{ display:block; width:38px; height:38px; line-height:36px; font-weight:bold; text-align:center; vertical-align:top;box-sizing:border-box; }
 .boardPage ul li a strong {display:block; background:#081d6c; color:#fff; text-decoration:underline;}
 .boardPage ul li a img { vertical-align:middle;}
 .boardPage ul li.first a{text-indent:-9999px; background:url("../images/board/first.png") center center no-repeat;}
 .boardPage ul li.prev a{text-indent:-9999px; background:url("../images/board/prev.png") center center no-repeat;}
 .boardPage ul li.next a{text-indent:-9999px; background:url("../images/board/next.png") center center no-repeat;}
 .boardPage ul li.last a{text-indent:-9999px; background:url("../images/board/last.png") center center no-repeat;}
/* board Category */
 .prg_category{margin-top:10px;}
 .prg_category li{display:table-cell;width:1%;vertical-align:top;text-align:left; 
	background:url('../images/sub/goik2.png') no-repeat right 16px center;}
 .prg_category li a{display:block; line-height:40px; height:42px; padding-left:16px; border:1px solid #ccc; border-right:none;}
 .prg_category li:last-child a{border-right:1px solid #ccc;}
 .prg_category li.active a{color:#fff;}
 .prg_category li.active{background:#04345b url('../images/sub/goik1.png') no-repeat right 16px center;}
/* board Etc */
 .paper{position:relative;}
 .paper .gu_01{position:absolute; font-size:12px; padding:3px 4px; border-radius:2px; top:15; left:10px; background:#1269ba; 
 color:#fff;}
 .paper .gu_02{position:absolute; font-size:12px; padding:3px 4px; border-radius:2px; top:15; left:10px; background:#d43d0f; 
 color:#fff;}


/* 2019-05-30 */

span.isecret{background:url("images/board/secret_icon.png") no-repeat center; text-indent:-9999px; display:inline-block;}
span.inew{background:url("images/board/new_icon.png") no-repeat center; text-indent:-9999px; display:inline-block; width:33px;}
span.ireply{background:url("images/board/reply_icon.png") no-repeat center; text-indent:-9999px; display:inline-block; width:34px;}
span.ifile{background:url("images/board/files.png") no-repeat center; text-indent:-9999px; display:inline-block; width:22px;}
span.inotice{background:url("images/board/notice_icon.png") no-repeat center; text-indent:-9999px; display:inline-block; width:22px;}
a.ifile{background:url("images/sub/file_icon.png") no-repeat center; text-indent:-9999px; display:inline-block; width:22px;}
#down_name a{cursor:pointer;}
#down_url a{cursor:pointer;}

.board .board_view .head .info dl.responsive_dl_day{display:block; margin-left:0; }
.board .board_view .head .info dl.responsive_dl_day dt{color:#3244af;}
.board .board_view .head .info dl.responsive_dl_day dd{font-weight:bold; color:#3244af;}
.board .board_view .head .info dl.responsive_dl_place dt{color:#3244af;}
.board .board_view .head .info dl.responsive_dl_place dd{font-weight:bold; color:#3244af;}

td.left.ellipsis{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width:5px; padding:15px ! important;}

.board_content table tr th {border: 1px solid #ccc;padding: 10px;}
.board_content table tr td {border: 1px solid #ccc;padding: 10px;}
.board_content table tr td{background: #fff; text-align:left;}
.board_content table tr td a{ color:#333; display:block;}
.board_content table tr td a:hover{ color:#c2e1f0; text-decoration:underline;}
.board_content table tr th {background: #f2f4f8;}


.board_delete{text-align:Center;}

.deleteTit{display:none;}

.nodata {padding:15px 0;border-bottom:1px solid #e4e4e4;text-align:center;font-size:15px;}

/** 게시판 갤러리 **/
.board_gallery{
	width:100%;
	border-top:3px solid #505050;
	margin-top:10px;
	border-bottom:1px solid #505050;
	padding:0px 0 30px;}
.board_gallery ul{width:100%;}
.board_gallery ul:after{
	content:""; 
	display:block; 
	float:none;
	clear:both;}
.board_gallery ul li{
	float:left; 
	width:22%; 
	padding-bottom:20px; 
	margin-left:2.4%; 
	margin-top:30px; 
	border:1px solid #ccc;
	box-sizing:border-box;}
.board_gallery ul li .img {position:relative;overflow:hidden;padding-bottom:100%;}
.board_gallery ul li .img a {position:absolute;top:0;left:0;display:block;width:100%;height:100%;}
.board_gallery ul li .img img{width:100%;}
.board_gallery ul li .img span{
	position:absolute; 
	bottom:-1px; 
	right:0; 
	background:url('../img/more.png') no-repeat;
	display:block; 
	height:50px; 
	width:50px; 
	text-indent:-9999px;}
.board_gallery .title{
	font-size:17px;
	font-weight:bold; 
	text-align:center;}
.board_gallery .title a{
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	color:#333; 
	padding:30px 10px; 
	font-size:13px;
	display:block; }
.board_gallery .title a img {margin-right:10px;vertical-align:top;}
.board_gallery .date{text-align:center;}
.board_gallery .date a{
	font-size:15px; 
	padding-left:20px; 
	color:#333;
	background:url('../images/board/date_bg.png') no-repeat left 0 top 5px;}
.board_gallery ul li:hover .title a{color:#083f89; }
.board_gallery ul li:hover{
	border:1px solid #083f89; 
	box-sizing:border-box; 
	outline:3px solid #083f89;}
.board_gallery .nodata {border-bottom:none;}


@media screen and (max-width:1024px) {
.board_gallery ul li {width:30%;margin-left:2.5%;}
}

@media screen and (max-width:767px) {
.board_gallery ul li {width:47%;margin-left:2%;}
}

/* 게시물 삭제 확인페이지 */
.deleteWrite {margin:20px 0;}
.deleteWrite li {display:inline-block;}
.deleteWrite .deleteTit {margin-right:15px;}
.deleteWrite .deleteTxt input[type="text"] {width:auto;height:35px;line-height:36px;border:1px solid #ddd;}
.deleteWrite .deleteTxt input[type="submit"] {height:35px;line-height:36px;padding:0 20px;background:#06378e;color:#fff;border:0;}
.delBoard_btn li {display:inline-block;}
.delBoard_btn li input.btn,
.delBoard_btn li input.btn.bg {height:38px;line-height:36px;padding:0 20px;}
.delBoard_btn li input.btn.bg {background:#06378e;color:#fff;border:none;}
.delBoard_btn li input.btn {margin-right:5px;}

.manage_box {height:350px;background:#fff;}
.manage_box fieldset {padding-top:75px;}
.manage_box .delBoard_txt {max-width:240px;}
.manage_box .deleteTxt {border-right:none;}
.manage_box .btn {height:36px;padding:0 15px;border-left:none;border:1px solid #ccc;background:#fff;color:#444;}
.manage_box .btn.none {background:#04345c;color:#fff;}
.delBoard_txt {margin:0 auto;padding-left:60px;background:url('/_themes/default/images/sub/icon_warning.gif') left 0 no-repeat;text-align:left;}
.delBoard_txt > span {display:block;}


/* 댓글 */
#writeBoardComment {position:relative;padding-right:81px;}
#writeBoardComment #bcoContent {width:100%;height:40px;}
#writeBoardComment .btn {position:absolute;right:0;top:0;color:#fff;background:#354b8a;}

#bwrNoticeYn1,
#bwrMainYn1 {margin-right:5px;}
label + #bwrMainYn1 {margin-left:10px;}

.deleteWrite,
.delBoard_btn {text-align:center;}

.board .button {
  display: inline-block;
  padding:14px 19px;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: normal;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  background-color:#354b8a;
  color:#fff;
  /* border: 1px solid #ddd; */
  box-sizing:border-box;
}