/*--------------------------------------
    eyoom (이윰빌더) - 상품상세 리뉴얼
--------------------------------------*/

/*---------- Item Info ----------*/
.item-info-table {font-size:12px}
.item-info-table .width-180px {width:180px}
#sit_rel {position:relative;border:1px solid #f1f1f1;border-radius:14px;padding:24px 24px 14px;margin:24px 0 40px;background:#fff;box-shadow:0 2px 16px rgba(0,0,0,.06)}
#sit_rel h2 {position:relative;margin:0 0 20px;font-size:1.375rem;color:#252525;font-weight:700;text-align:center;padding-bottom:12px}
#sit_rel h2:after {content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:36px;height:3px;border-radius:2px;background:linear-gradient(135deg,#ffd97a,#f0a500)}
#sit_inf, #sit_use, #sit_qa, #sit_dvr, #sit_ex {margin:16px 0;border:1px solid #f1f1f1;border-radius:14px;background:#fff;box-shadow:0 2px 16px rgba(0,0,0,.06);padding:24px}
#sit_inf {margin-top:30px}
#sit_inf .hero {margin:0 0 16px;padding:14px 16px;background:#fff8e8;border:1px solid #f5d68a;border-radius:10px;color:#a97900;font-size:1rem}
#sit_inf .hero p {margin:0}
#sit_dvr img, #sit_ex img {display:block;max-width:100%;height:auto}
#sit_dvr > ul > li, #sit_ex > ul > li {position:relative;padding-left:14px;color:#757575;font-size:.875rem}
#sit_dvr > ul > li:before, #sit_ex > ul > li:before {content:"";display:block;position:absolute;top:7px;left:0;width:5px;height:5px;border-radius:50%;background-color:#f0a500}
@media (max-width:1199px) {
    #sit_rel {padding:20px 14px 10px}
    .pd-section {padding:18px}
}
@media (min-width: 768px) {
    .pg-anchor-in .nav-tabs {border-bottom:none}
    .pg-anchor-in .nav-tabs li {width:20%}
    .pg-anchor-in .nav-tabs li a {display:block;border:1px solid #f1f1f1;font-size:.9375rem;padding:14px 10px;text-align:center;margin-right:0;margin-left:-1px;background:#fafafa;color:#959595;border-bottom:none !important;transition:color .15s,background .15s}
    .pg-anchor-in .nav-tabs li a:hover {color:#e08e00}
    .pg-anchor-in .nav-tabs li a:focus {color:#959595}
    .pg-anchor-in .nav-tabs li.active {z-index:1}
    .pg-anchor-in .nav-tabs li.active a {border:1px solid #f1f1f1;padding:14px 10px 15px;font-weight:700;color:#a97900;background:#fff}
    .pg-anchor-in .tab-bottom-line {position:relative;display:block;height:2px;background:linear-gradient(90deg,#ffd97a,#f0a500);margin-top:-1px;margin-bottom:24px;border-radius:2px}
}
@media (max-width: 767px) {
    .pg-anchor-in {position:relative;overflow:hidden;margin-bottom:20px;border:1px solid #f1f1f1;border-radius:12px;background:#fafafa}
    .pg-anchor-in .nav-tabs {border-bottom:0}
    .pg-anchor-in .nav-tabs li {width:33.33333%;margin:0}
    .pg-anchor-in .nav-tabs li a {display:block;border:none;font-size:.8125rem;padding:12px 0;text-align:center;border-bottom:1px solid #f1f1f1;margin-right:0;background:#fafafa;color:#959595}
    .pg-anchor-in .nav-tabs li a:hover {color:#e08e00}
    .pg-anchor-in .nav-tabs li a:focus {color:#959595}
    .pg-anchor-in .nav-tabs li.active a {font-weight:700;border:0;border-bottom:2px solid #f0a500 !important;color:#a97900;background:#fff}
    .pg-anchor-in .nav-tabs li:nth-child(1) a {border-right:1px solid #f1f1f1}
    .pg-anchor-in .nav-tabs li:nth-child(2) a {border-right:1px solid #f1f1f1}
    .pg-anchor-in .nav-tabs li:nth-child(4) a {border-right:1px solid #f1f1f1;border-bottom:0 !important}
    .pg-anchor-in .nav-tabs li:nth-child(5) a {border-right:1px solid #f1f1f1;border-bottom:0 !important}
    .pg-anchor-in .nav-tabs li:nth-child(6) a {border-bottom:0 !important}
    .pg-anchor-in .tab-bottom-line {display:none}
}

/*---------- Item Form ----------*/
/* Shop Detail Product */
.shop-product {position:relative;padding:10px 0}
.shop-product h2 {float:left;color:#687074;font-size:26px;text-transform:uppercase}
.shop-product .list-inline {margin:0}
.shop-different-product {padding:10px 0}
.shop-different-product .btn-default {padding:5px 14px}
.shop-product-img {position:relative;overflow:hidden;border:1px solid #f1f1f1;border-radius:14px;background:#fff;padding:10px}
/* Shop Product Img */
.zoomLens {cursor:pointer !important}
.product-img-big {position:relative;padding:0 0 1px;margin:0;border-radius:10px;overflow:hidden}
.product-img-big a {display:none}
.product-img-big a.visible {display:block}
.product-img-big img {display:block;width:100% \9;max-width:100%;height:auto;border-radius:10px}
.product-img-big i {width:100%;background:#fbf7ee;text-align:center;color:#d9b96a;height:408px;line-height:408px;font-size:70px;border-radius:10px}
.product-img-big .fotorama__thumb-border {border-color:#f0a500}
@media (max-width: 500px) {
    .product-img-big i {height:300px;line-height:300px}
}
.product-thumb {position:relative;overflow:hidden;display:none;margin:10px -1px 0}
.product-thumb .thumb-img {position:relative;outline:none;padding:1px}
.product-thumb .thumb-img img {display:block;max-width:100%;height:auto;border-radius:6px;border:2px solid transparent;transition:border-color .15s}
.product-thumb .thumb-img:hover img {border-color:#f0a500}
.product-thumb .slick-prev, .product-thumb .slick-next {z-index:1;top:1px;width:20px;height:100%;height:calc(100% - 8px);background:rgba(0, 0, 0, 0.45);transform:none;-webkit-transform:none;-ms-transform:none}
.product-thumb .slick-prev:hover, .product-thumb .slick-next:hover {background:rgba(240, 165, 0, 0.75)}
.product-thumb .slick-next.slick-disabled, .product-thumb .slick-prev.slick-disabled {background:transparent}
.product-thumb .slick-next.slick-disabled:before, .product-thumb .slick-prev.slick-disabled:before {opacity:0}
.product-thumb .slick-prev {left:1px}
.product-thumb .slick-next {right:1px}
.product-thumb .slick-prev:before {font-family:'Font Awesome\ 5 Free';font-weight:900;content:"\f0d9";font-size:16px}
.product-thumb .slick-next:before {font-family:'Font Awesome\ 5 Free';font-weight:900;content:"\f0da";font-size:16px}
/* Shop Product Img Modal */
.shop-img-modal .fotorama__thumb-border {border-color:#f0a500}
@media (min-width: 992px) {
    .shop-img-modal .modal-dialog {width:600px}
    .shop-img-modal .modal-footer {text-align:center}
    .shop-img-modal .modal-footer .btn-e-lg {padding:10px 20px}
}
/* Shop Product Prev Next */
.shop-product-prev-next {position:relative;border:1px solid #f1f1f1;border-radius:10px;height:45px;padding:10px;line-height:25px;margin-top:12px;background:#fff}
.shop-product-prev-next .product-prev {position:absolute;top:0;left:0;color:#959595}
.shop-product-prev-next .product-prev i {width:45px;height:45px;line-height:45px;border-right:1px solid #f1f1f1;font-size:15px;text-align:center;margin-right:10px;color:#252525}
.shop-product-prev-next .product-next {position:absolute;top:0;right:0;color:#959595}
/* Shop Product Star Sns */
.shop-product-star-sns {position:relative;border:1px solid #f1f1f1;border-radius:10px;margin-top:10px;height:45px;padding:10px 15px;line-height:25px;background:#fff}
.shop-product-prev-next .product-next i {width:45px;height:45px;line-height:45px;border-left:1px solid #f1f1f1;font-size:15px;text-align:center;margin-left:10px;color:#252525}
.shop-product-star-sns .li-divider {display:inline-block;width:2px;height:10px;margin:0 10px;background:#eee}
.item-share-wrap {position:absolute;top:0;right:0}
.item-share-wrap .item-share-btn {width:45px;height:45px;background:none;border:0;border-left:1px solid #f1f1f1;color:#959595}
.item-share-wrap .item-share-btn:hover {color:#e08e00}
.item-share-wrap .dropdown-menu {margin-top:-4px !important;background:#fff;border:1px solid #f1f1f1;border-radius:10px;box-shadow:0 6px 20px rgba(0,0,0,.08);min-width:180px;height:53px}
.item-share-wrap img {display:block;width:100% \9;max-width:100%;height:auto}
.item-share-wrap .share-sns {position:absolute;top:10px;left:10px}
.item-share-wrap .share-facebook {display:inline-block;width:30px;height:30px;padding:5px;background:#6A82C6;border-radius:50%}
.item-share-wrap .share-twitter {display:inline-block;width:30px;height:30px;padding:5px;background:#7BBCEB;border-radius:50%}
.item-share-wrap .share-googleplus {display:inline-block;width:30px;height:30px;padding:5px;background:#CD6C59;border-radius:50%}
.item-share-wrap .share-rec {position:absolute;top:10px;right:10px;display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;color:#fff;background:linear-gradient(135deg,#ffd97a,#f0a500);border-radius:50%}
/* Shop Product Description */
.shop-product-form {border:1px solid #f1f1f1;border-radius:14px;background:#fff;box-shadow:0 2px 16px rgba(0,0,0,.06);padding:24px}
.shop-product-form .product-title {margin:0 0 16px;font-size:1.375rem;color:#151515;line-height:1.4}
.shop-product .shop-description-box {position:relative;padding:14px 16px;background:#fafafa;border:1px solid #f1f1f1;border-radius:12px;margin:20px 0 0}
.shop-product .shop-description-box .table {font-size:.9375rem;margin-bottom:0}
.shop-product .shop-description-box .table>tbody>tr>th {width:30%;color:#757575;font-weight:600}
.shop-product .shop-description-box .table>tbody>tr>th, .shop-product .shop-description-box .table>tbody>tr>td {border:0;padding:6px 0}
.shop-product .shop-description-box .shop-product-prices {font-size:1.375rem;color:#e08e00;font-weight:700}
.shop-product .shop-description-box .line-through {font-size:.9375rem;color:#b5b5b5;text-decoration:line-through;margin-left:5px}

.sit_option {padding:14px 0;border-bottom:1px solid #f1f1f1}
.sit_option label {display:block;margin:0 0 6px;color:#656565;font-weight:600}
.sit_option.eyoom-form .select select {background:#fafafa;border-color:#e5e0d0;border-radius:8px}
.sit_option.eyoom-form .select select:focus {border-color:#f0a500}
.sit_option.eyoom-form .select select:disabled {opacity:0.4;cursor:not-allowed}
.sit_option.eyoom-form .select i {background:#fafafa}
.sit_option h3 {font-size:14px;margin:0 0 10px;color:#252525}
.sit_sel_btn {position:relative} /* 선택옵션용 추가 버튼 */
.sit_sel_btn button {position:absolute;top:-51px;right:0 !important;right:15px}

#sit_sel_option h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sit_opt_added {margin:0;padding:0;border-bottom:0;background:#fff;list-style:none}
#sit_opt_added li {padding:16px;padding-right:250px;margin:0 0 10px;border:1px solid #f1f1f1;border-radius:10px;background:#fafafa;position:relative}
#sit_opt_added li:last-child {margin-bottom:0}
#sit_opt_added li .opt_name {line-height:20px;font-weight:700;color:#252525}
#sit_opt_added li .opt_count {position:absolute;top:50%;right:16px;margin-top:-15px}
#sit_opt_added button {float:left;width:30px;height:30px;border:1px solid #e5e0d0;border-radius:6px;background:#fff;color:#656565;font-size:.75rem}
#sit_opt_added button:hover {color:#e08e00;border-color:#f0a500}
#sit_opt_added .num_input {float:left;border:1px solid #e5e0d0;width:45px;height:30px;text-align:center;margin:0 -1px;background:#fff}
#sit_opt_added .sit_opt_del {border:0;font-size:.9375rem}
#sit_opt_added .sit_opt_del:hover {color:#e08e00}
#sit_opt_added .sit_opt_prc {display:block;float:right;width:110px;text-align:right;line-height:30px;font-size:.9375rem;font-weight:700;margin-right:30px;color:#e08e00}
@media (min-width:768px) and (max-width:991px) {
    #sit_opt_added li {padding-right:16px}
    #sit_opt_added li .opt_count {position:relative;top:inherit;right:inherit;margin:15px 0 0}
    #sit_opt_added .sit_opt_prc {width:150px}
}
@media (max-width:576px) {
    #sit_opt_added li {padding-right:16px}
    #sit_opt_added li .opt_count {position:relative;top:inherit;right:inherit;margin:15px 0 0}
    #sit_opt_added .sit_opt_prc {width:150px}
}

#mod_option_frm #sit_sel_option {margin:20px}
#mod_option_frm #sit_tot_price {margin:20px}
#mod_option_frm #sit_opt_added {border-top:1px solid #f1f1f1}
#mod_option_frm .btn_confirm {margin:20px}
#mod_option_frm .btn_confirm .btn_submit {height:44px;font-size:1rem;font-weight:700;width:100%;cursor:pointer;border-radius:10px;border:0;background:linear-gradient(135deg,#ffd97a,#f0a500);color:#151515}
#mod_option_frm .btn_confirm .btn_close {position:absolute;top:0;right:0;width:50px;height:50px;border:0;background:none;border-left:1px solid #f1f1f1;font-size:.9375rem}
#mod_option_frm .btn_confirm .btn_close:hover {background:#fafafa}

#sit_tot_price {margin:16px 0 0;padding:14px 16px;background:#fff8e8;border:1px solid #f5d68a;border-radius:10px;font-size:1.25rem;color:#a97900;line-height:25px;font-weight:700;text-align:right}
#sit_tot_price:after {display:block;visibility:hidden;clear:both;content:""}
#sit_tot_price span {float:left;color:#252525}
#sit_ov_soldout {padding:20px 0;margin:10px 0;color:#c0392b;background:#fdf1f0;border:1px solid #f6d5d2;border-radius:10px;font-weight:700;text-align:center}

/* Shop Product Button */
#sit_ov_btn {margin-top:20px}
#sit_ov_btn:after {display:block;visibility:hidden;clear:both;content:""}
#sit_ov_btn button {width:200px;float:left;margin-right:8px;height:52px;margin-bottom:10px;font-weight:700;font-size:16px;border-radius:10px;transition:transform .1s,box-shadow .15s}
#sit_ov_btn button:active {transform:translateY(1px)}
#sit_btn_buy {background:linear-gradient(135deg,#ffd97a,#f0a500);color:#151515;border:0;box-shadow:0 4px 14px rgba(240,165,0,.35)}
#sit_btn_buy:hover {background:linear-gradient(135deg,#ffcf5c,#e29900);box-shadow:0 6px 18px rgba(240,165,0,.45)}
#sit_btn_cart {border:1px solid #f0a500;background:#fff;color:#e08e00}
#sit_btn_cart:hover {background:#fff8e8}
#sit_btn_wish {display:inline-block;margin-bottom:10px;text-align:center;font-size:16px;float:right;width:70px;height:52px;line-height:50px;border:1px solid #e5e0d0;border-radius:10px;color:#656565;font-weight:700}
#sit_btn_wish:hover {color:#e08e00;border-color:#f0a500}
#sit_btn_alm {display:inline-block;width:215px;float:left;margin-right:8px;height:52px;line-height:52px;margin-bottom:10px;font-weight:700;font-size:16px;background:linear-gradient(135deg,#ffb0a3,#e2503b);color:#fff;border:0;border-radius:10px;text-align:center}
@media (max-width:1199px) {
    #sit_ov_btn button {width:170px}
    #sit_btn_wish {width:50px}
}
@media (max-width:991px) {
    #sit_ov_btn button {width:120px;font-size:14px}
}

/*---------- Item Use ----------*/
.product-use-top {position:relative;margin:20px 0 20px;line-height:40px}
.product-use-top h4 {display:inline-block;font-size:1rem;font-weight:700;margin-right:10px;color:#e08e00}
.product-use-top .li-divider {display:inline-block;width:2px;height:10px;margin:0 10px;background:#eee}
.product-use-top .product-use-btn {float:right}
.product-use-wrap {border-top:1px solid #f1f1f1}
.product-use-list {position:relative;padding:15px;padding-left:150px;min-height:85px;border:1px solid #f1f1f1;border-top:0}
.product-use-thumbnail {float:left;margin-right:15px}
.product-use-thumbnail img {max-width:70px;height:auto;border-radius:8px}
.product-use-title {font-weight:700;font-size:1rem}
.product-use-more {border:1px solid #e5e0d0;border-radius:8px;padding:2px 15px;color:#656565;font-size:.75rem;margin:10px 0;background:#fafafa}
.product-use-more:hover {background:#fff8e8;border-color:#f0a500;color:#a97900}
.product-use-dl {margin:0;position:absolute;top:15px;left:15px;zoom:1}
.product-use-dl:after {display:block;visibility:hidden;clear:both;content:""}
.product-use-dl dt {position:absolute;font-size:0;line-height:0;content:""}
.product-use-dl dd {color:#252525;line-height:1.5}
.product-use-dl dd i {color:#f0a500;margin-right:5px}
.product-use-dl .product-use-star {margin:-3px 0 5px}
.product-use-cont {display:none}
.product-use-p {padding:20px 0}
.product-use-cmd {text-align:right}
@media (max-width:767px) {
    .product-use-list {padding-left:15px}
    .product-use-dl {position:relative;top:inherit;left:inherit;padding-top:15px;margin-top:15px;border-top:1px solid #f5f0e2}
    .product-use-dl dd {float:left;display:inline-block;margin-right:10px}
    .product-use-dl .product-use-star {margin:-2px 10px 0 0}
}
.product-use-reply {position:relative;border-top:1px solid #f5f0e2;margin:15px 0 0;padding:15px 0 0 30px}
.product-use-reply-icon {position:absolute;top:0px;left:0px;width:10px;height:25px;text-indent:-999px;border-left:1px solid #e5e0d0;border-bottom:1px solid #e5e0d0}
.product-use-reply-icon:after {content:"";width:0;height:0;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent #e5e0d0;position:absolute;bottom:-6px;right:-8px}
.product-use-reply-title {font-size:1rem;font-weight:700;line-height:1.5}
.product-use-reply-name {font-size:.9375rem;color:#959595;margin:10px 0}
.product-use-reply-p {padding:0;background:#fff}

/*---------- Item Qa ----------*/
.product-qa-btn {float:right;margin-bottom:20px}
.product-qa-wrap {border-top:1px solid #f1f1f1}
.product-qa-list {position:relative;padding:15px;border:1px solid #f1f1f1;border-top:0;min-height:56px}
.product-qa-title {display:block;float:left;width:80%;text-align:left;font-weight:700;font-size:1rem;border:0;background:none}
.product-qa-title .sit_qaa_done {background:#9aa3ab;color:#fff;width:62px;height:20px;line-height:20px;display:inline-block;text-align:center;padding:0 5px;margin-right:10px;font-size:.75rem;font-weight:normal;border-radius:10px}
.product-qa-title .sit_qaa_yet {background:linear-gradient(135deg,#ffd97a,#f0a500);border:0;color:#151515;width:62px;height:20px;line-height:20px;display:inline-block;margin-right:10px;font-size:.75rem;text-align:center;padding:0 5px;font-weight:normal;border-radius:10px}
.product-qa-dl {color:#757575;margin:0;float:left;width:20%;text-align:right;zoom:1}
.product-qa-dl:after {display:block;visibility:hidden;clear:both;content:""}
.product-qa-dl dt {position:absolute;font-size:0;line-height:0;content:""}
.product-qa-dl dd {display:inline-block;margin-left:10px}
.product-qa-cont {display:none}
.product-qa-p {margin:15px 0}
.product-qa-p .product-qa-alp {position:absolute;top:10px;left:0;font-size:1.5rem;color:#f0a500;font-weight:700}
.product-qa-qaa {padding:15px 0;padding-left:30px;position:relative;min-height:100px;border-top:1px solid #f1f1f1}
.product-qa-qaq {padding:15px 0;padding-left:30px;position:relative;min-height:100px}
.product-qa-cont textarea {display:none}
.product-qa-cmd {text-align:right}
@media (max-width:767px) {
    .product-qa-title {float:inherit;width:inherit}
    .product-qa-dl {float:inherit;width:inherit;padding-top:15px;margin-top:15px;border-top:1px solid #f1f1f1}
    .product-qa-dl dd {float:left;display:inline-block;margin-left:0;margin-right:10px}
}
