@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/css?family=Open+Sans);

/*reset css */
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: inherit;
	vertical-align: baseline;
}
 
/* HTML5 displayd-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

ol, ul {list-style: none;}
table {	border-collapse: collapse;border-spacing: 0;}

/*common */
body {font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px;}
.roboto-n {font-family: 'Roboto', sans-serif;}
.nanum-g {font-family: 'Nanum Gothic', sans-serif;}
.marg-g {font-family:'Malgun Gothic', sans-serif;}
.opensans {font-family: 'Open Sans', sans-serif;}

/*index*/
.whole-wrap {display: block; position: relative; width:100%;}
.whole-wrap .cont-wrap {display: block; position: relative; margin:0 auto; width:998px; padding:0 13px;}

.whole-wrap .cont-wrap .bigture-area {display:block; width:100%; margin-top:20px;}
.whole-wrap .cont-wrap .cont-area {display:block; width:100%; position:relative; border-top: 1px solid #bbb9af; padding-top:20px; margin-top: 30px;}
.whole-wrap .cont-wrap .cont-area h1 {display: block;font-family: georgia, serif; color: #565037; font-size:20px; font-style: italic; font-weight: bold; -webkit-text-size-adjust:none;}
.whole-wrap .cont-wrap .cont-area .eng_red {font-size:30px; color:#c50200; line-height:37px;}
.whole-wrap .cont-wrap .cont-area .han_green {font-size:15px; color:#363636;}
.whole-wrap .cont-wrap .cont-area .han_green b {font-weight:bold;}
.whole-wrap .cont-wrap .cont-area .about-area {display: block; width:100%;}
.whole-wrap .cont-wrap .cont-area .about-area ul {display:inline-block;}
.whole-wrap .cont-wrap .cont-area .about-area li {float:left;}
.whole-wrap .cont-wrap .cont-area .about-area .w323 {width:323px;}
.whole-wrap .cont-wrap .cont-area .about-area .w312 {width:312px;}
.whole-wrap .cont-wrap .cont-area .about-area .ml20 {margin-left:20px;}
.whole-wrap .cont-wrap .cont-area .about-area li .about-c {display: block; position:relative;}
.whole-wrap .cont-wrap .cont-area .about-area li .about-c .cal-b {width:323px; height:243px;}
.whole-wrap .cont-wrap .cont-area .about-area li .about-c h2 {color:#fff; font-size:35px;}
.whole-wrap .cont-wrap .cont-area .about-area li .about-c h3 {color:#fff; font-size:20px;}
.whole-wrap .cont-wrap .cont-area .about-area li .about-c h4 {color:#868686; font-size:30px;}
.whole-wrap .cont-wrap .cont-area .about-area li .about-c p {color:#5f5f5f; font-size:14px; line-height:23px;}
.whole-wrap .cont-wrap .cont-area .about-area li .about-c p b {color:#be1813; font-size:14px; font-weight:bold;}

.whole-wrap .cont-wrap .cont-area .asso-area {display: block; position: relative; width:100%;}
.whole-wrap .cont-wrap .cont-area .asso-area ul {display: inline-block; position: relative; width:100%;}
.whole-wrap .cont-wrap .cont-area .asso-area li {width:33.3%; text-align:center; float:left;}

.whole-wrap .cont-wrap .cont-area .award-area {display: block; position: absolute; width:323px; right:0; top:20px;}
.whole-wrap .cont-wrap .cont-area .award-area ul {display: inline-block; position: relative; width:100%;}
.whole-wrap .cont-wrap .cont-area .award-area li {width:100%; text-align:center; float:left;}

.whole-wrap .cont-wrap .cont-area .client-area {display: block; position: relative; width:100%;}
.whole-wrap .cont-wrap .cont-area .client-area ul {display: inline-block; position: relative; width:100%;}
.whole-wrap .cont-wrap .cont-area .client-area li {width:20%; text-align:center; float:left;}

.whole-wrap .cont-wrap .cont-area .bigture-area {display: block; position: relative; width:100%;}
.whole-wrap .cont-wrap .cont-area .bigture-area ul {display: inline-block; position: relative; width:100%;}
.whole-wrap .cont-wrap .cont-area .bigture-area li {text-align:left; float:left;}
.whole-wrap .cont-wrap .cont-area .bigture-area li a {display:block; overflow:hidden;}
.whole-wrap .cont-wrap .cont-area .bigture-area li span {background: url('../image/common/common_150122.png') no-repeat; display:block; width:100%; height:100%;}
.whole-wrap .cont-wrap .cont-area .bigture_patent {width:100%; background:#f5f5f5; border:1px solid #bbb9af; margin-top:30px;}
.whole-wrap .cont-wrap .cont-area .bigture_patent .patent_txt {text-align:center; font-size:15px; color:#5f5f5f; padding:20px 0;}
.whole-wrap .cont-wrap .cont-area .bigture_patent .patent_txt .red_point {color:#c94c46; font-weight:bold;}
.whole-wrap .cont-wrap .cont-area .bigture_patent .patent_txt .grey_point {font-weight:bold;}
.whole-wrap .cont-wrap .cont-area .bigture_patent ul {display:inline-block; width:95%; padding:10px 25px;}
.whole-wrap .cont-wrap .cont-area .bigture_patent li {float:left; font-size:13px; line-height:20px; color:#5f5f5f;}

.whole-wrap .cont-wrap .cont-area .map-area {display: block; position: relative; width:100%;}
.whole-wrap .cont-wrap .cont-area .map-area ul {display: inline-block; position: relative; width:100%;}
.whole-wrap .cont-wrap .cont-area .map-area li {float:left;}
.whole-wrap .cont-wrap .cont-area .map-area .co-title {color: #565037; font-size:17px; font-weight: bold; padding-bottom: 10px;}
.whole-wrap .cont-wrap .cont-area .map-area .co-address {color: #5f5f5f; padding-bottom: 20px; font-size:13px; line-height:20px;}
.whole-wrap .cont-wrap .cont-area .map-area .co-number {color: #5f5f5f; padding-bottom: 20px; font-size:13px; line-height:20px;}
.whole-wrap .cont-wrap .cont-area .map-area .co-number a {color: #5f5f5f; text-decoration:underline;}
.whole-wrap .cont-wrap .cont-area .map-area .co-number a:hover {color: #0a0902; text-decoration:underline;}
.whole-wrap .cont-wrap .cont-area .map-area .co-number b {color: #565037; font-size:13px; font-weight: bold; }

.whole-wrap .cont-wrap .bt-area {display:block; width:918px; position:relative; padding:60px 40px; margin-top: 60px; background:#565037;}
.whole-wrap .cont-wrap .bt-area span {display:block;}

.whole-header {display: block; position: relative; width:100%;}
.whole-header .header-wrap {display: block; position: relative; margin:0 auto; width:998px; padding:0 13px; border-top: 14px solid #564f37;}
.whole-header .header-wrap .logo-area {display: block; position: relative; width:186px; height:53px; padding: 30px 0;}
.whole-header .header-wrap .menu-area {display: block; position: absolute; top:40px; right :13px;}
.whole-header .header-wrap .menu-area ul {display: inline-block; font-size:15px; color: #818181;font-family: 'Roboto Condensed', sans-serif;}
.whole-header .header-wrap .menu-area li {float:left; margin-left:10px;}
.whole-header .header-wrap .menu-area li .ic29 {display:block; overflow:hidden; width:29px; height:29px; line-height:29px;}
.whole-header .header-wrap .menu-area li .ic29 span {display:block; width:100%; height:100%;}