@import url("header.css");
@import url("aside.css");
@import url("footer.css");
@import url("colorset.css");


body {
    margin: 0 auto;
    padding: 0; 
}
*:focus { outline: 0; }
a { outline: 0; select-dummy: expression(this.hideFocus=true); }
legend { border-bottom: 0; }

.clear { display:block;visibility:hidden;clear:both;content:""; }
a:link, a:visited {cursor: pointer; text-decoration:none;}
a:hover, a:focus, a:active {cursor: pointer; text-decoration:none;}
p { line-height: 180%; }
ul li,
ol li { line-height: 180%; }

/** index **/

.section-1 {
	padding: 60px 0 20px 0;	
}
.section-1 img {
	float: left;
	margin-right: 30px;
	margin-bottom: 50px;
}
.section-1 h3 {
	margin-top: 0px;
}
.section-1 p {
	color: #666;
}

.section-2 {
	padding: 0px 0;
	margin-bottom: 50px;
}
.section-2 .item-1 {
	height: 170px;
	padding: 15px 25px;
	background-color: #262626;
	color: #fff;
}
.section-2 .item-1 small {
	font-size: 12px;
	color: #999;
}
.section-2 .item-1 a {
	color: #f1f1f1;
	text-decoration: none;
}
.hr-line-1 {	
	width: 100%;
	height: 1px;
	border-top: 1px solid #fff;
	opacity: 0.2;
}
.section-2 .item-2 {
	height: 170px;
	background-color: green;
	padding-left: 0;
}
.section-2 .item-3 {
	height: 170px;
	background-color: blue;
	padding-left: 0;
}





/** sub header**/

.sub-item {
	display: block;
    height: 200px;
    min-height: 200px;
	background-color: ;
	background-repeat: no-repeat;
	background-position: 50% 0;
    border: 0px solid red;
	width: 100%;
	margin-top: 20px;
	border: 0px solid red;
}

.sub-item h1 {	
	color: #fff;
    font-size: 44px;
    line-height: 48px;
	margin-top: 50px;
}
.sub-item p {
	color: #fff;
    font-size: 14px;
	text-align: left;
}


/** layout **/

.content {
	min-height: 500px;
	background-color: #fff;
	padding: 25px 20px 30px 20px;
}
.aside {
	min-height: 500px;
	background-color: #fff;
	padding: 25px 30px 25px 20px;
}


/** content**/

.title-box {
	display: block;
	list-style: none;
	border-bottom: 1px solid #ddd;
	height: 40px;
}
.title-box .title { 
	float: left;
	border: 0px solid blue;
	margin-top: 0;
	line-height: 40px;
	letter-spacing: -0.5px;
}
.title-box .title xi {
	color: #ec6941;
}
.title-box .path {
	float: right;
	vertical-align: bottom;
	border: 0px solid red;
	padding-top: 10px;
}


#myTab {
	border-bottom: 1px solid #ec6941;
	margin-top: 50px;
}
#myTab > li.active > a, 
#myTab > li.active > a:hover, 
#myTab > li.active > a:focus {
	color: #fff;
	line-height: 15px;
	cursor: default;
	background-color: #ec6941;
	border: 1px solid #ec6941;
	border-bottom-color: transparent;
}
.nav-tabs > li > a {
	background: #f5f5f5;
	color: #555;
	line-height: 15px;
	border: 0px solid transparent;
	border-bottom: 0px solid #ec6941;
	border-radius: 0;
}

#myTabContent {
	margin-top: 40px;
}
#myTabContent h3 {
	font-size: 21px;
}
#myTabContent p {
	line-height: 160%;
}


.table-wd ol,
.table-wd ul {
	padding-left: 20px;
}
.table-wd span {
	font-size: 15px;
}


.lead {
	font-size: 19px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.img-t {
	display: block;
	margin: 15px auto;
}
.img-l {
	float: left;
	margin: 15px 15px 0 0;
}

.img-r {
	float: right;
	margin: 0 0 15px 15px;
}

.tb-img img {
	width: 100%;
    height: auto;
}


.indent-10 { margin-left: 10px; }
.indent-15 { margin-left: 10px; }
.indent-20 { margin-left: 20px; }
.indent-50 { margin-left: 50px; }
.indent-r50 { margin-right: 50px; }
.indent-100 { margin-left: 100px; }

.margin-t30 { margin-top: 30px; }
.margin-t50 { margin-top: 50px; }
.margin-t80 { margin-top: 80px; }
.margin-t100 { margin-top: 100px; }

.margin-b30 { margin-bottom: 30px; }

.indent-li { margin-left: -20px; }

.ceo { 
	font-family: 'Daehan';
	font-style: normal;
	font-size: 24px;
}

.wd-title {
	font-family: 'Nanum Gothic';
	font-weight: 200;
	font-size: 24px;
	color: #666;
}

.company {
	background-repeat: no-repeat;
	background-position: bottom right;
	padding-bottom: 170px;
}

.letter-1 {
	letter-spacing: -0.02em;
}

.letter-2 {
	letter-spacing: -0.04em;
}