/*Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)*/
/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/
body{font-size: 13pt; }
h1{font-size: 3.1em;letter-spacing: -0.025em;}
h2{color:#cc3433; font-family:"Arial Black";font-size: 4em; text-align:left;letter-spacing: -0.025em;}
h3{font-size: 1.5em;letter-spacing: -0.015em;}
h1, h2, h3, h4, h5, h6{margin: 0 0 0.75em 0; z-index:99999;}
header{margin: 170px 0 3em 0;}
header > span{font-size: 1.25em; text-align:left;}
footer{margin: 3em 0 0 0;}
footer > p{font-size: 1.25em;}
form{}
form .button{float:left;margin: 0 0.5em 0 0.5em;}
.button{padding: 1em 2.35em 1em 2.35em;font-size: 1.1em;}
.button_main{ float:left;padding: 0 2.35em 1em 0;font-size: 1.1em;}
.button-big{float:left;font-size: 1.8em;letter-spacing: -0.05em;height: 1em;line-height:5%;}
.box{padding: 2em 2em 2.5em 2em;}
.box h3{margin-bottom: 0.25em;}
.box .image-centered{margin-bottom: 1.25em;}
.box .image-full{position: relative;left: 2em;top: 2em;margin: -4em 0 4em -4em;width: auto; border:1px solid #d5d5d5;}


/*********************************************************************************/
/* Wrappers                                                                      */
/*********************************************************************************/
.sliderbody{position:relative;width:100%;margin-top:110px;}
.wrapper{position:relative;clear:both;overflow:hidden;text-align: left;margin:0 0 8em 0;}/*padding: 9em 0 8em 0;*/
.wrapper-first{padding-top: 12em; background-color:#f4f4f4;}
.wrapper02 { height:200px; vertical-align:middle; padding:20px 0 0 0; text-align: center; width:100%; background:#1f1d1d;}
.wrapper02 article{margin:0 auto; background:#2c2b2b; text-align:center; padding:5px 0;line-height:160%; vertical-align:middle; border-radius:5px;}

/********************  new   *********************************/
.main_width{width:100%; margin-top:50px;}
#main_button{margin-top:5px;position:relative;}
.main_img{float:right;margin-top:-220px;}
.main_img img{  }
#main_bottom{clear:both;padding: 0 -16px 0 16px;}
#main_bottom section{border:1px solid red}
#main_bottom img{float:right;}			
#main_bottom table th { background-color:none; color:#333; text-shadow:none; height:38px; line-height:38px; letter-spacing:-1px; font:bold; font-size:0.9em; text-align:left; font-weight:900;}		  
#main_bottom table td { border-bottom:0; height:25px; line-height:25px; font-size:9pt; text-align:left;}
#main_bottom .more {text-align:right;color:#d34f4e}
#main_bottom .more a {text-align:right;color:#d34f4e;font-size:9px;font-weight:400; text-decoration:none;}
#main_bottom .data { text-align:right; border-bottom:0; height:25px; line-height:25px; font-size:9pt;}

 #header-wrapper {
	height: 135px;
	background:#0c0c0c;
	opacity:0.90; 
	position:fixed; 
	top:0px; 
	width:100%; 
	z-index:9999
  };
/*********************************************************************************/
/* Logo                                                                          */
/*********************************************************************************/

#logo{}
#logo h1{float: left;margin: 0 0.35em 0 0;padding: 24px 0.2em 0 0;}

/*********************************************************************************/
/* Nav                                                                           */
/*********************************************************************************/

#nav{position: absolute;right: 0;top: 0;font-size: 1.0em;  margin-top:50px;}
#nav a{padding: 2em 0em 2em 1em;margin: 0.6em 0.2em 0.6em 0.2em;font-weight: 600;color: #fff;}
#nav ul{}
#nav ul li{float: left; padding-left: 1.5em; }
#nav ul li a{font-weight: 800;letter-spacing: 0.025em;color: #fff;text-decoration: none;}
#nav ul li:hover{}
#nav ul li:hover a{ color:#cc3433; text-decoration:underline;}
#nav a{ color:#cc3433; text-decoration:underline; background:none;}
#nav ul li.current_page_item{}

/********************** new ***********************************/
#nav .icon{background-color:#CF0;float:right;padding:0 ;margin: 0.6em 0.2em 0 0;}
.main-board-left{padding-left:20px}
.tboard table th { background:#cc3433; color:#fff; text-shadow:none; height:48px; line-height:48px;}
.tboard table td { border-bottom:1px dashed #a8a8a8; height:50px; line-height:50px;}
.tboard table td a { text-decoration:none; color:#888;}
.tboard table td a:hover { text-decoration:none; color:#555;}

.tboard table .view { border-bottom:1px solid #cc3433; border-top:1px solid #cc3433;  color:#333; text-shadow:none; height:48px; line-height:48px; background:#efefef;}
.tboard table .view02 { border-bottom:1px solid #cc3433; border-top:1px solid #cc3433;  color:#333; text-shadow:none; height:48px; line-height:48px; background:#efefef; text-align:left;}

.box-style2 a{ text-decoration:none; color:#666;}
.box-style2 a:hover{ text-decoration:none; color:#333;}

/*********************************************************************************/
/* Articles                                                                      */
/*********************************************************************************/

#top{text-align: left;}
#top .me{width: 20em;height: 20em;margin: 0;}
#top h1{margin-top: 0.35em;}
#top p{font-size: 1.5em;line-height: 1.75em;}
#contact{}
#contact footer{font-size: 0.9em;}
/* section */
section,
article { margin: 0 auto;margin-bottom: 3em;}
section > :last-child,
article > :last-child{margin-bottom: 0;}
section:last-child,
article:last-child{margin-bottom: 0;}

/* port */
.ms-slider{position:relative;width:1200px;margin:0 auto;height:500px;z-index:999;}

.da-slide h2{color: #383838;font-size: 4.6em;width: 100%;top: 60px;white-space: nowrap;z-index: 10;text-shadow: 1px 1px 1px rgba(0,0,0,0.1);font-family:Arial;font-weight: 700; letter-spacing:-5px; line-height:60px;}
.da-slide h2 span{color: #cc3433;font-size: 1em;width: 50%;top: 60px;z-index: 10;text-shadow: 1px 1px 1px rgba(0,0,0,0.1);font-family:Arial;font-weight: 700;}
.da-slide h2 em{color: #cc3433;font-size: 38px;width: 50%;top: 0px;z-index: 10;font-family:"나눔고딕"; font-style:normal;  line-height:30px; font-weight:600; text-shadow:none; }
.da-slide h2.h2-max{font-size:3.8em}
.da-slide p{width: 60%;top: 210px;color: #1a1a1a;font-size: 22px;line-height: 32px; font-weight:500;}
.da-slide .da-img{ 
	text-align: left;
	top: 70px;
	height: 256px;
	line-height: 320px;
	left:16px; /*60%*/
}

/* tab */
.tabs {
		position: relative;
		width: 100%;
		overflow: hidden;
		margin: 1em 0 2em;
		font-weight: 300;
	}

	/* Nav */
	.tabs nav {
		text-align: center;  float:left;
	}

	.tabs nav ul {
		padding: 0;
		margin: 0;
		list-style: none;
		display: inline-block;
	}

	.tabs nav ul li {
		border: 1px solid #b1b1b1;
		border-bottom: none;
		margin: 0 0.25em;
		display: block;
		float: left;
		position: relative;
	}

	.tabs nav li.tab-current {
		border: 1px solid #cc3433;
		box-shadow: inset 0 2px #cc3433;
		border-bottom: none;
		
	}

	.tabs nav li.tab-current:before,
	.tabs nav li.tab-current:after {
		content: '';
		position: absolute;
		height: 1px;
		right: 100%;
		bottom: 0;
		width: 1000px;
		background: #cc3433;
	}

	.tabs nav li.tab-current:after {
		right: auto;
		left: 100%;
		width: 4000px;
	}

	.tabs nav a {
		color: #636363;
		display: block;
		font-size: 1.45em;
		line-height: 2.5;
		padding: 0 1.25em;
		white-space: nowrap;
	}

	.tabs nav a:hover {
		color: #919191;
	}

	.tabs nav li.tab-current a {
		color: #cc3433;
	}

	.content section {
		font-size: 1.25em;
		padding: 3em 0;
		display: none;
		max-width: 1230px;
		margin: 0 auto;
	}

	.content section:before,
	.content section:after {
		content: '';
		display: table;
	}

	.content section:after {
		clear: both;
	}

/* project */
.project_title{ font-size:1.0em; color:#fff; margin:80px 0 50px 0; text-height:20px;}
#process_area .process{ float:left;  width:236px; background:url(../images/process_bg_01.png ) no-repeat center 79px;background-size:100%;}
#process_area .process02{ float:left; width:236px; background:url(../images/process_bg_02.png ) no-repeat center 79px;background-size:100%;}
#process_area .process03{ float:left; width:236px;background:url(../images/process_bg_03.png ) no-repeat center 79px;background-size:100%;}
#process_area .process04{ float:left; width:236px;; background:url(../images/process_bg_04.png ) no-repeat center 79px;background-size:100%;}
#process_area .process05{ float:left; width:250px; background:url(../images/process_bg_05.png ) no-repeat center 79px;background-size:100%; }
.project_icon{ text-align:center; margin:0 auto;}
.project_text{ text-align:center; margin:0 auto; margin-top:15px;}
.project_text p{ font-size:0.8em; color:#fff;vertical-align: top;}
.project_text strong{ color:#fff; font-size:1.2em; text-decoration:none; font-style:normal;}
/*
company
*/
.companyinfo{clear:both;margin-top:20px;}
.companyinfo dl{margin-bottom: 0em;border-bottom: 1px dashed #a8a8a8;overflow:hidden;}
.companyinfo dt{display: inline-block; width: 200px;float:left;font-weight:bold;font-size:1em; color:#c8535a; padding-left:25px;line-height:220%; vertical-align:middle;}
.companyinfo dd{display: inline-block; margin:0; padding:0; padding-top:3px; text-align:left; font-size:0.8em;line-height:300%; color:#494949; vertical-align:middle;}
.companyinfo dd a{color:#737373}
.companyinfo dd.multi{line-height:150%;padding:10px 0;}

.mediabox {
	float: left;
	width: 100%; text-align:left
	padding: 0 25px;
	display:inline;
}

.mediabox img {
	max-width: 100%;
	vertical-align:middle;
	margin: 0 auto;
}

.mediabox .line_top{
	border-top:1px solid #ccc; width:383px; margin:50px 0 0 20px;
	}
	.mediabox .line_02{
	border-top:1px solid #ccc; width:383px; margin:230px 0 0 20px;
	}
.mediabox_sub {
	position:absolute;
	width: 100%; 
	padding-top:-500;
	margin-top:-300px;
	margin-left:70px;
	display:inline-block;
}
	.mediabox_sub .line_03{
	border-top:1px solid #ccc; 
	width:383px; 
	}
	.mediabox_sub .line_04{
	margin-top:240px;
	border-top:1px solid #ccc; 
	width:383px; 
	}
.mediabox table {margin-top:30px;line-height:30px; vertical-align:middle; max-width:1130px;}
.mediabox table h3 {font-size:13pt; color:#c8535a; padding-left:25px;line-height:30px;  height:30px;  vertical-align:middle;}
.mediabox table td{margin:0; padding:0; padding-top:3px; text-align:left; font-size:12pt; color:#494949; line-height:30px; height:30px; vertical-align:middle;}
.mediabox h3 {font-size:15pt; color:#c8535a; padding-left:25px; padding-top:3px;}
.mediabox h3 img{ float:left;}
.mediabox p {margin: 0; color:#494949; font-size:11pt; padding-left:25px;  width:50%; float:left;}
.mediabox p strong{ color:#494949; font-size:12pt; font-weight:600;}
.mediabox p span {color:#999; font-size:11pt;}
.mediabox iframe{ border:1px solid #ccc; margin:50px 0 30px 0;}
.mediabox img.w100{width:100%;}
.mediabox .member_area{ float:left;margin-top:30px;}
.mediabox .member_area ul{ float:left; width:200px; height:350px; float:left; text-align:center; color:#888888; font-size:12pt;margin:0 auto; }
.mediabox .member_area li{ float:left; width:200px; float:left; text-align:center; color:#888888; font-size:12pt;margin:0 auto; letter-spacing:-1px;}
.mediabox .member_area li strong{ color:#e26e6e; font-size:13pt; font-weight:bold; line-height:20px;text-align:center; }
.mediabox .member_area li span{ color:#888888;  font-size:9pt; font-weight:bold;text-align:center;}
.mediabox .member_area a{font-size:12px;color:#9c9c9c}

/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/

#copyright{font-size: 1em;}
#copyright li{display: inline-block;border-left: solid 1px rgba(0,0,0,0.5);box-shadow: -1px 0px 0px 0px rgba(255,255,255,0.1);padding: 0 1em 0 1em;}
#copyright li:first-child{border: 0;box-shadow: none;padding-left: 0;}

.title{color:#cc3433; font-weight:bold; font-size:53px; line-height:53px;}
.title_01{ font-family:"Arial Black"; letter-spacing:-5px;width:100%; z-index:99999; }

.text_01{color:#333;letter-spacing:-0.1em; line-height:100% ;}
#logo{ margin:0px 250px 0 0}

h2{color: #383838;font-size: 4.1em;width: 100%;white-space: nowrap;text-shadow: 1px 1px 1px rgba(0,0,0,0.1);font-family:Arial;font-weight: 900; letter-spacing:-5px;}
h2 span{color: #cc3433;font-size: 1em;width: 50%;text-shadow: 1px 1px 1px rgba(0,0,0,0.1);font-family:Arial;font-weight: 900;}
h2 span.white{color:#fff}

.desk-header{margin-top:175px}
.banner-img{text-align:right}
/*
@media (min-width: 481px) {
	 .ms-slider, .da-slide{ 
		width:750px;
	}
}
@media (min-width: 768px) {
	.ms-slider, .da-slide{ 
		width:970px;
	}
}
*/
@media (min-width: 1200px) {
	.ms-slider, .da-slide{ 
		width:1200px;
	}
	.container {
		position:relative;
		overflow:hidden;
		width: 1200px;
	}
}