@import "reset.css";
@import "layout.css";

#contents .contents_in{width:980px;height:589px;margin:0 auto;}
#contents .contents_in .visual{position:relative;height:420px;background: url('../images/m_visual.jpg') no-repeat;}
#contents .contents_in .visual p{position:absolute;top:50px;left:109px;}
#contents .contents_in .contBox{height:143px;position:relative;padding-top:22px;}
#contents .contents_in .contBox div{position:relative;padding-bottom:37px;background: url('../images/m_cont_line.jpg') no-repeat right top;}
#contents .contents_in .contBox ul{margin-top:11px; width:294px;}
#contents .contents_in .contBox ul li{position:relative; }
#contents .contents_in .contBox ul li a{color:#fff;font-size:0.92em; display:block;}
#contents .contents_in .contBox ul li span{color:#fff; position:absolute; top:0; right:0;}
#contents .contents_in .contBox .tlt{width:294px; height:25px; border-bottom:1px solid #9cc8e7;}
#contents .contents_in .contBox .more{position:absolute;top:0;right:57px;}
#contents .contents_in .contBox .data .more{right:80px;}
#contents .contents_in .contBox .notice{width:353px;float:left;}
#contents .contents_in .contBox .notice li{margin-bottom:3px;}
#contents .contents_in .contBox .notice li a{}
#contents .contents_in .contBox .data{width:350px;padding-left:25px;float:left;}
#contents .contents_in .contBox .m_tel{width:253px;position:absolute; top:-75px;right:0;}
#contents .contents_in .banner{clear:both;height:60px; padding-top:15px;}
#contents .contents_in .banner ul{width:444px;margin-left:264px; }
#contents .contents_in .banner ul li{float:left;margin:0 15px;}

#container .visual{width:100%;height:222px;background: url('../images/sub_visual_bg.jpg') repeat-x 0 221px; }
#container .visual_in{width:1200px;height:222px; margin:0 auto; background: url('../images/sub_visual.jpg') no-repeat;}
#container .visual_in p{margin-left:200px;padding-top:9px;height:114px;width:1000px;}
#container .contents{width:980px; margin:34px auto 200px auto; overflow:hidden;}
#aside{width:290px; float:left;}
#aside .lnbTlt{margin-bottom:17px}
#aside p.tel{margin-top:98px;}
#aside ul{margin-left:70px;width:164px;}
#aside ul li{ margin-bottom:5px;}
#aside ul li a{display:block;padding:3px;font-weight:bold;text-decoration:none; }
#aside ul li a:hover{color:#1556a9;}
#aside ul li.select a{color:#3b3b3b;}
#aside ul li a{display:block;}
#container .contents .cont_wrap{width:690px;float:left;}
#container .contents .cont_wrap .cont_top{position:relative; height:35px;border-bottom:1px solid #acadad;}
#container .contents .cont_wrap .cont_top .location{ position:absolute; top:10px; right:0;font-size:0.92em;}
#container .contents .cont_wrap .cont_top .location span{color:#111;}
#container .contents .cont_wrap .cont{margin-top:17px;}
#container .contents .cont_wrap .cont .map{padding-left:80px;}
#container .contents .cont_wrap .cont dl{width:690px ;height:280px;padding-top:10px; overflow:hidden; margin-bottom:15px;}
#container .contents .cont_wrap .cont dl dt{ width:390px; float:left; }
#container .contents .cont_wrap .cont dl dt.img_twin{ width:690px;float:none; }
#container .contents .cont_wrap .cont dl dt.img_twin span{ padding-right:30px; }
#container .contents .cont_wrap .cont dl dd{
																		width:278px;float:right; margin-bottom:15px;  padding-left:20px;
																		 color:#333; line-height:1.6; background: url('../images/product_dd_blit.gif') no-repeat 7px 9px;
																		}
#container .contents .cont_wrap .cont dl dd.account{min-height:198px;}
#container .contents .cont_wrap .cont dl dd.btn_go{text-align:center; margin-bottom:0;background:none;}
#container .contents .cont_wrap .cont dl dd.btn_go2{float:right; padding-top:10px;text-align:right;padding-right:16px;width:200px;}
#container .contents .cont_wrap .cont dl dd.dream_steel{float:left;width:200px;padding-top:10px;background-position:7px 18px;}
#container .contents .cont_wrap .cont .standard_table h2{font-size:1.45em;padding-top:15px;color:#4c4c4c;padding-left:15px;margin-bottom:10px; 
																width:500px; font-weight:bold; background: url('../images/sub_cont_blit.jpg') no-repeat 0 19px;
																	}
#container .contents .cont_wrap .cont .standard_table h3{
															font-size:1.1em;padding-left:15px;width:500px; font-weight:bold;color:#333; 
															background: url('../images/sub_cont_blit2.jpg') no-repeat 0 6px;margin-bottom:5px;
															}
#container .contents .cont_wrap .cont .standard_table h3.second{padding-top:25px; background-position:0 31px;}
#container .contents .cont_wrap .cont .standard_table table{width:690px;margin-bottom:5px;}
#container .contents .cont_wrap .cont /*.standard_table table*/ th, #container .contents .cont_wrap .cont /*.standard_table*/ table td{padding:5px 0;border:1px solid #c7c7c7;text-align:center;}
#container .contents .cont_wrap .cont .standard_table table thead th{background:#fdf7e2;color:#222;font-size:1.1em;}
#container .contents .cont_wrap .cont .standard_table table tbody th{color:#444;}
#container .contents .cont_wrap .cont .standard_table table #unit{background:#f4f4f4;}
#container .contents .cont_wrap .cont .standard_table table.table_left{width:340px;float:left;}
#container .contents .cont_wrap .cont .standard_table table.table_right{width:340px;float:right;}
#container .contents .cont_wrap .cont .standard_table table.table_right tbody td{padding:5px 0;}
#container .contents .cont_wrap .cont .standard_table table.table_pipe{}
#container .contents .cont_wrap .cont .standard_table .table_pipe table{}
#container .contents .cont_wrap .cont .standard_table .table_pipe table tr{}
#container .contents .cont_wrap .cont .standard_table .table_pipe table thead td{background:#fdf7e2;color:#474747;}
#container .contents .cont_wrap .cont .standard_table .table_pipe table tbody td{}
#container .contents .cont_wrap .cont .standard_table .table_pipe table tr.different td{background:#f5f5f5;}
#container .contents .cont_wrap .cont .standard_table .table_pipe table tr.different2 td{background:#f3fafe}
#container .contents .cont_wrap .cont .tap{position:relative;}
#container .contents .cont_wrap .cont .tap h2{
																		width:345px; height:31px;margin-bottom:20px;
																		font-size:1.3em; color:#111; font-weight:bold; text-align:center; padding:10px 0; 
																		}
#container .contents .cont_wrap .cont .tap h2 a{font-size:1.2em; color:#222; font-weight:bold; word-spacing:2px; letter-spacing: 2px; 
																		display:block; text-decoration:none;text-indent:-5000px;
																		}																		
#container .contents .cont_wrap .cont .tap h2.tap_h2a{ background: url('../images/sub2_5_img_select.jpg') no-repeat 0 0;}	
#container .contents .cont_wrap .cont .tap h2.tap_h2b{ background: url('../images/sub2_5_img_normal.jpg') no-repeat 0 0;position:absolute; top:-1px; left:343px;}	
#container .contents .cont_wrap .cont .tap h2.tap_h2a_normal{background: url('../images/sub2_5_1_img_normal.jpg') no-repeat 0 0;width:345px;}
#container .contents .cont_wrap .cont .tap h2.tap_h2b_select{ background: url('../images/sub2_5_1_img_select.jpg') no-repeat 0 0;position:absolute; top:0px; left:338px;}
#container .contents .cont_wrap .cont .tap div.tap_cont{border:1px solid #999; width:687px; margin-bottom:30px;}
#container .contents .cont_wrap .cont .tap div.tap_cont div.tap_cont_in{border:0 none;}
#container .contents .cont_wrap .cont .tap div.tap_cont div{padding:10px; width:665px;}
#container .contents .cont_wrap .cont .tap div.tap_cont h3{height:21px; background:#a7a4a4; font-size:1.3em; color:#fff; font-weight:bold; text-align:center; padding:10px 0;}
#container .contents .cont_wrap .cont .tap div.tap_cont p{margin-bottom:10px; color:#527f93; font-size:1.12em;}
#container .contents .cont_wrap .cont .tap div.tap_cont table{width:663px;}
#container .contents .cont_wrap .cont .tap div.tap_cont  table th{color:#333; background:#fefcf3;}
#container .contents .cont_wrap .cont .tap div.tap_cont table td{color:#333; font-size:0.92em; text-align:left;padding-left:10px;}
#container .contents .cont_wrap .cont .tap div.tap_cont1{}

#container .contents .cont_wrap .cont .tap .tap_in h3{padding:0 0 5px 0px;}
#container .contents .cont_wrap .cont .tap .tap_in p{background: url('../images/sub_cont_blit22.jpg') no-repeat 0 12px;
																				padding: 10px 0 15px 25px; font-weight:bold;color:#333; font-size:1.2em;
																				}
#container .contents .cont_wrap .cont .tap .tap_in ol{}
#container .contents .cont_wrap .cont .tap .tap_in ol li{font-size:1.15em; color:#333;padding:5px 5px 5px 22px;}
#container .contents .cont_wrap .cont .tap .tap_in ol li.li_1{ background: url('../images/sub_cont_blit4_1.jpg') no-repeat 3px 9px;}
#container .contents .cont_wrap .cont .tap .tap_in ol li.li_2{ background: url('../images/sub_cont_blit4_2.jpg') no-repeat 3px 9px;}
#container .contents .cont_wrap .cont .tap .tap_in ol li.li_3{ background: url('../images/sub_cont_blit4_3.jpg') no-repeat 3px 9px;}

#container .contents .cont_wrap .cont .tap .tap_in ol p{font-size:0.9em;padding-left:0px; font-weight:normal;background:none;line-height:2; color:#666;}
#container .contents .cont_wrap .cont .tap .tap_in ol li table{width:660px; margin-bottom:40px;}
#container .contents .cont_wrap .cont .tap .tap_in ol li table th, 
#container .contents .cont_wrap .cont .tap .tap_in ol li table td{
																								font-size:0.85em; padding:3px 0;

																										}																																																				
#container .contents .cont_wrap .cont .tap .tap_in ol table thead th{background:#fdf7e2;}
#container .contents .cont_wrap .cont .tap .tap_in ol table tbody th{background:#f5f5f5;}
#container .contents .cont_wrap .cont .tap .tap_in ol table tbody td{}

#container .contents .cont_wrap .cont p.estimate_img{margin-bottom:20px;}
#container .contents .cont_wrap .cont form.estimate{width:690px;margin-bottom:30px;}
#container .contents .cont_wrap .cont form.estimate table{width:690px;}
#container .contents .cont_wrap .cont form.estimate table td{text-align:left;padding-left:20px;}
#container .contents .cont_wrap .cont form.estimate table td.check input{border:0 none; vertical-align:middle; }
#container .contents .cont_wrap .cont form.estimate table td.check span{padding-right:7px;}
#container .contents .cont_wrap .cont .privacyBox h2{font-size:1.4em;font-weight:bold; color:#111;margin-top:30px;margin-bottom:10px;}
#container .contents .cont_wrap .cont .privacyBox .privacy{width:668px; border:1px solid #d2d2d2;padding:10px;margin-bottom:10px;}
#container .contents .cont_wrap .cont .privacyBox .privacy .privacy_in{padding:15px;width:636px;border:1px solid #999;background:#f9f7f7;height:100px;overflow:auto; overflow-x:hidden;}
#container .contents .cont_wrap .cont .privacyBox .privacy .privacy_in ol{padding:5px 0;}
#container .contents .cont_wrap .cont .privacyBox .privacy .privacy_in ol li {line-height:1.6;}
#container .contents .cont_wrap .cont .privacyBox .privacy .privacy_in ol li span{color:#111;font-weight:bold;font-size:1.2em;}
#container .contents .cont_wrap .cont .privacyBox .privacy .privacy_in ol li li{color:#222;}
#container .contents .cont_wrap .cont .privacyBox .privacy .privacy_in ol ul{padding:5px 0 5px 3px;}
#container .contents .cont_wrap .cont .privacyBox .privacy .privacy_in ol ul li{padding:0 0 0 7px; line-height:1.4;margin-bottom:2px;
																														background: url('../images/privacy_blit.jpg') no-repeat 0px 7px;
																														color:#444;
																														}
#container .contents .cont_wrap .cont .privacyBox .privacy .privacy_in ol p{padding:5px 0 5px 0px;color:#222;}
#container .contents .cont_wrap .cont .privacyBox .privacy .privacy_in ol p.para{padding:0;color:#222;}
#container .contents .cont_wrap .cont .privacyBox .estimate2 form{font-size:0.92em;margin-bottom:40px;}
#container .contents .cont_wrap .cont .privacyBox .estimate2 form p{text-align:right;}
#container .contents .cont_wrap .cont .privacyBox .estimate2 input{border:0 none;vertical-align:bottom;padding-right:3px;}
#container .contents .cont_wrap .cont .privacyBox .estimate2 p{text-align:center;}
#container .contents .cont_wrap .cont .privacyBox .estimate2 p a{padding:0 5px;}
#container .contents .cont_wrap .cont .privacyBox .estimate2 p input{vertical-align:middle;}

#container .contents .cont_wrap .cont .privacyBox .estimate2 p.ok_cancle input{vertical-align:top;}
#container .contents .cont_wrap .cont .privacyBox .estimate2 p.ok_cancle input img{vertical-align:middle;}