@charset "utf-8";

#body hr.padding {height:0;padding:0;}
#body .fix-layout {max-width:1200px;}

/*목록*/

.board-notice	{ max-width: 300px; padding: 10px; margin: 30px auto; text-align: center; box-sizing: border-box; }

#navi_category ul {text-align:center;padding:30px 0;}
#navi_category li {display:inline-block; padding:5px 0;}
#navi_category li:before {display:inline-block; content:"|";padding:0 15px;opacity:.6;}
#navi_category li:first-child:before {display:none;content:"";}
#navi_category #bo_cate_on {font-weight:bold;}

.board-skin-basic{
position:relative;
width:100%;
padding:0 50px;
margin:30px auto 0;
box-sizing:border-box;
/*background-color: rgba(0,0,0,0.5); 누비: 배경색 지움 */
}

.swiper-container { width: 100%; text-align:center; }
.swiper-container h2 { padding:45px 0 20px; } /*카테고리 - 분류별 정렬시 사용*/

.swiper-container li.bo-list{
	display:inline-flex;
	flex-direction:column;
	align-items:center;
	position:relative;
	padding:0;
	text-align: center;
	}
.swiper-container li a {display:block;}
.swiper-container li a.ui-thumb {opacity:0.8;overflow:hidden;} /*썸네일 기본*/
.swiper-container li a.ui-thumb:hover{opacity:1;filter:saturate(1);} /*마우스오버*/
.swiper-container li a.ui-profile {text-align:center;padding:10px 0 5px;} /*썸네일 하단 글씨 영역*/
.swiper-container li a.ui-profile .name, .swiper-container li a.ui-profile .type {display:block;line-height:130%;word-break:break-all;}
.swiper-container li a.ui-profile .name {font-size:15px; color: white;} /*이름*/
.swiper-container li a.ui-profile .type { /*display:none !important;*/font-weight:bold; opacity:0.8;} /* 구분내용 - 출력을 원하실 경우 display:none !important; 부분을 지워주세요. */

.swiper-container li.swiper-slide {
	overflow:hidden;
	padding:0;
	text-align: center;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	}
.swiper-slide a{position:relative;display:block;width:100%;height:100%;	font-size: 20px; line-height:150%}
.board-skin-basic .swiper-button-prev, .board-skin-basic .swiper-container-rtl .swiper-button-next,
.board-skin-basic .swiper-button-next, .board-skin-basic .swiper-container-rtl .swiper-button-prev {background-image:none;font-size:44px;line-height:44px;}
.board-skin-basic .swiper-button-prev, .board-skin-basic .swiper-container-rtl .swiper-button-next {left:10px;}
.board-skin-basic .swiper-button-next, .board-skin-basic .swiper-container-rtl .swiper-button-prev {right:10px;}


/*글쓰기*/

.board-write	{  max-width:800px; padding: 0 10px; margin:30px auto; }
.board-write > dl {position:relative;}
.board-write > dl > dt { width:100px;position:absolute;line-height:32px;text-align:center; }
.board-write > dl > dd { width:100%;margin-left:0;padding-left:110px;box-sizing:border-box;line-height:32px;}
.board-write input.frm_input.full	{ width: 100%; display:block;margin:1px 0;}
.board-write .frm_input.small { width:50px;}
.board-write .frm_info{line-height:140%;}
.board-write .write-notice	{
	padding: 20px 10px 10px;
	font-size: 11px;
}

.board-write .files {position:relative;}
.board-write .files	{ margin-top: 20px;}
.board-write .files .sub {position:relative;padding-left:65px; box-sizing:border-box;}
.board-write .files span.sub_tit{position:absolute;left:0;display:block;width:65px;}
.board-write .files .frm_info{padding-top:5px;}
.board-write .files .label-right {position:absolute;top:0;right:0;z-index:2;}


/*본문*/

.board-viewer	{
	width:100%;
	display: block;
	position: relative;
	box-sizing:border-box;
  /*background-color: rgba(0,0,0,0.5); 누비: 배경색 지워봄 */
	overflow:hidden;
	/*height:auto !important;*/  /*페이지 전체 스크롤 원할 경우 해당 라인 주석처리 해제*/
}
.board-viewer:after{content:"";display:block;clear:both;}


.board-viewer .body_img {
	position:relative;
	overflow:hidden; /*전신 이미지 스크롤 원할시 hidden 을 auto로 변경*/
	float:left;
  padding-right: 5%
  padding-left: 5%
  height: 100%;
  width: 90%;
}
#links-box-open {display:none;}
.links-box {position:absolute;top:0;width:100%;}
.links-box .ui-links {overflow:hidden;padding:10px;}
.links-box .ui-links li {margin-bottom:2px;font-weight:bold; font-size:14px;}
#rel_link {float:left;}
#rel_link li {text-align:left;}
#rel_link li a:before {content:"◈ ";}
#rel_link li a.txt-default:before {content: "◇ ";}
#clo_link {float:right;}
#clo_link li {text-align:right;}
#clo_link li a:after {content:" ◈";}
#clo_link li a.txt-default:after {content: " ◇";}

.board-viewer .contents	{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
	padding: 0 15 30px;
	box-sizing:border-box;
	float:right;
	width:550px;
	/*max-width:550px;*/
	background-color: rgba(0,0,0,0.6); /*누비: 배경색 본문에 넣어봄 */
	height:100%;
	overflow:auto;
}
.board-viewer .contents::-webkit-scrollbar,.board-viewer .body_img::-webkit-scrollbar {display:none;} /*스크롤바 숨김*/

.board-viewer.clear{height:auto !important;}
.board-viewer.clear .body_img, .board-viewer.clear .contents{
	float:none;
	width:100% !important;
	clear:both;height:auto;
}
.board-viewer.clear .contents {
margin:0 auto 30px;
}

.board-viewer.clear .body_img {text-align:center;}
.board-viewer .body-img { height:100%; }
.board-viewer .body-img img{
	cursor:pointer;
	max-height:100%; /* 전신 세로 최대를 스크린 사이즈에 맞게 설정 */
}

.board-comment-view {position:relative;clear:both;overflow:hidden;}
p.add { margin: 10px 0;}
p.add.txt-left {float:left;}
p.add.txt-right {float:right;}
p.add a {display:inline-block;}
#bo_vc_w {clear:both;}
#bo_v_con {padding:20px 0;}
#bo_v_bot	{ padding: 15px 0;}
#bo_v_bot .ui-btn {margin-bottom:2px;}

.co-content {text-align:right;}

.board-comment-list			{ position: relative;clear:both; }
.board-comment-list .item	{
	position: relative;
	margin-bottom:5px;
}
.board-comment-list strong {display:block;margin:20px 0 5px;}
.board-comment-list .co-content {box-sizing:border-box;padding-right:50px;padding-bottom:5px;}
.board-comment-list .co-content .co-inner {text-align:left;}
.board-comment-list .co-info {position:absolute; width:50px; top:0;right:0;}
.board-comment-list .co-content .ui-btn {padding:0 8px; margin:0 2px;}
.board-comment-form	{
	position: relative;
	padding-right: 80px;
}
.board-comment-form .btn_confirm	{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 80px;
}
.board-comment-form .btn_confirm .ui-btn	{
	width: 100%;
	height: 100%;
}
.board-comment-form p	{
	margin: 0;
	padding: 5px 10px;
}

#wr_content{display:block;height:100px;}

@media all and (max-width: 720px) {
	.board-category	{
		display: block;
		width: 100%;
		box-sizing: border-box;
		padding: 0 10px;
	}
	.board-category select	{
		width: 100%;
	}

	.bo_fx	{
		display: grid; /*누비: 도전 ...... 뭐가 달라진 거냐 */
		width: 100%;
		box-sizing: border-box;
		padding: 20px 10px !important;
	}
	.bo_fx a	{
		display: block;
		width: 100%;
	}
.board-skin-basic .swiper-button-prev, .board-skin-basic .swiper-container-rtl .swiper-button-next {left:0;}
.board-skin-basic .swiper-button-next, .board-skin-basic .swiper-container-rtl .swiper-button-prev {right:0;}
.board-viewer .body_img ,.board-viewer .contents {width:100%;float:none;clear:both;}
.board-viewer .body_img {text-align:center;}
.board-write .files .sub {padding-left:0;}
.board-write .files span.sub_tit{position:relative;}
.board-write .files .label-right {position:relative;}
#links-box-open {display:block;margin:10px auto;opacity:0.7;}
.links-box {position:relative;top:auto;overflow:hidden;display:none;}
.links-box .ui-links li {font-size:13px;}
}