@charset "utf-8"; /* 페이지 랩 */ #wrapper { margin:0 auto; text-align:center; width:100%; min-width:1040px; position:relative;} /* 페이지 헤더 */ #wrapper .header { width:100%; text-align:center; margin:0 auto; float:left; background:url(../image/common/header_back.jpg) repeat-x;} #wrapper .header .headerWrap { width:1000px; margin:0 auto; position:relative; text-align:left; margin-bottom:20px; } #wrapper .header .headerWrap .bookmark { position:absolute; top:6px; left:0;} #wrapper .header .headerWrap .bookmark li { float:left; display:inline; padding-right:10px} #wrapper .header .headerWrap .bookmark li.book a{font-size:11px; color:#9f9f9f; letter-spacing:-1px } #wrapper .header .headerWrap .bookmark li.blog a{ font-size:11px; color:#21b105; letter-spacing:-1px } #wrapper .header .headerWrap .bookmark li.print a{ font-size:12px; color:#f4822f; letter-spacing:-1px; margin-left:130px} #wrapper .header .headerWrap .global { position:absolute; top:5px; right:0;} #wrapper .header .headerWrap .global li { float:left; color:#bababa; padding:0 10px 0 0;} #wrapper .header .headerWrap .global li.last {float:left; color:#bababa; padding:0 0 0 0; } /* 신규 텍스트 탑메뉴 */ #wrapper .header .headerWrap .topMenu { position:absolute; top:6px; right:0; width:auto; } #wrapper .header .headerWrap .topMenu li { float:left; color:#bababa; font-size:11px; padding-right:18px} #wrapper .header .headerWrap .topMenu li.last {float:left; padding:0; } #wrapper .header .headerWrap .topMenu li a { float:left; color:#171717; font-size:11px} #wrapper .header .headerWrap .topMenu li a:hover { float:left; color:#333; font-size:11px} #wrapper .header .headerWrap .box { position:absolute; right:40px; top:42px;height:28px; width:425px; display:block; z-index:900; padding:0; margin:0; border:0 none;} #wrapper .header .headerWrap .select_form { position:absolute; right:153px; top:45px;height:23px; width:295px; display:block; z-index:999; padding:0; margin:0; border:0 none; background-color:#f00} #wrapper .header .headerWrap .search_form { position:absolute; right:2px; top:45px;height:34px; width:218px; display:block; z-index:1000; padding:0; margin:0; border:0 none;} #wrapper .header .headerWrap form input { width:143px; height:19px; display:block; float:left; font-size:12px; color:#000000; padding:0; margin:0 2px 0 0; vertical-align:middle; border:2px solid #f00 } #wrapper .header .headerWrap form select { width:143px; display:block; float:left; font-size:12px; color:#000000; padding-top:2px; margin:2px 0 0 2px;vertical-align:middle; line-height:15px; } #wrapper .header .headerWrap form input[type=image] { float:left; height:28px;width:38px; padding:0; margin:-3px 0 0 5px; border:0 none; cursor:pointer; } #wrapper .header .headerWrap form button img { cursor:pointer; } #wrapper .header h1 { margin:35px 0 0 0; float:left; } #wrapper .header .nav { margin:0 0 10px 0; float:right; width:1000px; text-align:left;color:#FFF; font-size: 25px; font-weight:bold; } /* 대메뉴 텍스트 색상 */ #wrapper .header .nav li { display:block; float:left; margin:14px 0 0 0; padding:0; position:relative; } /* 대메뉴 텍스트 위치 */ #wrapper .header .nav li a { color:#FFF; font-size: 18px; font-weight:bold; } #wrapper .header .nav li img { vertical-align:bottom; } #wrapper .header .nav li ul { position:absolute; width:1000px; text-align:left; left:-90px; top:25px; margin:0; } #wrapper .header .nav li ul li { display:block; width:auto; margin:0; padding:0 ; } #wrapper .header .nav li ul li.noLine { } #wrapper .header .nav li ul li a { } #wrapper .header .nav li ul li a:hover { } /* 신규 텍스트 대메뉴 */ #wrapper .header .bigMenu { float:left; margin-bottom:24px; width:1000px; margin-top:14px; height:39px; } #wrapper .header .bigMenu li { float:left; display:inline; } #wrapper .header .bigMenu li.allCate { padding-top:10px; padding-right:40px } #wrapper .header .bigMenu li.menu { text-align:left; padding-top:10px; letter-spacing:-1px; margin-right:72px} #wrapper .header .bigMenu li.menu2 { text-align:left; padding-top:10px; letter-spacing:-1px; margin-right:72px} #wrapper .header .bigMenu li.menuLast { text-align:left; padding-top:10px; letter-spacing:-1px } #wrapper .header .bigMenu li a { color:#FFF; font-size: 15px; font-weight:bold } #wrapper .header .bigMenu li.menu2 a { color:#ffffaa} /* 메뉴위치 */ #wrapper .header .nav li ul.long { left:-190px; } #wrapper .header .nav li ul.lastMenu { left:-50px; } #wrapper .header .nav li ul.first { left:0; } #wrapper .header .nav li ul.secon { left:-10px; } #wrapper .header .nav li ul.middle { left:-50px; } /* 페이지 풋터 */ #wrapper .footer { width:100%; float:left; text-align:center; margin:0 auto; margin-top:17px; background:url(../image/common/copy_back.jpg) repeat-x;} #wrapper .footer .footerWrap { width:1000px; margin:0 auto; position:relative; height:100px;} #wrapper .footer .footerWrap .f_menu { float:left; width:1000px; padding-bottom:25px; } #wrapper .footer .footerWrap .f_menu ul { float:left; width:1000px; padding-top:10px} #wrapper .footer .footerWrap .f_menu ul li.fir { padding-left:0; background:none; } #wrapper .footer .footerWrap .f_menu ul li { display:inline; padding-left:30px; background:url(../image/common/copy_line.jpg) no-repeat 8px 1px; margin-left:10px} #wrapper .footer .footerWrap .f_menu ul li a { color:#7d7d7d; font-size:11px} #wrapper .footer .footerWrap .f_menu ul li a:hover { color:#3d3d3d; } #wrapper .footer .footerWrap .f_copy { float:left; width:800px; background:url(../image/common/copy_logo.jpg) no-repeat; height:70px; padding-left:120px; text-align:left } #wrapper .footer .footerWrap .f_copy .t_copy { font-size:11px; padding-top:3px; color:#666} #wrapper .footer .footerWrap .f_copy .t_copy a{ font-size:11px; color:#666} #wrapper .footer .footerWrap .f_banner { display:block; overflow:hidden; float:left; padding-left:120px; padding-top:3px; margin-bottom:40px } #wrapper .footer .footerWrap .f_banner li { float:left; margin-right:25px; } /* 인덱스 컨테이너 */ #wrapper .contentWrap { width:1000px; margin:0 auto; text-align:left; } /* 인덱스 컨테이너 레프트 컨텐츠 */ #wrapper .contentWrap .leftContent { width:780px; float:left; height:240px; padding-bottom:8px;} #wrapper .contentWrap .leftContent .producttext { float:left; width:190px; height:240px; background:url(../image/main/cont_left_bg_off.jpg) repeat-x;} #wrapper .contentWrap .leftContent .producttext ul li { float: left; text-align:right } #wrapper .contentWrap .leftContent .producttext ul li a { display: block; height: 23px; width: 180px; color: #b3b3b3; padding:7px 10px 0 0} #wrapper .contentWrap .leftContent .producttext ul li.selected a { color:#ff6c6c; background:url(../image/main/cont_left_bg_on.jpg) no-repeat;} #wrapper .contentWrap .leftContent .producttext ul li a { text-decoration: none; color:#d8d8d8; } #wrapper .contentWrap .leftContent .productimg { float:left; width:590px; } span.title2 { font-weight:bold; } /* 인덱스 컨테이너 라이트 컨텐츠 */ #wrapper .contentWrap .rightContent { width:213px; float:left; margin-left:5px; border:1px solid #dedede } #wrapper .contentWrap .rightContent .topBanner {float:left; width:203px; border:5px solid #ededed; background-color:#FFF} /* 베스트 아이템 */ #wrapper .contentWrap .rightContent .bestitem { width:215px; float:left; height:119px; background:url(../image/main/right_best_bg.jpg) repeat-x; } #wrapper .contentWrap .rightContent .bestitem ul.product { clear:right; margin:15px 0 0 12px; height:87px; width:180px;} #wrapper .contentWrap .rightContent .bestitem ul.product li.photo { float:left; padding-bottom:5px; width:90px;} #wrapper .contentWrap .rightContent .bestitem ul.product li.besttitle { float:left; font-weight:bold; width:90px; padding-bottom:7px; text-align:center; } #wrapper .contentWrap .rightContent .bestitem ul.product li.title { float:left; font-weight:bold; width:90px; text-align:center; } #wrapper .contentWrap .rightContent .bestitem ul.product li.won { float:left; width:90px; text-align:center; } #wrapper .contentWrap .rightContent .bestitem ul.product li.icon { float:left; width:90px; padding:4px 0 0 0; text-align:center; } #wrapper .contentWrap .rightContent .bestitem ul.rotation { clear:left; width:100px; padding-left:90px } #wrapper .contentWrap .rightContent .bestitem ul.rotation li { float:left;padding:0 3px 0 3px; } /* 뉴 아이템 */ #wrapper .contentWrap .rightContent .newitem { width:215px; float:left; height:116px; margin-top:5px; background:url(../image/main/right_hit_bg.jpg) no-repeat; } #wrapper .contentWrap .rightContent .newitem .center {float: left; width:215px; padding-top:15px } #wrapper .contentWrap .rightContent .newitem .center ul li.photo { float:left; width:80px; padding:0 5px 0 15px} #wrapper .contentWrap .rightContent .newitem .center ul li.title { float:left; font-weight:bold; width:100px; text-align:center; padding-top:15px } #wrapper .contentWrap .rightContent .newitem .center ul li.won { float:left; width:100px; text-align:center; } #wrapper .contentWrap .rightContent .newitem .center ul li.icon { float:left; width:100px; padding:4px 0 0 0; text-align:center; } #wrapper .contentWrap .rightContent .newitem ul.rotation { clear:left; width:100px; padding-left:90px } #wrapper .contentWrap .rightContent .newitem ul.rotation li { float:left;padding:5px 3px 0 3px; } /* Hit 아이템 */ #wrapper .contentWrap .rightContent .hititem { width:215px; float:left; height:116px; margin-top:5px; background:url(../image/main/right_hit_bg.jpg) no-repeat; } #wrapper .contentWrap .rightContent .hititem {float: left; width:215px; padding-top:15px } #wrapper .contentWrap .rightContent .hititem ul li.photo { float:left; width:80px; padding:0 5px 0 15px} #wrapper .contentWrap .rightContent .hititem ul li.title { float:left; font-weight:bold; width:100px; text-align:center; padding-top:15px } #wrapper .contentWrap .rightContent .hititem ul li.won { float:left; width:100px; text-align:center; } #wrapper .contentWrap .rightContent .hititem ul li.icon { float:left; width:100px; padding:4px 0 0 0; text-align:center; } #wrapper .contentWrap .rightContent .hititem ul.rotation { clear:left; width:100px; padding-left:90px } #wrapper .contentWrap .rightContent .hititem ul.rotation li { float:left;padding:5px 3px 0 3px; } /* 페이지 컨테이너 */ #wrapper .pageWrap { width:1000px; margin:0 auto; text-align:left; } /* 페이지 레프트메뉴 */ #wrapper .pageWrap .pageLeft { width:210px; float:left; } #wrapper .pageWrap .pageLeft h2 {width:210px; float:left; font-size:22px; color:#363636; font-weight:bold; padding:0 0 0 0;text-align:center; } #wrapper .pageWrap .pageLeft .category { width:210px; float:left; } #wrapper .pageWrap .pageLeft .category img { float:left; } #wrapper .pageWrap .pageLeft .category ul { float:left; width:210px;margin:0; padding:0; } #wrapper .pageWrap .pageLeft .category ul li { float:left; } #wrapper .pageWrap .pageLeft .category ul li.title { width:184px; float:left; border-bottom:1px solid #d7d7d7;font-weight:bold; padding:3px 0 3px 0; } #wrapper .pageWrap .pageLeft .category ul li.title a { width:184px; float:left; font-weight:bold;} #wrapper .pageWrap .pageLeft .category ul li.sub { width:184px; float:left; padding:1px 0 0 10px;font-size:11px; } #wrapper .pageWrap .pageLeft .category ul li.sub_last { width:174px; float:left; border-bottom:1px solid #d7d7d7; padding:1px 0 3px 10px;font-size:11px;} #wrapper .pageWrap .pageLeft .leftBanner { float:left; width:auto; padding-top:6px } #wrapper .pageWrap .pageLeft .leftBanner .box{float:left; width:208px; border:1px solid #d7d7d7; margin-bottom:15px} #wrapper .pageWrap .pageLeft .leftBanner .box p a{ font-size:11px; color:#848484; letter-spacing:-1px} #wrapper .pageWrap .pageLeft .leftBanner .box .title {float:left; padding:12px 0 0 10px; font-size:14px; color:#535353; font-weight:bold; letter-spacing:-1px} #wrapper .pageWrap .pageLeft .leftBanner .box .title a{float:left; font-size:14px; color:#535353; font-weight:bold; letter-spacing:-1px} #wrapper .pageWrap .pageLeft .leftBanner .box .sText a{float:left; width:135px; font-size:11px; color:#848484; padding:8px 0 12px 10px; letter-spacing:-1px;} #wrapper .pageWrap .pageLeft .leftBanner .box .num{float:left; width:135px; font-size:15px; color:#848484; padding:5px 0 0 10px; font-weight:bold; color:#e00000; height:65px;} #wrapper .pageWrap .pageLeft .leftBanner .box .num img{ padding-top:2px} #wrapper .pageWrap .pageLeft .leftBanner .box .pic{float:right; padding-right:10px; padding-top:7px} #wrapper .pageWrap .pageLeft .leftBanner .box .gray{ float:left; width:173px; padding:6px; background-color:#f7f7f7; margin-left:12px; margin-bottom:12px; font-size:11px; letter-spacing:-1px; color:#797979} #wrapper .pageWrap .pageLeft .leftBanner .box .call{float:left; width:178px; font-size:11px; color:#848484; padding:5px 0 10px 10px; letter-spacing:-1px;} #wrapper .pageWrap .pageLeft .leftBanner .box .call_mail {float:left; width:178px; font-size:15px; color:#848484; padding:5px 0 10px 10px; letter-spacing:-1px;} #wrapper .pageWrap .pageLeft .leftBanner .box .call strong{color:#333} #wrapper .pageWrap .pageLeft .leftBanner .box .call_mail strong{color:#333; font-size:15px} #wrapper .pageWrap .pageLeft .leftBanner .box .call_bottom{float:left; width:178px; font-size:11px; color:#848484; padding:0 0 12px 10px; letter-spacing:-1px;} #wrapper .pageWrap .pageLeft .leftBanner .box .bank{float:left; width:178px; font-size:14px; color:#848484; padding:5px 0 0 10px; font-weight:bold; color:#e00000;} #wrapper .pageWrap .pageLeft .leftBanner .box .leftImg{float:left; width:52px; padding:8px;} #wrapper .pageWrap .pageLeft .leftBanner .box .rText{float:right; width:120px; padding:8px 8px 8px 0;} #wrapper .pageWrap .pageLeft .leftBanner .box .rText .rTitle{ font-size:14px; font-weight:bold; color:#F00} #wrapper .pageWrap .pageLeft .leftBanner .box .rText .gTitle{ font-size:14px; font-weight:bold; color:#535353} /* 페이지 레프트 메뉴 텍스트 */ #wrapper .pageWrap .pageLeft .menu { width:210px; float:left;} #wrapper .pageWrap .pageLeft .menu .TopText { width:210px; float:left; font-weight:bold; padding:12px 0 12px 0; text-align:center; font-size:14px; font-weight:bold; color:#fff; letter-spacing:-1px; line-height:90%; background-color:#363636} #wrapper .pageWrap .pageLeft .menu p { width:200px; float:left; font-weight:bold; padding:20px 0 5px 0; text-align:center; font-size:20px; font-weight:bold; color:#000; letter-spacing:-1px; border-right:5px solid #c63fe5; border-left:5px solid #c63fe5; line-height:90%} #wrapper .pageWrap .pageLeft .menu .gray { text-align:center; font-size:11px; font-weight:bold; color:#c6c6c6 } #wrapper .pageWrap .pageLeft .menu ul { float:left; width:200px;margin:0; border-left:5px solid #c63fe5; border-right:5px solid #c63fe5; } #wrapper .pageWrap .pageLeft .menu ul li { float:left; } #wrapper .pageWrap .pageLeft .menu ul li.category { width:180px; float:left; font-weight:bold; padding:27px 0 12px 0; margin:0 10px; text-align:center; font-size:25px; font-weight:bold; background-color:#000; } #wrapper .pageWrap .pageLeft .menu ul li.category .gray { text-align:center; font-size:15px; font-weight:bold; color:#8a8a8a } #wrapper .pageWrap .pageLeft .menu ul li.title { width:165px; float:left; border-bottom:1px solid #d7d7d7; border-top:1px solid #d7d7d7; font-weight:bold; padding:6px 0 7px 15px; margin:15px 10px 0 10px; background:url(../image/common/left_menu_dot.jpg) no-repeat;} #wrapper .pageWrap .pageLeft .menu ul li.title a { float:left; font-weight:bold; } #wrapper .pageWrap .pageLeft .menu ul li.title a:hover { float:left; font-weight:bold; color:#ee1c24 } #wrapper .pageWrap .pageLeft .menu ul li.titleSub { width:165px; float:left; border-bottom:1px solid #d7d7d7; font-weight:bold; padding:5px 0 7px 15px; margin:2px 10px 0 10px; background:url(../image/common/left_menu_dot.jpg) no-repeat;} #wrapper .pageWrap .pageLeft .menu ul li.titleSub a { float:left; font-weight:bold; } #wrapper .pageWrap .pageLeft .menu ul li.titleSub a:hover { float:left; font-weight:bold; color:#ee1c24 } #wrapper .pageWrap .pageLeft .menu ul li.sub { width:165px; float:left; padding:5px 0 0 15px; margin:0 10px; } #wrapper .pageWrap .pageLeft .menu ul li.sub a { float:left; color:#5f5f5f } #wrapper .pageWrap .pageLeft .menu ul li.sub a:hover { float:left; text-decoration:underline } #wrapper .pageWrap .pageLeft .menu ul li.last { width:200px; float:left; padding-bottom:25px; border-bottom:5px solid #c63fe5; } .cate_selected a {color:orange !important;font-weight:bold !important; } /* 페이지 라이트 */ #wrapper .pageWrap .pageRight { width:760px; float:left; text-align:left; margin-left:30px; } #wrapper .pageWrap .pageRight h4 { width:100%; float:left; clear:left; padding:10px 0 10px 0; display:block; font-size:20px; border-bottom:1px solid #d7d7d7;} #wrapper .pageWrap .pageRight .contnetHeader { width:760px; float:left; text-align:left} #wrapper .pageWrap .pageRight .contnetHeader span { width:760px; float:left; color:#898989; font-size:11px; padding-top:5px; padding-bottom:5px; border-bottom:1px solid #d7d7d7; } #wrapper .pageWrap .pageRight .contnetHeader span a{color:#898989; font-size:11px;} #wrapper .pageWrap .pageRight .contnetHeader span a:hover{color:#000; font-size:11px;} #wrapper .pageWrap .pageRight .contnetHeader h4 { width:100%; float:left; clear:left; padding:10px 0 10px 0; display:block; font-size:20px; border-bottom:1px solid #d7d7d7; } #wrapper .pageWrap .pageRight .contnetHeader .pageVisual { float:right; width:auto; } #wrapper .pageWrap .pageRight .contentPage { width:760px; float:left; margin-top:20px; padding-bottom:75px; clear:left; line-height:160%; } #wrapper .pageWrap .pageRight .sort { width:100%; float:left; clear:left; padding:10px 0 10px 0; display:block; border-bottom:1px solid #d7d7d7;background-color:#f4f4f4; } #wrapper .pageWrap .pageRight .product_title { width:100%; float:left; clear:left; padding:0 0 10px 0; display:block; border-bottom:1px solid #d7d7d7;} #wrapper .pageWrap .pageRight .product_title ul { float:left; width:100%;} #wrapper .pageWrap .pageRight .product_title ul li { float:left; font-size:20px;padding-left:23px; font-weight:bold; background:url(../image/common/title_arrow.jpg) no-repeat; } #wrapper .pageWrap .pageRight .product_title ul li.more{text-align:left; font-size:11px; float:right; padding-top:10px; height:15px; background:none;} /* 앱솔루트 포지션 및 배치클리어 */ .topLeft, .topRight, .bottomLeft, .bottomRight { position:absolute; background-repeat:no-repeat; float:left; } .topLeft { background-position:top left; } .topRight { background-position:top right; } .bottomLeft { background-position:bottom left; } .bottomRight { background-position:bottom right; } .clear { clear:both; } /*서브제목*/ h4 {clearh:left;font-size:14; font-weight:bold;} h5 {clearh:left;font-size:12; font-weight:bold;} /* 롤링배너 */ #wrapper .contentWrap .rightContent .contentWrap .bannerArea { width:100%; text-align:center; display:block; padding:10px 0 23px 0; margin:30px 0 0 0; position:relative; height:34px; float:left; border-top:1px solid #d7d7d7; } #wrapper .contentWrap .rightContent .contentWrap .bannerArea p { float:left; width:1.5%; height:32px; margin:0; padding:0; background:url(../image/banner/bannerBack.jpg) repeat-x; border:1px solid #d7d7d7; } #wrapper .contentWrap .rightContent .contentWrap .bannerArea p.nextBa { float:right; } #wrapper .contentWrap .rightContent .contentWrap .bannerArea div { position:relative; overflow:hidden; float:left; width:96%; height:59px; } #wrapper .contentWrap .rightContent .contentWrap .bannerArea div ul {position:absolute; left:15px; top:0; width:15000px; height:34px; text-align:center; } #wrapper .contentWrap .rightContent .contentWrap .bannerArea div ul li { margin:0 5px; float:left; width:112px; height:32px; } #wrapper .contentWrap .rightContent .contentWrap .bannerArea div ul li a img { border:1px solid #d7d7d7; } #wrapper .contentWrap .rightContent .contentWrap .bannerArea div.bannerArea_num { display:none; } /* 인덱스 컨텐츠 */ #wrapper .contentWrap .centerContent { width:1000px; float:left; text-align:left; padding:10px 0 0 0; } /* 컨텐츠 상품 3개 */ #wrapper .contentWrap .centerContent .special { float:left; margin:0; width:1000px; padding-bottom:25px} #wrapper .contentWrap .centerContent .special ul { float:left; margin:0;} #wrapper .contentWrap .centerContent .special ul li { float:left; margin:0; width:330px; padding:0 5px 0 0; } #wrapper .contentWrap .centerContent .special ul li.last { float:left; margin:0; width:330px; padding:0 0 0 0; } /* 다코 신상품 */ #wrapper .contentWrap .centerContent .daconew { float: left; width:1000px; margin-bottom:14px;} #wrapper .contentWrap .centerContent .daconew .title{ float: left; width:1000px;} #wrapper .contentWrap .centerContent .daconew .title .kr a{font-size:14px; font-weight:bold; letter-spacing:-1px;} #wrapper .contentWrap .centerContent .daconew .title .eng a{font-weight:bold; font-size:14px; color:#999999} #wrapper .contentWrap .centerContent .daconew .box { float: left; width:1000px; margin-top:5px; border-top:3px solid #ca0039; padding-top:10px} #wrapper .contentWrap .centerContent .daconew .prev { float: left; width:15px } #wrapper .contentWrap .centerContent .daconew .prev img { padding-top:45px } #wrapper .contentWrap .centerContent .daconew .next {float: right; width:15px; text-align:right } #wrapper .contentWrap .centerContent .daconew .next img { padding-top:45px } #wrapper .contentWrap .centerContent .daconew .center {float: left; width:1000px; } #wrapper .contentWrap .centerContent .daconew .center ul { float:left; margin:0;} #wrapper .contentWrap .centerContent .daconew .center ul li { float:left; margin:0; width:330px; padding:0 5px 0 0; } #wrapper .contentWrap .centerContent .daconew .center ul li.last { float:left; margin:0; width:330px; padding:0 0 0 0; } /* 상품 대체 이미지 */ #wrapper .contentWrap .centerContent .random { float:left; margin:0; width:995px; margin-bottom:20px; border:1px solid #d7d7d7; padding: 3px 0 3px 3px} #wrapper .contentWrap .centerContent .random ul { float:left; margin:0;} #wrapper .contentWrap .centerContent .random ul li { float:left; margin:0; width:196px; padding:0 3px 0 0; } #wrapper .contentWrap .centerContent .random ul li.last { float:left; margin:0; width:196px; padding:0 0 0 0; } #wrapper .contentWrap .centerContent .product_section_left { width:490px; float:left; margin: 10px 0 30px 0; } #wrapper .contentWrap .centerContent .product_section_left .product_title { float:left; padding:0 0 0 0; margin-bottom:10px;} #wrapper .contentWrap .centerContent .product_section_left .product_title ul { float:left; width:490px;} #wrapper .contentWrap .centerContent .product_section_left .product_title ul li { float:left;} #wrapper .contentWrap .centerContent .product_section_left .product_title ul li.more { text-align:left; float:right;} #wrapper .contentWrap .centerContent .product_section_left .product_content { float:left; border:1px solid #d7d7d7; width:490px;min-height:395px;background-color:#f5f5f5;} #wrapper .contentWrap .centerContent .product_section_left .product_content .left { float:left; width:200px; padding:15px 0 10px 13px; } #wrapper .contentWrap .centerContent .product_section_left .product_content .left ul { float:left; width:210px; } #wrapper .contentWrap .centerContent .product_section_left .product_content .left ul li { clear:left; width:210px; } #wrapper .contentWrap .centerContent .product_section_left .product_content .left ul li.subscript { clear:left; width:210px; padding:0 0 15px 0; } #wrapper .contentWrap .centerContent .product_section_left .product_content .left ul li.photo { clear:left; width:210px; } #wrapper .contentWrap .centerContent .product_section_left .product_content .left ul li.title { clear:left; width:210px; font-weight:bold; color:#225dc1; font-size:13px; text-align:center;padding:5px 0 0 0; } #wrapper .contentWrap .centerContent .product_section_left .product_content .left ul li.icon { clear:left; width:210px; text-align:center; padding:3px 0 0 0;} #wrapper .contentWrap .centerContent .product_section_left .product_content .left ul li.won { clear:left; width:210px; font-weight:bold; font-size:13px;text-align:center; } #wrapper .contentWrap .centerContent .product_section_left .product_content .right { float:right; width:263px; padding:15px 0 0 0;} #wrapper .contentWrap .centerContent .product_section_left .product_content .right ul { float:left; width:128px; padding:0 3px 10px 0; min-height:180px; } #wrapper .contentWrap .centerContent .product_section_left .product_content .right ul li { float:left; width:118px; } #wrapper .contentWrap .centerContent .product_section_left .product_content .right ul li.photo { clear:left; width:118px; padding:0 0 5px 0; text-align:center;} #wrapper .contentWrap .centerContent .product_section_left .product_content .right ul li.title { clear:left; width:118px; font-weight:bold; color:#225dc1; font-size:13px; text-align:center; } #wrapper .contentWrap .centerContent .product_section_left .product_content .right ul li.icon { clear:left; width:118px; text-align:center;padding:3px 0 0 0; } #wrapper .contentWrap .centerContent .product_section_left .product_content .right ul li.won { clear:left; width:118px; font-weight:bold; font-size:13px; text-align:center; } #wrapper .contentWrap .centerContent .product_section_right { width:490px; float:left; margin: 10px 0 30px 18px ; } #wrapper .contentWrap .centerContent .product_section_right .product_title { float:left; padding:0 0 0 0; margin-bottom:10px;} #wrapper .contentWrap .centerContent .product_section_right .product_title ul { float:left; width:490px;} #wrapper .contentWrap .centerContent .product_section_right .product_title ul li { float:left;} #wrapper .contentWrap .centerContent .product_section_right .product_title ul li.more { text-align:left; float:right;} #wrapper .contentWrap .centerContent .product_section_right .product_content { float:left; border:1px solid #d7d7d7; width:490px;min-height:395px;background-color:#f5f5f5; } #wrapper .contentWrap .centerContent .product_section_right .product_content .left { float:left; width:205px; padding:15px 0 10px 13px; } #wrapper .contentWrap .centerContent .product_section_right .product_content .left ul { float:left; width:210px; } #wrapper .contentWrap .centerContent .product_section_right .product_content .left ul li { clear:left; width:210px; } #wrapper .contentWrap .centerContent .product_section_right .product_content .left ul li.subscript { clear:left; width:210px; padding:0 0 15px 0; } #wrapper .contentWrap .centerContent .product_section_right .product_content .left ul li.photo { clear:left; width:210px; } #wrapper .contentWrap .centerContent .product_section_right .product_content .left ul li.title { clear:left; width:210px; font-weight:bold; color:#225dc1; font-size:13px; text-align:center; padding:5px 0 0 0;} #wrapper .contentWrap .centerContent .product_section_right .product_content .left ul li.icon { clear:left; width:210px; text-align:center;padding:3px 0 0 0; } #wrapper .contentWrap .centerContent .product_section_right .product_content .left ul li.won { clear:left; width:210px; font-weight:bold; font-size:13px;text-align:center; } #wrapper .contentWrap .centerContent .product_section_right .product_content .right { float:right; width:263px; padding:15px 0 0 0;} #wrapper .contentWrap .centerContent .product_section_right .product_content .right ul { float:left; width:128px;padding:0 3px 10px 0; min-height:180px; } #wrapper .contentWrap .centerContent .product_section_right .product_content .right ul li { float:left; width:118px; } #wrapper .contentWrap .centerContent .product_section_right .product_content .right ul li.photo { clear:left; width:118px; padding:0 0 5px 0; text-align:center;} #wrapper .contentWrap .centerContent .product_section_right .product_content .right ul li.title { clear:left; width:118px; font-weight:bold; color:#225dc1; font-size:13px; text-align:center; } #wrapper .contentWrap .centerContent .product_section_right .product_content .right ul li.icon { clear:left; width:118px; text-align:center;padding:3px 0 0 0; } #wrapper .contentWrap .centerContent .product_section_right .product_content .right ul li.won { clear:left; width:118px; font-weight:bold; font-size:13px; text-align:center; } /* 상단 제품 */ #wrapper .contentWrap .centerContent .product_section { width:1000px; float:left; margin: 0 0 4px 0;} #wrapper .contentWrap .centerContent .product_section .product_title { float:left; padding:0px 0 0px 0; margin-bottom:6px; width:1000px;} #wrapper .contentWrap .centerContent .product_section .product_title .titimg a{float:left; font-size:14px; font-weight:bold; letter-spacing:-1px; padding-top:5px} #wrapper .contentWrap .centerContent .product_section .product_title .titimg strong{font-weight:bold; color:#f1634d; letter-spacing:-1px} #wrapper .contentWrap .centerContent .product_section .product_title .titimg span{font-weight:bold; font-size:14px; color:#999999} #wrapper .contentWrap .centerContent .product_section .product_title .more { float:right; color:#4c4c4c;} #wrapper .contentWrap .centerContent .product_section .product_title .more ul { float:left; padding-top:5px;} #wrapper .contentWrap .centerContent .product_section .product_title .more ul li.cat{ float:left; padding-top:4px} #wrapper .contentWrap .centerContent .product_section .product_title .more ul li.cat a{ font-size:11px; color:#999; margin-right:10px } #wrapper .contentWrap .centerContent .product_section .product_title .more ul li.cat a:hover{ text-decoration:underline} #wrapper .contentWrap .centerContent .product_section .product_title .more ul li{ float:left; } #wrapper .contentWrap .centerContent .product_section .product_content { float:left; width:998px; background-color:#ededed; border:1px solid #dedede; margin-bottom:14px; } #wrapper .contentWrap .centerContent .product_section .product_content .titimg { float:left; width:208px; height:100%;} #wrapper .contentWrap .centerContent .product_section .product_content .product_list { float:right; width:981px; min-height:200px; padding-top:11px; padding-left:7px; padding-bottom:10px; border:5px solid #ededed; background-color:#FFF;} #wrapper .contentWrap .centerContent .product_section .product_content .product_list ul { float:left; width:140px; padding:0 11px 0 11px; min-height:215px;} #wrapper .contentWrap .centerContent .product_section .product_content .product_list ul li { float:left; width:140px;text-align:center } /* 메인 제품 */ .product_list .photo { clear:left; width:140px; padding:5px 0 5px 0; text-align:center} .product_list .title_button { clear:left; width:140px; padding:5px 0 5px 0; text-align:center} .product_list .title { clear:left; width:140px; text-align:center; } .product_list .icon { clear:left; width:140px; text-align:center;padding:3px 0 0 0; line-height:20px} .thum .icon {line-height:20px} .thum .title_button { padding-bottom:3px; } .product_list .won { clear:left; width:140px; font-weight:bold; text-align:center; } #wrapper .contentWrap .centerContent .etc {clear:left;} #wrapper .contentWrap .centerContent .m_notice { width:200px; float:left; margin: 0 10px 30px 0;} #wrapper .contentWrap .centerContent .m_notice .notice_title {float:left; padding:3px 0 10px 0;border-bottom:1px solid #d7d7d7; margin-bottom:15px;} #wrapper .contentWrap .centerContent .m_notice .notice_title ul {float:left; width:200px;} #wrapper .contentWrap .centerContent .m_notice .notice_title ul li {float:left; font-size:14px; font-weight:bold; letter-spacing:-1px} #wrapper .contentWrap .centerContent .m_notice .notice_title ul li a{float:left; font-size:11px; letter-spacing:-1px; color:#F00} #wrapper .contentWrap .centerContent .m_notice .notice_title ul li.more {text-align:left; float:right; padding-top:4px} #wrapper .contentWrap .centerContent .m_notice .notice_text { float:left; padding:0 0 15px 0; } #wrapper .contentWrap .centerContent .m_notice .notice_text ul { float:left;} #wrapper .contentWrap .centerContent .m_notice .notice_text ul li { clear:left; background:url(../image/common/arrow1.jpg) no-repeat; padding:2px 0 0 11px; height:15px;} #wrapper .contentWrap .centerContent .quick { width:530px; float:left; margin: 0 10px 30px 10px;} #wrapper .contentWrap .centerContent .quick .quick_title{ float:left; width:530px; padding:4px 0 10px 0; padding-top:4px; padding-bottom:10px; border-bottom:1px solid #d7d7d7; margin-bottom:15px; font-size:14px; font-weight:bold; letter-spacing:-1px} #wrapper .contentWrap .centerContent .quick .quick_icon { float:left; width:530px;} #wrapper .contentWrap .centerContent .quick .quick_icon ul { float:left; width:105px;} #wrapper .contentWrap .centerContent .quick .quick_icon ul li{text-align:center; border-right:1px solid #d7d7d7; } #wrapper .contentWrap .centerContent .quick .quick_icon ul li.text{text-align:center; font-weight:bold; font-size:11px; color:#565656; border-right:1px solid #d7d7d7; } #wrapper .contentWrap .centerContent .quick .quick_icon ul li.last{text-align:center; border:none} #wrapper .contentWrap .centerContent .quick .quick_icon ul li.last_text{text-align:center; font-weight:bold; font-size:11px; color:#565656; border:none} #wrapper .contentWrap .centerContent .customer { width:228px; float:left; margin: 0 0 30px 9px; border:1px solid #d7d7d7;} #wrapper .contentWrap .centerContent .customer .banking { float:left; width:207px; padding:10px 7px 10px 0; border-bottom:1px dashed #e4e4e4; margin-left:7px} #wrapper .contentWrap .centerContent .customer .banking h4 {font-size:14px; padding-bottom:5px; letter-spacing:-1px; padding-left:5px} #wrapper .contentWrap .centerContent .customer .banking p{ float:left; padding-bottom:5px; font-size:13px; font-weight:bold; line-height:100%} #wrapper .contentWrap .centerContent .customer .banking .pic{float:left; width:65px; padding-left:5px} #wrapper .contentWrap .centerContent .customer .call { float:left; width:207px; margin-bottom:10px; margin-left:12px; margin-top:7px; padding-bottom:17px;} #wrapper .contentWrap .centerContent .customer .call h4 {float:left; font-size:14px; padding-bottom:5px; letter-spacing:-1px; width:65px; padding-top:3px; } #wrapper .contentWrap .centerContent .customer .call .num{ float:left; color:#F00; font-weight:bold; font-size:16px; line-height:130%; width:120px; height:50px } #wrapper .contentWrap .centerContent .customer .call .num .pic {float:left; padding-left:2px} /* 메인 가격대별 검색 */ #wrapper .contentWrap .centerContent .price { width:998px; float:left; margin:0 0 20px 0; border:1px solid #d7d7d7;} #wrapper .contentWrap .centerContent .price img { } #wrapper .contentWrap .centerContent .price .step{ float:left; width:227px;} #wrapper .contentWrap .centerContent .price .step ul{ clear:left;} #wrapper .contentWrap .centerContent .price .step ul li { clear:left; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; padding:5px 0 5px 30px; } #wrapper .contentWrap .centerContent .price .step ul li a { font-weight:bold; color:#666} #wrapper .contentWrap .centerContent .price .step ul li.title{ clear:left; height:24px; text-align:center; font-weight:bold; color:#ffffff; font-size:15px; padding:10px 5px 5px 5px; background-color:#c63fe5} #wrapper .contentWrap .centerContent .price .step ul li.bottom{ clear:left; height:56px; border-bottom:none; border:none;} #wrapper .contentWrap .centerContent .price .step ul li.over { clear:left; border-bottom:1px solid #c63fe5; border-right:1px solid #c63fe5; padding:5px 0 5px 30px; background-color:#c63fe5} #wrapper .contentWrap .centerContent .price .step ul li.over a { font-weight:bold; color:#ffffff;} #wrapper .contentWrap .centerContent .price .thum { float:left; width:750px; margin:10px 0 10px 10px; text-align:center;} #wrapper .contentWrap .centerContent .price .thum ul {float:left; width:125px; padding:8px 10px 0 12px;} #wrapper .contentWrap .centerContent .price .thum ul li {clear:left; text-align:center;width:125px;} #wrapper .contentWrap .centerContent .price .thum ul li.photo { clear:left; padding-bottom:5px; text-align:center;} #wrapper .contentWrap .centerContent .price .thum ul li.title {clear:left; font-weight:bold; text-align:center;} #wrapper .contentWrap .centerContent .price .thum ul li.won {float:left; font-weight:bold; font-size:13px; text-align:center;} #wrapper .contentWrap .centerContent .price .thum ul li.sub_last { clear:left; font-size:11px; text-align:center;} #wrapper .contentWrap .centerContent .price .thum ul li.state { width:125px;float:left; font-size:11px; text-align:center;} #wrapper .contentWrap .centerContent .etc_category { width:1000px; float:left; margin:10px 0 20px 0; background:url(../image/main/etc_category_back.jpg) no-repeat; } #wrapper .contentWrap .centerContent .etc_category .nail { float:left; width:333px;} #wrapper .contentWrap .centerContent .etc_category .nail .title ul { float:left; width:324px;} #wrapper .contentWrap .centerContent .etc_category .nail .title ul li { float:left; padding:5px 0 0 0} #wrapper .contentWrap .centerContent .etc_category .nail .title ul li.more{ text-align:left; float:right; padding:5px 0 0 0;} #wrapper .contentWrap .centerContent .etc_category .firstaid { float:left; width:333px;} #wrapper .contentWrap .centerContent .etc_category .firstaid .title ul { float:left; width:331px;} #wrapper .contentWrap .centerContent .etc_category .firstaid .title ul li { float:left; padding:5px 0 0 5px;} #wrapper .contentWrap .centerContent .etc_category .firstaid .title ul li.more{ text-align:left; float:right; padding:5px 0 0 0;} #wrapper .contentWrap .centerContent .etc_category .phone { float:left; width:333px;} #wrapper .contentWrap .centerContent .etc_category .title ul { float:left; width:338px;} #wrapper .contentWrap .centerContent .etc_category .title ul li { float:left; padding:5px 0 0 15px;} #wrapper .contentWrap .centerContent .etc_category .title ul li.more{ text-align:left; float:right; padding:5px 5px 0 0;} #wrapper .contentWrap .centerContent .etc_category .thum { float:left; width:310px; margin:10px 0 0x 7px;} #wrapper .contentWrap .centerContent .etc_category .thum ul {float:left; width:100px; padding:25px 20px 30px 21px; } #wrapper .contentWrap .centerContent .etc_category .thum ul li {clear:left; } #wrapper .contentWrap .centerContent .etc_category .thum ul li.photo { clear:left; padding-bottom:5px; text-align:center;} #wrapper .contentWrap .centerContent .etc_category .thum ul li.title {clear:left; text-align:center; overflow:visible;} #wrapper .contentWrap .centerContent .etc_category .thum ul li.won {clear:left; font-weight:bold; font-size:13px;text-align:center;} #wrapper .contentWrap .centerContent .etc_category .thum ul li.sub_last { clear:left; font-size:11px;text-align:center;} #wrapper .contentWrap .centerContent .etc_category .thum ul li.state { float:left; font-size:11px;text-align:center;} #wrapper .contentWrap .centerContent .etc_category .thum ul li.photo img { clear:left !important; } /* 비교담기 및 오른쪽 퀵메뉴 */ #gotopll { float:left; position: relative; left:820px; width:0px; height:0px; } #gotopll #R_Quick { background: #fff; width: 100px; } #gotopll div {float:left;} #gotopll span {float:left;} #gotopll .toptitle {float:left; background-color:#95918f; width:100px; text-align:center; font-size:11px; color:#FFF; padding:7px 0; font-weight:bold} #compDiv {width:100%;height:0px; position:fixed; bottom:200px; display:none; } #compDiv.bottomClose { bottom: 30px; } #compBody .btn_right {} #compBody { background: #ddd; clear:both; width:1024px; margin:0 auto; height:200px; text-align:left; } #compareItemListDiv { float:left; border-left:1px solid #514242; border-right:1px solid #514242; } #compareItemDiv { width:1400px; height:170px; float:left; } #compareButtonDiv { width: 64px; height:200px; float:left; background-color:#f1efed; text-align:left; padding-top:8px; padding-left:8px; } #compareScroll{ border-left:1px solid #dfdfdf; height:175px; width:949px; overflow:auto; overflow-x:auto; overflow-y:hidden; background:#fff; float:left;} .compTopLayout { background-color:#947e70; vertical-align:middle; padding:2px 0 2px 10px; border:1px solid #514242 } .compTopLayout .wText { float:left; font-weight:bold; color:#FFF; padding-right:10px; padding-top:5px} .quickItem {width:98px; text-align:center; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf} /* 메인 상품용 */ .clearblock { clear:both;} .deleteWon {text-align:center; text-decoration:line-through;} li.icon{margin-bottom:10px;} /* 메인 new */ #daconewscript {position:relative;float:left; top: -30px ; height:0px ; width:100%; text-align:right;} #daconewscript a { padding:0 5px 0 5px;}