body, h1, h2, h3, h4, h5, h6, div, p, blockquote, pre, address, ul, ol, li, dl, dt, dd, table, caption, th, td, form, fieldset, legend, hr { margin:0; padding:0;} h1, h2, h3, h4, h5, h6 { font-size:100%;} ul, ol { list-style:none;} table { margin:0; padding:0; border-spacing:0; border:0; _border-collapse:collapse; text-align:left;} *+html table {border-collapse:collapse;} img, fieldset, abbr, acronym { border:0;} address, caption, cite, code, dfn, em, var { font-style:normal; font-weight:normal;} q:before, q:after { content: '';} input, select, button, textarea {color:#555f60; font-size:100%; font-family:'dotum';} select { border:1px solid #c1c1c1;} /* Base */ body {color:#666666; font:12px/18px Dotum, sans-serif;} hr {display:none} caption, legend, { width:0; height:0; line-height:0; overflow:hidden; visibility:hidden; font-size:0;} a { color:#949494; text-decoration:none; outline:0;} a:focus, a:hover, a:active { color:#949494; text-decoration:underline;} input.text,input.password,textarea { padding:2px 0 1px 5px; height:23px; border:1px solid #ffffff; margin:0;} label,input.button, input.submit , input.image,button { cursor:pointer;} textarea, pre { overflow:auto;} .hide{display:none;} /*----------------------------------------------------------------------------------------------------------------------------*/ #wrap {z-index:1; position:absolute; float:none; margin:0 auto; background-image:url(../images/main/main_bg.jpg); background-repeat:repeat-x;} /*#wrap div{display:inline-block;}*/ #logo {width:294px; height:46px; float:left; text-align:left; padding-top:9px;} #home {width:63px; height:38px; float:right; text-align: center; padding-top:27px;} #home .line{padding:12px 0px 12px 0px;} #index_con {width:990px; float:none; margin:0 auto; } #logo_memu{z-index:2; position:relative; width:990px;} #top_menu {z-index:2; position:relative; width:633px; float:none; margin:0 auto; display:inline; } #main_visual {float:left; width:990px; height:430px; margin-top:20px; background-image:url(../images/main/main_swf_bg.jpg); background-repeat:no-repeat;} #news { float:left; width:200px;margin:22px 60px 0px 0px;} #cookzen { float:left; width:200px;margin:22px 60px 0px 0px;} #mobile { float:left; width:180px;margin:22px 60px 0px 0px;} #new { float:left; width:230px; margin-top:22px;} #today{float:right; text-align:center; } #footer_con{z-index:4; position: relative; float:none; margin:0 auto; } #foote_con div{display:inline-block;} #footer {z-index:4; position: relative; width:100%; height:150px; relative; float:none; margin:0 auto; background-color:#e9e9e9; text-align:center; margin-top:90px; } #footer_main {z-index:4; position: relative; width:100%; height:150px; relative; float:none; margin:0 auto; background-color:#e9e9e9; text-align:center; margin-top:30px; } #footer_box{ z-index:4; position: relative; width:990px; height:120px; text-align:center; padding-top:21px;margin:0 auto; } #copyright{ z-index:4; position:relative; width:816px; float:left; margin:0 auto; } /*topmenu*/ .btn01 {z-index:3;position:relative; width:55px; float:left; margin-top:34px;} .btn02 {z-index:3;position:relative; width:53 px; float:left; margin-top:34px;} .btn03 {z-index:3;position:relative; width:57px; float:left; margin-top:34px;} .btn04 {z-index:3;position:relative; width:70px; float:left; margin-top:34px;} .btn_spe {z-index:3;position:relative; width:98px; float:left; margin-top:34px;} #sub_menu_01 { position:absolute; width:495px; height:25px; z-index:5; visibility: hidden; left:220px; top:69px; background:url('/images/common/sub_bg.gif') repeat-x 100% ; line-height:20px; text-align:center; color:#ffffff;} #sub_menu_02 { position:absolute; width:490px; height:25px; z-index:5; visibility: hidden; left:295px; top:69px; background:url('/images/common/sub_bg.gif') repeat-x 100% ; line-height:20px;text-align:center; color:#ffffff;} /* #sub_menu_03 { position:absolute; width:280px; height:25px; z-index:5; visibility: hidden; left:700px; top:69px; background:url('/images/common/sub_bg.gif') repeat-x 100% ; line-height:20px;text-align:center; color:#ffffff;} */ #sub_menu_04 { position:absolute; width:230px; height:25px; z-index:5; visibility: hidden; left:700px; top:69px; background:url('/images/common/sub_bg.gif') repeat-x 100% ; line-height:20px;text-align:center; color:#ffffff;} /*----------------------------------------------------------------------------------------------------------------------------*/ /*sub*/ #wrap_sub {z-index:1; position:absolute; width:100%; float:none; margin:0 auto; background-image:url(../images/inc/sub_top_bg.jpg); background-repeat:repeat-x;} #sub_visual {z-index:1; position:relative; float:left; width:990px; height:200px; padding-top:20px; } #sub_title{ float:left; margin:50px 0px 50px 0px; text-align:left;} #sub_title_c{width:131px; float:left; margin:50px 89px 0px 0px; text-align:left;} #sub_box {z-index:1; position:relative; width:990px; float:none; margin:0 auto; } #sub_con {z-index:1; position:relative; width:990px;} #sub_con div{ display:inline;} #sub_con li{ float:left; display:inline;} .title {padding:50px 0px 50px 0px; text-align:left;} #sub_con2{width:944px; float:left;} /*company*/ #history_tab{width:944px; float:none; margin:0 auto; } #history_con{width:944px; float:none; margin:0 auto; margin-top:50px;} .line_red {border-bottom:#ed1c24 solid 1px;height:27px; } .line_grey { border-bottom:#d1d1d1 solid 1px;} #certification{width:944px; float:none;} #certification td{border-bottom:#dcdcdc solid 1px;} .table_top{background-image:url(../images/company/company04_img01.jpg); background-repeat:repeat-x;} /*product*/ #list_con{width:990px; float:left;} #product_list{width:216px; float:left; margin-right:42px;} #product_list li{ display:inline-block;} #product_list_r{width:216px; height:282px; float:left;} #product_list li{ display:inline-block;} #product_list_g{width:216px; height:282px; float:left; margin-right:42px;} #product_list_g li{ display:inline-block;} #pro_top{width:990px; float:left;} #pro_photo{width:420px; float:left;} #pro_spec{width:520; float:right;} #pro_spec .pro_head {font-family:arial; font-size:30px; color:#ec1d27;font-weight:bold; padding-top:5px; border-bottom:1px solid #ddd;} #zoom_box {z-index:3; position:relative; float:left;} #pro_zoom { position:absolute; left:0px; top:0px; width:582; height:449; z-index:3; visibility: hidden; cursor:pointer; } /*customer*/ #customer02_form {float:right; width:770px; margin-top:50px;} /* line */ .table_line01{ background-color:#fafafa; border-top:#e9e9e9 solid 1px; border-right:#ffffff solid 1px; border-bottom:#ffffff solid 1px; padding-left:10px; height:21px;} .table_line02{ background-color:#fafafa; border-top:#e9e9e9 solid 1px; border-bottom:#ffffff solid 1px; padding-left:10px; color:#ed1c24; font-size:11px; font-weight:bold; height:21px;} .table_line03{ background-color:#fafafa; border-right:#ffffff solid 1px; border-bottom:#ffffff solid 1px; padding-left:10px; font-size:11px; height:21px;} .table_line04{ background-color:#fafafa; border-bottom:#ffffff solid 1px; padding-left:10px; font-size:11px height:21px;;} .table_line05{ background-color:#fafafa; border-right:#ffffff solid 1px; border-bottom:#e9e9e9 solid 1px; padding-left:10px; font-size:11px; height:21px;} .table_line06{ background-color:#fafafa; border-bottom:#e9e9e9 solid 1px; padding-left:10px; font-size:11px; height:21px;} /* font */ .grey_01b{font-family:arial, sans-serif; font-size:12px; color:#666666; font-weight:bold;} .grey_02b{font-family:arial, sans-serif; font-size:11px; color:#474747; font-weight:bold;} .red_01{font-family:arial, sans-serif; font-size:11px; color:#ed1c24;} /* padding */ .pt5{padding-top:5px;} .pt10{padding-top:10px;} .pt15{padding-top:15px;} .pt20{padding-top:20px;} .pt25{padding-top:25px;} .pt30{padding-top:30px;} .pt40{padding-top:40px;} .pt50{padding-top:50px;} .pt100{padding-top:100px;} .pb25{padding-bottom:25px;} .pl10{padding-left:10px;} .pl12{padding-left:12px;} .pl13{padding-left:13px;} .pl50{padding-left:50px;} .pl63{padding-left:63px;} .pl85{padding-left:85px;} /* margin */ .mt5{margin-top:5px;} .mt10{margin-top:10px;} .mt15{margin-top:15px;} .mt20{margin-top:20px;} .mt40{margin-top:40px;} .mt50{margin-top:50px;} .input01{ padding:2px 0 1px 5px; height:18px; border:1px solid #dbdbdb; margin:0;}