/**
 * 이 파일은 한성대 연동모듈의 일부입니다. (https://www.imodule.kr)
 *
 * 한성대 포털 인트로 템플릿 스타일시트
 *
 * @file /modules/bible/widgets/banner/templets/center/styles/style.css
 * @author Arzz (arzz@arzz.com)
 * @license MIT License
 * @version 3.0.0.160910
 */
.pd30{padding-left: 30px;}
button{border:none;}
div[data-widget=banner-list][data-templet=center] {position:relative; width:100%; height:180px; overflow:hidden; box-sizing:border-box;}
div[data-widget=banner-list][data-templet=center] div.slide {opacity: 0; width:100%; height:100%; visibility: hidden; transition: opacity 1s ease; -webkit-transition: opacity 1s ease;}
div[data-widget=banner-list][data-templet=center] div.slide.slick-initialized {visibility:visible; opacity:1;}
div[data-widget=banner-list][data-templet=center] div.slide  div {height:100%;}

div[data-widget=banner-list][data-templet=center] a.item {display:block; box-sizing:border-box; height:100%; text-align:center; background-repeat:no-repeat; background-position:center; background-color:#343434; background-size:100% 100%; text-decoration:none; }
div[data-widget=banner-list][data-templet=center] a.item div.box_txt {display: flex; flex-direction: column; align-items: center; justify-content: center; gap:9px;}
div[data-widget=banner-list][data-templet=center] a.item p {font-size: 24px; font-weight: 700; line-height:40px; color:#fff; word-break:keep-all;}
div[data-widget=banner-list][data-templet=center] a.item span {font-size: 20px; font-weight: 400; line-height: 28px; color:#fff;}

div[data-widget=banner-list][data-templet=center] .btn_visual {position:absolute; margin-top:-25px; width:24px; height:24px; z-index:1; background:0 none; cursor:pointer; border:none;}
div[data-widget=banner-list][data-templet=center] .btn_visual > i {display:block; line-height:24px; text-align:center; font-size:24px; color:#fff;}

div[data-widget=banner-list][data-templet=center] .btn_visual.next {right:40px; top:50%; transform:translateY(50%);}
div[data-widget=banner-list][data-templet=center] .btn_visual.prev {left:40px; top:50%; transform:translateY(50%);}

div[data-widget=banner-list][data-templet=center] .more {display: block; width: 140px; height: 60px; margin-top: 50px; background: #1d49a2;border:none; color:#fff;border-radius: 30px;font-size: 17px;cursor:pointer;}
div[data-widget=banner-list][data-templet=center] .more > i {display:inline-block;font-size: 17px; margin-left:8px; vertical-align:middle;}

div[data-widget='banner-list'][data-templet=center] .slick-dots { }
div[data-widget='banner-list'][data-templet=center] .slick-dots > li {display:inline-block; margin-right:10px; vertical-align:bottom; line-height:30px;}
div[data-widget='banner-list'][data-templet=center] .slick-dots > li > button {width:8px; height:8px; background:transparent; border:1px solid #fff; border-radius:50%; cursor:pointer; transition:all 0.3s; font-size:0;}
div[data-widget='banner-list'][data-templet=center] .slick-dots > li.slick-active > button {background:#fff; border-color:#fff; border-radius: 10px; font-size:0;}

@media (max-width:1199px) {
	div[data-widget=banner-list][data-templet=center] button.btn_visual {display:none !important;}
	div[data-widget='banner-list'][data-templet=center] .slick-dots {transform:translateX(500px);}
}

@media screen and (max-width:991px) {
	div[data-widget=banner-list][data-templet=center] {height:auto;}
	div[data-widget=banner-list][data-templet=center] a.item {height:235px;}
	div[data-widget=banner-list][data-templet=center] > div.slide a.item > div.container > div {font-size:36px;}
	div[data-widget=banner-list][data-templet=center] a.item div.box_txt {width: 100%;}
	div[data-widget=banner-list][data-templet=center] a.item p {font-size:32px;}
	div[data-widget=banner-list][data-templet=center] a.item p > b {font-size:34px;}
	div[data-widget=banner-list][data-templet=center] a.item span {font-size:16px;}
	div[data-widget='banner-list'][data-templet=center] .slick-dots {transform:translateX(30px);}
}

@media screen and (max-width:768px) {
	div[data-widget=banner-list][data-templet=center] a.item{background-size:100% 100%; height:220px;}
	div[data-widget=banner-list][data-templet=center] a.item strong {font-size:40px; line-height:normal;}
	div[data-widget=banner-list][data-templet=center] a.item strong {font-size:38px;}
	div[data-widget=banner-list][data-templet=center] a.item span {margin-top:15px; font-size:15px;}
}

@media screen and (max-width:480px) {
	div[data-widget=banner-list][data-templet=center] a.item {height:200px;}
	div[data-widget='banner-list'][data-templet=center] div.visual_indicator {bottom:40px;}
}

@media screen and (max-width:359px) {
	div[data-widget=banner-list][data-templet=center] a.item p {font-size: 24px;}
	
}