@charset "UTF-8";

/* 메인 */
.visArea {position:relative;}
.visArea .bg {width:100%; height:100%; background:url('/common/images/1907/mainV_bg.jpg') no-repeat center; background-size:cover; transition:transform 10s ease}

.visArea .bg.on{transform:scale(1.2)}
.visArea .inner {position:absolute; bottom:100px; left:50%; transform:translateX(-50%); height:560px;}
.visArea .mobileTxt {display:none;}
.visArea .mainInfoDiv {}
.visArea .mainInfoDiv .list {position:absolute; opacity:0}
.visArea .mainInfoDiv .list.t1 {top:0; left:0;}
.visArea .mainInfoDiv .list.t2 {bottom:0; left:0;}
.visArea .mainInfoDiv .list.t3 {top:-20px; right:-77px;}
.visArea .mainInfoDiv .list.t4 {bottom:0; left:490px;}
.visArea .mainInfoDiv .list.t5 {bottom:-20px; right:-20px;}
.visArea .mainInfoDiv .list.t2.roll {width:431px; height:230px; overflow:hidden;}
.visArea .mainInfoDiv .list.t4.roll {width:340px; height:230px; overflow:hidden;}
.visArea .mainInfoDiv .list.t5.roll {width:260px; height:284px; overflow:hidden;}
.visArea .mainInfoDiv .list.t2.roll .indi {position:absolute; bottom:30px; left:0; z-index:1;}
.visArea .mainInfoDiv .list.t4.roll .indi {position:absolute; top:10px; left:50%; transform:translateX(-50%); z-index:1;}
.visArea .mainInfoDiv .list.t5.roll .indi {position:absolute; top:0; left:48%; transform:translateX(-50%); z-index:1;}
.visArea .mainInfoDiv .list.roll .rollDiv {position:relative; width:100%; height:100%; overflow:hidden;}
.visArea .mainInfoDiv .list.roll .rollDiv a {display:block; width:100%; height:100%; overflow:hidden; position:absolute; top:0; left:0;}
.visArea .mainInfoDiv .list.roll .indi a {display:inline-block; width:6px; height:6px; margin-left:8px; border-radius:50%; background:rgba(255,255,255,0.3);}
.visArea .mainInfoDiv .list.roll .indi a.on {background:#fff;}
.visArea .mainInfoDiv .list.roll .indi a:first-child {margin-left:0;}

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

	.visArea .inner {height:440px;}
	.visArea .mainInfoDiv .list.t3 {top:-20px; right:-35px; text-align:right;}
	.visArea .mainInfoDiv .list.t4 {left:50%; transform:translateX(-50%);}
	.visArea .mainInfoDiv .list.t5 {right:-35px; bottom:-40px; text-align:right;}
	.visArea .mainInfoDiv .list.t2.roll {width:282px; height:150px;}
	.visArea .mainInfoDiv .list.t4.roll {width:272px; height:184px;}
	.visArea .mainInfoDiv .list.t5.roll {width:240px; height:247px;}
	.visArea .mainInfoDiv .list img {width:80%;}
	.visArea .mainInfoDiv .list.t2 img ,.visArea .mainInfoDiv .list.t4 img ,.visArea .mainInfoDiv .list.t5 img {width:100%;}
	.visArea .mainInfoDiv .list.t2.roll .indi {bottom:15px;}
	.visArea .mainInfoDiv .list.t4.roll .indi {top:0;}
}

@media screen and (max-width:1023px) {/* 태블릿 세로 */
	.visArea .bg {background-image:url(/common/images/1907/mainV_bg_m.jpg); transition:transform 5s ease;}
	.visArea .bg.on {transform:scale(1.1);}
	.visArea .inner {bottom:0; height:calc(100% - 110px);}
	.visArea .mainInfoDiv .list {display:none;}
	.visArea .mobileTxt {display:block; position:absolute; top:17%; left:50%; transform:translateX(-50%);}
	}