@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

::-webkit-scrollbar-track {
    width: 10px;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    background-color: red;
    background-clip: content-box;
}

.content_box { font-size: 12px; font-family: none;}
.scroll-lock { overflow-y: hidden }
.fixed-screen { overflow: hidden; position: fixed; width: 100%; height: 100%;}

td.simple-table.info-title:nth-child(3) { border-left: 1px solid #999;}

.simple-goods-view-container { padding: 20px; /*border: 2px solid #AFAFAF; border-radius: 10px*/ }
.simple-goods-view-container .simple-goods-view-box .simple-goods-view-info { padding: 20px 0; display: flex; justify-content: space-between }
.simple-goods-view-container .simple-goods-view-box .simple-goods-view-info .simple-goods-view-img-box { width: 10%; display: inline-block; vertical-align: top; }
.simple-goods-view-container .simple-goods-view-box .simple-goods-view-info .simple-goods-view-img-box > img { width: 100%; border-radius: 5px}
.simple-goods-view-container .simple-goods-view-box .simple-goods-view-info .simple-goods-view-info-table { display: inline-block; width: 88%; margin-left: 15px; }
.simple-goods-view-container .simple-goods-view-box .simple-goods-view-info .simple-goods-view-info-table > table { border: 1px solid #999; border-spacing: 0; width: 100%; border-radius: 5px}
.simple-goods-view-container .simple-goods-view-box .simple-goods-view-info .simple-goods-view-info-table > table > tbody > tr > th { background: #E6E6E6; padding: 20px;  }
.simple-goods-view-container .simple-goods-view-box .simple-goods-view-info .simple-goods-view-info-table > table > tbody > tr > td { padding: 11px;}

.simple-goods-view-container .simple-goods-view-box .simple-goods-view-info .simple-goods-view-info-table > table .info-title { width: 18%; height: 24px; background-color: #f7f7f7; border-right: 1px solid #999;}
.simple-goods-view-container .simple-goods-view-box .simple-goods-view-info .simple-goods-view-info-table > table > tbody > tr:first-child > th,
.simple-goods-view-container .simple-goods-view-box .simple-goods-view-info .simple-goods-view-info-table > table > tbody > tr:first-child > td { border-bottom: 1px solid #999; }
.simple-goods-view-container .simple-goods-view-box .simple-goods-view-info .simple-goods-view-info-table > table > tbody > tr:first-child > th, .simple-goods-view-container .simple-goods-view-box .simple-goods-view-info .simple-goods-view-info-table > table > tbody > tr:first-child > td:nth-child(3) {
    border-left: 1px solid #999;
}
.simple-goods-view-container .simple-goods-view-box .simple-goods-view-info .simple-goods-view-info-table .medical-charge-and-option-code { padding: unset; }
.simple-goods-view-container .simple-goods-view-box .simple-goods-view-info .simple-goods-view-info-table .medical-charge-and-option-code > select { width: 100%; border:none; /*height: 50px;*/ padding-left: 5px; }
.simple-goods-view-title { border-bottom: 1px solid #999; }
.simple-goods-view-title > h2 { display: inline-block;margin-bottom: 5px; }
.simple-goods-view-title > span { float: right; cursor: pointer }


.content_box { /*padding-bottom: 20px;*/ }

/* 심플 상품뷰 하단 영역 S */
.simple-goods-view-container .simple-goods-view-box .simple-goods-view-content-container { width: 100%; display: flex; justify-content: space-between; }
.simple-goods-view-container .simple-goods-view-box .simple-goods-view-content-container .simple-goods-view-option-wrap { border: 1px solid #999; border-radius: 5px; position: relative; background-color: #F0F0F0; width: 464px; /* height: 560px; overflow-y: auto;  overflow-x: hidden;*/ /*border: 1px solid black; border-radius: 5px;*/ float: left; background-color: #f7f7f7; background-image: url("/data/images/option_box_big_logo1.png"); background-repeat: no-repeat; background-position: center; overflow: hidden }

.simple-goods-view-container .simple-goods-view-box .simple-goods-view-content-container .simple-goods-view-option-wrap,
.simple-goods-view-container .simple-goods-view-box .simple-goods-view-content-container .option-status-wrap { display: inline-block; flex: 1 }

.simple-goods-view-container .simple-goods-view-box .simple-goods-view-content-container .simple-goods-view-option-wrap .option-status-wrap { border: 1px solid #999; width: 53%; }
/*.simple-goods-view-container .simple-goods-view-box .simple-goods-view-content-container .simple-goods-view-option-wrap .simple-goods-view-option-box .option-list > li:nth-child(n+10) { border-bottom: none; }*/
.simple-goods-view-container .simple-goods-view-box .simple-goods-view-content-container .simple-goods-view-option-wrap .simple-goods-view-option-box .option-list { height: 100%;}
.simple-goods-view-container .simple-goods-view-box .simple-goods-view-content-container .simple-goods-view-option-wrap .simple-goods-view-option-box .option-list > li { border-bottom: 1px solid #999; padding: 10px; background-color: #FFFFFF;cursor: pointer; /*display: flex; justify-content: space-between*//*display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between;*/ }
.simple-goods-view-container .simple-goods-view-box .simple-goods-view-content-container .simple-goods-view-option-wrap .simple-goods-view-option-box .option-list > li:last-child { /*border-bottom-right-radius: 5px; border-bottom-left-radius: 5px*/ margin-bottom: -1px; }
.simple-goods-view-container .simple-goods-view-box .simple-goods-view-content-container .simple-goods-view-option-wrap .simple-goods-view-option-box .option-list > li:first-child { border-top-left-radius: 5px; border-top-right-radius: 5px;}
.simple-goods-view-container .simple-goods-view-box .simple-goods-view-content-container .simple-goods-view-option-wrap .simple-goods-view-option-box .option-list > li > span { flex: 0; /*vertical-align: super;*/ }
.simple-goods-view-container .simple-goods-view-box .simple-goods-view-content-container .simple-goods-view-option-wrap .simple-goods-view-option-box .option-list > li > .option-box { display: flex; align-items: center;}
.simple-goods-view-container .simple-goods-view-box .simple-goods-view-content-container .simple-goods-view-option-wrap .simple-goods-view-option-box .option-list > .on:hover { background-color: #FFA200 }
.simple-goods-view-container .simple-goods-view-box .simple-goods-view-content-container .simple-goods-view-option-wrap .simple-goods-view-option-box .option-list > .off { color: #BCBCBC }
.simple-goods-view-container .simple-goods-view-box .simple-goods-view-content-container .simple-goods-view-option-wrap .simple-goods-view-option-box .option-list .option-value { width: 320px; flex: 1 }
.simple-goods-view-container .simple-goods-view-box .simple-goods-view-content-container .simple-goods-view-option-wrap .simple-goods-view-option-box .option-list .option-price { width: 73px; text-align: right; font-weight: bold; /*vertical-align: super;*/ }
.simple-goods-view-container .simple-goods-view-box .simple-goods-view-content-container .simple-goods-view-option-wrap .simple-goods-view-option-box .option-list .option-value,
.simple-goods-view-container .simple-goods-view-box .simple-goods-view-content-container .simple-goods-view-option-wrap .simple-goods-view-option-box .option-list .option-price { display: inline-block }


.simple-goods-view-container .simple-goods-view-box .simple-goods-view-content-container .simple-goods-view-option-wrap .option-background-box { /*position: absolute; bottom: 0;*/ background-color: #F0F0F0; background-image: url("/data/images/option_box_big_logo.png"); background-repeat: no-repeat; background-position: center; width: 100%; height: 50%; }
.simple-goods-view-container .simple-goods-view-box .simple-goods-view-content-container .simple-goods-view-option-wrap .simple-goods-view-option-box { /*height: 100%;*/ }
.simple-goods-view-container .simple-goods-view-box .simple-goods-view-content-container .simple-goods-view-option-wrap .simple-goods-view-option-box .option-background-box { }

.simple-goods-view-container .simple-goods-view-box .simple-goods-view-content-container .option-status-wrap { width: 467px; vertical-align: top; margin: 0 0 0 10px; float: left; }
.simple-goods-view-container .simple-goods-view-box .simple-goods-view-content-container .option-status-wrap .option-status-box { min-height: 156px; overflow-y: auto; overflow-x: hidden; position: relative; border-bottom: 1px solid #999; }
.simple-goods-view-container .simple-goods-view-box .simple-goods-view-content-container .option-status-wrap .option-status-box .option-status-bg-box {position: absolute;  background-image: url("/data/images/option_right_box_logo1.png"); background-repeat: no-repeat; background-position: center; background-color: #f7f7f7;  width: 100%; height: 100%; z-index: -1}
.simple-goods-view-container .simple-goods-view-box .simple-goods-view-content-container .option-status-wrap .option-status-box .option_display_area { width: 100%; margin-top: -7px; }
.simple-goods-view-container .simple-goods-view-box .simple-goods-view-content-container .option-status-wrap .option-status-box .option_display_area > tbody { margin-bottom: 5px; display: table; width: 100%; }
.simple-goods-view-container .simple-goods-view-box .simple-goods-view-content-container .option-status-wrap .option-status-box .option_display_area .cart_prdt_name { padding: 12px 10px 3px; background: #F5F5F5; border-bottom: 1px solid gray; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.simple-goods-view-container .simple-goods-view-box .simple-goods-view-content-container .option-status-wrap .option-status-box .delete_goods { float: right; }
.simple-goods-view-container .simple-goods-view-box .simple-goods-view-content-container .option-status-wrap .option-status-box .price-info-box .count { display: unset; width: 100%; padding: unset;}
.simple-goods-view-container .simple-goods-view-box .simple-goods-view-content-container .option-status-wrap .option-status-box .price-info-box .count * { display: inline }
.simple-goods-view-container .simple-goods-view-box .simple-goods-view-content-container .option-status-wrap .option-status-box .price-info-box .count .cart_btn_box { margin-left: 15px; vertical-align: super }
.simple-goods-view-container .simple-goods-view-box .simple-goods-view-content-container .option-status-wrap .option-status-box .price-info-box .option-price-box { float: right; font-size: 15px; font-weight: bold; }
.simple-goods-view-container .simple-goods-view-box .simple-goods-view-content-container .option-status-wrap .option-status-box .simple-goodsCnt { height: 20px; }
.simple-goods-view-container .simple-goods-view-box .simple-goods-view-content-container .option-status-wrap .option-status-box .goods_qty span .down { margin: unset; background-size: 24px 20px;position: relative; top: -1px; }
.simple-goods-view-container .simple-goods-view-box .simple-goods-view-content-container .option-status-wrap .option-status-box .goods_qty span button { height: 20px; }
.simple-goods-view-container .simple-goods-view-box .simple-goods-view-content-container .option-status-wrap .option-status-box .goods_qty span .up { background-size: 23px 20px;position: relative; top: -1px; }

.simple-goods-view-container .simple-goods-view-box .simple-goods-view-content-container .option-status-wrap .option-bottom-wrap { margin-top: 15px; }
.simple-goods-view-container .simple-goods-view-box .simple-goods-view-content-container .option-status-wrap .option-bottom-wrap .go-detail-btn-box { display: inline-block;}
.simple-goods-view-container .simple-goods-view-box .simple-goods-view-content-container .option-status-wrap .option-bottom-wrap .go-detail-btn-box > button { border: 1px solid #c1c1c1; background-color: #f3f3f3; font-size: 16px; border-radius: 5px; width: 170px; height: 50px;line-height: 35px;font-family: 'Noto Sans KR', sans-serif; }
.simple-goods-view-container .simple-goods-view-box .simple-goods-view-content-container .option-status-wrap .option-bottom-wrap .go-detail-btn-box > button:before{
    content: " ";    width: 25px;    height: 25px;    background-repeat: no-repeat;    display: inline-flex;    align-items: center;
    background-image: url(/data/skin/front/designbook_thegrandA/img/dimg/goodsview-bnt01.png);
    margin-right: 4px;
    position: relative;
    top: -5px
}

.simple-goods-view-container .simple-goods-view-box .simple-goods-view-content-container .option-status-wrap .option-bottom-wrap .go-detail-btn-box > button:hover{
    border:1px solid #aaaaaa;
    color: #333; background-color: #efefef;
}

.simple-goods-view-container .simple-goods-view-box .simple-goods-view-content-container .option-status-wrap .option-bottom-wrap .total-option-price { display: inline-block; float: right; text-align: right;}
.simple-goods-view-container .simple-goods-view-box .simple-goods-view-content-container .option-status-wrap .option-bottom-wrap .total-option-price  p { font-size: 13px; text-align: right; }
.simple-goods-view-container .simple-goods-view-box .simple-goods-view-content-container .option-status-wrap .option-bottom-wrap .total-option-price  span { font-size: 26px; }

.simple-goods-view-container .simple-goods-view-box .simple-goods-view-content-container .option-status-wrap .btn-choice-box { margin-top: 15px; display: flex}
.simple-goods-view-container .simple-goods-view-box .simple-goods-view-content-container .option-status-wrap .btn-choice-box #cartBtn,
.simple-goods-view-container .simple-goods-view-box .simple-goods-view-content-container .option-status-wrap .btn-choice-box .btn_add_order { width: 196.8px; flex: 1;line-height: 32px; }
.simple-goods-view-container .simple-goods-view-box .simple-goods-view-content-container .option-status-wrap .btn-choice-box #wishBtn { width: 65px; }
.simple-goods-view-container .simple-goods-view-box .simple-goods-view-content-container .option-status-wrap .btn-choice-box .btn_add_cart::before{
    content: " ";    width: 25px;    height: 25px;    background-repeat: no-repeat;    display: inline-flex;    align-items: center;
    background-image: url(/data/skin/front/designbook_thegrandA/img/dimg/goodsview-bnt02.png);
    margin-right: 5px;
    position: relative;
    top: -6px
} 
.simple-goods-view-container .simple-goods-view-box .simple-goods-view-content-container .option-status-wrap .btn-choice-box .btn_add_order::before{
    content: " ";    width: 25px;    height: 25px;    background-repeat: no-repeat;    display: inline-flex;    align-items: center;
    background-image: url(/data/skin/front/designbook_thegrandA/img/dimg/goodsview-bnt03.png);
    margin-right: 5px;
    position: relative;
    top: -5px
} 
.simple-goods-view-container .simple-goods-view-box .simple-goods-view-content-container .option-status-wrap .btn-choice-box .btn_add_wish::before{
    content: " ";    width: 25px;    height: 25px;    background-repeat: no-repeat;    display: inline-flex;    align-items: center;
    background-image: url(/data/skin/front/designbook_thegrandA/img/dimg/goodsview-bnt04.png);
    position: relative;
    top: -3px
} 
.simple-goods-view-container .simple-goods-view-box .simple-goods-view-content-container .option-status-wrap .total_price > b { font-size: 14px; color: #A7A7A7; }
.empty-line { border-bottom:1px solid #c1c1c1; margin: 10px 0; }
/* 심플 상품뷰 하단 영역 E */

.simple-goods-name-box { width: 230px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }



#simpleGoodsLayer { display: none; position: absolute; /*left: 50%;*/ /*transform: translateX(-50%);*/ width: 1010px; background-color: #FFFFFF; z-index: 1000; border: 1px solid gray; border-radius: 10px; }
.btn_add_order:hover, .btn_add_cart:hover, .btn_add_wish:hover {


}

#simpleGoodsLayer::-webkit-scrollbar {
    display: none;
}

.item_photo_box:hover > .simple-view-box { visibility: visible }

.medicalChargeLayer {
    border: 1px solid #999999;
}
.medicalChargeLayer .ly_tit {
    padding: 13px 35px 11px 15px;
    font-size: 12px;
    background: #f4f4f4;
}

.close_medical_charge_btn {
    position: absolute;
    top: 10px;
    right: 10px;
}

.medicalChargeLayer .ly_cont {
    padding: 15px;
}

/*202412*/
.simple-goods-view-container .simple-goods-view-box .simple-goods-view-content-container .option-status-wrap .option-bottom-wrap{display:flex; justify-content: space-between; gap: 18px;}
.simple-goods-view-container .simple-goods-view-box .simple-goods-view-content-container .option-status-wrap .option-bottom-wrap .total-option-price {width: 100%;}
.simple-goods-view-container .simple-goods-view-box .simple-goods-view-content-container .option-status-wrap .option-bottom-wrap .total-option-price .total_mileage_box{display:none; justify-content: flex-end; gap: 10px; align-items: baseline; border-top: solid 1px #c1c1c1; margin-top : 10px; padding-top: 10px;}
.simple-goods-view-container .simple-goods-view-box .simple-goods-view-content-container .option-status-wrap .option-bottom-wrap .total-option-price .total_mileage_box span {font-size:18px; color:#ff9900;}
.simple-goods-view-container .item_mileage {background:none; padding:0; font-size: 11px;color:#999999; display:flex; align-items:center; gap: 2px;}
.simple-goods-view-container .icon_mileage {display:block; width:11px; height: 13px;  background: url(../../../img/icon/goods_icon/icon_mileage.gif) no-repeat center; padding:0;}