@charset "utf-8";

/* 장바구니 상품 전체 선택 및 개수 : 2023.03.14 */
.pdCHK_WRAP							{display:inline-block; width:100%; background-color:#FFF; padding:20px 0; border-bottom:1px solid #EEE;}
.pdCHK								{display:flex; justify-content:space-between; align-items:center;}
.pdCHK_WRAP .chkArea				{display:flex; align-items:center;}
.pdCHK_WRAP .actArea				{}
.pdCHK_txt							{font-size:14px; line-height:17px; font-weight:500; letter-spacing:-1.5px; color:#111; margin-right:10px;}


/*******************************************************************************************************************************************
*	Items Cart List (장바구니) : 2023.03.15 (ORD : 주문서만 사용)
*******************************************************************************************************************************************/
.ICL_head							{display:flex; width:100%; margin:0; padding:6px 0px; color:#333; border-bottom:1px solid #444;}
.ICL_footer							{display:flex; align-items:center; justify-content:flex-end; color:#666; padding:15px 0px 0px;}

/* Cart Header & Order Page */
.sellers							{position:relative; display:inline-block;}
.sellers a							{color:#111; font-size:var(--FS14); font-weight:700;}
.sellers a:hover					{text-decoration:none; color:var(--IDTcolor);}
.sellers.ORD						{margin-bottom:7px; color:#999;}
.sellers.ORD a						{color:#999; font-size:var(--FS12);}
.sellers.ORD a:hover				{text-decoration:none; color:var(--IDTcolor);}
.bundled							{font-size:var(--FS12);}

/* Cart Contents */
.ICL_tbl							{width:100%; border-spacing:0; border-collapse:collapse;}
.ICL_tbl table						{width:100%; border:0; border-bottom:1px solid #EFEFEF; table-layout:fixed;}
.ICL_tbl thead th					{text-align:center; font-size:12px; padding:10px 0 10px; color:#999; background:#F8F8F8; border-left:1px solid #DDD; border-bottom:1px solid #d8d8d8; letter-spacing:-1px;}

.ICL_tbl tbody tr.warning			{position:relative; background-color:rgba(0, 0, 0, 0.2);}
.ICL_tbl tbody tr.warning .warning_msg	{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);
										display:flex; flex-wrap:wrap; align-items:center; justify-content:center; align-content:center; 
										line-height:1.2; color:#FFF; font-size:var(--FS14); font-weight:var(--FW600); letter-spacing:var(--LS10); background-color:rgba(0, 0, 0, 1); padding:10px 20px; border-radius:50px; z-index:1}
.ICL_tbl tbody tr.warning .warning_msg i{font-size:var(--FS20F); color:#FFF; margin-left:20px;}
.ICL_tbl tbody td					{padding:25px 10px; border-left:1px solid #EFEFEF; text-align:center;}
.ICL_tbl tbody td:first-child		{padding-right:0px; padding-left:0px; border-left:none;}
.ICL_tbl tbody td:nth-child(2)		{border-left:none;}
.ICL_tbl tbody td.chk				{vertical-align:top; text-align:left;}
.ICL_tbl tbody td a.chgOptBtn		{display:flex; align-items:center; justify-content:center; padding:0.35rem 0.5rem; font-size:0.813rem; font-weight:500; border-radius:2px; background:#FFFFFF; border:1px solid #dbdde2; color:#888888;}

.ICL_tbl.ORD						{padding:10px}
.ICL_tbl.ORD table					{border-bottom:0px;}
.ICL_tbl.ORD tbody td				{padding:0px; border-left:1px dashed #EFEFEF;}
.ICL_tbl.ORD tbody td:nth-child(1)	{border-left:none;}


.inColumn							{display:flex; flex-direction:column; align-items:center; justify-content:center; font-weight:var(--FW600);}
.inColumn .guide_title				{display:flex; flex-direction:column; font-size:0.813rem; padding:5px 0; color:#444; letter-spacing:-0.05rem}
.inColumn .item_price				{font-size:1rem;}
.inColumn .delivery_cost			{font-size:0.875rem;}
.inColumn .delivery_ment			{display:block; margin-top:3px; font-size:0.750rem; font-weight:500; color:#999;}

.inRow								{display:flex; align-items:center; justify-content:center; margin:0 10px;}
.inRow .cost_title					{font-size:var(--FS14); font-weight:600; color:#777; letter-spacing:-0.05rem; padding-right:5px;}
.inRow .cost_title i.arrowright		{margin:0 10px;}
				
/* iteminfo */
.ICL_tbl .iteminfo					{display:flex; justify-content:space-between; min-height:90px; text-align:left;}
.ICL_tbl tbody tr.warning .iteminfo	{filter:blur(1px);}
.iteminfo .thumb					{flex-grow:0; width:90px; height:90px; margin-right:20px;}
.iteminfo .thumb a					{display:block; width:90px; height:90px; text-align:center;}
.iteminfo .thumb img				{max-width:90px; max-height:90px; border-radius:4px;}

.iteminfo .pdWRAP					{display:flex; flex-direction:column; align-items:flex-start; flex-grow:1;}
.iteminfo .pdWRAP a.pdtitle 		{font-size:var(--FS-m-medium); font-weight:600; word-wrap:break-word; word-break:break-all;}
.iteminfo .pdWRAP .priceArea		{margin:8px 0;}
.iteminfo .pdWRAP .priceArea .disc	{font-size:var(--FS-mm-medium); font-weight:var(--FW600); color:#000; letter-spacing:-1px;}
.iteminfo .pdWRAP .priceArea .oric	{font-size:var(--FS-small); color:#999;}
.iteminfo .pdWRAP .pointtxt			{font-size:0.750rem; padding:5px 10px; font-weight:600; color:#777; letter-spacing:-0.05rem; border:1px solid #DDD; border-radius:16px}

.optionArea							{display:flex; flex-direction:column; align-items:flex-start; width:100%;}
.optionArea .pdoption				{display:flex; justify-content:space-between; align-items:flex-start; width:100%; padding-bottom:7px; border-bottom:1px dashed #DDD;}
.optionArea:last-child .pdoption	{border-bottom:0px}
.pdoption .option_name				{position:relative; color:var(--mygray); font-size:var(--FS13); padding-left:10px; text-align:left; word-wrap:break-word; word-break:break-all;}
.pdoption .option_name:before		{content:''; position:absolute; top:5px; left:0px; width:6px; height:3px; background-color:#666; border:1px solid var(--mygray); border-radius:2px;}
.pdoption_edit						{display:flex; justify-content:flex-start; width:100%;}

a.item_del							{display:flex; width:23px; height:23px;}
a.item_del i.cssIcon.x:after		{height:17px !important; background-color:#999; left:16px;}
a.item_del i.cssIcon.x:before		{height:17px !important; background-color:#999; left:16px;}

/*.orderbox_group .ICL_head			{display:inline-block; width:100%; margin:0; padding:12px 16px 12px 0px; color:#333; border:1px solid #ff9900;}*/
.ICL_footer	.order_calc				{display:flex; align-items:center; font-size:1rem;}	
.ICL_footer	.order_calc	i.feather	{font-size:1.125rem; color:#AAA}
.ICL_footer	.order_submit			{display:flex; align-items:center; font-size:1rem; margin-left:10px;}	
.ICL_footer .cart_order_btn			{margin-left:15px;}

@media screen and (max-width:980px){
	.ICL_tbl						{padding-bottom:5px; border-bottom:1px dashed #CCC;}
	.ICL_tbl table					{border-bottom:none;}
	.ICL_tbl colgroup,
	.ICL_tbl thead					{display:none;}
	.ICL_tbl tbody td				{display:block; padding:6px 0 0 0; border:0px;}
	.ICL_tbl tbody td:first-child	{display:table-cell; width:30px;}
	.ICL_tbl tbody td.chk			{padding-top:16px}

	.ICL_tbl tbody tr.warning .warning_msg i{margin-left:0px; margin-top:10px;}

	.inColumn						{flex-direction:row; justify-content:space-between; width:100%; margin-bottom:5px;}
	.inColumn .guide_title			{display:flex; align-items:center; flex-direction:row;}
	.inColumn .delivery_ment		{margin-top:0px; margin-left:3px;}
	.ICL_tbl .iteminfo				{padding:10px 0 0 0; min-height:70px;}

	.ICL_tbl.ORD					{padding:0px}
	.ICL_tbl.ORD tbody td:first-child{display:flex; width:auto;}
	.ICL_tbl.ORD .iteminfo			{padding:0 0 15px 0;}

	.inRow							{display:flex; align-items:center; justify-content:space-between; width:100%; margin:15px 0 0px 0;}
	.inRow .cost_title				{font-size:0.875rem; font-weight:600; color:#777; letter-spacing:-0.05rem; padding:0 5px;}
	.inRow .cost_title i			{display:none;}

	.iteminfo .thumb				{width:70px; height:70px; margin-right:10px;}
	.iteminfo .thumb a				{width:70px; height:70px;}
	.iteminfo .thumb img			{max-width:70px; max-height:70px; border-radius:3px;}

	.optionArea .pdoption			{padding-top:7px;}
	.optionArea .pdoption_edit		{justify-content:flex-end;}

	a.item_del						{flex:0 0 15px; width:23px; height:23px; margin-left:15px;}

	.ICL_footer						{display:flex; align-items:center; flex-direction:column; margin-top:5px; padding:0px;}
	.ICL_footer	.order_calc			{display:flex; align-items:center; flex-direction:column; width:100%;}
	.ICL_footer	.order_calc	i.feather{display:none;}
	.ICL_footer	.order_submit		{display:flex; align-items:center; flex-direction:column; width:100%; font-size:1rem; margin-left:0px; padding-left:0px; border-left:0px;}	
	.ICL_footer .cart_order_btn		{margin-left:0px; padding:7px 0 !important; width:100%;}
}


/*******************************************************************************************************************************************
*	장바구니 전용 버튼영역 - 2023.03.14
*******************************************************************************************************************************************/
.ordbtn_WRAP				{position:fixed; bottom:0px; width:100%; padding:10px; background-color:var(--IDTcolor); z-index:1;}
.ordtotal					{display:flex; justify-content:flex-end; align-items:center; color:#FFF;}

.ordtotal_price				{display:flex; align-items:center;}
.ordtotal_price em			{font-size:1.375rem; font-weight:700; margin-left:7px;}
.ordtotal_price	i			{color:#FFF; margin-left:10px; font-weight:400;}
.ordtotal_btn				{display:flex; margin-left:20px; align-items:center; height:50px; letter-spacing:-0.05rem; background:var(--white); color:#333; width:auto; padding:0rem 2.5rem; font-size:1rem; font-weight:700; border-radius:0.375rem;}
.ord_eanum					{font-weight:900; padding:2px 6px; color:var(--IDTcolor); text-align:center;}

#cart_layer 				{z-index:6 !important;} /* 상품 상세 레이어와 연동 사용 */

@media screen and (max-width:980px) {
	.ordtotal				{justify-content:space-between;}
	.ordtotal_price			{display:flex; flex-direction:column; align-items:flex-start;}
	.ordtotal_price em		{font-size:1.125rem; margin-left:0px;}
	.ordtotal_price	i		{font-size:var(--FS22);}
	.totalbuy_title			{font-size:0.875rem; margin-bottom:3px;}
	.ordtotal_btn			{margin-left:10px; height:45px; padding:0rem 1.0rem; font-size:0.938rem; border-radius:0.250rem;}
}

.sum_total					{display:flex; flex-direction:column; justify-content:center; width:100%;}
.sum_total li				{display:flex; justify-content:space-between; padding:14px 0; border-top:1px dashed #D5D5D5; color:var(--mygray); font-size:var(--FS14); font-weight:700;}
.sum_total li:first-child	{border-top:0px;}


/*******************************************************************************************************************************************
*	ORDER (주문화면) : 2023.03.17
*******************************************************************************************************************************************/
.tbl_inorderbox					{width:100%; background:#FFF; border-collapse:collapse; padding:0px; border-spacing:0px; border-top:1px solid #EDEDED;}
.tbl_inorderbox tbody			{display:table-row-group; vertical-align:middle; border-color:inherit; font-size:var(--FS-small);}
.tbl_inorderbox tbody th		{padding:7px 0 7px 15px; border-bottom:1px solid #EDEDED; font-weight:600; line-height:27px; color:#999; text-align:left; vertical-align:middle;}
.tbl_inorderbox tbody th em		{color:var(--IDTcolor);}
.tbl_inorderbox tbody td		{padding:15px 0; border-bottom:1px solid #EDEDED; color:#222; font-weight:600; }


/* 주문서 - 2024.01.09 */
.orderbox_group					{margin:0; border-bottom:1px solid #CCC;}
.orderbox_group .box_view		{display:none; }
.orderbox_group.on .box_view	{display:block; margin-bottom:20px;}

.ordBox							{display:flex; justify-content:space-between; align-items:center; position:relative; padding:5px 0px;}
.ordBox	H8						{flex-shrink:0; margin-right:30px; font-size:var(--FS-medium); font-weight:700; color:#111;}
.ordBox	.ordSummary				{display:flex; flex-grow:1; font-weight:600; width:100%; justify-content:flex-end; align-items:center;}
.ordBox	.ordSummary	a			{display:flex; align-items:center; justify-content:flex-end;}
.ordBox	.ordSummary .desc		{font-size:var(--FS-mm-medium);  font-weight:600; overflow:hidden; max-height:20px; word-wrap:break-word; word-break:break-all; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:pre-wrap;}

.ordBox i.btn_detail			{display:flex; align-items:center; margin:0 10px 0 20px;}
.ordBox i.btn_detail:after		{content:''; clear:both; transition:all 0.4s; margin-top:-6px; width:9px; height:9px; border:2px solid #888; border-top:none; border-right:none; -webkit-transform:rotate(-45deg);transform:rotate(-45deg);}

.orderbox_group.on .btn_detail:after{transform:rotate(135deg); top:25px; border:2px solid var(--IDTcolor); border-top:none; border-right:none;}
.orderbox_group.on .desc		{display:none}


/* 할인·혜택 & 결제정보 리스트 : 2024.01.11 */
.splitList dl		{display:flex; justify-content:space-between; align-items:center; position:relative; font-size:var(--FS-mm-medium); padding:12px 0px;}
.splitList dt		{flex-shrink:0; margin-right:30px; font-weight:var(--FW700);}
.splitList dd		{display:flex; flex-grow:1; font-weight:var(--FW600); width:100%; justify-content:flex-end; align-items:center;}

@media screen and (max-width:980px){ 
	.splitList dl			{padding:8px 0px;}
}

@media screen and (max-width:500px){
	.splitList dl.Rcolumn		{display:flex; flex-direction:column; align-items:flex-start;}
	.splitList dl.Rcolumn dt	{display:flex; justify-content:flex-start; margin-bottom:5px;}
	.splitList dl.Rcolumn dd	{display:flex; justify-content:flex-start;}
}


/* 적립금 & 쿠폰 적용 */
.savedMoney					{display:flex; align-items:center; list-style:none; margin:0; padding:0;}
.savedMoney	li				{margin-left:3px;}
.savedMoney	li input,
.savedMoney	li a,
.savedMoney .select			{height:40px !important;}

.savedMoney	li input		{font-size:var(--FS-mm-medium);}
.savedMoney	li i.select_arrow:before {content:''; position:absolute; width:6px; height:6px; border:2px solid #C4C4C4; border-top:none; border-left:none; transform:translate(-50%, -50%) rotate(45deg); -webkit-transform:translate(-50%, -50%) rotate(45deg);}


/* 복수배송지 선물세트 구매 도움말 - 2022.01.11 */
.multiexcel_guide							{margin-bottom:10px;}
.multiexcel_guide i							{font-size:var(--FS-medium);}
.multiexcel_guidePop .DOT_linebreak ul		{margin-bottom:20px;}
.multiexcel_guidePop .DOT_linebreak h8		{font-size:var(--FS-large); color:#000; font-weight:var(--FW700); letter-spacing:-1px;}
.multiexcel_guidePop .DOT_linebreak li		{font-size:var(--FS-small) !important; letter-spacing:-0.5px; font-weight:var(--FW600) !important; margin-bottom:10px; word-break:break-all;}
.multiexcel_guidePop .DOT_linebreak li em	{color:var(--IDTcolor) !important;}

/* Multiple Destinations Table - 2022.01.13 */
.MDT_tbl					{width:100%; border-spacing:0; border-collapse:collapse; margin-bottom:20px;}
.MDT_tbl table				{width:100%; border:0; border-top:1px solid #A9A9A9; border-bottom:1px solid #DDD; table-layout:fixed; margin-bottom:10px;}
.MDT_tbl thead th			{text-align:center; font-size:14px; padding:10px 0 10px; color:#222b36; background:#F0F0F0; border-left:1px solid #DDD; border-bottom:1px solid #d8d8d8; letter-spacing:-1px;}
.MDT_tbl tbody td			{font-size:14px; padding:5px 0px; border:1px solid #ebebeb; color:#333; text-align:center;}
.MDT_tbl tbody td:last-child{border-right:none;}
.MDT_tbl thead th:first-child, .MDT_tbl tbody td:first-child, .MDT_tbl tbody td:nth-child(2), .MDT_tbl thead th.thmerger	{border-left:none;}


@media screen and (max-width:980px){ 
	.MDT_tbl colgroup,
	.MDT_tbl thead							{display:none;}
	
	.MDT_tbl tbody tr						{border-bottom:1px solid #000;}
	.MDT_tbl tbody tr:nth-child(odd)		{background:#FFFFFF;}
	.MDT_tbl tbody tr:nth-child(even)		{background:#F2F2F2;}

	.MDT_tbl tbody td						{display:block; position:relative; padding:5px 0; border-top:1px solid #EEE; border-left:none; border-right:none; border-bottom:none; text-align:left;}
	.MDT_tbl tbody td:first-child			{display:table-cell; width:25px; text-align:center; border-top:none !important; border-right:1px solid #EEE; border-bottom:1px solid #000;}

	.MDT_tbl tbody td:before				{padding:0px 0px 0 5px; display:inline-block; width:100px; font-size:12px;}
	.MDT_tbl tbody td:nth-child(2)			{/*border-top:1px solid #DDD !important; margin-top:15px;*/}
	.MDT_tbl tbody td:nth-child(2):before	{content:"받는분 성함";}
	.MDT_tbl tbody td:nth-child(3):before	{content:"보내는분 성함";}
	.MDT_tbl tbody td:nth-child(4):before	{content:"받는분 연락처";}
	.MDT_tbl tbody td:nth-child(5):before	{content:"우편번호";}
	.MDT_tbl tbody td:nth-child(6):before	{content:"기본주소";}
	.MDT_tbl tbody td:nth-child(7):before	{content:"상세주소";}
}


/* 복수배송지 Plugin handsontable JS Control : 2024.01.05 */
.handsontable						{position:relative; z-index:1 !important;}
.handsontable table.htCore			{font-size:var(--FS-mm-medium);}
.handsontable table th				{font-weight:var(--FW600);}
.handsontable thead th .relative	{padding:4px 4px;}



/* 복수배송지 선물세트 추가 배송비 안내 - 2022.01.12 */
.gift_delivery_addcost				{width:100%; margin:20px auto; background:#fff; position:relative; }
.gift_delivery_addcost > dl > dt	{font-size:15px; font-weight:700; color:var(--IDTcolor); margin-bottom:5px;}
.gift_delivery_addcost > dl > dd	{margin-bottom:5px;}





/* 지금배달, 예약배달 - 2021.03.12 */
.delivery_now_or_rsv							{display:inline-block; width:100%; animation: shake-it-baby 1s;}
.time_set_tab									{width:100%; margin:0 auto; height:15px; margin-top:15px; margin-bottom:-5px; background-color:#fff;
												-webkit-box-shadow: inset 1px 2px 3px 1px #BBB; box-shadow: inset 1px 2px 3px 1px #BBB; border-radius:50px;}
.delivery_now_or_rsv .time_set					{display:table; position:relative; top:-14px; left:10px; width:calc(100% - 20px); margin:10px 10px 10px 0; background-color:var(--IDTcolor); border-radius:6px 6px 0 0; padding:15px; color:#FFF;
												box-shadow: 0 3px 7px #666; -webkit-box-shadow:0px 3px 7px #666;}
.delivery_now_or_rsv .time_set:after			{content: ''; position:absolute; display:block; width:100%; height:10px; bottom:-9px; left:0;
												background-image:linear-gradient(45deg, transparent 33.333%, var(--IDTcolor) 33.333%, var(--IDTcolor) 66.667%), linear-gradient(-45deg, transparent 33.333%, var(--IDTcolor) 33.333%, var(--IDTcolor) 66.667%);
												background-size:20px 40px; background-position:50% -30px; background-repeat:repeat-x; z-index:1;}

.delivery_now_or_rsv .time_set li				{display:table-cell; padding:5px 0;}
.delivery_now_or_rsv .time_set li.tset_title	{position:relative; vertical-align:middle; width:120px; height:42px; padding-left:14px; font-size:15px; font-weight:700; line-height:34px;}
.delivery_now_or_rsv .time_set li.tset_time		{vertical-align:middle; font-size:15px;}

.delivery_now_or_rsv .time_set .time_set_inBox	{border-top:1px dashed rgba(255, 255, 255, 0.5); padding:20px 0 5px 0;}

.delivery_now_or_rsv .dnorCaution				{width:100%; margin-top:10px; padding:10px 5px; /* border:1px solid var(--IDTcolor);*/ border-radius:4px; list-style-position:inside;  word-break:break-all;}
.delivery_now_or_rsv .dnorCaution li			{list-style-type:disc; padding:3px 0; margin:0 15px}


/*******************************************************************************************************************************************
*	결제방법선택 및 결제동의 - 2021.01.02
*******************************************************************************************************************************************/
/* 구매 동의 : 2024.01.10 (LayerPop &) */
.buyterms					{width:100%; margin-bottom:20px; font-size:var(--FS-m-small); font-weight:500; color:#999; letter-spacing:-1px;}
.buyterms dt				{font-size:var(--FS-mm-medium); font-weight:700; color:#222; margin-bottom:10px; padding:10px 0; border-top:1px solid #DDD; border-bottom:1px solid #DDD;}
.buyterms dd				{line-height:1.5; padding:0 10px;}
.buyterms dd.accent			{font-size:var(--FS-small); color:#444; margin-top:12px; font-weight:600;}

.buyterms dd li				{display:block; position:relative; padding-left:10px; text-align:left;}
.buyterms dd li:before		{content:''; position:absolute; top:6px; left:0px; width:5px; height:3px; background-color:#888; border-radius:2px;}

.buy_agreeWrap				{display:flex; flex-direction:column; align-items:center; width:100%; border-top:1px solid #CCC; list-style:none; margin:0; padding:0;}
.buy_agreeWrap .all_agree	{font-size:var(--FS-m-medium); font-weight:700; letter-spacing:-1px; padding:20px 0; color:#000;}
.buy_agreeWrap .payBTN		{width:100%;}
.buy_agreeWrap .payBTN a	{font-size:var(--FS-large); font-weight:700;}


/*******************************************************************************************************************************************
*	결제방법 - 2016.10.05 : FUNNY
*******************************************************************************************************************************************/
.sel_payWrap			{width:100%; padding:10px 0; background:#FFF;}
.sel_payWrap .payBoxWrap{margin:2px auto; text-align:center}
.sel_payWrap .payBox	{display:inline-block; border:1px solid #DDD; background:#FFF; border-radius:2px; padding:10px 7px 5px 7px; font:14px celmonKr_medium; letter-spacing:-0.07em; color:#888;}
.sel_payWrap .info		{border:none; margin:10px 0; padding:10px 0; font-size:12px; line-height:25px; color:#888;}


/* 무통장 입금 */
.outbook_tbl		{margin:20px 0; width:100%; border-collapse:collapse; padding:0px; border-spacing:0px;}
.outbook_tbl caption{display:none;}
.outbook_tbl th		{padding:0px 5px; font:12px/43px celmonKr_bold; color:#777; letter-spacing:-1px; text-align:left;}
.outbook_tbl td		{padding:0px;}

.cashReceipt1, 
.cashReceipt2		{margin:10px 0;}

/* 하트 점수주기 - 2016.10.18 : FUNNY */
#product_review						{padding:10px;}
.swFunction_review					{text-align:center;}
.swFunction_review:after			{display:block; clear:both; content:'';}
.swFunction_review .txt				{margin:5px 0; font-size:12px; color:#999; text-align:center;}
.swFunction_review button			{display:inline; text-indent:-9999px; font-size:0;}
.swFunction_review button.at		{text-align:left; width:34px; height:34px; background:url(/shop/img/good/icon_heart.png) no-repeat 0 -34px; background-size:34px auto;}
.swFunction_review button.at.on		{text-align:left; width:34px; height:34px; background:url(/shop/img/good/icon_heart.png) no-repeat 0 0; background-size:34px auto;}


/*******************************************************************************************************************************************
*	결제수단 : 2024.10.14
*******************************************************************************************************************************************/
.payment_panel									{display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -webkit-justify-content:space-between; justify-content:space-between;}
.payment_panel li								{display:flex; align-items:center; justify-content:center; width:100%; margin-left:-1px;}
.payment_panel li input[type=radio]				{display:none}
.payment_panel li>input[type=radio]:checked+label	{background:#eaebef; }
.payment_panel li>label							{width:100%; margin:0px; text-align:center; cursor:pointer; padding:15px 0; border:1px solid #eaebef; transition: background-color 0.3s, border 0.3s; /* Smooth transition for background and border */ line-height:1.2;}
.payment_panel li>label	img						{pointer-events:none; margin:0 auto 10px; width:64px; height:64px}
.payment_panel li>label .title					{font-size:var(--FS-small); font-weight:600;}

.memory_payment									{display:flex; align-items:center; margin:15px 0 10px;}
.memory_payment>label							{font-size:var(--FS-mm-medium); color:#777 !important; font-weight:700 !important;}

@media screen and (max-width:580px) {
	.payment_panel					{display:grid; grid-template-columns:repeat(4, 1fr); gap:0px;}
	.payment_panel li>label			{width:calc(100% + 1px); height:calc(100% + 1px); margin-left:-1px; margin-top:-1px; padding:10px 0;}
}


/*주문완료*/
.order_completed		{position:relative; padding:30px 0 30px; text-align:center;}
.delivery_excuse		{margin:20px 0px; padding:15px; border:1px solid #EDEDED; border-radius:4px; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}


/*******************************************************************************************************************************************
*	Order Shipping List (주문목록) - 2023.01.31
*******************************************************************************************************************************************/
.OSL										{margin:10px auto 0; width:100%; padding:20px;}
.OSL.detail_view							{padding:0px;}
.OSL .oslHEAD								{display:flex; flex-direction:row; justify-content:space-between; align-content:start; margin-bottom:10px;}
.OSL .oslCNTS								{display:flex; justify-content:space-between; width:100%; min-height:80px; /*position:relative;*/}

.oslHEAD .ord_status						{font-size:14px; font-weight:500; margin-right:10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:calc(100% - 90px);}
.oslHEAD .ord_detail_btn					{display:flex; align-items:center; font-size:14px; font-weight:600; letter-spacing:-0.07em;}
.oslHEAD .orddetaill_arrow					{margin-left:3px; width:10px; height:10px; border:2px solid var(--IDTcolor); border-radius:2px; border-top:none; border-right:none; -webkit-transform:rotate(225deg); transform:rotate(225deg);}

.oslCNTS .item_area							{width:100%; display:flex; align-items: flex-start;}
.oslCNTS .seller_area						{width:180px; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:0 10px; text-align:center;}
.oslCNTS .ordbtn_area						{width:150px; display:flex; flex-direction:column; justify-content:center; padding:0 0 0 15px;}

.oslCNTS .seller_area .sName a				{display:block; font-size:0.813rem; font-weight:500; color:#888; margin-bottom:6px;}
.oslCNTS .seller_area .sName a:hover		{color:var(--IDTcolor);}

@media screen and (max-width:980px) {
	.OSL .oslCNTS							{display:inline-block; width:100%; min-height:80px;}
	.oslCNTS .item_area						{display:inline-block; width:100%; padding:0;}
	.oslCNTS .seller_area					{/*position:absolute; top:-13px;*/ width:100%; margin-bottom:5px; display:flex; flex-direction:row; align-items:center; justify-content:flex-end; padding:0px; text-align:center;}
	.oslCNTS .seller_area .sName a			{display:unset; margin-right:5px;}
	.oslCNTS .ordbtn_area					{width:100%; display:flex; flex-direction:row; align-items:center; justify-content:space-between; padding:0px;}
}

/* Item Area - 상품 이미지, 상품명, 옵션 영역*/
.item_info									{display:flex; align-items:flex-start; width:100%;}
.item_info .goodsImg						{margin-right:20px;}
.item_info .goodsImg img					{width:90px; height:90px; border-radius:4px;}
.item_info .goodsTitle						{width:100%; display:flex; flex-direction:column; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; }

.item_info .goodsTitle a					{font-size:0.875rem; font-weight:600; color:#141414; display:-webkit-box; -webkit-line-clamp:1; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; -webkit-box-orient:vertical; overflow:hidden;}
.item_info .goodsTitle a:hover				{color:var(--IDTcolor);}
.item_info .goodsTitle .paymentday			{font-size:0.750rem; color:var(--gray001); font-weight:500; margin-bottom:5px;}
.item_info .goodsTitle .optname				{font-size:13px; color:#777; font-weight:500; margin-top:5px;}
.item_info .goodsPrice						{width:100%; margin-top:8px;}

.item_info .detail_opt						{font-size:0.750rem; color:#666; margin-top:6px; padding:7px 5px; background:#fcfcfc; border:1px solid #e9e9e9; border-radius:2px;}
.item_info .detail_opt:last-child			{margin-bottom:6px;}

/*******************************************************************************************************************************************
*	주문상세 - 2021.03.09
*******************************************************************************************************************************************/
/* 배송지 정보 */
.iptFormTH						{display:flex; align-items:stretch;}
.iptFormTH .iptform_th			{flex-shrink:0; font-size:0.875rem; font-weight:600; color:#777; margin-top:1rem; min-width:80px;}
.iptFormTH .iptform_td			{flex-grow:1;}

.txtFormTH						{display:flex; align-items:center; margin-bottom:1.75rem;}
.txtFormTH:last-child			{margin-bottom:0rem;}
.txtFormTH .iptform_th			{flex-shrink:0; font-size:0.875rem; font-weight:600; color:#777; min-width:80px;}
.txtFormTH .iptform_td			{flex-grow:1; font-size:0.875rem; font-weight:600;}

@media screen and (max-width:500px) {
	.iptFormTH					{flex-direction:column;}
	.iptFormTH .iptform_th		{margin:0.5rem 0;}
}


/* Order Details Information */
.ODI								{display:inline-block; width:100%; margin:10px auto; background:#fff; position:relative;}
.ODI > H7							{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; width:100%; font-size:1rem; font-weight:700; letter-spacing:-1px; color:#000; margin-bottom:25px; padding-bottom:10px; border-bottom:2px solid #242424;}


/* 주문상태 */
.orderState 				{display:inline-block; text-align:center; }
.orderState span			{display:block; text-align:center; font-size:12px;}
.orderState .good_con_A		{color:#cd1901;}/* 입금대기중 */
.orderState .good_con_B		{color:#666666;}/* 결제완료 */
.orderState .good_con_C		{color:#0fc866;}/* 배송준비중 */
.orderState .good_con_D		{color:#9bbb04;}/* 배송중 */
.orderState .good_con_E		{color:#55562a;}/* 배송완료 */
.orderState .good_con_F		{color:#f4614d;}/* 구매확정 11*/
.orderState .good_con_G		{color:#313131;}/* 주문취소 */
.orderState .good_con_H		{color:#313131;}/* 취소완료 */

.orderState .good_con_I		{color:#313131;}/* 반품요청(직접반품) */
.orderState .good_con_J		{color:#313131;}/* 반품요청(업체회수) */
.orderState .good_con_K		{color:#313131;}/* 반품수거중 */
.orderState .good_con_L		{color:#313131;}/* 반품수거완료 */

.orderState .good_con_M		{color:#313131;}/* 환불완료 */
.orderState .good_con_N		{color:#313131;}/* 환불지연 */
.orderState .good_con_O		{color:#f92b02;}/* 교환요청(직접반품) */
.orderState .good_con_P		{color:#f4614d;}/* 교환요청(업체회수) */
.orderState .good_con_Q		{color:#313131;}/* 교환수거중 */
.orderState .good_con_R		{color:#313131;}/* 교환수거완료 */
.orderState .good_con_S		{color:#313131;}/* 교환발송중 */
.orderState .good_con_T		{color:#313131;}/* 교환완료 */
.orderState .good_con_U		{color:#313131;}/* 상품미수령 */
.orderState .good_con_V		{color:#313131;}/* 자동구매확정 */

.orderState span.btnORD		{display:block; margin-bottom:3px;} /* All Button Control */
.orderState span.depositDate{margin:8px 0} /* 입금기한 */

@media screen and (max-width:850px) {
.orderState					{display:inline-block; margin-top:10px; text-align:left; }
.orderState span.txt		{position:relative; left:-10px; top:-5px; display:block; width:70px; text-align:center; margin-bottom:5px; font-size:12px;}
.orderState span.depositDate{position:relative; margin:0; left:55px; top:-25px; }
.orderState span.btnORD		{display:inline-block; text-align:left;}
}

/* 현금영수증 */
.cash_receipt_area{position:relative;width:394px;margin:0 auto;background:url('/shop/img/common/img_sales_middle.png') repeat-y;font-size:0}
.cash_receipt_area img{vertical-align:top}
.cash_receipt_area .msg{overflow:hidden;position:absolute;top:50%;left:50%;width:222px;height:222px;margin:-111px 0 0 -111px;background:url( /shop/img/common/sp_cash_reciept.png?v=1618815136 ) no-repeat;text-indent:-900px}
.cash_receipt_area .msg.processing{width:254px;height:254px;margin:-127px 0 0 -127px;background-position:-230px 0}
.cash_receipt_area .msg.fail{width:286px;height:284px;margin:-142px 0 0 -143px;background-position:-495px 0}
.cash_receipt_area .msg.success{display:none}

/* 거래명세서 */
#cmReportWRAP						{width:100%; display:inline; display:table; position:relative; margin:0 auto; text-align:center;}
#cmReportWRAP .prt_title			{width:100%; text-align:center; font-size:24px; font-weight:700; letter-spacing:10px; margin:20px 0; color:#025ec5;}
#cmReportWRAP .prt_title .recipient	{text-align:center; font-size:13px; letter-spacing:-0.1em; margin:20px 0; color:#025ec5;}
#cmReportWRAP .deposit_account		{position:relative; display:inline; float:left; font-size:12px; line-height:20px;letter-spacing:-0.5px; margin:0px 5px 0px 0px; color:#000;}

.cmReport							{border:2px solid #025ec5; width:100%; table-layout:fixed;}
.cmReport caption					{display:none}
.cmReport th						{height:27px; text-align:center; border-right:1px solid #025ec5; border-bottom:1px solid #025ec5; font-size:12px; color:#025ec5; padding:2px 3px;}
.cmReport td						{height:27px; border-right:1px solid #025ec5; border-bottom:1px solid #025ec5; font-size:12px; color:#025ec5; padding:2px 3px; line-height:16px;}
.cmReport input						{height:auto;}


.dim-layer					{display:none;  position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:99999;}
.dim-layer .dimBg			{position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.dim-layer .pop-layer		{display:block;}
.pop-layer .pop-container	{padding:10px 10px;}
.pop-layer					{display:none; position:absolute; top:calc((50% + 40px) / 2); left:50%; width:calc(100% - 50px); max-width:var(--max-width); height:auto; background-color:#fff; border:1px solid #6d778c; z-index:100;}