/* board */
.board{
	position:relative;
}


/* form-control */
.form-control{
	max-width:100%;
	width:100%;
	border:1px solid #d2d2d2;
	height:50px;
	line-height:50px;
	padding:0 0 0 15px;
	font-family:'Noto Sans KR', 'notokr-regular', 'Sans-serif';
}
.form-control-focus{
	border:1px solid #333;
}
.form-sm{
	width:92px;
}
.form-md{
	width:184px;
}
.w50{
	width:50%;
}
.w100{
	width:100px;
}
.w200{
	width:200px;
}
.w300{
	width:300px;
}
.w400{
	width:400px;
}


/* input */
.board input::placeholder{color:#a7a7a7;font-size:16px;}
.board input::-webkit-input-placeholder{color:#a7a7a7;font-size:16px;}
.board input::-ms-input-placeholder{color:#a7a7a7;font-size:16px;}
.board textarea::placeholder{color:#a7a7a7;font-size:16px;}
.board textarea::-webkit-input-placeholder{color:#a7a7a7;font-size:16px;}
.board textarea::-ms-input-placeholder{color:#a7a7a7;font-size:16px;}
.board .form-control-focus::placeholder{color:#333;font-size:16px;}
.board .form-control-focus::-webkit-input-placeholder{color:#333;font-size:16px;}
.board .form-control-focus::-ms-input-placeholder{color:#333;font-size:16px;}


/* checkbox */
.sub .checkbox{
	display:inline-block;
	position:relative;
	padding-left:28px;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.sub .checkbox input{
	position:absolute;
	opacity:0;
	right:0;
	cursor:pointer;
}
.sub .checkbox .checkmark{
	position:absolute;
	top:4px;
	left:0;
	height:20px;
	width:20px;
	background-color:#fff;
	border:1px solid #ccc;
}
.sub .checkbox input:checked ~ .checkmark{
	background-color:#fff;
}
.sub .checkbox .checkmark:after{
	content:"";
	position:absolute;
	display:none;
}
.sub .checkbox input:checked ~ .checkmark:after{
	display:block;
}
.sub .checkbox .checkmark:after{
	left:7px;
	top:3px;
	width:5px;
	height:10px;
	border:solid #000;
	border-width:0 3px 3px 0;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}

 

/* btn */
.btn{
	display:inline-block;
	margin:0;
	padding:0;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	border:1px solid transparent;
	letter-spacing:0;
	font-family:'Noto Sans KR', 'notokr-regular', 'Sans-serif';
}
.btn:focus{outline:none;} 
.btn-normal{
	background:#8b8b8b;
	color:#fff;
	border-radius:3px !important;
	height:60px;
	width:165px;
}
.btn-primary{
	background:#3393dd;
	color:#fff;
	border-radius:3px !important;
	height:60px;
	width:165px;
}
.btn-sm{
	background-color:#454545;
	color:#fff;
	font-size:14px;
	width:120px;
	height:50px;
	line-height:50px;
	border-radius:0;
}
.btn-area .btn{
	margin:0 4px;
}
.btn-modi{
	background:#ff6633;
	color:#fff;
	border-radius:3px !important;
	padding:0.625em 2em;
}
.btn-save{
	background:#004080;
	color:#fff;
	border-radius:3px !important;
	padding:0.625em 2em;
}


/* select */
select{
	-moz-appearance:none;/* Firefox */ 
	-webkit-appearance:none;/* Safari and Chrome */ 
	appearance:none;
}
select::-ms-expand{display:none;} 
.select{
	display:inline-block;
	padding:0 0 0 15px;
	background:#fff url(/common/img/common/arrow-down-b.png) right center no-repeat;
	background-repeat:no-repeat, repeat;
	background-position:right 15px top 50%, 0 0;
	cursor:pointer;
	border:1px solid #d2d2d2;
	height:50px;
	font-family:'Noto Sans KR', 'notokr-regular', 'Sans-serif';
}


/* board-top */
.board-top{
	position:relative;
	padding:10px 0 25px;
}
.board-top .form-search{
	position:absolute;
	right:0;
	top:0;
}
.board-top .form-search .select-box{
	position:relative;
	display:inline-block;
	width:105px;
	margin-right:17px;
	height:34px;
} 
.board-top .form-search .select-box .select{
	width:105px;
	height:33px;
	border:none;
	background:#fff url(/common/img/common/arrow-down-b.png) right center no-repeat;
	background-repeat:no-repeat, repeat;
	background-position:right 5px top 60%, 0 0;
	cursor:pointer;
	color:#3c3c3c;
	font-size:14px;
	padding:0;
} 
.board-top .form-search .search-box{
	position:relative;
	display:inline-block;
	width:225px;
	height:34px;
	color:#3c3c3c;
	font-size:14px;
	padding:0;
	margin:0;
}
.board-top .form-search .search-box .form-control{
	border:none;
	height:34px;
	line-height:34px;
}
.board-top .form-search .search-box .btn-search{
	position:absolute;
	right:0;
	top:2px;
}
.board-top .form-search .search-box .ico-search{
	display:block;
	width:20px;
	height:20px;
	line-height:1;
	padding:0;
	background:url(/common/img/common/ico-search.png) center center no-repeat;
	font-size:0;
}
.board-top .form-search .select-box::before ,
.board-top .form-search .search-box::before{
	height:2px;
	width:100%;
	background-color:#2f2f2f;
	position:absolute;
	content:"";
	left:0;
	bottom:0;
}
.board-top .form-search .search-box input{
	color:#c3c3c3;
	font-size:14px;
	font-weight:400;		
	padding:0;
	margin:0;
	line-height:1;
}
.board-top .form-search .search-box input::placeholder{color:#c3c3c3;font-size:14px;font-weight:400;line-height:1;}
.board-top .form-search .search-box input::-webkit-input-placeholder{color:#c3c3c3;font-size:14px;font-weight:400;line-height:1;}
.board-top .form-search .search-box input::-ms-input-placeholder{color:#c3c3c3;font-size:14px;font-weight:400;line-height:1;}
.board-top .status{
	font-weight:500;
	color:#252525;
	font-size:18px;
	line-height:1;
	padding-top:6px;
}
.board-top .status em{
	font-weight:700;
}
.board-top .sort{
	display:inline-block;
	margin-right:15px;
} 
.board-top .sort li{
	display:inline-block;
	float:left;
	position:relative;
	color:#3c3c3c;
	font-size:16px;
	font-weight:400;
	margin-right:12px;
	padding-right:12px;
	line-height:1;
	vertical-align:middle;
	cursor:pointer;
} 
.board-top .sort li:after{
	content:"";
	position:absolute;
	height:14px;
	right:0px;
	top:2px;
	width:1px;
	background:#3c3c3c;
}
.board-top .sort li:last-child{
	padding:0;
	margin:0;
}
.board-top .sort li:last-child:after{
	display:none;
}
.board-top .sort li.active{
	color:#42498e;
	font-weight:700;
}

 
/* pager */
.pager{
	position:relative;
	width:100%;
	text-align:center;
}
.pager a{
	display:inline-block;
	line-height:32px;
	width:34px;
	height:34px;
	vertical-align:middle;
	margin:0 3px;
	border-radius:6px;
	color:#333;
	border:1px solid #777;
	font-size:16px;
}
.pager a:hover{
	border:1px solid #fff;
	color:#fff;
	background:#222;
	text-decoration:none;
}
.pager a.on{
	color:#fff;
	background:#222;
	border:1px solid #222;
	font-weight:500;
}
.pager a.page{
	display:inline-block;
	width:34px;
	height:34px;
	vertical-align:middle;
	z-index:1;
 
 
}
 
 
 
/* bbs_list */
.bbs_list,
.bbs_view,
.bbs_write{
	position:relative;
	width:100%;
	max-width:100%;
	overflow:hidden;
	font-weight:300;
}
.bbs_list:before,
.bbs_view:before,
.bbs_write:before{
	position:absolute;
	left:0;
	top:0;
	height:2px;
	width:100%;
	background:#000;
	display:block;
	content:"";
}
.bbs_write:after{
	position:absolute;
	left:0;
	bottom:0;
	height:2px;
	width:100%;
	background:#000;
	display:block;
	content:"";
}
.bbs_list th{
	text-align:center;
	background:#f7f7f7;
	border-bottom:1px solid #dadada;
	padding:15px;
	font-weight:400;
}
.bbs_list td{
	text-align:center;
	padding:15px;
	border-bottom:1px solid #dadada;
	color:#333;
	word-break:break-all;
	overflow:hidden;
}
.bbs_list td.td-left{
	text-align:left;
}
.bbs_list td.subject{
	text-align:left;
	width:60%;
	word-break:break-all;
	overflow:hidden;
	line-height:1.42;
}


.bbs_list td a{	color:#333;}
.bbs_list td a.addr{	color:#3393dd;font-weight:500;}
.bbs_list td a:hover{
	text-decoration:underline;
	color:#3393dd;
}

.bbs_list td.subject.on{
	font-weight:500;
 
}

.bbs_list .info{
	display:none;
	padding:8px 0 0;
	height:22px;
}
.bbs_list .info > li{
	position:relative;
	display:inline-block;
	margin-right:10px;
	font-size:13px;
	color:#999;
}
.bbs_list .info > li.date:after{
	content:"";
	position:absolute;
	height:12px;
	left:0px;
	top:4px;
	width:1px;
	background:#dadada;
	z-index:1;
} 
.bbs_list .info > li.date{
	padding-left:10px;
}
.bbs_list .category{
	background:#3393dd;
	color:#fff;
	line-height:24px;
	height:24px;
	display:inline-block;
	width:50px;
	text-align:center;
	font-size:13px;
	border-radius:4px;
}
.bbs_list .city{
	color:#3393dd;
	font-weight:400;
}


/* bbs_view */
.bbs_view .view-header{
	padding:20px 0 0;
}
.bbs_view .view-header .tit{
	text-align:left;
	font-weight:500;
	font-size:1.5em;
	padding-bottom:0.125em;
	word-break:break-all;
}
.bbs_view .text{
	border-bottom:1px solid #2f2f2f;
	padding-bottom:10px;
}
.bbs_view .text span{
	position:relative;
	font-size:0.875rem;
	color:#999;
	margin-right:10px;
	padding-right:15px;
	font-weight:400;
}
.bbs_view .text span::after{
	content:"";
	position:absolute;
	height:14px;
	right:0px;
	top:4px;
	width:1px;
	background:#dadada;
	z-index:1;
}
.bbs_view .text span.date::after{
	display:none;
}
.bbs_view .text-file{
	padding:10px 0px;
	border-bottom:1px solid #dadada;
	font-size:0.875rem;
	color:#999;
}
.bbs_view .text-file a{
	margin-right:5px;
}
.bbs_view .text-file a:hover{
	text-decoration:underline;
	color:#3393dd;
}
.bbs_view .text-file .ico-file{
	display:inline-block;
	vertical-align:middle;
	width:20px;
	height:20px;
	margin-right:5px;
	background:url(/common/img/board/ico-file.png) 50% 50% no-repeat;
}
.bbs_view .view-contents{
	padding:30px;
	border-bottom:1px solid #dadada;
	min-height:250px;
}
.bbs_view .view-contents p{
	word-break:break-all;
	f
}
.bbs_view .view-title{
	display:inline-block;
	width:auto;
	min-width:140px;
	text-align:right;
	margin-right:10px;
}


/* bbs_write */
.bbs_write th{
	text-align:left;
	padding:20px 15px 15px;
	border-bottom:1px solid #dadada;
	background:#f7f7f7;
	font-weight:400;
	word-break:break-all;
	overflow:hidden;
	height:100%;
}
.bbs_write td{
	padding:18px 0px 15px 15px;
	border-bottom:1px solid #dadada;
	border-left:1px solid #dadada;
	color:#666;
	word-break:break-all;
	overflow:hidden;
}
.bbs_write td.td-last{
	border-left:none;
}
.bbs_write .focus{
	color:#ff4400;
	vertical-align:middle !important;
	margin:7px 0 0 5px;
	display:inline-block;
}
.bbs_write .file .file-box{
	position:relative;
	margin-bottom:10px;
}
.bbs_write .file .file-box .info-box{
	font-size:16px;
	position:relative;
	display:inline-block;
}
.bbs_write .file .file-box .info-box .file-info{
	display:inline-block;
	padding:0 15px;
}
.bbs_write .file .file-box .info-box .check-box{
	display:inline-block;
}
.bbs_write .checkbox .checkmark{
	top:4px;
} 
.board img{
	width:100%;
	height:auto;
}


/* grid-box */
.grid-box .boxs{
	position:relative;
	float:left;
	width:25%;
	border:none;
	transition:all 0.3s;
}
.grid-box .boxs a:hover .text .tit{
	text-decoration:underline;
}
.grid-box .row{
	margin:0 -10px;
}
.grid-box .boxs .box{
	position:relative;
	margin:0 10px 30px;
	overflow:hidden;
}
.grid-box .boxs .img{
	height:180px;
	position:relative;
	overflow:hidden;
	text-align:center;
}
.grid-box .boxs img{
	height:180px;
}
.grid-box .boxs a:hover img{
	-webkit-transform:scale(1.07);
	transform:scale(1.07);
	transition:all 0.6s cubic-bezier(0.68, 0, 0.265, 1.55);
}
.grid-box .boxs .text{
	padding:10px 0px 0;
	overflow:hidden;
}
.grid-box .boxs .text .tit{
	height:46px;
	overflow:hidden;
	line-height:1.3;
	word-break:break-all;
	font-weight:500;
	margin-bottom:1em;
}
.grid-box .boxs a{
	color:#333;
}
.grid-box .boxs a:hover{
	text-decoration:none;
	color:#3393dd;
}
.grid-box .boxs .text .writer,
.grid-box .boxs .text .date{
	float:left
	line-height:1;
	color:#7f7f7f;
	font-size:0.938em;
}
.grid-box .boxs .text .date{
	float:right;
}


@media all and (max-width:1240px){
	.board-top .form-search .select-box::before ,
	.board-top .form-search .search-box::before{
		height:1px;
		background-color:#d9d9d9;
	}
	.board-top .form-search{
		position:relative;
		margin:0 auto 20px;
  	}
	.board-top .form-search .search-box{
		width:calc(100% - 140px);
		float:right;
	}
	.gallery .board-top,
 	.gallery-status,
	.grid-box{
		max-width:768px;
		margin:0 auto;
	}
	.grid-box .boxs{
		width:33.3333%;
	}
}


@media all and (max-width:768px){
	.board{
		font-size:15px;
	}	
	.form-control{
		height:40px;
		line-height:42px;
		padding-left:10px;
	}
	.form-sm{
		width:72px;
	}
	.w100{
		width:70px;
	}
	.w300,
	.w400{
		width:100%;
	}
	.btn-normal,
	.btn-primary{
		width:90px;
		height:40px;
		font-size:14px;
	}
	.board input::placeholder{font-size:14px;}
	.board input::-webkit-input-placeholder{font-size:14px;}
	.board input::-ms-input-placeholder{font-size:14px;}
	.board textarea::placeholder{font-size:14px;}
	.board textarea::-webkit-input-placeholder{font-size:14px;}
	.board textarea::-ms-input-placeholder{font-size:14px;}
	.board .form-control-focus::placeholder{font-size:14px;}
	.board .form-control-focus::-webkit-input-placeholder{font-size:14px;}
	.board .form-control-focus::-ms-input-placeholder{font-size:14px;}
	.select{
		height:40px;
		padding-left:10px;
	}
	.board-top{
		padding:10px 0 15px;
	}	
	.board-top .form-search .select-box{
		height:33px;
		margin-right:17px;
	}
	.board-top .status,
	.board-top .sort li{
		font-size:14px;
	} 
	.board-top .status{
		padding:0;
	}
	.pager a{
		line-height:28px;
		width:30px;
		height:30px;
		margin:0 2px;
	}
	.pager a.page{
		line-height:18px;
		width:20px;
		height:20px;
		margin:0;
	}
	.board-btn{
		margin-top:30px;
	}
	.bbs_list td{
		padding:15px 4px 15px;
		line-height:1.42;
		word-break:break-all;
 	}
	.bbs_list td.td-left{
		padding:15px 4px 15px 10px;
  	}
	.bbs_list td.subject{
		width:90%;
		word-break:break-all;
	}
	.bbs_list td a,
	.bbs_list td a:hover{	
		word-break:break-all;
		font-weight:500;
		color:#333;
	}
	.bbs_list .info{
		display:block;
	}
	.bbs_view .view-header{
		padding:15px 0px 0px;
	}
	.bbs_view .view-header .tit{
		font-size:17px;
		padding:0;
	}
	.bbs_view .text{
		padding-bottom:5px;
	}
	.bbs_view .text span{
		font-size:13px;
	}
	.bbs_view .text span::after{
		height:12px;
		top:4px;
	}
	.bbs_view .text-file{
		padding:10px 0px;
	}
	.bbs_view .text-file span{
		font-size:13px;
	}
	.bbs_view .view-contents{
		padding:15px 0;
	}
	.bbs_write th{
		padding:10px 5px 15px;
		line-height:1.42;
		vertical-align:middle;
	}
	.bbs_write td{
		padding:12px 0 15px 10px;
	}
	.bbs_write .file .file-box .info-box{
		font-size:0.938em;
		display:block;
		margin-top:5px;
	}
	.bbs_write .file .file-box .info-box .file-info{
		padding:0 15px 0 0;
	}
	.btn-sm{
		font-size:13px;
		height:40px;
		line-height:40px;
	}
	.member .btn-sm{
		margin-top:4px;
	}
	.form-control-memo{
		height:150px;
	}
	.gallery .board-top,
	.gallery-status,
	.grid-box{
		max-width:400px;
	}
	.grid-box .boxs{
		width:50%;
	}
	.grid-box .boxs .box{
		margin:0 10px 10px;
	}
	.grid-box .boxs .img,
	.grid-box .boxs img{
		height:142px;
 	}
	.grid-box .boxs .text .tit{
		height:36px;
		margin-bottom:0.5em;
	}
	.sub .checkbox{
		padding-top:2px;
 	}
}
 

@media all and (max-width:480px){
	.gallery .board-top,
	.gallery-status,
	.grid-box{
		max-width:320px;
	}
 	.grid-box .row{
		margin:0 -5px;
	}
	.grid-box .boxs .box{
		margin:0 5px 10px;
	}
	.grid-box .boxs .img{
		height:105px;
	}
	.grid-box .boxs img{
		height:105px;
	}
}