@charset "utf-8";

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

/* gw_pic_slide_syncing */
.gw_pic_slide_syncing{position:relative;}
.gw_pic_slide_syncing:after{content:""; position:absolute; top:-3rem; left:0; width:100%; height:90%; background:#f5f6f7; z-index:-1;}
.gw_pic_slide_syncing_title{position:absolute; top:0; left:50%;}
.gw_pic_slide_syncing_title h3{padding-bottom:.25rem; letter-spacing:-0.02em; font-size:2.15rem;}
.gw_pic_slide_syncing_title p{font-size:1.15rem;}
.gw_pic_slide_syncing_btn{position:absolute; bottom:-4.75rem; right:-7.25rem; display:inline-block; padding:.75rem; font-size:16px; font-weight:600;}
.gw_pic_slide_syncing_btn:before{content:""; position:absolute; top:50%; left:-6rem; width:5rem; height:2px; background:#646873;}

.gw_pic_slide_syncing_inner{max-width:1200px; margin:2rem auto 0; }
.gw_pic_slide_syncing_inner:after{content:""; display:block; clear:both;}
.gw_pic_slide_syncing_inner > ul{float:left; width:50%;}
.gw_pic_slide_syncing_inner > ul li a.title_link{display:inline-block; width:auto; padding-top:.5rem; font-size:16px;}
.gw_pic_slide_syncing_inner > ul li a img{width:100%; height:100%; object-fit:cover;}
.gw_pic_slide_syncing_inner .gw_pic_slide_syncing_main li a{display:block; width:calc(100% - 36px)}
.gw_pic_slide_syncing_inner .gw_pic_slide_syncing_sub{margin-top:10rem;}
.gw_pic_slide_syncing_inner .gw_pic_slide_syncing_sub li{width:300px; overflow:hidden;}
.gw_pic_slide_syncing_inner .gw_pic_slide_syncing_sub li a{display:block; width:calc(100% - 18px)}
.pic_thumb{padding-top:68.4684%; position:relative;}
.pic_thumb > p{position:absolute; top:0; left:0; bottom:0; right:0; overflow:hidden;}

/* gw_pic_slide_syncing_sub */
.gw_pic_slide_syncing_sub .slick-track{padding:2rem 0 0;}

/* slick button 재지정, slick.css 파일을 수정하지 말 것 */
.gw_pic_slide_syncing .slick-center .notice_item_inner{transform:translateY(-10px); box-shadow:0 24px 32px 0 hsla(218,13%,17%,0.25); transition:all .3s ease;}
.gw_pic_slide_syncing .slick-arrow{width:48px; height:48px; padding:0; border:1px solid #c9ccd3; background:#fff; font-size:0; z-index:9}
.gw_pic_slide_syncing .slick-prev, 
.gw_pic_slide_syncing .slick-next{position:absolute; top:-3rem; -webkit-transition:all .3s ease; transition:all .3s ease; }
.gw_pic_slide_syncing .slick-prev{left:0;}
.gw_pic_slide_syncing .slick-next{left:47px;}
.gw_pic_slide_syncing .slick-prev:after, 
.gw_pic_slide_syncing .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_syncing .slick-prev:after{transform:translate(-40%, -50%) rotate(45deg);}
    .gw_pic_slide_syncing .slick-next:after{transform:translate(-60%, -50%) rotate(-135deg);}
.gw_pic_slide_syncing .slick-prev:hover, 
.gw_pic_slide_syncing .slick-next:hover{border-color:#5bb6e2; background:#5bb6e2; color:#fff;}
.gw_pic_slide_syncing .slick-prev:hover{z-index:10;}
.gw_pic_slide_syncing .slick-prev:hover:after, 
.gw_pic_slide_syncing .slick-next:hover:after{border-color:#fff;}





/* ****************************************************************************************** *
 * 1200px
 * ****************************************************************************************** */
@media screen and (max-width:1200px) {
	
	.gw_pic_slide_syncing{padding:0 24px;}
	.gw_pic_slide_syncing_inner .gw_pic_slide_syncing_sub{margin-top:9rem;}
	.gw_pic_slide_syncing_btn{bottom:-3.75rem;}

}
/* 1200px end */



/* ****************************************************************************************** *
 * 1024px
 * ****************************************************************************************** */
@media screen and (max-width:1024px) {
	
	.gw_pic_slide_syncing_sub .slick-track{padding-top:1rem;}

}
/* 1024px end */



/* ****************************************************************************************** *
 * 1023px
 * ****************************************************************************************** */
@media screen and (max-width:1023px) {

	.gw_pic_slide_syncing_inner{margin:1rem auto 0;}
	.gw_pic_slide_syncing_inner > ul{float:none; width:100%;}
	.gw_pic_slide_syncing_inner .gw_pic_slide_syncing_sub{display:none;}
	.gw_pic_slide_syncing_inner .gw_pic_slide_syncing_main li a{width:calc(100% - 16px); margin:0 8px;}
	
	.pic_thumb_title{display:none;}
	.gw_pic_slide_syncing_title{position:static; top:inherit; left:inherit; padding-left:8px;}
	.gw_pic_slide_syncing_btn{position:static; padding:.75rem 0;}

	/* slick button */
	.gw_pic_slide_syncing .slick-prev,
	.gw_pic_slide_syncing .slick-next{top:-4rem; left:inherit;}
	.gw_pic_slide_syncing .slick-prev{right:55px;}
	.gw_pic_slide_syncing .slick-next{right:8px;}

}
/* 1023px end */




/* ****************************************************************************************** *
 * 767px
 * ****************************************************************************************** */
@media screen and (max-width:767px) {
	
	.gw_pic_slide_syncing{padding:0 20px}

}
/* 767px end */




/* ****************************************************************************************** *
 * 425px
 * ****************************************************************************************** */
@media screen and (max-width:425px) {
	
	.gw_pic_slide_syncing{padding:0 15px}
	.gw_pic_slide_syncing_inner{margin:.5rem auto 0}
	.gw_pic_slide_syncing_title h3{font-size:1.5rem;}
	.gw_pic_slide_syncing_title p{font-size:.95rem;}

	/* slick button */
	.gw_pic_slide_syncing .slick-arrow{width:32px; height:32px;}
	.gw_pic_slide_syncing .slick-prev, .gw_pic_slide_syncing .slick-next{top:-3rem;}
	.gw_pic_slide_syncing .slick-prev{right:39px;}

}
/* 425px end */