@charset 'utf-8';
/* 팝업창 헤더 */
.pop-header-fixed{position:fixed;left:0;top:0;right:0;z-index:10;background:#ffffff;}
.pop-header-fixed .pop-header-wrap{width:100%;height:50px;position:relative;}
.pop-header-fixed .pop-header-wrap .pop-header-back{position:absolute;left:10px;top:50%;margin-top:-13px;}
.pop-header-fixed .pop-header-wrap .pop-header-back .pop-header-back-icon{font-size:26px;color:#ffffff;}
.pop-header-fixed .pop-header-wrap .pop-header-title{text-align:center;height:52px;line-height:52px;color:#ffffff;font-size:20px;}
.pop-header-fixed .header_divide{height:1px;background:#dddddd;display:none;}
.pop-header-blank{height:50px;}

/* 상품상세 */
.detail-wrap{position:fixed;left:0;top:0;overflow:hidden;width:100%;height:50px;z-index:89;}
.detail-wrap .detail-header{position:relative;padding:0 10px;}
.detail-wrap .detail-header .detail-top-icon{display:block;float:left;padding:0 10px;}

.detail-wrap .detail-header .bar-item{height:50px;}
.detail-wrap .detail-header .bar-item.black{fill:#000000;}
.detail-wrap .detail-header .left{float:left;overflow:hidden;}
.detail-wrap .detail-header .right{float:right;overflow:hidden;position:relative;}
.detail-wrap .detail-header .center{position:absolute;left:0;top:15px;color:#fff;font-size:20px;width:100%;text-align:center;z-index:-1;}
.detail-wrap .detail-header .right .cart-cnt{position:absolute;top:7px;right:3px;border-radius:50%;width:18px;height:18px;background:#fff;text-align:center;}
.detail-wrap .detail-header .right .cart-cnt .cart-cnt-txt{height:18px;line-height:18px;color:#d01912;font-size:11px;}

.detail-summary-wrap{position:absolute;left:56px;top:5px;right:56px;height:50px;z-index:2;background:#fff;}
.detail-summary-wrap .detail-summary-img{width:40px;height:40px;position:absolute;left:0;top:0;bottom:0;}
.detail-summary-wrap .detail-summary-img img{width:100%;height:100%;}
.detail-summary-wrap .detail-summary-name-score{margin-left:50px;}
.detail-summary-wrap .detail-summary-name-score .detail-summary-name{line-height:20px;font-size:16px;color:#111;overflow:hidden;height:20px;text-overflow: ellipsis;white-space: nowrap;}
.detail-summary-wrap .detail-summary-name-score .detail-summary-name-multi{line-height:22px;font-size:16px;color:#111;overflow:hidden;height:40px;text-overflow: ellipsis;display:table-cell;vertical-align:middle;}
.detail-summary-wrap .detail-summary-name-score .detail-summary-score{height:20px;overflow:hidden;}
.detail-summary-wrap .detail-summary-name-score .detail-summary-score .box-star-wrap{float:left;padding-top:3px;}
.detail-summary-wrap .detail-summary-name-score .detail-summary-score .box-star-wrap .box-star{display: block;}
.detail-summary-wrap .detail-summary-name-score .detail-summary-score .box-star-wrap .box-star .mark{background: transparent url(../images/detail_top_star.png) no-repeat;width:70px;height:14px;display: inline-block; padding: 0;}
.detail-summary-wrap .detail-summary-name-score .detail-summary-score .box-star-wrap .box-star .mark .star{background: transparent url(../images/detail_top_star.png) 0 bottom no-repeat;height:14px; float: left;padding: 0;}
.detail-summary-wrap .detail-summary-name-score .detail-summary-score .box-score{font-size:14px;font-weight:bold;line-height:22px;float:left;margin-left:8px;color:#000;}

.product-image-section {position:relative;overflow:hidden;text-align:center;padding:0px;}
.product-image-section .detail-gradient-transparent{position:absolute;left:0;top:0;right:0;height:80px;z-index:10;background-image: linear-gradient(to bottom, rgba(153,153,153,0.8), rgba(153,153,153,0));}
.product-image-section .product-icon-box {position:absolute; left:15px; bottom:5px;z-index:2;}
.product-image-section .product-icon-box .product-icon{margin-bottom:6px;display:flex;gap:5px;}
.product-image-section .product-icon-box .product-icon .icon{height:20px;display:flex;align-items:center;justify-content:center;}
.product-image-section .product-icon-box .product-icon .icon01{border:1px solid #0771fa;background:#fff;color:#0771fa;font-size:11px;padding:3px 5px;text-align:center;line-height:11px;border-radius:20px;}
.product-image-section .product-icon-box .product-icon .icon02{border:1px solid #189381;background:#14be97;color:#ffffff;font-size:11px;padding:3px 5px;text-align:center;line-height:11px;border-radius:20px;}

.product-image-section .product-detail-image-box{padding:0px;}
.product-image-section .product-detail-image-box img {float:left; width:100%;}
.product-image-section .product-detail-image-box{text-align:center;width:100%;}

.product-image-section .pager-box{position:absolute;bottom:10px;right:10px;z-index:5;}
.product-image-section .pager-box .pager-conts{padding:3px 12px;background:RGBA(0,0,0,0.5);overflow:hidden;border-radius:30px;}
.product-image-section .pager-box .pager-conts .current-page{float:left;color:#ffffff;font-size:12px;font-family:sans-serif,'돋움',dotum,AppleGothic;}
.product-image-section .pager-box .pager-conts .total-page{float:left;color:#d1d1d1;font-size:12px;font-family:sans-serif,'돋움',dotum,AppleGothic;}

/* 상품간략정보 */
.product-summary-info {position:relative; overflow:hidden; background:#fff;}
.product-summary-info .product-name {margin: 15px 15px 0 15px; color:#333; font-size:20px; line-height:1.2;}
.product-summary-info .product-short-comment{color:#777;font-size:13px;margin:5px 0;}

.product-summary-info .price-section {overflow:hidden; margin: 0 15px 0 15px;}
.product-summary-info .price-section .discount { margin-top:5px;float:left; overflow:hidden; line-height:1; font-family:"lato"; font-size:15px; color:#fa0d3e}
.product-summary-info .price-section .discount .num {font-size:25px; color:#fa0d3e; font-family:"lato";}
.product-summary-info .price-section .price {margin: 0 0 8px 0; overflow:hidden; float:right;}
.product-summary-info .price-section .before {padding-right:10px; color:#aaa; font-size:17px; font-family:"lato";}
.product-summary-info .price-section .before .won{font-size:13px;}
.product-summary-info .price-section .after {color:#000; font-size:15px; font-family:"lato";}
.product-summary-info .price-section .after strong {font-weight:bold; font-size:30px;line-height:30px;}

.product-summary-info .price-section .point-box{margin-top:5px;float:left; overflow:hidden; line-height:1; font-family:"lato"; font-size:15px;line-height:30px;}
.product-summary-info .price-section .point-box .num {font-size:20px; color:#d01912; font-family:"lato";line-height:30px;}
.product-summary-info .price-section .point-box .point-dash{font-family:'sans-serif';font-size:20px;}
/* 상품 할인 */
/*
.product-summary-info .discount_info{overflow:hidden;border-top:1px solid #f1f1f1;}
.product-summary-info .discount_info .discount_tit{margin-left:15px;float:left;line-height:40px;height:40px;color:#555;font-size:15px;}
.product-summary-info .discount_info .discount_area{float:right;margin-right:15px;}
.product-summary-info .discount_info .discount_area .discount_value{line-height:40px;height:40px;color:#555;font-size:15px;}
.product-summary-info .discount_info .discount_area .discount_value strong{font-weight:bold;}
*/
.product-summary-info .discount_info{overflow:hidden;margin-left:15px;margin-right:15px;}
.product-summary-info .discount_info .discount_tit{color:#555;font-size:15px;padding:4px 0;}
.product-summary-info .discount_info .discount_cont{width:100%;overflow:hidden;padding-bottom:8px;}
.product-summary-info .discount_info .discount_cont .discount_sub{width:50%;float:left;}
.product-summary-info .discount_info .discount_cont .discount_sub .tit{font-weight:bold;font-size:14px;margin-right:5px;color:#666;}
.product-summary-info .discount_info .discount_cont .discount_sub .value{font-size:14px;margin-right:5px;color:#0099ff;}
.product-summary-info #internet_tip_id{position:absolute;left:15px;border:1px solid #eeeeee;border-radius:5px;background:#f9f9f9;z-index:2;}
.product-summary-info #internet_tip_id .tip{padding:5px;color:#777;font-size:12px;line-height:14px;}
.product-summary-info #internet_tip_id:focus{outline: 0;}

.product-summary-info .nowtotal {overflow:hidden; background:#f7f7f7; padding: 10px 15px}
.product-summary-info .nowtotal .buynow {float:left; font-size:11px; color:#767676}
.product-summary-info .nowtotal .buynow .num {color:#fa0d3e; padding-left: 3px; font-family:"lato";}
.product-summary-info .nowtotal .timer {float:right; font-size:11px; color:#767676}
.product-summary-info .nowtotal .timer .num {color:#000; padding: 0 3px; font-family:"lato";}

/* sns 공유하기 */
.share-wish {background:#fff;overflow:hidden; padding:12px 0;border-top:1px solid #f1f1f1;}
.share-wish .left{float:left;width:50%;padding-right:1px;text-align:center;position:relative;height:25px;-webkit-box-sizing: border-box; box-sizing: border-box;}
.share-wish .left .center{width:100px;position:relative;margin:0 auto;}
.share-wish .left .center .material-icons.favorite{position:absolute;left:0;top:0px;font-size:25px;color:#000;}
.share-wish .left .center .material-icons.favorite.on{color:#ff0000;}
.share-wish .left .center .txt{position:absolute;left:30px;top:3px;color:#333;font-size:18px;}
.share-wish .left .center .txt.on{color:#ff0000;}
.share-wish .left .bar{width:1px; height:16px; position:absolute; right:0; top:4px; background:#e1e1e1;}
.share-wish .right{float:right;width:50%;padding-right:1px;text-align:center;position:relative;height:25px;-webkit-box-sizing: border-box; box-sizing: border-box;}
.share-wish .right .center{width:100px;position:relative;margin:0 auto;}
.share-wish .right .center .material-icons.share{position:absolute;left:0;top:0px;font-size:23px;color:#000;}
.share-wish .right .center .material-icons.share.on{color:#ff0000;}
.share-wish .right .center .txt{position:absolute;left:30px;top:3px;color:#333;font-size:18px;}
.share-wish .right .center .txt.on{color:#ff0000;}

/* 찜 클릭 */
.wish-dlg{}
.wish-dlg .circle-alpha{position:fixed;width:150px;height:150px;top:50%;left:50%;margin:-75px 0 0 -75px;background:rgb(0,0,0,0.8);border-radius:50%;text-align:center;z-index:95;}
.wish-dlg .circle-alpha .ic-alpha{padding:10px;}
.wish-dlg .circle-alpha .ic-alpha .material-icons.wish{color:#ff0000;font-size:60px;}
.wish-dlg .circle-alpha .wish-txt .fir-row{color:#fff;font-size:20px;}
.wish-dlg .circle-alpha .wish-txt .sec-row{color:#fff;font-size:20px;}

/* 공유하기 클릭 */
.share-box{border-radius:3px; overflow:hidden; background: #fff; box-shadow:0 0 8px rgba(0,0,0,0.3); box-sizing:border-box; margin:10px;padding:25px;}
.share-box .title-box {color:#000; font-size:16px; position:relative; background: #fff;font-weight:bold;}
.share-box .btn-close {position:absolute; top:0; right:0; font-size:20px;color:#000;}
.share-box .inner-box {overflow:visible;}
.share-box .inner-box li{list-style:none;padding-top:20px;margin-right:100px;color:#000;position:relative;}
.share-box .inner-box li img{position:absolute;height:30px;top:24px;left:0px;}
.share-box .inner-box li .tit{font-size:16px;margin-left:40px;padding:10px 0;}


/* 주문상세에서 카트에니메이션 */
.cart-anim-wrap{position:fixed;top:50%;left:50%;transform: translate(-50%, -50%);width:80px;height:80px;display:none;z-index:10000;}
.cart-anim-wrap .cart-anim-section{position: relative;width:100%;height:100%;}
.cart-anim-wrap .cart-anim-section .cart-anim-img{width:100%;height:100%;}

/* 제품상세 쿠폰정보 */
.product_coup {overflow:hidden; background:#fff; padding-bottom:10px; }
.coupon_view_icon {position:relative; overflow:hidden; margin: 0 10px 0 10px; box-sizing:border-box; text-align:center; }
.coupon_view_icon span {line-height:1.2;}
.coupon_view_icon .white_box {height:55px; padding:10px; float:left; background:#fff; box-sizing:border-box; width:50%; border:1px solid #e75280; border-radius: 5px 0 0 5px; }
.coupon_view_icon .coupon_ti {display:block; color:#999; letter-spacing:-1.5px;}
.coupon_view_icon .coupon_name {display:block; color:#000; letter-spacing:-1px; margin-top:3px; font-size:14px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box;}

.coupon_view_icon .color_box {height:55px; background:#e75280; box-sizing:border-box; width:50%; float:right; padding:10px; position:relative;  border-radius: 0 5px 5px 0;}
.coupon_view_icon .coupon_discount {color:#fff; margin:0 7px 0 0; font-weight:600; padding-right:12px; font-size:15px}
.coupon_view_icon .coupon_price {display:block; color:#fff; margin-top:1px}
/*.coupon_view_icon .edge1 {background:#fff; border-radius:60px; height:15px; width:15px; box-shadow:0 0 2px rgba(0,0,0,0.5); position:absolute; left:-8px; top:-10px;}
.coupon_view_icon .edge2 {background:#fff; border-radius:60px; height:15px; width:15px; box-shadow:0 0 2px rgba(0,0,0,0.5); position:absolute; left:-8px; bottom:-10px;}
*/

/* 장바구니,구매하기,찜하기 버튼 */
.product_btn {overflow:hidden; margin: 10px; position:relative;}
.product_btn a {overflow:hidden; color:#fff; font-weight:bold; font-size:15px}
.product_btn a {height:42px; line-height:42px; text-align:center}
.product_btn .btn_left {margin-right:50px}
.product_btn .inner {float:left; width:50%;}
.product_btn .btn_cart {display:block; background:#4e4f57; margin-right:3px;}
.product_btn .btn_order {display:block; background:#d01912;  margin-left:3px;}

/* sns 공유하기
.share_sns {background:#fff;overflow:hidden; text-align:center; padding: 0 10px 10px 10px;border-bottom:1px solid #f3f3f3;}
.share_sns .left{float:left;overflow:hidden;}
.share_sns .left a {float:left; overflow:hidden; margin-left:5px}
.share_sns .left a:first-child {margin-left:0}
.share_sns .left a img {float:left; width:40px}

.share_sns .right{float:right;position:relative;}
.share_sns .right .btn_right {position:absolute; top:0; right:0;}
.share_sns .right .btn_wish {box-sizing:border-box; border:1px solid #ff71b8; border-radius: 5px 5px 5px 5px; position:relative; width:45px; height:42px; background:#fff;}
.share_sns .right .btn_wish .ic {position:absolute; left:50%; top:50%; margin: -11px 0 0 -13px }
.share_sns .right .btn_wish .on {display:none}
.share_sns .right .btn_wish img {float:left; width:26px}
.share_sns .right .btn_wish_hit .off {display:none}
.share_sns .right .btn_wish_hit .on {display:block}

.mt_line{border-top:1px solid #ddd;padding-top:10px;}
 */

/* 배송정보 */
.delivery-info{overflow:hidden; background:#fff;padding: 10px 10px 10px 10px;border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;}
.delivery-info .delivery-item{overflow:hidden;}
.delivery-info .delivery-item .tit{float:left;height:20px;line-height:20px;font-size:14px;color:#a5a5a5;letter-spacing: -0.9px;}
.delivery-info .delivery-item .cont{margin-left:85px;}
.delivery-info .delivery-item .cont div{line-height:20px;font-size:14px;word-break: break-all;word-wrap:break-word;}


/* 상품기본정보 */
.basic_info{overflow:hidden; background:#fff;padding: 0 10px 10px 10px;margin-top:10px;border-top:1px solid #f3f3f3;}
.basic_info li{list-style:none;}
.basic_info li.off{display:none;}
.basic_info .tit{font-weight:bold;height:25px;line-height:25px;font-size:15px;color:#000;}
.basic_info .cont{overflow:hidden;}
.basic_info .cont .sub_tit{float:left;height:20px;line-height:20px;font-size:14px;color:#a5a5a5;    letter-spacing: -0.9px;}
.basic_info .cont .sub_cont{margin-left:85px;}
.basic_info .cont .sub_cont div{height:20px;line-height:20px;font-size:14px;word-break: break-all;word-wrap: break-word; display: block;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap; }


/* 탭메뉴 */
.product_tab {overflow:hidden; background:#fff;width:100%;z-index:95;}
.product_tab.fixed{position:fixed;left:0;}
.product_tab a {overflow:hidden;display:block;position:relative;float:left; width:25%; text-align:center; box-sizing:border-box; height:50px; line-height:50px; background:#fff; border-bottom:1px solid #ddd;font-weight:600 !important;font-size:15px;}
.product_tab .hit {border-bottom:1px solid #d01912;color:#d01912;}
.product_tab a:first-child {border-left:none!important}
.product_tab a span{margin-left:5px;font-weight:normal;font-size:14px;color:#d01912;}
.product_tab a.hit span{color:#d01912;}

/* 상품정보내용 */
.product_detail {overflow:hidden; background:#fff; display:block;}
.product_detail.is_fixed{padding-top:50px;}


/* 상품설명(에디터 등록) */
.divide-line-1px{height:1px;background-color:#e5e5e5;}
.detail_img {overflow:hidden; padding:15px 15px 0;max-height:2000px;position:relative;;background:#ffffff;}
.detail_img img {max-width:100%;}
.detail_img.on{max-height:inherit;overflow: visible;}
.detail_img .detail_editor{position:relative;}

.detail_img .detail_editor .seller-notice-wrap{width:100%;margin-bottom:20px;overflow:hidden;}
.detail_img .detail_editor .seller-notice-wrap .seller-notice-box{width:100%;border:1px solid #e1e1e1;border-radius:5px;padding:10px;background:#f1f1f1;}
.detail_img .detail_editor .seller-notice-wrap .seller-notice-box .seller-notice-header{font-size:18px;}
.detail_img .detail_editor .seller-notice-wrap .seller-notice-box .seller-notice-subject{font-size:16px;font-weight:bold;padding:10px 0;}
.detail_img .detail_editor .seller-notice-wrap .seller-notice-box .seller-notice-subject .seller-notice-type{font-size:16px;color:#d01912;margin-right:7px;}
.detail_img .detail_editor .seller-notice-wrap .seller-notice-box .seller-notice-comment{line-height:18px;font-size:15px;}
.detail_img .detail_editor .seller-notice-wrap .seller-notice-box .seller-notice-comment img{width:100%;}

.detail_img .detail_more{position: absolute;bottom: 0;left: 0;right: 0;padding: 24px 36px 24px 36px;background-color: #fff;}
.detail_img .detail_more:before{ content: "";
    position: absolute;
    top: -40px;
    right: 0;
    width: 100%;
    height: 40px;
    background: linear-gradient(0deg, rgba(255,255,255,1), rgba(255,255,255,0));
}

.detail_img .detail_more.changed:before{ content: "";
    display:none;
}

.detail_img .detail_more.changed
{
	position:relative;
}

.detail_img .detail_more .btnToggle{
	width: 100%;
    height: 50px;    
    background-color: #ffffff;
	border-radius: 3px;
    border: solid 1px #424242;
    color: #d01912;
    font-size: 18px;
    font-weight: 400;
    line-height: 50px;
	text-align:center;	
}

/* 상품상세정보 */
.detail_info {overflow:hidden; padding:20px 15px;}
.detail_info .sub_title {color:#555; font-size:14px; letter-spacing:-1px}
.detail_info .info_table {border-top:1px solid #eee; border-right:1px solid #eee; width:100%; margin:10px 0 0 0}
.detail_info .info_table td {letter-spacing:-1px; padding:10px; border-left:1px solid #eee; border-bottom:1px solid #eee}
.detail_info .info_table td:first-child {background:#f5f5f5; font-weight:bold; color:#444; border-bottom:1px solid #eaeaea}

.detail_info .item_info {overflow:hidden; letter-spacing:-1px}

.detail_tit {font-size:14px; color:#000; font-weight:bold; margin: 20px 0 6px 0; overflow:hidden; line-height:1}
.detail_tit:first-child {margin-top:0}

/* 전자상거래등의 상품정보제공고시 */
.detail_info .information {margin-top:10px; width:100%; border:1px solid #ccc; background:rgba(0,0,0,0.07);}
.detail_info .information td {border-top:1px solid #ccc; font-size:11px;}
.detail_info .information .opt {color:#333; width: 70px; padding: 10px;}
.detail_info .information .conts {border-left:1px solid #ccc; padding: 10px; background:#f8f8f8;}


.ic_bullet {width:2px; height:2px; margin-right:3px; background:#666; float:left;  border-radius:30px; margin:6px 2px 0 0;}
.inner_board .form_area{padding: 15px 15px 0 15px;}

.inner_board .guide {padding:10px 0;}
.inner_board .guide dt {color:#333; letter-spacing:-1px; font-weight:bold; padding-bottom:5px}
.inner_board .guide dd {font-size:11px; padding:1px 0; letter-spacing:-1px; }
.inner_board .guide .txt {overflow:hidden; font-size:11px; padding:1px 0; letter-spacing:-1px;color:#777;}

.inner_board .list_section{border-top:8px solid #e9e9e9;}
.inner_board .list_section .talk_list{list-style:none;}
.inner_board .list_section .talk_list .talk-item{border-bottom:1px solid #e9e9e9;padding:0 15px 15px;}
.inner_board .list_section .talk_list .talk-item:last-child{border-bottom:none;}

.inner_board .list_section .talk_list .talk-item .secret-wrap{overflow:hidden;}
.inner_board .list_section .talk_list .talk-item .secret-icon{font-size:15px;float:left;line-height:25px;color:#111;}
.inner_board .list_section .talk_list .talk-item .secret-txt{font-size:14px;float:left;margin-left:5px;color:#111;line-height:25px;}

.inner_board .list_section .talk_list .original-conts-wrap{padding:15px 0 0;}
.inner_board .list_section .talk_list .original-conts-wrap .name-date-wrap{line-height:20px;position:relative;}
.inner_board .list_section .talk_list .original-conts-wrap .name-date-wrap .name{color:#444; font-size:13px;}
.inner_board .list_section .talk_list .original-conts-wrap .name-date-wrap .bar {background:#ccc;width:1px; height:10px; margin:4px 7px 0 7px}
.inner_board .list_section .talk_list .original-conts-wrap .name-date-wrap .date{color:#888;font-size:12px;}

.inner_board .list_section .talk_list .original-conts-wrap .name-date-wrap .talk-del-btn-wrap{position:absolute;top:0;right:0;height:20px;}
.inner_board .list_section .talk_list .original-conts-wrap .name-date-wrap .talk-del-btn-wrap .talk-del-btn{height:20px;line-height:20px;padding:0 10px;color:#fff;background:#000;border-radius:3px;font-size:11px;}

.inner_board .list_section .talk_list .original-conts-wrap .conts_txt{color:#111;}

.inner_board .list_section .talk_list .reply-conts-wrap{padding:10px;margin-top:10px;background:#f7f7f7;}
.inner_board .list_section .talk_list .reply-conts-wrap .name-date-wrap{line-height:20px;}
.inner_board .list_section .talk_list .reply-conts-wrap .name-date-wrap .name{color:#444;font-size:13px;}
.inner_board .list_section .talk_list .reply-conts-wrap .name-date-wrap .bar {background:#ccc;width:1px; height:10px; margin:4px 7px 0 7px}
.inner_board .list_section .talk_list .reply-conts-wrap .name-date-wrap .date{color:#888;font-size:12px;}
.inner_board .list_section .talk_list .reply-conts-wrap .conts_txt{color:#111;margin-top:5px;}

.talk-search-wrap{padding: 15px 15px 10px;overflow:hidden;border-bottom:1px solid #e9e9e9;}
.talk-search-wrap .talk-search-caption{float:left;color:#111;font-size:16px;}
.talk-search-wrap .talk-control-box{float:right;}
.talk-search-wrap .talk-control-box label:nth-child(2){margin-left:10px;}


/* 상품옵션 띄우기 ------------------------------------- */
.item-option-section {width:100%;position:fixed;bottom:0;left:0;z-index:1001;}	

.item-option-section .closed {position:fixed;bottom:0;left:0;right:0;z-index:2;}
.item-option-section .closed .box {background:#fff; height:100%; width:100%; padding:10px; box-sizing:border-box; overflow:hidden; border-top:1px solid #f1f1f1; }

.item-option-section .open {display:none;position:relative;}
.item-option-section .close-btn-box{overflow:hidden;width:100%;padding-top:10px;}
.item-option-section .close-btn-box .shadow{background:#fff;width:100%;border-top-left-radius:20px;border-top-right-radius:20px;-webkit-box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.5), 0px 0px 1px 0px rgba(0, 0, 0, 0.7);
    box-shadow: 0px 3px 15px -5px rgba(0, 0, 0, 0.5);padding:10px 0;text-align:center;}
.item-option-section .close-btn-box .shadow .close-btn img{width:30px;}

.option-select-wrap{position:absolute;top:43px;left:0;width:100%;height:100%;background:#fff;z-index:2;display:none;padding:0 15px;}
.option-select-wrap .option-select-border{height:100%;border-top-left-radius:10px;border-top-right-radius:10px;border:1px solid #000;border-bottom:none;z-index:10000;}
.option-select-wrap .option-select-border .option-select-head{position:relative;overflow:hidden;background:#f3f3f3;border-top-left-radius:10px;border-top-right-radius:10px;display:flex;align-items:center;justify-content:space-between;}
.option-select-wrap .option-select-border .option-select-head .option-select-head-title{padding:10px 0 10px 15px;color:#333;font-size:15px;}
.option-select-wrap .option-select-border .option-select-head .option-select-head-close{margin-right:10px;}

.item-option-section .open .box-wrap{background:#fff;position:relative;}
.item-option-section .open .box {box-sizing:border-box; overflow-y:scroll;padding:0 15px 0px;height:300px;}

.option-selectbox{margin-bottom:10px;position:relative;border:1px solid #ddd;border-radius:5px;background:#f3f3f3;display:flex;align-items:center;justify-content:space-between;}
.option-selectbox .option-selectbox-title{height:35px;line-height:35px;font-size:15px;color:#b5b5b5;padding:0 50px 0 10px;}
.option-selectbox .option-selectbox-expand{margin-right:10px;}

.option-selectbox.on{border:1px solid #000;background:#fff;}
.option-selectbox.hold{border:1px solid #ddd;background:#fff;}
.option-selectbox.hold .option-selectbox-title{color:#00cc00;}

.option-selectbox.on .option-selectbox-title{color:#000;}
.option_item_divi{margin-top:10px;color:#222;margin-bottom:5px;}


ul.option-list{list-style:none;height:355px;overflow-y:scroll;z-index:4;}
ul.option-list > li{padding:10px;border-bottom:1px solid #eee;}
ul.option-list  > li > a{position:relative;width:100%;color:#000 !important;padding-left:5px;font-size:14px;padding-right:60px;}
ul.option-list  > li > a.hold{color:#00cc00 !important;}
ul.option-list  > li > a.cnt_empty{color:#aaa !important;}
ul.option-list  > li > a .last_price{position:absolute;top:50%;right:0px;line-height:20px;height:20px;margin-top:-10px;color:#000;font-size:14px;}
ul.option-list  > li > a.cnt_empty .last_price{color:#ff0000;}

/*
ul.option-list .article{padding:4px 5px 0px 5px; font-size: 14px;}
ul.option-list .conts {padding:5px 5px ;line-height:20px;}
ul.option-list .conts input{border:1px solid #d9d9d9;padding:4px 5px;width:100%;line-height:17px;}

ul.option-list .direct_btn{text-align:center;}
ul.option-list .direct_btn a{color:#fff;padding:8px 10px;background:#d01912;border-radius:3px;font-size:14px;}
*/

.item-option .selected-item-section {overflow:hidden;}
.item-option .selected-item-section .selected-item-list{}
.item-option .selected-item-section .selected-item-list > ul {border:1px solid #d01912;border-radius:5px;background:#fff;margin-bottom:10px;}
.item-option .selected-item-section li {list-style:none; clear:both; overflow:hidden;  padding:10px; position:relative;border-bottom:1px solid #f1f1f1;}
.item-option .selected-item-section li:last-child {border-bottom:none;}

/* 옵션있을 경우 */
.item-option .selected-item-section .opt-name {overflow:hidden; font-size:14px; color:#333; letter-spacing:-0.5px; margin-bottom:8px;}
.item-option .selected-item-section .opt-name .divi {width:1px; height:10px; margin: 0 5px; display:inline-block; background:#ccc}
.item-option .selected-item-section .btn-cnt {display:flex;align-items:center;gap:5px;}
.item-option .selected-item-section .btn-cnt input[type=text] {font-family:"lato";height:30px;width:30px;text-align:center;border:1px solid #d6d6d6; color:#333; line-height:1; border-radius:initial;}
/*.item-option .selected-item-section .btn-cnt a{height:30px;width:30px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;border:1px solid #eee;border-radius:100%;background-color:#f3f3f3;color:#000;}*/
.item-option .selected-item-section .btn-cnt .btn-minus {width:30px;height:30px;fill:#eeeeee !important;}
.item-option .selected-item-section .btn-cnt .btn-plus {width:30px;height:30px;fill:#eeeeee !important;}

/* 옵션없을 경우 */
.item-option .selected-item-section .opt_none {overflow:hidden; font-size:13px; color:#333; letter-spacing:-0.5px; line-height:24px}

/*상품쿠폰*/
.item-option .selected-item-section .coupon_btn_wrap{float:left;overflow:hidden;display:flex;align-items:center;gap:3px;margin-left:8px;}
.item-option .selected-item-section .coupon_btn_wrap .coupon_apply_btn{font-size:13px;padding: 0 5px; line-height: 24px; height: 24px;box-sizing: border-box;border-radius: 3px;background: #346aff; color: #fff;}
.item-option .selected-item-section .coupon_btn_wrap .coupon_free_btn{font-size:13px;padding:0 5px;line-height:24px; height:24px;box-sizing:border-box; border-radius:3px; background:#d01912;color:#fff;}

/*구매금액*/
.item-option .selected-item-section .right {display:flex;align-items:center;gap:5px;}
.item-option .selected-item-section .right .price{color:#000; font-size:15px; font-weight:700; letter-spacing:-0.5px;}
.item-option .selected-item-section .right .price.line-through{text-decoration:line-through;font-size:12px;color:#aaa;}
.item-option .selected-item-section .right .price .unit{font-size:13px;}
.item-option .selected-item-section .right .price.line-through .unit{font-size:12px;color:#aaa;text-decoration:line-through;}
.item-option .selected-item-section .right .price em {font-size:13px; line-height:1; font-weight:normal;margin-right:5px;}
.item-option .selected-item-section .right .btn-del{width:24px;}


.item-option-section .open a {color:#fff; display:block;}
.item-option-section .open .title {color:#fff; text-align:center; font-size:16px; font-weight:bold; letter-spacing:-1px; padding:5px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.item-option-section .open .exp {text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.item-option-section .btn-open-txt {background:#d01912; text-align:center; color:#fff; font-size:20px;display:block; height:45px; line-height:45px;border-radius:3px; }

/* 상품금액 */
.item-option-section .buy-btn-section{width:100%;border-top:1px solid #f1f1f1;background:#fff;} 

.item-option-section .item-total-price-section {overflow:hidden; clear:both; padding:5px 15px 10px 15px; text-align:left; background:#fff;}
.item-option-section .item-total-price-section .item-total-price-box {overflow:hidden;}
.item-option-section .item-total-price-section .text {float:left; color:#666; font-size:15px; margin:5px 6px 0 0}
.item-option-section .item-total-price-section .item-total-price {float:right; color:#000; font-family:"lato"; font-size:20px; font-weight:700;}
.item-option-section .item-total-price-section .item-total-price em {font-size:15px; font-weight:normal}

.item-option-section .buy-btn-box {display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0px 10px 10px;}
.item-option-section .buy-btn-box .btn{width:50%;display:flex;align-items:center;height:45px;justify-content:center;font-size:20px;border-radius:3px;}
.item-option-section .buy-btn-box .btn-order{background:#d01912;border:1px solid #d01912;color:#ffffff;}
.item-option-section .buy-btn-box .btn-cart{background:#ffffff;border:1px solid #d01912;color:#d01912;}

/*
.item-option-section .wrap_select .txt_box {display:none;}
.item-option-section .btn_add {letter-spacing:-1px; font-size:15px; color:#fff; text-align:center; display:block; width:100%; box-sizing:border-box; border-radius:5px; background:#ff4e00; padding:10px; margin:5px 0 10px 0}
*/

.view_float_open .open {display:block; }
.view_float_open .closed {display:none;}	


/* 구매하기 연관상품 */
.relation_wrap{position:relative;}
.relation_top{padding:10px;border:1px solid #ddd; border-radius:5px;background:#fff;position:relative;margin-bottom:10px;}
.relation_top .relation_item{position:relative;width:100%;}
.relation_top .relation_item .thumb img{width:60px;height:60px;}
.relation_top .relation_item .info{position:absolute;left:75px;right:30px;top:0;}
.relation_top .relation_item .info .icon{position:absolute;top:0px;left:0; padding-bottom:4px;color:#00cc00;font-size:14px;font-weight:bold;}
.relation_top .relation_item .info .name_wrap{margin-top:22px;top:50%;left:0;}
.relation_top .relation_item .info .name_wrap .name{margin:auto 0;font-size:14px;color:#00cc00; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient: vertical; display: -webkit-box;word-wrap:break-word;line-height:1.2em;height: 2.4em;overflow:hidden;}
.relation_top .relation_item .expand{position:absolute;right:0px;top:50%;margin-top:-7px}

ul.relation_list{list-style:none;height:360px;overflow-y:scroll;z-index:3;}
ul.relation_list::-webkit-scrollbar {
    width: 10px;
  }
ul.relation_list::-webkit-scrollbar-thumb {
    background-color: #a5adbe;
    border-radius: 10px;
    background-clip: padding-box;
    border: 2px solid transparent;
  }
ul.relation_list::-webkit-scrollbar-track {
    background-color: #f3f3f3;   
    box-shadow: inset 0px 0px 5px white;
  }

ul.relation_list > li{padding:10px;border-bottom:1px solid #eee;}
ul.relation_list > li a{position:relative;width:100%;}
ul.relation_list .thumb{}
ul.relation_list .thumb img{width:60px;height:60px;}
ul.relation_list .info{position:absolute;left:75px;right:80px;top:0;}
ul.relation_list .info .icon{color:#111;background:#fff;font-size:14px;font-weight:bold;}
ul.relation_list .info .name{margin-top:5px;color:#333;font-size:14px; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient: vertical; display: -webkit-box;word-wrap:break-word;line-height:1.3em;height: 2.6em;overflow:hidden;}
ul.relation_list .price{position:absolute;right:0px;top:50%;-webkit-transform: translate(0, -50%);-moz-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%); transform: translate(0, -50%);color:#111;font-size:14px;font-weight:600;}
ul.relation_list > li.on .info .icon{color:#00cc00;}
ul.relation_list > li.on .info .name{color:#00cc00;}
ul.relation_list > li.on .price{color:#00cc00;}
ul.relation_list > li.on .price em{color:#00cc00;}