/*-------------------------------- visual -----------------------------------*/
.visual{width:100%; overflow:hidden; position:relative;}
.slider{width:100%; height:100%!important; overflow:hidden;}
.visual > p{width:100%; height:70px; position:absolute; bottom:0; left:0; background-color:#fff; opacity:0.3; z-index:98;}
.visual_nav_area{width:100%; height:70px; position:absolute; bottom:0; left:0;}
.visual_nav_area > p{width:100%; height:100%; position:absolute; top:0; left:0; background-color:#fff; opacity:0.6;}
.nivo-controlNav{width:1200px; height:70px; list-style:none; position:absolute; bottom:0; left:50%; margin-left:-600px; z-index:99; padding:0!important;}
.nivo-controlNav a{width:25%; height:100%; border-left:2px solid #ccc; box-sizing:border-box; float:left; position:relative; text-align:center;}
.nivo-controlNav a span{background-color:#777; opacity:0.8; position:absolute; top:0; left:0; display:block; width:100%; height:100%; z-index:-1;}
.nivo-controlNav a.active span{background-color:#000; opacity:0.8;}
.nivo-controlNav a img{height:65%; margin-top:11px;}
.nivo-controlNav a:first-child{border-left:none;}
.nivo-directionNav{display:none;}

.visual_nav li:hover p{opacity:0.8;}
.visual_nav_click{opacity:0.4;}

/*nivoSlider 기본 리모컨 보이지 않게 설정*/
.slick-prev, .slick-next, .slick-dots{display:none!important;}

/*웹브라우저 너비가 줄고 늘어도 이미지 높이 조절되지 않게 수정*/
.nivoSlider{min-width:1903px;}
.nivo-main-image{width:100%!important;}
/*----------------------------- content -------------------------------------*/
.content{width:1200px; margin:0 auto;}
.content > div{margin-top:70px; overflow:hidden;}
.content > div:last-child{margin-bottom:70px;}

/*----------- content1 ---------------*/
.content1 > div{float:left; height:307px;}
.content1 > div > div{width:383px; height:145px;}
.content1 > div > div a{display:block; width:100%; height:100%;}
.content1 > div > div a img{width:100%; height:100%;}
.content1_center_img{height:100%!important; margin:0 25px;}
.content1_top_img{margin-bottom:15px;}

/*----------- content2 ---------------*/
.content2{width:100%; height:323px;}
.content2 img{width:100%; height:100%;}

/*------ content3, content4 ----------*/
.content_link h3{font-size:25px; padding:0 0 20px 30px; background:url(../img/title_dot.png) 0 12% no-repeat; color:#404040; font-weight:bold;}
.content_link > div{overflow:hidden; padding-top:10px;}
.content_link > div > a{display:block; overflow:hidden; float:left; padding-right:9px;}
.content_link > div > a:last-child{padding-right:0}