@charset "utf-8";


/* 갤러리 목록 */
#bo_gall{background:#f4f4f4;}
#bo_gall h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#bo_gall #gall_ul {margin:10px 0 ;padding:0; list-style:none; zoom:1;}
#bo_gall #gall_ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_gall .gall_li {float:left; font-size:12px;}

#bo_gall .gall_con {margin:0;padding:0;list-style:none; overflow:hidden; padding:5px; margin-bottom:7px; border:0.5px solid rgba(0,0,0,0.2); background:#fff; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);}
#bo_gall .gall_con .icon_notice{}

#bo_gall .gall_con li {}
#bo_gall .gall_con li.gall_href strong, #bo_gall .gall_href span {display:inline-block;background:#f7f7f7;text-align:center;}/* 공지 & no image */
#bo_gall .gall_con li.gall_href .icon_notice{font-size:0;}
#bo_gall .gall_con li.gall_href .icon_notice:before{content: "\e61a"; font-family: 'Pe-icon-7-stroke'; font-size:18px; color:rgba(0,0,0,0.7);}
#bo_gall .gall_href a:link, #bo_gall .gall_href a:focus, #bo_gall .gall_href a:hover {text-decoration:none;}

#bo_gall .gall_con li.gall_text_href { line-height:1.4em; font-size:12px; font-weight:500; padding:0 2px; margin-top:7px;}/* 제목 */
#bo_gall .gall_now .gall_text_href a {color:#ff3061;}

#bo_gall .gall_con li.gall_text_href .name{font-weight:400;}
#bo_gall .gall_con li.gall_text_href .gall_subject {display:inline-block;  display:none;}

#bo_gall .gall_con li.info{line-height:1.3em; font-size:10px; padding:0 2px; margin-top:4px;}
#bo_gall .gall_con li.info span{display:inline-block; margin-right:2px;}













/* swipeview-slider */

#swp_wrapper {
	width:100%;
	min-width:320px;
	height:100%;
	}

#circle {
	position:absolute;
	z-index:100;
	top:18px;
	width:100%;
	text-align:center;
	}

#circle li {
	display:inline-block;
	width:10px;
	height:10px;
	line-height:10px;
	background:rgba(200,200,200,0.3);
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	-ms-border-radius:7px;
	-o-border-radius:7px;
	border-radius:7px;
	margin:0 3px;
	text-align:center;
	}

#circle li#prev, #circle li#next{background:transparent; margin:0 10px; display:none;}

#circle li.selected {background:rgba(255,255,255,0.8);}

#circle li i{margin-top:-4px;}

#swipeview-slider > div {
	position:relative;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-o-box;
	display:box;
	-webkit-box-orient:vertical;
	-moz-box-orient:vertical;
	-ms-box-orient:vertical;
	-o-box-orient:vertical;
	box-orient:vertical;
	-webkit-box-pack:center;
	-moz-box-pack:center;
	-ms-box-pack:center;
	-o-box-pack:center;
	box-pack:center;
	-webkit-box-align:center;
	-mox-box-align:center;
	-ms-box-align:center;
	-o-box-align:center;
	box-align:center;
	overflow:hidden;
	}

#swipeview-slider img {
	display:block;
	width:none;
	-webkit-transition-duration:.4s;
	-moz-transition-duration:.4s;
	-ms-transition-duration:.4s;
	-o-transition-duration:.4s;
	transition-duration:.4s;
	-webkit-transition-property:opacity;
	-moz-transition-property:opacity;
	-ms-transition-property:opacity;
	-o-transition-property:opacity;
	transition-property:opacity;
	opacity:1;
	pointer-events:none;
	}

#swipeview-slider span {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	padding:20px 15px;
	display:block;
	background:rgba(30,30,30,0.6);
	font-size:13px;
	color:rgba(255,255,255,0.9);
	text-align:left;
	-webkit-transition-duration:.3s;
	-moz-transition-duration:.3s;
	-ms-transition-duration:.3s;
	-o-transition-duration:.3s;
	transition-duration:.3s;
	-webkit-transition-property:-webkit-transform;
	-moz-transition-property:-moz-transform;
	-ms-transition-property:-ms-transform;
	-o-transition-property:-o-transform;
	transition-property:transform;
	-webkit-transform:translate(0,100%) translateZ(0);
	-moz-transform:translate(0,100%) translateZ(0);
	-ms-transform:translate(0,100%);
	-ms-transform:translate(0,100%) translateZ(0);
	-o-transform:translate(0,100%);
	-o-transform:translate(0,100%) translateZ(0);
	transform:translate(0,100%) translateZ(0);
}

#swipeview-slider .swipeview-active span {
	-webkit-transform:translate(0,0) translateZ(0);
	-moz-transform:translate(0,0) translateZ(0);
	-ms-transform:translate(0,0);
	-ms-transform:translate(0,0) translateZ(0);
	-o-transform:translate(0,0);
	-o-transform:translate(0,0) translateZ(0);
	transform:translate(0,0) translateZ(0);
}

#swp_wrapper > div > .swipeview-loading {
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#444), to(#555)),
		-webkit-gradient(linear, 0 0, 100% 0, from(#777), to(#777));
	background-position:50% 50%, 50% 50%;
	background-size:200px 140px, 210px 150px;
	background-repeat:no-repeat;
}

#swp_wrapper > div > .swipeview-loading img,
#swipeview-slider img.loading {
	-webkit-transition-duration:0s;
	opacity:0;
}

#swp_wrapper > div > .swipeview-loading span {
	-webkit-transition-duration:0s;
	-moz-transition-duration:0s;
	-ms-transition-duration:0s;
	-o-transition-duration:0s;
	transition-duration:0s;
	-webkit-transform:translate(0,100%) translateZ(0);
	-moz-transform:translate(0,100%) translateZ(0);
	-ms-transform:translate(0,100%);
	-ms-transform:translate(0,100%) translateZ(0);
	-o-transform:translate(0,100%);
	-o-transform:translate(0,100%) translateZ(0);
	transform:translate(0,100%) translateZ(0);
}