/*---------------------------------------------------------------------------- layout ------------------------------------------------------------------------------*/ #wrap_t{ width:100%; background:#e0e2e3; } #lnb{ display:none; } #lnb h2{ background:#282c35; text-align:center;margin-top:46px;border-bottom:3px solid #bdbdbf;padding-top:1px; } #lnb h2 .eng{ font-weight:bold; font-size:24px; color:#e7e5e6;letter-spacing:-1px;margin-top:11px; } #lnb h2 .kor{ font-weight:bold;font-size:13px; color:#878b96;padding-top:2px; } #lnb .light{ background:url("../imgs/layout/sub/lnb_light.jpg") no-repeat 0 0;border-top:1px solid #74767a;height:68px; } #lnb .nav{ text-align:center; } #lnb .nav li{ position:relative;z-index:1;line-height:37px;height:37px;padding-top:8px;border-bottom:1px dotted #ababab;font-weight:bold; font-size:17px;letter-spacing:-1px; background:url('../imgs/layout/sub/lnb_icon.gif') no-repeat 90% 52%; } #lnb .nav li a:hover{ color:#214596; } #lnb .call_center{ border-top:1px dotted #ababab;border-bottom:1px dotted #ababab;text-align:center;margin-top:180px; } #lnb .bank{ border-bottom:1px dotted #ababab;text-align:center; } #lnb .etc{ border-bottom:1px dotted #ababab;text-align:center;padding:4px; } #lnb .etc div{ background:url('../imgs/layout/sub/lnb_box_line.gif') repeat-x 0 0;text-align:center;height:33px;border:1px solid #b9b8b8; } #lnb .etc div:first-child{ margin-bottom:3px; } #lnb .etc div a{ position:relative;top:6px; } #lnb{ display:block;clear:both;height:auto;position:absolute;left:1.5%;top:12px; } #lnb .nav{ *zoom:1; } #lnb .nav:after{ content:""; width:0px; height:0px; clear:both; } #lnb .nav li{ border-bottom:none;background:none;float:left; font-weight:bold;color:#666;font-size:17px;letter-spacing:-1px;line-height:33px; margin-right:3px; } #lnb .nav li a{ display:block;padding:0 12px;padding-top:4px;background:#e0e0e0;color:#666; } #lnb .nav li a:hover{ background:#2a2c38;color:#f8ffff; } #lnb .l_customer{ /*position:absolute;bottom:120px;width:100%;*/ } #lnb h2, #lnb .call_center, #lnb .bank, #lnb .etc{ display:none; } #content{ min-height:800px;background:#f8f8f8;margin-top:0px; } #page_con{ width:95%;margin:0 auto;padding-top:18px;padding-bottom:30px; } #page_con .header{ *zoom:1; border-bottom:1px solid #c3c3c5;position:relative; } #page_con .header:after{ content:""; width:0px;height:0px;display:block;clear:both; } #page_con h2{ visibility:hidden;font-weight:bold;color:#333;float:left;line-height:30px;font-size:20px;letter-spacing:-1px;padding-left:10px; } #page_con .page_location{ display:none;position:absolute;right:10px;top:10px;font-size:12px;color:#777; } #page_con .h2_txt{ padding: 10px 0 0 10px;font-size:12px;font-weight:bold;color:#888;display:none; } #page{ width:98%;margin:0 auto;padding-top:28px } #page_con{ padding-top:27px;width:97%; } #wrap_b .wrap{ padding-top:0px; } /* visual -----------------------------------------*/ #visual{ width:100%;min-width:310px;height:302px;background:url('../imgs/layout/sub/visual_480.jpg') no-repeat center 0; } /*---------------------------------------------------------------------------- sub1 ------------------------------------------------------------------------------*/ /* greeting */ #gr_header{ *zoom:1;width:100%;margin-bottom:30px; } #gr_header:after{ content:""; width:0px; height:0px; display:block; clear:both; } #gr_header .gr_left{ width:100%;height:290px;position:relative;border:1px solid #dededf; background:url('../imgs/page/about/ci_logo.gif') no-repeat center center; } #gr_header .gr_right{ padding-top:30px;width:100%;height:auto;position:relative; } #gr_header .gr_right .gr_main_title{ display:block;width:100%;margin-bottom:11px; } #gr_header .gr_right .gr_main_title img{ width:100%;max-width:371px;height:auto;max-height:107px; } #gr_header .gr_right .gr_title_b{ padding-left:2px;font-size:12px;font-weight:bold;color:#777; } #gr_header .gr_right h3{ display:block;margin-top:6%;margin-bottom:11px; font-size:16px;font-weight:bold;color:#555;letter-spacing:-1.5px; } #gr_header .gr_right h3 span{ display:inline; } #gr_header .gr_right .gr_txt{ font-size:12px;width:100%; } #gr_photo .title, #gr_patent .title{ padding-bottom:8px;font-size:12px; } #gr_photo .title span, #gr_patent .title span{ display:none; } #gr_photo .cont ul li{ width:100%;border:1px solid #9e9e9e; } #gr_photo .cont ul li:first-child{ margin-bottom:7px; } #gr_photo .cont ul li img{ width:100%;height:auto; } #gr_patent{ margin-top:30px; } #gr_patent .cont{ background:#c8c8c8;padding:1px; width:100%; } #gr_patent .c_wrap{ *zoom:1;width:100%;background:#fff;padding-top:4px;padding-bottom:7px; } #gr_patent .c_wrap:after{ content:"";display:block;width:0px;height:0px;clear:both; } #gr_patent .c_wrap .box{ *zoom:1;float:left; width:47%;#width:46.9%;margin:1.5%; } #gr_patent .c_wrap .box img{ width:100%;height:auto; } #gr_patent .c_wrap .box:after{ content:"";display:block;width:0px;height:0px;clear:both; } #gr_patent .c_wrap .box li{ float:left;width:50%; } #gr_patent .img_wrap{ width:98%;margin:0 auto;font-size:12px;text-align:center; } #gr_patent .hide_span{ display:none; } /* motto */ #mo_header .title{ padding-bottom:18px;width:310px;height:128px;background:url('../imgs/page/about/motto_title_320.gif') no-repeat 0 0; } #mo_header .txt{ padding-bottom:18px; } #mo_header .photo ul{ *zoom:1;width:100%; } #mo_header .photo ul:after{ content:"";width:0px;height:0px;display:block;clear:both; } #mo_header .photo ul li{ float:left;width:33.3%;#width:32.8%;margin:0%;#margin:0.4%;padding:0px; } #mo_header .photo ul li img{ width:99%;margin:1%;/*max-width:121px;*/height:auto;/*max-height:96px;*/ } #mo_body{ width:100%;background:#c8c8c8;padding:1px;margin-top:14px; } #mo_body .box{ background:#d9e4ee;width:100%; } #mo_body .box .diagram{ width:100%;height:608px;background:url('../imgs/page/about/diagram_320.gif') no-repeat center center; } #mo_footer div{ margin-top:24px;width:100%;height:92px;background:url('../imgs/page/about/diagram_txt_320.gif') no-repeat 0 0; } /* map */ #map1, #map2{ width:100%;max-width:497px;margin:0 auto; } #map2 { padding-top:30px;padding-bottom:10px; } #map1 .title, #map2 .title{ padding-bottom:17px; } #map1 .map_img{ background:#aeaeae;padding:1px; } #map1 .map_img .box{ width:100%;height:387px;background:url( '../imgs/page/about/map1.gif' ) no-repeat center center; } #map2 .map_img{ background:#aeaeae;padding:1px; } #map2 .map_img .box{ width:100%;height:387px;background:url( '../imgs/page/about/map2.gif' ) no-repeat center center; } #map1 .map_txt, #map2 .map_txt{ font-weight:bold;font-size:16px;color:#393939;margin-top:18px;width:100%;text-align:center; } #map1 .map_txt img, #map2 .map_txt img{ vertical-align:middle; } #map1 .map_txt b, #map2 .map_txt b{ font-size:17px;color:#3a558f; } /*---------------------------------------------------------------------------- sub2 ------------------------------------------------------------------------------*/ #prod_header .prod_main_title{ display:block;width:100%;margin-bottom:22px; } #prod_header .prod_main_title img{ width:100%;height:auto;max-width:620px;max-height:102px; } #prod_header div{ font-size:16px;font-weight:bold;letter-spacing:-1px;color:#777;margin-bottom:40px; } #prod_header div span{ display:block; } #prod_body h3, #prod_footer h3{ display:block;width:154px;height:24px;font-weight:bold;font-size:12px;line-height:24px;padding-top:2px;#padding-top:2px; padding-left:12px; color:#f7f7f7;background:url("../imgs/page/product/prod_title_bg.jpg") no-repeat 0 0; } #prod_body .merit{ margin-bottom:34px; } #prod_body .merit .wrap{ background:#c8c8c8;padding:1px;width:100%; } #prod_body .merit .wrap .wrap_con{ background:#fdfdfd;padding:18px 20px; } #prod_body .merit ul{ *zoom:1; width:100%; } #prod_body .merit ul:after{ content:"";width:0px;height:0px;display:block;clear:both; } #prod_body .merit li{ float:left;width:98%;font-size:12px;line-height:20px;color:#666;padding-left:12px;background:url("../imgs/page/product/li_bullet.gif") no-repeat 0 5px; } #prod_body .h3_con, #prod_footer .h3_con{ *zoom:1;margin-bottom:6px;#margin-bottom:8px; } #prod_body .h3_con:after{ content:"";width:0px;height:0px;display:block;clear:both; } #prod_body h3{ float:left; } #prod_body .ord_btn{ float:right; } #prod_body .ord_btn a{ display:block;width:106px;height:24px;line-height:24px;padding-top:4px;#padding-top:1px;text-align:center;position:relative;top:-4px;#top:-1px;background:#f44500;font-weight:bold;font-size:13px;color:white; } #prod_body .prod_item .left_box{ width:100%; } #prod_body .prod_item .left_box .img_box{ background:#c8c8c8;padding:1px; } #prod_body .prod_item .left_box .img_con{ background:#fdfdfd;width:100%;position:relative; } #prod_body .prod_item .left_box .img_con p{ width:100%;height:272px;background:url("../imgs/page/product/prod1.jpg") no-repeat center center; } #prod_body #prod_item2 .left_box .img_con p{ width:100%;height:272px;background:url("../imgs/page/product/prod2.jpg") no-repeat center center; } #prod_body #prod_item3 .left_box .img_con p{ width:100%;height:272px;background:url("../imgs/page/product/prod3.jpg") no-repeat center center; } #prod_body .prod_item .left_box .img_con div{ position:absolute;left:0px;bottom:14px; width:100%; text-align:center; font-size:12px; color:#777; } #prod_body .prod_item .left_box .info{ width:100%;padding:17px 0;text-align:center;background:#6d768c;font-size:12px;color:#d9dee9; } #prod_body .prod_item .right_box .img_box{ background:#c8c8c8;padding:1px;margin-top:7px; } #prod_body .prod_item .right_box .img_con{ background:url('../imgs/page/product/grid_bg.gif') repeat 0 0;width:100%;position:relative; } #prod_body .prod_item .right_box .img_wrap{ background:url('../imgs/page/product/plan1_small.png') no-repeat center center;width:100%;height:355px; } #prod_body #prod_item2 .right_box .img_wrap{ background:url('../imgs/page/product/plan2_small.png') no-repeat center center;width:100%;height:355px; } #prod_body #prod_item3 .right_box .img_wrap{ background:url('../imgs/page/product/plan3_small.png') no-repeat center center;width:100%;height:355px; } #prod_body .prod_item .construct{ padding-top:7px;margin-bottom:34px; } #prod_body .prod_item .construct li{ width:100%;background:#f8f8f8;margin:0 auto; } #prod_body .prod_item .construct li .box{ width:100%; } #prod_body .prod_item .construct li img{ width:100%;height:auto;max-width:308px;max-height:233px; } #prod_body .prod_item .construct li .txt{ width:100%;max-width:308px;background:#393b41;margin-top:1px;margin-bottom:5px;padding:13px 0;width:100%;text-align:center; } #prod_body .prod_item .construct li .txt strong{ color:#ebecee;font-size:18px;font-weight:bold; } #prod_body .prod_item .construct li .txt div{ color:#bec6da;font-size:16px; } #prod_footer{ margin-bottom:30px; ]} #prod_footer .img_box{ background:#c8c8c8;padding:1px; } #prod_footer .img_box .img_wrap{ background:#fdfdfd; } #prod_footer .img_box .img_wrap div{ width:100%;height:644px;background:url("../imgs/page/product/prod_itrap_320.jpg") no-repeat center center; } /*---------------------------------------------------------------------------- sub3-2 : estimate ------------------------------------------------------------------------------*/ #esti_top .title{ margin-bottom:11px;font-size:41px;letter-spacing:-4px;color:#333;font-weight:normal; } #esti_top .title span{ display:inline; } #esti_top .title strong{ font-size:48px;font-weight:bold;color:#333;letter-spacing:-4px; } #esti_top .title b{ font-size:48px;font-weight:bold;color:#4c79b6;letter-spacing:-4px; } #esti_top .txt{ margin-bottom:32px;font-size:20px;color:#666;font-weight:bold;letter-spacing:-1px; } #esti_top .txt b{ color:#fa1f1f; } #esti_top .txt strong{ color:#2969c0; } #esti_top .txt span{ display:inline; } .form_desc{ font-size:13px; } .form_desc b{ color:#dd4a06;} #mailform{ border-top:2px solid #057192;width:100%;margin-top:11px; } #mailform table{ width:100%; } #mailform table tbody{ width:100%; } #mailform th{ min-width:80px;text-align:left;padding:0 18px;font-size:12px;font-weight:normal;color:#444;width:14%;height:35px;line-height:35px;background:#c6e1e9; } #mailform td{ padding-top:4px;padding-bottom:4px;padding-left:7px;width:86%; } #mailform th, #mailform td{ border-bottom:1px solid #889396; } #mailform th span{ float:right;color:#dd4a06; } #mailform input{ width:70px;margin:1px 0;border:1px solid #889396; } #mailform .member_zipcode1{ width:87px;margin-bottom:4px; } #mailform .member_zipcode2{ width:87px;margin-bottom:4px; } #mailform td img{ margin-bottom:4px; } #mailform textarea{ width:90%;margin:6px 0; } #mailform .file_input{ width:70%; } #mailform tfoot td{ border:none;padding-top:20px; } #mailform .addr_td span{ display:none; } #mailform .addr_td input{ display:block;width:80%; } #mailform .addr_td img{ margin:10px 0; } #mailform .subject{ width:90%; } /*---------------------------------------------------------------------------- login ------------------------------------------------------------------------------*/ #login{ width:37%;min-width:310px;margin:0 auto;line-height:18px; } #login .login_box{ position:relative;border:1px solid #d9d9d9;padding:1px;font-size:14px;line-height:24px; } #login .login_box:after{ content:""; width:0px; height:0px; display:block; clear:both; } #login ul{ float:left; } #login ul li{ clear:both;line-height:24px; } #login ul li div{ width:100px;background:#e8e8e8;color:#333;float:left;text-align:center; margin-right:7px;margin-bottom:1px; } #login ul li input{ width:50%; } #login .login_btn{ margin-top:14px;float:right;margin-right:24px; } #login .btn_group{ clear:both;padding-top:16px;width:100%;text-align:center; } #login .login_txt{ padding-top:10px;text-align:center; } /*---------------------------------------------------------------------------- board: list ------------------------------------------------------------------------------*/ #board_list{ width:100%; } #board_list .bo_title{ width:99%;margin-bottom:7px;text-align:right;font-size:12px;} #board_list .bo_wrap{ border:1px solid #d4d4d4;padding:1px; } #board_list .bo_top{ background:url("../imgs/board/list_bg_line.gif") repeat-x 0 0;border-bottom:1px solid #d4d4d4; } #board_list .bo_body{ background:#f8f8f8; } #board_list .bo_top ul{ *zoom:1;width:100%; } #board_list .bo_top ul:after{ content:""; width:0px; height:0px; display:block; clear:both; } #board_list .bo_top ul li{ float:left;width:20%;text-align:center; font-size:12px;color:#606060; line-height:28px;font-weight:bold;padding-top:4px; } #board_list .bo_body li{ *zoom:1;width:100%; } #board_list .bo_body .li_even{ /*background:#f1f1f1;*/ } #board_list .bo_body li:after{ content:""; width:0px; height:0px; display:block; clear:both; } #board_list .bo_body li div{ float:left;width:20%;text-align:center;line-height:32px;padding-top:4px;border-top:1px solid #d4d4d4; } #board_list .bo_body li:first-child div{ border-top:none; } #board_list .bo_body li img{ vertical-align:middle;} #board_list .bo_body li .li2{ text-align:left; } #board_list .bo_top .li1, #board_list .bo_body li .li1{ width:20%; } #board_list .bo_top .li2, #board_list .bo_body li .li2{ width:80%; } #board_list .bo_top .li3, #board_list .bo_body li .li3{ display:none; } #board_list .bo_top .li4, #board_list .bo_body li .li4{ display:none; } #board_list .bo_top .li5, #board_list .bo_body li .li5{ display:none; } #board_list .bo_foot{ margin-top:11px;width:100%; } #board_list .bo_foot .write_btn{ width:100%; text-align:right; } /*---------------------------------------------------------------------------- board_gallery : list ------------------------------------------------------------------------------*/ #board_gallery_list{ width:100%; } #board_gallery_list .bo_title{ width:99%;margin-bottom:7px;text-align:right;font-size:12px;} #board_gallery_list ul{ *zoom:1; } #board_gallery_list ul:after{ content:""; width:0px; height:0px; display:block;; clear:both; } #board_gallery_list ul li{ float:left;width:49%;margin:0.5%; } #board_gallery_list li .thum_img{ text-align:center; } #board_gallery_list li .thum_img .img img{ width:100%;height:auto;max-width:170px;max-height:170px;border:1px solid #b6b6b6;margin-bottom:11px; } #board_gallery_list li .subject{ font-size:12px; color:#555; } #board_gallery_list li .info{ font-size:12px; color:#476da4; } /*---------------------------------------------------------------------------- board: view ------------------------------------------------------------------------------*/ #board_view table{ width:100%;border-top:1px solid #d8d8d8; font-size:12px; } #board_view table th{ width:13%;background:#eee;color:#444;border-bottom:1px solid #dedede;padding-top:4px; } #board_view table td, #board_view table th{ font-weight:normal;border-bottom:1px solid #dedede;line-height:34px;padding-top:4px; } #board_view table td{ width:87%;padding-left:7px;vertical-align:top; } #board_view .content{ width:100%; padding-right:7px;min-height:350px;padding-top:8px;padding-bottom:10px; } #board_view .btn_group{ margin-top:18px; } /*---------------------------------------------------------------------------- board: write + modify ------------------------------------------------------------------------------*/ #tx_editor_form table{ width:100%;border-top:1px solid #d8d8d8; font-size:12px; } #tx_editor_form table th{ width:13%;font-weight:normal;background:#eee;color:#444;border-bottom:1px solid #dedede;padding-top:4px; } #tx_editor_form table td, #board_view table th{ font-weight:normal;border-bottom:1px solid #dedede;line-height:34px;padding-top:4px; } #tx_editor_form table td{ width:87%;padding-left:7px;vertical-align:top; } #tx_editor_form .bo_subject input{ width:75%; } #tx_editor_form input{ vertical-align:middle;color:#777;font-size:12px;padding:4px;line-height:22px; } #tx_editor_form .content{ padding-left:0px;padding-top:8px;padding-bottom:10px;width:100%;text-align:left; } #tx_editor_form .content textarea{ width:95%;min-height:250px;margin:0 auto;text-align:left;padding:10px;border:1px solid #ddd; } #tx_editor_form .btn_group{ margin-top:18px;width:100%;text-align:center; } /*---------------------------------------------------------------------------- board: reply ------------------------------------------------------------------------------*/ #board_reply table{ width:100%;border-top:1px solid #d8d8d8; font-size:12px; } #board_reply table th{ width:13%;font-weight:normal;background:#eee;color:#444;border-bottom:1px solid #dedede;padding-top:4px; } #board_reply table td, #board_view table th{ font-weight:normal;border-bottom:1px solid #dedede;line-height:34px;padding-top:4px; } #board_reply table td{ width:87%;padding-left:7px;vertical-align:top; } #board_reply .bo_subject input{ width:75%; } #board_reply input{vertical-align:middle;color:#777;font-size:12px;padding:4px;line-height:22px; } #board_reply .content{ padding-left:0px;padding-top:8px;padding-bottom:10px;width:100%;text-align:left; } #board_reply .content textarea{ width:95%;min-height:250px;margin:0 auto;text-align:left;padding:10px;border:1px solid #ddd; } #board_reply .btn_group{ margin-top:18px;width:100%;text-align:center; } /*---------------------------------------------------------------------------- board: pass + del ------------------------------------------------------------------------------*/ #board_pass table, #board_del table{ width:100%;border-top:1px solid #d8d8d8; font-size:12px; } #board_pass table th, #board_del table th{ width:13%;font-weight:normal;background:#eee;color:#444;border-bottom:1px solid #dedede;padding-top:2px; } #board_pass table td, #board_pass table th, #board_del table td, #board_del table th{ font-weight:normal;border-bottom:1px solid #dedede;line-height:34px; } #board_pass table td, #board_del table td{ width:87%;padding-left:7px;vertical-align:top; } #board_pass input, #board_del input{ vertical-align:middle;color:#777;font-size:12px;line-height:22px; } #board_pass .btn_group, #board_del .btn_group{ margin-top:18px;width:100%; } /*---------------------------------------------------------------------------- goods : list ------------------------------------------------------------------------------*/ #goods_list{ width:100%; } #goods_list .bo_title{ width:99%;margin-bottom:7px;text-align:right;font-size:12px;} #goods_list .bo_foot{ margin-top:11px;width:100%; } #goods_list .bo_foot .write_btn{ width:100%; text-align:right; } #goods_list ul{ *zoom:1;width:100%; } #goods_list ul:after{ content:""; width:0px; height:0px; display:block;; clear:both; } #goods_list ul li{ float:left;width:49%;margin:0.5%; } #goods_list li .thum_img{ text-align:center; } #goods_list li .thum_img .img img{ width:100%;height:auto;max-width:170px;max-height:170px;border:1px solid #b6b6b6;margin-bottom:11px; } #goods_list li .subject{ display:block;font-size:12px; color:#555; } #goods_list li .info{ font-size:12px; color:#777; } #goods_list li .info b{ font-weight:bold; color:#df2f00; } /*---------------------------------------------------------------------------- goods: detail ------------------------------------------------------------------------------*/ #goods_detail { width:100%; } #goods_detail .gs_t_wrap{ *zoom:1; } #goods_detail .gs_t_wrap:after{ content:"";width:0px;height:0px;display:block;clear:both; } #goods_detail input, #goods_detail select{ padding:2px 4px;} #goods_detail .l_prod_img img{ border:1px solid #c3c3c3; } #goods_detail .gs_l{ margin:0 auto;width:300px; } #goods_detail .gs_r{ margin-top:24px;width:100% } #goods_detail .gs_r ul{ width:100%; } #goods_detail .gs_r ul li{ *zoom:1;border-bottom:1px solid #e2e2e2; line-height:30px;padding-top:4px; } #goods_detail .gs_r ul li:after{ content:"";width:0px;height:0px;display:block;clear:both; } #goods_detail .gs_r ul li input{ width:35%;max-width:110px; } #goods_detail .gs_r ul li select{ width:44%;max-width:140px;} #goods_detail .gs_r ul li p{ margin-left:6px;padding-left:7px;background:url( "./imgs/goods/goods_li_bullet.gif" ) no-repeat 0 40%;width:100px;float:left; } #goods_detail .pre_next_thum{ clear:both; } #goods_detail .gs_r .prod_name{ font-size:16px;padding-left:7px;font-weight:bold;color:#333;border-bottom:1px solid #838383; } #goods_detail .gs_price{ font-weight:bold; color:#df2f00; } #goods_detail .gs_btn_group{ width:100%;margin-top:20px; } #goods_detail .detail_view{border-top:1px solid #dfdfdf;padding-top:24px; margin-top:16px;padding-bottom:30px;width:100%; } /*---------------------------------------------------------------------------- 주문 공통 ------------------------------------------------------------------------------*/ .order_step{ width:100%; text-align:right; margin-bottom:4px; } /*---------------------------------------------------------------------------- basket(장바구니) ------------------------------------------------------------------------------*/ #basketform{ width:100%;font-size:12px; } #basketform table{ width:100%;border:1px solid #d4d4d4;padding:1px; } #basketform table th{ padding:7px 0px;padding-top:11px;text-align:center; font-size:12px;color:#606060; font-weight:bold;background:url("../imgs/board/list_bg_line.gif") repeat-x 0 0;border-bottom:1px solid #d4d4d4; } #basketform table td{ text-align:center;line-height:32px;padding-top:4px;border-bottom:1px solid #d4d4d4; } #basketform table td img{ vertical-align:middle; } #basketform table .tr_even td{ background:#f1f1f1; } #basketform .ba_price1{ color:#df2f00; } #basketform .ba_price2{ font-weight:bold; color:#df2f00; } #basketform .basket_btn{ margin-top:15px;width:100%;text-align:center;line-height:32px;padding-top:4px; } /*---------------------------------------------------------------------------- orderform(주문서) ------------------------------------------------------------------------------*/ #orderform{ width:100%;font-size:12px; } #orderform .order_basket{ width:100%;border:1px solid #d4d4d4;padding:1px; } #orderform .order_basket th{ text-align:center; font-size:12px;color:#606060;font-weight:bold;padding:7px 0px;padding-top:11px;padding-top:11px;background:url("../imgs/board/list_bg_line.gif") repeat-x 0 0;border-bottom:1px solid #d4d4d4; } #orderform .order_basket td{ text-align:center;line-height:32px;padding-top:4px;border-bottom:1px solid #d4d4d4; } #orderform .order_basket td img{ vertical-align:middle; } #orderform .order_basket .tr_even td{ background:#f1f1f1; } #orderform .or_price1{ color:#df2f00; } #orderform .or_price2{ font-weight:bold; color:#df2f00; } #orderform .order_caption{ width:100%;line-height:28px; margin-top:30px; } #orderform .order_caption span{ margin-left:7px;font-weight:bold; } #orderform .order_caption b{ margin-left:30px;font-weight:normal; } #orderform .order_caption b input{ border:none; } #orderform input, #orderform select, #orderform textarea{ border:1px solid #aaa;color:#777;padding:2px;padding-top:4px; } #orderform .price_type{ border:none; } #orderform input.radio{ border:none; } #orderform textarea{ width:70%;height:80px; } #orderform .order_table{ margin-bottom:30px;width:100%;text-align:center;padding-top:4px;border:1px solid #d4d4d4;padding:1px; } #orderform .order_table th{ width:25%;background:#f1f1f1;border-bottom:1px solid #d4d4d4;border-right:1px solid #d4d4d4;padding:4px 0;padding-top:4px; } #orderform .order_table td{ width:75%;text-align:left;padding-left:1.5%;padding-top:4px;padding-bottom:4px;border-bottom:1px solid #d4d4d4; } #orderform .submit{ width:100%;text-align:center;margin-top:4px; } /*---------------------------------------------------------------------------- 주문완료 ------------------------------------------------------------------------------*/ #orderok .title{ width:100%;border:1px solid #e4e4e4;background:#f9f9f9;padding:20px 0;text-align:center; } #orderok table{ width:100%;border:1px solid #d4d4d4;padding:1px; margin-top:14px; } #orderok table th{ width:25%;background:#f1f1f1;border-bottom:1px solid #d4d4d4;border-right:1px solid #d4d4d4;padding:4px 0;padding-top:4px; } #orderok table td{ width:75%;text-align:left;padding-left:1.5%;padding-top:4px;padding-bottom:4px;border-bottom:1px solid #d4d4d4; } #orderok table tfoot td{ text-align:center; } /*---------------------------------------------------------------------------- 주문내역조회 ------------------------------------------------------------------------------*/ #goods_my_order{ width:100%;border:1px solid #e4e4e4; } #goods_my_order th{ background:#f1f1f1;border-bottom:1px solid #d4d4d4;border-right:1px solid #d4d4d4;padding:4px 0;padding-top:4px; } #goods_my_order td{ text-align:center;padding-left:1.5%;padding-top:4px;padding-bottom:4px;border-bottom:1px solid #d4d4d4; } /*---------------------------------------------------------------------------- 주문내역조회 - 관리자 ------------------------------------------------------------------------------*/ #admin_order_list{ width:100%;border:1px solid #e4e4e4; } #admin_order_list th{ background:#f1f1f1;border-bottom:1px solid #d4d4d4;border-right:1px solid #d4d4d4;padding:4px 0;padding-top:4px; } #admin_order_list td{ text-align:center;padding-left:1.5%;padding-top:4px;padding-bottom:4px;border-bottom:1px solid #d4d4d4; } /*---------------------------------------------------------------------------- paging ------------------------------------------------------------------------------*/ #paging{ width:100%;font-size:12px;text-align:center;line-height:18px;margin-top:30px; } #paging img{ vertical-align:midddle; } #paging span{ background:url( '../imgs/board/paging_division.gif' ) no-repeat right 0;padding:0 0;padding-left:4px;padding-right:10px; } #paging .last-child{ background:none; } #paging b{ color:#f86600; } /*---------------------------------------------------------------------------- Media Query ------------------------------------------------------------------------------*/ @media all and (min-width:320px){ #prod_body .prod_item .construct ul{ *zoom:1; } #prod_body .prod_item .construct ul:after{ content:""; width:0px; height:0px; display:block; clear:both; } #prod_body .prod_item .construct li{ width:49%;float:left;background:#f8f8f8;margin:0 0.5%; } #prod_body .prod_item .construct li .txt strong{ font-size:14px; } #prod_body .prod_item .construct li .txt div{ font-size:12px; } } @media all and (min-width:479px){ /* ----------------------------------------------------------------------------- common_layout ----------------------------------------------------------------------------- */ #header .top_nav{ right:84px; } #header .nav{ height:98px; } #header .nav li{ width:33.3%; } #header .nav .li2, #header .nav .li4{ background:url('../imgs/layout/division.gif') repeat-y right 0; } #header .nav .li3{ background:none; } #header .top_nav .li4, #header .top_nav .li5{ display:inline; } /* ----------------------------------------------------------------------------- sub_layout ----------------------------------------------------------------------------- */ #visual{ height:357px;background:url('../imgs/layout/sub/visual_768.jpg') no-repeat center 0; } /* ----------------------------------------------------------------------------- sub1 ----------------------------------------------------------------------------- */ /* greeting */ #gr_header .gr_right h3 span{ display:inline; } #gr_header .gr_right .gr_txt{ width:100%; } #gr_photo .cont{ background:#9e9e9e;padding:1px; width:100%; } #gr_photo .title span, #gr_patent .title span{ display:inline; } #gr_photo .cont ul{ *zoom:1;width:100%;background:#f8f8f8; } #gr_photo .cont ul:after{ content:"";display:block;width:0px;height:0px;clear:both; } #gr_photo .cont ul li{ width:50%;#width:49.9%;float:left;border:none; } #gr_photo .cont ul li:first-child{ margin-bottom:0px; } /* motto */ #mo_header .title{ padding-bottom:30px;width:460px;height:82px;background:url('../imgs/page/about/motto_title_480.gif') no-repeat 0 0; } #mo_header .photo .li5, #mo_header .photo .li6{ display:none; } #mo_header .photo ul li{ width:25%; margin:0; } #mo_footer div{ margin-top:24px;width:100%;height:60px;background:url('../imgs/page/about/diagram_txt_480.gif') no-repeat 0 0; } /* ----------------------------------------------------------------------------- sub2 ----------------------------------------------------------------------------- */ /* product */ #prod_footer .img_box .img_wrap div{ width:100%;height:521px;background:url("../imgs/page/product/prod_itrap_480.jpg") no-repeat center center; #prod_body .prod_item .construct li .txt strong{ font-size:16px; } #prod_body .prod_item .construct li .txt div{ font-size:14px; } } /* ----------------------------------------------------------------------------- member+board+goods ----------------------------------------------------------------------------- */ #board_gallery_list ul li{ float:left;width:32.3%;margin:0.5%; } #goods_list ul li{ float:left;width:32.3%;margin:0.5%; } /* 견적의뢰 */ #mailform input{ width:140px; } #mailform .addr_td .member_zipcode1, #mailform .addr_td .member_zipcode2{ width:120px } #mailform .addr_td span{ display:inline; } #mailform .addr_td input{ display:inline;width:140px; } #mailform .addr_td img{ margin:0; } #mailform .subject{ width:70%; } } @media all and (min-width:599px){ /* ----------------------------------------------------------------------------- common_layout ----------------------------------------------------------------------------- */ #header .m_list{ display:none; } #header .top_nav{ display:block;right:14px; } #header .nav{ height:49px;display:none; } #header .nav li{ width:20%; } #header .nav .li3{ background:url('../imgs/layout/division.gif') repeat-y right 0; } #header .nav .li5{ background:none; } #header .nav .li6{ display:none; } /* ----------------------------------------------------------------------------- sub_layout ----------------------------------------------------------------------------- */ #visual{ height:357px;background:url('../imgs/layout/sub/visual_768.jpg') no-repeat center 0; } #page_con .page_location{ display:block; } /* ----------------------------------------------------------------------------- sub1 ----------------------------------------------------------------------------- */ /* greeting */ #gr_header .gr_right{ background:url('../imgs/page/about/about_img.jpg') no-repeat 99% 36px; } #gr_patent .c_wrap .box{ width:25%;#width:22.5%;margin:0%; } /* motto */ #mo_header .title{ width:570px;height:108px;background:url('../imgs/page/about/motto_title_600.gif') no-repeat 0 0; } #mo_header .txt{ padding-bottom:24px; } #mo_header .photo .li5{ display:block; } #mo_header .photo ul li{ width:20%; margin:0; } #mo_footer div{ height:23px;background:url('../imgs/page/about/diagram_txt_600.gif') no-repeat 0 0; } /* ----------------------------------------------------------------------------- member+board+goods ----------------------------------------------------------------------------- */ /* board */ #board_list .bo_top .li1, #board_list .bo_body li .li1{ width:10%; } #board_list .bo_top .li2, #board_list .bo_body li .li2{ width:70%; } #board_list .bo_top .li3, #board_list .bo_body li .li3{ width:20%;display:inline; } #board_list .bo_top .li4, #board_list .bo_body li .li4{ display:none; } #board_list .bo_top .li5, #board_list .bo_body li .li5{ display:none; } /* eastimate */ #mailform input{ width:160px; } } @media all and (min-width:639px) { /* ----------------------------------------------------------------------------- common_layout ----------------------------------------------------------------------------- */ #visual{ height:357px;background:url('../imgs/layout/sub/visual_768.jpg') no-repeat center 0; } /* ----------------------------------------------------------------------------- sub1 ----------------------------------------------------------------------------- */ #mo_footer div{ height:24px;background:url('../imgs/page/about/diagram_txt_640.gif') no-repeat 0 0; } #prod_body .prod_item .left_box{ width:49%;float:left;margin-right:1%; } #prod_body .prod_item .right_box{ width:50%;float:right; } #prod_body .prod_item .right_box .img_box{ margin-top:0px; } #prod_body .prod_item .left_box .img_con p{ height:306px; } #prod_body .prod_item .prod_clear{ *zoom:1; } #prod_body .prod_item .prod_clear:after{ content:"";width:0px;height:0px;display:block;clear:both; } #prod_body .prod_item .construct li{ width:33.3%;margin:0px; } #prod_body .prod_item .construct .li1{width:33.0%;margin-right:0.3%; } #prod_body .prod_item .construct .li2{width:33.0%;margin-left:0.161%;margin-right:0.149%; } #prod_body .prod_item .construct .li3{width:33.0%;margin-left:0.3%; } #prod_body .prod_item .construct .li4{ display:none; } /* ----------------------------------------------------------------------------- member+board+goods ----------------------------------------------------------------------------- */ #board_gallery_list ul li{ float:left;width:24%;margin:0.5%; } #goods_list ul li{ float:left;width:24%;margin:0.5%; } #esti_top .title span{ display:inline; } #esti_top .title strong{ font-size:40px;letter-spacing:-4px; } #esti_top .title b{ font-size:40px;letter-spacing:-4px; } #mailform input{ width:200px; } #mailform .addr_td input{ width:200px; } } @media all and (min-width:719px) { /* ----------------------------------------------------------------------------- common_layout ----------------------------------------------------------------------------- */ #visual{ height:357px;background:url('../imgs/layout/sub/visual_768.jpg') no-repeat center 0; } /* ----------------------------------------------------------------------------- sub1 ----------------------------------------------------------------------------- */ /* greeting */ #gr_header .gr_left{ width:30%;float:left; } #gr_header .gr_right{ padding-top:0px;background:none;width:65%;float:right; } #gr_header .gr_right .gr_txt{ width:98%; } #gr_header .gr_right h3 span{ display:block; } /* motto */ #mo_body .box .diagram{ height:458px;background:url('../imgs/page/about/diagram_720.gif') no-repeat center center; } #mo_header .photo .li6{ display:block; } #mo_header .photo ul li{ width:16.6%; margin:0; } #mo_footer div{ height:29px;background:url('../imgs/page/about/diagram_txt_720.gif') no-repeat 0 0; } /* ----------------------------------------------------------------------------- sub2 ----------------------------------------------------------------------------- */ /* product */ #prod_body .merit .wrap_con{ *zoom:1; } #prod_body .merit .wrap_con:after{ content:""; width:0px; height:0px; display:block; clear:both; } #prod_body .merit ul{ width:44%;float:right;margin:0 1%; } #prod_body .merit ul:first-child{ width:48%;float:left;margin:0 1%; } /* ----------------------------------------------------------------------------- member+board+goods ----------------------------------------------------------------------------- */ /* board */ #board_list .bo_top .li1, #board_list .bo_body li .li1{ width:8%; } #board_list .bo_top .li2, #board_list .bo_body li .li2{ width:65%; } #board_list .bo_top .li3, #board_list .bo_body li .li3{ width:15%; } #board_list .bo_top .li4, #board_list .bo_body li .li4{ width:12%;display:inline; } #board_list .bo_top .li5, #board_list .bo_body li .li5{ display:none; } /* goods - detail */ #goods_detail .gs_l{ float:left;} #goods_detail .gs_r{ float:right;width:52% } /* eastimate */ #esti_top .title span{ display:block; } #esti_top .title strong{ font-size:44px;letter-spacing:-4px; } #esti_top .title b{ display:inline;font-size:44px;letter-spacing:-4px; } #esti_top .txt span{ display:block; } } @media all and (min-width:767px) { /* ----------------------------------------------------------------------------- common_layout ----------------------------------------------------------------------------- */ #header .h_con{ position:absolute;background:none; } #header h1{ width:146px;height:68px;background:url("../imgs/layout/logo.png") no-repeat 0 0;margin-left:10px; } #header .m_list{ display:none; } #header .top_nav{ display:block;text-align:right;line-height:2.4em;border-bottom:none;position:absolute;top:12px;right:10px; } #header .top_nav li{ display:inline;background:url('../imgs/layout/nav_division.gif') no-repeat 0 30%;font-size:14px;letter-spacing:-1px;padding-left:10px;padding-right:4px; } #header .top_nav li a:link{ color:#7d7f89; } #header .top_nav li a:hover{ color:#000; } #header .top_nav .li1, #header .top_nav .li2, #header .top_nav .li6{ display:inline; } #header .top_nav .li2{ background:url('../imgs/layout/nav_division.gif') no-repeat 0 30%; } #header .nav{ *zoom:1;background:url('../imgs/layout/nav_bg.gif') repeat-x 0 0;height:39px;border:1px solid #dbdbdb; } #header .nav{ width:100%;position:absolute;top:679px;left:0px; } #header .nav li{ line-height:35px;padding-top:4px;font-size:18px;font-weight:bold;letter-spacing:-2px;border-bottom:none; } /* ----------------------------------------------------------------------------- sub_layout ----------------------------------------------------------------------------- */ #visual{ height:357px;background:url('../imgs/layout/sub/visual_1024.jpg') no-repeat center 0; } #wrap_m .wrap{ padding-top:27px; } #wrap_b .wrap{ padding-top:0px; } #header .nav{ *zoom:1;background:url('../imgs/layout/nav_bg.gif') repeat-x 0 0; width:100%;position:absolute;top:336px;left:0px;z-index:1; } #page_con{ padding-top:26px; } #lnb{ top:38px;#top:32px; } /* ----------------------------------------------------------------------------- sub1 ----------------------------------------------------------------------------- */ /* map */ #map1, #map2{ width:48%;float:left;margin:1%; } #map2{ padding-top:0px; } /* ----------------------------------------------------------------------------- member+board+goods ----------------------------------------------------------------------------- */ #goods_list ul li{ float:left;width:19%;margin:0.5%; } #goods_detail .gs_r{ width:52% } /* gallery */ #board_gallery_list ul li{ float:left;width:19%;margin:0.4%; } } @media all and (min-width:799px) { /* ----------------------------------------------------------------------------- common_layout ----------------------------------------------------------------------------- */ #header .nav{ width:100%;position:absolute;top:679px;left:0px; } #header .top_nav li{ font-size:14px;letter-spacing:-1px; } /* ----------------------------------------------------------------------------- sub_layout ----------------------------------------------------------------------------- */ #visual{ height:357px;background:url('../imgs/layout/sub/visual_1024.jpg') no-repeat center 0;margin-bottom:0px; } #header .nav{ width:100%;position:absolute;top:336px;left:0px;z-index:1; } /* ----------------------------------------------------------------------------- sub1 ----------------------------------------------------------------------------- */ #gr_patent .hide_span{ display:inline; } #prod_footer .img_box .img_wrap div{ height:282px;background:url("../imgs/page/product/prod_itrap_800.jpg") no-repeat center center; } /* ----------------------------------------------------------------------------- member+board+goods ----------------------------------------------------------------------------- */ /* board */ #board_list .bo_top .li1, #board_list .bo_body li .li1{ width:8%; } #board_list .bo_top .li2, #board_list .bo_body li .li2{ width:58%; } #board_list .bo_top .li3, #board_list .bo_body li .li3{ width:13%; } #board_list .bo_top .li4, #board_list .bo_body li .li4{ width:13%; } #board_list .bo_top .li5, #board_list .bo_body li .li5{ width:8%;display:inline; } /* goods - detail */ #goods_detail .gs_r{ width:57% } } @media all and (min-width:899px) { /* greeting */ #gr_header .gr_right{ background:url('../imgs/page/about/about_img.jpg') no-repeat right 20px; } /* ----------------------------------------------------------------------------- member+board+goods ----------------------------------------------------------------------------- */ #goods_detail .gs_r{ width:60% } } @media all and (min-width:1003px) { /* ----------------------------------------------------------------------------- common_layout ----------------------------------------------------------------------------- */ body{ font-size:12px; color:#7d7f89;background:#171a21; } #header .nav{ width:100%;position:absolute;top:679px;left:0px;z-index:1; } #header .nav li{ font-size:19px;letter-spacing:-2.5px; } #header .top_nav li{ font-size:14px;letter-spacing:-1px; } #foot .f_logo{ display:block;margin-right:50px;#margin-right:20px;padding:0px;margin-bottom:0px; } #foot ul{ *zoom:1;width:83%;#width:60%;position:relative; } #foot ul:after{ content:""; display:block; width:0px;height:0px; clear:both; } #foot ul li{ float:left;margin-right:14px; } /* ----------------------------------------------------------------------------- sub_layout ----------------------------------------------------------------------------- */ #visual{ height:357px;background:url('../imgs/layout/sub/visual_1200.jpg') no-repeat center 0; } #header .nav{ width:100%;position:absolute;top:336px;left:0px;z-index:2; } #lnb{ width:19%;background:#fcfcfc; position:absolute;left:0px;top:27px; border-left:1px dotted #ababab;border-right:1px dotted #ababab; } #lnb h2, #lnb .call_center, #lnb .bank, #lnb .etc{ display:block; } #lnb .nav li{ float:none;line-height:37px;width:100%;height:37px; padding-top:8px;border-bottom:1px dotted #ababab;font-weight:bold; font-size:17px;letter-spacing:-1px; background:url('../imgs/layout/sub/lnb_icon.gif') no-repeat 90% 52%; } #lnb .nav li a{ display:inline;padding:0 0px;background:none;color:#333; } #lnb .nav li a:hover{ background:none;color:#214596; } #content{ margin-left:19%;width:81%; } #page_con{ padding-top:18px;width:95%; } #page_con h2{ visibility:visible; } #page_con .h2_txt{ display:block; } /* ----------------------------------------------------------------------------- sub1 ----------------------------------------------------------------------------- */ #gr_patent .hide_span{ display:inline; } #prod_footer .img_box .img_wrap div{ height:282px;background:url("../imgs/page/product/prod_itrap_800.jpg") no-repeat center center; } /* ----------------------------------------------------------------------------- member+board+goods ----------------------------------------------------------------------------- */ #goods_detail .gs_r{ width:58% } } @media all and (min-width:1199px) { /* ----------------------------------------------------------------------------- common_layout ----------------------------------------------------------------------------- */ #wrap_t .wrap, #wrap_m .wrap, #wrap_b .wrap{ width:1200px; } #header .nav{ width:100%;position:absolute;top:679px;left:0px; } #foot{ width:100%; } #foot .f_logo{ margin-right:70px; } #foot ul{ top:8px; } #foot .top_btn{ top:22px;right:44px; } /* ----------------------------------------------------------------------------- sub_layout ----------------------------------------------------------------------------- */ #visual{ height:357px;background:url('../imgs/layout/sub/visual_1200.jpg') no-repeat center 0; } #header .nav{ width:100%;position:absolute;top:336px;left:0px;z-index:2; } /* ----------------------------------------------------------------------------- sub1 ----------------------------------------------------------------------------- */ /* greeting */ #gr_header .gr_right{ width:65%;background:url('../imgs/page/about/about_img.jpg') no-repeat right 20px;} #gr_header .gr_right h3{ margin-top:6%;} #gr_header .gr_right .gr_txt{ width:94%; } #gr_patent .c_wrap .box{ width:25%;#width:23.5%;margin:0;#margin:0 0.7%; } /* ----------------------------------------------------------------------------- member+board+goods ----------------------------------------------------------------------------- */ /* goods - detail */ #goods_detail .gs_r{ width:62% } }