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

.index_updating{
	margin:100px auto;
	width:468px;
}
#wrap{
	overflow:hidden;
	width:1100px;
	margin:0 auto;
}
#header_wrap {
	background:url(../images/index/top-line.gif) no-repeat bottom center;
	/*border-bottom:3px solid #ec118c;*/
}
#header{
	width:1100px;
	margin:0 auto;
	position:relative;
	overflow:hidden;		
	border-bottom:3px solid #000;
}
#header .top_menu{
	clear:both;
	float:right;	
}
#header .top_menu ul li{
	float: right;
	padding-top:21px;
}
#header .top_menu ul li a span{
	font-size:10px;
	font-family:arial;
	margin-left:7px;
	color: #808080;
	padding-left:10px;
	background:url(../images/index/dot01.gif) no-repeat 0 50%;
}
#header .top_menu ul li a{
	font-size:10px;
	color: #808080;
}
#header .top_menu ul li a:hover, #header .top_menu ul li a span:hover{
	font-size:10px;
	color: #000;	
}
.logo {
	position:absolute;
	width:115px;
	height:98px;
	margin-top:23px;
}
#header .main_menu{
	width: 970px;
	margin: 55px 0 0 219px;
	position:relative;
	overflow:hidden;
}
/*#header .main_menu img{
	display:block;
	margin-top:-6px;
	float:left;
	cursor:pointer;
}*/
#header .main_menu ul{
	height: 51px;
	float:left;
}
#header .main_menu ul li{
	float:left;
	height:51px;
	line-height:51px;
	border-right:1px solid #ddd;
}
#header .main_menu ul li.navi01{
	border-left:1px solid #ddd;
}
#header .main_menu ul li.navi02{
	width:170px;
}
#header .main_menu ul li.navi03,
#header .main_menu ul li.navi04{
	width:170px;
}
#header .main_menu ul li a{
	font-size: 16px;	
	font-weight:bold;
	margin:0 50px 0 45px;
	display:block;
	border-top:1px solid #707070;
	text-align:center;
}
#header .main_menu ul li a:hover{
	border-top:2px solid #c20000;
	color:#c20000;
}

#header .main_sub_wrap{	
	height:220px;
	display: none;	
	background:#c20000;	
	border-top:3px solid #000;
}

#header .main_sub_wrap .main_sub{
	padding-left:219px;
}
#header .main_sub_wrap .main_sub ul{
	padding:25px 0 0 41px;
	float:left;
	width:176px;
}
#header .main_sub_wrap .main_sub ul.wid160{
	padding-left:41px;
	width:119px;
}
#header .main_sub_wrap .main_sub ul.wid163{
	padding-left:63px;
	width:124px;
}
#header .main_sub_wrap .main_sub ul.wid143{
	padding-left:43px;
	width:129px;
}
#header .main_sub_wrap .main_sub ul.wid163.two{
	padding-left:48px;
	width:116px;
}
#header .main_sub_wrap .main_sub ul li{
	padding-bottom:13px;
}
#header .main_sub_wrap .main_sub ul li a:hover{
	text-decoration:underline !important;
}

#header .main_sub_wrap .main_sub ul li a{
	color: #fff;
	font-size:13px;
	background:url(../images/index/arrow.png) no-repeat 0 8px;
	padding-left:10px;
	display:block;
}
#header .main_sub_wrap .main_sub ul li.two a{
	background:url(../images/index/arrow.png) no-repeat 0 8px;
	line-height:16px;
}

#header .main_sub_wrap .main_sub ul li.two span.two-line{
	display:block;
	background:none;
	margin-left:11px;
	width:100%;
	height:100%;
}
#main_container{
	margin:0 auto;
	width:1100px;
}
#visual {
	float:left;
	width:1100px;
	height:550px;
	margin-bottom:71px;
}

.product-explain{
	float:left;
	width:1100px;
}
.product-explain .left_contents{
	float:left;
	width:265px;
	padding-left:15px;
}
.product-explain .right_contents{
	float:right;
	width:820px;
}
	.left_contents .title_01, .left_contents .title_02{
		font-size:20px;
		font-weight:bold;
		color:#d1257e;
		background:url(../images/index/title_01_b.gif) 0 50% no-repeat;
		padding-left:26px;
	}
	.left_contents .title_02{
		background:url(../images/index/title_02_b.gif) 0 50% no-repeat;
		color:#000000;
		font-size:40px;
		margin-top:5px;
	}
	.left_contents .ex{
		float:left;
		margin:27px 0 0 25px;
		color:#404040;
		font-weight:bold;
		line-height:23px;
	}
	.left_contents .view-button{
		float:left;
		margin:30px 0 0 25px;
	}
	.left_contents .view-button a{
		display:block;
		background:url(../images/index/view_button_b.gif) left top no-repeat;
		width:122px;
		height:35px;
		line-height:34px;
		color:#ffffff;
		text-align:center;
		font-size:14px;
		font-weight:bold;
	}
	.left_contents .view-button a:hover{
		background:url(../images/index/view_button_b.gif) left bottom no-repeat;
	}
.banner_section{
	float:left;
	width:1100px;
	margin-top:46px;
	padding-bottom:41px;
}
.banner_section .banner_box{
	float:left;
	width:308px;
	height:262px;
	border-top:1px solid #404040;
	border-right:1px solid #d8d8d8;
	border-left:1px solid #d8d8d8;
	border-bottom:1px solid #d8d8d8;
	padding:41px 0 0 29px;
}
	.banner_box.video{
		margin-left:11px;
	}
	.banner_box .more-button{
		float:right;
		width:41px;
		height:41px;
		margin-top:-41px;
	}
	.more-button a{
		display:block;
		width:41px;
		height:41px;
		background:url(../images/index/more.gif) left top no-repeat;
		text-indent:-9999px;
	}
	.more-button a:hover{
		background:url(../images/index/more.gif) left bottom no-repeat;
	}
	.banner_box dt a , .video-title a{
		display:block;
		font-size:16px;
		color:#404040;
		margin-bottom:23px;
		font-weight:bold;
	}
	.banner_box dt a:hover, .video-title a:hover{
		text-decoration:underline;
	}
	.banner_box dd{
		float:left;
		line-height:20px;
		color:#404040;
		margin-bottom:20px;
	}
	.contact_section{
		float:right;
		width:347px;
		height:247px;
		background:url(../images/index/contact-us-img.jpg) no-repeat;
		padding:58px 0 0 53px;
	}
	.contact_section p{
		color:#fff;
	}
	.contact_section .contact-title{
		font-size:20px;
		margin-bottom:20px;
	}
	.contact_section .tel{
		font-size:33px;
		font-weight:bold;
		margin-bottom:24px;
	}
	.contact_section .fax, .contact_section .email{
		font-size:18px;
	}
	.contact_section .fax{
		margin-bottom:13px;
	}
	.contact_section .tel span, .contact_section .fax span, 
	.contact_section .email span{
		color:#ffd805;
	}
	.contact_section .fax span, 
	.contact_section .email span{
		text-decoration:underline;
	}
	.inquiry-button{
		float:right;
		width:92px;
		height:35px;
		margin:48px 32px 0;

	}
	.inquiry-button a{
		display:block;
		background:url(../images/index/inquiry_button.png) no-repeat;
		color:#fff;
		font-size:14px;
		width:92px;
		height:35px;
		text-align:center;
		line-height:34px;
	}
	.inquiry-button a:hover{
		color:#fff;
	}

#footer_wrep{
	width:100%;
	background-color:#313334;
	overflow:hidden;
	clear:both;
}
.copy{
	color:#b7b7b7;
	line-height:18px;
	font-size:12px;
	width:1100px;
	margin:23px auto;
}
.copy span{
	font-weight:bold;
}


/* **********************************************************
 * ?      : style.css
 *         : common_css
 * ?      : 
********************************************************** */

/* (? ) */
.clr_black1{color:#000;} /*  */
.clr_black2{color:#333;}
.clr_black3{color:#666;}
.clr_black4{color:#999;}
.clr_black5{color:#CCC;} /* ?? */

/* (? ) */
.clr_red0{color:#8C0707;} /* ο  */
.clr_red1{color:#FF0000;} /*  */
.clr_red2{color:#FF3333;} 
.clr_red3{color:#FF6666;} 
.clr_red4{color:#FF9999;} 
.clr_red5{color:#FFCCCC;} /*? (?迭) */

/* ?(? ) */
.clr_blue0{color:#115797;} /* ο ? */
.clr_blue1{color:#00A0F3;} /*Skyblue  ? */
.clr_blue2{color:#33bAFF;}
.clr_blue3{color:#65CbFF;}
.clr_blue4{color:#90D9FF;}
.clr_blue5{color:#b3E5FF;}/*Skyblue ? ? */

/* (? ) */
.clr_orange{color:#D48200;} /* ο  */
.clr_orange0{color:#b25900;} /* ο  */
.clr_orange1{color:#FF7E00;} /*  */
.clr_orange2{color:#FF8A19;}
.clr_orange3{color:#FFA147;}
.clr_orange4{color:#FFbD7E;}
.clr_orange5{color:#FFCE9F;} /*?  */

/* (? ) */
.clr_green{color:#009900;}

/* Text  */
.tx_alignC{text-align:center;}
.tx_alignr{text-align:right;}
.tx_alignL{text-align:left; }

/* ? ? */
.ftb{font-weight:bold;}

/* bg_ground */
.bg_red{background:#FFEEEE;} /* ?  */
.bg_white{background:#FFFFFF;}/**/
.bg_yellow{background:#FFFFE0;} /* ?  */
.bg_gray{background:#F5F5F5;}  /* ? ? */
.bg_blue{background:#EEF7FF;}  /*  ? */
.bg_blue1{background:#DbE6F6;} /*   ? */
.bg_purple0{background:#DbE6F6;} /*   */
.bg_purple1{background:#F4F7FF;} /*   */
.bg_green{background:#DCF4DF;} /* ?  */
.bg_green2{background:#9CEbA6;}/*   */
.bg_orange3{ background:#FFDFDF;} /* ?¿ ??￥ ?  ? */

.bg_blue30{background:#cfe0ff;}
.bg_blue31{background:#ccedff;}
.bg_gray11{background:#f6f6f8;}

/* ? */
.fl{float:left;}
.fr{float:right;}
.clearb{clear:both;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.ml50{margin-left:50px;}
.ml10{margin-left:10px;}
.mr50{margin-right:50px;}
.mr10{margin-right:10px;}
/* Width */
.wid5{width:5%;}
.Wid10{width:10%;}
.Wid15{width:15%;}
.Wid20{width:20%;}
.Wid25{width:25%;}
.Wid30{width:30%;}
.Wid35{width:35%;}
.Wid40{width:40%;}
.Wid45{width:45%;}
.Wid50{width:50%;}
.Wid55{width:55%;}
.Wid60{width:60%;}
.Wid65{width:65%;}
.Wid70{width:70%;}
.Wid75{width:75%;}
.Wid80{width:80%;}
.Wid85{width:85%;}
.Wid90{width:90%;}
.Wid95{width:95%;}
.Wid100{width:100%;}
.Wid10px{ width:10px; }
.Wid20px{ width:20px; }
.Wid25px{ width:25px; }
.Wid30px{ width:30px; }
.Wid31px{ width:31px; }
.Wid32px{ width:32px; }
.Wid33px{ width:33px; }
.Wid34px{ width:34px; }
.Wid35px{ width:35px; }
.Wid36px{ width:36px; }
.Wid37px{ width:37px; }
.Wid38px{ width:38px; }
.Wid39px{ width:39px; }
.Wid40px{ width:40px; }
.Wid41px{ width:41px; }
.Wid42px{ width:42px; }
.Wid43px{ width:43px; }
.Wid44px{ width:44px; }
.Wid45px{ width:45px; }
.Wid46px{ width:46px; }
.Wid47px{ width:47px; }
.Wid48px{ width:48px; }
.Wid49px{ width:49px; }
.Wid50px{ width:50px; }
.Wid60px{ width:60px; }
.Wid70px{ width:70px; }
.Wid80px{ width:80px; }
.Wid90px{ width:90px; }
.Wid100px{ width:100px; }
.Wid110px{ width:110px; }
.Wid111px{ width:111px; }
.Wid112px{ width:112px; }
.Wid113px{ width:113px; }
.Wid114px{ width:114px; }
.Wid115px{ width:115px; }
.Wid116px{ width:116px; }
.Wid117px{ width:117px; }
.Wid118px{ width:118px; }
.Wid119px{ width:119px; }
.Wid120px{ width:120px; }
.Wid121px{ width:121px; }
.Wid122px{ width:122px; }
.Wid123px{ width:123px; }
.Wid124px{ width:124px; }
.Wid125px{ width:125px; }
.Wid126px{ width:126px; }
.Wid127px{ width:127px; }
.Wid128px{ width:128px; }
.Wid129px{ width:129px; }
.Wid130px{ width:130px; }
.Wid131px{ width:131px; }
.Wid132px{ width:132px; }
.Wid133px{ width:133px; }
.Wid134px{ width:134px; }
.Wid135px{ width:135px; }
.Wid136px{ width:136px; }
.Wid137px{ width:137px; }
.Wid138px{ width:138px; }
.Wid139px{ width:139px; }
.Wid140px{ width:140px; }
.Wid141px{ width:141px; }
.Wid142px{ width:142px; }
.Wid143px{ width:143px; }
.Wid144px{ width:144px; }
.Wid145px{ width:145px; }
.Wid146px{ width:146px; }
.Wid147px{ width:147px; }
.Wid148px{ width:148px; }
.Wid149px{ width:149px; }
.Wid150px{ width:150px; }
.Wid151px{ width:151px; }
.Wid152px{ width:152px; }
.Wid153px{ width:153px; }
.Wid154px{ width:154px; }
.Wid155px{ width:155px; }
.Wid156px{ width:156px; }
.Wid157px{ width:157px; }
.Wid158px{ width:158px; }
.Wid159px{ width:159px; }


.Wid160px{ width:160px; }
.Wid165px{ width:165px; }
.Wid170px{ width:170px; }
.Wid180px{ width:180px; }
.Wid190px{ width:190px; }
.Wid200px{ width:200px; }
.Wid210px{ width:210px; }
.Wid220px{ width:220px; }
.Wid230px{ width:230px; }
.Wid240px{ width:240px; }
.Wid250px{ width:250px; }
.Wid260px{ width:260px; }
.Wid300px{ width:300px; }
.Wid310px{ width:310px; }
.Wid320px{ width:320px; }
.Wid330px{ width:330px; }
.Wid340px{ width:340px; }
.Wid350px{ width:350px; }
.Wid360px{ width:360px; }
.Wid370px{ width:370px; }
.Wid380px{ width:380px; }
.Wid390px{ width:390px; }
.Wid400px{ width:400px; }
.Wid410px{ width:410px; }
.Wid420px{ width:420px; }
.Wid430px{ width:430px; }
.Wid440px{ width:440px; }
.Wid450px{ width:450px; }
.Wid460px{ width:460px; }
.Wid470px{ width:470px; }
.Wid480px{ width:480px; }
.Wid490px{ width:490px; }
.Wid495px{ width:495px; }
.Wid500px{ width:500px; }
.Wid510px{ width:510px; }
.Wid520px{ width:520px; }
.Wid530px{ width:530px; }
.Wid540px{ width:540px; }
.Wid550px{ width:550px; }

/* height  */
.heit5{height:5px;}
.heit10{height:10px;}
.heit30{height:30px;}
.heit40{height:40px;}
.heit50{height:50px;}
.heit60{height:60px;}
.heit70{height:70px;}
.heit80{height:80px;}
.heit90{height:90px;}
.heit100{height:100px;}
.heit130{height:130px;}
.heit180{height:180px;}
.heit200{height:200px;}
.heit250{height:250px;}
.heit300{height:300px;}
.heit400{height:400px;}
.heit500{height:500px;}
.heit600{height:600px;}

/* *************************************************** ?? ****************************************** */
.tablegroup{width:100%; border-collapse:collapse;}
.tablegroup tr th, .tablegroup tr td{border:1px solid #D9D9D9; line-height:24px;}

/* *************************************************** SubTop ****************************************** */
.subT{width:98%; text-align:right; padding:5px 0 5px 0; margin:0;}

/* Ŀ? */

/*¡*/
.page{ clear:both; margin:0 auto; width:90%; line-height:35px; text-align:center; }
.page a{ padding:0 10px 0 10px;}