@import url(reset.css);

body { width: 100%; }
#header h2, #container h2, #footer h3, #footer_main h3 { display: none; height: 0; }


/**** layout - #header, #container, #footer ***********/

#header, #container, #footer, #footer_main { 
	display: inline-table;
	width: 100%;
}
#header {
	height: 83px; top: 0;
	background-color: #354d7b;
}

#container:after { /* footer 정렬을 위한 설정 */
	display: block; content: ""; clear: both; height: 0;
}

#footer_main {
	height: 100px;
	margin: 50px auto 0;
	background-color: #ccc;
}
.center {
	margin: 0 auto; width: 1100px;
}
/**** // layout - #header, #container, #footer ***********/

/* header ********************************************************************************************/


#header h1 {
	position: relative; display: inline; z-index: 999;
	top: 25px;
}
#header .nav {
	float: right;
	margin: 35px 0 0 0;
}
#header .nav:after {
	clear: both;
}
#header .top_nav li {
	position: relative; float: left;
	margin-left: 100px;
	cursor: pointer;
	list-style: none;
	font-size: 13pt; color: #fff;
	font-weight:600;
}
#header .top_nav a {
	text-decoration: none; color: #fff;
}
#header .top_nav a:hover {
	color: #ccc;
}
#header .top_nav > li:hover:before {
	color: #ccc;  position: absolute; content: ""; display: block;
	margin-left: 0.1em;
	margin-top: 23px;
	padding: 0;
	width: 0; height: 0;
	border-top: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #ccc;
	border-left: 5px solid transparent;
	cursor: pointer;
}


/********************************* #container **********************************************/
#container figure.slide {
	/*position: relative; */
	display: inline-table;
	width: 100%; height: 480px;
	background-color: rgba(50,50,50,0.3);
	overflow: hidden;
	margin-top:5px;
}
#container figure.slide img {
	margin: 0 auto -5px;
	width: 100%; height: auto;
    min-width: 1000px;
	min-height: 480px;
}

#container .main_txt {
	position: absolute;
	width: 1100px;
	left: 50%; margin-left: -25%;
	top: 200px;


}

#container .main_txt .slogan {
	
	float: left;
	margin-right: 20px;

}
#container .main_txt img {
	float: left;
}
#container .main_txt .slogan p {
	padding-bottom: 10px;
	line-height:100%;
}

/**  section.contents  *******************/

#container section div.subject_index {
	margin: 35px 0 10px 0;
}

#container section div.subject_index span {
	margin: 0 0 0 10px;
	font-size: 14pt; font-weight: bold;
}

#container article.fig {
	float: left;
	width: 230px;
	margin-right: 30px;
	height:80px;
}

#container article.fig:after {
	clear: both;
	margin-right: 0; /**??**/
}
#container section figure {
	display: block;
}
#container section figure figcaption {
	margin: -70px 0 10px 80px;
	font-size: 16px; font-weight: bold; text-decoration: none;
	color:#7d7d7d;
	
}
#container article.prod_1{width:280px;}

#container article.fig p {
	margin: 0 0 0 80px;
	font-size: 10.2pt;
}
#container article.fig span{font-weight:bold;}
#container section .subject article{border-right:1px solid #ccc;}

#container article.fig a {
	text-decoration: none;
}


/** #footer *******************************************************************************/
#footer h1 {
	float: left;
	position: relative; display: inline; z-index: 888;
	top: 27px;
}

#footer address {
	float: left;
	margin: 20px 0 0 25px;
	font-size: 10pt; color: #333; line-height: 150%;
}

#footer .foot_nav {
	float: right;
	margin: 40px 0 0 0;
}
#footer .foot_nav:after {
	clear: both;
}
#footer .foot_nav li {
	position: relative; float: left;
	margin-left: 25px;
	cursor: pointer;
	list-style: none; font-size: 10pt; color: #333;
}
#footer .foot_nav a {
	text-decoration: none; color: #333;
}
#footer .foot_nav a:hover {
	color: #333;
}

/** #footer_main *********************************/
#footer_main h1 {
	float: left;
	position: relative; display: inline; z-index: 888;
	top: 27px;
}

#footer_main address {
	float: left;
	margin: 20px 0 0 25px;
	font-size: 10pt; color: #333; line-height: 150%;
}

#footer_main .foot_nav {
	float: right;
	margin: 40px 0 0 0;
}
#footer_main .foot_nav:after {
	clear: both;
}
#footer_main .foot_nav li {
	position: relative; float: left;
	margin-left: 25px;
	cursor: pointer;
	list-style: none; font-size: 9pt; color: #333;
}
#footer_main .foot_nav a {
	text-decoration: none; color: #333;
}
#footer_main .foot_nav a:hover {
	color: #333;
}

/*********************************************************************************************************************
@media screen and (max-width:768px) {

	#wrap {width:768px; min-width:600px;}
	.inner {width:95%;}
}*/

/**********************************************************************************************************************/
@media screen and (max-width:1100px) {
	
	/*#container .main_txt {	left: 28%; }*


}