/****************** 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-family:'Nanum Gothic', sans-serif;
}

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;}
img { border:0; margin:0; padding:0; }
/****************** Style ******************/

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

body {
	background:url(images/bg.jpg);

}

/**********************************************************/
/************************ Header ***************************/
/*********************************************************/
#header_wrapper {
	width:100%;
	min-width:1400px;
}

#quick {
	width:1400px;
	margin:0 auto;
	text-align:right;

}

#quick > a {
	color:#d8d8d8;
	font-size:12px;
	text-decoration:underline;
	height:30px;
	line-height:30px;
}



#header {
    margin:0 auto;
    height: 80px;
    width:1400px;
	position:relative;
	background:url(images/top_bg.jpg);
	border-bottom:2px solid #c8c8c8;
}

#header > a#logo{
    float: left;
    height: 80px;
	line-height:80px;
	margin-left:200px;
}

#header h2 {
	color:#212121;
	float:left;
	font-size:26px;
	font-weight:500;
}

#header > #main_nav {
    float: right;
	position:relative;
	padding-right:200px;
}

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

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

#header > #main_nav > ul > li > a {
    display: block;
	width:140px;
    height:80px;
    padding:25px 20px;
    text-align: center;
    font-weight: 600;    
    color: #3a3a3a;
    background-color:transparent;
	font-size:13.5px;
}

#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: 12px;
    color: #c8c8c8;
}

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

/*********************************************************/
/************************** Main **************************/
/*********************************************************/

#main_wrapper {
	width:1400px;
	height:auto;
	margin:0 auto;
	text-align:center;
	background-color:#fff;
	padding:0;
	overflow:hidden;
	position:relative;
}

#bottom_wrapper {
	width:1400px;
	height:auto;
	margin:0 auto;
	overflow:hidden;
	position:absolute;
	z-index:9999;
	bottom:0px;
}

#bottom_wrapper > #import1 {
	width:500px;
	float:left;	
	text-align:right;
	padding-right:20px;
}

#bottom_wrapper > #import2 {
	width:400px;
	float:left;
	text-align:center;
}
#bottom_wrapper > #import3 {
	width:500px;
	float:left;
	text-align:left;
	padding-left:20px;
}


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

#sub_wrapper {
	width:1400px;
	height:auto;
	margin:0 auto;
	text-align:center;
	padding-bottom:50px;
	overflow:auto;
	background-color:#fff;

}

#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:100px;
	height:70px;
	line-height:70px;
	font-family:'FontAwesome';
	font-size:3em;
	color:#333;
}

#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;
	font-weight:normal;
}

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


#sub_wrapper > .ceo {
	width:1400px;
	height:auto;
	min-height:350px;
	margin:0 auto;
	overflow:hidden;
	background:url(images/ceo_bg.png) 80% 0% no-repeat;
}

#sub_wrapper > .ceo > p{
	text-align:justify;
	margin:0 auto 0 300px;
	overflow:auto;
	line-height:170%;
	font-size:14.5px;
}

#sub_wrapper > .ceo > h2 {
	text-align:center;
}

#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:34px;
	background-color:#333;
	color:#ffffff;
	border-radius:2em;

}

#sub_wrapper > .contact_info > ul > li > span {
	border-bottom: 1px solid #4b4b4b;
	display: block;
	font-size: 14px;
	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:14px;
}

#sub_wrapper > .consultation {
	width:1400px;
	height:auto;
	overflow:hidden;
}

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


#sub_wrapper > .consultation > form > input.textarea {
	width:350px; 
	height:30px; 
	background-color:#e8e8e8;
	font-size:13px;
	color:#333;
	padding:5px;
	border:1px solid #d8d8d8;
}

#sub_wrapper > .consultation > form > textarea {
	width:735px; 
	height:140px;
	background-color:#e8e8e8; 
	font-size:13px;
	color:#333;
	padding:5px;
	border:1px solid #d8d8d8;
}

#sub_wrapper > .consultation > form > p > input.submit {
	padding:10px 20px; 
	background-color:#e8e8e8; 
	font-size:13px; 
	color:#333; 
	clear:both;
	margin-left:240px;
	border:1px solid #d8d8d8;
}


/*********************************************************/
/*********************** Footer  ****************************/
/*********************************************************/


#footer {
	width:100%;
	margin-bottom:10px;
}

#footer >  address {
	width:1400px;
	margin:0 auto;
	text-align:center;
	color:#717171;
	font-size:13px;
	font-style:normal;
	line-height:180%;
	padding:10px 0;
	border-top:2px solid #d8d8d8;
	background:url(images/top_bg.jpg) repeat-x;
	background-size:100% 100%;

}

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

}

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

#main_wrapper > #slider-wrapper > #slider img {
	position:relative;
	display:none;
	width:1400px;
	height:600px;
	z-index:1;
}


#sub_wrapper > #slider-wrapper > #slider img {
	position:relative;
	display:none;
	width:1400px;
	height:250px;
	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:43px;
	height:80px;
	background:url(images/arrows.png) no-repeat;
	behavior: url("iepngfix.htc");
	text-indent:-9999px;
	border:0;
	margin-top:-25px;
}

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