@charset "utf-8";
/* CSS Document */

*{font-family:'Malgun Gothic';}
html,body{
    font-family:'Malgun Gothic';
	width:100%;
	height:100%;
}
a { text-decoration:none; color:;}

#main{
    width:100%; height:100%;
}
.main_img{
    width:100%; height:auto;
    min-width: 1200px;
}
.main_tit{
    position:absolute;
    top:52%; left:56%;
}




#menu_wrap{
    background-color: #000;
    width:200px;
    height:1000px;
    position:fixed;
	z-index:1;
    width:200px;
    height:1000px;
	top:0px;
    right:0px;
    opacity:0.8;
    display:block;
}
#on_btn{
    position:fixed;
    top:5.4%;
    right:1.5%;
    cursor:pointer;
    z-index:1;
}
#off_btn{
    margin:50px 0px 0px 131px;
    cursor:pointer;
    z-index:2;
}
.menu p{
    text-align: right;
    font-size:1em;
    padding:10px 23px;
    color:aliceblue;
}
.menu{
    margin:10px 0;
}
.navigation li{
    font-size:0.8em;
	color:#8f939b;
	display:block;
    cursor:pointer;
	padding: 0 25px;
	line-height:20px;
	margin-bottom:2px;
	text-align:right;
	width:150px;
}
.nav li{
    font-size:0.8em;
	color:#8f939b;
	display:block;
    cursor:pointer;
	padding: 0 25px;
	line-height:20px;
	margin-bottom:2px;
	text-align:right;
	width:150px;
}
.home{
    margin-top:50px;
    text-align: right;
    font-size:1em;
    padding:10px 0 ;
    color:aliceblue;
    letter-spacing: 25px;
    cursor:pointer;
}
#main_logo{
    position:absolute;
    top:45%;
    left:60%;
    width:375px;
    z-index:1;
}
#language {
   margin-left:95px;
}
#language p{
    float:left;
    margin:20px 10px 10px 10px;
}
#language a{
    color:#000;
}
#sub_logo{
    position:absolute;
    top:4%;
    left:2%;
    width:230px;
    z-index:1;
}
#logo{
    position:fixed;
    top:4%;
    left:2%;
    width:230px;
    z-index:1;
}
.slide{
	background-attachment: fixed;
	width:100%;
	height:100%;
	position: relative;
	box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3);
}


.slideno{
	position:absolute;
	bottom:0px;
	left:0px;
	font-size:100px;
	font-weight:bold;
	color:rgba(255,255,255,0.3);
}
.button{
	display:block;
	width:50px;
	height:50px;
	position:absolute;
	bottom:0px;
	left:50%;
	background-image:url(../image/arrow.png);
}
.button:hover{
	background-color:#494949;
	cursor:pointer;
}
.company{
    position:absolute; top:30%; left:50%;
}
.title_img{
    width:100%; height:auto;
    min-width:1200px;
}
.title{
    width:350px; height:113px;
    margin:0 auto;
    padding-bottom:30px;
}
/******************************
 SLIDE 1 
*******************************/
#slide1{
	background-image:url(../company/image/greeting_bg.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
}
.page_box{
    
}
.page_name{
    width:400px; height:113px;
	background-image:url(../image/title_bg.png);
    background-size:auto;
    
    line-height:3.5em;
    font-size:2em;
    padding-left:1.5em;
}
.article{
    width:420px; height:auto;
    font-size:0.9em;
    line-height: 1.8em;
}
/******************************
 SLIDE 2 
*******************************/
.history{
    position:absolute; top:45%; left:20%; width:450px;
}
.certificate{
    position:absolute; top:45%; left:50%; 
}
.year{
    float: left; 
    font-size:0.9em;
}
.year_text{
    font-size:0.9em;
}
#slide2{
	background-image:url(../company/image/history_bg.jpg);
	-webkit-background-size:  100%;
	-moz-background-size:  100%;
	-o-background-size:  100%;
	background-size:  100%;
    min-width:1600px;
    background-repeat: no-repeat;
	
}

/******************************
 SLIDE 3 
*******************************/
.directions{
    position:absolute; top:10%; left:65%; 
}
#slide3{
    background-image:url(../company/image/contact_bg.jpg) ;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size:  100%;
	background-size:  100%;
    min-width:1600px;
    background-repeat: no-repeat;
	position:relative;
}
.map{
    position:absolute; bottom:0%;
}




/******************************
*******************************
    -------products--------
*******************************
*******************************/
.products{
    width:1200px; height:auto;
    margin:0 auto;
}