/* BASIC css start */ #payco_order_btn{width: 290px !important; margin: 20px auto;} .payco_checkout.ta{width: 290px !important;} /* 동영상 삽입*/ .prodetail_moviewrap {width:100%; overflow:hidden; padding-bottom:25px;} .prodetail_moviewrap img{ max-width:100%; overflow:hidden;} .prodetail_moviewrap span{ display:inline-block;} .prodetail_moviewrap .lf{ float:left; width:67%; margin-left:4%; text-align:left;} .prodetail_moviewrap .lf2{ float:left; width:75%; text-align:left;} .prodetail_moviewrap .rg{ float:right; width:25%; margin-right:4%; text-align:right;} .prodetail_moviewrap .rg2{ float:right; width:25%; text-align:right;} .video-container{position:relative;padding-bottom:56.25%; height:0;overflow:hidden;} .video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;} .movie40p {position: relative;width:100%;height:0;background-size:100%; background-repeat:no-repeat; background-position:top;} .movie40p .lfmov{ position:absolute; bottom:0; padding-left:7%;width:40%;} .movie40p .rgmov{ position:absolute; bottom:0; right:0; padding-right:7%;width: 40%;} .shopdetail .h_title h3{margin:0;padding:0 10px;background:#fff} .shopdetail .shopdetailInfo{} .shopdetail .shopdetailInfo .hder{margin-bottom:30px;padding-bottom:35px;border-bottom:1px solid #E0E0E0;letter-spacing:-1px} .shopdetail .shopdetailInfo .hder h2{line-height:120%;font-size:23px;font-weight:400;color:black;word-break:keep-all} .shopdetail .shopdetailInfo .hder h2 .pronamedesc{display:block;line-height:120%;margin-top:5px;font-size:16px;color:#3b3b3b} .shopdetail .shopdetailInfo .hder p{margin-top:10px;font-size:14px;color:#999} .shopdetail .shopdetailInfo .hder .engname{margin:0 0 25px;font-size:16px;color:#2F2F2F;font-weight:400} .shopdetail .shopdetailInfo .hder .addcode{} .shopdetail .shopdetailInfo .hder .subname{word-break:keep-all} .shopdetail .shopdetailInfo .ico_label{margin:10px 0 5px;height:18px} .shopdetail .shopdetailInfo .shopdetailInfoTop{margin-bottom:15px;background:white} .shopdetail .shopdetailInfo .shopdetailInfoTop figcaption{text-align:left;margin-top:16px} .shopdetail .shopdetailInfo .shopdetailInfoBottom{background:#fff} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue{position:relative;margin-top:20px} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue p{display:table;width:100%;margin-bottom:20px} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue p:last-child{margin-bottom:0px} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoName{width:30%;display:table-cell;font-size:15px;color:#333;font-weight:400;vertical-align:middle} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoCont{width:70%;display:table-cell;margin-left:-4px} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoCont>span+span{margin-left:10px} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoCont>span.strike em{text-decoration:line-through;color:#ccc} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .region{margin-left:10px} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .btn_relation{position:absolute;top:50%;right:0;text-align:center;margin-top:-25px} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .btn_relation a{width:50px;height:50px;color:#fff;background:#636363;display:inline-block;font-size:0.917em;border-radius:4px;border:1px solid #424242} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .btn_relation a:first-child{} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .btn_relation a .fa{display:block;margin:6px 0 3px 0} .shopdetailInfoDelivery{margin-top:15px;padding:10px;background:#f6f6f6} /* 상품옵션 */ .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area{} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed{width:100%;position:fixed;z-index:101;bottom:0;left:0;right:0} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed{-webkit-animation:qbuy 150ms linear 1 normal;animation:qbuy 150ms linear 1 normal} @-webkit-keyframes qbuy{ from{bottom:-65px} to{bottom:0} } @keyframes qbuy{ from{bottom:-65px} to{bottom:0} } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .option_tk{height:150px;overflow-y:auto;background:#fff} .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn{width:100%;box-sizing:border-box;position:relative;bottom:0;left:0;right:0;background:#f6f6f6;border-top:1px solid #dfdfdf;z-index:101;text-align:center;padding:6px;margin:0 auto;display:none} .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn.fixed{display:block;position:fixed} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .fixed-btn.fixed{display:block;position:relative} .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .btn_option{position:absolute;top:-16px;left:50%;margin-left:-33px} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoMultiSelect{background:#fff} .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on{background:#f6f6f6;text-align:center;padding:10px 15px;display:none} .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a{width:48%;color:#3b3b3b;background:#fff;border:1px solid #ddd;display:inline-block;} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect{} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .opt-com{display:block;text-align:right} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect p{padding:5px 0} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect p:last-child{margin-bottom:0px} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoName{display:block;margin-bottom:3px;padding-top:10px;font-size:13px;color:#181818;font-weight:400} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCont{display:block} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCont select{width:100%; border:1px solid #E1E1E1} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCount .txt-qnty{text-align:right;padding:0 6px;width:50px !important} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCount .fa-plus{background:#fff;width:33px;height:33px;text-align:center;vertical-align:middle;line-height:36px;margin-left:-1px;color:#ddd} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCount .fa-minus{background:#fff;width:33px;height:33px;text-align:center;vertical-align:middle;line-height:36px;margin-left:-1px;color:#ddd} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoMultiSelect .MK_optAddWrap #MK_innerOptScroll{/*border-bottom:1px solid #f6f6f6;*/ margin:0} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .add-option-sel{font-weight:bold;font-size:1.1em;padding-top:10px} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .add-option select{margin-bottom:10px} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .add-option .shopdetailInfoName{vertical-align:top;padding-top:11px} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .shopdetailInfoSelect, .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .MK_optAddWrap .total{margin:0 15px} .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .shopdetailInfoMultiSelect .MK_optAddWrap #MK_innerOptScroll{border-bottom:1px solid #f6f6f6;margin:0 15px} .shopdetail .shopdetailBoard{text-align:center} .shopdetail .shopdetailBoard a{display:inline-block;width:100%;height:45px;line-height:45px;margin-top:5px;padding:0;border:1px solid #F2F2F2;background:#F2F2F2;color:#231f20;font-size:13px} .MK_optAddWrap .MK_inner-opt-cm li{position:relative;border-bottom:1px solid #f6f6f6;padding:20px 0 5px 0 } .MK_optAddWrap .MK_inner-opt-cm li:last-child{border-bottom:0px none} .MK_optAddWrap .MK_inner-opt-cm .MK_p-name{padding-right:30px;display:block; margin-top:-8px; font-size:15px } .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl{overflow:hidden;position:relative;margin-top:15px;padding-left:29px} .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl input[type="tel"]{padding:0 6px;width:34px} .MK_optAddWrap .MK_inner-opt-cm .MK_btn-del{position:absolute;top:12px;right:0;width:17px;height:17px;background:url(/design/strivectin/skin1.m/imgs/sp_btn.png) no-repeat 0 -20px;background-size:320px;vertical-align:top;text-indent:-9999em} .MK_optAddWrap .MK_inner-opt-cm .MK_btn-del img{display:none;width:20px} .MK_optAddWrap .MK_inner-opt-cm .MK_price{position:absolute;bottom:12px;right:0;font-size:1.3em} .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl .basic_option[type="tel"], .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl .MK_count[type="tel"]{float:left;height:30px;padding:0;border-color:#E1E1E1;text-align:center !important;color:#C2C2C2} .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl .basic_option+a{margin-left:-1px} .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl .basic_option+a+a{position:absolute;top:0;left:0} .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl .btn-type-02{float:left;background:white;width:28px;height:28px;text-align:center;vertical-align:middle;line-height:30px;color:#C2C2C2;border:1px solid #E1E1E1;display:inline-block;font-family:'FontAwesome'} .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl .btn-type-02 span{display:inline-block;background:url(/design/strivectin/skin1.m/imgs/sp_btn.png) no-repeat;background-size:320px;vertical-align:top;text-indent:-9999em} .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl .MK_count+.btn-type-02{position:absolute;top:0;left:0} .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl .MK_count+.btn-type-02:after{content:"\f067"} .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl .MK_count+.btn-type-02+.btn-type-02{margin-left:-1px} .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl .MK_count+.btn-type-02+.btn-type-02:after{content:"\f068"} .MK_optAddWrap .total{text-align:right;padding:15px 0;font-size:1.3em} .MK_optAddWrap .MK_total{font-size:18px;color:#FE730C;margin-left:15px} .MK_optAddWrap .MK_txt-won{font-size:17px} /* //상품옵션 */ .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailTotal{background:#fff;text-align:right;padding:15px;font-size:1.2em} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailTotal em{color:#3E5865;font-size:1.333em;margin-left:16px} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton{padding:30px 0 0} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop{overflow:hidden;position:relative;margin-bottom:20px;padding-left:50px} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .soldout{line-height:1;margin-left:-50px;padding:40px 0 20px;border-top:1px solid #f6f6f6;font-size:26px;color:#FF5562;text-align:center;font-weight:700} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop .soldout i{margin:-2px 5px 0 0;font-size:1.3em} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a{display:inline-block;height:50px;padding:15px 0 0;font-weight:bold;text-align:center;box-sizing:border-box} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a i{vertical-align:top} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.wish{position:absolute;top:0;left:0;width:50px;height:50px;padding:0;background:#FFF;border:1px solid #D7D8D9} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.wish i{margin:13px 0 0 0;color:#E0109F} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.cart{width:47%;margin-left:3%;;border:1px solid #D7D8D9;background:#fff;font-size:16px} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.cart i{margin:1px 5px 0 0} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.buy{width:47%;margin-left:3%;border:1px solid black;background:black;color:#fff;font-size:16px} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.buy i{margin:1px 5px 0 0} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonBottom{margin:0 0 20px;padding-top:20px;border-top:1px solid #F2F2F2} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonBottom img{margin:0 2px;width:45px;height:auto} .shopdetail .shopdetailCoupon{margin-top:15px} .shopdetail .shopdetailCoupon h3 { font-size:15px; font-weight:500 } .shopdetail .shopdetailCoupon .shopdetailCouponGet{padding:0 15px} .shopdetail .shopdetailCoupon .shopdetailCouponGet li{ padding:10px 0 10px 0;border-bottom:1px dashed #cbcbcb;position:relative; text-align:center } .shopdetail .shopdetailCoupon .shopdetailCouponGet li img { max-width:100% } .shopdetail .shopdetailCoupon .shopdetailCouponGet li:last-child{border-bottom:0px none} .shopdetail .shopdetailCoupon .shopdetailCouponGet .MS_coupon { height:40px; background:url("/images/d3/m_04/bg_coupon@2x.gif") no-repeat left top; background-size:81px auto; text-align:left } .shopdetail .shopdetailCoupon .shopdetailCouponGet .MS_coupon dt {width:82px; padding-top:2px; color:#fff;text-align:center} .shopdetail .shopdetailCoupon .shopdetailCouponGet .MS_coupon dd { padding-left:92px; margin-top:-15px } .shopdetail .shopdetailCoupon .shopdetailCouponGet .MS_coupon dt strong{font-weight:normal} .shopdetail .shopdetailCoupon .shopdetailCouponGet .MS_coupon h4{font-weight:bold} .shopdetail .shopdetailItem .shopdetailItemPopup{text-align:center;padding:0;margin:0 0 20px} .shopdetail .shopdetailItem .shopdetailItemPopup a{font-weight:bold;color:#666;background:#f0f0f0;display:block;padding:10px 0} .shopdetail .shopdetailItem .shopdetailItemPopup .shopdetailItemZoom{height:60px;padding:0 0 0 75px;margin-top:10px;background:url("/images/d3/m_04/bg_hand@2x.gif") no-repeat 20px center;line-height:60px;background-size:50px auto} .shopdetail .shopdetailItem .shopdetailImage{padding-left:0;padding-right:0} .shopdetail .shopdetailItem .shopdetailImage img{max-width:100% !important;height:auto !important} .shopdetail .shopdetailItem .shopdetailImage table{width:100% !important} .shopdetail .shopdetailItem .shopdetailImage object{width:100% !important} .shopdetail .shopdetailItem .shopdetailImage iframe{width:100% !important} .shopdetail .shopdetailItem .shopdetailImage table{table-layout:auto !important} /*.shopdetail .shopdetailItem .shopdetailImage div{width:100%}*/ .shopdetail .shopdetailItem .shopdetailNotify{margin-top:24px} .shopdetail .shopdetailItem .shopdetailNotify .shopdetailNotifyInfo{padding:15px 0} .shopdetail .shopdetailItem .shopdetailNotify .shopdetailNotifyInfo dt{font-weight:bold;margin-bottom:2px} .shopdetail .shopdetailItem .shopdetailNotify .shopdetailNotifyInfo dd{margin:0 0 25px 6px} .shopdetail .shopdetailRelationItem{padding:0 15px 30px 15px} .shopdetail .shopdetailRelationItem .listName input{float:right} .shopdetail .shopdetailRelationItem .btn_cart{width:290px;text-align:center;font-weight:bold;color:#fff;background:#393939;display:block;padding:10px 0;margin:0 auto} /* 관련상품 */ .shopdetailRelation{margin:0 -15px 30px;padding:30px 0;background:url(/design/strivectin/skin1.m/imgs/bg_line1.jpg) repeat} .shopdetailRelation figure{margin:0 0 0 5%;padding:0 5%;background:white;text-align:center} .shopdetailRelation figure img.listPic{display:block;max-width:200px;margin:0 auto 20px} .shopdetailRelation h3{line-height:1;margin-bottom:15px;text-align:center;font-size:20px;font-weight:200} .shopdetailRelation p{line-height:1;font-size:14px} .shopdetailRelation p.listPrice{margin-bottom:10px;font-size:16px} .shopdetailRelation p.listPrice em{font-size:14px} .shopdetailRelation .pager{width:100%;text-align:center} .shopdetailRelation .pager span{display:inline-block;width:4px;height:4px;margin:0 3px;background:#ADADAD;cursor:pointer;text-align:left;text-indent:-9999em; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px } .shopdetailRelation .pager .swiper-active-switch{background:#F05C91} .shopdetailRelation .list_shoppingRelationItem1x{padding:0} .shopdetailRelation .list_shoppingRelationItem1x ul{width:100%;display:table;table-layout:fixed;box-sizing:border-box} .shopdetailRelation .list_shoppingRelationItem1x li{width:100%;display:inline-block;vertical-align:top;border-top:1px solid #d9d9d9;padding:18px 0} .shopdetailRelation .list_shoppingRelationItem1x li figure{padding:0} .shopdetailRelation .list_shoppingRelationItem1x li:first-child{border:0px none} .shopdetailRelation .list_shoppingRelationItem1x li img.listPic{} .shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo{position:relative} .shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listName{height:32px;line-height:140%;padding:0 15px 0 0;font-size:12px;font-weight:400} .shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .etc{margin-bottom:15px;font-size:14px;color:#737373} .shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .options-select{width:100%} .shopdetailRelation .list_shoppingRelationItem1x .MS_related_checkbox{display:none;position:absolute;top:0;right:0} .shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listCount{ooverflow:hidden;position:relative;margin:12px 0;padding-left:31px} .shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listCount .amount-input{float:left;width:32px;height:32px;padding:0 4px;text-align:center} .shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listCount .fa-plus{float:left;margin-left:-1px;background:white;width:30px;height:30px;border:1px solid #F2F2F2;text-align:center;vertical-align:middle;line-height:30px;color:#ddd} .shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listCount .fa-minus{position:absolute;top:0;left:0;background:white;width:30px;height:30px;border:1px solid #F2F2F2;text-align:center;vertical-align:middle;line-height:30px;color:#ddd} .shopdetailRelation .list_shoppingRelationItem1x .btn_Black{display:inline-block;width:100%;height:45px;line-height:45px;padding:0;border:1px solid #F2F2F2;background:#F2F2F2;color:#231f20;font-size:13px} /* //관련상품 */ /* 퀵바이 버튼 노출 시 커뮤니티 탭 위치 변경 */ .cs-button{bottom:53px !important} /* //퀵바이 버튼 노출 시 커뮤니티 탭 위치 변경 */ /* @media screen and (min-width:420px) and (max-width:767px){ .shopdetail .shopdetailInfo .hder{padding-top:0;border-top:0 none;text-align:left} .shopdetail .shopdetailInfo{position:relative;overflow:hidden;zoom:1;paddinb-bottom:30px;background:#fff} .shopdetail .shopdetailInfo .shopdetailInfoTop{float:left} .shopdetail .shopdetailInfo .shopdetailInfoTop figure{border-bottom:0px none} .shopdetail .shopdetailInfo .shopdetailInfoTop, .shopdetail .shopdetailInfo .shopdetailInfoBottom{width:50%;margin:0;box-sizing:border-box} .shopdetail .shopdetailInfo .shopdetailInfoBottom{float:right;background:#fff;padding:0 15px;box-sizing:border-box} .shopdetailInfoBottom .shopdetailInfoMultiSelect .MK_optAddWrap #MK_innerOptScroll{background:#fff} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailTotal{border-top:1px solid #c7c7c7} .shopdetail .shopdetailCoupon .shopdetailCouponGet{width:335px;margin:0 auto} .shopdetail .shopdetailRelationItem{padding:0 0 30px 0} .shopdetail .shopdetailItem .shopdetailItemPopup{width:335px;margin:22px auto} .shopdetail .shopdetailRelationItem .btn_cart{margin:34px auto} .shopdetailRelation .list_shoppingRelationItem1x li{width:50%} .shopdetailRelation .list_shoppingRelationItem1x li:nth-child(2){border:0px none} } */ @media screen and (min-width:768px){ .shopdetail .shopdetailInfo .hder{padding-top:0;border-top:0 none;text-align:left} .shopdetail .shopdetailInfo{position:relative;overflow:hidden;zoom:1;paddinb-bottom:30px;;background:#fff} .shopdetail .shopdetailInfo .shopdetailInfoTop{float:left} .shopdetail .shopdetailInfo .shopdetailInfoTop figure{border-bottom:0px none} .shopdetail .shopdetailInfo .shopdetailInfoTop, .shopdetail .shopdetailInfo .shopdetailInfoBottom{width:50%;margin:0;box-sizing:border-box} .shopdetailInfoBottom .shopdetailInfoMultiSelect .MK_optAddWrap #MK_innerOptScroll{background:#fff} .shopdetail .shopdetailInfo .shopdetailInfoBottom{float:right;background:#fff;padding:0 15px;box-sizing:border-box} .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailTotal{border-top:1px solid #c7c7c7} .shopdetail .shopdetailCoupon .shopdetailCouponGet{width:335px;margin:0 auto} .shopdetail .shopdetailRelationItem{padding:0 0 30px 0} .shopdetail .shopdetailItem .shopdetailItemPopup{width:335px;margin:22px auto} .shopdetail .shopdetailItem .shopdetailNotify{margin-top:36px} .shopdetail .shopdetailRelationItem .btn_cart{margin:34px auto} .shopdetailRelation .list_shoppingRelationItem1x li{width:50%} .shopdetailRelation .list_shoppingRelationItem1x li:nth-child(2){border:0px none} } /* jxc */ .price{line-height:1;font-size:17px} .price strong{font-weight:400} .price em{display:inline-block} .price .dc{position:relative;color:#999A9F;font-size:20px;text-decoration:line-through} .price .consumer{display:inline-block;color:#8A8986;text-decoration:line-through} .price .consumer em{color:#8A8986} .price .sellnow strong{font-size:38px;font-weight:400;color:black; color:#E0109F} .price .sellnow em{margin:17px 0 0 3px;vertical-align:top;font-size:17px;color:#333} .price.ty1 .sellnow{position:relative;margin-left:5px;padding-left:11px} .price.ty2 em{margin-top:0} .price.ty2 .sellnow{position:relative;margin-left:5px;padding-left:11px} .option_tk{} .MK_inner-opt-cm .MK_qty-ctrl .basic_option+.btn-type-02 span{width:10px;height:10px;margin-top:9px;background-position:0 0} .MK_inner-opt-cm .MK_qty-ctrl .basic_option+.btn-type-02+.btn-type-02 span{width:10px;height:2px;margin-top:13px;background:#C2C2C2} .MK_inner-opt-cm.disable .MK_p-name, .MK_inner-opt-cm.disable .MK_price{display:none} .MK_inner-opt-cm.disable li{display:table;width:100%;padding-top:0} .MK_inner-opt-cm.disable .shopdetailInfoName{display:table-cell;width:30%;font-size:15px;color:#333;vertical-align:middle} .MK_inner-opt-cm.disable .MK_qty-ctrl{display:table-cell;width:70%;margin-left:-4px} .guide{margin:40px 0 20px 0;border-top:1px solid #231f20} .guide .lst{border-bottom:1px solid #231f20} .guide .lst .title{height:46px;line-height:46px;padding:0 10px 0 10px;font-size:14px;background-size:9px;cursor:pointer} .guide .lst .title .fa{float:right;margin-top:16px;color:#ddd} .guide .lst.open .title{background-position:98% 13px;background:#F2F2F2} .guide .lst.open .fa{color:black} .guide .lst .cnt{display:none;padding:15px 0} .guide .lst .notify dt, .guide .lst .notify dd{line-height:18px;font-size:13px} .guide .lst .notify dt{margin-top:15px;color:#231f20} .guide .lst .notify dd{margin-top:7px;padding:0 0 13px 14px;color:#777777;border-bottom:1px solid #e5e5e5} .guide .lst .notify dd:last-child{border:0} .share{} .share dt, .share dd{display:inline-block;vertical-align:top} .share dt{font-size:18px;margin:4px 10px 0 0;padding-right:10px;border-right:1px solid #ddd} .share dd{margin-right:10px} .payco-checkout{margin-bottom:20px} /**/ .ship{max-width:100%} .ship img{max-width:100%} .ship ul li{overflow:hidden;margin-bottom:40px} .ship ul li h4{padding-bottom:10px;border-bottom:1px solid #B2B3B7;font-size:18px;font-weight:400;color:#131313} .ship dl{overflow:hidden;position:relative;padding:20px 0 20px 150px;border-bottom:1px solid #ddd;line-height:180%;letter-spacing:-0.04em} .ship dl dt{position:absolute;top:0;left:0;width:150px;height:100%;background:#F6F5F6;color:#56585A;font-size:13px} .ship dl dt span{display:table;width:100%;height:100%;text-align:center} .ship dl dt strong{display:table-cell;vertical-align:middle;font-weight:400} .ship dl dd{position:relative;margin-left:20px;padding-left:10px;color:#646464;font-size:13px} .ship dl dd.bull_none{padding-left:0} .ship dl dd:after{content:"";position:absolute;top:9px;left:0;width:3px;height:3px;background:#646464} .ship dl dd.bull_none:after{display:none} .ship dl dd strong{font-weight:700} .ship .note{margin-top:10px} .ship .note h5{margin-bottom:5px} .ship .note p{line-height:140%} /**/ .payment{margin-top:20px;text-align:right} .payment .txt{float:left;margin-top:23px;font-size:13px} /**/ .detail_tabs{margin:0 -15px 20px;border-top:1px solid black} .detail_tabs ul{overflow:hidden} .detail_tabs li{float:left;width:25%;text-align:center} .detail_tabs li a{display:block;margin:0 -1px;padding:20px 0;font-size:13px;color:#666666;background:#f0f0f0;border:1px solid #f0f0f0;letter-spacing:-0.04em; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease } .detail_tabs li.on a{color:black;background:white;border-bottom:0 none} .tabs_container{padding-top:20px} .tabs_container.hidden{display:none} /**/ .power_review #mPowerreview .pr-tab{overflow:visible;height:44px;border-color:#e5e5e5} .power_review #mPowerreview .pr-tab li{text-align:center} .power_review #mPowerreview .pr-tab li a{display:inline-block} .power_review #mPowerreview .pr-tab li.now a{border-bottom:3px solid #F05B92} .power_review #mPowerreview .tit{display:none} .power_review #mPowerreview .review-wrap>li{padding:0;border-bottom:1px solid #ddd} .power_review #mPowerreview .sumup{padding:10px 0} .power_review #mPowerreview .item{margin-bottom:0;border:0 none} .power_review #mPowerreview .item p{margin:0} .power_review #mPowerreview .item .lnk-more{margin:10px 0 0;padding:5px;border:1px solid #333;color:#333} .power_review #mPowerreview .recmd{padding:0} .power_review #mPowerreview .review-none{margin:20px 0;padding:0;border:0 none;background:none} .power_review #mPowerreview .btn-more{margin-top:20px;border:0 none;background:black;color:white} /**/ #nhn_btn{ margin-bottom:50px} /**/ /**/ .boardList .empty-board{padding:20px 0;text-align:center} .item-list-head .total-num{margin-bottom:10px} .item-list-head .btn_set, .item-list-head .btn_set .abtn_{display:block} .list_board ul li{position:relative;padding:0;border-bottom:1px solid #ececec} .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{margin:20px 0} .list_board ul li dl h4{margin:0} .list_board ul li .title{display:block;margin-bottom:10px;padding-right:36px;font-size:15px;color:#222;font-weight:normal;line-height:17px;word-break:break-all;overflow:hidden} .list_board ul li .title span{color:#222} .list_board ul li .rating{margin-bottom:15px} .list_board ul li .info{color:#777} .list_board ul li .info span{display:inline-block;margin-left:10px} .list_board ul li .info span:first-child{margin-left:0} .list_board ul li .cont_wrap{display:none} .list_board ul li .cont_wrap img{max-width:100%;padding-bottom:5px} .list_board ul li .cont_wrap .conts{min-height:100%;background-color:#fff;table-layout:fixed;word-break:break-all;word-wrap:break-word;padding:0 0 20px;color:#777} /* 댓글 */ .MS_cmt_list_box{padding:10px;border-top:1px solid #ececec;position:relative} .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:23px} .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:adding-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:adding-box;background-clip:padding-box;text-align:center} /* 수정,삭제버튼 */ .list_board ul li .cont_wrap .comment_modify{text-align:right;margin-top:30px} .list_board ul li .cont_wrap .comment_modify a{width:45px;border:1px solid #444;;font-size:0.875em;display:inline-block;text-align:center;line-height:30px;height:30px;background-color:#fff} .list_board ul li dl .info .review_del{width:45px;border:1px solid #444;font-size:0.875em;display:inline-block;text-align:center;line-height:30px;height:30px;background-color:#fff} .option_area .shopdetailButtonTop { display:flex } .option_area .shopdetailButtonTop a { display:inline-block; height:50px; padding:15px 0 0; font-weight:bold; text-align:center; box-sizing:border-box; background-color:#fff; border:1px solid #D7D8D9 } .option_area .shopdetailButtonTop a.wish { flex:0.4; width:50px; height:50px; padding:12px 0; } .option_area .shopdetailButtonTop a.cart { flex:1; margin-left:3%; font-size:16px } .option_area .shopdetailButtonTop a.buy { flex:1; margin-left:3%; font-size:16px; background-color:#000 !important; color:#fff !important } .option_area .shopdetailButtonTop a.cart i, .option_area .shopdetailButtonTop a.buy i { margin:1px 5px 0 0 } .option_area.fixed .fixed-btn.fixed .shopdetailButtonTop { display:none } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .buy_on { display:block } .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on { padding:6px !important } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .option_tk { height:auto; background-color:#f6f6f6 } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .shopdetailInfoMultiSelect { background-color:#f6f6f6 } .shopdetailButtonTop .soldout { margin:0 auto; padding:5px 0; text-align:center } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .buy_on .soldout { margin:0 auto; padding:5px 0; text-align:center } .quick_fix.fix { bottom:90px !important } #MK_innerOptTotal { position:relative; padding:10px 10px 10px 0; text-align:right } .MK_txt-total { position:absolute; left:0; top:10px; font-size:15px } .option_area.fixed .MK_txt-total { left:15px } .MK_txt-won, .MK_total { font-size:20px; color:#E0109F } .price.ty3 { display:none } .pb_banner{ display:block; margin:0 0 10px 0; max-width:100% } .pb_banner+.pb_banner { margin-bottom:0 } /* BASIC css end */