@charset "utf-8";

body, html{margin:0;padding:0;}

#wrap { width: 100%; }

/*#topMenu .search_open { position: absolute; left: 50%; top: 0; width: 52px; height: 50px; margin-left: -426px; cursor: pointer; }
#topMenu a { display: block; position: absolute; left: 50%; top: 0; width: 73px; height:50px; margin-left: -548px; cursor: pointer; }
*/

#gnb { position: relative; height: 80px; background-color:#ffffff /*url(/_res/en/img/index/gnb.png) center 0 no-repeat*/; }
#gnb .ml { position: absolute; left: 50%; top: 0; margin-left: -600px; width: 180px; height: 80px; }
#gnb .sl { position: absolute; left: 50%; top: 0; margin-left: -250px; width: 850px; height: 80px; }


#nav { z-index: 90; /*display: table; */position: relative; width: 100%; height: 180px; background-color: rgba(0,0,0,0.8); text-align: center; font-size: 0;    line-height: 0; }
#nav li { display: inline-block; width: 300px; height: 180px; cursor: pointer; }
#nav li:nth-of-type(1) { display: none; }
#nav li:nth-of-type(2) { background: url(/_res/en/img/index/indi2.png) 0 bottom no-repeat; }
#nav li:nth-of-type(3) { background: url(/_res/en/img/index/indi1.png) 0 bottom no-repeat; }
#nav li:nth-of-type(4) { background: url(/_res/en/img/index/indi3.png) 0 bottom no-repeat; }
#nav li:nth-of-type(5) { background: url(/_res/en/img/index/indi5.png) 0 bottom no-repeat; }
#nav li:nth-of-type(6) { background: url(/_res/en/img/index/indi4.png) 0 bottom no-repeat; }
#nav li:nth-of-type(2).current,
#nav li:nth-of-type(3).current,
#nav li:nth-of-type(4).current,
#nav li:nth-of-type(5).current,
#nav li:nth-of-type(6).current { background-color: #ef4836; }
#nav li a { display: block; width: 100%; height: 100%; }

#nav.scroll-to-fixed-fixed { height: 60px; }
#nav.scroll-to-fixed-fixed li { height: 60px; }
#nav.scroll-to-fixed-fixed li:nth-of-type(2) { background: url(/_res/en/img/index/indi2_on.png) 0 bottom no-repeat; }
#nav.scroll-to-fixed-fixed li:nth-of-type(3) { background: url(/_res/en/img/index/indi1_on.png) 0 bottom no-repeat; }
#nav.scroll-to-fixed-fixed li:nth-of-type(4) { background: url(/_res/en/img/index/indi3_on.png) 0 bottom no-repeat; }
#nav.scroll-to-fixed-fixed li:nth-of-type(5) { background: url(/_res/en/img/index/indi5_on.png) 0 bottom no-repeat; }
#nav.scroll-to-fixed-fixed li:nth-of-type(6) { background: url(/_res/en/img/index/indi4_on.png) 0 bottom no-repeat; }
#nav > li.over,
#nav.scroll-to-fixed-fixed li:nth-of-type(2).over,
#nav.scroll-to-fixed-fixed li:nth-of-type(3).over,
#nav.scroll-to-fixed-fixed li:nth-of-type(4).over,
#nav.scroll-to-fixed-fixed li:nth-of-type(5).over,
#nav.scroll-to-fixed-fixed li:nth-of-type(6).over,
#nav.scroll-to-fixed-fixed li:nth-of-type(2).current,
#nav.scroll-to-fixed-fixed li:nth-of-type(3).current,
#nav.scroll-to-fixed-fixed li:nth-of-type(4).current,
#nav.scroll-to-fixed-fixed li:nth-of-type(5).current, 
#nav.scroll-to-fixed-fixed li:nth-of-type(6).current { background-color: #ef4836; }


#discoverWrap { position: relative; text-align: center; height: auto;  background: url(/_res/en/img/index/bg_discoverwrap.gif) repeat-x 0 100%;}
.dis_title { position: absolute; top: 80px; width: 100%;  }
.dis_visual1 { position: absolute; /*top: 160px;*/ top: 0px; width: 100%; height: 800px; background: url(/_res/en/img/index/dis_visual1.png) center 0 no-repeat; }
.dis_visual2 { position: absolute; /*top: 180px;*/ top: 0px; width: 100%; height: 800px; background: url(/_res/en/img/index/dis_visual2.png) center 0 no-repeat; opacity: 0; }

.dis_visual2 .test1 {  }
.dis_visual2.active .test1 {
	-webkit-animation-name: balloon;
	-moz-animation-name: balloon;
	-o-animation-name: balloon;
	animation-name: balloon;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	}
@-webkit-keyframes balloon {
	100% {  font-size: 20px; }
}
@keyframes balloon {
	100% { font-size: 20px;}
}

.dis_indi { z-index: 2; position: absolute; bottom: 0; width: 100%; height: 215px; background: url(/_res/en/img/index/dis_indi1.png) center 0 no-repeat; }
.dis_indi.on { background: url(/_res/en/img/index/dis_indi2.png) center 0 no-repeat; }
.dis_bg { z-index: 1; position: absolute; bottom: 0; width: 100%; height: 200px; background-color: #213140; }

#key { height: 822px; background:#f2f2f2; }
/*#key.on { background: url(/_res/en/img/index/key2.png) center 0 no-repeat; }*/

#news { height: 700px; }
#news_bar { height: 252px; background-color:#dddddd; }
#map { height: 937px; background: #fff ; }
#touch { height: 816px; background: #213140 url(/_res/en/img/index/touch.png) center 0 no-repeat; }

#footer { height: 340px; }
#footer.sub { height: 106px;}

.btn_top_foot { z-index: 9999; position: fixed;  bottom: 0; margin-left: 1139px; }
.btn_top_foot.sub { margin-left: 554px; }

#contents {margin-top: -180px; }
.con1 { height: 1636px;}

#market { height: 700px;  background:#f2f2f2;}