/**
 * 이 파일은 한성대 연동모듈의 일부입니다. (https://www.imodule.kr)
 *
 * 한성대 포털 인트로 템플릿 스타일시트
 *
 * @file /modules/bible/widgets/banner/templets/index/styles/style.css
 * @author Arzz (arzz@arzz.com)
 * @license MIT License
 * @version 3.0.0.160910
 */
 @media (min-width:1000px) {
	.container {width:900px;}
}

@media (min-width:1100px) {
	.container {width:1000px;}
}

@media (min-width:1300px) {
	.container {width:1210px;}
}

 .pd30{padding-left: 30px;}
button{border:none;}
div[data-widget=banner-list][data-templet=index] {position:relative; width:100%; height:650px; overflow:hidden; box-sizing:border-box;}
div[data-widget=banner-list][data-templet=index] div.slide {opacity: 0; visibility: hidden; transition: opacity 1s ease; -webkit-transition: opacity 1s ease;}
div[data-widget=banner-list][data-templet=index] div.slide.slick-initialized {visibility:visible; opacity:1;}

div[data-widget=banner-list][data-templet=index] a.item {position:relative; display:block; box-sizing:border-box;  height:890px; text-align:center; background-repeat:no-repeat; background-position:center; background-color:#fff; background-size:100% 100%; text-decoration:none; }
div[data-widget=banner-list][data-templet=index] a.item:after {content: '';position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 0;}
div[data-widget=banner-list][data-templet=index] a.item > div.container {position: relative; z-index: 1;}
div[data-widget=banner-list][data-templet=index] a.item > div.container:before,
div[data-widget=banner-list][data-templet=index] a.item > div.container:after {content: none;}
div[data-widget=banner-list][data-templet=index] a.item div.box_txt {position: relative; margin-top: 241px; width: 100%; }
div[data-widget=banner-list][data-templet=index] a.item p { color: #FFF; display: block; text-align: center; font-size: 3.57rem; font-weight: 800; letter-spacing: 0.5px; line-height: 1;}
div[data-widget=banner-list][data-templet=index] a.item p > b { color: rgba(232, 232, 232, 0.91); font-size: 2.00rem; font-weight: 500; letter-spacing: 0.5px; }
div[data-widget=banner-list][data-templet=index] a.item span {display:block; position:relative; margin-top:50px; color: #FFF; text-align: center; font-size: 1.71rem; font-weight: 600; line-height: 29px; letter-spacing: 0.5px; }

div[data-widget='banner-list'][data-templet=index] .slick-dots {position:absolute; left:50%; transform:translateX(-50%); bottom: 100px; display:flex; align-items:center;}
div[data-widget='banner-list'][data-templet=index] .slick-dots li {margin-right:16px; cursor:pointer;}
div[data-widget='banner-list'][data-templet=index] .slick-dots li:last-child {margin-right:0px;}
div[data-widget='banner-list'][data-templet=index] .slick-dots li > button {padding-bottom:10px; text-align:left; width:102px; background:transparent; border-bottom:2px solid rgba(255, 255, 255, 0.70); color:rgba(255, 255, 255, 0.70); cursor:pointer;}
div[data-widget='banner-list'][data-templet=index] .slick-dots li.slick-active > button {color:#fff;}
div[data-widget='banner-list'][data-templet=index] .slick-dots li.slick-active > button {border-color:#fff;}

/* 기본 slick 화살표 숨기기 */
div[data-widget='banner-list'][data-templet=index] .slick-arrow {
}

/* 커스텀 화살표 및 카운터 컨테이너 */
div[data-widget='banner-list'][data-templet=index] .slide-counter { position: absolute; bottom: 100px; left: 50%; transform: translateX(-50%); z-index: 10; display: flex; align-items: center; justify-content: center; gap: 28px; color: #FFF; }

div[data-widget='banner-list'][data-templet=index] .slide-counter-text { color: #FFF; font-size: 1.00rem; font-weight: 400; line-height: 1; }
/* 커스텀 화살표 스타일 */
div[data-widget='banner-list'][data-templet=index] .slide-counter .slick-prev-custom,
div[data-widget='banner-list'][data-templet=index] .slide-counter .slick-next-custom { position: relative; background: transparent; cursor: pointer; padding: 0; width: 58px; height: 14px; display: flex; align-items: center; justify-content: center; border: none; outline: none; cursor: pointer;}

div[data-widget='banner-list'][data-templet=index] .slick-prev-custom svg,
div[data-widget='banner-list'][data-templet=index] .slick-next-custom svg { display: block; }

/* 카운터 텍스트 스타일 */
div[data-widget='banner-list'][data-templet=index] .slide-counter span { color: white; font-size: 1.00rem; line-height: 1; }





@media (max-width:1200px) {
	div[data-widget=banner-list][data-templet=index] {height:500px; margin-top:0px;}
	div[data-widget=banner-list][data-templet=index] a.item {height:500px; background-size: cover;}
	div[data-widget=banner-list][data-templet=index] a.item div.box_txt {margin-top: 200px;}
	div[data-widget='banner-list'][data-templet=index] .slide-counter {bottom: 40px;}
	div[data-widget=banner-list][data-templet=index] a.item p {font-size: 2.86rem;}
	div[data-widget=banner-list][data-templet=index] a.item span {font-size: 1.30rem;}
}


@media (min-width: 1200px){
	div[data-widget=banner-list][data-templet=index] .slick-dots  {width: 1100px;}
}

@media screen and (max-width:520px) {
	div[data-widget='banner-list'][data-templet=index] .slick-dots {left:50%; transform:translateX(-50%);}
	div[data-widget='banner-list'][data-templet=index] .slick-dots li {width:50px;}
	div[data-widget='banner-list'][data-templet=index] .slick-dots li > button  {width:100%;}
}