@keyframes fadeIn {
0% {
opacity: 0;
}

30% {
opacity: 0;
}

100% {
opacity: 1;
}
}

@keyframes topVisualFadeIn {
0% {
opacity: 0;
}

30% {
opacity: 0;
}

100% {
top: 0;
opacity: 1;
}
}

@keyframes blue {
0% {
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-ms-filter: blur(0px);
-o-filter: blur(0px);
filter: blur(0px);
}

25% {
-webkit-filter: blur(1px);
-moz-filter: blur(1px);
-ms-filter: blur(1px);
-o-filter: blur(1px);
filter: blur(1px);
}

50% {
-webkit-filter: blur(2px);
-moz-filter: blur(2px);
-ms-filter: blur(2px);
-o-filter: blur(2px);
filter: blur(2px);
}

75% {
-webkit-filter: blur(3px);
-moz-filter: blur(3px);
-ms-filter: blur(3px);
-o-filter: blur(3px);
filter: blur(3px);
}

100% {
-webkit-filter: blur(4px);
-moz-filter: blur(4px);
-ms-filter: blur(4px);
-o-filter: blur(4px);
filter: blur(4px);
}
}

@keyframes scroll {
0% {
top: 18px;
}

50% {
top: 23px;
}

100% {
top: 18px;
}
}

@keyframes rotate {
0% {
transform: rotateY(0deg);
}

90% {
transform: rotateY(0deg);
}

100% {
transform: rotateY(720deg);
}
}

@keyframes openBlur {
100% {
z-index: 4;
margin-left: -1%;
-webkit-filter: blur(4px);
-moz-filter: blur(4px);
-ms-filter: blur(4px);
-o-filter: blur(4px);
filter: blur(4px);
}
}

#content #sec1 {
width: 100%;
height: 100vh;
background-color: transparent;
}
#content #sec1 .txt {
position: absolute;
left: 50%;
top: 50%;
width: 410px;
height: 472px;
margin: -236px 0 0 -205px;
text-align: center;
}
#content #sec1 .txt img {
position: relative;
top: 50px;
opacity: 0;
animation: topVisualFadeIn 2.5s ease both;
}
#content #sec1 .txt img:nth-child(1) {
animation-delay: 1s;
}
#content #sec1 .txt img:nth-child(2) {
animation-delay: 1.4s;
}
#content #sec1 .txt img:nth-child(3) {
animation-delay: 1.8s;
}
#content #sec1 .txt img:nth-child(4) {
animation-delay: 2.2s;
}
#content #sec1 .txt img:nth-child(5) {
animation-delay: 2.6s;
}
#content #sec1 .scrollWrap {
position: absolute;
left: 50%;
bottom: 6.47773%;
display: block;
width: 64px;
height: 64px;
margin-left: -32px;
border-radius: 50%;
background-color: rgba(0,
0,
0,
.3);
}
#content #sec1 .scrollWrap .scroll {
position: relative;
width: 100%;
height: 100%;
}
#content #sec1 .scrollWrap .scroll:before,
#content #sec1 .scrollWrap .scroll:after {
content: "";
position: absolute;
left: 50%;
display: block;
}
#content #sec1 .scrollWrap .scroll:before {
top: 50%;
width: 21px;
height: 38px;
margin: -19px 0 0 -10.5px;
border: 1px #fff solid;
border-radius: 10.5px;
}
#content #sec1 .scrollWrap .scroll:after {
width: 3px;
height: 7px;
margin-left: -1.5px;
border-radius: 50%;
background-color: #fff;
animation: scroll 1s ease infinite;
}
#content #sec2 {
padding-top: 0 !important;
}
#content #sec2 .entry {
position: relative;
margin: 40px auto 0;
padding-top: 85px;
}
#content #sec2 .entry .pht {
float: none;
position: absolute;
right: 37.08333%;
top: 160px;
width: 1024px;
}
#content #sec2 .entry .txt {
position: relative;
width: 900px;
height: 580px;
margin-top: 0;
padding: 45px 20px 35px;
text-align: center;
background-color: #fff;
}
#content #sec2 .entry .txt h2 {
position: relative;
display: inline-block;
padding-bottom: 5px;
font-size: 14px;
}
#content #sec2 .entry .txt h2:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background-color: #C0A79A;
}
#content #sec2 .entry .txt p {
margin: 0;
font-size: 14px;
line-height: 2;
}
#content #sec2 .entry .txt p.hd {
margin: 45px 0 40px;
font-size: 32px;
line-height: 1.2;
}
#content #sec2 .entry .txt p.hd br{display: none;}
#content #sec2 .entry .txt .detail_btn {
margin-top: 50px;
}
#content #sec2 .entry .txt .detail_btn a {
margin: 0 auto;
}
#content #sec2 .entry .txt .detail_btn a:before {
display: none;
}