@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* ±âº»¼³Á¤ 
---------------------------------------------------*/
html,body{height:100%;margin:0;padding:0}

body{font:12px Arial, Helvetica, sans-serif;color:#676767;letter-spacing:0.3px; line-height:12px;}

.b{font-weight:bold}

ul{list-style:none}

.no_margin{margin:0}

h1, h6 { margin:0; padding:0; position:absolute; left:-10000px; height:0; font-size:0; } 


/*¸ÞÀÎ »ó´Ü À̹ÌÁö ¿µ¿ª------------------------------------------------------------*/
.sub_visual_box{position:relative;width:100%;height:120px;margin:0 auto;}
.sub_visual{position:relative;width:1000px;height:200px;margin:0 auto;}

/*¸ÞÀÎ »ó´Ü À̹ÌÁö ¿µ¿ªÁß¿¡ ÅؽºÆ® ºÎºÐ------------------------------------------------------------*/
.sub_visual .visual_text{position:absolute;top:50px;left:46px}
.sub_visual .visual_text h3{padding-bottom:5px;font:18px/ NanumGothicExtraBoldWeb;color:red}
.sub_visual .visual_text p{font:10px/10px NanumGothicWeb;color:#CCC}

/*ºñÁÖ¾ó¶óÀÎ-----------------------------------------------------------*/
.visual_line{height:36px;background:#ffffff}

/*¼­ºê ¸ÞÀÎ-----------------------------------------------------------*/
.sub_contents_box{position:relative;width:1000px;margin:0 auto}

.sub_contents{float:left;position:relative;width:1000px;background:url(../cont_kr/left/20121130052330_left_footer_bg.jpg) 0 0 repeat-y}

/*¼­ºê °æ·Î¿µ¿ª ºÎºÐ-----------------------------------------------------------*/
.spot{position:relative;height:30px}
.spot .path{float:right;position:relative;top:5px;right:12px}
.spot .path li{float:left;margin-left:5px;font:10px Arial, Helvetica, sans-serif;color:#999999}

/*¼­ºê ³»¿ëÀüü¿µ¿ª ºÎºÐ-----------------------------------------------------------*/
.section{float:left;width:710px;position:relative;padding-top:10px; padding-left:30px;}

/*¼­ºê ŸÀÌƲ¹Ú½º ¿µ¿ª -----------------------------------------------------------*/
.section .title_box{position:relative;width:710px;height:70px;background:url(../cont_kr/page_img/20121130044445_title_box.gif) no-repeat center bottom}

/*¼­ºê ŸÀÌƲ¹Ú½º¿µ¿ª ŸÀÌƲ
------------------------------------------------------------*/
.section .title_box h2{float:left;padding-top:10px;padding-left:10px;font:18px NanumGothicExtraBoldWeb;color:#ffffff}

/*¼­ºê ŸÀÌƲ¹Ú½º¿µ¿ª ŸÀÌƲ2
------------------------------------------------------------*/
.section .title_box h3{float:left;padding-top:50px;padding-left:20px;font:12px NanumGothicExtraBoldWeb;color:#6b6b6b}

/*¼­ºê ŸÀÌƲ¹Ú½º¿µ¿ª ÅؽºÆ®
------------------------------------------------------------*/
.section .title_box span{float:right;position:relative;top:5px;right:20px;font:12px NanumGothicBoldWeb;color:#6b6b6b}

/*ÀϹÝ
------------------------------------------------------------*/
.section .section_inner{padding-top:10px;padding-left:10px;}
.section .section_inner p{padding-bottom:20px;font:12px/18px "Nanum Gothic";color:#777}

/*ȸ»ç
------------------------------------------------------------*/
.section .section_comp{padding-top:2px;padding-left:10px;}

/*Á¦Ç°
------------------------------------------------------------*/
.section .section_prod{padding-top:2px;padding-left:10px;}


/*Á¦Ç° total2
------------------------------------------------------------*/

.icon_v {
	background: url(../images/icon/icon_v.png) no-repeat 0px bottom;
	padding-left: 26px;
	font: 16px "Nanum Gothic";
	font-weight:bold;
	color: #454545;
	position: relative;
	padding-top: 20px;
}

.line2 {
	background: url(../images/icon/tap_bg.jpg) repeat-x top;
	height: 6px;
	width: 100%;
	display: block;
	margin-bottom: 25px;
}

.product .overview_bg2 {
	background: url(../images/bg/overview_bg02.jpg) no-repeat;
	height: 151px;
	width: 189px;
}


.product .overview_bg {
	background: url(../images/bg/overview_bg01.jpg) no-repeat;
	height: 262px;
	width: 642px;
}

.text01 {
	line-height: 18px;
	color: #636363;
}
.text00 {
	font-size: 13px;
	color: #3a3a3a;
}



.datail_down {
	clear: both;
	float: left;
	position: relative;
	width: 639px;
	padding-top: 10px;
	padding-bottom: 42px;
}
.datail_down ul{
	float: left;
	position: relative;
	padding-left: 30px;
}
.line_title_box{
	border-bottom: 1px solid #d6d8b1;
	height: 27px;
	background: url(../cont_kr/prod/line.png) no-repeat center bottom;
	clear: both;
	position: relative;
}
.line_title{
	color: #034167;
	font: 16px/27px "Nanum Gothic";
	font-weight:bold;
	background: url(../cont_kr/prod/ico5.png) no-repeat 0px center;
	padding-left: 10px;
	margin-left: 20px;
}
.datail_down li {
	display: inline;
	line-height: 32px;
	background: url(../cont_kr/prod/down_off.png) repeat-x 0px 0px;
	height: 29px;
	position: relative;
	float: left;
	margin-right: 20px;
	cursor: pointer;
	width: 80px;
	text-align: center;
}
.datail_down li:hover {
	background: url(../cont_kr/prod/down_on.png) no-repeat 0px 0px;
	color: #FFFFFF;
	display: block;

}

/*±âŸ
------------------------------------------------------------*/
.section .section_other{padding-top:2px;padding-left:10px;}

/*°Ô½ÃÆÇ
------------------------------------------------------------*/
.section .section_board{padding-top:22px;padding-left:10px;}

/*°Ô½ÃÆÇ(°¶·¯¸®)
------------------------------------------------------------*/
.section .section_galley{padding-top:22px;padding-left:10px;}

/*»çÀÌÆ®¸Ê
------------------------------------------------------------*/
.section .section_sitemap h2{font:13px Arial, Helvetica, sans-serif;color:#336699}
.section .section_sitemap li{padding-top:5px; padding-bottom:5px;}
.section .section_sitemap a{ font:11px Arial, Helvetica, sans-serif;color:#6b6b6b; text-decoration:none;}

a.key_link02:link, a.key_link02:visited, a.key_link02:active, a.key_link:hover { text-decoration:none; color:#cccccc; font: 12px Arial, Helvetica, sans-serif;}
a.key_link02:hover { text-decoration:none; color:#336699; font: 12px Arial, Helvetica, sans-serif;}