@charset "utf-8";


.visual {position:relative;}

.main-banner:before {content:'';display:inline-block;width:6rem;height: 100%;position:absolute;top:0;left:0;bottom:0;z-index:1;
	background: -webkit-linear-gradient(-180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));}
.main-banner:after {content:'';display:inline-block;width:6rem;height: 100%;position:absolute;top:0;right:0;bottom:0;z-index:1;
	background: -webkit-linear-gradient(-180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));}


.main_banner_li {position:relative;padding-left:1.6rem;padding-right:1.6rem}
.main_banner_li a {display: block;color:#fff;text-align: center}
.main_banner_li .txtbox {position:absolute;left:0;bottom:0;width:100%;padding:2rem;
						background: -webkit-linear-gradient(-90deg, rgba(15, 15, 15, 0), rgba(15, 15, 15, 1));}


.film .film_banner:after {content:'';position:absolute;left:0;bottom:0;width:100%;height:115px;
	background: -webkit-linear-gradient(-90deg, rgba(15, 15, 15,0), rgba(15, 15, 15, 1));}

/* slick 
.slick-dots {display:absolute;bottom:0;padding:1rem 0 3rem;text-align:center;}
.slick-dots:before,
.slick-dots:after {clear:both;display:block;content:'';}
.slick-dots li {display:inline-block;margin-right:8px;}
.slick-dots button { display:inline-block;position:relative;width:8px;height: 8px;padding: 0;text-indent: -9999px;border-radius:50px;-webkit-border-radius:50px;
                            transition:background-color 700ms cubic-bezier(0.215, 0.61, 0.355, 1);border:0;background:none;background:rgba(255,255,255,0.5)}
.slick-dots li.slick-active button {background-color:#fff;width:20px;}


.slick-arrow {z-index:0;width:30px;height:30px;margin-top:-30px;background-color:rgba(0,0,0,0.1);;border-radius:100%;-webkit-border-radius:100%;color:#fff;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;background-repeat: no-repeat;font-size:0;text-indent: -9999px;background-size:8px;z-index:100}
.slick-arrow.slick-prev {position:absolute;top:40%;left:0;background-image: url(/kor/img/cmm/ico_gallery_arrows_prev.svg);background-position:47% 50%}
.slick-arrow.slick-next {position:absolute;top:40%;right:0;background-image: url(/kor/img/cmm/ico_gallery_arrows_next.svg);background-position:54% 50%}
	
@media (min-width: 992px) {
	
	.slick-arrow  {opacity:0;background-size:auto;width:100px;height:100px;background-size:30px}
	.slick-slider:hover {cursor:pointer}
	.slick-slider:hover .slick-arrow {opacity:1;z-index:20;}
}
*/



.main_cont {padding-bottom:3rem}
.main_cont .title_h3 {margin-bottom:2.4rem}

/* 취향 키워드 */
.list_tag ul:before,
.list_tag ul:after {content:'';display: block;clear: both}
.list_tag ul {margin-left:-1rem;margin-right:-1rem;}
.list_tag ul li {padding-left:1rem;padding-right: 1rem;float:left;}
.list_tag ul li a {display: inline-block;font-size:2rem;opacity: 0.5;font-weight: 500;color:#fff;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out;line-height: 2;letter-spacing: -0.5px}
.list_tag ul li a:before {content:'#'}


@media (min-width: 992px) {
	
	.main_cont {padding-bottom:5.6rem}
	#main .section_contents {margin-top:2rem}
	
	.list_tag ul {margin-left:-1.6rem;margin-right:-1.6rem;}
	.list_tag ul li {padding-left:1.6rem;padding-right: 1.6rem;}
	.list_tag ul li a {display:block;font-size:2.8rem;}
	.list_tag ul li a:hover {opacity: 1;}
	
}