@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_landing/content01.png");
  height:1313px;
}
.section01 .zone_obj1 {
	top: 215px;
}
.section01 .zone_obj1 [class*=obj_] {
	position: absolute;
	left: 50%;
	animation-iteration-count: infinite;
  z-index:1;
}
.section01 .zone_obj1 .obj_1a {
  animation-duration: 1.7s;
  animation-name: blink;
	top: 35px;
  margin-left: -457px;
  width:199px;
  height:191px;
}
.section01 .zone_obj1 .obj_1b {
  animation-duration: 1.5s;
  animation-name: blink;
	top: 0;
  margin-left: 282px;
  width:217px;
  height:199px;
}
.section01 .zone_obj1 .obj_1c {
  animation-duration: 1.9s;
  animation-name: blink;
  top: 310px;
  margin-left: 46px;
  width: 201px;
  height: 183px;
}

.section01 .zone_obj2 {
	top: 915px;
}
.section01 .zone_obj2 [class*=obj_] {
	position: absolute;
	left: 50%;
  z-index:1;
}
.section01 .zone_obj2 .obj_1a {
	top: 0;
  margin-left: -168px;
  width:377px;
  height:115px;
}








.section03 {
  background-image:url("../img_landing/content03_bg.jpg");
  height:1766px;
}
.section03 .zone_obj1 {
	top: 370px;
}
.section03 .zone_obj1 [class*=obj_] {
	position: absolute;
	left: 50%;
	animation-iteration-count: infinite;
}
.section03 .zone_obj1 .obj_1a {
  animation-duration: 2.7s;
  animation-name: dung;
	top: 184px;
  margin-left: -482px;
  width:286px;
  height:330px;
}
.section03 .zone_obj1 .obj_1b {
  animation-duration: 2.3s;
  animation-name: dung;
	top: 0;
  margin-left:274px;
  width:75px;
  height:99px;
}
.section03 .zone_obj1 .obj_1c {
  animation-duration: 2.5s;
  animation-name: dung;
	top: 349px;
  margin-left: 264px;
  width:157px;
  height:94px;
}


.section03 .zone_obj2 {
	top: 1187px;
}
.section03 .zone_obj2 [class*=obj_] {
	position: absolute;
	left: 50%;
	animation-iteration-count: infinite;
}
.section03 .zone_obj2 .obj_2a {
  animation-duration: 2.4s;
  animation-name: dung;
	top: 0;
  margin-left:-426px;
  width:176px;
  height:204px;
}
.section03 .zone_obj2 .obj_2b {
  animation-duration: 2.6s;
  animation-name: dung;
	top: 150px;
  margin-left:284px;
  width:214px;
  height:268px;
}









.section04 {
  background-image:url("../img_landing/content04_bg.jpg");
  height:1226px;
}
.section04 .zone_obj1 {
  top: 115px;
}
.section04 .zone_obj1 [class*=obj_] {
	position: absolute;
	left: 50%;
	animation-iteration-count: infinite;
}
.section04 .zone_obj1 .obj_1a {
  top: 0;
  margin-left:-450px;
  width:901px;
  height:213px;
}





.section06 {
  background-image:url("../img_landing/content06_bg.png");
  height:773px;
}
.section06 .zone_obj1 {
  top: 110px;
}
.section06 .zone_obj1 [class*=obj_] {
	position: absolute;
	left: 50%;
	animation-iteration-count: infinite;
}
.section06 .zone_obj1 .obj_1a {
  top: 0;
  margin-left:-470px;
  width:941px;
  height:56px;
}




.section.footer {
  padding-bottom:315px;
}




.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.link2a {
  width: 778px;
  height: 133px;
  margin-left: -389px;
  top: 515px;
}
.box_link.link2b {
  width: 778px;
  height: 133px;
  margin-left: -389px;
  top: 660px;
}

.box_link.link6a {
  width: 375px;
  height: 447px;
  margin-left: -388px;
  top: 208px;
}
.box_link.link6b {
  width: 375px;
  height: 447px;
  margin-left: 14px;
  top: 208px;
}





.section.bottom_banner {
  display:flex;
  justify-content: center;
  height:315px;
  z-index:10;
  padding:10px 0 10px;
  background:#fff;
  position:fixed;
  bottom:0;
  left: 50%;
  transform: translateX(-50%);
  flex-direction: column;
  align-items: center;
}
.section.bottom_banner a {
  position:relative;
  z-index:10;
  display:block;
  width:763px;
  height:132px;
  margin-bottom:4px;
}
.bottom_banner img {
  display:block;
  width:100%;
}









@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);}
}


.section01 {
  height:121.57vw;
}
.section01 .zone_obj1 {
	top: 19.91vw;
}
.section01 .zone_obj1 .obj_1a {
	top: 3.24vw;
  margin-left: -41.9vw;
  width:18.43vw;
  height:17.69vw;
}
.section01 .zone_obj1 .obj_1b {
  margin-left: 25.6vw;
  width:20.09vw;
  height:18.43vw;
}
.section01 .zone_obj1 .obj_1c {
  top: 28.70vw;
  margin-left: 4.0vw;
  width: 18.61vw;
  height: 16.94vw;
}

.section01 .zone_obj2 {
	top: 84.72vw;
}
.section01 .zone_obj2 .obj_1a {
  margin-left: -15.56vw;
  width:34.91vw;
  height:10.65vw;
}



.section03 {
  height:163.52vw;
}
.section03 .zone_obj1 {
	top: 34.26vw;
}
.section03 .zone_obj1 .obj_1a {
	top: 17.04vw;
  margin-left: -44.63vw;
  width:26.48vw;
  height:30.56vw;
}
.section03 .zone_obj1 .obj_1b {
  margin-left:25.37vw;
  width:6.94vw;
  height:9.17vw;
}
.section03 .zone_obj1 .obj_1c {
	top: 32.31vw;
  margin-left: 24.44vw;
  width:14.54vw;
  height:8.70vw;
}


.section03 .zone_obj2 {
	top: 109.91vw;
}
.section03 .zone_obj2 .obj_2a {
  margin-left:-39.44vw;
  width:16.30vw;
  height:18.89vw;
}
.section03 .zone_obj2 .obj_2b {
	top: 13.89vw;
  margin-left:26.30vw;
  width:19.81vw;
  height:24.81vw;
}









.section04 {
  height:113.52vw;
}
.section04 .zone_obj1 {
  top: 10.65vw;
}
.section04 .zone_obj1 .obj_1a {
  margin-left:-41.67vw;
  width:83.43vw;
  height:19.72vw;
}





.section06 {
  height:71.57vw;
}
.section06 .zone_obj1 {
  top: 10.19vw;
}
.section06 .zone_obj1 .obj_1a {
  margin-left:-43.52vw;
  width:87.13vw;
  height:5.19vw;
}




.section.footer {
  padding-bottom:29.17vw;
}




.box_link.link2a {
  width: 72.04vw;
  height: 12.31vw;
  margin-left: -36.02vw;
  top: 47.15vw;
}
.box_link.link2b {
  width: 72.04vw;
  height: 12.31vw;
  margin-left: -36.02vw;
  top: 60.8vw;
}

.box_link.link6a {
  width: 34.72vw;
  height: 41.39vw;
  margin-left: -35.63vw;
  top: 19.26vw;
}
.box_link.link6b {
  width: 34.72vw;
  height: 41.39vw;
  margin-left: 0.95vw;
  top: 19.26vw;
}






.section.bottom_banner {
  height:29.17vw;
  padding:0.93vw 0 0.93vw;
}
.section.bottom_banner a {
  width:70.65vw;
  height:12.22vw;
  margin-bottom:0.37vw;
}

}
/*@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){


.section01 .zone_obj1 .obj_1a {
  margin-left: -42.4vw;
}
.section01 .zone_obj1 .obj_1b {
  margin-left: 26.1vw;
}
.section01 .zone_obj1 .obj_1c {
  margin-left: 4.3vw;
}

}