@charset "utf-8";
@import url(default.css);

body.main {background:url(../images/contents_bg.jpg) repeat-x center top;}

/* -------레이아웃 -------*/
#wrapper {
	position:relative; 
	width:1200px;
	margin:0px auto;
	text-align:left;
	overflow:hidden;
	z-index:10;
}

#left {position:absolute; left:0; top:0; width:200px;  background-image:url(../images/menu_bg.jpg);}
/*#left {position:absolute; left:0; top:0; width:200px; height:100%; background:#484848;}*/
#content_wrap {overflow:hidden; margin:0 auto; width:1200px; }
#content_frame {width:985px; margin-left:215px;}
#content_area {padding-top:15px;}

#sub_frame {width:985px; min-height:1099px; margin-left:215px; background:#fff;}



/* -------상단 -------*/
#top_logo  {
	border-top:10px solid #050505; 
	background:#fff; 
	padding-top:25px; padding-bottom:25px; 
	text-align:center;
}
#top_sm  {
	background:#050505; 
	border-bottom:1px solid #747474;
	overflow:hidden;

}
#top_sm li {float:left;padding:5px 0 5px 20px}
#top_sm li a{color:#fff; font-size:11px;}


/* -------메뉴 -------*/
#snb {border:0px solid #000;width:200px;}
#snb * {margin:0;padding:0;}
#snb > ul {width:100%;*zoom:1;}
#snb > ul:after {display:block;content:" ";clear:both;}
#snb li.menus {float:left;width:100%;vertical-align:top; font-weight:bold; border:0px solid red;border-bottom:1px solid #747474;}
#snb li.menus a:link, 
#snb li.menus a:visited {display:block; color:#fff; font-size:13px} 
#snb li.menus a:hover, 
#snb li.menus a:active, 
#snb li.menus a:focus {color:gray;} 
#snb li.menus a {text-align: left;padding:20px 17px;}

#snb li.menus .sm { margin:0px 0;*zoom:1;}
#snb li.menus .sm:after {display:block;content:" ";clear:both; }
#snb li.menus .sm li {float:left;width:100%;margin:0;padding:0;font-size:11px;}
#snb li.menus .sm li a:link, 
#snb li.menus .sm li a:visited {display:block; font-size:12px; color:#ffffff; font-weight:normal; background:gray;}
#snb li.menus .sm li a:hover, 
#snb li.menus .sm li a:active,  
#snb li.menus .sm li a:focus {background:black}
#snb li.menus .sm li a {text-align: left;padding:3px 20px; }
#snb li.menus .submenus {display:none;background:black; padding:7px 0;}

/* -------left footer -------*/
.left_footer {margin-top:187px;}
.left_footer .sub {margin-top:163px !important;}
.left_footer .left_copyrignt {padding:20px 11px; 20px 11px; margin-top:183px;}
.left_footer .left_copyrignt address {color:#fff; padding-top:10px; font-size:10px; line-height: 20px;}
.left_footer .left_copyrignt address p {margin-top:10px;}


/* ------- footer -------*/
#footerWrap {
	clear:both;
	width:100%; 
	background:#fff;
	border-top:1px solid #ddd; 
}
.footerInner {
	overflow:hidden; 
	width:1200px;
	margin:0 auto;	
	padding:20px 0;
}
.gobiz {float:left;width:200px;text-align:center; padding-top:10px}
.keyword {overflow:hidden;}
.keyword li {float:left; font-size:13px; padding:3px 15px;}
.keyword li a {color:#888;}
.keyword li a:hover {color:#57b60a;}


/* 메인이미지 */
#main_img_area {overflow:hidden; width:985px; height:532px; margin-top:15px;}

/* 메인이미지롤링 */
.center {float:left; width:985px; position:relative;/*background:url(../images/main_visual_bg.jpg) no-repeat;*/}
.center .center_txt {font-family: 'Noto Sans'; position:absolute; left:60px; top:280px; font-weight:bold; font-size:18px; color:#1f1f1f;; line-height:26px;}
.center .center_txt .big {font-family: 'Noto Sans'; font-size:30px;color:#5f291d;margin-top:10px;}
.center .m_banner {overflow:hidden; position: relative;}
.center .m_banner ul {width:2727px; zoom:1;}
.center .m_banner ul:after {clear: both; display: block; visibility: hidden; content:' ';}
.center .m_banner ul li {float: left; width:985px; }
.center .m_banner ul li img {width:985px; height:532px;}

.center .rolling {position: absolute; top:500px; left :450px;  z-index:2000; border:0px solid red;}
.center .rolling span {display: inline-block; vertical-align: top;}
.center .rolling span a {display: block; width:14px;height:14px; background:url(../images/navi_off.png) no-repeat left top; text-indent:-1000px}
.center .rolling span a.on {display:block;width:14px;background:url(../images/navi_on.png) no-repeat;}


/* 메인컨텐츠 내용 */
#pro_box_wrap {overflow:hidden;}
#pro_box_wrap ul li {
	float:left; 
	width:237px; 
	/*height:270px;*/
	margin-right:10px;
	margin-bottom:10px;
	border:1px solid #d9d9d9;
	background:#fff;
}
#pro_box_wrap ul li.last {
	width:236px;
	margin-right:0;
}
#pro_box_wrap .pro_info {position:relative;}
#pro_box_wrap .pro_info a {display:block;}
#pro_box_wrap .pro_info {/*padding:15px 13px;*/}
#pro_box_wrap .pro_info p {text-align:center;}
#pro_box_wrap .pro_info dl {position:absolute;     padding: 6px 11px 6px 11px;
    bottom: 0px;
    margin: 6px 1px 6px 1px;}
#pro_box_wrap .pro_info dl.a {background-color: white;opacity: 0.8;}
#pro_box_wrap .pro_info dl dt {color:#444; font-size:14px; font-weight:bold;padding:2px 0; }
#pro_box_wrap .pro_info dl dd {font-size:12px; }



/* ------- 서브페이지 -------*/
#sub_area {width:920px; margin:0 auto;}
#sub_area #title {overflow:hidden; border-bottom:1px solid #ddd; }
#sub_area #title .tit {
	float:left;
	padding:30px 0; 
	font-size:30px; 
	color:#333;
	font-weight:bold;	
	font-family: 'Noto Sans'; 
}
#sub_area #title .history {
	float:right; 
	padding:40px 5px 0 15px; 
	color:#898989; 
	background:url(../images/icon_home.gif) no-repeat 0 45px;
}

#sub_area #sub_contents {
	padding:40px 0 40px 0;
	line-height: 24px;
	font-size:14px;
	color:#777;
}

.st {
	font-size:26px; 
	font-weight:600; 
	color:#aaa;
	line-height:35px;
	font-family: 'Noto Sans'; 
}
.point_txt {font-family: 'Noto Sans';color:#ffbb2e; font-weight:600;}
.point_txt2 {font-family: 'Noto Sans';color:#ffbb2e; font-weight:600; margin-top:30px; display:block; }
.point_txt2 {font-family: 'Noto Sans';color:#ffbb2e; font-weight:600;  display:block;  font-size:20px; margin-bottom:30px;}
.bold {font-weight:bold; font-weight:600;}
.dot_line {border-bottom:1px dashed #ddd;}

/*greetings*/
.greeting {background:url(../images/greetings.jpg) no-repeat right 0px; height: 660px;}
.greeting p {padding-bottom:15px; text-align:justify }


/* history */
.history dl{
	border-bottom:1px dashed #ddd; 
	padding-bottom:30px;
	margin-bottom:30px;
}
.history dt{
	font-family: 'Noto Sans'; 
	color:#ffbb2e;
	font-size:26px;
	font-weight:600;	
	margin-bottom:20px;
}
.history dd{line-height:26px;font-size:14px; padding-left:45px}
.history dd span {font-weight:600; color:#333; padding-right:10px;}


/* product */
.pr_bg {background:url(../images/pr_bg.jpg) no-repeat 0 0;  height:350px; position:relative;}
.pr_bg p {position:absolute; top:238px; font-weight:bold;  }
.product {overflow:hidden;}
.product .pic {float:left; width:48%; text-align:right; margin-top:80px;}
.product .pro_info {float:left; width:50%;}
.product .pro_info p {margin-bottom:30px;}
.product .pro_info ul li {
	background:url(../images/icon_bullet.jpg) no-repeat left 10px; 
	padding-left:10px; 
	padding-bottom:15px;
}


.product .pro_info2 {float:left;      margin-top: 40px;}
.product .pro_info2 p {margin-bottom:30px;}
.product .pro_info2 ul li {
	background:url(../images/icon_bullet.jpg) no-repeat left 10px; 
	padding-left:10px; 
	padding-bottom:15px;
}

.product dl {margin-top:20px; border:1px solid #ddd; background:#f5f5f5;padding:15px;}
.product dl dt {margin-bottom:10px; font-weight:600; font-size:16px; color:#57b60a;}
.product dl dd {font-size:13px; color:#333;}

.pr1 {width:100%; margin-top:30px;}

/* cerificate 
.cerificate {overflow:hidden}
.cerificate ul li {float:left; width:200px; margin-right:30px; margin-bottom:30px;}
.cerificate ul li.last {margin-right:0;}
.cerificate ul li p {text-align:center;margin-top:10px; line-height:18px; font-size:13px; font-weight:600}
*/
.cerificate {overflow:hidden; margin-top:30px;}
.cerificate ul li {float:left;  width:100%;margin-right:30px; margin-bottom:30px;}
.cerificate ul li.last {margin-right:0;}
.cerificate ul li p {text-align:center;margin-top:10px; line-height:18px; font-size:13px; font-weight:600}


.cerificate2 {overflow:hidden; margin-top:30px; width:459px;  float:left;}

.cerificate2 ul li {float:left;  width:400px;margin-right:30px; margin-bottom:30px;}
.cerificate2 ul li.last {margin-right:0;}
.cerificate2 ul li p {text-align:center;margin-top:10px; line-height:18px; font-size:13px; font-weight:600}

.cer li {float:left;     width: 241px !important; margin-right: 65px}


/*contact us*/
.contact {overflow:hidden;}
.contact_info {margin-top:30px;}
.contact_info p {margin-bottom:20px;}
.contact_info ul li {margin-bottom:20px;}
.contact_info ul li span{display:block; font-size:16px;font-weight:600;color:#57b60a;}


/* ------- sitemap 사이트맵 -------*/
.sitemap {overflow:hidden;}
.sitemap dl {
	float:left;
	width:28%;
	margin-right:50px;
	padding-bottom:15px;
	margin-bottom:25px;	
}
.sitemap dl.last {margin-right:0;}

.sitemap dl > dt {
	color:#ffbb2e;
	font-weight:bold; 
	height:45px;
	font-size:20px;
	border-bottom:1px solid #aaaaaa;
}

.sitemap dl > dt > a {
	color:#ffbb2e;
	font-weight:bold; 
	height:45px;
	font-size:20px;
}

.sitemap dl > dd {
}
.sitemap dl > dd > a {
	display:block;
	font-size:13px;
	line-height:15px;
	padding:10px;	
	border-bottom:1px dashed #ddd;
}
.sitemap dl > dd > a:hover {
	color:#ffffff;
	background-color:#a4d967;
}




/************************************************/
/* 클리어 픽스 */
.clx {*zoom:1;}
.clx:after {display:block;content:" ";clear:both;}