﻿.new-porduct-detail-ui-wrap{margin:14px 0 25px 0;}
.new-porduct-detail-ui-wrap .left-img-box{float:left;width:500px;margin-right:30px;}
.new-porduct-detail-ui-wrap .left-img-box img{width:100%;height:100%;}
.new-porduct-detail-ui-wrap .left-img-box .detail-big-img-wrap{border:1px solid #eaeaea;width:500px;height:500px;}
.new-porduct-detail-ui-wrap .left-img-box .detail-small-img-wrap{width:500px;margin:10px 0;}
.new-porduct-detail-ui-wrap .left-img-box .detail-small-img-wrap ul li{float:left;height:95px;width:94px;border:1px solid #eaeaea;margin-left:5px;margin-bottom:5px;cursor:pointer;}
.new-porduct-detail-ui-wrap .left-img-box .detail-small-img-wrap ul li img{width:100%;height:100%;}
.new-porduct-detail-ui-wrap .left-img-box .detail-small-img-wrap ul li.ml0{margin-left:0;}
.new-porduct-detail-ui-wrap .left-img-box .more-link{width:500px;height:30px;background:#f9f9f9;position:relative;}
.new-porduct-detail-ui-wrap .left-img-box .more-link span{color:#000000;font-size:13px;position:absolute;top:5px;left:9px;}
.new-porduct-detail-ui-wrap .left-img-box .more-link a{color:#333333;font-size:13px;position:absolute;top:5px;right:13px;padding-right:10px;}
.new-porduct-detail-ui-wrap .left-img-box .more-link a img{ width: auto;width: 4px;height: 7px;position: absolute;top: 7px;right: 0;}
.new-porduct-detail-ui-wrap .right-info-box{float:left;width:570px;text-align:left;}
.new-porduct-detail-ui-wrap .right-info-box .top-info-box{border-bottom:1px solid #eaeaea;}
.new-porduct-detail-ui-wrap .right-info-box .top-info-box .product-title{color:#3f3735;font-size:22px;
display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;white-space: normal;line-height: 1.2;height: 55px;text-align: left;
word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.new-porduct-detail-ui-wrap .right-info-box .top-info-box .top-info{margin-bottom:15px;}
.new-porduct-detail-ui-wrap .right-info-box .top-info-box .top-info .consumer-star{color:#999999;font-size:15px;float:left;}
.new-porduct-detail-ui-wrap .right-info-box .top-info-box .top-info .consumer-star div{vertical-align: middle;display:inline-block;}
.new-porduct-detail-ui-wrap .right-info-box .top-info-box .top-info .product-code{float:right;padding-top: 3px;position:relative;}
.new-porduct-detail-ui-wrap .right-info-box .top-info-box .top-info .product-code span{color:#999999;font-size:13px;}
.new-porduct-detail-ui-wrap .right-info-box .top-info-box .top-info .product-code .var-css{padding:0 10px;margin-top: 5px;}
.new-porduct-detail-ui-wrap .right-info-box .top-info-box .top-info .product-code .padding-css{cursor:pointer;}
.new-porduct-detail-ui-wrap .right-info-box .top-info-box .top-info .product-code .padding-css img{padding-left:5px;}
.new-porduct-detail-ui-wrap .right-info-box .top-info-box .top-info .product-code input{position: absolute;z-index: -1;top:0;left:0;border:0;color: #fff;width:20px;}
.new-porduct-detail-ui-wrap .right-info-box .right-price-info-box{padding:30px 0 20px 13px;}
.new-porduct-detail-ui-wrap .right-info-box .right-price-info-box .price-common-box{}
.new-porduct-detail-ui-wrap .right-info-box .right-price-info-box .price-common-box .fix-width{display:inline-block;font-size:14px;color:#3f3735;height:30px;width:90px;text-align:left;vertical-align: middle;line-height:30px;}
.new-porduct-detail-ui-wrap .right-info-box .right-price-info-box .price-common-box .text-line{color:#dedede;font-size:14px;text-decoration:line-through;display:inline-block;vertical-align: middle;}
.new-porduct-detail-ui-wrap .right-info-box .right-price-info-box .price-common-box .big-font{color:#333333;font-size:14px;display:inline-block;vertical-align: middle;}
.new-porduct-detail-ui-wrap .right-info-box .right-price-info-box .price-common-box .big-font strong{font-size:28px;color:#333333;}
.new-porduct-detail-ui-wrap .right-info-box .right-price-info-box .price-common-box .red-font{font-size:14px;color:#d3023b;font-weight:bold;display:inline-block;vertical-align: middle;}
.new-porduct-detail-ui-wrap .right-info-box .right-price-info-box .price-common-box .normal-font{color:#333333;font-size:14px;display:inline-block;vertical-align: middle;}
.new-porduct-detail-ui-wrap .right-info-box .right-price-info-box .price-common-box .up-down-count{display:inline-block;position:relative;width:118px;height:30px;backgrond#eaeaea;vertical-align: middle;}
.new-porduct-detail-ui-wrap .right-info-box .right-price-info-box .price-common-box .up-down-count .minus{position:absolute;top:0;left:0;width:30px;height:30px;background:#eaeaea;color:#d3023b;font-size:18px;text-align:center;font-weight:bold;cursor:pointer;}
.new-porduct-detail-ui-wrap .right-info-box .right-price-info-box .price-common-box .up-down-count .plus{position:absolute;top:0;right:0;width:30px;height:30px;background:#eaeaea;color:#d3023b;font-size:18px;text-align:center;font-weight:bold;cursor:pointer;}
.new-porduct-detail-ui-wrap .right-info-box .right-price-info-box .price-common-box .up-down-count input{font-size:15px;color:#3f3735;
width:58px;height:30px;display:inline-block;position:absolute;top:0px;left:30px;background:#fff;border:0;text-align:center;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;}
.new-porduct-detail-ui-wrap .right-info-box .right-price-info-box .price-common-box .mb10{margin-bottom:5px;}
.new-porduct-detail-ui-wrap .right-info-box .right-price-info-box .price-common-box .product-option-select{width:360px;
height:35px;border:1px solid #eaeaea;background:#fff;text-align:center;color:#333333;font-size:14px;
display:inline-block;vertical-align: middle;padding:0 40px 0 20px;}
.new-porduct-detail-ui-wrap .right-info-box .right-price-info-box .price-common-box .product-option-select.add-select{margin: 5px 90px 5px 0;}

/* 230119이전 기존 소스 - 상세페이지 버튼 */
/* .new-porduct-detail-ui-wrap .right-info-box .btn-wrap{border-top:1px solid #eaeaea;padding-top:15px;}
.new-porduct-detail-ui-wrap .right-info-box .btn-wrap button{border:0;float:left;cursor:pointer;margin-left:6px;width:138px;height:50px;}
.new-porduct-detail-ui-wrap .right-info-box .btn-wrap button.btn-css-1{color:#fff;font-size:16px;font-weight:bold;background:#d3023b;}
.new-porduct-detail-ui-wrap .right-info-box .btn-wrap button.btn-css-1.ml0{margin-left:0;}
.new-porduct-detail-ui-wrap .right-info-box .btn-wrap button.btn-css-2{color:#2c9d42;font-size:16px;border:1px solid #2c9d42;background:#fff;}
.new-porduct-detail-ui-wrap .right-info-box .btn-wrap button.btn-css-2.ml0{margin-left:0;}
.new-porduct-detail-ui-wrap .right-info-box .btn-wrap button.btn-css-3{color:#d3023b;font-size:16px;border:1px solid #d3023b;background:#fff;} */
/* 230119이전 기존 소스 - 상세페이지 버튼 */


/* 230119 신규 작성 - 상세페이지 버튼 */
.new-porduct-detail-ui-wrap .right-info-box .btn-wrap{ display: flex; justify-content: flex-start; align-items: center; flex-flow: row wrap; border-top:1px solid #eaeaea;padding-top:15px; }
.new-porduct-detail-ui-wrap .right-info-box .btn-wrap button { /* width:138px; */ width:calc((100% - 12px) / 3); height:50px; font-size:16px; border:0; margin:0 0 0 6px; cursor:pointer; }
.new-porduct-detail-ui-wrap .right-info-box .btn-wrap.divideFour button { width:calc((100% - 18px) / 4); }
.new-porduct-detail-ui-wrap .right-info-box .btn-wrap button:first-child { margin:0; }

.new-porduct-detail-ui-wrap .right-info-box .btn-wrap button.btn-css-1{color:#fff; font-weight:bold; background:#d3023b;} /* 장바구니 */
.new-porduct-detail-ui-wrap .right-info-box .btn-wrap button.btn-css-2{color:#2c9d42; border:1px solid #2c9d42; background:#fff;} /* 팝콘 */
.new-porduct-detail-ui-wrap .right-info-box .btn-wrap button.btn-css-3{color:#d3023b; border:1px solid #d3023b; background:#fff;} /* 위시리스트 */
.new-porduct-detail-ui-wrap .right-info-box .btn-wrap button.btn-css-4{color:#d3023b; border:1px solid #d3023b; background:#fff;} /* 품절 */
.new-porduct-detail-ui-wrap .right-info-box .btn-wrap button.btn-css-5{ width:100%; margin:10px 0 0; color:#fff; font-weight:bold; background:linear-gradient(to top, #2e81ff, #2e5fff); border:none; } /* 정기구매 */
.new-porduct-detail-ui-wrap .right-info-box .btn-wrap button.btn-css-6{color:#fff; font-weight:bold; background:#2e81ff;} /* 정기구매 장바구니 버튼2 */
/* 230119 신규 작성 - 상세페이지 버튼 */

/* 230119 신규 작성 - Modal */
#detailModal { display: none; position: fixed; top:0; right:0; flex-direction: column; align-items: center; justify-content: center; width:100%; height:100%; background:rgb(0, 0, 0, 0.6); transition: all 1s ease-in-out; z-index:8887; }
#detailModal .modalContent { width:400px; height:250px; background: #fff; color:#545454; border-radius:6px; }
#detailModal .modalHeader { display: flex; flex-direction: row; justify-content: space-between; align-items: center; border-bottom: 1px solid #d9d9d9; padding:1.5rem; }
#detailModal .modalHeader .title { font-size:2.0rem; font-weight:900; }
#detailModal .modalClose { color: red; text-decoration: none; font-size:2.8rem; font-weight: 300; }
#detailModal .modalClose:hover, .modalClose:focus { text-decoration: none; cursor: pointer; }
#detailModal .modalBody { height:100%; padding:20px; box-sizing: border-box; display: flex; justify-content: space-between; flex-flow: column; }
#detailModal .modalBody .modalIcon { width:100%; display: flex; justify-content:center; }
#detailModal .modalBody .modalTxt { width:100%; display: flex; justify-content:center; }
#detailModal .modalBody .modalTxt p { font-size: 18px; font-weight: normal; color: #000; line-height: 2.22; letter-spacing: -0.72px; margin: 9px 72px 43px 71px; }
#detailModal .modalBody .modalBtn { width:100%; display: flex; justify-content:flex-start; flex-flow: row; }
#detailModal .modalBody .modalBtn button { width:calc((100% - 10px) / 2); height:50px; font-size:16px; border:0; margin:0 10px 0 0; cursor:pointer; }
#detailModal .modalBody .modalBtn button.continueShoppingBlue {color:#fff; font-weight:bold; background:linear-gradient(to top, #2e81ff, #2e5fff);}
#detailModal .modalBody .modalBtn button.continueShoppingRed {color:#fff; font-weight:bold; background:#d3023b;}
#detailModal .modalBody .modalBtn button.goCart { color:#fff; font-weight:bold; background:#454545; margin:0; }
/* 230119 신규 작성 - Modal */

.new-porduct-detail-info-tab{margin:40px 0 10px 0;}
.new-porduct-detail-info-tab .detail-tab-ul li{float:left;width:16.66%;background:#f1f1f1;border:1px solid #dedede;border-bottom:1px solid #d3023b;height:50px;line-height:50px;border-left:0;cursor:pointer;
    box-sizing: border-box;text-align:center;}
.new-porduct-detail-info-tab .detail-tab-ul li a{display:inline-block;width:100%;height:100%;color:#333333;font-size:16px;text-decoration:none;}
.new-porduct-detail-info-tab .detail-tab-ul li.on{border:1px solid #d3023b;border-bottom:0;background:#fff;}
.new-porduct-detail-info-tab .detail-tab-box-common{padding:40px;}
.new-porduct-detail-info-tab .detail-tab-box-common.dis-none{display:none;}

.new-porduct-detail-ui-wrap .right-info-box .right-price-info-box .price-common-box ..black_text{display:inline-block;vertical-align:center;}
.new-porduct-detail-ui-wrap .right-info-box .top-info-box .top-info .consumer-star .star-css{margin-left:10px;}

#bodyOption{width:500px;margin-top:10px;}
.new-porduct-detail-ui-wrap .right-info-box .right-price-info-box .price-common-box .fix-width.mb10{margin-bottom:10px;}
.new-porduct-detail-ui-wrap .right-info-box .right-price-info-box .price-common-box .product-option-select{margin-bottom:10px;-webkit-appearance: initial;
background:#fff url('/images/banner/20200722/woori_detail_select_var.jpg') 95% 50% no-repeat;}

textarea.input_gray{width:100%;min-height:100px; border:1px solid #eaeaea;resize:none;padding:5px;}
select::-ms-expand {display: none;}

.sns-box{position:absolute;top:75px;right:-6px;background:#fff;border:1px solid #eaeaea;z-index:10;
margin-left:-50px;margin-top:-50px;display:none;padding:15px;}
.sns-box img{margin:0 5px;cursor:pointer;}
.sns-box::before{content:"";width:7px;height:4px;display:inline-block;background:#fff url('../images/banner/20200729/pc_box_icon.png') 0 0 no-repeat;position:absolute;
top: -4px;right: 7px;z-index:20;}
.sns-box button{position:absolute;top:0;right:0;cursor:pointer;}

/* 무이자할부 레이어창 */
.card-all-wrap{position:relative;z-index: 10;}
.card-info-btn{color:#777777;font-size:12px;border:1px solid #dddddd;height:21px;line-height:21px;padding: 0 14px 0 5px;cursor:pointer;background:#fff url('/images/banner/20200622/pay_pop_arr.jpg') 96% 50% no-repeat;z-index:10;}
.card-info-box{width:430px;box-sizing:border-box;border:1px solid #aaaaaa;position:absolute;top: 0px;left: 625px;
cursor:default;background:#fff;display:none;}
.card-info-box .card-info-box-title{position:relative;border-bottom:1px solid #e5e5e5;color:#555555;font-size:17px;height:36px;line-height:36px;padding: 0 10px;
text-align:left;}
.card-info-box .card-info-box-title img{position:absolute;top:13px;right:10px;width:11px;height:11px;background:url('/images/banner/20200622/card_info_box_close_btn.jpg') 0 0 no-repeat;cursor:pointer;}
.card-info-box .card-info-box-contetnt{padding:5px 10px;height:600px;overflow-y:scroll;}
.card-info-box .card-info-box-contetnt .card-info-table-title{color:#d2163e;font-size:13px;margin-bottom:5px;text-align:left;}
.card-info-box .card-info-box-contetnt table{width:100%;text-align:center;margin-bottom:10px;}
.card-info-box .card-info-box-contetnt table tr th{background:#e5e5e5;color:#555555;font-size:12px;border-top:2px solid #d3163e;padding:10px 0;text-align:center;}
.card-info-box .card-info-box-contetnt table tr th:first-child{border-left:1px solid #ddd;}
.card-info-box .card-info-box-contetnt table tr th:last-child{border-right:1px solid #ddd;}
.card-info-box .card-info-box-contetnt table tr td{border:1px solid #ddd;padding:10px 0;color:#777777;font-size:12px;}
.card-info-box .card-info-box-contetnt .card-info-text-box{text-align:left;}
.card-info-box .card-info-box-contetnt .card-info-text-box span{color:#777777;font-size:13px;letter-spacing:-1.5px;}
.card-info-box .card-info-box-contetnt .card-info-text-box p{position:relative;color:#777777;font-size:13px;margin:0;padding-left:10px;}
.card-info-box .card-info-box-contetnt .card-info-text-box p:after{content:"";width:6px;height:6px;background:#d2163e;border-radius:100%;position:absolute;top:8px;left:0;}
.card-info-box .card-info-box-contetnt .card-info-text-box p{padding-left:0;}
.card-info-box .card-info-box-contetnt .card-info-text-box p:after{display:none;}

/* 2021 01 27 */
ul {list-style:none;}
.new-porduct-detail-info-tab .detail-tab-ul li {list-style:none;}

/* 2021 06 09 */
.new-porduct-detail-info-tab .detail-tab-ul{padding:0;}
.bsellerinfo{width: 100%;padding:0 10px;box-sizing:border-box;}	
.btmh{padding:0 10px;}
.bsellerinfo table{width: 100%;table-layout: fixed;border-collapse: collapse;}
.bsellerinfo table tr th{text-align:left;padding:5px;border:1px solid #e6e6e6;}
.bsellerinfo table tr td{text-align:left;padding:5px;border:1px solid #e6e6e6;}