@charset "UTF-8";

/* 너비 최소값 */
body {min-width:1200px;}

/* HEADER */
.member_gnb_wrap {border-bottom:0px solid #d1d1d1; height:25px; line-height:40px;}
.member_gnb {text-align:right; 
				width:1160px; 
				height:100%; 
				margin:0 auto; }
.member_gnb li {display:inline-block;}
.member_gnb li:not(:last-child)::after {content:""; display:inline-block; width:1px; height:10px; background:#777; margin:0 4px 0 12px;}
.member_gnb li a {color:#545050; font-size:13px;}
.header_cnt_wrap {width:1160px; height:80px; margin:0 auto; overflow:hidden;}
.header_logo { float:left;}
.header_logo a {margin:2px 0 0 0; display:block;}
.header_search_wrap {float:right; padding: 20px 0 0 0;}
.search_box {
	width:440px; 
	height:40px; 
	border:2px solid #376091; 
	background:#fff; 
	display:inline-block; 
	//margin:22px 0 0 97px;
	padding:0 10px; vertical-align:top; box-sizing:border-box;}
.search_btn {
	width:60px; 
	height:40px; 
	background:#376091; 
	display:inline-block; 
	//margin:22px 0 0 0; 
	vertical-align:top; 
	text-align:center; }
.search_btn img {margin:11px 0 0 0;}

/* GNB */
.gnb_wrap {width:100%; height:50px; background:#254061;/*  border-bottom:2px solid #2d4063; */ margin:0 0 0px 0; box-sizing:border-box;}
.gnb {text-align:center; position:relative; z-index:3; width:1160px; margin:0 auto; } /* overflow:hidden; 생략상태 */
.gnb > li {display:inline-block; vertical-align:top; margin:0 48px; }
.gnb > li:first-child {margin-right:40px; margin-left:0;}
.gnb > li:last-child {margin-left:40px; margin-right:0;}

.gnb > li > a {color:#fff; font-size:15px; font-weight: 700; line-height:50px; display:block; width:100%; height:100%;}

/* GNB - Brands */
.cate01 {width:1160px; height:600px;  position:absolute; margin-left:-22px; background:#f1f1f1; z-index:3; box-sizing:border-box;}
.cate01::after {content:""; display:block; width:2px; height:100%; position:absolute;  bottom:0; left:50%;  z-index:2; background:#444;}
.cate01 > li {width:50%; float:left; display:block; line-height:36px; color:#fff;}
.cate01 > li:nth-of-type(1) > a {background:#444; color:#fff; }
.cate01 > li:nth-of-type(1) > ul {background:#f1f1f1; height:100%;}
.cate01 > li:nth-of-type(2) > a {background:#444; border-left:2px solid #444; color:#fff; }
.cate01 > li:nth-of-type(2) > ul {background:#f1f1f1; height:100%;}
.cate01 > li > a {display:block; height:50px; line-height:50px;}
.cate01 > li > ul { overflow:hidden; height:auto; padding:10px 20px; box-sizing:border-box;}
.cate01 > li > ul > li {width:50%; float:left; ;text-align:left;}
.cate01 > li > ul > li > a {color:#666; display:inline-block; position:relative; font-size:14px; }
.cate01 > li > ul > li > a::after { content:"";display:block; width:0%; height:1px; background:#666; position:absolute; left:0; bottom:4px;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s;}
.cate01 > li > ul > li > a:hover::after {width:100%;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s;
}

/* GNB - Analytical제품 */
.cate02 {width:1160px; margin:0 auto; background:#f1f1f1; margin-left:-174px; padding:20px; box-sizing:border-box; position:absolute; }
/*
.cate02 > li {float:left; text-align:left; width:25%;}
.cate02 > li > a {display:inline-block; color:#002060; padding:0 0; box-sizing:border-box; margin:0 0 0 0; font-size:15px;
 border-bottom:2px solid #444; }
.cate02 > li > ul {height:100%; background:red;} 
.cate02 > li > ul > li > a {display:inline-block; color:#fff; margin:6px 0 0 2px; padding:2px 0; font-size:14px;  box-sizing:border-box; line-height:14px; color:#666; position:relative;
font-size:14px;
}
.cate02 > li > ul > li > a::after { content:"";display:block; width:0%; height:1px; background:#666; position:absolute; left:0; bottom:-5px;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s;}
.cate02 > li > ul > li > a:hover::after {width:100%;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s;
}
*/


/* 새로 또 하는 지엔비2 190228 */
.gnb_section {overflow:hidden; width:100%;}
.gnb_section:first-child {margin-bottom:40px; box-sizing:border-box;}
.gnb_section > li {float:left; width:25%; text-align:left;}
.gnb_section > li > a {display:inline-block; vertical-align:top; margin:0 0 7px 0; color:#002060; font-size:16px; font-weight:bold;
/*  */   border-bottom:1px solid #002060; padding:0 0 4px 0;}
.gnb_section > li > a:hover {color:#6e88bd;}
.gnb_section > li:nth-of-type(2) {padding-left:1%; box-sizing:border-box;}
.gnb_section > li:nth-of-type(3) {padding-left:5%; box-sizing:border-box;}
.gnb_section > li:nth-of-type(4) {padding-left:7%; box-sizing:border-box;}
.gnb_section > li > ul {width:80%; }
.gnb_section > li > ul > li > a {display:inline-block; vertical-align:top; font-size:13px; line-height:22px; color:#2b4d90; position:relative; font-weight:300;

}
.gnb_section > li > ul > li > a::after { content:"";display:block; width:0%; height:1px; background:#2b4d90; position:absolute; left:0; bottom:0px; box-sizing:border-box;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s;}
.gnb_section > li > ul > li > a:hover::after {width:100%;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s;
}

/* GNB - Bio & Medical 제품 */
.cate03 {width:1160px; margin:0 auto; background:#f1f1f1; margin-left:-393px; padding:20px; box-sizing:border-box; position:absolute; }
/*
.cate03 {overflow:hidden; width:1160px; margin:0 auto; background:#fbfbfb; margin-left:-331px; padding:10px; box-sizing:border-box; position:absolute; }
.cate03 > li {float:left; text-align:left; width:20%;}
.cate03 > li > a {display:inline-block; height:40px; line-height:40px; background:#444; padding:0 10px; box-sizing:border-box; margin:0 0 0 0; color:#fff; font-size:15px;
border-radius:5px; border-bottom:2px solid #324977;}
.cate03 > li > a:hover {background:#777;}
.cate03 > li > ul > li > a {display:inline-block;  color:#666; margin:6px 0 6px 2px; padding:2px 0; box-sizing:border-box; line-height:18px; position:relative; font-size:14px;}
.cate03 > li > ul > li > a::after { content:"";display:block; width:0%; height:1px; background:#666; position:absolute; left:0; bottom:-5px; box-sizing:border-box;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s;}
.cate03 > li > ul > li > a:hover::after {width:100%;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s;
}
/*
/* GNB - 자료실, 인성소식, 인성세미나, 회사소개 */
.cate_type2 {height:50px; line-height:50px;}
.cate_type2 a {display:block; width:100%; height:100%;}
.cate_type2 > ul { /* border:2px solid #1e3154; */  box-sizing:border-box; margin-top:0; width:150px; position:absolute;}
.cate_type2 > ul > li > a {}
.cate_type_blue > ul > li > a {background:#f1f1f1; color:#666;  font-size:14px;}
.cate_type_blue > ul > li > a:hover {background:#1e3154; color:#fbfbfb;}
.cate_type_red > ul > li > a {background:#f1f1f1; color:#666;}
.cate_type_red > ul > li > a:hover {background:#1e3154; font-size:14px;}
.header_wrap {position:relative;}
.cate2_01 > ul {margin-left:-50px;}
.cate2_02 > ul {margin-left:-48px;}
.cate2_03 > ul {margin-left:-38px;}
.cate2_04 > ul {margin-left:-46px;}


/* 새로운 지엔비 ㅡㅡ 01 */
.new_gnb_wrap01 {width:1160px;  background:#f1f1f1; position:absolute; left:50%; margin-left:-580px; z-index:3; border:2px solid #024c90;display:none; margin-top:-2px;}
.new_gnb_wrap01::after {content:""; display:block; width:2px; height:100%; background:#444; position:absolute; top:0; left:50%;}
.new_gnb_wrap01::before{content:""; display:block; width:100%; height:50px; position:absolute; top:0; left:0; right:0;background:#324977; z-index:-1;}
.new_gnb_wrap01 > ul {width:1160px; height:100%; overflow:hidden; margin:0 auto;}
.new_gnb_wrap01 > ul > li {float:left; width:50%; background:skyblue;}
.new_gnb_wrap01 > ul > li {width:50%; float:left; display:block; color:#fff;}
.new_gnb_wrap01 > ul > li:nth-of-type(1) > a {background:#444; color:#fff;}
.new_gnb_wrap01 > ul > li:nth-of-type(1) > ul {background:#fbfbfb;}
.new_gnb_wrap01 > ul > li:nth-of-type(2) > a {background:#444; border-left:2px solid #324977; color:#fff;}
.new_gnb_wrap01 > ul > li:nth-of-type(2) > ul {background:#fbfbfb; /*border-left:2px solid #324977;*/}
.new_gnb_wrap01 > ul > li > a {display:block; height:50px; line-height:50px; text-align:center;}
.new_gnb_wrap01 > ul > li > ul { overflow:hidden; padding:16px 20px; box-sizing:border-box;}
.new_gnb_wrap01 > ul > li > ul > li {width:50%; float:left; ;text-align:left;}
.new_gnb_wrap01 > ul > li > ul > li > a {color:#666; display:inline-block; position:relative; font-size:14px; margin:9px 0;}
.new_gnb_wrap01 > ul > li > ul > li > a::after { content:"";display:block; width:0%; height:1px; background:#666; position:absolute; left:0; bottom:-6px;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s;}
.new_gnb_wrap01 > ul > li > ul > li > a:hover::after {width:100%;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s;
}

/* 새로운 지엔비 ㅡㅡ 02 */
.new_gnb_wrap02 {width:1160px;  background:#f1f1f1; position:absolute; left:50%; margin-left:-580px; z-index:3; margin-top:-2px;
border:2px solid #024c90;  display:none; padding:16px 20px; box-sizing:border-box;}
.new_gnb_wrap02 > ul {width:1160px; height:100%; overflow:hidden; margin:0 auto;}
.new_gnb_wrap02 > ul > li {float:left; text-align:left; width:20%;}
.new_gnb_wrap02 > ul > li > a {display:inline-block; height:40px; line-height:40px; background:#444; padding:0 10px; box-sizing:border-box; margin:0 0 0 0;
border-radius:5px; border-bottom:2px solid #324977; color:#fff;}
.new_gnb_wrap02 > ul > li > a:hover {background:#777;}
.new_gnb_wrap02 > ul > li > ul > li {padding:0 0 0 8px;}
.new_gnb_wrap02 > ul > li > ul > li > a {display:inline-block; color:#fff; margin:6px 0; padding:2px 0 0 0; box-sizing:border-box; line-height:18px; color:#666; position:relative;
font-size:14px;
}
.new_gnb_wrap02 > ul > li > ul > li > a::after { content:"";display:block; width:0%; height:1px; background:#666; position:absolute; left:0; bottom:-5px; box-sizing:border-box;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s;}
.new_gnb_wrap02 > ul > li > ul > li > a:hover::after {width:100%;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s;
}

/* 새로운 지엔비 ㅡㅡ 03 */
.new_gnb_wrap03 {width:1160px;  background:#f1f1f1; position:absolute; left:50%; margin-left:-580px; z-index:3; border:2px solid #024c90; display:none; 
padding:16px 20px; box-sizing:border-box; margin-top:-2px;}
.new_gnb_wrap03 > ul {width:1160px; height:100%; overflow:hidden; margin:0 auto;}
.new_gnb_wrap03 > ul > li {float:left; text-align:left; width:20%;}
.new_gnb_wrap03 > ul > li > a {display:inline-block; height:40px; line-height:40px; background:#444; padding:0 10px; box-sizing:border-box; margin:0 0 0 0;
border-radius:5px; border-bottom:2px solid #324977; color:#fff;}
.new_gnb_wrap03 > ul > li > a:hover {background:#777;}
.new_gnb_wrap03 > ul > li > ul > li {padding:0 0 0 0;}
.new_gnb_wrap03 > ul > li > ul > li > a {display:inline-block; color:#fff; margin:6px 0; padding:2px 0; box-sizing:border-box; line-height:18px; color:#666; position:relative;
font-size:14px;}
.new_gnb_wrap03 > ul > li > ul > li > a::after { content:"";display:block; width:0%; height:1px; background:#666; position:absolute; left:0; bottom:-5px;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s;}
.new_gnb_wrap03 > ul > li > ul > li > a:hover::after {width:100%;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s;
}

/* Quick Menu */
.quick_menu {position:fixed; top:0; bottom:0; right:-120px; height:100%;  display:table; z-index:2; text-align:center;}
.quick_menu_btn {display:block; top:50%; width:36px; position:absolute; top:50%; margin-top:-70px; left:-36px;}
.quick_menu_btn > div {
	width:36px; 
	height:36px; 
	background:#767676;}
.quick_menu_btn > div > img {margin:14px 0 0 0;}
.quick_menu_btn > p {
	width:36px; 
	height:60px; 
	padding:14px 0 0 0;  
	background:#474747; 
	display:inline-block; 
	text-align:center; 
	position:relative;
	color:#ffffff @important;}
.quick_menu_btn > p span {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size: 10px; font-weight: 700;}
.quick_menu_txt1 {color:#ffffff;}
.quick_menu_txt2 {opacity:0;color:#ffffff;}
.quick_menu_list {border-left: 1px solid #4b4b4b; padding-left: 0; background: #fafffb; width:120px; height:100%; vertical-align:middle; display:table-cell; }
.quick_menu_list li {margin:0 0 36px 0;}
.quick_menu_list li a {display:block; width:100%; color:#333; font-size:12px; font-weight: 700; text-decoration: none; }
.quick_menu_list li a p {margin:8px 0 0 0;}
.quick_menu_list li:hover a p {color:#3360b6;}
.quick_icon_on {position:absolute; left:50%; opacity:0;
-webkit-transform:(-50%, 0);
-moz-transform:(-50%, 0);
-o-transform:(-50%, 0);
transform:translate(-50%, 0);}
.quick_menu_list li:hover .quick_icon {opacity:0;}
.quick_menu_list li:hover .quick_icon_on {opacity:1; }

/* Footer */
.footer_wrap {width:100%; background:#484848; } 
.footer {width:1160px; margin:0 auto; overflow:hidden; padding:20px 0;}
.footer_logo_wrap {float:left; width:36%;}
.footer_logo_wrap img {margin:26px 0 0 0;}
.footer_cnt_wrap {float:left; width:64%;}
.footer_cnt {color:#999; font-size:12px; line-height:24px;}
.footer_cnt strong {display:inline-block; vertical-align:top; font-size:15px;}