@charset "euc-kr";

/*** !!!!!!!!!!???!!!!!!!!!! ***/
body{line-height:normal !important;}
#quick-menu{display:none;}

/* ???? */
.container{text-align:center; position:relative;}
.event_iframe_wrap{width:1108px; margin:0 auto;}

    
/* main */
.mainVisual {width:100%;height:1082px;;position:relative;overflow:hidden;z-index:0;/*margin-top:-63px;*/}
.mainVisual ul.img {width:1920px;height:1082px;position:absolute;z-index:0;/*top:-31px;*/}
.mainVisual ul.img li {display:block; }
.mainVisual ul.img li.on { }
/*.mainVisual ul.img li.on {display:block;   -webkit-animation: slide 1s 1; }*/
.mainVisual ul.img li.on img { position:absolute;   }
.mainVisual ul.copy {position:absolute;left:0;top:0;  }
.mainVisual ul.copy li { display:none; padding:80px 15px 0; }
.mainVisual ul.copy li.group_0{padding-top:70px}
.mainVisual ul.copy li.on {display:block;}

.mv, .mv div {	position: absolute;}
.mv,.bg-tile,.bg-img {	overflow: hidden;}
.mv, .img li {position: absolute;top: 0;left: 0;width: 100%;height: 100%; }
.img li {z-index: 0;-webkit-perspective: 1200px;perspective: 1200px;}
.bg-tile {	width: 50%;	height: 50%;}

.bg-tile:nth-child(2), .bg-tile:nth-child(4) {	left: 50%;}
.bg-tile:nth-child(3), .bg-tile:nth-child(4) {	top: 50%; }
.bg-img {width: 100%;height: 100%;background: #999;}
.bg-img img {position: absolute;display: block;height: 200%;}

.img li.current .bg-img {
	-webkit-transition: all 1.1s ease-in-out;
	transition: all 1.1s ease-in-out;
}
.mv .img li.on .bg-tile {
	animation: scaleDown 1.0s linear;
	opacity: 1;
}
.mv .img li.on img {
	animation: scaleDown 1.0s linear;
	opacity: 1.0;

}

.mv .img li {display:none;}
.mv .img li.current {z-index:50;display:block;}
.mv .img li.on {z-index:100;display:block;}


@keyframes scaleDown {
	0%,
	30% {
	  background-color: #fff;
	  opacity: 0.5;	  
	}
}

.mainVisual .controll {position:absolute;left:0;bottom:0;width:815px;}
.mainVisual .controll a.group {display:block; height:31px; background:url("../images/pc_tab_menu.png") no-repeat; position:absolute; bottom:0; margin-bottom: 100px; margin-left: 3px;}
.mainVisual .controll a.group_0 {left:32px; width:85px; height: 31px; background-position:-30px -21px;}
.mainVisual .controll a.group_1 {left:140px; width:110px; height: 31px; background-position:-190px -21px;}
.mainVisual .controll a.group_2 {left:270px; width:85px; height: 31px; background-position:-370px -21px;}
.mainVisual .controll a.group_3 {left:380px; width:141px; height: 31px; background-position:-515px -21px;}
.mainVisual .controll a.group_4 {left:540px; width:85px; height: 31px; background-position:-713px -21px;}
.mainVisual .controll a.group.on {background-position:0px -70px;}
.mainVisual .controll a.group_0.on {left:32px; width:85px; height: 31px; background-position:-30px -70px;}
.mainVisual .controll a.group_1.on {left:140px; width:110px; height: 31px; background-position:-190px -70px;}
.mainVisual .controll a.group_2.on {left:270px; width:85px; height: 31px; background-position:-370px -70px;}
.mainVisual .controll a.group_3.on {left:380px; width:141px; height: 31px; background-position:-515px -70px;}
.mainVisual .controll a.group_4.on {left:540px; width:85px; height: 31px; background-position:-713px -70px;}

.mainVisual .controll a.btn {display:none;}
.mainVisual ul.copy {width:720px;left:50%;margin-left:-360px;}
.mainVisual ul.copy li {padding:90px 0 0 0;}
.mainVisual ul.copy li p.nav a {width:12px;height:12px;background-position:0px -100px;margin-right:8px;}
.mainVisual ul.copy li p.nav a.on {background-position:-100px -100px;}


/*??????*/
.cont0 {position:relative; width:100%; top:0; left:50%; margin-left:-960px; width:1920px; min-width:1200px; }


.pc_cont02_bg{background-color:#2398f7;}
.pc_cont03_bg{background-color:#f1f1f1;}
.pc_cont04_bg{background-color:#fcf9f0;}
.pc_cont05_bg{background-color:#ec5051; padding-bottom: 100px;}


/* ???? ??? */
.fix_banner{position:fixed; bottom:300px; right:55%; margin-right:-735px; z-index:999;}
/* .fix_banner.fixed a {position:fixed; top:50%; margin-top:-110px;} */
/*.fix_banner a{display:block; width:271px; height:72px; margin-bottom:7px;}

/* top */
.top_page {position:fixed; bottom:100px; right:50%; margin-right:-735px; z-index:999; display:none;}
.top_page span{display:block; cursor:pointer;}