@charset "utf-8"; /* css name : content use : all page css. 2016-07-28 libe90 이벤트 리스트 상단탭 넓이 수정 작업 2016-07-29 libe90 아이디 비밀번호 찾기 체크 디스플레이 조정 2016-08-06 dong_20160804 컬러색상 추가 2016-08-08 libe90 카테고리 메뉴 2댑스로 구성 2016-08-10 libe90 이벤트 팝업 css적용 2016-08-13 libe90 d타입 NEW ARRIVALS 상품명 출력부분 작업 */ /* 모든 컨텐츠는 이곳 css파일에 구분만 해주시면 됩니다 */ /* ================================================== main ================================================== */ /* main > 상단 비주얼 */ .main-banner-slider {height:600px; overflow:hidden;} .main-banner-slider .bx-pager {position:absolute; bottom:40px} .main-banner-slider .bx-pager-link {border-color:#fff !important; } .main-banner-slider .bx-pager-link.active {background:#fff !important;} .main-banner-slider .bx-next, .main-banner-slider .bx-prev {width:44px; height:85px; background:url(../img/btn/index_slide_arrow.png) no-repeat;} .main-banner-slider .bx-next {right:10px; background-position:-44px 0;} .main-banner-slider .bx-prev {left:10px; background-position:0 0;} .main-banner-slider .disabled {opacity:.3;} /* main > hash tags */ .hash-tag-wrap {margin-top:29px;} .hash-tag-wrap .tags {padding:16px 130px; font-size:0; text-align:center} .hash-tag-wrap .tags li {display:inline-block; margin:0 14px; line-height:48px} .hash-tag-wrap .tags li a {color:#b0b0b0} .hash-tag-wrap .tags li:hover a, .hash-tag-wrap .tags li.on a {color:#292929} .hash-tag-wrap .tags li.s {font-size:16px} .hash-tag-wrap .tags li.m {font-size:18px} .hash-tag-wrap .tags li.l {font-size:20px} .tag-relative-item {position:relative; display:none; height:950px} .tag-relative-item.on {display:block} .tag-relative-item li {display:none; position:absolute} .tag-relative-item li:nth-of-type(1) {top:0px; left:0px} .tag-relative-item li:nth-of-type(2) {top:0px; left:655px} .tag-relative-item li:nth-of-type(3) {top:0px; left:980px} .tag-relative-item li:nth-of-type(4) {top:325px; left:655px} .tag-relative-item li:nth-of-type(5) {top:650px; left:0px} .tag-relative-item li:nth-of-type(6) {top:650px; left:325px} .tag-relative-item li:nth-of-type(7) {top:650px; left:980px} .tag-relative-item li > a {display:block; } .tag-relative-item li:hover .layer-box {display:block;} .tag-relative-item .layer-box {display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.7); text-align:center;} .tag-relative-item .layer-box .inner {display:inline-block; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); position:relative; z-index:2; vertical-align:middle} .tag-relative-item .layer-box .title {color:#fff; font-size:20px; margin:0 30px; line-height:26px;} .tag-relative-item .layer-box .title:before {display:block;content:""; margin-bottom:10px; height:30px; background:url(../img/icon/bull_cross.png) center no-repeat;} .tag-relative-item .layer-box .user-info {position:relative; margin-top:20px; z-index:40;} /* main > hooking your style up */ .your-style-wrap {position:relative; margin-top:62px; height:745px} .your-style-wrap .title {position:absolute; height:40px; font-size:22px; line-height:40px} .your-style-wrap .style-cate {padding-left:370px; border-bottom:1px solid #dadada; box-sizing:border-box} .your-style-wrap .style-cate li {float:left; margin-right:2px} .your-style-wrap .style-cate li button {border:1px solid #fff; padding:0 20px; height:40px; color:#2b2b2b; font-size:13px} .your-style-wrap .style-cate li button:hover, .your-style-wrap .style-cate li.on button {overflow:visible;position:relative; border-color:#dadada; border-bottom:none} .your-style-wrap .style-cate li:hover button:after, .your-style-wrap .style-cate li.on button:after {display:block; content:""; position:absolute; bottom:-1px; left:0; width:100%; height:1px; background:#fff} .your-style-wrap .style-cate .content {display:none; position:absolute; top:71px; left:0; width:1280px; height:670px; box-sizing:border-box} .your-style-wrap .style-cate li:first-child .content {display:block} .your-style-wrap .style-cate .content {margin:-20px 0 0 -20px; width:1300px;} .your-style-wrap .style-cate .content > a {float:left; display:block; margin-left:20px; margin-top:20px} .your-style-wrap .style-cate .content figure {position:relative; float:left; overflow:hidden; width:240px; height:327px; margin-left:20px; margin-top:20px; } .your-style-wrap .style-cate .content figure img {position:absolute; top:0; left:0; z-index:70; width:240px; height:327px;} .your-style-wrap .style-cate .content figure .bk-box {display:block; content:""; position:absolute; top:0; left:0; z-index:80; width:100%; height:100%; background:#000; opacity:0;} .your-style-wrap .style-cate .content figcaption {position:absolute; right:10px; bottom:0px; left:10px; z-index:90; padding:13px 15px; background:rgba(255,255,255,.8); text-align:left; box-sizing:border-box;} .your-style-wrap .style-cate .content figcaption h5 {font-size:15px;} .your-style-wrap .style-cate .content figcaption p {margin-top:5px; line-height:16px;} .your-style-wrap .style-cate .content .wide, .your-style-wrap .style-cate .content .wide img {width:500px; height:327px;} /* main > hooking event */ .hooking-event {position:relative; margin-top:92px; padding:20px; height:399px; border:1px solid #dadada; box-sizing:border-box} .hooking-event .title {position:absolute; top:-31px; left:21px; width:352px; height:46px; text-align:center; background:#000; color:#fff; font-size:22px; line-height:46px} .hooking-event .place-list {} .hooking-event .place-list .date {width:352px; height:76px; border-bottom:1px solid #dadada; font-size:0} .hooking-event .place-list .date span {display:inline-block; text-align:center; vertical-align:middle; font-size:24px; line-height:80px} .hooking-event .place-list .date span:nth-of-type(1) {width:95px} .hooking-event .place-list .date span:nth-of-type(2) {width:139px; font-size:40px} .hooking-event .place-list .date span:nth-of-type(3) {width:118px} .hooking-event .place-list .event-list {margin-top:10px; min-height:261px} .hooking-event .place-list .event-list li p {font-size:14px; width:352px; line-height:27px; color:#757575; display:block; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; cursor:pointer} .hooking-event .place-list .event-list li p .number {padding:0 15px 0 5px} .hooking-event .place-list .event-list li a {display:none; position:absolute; top:20px; right:20px;} .hooking-event .place-list .event-list li.on p {font-size:18px; color:#292929;} .hooking-event .place-list .event-list li.on a {display:block;} .hooking-event .place-list .event-list li img {width:866px; height:360px;} .hooking-event .place-banner {float:right; width:866px} /* main > timesale & vote */ .auction-vote {margin-top:62px;} .auction-vote .style-vote {float:right; } /* 메인 랭킹 */ .main-rank {float:right; width:760px; height:470px; overflow:hidden; background:#000;} .main-rank .top-goods {padding:0; margin:0 -5px 0 -5px; background:#fff;} .main-rank .top-goods li {position:relative; float:left; padding:15px ; background:#f2f2f2; box-sizing:border-box;} .main-rank .top-goods li:before {display:block; content:""; position:absolute; width:10px; top:0; bottom:0; left:-5px; z-index:5; background:#fff; } .main-rank .top-goods li:first-child:before {display:none;} .main-rank .top-goods li a {display:block;} .main-rank .top-goods li .thumb-img {width:226px; height:389px;} .main-rank .top-goods .name {text-align:left;} .main-rank .top-goods figure:after {display:none !important;} .main-rank .ranking-goods {padding-bottom:10px;} .main-temporarily-video {display:block; height:470px;} /* main > action */ .auction-vote .auction {position:relative; float:left; width:500px;} .auction-vote .auction .title {font-size:20px; margin-bottom:14px;} .auction-vote .auction .info {position:absolute; width:100%; padding:20px ; bottom:0; left:0; background:rgba(0,0,0,.8); box-sizing:border-box;} .auction-vote .auction .info .label {position:relative; padding-bottom:16px;border-bottom:1px solid #434343; color:#fff; } .auction-vote .auction .info .label .brand {font-size:16px;} .auction-vote .auction .info .label .name {padding-top:5px; font-size:18px; line-height:1.4;} .auction-vote .auction .info .time-box {padding-left:45px;position:absolute; right:0; /* bottom:20px; */ top:-10px; background:url(../img/icon/icon_auction_clock.png) 0 4px no-repeat;} .auction-vote .auction .info .time-box .dis {color:#9c9b9b; } .auction-vote .auction .info .time-box .time {font-size:23px;} .auction-vote .auction .info .price {position:relative; padding-top:16px;} .auction-vote .auction .info .price .start {color:#8b8b8b;} .auction-vote .auction .info .price .now {color:#ff0600;} .auction-vote .auction .info .price .now strong {font-size:26px;} .auction-vote .auction .info .price .join-person {position:absolute; top:22px; right:0; font-size:15px; color:#fff;} .auction-vote .auction .info .price .join-person span {display:inline-block; margin-right:8px; width:37px; background:#6a6b6c; border-radius:3px; text-align:center; font-size:12px; line-height:21px;} .auction-vote .auction .bx-next, .auction-vote .auction .bx-prev {width:22px; height:43px; background:url(../img/btn/index_slide_arrow.png) no-repeat;background-size:auto 100%;} .auction-vote .auction .bx-next {right:10px; background-position:-22px 0;} .auction-vote .auction .bx-prev {left:10px; background-position:0 0;} .auction-vote .auction .disabled {opacity:.3;} /* main > vote */ .style-vote {position:relative; width:760px; overflow:hidden;} .style-vote .item {position:relative; width:100%; height:470px; background:url(../img/common/style_vote_bg.jpg) no-repeat; background-size:cover;} .style-vote .item .subject {padding:60px 250px 0; text-align:center; font-size:25px; line-height:30px;} .style-vote .item div {position:absolute; top:30px; width:300px; text-align:center;} .style-vote .item div img {width:100%;} .style-vote .item .item-a {left:20px;} .style-vote .item .item-b {right:20px;} .style-vote .item .type {position:relative; padding-bottom:9px; color:#000; font-size:18px; font-weight:700;} .style-vote .item .type:after {position:absolute; content:""; bottom:0; left:50%; margin-left:-7px; width:14px; height:1px; background:#787878;} .style-vote .item .ment {margin-top:9px; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .place-submit {position:absolute; bottom:0; left:0; right:0; height:63px; } .place-submit button {position:absolute; top:7px; z-index:70; width:104px; height:27px; background:#a2a2a2; border-radius:13px; font-size:14px; color:#fff;} .place-submit button:before {display:inline-block; content:""; margin:-2px 5px 0 0; width:14px; height:12px; background:url(../img/icon/arrow_vote.png) no-repeat; vertical-align:middle;} .place-submit .voteA {left:75px;} .place-submit .voteB {right:75px;} .place-submit .graph {margin:auto; overflow:hidden; width:300px; border-radius:23px;} .place-submit .graph div {position:relative; height:45px; } .place-submit .graph .a {float:left; background:#292929 } .place-submit .graph .b {float:right; background:#5f5f5f;} .place-submit .graph span {display:block; position:absolute; top:0; z-index:90; line-height:45px; color:#fff; font-size:16px;} .place-submit .graph .a span {left:15px;} .place-submit .graph .b span {right:15px;} /* main > show window */ .show-window-wrap {margin-top:60px; padding:40px 0; background:#f2f2f2; } .show-window-wrap .title {margin:auto; margin-bottom:20px; width:1280px; font-size:22px} .show-window {margin:auto; width:1280px; position:relative; margin-bottom:20px; } .show-window .place-store {float:left; width:1020px; height:238px; } .show-window .place-store li {float:left; width:321px; margin-left:28px;} .show-window .place-store li:first-child {margin-left:0px;} .show-window .place-store figure {position:relative; overflow:hidden; height:238px;} .show-window .place-store figure img {width:320px} .show-window .place-store figcaption {position:absolute; top:0; right:0; padding:60px 20px 0 20px; width:149px; height:100%; background:rgba(0,0,0,.5); color:#fff; box-sizing:border-box;} .show-window .place-store figcaption .best {position:absolute; top:0; left:0; display:block; width:85px; text-align:center; background:#000; color:#a8a8a8; line-height:40px;} .show-window .place-store figcaption .shop-nm {font-size:16px;} .show-window .place-store figcaption .shop-nm span {display:block; padding-bottom:7px; font-size:12px;} .show-window .place-store figcaption .tel {position:absolute; bottom:30px; left:20px;} .show-window .place-ranking {float:right; width:240px} .show-window .place-ranking .type {} .show-window .place-ranking .type button {float:left; width:50%; height:48px; border:1px solid #dadada; border-bottom:none; background:#fff; box-sizing:border-box; text-align:center; color:#999; box-sizing:border-box} .show-window .place-ranking .type button:first-child {border-right:none;} .show-window .place-ranking .type button.on {position:relative; overflow:visible; border:1px solid #dadada; border-right:none; border-bottom:none; color:#292929} .show-window .place-ranking .type button.on:after {display:block; content:""; position:absolute; bottom:-1px; left:0; width:100%; height:1px; background:#fff} .show-window .place-ranking .type button:nth-of-type(2).on {border-right:1px solid #dadada;} .show-window .place-ranking .list-wrap {border:1px solid #dadada; border-top:none; background:#fff;} .show-window .place-ranking .list {display:none; padding:7px 0 6px; border-top:1px solid #dadada} .show-window .place-ranking .list li {font-size:0} .show-window .place-ranking .list li span {display:inline-block; line-height:35px; font-size:12px; vertical-align:middle} .show-window .place-ranking .list li:first-child span {_font-size:13px; color:#000;} .show-window .place-ranking .list li:nth-of-type(1) span:first-child {background:url(../img/icon/icon_rank1.gif) center no-repeat; color:#fff;} .show-window .place-ranking .list li:nth-of-type(2) span:first-child {background:url(../img/icon/icon_rank2.gif) center no-repeat;} .show-window .place-ranking .list li:nth-of-type(3) span:first-child {background:url(../img/icon/icon_rank3.gif) center no-repeat;} .place-ranking .list li .up:before, .place-ranking .list li .down:before {position:absolute; top:50%; left:9px; display:block; width:0px; height:0px; content:""} .place-ranking .list li .up {color:#fe1f00 !important} .place-ranking .list li .up:before {margin-top:-7px; border:4px solid transparent; border-bottom:4px solid #fe1f00} .place-ranking .list li .down {color:#0066ca !important} .place-ranking .list li .down:before {margin-top:-3px; border:4px solid transparent; border-top:4px solid #0066ca} /* Play Ranking */ .place-ranking .play li span:nth-of-type(1) {width:34px; text-align:center} .place-ranking .play li span:nth-of-type(2) {width:76px} .place-ranking .play li span:nth-of-type(3) {position:relative; width:50px; text-align:center; text-indent:18px} .place-ranking .play li span:nth-of-type(4) {width:70px; text-align:right} .place-ranking .play li:nth-child(odd) {background:#f7f7f7} /* Sale Ranking */ .place-ranking .sale li span:nth-of-type(1) {width:34px; text-align:center} .place-ranking .sale li span:nth-of-type(2) {width: 152px;} /*.place-ranking .sale li span:nth-of-type(3) {position:relative;width: 46px;text-align:center;text-indent:18px;}*/ .place-ranking .sale li span:nth-of-type(3) {width: 40px;text-align:right;} .place-ranking .sale li:nth-child(odd) {background:#f7f7f7} /* main > flex grid */ .index-wrap .flex-grid-wrap {margin:0 0 106px 0;} /* main > new-brand */ .index-wrap .wrap-brand-main {padding-top:2px;} /* main > new goods */ .main-title {font-size:24px; font-family:ngb; color:#2f2f34;} .main-new-goods {} .main-new-goods .main-title {padding-bottom:10px;border-bottom:1px solid #dadada;} /* ================================================== Detail - by Park ================================================== */ /* 카테고리 네비게이터 */ .cate_location {margin:22px auto;} .cate_location ul li {float:left;height:28px;padding:0 20px;line-height:28px;background:url(../img/common/bg_cate_line.gif) no-repeat right center;} .cate_location ul li:last-child {background:none;} .cate_location ul li a {font-size:15px;text-align:center;} .goods-wrap {} .goods-wrap .breadcrumb {margin-top:10px;} /* 상품정보 */ .pro_detail {position:relative;width:1240px;margin:0 auto;} .pro_detail .pro_detail_left {float:left;width:660px;} .pro_detail .pro_detail_right {position:relative;float:right;width:480px;margin-top:20px; } .detail_image {_overflow:hidden;} /* 상품정보 > 썸네일 리스트 추가 */ .thumb-list-wrap {float:left; margin-top:33px; width:60px; } .thumb-list-wrap .bx-viewport {margin-top:37px; height:auto !important;} .thumb-list-wrap .bx-next, .thumb-list-wrap .bx-prev {position:absolute; left:16px; width:28px; height:15px; background:url(../img/btn/thumb_list_arrow.png) no-repeat; text-indent:-9999px;} .thumb-list-wrap .bx-next {bottom:-34px; background-position:0 -45px;} .thumb-list-wrap .bx-prev {top:-37px; background-position:0 -30px;} .thumb-list-wrap .bx-next.disabled {background-position:0 -15px;} .thumb-list-wrap .bx-prev.disabled {background-position:0 0px;} .detail_image ul.thumb-list {height:485px;} .detail_image ul.thumb-list li {position:relative;opacity:.2;margin-bottom:18px;cursor:pointer;} .detail_image ul.thumb-list li.on {opacity:1;} .detail_image .big_image {float:left; position:relative; width:560px; min-height:747px;/* height:747px; */ margin:22px 0 48px 32px;} .detail_image .big_image > div {height:auto !important;} .detail_image .big_image a {position:absolute; top:50%; left:50%; z-index:20; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);} .detail_image .big_image img {position:static !important; max-width:560px; /* max-height:747px */} .product_title {border-bottom:1px solid #ededed;padding-bottom:20px;} .product_title .name {width:330px;font-family:ngb;font-size:20px;color:#000;word-break:break-all;} .product_title .name span img {vertical-align:middle;} .product_title .user-info {position:absolute;right:0;top:5px;} .product_title .user-info > a {padding-right:9px;height:11px;background:url(../img/common/bg_detail_line.gif) no-repeat right center;} .product_title .user-info > a:last-of-type {background:none;font-size:13px;} .product_title .user-info > a span{display:inline-block;width:17px;height:17px;white-space:nowrap;vertical-align:middle;} .product_title .user-info .btn-share {background:url(../img/icon/icon_share_l.png) no-repeat 0 0;} .product_title .user-info .btn-clip {background:url(../img/icon/icon_clip_l.png) no-repeat 0 0;} .product_title .user-info .btn-wish {background:url(../img/icon/icon_wish_l.png) no-repeat 0 1px;} .product_title .user-info a.on .btn-share, .product_title .user-info a.on .btn-clip {background-position:0 -17px;} .product_title .user-info a.on .btn-wish {background-position:0 -19px;} .product_title .user-info .share-list {left:-80px;} .pro_info {margin:20px 0 38px 0;} .pro_info .tagset {text-align:left;} .pro_info .price {font-size:16px;margin:15px 0;} .pro_info .price del {color:#999;} .pro_info .price del.del_price {margin-left:5px;color:#000;font-family:ngb;} .pro_info .price strong {color:#000;font-size:26px;padding:0 12px 0 16px;} .pro_info .price span {font-family:ngb;color:#fa413c;} .pro_info .price span.sale_sm {font-family:ng;} .pro_info .coupon {position:relative;} .pro_info .coupon span {margin-right:20px;} .pro_info .coupon span img {vertical-align:middle;} .pro_info .coupon .layer_open {position:absolute;left:50px;top:25px;width:180px;border:3px solid #e5e5e5;} .pro_info .btn_layer2 {display:none;} .pro_info .btnwrap {font-size:0;} .pro_info .btnwrap a {display:inline-block; text-align:center; margin-right:9px; } .pro_info .btnwrap a:last-child {margin-right:0;} .pro_info .btnwrap.ea2 a:nth-of-type(1) {width:294px;background:#000;} .pro_info .btnwrap.ea2 a:nth-of-type(2) {width:177px;background:#a5a5a5;} /* .pro_info .btnwrap a:nth-of-type(1) {background:#000; width:230px; } .pro_info .btnwrap a:nth-of-type(2) {background:#a5a5a5; width:145px; } */ .color_option {margin-top:20px; font-size:0;} .color_option span {position:relative; margin-right:3px; display:inline-block;width:23px;height:23px; vertical-align:middle; box-sizing:border-box;} .color_option span.red {background:#b52828;} .color_option span.orange {background:#fc8918;} .color_option span.yellow {background:#f0d03d;} .color_option span.olive {background:#a1a126;} .color_option span.green {background:#4fba52;} .color_option span.blue {background:#6fbcef;} .color_option span.skyblue {background:#b6d8e8;} .color_option span.royalblue {background:#789fd8;} .color_option span.purple {background:#8666d8;} .color_option span.black {background:#000;} .color_option span.skim_black {background:#000;} /* 2017-11-28 10/86 컬러추가 */ .color_option span.gray {background:#808080;} .color_option span.lightgray {background:#d6d6d6;} .color_option span.brown {background:#835C3B;} .color_option span.khaki {background:#66772a;} .color_option span.beige {background:#F5F5DC;} .color_option span.ivory {background:#ECE6CC;} .color_option span.grey {background:#808080;} .color_option span.pink {background:#FFC0CB;} .color_option span.navy {background:#13189a;} .color_option span.white {background:#fff;} .color_option span.white:after {position:absolute; top:0; left:0; z-index:15; width:100%; height:100%; border:1px solid #ececec; content:""; box-sizing:border-box;} .color_option span.skim_white {background:#fff;} /* 2017-11-28 10/86 컬러추가 */ .color_option span.skim_white:after {position:absolute; top:0; left:0; z-index:15; width:100%; height:100%; border:1px solid #ececec; content:""; box-sizing:border-box;} .color_option a {display:inline-block;font-size:0;vertical-align:middle;} .color_option .chip-wrap {display:inline-block;} .color_option span.on em {display:block; position:absolute; top:0; left:0; z-index:20; width:23px; height:23px;background:url(../img/common/detail_color_hover.png) no-repeat;} .color_option span:hover em {display:block !important; position:absolute; top:0; left:0; z-index:20; width:23px; height:23px;background:url(../img/common/detail_color_hover.png) no-repeat;} .color_option label.hover-color {padding-left:4px; font-size:12px; vertical-align:middle;} /* .color_option em {display:none; padding:0 5px 0 2px;font-size:12px; line-height:25px; vertical-align:middle;} .color_option span.on + em {display:inline-block;} .color_option a:hover span + em {display:inline-block;} */ .option {margin-top:20px;} .option li {margin-bottom:7px;} .option li:last-child {margin-bottom:20px;} .option li span.txt {margin-left:10px;} .option .select .my_value {width:275px;} /* 상세페이지 확대기능 */ .cloud-zoom-big {border:1px solid #d8d8d8 !important; top:50% !important; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); left:606px !important; background-position:560px auto;} .cloud-zoom-lens {border:1px solid #d8d8d8 !important; margin-left:0px !important; opacity:1 !important; background:rgba(255,255,255,.6) !important;} .mousetrap {z-index:20 !important;} .zoomContainer { z-index:100 } .zoomLens {border:1px solid #d8d8d8 !important; margin-left:0px !important; opacity:1 !important; background:rgba(255,255,255,.6) !important;} /* 옵션 선택창 z-index 추가 5개까지 설정 */ .pro_info ul.option li:nth-of-type(1) .select {z-index:5;} .pro_info ul.option li:nth-of-type(2) .select {z-index:4;} .pro_info ul.option li:nth-of-type(3) .select {z-index:3;} .pro_info ul.option li:nth-of-type(4) .select {z-index:2;} .pro_info ul.option li:nth-of-type(5) .select {z-index:1;} .delivery_tab ul li {position:relative;float:left;width:112px;height:38px;line-height:38px;margin-right:10px;background:#f4f4f4;} .delivery_tab ul li:last-child {margin-right:0;} .delivery_tab ul li a {display:block;text-align:center;font-size:13px;} .delivery_tab ul li div {display:block;height:0; overflow:hidden;} .delivery_tab ul li.on div {height:auto;} .delivery_tab ul li.on {height:44px;background:url(../img/common/bg_tab_on.png) center 0 no-repeat;} .delivery_tab ul li.on a {color:#fff;} .delivery_tab .total {position:relative; padding-top:20px;padding-bottom:34px;overflow:hidden;border-top:1px solid #ededed;font-size:14px;color:#898585;line-height:31px;} .delivery_tab .total .banner {position:absolute; top:16px; left:0;} .delivery_tab .total span{float:right;display:inline-block;color:#fa413c;font-size:16px;} .delivery_tab .total em {font-weight:bold;font-size:26px;} .tab_Content_Wrap {display:none;} .tab_Content_Wrap.on {display:block;} .tab_Content_Wrap {_padding:14px 0 20px;padding:10px 0 0;} .tab_Content_Wrap .tabPage p {_padding-bottom:20px;padding-bottom:10px;color:#000;font-size:13px;line-height:24px;} .tab_Content_Wrap .tabPage .btn_select_store {float:right; width:87px; padding:1px 0 1px 17px; border:1px solid #292929;background:url(../img/icon/icon_select_store.gif) no-repeat 8px 6px;text-align:center;font-size:12px; box-sizing:border-box;} .tab_Content_Wrap .tabPage .nonmember_info {float:right;color:#777;font-size:12px;} .tab_Content_Wrap .tabPage .nonmember_info .btn-line {min-width:55px;line-height:22px;font-weight:bold;} .info_list ul {margin:60px 0 48px;border-top:1px solid #ccc;} .info_list ul li {padding-right:10px;border-bottom:1px solid #ccc;height:40px;line-height:40px;} .info_list ul li a {display:block;background:url(../img/common/bg_list_plus.png) no-repeat right center;color:#000;font-size:13px;} /* 벤더 내용 추가*/ .detail-vendor-tab {margin-top:20px;border-bottom:1px solid #ededed;} .detail-vendor-tab .button {font-size:0;} .detail-vendor-tab .button button {overflow:visible; margin-right:9px; position:relative; width:112px; height:30px; color:#777; font-size:13px;} .detail-vendor-tab .button button.on {border-color:#292929;} .detail-vendor-tab .button button.on:before {position:absolute; bottom:-7px; left:50%; margin-left:-6px; display:block; width:12px; height:7px; background:url(../img/icon/icon_vendor_tab_arrow.gif) no-repeat; content:"";} .detail-vendor-tab .idx-content {display:none;padding:15px 0;} .detail-vendor-tab .idx-content.on {display:block;} .goods-code { margin-top:10px;} .vendor-link {border:1px solid #f0f0f0;padding: 3px 5px 3px 10px;background:#f8f8f8;} .vendor-link i {display:none;} .vendor-link:after {display:inline-block;width: 5px;height: 5px;margin: -2px 5px 0 6px;border-right:1px solid #666;border-top:1px solid #666;text-indent:-9999px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);content:'';vertical-align: middle;} /* 수량 */ .ea-setting {position:relative; padding-right:40px; width:275px; box-sizing:border-box;} .ea-setting input {height:35px !important; line-height:35px !important; border:1px solid #d5d5d5; width:100% !important; box-sizing:border-box;} .ea-setting .btn {position:absolute;top:0;right:0; width:40px; height:35px; border:1px solid #d5d5d5; border-left:none; box-sizing:border-box;} .ea-setting .btn button {position:relative; width:100%; height:17px; text-indent:-9999px;} .ea-setting .btn button.plus {border-bottom:1px solid #d5d5d5; height:17px;} .ea-setting .btn button.plus:before { position:absolute; top:50%; right:15px; display:block; margin-top:-6px; width:0px; height:0px; border:4px solid transparent; border-bottom:4px solid #303541; content:"";} .ea-setting .btn button.minus {height:18px;} .ea-setting .btn button.minus:before { position:absolute; top:50%; right:15px; display:block; margin-top:-3px; width:0px; height:0px; border:4px solid transparent; border-top:4px solid #303541; content:"";} /* 상품상세 가격 재작업 */ .detail-price {padding-bottom:12px; border-bottom:1px solid #ededed;} .detail-price:after {display:block; clear:both; content:"";} .detail-price .price-box {float:left; width:225px;} .detail-price .price-box li {position:relative; line-height:30px; text-align:right; font-size:18px;} .detail-price .price-box li label {position:absolute; top:0; left:0; font-size:14px;} .detail-price .price-box li span {font-size:14px;} .detail-price .price-box li p.dc-per {position:absolute; top:0; right:-70px; font-size:18px; line-height:30px;} .detail-price .price-box li strong {font-size:23px;} .detail-price .infomation {float:right; width:190px; margin-right:20px;} .detail-price .infomation li {position:relative; text-align:right; min-height:32px; line-height:32px;} .detail-price .infomation li img {margin-left:3px;vertical-align:middle;} .detail-price .infomation .layer_open {position:absolute; background:#fff; width:420px; padding:19px; top:23px; right:0; z-index:50; border:1px solid #777; text-align:left;} .detail-price .infomation .layer_open img {max-width:420px} .detail-price .infomation .btn_layer1:hover .layer_open {display:block !important;} /*해시태그*/ .detail-hashtag-wrap {} .detail-hashtag-wrap .detail-hashtag {margin:0px 0 0 -10px; padding:20px 20px 30px 10px;text-align:center; font-size:0;} .detail-hashtag-wrap .detail-hashtag li {display:inline-block; margin:10px 0 0 10px; } .detail-hashtag-wrap .detail-hashtag li a {color:#777; padding:0 10px; font-size:14px; line-height:38px;} .detail-hashtag-wrap .detail-hashtag li.on a {color:#000;font-size:16px;} .detail-hashtag-wrap .detail-hashtag li.l {background:#e8e8e8;} .detail-hashtag-wrap .detail-hashtag li.m {background:#ebebeb;} .detail-hashtag-wrap .detail-hashtag li.s {background:#f3f3f3;} /*해시태그 > 블로그,매거진 */ .blog-hash .hashs {margin:0px 0 0 -10px; padding:20px 20px 30px 10px;text-align:center; font-size:0;} .blog-hash .hashs li {display:inline-block; margin:10px 0 0 10px; border:1px solid #d5d5d5;border-radius:4px;} .blog-hash .hashs li a {color:#777; padding:0 10px; font-size:14px; line-height:38px;} .blog-hash .hashs li.on a {color:#000;font-size:16px;} /*Social Curation*/ .socialwrap {padding-bottom:20px;} .socialwrap h3 {padding-top:30px;border-top:1px solid #ccc;text-align:center;font-size:30px;} .socialwrap .brand-style-list li {width:240px !important;} .socialwrap .brand-style-list li:nth-child(5n+4) {margin-right:20px;} .socialwrap .brand-style-list li:nth-child(5n+5) {margin-right:0px;} .socialwrap .brand-style-list li .img {width:auto} /*best_review*/ .review_wrap h3 {padding-top:30px;border-top:1px solid #ccc;text-align:center;font-size:30px;} .best_review {margin-top:30px;} .best_review ul li {position:relative;float:left;margin-right:55px;} .best_review ul li:last-child {margin-right:0;} .best_review .b_mark {position:absolute;left:0;top:0;width:0;height:0;border-top:75px solid rgba(135,135,135,.9);border-right:75px solid transparent;} .best_review .b_mark img {position:absolute;left:0;top:-75px;} .best_review .imgwrap {width:390px;height:370px;overflow:hidden;} .best_review .imgwrap img {width:100%;max-width:100%;height:auto;} /*포토리뷰 모아보기*/ .photo_more {position:relative; padding:0 45px;} .photo_more h3 {margin:53px 0 10px;color:#000;font-size:16px;background:url(../img/icon/icon_photo.png) no-repeat 0 0;padding-left:33px;} .photo_list ul {margin:0 auto;} .photo_list ul li {float:left;margin-right:10px;} .photo_list .imgwrap {width:110px;height:110px;} .photo_list .imgwrap img {width:100%;max-width:100%;height:auto;} .photo_more .open-photo-review{cursor:pointer} .goods-photo-slider .bx-wrapper .bx-controls-direction a {width:18px;height:34px;background:url(../img/btn/btn_photo_arr.png) no-repeat 0 0;} .goods-photo-slider .bx-wrapper .bx-controls-direction .bx-prev {left:-35px;} .goods-photo-slider .bx-wrapper .bx-controls-direction .bx-next {right:-35px; background-position:-18px 0;} .goods-photo-slider .bx-wrapper .bx-controls-direction .bx-prev.disabled {background-position:0 -34px;} .goods-photo-slider .bx-wrapper .bx-controls-direction .bx-next.disabled {background-position:-18px -34px;} .goods-photo-slider .bx-pager {display:none;} /*리뷰게시판 리스트*/ .detail-review-wrap {margin-top:40px;} .detail-review-wrap .list-paginate {margin:50px 0 60px;} /*SHOW WINDOW*/ .show_window h3 {padding:30px 0 10px;border-top:1px solid #ccc;text-align:center;font-size:30px;} /* 상세 > 실측 사이즈 안내 팝업 */ .layer-dimm-wrap .w640{width:640px;} .layer-dimm-wrap .w940{width:940px;} .pop-goods-size .layer-content {height:401px; overflow-y:auto;} .pop-goods-size .layer-inner .layer-title {border-bottom:0;} .pop-goods-size .size {text-align:center;margin-bottom:20px;} .pop-goods-size .size img {margin-left:-19px;} .pop-goods-size .r_txt {text-align:right;margin-bottom:6px;} .pop-goods-size ul.list_type {margin-top:10px;} .pop-goods-size ul.list_type li {margin-bottom:5px;} .pop-goods-size table {border-bottom:1px solid #c5c5c5;} .pop-goods-size td {border-top:1px solid #c5c5c5; border-bottom:none;} /* 상세 > 배송 및 반품 팝업*/ .pop-delivery-return .layer-content {overflow-y:auto;} .pop-delivery-return ul.list_txt li {padding-bottom:12px;font-size:13px;} /* 상세 > 상품상세정보 테이블*/ .pop-detail-info .layer-content {border-top:none;height:398px; padding-right:20px; overflow-y:auto; margin-top:0;} .pop-detail-info .th-left {width:100%;border-collapse:collapse;} .pop-detail-info .th-left caption {visibility:hidden; font-size:0; height:0px;text-indent:-9999px;} .pop-detail-info .th-left th, .pop-detail-info .th-left td {padding-left:20px;text-align:left;/*line-height:18px;*/font-size:13px;color:#000;} .pop-detail-info .th-left th {height:48px;font-weight:normal;} .pop-detail-info .th-left td {height:49px;} .pop-detail-info .th-left td img {max-width:710px} .pop-detail-info .th-left tbody {border-top:none;} .pop-detail-info2 .title {margin:30px 0 10px 0;font-size:18px; } .pop-detail-info2 .layer-content {border-top:none;height:500px; padding-right:20px; overflow-y:scroll; margin-top:0;} .pop-detail-info2 .layer-content img {max-width:865px} .pop-detail-info2 .th-left {width:100%;border-collapse:collapse;} .pop-detail-info2 .th-left caption {visibility:hidden; font-size:0; height:0px;text-indent:-9999px;} .pop-detail-info2 .th-left th, .pop-detail-info2 .th-left td {padding-left:20px;text-align:left;/*line-height:18px;*/font-size:13px;color:#000;} .pop-detail-info2 .th-left th {height:48px;font-weight:normal;} .pop-detail-info2 .th-left td {height:49px;} .pop-detail-info2 .th-left tbody {border-top:none;} /* 2016-09-05 추가 */ .fabric-check {width:100%;border-collapse:collapse;border:2px solid #ddd;} .fabric-check tr {border-top:1px solid #ccc;} .fabric-check tr:first-child {border-top:none;} .fabric-check th {text-indent:50px; background:#fafafa; text-align:left;} .fabric-check td {padding:10px 0 10px 58px ;} .fabric-check span { font-size:13px; color:#000;} .fabric-check span:before {display:inline-block; content:""; margin-right:10px; width:11px; height:11px; background:#ccc; vertical-align:middle;} .fabric-check span.check:before {background:#292929;} /* 상세 > Q&A 팝업*/ .pop-qna-board .layer-inner {width:645px;} .pop-qna-board .layer-content {overflow-y:auto;margin-top:0;} .pop-qna-board .detail-reivew-list .summary {text-align:center;} .pop-qna-board .detail-reivew-list .summary .qna {width:50px;background:url(../img/icon/icon_question.png) no-repeat center center;} .pop-qna-board .detail-reivew-list .summary .cont {text-align:left; width:300px;} .pop-qna-board .detail-reivew-list .summary .cont .icon_lock {display:inline-block;width:13px;margin-right:25px;} .pop-qna-board .detail-reivew-list .summary .cont .icon_lock img {vertical-align:middle;} .pop-qna-board .detail-reivew-list .summary .writer {width:150px;} .pop-qna-board .detail-reivew-list .summary .date {width:90px;} .pop-qna-board .detail-reivew-list .content {font-size:13px;position:relative;background-size:13px 18px;background:url(../img/icon/icon_answer.png) no-repeat 20px 30px #f5f5f5;padding:25px 140px 30px 90px;} .pop-qna-board .detail-reivew-list .content .date {position:absolute; top:30px; right:22px;} .pop-qna-board .btn-place {margin:13px 0;text-align:right;} .pop-qna-board .btn-place .btn-point {width:105px; height:35px; font-weight:700; font-family:dotum;} /* 상세 > qna 작성 */ .pop-qna-write {} .pop-qna-write .layer-title {border-bottom:none !important;} .pop-qna-write th {padding:0 10px !important;} .pop-qna-write .btn-place {margin:30px 0 29px 0;text-align:center;} .pop-qna-write button {margin:0 5px;width:97px; height:35px; font-family:dotum;} .pop-qna-write .layer-content {overflow-y:auto;margin-top:0;} /* 상세 > 포토리뷰 팝업 2016-11-11 추가&수정*/ .pop-photo-review {display:none; position:absolute; z-index:200; position:fixed; top:0; right:0 ;bottom:0; left:0; background:rgba(240,240,240,.9);} .pop-photo-review .inner-wrap { position:absolute; top:50%; left:50%; width:1030px; background:#ededed; border:1px solid #000; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); box-sizing:border-box; } .pop-photo-review .summary {position:relative; padding:18px 30px;background:#fff; border-bottom:1px solid #c5c5c5; font-size:13px; color:#000;} .pop-photo-review .summary span {padding-right:80px;} .pop-photo-review .summary .id {position:absolute; padding-right:0; top:50%; right:60px; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); } .pop-photo-review .content {padding:20px 0;} .pop-photo-review .content p {line-height:1.6; min-height:19px;} .pop-photo-review .content img {max-width:100%} .pop-photo-review .content .btn-place {padding:25px 0 5px 0;text-align:center;} .pop-photo-review .content .btn-place button {width:97px; height:35px;} .pop-photo-review .inner {padding:0 25px;} .review-contents-wrap {position:relative; } .review-contents-wrap .content-scroll {height:499px; overflow-y:scroll;} .review-comment {margin-top:40px; padding:20px 45px; border:1px solid #d5d5d5; border-width:1px 0;} .review-comment .like a {padding:0;} .review-comment .like em {padding-left:3px; color:#292929;} .review-comment .list {margin-top:10px;} .review-comment .list li {padding:4px 0;line-height:1.4; color:#777; border-bottom:none !important;} .review-comment .list li strong {padding-left:15px; font-weight:400; color:#000;} .review-comment.bdb-none {border-bottom:none;} .in-detail-content {padding:20px 25px;} /* 상세 > show window */ .goods-wrap .show_window {margin-bottom:120px;} /* ================================================== 레이어 팝업 ================================================== */ /* 상품상세 > 매장 선택 팝업 */ .pop-store-local .layer-content {_width:855px;} .pop-store-local .clear .input-area {float:left;width:360px;margin-top:10px;padding:0 10px;font-family:dotum;} .pop-store-local .clear .store-detail {float:right; width:450px !important; margin-top:11px;} .pop-store-local .input-area select {height:27px;padding-left:3px;border-color:#ccc;font-family:dotum;font-size:12px;} .pop-store-local .input-area .select-type1 select {width:100%;} .pop-store-local .input-area .select-type2 {margin:10px 0;} .pop-store-local .input-area .select-type2 select {float:left;width:175px;} .pop-store-local .input-area .select-type2 select + select {margin-left:10px;} .pop-store-local .input-area .select-storelist {overflow-y:auto;max-height:322px;margin:5px 0;padding:10px 0;} .pop-store-local .input-area .select-storelist li {position:relative;margin-bottom:15px;} .pop-store-local .input-area .select-storelist li input, .pop-store-local .input-area .select-storelist li label {cursor:pointer;} .pop-store-local .input-area .select-storelist li input {position:absolute;left:0;top:2px;} .pop-store-local .input-area .select-storelist li label {display:inline-block;width:100%;padding-left:18px;box-sizing:border-box;} .pop-store-local .store-detail h4 {margin-bottom:18px;color:#000;font-family:dotum;font-size:16px;font-weight:bold;} .pop-store-local .btn-area {margin:30px 0 12px;text-align:center;} .pop-store-local .btn-area .btn-basic, .pop-store-local .btn-area .btn-point {width:110px;margin:0 3px;line-height:33px;font-size:14px;} .pop-store-local .map-api img {max-width:100%;} .pop-store-local dd {width:auto !important;} /* 매장 리스트 토글형 */ .store-accordian {margin-top:20px; height:432px; border-bottom:1px solid #bbb;} .store-accordian dt {position:relative; height:39px; border-top:1px solid #292929; border-bottom:1px solid #ddd; line-height:39px; font-size:14px; font-weight:bold; cursor:pointer} .store-accordian dt:before { display:inline-block; position:absolute; top:12px; right:10px; width:8px;height:8px;margin:0px 0 0 5px;border-right:1px solid #222;border-top:1px solid #222;text-indent:-9999px; -webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);content:'';vertical-align:top; } .store-accordian dt.on:before {top:18px; -webkit-transform:rotate(315deg);-ms-transform:rotate(315deg);transform:rotate(315deg);} .store-accordian dt:nth-of-type(2) {margin-top:-1px;} .store-accordian dd {display:none;} .store-accordian dd.on {display:block;} .store-accordian .select-storelist li {padding-right:120px;} .store-accordian .select-storelist li span {position:absolute; left:250px; right:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} /* ================================================== 레이어 팝업 ================================================== */ /* 상품상세 > 당일 매장 선택 팝업 */ .pop-store-today .layer-content {_width:680px;} .pop-store-today .clear .input-area {float:left;width:220px;margin-top:10px;padding:0 10px;font-family:dotum;} .pop-store-today .clear .store-detail {float:right; width:450px !important; margin-top:11px;} .pop-store-today .input-area select {height:27px;padding-left:3px;border-color:#ccc;font-family:dotum;font-size:12px;} .pop-store-today .input-area .select-type1 select {width:100%;} .pop-store-today .input-area .select-type2 {margin:10px 0;} .pop-store-today .input-area .select-type2 select {float:left;width:175px;} .pop-store-today .input-area .select-type2 select + select {margin-left:10px;} .pop-store-today .input-area .select-storelist {overflow-y:auto;max-height:322px;margin:5px 0;padding:10px 0;} .pop-store-today .input-area .select-storelist li {position:relative;margin-bottom:15px;} .pop-store-today .input-area .select-storelist li input, .pop-store-today .input-area .select-storelist li label {cursor:pointer;} .pop-store-today .input-area .select-storelist li input {position:absolute;left:0;top:2px;} .pop-store-today .input-area .select-storelist li label {display:inline-block;width:100%;padding-left:18px;box-sizing:border-box;} .pop-store-today .store-detail h4 {margin-bottom:18px;color:#000;font-family:dotum;font-size:16px;font-weight:bold;} .pop-store-today .btn-area {margin:30px 0 12px;text-align:center;} .pop-store-today .btn-area .btn-basic, .pop-store-today .btn-area .btn-point {width:110px;margin:0 3px;line-height:33px;font-size:14px;} .pop-store-today .map-api img {max-width:100%;} .pop-store-today dd {width:auto !important;} /* 상품상세 > 당일 매장 선택 팝업 */ .pop-store-today .clear .input-area {float:left;width:200px;margin-top:10px;padding:0 10px;font-family:dotum;} .pop-store-today .clear .store-detail {float:right;margin-top:10px;margin-right:5px;} .pop-store-today .input-area select {height:27px;padding-left:3px;border-color:#ccc;font-family:dotum;font-size:12px;} .pop-store-today .input-area .select-type1 select {width:100%;} .pop-store-today .input-area .select-type2 {margin:10px 0;} .pop-store-today .input-area .select-type2 select {float:left;width:95px;} .pop-store-today .input-area .select-type2 select + select {margin-left:10px;} .pop-store-today .input-area .select-storelist {position:relative; margin-top:20px;padding:20px 0 70px 0;border-top:1px solid #ddd;border-bottom:1px solid #bbb;} .pop-store-today .input-area .select-storelist .delivery {position:absolute; left:0; bottom:0;width:100%; padding:20px 5px; border-top:1px solid #ddd; background:#f8f8f8; box-sizing:border-box;} .pop-store-today .input-area .select-storelist .delivery span {float:left;} .pop-store-today .input-area .select-storelist .delivery strong {float:right; font-size:14px; font-weight:700; color:#fa413c;} .pop-store-today .input-area .select-storelist .delivery:after {display:block; content:""; clear:both;} .pop-store-today .input-area .select-storelist h4 {font-weight:700; font-size:14px; color:#000;} .pop-store-today .input-area .select-storelist ul {overflow-y:auto;margin-top:20px; height:279px;} .pop-store-today .input-area .select-storelist li {position:relative;margin-bottom:15px;} .pop-store-today .input-area .select-storelist li input, .pop-store-today .input-area .select-storelist li label {cursor:pointer;} .pop-store-today .input-area .select-storelist li input {position:absolute;left:0;top:2px;} .pop-store-today .input-area .select-storelist li label {display:inline-block;width:100%;padding-left:18px;box-sizing:border-box;} .pop-store-today .address-find h4 {color:#000; font-weight:700; font-size:14px;} .pop-store-today .address-find li {margin-top:10px;} .pop-store-today .address-find li input[type="text"] {padding:0 10px; border:1px solid #ccc; width:100%; height:27px; font-family:dotum; box-sizing:border-box;} .pop-store-today .address-find li input[type="text"]::webkit-input-placeholder {color:#777; font-weight:normal; } .pop-store-today .address-find li button {width:100%; height:27px;} .pop-store-today .store-detail h4 {margin-bottom:18px;color:#000;font-family:dotum;font-size:16px;font-weight:bold;} .pop-store-today .btn-area {margin:30px 0 12px;text-align:center;} .pop-store-today .btn-area .btn-basic, .pop-store-today .btn-area .btn-point {width:110px;margin:0 3px;line-height:33px;font-size:14px;} /* 장바구니 이동 레이어 */ .pop-cart-move .layer-content {width:380px;} .pop-cart-move .layer-content p {padding:55px 0; text-align:center;} .pop-cart-move .btn-place {padding:29px 0 20px 0;border-top:1px solid #c5c5c5; text-align:center;} .pop-cart-move .btn-place a {margin:0 5px; width:110px; height:35px; line-height:35px; font-size:14px;} /* ================================================== 브랜드 메인 (굵은 글씨체: ngb로 쓰기 시작) ================================================== */ .wrap-brand-main .brand-category {width:1280px;margin:30px auto 0px;} .wrap-brand-main .wrap-brand-slider {position:relative;overflow:hidden; width:1280px;height:494px;margin:43px auto 0 auto;} /* .wrap-brand-main .wrap-brand-slider .brand-slider li a img {width:1280px; height:494px;} */ .wrap-brand-main .wrap-brand-slider .brand-slider li a img {width:1096px; height:494px;} .wrap-brand-main .goods-thumbnail {width:1280px; margin:10px auto;} .wrap-brand-main .wrap-best-brand {background-color:#f2f2f2;} .wrap-brand-main .wrap-best-brand .inner {width:1280px;height:270px;margin:0 auto;padding:35px 0;} .wrap-brand-main .wrap-brand {width:1280px;margin:55px auto 50px;} .wrap-brand-main h2 {color:#2f2f34;font-family:ngb;font-size:24px;} .wrap-brand-main .goods-thumb-slider li {width:240px !important;} /* 브랜드 메인 > 브랜드 카테고리 */ .wrap-brand-main .brand-category .brand-category-sort {height:142px;border-bottom:1px solid #eaeaea;background-color:#f2f2f2;} .wrap-brand-main .brand-category h2 {float:left;position:relative;width:285px;height:83px;margin:30px 0;border-right:1px solid #eaeaea;line-height:83px;text-align:center;} .wrap-brand-main .brand-category h2:before {position:absolute;left:35px;top:17px;display:block;width:27px;height:2px;background-color:#2f2f34;content:"";} .wrap-brand-main .brand-category .keyword-group {float:left;padding:20px 40px 0;} .wrap-brand-main .brand-category .keyword-group .category-list {float:left;} .wrap-brand-main .brand-category .keyword-group .category-list li {float:left;width:98px;height:34px;border:1px solid #dadada;border-left:0;background-color:#fff;text-align:center;} .wrap-brand-main .brand-category .keyword-group .category-list li:first-child {border-left:1px solid #dadada;} .wrap-brand-main .brand-category .keyword-group .category-list li a {display:block;color:#737373;font-size:15px;line-height:34px;} .wrap-brand-main .brand-category .keyword-group .category-list li.on {border-color:#2f2f34;background-color:#2f2f34;} .wrap-brand-main .brand-category .keyword-group .category-list li.on a {color:#fff;} .wrap-brand-main .brand-category .keyword-group .search-box {float:left;margin-left:10px;} .wrap-brand-main .brand-category .keyword-group .search-box input[type="text"], .wrap-brand-main .brand-category .keyword-group .search-box input[type="search"] {width:371px;height:36px;padding:0 10px;border:1px solid #dadada;border-right:0;color:#737373;font-size:14px;vertical-align:middle;box-sizing:border-box;} .wrap-brand-main .brand-category .keyword-group .search-box button {width:37px;height:36px;background:url(../img/icon/icon_search.gif) no-repeat 0 0;vertical-align:middle;text-indent:-9999px;} .wrap-brand-main .brand-category .sort-area {padding:12px 0;} .wrap-brand-main .brand-category .sort-area div {margin:10px 0;} .wrap-brand-main .brand-category .sort-area label {margin-right:30px;color:#2f2f34;font-family:ngb;font-size:14px;vertical-align:middle;} .wrap-brand-main .brand-category .sort-area ul {display:inline-block;vertical-align:middle;} .wrap-brand-main .brand-category .sort-area li {float:left;} .wrap-brand-main .brand-category .sort-area li:before {float:left;margin:0 5.5px;color:#dcdcdc;font-family:ng;content:"|";} .wrap-brand-main .brand-category .sort-area li:first-of-type:before {content:none;} .wrap-brand-main .brand-category .sort-area li a {padding:.5px 2px;color:#737373;font-family:ngb;font-size:14px;} .wrap-brand-main .brand-category .sort-area li.on a {background-color:#575757;color:#fff;font-size:13px;} .wrap-brand-main .brand-category .brand-category-open {display:none;width:100%;} .wrap-brand-main .brand-category .brand-category-content {overflow-y:auto;width:100%;max-height:507px;} .wrap-brand-main .brand-category .brand-category-content > ul > li {position:relative;padding:20px 0 20px 405px; min-height:57px; box-sizing:border-box;} .wrap-brand-main .brand-category .brand-category-content > ul > li h3 {display:none;position:absolute;left:125px;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);color:#2f2f34;font-family:ngb;font-size:16px;} .wrap-brand-main .brand-category .brand-category-content > ul > li.on h3 {display:block;} .wrap-brand-main .brand-category .brand-category-content > ul > li label {position:absolute;left:325px;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);color:#2f2f34;font-family:ngb;font-size:20px;} .wrap-brand-main .brand-category .brand-category-content > ul > li a {float:left;display:block;width:25%;color:#737373;line-height:17px;} .wrap-brand-main .brand-category .brand-category-content > ul > li a:hover {color:#292929;text-decoration:underline;} .wrap-brand-main .brand-category .brand-category-content .order-kr {border-bottom:1px solid #575757;} .wrap-brand-main .brand-category .brand-category-content .order-kr > li:nth-child(even) {background-color:#f7f7f7;} .wrap-brand-main .brand-category .brand-category-content .order-en > li:nth-child(odd) {background-color:#f7f7f7;} .wrap-brand-main .brand-category .brand-category-close {border-top:2px solid #2f2f34;text-align:right;} .wrap-brand-main .brand-category .brand-category-close button {width:40px;height:34px;background:url(../img/btn/btn_category_close.gif) no-repeat 0 0;text-indent:-9999px;} .brand-cate-etc {position:relative; padding:20px 30px 20px 400px; border-bottom:2px solid #2f2f34;} .brand-cate-etc ul:before {display:block; position:absolute; top:50%; left:315px; margin-top:-11px; width:35px; border-radius:3px; background:#2f2f35; color:#fff; font-size:14px; line-height:23px; text-align:center; content:"기타";} .brand-cate-etc ul li {float:left; width:210px;} .brand-cate-etc ul li a {color:#737373; line-height:17px;} .brand-cate-etc ul li a:hover {color:#000; text-decoration:underline;} /* 브랜드 메인 > 브랜드 메인 슬라이더 */ .wrap-brand-slider > .bx-pager {position:absolute;left:0;bottom:20px; right:184px; text-align:center;} .wrap-brand-slider > .bx-pager .bx-pager-item {display:inline-block;margin:0 1.5px;} .wrap-brand-slider > .bx-pager .bx-pager-item a {position:relative; display:block;width:10px;height:10px;border:2px solid #fff;border-radius:7px;text-indent:-9999px;} /* IE 9 백그라운드 클릭 문제로 인해 추가 */ .wrap-brand-slider > .bx-pager .bx-pager-item a:after {content:""; display:block; position:absolute;top:0;left:0;width:100%; height:100%; background:rgba(255,255,255,0); z-index:20} .wrap-brand-slider > .bx-pager .bx-pager-item a.active {background-color:#fff;} .wrap-brand-slider .thumbnail {position:absolute;right:0px; top:0px;} .wrap-brand-slider .thumbnail .bx-viewport {_height:480px !important;background:none;} .wrap-brand-slider .thumbnail .bx-pager {display:block;} .wrap-brand-slider .thumbnail .bx-pager.max2 {margin-top:0;} .wrap-brand-slider .thumbnail .bx-pager a {display:block;position:relative;border-bottom:1px solid #fff; border-left:1px solid #fff;} .wrap-brand-slider .thumbnail .bx-pager a img {display:block;width:183px;height:98px;} .wrap-brand-slider .thumbnail .bx-pager a:before {display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(248,249,251,.7);content:"";} .wrap-brand-slider .thumbnail .bx-pager a.active:before {content:none;} .wrap-brand-slider .thumbnail .bx-prev, .wrap-brand-slider .thumbnail .bx-next {position:absolute;left:50%;width:17px;z-index:40;height:10px;margin-left:-8.5px;background:url(../img/btn/brand_slider_arr.png) no-repeat 0 0;text-indent:-9999px;} .wrap-brand-slider .thumbnail .bx-prev {top:10px;} .wrap-brand-slider .thumbnail .bx-next {bottom:10px;background-position:0 -10px;} .wrap-brand-slider .thumbnail .bx-prev.disabled, .wrap-brand-slider .thumbnail .bx-next.disabled {opacity:.7;} /* 브랜드 메인 > 제품 썸네일 슬라이더 */ .goods-thumbnail li {overflow:hidden;width:224px;height:235px;} .goods-thumbnail li a {display:block;width:100%;height:100%;} .goods-thumbnail li img {display:block;position:relative;left:50%;top:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);min-width:100%;min-height:100%;} .goods-thumbnail li:hover a {position:relative;background-color:#f8f8f8;} .goods-thumbnail li:hover a:before {display:block;position:absolute;left:50%;top:50%;z-index:1;width:29px;height:1px;transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); background-color:#fff;content:"";} .goods-thumbnail li:hover a:after {display:block;position:absolute;left:50%;top:50%;width:1px;height:29px;margin-top:-14px;background-color:#fff;content:"";} .goods-thumbnail .bx-prev, .goods-thumbnail .bx-next {position:absolute;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);width:27px;height:51px;background:url(../img/btn/goods_slide_arr.png) no-repeat 0 0;text-indent:-9999px;} .goods-thumbnail .bx-prev {left:-46px;} .goods-thumbnail .bx-next {right:-46px;background-position:-27px 0;} .goods-thumbnail .bx-prev.disabled, .goods-thumbnail .bx-next.disabled {opacity:.7;} /* 브랜드 메인 > BEST BRAND */ .wrap-brand-main .wrap-best-brand h2 {margin-bottom:15px;} .wrap-brand-main .best-brand-list li {float:left;width:240px;margin-right:20px;margin-bottom:35px;} .wrap-brand-main .best-brand-list li:nth-child(5n) {margin-right:0;} .wrap-brand-main .best-brand-list figure .img {position:relative;width:100%;height:165px;background-color:rgba(0,0,0,.5);} .wrap-brand-main .best-brand-list figure .img > img {display:block;width:100%;height:100%;} .wrap-brand-main .best-brand-list figure .img .over {position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.3);color:#fff;font-size:16px;text-align:center;} .wrap-brand-main .best-brand-list figure .img .over img {display:none; } .wrap-brand-main .best-brand-list figure .img .over span {position:absolute;left:0;top:50%;display:block;width:100%;transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); line-height:1;} .wrap-brand-main .best-brand-list figure .img .over p {position:absolute; display:none; left:0;top:50%;width:100%;transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); } .wrap-brand-main .best-brand-list figure .img:hover .over {background-color:rgba(0,0,0,.8);} .wrap-brand-main .best-brand-list figure .img:hover .over:before {display:block;position:absolute;left:50%;top:42%;width:29px;height:1px;margin-left:-14px;background-color:#fff;content:"";} .wrap-brand-main .best-brand-list figure .img:hover .over:after {display:block;position:absolute;left:50%;top:42%;width:1px;height:29px;margin-top:-14px;background-color:#fff;content:"";} .wrap-brand-main .best-brand-list figure .img:hover .over span, .wrap-brand-main .best-brand-list figure .img:hover .over p {top:60%; display:block;} .wrap-brand-main .best-brand-list figure figcaption {margin-top:8px;color:#2f2f34;font-family:ngb;font-size:14px;} /* 브랜드 메인 > BRAND */ .wrap-brand-main .wrap-brand h2 {margin-bottom:15px;} /* ================================================== 쇼윈도우 리스트 ================================================== */ .show-window-tag {background:#f1f1f1;} .show-window-tag .inner {margin:auto; padding:10px 0 20px 0; width:1280px;} .show-window-tag .title {float:left; padding-top:13px; width:200px; color:#292929; font-size:20px;} .show-window-tag .tags {float:left; margin-left:-10px; width:1080px; font-size:0;} .show-window-tag .tags a {display:inline-block; margin:10px 0 0 10px; padding:0 10px; font-size:13px; border:1px solid #c9c9c9; border-radius:3px; line-height:30px;} .show-window-tag .tags a.on, .show-window-tag .tags a:hover {color:#000;} .show-window-list {float:right; width:1080px; margin-top:-20px;} /* ================================================== BRAND 타입별 MAIN ================================================== */ .brand-logo {margin:17px 0 37px;text-align:center;} /* 브랜드 공통 */ .brand-wrap {width:1280px;margin:0 auto;} .brand-wrap:after {display:block; clear:both; content:"";} .brand-wrap article {float:right;width:1080px;padding-bottom:90px;} /* 브랜드 A타입 */ .brand-typeA {} /* 슬라이더 */ .brand-typeA .brand-main-slider li {width:1080px;height:600px;} .brand-typeA .brand-main-slider .bx-wrapper .bx-pager.bx-default-pager {left:0;bottom:20px;} .brand-typeA .brand-main-slider .bx-wrapper .bx-pager.bx-default-pager a {width:15px;height:15px;border:0;background-color:rgba(0,0,0,.25);} .brand-typeA .brand-main-slider .bx-wrapper .bx-pager.bx-default-pager a.active {background-color:rgba(0,0,0,.7);} .brand-typeA .brand-main-slider .bx-wrapper .bx-controls-direction a {width:30px;height:56px;background:url(../img/btn/brand_slide_arr.png) no-repeat 0 0;} .brand-typeA .brand-main-slider .bx-wrapper .bx-controls-direction .bx-prev {left:20px;} .brand-typeA .brand-main-slider .bx-wrapper .bx-controls-direction .bx-next {right:20px;background-position:-30px 0;} .brand-typeA .brand-main-slider .bx-wrapper .bx-controls-direction a.disabled {opacity:0.5;} /* 이벤트, 기획전 배너 */ .brand-typeA .brand-main-banner {margin:20px 0 55px;} .brand-typeA .brand-main-banner li {position:relative; float:left; width:50%;} .brand-typeA .brand-main-banner li:first-child:after {display:block; content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:#fff;} /* NEW ARRIVALS 슬라이더 */ .brand-main-title {margin-top:60px;color:#000;font-size:26px;text-align:center;} .brand-typeA .brand-newarrivals-slider {padding-top:50px;} .brand-typeA .brand-newarrivals-slider .bx-wrapper .bx-pager.bx-default-pager {left:0;top:-34px;} .brand-typeA .brand-newarrivals-slider .bx-wrapper .bx-pager.bx-default-pager a {width:15px;height:15px;border:0;background-color:rgba(0,0,0,.25);} .brand-typeA .brand-newarrivals-slider .bx-wrapper .bx-pager.bx-default-pager a.active {background-color:rgba(0,0,0,.7);} .brand-typeA .brand-newarrivals-slider .bx-wrapper .bx-controls-direction a {width:32px;height:60px;background:url(../img/btn/brand_slide_arr2.png) no-repeat 0 0;} .brand-typeA .brand-newarrivals-slider .bx-wrapper .bx-controls-direction .bx-prev {left:-50px;} .brand-typeA .brand-newarrivals-slider .bx-wrapper .bx-controls-direction .bx-next {right:-50px;background-position:-32px 0;} .brand-typeA .brand-newarrivals-slider .bx-wrapper .bx-controls-direction .bx-prev.disabled {background-position:0 -60px;} .brand-typeA .brand-newarrivals-slider .bx-wrapper .bx-controls-direction .bx-next.disabled {background-position:-32px -60px;} /* STYLE 리스트 */ .brand-style-list.brand-main-style li figcaption .price {display:block;margin-top:20px;text-align:left;} .brand-style-list {margin-top:25px;} .brand-style-list li {float:left;width:255px;min-height:463px;margin-right:20px;margin-bottom:40px;text-align:center;} .brand-style-list li:nth-child(4n) {margin-right:0;} .brand-style-list li figure {position:relative;} .brand-style-list li figure .img {overflow:hidden;width:255px;height:340px;} .brand-style-list li figure .img img {max-width:100%;} .brand-style-list li figure > a {display:block;} .brand-style-list li figure .img .show {display:block;} .brand-style-list li figure .img .hover {display:none;} .brand-style-list li figure .img:hover .show {display:none;} .brand-style-list li figure .img:hover .hover {display:block;} .brand-style-list li figcaption {margin-top:15px;} .brand-style-list li figcaption .name {display:block;margin:4px 0;color:#666; text-overflow:ellipsis; overflow:hidden; white-space:normal; min-height:14px;} .brand-style-list li figcaption .price {font-size:14px;} .brand-style-list li figcaption .price del {margin-right:5px;color:#999;} .brand-style-list li figcaption .price strong {color:#000;font-size:16px;font-weight:normal;} .brand-style-list li figcaption .price .sale {margin-left:8px;color:#fe2725;} .brand-style-list li figcaption .brand {display:block;margin-bottom:8px;color:#292929;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .brand-style-list li figcaption .brand strong {font-family:ngb;} /* 브랜드 B타입 */ .brand-typeB {} .brand-typeB h3.title {text-align:center; padding-bottom:14px; border-bottom:2px solid #231f20; color:#231f20; font-size:26px; text-transform:uppercase;} /* 상단 슬라이더 */ .brand-typeB .top-slider {height:537px;} .brand-typeB .top-slider .bx-pager {right:197px; bottom:50px; width:70px !important; height:35px; color:#777; font-size:16px !important; font-weight:normal !important; line-height:35px;} .brand-typeB .top-slider .bx-controls-direction {position:absolute; right:162px; bottom:50px; width:140px; height:35px;} .brand-typeB .top-slider .bx-controls-direction .bx-prev, .brand-typeB .top-slider .bx-controls-direction .bx-next {width:35px; height:35px; background:rgba(0,0,0,.4) url(../img/btn/btn_typeb_slider.png) 0 0 no-repeat;} .brand-typeB .top-slider .bx-controls-direction .bx-next {background-position:0 -35px;} .brand-typeB .top-slider .bx-controls-direction .disabled {opacity:.4;} /* 소배너 3개 */ .small-banner-ea3 {margin-top:50px;} .small-banner-ea3 li {float:left; width:345px;} .small-banner-ea3 li:nth-of-type(2) {width:390px; text-align:center;} .small-banner-ea3 li img {max-width:345px;} /* new arrivals */ .brand-typeB .new-arrival {margin-top:54px;} .brand-typeB .new-arrival li {float:left; width:270px;} .brand-typeB .new-arrival .bx-controls-direction a {width:32px;height:60px;background:url(../img/btn/brand_slide_arr2.png) no-repeat 0 0;} .brand-typeB .new-arrival .bx-controls {height:4px; } .brand-typeB .new-arrival .bx-prev {left:-50px;} .brand-typeB .new-arrival .bx-next {right:-50px;background-position:-32px 0 !important;} .brand-typeB .new-arrival .bx-prev.disabled {background-position:0 -60px;} .brand-typeB .new-arrival .bx-next.disabled {background-position:-32px -60px !important;} .brand-typeB .new-arrival .bx-pager {position:static ;margin-top:30px;} .brand-typeB .new-arrival .bx-pager a {width:25px; height:3px !important; border:none !important; border-radius:0px !important; background:#a4a4a4 !important;} .brand-typeB .new-arrival .bx-pager a.active {width:40px; background:#231f20 !important;} /* 와이드 배너 */ .banner-one {margin-top:68px;} .banner-one img {max-width:1080px} /* 카테고리별 리스트 */ .brand-typeB .tab-cate-goods {margin-top:54px; padding-bottom:45px; border-bottom:1px solid #ccc;} .brand-typeB .tab-cate-goods .category {margin-top:20px; text-align:center; font-size:0;} .brand-typeB .tab-cate-goods .category .idx-menu {position:relative; display:inline-block; padding:0 22px; font-size:14px; color:#888; cursor:pointer} .brand-typeB .tab-cate-goods .category .idx-menu.on {color:#231f20;} .brand-typeB .tab-cate-goods .category .idx-menu:before {display:inline-block; position:absolute; top:50%; left:0; margin-top:-6px; content:""; width:1px; height:12px; background:#c7c7c7; } .brand-typeB .tab-cate-goods .category .idx-menu:first-child:before {display:none;} .brand-typeB .tab-cate-goods .idx-content {display:none;} .brand-typeB .tab-cate-goods .idx-content.on {display:block;} /* STYLE 리스트 */ /*.idx-content li figcaption .price {display:block;margin-top:20px;text-align:left;}*/ .tab-cate-goods .bx-viewport {height:auto !important;} /*.tab-cate-goods .list-item {margin-top:40px;}*/ .tab-cate-goods .list-item li {width:270px !important; } .tab-cate-goods .list-item li a {display:block;} .tab-cate-goods .list-item figure {text-align:center;} .tab-cate-goods .list-item figure img {display:inline-block;max-width:270px;} .tab-cate-goods .list-item figcaption {margin-top:20px; text-align:center; color:#000; font-family:dotum; font-weight:bold;} .tab-cate-goods .list-item figcaption del {color:#c7c7c7; padding-right:10px; font-weight:normal;} .tab-cate-goods .bx-controls-direction a {width:32px;height:60px;background:url(../img/btn/brand_slide_arr2.png) no-repeat 0 0;} .tab-cate-goods .bx-controls {height:4px; } .tab-cate-goods .bx-prev {left:-50px;} .tab-cate-goods .bx-next {right:-50px;background-position:-32px 0 !important;} .tab-cate-goods .bx-prev.disabled {background-position:0 -60px;} .tab-cate-goods .bx-next.disabled {background-position:-32px -60px !important;} /*2017-03-31 추가 서동웅*/ .tab-cate-goods .idx-content.on {margin-top:25px;} .tab-cate-goods .idx-content.on li {float:left;width:255px;min-height:463px;margin-bottom:40px;text-align:center;} .tab-cate-goods .idx-content.on li:nth-child(4n) {margin-right:0;} .tab-cate-goods .idx-content.on li figure {position:relative;} .tab-cate-goods .idx-content.on li figure .img {overflow:hidden;width:255px;height:340px;} .tab-cate-goods .idx-content.on li figure .img img {max-width:100%;} .tab-cate-goods .idx-content.on li figure > a {display:block;} .tab-cate-goods .idx-content.on li figure .img .show {display:block;} .tab-cate-goods .idx-content.on li figure .img .hover {display:none;} .tab-cate-goods .idx-content.on li figure .img:hover .show {display:none;} .tab-cate-goods .idx-content.on li figure .img:hover .hover {display:block;} .tab-cate-goods .idx-content.on li figcaption {margin-top:15px;} .tab-cate-goods .idx-content.on li figcaption .name {display:block;margin:4px 0;color:#666; text-overflow:ellipsis; overflow:hidden; white-space:normal; min-height:14px; font-weight:normal;} .tab-cate-goods .idx-content.on li figcaption .price {font-size:14px;} .tab-cate-goods .idx-content.on li figcaption .price del {margin-right:5px;color:#999;} .tab-cate-goods .idx-content.on li figcaption .price strong {color:#000;font-size:16px;font-weight:normal;} .tab-cate-goods .idx-content.on li figcaption .price .sale {margin-left:8px;color:#fe2725;} .tab-cate-goods .idx-content.on li figcaption .brand {display:block;margin-bottom:8px;color:#292929;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .tab-cate-goods .idx-content.on li figcaption .brand strong {font-family:ngb;} .tab-cate-goods .idx-content.on li .user-info a {display: inline-block;} .tab-cate-goods .idx-content .bx-prev {top:31%;} .tab-cate-goods .idx-content .bx-next {top:31%;} .new-arrival {margin-top:25px;} .new-arrival li {float:left;width:255px;min-height:463px;margin-bottom:40px;text-align:center;} .new-arrival li:nth-child(4n) {margin-right:0;} .new-arrival li figure {position:relative;} .new-arrival li figure .img {overflow:hidden;width:255px;height:340px;} .new-arrival li figure .img img {max-width:100%;} .new-arrival li figure > a {display:block;} .new-arrival li figure .img .show {display:block;} .new-arrival li figure .img .hover {display:none;} .new-arrival li figure .img:hover .show {display:none;} .new-arrival li figure .img:hover .hover {display:block;} .new-arrival li figcaption {margin-top:15px;} .new-arrival li figcaption .name {display:block;margin:4px 0;color:#666; text-overflow:ellipsis; overflow:hidden; white-space:normal; min-height:14px;} .new-arrival li figcaption .price {font-size:14px;} .new-arrival li figcaption .price del {margin-right:5px;color:#999;} .new-arrival li figcaption .price strong {color:#000;font-size:16px;font-weight:normal;} .new-arrival li figcaption .price .sale {margin-left:8px;color:#fe2725;} .new-arrival li figcaption .brand {display:block;margin-bottom:8px;color:#292929;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .new-arrival li figcaption .brand strong {font-family:ngb;} .new-arrival li .user-info a {display: inline-block;} .new-arrival .bx-prev {top:35%;} .new-arrival .bx-next {top:35%;} .brand-newarrivals-slider {margin-top:25px;} .brand-newarrivals-slider li {float:left;width:255px;min-height:463px;margin-bottom:40px;text-align:center;} .brand-newarrivals-slider li:nth-child(4n) {margin-right:0;} .brand-newarrivals-slider li figure {position:relative;} .brand-newarrivals-slider li figure .img {overflow:hidden;width:255px;height:340px;} .brand-newarrivals-slider li figure .img img {max-width:100%;} .brand-newarrivals-slider li figure > a {display:block;} .brand-newarrivals-slider li figure .img .show {display:block;} .brand-newarrivals-slider li figure .img .hover {display:none;} .brand-newarrivals-slider li figure .img:hover .show {display:none;} .brand-newarrivals-slider li figure .img:hover .hover {display:block;} .brand-newarrivals-slider li figcaption {margin-top:15px;} .brand-newarrivals-slider li figcaption .name {display:block;margin:4px 0;color:#666; text-overflow:ellipsis; overflow:hidden; white-space:normal; min-height:14px;} .brand-newarrivals-slider li figcaption .price {font-size:14px;} .brand-newarrivals-slider li figcaption .price del {margin-right:5px;color:#999;} .brand-newarrivals-slider li figcaption .price strong {color:#000;font-size:16px;font-weight:normal;} .brand-newarrivals-slider li figcaption .price .sale {margin-left:8px;color:#fe2725;} .brand-newarrivals-slider li figcaption .brand {display:block;margin-bottom:8px;color:#292929;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .brand-newarrivals-slider li figcaption .brand strong {font-family:ngb;} .brand-newarrivals-slider li .user-info a {display: inline-block;} /* 브랜드 C타입 */ .brand-typeC {} .brand-typeC h3.title {position:relative;margin-top:55px;padding-top:14px;border-bottom:3px double #dadada;text-align:center;} .brand-typeC h3.title span {position:absolute;left:50%;top:0;width:304px;margin-left:-152px;background-color:#fff;color:#000;font-size:26px;text-transform:uppercase;} /* 브랜드 C타입 > 상단 슬라이더 */ .brand-typeC .with-btn-rolling .bx-prev, .brand-typeC .with-btn-rolling .bx-next {width:30px;height:60px;background:url(../img/btn/typec_slide_arr.png) no-repeat;} .brand-typeC .with-btn-rolling .bx-prev {background-position:0 center;} .brand-typeC .with-btn-rolling .bx-next {background-position:-30px center;} .brand-typeC .with-btn-rolling .bx-prev.disabled, .brand-typeC .with-btn-rolling .bx-next.disabled {opacity:.7;} .brand-typeC .bx-wrapper a {display:block;} .brand-typeC .bx-wrapper .bx-pager {bottom:27px;} .brand-typeC .bx-wrapper .bx-pager.bx-default-pager a {border-color:#fff;} .brand-typeC .bx-wrapper .bx-pager.bx-default-pager a:hover, .brand-typeC .bx-wrapper .bx-pager.bx-default-pager a.active {background-color:#fff;} /* 브랜드 C타입 > 중배너 3개 */ .brand-typeC .middle_banner {margin-top:20px;} .brand-typeC .middle_banner > div {float:left;width:540px;} .brand-typeC .middle_banner a, .brand-typeC .middle_banner img {display:block;} .brand-typeC .middle_banner .big a {overflow:hidden;width:540px;height:460px;} .brand-typeC .middle_banner .half a {overflow:hidden;width:540px;height:230px;} /* 브랜드 C타입 > 블로그 */ .brand-typeC .blog {margin-top:40px;padding:33px 26px 42px;background-color:#f4f4f4;} .brand-typeC .blog h3 {margin-bottom:14px;color:#000;font-size:26px;text-align:center;} .brand-typeC .blog figure {float:left;position:relative;width:500px;height:260px;} .brand-typeC .blog a:first-of-type figure {display:block;margin-right:28px;} .brand-typeC .blog figure .img {overflow:hidden;width:500px;height:260px;} .brand-typeC .blog figure figcaption {position:absolute;left:0;right:0;bottom:0;height:62px;padding:0 18px;background-color:rgba(27,27,27,.5);color:#fff;font-size:14px;line-height:18px;} .brand-typeC .blog figure figcaption p {position:relative;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);} /* 브랜드 C타입 > 소배너 3개 */ .brand-typeC .small_banner {margin-top:40px;} .brand-typeC .small_banner li {float:left;width:350px;height:200px;} .brand-typeC .small_banner li:nth-of-type(2) {width:380px;text-align:center;} .brand-typeC .small_banner li img {max-width:350px;} /* 브랜드 C타입 > NEW ARRIVALS */ .brand-typeC .new_arrivals {position:relative;width:1080px;height:440px;margin-top:27px;} .brand-typeC .new_arrivals li {overflow:hidden;position:absolute;width:310px;height:210px;} .brand-typeC .new_arrivals li a {position:relative;display:block;width:100%;height:100%;} .brand-typeC .new_arrivals li img {position:relative;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);display:block;width:100%;} .brand-typeC .new_arrivals li:nth-child(1) {left:0;top:0;width:420px;height:440px;} .brand-typeC .new_arrivals li:nth-child(2) {left:440px;top:0;} .brand-typeC .new_arrivals li:nth-child(3) {right:0;top:0;} .brand-typeC .new_arrivals li:nth-child(4) {left:440px;bottom:0;} .brand-typeC .new_arrivals li:nth-child(5) {right:0;bottom:0;} .brand-typeC .new_arrivals li:hover a {position:relative;background-color:rgba(0,0,0,.2);} .brand-typeC .new_arrivals li:hover a:after {position:absolute;left:0;top:0;display:block;z-index:1;width:100%;height:100%;background:rgba(0,0,0,.2) url(../img/icon/bull_cross.png) no-repeat center;content:"";} /* 브랜드 C타입 > STYLE */ .brand-typeC .tab-cate-goods {margin-top:30px;} .brand-typeC .tab-cate-goods .category {margin-bottom:23px;text-align:center;font-size:0;} .brand-typeC .tab-cate-goods .category .idx-menu {position:relative;display:inline-block;padding:0 15px;color:#474747;font-size:16px;cursor:pointer;} .brand-typeC .tab-cate-goods .category .idx-menu.on {color:#e61e2a;} .brand-typeC .tab-cate-goods .idx-content {display:none;} .brand-typeC .tab-cate-goods .idx-content.on {display:block;} .brand-typeC .tab-cate-goods .list-item {margin-top:0;} .brand-typeC .tab-cate-goods .list-item figcaption {display:none;margin:0;position:absolute;left:0;right:0;bottom:0;height:131px;padding:95px 20px 0;background:url(../img/common/centerpole_slider_hover.png) no-repeat;color:#fff;font-family:ng;font-size:16px;font-weight:normal;text-align:right;box-sizing:border-box;} .brand-typeC .tab-cate-goods .list-item li:hover figcaption {display:block;} .brand-typeC .tab-cate-goods.with-btn-rolling .bx-prev {left:0;} .brand-typeC .tab-cate-goods.with-btn-rolling .bx-next {right:0;background-position:-30px center !important;} /* 브랜드 C타입 > SHOW WINDOW */ .brand-typeC .flex-grid-wrap {margin-top:7px;} /* 브랜드 D타입 */ .brand-typeD {} .brand-d, .brand-d .brand-header {background:#f2f4f4;} .brand-typeD h3.title {position:relative; text-align:center; padding:0 275px; color:#231f20; font-size:26px; text-transform:uppercase;} .brand-typeD h3.title:before {display:block; content:""; position:absolute; top:50%; left:0; width:400px; height:1px; background:#dfdfdf;} .brand-typeD h3.title:after {display:block; content:""; position:absolute; top:50%; right:0; width:400px; height:1px; background:#dfdfdf;} .brand-typeD .hr-btn-more a {background:#f2f4f4 url(../img/btn/hr_btn_more_gray.jpg) no-repeat 0 bottom;} /* 상단 슬라이더 */ .brand-typeD .top-slider {} .brand-typeD .top-slider .bx-pager {left:120px; bottom:70px; height:35px; color:#777; font-size:16px !important; font-weight:normal !important; line-height:35px; text-align:left;} .brand-typeD .top-slider .bx-pager a {margin:0 10px 0 0 !important;width:12px; height:12px; border-width:1px !important; border-color:#fff !important;} .brand-typeD .top-slider .bx-pager a:hover, .brand-typeD .top-slider .bx-pager a.active {border-color:#fff; background:#fff !important;} .brand-typeD .top-slider .bx-controls-direction {} .brand-typeD .top-slider .bx-controls-direction .bx-prev, .brand-typeD .top-slider .bx-controls-direction .bx-next {width:30px;height:56px;background:url(../img/btn/brand_slide_arr.png) no-repeat 0 0;} .brand-typeD .top-slider .bx-controls-direction .bx-prev {left:20px;} .brand-typeD .top-slider .bx-controls-direction .bx-next {right:20px; background-position:-30px 0;} .brand-typeD .top-slider .bx-controls-direction .disabled {opacity:.5;} /* 복합 배너 */ .flex-banner {position:relative; margin-top:20px; min-height:870px;} .flex-banner .banner-b {position:absolute; top:390px; left:350px; padding:20px 20px 0 0; background:#f2f4f4;} .flex-banner .youtbe-a {position:absolute; top:240px; left:0; width:330px; height:200px;} .flex-banner .youtbe-a iframe body {display:none !important;} .flex-banner .youtbe-b {position:absolute; top:480px; right:0; width:355px; height:215px;} .flex-banner .banner-sns {width:330px;} .flex-banner .banner-sns a {display:block;} .flex-banner .banner-sns .link {margin-top:20px;} .flex-banner .banner-sns .link a {float:left; width:154px; height:52px; background:url(../img/btn/btn_brand_sns.jpg) no-repeat; text-indent:-9999px;} .flex-banner .banner-sns .link a:nth-of-type(2) {float:right; background-position-y:-52px;} /* NEW ARRIVAL */ .tab-new-arrival {position:relative; margin-top:64px; } .tab-new-arrival .category {margin-top:20px; text-align:center; font-size:0;} .tab-new-arrival .category a {position:relative; display:inline-block; padding:0 16px; font-size:12px; color:#8e8e8e; cursor:pointer} .tab-new-arrival .category a.on {color:#222; text-decoration:underline;} .tab-new-arrival .d-new-content { display:none; height:1080px;} .tab-new-arrival .d-new-content.on {display:block;} .d-new-content {position:relative; height:1150px;} .d-new-content .d-new li {position:absolute; } .d-new-content .d-new li a {display:block; position:relative; z-index:60;overflow:hidden; } .d-new-content .d-new li:nth-of-type(1) {top:25px; left:146px;} .d-new-content .d-new li:nth-of-type(2) {top:81px; left:631px;} .d-new-content .d-new li:nth-of-type(3) {top:535px; left:41px;} .d-new-content .d-new li:nth-of-type(4) {top:615px; left:499px;} .d-new-content .d-new li:nth-of-type(1) img {width:452px; height:466px;} .d-new-content .d-new li:nth-of-type(2) img, .d-new-content .d-new li:nth-of-type(3) img {width:452px; height:466px;} .d-new-content .d-new li:nth-of-type(4) img {width:470px; height:463px;} /* 레이아웃 변경으로 백업 .d-new-content {position:relative; height:1150px;} .d-new-content li {position:absolute; } .d-new-content li a {display:block; position:relative; z-index:60;overflow:hidden; background:#fff; width:390px; height:440px;} .d-new-content li:nth-of-type(2) a, .d-new-content li:nth-of-type(3) a {width:360px;} .d-new-content li a img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); } .d-new-content li:after {position:absolute; bottom:0;left:-40px; color:#292929; font-size:26px;} .d-new-content li:nth-of-type(1) {top:25px; left:180px;} .d-new-content li:nth-of-type(2) {top:80px; left:670px;} .d-new-content li:nth-of-type(3) {top:535px; left:80px;} .d-new-content li:nth-of-type(4) {top:615px; left:541px;} .d-new-content li:nth-of-type(1):after {content:"01";} .d-new-content li:nth-of-type(2):after {content:"02";} .d-new-content li:nth-of-type(3):after {content:"03";} .d-new-content li:nth-of-type(4):after {content:"04";} .d-new-content li:before {display:block; content:""; position:absolute; top:26px; left:28px; z-index:50; width:390px; height:440px; border:2px solid #cdcece;box-sizing:border-box;} .d-new-content li:nth-child(2):before, .d-new-content li:nth-child(3):before {width:337px;top:14px;left:37px;background:#94c9d8; border-color:#94c9d8;} */ .fixed-pan {position:absolute; padding:25px 0 15px 42px; width:147px; top:45px; left:33px; background:#3d3d3d; text-align:left; box-sizing:border-box;} .fixed-pan li {position:relative;margin-bottom:10px;} .fixed-pan li p {color:#fff; font-size:15px;} .fixed-pan li:before {position:absolute; top:2px; left:-20px; color:#fff; font-size:14px;} .fixed-pan li:nth-of-type(1):before {content:"01";} .fixed-pan li:nth-of-type(2):before {content:"02";} .fixed-pan li:nth-of-type(3):before {content:"03";} .fixed-pan li:nth-of-type(4):before {content:"04";} /* 카테고리별 리스트 */ .brand-typeD .tab-cate-goods {margin-top:64px; text-align:center;} .brand-typeD .tab-cate-goods .category {margin-top:20px; text-align:center; font-size:0;} .brand-typeD .tab-cate-goods .category .idx-menu {position:relative; display:inline-block; padding:0 16px; font-size:12px; color:#8e8e8e; cursor:pointer} .brand-typeD .tab-cate-goods .category .idx-menu.on {color:#222; text-decoration:underline;} .brand-typeD .tab-cate-goods .idx-content {display:none;} .brand-typeD .tab-cate-goods .idx-content.on {display:block;} .flex-goods-d:after {display:block; clear:both; content:"";} .flex-goods-d li {float:left; width:325px; margin:20px 0 0 20px; overflow:hidden;} .flex-goods-d li:nth-child(3n+1) {margin-left:0;} .flex-goods-d li:nth-of-type(2) {width:390px;} .flex-goods-d li:nth-of-type(5) {margin-top:-230px; width:390px;} .flex-goods-d li:nth-child(odd) {height:500px;} .flex-goods-d li:nth-child(even) {height:250px;} .flex-goods-d li figure {position:relative; } .flex-goods-d li:nth-of-type(1) {width:325px;} .flex-goods-d li figure img {position:absolute; max-width:100% ;top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); } .flex-goods-d li figure:after {display:none; content:""; position:absolute; top:0; left:0; z-index:90; width:100%; height:100%; background:rgba(255,255,255,.5) url(../img/icon/bull_cross.png) center no-repeat;} .flex-goods-d li figcaption {display:none; position:absolute; z-index:100; right:14px; bottom:14px; font-size:15px; } .flex-goods-d li a:hover figure:after, .flex-goods-d li a:hover figcaption {display:block;} .flex-goods-d .idx-content.on {display:block;} .flex-goods-d li:nth-of-type(1) figure {width:325px; height:500px;} .flex-goods-d li:nth-of-type(2) figure {width:390px; height:250px;} .flex-goods-d li:nth-of-type(3) figure {width:325px; height:500px;} .flex-goods-d li:nth-of-type(4) figure {width:325px; height:250px;} .flex-goods-d li:nth-of-type(5) figure {width:390px; height:500px;} .flex-goods-d li:nth-of-type(6) figure {width:325px; height:250px;} /* 브랜드메인 A타입 > Olivia Lauren */ .brand-wrap.lauren .gnb-brand-logo {margin-top:30px;} /* 브랜드메인 A타입 > D A I L I S T */ .brand-wrap.dailist .gnb-brand-logo {margin-top:57px;} .brand-wrap.dailist .gnb-brand-logo img {padding-bottom:1px;} /* 브랜드메인 A타입 > DUANI */ .brand-wrap.duani .gnb-brand-logo {margin-top:57px;} .brand-wrap.duani .gnb-brand-logo img {padding-bottom:1px;} /* 브랜드메인 B타입 > INDIAN */ .brand-wrap.indian {border-top:3px solid #231f20;} .brand-wrap.indian .gnb-brand-logo {margin-top:57px;} /* 브랜드메인 B타입 > TREMOLO */ .brand-wrap.tremolo {border-top:3px solid #231f20;} .brand-wrap.tremolo .gnb-brand-logo {margin-top:57px; vertical-align:top;} .brand-wrap.tremolo .gnb-brand-logo h2 {margin-top:-2px;vertical-align:top; padding-left:12px;} .brand-wrap.tremolo .brand-typeB .top-slider .bx-pager {color:#fff !important;} /* 브랜드메인 B타입 > TREMOLO */ .brand-wrap.bruno {border-top:3px solid #231f20;} .brand-wrap.bruno .gnb-brand-logo {margin-top:57px; vertical-align:top;} .brand-wrap.bruno .gnb-brand-logo h2 {margin-top:-10px;vertical-align:top; } /* 브랜드메인 C타입 > 센터폴 */ .brand-wrap.centerpole .gnb-brand-logo {margin-top:57px;} .brand-wrap.centerpole .gnb-brand-logo h2 {text-align:center;} /* 브랜드메인 C타입 > HERITORY */ .brand-wrap.heritory .gnb-brand-logo {margin-top:42px;} .brand-wrap.heritory .gnb-brand-logo h2 {text-align:center;} /* 브랜드메인 D타입 > CHRIS. CHRISTY */ .brand-wrap.chris .gnb-brand-logo {margin-top:57px;} .brand-wrap.chris .gnb-brand-logo img {padding-bottom:5px; margin-right:15px;} /* 브랜드메인 D타입 > N I I */ .brand-wrap.nii .gnb-brand-logo {margin-top:57px;} .brand-wrap.nii .gnb-brand-logo img {padding-bottom:0px; } .no-product .bx-controls-direction {display:none} /* ================================================== BRAND 상품 리스트 ================================================== */ .brand-goods-list {width:1280px;margin:0 auto;} .brand-goods-list .breadcrumb {margin-top:10px;} .brand-goods-list .vender-breadcrumb {margin-top:10px;} .brand-goods-list article {float:right; padding-bottom:80px;width:1080px; } .brand-aside.listpage {margin-top:10px;} /* 브랜드 상품 리스트 > 상세검색 */ .brand-detailed-search {width:170px;margin-top:77px;} .brand-detailed-search dl {padding:18px 9px 20px;border:1px solid #d5d5d5;border-top:0;} .brand-detailed-search dl.color {background-color:#f9f9f9;} .brand-detailed-search dl:first-child {border-top:1px solid #d5d5d5;} .brand-detailed-search dt {margin-bottom:20px;color:#000;font-size:14px;} .brand-detailed-search dl.size {border-bottom:none;} .brand-detailed-search dl.size select {width:100%;} .brand-detailed-search .price .input-wrap input {width:55px;height:28px;padding:0 5px;border:1px solid #d5d5d5;} .brand-detailed-search .price .input-wrap .dash {margin:0 5.4px;color:#777;font-size:14px;} .noUi-pips {display:none;} .brand-detailed-search .color ul {margin:-6px 0 0 -6px;} .brand-detailed-search .color li {float:left;width:20px;margin-top:6px;padding-left:6px;} .brand-detailed-search .color li label {display:block;cursor:pointer;} .brand-detailed-search .color li label input.check {position:absolute;z-index:-1;opacity:0;} .brand-detailed-search .color li label span {display:block;overflow:hidden;height:20px;font-size:0;text-indent:-999px; box-sizing:border-box;} .brand-detailed-search .color li.red label span {background:#b52828;} .brand-detailed-search .color li.orange label span {background:#fc8918;} .brand-detailed-search .color li.yellow label span {background:#f0d03d;} .brand-detailed-search .color li.olive label span {background:#a1a126;} .brand-detailed-search .color li.green label span {background:#4fba52;} .brand-detailed-search .color li.blue label span {background:#6fbcef;} .brand-detailed-search .color li.skyblue label span {background:#b6d8e8;} .brand-detailed-search .color li.royalblue label span {background:#789fd8;} .brand-detailed-search .color li.purple label span {background:#8666d8;} .brand-detailed-search .color li.black label span {background:#000;} .brand-detailed-search .color li.gray label span {background:#808080;} .brand-detailed-search .color li.lightgray label span {background:#d6d6d6;} .brand-detailed-search .color li.brown label span {background:#835C3B;} .brand-detailed-search .color li.khaki label span {background:#66772a;} .brand-detailed-search .color li.beige label span {background:#F5F5DC;} .brand-detailed-search .color li.ivory label span {background:#ECE6CC;} .brand-detailed-search .color li.grey label span {background:#808080;} .brand-detailed-search .color li.pink label span {background:#FFC0CB;} .brand-detailed-search .color li.navy label span {background:#13189a;} .brand-detailed-search .color li.white label span {background:#fff;border:1px solid #ececec;} .brand-detailed-search .color li label input.check:checked + span {position:relative; display:block; width:20px; height:20px; border:2px solid #000; box-sizing:border-box;} .brand-detailed-search .color li label input.check:checked + span:after {position:absolute; top:0px; left:0px; content:""; display:block; border:1px solid #fff; width:14px; height:14px;} /* .brand-detailed-search .color li.black label input.check:checked + span {border-color:#ccc;} */ .brand-detailed-search .size ul {margin:-8px 0 0 -7.5px;} .brand-detailed-search .size li {float:left;width:45px;margin-top:8px;padding-left:7.5px;} .brand-detailed-search .size li label {display:block;cursor:pointer;} .brand-detailed-search .size li label input.check {position:absolute;z-index:-1;opacity:0;} .brand-detailed-search .size li label span {display:block;height:28px;border:1px solid #d5d5d5;color:#000;font-size:13px;line-height:28px;text-align:center;} .brand-detailed-search .size li label input.check:checked + span {background:#888;color:#fff;} .brand-detailed-search .btn-area {} .brand-detailed-search .btn-area button {width:85px;height:30px;font-family:ngb;text-align:center;box-sizing:border-box;} .brand-detailed-search .btn-reset {float:left;border:1px solid #d5d5d5;color:#010101;font-size:14px;line-height:28px;} .brand-detailed-search .btn-submit {float:right;background-color:#000;color:#fff;font-size:13px;line-height:30px;} /* 브랜드 상품 리스트 > 상품 정렬 */ .brand-main .goods-sorting {padding-top:40px;} .goods-sorting + .brand-style-list {margin-top:20px;} /* 브랜드 상품 리스트 > 페이징 */ .brand-main .list-paginate {margin-top:40px;} .tagset {height:17px;margin:7px 0 11px;text-align:center;} .tagset span {display:inline-block;vertical-align:middle;} .tagset .tag-sale {width:35px;height:14px;border:1px solid #dcdcdc;background-color:#fff;_color:#ff0000;color:#fa413c;font-family:dotum;font-size:11px;line-height:16px;text-align:center;} /* 리스트 > 상품검색 리스트 */ .search-page .brand-detailed-search {margin-top:10px !important;} .goods-search {} .goods-search h3 {padding:45px 0; text-align:center; font-size:22px;} .list-search-box {padding:34px 0; border:6px solid #f4f4f4; text-align:center;vertical-align:middle;} .list-search-box label {padding:0 10px 0 0; font-family:dotum; color:#777; } .list-search-box input[type="text"] {padding:0 10px; width:370px; height:34px; border:1px solid #ddd; color:#000; font-family:dotum; line-height:34px; box-sizing:border-box;} .list-search-box .btn-point {margin-left:6px; width:92px; height:34px; line-height:34px;} .list-search-box input[type="checkbox"] {width:19px; height:18px; background:url(../img/icon/search_check_bg.gif) no-repeat; border:none; outline:0; appearance:none;-webkit-appearance:none;-moz-appearance:none; vertical-align:middle; } .list-search-box input[type="checkbox"]:checked {background-position:0 -18px;} .result-none {} .result-none .none-info {margin:90px; text-align:center;} .result-none .none-info p {color:#737373; font-size:13px; line-height:20px;} .result-none .attention {position:relative; background:#f4f4f4; padding:30px 70px; } .result-none .attention p {color:#777; font-family:dotum; font-size:13px; line-height:21px;} .result-none .attention:before {display:block; content:""; position:absolute; top:30px; left:30px; width:24px; height:21px; background:url(../img/icon/icon_how2.png) no-repeat;} /* 팝업 */ /* .popbanner{ width:284px; position: absolute !important; left:50%; top:0; margin:720px 0 0 -920px; z-index:1;} */ .popbanner{ position: fixed !important; left:200px; top:200px; z-index:500;} .popbanner .footer{ padding-top:5px; text-align:center } .popbanner .footer *{ color:#919191; font-size:11px; vertical-align:top} .popbanner .footer .close { display:inline-block;} .popbanner .footer button, .popbanner .footer input{ margin-top:1px} /* 검색리스트 컨텐츠 추가 2017-02-07 */ .srh-content {} .srh-content .title {margin-bottom:15px; color:#2f2f34; font-family:ngb; font-size:24px;} .srh-content ul.list {} .srh-content ul.list:after {display:block; clear:both; content:"";} /* 브랜드 */ .srh-content.wrap-brand-main .wrap-brand {margin:0;} .srh-content.wrap-brand-main .wrap-brand li {width:200px; margin-bottom:0;} .srh-content.wrap-brand-main .wrap-brand li .img {height:138px !important;} /* 매거진 */ .srch-magazine {margin-left:-20px;} .srch-magazine li {float:left; width:25%; padding-left:20px; box-sizing:border-box;} .srch-magazine li figure > div {position:relative; width:100%; height:199px;} .srch-magazine li figure > div img {max-width:255px;} .srch-magazine li figcaption {display:none; position:absolute; right:10px; bottom:0; left:10px; padding:15px 12px; background:rgba(0,0,0,.7);} .srch-magazine li a:hover figcaption {display:block;} .srch-magazine li .subject {color:#2f2f34; font-size:14px; color:#fff; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .srch-magazine li .date {margin-top:5px; color:#fff;} .srch-magazine li a {display:block; position:relative;} /* 블로그 */ .srh-content .blog-list .list {margin-top:0;} .srh-content .blog-list .list li {width:255px;} .srh-content .blog-list .square-img {width:255px; height:142px;} /* 상품 */ .srh-content.product {margin-top:33px;} .srh-content.product .title {margin-bottom:0px;} /* ================================================== 입점몰 메인 ================================================== */ .wrap-vender {position:relative;width:1280px;margin:0 auto;} .wrap-vender header {margin-top:10px;} .vender-breadcrumb {margin-bottom:20px;} .vender-breadcrumb li {display:inline-block;color:#333;} .vender-breadcrumb li a {color:#333;} .vender-breadcrumb li:after {margin:0 5px 0 8px;content:">";} .vender-breadcrumb li:last-child:after {content:none;} /* 입점몰 메인 > 헤더 */ .wrap-vender header {position:relative;} .wrap-vender header .vender-header {border:1px solid #d7d7d7;} .wrap-vender header .vender-header .vender-info {float:left;position:relative;width:348px;height:365px;padding:40px 36px 30px;box-sizing:border-box;} .wrap-vender header .vender-header .vender-info h2 {margin-bottom:8px;color:#333;font-size:35px;line-height:1; overflow:hidden;} .wrap-vender header .vender-header .vender-info h2 img {max-width:100%} .wrap-vender header .vender-header .vender-info > p {margin-bottom:22px;color:#333;font-size:13px;line-height:18px;} .wrap-vender header .vender-header .vender-info .vender-intro {margin-top:20px; max-height:170px; overflow:hidden;} /* .wrap-vender header .vender-header .vender-info .vender-intro:after {display:block;width:18px;height:1px;margin-top:18px;background-color:#777;content:"";} */ /*.wrap-vender header .vender-header .vender-info > ul:before {display:block;width:18px;height:1px;margin-bottom:10px;background-color:#777;content:"";}*/ .wrap-vender header .vender-header .vender-info > ul li a {color:#7a7a7a;font-size:14px;line-height:26px;} .wrap-vender header .vender-header .vender-info > ul li.on a {color:#131313;} .wrap-vender header .vender-header .vender-info .store_info {position:absolute;left:36px;bottom:40px;} .wrap-vender header .vender-header .vender-info .store_info p {margin-bottom:8px;font-family:ngb;font-size:13px;} .wrap-vender header .vender-header .vender-info .store_info p img {display:none; margin-right:3px;margin-top:-2px;vertical-align:middle;} .wrap-vender header .vender-header .vender-info .store_info li {line-height:20px;} /* .wrap-vender-slider {float:left;overflow:hidden;width:930px;height:365px;background:#b1b5b6;} */ .wrap-vender-slider {position:absolute; bottom:1px; right:1px; overflow:hidden;width:930px;height:365px;background:#b1b5b6;} .wrap-vender-slider .bx-wrapper .bx-pager {bottom:30px;} .wrap-vender-slider .bx-wrapper .bx-pager.bx-default-pager a:hover, .wrap-vender-slider .bx-wrapper .bx-pager.bx-default-pager a.active {background-color:#fff;} .wrap-vender-slider .bx-wrapper .bx-pager.bx-default-pager a {border-color:#fff;} .wrap-vender-slider img {width:930px !important; height:365px !important;} /* 입점몰 메인 > 컨텐츠*/ .vender-content {width:1280px; margin:auto;margin-top:50px;} .vender-content .vender-category {margin-bottom:20px;padding:3px 0 15px;border-bottom:1px solid #d5d5d5;} .vender-content .vender-category .category-sorting {float:left;margin-left:3px;} .vender-content .vender-category .category-sorting li {display:inline-block;color:#000;font-family:dotum;font-size:14px;} .vender-content .vender-category .category-sorting li a {color:#000;cursor:pointer;} .vender-content .vender-category .category-sorting li.on a {font-weight:bold;} .vender-content .vender-category .category-sorting li:before {display:inline-block;margin:0 14px;content:"|";} .vender-content .vender-category .category-sorting li:first-child:before {content:none;} .vender-content .vender-category .goods-sorting {float:right;margin-right:10px;} .vender-content .brand-detailed-search {float:left;_margin-top:34px;margin-top:0;} .vender-content .vender-goods-list {float:right;width:1080px;padding-bottom:100px;} .vender-content .vender-goods-list .brand-style-list {margin-top:0;} .vender-content .vender-goods-list .list-paginate {margin-top:20px;} /* ================================================== 카테고리 메인 ================================================== */ /* 카테고리 공통 > 구조 */ .wrap-category-main {width:1280px;margin:0 auto;padding:10px 0 45px;} .wrap-category-main .category-menu {float:left;} .wrap-category-main .category-main-slider {float:left;width:755px;height:440px;margin-left:30px;background:#98c7d7;} .wrap-category-main .today-pick {float:right;width:305px;height:440px;}/* 2016-07-07 수정 */ .wrap-category-main section {margin-bottom:54px;} .wrap-category-main section:first-of-type {margin-top:54px;} .wrap-category-main section h2 {margin-bottom:24px;color:#000;font-size:26px;text-align:center;text-transform:uppercase;} /* 카테고리 공통 > 내비게이션 */ /* .category-tab li {float:left;width:50%;_height:35px;height:42px;background-color:#575757;text-align:center;} .category-tab li.on {background-color:#292929;} .category-tab li a {display:block;color:#d3d3d3;_font-size:13px;_line-height:35px;font-family:ngb;font-size:16px;line-height:42px;cursor:pointer;} .category-tab li.on a {position:relative;color:#fff;} .category-tab li.on a:after {position:absolute;left:50%;bottom:0;display:block;width:8px;height:2px;margin-left:-4px;background-color:#c1c1c1;content:"";} */ .category-tab li {float:left;width:100%;_height:35px;height:42px;background-color:#575757; text-indent:20px;} .category-tab li:nth-of-type(2) {display:none !important;} /* 2016-09-02 brand 항목 감춰달라고 요청. 요청자 : 장하리 주임 */ .category-tab li.on {background-color:#292929;} .category-tab li a {display:block;color:#d3d3d3;_font-size:13px;_line-height:35px;font-family:ngeb;font-size:16px;line-height:42px;cursor:pointer;} .category-tab li.on a {position:relative;color:#fff;} /* .category-tab li.on a:after {position:absolute;left:50%;bottom:0;display:block;width:8px;height:2px;margin-left:-4px;background-color:#c1c1c1;content:"";} */ .category-tab .small {font-size:14px;} .category-tab-content {display:none;width:170px;height:398px;background-color:#292929;} .category-tab-content.on {display:block;} .category-tab-content ul {padding:20px 0;} .category-tab-content ul li {_text-align:center;padding:0 20px;} .category-tab-content ul li a {display:block;color:#fff;font-size:14px;line-height:30px;} .category-tab-content ul li.on a {font-weight:bold;} .category-tab-content dl {padding:0 20px; margin-top:10px;} .category-tab-content dl dt {margin-bottom:3px;} .category-tab-content dl dt a{color:#fff; font-size:13px; } .category-tab-content dl dd a{padding:0 5px;color:#cdcdcd; font-size:12px; line-height:18px;} .category-tab.single li {width:100%;} /* 카테고리 메인 > 메인 슬라이더 */ .category-main-slider .bx-wrapper .bx-pager {bottom:24px;} .category-main-slider .bx-wrapper .bx-pager.bx-default-pager a {border:none;background-color:rgba(0,0,0,.25);} .category-main-slider .bx-wrapper .bx-pager.bx-default-pager a:hover, .category-main-slider .bx-wrapper .bx-pager.bx-default-pager a.active {background-color:rgba(0,0,0,.7);} .category-main-slider .bx-wrapper .bx-prev, .category-main-slider .bx-wrapper .bx-next {position:absolute;top:50%;width:30px;height:56px;margin-top:-28px;background:url(../img/btn/category_slide_arr.png) no-repeat;text-indent:-9999px;} .category-main-slider .bx-wrapper .bx-prev {left:20px;background-position:0 0;} .category-main-slider .bx-wrapper .bx-next {right:20px;background-position:-30px 0;} .category-main-slider .bx-wrapper .bx-controls-direction a.disabled {opacity:0.3;cursor:default;} /* 카테고리 메인 > TODAY PICK */ .wrap-category-main .today-pick a {display:block;} .wrap-category-main .today-pick figure {position:relative;overflow:hidden;width:100%;height:440px;}/* 2016-07-07 수정 */ .wrap-category-main .today-pick figure h2 {position:absolute;left:0;top:0;z-index:1;width:105px;height:35px;background-color:rgba(0,0,0,.7);color:#a4a4a4;font-size:14px;line-height:35px;text-align:center;}/* 2016-07-07 수정 */ .wrap-category-main .today-pick figure img {position:relative;width:305px;left:0;top:50%;_min-width:100%;_min-height:100%;transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);}/* 2016-07-07 추가 */ .wrap-category-main .today-pick figure figcaption {position:absolute;left:0;right:0;bottom:0;padding:20px 18px 18px;background-color:rgba(0,0,0,.7);} .wrap-category-main .today-pick figure figcaption .brand {margin-bottom:5px;color:#fff;font-size:18px;} .wrap-category-main .today-pick figure figcaption .name {color:#989898;font-size:13px;} .wrap-category-main .today-pick figure figcaption .price {margin-top:15px;text-align:right;} .wrap-category-main .today-pick figure figcaption .price del {color:#979797;font-size:14px;} .wrap-category-main .today-pick figure figcaption .price strong {color:#fff;font-size:16px;} /* 카테고리 메인 > NEW ARRIVALS */ .wrap-category-main .category-new .slider li {overflow:hidden;position:relative;width:305px;_height:393px;}/* 2016-07-07 수정 */ .wrap-category-main .category-new .slider li a {display:block;} .wrap-category-main .category-new .slider li .layer-box {display:none;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.7);text-align:center;vertical-align:middle;} .wrap-category-main .category-new .slider li:hover .layer-box {display:block;} .wrap-category-main .category-new .slider li .layer-box .inner {display:inline-block;position:relative;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);} .wrap-category-main .category-new .slider li .layer-box .inner:before {display:block;height:30px;margin-bottom:20px;background:url(../img/icon/bull_cross.png) no-repeat center 0;content:"";} .wrap-category-main .category-new .slider li .layer-box .inner .brand {margin-bottom:5px;color:#fff;font-size:25px;} .wrap-category-main .category-new .slider li .layer-box .inner .name {color:#989898;font-size:13px;} .wrap-category-main .category-new .slider li .layer-box .inner .price {margin-top:16px;color:#fff;font-size:20px;} /* .wrap-category-main .category-new .slider .bx-wrapper img {position:relative;left:50%;top:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);min-width:100%;max-width:none;min-height:100%;}2016-07-07 추가 */ .wrap-category-main .category-new .slider .bx-wrapper img {max-width:305px; _height:393px}/* 2016-09-02 변경 */ .wrap-category-main .category-new .slider .bx-wrapper .bx-controls-direction a {position:absolute;top:50%;transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); display:block;width:32px;height:60px;background:url(../img/btn/brand_slide_arr2.png) no-repeat 0 0;text-indent:-9999px;} .wrap-category-main .category-new .slider .bx-wrapper .bx-controls-direction .bx-prev {left:-51px;} .wrap-category-main .category-new .slider .bx-wrapper .bx-controls-direction .bx-next {right:-51px;background-position:-32px 0;} .wrap-category-main .category-new .slider .bx-wrapper .bx-controls-direction a.disabled {opacity:0.15;cursor:default;} /* 카테고리 메인 > BEST 7 SALES */ .wrap-category-main .category-best7 .ranking li {float:left;width:250px;height:250px;margin:0 0 20px 20px;} .wrap-category-main .category-best7 .ranking li:nth-child(n+5) {margin-bottom:0;} .wrap-category-main .category-best7 .ranking li a {display:block;width:100%;height:100%;} .wrap-category-main .category-best7 .ranking li figure {overflow:hidden;position:relative;width:100%;height:100%;} .wrap-category-main .category-best7 .ranking li figure img {position:absolute;left:0;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);width:100%;min-height:100%;}/* 2016-07-07 수정 */ .wrap-category-main .category-best7 .ranking li figure .tag {position:absolute;right:0;top:0;z-index:1;width:68px;height:34px;}/* 2016-07-07 수정 */ .wrap-category-main .category-best7 .ranking li figure .tag:before {content:"";display:block;position:absolute;width:0;height:0;border-top:34px solid #292929;border-left:34px solid transparent;border-right:34px solid transparent;} .wrap-category-main .category-best7 .ranking li figure .tag .con {display:block;position:absolute;top:3px;width:100%;color:#fff;font-size:14px;text-align:center;} .wrap-category-main .category-best7 .ranking li figcaption {display:none;position:absolute;left:0;right:0;bottom:0;padding:18px 18px 12px;background-color:rgba(0,0,0,.7);} .wrap-category-main .category-best7 .ranking li:hover figcaption {display:block;} .wrap-category-main .category-best7 .ranking li figcaption .brand {margin-bottom:5px;color:#fff;font-size:16px;} .wrap-category-main .category-best7 .ranking li figcaption .name {margin-bottom:5px;color:#989898;font-size:13px;} .wrap-category-main .category-best7 .ranking li figcaption .price {color:#fff;font-size:16px;text-align:right;} .wrap-category-main .category-best7 .ranking li.big {width:470px;height:520px;margin:0;} .wrap-category-main .category-best7 .ranking li.big figure .tag {width:109px;height:55px;} .wrap-category-main .category-best7 .ranking li.big figure .tag:before {border-top:55px solid #292929;border-left:55px solid transparent;border-right:55px solid transparent;} .wrap-category-main .category-best7 .ranking li.big figure .tag .con {top:7px;font-size:22px;} /* 카테고리 메인 > BRAND */ .category-brand-tab > ul {margin-bottom:20px;} .category-brand-tab > ul > li {float:left;width:50%;height:40px;border:1px solid #292929;background-color:#292929;box-sizing:border-box;text-align:center;} .category-brand-tab > ul > li a {display:block;color:#fff;font-size:16px;line-height:39px;cursor:pointer;} .category-brand-tab > ul > li.on {border-bottom:1px solid #fff;background-color:#fff;} .category-brand-tab > ul > li.on a {color:#292929;} .category-brand-tab > div {display:none;width:1280px;height:320px;} .category-brand-tab > div.on {display:block;} .category-brand-content a {display:block;width:100%;height:100%;} .category-brand-content h3 {float:left;overflow:hidden;width:470px;height:320px;}/* 2016-07-07 수정 */ .category-brand-content h3 img {width:100%;height:100%;} .category-brand-content ul {float:left;} .category-brand-content li {float:left;width:250px;height:320px;margin-left:20px;} .category-brand-content li figure {width:100%;height:100%;} .category-brand-content li figure .img {overflow:hidden;width:250px;height:250px;}/* 2016-07-07 추가 */ .category-brand-content li figure .img img {position:relative;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);width:100%;min-height:100%;}/* 2016-07-07 수정 */ .category-brand-content li figcaption {margin-top:11px;text-align:center;} .category-brand-content li figcaption .name {margin-bottom:5px;color:#989898;font-size:13px;} .category-brand-content li figcaption .price del {color:#989898;font-size:13px;} .category-brand-content li figcaption .price strong {color:#000;font-size:16px;} /* 카테고리 메인 > BRAND ISSUE */ .category-brand-issue .brand-issue-slider li {width:1280px;height:300px;} .category-brand-issue .bx-wrapper .bx-pager {bottom:21px;} .category-brand-issue .bx-wrapper .bx-pager.bx-default-pager a {border:none;background-color:rgba(0,0,0,.25);} .category-brand-issue .bx-wrapper .bx-pager.bx-default-pager a:hover, .category-brand-issue .bx-wrapper .bx-pager.bx-default-pager a.active {background-color:rgba(0,0,0,.7);} /* ================================================== 카테고리 리스트 ================================================== */ .wrap-category-list {position:relative;width:1280px;margin:0 auto;padding:10px 0 100px;} .wrap-category-list .breadcrumb {_margin-bottom:10px;} .wrap-category-list .vender-breadcrumb {margin-bottom:10px;} /* 카테고리 리스트 > 왼쪽 메뉴 */ .wrap-category-list .category-list-aside {float:left;width:170px;} .wrap-category-list .category-list-aside .category-menu {width:170px;min-height:440px;} .wrap-category-list .category-list-aside .category-menu + .brand-detailed-search {margin-top:18px;} .wrap-category-list .category-list-aside .category-menu .category-tab-content {height:405px;} /* 카테고리 리스트 > 컨텐츠 */ .wrap-category-list .category-goods-list {float:right;width:1080px;} /* ================================================== 프로모션 > 매거진 ================================================== */ /* 매거진 > 상단 슬라이드 배너 */ .magazine-slider-banner {margin:30px auto 0; width:1280px;} .magazine-slider-banner .list li {position:relative;width:1280px;height:480px;} .magazine-slider-banner .list li .img {width:955px;height:480px;} .magazine-slider-banner .list li .box-txt {position:absolute;right:0;top:50%;transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); width:465px;min-height:290px;max-height:480px;padding:27px 29px;background-color:rgba(44,44,44,.9);box-sizing:border-box;} .magazine-slider-banner .list li .box-txt .subject {color:#fff;font-size:27px;} .magazine-slider-banner .list li .box-txt .date {margin:5px 0 15px;color:#ccc;font-size:12px;} .magazine-slider-banner .list li .box-txt .content {color:#ccc;font-size:13px;line-height:20px;word-break:keep-all;} .magazine-slider-banner .bx-pager {bottom:30px;} .magazine-slider-banner .bx-pager a {border-color:#fff !important;} .magazine-slider-banner .bx-pager a:hover, .magazine-slider-banner .bx-pager a.active {background:#fff !important;} /* 매거진 > 썸네일 슬라이더 */ .thumb-slider-wrap {padding:35px 0 33px;background-color:#f2f2f2;} .thumb-slider-wrap h2 {width:1280px; margin:auto; color:#2f2f34; font-family:ngb; font-size:24px; margin-bottom:15px;} .thumb-slider-wrap .issue-slider-banner {width:1280px;margin:0 auto;} .thumb-slider-wrap .issue-slider-banner .bx-wrapper .bx-viewport {background:none;} /* 매거진 > 컬렉션 썸네일 슬라이더 */ .collection-wrap {margin:50px 0 20px;} .collection-wrap h2 {margin-bottom:30px;padding:7px 0;border-bottom:1px solid #dadada;color:#2f2f34;font-family:ngb;font-size:24px;} .collection-wrap .collection-slider-thumb {float:left;overflow:hidden;width:205px;height:725px;padding:42px 0;background-color:#292929;box-sizing:border-box;} .collection-wrap .collection-slider-thumb .bx-wrapper .bx-viewport {background:none;} .collection-wrap .collection-slider-thumb .bx-prev, .collection-wrap .collection-slider-thumb .bx-next {position:absolute;left:50%;width:17px;height:10px;margin-left:-8.5px;background:url(../img/btn/brand_slider_arr.png) no-repeat 0 0;text-indent:-9999px;} .collection-wrap .collection-slider-thumb .bx-prev {top:-22px;} .collection-wrap .collection-slider-thumb .bx-next {bottom:-22px;background-position:0 -10px;} .collection-wrap .collection-slider-thumb .bx-prev.disabled, .collection-wrap .collection-slider-thumb .bx-next.disabled {opacity:.7;cursor:default;} .collection-wrap .thumb-img li {width:185px;} .collection-wrap .thumb-img li a {position:relative;display:block;width:100%;height:100%;} .collection-wrap .thumb-img li a:before {display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);content:"";} .collection-wrap .thumb-img li a.active:before {background-color:rgba(0,0,0,.1);} .collection-wrap .thumb-img li a img {width:185px;height:100px;} /* 매거진 > 컬렉션 배너 & 제품 슬라이더 */ .collection-wrap .collection-slider-banner {float:right;width:1055px;height:725px; overflow:hidden;} .collection-wrap .collection-slider-banner .big_banner {overflow:hidden;width:100%;height:480px;margin-bottom:10px;} .collection-wrap .collection-slider-banner .goods-thumbnail {width:100%;height:235px;} .collection-wrap .collection-slider-banner .goods-thumbnail .bx-prev {left:-46px;} .collection-wrap .collection-slider-banner .goods-thumbnail .bx-next {right:-46px;} .collection-wrap .collection-slider-banner .bx-wrapper .bx-loading {display:none;} .collection-slider-banner .bx-wrapper {z-index:0;} /* ================================================== 프로모션 > 랭킹 ================================================== */ .wrap_ranking {position:relative; width:1280px;margin:20px auto 140px;} .wrap_ranking .lnb_ranking {float:left;width:170px;height:440px;background-color:#292929;text-align:center;} .wrap_ranking .tab_ranking {float:right;width:1080px;} .wrap_ranking .tab_ranking .type-sort {margin-bottom:30px;} .date-count {position:absolute; top:16px; right:0; z-index:20; font-size:13px; color:#737373;} .date-count > span {color:#9a9a9a;} .date-count .icon {position:relative; display:inline-block; margin-right:5px; width:15px; height:15px; border-radius:50%; background:#b7b7b7; color:#fff; text-align:center; font-size:0; vertical-align:middle;} .date-count .icon:before {content:"?"; font-size:12px; } .date-count .icon .layer {display:none; position:absolute;width:170px; top:25px; right:-6px; z-index:100; padding:10px; border:1px solid #000; background:#fff; text-align:left;} .date-count .icon .layer:before {position:absolute; content:""; top:-7px; right:6px; width:12px; height:7px; background:url(../img/icon/icon_layer_arrow.png) no-repeat;} .date-count .icon .layer p {color:#9d9d9d; margin-bottom:3px; font-size:12px;} .date-count .icon .layer li {position:relative; display:inline-block; padding-left:10px; font-size:12px; color:#292929;} .date-count .icon .layer li:before {display:block; content:""; position:absolute; top:3px; left:4px; width:1px; height:10px; background:#dfdfdf;} .date-count .icon .layer li:first-child {padding-left:0px;} .date-count .icon .layer li:first-child:before {display:none;} .date-count .icon:hover .layer {display:block;} @media screen and (min-width:0\0) { .date-count .icon .layer {top:24px;} } /* 랭킹 상품 정보 */ .price-rank {position:relative; margin-top:5px;} .price-rank del {padding-right:5px; color:#989898; font-size:13px;} .price-rank strong {font-size:16px; color:#000;} .price-rank .point-rank {position:absolute; top:3px; right:0;} /* 랭킹 상품 넘버 */ .icon-rank-mark {padding-top:23px; width:38px; height:50px; background:url(../img/icon/icon_rank_goods.png) no-repeat; text-align:center; color:#fff; font-size:16px;} /* aside */ .lnb_ranking h2 {margin:3px 15px 10px;border-bottom:1px solid rgba(193,193,193,.1);color:#fff;font-family:ngb;font-size:17px;line-height:41px;} .lnb_ranking ul li a {color:#fff;font-size:14px;line-height:30px;} .lnb_ranking ul li.on a {font-family:ngb;} /* 탭 */ .wrap_ranking .my-tab-menu li {width:150px; background:#ededed; border-color:#fff; border-top:1px solid #ededed; border-bottom:1px solid #000;} .wrap_ranking .my-tab-menu li.on {background:#fff; border-color:#000; border-bottom:1px solid #fff;} .wrap_ranking .my-tab-menu li a {font-size:15px;} .wrap_ranking .tab-menu-content {display:none;} .wrap_ranking .tab-menu-content.on {display:block;} /* 회원랭킹 */ .top-ranker3 {margin-top:20px; padding:20px 15px; background:#f2f2f2;} .top-ranker3 li {float:left; padding:20px 0; background:#fff; border-right:5px solid #f2f2f2; border-left:5px solid #f2f2f2; width:33.3%; box-sizing:border-box;} .top-ranker3 .rank-icon {float:left; padding:10px 0; border-right:1px solid #f2f2f2; width:50%; text-align:center; box-sizing:border-box;} .top-ranker3 .ranker-info {float:left; padding-left:20px; width:50%; box-sizing:border-box;} .top-ranker3 .ranker-info .id {margin-top:38px; color:#292929; font-size:14px;} .top-ranker3 .ranker-info .point {margin-top:23px; font-size:15px; font-weight:bold;} .top-ranker3 .ranker-info .point .point-rank {padding-left:30px; } .ranking-list-wrap {margin-top:30px;} .ranking-list-wrap h3 {margin-bottom:10px; font-size:18px; } .ranking-list-wrap h3 span {color:#989898;font-size:16px;} .tab_ranking .list_ranking {float:left; width:690px;} .tab_ranking .list_ranking ul {border-top:2px solid #292929;} .tab_ranking .list_ranking ul li {border-bottom:1px solid #dedede;} .tab_ranking .list_ranking ul li:after {clear:both;display:block;content:"";} .tab_ranking .list_ranking ul li label {float:left;display:block;width:13%;font-size:15px;line-height:50px;text-align:center;} .tab_ranking .list_ranking ul li > span {float:left;display:block;line-height:50px;} .tab_ranking .list_ranking ul li .id {width:54%;color:#989898;font-size:14px;} .tab_ranking .list_ranking ul li .point {width:21%;color:#000;font-family:ngb;font-size:14px;text-align:center;} .tab_ranking .list_ranking ul li .point span {color:#989898;} .tab_ranking .list_ranking ul li .up {width:12%;color:#ff2a00;font-size:14px;text-align:center;} .tab_ranking .list_ranking ul li .up:before {display:inline-block;width:0;height:0;margin-right:5px;border-bottom:5px solid #ff1e00;border-left:4px solid transparent;border-right:4px solid transparent;vertical-align:middle;content:"";} .tab_ranking .list_ranking ul li .down {width:12%;color:#0366cb;font-size:14px;text-align:center;} .tab_ranking .list_ranking ul li .down:before {display:inline-block;width:0;height:0;margin-right:5px;border-top:5px solid #0266cb;border-left:4px solid transparent;border-right:4px solid transparent;vertical-align:middle;content:"";} .tab_ranking .list_ranking ul li .same {width:12%;color:#9f9f9f;font-size:24px;text-align:center;} .tab_ranking .list_ranking ul li.me {background:#f8f8f8;} .tab_ranking .list_ranking ul li.me .id {color:#000;} .tab_ranking .list_ranking ul li.me .id:after {display:inline-block; content:""; margin:-3px 0 0 15px ; width:23px; height:36px; background:url(../img/icon/icon_rank_me.png) no-repeat; vertical-align:middle;} .tab_ranking .list_ranking ul li .new {width:12%;text-align:center;} .rank-review-goods {float:right; width:360px; } .rank-review-goods .list-wrap {height:408px; padding-top:44px; background:#f2f2f2;border-top:2px solid #292929; box-sizing:border-box;} .rank-review-goods .list {width:255px; margin:auto;} .rank-review-goods .list .thumb-img {position:relative; overflow:hidden; width:225px; height:231px;} .rank-review-goods .list .thumb-img img {position:relative; height:100%; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); } /* .rank-review-goods .list .thumb-img img {position:absolute; max-width:100%; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); } */ .rank-review-goods .list a {position:relative; display:block; padding:14px; background:#fff; border:1px solid #dedede; } .rank-review-goods .list .icon-rank-mark {position:absolute; top:0; right:0; z-index:30; } .rank-review-goods .name {margin-top:12px; color:#989898; font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .rank-review-goods .name strong {padding-right:5px;color:#000;} .rank-review-goods .bx-viewport {height:312px !important;} .rank-review-goods .bx-viewport .list li {width:255px !important;} .rank-review-goods .bx-prev, .rank-review-goods .bx-next {width:25px; height:49px; background:url(../img/btn/index_slide_arrow.png) no-repeat; opacity:.5;} .rank-review-goods .bx-prev {left:-43px; background-position:0 -18px;} .rank-review-goods .bx-next {right:-43px; background-position:-63px -18px;} .rank-review-goods .disabled {opacity:.1;} /* 상품랭킹 */ .counting-target {margin:17px 0 0 30px;} .counting-target li {position:relative; float:left; padding:0 6px;} .counting-target li:before {display:block; content:""; width:1px; height:12px; position:absolute; top:3px; left:0; background:#c8c7c7;} .counting-target li:first-child:before {display:none;} .counting-target li a {display:block; padding:3px 10px; color:#737373; font-size:14px;} .counting-target li.on a {color:#000; border-bottom:3px solid #000;} .top-goods {margin-top:20px; background:#f2f2f2; padding:47px 0 41px 0;} .top-goods li {float:left; width:33.3%; text-align:center;} .top-goods li a {position:relative; display:inline-block; } .top-goods li a .rank-mark {position:absolute; padding-top:23px; top:0; right:0; z-index:30; width:38px; height:50px; background:url(../img/icon/icon_rank_goods2.png) no-repeat; color:#fff; text-align:center; font-size:16px; box-sizing:border-box;} .top-goods li a .rank-mark.rank1 {background-position:0 0;} .top-goods li a .rank-mark.rank2 {background-position:0 -50px;} .top-goods li a .rank-mark.rank3 {background-position:0 -100px;} .top-goods li .thumb-img {overflow:hidden; position:relative; width:255px; height:250px; background:#fff; text-align:center;} .top-goods li .thumb-img img {position:absolute; height:100%; left:50%; z-index:20; transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); } .top-goods figure {position:relative;} .top-goods figcaption {position:relative; text-align:left;} .top-goods .goods-nm {display:none; position:absolute; top:0px; left:0; z-index:50; margin-top:192px; padding:0 15px; width:100%; height:58px; background:rgba(255,255,255,.9); text-align:left; font-size:13px; line-height:58px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;box-sizing:border-box; } .top-goods .goods-nm strong {color:#000;} .top-goods figure:after {display:none; content:""; position:absolute; top:110px; left:50%; z-index:60; margin-left:-14px; width:29px; height:29px; background:url(../img/icon/bull_cross.png) center no-repeat;} .top-goods figure:hover:after, .top-goods figure:hover .goods-nm {display:block;} .top-goods .point-rank {position:absolute; top:3px; right:0;} .ranking-goods {} .ranking-goods li {float:left; width:255px; margin:20px 0 0 20px; } .ranking-goods li:nth-child(4n+1) {margin-left:0px;} .ranking-goods li figure {position:relative; padding:14px; border:1px solid #dedede; box-sizing:border-box;} .ranking-goods li .rank-mark {position:absolute; padding-top:23px; top:0; right:0; z-index:30; width:38px; height:50px; background:url(../img/icon/icon_rank_goods.png) no-repeat; color:#fff; text-align:center; font-size:16px; box-sizing:border-box;} .ranking-goods li a {overflow:hidden; position:relative; display:block; width:225px; height:230px; border-bottom:1px solid #eee;} .ranking-goods li a:after {display:none; content:""; position:absolute; top:0; right:0; width:100%; height:100%; background:rgba(255,255,255,.6) url(../img/icon/bull_cross.png) center no-repeat; } .ranking-goods li a:hover:after {display:block;} .ranking-goods li a > img {position:absolute; top:50%; left:50%; max-height:100%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); } .ranking-goods .name {margin-top:12px; color:#989898; font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .ranking-goods .name strong {padding-right:5px;color:#000;} /* 랭킹안내 */ .ranking-info {float:right;width:1080px;} .ranking-info .point-table * {font-family:dotum;} .ranking-info .point-table thead th {padding:10px 0; background:#7c7c7c;} .ranking-info .point-table th, .ranking-info .point-table td {height:30px;} .ranking-info .point-table tr td:first-child {border-left:none;} .ranking-info .point-table td img {vertical-align:middle;} .ranking-info header {padding:15px 0 0 0;} .ranking-info header h3 {font-size:24px; color:#000; font-weight:700; letter-spacing:-1.3px;} .ranking-info header p {font-size:13px; color:#000; line-height:1.4;} .ranking-info .member-rank h3 {margin-bottom:24px;} .ranking-info .goods-rank {margin-top:44px;} .ranking-info .goods-rank h3 {margin-bottom:15px;letter-spacing:-1.2px; } .ranking-info .goods-rank ul {margin-top:18px;} .ranking-info .goods-rank li {padding:5px 0 6px;font-size:13px;} .ranking-info .goods-rank li:before {display:inline-block; content:""; margin-right:6px; margin-top:-2px; width:20px; height:18px; background:url(../img/icon/li_att_bull.gif) no-repeat; vertical-align:middle;} /* ================================================== 프로모션 > 블로그 ================================================== */ .blog-wrap {margin:auto; width:1280px; padding-bottom:90px;} .blog-wrap .breadcrumb {margin-top:10px; margin-bottom:0; position:relative; padding-bottom:20px ;border-bottom:2px solid #000;} .blog-wrap .breadcrumb a {font-family:ng;_font-size:13px;} .blog-wrap .breadcrumb a:before {content:">"; padding:0 10px; } .blog-wrap .breadcrumb a:first-child:before {display:none;} .blog-wrap .breadcrumb select {position:absolute; top:-4px; right:0; } /* 슬라이드 배너 */ .slider-banner {margin-top:30px;} .slider-banner .bx-pager {bottom:30px;} .slider-banner .bx-pager a {border-color:#fff !important;} .slider-banner .bx-pager a:hover, .slider-banner .bx-pager a.active {background:#fff !important;} /* 카테고리 */ .blog-category {margin-top:30px; text-align:center; font-size:0;} .blog-category i {display:block; width:124px; height:124px; background:url(../img/common/blog_category.png) no-repeat;} .blog-category li {display:inline-block; margin:0 42px; text-align:center; } .blog-category li:nth-of-type(1) i {background-position:0 0;} .blog-category li:nth-of-type(2) i {background-position:0 -124px;} .blog-category li:nth-of-type(3) i {background-position:0 -248px;} .blog-category li:nth-of-type(4) i {background-position:0 -372px;} .blog-category li:nth-of-type(5) i {background-position:0 -496px;} .blog-category li:nth-of-type(6) i {background-position:0 -620px;} .blog-category li:hover i {background-position-x:-124px;} /* 베스트 뷰 포스팅 */ .best-posting {margin-top:45px;} .best-posting h2 {font-size:24px; color:#2f2f34; text-transform:uppercase;} .best-posting .list {position:relative; margin-top:15px;} .best-posting .list li {float:left; width:240px} .best-posting .list li:first-child {float:none; position:absolute; top:0; left:260px; width:500px;} .best-posting .list li:nth-child(3n+3) {margin-left:540px;} .best-posting .list li:nth-of-type(4), .best-posting .list li:nth-of-type(7) {margin-left:20px;} .best-posting .list li:nth-of-type(n+5) {margin-top:20px;} .best-posting figure {position:relative;} .best-posting figcaption {position:absolute; right:0; bottom:0; left:0; padding:25px 12px; background:rgba(255,255,255,.8); font-size:14px; box-sizing:border-box; color:#292929;} .best-posting figcaption strong {display:block; margin-bottom:5px;font-size:18px; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis} /* 탑 랭킹 리뷰 */ .top-ranking-review {position:relative; margin-top:60px;} .top-ranking-review h2 {font-size:24px; color:#2f2f34; text-transform:uppercase;} .top-ranking-review .theme {margin-top:15px;} .top-ranking-review .theme img {float:left; width:500px; height:480px;} .top-ranking-review .theme figcaption {float:right; margin-left:20px; padding:30px 20px; width:760px; height:160px; background:#292929; box-sizing:border-box;} .top-ranking-review .theme figcaption strong {display:block; margin-bottom:10px; color:#fff; font-size:26px; font-weight:normal;} .top-ranking-review .theme figcaption p {color:#e9e9e9; line-height:1.4; font-size:14px;} .top-ranking-review .best-list {position:absolute; right:0; bottom:0; } .top-ranking-review .best-list li {float:left; width:240px; margin-left:20px;} .top-ranking-review .best-list li a {position:relative; display:block;} .top-ranking-review .best-list li a:before {display:none; content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,.75);} .top-ranking-review .best-list li a:after {display:none; content:""; position:absolute; top:50%; left:50%; z-index:10; margin:-15px 0 0 -15px; width:29px; height:30px; background:url(../img/icon/bull_cross.png) center no-repeat;} .top-ranking-review .best-list li a:hover:before, .top-ranking-review .best-list li a:hover:after {display:block;} /* 블로그 > 리스트*/ .blog-list .list-paginate {margin-top:80px;} .blog-list .list {margin-top:50px;} .blog-list .list li {float:left; width:305px; margin:48px 0 0 20px;} .blog-list .list li:nth-child(-n+4) {margin-top:0px;} .blog-list .list li:nth-child(4n+1) {margin-left:0px;} .blog-list .list li .subject {margin-top:12px;color:#292929; font-size:14px;} .blog-list .list li .date {margin-top:4px;color:#737373; } .blog-list .square-img {position:relative; width:305px; height:170px; overflow:hidden;} .blog-list .square-img img {max-width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); } .blog-list .square-img {position:relative; width:305px; height:170px; overflow:hidden;} .blog-list .square-img img {max-width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); } /* 블로그 > 상세 */ .blog-view {margin-top: 25px;} .blog-view .title {position:relative;padding-bottom: 20px;text-align:center;border-bottom: 1px solid #dadada;} .blog-view .title h3 {margin-top: 10px;font-size:28px;font-weight:normal;} .blog-view .title h4 {font-size:14px; font-weight:700;} .blog-view .title h4 span {font-weight:400; color:#777;} .blog-view .title .page-share {position:absolute; top:0; right:0;} .blog-view .content {margin-top:30px;text-align:center;width:1024px;margin:auto;} .blog-view .content * {white-space:normal !important;} .blog-view .content img {max-width:1024px} .blog-view .content p {line-height:14px;} /* 관련상품 */ .blog-related-goods {padding:40px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc;} .blog-related-goods li {float:left; width:224px;} .blog-related-goods li a {overflow:hidden; position:relative; display:block; width:224px; height:232px;} .blog-related-goods li a:before {display:none; position:absolute; top:50%; left:50%; z-index:50; margin:-15px 0 0 -15px; width:29px; height:30px; background:url(../img/icon/bull_cross.png) no-repeat; content:"";} .blog-related-goods li a:hover:before {display:block;} .blog-related-goods li a img {position:absolute; top:50%; left:50%; z-index:40; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); } .blog-related-goods .bx-next, .blog-related-goods .bx-prev {width:25px; height:50px; background:url(../img/btn/blog_slide_arrow.gif) no-repeat;} .blog-related-goods .bx-next {right:-25px; background-position:-25px 0;} .blog-related-goods .bx-prev {left:-25px;background-position:0 0;} /* 댓글입력 */ .reply-reg-box {margin-top:40px;} /* ================================================== 프로모션 > 매거진 ================================================== */ .magazine-wrap {padding-bottom:90px;} /* 더블 슬라이드 */ .magazine-wrap .slider-wrap {margin:0 auto; width:1280px; overflow:hidden;} .issue-slider-banner ul li {float:left; margin-right:20px;} .issue-slider-banner ul li:last-child {margin-right:0;} .issue-slider-banner ul li figure > div {position:relative; width:305px; height:238px;} .issue-slider-banner ul li figure > div img {max-width:305px;} .issue-slider-banner ul li figcaption {display:none; position:absolute; right:10px; bottom:0; left:10px; padding:15px 12px; background:rgba(0,0,0,.7);} .issue-slider-banner ul li a:hover figcaption {display:block;} .issue-slider-banner ul li .subject {color:#2f2f34; font-size:14px; color:#fff; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .issue-slider-banner ul li .date {margin-top:5px; color:#fff;} .issue-slider-banner ul li a {display:block; position:relative;} .issue-slider-banner .bx-controls-direction a {width:26px; height:50px; background:url(../img/btn/btn_issue_arr.png) no-repeat 0 0;} .issue-slider-banner .bx-controls-direction .bx-prev {left:-50px;background-position:0 -50px;} .issue-slider-banner .bx-controls-direction .bx-next {right:-50px;background-position:-26px -50px;} .issue-slider-banner .bx-controls-direction .bx-prev.disabled {background-position:0 0;} .issue-slider-banner .bx-controls-direction .bx-next.disabled {background-position:-26px 0px;} .issue-slider-banner .bx-pager {display:none;} /* NEW VIDEO */ .new-video-wrap {padding:35px 0 40px; background:#f2f2f2;} .new-video {width:1280px; margin:0 auto;} .new-video h2 {color:#2f2f34; font-family:ngb; font-size:24px; margin-bottom:15px;} .new-video ul li {float:left; width:305px; margin-right:20px;} .new-video ul li:last-child {margin-right:0;} .new-video ul li figure {position:relative;} .new-video ul li a:hover figcaption {display:block;} .new-video ul li figcaption {display:none; position:absolute; right:0; bottom:0; left:0; padding:17px 12px; background:rgba(0,0,0,.7); font-size:14px; box-sizing:border-box; color:#fff;} .new-video ul li figcaption p {display:block; margin-top:10px; font-size:12px;} .video-list-wrap {width:1280px; margin:35px auto 0;} .video-list-wrap .list li { float:left; margin-top:20px; width:50%; } .video-list-wrap .list li:nth-child(-n+2) {margin-top:0px;} .video-list-wrap .list li figure:after {display:block; clear:both; content:"";} .video-list-wrap figure > img {float:left; width:305px; height:170px;} .video-list-wrap figcaption {float:left; width:335px; padding:0 20px; box-sizing:border-box;} .video-list-wrap figcaption > div strong {display:block; margin-bottom:3px; color:#292929; font-size:14px; line-height:1.6;} .video-list-wrap figcaption > div span {display:inline-block; color:#737373;} .video-list-wrap figcaption .r-time:before {display:inline-block; content:""; margin:0 5px; width:1px; height:10px; background:#d2d2d2; vertical-align:middle;} .video-list-wrap figcaption p {margin-top:10px;color:#737373;line-height:18px;} /* ================================================== 프로모션 > 투표하기 ================================================== */ .poll-page {margin:auto; padding-bottom:90px; width:1280px;} /* 진행 투표 */ .now-vote {margin:40px auto 0 auto; width:835px;} .now-vote .progress {margin-bottom:10px; font-size:13px; color:#737373;} .now-vote .progress span {display:inline-block; width:50px; height:20px; background:#575757; color:#fff; text-align:center; font-size:13px; line-height:20px; vertical-align:middle;} .now-vote .place-submit .graph:before {width:324px;} .now-vote .place-submit .graph:after {width:326px;} .now-vote .place-submit .graph {width:262px;} /* 지난 리스트 */ .poll-list {margin-top:65px;} .poll-list .title {border-bottom:1px solid #292929;} .poll-list .title span {display:block; width:426px; height:39px; background:#292929; color:#fff; text-align:center; font-size:16px; line-height:39px; } .poll-list .list {margin-top:30px;} .poll-list .list li {float:left; width:630px; margin:30px 0 0 20px; } .poll-list .list li:nth-child(odd) {margin-left:0px;} .poll-list .list li:nth-child(-n+2) {margin-top:0px;} .poll-list .list-paginate {margin-top:80px;} .end-vote {width:630px;} .end-vote .date {border:1px solid #f4f4f4; line-height:38px; text-indent:14px; font-size:13px; color:#737373;} .end-vote .item {height:352px;} .end-vote .item div {width:200px;} .end-vote .item div a {margin-top:20px;} .end-vote .item .lose img {opacity:.1;} .end-vote .item .win {position:absolute; top:0px; width:29px; height:33px; background:url(../img/icon/vote_winner.png) no-repeat; text-align:center; color:#fff; line-height:25px;} .end-vote .item .win.a {left:10px;} .end-vote .item .win.b {right:10px;} .end-vote .subject {padding-top:40px !important; font-size:20px !important; line-height:24px !important;} .end-vote .place-submit {height:55px;} .end-vote .place-submit .graph {width:252px; height:40px;} .end-vote .place-submit .graph span {line-height:40px;} .end-vote .place-submit .per.a {left:120px;} .end-vote .place-submit .per.b {right:120px;} /* ================================================== 프로모션 > 온리훅 ================================================== */ /* 리스트 */ .onlyhook-page {margin:auto; padding:52px 0 100px 0; width:1280px;} .onlyhook-page .list {margin-top:54px;} .onlyhook-page .list li {float:left; width:290px; margin:0px 0 60px 40px;} .onlyhook-page .list li:nth-child(4n+1) {margin-left:0px;} .onlyhook-page .square-img {position:relative; width:290px; height:290px; overflow:hidden;} .onlyhook-page .square-img img {max-width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); } .onlyhook-page figure {position:relative; } .onlyhook-page figcaption {padding-top:25px;} .onlyhook-page figcaption strong {display:block; color:#000; font-size:15px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .onlyhook-page figcaption p {overflow:hidden; height:55px; margin-top:12px; color:#999; font-size:13px; line-height:1.4;} .onlyhook-page .d-day {margin-top:15px;height:40px; background:#939393; color:#fff; text-align:center; line-height:40px; font-size:15px;} .onlyhook-page .d-day:before {display:inline-block; content:""; margin:-2px 8px 0 0; width:17px; height:18px; background:url(../img/icon/icon_clock.png) no-repeat; vertical-align:middle} .onlyhook-page .d-day.one {background:#292929;} .onlyhook-page .success:after { display:block; content:"주문성공"; position:absolute; top:255px; right:20px; padding-top:35px; width:70px; height:70px; border:1px solid #000; background:#fff url(../img/icon/icon_checked.png) center 12px no-repeat; box-shadow:1px 2px 2px rgba(0,0,0,.2); text-align:center; font-size:15px; box-sizing:border-box; } /* 상세 */ .onlyhook-page .option .my_value, .onlyhook-page .option .select {width:100%;} .onlyhook-page .option input[type="text"] {padding:0 10px; height:35px; width:100%; border:1px solid #cdcdcd; box-sizing:border-box;} .onlyhook-page .option input[type="text"]::-webkit-input-placeholder {color:#4b4b4b;} .onlyhook-page .buy-now {height:50px; width:100%; line-height:50px; font-size:16px;} .onlyhook-page .info-toggle {margin:40px 0 0 0 ;border-top:1px solid #ccc;} .onlyhook-page .info-toggle li {padding-right:10px;border-bottom:1px solid #ccc;} .onlyhook-page .info-toggle li a {display:block; background:url(../img/common/bg_list_plus.png) no-repeat right center;color:#000;font-size:13px; line-height:40px; cursor:pointer} .onlyhook-page .info-toggle li p {display:none; padding-bottom:14px; font-size:13px; line-height:1.3; color:#777;} .onlyhook-range {position:relative; margin-top:60px; padding:0 20px; border-radius:20px; height:40px; background:linear-gradient(left,#ddd,#545454);background:-webkit-linear-gradient(left,#ddd,#545454); background:-ms-linear-gradient(left,#ddd,#545454);} .onlyhook-range:before {display:block; content:""; position:absolute; top:0; left:1px; height:40px; width:20px; background:#fff; border:2px solid #ddd; border-right:none; border-radius:20px 0 0 20px; box-sizing:border-box;} .onlyhook-range .irs-min {visibility:visible !important;} .onlyhook-range .irs-max {right:-5px; top:10px; color:#fff; font-size:14px;} .onlyhook-range .irs-single {top:2px; z-index:30; width:36px; height:36px; border-radius:50%; background:#333; border:2px solid #fff; line-height:32px; text-align:center; color:#fff; box-sizing:border-box;} .onlyhook-range .irs-bar {margin-top:2px;height:36px;background:#fff;} .onlyhook-range input {border:none;} .onlyhook-range .min-ea-wrap {position:absolute; top:0; left:20px; right:20px;} .onlyhook-range .min-ea {position:absolute; top:10px; color:#000; font-size:14px; width:50px; margin-left:-25px; text-align:center;} .onlyhook-range .irs-single:after {position:absolute; top:-15px; right:10px; display:block; width:0px; height:0px; border:6px solid transparent; border-top:6px solid #ededed; content:"";} .onlyhook-range .irs-single:before { position:absolute; padding:0px 10px; height:20px; top:-35px; left:50%; background:#ededed; border-radius:10px; line-height:20px; color:#000; transform:translateX(-50%);-webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); } .ea-info {margin-top:25px;} .ea-info .min {float:left; padding-right:30px; width:50%; border-right:1px solid #dedede; text-align:right; box-sizing:border-box;} .ea-info .max {float:left; padding-left:30px; width:50%; box-sizing:border-box;} .ea-info strong {color:#292929;font-size:30px; line-height:1; font-weight:normal;} .ea-info p {margin-top:5px; color:#777; font-size:13px; line-height:18px;} .ea-info .max strong {color:#bbb;} .hook-price-total {margin-top:25px;padding-top:20px; text-align:right; border-top:1px solid #ededed; font-size:13px; color:#fa413c; font-weight:600;} .hook-price-total span {font-size:26px; font-weight:600;} .hook-detail-view {margin-top:63px; text-align:center;} .hook-detail-view header {border-top:1px solid #ccc;} .hook-detail-view header h3 {padding:35px 0; font-size:30px; text-transform:uppercase;} /* ================================================== 프로모션 > 출석체크 ================================================== */ .daily-check {} .daily-check header {position:relative; margin-top:15px; padding-top:42px;text-align:center; border-top:2px solid #292929;} .daily-check header span {display:inline-block; vertical-align:top; font-weight:700;} .daily-check header .yaer {font-size:20px;} .daily-check header .month {margin:-3px 0 0 15px; font-size:55px; line-height:1; } .daily-check header a {display:block; position:absolute; top:42px; right:190px; width:165px; height:30px; border:1px solid #000; border-radius:15px; text-align:left; color:#292929; font-size:14px; box-sizing:border-box; line-height:30px;} .daily-check header a:before {display:inline-block; margin:-3px 5px 0 15px; content:""; width:18px; height:21px; background:#FFF url(../img/icon/icon_daily_check.gif) no-repeat; vertical-align:middle;} .daily-check header .my-coupon {top:80px;} .daily-check header .my-coupon:before {background-position:0 -21px;} .daily-check .inner {width:882px;margin:auto;} .daily-check .txt-day {margin-top:40px} .daily-check .txt-day li {position:relative; padding-bottom:10px; float:left; width:126px; text-align:center; color:#292929; font-size:20px;} .daily-check .txt-day li:after {display:block; position:absolute; bottom:0; left:50%; margin-left:-8px; width:17px; height:1px; background:#292929; content:"";} .daily-check .txt-day li:first-child {color:#ff0000;} .daily-check .txt-day li:first-child:after {background:#ff0000;} .daily-check .txt-day li:last-child {color:#0096dc;} .daily-check .txt-day li:last-child:after {background:#0096dc;} .daily-check .num-day li {position:relative; padding:20px 0; float:left; width:126px; text-align:center; font-size:0;} .daily-check .num-day li span {position:relative; display:inline-block; width:92px; height:92px; color:#292929; font-size:55px; font-weight:normal; line-height:92px;} .daily-check .num-day li span.checked:after {display:block; content:""; position:absolute;top:0;left:0; width:92px; height:92px; border-radius:50%; background:rgba(0,0,0,.6) url(../img/icon/daily_checked.png) center no-repeat;} .daily-check .num-day li span.today {border-radius:50%; background:#000; color:#fff;} .daily-check .num-day li:nth-child(7n+1) span {color:#ff0000;} .daily-check .num-day li:nth-child(7n+7) span {color:#0096dc;} .daily-check .attention {position:relative; border-top:1px solid #c5c5c5; padding-top:30px; padding-left:156px; box-sizing:border-box;} .daily-check .attention dt {position:absolute; top:30px; left:40px; padding-top:17px; width:88px; height:88px; border-radius:50%; background:#c5c5c5; color:#fff; font-size:24px; text-align:center; box-sizing:border-box;} .daily-check .attention dd {line-height:22px; color:#292929; font-size:13px;} /* ================================================== 옥션 ================================================== */ /* 리스트 */ .auction-page {} .auction-page .page-title {background:#292929; text-align:center; color:#fff; font-size:17px; line-height:45px;} .auction-page .brand-detailed-search {margin-top:14px;} .auction-page .category-goods-list {margin-top:0px;} .auction-page .category-goods-list .top_banner {margin-bottom:30px;} .auction-item-price {font-size:13px; text-align:left;} .auction-item-price .nm {margin-top:16px; color:#737373; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .auction-item-price .nm strong {color:#000;} .auction-item-price .price {margin-top:7px; color:#989898; } .auction-item-price .price strong {color:#000; font-size:16px;} .auction-item-price .entry {margin-top:10px; padding-top:10px; border-top:1px solid #eee;} .auction-item-price .entry .time {float:left; color:#ff2a00;} .auction-item-price .entry .time:before {display:inline-block; margin-right:3px; content:""; width:12px; height:13px; background:url(../img/icon/icon_time.gif) no-repeat; vertical-align:middle;} .auction-item-price .entry .person {float:right; color:#939393;} .auction-item-price .entry .person:before {display:inline-block; margin-right:3px; content:""; width:9px; height:13px; background:url(../img/icon/icon_person.gif) no-repeat; vertical-align:middle;} .auction-item-price .entry .person span {color:#737373;} /* 옥션 리스트 재작성 */ .auction-list {} .auction-list li {position:relative; margin-top:20px;} .auction-list li:first-child {margin-top:0;} .auction-list figure {padding:30px; border:1px solid #ccc; box-sizing:border-box;} .auction-list .img {float:left; width:330px;} .auction-list figcaption {float:right; width:598px;} .auction-list .name {padding:25px 0; border-bottom:1px solid #ededed; font-size:20px; line-height:1.4;} .auction-list .price {margin-top:12px; color:#666; font-weight:700; font-size:14px;} .auction-list .price strong {color:#000; font-size:26px; vertical-align:baseline;} .auction-list .price:after {display:inline-block; content:"현재가"; margin-left:10px; width:55px; height:55px; text-align:center; color:#fff; background:url(../img/icon/auction_round_box.png) no-repeat; line-height:55px; vertical-align:bottom; font-size:14px;} .auction-list .time {margin-top:25px; color:#ff2a00; font-size:20px; font-weight:700;} .auction-list .time:before {display:inline-block; margin-right:10px; width:21px; height:21px; background:url(../img/icon/icon_time2.gif) no-repeat; content:""; vertical-align:middle;} .auction-list .time span {color:#888; font-size:14px; font-weight:400;} .auction-list .join {margin-top:25px; color:#888; font-size:14px; } .auction-list .join:before {display:inline-block; margin-right:10px; width:18px; height:22px; background:url(../img/icon/icon_person2.gif) no-repeat; content:""; vertical-align:middle;} .auction-list .btn-place {margin-top:30px; padding-top:30px; border-top:1px solid #ededed; text-align:center;} .auction-list .btn-place a {width:212px; height:50px; line-height:49px; font-size:16px;} .auction-list li .end-cover {display:none;} .auction-list li.end .end-cover {display:block; position:absolute; top:0; right:0; bottom:0; left:0; z-index:10; background:rgba(0,0,0,.7); text-align:center; color:#fff; font-size:20px;} .auction-list li.end .end-cover:before {display:inline-block; margin:190px 0 15px; width:61px; height:61px; background:url(../img/icon/icon_clock2.png) no-repeat; content:"";} /* 상세 */ .auction-detail {padding-bottom:100px;} .auction-detail .product_title {position:relative;} .auction-detail .product_title .name {line-height:1.4;} .auction-detail .user-info {top:inherit; bottom:35px;} .auction-detail .btn-place {margin-top:38px; font-size:0;} .auction-detail .btn-place .btn-point {width:235px; height:50px; line-height:50px; font-size:16px;} .auction-detail .btn-place .btn-line {margin-left:10px; width:235px; height:50px; line-height:50px; font-size:16px;} .auction-detail .list-paginate {margin-top:50px;} .auction-item-spec {} .auction-item-spec ul {padding:20px 0; border-bottom:1px solid #ededed;} .auction-item-spec li {padding:5px 0; color:#888; font-size:13px;} .auction-item-spec li > label {display:inline-block; width:100px;} .auction-item-spec .end-date .date {color:#000; font-size:16px;} .auction-item-spec .end-date strong {color:#ff2a00; font-size:14px; font-weight:normal;} .auction-item-spec .end-date strong span {position:relative; padding-right:5px; display:inline-block;} .auction-item-spec .end-date strong span:after {display:inline-block; margin:-2px 0 0 5px; width:1px; height:12px; background:#dadada; content:""; vertical-align:middle;} .auction-item-spec .now-price label {color:#000;} .auction-item-spec .now-price strong {padding-right:10px;color:#000; font-size:26px;} .auction-item-spec .now-price span {display:inline-block; color:#888; font-size:14px;} .auction-item-spec .now-price span:before {display:inline-block; margin:-3px 10px 0 0; width:1px; height:12px; background:#dadada; content:""; vertical-align:middle;} .auction-detail .th-top th {font-size:15px; font-weight:700;} .auction-detail .th-top td {color:#000; font-size:13px;} .auction-detail .th-top .bid-suc {display:inline-block; margin-left:80px; padding:3px 2px; border:1px solid #ff5f40; color:#ff5f40; font-size:11px; } .auction-detail .th-top tbody tr:nth-child(-n+3) {background:#f9f9f9;} .auction-entry-info {margin-top:30px;} .auction-entry-info p {font-size:14px;} .auction-entry-info p strong {text-decoration:underline;} /* ================================================== 이벤트 ================================================== */ .event-wrap {margin:20px auto 100px auto; width:1280px;} .event-wrap.view {margin-top:20px;} .event-wrap .reply-list {margin-top:80px; border-top:1px solid #ccc;} .event-main .breadcrumb {margin-top:-10px;margin-bottom:0;padding-bottom:20px ;border-bottom:2px solid #000;} /* 이벤트 리스트 */ .event-wrap .slider-banner-wrap {margin-bottom:30px;} .event-wrap .slider-banner-wrap .bx-pager {position:absolute;left:0;bottom:20px;width:100%;text-align:center;} .event-wrap .slider-banner-wrap .bx-pager .bx-pager-item {display:inline-block;} .event-wrap .slider-banner-wrap .bx-pager .bx-pager-item a {position:relative; display:block;width:14px;height:14px;border:2px solid #fff;border-radius:50%;text-indent:-9999px;} .event-wrap .slider-banner-wrap .bx-pager .bx-pager-item a:hover {background:none;} .event-wrap .slider-banner-wrap .bx-pager .bx-pager-item a:before {position:absolute; display:block; content:""; top:0; left:0; width:100%; height:100%; background:#fff; opacity:0;} .event-wrap .slider-banner-wrap .bx-pager .bx-pager-item a.active {background-color:#fff;} .event-wrap .type-sort li {position:relative; float:left; width:33.3%; box-sizing:border-box;} .event-wrap .type-sort li:nth-of-type(1) {width:33.4%;} .event-wrap .type-sort a {position:relative; display:block; height:40px; line-height:40px; background:#ededed; border:1px solid #e1e1e1; border-left:none; color:#737373; text-align:center; font-size:16px; cursor:pointer} .event-wrap .type-sort li:first-child a {border-left:1px solid #e1e1e1;} .event-wrap .type-sort a.on {background:#292929; border-color:#292929; color:#fff;} .event-wrap .type-sort a.on:before {display:block; content:""; width:1px; position:absolute; top:-1px; left:-1px; bottom:-1px; background:#292929;} .event-wrap .idx-content {display:none;} .event-wrap .idx-content.on {display:block;} .event-wrap .list {margin-top:15px;} .event-wrap .list li {float:left; width:410px; margin:48px 0 0 25px;} .event-wrap .list li:nth-child(-n+3) {margin-top:0px;} .event-wrap .list li:nth-child(3n+1) {margin-left:0px;} .event-wrap .list li .subject {margin-top:12px;color:#292929; font-size:14px; white-space: nowrap;overflow: hidden; text-overflow:ellipsis} .event-wrap .list li .date {margin-top:4px;color:#737373; } .event-wrap .mypage-th-top {margin:35px 0 30px;} .event-wrap .mypage-th-top thead th, .event-wrap .mypage-th-top tbody td {font-family:dotum;} .event-wrap .mypage-th-top tbody td.subject {padding:0 20px;text-align:left;} .event-wrap .mypage-th-top tbody td.subject a {color:#000;} /* 이벤트 상세보기 */ .event-wrap .breadcrumb {position:relative;margin-top:-10px;} .event-wrap .breadcrumb a {_font-size:13px;} .event-wrap .breadcrumb a:before {content:">"; padding:0 10px; } .event-wrap .breadcrumb a:first-child:before {display:none;} .event-wrap .breadcrumb select {position:absolute; _top:-4px;top:0; right:0; font-size:13px;} .event-wrap .view-summary {position:relative; margin-top:15px; padding-top:22px;text-align:center; border-top:2px solid #292929;} .event-wrap .view-summary h3 {font-size:20px; font-weight:700;} .event-wrap .view-summary .date {margin-top:7px;color:#737373; font-size:13px;} .event-wrap .view-summary .page-share {position:absolute;right:0;top:27px;} .event-wrap .view-content {margin-top:35px; text-align:center;} .event-wrap .view-content p {line-height:1.4;} .event-wrap .category_tab {margin:90px 0 73px; border-left:1px solid #e1e1e1;} .event-wrap .category_tab li {float:left; padding:0 10px; width:20%;border:1px solid #e1e1e1;border-width:0 1px 1px 0;line-height:43px;text-align:center;box-sizing:border-box;} .event-wrap .category_tab li:nth-child(-n+5) {border-top:1px solid #e1e1e1;} .event-wrap .category_tab li a {color:#737373;font-family:ngb;font-size:13px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .event-wrap .category_tab li.on {border-color:#292929;background-color:#292929;} .event-wrap .category_tab li.on a {color:#fff;} .event-wrap .category_name {margin-top:40px;padding:16px 0;border-bottom:1px solid #ccc;color:#000;font-size:30px;text-align:center;} .brand-style-list.col5 li {width:240px;} .brand-style-list.col5 li:nth-child(4n) {margin-right:20px;} .brand-style-list.col5 li:nth-child(5n) {margin-right:0;} .brand-style-list.col5 li figure .img {width:240px;height:320px;} /* 상세 하단 버튼 */ .event-wrap.view .btn-place {margin-top:80px; padding-top:40px; border-top:1px solid #ccc; text-align:center;} .event-wrap.view .btn-place.list {margin-top:0px; border-top:none;} .event-wrap.view .btn-place .btn-point, .event-wrap.view .btn-place .btn-basic {margin:0 5px; width:130px; height:35px; line-height:35px; font-size:14px;} /* 포토이벤트 글쓰기 팝업 */ .pop-photo-reg {} .pop-photo-reg .layer-title {border-bottom:none !important;} .pop-photo-reg .layer-content {margin-top:0px; width:868px;} .pop-photo-reg td {padding:5px 0px 5px 20px;} .pop-photo-reg th {padding:0 10px;} .pop-photo-reg .add-file {position:relative; padding-right:93px;} .pop-photo-reg .add-file label {display:block; position:absolute; top:0; right:0; width:85px; height:23px; box-sizing:border-box; cursor:pointer} .pop-photo-reg .add-file input[type="file"] {opacity:0; position:absolute; right:-1000px;} .pop-photo-reg .add-file input[type="text"] {width:100%; font-family:dotum;} .pop-photo-reg .comment {padding:5px; font-family:dotum;} .pop-photo-reg .btn-place {margin:25px 0 10px 0;text-align:center;} .pop-photo-reg .btn-place .btn-point {width:120px; height:35px; font-size:14px;} /* ================================================== 멤버 - by Lee ================================================== */ .member-wrap {} .member-wrap > header h1 {margin-top:40px; padding-bottom:30px; color:#000;font-size:24px;text-align:center;} /* 로그인 */ .login-form {margin:auto; padding-bottom:135px; width:700px;} .login-form * {font-family:dotum;} /* 탭 메뉴 */ .login-form .type button {position:relative; overflow:visible; float:left; width:50%; height:50px; border:1px solid #ccc; background:#fafafa; border-bottom:none; border-left:none; color:#000; font-size:14px; text-align:center; box-sizing:border-box;} .login-form .type button:nth-of-type(1) {border-left:1px solid #ccc;} .login-form .type button.on {background:#fff; border-color:#000; font-weight:bold;} .login-form .type button.on:before {display:block; content:""; position:absolute; top:-1px; left:-1px; width:1px; height:51px; background:#000;} .login-form .type button.on:after {display:block; content:""; position:absolute; bottom:-1px; left:0; width:100%; height:1px; background:#fff;} .login-form .idx-content-wrap {padding:50px 100px; border:1px solid #000;} .login-form .idx-content {display:none; } .login-form .idx-content.on {display:block;} /* 입력폼 */ .login-form .idx-content .inner {position:relative; padding-right:128px;} .login-form .idx-content .inner .btn {position:absolute; top:0; right:0; bottom:0; width:118px;} .login-form .idx-content .inner .btn button {width:100%; height:100%; font-size:14px; font-weight:bold;} .login-form .idx-content input[type="password"], .login-form .idx-content input[type="text"] {padding:0 10px; width:100%; height:34px; border:1px solid #ddd; color:#000; line-height:34px; box-sizing:border-box;} /* 소셜 로그인 */ .login-form .easy-login {margin-top:40px; padding-bottom:20px;} .login-form .easy-login li {float:left; width:33.3%; text-align:center;} .login-form .easy-login li i {display:inline-block; width:40px; height:40px; background:url(../img/icon/icon_social_login.gif) 0 0 no-repeat; vertical-align:middle;} .login-form .easy-login li:nth-of-type(1) i {background-position:0 0px;} .login-form .easy-login li:nth-of-type(2) i {background-position:0 -40px;} .login-form .easy-login li:nth-of-type(3) i {background-position:0 -80px;} .login-form .easy-login li span {display:inline-block; margin-left:13px; vertical-align:middle; text-align:left; line-height:16px;} /* 찾기 버튼 */ .login-form .link {margin-top:20px; padding-bottom:25px; border-bottom:1px solid #ddd;} .login-form .link a {display:block; height:36px; border-color:#575757; color:#000; line-height:36px;} .login-form .link li {float:left; width:50%; box-sizing:border-box;} .login-form .link li:first-child {padding-right:5px;} .login-form .link li:last-child {padding-left:5px;} /*.login-form .link .id:before, .login-form .link .pw:before {display:inline-block; content:""; margin:-3px 5px 0 0; width:17px; height:17px; vertical-align:middle;} .login-form .link .id:before {background:url(../img/icon/icon_find_id.gif) no-repeat;} .login-form .link .pw:before {background:url(../img/icon/icon_find_pw.gif) no-repeat;}*/ /* 비회원 안내 */ .guest-ment {padding:14px 0; border-bottom:1px solid #ddd;} .guest-ment li {color:#777; line-height:18px;} .guest-ment li:before {content:"·"; padding-right:5px;} /* 가입혜택 */ .join-benefit {margin-top:35px;} .join-benefit h3 {margin-bottom:10px; font-size:12px; color:#000; font-weight:bold;} .join-benefit li {line-height:1.6;} .join-benefit li {color:#777; line-height:21px;} .join-benefit li:before {content:"·"; padding-right:5px;} .join-benefit .wrap {position:relative;} .join-benefit .wrap ul {padding-right:120px;} .join-benefit .btn-place {position:absolute; top:0; right:0; bottom:0; width:118px;} .join-benefit .btn-place a {display:block; height:100%;} .join-benefit .btn-place a:before {display:inline-block; content:""; width:0.01%; height:100%; vertical-align:middle;} .join-benefit .btn-place a span {display:inline-block; font-weight:bold; color:#fff; font-size:14px;} .join-benefit .btn-place .btn-basic {background-color:#575757;} /* 아이디 비번찾기 */ .login-form.find {width:510px;} .login-form.find .idx-content-wrap {padding:50px 20px; } .check-type {position:relative; text-align:center;} .check-type:after {display:block; clear:both; content:"";} .check-type label {font-size:14px;} .check-type label:first-child {padding-right:33px;} .check-type input[type="radio"] {margin-right:8px;} .check-type input[type="radio"]:checked + div {display:block;} .check-type .inner-box {display:none; float:left; margin-top:25px; width:100%; } .check-type .inner-box p {color:#777; font-size:12px; line-height:21px;} .check-type .inner-box p:before {content:"·"; padding-right:5px;} .check-type .inner-box .btn-point {margin-top:35px; width:243px; line-height:36px;} .check-type .inner-box input[type="text"] {width:243px;} .check-type .inner-box.ipin {text-align:left;} .check-type .inner-box.ipin p {padding-left:114px;} /* ================================================== 주문결제 - by Lee ================================================== */ .order-wrap {margin:auto; width:1040px;} .order-wrap * {font-family:dotum; } /* 주문결제 */ .order-payment {margin-bottom:100px;} .order-payment header {margin-top:40px;} .order-payment header h1 {font-size:24px; text-align:center; font-family:ngb;} .order-payment .page-flow li {width:50%;} .order-payment .box-ment {margin-top:40px;} .order-goods {margin-top:40px;} .payment-reg-wrap {position:relative; margin-top:40px;} .payment-reg-wrap:after {display:block; clear:both; content:"";} .payment-reg-wrap .inner-info {float:left; width:680px;} .payment-reg-wrap .inner-pay {float:right; width:300px;} /* 결제 > 할인 및 결제 정보 */ .pay-info01 thead strong {color:#000;} .pay-info01 tbody tr {border-bottom:none;} .pay-info01 tbody td div {display:inline-block; margin-right:15px;} .pay-info01 tbody input[type="text"] {width:94px;} .pay-info01 tfoot tr {border-top:1px solid #ccc;} .pay-info01 tfoot th {color:#000; font-weight:bold;} .pay-info01 tfoot th span {font-weight:lighter;} .pay-info01 tfoot td strong {font-size:14px;} .pay-info01 tfoot td span {font-weight:bold;} .pay-info02, .pay-info03 {margin-top:40px;} /* 결제 > 배송지 정보 */ .pay-info03 {} /* 결제 > 결제정보 입력 */ .pay-info04 {} .pay-info04 .type-wrap {padding:20px 20px 15px 20px; border:1px solid #000;} .pay-info04 .type-wrap li {margin-bottom:15px; color:#777;} .pay-info04 .type-wrap li > span {color:#000;} .pay-info04 .type-wrap li label {padding-left:10px;} .pay-info04 .type-wrap p {padding-top:18px; border-top:1px solid #ccc; color:#777; font-size:11px; line-height:18px;} /* 배송지목록 팝업 */ .pop-address-list .layer-content {margin-top:0px; width:430px} .my-address-list li {padding:17px 10px;border-bottom:1px solid #c5c5c5;} .my-address-list li .name {position:relative; line-height:19px;} .my-address-list li .name .default {display:inline-block; border:1px solid #bdbdbd; margin-left:5px; padding:2px 3px; background:#eee; color:#777; font-size:11px; } .my-address-list li .name .tel {position:absolute; top:0; right:0; color:#444;} .my-address-list li .address {position:relative; margin-top:7px;} .my-address-list li .address p {line-height:1.4;} .my-address-list li .address button {position:absolute; right:0; bottom:5px;} /* 결제 > 결제금액 */ .pay-info05 {margin-top:35px;} .pay-info05 .total {padding:15px 20px 20px 20px; border:1px solid #000;} .pay-info05 .sum li {position:relative; line-height:26px;} .pay-info05 .sum li span {position:absolute; top:0; right:0; color:#777; line-height:26px;} .pay-info05 .sum li.total-price {margin-top:12px; padding-top:20px; border-top:1px solid #ccc; font-size:14px; font-weight:bold;} .pay-info05 .sum li.total-price span {top:20px;} .pay-info05 .sum li.total-benefit {margin-top:10px; font-size:14px; font-weight:bold;} .pay-info05 .sum li.total-benefit div {position:relative;line-height:26px; font-size:12px;} .pay-info05 .sum li.total-benefit label {font-weight:normal; padding-left:10px;} .pay-info05 .sum li.total-benefit span {color:#000;} .pay-info05 .agree {margin-top:14px; padding:12px 20px; background:#f4f4f4;} .pay-info05 .agree p {margin-top:5px; padding-left:18px; color:#777; font-size:11px; line-height:18px;} .pay-info05 .btn-point {margin-top:13px; width:100%; height:50px; border-color:#000; background:#292929; font-size:16px; font-weight:bold; line-height:50px;} .order-end-btn {margin:30px 0 40px 0;text-align:center;} .order-end-btn .btn-point {width:114px; height:40px; line-height:40px;} @media screen and (min-width:0\0) { .pay-info05 {margin-top:33px;} } /* ================================================== MYPAGE - by Lee ================================================== */ .mypage-wrap { margin:auto; width:1280px; } .mypage-wrap * {font-family:dotum;} .layer-refund * {font-family:dotum;} /* 마이페이지 전체 공통 부분 */ .mypage-docu {float:right; padding-bottom:100px; width:1040px;} .mypage-docu header {position:relative; margin-bottom:20px; height:68px; border-bottom:2px solid #000;} .mypage-docu header h1 {padding-top:28px;font-size:21px; font-family:ngb; text-align:left !important;} .mypage-docu .place-paginate {margin:20px 0 0 0;} .mypage-docu .my-attention {margin-top:64px;} /* 테이블 > 리스트 높이 전용 : thead tfoot tbody에 적용 */ .mypage-th-top .height-50 tr {height:50px;} .mypage-th-top .height-90 tr {height:90px;} .mypage-th-top .height-120 tr {height:120px;} /* 테이블 리스트 요소 : td에 적용 (마이페이지 & 주문 페이지공통 사용) */ /* 주문번호 */ .mypage-th-top .order-number .date {display:block; margin:5px 0 6px 0; font-size:11px; color:#777;} .mypage-th-top .order-number .btn-function {width:80px; margin-top:5px;} /* 상품정보 */ .mypage-th-top .goods-info {padding:0 10px; text-align:left;} .mypage-th-top .goods-info a {position:relative; display:block; } .mypage-th-top .goods-info a > img { max-width:44px; border:1px solid #ddd;} .mypage-th-top .goods-info ul {position:absolute; top:50%; _right:0; left:60px; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); } .mypage-th-top .goods-info .store {font-weight:bold; padding-bottom:10px; color:#000;} .mypage-th-top .goods-info .brand {margin-bottom:4px;color:#000;font-weight:bold;} .mypage-th-top .goods-info .opt {margin-top:3px; font-size:11px; color:#777;} .mypage-th-top .goods-info .best p {position:absolute; top:50%; margin-top:-13px; right:-100px; width:62px; background:#6c6c6c; border-radius:3px; text-align:center; color:#fff; font-size:13px; font-family:ngb; line-height:27px;} .mypage-th-top .goods-info .best p:before {position:absolute; top:50%; left:-8px; display:block; margin-top:-4px; width:0px; height:0px; border:4px solid transparent; border-right:4px solid #6c6c6c; content:"";} .mypage-th-top .goods-info .tr-open {margin-top:10px; width:70px; height:19px; background:#a8a8a8; border:none; line-height:19px; font-size:11px;} .mypage-th-top .goods-info .txt-icon {display:inline-block; margin-right:5px; border:1px solid #bdbdbd; padding:3px 5px 2px 5px; font-size:11px; font-weight:normal;} .mypage-th-top .goods-info .txt-icon.point {border-color:#000;} /* 수량 */ .mypage-th-top .ea {font-weight:bold;} /* 총 결제금액 */ .mypage-th-top .total-payment {} .mypage-th-top .total-payment strong {font-size:14px;} .mypage-th-top .total-payment strong span {font-weight:normal; font-size:12px;} .mypage-th-top .total-payment .res-price {display:inline-block; margin-top:5px; font-size:12px; text-align:right; font-weight:normal;} .mypage-th-top .total-payment .res-price p {font-size:11px;} .mypage-th-top .total-payment .res-price .ment {margin:11px 0 4px;color:#777;} .mypage-th-top .total-payment .res-price strong {color:#777;} /* 접수일자 */ .mypage-th-top .order-date { font-size:13px;} /* 진행상태 */ .mypage-th-top .progress strong {color:#999;} .mypage-th-top .progress strong.on {color:#000;} .mypage-th-top .progress .store {margin-top:10px;} .mypage-th-top .progress .date {margin-top:7px;font-size:11px; color:#777;} .mypage-th-top .progress .btn-line {margin-top:5px; line-height:19px; height:20px; font-size:11px;} .mypage-th-top .progress .btns .btn-line {min-width:40px;} /* 버튼 */ .mypage-th-top .button .btn-line.delivery {border:none; text-decoration:underline;} .mypage-th-top .button .del {margin-top:7px; color:#777 !important;} .mypage-th-top .button .del:before {display:inline-block; margin-right:4px; content:""; width:9px; height:9px; background:url(../img/icon/icon_del_mark.gif) no-repeat;} /* 쿠폰번호 , 유효기간 */ .mypage-th-top .coupon-number, .mypage-th-top .valid-date {font-size:11px; color:#777;} /* 제목 */ .mypage-th-top .subject {padding:0 10px;text-align:left;} /* 작성날짜 */ .mypage-th-top .reg-date {color:#777;} /* 1:1문의 상태 */ .mypage-th-top .qna-progress {color:#ff5b22; font-weight:bold;} .mypage-th-top .qna-progress.on {color:#000;} /* 사용포인트 */ .mypage-th-top .use-point {color:#777;} .mypage-th-top .use-point span {color:#000;} /* 쿠폰사용 여부 */ .mypage-th-top .use-coupon {color:#000; font-weight:bold;} .mypage-th-top .use-coupon span {color:#888;} /* 지급포인트 */ .mypage-th-top .add-point {color:#777;} .mypage-th-top .add-point strong {display:block; color:#000;} /* 우대권사용 */ .mypage-th-top .special > span {color:#777;} .mypage-th-top .special > span.on {color:#000;} /* 리뷰작성 포인트 */ .mypage-th-top .give-point p {margin-top:5px; font-size:11px; color:#777;} .mypage-th-top .give-point li span {display:inline-block; line-height:20px;} .mypage-th-top .give-point li span:first-child {width:80px; text-align:left;} .mypage-th-top .give-point li span:nth-of-type(2) {width:45px; text-align:right;} .mypage-th-top .give-point .before span {color:#777;} .mypage-th-top .give-point .complete li span:first-child {width:55px; text-align:left;} /* 마이페이지 > 메인 */ .my-main {padding-top:24px;} .my-main .half-align.bottom {margin-top:40px;} .my-main .half-align .inner:nth-of-type(1) {padding-right:20px;} .my-main .half-align .inner:nth-of-type(2) {padding-left:20px;} .summary-benefit {margin-top:44px; border-top:2px solid #000;} .summary-benefit .my-grade {position:relative; float:left; padding-top:24px; text-align:center; width:240px; height:168px; background:#292929; color:#ccc; box-sizing:border-box;} .summary-benefit .my-grade .grade strong {color:#fff;} .summary-benefit .my-grade .grade-nm {margin-top:29px; font-size:14px; font-weight:bold; color:#fff; text-align:center;} .summary-benefit .my-grade .grade-nm a {display:inline-block; font-size:11px; font-weight:normal; color:#ccc; cursor:pointer;} .summary-benefit .my-grade .grade-nm i {display:inline-block; width:33px; height:32px; margin-right:5px; vertical-align:top;} .summary-benefit .my-grade .grade-nm i img {max-width:100%;} .summary-benefit .my-grade .grade-nm .nm {display:inline-block; text-align:center;} .summary-benefit .my-grade .grade-nm .nm a {position:relative; display:block; margin-top:5px; margin-left:3px;} .summary-benefit .my-grade .grade-nm .nm a:after {display:inline-block; margin-left:1px; width:0px; height:0px; border:3px solid transparent; border-left:3px solid #ccc; content:""; vertical-align:1px;} .summary-benefit .my-grade .btn-basic {margin-top:25px; padding:0 10px; font-size:11px; height:19px; background:#666; border-color:#666; line-height:19px; font-weight:normal;} .summary-benefit .brand-grade {position:absolute; right:2px; bottom:2px; left:2px; padding:5px 0; margin-top:20px; background:#f5f5f5; color:#777; } .summary-benefit .brand-grade li {float:left; padding:3px 0; font-size:11px; box-sizing:border-box; border-left:1px solid #ababab;} .summary-benefit .brand-grade li span {display:block;} .summary-benefit .brand-grade li strong {display:block;margin-top:3px;color:#444;} .summary-benefit .brand-grade li:nth-of-type(1) {width:27.54%; border:none;} .summary-benefit .brand-grade li:nth-of-type(2) {width:40.26%;} .summary-benefit .brand-grade li:nth-of-type(3) {width:32.2%;} .summary-benefit .benefit {float:right; width:800px; border-bottom:1px solid #ccc;} .summary-benefit .benefit dl { float:left; width:25%; height:167px; border-right:1px solid #ccc; color:#777; text-align:center; box-sizing:border-box;} .summary-benefit .benefit dl dt {padding-top:23px;} .summary-benefit .benefit dl dd:nth-of-type(1) {margin-top:40px;color:#000; font-weight:bold; font-size:14px;} .summary-benefit .benefit dl dd:nth-of-type(2) {margin-top:36px;font-size:11px; color:#999;} .summary-benefit .benefit dl dd span {display:block; padding-top:3px; font-size:12px; font-weight:normal;} .summary-benefit .benefit dl dd i {display:inline-block; margin-right:3px; width:17px; height:14px; background:url(../img/icon/icon_like_heart.gif) no-repeat 0 0; vertical-align:-2px;} .summary-benefit .benefit dl.play dd:nth-of-type(1) {margin-top:32px;} .summary-benefit .benefit .arrow {position:relative; display:inline-block; cursor:pointer} .summary-benefit .benefit .arrow:hover .layer {display:block;} .summary-benefit .benefit .arrow .layer {display:none; position:absolute; width:178px; padding:10px; top:50%;left:32px; background:#fff; border:1px solid #ccc; text-align:left; box-sizing:border-box; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); z-index:50; } .summary-benefit .benefit .arrow .layer:before { display:block; content:""; width:8px; height:15px; position:absolute; top:50%; left:-8px; background:url(../img/icon/my_summary_arrow2.png) no-repeat; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); } /* 마이페이지 > 메인 > 마이 훅 */ .my-main-hook {margin-top:40px;} .my-main-hook .title-box {margin-bottom:0; padding-bottom:10px; border-bottom:1px solid #000; } /* 마이페이지 > 주문관리 */ .my-order {} .my-order .date-sort {margin:0px 0 10px 0;} .my-order .list {margin-top:15px;} .my-order .list li {float:left; width:330px; margin:48px 0 0 25px;} .my-order .list li:nth-child(-n+3) {margin-top:0px;} .my-order .list li:nth-child(3n+1) {margin-left:0px;} .my-order .list li .subject {margin-top:12px;color:#292929; font-size:14px; white-space: nowrap;overflow: hidden; text-overflow:ellipsis} .my-order .list li .date {margin-top:4px;color:#737373; } /* 배송 단계 */ .delivery-progress {margin-bottom:35px; padding-bottom:20px; border-bottom:1px solid #ccc;} .delivery-progress li {position:relative; float:left; width:20%; text-align:center;} .delivery-progress li:before {display:block; content:""; position:absolute; top:50%; left:-15px; margin-top:-15px; width:30px; height:30px; background:url(../img/icon/icon_delivery_flow.gif) no-repeat;} .delivery-progress li:first-child:before {display:none;} .delivery-progress li i {display:inline-block; width:60px; height:60px; background:url(../img/icon/icon_delivery_progress.gif) no-repeat;} .delivery-progress li:nth-of-type(1) i {background-position:0 0px;} .delivery-progress li:nth-of-type(2) i {background-position:0 -60px;} .delivery-progress li:nth-of-type(3) i {background-position:0 -120px;} .delivery-progress li:nth-of-type(4) i {background-position:0 -180px;} .delivery-progress li:nth-of-type(5) i {background-position:0 -240px;} .delivery-progress li dt {margin:5px 0 3px; color:#333; font-weight:bold;} .delivery-progress li dd {color:#777;line-height:1.5; display:none;} /* 마이페이지 > 주문관리 > 상세 */ .my-order-detail .member-th-left tfoot td {padding:15px 20px;} .my-order-detail .pay-info02 .member-th-left td {padding:10px 20px;} .my-order-detail .member-th-left tfoot td p, .my-order-detail .pay-info02 .member-th-left td p {line-height:1.6;} .my-order-detail .pay-info01, .my-order-detail .pay-info02 {margin-top:40px;} .my-order-detail .btn-place {margin-top:30px;text-align:center;} .my-order-detail .btn-place a {margin:0 3px; width:114px; height:40px; line-height:40px;} /* 마이페이지 > 혜택관리 */ .my-benefit {margin-top:38px;} .summary-point {position:relative; margin-bottom:35px; padding:20px 0; border:10px solid #f4f4f4; background:#fff; text-align:center; font-size:0;} .summary-point dl {position:relative; display:inline-block; padding:0 110px;} .summary-point dl:before {display:block; content:""; position:absolute; top:50%; margin-top:-10px; left:0; width:1px; height:19px; background:#ccc;} .summary-point dl:first-child:before {left:65px; margin-top:-18px; width:36px; height:36px; background:#fff url(../img/icon/icon_benefit_h.gif) no-repeat;} .summary-point dl dt {color:#777; font-size:12px;} .summary-point dl dd {margin-top:7px ;color:#777; font-size:14px; font-weight:bold;} .summary-point dl:nth-of-type(2) dd {color:#000;} .summary-point .be-del-point {position:absolute; top:25px; right:60px; text-align:center; color:#777; font-size:11px;} .summary-point .be-del-point:before { display:block; content:""; position:absolute; top:0; left:-15px; width:1px; height:24px; background:#ccc; transform:skewX(-30deg); -webkit-transform:skewX(-30deg); -ms-transform:skewX(-30deg); } .summary-point.s-point dl:first-child:before {background-image:url(../img/icon/icon_benefit_s.gif);} /* 혜택관리 > 쿠폰 */ .my-benefit-coupon {padding-top:20px;} .my-benefit-coupon .date-sort {margin:7px 0 7px 0;} .coupon-reg {margin-top:80px; padding:27px 0 26px; background:#f4f4f4; text-align:center;} .coupon-reg label {padding-right:30px; font-size:16px; font-weight:bold; vertical-align:middle;} .coupon-reg input[type="text"] {margin-right:7px; width:150px; height:27px; line-height:27px; background:#fff; border:1px solid #ccc; text-align:center; letter-spacing:10px; box-sizing:border-box;} .coupon-reg .btn { width:100px; height:27px; background:#000; color:#fff; font-weight:bold; text-align:center;} /* 마이페이지 > 활동관리 > 활동점수 */ .my-activity {margin-top:38px;} /* 활동점수 > 활동점수내역 */ .summary-score {margin-bottom:35px; padding:20px 0; background:#fff; border:10px solid #f4f4f4; text-align:center; font-size:0;} .summary-score span {display:inline-block; font-size:12px;} .summary-score .name {display:inline-block; font-size:14px; line-height:60px; vertical-align:top;} .summary-score .end-ment {line-height:60px; vertical-align:top;} .summary-score ul {display:inline-block; margin:7px 53px 0 53px;} .summary-score li {text-align:left; line-height:20px;} .summary-score li > span:first-child {width:100px;} .summary-score li > span.w130 {width:130px;} .summary-score li strong {font-size:14px;} .summary-score .name span , .summary-score li strong span {padding-left:5px; font-size:12px; font-weight:normal;} /* 마이페이지 > 활동관리 > 상품리뷰 */ .my-review {margin-top:38px;} .my-review .date-sort {margin:13px 0 10px 0;} .my-review .mypage-th-top td {padding:20px 0;} .my-write-review {margin-top:40px;} .my-write-review .date-sort {margin:13px 0 10px 0;} .my-write-review .date-sortEtc {margin:13px 0 10px 0;} .reg-review-form {background:#fcfcfc;} .reg-review-form .btn-place {width:700px; margin-top:20px;} /* 리뷰 작성 폼 */ .reg-review-wrap {position:relative;} .reg-review-wrap:before {display:block; content:""; position:absolute; width:1px; top:0px; bottom:0px; left:700px; background:#ededed;} .reg-review-wrap .attention {position:absolute; top:30px; right:20px; width:290px;} .reg-review-wrap .attention {text-align:left;} .reg-review-wrap .attention dt {font-weight:700;} .reg-review-wrap .attention dd {position:relative; margin-top:20px; line-height:1.6; padding-left:15px;} .reg-review-wrap .attention dd label {position:absolute; top:0; left:0;} .reg-review {padding:0 30px; width:700px;} .reg-review li {margin-top:15px; position:relative; padding-left:100px; color:#777; text-align:left;} .reg-review li:first-child {margin-top:0px;} .reg-review li label {color:#777; } .reg-review li label:first-child {position:absolute; display:inline-block; top:50%; margin-top:-7px; bottom:0; left:0; width:70px; text-align:right; vertical-align:middle; color:#000; font-weight:bold;} .reg-review li div {display:inline-block; margin-right:10px;} .reg-review li input[type="radio"] {margin-left:5px;} .reg-review li input[type="text"] {width:55px; height:23px; border:1px solid #ddd; background:#fff; box-sizing:border-box;} .reg-review li textarea {width:540px; height:80px;} .reg-review li .block strong {display:inline-block; width:50px;} .add-photo-wrap {font-size:0;} .add-photo {overflow:hidden; position:relative; display:inline-block; width:58px; height:58px; background:#fff; border:1px solid #e3e3e3; } .add-photo button {position:absolute; top:0; right:0; z-index:30; width:21px; height:21px; background:url(../img/btn/btn_photo_del.png) no-repeat; text-indent:-9999px;} .add-photo:before {display:block; content:""; position:absolute; top:50%; left:50%; margin:-8px 0 0 -8px; width:17px; height:17px; background:url(../img/icon/icon_add_plus.png) 0 0 no-repeat; } .add-photo input[type="file"] {opacity:0; width:100%; height:100%;} .add-photo p {position:absolute;top:0px;left:0px; z-index:20; width:58px; height:58px;} /* 마이페이지 > 활동관리 > 1:1문의 내역 */ .my-qna {margin-top:25px;} .my-qna .date-sort {margin:13px 0 10px 0;} .my-qna .before {color:#ff5b22;} .my-qna .subject a {cursor:pointer} .my-qna .btn-place {margin-top:10px; text-align:right;} .my-qna .btn-place .btn-line {width:100px; height:27px; line-height:27px;} /* 마이페이지 > 활동관리 > 1:1문의 내역 > 작성하기 */ .my-qna-write {margin-top:39px;} .my-qna-write .add-file-cover {display:inline-block; position:relative;} .my-qna-write .add-file-cover div {position:absolute; top:1px; left:1px; padding:0 5px; width:160px; height:21px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; line-height:21px; box-sizing:border-box;} .my-qna-write .add-file-cover input[type="file"] {opacity:0; width:241px;} .my-qna-write .add-file-cover:before {display:block; content:""; position:absolute; top:0; left:0; width:100%; height:23px; border:1px solid #ddd; background:#fff url(../img/btn/btn_file_add.gif) 100% center no-repeat; box-sizing:border-box;} .my-qna-write .btn-place {margin-top:30px; text-align:center;} .my-qna-write .btn-place .btn-point, .my-qna-write .btn-place .btn-line {width:100px; height:27px; line-height:27px;} .my-qna-write .btn-place .btn-point {margin-left:5px;} .cs-ment {padding-bottom:10px; text-align:left;} /* .cs-ment:before {display:inline-block; content:""; margin-right:15px; width:32px; height:36px; background:url(../img/icon/icon_qna_cs.gif) no-repeat; vertical-align:middle;} */ /* 마이페이지 > 활동관리 > 1:1문의 내역 > 상세보기 */ .my-qna-view {margin-top:38px;} .my-qna-view .cs-summary {border-collapse:collapse; width:100%;} .my-qna-view .cs-summary th {border:1px solid #ccc; color:#777; background:#f4f4f4; text-align:center; font-weight:normal; } .my-qna-view .cs-summary td {height:44px;padding:0 13px;border:1px solid #ccc; color:#000;} .my-qna-view .btn-place {margin-top:30px; text-align:center;} .my-qna-view .btn-place a {margin:0 3px; width:100px; height:27px; line-height:27px;} .my-qna-view .board-view {margin-top:20px;} .board-view {border-bottom:1px solid #ccc;} .board-view .subject {padding:12px 0; border-top:1px solid #000; border-bottom:1px solid #ccc; background:#f4f4f4; text-indent:20px;} .board-view .content {padding:20px;} .board-view .content p {line-height:1.6; color:#777;} .board-view .reply {padding:20px 20px 20px 50px; border-top:1px solid #eee;} .board-view .reply .title {position:relative; margin-bottom:7px; color:#000;} .board-view .reply .title:before {display:block; content:""; position:absolute; top:0; left:-30px; width:15px; height:14px; background:url(../img/icon/icon_reply.gif) 0 0 no-repeat;} .board-view .reply p {line-height:1.6; color:#777;} /* 마이페이지 > 활동관리 > 상품 Q&A */ .qna-content {min-height:90px; padding:25px 50px; background:#fcfcfc; box-sizing:border-box;} .qna-content > div {position:relative; padding-left:40px; text-align:left; line-height:1.6;} .qna-content .question:before, .qna-content .answer:before {display:block; content:""; position:absolute; top:0; left:0;} .qna-content .question:before {width:17px; height:21px; background:url(../img/icon/icon_qna_q.png) no-repeat;} .qna-content .answer:before {width:18px; height:18px; background:url(../img/icon/icon_qna_a.png) no-repeat;} .qna-content .answer {margin-top:15px;} /* 마이페이지 > 비밀번호 재확인 */ .my-password {margin-top:38px;} .my-password .title-box {margin:8px 0 15px 0;} .my-password label { display:inline-block;width:110px;} .my-password ul li {margin-top:10px;} .my-password ul li:first-child {margin-top:0px;} .my-password .password-check {padding:30px 0 30px 40px; background:#fff; border:10px solid #f4f4f4; } .my-password .password-check input[type="password"] {padding-left:10px; width:210px; height:27px; line-height:27px; background:#fff; border:1px solid #ccc; box-sizing:border-box;} .my-password .att {margin-top:10px; color:#888; font-size:11px;} .my-password .btn-place {margin-top:30px; text-align:center;} .my-password .btn-place a {margin:0 3px; width:100px;} /* 마이페이지 > 정보 변경 */ .mypage-docu.join-wrap {margin:0px !important;} .mypage-docu.join-wrap header {margin:0px;} .mypage-docu.join-wrap .btn-place {margin-top:30px; text-align:center;} .mypage-docu.join-wrap .btn-place button {margin:0 3px;width:114px; height:40px;} /* 마이페이지 > 회원탈퇴 */ .out-attention {margin-top:13px; text-align:center;} .out-attention .title {padding-top:17px; } .out-attention .title:before {display:inline-block; content:""; margin:-1px 12px 0 0; width:25px; height:25px; background:url(../img/icon/icon_exclamation.gif) no-repeat; vertical-align:middle;} .out-attention .box {margin-top:20px; padding:23px 0px; background:#f4f4f4;} .out-attention .box p {line-height:21px;} .out-attention .box strong {font-size:14px;} .out-attention .box strong span {font-size:12px; font-weight:normal;} .member-out {margin-top:40px;} .member-out .summary-benefit {margin-top:10px !important;margin-bottom:20px; border:10px solid #f4f4f4; background:#fff;} .member-out .summary-benefit dl {position:relative; float:left; margin:20px 0; width:25%; text-align:center;} .member-out .summary-benefit dl:before {display:block; content:""; position:absolute; top:50%; left:0; margin-top:-10px; width:1px; height:20px; background:#e0e0e0;} .member-out .summary-benefit dl:first-child:before {display:none;} .member-out .summary-benefit dt {color:#777; font-size:12px;} .member-out .summary-benefit dd {margin-top:5px; color:#777; font-size:14px; font-weight:bold;} .member-out .btn-place {margin-top:28px; text-align:center;} .member-out .btn-place a {margin:0 3px; width:100px;} .member-out .ment {display:none; margin-top:15px;text-align:center;} .member-out td textarea {width:100%; height:162px;} /* 마이페이지 > 상품관리 */ .my-wish .place-paginate {margin-top:50px;} /* 마이페이지 > 장바구니 */ .cart-page {width:1280px; float:none;} .my-cart {margin-top:38px;} .my-cart tfoot .btn-line {margin-left:4px; width:94px; border-color:#bdbdbd; color:#777 !important;} tbody tr.opt-change {display:none; height:auto !important} tbody tr.opt-change td {height:auto; text-align:left; background:#fcfcfc;} tbody tr.opt-change .wrap {position:relative; padding:15px 0;} tbody tr.opt-change .wrap:before {display:block; content:""; position:absolute; top:-2px; right:-1px; left:-1px; border-top:1px dashed #fff;} tbody tr.opt-change label {padding:0 30px; font-weight:bold; color:#000;} tbody tr.opt-change select {min-width:130px;margin-left:4px; height:25px; vertical-align:middle;} tbody tr.opt-change button {vertical-align:middle; margin-left:4px; background:#a8a8a8; border-color:#a8a8a8;} /* 장바구니 최종가격 */ .total-price-box {position:relative; padding:13px 0;} .total-price-box:before {display:block; content:""; position:absolute; top:-2px; right:-1px; left:-1px; height:1px; background:#000;} .total-price-box .button {float:left;} .total-price-box .last-price {float:right; margin-top:3px; color:#000;} .total-price-box .last-price p {display:inline-block; font-size:14px;} .total-price-box .last-price p:nth-of-type(2) {margin-left:4px;} .total-price-box .last-price .tb-point {margin-left:7px; font-size:14px;} .total-price-box .last-price .tb-point span {padding-right:22px;font-size:12px; font-weight:normal;} /* 장바구니 총 구입금액 */ .summary-total-payment {margin-top:40px;} .summary-total-payment .inner {border:3px solid #000;} .summary-total-payment h3 { background:#f4f4f4; font-size:16px; font-weight:bold; text-indent:20px; line-height:40px;} .summary-total-payment .wrap {margin:30px auto;} .summary-total-payment dl {position:relative; float:left; width:25%; text-align:center; box-sizing:border-box;} .summary-total-payment dt {font-size:14px; } .summary-total-payment dd {margin-top:12px;font-size:24px; font-weight:bold; font-family:tahoma; font-weight:normal;} .summary-total-payment dd span {font-size:13px; font-family:ngb;} .summary-total-payment .res-price {margin-top:5px;font-size:13px; font-family:ngb;} .summary-total-payment .pay-plus:after {display:block; content:""; position:absolute; top:50%; right:-13px; margin-top:-13px; width:27px; height:27px; background:url(../img/common/pay_mark.gif) no-repeat;} .summary-total-payment .pay-equals:after {display:block; content:""; position:absolute; top:50%; left:-13px; margin-top:-13px; width:27px; height:27px; background:url(../img/common/pay_mark.gif) -27px 0 no-repeat;} .summary-total-payment .btn {text-align:right; margin-top:10px; font-size:0;} .summary-total-payment .btn > a {display:inline-block; margin-left:10px; width:180px; color:#fff; text-align:center; font-size:16px; font-weight:bold; line-height:50px; vertical-align:top;} .summary-total-payment .btn .select {background:#292929;} .summary-total-payment .btn .all {background:#fa413c;} .order-flow {position:absolute; top:33px; right:0;} .order-flow li {position:relative; float:left; padding:0 28px; font-size:14px;} .order-flow li:nth-of-type(1) i {background:url(../img/icon/icon_order_flow01.gif) no-repeat;} .order-flow li:nth-of-type(2) i {background:url(../img/icon/icon_order_flow02.gif) no-repeat;} .order-flow li:nth-of-type(3) i {background:url(../img/icon/icon_order_flow03.gif) no-repeat;} .order-flow li i {display:inline-block;margin-right:5px;width:25px; height:25px; vertical-align:-7px;} .order-flow li i.on {background-position-y:-25px;} .order-flow li:after {display:block; content:""; position:absolute; top:5px; right:0; width:7px; height:13px; background:url(../img/icon/order_flow_arrow.gif) 0 0 no-repeat;} .order-flow li:last-child:after {display:none;} /* 마이페이지 > 이벤트 참여현황 */ .title-box .event-sort {float:left;margin-top:5px;} .title-box .event-sort li {display:inline-block;color:#000;font-size:12px;} .title-box .event-sort li .count {color:#000;} .title-box .event-sort li.on .count {color:#fa413c;font-weight:bold;text-decoration:underline;} .title-box .event-sort li:before {display:inline-block;margin:0 7px;color:#c2c2c2;font-size:12px;content:"|";} .title-box .event-sort li:first-child:before {content:none;} .mypage-th-top .tleft {padding-left:30px;padding-right:30px;text-align:left;} .mypage-docu .my-benefit .place-paginate {margin:30px 0;} .mypage-th-top .join_none {padding:30px 0;} .mypage-th-top .join_none p {line-height:18px;} .mypage-th-top .join_none .btn-point {margin-top:12px;padding:0 15px;line-height:25px;} /* 마이페이지 > 옥션참여내역 */ .my-auction {} .my-auction .my-tab-menu li {width:20%;} .my-auction .tab-menu-content {margin-top:40px;} /* 마이페이지 > 영수증 발행 */ .my-receipt {} .my-receipt .mypage-th-top {margin-top:10px;} .my-receipt .receipt-btn li {margin-top:7px;} .my-receipt .receipt-btn li:fist-child {margin-top:0px;} .my-receipt .receipt-btn button {width:105px;} /* 마이페이지 > 배송 주소록 관리 */ .my-address {} .my-address .btn-place {margin-top:30px; text-align:center;} .my-address .btn-place .btn-point, .my-address .btn-place .btn-basic {margin:0 5px;width:120px; height:35px; line-height:35px; font-size:12px;} /* 마이페이지 > 포인트 정책 */ .grade-infomation .summary-benefit {margin-top:-20px; border-top:none;} .grade-infomation .title-box {margin-top:40px;} .grade-infomation .title-box i {position:relative; cursor:pointer} .grade-infomation .title-box i .layer-info {display:none;} .grade-infomation .title-box i:hover .layer-info {display:block; width:200px; position:absolute; top:17px; left:0px; border:1px solid #000; padding:5px; background:#fff;} .sPoint-intro i {position:relative; display:inline-block; vertical-align:middle;} .sPoint-intro .layer {display:none; padding:20px; width:660px; position:absolute; top:17px; right:0; z-index:50; border:1px solid #000; background:#fff; text-align:left;} .sPoint-intro i:hover .layer {display:block;} .sPoint-intro .layer .ment {position:relative; margin:30px 0 20px 0; padding-left:120px; line-height:1.4;} .sPoint-intro .layer .ment strong {display:block; position:absolute; top:0; left:0; width:100px; height:30px; border-right:1px solid #fa413c; text-align:center;} .sPoint-intro .layer dt {margin-bottom:5px;} .sPoint-intro .layer dd {line-height:1.6;} .pop-point-table {} .pop-point-table .layer-title {border-bottom:none !important;} .pop-point-table .layer-content {margin-top:0px; width:960px; height:660px; overflow-y:scroll;} .point-table {border-collapse:collapse; width:100%; } .point-table caption {visibility:hidden; font-size:0; height:0;} .point-table tbody {border-bottom:1px solid #000;} .point-table tbody th {border-left:1px solid #ccc; border-top:1px solid #ccc;} .point-table tbody td {height:45px; border-left:1px solid #ccc; border-top:1px solid #ccc; color:#777; text-align:center;} .point-table tbody tr:first-child th:first-child {border-left:none;} .point-table tbody th span {font-weight:normal;} .point-table tbody td strong {color:#000;} .point-table tbody tr:first-child th , .point-table tbody tr:first-child td {border-top:none;} .point-table .th-bg1 {background:#e2e2e2;} .point-table .th-bg2 {background:#efefef;} .point-table .th-bg3 {background:#fcfcfc;} .point-table .bdb {border-bottom:1px solid #000;} .point-table thead th {padding:22px 0 20px 0;color:#fff; background:#292929; border-left:1px solid #595959;} .point-table thead th:first-child {border-left:none;} .point-table thead th i {display:block; margin-bottom:6px;} .point-table thead th i img {max-width:33px} .brand-point {_margin-top:40px; border-top:1px solid #000;} .brand-point .type {background:#e2e2e2; color:#000; border:1px solid #ccc; border-top:none;} .brand-point tbody tr th:first-child {border-left:none;} .pop-point-table .attention {margin-top:25px;} .pop-point-table .attention dt {font-weight:700;} .pop-point-table .attention dd {position:relative; color:#777; padding:3px 0 0 10px;} .pop-point-table .attention dd:before {display:block; content:"-"; position:absolute; top:2px; left:0; } /* 마이페이지 레이어팝업 모음 */ /* 매장안내 */ .pop-store-local {} .pop-store-local .layer-inner {width:894px;} .pop-store-local.flexPop .layer-content {overflow-y:auto;top:70px;} .pop-store-local .store-detail {width:540px;} .pop-store-local .store-detail * {font-family:dotum;} .pop-store-local .store-detail dl {margin-bottom:6px;} .pop-store-local .store-detail dl:after {display:block; clear:both; content:"";} .pop-store-local .store-detail dt {float:left; width:70px; color:#777; line-height:18px;} .pop-store-local .store-detail dd {position:relative; float:left; padding-left:5px; width:470px; color:#444; line-height:18px; box-sizing:border-box;} .pop-store-local .store-detail dd:before {display:block; content:":"; position:absolute; top:0; left:0; color:#444;} .pop-store-local .store-detail .map-api {margin-top:18px;border:1px solid #aaa;} /* 당일 매장안내 */ .pop-store-today {} .pop-store-today .layer-inner {width:730px;} .pop-store-today.flexPop .layer-content {overflow-y:auto;top:70px;} .pop-store-today .store-detail {width:540px;} .pop-store-today .store-detail * {font-family:dotum;} .pop-store-today .store-detail dl {margin-bottom:6px;} .pop-store-today .store-detail dl:after {display:block; clear:both; content:"";} .pop-store-today .store-detail dt {float:left; width:70px; color:#777; line-height:18px;} .pop-store-today .store-detail dd {position:relative; float:left; padding-left:5px; width:470px; color:#444; line-height:18px; box-sizing:border-box;} .pop-store-today .store-detail dd:before {display:block; content:":"; position:absolute; top:0; left:0; color:#444;} .pop-store-today .store-detail .map-api {margin-top:18px;border:1px solid #aaa;} /* 쿠폰 리스트 */ .pop-coupon-list {} .pop-coupon-list .layer-content {margin-top:0px;} .pop-coupon-list .coupon-list {overflow-y:auto; min-height:129px; max-height:385px; border-bottom:1px solid #c5c5c5;} .pop-coupon-list .coupon-list li {display:table; padding:20px 0; border-top:1px dashed #cecece;} .pop-coupon-list .coupon-list li:first-child {border-top:none;} .pop-coupon-list .coupon-list li > div {display:table-cell; vertical-align:middle;} .pop-coupon-list .coupon-list li .type {padding-left:34px; padding-right:10px; width:145px;} .pop-coupon-list .no-coupon {padding-top:40px;} .pop-coupon-list .coupon-cover {width:194px; padding-right:63px; height:88px; background:url(../img/common/coupon_bg.gif) 0 0 no-repeat; text-align:center; box-sizing:border-box;} .pop-coupon-list .coupon-cover strong {display:block; padding-top:15px; font-size:25px; font-family:tahoma;font-weight:normal; } .pop-coupon-list .coupon-cover strong span {font-size:18px; font-family:ngb;} .pop-coupon-list .coupon-cover .date {margin-top:12px; font-size:11px; color:#777; } .pop-coupon-list .type strong {display:block; color:#000; font-weight:normal; line-height:20px;} .pop-coupon-list .type p {color:#777; line-height:20px;} .pop-coupon-list .btn-place {margin:30px 0 18px 0;text-align:center;} .pop-coupon-list .btn-place button {margin:0 3px;width:110px; height:35px; line-height:35px;} /* 현금영수증 신청 */ .pop-receipt-type2 {} .pop-receipt-type2 th {padding:0 10px;} .pop-receipt-type2 .layer-title {border-bottom:none !important;} .pop-receipt-type2 .layer-content {margin-top:0px;} .pop-receipt-type2 .btn-place {margin:30px 0 20px 0; text-align:center;} .pop-receipt-type2 .btn-place .btn-point {width:130px; height:35px; line-height:35px; font-size:14px;} /* 세금계산서 신청 */ .pop-receipt-type3 {} .pop-receipt-type3 th {padding:0 10px;} .pop-receipt-type3 .layer-title {border-bottom:none !important;} .pop-receipt-type3 .layer-content {margin-top:0px;} .pop-receipt-type3 .btn-place {margin:30px 0 20px 0; text-align:center;} .pop-receipt-type3 .btn-place .btn-point {width:130px; height:35px; line-height:35px; font-size:14px;} /* 배송지 추가,수정 */ .pop-address-reg {} .pop-address-reg th {padding:0 10px;} .pop-address-reg .layer-title {border-bottom:none !important;} .pop-address-reg .layer-content {margin-top:0px;} .pop-address-reg .btn-place {margin:30px 0 20px 0; text-align:center;} .pop-address-reg .btn-place button {margin:0 5px;width:110px; height:35px; line-height:35px; font-size:14px;} .pop-address-reg .same-use {margin-top:21px; text-align:center; color:#777;} /* 마이페이지 윈도우팝업 모음 */ .pop-sns-link {} .pop-sns-link h2 {color:#000; font-weight:bold; font-size:14px; text-align:center; line-height:1.4;} .pop-sns-link .ment1 {margin-top:15px; background:#eef1f6; color:#000; text-align:center; line-height:40px;} .pop-sns-link .service-list {margin-top:30px;} .pop-sns-link .service-list li {float:left; width:33.3%; text-align:center; padding:0 15px; box-sizing:border-box;} .pop-sns-link .service-list li .btn-line {display:block; margin-top:15px;} .pop-sns-link .info-box {position:relative; } .pop-sns-link .info-box i {position:absolute; top:50%; left:55px; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); } .pop-sns-link .info-box .inner {padding:18px 0 18px 155px;} .pop-sns-link .info-box .inner h2 {text-align:left; margin-bottom:5px;} .pop-sns-link .info-box .inner.unlink {padding:10px 0 10px 155px;} /* 마이페이지 > 교환/반품 레이어팝업 */ .pop-exchange.layer-dimm-wrap .layer-inner .layer-title, .pop-refund.layer-dimm-wrap .layer-inner .layer-title {height:35px;border-bottom:0;font-family:ngb;} .pop-exchange .layer-content {width:800px;} .pop-refund .layer-content {overflow:auto;width:817px;height:601px;padding-right:10px;} .pop-exchange .layer-content .member-th-left td textarea, .pop-refund .layer-content .member-th-left td textarea {width:100%;} .pop-exchange .layer-content .btn_submit, .pop-refund .layer-content .btn_submit {display:block;width:110px;margin:35px auto 20px;border-color:#000;background-color:#000;font-family:ngb;font-size:14px;line-height:33px;} .order-goods .notice {margin-top:8px;color:#777;line-height:18px;} /* 마이페이지 > 배송추적 레이어팝업 */ .pop-delivery-trace {} .pop-delivery-trace p.title {margin:20px 0 7px 0;font-size:14px; font-weight:700;} /* ================================================== CS - by Lee ================================================== */ .cs-wrap { margin:auto; width:1280px; } .cs-wrap * {font-family:dotum;} /* CS 전체 공통 부분 */ .cs-docu {float:right; padding-bottom:50px; width:1040px;} .cs-docu header {position:relative; margin-bottom:40px; height:68px; border-bottom:2px solid #000;} .cs-docu header h1 {padding-top:28px;font-size:21px; font-family:ngb; text-align:left !important;} .cs-docu .place-paginate {margin:30px 0 0 0;} .cs-docu .my-attention {margin-top:64px;} /* CS > 공지사항 리스트 */ .notice-list {} .board-search {margin-bottom:10px; text-align:right;} .board-search input[type="text"] {padding:0 5px; width:170px; height:27px; border:1px solid #ccc; box-sizing:border-box; vertical-align:middle;} .board-search .btn-point {font-size:13px;font-weight:bold;line-height:25px;vertical-align:middle;cursor:pointer;outline:none;} /* CS > 공지사항 상세 */ .notice-view {position:relative; } .notice-view .btn-place {margin-top:30px; text-align:center;} .notice-view .btn-place .btn-point {width:114px; line-height:40px; height:40px;} .notice-view .title {position:relative; padding:16px 20px; border-top:1px solid #000; border-bottom:1px solid #ccc; background:#f4f4f4; color:#000; font-weight:bold; box-sizing:border-box;} .notice-view .title:after {display:block; clear:both; content:"";} .notice-view .title .date {position:absolute; top:50%; right:20px; transform:translateY(-50%); -webkit-transform:translateY(-50%); text-align:center; font-weight:normal; color:#777; } .notice-view .view-content {padding:30px 0; color:#777; } .notice-view .view-content img { max-width:100%;} .notice-view .view-content p {min-height:20px; line-height:1.8;} /* 이전글 다음글 */ .view-move {border-top:1px solid #000; border-bottom:1px solid #000;} .view-move li:nth-of-type(2) {border-top:1px solid #ccc;} .view-move li span {display:inline-block; width:128px; padding-left:30px; line-height:34px; font-size:13px; color:#000; box-sizing:border-box;} .view-move li a {display:inline-block; line-height:34px; color:#777;} .view-move .next span:before {display:inline-block; content:""; margin-right:15px; width:13px; height:6px; background:url(../img/icon/icon_lnb_arrow.png) center 0 no-repeat; vertical-align:2px;} .view-move .prev span:before {display:inline-block; content:""; margin-right:15px; width:13px; height:6px; background:url(../img/icon/icon_lnb_arrow.png) center bottom no-repeat; vertical-align:2px;} /* CS FAQ 리스트 */ .faq-list {margin-top:11px;} .faq-list .title-sort {float:left;padding-bottom:10px;} .faq-list .title-sort:after {display:block; clear:both; content:"";} .faq-list .title-sort li {position:relative; float:left; padding:0 19px; line-height:27px;} .faq-list .title-sort li:after {position:absolute; top:50%; right:0; width:1px; height:10px; margin-top:-5px;background:#ccc; content:"";} .faq-list .title-sort li:last-child::after {display:none;} .faq-list .title-sort li a {color:#000; } .faq-list .title-sort li a.on {font-weight:bold;} .faq-list .box_search {float:right;} .faq-list .box_search .inp-search {width:170px;height:27px;margin-right:5px;padding:0 5px;border:1px solid #ccc;vertical-align:middle; box-sizing:border-box;} .faq-list .box_search .btn-point {font-size:13px;font-weight:bold;line-height:25px;vertical-align:middle;cursor:pointer;outline:none;} .faq-list {} .faq-list .tr-open {cursor:pointer} .faq-list .tr-answer {display:none;} .faq-list .tr-answer td {padding:0;} .faq-list .tr-answer .answer {margin-top:0;} .faq-list .tr-answer .answer p {line-height:1.6;} /* CS 메인 */ .cs-main {} .cs-main .title-box {margin-top:40px;} .cs-link {margin-top:67px;border-top:2px solid #000; border-bottom:1px solid #ccc; padding:30px 0 20px 0;} .cs-link:after {display:block; clear:both; content:"";} .cs-link li {position:relative; position:relative; float:left; width:12.5%; text-align:center; color:#777;} .cs-link li i {display:block; margin-bottom:10px;} .cs-link li:before {display:block; position:absolute; top:0; left:0; width:1px; height:100%; background:#eaeaea; content:"";} .cs-link li:first-child:before {display:none;} .faq-search {margin-top:30px; padding:23px 0; border:4px solid #e5e5e5; background:#fafafa; text-align:center; box-sizing:border-box;} .faq-search label {padding-right:10px; font-size:16px; font-weight:700; color:#292929;} .faq-search input[type="text"] {margin:0 5px;padding:0 10px; width:470px; height:37px; background:#fff; border:2px solid #000; font-size:14px; color:#777; box-sizing:border-box;} .faq-search input[type="text"]::-webkit-input-placeholder {color:#777;} .faq-search button {width:80px; height:37px; font-weight:700; vertical-align:top;} .call-center {margin-top:65px;padding: 17px 5px;border-top:1px solid #000;border-bottom:1px solid #000;color:#292929;} .call-center p:first-child {font-size:17px;padding-top: 2px;font-family:ngb;} .call-center .tel {padding: 7px 0 12px 0;font-size:30px;font-family:ngb;} .call-center .time {font-size:13px;line-height: 21px;font-family:ng;letter-spacing:-.5px;} .call-center .time span {font-family:ngb;} .cs-talk-link {display:block; margin-top:20px;padding:12px 0 10px 0; border:3px solid #e5e5e5; color:#292929; background:#fafafa; text-align:center; font-family:ngb !important; font-size:16px; font-weight:700;} .cs-talk-link:after {display:inline-block; content:""; margin-left:10px; width:38px; height:32px; background:url(../img/icon/icon_cs_talk.png) no-repeat; vertical-align:middle;} /* ================================================== 회원가입 ================================================== */ .join-wrap {width:1040px;margin:40px auto 100px;} .join-wrap > header h1 {color:#000;font-size:24px;text-align:center;} .join-wrap section {padding-top:40px;} .join-wrap section h2 {margin-bottom:5px;color:#000;font-family:dotum;font-size:16px;font-weight:bold;} .join-wrap section p {margin-bottom:8px;color:#777;font-family:dotum;line-height:18px;} /* 회원가입 > 01 인증선택 */ .join-wrap section > h2 {margin-bottom:12px;} .join-wrap section > p {margin-bottom:15px;} .join-wrap section header h2 {margin-bottom:8px;} .join-wrap section header p {margin-bottom:12px;} .join-wrap .name-check {padding:20px 30px;border-top:1px solid #000; background:#f7f7f7;} .join-wrap .name-check ul {margin:60px 0;text-align:center;} .join-wrap .name-check li {display:inline-block;_margin:0 100px;margin:0 48px;} .join-wrap .name-check li .icon {float:left;width:120px;height:120px;border-radius:60px;background-color:#292929;text-align:center;vertical-align:middle;} .join-wrap .name-check li .icon img {position:relative;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);} .join-wrap .name-check li .txt {float:left;width:240px;margin-left:29px;padding-top:9px;text-align:left;} .join-wrap .name-check li .txt h3 {margin-bottom:5px;color:#000;font-family:dotum;font-size:12px;font-weight:bold;} .join-wrap .name-check li .txt p {margin-bottom:18px;word-break:keep-all;} .join-wrap .name-check li .btn-line {padding:0 26px;line-height:34px;border-color:#ccc;font-family:dotum;font-weight:bold;} .join-wrap .name-check li:after {clear:both;display:block;content:"";} .join-wrap .name-check-sns {padding:20px 30px 0;border-top:1px solid #000;border-bottom:1px solid #ccc;} .join-wrap .name-check-sns ul {padding:30px 0;text-align:center;} .join-wrap .name-check-sns li {display:inline-block;margin-left:70px;} .join-wrap .name-check-sns li:first-child {margin-left:0;} .join-wrap .name-check-sns li a {display:block;} .join-wrap .name-check-sns li a:after {clear:both;display:block;content:"";} .join-wrap .name-check-sns li img {float:left;_margin-bottom:20px;} .join-wrap .name-check-sns li p {float:left;width:60px;margin:17px 0 0 18px;color:#000;font-family:dotum;text-align:left;} /* 회원가입 > 02 회원가입 및 약관 동의 */ .join-wrap .title-box h2, .join-wrap .title-box p {margin:0;} .join-wrap .title-box h2 .info {margin-left:10px;color:#777;font-family:dotum;font-size:12px;font-weight:normal;} .join-wrap .member-th-left th {padding-left:42px;} .join-wrap .member-th-left th.required {position:relative;z-index:-1;} .join-wrap .member-th-left th.required:before {position:absolute;left:29px;top:10px;color:#fa413c;content:"*";} .join-wrap .member-th-left td .btn-basic {margin-left:5px;border-color:#a8a8a8;background-color:#a8a8a8;} .join-wrap .member-th-left td .ment {margin-left:10px;vertical-align:middle;} .join-wrap .member-th-left td select {color:#777;font-family:dotum;font-size:12px;} .join-wrap .member-th-left td .input-wrap {margin-top:6px;} .join-wrap .member-th-left td .blk {color:#000;} .join-wrap .member-th-left td .dash {color:#aaa;} .join-wrap .member-th-left td .date {margin-left:2px;vertical-align:middle;} .join-wrap .member-th-left td .date + select {margin-left:24px;} .join-wrap .member-th-left td label {vertical-align:middle;cursor:pointer;} .join-wrap .member-th-left td .input-checkbox-wrap {margin-left:30px;} .join-wrap .member-th-left td .input-radio-wrap {margin-left:20px;} .join-wrap .member-th-left td .input-checkbox-wrap:first-child, .join-wrap .member-th-left td .input-radio-wrap:first-child {margin-left:0;} .join-wrap .member-th-left td .marital-status {margin-top:5px; margin-bottom:10px;} .join-wrap .member-th-left td .marital-status label + input {margin-left:38px;} .join-wrap .member-th-left td.married-check {padding:10px 20px !important;} .join-wrap .member-th-left td .datename {position:relative;margin-right:8px;_padding-left:14px;} .join-wrap .member-th-left td .datename:before {position:absolute;left:0;top:-1px;color:#fa413c;_content:"*";} .join-wrap .member-th-left td .input-wrap .info {margin-left:23px;} .join-wrap .wrap-terms {padding:30px 0;border-top:1px solid #000;border-bottom:1px solid #ccc;} .join-wrap .wrap-terms li {float:left;width:331px;height:48px;margin-left:20px;border:1px solid #c9c9c9;} .join-wrap .wrap-terms li:first-child {margin-left:0;} .join-wrap .wrap-terms li div {display:inline-block;padding:0 13px;} .join-wrap .wrap-terms li label {display:inline-block;color:#000;font-family:dotum;line-height:48px;vertical-align:middle;cursor:pointer;} .join-wrap .wrap-terms li .term_view {float:right;position:relative;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);width:94px;border-left:1px solid #c9c9c9;color:#777;font-family:dotum;line-height:16px;text-indent:15px;} .join-wrap .wrap-terms li .term_view:before, .join-wrap .wrap-terms li .term_view:after {position:absolute;background-color:#777;content:"";} .join-wrap .wrap-terms li .term_view:before {right:11px;top:8px;width:11px;height:1px;} .join-wrap .wrap-terms li .term_view:after {right:16px;top:3px;width:1px;height:11px;} .join-wrap .wrap-terms p {margin:16px 0 0;color:#777;font-family:dotum;} .join-all-agree {margin-top:20px;text-align:center;} .join-all-agree label {color:#777;font-family:dotum;vertical-align:middle;cursor:pointer;} .join-all-agree .btn-point {display:block;margin:30px auto 0;padding:0 33.5px;color:#fffefe;font-family:dotum;line-height:38px;} .join-end {padding:50px 0 50px 0;text-align:center;} .join-end h2 {padding:32px 0 40px; font-size:24px; } .join-end h2 img {vertical-align:bottom;} .join-end .join-coupon {display:inline-block; margin:auto; padding:15px 62px 0 0; margin-top:8px; width:194px; height:88px; background:url(../img/common/join_coupon_bg.gif) no-repeat; text-align:center; box-sizing:border-box;; vertical-align:top;} .join-end .join-coupon strong {display:block; font-size:25px; color:#010101;} .join-end .join-coupon span {display:block; margin-top:10px; color:#777; font-family:dotum; font-size:11px;} .join-end .join-ment {display:inline-block; margin:10px 0 0 20px;color:#010101; font-size:13px; text-align:left; line-height:21px;} .join-end .btn-place {margin-top:45px;} .join-end .btn-line {margin:0 3px;width:243px; height:36px; line-height:36px; font-family:dotum; border-color:#575757;} .join-end .my-attention {width:495px; margin:45px auto 0 auto; box-sizing:border-box; text-align:left; background:#fafafa;} .join-end .my-attention * {font-family:dotum;} .join-end .my-attention dd {padding-left:0;} .join-end .my-attention dd:before {content:"·"; margin-right:5px; display:inline-block; position:static; background:none;} /* ================================================== A/S 안내 ================================================== */ .as-guide-title {color:#292929;} .as-guide-title span {padding-left:10px; font-size:12px; vertical-align:bottom;} .as-guide-wrap .my-tab-menu li:first-child, .as-guide-wrap .my-tab-menu li {width:116px; background:#f9f9f9;} .as-guide-wrap .my-tab-menu li.on {background:#fff;} .as-guide-wrap .idx-content {margin-top:30px; display:none;} .as-guide-wrap .idx-content.on {display:block;} .as-guide-wrap td, .as-guide-wrap p {line-height:1.8; min-height:20px;} .as-guide-wrap th {background:#fcfcfc !important; border:1px solid #ccc;} .as-guide-wrap tr td {border:1px solid #ccc;} .as-guide-wrap tr th:first-child, .as-guide-wrap tr td:first-child {border-left:none;} .as-guide-wrap tr th:last-child, .as-guide-wrap tr td:last-child {border-right:none;} .as-guide-wrap .type-faq td:first-child {border-top-color:#000;} .as-guide-wrap .tr-open {position:relative; text-align:left; padding-left:90px;} .as-guide-wrap .tr-open:before {display:block; content:"Q"; position:absolute; left:48px; top:0; font-family:ngeb; font-size:20px;line-height:1;} .as-guide-wrap .tr-answer td {padding:0px;} .as-guide-wrap .answer {margin:0;} .as-guide-wrap .answer:before {background:none; content:"A"; font-family:ngeb; font-size:20px;line-height:1; color:#000;} .as-guide-wrap .in-table {width:100%; border-collapse:collapse} .as-guide-wrap .in-table th {background:#fff !important; border-width:1px 0 !important;} .as-guide-wrap .in-table td {background:#fff !important;text-align:left; padding:20px; border-width:1px 0 !important;} .as-guide-wrap .attention li {position:relative; padding-left:10px; line-height:1.6;} .as-guide-wrap .attention li:before {display:inline-block; content:""; margin:-4px 5px 0 0; width:2px; height:1px; background:#000; vertical-align:middle;} .as-guide-wrap .tr-open {cursor:pointer} .as-guide-wrap .tr-answer {display:none;} /* ================================================== 기타 ================================================== */ /* 서비스이용약관 팝업 */ .pop-agreement {} .pop-agreement .layer-content {width:762px; height:613px; overflow-y:auto;} /* 개인정보취급방침 팝업 */ .pop-privacy {} .pop-privacy .layer-content, .pop-privacy3 .layer-content {width:762px; height:613px; overflow-y:auto;} /* 매장찾기 */ .store-page {width:1280px; margin:auto; padding:20px 0 135px 0;} .store-page .breadcrumb {position:relative;} .store-page .breadcrumb a {font-size:13px;} .store-page .breadcrumb a:before {content:">"; padding:0 10px; } .store-page .breadcrumb a:first-child:before {display:none;} .store-page .breadcrumb select {position:absolute; top:-4px; right:0; } /* 상품상세 > 매장 선택 팝업 */ .store-page .store-list {margin-top:15px;} .store-page .store-list .input-area {float:left;width:217px;margin-top:10px;font-family:dotum;} .store-page .store-list .store-detail {float:right;width:1036px; margin-top:32px;} .store-page .input-area h3 {margin-bottom:20px; font-size:26px; font-family:ng;} .store-page .input-area select {height:27px;padding-left:3px;border-color:#ccc;font-family:dotum;font-size:12px;} .store-page .input-area .btn-point {width:100%; height:35px; line-height:35px; font-size:14px;} .store-page .input-area .select-type1 select {width:100%; } .store-page .input-area .select-type1 option {padding:20px 0 !important;} .store-page .input-area .select-type2 {margin:10px 0;} .store-page .input-area .select-type2 select {float:left;width:103px;} .store-page .input-area .select-type2 select + select {margin-left:11px;} .store-page .input-area .select-storelist {overflow-y:auto;height:500px;margin-top:10px;padding:20px 0;border-top:1px solid #ddd;border-bottom:1px solid #bbb;} .store-page .input-area .select-storelist li {position:relative;margin-bottom:15px;} .store-page .input-area .select-storelist li input, .store-page .input-area .select-storelist li label {cursor:pointer;} .store-page .input-area .select-storelist li input {position:absolute;left:0;top:2px;} .store-page .input-area .select-storelist li label {display:inline-block;width:100%;padding-left:18px;box-sizing:border-box;} .store-page .store-detail h4 {margin-bottom:18px; padding-bottom:10px; color:#000; border-bottom:1px solid #000; font-family:dotum;font-size:16px;font-weight:bold;} .store-page .store-detail dl {float:left; position:relative; padding-left:70px; width:50%; font-family:dotum; font-size:14px; box-sizing:border-box;} .store-page .store-detail dl:after {display:block;content:""; clear:both;} .store-page .store-detail dl dt {position:absolute; top:0; left:0; line-height:1.8;} .store-page .store-detail dl dd {position:relative; font-weight:bold; line-height:1.8;} .store-page .store-detail dl dd:before {display:block; content:":"; position:absolute; top:0; left:-7px;} .store-page .map-api {margin-top:25px;border:1px solid #a7a7a7; box-sizing:border-box;} .store-page .btn-area {margin:30px 0 12px;text-align:center;} .store-page .btn-area .btn-basic, .store-page .btn-area .btn-point {width:110px;margin:0 3px;line-height:33px;font-size:14px;} /* 얼랏 타입 레이어 */ .pop-alert-type .layer-content {width:380px;} .pop-alert-type .layer-content p {padding:55px 0; text-align:center; font-size:14px;} .pop-alert-type .btn-place {padding:29px 0 20px 0;border-top:1px solid #c5c5c5; text-align:center;} .pop-alert-type .btn-place a {margin:0 5px; width:110px; height:35px; line-height:35px; font-size:14px;} /* 풋터 기타 메뉴 */ .etc-wrap {margin:auto;width:1280px; padding-bottom:50px;} .etc-wrap header {margin-top:50px;} .etc-wrap header h2 {font-size:21px; font-family:ngb; font-size:26px;} .agreement-page p {line-height:1.6; color:#777;} .agreement-page .idx-content {display:none;margin-top:30px;} .agreement-page .idx-content.on {display:block;} .agreement-page .inner {overflow-y:scroll; height:750px; padding:30px; border:1px solid #ccc; box-sizing:border-box;} .agreement-page li a {font-size:16px;} /* 입점문의 */ .contact-us {width:1040px; float:right; margin:0 0 0 0;} .contact-us section {width:1000px; border:1px solid #ccc; padding:50px 70px; margin:auto; box-sizing:border-box;} .contact-us .btn-place {margin:30px 0 0 0; text-align:center;} .contact-us .btn-place button {margin:0 5px;width:110px; height:35px;} /* zoom image css 추가 2016-09-02 유동혁 */ /* This is the moving lens square underneath the mouse pointer. */ .cloud-zoom-lens { border: 4px solid #888; _margin:-4px; /* Set this to minus the border thickness. */ background-color:#fff; cursor:crosshair; } /* This is for the title text. */ .cloud-zoom-title { font-family:Arial, Helvetica, sans-serif; position:absolute !important; background-color:#000; color:#fff; padding:3px; width:100%; text-align:center; font-weight:bold; font-size:10px; top:0px; } /* This is the zoom window. */ .cloud-zoom-big { border:4px solid #ccc; overflow:hidden; } /* This is the loading message. */ .cloud-zoom-loading { color:white; background:#222; padding:3px; border:1px solid #000; } /* //zoom image css 추가 2016-09-02 유동혁 */ /* 바로배송 INPUT BOX BACKGROUPOND 2016-09-05 유동혁 */ .barogo-flag { background-color: #EFEFEF; } /* 메인 해쉬테그 hover */ .hash-link { cursor : pointer; } /* ================================================== 임직원 구매 관련 ================================================== */ /* 로그인 후 메인 페이지 */ .staff-main {margin-top:68px;} .staff-maximun dl {width:50% !important;} .staff-brand {margin-top:50px;} .staff-brand h3.title {padding-bottom:5px ;font-size:16px; font-weight:700; border-bottom:1px solid #000;} .staff-brand .best-brand-list li {width:200px; margin:0 10px 20px 0;} .staff-brand .best-brand-list figure .img {height:137px;} .my-order .new-in h3.title {padding-bottom:5px ;font-size:16px; font-weight:700; border-bottom:1px solid #000;} .my-order .new-in ul{border-bottom:none;} /* 메인 new-in */ .new-in { position: relative; margin: 70px auto 70px auto; width: 100%; } .new-in .title { height: 40px; font-size: 22px; line-height: 40px; margin-top: -30px; padding-bottom: 30px; } .new-in .product-name { display: block; font-size: 12px; margin-top: 20px; margin-bottom: 5px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #666666; } .new-in h5 { display: inline-block; font-size: 16px; font-weight: bold; color: #000000; } .new-in .discount { font-size: 14px; text-decoration: line-through; font-weight: normal; color: #8C8C8C; } .new-in ul { border-top: 1px solid #b0b0b0; border-bottom: 1px solid #b0b0b0; min-height: 373px; list-style-type: none; /*to remove bullets*/ padding-top: 30px; padding-bottom: 30px; overflow: hidden; text-align: center; zoom:1; margin-left: -20px; margin-top: -30px; } .new-in li { display:inline-block; float: left; position: relative; width: 240px; margin-left: 20px; margin-top: 30px; } .new-in li img { width: 240px; height: 320px; top: 0px; left: 0px; } /* ================================================== 브랜드관 추가 2017-04-10 ================================================== */ .brand-corner-wrap {padding:10px 0 140px ;} .brandCorner-visualSlide {width:1280px; margin:auto} .brandCorner-visualSlide .title {height: 94px;background: #fff url(../img/common/wellmade_logo.jpg) center no-repeat;} /*.brandCorner-visualSlide .title {height:94px; background:#282a27 url(../img/common/brand_title_wellmade.png) center no-repeat;}*/ .brandCorner-visualSlide .bx-pager {bottom:20px;} .brandCorner-visualSlide .bx-pager a {width:15px !important; height:15px !important; background:#000 !important; border:none !important; opacity:.25;} .brandCorner-visualSlide .bx-pager .active {opacity:.7;} #brandCorner-slide {height:650px; overflow:hidden;} .brandCorner-visualSlide .bx-next, .brandCorner-visualSlide .bx-prev {position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);width:14px;height:26px;text-indent:-9999px; width:44px; height:85px; background:url(../img/btn/index_slide_arrow.png) no-repeat;} .brandCorner-visualSlide .bx-next {right:10px; background-position:-44px 0;} .brandCorner-visualSlide .bx-prev {left:10px; background-position:0 0;} .brand-link {width:1280px; margin:12px auto 0 auto} .brand-link .title {height:49px; background:url(../img/common/brand_link_title.jpg) no-repeat; text-indent:-9999px;} .brand-link .brand-card {padding:20px; background:#e0e0e0; box-sizing:border-box;} .brand-link .brand-card > a {display:block; float:left; width:235px; height:130px; margin-left:16px; border:1px solid #c3c3c3; background:#fff; border-radius:5px; text-align:center; box-sizing:border-box;} .brand-link .brand-card > a:first-child {margin-left:0;} .brand-link .brand-card .logo {margin-top:44px; height:17px; overflow:hidden;} .brand-link .brand-card p {margin-top:14px; font-size:14px; color:#666;} .brand-link .brand-card p span {display:none; padding-left:4px;} .brand-link .brand-card a:hover {background:#232323; border-color:#232323;} .brand-link .brand-card a:hover .logo img {margin-top:-17px;} .brand-link .brand-card a:hover p {color:#d0d0d0;} .brand-link .brand-card a:hover p span {display:inline;} .brand-line-title {position:relative; text-align:center; height:33px;} .brand-line-title span {display:inline-block; padding:0 83px; background:#fff; font-size:28px;} /*.brand-line-title:after {display:block; content:""; margin-top:-19px; height:6px; background:url(../img/common/brand_line_title_bg.gif) repeat-x;}*/ .brand-goods-wide .brand-line-title {width:1280px; margin:60px auto 0 auto} .brand-goods-wide .goods {margin-top:30px; padding:52px 0 45px;background:#e8e7e6;} .brand-goods-wide ul {width:1280px; margin:auto} .brand-goods-wide li {width:240px; float:left; margin-left:20px; text-align:center;} .brand-goods-wide li:first-child {margin-left:0;} .brand-goods-wide .thumb img, .brand-goods-wide .thumb {width:240px; height:320px;} .brand-goods-wide .thumb {background:#fff;} .brand-goods-wide .goods-nm {margin-top:14px; color:#666; font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .brand-goods-wide .price {margin-top:6px; color:#000; font-size:16px; font-family:ngb;} .brand-ranking {width:1280px; padding-top:71px; margin:auto} .brand-ranking .tab {position:relative; margin-top:27px; } .brand-ranking .tab a {display:block; position:relative; float:left; margin-left:1px; z-index:10; width:255px; height:40px; background:#222; border:1px solid #222; text-align:center; color:#b0b0b0; font-size:14px; line-height:38px; box-sizing:border-box; cursor:pointer} .brand-ranking .tab a:first-child {margin-left:0; width:256px;} .brand-ranking .tab .active {background:#fff; font-size:18px; font-family:ngb; border-bottom-color:#fff; color:#000;} .brand-ranking .tab:before {display:block; content:""; position:absolute; bottom:0; right:0; left:0; z-index:5; height:1px; background:#000;} .brand-rankGoods {position:relative; width:1280px !important;} .brand-rankGoods .banner {float:left; width:420px; height:660px;} .brand-rankGoods .goods-area {float:right; width:845px;} .brand-rankGoods .goods-area li {float:left; width:212px; margin-left:-1px;} .brand-rankGoods .goods-area li:nth-child(-n+4) {height:378px;} .brand-ranking .idx-content {display:none; margin-top:30px; } .brand-ranking .idx-content.on {display:block;} .brand-ranking .bx-viewport {height:auto !important;} .brand-ranking .bx-next, .brand-ranking .bx-prev {position:absolute; top:50%; margin-top:-55px; width:25px; height:50px; background:url(../img/btn/blog_slide_arrow.gif) no-repeat; text-indent:-9999px;} .brand-ranking .bx-next {right:-45px; background-position:-25px 0;} .brand-ranking .bx-prev {left:-45px; background-position:0 0;} .brand-goods-item {position:relative; text-align:center;} .brand-goods-item .rank {position:relative; padding-top:7px; width:32px; height:40px; position:absolute; top:1px; left:1px; z-index:10; background:#292929; color:#fff; text-align:center; font-size:14px; font-family:ngb; box-sizing:border-box;} .brand-goods-item .rank:before {position:absolute; bottom:0; display:block; width:0px; height:0px; border:16px solid transparent; border-bottom:8px solid #fff; content:"";} .brand-goods-item .thumb {position:relative; width:212px; height:282px; border:1px solid #dedede; box-sizing:border-box;} .brand-goods-item .thumb:before {display:none; content:""; position:absolute; top:0; right:0; bottom:0; left:0; z-index:5; background:rgba(255,255,255,.6) url(../img/icon/bull_cross.png) center no-repeat;} .brand-goods-item .thumb img {width:210px; height:280px;} .brand-goods-item:hover .thumb:before {display:block;} .brand-goods-item .goods-nm {padding-top:19px; font-size:13px; color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis} .brand-goods-item .price {margin-top:8px; color:#000; font-size:16px; font-family:ngb; line-height:16px; } .brand-goods-item .price del {padding-right:4px; color:#989898; font-size:13px; font-family:ng;}