@charset "utf-8";
/* CSS Document */
/*--------------------------------------------------------------------
Navigation current 
----------------------------------------------------------------------*/
body#intro #container #wrapper ul#nav li a#introID,
body#sample #container #wrapper ul#nav li a#sampleID,
body#press #container #wrapper ul#nav li a#pressID,
body#platform #container #wrapper ul#nav li a#platformID
{
	position:relative;
		height:110px;
		width:150px;
		display:block;
		text-align:center;
		margin-top:0px;
		color:#000;
}
/*--------------------------------------------------------------------
Global 
----------------------------------------------------------------------*/
.clear { clear: both; }
.hideText{
	position:absolute;
	visibility:hidden;
}
.redcolor{
	color:#c9262d;	
	
}
.greencolor{
	color:#93c94c;	
}
.lbluecolor{
	color:#2cace2;	
}
.bluecolor{
	color:#0651a0;	
}
.innerDiv{
	position:absolute;
	float:right;
	left:220px;
	top:0px;
}
.leftAlign{
	position:relative;
	float:left;
}
h2{
	font-family: hyPost-Medium;	
	font-size:28x;
	font-weight:none;
	color:#4f4f4f;
}
html {
	background-color: #e2d3a9;
}
body{
	background-color: #e2d3a9;
	height:100%;
}
#container{
	background: url( images/backrepeat.jpg) center top repeat-x;
	height:100%;
}
#wrapper{
	background: url( images/background.jpg) center top no-repeat;
	height:962px; /*844px*/
	background-color:transparent;
	min-width:960px;
	padding:0 auto;
	margin:0 auto;
}
#header{
	height:124px;
	width:960px;
	padding: 0 auto;
	margin:auto;
	position:relative;
	background:transparent;
}
#logo{
	position:relative;
	float:left;
	overflow:hidden;
}
	ul#nav{
	position:relative;
	float:right;
	list-style:none;
	padding: 0 auto;
	margin:auto;
	}

	ul#nav li{
		margin:0px;
   		padding:0px;
   		list-style: none;
		float:left;
		margin:0 10px;
		font-family: hyPost-Medium;
	}
	ul#nav li a{
		position:relative;
		display:block;
		margin:0px;
  		padding:0px;
  		list-style: none;
		height:110px;
		width:150px;
		text-align:center;
		text-decoration:none;
		margin-top:-36px;
		color:#000;
	}
	
	.nav1_e a{
		background: url( images/nav1_e.png) center bottom no-repeat;	
	}
	.nav2_e a{
		background: url( images/nav2_e.png) center bottom no-repeat;	
	}
	.nav3_e a{
		background: url( images/nav3_e.png) center bottom no-repeat;	
	}
	.nav4_e a{
		background: url( images/nav4_e.png) center bottom no-repeat;	
	}
	ul#nav li a:hover{
		position:relative;
		height:110px;
		width:150px;
		display:block;
		text-align:center;
		margin-top:0px;
		color:#000;
	}
	.navtext{
		position:absolute;
		width:150px;
		height:55px;
		padding: 0 auto;
		margin:auto;
		top:50%;
		left:5px;
		text-align:center;
		
	}

#footerWrapper{
	background: url( images/footerwrapper.jpg) center top repeat-x;
	width:100%;
	height:62px;
	padding: 0 auto;
	margin:auto;
}	
	#footer{
		background: url( images/footerback.jpg) center top no-repeat;
		font-family:arial;
		font-size:12px;
		width:900px;
		height:42px;
		padding: 0 auto;
		margin:auto;
		padding-left:60px;
		padding-top:20px;
	}
/*--------------------------------------------------------------------
index.html
----------------------------------------------------------------------*/
#languageKrn{
	position:absolute;
	width:180px;
	height:29px;
	right:10px;
	bottom:-20px;
	background:url(images/koreanBtn.png);
	background-position:top;
	border:none;
	outline:none;
	z-index:2;
}
#languageKrn:active{
	background-position:bottom;
}
#featured{
	background: url( images/featuredBack.png) right bottom no-repeat;	
	height:455px;
	width:960px;
	padding: 0 auto;
	margin:auto;
}
#jFlowSlide{ 
	background:transparent; ; 
	}  
#myController {  
	position:absolute;
	font-family: Arial; 
	padding:0px 0; 
	width:920px; 
	background:transparent; 
	margin-right:40px;
	top:573px;
	}  
#myController span.jFlowSelected { 
	background:transparent;margin-right:0px; 
	}  
.slide-wrapper {  
	}  
.slide-thumbnail { 
	width:660px; float:left; 
	}  
.slide-thumbnail img {
	max-width:660px; 
	}  
.slide-details { 
	
	width:250px; float:right; margin-left:10px;
	margin-right:40px;
	}  
.slide-details h2{
	font-family: hyPost-Medium;
	font-size:28px;
	font-weight: bold;
	line-height: 1;
	margin-top:110px;

	}  
.slide-details .description { 
	font-family: "YDIYMjO220";
	font-size:18px;
	margin-top:20px; 
	line-height: 1.2;
	color:#4f4f4f;
	}  
  
.jFlowPrev{ 
	float:right; 
	color:#FFF; 
	font-size:11px;
	cursor:pointer;
	background: url( images/f-prev.png) bottom center no-repeat;	
	text-align:center;
	width:55px;
	height:28px;
	padding:0px 5px;
	padding-top:5px;
	}  
.jFlowPrev:hover {	
	background: url( images/f-prevhover.png) bottom center no-repeat;
	}  
.jFlowNext {	
	float:right; 
	font-size:11px;
	color:#FFF; 
	cursor:pointer;
	background: url( images/f-next.png) bottom center no-repeat;
	text-align:center;
	width:55px;
	height:28px;
	padding:0 5px;
	padding-top:5px;
	}  
.jFlowNext:hover {	
	background: url( images/f-nexthover.png) bottom center no-repeat;
	}  
.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover { 
	background: #transparent; 
	}  	

#content{
	background: url( images/contentback.png) center no-repeat;	
	height:385px;
	width:960px;
	padding: 0 auto;
	margin:auto;
}
#info{
	position:relative;
	float:left;
	width:500px;
	padding-top:40px;
	padding-left:20px;
}
#mainInfo{
	position:relative;
	float:left;
	width:220px;	
}
.contentHeading{
	font-family:arial;
	font-size:28px;
}
.contentSubheading{
	font-family: hyPost-Medium;
	font-size:16px;
	line-height:1.2em;
}
.contentDetails{
	font-family: YDIYMjO220;
	font-size:13px;
	line-height:1.2em;	
}
#address{
	font-family: YDIYMjO220;
	font-size:14px;
	line-height:1.2em;	
	position:relative;
	float:left;
	padding-left:60px;
	padding-top:108px;
	width:220px;
}
.lineSpace{
	padding-top:12px;	
}
.padleft{
	padding-left:40px;	
}
#contactWrapper{
	position:relative;
	float:left;
	width:200px;
	height:200px;
	padding:0 40px;
	text-align:center;
	top:180px;
	left:130px;
}


 /*--------------------------------------------------------------------------
 Intro.html
 ---------------------------------------------------------------------------*/
 #introContent{
	background: url( images/introBack.png) left center no-repeat; 
	width:960px;
	height:678px;
	padding: 0 auto;
	margin:auto;
	padding-top:50px;
 }
 #tabsContainer{
	width:960px;
	height:678px;
 }
 .tab{
	width:780px;
	height:620px;
	padding: 0 auto;
	margin:auto;
	position:relative;
	float:left;	
 }
.tabrow{
	height:520px;
	width:290px;
	position:relative;
	padding-left:100px;
	float:left;
	padding-top:70px;
	color:#4f4f4f;
}
.tabrow h1{
	font-family: hyPost-Medium;	
	font-size:18px;
	font-weight:none;
	line-height:1.1em;
	width:200px;
	color:#4f4f4f;
}
.tabrow h2{
	font-family: hyPost-Medium;	
	font-size:14px;
	font-weight:none;
	color:#4f4f4f;
}
.tabrow IMG{
	position:absolute;
	float:right;
	left:305px;
	top:46px;
}
.sizeBig{
	font-size:17px;	
}
.sizeSmall{
	font-size:12px;	
}
.tabrow div a{
	text-decoration:none;
	color:#2cace2;	
}
.tabrow div a:hover{
	text-decoration:none;
	color:#0651a0;	
}

.tabbing{
	padding-left:10px;	
}
.cdiv{
	position:relative;
	float:left;
	width:290px;
	height:30px;
}
ul.tabNavigation {
		    list-style:none;
		    margin: 0;
			padding-top:60px;
			padding-left:34px;
			float:left;
		}
ul.tabNavigation li{
	position:relative;
	display: block;
	margin: 0px;
  	padding: 0px;
	width:83px;
	height:41px;
	padding-top:10px;
	font-family: hyPost-Medium;	
	font-size:13px;
}
UL.tabNavigation li a, UL.tabNavigation li a:hover{
			display: block;
			width:78px;
			height:41px;
		    background: url( images/introTab.png) left center no-repeat; 
		    color: #fff;
		    text-decoration: none;
		
		}
 
		UL.tabNavigation LI A.selected{
			display: block;
			width:83px;
			height:41px;
			background: url( images/introCurrent.png) left center no-repeat; 
		    color: #fff;
			text-decoration: none;
		
			
		}
		
		UL.tabNavigation LI A:focus {
			outline: 0;
		}
		
 /*--------------------------------------------------------------------------
 Press.html
 ---------------------------------------------------------------------------*/
 #pressContent{
	background: transparent; 
	width:960px;
	height:789px;
	padding: 0 auto;
	margin:auto;
 }
 #pressContent h1{
	font-family: Gulim;
	font-size:76px;
	font-weight:bold;
	text-align:center;
	padding-top:30px;
 }
 #dbookWrapper{
	 margin-top:40px;
	 background: url( images/dbookBack.png) center no-repeat;
	 width:960px;
	 height:600px;
 }
 .pressDbook{
	background-color:#FFF;
	margin: 0 12px;
	margin-top:3px;
	width:940px;
	height:595px;
 }
  /*--------------------------------------------------------------------------
 sample.html
 ---------------------------------------------------------------------------*/
 #sampleContent{
	height:850px;
	width:960px;
	padding: 0 auto;
	margin:auto;
	padding-top:30px;
 }
 #sampleWrapper{
	 background:#fff;
	 margin-top:0px;
	 width:960px;
	 height:609px;
	 padding: 0 auto;
	 margin:auto;
 }

#filmstripContainer{
	width:960px;
	height:180px;
	padding: 0 auto;
	 margin:auto;
	 padding-top:10px;
}
.filmstrips{
	position:relative;
	float:left;
	width:800px;
	height:180px;
}
.filmstrips ul{
	position:relative;
	float:left;
}
.filmstrips ul li{
	padding:0 10px;	
}
.thumbnail{
	width:140px;
	height:180px;
}
.prevButton{
	width:60px;
	height:58px;
	background: url( images/sprev.png) left no-repeat;
	position:relative;
	float:left;
	top:40px;
	padding-right:20px;
}
.prevButton:hover{
	width:60px;
	height:58px;
	background: url( images/sprevhover.png) left no-repeat;
	position:relative;
	float:left;
	top:40px;
	padding-right:20px;
}
.nextButton{
	width:60px;
	height:58px;
	background: url( images/snext.png) right no-repeat;
	position:relative;
	float:right;
	text-align:right;
	padding-left:20px;
	top:40px;
}
.nextButton:hover{
	width:60px;
	height:58px;
	background: url( images/snexthover.png) right no-repeat;
	position:relative;
	float:right;
	text-align:right;
	padding-left:20px;
	top:40px;
}
/*--------------------------------------------------------------------------
platform.html
---------------------------------------------------------------------------*/
 #platformContent{
	height:850px;
	width:960px;
	background: url( images/platformBack.png) center top no-repeat;
	padding: 0 auto;
	margin:auto;
 }
 .pcol{
	width:360px;
	padding-left:70px;
	padding-right:30px;
	padding-top:160px;
	position:relative;
	float:left;
 }
.tableContent{
	padding-left:20px;

}
.tableTitle{
	width:70px;	
}