@charset "utf-8";
html, body {  min-height: 100%;  height: 100%;}
body {  transform-style: preserve-3d;  transform: perspective(800px);}
.poster {  width:100%;  height:100%;}
.poster .spaceman {
  background: url("../../images/korean/main/spaceman.png") center center no-repeat;
  width:877px;height:915px;margin:-440px 0 0 -457px;
  z-index: 3;
}
.poster .satellite{
  background:url("../../images/korean/main/satellite.png") 0 0 no-repeat;width:395px;height:224px;margin:-220px 0 0 -700px;
  z-index: 2;
}
.light{position:absolute;left:50%;top:50%;opacity:0.5;
  background:url("../../images/korean/main/light.png") 0 0 no-repeat;width:600px;height:600px;margin:-650px 0 0 170px;
  z-index: 2;
   -webkit-animation: light 2.5s linear infinite; animation: light 2.5s linear infinite;
}
.list02 .light{
  background:url("../../images/korean/main/light.png") 0 0 no-repeat;margin:-500px 0 0 -850px;
}
@-webkit-keyframes light {
  0% { -webkit-transform: scale(0.7); transform:  scale(0.7); }
  50% { -webkit-transform: scale(1.0); transform:  scale(1.0); }
  100% { -webkit-transform: scale(0.7); transform:  scale(0.7); }
 }
@keyframes light {
  0% { -webkit-transform: scale(0.7); transform: scale(0.7); }
  50% { -webkit-transform: scale(1.0); transform:  scale(1.0); }
  100% { -webkit-transform: scale(0.7); transform: scale(0.7); }
}
.poster [class^="layer-"]{position:absolute;left:50%;top:50%;background-size:100% auto;}


.poster .dom{background:url("../../images/korean/main/visual2_dom.png") 0 0 no-repeat/cover;width:1500px;height:690px;left:-10%;top:inherit;bottom:-10%;z-index: 3;}
.poster .build{background:url("../../images/korean/main/visual2_build.png") 0 0 no-repeat/cover;width:1100px;height:470px;left:inherit;right:-10%;top:inherit;bottom:-10%;z-index: 2;}
/* main-visual */
#visual {
  position: relative;
  z-index: 0;
}
#visual .list01{
  width: 100%;
  height: calc(100vh - 357px);
  min-height: 690px;
  overflow: hidden;
  background: url("../../images/korean/main/visual_bg.jpg") no-repeat center 0/cover;
  }
#visual .list01:after,
#visual .list02:after{content:"";display:block;width:100%;height:100%;background:url("../../images/korean/main/pattern.png");position:absolute;top:0;left:0;z-index:4;}

#visual .list02 {
  width: 100%;
  height: calc(100vh - 357px);
	min-height: 690px;
	background: url(../../images/korean/main/visual_02.jpg) no-repeat center 0/cover;
}
#visual .txt-group {
  position: relative;
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 27%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
  color: #fff;
  width: 100%;
  z-index:51;
}
#visual .txt-group .title {
  font-size: 50px;
  font-family: NanumMyeongjo;
  position: relative;
  bottom: 0;
  display: block;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

#visual .txt-group .txt {
  font-size: 25px;
	font-family: NanumMyeongjo;
  font-weight: 100;
  line-height: 1.5;
  position: relative;
  opacity: 0;
  -webkit-transition: all .5s ease .5s;
  transition: all .5s ease .5s;
}
#visual .txt-group .txt span {
  color: #ffdd00;
}
#visual .active .bg {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}
#visual .active .txt-group {
  opacity: 1;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

#visual .active .txt-group .title {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
#visual .active .txt-group .txt {
  opacity: 1;
}
#visual .bx-controls {
  position: absolute;
  left: 50%;
  top: 36%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 51;
}
#visual .bx-controls .bx-pager-item {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
}
#visual .bx-pager-link {
  color: #c9c9c9;
  font-family: NanumSquare;
  font-weight: bold;
  font-size: 1.8rem;
  padding-left: 30px;
}
#visual .bx-pager-link::after {
  content: "";
  display: block;
  width: 100%;
  height: 0px;
  margin-top: 5px;
  background-color: #e09f43;
  -webkit-transition: all .25s ease;
  transition: all .25s ease;
}
#visual .bx-pager-link.active {
  color: #fff;
}
#visual .bx-pager-link.active::after {
  height: 3px;
}
#visual .bx-pager-link::before {
  content: "0";
}
#visual::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(../../images/korean/main/pattern.png);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
/* main-visual
#visual {
  position: relative;
  z-index: 0;
}
#visual .bg {
  width: 100%;
  height: calc(100vh - 357px);
	min-height: 690px;
	background: url(../../images/korean/main/visual_01.jpg) no-repeat center 0/cover;
}
#visual .list01 {
  background-image: url(../../images/korean/main/visual_01.jpg);
}
#visual .list02 {
  background-image: url(../../images/korean/main/visual_02.jpg);
}
#visual .txt-group {
  position: relative;
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 27%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
  color: #fff;
  width: 100%;
}
#visual .txt-group .title {
  font-size: 50px;
  font-family: NanumMyeongjo;
  position: relative;
  bottom: 0;
  display: block;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

#visual .txt-group .txt {
  font-size: 25px;
	font-family: NanumMyeongjo;
  font-weight: 100;
  line-height: 1.5;
  position: relative;
  opacity: 0;
  -webkit-transition: all .5s ease .5s;
  transition: all .5s ease .5s;
}
#visual .txt-group .txt span {
  color: #ffdd00;
}
#visual .active .bg {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}
#visual .active .txt-group {
  opacity: 1;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

#visual .active .txt-group .title {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
#visual .active .txt-group .txt {
  opacity: 1;
}
#visual .bx-controls {
  position: absolute;
  left: 50%;
  top: 36%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 51;
}
#visual .bx-controls .bx-pager-item {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
}
#visual .bx-pager-link {
  color: #c9c9c9;
  font-family: NanumSquare;
  font-weight: bold;
  font-size: 1.8rem;
  padding-left: 30px;
}
#visual .bx-pager-link::after {
  content: "";
  display: block;
  width: 100%;
  height: 0px;
  margin-top: 5px;
  background-color: #e09f43;
  -webkit-transition: all .25s ease;
  transition: all .25s ease;
}
#visual .bx-pager-link.active {
  color: #fff;
}
#visual .bx-pager-link.active::after {
  height: 3px;
}
#visual .bx-pager-link::before {
  content: "0";
}

*/
.main-banner{position:absolute;left:0;top: 60%;width:100%;}
@media screen and (max-height: 1055px){
.main-banner { top: 473px;}
}
.main-banner::after {content:"";display:block;clear:both;}
.main-banner li { float:left; width:25%; height: 130px; background: url(../../images/korean/main/banner-bg1.jpg) no-repeat 0 0; }
.main-banner li a{display:block;width:100%;height:100%; padding:30px 0 30px 120px; position: relative;}
.main-banner li.icon2 { background-image: url(../../images/korean/main/banner-bg2.jpg);}
.main-banner li.icon3 { background-image: url(../../images/korean/main/banner-bg3.jpg); }
.main-banner li.icon4 { background-image: url(../../images/korean/main/banner-bg4.jpg); }
.main-banner li a{color: #fff;}

.main-banner li i { content: ""; display: block; width:39px;height:47px;position:absolute; left:49px; top:50px; background:url(../../images/korean/main/banner-icon1.png) no-repeat 0 0;}
.main-banner li.icon2 i{width:59px;height:47px; background-image:url(../../images/korean/main/banner-icon2.png);}
.main-banner li.icon3 i{width:56px;height:56px; background-image:url(../../images/korean/main/banner-icon3.png);}
.main-banner li.icon4 i{width:52px;height:54px; background-image:url(../../images/korean/main/banner-icon4.png);}
.main-banner li h2 { font-size: 18px; margin-bottom:10px;}
.main-banner li h2 b{font-size:22px;margin-bottom:5px;display:block;}
.main-banner li h2 small{font-size:13px;text-transform:uppercase;display:block;color:rgba(255,255,255,0.5);}
.main-banner li p { font-size: 14px;  color:rgba(255,255,255,0.5);}
.main-banner li.icon2 h2,
.main-banner li.icon2 h2 small,
.main-banner li.icon2 p{color:#555;}

/* news */
.latest-board{position:relative;}
.latest-board h2 { float: left;font-size:18px;color:#323232;margin-right: 30px; }
.notice-wrap { float: left; height: 20px; overflow: hidden; }
.notice-list { -webkit-transition: all .7s ease; transition: all .7s ease; }
.notice-list .subject { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; max-width:330px;vertical-align: middle; margin-right: 30px; }
.latest-board .new:after { content: ""; display: inline-block;vertical-align:middle; width: 20px; height: 17px; background: url("../../images/korean/main/new.gif") no-repeat 0 0; }
.notice-list .date { display: none; vertical-align: middle; }
.notice-list .alarm{color:#ed1651;font-weight:700;}
.notice-list .state {display:inline-block;margin-right:10px;color:#bc9633;font-weight:700;}
.latest-board .more:after{content:"";display:block;width:10px;height:10px;background:url(../../images/korean/main/more.gif) no-repeat 0 0;position:absolute;right:20px;top:27px;}

#latest-board {height: 65px;}
.latest-board {  width: 50%; float: left; padding: 22px 0; position: relative; overflow: hidden; }

#popupzone { width: 100%;  position: relative; z-index:8;background: url("../../images/korean/main/popupzone_bg.jpg") no-repeat center 0; }
#popupzone .bg{background-color: rgba(36,47,68,0.8);}
#popupzone .container-fluid{max-height:172px;overflow:hidden;position:relative;z-index:2;-webkit-transition: all 0.3s 0.2s ease;transition: all 0.3s 0.2s ease;}
#popupzone h2 { float: left; width: 130px; }
#popupzone .bx-wrapper { width: 870px; float: left;margin-left:60px; }
#popupzone .bx-controls { position: absolute; z-index: 10; top: 60px; right: 0px; line-height: 0; text-align: center; }
#popupzone li a { display: block; }
#popupzone li img{vertical-align:bottom;}
#popupzone .bx-controls .bx-pager{float:left;}
#popupzone .bx-controls .bx-controls-auto{float:right;margin:0px 0 0 10px;}
#popupzone .bx-pager .bx-pager-item { display:inline-block; }
#popupzone .bx-pager .bx-pager-item:first-child a{margin-left:0;}
#popupzone .bx-pager .bx-pager-item a {
	display: block;	position: relative;	color: transparent;	margin-left: 8px;
}
#popupzone .bx-pager .bx-pager-item a:after {
	content: "";display: block;	width: 10px;height: 10px;background-color: #7e8ca5;border-radius:5px;
}
#popupzone .bx-pager .bx-pager-item a.active:after {
	background-color: #417bbc;transition: all 0.3s;	-webkit-transition: all 0.3s;
}

#popupzone .bx-controls-auto a{display:block;width:7px;height:9px;font-size:0;}
#popupzone .bx-controls-auto a.active { display: none }
#popupzone .bx-controls-auto a.bx-stop {background:url("../../images/korean/main/control_stop.png") 0 1px no-repeat; }
#popupzone .bx-controls-auto a.bx-start { background:url("../../images/korean/main/control_play.png") 0 0 no-repeat; }
#popupzone .btn {display:block;width:80px;position:absolute;bottom:-32px;left:50%;margin-left:520px;z-index:9;}
#popupzone .btn::before{content:"";width:1px;height:20px;position:absolute;top:-20px;left:50%;background-color:#2b3448;}
#popupzone .btn a{display:block;width:100%;height:30px;line-height:30px;text-align:center;background-color:#2b3448;color:#fff;position:absolute;left:0;top:0;font-size:12px;}
#popupzone .btn a i{display:inline-block;margin-left:10px;font-size:10px;width:8px;height:8px;background:url("../../images/korean/main/plus.gif") no-repeat 0 0;}
#popupzone .close-btn i{-webkit-transform:rotate(45deg);transform:rotate(45deg);}
#popupzone .btn .open-btn{display:none;}
#popupzone.open .btn .close-btn{display:none;}

#popupzone.open .container-fluid{max-height:0px;}
#popupzone.open .btn .icon-close{-webkit-transform: rotate(180deg);transform: rotate(180deg);top: 10px;}


#footer .top-move{display:none;}



/* Animations */
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/* Space */
.space-wrap{opacity:0.5;
	position:absolute;
	left:0;top:0;
	width:100%;
	height:130px;
	overflow:hidden;
	}
#popupzone.open .space-wrap{display:none;}
.space {
  position: absolute;
  width: 400vw;
  height: 400vh;
  top: 50%;
  left: 50%;
  margin-top: -200vh;
  margin-left: -200vw;
  -webkit-animation: spin 240s linear infinite;
          animation: spin 240s linear infinite;
  background-size: 240px;
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
  /* Had to base64 SVG background for FF compatibility */
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8yIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI0MCAyNDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0MCAyNDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxyZWN0IHg9IjEwNiIgeT0iOTAiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiLz48cmVjdCB4PSI3NCIgeT0iNjMiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIyMyIgeT0iNjYiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSI1MCIgeT0iMTEwIiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iNjMiIHk9IjEyOCIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjQ1IiB5PSIxNDkiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSI5MiIgeT0iMTUxIiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iNTgiIHk9IjgiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIxNDciIHk9IjMzIiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMiIgaGVpZ2h0PSIyIi8+PHJlY3QgeD0iOTEiIHk9IjQzIiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTY5IiB5PSIyOSIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjE4MiIgeT0iMTkiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIxNjEiIHk9IjU5IiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTM4IiB5PSI5NSIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjE5OSIgeT0iNzEiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIzIiBoZWlnaHQ9IjMiLz48cmVjdCB4PSIyMTMiIHk9IjE1MyIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjIiIGhlaWdodD0iMiIvPjxyZWN0IHg9IjEyOCIgeT0iMTYzIiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMjA1IiB5PSIxNzQiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIxNTIiIHk9IjIwMCIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjUyIiB5PSIyMTEiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiLz48cmVjdCB5PSIxOTEiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIxMTAiIHk9IjE4NCIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjwvc3ZnPg==);
}