*{margin:0;padding:0;border:0;list-style:none; text-decoration:none;}
header,section,article,nav,footer,aside{display:block;}
a {text-decoration:0 none;}
li {list-style:none;}
.hidden{position:absolute; left:-9999px; top:-9999px; width:0; height:0; font-size:0; line-height:0;}
img{border:none;}

.header_bg{
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 40%, rgba(255,255,255,1) 40%, rgba(216,216,216,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,rgba(255,255,255,1)), color-stop(40%,rgba(255,255,255,1)), color-stop(100%,rgba(216,216,216,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 40%,rgba(255,255,255,1) 40%,rgba(216,216,216,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 40%,rgba(255,255,255,1) 40%,rgba(216,216,216,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 40%,rgba(255,255,255,1) 40%,rgba(216,216,216,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 40%,rgba(255,255,255,1) 40%,rgba(216,216,216,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d8d8d8',GradientType=0 ); /* IE6-9 */
	border-bottom:3px solid #1b3077;
}
.header div{
	float:left;
}
.header:after{content:""; display:block; clear:both;}

.logo{
	margin-top:25px;
	margin-bottom:20px;
}
.logo h1{
	font-size:3em;
	font-weight:800;
	text-transform:uppercase;
}
.logo h1 a{
	color:#fff;
}
.logo h1 a:hover{
	text-decoration:none;
	
}

/* start h_menu */
.h_menu{
	margin-left:18px;
	margin-top:45px;
}
.menu .sub{	
	width:144px;
	border-right:2px solid #676767;	
	margin-top:40px;
}
.menu .sub  a{
	cursor:pointer;
}
.menu li.t_nav_bg>a{/*탑네비_bg*/
	color:#1f7fb8;}
.menu li.last{
	border:none;
}
.menu .sub span{

	float: right;
	padding-top: 5px;
	font-size:9px;

}
.menu li{
	float:left;
	position:relative;
	z-index:100;
}
.menu li:first-child{margin-left:0;}
.menu li.activate a,.menu li a:hover{
}
.menu li a{/*모바일 시 sub 메뉴 컨트롤*/

	text-transform: uppercase;
	text-decoration: none;
	font-size: 14px;
	font-weight:800;
	padding: 0px 10px 0 10px;
	display: block;
	color: #676767;	
}

.menu ul:after{

	content: ""; 
	display: block; 
	clear: both;
	position: absolute;
	top: -20px;
	width: 144px;
	height: 20px;
}

.menu .nav_logo{

	padding-top:24px;
	padding-left:20px;
}


.menu li a:hover,.menu li:hover>a{
	color:#1f7fb8;}
.menu ul{
	display: none;
	margin: 2px;
	margin-top:-10px;
	padding: 0;
	width: 144px;
	position: absolute;
	top: 40px;
	left: -2px;
	background: #ffffff;
}
.menu ul li{display:block;float:none;background:none;margin:0;padding:0;}
.menu ul li a{
	font-size: 13px;
	font-weight: normal;
	display: block;
	color: #676767;
	background: #ededed;
	padding: 10px 20px;
}
.menu ul li a:hover,.menu ul li:hover>a{
	background: #69b7dd;
	color: #fff;		
}
.menu li:hover>ul{display:block;}
.menu ul.sub ul{
	left: 132px;
	top: 0px;
}
.mobile-menu{
	display: none;
	width: 100%;
	padding: 12px;
	background: #36a8dc; /* Old browsers */
	background: -moz-linear-gradient(left,  #36a8dc 0%, #1681c7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#36a8dc), color-stop(100%,#1681c7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #36a8dc 0%,#1681c7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #36a8dc 0%,#1681c7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #36a8dc 0%,#1681c7 100%); /* IE10+ */
	background: linear-gradient(to right,  #36a8dc 0%,#1681c7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36a8dc', endColorstr='#1681c7',GradientType=1 ); /* IE6-9 */
	color: #ffffff;
	text-transform: uppercase;
	font-size: 16px;
}
/*--section start--*/
section{background:yellow; padding-top:50px;}
section aside{
	float:left;	
}
section aside ul{}
section aside ul li{}
section section{
	width:800px;
	height:1000px;	
	}
/*--section end--*/
/*-- start footer --*/
footer{
	border-top:1px solid #c0c7cc;
	text-align:center;
	margin-bottom:60px;
	margin-top:7%;
	padding-top:3%;
}
.footer_01{line-height:10px;}
.footer_02 ul{
	margin:0 auto;
}
.footer_02 ul li{
	display:inline-block;
	margin-right:20px;
	margin-top:10px;
}
/* start about */
/*--about--*/
about{
	width:100%;
}
ul.about-list {
	background:#e6e6e6;
	padding: 0;
	list-style: none;
	border-left:1px solid #b4b4b4;
	border-right:1px solid #b4b4b4;
	border-bottom:1px solid #b4b4b4;
}
.about-list h4.m_2 {
	background: rgb(99,176,219); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(99,176,219,1) 0%, rgba(28,125,183,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(99,176,219,1)), color-stop(100%,rgba(28,125,183,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(99,176,219,1) 0%,rgba(28,125,183,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(99,176,219,1) 0%,rgba(28,125,183,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(99,176,219,1) 0%,rgba(28,125,183,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(99,176,219,1) 0%,rgba(28,125,183,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63b0db', endColorstr='#1c7db7',GradientType=0 ); /* IE6-9 */
	color: #fff;
	margin-bottom: 20px;
	font-size:24px;
	letter-spacing: -1px;
	font-weight:600;
	padding:30px 20px;
}
/**/
ul.about-list li {
	margin: 0 15px 5px 15px;
	border-bottom:2px solid #fff;
	
}
ul.about-list li:last-child{
	border-bottom:0 none;
	margin-bottom:5px;
}
ul.about-list li a {
	padding-top:8px;
	padding-bottom:10px;
	border-bottom:1px solid #b4b4b4;
	display:block;
	font-size:1em;
	color: #7d7d7d;
	vertical-align: text-bottom;
}
ul.about-list li.last_m_2 a{
	border-bottom:0 none;
}
/**/
ul.about-list .t_s_bold{
	
	font-weight:bold;
		
}
ul.about-list .t_s_bold a{
	color:#2e2e2e;
}.about_right {
	padding: 0;
	list-style: none;
}
.about_right .test_desc {
	width: 100%;
	padding-left:10px;
	float:right;
}
.about_right .test_desc .signum_analysis{
	font-size:13px;
	line-height:180%;
}
.about_right .test_desc .signum_analysis ul{
	margin-bottom:30px;
	
}
.about_right .test_desc .signum_analysis ul li{
	padding-left:1.5%;
	white-space: pre-line;
}
.about_right .test_desc .signum_analysis ul li span{
	color:#1f7fb8;
	font-weight:bold;
}
.about_right .test_desc .signum_analysis div{}
.about_right .test_desc .signum_analysis div img{
	width:100%;
}
.about_right .test_desc h4 {
	text-transform: uppercase;
	color: #2080b8;
	font-size: 14px;
}
.about_right .test_desc p {
	color: #999;
	font-size: 0.95em;
	line-height: 1.5em;
}
.about_bottom{
	margin-top:5%;
}
ul.about-list li p {	
	color: #999;
	line-height: 1.5em;
	font-size: 0.95em;
}
h3.m_3 {	
	border-bottom:1px solid #b4b4b4;
	padding:10px 0;
	margin-bottom: 20px;
	font-size:24px;
	letter-spacing: -1px;
	font-weight:600;
	color:#1f7fb8;
}
.about_left {
	position:relative;
	padding:0;
	width:20%;
}
.about {
	margin-top:-70px;
	margin-bottom: 3em;
}

/***** responsive-design *****/
@media (min-width: 980px) and (max-width: 991px){

	.logo {
		float: none;
		width:100%;
		text-align: center;
		margin-bottom:0;
		}
	.h_menu{margin:0;}
	.menu .sub{width:119px; margin:30px 0 10px; }

	.nav_logo{
		width:100px;
	}
	.nav_logo img{width:100%;}
}


@media (min-width: 992px) and (max-width: 1199px){

	.logo {
		float: none;
		width:100%;
		text-align: center;
		margin-bottom:0;
		}
	.h_menu{margin:0; margin-top:0; margin-left:30px; margin-bottom:10px;}
	
}


@media (max-width:1020px){
.about_left {
	padding:0;
}

}
@media (max-width:767px){
.mainWrap{width:auto;padding:50px 20px;}
.h_menu{
		float:none;
		text-align: center;
	}
	.menu li.activate a, .menu li a:hover {
		box-shadow: none;
		border-radius: 0px;
		-webkit-border-radius: 0px;	
		-moz-border-radius: 0px;	
		-o-border-radius: 0px;	
	}
	.menu li a:hover{
		background:#E2534B;
	}
	.menu li a {
		font-size: 14px;
	}
.logo {
	float: none;
	text-align: center;margin-left:-20px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
	.logo{
		width:100%; 
		text-align:center;
		margin:45px 0 0;
	}
	.h_menu{
		float:none; 
		margin-top:0;
	}
	.menu .sub{width:140px; margin-top:20px;}
	.menu .nav_logo{clear:both; padding:0; height:50px; line-height:50px; 
			  width:100%; text-align:center;}

	.menu .sub li{z-index:200;}
	.menu .nav_logo{z-index:10;}
	
.menu ul{margin-top:-5px; margin-left:-30px;}
.menu li.sub a{font-size:12px;padding:8px 25px;}
.menu li.sub ul{left:28px;}
.about_left {
	display:none;
}
.footer_02 ul li{
	display:inline-block;
	margin-right:10px;
	margin-left:5px;
}
}
@media (max-width: 767px) {

.logo{width:100%; text-align:center; margin:30px 0 0;}
.h_menu{width:100%; margin:20px 0 10px; }

.menu ul:after{
	top: -10px;
	left:290px;}
.nav_logo{padding:20px 0 0;}
.menu .sub ul{position:relative; top:5px; left:-2px;}

nav{margin:0;background:none;}.menu li{display:block;margin:0;}
.menu{display:none; }
.menu .sub{		
	border:0; margin-top:0; width:100%;
}
.menu li.last{
	border:0;	
}

.mobile-menu{display:block;margin-top:20px;}
.menu li{
	clear:both;
	width:100%;
	display:block;
	position:relative;
	z-index:100;
}
.menu li a{background:#ffffff;color:#797979;border-top:1px solid #e0e0e0;
			display:block; width:100%;
		   padding:10px 0; text-align:center;
}
.menu li a:hover,.menu li:hover>a{background-color:#797979; color:#e0e0e0;
}
.menu ul{display:none;position:relative;top:0;left:0;width:100%;}
.menu ul ul{left:0;}
.about_left {
	display:none;
}
.footer_02 ul li{
	display:inline-block;
	margin-right:8px;
}
}
@media (max-width:480px){
.line {
	display: none;
}
.h_menu {
	margin-top: 0;
}
.mobile-menu {
	margin-top: 10px;
}
.mobile-menu {
	padding: 8px;
}
.logo h1 {
	font-size: 2em;
	margin-top: 10px;
}
.header {
	padding:0;
}
.container {
	padding: 0;
}
.footer {
	padding: 3em 10px 1em;
}
.main_btm1 {
	padding: 2em 10px;
}
}
@media (max-width:320px){

.btn {
	padding: 7px 15px;
}
}

@media (max-width:707px){
	.footer_01{line-height:14px;}
}

