@charset "UTF-8";
/* CSS Document */

#sliderArea{
opacity: 0;
margin: 0 auto 180px;
}

.topSlider li:focus,
.subSlider li:focus{
	outline:none;
}

.topSlider li.main{
	width: 100%;
	height: calc(100vh - 157px);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.topSlider li:hover{
	-moz-transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
}

.topSlider li.main a{
	display: block;
	width: 100%;
	height: 100%;
}


.subSlider{
	width: 70%;
	min-width: 1000px;
	margin: 45px auto 0;
}

.subSlider li{
	margin: 0 20px;
}

.subSlider li img{
	width: 100%;
	height: auto;
}

.subSlider .slick-dots {
	position: absolute;
	bottom: -17%!important;
}
@media screen and (max-width:800px) {
	#sliderArea{
		margin: 0 auto 140px;
	}
	
.topSlider li.main{
	width: 100%;
	height: 370px;
}
	
.subSlider{
	width: 100%;
	min-width: 100%;
	margin: 45px auto 0;
}

.subSlider li{
	margin: 0 10px;
}
}

#basecnt04 .movieCover {
	width: 800px;
	height: 450px;
	margin: 0 auto 120px;
}

@media screen and (max-width:800px) {
#basecnt04 .movieCover {
	width: 100%;
	height: auto;
	margin: 80px auto;
}
}

#basecnt05{
	width: 100%;
	height: 800px;
	margin: 0 auto 120px;
	background: url(../img/cnt05bg.png) no-repeat;
	background-size: cover;
	position: relative;
}


#basecnt05 .cntinner{
	position: absolute;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 473px;
	padding: 0 40px;
}


#basecnt05 h2 img{
	margin: 0 20px;
}

#basecnt05 h2{
	font-size: 2.2rem;
}


#basecnt05 .mainttl{
	font-size: 2rem;
	line-height: 1.8;
	padding: 20px 0 45px;
}

#basecnt05 p{
	font-size: 1.2rem;
	line-height: 1.8;
}

#basecnt05 .companyttl{
	font-size: 4rem;
	font-weight: bold;
	padding-top: 30px;
	color:#747474;
}

@media screen and (max-width:800px) {
#basecnt05{
	width: 100%;
}
	
#basecnt05 .cntinner{
	height: 669px;
}

#basecnt05 h2{
	font-size: 3rem;
}


#basecnt05 .mainttl{
	font-size: 2.8rem;
}

#basecnt05 p{
	font-size: 1.8rem;
}
}

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

}

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

}