@charset "utf-8";

#header.event_header{position: fixed;}
/* 장바구니 */
#cart{position:relative;width: 1720px;margin: auto;}
#cart .wrap {padding-top: 80px; width: 1340px; margin: 0 auto;}
#cart .hd_root{position: absolute;left: 0;top: 20px;}
#cart .hd_root ul{display: flex;align-items: center;}
#cart .hd_root ul li{display: flex;align-items: center;}
#cart .hd_root ul li:after{margin:0 5px;display:block;content:'';width:12px;height:12px;background: url(/ux/imgs/web/global/input_arrow_black2@3x.png) center no-repeat; background-size: 12px;}
#cart .hd_root ul li:last-child:after{display:none}
#cart .hd_root ul li .home{text-indent:-99999em;display:block;width:13px;height:13px;background: url(/ux/imgs/web/display/icon_location_home@3x.png) center no-repeat; background-size: 13px;}
#cart .hd_root ul li a{display:block;font-size: 13px;font-weight: 500;color: #222; letter-spacing: -0.13px}

#cart .hd {display: flex; justify-content: space-between; align-items: flex-end; margin-bottom:60px;}
#cart .hd h1 {font-size: 36px; font-weight:600;}
#cart .hd ul {display: flex;}
#cart .hd ul li {position: relative; padding-right: 30px; margin-right: 10px;}
#cart .hd ul li:last-child {padding: 0; margin: 0;}
#cart .hd ul li:after {position: absolute; right: 0; top: 3px; content: ''; display: block; width: 20px; height: 20px; background: url(/ux/imgs/web/global/btn_paging_next@3x.png); background-size: 20px;}
#cart .hd ul li:last-child:after {display: none;}
#cart .hd ul li a {font-size: 14px; color: #aaaaaa; font-weight: 500;}
#cart .hd ul li a span {font-size: 16px; font-weight: 600;}
#cart .hd ul li.on a {color: #000; font-weight: 600;}
#cart .hd ul li.on a span {font-weight: 700;}

#cart .benefits {display: flex; justify-content: space-between; align-items: center; background: #f9fafc; padding: 40px; border-radius: 10px 10px 50px 10px; }
#cart .benefits h2 {font-size: 24px; font-weight:600; color: #000;}
#cart .benefits ul {display: flex;}
#cart .benefits ul li {position: relative; padding-right: 15px; margin-right: 15px;}
#cart .benefits ul li:last-child {padding: 0; margin: 0;}
#cart .benefits ul li:after {position: absolute; right: 0; top: 5px; content: ''; display: block; width: 1px; height: 16px; background: rgba(34,34,34,0.2);}
#cart .benefits ul li:last-child:after {display: none;}
#cart .benefits ul li a {display: flex; align-items: center; font-size: 16px; color: #aaaaaa; font-weight: 500;}
#cart .benefits ul li a span {font-weight: 700; color: #222;}
#cart .benefits ul li .more {margin: 1px 0 0 5px; display: block; width: 20px; height: 20px; background: url(/ux/imgs/web/global/input_arrow_g@3x.png); background-size: 20px; overflow: hidden; text-indent: -9999px; }

#cart .signin_wrap{display: flex; justify-content: space-between; align-items: center; background: #f9fafc; padding: 40px; border-radius: 10px 10px 50px 10px; }
#cart .signin_wrap >div {display: flex;}
#cart .signin_wrap span{font-size: 24px; color: #000; font-weight: 600;}
#cart .signin_wrap button {width: 90px; height: 30px; padding: 5px 0; font-size: 13px;}
#cart .signin_wrap .btn_large1{background: #fff; border: 1px solid #222; margin-right: 10px;}

#cart .cart_wrap {padding: 60px 0 150px; display: flex; min-height: 746px;}
#cart .cart_con{width: 100%; }
#cart .cart_con .cart_all{display: flex;justify-content: space-between;align-items: center; padding: 0 0 20px; border-bottom: 2px solid #222222;}
#cart .cart_con .cart_all .chk_all_wrap{display: flex;}
#cart .cart_con .cart_all .chk_all_wrap input{ width: 0;height: 0; visibility: hidden;font-size: 0;}
#cart .cart_con .cart_all .chk_all_wrap input + label{display: flex;align-items: center; color: #aaa}
#cart .cart_con .cart_all .chk_all_wrap input + label span{color: #aaaaaa; font-size: 16px;}
#cart .cart_con .cart_all .chk_all_wrap input + label span.font_Mon{font-weight:500}
#cart .cart_con .cart_all .chk_all_wrap input + label span.font_Mon em{font-weight:500}
#cart .cart_con .cart_all .chk_all_wrap input + label .icon_checkded{width: 20px; height: 20px; margin-right: 5px;background: url(/ux/imgs/member/checked_off@3x.png) center no-repeat;background-size: 20px;}
#cart .cart_con .cart_all .chk_all_wrap input[type=checkbox]:checked + label .icon_checkded{ width: 20px; height: 20px;background: url(/ux/imgs/goods/checked_on.png) center no-repeat;background-size: 20px;}
#cart .cart_con .cart_all .del_btn{display:flex;}
#cart .cart_con .cart_all button{color: #aaaaaa; display: flex; align-items: center; font-size: 16px;}
#cart .cart_con .cart_all button .icon_sold{width:20px;height:20px;background: url(/ux/imgs/order/icon_sold.png) center no-repeat;background-size: 20px;}
#cart .cart_con .cart_all button .icon_del{width:20px; height:20px;background: url(/ux/imgs/order/icon_del@3x.png) center no-repeat;background-size: 20px;margin-left:10px;}

#cart .cart_con .cartsection{}
.orderlist{border-color: #e5e5e5;}
.orderlist thead {}
.orderlist thead tr {}
.orderlist thead th {padding: 20px 0; text-align: center; font-weight: 500; font-size: 16px;}
.orderlist tbody {}
.orderlist tbody tr {}
.orderlist tbody td {text-align: center;}
.orderlist tbody td:first-child {text-align: left;}
.orderlist tbody .item.soldout td:first-child {position: relative;}
.orderlist tbody .item.soldout td:first-child:before{position: absolute;content: '';display: block;background-color: #ffffff70;top: 0;bottom: 0;left: 0;z-index: 3; width: 960px;}
.orderlist .item{position:relative; padding-bottom: 13px; }
.orderlist .item:last-child{padding-bottom: 0}
.orderlist .item .product_wrap{position: relative; padding: 25px 0; display: flex;}
.orderlist .item .product_wrap .chk_wrap{display: flex;}
.orderlist .item .product_wrap .chk_wrap input{ width: 0;height: 0; visibility: hidden;font-size: 0;}
.orderlist .item .product_wrap .chk_wrap input + label{font-size: 0;z-index: 2;}
.orderlist .item .product_wrap input + label .icon_checkded{width: 20px; height: 20px; margin-right: 10px; background: url(/ux/imgs/member/checked_off@3x.png) center no-repeat;background-size: 20px;}
.orderlist .item .product_wrap input[type=checkbox]:checked + label .icon_checkded{ width: 20px; height: 20px;background: url(/ux/imgs/goods/checked_on.png) center no-repeat;background-size: 20px;}
.orderlist .item .product_wrap .product{width: 100%; display: block; position: relative;}
.orderlist .item .product_wrap .product a{display: flex;}
.orderlist .item .item_img{position: relative; width: 100px;min-width: 100px;}
.orderlist .item .item_img img{width: 100px;display: block;border-radius: 10px;border: solid 1px #e5e5e5;box-sizing: border-box;}
.orderlist .item .item_img .btn_set {position: absolute; right: 0; top: 0; padding: 7px 8px; font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif; font-size: 10px; line-height: 13px; color: #fff; background: #222222; border-radius: 0 10px 0 10px;}
.orderlist .item .text_con{ display: flex; flex-direction: column; margin: 5px 20px 0 20px;}
.orderlist .item.soldout .text_con{ margin: 27px 20px 0 20px;}
.orderlist .item .text_con .brand_nm{font-size: 12px;color: #aaaaaa;/* line-height: 1; */margin-bottom: 5px;}
.orderlist .item .text_con .item_nm{font-weight: 500;padding-bottom: 10px;}
.orderlist .item.soldout .text_con .item_nm{padding-bottom: 5px;}
.orderlist .item .text_con .soldout{font-size: 18px; line-height: 21px; font-weight: 600;}
.orderlist .item .num{font-weight: 700;}
.orderlist .item .price{font-weight: 600;}
.orderlist .item .price .tagPriceTxt {color: #aaa;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;font-weight: 500;font-stretch: normal;font-size: 13px;font-style: normal;line-height: normal;letter-spacing: normal;text-align: center;text-decoration: line-through;}
.orderlist .item .delivery{font-weight: 600;}
.orderlist .item .text_con .sale{font-size: 18px;font-weight: 700;padding: 0px 0 0 0;/* line-height: 1; */}
.orderlist .item .text_con .sale span{color: #b7a386;margin-left:6px}
.orderlist .item .text_con .option{ font-size: 12px;color: #aaaaaa;font-weight: 500;}
.orderlist .item .edit_option{font-size: 13px; font-weight: 500; position: absolute; right: 20px; bottom: 25px; border-bottom: 1px solid #222;}
.orderlist .item .btns{}
.orderlist .item .btns > button{border-radius: 5px;margin: 5px 0;font-size: 13px;height: 30px;width: 90px;font-weight: 600;}
.orderlist .item .btns .coupon_btn img {width: 14px; margin-left: 2px;}
.orderlist .item .btns .buy_now{}
.orderlist .item .btn_large2_wrap{padding-top: 30px;}
.orderlist .item .wish{ position: absolute;top: 25px;right: 20px; width: 20px; height: 20px;text-indent: -9999px;background: url(/ux/imgs/order/icon_empty_heart@3x.png) 0 0 no-repeat;background-size: cover;}
.orderlist .item .wish.active{ position: absolute;top: 25px;right: 20px; width: 20px; height: 20px;text-indent: -9999px;background: url(/ux/imgs/order/icon_fill_heart@3x.png) 0 0 no-repeat;background-size: cover;}
.orderlist .item .delete{position: absolute;top: 15px;right: 10px;width: 20px;height: 20px;text-indent: -9999px;background: url(/ux/imgs/order/icon_close@3x.png) 0 0 no-repeat;background-size: cover;z-index: 2;}

.orderlist .item .set_goods {position: relative; padding: 0 20px 5px 65px; background: #fff;}
.orderlist .item .set_goods h1 {display: block; font-size: 14px; line-height: 20px; letter-spacing: -0.14px; font-weight: 600;}
.orderlist .item .set_goods ul {padding-top: 15px;}
.orderlist .item .set_goods li {padding-bottom: 20px;}
.orderlist .item .set_goods li a {display: flex;}
.orderlist .item .set_goods .item_img{width: 65px; min-width: 65px;}
.orderlist .item .set_goods .item_img img {width: 65px;}
.orderlist .item .set_goods .text_con {margin: 0 20px;}
.orderlist .item .set_goods .text_con .item_nm {padding-bottom: 7px;}

.orderlist .item .Qty{}
.orderlist .item .count_btn{margin: 0 auto;height: 40px;width: 90px;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #e5e5e5;}
.orderlist .item .count_btn span{font-size: 16px;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;font-weight: 600;}
.orderlist .item .count_btn span input{font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;font-size: 16px; font-weight: 700;border: 0; width: 30px; text-align: center;}
.orderlist .item .count_btn #minus_one{width: 14px; height: 14px; background: url(/ux/imgs/goods/amount_down.png) no-repeat center; background-size: cover;text-indent: -9999px;}
.orderlist .item .count_btn #plus_one{width: 14px; height: 14px; background: url(/ux/imgs/goods/amount_up.png) no-repeat center; background-size: cover;text-indent: -9999px;}
.orderlist .item  .stock{margin-top: 5px; font-size: 13px; font-weight: 500; }

#cart .bill_wrap {position: relative; width: 320px; margin-left: 60px; flex: 0 0 auto; }
#cart .bill {width: 100%; position: absolute; top: 0; padding: 24px 24px 0 24px; border: 1px solid #e5e5e5; border-radius: 5px; box-shadow: 0 10px 30px 0 rgb(0,0,0,0.05); box-sizing: border-box;}
#cart .bill h2 {padding-bottom: 20px; font-size: 24px; font-weight: 600;}
#cart .bill .price_section {}
#cart .bill .price_section .order_result_list {padding-bottom: 10px; border-bottom: 1px solid #e5e5e5;}
#cart .bill .price_section .order_result_list li {padding-bottom: 15px; display: flex; justify-content: space-between; align-items: center;}
#cart .bill .price_section .tit {font-size: 16px; font-weight: 500;}
#cart .bill .price_section .order_result_list .num {font-size: 16px; font-weight: 500; color: #aaa;}
#cart .bill .price_section .order_result_list .minus {color:#f25758;}
#cart .bill .price_section .total_price {padding: 25px 0 30px;}
#cart .bill .price_section .total_price div {display: flex; justify-content: space-between; align-items: center;}
#cart .bill .price_section .total_price .total_num {font-size: 30px; font-weight: 700;}
#cart .bill .price_section .total_price .point {padding-top: 5px; font-size: 14px; color: #b7a386;}
#cart .bill .price_section .total_price .num {font-size: 14px; color: #b7a386;}
#cart .bill .price_section .order_result_list li .fee_info{display: inline-block;width: 13px;height: 13px;margin-left: 5px;background: url(/ux/imgs/display/i.png) center no-repeat;background-size: 13px;text-indent: -9999px;overflow: hidden;cursor:pointer;}
#cart .bill .info_con {padding-bottom: 20px;}
#cart .bill .info_con ul {}
#cart .bill .info_con ul li {position: relative; padding: 0 0 10px 9px; font-size: 13px; line-height: 20px; color: #707070; font-weight: 500; word-break: keep-all;}
#cart .bill .info_con ul li:before {position: absolute; left: 0; top: 10px; width: 3px; height: 3px; border-radius: 50%; background: #707070; display: block; content: '';}
#cart .bill .pay {padding: 22px 0; margin: 0 -24px; background: #222; border-radius: 5px; cursor:pointer;}
#cart .bill .pay p {color: #fff; text-align: center; font-weight: 600;}
#cart .bill .pay p .sm {font-weight: 500;}
#cart .cpnTooltip {background-color:#222222;height:32px;border-radius: 16px 16px 5px 16px;color:white;margin-left: -13px}
#cart .cpnTooltip.cartDtlTooltip {position:absolute;right:30px;width:184px; border-radius: 16px 5px 16px 16px;text-align:left;z-index:3;}
#cart .cpnTooltipTxt {height:18px;font-size:12px; font-weight:500; line-height:1.5; letter-spacing: -0.12px;-webkit-text-stroke: 1px rgba(0, 0, 0, 0);font-family: NotoSansCJKKR;padding-left:16px;}
#cart .cpnTooltipTxt.cartDtlTooltipTxt {margin:7px 0;display:inline-block;}
#cart .cpnTooltipTxt .close {margin: -3px 0 0 0;text-indent: -9999em;overflow: hidden;width: 16px;height: 16px;background: url(/ux/imgs/display/icon_close2.png)center no-repeat;background-size: 16px;opacity:0.5;}

#cart .cart_con .info_con{padding: 20px 20px 40px 20px;}
#cart .cart_con .info_con ul{}
#cart .cart_con .info_con ul li{ padding-bottom: 10px;}
#cart .cart_con .info_con ul li:last-child{ padding-bottom: 0;}
#cart .cart_con .info_con ul li .disc{ width: 3px;height: 3px;background-color: #707070;border-radius: 50%;vertical-align: middle;display: inline-block;margin-right: 6px;}
#cart .cart_con .info_con ul li span{color: #707070;font-weight: 500;}

#cart .empty_cart{display: flex; flex-direction: column;padding:100px 0;align-items: center; border-top: 2px solid #222; border-bottom: 1px solid #e5e5e5;}
#cart .empty_cart img{display: block;width: 40px;}
#cart .empty_cart span{font-weight: 500; color: #aaaaaa;padding: 10px 0 60px 0;}
#cart .empty_cart .btn_large2_wrap{ width: 180px;}
#cart .empty_cart .btn_large2_wrap button{ width: 180px;}

/* #cart .recomend {padding: 100px 0 50px;}
#cart .recomend .tit {margin: 0 0 30px 0; display: flex; justify-content: space-between; align-items: center;}
#cart .recomend h1 {font-size: 32px; font-weight: 600;}
#cart .recomend .btn_more {width: 30px; height: 30px; background: url(/ux/imgs/goods/arrow_more.png) center no-repeat; background-size: 16px; text-indent: -9999px; overflow: hidden;}
#cart .recomend .list_form.two{padding-bottom: 0; max-height: 345px;}
#cart .recomend .list_form > ul{border:none; overflow-x: scroll;-ms-overflow-style: none;flex-wrap: nowrap;margin: 0 0 0 15px;}
#cart .recomend .list_form > ul::-webkit-scrollbar {display: none;width: 0 !important;}
#cart .recomend .list_form > ul > li{width: 154px;border:none;flex: 0 0 auto;padding: 20px 5px 30px 5px;}
#cart .recomend .list_form > ul > li:last-child {padding: 20px 15px 30px 5px;}
#cart .recomend .list_form > ul > li >a {width: 100%;}
#cart .recomend .list_form > ul > li .img_con {border: 1px solid #e5e5e5;}
#cart .recomend .list_form > ul > li .label_list{display: flex;flex-wrap: wrap;margin:0 -1px}
#cart .recomend .list_form > ul > li .label_list span{margin: 1px;}
#cart .recomend .list_form .btm_btn_wrap {display: block;}
#cart .recomend .list_form .btm_btn_wrap .size_table {margin-top: 5px; position: inherit; left: inherit; bottom: inherit;}
#cart .recomend .list_form .btm_btn_wrap .btn_cart {position: absolute; right: 0; top: 0;}
 */
#cart .recomend .tit{padding-bottom:30px !important} 
#cart .recomend .rec_list_wrap{position:relative;margin:0 -80px;z-index: 6;}
#cart .recomend .rec_list_wrap .swiper-container{width: 1340px;overflow-x: clip;overflow-y: visible;}
    
#cart .recomend .rec_list_wrap .swiper-slide{padding-bottom: 70px;}
#cart .recomend .rec_list_wrap .img_con{width: 252px;height: 252px;}
#cart .recomend .rec_list-prev,.gr_rec_list-prev{cursor: pointer;position: absolute;top: 135px;left:0;z-index: 1;width: 60px;height: 60px;background: url(/ux/imgs/web/display/list_slider_prev@3x.png) center no-repeat; background-size: 60px;}
#cart .recomend .rec_list-next,.gr_rec_list-next{cursor: pointer;position: absolute;top: 135px;right:0;z-index: 1;width: 60px;height: 60px;background: url(/ux/imgs/web/display/list_slider_next@3x.png) center no-repeat; background-size: 60px;}

   /* 장바구니 맞춤상품 */
#cart .rec_list_wrap .list_form .img_con {width: 252px;height: 252px;}
#cart .rec_list_wrap .list_form .text_con {flex: 1;height: auto;}
#cart .rec_list_wrap .list_form .label_list {display: flex;margin-top: 10px;height: 19px;margin-top: auto;}
#cart .rec_list_wrap .list_form .brand_name {padding:0;margin-top: 20px;height: 18px;line-height: 18px;}
#cart #cart .rec_list_wrap .list_form .brand_name + h2, .gr_recommend_wrap .list_form .text_con .goodsnm{padding:0;margin-top: 5px;margin-bottom: 0;}
#cart .rec_list_wrap .list_form .price {height: 19px;line-height: 19px;margin-top: 10px;}
#cart .rec_list_wrap .list_form .price + .sale{margin:0}
#cart .rec_list_wrap .list_form .price + .label_list{margin:0}
#cart .rec_list_wrap .list_form .sale {height: 27px;line-height: 27px;margin-top: 3px;}
#cart .rec_list_wrap .list_form h2+.sale{margin-top: 32px;}
#cart .rec_list_wrap .recommend_item{position: relative;display: flex;flex-direction: column;height: 473px;justify-content: space-between;}
#cart .rec_list_wrap .swiper-slide .recommend_item a{display:block;/* flex-shrink: 1; *//* height: calc(100% - 30px); */display: flex;flex-direction: column;flex: 1;}

/* 장바구니 옵션 */
#cart_option{}
#cart_option{width: 490px; padding: 30px 30px 40px; }
#cart_option .layer-box{}
#cart_option .full_head{padding: 0;}
#cart_option .full_close {top: 20px; right: 20px;}
#cart_option .full_head .full_title{text-align: center; font-size: 20px;}
#cart_option .full_body {padding: 0;}
#cart_option .item {padding: 30px 0 25px;display: flex; border-bottom: 1px solid #e5e5e5; margin-bottom: 25px;}
#cart_option .item .item_img {width: 90px; border: 1px solid #f5f5f5; border-radius: 10px; overflow: hidden; margin-right: 15px;}
#cart_option .tit_wrap{display: flex; flex-direction: column;}
#cart_option .tit_wrap .brand_nm{font-size: 12px; font-weight: 500; color: #aaaaaa;padding-bottom:10px}
#cart_option .tit_wrap .tit{font-size: 16px; font-weight: 500; color: #000000;padding-bottom:10px}
#cart_option .tit_wrap .option{font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;font-weight: 500;color: #aaaaaa;}
#cart_option .layer_con .item_color{padding: 0 0 30px 0;}
#cart_option .layer_con .item_color .tit_color {display: flex; justify-content: space-between;}
#cart_option .layer_con .item_color .tit_color > span{ font-size: 13px; font-weight:500; color:#222;}
#cart_option .layer_con .item_color .tit_color > span.tit { font-size: 16px; font-weight:600; color:#000000;}
#cart_option .layer_con .item_color .color_select_box{margin:15px -3.5px 0 -3.5px;display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
#cart_option .layer_con .item_color .color_select_box li{padding: 3.5px;}
#cart_option .layer_con .item_color input{display: none;}
#cart_option .layer_con .item_color label div{width:59px; height:59px;display: flex;justify-content: center; align-items: center; border: 1px solid transparent;}
#cart_option .layer_con .item_color label img{width:51px; display:block;}
#cart_option .layer_con .item_color input:checked+label div{border:1px solid #222; border-radius:5px;}

#cart_option .layer_con .item_size p{display:flex; justify-content:space-between; font-weight:700;}
#cart_option .layer_con .item_size p span{font-size: 16px; color:#000000;}
#cart_option .layer_con .item_size .item_name{font-weight: 500;}
#cart_option .layer_con .item_size p button{font-size: 12px; margin-top: auto;  font-weight:500;}
#cart_option .layer_con .item_size.set{padding-bottom:11px;}
#cart_option .layer_con .item_size.set:last-child{padding-bottom:0;}
#cart_option .layer_con .item_size.set button{margin-bottom: auto;}
#cart_option .layer_con .item_size p button:after{content:''; width:100%; display:block; height:1px; background: #222;}
#cart_option .layer_con .item_size .item_size_list{display:flex;flex-wrap: wrap; margin: 15px -6.5px 0 -6.5px;}
#cart_option .layer_con .item_size .item_size_list li{padding: 0 6.5px 13px 6.5px;}
#cart_option .layer_con .item_size .item_size_list li:last-child{margin-right:0;}
#cart_option .layer_con .item_size .item_size_list li:nth-child(6){margin-right:0;}
#cart_option .layer_con .item_size .item_size_list li:nth-child(12){margin-right:0;}
#cart_option .layer_con .item_size .item_size_list li input{display:none}
#cart_option .layer_con .item_size .item_size_list li input + label.select_size{display: flex; justify-content: center; align-items: center; width: 45px; height: 45px; border: 1px solid #e5e5e5; border-radius: 5px; font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;font-weight: 600; font-size: 12px; color: #dddddd; box-sizing: border-box;}
#cart_option .layer_con .item_size .item_size_list input:checked + label.select_size {border: 1px solid #222222; border-radius: 5px; color: #222222;}
#cart_option .layer_con .item_size .item_size_list li.active label{color: #222222 !important;;}

#cart_option .layer_con .item_amount{position: relative;display: flex; padding: 15px 0 0 0;}
#cart_option .layer_con .item_amount .flag{position: absolute; top: -15px;left:0;padding: 5px 9px;border-radius:20px 20px 20px 6px;;background-color: #141414;}
#cart_option .layer_con .item_amount .flag span{font-size: 12px;font-weight: 600; line-height: 1;letter-spacing: -0.12px;color: #ffffff;}
#cart_option .layer_con .item_amount .flag span .color{color: #b7a386;}
#cart_option .layer_con .item_amount .tit{font-size: 16px;font-weight: 600;line-height: 2;color: #000000;}
#cart_option .layer_con .item_amount .tit .stock{font-size: 14px; font-weight: 500; color: #aaaaaa;}
#cart_option .layer_con .item_amount .count_btn{margin-left: auto;height: 40px;width: 160px;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #e5e5e5;}
#cart_option .layer_con .item_amount .count_btn span{font-size: 16px;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;font-weight: 600;}
#cart_option .layer_con .item_amount .count_btn span input{font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;font-size: 16px; font-weight: 700;border: 0; width: 100px; text-align: center;}

#cart_option .layer_con .item_amount .count_btn #minus_one{width: 14px; height: 14px; background: url(/ux/imgs/goods/amount_down.png) no-repeat center; background-size: cover;text-indent: -999px;}
#cart_option .layer_con .item_amount .count_btn #plus_one{width: 14px; height: 14px; background: url(/ux/imgs/goods/amount_up.png) no-repeat center; background-size: cover;text-indent: -999px;}
#cart_option .layer_con .btn_wrap {display: flex; justify-content: center;}
#cart_option .layer_con .edit_option{margin: 17px auto 0; width: 120px; background: #222; color: #fff; border-radius: 50px;}
#cart_option .layer_con .edit_option.active{background-color: #222222;color:#fff}

/* 비회원 주문 동의 */
#nonmember_order_agree{}
#nonmember_order_agree .wrap{width:1140px;margin:0 auto;padding-top:80px}
#nonmember_order_agree h1 {font-size: 36px; padding-bottom: 30px; font-weight: 600;}
#nonmember_order_agree .wrap .btn_x_large{margin: 0 auto; display: block; width: 272px; height: 50px;border-radius: 5px;margin-top: 30px; background-color: #e5e5e5;}
#nonmember_order_agree .wrap .btn_x_large.on{background-color: #222;}
#nonmember_order_agree .agreechk_wrap {padding-bottom: 20px; border-bottom: 1px solid #e5e5e5;}
#nonmember_order_agree .agreechk_wrap input{width: 0; height: 0; font-size: 0; visibility: hidden; display: none;}
#nonmember_order_agree .agreechk_wrap input#all_agree + label{height:auto;padding: 18px 24px 20px 23px;border: solid 1px #e5e5e5;border-radius: 10px;}
#nonmember_order_agree .agreechk_wrap input#all_agree + label span{word-break: keep-all;}
#nonmember_order_agree .agreechk_wrap input + label{display: flex;align-items: center;justify-content: flex-end;font-size: 16px;color: #555;font-weight: 500;}
#nonmember_order_agree .agreechk_wrap input + label .icon_checkded{flex: 0 0 auto; width: 23px; height: 23px; margin-right: 5px;background: url(/ux/imgs/member/checked_off@3x.png) center no-repeat;background-size: 23px; text-indent: -9999px; overflow: hidden;}
#nonmember_order_agree .agreechk_wrap input:checked + label .icon_checkded{background: url(/ux/imgs/goods/checked_on.png) center no-repeat;background-size: 23px;}
#nonmember_order_agree .agreechk_wrap .chk_list label span{border-bottom:1px solid}
#nonmember_order_agree .all_agree_label {display: flex;align-items: center;justify-content: space-between; margin-bottom: 60px; padding: 25px 0; border-top: 2px solid #222; border-bottom: 2px solid #222; font-size: 24px; font-weight: 600;}
#nonmember_order_agree .chk_wrap {padding-bottom: 40px;}
#nonmember_order_agree .chk_wrap >p {font-size: 24px; font-weight: 600; color: #000;}
#nonmember_order_agree .txt_box {height: 250px; padding:  10px 10px 0 10px; margin: 17px 0 12px; border: 1px solid #e5e5e5; border-radius: 10px 10px 50px 10px; word-break: keep-all;}
#nonmember_order_agree .scroll {height: 220px; overflow-y: auto; padding: 10px 10px 0 10px;}
#nonmember_order_agree .scroll::-webkit-scrollbar{width: 2px;height: 387px; background-color: #f5f5f5; border-radius: 10px;}
#nonmember_order_agree .scroll::-webkit-scrollbar-thumb{width: 2px;height: 54px;border-radius: 10px;border-radius: 10px; background-color: #b7a386;}
#nonmember_order_agree .scroll::-webkit-scrollbar-button:end {height: 40px; background: #fff;}
#nonmember_order_agree .txt_box h1 {font-size: 18px; font-weight: 600; padding-bottom: 15px;}
#nonmember_order_agree .txt_box p {font-size: 14px; font-weight: 500; color:#707070; padding-bottom: 30px;}
#nonmember_order_agree .txt_box p strong {font-weight: 500; display: block;}

/* 주문완료 */
#order_complete{position:relative;width: 1720px;margin: auto;}
#order_complete .wrap{padding-top: 80px; width: 1340px; margin: 0 auto;}

#order_complete .wrap .hd_root{position: absolute;left: 0;top: 20px;}
#order_complete .wrap .hd_root ul{display: flex;align-items: center;}
#order_complete .wrap .hd_root ul li{display: flex;align-items: center;}
#order_complete .wrap .hd_root ul li:after{margin:0 5px;display:block;content:'';width:12px;height:12px;background: url(/ux/imgs/web/global/input_arrow_black2@3x.png) center no-repeat; background-size: 12px;}
#order_complete .wrap .hd_root ul li:last-child:after{display:none}
#order_complete .wrap .hd_root ul li .home{text-indent:-99999em;display:block;width:13px;height:13px;background: url(/ux/imgs/web/display/icon_location_home@3x.png) center no-repeat; background-size: 13px;}
#order_complete .wrap .hd_root ul li a{display:block;font-size: 13px;font-weight: 500;color: #222; letter-spacing: -0.13px}

#order_complete .wrap .hd {display: flex; justify-content: space-between; align-items: flex-end; margin-bottom:60px;}
#order_complete .wrap .hd h1 {font-size: 36px; font-weight:600;}
#order_complete .wrap .hd ul {display: flex;}
#order_complete .wrap .hd ul li {position: relative; padding-right: 30px; margin-right: 10px;}
#order_complete .wrap .hd ul li:last-child {padding: 0; margin: 0;}
#order_complete .wrap .hd ul li:after {position: absolute; right: 0; top: 3px; content: ''; display: block; width: 20px; height: 20px; background: url(/ux/imgs/web/global/btn_paging_next@3x.png); background-size: 20px;}
#order_complete .wrap .hd ul li:last-child:after {display: none;}
#order_complete .wrap .hd ul li a {font-size: 14px; color: #aaaaaa; font-weight: 500;}
#order_complete .wrap .hd ul li a span {font-size: 16px; font-weight: 600;}
#order_complete .wrap .hd ul li.on a {color: #000; font-weight: 600;}
#order_complete .wrap .hd ul li.on a span {font-weight: 700;}

#order_complete .wrap .con_wrap{border-top: 2px solid #222; padding:100px 35px; border-bottom: 1px solid #e5e5e5;}
#order_complete .wrap .con_wrap .con{position:relative;display: flex;flex-direction: column; align-items: center;}
#order_complete .wrap .con_wrap .con #my-canvas{position:absolute}
#order_complete .wrap .con_wrap .con .img_wrap{display: flex; justify-content: center; align-items: center; width: 150px; height: 150px; overflow: hidden; border-radius: 100px; border: 1px solid #e5e5e5;}
#order_complete .wrap .con_wrap .con .swiper-silde{padding:10px;width: 150px;box-sizing: border-box;}
#order_complete .wrap .con_wrap .con img{width:100%;display: block;}
#order_complete .wrap .con_wrap .con .con_box{display: flex;flex-direction: column;align-items: center;}
#order_complete .wrap .con_wrap .con .tit{text-align: center;text-align: center; font-size: 30px; font-weight: 600;padding: 30px 0 20px 0;}
#order_complete .wrap .con_wrap .con .order_num{font-weight: 500;font-size: 18px;}
#order_complete .wrap .con_wrap .con .order_num .color{color: #b7a386;/* font-weight: 600; */}
#order_complete .wrap .con_wrap .con .txt{text-align: center;font-size: 16px; font-weight: 500;color: #aaaaaa;}
#order_complete .wrap .con_wrap .con .account_transfer .account{padding: 20px;margin: 20px 0;background-color: #f9fafc;border-radius: 5px;width: 550px;height: 98px;box-sizing: border-box;}
#order_complete .wrap .con_wrap .con .account_transfer .account table{/* border-collapse: separate; */border-spacing: 0 10px;display: block;/* height: 520px; */}
#order_complete .wrap .con_wrap .con .account_transfer .account table tbody{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
#order_complete .wrap .con_wrap .con .account_transfer .account table tbody tr{display:flex;justify-content:space-between}
#order_complete .wrap .con_wrap .con .account_transfer .account th{/* width: 52px; */font-weight: 500;/* line-height: 1; */font-size: 16px;}
#order_complete .wrap .con_wrap .con .account_transfer .account tr:last-child{margin-top:10px;}
#order_complete .wrap .con_wrap .con .account_transfer .account td{font-weight: 500;color: #aaaaaa;text-align: right;/* height: 24px; *//* line-height: 24px; */font-size: 16px;}
#order_complete .wrap .con_wrap .con .account_transfer .notice{margin-right: auto;}
#order_complete .wrap .con_wrap .con .account_transfer .notice .disc{ width: 3px;height: 3px;background-color: #707070; border-radius: 50%;vertical-align: middle;display: inline-block; margin-right: 6px;}
#order_complete .wrap .con_wrap .con .account_transfer .notice span{font-weight: 500;color: #707070;/* font-size: 14px; */}

#order_complete .wrap .con_wrap.order_fail .con .img_wrap{ border: none; background: #f9fafc;}
#order_complete .wrap .con_wrap.order_fail .con img{width:48px}

#order_complete .wrap .send_gift_com{padding:0 !important}
#order_complete .send_gift_com .con{padding: 60px 35px;}
#order_complete .send_gift_com .bottom_wrap{ background-color: #fff;box-shadow: 0 2px 8px 0 rgb(0 0 0 / 5%);padding: 20px 20px 70px 20px;}
#order_complete .send_gift_com .bottom_wrap h1{font-size: 18px;font-weight: 600;letter-spacing: -0.18px;}
#order_complete .send_gift_com .bottom_wrap .name{font-weight: 500; border-bottom: 1px solid #e5e5e5;display: block;height: 40px; display: flex; align-items: center; margin-top: 10px;}
#order_complete .send_gift_com .bottom_wrap .gift_btn{margin:20px 0 30px 0}
#order_complete .send_gift_com .bottom_wrap .gift_btn button{position: relative; font-size: 15px;font-weight: 500;letter-spacing: -0.15px; display: flex;align-items: center;justify-content: center; height: 50px;width: 100%;border-radius: 6px;}
#order_complete .send_gift_com .bottom_wrap .gift_btn .kakaogift_btn{ color: #191919; background-color: #fee500;}
#order_complete .send_gift_com .bottom_wrap .gift_btn .kakaogift_btn:before{display: block;content: ''; width: 20px;height: 20px; background: url(/ux/imgs/mypage/kakao@3x.png) center no-repeat; background-size: cover;margin-right: auto; position: absolute; top: 15px;left: 15px;}

#order_complete .send_gift_com .bottom_wrap .gift_btn .lsm_btn{border: solid 1px #222;border-radius: 6px;}
#order_complete .send_gift_com .bottom_wrap .gift_btn .lsm_btn span{font-size: 15px;font-weight: 500;}
#order_complete .send_gift_com .bottom_wrap .gift_btn .lsm_btn span:before{display: block;content: ''; width: 13px; height: 20px; background: url(/ux/imgs/mypage/smartphone@3x.png) center no-repeat;background-size: cover;margin-right: auto;position: absolute;top: 15px;left: 15px;}

#order_complete .notice li{position: relative; padding-bottom: 10px; padding-left: 10px;}
#order_complete .notice li:last-child{padding-bottom: 0;}
#order_complete .notice li:before{position: absolute; left: 0; top: 10px; display: block; content: ''; width: 3px;height: 3px;background-color: #707070;border-radius: 50%;}
#order_complete .notice span{font-weight: 500; color: #707070; letter-spacing: -0.14px;word-break: keep-all;}
#order_complete .notice .color{color: #f25758;}
#order_complete .notice .color span{color: #f25758;}

#order_complete .phone_num {margin-top:10px;display: flex; justify-content: space-between;}
#order_complete .phone_num .selectCellList {position: relative; width: calc(33.3% - 10px); height: 40px; background-color: transparent; color: #222222; font-size: 14px; line-height: 20px; letter-spacing: -0.14px; box-shadow: none; border-radius: 0; webkit-border-radius: 0; -webkit-appearance: none;}
#order_complete .phone_num .selectCellList:after {position: absolute; right: 0; top: 50%; margin-top: -11px; display: block; width: 22px; height: 22px; content: ''; background: url(/ux/imgs/goods/input_arrow.png) center no-repeat; background-size: 22px;}
#order_complete .phone_num .selectCellList input {width: 100%; height: 40px; border: none; border-bottom: 1px solid #e5e5e5; color: #222222; font-weight: 500; font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;}
#order_complete .phone_num .selectCellList input::placeholder {color: #222222; font-weight: 500;}
#order_complete .phone_num .input_text_wrap {width: calc(33.3% - 10px);}
#order_complete .phone_num .input_text_wrap .input_text {font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif; font-weight: 500;}
#order_complete .phone_num .input_text_wrap .input_text::placeholder {font-weight: 500;}

#order_complete .wrap .con_wrap .btn_large2_wrap{padding-top:40px; justify-content: center;}
#order_complete .wrap .con_wrap .btn_large2_wrap button{width: 272px;height:54px;margin: 0 5px;font-weight: 600;}

/** 주문하기 **/
.ordercontents .phone_num {display: flex;}
.ordercontents .phone_num.error {padding-bottom: 28px; position: relative;}
.ordercontents .phone_num .selectCellList { width: 135px; height: 40px; background-color: transparent; color: #222222; font-size: 16px; line-height: 20px; letter-spacing: -0.14px; box-shadow: none; border-radius: 0; webkit-border-radius: 0; -webkit-appearance: none;}
.ordercontents .phone_num .input_text_wrap {width: 135px;}
.ordercontents .phone_num .input_text_wrap .input_text {font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif; font-weight: 500;}
.ordercontents .phone_num .input_text_wrap .input_text::placeholder {font-weight: 500;}
.ordercontents .phone_num.error .errortxt {display: block;}
.ordercontents .phone_num .errortxt {position: absolute; left: 0; bottom: 0; display: none; padding: 10px 0 0 0; font-size: 12px; line-height: 18px; letter-spacing: -0.12px; font-weight: 500; color: #f25758;}

.checklabel1 {}
.checklabel1 input {display: none;}
.checklabel1 label {position: relative; padding-left: 25px; font-size: 16px; line-height: 24px; font-weight: 500; color: #aaa;}
.checklabel1 label:before {position: absolute; left: 0; top: 50%; margin-top: -10px; content: ''; display: block; width: 20px; height: 20px; background: url(/ux/imgs/order/checked_off.png) center no-repeat; background-size: 20px;}
.checklabel1 input:checked + label {color: #222;}
.checklabel1 input:checked + label:before {background: url(/ux/imgs/order/checked_on.png) center no-repeat; background-size: 20px;}

#order{position:relative;width: 1720px;margin: auto;}
#order .wrap {padding-top: 80px; width: 1340px; margin: 0 auto;}
#order .hd_root{position: absolute;left: 0;top: 20px;}
#order .hd_root ul{display: flex;align-items: center;}
#order .hd_root ul li{display: flex;align-items: center;}
#order .hd_root ul li:after{margin:0 5px;display:block;content:'';width:12px;height:12px;background: url(/ux/imgs/web/global/input_arrow_black2@3x.png) center no-repeat; background-size: 12px;}
#order .hd_root ul li:last-child:after{display:none}
#order .hd_root ul li .home{text-indent:-99999em;display:block;width:13px;height:13px;background: url(/ux/imgs/web/display/icon_location_home@3x.png) center no-repeat; background-size: 13px;}
#order .hd_root ul li a{display:block;font-size: 13px;font-weight: 500;color: #222; letter-spacing: -0.13px}

#order .hd {display: flex; justify-content: space-between; align-items: flex-end; margin-bottom:55px;}
#order .hd h1 {font-size: 36px; font-weight:600;}
#order .hd ul {display: flex;}
#order .hd ul li {position: relative; padding-right: 30px; margin-right: 10px;}
#order .hd ul li:last-child {padding: 0; margin: 0;}
#order .hd ul li:after {position: absolute; right: 0; top: 3px; content: ''; display: block; width: 20px; height: 20px; background: url(/ux/imgs/web/global/btn_paging_next@3x.png); background-size: 20px;}
#order .hd ul li:last-child:after {display: none;}
#order .hd ul li a {font-size: 14px; color: #aaaaaa; font-weight: 500;}
#order .hd ul li a span {font-size: 16px; font-weight: 600;}
#order .hd ul li.on a {color: #000; font-weight: 600;}
#order .hd ul li.on a span {font-weight: 700;}

#order .order_wrap {display: flex;}
#order .page_order h2 {font-size: 24px; padding-bottom: 20px; border-bottom: 2px solid #222;}
#order .page_order .order_tablebox {padding-bottom: 60px;}
#order .page_order #goods_list {border-color: #e5e5e5;}

#order .ordercontents {padding-bottom: 60px;}
#order .ordercontents .dest-item-prev{cursor: pointer;position: absolute;top: 0;left: 0;z-index: 1;width: 20px;height: 68px;background: url(/ux/imgs/web/order/List_slider_arr_left@3x.png) center no-repeat;background-size: 20px;}
#order .ordercontents .dest-item-next{cursor: pointer;position: absolute;top: 0;right: 0;z-index: 1;width: 20px;height: 68px;background: url(/ux/imgs/web/order/List_slider_arr_right@3x.png) center no-repeat;background-size:20px;}
#order .ordercontents .hd {padding-bottom: 20px; margin-bottom: 0; border-bottom: 2px solid #222;}
#order .ordercontents .hd h2 {font-size: 24px; font-weight: 600; color: #000; padding-bottom: 0; border-bottom: none;}
#order .ordercontents .hd span.pop_noinf {font-family: NotoSansCJKkr;font-size: 13px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.08;letter-spacing: -0.13px;text-align: right;color: #222222;border-bottom: solid 1px #000000;cursor: pointer;}
#order .ordercontents table.card_promotion tr {cursor: pointer;}
#order .ordercontents table.card_promotion td div.dot_div {width: 4px;height: 4px;margin: 8px 6px 8px 0;border-radius: 10px;background-color: #5211CE;float: left;}
#order .ordercontents table.card_promotion td {font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;letter-spacing: -0.14px;color: #707070;}
#order .ordercontents table.card_promotion td.purple {color: #5211CE;}
#order .ordercontents ul.paylist li div.pulple_benefit_tag {width: 34px;height: 19px;border-radius: 4px;background-color: #521cce;position: absolute;left: 0;top: 0;text-align: center;}
#order .ordercontents ul.paylist li div.pulple_benefit_tag span {font-family: NotoSansCJKkr;font-size: 10px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.8;letter-spacing: -0.1px;color: #FFFFFF;vertical-align: text-top;}

#order .ordercontents .hd .address_edit_btn {display: flex; align-items: center;}
#order .ordercontents .hd .btn_x_small2_w{flex: 0 0 auto; margin-left: 20px;}
#order .ordercontents .hd button.reset {position: relative; padding: 6px 20px 6px 36.5px; margin-right: 5px;}
#order .ordercontents .hd button.reset:before {position: absolute; left: 17px; top: 50%; margin-top: -6px; width: 12px; height: 12px; content: ''; background: url(/ux/imgs/display/icon_refresh.png); background-size: 12px;}

#order .ordercontents .table_form {padding-top: 15px; }
#order .ordercontents .table_form table {border-color: #e5e5e5;}
#order .ordercontents .table_form table th {padding-top: 8px; vertical-align: top; text-align: left; font-size: 16px; font-weight: 600; color: #000; line-height: 32px;}
#order .ordercontents .table_form table th .essential {display: inline-block;width: 5px;height: 5px;border-radius: 50%;background: #b7a286;text-indent: -9999px;overflow: hidden;transform: translate(3px, -8px);}
#order .ordercontents .table_form table td {padding-bottom: 25px;}

#order .ordercontents .table_form .w_435 {width: 435px;}
#order .ordercontents .table_form .add_wrap >div {margin-bottom: 15px;}
#order .ordercontents .table_form .add_wrap >div:last-child {margin-bottom: 0;}
#order .ordercontents .table_form .input_text_wrap.mail_num {display: flex; align-items: center;}
#order .ordercontents .table_form .input_text_wrap.mail_num .input_text {width: 325px;}
#order .ordercontents .table_form .input_text_wrap.mail_num .btn_x_small2_w {flex: 0 0 auto; height: 30px; margin-left: 20px;}

#order .ordercontents .table_form .demandcell >div {margin-bottom: 15px;}
#order .ordercontents .table_form .demandcell >div:last-child {margin-bottom: 0;}
#order .ordercontents .table_form .demandcell .select_box .box .btn {padding: 0 40px 0 0;}

#order .ordercontents .phone_num {display: flex;}
#order .ordercontents .phone_num.error {padding-bottom: 28px; position: relative;}
#order .ordercontents .phone_num >div {margin-right: 15px;}
#order .ordercontents .phone_num .selectCellList {width: 135px; height: 40px; background-color: transparent; color: #222222; font-size: 14px; line-height: 20px; letter-spacing: -0.14px; box-shadow: none; border-radius: 0; webkit-border-radius: 0; -webkit-appearance: none;}
#order .ordercontents .phone_num .selectCellList .select_box {width: 135px;}
#order .ordercontents .phone_num .selectCellList .select_box .box .btn {text-align: center; border-bottom: 1px solid #e5e5e5;}
#order .ordercontents .phone_num .input_text_wrap {width: 135px;}
#order .ordercontents .phone_num .input_text_wrap .input_text {font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif; font-weight: 500; text-align: center;}
#order .ordercontents .phone_num .input_text_wrap .input_text::placeholder {font-weight: 500;}
#order .ordercontents .phone_num.error .errortxt {display: block;}
#order .ordercontents .phone_num .errortxt {position: absolute; left: 0; bottom: 0; display: none; padding: 10px 0 0 0; font-size: 12px; line-height: 18px; letter-spacing: -0.12px; font-weight: 500; color: #f25758;}

#order .ordercontents .mail_num.error {padding-bottom: 25px;}
#order .ordercontents .mail_num.error p {position: absolute; left: 0; bottom: 0;}

#order .warninglist {padding-top: 15px;}
#order .warninglist li {position: relative; padding-left: 10px; padding-bottom: 10px; font-size: 14px; line-height: 20px; letter-spacing: -0.14px; color: #707070; font-weight: 500; word-break: keep-all;}
#order .warninglist li:before {position: absolute; left: 0; top: 8px; display: block; width: 3px; height: 3px; content: ''; border-radius: 50%; background: #707070;}
#order .warninglist li:last-child {padding-bottom: 0;}
#order .warninglist li img {margin-left: 5px; }
#order .warninglist li strong {color: #f25758; font-weight: 500;}
#order .warninglist li span {font-weight: 600; color: #222222;}

#order .goods_info {}
#order .goods_info ul {padding-top: 30px;}
#order .goods_info ul li {padding-bottom: 20px; margin-bottom: 30px; display: flex; border-bottom: 1px solid #e5e5e5;}
#order .goods_info ul li:last-child {padding-bottom: 0; margin-bottom: 0; border-bottom: none;}
#order .goods_info .goods_img {margin-right: 20px; width: 100px; height: 100px; border: 1px solid #e5e5e5; border-radius: 10px; overflow: hidden;}
#order .goods_info .text_box {width: calc(100% - 120px);}
#order .goods_info .text_box .brand_name {padding-bottom: 5px;font-size: 12px; line-height: 15px; color: #aaaaaa; font-weight: 400;}
#order .goods_info .text_box h2 {padding-bottom: 10px;font-size: 14px; line-height: 21px; color: #222222; font-weight: 600; word-break: keep-all;}
#order .goods_info .text_box .price {padding-bottom: 2px;font-size: 18px; line-height: 22px; color: #222222; font-weight: 700;}
#order .goods_info .text_box .info {padding-bottom: 10px;font-size: 12px; line-height: 18px; color: #aaaaaa; font-weight: 500;}

/* 비회원 주문시 고객정보 */
#order .order_info {}
#order .order_info .btn_x_small2_w {margin-top: 8px;}

/* 배송지 정보 */
#order .dest {}
#order .dest .content_tit {justify-content: space-between;}
#order .dest .content_tit button {}
#order .dest .content_tit button.reset {position: relative; padding: 6px 12px 6px 29px; margin-right: 5px;}
#order .dest .content_tit button.reset:before {position: absolute; left: 12px; top: 50%; margin-top: -6px; width: 12px; height: 12px; content: ''; background: url(/ux/imgs/display/icon_refresh.png); background-size: 12px;}
#order .dest .content_tit button.select_dest {}

#order .dest_list_wrap{position:relative;}
#order .dest_list {padding: 15px 0;margin-bottom: 10px;border-bottom: 1px solid #e5e5e5;position: relative;width: 860px;margin: 0 50px;}
#order .dest_list ul {/* display: flex; *//* overflow-x: scroll; *//* overflow-y: hidden; */-ms-overflow-style: none;width: 960px;/* padding: 0 50px; */box-sizing: border-box;}
#order .dest_list ul::-webkit-scrollbar {display: none;width: 0 !important;}
#order .dest_list ul li{/* margin: 0 10px 0 0; */width: auto;}
#order .dest_list ul li:last-child{margin-right:20px;}
#order .dest_list ul button div{padding: 11px 14px 10px;display: flex; justify-content: center; align-items: center; background: #f2f4f7;border-radius: 30px;}
#order .dest_list ul button span{font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;font-size: 12px; font-weight: 600; white-space: nowrap;}
#order .dest_list ul .icon_close{position: relative;background-color: #aaa;margin-left:10px;text-indent: -9999em;border-radius: 0;width: 10px;height: 1px;transform: rotate(45deg);}
#order .dest_list ul .icon_close:after{position: absolute; top: 0;content:'';display:block;width:10px; height:1px;transform: rotate(-90deg);background-color: #aaa;}

#order .dest .ordercontents .mail_num {display: flex; align-items: center; padding-bottom: 10px;}
#order .dest .ordercontents .mail_num.error {padding-bottom: 38px;}
#order .dest .ordercontents .mail_num input#recipPostNo {width: calc(100% - 115px);}
#order .dest .ordercontents .mail_num button {height: 30px; margin-left: 20px;}
#order .dest .ordercontents .mail_num .errortxt {position: absolute; left: 0; bottom: 0;}
#order .dest .ordercontents .address {margin-bottom: 10px; width: 100%; }
#order .dest .ordercontents .address_detail {margin-bottom: 10px; width: 100%; }
#order .dest .ordercontents .delivery_message {position: relative; padding: 9px 0 11px; width: 100%; height: 40px; border-bottom: 1px solid #e5e5e5; text-align: left; font-size: 14px; line-height: 20px; color: #222222; font-weight: 500;}
#order .dest .ordercontents .delivery_message:after {position: absolute; right: 0; top: 50%; margin-top: -11px; display: block; width: 22px; height: 22px; content: ''; background: url(/ux/imgs/goods/input_arrow.png) center no-repeat; background-size: 22px;}
#order .dest .ordercontents .delivery_text {margin-top: 10px;}

/* 할인 혜택 */
#order .sale .coupon .cpnBenefitToolTip {position: relative;}
#order .sale .coupon .cpnBenefitToolTip .cpnTooltip {background-color:#222222;height:32px;border-radius: 16px 16px 5px 16px;color:white;margin-left: -13px;position:absolute;bottom:0;right:0;width: 190px; overflow:hidden;}
#order .sale .coupon .cpnBenefitToolTip .cpnTooltip .cpnTooltipTxt {font-size: 12px;margin: 6px 5px 0 16px;display: inline-block;font-weight: 500;letter-spacing: -0.12px;}
#order .sale .coupon .cpnBenefitToolTip .cpnTooltip .cpnTooltipTxt .close {margin: -1px 0 0 0;text-indent: -9999em;overflow: hidden;width: 16px;height: 16px;background: url(/ux/imgs/display/icon_close2.png)center no-repeat;background-size: 16px;opacity:0.5;}

#order .sale td {display: flex;}
#order .sale .input_text_wrap {position: relative; width: 325px;}
#order .sale input {width: 100%; text-align: right; padding-right: 16px; box-sizing: border-box; font-weight: 500; font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;}
#order .sale .unit {position: absolute; right: 0; top: 9px; font-weight: 500;}
#order .sale .coupon button {margin-left: 20px; margin-top: 5px; width: 90px; height: 30px;}
#order .sale p {padding-top: 10px; text-align: right; font-weight: 600;}
#order .sale p strong {font-weight: 500;}
#order .sale p.color_1 {color: #b7a386;}
#order .sale p.color_2 {color: #5211ce;}
#order .sale .checklabel1 {margin: 8px 0 0 20px;}

#order .sale .point_tit1,
#order .sale .point_tit2 {display: flex; justify-content: space-between; align-items: center;}
#order .sale .point_tit1 p,
#order .sale .point_tit2 p {font-size: 12px; line-height: 18px; padding: 30px 0 10px; font-weight: 500;}
#order .sale .point_tit1 p {color: #b7a386;}
#order .sale .point_tit2 p {color: #5211ce;}
#order .sale .point .input_wrap {width: 100%;}

/* 결제수단 */
#order .paylist {display: flex; flex-wrap: wrap; margin: 0 -5px; padding-top: 25px;}
#order .paylist li {width: 184px; padding-bottom: 10px; margin: 0 5px;}
#order .paylist li:last-child {padding-bottom: 0;}
#order .paylist li input {display: none;}
#order .paylist li label {padding: 0 5px; display: flex; align-items: center; justify-content: center; width: 100%; height: 50px; box-sizing: border-box; border: 1px solid #e5e5e5; border-radius: 5px; font-weight: 600; line-height: 20px; color: #222222;}
#order .paylist li input:checked + label {position: relative; border: 1px solid #222222;}
/* #order .paylist li input:checked + label:after {position: absolute; right: 20px; top: 50%; margin-top: -12px; display: block; width: 23px; height: 23px; content: ''; background: url(/ux/imgs/order/checked_on.png); background-size: 23px;} */
#order .paylist li .payment_tit {display: flex;}
#order .paylist li .payment_tit img {width: 44px; height: 20px; margin-right: 5px;}
#order .paylist li .payment_tit h4 {font-weight: 600; line-height: 20px; color: #222222;}

#order .payment .checklabel1 {padding: 5px 0 25px;}
#order .payment .warninglist {border-top: 1px solid #e5e5e5;}
#order .payment {}
#order .payment #payment1,
#order .payment #payment2,
#order .payment #payment3,
#order .payment #payment4,
#order .payment #payment5,
#order .payment #payment6,
#order .payment #payment7,
#order .payment #payment8 {display: none;}
#order .payment #payment1.on,
#order .payment #payment2.on,
#order .payment #payment3.on,
#order .payment #payment4.on,
#order .payment #payment5.on,
#order .payment #payment6.on,
#order .payment #payment7.on,
#order .payment #payment8.on {display: block;}

#order .payment .content_box {padding-top: 45px;}
#order .payment .content_box .ordercontents {} 

#order .content_box.escrow {box-shadow: none;}
#order .escrow .content_tit {display: flex; align-items: center;} 
#order .escrow .content_tit h1{font-size: 24px; font-weight: 6pp; color: #000;}
#order .escrow .content_tit button {width: 19px; height: 19px; margin-left: 10px; margin-top: 4px;}
#order .escrow .content_tit button img {width: 19px;}
#order .escrow .escrow_btn {padding: 30px 0 20px; display: flex;}
#order .escrow .escrow_btn li {width: 184px; padding-left: 0; padding-bottom: 0; margin-right: 10px;}
#order .escrow .escrow_btn li:before {display: none;}
#order .escrow .escrow_btn li input {display: none;}
#order .escrow .escrow_btn li label {display: flex; justify-content: center; align-items:center; width: 100%; height: 50px; font-weight: 600; color: #222222; border: 1px solid #e5e5e5; border-radius: 5px;}
#order .escrow .escrow_btn li input:checked + label {border: 1px solid #222222;}
#order .escrow .warninglist {border-top: none;}

#order .payment_phone {}
#order .payment_phone .warninglist {padding-top: 20px; border-top: none;}

#order .refund_info {}
#order .refund_info .accountstate {padding-top: 10px;}
#order .refund_info .accountstate .input_text_wrap {padding-bottom: 15px;}
#order .refund_info .accountstate .input_text:focus {border-bottom: 1px solid #e5e5e5; outline: 0 none;}
#order .refund_info .accountstate .warninglist {padding-top: 15px;}

/* 결제 */
#order .bill_wrap {position: relative; width: 320px; margin: 52px 0 0 60px; flex: 0 0 auto; }
#order .bill {width: 100%; position: absolute; top: 0; padding: 24px 24px 0 24px; border: 1px solid #e5e5e5; border-radius: 5px; box-shadow: 0 10px 30px 0 rgb(0,0,0,0.05); box-sizing: border-box; background-color: #FFFFFF;}
#order .bill h2 {padding-bottom: 20px; font-size: 24px; font-weight: 600;}
#order .bill .price_section {}
#order .bill .price_section .order_result_list {padding-bottom: 10px; border-bottom: 1px solid #e5e5e5;}
#order .bill .price_section .order_result_list li {padding-bottom: 15px; display: flex; justify-content: space-between; align-items: center;}
#order .bill .price_section .order_result_list li.sale {margin-top: -10px;}
#order .bill .price_section .tit {font-size: 16px; font-weight: 500;}
#order .bill .price_section li.sale .tit {color: #aaa;}
#order .bill .price_section .order_result_list li .fee_info{display: inline-block;width: 13px;height: 13px;margin-left: 5px;background: url(/ux/imgs/display/i.png) center no-repeat;background-size: 13px;text-indent: -9999px;overflow: hidden;cursor:pointer;}
#order .bill .price_section .order_result_list .num {font-size: 16px; color: #aaa;font-weight:500;}
#order .bill .price_section .order_result_list .minus {color:#f25758;font-size:16px;font-weight:500;}
#order .bill .price_section .total_price {padding: 25px 0 30px; border-bottom: 1px solid #e5e5e5;}
#order .bill .price_section .total_price div {display: flex; justify-content: space-between; align-items: center;}
#order .bill .price_section .total_price .total_num {font-size: 30px; font-weight: 700;}
#order .bill .price_section .total_price .point {padding-top: 5px; font-size: 14px; color: #b7a386; font-weight:500; letter-spacing: -1.3px;}
#order .bill .price_section .total_price .num {padding-top: 5px; font-size: 14px; color: #b7a386; font-weight:500;}
#order .bill .info_con {padding-bottom: 20px;}
#order .bill .info_con ul {}
#order .bill .info_con ul li {position: relative; padding: 0 0 10px 9px; font-size: 13px; line-height: 20px; color: #707070; font-weight: 500; word-break: keep-all;}
#order .bill .info_con ul li:before {position: absolute; left: 0; top: 10px; width: 3px; height: 3px; border-radius: 50%; background: #707070; display: block; content: '';}

#order .bill .agree {padding: 25px 0 30px;}
#order .bill .agree >.checklabel1 {margin-bottom: 15px;}
#order .bill .agree .checklabel1 label {font-size: 14px; line-height: 20px;}
#order .bill .agree ul {padding: 15px; background: #f5f5f5; border-radius: 10px 10px 30px 10px;}
#order .bill .agree li {padding-bottom: 15px;}
#order .bill .agree li:last-child {padding-bottom: 0;}
#order .bill .agree li .checklabel1 {margin-bottom: 10px;}
#order .bill .agree li div {font-size: 13px; color: #aaa;}

#order .bill .pay {margin: 0 -24px; background: #222; border-radius: 5px;}
#order .bill .pay .fill {display: flex; align-items: center; height: 64px;}
#order .bill .pay .desc {position: relative; width: 159px; flex: 0 0 auto; display: flex; flex-direction: column; color: #fff;}
#order .bill .pay .desc:after {position: absolute; right: 0; top: 50%; margin-top: -15px; width: 1px; height: 30px; content: ''; background: #3c3c3c;}
#order .bill .pay .desc span {font-size: 13px;}
#order .bill .pay .desc span.point {font-size: 16px; color: #b7a386; font-weight: 600;}
#order .bill .pay p {width: 159px; flex: 0 0 auto; color: #fff; text-align: center; font-weight: 600;}
#order .bill .pay p .sm {font-weight: 500;}


/* 포장재 동봉 */
#order .packagingList {display: flex; flex-wrap: wrap; margin: 0 -5px; padding: 25px 0 15px; border-bottom: 1px solid #e5e5e5;}
#order .packagingList >li {width: 184px; padding: 20px; margin: 0 5px 10px; display: flex; flex-direction: column; justify-content: center; align-items: center; border: 1px solid #e5e5e5; border-radius: 5px; box-sizing: border-box;}
#order .packagingList .img {width: 100px; height: 100px;}
#order .packagingList .img div {display: flex; justify-content: center; align-items: center; width: 100px; height: 100px; background: #f5f5f5; border-radius: 50%;}
#order .packagingList .img div span {color:#aaa; text-align: center;}
#order .packagingList .info {padding: 10px 0;}
#order .packagingList .info .brand {display: block; text-align: center; padding-bottom: 2px; font-size: 13px; line-height: 18px; color: #aaaaaa; font-weight: 500;}
#order .packagingList .info .packaging {text-align: center; font-size: 14px; line-height: 20px; color: #222222; font-weight: 500;}
#order .packagingList .info .packaging span {font-size: 12px;}
#order .packagingList .select_box .box .btn {text-align: center; color: #222; font-weight: 600;}

/* 환불계좌등록 팝업 */
#order .refund {padding: 0 20px; box-shadow: none;}
#order .refund.content_box {margin-bottom: 0;}
#order .refund h2 {display: inline-block; padding-bottom: 10px; margin-top: 30px; font-size: 16px; line-height: 24px; font-weight: 600;}
#order .refund .bank .input_text_wrap {position: relative;}
#order .refund .bank .input_text_wrap:after {position: absolute; right: 0; top: 50%; margin-top: -12px; width: 24px; height: 24px; content: ''; background: url(/ux/imgs/goods/input_arrow.png) center no-repeat; background-size: 24px;}
#order .refund .bank .input_text {font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif; font-weight: 700;}
#order .refund .bank .input_text::placeholder {padding: 10px 0; color: #222222; font-weight: 700;}
#order .refund .bank .input_text:focus {border-bottom: 1px solid #e5e5e5; outline: 0 none;}
#order .refund .btn_x_large {position: fixed; left: 0; right: 0; bottom: 0;}

/* 쿠폰 조회 팝업 */
#couponlayer {}
#couponlayer .full_title span {font-size: 16px; font-weight: 500; color: #707070;}
#couponlayer .full_title span.font_Mon {font-weight: 600; color: #b7a386;}
#couponlayer .full_title >span:first-child {position: relative; padding-right: 15px; margin: 0 0 0 20px;}
#couponlayer .full_title >span:first-child:after {position: absolute; right: 0; top: 50%; margin-top: -6px; display: block; width: 1px; height: 16px; background: rgba(34,34,34,0.2); content: '';}
#couponlayer .full_title #goToMyCoupon {padding-left: 30px;}
#couponlayer .full_title #goToMyCoupon .go_coupon {font-size:13px;text-decoration: underline;}
#couponlayer .full_body {padding: 0 40px 50px;}
#couponlayer .inner { overflow-y: auto; max-height: calc(80vh - 188px); -ms-overflow-style: none;}
#couponlayer .inner::-webkit-scrollbar {display: none;width: 0 !important;}

#couponlayer .select_box .box .btn {padding: 0 40px 0 0;}
#couponlayer .select_box .box .btn.color {color: #5211ce;}
#couponlayer .no_coupon {position: relative; display: flex; align-items: center; width: 100%; height: 40px; border-bottom :1px solid #e5e5e5;}
#couponlayer .no_coupon span {font-size: 15px; color: #707070; opacity: 0.2;}
#couponlayer .no_coupon span:after {position: absolute; right: 0; top: 10px; display: block; width: 20px; height: 20px; content: ''; background: url(/ux/imgs/web/global/input_arrow_down_black@3x.png) center no-repeat; background-size: 20px; }

#couponlayer #frmCouponSelect {}

#couponlayer .couponsection {padding: 0 0 40px; width: 100%;}
#couponlayer .couponsection h2 {font-size: 24px; color: #000; font-weight: 500; padding-bottom: 20px; border-bottom: 2px solid #222; }
#couponlayer .couponsection .list {}
#couponlayer .couponsection .item {display: flex; justify-content: space-between; align-items: center; position: relative; padding: 25px 0; border-bottom: 1px solid #e5e5e5;}
#couponlayer .couponsection .product {width: 280px; margin-right:60px; flex: 0 0 auto; display: flex; flex-direction: column;}
#couponlayer .couponsection .product >span {display: block;}
#couponlayer .couponsection .brand {font-size: 12px; line-height: 15px; color: #aaaaaa; font-weight: 500;}
#couponlayer .couponsection .title {padding: 10px 0; font-size: 14px; line-height: 21px; color: #222222; font-weight: 500;}
#couponlayer .couponsection .info_wrap {}
#couponlayer .couponsection .option {font-size: 12px; line-height: 18px; color: #707070; font-weight: 600;}
#couponlayer .couponsection .price {margin-left: 10px; font-size: 14px; line-height: 18px; color: #222222; font-weight: 700;}

#couponlayer .couponsection .select {width: 100%;}
#couponlayer .couponsection .select .select_box {width: 100%;}
#couponlayer .couponsection .select02 .select_box,
#couponlayer .couponsection .plusCpnWrap.select {margin-left: 60px;}
#couponlayer .couponsection .plusCpnWrap .input_text::placeholder {color: #5211ce;}
#couponlayer #frmCouponSelect .couponsection .coupon_radio {position:relative; width:unset; height:unset; opacity:unset; cursor:pointer; float:left; margin-top: 4px;margin-right:5px;}
#couponlayer #frmCouponSelect .couponsection .ordDtlGoodsPlusCpnSelectArea {width:100%;}
#couponlayer #frmCouponSelect .couponsection .ordDtlGoodsPlusCpnSelectArea .select.plusCpnWrap {margin-left:unset;}
#couponlayer #frmCouponSelect .couponsection .select_list label {cursor: pointer;}

#couponlayer .couponsection .tit {width: 340px; flex: 0 0 auto; font-size: 16px; color: #000; font-weight: 600;}
#couponlayer .couponsection h3 {padding-bottom: 10px; font-size: 16px; line-height: 24px; color: #222222; font-weight: 600;}
#couponlayer .couponsection .delivery {width: 100%; font-size: 15px; font-weight: 500;}

#couponlayer .warninglist {margin-top: -10px;}
#couponlayer .warninglist li {position: relative; padding-left: 10px; padding-bottom: 10px; font-size: 14px; line-height: 20px; letter-spacing: -0.14px; color: #707070; font-weight: 500; word-break: keep-all;}
#couponlayer .warninglist li:before {position: absolute; left: 0; top: 8px; display: block; width: 3px; height: 3px; content: ''; border-radius: 50%; background: #707070;}
#couponlayer .warninglist li:last-child {padding-bottom: 0;}
#couponlayer .warninglist li img {margin-left: 5px; }
#couponlayer .warninglist li strong {color: #f25758; font-weight: 500;}
#couponlayer .warninglist li span {font-weight: 600; color: #222222;}

#couponlayer .finale {margin: 40px 0; padding: 20px 0; background: #f9fafc; border-radius: 10px;}
#couponlayer .finale .list {display: flex; justify-content: center;}
#couponlayer .finale .list li {display: flex; flex-direction: column; justify-content: center; align-items: center;}
#couponlayer .finale .list li:not(:first-child) {position: relative; padding-left:51px; margin-left:25px;}
#couponlayer .finale .list li:not(:first-child):before {position: absolute; left: 0; top: 50%; margin-top: -13px; display: block; width: 26px; height: 26px; content: ''; background: url(/ux/imgs/web/order/icon_input_plus@3x.png)center no-repeat; background-size: 26px;}
#couponlayer .finale .list li:last-child:before {background: url(/ux/imgs/web/order/icon_input_sum@3x.png)center no-repeat;background-size: 26px;}
#couponlayer .finale .list span {font-size: 18px; color: #000; font-weight: 500;}
#couponlayer .finale .list .title {padding-bottom: 5px; font-size: 14px; color: #222222;}
#couponlayer .finale .list li.finish #labelTotalDiscountPrice {font-size: 18px; color: #000; font-weight: 600;}

#couponlayer .btn_large2_wrap {justify-content: center;}
#couponlayer .btn_large2_wrap button {width: 270px; margin: 0 5px;}
#couponlayer .btn_large2_wrap button .font_Mon {color: #b7a386; font-weight: 600;}

/* 쿠폰 리스트 팝업 */
.layer-box.order_couponlist{min-height: 177px; max-height: 177px;}
.layer-box.order_couponlist .layer_tit{}
.layer-box.order_couponlist .order_coupon_list{overflow-y: scroll; height: 70px;}
.layer-box.order_couponlist .order_coupon_list li{width: 100%; padding-bottom:20px;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;font-weight: 500;color: #e5e5e5;}
.layer-box.order_couponlist .order_coupon_list li:last-child{padding-bottom:0;}
.layer-box.order_couponlist .order_coupon_list li input{display:none}
.layer-box.order_couponlist .order_coupon_list li input + label.select_coupon{font-size: 16px;font-weight: 500;} 
.layer-box.order_couponlist .order_coupon_list li input + label.select_coupon p {position: relative; display: block; color: #e5e5e5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.layer-box.order_couponlist .order_coupon_list li input[type='radio']:checked + label.select_coupon p {color: #222222;}

/* 선물하기 */
#send_gift{}
#send_gift .wrap{}
#send_gift .wrap .con{padding: 20px;margin-bottom: 10px;box-shadow: 0 2px 8px 0 rgb(0 0 0 / 5%); background-color: #fff;}
#send_gift .wrap .con .tab_wrap{}
#send_gift .wrap .con h1{position: relative;display: inline-block;font-size: 18px;font-weight: 600;}
#send_gift .wrap .con h1 .essential{position: absolute;right: -6px;top: 6px;display: inline-block;width: 3px;height: 3px; border-radius: 50%; background: #b7a286;text-indent: -9999px;overflow: hidden;}
#send_gift .wrap .con h2{padding-bottom:10px;position: relative;display: inline-block; font-size: 16px;font-weight: 600;}
#send_gift .wrap .con h2 .essential{position: absolute;right: -6px;top: 6px;display: inline-block;width: 3px;height: 3px; border-radius: 50%; background: #b7a286;text-indent: -9999px;overflow: hidden;}
#send_gift .wrap .con .tab_wrap .tab_list{display: flex;padding: 20px 0;}
#send_gift .wrap .con .tab_wrap .tab_list li{width: 50%;}
#send_gift .wrap .con .tab_wrap .tab_list li.active button{border: solid 1px #222;color:#222}
#send_gift .wrap .con .tab_wrap .tab_list li button{ border: solid 1px #e5e5e5;font-weight: 500; color: #aaa; box-sizing: border-box;height: 40px;display: flex;align-items: center; justify-content: center;width: 100%;}
#send_gift .wrap .con .tab_wrap .tab_list li:first-child button{border-radius: 5px 0 0 5px;}
#send_gift .wrap .con .tab_wrap .tab_list li:last-child button{border-radius: 0 5px 5px 0;}
#send_gift .wrap .con .name_wrap .input_text_wrap{margin-bottom:10px}

#send_gift .wrap .con .moblie_wrap{padding-top:20px;}
#send_gift .wrap .con .phone_num {display: flex; justify-content: space-between;}
#send_gift .wrap .con .phone_num.error {padding-bottom: 28px; position: relative;}
#send_gift .wrap .con .phone_num .selectCellList {position: relative; width: calc(33.3% - 10px); height: 40px; background-color: transparent; color: #222222; font-size: 14px; line-height: 20px; letter-spacing: -0.14px; box-shadow: none; border-radius: 0; webkit-border-radius: 0; -webkit-appearance: none;}
#send_gift .wrap .con .phone_num .selectCellList:after {position: absolute; right: 0; top: 50%; margin-top: -11px; display: block; width: 22px; height: 22px; content: ''; background: url(/ux/imgs/goods/input_arrow.png) center no-repeat; background-size: 22px;}
#send_gift .wrap .con .phone_num .selectCellList input {width: 100%; height: 40px; border: none; border-bottom: 1px solid #e5e5e5; color: #222222; font-weight: 500; font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;}
#send_gift .wrap .con .phone_num .selectCellList input::placeholder {color: #222222; font-weight: 500;}
#send_gift .wrap .con .phone_num .input_text_wrap {width: calc(33.3% - 10px);}
#send_gift .wrap .con .phone_num .input_text_wrap .input_text {font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif; font-weight: 500;}
#send_gift .wrap .con .phone_num .input_text_wrap .input_text::placeholder {font-weight: 500;}
#send_gift .wrap .con .phone_num.error .errortxt {display: block;}
#send_gift .wrap .con .phone_num .errortxt {position: absolute; left: 0; bottom: 0; display: none; padding: 10px 0 0 0; font-size: 12px; line-height: 18px; letter-spacing: -0.12px; font-weight: 500; color: #f25758;}
#send_gift .wrap .con .input_text_wrap .errortxt {padding:10px 0 0 0}
#send_gift .wrap .con .moblie_wrap .notice{padding-top:10px}

#send_gift .wrap .con .notice li{position: relative; padding-bottom: 10px; padding-left: 10px;}
#send_gift .wrap .con .notice li:last-child{padding-bottom: 0;}
#send_gift .wrap .con .notice li:before{position: absolute; left: 0; top: 10px; display: block; content: ''; width: 3px;height: 3px;background-color: #707070;border-radius: 50%;}
#send_gift .wrap .con .notice span{font-weight: 500; color: #707070; letter-spacing: -0.14px;word-break: keep-all;}

#send_gift .wrap .con .msg_wrap .comment_box{margin:20px 0 10px 0;padding: 20px;position:relative;border-radius: 10px 10px 30px 10px;box-sizing: border-box; box-shadow: 0 3px 8px 0 rgb(0 0 0 / 16%);background-image: linear-gradient(157deg, #653fae 28%, #361b6a 122%);}
#send_gift .wrap .con .msg_wrap .comment_box .tit_wrap{display: flex; flex-direction: column; align-items: center;}
#send_gift .wrap .con .msg_wrap .comment_box .tit_wrap span{color:#fff}
#send_gift .wrap .con .msg_wrap .comment_box .tit_wrap .tit{font-size: 30px;font-weight: 700;letter-spacing: -0.3px;}
#send_gift .wrap .con .msg_wrap .comment_box .tit_wrap .subtit{line-height: 2.4;letter-spacing: 7px;font-size: 10px; font-weight: 500;}
#send_gift .wrap .con .msg_wrap .comment_box .tit_wrap .wave{ width: 46px;display:block;margin: 15px 0 5px 0;}

#send_gift .wrap .con .msg_wrap .comment_box.error{border:1px solid #f25758}
#send_gift .wrap .con .msg_wrap .comment_box.error + .errortxt{display:block}
#send_gift .wrap .con .msg_wrap .comment_box p{font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;text-align: right;color: #fff;box-sizing: border-box;line-height: 1;}
#send_gift .wrap .con .msg_wrap .comment_box p .color{font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;}
#send_gift .wrap .con .msg_wrap .comment_box textarea{color: #fff;width: 100%; box-sizing: border-box;background-image: linear-gradient(to right, transparent 10px, transparent 10px), linear-gradient(to left, transparent 10px, transparent 10px), repeating-linear-gradient(transparent, transparent 39px, #ffffff20 39px, #ffffff20 40px, #ffffff20 40px); line-height: 40px;height: 135px;}
#send_gift .wrap .con .msg_wrap .comment_box textarea::placeholder{color: #fff;margin-bottom:10px}

#send_gift .wrap .con .order_info_wrap{}
#send_gift .wrap .con .order_info_wrap h1{padding-bottom:20px}
.product{display: flex;}
.product .img{flex: 0 0 auto;position:relative}
.product .img .set{width: 34px; height: 24px; background: #000;color: #fff; font-size: 10px;display: block;text-align: center; line-height: 24px; border-top-right-radius: 10px;border-bottom-left-radius: 10px; position: absolute; top: 0;right: 0; font-weight: 600;}
.product .img img{width: 100px; display: block; border-radius: 10px;border: solid 1px #e5e5e5;}
.product .text_con{ display: flex; flex-direction: column; margin-left: 20px;}
.product .text_con .brand{font-size: 12px;color: #aaaaaa; font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif; padding-bottom: 5px;}
.product .text_con .title{margin-right: 30px; font-weight: 500;padding-bottom: 10px; font-weight: 600; word-break: keep-all;}
.product .text_con .price{font-size: 18px; line-height: 22px; font-weight: 700;}
.product .text_con .option{ font-size: 12px;color: #aaaaaa;font-weight: 500;font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;padding-top: 2px;}

#send_gift .wrap .con .sale{}
#send_gift .wrap .con .ordercontents h2 {position: relative; display: inline-block; padding-bottom: 10px; margin-top: 30px; font-size: 16px; line-height: 24px; font-weight: 600;}
#send_gift .wrap .con .ordercontents h2 .essential {position: absolute; right: -6px; top: 6px; display: inline-block; width: 3px; height: 3px; border-radius: 50%; background: #b7a286; text-indent: -9999px; overflow: hidden;}

#send_gift .sale .coupon {display: flex; align-items: center;}
#send_gift .sale .input_text_wrap {position: relative;}
#send_gift .sale .coupon .input_text_wrap {width: calc(100% - 90px);}
#send_gift .sale input {width: 100%; text-align: right; padding-right: 16px; box-sizing: border-box; font-weight: 500; font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;}
#send_gift .sale .unit {position: absolute; right: 0; top: 9px; font-weight: 500;}
#send_gift .sale .coupon button {margin-left: 20px; height: 30px;}

#send_gift .sale .point_tit1,
#send_gift .sale .point_tit2 {display: flex; justify-content: space-between; align-items: center;}
#send_gift .sale .point_tit1 p,
#send_gift .sale .point_tit2 p {font-size: 12px; line-height: 18px; padding: 30px 0 10px; font-weight: 500;}
#send_gift .sale .point_tit1 p {color: #b7a386;}
#send_gift .sale .point_tit2 p {color: #5211ce;}
#send_gift .sale .point .input_wrap {width: 100%;}
#send_gift .wrap .con .sale .notice{margin-top:30px}

#send_gift .wrap .con .package_wrap{}
#send_gift .wrap .con .package_wrap .packagingList{display: flex; overflow-x: scroll;overflow-y: hidden; -ms-overflow-style: none;margin:30px -5px 20px -5px}
#send_gift .wrap .con .package_wrap .packagingList::-webkit-scrollbar {display: none;width: 0 !important;}

#send_gift .wrap .con .package_wrap .packagingList li{margin:0 5px; display: flex;flex-direction: column;align-items: center;border-radius: 5px; border: solid 1px #e5e5e5; padding: 20px; box-sizing: border-box; flex: 0 0 auto;}
#send_gift .wrap .con .package_wrap .packagingList li .img{}
#send_gift .wrap .con .package_wrap .packagingList li .img img{width: 100px;display: block;}
#send_gift .wrap .con .package_wrap .packagingList li .info{display: flex;flex-direction: column;align-items: center;}
#send_gift .wrap .con .package_wrap .packagingList li .info .brand{padding:10px 0 2px 0;font-size: 12px;color: #aaa;font-weight: 500;}
#send_gift .wrap .con .package_wrap .packagingList li .info .packaging{font-weight: 500;padding-bottom:10px}
#send_gift .wrap .con .package_wrap .packagingList li .info .packaging .sm{font-size: 12px;}
#send_gift .wrap .con .package_wrap .packagingList .select_box{ width: 100%;position: relative; display: flex; align-items: center; border-bottom: 1px solid #e5e5e5; height: 50px;justify-content: flex-end;}
#send_gift .wrap .con .package_wrap .packagingList .select_box span{font-size: 16px;font-weight: 700;position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
#send_gift .wrap .con .package_wrap .packagingList .select_box button{}
#send_gift .wrap .con .package_wrap .packagingList .select_box button .icon_down_arrow{text-indent: -999px;overflow:hidden;display: inline-block;margin-left: 8px; vertical-align: middle; background: url(/ux/imgs/goods/input_arrow.png) no-repeat center; background-size: cover;width: 24px; height: 24px;}
#send_gift .wrap .con .notice li.highlight:before{background-color:#f25758}
#send_gift .wrap .con .notice li.highlight span{color: #f25758;}

#send_gift .paylist {display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 30px;}
#send_gift .paylist li {width: calc(50% - 5px); padding-bottom: 10px;}
#send_gift .paylist li:last-child {padding-bottom: 0;}
#send_gift .paylist li input {display: none;}
#send_gift .paylist li label {padding: 0 5px; display: flex; align-items: center; justify-content: center; width: 100%; height: 50px; box-sizing: border-box; border: 1px solid #e5e5e5; border-radius: 5px; font-weight: 600; line-height: 20px; color: #222222;}
#send_gift .paylist li input:checked + label {position: relative; border: 1px solid #222222;}
#send_gift .paylist li .payment_tit {display: flex;}
#send_gift .paylist li .payment_tit img {width: 44px; height: 20px; margin-right: 5px;}
#send_gift .paylist li .payment_tit h4 {font-weight: 600; line-height: 20px; color: #222222;}

#send_gift .payment .checklabel1 {padding: 0 0 30px;}
#send_gift .payment .warninglist {padding: 0;}

#send_gift .payment #payment1,
#send_gift .payment #payment2,
#send_gift .payment #payment3,
#send_gift .payment #payment4,
#send_gift .payment #payment5,
#send_gift .payment #payment6,
#send_gift .payment #payment7 {display: none;}
#send_gift .payment #payment1.on,
#send_gift .payment #payment2.on,
#send_gift .payment #payment3.on,
#send_gift .payment #payment4.on,
#send_gift .payment #payment5.on,
#send_gift .payment #payment6.on,
#send_gift .payment #payment7.on {display: block;}
#send_gift .payment .content_box {margin-bottom: 0; padding: 0;}
#send_gift .payment .content_box .ordercontents {padding: 0 20px; margin: 0 -20px; border-top: 10px solid #f9fafc;} 
#send_gift .content_box.escrow {box-shadow: none;}
#send_gift .escrow .content_tit {align-items: center;}
#send_gift .escrow .content_tit button {width: 13px; height: 13px; margin-left: 5px;}
#send_gift .escrow .escrow_btn {padding: 30px 0 20px; display: flex; justify-content: space-between;}
#send_gift .escrow .escrow_btn li {width: calc(50% - 5px); padding-left: 0; padding-bottom: 0;}
#send_gift .escrow .escrow_btn li:before {display: none;}
#send_gift .escrow .escrow_btn li input {display: none;}
#send_gift .escrow .escrow_btn li label {display: flex; justify-content: center; align-items:center; width: 100%; height: 50px; font-weight: 600; color: #222222; border: 1px solid #e5e5e5; border-radius: 5px;}
#send_gift .escrow .escrow_btn li input:checked + label {border: 1px solid #222222;}
#send_gift .payment_phone {}
#send_gift .payment .content_box.payment_phone {box-shadow: none;}
#send_gift .payment .content_box.payment_phone >div,
#send_gift .payment .content_box.escrow >div {padding: 20px;}
#send_gift .payment .content_box.payment_phone >div:last-child,
#send_gift .payment .content_box.escrow >div:last-child{padding: 0 20px;}
#send_gift .payment_phone .warninglist {padding-top: 30px;}
#send_gift .refund_info {}
#send_gift .refund_info .accountstate {padding-top: 30px;}
#send_gift .refund_info .accountstate .input_text_wrap {padding-bottom: 15px;}
#send_gift .refund_info .accountstate .input_text:focus {border-bottom: 1px solid #e5e5e5; outline: 0 none;}
#send_gift .refund_info .accountstate .warninglist {padding-top: 15px;}

#send_gift .warninglist {padding-top: 30px;}
#send_gift .warninglist li {position: relative; padding-left: 10px; padding-bottom: 10px; font-size: 14px; line-height: 20px; letter-spacing: -0.14px; color: #707070; font-weight: 500; word-break: keep-all;}
#send_gift .warninglist li:before {position: absolute; left: 0; top: 8px; display: block; width: 3px; height: 3px; content: ''; border-radius: 50%; background: #707070;}
#send_gift .warninglist li:last-child {padding-bottom: 0;}
#send_gift .warninglist li img {margin-left: 5px; }
#send_gift .warninglist li strong {color: #f25758; font-weight: 500;}
#send_gift .warninglist li span {font-weight: 600; color: #222222;}

.payment_info .resultlist {padding-top: 30px;}
.payment_info .resultlist li {display: flex; justify-content: space-between; align-items: center; padding-bottom: 20px;}
.payment_info .resultlist h3 {font-size: 14px; line-height: 20px; color: #222222; font-weight: 500;display: flex; align-items: center;}
/* .payment_info .resultlist h3.discount:after{content: '!'; color: #fff;background-color: #f25758;width: 13px;height: 13px; border-radius: 50%;display: flex;justify-content: center; align-items: center;font-size: 10px;margin-left: 5px;} */
.payment_info .resultlist strong {font-size: 14px; line-height: 18px; color: #aaaaaa; font-weight: 500; font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif; }
.payment_info .resultlist strong.minus {color: #f25758;}
.payment_info .resultlist strong.point{color: #222;}

.payment_info .resultlist dl {width: 100%; margin-top: -15px;}
.payment_info .resultlist dd {display: flex; justify-content: space-between; align-items: center; padding-bottom: 2px;}
.payment_info .resultlist dd h4 {position: relative; display:flex;align-items: center;padding-left: 5px; font-size: 12px; line-height: 18px; color: #aaaaaa; font-weight: 500;}
.payment_info .resultlist dd h4:before {position: absolute; left: 0; top: 8px; display: block; width: 2px; height: 2px; border-radius: 50%; content: ''; background: #b7a386;}
.payment_info .resultlist dd h4 .view_cpn{margin-left:5px;background: url(/ux/imgs/mypage/icon_info@3x.png) center no-repeat; background-size: cover; text-indent: -9999px; width:13px; height:13px}
.payment_info .resultlist dd h4 .view_cpn.red{background: url(/ux/imgs/mypage/alert@3x.png) center no-repeat; background-size: cover;}
.payment_info .resultlist dd strong {font-size: 12px; line-height: 15px; color: #aaaaaa; font-weight: 500; font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;}
.payment_info .resultlist .total {border-top: 1px solid #e5e5e5; padding: 20px 0 0;}
.payment_info .resultlist .total h3 {font-size: 15px; line-height: 18px; color: #222222; font-weight: 500; letter-spacing: -0.15px;}
.payment_info .resultlist .total strong {font-size: 24px; line-height: 29px; color: #222222; font-weight: 700;}
.payment_info .resultlist .mileage {justify-content: flex-end; margin: 5px 0 -20px;}
.payment_info .resultlist .mileage span {font-size: 12px; line-height: 18px; color: #b7a386;}
.payment_info .resultlist .mileage span strong {font-size: 12px; line-height: 18px; color: #b7a386;}

#send_gift .wrap .con .agree li {border-bottom: 1px solid #e5e5e5;}
#send_gift .wrap .con .agree li:last-child {border-bottom: none;}
#send_gift .wrap .con .agree .accodion_tit{display: flex; justify-content: space-between; padding: 29px 0 27px;}
#send_gift .wrap .con .agree .accodion_tit .checklabel1 {display: flex; padding: 0; margin: 0;}
#send_gift .wrap .con .agree .btn_accodion {display: block; width: 24px; height: 24px; background: url(/ux/imgs/goods/input_arrow.png) center no-repeat; background-size: 24px; text-indent: -9999px; overflow: hidden;}
#send_gift .wrap .con .agree .btn_accodion.active {transform: rotate( 180deg );}
#send_gift .wrap .con .agree .accodion_con {display: none; margin-bottom: 25px; padding: 15px 25px 15px 15px; background: #f5f5f5; border-radius: 5px; font-size: 12px; line-height: 18px; color: #aaaaaa; letter-spacing: -0.12px;}

#send_gift .wrap_buttons {display: flex;align-items: center;position: fixed;left: 0;right: 0;bottom: 0;width: 100vw;height: 64px;background: #222222;z-index: 10;}
#send_gift .wrap_buttons div {position: relative; display: flex; flex-direction: column; align-items: center; width: 150px;}
#send_gift .wrap_buttons div:after {position: absolute; right: 0; top: 50%; margin-top: -15px; width: 1px; height: 30px; content: ''; background: #3c3c3c;}
#send_gift .wrap_buttons div p {color: #fff; font-size: 12px; line-height: 18px;}
#send_gift .wrap_buttons div p span {color: #fff;}
#send_gift .wrap_buttons div strong {font-size: 16px; line-height: 18px; color: #b7a386;}
#send_gift .wrap_buttons div strong span {margin-left: 3px; font-size: 12px; line-height: 18px; color: #fff; font-weight: 500;}
#send_gift .wrap_buttons button {text-align: center; width: calc(100vw - 150px); height: 64px; }
#send_gift .wrap_buttons button p{font-size: 16px; line-height: 24px; color: #fff; font-weight: 600;}
#send_gift .wrap_buttons button span {font-size: 14px; font-weight: 500;}


/* 선물하기 휍뷰화면 */
#send_gift_view{}
#send_gift_view .wrap{background-color: #f7f8fa;}
#send_gift_view .wrap.on{background-color: #fff;}
#send_gift_view .wrap .con{}
#send_gift_view .wrap .con .main{padding: 60px 20px 40px 20px; background:url(/ux/imgs/order/web_view_bg@3x.png) center no-repeat;background-size: cover; border-radius: 0 0 30px 0;}
#send_gift_view .wrap .con .main .tit_wrap{}

#send_gift_view .wrap .con .main .tit_wrap{display: flex; flex-direction: column; align-items: center;}
#send_gift_view .wrap .con .main .tit_wrap span{color:#fff}
#send_gift_view .wrap .con .main .tit_wrap .tit{font-size: 30px;font-weight: 700;letter-spacing: -0.3px;}
#send_gift_view .wrap .con .main .tit_wrap .subtit{line-height: 2.4;letter-spacing: 7px;font-size: 10px; font-weight: 500;}
#send_gift_view .wrap .con .main .tit_wrap .wave{ width: 46px;display:block;margin: 15px 0;}
#send_gift_view .wrap .con .main .tit_wrap h1{font-size: 20px;font-weight: 500;color: #fff; letter-spacing: -0.2px;}
#send_gift_view .wrap .con .main .product{ margin: 20px 0;border-radius: 10px; box-shadow: 0 3px 18px 0 rgb(0 0 0 / 16%); background-color: #fff; padding: 20px;}
#send_gift_view .wrap .con .main .product .img img{border:none}

#send_gift_view .wrap .con .main .msg_box{}
#send_gift_view .wrap .con .main .msg_box span{color: #fff;letter-spacing: -0.14px;word-break: keep-all;}
#send_gift_view .wrap .con .main .msg_box .from_wrap{display: flex; justify-content: center;padding-top: 20px;}
#send_gift_view .wrap .con .main .msg_box .from{color: #b7a386;letter-spacing: -0.14px;font-weight: 700;margin-right: 5px;}
#send_gift_view .wrap .con .main .msg_box .name{font-weight: 500; letter-spacing: -0.14px;}

#send_gift_view .wrap .con .info_wrap{background-color: #f7f8fa;}
#send_gift_view .wrap .con .info_wrap .notice{padding: 20px;}
#send_gift_view .wrap .con .info_wrap .notice .point{ color: #222; font-weight: 600;}
#send_gift_view .wrap .con .info_wrap .notice li{position: relative; padding-bottom: 10px; padding-left: 10px;}
#send_gift_view .wrap .con .info_wrap .notice li:last-child{padding-bottom: 0;}
#send_gift_view .wrap .con .info_wrap .notice li:before{position: absolute; left: 0; top: 10px; display: block; content: ''; width: 3px;height: 3px;background-color: #707070;border-radius: 50%;}
#send_gift_view .wrap .con .info_wrap .notice span{font-weight: 500; color: #707070; letter-spacing: -0.14px;word-break: keep-all;}
#send_gift_view .wrap .con .info_wrap .address_wrap{padding: 20px;background-color: #fff;  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05);margin-bottom: 10px;}

#send_gift_view .dest .content_tit {display: flex;justify-content: space-between;}
#send_gift_view .dest .content_tit button.reset {position: relative; padding: 6px 12px 6px 29px; margin-right: 5px;}
#send_gift_view .dest .content_tit button.reset:before {position: absolute; left: 12px; top: 50%; margin-top: -6px; width: 12px; height: 12px; content: ''; background: url(/ux/imgs/display/icon_refresh.png); background-size: cover;}
#send_gift_view .dest h1{ font-size: 18px;font-weight:600}
#send_gift_view .dest h2 {position: relative; display: inline-block; padding-bottom: 10px; margin-top: 30px; font-size: 16px; line-height: 24px; font-weight: 600;}
#send_gift_view .dest h2 .essential {position: absolute; right: -6px; top: 6px; display: inline-block; width: 3px; height: 3px; border-radius: 50%; background: #b7a286; text-indent: -9999px; overflow: hidden;}

#send_gift_view .dest .dest_list ul {display: flex; overflow-x: scroll;overflow-y: hidden; -ms-overflow-style: none; width: calc(100vw - 20px);}
#send_gift_view .dest .dest_list ul::-webkit-scrollbar {display: none;width: 0 !important;}
#send_gift_view .dest .dest_list ul li{margin: 0 10px 0 0;}
#send_gift_view .dest .dest_list ul li:last-child{margin-right:20px;}
#send_gift_view .dest .dest_list ul li.active button div{background: #222;}
#send_gift_view .dest .dest_list ul li.active button span{ color: #fff;}
#send_gift_view .dest .dest_list ul button div{padding: 11px 14px 10px;display: flex; justify-content: center; align-items: center; background: #f2f4f7;border-radius: 30px;}
#send_gift_view .dest .dest_list ul button span{font-family: 'NotoSansCJKkr','Montserrat',Sans-Serif;font-size: 12px; font-weight: 600; white-space: nowrap;}
#send_gift_view .dest .dest_list ul .icon_close{margin-left:10px;text-indent:-999999px;width:8px; height:8px;background: url(/ux/imgs/order/close_btn_small@3x.png) center no-repeat; background-size: cover;}

#send_gift_view .dest .ordercontents .mail_num {display: flex; align-items: center; padding-bottom: 10px;}
#send_gift_view .dest .ordercontents .mail_num.error {padding-bottom: 38px;}
#send_gift_view .dest .ordercontents .mail_num input#recipPostNo {width: calc(100% - 115px);}
#send_gift_view .dest .ordercontents .mail_num button {height: 30px; margin-left: 20px;}
#send_gift_view .dest .ordercontents .mail_num .errortxt {position: absolute; left: 0; bottom: 0;}
#send_gift_view .dest .ordercontents .address {margin-bottom: 10px; width: 100%; }
#send_gift_view .dest .ordercontents .address_detail {margin-bottom: 10px; width: 100%; }
#send_gift_view .dest .ordercontents .delivery_message {position: relative; padding: 9px 0 11px; width: 100%; height: 40px; border-bottom: 1px solid #e5e5e5; text-align: left; font-size: 14px; line-height: 20px; color: #222222; font-weight: 500;}
#send_gift_view .dest .ordercontents .delivery_message:after {position: absolute; right: 0; top: 50%; margin-top: -11px; display: block; width: 22px; height: 22px; content: ''; background: url(/ux/imgs/goods/input_arrow.png) center no-repeat; background-size: 22px;}
#send_gift_view .dest .ordercontents .delivery_text {margin-top: 10px;}

#send_gift_view .wrap .con .info_wrap .agree_wrap{ padding: 0 20px 70px 20px;background-color: #fff;  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05);}
#send_gift_view .agree_wrap .accodion_tit{display: flex; justify-content: space-between; padding: 29px 0 27px;border-bottom: 1px solid #e5e5e5;margin-bottom: 40px}
#send_gift_view .agree_wrap .accodion_tit .checklabel1 {display: flex; padding: 0; margin: 0;}
#send_gift_view .agree_wrap .accodion_tit .checklabel1 >label {font-size: 14px; padding-right: 60px;line-height: 20px; color: #222222; font-weight: 600; letter-spacing: -0.14px;}
#send_gift_view .agree_wrap .btn_accodion {display: block; width: 24px; height: 24px; background: url(/ux/imgs/goods/input_arrow.png) center no-repeat; background-size: 24px; text-indent: -9999px; overflow: hidden;}
#send_gift_view .agree_wrap .btn_accodion.active {transform: rotate( 180deg );}
#send_gift_view .agree_wrap .accodion_con {display: none; margin-bottom: 25px; padding: 15px 25px 15px 15px; background: #f5f5f5; border-radius: 5px; font-size: 12px; line-height: 18px; color: #aaaaaa; letter-spacing: -0.12px;}

#send_gift_view .accept_gift{background-color: #fff;}
#send_gift_view .accept_gift .add_info{padding:20px 20px 70px 20px}
#send_gift_view .accept_gift .add_info .hd{display: flex;justify-content: space-between;}
#send_gift_view .accept_gift .add_info .hd h1{font-size: 18px;font-weight: 600;}
#send_gift_view .accept_gift .add_info .hd button{font-size: 12px; font-weight: 500;letter-spacing: -0.12px;  border-radius: 5px;border: solid 1px #e5e5e5;padding: 6px 12px;}
#send_gift_view .accept_gift .add_info div{padding-top:30px;}
#send_gift_view .accept_gift .add_info div h2{font-size: 16px;font-weight: 600;}
#send_gift_view .accept_gift .add_info div span{font-weight: 500;padding-top:10px;display: block;}

#send_gift_view .reject_gift{background-color: #fff;padding:30px 20px 70px 20px}
#send_gift_view .reject_gift h1{font-size: 18px;font-weight: 600;padding-bottom:10px}
#send_gift_view .reject_gift span{font-weight: 500;}

#groobeeRecommendGoodsArea .recomend .tit h1{margin-bottom:30px;}