/* board */
.board{
	position:relative;
	word-break:break-all;
}
.status{
	position:relative;
	margin:1rem 0;
}
.board-select {
margin:10px }

/* bbs_view */
.bbs_view{
	width:100%;
	border-top:2px solid #333;
}
.bbs_view .view-header{
}
.bbs_view .view-title{
 	background:#fbfbfb;
	padding:15px 15px;
	border-bottom:1px solid #d9d9d9;
	font-size:21px;
	font-weight:500;
	word-break:break-all;
	line-height:1.5;
}
.bbs_view .text{
	border-bottom:1px solid #d9d9d9;
	padding:10px 15px;
}
.bbs_view .text em{color:#333;} 
.bbs_view .text span{
	position:relative;
	font-size:15px;
	padding:0 15px 0 0;
}
.bbs_view .text span:first-child{
	padding:0 15px 0 0;
}
.bbs_view .text span::after{
	position:absolute;
	right:0;
	top:5px;
	height:14px;
	width:1px;
	background:#d9d9d9;
	display:block;
	content:"";
}
.bbs_view .text span:last-child::after{
	display:none;
}
.bbs_view .text-file{
	padding:10px 15px;
	border-bottom:1px solid #d9d9d9;
}
.bbs_view .text-file a{
	text-decoration:underline;
	margin-right:5px;
}
.bbs_view .text-file a:hover{
	color:#339933;
}
.bbs_view .view-contents{
	padding:2em 1em;
	border-bottom:1px solid #d9d9d9;
}
.bbs_view .view-contents img{
	margin:1em 0;
}

 
/* bbs_list */
.bbs_list{
	position:relative;
	width:100%;
	border-top:2px solid #333;
}
.bbs_list th{
	color:#111;
	text-align:center;
	padding:15px;
	background:#fafafa;
	font-weight:500;
	border-bottom:1px solid #d9d9d9;
	line-height:1.5;
}
 .bbs_list td{
	color:#111;
	text-align:center;
	padding:15px 5px;
	border-bottom:1px solid #d9d9d9;
	line-height:1.5;
}
 .bbs_list td.subject{
 	text-align:left;
	width:55%;
	word-break:break-all;
}
.bbs_list td a{
	color:#111;
}
.bbs_list td a:hover{
 	text-decoration:underline;
	color:#339933;
}
 .bbs_list th.left{
 	text-align:left;
	padding:12px 30px;
} 
 .bbs_list th.top,
 .bbs_list td.top{
 	border-top:2px solid #333;
}
.bbs_list td.left{
 	text-align:left;
	padding:12px 10px;
}
.icon-file img{
	vertical-align:middle;
}
.bbs_list2{
	font-size:15px;
	border-top:1px solid #e0e0e0 !important;
}
.bbs_list2 th{
	color:#55555b;
 	font-weight:500;
 	text-align:left;
	padding:12px 10px;
}
 .bbs_list2 td{
	text-align:left;
	padding:12px 30px 12px 10px;
}
.bbs_list2 td.left a{
	color:#959595;
} 
.bbs_list span.arrow-up{
	display:inline-block;
 	width:40px;
	height:20px;
 	vertical-align:middle;
	transition:all 0.3s;
	z-index:1;
 	font-size:0;
 	background:url(/common/img/board/arrow-up.png) center 50% no-repeat;
}
.bbs_list span.arrow-down{
	display:inline-block;
 	width:40px;
	height:20px;
 	vertical-align:middle;
	transition:all 0.3s;
	z-index:1;
 	font-size:0;
 	background:url(/common/img/board/arrow-down.png) center 50% no-repeat;
}
.bbs_list .list_date{
	float:right;
 	font-size:15px;
}
span.icon-star{
	display:inline-block;
	width:10px;
	height:10px;
	margin-right:5px;
 	background:url(/common/img/board/icon-star.png) center top no-repeat;
}
span.sm-1{
	font-size:13px !important;
	margin-left:5px;
	vertical-align:bottom;
}
span.icon-key{
	width:12px;
	height:17px;
 	background:url(/common/img/board/icon-key.png) left 50% no-repeat;
	display:inline-block;
	margin-right:8px;
	font-size:0;
}
span.icon-answer{
	width:8px;
	height:8px;
 	background:url(/common/img/board/icon-answer.png) left 50% no-repeat;
	display:inline-block;
	margin-right:8px;
	font-size:0;
}
.bbs_list .info{
	display:none;
	padding-top:0px;
	white-space:nowrap;
 	line-height:1.3;
	color:#55555b;
	min-height:23px;
}
.bbs_list .info > li{
	position:relative;
	display:inline-block;
	max-width:90px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	vertical-align:middle;
	margin-right:5px;
	padding-right:8px;
}
.bbs_list .info > li:after{
 	content:"";
	position:absolute;
	height:10px;
	right:0px;
	top:3px;
	width:1px;
	background:#ddd;
	z-index:1;
} 
.bbs_list .info > li:last-child:after{
	display:none;
}
.bbs_list .prevent{
	padding-right:10px;
}
.bbs_list .scroll-box{
	border:1px solid #d9d9d9;
	padding:1vw;
	font-size:13px;
	height:200px;
 	line-height:1.5;
	overflow-x:hidden;
	word-break:break-all;
}
.bbs_list .scroll-box p{
 	line-height:1.5;
}
.bbs_list input[type='checkbox']{
	width:20px;
	height:20px;
}
.bbs_list .Qpart{
	display:inline-block;
	width:160px;
}
.bbs_list p.tit{
	font-weight:500;
}


/* bbs_organic */
table .bbs_organic{
	table-layout:fixed;
	display:table;
	position:relative;
} 
 .bbs_organic th,
 .bbs_organic td{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
.bbs_organic td.no{
	min-width:40px !important;
}

 .bbs_organic td .link{
	color:#6eb414;
	font-weight:400;
	cursor:pointer;
}
 .bbs_organic td .link2{
 	cursor:pointer;
}
.bbs_organic td .link:hover,
.bbs_organic td .link2:hover{
	text-decoration:underline;
}
.bbs_organic_write{
 	position:relative;
	width:100%;
 	border-top:2px solid #333;
}
.bbs_organic_write .list{
	table-layout:fixed;
	display:table;
	position:relative;
	width:100%;
	border-bottom:1px solid #d9d9d9;
}
.bbs_organic_write .items{
	display:table-cell;
	vertical-align:middle;
	width:25%;
	padding:15px 15px 15px 30px;
	position:relative;
}
 .bbs_organic_write .list .items_tit{
 	color:#111;
 	background:#fbfbfb;
	font-weight:400;
}
.bbs_organic_write .list1 .items_tit{
	width:25%;
}
 .bbs_organic_write .list1 .items_txt{
	width:75%;
}
 .bbs_organic_write .input-radio{
  display:inline-block;
  margin-top:-2px;
}


/* select */
.search-area{
 	text-align:right;
 	width:100%;
	font-size:15px;
}
.select{
 	width:80px;
 	height:40px;
	 
 	border:1px solid #ddd;
 	padding-left:8px;
  	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
  	background:#fff url(/common/img/board/arrow-dropdown.svg) right center no-repeat;
	background-repeat:no-repeat, repeat;
	background-position:right .25em top 50%, 0 0;
	border-radius:0;
}
 .select::-ms-expand{
	display:none;
}
.select2{
	width:100px !important;
}
.select option{
	font-weight:normal;
}
.search-input{
	width:230px !important;	
 	margin:0 8px;
}
.btn-search2{
	background:#454545;
	border:1px solid #454545;
	height:42px;
	color:#fff;
	width:70px;
	padding:0 !important;
	vertical-align:top;
	position:relative;
	font-size:15px;
}


/* .form-control */
.form-control{
	height:42px;
	line-height:42px;
 	border:1px solid #ddd;
	padding:0 8px;
	width:100%;
} 
.bbs_list .form-control{
 	min-width:200px;
	width:auto;
} 
.bbs_list .form-control1{
	width:100%;
	max-width:450px;
}

/* .board-tab */

.board-tab li{
    float: left;
    margin-bottom: 5px;
}

 .board-tab li {   
    position: relative;
    display: block;
    padding: 6px 20px;
    border:0.5px solid #dcdcdc !important; 
   margin-right: 3px !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
}

 .board-tab li:hover {
   cursor:pointer;
    color: #fff !important;
    background-color: #57c2ff !important;
}
 
.board-tab .on{ 
color:#fff;
background-color:#57c2ff;
}
/* .board-tab */

 /* pager */
.pager{
	float:left;
 	width:100%;
 	text-align:center;
	padding:30px 0;
}
.pager a{
	display:inline-block;
	line-height:25px;
	width:23px;
	height:27px;
	border-radius:3px;
 	border:1px solid #d2d2d2;
	vertical-align:middle;
	margin:0 1px;
	color:#454545;
	font-size:14px;
}
.pager a:hover,
.pager a:focus{
	color:#333;
 	border:1px solid #333;
}
.pager a.on{
	color:#fff;
	background:#333;
 	border:1px solid #333;
}
.pager .page{
	display:inline-block;
 	width:23px;
	height:27px;
 	vertical-align:middle;
	transition:all 0.3s;
	z-index:1;
 	font-size:0;
}
 .pager .page-prev{
 	background:#f7f7f7 url(/common/img/board/arrow-prev.png) center 50% no-repeat;
 	background-size:auto 10px;
}
 .pager .page-prev2{
 	background:#f7f7f7 url(/common/img/board/arrow-prev2.png) center 50% no-repeat;
 	background-size:auto 10px;
}
.pager .page-next{
 	background:#f7f7f7 url(/common/img/board/arrow-next.png) center 50% no-repeat;
 	background-size:auto 10px;
}
.pager .page-next2{
 	background:#f7f7f7 url(/common/img/board/arrow-next2.png) center 50% no-repeat;
 	background-size:auto 10px;
}

 
 /* btn */
.btn{
 	font-family:'Noto Sans KR', 'NanumGothic', sans-serif;
 	display:inline-block;
	padding:0.75rem 1.25rem;
 	margin-bottom:0;
 	line-height:1;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	border:1px solid transparent;
	font-size:16px;
}
.btn:focus{outline:none;} 
.btn-write{
	background:#800000;
	color:#fff;
	border:1px solid #804000;
	border-radius:5px !important;
}
 .btn-save{
	color:#fff;
  background:#fe6e18;
	border:1px solid #fa5f00;
	border-radius:5px !important;
}
 .btn-cancel{
	color:#fff;
 	background:#444;
	border:1px solid #353535;
	border-radius:5px !important;
}
 .btn-list,
 .btn-normal{
	background:#e1e1e1;
	color:#000;
	border:1px solid #d9d9d9;
	border-radius:5px !important;
}
.btn-send{
	background:#50b848;
	color:#fff;
	border:1px solid #50b848;
	border-radius:5px !important;
}
.btn-counsel{
	background:#636363;
	padding:9px 20px;
	color:#fff;
	border-radius:3px !important;
	font-size:14px;
}
.btn-answer{
	background:#c0c0c0;
	padding:9px 20px;
	color:#fff;
	border-radius:3px !important;
	font-size:14px;
}
.btn-confirm{
 	background-color:#266ed4;
	color:#fff;
}
.btn-area .btn{
	margin:0 5px 10px;
} 
.btn-right{
	text-align:right;
} 
.btn-right-p2{
	padding:30px 0;
} 

 
 /* gallery */
.gallery_list{
	position:relative;
}
.gallery_list:after{clear:both;content:'';display:block;}
.gallery_list .row{margin:0 -1vw;}
.gallery_list .boxs{
	float:left;
	width:33.3333%;
}
.gallery_list .box{
	position:relative;
	margin:0 1vw 2vw;
	border:1px solid #dedede;
  	text-align:center;
	cursor:pointer;
 	letter-spacing:-0.03rem;
 	word-break:break-all !important;
	height:370px;
}
.gallery_list .img-gal{
	position:relative;
	overflow:hidden;
	border-bottom:1px solid #dedede;
	display:block;
}
.gallery_list .box .img{
 	height:100%;
	max-width:100%;
} 
 .gallery_list .box .img img{
	height:282px;
	max-width:100%;
} 
 .gallery_list .box dl{
 	width:100%;
 	padding:20px;
 	text-align:center;
	height:70px;
	overflow:hidden;
}
 .gallery_list .box dt{
	font-weight:400;
	color:#111;
 	line-height:1.3;
 	word-break:break-all;
	height:45px;
	overflow:hidden;
}
 .gallery_list .box dd{
	font-size:15px;
	line-height:1.5;
	font-weight:400;
}
.gallery_list .box:hover{
	border:1px solid #fd8469;
	transition:all 0.3s;
}
 
 
@media (max-width:768px){
	 .bbs_list td.subject{
 		width:85%;
	}
	 .bbs_list th{
 		padding:5px;
 	}
	 .bbs_list td{
 		padding:7px 5px;
		min-width:70px;
	}
	.bbs_view .view-title{
 		padding:10px 0px;
 		font-size:17px;
 	}
	.bbs_view .text{
 		padding:10px 0px;
	}
	.bbs_view .text span{
 		font-size:14px;
		padding:0 10px 0 0;
	}
	.bbs_view .text span:first-child{
		padding:0 10px 0 0;
	}
	.bbs_view .text span::after{
 		top:5px;
		height:11px;
 	}
	 .bbs_view .text-file{
 		padding:10px 0px;
 	}
 	.bbs_view .view-contents{
		padding:20px 0em;
 	}
	 .bbs_organic{
		width: 700px;
	}
	.bbs_list td.left{
 		padding:12px 10px;
	}
	.bbs_list th.left{
 		min-width:85px !important;
		word-break:break-all;
		line-height:1.3;
 		padding:12px 5px 12px 10px;
  	}
	.bbs_list td .memo{
 		padding:10px;
		margin:0;
 	}
	.bbs_list td.td-scroll{
		padding:10px 0 10px 10px;
	}
	span.sm-1{
		display:block;
	}
	.bbs_list2{
		font-size:14px;
 	}
	.bbs_list span.arrow-up, 
	.bbs_list span.arrow-down,
	.bbs_list .list_date{
 		display:none;
	}
 	.gallery_list{
		max-width:720px;
		margin:0 auto;
 	}
 	.gallery_list .box{
 		height:230px;
	}
	 .gallery_list .box .img img{
		height:170px;
 	} 
	 .gallery_list .box dl{
 		padding:10px;
 		height:48px;
 	}
	.gallery_list .box dt{
 		height:48px;
 	}
 	.board,
	.btn{font-size:14px;}
	.status{
 		margin:1rem 0 0.5em !important;
	}
 	.search-input{
 		margin:0 4px !important;	
 		width:160px !important;	
		font-size:13px;
 	}
	 .search-area .btn-search2{
		font-size:13px;
		width:60px;
	}
	.select{font-size:13px;}
	.search-area{
		text-align:center;
		font-size:14px;
 	}
 	.gallery_list{
		max-width:450px;
		margin:0 auto;
 	}
	.gallery_list .boxs{
 		width:50%;
	}
	.bbs_list .info{
		display:block;
 	}
	.bbs_list .info li{
 		font-size:13px !important;
	}
	.bbs_list .form-control1{
		width:100%;
		max-width:100%;
	}
	 .bbs_organic th,
	 .bbs_organic td{
		line-height:1.3;
		word-break:break-all;
		font-size:13px !important;	
		padding:10px 2px;
	}
 	 .bbs_organic td.date{
		font-size:12px !important;	
	}
 	
	.bbs_organic_write .items{
 		display:inline-block;
		padding:10px 8px;
		font-size:13px;
		word-break:break-all;
		line-height:1.4;
	}
 	.bbs_organic_write .list::before{
		position:absolute;
		left:0;
		top:0px;
 		width:30%;
		height:100%;
		z-index:-1;
		content:"";
		display:block;
		background:#fbfbfb;
	}
	 .bbs_organic_write .list{
		width:100%;
	}
	.bbs_organic_write .list .items_tit{
		width:30%;
 	}
	 .bbs_organic_write .list .items_txt{
		width:70%;
		float:right;
 	}
	.bbs_organic_write .list1 .items_tit{
		width:30%;
 	}
	 .bbs_organic_write .list1 .items_txt{
		width:70%;
		float:right;
 	}
	 .bbs_organic_write .list  .items_txt2{
		padding-top:1em;
	}
	.bbs_organic_write .items_bb{
		border-top:1px solid #d9d9d9;
	}
	.bbs_organic_write2 .list .items_tit{
		min-height:52px;
		padding-top:1em;
 	}
	.bbs_organic_write2 .list .items_txt .form-control{
		height:32px;
		line-height:32px;
 	}
}
 

@media (max-width:576px){
	.select-ty1,
 	.bbs_list .form-control{
		max-width:100%;
		min-width:auto;
 	} 
}

 
@media (max-width:480px){
 	.gallery_list{
		max-width:350px;
		margin:0 auto;
 	}
 	.gallery_list .box{
 		height:185px;
	}
	 .gallery_list .box .img img{
		height:128px;
 	} 
	 .gallery_list .box dl{
 		height:42px;
 	}
	.gallery_list .box dt{
 		height:42px;
		font-size:13px;
 	}
}