@charset "utf-8"; /* login */ div.member_login{ float:left; width:180px; height:auto; margin:0 0 5px 0; text-align:left; display:block; } div.member_login_on{position:relative;text-align:left; } div.login_contents div.login_form span.login_form_txt{display:inline-block;width:80px;text-align:left;} /* category */ ul.cate{float:left; text-align:left;} ul.cate li.cate_1{list-style:none;} ul.cate li.cate_1 div.cate_1_1 ul li{list-style:none;} li.aa{list-style:none;} #boxcategory_list { width:179px; letter-spacing:-0.4; } #boxcategory_list li { display:inline-block; } #boxcategory_top { width:179px; height:27px; background:url('../css/images/box_category_top.gif') no-repeat; } #boxcategory_body { padding:20px 0 10px 10px; border-left:1px solid #cecece; border-right:1px solid #cecece;} #boxcategory_body ul { display:inline-block; padding:0 0 10px 0;} #boxcategory_body li { width:150px; display:inline-block; padding:0px 0px 3px 0px; } #boxcategory_bottom { width:179px; height:4px; background:url('../css/images/box_category_bottom.gif') no-repeat; } #notice_left{float:left; width:5px; height:60px; background:url('../shop/img/notice_bg.gif') left top repeat-y; margin:-15px 0 -50px 0; padding:0;} #notice_right{float:right; width:5px; height:60px; background:url('../shop/img/notice_bg.gif') left top repeat-y; margin:-15px 0 -50px 0; padding:0;} #notice_left1{float:left; width:5px; height:60px; background:url('../shop/img/notice_bg.gif') left top repeat-y; margin:-15px 0 -50px 0; padding:0;} #notice_right1{float:right; width:5px; height:60px; background:url('../shop/img/notice_bg.gif') left top repeat-y; margin:-15px 0 -50px 0; padding:0;} /* notice-event notice-unconfirmed payment list */ #category2{float:left; width:200px; margin:10px 0 0 0; overflow:hidden; } #category2 .left-top {margin:0 auto; padding:0; background:url('../shop/img/notice_bg.gif') repeat-y; } #category3{float:left; width:180px; margin:10px 0 0 0; overflow:hidden; } #category4 {width:180px; float:left; margin:10px 0 0 0; overflow:hidden;} #category4 .left-top {padding:0; background:url('../shop/img/notice_bg.gif') repeat-y; } #category4 .body { background:url('../shop/img/notice_bg.gif') repeat-y; padding:0 0 0 17px; } #yahoo_bookmark { float:left; width:180px; } #seo_banner { float:left; width:180px; } /* CALENDAR */ #calendarz {float:left; width:180px; margin:10px 0 0 0; padding:0;} #calendarz p {margin:0; padding:0;} td.title {text-align: center; padding-top: 1pt; padding-bottom: 1pt; height: 25px; font-weight:bold;} td.invalid { text-align: center; padding-top: 2pt; height:21; width:21; } td.valid { text-align: center; padding-top: 2pt; height:21; width:21; } td.today { text-align: center; padding-top: 2pt; height:21; width:21; background-image: url('https://www.koreadepart.com/skin/latest/calendarx/img/mini6.gif'); } p.title {font-size: 1em; font-weight:bold} p.sunday {text-align: center; font-size: 8pt; color: #FF3812;} p.saturday {text-align: center; font-size: 8pt; color: #3366cc;} p.weekday {text-align: center; font-size: 8pt;} a:link.writeday, a:visited.writeday {text-align: center; font-size: 8pt; color: #FD9A39; font-weight:bold; text-decoration:underline;} #leftend{float:left; width:180px; margin:10px 0 0 0;} #cart, #wish{float:left; width:180px; margin:10px 0 0 0; border:1px solid #e0e0e0;} /* 좌단 배너 index left 코드 따로 추가 2013.05.28 */ #index-left, #left-banner { position:relative; float:left; width:180px;margin:0 0 0 0; text-align:left; line-height:0;z-index:100000000} #left-banner {width:200px} #index-left ul, #index-left li, #left-banner ul,#left-banner ul li {padding:0;margin:0} #index-left img, #left-banner img { margin:0; padding:0; vertical-align:top;} #index-left .new-icon, #left-banner .new-icon {z-index:100000000; position:absolute; top:0px; right:-18px; width:30px; height:22px} #index-left a, #left-banner a {text-decoration:none} #index-left .event-left, #index-left .best-left, #left-banner .event-left, #left-banner .best-left {clear:both;} #index-left .event-left,#left-banner .event-left {margin-bottom:5px} #index-left .event-left ul, #left-banner .event-left ul {border-bottom:1px solid #e0e0e0;display:inline-block;} #index-left .event-left ul li, #left-banner .event-left ul li {border-top:1px solid #e0e0e0;border-right:1px solid #e0e0e0;border-left:1px solid #e0e0e0} #left-banner .event-left ul li, #left-banner .reveiw-event {width:198px;background-color:#fff;text-align:center} #left-banner .event-left ul li a {width:196px} #left-banner .event-left ul li a:hover {width:196px;display:inline-block;border:1px solid #e37a38} #index-left .event-left ul li a img,#left-banner .event-left ul li a {border:1px solid #fff;display:inline-block;} #index-left .event-left ul li a:hover img {border:1px solid #e37a38} #index-left .best-left {border:1px solid #e7daca;background:url("../images/left/left-bestofbest-bn-bg.gif") repeat;padding:0 0 5px 0;_padding:0;height:275px} #index-left .best-left ul {display:inline-block;} #index-left .best-left .title a {width:154px;border-bottom:1px solid #fff;margin:10px 0 5px 13px;display:inline-block;} #index-left .best-left .title a span{color:#d76b26;font-size:10px;display:block} #index-left .best-left .title a h4 {height:45px;border-bottom:1px solid #e1d1bd;font-size:19px;line-height:19px;color:#3c3835;font-weight:bold;} #index-left .best-left .title a:hover h4 {color:#6c350c;cursor:pointer;} #index-left .best-left h4 {display:inline-block;} #index-left .best-left h4.title-best a {width:150px;border-bottom:1px solid #ffffff;margin:5px 0 5px 13px;display:inline-block;} #index-left .best-left h4.title-best a span {color:#d76b26;font-size:13px;display:block} #index-left .best-left h4.title-best a {height:45px;border-bottom:1px solid #e1d1bd;font-size:14px;line-height:15px;color:#3c3835;font-weight:bold;} #index-left .best-left h4.title-best a:hover {color:#6c350c;cursor:pointer;} #index-left .best-left .best-product { width:178px; height:213px;margin-top:10px;} #index-left .best-left .best-product li { width:178px; height:70px; padding:0;font-size:10px;} #index-left .best-left .best-product .best-01, #index-left .best-left .best-product .best-02, #index-left .best-left .best-product .best-03 {float:left} #index-left .best-left ul li .content01 {float:left;width:90px;height:45px; margin:10px 0 0 6px;font-size:11px;display:inline-block;line-height:13px;font-weight:} #index-left .best-left ul li .content01 span { font-size:10px;color:#d76b26;line-height:15px;font-weight:bold;} #index-left .best-left ul li a {display:block;width:178px; height:70px;text-decoration:none;} #index-left .best-left ul li a:hover {width:178px; height:70px} #index-left .best-left ul li a img.picture { width:60px;height:60px;margin-left:10px;;float:left } #index-left .best-left ul li a img.picture {border:1px solid #bdb4af;} #index-left .best-left ul li a:hover img.picture {border:1px solid #e37a38} #index-left .best-left ul li a:hover .content01 {text-decoration:underline;} #index-left .best-left ul li p { position:absolute;margin-left:9px;} /*re*/ #best-category-left {width:178px; height:auto;border:1px solid #e0e0e0;margin:0 0 5px 0;border-bottom:0} #best-category-left .title-top {width:178px; height:26px;border-top:0px solid #d0147a;border-bottom:1px solid #e0e0e0;display:inline-block} #best-category-left .title-top a img {width:15px;height:11px;margin:5px 5px 0 0 ;display:inline-block} #best-category-left .title-top a.title-best {width:178px; height:26px;background-color:#fafafa;display:inline-block;text-align:center} #best-category-left .title-top a.title-best:hover {background-color:#efefef;cursor:pointer;} #best-category-left .title-top a.title-best strong {font-size:14px; color:#4c4c4c;margin-top:3px;display:inline-block;} #best-category-left .title-top a.title-best span {font-size:14px;color:#4c4c4c;display:inline-block;} #best-category-left .title-category {width:178px; height:28px;border-bottom:solid 1px #e0e0e0;} #best-category-left .title-category .arrow-title {width:154px;height:18px;display:inline-block;margin:5px 0 0 12px;} #best-category-left .title-category .arrow-title a.left {display:inline-block;width:11px;height:11px;margin-bottom:2px;background:url('../img/best-arrow-left-off.gif') no-repeat;} #best-category-left .title-category .arrow-title a.left:hover {display:inline-block;background:url('../img/best-arrow-left-on.gif') no-repeat;} #best-category-left .title-category .arrow-title .right {display:inline-block;width:11px;height:11px;margin-bottom:2px;background:url('../img/best-arrow-right-off.gif') no-repeat;} #best-category-left .title-category .arrow-title a.right:hover {display:inline-block;background:url('../img/best-arrow-right-on.gif') no-repeat;} #best-category-left .title-category .arrow-title a.font-title strong {width:145px;padding:0 5px;display:inline-block;text-align:center;font-size:14px;} #best-category-left .title-category .arrow-title a.font-title:hover strong{color:#0a6489;cursor:pointer;} #best-category-left .best-list ul {width:178px;height:auto;} #best-category-left .best-list ul li {width:178px;height:74px;border-bottom:solid 1px #e0e0e0;background-color:#fff;.margin-bottom:-5px} #best-category-left .best-list ul li .ranking-num {position:absolute;z-index:100000;display:block;height:22px;width:22px;} #best-category-left .best-list ul li a {display:block;font-size:10px;line-height:12px;color:#333;} #best-category-left .best-list ul li a:hover {text-decoration:underline} #best-category-left .best-list ul li a img {border:1px solid #fff} #best-category-left .best-list ul li a:hover img {border:1px solid #e0e0e0} #best-category-left .best-list ul li .img-box {display:block;float:left;margin:9px 0 0 7px} #best-category-left .best-list ul li .content {display:block;float:left;width:90px;height:27px;overflow:hidden;border:0px solid #000;padding:8px 0 8px 8px} #best-category-left .best-list ul li .price {display:block;float:left;font-size:11px;color:#7e3800;height:20px;padding:3px 0 0 8px} #best-category-left .best-goto {width:178px;height:24px;} #best-category-left .best-goto a {width:178px;height:24px;display:inline-block;} #best-category-left .best-goto a:hover {background-color:#f4edde;cursor:pointer;} #best-category-left .best-goto a .text {height:20px;width:150px;margin:4px 0 0 5px;size:11px;font-weight:bold;color:#e96800;float:left;display:inline-block;} #best-category-left .best-goto a img {float:left;width:16px;height:16px;margin-top:4px;display:inline-block;} /* re*/ #index-left .event-left .title-01 a, #index-left .event-left .title-02 a, #index-left .event-left .title-03 a {width:178px;display:inline-block;} #left-banner .event-left .title-01 a, #left-banner .event-left .title-02 a, #left-banner .event-left .title-03 a {width:196px;display:inline-block} #index-left .event-left .title-01 a span, #index-left .event-left .title-02 a span, #index-left .event-left .title-03 a span, #left-banner .event-left .title-01 a span, #left-banner .event-left .title-02 a span, #left-banner .event-left .title-03 a span {padding:4px 0 4px 18px;display:inline-block;font-weight:bold;line-height:17px;cursor:pointer;} #index-left .event-left .title-01 a, #left-banner .event-left .title-01 a {background-color:#fafafa;color:#4c4c4c;} #index-left .event-left .title-01 a:hover, #left-banner .event-left .title-01 a:hover {background-color:#efefef;} #index-left .event-left .title-02 a, #left-banner .event-left .title-02 a {background:url("../images/left/left-event-bn-arrow02.png") 8px 8px no-repeat;background-color:#c4dbdf;color:#1b6770;} #index-left .event-left .title-02 a:hover, #left-banner .event-left .title-02 a:hover {background-color:#a7d2d9;} #index-left .event-left .title-03 a, #left-banner .event-left .title-03 a {background-color:#fafafa;color:#4c4c4c;} #index-left .event-left .title-03 a:hover, #left-banner .event-left .title-03 a:hover {background-color:#efefef;} #left-banner .reveiw-event {margin-bottom:5px} #left-banner .reveiw-event a {width:198px;border:1px solid #e0e0e0; display:inline-block} #left-banner .reveiw-event a:hover {width:198px;border:1px solid #e37a38} /* left국기 */ .left-flag {width:178px;height:170px;border:solid 1px #e0e0e0;background-color:#fafafa;margin:0 0 6px 0;overflow:hidden} .left-flag .top-mobile {height:70px;} .left-flag .top-mobile a {float:left;width:170px;height:74px;cursor:pointer;text-decoration:none} .left-flag .top-mobile img {float:left;padding:4px} .left-flag .top-mobile p {float:left;width:90px;padding-top:8px;font-size:11.5px;font-weight:bold;color:#666666} .left-flag .top-mobile span {float:left;width:100px;text-align:center;font-size:11px;color:#000} .left-flag .bottom-flag {height:90px;padding-top:6px;border-top:dashed 1px #e0e0e0;background-color:#fcf7e5;} .left-flag .bottom-flag a {float:left;display:inline-block;width:32px;margin:2px 5px 4px 6px} .left-flag .bottom-flag img {width:100%;border:solid 1px #e0e0e0;} .left-flag .bottom-flag span {display:block;text-align:center;font-size:10px;color:#6f6f6f} /* tv쇼 좌단 테스트 */ #tv-show-left {width:178px; height:auto;border:1px solid #e0e0e0;margin:0 0 5px 0;border-bottom:0} #tv-show-left .title-top {width:178px; height:26px;border-top:0px solid #d0147a;border-bottom:1px solid #e0e0e0;display:inline-block} #tv-show-left .title-top a img {width:15px;height:11px;margin:5px 5px 0 0 ;display:inline-block} #tv-show-left .title-top a.title-best {width:178px; height:26px;background-color:#f0f0f0;display:inline-block;text-align:center} #tv-show-left .title-top a.title-best:hover {background-color:#e1e1e1;cursor:pointer;} #tv-show-left .title-top a.title-best strong {font-size:14px; color:#7e4b06;margin-top:3px;display:inline-block;} #tv-show-left .title-top a.title-best span {font-size:14px;color:#d25c0e;display:inline-block;} #tv-show-left .vod-screen {position:relative;width:178px; height:90px;border-top:0px solid #d0147a;border-bottom:1px solid #e0e0e0;display:inline-block} #tv-show-left .vod-screen a img {width:178px; height:90px;} #tv-show-left .vod-screen .play-bt {position:absolute;display:block;bottom:20px;right:130px;width:30px;height:30px;background:url("../images/tv-s-bt.png") 0px 0px no-repeat;} #tv-show-left .tv-show-list ul {width:178px;height:auto;} #tv-show-left .tv-show-list ul li {width:178px;height:68px;border-bottom:solid 1px #e0e0e0;background-color:#fafafa;.margin-bottom:-5px} #tv-show-left .tv-show-list ul li a {display:block;font-size:10px;line-height:12px;color:#4d4d4d} #tv-show-left .tv-show-list ul li a:hover {text-decoration:underline} #tv-show-left .tv-show-list ul li a img {border:1px solid #fff} #tv-show-left .tv-show-list ul li a:hover img {border:1px solid #e0e0e0} #tv-show-left .tv-show-list ul li .img-box img {width:55px;height:55px;} #tv-show-left .tv-show-list ul li .img-box {display:block;float:left;margin:5px 0 0 7px} #tv-show-left .tv-show-list ul li .content {display:block;float:left;width:90px;height:27px;overflow:hidden;border:0px solid #000;padding:8px 0 8px 8px} #tv-show-left .tv-show-list ul li .content a {width:100px;height:38px;} #tv-show-left .tv-show-list ul li .price {display:block;float:left;font-size:11px;color:#7e3800;height:20px;padding:3px 0 0 8px} /* 좌단 배너 끝*/ /* 2013.12.13 Category new */ #category {} #category .categorymenu {float:left;overflow:hidden; height:21px;margin:0;padding:0;} #category .categorymenu .tap-title {display:block;width:99px;background:#1f6e88;color:#fff;text-align:center;font-weight:bold;padding:3px 0;} #category .categorymenu li {float:left;border:0;margin:0;padding:0;height:20px; } #category .categorymenu li a {cursor:pointer; text-decoration:none;font-size:12px;} #category .categorymenu li.brandtype .tap-title {background:#c4c4c4} #category .categorymenu li.brandtype a:hover .tap-title {background:#1f6e88} #category .more {margin:3px 7px 0 0} .categorytype .count {font-size:10px;color:#444;} /* .categorytype {clear:both;height:auto;display:block;border:1px solid #c6c6c6;margin-bottom:5px;} */ .categorytype {clear:both; display:block; border:1px solid #e0e0e0; margin-bottom:5px;} .categorytype .categorytype {height:auto; text-align:left; clear:both; border:0px solid #e0e0e0; display:block} .categorytype .type-title {margin:0 8px;} .categorytype .type-title span {float:left; border:0px solid red;padding-top:2px;} .categorytype .type-title a:hover {text-decoration:none} /* .categorytype .body {margin:10px 5px; height:auto; display:inline-block; clear:both; border:0px solid red;} */ /* .categorytype .body li {font-size:11px;height:auto; display:block; width:190px;padding:2px 0; border:0px solid red} */ .categorytype .body {margin:10px 5px; display:block; clear:both; border:0px solid red;} .categorytype .body li {font-size:11px; display:block; width:190px; padding:2px 0; border:0px solid red} .categorytype .body li a {font-size:11px;} .categorytype .categorytype span.title {display:block;float:left;} .categorytype span.more-bt {display:block;float:right;font-size:9px;text-decoration:underline;margin:2px 10px 0 0;color:#999} .categorytype .type-01 {background-color:#fbf9ef} .categorytype .type-02 { background-color:#fdf8f9} .categorytype .type-03 {background-color:#f7fbfd} .categorytype .type-04 {background-color:#fffcf7} .categorytype .type-05 {background-color:#f7f7f7} .categorytype .type-06 {background-color:#fefaf2} #category .main-title,#category .brand-title,#left-banner .left-banner .banner-title {display:block;width:198px;background:#fafafa;padding:3px 0;border-bottom:1px solid #e0e0e0;color:#4b4b4b;text-align:center;font-weight:bold;font-size:13px;} #category .main-title {color:#fff;background:#4b4b4b;border:0;} #category .brand-title:hover,#left-banner .left-banner .banner-title:hover {text-decoration:none;background:#e7f0f0;} #category a.main-title:hover {text-decoration:none;background:#557e8f;} #category .body {margin:10px;} #category .body a:hover,.categorytype .type-title a:hover span {color:#e56c00;} .categorytype .type-title a {display:block;padding:0 0 0 10px;height:20px;} #left-banner .left-banner .banner-title {width:198px;border:1px solid #c6c6c6;border-bottom:0} .categorytype .menu-on a,.categorytype .menu-on .count {font-weight:bold;color:#e56c00} .categorytype .sub-menu {padding:5px 10px;width:160px;background-color:#fafafa;border-top:1px solid #ececec;border-bottom:1px solid #ececec} .categorytype .sub-menu li {border:0;padding:3px 0} .categorytype .sub-menu li a {font-size:11px;color:#666} .categorytype .sub-menu li .count {color:#666} .categorytype .sub-menu li.menu-on a,#categorytype .sub-menu li.menu-on .count {color:#000;} .categorytype .cate-title, .categorytype .brand-title {width:198px;background:#fafafa;padding:3px 0;border-left:0;display:block;color:#1f6e88;text-align:center;font-weight:bold} .categorytype .cate-title {color:#fff;background:#1f6e88;} .category {} .category .categorymenu {float:left;overflow:hidden; height:21px;margin:0;padding:0;} .category .categorymenu .tap-title {display:block;width:99px;background:#4b4b4b;color:#fff;text-align:center;font-weight:bold;padding:3px 0;} .category .categorymenu li {float:left;border:0;margin:0;padding:0;height:20px; } .category .categorymenu li a {cursor:pointer; text-decoration:none;font-size:12px;} .category .categorymenu li.brandtype .tap-title {background:#c4c4c4} .category .categorymenu li.brandtype a:hover .tap-title {background:#4b4b4b} .category .more {margin:3px 7px 0 0} .category .main-title, .category .brand-title,#left-banner .left-banner .banner-title {display:block;width:198px;background:#fafafa;padding:3px 0;border-bottom:1px solid #e0e0e0;color:#1f6e88;text-align:center;font-weight:bold;font-size:13px;} .category .main-title {color:#fff;background:#4b4b4b;border:0;} .category .brand-title:hover,#left-banner .left-banner .banner-title:hover {text-decoration:none;background:#e7f0f0;} .category a.main-title:hover {text-decoration:none;background:#557e8f;} .category .body {margin:10px;} .category .body a:hover,.categorytype .type-title a:hover span {color:#e56c00;} /* 브랜드 리스트 스크롤 (20181113 정 혁) */ #brandtype {overflow-x:hidden; overflow-y:scroll; height:900px;} #brandbody {margin-right:0px !important; margin-left:5px !important;} .categorytype .body li {width:100%;} /* 카테고리 박스 설정 (20200107 정 혁) */ .categorytype .body li a {color:#000; font-size:12px;} /* 2 Category Left */ #category-skin-left, #category-list-skin-left {width:198px; border:1px solid #d0d0d0; background-color:#fafafa; margin-bottom:10px} #category-list-skin-left {border:1px solid #d0d0d0} #category-skin-left .title, #category-list-skin-left .title {padding:3px 0; background-color:#f5d6b3; color:#754c24; font-weight:bold; text-align:center; border:1px solid #fff;} #category-skin-left .list-body, #category-list-skin-left .list-body {width:180px; margin-left:10px; padding:5px 0 10px 0} /* kd-app-down-banner */ #kd-app-down {width:179px; height:103px; margin:0 0 6px 0} *html #kd-app-down {height:107px; background:url('../images/kd_app_down_gradient.gif') 0 1px repeat-x} #kd-app-down #app-body {width:179px; font-size:11px; line-height:12px; padding:5px 0 0 3px; border:1px solid #fff;} #kd-app-down #app-body img {float:left; margin:0 5px 0 2px} #kd-app-down #app-link-text {background:url('../images/kd_app_down_left_arrow.gif') 160px 4px no-repeat; clear:both;} #kd-app-down #app-link-text a {font-size:11px; margin:0 0 0 10px; font-weight:bold; text-decoration:underline; color:#ff6600} #customer-left .unconfirmed-button { width:180px; height:68px; border:0px solid red} #customer-left .unconfirmed-button p { width:180px; height:34px; position:relative; overflow:hidden} .main-id-forget{font-size:8px; margin:5px 0 5px 7px; border:0px solid #fafafa; display:block; width:100%;background:url('../images/basic/arrow_orange.gif') no-repeat 13px 5px} /* Customer & Mypage - left Renewal #customer-left, #mypage-left-re,#company-left-re { clear:both; width:180px; height:auto; } #customer-left-title a, #mypage-left-title a { width:180px; height:35px; display:block; margin:0 0 10px 0; background:url('../images/left/customer_title.gif') no-repeat} #mypage-left-title a {background:url('../images/left/mypage_title.gif') no-repeat} #customer-left-title a:hover { background:url('../images/left/customer_title_over.gif') no-repeat; } #mypage-left-title a:hover { background:url('../images/left/mypage_title_over.gif') no-repeat; } #customer-left-title a span, #mypage-left-title a span,#company-left-title a span { display:inline-block; font-size:18px; font-weight:bold; color:#ff7600; margin:5px 0 0 47px; } #mypage-left-title a span { margin:5px 0 0 64px; } #customer-left-title a:hover, #customer-left ul.list a:hover, #mypage-left-title a:hover, #mypage-left-re ul.list a:hover,#company-left-title a:hover, #company-left-re ul.list a:hover { text-decoration:none; cursor:pointer; } #customer-left .list, #mypage-left-re ul.list,#company-left-re ul.list { width:178px; display:inline-block; border:1px solid #cecece} #customer-left .list li, #mypage-left-re ul.list li,#company-left-re ul.list li { border-bottom:1px solid #cecece; } #customer-left .sub-title-beginner, #mypage-left-re li .sub-title-cutomer,#company-left-re li .sub-title-beginner {height:25px; display:inline-block; overflow:hidden; } #customer-left .sub-title-beginner {background:url('../images/customer/customer_title_01.gif') repeat-x} #customer-left .sub-title, #mypage-left-re li .sub-title,#company-left-re li .sub-title { width:176px; height:25px; display:inline-block; margin:1px 1px 0 1px; background:url('../images/left/bg_left_title.gif') repeat-x; border-bottom:0px solid #ddd;} #mypage-left-re li .sub-title {border-bottom:1px solid #cecece; } #customer-left .sub-title span, #mypage-left-re li .sub-title span,#company-left-re li .sub-title span { margin:2px 0 0 22px; font-size:14px; font-weight:600; display:inline-block; } #customer-left .sub-title span,#company-left-re li .sub-title span { margin:2px 0 0 0; } #customer-left .sub-title a, #mypage-left-re li .sub-title a,#company-left-re li .sub-title a { height:24px; display:block; color:#a0640d; background:url('../images/left/icon_title_arrow.png') 180px 8px no-repeat; } #customer-left .sub-title a:hover, #mypage-left-re li .sub-title a:hover,#company-left-re li .sub-title a:hover { background-color:#fae8d4 } #customer-left li .icon-dot, #mypage-left-re ul.sub-list .icon-01, #mypage-left-re ul.sub-list .icon-02, #mypage-left-re ul.sub-list .icon-03, #mypage-left-re ul.sub-list .icon-04, #mypage-left-re ul.sub-list .icon-05, #mypage-left-re ul.sub-list .icon-06, #mypage-left-re ul.sub-list .icon-07, #mypage-left-re ul.sub-list .icon-08, #mypage-left-re ul.sub-list .icon-09,#company-left-re li .icon-dot { width:22px; height:18px; background:url('../images/left/icon_cutomer.png') no-repeat; border:0px solid red; display:inline-block;float:left} #customer-left li .icon-dot,#company-left-re li .icon-dot {width:12px;height:12px;background:url('../images/icon/dot_arrow.png') 3px 5px no-repeat; padding:0} #customer-left .sub-title span.sub-list-title,#company-left-re .sub-title span.sub-list-title {margin-left:12px} #mypage-left-re li span.sub-list-title {margin-left:5px} #customer-left li .con-body, #mypage-left-re li .con-body,#company-left-re li .con-body { width:165px; margin:12px 0 0 8px; padding-bottom:10px; text-align:left; font-size:11px} #customer-left li a.btn-img,#company-left-re li a.btn-img { height:20px; overflow:hidden; margin:0 0 5px 8px; display:inline-block} #customer-left ul.sub-list, #mypage-left-re ul.sub-list,#company-left-re li ul.sub-list { width:160px; display:inline-block; margin:10px 12px 0 12px; padding-bottom:12px; } #customer-left ul.sub-list,#company-left-re li ul.sub-list { margin:5px 12px 0 12px; padding-bottom:5px; } #customer-left ul.sub-list li, #mypage-left-re ul.sub-list li,#company-left-re li ul.sub-list li { width:155px; padding:5px 0; border-bottom:1px dashed #cecece; display:inline-block; } #company-left ul.sub-list li a {width:152px;display:inline-block;} #customer-left ul.sub-list li span,#company-left-re li ul.sub-list li span {font-size:11px; } #customer-left ul.sub-list li a:hover, #mypage-left-re ul.sub-list li a:hover span.sub-list-title,#company-left-re li ul.sub-list li a:hover {text-decoration:underline} #mypage-left-re ul.sub-list .icon-01 { background-position:2px -27px } #mypage-left-re ul.sub-list .icon-02 { background-position:-25px -27px } #mypage-left-re ul.sub-list .icon-03 { background-position:-50px -27px } #mypage-left-re ul.sub-list .icon-04 { background-position:-78px -27px } #mypage-left-re ul.sub-list .icon-05 { background-position:-107px -27px } #mypage-left-re ul.sub-list .icon-06 { background-position:-133px -27px } #mypage-left-re ul.sub-list .icon-07 { background-position:2px -80px } #mypage-left-re ul.sub-list .icon-08 { background-position:-51px -80px } #mypage-left-re ul.sub-list .icon-09 { background-position:-107px -80px } #mypage-left-re ul.sub-list a:hover .icon-01 { background-position:2px -54px } #mypage-left-re ul.sub-list a:hover .icon-02 { background-position:-25px -54px } #mypage-left-re ul.sub-list a:hover .icon-03 { background-position:-50px -54px } #mypage-left-re ul.sub-list a:hover .icon-04 { background-position:-78px -54px } #mypage-left-re ul.sub-list a:hover .icon-05 { background-position:-107px -54px } #mypage-left-re ul.sub-list a:hover .icon-06 { background-position:-133px -54px } #mypage-left-re ul.sub-list a:hover .icon-07 { background-position:3px 2px } #mypage-left-re ul.sub-list a:hover .icon-08 { background-position:-25px -80px } #mypage-left-re ul.sub-list a:hover .icon-09 { background-position:-78px -80px } #company-left-title a{ width:180px; height:41px; display:block; margin:0 0 5px 0; background:url('../images/left/company-title.gif') no-repeat; } #company-left-title a:hover {width:180px; background:url('../images/left/company-title-over.gif') no-repeat; } */ /* 2014-04-03 chae ji hyoung Customer & Mypage - left Renewal */ #myLeft {} #myLeft .myleftTit {width:184px;border:8px solid #f2f2f2;padding:30px 0;text-align:center;margin:0 0 10px 0; } #myLeft .myleftTit a {font-size:23px;font-weight:bold;color:#444} #myLeft .myleftTit a:hover {text-decoration:none;color:#888} #myLeft .myleftTit a span {color:#bbb;text-transform:uppercase;font-size:12px} #myLeft .myInfo {background-color:#fafafa;margin:20px 10px 0 10px;text-align:left; padding:10px;} #myLeft .myInfo ul {margin:5px 0 0 0;padding-top:5px;border-top:1px solid #e6e6e6} #myLeft .myInfo ul li span {width:60px;display:inline-block} #myLeft .myInfo ul li strong {color:#dc5513;width:65px;display:inline-block;text-align:right} #myLeft .myInfo ul li a {font-size:12px;color:#666;cursor:pointer} #myLeft .myInfo ul li a:hover strong {text-decoration:underline;color:#dc5513} #myLeft .list {width:198px; display:inline-block; border:0px solid #e6e6e6; overflow:hidden; } #myLeft .list li { border-bottom:0px solid #e6e6e6; } #myLeft .sub-title {background:url('../images/icon/oragne_dot.gif') 14px 12px no-repeat;border-bottom:1px solid #e6e6e6;padding:5px 0 0 25px; font-size:14px;background-color:#fafafa;color:#444;height:23px} #myLeft .sub-title a {font-size:14px;height:23px;display:block;padding:5px 0 0 20px;} #myLeft ul.sub-list {width:180px;margin:10px 12px 0 12px; padding-bottom:12px;display:inline-block} #myLeft ul.sub-list li {width:165px; padding:5px;border-bottom:0px dashed #cecece; display:inline-block } #myLeft ul.arrow-list li {width:150px;background:url('../images/icon/dot_arrow.png') 10px 10px no-repeat;padding-left:20px;} #myLeft .bluebg,#myLeft .bg1 {padding:0} #myLeft .bluebg a {background:url('../images/icon/customer-icon.png') 10px 7px no-repeat;display:block;color:#3c86b7;background-color:#e8eff4;padding-left:30px;} #myLeft .bluebg a:hover {text-decoration:none;background-color:#d0dfe9;} #myLeft .con-body {padding:10px;font-size:11px} #myLeft .bg1 a { background-color:#fff;color:#dd5e00;font-weight:normal;border-top:solid 1px #e5e5e5;border-bottom:solid 1px #e5e5e5; } #myLeft .bg1 a:hover {text-decoration:none;background-color:#fafafa;} #myLeft .sub-list-title {padding:0 0 0 5px} #myLeft ul.sub-list .icon-01, #myLeft ul.sub-list .icon-02, #myLeft ul.sub-list .icon-03, #myLeft ul.sub-list .icon-04, #myLeft ul.sub-list .icon-05, #myLeft ul.sub-list .icon-06, #myLeft ul.sub-list .icon-07, #myLeft ul.sub-list .icon-08, #myLeft ul.sub-list .icon-09, #myLeft ul.sub-list .icon-10 { width:22px; height:18px; background:url('../images/left/icon_cutomer.png') no-repeat; border:0px solid red; display:inline-block;float:left} #myLeft ul.sub-list .icon-01 { background-position:2px -27px } #myLeft ul.sub-list .icon-02 { background-position:-25px -27px } #myLeft ul.sub-list .icon-03 { background-position:-50px -27px } #myLeft ul.sub-list .icon-04 { background-position:-78px -27px } #myLeft ul.sub-list .icon-05 { background-position:-107px -27px } #myLeft ul.sub-list .icon-06 { background-position:-133px -27px } #myLeft ul.sub-list .icon-07 { background-position:2px -80px } #myLeft ul.sub-list .icon-08 { background-position:-51px -80px } #myLeft ul.sub-list .icon-09 { background-position:-107px -80px } #myLeft ul.sub-list .icon-10 { background-position:-162px -27px } #myLeft ul.sub-list a:hover .icon-01 { background-position:2px -54px } #myLeft ul.sub-list a:hover .icon-02 { background-position:-25px -54px } #myLeft ul.sub-list a:hover .icon-03 { background-position:-50px -54px } #myLeft ul.sub-list a:hover .icon-04 { background-position:-78px -54px } #myLeft ul.sub-list a:hover .icon-05 { background-position:-107px -54px } #myLeft ul.sub-list a:hover .icon-06 { background-position:-133px -54px } #myLeft ul.sub-list a:hover .icon-07 { background-position:3px 2px } #myLeft ul.sub-list a:hover .icon-08 { background-position:-25px -80px } #myLeft ul.sub-list a:hover .icon-09 { background-position:-78px -80px } #myLeft ul.sub-list a:hover .icon-10 { background-position:-162px -54px } .review-go {width:178px;border:1px solid #d0d0d0; height:100px; overflow:hidden; margin-top:5px;text-align:center;background-color:#fbfbfb} .review-go a:hover {border:1px solid #e37a38} /* 90 #nine-event-left {width:178px;height:auto;border:1px solid #cecece;margin:10px 0 0 0;display:inline-block;} #nine-event-left a {display:block;text-decoration:none} #nine-event-left ul {display:inline-block;float:left;border-left:1px dotted #cecece;} #nine-event-left ul li {border-top:1px dotted #cecece} #nine-event-left ul li a {background:url('../images/icon/square-gray.gif') 5px 9px no-repeat;width:68px;padding:5px 0 5px 20px} #nine-event-left ul li a:hover {background:url('../images/icon/square-red.gif') 5px 9px no-repeat;color:#e13123} #nine-event-left h4 a {background:url('../images/icon/left-event-bn-arrow04.png') 8px 9px no-repeat;background-color:#fafafa;color:#ce5a54;font-weight:bold;padding:5px 0 5px 20px;} #nine-event-left h4 a:hover {background-color:#efefef;} */ /* Color #left-color-box {width:178px;border:1px solid #d0d0d0;margin-top:10px;display:inline-block;} #left-color-box h4 {padding:5px 10px;background-color:#fafafa;color:#e75c00;font-weight:bold;border-bottom:1px solid #cecece} #left-color-box h4 span {font-size:9px;color:#bebebe} #left-color-box ul {width:160px;display:inline-block;padding:10px 0 10px 13px} #left-color-box ul li {border:1px solid #d2d2d2;float:left;margin:3px;width:17px;height:17px} #left-color-box ul li a {display:inline-block;border:1px solid #fff;width:15px;height:15px} #left-color-box ul li:hover {border:1px solid #9a0000;} #left-color-box ul li a.silver {background:url('../images/color_choice/color_11.gif') no-repeat;} #left-color-box ul li a.gold {background:url('../images/color_choice/color_06.gif') no-repeat;} #left-color-box ul li a.reopade {background:url('../images/color_choice/color_19.gif') no-repeat;} #left-color-box ul li a.patten {background:url('../images/color_choice/color_20.gif') no-repeat;} */ /* 패션/식품/코스메 카테고리 썩인박스 */ #category-menu-mix {width:198px;border:1px solid #cecece;background:#fafafa;padding:8px 0;padding-top:0;margin-bottom:5px} #category-menu-mix .title {border-top:1px solid #cecece;border-bottom:1px dotted #cecece;margin:5px 0 0 0} #category-menu-mix .cosmetic .title a,#category-menu-mix .fashion .title a,#category-menu-mix .food .title a {display:block;padding:5px 0 2px 27px;color:#b06247;font-weight:bold;text-decoration:none;font-size:13px;} #category-menu-mix .cosmetic .title a {background:url("../images/icon/cosme-icon.png") 5px 10px no-repeat;} #category-menu-mix .fashion .title a {background:url("../images/icon/fashion-icon.png") 5px 5px no-repeat;} #category-menu-mix .food .title a {background:url("../images/icon/food-icon.png") 5px 5px no-repeat;} #category-menu-mix .title a:hover {color:#e46600;} #category-menu-mix ul {padding:5px 0 5px 8px;display:inline-block} #category-menu-mix ul li {float:left;width:90px;padding:1px 0} #category-menu-mix ul li a {font-size:11px;color:#757575} /* 990 left-ranking-mini */ #left-ranking-mini {width:198px;margin:5 */px 0 0 0; border:1px solid #cecece} #left-ranking-mini .left-ranking-mini {border-bottom:1px solid #cecece } #left-ranking-mini .left-ranking-mini .title a{display:block;width:198px;background:#f9f3e4;font-size:13px; overflow:hidden;padding:5px 0 5px 0;border-bottom:0;font-weight:bold} #left-ranking-mini .left-ranking-mini .title p {color:#666;background:url('../images/customer/left-title-arrow.png') 165px 3px no-repeat;margin-left:10px} #left-ranking-mini .left-ranking-mini .title p span {font-size:13px;color:#e46600;} #left-ranking-mini .left-ranking-mini .title a:link {text-decoration:none;cursor:pointer} #left-ranking-mini .left-ranking-mini .title a:hover {background:#e0ab57} #left-ranking-mini .left-ranking-mini .title a:hover p {color:#fff;background:url('../images/customer/left-title-arrow-over.png') 165px 3px no-repeat;} #left-ranking-mini .left-ranking-mini .title a:hover p span {color:#fff} #left-ranking-mini .left-ranking-mini .body { padding:0 0 10px 0} #left-ranking-mini .left-ranking-mini .ranking-list {width:178px;border-bottom:1px dashed #cecece; display:inline-block; margin:0 9px; padding:10px 0; clear:both} #left-ranking-mini .left-ranking-mini .ranking-title { width:178px; display:inline-block; } #left-ranking-mini .left-ranking-mini .ranking-body {width:178px;text-align:center;margin:5px 0 0 0; display:inline-block} #left-ranking-mini .left-ranking-mini .ranking-body .imgbox {float:left;padding:0 5px 0 0} #left-ranking-mini .left-ranking-mini .ranking-star img { margin-top:7px } #left-ranking-mini .left-ranking-mini .ranking-text { width:90px;height:80px;overflow:hidden;font-weight:normal; text-align:left} #left-ranking-mini .left-ranking-mini .ranking-text a { font-size:9px; line-height:1.5em} #left-ranking-mini .left-ranking-mini .go-ranking { height:25px; text-align:center; padding-top:8px} /* left-ranking-re */ .sale-best-num .ranking-num {float:left;font-size:20px;display:block;line-height:18px;font-family:century gothic;font-weight:bold} .sale-best-num .left-text {margin-bottom:3px;font-size:12px;color:#666;float:left;display:block;} h4.left-title {height:29px;border-bottom:1px solid #d9d9d9;overflow:hidden} h4.left-title .title-small {height:20px;color:#666;display:block; text-align:right;padding:5px 0 5px 8px;cursor:pointer;background-color:#f5f5f5} h4.left-title a:hover.title-small {text-decoration:none;color:#484848;background-color:#e7f0f0} h4.left-title strong {font-size:13px; display:block;float:left;line-height:18px;font-weight:bold;text-align:left} h4.left-title span {font-size:14px; color:#0ca29f;} h4.left-title .more {margin:3px 5px 0 0} .left-ranking-list {border-right:1px solid #c6c6c6;;border-top:1px solid #c6c6c6;border-left:1px solid #c6c6c6;} .left-ranking-list .list-name {font-size:9px;} .left-ranking-list .list-img {width:80px;height:80px;float:left;margin-left:10px;} .left-ranking-list .list-text {width:90px;height:80px;float:left;margin-left:7px;text-align:left;} .left-ranking-list .list-text .list-name {width:90px;height:40px;display:inline-block;line-height:13px;margin:0;overflow:hidden} .left-ranking-list .list-text a.item {width:90px;height:80px;float:left;font-size:11px;} .list-content .outline {width:198px; height:128px; text-align:center;border-bottom:dashed 1px #c6c6c6;overflow:hidden;} .list-content .left-num {height:22px} /* Main left Ranking */ #left-ranking {width:178px;height:180px;border:1px solid #cecece;background:url('../images/ranking-bg.png') no-repeat top;text-align:center;margin-bottom:5px} #left-ranking .ranking-link { height:70px; } #left-ranking a:hover .ranking-link {background:url('../images/ranking-bg-over.png') no-repeat top; cursor:pointer; text-decoration:none} #left-ranking .ranking-list {margin:15px 0 5px 0;text-align:center;border:0px solid #ff6600;display:inline-block;} #left-ranking .ranking-list li {width:55px;float:left;margin:0 2px 0 0} #left-ranking .ranking-list li img {width:45px;height:45px;border:1px solid #c6c6c6} #left-ranking .ranking-list li .ranking-text {font-size:10px} #left-ranking .ranking-list li a {display:block;cursor:pointer;text-decoration:none} #left-ranking .ranking-list li a:hover img {border:1px solid #e37a38} #left-ranking .ranking-list li a:hover .ranking-text {color:#e06200;} #left-ranking .ranking-go {display:inline-block;margin-bottom:4px;border-top:1px dashed #cecece;padding-top:3px} #left-ranking .ranking-go a:hover {color:#bbb;} /*칼라좌단*/ #color-left-title {position:absolute;z-index:50} #color-left-list {width:auto;height:auto} #color-left-list ul {width:163px;height:auto;background-color:#fafafa;border:1px solid #cecece;margin:95px 0 0 0;padding:10px 7px} #color-left-list ul li {width:162px;height:38px;background:url("../images/color-main/color-holic-left-bg.png") no-repeat;margin:0 0 5px 0;.margin:0} #color-left-list ul li a {display:block;background-color:#fff;border:1px solid #cecece;width:158px;_width:160px;height:34px;clear:both} #color-left-list ul li span {display:block;float:left} #color-left-list ul li .big-text {color:#6d6d6d;font-size:13px;padding:8px 0 0 10px;font-weight:bold} #color-left-list ul li .small-text {color:#acacac;font-size:9px;font-family:Arial, sans-serif;padding:12px 0 0 5px} #color-left-list ul li a:hover .big-text,#color-left-list ul li a:hover .small-text {cursor:hands} #color-left-list ul li a:link {text-decoration:none} #color-left-list ul li a:hover {border:1px solid #565656;background:url("../images/color-main/color-holic-left-arrow.png") 147px 16px no-repeat;background-color:#fff} #color-left-list ul li .wine,#color-left-list ul li .red,#color-left-list ul li .orange,#color-left-list ul li .beige,#color-left-list ul li .yellow, #color-left-list ul li .brown,#color-left-list ul li .khaki,#color-left-list ul li .green,#color-left-list ul li .skyblue, #color-left-list ul li .navy,#color-left-list ul li .purple,#color-left-list ul li .hotpink,#color-left-list ul li .hotpink, #color-left-list ul li .pink,#color-left-list ul li .white,#color-left-list ul li .gray,#color-left-list ul li .black, #color-left-list ul li .silver,#color-left-list ul li .gold,#color-left-list ul li .leopard,#color-left-list ul li .patten, #color-left-list ul li .mint,#color-left-list ul li .blue{width:10px;height:34px} #color-left-list ul li .wine {background-color:#bb072f} #color-left-list ul li .red {background-color:#f71122} #color-left-list ul li .orange {background-color:#ff7200} #color-left-list ul li .beige {background-color:#f4e9be} #color-left-list ul li .yellow {background-color:#ffe400} #color-left-list ul li .brown {background-color:#8e5000} #color-left-list ul li .khaki {background-color:#637543} #color-left-list ul li .green {background-color:#53b000} #color-left-list ul li .mint {background-color:#61e7d6} #color-left-list ul li .skyblue {background-color:#86d9ff} #color-left-list ul li .blue {background-color:#1e96f3} #color-left-list ul li .navy {background-color:#002f8b} #color-left-list ul li .purple {background-color:#9e57f6} #color-left-list ul li .hotpink {background-color:#fc6cac} #color-left-list ul li .pink {background-color:#ffb8d1} #color-left-list ul li .white {background-color:#f6f6f6} #color-left-list ul li .gray {background-color:#8d8c8c} #color-left-list ul li .black {background-color:#000} #color-left-list ul li .silver {background:url("../images/color-main/color-holic-left-silver.gif") no-repeat} #color-left-list ul li .gold {background:url("../images/color-main/color-holic-left-gold.gif") no-repeat} #color-left-list ul li .leopard {background:url("../images/color-main/color-holic-left-leopard.gif") no-repeat} #color-left-list ul li .patten {background:url("../images/color-main/color-holic-left-patten.gif") no-repeat} /* brand seach */ .brand-search {margin:15px;margin-bottom:0;padding-bottom:15px} .brand-search .searchbox {border:1px solid #cecece;width:135px;height:21px} .brand-search .schbt {width:26px;height:23px;background:url('../images/left/brand_search_jp.png') -83px 0 no-repeat;background-color:#7e7e7e;border:2px solid #7e7e7e;cursor:pointer} .brand-search ul {display:inline-block;margin-top:10px} .brand-search ul li {float:left;height:18px;margin:2px 2px 0 0;cursor:pointer} .brand-search ul li.nobrand {cursor:default} .brand-search ul li span {width:19px;height:18px;display:inline-block;background:url('../images/left/brand_search_jp.png') no-repeat;} .brand-search ul li span.all {width:40px;height:18px;background-position:0 0} .brand-search ul li span.num {width:40px;background-position:-231px 0} .brand-search ul li span.a1 {background-position:0 -19px} .brand-search ul li span.a2 {background-position:-21px -19px} .brand-search ul li span.a3 {background-position:-42px -19px} .brand-search ul li span.a4 {background-position:-63px -19px} .brand-search ul li span.a5 {background-position:-84px -19px} .brand-search ul li span.a6 {background-position:-105px -19px} .brand-search ul li span.a7 {background-position:-126px -19px} .brand-search ul li span.a8 {background-position:-147px -19px} .brand-search ul li span.a9 {background-position:-168px -19px} .brand-search ul li span.a10 {background-position:-189px -19px} .brand-search ul li span.a11 {background-position:-210px -19px} .brand-search ul li span.a12 {background-position:-231px -19px} .brand-search ul li span.a13 {background-position:-252px -19px} .brand-search ul li span.a14 {background-position:0 -39px} .brand-search ul li span.a15 {background-position:-21px -39px} .brand-search ul li span.a16 {background-position:-42px -39px} .brand-search ul li span.a17 {background-position:-63px -39px} .brand-search ul li span.a18 {background-position:-84px -39px} .brand-search ul li span.a19 {background-position:-105px -39px} .brand-search ul li span.a20 {background-position:-126px -39px} .brand-search ul li span.a21 {background-position:-147px -39px} .brand-search ul li span.a22 {background-position:-168px -39px} .brand-search ul li span.a23 {background-position:-189px -39px} .brand-search ul li span.a24 {background-position:-210px -39px} .brand-search ul li span.a25 {background-position:-231px -39px} .brand-search ul li span.a26 {background-position:-252px -39px} .brand-search ul li span.etc {width:40px;background-position:-105px 0} .brand-search ul li.nobrand span.a1 {background-position:-282px -19px} .brand-search ul li.nobrand span.num {background-position:-275px 0} .brand-search ul li.nobrand span.a2 {background-position:-303px -19px} .brand-search ul li.nobrand span.a3 {background-position:-324px -19px} .brand-search ul li.nobrand span.a4 {background-position:-345px -19px} .brand-search ul li.nobrand span.a5 {background-position:-366px -19px} .brand-search ul li.nobrand span.a6 {background-position:-387px -19px} .brand-search ul li.nobrand span.a7 {background-position:-408px -19px} .brand-search ul li.nobrand span.a8 {background-position:-429px -19px} .brand-search ul li.nobrand span.a9 {background-position:-450px -19px} .brand-search ul li.nobrand span.a10 {background-position:-471px -19px} .brand-search ul li.nobrand span.a11 {background-position:-492px -19px} .brand-search ul li.nobrand span.a12 {background-position:-513px -19px} .brand-search ul li.nobrand span.a13 {background-position:-534px -19px} .brand-search ul li.nobrand span.a14 {background-position:-282px -39px} .brand-search ul li.nobrand span.a15 {background-position:-303px -39px} .brand-search ul li.nobrand span.a16 {background-position:-324px -39px} .brand-search ul li.nobrand span.a17 {background-position:-345px -39px} .brand-search ul li.nobrand span.a18 {background-position:-366px -39px} .brand-search ul li.nobrand span.a19 {background-position:-387px -39px} .brand-search ul li.nobrand span.a20 {background-position:-408px -39px} .brand-search ul li.nobrand span.a21 {background-position:-429px -39px} .brand-search ul li.nobrand span.a22 {background-position:-450px -39px} .brand-search ul li.nobrand span.a23 {background-position:-471px -39px} .brand-search ul li.nobrand span.a24 {background-position:-492px -39px} .brand-search ul li.nobrand span.a25 {background-position:-513px -39px} .brand-search ul li.nobrand span.a26 {background-position:-534px -39px} .brand-search ul li.nobrand span.etc {width:40px;background-position:-147px 0} .brand-search ul li.onbrand span.all {background-position:-42px -0} .brand-search ul li.onbrand span.num {background-position:-319px 0} .brand-search ul li.onbrand span.a1 {background-position:-566px -19px} .brand-search ul li.onbrand span.a2 {background-position:-587px -19px} .brand-search ul li.onbrand span.a3 {background-position:-608px -19px} .brand-search ul li.onbrand span.a4 {background-position:-629px -19px} .brand-search ul li.onbrand span.a5 {background-position:-650px -19px} .brand-search ul li.onbrand span.a6 {background-position:-671px -19px} .brand-search ul li.onbrand span.a7 {background-position:-692px -19px} .brand-search ul li.onbrand span.a8 {background-position:-713px -19px} .brand-search ul li.onbrand span.a9 {background-position:-734px -19px} .brand-search ul li.onbrand span.a10 {background-position:-755px -19px} .brand-search ul li.onbrand span.a11 {background-position:-776px -19px} .brand-search ul li.onbrand span.a12 {background-position:-797px -19px} .brand-search ul li.onbrand span.a13 {background-position:-818px -19px} .brand-search ul li.onbrand span.a14 {background-position:-566px -39px} .brand-search ul li.onbrand span.a15 {background-position:-587px -39px} .brand-search ul li.onbrand span.a16 {background-position:-608px -39px} .brand-search ul li.onbrand span.a17 {background-position:-629px -39px} .brand-search ul li.onbrand span.a18 {background-position:-650px -39px} .brand-search ul li.onbrand span.a19 {background-position:-671px -39px} .brand-search ul li.onbrand span.a20 {background-position:-692px -39px} .brand-search ul li.onbrand span.a21 {background-position:-713px -39px} .brand-search ul li.onbrand span.a22 {background-position:-734px -39px} .brand-search ul li.onbrand span.a23 {background-position:-755px -39px} .brand-search ul li.onbrand span.a24 {background-position:-776px -39px} .brand-search ul li.onbrand span.a25 {background-position:-797px -39px} .brand-search ul li.onbrand span.a26 {background-position:-818px -39px} .brand-search ul li.onbrand span.etc {width:40px;background-position:-189px 0} /* koreadepart tv */ #category .koreatvmenu {height:21px;margin:0;padding:0;} #category .korea-title {color:#fff;background:#1f6e88;font-size:13px;display:block;padding:4px 0 4px 15px;font-weight:bold} .categorytype .koreabody {margin:0 5px 5px 5px; height:auto; display:inline-block; clear:both; border:0px solid red;} .categorytype .koreabody li {font-size:13px;height:auto; display:block;padding:5px 0 7px 10px; border:0px solid red;width:175px;border-bottom:dashed 1px #cecece} .categorytype .koreabody li a {font-size:13px;cursor:pointer;} .categorytype .koreabody li:last-child {border:0;} /* outlet list */ .left-outlet-list {width:178px;height:auto;border:1px solid #e0e0e0;border-bottom:0;margin:0 0 5px 0;background-color:#fff;display:inline-block;} .left-outlet-list .outlet-title {text-align:left;height:26px;border-bottom:1px solid #e0e0e0;background-color:#fafafa;} .left-outlet-list .outlet-title a {display:inline-block;width:178px;height:25px;border-top:1px solid #fffefb;border-bottom:0;cursor:pointer} .left-outlet-list .outlet-title a:hover {background-color:#efefef;text-decoration:none;} .left-outlet-list .outlet-title .title-img {display:inline-block;width:18px;height:14px;background-position:-550px -460px;margin:5px 0 0 9px;float:left} .left-outlet-list .outlet-title .green-star {display:inline-block;width:18px;height:14px;background-position:-517px -460px;margin:4px 0 0 10px;float:left} .left-outlet-list .outlet-title .text {width:132px;height:20px;margin:3px 0 0 15px;display:inline-block;font-size:12px;color:#4c4c4c;font-weight:bold;float:left} .left-outlet-list ul {width:auto;margin:0;} .left-outlet-list ul li {margin:5px 0 0 0;border-bottom:1px solid #e0e0e0} .left-outlet-list .img-thum {float:left; padding:5px 0 0 5px;} .left-outlet-list .img-thum img {width:47px;height:47px;border:1px solid #fff;} .left-outlet-list .img-thum a:hover img {border:1px solid #c98a54;} .left-outlet-list .name {width:105px; float:left;height:49px;overflow:hidden; padding:5px 0 0 5px; } .left-outlet-list .name a {font-size:10px;color:#333;line-height:12px;} .left-outlet-list .price {background-color:#fff;color:#7e4b00;width:178px;font-weight:normal;border-top:0px dashed #e0e0e0;margin:5px 0 0 0;display:inline-block;text-align:center;font-size:11px;padding:2px 0} .left-outlet-list .sale-num {color:#8d5321;font-size:10px;font-weight:normal} .left-outlet-list .green {background-color:#e6eaef;}