#SCT1 .box:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#SCT1 .box {
zoom: 1;
}

.curtain{
width:110%;
height:100%;
position:fixed;
top:0;left:50%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
z-index:1;
-webkit-transform:translate3d(-50%,0,0);
transform:translate3d(-50%,0,0);
pointer-events:none;
opacity: 0.5;
mix-blend-mode: overlay;
}
_:-ms-lang(x), .curtain {
opacity: 0.4;
}
.curtain:before{
background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(15%,hsla(0,0%,100%,0)));
background-image:-o-linear-gradient(top,#fff 0,hsla(0,0%,100%,0) 15%);
background-image:linear-gradient(180deg,#fff,hsla(0,0%,100%,0) 15%);
}
.curtain:after,
.curtain:before{
content:"";
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
background-position:50% 50%;
background-repeat:no-repeat;
}
.curtain:after{
/*background-image:-o-radial-gradient(top left,circle,#fff 0,hsla(0,0%,100%,0) 50%);
background-image:radial-gradient(circle at top left,#fff 0,hsla(0,0%,100%,0) 50%);*/
}
.curtain-item{
-webkit-box-flex:1;
-ms-flex:1 1 auto;flex:1 1 auto;
width:100%;
height:150%;
position:relative;
top:-25%;
background-size:100% 100%;
background-repeat:no-repeat;
opacity:0;
background-image:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),color-stop(10%,hsla(0,0%,100%,.5)),color-stop(50%,hsla(0,0%,100%,0)),color-stop(90%,hsla(0,0%,100%,.5)),to(hsla(0,0%,100%,0)));
background-image:-o-linear-gradient(left,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.5) 10%,hsla(0,0%,100%,0) 50%,hsla(0,0%,100%,.5) 90%,hsla(0,0%,100%,0) 100%);
background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5) 10%,hsla(0,0%,100%,0) 50%,hsla(0,0%,100%,.5) 90%,hsla(0,0%,100%,0));
will-change:transform;
-webkit-transform-origin:top center;
-ms-transform-origin:top center;
transform-origin:top center;
}

.fadeElm {
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
}
.activeView {
-webkit-transition: all 1.5s ease;
-moz-transition: all 1.5s ease;
-o-transition: all 1.5s ease;
transition: all 1.5s ease;
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

/* CONTENTS */
#contents {}

/* mainSCT */
#mainSCT {
position: relative;
}
#mainSCT .title {
position: absolute;
left: 6%;
top: 5%;
width: 14.55%;
}
#mainSCT .title img {
display: block;
width: 100%;
height: auto;
}
#mainSCT .bg img {
display: block;
width: 100%;
height: auto;
}
#mainSCT .modal {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
#mainSCT .modal img {
display: block;
width: 100%;
height: auto;
cursor: pointer;
}
#mainSCT .modal img.pop {
transform: translateX(-50%) translateY(-50%) rotate(0deg);
position: absolute;
left: 50%;
top: 50%;
width: 22%;
height: auto;
z-index: 1;
-webkit-transition: filter 0.5s ease;
-moz-transition: filter 0.5s ease;
-o-transition: filter 0.5s ease;
transition: filter 0.5s ease;
}
#mainSCT .modal img.pop:hover {
filter: drop-shadow(0 0 10px rgba(255,255,255,1));
}

/* leadSCT */
#leadSCT {
position: relative;
border-top: solid 8px #000;
border-bottom: solid 8px #000;
z-index: 2;
}
#leadSCT .lead {
position: relative;
background: url("/ie/tree/lab/img/t_lead_bg.jpg") no-repeat center center;
background-size: cover;
padding-top: 42%;
width: 100%;
}
#leadSCT .lead img {
transform: translateX(-50%) translateY(-50%) rotate(0deg);
position: absolute;
left: 50%;
top: 50%;
}

/* navSCT */
#navSCT .bg {
position: relative;
box-sizing: border-box;
background: url("/ie/tree/lab/img/t_nav_bg.jpg") no-repeat center center;
background-size: auto 940px;
padding: 38px 0 0 0;
min-width: 874px;
height: 940px;
}
#navSCT .bg::before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
background: url("/ie/tree/lab/img/t_nav_l.jpg") repeat-x center center;
background-size: auto 940px;
width: 50%;
height: 940px;
z-index: -1;
}
#navSCT .bg::after {
content: '';
display: block;
position: absolute;
right: 0;
top: 0;
background: url("/ie/tree/lab/img/t_nav_r.jpg") repeat-x center center;
background-size: auto 940px;
width: 50%;
height: 940px;
z-index: -1;
}
#navSCT .block {
position: relative;
margin: 0 auto;
width: 874px;
height: 283px;
}
#navSCT h3 {
position: absolute;
left: 0;
top: 85px;
}
#navSCT h3 img {
width: 122px;
height: auto;
}
#navSCT ul {
box-sizing: border-box;
position: absolute;
left: 157px;
top: 0;
width: 752px;
}
#navSCT .block:nth-child(1) ul {
top: 19px;
}
#navSCT .block:nth-child(2) ul {
top: 62px;
}
#navSCT .block:nth-child(3) ul {
top: 63px;
}
#navSCT ul li {
position: relative;
margin-right: 21px;
width: 167px;
float: left;
}
#navSCT ul li:last-child {
margin-right: 0;
}
#navSCT .block:nth-child(1) ul li {
height: 213px;
}
#navSCT .block:nth-child(2) ul li {
height: 182px;
}
#navSCT .block:nth-child(3) ul li {
height: 178px;
}
#navSCT ul a {
display: block;
box-sizing: border-box;
width: 100%;
height: 100%;
}
#navSCT ul a img {
-webkit-transition: filter 0.5s ease;
-moz-transition: filter 0.5s ease;
-o-transition: filter 0.5s ease;
transition: filter 0.5s ease;
filter: drop-shadow(0 0 10px rgba(255,255,255,0));
}
#navSCT ul a:hover img {
filter: drop-shadow(0 0 10px rgba(255,255,255,1));
}

#navSCT ul img {
transform: translateX(-50%) translateY(-50%) rotate(0deg);
position: absolute;
left: 50%;
top: 50%;
}
#navSCT .block:nth-child(1) ul img {
transform: translateX(-50%) translateY(-50%) rotate(0deg);
position: absolute;
left: 50%;
top: 60%;
}