/* BASIC css start */ .list_box .items { flex-wrap: inherit !important; flex-direction: row !important; } #footer { padding-bottom:70px!important; } body #header .header_inner { position: fixed!important; top: 0; left: 0; background-color: #fff; width: 100%; z-index: 9999; opacity: 1!important; } .fix_menu.show { _display: none; } .lock_icon { width: 15.16px; } .deliv_box { } .deliv_box h1 { font-size: 15px; color: #000; font-weight: 400; } .deliv_box h1 i { /* color:#2d3645; *//* font-size: 16px; */ } .deliv_box p { font-size: 12px; color:#000; font-weight: 300; margin-bottom: 10px; } .shopdetailInfoSelect select { width: 100%; height: 40px; border: 1px solid #ccc; display: block; color:#666; background:#fff url('/design/triexit/MB/list_sel.png') no-repeat 96% 16px; background-size:12px 7px; appearance: none; -moz-appearance:none; -webkit-appearance:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing: border-box; padding-left:12px; font-size:14px; font-weight: 400; color:#666666; line-height:40px; outline: none; display: block; width: 100%; font-size: 14px; height: 40px; outline: none; border-radius: 4px; border: 1px solid #ddd; background: #fff url(/design/triexit/MB/black_sel.png) no-repeat calc(100% - 12px) 50%; background-size: 10px auto; appearance: none; -moz-appearance: none; -webkit-appearance: none; -webkit-box-sizing: border-box; } .pr-content-all img { width:100%!important; } #mPowerreview .item p { font-weight:bold!important; } .npay_btn img { /* line-height: 44px; */ vertical-align: middle; margin-top: -4px; height: 23px; } .codi_box .opt-com { display:none!important; } .sns_back { position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index: 99999; top: 0; left: 0; display:none; } .sns_pop { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); background: #fff; width: 65%; } .sns_head { /* width: 100%; */ padding: 10px 15px; font-size: 15px; background: #f5f5f5; position: relative; } .sns_head a { position: absolute; top: 47%; right: 15px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); height: 12px; } .sns_box { padding: 32px 15px; text-align: center; } .sns_box a { width: 38px; margin-right: 6%; display: inline-block; } .sns_box a i { font-size: 38px; vertical-align: top; } .sns_box a img { width: 100%; } .sns_box a:last-of-type { margin-right: 0; } img.deli_img { width: 6%; margin-top: -2px; } .deli_sel { height: 6px; vertical-align: middle; margin-top: -3px; margin-left: 5px; display: none; } .delivery_price_box ul { padding: 10px 0; border-bottom: 1px solid #ddd; } .delivery_price_box ul:last-of-type { margin-bottom:0; } .delivery_price_box ul li span:last-child { padding-left: 15px; float: right; } .delivery_price_box ul li:first-child { } .delivery_price_box ul li span:first-child { text-align: left; color: #000; font-size: 12px; } .delivery_price_box ul li span { float: left; font-size: 13px; color: #888; text-align: left; padding: 8px 0; box-sizing: border-box; -webkit-box-sizing: border-box; } .delivery_price_box ul li { overflow: hidden; /* padding: 5px 0; */ line-height: 1; } .delivery_price_box h1 { font-size: 14px; color: #000; font-weight: 600; /* margin-bottom: 9px; */} .delivery_price_box { position: fixed; top: 50%; left: 50%; background: #fff; padding: 19px; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); width: 80%; overflow: hidden; z-index: 20; box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 10px; } .delivery_outer_box { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 103; } .opt-com a img{display:none} .opt-com a { display: block; width: 30%; padding: 5px; text-align: center; background: #000; color: #fff; float: right; margin-top: 10px; } .opt-com a:after{content:"선택완료"} .tab_li { width: 100%; margin:0 auto; background: #fff; z-index:101; box-sizing: border-box; _position:fixed; top: 50px; margin-top:0; /*left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform:translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%); */ } .tab_li.fix { position:fixed; } .tab_li ul { overflow:hidden; /* padding: 0 19px; */ } .tab_li ul li { width: 33.33%; float:left; box-sizing: border-box; -webkit-box-sizing: border-box; display: block; font-weight: 500; color: #888; font-size: 13px; text-align:center; background:none; height: 45px; line-height: 45px; border-bottom: 1px solid #ddd; box-sizing: border-box; -webkit-box-sizing: border-box; background: #fff; margin-top: 0; } .tab_li ul li:last-child { } .tab_li ul li.tab_on { font-weight: 700; background: #fff; color: #12b705; border-bottom: 3px solid #12b705; } .naver-checkout { background: url(/design/triexit/MB/npay_mb.png) center center no-repeat #00c73c; color: #5e5f61; font-weight: 500; background-size: auto 23px; width: 100%; margin-top: 10px; } .naver-checkout.fixed { position: fixed; bottom: 20px; z-index: 990; margin: 0 auto; text-align: center; left: 50%; transform: translateX(-50%); width: calc(100% - 38px); } .layer-confirm { background:#fff!important; border:1px solid #dadada; padding:20px 5px!important } .layer-confirm h4 { display:none!important } .layer-confirm .txt { font-size:12px!important } .layer-confirm .close { background-size:12px 12px!important } .btns-2 .btn-cart { background:#f1f1f1!important; margin: 20px 5px; padding:0 !important; background: url(/design/triexit/MB/basketbtn.png) !important; text-indent: -99999px; width: 100px; height: 40px; margin: auto; } .btns-2 .btn-conti { background:#000!important; color:#fff!important; margin: 20px 5px; padding:0 !important; background: url(/design/triexit/MB/continuebtn.png) !important; text-indent: -99999px; width: 100px; height: 40px; margin: 20px auto; } .con_pop,.detail_write_btn,.nhn_comment,.sns_share_title,.top_title,.top_title .count { text-align:center } .detail_write_btn { display:block; margin:20px 11px; box-sizing:border-box; font-weight:400; height:40px; font-size:14px; border-radius:4px; line-height:36px; color:#fff; background:#000 } #shopdetail .shopdetailInfo .shopdetailInfoBottom .info_basic .price .prd_reserve { display:block; color:#999; margin-top:10px; font-size:15px } .delivery { margin:0 11px; color:#666; padding:15px 0 0 } .delivery em { display:block; font-size:16px; color:#000; font-weight:500; margin-bottom:7px } .con_pop { position:fixed; top:50%; left:50%; transform:translate(-51%,-51%); background:#fff; border-radius:10px; font-family:'Noto Sans KR',dotum,Arial,sans-serif; box-shadow:3px 3px 10px rgba(0,0,0,.06); z-index:100002; width:75%; max-width:900px; font-size:12px; padding:50px 20px 20px; box-sizing:border-box } #mask,.sns_share_title { width:100%; left:0; top:0 } #mask { background:rgba(0,0,0,.4)!important; z-index:101!important; } .con_pop>h3 { line-height:22px; padding:0 0 25px 2px; font-weight:400; letter-spacing:1px; font-size:16px; color:#000 } .con_pop .box { max-height:450px; box-sizing:border-box; line-height:20px; padding-bottom:5px; border-color:#fff; margin:10px 0 } .con_pop .close_pop { border:1px solid #666; border-radius:20px; padding:5px 30px; font-size:16px; color:#535353; display:inline-block; margin-top:10px; position:static!important } #mask,.con_pop.guide .box h3 { display:none } .sns_share_title { font-size:16px; color:#000; position:absolute; border-radius:7px 7px 0 0; border-bottom:1px solid #ccc; padding:10px 0; background:#ffed00 } .con_pop.guide .box { padding-top:0 } .con_pop.guide .ec-base-tab { padding-top:30px; margin-top:0 } .con_pop.guide .ec-base-tab[class*=grid] .d_menu li a { line-height:12px } .con_pop.guide .xans-mall-faq .cont { padding:5px 15px 0 } .con_pop .ec-base-box.typeThinBg,.con_pop .ec-base-box.typeThinBg>.agree { padding:0; border:0; background:0 0 } .sns_share { color:#bbb; font-size:30px; } .wish a { color: #fc95a1; font-size:24px; } #contents { padding-bottom: 40px; } .paging { margin-bottom: 40px; } .tab_back { width: 100%; } .tab_back ul { overflow:hidden; } .tab_back ul li { float:left; width: 25%; position: relative; background: #fff; border-right:1px solid #ccc; border-top: 1px solid #ccc; border-bottom: 1px solid #000; text-align:center; padding: 14px 0; box-sizing:border-box; } .tab_back ul li:last-child { border-right:none; } .tab_back ul li a { color:#999; font-size: 13px; font-weight: 400; letter-spacing: -1.1px; } .tab_back ul li.act { background:#000; border-color:#000; } .tab_back ul li.act a { color:#fff; font-weight:500; } .tax_inbox h1:first-child { border-bottom:none; } .shopdetailImage font, .shopdetailImage p { line-height: 1.5!important; } .line_text_box h1 img { width: 4%; position: absolute; top: 50%; right: 7px; transform: translateY(-50%); } .line_text_box h1 { padding: 18px 7px; font-size: 19px; color: #000; font-weight: 400; position: relative; border-bottom: 1px solid #ccc; } .shopdetail .shopdetailItem .shopdetailImage .line_text_content table { border-bottom: none; } .line_text_box h1 img.rotating { transform: rotate(180deg); top: 38%; } .info_line_box, .information_box { margin-top: 20px; } div#sizeChart table { border-left: 1px solid #ddd; width:100%; } div#sizeChart table tbody td { /* border-top: 1px solid #000; */ /* border-right: 1px solid #000; */} div#sizeChart table tbody td, div#sizeChart table thead th { text-align: center; padding: 6px 0; /* border-top: 1px solid #000; */ border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; } .deli_box p:first-of-type span { height: 38px; } .deli_box p { margin-bottom: 5px; font-weight: 500!important; color: #888; font-size: 13px; } .deli_box span { height: 20px; margin-right: 7px; float: left; } .deli_box { line-height: 1.8; font-size: 12px; color: #888; font-weight: 500; } div#productWrap table { border-left: 1px solid #ccc; } .line_text_box div#productWrap table tbody td { padding: 7px 15px; line-height: 1.8; } div#productWrap table tbody th, div#productWrap table tbody td { padding: 7px 0; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; font-size: 12px; font-weight: 400; color: #000; background:#fff; } .review-item { margin-bottom: 20px; } .review-item-title:first-child { border-top: 1px solid #000; } .review-item-title { padding: 17px 0; border-bottom: 1px solid #9c9c9c; font-size: 13px; overflow:hidden; } .review-item-title.bottom_col { border-bottom-color:#ccc; } .review-item-title a>div { float:left; text-align:center; box-sizing:border-box; } .review-item-title a>div.review-item-subject { padding-left: 10px; width: 40%; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; text-align:left; } .review-item-id { width: 13%; } .review-item-date { width: 25%; } .review-item-star { width: 18%; } .review_board_content { padding: 16px 12px; border-bottom: 1px solid #9c9c9c; } .review_board_content .txt { font-size: 12px; line-height: 1.7; color: #000; } .percent_num { font-size: 24px; margin-right: 8px; color: #2d3645; font-weight: 700; } .review_board_content .thumbs img { width: 100%; margin-bottom: 15px; } .shopdetail .shopdetailInfo .shopdetailInfoTop figure { position:relative; } .shopdetail .shopdetailInfo .shopdetailInfoTop figure .score_star { display:none;margin-bottom: 0; float: right; margin-top: -2px; } .shopdetail .shopdetailInfo .shopdetailInfoTop figure .score_star span.star_text { font-size:18px; color:#000; font-weight: 400; } .shopdetail .shopdetailInfo .shopdetailInfoTop figure .score_star em { display:none !important; font-size: 13px; color: #888; font-weight: 400; margin-top: -5px; margin-left: 2px; } .qna-item { margin-bottom: 20px; } .qna-item-title:first-child { } .qna-item-title { padding: 20px 0; border-bottom: 1px solid #eaeaea; font-size: 13px; overflow:hidden; color: #000; position: relative; } .qna-item-title.op_title { border-bottom:none; } .qna-item-title.bottom_col { border-bottom-color:#ccc; } .qna-item-title a>div { } .qna-item-title a>div.qna-item-subject { width: 70%; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; text-align:left; color: #000; font-size: 14px; font-weight: 400; line-height: 1.5; position: relative; } .qna-item-id { width: 100%; margin-bottom: 13px; font-size: 12px; font-weight: 500; color: #888; } .qna-item-date { font-size: 12px; font-weight: 400; color: #888; position: absolute; top: 17px; right: 0; } .qna-item-num { width: 11%; } .qna_board_content { /* border-bottom: 1px solid #9c9c9c; */ background: #fafafa; border-radius: 10px; } .qna_board_content .txt { font-size: 12px; line-height: 1.7; color: #000; } .qna-item .MS_cmt_list_box .comment_list { border-top: 1px solid #ccc; background:#f5f5f5; } p.comment_tit { padding-left: 5px; padding-top: 15px; font-size: 12px; color: #000; font-weight: 500; } .qna-item .MS_cmt_list_box .comment_list table td.MS_cmt_detail { text-align: left; padding: 15px 20px 15px 15px; } .qna-item .MS_cmt_list_box .comment_list table td { text-align: center; /* background: #f5f5f5; */ /* border-top: 1px solid #ccc; */ font-size: 13px; color: #000; } .qna_board_content .thumbs img { width: 100%; margin-bottom: 15px; } input#qna_board_comment_chkpasswd { height: 50px; width: 77%; float: left; border: 1px solid #ddd; border-right: none; border-top-left-radius: 8px; border-bottom-left-radius: 8px; } .qna_board_content .txt .comment_text { padding: 25px 20px; padding-left: 15px; font-size: 13px; color:#000; font-weight: 500; overflow: hidden; } .qna_board_content .txt input[type="button"] { height: 50px; line-height: 52px; width: 23%; background: #000; border-radius: 0; border: none; color: #fff; float: left; border-top-right-radius: 8px; border-bottom-right-radius: 8px; } .none-review-list { padding: 45px 0; margin: 0px 0px 20px; border-top: 1px solid #000; border-bottom: 1px solid #000; text-align: center; font-size: 14px; } .div_tit { font-size: 16px; color: #000; font-weight: bold; margin-top: 23px; letter-spacing: -0.5px; display: inline-block; margin-bottom: 20px; } .content-review { padding: 0 19px; } #mPowerreview .btn-write { background:#000 !important; } .moon { padding: 45px 0; margin: 20px 19px; border-top: 1px solid #000; border-bottom: 1px solid #000; text-align: center; font-size: 14px; } .moon2 { margin: 10px 19px; border-top: 1px solid #000; text-align: left; font-size: 14px; padding-bottom: 20px; } .moon2 li { padding: 13px 0; } .moon2 li h1 { font-weight: 400; font-size: 16px; margin-bottom: 5px; } .moon2 li p.info { font-weight: 400; font-size: 13px; } .moon2 .paging li { border: none; display: inline-block; margin: 0 5px; padding: 0 0px; text-align: center; } .moon2 .paging li strong { border-bottom: 1px solid #000; padding: 0 5px; padding-bottom: 5px; text-align: center; } .moon2 .paging a { border: none; } h1.op_p span>img { transform: rotate(180deg) } .tax_inbox { } .tax_inbox p { font-size: 13px; color:#999; font-weight: 400; line-height: 1.8; } .tax_info { padding: 20px 19px; } . .tax_inbox p { padding: 20px 10px; line-height: 1.8; color:#363636; font-weight: 300; font-size: 14px; display:none; } .tax_inbox h1 { padding-top: 15px; font-size: 16px; color: #000; font-weight: 500; } .sizechart_btn a { font-size: 15px; color: #fff; font-weight: 300; } .sizechart_btn { background: #000; text-align: center; padding: 5px; display: inline-block; margin-left: 19px; border-radius: 3px; } .shopdetail .shopdetailInfo h2.brand_name { font-size: 17px; color:#000; font-weight:400; padding: 20px 19px; } .shopdetail .shopdetailInfo h2.brand_name i { margin:0 7px; } .shopdetail .shopdetailInfo h2.prd_name { font-size: 18px; color:#000; font-weight: 700; line-height:1.3; margin-bottom: 15px; width: 85%; } .shopdetail .shopdetailInfo p.price_num { font-size: 20px; font-weight: 500; color:#000; margin-bottom: 7px!important; } .shopdetail .shopdetailInfo div.info_box { font-size: 15px; font-weight: 400; color:#999; margin-bottom: 25px; } .shopdetail .shopdetailInfo div.info_box em, .shopdetail .shopdetailInfo div.info_box span { color:#999; letter-spacing: -1px; } .shopdetail .shopdetailInfo p.price_num .con_price { font-size: 10px; color: #888; } .shopdetail .shopdetailInfo p.price_num em { font-size: 20px; } .shopdetail .shopdetailInfo { border-bottom: 1px solid #ebebeb; } .shopdetail .shopdetailInfo .thumb { border-bottom: 1px solid #ebebeb; } .shopdetail h3 { font-weight:bold; padding:10px 15px; margin-bottom:10px; background-color:#E6D9D9; } .shopdetail h3 .fa { float:right; font-size: 1.5em; } .shopdetail .shopdetailInfo .shopdetailInfoTop figure { padding:0px 19px; } .shopdetail .shopdetailInfo .shopdetailInfoTop figcaption { text-align:left; margin-top:16px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom { background-color:#fff; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue { position: relative; border-bottom:1px solid #c7c7c7; padding:18px 15px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue em { color: #000; font-size: 13px; font-weight: 600; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue p { margin-bottom: 9px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue p:last-child { margin-bottom:0px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoName { width:30%; display:inline-block; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .shopdetailInfoCont { width:70%; display:inline-block; margin-left: -4px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .region { margin-left: 10px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .btn_relation { position:absolute; top:50%; right:10px; text-align:center; margin-top: -25px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue .btn_relation a { width:50px; height:50px; color:#fff; background-color:#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 { padding:10px 15px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area { } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed { width: 100%; position: fixed; z-index: 103; 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: 55vh;*/ padding: 20px 30px; overflow-y:auto; background-color: #fff; display: none; padding-bottom: 5px; margin-bottom: -2px; } .option_tk { display: none; } @media screen and (max-width: 359px){ .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .option_tk { height:56vh; } } .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn { width:100%; background: #fff; box-sizing: border-box; position:relative; bottom: -1px; left:0; right:0; z-index: 101; text-align: center; /*padding: 9px 8px 10px 7px; */margin:0 auto; display:none; padding: 10px 30px; box-shadow: 0px -5px 7.5px rgba(109,118,123,0.1); } .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn.fixed { display: block; position: fixed; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn.fixed a { float:left; width: 100%; /* display: table-cell; border-radius: 2px; */ } .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn.fixed a.wish_bt { width: 50px; height: 50px; text-align: center; line-height: 50px; border-radius: 8px; border: 1px solid #1d1d1f; box-sizing: border-box; -webkit-box-sizing: border-box; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn.fixed a.wish_bt img { vertical-align: middle; width: 25px; margin-top: -2px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .btn_Red { background: #19ce60; border: none; height: 48px; line-height: 48px; font-size: 16px; width: 46.5%; border-radius: 5px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .btn_Red img { width: 36px; vertical-align: middle; margin-left: 5px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .npay_btn { /* background: url(/design/triexit/MB/npay_back.png) center center no-repeat #00c739; */ background: #00c73c; width: 46.5%; margin-right: 1.25%; height: 44px; line-height: 46px; background-size: 37%; font-size: 16px; color: #fff; font-weight: 600; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .fix_cart { background: #fff; margin-right: 2px; width: 15%; font-size: 16px; color: #222; box-sizing: border-box; height: 46px; line-height: 46px; background-size: 58%; border-radius: 5px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .fix_review { position: relative; margin-right: 2px; width: 36.5%; border: 1px solid #ccc; font-size: 16px; color: #2d3645; box-sizing: border-box; height: 46px; line-height: 46px; background-size: 58%; border-radius: 5px; background: #fff; } .fix_review .review-count { display: inline-block; width: 39px; height: 18px; text-align: center; line-height: 18px; color: #fff; background: tomato; font-size: 11px !important; border-radius: 10px; margin-left: 5px; position: absolute; top: -11px; right: 10px; font-weight: bold; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .fixed-btn.fixed { display: block; position: relative; border-top: 1px solid #dbdbdb; padding: 15px 20px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area.fixed .fixed-btn.fixed .fix_review { display: none !important; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn .btn_option { text-align: left; font-weight: bold; color: #000; font-size: 17px; display: block; margin-top: 10px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoMultiSelect { background-color: #fff; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on { background-color: #fff; text-align: center; /* padding: 20px 0 0; */ display:none; overflow:hidden; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a { float: left; display: inline-block; height: 55px; line-height: 55px; box-sizing: border-box; position: relative; font-size: 17px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.wish { width: 48.5%; background-color: #FFF; border: 1px solid #000; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.cart { width: 48.5%; color: #000; background-color: #fff; border: 1px solid #cecece; margin-right: 3%; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a.cart img { width: 20px; float: left; margin-top: 15px; margin-left: 8px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a.buy { width: 48.5%; color: #fff; background-color: #4476a9; /*border: 1px solid #000; */ /* padding: 15px 32px; */ /* margin-bottom: 10px; */ float:right; border-radius: 5px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a.wish { width: 48.5%; background-color: #FFF; border: 1px solid #000; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a.cart { width: 48.5%; color: #000; background-color: #fff; border: 1px solid #cecece; margin-right: 3%; float: left; border-radius: 5px; width: calc(100% - 57px); margin-left: 7px; border-color: #1a6dff; background: #1a6dff; font-size: 14px; } .list_box.list_box2 .items li { width: 30%; margin-right: 2.5%!important; } .list_box2.list_box .items li:nth-child(2n) { margin-right: 20px; } .list_box2.list_box .items li .list_shoppingInfo .arr, .list_box2.list_box .items li .list_shoppingInfo .listPrice { font-size: 14px; } .list_box2.list_box .items li .list_shoppingInfo .consumer { font-size:11px; margin-right: 0; } .list_box2.list_box .items li .list_shoppingInfo .listPrice font, .list_box2.list_box .items li .list_shoppingInfo .consumer font { font-size:11px; } .list_box2.list_box .items li .list_shoppingInfo { padding: 5px 0 20px; } #related_product_tk .off_txt, #related_product_tk .score_font, #related_product_tk .cart_open_btn, #related_product_tk .my-wish-list, #related_product_tk .sub-name { display: none; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect { overflow: hidden; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .opt-com { text-align: right; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect p { padding: 6px 19px; overflow: hidden; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect p:last-child { margin-bottom:15px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoName { width: 100%; font-size: 13px; color: #000; font-weight: 400; display: block; float: left; line-height: 18px; margin: 0; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCont { width: 100%!important; display:inline-block; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCont select { width:100%; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCount .txt-qnty { text-align:right; padding:0 6px; width: 50px !important; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCount .fa-plus { background-color: #bbb; width: 35px; height: 35px; text-align: center; vertical-align: middle; line-height: 35px; color: #fff; margin: 0 5px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .shopdetailInfoCount .fa-minus { background-color: #bbb; width: 35px; height: 35px; text-align: center; vertical-align: middle; line-height: 35px; color: #fff; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoMultiSelect .MK_optAddWrap #MK_innerOptScroll { } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .add-option-sel { font-weight: 500; font-size: 12px; color:#000; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .add-option select { margin-bottom: 10px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .add-option .shopdetailInfoName { vertical-align: top; padding-top: 11px; } .shopdetail .shopdetailBoard { text-align:center; border-top:1px solid #bbb; border-bottom:1px solid #bbb; margin-bottom:32px; } .shopdetail .shopdetailBoard a { width:33.33%; background-color:#f8f8f8; border-left:1px solid #bbb; display:inline-block; margin-left: -1px; font-weight:bold; padding:20px 0; } #MK_innerOpt_01 { /* padding: 0 19px; */ } .MK_optAddWrap #MK_innerOptWrap { overflow:hidden; } .shopdetailButtonBottom { float: left; margin-top: -4px; } .shopdetailButtonBottom>a:first-child { margin-right: 10px; } .shopdetailButtonBottom>a { width: 30px; display: inline-block; } .shopdetailButtonBottom a img { width: 100%; } .MK_optAddWrap .MK_inner-opt-cm li { position:relative; /* border-bottom:1px solid #ccc; */margin: 10px 19px; padding: 19px; background: #fafafa; border-radius: 10px; } .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; font-size: 13px; color: #000; font-weight: 500; } .MK_optAddWrap .MK_inner-opt-cm .MK_p-name strong { font-weight:500; } .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl { position: relative; width: 108px; height: 30px; box-sizing: border-box; border: none; display: inline-block; font-size: 0; margin-top: 20px; } .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl input[type="tel"] { padding: 0; text-align: center!important; width: 45px; height: 30px; border: none; font-size: 16px; color: #000; font-weight: 500; float: none!important; outline: none; background: none; } .MK_optAddWrap .MK_inner-opt-cm .MK_btn-del { position: absolute; top: 20px; right: 19px; width: 12px; height: 12px; background: url(/design/triexit/NEW_IMG/ic_cancel.svg) center; } .MK_optAddWrap .MK_inner-opt-cm .MK_btn-del img { display:none; } .MK_optAddWrap .MK_inner-opt-cm .MK_price { position:absolute; bottom: 25px; right: 19px; font-size: 15px; font-weight:500; color: #000; } .MK_optAddWrap .MK_inner-opt-cm .MK_price span { font-size: 18px; } .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl .btn-type-02 { height: 30px; width: 30px; display: inline-block; text-align: center; line-height: 24px; font-size: 23px; border: 1px solid #ddd; box-sizing: border-box; color: #000; border-radius: 50%; position: relative; text-indent: -9999px; background-size: 11px auto!important; background:#fff url(/design/triexit/NEW_IMG/plus_bt.svg) no-repeat; background-position: center center; float: right; } .MK_optAddWrap .MK_inner-opt-cm .MK_qty-ctrl a:last-child { background: #fff url(/design/triexit/NEW_IMG/minus_bt.svg) no-repeat; background-position: center center; float: left; } .MK_optAddWrap #MK_innerOptWrap.total { overflow: hidden; } .MK_optAddWrap .total { text-align:right; padding: 15px 19px 0; font-size: 17px; } span.MK_txt-total { font-size: 24px; font-weight: 300; color: #000; margin-right: 7px; } .MK_optAddWrap .MK_total { color: #000; font-size: 25px; font-weight: 500; margin-right: -3px; } .MK_optAddWrap .MK_txt-won { font-size:17px; } .MK_optAddWrap_div { height:10px; padding:0; background:#f6f6f6; border-top:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; } .MK_optAddWrap_line { height:1px; padding:0; background:#f6f6f6; border-bottom:1px solid #c7c7c7; } #MK_innerOptTotal { padding:0px; text-align:right; float:right; } .shopdetail .shopdetailInfo .gray-delivery { padding: 2px; background-color: #fff; color: #656565; font-size: 0.875em; border-radius: 3px; border: 1px solid #656565; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailTotal { background-color:#fff; text-align:right; padding:15px; font-size:1.2em; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailTotal em { color:#f1191f; font-size:1.333em; margin-left:16px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton { text-align:center; padding-top:33px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop { overflow:hidden; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a { /* padding: 15px 16px; */ float: left; display: inline-block; height: 55px; line-height: 55px; box-sizing: border-box; position: relative; font-size: 17px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.wish img { width: 51%; vertical-align:middle; margin-top: -3px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonTop a.buy { width: 48.5%; color: #fff; background-color: #4476a9; border: none; /* padding: 15px 32px; */ /* margin-bottom: 10px; */ float:right; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonBottom { margin:20px 0; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailButton .shopdetailButtonBottom img { margin:0 2px; width:45px; height:auto; } .shopdetail .shopdetailCoupon { margin-top:15px; } .shopdetail .shopdetailCoupon .shopdetailCouponGet { padding:0 19px; } .shopdetail .shopdetailCoupon .shopdetailCouponGet .image_src { max-width: 100%; padding-bottom: 5px; } .shopdetail .shopdetailCoupon .shopdetailCouponGet li dl { height:34px; background:url("/images/d3/m_04/bg_coupon@2x.gif") no-repeat left center; padding:10px 0 10px 92px; border-bottom:1px dashed #cbcbcb; position:relative; background-size: 81px auto; } .shopdetail .shopdetailCoupon .shopdetailCouponGet li:last-child { border-bottom:0px none; } .shopdetail .shopdetailCoupon .shopdetailCouponGet .MS_coupon dt { width:82px; position:absolute; top:10px; left:0; color:#fff; text-align:center; } .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 19px; margin:22px 0; } .shopdetail .shopdetailItem .shopdetailItemPopup a { font-weight:400; color:#000; background-color:#fff; display:block; padding:10px 0; border: 1px solid #000; font-size: 14px; } .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 img { max-width:100% !important; height: auto !important; } .shopdetail .shopdetailItem .shopdetailImage table { width: 100% !important; border-bottom: 1px solid #ddd; } .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 .detail_box { padding-bottom: 87px; } .shopdetail .shopdetailItem .shopdetailImage div.information_box { padding:0 12px; margin-top: 10px; } .shopdetail .shopdetailItem .shopdetailNotify { margin-top:24px; } .shopdetail .shopdetailItem .shopdetailNotify .shopdetailNotifyInfo { padding:0 19px; } .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 19px 30px 19px; } .shopdetail .shopdetailRelationItem .listName input { float:right; } .shopdetail .shopdetailRelationItem .btn_cart { width:290px; text-align:center; font-weight:bold; color:#fff; background-color:#393939; display:block; padding:10px 0; margin:0 auto; } .shopdetailRelation { margin-bottom: 30px; padding: 0 19px; } .shopdetailRelation .list_shoppingRelationItem1x { padding: 0 7px; } .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 7px; } .shopdetailRelation .list_shoppingRelationItem1x li:first-child { border:0px none; } .shopdetailRelation .list_shoppingRelationItem1x li img.listPic { width:40%; float:left; } .shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo { width:57%; float:left; padding-left:3%; position: relative; } .shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listName { border-bottom: 1px solid #dedede; padding: 0 19px 2px 0; margin-bottom: 5px; } .shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .options-select { width:100%; } .shopdetailRelation .list_shoppingRelationItem1x .MS_related_checkbox { position:absolute; top:0; right:0; } .shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listCount { margin: 12px 0; } .shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listCount .amount-input { text-align:right; } .shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listCount .fa-plus { background-color: #bbb; width: 30px; height: 30px; text-align: center; vertical-align: middle; line-height: 30px; color: #fff; } .shopdetailRelation .list_shoppingRelationItem1x .list_shoppingInfo .listCount .fa-minus { background-color: #bbb; width: 30px; height: 30px; text-align: center; vertical-align: middle; line-height: 30px; color: #fff; } .shopdetailRelation .list_shoppingRelationItem1x .btn_Black { width:290px; margin: 0 auto; } input[type="text"], input[type="date"], input[type="tel"], input[type="number"], input[type="email"], input[type="password"], select { font-size:14px; } .shopdetail .okdgg-checkout { margin-top: 15px; } .shopdetail .okdgg-checkout img { max-width: 90%; height: auto; } .cs-button { bottom: 53px !important; } .shopdetail .soldout_anchor { display:block !important; } .shopdetail .MK_btn-sms { display: inline-block; width: 100%; height: 35px; line-height: 35px; text-align: center; border: 1px solid #808080; color: #fff; font-weight: bold; background-color: #636363; background-image: -webkit-gradient(linear, left top, left bottom, from(#636363), to(#5e5e5e)); background-image: -webkit-linear-gradient(top, #636363, #5e5e5e); background-image: -moz-linear-gradient(top, #636363, #5e5e5e); background-image: -o-linear-gradient(top, #636363, #5e5e5e); background-image: linear-gradient(to bottom, #636363, #5e5e5e); -webkit-border-radius: 3px !important; border-radius: 3px !important; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .shopdetail .MK_btn-sms span { padding-left: 24px; background: url(/images/d3/m_01/bull/alarm_fff@2x.png) no-repeat 0 50%; background-size: 18px 14px; } /*#nhn_btn { opacity: 0!important; } */ #payco_order_btn { padding-top:15px; } #kakaopay_order_btn { padding-top:15px; } #nhn_btn .npay_button_box { border-top: none!important; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap { padding:5px 15px 10px; background:#f6f6f6; border-bottom:1px solid #c7c7c7; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box:not(:last-child) { width:100%; border-bottom:1px solid #cecece; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box.last { border-bottom:none; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .tit { width:100%; padding:10px 0; color:#3b3b3b; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list:after { clear: both; content: ""; display: block; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list { width:100%; font-size:0.875em; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li { float:left; width:20%; list-style:none; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li.last { } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl { width:54px; padding-bottom:10px; text-align:center; color:#333; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdchk { text-align:left; padding-bottom:5px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdchk input { width:12px; height:12px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdimg { position:relative; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdimg img { width:54px; height:54px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdimg.noimg { width:52px; height:52px; border:1px solid #d8d8d8; background:#fff url(/makeshop/newmanager/neoimages/h52_noimg.gif) no-repeat center center; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdimg .soldout { position:absolute; top:0; left:0; display:inline-block; width:54px; height:54px; line-height:56px; color:#fff; text-align:center; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdimg .soldout-bg { position:absolute; top:50%; left:0; display:inline-block; width:54px; height:20px; margin-top:-10px; background:#000; filter:alpha(opacity:40); opacity:0.4; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdimg .sel-img { position:absolute; top:0; left:0; display:inline-block; width:54px; height:54px; background:#000; filter:alpha(opacity:40); opacity:0.4; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdname { padding-top:5px; line-height:14px; word-wrap:break-word; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdnote { padding-bottom:3px; line-height:14px; word-wrap:break-word; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdprice { padding-bottom:3px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdqty { } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdqty input { display:inline-block; width:20px; height:15px; line-height:17px; padding:0 5px; border:1px solid #707070; font-size:11px; text-align:right; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdqty .btn-up-down { display:inline-block; width:11px; height:14px; line-height:0; font-size:0; vertical-align:top; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdqty .btn-up-down a { display:inline-block; width:11px; height:9px; line-height:0; font-size:0; vertical-align:top; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .option-box .list li dl dd.prdqty .btn-up-down .btn-up { margin-bottom:1px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .add-option-sel { font-weight: bold; font-size: 1.1em; padding: 10px 0; border-top:1px solid #cecece; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .shopdetailInfoName { width: 28%; padding-right: 5px; display:inline-block; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .shopdetailInfoCont { width:70%; display:inline-block; margin-left: -4px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .shopdetailInfoCont select { width:100%; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .shopdetailInfoCount .txt-qnty { text-align:right; padding:0 6px; width: 50px !important; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .shopdetailInfoCount .fa-plus { background-color: #bbb; width: 35px; height: 35px; text-align: center; vertical-align: middle; line-height: 35px; color: #fff; margin: 0 5px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .option-wrap .shopdetailInfoCount .fa-minus { background-color: #bbb; width: 35px; height: 35px; text-align: center; vertical-align: middle; line-height: 35px; color: #fff; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .MK_optAddWrap #MK_innerOptPrice, .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .MK_optAddWrap #MK_innerOptAdd { padding-bottom:5px; margin-right: 10px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .option_area .MK_optAddWrap #MK_optAddWrapList { background-color:#f6f6f6; } .shopdetail .shopdetailInfo .shopdetailInfoTit { font-size: 15px; color: #000; font-weight: 400; font-weight: bold; font-size: 12px; margin-bottom: 10px; } .shopdetail .shopdetailInfo .shopdetailInfoWrap:after { clear: both; content: ""; display: block; } .shopdetail .shopdetailInfo .shopdetailInfoWrap { margin-bottom: 7px; } .shopdetail .shopdetailInfo .shopdetailInfoWrap:last-of-type { border-bottom: 0; } .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoTop { float:left; width: 24%; border-radius: 8px; overflow: hidden; } .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoTop figure { border:0; padding: 0; } .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue { float:right; width: 72%; padding: 0; border:0; } .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue .shopdetailInfoprdName { font-size: 12px; font-weight: 500; color: #000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; line-height: 1; } .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue .shopdetailInfoCont { width:auto; margin:0; width: 100%; } .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoValue .shopdetailInfoName { width:auto; } .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoSelect p { overflow: visible; padding:0; background:none; float: left; width: 49%; margin-left: 2%; } .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoSelect .shopdetailInfoCont .basic_option { width:100%; height: 35px; line-height: 35px; font-size: 13px; } .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoSelect .shopdetailInfoName { display:none; width:100%; padding:0 0 5px 0; } .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoSelect p:first-of-type { margin-left: 0; } .shopdetailInfoOneclick { clear:both; padding: 0px 19px 20px; overflow:hidden; zoom:1; } .shopdetailInfoOneclick > span { } .shopdetailInfoOneclick .shopdetailInfoList { } .MK-oneclick-list { overflow:hidden; zoom:1; } .MK-oneclick-list:after { content: ""; display: block; clear: both; } .MK-oneclick-list li { float:left; margin: 0 7px 5px 0; } .MK-oneclick-list li a { border:1px solid #bbb; display: block; border-radius: 1px; box-sizing:border-box; } .MK-oneclick-list li.MK-oneclick-sel a { border:1px solid #000; } .MK-oneclick-list li.MK-oneclick-dis a { width: 100%; height: 100%; } .MK-oneclick-list li.MK-oneclick-color.MK-oneclick-sel a { } .MK-oneclick-list li a span { display: block; text-align: center; vertical-align: middle; line-height: 19px; } .MK-oneclick-list li a img { width: 100%; height:100%; } .MK-oneclick-list li.MK-oneclick-image a { height:50px; } .MK-oneclick-list li.MK-oneclick-image a img { width: auto; height: 48px;; } .MK-oneclick-list li.MK-oneclick-image.MK-oneclick-sel a img { height:46px; width: auto; } .MK-oneclick-list li.MK-oneclick-color { width: 46px; height: 46px; } .MK-oneclick-list li.MK-oneclick-color a { } .MK-oneclick-list li.MK-oneclick-color span { width: 44px; height: 44px; } .MK-oneclick-list li.MK-oneclick-color .mk-oo-sel span { width: 27px; height: 27px; } .MK-oneclick-list li.MK-oneclick-text .MK-oneclick-list li.MK-oneclick-text { min-width:35px; max-width:100%; height: 50px; } .MK-oneclick-list li.MK-oneclick-text a { /* padding: 2px; */ } .MK-oneclick-list li.MK-oneclick-text.MK-oneclick-sel a { padding:1px; } .MK-oneclick-list li.MK-oneclick-text span { /* min-width: 29px; */line-height: 44px; } .MK-oneclick-list li.MK-oneclick-text .MS-oneclick-sel span { min-width: 30px; line-height: 27px; } .MK-oneclick-value { padding-bottom: 3px; display:block; } .MK-oneclick-only-text li.MK-oneclick-text { height: auto; width: 46px; } .MK-oneclick-only-text li.MK-oneclick-text span { height: auto; line-height: 25px; font-weight: 400; color:#333; } .MK_optAddWrap .MK_inner-opt-cm li:after { /* content: ''; */ /* height: 1px; */ /* width: calc(100% - 38px); */ /* position: absolute; */ /* bottom: 0; */ /* left: 50%; */ /* transform: translateX(-50%); */ /* background: #ccc; */} .MK_optAddWrap .MK_inner-opt-cm li:first-child { } .MK_optAddWrap .MK_inner-opt-cm li:last-child:after { width:0; } #mPowerreview .tit { display: none!important; } #mPowerreview .total { margin-bottom: 20px!important; } #mPowerreview .photo-odr { margin: 0px 0 15px!important; } #mPowerreview .photo-odr .odr { width:100%!important; } #mPowerreview .photo-odr .odr select { background:#fff!important; } #mPowerreview .pr-tab { margin-bottom: 10px!important; } #mPowerreview .review-wrap > li { padding-left:0!important; padding-right:0!important; margin-bottom: 10px!important; padding-bottom:15px!important; } #mPowerreview .sumup { padding: 15px 0!important; } #mPowerreview .sumup .btn-ctr { right:0!important; } #mPowerreview .recmd { padding-left:0!important; } #mPowerreview .recmd p { right:0!important; } #mPowerreview .reply { padding-left:0!important; } #mPowerreview .reply .btn-white { right:0!important; } #mPowerreview .review-none { margin: 20px 0px!important; padding: 40px 0px 40px!important; border: 1px solid #ccc; border: none!important; border-top: 1px solid #000!important; border-bottom: 1px solid #000!important; background: #fff!important; text-align: center; } #mPowerreview .review-none p { font-size: 14px!important; } .naver-checkout .npay_button { padding: 0!important; } .npay_text { } .naver-checkout .npay_event, .naver-checkout .npay_text { display: none!important; } .npay_btn_item:first-child .npay_btn_link { height: 40px!important; border: 0!important; } .naver-checkout .npay_button_box { padding-top: 0!important; } #nhn_btn { margin-top: 20px; } #nhn_btn .npay_storebtn_bx { width: 100%!important; height: auto!important; } .npay_btn_link.npay_btn_pay .npay_logo { margin: 4px 5px 0 0 !important; } .npay_btn_list li:last-child { /*display: none!important; */} /*video*/ .detail_vwrap { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; margin: 40px 0; } .detail_vwrap iframe, .detail_vwrap object, .detail_vwrap embed { position:absolute; top:0; left:0; width:100%; height:100%; } .img_list ul { display: none; } .img_list ul.slick-initialized { display: block; } .slick-slide img { width:100%; height: 100vw; } .slick-dots {text-align: center;position: relative; margin-top: 13px; z-index: 99; } .slick-dots li { display: inline-block; margin: 0 5px; } .slick-dots li button { text-indent: -99999px; display: block; width: 20px; height: 3px; /*border-radius: 10px; */ border: 0 none; /*background-color: rgba(255,255,255,.4); 2022.12.22 다중이미지 블릿 버튼 수정 */ background-color:#eee; outline: none; border-radius: 50px; } .slick-dots .slick-active button { background-color: #12b705; opacity: 1; } .thumb .basic_img img { width: 100%; } .slick-list.draggable { overflow: hidden; } .mem_buy, .mem_cart { width: 49%; } .qna-item-id img { width: 18px; } .benefit { margin: auto; margin: 0 19px; margin-top: 15px; } .benefit p { margin-top: 10px; } .detail_box { max-height: 900px; overflow: hidden; text-align:center; width: 100%; } .more_view { text-align: center; display: block; color: #6e6e73; font-weight: bold; background: #fff; } .more_view a { display: inline-block; background: inherit; color: #12b705; border-radius: 2px; outline: none; border: 1px solid #12b705; cursor: pointer; font-weight: 700; font-size: 14px; width: 280px; height: 54px; line-height: 54px; font-family: initial; } .shopdetailItem .gradient { background: linear-gradient(to top, #fff, transparent); position: absolute; bottom: 56px; left: 0; right: 0; width: 100%; height: 87px; z-index: 8; box-sizing: border-box; } .information_box > div { padding: 0; } .information_box h3 { font-size: 13px; text-align: left; padding: 10px 0; border-bottom: 2px solid #adadad; font-weight: 700; position: relative; background-color: #fff; margin-bottom: 0; color: #797979; } .information_box h3 span { position: absolute; top: 15px; right: 10px; cursor: pointer; width: 11px; vertical-align: middle; } .information_box h3 span i { font-size: 30px; } .information_box table { font-size: 14px; margin: auto; } .information_box table tr th, .information_box table tr td { padding: 12px 0; line-height: 1.4; padding-left: 15px; font-size: 12px; color: #000; } .information_box table tr th { background-color: #fafafa; width: 30%; text-align: center; font-size: 12px; color: #000; font-weight: 500; padding-left: 0; } .information_box p { width: 98% !important; font-size: 12px; margin: 10px auto 0; text-align: left; color: #888; font-weight: 500; } #mPowerreview .review-none .btn-write { background-color:#2d3645 !important; } #basketpage { top: 400px !important; -ms-touch-action: pan-y;touch-action: pan-y; } .thumb { position: relative; margin-bottom: 20px; } .sold_out:after { content: 'SOLD OUT'; display: block; position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); text-align:center; font-size: 48px; color: #fff; line-height: 100vw; } .zoom_stop { width: 114% !important; transform: scale(0.86); margin: auto; margin-left: -30px; } .overseasDelivery { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; background: url(/design/triexit/MB/stripe.png) repeat 0 0; margin: 30px 0; } .overseasDelivery:before { position: absolute; top: 7px; right: 7px; bottom: 7px; left: 7px; background: #fff url(/design/triexit/MB/airplane.png) no-repeat top right; content: ''; } .overseasDelivery h5 { position: relative; z-index: 1; display: block; padding: 14px 0 0 0; font-size: 15px; font-weight:600; text-align:center;} .overseasDelivery > p { position: relative; z-index: 1; display: block; padding: 14px 0 10px 0; text-align:center; } .overseasDelivery a { position: relative; z-index: 1; display: block; text-align:center; padding-bottom: 15px; } .overseasDelivery ul { position: relative; z-index: 1; display: none; padding: 0 0 30px 24px; } .overseasDelivery ul li { overflow:hidden; margin-bottom: 10px; } .overseasDelivery ul li span { font-size:13px; font-weight:600; } .overseasDelivery ul li div { float: right; width: 70%; padding-right: 17px; } .url_copy_box { display: block; width: 100%; overflow: hidden; height: 44px; line-height: 44px; border: 1px solid #ddd; border-radius: 5px; box-sizing: border-box; -webkit-box-sizing: border-box; } .url_copy_box input, .url_copy_box a { float: left; } .share_div .share_inner .url_copy_box a { width: auto!important; vertical-align: middle; margin: 0; padding: 0; background: none; } #container .url_copy_box input { outline:none; font-size: 12px!important; color: #000; width: calc(100% - 49px); margin-right: 15px; border: none; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .share_div .share_inner .url_copy_box a img { margin-top: -4px; height: 20px; vertical-align: middle; } .share_div { position: fixed; top: 50%; left: 50%; background: #fff; padding: 19px; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); width: 80%; overflow: hidden; z-index: 20; box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 10px; } .share_div .share_inner { text-align: center; } .share_div .share_inner a { width: 23.5%; display: inline-block; float: left; text-align: center; padding: 14px 10px; border-radius: 22px; background: #fafafa; box-sizing: border-box; float: left; margin-right: 2%; margin-bottom: 12px; } .share_div .share_inner a:nth-of-type(4n) { margin-right:0; } .share_div .share_inner a img { height: 24px; } .delivery_outer_box .op_head { margin-bottom:5px; } .op_head { margin-bottom: 10px; position: relative; font-size: 13px; font-weight: 500; color: #1c1b1b; font-size: 14px; color: #000; font-weight: 600; } .op_head a { position:absolute; right:0; top: 0; height: 13px; cursor:pointer; } .op_head a img { height:100%; } .prd_price_box { margin-bottom: 12px; margin-top: 12px; } .prd_price_box .dc_per { color: #d70b2b; font-size: 15.4px; } .prd_price_box .dc_per span { font-size: 22px; } .prd_price_box .price_tt { font-size: 22px; font-weight: 700; color: #000; letter-spacing: -1px; } .prd_price_box .price_tt font { font-size: 16px; } .prd_price_box .consumer_tt { margin: 0 5px; font-size: 16px; color: #808085; font-weight: 400; display: block; margin-bottom: 8px; } .prd_price_box .consumer_tt font { _font-size: 11px; } .info_div_box { padding: 0 25px; margin-top: 35px; margin-bottom: 30px;} .info_div_box p { overflow: hidden; margin-bottom: 0; float: left; } .info_div_box p span { color: #000; width: 82%; } .info_div_box p span:first-of-type { width: 13%; line-height: 100%; } a.add_price_txt { border-radius: 50px; box-shadow: 2px 2px 4px 0px rgb(109 118 123 / 10%); display: block; height: 24px; line-height: 24px; border-radius: 50px; box-sizing: border-box; -webkit-box-sizing: border-box; font-size: 10px; color: #888; background: #fff; font-weight: 400; width: fit-content; padding: 0 8px; display: inline-block; margin-left: 12px; margin-top: 0px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .fixed-btn.fixed a.btn_Black { width: calc(100% - 59px); margin-left: 9px; border-color: #12b705; background: #12b705; font-size: 18px; height: 50px; line-height: 50px; border-radius: 8px; font-weight: 600; } .btn_bottom_box { padding: 10px 30px; box-shadow: 0px -5px 7.5px rgb(109 118 123 / 10%); overflow: hidden; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a.btn_Black { width: calc(100% - 59px); margin-left: 9px; border-color: #12b705; background: #12b705; font-size: 18px; height: 50px; line-height: 50px; border-radius: 8px; font-weight: 600; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a.btn_Black:hover,.shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a.btn_Black:focus,.shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on a.btn_Black:active { border-color: #2fd422; background: #2fd422; color:#fff; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on .btn_bottom_box a.wish_bt { width: 50px; height: 50px; text-align: center; line-height: 50px; border-radius: 8px; border: 1px solid #1d1d1f; box-sizing: border-box; -webkit-box-sizing: border-box; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .buy_on .btn_bottom_box a.wish_bt img { vertical-align: middle; width: 25px; margin-top: -2px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .txt { float: left; width: 100%; margin-top: 5px; } .codi_box { padding: 23px 19px 7px; border-top: 1px solid #ddd; } .shopdetail .shopdetailInfo .shopdetailInfoWrap .shopdetailInfoprdName .shopdetailInfoCont { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-top: 2px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoValue em font { font-size: 10px; } .shopdetail .shopdetailInfo p.price_num .con_price font { font-size: 10px; } span.total_price_title { float: left; font-size: 14px; color: #000; font-weight: 500; } body.products.reviews #content { font-family: 'Montserrat', 'Noto Sans KR', "Helvetica Neue", Helvetica, NanumGothic,"Malgun Gothic",Dotum,Gulim,sans-serif!important; color: #000!important; } .info_line_box { background: #fafafa; margin: 0 19px; margin-top: 25px; } .info_div_box>div { margin-bottom: 8px;} .info_div_box>div .shopdetailInfoName { float: left; width: 20%; font-size: 13px; color: #000; font-weight: 500; line-height: 24px; } .info_div_box>div .shopdetailInfoCont { float: left; font-size: 12px; line-height: 24px; } div#content { font-family: 'Montserrat', 'Noto Sans KR', "Helvetica Neue", Helvetica, NanumGothic,"Malgun Gothic",Dotum,Gulim,sans-serif!important; } .filter_sort_basic__sort_search_list, .filter_sort_basic__filter_list { overflow: hidden!important; } .review_list_v2__review_container { padding: 20px 15px!important; } .qna-list { position: relative; } .qna-list .no_list { padding: 100px 0; } .qna-title { position: absolute; bottom: 7px; right: 0; font-size: 12px; color: #000; font-weight: 700; border-bottom: 2px solid #000; padding-bottom: 1px; } .qna-title a { font-size: 12px; color: #000; font-weight: 700; } .qna-item-subject img { width: 14px; vertical-align: middle; margin-top: -3px; margin-right: 2px; } .information_box h3 span img.rotate_up { transform: rotate(180deg); } img.sns_share_btn { width: 16px; position: absolute; top: 0; right: 20px; } .qna_board_content .txt .comment_text>div span { color: #000!important; } .qna_board_content .txt .comment_text>div { margin-bottom: 10px; } #line03 { display: block; } .shopdetailRelation.list_box .items li .list_shoppingInfo .listName { overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; box-sizing: border-box; height: 40px; display: -webkit-box; white-space: normal; } span.MK-product-icons { display: none; } .shopdetailRelation.list_box .items li .thumb { height: 35vw; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .txt input { width: 100%; border: 1px solid #ddd; border-radius: 4px; font-size: 14px; color: #000; padding-left: 12px; } .shopdetail .shopdetailInfo .shopdetailInfoBottom .shopdetailInfoSelect .add_option_div .shopdetailInfoCont { width: 100%!important; margin-top: 5px; } .list_box2 .list_Info_top { height: auto; margin-bottom: 10px; font-size: 13px; } .shopdetailRelation .swiper-slide .thumb img { width:100% } .shopdetailRelation .price_top_box .consumer { display:block; font-size: 13px; } .shopdetailRelation .listPrice { font-weight: bold; margin-top: 2px; font-size: 14px; } .shopdetailRelation .listPrice em.dc_per { color:#d70b2b } /* 스마트 쿠폰 목록 */ .shopdetail .shopdetailCoupon .smart-coupon-list li {position:relative; margin:14px; border:1px solid #cecece; border-radius:10px; letter-spacing:-1px; overflow:hidden;} .shopdetail .shopdetailCoupon .smart-coupon-list li .c-info { width:82%; padding:20px; border-right: 1px dashed #cecece; box-sizing: border-box;} .shopdetail .shopdetailCoupon .smart-coupon-list li .c-image img { width:100%; height:128px;} .shopdetail .shopdetailCoupon .smart-coupon-list li p { padding-bottom:10px; line-height:18px; font-size:13px; color:#999; word-break:break-all; font-family:"Malgun Gothic"; } .shopdetail .shopdetailCoupon .smart-coupon-list li p:last-child {padding-bottom:0;} .shopdetail .shopdetailCoupon .smart-coupon-list li p.c-name { font-size:14px; color:#000; font-weight:bold; word-break: break-all; } .shopdetail .shopdetailCoupon .smart-coupon-list li p.c-price {font-size:22px; color:#ff3a34; font-weight:bold;} .shopdetail .shopdetailCoupon .smart-coupon-list li .btn-down {position:absolute; top:0; right:0; width:18%; height:100%; background:#f8f8f8; text-align:center; box-sizing: border-box;} .shopdetail .shopdetailCoupon .smart-coupon-list li .btn-down span {position:absolute; right:0; top:50%; width:100%; margin-top:-22px; height:44px; font-size:12px; display:flex; word-break:break-all; flex-wrap:wrap; align-items:center; justify-content:center; } .shopdetail .shopdetailCoupon .smart-coupon-list li .btn-down span {color:#999;} .shopdetail .shopdetailCoupon .smart-coupon-list li .btn-down span a { 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 .shopdetailCoupon .smart-coupon-list li.sc-style1.sc-reserve p.c-price {color:#3b6ce9;} .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style2 {border:1px solid #fff;} .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style2 .c-info { background:#171940; border-color:#171940; } .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style2 p { color:#fff; } .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style2 p.c-txt { color:#999; } .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style2 .btn-down { background:#ff3a34; border:0; color:#fff; } .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style2 .btn-down a { background:url('/images/common/ico_h11_down_white_l.png') no-repeat center right; } .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style2 .btn-down span { color:#fff; } .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style2.sc-reserve .btn-down { background:#3b6ce9; color:#fff; } .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style3 { border:0; border-radius:0;} .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style3 .c-info { border:1px solid #000; border-right:2px dotted #272a4d; border-radius:10px; } .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style3 p.c-price { color:#eb3697;} .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style3 .btn-down { background:#fff2f9 ; border:1px solid #272a4d; border-left:0; border-radius:10px;} .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style3 .btn-down a { background:url('/images/common/ico_h11_down_pink_l.png') no-repeat center right; } .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style3.sc-reserve p.c-price {color:#18b776;} .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style3.sc-reserve .btn-down { background:#eefff7; } .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style3.sc-reserve .btn-down span a {color:#000;} .shopdetail .shopdetailCoupon .smart-coupon-list li.sc-style3.sc-reserve .btn-down a { background:url('/images/common/ico_h11_down_green_l.png') no-repeat center right; } /* BASIC css end */