#header.on + #mainVisual {background-position: 50% 60px;}
#mainVisual {padding: 980px 0 150px;-webkit-background-size: cover;background-size: cover;position: relative;}
#mainVisual .auto {z-index:3;}
#mainVisual .bgGradient {background: url("../images/main/bgGradient.png") repeat-x;width: 100%;height:796px;position: absolute; bottom:-18px; left:0; }
#mainVisual .mainCopy {display: block;text-align: center;position: absolute;width: 100%;top:-650px; }
#mainVisual .iconScroll {display: block;text-align: center;position: fixed;width: 100%;bottom:200px;left:0;z-index:-1;}
.special {margin-bottom:10px;}
.special dt {margin-bottom: 30px;}
.special li {width: 320px;}
.special .main {color: #fff; font-size:15px ; font-weight: 300; display: block;margin: 10px 0 12px;line-height: 1;}
.special .sub {color: #999; font-size:12px ; font-weight: 700; display: block;}
.special .btnPrev {position: absolute; left:-40px; top:120px;}
.special .btnNext {position: absolute; right:-40px; top:120px;}

.videoWrap {position: fixed;left:0; top:0; right:0; bottom:0;width: 100%;height: 100%;}
.bgVideo iframe ,.bgVideo {
position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

@media (min-aspect-ratio: 16/9) {
  .bgVideo { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  .bgVideo { width: 300%; left: -100%; }
}