﻿/* Portfolio Filter Stylesheet */

/*****Reset*****/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
/* font import */
/*****Basic Definitions*****/
h1 { 
	font-size: 2.8em;  line-height: 2.5em;
	font-family: 'Godo', sans-serif;
}
h2 { 
	font-size: 2.0em; 
	line-height: 2.2em;
	font-family: 'Godo', sans-serif;
}
h3 { 
	font-size: 1.3em;  
	line-height: 1.8em;
	font-family: 'Godo', sans-serif;
}
h4 { 
	font-size: 1.2em;  
	line-height: 1.5em;
	font-family: 'Godo', sans-serif;
}
h5, h6 { 
	font-size: 1em; 
	font-family: 'Godo', sans-serif;
}

a { 
	color: #333; 
}
a:visited { }
a:hover { 
	text-decoration: none; 
}
p, ul, ol, dl, table { margin-bottom: 0px; }
ul, ol, dd { margin-left: 0px; }
img { border: 0;}

/*****Custom Classes*****/
.clearing { clear: both; }
.last { margin-bottom: 0; }
.screenReader { left: -9999px; position: absolute; top: -9999px; }

/*****Basic Layout*****/
#top_area{
	width: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	border-bottom: 1px solid #cdcdcd;
	color: #e5e5e5;
	z-index: 10;
	position:fixed;
	top: 0px;
	background: #373a3f;
}
#top_con a{
	font-weight: bold;
	color: #ffffff;
	cursor: pointer;
}
#top_con{
	text-align: center; 
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}
#top_logo{
	float: left;
	width: 200px;
}
#top_menu_area{
	float: left;
	width: 800px;
	font-size: 11px;
	text-align: right;
	color: #ffffff;
}
#top_menu_area a{
	font-size: 11px;
}
#top_main_menu_area{
	float: left;
	width: 100%;
	margin-top: 10px;
	background: #fff;
}
#top_main_menu{
	text-align: left; 
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}
#top_main_menu a{
	font-size: 14px;
 	font-weight: 250;
 	font-family: 'Godo', sans-serif;
 	font-style: normal;
}

#container {
	/*overflow: hidden; 
	z-index: 5;
	position:absolute;*/
	margin-top: 85px;
	width: 100%; 
}
#con{
	float: left;
	text-align: center;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
	background: #f7f7f8;
}
#con_main{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
#main_slider{
	float: left;
	background-image : url('/static/assets/new/img/bgs1.jpg');
	background-size: 1000px 500px;
	width: 100%;
	height: 475px;
	border: 1px solid #d5d5d5;
	border-radius: 5px;
}
#main_slider_con{
	float: left;
	margin-left: 400px;
	margin-top: 100px;
	padding: 20px;
	width: 500px;
	background: #fff;
}
.inno_bt{
	background: #fff;
	color: #2dcb91;
	border: 1px solid #2dcb91;
	border-radius: 5px;
	padding: 10px;
	cursor: pointer;
}
.inno_bt:hover{
	font-weight: bold;
}
#main_slider_menu{
	width: 100%;
	margin-bottom : 10px;
	float: left;
}
#main_slider_menu a{
	font-size: 14px;
 	font-weight: 250;
 	font-family: 'Godo', sans-serif;
}
.main_sl_on{
	color: #555;
}
.main_sl_off{
	color: #8f8f8f;
}
#slider_con_2{
	display: none;
}
#main_con2{
	margin-top: 30px;
	width: 100%;
	float: left;
}
.con_card{
	float: left;
	width: 240px;
	border: 1px solid #2dcb91;
	border-radius: 5px;
	background: #fff;
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
	margin-top: 10px;
	margin-right: 10px;
}
.con_card2{
	float: left;
	width: 240px;
	border: 1px solid #2dcb91;
	border-radius: 5px;
	background: #fff;
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
	margin-top: 10px;
}
.con_card_title{
	color: #2dcb91;
	font-size: 14px;
 	font-weight: 250;
 	font-family: 'Godo', sans-serif;
}
/*하단 영역*/
#con_main_bottom{
	float: left;
	text-align: center;
	width: 100%;
	padding-top: 30px; 	
	padding-bottom: 30px;
	background: #fff;
	border-top: 1px solid #cdcdcd;
}
#cmb_con{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
#cmb_con1{
	float: left;
	width: 49%;
	margin-right: 1%;
	padding-top: 30px;
	padding-bottom: 30px;
}
#cmb_con2{
	float: left;
	width: 49%;
	margin-left: 1%;
	padding-top: 30px;
	padding-bottom: 30px;
}
#cmb_con2 ul{
	list-style: none;
}
.date_st{
	color: #8f8f8f;
	font-size: 11px;
}
#bottom_area{
	float: left;
	text-align: center;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
	background: #313030;
}
#bottom_con{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	color: #e5e5e5;
}
/*sub page*/
#sub_top{
	float: left;
	background : #fff;
	background-repeat: no-repeat;
	background-position: 100% 0%;
	width: 100%;
	border: 1px solid #d5d5d5;
	border-radius: 5px;
}
#sub_top_con{
	float: left;
	padding: 20px;
	margin-bottom: 10px;
	background: #fff;
}
#sub_navigator{
	width: 100%;
	float: left;
	text-align: right;
	margin-top: 10px;
}
#sub_con_area{
	margin-top: 10px;
	width: 100%;
	background : #fff;
	border: 1px solid #d5d5d5;
	border-radius: 5px;
	float: left;
}
#sub_con_zone{
	float: left;
	width: 960px;
	padding: 20px;
}
.inno_table{
	width: 100%;
	border: 0px;
	border-top: 1px solid #313030;
	border-collapse: collapse;
}
.inno_table th{
	font-weight: bold;
	border: 0px;
	border-bottom: 1px solid #313030;
	padding: 10px;
}
.inno_table td{
	font-weight: bold;
	border: 0px;
	border-bottom: 1px solid #e5e5e5;
	padding: 10px;
}
.inno_table_last_tr td{
	font-weight: bold;
	border: 0px;
	border-bottom: 1px solid #313030;
	padding: 10px;
}
.gray_area{
	padding: 10px;
	background: #f7f7f8;
}
.input_st{
	border: 1px solid #e0e0e0;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right: 10px;
}
.result_area{
	float: left;
	width: 100%;
	border-top:1px solid #cdcdcd;
	margin-top: 20px;
	padding-top: 10px;
}
.inno_checkbox{
	background: #fff;
	border-top:1px solid #cdcdcd;
	margin-top: 5px;
}
#login_area{
	margin-left: 200px;
	font-size: 14px;
 	font-weight: 250;
 	font-family: 'Godo', sans-serif;
}
#sub_con_area select{
	padding: 5px;
	width: 100%;
	border-top:1px solid #cdcdcd;
	color: #8d8d8d;
}
#sub_con_area input{
	color: #8d8d8d;
	padding: 5px;
}
#search_result_table tr td{
	text-align: center;
}