/****************** CSS RESET ******************/

@charset "UTF-8";
@import url(http://211.234.100.234/font/nanumgothic.css);

* {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin:0; padding:0; border:0;
	    font: 12px/1.7 'Nanum Gothic', 'Malgun Gothic', sans-serif;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.004); /* Antialiasing*/
		-webkit-font-smoothing: antialiased !important;
}



a {text-decoration:none;}
html { overflow-y:scroll; }
body, html { width:100%; height:100%; }
ul, li { list-style:none; display:block;}
address { display:block; }
strong { font-weight:bold; font-size:inherit; font-family:inherit;}

/****************** Style ******************/

body {
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	color: #333;
	background-color: #fff;
}

hr {
	display:inline-block;
	float:left;
	width:450px;
	height:1px;
	margin:35px 0;
	border:1px solid #E8E8E8;
}

h1 {
	font-size:24px;
}



/**********************************************************/
/************************ Header ***************************/
/*********************************************************/
#body_border {
	width:100%;
	border-top: 6px solid #3a3a3a;
}

#header {
    border-top: 6px solid #3a3a3a;
    border-bottom: 1px solid #E8E8E8;
    margin:-6px auto 6px;
    height: 84px;
    width: 970px;
    background-color:#fff;
	position:relative;
}

#header > #logo {
    float: left;
    height: 84px;
}

#header > #main_nav {
    float: right;
	position:relative;
}

#header > #main_nav > ul {
    margin: -6px 0 0;
	position:relative;
}

#header > #main_nav > ul > li {
    float: left;
    margin: 0;
	position:relative;
}

#header > #main_nav > ul > li > a {
    border-top: 6px solid transparent;
    border-bottom: 1px solid transparent;
    display: block;
	width:140px;
    height:84px;
    padding:25px 20px;
    text-align: center;
    font-weight: bold;    
    color: #3a3a3a;
    background-color:transparent;
   	transition-property:background-color, color, border;
	-webkit-transition-property:background-color, border; /* Safari */	
	transition-duration:0.5s;
	-webkit-transition-duration:0.5s;
}

#header > #main_nav > ul > li > a:after {
    content: attr(data-description);
    display: block;
    margin: 3px 0 -3px;
    line-height: 0;
    text-align: center;
    font-style: italic;
    font-weight: 400;
    font-size: 8pt;
    color: #c8c8c8;
}

#header > #main_nav > ul > li > a:hover {
	background-color: #f8f8f8;
    border-bottom-color: #d2232a;
    border-top-color: #d2232a;
    color: #d2232a;
}

#header > #main_nav > ul > li > ul {
	display:block;
	position:absolute;
	left:0px;
	width:140px;
	height:0px;
	margin-top:6px;
	z-index:1;
	transition-property:height, z-index;
	-webkit-transition-property:height, z-index; /* Safari */	
	transition-duration:0.5s;
	-webkit-transition-duration:0.5s;
	background-color:#fff;
	opacity:0.8;
	filter:Alpha(opacity=80);
}

#header > #main_nav > ul > li:hover > ul.company {
	display:block;
	z-index:10;
	height:150px;
}

#header > #main_nav > ul > li:hover > ul.products {
	display:block;
	z-index:10;
	height:60px;
}

#header > #main_nav > ul > li:hover > ul.contact {
	display:block;
	z-index:10;
	height:60px;
}
#header > #main_nav > ul > li > ul > li {
	display:none;
	height:30px;
}

#header > #main_nav > ul > li:hover > ul > li {
	display:block;
}


#header > #main_nav > ul > li > ul > li > a {
	color:#3a3a3a;
	padding:20px;
	opacity:1;
	filter:Alpha(opacity=100);
	line-height:30px;
   	transition-property:color;
	-webkit-transition-property:color;/* Safari */	
	transition-duration:0.5s;
	-webkit-transition-duration:0.5s;
}

#header > #main_nav > ul > li > ul > li:hover {
	background-color:#d2232a;
}

#header > #main_nav > ul > li > ul > li > a:hover {
	color:#fff;
}

/*********************************************************/
/************************** Main **************************/
/*********************************************************/
.resp_img {
	display:none;
	width:100%;
	height:auto;
}

#main_wrapper {
	width:972px;
	height:auto;
	margin:0 auto;
	text-align:center;
	padding-bottom:50px;
	overflow:auto;
	border-left:1px solid #e8e8e8;
	border-right:1px solid #e8e8e8;
	position:relative;

}


#main_wrapper i {
	display:inline-block;
	float:left;
	width:70px;
	height:70px;
	line-height:70px;
	font-family:'FontAwesome';
	font-size:3em;
	color:#d2232a;
}

#main_wrapper > header {
	position:relative;
}

#main_wrapper > header > a {
	font-size:1.3em;
	padding:0.5em 1em;
	border-radius:0.3em; 
	background-color:#ccc;
	color:#fff;
	transition:background-color 0.5s;
	-webkit-transition:background-color 0.5s; /* Safari */	
}

#main_wrapper > header > a:hover {
	background-color:#d2232a;
}

#main_wrapper > article {
	display:block;
	height:auto;
	overflow:auto;
}

#main_wrapper iframe {
	padding:0 30px;
	width:100%;

}
#main_wrapper > article > h1 {
	padding-bottom:30px;
}

#main_wrapper > article > img {
	width:370px;
	height:278px;
	margin:10px 30px;
	border-radius:2em;
}


#main_wrapper > article > p {
	display:block;
	padding:10px 40px;
	line-height:1.2em;
	text-align:justify;
	width:100%;
	height:auto;
	font-size:12pt;
}

#main_wrapper > article > h2 {
	clear:both;
	font-size:16px;
	padding:5px 0;
}
#main_wrapper > #slider-wrapper {
	position:relative;
}

#main_wrapper > #slider-wrapper > h2 {
	background-color:#000; 
	color:#fff; 
	position:absolute; 
	top:75%; 
	left:37%; 
	z-index:10; 
	padding:5px 10px; 
	font-size:16pt; 
	opacity:0.8;
}

#main_wrapper > #slider-wrapper > h3 {
	background-color:#000; 
	color:#fff; 
	position:absolute; 
	top:85%; 
	left:27%; 
	z-index:10; 
	padding:5px 10px; 
	font-size:12pt; 
	opacity:0.8;
}

/*********************************************************/
/************************** Sub ***************************/
/*********************************************************/

#sub_wrapper {
	width:972px;
	height:auto;
	margin:0 auto;
	text-align:center;
	padding-bottom:50px;
	overflow:auto;
	border-left:1px solid #e8e8e8;
	border-right:1px solid #e8e8e8;
}

#sub_wrapper > header {
	margin:30px 0;
}


#sub_wrapper > header > h1 {
	font-family:'Arial', sans-serif;
	display:inline;
	font-weight:500;
	letter-spacing:-1px;
	color:#484848;
}

#sub_wrapper > header > i {
	display:inline-block;
	float:left;
	width:70px;
	height:70px;
	line-height:70px;
	font-family:'FontAwesome';
	font-size:3em;
	color:#d2232a;
}

#sub_wrapper > #slider-wrapper {
		position:relative;

}
#sub_wrapper > #slider-wrapper > h3 {
	background-color:#000; 
	color:#fff; 
	position:absolute; 
	top:80%; 
	left:20%; 
	z-index:10; 
	padding:5px 10px; 
	font-size:12pt; 
	opacity:0.8;
}

#sub_wrapper > article > iframe {
	padding:0 30px;
	width:100%;
}


#sub_wrapper > .ceo {
	width:970px;
	margin:0 auto;
	overflow:auto;
}

#sub_wrapper > .aboutus > p {
	font-size:11pt;
	text-align:justify;
}

#sub_wrapper > .history > section {
	clear:both;
	height:auto;
	overflow:auto;
	padding:15px 0;
	border-bottom:1px solid #e8e8e8;
	text-align:center;
}
#sub_wrapper > .history > section > h3 {
	font-family: 'Arial', sans-serif;
	display:inline-block;
	float:left;
	padding:2px 5px;
	font-size:12pt;
	color:#d2232a;
	font-weight:bold;
	margin-left:180px;
}

#sub_wrapper > .history > section > h4 {
	display:inline-block;
	float:left;
	padding:0px 5px;
	font-size:11pt;
	text-align:left;
	margin-left:200px;

}
#sub_wrapper > .contact_info {
	margin:35px 0;
}

#sub_wrapper > .contact_info > ul {
	display:inline-block;
	margin:10px 40px 0;
	vertical-align:top;
}

#sub_wrapper > .contact_info > ul > li {
	display:inline-block;
	width: 150px;
	text-align:center;
}

#sub_wrapper > .contact_info > ul > li > i {
	display:inline-block;
	width:70px;
	height:70px;
	line-height:70px;
	font-family:'FontAwesome';
	font-size:3em;
	background-color:#d2232a;
	color:#ffffff;
	border-radius:2em;
}

#sub_wrapper > .contact_info > ul > li > span {
	border-bottom: 1px solid #4b4b4b;
	display: block;
	font-size: 1.2em;
	margin:30px 0 10px;
	padding: 0 0 10px;
	color:#484848;
	text-transform: uppercase;
	text-align:center;
	font-weight:500;
	font-family:'Arial', sans-serif;
}

#sub_wrapper > .contact_info > ul > li > ul > li {
	color:#888888;
	font-size:1em;
}

#sub_wrapper > .consultation {
	width:970px;
	height:auto;
	overflow:auto;

}

#sub_wrapper > .consultation > p {
	margin:20px auto;
	font-size:11pt;
	line-height:1em;
}

#sub_wrapper > .consultation > form {
	display:block;
	height:auto;
	overflow:auto;
	margin:20px auto;
}
#sub_wrapper > .consultation > form > input {
	clear:both; 
	display:block; 
	background:#e8e8e8; 
	width:500px; 
	height:30px;  
	margin:0 auto; 
	margin-top:30px;
	color:#888888;
	font-size:10pt;
	border:1px solid #e8e8e8;

}

#sub_wrapper > .consultation > form > .submit {
	width:100px; 
	margin:auto; 
    -moz-border-radius: 2em;
    -webkit-border-radius: 2em;
	border-radius:2em; 
	behavior: url(js/pie/PIE.htc);
	background-color:#e8e8e8;
   	transition-property:background-color, color;
	-webkit-transition-property:background-color, color; /* Safari */	
	transition-duration:0.3s;
	-webkit-transition-duration:0.3s;
}

#sub_wrapper > .consultation > form > .submit:hover {
	background-color:#d2232a;
	color:#fff;
}
#sub_wrapper > .consultation > form > textarea {
	display:block; 
	clear:both; 
	background:#e8e8e8; 
	width:500px; 
	height:200px; 
	margin:0 auto; 
	margin-top:30px;
	font-size:11pt;
	overflow-y:auto;
}
/*********************************************************/
/*********************** Footer  ****************************/
/*********************************************************/


#footer {
	width:100%;
	background-color: #414141;
	
}

#footer > .footer_top {
	width:970px;
	margin:0 auto;
	padding:10px 0;	
	overflow:auto;
	background-color: #414141;
	
}

#footer > .footer_top > #sitemap {
	float:left;
	width:auto;
}

#footer > .footer_top > #sitemap > ul {
	display:block;
	margin:0 auto;
	overflow:auto;
	padding:20px 0 20px;
	vertical-align:top;
}


#footer > .footer_top > #sitemap > ul > li {
	display:inline-block;
	float:left;
	width: 140px;
	text-align:left;
	margin-left:30px;	
}

#footer > .footer_top > #sitemap > ul > li > span {
	border-bottom: 1px solid #4b4b4b;
	display: block;
	font-size: 12px;
	margin: 0 0 10px;
	padding: 0 0 10px;
	color:#868686;
	text-transform: uppercase;

}

#footer > .footer_top > #sitemap > ul > li > ul > li a{
	color:#bbb9aa;
	font-family:'Arial', sans-serif;
   	transition-property:color;
	-webkit-transition-property:color;/* Safari */	
	transition-duration:0.5s;
	-webkit-transition-duration:0.5s;
}

#footer > .footer_top > #sitemap > ul > li > ul > li a:hover{
	color:#d2232a;	
}

#footer > .footer_top > address {
	display:inline-block;
	float:right;
	margin:0;
	width:300px;
	color:#bbb9aa;

}

#footer > .footer_top > address > ul {
	display:block;
	margin:0 auto;
	overflow:auto;
	padding:20px 0 20px;
}

#footer > .footer_top > address > ul > li {
	display:block;
	margin-right:30px;
}

#footer > .footer_top > address > ul > li > span {
	margin: 0 0 10px;
	padding: 0 0 10px;
}

#footer > .footer_top > address > ul > li > ul {
	float:left;
}


#footer > .footer_top > address ul > li > ul.qr {
	float:right;
	width:60px;
	height:60px;
	background-color:#ffffff;
}

#footer > .footer_top > address > ul > li > span {
	border-bottom: 1px solid #4b4b4b;
	display: block;
	font-size: 12px;
	margin: 0 0 12px;
	padding: 0 0 12px;
	color:#868686;
	text-transform: uppercase;
	font-family:'Arial', sans-serif;
}

#footer > .footer_top > address > ul > li > ul > li > a {
	color:#bbb9aa;
   	transition-property:color;
	-webkit-transition-property:color;/* Safari */	
	transition-duration:0.5s;
	-webkit-transition-duration:0.5s;
}

#footer > .footer_top > address > ul > li > ul > li > a:hover {
	color:#d2232a;
}

#footer > #footer_bottom {
	background-color:#303030;
	height:auto;
}

#footer > #footer_bottom > address {
	width:970px;
	margin:0 auto;
	text-align:center;
	color:#868686;
	padding:15px 0;
	background-color:#303030;
}










/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
#slider-wrapper {
    height:auto;
    margin:0 auto 10px;
    z-index:1;
	position:relative;

}

#slider {
	position:relative;
    height:auto;
	margin:0 auto;
	background:url(images/loading.gif) no-repeat 50% 50%;
	z-index:1;
}

#slider img {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	max-width:970px;
	height:auto !important;
	max-height:546px;
	display:none;
}

#sub_wrapper > #slider-wrapper > #slider img {
	position:relative;
	display:none;
	width:970px;
	height:300px;
	z-index:1;
}


#slider a {
	border:0;
	display:block;

}

.nivo-controlNav {
	position:absolute;
	bottom:0px;
	right:0px;
}

.nivo-controlNav a {
	display:block;
	width:15px;
	height:15px;
	background:url(images/bullets.png) no-repeat;
	behavior: url("iepngfix.htc");
	text-indent:-9999px;
	border:0;
	margin-right:10px;
	margin-bottom:10px;
	float:left;
}

.nivo-controlNav a.active {
	background-position:0 -15px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(images/arrows.png) no-repeat;
	behavior: url("iepngfix.htc");
	text-indent:-9999px;
	border:0;
}

#sub_wrapper > #slider-wrapper > #slider >  .nivo-directionNav a {
	display:none;
	}

a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}


/*
@media screen and (max-width:970px) {

hr {
	display:block;
	width:45%;
}

#header {	
	width:100%;
	
}

#header > #logo {
	width:25%; 
}

#header > #main_nav {
	width:75%;
}
#header > #main_nav > ul > li {
	display:block;
	width:33%;

}
#header > #main_nav > ul > li > a {
	width:100%;
}


#header > #main_nav > ul > li > a:after {
    display: block;
    margin: 3px 0 -3px;
    text-align:center;
    font-style: italic;
    font-weight: 400;
    font-size: 9px;
    color: #c8c8c8;
}

#main_wrapper {
	width:100%;
	border:0;
}

#main_wrapper i {
	display:block;
	float:left;
	width:10%;
	font-family:'FontAwesome';
	font-size:30px;
	color:#d2232a;
}

#main_wrapper > header {
	clear:both;
}

#main_wrapper iframe {
	padding:0 10px;
	width:100%;
}

 #sub_wrapper {
	width:100%;
	border:0;
}

#sub_wrapper i {
	display:block;
	float:left;
	width:10%;
	font-family:'FontAwesome';
	font-size:30px;
	color:#d2232a;
}

#sub_wrapper h1 {
	clear:both;
}
#sub_wrapper > article > iframe {
	padding:0 10px;
	width:100%;
}
 #slider {
	display:none;
}

.resp_img {
	display:block;
	width:100%;
	height:auto;
}


#main_wrapper > #slider-wrapper > h2 {
	display:none;	
}

#main_wrapper > #slider-wrapper > h3 {
	display:none;
}

#sub_wrapper > #slider-wrapper > h3 {
	display:none;
}

#footer > .footer_top {
	display:none;
}

#footer > #footer_bottom > address {
	width:100%;
}

*/