/****************** 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-size:100%;
		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;}

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

body {
	background-color: #fff;
	border-top: 6px solid #3a3a3a;
}

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



/**********************************************************/
/************************ Header ***************************/
/*********************************************************/

#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 > a#logo{
    float: left;
    height: 84px;
	padding-top:24px;
	padding-left:24px;
}

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


#header h3 {
	color:#d2232a;
	font-size:26px;
	font-weight:bold;

}

#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;
	font-size:13px;
}

#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;
}

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

#main_wrapper {
	width:972px;
	height:auto;
	margin:0 auto;
	text-align:center;
	padding-bottom:50px;
	overflow:auto;
	position:relative;
	
}

#main_wrapper > h2 {
	font-weight:normal;
	font-size:24px;
	padding-top:20px;
	color:#333;
}

#main_wrapper > h3 {
	font-weight:normal;
	color:#777;
}

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

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


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

#sub_wrapper > .ceo > p{
	padding:0 120px;
	text-align:justify;
	margin:0 auto;
	overflow:auto;
}

#sub_wrapper > .ceo > h2 {
	text-align:right;
	padding-right:120px;
}

#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:#d2232a;
	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: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 >  address {
	width:970px;
	margin:0 auto;
	text-align:center;
	color:#eee;
	padding:15px 0;
	background-color:#414141;
	font-size:12px;
	font-style:normal;

}










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

}

#slider {
	position:relative;
    width:970px;
    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:970px;
	height:546px;
	z-index:1;
}


#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;
}