.cart_cont { overflow:unset;}
.cart_cont_list { margin:0 0 50px 0;}
.firstGoods { position: relative; display:flex; gap:20px; padding:20px; background-color:#f9f9f9; border-radius:10px; margin-top:40px; border:1px solid #dcdcdc; box-sizing:border-box; box-shadow: 0 1px 3px rgba(0,0,0,0.05), 0 4px 12px rgba(0,0,0,0.06);}
.firstGoods:first-child { margin-top:0; }
.chkNoticeTxt {margin-top:40px; display:flex; gap:6px;}
.chkNoticeTxt:first-child { margin-top:0; }
.chkNoticeTxt + .firstGoods  {margin-top:10px;}


.firstGoods .left_content {display:flex; width:calc(100% - 280px); flex-direction: column; gap:6px; }
.firstGoods .prdInfo { display:flex; align-items: center; gap:16px; margin-bottom:10px;  }
.firstGoods .prdInfo .prdImg {width:120px;}
.firstGoods .prdInfo .prdImg img { width:80px !important; border-radius:6px; }
.firstGoods .prdInfo .prdName { position:relative; display:flex; flex-direction: column; gap:8px; font-size:var(--m-font-size_15); color:#000;}
.firstGoods .prdInfo .prdName .caution_msg1 { font-size:var(--m-font-size_17); color:#d22b2f;}
.firstGoods .wishDate { font-size:14px; color:#000;}
.firstGoods .todayDate { font-size:14px; color:#1565c0; }
.firstGoods .wishDate span{ font-weight:700;}
.firstGoods .todayDate span { font-weight:700; }

.firstGoods .right_content {display:flex; flex-direction: column; gap:6px; width:260px;}
.firstGoods .right_content .prd_total { font-size:16px; display:flex; gap:8px; align-items:center;}
.firstGoods .right_content .prd_total > div:nth-child(2) { font-weight:700; font-size:20px; color:#000; }
.firstGoods .right_content .prd_deliver { font-size:16px; display:flex; gap:8px; align-items:center;}
.firstGoods .right_content .prd_deliver > div:nth-child(2) { font-weight:700; font-size:16px; color:#000; }

.firstGoods .btnModi {margin-top: auto; display:flex; align-self: flex-end; flex-wrap:wrap; gap:3px;}
.firstGoods .btnModi .btn_order_modi{  padding: 6px 12px; background-color: #dc3545; color: white; border: none; border-radius: 4px; cursor: pointer; font-size:14px;}
.firstGoods .btnModi .btn_etc_modi{  padding: 6px 12px; background-color: #4382cd; color: white; border: none; border-radius: 4px; cursor: pointer; font-size:14px;}
.firstGoods .btnModi .btn_free_add{  display:none; padding: 6px 12px; background-color: #66b028; color: white; border: none; border-radius: 4px; cursor: pointer; font-size:14px;}

.order_summary {display:flex; flex-direction: column; gap:15px; margin-top:25px;}
.order_summary .title { font-size: 18px; font-weight: 700; color: #333; }
.order_summary .sub_title { text-align:right; margin-bottom: 10px; color: #555; font-size: 14px;}

.optionTopArea { padding:8px 0; background-color:#f9f9f9; border:1px solid #ddd; margin-top:25px;}
.optionTopArea .rowsContent > div { font-weight:700; color:#000;}
.rowsContent { display:flex; align-items: center;}
.rowsContent > div { text-align:center; font-size:13px;}
.rowsContent > div:nth-child(1){ width:9%; }
.rowsContent > div:nth-child(2){ width:22%; }
.rowsContent > div:nth-child(3){ width:22%; }
.rowsContent > div:nth-child(4){ width:19%; }
.rowsContent > div:nth-child(5){ width:13%; }
.rowsContent > div:nth-child(6){ width:15%; }

.rowsContent > div.cols4 { width:62%; text-align:left;}
.rowsContent > div.cols5 { width:77%; text-align:left;}
.rowsContent > div.cols4 > span,
.rowsContent > div.cols5 > span { font-weight:700; color:#2999f3; margin-right:10px;}
.rowsContent > div a.btn_gray_small {
	padding: 4px 8px;
    background-color: #2792e9;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 11px;
	display:inline-block;

}
.rowsContent > div.cols1 { width:15%; }

.optionBottomArea { clear:both; padding:8px 0; border-bottom:1px solid #ddd;}
.optionBottomArea.freeItem { background-color:#e6fbe3;}
.optionBottomArea.freeItem_notice { margin-top:0; border-bottom:0; padding-top:0; padding-bottom:0;}
.optionBottomArea.freeItem_notice ~ .freeItem_notice { margin:0;}

.optionBottomArea .calculate_option,
.optionBottomArea .cols4,
.optionBottomArea .cols5{ position:relative; text-align:left;}
.rowsContent .caution_msg1,
.rowsContent .chk_none{ display:block; margin-top:5px;}
.cart_cont_list .pick_btn_box {margin-top:5px;}

.cart_cont_list .form_element {padding-top:5px;}
.optionBottomArea .form_element label {top:0px; font-size:12px;}

.optionEtc { display:flex; flex-direction: column; gap:10px; margin-top:25px; font-size:14px;}
.optionEtc .title { font-size: 18px; font-weight: 700; color: #333; position:relative;}
.optionEtc .btn_line { padding:8px 10px; border:1px solid #ddd; border-radius:3px; background-color:#f9f9f9;}
.optionEtc .title .btnEtc { position:absolute; top: 50%; transform: translateY(-50%); right:0; }
.optionEtc .title .btnEtc button {padding: 5px 10px; background-color: #dc3545; color: #fff; border: none; border-radius: 3px; cursor: pointer; font-size:14px; }

.displayPc { display:inline-block;}
.displayMobile { display:none;}
.btn_left_box { margin-top:10px ; font-size:14px;}

.cart_cont_list { display:flex; gap:40px; flex-direction: column;}
.cart_goods_area { display:flex; gap:40px; align-items: flex-start;}
.cart_goods_area .leftFixed { width:calc( 40% - 20px); position:sticky; top: calc((var(--t-b-h) - var(--t-h-h)) * -1); left:0; z-index:1;}
.cart_goods_area .rightContent { width:calc( 60% - 20px); }

.order_summary_table_container .table-bordered th,
.order_summary_table_container .table-bordered td { font-size:12px; }

.chkNoticeTxt > div {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 9px;

    color: #c25a00;
    background: #fff4e6;
    border: 1px solid #ffc078;
    border-radius: 4px;

    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
    white-space: nowrap;
}

.chkNoticeTxt > div::before {
    content: "!";
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 16px;
    height: 16px;

    color: #fff;
    background: #f08c00;
    border-radius: 50%;

    font-size: 11px;
    font-weight: 700;
    line-height: 1;
}
.orderWishDate_notice {
	color: #b00020;
	font-size: 13px;
	line-height: 1.6;
}

.orderWishDate_notice .notice_icon {
	margin-right: 5px;
}

.orderWishDate_notice strong {
	color: #d60000;
}

.firstGoods .btnPrdDelete {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 20;
}

.firstGoods .btn_prd_delete {
	position: relative;
	display: block;
	width: 26px;
	height: 26px;
	padding: 0;
	border: 1px solid #ddd;
	border-radius: 50%;
	background: #fff;
	font-size: 0;
	line-height: 1;
	cursor: pointer;
	box-sizing: border-box;
	transition: all .15s ease;
}

.firstGoods .btn_prd_delete:before,
.firstGoods .btn_prd_delete:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 13px;
	height: 2px;
	background: #555;
	border-radius: 2px;
	transform-origin: center;
}

.firstGoods .btn_prd_delete:before {
	transform: translate(-50%, -50%) rotate(45deg);
}

.firstGoods .btn_prd_delete:after {
	transform: translate(-50%, -50%) rotate(-45deg);
}

.firstGoods .btn_prd_delete:hover {
	border-color: #e60012;
	background: #fff5f5;
}

.firstGoods .btn_prd_delete:hover:before,
.firstGoods .btn_prd_delete:hover:after {
	background: #e60012;
}
@media all and (max-width:1560px) {
	.cart_goods_area {flex-direction: column; gap:20px;}
	.cart_goods_area .leftFixed,
	.cart_goods_area .rightContent { width:100%;}
}
@media all and (max-width:1024px) {
	.cart_goods_area .leftFixed { position:static; }
}
@media all and (max-width:800px) {
	.cart_goods_area { gap:10px;}
	.firstGoods {flex-direction: column; gap:6px; padding:15px;}
	.firstGoods .left_content,
	.firstGoods .right_content{ width:100%;}
	.firstGoods .right_content .prd_total > div:nth-child(2) { font-size:18px}
	.firstGoods .btnModi .btn_order_modi,
	.firstGoods .btnModi .btn_etc_modi,
	.firstGoods .btnModi .btn_free_add {padding:5px 8px; }
	.firstGoods .right_content .prd_total,
	.firstGoods .right_content .prd_deliver {font-size:14px;}
	.firstGoods .prdInfo .prdImg { width:80px;}
	.firstGoods .prdInfo .prdImg img { width:60px !important; }
	
	.order_summary .sub_title,
	.order_summary_table_container th,.order_summary_table_container td,
	.rowsContent > div{ font-size:12px;}	
	
	.rowsContent .form_element label.check_s {font-size:12px;}	
	.order_summary_table_container th, .order_summary_table_container td { padding:8px !important;}
	
	.displayPc {display:none;}
	.displayMobile { display:inline-block; }
	.rowsContent > div.cols4,
	.rowsContent > div.cols5{ width:77%; }
	.btn_left_box { margin-top:10px ; font-size:13px;}
	
	.basicOption .rowsContent > div:nth-child(1){
		width:15%;
	}
	.basicOption .rowsContent > div:nth-child(2){
		width:70%; padding-left:5px;
	}
	.basicOption .rowsContent > div:nth-child(3),
	.basicOption .rowsContent > div:nth-child(4),
	.basicOption .rowsContent > div:nth-child(5){display:none;}
	
	.optionEtc {font-size:12px;}
	
	
	.rowsContent > div.calculate_option a.btn_gray_small{
		width: 22px;
		height: 22px;
		padding: 0;
		font-size: 0;
		text-align:center;
		display:block;
	}

	.rowsContent > div.calculate_option a.btn_gray_small::before {
		content: "✎";
		font-size: 14px;
	}

}
@media all and (max-width:560px) {
	.order_summary_table_container th,.order_summary_table_container td,
	.rowsContent > div{ font-size:11px; word-break:break-all;}
	
	.rowsContent .form_element label.check_s {font-size:0;}
	.order_summary_table_container th, .order_summary_table_container td { padding:6px !important;}
	
	.optionBottomArea {padding:2px 0;}
	.optionBottomArea .form_element label {top:-5px;}
}

.order_cont {overflow:unset;}