@charset "UTF-8";

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

body {
  background: #ffffff; /*91c6e9*/
}

.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/content01_bg.jpg");
  height:1844px;
}
.section01 > [class*=obj_] {
	position: absolute;
	z-index: 2;
	animation-name: blink;
	animation-iteration-count: infinite;
}
.section01 > .obj_1a {
	animation-duration: 2s;
	top: 500px;
	left: 150px;
  width:199px;
  height:64px;
}
.section01 > .obj_1b {
	animation-duration: 2s;
	top: 550px;
	left: 742px;
  width:154px;
  height:138px;
}

.section01 .zone_obj2 {
	top: 863px;
	left: 50%;
  margin-left:-537px;
}
.section01 .zone_obj2 [class*=obj_] {
	position: absolute;
	left: 50%;
}
.section01 .zone_obj2 .obj_2a {
	top: 0;
  margin-left:-483px;
  width:941px;
  height:433px;
}
.section01 .zone_obj2 .obj_2b {
	top: 374px;
  margin-left:-476px;
  width:953px;
  height:445px;
}
.section01 .zone_obj2 .obj_2c {
	top: 426px;
  margin-left:-373px;
  width:129px;
  height:148px;
}
.section01 .zone_obj2 .obj_2d {
	top: 445px;
  margin-left:-70px;
  width:156px;
  height:123px;
}
.section01 .zone_obj2 .obj_2e {
	top: 432px;
  margin-left:238px;
  width:159px;
  height:136px;
}







.section02 {
  background-image:url("../img/content02_bg.jpg");
  height:2247px;
}
.section02 .zone_obj1 {
	top: 205px;
}
.section02 .zone_obj1 [class*=obj_] {
	position: absolute;
	left: 50%;
	animation-iteration-count: infinite;
}
.section02 .zone_obj1 .obj_1a {
	top: 0;
  margin-left:-441px;
  width:962px;
  height:728px;
}
.section02 .zone_obj1 .obj_1b {
  animation-duration: 2.5s;
  animation-name: dung;
	top: 327px;
  margin-left:-458px;
  width:128px;
  height:115px;
}
.section02 .zone_obj1 .obj_1c {
  animation-duration: 2.5s;
  animation-name: dung;
	top: 166px;
  left:unset;
  right:0;
  width:183px;
  height:242px;
}

.section02 .zone_obj2 {
  top: 980px;
}
.section02 .zone_obj2 .obj_img2a {
  margin:0 auto;
  width:807px;
  height:562px;
}

.section02 .zone_obj3 {
	top: 1080px;
}
.section02 .zone_obj3 [class*=obj_] {
	position: absolute;
	left: 50%;
	animation-iteration-count: infinite;
}
.section02 .zone_obj3 .obj_3a {
	top: 0;
  margin-left:-461px;
  width:923px;
  height:446px;
}
.section02 .zone_obj3 .obj_3b {
  animation-duration: 2.5s;
  animation-name: dung;
	top: -80px;
  margin-left:-415px;
  width:117px;
  height:74px;
}
.section02 .zone_obj3 .obj_3c {
  animation-duration: 2.5s;
  animation-name: dung;
	top: -85px;
  margin-left:291px;
  width:156px;
  height:120px;
}
.section02 .zone_obj3 .obj_3d {
	top: 158px;
  margin-left:109px;
  width:107px;
  height:35px;
}










.section03 {
  background-image:url("../img/content03_bg.jpg");
  height:3000px;
}
.section03 .zone_obj1 {
	top: -54px;
}
.section03 .zone_obj1 [class*=obj_] {
	position: absolute;
	left: 50%;
	animation-iteration-count: infinite;
}
.section03 .zone_obj1 .obj_1a {
	top: 0;
  margin-left:-485px;
  width:972px;
  height:1051px;
}
.section03 .zone_obj1 .obj_1b {
	top: 378px;
  margin-left:-237px;
  width:441px;
  height:421px;
}


.section03 .zone_obj2 {
	top: 972px;
}
.section03 .zone_obj2 [class*=obj_] {
	position: absolute;
	left: 50%;
	animation-iteration-count: infinite;
}
.section03 .zone_obj2 .obj_2a {
	top: 0;
  margin-left:-440px;
  width:880px;
  height:890px;
}
.section03 .zone_obj2 .obj_2b {
  animation-duration: 2.5s;
  animation-name: dung;
	top: 458px;
  margin-left:-247px;
  width:534px;
  height:143px;
}









.section04 {
  background-image:url("../img/content04_bg.jpg");
  height:3750px;
}
.section04 .zone_obj1 {
  top: -960px;
}
.section04 .zone_obj1 [class*=obj_] {
	position: absolute;
	left: 50%;
	animation-iteration-count: infinite;
}
.section04 .zone_obj1 .obj_1a {
  top: 0;
  margin-left:-529px;
  width:1058px;
  height:1135px;
}
.section04 .zone_obj1 .obj_1b {
  animation-duration: 2s;
  animation-name: zoom_in_out;
  top: 553px;
  margin-left:-219px;
  width:538px;
  height:514px;
}
.section04 .zone_obj1 .obj_1c {
  top: 0;
  margin-left:-459px;
  width:918px;
  height:337px;
}

.section04 .zone_obj2 {
  top: 864px;
}
.section04 .zone_obj2 .obj_img2a {
  margin:0 auto;
  width:915px;
  height:384px;
}

.section04 .zone_obj3 {
  top: 1655px;
}
.section04 .zone_obj3 [class*=obj_] {
	position: absolute;
	left: 50%;
	animation-iteration-count: infinite;
}
.section04 .zone_obj3 .obj_3a {
  top: -972px;
  margin-left:-485px;
  width:972px;
  height:132px;
}
.section04 .zone_obj3 .obj_3b {
  top: -800px;
  margin-left:-485px;
  width:972px;
  height:132px;
}
.section04 .zone_obj3 .obj_3c {
  top: -628px;
  margin-left:-485px;
  width:972px;
  height:132px;
}
.section04 .zone_obj3 .obj_3d {
  top: 1110px;
  margin-left:-396px;
  width:793px;
  height:122px;
}

.section04 .zone_obj4 {
  top:1296px;
}
.section04 .zone_obj4 [class*=obj_] {
	position: absolute;
  left: 50%;
	animation-iteration-count: infinite;
}
.section04 .zone_obj4 .obj_img4a {
  width:972px;
  margin-left:-485px;
  height:298px;
}
.section04 .zone_obj4 .obj_img4b {
  width:972px;
  margin-left:-485px;
  height:298px;
  top: 1404px;
}










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

.box_link.link1a {
  width: 130px;
  height: 220px;
  margin-left: -435px;
  top: 90px;
}
.box_link.link1b {
  width: 130px;
  height: 220px;
  margin-left: -281px;
  top: 90px;
}
.box_link.link1c {
  width: 130px;
  height: 220px;
  margin-left: -129px;
  top: 90px;
}
.box_link.link1d {
  width: 130px;
  height: 220px;
  margin-left: 25px;
  top: 90px;
}
.box_link.link1e {
  width: 130px;
  height: 220px;
  margin-left: 177px;
  top: 90px;
}
.box_link.link1f {
  width: 130px;
  height: 220px;
  margin-left: 329px;
  top: 90px;
}




/*
a.bottom_banner {
  z-index:10;
  display:block;
  position:fixed;
  bottom:30px;
  width:927px;
  height:175px;
  left: 50%;
  transform: translateX(-50%);
}
*/
.section.bottom_banner {
  display:flex;
  justify-content: center;
  height:255px;
  z-index:10;
  padding:40px 0 40px;
  background:#f7f7f7;
  position:fixed;
  bottom:0;
  left: 50%;
  transform: translateX(-50%);
}
.section.bottom_banner a {
  z-index:10;
  display:block;
  width:927px;
  height:175px;
  margin-left:10px;
}
.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:168.1vw;
}
.section01 > .obj_1a {
	animation-duration: 2s;
	top: 46.30vw;
	left: 13.89vw;
  width:18.43vw;
  height:5.93vw;
}
.section01 > .obj_1b {
	animation-duration: 2s;
	top: 50.03vw;
	left: 69.40vw;
  width:14.26vw;
  height:12.78vw;
}

.section01 .zone_obj2 {
	top: 79vw;
	left: 50%;
  width:100%;
  margin-left:-49.92vw;
}
.section01 .zone_obj2 .obj_2a {
  margin-left:-44.4vw;
  width:87vw;
  height:30.93vw;
}
.section01 .zone_obj2 .obj_2b {
	top: 34.6vw;
  margin-left:-44.07vw;
  width:88.24vw;
  height:41.20vw;
}
.section01 .zone_obj2 .obj_2c {
	top: 39.44vw;
  margin-left:-34.54vw;
  width:11.94vw;
  height:13.70vw;
}
.section01 .zone_obj2 .obj_2d {
	top: 41.20vw;
  margin-left:-6.48vw;
  width:14.44vw;
  height:11.39vw;
}
.section01 .zone_obj2 .obj_2e {
	top: 40.00vw;
  margin-left:22.04vw;
  width:14.72vw;
  height:12.59vw;
}



.section02 {
  height:208.06vw;
}
.section02 .zone_obj1 {
	top: 18.98vw;
}
.section02 .zone_obj1 .obj_1a {
  margin-left:-40.83vw;
  width:89.07vw;
  height:67.41vw;
}
.section02 .zone_obj1 .obj_1b {
	top: 30.28vw;
  margin-left:-42.41vw;
  width:11.85vw;
  height:10.65vw;
}
.section02 .zone_obj1 .obj_1c {
	top: 15.37vw;
  right:0;
  width:16.94vw;
  height:22.41vw;
}

.section02 .zone_obj2 {
  top: 90.74vw;
}
.section02 .zone_obj2 .obj_img2a {
  width:74.72vw;
  height:52.04vw;
}

.section02 .zone_obj3 {
	top: 100.00vw;
}
.section02 .zone_obj3 .obj_3a {
  margin-left:-42.69vw;
  width:85.46vw;
  height:41.30vw;
}
.section02 .zone_obj3 .obj_3b {
	top: -7.41vw;
  margin-left:-38.43vw;
  width:10.83vw;
  height:6.85vw;
}
.section02 .zone_obj3 .obj_3c {
	top: -7.87vw;
  margin-left:26.94vw;
  width:14.44vw;
  height:11.11vw;
}
.section02 .zone_obj3 .obj_3d {
	top: 14.63vw;
  margin-left:10.09vw;
  width:9.91vw;
  height:3.24vw;
}










.section03 {
  height:278vw;
}
.section03 .zone_obj1 {
	top: -5vw;
}
.section03 .zone_obj1 .obj_1a {
  margin-left:-44.87vw;
  width:90vw;
  height:97.31vw;
}
.section03 .zone_obj1 .obj_1b {
	top: 35vw;
  margin-left:-21.94vw;
  width:40.83vw;
  height:38.98vw;
}


.section03 .zone_obj2 {
	top: 90vw;
}
.section03 .zone_obj2 .obj_2a {
  margin-left:-40.74vw;
  width:81.48vw;
  height:82.41vw;
}
.section03 .zone_obj2 .obj_2b {
	top: 42.21vw;
  margin-left:-22.87vw;
  width:49.44vw;
  height:13.24vw;
}









.section04 {
  height:347.22vw;
}
.section04 .zone_obj1 {
  top: -89vw;
}
.section04 .zone_obj1 .obj_1a {
  margin-left:-47.98vw;
  width:95.92vw;
  /* width:100%; */
  height:105.09vw;
}
.section04 .zone_obj1 .obj_1b {
  top: 51.20vw;
  margin-left:-20.28vw;
  width:49.81vw;
  height:47.59vw;
}
.section04 .zone_obj1 .obj_1c {
  margin-left:-42.50vw;
  width:85.00vw;
  height:31.20vw;
}

.section04 .zone_obj2 {
  top: 80vw;
}
.section04 .zone_obj2 .obj_img2a {
  margin:0 auto;
  width:85.00vw;
  height:31.20vw;
}

.section04 .zone_obj3 {
  top: 153.24vw;
}
.section04 .zone_obj3 .obj_3a {
  top: -90vw;
  margin-left:-44.87vw;
  width:90vw;
  height:12.22vw;
}
.section04 .zone_obj3 .obj_3b {
  top: -74vw;
  margin-left:-44.87vw;
  width:90vw;
  height:12.22vw;
}
.section04 .zone_obj3 .obj_3c {
  top: -58vw;
  margin-left:-44.87vw;
  width:90vw;
  height:12.22vw;
}
.section04 .zone_obj3 .obj_3d {
  top: 102.78vw;
  margin-left:-36.67vw;
  width:90vw;
  height:11.30vw;
}

.section04 .zone_obj4 {
  top: 120vw;
}
.section04 .zone_obj4 .obj_img4a {
  width:90vw;
  height:27.59vw;
  margin-left:-44.87vw;
}
.section04 .zone_obj4 .obj_img4b {
  width:90vw;
  height:27.59vw;
  margin-left:-44.87vw;
  top:130vw;
}


/* 12.05 페이지 하단 여백 부족으로 인한 버튼 아래 이미지 가려짐 현상 개선 */
.section.section05 {
  padding-bottom:100px;
}





.box_link.link1a {
  width: 12.04vw;
  height: 20.37vw;
  margin-left: -40.28vw;
  top: 43.13vw;
}
.box_link.link1b {
  width: 12.04vw;
  height: 20.37vw;
  margin-left: -26.02vw;
  top: 43.13vw;
}
.box_link.link1c {
  width: 12.04vw;
  height: 20.37vw;
  margin-left: -11.94vw;
  top: 43.13vw;
}
.box_link.link1d {
  width: 12.04vw;
  height: 20.37vw;
  margin-left: 2.31vw;
  top: 43.13vw;
}
.box_link.link1e {
  width: 12.04vw;
  height: 20.37vw;
  margin-left: 16.39vw;
  top: 43.13vw;
}
.box_link.link1f {
  width: 12.04vw;
  height: 20.37vw;
  margin-left: 30.46vw;
  top: 43.13vw;
}




/*
a.bottom_banner {
  bottom:2.78vw;
  width:85.83vw;
  height:16.20vw;
}
*/
.section.bottom_banner {
  height:23.61vw;
  padding:3.70vw 0 3.70vw;
}
.section.bottom_banner a {
  width:85.83vw;
  height:16.20vw;
  margin-left:0.93vw;
}



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

}