@charset "utf-8";
#sod_bsk { background:#fff; width:100%; } 
#cart-mini .tbl_head03 td.td_dvr { width:120px; }
#cart-mini .tbl_head03 td.td_prd > .sod_img { float: left; width:100px; }
#cart-mini .tbl_head03 td.td_prd > .sod_name { float: left; width:80%; }
#cart-mini .tbl_head03 td.td_prd > .sod_name > h3 { font-weight: normal; font-size:11px; color:#0073e9;}
#cart-mini #sod_bsk_list .tbl_head03 table tbody td.td_prd .prd_name { font-size:14px; margin:0 0 0 0; padding:7px 0; }
#cart-mini #sod_bsk_list table td.td_prd .prd_name b { }
#cart-mini #sod_bsk_list .tbl_head03 table tbody td.td_prd .sod_opt { margin:0; }
#cart-mini .tbl_head03 td { border-left:0; }
#cart-mini #sod_bsk_list .tbl_head03 table thead th { border-left: 0; padding:14px 0; }
#cart-mini #sod_bsk_list .tbl_head03 table tbody td.td_numbig { font-weight: normal; font-size:15px; }
#cart-mini .item_change { margin:7px 0 0 0; width:100%; }
#cart-mini .item_change > ul { margin:0 0 0 0; width:100%; display:inline-block; }
#cart-mini .item_change > ul > li { float: left; margin:0 2px 0 0; }
#cart-mini .item_change > ul > li:last-child { }
#cart-mini .item_change > ul > li > strong,.item_change > ul > li > select { display:inline-block; font-size:12px; color:#333; padding:0 10px; border-radius: 2px; border:#ddd 1px solid; font-weight: normal; }
#cart-mini .btn_date_change { width:15px; height:15px; display:inline-block; margin:0 0 0 5px; border:0; background:#fff url('../../../svg/btn_change.svg') no-repeat center center; background-size:12px 12px;}
#cart-mini .item_change > ul > li > strong { font-size:11px; padding-left:24px; background:url('../../../svg/icon_coins.svg') no-repeat left 5px center; background-size:12px 12px; border-right:#ccc 1px solid; border-bottom:#ccc 1px solid; }
#cart-mini .item_change > ul > li > * { display:inline-block; height:30px; line-height: 30px; padding:0 10px; font-size:13px !important; border-color:#ddd !important;}

#cart-mini .tbl_head03 td.ct_send_cost_free { padding:15px; background:#f8f8f8; text-align: center; font-size:14px; border-top:#ddd 1px solid; border-bottom:#ccc 1px solid;  }
#cart-mini .tbl_head03 td.ct_send_cost_free > ul { }
#cart-mini .tbl_head03 td.ct_send_cost_free > ul > li strong {  color:#000; }
#cart-mini .tbl_head03 td.ct_send_cost_free > ul > li > span { font-size:12px; font-weight: bold; color:#22ac38; float: right; display:inline-block; width:60px; text-align: right; padding-left:0; }
#cart-mini .tbl_head03 td.ct_send_cost_free > ul > li { font-size:13px;  position:relative; width:100%;  text-align: left; margin:0 0;}
#cart-mini .tbl_head03 td.ct_send_cost_free > ul > li:last-child { width:100%; text-align: left; } 
#cart-mini .progress { width:calc(100% - 60px); -webkit-width:calc(100% - 60px); display:inline-block; position:absolute; top:7px; left:0px; margin:0 0 0 0; height:10px; background:#ddd; border-radius: 10px; overflow: hidden; }
#cart-mini .progress > strong{ display:inline-block; position:absolute; top:0; left:0; width:0%; height:10px; background: linear-gradient(90deg, #56e56d, #22ac38);
	background-size: 100% 100%; border-radius: 10px;  }
#cart-mini .tbl_head03 td.ct_send_cost_free.done > ul > li > .progress > strong { background:#00ab33; background: linear-gradient(90deg, #00c93c, #00ab33);
	background-size: 100% 100%; }
#cart-mini .tbl_head03 td.ct_send_cost_free.done > ul > li > span { color:#00ab33; }
#cart-mini .tbl_head03 td.ct_send_cost_free.done > ul > li strong {  color:#00ab33; } 
#cart-mini .tbl_head03 td.ct_send_cost_free_tr { background:#eee; padding:5px; }
 
#cart-mini #sod_bsk_tot { text-align: center; border:#ddd 3px solid; padding:20px 0; margin:10px 0 55px 0; background:#f5f7fb; border:0; }
#cart-mini #sod_bsk_tot > ul { width:auto; display:inline-block; margin:0 auto; padding:0 20px;}
#cart-mini #sod_bsk_tot > ul > li { width:100%; font-size:16px; margin:0 0; display:inline-block; }
#cart-mini #sod_bsk_tot > ul > li > i { font-style: normal; }
#cart-mini #sod_bsk_tot > ul > li.sod_bsk_cnt > strong { color:#000; }
#cart-mini #sod_bsk_tot > ul > li > span { display:inline-block; color:#777; float: left; font-size:13px; height:24px; line-height: 24px; }
#cart-mini #sod_bsk_tot > ul > li > strong { display:inline-block; float: right; font-size:16px; font-weight: bold; height:24px; line-height: 24px; }

#cart-mini #sod_bsk_tot > ul > li.sod_bsk_cnt { padding:7px 0 0 0; margin:7px 0 0 0; border-top:#ddd 1px solid; }
#cart-mini #sod_bsk_tot > ul > li.sod_bsk_cnt > span { font-size:15px; height:30px; line-height: 30px; }
#cart-mini #sod_bsk_tot > ul > li.sod_bsk_cnt > strong { font-size:22px; height:30px; line-height: 30px; }

#cart-mini .emoney_charge { width:100%; padding:15px 15px 15px 70px; border:#ddd 2px solid; margin:0 0 30px 0; background:url('../../../svg/icon_discount.svg') no-repeat left 20px top 20px; background-size:40px 40px;}
#cart-mini .emoney_charge > ul { width:100%; padding:0; margin:0; display:inline-block; }
#cart-mini .emoney_charge > ul > li { float: none; } 
#cart-mini .emoney_charge > ul > li > * { font-weight: normal; }
#cart-mini .emoney_charge > ul > li > h1 { font-weight: bold; font-size:18px; margin: 0 0 5px 0;}

#cart-mini .btn_em_charge { background:#fff; border:#ff8601 1px solid; color:#ff8601; padding:5px 12px; border-radius: 2px; margin:10px 15px 0 0; }

#cart-mini .btn_cart_del > button { border:#ddd 1px solid; border-radius: 2px; padding:5px 10px; font-size:13px; background: #fff;  }

#cart-mini .sod_opt li {  margin:3px 0;}

#cart-mini #sod_bsk_list .tbl_head03 table thead th:last-child,.tbl_head03 td:last-child { border-right: 0; } 
#cart-mini .ch_date {     display: inline-block;
    font-size: 12px;
    color: #333;
    padding: 2px 5px;
    border-radius: 2px;
    border: #ddd 1px solid;
    font-weight: normal;}


@-webkit-keyframes Gradient {
	0% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@-moz-keyframes Gradient {
	0% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@keyframes Gradient {
	0% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

#cart-mini .tbl_head03 td { padding:15px 0; position:relative; }
#cart-mini .btn_cart_del { padding:10px 0; }

#cart-mini .group_hope_date { margin:0 0 0 0; display:inline-block; position:relative;  padding:0 0; width:100%; }
#cart-mini .group_hope_date > span { display:inline-block; float: left; width:24px; height:24px; line-height: 24px; background:#0073e9 url('../../../svg/icon_delivery_w.svg') no-repeat center center; background-size:16px 16px; border-radius: 100%; margin:0 7px 0 0;}
#cart-mini .group_hope_date > strong { font-size:18px; display:inline-block; float: left;  margin:0 0 0 0; color:#0073e9; height:24px; line-height: 24px; }
#cart-mini .group_hope_date > i {float: left; font-style: normal; display:inline-block; height:24px; line-height: 24px; color:#0073e9; font-size:12px; position:relative; margin: 0 0 0 15px; }
#cart-mini .group_hope_date > i:after {  content:""; width:3px;height:3px; background:#ddd; border-radius: 100%; position:absolute; left:0; top:50%; margin:-1.5px 0 0 -8px;}
#cart-mini .group_hope_date > i > em { font-style: normal; display:inline-block; height:24px; line-height: 24px; color:#0073e9; font-size:18px; font-weight: bold; }
#cart-mini .addhopeclass { padding:30px 0 0 0 !important; }
#cart-mini .ct_subject > label { display:inline-block; margin:0; font-size:15px; padding: 5px 5px 5px 30px; position:relative; cursor: pointer; }
#cart-mini .ct_subject > label > .check_icon { width:20px; height:20px; display:inline-block; position:absolute; left:5px; top:4px; background:url('../../../svg/icon_check_off.svg') no-repeat center center; background-size:20px 20px; cursor: pointer; }
#cart-mini .ct_subject > label > input[type='checkbox']:checked + .check_icon { background:url('../../../svg/icon_check_on.svg') no-repeat center center; background-size:20px 20px; }
#cart-mini .ct_subject > label > input[type='checkbox'] { display:none; } 
#cart-mini .addhopeclass > div.group_hope_date_wrap { position:relative; width:100%; background:#fff; }
#cart-mini .group_hope_date_wrap > h3 { font-weight: normal; color:#000; font-size:13px; margin:5px 0 0 0; background:#f5f7fb url('../../../svg/icon_clock.svg') no-repeat left 8px center; background-size:12px 12px; padding:5px 5px 5px 25px; border-radius: 3px 3px 3px 3px; }
#cart-mini .group_hope_date_wrap > h3 > strong { color:#000; font-weight: bold; }


#cart-mini #ct_all:checked + .check_icon { background:url('../../../svg/icon_check_on.svg') no-repeat center center; background-size:20px 20px; }
#cart-mini #ct_all{ display:none; }
#cart-mini .btn_cart_del > label { display:inline-block; position:relative; height:20px; line-height: 20px; margin:0 10px 0 0; }
#cart-mini .btn_cart_del > label > strong { display:inline-block; position:relative; margin:0 0 0 25px; font-size:14px; font-weight: normal; }

#cart-mini .btn_cart_del > label .check_icon {width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../../../svg/icon_check_off.svg) no-repeat center center;
    background-size: 20px 20px;
    cursor: pointer; }

#cart-mini .ct_subject > label > strong, .ct_subject > label > strong > a > b { font-weight: normal; }
#cart-mini .ct_subject .sod_opt > ul > li { font-size:13px; color:#777; }
#cart-mini .sod_img { width:100%; }
#cart-mini .sod_img > ul { width:100%; display:inline-block; padding:0; margin:0; }
#cart-mini .sod_img > ul > li { float: left; width:25%; }
#cart-mini .sod_img > ul > li:last-child { padding-left:10px; width:75%; }
#cart-mini .sod_img > ul > li > a > img { width:80px !important; height:80px !important; }
#cart-mini .sod_img h3 { font-weight: normal; word-break: break-all; 
    font-size: 13px;
    color: #0073e9; }
#cart-mini .ct_price { margin:7px 0; }
#cart-mini .ct_price > span { display: inline-block; margin:0 0 0 7px; color:#777; font-size:13px;}
#cart-mini .ct_price > strong { color:#000 !important;  }

#cart-mini .ch_qty,.ch_date { display: inline-block; height:24px; line-height: 24px;
    font-size: 12px;
    color: #333; background:#fff;
    padding: 0 5px;
    border-radius: 2px;
    border: #ddd 1px solid;
    font-weight: normal; }  
#cart-mini #sod_bsk_act { width:100%; bottom:0; right:0; position:fixed; height:70px; display:inline-block; padding:0; z-index: 999; max-width: 100%; margin:0;}
#cart-mini #sod_bsk_act > a,#cart-mini #sod_bsk_act > strong, #cart-mini #sod_bsk_act > button.btn_submit {  display:inline-block; float: left; height:70px; line-height: 70px; }
#cart-mini #sod_bsk_act > a,#cart-mini #sod_bsk_act > strong { width:35%; text-align: left; padding:0 15px; background:#fff; font-size:14px; border-top:#ddd 1px solid; line-height:normal; }
#cart-mini #sod_bsk_act > a,#cart-mini #sod_bsk_act > strong > * { display:inline-block; width:100%; font-style: normal; font-weight: normal; }
#cart-mini #sod_bsk_act > a,#cart-mini #sod_bsk_act > strong > i { font-size:11px; margin:10px 0 3px 0; }
#cart-mini #sod_bsk_act > a,#cart-mini #sod_bsk_act > strong > span { font-size:22px; margin: 0 0 0 0; font-weight: bold; }
#cart-mini #sod_bsk_act > button.btn_submit { width:65%; text-align: left; display:inline-block; padding:0 20px; font-size:22px; margin:0; border-radius: 0; position:relative; background:url('../../../svg/arrow_right_w.svg') no-repeat right 20px center; background-size:12px 12px; }
#cart-mini #sod_bsk_act > button.btn_submit > .fa { margin-right:10px; }
#cart-mini #sod_bsk_act > button.btn_submit > strong { float: left; display:inline-block; width:30px; height:30px; line-height: 30px; color:#000; background:#fff; border-radius: 100%; position:relative;  text-align: center; margin:20px 0 0 15px; font-size:18px; }
#cart-mini #sod_bsk_act > button.btn_submit > span { float: left; display:inline-block; line-height: 72px; }

#cart-mini .del_cart { border:#ddd 1px solid; border-radius: 2px; padding:3px 10px; font-size:12px; background: #fff;  }

#cart-mini { width:100%; max-height:300px; display:inline-block;overflow: hidden; overflow-y: auto; }

.bottomFixed ul > li { cursor:pointer; }
.bottomFixed ul > li > button {display:block; border:0; list-style: 0; width:100%; height:88px;}
.bottomFixed ul > li.fiCalendar > strong { display:block; background: url(../../../img/mobile/btn_calendar.png) no-repeat center top 10px; background-size: 22px; cursor:pointer; }
.bottomFixed ul > li.fiCalendar.on > strong { display:block; background:#ff8601 url(../../../img/mobile/btn_calendar2.png) no-repeat center top 10px; background-size: 22px; color:#fff; }
.bottomFixed ul > li.fiCalendar button {position: relative; background:url("../../../svg/icon_delivery.svg") no-repeat center top 7px; background-size: 25px 25px; }
.bottomFixed ul > li.fiCalendar button:after {content: ''; width:100%; height:100%; position: absolute; display: block; z-index:1; left:0; top:0;}
.bottomFixed ul > li.fiCalendar.on button {background:#ff8601 url("../../../svg/icon_delivery_w.svg") no-repeat center top 7px; background-size: 25px 25px; color:#fff; }


/* 사은품 선택 */
.gift_area .pop_con  { position:relative;  line-height: normal;  }
.gift_area .pop_con .pop_content { position:relative; padding:10px 10px; text-align: center; line-height: normal; top:0; height:20%; width:100%;}
.gift_area .pop_con .pop_content > ul { width:100%; padding:0; margin:0; line-height: normal; }
.gift_area .pop_con .pop_content > ul > li { width:100%; margin:5px 0; font-size:14px; position:relative; text-align: left; display:inline-block; line-height: normal;  } 
.gift_area .pop_con .pop_content > ul > li > .can_sel_gift { color:#ff0000; float:none; }
.gift_area .pop_con .pop_content > ul > li > .can_sel_hanwoo_gift { color:#ff0000; float:none; }
.gift_area .pop_con .pop_content > ul > li > select { border:#ddd 1px solid; border-radius: 2px; padding:10px 8px; font-size:14px; width:100%; appearance: none; -webkit-appearance: none; -webkit-border-radius: 0; background:url('../../../svg/btn_arrow_down.svg') no-repeat 98% 50% #fff; background-size:12px 12px; }
.pop_content > ul > li .btn_svg { width:12px; height:12px; background:url('../../../svg/btn_close.svg') no-repeat center center; background-size:12px 12px; border:0; margin-right: 5px; }

.sel_gift_area { padding:10px; }
.sel_gift_area > .gift_area_subject { text-align:center;border-bottom:2px solid #fce250;padding:5px;margin-bottom:10px; height:70px; width:100%; }
.sel_gift_area > .gift_area_subject > span { font-size:18px;font-family:'NSB'!important; }
.sel_gift_area > .gift_area_subject > .btn_arrow.up {  width:16px; height :16px; border:0; float:right;position:relative;top:30%; background:url('../../../svg/btn_arrow_up.svg') no-repeat center center;background-size:16px 16px; }
.sel_gift_area > .gift_area_subject > .btn_arrow.down {  width:16px; height :16px; border:0; float:right;position:relative;top:30%; background:url('../../../svg/btn_arrow_down.svg') no-repeat center center;background-size:16px 16px; }

.sel_gift_area .gift_area_content { display:inline-block;width:100%;}
.sel_gift_area .gift_area_content > .area_left { float:left;width:60px; } 
.sel_gift_area .gift_area_content > .area_right { float:right;width:calc(100% - 60px);line-height:40px } 
.sel_gift_area .gift_area_content > .area_right > span { font-size:12px } 
.sel_gift_area .gift_area_content > .area_right .btn_svg { width:12px; height:12px; background:url('../../../svg/btn_close.svg') no-repeat center center; background-size:12px 12px; border:0; margin-right: 5px; }

.sel_gift_area .gift_result { padding:10px 10px }
.sel_gift_area .gift_result .gift_result_subject { font-size:14px;margin-bottom:10px;}

.sel_gift_area .more_select { text-align:center;font-size:13px;height:30px }
.sel_gift_area .more_select .exclamation-button { background:url('../../../svg/exclamation-button.svg'); background-size:14px 14px; width:14px; height:14px; display:inline-block; top:10%; position:relative;}
.sel_gift_area .more_select .red_color { color:#ff0000; }