REP BEYOND

여성분들은 정사이즈

.buy_wrap{transform:translateX(0%) translateY(0%);left:0;top:0;position:relative;} .buy_wrap .buy_wrap_bt{display:none} /* 본품옵션 */ .buy_wrap .option_wrap{margin-top:15px} .buy_wrap .option_wrap select{width:100%;background-color:#FFF;border:0;border-bottom:1px solid #000000;border-radius:0;padding:10px 0} .buy_wrap .option_wrap > dt{margin-bottom:10px} .buy_wrap .option_wrap > dd > ul > li{margin-bottom:5px} /* 추가옵션 클론 출력부분 */ .buy_wrap .add_clon_option_wrap{padding:15px;border-bottom:1px solid #dddddd;border-bottom:1px solid #dddddd;} .buy_wrap .add_clon_option_wrap > dl > dt{margin-bottom:10px} .buy_wrap .add_clon_option_wrap > dl > dd{display:flex;justify-content:space-between;} .buy_wrap .add_clon_option_wrap .op_number_wrap{display:flex;align-items:center;background-color:#FFF;line-height:0} .buy_wrap .add_clon_option_wrap .op_price_wrap{display:flex;align-items:center;} .buy_wrap .add_clon_option_wrap .op_price_wrap > p{margin-right:10px} /* 총금액 출력부분 */ .buy_wrap #total_price_show{display:none;margin-top:15px;margin-bottom:5px;} .buy_wrap #total_price_show dl{display:flex;align-items:center;justify-content:flex-end;} .buy_wrap #total_price_show .total_price{font-weight:700;font-family:'Montserrat','Noto Sans KR', sans-serif;margin-left:15px;font-size:1.2rem} .buy_wrap #total_discount_show{display:none;margin-bottom:15px} .buy_wrap #total_discount_show dl{display:flex;align-items:center;justify-content:flex-end;margin-bottom:5px} .buy_wrap #total_discount_show .total_discount{font-weight:bolder;font-family:'Montserrat','Noto Sans KR';margin-left:15px;font-size:1.2rem} .buy_wrap #total_discount_show .total_payment{font-weight:bolder;font-family:'Montserrat','Noto Sans KR';margin-left:15px;font-size:1.3rem;color:red} /* 장바구니버튼 */ .buy_wrap .cart_wrap{display:flex;flex-wrap:wrap;margin-top:20px;} .buy_wrap .cart_wrap > ul{display:flex;flex-wrap:wrap;align-items:center;box-sizing:border-box;width:100%;} .buy_wrap .cart_wrap > ul > li{width:50%;box-sizing:border-box;padding-right:3px} .buy_wrap .cart_wrap > ul > li > a{width:100%;} .buy_wrap .cart_wrap > ul > li > a.bts_ani:hover { background-color: #0b5b9d; border:1px solid #0b5b9d; color:#ffffff } /*----------------------- 스크롤 다운시 구매버튼 좌측으로 이동 -----------------------*/ .buy_wrap.active{position:fixed;left:0px;top:100%;transform:translateY(-100%);border:1px solid #000000;border-right:0;border-left:0;background-color:#FFF;padding:15px;padding-top:0;width:100%;z-index:2;box-sizing:border-box;} .buy_wrap.active .buy_wrap_bt{display:block;position:absolute;left:0px;top:0;transform:translateY(-100%);box-sizing:border-box;color:#ffffff;width:100%} .buy_wrap.active .buy_wrap_bt #buy_wrap_bt_state + .bt{background:url('skin/gaga_basic_skin/image/buy_wrap_bt_open.gif');background-repeat:no-repeat;background-Position:50% 55%;width:1100px;height:50px;display:block;cursor:pointer;font-size:0;width:100%;;} .buy_wrap.active.close{transform:translateX(0%) translateY(0%);} .buy_wrap.active .buy_wrap_bt #buy_wrap_bt_state{display:none} .buy_wrap.active .buy_wrap_bt #buy_wrap_bt_state:checked + .bt{background:url('skin/gaga_basic_skin/image/buy_wrap_bt_close.gif');background-repeat:no-repeat;background-Position:50% 55%;width:100%;height:50px;} .buy_wrap.active #op_show{max-height:450px;overflow-y:auto} /* 선택된 옵션 높이값 고정 */ .buy_wrap.active .option_cart_wrap{display:flex;flex-wrap:wrap} .buy_wrap.active .option_cart_wrap > div{width:50%;border-right:1px solid #000000;padding-right:20px;box-sizing:border-box;padding-top:15px} .buy_wrap.active .option_cart_wrap > div:last-child{border-right:0px;padding-top:15px} /*----------------------- 반응형 처리 -----------------------*/ @media screen and (max-width:768px) { .buy_wrap.active{width:100%} .buy_wrap.active .option_cart_wrap > div{width:100%;border-right:0px;padding:0px;padding-top:15px} }