@charset "utf-8";

/* ****************************************************************************************** *
 * GNUWIZ / wizwic 
 * pic_slide_basic style.css custom 
 * ****************************************************************************************** */
.pic_menu {opacity:0; display: none; position: absolute; width: 100%; }
.pic_menu.on {opacity:1; display: block}
.pic_menu { /*padding: 50px 0;*/ margin-top: 60px;}
.pic_menu .title{padding-bottom:1rem; text-align:center; font-size:1.75rem; font-weight:300;}
.pic_menu ul{margin:0; font-size:0; margin-left: -95px}
.pic_menu ul li.inner{display:inline-block; width:33.3%; padding:0 5%; margin-bottom: 90px; vertical-align:top; font-size:16px;}

.pic_menu .pic_area{display:block; width:100%; padding-top:80%; position:relative;}
.pic_menu .pic_area span{position:absolute; top:0; left:0; bottom:0; right:0; overflow:hidden;}
.pic_menu .pic_area img{ width:100%; height:100%; transform: scale(0.95); object-fit:cover;-webkit-transition:all .5s ease; transition:all .5s ease;}
.pic_menu .pic_area:hover img {transform: scale(1)}

.pic_menu .txt_area{padding-top:10px; line-height: 20px;}
.pic_menu .txt_area a{ color: #888; font-size: 15px; text-transform: uppercase; -webkit-transition:all .5s ease; transition:all .5s ease;}
.pic_menu ul li.inner:hover .txt_area a { color:#fff }
.pic_menu ul li.inner:hover .txt_area a span { opacity: 1}

.pic_menu .txt_area .bo_tit_sub {display: inline-block; padding: 3px 10px; font-size: 16px; line-height: 16px; margin-right: 10px; margin-bottom: 3px; background-color: #ab9b85; color: #fff; font-weight: 400; border-radius: 0; opacity: .6; -webkit-transition:all .5s ease; transition:all .5s ease; }

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


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

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

/* btn set 지정 */
.pic_menu .btn_detail01 { position: absolute; bottom: 0; width: 100%; border: #555 1px solid; color: #ccc; line-height:42px; box-sizing: border-box; display: inline-block; text-align: center; font-size: 12px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.pic_menu ul li a:hover > .btn_detail01 { background-color: #fff; color: #000; }


@media screen and (max-width:1200px) {

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

}/* 1200px end */


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

}/* 480px end */