@charset "utf-8";
@import url(base.css); /* reset */
@import url(common.css); /* header,footer */


/* 서브상단비주얼 */
.svisual_wrap{background:url(../images/sub/sub_visual.jpg) no-repeat center top; height:290px;}
.svisual{width:1000px; margin:auto;}
.svisual .tit{font-size:30px; color:#bcbcbc; padding-top:130px;  font-weight:600; font-family: 'NanumMyeongjo'; text-align:center;}
.svisual .txt{font-size:14px; color:#555; line-height:21px; font-weight:400;  text-align:center;}

#contents_wrap	{width:1000px; margin:0 auto; overflow:hidden; position:relative; z-index:2; padding-top:30px;}

/* rightcolumn */
#leftcolumn	{float:left; width:180px; height:100%;}
#snbwrap {width:180px;}
#snbwrap .tit_area h3 {
	color:#68933e; 
	font-weight:400; 
	font-size:26px;
	padding-bottom:20px; 
	text-transform: uppercase;
}

#snbwrap .tit_area h4 {
	color:#68933e; 
	font-weight:400; 
	font-size:22px;
	padding-bottom:20px; 
	text-transform: uppercase;v
}

#snbwrap .tit_area li{font-size:13px; padding-bottom:20px; text-transform: uppercase;}


/* lnb */
#leftNavigation {
	background-color: #f0f0f0;
}
#leftNavigation, #leftNavigation li ul {
  list-style: none;
  padding: 0;  
}
#leftNavigation li a {
  font-size: 13.5px;
  display: block;
  padding: 10px;
  color: #444;  
  border-bottom:3px solid #fff;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

#leftNavigation li a:hover {
  color: #c12429;
  background:#f8f8f8;
}
#leftNavigation li ul {
  display: none;
  margin: 0;
  background-color: #fafafa;
}
#leftNavigation li {
  margin: 0 0 -1px;
}
#leftNavigation li ul li a {
 font-size:13px;
}
#leftNavigation li ul li:last-child a {
  border-bottom: none;
}
#leftNavigation li.active > a {
  color: #fff;
  background:#68933e;
}
#leftNavigation li.active ul {
  display: block;
  border-left:1px solid #ddd;
  border-right:1px solid #ddd;
  background: #fff;
  padding:10px 0;
}
#leftNavigation > li.active {
  background-color: #fafafa;
}
#leftNavigation > li.active li a{
  border:none;
  padding:5px 25px;  
}


/* contents */
#contents {position:relative; float:right;width:750px;min-height:400px;padding:0 0 150px 0;}
#contents_full {position:relative; float:left;width:1000px;min-height:400px;padding:0 0 150px 0;}
#con_area {font-family:"나눔고딕", "Nanum Gothic"; font-size:14px;line-height:170%; }

#title_area{}
#title_area h3 {font-family:"나눔고딕", "Nanum Gothic"; text-align:left;font-size:36px;color:#1a1a1a;font-weight:600;}

#location {overflow:hidden; color:#888888;font-size:13px; float:right;}
#location li {float:left;text-transform:uppercase;}
#location li.home{background:url(../images/sub/icon_home.gif) no-repeat 0 4px; padding-left:17px;}
#location li a {padding-left:25px;color:#a6a6a6; text-decoration:none;}
#location li span{padding:0 7px;}
#location li.now {color:#c12429;text-transform:none}

#con_area .st {font-size:18px; color:#f36b22; font-weight:600; padding-bottom:20px; padding-top:30px;}
#con_area .st_1 {font-size:15px; color:#999999; font-weight:600; padding-bottom:20px; }
#con_area .bst {font-size:30px; color:#c12429; font-weight:600; padding-bottom:40px; line-height:30px}
#con_area .bst span {font-size:22px; color:#929292}

#con_area_1 {font-family:"나눔고딕", "Nanum Gothic"; font-size:14px;line-height:170%; margin:50px 0 50px 0;}
#con_area_1 .st {font-size:18px; color:#f36b22; font-weight:600; padding-bottom:20px; padding-top:30px;}
#con_area_1 .st_1 {font-size:15px; color:#999999; font-weight:600; padding-bottom:20px; }
#con_area_1 .st_2 {font-size:18px; color:#f36b22; font-weight:600; padding-bottom:20px;}
#con_area_1 .st_3 {font-size:15px; color:#f36b22; font-weight:600; padding-bottom:20px;}
#con_area_1 .st_4 {font-size:20px; color:#68933e; padding-top:10px; padding-bottom:10px;}
#con_area_1 .st_5 {font-size:18px; color:#f36b22; font-weight:600; padding-top:10px; padding-bottom:10px;}
#con_area_1 .st_6 {font-size:18px; color:#f36b22; font-weight:600; padding-top:30px;}
#con_area_1 .bst {font-size:30px; color:#c12429; font-weight:600; padding-bottom:40px; line-height:30px}
#con_area_1 .bst span {font-size:22px; color:#929292}
#con_area_1 p span {font-size:18px; color:#cc0000; padding-right:10px; }

/*common*/
.clear {clear:both}
.cen {text-align:center; margin:0 auto;}
.box {background:#f5f5f5; border:1px solid #ddd; width:100%;padding:40px 0;}
.box .txt {font-size:18px; text-align:center;}
.point_txt {color:#c12429; font-weight:600;}
.b_txt {font-size:22px;}

.col2 {overflow:hidden;}
.col2 ul li{float:left; width:48%; margin:0px 30px 30px 0; text-align:center;}
.col2 ul li.last {margin-right:0;}

.col3 {overflow:hidden;}
.col3 ul li{float:left; width:30%; margin:15px 30px 15px 0; text-align:center; border:1px solid #ddd;}
.col3 ul li.last {margin-right:0;}

.icon_dl {}
.icon_dl dt {
	font-size:18px; 
	color:#4d84c0; 
	font-weight:600; 
	padding-bottom:10px;
}
.icon_dl dd {
	background:url(../images/sub/bg_blet.gif) no-repeat left 12px; 
	padding-left:13px;
	padding-bottom:10px;
}

.m_line {
	background:url(../images/sub/bg_line.gif) repeat-x;
	width:100%;
	margin-top:20px;
	padding-bottom:10px;
}

/* greeting */
.greeting {background:url(../images/sub/greeting_bg.jpg) no-repeat right 340px;}
.greeting .txt_area img {padding-top:10px; padding-right:10px;}
.greeting .txt_area_1 {font-weight:bold;}
.greeting .txt_area_1 img {padding-top:7px; padding-right:10px; font-weight:bold;}
.greeting .sign{text-align:right; font-size:16px;}
.greeting .sign span{font-weight:600; color:#222;}
.greeting .sign_1{text-align:right; font-size:13px; color:#a1a1a1; margin-top:30px;}
.greeting .sign_1 img {width:100%; }
.greeting .st_1 {color:#a1a1a1;}



/* location */
.map {}
.map ul {width:410px; padding-right:20px; padding-bottom:30px;}
.map ul li span {display:inline-block; width:85px; color:#222; font-size:16px; font-weight:600;}
.map .map_logo {position:absolute; top:170px; right:0;}


/* product */
.product .pro_img {position:absolute; top:130px; right:0;}
.product .pro_img2 {position:absolute; top:340px; right:0;}

.product .col2 ul li{text-align:left;}

.product .tab_st {font-size:30px; color:#c12429; font-weight:600; margin-bottom:30px;}
.product .tab_st span {color:#929292}

.product .sign{text-align:right; font-size:16px;}


/* table style1 */
.table_style1 {border-top:2px solid #4d84c0;}
.table_style1 table {width:100%;}
.table_style1 table th {
	background:#f5f5f5;
	border-bottom:1px solid #ddd;
	padding:7px 10px;
	color:#333;
	font-size:13px;
	font-weight:bold;
	text-align:left;

}
.table_style1 table td {
	background:#fff;
	border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:7px 10px;
	font-size:13px;
}

/* table style2 */
.table_style2 table {width:100%;}
.table_style2 table thead th {
	background:#4d84c0;
	border-left:1px solid #fff;	
	padding:7px 10px;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	text-align:center;

}
.table_style2 table thead th.tb{
	background:#f5f5f5;
	border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:7px 10px;
	color:#333;
	font-size:13px;
	font-weight:bold;
	text-align:center;
}
.table_style2 table tbody th {
	background:#f5f5f5;
	border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:7px 10px;
	color:#333;
	font-size:13px;
	font-weight:bold;
	text-align:center;
}
.table_style2 table tbody td {
	background:#fff;
	border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:7px 10px;
	font-size:13px;
	text-align:center;
}
.table_style2 table tbody th.first,
.table_style2 table tbody td.first {border-left:0;}


/* table style3 */
.table_style3 {border-top:2px solid #4d84c0;}
.table_style3 table {width:100%;}
.table_style3 table thead th {
	background:#f5f5f5;
	border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:7px 10px;
	color:#333;
	font-size:13px;
	font-weight:bold;
	text-align:center;
}
.table_style3 table tbody td {
	background:#fff;
	border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:7px 10px;
	font-size:13px;
	text-align:center;
}
.table_style3 table thead th.first,
.table_style3 table tbody td.first {border-left:0;}



/* tab */
.func-tab-wrap {
    margin-bottom: 50px;
}
.func-tab {
    background-image:url(../images/sub/bg_tabdot.jpg);
    background-repeat:repeat-x;
    background-position:0 45px;
    *zoom:1;
}
.func-tab:after {
    display:block; content:" "; clear:both;
}
.func-tab > li {
    float:left;
    margin-right:3px;
}
.func-tab > li > a {
    display:block;
    font-size:15px;
    color:#666666;
    background-color:#f5f5f5;
	border-top:1px solid #ddd;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    padding-top:10px;
    padding-bottom:10px;
	width:100px;
    text-align:center;
}
.func-tab > li > a.active {
	color:#c12429;
	font-weight:600;
    background-color:#fff;
    border-top:1px solid #c12429;
    border-left:1px solid #c12429;
    border-right:1px solid #c12429;
	border-bottom:2px solid #fff;
}
.func-tab {
	position:relative;
}
.func-tab-cont {
	display:none;
	position:absolute;
	width:100%;
	top:80px;
	left:0;
}
.func-tab-cont > img {
    max-width:100%;
}
.func-tab > li > a.mv2 {Width:88px!important}



/* tab_smaill */
.func-tab-s {
    background-image:url(../images/sub/bg_tabdot.jpg);
    background-repeat:repeat-x;
    background-position:0 45px;
    *zoom:1;
}
.func-tab-s:after {
    display:block; content:" "; clear:both;
}
.func-tab-s > li {
    float:left;
    margin-right:3px;
}
.func-tab-s > li > a {
    display:block;
    font-size:18px;
    color:#666666;
    background-color:#f5f5f5;
	border-top:1px solid #ddd;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    padding:10px 109px;
	min-width:65px;
    text-align:center;
}
.func-tab-s > li > a.active {
	color:#c12429;
	font-weight:600;
    background-color:#fff;
    border-top:1px solid #c12429;
    border-left:1px solid #c12429;
    border-right:1px solid #c12429;
	border-bottom:2px solid #fff;
}
.func-tab-s {
	position:relative;
}



/* HM series */
.hm_app {padding:20px; height:330px}
.hm_app dl dt {
	color:#333;
	font-size:16px;
	font-weight:600;
	padding:20px 0;
}
.hm_app dl dd {
	background:url(../images/sub/bg_blet.gif) no-repeat left 10px; 
	padding-left:13px;
	text-align:left;
	letter-spacing:-0.02em;
}

/*composition*/
.composition {}
.composition .pro_img {position:absolute; top:230px; right:0;}
.composition .composition_info {overflow:hidden; padding-bottom:30px;}
.composition .composition_info ul li {float:left; width:120px;}
.composition .composition_info ul li.short {width:260px;}
.composition .composition_info ul li.long {width:630px;}
.composition .composition_info ul li span {display:block;}


/*certificate*/
.certificate {overflow:hidden;}
.certificate ul li {float:left; width:230px; margin-right:22px; margin-bottom:20px; text-align:center;}
.certificate ul li.last {margin-right:0;}


/*technical data*/
.tech_data {overflow:hidden;}
.tech_data ul li {float:left; width:230px; margin-right:20px; margin-bottom:20px; border:1px solid #ddd; text-align:center;}
.tech_data ul li.last {margin-right:0;}
.tech_data ul li a {display:block; padding:30px 0;}
.tech_data ul li a:hover {background:#f8f8f8;}
.data_download p {margin-bottom:10px;}
.data_download p span {display:block; color:#222; font-size:16px; font-weight:600;}
.data_download a.cad {display:inline; padding:0;}


/*sitemap*/
.sitemap ul {overflow:hidden;}
.sitemap li {float:left; width:200px; margin-top:50px; margin-right:60px; margin-bottom:20px; text-align:left;}
.sitemap li.last {margin-right:0;}
.sitemap li>dl dt {
	color:#68933e; 
	font-weight:600; 
	font-size:22px;
	padding-bottom:20px; 
	text-transform: uppercase;
	border-bottom:2px solid #68933e;
	height:40px;
}
.sitemap li>dl dt a {
  color: #68933e;  
}
.sitemap li>dl dd {
	background-color: #f8f8f8;
}
.sitemap li>dl dd a {
  font-size: 15px;
  display: block;
  padding:10px;
  color: #333; 
  border-bottom:3px solid #fff;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
.sitemap li>dl dd a:hover {
  color: #68933e;
  background:#f8f8f8;
  font-weight:600;
}




/* certification */
.cert_wrap:after{content:'';display:block; clear:both;}
.cert_wrap li{float:left; margin-left:15px;}
.cert_wrap li dt{border:1px solid #ddd;}
.cert_wrap li dd{text-align:center; height:85px; padding-top:5px;}

/* 인증서-레이어팝업 */
.pop-layer {display:none; position: fixed; top: 150px; left:40%; height:auto;  background-color:#fff; border: 5px solid #DDD; z-index: 10;}	
.pop-layer .pop-container {padding: 20px 25px;}
.pop-layer .pop-container .pop-conts{position:relative;}
.pop-layer p.ctxt {color: #666; line-height: 25px;}
.pop-layer p.ctxt img{width:500px;}
.pop-layer .btn-r {margin:10px 0 20px; border-top: 1px solid #DDD; position:absolute; right:0; bottom:-20px;}
a.cbtn {display:inline-block; height:25px; padding:0 14px 0; background-color:#666; font-size:13px; color:#fff; line-height:25px;}	
a.cbtn:hover {background-color:#666; color:#fff;}

/* history */
.history dl{margin-bottom:40px;	}
.history dl dt{font-size:26px; padding-bottom:20px; background:url(../images/sub/line_point.gif) no-repeat left bottom; margin-bottom:20px;	}
.history dl dd{font-size:16px; color:#58595b; border-bottom:1px dotted #d1d3d4; padding-bottom:10px; margin-bottom:10px;}
.history span{color:#f36b22; padding-right:20px;}