/*!
*  - v1.2.1
* Homepage: http://bqworks.com/slider-pro/
* Author: bqworks
* Author URL: http://bqworks.com/
*/
/* Core
--------------------------------------------------*/

.slider-pro{position: relative;	margin: 0 auto;	-moz-box-sizing: content-box;box-sizing: content-box;width: 100%;height: 100%}

.sp-slides-container {position: relative;}
.sp-mask{position: relative;overflow: hidden;}
	#top-slide .slider-pro {min-height: 390px;}
	#top-slide .sp-mask {min-height: 390px}
	#top-slide .sp-image{min-height: 390px !important;}
	#top-slide .sp-image-container {min-height: 390px !important;}
	.sp-slides {min-height: 390px !important;}

.sp-slides {position: relative;-webkit-backface-visibility: hidden;	-webkit-perspective: 1000; margin: 0px auto;}

.sp-slide {position:absolute;width: 100%;}

#top-slide .sp-slide.img01{}
#top-slide .sp-slide .sp-image.bg01{background: url(/assets/_Img/Main/main_acf_bg01.png?t=m7) no-repeat center;}
#top-slide .sp-slide .sp-image.bg02{background: url(/assets/_Img/Main/main_acf_bg02.png) no-repeat center;}
#top-slide .sp-slide .sp-image.bg03{background: url(/assets/_Img/Main/main_acf_bg03.png?t=m3) no-repeat center;}
#top-slide .sp-slide .sp-image.bg04{background: url(/assets/_Img/Main/main_acf_bg04.png) no-repeat center;}
#top-slide .sp-slide .sp-image.bg05{background: url(/assets/_Img/Main/main_acf_bg05.png?t=m5) no-repeat center;}
#top-slide .sp-slide .sp-image.bg06{background: url(/assets/_Img/Main/main_acf_bg06.png?t=m16) no-repeat center;}
#top-slide .sp-slide .sp-image.bg07{background: url(/assets/_Img/Main/main_acf_bg07.png?v=4) no-repeat center;}
#top-slide .sp-slide .sp-image.bg08{background: url(/assets/_Img/Main/main_acf_bg08.png?v=3) no-repeat center;}
#top-slide .sp-slide .sp-image.bg09{background: url(/assets/_Img/Main/main_acf_bg09.png?v=2) no-repeat center;}
#top-slide .sp-slide .sp-image.bg10{background: url(/assets/_Img/Main/main_acf_bg10.png?v=3) no-repeat center;}
#top-slide .sp-slide .sp-image.bg11{background: url(/assets/_Img/Main/main_acf_bg11.jpg?v=3) no-repeat center;}
#top-slide .sp-slide .sp-image.bg12{background: url(/assets/_Img/Main/main_acf_bg12.jpg?v=3) no-repeat center;}
#top-slide .sp-slide .sp-image.bg13{background: url(/assets/_Img/Main/main_acf_bg13.jpg?v=3) no-repeat center;}
#top-slide .sp-slide .sp-image.bg14{background: url(/assets/_Img/Main/main_acf_bg14.jpg?v=3) no-repeat center;}
#top-slide .sp-slide .sp-image.bg15{background: url(/assets/_Img/Main/main_acf_bg15.jpg?v=3) no-repeat center;}


.div-full #top-slide .maintxt{position: absolute; z-index: 99; color: #fff; width: 100%; box-sizing: border-box; max-width: 990px;top: 0;left: 50%;margin-left: -495px;}
.div-full #top-slide .maintxt span{float: left;}
.div-full #top-slide .maintxt span.txt.p-img{}
.div-full #top-slide .maintxt span.txt{width: 100%; padding: 7% 0 13% 0;}
.div-full #top-slide .maintxt span.txt .tit{font-size: 36px; line-height: 35px; margin-top: 10px; letter-spacing: -1.5px;}
.div-full #top-slide .maintxt span.txt .tent{font-size: 17px; line-height: 20px;}
.div-full #top-slide .maintxt span.txt .tent.mgt{margin-top: 20px}

.div-full #top-slide .maintxt span.txt .cate{ margin-top:10px; font-size:14px;display:inline-block; background:#fff;}
.div-full #top-slide .maintxt span.txt .cate span.b{font-weight:500 !Important;  padding: 0 20px; color:#fff !important; }
.div-full #top-slide .maintxt span.txt .cate span{display:inline-block; vertical-align:top; margin-right:10px; padding:0 10px 0 15px;}
.div-full #top-slide .maintxt span.txt .cate.c-01 span.b{background:#053262;}
.div-full #top-slide .maintxt span.txt .cate.c-02 span.b{background:#053262; padding: 0 14px;}/*남미라 수정*/
.div-full #top-slide .maintxt span.txt .cate.c-03 span.b{background:#418ccc; padding: 0 7px;}/*남미라 수정*/


.div-full #top-slide .maintxt span.txt .cate.c-01{border:1px solid #053262}
.div-full #top-slide .maintxt span.txt .cate.c-02{border:1px solid #b74ede}
.div-full #top-slide .maintxt span.txt .cate.c-03{border:1px solid #1e77a9}

.div-full #top-slide .maintxt span.txt .cate.c-01 span{color:#053262;background:url(../_Img/Main/info-arrow03.png) no-repeat 5px center; line-height:28px; }
.div-full #top-slide .maintxt span.txt .cate.c-02 span{color:#053262;background:url(../_Img/Main/info-arrow02.png) no-repeat 5px center; line-height:28px; }
.div-full #top-slide .maintxt span.txt .cate.c-03 span{color:#418ccc;background:url(../_Img/Main/info-arrow01.png) no-repeat 5px center; line-height:28px; }

.sp-image-container {overflow: hidden;}


.sp-image {position: relative; display: block; border: none;}

.sp-no-js {overflow: hidden; max-width: 100%;}
@media only screen and (max-width:1500px){
	#top-slide .slider-pro {min-height: 390px;}
	#top-slide .sp-mask {min-height: 390px}
	#top-slide .sp-image{min-height: 390px !important;}
	#top-slide .sp-image-container {min-height: 390px !important;}
	.sp-slides {min-height: 390px !important;}
	.sp-slide{min-height: 390px !important;}
}
@media only screen and (max-width:990px){
	.div-full #top-slide .maintxt{margin-left: 0; left: 0; padding: 0 45px}
}

@media only screen and (max-width:680px){
	.div-full #top-slide .maintxt{padding: 0 20px}
	.div-full #top-slide .maintxt span.txt .tent{display: none;}
	.div-full #top-slide .maintxt span.txt .cate{margin-top: 35px}
	.div-full #top-slide .maintxt span.txt .tit{font-size: 24px; line-height: 28px; margin-top: 10px}
	#top-slide .slider-pro {min-height: 310px;}
	#top-slide .sp-mask {min-height: 310px}
	#top-slide .sp-image{min-height: 310px !important;}
	#top-slide .sp-image-container {min-height: 310px !important;}
	.sp-slides {min-height: 310px !important;}
	#top-slide .sp-slide .sp-image.bg07{background: url(/assets/_Img/Main/main_acf_bg07_mo.png?v=8) no-repeat;background-position: center center;}

}
@media only screen and (max-width:600px){
	.div-full #top-slide .maintxt span.txt .tent.mgt{margin-top: 30px}
/*	#top-slide .sp-slide .sp-image.bg04{background: url(/assets/_Img/Main/main_acf_bg04_mo.jpg) no-repeat;background-position: right center;}
*/	#top-slide .sp-slide .sp-image.bg08{background: url(/assets/_Img/Main/main_acf_bg08_mo.png?v=1) no-repeat center;}
	#top-slide .sp-slide .sp-image.bg09{background: url(/assets/_Img/Main/main_acf_bg09_mo.png?v=3) no-repeat center;}


}
@media only screen and (max-width:550px){
	#top-slide .slider-pro {min-height: 280px;}
	#top-slide .sp-mask {min-height: 280px}
	#top-slide .sp-image{min-height: 280px !important;}
	#top-slide .sp-image-container {min-height: 280px !important;}
	.sp-slides {min-height: 280px !important;}
/*	#top-slide .sp-slide .sp-image.bg01{background: url(/assets/_Img/Main/main_acf_bg01.jpg?c=6) no-repeat 58%;}*/
	#top-slide .sp-slide .sp-image.bg02{background: url(/assets/_Img/Main/main_acf_bg02_mo.png) no-repeat 20%; background-position: center bottom;}
	#top-slide .sp-slide .sp-image.bg03{background: url(/assets/_Img/Main/main_acf_bg03_mo.png?c=2) no-repeat 48%;}
	#top-slide .sp-slide .sp-image.bg05{background: url(/assets/_Img/Main/main_acf_bg05.png?c=4) no-repeat 58%; background-position: bottom center}
	#top-slide .sp-slide .sp-image.bg06{background: url(/assets/_Img/Main/main_acf_bg06_mo.png?v=5) no-repeat 58%; background-position: bottom left}

}
/*@media only screen and (max-width:500px){
	#top-slide .sp-slide .sp-image.bg02{background: url(/assets/_Img/Main/main_acf_bg02_mo02.jpg) no-repeat 20%; background-position: center bottom;}
*/
}

/* Touch Swipe
--------------------------------------------------*/
.sp-grab {cursor: pointer;}
.sp-grabbing {cursor: pointer;}
.sp-selectable {cursor: pointer;}


@media only screen and (max-width:990px){
	#top-slide .slider-pro{max-width: 990px}

}
/* Arrows
--------------------------------------------------*/

.sp-fade-arrows {
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.sp-slides-container:hover .sp-fade-arrows {
}

.div-full .sp-horizontal .sp-arrows {
	width: 100%;
	position: absolute;
	max-width: 990px;
	left: 50%;
	margin-left: -495px;
	height: 40px;
	bottom: 7%;
	display: none;
}

.sp-arrow {
	position: absolute;
	display: block;
	width: 36px;
	height: 50px;
	cursor: pointer;
	display: none;
}

.sp-horizontal .sp-previous-arrow {
	left: 0;
	background:url(../_Img/Main/visual-prev.png) no-repeat center center rgba(0,0,0,0.3)
}

.sp-horizontal .sp-next-arrow {
	right: 0;
	background:url(../_Img/Main/visual-next.png) no-repeat center center rgba(0,0,0,0.3)
}


.sp-previous-arrow:before,
.sp-previous-arrow:after,
.sp-next-arrow:before,
.sp-next-arrow:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
}

.sp-previous-arrow:before {
	left: 30%;
	top: 0;
}

.sp-previous-arrow:after {
	left: 30%;
	top: 50%;
}

.sp-next-arrow:before {
	right: 30%;
	top: 0;
}

.sp-next-arrow:after {
	right: 30%;
	top: 50%;
}
@media only screen and (max-width:990px){
	.sp-arrow{width: 30px; height: 42px; display: none;}
	.div-full .sp-horizontal .sp-arrows{left: 0;margin-left: 0px;}
	.sp-horizontal .sp-next-arrow {right: 10px;}
	.sp-horizontal .sp-previous-arrow{left: 10px}
}
@media only screen and (max-width:680px){

}

/* Video
--------------------------------------------------*/
a.sp-video {
	text-decoration: none;
}

a.sp-video img {
	-webkit-backface-visibility: hidden;
	border: none;
}

a.sp-video:after {
	content: '\25B6';
	position: absolute;
	width: 45px;
	padding-left: 5px;
	height: 50px;
	border: 2px solid #FFF;
	text-align: center;
	font-size: 30px;
	border-radius: 30px;
	top: 0;
	color: #FFF;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.2);
	margin: auto;
	line-height: 52px;
}

/* CSS for preventing styling issues in WordPress
--------------------------------------------------*/
.slider-pro img.sp-image,
.slider-pro img.sp-thumbnail {
	max-width: none !important;
	max-height: none !important;
	border: none !important;
	border-radius: 0 !important;
	padding: 0 !important;
	-webkit-box-shadow: none !important;
	-mox-box-shadow: none !important;
	box-shadow: none !important;
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
}


.slider-pro iframe,
.slider-pro object,
.slider-pro video,
.slider-pro embed,
.slider-pro canvas {
	max-width: none;
	max-height: none;
}


/*thumbnails 메인 슬라이드 썸네일 이미지 조*/
.slider-pro .sp-thumbnails-container {
	position: absolute;
	overflow: hidden;
	max-width: 264px;
	bottom: 3%;
	z-index: 990;
	left: 50%;
	margin-left: -132px;
}
.sp-thumbnails {
	position: relative
}
.sp-thumbnail {
/*	border-bottom: 5px solid #fff;*/
	opacity: 1;
}
.sp-thumbnail img{/*border-radius: 50%*/width: 100%; max-width: 60px}
.sp-thumbnail-container {
	position: relative;
	display: block;
	overflow: hidden;
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.sp-bottom-thumbnails .sp-thumbnail-container{
	margin-left: 2px;
	margin-right: 2px
}
.sp-bottom-thumbnails .sp-thumbnail-container:first-child{
	margin-left: 0
}
.sp-bottom-thumbnails .sp-thumbnail-container:last-child{
	margin-right: 0
}
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail{opacity: 1; border:1px #b4b4b4 solid; /*border-radius: 50% */}
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail img{/*border-radius: 50%*/}

.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
	content: '';
	position: absolute;
	width: 100%;
	top: 0;
	opacity: 0.5;
	/*	border-bottom: 5px solid #fff;*/
}
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
	content: '';
	position: absolute;
	width: 100%;
	top: 0;
	opacity: 0.5;
	/*	border-bottom: 5px solid #fff;*/
}

/*모바일 썸네일 이미지*/
@media only screen and (max-width:600px){
	.slider-pro .sp-thumbnails-container{max-width: 100px;left: 50%;margin-left: -50px; bottom: 15px}
	.sp-thumbnail-container{background: #cccfd5; border-radius: 50%; width: 10px !important; height: 10px !important}
	.sp-bottom-thumbnails .sp-thumbnail-container{margin-left: 10px;margin-right: 10px}
	.sp-thumbnails{width: 100px !important; height: 10px !important}
	.sp-thumbnails-container{}
	.sp-thumbnail img{display: none;}
	.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail{opacity: 1; border:0; background: #418ccc;}
}