@charset "utf-8";
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url('//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2') format('woff2'), url('//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff') format('woff'), url('//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf') format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url('//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2') format('woff2'), url('//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff') format('woff'), url('//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf') format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url('//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2') format('woff2'), url('//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff') format('woff'), url('//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf') format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url('//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2') format('woff2'), url('//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff') format('woff'), url('//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf') format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url('//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2') format('woff2'), url('//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff') format('woff'), url('//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf') format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url('//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2') format('woff2'), url('//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff') format('woff'), url('//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf') format('opentype');
}
/* oswald-regular - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: url('/asset/common/fonts/oswald-v35-latin-700.eot');
  /* IE9 Compat Modes */
  src: local(''), url('/asset/common/fonts/oswald-v35-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/asset/common/fonts/oswald-v35-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('/asset/common/fonts/oswald-v35-latin-700.woff') format('woff'), /* Modern Browsers */ url('/asset/common/fonts/oswald-v35-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('/asset/common/fonts/oswald-v35-latin-700.svg#Oswald') format('svg');
  /* Legacy iOS */
}

/* 초기화 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
table, tr, th, td {vertical-align: middle;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-size:12px; color:#636363; 
	font-family: 'Noto Sans KR', Sans-serif;
}
body.intro {background:#e5e5e5;}
ol, ul, li {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {selector-dummy:expression(this.hideFocus=true);}
a:link,a:visited {text-decoration:none; color:#636363;}
a:hover,a:active,a:focus {text-decoration:none; color:#000000;}

legend, caption {width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}

/* 배경 */

/* 인트로 */
#intro {width:800px; margin:0 auto; position:relative;}
#intro .introLogo {height:126px;}
#intro .introBtn {overflow:hidden;}
#intro .introBtn li {float:left;}
#intro .introBtn li a {display:block; background:no-repeat 0 0; width:400px; height:600px;}
#intro .introBtn li.introLeft a {background-image:url(/images/intro_left.png);}
#intro .introBtn li.introLeft a:hover {background-image:url(/images/intro_left_on.png);}
#intro .introBtn li.introRight a {background-image:url(/images/intro_right.png);}
#intro .introBtn li.introRight a:hover {background-image:url(/images/intro_right_on.png);}
#intro .introCopy {text-align:center; padding-top:30px; color:#333;}
#intro .la-btn {position:absolute; top:70px; right:0;}


/* header */
header {position:relative; width:100%; height:110px; border-bottom:1px solid #d9d9d9;}
#header1 {width:900px; margin:0 auto; overflow:hidden;}
#header1 h1 {float:left; width:140px; height:90px;}
#h_right {float:right; width:760px;}
#h_right .language-btn {text-align:right; margin-top:5px; height:28px;}
/* 탑메뉴 */
#topMenu {float:right; width:457px; height:67px; margin-top:10px;}
#topMenu .main {float:left;}
#topMenu .main a {display: inline-block;}
#topMenu .main .subMenu {width:100%; height:40px; left:0; top:85px; display: none; position: absolute; background:#fff; border-bottom:1px solid #d9d9d9;}
#topMenu .main .subMenu .subMenuCen {width:956px; margin:0 auto; text-align:left;}
#topMenu .main .subMenu .subMenuCen .m1 {margin-left:440px;}
#topMenu .main .subMenu .subMenuCen .m2 {margin-left:545px;}
#topMenu .main .subMenu .subMenuCen .m3 {margin-left:660px;}
#topMenu .main .subMenu .subMenuCen .m4 {margin-left:600px;}
#topMenu .sub {float: left; display: inline;}
#topMenu .sub a {display:inline-block; padding-left:10px; padding-right:10px; height:40px; line-height:40px; text-align:center; font-weight:bold;}
#topMenu .sub a:hover{color:#0070BE; text-decoration:underline;}
#topMenu .sub a.over{color:#0070BE; text-decoration:underline;}
#topMenu .chemicalTop a:hover{color:#2ed0c5; text-decoration:underline;}
#topMenu .chemicalTop a.over{color:#2ed0c5; text-decoration:underline;}

/* 메인콘텐츠 */
#mainContainer {width:100%; background-color:#e5e5e5; padding-bottom:40px;}
#mainContents {width:956px; margin:0 auto; text-align:left;}
#mainContents .mImg1 {height:543px; margin-bottom:30px;}
#mainContents .mBanner {overflow:hidden;}
#mainContents .mBanner a {display:block; text-indent:-5000px; overflow:hidden;}
#mainContents .mBanner .mbLeft {float:left; width:470px;}
#mainContents .mBanner .mbLeft .mbl1 {margin-bottom:15px;}
#mainContents .mBanner .mbLeft .mbl1 a {background:url(/images/main_banner1.png) no-repeat 0 0; width:470px; height:223px;}
#mainContents .mBanner .mbLeft .mbl1 a:hover {background:url(/images/main_banner1_on.png);}
#mainContents .mBanner .mbLeft .mbl2 {margin-bottom:15px;}
#mainContents .mBanner .mbLeft .mbl2 a {background:url(/images/main_banner2.png) no-repeat 0 0; width:470px; height:223px;}
#mainContents .mBanner .mbLeft .mbl2 a:hover {background:url(/images/main_banner2_on.png);}
#mainContents .mBanner .mbLeft .mbl3 a {background:url(/images/main_banner3.png) no-repeat 0 0; width:470px; height:104px;}
#mainContents .mBanner .mbLeft .mbl3 a:hover {background:url(/images/main_banner3_on.png);}
#mainContents .mBanner .mbRight {float:right; width:471px;}
#mainContents .mBanner .mbRight .mbr1 {margin-bottom:15px;}
#mainContents .mBanner .mbRight .mbr1 a {background:url(/images/main_banner2.png) no-repeat 0 0; width:470px; height:223px;}
#mainContents .mBanner .mbRight .mbr1 a:hover {background:url(/images/main_banner2_on.png);}
#mainContents .mBanner .mbRight .mbr2 {margin-bottom:15px;}
#mainContents .mBanner .mbRight .mbr2 a {background:url(/images/main_banner5.png) no-repeat 0 0; width:471px; height:223px;}
#mainContents .mBanner .mbRight .mbr2 a:hover {background:url(/images/main_banner5_on.png);}
#mainContents .mBanner .mbRight .mbr3 a {background:url(/images/main_banner6.png) no-repeat 0 0; width:471px; height:104px;}
#mainContents .mBanner .mbRight .mbr3 a:hover {background:url(/images/main_banner6_on.png);}

/* 서브콘텐츠 */
#subContent {clear:both; width:956px; margin:0 auto; padding-top:50px; overflow:hidden; padding-bottom:40px;}
#subLeft {float:left; width:177px;}
#subLeft > #subLeftMenu {margin-bottom:40px; font-size:14px}
#subLeft > #subLeftMenu > li > a {display:block; width:162px; height:38px; line-height:38px; padding-left:15px; color:#656565; border-bottom:1px solid #dedede; font-weight:bold;} 
#subLeft > #subLeftMenu > li > a:hover {background:url(/images/sub_left_menu_on.gif) no-repeat 0 0; color:#ffffff;}
#subLeft > #subLeftMenu > li > a.LOver {background:url(/images/sub_left_menu_on.gif) no-repeat 0 0; color:#ffffff;}
#subRight {float:right; width:740px; padding-top:30px;}
#subRight > .subTitle {background:url(/images/sub_title_bg.gif) no-repeat 50% 0; width:740px; height:64px; overflow:hidden;}
#subRight > .subTitle > .sTitle {float:left;}
#subRight > .subTitle > .sNavi {float:right; padding-top:10px;}
#subRight > .subContentsText {padding-top:30px;}

	/* 주요연혁 */
	#cHistory {background:url(/images/company_con_02_bg.jpg) no-repeat 0 100%; width:740px; padding-bottom:50px;}
	#cHistory dl {overflow:hidden; margin-bottom:30px;}
	#cHistory dl dt {float:left; font-size: 24px; font-weight: bold; color: #2c5da0; margin-right:50px;}
	#cHistory dl dd {float:left;}
	#cHistory dl dd ul {padding-top:5px;}
	#cHistory dl dd ul li {background:url(/images/ib_dot.gif) no-repeat 0 50%; padding-left:10px; margin-bottom:10px;} 
	
	/* 사이트맵 */
	#cSitemap {overflow:hidden;}
	#cSitemap dl {float:left; width:135px; margin-right:16px;}
	#cSitemap dl.right {margin-right:0;}
	#cSitemap dl dt {height:57px; line-height:57px; background-color:#2C5DA0; color:#fff; font-weight:bold; font-size:16px; text-align:center;}
	#cSitemap dl dd ul li {height:39px; border-bottom:1px solid #eaeaea;}
	#cSitemap dl dd ul li a {display:block; line-height:39px; font-weight: bold;}

	/* 제품게시판 리스트 */
	.boardSearch {margin-bottom:20px;}
	table.pbTable td, table.pbTable th {border:1px solid #d8d8d8; text-align:center; word-break:break-all;}
	table.pbTable th {font-weight:bold; border-top:2px solid #2c5da0; background-color:#fafafa; padding:5px; line-height:18px;}
	table.pbTable td.pbConten {line-height:18px; padding:5px;}
	table.pbTable td.pbLeft {text-align:left;}
	p.paging {text-align:center; margin-top:15px;}
	p.paging .pageLeft2 {display:inline-block; padding:4px 7px 4px 7px; border:1px solid #ddd;}
	p.paging .pBold {font-weight:bold;}

	/* chemical 제품게시판 리스트 */
	.chemicalboardSearch {margin-bottom:20px;}
	table.chemicalpbTable td, table.chemicalpbTable th {border:1px solid #d8d8d8; text-align:center; word-break:break-all;}
	table.chemicalpbTable th {font-weight:bold; border-top:2px solid #2ed0c5; background-color:#fafafa; padding:5px; line-height:18px;}
	table.chemicalpbTable td.pbConten {line-height:18px; padding:5px;}
	table.chemicalpbTable td.pbLeft {text-align:left;}
	p.paging {text-align:center; margin-top:15px;}
	p.paging .pageLeft2 {display:inline-block; padding:4px 7px 4px 7px; border:1px solid #ddd;}
	p.paging .pBold {font-weight:bold;}

/* chemical 레이아웃 */
#chemicalLayout {width:956px; margin:0 auto; text-align:left; padding-bottom:40px;}
#chemicalTitle {background:url(/images/chemical_bg.png) no-repeat 0 0; width:956px; height:336px; margin-top:45px;}
#chemicalTitle .sNavi {float:right; padding-top:24px; padding-right:25px;}
#chemicalTitle .sTitle {margin-left:216px; padding-top:45px; padding-bottom:5px; font-size:2.417em; font-weight:bold; font-family:"맑은 고딕",sans-serif; color:#333;}
#chemicalContents {overflow:hidden; padding-top:14px;}
#chemicalLeft {float:left; width:177px;}
#chemicalLeft #chemicalLeftMenu {margin-bottom:40px; font-size:14px}
#chemicalLeft #chemicalLeftMenu li a {display:block; width:162px; height:38px; line-height:38px; padding-left:15px; color:#656565; border-bottom:1px solid #dedede; font-weight:bold;} 
#chemicalLeft #chemicalLeftMenu li a:hover {background:url(/images/chemical_left_menu_on.gif) no-repeat 0 0; color:#ffffff;}
#chemicalLeft #chemicalLeftMenu li a.LOver {background:url(/images/chemical_left_menu_on.gif) no-repeat 0 0; color:#ffffff;}
#chemicalRight {float:right; width:740px;}
	
/* footer */
footer {clear:both; border-top:1px solid #d8d8d8; height:80px;}
footer > div {width:956px; margin:0 auto; position:relative; padding-top:20px;}
footer > div .add {line-height:18px;}
footer > div > address {margin-top:5px; font-style:normal;}
footer > div > .footerBtn {position:absolute; top:20px; right:0; z-index:2;}
footer > div > .footerBtn p {float:left;}
footer > div > .footerBtn p a {display:block; background:no-repeat 0 0; width:21px; height:20px; text-indent:-5000px; overflow:hidden;}
footer > div > .footerBtn p a:hover {background-position:0 -21px;}
footer > div > .footerBtn p a.btn1 {background-image:url(/images/footer_btn1.gif);}
footer > div > .footerBtn p a.btn2 {background-image:url(/images/footer_btn2.gif); margin-left:4px;}


/* 클래스 */
.conTop {vertical-align: baseline;}


/* 회사소개 */
.ib1 {width:100%; background:url(/images/company_con_01_bg.jpg) no-repeat 0 100%; width:760px; height:600px;}
.ib1 .txt1 {
	font-size: 24px;
	color: #0a2268;
	font-weight: bold;
	margin-bottom:30px;
}
.ib1 .txt1 span {
	color:#2c5da0;
}
.ib1 .txt2 {
	width:420px; 
	word-break:break-all;
	font-size: 13px;
	color:#333;
	line-height:25px;
}

.in_list {width:100%;}
.in_list > ul {overflow:hidden;}
.in_list > ul > li {float:left; margin-right:31px; margin-bottom:50px;}
.in_list > ul > li.right {margin-right:0;}
.in_list > ul > li img {width:212px; height:296px; border:7px solid #b8a98c;}
.in_list > ul li.title {text-align:center; margin-top:10px; font-weight:bold;a}

.fac_list {width:100%;}
.fac_list > ul {overflow:hidden;}
.fac_list > ul > li {float:left; margin-right:31px; margin-bottom:50px;}
.fac_list > ul > li.right {margin-right:0;}
.fac_list > ul > li img {width:224px; height:200px; border:1px solid #b8a98c;}
.fac_list > ul li.title {text-align:center; margin-top:10px; font-weight:bold;}

a.email_btn {
	display:inline-block;
	width:60px;
	height:22px;
	text-align:center;
	line-height:22px;
	border:1px solid #ddd;
	border-radius:3px;
}