/* BASIC css start */ /*상품 인포*/ .goods_name {color: #333; font-size: 13px; } .goods_name a { font-size: 13px; font-weight: 400; color: #656565; } .goods_price { font-weight: 500; font-size:11px;letter-spacing:-0.5px } .goods_price strike {display:block; color:#484848; font-size:11px;letter-spacing:-0.5px } .goods_price span { font-weight: 400; color: #222; font-size:11px; letter-spacing:-0.5px } .goods_atc { font-size:12px; font-weight:400; color: #333; letter-spacing:-0.5px; margin-bottom:30px } .goods_percent {font-size:11px !important; font-weight:400; margin:0px 0 0 5px; color:#cf1427 !important } .goods_brand{font-weight:600; margin:8px 0 7px 0} .thum_img {width:100%} .thum_img img {width:100%} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed::after{content:""; display:block; width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,.5); z-index:-1} .shopdetailISwiper img{width:100%} .shopdetail .shopdetailItem .detail_item { padding:0 2%; margin:auto } /* 이미지 */ .thumb-wrap {position:relative; overflow:hidden;} .thumb-wrap .btn_wish {position:absolute; right:18px; top:20px; } .thumb-wrap .btn_wish img {width:37px;} .thumb-wrap .goods_view_image_slider {} .thumb-wrap .goods_view_image_slider li {} .thumb-wrap .goods_view_image_slider li img {width:100%;} .thumb-wrap .swiper-horizontal>.swiper-pagination-bullets, .thumb-wrap .swiper-pagination-bullets.swiper-pagination-horizontal {line-height:1;} .thumb-wrap .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .thumb-wrap .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {opacity:1; background:#a9a9a9; width:6px; height:6px; margin: 0 2.5px;} .thumb-wrap .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active, .thumb-wrap .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {width:12px; height:6px; background:#202020; border-radius:5px; } /* 다중이미지 */ .multiImgArea dd img:last-child { margin-right:0; } .multiImgArea .gallery-thumbs {padding: 10px 0;} .multiImgArea .gallery-top .swiper-button-next, .multiImgArea .gallery-top .swiper-button-prev {display: flex; align-items: center; top: 50%; transform: translateY(-50%); width: 36px; height: 36px; margin: 0; font-size: 27px; color: #fff; text-align: center; border-radius: 100%; background-image: none; box-sizing: border-box;} .multiImgArea .gallery-top .swiper-button-next {right: 20px; padding: 0 6px;} .multiImgArea .gallery-top .swiper-button-prev {left: 20px; padding: 0 3px;} .multiImgArea .gallery-thumbs .swiper-button-next, .multiImgArea .gallery-thumbs .swiper-button-prev {display: flex; align-items: center; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; margin: 0; font-size: 24px; color: #000; text-align: center; background-image: none; box-sizing: border-box;} .multiImgArea .gallery-thumbs .swiper-button-next {right: 0;} .multiImgArea .gallery-thumbs .swiper-button-prev {left: 0;} .multiImgArea .gallery-thumbs .swiper-slide {width: calc((100% - 12px) / 7);margin-right: 2px;} .gallery-thumbs { height: 20%; box-sizing: border-box; padding: 10px 0; } .gallery-thumbs .swiper-slide { width: 25%; height: 100%; opacity: 0.4; } .gallery-thumbs .swiper-slide-thumb-active { opacity: 1; } .gallery-top .swiper-button-prev::after, .gallery-top .swiper-button-next::after{scale: 0.4;} /* 관련상품, 추가 구성상품 */ .related {margin: 0 10.5px;} .shopdetail h2 {padding: 0px 0 31px; color: #1a1a1a; font-size: 16px; font-weight: bold; height: 43px; line-height: 43px; margin: 0; text-align: center;} div.swiper_rel {background: #fff;} .swiper_rel .swiper-slide {display: inline-block; vertical-align: top; margin: 0 0 45px; padding: 0 4.5px; width: 50%; box-sizing: border-box;} .swiper_rel .swiper-slide img {width: 100%; margin-bottom: 15px;} .swiper_rel .swiper-slide .list_shoppingInfo {margin: 0; position: relative;min-height: 10px;} .swiper_rel .swiper-slide .list_shoppingInfo .linstName {line-height: 1.25;} .swiper_rel .swiper-slide .list_shoppingInfo .listPrice {line-height: 1; margin: 0 0 10px;} .swiper-container-horizontal.swiper_rel >.swiper-pagination_rel {bottom: 0;} .swiper-pagination_rel .swiper-pagination-bullet {width: 9px; height: 9px; margin: 0 3px; background-color: #fff; border-radius: 50%; vertical-align: middle; border: 1px solid #9c9c9c; box-sizing: border-box;} .swiper-pagination_rel .swiper-pagination-bullet-active {background-color: #1a1a1a; border: 1px solid #1a1a1a;} .goods_list .swiper-pagination-bullet-active { background: #000000; } .goods_list .swiper-pagination-bullet { width: 5px; height: 5px; margin: 0px 3px !important; } .goods_list .swiper-pagination {position: relative !important;} .shopdetail .shopdetailItem .detail_item /* 사이즈 차트 */ #sizeChart {border:1px solid #ccc; padding:10px 0 0 0; width:calc( 100% - 0px ); margin:0 auto; margin-top:50px} #sizeChart table {width:100%} #sizeChart table th {text-align: center; padding-left: 20px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:15px; margin-bottom:20px} #sizeChart table td {text-align: center; padding:10px 0 } .size_img {width:40%; margin:0 auto} .size_notice { margin: 0 auto; padding: 20px; 0 0 3px} .good_bottom_infomation { border: 1px solid #cccccc; margin: 0 auto; margin-top: 50px; } .good_bottom_infomation > ul {} .good_bottom_infomation > ul > li { display: flex; justify-content: flex-start; padding: 10px 0px; border-bottom: 1px solid #cccccc; } .good_bottom_infomation > ul > li:last-child { border-bottom: 0px; } .good_bottom_infomation > ul > li > span { padding: 0px 15px; } .good_bottom_infomation > ul > li > span:nth-child(1) { width: 80px; text-align: left; } .good_bottom_infomation > ul > li > span:nth-child(2) {} /* 상품 상단정보 */ #contents .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfo_basic {border-color:#ececec;} #contents .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfo_basic h2 {font-size:16px; margin-bottom:15px; position:relative; text-align:left} #contents .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfo_basic h2 img {position:absolute; right:0; top:4px; width:20px;} #contents .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfo_basic .sub_name {font-size:12px; color:#c5c5c5; line-height:1; margin-bottom:20px;} .new-price {} .new-price .price01 {font-size:16px; display:inline-block; vertical-align:text-bottom; font-weight:500;} .new-price .price01 strike {font-size:12px; color:#000; display:inline-block; padding-left:6px;} .new-price .price02 {font-size:12px; color:#000; display:inline-block; padding-left:6px;} #contents .option_tk .product-opt .shopdetailInfoCont, #contents .option_tk .product-opt .shopdetailInfoName {font-size:13px;} #contents .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoName, #contents .option_tk .add-opt_item .shopdetailInfoName, #contents .option_tk .product-opt .shopdetailInfoName {width:22%;} #contents .shopdetailInfoOneclick .shopdetailInfoList, #contents .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoCont, #contents .option_tk .add-opt_item .shopdetailInfoCont {width:78%;} #contents .shopdetailInfoOneclick {background:none;} #contents .MK-oneclick-list li.MK-oneclick-color {width:30px; height:auto; text-align:center;} #contents .MK-oneclick-list li.MK-oneclick-color a {padding:0; border:none;} #contents .MK-oneclick-list li.MK-oneclick-color.MK-oneclick-sel a {border:none;} #contents .MK-oneclick-list li.MK-oneclick-color span {width:23px; height:23px; border-radius:50%; overflow:hidden;} #contents .MK-oneclick-list li.MK-oneclick-color.MK-oneclick-sel span {border:1px solid #000;} #contents .colortxt {font-size:11px; display:inline-block; white-space: nowrap; } html body #contents select {border-radius:3px; border-color:#ececec; font-size:11px; color:#727272;} /* 옵션 */ #contents .MK_optAddWrap .MK_inner-opt-cm li {border-radius:3px; border:1px solid #ececec; background: #fbfbfb; padding: 16px 11px 10px; } #contents .MK_optAddWrap .MK_inner-opt-cm li .MK_p-name {font-size:13px; font-weight:300; margin-bottom:12px; padding-bottom:12px; border-bottom: 1px solid #ececec; color:#202020;} #contents .MK_optAddWrap .MK_inner-opt-cm li .MK_price {padding-right:13px; font-size:12px; font-weight:400; color:#2e2e2e; opacity:0.7;} #contents .MK_optAddWrap .MK_inner-opt-cm li .MK_price span {font-size:14px; font-weight:400; color:#2e2e2e; opacity:0.7;} #contents .MK_optAddWrap .MK_inner-opt-cm li .MK_qty-ctrl {width: 85px; height: 30px; border-color:#ececec; border-radius:3px;} #contents .MK_optAddWrap .MK_inner-opt-cm li .MK_qty-ctrl input {width:33px; height: 30px; border:none;} #contents .MK_optAddWrap .MK_inner-opt-cm li .MK_btn-del {bottom:17px;} .MK-oneclick-list li { margin: 4px 5px 5px 0 !important; } .MK-oneclick-list li a { border: 1px solid #adadad !important; border-radius: 50% !important; color:#adadad} .MK-oneclick-list li.MK-oneclick-text a { padding: 4px !important } .MK-oneclick-list li.MK-oneclick-sel a { border: 2px solid #000 !important; color:#000 !important; } /* 총상품금액 */ #contents #MK_innerOptTotal.total_box {padding: 25px 15px 30px;} #contents #MK_innerOptTotal.total_box .total-txt {font-size:14px; float:left;} #contents #MK_innerOptTotal.total_box #MK_p_total {font-size:19px; font-weight:500;} #contents #MK_innerOptTotal.total_box .txt-won {font-size:17px; font-weight:500;} /* 구매버튼 */ #contents .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .btn_box a.btn_100 {font-size:14px; padding:0; line-height:42px;} #contents .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .btn_box a.btn_50 {font-size:13px; padding:0; line-height:39px;} #contents .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .btn_box a.btn_50:nth-of-type(2) {} #contents .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .btn_box a.btn_50:nth-of-type(3) {margin-right:0; float:right;} /* 탭 */ #contents .shopdetail .product_detail_outer {border:none;} #contents .shopdetail .shopdetailItem .detail_item_nav ul li {border-bottom: 2px solid #f4f4f4;} #contents .shopdetail .shopdetailItem .detail_item_nav ul li.on {border-bottom:2px solid #d2baa5;} #contents .shopdetail .shopdetailItem .detail_item_nav ul li a {font-size:14px;} #contents .shopdetail .shopdetailItem .detail_item_nav ul li.on a {color:#d2baa5; font-weight:700;} /* 게시글 */ #tabs {margin: 5px; padding-bottom: 10px; font-size: 12px;} #tabs .shopdetailBoard {overflow: hidden;text-align:center;border-top:1px solid #fff;border-bottom:1px solid #bbb;background-color: #f8f8f8; padding: 10px 0; margin-bottom: 0;} #tabs .shopdetailBoard .tab_on {font-weight: bold; padding: 10px 0;} #tabs .util {border-bottom: 1px solid #464646; padding:10px;} #tabs .util a {border: 1px solid #424242;display: inline-block;height: 30px;line-height: 30px;border-radius: 3px;width: 100%;text-align: center;} #tabs .list_board .reply-detail {margin:0 5px;border: 1px solid #73adff;font-size: 0.875em;color: #5da0ff;display: inline-block;height: 18px;line-height: 18px;padding: 0 3px;} #tabs .review .list_board > ul > li.now > .cont_wrap {display: block;} #tabs .list_board > ul > li > .wrap .re-wrap {padding:10px; border-top:2px solid #bebebe;} #tabs .empty-board {text-align: center; padding: 15px 0 5px;} .list_board ul li {color: #424242; border-bottom: 1px solid #bebebe; word-break: break-all;} .list_board .re-wrap ul li {font-size: 1em; border-bottom: 0; border-top: 1px dotted #bebebe; margin-top: 5px; padding-top: 5px; list-style: none;} .list_board ul li dl {padding: 7px;} .list_board ul li dl h4 {margin: 0} .list_board ul li .cont_wrap {display: none; padding-top: 5px; border-top: 1px dotted rgb(190, 190, 190); background-color: #f9f9f9; padding: 7px;} .list_board ul li .cont_wrap img {max-width: 100%; padding-bottom: 5px;} /* 댓글 */ .MS_cmt_list_box {color: #656565;} .MS_cmt_list_box .comment_list:last-child {border-bottom: 1px solid #cecece;} .MS_cmt_list_box .comment_list {padding: 5px;border: 1px solid #cecece;border-bottom: 0;background-color: #fff;} .MS_cmt_list_box .MS_cmt_hname {padding-left: 5px;} .MS_cmt_list_box .MS_cmt_content {padding-left: 15px;} .MS_cmt_list_box .comment_depth2 {padding-left: 10px;} .MS_cmt_list_box .comment_depth3 {padding-left: 15px;} #comment_password {width: 250px; left: 7px; box-shadow: 0 0 5px 0 #808080;} #comment_password input[type="password"] {width: 75%;} #comment_password form {height: auto !important;} #comment_password form span {display: block;} /* 답글 */ .list_board ul li .reply_depth1 .rating, .list_board ul li .reply_depth1 .info, .list_board ul li .reply_depth2 .rating, .list_board ul li .reply_depth2 .info, .list_board ul li .reply_depth3 .rating, .list_board ul li .reply_depth3 .info {padding-left: 12px;} .list_board ul li .reply_status {font-size: 0.875em; color: #777777; font-weight: normal;} /* 비번입력 */ .list_board input[type="password"] {border-radius: 3px 0 0 3px; width: 80%; border-right: 0; box-sizing: border-box; height: 35px;} .list_board input[type="button"] {width: 20%; float: right; height: 35px; border-radius: 0 3px 3px 0; background-color: #444; color: #fff; border: 1px solid #444; box-sizing: border-box;} /* new, hit 아이콘 */ .list_board ul li dl h4 .new {display: inline-block;width: 15px;height: 15px;line-height: 15px;color:#fff;font-size:0.875em;background-color:#5cb7fa;-webkit-border-radius:3px !important;border-radius:3px !important;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box; text-align: center;} .list_board ul li dl h4 .hit {display: inline-block;width: 15px;height: 15px;line-height: 15px;color:#fff;font-size:0.875em;background-color:#ff912c;-webkit-border-radius:3px !important;border-radius:3px !important;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box; text-align: center;} /* 수정,삭제버튼 */ .list_board ul li .cont_wrap .comment_modify {text-align: right; margin-top: 5px;} .list_board ul li .cont_wrap .comment_modify a {width: 45px; border: 1px solid #444; border-radius: 3px; font-size: 0.875em; display: inline-block; text-align: center; line-height: 20px; height: 20px; background-color: #fff;} .list_board ul li dl .info .review_del {width: 45px; border: 1px solid #444; border-radius: 3px; font-size: 0.875em; display: inline-block; text-align: center; line-height: 20px; height: 20px; background-color: #fff;} /* 페이지네이션 */ .paging {position: relative; text-align: center; margin-top: 15px;} .paging a.next, .paging a.prev {width: 30px; height: 25px; line-height: 23px; border: 1px solid #8C8C8C; background-color: #F1F1F1; color: #000;} .paging strong {font-weight: bold; color: #000; text-align: center; display: inline-block; width: 25px; height: 25px; line-height: 23px; border: 1px solid #111; font-size: .75em; background-color: #fff; margin: 0 2px;} .paging a {text-align: center; display: inline-block; width: 25px; height: 25px; line-height: 23px; color: #727a8b; border: 1px solid #CECECE; font-size: .75em; font-weight: 700; background-color: #fff; margin: 0 2px;} .paging .now { font-weight: bold; color: #000; text-align: center; display: inline-block; width: 25px; height: 25px; line-height: 23px; border: 1px solid #111; font-size: .75em; background-color: #fff; margin: 0 2px; } /* 신고기능 */ .info .btn-member-declare {display:inline-block; width:14px; height:17px; margin:-4px 0 0 2px; text-indent:-9999px; background:url(/images/d3/modern_simple/btn_declare_icon_2x.png) 0 0 no-repeat; background-size:14px 17px;} .cnt-btn-block { overflow: hidden;} .cnt-btn-block .btn-report { float: right; display:inline-block; color:#9d9d9d; font-size:11px; z-index:1; } /* BASIC css end */