/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	/* *zoom: 1; */
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	/*position: absolute;
    top: 0;
	display: inline-block;
	*/
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	/*background: url(images/bx_loader.gif) center center no-repeat #fff;*/
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	/*padding-top: 20px;*/
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	/**zoom: 1;
	*display: inline;*/
}


.bx-wrapper .bx-pager.bx-default-pager a {
	border:3px solid #757575; background: none;
	text-indent: -9999px;
	display: block;
	width: 12px;
	height: 12px;
	margin: 0 3px;
	/*outline: 0;*/
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	/*behavior: url("/design/theme/scent/css/PIE.htc");*/
}

.visual_right .bx-wrapper .bx-pager.bx-default-pager a {
	border:3px solid #bebebe;
}
.visual_right .bx-wrapper .bx-pager.bx-default-pager a:hover,
.visual_right .bx-wrapper .bx-pager.bx-default-pager a.active{
	border: 4px solid #F0BFDA;
}
/*play & stop*/
.visual_right .bx-wrapper .bx-controls-auto .bx-start {
	background: url(/design/theme/scent/img/controls_stop_play02.png) 0px -11px no-repeat; /*-86px -11px */
}

/* .visual_right .bx-wrapper .bx-controls-auto .bx-start:focus{border:2px dotted #000 !important; outline:2px dotted #000 !important; outline-offset:5px;} */


.visual_right .bx-wrapper .bx-controls-auto .bx-start:hover,
.visual_right .bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: 0px 0px;
}
.visual_right .bx-wrapper .bx-controls-auto .bx-stop {
	background: url(/design/theme/scent/img/controls_stop_play02.png) -7px -11px no-repeat; /*-86px -44px */
}

.visual_right .bx-wrapper .bx-controls-auto .bx-stop:hover,
.visual_right .bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -7px 0px;
}


/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left:0;   background:url('/design/theme/scent/img/main_prev.png') no-repeat center; font-size:0;
}

.bx-wrapper .bx-next {
	right:4px;  background:url('/design/theme/scent/img/main_next.png') no-repeat center; font-size:0; 
}
.direction {}
.direction .direction-next{position: absolute; top: 40%; width: 23px; height: 54px; border: none; line-height: 100%; right:1%; background:url('/design/theme/scent/img/direction_next.png') no-repeat center; text-indent: -9999px;}
.direction .direction-prev{ position: absolute; top: 40%; width: 23px; height: 54px; border: none; line-height: 100%;  left:1%; background:url('/design/theme/scent/img/direction_prev.png') no-repeat center; text-indent: -9999px;}
.direction span.direction-next a, .direction span.direction-prev a{width:23px; height: 54px; display: block; margin-top: -15px;}
/* 메인 과학 스토리 디렉션 */
.story .bx-wrapper .bx-controls-direction{
	display: none;
}

.bx-wrapper .bx-prev:hover {
	background-position: center center;
}

.bx-wrapper .bx-next:hover {
	background-position: center center;

}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: -160px;
	margin-top: -16px;
	/*outline: 0;*/
	width: 42px;
	height: 42px;
	text-indent: -9999px;
	z-index: 9998;
}

.bx-wrapper .bx-controls-direction a:hover{border:1px solid #222;}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 7px;
	height: 11px;
	/*outline: 0;*/
	background: url(/design/theme/scent/img/controls_stop_play.png) 0px -11px no-repeat; /*-86px -11px */
	margin: 0 3px;
	/* 호버 애니메이션 desave */
	-moz-transition: none;
    -o-transition:  none;
    -webkit-transition:  none;
    transition:  none;
	/*outline: none;*/
	/*outline: 0;*/
	
}

.bx-wrapper .bx-controls-auto .bx-start:focus{width:11px; height: 17px;}


.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: 0px 0px;
}
.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 7px;
	height: 11px;
	/*outline: 0;*/
	background: url(/design/theme/scent/img/controls_stop_play.png) -7px -11px no-repeat; /*-86px -44px */
	margin: 0 3px;
	/* 호버 애니메이션 desave */
	-moz-transition: none;
    -o-transition:  none;
    -webkit-transition:  none;
    transition:  none;
	/*outline: none;
	outline: 0;*/
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -7px 0px;
}

.bx-wrapper .bx-controls-auto .bx-stop:focus{width:11px; height: 17px;}


/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-controls{display: block;position: relative;width: 100%;left: 0; bottom: 0;text-align: center;}
.bx-wrapper .bx-pager, 
.bx-wrapper .bx-controls-auto{
	display: inline-block !important; float:left;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: center;
	vertical-align: sub;
	display: inline-block;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	text-align: center;
	vertical-align: middle;
	display: inline-block;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	/*background: #666\9;*/
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}