@charset "utf-8";

/* ****************************************************************************************** *
 * GNUWIZ / wizwic 
 * pic_slide_basic style.css custom 
 * ****************************************************************************************** */
.gw_pic_slide_basic {position:relative; padding:20px 20px; border:1px solid #dde0e3; overflow:hidden;background:#6167aa; height:385px;}
.gw_pic_slide_basic h2.title {line-height:30px; padding-bottom:12px;  font-size:26px;color:#fff;text-align:left;  }
.gw_pic_slide_basic h2.title a {display:inline-block; position:relative; color:#fff;}
.gw_pic_slide_basic h2.title small {font-size:14px; color:#fff; display:block;}

.gw_pic_slide_basic ul{ padding:0; /*margin:0 -10px;*/ font-size:0;}
.gw_pic_slide_basic ul li.inner{display:inline-block; width:178px; height:234px; /*width:auto;padding:0 10px 20px;*/  vertical-align:top; font-size:15px; }

.gw_pic_slide_basic .pic_area{display:block; width:100%; padding-top:100%; position:relative;}
.gw_pic_slide_basic .pic_area span{position:absolute; top:0; left:0; bottom:0; right:0; overflow:hidden;}
.gw_pic_slide_basic .pic_area img{ width:178px; height:234px; margin:0 auto; border:4px solid #fff;/*object-fit:cover;*/}

.gw_pic_slide_basic .txt_area{padding-top:10px;}

.gw_pic_slide_basic .empty_li {line-height:145px ;color:#666;text-align:center;padding:0}
.gw_pic_slide_basic .empty_li:before {background:none;padding:0}


/* slick arrow button 재지정, slick.css 파일을 수정하지 말 것 */
.gw_pic_slide_basic .slick-arrow{width:48px; height:48px; padding:0; border:1px solid #c9ccd3; background:#fff; font-size:0; z-index:9}
.gw_pic_slide_basic .slick-prev, 
.gw_pic_slide_basic .slick-next{position:absolute; top:50%; margin-top:-2.5rem; -webkit-transition:all .3s ease; transition:all .3s ease; }
.gw_pic_slide_basic .slick-prev{left:-58px;}
.gw_pic_slide_basic .slick-next{right:-58px;}
.gw_pic_slide_basic .slick-prev:after, 
.gw_pic_slide_basic .slick-next:after{content:""; position:absolute; top:50%; left:50%; width:8px; height:8px; border:2px solid #c9ccd3; border-top:none; border-right:none; -webkit-transition:all .3s ease; transition:all .3s ease;}
	.gw_pic_slide_basic .slick-prev:after{transform:translate(-40%, -50%) rotate(45deg);}
    .gw_pic_slide_basic .slick-next:after{transform:translate(-60%, -50%) rotate(-135deg);}
.gw_pic_slide_basic .slick-prev:hover, 
.gw_pic_slide_basic .slick-next:hover{border-color:#5bb6e2; background:#5bb6e2; color:#fff;}
.gw_pic_slide_basic .slick-prev:hover:after, 
.gw_pic_slide_basic .slick-next:hover:after{border-color:#fff;}

/* slick dot 재지정 */
.gw_pic_slide_basic .slick-dots{padding-top:1rem; text-align:center;}
.gw_pic_slide_basic .slick-dots li{display:inline-block; margin:0 4px; font-size:0;}
.gw_pic_slide_basic .slick-dots li button{width:10px; height:10px; border-radius:50%; border:none; background:#c9ccd3; font-size:0}
.gw_pic_slide_basic .slick-dots li.slick-active button{background:#5bb6e2;}



@media screen and (max-width:1200px) {
	
	gw_pic_slide_basic {height:auto; min-height:200px;} 

	/* slick arrow button */
	.gw_pic_slide_basic .slick-arrow{display:none !important;}

}/* 1200px end */



@media screen and (max-width:768px) {
			.gw_pic_slide_basic h2.title {text-align:center;  }
}



@media screen and (max-width:480px) {
	
	/* title */
	.gw_pic_slide_basic h2.title {font-size:22px;}

}/* 480px end */