@charset "utf-8";

.dl_benefits {position: relative; box-sizing: border-box; float: none !important; display: flex; align-items: center;}
.item_info_box .move_origin_goods_pc,
.item_info_box .addgoods-popup {position: relative;display: flex;align-items: center;justify-content: center;width: 112px;height: 30px;border: 1px solid #000;font-size: 13px;letter-spacing: -0.050em;color: #000;float: right;padding: 0;box-sizing: border-box;}
.item_info_box .move_origin_goods_pc:hover,
.item_info_box .addgoods-popup:hover {color: #fff;}


/* 프로모션 안내 */
.rental_promo {position: relative; box-sizing: border-box; float: none !important; display: flex; align-items: center;}
.rental_promo * {box-sizing: border-box;}
.rental_promo dd {width: calc(100% - 130px);}
.rental_promo_box {font-size: 0; position: relative; display: block; width: 100%; height: auto; background: #fff; border: 1px solid #eaeaea; padding: 15px 19px;}
.rental_promo_box > div {line-height: 1; display: block; font-size: 14px; font-weight: 500; letter-spacing: -0.020em; color: #000;}
.rental_promo_box > div + div {margin-top: 9px;}
.rental_promo_box span {color: #aa1e2d !important;}
.rental_promo_box a {display: flex; align-items: center; width: 100%; min-height: 18px; background: url(../../img/goods/ico_rental_arrow.png)no-repeat center right;}
.rental_promo_box a img {margin-right: 5px;}

    
/* 약정기간 선택 */
.contract_period {float: none !important; display: flex; align-items: center; box-sizing: border-box; padding-top: 15px !important; padding-bottom: 15px !important;}
.contract_period * {box-sizing: border-box;}
.selected_contract_period {position: relative; }
.selected_contract_period dd {width: calc(100% - 130px);}
.selected_contract_period ul {position: relative; display: flex; width: calc(100% + 10px); margin-left: -5px;}
.selected_contract_period ul li {padding: 0 5px;}
.selected_contract_period ul li button {cursor: pointer;border-radius: 0;padding: 0 10px;font-size: 12px;font-weight: 400;color: #666;letter-spacing: -0.020em;width: 97px;height: 30px;border: 1px solid #eaeaea;cursor: pointer;margin: 0;display: flex;align-items: center;justify-content: center;transition: none !important;}
.selected_contract_period ul li button.on {border-color: #000; color: #000;}

/* 컬러 */
.rental_item_color select {width: 234px;border-color: #e5e5e5;border-radius: 0;}

/* 선납금, 제휴카드 */
dl.dl_benefits {}
dl.dl_benefits dd select {width: 234px;border-color: #e5e5e5;border-radius: 0;}

/* 예상 렌탈 금액 */
.item_add_option_box {margin-bottom: 10px;}
.estimated_amount {position: relative;display: block;width: 100%;box-sizing: border-box;border-bottom: 1px solid #000;padding: 24px 0;border-top: 1px solid #000;;background: #fff; margin-bottom: 10px;}
.item_choice_list + .estimated_amount {margin-top: -2px}
.estimated_amount dl {position: relative; display: flex; align-items: center; justify-content: space-between; width: 100%; margin-bottom: 17px;}
.estimated_amount dl:last-child {margin-bottom: 0 !important;}
.estimated_amount dl dt {font-size: 14px; font-weight: 700; letter-spacing: -0.020em; color: #000;}
.estimated_amount dl dd {display: flex;align-items: self-end;}
.estimated_amount dl dd > span {font-size: 14px; font-weight: 400; letter-spacing: -0.020em; color: #888; text-decoration: line-through;}
.estimated_amount dl dd .prc {display: flex;align-items: flex-end;font-size: 14px;font-weight: 700;letter-spacing: -0.050em;line-height: 1;position: relative;top: -2px;margin-left: 17px;}
.estimated_amount dl dd .prc strong {font-size: 24px;display: block;/* margin-bottom: -3px; */position: relative;bottom: -2px;}

@media all and (max-width: 1250px) {
    .item_info_box .move_origin_goods_pc,
    .item_info_box .addgoods-popup {width: 80px; height: 31px; font-size: 11px;}
}

@media all and (max-width: 991px) {
    /* 컬러 */
    .rental_item_color dd {width: calc(100% - 210px); box-sizing: border-box; padding-right: 10px;}
    .rental_item_color select {width: 100%;}
    /* 선납금, 제휴카드 */
    dl.dl_benefits {flex-wrap: wrap;}
    dl.dl_benefits dd {width: calc(100% - 210px); box-sizing: border-box; padding-right: 10px;}
    dl.dl_benefits dd select {width: 100%;}
}

@media all and (max-width: 520px) {
    .item_detail_list dt {width: 100px; box-sizing: border-box;}
    .rental_item_color dd {width: calc(100% - 110px); padding-right: 0;}
    .selected_contract_period ul li button {width: 72px;height: 26px;font-size: 12px;}
    dl.dl_benefits dd {width: calc(100% - 190px);}

    .rental_promo dd {width: calc(100% - 100px);}
    .rental_promo_box {padding: 10px 15px;}
    .rental_promo_box > div {font-size: 13px;}
}