@charset "utf-8";
 
.board-notice	{ max-width: 300px; padding: 10px; margin: 0 auto; text-align: center; box-sizing: border-box; }
 
.board-category	{
	display: block;
	position: relative;
	margin-bottom: 10px; 
	
}
.board-category select	{

}
.board-skin-basic{
position:relative;
width:100%;
padding:0 60px;
margin:0 auto;
box-sizing:border-box;
}

.swiper-container {
	width: 100%;
    } 
.swiper-container li.swiper-slide {
	overflow:hidden;
	padding:0;
	text-align: center;  
	opacity:0.8;
	/* 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-container li.swiper-slide:hover {opacity:1;}
.swiper-slide a{position:relative;display:block;width:100%;height:100%;	font-size: 20px; line-height:150%}
.swiper-slide a strong{display:none;/*position:absolute;display:inline-block;padding:0 15px;width:100%;top:50%;left:0;box-sizing:border-box;opacity:0;transform:translateY(-50%);*/}  
/*.swiper-slide a.theme-box {border:0 none;border-radius:0;opacity:0.9}*/
.swiper-slide a.theme-box strong{opacity:1;}
.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;}

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

	.bo_fx	{
		display: block;
		width: 100%;
		box-sizing: border-box;
		padding: 20px 10px !important;
	}
	.bo_fx a	{
		display: block;
		width: 100%;
	}
}



.board-write	{  padding: 0 10px; }
.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;padding-left:80px; box-sizing:border-box;}
.board-write .files	{ margin-top: 20px;} 
.board-write .files .upload-data{display:none;}
.board-write .files .upload-data.on {display:inline-block;} 
.board-write .files span.sub_tit{position:absolute;left:0;display:block;width:80px;} 
.board-write .files .frm_info{padding-top:5px;}


#related_link {position:absolute;right:10px;z-index:99;}
#related_link li{display:inline-block;}
.board-viewer	{
	display: block;
	position: relative;
	padding: 10px 0;
	min-height:100%;box-sizing:border-box;
	overflow:hidden;
}
.board-viewer:after{content:"";display:block;clear:both;}

.board-viewer .body_img {
	width:48%;
	overflow:hidden;
	float:left; 
}
.board-viewer .contents	{
	width:52%;
	display: block;
	position: relative;
	margin: 20px 0;
	float:right;
} 

.board-viewer .body-img {
	margin-top:10px;
}
.board-viewer .body-img img{cursor:pointer;}
.board-viewer .subject	{
	text-align: center;
}
.board-viewer .subject em	{
	display: block;
	position: relative;
	font-size: 14px;
	line-height: 1.2em;
	padding-bottom: 10px;
}
.board-viewer .subject strong	{
	display: block;
	position: relative;
	font-size: 22px;
	line-height: 1.2em;
}

.board-viewer .info	{
	margin-top: 20px;
	padding: 8px 10px;
	text-align: center;
}
.board-viewer .info span	{ display: inline-block; opacity: .8; }
.board-viewer .info span + span:before	{
	content: "";
	display: inline-block;
	width: 1px;
	height: 8px;
	vertical-align: middle;
	margin: 0 10px;
}

.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:30px 0;} 

#bo_v_bot	{ padding: 20px 0; overflow: hidden; }
.bo_v_nb	{ float: left; }
.bo_v_com	{ float: right; }

.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: 640px) {   
.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;}
}