@charset "utf-8";
/* mobile shared UI - use .ui-* on join/mypage later */

/* title */
.ui-title,
.buy_confirm_default .sub_title_box h1,
.buy_confirm_default .section_title,
.buy_confirm_default .section_sub_title,
.buy_confirm_default .order_right_title,
.buy_confirm_default .checkout_pay_block_tit,
.buy_confirm_default .checkout_pay_notice_tit,
.gv-m-sheet-head span,
.gv-m-sheet .gv-opt-title,
.gv-m-sheet .gv-date-title,
.gv-m-sheet .gv-selected-tit,
.gv-m-sheet .gv-count-label,
.gv-m-sheet .product_control_tit {
	float:none; width:100%; margin:18px 0 10px; padding:0;
	font-size:18px; font-weight:bold; color:#111; line-height:1.3;
	border:0; list-style:none;
}
.buy_confirm_default .sub_title_box h1 {margin:0;}
.buy_confirm_default .section_title img {display:none;}
.gv-m-sheet-head span {margin:0;}
.gv-m-sheet .gv-opt-title,
.gv-m-sheet .gv-date-title {margin:0 0 8px; width:auto; font-size:15px;}
.gv-m-sheet .gv-selected-tit,
.gv-m-sheet .gv-count-label {margin:8px 0 10px; padding-top:16px; border-top:1px solid #e5e5e5; font-size:15px;}
.gv-m-sheet .product_control_tit {margin:8px 0 16px; font-size:15px;}

/* input */
.ui-input,
.ui-textarea,
.buy_confirm_default input[type="text"],
.buy_confirm_default input[type="password"],
.buy_confirm_default input[type="tel"],
.buy_confirm_default input[type="email"],
.buy_confirm_default input[type="input"],
.buy_confirm_default textarea,
.buy_confirm_default select {
	display:block;
	width:100% !important;
	max-width:100% !important;
	height:44px;
	margin:0;
	padding:0 12px;
	box-sizing:border-box;
	border:1px solid #ddd;
	border-radius:6px;
	background:#fff;
	font-size:15px;
	color:#111;
	-webkit-appearance:none;
	appearance:none;
}
.ui-textarea,
.buy_confirm_default textarea {
	height:auto !important;
	min-height:88px;
	padding:12px;
	line-height:1.5;
	resize:none;
}
.buy_confirm_default .cart_box2 td input + input {margin-top:8px;}
.ui-input-row {display:flex; align-items:stretch; gap:8px; width:100%; box-sizing:border-box;}
.ui-input-row input + input {margin-top:0 !important;}
.ui-input-row input {
	flex:1 1 0; min-width:0; width:auto !important; max-width:none !important;
	height:44px !important; min-height:44px !important; max-height:44px !important;
	margin:0 !important; padding:0 12px !important; box-sizing:border-box !important;
	font-size:15px !important; line-height:22px !important; display:block !important;
	border:1px solid #ddd !important;
}
.ui-input-sep {flex:0 0 auto; align-self:center; padding:0 2px; font-size:15px; line-height:44px; color:#333;}
.buy_confirm_default .input_tel,
.buy_confirm_default #dlv_info_table input[name="buy_dlv_mobile"] {
	display:block; width:100% !important; max-width:100% !important;
}
.buy_confirm_default #dlv_info_table .radio {
	display:flex; gap:8px;
}
.buy_confirm_default #dlv_info_table .radio label:not(.pay_method_card) {
	flex:1; width:auto; margin:0;
}
.buy_confirm_default input[name="buy_dlv_zipcode"],
.buy_confirm_default input[name="buy_dlv_hotel_zipcode"] {
	display:inline-block; width:120px !important; max-width:45% !important;
}
.buy_confirm_default .pickup_count_block input {
	display:inline-block; width:48px !important; height:32px !important; padding:0; text-align:center;
}
.buy_confirm_default .pay_input_mile {
	width:auto !important; height:auto !important; min-height:48px; padding:0 16px; border:0; border-radius:0;
}
.gv-m-sheet #product_control_box .gv-count-num {
	flex:1; width:auto !important; min-width:0; height:40px !important; margin:0; padding:0;
	border:0 !important; border-radius:0; background:#fff; text-align:center; font-size:16px; box-shadow:none;
}

/* radio */
.ui-radio,
.buy_confirm_default .radio label:not(.pay_method_card) {
	display:flex; align-items:center; gap:8px;
	width:100%; box-sizing:border-box;
	margin:0 0 8px; padding:12px 10px;
	border:1px solid #e0e0e0; border-radius:8px;
	font-size:15px; color:#333; line-height:1.5;
}
.buy_confirm_default .radio {width:100%;}
.buy_confirm_default .radio label:not(.pay_method_card):last-of-type {margin-bottom:0;}
.buy_confirm_default .radio img,
.buy_confirm_default .checkbox img {
	width:18px; height:18px; margin:0; object-fit:contain; flex:0 0 18px; vertical-align:middle;
}

/* button */
.ui-btn,
.btn_product_buy,
.buy_end_step .btn_buy_end_primary {
	display:block; width:100%; height:48px; padding:0; margin:0;
	border:0; border-radius:8px; background:#F04E24; color:#fff;
	font-size:16px; font-weight:bold; line-height:48px; text-align:center;
	text-decoration:none; box-sizing:border-box; cursor:pointer;
	-webkit-appearance:none; appearance:none;
}
.ui-btn-sub,
.btn_product_cart {
	display:block; width:100%; height:48px; padding:0; margin:3px 0 0;
	border:1px solid #536eb3; border-radius:8px; background:#fff; color:#536eb3;
	font-size:16px; font-weight:bold; line-height:46px; text-align:center;
	text-decoration:none; box-sizing:border-box; cursor:pointer;
}

/* card */
.ui-card,
.checkout-sel-card,
.gv-sel-card {
	box-sizing:border-box; width:100%; margin:0 0 12px; padding:0;
	border:1px solid #ddd; border-radius:10px; background:#fff; color:#333;
	overflow:hidden; box-shadow:0 1px 4px rgba(0,0,0,.06); list-style:none;
}
.gv-sel-body {position:relative; padding:14px;}
.gv-sel-date {font-size:14px; font-weight:bold; color:#F04E24; margin:0 0 8px;}
.gv-sel-title {font-size:14px; font-weight:bold; color:#111; line-height:1.45; word-break:break-word;}
.gv-sel-foot {display:flex; align-items:flex-end; justify-content:space-between; gap:10px; margin-top:12px;}
.gv-sel-amt {font-size:15px; font-weight:bold; color:#555;}
.gv-sel-num-only {font-size:14px; color:#333; white-space:nowrap;}

/* box */
.ui-box,
.order_right_price {
	box-sizing:border-box; border:1px solid #ddd; border-radius:10px;
	padding:14px 16px; background:#fff; margin:12px 0 4px;
}
.order_right_price table {width:100%;}
.order_right_price th,
.order_right_price td {padding:7px 0; font-size:14px; line-height:1.4;}
.order_right_price th {color:#555; font-weight:normal; text-align:left;}
.order_right_price td {color:#333; text-align:right;}
.order_right_price th.b,
.order_right_price td .b {font-size:18px; font-weight:bold; color:#111;}
.order_right_price #last_total_price {font-size:20px; font-weight:bold; color:#F04E24; letter-spacing:-0.5px;}
.order_right_price .order_box_line_top {padding-top:10px; margin-top:4px; border-top:1px solid #eee;}
.gv-intro {
	box-sizing:border-box; margin:4px 12px 16px; padding:16px 14px;
	background:#f4f4f4; border-radius:6px; font-size:15px; font-weight:bold; line-height:1.65; color:#333;
}
.gv-intro img {max-width:100%;}
.checkout_pay_notice_box {
	box-sizing:border-box; margin:16px 0 0; padding:0 14px 14px;
	border-radius:10px; background:#FFF8F5;
}