/* BASIC css start */ .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} /* 이미지 */ .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; } /* 상품 상단정보 */ #contents .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfo_basic {border-color:#ececec;} #contents .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfo_basic h2 {font-size:19px; margin-bottom:15px; position:relative;} #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 .price02 {font-size:12px; color:#dcc6c6; 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;} /* 총상품금액 */ #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 #ce7777;} #contents .shopdetail .shopdetailItem .detail_item_nav ul li a {font-size:14px;} #contents .shopdetail .shopdetailItem .detail_item_nav ul li.on a {color:#ce7777; font-weight:700;} /* 게시글 */ #tabs {margin: 5px;border: 1px solid #bbb; padding-bottom: 10px; font-size: 12px;} #tabs .shopdetailBoard {overflow: hidden;text-align:center;border-top:1px solid #bbb;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; } .shopdetail .shopdetailItem .shopdetail_Content .detail_item {text-align:center;} /* 스마트쿠폰목록 */ .shopdetail .smart-coupon-list { padding:20px 0; text-align:center;} .shopdetail .smart-coupon-list ul {display: inline-block; *display:inline; zoom:1; overflow:hidden; margin-left:-30px; min-width:300px;} .shopdetail .smart-coupon-list ul li {position:relative; float:left; width:344px; margin:0 0 30px 30px; border:1px solid #cecece; border-radius:10px; letter-spacing:-1px; overflow:hidden; text-align:left;} .shopdetail .smart-coupon-list ul li .c-info {position:relative; float:left; width:245px; padding:20px; border-right: 1px dashed #cecece; } .shopdetail .smart-coupon-list ul li .c-image a {display:block;} .shopdetail .smart-coupon-list ul li .c-image img { width:368px; height:128px;} .shopdetail .smart-coupon-list ul li p { padding-bottom:10px; line-height:18px; font-size:12px; color:#999; word-break:break-all; font-family:"Malgun Gothic"; } .shopdetail .smart-coupon-list ul li p:last-child {padding-bottom:0;} .shopdetail .smart-coupon-list ul li p.c-name { font-size:14px; color:#000; font-weight:bold; word-break: break-all; } .shopdetail .smart-coupon-list ul li p.c-price {font-size:26px; color:#ff3a34; font-weight:bold; line-height:24px;} .shopdetail .smart-coupon-list ul li.sc-style1.sc-reserve p.c-price {color:#3b6ce9;} .shopdetail .smart-coupon-list ul li .sc-btn-down {position:absolute; top:0; right:0; bottom:0; width:58px; margin:auto; vertical-align:middle; background:#f8f8f8; font-family:"Malgun Gothic"; } .shopdetail .smart-coupon-list ul li .sc-btn-down > span {position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; height:22px; text-align:center; font-size:0; } .shopdetail .smart-coupon-list ul li .sc-btn-down > span > span.sc-complete {font-size:12px; color:#999;} .shopdetail .smart-coupon-list ul li .sc-btn-down > span a { font-size:0; display:inline-block; margin-top:-5px; } .shopdetail .smart-coupon-list ul li .sc-btn-down span a > span { font-size:0; text-indent:-9999px; display:inline-block; width:22px; height:22px; background:url('/images/common/ico_h11_down_black_l.png') no-repeat center center; } .shopdetail .smart-coupon-list ul li.sc-style2 {border:1px solid #fff;} .shopdetail .smart-coupon-list ul li.sc-style2 .c-info { background:#171940; border-color:#171940; } .shopdetail .smart-coupon-list ul li.sc-style2 p { color:#fff; } .shopdetail .smart-coupon-list ul li.sc-style2 p.c-txt { color:#999; } .shopdetail .smart-coupon-list ul li.sc-style2 .sc-btn-down { background:#ff3a34; border:0; color:#fff; } .shopdetail .smart-coupon-list ul li.sc-style2.sc-reserve .sc-btn-down { background:#3b6ce9; color:#fff; } .shopdetail .smart-coupon-list ul li.sc-style2 .sc-btn-down span a { color:#fff; } .shopdetail .smart-coupon-list ul li.sc-style2 .sc-btn-down span .num {color:#fff;} .shopdetail .smart-coupon-list ul li.sc-style2 .sc-btn-down span a > span { background:url('/images/common/ico_h11_down_white_l.png') no-repeat center center; } .shopdetail .smart-coupon-list ul li.sc-style3 { width:346px; border:0; border-radius:0; } .shopdetail .smart-coupon-list ul li.sc-style3 .c-info { width:244px; border:1px solid #000; border-right:2px dotted #272a4d; border-radius:10px; } .shopdetail .smart-coupon-list ul li.sc-style3 p.c-price { color:#eb3697;} .shopdetail .smart-coupon-list ul li.sc-style3 .sc-btn-down { background:#fff2f9 ; border:1px solid #272a4d; border-left:0; border-radius:10px; } .shopdetail .smart-coupon-list ul li.sc-style3 .sc-btn-down span a { color:#999; } .shopdetail .smart-coupon-list ul li.sc-style3 .sc-btn-down span a > span { background:url('/images/common/ico_h11_down_pink_l.png') no-repeat center center; } .shopdetail .smart-coupon-list ul li.sc-style3.sc-reserve .sc-btn-down { background:#eefff7; } .shopdetail .smart-coupon-list ul li.sc-style3.sc-reserve p.c-price {color:#18b776;} .shopdetail .smart-coupon-list ul li.sc-style3.sc-reserve .sc-btn-down span a > span { background:url('/images/common/ico_h11_down_green_l.png') no-repeat center center; } /* BASIC css end */