/*sub CSS*/
.sub_visual {
	width:968px;
	height:192px;
	margin-left:16px;
	background:url('../img/sub/sub_visual.jpg') no-repeat;
}
.sub_visual ul{
	padding:59px 74px 0 0 ;
}
.meta_title01, .meta_title02 {
	color:#fff;
	font-size:30px;
	font-style:italic;
	font-family:Georgia;
	text-align:right;
}
.meta_title02 {
	padding:0 0 0 106px;
	font-size:15px;
	font-family:Tahoma;
	font-style:normal;
	line-height:120%;
}
.meta_title02 span{
	color:#008cff;
}

/*contents */
.contents {
	position:relative;
	overflow:hidden;
	width:968px;	
	left:16px;
	background: url('../img/sub/contents_line.gif') repeat-y;
}
.contents .left_menu {
	width:203px;	
	margin:35px 0 0 20px;
	float:left;	
	padding-bottom:50px;
}
.contents .left_menu dl{
	float:left;
	width:203px;
	overflow:hidden;
	padding-bottom:25px;		
}
.contents .left_menu dt {
	float:left;
	width:181px;
	height:36px;
	color:#fff;
	font-size:14px;	
	font-weight:bold;
	padding:18px 22px 0 0;
	margin-bottom:15px;
	text-align:right;
	background: url('../img/sub/left_menu_title_bg.jpg') no-repeat;
}
.contents .left_menu dd {
	float:left;
	width:203px;	
}
.contents .left_menu dd.first {
	margin-top:25px;
	border-top:1px solid #e0e0e0;
}
.contents .left_menu dd a, .contents .left_menu dd.lo a{
	display:block;
	width:203px;
	height:31px;
	line-height:31px;
	color:#333;
	font-weight:bold;
	border-bottom:2px dotted #b8b8b8;
}
.contents .left_menu dd a:hover {
	padding-left:13px;
	background: url('../img/sub/left_menu_ov.gif') no-repeat;
}
.contents .left_menu dd.ov {
	width:219px;
	height:30px;
	font-weight:bold;
	line-height:30px;
	padding-left:13px;
	background: url('../img/sub/left_menu.gif') no-repeat left bottom;	
}
.contents .left_menu dd.second a{
	display:block;
	width:210px;
	font-size:12px;
	padding-left:15px;
	height:30px;
	line-height:30px;
	color:#333;
	background: url('../img/sub/left_menu.gif') repeat left bottom;
	font-weight:normal;
}
.contents .left_menu dd.second.two a{
	display:block;
	width:210px;
	font-size:12px;
	padding-left:15px;
	height:40px;
	line-height:18px;
	color:#333;
	background: url('../img/sub/left_menu.gif') repeat left bottom;
	font-weight:normal;
}
.contents .left_menu dd.second a:hover{
	color:#569ce2;
	background: url('../img/sub/left_menu1.gif') repeat left bottom;
}
.contents .left_menu dd.third {
	border-top:1px solid #e0e0e0;
}



/* sub content */
#article {
	float:right;	
	margin:31px 20px 0 0;
	width:680px;	
	margin-bottom:30px;	
}
.sub_title {
	float:left;
	width:680px;
	height:110px;		
}
.sub_title li.route {
	float:right;	
	font-size:11px;
	color:#959595;	
}
.sub_title li.title {
	float:left;
	font-size:18px;
	color:#007cbc;
	width:680px;
	margin-top:20px;	
}	
.sub_content {
	float:left;
	clear:both;
	margin-right:20px;
	width:680px;
	line-height:150%;
}
/* 130903 Message from the CEO 김소정 작업 */
.ceo{
	float:left;
	width:680px;
	background:url(../img/sub/ceo_img.gif) center center no-repeat;
	text-align:justify;
}
.ceo span{
	display:block;
	width:280px;
	float:right;
	margin-top:15px;
	text-align:center;
	font-weight:bold;
}
/* 130903 Introduction 김소정 작업 */
.introduction, .support,
.sitemap_page, .stopper,
.stopper p.justice{
	float:left;
	width:680px;
	line-height:18px;
}
.introduction .txt{
	float:left;
	width:680px;
	line-height:20px;
	margin-bottom:25px;
}
/* 130903 History 김소정 작업 */
.history{
	float:left;
	width:534px;
	height:515px;
	background:url(../img/sub/history_b.jpg) 0 0 no-repeat;
	padding:66px 0 0 146px;
}
.history dl{
	float:left;
	width:680px;
	line-height:18px;
	margin-bottom:65px;
}
.history dl.last_year{
	float:left;
	width:680px;
	line-height:18px;
	margin:0;
}
.history dt{
	float:left;
	width:76px;
	font-weight:bold;
}
.history dd{
	float:left;
	width:600px;
}
/* 130903 Support 김소정 작업 */
.support .support_img,
.support01 .support_img{
	float:left;
	width:180px;
}
.support dl,
.support01 dl{
	float:right;
	width:480px;
}
.support dt,
.support01 dt{
	float:left;
	background:url(../img/sub/bullet.png) 0 50% no-repeat;
	font-weight:bold;
	width:475px;
	padding-left:15px;
	margin-bottom:8px;
}
.support dd,
.support01 dd{
	float:left;
	width:485px;
	margin-left:15px;
}
.support01{
	float:left;
	width:680px;
	line-height:18px;
	margin-top:25px;
}
/*130904 Sitemap 김소정 작업 */
.sitemap_page dl{
	float:left;
	width:220px;
}
.sitemap_page dl dt{
	float:left;
	width:220px;
	height:35px;
	background:url(../img/sub/sitemap01.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	margin-bottom:5px;
	text-align:center;
}
.sitemap_page dl.products dt{
	float:left;
	width:220px;
	height:35px;
	background:url(../img/sub/sitemap02.jpg) 0 0 no-repeat;
}
.sitemap_page dl.support_sitemap dt{
	float:left;
	width:220px;
	height:35px;
	background:url(../img/sub/sitemap03.jpg) 0 0 no-repeat;
}
.sitemap_page dl dd{
	float:left;
	width:200px;
	line-height:25px;
	margin-left:20px;
	border-bottom:1px dotted #eee;
}
.sitemap_page dl dd.third{
	float:left;
	width:200px;
	margin-left:30px;
	border:none;
}
/* 130904 PRODUCT 작업 */
.stopper ul.product_tab{
	float:left;
	width:690px;
	margin-bottom:25px;
}
ul.product_tab li{
	float:left;
	width:229px;
	height:45px;
}
ul.product_tab li.tab01,
ul.product_tab li.tab04{
	float:left;
	width:230px;
	height:45px;
}
ul.product_tab li a{
	float:left;
	width:230px;
	height:45px;
	display:block;
	background:url(../img/sub/tab01.jpg) left top no-repeat;
	text-indent:-9999px;
}
ul.product_tab li a:hover,
ul.product_tab li a.current{
	float:left;
	width:230px;
	height:45px;
	display:block;
	background:url(../img/sub/tab01.jpg) left bottom no-repeat;
	text-indent:-9999px;
}
ul.product_tab li.tab02 a{
	background:url(../img/sub/tab02.jpg) left top no-repeat;
}
ul.product_tab li.tab02 a:hover,
ul.product_tab li.tab02 a.current{
	background:url(../img/sub/tab02.jpg) left bottom no-repeat;
}
ul.product_tab li.tab03 a{
	background:url(../img/sub/tab03.jpg) left top no-repeat;
}
ul.product_tab li.tab03 a:hover,
ul.product_tab li.tab03 a.current{
	background:url(../img/sub/tab03.jpg) left bottom no-repeat;
}
ul.product_tab li.tab04 a{
	background:url(../img/sub/tab04.jpg) left top no-repeat;
}
ul.product_tab li.tab04 a:hover,
ul.product_tab li.tab04 a.current{
	background:url(../img/sub/tab04.jpg) left bottom no-repeat;
}
ul.product_tab li.tab05 a{
	background:url(../img/sub/tab05.jpg) left top no-repeat;
}
ul.product_tab li.tab05 a:hover,
ul.product_tab li.tab05 a.current{
	background:url(../img/sub/tab05.jpg) left bottom no-repeat;
}
.stopper p.justice span{
	float:left;
	display:block;
	margin:0;
}
.stopper p.justice span.line02{
	float:left;
	display:block;
	margin-left:315px;
}
.stopper p.justice02,
.stopper dl{
	float:left;
	width:680px;
	line-height:18px;
	margin-top:20px;
}
.stopper dt{
	float:left;
	background:url(../img/sub/bullet.png) 0 50% no-repeat;
	font-weight:bold;
	width:675px;
	padding-left:15px;
	margin-bottom:8px;
}
/* 130905 김소정 작업 */
.stopper .specific-specification-requirements{
	float:left;
	width:680px;
	margin-bottom:25px;
	text-align:justify;
}
.stopper p span{
	float:left;
	display:block;
	margin-left:30px;
}
.technical dl{
	float:left;
	width:680px;
	line-height:20px;
}
.technical dt{
	background: url("../img/sub/bullet.png") no-repeat scroll 0 50% transparent;
    float: left;
    font-weight: bold;
    margin: 8px 0 0 0;
    padding-left: 15px;
    width: 675px;
}
.technical dt.first_title{
	margin:0;
}
.technical dd{
	float:left;
	width:665px;
	margin-left:15px;
}
.technical dd strong{
	font-weight:500;
	color:#0d802c;
}
.technical dd.storage02{
	margin-left:20px;
}
.stopper dl.rejection{
	float:left;
	width:680px;
	line-height:25px;
}
.rejection dt{
	background: url("../img/sub/bullet.png") no-repeat scroll 0 50% transparent;
    float: left;
    font-weight: bold;
    margin:0;
    padding-left: 15px;
    width: 180px;
}
.rejection dd{
	float:left;
	width:450px;
}
.product{
	float:left;
	width:680px;
}
.product .product_intro{
	clear:both;
	width:680px;
	margin-bottom:25px;
	line-height:18px;
}
.product .img{
	float:left;
	width:220px;
}
.first_line{
	width:580px;
	height:1100px;
	border:2px solid #ccc;
	padding:30px 50px; 
	background-color:#f9f9f9;
}
.two_line{
	width:580px;
	height:830px;
	border:2px solid #ccc;
	padding:30px 50px; 
	background-color:#f9f9f9;
}
.three_line{
	width:580px;
	height:550px;
	border:2px solid #ccc;
	padding:30px 50px; 
	background-color:#f9f9f9;
}
.four_line{
	width:580px;
	height:500px;
	border:2px solid #ccc;
	padding:30px 50px; 
	background-color:#f9f9f9;
}
.five_line{
	width:580px;
	height:260px;
	border:2px solid #ccc;
	padding:30px 50px; 
	background-color:#f9f9f9;
}
.six_line{
	width:580px;
	height:1030px;
	border:2px solid #ccc;
	padding:30px 50px; 
	background-color:#f9f9f9;
}
.seven_line{
	width:580px;
	height:230px;
	border:2px solid #ccc;
	padding:30px 50px; 
	background-color:#f9f9f9;
}
.product .list01{
	float:left;
	width:220px;
	border-right:1px solid #e1e1e1;
	padding-right:70px;
	margin-bottom:15px;
}
.product .list01 dl,
.product .list02 dl{
	float:left;
	width:220px;
	font-size:13px;
}
.product .list01 dt,
.product .list02 dt{
	float:left;
	width:220px;
	margin-top:8px;
	font-weight:bold;
}
.product .list01 dd,
.product .list02 dd{
	float:left;
	width:215px;
	margin-left:5px;
	line-height:20px;
}
.product .list02{
	float:right;
	width:220px;
	margin-bottom:15px;
}