@charset "utf-8";

/* ****************************************************************************************** *
 * GNUWIZ / wizwic 
 * pic_slide_basic style.css custom 
 * ****************************************************************************************** */

.gw_pic_slide_basic .title{padding-bottom:1rem; text-align:center; font-size:1.75rem; font-weight:300;}
.gw_pic_slide_basic ul{margin:0 -10px; font-size:0;}
.gw_pic_slide_basic ul li.inner{display:inline-block; width:auto; padding:0 10px 20px; vertical-align:top; font-size:15px;}

.gw_pic_slide_basic .pic_area{display:block; width:100%; /*padding-top:68.4684%;*/ position:relative;}
.gw_pic_slide_basic .pic_area span{ /*position:absolute; top:0; left:0; bottom:0; right:0;*/ overflow:hidden; border-radius: 8px;}
.gw_pic_slide_basic .pic_area img{width:100%; /*height:100%; object-fit:cover;*/}

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

.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) {

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

}/* 1200px end */


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

}/* 480px end */