@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;   
	src: url(../font/NotoSansKR/NotoSansKR-Regular.woff2) format('woff2'), 
         url(../font/NotoSansKR/NotoSansKR-Regular.woff) format('woff'), 
         url(../font/NotoSansKR/NotoSansKR-Regular.otf) format('opentype'); 

  
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
   src: url(../font/NotoSansKR/NotoSansKR-Medium.woff2) format('woff2'), 
         url(../font/NotoSansKR/NotoSansKR-Medium.woff) format('woff'), 
         url(../font/NotoSansKR/NotoSansKR-Medium.otf) format('opentype'); 

  
}


@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
     src: url(../font/NotoSansKR/NotoSansKR-Bold.woff2) format('woff2'), 
         url(../font/NotoSansKR/NotoSansKR-Bold.woff) format('woff'), 
         url(../font/NotoSansKR/NotoSansKR-Bold.otf) format('opentype'); 

  

}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 900;
     src: url(../font/NotoSansKR/NotoSansKR-Black.woff2) format('woff2'), 
         url(../font/NotoSansKR/NotoSansKR-Black.woff) format('woff'), 
         url(../font/NotoSansKR/NotoSansKR-Black.otf) format('opentype'); 

}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
   src: url(../font/NotoSansKR/NotoSansKR-Light.woff2) format('woff2'), 
         url(../font/NotoSansKR/NotoSansKR-Light.woff) format('woff'), 
         url(../font/NotoSansKR/NotoSansKR-Light.otf) format('opentype'); 

}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 100;
   src: url(../font/NotoSansKR/NotoSansKR-Thin.woff2) format('woff2'), 
         url(../font/NotoSansKR/NotoSansKR-Thin.woff) format('woff'), 
         url(../font/NotoSansKR/NotoSansKR-Thin.otf) format('opentype'); 

}

@font-face {
    font-family: 'GmarketSans';
    font-style: normal;
    font-weight: 400;   
	src: url(../font/GmarketSans/GmarketSansBold.woff2) format('woff2'), 
         url(../font/GmarketSans/GmarketSansBold.woff) format('woff'), 
         url(../font/GmarketSans/GmarketSansBold.otf) format('opentype'); 

  
}


A:link {text-decoration:none; color:#000000}
A:visited {text-decoration:none; color:#000000}
A:hover {text-decoration:none; color:green}
body,td	 { font-family:µ¸¿ò;font-size:9pt;color:#333333;line-height:16px}
.box1 {font-family:Dotum;border:1px solid #E8E8E8;font-size:12px;color:#555555;line-height:1.5;padding:5;scrollbar-face-color: #FFFFFF;
scrollbar-shadow-color: #E8E8E8;
scrollbar-highlight-color: #E8E8E8;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #E8E8E8}


.local { font-family:µ¸¿ò;font-size:11px;color:#7B7D7B;line-height:16px}
.local A:active {font-family:µ¸¿ò;font-size: 11px;color: green ;text-decoration : none;} 
.local A:link {font-family:µ¸¿ò;font-size: 11px;color: #B96950; text-decoration: none;} 
.local A:visited {font-family:µ¸¿ò;font-size: 11px;color: #7F7F7F; text-decoration : none;} 
.local A:hover {font-family:µ¸¿ò;font-size: 11px;color: #7F7F7F; text-decoration : none;}

.CoT01
{BORDER-RIGHT: #E3D4CD 1px solid; BORDER-TOP: #E3D4CD 0px solid; BORDER-LEFT: #E3D4CD 0px solid;BORDER-BOTTOM: #E3D4CD 1px solid;
 padding-right:2px; padding-top:5px; padding-left:5px; padding-bottom:1px;
 FONT-SIZE: 12px; COLOR: #7F7F7F; line-height:18px; 
 font-family:"µ¸¿ò", "±¼¸²","Geneva", "Arial", "Helvetica", "Verdana", "sans-serif";
}
.CoT01 A:active {font-size: 12px;color: #B96950 ;text-decoration : none;} 
.CoT01 A:link {font-size: 12px;color: #B96950; text-decoration: none;} 
.CoT01 A:visited {font-size: 12px;color: #7F7F7F; text-decoration : none;} 
.CoT01 A:hover {font-size: 12px;color: #7F7F7F; text-decoration : none;}

.CoT00
{BORDER-RIGHT: #BCCAB4 1px solid; BORDER-TOP: #BCCAB4 0px solid; BORDER-LEFT: #BCCAB4 0px solid;BORDER-BOTTOM: #BCCAB4 1px solid;
 padding-right:2px; padding-top:3px; padding-left:10px; padding-bottom:1px;
 FONT-SIZE: 12px; COLOR: #7F7F7F; line-height:18px; 
 font-family:"µ¸¿ò", "±¼¸²","Geneva", "Arial", "Helvetica", "Verdana", "sans-serif";
}
.CoT00 A:active {font-size: 12px;color: #B96950 ;text-decoration : none;} 
.CoT00 A:link {font-size: 12px;color: #B96950; text-decoration: none;} 
.CoT00 A:visited {font-size: 12px;color: #7F7F7F; text-decoration : none;} 
.CoT00 A:hover {font-size: 12px;color: #7F7F7F; text-decoration : none;}

.CoT02
{BORDER-RIGHT: #E3D4CD 0px solid; BORDER-TOP: #E3D4CD 0px solid; BORDER-LEFT: #E3D4CD 0px solid;BORDER-BOTTOM: #E3D4CD 1px solid;
 padding-right:5px; padding-top:5px; padding-left:8px; padding-bottom:1px;
 FONT-SIZE: 12px; COLOR: #7F7F7F; line-height:18px; 
 font-family:"µ¸¿ò", "±¼¸²","Geneva", "Arial", "Helvetica", "Verdana", "sans-serif";
}
.CoT02 A:active {font-size: 12px;color: #B96950 ;text-decoration : none;} 
.CoT02 A:link {font-size: 12px;color: #B96950; text-decoration: none;} 
.CoT02 A:visited {font-size: 12px;color: #7F7F7F; text-decoration : none;} 
.CoT02 A:hover {font-size: 12px;color: #7F7F7F; text-decoration : none;}

.CoT03
{BORDER-RIGHT: #BCCAB4 0px solid; BORDER-TOP: #BCCAB4 0px solid; BORDER-LEFT: #BCCAB4 0px solid;BORDER-BOTTOM: #BCCAB4 1px solid;
 padding-right:5px; padding-top:5px; padding-left:8px; padding-bottom:1px;
 FONT-SIZE: 12px; COLOR: #7F7F7F; line-height:18px; 
 font-family:"µ¸¿ò", "±¼¸²","Geneva", "Arial", "Helvetica", "Verdana", "sans-serif";
}

.CoT03 A:active {font-size: 12px;color: #B96950 ;text-decoration : none;} 
.CoT03 A:link {font-size: 12px;color: #B96950; text-decoration: none;} 
.CoT03 A:visited {font-size: 12px;color: #7F7F7F; text-decoration : none;} 
.CoT03 A:hover {font-size: 12px;color: #7F7F7F; text-decoration : none;}

/*Slider*/

.banerlist{position:relative;width:516px;padding:0;margin:0;}
.banerlist_in,
.banerlist_in li{padding:0;margin:0;list-style:none}


/*¸Þ´º*/
.maintop {min-height:381px;background: url(../image/back_main.jpg) no-repeat 0 0;width:950px;}
.about_top{min-height:290px;background: url(../image/about/topimg.jpg) no-repeat 0 0;}
.pro_top{min-height:290px;background: url(../image/prod/topimg.jpg) no-repeat 0 0;}
.data_top{min-height:290px;background: url(../image/data/topimg.jpg) no-repeat 0 0;}
.est_top{min-height:290px;background: url(../image/esti/topimg.jpg) no-repeat 0 0;}

.maintop .logoarea{float:left;width:20%;}
.maintop .logoarea a{display:block;padding:30px 0 0 30px;}

.maintop .topmenuarea{float:left;width:80%;}
.topmenuarea ul{width:90%;margin:0 auto;position:relative;}
.topmenuarea ul li{
	float:left;
	width:20%;
	background: url(../image/back_menu.png) no-repeat 0 0; 
	list-style:none;
	padding:22px 0 10px 0;
}
.topmenuarea ul li.first{
	background:none;
}
.topmenuarea ul li a{
	color:#fff;
	display:block;
	font-family:'Noto Sans KR', sans-serif;
	font-size:18px;
	text-align:center;
	 font-weight:400;
	 padding-left:10px;

}
.topmenuarea ul li a span{
	display:block;
	font-size:12px;
	font-weight:100;
	padding-bottom:5px;
	color:#f7f7f7;
}
.maintop .topmenuarea ul li.borderA{
	border-bottom:3px solid #8a52ab;

}
.maintop .topmenuarea ul li.borderB{
	border-bottom:3px solid #bc9bcf;

}

.about_top .topmenuarea ul li.borderA{
	border-bottom:3px solid #5260ab;

}
.about_top .topmenuarea ul li.borderB{
	border-bottom:3px solid #9ba3cf;

}

.pro_top .topmenuarea ul li.borderA{
	border-bottom:3px solid #52ab6d;

}
.pro_top .topmenuarea ul li.borderB{
	border-bottom:3px solid #9bcfab;

}


.data_top .topmenuarea ul li.borderA{
	border-bottom:3px solid #86ab52;

}
.data_top .topmenuarea ul li.borderB{
	border-bottom:3px solid #b9cf9b;

}


.est_top .topmenuarea ul li.borderA{
	border-bottom:3px solid #b960c4;

}
.est_top .topmenuarea ul li.borderB{
	border-bottom:3px solid #d9a4de;

}