@charset "utf-8";

/* 
	Copyright(c) 2019 Onlinepowers
	http://www.onlinepowers.com
*/


/* ============================ common ============================ */
/* -------- step_indicator -------- */
.step_indicator {
	position: relative;
	font-size: 0;
	text-align: center;
}

.step_indicator:after {
	position: absolute;
	top: 11px;
	left: 50%;
	;
	display: block;
	margin-left: -105px;
	width: 210px;
	height: 1px;
	background: #e4e6e7;
	content: '';
}

.step_indicator li {
	position: relative;
	z-index: 10;
	display: inline-block;
	margin-right: 8px;
	width: 30%;
	max-width: 109px;
	vertical-align: top;
}

.step_indicator li:last-child {
	margin-right: 0;
}

.step_indicator .step {
	display: inline-block;
	margin-bottom: 7px;
	width: 24px;
	height: 24px;
	font-size: 14px;
	line-height: 24px;
	font-weight: 500;
	color: #fff;
	text-align: center;
	background: #d5d5d5;
	border-radius: 50%;
}

.step_indicator .caption {
	font-size: 1.4rem;
	line-height: 1.9rem;
	font-weight: 500;
	color: #959595;
}

/* event */
.step_indicator .active .step {
	font-weight: 700;
	background: #000;
}

.step_indicator .active .caption,
.step_indicator .done .caption {
	font-weight: 700;
	color: #000;
}

.step_indicator .done .step {
	font-size: 0;
	background: url(/static/images/icon/step_done.png) no-repeat;
	background-size: 100% 100%;
}





/* ============================ 장바구니 ============================ */
.cart_contents {
	padding-top: 30px;
}

.cart_contents .cart_wrap {
	margin-top: 50px;
}



/* -------- cart_top -------- */
.cart_wrap .cart_top {
	padding-right: 20px;
	padding-left: 20px;
	border-bottom: 5px solid #f6f6f6;
}



/* -------- cart_list -------- */
.cart_wrap .cart_list {
	padding: 0 20px 4rem;
	border-bottom: 5px solid #f6f6f6;
}

.cart_list .item_list {
	border-top: 0;
}

.cart_list .item_list .list_area {
	padding-top: 2rem;
	padding-bottom: 3rem;
}

.cart_list .item_list .etc_area {
	display: flex;
	margin-top: 30px;
	justify-content: space-between;
	align-items: center;
}

.item_list .ship_info_area {
	display: flex;
	margin-top: 3rem;
	font-size: 1.3rem;
	line-height: 20px;
	color: #333;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}

.item_list .ship_info_area .sub_tit {
	font-weight: 500;
}

.item_list .ship_info_area .company,
.item_list .ship_info_area .deli_info {
	display: inline-block;
	margin-left: 7px;
	font-weight: 400;
	font-size: 1.2rem;
	color: #959595;
}

.item_list .ship_info_area .company span {
	display: inline-block;
	max-width: 5.5rem;
	vertical-align: top;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.item_list .ship_info_area.disabled .sub_tit,
.item_list .ship_info_area.disabled .company,
.item_list .ship_info_area.disabled .deli_info {
	color: #e2e2e2;
}

.item_list .ship_info_area .radio_area {
	margin-right: 20px;
}

.cart_wrap .cart_list .total_area {
	display: flex;
	padding-top: 20px;
	border-top: 1px dashed #e2e2e2;
	font-size: 1.3rem;
	line-height: 2rem;
	color: #333;
	justify-content: center;
	align-items: center;
}

.cart_wrap .cart_list .total_area .total {
	margin-left: 5px;
}

.cart_wrap .cart_list .total_area .total a {
	display: block;
}

.cart_wrap .cart_list .total_area .total strong {
	font-size: 1.6rem;
}

.cart_wrap .cart_list .total_area .total.info a {
	padding-right: 20px;
	background: url(/static/images/icon/icon_price_info.png) no-repeat 99% 50%;
	background-size: 15px;
}



/* -------- cart_bot -------- */
.cart_bot {
	padding: 2rem 20px 0;
}

.cart_bot .btn_left {
	margin-bottom: 2.6rem;
}

.cart_bot .row {
	align-items: center;
}

.cart_bot dd {
	text-align: right;
}

.cart_bot .price_area dt,
.cart_bot .price_area dd {
	padding: 0.4rem 0;
	font-size: 1.3rem;
	line-height: 1.9rem;
}

.cart_bot .price_area dt {
	font-weight: 400;
	color: #4c4c4c;
}

.cart_bot .price_area dd {
	font-weight: 500;
	letter-spacing: 0;
	color: #333;
}

.cart_bot .total_area dt,
.cart_bot .total_area dd {
	padding-top: 0.8rem;
	line-height: 2.2rem;
	color: #333;
}

.cart_bot .total_area dt {
	font-size: 1.5rem;
	font-weight: 700;
}

.cart_bot .total_area dd {
	font-size: 1.6rem;
	letter-spacing: 0;
}

.cart_bot .total_area dd strong {
	font-size: 2rem;
}

.cart_bot .point_area {
	margin-top: 1.5rem;
	padding-top: 1rem;
	border-top: 1px solid #e2e2e2;
}

.cart_bot .point_area dt,
.cart_bot .point_area dd {
	font-size: 1.3rem;
	line-height: 1.9rem;
	color: #959595;
}

.cart_bot .point_area dt {
	font-weight: 400;
}

.cart_bot .point_area dd {
	font-weight: 500;
}

.cart_bot .btn-group {
	margin-top: 3rem;
}

.cart_bot .cart_guide {
	margin-top: 20px;
}

.cart_bot .cart_guide p {
	font-size: 12px;
	line-height: 20px;
	color: #959595;
}



.cart_contents .npay_type1 {
	margin-top: 10px;
}


/* ======= 네이버페이 ======= */
.npay_pointcolor {
	color: #00c73c !important;
}

.npay_storebtn_bx,
.npay_button_box,
.npay_button_box2,
.npay_storebtn_bx *,
.npay_button_box *,
.npay_button_box2 * {
	display: block !important;
	overflow: hidden !important;
	float: none !important;
	position: static !important;
	top: auto !important;
	left: auto !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 none !important;
	font-size: 12px !important;
	line-height: 16px !important;
	font-family: '돋움', Dotum, Helvetica, sans-serif !important;
	text-align: left !important;
	text-decoration: none !important;
	vertical-align: top !important;
	background: none !important;
	border-radius: 0 !important
}

.npay_storebtn_bx {
	display: inline-block !important
}

.npay_button_box,
.npay_button_box2 {
	width: auto !important;
	height: 100% !important;
	*height: auto !important;
	zoom: 1 !important;
	padding: 0 4px !important;
	border-top: 2px solid #2b2f3a !important;
	background-color: #fff !important
}

.npay_button_box2 {
	padding: 0 !important
}

.npay_button_box .npay_blind,
.npay_button_box .yellow,
/* mall.chainflower.com 깜빡임 */
.npay_button_box .blue,
/* mall.chainflower.com 깜빡임 */
.npay_button_box2 .npay_blind,
.npay_button_box2 .yellow .npay_button_box2 .blue {
	overflow: hidden !important;
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	padding: 0 !important;
	clip: rect(0 0 0 0) !important
}

.npay_button {
	position: relative !important;
	margin: 0 !important;
	padding: 11px 0 11px 86px !important;
	zoom: 1 !important
}

.npay_text {
	display: block !important;
	*display: inline !important;
	position: absolute !important;
	top: 11px !important;
	left: 0 !important;
	width: 79px !important;
	height: 36px !important;
	margin: 0 !important;
	padding: 0 !important;
	background: url(/static/images/icon/npay_sp_text.png) no-repeat !important
}

.npay_btn_list {
	*zoom: 1 !important;
	display: table !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	table-layout: fixed !important;
	list-style: none !important
}

.npay_btn_list tbody {
	display: table-row-group !important
}

.npay_btn_list tr {
	display: table-row !important
}

.npay_store .npay_btn_list {
	table-layout: auto !important
}

/* F Type */
.npay_store .npay_btn_item {
	*width: 120px !important
}

.npay_btn_item {
	display: table-cell !important;
	height: 37px !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: left !important
}

.npay_btn_item.btn_width {
	width: 40px !important
}

.npay_store .npay_btn_item.btn_width {
	*width: 78px !important
}

.npay_btn_link {
	display: block !important;
	height: 35px !important;
	margin: 0 0 0 3px !important;
	padding: 0 !important;
	border: 1px solid #bfc4c7 !important;
	background-color: #fcfcfc !important;
	background-repeat: no-repeat !important;
	background-repeat: no-repeat !important;
	text-align: center !important;
	text-decoration: none !important
}

.npay_btn_item:first-child .npay_btn_link {
	margin: 0 !important
}

.npay_btn_link.npay_btn_pay {
	background-image: url(/static/images/icon/npay_sp_payment.png) !important;
	background-position: 50% 0 !important;
	background-repeat: no-repeat !important
}

.npay_btn_link.btn_green {
	border-color: #00bd39 !important;
	background-color: #00c73c !important;
	background-position: 50% -35px !important
}

.npay_btn_link.npay_btn_zzim,
.npay_btn_link.npay_btn_talk {
	width: 35px !important
}

.npay_btn_link.npay_btn_cart,
.npay_btn_link.npay_btn_talk2 {
	width: 73px !important
}

.npay_btn_link.npay_btn_zzim {
	background-image: url(/static/images/icon/npay_sp_zzim.png) !important;
	background-position: 50% 0 !important;
	background-repeat: no-repeat !important
}

.npay_btn_link.npay_btn_zzim2 {
	background-image: url(/static/images/icon/npay_sp_zzim.png) !important;
	background-position: 50% -105px !important;
	background-repeat: no-repeat !important
}

.npay_btn_link.npay_btn_talk {
	background-image: url(/static/images/icon/npay_sp_talk.png) !important;
	background-position: 50% 0 !important;
	background-repeat: no-repeat !important
}

.npay_btn_link.btn_gray {
	border-color: #b1b5bd !important;
	background-color: #bbbfc7 !important
}

.npay_btn_link.npay_btn_pay.btn_gray {
	background-position: 50% -35px !important
}

.npay_btn_link.npay_btn_zzim.btn_gray,
.npay_btn_link.npay_btn_talk.btn_gray {
	background-position: 50% -35px !important
}

.npay_btn_link.npay_btn_zzim2.btn_gray {
	background-position: 50% -140px !important
}

.npay_btn_link.npay_btn_cart {
	background-image: url(/static/images/icon/npay_sp_cart.png) !important;
	background-position: 50% 0 !important;
	background-repeat: no-repeat !important
}

.npay_btn_link.npay_btn_talk2 {
	background-image: url(/static/images/icon/npay_sp_talk_text.png) !important;
	background-position: 50% 0 !important;
	background-repeat: no-repeat !important
}

.npay_btn_link.npay_btn_cart.btn_gray,
.npay_btn_link.npay_btn_talk2.btn_gray {
	background-position: 50% -35px !important
}

.npay_event {
	position: relative !important;
	margin: 0 !important;
	padding: 0 40px 0 0 !important;
	border: 0 none !important;
	border-top: 1px solid #eaecee !important
}

.npay_event_text {
	display: block !important;
	*display: inline !important;
	overflow: hidden !important;
	*width: 100% !important;
	margin: 0 !important;
	padding: 5px 0 !important;
	letter-spacing: 0 !important;
	white-space: nowrap !important;
	*zoom: 1 !important;
	text-overflow: ellipsis !important;
	word-wrap: normal !important
}

.npay_event_text .event_title {
	display: inline !important;
	margin: 0 5px 0 0 !important;
	padding: 0 !important;
	font-weight: normal !important;
	color: #00bd39 !important;
	vertical-align: middle !important
}

.npay_pointplus {
	position: relative !important;
	padding-left: 44px !important;
}

.npay_pointplus .event_title {
	display: block !important;
	position: absolute !important;
	left: 0 !important;
	top: 50% !important;
	width: 39px !important;
	height: 13px !important;
	margin-top: -7px !important;
	background: url(/static/images/icon/npay_sp_icon.png) no-repeat !important;
}

.npay_event .npay_event_text .event_link {
	display: inline !important;
	margin: 0 !important;
	padding: 0 !important;
	font-weight: normal !important;
	color: #727272 !important;
	text-decoration: none !important;
	vertical-align: middle !important
}

.npay_event .npay_event_text .event_link span {
	display: inline-block !important;
	margin: -1px 0 1px !important;
	vertical-align: middle !important;
}

.npay_more {
	position: absolute !important;
	top: 5px !important;
	width: 16px !important;
	height: 16px !important;
	margin: 0 !important;
	padding: 0 !important;
	background: url(/static/images/icon/npay_sp_more.png) no-repeat !important;
	text-decoration: none !important
}

.npay_more_prev {
	right: 15px !important;
	background-position: 0 0 !important
}

.npay_more_next {
	right: 0 !important;
	background-position: -15px 0 !important
}

.npay_bg_dgray {
	border-color: #5f5f5f !important;
	background-color: #434343 !important
}

.npay_bg_dgray .npay_text {
	background-position: 0 -40px !important
}

.npay_bg_dgray .npay_event_text,
.npay_bg_dgray .npay_event_text .event_link {
	color: #959595 !important
}

.npay_bg_dgray .npay_btn_link.btn_gray {
	border-color: #67696e !important;
	background-color: #6d6f74 !important
}

.npay_bg_dgray .npay_btn_link.npay_btn_pay.btn_gray,
.npay_bg_dgray .npay_btn_link.npay_btn_talk.btn_gray,
.npay_bg_dgray .npay_btn_link.npay_btn_zzim.btn_gray {
	background-position: 50% -72px !important
}

.npay_bg_dgray .npay_btn_link.npay_btn_zzim2.btn_gray {
	background-position: 50% -175px !important
}

.npay_bg_dgray .npay_event {
	border-top-color: #565656 !important
}

.npay_bg_dgray .npay_more_prev {
	background-position: 0 -20px !important
}

.npay_bg_dgray .npay_more_next {
	background-position: -15px -20px !important
}

.npay_vertical .npay_button {
	padding: 30px 0 14px !important
}

.npay_vertical .npay_btn_item {
	height: 33px !important
}

.npay_vertical .npay_btn_item.btn_width {
	width: 36px !important
}

.npay_vertical .npay_btn_link {
	height: 31px !important
}

.npay_vertical .npay_btn_link.npay_btn_zzim,
.npay_vertical .npay_btn_link.npay_btn_talk {
	width: 31px !important
}

.npay_vertical .npay_btn_link.npay_btn_pay {
	background-image: url(/static/images/icon/npay_sp_payment2.png) !important;
	background-repeat: no-repeat !important
}

.npay_vertical .npay_btn_link.npay_btn_talk {
	background-image: url(/static/images/icon/npay_sp_talk2.png) !important;
	background-repeat: no-repeat !important
}

.npay_vertical .npay_btn_link.npay_btn_zzim2 {
	background-image: url(/static/images/icon/npay_sp_zzim2.png) !important;
	background-repeat: no-repeat !important
}

.npay_vertical .npay_btn_link.btn_green,
.npay_vertical .npay_btn_link.npay_btn_pay.btn_gray,
.npay_vertical .npay_btn_link.npay_btn_talk.btn_gray {
	background-position: 50% -31px !important
}

.npay_vertical.npay_bg_dgray .npay_btn_link.btn_gray {
	background-position: 50% -64px !important
}

.npay_vertical .npay_btn_link.npay_btn_zzim2 {
	background-position: 50% -93px !important
}

.npay_vertical .npay_btn_link.npay_btn_zzim2.btn_gray {
	background-position: 50% -124px !important
}

.npay_vertical.npay_bg_dgray .npay_btn_link.npay_btn_zzim2.btn_gray {
	background-position: 50% -155px !important
}

.npay_vertical .npay_text {
	top: 13px !important;
	width: 114px !important;
	height: 9px !important;
	background-position: 0 -80px !important
}

.npay_vertical .npay_btn_margin {
	margin-top: 3px !important
}

.npay_vertical .npay_event_text {
	white-space: normal !important;
	text-overflow: clip !important
}

.npay_vertical .npay_event_text .event_link span {
	display: inline !important;
	vertical-align: top !important;
}

.npay_vertical .npay_pointplus {
	padding: 5px 0 !important;
}

.npay_vertical .npay_pointplus .event_title {
	display: inline-block !important;
	position: relative !important;
	top: -1px !important;
	margin: 0 4px 0 0 !important;
	vertical-align: middle !important;
}

.npay_vertical.npay_bg_dgray .npay_text {
	background-position: 0 -110px !important
}

.npay_vertical2 .npay_button {
	padding: 28px 0 0 !important
}

.npay_vertical2 .npay_text {
	top: 11px !important
}

.npay_vertical2 .npay_event {
	border: 0 none !important
}

.npay_vertical2 .npay_event_text {
	line-height: 14px !important
}

.npay_horizontal .npay_text {
	top: 14px !important;
	left: 1px !important;
	background-position: 0 -180px !important;
	width: 170px !important;
	height: 10px !important
}

.npay_horizontal .npay_button {
	padding-left: 192px !important
}

.npay_horizontal .npay_event {
	width: 135px !important;
	border-top: none !important;
	margin-top: -35px !important;
	padding-right: 36px !important
}

.npay_type_A_1 {
	width: 236px !important;
	height: 88px !important
}

.npay_type_A_2 {
	width: 100%;
	height: 88px !important
}

.npay_type_B_1 {
	width: 214px !important;
	height: 83px !important
}

.npay_type_B_2 {
	width: 261px !important;
	height: 83px !important
}

.npay_type_C_1_1,
.npay_type_C_2_1 {
	width: 225px !important;
	height: 88px !important
}

.npay_type_C_1_2,
.npay_type_C_2_2 {
	width: 272px !important;
	height: 88px !important
}

.npay_type_C_3_1 {
	width: 225px !important;
	height: 92px !important
}

.npay_type_C_3_2 {
	width: 272px !important;
	height: 92px !important
}

.npay_type_D_1_1,
.npay_type_D_2_1 {
	width: 210px !important;
	height: 83px !important
}

.npay_type_D_1_2,
.npay_type_D_2_2 {
	width: 251px !important;
	height: 83px !important
}

.npay_type_D_3_1 {
	width: 210px !important;
	height: 87px !important
}

.npay_type_D_3_2 {
	width: 251px !important;
	height: 87px !important
}

.npay_type_E_1_1,
.npay_type_E_1_2,
.npay_type_E_2_1,
.npay_type_E_2_2 {
	width: 124px !important;
	height: 135px !important
}

.npay_type_E_3_1,
.npay_type_E_3_2 {
	width: 124px !important;
	height: 139px !important
}

.npay_type_F {
	width: 365px !important;
	height: 115px !important
}

.npay_type_G {
	width: 394px !important;
	height: 60px !important
}


/* IE5용 */
.npay_type_E_1_1 .npay_btn_link.npay_btn_pay.btn_gray,
.npay_type_E_1_1 .npay_btn_link.npay_btn_talk.btn_gray,
.npay_type_E_1_2 .npay_btn_link.npay_btn_pay.btn_gray,
.npay_type_E_1_2 .npay_btn_link.npay_btn_talk.btn_gray {
	*background-position: 50% -31px !important
}

.npay_type_C_3_1 .npay_vertical.npay_bg_dgray .npay_text,
.npay_type_D_3_1 .npay_vertical.npay_bg_dgray .npay_text,
.npay_type_C_3_2 .npay_vertical.npay_bg_dgray .npay_text,
.npay_type_D_3_2 .npay_vertical.npay_bg_dgray .npay_text {
	*background-position: 0 -40px !important
}

.npay_type_C_3_1 .npay_bg_dgray .npay_btn_link.npay_btn_pay.btn_gray,
.npay_type_C_3_1 .npay_bg_dgray .npay_btn_link.npay_btn_talk.btn_gray,
.npay_type_C_3_1 .npay_bg_dgray .npay_btn_link.npay_btn_zzim.btn_gray,
.npay_type_D_3_1 .npay_bg_dgray .npay_btn_link.npay_btn_pay.btn_gray,
.npay_type_D_3_1 .npay_bg_dgray .npay_btn_link.npay_btn_talk.btn_gray,
.npay_type_D_3_1 .npay_bg_dgray .npay_btn_link.npay_btn_zzim.btn_gray,
.npay_type_C_3_2 .npay_bg_dgray .npay_btn_link.npay_btn_pay.btn_gray,
.npay_type_C_3_2 .npay_bg_dgray .npay_btn_link.npay_btn_talk.btn_gray,
.npay_type_C_3_2 .npay_bg_dgray .npay_btn_link.npay_btn_zzim.btn_gray,
.npay_type_D_3_2 .npay_bg_dgray .npay_btn_link.npay_btn_pay.btn_gray,
.npay_type_D_3_2 .npay_bg_dgray .npay_btn_link.npay_btn_talk.btn_gray,
.npay_type_D_3_2 .npay_bg_dgray .npay_btn_link.npay_btn_zzim.btn_gray {
	*background-position: 50% -70px !important
}



/* ============================ 주문하기 ============================ */
.pay_contents {
	padding-top: 30px;
}

.pay_wrap {
	margin-top: 30px;
}

.pay_wrap .pay_area {
	padding: 13px 20px;
	border-top: 1px solid #959595;
}

.pay_wrap .pay_area .pay_check {
	margin-bottom: 12px;
}

/* -------- offline_coupon_area -------- */
.offline_coupon_area {
	margin-top: 3rem;
	margin-bottom: 3rem;
	text-align: right;
}

.offline_coupon_area .offline_collapse {
	margin-bottom: 10px;
	font-weight: 500;
	font-size: 1.4rem;
	line-height: 2rem;
	color: #333;
	text-decoration: underline;
}

.offline_coupon_area .offline_area {
	margin: 10px -20px 0;
	padding: 20px;
	background: #f5f5f5;
}

.offline_coupon_area .offline_area .btn-group {
	margin-top: 30px;
}


/* -------- tit_area -------- */
.pay_wrap .tit_area {
	position: relative;
	background: url(/static/images/icon/btn_collapse_close.png) no-repeat 100% 50%;
	background-size: 20px auto;
	cursor: pointer;
}

.pay_wrap .tit_area .row {
	align-items: center;
}

.pay_wrap .tit_area .pay_tit {
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 2.4rem;
	color: #000;
}

.pay_wrap .tit_area .pay_tit a {
	display: block;
}

.pay_wrap .tit_area .btn_area {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

/* event */
.pay_wrap .tit_area.collapsed {
	background: url(/static/images/icon/btn_collapse_open.png) no-repeat 100% 50%;
	background-size: 20px auto;
}

.pay_wrap .tit_area.collapsed .pay_tit {
	color: #959595;
}



/* -------- pay_conts -------- */
.pay_wrap .pay_conts {
	margin: 2.5rem 0 2.7rem;
}

.pay_wrap .pay_area:last-child .pay_conts {
	margin-bottom: 0;
}



/* -------- cart_list -------- */
.pay_wrap .pay_list {
	margin: 0 -20px;
	padding: 2rem 20px 4rem;
	border-bottom: 5px solid #f6f6f6;
}

.pay_wrap .pay_list:last-child {
	border-bottom: 0;
}

.pay_list .item_list .list_area {
	padding-bottom: 30px;
}

.pay_list .item_list .coupon_amt_area {
	margin-top: 20px;
}

.pay_list .item_list .amt_area {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.pay_list .item_list .amt_area .amt {
	font-weight: 500;
	font-size: 1.4rem;
	line-height: 2rem;
	color: #333;
}

.pay_list .item_list .amt_area .btn {
	border: 1px solid #d5d5d5;
	color: #d5d5d5;
}

.pay_list .item_list .amt_area .btn_item_coupon {
	color: #000;
	border: 1px solid #959595;
}

.pay_list .item_list .coupon_area {
	margin: 20px -20px 0;
	padding: 20px;
	background-color: #f6f6f6;
}

.pay_list .item_list .coupon_area dt {
	margin-bottom: 6px;
	font-weight: 400;
	font-size: 1.3rem;
	line-height: 1.9rem;
	color: #333;
}

.pay_list .item_list .coupon_area dd {
	margin-bottom: 15px;
}

.pay_list .item_list .coupon_area .btn_wrap {
	margin-top: 20px;
}

/* event */
.pay_wrap .item_list .list_area.on {
	padding: 0;
	border: 0;
}

.pay_wrap .item_list .coupon_area.show+.list_area {
	border-top: 0;
}



/* --- ship_new --- */
.pay_wrap .ship_new .info {
	font-size: 1.2rem;
	line-height: 1.8rem;
	color: #959595;
	text-align: right;
}

.pay_wrap .ship_new .ship_top {
	margin-top: 8px;
}

.pay_wrap .ship_new .ship_top:after {
	display: block;
	clear: both;
	content: '';
}

.pay_wrap .ship_new .ship_link {
	display: block;
	float: left;
	font-weight: 500;
	font-size: 1.2rem;
	line-height: 30px;
	color: #4c4c4c;
	text-decoration: underline;
}

.pay_wrap .ship_new .box_area select {
	margin-right: 10px;
}

.pay_wrap .ship_new .box_area {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	float: right;
}

.pay_wrap .ship_new .radio_wrap {
	margin-top: 30px;
}

.pay_wrap .ship_new .radio_wrap .radio_area {
	margin: 0 1.4rem 5px 0;
}

.pay_wrap .ship_new .form_wrap_line {
	margin-top: 1.5rem;
}

.ship_new .ship_list {
	margin: 0 -20px;
	padding: 2rem 20px 3rem;
	border-bottom: 5px solid #f6f6f6;
}

.ship_new .ship_list:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

.ship_new .ship_list .ship_tit {
	font-weight: 700;
	font-size: 1.3rem;
	line-height: 1.9rem;
	color: #333;
}

.ship_new .ship_list .item_list {
	margin-top: 15px;
}

.pay_wrap .delv_ship {
	display: flex;
	margin-top: 1.5rem;
	padding: 15px 20px;
	background: #fbfbfb;
	border: solid 1px #d5d5d5;
	flex-wrap: wrap;
}

.pay_wrap .ship_new .delv_ship {
	margin: 1.5rem 0 3rem;
}

.pay_wrap .delv_ship>dt {
	width: 40%;
	line-height: 20px;
}

.pay_wrap .delv_ship>dt>button {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-left: 5px;
	background: url(/static/images/icon/icon_price_info.png) no-repeat center center;
	background-size: 100% auto;
	font-size: 0;
	vertical-align: top;
}

.pay_wrap .delv_ship>dd {
	width: 60%;
	text-align: right;
	line-height: 20px;
}

.pay_wrap .delv_ship>dd>b {
	font-family: 'Lato';
	font-size: 1.6rem;
}

.pay_wrap .delv_ship>dd .check_area {
	margin-left: 10px;
	vertical-align: top;
}

/* --- pay_sale ---*/
.pay_wrap .pay_sale {
	margin-top: 14px;
}

.pay_wrap .pay_sale dl {
	padding: 16px 0;
	border-top: 1px dashed #d5d5d5;
}

.pay_wrap .pay_sale dl:last-child {
	padding-bottom: 0;
}

.pay_wrap .pay_sale dt {
	font-weight: 500;
}

.pay_wrap .pay_sale .num {
	text-align: right;
}

.pay_wrap .pay_sale dd:after {
	display: block;
	content: '';
	clear: both;
}

.pay_wrap .pay_sale dd input {
	float: left;
	width: calc(100% - 84px);
	font-weight: 700;
}

.pay_wrap .pay_sale .btn_use {
	float: left;
	position: relative;
	margin-left: 10px;
	text-align: center;
}

.pay_wrap .pay_sale .btn_use:focus {
	font-weight: 700;
	color: #333;
	border: 2px solid #000;
}


/* --- method_area ---*/
.pay_wrap .method_area .nav-item {
	position: relative;
	margin: 8px 5% 8px 0;
	width: 30%;
	height: 70px;
}

.pay_wrap .method_area .nav-item:nth-child(3n) {
	margin-right: 0;
}

.pay_wrap .method_area .nav-link {
	height: 100%;
	font-size: 1.4rem;
	color: #333;
	font-weight: 500;
	text-align: center;
	background: #fff;
	border: 1px solid #d5d5d5;
	border-radius: 0;
}

.pay_wrap .method_area .nav-link span {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

/* event */
.pay_wrap .method_area .nav-link.active {
	color: #333;
	font-weight: 700;
	background: #fff;
	border: 2px solid #000;
}



/* -------- bank_deposit_area -------- */
.pay_wrap .bank_deposit_area {
	margin: 3rem -20px 0;
	padding: 30px 20px;
	background: #fbfbfb;
}

.pay_wrap .bank_deposit_area dl {
	margin-top: 30px;
}

.pay_wrap .bank_deposit_area dl:first-child {
	margin-top: 0;
}

.pay_wrap .bank_deposit_area dt {
	font-weight: 700;
	font-size: 1.5rem;
	line-height: 2.2rem;
	color: #000;
}

.pay_wrap .bank_deposit_area dd {
	margin-top: 20px;
}

.pay_wrap .bank_deposit_area .radio_area {
	margin: 0 16px 5px 0;
}



/* -------- pay_total -------- */
.pay_wrap .pay_total {
	position: relative;
	margin-top: 17px;
	padding: 42px 18px;
	background: #f6f6f6;
}

.pay_wrap .pay_total .total_bg div {
	position: absolute;
	left: 0;
	width: 100%;
	padding: 0 18px 0 28px;
}

.pay_wrap .pay_total .total_bg .top {
	top: 0;
}

.pay_wrap .pay_total .total_bg .bot {
	bottom: 0;
}

.pay_wrap .pay_total .total_bg span {
	display: block;
	width: 100%;
	height: 10px;
}

.pay_wrap .pay_total .total_bg .top span {
	background: url(/static/images/bg_pay_top.jpg) repeat-x;
}

.pay_wrap .pay_total .total_bg .bot span {
	background: url(/static/images/bg_pay_bot.jpg) repeat-x;
}

.pay_wrap .pay_total .total_tit {
	margin-bottom: 20px;
	font-size: 1.6rem;
	font-weight: 700;
	color: #333;
}

.pay_wrap .pay_total .total_tit strong {
	margin-top: 10px;
	display: block;
	font-size: 2.3rem;
	letter-spacing: 0;
}

.pay_wrap .pay_total .total_tit .counter {
	font-size: 2.5rem;
	vertical-align: baseline;
}

.pay_wrap .pay_total .price_area {
	margin-bottom: 2rem;
}

.pay_wrap .pay_total .price_area:last-child {
	margin-bottom: 0;
}

.pay_wrap .pay_total .price_area.total {
	padding-bottom: 2.5rem;
	border-bottom: solid 1px #d5d5d5;
}

.pay_wrap .pay_total .price_area.point {
	padding-top: 2.5rem;
	border-top: solid 1px #d5d5d5;
}

.pay_wrap .pay_total .price_area .row {
	align-items: center;
}

.pay_wrap .pay_total dt,
.pay_wrap .pay_total dd {
	font-size: 1.4rem;
	line-height: 2rem;
	color: #333;
}

.pay_wrap .pay_total dt {
	font-weight: 400;
}

.pay_wrap .pay_total dt span {
	display: inline-block;
	vertical-align: middle;
}

.pay_wrap .pay_total dt .btn {
	margin-left: 6px;
	padding: 5px 6px;
}

.pay_wrap .pay_total dd {
	font-weight: 500;
	letter-spacing: 0;
	text-align: right;
}

.pay_wrap .pay_total dd span {
	font-weight: 700;
}

.pay_wrap .pay_total dd input {
	width: 100px;
	height: 36px;
	font-weight: 700;
	text-align: right;
}

.pay_wrap .pay_total .explain {
	padding-top: 5px;
	font-size: 1.3rem;
	line-height: 1.9rem;
	font-weight: 400;
	text-align: right;
}

.pay_wrap .pay_total .info {
	font-size: 1.3rem;
	line-height: 1.6rem;
	color: #959595;
	text-align: right;
}



/* -------- pay_bot -------- */
.pay_wrap .pay_bot {
	margin-top: 44px;
}

.pay_wrap .pay_bot .check_area label {
	font-size: 1.2rem;
	line-height: 1.8rem;
	color: #959595;
}

.pay_wrap .pay_bot .agree_area {
	text-align: right;
}

.pay_wrap .pay_bot .agree_area .btn_agree {
	font-size: 1.3rem;
	color: #959595;
	text-decoration: underline;
}

.pay_wrap .pay_bot .btn-group {
	margin-top: 40px;
}

/* event */
.pay_wrap .pay_bot .check_area input:checked+label {
	background-size: 30px auto;
}





/* ============================ 주문완료 ============================ */
.pay_complete_contents .tit_wrap .conts {
	margin-top: 35px;
	font-size: 1.3rem;
	line-height: 2.2rem;
	color: #333;
}

.complete_wrap .order_num_area {
	margin-top: 50px;
	padding: 32px 0;
	background: #f6f6f6;
	text-align: center;
}

.complete_wrap .order_num_area p {
	font-weight: 500;
	font-size: 1.8rem;
}

.complete_wrap .btn-group {
	margin-top: 50px;
}

.complete_wrap .order_info_area {
	margin-top: 1.5rem;
	padding: 14px 22px;
	border: 1px solid #d5d5d5;
	background: #fbfbfb;
}

.complete_wrap .order_info_area dt,
.complete_wrap .order_info_area dd {
	font-size: 1.3rem;
	line-height: 2.4rem;
}

.complete_wrap .order_info_area dt {
	font-weight: 400;
	color: #959595;
}

.complete_wrap .order_info_area dd {
	font-weight: 500;
	color: #333;
}





/* ============================ 비회원 약관동의 ============================ */
.nomem_terms_wrap .link_area {
	margin-top: 2.3rem;
	padding: 2rem 12px;
	border: 1px solid #e4e6e7;
	background: #f6f6f6;
	text-align: center;
	word-break: break-all;
}

.nomem_terms_wrap .link_area p {
	font-size: 1.3rem;
	line-height: 2rem;
	color: #4c4c4c;
}

.nomem_terms_wrap .link_area .btn_wrap {
	margin-top: 1.5rem;
}








/* ======================================== ~ mobile ======================================== */
@media (max-width: 767px) {

	/* ============ 주문하기 ============ */
	.cart_wrap .container {
		padding: 0;
	}





	/* ============ 주문하기 ============ */
	.pay_top {
		padding: 0;
	}
}







/* ======================================== tablet ======================================== */
@media (min-width: 768px) {

	/* ============ 장바구니 ============ */
	.cart_contents {
		padding-top: 84px;
	}

	.cart_wrap {
		margin-top: 38px;
	}


	/* --- cart_top ---- */
	.cart_wrap .cart_top {
		padding: 0 0 20px;
		border-bottom: 1px solid #333;
	}


	/* --- cart_list --- */
	.cart_wrap .cart_list {
		padding-right: 0;
		padding-left: 0;
		border-bottom: 1px solid #333;
	}

	.cart_wrap .item_list .check_area {
		top: 2rem;
	}

	.cart_wrap .item_list .etc_area,
	.item_list .ship_info_area {
		margin-left: 190px;
	}

	.cart_wrap .item_list .etc_area .btn {
		margin-right: 10px;
	}

	.item_list .ship_info_area .company span {
		max-width: 200px;
	}

	.cart_wrap .cart_list .total_area {
		margin-left: 220px;
		justify-content: space-between;
	}


	/* --- cart_bot --- */
	.cart_bot {
		padding-right: 0;
		padding-left: 0;
	}

	.cart_bot .cart_guide {
		text-align: center;
	}




	.cart_contents .btn_order {
		padding-right: 20px;
	}

	.cart_contents .npay_type1 {
		margin-top: 30px;
	}


	/* ============ 주문하기 ============ */
	.pay_contents {
		padding-top: 84px;
	}

	.pay_wrap {
		margin-top: 6px;
	}

	.pay_wrap .pay_area {
		padding: 50px 0 20px;
		border-color: #707070;
	}

	.pay_wrap .pay_area:nth-of-type(1) {
		border-top: 0;
	}


	/* --- tit_area ---*/
	.pay_wrap .tit_area {
		background: none !important;
	}

	.pay_wrap .tit_area .pay_tit {
		font-size: 24px;
		line-height: 36px;
	}


	/* --- pay_list ---*/
	.pay_wrap .pay_list {
		margin: 0;
		padding-right: 0;
		padding-left: 0;
		border-bottom: 1px solid #333;
	}

	.pay_list .item_list .coupon_amt_area {
		margin-left: 190px;
	}

	.pay_list .item_list .coupon_area {
		margin-left: 0;
		margin-right: 0;
		padding: 30px;
	}


	/* --- 오프라인 쿠폰 ---*/
	.offline_coupon_area .offline_area {
		margin-right: 0;
		margin-left: 0;
		padding: 30px 0;
		border-top: 4px solid #000;
		border-bottom: 4px solid #000;
		background: #fff;
	}



	/* --- ship_new ---*/
	.ship_new .ship_list {
		margin: 0;
		padding-right: 0;
		padding-left: 0;
		border-bottom: 1px solid #959595;
	}


	/* --- method_area ---*/
	.pay_wrap .method_area .nav-item {
		width: 32%;
		margin: 15px 2% 15px 0;
	}


	/* --- bank_deposit_area ---*/
	.pay_wrap .bank_deposit_area {
		margin-right: 0;
		margin-left: 0;
		padding: 40px 65px;
	}


	/* --- pay_total ---*/
	.pay_wrap .pay_total {
		margin-top: 20px;
		padding-left: 66px;
		padding-right: 66px;
	}


	/* --- pay_bot ---*/
	.pay_wrap .pay_bot .check_area label {
		min-height: 30px;
		line-height: 30px;
	}





	/* ============ 주문완료 ============ */
	.confirm_wrap {
		padding-top: 2.692rem;
	}





	/* ============ 비회원 약관동의 ============ */
	.nomem_terms_wrap .link_area {
		margin-top: 50px;
		padding: 30px;
	}

	.nomem_terms_wrap .link_area p {
		padding: 0 20px;
	}

	.nomem_terms_wrap .link_area .btn_wrap {
		margin-top: 30px;
	}
}

@media (min-width: 992px) {
	.cart_contents .btn_order {
		-ms-flex: 0 0 38.666667%;
		flex: 0 0 38.666667%;
		max-width: 38.666667%;
	}

	.cart_contents .npay_type1 {
		margin-top: 40px;
		margin-left: 0;
	}
}

@media (min-width: 1200px) {
	.cart_contents .btn_order {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	.cart_contents .npay_type1 {
		margin-top: 38px;
		margin-left: 14px;
	}
}



/* ======== 추가 - 0202 ======================================== */
/* 주문결제 - 할인정보 */
.disc_form {
	display: flex;
	width: 100%;
	margin-top: 15px;
	padding-top: 15px;
	border-top: solid 1px #e2e2e2;
	flex-wrap: wrap;
	align-items: center;
}

.disc_form.cpon_disc {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}

.disc_form>dt {
	width: 20%;
	font-size: 1.5rem;
	font-weight: 700;
	color: #000;
	line-height: 2.2rem;
}

.disc_form>dd {
	width: 80%;
	font-size: 1.4rem;
	line-height: 4rem;
}

.disc_form>dd button {
	min-width: auto;
	height: 4rem !important;
	padding: 0.9rem 1.5rem;
	font-size: 1.3rem;
}

.disc_form.cpon_disc>dd {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.disc_form.cpon_disc>dd .cpon_dlist {
	width: calc(100% - 160px);
	padding: 25px;
	background: #fbfbfb;
	border: solid 1px #e2e2e2;
}

.disc_form.cpon_disc>dd .cpon_dlist>ul>li {
	display: flex;
	width: 100%;
	margin-top: 20px;
	padding-top: 20px;
	border-top: solid 1px #e2e2e2;
	flex-wrap: wrap;
}

.disc_form.cpon_disc>dd .cpon_dlist>ul>li:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}

.disc_form.cpon_disc>dd .cpon_dlist>ul>li .img {
	position: relative;
	width: 11%;
	padding-bottom: 10%;
	background: #fff;
	border: solid 1px #e2e2e2;
}

.disc_form.cpon_disc>dd .cpon_dlist>ul>li .img>img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
	margin: auto;
}

.disc_form.cpon_disc>dd .cpon_dlist>ul>li .info {
	position: relative;
	width: 86%;
	margin-left: 3%;
}

.disc_form.cpon_disc>dd .cpon_dlist>ul>li .info .tit {
	display: -webkit-box;
	width: 70%;
	max-height: 4rem;
	margin-bottom: 20px;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 2rem;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.disc_form.cpon_disc>dd .cpon_dlist>ul>li .info .tit:hover,
.disc_form.cpon_disc>dd .cpon_dlist>ul>li .info .tit:focus {
	text-decoration: underline;
}

.disc_form.cpon_disc>dd .cpon_dlist>ul>li .info .price {
	position: absolute;
	right: 0;
	top: 0;
	text-align: right;
	line-height: 2rem;
}

.disc_form.cpon_disc>dd .cpon_dlist>ul>li .info .price>b {
	font-family: 'Lato';
	font-size: 1.8rem;
	font-weight: 700;
}

.disc_form.cpon_disc>dd .cpon_dlist>ul>li .info .price>span {
	display: block;
	font-size: 1.2rem;
	font-weight: 500;
	color: #4884da;
}

.disc_form.cpon_disc>dd .cpon_dlist>ul>li .info .custom-select.box {
	height: 4rem;
}

.disc_form.point_disc>dd .form-control.box {
	width: 20%;
	height: 4rem;
	text-align: right;
}

.disc_form.point_disc>dd button {
	margin-left: 10px;
}

.disc_form.point_disc>dd span {
	color: #959595;
}

.disc_form.point_disc>dd span>b {
	font-weight: 700;
	color: #3b5ed0;
}



@media (max-width:1289px) {
	.disc_form.cpon_disc>dd .cpon_dlist>ul>li .img {
		width: 13%;
	}

	.disc_form.cpon_disc>dd .cpon_dlist>ul>li .info {
		width: 84%;
	}
}


@media (max-width:1199px) {
	.disc_form.cpon_disc>dd .cpon_dlist>ul>li .img {
		width: 16%;
	}

	.disc_form.cpon_disc>dd .cpon_dlist>ul>li .info {
		width: 81%;
	}
}


@media (max-width:991px) {
	.disc_form>dt {
		width: 25%;
	}

	.disc_form>dd {
		width: 75%;
	}

	.disc_form.cpon_disc>dd .cpon_dlist {
		width: 100%;
		margin-top: 10px;
		padding: 20px;
	}

	.disc_form.cpon_disc>dd .cpon_dlist>ul>li .img {
		width: 33%;
		padding-bottom: 20%;
	}

	.disc_form.cpon_disc>dd .cpon_dlist>ul>li .info {
		width: 62%;
		margin-left: 5%;
	}

	.disc_form.point_disc>dd .form-control.box {
		width: 170px;
	}

	.disc_form.point_disc>dd span {
		display: block;
		margin-top: 10px;
		line-height: 20px;
	}
}


@media (max-width:767px) {
	.disc_form.cpon_disc>dd .cpon_dlist>ul>li .img {
		width: 25%;
	}

	.disc_form.cpon_disc>dd .cpon_dlist>ul>li .info {
		width: 70%;
	}

	.disc_form.point_disc>dd .form-control.box {
		width: 145px;
	}
}


@media (max-width:575px) {
	.disc_form {
		align-items: baseline;
	}

	.disc_form.cpon_disc>dd .cpon_dlist {
		width: 133%;
		margin-left: -33%;
	}

	.disc_form.cpon_disc>dd .cpon_dlist>ul>li .img {
		width: 85px;
		padding-bottom: 15%;
	}

	.disc_form.cpon_disc>dd .cpon_dlist>ul>li .info {
		width: calc(100% - 105px);
		margin-left: 20px;
	}
}


@media (max-width:480px) {
	.disc_form>dd {
		font-size: 1.3rem;
	}

	.disc_form.cpon_disc>dd .cpon_dlist {
		padding: 15px;
	}

	.disc_form.cpon_disc>dd .cpon_dlist>ul>li {
		display: block;
		margin-top: 15px;
		padding-top: 15px;
	}

	.disc_form.cpon_disc>dd .cpon_dlist>ul>li:after {
		content: "";
		display: block;
		clear: both;
	}

	.disc_form.cpon_disc>dd .cpon_dlist>ul>li .img {
		float: left;
		width: 50px;
		height: 50px;
		padding-bottom: 0;
	}

	.disc_form.cpon_disc>dd .cpon_dlist>ul>li .info {
		float: right;
		width: calc(100% - 65px);
		margin-left: 15px;
	}

	.disc_form.cpon_disc>dd .cpon_dlist>ul>li .info .tit {
		display: block;
		width: 100%;
		max-height: initial;
		margin-bottom: 5px;
		font-size: 1.3rem;
		white-space: nowrap;
		-webkit-line-clamp: initial;
		-webkit-box-orient: initial;
	}

	.disc_form.cpon_disc>dd .cpon_dlist>ul>li .info .price {
		position: static;
		right: initial;
		top: initial;
		margin-bottom: 15px;
		font-size: 1.2rem;
	}

	.disc_form.cpon_disc>dd .cpon_dlist>ul>li .info .price>span {
		display: inline-block;
		margin-right: 5px;
		vertical-align: top;
	}

	.disc_form.cpon_disc>dd .cpon_dlist>ul>li .info .price>b {
		font-size: 1.7rem;
	}

	.disc_form.cpon_disc>dd .cpon_dlist>ul>li .info .custom-select.box {
		width: calc(100% + 65px);
		margin-left: -65px;
	}

	.disc_form.point_disc>dd .form-control.box {
		width: calc(100% - 110px);
	}

	.disc_form.point_disc>dd span {
		margin-top: 5px;
	}
}


@media (max-width:414px) {
	.pay_wrap .delv_ship {
		padding: 12px 20px 10px;
	}

	.disc_form>dt {
		font-size: 1.4rem;
	}
}