@charset "UTF-8";

/** setting s **/
/** setting e **/

body {
  background: #fff;
}

.mo {
  display: none;
}


#fog {
  display: none;
  background: #000;
  opacity: 0.5;
  filter: alpha(opacity=50);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 4;
  padding-bottom: 100%;
}

button, a {
  border:0;
  overflow: hidden;
  position: absolute;
  text-indent: -9999px;
}

.blind {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}
.sr-only {
  position: absolute;
  margin: -1px;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
}



/* 키프레임 */
@keyframes blink {
0% {
  opacity: 1;
}
50% {
  opacity: 0;
}
100% {
  opacity: 1;
}
}

@keyframes dung{
0%{transform:translate(0,0);}
50%{transform:translate(0,20px);}
100%{transform:translate(0,0);}
}

@keyframes zoom_in_out{
0%{transform:scale(1);}
50%{transform:scale(0.8);}
100%{transform:scale(1);}
}



.container {
  width: 100%;
  margin:0 auto;
  max-width:unset;
}


.section {
  position: relative;
  max-width: 1080px;
  width: 100%;
  margin: 0 auto;
  background-position:center top;
  background-repeat:no-repeat;
  background-size:100% 100%;
  margin-top:-1px;
}
.section img {
  display: block;
  width:100%;
  max-width: 1080px;
  margin: 0 auto;
}
.section [class*=obj_] img {
  width:100%;
}
.section [class*=zone_obj] {
  position:relative;
  width:100%;
}






.section01 {
  background-image:url("../img_event/content01_bg.jpg");
  height:2574px;
}
.section01 .zone_obj1 {
	top: 170px;
}
.section01 .zone_obj1 [class*=obj_] {
	position: absolute;
	left: 50%;
	animation-iteration-count: infinite;
}
.section01 .zone_obj1 .obj_1a {
  animation-duration: 2.5s;
  animation-name: dung;
	top: 0;
  margin-left: 256px;
  width:172px;
  height:125px;
}





.section02 {
  background-image:url("../img_event/content02_bg.jpg");
  height:2367px;
}
.section02 .zone_obj1 {
	top: 315px;
}
.section02 .zone_obj1 [class*=obj_] {
	position: absolute;
	left: 50%;
	animation-iteration-count: infinite;
}
.section02 .zone_obj1 .obj_1a {
  animation-duration: 2.7s;
  animation-name: dung;
	top: 145px;
  margin-left: -440px;
  width:125px;
  height:112px;
}
.section02 .zone_obj1 .obj_1b {
  animation-duration: 2.7s;
  animation-name: dung;
	top: 0;
  margin-left:304px;
  width:190px;
  height:222px;
}















.box_link {
  opacity:0.4;
  background:transparent; /* transparent red */
  display:block;
  position:absolute;
  left:50%;
  top: 100px;
  margin-left:-50px;
  width:100px;
  height:100px;
  cursor:pointer;
}

.box_link.link3a {
  width: 852px;
  height: 147px;
  margin-left: -426px;
  top: 1932px;
}
.box_link.link3b {
  width: 852px;
  height: 178px;
  margin-left: -426px;
  top: 2091px;
}








@media only screen and ( max-width:1080px ){
@keyframes dung{
0%{transform:translate(0,0);}
50%{transform:translate(0,1.85vw);}
100%{transform:translate(0,0);}
}


.section {
  max-width: 100.00vw;
  margin-top:-0.09vw;
}
.section img {
  max-width: 100.00vw;
}




.section01 {
  height:238.33vw;
}
.section01 .zone_obj1 {
	top: 15.74vw;
}
.section01 .zone_obj1 .obj_1a {
  margin-left: 23.70vw;
  width:15.93vw;
  height:11.57vw;
}





.section02 {
  height:219.17vw;
}
.section02 .zone_obj1 {
	top: 29.17vw;
}
.section02 .zone_obj1 .obj_1a {
	top: 13.43vw;
  margin-left: -40.74vw;
  width:11.57vw;
  height:10.37vw;
}
.section02 .zone_obj1 .obj_1b {
  margin-left:28.15vw;
  width:17.59vw;
  height:20.56vw;
}





.box_link.link3a {
  width: 78.89vw;
  height: 13.61vw;
  margin-left: -39.44vw;
  top: 175.45vw;
}
.box_link.link3b {
  width: 78.89vw;
  height: 16.48vw;
  margin-left: -39.44vw;
  top: 189.9vw;
}




}
/*@media only screen and ( max-width:1080px )*/








@media only screen and ( max-width:750px ){
.pc {
  display: none;
}
.mo {
  display: block;
}




}
/*@media only screen and ( max-width:750px )*/









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

.box_link.link3a {
  top: 178.89vw;
}
.box_link.link3b {
  top: 193.61vw;
}

}