/****************************************************************************************************
*	상품리스트 prodList : 2024.02.21
*****************************************************************************************************/
/* Thumb Area */
.pdNum							{display:block; margin:0.3rem 0; font-size:var(--FS09); letter-spacing:var(--LS05) !important; font-weight:var(--FW700) !important; color:var(--mygray002) !important;}
.pdThumbimg						{display:flex; justify-content:center; align-items:center; position:relative; width:100px; height:100px;}
.pdThumbimg img					{width:100px; height:auto; max-height:100px;}

.pdSeller						{display:flex; flex-direction:column; align-items:center; margin:5px 0px; width:100px; list-style:none; padding:0;} 
.pdSeller li					{margin-top:3px; word-break:break-all; text-overflow:ellipsis; white-space:normal; text-align:center; overflow-wrap:break-word;}
.pdSeller li.bizname			{width:100px; word-wrap:break-word; display:block; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:nowrap;}

.ribbon-wrapper					{position:absolute; right:-2px; top:-2px; width:100%; height:100%; overflow:hidden; z-index:0;}
.ribbon-wrapper .ribbon			{position:absolute; top:25px; right:-25px; width:120px; font-size:var(--FS10); letter-spacing:var(--LS00); text-align:center; text-transform:uppercase; line-height:100%; padding:0.250rem 0; 
								 box-shadow:0 0 3px rgba(0, 0, 0, 0.3); text-shadow:0 -1px 0 rgba(0, 0, 0, 0.4);  -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.ribbon-wrapper .ribbon::after,
.ribbon-wrapper .ribbon::before {border-left:3px solid transparent; border-right:3px solid transparent; border-top:3px solid #9e9e9e; bottom:-3px; content:''; position:absolute;}
.ribbon-wrapper .ribbon::before {left:0;}
.ribbon-wrapper .ribbon::after	{right:-2px;}
.ribbon-wrapper					{pointer-events:none;}  /* ribbon-wrapper 위의 포인터 이벤트(클릭 등) 무시 */
.ribbon-wrapper .ribbon			{pointer-events:auto;}	/* ribbon 자체는 클릭 가능해야 하므로 포인터 이벤트 복원 */

/* Infomation Area */
.pdList							{display:flex; flex-direction:column; flex-wrap:wrap; display:-ms-flexbox; -ms-flex-wrap:wrap;  padding-left:0; margin-bottom:0; list-style:none;}
.pdList	li						{display:flex; justify-content:space-between; align-items:center; position:relative; width:100%; border-bottom:1px solid rgba(0, 0, 0, 0.125); margin:0; padding:0.6rem 0.3rem;}
.pdList	li:last-of-type			{border-bottom:0;}

.pdList li .title				{width:100%; font-weight:var(--FW800); color:var(--black); word-wrap:break-word; word-break:break-all; text-overflow:ellipsis; white-space:normal; text-align:left;  overflow-wrap:break-word;}
.pdList	li i					{margin-right:3px; font-size:12px}
.pdList	li p					{margin-right:3px;}

.pdList.thin li					{padding:0.42rem 0.3rem;}
.pdList li.nopd					{padding:0.0rem 0.3rem;}

@media (max-width:980px) {
	.pdList	li					{padding:0.45rem 0.25rem;}
	.pdList.thin li				{padding:0.25rem 0.3rem;}
}

/* TAX Type */
.taxtype.tax					{color:var(--blue);}
.taxtype.dutyfree				{color:var(--green);}
.taxtype.bizsmall				{color:var(--orange);}

/* Sales Section */
.salesec_normal					{color:var(--mygray); text-align:left;}
.salesec_special				{color:var(--orange);}
.salesec_local					{color:var(--green);}

/* GCMS Tag */
.pdList li.gcmsTagArea			{display:flex; justify-content:flex-start;}
.pdList li.gcmsTagArea a		{margin-right:3px; height:22px;}
.gcmsTag						{font-size:var(--FS12); padding:0.2rem 0.2rem; border-radius:3px;}
.gcmsTag.tagOn					{background-color:initial; color:var(--white);}
.gcmsTag.tagOff					{background-color:var(--gray001) !important; color:var(--white);}

.gcmsTagArea img				{width:auto; height:12px;} 

.gcmsTag.tagOff img				{opacity:.3; filter:alpha(opacity=30);}
.gcmsTag.tagOn img				{opacity:1; filter:alpha(opacity=100);}
.gcmsTag.tagOn.naverpay			{background-color:#00de5a !important;}
.gcmsTag.tagOn.kakaopay			{background-color:#ffeb00 !important;}


/****************************************************************************************************
*	Immediate modification of data values from the list to INPUT &  SELECT : 2024.02.23
*****************************************************************************************************/
/* Common */
.checkEditBtn							{display:none; position:absolute; left:0px;}

/* INPUT */
.dataEdit								{position:relative; width:auto; cursor:pointer;}
.dataEdit:hover							{color:var(--blue) !important;}
.dataEdit:before						{position:absolute; content:"편집"; text-align:center; font-size:var(--FS11); font-weight:var(--FW500); background-color:var(--blue); color:#FFF; padding:0.2rem 0.1rem; right:-15px; top:-15px; border-radius:var(--round-thin);
										opacity:0; transform:translateY(10px); transition: opacity 0.4s ease, transform 0.4s ease;}	
.dataEdit.leftpop:before				{left:-15px; top:-15px; width:25px}	
.dataEdit:hover:before					{opacity:1; transform:translateY(0);}
.dataEdit.editing-active:hover:before	{display:none;}
.dataEdit.modified						{color:var(--blue);}  /* 수정된 내용에 대한 색상 */

input.editing							{text-align:left; margin:0px !important; padding:0.3rem 0.2rem !important; height:auto !important; border:2px solid var(--IDTcolor); width:calc(100% - 20px);}
.dataEdit.tRight input.editing 			{text-align:right;}
.dataEdit.tLeft input.editing 			{text-align:left;}

/* SELECT */
.dataSelect								{position:relative;}
.dataSelect:hover						{color:var(--blue) !important; cursor:pointer;}
.dataSelect:before						{position:absolute; content:"편집"; text-align:center; font-size:var(--FS11); font-weight:var(--FW500); background-color:var(--blue); color:#FFF; padding:0.2rem 0.1rem; right:-15px; top:-15px; border-radius:var(--round-thin);
										opacity:0; transform:translateY(10px); transition: opacity 0.4s ease, transform 0.4s ease;}	
.dataSelect:hover:before				{opacity:1; transform:translateY(0);}
.dataSelect.editing-active:hover:before {display:none;}
.dataSelect.modified					{color:var(--blue);}  /* 수정된 내용에 대한 색상 */	

.selectEdit select::-ms-expand			{display:none;}
.selectEdit								{overflow:hidden; position:relative; background:#FFF; height:auto; width:auto; min-width:80px; border-radius:2px; z-index:1;}
.selectEdit select						{position:relative; left:0; top:0; font-size:inherit; font-weight:inherit; box-sizing:border-box; border:1px solid var(--ipt-color); height:100%; width:100%; color:#858585; letter-spacing:-1px; padding:0.3rem 0.3rem ; z-index:2 !important; background:none !important; }
.selectEdit select						{width:100%; -webkit-appearance:none; appearance:none; -moz-appearance:none; -webkit-user-select:none; padding-right:var(--iptbtnHeight); border-radius:3; -webkit-border-radius:3 !important;}
.selectEdit .icons						{position:absolute; right:0; top:0; z-index:1; width:var(--iptbtnHeight); height:100%;}
.selectEdit .icons:before				{position:absolute; left:50%; top:calc(50% - 2px); transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.selectEdit select:focus				{border-style:solid; border-width:2px; border-color:var(--IDTcolor); color:#444 !important;}
.selectEdit select:focus+ .select_arrow:before	{left:50%; top:calc(50% + 2px); transform:translate(-50%, -50%) rotate(225deg); -webkit-transform:translate(-50%, -50%) rotate(225deg); border:2px solid var(--IDTcolor); border-top:none; border-left:none;}
.select_arrow:before					{content:''; position:absolute; width:10px; height:10px; border:2px solid #C4C4C4; border-top:none; border-left:none; transform:translate(-50%, -50%) rotate(45deg); -webkit-transform:translate(-50%, -50%) rotate(45deg);}

/* Category Select MultiBox - 24.06.20 */
.detail_searchBox		{border-top:1px dashed #CCC; margin-top:15px; padding-top:15px;}

.CSM					{display:flex; margin:15px 0 0 0; list-style:none;}
.CSM li					{width:100%; margin-left:20px}
.CSM li:first-child		{margin-left:0px !important;}

.bcate					{overflow:auto; width:100%; height:200px; padding:7px !important; border:1px solid #fcdc02; background:#fff; color:#888; font-size:var(--FS14); font-weight:600; border-color:#DDD; border-radius:4px;}
.bcate option			{margin-bottom:5px;}
.bcate option:checked	{background-color:var(--IDTcolor); color:#FFF}

@media (max-width:980px) {
	.CSM				{flex-direction:column; margin:0}
	.CSM li				{width:100%; margin-left:0px; margin-top:15px}
	.CSM li:first-child	{margin-top:0px}

	.bcate				{overflow:auto; width:100%; height:130px;}
}


/* Image Add On */
.addPDimg .img-list			{display:flex; flex-wrap:wrap; list-style:none; margin:0; padding:0;}
.addPDimg .img-list li		{position:relative; list-style:none; margin:0 10px 10px 0; padding:0; border-top:0}
.addPDimg .img-list li .register-img {vertical-align:middle; text-align:center; overflow:hidden; position:relative; width:140px; height:140px; border:1px dashed #c1c5cd; border-radius:6px;}
.addPDimg .img-list li .register-img input {z-index:2; font-size:0; opacity:0; filter:alpha(opacity=0); cursor:pointer}
.addPDimg .img-list li .register-img .btn-add-img,
.addPDimg .img-list li .register-img input {position:absolute; left:0; right:0; top:0; bottom:0; width:140px; height:140px; cursor: pointer; background:url(/gcms/img/addimg_bg.png) no-repeat center center; background-size:40% auto;}
.addPDimg .img-list li .register-img .imgUrlTag	{width:140px; height:140px;}

@media (max-width:980px) {
	.addPDimg .img-list li				{margin:0 7px 10px 0}
	.addPDimg .img-list li .register-img,
	.addPDimg .img-list li .register-img .btn-add-img,
	.addPDimg .img-list li .register-img input {width:120px; height:120px}
	.addPDimg.add-img {/*overflow:hidden;*/ margin-bottom:0}
	.addPDimg .img-list li .register-img .imgUrlTag	{width:120px; height:120px;}
}

/* Image Add On : 2024.10.11 백업용
.addPDimg .img-list			{display:flex; flex-wrap:wrap; list-style:none; margin:0; padding:0;}
.addPDimg .img-list:after,
.addPDimg .img-list:before	{content:" "; display:table}
.addPDimg .img-list:after	{clear:both}

.addPDimg .img-list li		{position:relative; float:left; list-style:none; margin:0 10px 10px 0; padding:0; border-top:0}
.addPDimg .img-list li .img	{position:relative}
.addPDimg .img-list li .btns{display:inline-block; margin-top:8px; width:140px; text-align:center; vertical-align:middle; touch-action:manipulation; cursor:pointer; white-space:nowrap; padding:1px 15px; border-radius:0; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none}


.addPDimg .img-list li .img:before	{position:absolute; left:0; right:0; top:0; bottom:0; opacity:.1; filter:alpha(opacity=10); border:1px solid #000; content:""}
.addPDimg .img-list li .img:after	{position:absolute; left:0; right:0; top:auto; bottom:0; height:45px; background-color:#000; opacity:.4; filter:alpha(opacity=40); z-index:10; content:""}

.addPDimg .img-list li .register-img {vertical-align:middle; text-align:center; overflow:hidden; position:relative; width:140px; height:140px; border:1px dashed #c1c5cd; border-radius:6px;}
.addPDimg .img-list li .register-img input {z-index:2; font-size:0; opacity:0; filter:alpha(opacity=0); cursor:pointer}
.addPDimg .img-list li .register-img .btn-add-img,
.addPDimg .img-list li .register-img input {position:absolute; left:0; right:0; top:0; bottom:0; width:140px; height:140px; cursor: pointer; background:url(/gcms/img/addimg_bg.png) no-repeat center center; background-size:40% auto;}

.addPDimg .img-list li .register-img .btn-add-img .imgGuideTxt {margin-top:51px; font-size:13px; line-height:18px; color:#666; text-align: center; vertical-align:middle;}
.addPDimg .img-list li .register-img:before {position:absolute; left:0; right:0; top:0; bottom:0; content:""; height:140px; border-radius:6px;}

@media (max-width:980px) {
	.addPDimg .img-list li				{margin:0 7px 10px 0}
	.addPDimg .img-list li .img:after	{height:40px!important}

	.addPDimg .img-list li .img img,
	.addPDimg .img-list li .register-img,
	.addPDimg .img-list li .register-img .btn-add-img,
	.addPDimg .img-list li .register-img input {width:120px; height:120px}
	.addPDimg .img-list li .register-img:before {height:120px}
	.addPDimg.add-img {argin-bottom:0}
} */


/* 카테고리 폼 */
.category {overflow:hidden; margin-bottom:50px; border-bottom:1px solid #353c43;}
.category .table {display:table; width:100%; table-layout:fixed; box-sizing:border-box;}
.category .td {display:table-cell; vertical-align:top; border:1px solid #d9dee3; border-bottom:0;}
.category .depth_tt {text-align:center; background:#e6e9eb; padding:19px 10px; height:61px; box-sizing:border-box;}
.category .depth_tt strong {float:left; height:23px; font-size:14px; font-weight:600; color:#333; letter-spacing:-0.5px; line-height:23px; margin-right:5px;}
.category .inner_box {overflow-y:auto; height:700px; margin:5px; box-sizing:border-box;}
.category .category_list {display:table; width:100%; table-layout:fixed; border-top:1px solid #d9dee3;}
.category .category_list td {border-bottom:1px solid #d9dee3; text-align:center;}
.category .c_btn {margin-right:0px;}
.category .c_tag {float:none; margin:0px;}
.category .ctg_name {padding:10px 0px 9px 0 !important; vertical-align:top}
.category .hit {background:#e6e9eb;}
.category .hit .ctg_name {color:#333;}
.category_upper {overflow:hidden; margin-top:-5px; padding-bottom:2px;}
.category_upper .fr_bullet {color:#008aff; font-weight:600; margin-right:0px;}
.category_upper .fr_bullet:before {background:#008aff;}
.category_upper .fr_tx {color:#008aff; padding-left:10px; margin-left:10px; position:relative;}
.category_upper .fr_tx:before {content:""; width:1px; height:11px; background:#d9dee3; position:absolute; left:0; top:50%; margin-top:-5px;}
.category_before {overflow:hidden; text-align:center; line-height:290px; color:#999;}

.c_btn {float:left; background:#fff; border:1px solid #ccc; box-sizing:border-box; padding:0 10px; overflow:hidden; white-space:nowrap; text-decoration:none !important; text-align:center !important;}
.c_btn {color:#666 !important; font-weight:400 !important; font-size:12px !important; margin-right:5px;}
.c_btn.h22 {height:22px; line-height:18px !important; line-height:17px\0 !important; font-size:11px !important; padding:0 5px; }
.c_btn.icon_up {width:23px; background:#fff url('/img/btn/btn_up.png') center center no-repeat; margin-right:0px !important;}
.c_btn.icon_down {width:23px; margin-left:-1px !important; background:#fff url('/img/btn/btn_down.png') center center no-repeat;}
.c_btn.icon_up:hover {background-color:#fafafa;}
.c_btn.icon_down:hover {background-color:#fafafa;}

.review_img				{position:relative; display:inline-block; margin:10px 5px 10px 0px; width:120px; height:120px; border-radius:5px; box-sizing:border-box; overflow:hidden;}
.review_img img			{position:absolute; top:50%; left:50%; width:auto !important; height:100% !important; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.review_img img.nImg	{height:auto !important; width:100% !important; min-height:100%;}



/****************************************************************************************************
*	Option List Header Item : 2024.02.23
*****************************************************************************************************/
.OLHI					{display:flex; list-style:none; padding:0; margin:0px;}
.OLHI li				{display:flex; align-items:center; position:relative; margin-right:12px; font-size:var(--FS12F); font-weight:var(--FW600)}
.OLHI li:last-child		{margin-right:0px;}
.OLHI li:after			{display:inline-block; position:relative; content:''; right:-5px; width:1px; height:50%; background-color:#CCC; margin:0 8px;}
.OLHI li:last-child:after	{background-color:transparent; margin:0;}

@media (max-width:980px) {
	.OLHI					{flex-wrap:wrap; margin-top:8px;}
	.OLHI li				{margin-bottom:7px;}
}


/****************************************************************************************************
*	Miscellaneous settings : 2024.06.13
*****************************************************************************************************/
/* 원산지 셀렉트 */
.origin_set_select			{min-width:100px;} 

/* 상품정보고시 */
.gosi_title					{font-weight:var(--FW700F); color:var(--IDTcolor);}

.select2.select2-container.select2-container--default					{width:100% !important;}
.select2-container.select2-container--default.select2-container--below	{width:100% !important;}

/* 주문관리 엑셀작업 팝업 */
.ordPop_excelwork			{display:flex; flex-direction:column;}
.ordPop_excelwork .period	{display:flex; align-items:center; width:100%; margin-bottom:5px;}
.ordPop_excelwork .period input{width:auto}
.ordPop_excelwork ul		{display:flex; list-style:none; margin-bottom:0px;}
.ordPop_excelwork li		{margin-right:5px;}

@media (max-width:500px) {
	.ordPop_excelwork ul	{flex-direction:column;}
	.ordPop_excelwork li	{width:100%; margin-right:0px; margin-bottom:5px;}
}


/****************************************************************************************************
*	Bottom Fixed Button Area : 2024.06.14
*****************************************************************************************************/
.BFBA						{position:sticky; overflow:hidden; -webkit-box-shadow:0px -15px 15px -15px rgba(0,0,0,0.14); box-shadow:0px -15px 15px -15px rgba(0,0,0,0.14); bottom:0px; display:flex; align-items:center; justify-content:center; width:100%; padding:10px 0; border-top:1px solid #EEE; background-color:var(--mygray009); z-index:2}


/****************************************************************************************************
*	Order Management List for GCMS : 2024.06.26
*****************************************************************************************************/
/* 공통 */
.OMLG .lineSolid							{display:block; margin:10px 0; height:1px; width:100%; background-color:rgba(0, 0, 0, 0.1);}

/* 주문정보 */
.OMLG .ordinfo_chkunm						{display:flex; justify-content:space-between; align-items:center; list-style:none; margin:5px 0;}

.OMLG .ordinfo_path							{display:flex; flex-direction:column; align-items:center; list-style:none; margin:5px 0;}
.OMLG .ordinfo_path	li						{display:flex; justify-content:center; width:100%;}
.OMLG .ordinfo_path .ordnum					{font-weight:var(--FW800F); color:var(--IDTcolor); font-size:var(--FS10F); letter-spacing:var(--LS05)}
.OMLG .ordinfo_path .orddate				{display:flex; flex-direction:column; align-items:center; position:relative; width:100%; min-width:100px; font-family:var(--FFR); font-size:var(--FS12F); text-align:center; background:#F3F3F3; border:1px solid #E7E7E7; margin:5px 0; padding:5px; border-radius:4px; z-index:0}
.OMLG .ordinfo_path .orddate .orderDevice	{position:absolute; left:4px; top:6px; z-index:1}
.OMLG .ordinfo_path .orddate .orderDevice i	{font-size:var(--FS14F); color:var(--mygray005);}
.OMLG .ordinfo_path .orddate .orderDevice i.desktop	{font-size:var(--FS12F);}

.OMLG .ordinfo_sell							{display:flex; flex-direction:column; align-items:center; list-style:none; margin:5px 0;}
.OMLG .ordinfo_sell li						{display:flex; justify-content:center; width:100%;}
.OMLG .ordinfo_sell .saleRoute				{font-size:var(--FS11F); font-weight:var(--FW600F); padding-bottom:3px;}
.OMLG .ordinfo_sell .saleRoute.bus32		{color:var(--IDTcolor);}
.OMLG .ordinfo_sell .saleRoute.order		{color:var(--blue);}
.OMLG .ordinfo_sell .saleRoute.vendor		{color:var(--pink);}
.OMLG .ordinfo_sell .saleRoute.direct		{color:var(--teal);}
.OMLG .ordinfo_sell .saleRoute.seller		{color:var(--yellow300);}

.OMLG .ordinfo_sell .purchaseName			{position:relative; font-size:var(--FS12F); font-weight:var(--FW600F); color:var(--black); word-break:break-all; text-align:center; margin-bottom:7px;}
.OMLG .ordinfo_sell .purchaseName:before	{position:absolute; content:""; left:0px; bottom:-2px; display:inline-block; width:100%; height:1px; background-color:var(--black);}
.OMLG .ordinfo_sell .purchaseName:hover		{color:var(--IDTcolor);}
.OMLG .ordinfo_sell .buyhistory i			{margin-left:5px; font-size:var(--FS12F); color:var(--mygray003);}			

.OMLG .itemType								{display:flex; justify-content:center; align-items:center; font-size:var(--FS12F); font-weight:var(--FW700F); letter-spacing:var(--LS05);}
.OMLG .itemType.package						{color:var(--mygray003)}
.OMLG .itemType.delivery					{color:var(--mygray003)}
.OMLG .itemType.special						{color:var(--mygray003)}
.OMLG .itemType.localbiz					{color:var(--mygray003)}

/* 주문 결제처리 */
.OMLG .ordpay_process						{display:flex; flex-direction:column; flex-wrap:wrap; display:-ms-flexbox; -ms-flex-wrap:wrap; margin:5px 0; list-style:none;}
.OMLG .ordpay_process li					{display:flex;}
.OMLG .ordpay_process .datepickerWrap		{margin-bottom:3px;}
.OMLG .ordpay_process .datepickeript input	{font-size:var(--FS12); font-weight:var(--FW800F);}

.OMLG .ordpay_process .selBtn				{display:flex; justify-content:center; align-items:center; width:30px; height:30px; font-size:var(--FS14F); font-weight:600; border-radius:0.15rem; border:1px solid var(--ipt-color);}
.OMLG .ordpay_process .selBtn.history		{background-color:var(--mygray008)}
.OMLG .ordpay_process .selBtn.deliverySch	{background-color:#FFF; color:var(--mygray);}
.OMLG .ordpay_process .selBtn.numSave		{background-color:var(--blue); color:#FFF; border:1px solid var(--blue);}

/* 주문 결제방법 */
.OMLG .paymentMethod						{display:flex; justify-content:center; align-items:center; width:100%; padding:5px 5px; font-size:var(--FS11F); font-weight:600; margin-bottom:5px;}
.OMLG .paymentMethod.card					{color:var(--IDTcolor); border:1px solid var(--IDTcolor)}
.OMLG .paymentMethod.wbaccount				{color:var(--orange); border:1px solid var(--orange)}
.OMLG .paymentMethod.naverpay				{color:#FFFFFF; border:1px solid #00c63b; background-color:#00c63b;}
.OMLG .paymentMethod.kakaopay				{color:#1e1e1e; border:1px solid #ffdf03; background-color:#ffdf03;}
.OMLG .paymentMethod.tosspay				{color:#FFFFFF; border:1px solid #0050ff; background-color:#0050ff;}
.OMLG .paymentMethod.samsungpay				{color:#FFFFFF; border:1px solid #1e4ac5; background-color:#1e4ac5;}
.OMLG .paymentMethod.bank					{color:var(--cyan); border:1px solid var(--cyan);}

/* 결제내역 정보 */
.OMLG .paymentDetail					{display:flex; flex-direction:column; flex-wrap:wrap; display:-ms-flexbox; -ms-flex-wrap:wrap; padding-left:0; margin-bottom:0; list-style:none; font-size:var(--FS12);}
.OMLG .paymentDetail li					{display:flex; justify-content:space-between; align-items:center; position:relative; width:100%; border-bottom:1px solid rgba(0, 0, 0, 0.125); margin:0; padding:0.4rem 0.3rem;}
.OMLG .paymentDetail li:last-of-type	{border-bottom:0;}



/* 주문 상품정보 */
.OMLG table td.orditem						{padding:0rem !important;}


/* 배송정보 및 관리자 메모 */
.OMLG .check_mention				{display:flex; align-items:center; flex-direction:column; justify-content:center; width:100%;  padding:1rem 0.8rem;}
.OMLG .check_mention .cm_group		{display:flex; align-items:center; width:100%;}
.OMLG .check_mention .cm_group p	{display:flex; align-items:center; justify-content:center; width:24px; color:var(--mygray400); font-size:var(--FS12); margin-right:15px; background-color:var(--mygray008); padding:5px; border:1px solid #DDD; border-radius:4px;}

.OMLG .delivery_address				{display:inline-block; align-items:center; list-style:none; margin:0; padding:0}
.OMLG .delivery_address li			{float:left; text-align:left; position:relative; color:var(--mygray); font-size:var(--FS13); margin-right:20px; padding-left:10px; text-align:left; word-wrap:break-word; word-break:break-all;}
.OMLG .delivery_address li:before	{content:''; position:absolute; top:5px; left:0px; width:6px; height:4px; background-color:#333; border-radius:2px;}

.OMLG .comment_area					{display:flex; flex-grow:1; justify-content:space-between; align-items:center; text-align:left; font-size:var(--FS12);}
.OMLG .comment_area .comment_latest	{display:flex; justify-content:space-between; align-items:center; width:100%; padding-right:10px;}
.comment_latest .title				{font-weight:var(--FW700F)}
.comment_latest .update				{font-size:var(--FS10); font-weight:var(--FW600F); min-width:110px;}

@media all and (max-width:1680px) {
	.OMLG .delivery_address li		{margin-bottom:5px}
}

    
/* List Table in RTL  테스트 중 */
.dbRTL						{clear:both; width:100%; border-collapse:collapse; padding:0px; border-spacing:0px; border:0px;}
.dbRTL caption				{display:none;}
.dbRTL thead th				{font-size:11px; padding:5px 5px !important; letter-spacing:-0.5px; text-align:center; background-color:var(--mygray005); border:1px solid var(--mygray003)1; color:#FFF;}

.dbRTL tbody tr:hover		{box-shadow:none !important;}
.dbRTL tbody td				{height:30px; padding:5px 10px; text-align:center; background:#fff; border:1px solid #DDD;}
.dbRTL tbody td:first-child	{border-left:none;}
.dbRTL tbody td:last-child	{border-right:none;}

/* 배송송장 */
input.delivery_ipt			{width:120px; height:30px; border:1px solid var(--mygray005); font-size:var(--FS12F); font-weight:var(--FS700F); color:var(--blue); background:#FFF; padding:0.3rem 0.25rem}
input.saved					{background-color:#EAEAEA;}

/* 상품코드 및 거래처정보 */
.OPD											{display:flex; flex-direction:column; width:100%; text-align:left; padding:10px 5px; margin:0px 0px;}
.OPD .clientBox									{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; margin-bottom:5px;}
.OPD .clientBox	.itemCode						{font-family:var(--FFC); font-size:var(--FS11F); font-weight:var(--FW900F);}

.OPD .clientBox	.clientLink						{display:flex; align-items:center;}
.OPD .clientBox	.clientLink .clientName			{font-size:var(--FS12F); letter-spacing:var(--LS10); font-weight:var(--FW600F); color:var(--mygray);}
.OPD .clientBox	.clientLink .clientinfoBtn		{display:flex; align-items:center; justify-content:center; margin-left:3px; width:18px; height:18px; background-color:var(--mygray005); border-radius:50%;}
.OPD .clientBox	.clientLink .clientinfoBtn:hover{background-color:var(--mygray);}
.OPD .clientBox	.clientLink .clientinfoBtn i	{font-size:var(--FS12F); color:#FFF;}

@media all and (max-width:1280px) {
	.OPD .clientBox									{display:flex; flex-direction:column; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; margin-bottom:5px;}
}

/* 주문 상품 정보 리스트 */
.OPD .itemBox								{display:flex; justify-content:flex-start; min-height:100px; text-align:left;}
.OPD .itemBox .thumbArea					{position:relative; flex-grow:0; width:70px; height:90px; margin-right:20px; text-align:center;}
.OPD .itemBox .thumbArea a					{display:block; width:70px; height:70px; text-align:center;}
.OPD .itemBox .thumbArea img				{max-width:70px; max-height:70px; border-radius:4px;}
.OPD .itemBox .thumbArea .sellerCode		{font-family:var(--FFC); font-size:var(--FS10); font-weight:var(--FW700F); color:var(--mygray004); margin-top:5px;}

.OPD .itemBox .iteminfoArea 				{width:100%; }
.OPD .itemBox .iteminfoArea .pdName			{display:flex; width:fit-content; overflow:hidden; text-overflow:ellipsis; white-space:normal; margin-bottom:10px; color:var(--black); font-size:var(--FS14); font-weight:var(--FW800F); letter-spacing:-0.06em;}
.OPD .itemBox .iteminfoArea .pdName:hover	{color:var(--IDTcolor);}

.OPD .itemBox .iteminfoArea .optionArea							{display:flex; justify-content:space-between; align-items:center; width:100%; padding:8px; border:1px dashed #DEDEDE; border-radius:6px; list-style:none;}
.OPD .itemBox .iteminfoArea .optionArea .optioninfo				{display:flex;}
.OPD .itemBox .iteminfoArea .optionArea .option_name			{position:relative; color:var(--mygray); font-size:var(--FS11F); font-weight:var(--FW600F); padding-left:10px; text-align:left; word-wrap:break-word; word-break:break-all;}
.OPD .itemBox .iteminfoArea .optionArea .option_name:before		{content:''; position:absolute; top:5px; left:0px; width:4px; height:3px; background-color:#666; border:1px solid var(--mygray); border-radius:2px;}

.OPD .itemBox .iteminfoArea .optionArea .option_priceinfo		{color:var(--mygray); font-size:var(--FS11F); font-weight:var(--FW600F); padding-left:5px;}
.OPD .itemBox .iteminfoArea .optionArea .option_priceinfo em	{color:var(--mygray004); font-size:var(--FS10F); padding-right:5px; text-decoration:line-through;}

.OPD .itemBox .iteminfoArea .optionArea .opt_subtotal			{font-size:var(--FS12F); color:var(--black); font-weight:var(--FW700F);}


@media all and (max-width:1280px) {
	.OPD .itemBox												{flex-direction:column;}
	.OPD .itemBox .iteminfoArea .optionArea						{flex-direction:column; align-items:flex-start;}
	.OPD .itemBox .iteminfoArea .optionArea .optioninfo			{display:flex; flex-direction: column;}
	.OPD .itemBox .iteminfoArea .optionArea .option_name		{flex-direction:column;}
	.OPD .itemBox .iteminfoArea .optionArea .option_priceinfo	{margin-top:5px; padding-left:0px;}
	.OPD .itemBox .iteminfoArea .optionArea .opt_subtotal		{margin-top:10px;}
}


/****************************************************************************************************
*	구매후기 및 상품문의 Review & Inquiry List for GCMS : 2024.06.26
*****************************************************************************************************/
.RILG						{}
.RILG .pdThumbimg			{width:60px !important; height:60px !important;}
.RILG .pdList li i			{margin-right:0px;}
.RILG .pdList li.qsType		{display:flex; text-align:center; justify-content:center; align-items:center; font-size:var(--FS12); font-weight:var(--700); color:var(--IDTcolor)}


/****************************************************************************************************
*	외부발주 Outer Order List for GCMS: 2024.08.19
*****************************************************************************************************/
.outerOrdFile						{display:flex; justify-content:space-between; width:100%; padding:0rem 0.3rem; margin:0; list-style:none;}
.outerOrdFile .ordfileBtn			{display:flex; align-items:center; justify-content:center; width:18px; height:18px; background-color:var(--mygray005); border-radius:50%;}
.outerOrdFile .ordfileBtn 			{font-family:var(--FFH); font-weight:var(--FW800); font-size:var(--FS08F); letter-spacing:var(--LS00); color:#FFF;}
.outerOrdFile .ordfileBtn:hover		{background-color:var(--mygray);}


/* 발주 목록 */
.OOLG .outordBox					{display:flex; flex-direction:column; align-items:center; margin:0; width:100%; list-style:none; font-size:var(--FS12F); font-weight:var(--FW800F);}
.OOLG .outordBox li					{display:flex; justify-content:space-between; width:100%; margin-bottom:0.4rem; padding:8px; border:1px dashed #DEDEDE; border-radius:6px; word-wrap:break-word; word-break:break-all; text-overflow:ellipsis; white-space:normal; text-align:left;  overflow-wrap:break-word;;}
.OOLG .outordBox li	.outord_price			{position:relative; margin-left:10px; padding-left:10px; font-size:var(--FS11);}
.OOLG .outordBox li	.outord_price:before	{content:''; position:absolute; top:0px; left:0px; width:1px; height:100%; background-color:#DADADA;}

.OOLG .delivery_address				{display:flex; align-items:center; justify-content:left; list-style:none; flex-wrap:wrap; width:100%; margin:5px 0 0 0; padding:0.75rem 0rem 0rem 0rem; border-top:1px solid rgba(0, 0, 0, 0.2);}
.OOLG .delivery_address li			{float:left; text-align:left; position:relative; color:var(--mygray); font-size:var(--FS12); margin-right:20px; padding-left:10px; text-align:left; word-wrap:break-word; word-break:break-all; white-space: wrap;}
.OOLG .delivery_address li:before	{content:''; position:absolute; top:5px; left:0px; width:4px; height:2px; background-color:#333; border-radius:2px;}

/* 발주상품군 관리 상품 추가 리스트 */
.outordProdgroup 		{}
.outordProdgroup img	{width:40px; height:40px; border-radius:2px;}