body {margin:0; text-align:center; } body, table, tr, td, input, select, textarea { scrollbar-face-color:#DCDCDC; scrollbar-highlight-color:#CCCCCC; scrollbar-shadow-color:#CCCCCC; scrollbar-3dlight-color:#F2F2F2; scrollbar-darkshadow-color:#F2F2F2; scrollbar-track-color:#F2F2F2; scrollbar-arrow-color:#777777;} .body, table, tr, td, input, select, textarea { font:normal 12px Dotum,Gulim,verdana,sans-serif; word-break:break-all;} .body, form { margin: 0px; padding: 0px; } a:link { text-decoration:none; color:#909090; } a:visited { text-decoration:none; color:#909090; } a:active { text-decoration:none; color:#909090; } a:hover { text-decoration:underline; color:#0087C4; } .input { font:normal 12px 굴림체,sans-serif; color:#999999; background-color:#FDFDFD; border-right: #E7F0F4 1px solid; border-top: #C5D1D7 1px solid; border-left: #C5D1D7 1px solid; border-bottom: #E7F0F4 1px solid; padding:1px; height:18px;} .input2 { font:normal 12px 굴림체,sans-serif; color:#FFFFFF; background-color:#6C6A47; border-right: #084E16 1px solid; border-top: #084E16 1px solid; border-left: #084E16 1px solid; border-bottom: #084E16 1px solid; padding:1px; height:19px;} .textarea { font:normal 12px 굴림체,sans-serif; color:#999999; background-color:#FFFFFA; border:1px solid #E7F0F4; } .textbox { font:normal 12px 굴림체,sans-serif; color:#457C95; background-color:#FFFFFA; border-right: #E7F0F4 1px solid; border-top: #A8C4D1 1px solid; border-left: #A8C4D1 1px solid; border-bottom: #E7F0F4 1px solid; scrollbar-face-color:#E2E9F0; scrollbar-highlight-color: #E7F0F4; scrollbar-3dlight-color: #F3F8F9; scrollbar-shadow-color: #9DB9D4; scrollbar-darkshadow-color: #E7F0F4; scrollbar-track-color: #FFFFFA; scrollbar-arrow-color: #9DB9D4; } /*######################add css################################*/ /*layout*/ #shopWrap{ margin:0 auto; width:970px;} #shopHEAD{} #shopContainer{ clear:both; width:960px; float:left; margin-top:15px; padding-left:10px; text-align:left;} #bic_img{ float:left; width:950px; height:47px; padding-top:10px; background:url(images/bg_center.gif) no-repeat;} #bic_img h2{ width:680px; float:left; color:#FFFFFF; padding:10px 0 0 20px;} #bic_img p{ width:230px; float:right; padding:10px 0 0 0; font-size:8.5pt;} #bic_img1{ clear:both; width:939px; padding:10px 0 0 9px; border-left:solid 1px #cccccc; border-right:solid 1px #cccccc;} #bic_img2{ clear:both; width:950px; height:30px; background:url(images/bg_btm.gif) no-repeat; } /*######################################################*/ /* 이미지 스타일 */ img, .img { border:none; } .goods_line { border:1 solid #D2D2D3; padding:2;} .themeevent { border:1 solid #EFEFEF; } /* 메인의 기회전 배너 이미지 스타일 */ /* 상단 로고영역 전체 */ .top { width:900; height:90; border-style:solid; border-right-color:#E2E2E3; border-bottom-color:#E2E2E3; border-width:1px; background-image: url(/images/bg_top.gif);} .top a:visited { text-decoration:none; color:#8D8D8D; } .top a:active { text-decoration:none; color:#8D8D8D; } .top a:hover { text-decoration:underline; color:#8D8D8D; } .logoarea { width:190; text-align:center;} /* 상단 메인메뉴 영역 */ table.mainmenu { width:100%; height:50; border-style:none; text-align:center;} table.mainmenu th { font:bold 12px Gulim; color:#FFFFFF; text-align:center; letter-spacing:-2px; padding-top:8px;} table.mainmenu td { padding:0 0 0 0; vertical-align:text-bottom; padding: 0 0 6 0; } table.mainmenu a:link { text-decoration:none; color:#FFFFFF; } table.mainmenu a:visited { text-decoration:none; color:#FFFFFF; } table.mainmenu a:active { text-decoration:none; color:#FFFFFF; } table.mainmenu a:hover { text-decoration:underline; color:#FFFCDE; } /* 상단 Function Menu와 상품검색 폼 영역 */ .top_function { width:100%; height:35; font:11px; color:#160034; letter-spacing:-1px; text-align:right; background-image: url(images/bg_function.gif); } .top_function a:link { text-decoration:none; color:#160034; } .top_function a:visited { text-decoration:none; color:#160034; } .top_function a:active { text-decoration:none; color:#160034; } .top_function a:hover { text-decoration:underline; color:#FFFFFF; } .function_space {img src:url(images/space.gif); margin-left:6px; margin-right:6px;} .seroline {img src:url(images/bar_01.gif); margin-left:3px; margin-right:3px;} .seroline2 {img src:url(images/bar_04.gif); margin-left:2px; margin-right:2px;} /* 좌측 전체 영역 */ .left_area { width:190; height:100%; vertical-align:text-top; border-right:solid 1px #EBEBEB;} /* 로그인 영역 */ .login_all { width:100%; height:130; border-style:none; text-align:center; background-image: url(images/bg_login.gif);} .login { width:175; height:100; font:normal 11px 돋움체,sans-serif; text-align:center; color:#333333; letter-spacing:-1px;} .login a:link { text-decoration:none; color:#333333; } .login a:visited { text-decoration:none; color:#333333; } .login a:active { text-decoration:none; color:#333333; } .login a:hover { text-decoration:underline; color:#2CB5D7; } /* 좌측 카테고리 */ .category { width:100%; font:12px; color:#666666; } .category th { height:3; background-color:#D7D7D7; text-align:left;} .category td { border-bottom:solid 1px #EBEBEB; padding-top:4px; height:25;} .category a { text-decoration:none; color:#666666; padding-left: 24px; background-image: url(images/icon_leftmenu.gif); background-repeat: no-repeat} .category a:visited { text-decoration:none; color:#666666; } .category a:active { text-decoration:none; color:#666666; } .category a:hover { text-decoration:underline; color:#E06F00; } /* 메인 좌측 검색 리스트 */ table.main_news { width:100%; border-style:none; text-align:left;} table.main_news th { border-left:solid 9px #D7D7D7; font:normal 12px Gulim,sans-serif; color:#23647E; padding:8 2 8 2; line-height:1.5;} table.main_news td { height:25; font:normal 11px Gulim,sans-serif; color:#FFFFFF; padding:0 0 0 0; border-top:solid 1px #E8E8E8; } table.main_news a:link { text-decoration:none; color:#23647E; } table.main_news a:visited { text-decoration:none; color:#23647E; } table.main_news a:active { text-decoration:none; color:#23647E; } table.main_news a:hover { text-decoration:underline; color:#23647E; } /* 바디 컨텐츠 전체 영역 */ /* .body_area { width:707; height:100%; border-right:solid 1px #EBEBEB; vertical-align:text-top;} */ .body_area { width:920; height:100%; border-right:solid 1px #EBEBEB; vertical-align:text-top; } /* 메인의 간판 영역 */ .sign_area { width:517; text-align:left; vertical-align:text-top; margin-left:0px; margin-right:0px; } /* 메인 우측 이벤트 및 공지사항 */ table.main_event { width:100%; border-style:none; text-align:left; } table.main_event th { border-left:solid 9px #D7D7D7; font:normal 12px Gulim,sans-serif; color:#23647E; padding:8 2 8 2; line-height:1.5;} table.main_event td { height:25; font:normal 11px Gulim,sans-serif; color:#FFFFFF; padding:0 0 0 0; border-top:solid 1px #E8E8E8;} table.main_event a:link { text-decoration:none; color:#23647E;} table.main_event a:visited { text-decoration:none; color:#23647E;} table.main_event a:active { text-decoration:none; color:#23647E;} table.main_event a:hover { text-decoration:underline; color:#23647E;} /* 왼쪽에 회색라인 그을때 사용 */ .left_line { border-left:solid 1px #EBEBEB;} /* 가로사이즈 100% */ .width100 { width:100%; border-style:none; text-align:left; font:normal 12px Gulim,sans-serif; color:#333333;} .width100c { width:100%; border-style:none; text-align:center; font:normal 12px Gulim,sans-serif; color:#333333;} .width100r { width:100%; border-style:none; text-align:center; font:normal 12px Gulim,sans-serif; color:#333333;} .position_l { text-align:left;} .position_c { text-align:center;} .position_r { text-align:right;} .align_c { text-align:center;} /* 경로 */ .route {width:100%; height:32; border-style:none; font:normal 11px Dotum; text-align:left; padding:3 0 0 10; background-image: url(images/bg_subleft_top.gif);} /* 메인 추천 상품 타이틀 */ table.main_goodstitle { width:100%; height:40; border-style:none; text-align:left; background-image: url(images/bg_maingoodstitle.gif);} table.main_goodstitle th { width:200; font:bold 12px Gulim,sans-serif; color:#FFFFFF; padding:0 0 0 0; background-image: url(images/bg_maingoodstitle2.gif); } /* 메인 추천 상품 리스트 */ table.main_goods { border-style:none; text-align:center; border-bottom:solid 1px #D7D7D7;} table.main_goods th { width:177; font:normal 12px Gulim,sans-serif; color:#333333; padding:10 7 10 7; vertical-align:text-top; background-color:#FAFAFA; } table.main_goods td { width:177; font:normal 12px Gulim,sans-serif; color:#23647E; padding:0 0 0 0;} table.main_goods a:link { text-decoration:none; color:#23647E; } table.main_goods a:visited { text-decoration:none; color:#23647E; } table.main_goods a:active { text-decoration:none; color:#23647E; } table.main_goods a:hover { text-decoration:underline; color:#23647E; } /* 하단 Copyright 영역 */ table.footer { width:920; border-style:none; text-align:right; border-right:solid 1px #EBEBEB;} table.footer th { height:30; font:bold 12px Gulim,sans-serif; color:#333333; text-align:center; background-color:#FCFCFC; } table.footer td { font:normal 11px Dotum,sans-serif; color:#23647E; text-align:center; padding:15 0 15 0;} table.footer a:link { text-decoration:none; color:#333333; } table.footer a:visited { text-decoration:none; color:#333333; } table.footer a:active { text-decoration:none; color:#333333; } table.footer a:hover { text-decoration:underline; color:#89F8FF; } .footer_seroline {img src:url(images/footer_line.gif); width:1; height:9; margin-left:10px; margin-right:10px;} /* 각 페이지 내의 서브 타이틀 테이블 */ table.title { width:100%; height:27; border-style:none; border-bottom:solid 1px #DCDCDC; background-image: url(images/title_icon.gif); background-repeat: no-repeat; background-position: 0 4; } table.title td { font:bold 13px Gulim; color:#8D0ED8; padding: 0 0 2 40; text-align:left; vertical-align:text-bottom;} table.title th { width:100; padding-right: 10px; text-align:right;} .title_list { width:100%; height:35; border-style:none; border-bottom:solid 1px #F9F9F9; font:normal 12px Gulim; color:#5A5A5A; padding:0 0 0 0; text-align:center; background-image: url(images/bg_subproduct.gif);} /* 상품 상세설명 */ .detail_goodsname { font:bold 14px 굴림, sans-serif; line-height:140%; text-decoration:none; text-align:center; color:#0087C4; padding:10 5 5 5; border-bottom:solid 2px #136EAC;} table.detail { width:100%; border-style:none;} table.detail th { width:120; font:normal 12px Gulim,sans-serif; color:#23647E; padding:6 5 1 5; text-align:left; border-bottom:solid 1px #EBEBEB; border-right:solid 1px #EBEBEB;} table.detail td { font:normal 12px Gulim,sans-serif; color:#23647E; padding:6 5 1 5; text-align:left; border-bottom:solid 1px #EBEBEB;} table.detail_title { width:100%; height:40; border-style:none; text-align:left; background-image: url(images/section_bg_04.gif);} table.detail_title th { width:200; font:bold 12px Gulim,sans-serif; color:#FFFFFF; padding:0 0 0 0; background-image: url(images/bg_maingoodstitle2.gif); } table.detail_title td { font:normal 12px Gulim,sans-serif; color:#23647E; padding:0 0 0 0;} table.detail_contents { width:100%; height:40; border-style:none; text-align:left;} table.detail_contents th { height:8; font:normal 12px Gulim,sans-serif; color:#FFFFFF; padding:0 0 0 0; background-image: url(images/section_bg_06.gif); } table.detail_contents td { font:normal 12px Gulim,sans-serif; color:#23647E; padding:10 15 20 15; line-height:150%; } .alert { width:100%; font:normal 11px Dotum, sans-serif; line-height:120%; text-decoration:none; text-align:left; color:#84BABD; padding:20 15 30 15; } table.review_all { width:100%; border-style:none; text-align:left; padding:5 5 5 5; background-image: url(images/newproduct_bg.gif); } table.review { width:100%; border-style:none; text-align:left; background-color:#FFFFFF; } table.review th { height:30; font:bold 12px Gulim,sans-serif; color:#717171; text-align:center; padding:0 0 0 0; background-color:#F4F1E9; border-bottom:solid 1px #EBEBEB; } table.review td { font:normal 12px Gulim,sans-serif; color:#666666; padding:4 5 3 3; border-bottom:solid 1px #EBEBEB; border-left:solid 1px #EBEBEB; } table.review a:link { text-decoration:none; color:#666666; } table.review a:visited { text-decoration:none; color:#666666; } table.review a:active { text-decoration:none; color:#666666; } table.review a:hover { text-decoration:underline; color:#23647E; } /* 상품 리스트 화면 */ .goods_array { width:100%; border-style:none; text-align:right; padding:7 10 20 8; font:normal 12px Gulim,sans-serif; color:#333333; background-image: url(images/bg_goodsarray.gif); } table.sub_goods { border-style:none; text-align:center;} table.sub_goods th { width:135; font:normal 12px Gulim,sans-serif; color:#333333; padding:10 7 15 7; vertical-align:text-top; border-bottom:solid 1px #EEEEEE; background-color:#FFFFFF; } table.sub_goods td { width:135; font:normal 12px Gulim,sans-serif; color:#23647E; padding:8 0 0 0;} table.sub_goods a:link { text-decoration:none; color:#23647E; } table.sub_goods a:visited { text-decoration:none; color:#23647E; } table.sub_goods a:active { text-decoration:none; color:#23647E; } table.sub_goods a:hover { text-decoration:underline; color:#23647E; } table.subcategory_all { width:100%; border-style:none; text-align:left; padding:5 5 5 5; background-image: url(images/newproduct_bg.gif); } table.subcategory { width:100%; border-style:none; text-align:left; background-color:#FFFFFF; } table.subcategory th { width:100; font:bold 12px Gulim,sans-serif; color:#136EAC; text-align:left; padding:4 5 3 3; background-image: border-left:solid 1px #EBEBEB; border-bottom:solid 1px #EBEBEB; background-color:#F4F4F4; } table.subcategory td { font:normal 12px Gulim,sans-serif; color:#666666; padding:4 5 3 3; border-bottom:solid 1px #EBEBEB; } table.subcategory a:link { text-decoration:none; color:#666666; } table.subcategory a:visited { text-decoration:none; color:#666666; } table.subcategory a:active { text-decoration:none; color:#666666; } table.subcategory a:hover { text-decoration:underline; color:#23647E; } /* 리스트 테이블 */ table.list { width:100%; border-style:none;} table.list th { font:normal 12px Gulim,sans-serif; color:#23647E; text-align:left; padding:0 0 0 0; border-bottom:solid 1px #EBEBEB; border-right:solid 1px #EBEBEB;} table.list td { font:normal 12px Gulim,sans-serif; color:#23647E; padding:8 5 4 15; border-bottom:solid 1px #EBEBEB;} table.list a:link { text-decoration:none; color:#23647E; } table.list a:visited { text-decoration:none; color:#23647E; } table.list a:active { text-decoration:none; color:#23647E; } table.list a:hover { text-decoration:underline; color:#0CA7B9; } table.list2 { border-style:none;} table.list2 th { font:normal 12px Gulim,sans-serif; color:#23647E; text-align:left; padding:0 0 0 0; border-bottom:solid 1px #EBEBEB; border-right:solid 1px #EBEBEB;} table.list2 td { font:normal 12px Gulim,sans-serif; color:#23647E; padding:7 6 5 6; border-bottom:solid 1px #EBEBEB;} table.list2 a:link { text-decoration:none; color:#23647E; } table.list2 a:visited { text-decoration:none; color:#23647E; } table.list2 a:active { text-decoration:none; color:#23647E; } table.list2 a:hover { text-decoration:underline; color:#0CA7B9; } td.p_white { font:normal 12px 돋움체,sans-serif; color:#ffffff; } td.p_white a:link { font:normal 12px 돋움체,sans-serif; text-decoration:none; color:#ffffff; } td.p_white a:visited { font:normal 12px 돋움체,sans-serif; text-decoration:none; color:#ffffff; } td.p_white a:active { font:normal 12px 돋움체,sans-serif; text-decoration:none; color:#ffffff; } td.p_white a:hover { font:normal 12px 돋움체,sans-serif; text-decoration:underline; color:#ffffff; } #navigation a:link { text-decoration:none; color:#333333; } #navigation a:visited { text-decoration:none; color:#333333; } #navigation a:active { text-decoration:none; color:#333333; } #navigation a:hover { text-decoration:underline; color:#0CA7B9; } /*layout*/ #shopWrap{ margin:auto; width:970px;} #shopHEAD{} #shopContainer{ clear:both; width:960px; float:left; margin-top:15px; padding-left:10px; } #bic_img{ float:left; width:950px; height:37px; padding-top:10px; background:url(/_t/7star/images/bg_center.gif) no-repeat;} #bic_img h2{ width:680px; float:left; color:#FFFFFF; padding:10px 0 0 20px;} #bic_img p{ width:215px; float:right; padding:10px 0 0 0; font-size:8.5pt;} #bic_img1{ clear:both; width:939px; padding:10px 0 0 9px; border-left:solid 1px #cccccc; border-right:solid 1px #cccccc;} #bic_img2{ clear:both; width:950px; height:30px; background:url(/_t/7star/images/bg_btm.gif) no-repeat; } #shopFooter{ clear:both; padding-top:15px; padding-left:10px;} #shopSUBContainer{clear:both; width:970px; margin-top:8px;} #shop_view{ clear:both; width:970px; float:left; } #shop_view h2{ height:35px; padding-top:10px; font-size:11pt;} #shop_view h2 span{ color:#f96c13;} #shop_view .shop_box{ border:solid 1px #cecece; width:968px; float:left;} #shop_view .shop_box2{ border:solid 5px #f8f8f8; width:938px; float:left; padding:10px;} #shop_view .img_box{ float:left; width:330px; border:solid 1px #cccccc; padding:9px} #shop_view .shop_text{ float:right; width:500px;} .price{ color:#008bcc; font-weight:bold;} #shop_view input{ width:30px; border: solid 1px #cccccc; height:15px;}