@charset "utf-8";
/* CSS Document */


/* 컨텐츠 그룹 */
#container {
	position:relative;
	width:100%;
	padding:0;
}

/* 비주얼 */
.visual {
	position:relative;
	overflow:hidden;

}
.visual .count_box {
	position:relative;
	float:left;
	width:70px;
	height:45px;
	font-size:16px;
	line-height:45px;
	color:#fff;
	text-align:center;
}
.visual .count_box:after {
	position:absolute;
	right:0;
	top:0;
	width:1px;
	height:100%;
	content:'';
	background-color:#fff;
	opacity:0.25;
}
.visual .slide_box .cont_box {
	position:relative;
	float:left;
	z-index:10;
	width:300px;
	line-height:0;
	transition:all ease-in-out 400ms;
}


.visual .slide_box .cont_box .bg_box .img_box {
	display:block;
}
.visual .slide_box .cont_box.slick-current {
	z-index:11;
}
.visual .slide_box .cont_box.slick-current .cont {
	transform:translate(0, 0);
	opacity:1;
	visibility:visible;
}
.visual .slide_box.slick-slider {
	position:relative;
	display:block;
	box-sizing:border-box;
	overflow:hidden;
}
.visual .slide_box .slick-list {
	position:relative;
	display:block;
	margin:0;
	padding:0;
}



/* 팝업존 */
.popupzone {
	float: left;
	width: 412px;
	height:196px;
	background: #FFFFFF;
}
.popupzone h2 {
    float: left;
    font-size: 15.5px;
    color: #1359a7;
    padding: 10px 0px;
	font-weight:400;
	letter-spacing:-0.5pt;
	line-height:16px;
}
.popupzone ul {
    float: right;
    padding: 9px 20px 0;
}
.popupzone ul li {
    display: inline-block;
    float: left;
}
.prev{
	float:left;	
}
.auto{
	float:left;	
}
.next{
	float:left;	
}


.popup .slide_box {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:196px;
	overflow:hidden;
}
.popup .slide_box .cont_box {
	float:left;
	line-height:0;
}
.popup .slide_box .cont_box a {
	display:block;
	color:#fff;
}
.popup .slide_box .cont_box .img_box {
	display:block;
}
.popup .slide_box .cont_box .img_box img {
	width:412px;
	height:196px;
}
/* 팝업존 끝 */