@font-face { font-family: 'S-CoreDream-6Bold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff'); font-weight: normal; font-style: normal; }

*{margin:0; padding:0;} a{text-decoration: none;} li {list-style: none;}
img{vertical-align: top;}
body,html{font-family: 'NanumSquare'; height:100%; background:#fff; overflow-x: hidden;}
.wrap {width:1200px; margin:0 auto ; position:relative; height:100%;}
.wrap:after, ul:after {display: block; content: ""; clear:both;}
h2{position:absolute; left:-9999px;}

/* header 영역 */
header {height:80px; position:relative; width:100%;z-index: 99; background:#000;}
header .logo {padding-top:20px;}
header .logo img{position:relative; left:0px; top:20px; width:75px;}
header .menu {position:relative; left:260px; top:-9px;}
header .menu li {float:left; margin-right:35px; font-size:20px;}
header .menu li a {color:#fff;}
header .login {position:absolute; right:0; top:32px;}
header .login li {float:left; margin-right:15px;}
header .login li a {color:#fff;}

#main {background:url(../images/sub1_main.jpg)no-repeat center; height:860px;}
#main.wrap {height:100%;}
#main h3 {color:#fff; text-align: center; font-size:20px; padding-top:140px;}
#main p {color:#fff; text-align: center; display: block; font-size:28px; line-height:1.4; padding-top:15px;}

#exx {height:1200px;}
#exx .ex {height:600px; margin-top:100px;}
#exx nav {opacity: 1; position:absolute; right:0; top:0; width:100%; transition:0.8s; }
#exx .ex .car {margin-top:10px;}
#exx .ex .stop {position:absolute; right:0px; transition:0.5s;top:0; }
#exx .ex h3 {font-size:20px; border-top:1px solid #c0c0c0; color:#c0c0c0; position:absolute; right:420px; top:180px; padding-top:8px;}
#exx .ex p {font-size:28px; color:#fff; position:absolute; right:385px; top:240px; font-weight: bold; display: block;}
#exx .ex .hi{font-size:20px; color:#fff; position:absolute; right:50px; top:350px; line-height:1.8; display: block;}
#exx .ex .led {width:100%; margin-top:130px;}

#interior {margin-top:100px; height:2275px; position:relative; }
#interior #in {font-size:28px; font-weight: 900; border-top:4px solid #9e0b0f;width:120px; padding-top:8px; position:absolute; left:0; top:0;}

#interior .inter {background:#88171b; width:420px; height:563px; position:absolute; right:29px; bottom:0px;}
#interior .inter h4 {color:#fff; font-size:28px; font-weight: 700; padding-top:100px; padding-left:8px;}
#interior .inter p {font-size:16px; color:#fff; padding-top:8px; padding-left:8px; display: block;}
#interior .inter span {font-size:16px; color:#efefef; line-height:1.7;
padding-top:60px; padding-left:8px; display: block;}





.snip1585 {
  color: #fff;
  font-size: 24px;
    height:auto;
  position: relative;
  text-align: center;
   overflow: hidden;
    display: inline-block;
    left:100px;
    bottom:0px;
        margin-right:30px;
}
.go {position:relative; left:0;top:130px;}
.go1 {position:relative; left:10px; top:20px; height:280px; width:525px;}
.go2{position:relative; left:0px;top:50px; }
.go2 img{width:100%;}
        .go4 img{height:372px;}        
.go5 {position:relative; top:150px; left:0;}      
.go7 {position:relative; top:80px; left:9px; width:525px;}        
.go8 {position:relative; left:0; top:200px; width:700px;}  
        
.snip1585 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.45s ease;
  transition: all 0.45s ease;
}

.snip1585:before,
.snip1585:after {
  background-color: rgba(0,0,0, 0.3);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 1;
  opacity: 0;
}

.snip1585:before {
  -webkit-transform: scaleY(2);
  transform: scaleY(2);
}

.snip1585:after {
  -webkit-transform: scaleY(2);
  transform: scaleY(2);
    
}

.snip1585 figcaption {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 20px;
  right: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1.1em;
  opacity: 0;
  z-index: 2;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.snip1585 span {
  display: flex;
    justify-content: center;
    align-items: center;
  font-weight: 400;
    font-size:18px;
    color:#fff;
    margin-top:20px;
}
.snip1585 p {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    font-size:28px;
    color:#fff;
    
}


.snip1585 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
}
.snip1585:hover > img,
.snip1585.hover > img {
  opacity: 1;
}

.snip1585:hover:before,
.snip1585.hover:before,
.snip1585:hover:after,
.snip1585.hover:after {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.snip1585:hover figcaption,
.snip1585.hover figcaption {
  opacity: 1;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}




#last {margin-top:100px; height:900px;}
#last h3 {font-size:28px; text-align: center;}
#last p {font-size:20px; margin-top:10px; text-align: center; display: block;}
#last a {background:#9f0a0e; display: block; width:160px; height:40px; color:#fff; text-align: center; font-size:20px; line-height:40px; position:relative; left:515px; top:25px;}
#last ul {margin-top:80px; position:relative; left:140px;}
#last ul li {float:left; margin-right:60px;}
#last ul li:last-child {margin-right:0;}
#last .color {background:#1a1952; width:1920px; height:285px; position:absolute; left:-370px; bottom:0;}
#last .ani {position:absolute; bottom:200px; left:100px; z-index: 99; }







footer {background:#222222; height:400px;}
footer #sns {padding-top:15px; border-bottom:1px solid #aaa; width:100%; padding-bottom:15px;}
footer #sns li{float:left; margin-right:15px;}
footer #sns li img {width:40px;}
footer nav {position:absolute; right:0; top:17px;}
footer nav img {margin-right:10px;}
footer nav a {color:#fff; margin-right:10px;}
footer nav .site {color:#fff; border:1px solid #fff; padding:8px 10px; margin-top:1px; display: inline-block; margin-right:0;}
footer #add li {float:left; margin-right:15px; padding-top:30px;}
footer #add h3 {font-size:24px; color:#fff; margin-top:40px;}
footer #add li a{color:#ccc;}
footer dl {position:relative; left:380px; bottom:75px;}
footer dl dt {color:#fff; font-size:24px; font-weight: bold; margin-bottom:24px;}
footer dl dd {color:#ccc; line-height:2;}
footer dl dd span {font-weight: bold; display: inline-block; margin-right:10px;}
footer #award {position:absolute; right:0;top:110px; width:500px;}
footer #award h3 {color:#fff; font-size:24px; margin-bottom:32px;}
footer #award li {float:left;color:#eee; font-size:12px; margin-bottom:15px;}
footer #award li:nth-child(2), footer #award li:nth-child(4) {margin-right:25px;}
footer #award li img {width:70px; height:40px;}
footer #award li span {display: inline-block; line-height:1.6; margin-left:6px;}
footer address {color:#aaa; font-style:normal; position:relative; bottom:22px;}
footer #site {position:relative; bottom:40px; left:378px;}
footer #site li {float:left; margin-right:20px; font-size:15px;}
footer #site li a{color:#ddd;}