#guide-popup .bd { padding: 0; padding-bottom: 100px; }

#guide-popup .cont { width: 800px; height: 490px; }

#guide-popup h1 .right { text-align: right; padding-top: 17px; padding-right: 15px; }
#guide-popup .slick-slider img { cursor: pointer; }

#guide-popup menu { font-size: 16px; display: inline-block; position: absolute; top: 16px; margin-left: 20px; }
#guide-popup menu a { 
	float: left; 
	margin-left: 5px; 
	color: #fff; 
	font-family: 'Segoe UI','Segoe UI Web Regular','Segoe UI Symbol','Helvetica Neue','BBAlpha Sans','S60 Sans', Arial, sans-serif; 
	padding: 3px 10px; 
}
#guide-popup menu a.active { background: #144A84; color: #fff; border-radius: 3px; }
#guide-popup menu a.active:hover { text-decoration: none; }	
#guide-popup menu a:first-child { margin-left: 0; }

#guide-popup .bd .flat-button { position: absolute; bottom: 28px; width: 130px; margin: 0; }
#guide-popup .bd .btn-prev { left: 30px; display: none; }
#guide-popup .bd .btn-next { right: 30px; }
#guide-popup .bd .btn-close.left { left: 30px; }
#guide-popup .bd .btn-close.right { right: 30px; display: none; }

/* --------------------------------------------------------------------------
	Slick Slider
-------------------------------------------------------------------------- */ 

.slick-slider img { outline: none; }
.slick-slider div { outline: none; }

.slick-arrow {
	position: absolute; 
	font-size: 0;
	z-index: 1;
	background: transparent;
	border: 0;	
	top: 0px;	
	height: 100%;
	padding: 0 10px; 
	outline: none; 
	opacity: 0;		
}
.slick-slider:hover .slick-arrow { opacity: 0.05; }
.slick-slider:hover .slick-arrow:before { display: inline-block; }
.slick-slider:hover .slick-arrow:hover { opacity: 0.3; }
.slick-arrow:before {
	content: '';
	width: 64px;
	height: 128px;	
	display: inline-block;
}
.slick-prev { left: 0px; }
.slick-prev:before {	background: url(/jquery/slick-1.8.1/prev-arrow.png) no-repeat left top; }

.slick-next { right: 0px; }
.slick-next:before {	background: url(/jquery/slick-1.8.1/next-arrow.png) no-repeat left top;	 }

.guide-popup-dots { 
	position: absolute;
    bottom: -54px;
	left: 200px;
	right: 200px;
    display: block;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.guide-popup-dots li {
    position: relative;
    display: inline-block;
    width: 13px;
    height: 13px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.guide-popup-dots li.slick-active button { background: #2672ec; }

.guide-popup-dots li button {
    font-size: 0;
    line-height: 0;
	background: #dfdfdf;
    display: block;
    width: 13px;
    height: 13px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
	border-radius: 50%; 
}